div#wrap{ position:relative; }
div#wrap img { border:none; }
div#wrap a{ text-decoration:none; }

div#wrap div#header{ position:fixed; top:0; height:98px; width:100%; z-index:10000;-webkit-transition:all .3s;transition:all .3s; }
div#wrap div#header.over{background-color:#fff; border-bottom:1px solid #ddd;}
div#wrap div#header h1{position:absolute; left:90px; top:50%; margin-top:-19.5px; z-index:9999;}
div#wrap div.header_inner{position:relative;}
div#wrap div.header_inner:after{content:""; display:block; clear:both;}

/*탑메뉴*/
div#wrap div#header div#nav {padding:0px; position: relative;width:100%; text-align:center; }
div#wrap div#header div#nav > ul {clear:both; text-align:center;}
div#wrap div#header div#nav > ul li {width:180px; list-style:none;  display:inline-block; float:none; height:98px;line-height:98px; font-size:18px; font-weight:500;}
div#wrap div#header div#nav > ul li div a{color:#fff; height:98px; position:relative; }
div#wrap div#header.over div#nav > ul li div a{color:#000;}
div#wrap div#header div#nav > ul li div a:before{content:"";position:absolute; top:0px; left:50%; width:0%; height:3px; background:#170f1d; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
div#wrap div#header div#nav > ul li a{padding:0 15px 0 15px;display:block;}
div#wrap div#header div#nav > ul li.on div.on a{color:#000;}
div#wrap div#header div#nav > ul li.on div a:before{width:100%; left:0%;}


div#wrap div#header div#nav ul li div.slideMenu{position:absolute; top:98px; left:0px; z-index:100; width:100%; height:0px; overflow:hidden;  box-sizing:border-box; opacity:0; background:#f5f5f5; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
div#wrap div#header div#nav ul li div.slideMenu.on{opacity:1; height:100px;}
div#wrap div#header div#nav ul li div.slideMenu ul {width:1200px; position:absolute; top:-100px; left:50%; margin-left:-600px; text-align:left; box-sizing:border-box; padding:0 0 20px 0px; background:url('/images/default/main/tap_img.png') no-repeat center left; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; text-align:center;}
div#wrap div#header div#nav ul li div.slideMenu.on ul{top:0px;}
div#wrap div#header div#nav ul li div.slideMenu ul li {width:auto; text-align:center; display:inline-block; border:none;}
div#wrap div#header div#nav ul li div.slideMenu ul li:after{display:none;}
div#wrap div#header div#nav ul li div.slideMenu ul li a{display:inline-block; padding:0 20px; color:#666; font-weight:400; font-size:17px;  text-align:center; letter-spacing:-0.05em;}
div#wrap div#header div#nav ul li div.slideMenu ul li a.on{color:#da251c; font-weight:400;}
div#wrap div#header div#nav ul li div.slideMenu ul li a strong{color:#da251c;}
div#wrap div#header div#nav ul li div.slideMenu ul li a:hover{color:#da251c; font-weight:400;}


div#wrap div.header_inner ul.rm{position:absolute; right:0px; top:0;box-sizing:border-box;background-color:rgba(218,37,38,0.8); padding:0px 60px;}
div#wrap div.header_inner ul.rm:after{content : ""; display : block; clear:both;}
div#wrap div.header_inner ul.rm li{height:98px; float:left; margin-left:25px; position:relative; }
div#wrap div.header_inner ul.rm li:first-child{margin-left:0;}
div#wrap div.header_inner ul.rm li a{display:block; color:#fff;  line-height:98px;  font-size:16px; font-weight: 500; }
div#wrap div.header_inner ul.rm li img{vertical-align:middle;}
div#wrap div.header_inner ul.rm li.inq a{position:relative;padding-right:25px;}
div#wrap div.header_inner ul.rm li.inq a:before{ content : ""; display : block; position : absolute; right :0; top:50%; margin-top:-6px; width :1px; height :12px; background-color:rgba(255,255,255,0.5);}

.option_list { display:none; position: absolute;  top: 98px;  right:40px; z-index:1000; background: #fff;  border: solid 1px #d9d9d9;  padding: 15px 25px;}
.option_list li { margin-top: 5px;}
.option_list li a { display: block;  font-size: 15px;  color: #353535;}
.option_list li a:hover { text-decoration: underline !important;}
.option_list li:first-child { margin-top: 0;}


/*비주얼*/
#visual {width:100%;height:880px; z-index: 0; position:relative; overflow:hidden; min-width:1200px;}
#visual .bxslider {z-index:1;}
#visual .bxslider li {position:relative;width:100%;height:880px;}
#visual .bxslider li .ptext {position:absolute;left:50%; top:294px; font-size:20px; line-height:1.5; font-weight: 300;  box-sizing:border-box;   z-index:1; color:#fff;  width:1200px; margin-left:-600px; text-align:center;}
#visual .bxslider li .ptext h3{font-size:62px; text-shadow:2px 2px 3px rgba(0, 0, 0, 0.1);color:#fff; font-weight:500; line-height:1.1; position:relative; margin-bottom:40px; letter-spacing:-0.04em;}
#visual .bxslider li .ptext p{font-size:27px; text-shadow:2px 2px 3px rgba(0, 0, 0, 0.1); color:#fff; font-weight:500;  position:relative; letter-spacing:-0.01em;}


div.vis_ban{width:1200px; margin:0 auto; margin-top:-245px; }
div.vis_ban ul{overflow:hidden;padding-top:20px;}
div.vis_ban ul li{width:378px; float:left;position:relative; margin-left:30px; background-color:#fff; }
div.vis_ban ul li:before{ content : ""; display : block; position : absolute; left :0; bottom:0; width :100%; height :5px; background-color:#da251c; z-index:5;}
div.vis_ban ul li:first-child{margin-left:0;}
div.vis_ban ul li a{display:block; height:284px; text-align:center; padding:40px 30px;  transition: 0.2s;transition-delay: 0.1s;}
div.vis_ban ul li a h4{font-size:24px; margin:15px 0px 10px;}
div.vis_ban ul li a p{margin-bottom:30px; color:#898989; }
div.vis_ban ul li a:hover{background-color:#da251c; color:#fff; margin-top:-20px;}
div.vis_ban ul li a:hover h4{color:#fff;}
div.vis_ban ul li a p.more{width:64px; height:22px; display:block; position:absolute; bottom:0px; left:50%; margin-left:-32px; background:url('/images/default/main/more.png') no-repeat 0 0; text-indent:-9999px;}
div.vis_ban ul li a:hover p.more{background:url('/images/default/main/more_ov.png') no-repeat 0 0;}
div.vis_ban ul li a:hover p{color:#fff;}

/*컨텐츠*/
div#wrap div#container{ line-height:1.6;}
div#wrap div#container div.section{ width:1200px; margin:0 auto; position:relative; overflow:hidden;}
div#wrap div#container h3{font-size:80px; color:#EFEFEF; line-height:1.0; margin-bottom:50px;position:relative;padding-left:40px; }
div#wrap div#container h3 span{font-size:24px; display:block; color:#1b1b1b;}
div#wrap div#container h3:before{ content : ""; display : block; position : absolute; left :0; top:0; width :8px; height :100%; background-color:#1b1b1b; }


/*cts1*/
div#wrap div#container div.cts1{padding:90px 0px; background:url('/images/default/main/fea_bg.jpg') no-repeat center bottom; margin-top:40px;}
div#wrap div#container div.cts1 div.fl{width:338px; height:384px; position:relative; z-index:0;}
div#wrap div#container div.cts1 div.fl:after{ content : ""; display : block; position : absolute; bottom :0; right:0; width :85%; height :85%; border:8px solid #fff; z-index:-1;}
div#wrap div#container div.cts1 div.fl p{position:absolute; left:0; bottom:30px; color:#fff; overflow:hidden; font-weight:600;}
div#wrap div#container div.cts1 div.fl p b{display:block; float:left; background-color:rgba(218,36,28,0.9); padding:10px 20px; line-height:1.0; font-size:68px; margin-right:10px; color:rgba(255,255,255,0.9); font-weight:500;}
div#wrap div#container div.cts1 div.fr{width:795px;}
div#wrap div#container div.cts1 div.fr h4{font-size:24px;color:#da251c; line-height:1.3;}
div#wrap div#container div.cts1 div.fr h4 span{display:block; color:#1b1b1b;}
div#wrap div#container div.cts1 div.fr ul{overflow:hidden; margin-top:-10px;}
div#wrap div#container div.cts1 div.fr ul li{width:50%; float:left; height:140px; position:relative; padding-left:80px;padding-right:30px; margin-top:40px; line-height:1.3; color:#666; font-size:15px;}
div#wrap div#container div.cts1 div.fr ul li img{position:absolute; left:0; top:0;}
div#wrap div#container div.cts1 div.fr ul li b{display:block;font-weight:600; font-size:17px; margin-bottom:10px;}

/*cts2*/
div#wrap div#container div.cts2{padding:100px 0px;}
div#wrap div#container div.cts2 div.gallery{padding:0px 100px;}
div#wrap div#container div.cts2 div.gallery ul li{}
div#wrap div#container div.cts2 div.gallery ul li img{width:100%; height:100%;}
div#wrap div#container div.cts2 div.gallery ul li a{position:relative; display:block; width:100%; height:100%; transition: 0.2s;transition-delay: 0.1s;}
div#wrap div#container div.cts2 div.gallery ul li a div.cover{display:none; width:100%; height:100%; background-color:rgba(0, 0, 0,0.8); position : absolute; top :0; right:0;}
div#wrap div#container div.cts2 div.gallery ul li a p{position:absolute; left:70px; top:125px; color:#fff; display:none; font-size:23px;}
div#wrap div#container div.cts2 div.gallery ul li a:hover p{display:block;}
div#wrap div#container div.cts2 div.gallery ul li a p.more{left:auto; top:auto; right:50px; bottom:50px;}
div#wrap div#container div.cts2 div.gallery ul li a p.more img{width:auto; height:auto;}
div#wrap div#container div.cts2 div.gallery ul li a:hover div.cover{display:block;}

div#wrap div#container div.cts2 div.gallery .swiper-container{padding-bottom:50px;}
div#wrap div#container div.cts2 div.gallery .swiper-button-prev, .swiper-button-next{width:34px; height:34px;z-index:1000; cursor:pointer; top:auto; bottom:0; left:auto; margin:0; }
div#wrap div#container div.cts2 div.gallery .swiper-button-prev{background: url('/images/default/main/prev.png') no-repeat center top;  right:40px;}
div#wrap div#container div.cts2 div.gallery .swiper-button-next{background: url('/images/default/main/next.png') no-repeat center top;  right:0px;}
div#wrap div#container div.cts2 div.gallery .swiper-button-prev:hover{background: url('/images/default/main/prev_ov.png') no-repeat center top; }
div#wrap div#container div.cts2 div.gallery .swiper-button-next:hover{background: url('/images/default/main/next_ov.png') no-repeat center top; }

/*effect_brd 소스*/
.effect_brd .brd_top{position:absolute;left:0px;top:20px;width:0;height:1px;background:#fff; transition: 0.3s;}
.effect_brd .brd_left{position:absolute;left:20px;top:0px;width:1px;height:0;background:#fff; transition: 0.3s;transition-delay: 0.3s;}
.effect_brd:hover .brd_top{width:95%;}
.effect_brd:hover .brd_left{height:95%;}


/*cts3*/
div#wrap div#container div.cts3{padding:100px 0px;  background:url('/images/default/main/map_bg.jpg') no-repeat center top; }
div#wrap div#container div.cts3 h3{text-align:right; padding-right:40px; }
div#wrap div#container div.cts3 h3:before{ content : ""; display : block; position : absolute; left:auto; right :0; top:0; width :8px; height :100%; background-color:#1b1b1b; }

/*bottom*/
div#wrap div.bottom{  background:url('/images/default/main/cust_bg.jpg') repeat center top; }
div#wrap div.bottom ul{overflow:hidden; width:1200px; margin:0 auto;padding:30px 0px; }
div#wrap div.bottom ul li{width:33.333%; float:left; position:relative; padding-left:80px; }
div#wrap div.bottom ul li img{position:absolute; left:0; top:0;}
div#wrap div.bottom ul li b{display:block;font-weight:600; font-size:17px; margin-bottom:10px;}

/*Top버튼*/
.top_button{position:fixed; right:30px;bottom:130px; z-index:999; display:none;}
.top_button img{width:56px; height:56px; border-radius:50%; box-shadow: 0 2px 2px rgba(0,0,0, .3);}

/* footer */
div#wrap div#footer{ clear:both; background-color:#333; font-size:14px; color:#999; position:relative; letter-spacing:0; line-height:1.6;}
div#wrap div#footer div.copyright { width:1200px; margin:0 auto;  padding:50px 0px;position:relative;}
div#wrap div#footer div.copyright h3 {margin-bottom:10px; float:left; margin-right:50px; }
div#wrap div#footer div.copyright p.copy{margin-top:5px;}
div#wrap div#footer span.bar{padding:0px 10px; color:#666;}


/* 뷰포인트 */
@media screen and (max-width: 1400px){
	div#wrap div#header h1{left:30px;}
	div#wrap div#header div#nav > ul li {width:130px;}
	div#wrap div.header_inner ul.rm{padding:0px 10px;}
}

@media screen and (max-width: 1200px){
	div#wrap div.header_inner ul.rm{display:none;}
}
