@charset "utf-8";

#visual-section{margin-top:110px; 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 img{width:auto; max-width:100%; display:inline;}
#visual-section .stretchy_wrapper{width:100% !important; height:0px; padding-bottom:600px; 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; -webkit-transition:padding 0.5s; -moz-transition:padding 0.5s; -ms-transition:padding 0.5s; -o-transition:padding 0.5s; transition:padding 0.5s;}
#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%; bottom:60px; left:0; text-align:center; position:absolute;}
#visual-section .owl-carousel .owl-dots .owl-dot{margin:0 5px; display:inline-block;}
#visual-section .owl-carousel .owl-dots .owl-dot span{width:52px; height:4px; background:#fff; vertical-align:bottom; display:inline-block;}
#visual-section .owl-carousel .owl-dots .active span{background:#0d4e9c;}
#visual-section .owl-carousel .owl-prev{width:92px; height:90px; top:50%; left:10%; margin-top:-45px; text-indent:-9000px; background:url("../img/mslide_prev.png") no-repeat; display:block; position:absolute;}
#visual-section .owl-carousel .owl-next{width:92px; height:90px; top:50%; right:10%; margin-top:-45px; text-indent:-9000px; background:url("../img/mslide_next.png") no-repeat; display:block; position:absolute;}
#visual-section .visual-txt{width:100%; max-width:1220px; top:50%; left:50%; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%); padding:0 10px; z-index:1000; position:absolute;}
#visual-section .visual-txt h3{font-weight:600; font-size:36px; color:#fff;}
#visual-section .visual-txt h4{margin-top:15px; font-weight:600; font-size:18px; color:#fff;}

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

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

@media screen and (max-width:1480px){
	#visual-section .owl-carousel .owl-nav{display:none;}
}

@media screen and (max-width:1040px){
	#visual-section .stretchy_wrapper{padding-bottom:550px;}
	#visual-section .visual-txt h3{font-size:33px;}
	#visual-section .visual-txt h4{font-size:16px;}
}

@media screen and (max-width:940px){
	#visual-section .stretchy_wrapper{padding-bottom:500px;}
}

@media screen and (max-width:900px){
	#visual-section{margin-top:97px; position:relative;}
}

@media screen and (max-width:820px){
	#visual-section .stretchy_wrapper{padding-bottom:450px;}
	#visual-section .owl-carousel .owl-dots{bottom:40px;}
}

@media screen and (max-width:700px){
	#visual-section .visual-txt{top:50px; left:30px; -ms-transform:none; -webkit-transform:none; -moz-transform:none; transform:none; padding:0 10px; z-index:1000; position:absolute;}
	#visual-section .visual-txt h3{font-size:30px;}
}

@media screen and (max-width:580px){
	#visual-section .stretchy_wrapper{padding-bottom:400px;}
	#visual-section .visual-txt{left:20px;}
	#visual-section .visual-txt h3{font-size:25px;}
	#visual-section .visual-txt h4{font-size:14px;}
}

@media screen and (max-width:530px){
	#visual-section{margin-top:67px;}
}

@media screen and (max-width:500px){
	#visual-section .stretchy_wrapper{padding-bottom:350px;}
	#visual-section .visual-txt{left:10px;}
	#visual-section .visual-txt h3{font-size:22px;}
	#visual-section .owl-carousel .owl-dots{bottom:20px;}
}

@media screen and (max-width:480px){
	#visual-section .visual-txt h3{font-size:20px;}
}

#mcont1-section{width:100%; max-width:1220px; margin:40px auto 0; padding:0 10px;}
#mcont1-section:after{clear:both; content:""; display:block;}
#mcont1-section .box{width:25%; height:240px; margin-left:-1px; padding:30px 35px; border:1px solid #dbdbdb; float:left; position:relative;}
#mcont1-section .box h2{padding-bottom:20px; font-weight:600; font-size:20px; color:#000; position:relative;}
#mcont1-section .box h2:after{width:40px; height:1px; bottom:0; left:0; background:#000; content:""; display:block; position:absolute;}
#mcont1-section .box div.txt{margin-top:25px; font-size:14px; line-height:20px; color:#000;}
#mcont1-section .box .bm1{margin-top:25px; padding:5px 10px; font-size:12px; color:#666; border:1px solid #666; display:inline-block;}
#mcont1-section .box .bm2{margin-top:25px; font-weight:bold; font-size:30px; color:#989898; display:inline-block;}
#mcont1-section .box.sb1{background:url("../img/mcont1_bg1.png") no-repeat right 18px bottom 25px;}
#mcont1-section .box.sb2{background:#e2e2e2;}
#mcont1-section .box.sb3{background:url("../img/mcont1_bg3.png") no-repeat right 5px bottom 25px;}
#mcont1-section .box.sb4{background:#e2e2e2 url("../img/mcont1_bg4.png") no-repeat right bottom 25px;}
#mcont1-section .notice-list{}
#mcont1-section .notice-list .slick-arrow{width:41px; height:41px; top:-50px; text-indent:-9000px; border:0; position:absolute;}
#mcont1-section .notice-list .slick-prev{right:41px; background:url("../img/nslick_left.gif") no-repeat center;}
#mcont1-section .notice-list .slick-next{right:0; background:url("../img/nslick_right.gif") no-repeat center;}
#mcont1-section .notice-list .nbox{height:130px; padding-top:40px; font-weight:600; font-size:14px; line-height:140%; position:relative;}
#mcont1-section .notice-list .nbox .date{bottom:0; left:0; font-weight:normal; color:#333; position:absolute;}

@media screen and (max-width:1000px){
	#mcont1-section .box{width:50%; margin-top:-1px;}
	#mcont1-section .box.sb3{background-color:#e2e2e2;}
	#mcont1-section .box.sb4{background-color:#fff;}
}

@media screen and (max-width:680px){
	#mcont1-section .box{height:225px; padding:25px 20px;}
	#mcont1-section .box h2{padding-bottom:15px; font-size:18px;}
}

@media screen and (max-width:560px){
	#mcont1-section .box.sb1{background-size:90px auto;}
	#mcont1-section .box.sb3{background-size:100px auto;}
	#mcont1-section .box.sb4{background-size:150px auto;}
}

@media screen and (max-width:500px){
	#mcont1-section .box{width:100%; height:200px; float:none;}
	#mcont1-section .box.sb3{background-color:#fff;}
	#mcont1-section .box.sb4{background-color:#e2e2e2;}
	#mcont1-section .box div.txt br{display:none;}
	#mcont1-section .notice-list .nbox{height:100px; padding-top:20px;}
}

#mcont2-section{width:100%; max-width:1220px; margin:40px auto 0; padding:0 10px;}
#mcont2-section .title-box{text-align:center;}
#mcont2-section .title-box h2{font-weight:600; font-size:30px; color:#000;}
#mcont2-section .title-box h3{margin-top:10px; font-weight:600; font-size:14px; color:#666;}
#mcont2-section .product-list{border:1px solid #ddd; border-left:0;}
#mcont2-section .box{padding:25px 30px 20px; text-align:center; border-left:1px solid #ddd;}
#mcont2-section .prd-txt1{margin-bottom:25px; font-weight:600; font-size:18px; color:#000;}
#mcont2-section .prd-txt2{font-size:14px; color:#333;}
#mcont2-section .prd-img{margin-bottom:20px; text-align:center;}
#mcont2-section .prd-img img{max-width:100%; margin:0 auto;}
#mcont2-section .slick-arrow{width:63px; height:63px; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); text-indent:-9000px; border:0; position:absolute;}
#mcont2-section .slick-prev{left:-75px; background:url("../img/slick_left.gif") no-repeat center;}
#mcont2-section .slick-next{right:-75px; background:url("../img/slick_right.gif") no-repeat center;}
#mcont2-section .slick-dots{width:100%; bottom:-30px; text-align:center; position:absolute;}
#mcont2-section .slick-dots li{padding:0 2px; display:inline-block;}
#mcont2-section .slick-dots button{width:14px; height:14px; margin:0; padding:0; text-indent:-9000px; border-radius:50% !important; border:0; background:#ddd;}
#mcont2-section .slick-dots .slick-active button{background:#0d4e9c;}
#mcont2-section .box:hover{background:#0d4e9c;}
#mcont2-section .box:hover .prd-txt1,
#mcont2-section .box:hover .prd-txt2{color:#fff;}

@media screen and (max-width:1360px){
	#mcont2-section .slick-arrow{display:none !important;}
}

@media screen and (max-width:1040px){
	#mcont2-section .box{padding:20px;}
}

@media screen and (max-width:880px){
	#mcont2-section .title-box h2{font-size:24px;}
}

@media screen and (max-width:780px){
	#mcont2-section .title-box h2{font-size:22px;}
	#mcont2-section .prd-txt1{margin-bottom:20px; font-size:16px;}
	#mcont2-section .prd-txt2{font-size:13px;}
}

@media screen and (max-width:680px){
	#mcont2-section .prd-txt1,
	#mcont2-section .prd-img{margin-bottom:15px;}
}

#mcont3-section{width:100%; max-width:1220px; margin:90px auto 0; padding:0 10px;}
#mcont3-section .map{}
#mcont3-section .map .root_daum_roughmap{width:100% !important;}
#mcont3-section .addr{padding:18px; background:#0d4e9c;}
#mcont3-section .addr ul{}
#mcont3-section .addr ul:after{clear:both; content:""; display:block;}
#mcont3-section .addr ul li{width:21%; font-weight:600; font-size:16px; text-align:center; color:#fff; float:left;}
#mcont3-section .addr ul li:nth-child(4){width:37%;}
#mcont3-section .addr ul li img{margin-right:3px;}

@media screen and (max-width:1080px){
	#mcont3-section .addr ul li{width:20%; font-size:14px;}
	#mcont3-section .addr ul li:nth-child(4){width:40%;}
}

@media screen and (max-width:940px){
	#mcont3-section .addr ul li{width:50%; padding:5px 0; text-align:left;}
	#mcont3-section .addr ul li:nth-child(4){width:50%;}
}

@media screen and (max-width:710px){
	#mcont3-section .map .wrap_map{height:350px !important;}
	#mcont3-section .addr ul li{width:40%; padding:5px 0; text-align:left;}
	#mcont3-section .addr ul li:nth-child(2),
	#mcont3-section .addr ul li:nth-child(4){width:60%;}
}

@media screen and (max-width:600px){
	#mcont3-section .map .wrap_map{height:320px !important;}
	#mcont3-section .addr ul li{width:100%; float:none;}
	#mcont3-section .addr ul li:nth-child(2),
	#mcont3-section .addr ul li:nth-child(4){width:100%;}
}