@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{}
#visual-section .stretchy_wrapper{}
#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:64px; height:8px; margin:0 7px; background:#fff; display:block; -webkit-backface-visibility:visible; transition:opacity .2s ease;}
#visual-section .owl-carousel .owl-dots .active span{background:#ee8f26;}
#visual-section .owl-carousel .owl-nav{display:none;}
#visual-section .visual-txt{text-align:center;}
#visual-section .visual-txt h1{margin-top:40px; font-weight:600; font-size:30px; color:#000;}
#visual-section .visual-txt h2{margin-top:350px; font-weight:600; font-size:20px; font-family:"NanumSquare"; line-height:46px; color:#fff; background:rgba(0,0,0,.5)}

#mcont1-section{width:100%; max-width:1280px; margin:24px auto 0;}
#mcont1-section:after{clear:both; content:""; display:block;}
#mcont1-section .left-box{width:50%; padding:2px 2px 2px 0; float:left;}
#mcont1-section .right-box{width:50%; float:left;}
#mcont1-section .right-box div.box{width:33.333%; height:222px; padding:2px; float:left; position:relative;}
#mcont1-section .right-box div.box a{height:218px; padding:25px 15px; border:1px solid #ddd; display:block; position:relative;}
#mcont1-section .right-box div.box a span{z-index:100; font-weight:600; font-size:18px; font-family:"NanumSquare"; line-height:24px; color:#fff; position:relative;}
#mcont1-section .right-box div.box a em{width:35px; height:35px; bottom:15px; left:15px; font-weight:600; font-size:20px; line-height:35px; text-align:center; color:#fff; border:1px solid #fff; border-radius:50%; display:block; position:absolute;}
#mcont1-section .right-box div.box a .over{width:100%; height:0; top:0; left:0; padding:0; z-index:5000; position:absolute; overflow:hidden; transition-duration:.2s; transition-timing-function: ease-in;}
#mcont1-section .right-box div.box a .over h2{margin-top:30px; margin-bottom:30px; padding-bottom:20px; font-weight:600; font-size:15px; text-align:center; color:#000; display:block; position:relative;}
#mcont1-section .right-box div.box a .over h2:after{width:25px; height:1px; bottom:0; left:50%; -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%); background:#fff; content:""; display:block; position:absolute;}
#mcont1-section .right-box div.box a .over p{font-weight:600; line-height:20px; text-align:center; color:#000;}
#mcont1-section .right-box div.box a:hover .over{height:100%;}
#mcont1-section .right-box div.box .img{top:0; right:8px; position:absolute;}
#mcont1-section .right-box div.box01 a{background:url("../img/mb_bg01.jpg") no-repeat center center; background-size:cover;}
#mcont1-section .right-box div.box01 .img{top:49px;}
#mcont1-section .right-box div.box02 a{background:url("../img/mb_bg02.jpg") no-repeat center center; background-size:cover;}
#mcont1-section .right-box div.box02 .img{top:38px;}
#mcont1-section .right-box div.box03 a{background:url("../img/mb_bg03.jpg") no-repeat center center; background-size:cover;}
#mcont1-section .right-box div.box03 .img{top:53px;}
#mcont1-section .right-box div.box04 a{background:url("../img/mb_bg04.jpg") no-repeat center center; background-size:cover;}
#mcont1-section .right-box div.box04 .img{top:32px;}
#mcont1-section .right-box div.box05 a{background:url("../img/mb_bg05.jpg") no-repeat center center; background-size:cover;}
#mcont1-section .right-box div.box05 .img{top:57px;}
#mcont1-section .right-box div.box06 a{background:url("../img/mb_bg06.jpg") no-repeat center center; background-size:cover;}
#mcont1-section .right-box div.box06 .img{top:27px;}

#mcont1-section .right-box div.box01 .over{background:url("../img/mb_bg01r.gif") no-repeat; background-size:cover;}
#mcont1-section .right-box div.box02 .over{background:url("../img/mb_bg02r.gif") no-repeat; background-size:cover;}
#mcont1-section .right-box div.box03 .over{background:url("../img/mb_bg03r.gif") no-repeat; background-size:cover;}
#mcont1-section .right-box div.box03 a .over h2{color:#000;}
#mcont1-section .right-box div.box03 a .over h2:after{background:#000;}
#mcont1-section .right-box div.box03 a .over p{color:#000;}
#mcont1-section .right-box div.box04 .over{background:url("../img/mb_bg04r.gif") no-repeat; background-size:cover;}
#mcont1-section .right-box div.box05 .over{background:url("../img/mb_bg05r.gif") no-repeat; background-size:cover;}
#mcont1-section .right-box div.box06 .over{background:url("../img/mb_bg06r.gif") no-repeat; background-size:cover;}
#mcont1-section .right-box div.box06 a .over h2{color:#000;}
#mcont1-section .right-box div.box06 a .over h2:after{background:#000;}
#mcont1-section .right-box div.box06 a .over p{color:#000;}


#mcont2-section{width:100%; max-width:1280px; margin:1px auto 2px;}
#mcont2-section:after{clear:both; content:""; display:block;}
#mcont2-section .left-box{width:50%; padding:2px 2px 2px 0; float:left;}
#mcont2-section .left-box h1{height:30px; font-weight:600; font-size:16px; line-height:30px; text-align:center; color:#000; display:block; position:relative;}
#mcont2-section .left-box h1 span{padding:0 15px; z-index:10000; display:inline-block; background:#fff; position:relative;}
#mcont2-section .left-box h1:after{width:100%; height:1px; top:50%; background:#0072bc; content:""; display:block; position:absolute;}
#mcont2-section .right-box{width:50%; margin-top:0px; float:left;}
#mcont2-section .right-box div{width:33.333%; height:94px; padding:2px; float:left;}
#mcont2-section .right-box div a{height:90px; padding:15px 20px; border:1px solid #ddd; background-repeat:no-repeat; display:block; position:relative;}
#mcont2-section .right-box div a span{font-weight:600; font-size:18px; font-family:"NanumSquare"; line-height:24px; color:#333;}
#mcont2-section .right-box div:nth-child(odd) a{background-color:#efefef;}
#mcont2-section .right-box div:nth-child(odd):hover a{background-color:#efefef;}
#mcont2-section .right-box div:nth-child(odd):hover a span{color:#429be0;}
#mcont2-section .right-box div:nth-child(even) a{background-color:#efefef;}
#mcont2-section .right-box div:nth-child(even) a:hover{background-color:#efefef;}
#mcont2-section .right-box div:nth-child(even) a span{color:#333;}
#mcont2-section .right-box div:nth-child(even) a:hover span{color:#429be0;}
#mcont2-section .right-box div.box01 a{background-image:url("../img/mb_bg07.png"); background-position:right center;}
#mcont2-section .right-box div.box02 a{background-image:url("../img/mb_bg08.png"); background-position:right center;}
#mcont2-section .right-box div.box03 a{background-image:url("../img/mb_bg09.png"); background-position:95% center;}
#mcont2-section .right-box div.box04 a{background-image:url("../img/mb_bg10.png"); background-position:right bottom;}
#mcont2-section .right-box div.box05 a{background-image:url("../img/mb_bg11.png"); background-position:95% 10px;}
#mcont2-section .right-box div.box06 a{background-image:url("../img/mb_bg12.png"); background-position:right bottom;}

#mcont2-section .cont-area{}
#mcont2-section .cont-area .img{height:184px; border:1px solid #ddd;}
#mcont2-section .cont-area .bx-wrapper{margin:0;}
#mcont2-section .cont-area .bx-pager{display:none;}

@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:1060px){
	#mcont1-section{margin-top:0;}
}

@media screen and (max-width:600px){

	#visual-section .visual-txt h1{font-size:16px;}
	#visual-section .visual-txt h1 span{font-size:25px;}
	#visual-section .visual-txt h2{margin-top:200px;}
	#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; font-family:"NanumGothic";}
	#mcont1-section .right-box div.box{width:50%;}
	#mcont1-section .right-box div.box a .tt{font-size:12px;}

	#visual-section .owl-carousel .owl-dots{bottom:5px;}
	#visual-section .owl-carousel .owl-dots .owl-dot span{width:40px; height:4px;}
}

@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){
}

@media screen and (max-width:500px){
	#mcont2-section .right-box div{width:50%;}
}