@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%; bottom:75px; padding:0 10px; z-index:20000; transform:translateX(-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:30px;}
#visual-section .visual-txt01 .txt02{margin-top:20px; font-size:18px; font-family:"nanumsquare","Malgun Gothic"; 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:30px;}
#visual-section .visual-txt02 .txt02{margin-top:20px; font-size:18px; font-family:"nanumsquare","Malgun Gothic"; 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:30px;}
#visual-section .visual-txt03 .txt02{margin-top:20px; font-size:18px; font-family:"nanumsquare","Malgun Gothic"; 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,
	#visual-section .visual-txt02,
	#visual-section .visual-txt03{width:95%; height:150px; left:50%; top:50%; -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); transform:translate(-50%, -50%); padding:10px; text-align:center; background:rgba(0,0,0,.6);}

	#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,
	#visual-section .visual-txt02,
	#visual-section .visual-txt03{width:98%; height:140px; padding:10px 5px;}

	#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:24px; line-height:140%; text-align:center; color:#666; position:relative;}
#mcont01-section .cont-area .txt01::before{width:30px; height:23px; top:-20px; left:0; background:url("../img/icon_m01.gif") no-repeat; background-size:cover; display:block; content:""; display:block; position:absolute;}
#mcont01-section .cont-area .txt01::after{width:30px; height:23px; top:-20px; right:0; background:url("../img/icon_m02.gif") no-repeat; background-size:cover; display:block; content:""; display:block; position:absolute;}
#mcont01-section .cont-area .txt02{margin-top:10px; font-weight:600; font-size:30px; line-height:140%; text-align:center; color:#333;}
#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{}
#mcont01-section .cont-area .box-area ul li{width:25%; padding:0 17px; float:left;}
#mcont01-section .cont-area .box-area ul li a{width:100%; max-width:266px; height:270px; margin:0 auto; display:block; position:relative;}
#mcont01-section .cont-area .box-area ul li a div{width:100%; height:35px; bottom:0; left:0; font-size:16px; line-height:35px; text-align:center; color:#fff; background:rgba(51,51,51,.3);  -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(186,32,20,.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") 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") 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") 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") no-repeat center center; background-size:cover;}

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

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

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

@media screen and (max-width:640px){
	#mcont01-section{padding:45px 0 15px;}
	#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;}
	#mcont01-section .cont-area .txt01{max-width:300px;}
	#mcont01-section .cont-area .txt01::before{width:20px; height:13px; top:-10px;}
	#mcont01-section .cont-area .txt01::after{width:20px; height:13px; top:-10px;}
}

@media screen and (max-width:380px){
	#mcont01-section .cont-area .txt01{max-width:250px; font-size:16px;}
	#mcont01-section .cont-area .txt02{font-size:22px;}
	#mcont01-section .cont-area .box-area ul li{padding:3px;}
	#mcont01-section .cont-area .box-area ul li a{height:170px;}
}

#mcont02-section{padding:40px 0; background:url("../img/mcon02_bg.jpg") no-repeat; background-size:cover;}
#mcont02-section .cont-area{width:100%; max-width:1220px; margin:0 auto; padding:0 10px;}
#mcont02-section .cont-area:after{clear:both; content:""; display:block;}
#mcont02-section .cont-area a{width:100%; max-width:566px; height:305px; margin:0 auto; padding:15px; display:block; position:relative;}
#mcont02-section .cont-area a .txt01{font-weight:600; font-size:30px; line-height:140%; text-align:center; color:#fff;}
#mcont02-section .cont-area a .txt02{margin-top:10px; font-weight:600; font-size:14px; line-height:190%; text-align:center; color:#fff;}
#mcont02-section .cont-area a span{width:140px; height:40px; margin:30px auto 0; font-weight:600; font-size:16px; line-height:40px; text-align:center; color:#fff; border:2px solid rgba(255,255,255,.3); 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:#b61609 !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 #b61609;}
#mcont02-section .cont-area a:hover span::after{width:100% !important;}

#mcont02-section .cont-area .left-box{width:50%; padding:0 17px; float:left;}
#mcont02-section .cont-area .left-box a{background:url("../img/mcon02_sbg01.jpg") no-repeat center center;}
#mcont02-section .cont-area .right-box{width:50%; padding:0 17px; float:left;}
#mcont02-section .cont-area .right-box a{background:url("../img/mcon02_sbg02.jpg") no-repeat center center;}
#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:880px){
	#mcont02-section{padding:30px 0;}
	#mcont02-section .cont-area a{height:250px; padding:10px;}
	#mcont02-section .cont-area a .txt01{font-size:25px;}
	#mcont02-section .cont-area a .txt02{font-size:13px;}
	#mcont02-section .cont-area a span{font-size:14px;}
}

@media screen and (max-width:640px){
	#mcont02-section .cont-area .left-box,
	#mcont02-section .cont-area .right-box{padding:0 5px;}
}

@media screen and (max-width:580px){
	#mcont02-section .cont-area .left-box{width:100%; float:none;}
	#mcont02-section .cont-area .right-box{width:100%; margin-top:10px; float:none;}
	#mcont02-section .cont-area a{height:200px;}
	#mcont02-section .cont-area a span{margin-top:10px;}
	#mcont02-section .cont-area a .txt01{font-size: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:30%; float:left;}
#mcont03-section .cont-area .box02{width:37%; padding-right:55px; float:left;}
#mcont03-section .cont-area .box03{width:33%; 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 .box02 .ibox{background:url("../img/mcon03_icon01.png") no-repeat right center;}
#mcont03-section .cont-area .box03 .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{display:none;}
	#mcont03-section .cont-area .box02{width:50%; padding-right:15px;}
	#mcont03-section .cont-area .box03{width:50%; padding-left:15px;}
}

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

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