@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 .stretchy_wrapper{width:100% !important; height:0px; padding-bottom:1705px; 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:460px; 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:50px; height:5px; background:#fff; display:block;}
#visual-section .owl-carousel .owl-dots .active span{background:#e97f02;}
#visual-section .owl-carousel .owl-nav{width:100%; max-width:1200px; z-index:10000; left:50%; top:50%; -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); transform:translate(-50%, -50%); display:none; position:absolute;}
#visual-section .owl-carousel .owl-prev{width:70px; height:70px; top:0; left:0; margin-top:-35px; z-index:20000; 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:0; right:0; margin-top:-35px; z-index:20000; text-indent:-9000px; background:url("../img/slider_next.png") no-repeat; display:block; position:absolute;}
#visual-section .visual-tbox{height:200px; position:relative;}

#visual-section .visual-txt01{width:100%; max-width:1260px; margin:0 auto; padding-top:270px; font-weight:600; font-size:36px; text-align:left; color:#000; position:relative;}
#visual-section .visual-txt01 .v-img{top:10px; right:0; position:absolute;}
#visual-section .visual-txt01 .v-img img{width:auto; max-width:100%;}
#visual-section .visual-txt01 #atxt01{top:0; left:30px; z-index:20001; position:absolute;}
#visual-section .visual-txt01 #atxt02{top:90px; left:30px; position:absolute;}
#visual-section .visual-txt01 #atxt03{top:230px; left:30px; position:absolute;}
#visual-section .visual-txt01 .txt01{font-size:30px; color:#e97f02; word-break:keep-all; word-wrap:break-word;}
#visual-section .visual-txt01 .txt02{font-size:40px; color:#fff;}
#visual-section .visual-txt01 .stxt01{font-size:36px; color:#e97f02; word-break:keep-all;  word-wrap:break-word;}
#visual-section .visual-txt01 .stxt02{font-size:18px; line-height:30px; color:#fff; word-break:keep-all;  word-wrap:break-word;}
#visual-section .visual-txt01 .stxt02 span{color:#e97f02;}
#visual-section .visual-txt01 .txt03{font-size:18px; line-height:30px; color:#fff; word-break:keep-all;  word-wrap:break-word;}
#visual-section .visual-txt01 .txt03 span{width:207px; height:52px; margin-top:40px; font-weight:bold; font-size:16px; line-height:52px; text-align:center; color:#e97f02; border-radius:25px; border:1px solid #e97f02; background:#fff; display:block;}

@media screen and (max-width:1250px){
	.stretchy_wrapper.ratio_slider{padding-bottom:1500px !important;}
	#visual-section .owl-carousel .owl-dots{bottom:405px;}
}

@media screen and (max-width:1100px){
	.stretchy_wrapper.ratio_slider{padding-bottom:1300px !important;}
	#visual-section .visual-txt01{padding-top:200px;}
	#visual-section .visual-txt01 .txt01{font-size:25px;}
	#visual-section .visual-txt01 .txt02{font-size:35px;}
	#visual-section .owl-carousel .owl-dots{bottom:350px;}
}

@media screen and (max-width:1060px){
	#visual-section .visual-txt01 .v-img{right:30px;}
	#visual-section .visual-txt01 .v-img img{width:200px;}
}

@media screen and (max-width:1000px){
	.stretchy_wrapper.ratio_slider{padding-bottom:1100px !important;}
	#visual-section .visual-txt01{padding-top:130px;}
	#visual-section .owl-carousel .owl-dots{bottom:490px; padding-left:5px; text-align:left;}
}

@media screen and (max-width:880px){
	#visual-section .visual-txt01 .txt01{font-size:22px;}
	#visual-section .visual-txt01 .txt02{font-size:32px;}
}

@media screen and (max-width:840px){
	.stretchy_wrapper.ratio_slider{padding-bottom:900px !important;}
	#visual-section .owl-carousel .owl-dots{bottom:350px;}
	#visual-section .visual-txt01{padding-top:120px;}
	#visual-section .visual-txt01 .v-img{right:20px;}
	#visual-section .visual-txt01 .v-img img{width:180px;}
}

@media screen and (max-width:780px){
	.stretchy_wrapper.ratio_slider{padding-bottom:700px !important;}
	#visual-section .owl-carousel .owl-dots{bottom:300px;}
	#visual-section .owl-carousel .owl-nav{display:none;}
	#visual-section .visual-txt01{padding-top:100px; font-size:30px;}
	#visual-section .visual-txt01 #atxt01{left:30px;}
	#visual-section .visual-txt01 #atxt02{top:40px; left:30px;}
	#visual-section .visual-txt01 #atxt03{top:140px; left:30px;}

	#visual-section .visual-txt01 .stxt01{font-size:20px;}
	#visual-section .visual-txt01 .stxt02{font-size:13px; line-height:25px;}
	#visual-section .visual-txt01 .txt03{font-size:16px; line-height:25px;}
	#visual-section .visual-txt01 .txt03 span{width:180px; height:42px; margin-top:20px; font-size:14px; line-height:42px;}

	#visual-section .visual-txt01 .v-img img{width:160px;}
}

@media screen and (max-width:740px){
	#visual-section .visual-txt01 .txt01{font-size:20px;}
	#visual-section .visual-txt01 .txt02{font-size:30px;}
}

@media screen and (max-width:700px){
	#visual-section .visual-txt01 .txt01{font-size:16px;}
	#visual-section .visual-txt01 .txt02{font-size:25px;}
	#visual-section .visual-txt01 #atxt03{top:160px;}
	#visual-section .visual-txt01 .v-img img{width:140px;}
}

@media screen and (max-width:680px){
	#visual-section .visual-txt01 .v-img img{width:120px;}
}

@media screen and (max-width:540px){
	#visual-section .visual-txt01 .txt02{font-size:20px;}
	#visual-section .visual-txt01 .stxt01{font-size:18px;}
	#visual-section .visual-txt01 .stxt02{font-size:13px; line-height:22px;}
	#visual-section .visual-txt01 .txt03{font-size:14px; line-height:22px;}
	#visual-section .visual-txt01 .txt03 span{width:150px; height:35px; line-height:35px;}
	#visual-section .visual-txt01 #atxt02{top:60px;}
	#visual-section .visual-txt01 .v-img{top:auto; right:10px; bottom:-90px;}
}

@media screen and (max-width:520px){
	#visual-section .owl-carousel .owl-dots{bottom:190px; text-align:center;}
}

@media screen and (max-width:470px){
	#visual-section .visual-txt01 .v-img{bottom:-160px;}
}

@media screen and (max-width:420px){
	#visual-section .visual-txt01 .stxt01{font-size:16px;}
	#visual-section .visual-txt01 .stxt02{font-size:12px; line-height:20px;}
	#visual-section .visual-txt01 .txt03{font-size:13px; line-height:20px;}
	#visual-section .visual-txt01 #atxt01,
	#visual-section .visual-txt01 #atxt02,
	#visual-section .visual-txt01 #atxt03{left:15px;}
}

@media screen and (max-width:400px){
	#visual-section .visual-txt01 #atxt02{top:70px;}
	#visual-section .visual-txt01 #atxt03{top:193px;}
}

.mtitle-box{}
.mtitle-box h1{font-weight:600; font-size:36px; line-height:180%; text-align:center; color:#000; display:block;}
.mtitle-box h2{font-size:16px; line-height:120%; text-align:center; color:#808080; display:block;}

@media screen and (max-width:920px){
	.mtitle-box h1{font-size:33px;}
	.mtitle-box h2{font-size:13px;}
}

@media screen and (max-width:640px){
	.mtitle-box h1{font-size:30px;}
	.mtitle-box h2{font-size:12px;}
}

@media screen and (max-width:340px){
	.mtitle-box h1{font-size:25px;}
}

#visual-section .box-area{width:100%; max-width:1280px; bottom:500px; left:50%; -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%); margin:50px auto 0; padding:0 10px; z-index:99999; position:absolute;}
#visual-section .box-area:after{clear:both; content:""; display:block;}
#visual-section .box-area ul{margin:0 -7px;}
#visual-section .box-area ul:after{clear:both; content:""; display:block;}
#visual-section .box-area ul li{width:25%; padding:0 7px; float:left;}
#visual-section .box-area ul li a{width:100%; max-width:305px; height:262px; padding:50px 15px; background:rgba(233,127,2,.88); display:block; position:relative;}
#visual-section .box-area ul li:nth-child(even) a{background:rgba(228,26,26,.88);}
#visual-section .box-area ul li h2{margin-bottom:15px; padding-bottom:15px; font-size:30px; text-align:center; color:#fff; display:block; position:relative;}
#visual-section .box-area ul li h2:after{width:48px; height:3px; left:50%; bottom:0; -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%); background:#fff; content:""; display:block; position:absolute;}
#visual-section .box-area ul li div{font-size:16px; text-align:center; color:#f7d8c2;}
#visual-section .box-area ul li:nth-child(even) div{color:#f6c4c4;}
#visual-section .box-area ul li span.round{width:40px; height:40px; margin:20px auto 0; border-radius:50%; border:2px solid #fff; display:block;}
#visual-section .box-area ul li:nth-child(1) .round,
#visual-section .box-area ul li:nth-child(2) .round{background:url("../img/icon_plus.png") no-repeat center center;}
#visual-section .box-area ul li:nth-child(3) .round,
#visual-section .box-area ul li:nth-child(4) .round{background:url("../img/icon_rarrow.png") no-repeat 13px center;}

#visual-section .line{position:absolute; margin:auto; -webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;opacity: 0;}
#visual-section a:hover .line{opacity: 1;}
#visual-section a .line-t{width:0; height:100%; top:0; right:100%; bottom:0; left:0; border-top:2px solid #fff;}
#visual-section a .line-r{width:100%; height:0; top:0; right:0; bottom:100%; left:0; border-right:2px solid #fff;}
#visual-section a .line-b{width:0; height:100%; top:0; right:0; bottom:0; left:100%; border-bottom:2px solid #fff;}
#visual-section a .line-l{width:100%; height:0; top:100%; right:0; bottom:0; left:0; border-left:2px solid #fff;}
#visual-section a:hover .line-t{width:100%; right:0;}
#visual-section a:hover .line-r{height:100%; bottom:0;}
#visual-section a:hover .line-b{width:100%; left:0;}
#visual-section a:hover .line-l{height:100%; top:0;}

@media screen and (max-width:1250px){
	#visual-section .box-area{bottom:440px;}
}

@media screen and (max-width:1100px){
	#visual-section .box-area{bottom:390px;}
	#visual-section .box-area ul li a{height:200px; padding:15px 15px;}
	#visual-section .box-area ul li h2{font-size:22px;}
	#visual-section .box-area ul li div{height:55px; font-size:13px;}
	#visual-section .box-area ul li span.round{margin:10px auto 0;}
}

@media screen and (max-width:1050px){
	#visual-section .box-area ul li span.round{display:none;}
}

@media screen and (max-width:1000px){
	#visual-section .box-area{bottom:285px;}
}

@media screen and (max-width:890px){
	#visual-section .box-area ul li a{height:130px;}
	#visual-section .box-area ul li h2{font-size:20px;}
	#visual-section .box-area ul li div{display:none;}
}

@media screen and (max-width:840px){
	#visual-section .box-area{bottom:235px;}
	#visual-section .box-area ul li a{height:110px; padding:10px;}
	#visual-section .box-area ul li h2{font-size:18px;}
}

@media screen and (max-width:780px){
	#visual-section .box-area{bottom:185px;}
}

@media screen and (max-width:550px){
	#visual-section .box-area ul{margin:0 -3px;}
	#visual-section .box-area ul li{padding:0 3px;}
}

@media screen and (max-width:520px){
	#visual-section .box-area{display:none;}
}

#mcont02-section{padding:95px 0 9px;}
#mcont02-section .cont-area:after{clear:both; content:""; display:block;}
#mcont02-section .cont-area > div{height:282px;}
#mcont02-section .cont-area{width:100%; max-width:1260px; margin:0 auto;}
#mcont02-section .cont-area .left-box{width:50%; float:left; position:relative;}
#mcont02-section .cont-area .right-box{width:50%; float:left; position:relative;}
#mcont02-section .cont-area h3{font-weight:600; font-size:32px;}
#mcont02-section .cont-area div.txt{margin-top:15px; font-size:16px; color:#000;}
#mcont02-section .cont-area .rr-box{top:50%; left:50%; padding:13px 25px; -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); transform:translate(-50%, -50%); font-weight:600; font-size:15px; border-radius:25px; -moz-box-shadow:2px 2px 2px 1px rgba(0,0,0,.5); -webkit-box-shadow:2px 2px 2px 1px rgba(0,0,0,.5); box-shadow:2px 2px 2px 1px rgba(0,0,0,.5); background:rgba(255,255,255,.9); display:block; position:absolute;}
#mcont02-section .box01{margin-top:60px; background:url("../img/mcont02_bg01.jpg") no-repeat right top;}
#mcont02-section .box01 .left-box{padding:100px 0 0 70px;}
#mcont02-section .box01 h3{color:#e97f02;}
#mcont02-section .box01 .rr-box{width:285px; color:#e97f02;}
#mcont02-section .box02{margin-top:10px; background:url("../img/mcont02_bg02.jpg") no-repeat left top;}
#mcont02-section .box02 .right-box{padding:100px 70px 0 0; text-align:right;}
#mcont02-section .box02 h3{color:#ac8970;}
#mcont02-section .box02 .rr-box{width:261px; color:#ac8970;}
#mcont02-section .box03{margin-top:10px; background:url("../img/mcont02_bg03.jpg") no-repeat right top;}
#mcont02-section .box03 .left-box{padding:70px 0 0 70px;}
#mcont02-section .box03 h3{color:#646464;}
#mcont02-section .box03 .rr-box{width:187px; color:#646464;}

@media screen and (max-width:1200px){
	#mcont02-section .cont-area h3{font-size:28px;}
	#mcont02-section .cont-area div.txt{margin-top:10px; font-size:14px;}
}

@media screen and (max-width:1080px){
	#mcont02-section{padding:45px 0 9px;}
}

@media screen and (max-width:1100px){
	#mcont02-section .cont-area .left-box{background:rgba(0,0,0,.5);}
	#mcont02-section .cont-area .right-box{background:rgba(0,0,0,.5);}
	#mcont02-section .cont-area h3{color:#fff;}
	#mcont02-section .cont-area div.txt{color:#fff;}
}

@media screen and (max-width:980px){
	#mcont02-section .cont-area > div{height:250px;}
	#mcont02-section .box01 .left-box{padding:90px 0 0 30px;}
	#mcont02-section .box02 .right-box{padding:90px 30px 0 0;}
	#mcont02-section .box03 .left-box{padding:60px 0 0 30px;}
	#mcont02-section .cont-area h3{font-size:25px;}
}

@media screen and (max-width:920px){
	#mcont02-section .cont-area > div{height:100px;}
	#mcont02-section .cont-area .left-box{width:100%; text-align:center; position:relative;}
	#mcont02-section .cont-area .right-box{width:100%; text-align:center; position:relative;}
	#mcont02-section .box01{height:220px; position:relative;}
	#mcont02-section .box01 .left-box{height:120px; padding:30px 0 0 0;}
	#mcont02-section .box02{height:200px; position:relative;}
	#mcont02-section .box02 .left-box{bottom:0; position:absolute;}
	#mcont02-section .box02 .right-box{top:0; padding:30px 0 0 0; z-index:10000; position:absolute;}
	#mcont02-section .box03{height:230px;}
	#mcont02-section .box03 .left-box{height:130px; padding:20px 0 0 0;}
	#mcont02-section .cont-area h3{font-size:20px;}
	#mcont02-section .cont-area .rr-box{font-size:13px;}
	#mcont02-section .box03 h3{line-height:24px;}
}

#mcont03-section{padding:95px 0; background:#f1f1f1;}
#mcont03-section .slider{width:100%; max-width:1280px; margin:60px auto 0; padding:0 10px;}
#mcont03-section .slider:after{clear:both; content:""; display:block;}
#mcont03-section .slider .img{position:relative;}
#mcont03-section .slider .img:hover:after{width:100%; height:100%; top:0; left:0; z-index:100; border:3px solid #3c3d3f; content:""; display:block; position:absolute;}
#mcont03-section .slider .txt01{margin-top:20px; font-weight:600; font-size:18px; color:#e97f02; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
#mcont03-section .slider .txt02{margin-top:5px; font-size:22px; color:#000; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
#mcont03-section .bx-wrapper{margin-bottom:0; z-index:100; background:none;}
#mcont03-section .bx-wrapper .bx-pager{display:none;}
#mcont03-section .bx-wrapper .bx-pager.bx-default-pager a{width:50px; height:4px; border-radius:0; background:#999;}
#mcont03-section .bx-wrapper .bx-pager.bx-default-pager a:hover,
#mcont03-section .bx-wrapper .bx-pager.bx-default-pager a.active{background:#e97f02;}
#mcont03-section .bx-wrapper .bx-controls-direction{}
#mcont03-section .bx-wrapper .bx-controls-direction a{width:61px; height:61px; margin-top:-60px;}
#mcont03-section .bx-wrapper .bx-prev{left:-71px; background:url("../img/mslider_prev.png") no-repeat;}
#mcont03-section .bx-wrapper .bx-next{right:-71px; background:url("../img/mslider_next.png") no-repeat;}

@media screen and (max-width:1080px){
	#mcont03-section{padding:45px 0;}
	#mcont03-section .slider{margin:30px auto 0;}
}

@media screen and (max-width:940px){
	#mcont03-section .slider{margin:60px auto 30px;}
	#mcont03-section .bx-wrapper .bx-pager{display:block;}
}

@media screen and (max-width:640px){
	#mcont03-section .slider .txt01{margin-top:15px; font-size:16px;}
	#mcont03-section .slider .txt02{font-size:20px;}
}

@media screen and (max-width:580px){
	#mcont03-section .slider .txt01{margin-top:15px; font-size:14px;}
	#mcont03-section .slider .txt02{font-size:16px;}
}
