@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%;}
#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:680px; 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%; bottom:20px; padding-right:20px; z-index:10000; 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:13px; height:13px; border-radius:50%; border:1px solid #fff; background:#fff; display:block;}
#visual-section .owl-carousel .owl-dots .active span{border:3px solid #fff; background:none;}
#visual-section .owl-carousel .owl-nav{}
#visual-section .owl-carousel .owl-prev{width:54px; height:54px; top:50%; left:10%; margin-top:-27px; text-indent:-9000px; background:url("../img/slider_prev.png") no-repeat; display:block; position:absolute;}
#visual-section .owl-carousel .owl-next{width:54px; height:54px; top:50%; right:10%; margin-top:-27px; text-indent:-9000px; background:url("../img/slider_next.png") no-repeat; display:block; position:absolute;}
#visual-section .visual-tbox{height:120px; position:relative;}

#visual-section .visual-txt01{width:100%; max-width:1220px; left:50%; top:50%; padding:0 10px; z-index:20000; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%); font-weight:bold; font-family:Arial; text-align:left; color:#fff; position:absolute;}
#visual-section .visual-txt01 #atxt01{width:100%; margin-top:0; z-index:20001;}
#visual-section .visual-txt01 #atxt02{width:100%; margin-top:5px;}
#visual-section .visual-txt01 #atxt03{width:100%; margin-top:10px;}
#visual-section .visual-txt01 .txt01{font-size:48px;}
#visual-section .visual-txt01 .txt02{margin-top:20px; font-size:24px; line-height:160%;}

#visual-section .visual-txt02{width:100%; max-width:1220px; left:50%; top:100px; padding:0 10px; transform:translateX(-50%); font-weight:bold; font-family:Arial; text-align:left; color:#fff; position:absolute;}
#visual-section .visual-txt02 #atxt01{width:100%; margin-top:0; z-index:20001;}
#visual-section .visual-txt02 #atxt02{width:100%; margin-top:5px;}
#visual-section .visual-txt02 #atxt03{width:100%; margin-top:10px;}
#visual-section .visual-txt02 .txt01{font-size:48px;}
#visual-section .visual-txt02 .txt02{margin-top:20px; font-size:24px; line-height:160%;}

#visual-section .visual-txt03{width:100%; max-width:1220px; left:50%; bottom:75px; padding:0 10px; transform:translateX(-50%); font-weight:bold; font-family:Arial; text-align:right; color:#fff; position:absolute;}
#visual-section .visual-txt03 #atxt01{width:100%; margin-top:0; z-index:20001;}
#visual-section .visual-txt03 #atxt02{width:100%; margin-top:5px;}
#visual-section .visual-txt03 #atxt03{width:100%; margin-top:10px;}
#visual-section .visual-txt03 .txt01{font-size:48px;}
#visual-section .visual-txt03 .txt02{margin-top:20px; font-size:24px; line-height:160%;}

@media screen and (max-width:1400px){
	.stretchy_wrapper.ratio_slider{padding-bottom:500px !important;}
	#visual-section .owl-carousel .owl-prev{left:10px;}
	#visual-section .owl-carousel .owl-next{right:10px;}
}

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

	#visual-section .visual-txt01{bottom:40px;}
	#visual-section .visual-txt02{top:50px;}
	#visual-section .visual-txt03{bottom:40px;}

	#visual-section .visual-txt01 .txt01,
	#visual-section .visual-txt02 .txt01,
	#visual-section .visual-txt03 .txt01{font-size:25px;}
	#visual-section .visual-txt01 .txt02,
	#visual-section .visual-txt02 .txt02,
	#visual-section .visual-txt03 .txt02{font-size:16px;}

}

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


	#visual-section .visual-txt01 .txt01,
	#visual-section .visual-txt02 .txt01,
	#visual-section .visual-txt03 .txt01{font-size:20px;}

	#visual-section .visual-txt01 .txt02,
	#visual-section .visual-txt02 .txt02,
	#visual-section .visual-txt03 .txt02{font-size:14px;}

	#visual-section .visual-txt01 #atxt01,
	#visual-section .visual-txt02 #atxt01,
	#visual-section .visual-txt03 #atxt01{margin-top:15px;}
}

@media screen and (max-width:770px){
	#visual-section .owl-carousel .owl-dots{bottom:20px;}
}

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

@media screen and (max-width:460px){
	#visual-section .visual-txt01 .txt01,
	#visual-section .visual-txt02 .txt01,
	#visual-section .visual-txt03 .txt01{font-size:16px;}
	#visual-section .visual-txt01 .txt02,
	#visual-section .visual-txt02 .txt02,
	#visual-section .visual-txt03 .txt02{font-size:13px;}
}

@media screen and (max-width:400px){
	#visual-section .visual-txt01 .txt01,
	#visual-section .visual-txt02 .txt01,
	#visual-section .visual-txt03 .txt01{font-size:15px;}
	#visual-section .visual-txt01 .txt02,
	#visual-section .visual-txt02 .txt02,
	#visual-section .visual-txt03 .txt02{font-size:12px;}
}

#mcont01-section{padding:65px 0;}
#mcont01-section .cont-area{width:100%; max-width:1220px; margin:0 auto; padding:0 10px;}
#mcont01-section .cont-area:after{clear:both; content:""; display:block;}
#mcont01-section .cont-area .txt01{width:100%; max-width:490px; margin:0 auto; font-weight:600; font-size:36px; line-height:140%; text-align:center; color:#000; position:relative;}
#mcont01-section .cont-area .txt02{margin-top:10px; font-weight:600; font-size:16px; line-height:140%; text-align:center; color:#5a5a5a;}
#mcont01-section .cont-area .box-area{margin-top:70px;}
#mcont01-section .cont-area .box-area:after{clear:both; content:""; display:block;}
#mcont01-section .cont-area .box-area ul{margin:0 -15px;}
#mcont01-section .cont-area .box-area ul li{width:25%; padding:0 15px; float:left;}
#mcont01-section .cont-area .box-area ul li a{width:100%; height:287px; margin:0 auto; border:1px solid #ddd; display:block; position:relative;}
#mcont01-section .cont-area .box-area ul li a div{width:100%; height:67px; bottom:0; left:0; font-weight:bold; font-size:18px; line-height:67px; text-align:center; color:#fff; background:rgba(0,0,0,.6);  -webkit-transform:translateZ(0); transform: translateZ(0); transition: all 0.33s ease-out 0s; -moz-transition: all 0.33s ease-out 0s; -webkit-transition: all 0.33s ease-out 0s; position:absolute;}
#mcont01-section .cont-area .box-area ul li a div::after{width:0; max-width:100%; top:0; left:0; right:0; bottom:0; z-index:-1; position:absolute; display:block; background:rgba(0,0,0,.8) !important; content:""; transition:all 0.33s ease-out 0s; -moz-transition:all 0.33s ease-out 0s; -webkit-transition:all 0.33s ease-out 0s;}
#mcont01-section .cont-area .box-area ul li a:hover div::after{width:100% !important;}
#mcont01-section .cont-area .box-area ul li:nth-child(1) a{background:url("../img/mcon01_bg01.jpg?v1") no-repeat center center; background-size:cover;}
#mcont01-section .cont-area .box-area ul li:nth-child(2) a{background:url("../img/mcon01_bg02.jpg?v1") no-repeat center center; background-size:cover;}
#mcont01-section .cont-area .box-area ul li:nth-child(3) a{background:url("../img/mcon01_bg03.jpg?v1") no-repeat center center; background-size:cover;}
#mcont01-section .cont-area .box-area ul li:nth-child(4) a{background:url("../img/mcon01_bg04.jpg?v1") no-repeat center center; background-size:cover;}

#mcont01-section #product-slider{margin-top:30px;}
#mcont01-section #product-slider a{display:block; position:relative;}
#mcont01-section #product-slider a:hover:after{width:100%; height:100%; top:0; left:0; border:5px solid #0080e1; content:""; display:block; position:absolute;}
#mcont01-section #product-slider .img{border:1px solid #ccc;}
#mcont01-section #product-slider .txt{padding:20px 15px; text-align:left; border:1px solid #ccc; border-top:0;}
#mcont01-section #product-slider .txt h3{font-weight:600; font-size:16px; line-height:100%; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
#mcont01-section #product-slider .slick-slide{padding:0 15px; text-align:center;}
#mcont01-section #product-slider .slick-slide img{max-width:100%;}
#mcont01-section #product-slider .slick-arrow{width:32px; height:47px; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); text-indent:-9000px; border:0; display:block; position:absolute;}
#mcont01-section #product-slider .slick-arrow.slick-prev{left:-50px; background:url("../img/slider_left.png") no-repeat center center;}
#mcont01-section #product-slider .slick-arrow.slick-next{right:-50px; background:url("../img/slider_right.png") no-repeat center center;}
#product-slider .slick-dots{margin-top:20px; text-align:center; display:none !important;}
#product-slider .slick-dots li{padding:0 5px; display:inline-block;}
#product-slider .slick-dots li button{width:20px; height:20px; text-indent:-9000px; border-radius:50% !important; border:0; background:#ccc; overflow:hidden;}
#product-slider .slick-dots li.slick-active button{background:#0080e1;}

@media screen and (max-width:1560px){
	#product-slider .slick-arrow{display:none !important;}
	#product-slider .slick-dots{display:block !important;}
}

@media screen and (max-width:1140px){
	#mcont01-section .cont-area .box-area ul{margin:0 -10px;}
	#mcont01-section .cont-area .box-area ul li{padding:0 10px;}
}

@media screen and (max-width:1000px){
	#mcont01-section #product-slider .slick-slide{padding:0 5px;}
	#mcont01-section #product-slider .txt{padding:15px;}
	#mcont01-section #product-slider .txt h3{font-size:14px;}

	#mcont01-section .cont-area .box-area ul{margin:0 -5px;}
	#mcont01-section .cont-area .box-area ul li{padding:0 5px;}
}

@media screen and (max-width:940px){
	#mcont01-section .cont-area .box-area ul li a{height:250px;}
	#mcont01-section .cont-area .box-area ul li a div{height:auto; font-size:16px; line-height:50px;}
}

@media screen and (max-width:860px){
	#mcont01-section{padding:45px 0 15px;}
	#mcont01-section .cont-area .txt01{font-size:33px;}
	#mcont01-section .cont-area .box-area{margin-top:20px;}
	#mcont01-section .cont-area .box-area ul li{width:50%; padding:5px;}
	#mcont01-section .cont-area .box-area ul li a{height:200px;}
}

@media screen and (max-width:780px){
	#mcont01-section .cont-area .txt01{font-size:30px;}
	#mcont01-section .cont-area .box-area{margin-top:40px;}
}

@media screen and (max-width:640px){
	#mcont01-section .cont-area .txt01{font-size:25px;}
}

@media screen and (max-width:380px){
	#mcont01-section .cont-area .box-area ul{margin:0 -3px;}
	#mcont01-section .cont-area .box-area ul li{padding:3px;}
	#mcont01-section .cont-area .box-area ul li a{height:170px;}
}

#mcont02-section{}
#mcont02-section .cont-area:after{clear:both; content:""; display:block;}
#mcont02-section .cont-area .txt01{font-weight:600; font-size:36px; line-height:140%; text-align:center; color:#fff;}
#mcont02-section .cont-area .txt02{margin-top:20px; font-weight:600; font-size:16px; line-height:190%; text-align:center; color:#fff;}
#mcont02-section .cont-area .txt03{width:360px; margin:9px auto 0; font-weight:600; font-size:24px; line-height:140%; text-align:center; color:#fff;}
#mcont02-section .cont-area .txt03 ul{}
#mcont02-section .cont-area .txt03 ul li{padding-left:55px;}
#mcont02-section .cont-area .txt03 ul li.ic1{background:url("../img/mcont2_icon1.png") no-repeat 60px 0;}
#mcont02-section .cont-area .txt03 ul li.ic2{background:url("../img/mcont2_icon2.png") no-repeat 60px 0;}
#mcont02-section .cont-area a{}
#mcont02-section .cont-area a span{width:140px; margin:30px auto 0; font-weight:600; font-size:16px; line-height:42px; text-align:center; color:#fff; border:2px solid rgba(255,255,255,1); display:block; -webkit-transform:translateZ(0); transform: translateZ(0); transition: all 0.33s ease-out 0s; -moz-transition: all 0.33s ease-out 0s; -webkit-transition: all 0.33s ease-out 0s; position:relative;}
#mcont02-section .cont-area a span::after{width:0; max-width:100%; top:0; left:0; right:0; bottom:0; z-index:-1; position:absolute; display:block; background:#0080e1 !important; content:""; transition:all 0.33s ease-out 0s; -moz-transition:all 0.33s ease-out 0s; -webkit-transition:all 0.33s ease-out 0s;}
#mcont02-section .cont-area a:hover span{border:2px solid #0080e1;}
#mcont02-section .cont-area a:hover span::after{width:100% !important;}

#mcont02-section .cont-area .left-box{width:50%; height:330px; padding:0 17px; background:url("../img/mcon02_sbg01.jpg?v1") no-repeat center center; position:relative; float:left;}
#mcont02-section .cont-area .left-box a span{margin-top:50px;}
#mcont02-section .cont-area .right-box{width:50%; height:330px; padding:0 17px; background:url("../img/mcon02_sbg02.jpg?v1") no-repeat center center; position:relative; float:left;}
#mcont02-section .cont-area .right-box a{}
#mcont02-section .cont-area .ibox{width:100%; max-width:100%; top:50%; left:0; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); position:absolute;}

@media screen and (max-width:1160px){
	#mcont02-section .cont-area .left-box,
	#mcont02-section .cont-area .right-box{height:290px; padding:10px;}
	#mcont02-section .cont-area .txt01{font-size:30px;}
	#mcont02-section .cont-area .txt02{margin-top:16px; font-size:14px;}
	#mcont02-section .cont-area .txt03{width:300px; margin:24px auto 0; font-weight:600; font-size:20px; line-height:140%; text-align:center; color:#fff;}
	#mcont02-section .cont-area .txt03 ul li{padding-left:50px;}
}

@media screen and (max-width:960px){
	#mcont02-section .cont-area .left-box{width:100%; height:auto; padding:30px 0; float:none;}
	#mcont02-section .cont-area .right-box{width:100%; height:auto; padding:30px 0; float:none;}
	#mcont02-section .cont-area .ibox{top:auto; left:auto; -ms-transform:none; -webkit-transform:none; -moz-transform:none; transform:none; position:relative;}
	#mcont02-section .cont-area .txt01{font-size:32px;}
	#mcont02-section .cont-area .txt02{margin-top:15px; font-size:14px;}
	#mcont02-section .cont-area .txt03{width:200px; font-size:20px;}
	#mcont02-section .cont-area .txt03 ul li.ic1,
	#mcont02-section .cont-area .txt03 ul li.ic2{background-size:auto 20px; background-position:0 5px;}

	#mcont02-section .cont-area a span{margin:20px auto 0; font-size:16px; line-height:35px;}
	#mcont02-section .cont-area .left-box a span{margin-top:20px;}
}

@media screen and (max-width:500px){
	#mcont02-section .cont-area .txt01{font-size:28px;}
	#mcont02-section .cont-area .txt02{padding:0 15px;}
	#mcont02-section .cont-area .txt02 br{display:none;}
	#mcont02-section .cont-area .txt03{width:185px; font-size:18px;}
	#mcont02-section .cont-area .txt03 ul li{padding-left:22px;}
	#mcont02-section .cont-area .txt03 ul li.ic1,
	#mcont02-section .cont-area .txt03 ul li.ic2{background-size:auto 20px; background-position:0 5px;}

	#mcont02-section .cont-area a span{margin:20px auto 0; font-size:16px; line-height:35px;}
	#mcont02-section .cont-area .left-box a span{margin-top:20px;}
}

#mcont03-section{padding:60px 0;}
#mcont03-section .cont-area{width:100%; max-width:1220px; margin:0 auto; padding:0 10px;}
#mcont03-section .cont-area:after{clear:both; content:""; display:block;}
#mcont03-section .cont-area .box01{width:50%; padding-right:15px; float:left;}
#mcont03-section .cont-area .box02{width:50%; padding-left:15px; float:left;}
#mcont03-section .cont-area h2{font-weight:600; font-size:30px; line-height:120%; color:#231f20;}
#mcont03-section .cont-area h3{font-weight:600; font-size:18px; line-height:120%; color:#231f20;}
#mcont03-section .cont-area h4{margin-top:20px; font-size:16px; line-height:140%; color:#231f20;}
#mcont03-section .cont-area ul{margin-top:20px;}
#mcont03-section .cont-area ul li{font-size:14px; line-height:24px;}
#mcont03-section .cont-area ul li span{display:block;}
#mcont03-section .cont-area .ibox{height:110px; border-bottom:1px solid #d8d8d8;}
#mcont03-section .cont-area .txt01{margin-top:20px; font-size:14px; line-height:140%; color:#231f20;}
#mcont03-section .cont-area .box01 .ibox{background:url("../img/mcon03_icon01.png") no-repeat right center;}
#mcont03-section .cont-area .box02 .ibox{background:url("../img/mcon03_icon02.png") no-repeat right center;}

@media screen and (max-width:1080px){
	#mcont03-section{padding:30px 0;}
	#mcont03-section .cont-area .box01{width:50%; padding-right:15px;}
	#mcont03-section .cont-area .box02{width:50%; padding-right:15px;}
}

@media screen and (max-width:740px){
	#mcont03-section{padding:20px 0;}
	#mcont03-section .cont-area .txt01{padding-right:50px;}
	#mcont03-section .cont-area .txt01 br{display:none;}
	#mcont03-section .cont-area .box01{width:100%; padding-right:0; float:none;}
	#mcont03-section .cont-area .box02{width:100%; margin-top:30px; padding-left:0; float:none;}
}

@media screen and (max-width:440px){
	#mcont03-section .cont-area .box01 .ibox{background-size:40px auto;}
	#mcont03-section .cont-area .box02 .ibox{background-size:40px auto;}
}