@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

#visual-section{width:100%; margin:0 auto; padding-bottom:50px; overflow:hidden; position:relative;}
#visual-section .owl-carousel{width:100%;}
#visual-section .owl-carousel .item{-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-position:center center !important; background-repeat:no-repeat !important; background-size:cover !important;}
#visual-section .owl-carousel .item:before{-webkit-backface-visibility:hidden;}
#visual-section .owl-carousel .item .container{height:100%; position:relative; min-height:inherit;}
#visual-section .stretchy_wrapper{width:100% !important; height:0px; padding-bottom:755px; position:relative !important; overflow:hidden !important; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-position:center center; background-repeat:no-repeat; background-size:cover; display:block;}
#visual-section .stretchy_wrapper > * {width:100%; height:100%; top:0; bottom:0; left:0; right:0; display:block; position: absolute !important;}
#visual-section .owl-carousel .owl-dots{width:100%; height:4px; margin-top:36px; z-index:10000; text-align:center; position:relative;}
#visual-section .owl-carousel .owl-dots .owl-dot{height:4px; margin:0 5px; display:inline-block; z-index:1000; position:relative;}
#visual-section .owl-carousel .owl-dots .owl-dot span{width:66px; height:4px; background:#666; display:block; vertical-align:bottom;}
#visual-section .owl-carousel .owl-dots .active span{background:#19489d;}
#visual-section .owl-carousel .owl-nav{}
#visual-section .owl-carousel .owl-prev{width:72px; height:72px; top:50%; left:5%; margin-top:-36px; text-indent:-9000px; background:url("../img/slider_prev.png") no-repeat; display:block; position:absolute;}
#visual-section .owl-carousel .owl-next{width:72px; height:72px; top:50%; right:5%; margin-top:-36px; text-indent:-9000px; background:url("../img/slider_next.png") no-repeat; display:block; position:absolute;}

#visual-section .vv-in{margin-top:50px; text-align:center;}
#visual-section .vv-in h2{font-weight:600; font-size:18px; color:#000;}
#visual-section .vv-in h3{margin-top:15px; font-size:16px; color:#666;}

#visual-section .in-txt01{width:100%; max-width:1220px; margin:0 auto; padding:0 10px;}
#visual-section .in-txt01 .txt01{margin-top:250px; font-weight:600; font-size:72px; letter-spacing:15px; color:#19489d;}
#visual-section .in-txt01 .txt02{margin-top:20px; font-weight:600; font-size:48px; font-family:"NanumSquare"; color:#000;}
#visual-section .in-txt01 .txt03{margin-top:20px; font-weight:600; font-size:24px; font-family:"NanumSquare"; color:#666;}

#visual-section .in-txt02{width:100%; max-width:1220px; margin:0 auto; padding:0 10px;}
#visual-section .in-txt02 .txt01{margin-top:250px; margin-left:600px; font-weight:600; font-size:72px; letter-spacing:15px; color:#19489d;}
#visual-section .in-txt02 .txt02{margin-top:20px; margin-left:600px; font-weight:600; font-size:48px; font-family:"NanumSquare"; color:#000;}
#visual-section .in-txt02 .txt03{margin-top:20px; margin-left:600px; font-weight:600; font-size:24px; font-family:"NanumSquare"; color:#666;}

@media screen and (max-width:1530px){
	#visual-section .owl-carousel .owl-prev{left:0;}
	#visual-section .owl-carousel .owl-next{right:0;}
}

@media screen and (max-width:1420px){
	.stretchy_wrapper.ratio_slider{padding-bottom:600px !important;}

	#visual-section .in-txt01{width:80%;}
	#visual-section .in-txt01 .txt01{margin-top:200px; font-size:60px; letter-spacing:10px;}
	#visual-section .in-txt01 .txt02{font-size:40px;}
	#visual-section .in-txt01 .txt03{font-size:20px;}

	#visual-section .in-txt02{width:80%;}
	#visual-section .in-txt02 .txt01{margin-top:200px; font-size:60px; letter-spacing:10px;}
	#visual-section .in-txt02 .txt02{font-size:40px;}
	#visual-section .in-txt02 .txt03{font-size:20px;}
}

@media screen and (max-width:1320px){
	#visual-section .in-txt02{width:80%;}
	#visual-section .in-txt02 .txt01{margin-left:500px;}
	#visual-section .in-txt02 .txt02{margin-left:500px;}
	#visual-section .in-txt02 .txt03{margin-left:500px;}
}

@media screen and (max-width:1200px){
	.stretchy_wrapper.ratio_slider{padding-bottom:500px !important;}

	#visual-section .in-txt01{width:80%;}
	#visual-section .in-txt01 .txt01{margin-top:150px; font-size:50px; letter-spacing:5px;}
	#visual-section .in-txt01 .txt02{font-size:30px;}
	#visual-section .in-txt01 .txt03{font-size:20px;}

	#visual-section .in-txt02{width:80%;}
	#visual-section .in-txt02 .txt01{margin-top:150px; font-size:50px; letter-spacing:5px;}
	#visual-section .in-txt02 .txt02{font-size:30px;}
	#visual-section .in-txt02 .txt03{font-size:20px;}
}

@media screen and (max-width:1050px){
	#visual-section .in-txt02 .txt01{margin-left:400px;}
	#visual-section .in-txt02 .txt02{margin-left:400px;}
	#visual-section .in-txt02 .txt03{margin-left:400px;}
}

@media screen and (max-width:1020px){
	#visual-section{padding-bottom:30px;}
	#visual-section .owl-carousel .owl-dots{margin-top:20px;}
	#visual-section .vv-in{margin-top:30px;}

	.stretchy_wrapper.ratio_slider{padding-bottom:400px !important;}

	#visual-section .in-txt01 .txt01{margin-top:130px; font-size:40px; letter-spacing:5px;}
	#visual-section .in-txt01 .txt02{font-size:25px;}
	#visual-section .in-txt01 .txt03{font-size:18px;}

	#visual-section .in-txt02{width:80%;}
	#visual-section .in-txt02 .txt01{margin-top:130px; font-size:40px; letter-spacing:5px;}
	#visual-section .in-txt02 .txt02{font-size:25px;}
	#visual-section .in-txt02 .txt03{font-size:18px;}
}

@media screen and (max-width:880px){
	#visual-section .in-txt02 .txt01{margin-left:350px;}
	#visual-section .in-txt02 .txt02{margin-left:350px;}
	#visual-section .in-txt02 .txt03{margin-left:350px;}
}

@media screen and (max-width:850px){
	#visual-section .in-txt02 .txt01{margin-left:300px;}
	#visual-section .in-txt02 .txt02{margin-left:300px;}
	#visual-section .in-txt02 .txt03{margin-left:300px;}
}

@media screen and (max-width:800px){
	.stretchy_wrapper.ratio_slider{padding-bottom:300px !important;}
	#visual-section .owl-carousel .owl-nav{display:none;}

	#visual-section .in-txt01{width:95%;}
	#visual-section .in-txt01 .txt01{margin-top:100px; font-size:35px; letter-spacing:0;}
	#visual-section .in-txt01 .txt02{margin-top:13px; font-size:22px;}
	#visual-section .in-txt01 .txt03{margin-top:13px; font-size:16px; font-family:"NanumGothic";}

	#visual-section .in-txt02{width:95%;}
	#visual-section .in-txt02 .txt01{margin-top:100px; font-size:35px; letter-spacing:0;}
	#visual-section .in-txt02 .txt02{margin-top:13px; font-size:22px;}
	#visual-section .in-txt02 .txt03{margin-top:13px; font-size:16px; font-family:"NanumGothic";}

	#visual-section .in-txt02 .txt01{margin-left:380px;}
	#visual-section .in-txt02 .txt02{margin-left:380px;}
	#visual-section .in-txt02 .txt03{margin-left:380px;}
}

@media screen and (max-width:720px){
	#visual-section .in-txt01 .txt01{font-size:30px;}
	#visual-section .in-txt01 .txt02{margin-top:13px; font-size:20px;}
	#visual-section .in-txt01 .txt03{margin-top:13px; font-size:14px;}

	#visual-section .in-txt02 .txt01{margin-left:50%; font-size:30px;}
	#visual-section .in-txt02 .txt02{margin-left:50%; margin-top:13px; font-size:20px;}
	#visual-section .in-txt02 .txt03{margin-left:50%; margin-top:13px; font-size:14px;}
}

@media screen and (max-width:500px){
	#visual-section{padding-bottom:20px;}
	#visual-section .owl-carousel .owl-dots{margin-top:10px;}
	#visual-section .vv-in{margin-top:20px;}

	.stretchy_wrapper.ratio_slider{padding-bottom:250px !important;}

	#visual-section .in-txt01{width:100%;}
	#visual-section .in-txt01 .txt01{margin-top:80px; font-size:25px;}
	#visual-section .in-txt01 .txt02{font-size:16px; font-family:"NanumGothic";}
	#visual-section .in-txt01 .txt03{font-size:13px;}

	#visual-section .in-txt02{width:100%;}
	#visual-section .in-txt02 .txt01{margin-top:80px; font-size:25px;}
	#visual-section .in-txt02 .txt02{font-size:16px; font-family:"NanumGothic";}
	#visual-section .in-txt02 .txt03{font-size:13px;}
}

#cont01-section{border-top:10px solid #0d6fb8;}
#cont01-section:after{clear:both; content:""; display:block;}
#cont01-section h1{margin-top:140px; font-weight:600; font-size:40px; font-family:"NanumSquare"; text-align:center; color:#3babff; display:block; -webkit-transition:opacity 0.3s ease-out; -moz-transition:opacity 0.3s ease-out; -o-transition:opacity 0.3s ease-out; transition:opacity 0.3s ease-out; opacity:0;}
#cont01-section span{width:250px; height:60px; margin:30px auto 0; font-size:24px; line-height:60px; text-align:center; color:#fff; border:1px solid #fff; background:rgba(255,255,255,.7); display:block; -webkit-transition:opacity 0.3s ease-out; -moz-transition:opacity 0.3s ease-out; -o-transition:opacity 0.3s ease-out; transition:opacity 0.3s ease-out; opacity:0;}
#cont01-section .box01-area .left-box{width:50%; height:440px; background:url("../img/cont01_bg01.jpg") no-repeat center center; float:left; position:relative;}
#cont01-section .box01-area .right-box{width:50%; height:440px; background:url("../img/cont01_bg02.jpg") no-repeat center center; float:left; position:relative;}
#cont01-section .box02-area .left-box{width:33.3333%; height:578px; background:url("../img/cont01_bg03.jpg") no-repeat center center; float:left; position:relative;}
#cont01-section .box02-area .center-box{width:33.3333%; height:578px; background:url("../img/cont01_bg04.jpg") no-repeat center center; float:left; position:relative;}
#cont01-section .box02-area .right-box{width:33.3333%; height:578px; background:url("../img/cont01_bg05.jpg") no-repeat center center; float:left; position:relative;}
#cont01-section .box02-area h1{margin-top:215px;}
#cont01-section a{width:100%; height:100%; display:block; -webkit-transition:background-color 0.3s ease-out; -moz-transition:background-color 0.3s ease-out; -o-transition:background-color 0.3s ease-out; transition:background-color 0.3s ease-out; position:absolute;}
#cont01-section a:hover{background:rgba(51,51,51,.8);}
#cont01-section a:hover h1{color:#3babff; opacity:1;}
#cont01-section a:hover span{opacity:1;}

@media screen and (max-width:1420px){
	#cont01-section h1{margin-top:100px; font-size:35px;}
	#cont01-section span{width:230px; height:50px; margin:30px auto 0; font-size:20px; line-height:50px;}
	#cont01-section .box02-area h1{margin-top:175px;}
	#cont01-section .box01-area .left-box{height:340px;}
	#cont01-section .box01-area .right-box{height:340px;}
	#cont01-section .box02-area .left-box{height:478px;}
	#cont01-section .box02-area .center-box{height:478px;}
	#cont01-section .box02-area .right-box{height:478px;}
}

@media screen and (max-width:1030px){
	#cont01-section h1{margin-top:80px; font-size:35px;}
	#cont01-section span{width:200px; height:45px; line-height:45px;}
	#cont01-section .box02-area h1{margin-top:155px;}
	#cont01-section .box01-area .left-box{height:300px;}
	#cont01-section .box01-area .right-box{height:300px;}
	#cont01-section .box02-area .left-box{height:438px;}
	#cont01-section .box02-area .center-box{height:438px;}
	#cont01-section .box02-area .right-box{height:438px;}
}

@media screen and (max-width:800px){
	#cont01-section h1{margin-top:60px; font-size:30px;}
	#cont01-section .box02-area h1{margin-top:135px;}
	#cont01-section .box01-area .left-box{height:250px;}
	#cont01-section .box01-area .right-box{height:250px;}
	#cont01-section .box02-area .left-box{height:388px;}
	#cont01-section .box02-area .center-box{height:388px;}
	#cont01-section .box02-area .right-box{height:388px;}
}

@media screen and (max-width:700px){
	#cont01-section .box01-area .left-box{width:100%; float:none;}
	#cont01-section .box01-area .right-box{width:100%; float:none; position:relative;}
	#cont01-section .box02-area h1{margin-top:80px;}
	#cont01-section .box02-area .left-box{width:100%; height:250px; float:none;}
	#cont01-section .box02-area .center-box{width:100%; height:250px; float:none;}
	#cont01-section .box02-area .right-box{width:100%; height:250px; float:none;}
}

@media screen and (max-width:480px){
	#cont01-section h1{margin-top:40px; font-size:25px;}
	#cont01-section .box02-area h1{margin-top:40px; font-size:25px;}
	#cont01-section .box01-area .left-box{height:190px;}
	#cont01-section .box01-area .right-box{height:190px;}
	#cont01-section .box02-area .left-box{height:190px;}
	#cont01-section .box02-area .center-box{height:190px;}
	#cont01-section .box02-area .right-box{height:190px;}
}


#cont02-section{margin-top:50px;}
#cont02-section .title-box{}
#cont02-section .title-box h1{font-weight:600; font-size:48px; font-family:"NanumSquare"; text-align:center; color:#000; display:block;}
#cont02-section .title-box h1 span{color:#0d6fb8;}
#cont02-section .brand-area{margin-top:40px;}
#cont02-section .brand-area:after{clear:both; content:""; display:block;}
#cont02-section .brand-area .box01{width:25%; height:361px; border:1px solid #ccc; border-left:0; border-bottom:0; float:left; overflow:hidden; position:relative;}
#cont02-section .brand-area .box01:nth-child(1){background:url("../img/brand01.jpg") no-repeat center center;}
#cont02-section .brand-area .box01:nth-child(2){background:url("../img/brand08.jpg") no-repeat center center;}
#cont02-section .brand-area .box01:nth-child(3){background:url("../img/brand03.jpg") no-repeat center center;}
#cont02-section .brand-area .box01:nth-child(4){border-right:0; background:url("../img/brand04.jpg") no-repeat;}
#cont02-section .brand-area .box02{width:25%; height:361px; border:1px solid #ccc; border-left:0; border-bottom:0; float:left; overflow:hidden; position:relative;}
#cont02-section .brand-area .box02:nth-child(5){background:url("../img/brand05.jpg") no-repeat center center;}
#cont02-section .brand-area .box02:nth-child(6){background:url("../img/brand06.jpg") no-repeat center center;}
#cont02-section .brand-area .box02:nth-child(7){background:url("../img/brand07.jpg") no-repeat center center;}
#cont02-section .brand-area .box02:nth-child(8){border-right:0; background:url("../img/brand02.jpg") no-repeat;}
#cont02-section a{width:100%; height:100%; display:block; -webkit-transition:background-color 0.3s ease-out; -moz-transition:background-color 0.3s ease-out; -o-transition:background-color 0.3s ease-out; transition:background-color 0.3s ease-out; position:relative;}
#cont02-section a div.ii{width:90%; height:90%; top:50%; left:50%; padding-top:24%; border:10px solid #0d6fb8; background:url("../img/mbrand_more.png") no-repeat right bottom; opacity:0; -webkit-transition:opacity 0.3s ease-out; -moz-transition:opacity 0.3s ease-out; -o-transition:opacity 0.3s ease-out; transition:opacity 0.3s ease-out; -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); transform:translate(-50%, -50%); position:absolute;}
#cont02-section a div.ii span{font-size:18px; font-family:"NanumSquare"; text-align:center; color:#fff; display:block;}
#cont02-section a div.ii h1{margin-top:25px; padding-top:25px; font-size:24px; font-family:"NanumSquare"; text-align:center; color:#fff; display:block; position:relative;}
#cont02-section a div.ii h1:after{width:16px; height:2px; top:0; left:50%; margin-left:-8px; background:#999; content:""; display:block; position:absolute;}
#cont02-section a:hover{background:rgba(51,51,51,.8);}
#cont02-section a:hover div.ii{opacity:1;}

@media screen and (max-width:1400px){
	#cont02-section .brand-area .box01{height:300px; background-size:cover !important;}
	#cont02-section .brand-area .box02{height:330px; background-size:cover !important}
}

@media screen and (max-width:1300px){
	#cont02-section .brand-area .box01{width:33.33333%;}
	#cont02-section .brand-area .box01:nth-child(3){border-right:0;}
	#cont02-section .brand-area .box02:nth-child(6){border-right:0;}
	#cont02-section .brand-area .box01:nth-child(4){border-right:1px solid #ccc;}
	#cont02-section .brand-area .box02{width:33.33333%; height:300px;}
	#cont02-section a div.ii{padding-top:15%;}
}

@media screen and (max-width:1000px){
	#cont02-section .brand-area .box01{width:50%;}
	#cont02-section .brand-area .box01:nth-child(2){border-right:0;}
	#cont02-section .brand-area .box01:nth-child(3){border-right:1px solid #ccc;}
	#cont02-section .brand-area .box01:nth-child(4){border-right:0;}
	#cont02-section .brand-area .box02{width:50%;}
	#cont02-section a div.ii{padding-top:15%;}
}

@media screen and (max-width:680px){
	#cont02-section .brand-area .box01{height:250px;}
	#cont02-section .brand-area .box02{height:250px;}
	#cont02-section a div.ii{padding-top:15%;}
	#cont02-section a div.ii span{font-size:16px; font-family:"NanumGothic";}
	#cont02-section a div.ii h1{margin-top:25px; padding-top:25px; font-size:20px; font-family:"NanumSquare"; text-align:center; color:#fff; display:block; position:relative;}
}

@media screen and (max-width:580px){
	#cont02-section a div.ii{width:100%; height:100%; border:0;}
	#cont02-section a div.ii span{font-size:16px; font-family:"NanumGothic";}
	#cont02-section a div.ii h1{margin-top:25px; padding-top:25px; font-size:20px; font-family:"NanumSquare"; text-align:center; color:#fff; display:block; position:relative;}
}

@media screen and (max-width:400px){
	#cont02-section .brand-area .box01{width:100%;}
	#cont02-section .brand-area .box02{width:100%;}
	#cont02-section .brand-area .box01{border-left:0 !important; border-right:0 !important;}
	#cont02-section .brand-area .box02{border-left:0 !important; border-right:0 !important;}
}