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

#visual-section{width:100%; overflow:hidden; position:relative;}
#visual-section .owl-carousel{width:100%; margin:0 auto;}
#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:438px; 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:22px; bottom:20px; z-index:9000; text-align:center; position:absolute;}
#visual-section .owl-carousel .owl-dots .owl-dot{display:inline-block;}
#visual-section .owl-carousel .owl-dots .owl-dot span{width:15px; height:15px; margin:0 5px; border-radius:50%; border:3px solid #fff; display:block; -webkit-backface-visibility:visible; transition:opacity .2s ease;}
#visual-section .owl-carousel .owl-dots .active span{border:3px solid #005fb6; background:#005fb6;}
#visual-section .owl-carousel .owl-nav{display:none;}
#visual-section .visual-txt{width:80%; height:170px; bottom:60px; left:50%; padding-top:20px; text-align:center; background:url("../img/vtxt_bg.png") repeat; position:absolute; -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%);}
#visual-section .visual-txt h1{font-weight:600; font-size:16px; line-height:41px; color:#fff;}
#visual-section .visual-txt h1 span{font-size:25px;}
#visual-section .visual-txt h2{margin-top:15px; font-weight:600; font-size:18px; color:#fff;}

#mcont1-section{width:100%; max-width:1300px; margin:20px auto 0; padding:0 10px;}
#mcont1-section:after{clear:both; content:""; display:block;}
#mcont1-section .left-box{width:50%; padding:0 0 2px 0; float:left;}
#mcont1-section .right-box{width:50%; float:left;}
#mcont1-section .right-box div.box{width:33.333%; height:219px; padding:0; float:left;}
#mcont1-section .right-box div.box a{height:219px; padding:63px 15px 0; display:block; overflow:hidden; position:relative;}
#mcont1-section .right-box div.box a span{font-weight:600; font-size:24px; line-height:24px; text-align:center; display:block;}
#mcont1-section .right-box div.box a .over{width:100%; height:0; top:-10px; left:0; padding:0; z-index:5000; border:5px solid #f1f1f1; position:absolute; overflow:hidden !important;}
#mcont1-section .right-box div.box a .over h2{margin-top:10px; margin-bottom:5px; font-weight:600; font-size:18px; text-align:center; color:#fff; display:block; position:relative;}
#mcont1-section .right-box div.box a .over p{font-weight:600; font-size:14px; line-height:24px; text-align:center; color:#fff;}
#mcont1-section .right-box div.box a .tt{margin-top:10px;font-weight:600; font-size:14px; line-height:24px; text-align:center;}
#mcont1-section .right-box div.box a:hover .over{height:100%; top:0;}
#mcont1-section .right-box div.box01 a{color:#fff; background:url("../img/mb_bg01.jpg") no-repeat center center; background-size:cover;}
#mcont1-section .right-box div.box02 a{color:#fff; background:url("../img/mb_bg02.jpg") no-repeat center center; background-size:cover;}
#mcont1-section .right-box div.box03 a{color:#fff; background:url("../img/mb_bg03.jpg") no-repeat center center; background-size:cover;}
#mcont1-section .right-box div.box04 a{color:#fff; background:url("../img/mb_bg04.jpg") no-repeat center center; background-size:cover;}
#mcont1-section .right-box div.box05 a{color:#fff; background:url("../img/mb_bg05.jpg") no-repeat center center; background-size:cover;}
#mcont1-section .right-box div.box06 a{color:#fff; background:url("../img/mb_bg06.jpg") no-repeat center center; background-size:cover;}
#mcont1-section .right-box div.box01 .over{background:url("../img/mb_bg01r.gif") repeat;}
#mcont1-section .right-box div.box02 .over{background:url("../img/mb_bg02r.gif") repeat;}
#mcont1-section .right-box div.box02 .over p{font-weight:600; font-size:14px; line-height:20px !important;}
#mcont1-section .right-box div.box03 .over{background:url("../img/mb_bg03r.gif") repeat;}
#mcont1-section .right-box div.box04 .over{background:url("../img/mb_bg04r.gif") repeat;}
#mcont1-section .right-box div.box04 .over h2{margin-top:50px !important;}
#mcont1-section .right-box div.box05 .over{background:url("../img/mb_bg05r.gif") repeat;}
#mcont1-section .right-box div.box05 .over h2{margin-top:80px !important;}
#mcont1-section .right-box div.box06 .over{background:url("../img/mb_bg06r.gif") repeat;}

@media screen and (max-width:1300px){
	#mcont1-section .left-box{width:100%; padding:0 0 2px 0; float:none;}
	#mcont1-section .right-box{width:100%; float:none;}
	#mcont1-section .right-box div.box{width:16.6666%; height:219px; padding:0; float:left;}
	#mcont1-section .right-box div.box a .tt br{display:none;}
}

@media screen and (max-width:1080px){
	#mcont1-section .right-box div.box{width:33.333%;}
}

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

	#visual-section .visual-txt h1{font-size:16px;}
	#visual-section .visual-txt h1 span{font-size:25px;}
	#visual-section .visual-txt h2{font-size:16px;}
	#mcont1-section .right-box div.box{width:50%;}
}

@media screen and (max-width:520px){
	#visual-section .visual-txt{width:100%;}
	#visual-section .visual-txt h1{font-size:15px;}
	#visual-section .visual-txt h1 span{font-size:20px;}
	#visual-section .visual-txt h2{font-size:15px;}
	#mcont1-section .right-box div.box a .tt{font-size:12px;}
}


#mcont2-section{width:100%; max-width:1300px; margin:20px auto 2px; padding:0 10px;}
#mcont2-section:after{clear:both; content:""; display:block;}
#mcont2-section .left-box{width:50%; float:left;}
#mcont2-section .right-box{width:50%; float:left;}
#mcont2-section .right-box div.ssbox{width:33.333%; height:224px; height:224px; padding:25px 12px; border-right:1px solid #fff; background:#0072bc; position:relative; float:left;}
#mcont2-section .right-box div.ssbox a{width:100%; height:100%; top:0; left:0; padding-left:100px; display:block; position:absolute;}
#mcont2-section .right-box div.ssbox span.sibox{font-weight:600; font-size:16px; line-height:24px; color:#fff;}
#mcont2-section .right-box div.box01 div{height:45px; margin:30px 0; padding-left:50px; font-weight:600; font-size:16px; color:#fff; background:url("../img/icon_cs.png") no-repeat;}
#mcont2-section .right-box div.box01 span{font-weight:600; font-size:12px; line-height:16px; letter-spacing:-0.2px; color:#fff; display:block;}
#mcont2-section .right-box div.box02 div{margin-bottom:10px; padding-bottom:50px; font-weight:600; font-size:14px; line-height:21px; text-align:center; color:#fff; position:relative;}
#mcont2-section .right-box div.box02 div:after{width:42px; height:42px; bottom:0; left:50%; margin-left:-21px; background:url("../img/question.png"); background-size:cover; display:block; content:""; position:absolute;}
#mcont2-section .right-box div.box02 span{font-weight:600; font-size:12px; line-height:21px; text-align:center; color:#fff; display:block;}
#mcont2-section .right-box div.box03{height:112px;}
#mcont2-section .right-box div.box03 a{height:112px; padding-top:36px; background:url("../img/icon_mbtn01.png") no-repeat 15px center;}
#mcont2-section .right-box div.box04{height:112px; border-top:1px solid #fff;}
#mcont2-section .right-box div.box04 a{height:112px; padding-top:46px; background:url("../img/icon_mbtn02.png") no-repeat 15px center;}
#mcont2-section .cont-area{border-right:1px solid #ececec; position:relative;}
#mcont2-section .cont-area .img{height:224px;}
#mcont2-section .cont-area .img img{vertical-align:middle;}
#mcont2-section .cont-area .bx-wrapper{margin-bottom:0;}
#mcont2-section .cont-area .bx-pager{display:none;}
#mcont2-section .cont-area .bx-wrapper .bx-prev{width:19px; height:38px; background:url("../img/case_prev.png") no-repeat;}
#mcont2-section .cont-area .bx-wrapper .bx-next{width:19px; height:38px; background:url("../img/case_next.png") no-repeat;}
#mcont2-section .cont-area .case-title{width:100%; height:48px; padding-left:15px; bottom:0; left:0; font-weight:600; font-size:18px; line-height:48px; color:#fff; z-index:10000; background:url("../img/case_bg.png") repeat; position:absolute;}
#mcont2-section .cont-area .case-title img{margin-right:5px; vertical-align:middle;}

@media screen and (max-width:1300px){
	#mcont2-section .left-box{width:100%; float:none;}
	#mcont2-section .right-box{width:100%; float:none;}
}

@media screen and (max-width:680px){
	#mcont2-section .right-box div.ssbox{width:50%; height:190px;}
	#mcont2-section .right-box div.box01 div{margin:20px 0;}
	#mcont2-section .right-box div.box02{padding-left:60px; border-top:1px solid #fff; background:#0072bc url("../img/question.png") no-repeat 10px center;}
	#mcont2-section .right-box div.box02 div{padding:0; text-align:left;}
	#mcont2-section .right-box div.box02 div:after{display:none;}
	#mcont2-section .right-box div.box02 span{text-align:left;}
	#mcont2-section .right-box div.box03{height:80px; border-top:1px solid #fff;}
	#mcont2-section .right-box div.box03 a{height:80px; padding:0 0 0 70px; font-size:16px; line-height:80px; background-size:42px;}
	#mcont2-section .right-box div.box03 a br{display:none;}
	#mcont2-section .right-box div.box04{height:80px;}
	#mcont2-section .right-box div.box04 a{height:80px; padding:0 0 0 70px; font-size:16px; line-height:80px; background-size:42px;}
}

@media screen and (max-width:480px){
	#mcont2-section .right-box div.ssbox{width:100%;}
	#mcont2-section .right-box div.box01{height:auto;}
	#mcont2-section .right-box div.box01 span{padding-left:50px;}
	#mcont2-section .right-box div.ssbox span.sibox{padding-left:0;}
	#mcont2-section .right-box div.box02{height:auto; padding-left:60px; border-top:1px solid #fff; background:#0072bc url("../img/question.png") no-repeat 10px center;}
	#mcont2-section .right-box div.box02 div{padding:0; text-align:left;}
	#mcont2-section .right-box div.box02 div:after{display:none;}
	#mcont2-section .right-box div.box02 span{text-align:left;}
	#mcont2-section .right-box div.box02 br{display:none;}

	#mcont2-section .right-box div.box03{width:50%; float:left;}
	#mcont2-section .right-box div.box03 a{padding-top:15px; line-height:25px;}
	#mcont2-section .right-box div.box03 a br{display:block;}
	#mcont2-section .right-box div.box04{width:50%; float:left;}
}