@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:650px;; min-width:1100px; overflow:hidden;  z-index:1;}
.main_visual ul { width:100%; left:0px;top:0px; height:650px;; position:absolute; z-index:0;}
.main_visual li{background-repeat:no-repeat; background-position:center top; width:100%; height:650px;; }
.main_visual li a{display:block;}
.main_visual .visual_text {text-align:center; position:absolute; left:0px; top:280px; 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:#13a9ce;}
.main_visual .bg {position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:0;}


.main_business_wrap {margin:60px 0px 40px; position:relative;}
.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 0px;transition: all 0.2s;}
.main_business_wrap ul li dl dt {color:#222; font-size:18px;font-weight:bold; padding-bottom:15px; line-height:20px;}
.main_business_wrap ul li dl dd {color:#888; font-size:13px; line-height:16px; white-space: normal;}

.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_about_wrap { height:450px; background:#f2f2f2 url(../images/main/main_about_wrap_bg.jpg) right top no-repeat; ;}
.main_about_wrap .default_layout{ position:relative;}
.main_about_wrap .box { position:absolute; left:0px; width:450px; height:450px;  text-align:right;}
.main_about_wrap .box_wrap {display:table; width:100%; height:450px; }
.main_about_wrap .box_wrap_box {display:table-cell;vertical-align:middle; color:#444444; padding:0px 40px}
.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;}
.main_about_wrap .box_wrap_box dl dd {font-size:14px; color:rgba(0,0,0,0.8); line-height:20px;margin-top:20px;}
.main_about_wrap .box_wrap_box a {display:inline-block;  margin-top:40px; border:1px #3d9ad9 solid;; color:#3d9ad9; 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 {overflow:hidden;}
.main_quick li{float:left; width:25%; position:relative; background-position:center top; background-repeat:no-repeat;}
.main_quick li a{display:block; color:#fff;height:200px; padding:30px 0px;; text-align:center; }
.main_quick li .bg{position:absolute; background:#444; left:0px; top:0px; width:100%; height:100%; opacity:0.8; z-index:0}
.main_quick li.color .bg{background:#13a9ce; }
.main_quick li .text {position:relative; z-index:1; }
.main_quick li .icon {position:relative; z-index:1; height:80px; padding-top:60px;}
.main_quick li .icon img {vertical-align:middle;}
.main_quick li:hover .bg{opacity:0.9;}

.main_quick li.m1 {background-image:url(../images/main/main_quick_bg01.jpg)}
.main_quick li.m2 {background-image:url(../images/main/main_quick_bg02.jpg)}
.main_quick li.m3 {background-image:url(../images/main/main_quick_bg03.jpg)}
.main_quick li.m4 {background-image:url(../images/main/main_quick_bg04.jpg)}



/*메인 cs*/
.main_cs {padding:50px 0 30px; overflow:hidden; background:#fff;}
.main_cs .board {float:left; width:340px; margin-right:30px;}
.main_cs .board.last {margin-right:0px;}
.main_cs .board .tit {font-size:20px; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #666;}

.main_cs .tit a {display:block; color:#222;}
.main_cs .tit .btn {float:right; font-size:13px; color:#666;}
.main_cs .tit a:hover .btn {color:#000;}

.main_cs .board li.default {line-height:35px; height:35px; padding:0 3px; border-bottom:1px solid #ddd;}
.main_cs .board li.default a {display:block; font-size:14px; color:#777;}
.main_cs .board li.default .date {float:right; font-size:13px;}
.main_cs .board li.default a:hover {color:#000;}
.main_cs .board li.default a:hover .date {color:#000;}

.main_cs .businiess {float:left; width:320px;}
.main_cs .tit {font-size:20px; padding-bottom:10px; margin-bottom:20px; border-bottom:1px solid #666;}
.main_cs .info {position:relative; height:130px; overflow:hidden; background:#665151;}
.main_cs .info a {display:block; padding:30px 120px 40px 25px; color:#fff; font-size:14px; line-height:22px; word-break:keep-all;}
.main_cs .info .ic {position:absolute; right:25px; top:32px;}
.main_cs .info:hover {background:#c1b480;}



.main_cs .gallery li {position:relative;}
.main_cs .gallery li .photo_image {width:70px; height:60px; position:absolute; left:0px; top:10px;}
.main_cs .gallery li .photo_image img {width:100%; height:100%; vertical-align:top;}
.main_cs .gallery li .last {margin-left:90px;}
.main_cs .gallery li .last dt {font-size:12px; font-weight:bold;}
.main_cs .gallery li .last dd {line-height:16px; color:#888;}