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

#visual-section{margin-top:154px;}
#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:749px; 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%; max-width:1200px; height:3px; bottom:45px; left:50%; -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%); z-index:10000; text-align:center; position:absolute;}
#visual-section .owl-carousel .owl-dots .owl-dot{height:3px; margin:0 2px; display:inline-block; z-index:1000; position:relative;}
#visual-section .owl-carousel .owl-dots .owl-dot span{width:40px; height:3px; background:#fff; display:block;}
#visual-section .owl-carousel .owl-dots .active span{background:#e60013;}
#visual-section .owl-carousel .owl-nav{}
#visual-section .owl-carousel .owl-prev{width:70px; height:70px; top:50%; left:12%; margin-top:-35px; text-indent:-9000px; background:url("../img/slider_prev.png") no-repeat; display:block; position:absolute;}
#visual-section .owl-carousel .owl-next{width:70px; height:70px; top:50%; right:12%; margin-top:-35px; text-indent:-9000px; background:url("../img/slider_next.png") no-repeat; display:block; position:absolute;}
#visual-section .visual-box{width:100%; max-width:1220px; height:749px; margin:0 auto; padding:0 10px; position:relative;}
#visual-section .visual-box .visual-txt{top:50%; left:10px; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); position:absolute;}
#visual-section .visual-box .visual-txt h2{margin-bottom:15px; font-family:"Nanum Myeongjo"; font-weight:600; font-size:75px; line-height:100%; color:#fff;}
#visual-section .visual-box .visual-txt h3{margin-bottom:25px; font-weight:600; font-size:36px; line-height:120%; color:#fff;}
#visual-section .visual-box .visual-txt a{width:200px; height:50px; font-weight:600; font-size:15px; line-height:50px; text-align:center; color:#fff; background:#e60013; display:block;}

#visual-section .visual-box .visual-txt2{padding-top:30px;}
#visual-section .visual-box .visual-txt2 h2{margin-bottom:15px; font-family:"Nanum Myeongjo"; font-weight:600; font-size:75px; line-height:100%; text-align:center; color:#000;}
#visual-section .visual-box .visual-txt2 h3{margin-bottom:25px; font-weight:600; font-size:36px; line-height:120%; text-align:center; color:#000;}
#visual-section .visual-box .visual-txt2 a{width:200px; height:50px; left:50%; bottom:70px; margin-left:-100px; font-weight:600; font-size:15px; line-height:50px; text-align:center; color:#fff; background:#e60013; display:block; position:absolute;}

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

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

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

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

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

	#visual-section .owl-carousel .owl-nav{display:none;}
	#visual-section .owl-carousel .owl-dots{bottom:40px;}
	#visual-section .visual-box .visual-txt2 a{bottom:60px;}

	#visual-section .visual-box .visual-txt h2,
	#visual-section .visual-box .visual-txt2 h2{font-size:65px;}
	#visual-section .visual-box .visual-txt h3,
	#visual-section .visual-box .visual-txt2 h3{margin-bottom:20px; font-size:33px;}
	#visual-section .visual-box .visual-txt a,
	#visual-section .visual-box .visual-txt2 a{width:170px; height:45px; font-size:14px; line-height:45px;}
	#visual-section .visual-box .visual-txt2 a{margin-left:-85px;}
}

@media screen and (max-width:780px){
	#visual-section .visual-box .visual-txt h2,
	#visual-section .visual-box .visual-txt2 h2{font-size:60px;}
	#visual-section .visual-box .visual-txt h3,
	#visual-section .visual-box .visual-txt2 h3{font-size:30px;}
	#visual-section .visual-box .visual-txt a,
	#visual-section .visual-box .visual-txt2 a{width:150px; height:40px; font-size:13px; line-height:40px;}
	#visual-section .visual-box .visual-txt2 a{margin-left:-75px;}
}

@media screen and (max-width:680px){
	#visual-section .stretchy_wrapper{padding-bottom:400px;}
	#visual-section .visual-box{height:400px;}
	#visual-section .owl-carousel .owl-dots{bottom:30px;}
	#visual-section .visual-box .visual-txt2 a{bottom:50px;}

	#visual-section .visual-box .visual-txt h2,
	#visual-section .visual-box .visual-txt2 h2{font-size:50px;}
	#visual-section .visual-box .visual-txt h3,
	#visual-section .visual-box .visual-txt2 h3{font-size:24px;}
}

@media screen and (max-width:580px){
	#visual-section .stretchy_wrapper{padding-bottom:350px;}
	#visual-section .visual-box{height:350px;}
	#visual-section .owl-carousel .owl-dots{bottom:20px;}
	#visual-section .visual-box .visual-txt2 a{bottom:30px;}

	#visual-section .visual-box .visual-txt h2,
	#visual-section .visual-box .visual-txt2 h2{font-size:40px;}
	#visual-section .visual-box .visual-txt h3,
	#visual-section .visual-box .visual-txt2 h3{font-size:22px;}
}

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

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

#mcont1-section{margin-top:90px; background:url("../img/mcont1_bg.gif") no-repeat center bottom;}
#mcont1-section .cont-are{width:100%; max-width:1220px; margin:0 auto; padding:0 10px; position:relative;}
#mcont1-section .cont-are:after{clear:both; content:""; display:block;}
#mcont1-section .cont-are .left-box{width:50%; height:243px; padding:50px 0 0 50px; text-align:center; background:url("../img/mcont1_icon.png") no-repeat 0 center; float:left;}
#mcont1-section .cont-are .left-box span{margin-bottom:20px; padding:4px 8px; font-weight:600; font-size:18px; color:#e60013; background:#fff; display:inline-block;}
#mcont1-section .cont-are .left-box h3{margin-bottom:20px; font-weight:600; font-size:48px; color:#fff;}
#mcont1-section .cont-are .left-box div{font-size:18px; color:#fff;}
#mcont1-section .cont-are .right-box{width:50%; height:243px; position:relative; float:right;}
#mcont1-section .cont-are .right-box div{bottom:0; right:60px; position:absolute;}
#mcont1-section .cont-are .right-box div img{max-width:100%;}

@media screen and (max-width:880px){
	#mcont1-section{margin-top:70px;}
	#mcont1-section .cont-are .left-box span{margin-bottom:15px; padding:3px 6px; font-size:16px;}
	#mcont1-section .cont-are .left-box h3{margin-bottom:15px; font-size:44px;}
	#mcont1-section .cont-are .left-box div{font-size:16px;}
}

@media screen and (max-width:780px){
	#mcont1-section{margin-top:50px; background:url("../img/mcont1_bg.gif") no-repeat left bottom;}
	#mcont1-section .cont-are .left-box{width:100%; height:auto; padding:80px 0 30px; background:url("../img/mcont1_icon.png") no-repeat center 0; background-size:70px auto; float:none;}
	#mcont1-section .cont-are .left-box span{margin-bottom:10px; font-size:14px;}
	#mcont1-section .cont-are .left-box h3{margin-bottom:10px; font-size:40px;}
	#mcont1-section .cont-are .left-box div{font-size:14px;}

	#mcont1-section .cont-are .right-box{width:100%; height:auto; float:none;}
	#mcont1-section .cont-are .right-box div{bottom:auto; right:auto; text-align:center; position:relative;}
	#mcont1-section .cont-are .right-box div img{max-width:300px;}
}

@media screen and (max-width:680px){
	#mcont1-section{margin-top:30px;}
	#mcont1-section .cont-are .left-box span{margin-bottom:5px; font-size:13px;}
	#mcont1-section .cont-are .left-box h3{margin-bottom:5px; font-size:35px;}
}

#mcont2-section{margin-top:90px; padding:0 10px; text-align:center;}
#mcont2-section h2{margin-bottom:40px; font-weight:600; font-size:36px;}
#mcont2-section .main-tab-menu{margin-bottom:26px;}
#mcont2-section .main-tab-menu ul{}
#mcont2-section .main-tab-menu ul:after{clear:both; content:""; display:block;}
#mcont2-section .main-tab-menu ul li{padding:0 10px; display:inline-block;}
#mcont2-section .main-tab-menu ul li a{width:180px; font-size:16px; line-height:45px; border:2px solid #ccc; display:block;}
#mcont2-section .main-tab-menu ul li a.curr{font-weight:600; color:#e60013; border-color:#e60013;}

@media screen and (max-width:880px){
	#mcont2-section{margin-top:70px;}
	#mcont2-section h2{margin-bottom:30px; font-size:33px;}
}

@media screen and (max-width:840px){
	#mcont2-section .main-tab-menu ul{margin:0 -10px;}
	#mcont2-section .main-tab-menu ul li{width:25%; padding:0 10px; display:block; float:left;}
	#mcont2-section .main-tab-menu ul li a{width:100%;}
}

@media screen and (max-width:780px){
	#mcont2-section{margin-top:50px;}
	#mcont2-section h2{margin-bottom:25px; font-size:30px;}
}

@media screen and (max-width:720px){
	#mcont2-section .main-tab-menu ul{margin:0 -5px;}
	#mcont2-section .main-tab-menu ul li{padding:0 5px;}
}

@media screen and (max-width:680px){
	#mcont2-section{margin-top:30px;}
	#mcont2-section h2{margin-bottom:20px; font-size:27px;}
}

@media screen and (max-width:620px){
	#mcont2-section .main-tab-menu ul{margin:0 -2px;}
	#mcont2-section .main-tab-menu ul li{padding:0 2px;}
	#mcont2-section .main-tab-menu ul li a{font-size:14px; line-height:40px;}
}

@media screen and (max-width:520px){
	#mcont2-section .main-tab-menu ul li{width:50%; padding:2px;}
}

#mcont2-section .product-layer{width:100%; max-width:1200px; margin:0 auto;}
#mcont2-section .product-layer ul{margin:0 -14px;}
#mcont2-section .product-layer ul:after{clear:both; content:""; display:block;}
#mcont2-section .product-layer ul li{width:25%; padding:14px; float:left;}
#mcont2-section .product-layer ul li img{max-width:100%; vertical-align:middle;}
#mcont2-section .product-layer ul li .txt-box{margin-top:15px; font-weight:600; font-size:16px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
#mcont2-section .more-btn{margin-top:34px;}
#mcont2-section .more-btn a{width:180px; margin:0 auto; font-weight:600; font-size:16px; line-height:45px; color:#666; border:2px solid #ccc; display:block;}

@media screen and (max-width:840px){
	#mcont2-section .product-layer ul{margin:0 -10px;}
	#mcont2-section .product-layer ul li{padding:10px;}
}

@media screen and (max-width:720px){
	#mcont2-section .product-layer ul{margin:0 -5px;}
	#mcont2-section .product-layer ul li{padding:5px;}
	#mcont2-section .more-btn{margin-top:30px;}
}

@media screen and (max-width:620px){
	#mcont2-section .product-layer ul{margin:0 -2px;}
	#mcont2-section .product-layer ul li{padding:2px;}
	#mcont2-section .more-btn{margin-top:25px;}
	#mcont2-section .more-btn a{font-size:14px; line-height:40px;}
	#mcont2-section .product-layer ul li .txt-box{font-size:14px;}
}

@media screen and (max-width:600px){
	#mcont2-section .product-layer ul li{width:50%;}
	#mcont2-section .product-layer ul li .txt-box{padding-bottom:10px;}
}

#mcont3-section{width:100%; max-width:1220px; margin:150px auto 0; padding:0 10px; text-align:center;}
#mcont3-section .box{}
#mcont3-section .box:after{clear:both; content:""; display:block;}
#mcont3-section .box img{max-width:100%;}
#mcont3-section .box .left-box{width:50%; float:left;}
#mcont3-section .box .right-box{width:50%; float:right;}
#mcont3-section .box .tt-box{padding:30px 0 25px; position:relative;}
#mcont3-section .box .tt-box:before{width:48px; height:160px; bottom:0; left:40px; border:10px solid rgba(0,0,0,.4); border-right:0; content:""; display:block; position:absolute;}
#mcont3-section .box .tt-box:after{width:48px; height:160px; bottom:0; right:40px; border:10px solid rgba(0,0,0,.4); border-left:0; content:""; display:block; position:absolute;}
#mcont3-section .box .tt-box .icon{margin-bottom:20px;}
#mcont3-section .box .tt-box .txt1{margin-bottom:15px; font-weight:600; font-size:24px; color:#303030;}
#mcont3-section .box .tt-box .txt2{font-family:"Nanum Myeongjo"; font-weight:600; font-size:50px; color:#6c1e00;}
#mcont3-section .box .tf-box{padding:20px 10px 0; font-family:"Nanum Myeongjo"; font-weight:600; font-size:18px; line-height:160%; color:#767676;}

@media screen and (max-width:1140px){
	#mcont3-section .box .tf-box{padding-top:15px; font-size:16px;}
}

@media screen and (max-width:1080px){
	#mcont3-section .box .tt-box{padding:10px 0 25px; position:relative;}
}

@media screen and (max-width:1040px){
	#mcont3-section .box .tt-box .icon{margin-bottom:15px;}
	#mcont3-section .box .tt-box .icon img{width:80px;}
	#mcont3-section .box .tt-box .txt1{margin-bottom:10px; font-size:20px;}
	#mcont3-section .box .tt-box .txt2{font-size:40px;}
}

@media screen and (max-width:980px){
	#mcont3-section{margin:120px auto 0;}
}

@media screen and (max-width:900px){
	#mcont3-section .box img{width:100%; max-width:auto;}
	#mcont3-section .box .left-box{width:100%; margin-top:20px; float:none;}
	#mcont3-section .box .right-box{width:100%; margin-top:20px; float:none;}
}

@media screen and (max-width:880px){
	#mcont3-section{margin:90px auto 0;}
}

@media screen and (max-width:780px){
	#mcont3-section{margin:60px auto 0;}
}

@media screen and (max-width:680px){
	#mcont3-section{margin:40px auto 0;}
}

@media screen and (max-width:500px){
	#mcont3-section .box .tf-box br{display:none;}
}


#mcont4-section{height:460px; margin-top:80px; position:relative;}
#mcont4-section .cs-box{width:100%; max-width:950px; top:50%; left:50%; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%); z-index:200; background-color:rgba(255,255,255,.7); background-image:url("../img/cs_box_bg.png"); background-repeat:no-repeat; background-position:center center; position:absolute;}
#mcont4-section .cs-box:after{clear:both; content:""; display:block;}
#mcont4-section .cs-box .left-box{width:50%; height:300px; padding-top:50px; text-align:center; float:left; position:relative;}
#mcont4-section .cs-box .left-box:after{width:2px; height:80%; top:50%; right:0; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); background:#b49589; content:""; display:block; position:absolute;}
#mcont4-section .cs-box .right-box{width:50%; height:300px; padding-top:50px; text-align:center; float:right;}
#mcont4-section .cs-box h2{margin-bottom:10px; font-family:"Nanum Myeongjo"; font-weight:600; font-size:50px; line-height:94px; color:#6c1e00;}
#mcont4-section .cs-box h2 img{margin-bottom:3px;}
#mcont4-section .cs-box .txt1{font-weight:600; font-size:18px; line-height:180%; color:#393939;}
#mcont4-section .cs-box .txt2{font-family:"Nanum Myeongjo"; font-weight:600; font-size:24px; line-height:180%; color:#000;}
#mcont4-section .cs-box .txt3{font-family:"Nanum Myeongjo"; font-size:18px; line-height:180%; color:#000;}
#mcont4-section .dot-box{width:100%; height:100%; top:0; left:0; z-index:100; background:url("../img/map_dot.png") repeat; position:absolute;}
#mcont4-section .map-box{}
#mcont4-section iframe{width:100%; height:100%; top:0; left:0; z-index:10; position:absolute;}

@media screen and (max-width:980px){
	#mcont4-section{margin-top:60px;}
	#mcont4-section .cs-box{max-width:90%; background-size:95%;}
	#mcont4-section .cs-box h2{font-size:40px; line-height:84px;}
	#mcont4-section .cs-box h2 img{height:84px;}
	#mcont4-section .cs-box .txt1{font-size:16px;}
	#mcont4-section .cs-box .txt2{font-size:22px;}
	#mcont4-section .cs-box .txt3{font-size:16px;}
}

@media screen and (max-width:900px){
	#mcont4-section{height:400px;}
	#mcont4-section .cs-box .left-box{height:250px; padding-top:30px;}
	#mcont4-section .cs-box .left-box:after{height:60%;}
	#mcont4-section .cs-box .right-box{height:250px; padding-top:30px;}
}

@media screen and (max-width:880px){
	#mcont4-section{height:auto; margin-top:40px; border-top:2px solid #b49589;}
	#mcont4-section .cs-box{width:100%; max-width:950px; top:auto; left:auto; -ms-transform:none; -webkit-transform:none; -moz-transform:none; transform:none; background-color:rgba(255,255,255,1); background-image:none; position:relative;}
	#mcont4-section .dot-box{display:none;}
	#mcont4-section iframe{width:100%; height:250px; top:auto; left:auto; z-index:10; position:relative;}
}

@media screen and (max-width:820px){
	#mcont4-section .cs-box h2{font-size:35px; line-height:70px;}
	#mcont4-section .cs-box h2 img{height:70px;}
	#mcont4-section .cs-box .txt1{font-size:14px;}
	#mcont4-section .cs-box .txt2{font-size:20px;}
	#mcont4-section .cs-box .txt3{font-size:14px;}
}

@media screen and (max-width:740px){
	#mcont4-section .cs-box h2{font-size:30px; line-height:50px;}
	#mcont4-section .cs-box h2 img{height:50px;}
	#mcont4-section .cs-box .txt1,
	#mcont4-section .cs-box .txt2,
	#mcont4-section .cs-box .txt3{padding:0 10px;}
}

@media screen and (max-width:660px){
	#mcont4-section .cs-box .left-box{width:100%; height:auto; padding:20px 0; text-align:center; float:none;}
	#mcont4-section .cs-box .left-box:after{width:80px; height:2px; top:auto; right:auto; bottom:0; left:50%; margin-left:-40px; -ms-transform:none; -webkit-transform:none; -moz-transform:none; transform:none; background:#b49589;}
	#mcont4-section .cs-box .right-box{width:100%; height:auto; padding:20px 0; text-align:center; float:none;}
	#mcont4-section .cs-box h2{font-size:25px; line-height:40px;}
	#mcont4-section .cs-box h2 img{height:40px;}
}
