/* 메인슬라이더 */
#visual{width:100%; min-width:1200px; height:700px; margin:0 auto; position:relative; overflow:hidden; visibility:hidden;}
a{cursor:pointer}

#visual .sliderbx{ z-index:10;width:100% !important; height:700px; position:relative;}

#visual #slogan{width:100%; color:#fff; position:absolute; top:200px; left:50%; transform:translateX(-50%); z-index:998; text-align:center; text-shadow:1px 1px 1px rgba(0,0,0,0.2);}
#visual #slogan .title{font-size:4.3em; letter-spacing:-1.2px; line-height:1.2em; font-weight:700;}
#visual #slogan .con{font-size:3.8em;  line-height:1.4em; font-weight:600; margin:25px 0;}
#visual #slogan .con span{position:relative; margin-right:20px;}
#visual #slogan .con span:before{display:block; content:""; width:7px; height:7px; border-radius:50%; background:#fff; position: absolute; top:35px; left:-20px;}
#visual #slogan .con span.a:before{display:none;}

#visual .sliderbx li{ width:100% !important; height:700px; background-repeat:no-repeat; background-position: center top;}
#visual .sliderbx li.mv01{background-image:url(../img/main/mvisual01.jpg)}
#visual .sliderbx li.mv02{background-image:url(../img/main/mvisual02.jpg)}
#visual .sliderbx li.mv03{background-image:url(../img/main/mvisual03.jpg)}
#visual .sliderbx li.mv04{background-image:url(../img/main/mvisual04.jpg)}
#visual .sliderbx li a{ display:block; width:100%; height:650px;}

#visual div.bx-pager{ position:absolute; bottom:85px; left:50%; margin-left:-53px; z-index:101;}
#visual div.bx-pager div{ float:left; margin:0 4px;}
#visual div.bx-pager div a{ display:block; width:13px; height:13px; text-indent:-9999px; border-radius:20px; background:#fff;}
#visual div.bx-pager div a.active{ width:40px;}
#visual div.bx-controls-direction a{ 
display:block; width:50px; height:50px; border-bottom:3px solid #FFF; border-left:3px solid #FFF; border-radius:0 0 0 5px; text-indent:-9999px; position:absolute; top:50%; margin-top:-25px !important; z-index:9999;} /*좌우버튼동시선택*/
#visual a.bx-prev{ transform:translateY(-50%) rotate(45deg); left:40px;}
#visual a.bx-next{ transform:translateY(-50%) rotate(-135deg); right:40px;}	
#visual div.bx-controls-auto{position:absolute; width:40px; top:30px; z-index:2; left:50%; margin-left:470px; }
#visual div.bx-controls-auto a{	float:left; margin-right:3px; width:12px; height:12px; border-radius:9px; color:#FFF; text-align:center; line-height:12px; font-size:12px; text-indent:-9999px;	} /*플레이스탑버튼동시선택*/
#visual div.bx-controls-auto a.bx-start{background:url(../img/common/btn_play.png) no-repeat 50% 50% #4C5365;}
#visual div.bx-controls-auto a.bx-stop{background:url(../img/common/btn_stop.png) no-repeat 50% 50% #4C5365;}
@media (max-width: 1200px) {
#visual{width:100%; min-width:100%; height:200px;}
#visual #slogan{width:90%; top:70px;}
#visual #slogan .title{font-size:1.8em;}
#visual #slogan .con{font-size:1.48em;}
#visual #slogan .con span{margin-right:10px;}
#visual #slogan .con span:before{width:3px; height:3px; top:12px; left:-9px;}
#visual #slogan .con span.a:before{display:none;}


#visual .sliderbx li{ width:100% !important; height:200px; background-position:center top; background-size:cover;}
#visual div.bx-pager{bottom:15px;  margin-left:-35px;}
#visual div.bx-pager div{ margin:0 2px;}
#visual div.bx-pager div a{ width:8px; height:8px; border-width:3px;}
#visual div.bx-controls-direction{ display:none;}
}



/*5배너*/
#com_bx{width:1200px; margin:0 auto; position:relative; padding-bottom:545px;}
#com_bx .up {position:absolute; top:-55px; z-index:100;}
#com_bx .up ul li{float:left; width:33.3333%; position:relative; height:300px; padding:50px;}
#com_bx .up ul li:nth-child(1){ background: url(../img/main/com_01.jpg) no-repeat center center / cover;}
#com_bx .up ul li:nth-child(2){ background: url(../img/main/com_02.jpg) no-repeat center center / cover;}
#com_bx .up ul li:nth-child(3){ background: url(../img/main/com_03.jpg) no-repeat center center / cover;}
#com_bx .up ul li:nth-child(4){ background: url(../img/main/com_04.jpg) no-repeat center center / cover;}
#com_bx .up ul li:nth-child(5){ background: url(../img/main/com_05.jpg) no-repeat center center / cover;}
#com_bx .up ul li a{display:block;}
#com_bx .up ul li.under{width:50%;}
#com_bx .up ul li dt{font-size:1.8em; font-weight:500; margin-bottom:20px; color:#fff; letter-spacing:-1.5px;}
#com_bx .up ul li dd{ font-weight:500; font-size:1.12em; color:rgba(255,255,255,0.95);}
#com_bx .up ul li dd span{display:inline-block; border-bottom:2px solid rgba(255,255,255,0.4); text-align:center; color: #FF9; margin-right:7px; margin-bottom:5px;}
#com_bx .up ul li:nth-child(1) dt{color:#232e46;}
#com_bx .up ul li:nth-child(1) dd{color:#232e46 !important;}
#com_bx .up ul li dd ul.info{margin-top:22px;}
#com_bx .up ul li dd ul.info li{width:100%; float:inherit; padding:0; height:inherit; background:none; font-size:1.15em; line-height:1.7em; padding-left:10px; position:relative;}
#com_bx .up ul li dd ul.info li:before{display:block; content:""; position:absolute; top:11px; left:0; width:4px; height:4px; background:#fff; border-radius:50%; }
#com_bx .up ul li:nth-child(1) dd ul.info li:before{background:#000; }
@media (max-width: 1200px) {
#com_bx{width:100%; padding-bottom:0;}
#com_bx .up {position: inherit; top: inherit; }
#com_bx .up ul li{width:33.333%; padding:5px; height:85px; text-align:center;}
#com_bx .up ul li dt{font-size:1.1em; margin:26px 0;}
#com_bx .up ul li dd{display:none;}
#com_bx .up ul li.under{width:100%;}
}


/*about*/
#about{width:100%; text-align:center; padding:80px 0;}
#about h2{font-size:3.1em; letter-spacing:-2px; color:#42526e; font-weight:600;}
#about .con{padding-top:100px; background:url(../img/main/tt01.png) no-repeat center 50px;}
#about .con h3{color:#000; font-size:2em; margin-bottom:28px; letter-spacing:-2px; font-weight:600;}
#about .con h3 strong{color:#5ca819;}
#about .con h3 span{color:#3a649d;}
#about .con h4{color:#666; font-size:1.25em; line-height:1.7em; font-weight:400;}
#about .ico{width:1000px; margin:0 auto; padding-top:120px; background:url(../img/main/tt02.png) no-repeat center 22px;}
#about .ico li{float:left; margin-right:50px; padding-right:50px; border-right:1px dotted #ddd;}
#about .ico li:last-child{margin-right:0; padding-right:0; border-right:none;}
#about .ico li p{padding:15px 0; font-size:1.3em; color:#000;}
@media (max-width: 1200px) {
#about{padding:30px 0;}
#about h2{font-size:1.5em; letter-spacing:0.2px;}
#about .con{background:none; padding:20px;}
#about .con h3{font-size:1.2em; line-height:1.4em; margin-bottom:15px; letter-spacing:-1px;}
#about .con h4{font-size:0.9em; line-height:1.4em;}
#about .ico{width:100%; padding-top:10px; background:none;}
#about .ico li{float:left;width:calc(33.333% - 15px); margin:7px; padding-right:0; border-right:none;}
#about .ico li img{width:50px; height:auto;}
#about .ico li p{padding:8px 0; font-size:1.05em;}
}





/*메인-parallax */
#business {width:100%; background:#000 url(../img/main/back01.jpg) no-repeat center; color:#fff; text-align:center; background-attachment: fixed; padding:100px 0;}
#business h2{font-size:3.6em; letter-spacing:-2px;}
#business h3{font-size:1.6em; padding-top:10px;}
#business ul {width:1200px; margin:30px auto 0 auto;}
#business ul li{float:left; width:calc(33.333% - 16px); margin:8px; border:10px solid rgba(255,255,255,0); position:relative;}
/*#business ul li:hover{border:10px solid #ffc600;transition:all 0.5s; }*/
#business ul li dl{ text-align: left; }
#business ul li dt img{width:100%; height:auto;}
#business ul li dd{ background:#fff; padding:25px;}
#business ul li dd .thumb_tit{font-size:1.55em; color:#000; font-weight:500; margin-bottom:16px;}
#business ul li dd .thumb_sub {}
#business ul li dd .thumb_sub strong{color:#69C; font-weight:normal;}
#business ul li dd .thumb_sub span:before{display:block; content:""; position:absolute; left:0; top:7px; width:4px ; height:4px; border-radius:50%; background:#36C;}
@media (max-width:1200px) {
/*parallax */
#business {margin-top:0; padding:20px 0;}
#business h2{font-size:1.6em; letter-spacing:-1px;}
#business h3{font-size:1em; padding-top:5px;}
#business ul {width:100%; margin:10px auto 10px auto;}
#business ul li{float:left; width:calc(100% - 30px); margin:15px; border:5px solid rgba(255,255,255,0)}
#business ul li dt{height:155px; overflow:hidden;}
#business ul li dd{padding:12px;}
#business ul li dd .thumb_tit{font-size:1.1em; margin-bottom:8px;}
#business ul li dd .thumb_sub{font-size:0.9em;  top:5px;}
}

/*hoverBOX*/
.block_over{position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity:0.9; z-index:2;}
.block_over .drawborder{display:block; background:#ff8c3f; position: absolute;}
.block_over .drawborder-top{width: 0%; height: 10px; left: 0; top: 0; transition-delay: 0s;}
.block_over .drawborder-left{width: 10px; height: 0%; top: 0; right: 0; transition-delay: 0s;}
.block_over .drawborder-bottom{width: 0%; height: 10px; right: 0; bottom: 0; transition-delay: 0s;}
.block_over .drawborder-right{width: 10px; height: 0; left: 0; bottom: 0; transition-delay: 0s;}
.block_over:hover .drawborder{transition: all 0.25s;}
.block_over:hover .drawborder-top{width: 100%; transition-delay: 0s;}
.block_over:hover .drawborder-left{height: 100%; transition-delay: 0.1s;}
.block_over:hover .drawborder-bottom{width: 100%; transition-delay: 0.2s;}
.block_over:hover .drawborder-right{height: 100%; transition-delay: 0.3s;}