@charset "utf-8";

#visual {width:100%; overflow:hidden;}
#visual .item{overflow:hidden; height:650px; background-size:cover !important;}
#visual .owl-nav {}
#visual .owl-nav .owl-prev, #visual .owl-nav .owl-next {position:absolute; top:40%; width:59px; height:118px; font-size:0; }
#visual .owl-nav .owl-prev {left:42px; background:url('../img/prev.png') center no-repeat; background-size:contain;}
#visual .owl-nav .owl-next {right:42px; background:url('../img/next.png') center no-repeat; background-size:contain}
#visual .owl-dots{position:absolute;width:100%;bottom:45px;text-align:center}  
#visual .owl-dots .owl-dot{display:inline-block;width:10px;height:10px;margin:0 4px; border:2px solid #fff;}
#visual .owl-dots .owl-dot.active{background:#e69f0a; width:50px; height:10px; border:2px solid #e69f0a;}

/*@media (max-width: 1199px) {
	#visual .owl-nav .owl-prev, #visual .owl-nav .owl-next {top:35%; width:50px; height:110px;}
}

@media (max-width: 999px) {

	#visual .item .pc {display:none;}
	#visual .item .mobile {display:block;}
}

@media (max-width: 699px) {
	#visual .owl-nav .owl-prev, #visual .owl-nav .owl-next {width:25px; height:60px;}
	#visual .owl-nav .owl-prev {left:10px;}
	#visual .owl-nav .owl-next {right:10px;}
	#visual .owl-dots .owl-dot {width:12px; height:12px; margin:0 3px;}
}
*/

#main-certi {}
#main-certi ul {display:block; overflow:hidden;}
#main-certi ul li {float:left; width:calc(100%/3 - 20px); margin-right:20px; padding:69px 0px; text-align:center;}
#main-certi ul li:nth-child(1) {width:calc(100%/3);}
#main-certi ul li:nth-child(3) {margin-right:0px; width:calc(100%/3 - 20px);}
#main-certi ul li .img {display:inline-block;}
#main-certi ul li span.text {display:inline-block; font-size:20px; line-height:24px; letter-spacing:-0.03em; vertical-align:middle; margin-left:18px; text-align:left;}


#main-road {background:url('../img/road_bg.png') #f6f6f6 center bottom repeat-x; padding:110px 0px 184px;}
#main-road h3 {font-size:45px; color:#333333; text-align:center; font-weight:600; margin-bottom:30px; text-transform: uppercase;}
#main-road h3:before {position:relative; display:inline-block; content:url('../img/tit_before.png'); top:5px; margin-right:40px;}
#main-road h3:after {position:relative; display:inline-block; content:url('../img/tit_after.png');  top:5px; margin-left:40px;}
#main-road a.btn {display:block; width:180px; height:40px; background:#002b76; margin-bottom:25px; margin-left:1100px;}
#main-road a.btn p {color:#fff; font-size:14px; letter-spacing:0.07em; font-weight:400; line-height:40px;}

#main-road .product {margin:0px -10px;}
#main-road .product .item {display:inline-block; width:306px; text-align:center; margin:0px 10px;}
#main-road .product .item a {display:block; overflow:hidden;}
#main-road .product .item .box {position:relative; z-index:2; background:#fff;  height:430px;}
#main-road .product .item .box .img {padding-top:43px; height:234px;}
#main-road .product .item .box .img img {max-width:100%; width:auto !important; margin:0 auto;}
#main-road .product .item .box .text {color:#08080c; margin-top:10px; letter-spacing:-0.03em;}
#main-road .product .item .box .text h4 {font-size:22px; margin-bottom:5px;}
#main-road .product .item .box .text span {font-size:20px; color:#002b76; border:1px solid #002b76; width:224px; display:inline-block; letter-spacing:-0.05em;}
#main-road .product .item .box .text p {font-size:18px; line-height:28px; margin-top:20px;}

#main-road .product .item .btn {display:none; position:relative; z-index:1; transition: 0.2s all ease-out; top:-45px; font-weight:normal; background:#002b76; font-size:14px; color:#ffffff; letter-spacing:0.07em; height:41px; line-height:40px; border-radius:0px 0px 20px 20px; width:225px; margin:0 auto; display:inline-block;}
#main-road .product .item:hover .btn {display:block; top:0;}

#main-road .owl-nav .owl-prev, #main-road .owl-nav .owl-next {position: absolute; top: 40%; width: 30px; height: 50px; background-color: rgba(0,0,0,0.5) !important; font-size:0;}
#main-road .owl-nav .owl-prev {left:-30px; background:url('../img/prev1.png') center no-repeat; background-size:contain;}
#main-road .owl-nav .owl-next {right:-30px; background:url('../img/next1.png') center no-repeat; background-size:contain}


#main-board {display:block; overflow:hidden; padding:73px 0px 90px; background:#fff;}

#main-board .board {}
#main-board .board h4 {position:relative; z-index:1; color:#08080c; font-size:16px; border-bottom:1px solid #aaa; text-transform: uppercase; padding-bottom:10px;}
#main-board .board .list {position:relative; z-index:2; /*margin-top:-45px;*/}
/*#main-board .board .lat ul {padding-top:60px;}*/

#main-board .notice {float:left; width:470px;}
#main-board .qna {float:left; width:470px; margin:0px 33px;}

#main-board .cs {float:left; width:288px; position:relative;}
#main-board .cs h4 {color:#08080c; font-size:16px; border-bottom:1px solid #aaa; text-transform: uppercase; padding-bottom:10px;}
#main-board .cs ul.cs-box {margin-top:15px;}
#main-board .cs ul.cs-box li {margin:3px 0px;}
#main-board .cs ul.cs-box li i {color:#777; font-size:18px; margin-right:6px;}
#main-board .cs ul.cs-box li.tel {font-size:16px; line-height:28px; padding-left:27px; padding-bottom:10px;}
#main-board .cs ul.cs-box li.tel strong {font-size:24px; display:block; margin-left:-27px;}
#main-board .cs ul.cs-box li.tel strong span.tit {margin-right:8px;}
#main-board .cs ul.cs-box li.tel strong i {font-size:26px; margin-right:0;}
#main-board .cs ul.cs-box li.tel span.tit {width:60px; margin-right:10px; display:inline-block;}
#main-board .cs ul.cs-box li.fax {font-size:18px;}
#main-board .cs ul.cs-box li.mail {font-size:14px;}
#main-board .cs a.btn {position:absolute; width:50px; height:50px; background:#050001; color:#fff; display:inline-block; bottom:0; right:0; overflow:hidden; padding-top:8px;}