@charset "utf-8";
@import url("./width1024_default.css");


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


/*메인비주얼*/
.main_visual {text-align:center; position:relative; width:100%; height:550px; min-width:1100px; overflow:hidden;  z-index:1;}
.main_visual ul { width:100%; left:0px;top:0px; height:550px; position:absolute; z-index:0;}
.main_visual li{background-repeat:no-repeat; background-position:center top; width:100%; height:550px; }
.main_visual li a{display:block;}
.main_visual .visual_text {text-align:center; position:absolute; left:0px; top:180px; width:100%; z-index:9999; color:#fff; font-size:60px; font-weight:bold;}
.main_visual .visual_text span{display:block;  color:rgba(255,255,255,0.9); font-size:18px; font-weight:normal; margin-top:40px;}
.main_visual .main_pager { text-align:center; position:absolute; left:0px; bottom:60px; width:100%;}
.main_visual .main_pager span{display:inline-block; vertical-align:top; text-indent:-9999px; cursor:pointer; width:16px; height:15px; margin:0 3px; border-radius:15px; background:#fff; }
.main_visual .main_pager .cycle-pager-active{width:35px;background:#e86227;}
.main_visual .bg {position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:0;}


.main_business_wrap {margin:60px 0px; position:relative;}
.main_business_wrap h3{font-size:33px; line-height:33px; background:url(../images/main/main_business_title_line.jpg) left 50% repeat-x}
.main_business_wrap h3 span{display:inline-block;;;; background:#fff;padding-right:60px; color:#888}
.main_business_wrap h3 span strong{color:#222}

.main_business_wrap ul {overflow:hidden; margin-top:40px; }
.main_business_wrap ul li{ width:353px; margin-right:20px;}
.main_business_wrap ul li:last-child {margin-right:0px;}
.main_business_wrap ul li .photo  {overflow:hidden; width:353px; height:200px; }
.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; background:#f8f8f8; transition: all 0.2s;}
.main_business_wrap ul li:hover dl {background:#e86227; transition: all 0.3s;}
.main_business_wrap ul li dl dt {color:#222; font-size:20px;font-weight:bold; padding-bottom:15px; line-height:20px;}
.main_business_wrap ul li dl dd {color:#888; font-size:16px; line-height:16px;}

.main_business_wrap ul li:hover dl dt{color:#fff; transition: all 0.3s;}
.main_business_wrap ul li:hover dl dd{color:#fff; transition: all 0.3s;}



.main_business_wrap .btns{position:absolute; right:0px; top:0px; height:30px; font-size:0px; background:#fff;}
.main_business_wrap .btns a{display:inline-block; width:30px; height:30px; background:#e86227; text-align:center; margin:0 1px;}
.main_business_wrap .btns a span{display:inline-block; width:30px; height:30px; background:url(../images/main/main_business_btn.png) left 50% no-repeat; text-indent:-9999px;}
.main_business_wrap .btns a#business_next span{background-position:right 50%; }

.main_about_wrap { height:500px; background:#0c2d50 url(../images/main/main_about_wrap_bg.png) left top no-repeat; ;}
.main_about_wrap .default_layout{ position:relative;}
.main_about_wrap .box { position:absolute; right:0px; width:350px; height:500px; background:#0c2d50;}
.main_about_wrap .box_wrap {display:table; width:100%; height:500px; }
.main_about_wrap .box_wrap_box {display:table-cell;vertical-align:middle; color:#fff; padding:0px 40px}
.main_about_wrap .box_wrap_box dl dt {font-size:33px;}
.main_about_wrap .box_wrap_box dl dd {font-size:14px; color:rgba(255,255,255,0.8); line-height:20px;margin-top:20px;}
.main_about_wrap .box_wrap_box a {display:inline-block;  margin-top:40px; border:1px #fff solid;; color:#fff; line-height:40px; padding:0 10px; transition: all 0.2s;}
.main_about_wrap .box_wrap_box a:hover {padding:0 40px; transition: all 0.3s;}



.main_quick {display:table; table-layout:fixed; width:100%; margin:60px 0px 30px;}
.main_quick li{display:table-cell; vertical-align:middle;}
.main_quick li span{display:inline-block; width:80px; font-size:50px; vertical-align:top; color:#e86227; position:relative;top:-6px; margin-left:46px;}
.main_quick li dl {display:inline-block;}
.main_quick li dl dt{font-weight:bold; color:#222; font-size:20px;}
.main_quick li dl dd{ color:#888; font-size:14px;}




.main_gallery {overflow:hidden; border-top:1px #ddd solid; padding-top:60px; }
.main_gallery h3 {font-size:30px; line-height:33px; color:#222  }
.main_gallery h3 span {color:#888}
.main_gallery h3 a{float:right; font-size:11px; color:#666; font-weight:normal;  border:1px #666 solid; line-height:30px; padding:0 20px; border-radius:30px;}
.main_gallery ul{margin-top:25px;}
.main_gallery ul li{float:left; width:260px; margin-right:20px;; text-align:left;}
.main_gallery ul li img {vertical-align:middle ; width:100%; height:160px;}
.main_gallery ul li:last-child {margin-right:0px; }
.main_gallery ul li .t1 {margin-top:15px;  font-size:15px; font-weight:bold; }
.main_gallery ul li .t1 a{color:#222}
.main_gallery ul li .t2 {line-height:16px; padding-top:5px;  font-size:13px; color:#888; }
.main_gallery ul li .t2 a{color:#888; }
.main_gallery ul li:hover .t1 a{color:#e86227;}
.main_gallery ul li:hover .t2 a{text-decoration:underline;}