@charset "utf-8";



#container {position:relative; z-index:0; font-family: 'Nanum Square';}


/*메인비주얼*/
.main_visual {text-align:center; position:relative; width:100%; height:650px; min-width:1200px; overflow:hidden;}
.main_visual ul {height:650px; position:relative; z-index:1;}
.main_visual li {background-repeat:no-repeat; background-position:center top; width:100%; height:650px; }


.main_visual .main_visual_text {position:absolute; width:100%; top:0px; color:#fff; z-index:2; }

.main_visual .main_visual_text .bg{position:absolute; top:0px; left:0px; width:100%; height:600px; background:rgba(0,0,0,0.1); z-index:0;}

.main_visual .main_visual_text .t1{font-size:60px; line-height:60px; font-weight:normal;; position:relative; z-index:3; margin-top:210px; font-family: "Nanum Square",sans-serif; }
.main_visual .main_visual_text .t2{font-size:20px; padding-top:10px; position:relative; z-index:3;}

.main_visual .main_pager {position:absolute; left:0px; width:100%;  top:30px; text-align:center; z-index:3; }
.main_visual .main_pager span{display:inline-block; vertical-align:top; text-indent:-9999px; cursor:pointer; width:13px; height:13px; margin:0 3px; border-radius:13px; background:#ddd; }
.main_visual .main_pager .cycle-pager-active{background:#ff6600;}

.main_visual .control {position:absolute; top:330px; width:100%; text-align:center; z-index:4; text-indent:-9999px;;}
.main_visual .control a {float:left; width:46px; height:80px; background:url(../images/main/visual_btn.png) left top no-repeat; margin-left:40px}
.main_visual .control a#visual_next {float:right;background-position:right top; margin:0 40px 0 0;}



/*메인퀵*/
.main_quick_wrap {display:table; width:100%; table-layout:fixed; position:relative;margin-top:-120px; z-index:9; box-shadow: 0px 3px 3px rgba(0,0,0,0.2);}
.main_quick_wrap li{display:table-cell; vertical-align:middle; background:#fff; height:120px; text-align:center; transition: all .2s; font-size:15px; font-weight:bold;}
.main_quick_wrap li:hover{transition: all .3s; background:#ff6600; color:#fff;}
.main_quick_wrap li:hover a{color:#fff;}
.main_quick_wrap li .icon {display:inline-block;width:73px; height:72px;  background-position:left top; background-repeat:no-repeat;}
.main_quick_wrap li:hover .icon {background-position:left bottom;}

.main_quick_wrap li.first{ background:#ff6600;}
.main_quick_wrap li.first a{color:#fff;}
.main_quick_wrap li.first .icon{background-position:left bottom;}

.main_quick_wrap li.m1 .icon{background-image:url(../images/main/main_quick01.png)}
.main_quick_wrap li.m2 .icon{background-image:url(../images/main/main_quick02.png)}
.main_quick_wrap li.m3 .icon{background-image:url(../images/main/main_quick03.png)}
.main_quick_wrap li.m4 .icon{background-image:url(../images/main/main_quick04.png)}
.main_quick_wrap li.m5 .icon{background-image:url(../images/main/main_quick05.png)}



/*간단회사소개*/
#main_about_wrap { height:400px;}
#main_about_wrap .default_layout{ position:relative; height:400px; position:relative; background:url(../images/main/main_about_wrap_bg.png) 125% 50% no-repeat;}
#main_about_wrap .box { position:absolute; left:0px; width:600px; height:400px;  text-align:left; }
#main_about_wrap .box_wrap {display:table; width:100%; height:400px;  }
#main_about_wrap .box_wrap_box {display:table-cell;vertical-align:middle; color:#444444; }
#main_about_wrap .box_wrap_box h3 {padding:20px 0px 40px;}
#main_about_wrap .box_wrap_box dl dt {font-size:33px; line-height:33px; font-size:1}
#main_about_wrap .box_wrap_box dl dd {font-size:14px; color:rgba(0,0,0,0.8); line-height:26px;margin-top:20px;}
#main_about_wrap .box_wrap_box a {display:inline-block;  margin-top:40px; border:1px #ff6600 solid;; color:#ff6600; line-height:40px; padding:0 10px; transition: all 0.2s;}
#main_about_wrap .box_wrap_box a:hover {padding:0 20px; transition: all 0.3s; background:#ff6600; color:#fff;}




/*멤버*/
.main_business_wrap {margin:80px 0px 40px; position:relative; font-family: 'Nanum Square';}
.main_business_wrap h3 {font-size:30px; color:#be9357; letter-spacing:-1px;}
.main_business_wrap h3 span {display:inline-block; font-size:14px; color:#999; margin-left:10px; font-weight:normal;}
.main_business_wrap ul {overflow:hidden; margin-top:40px;  z-index:1; position:relative; }
.main_business_wrap ul li{ width:173px; margin-right:60px;}
.main_business_wrap ul li .photo  {overflow:hidden; width:100%;}
.main_business_wrap ul li .photo img {vertical-align:top; -moz-transition: all 0.3s;  -webkit-transition: all 0.3s;  transition: all 0.3s;}
.main_business_wrap ul li:hover .photo img {-moz-transform: scale(1.08); -webkit-transform: scale(1.08); transform: scale(1.08);}
.main_business_wrap ul li dl  {padding:20px 0px;transition: all 0.2s;}
.main_business_wrap ul li dl dt { border-bottom:1px #ddd dashed; font-size:13px; color:#be9357; }
.main_business_wrap ul li dl dd {color:#222; font-size:18px;font-weight:bold; padding-bottom:15px; margin-top:10px;} 
.main_business_wrap ul li dl dd .col {position:relative; padding-left:60px; line-height:23px; margin:5px 0px; font-size:12px;}
.main_business_wrap ul li dl dd .col span {position:absolute; left:0px; top:0px;background:#444; color:#fff; padding:0 10px;; border-radius:23px;}
.main_business_wrap ul li dl dd .col.last span {background:#00abcb;}

.main_business_wrap ul li:hover dl dt{color:#13a9ce; transition: all 0.3s;}
.main_business_wrap ul li:hover dl dd{color:#000; transition: all 0.3s;}
.main_business_wrap ul li a{color:#13a9ce;margin-top:15px; }


.main_business_wrap .control {width:100%; position:absolute; left:0px; top:170px; }
.main_business_wrap .control a{float:left; margin:0px -60px; width:20px; height:35px; background:url(../images/main/product_btn.png) left top no-repeat; text-indent:-9999px; position:relative; z-index:2;}
.main_business_wrap .control a#main_business_next{float:right; background-position:right top;}






.main_business_wrap1 {margin:80px 0px 40px; position:relative; font-family: 'Nanum Square';}
.main_business_wrap1 h3 {font-size:30px; color:#be9357; letter-spacing:-1px;}
.main_business_wrap1 h3 span {display:inline-block; font-size:14px; color:#999; margin-left:10px; font-weight:normal;}
.main_business_wrap1 ul {overflow:hidden; margin-top:20px;  z-index:1; position:relative; width:100% !important; }
.main_business_wrap1 ul li{ width:543px; margin-right:30px; vertical-align:top; }

.main_business_wrap1 ul li .photo  {overflow:hidden;width:173px; float:left;}
.main_business_wrap1 ul li .photo img {vertical-align:top; -moz-transition: all 0.3s;  -webkit-transition: all 0.3s;  transition: all 0.3s;}
.main_business_wrap1 ul li:hover .photo img {-moz-transform: scale(1.08); -webkit-transform: scale(1.08); transform: scale(1.08);}
.main_business_wrap1 ul li dl  {padding:20px 0px;transition: all 0.2s;}
.main_business_wrap1 ul li dl dt { border-bottom:1px #ddd dashed; font-size:13px; color:#be9357; }
.main_business_wrap1 ul li dl dd {color:#222; font-size:18px;font-weight:bold; padding-bottom:15px; margin-top:10px;} 
.main_business_wrap1 ul li dl dd .col {position:relative; padding-left:60px; line-height:23px; margin:5px 0px; font-size:12px;}
.main_business_wrap1 ul li dl dd .col span {position:absolute; left:0px; top:0px;background:#444; color:#fff; padding:0 10px;; border-radius:23px;}
.main_business_wrap1 ul li dl dd .col.last span {background:#00abcb;}

.main_business_wrap1 ul li:hover dl dt{color:#13a9ce; transition: all 0.3s;}
.main_business_wrap1 ul li:hover dl dd{color:#000; transition: all 0.3s;}
.main_business_wrap1 ul li a{color:#13a9ce;margin-top:15px; }


.main_business_wrap1 ul li .list_right {width:350px; margin-left:173px;}
.main_business_wrap1 ul li .list_right .box {border:1px #ededed solid; border-left:0px;  height:258px; }
.main_business_wrap1 ul li .list_right .box_wrap {padding:15px 20px;}
.main_business_wrap1 ul li .list_right .box_wrap .name {font-size:13px; color:#be9357; border-bottom:1px #}
.main_business_wrap1 ul li .list_right .box_wrap .name strong{color:#000; font-size:20px; display:block; padding-top:5px; font-family:'Nanum Square';}

.main_business_wrap1 ul li .list_right .box_wrap .school_box {border-top:1px #ddd dashed;  padding-top:10px; margin-top:16px; position:relative; margin-bottom:10px; font-size:12px; color:#555; height:40px; overflow:hidden; }
.main_business_wrap1 ul li .list_right .box_wrap .school_box .col {position:relative;line-height:20px;  padding-left:90px; white-space: normal;}
.main_business_wrap1 ul li .list_right .box_wrap .school_box .col span {position:absolute; left:0px; top:0px; border:1px #ededed solid; border-radius:30px; padding:0 20px; line-height:30px;}
.main_business_wrap1 ul li .list_right .box_wrap .detail {display:inline-block; margin-top:10px; margin-left:6px; line-height:35px;color:#444; font-size:12px; transition: all .2s; border:1px #2a3b5e solid; padding:0 15px;}
.main_business_wrap1 ul li .list_right .box_wrap .detail .fonti {transition: all .2s; }



.main_business_wrap1 ul li:hover .list_right .box_wrap .detail {padding-right:20px; transition: all .3s; font-weight:bold; background:#2a3b5e; color:#fff;}
.main_business_wrap1 ul li:hover .list_right .box_wrap .detail .fonti {margin-left:20px; transition: all .3s; color:#fff; }



.main_business_wrap1 .control {width:100%; position:absolute; left:0px; top:140px; }
.main_business_wrap1 .control a{float:left; margin:0px -60px; width:20px; height:35px; background:url(../images/main/product_btn.png) left top no-repeat; text-indent:-9999px; position:relative; z-index:2;}
.main_business_wrap1 .control a#main_business_next{float:right; background-position:right top;}





/*자주하는질문*/
.main_wide_view_wrap {padding:60px 0px 120px; margin-top:60px; text-align:center;  overflow:hidden; background:url(../images/main/main_wide_view_wrap_bg.jpg) center top no-repeat;   position:relative;}
.main_wide_view_wrap h3 {font-size:30px; color:#fff; line-height:30px; font-weight:normal;}
.main_wide_view_wrap h3 span{display:block; font-size:16px; color:rgba(255,255,255,0.6);  line-height:23px; padding-top:20px;}




.main_wide_view_wrap ul{margin-top:60px;}
.main_wide_view_wrap ul li{width:540px;; margin:0 10px; overflow:hidden; text-align:left;}

.main_wide_view_wrap ul li .photo {width:540px; height:280px; overflow:hidden; }
.main_wide_view_wrap ul li .photo img {vertical-align:top; width:100%; -moz-transition: all 0.3s;  -webkit-transition: all 0.3s;  transition: all 0.3s;}
.main_wide_view_wrap ul li:hover .photo img {-moz-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);}



.main_wide_view_wrap ul li .text_box {background:#fff; padding:20px;}
.main_wide_view_wrap ul li .t1 {font-size:16px;color:#000000; font-weight:bold;;}
.main_wide_view_wrap ul li .t1:hover {color:#ff6600;}
.main_wide_view_wrap ul li .t2 {font-size:13px; color:#2d2d2d; line-height:16px;     white-space: normal;}
.main_wide_view_wrap ul li .date {font-size:12px; color:#929292; margin-top:5px;}





/*메인마지막정보*/
.main_info_box {padding:30px 0px;}
.main_info_box h3{font-size:20px; font-family: 'Nanum Square'; overflow:hidden; line-height:25px; margin-bottom:20px;}
.main_info_box h3 a{float:right;}
.main_info_box h3 a span{display:inline-block; line-height:20px; padding:2px 10px 0px; border:1px #d3d6da solid; background:#fff; font-size:12px; font-weight:normal;}

.main_info_box_wrap {display:table; width:100%; table-layout:fixed; padding:20px 0px; }
.main_info_box_wrap .col {display:table-cell; vertical-align:top; padding:20px 25px; border-right:1px #ededed solid; }
.main_info_box .notice ul{}
.main_info_box .notice ul li {overflow:hidden; line-height:25px; font-size:13px; padding-left:10px; background:url(../images/main/main_notice_dot.jpg) left 11px no-repeat;}
.main_info_box .notice ul li a{float:left; width:70%;  color:#555555}
.main_info_box .notice ul li a:hover{text-decoration:underline;}
.main_info_box .notice ul li span{float:right; color:#aaaaaa;}

/*
.main_info_box .notice .btn {margin-top:30px ; background:#fff; border:1px #cccccc solid; overflow:hidden;}
.main_info_box .notice .btn span{float:left; width:50%; text-align:center;}
.main_info_box .notice .btn span a{display:block; line-height:44px; background:#fff; transition: all 0.3s; }
.main_info_box .notice .btn span a:hover{background:#ff6600; color:#fff; border-color:#ff6600; transition: all 0.2s; }
.main_info_box .notice .btn span a.last{border-right:1px #cccccc solid;}
*/


.main_info_box .last {border-right:0px;}

/*
.main_info_box .news { border-left:0px;}
.main_info_box .news ul{overflow:hidden;}
.main_info_box .news ul li {float:left; width:190px; margin-right:19px; }
.main_info_box .news ul li:nth-child(3n+3) {margin-right:0px;}
.main_info_box .news ul li .photo img{vertical-align:top; width:100%; height:130px;;}
.main_info_box .news ul li dl dt{font-weight:bold; font-size:14px; padding-top:5px; color:#000000;   overflow:hidden;    white-space:nowrap;    text-overflow:ellipsis; padding-right:10px;}
.main_info_box .news ul li dl dd{margin-top:3px; font-size:12px; color:#777777; line-height:18px;}
.main_info_box .news ul li:hover dl dt {text-decoration:underline; color:#000;}
.main_info_box .news ul li:hover dl dd {text-decoration:underline;}
*/


.main_banner {margin-top:10px;  padding:30px 0px; border-top:1px #ededed solid; position:relative;}
.main_banner ul {margin:0 auto; width:100% !important; position:relative; z-index:1;}
.main_banner ul li{width:220px !important; text-align:center; }
.main_banner ul li img {vertical-align:middle; width:160px; height:45px;  -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity:0.6}

.main_banner .btns{position:absolute; top:36px; width:100%;   z-index:0; }
.main_banner .btns a{width:16px; height:32px; background:url(../images/main/main_banner_btn.png) left 50% no-repeat; text-indent:-9999px; float:left; text-align:center; margin-left:-30px; }
.main_banner .btns a#main_banner_next {background-position:right 50%;  float:right;  margin-right:-30px;}