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

#visual-section{width:100%; max-width:1200px; margin:10px auto 0; 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:655px; 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:180px; height:56px; left:50%; -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%); bottom:20px; z-index:10000; text-align:center; position:absolute;}
#visual-section .owl-carousel .owl-dots:after{width:135px; height:2px; top:50%; left:50%; z-index:1; -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%); background:#fff; content:""; display:block; position:absolute;}
#visual-section .owl-carousel .owl-dots .owl-dot{height:56px; margin:0 15px; display:inline-block; z-index:1000; position:relative;}
#visual-section .owl-carousel .owl-dots .owl-dot span{width:13px; height:13px; margin-top:23px; border-radius:50%; border:1px solid #fff; background:#fff; display:block; vertical-align:bottom;}
#visual-section .owl-carousel .owl-dots .active span{margin-top:0; border:0; z-index:1000;}
#visual-section .owl-carousel .owl-dots .owl-dot:nth-child(1).active span{width:56px !important; height:56px !important; background:url("../img/visual_bul01.png") no-repeat !important; background-size:cover !important;}
#visual-section .owl-carousel .owl-dots .owl-dot:nth-child(2).active span{width:56px !important; height:56px !important; background:url("../img/visual_bul02.png") no-repeat !important; background-size:cover !important;}
#visual-section .owl-carousel .owl-dots .owl-dot:nth-child(3).active span{width:56px !important; height:56px !important; background:url("../img/visual_bul03.png") no-repeat !important; background-size:cover !important;}
#visual-section .owl-carousel .owl-nav{}
#visual-section .owl-carousel .owl-prev{width:54px; height:54px; top:50%; left:30px; 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:30px; margin-top:-27px; text-indent:-9000px; background:url("../img/slider_next.png") no-repeat; display:block; position:absolute;}

#visual-section .in-txt01{margin-left:80px;}
#visual-section .in-txt01 .txt01{margin-top:150px; font-weight:600; font-size:36px; color:#fff;}
#visual-section .in-txt01 .txt02{margin-top:20px; font-weight:600; font-size:18px; color:#fff;}

#visual-section .in-txt02{width:100%; top:45%; text-align:center; position:absolute;}
#visual-section .in-txt02 .txt01{font-weight:600; font-size:36px; color:#fff;}
#visual-section .in-txt02 .txt02{margin-top:20px; font-weight:600; font-size:18px; color:#fff;}

#visual-section .in-txt03{width:100%; top:45%; text-align:center; position:absolute;}
#visual-section .in-txt03 .txt01{font-weight:600; font-size:36px; color:#fff;}
#visual-section .in-txt03 .txt02{margin-top:20px; font-weight:600; font-size:18px; color:#fff;}

#mcont01-section{padding:4% 0;}
#mcont01-section .cont-area{width:100%; max-width:1200px; margin:0 auto; padding:0 1%;}
#mcont01-section .txt01{font-weight:600; font-size:24px; text-align:center; color:#666;}
#mcont01-section .txt01 span{width:30px; height:23px; display:inline-block;}
#mcont01-section .txt01 span:first-child{margin-right:20px; background:url("../img/mcont01_bul01.gif") no-repeat;}
#mcont01-section .txt01 span:last-child{margin-left:20px; background:url("../img/mcont01_bul02.gif") no-repeat;}
#mcont01-section .txt02{margin-top:20px; font-weight:600; font-size:30px; text-align:center; color:#333;}
#mcont01-section .banner{margin-top:40px;}
#mcont01-section .banner:after{clear:both; content:""; display:block;}
#mcont01-section .banner .box{width:25%; padding:0 10px; text-align:center; float:left;}
#mcont01-section .banner .box a{width:100%; max-width:266px; margin:0 auto; display:block; position:relative; overflow:hidden;}
#mcont01-section .banner .box a img{width:100%; max-width:266px; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s; vertical-align:middle;}
#mcont01-section .banner .box a:hover img{-moz-transform:scale(1.1); -webkit-transform:scale(1.1); transform:scale(1.1);}
#mcont01-section .banner .box a span{width:100%; bottom:0; left:0; font-size:16px; line-height:35px; color:#fff; background:rgba(35,132,198,.8); position:absolute;}


#mcont02-section{padding:4% 0 7.9%; background:url("../img/mcont02_bg.jpg") no-repeat; background-size:cover;}
#mcont02-section .cont-area{width:100%; max-width:1200px; margin:0 auto; padding:0 1%;}
#mcont02-section .cont-area h1{font-weight:600; font-size:40px; color:#fff;}
#mcont02-section .cont-area div{margin-top:40px; font-size:18px; line-height:36px; color:#fff;}

#mcont03-section{padding:4% 0;}
#mcont03-section .cont-area{width:100%; max-width:1200px; margin:0 auto; padding:0 1%;}
#mcont03-section .cont-area h1{font-weight:bold; font-size:36px; text-align:center; color:#000;}

#gallery-slider{margin-top:40px;}
#gallery-slider li a{}
#gallery-slider li a img{width:100%; height:auto;}
#gallery-slider .bx-wrapper{margin:0; background:none;}
#gallery-slider .bx-wrapper .bx-pager{display:none;}
#gallery-slider .bx-wrapper .bx-default-pager.bx-pager a{width:25px; height:3px; border-radius:0; background:#999;}
#gallery-slider .bx-wrapper .bx-default-pager.bx-pager a:hover,
#gallery-slider .bx-wrapper .bx-default-pager.bx-pager a.active,
#gallery-slider .bx-wrapper .bx-default-pager.bx-pager a:focus{background:#b33130;}
#gallery-slider .bx-controls-direction a.bx-prev{width:18px; height:29px; left:-50px; top:50%; margin-top:-14px; background:url("../img/gslider_prev.png") no-repeat;}
#gallery-slider .bx-controls-direction a.bx-next{width:18px; height:29px; right:-50px; top:50%; margin-top:-14px; background:url("../img/gslider_next.png") no-repeat;}
#gallery-slider .subj{margin-top:35px; font-weight:600; font-size:18px; color:#000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#gallery-slider .cont{height:80px; margin-top:25px; font-weight:600; font-size:14px; font-family:"Nanum Myeongjo"; line-height:25px; color:#5a5a5a; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; white-space: normal;}
#gallery-slider .date{margin-top:20px; font-weight:600; font-size:12px; color:#5a5a5a;}

#mcont04-section{padding:3% 0; background:#efefef;}
#mcont04-section .cont-area{width:100%; max-width:1200px; margin:0 auto; padding:0 1%;}
#mcont04-section .cont-area:after{clear:both; content:""; display:block;}
#mcont04-section .cont-area .left-box{width:50%; height:338px; padding:0 20px; float:left;}
#mcont04-section .cont-area .right-box{width:50%; height:338px; padding-right:20px; float:left; position:relative;}
#mcont04-section .cont-area .right-box .vod{}
#mcont04-section .cont-area .right-box .vod iframe{width:100%; height:100%; top:0; left:0; position:absolute;}
#mcont04-section .cont-area h1{font-weight:600; font-size:30px; color:#333;}
#mcont04-section .cont-area h2{margin-top:45px; font-weight:600; font-size:21px; color:#222;}
#mcont04-section .cont-area div{margin-top:40px; font-size:16px; line-height:30px; color:#666;}

/*
@media only screen and (min-width: 320px) {
	.stretchy_wrapper.ratio_slider{padding-bottom:500px;}
	#visual-section .owl-carousel .owl-prev{left:10px;}
	#visual-section .owl-carousel .owl-next{right:10px;}
}
*/
@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;}

	#visual-section .in-txt .txt01{margin-top:160px;}
}

@media screen and (max-width:1200px){
	#mcont04-section .cont-area h1{font-size:25px;}
	#mcont04-section .cont-area h2{margin-top:25px; font-weight:600; font-size:18px; color:#222;}
	#mcont04-section .cont-area div{margin-top:10px; font-size:16px; line-height:30px; color:#666;}
	#mcont04-section .cont-area div br{display:none;}
}

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

	#visual-section .in-txt01 .txt01{margin-top:120px; font-size:30px;}
	#visual-section .in-txt01 .txt02{font-size:16px;}
	#visual-section .in-txt02 .txt01{font-size:30px;}
	#visual-section .in-txt02 .txt02{font-size:16px;}
	#visual-section .in-txt03 .txt01{font-size:30px;}
	#visual-section .in-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 .owl-carousel .owl-dots{height:45px;}
	#visual-section .owl-carousel .owl-dots:after{width:130px;}
	#visual-section .owl-carousel .owl-dots .owl-dot{height:45px;}
	#visual-section .owl-carousel .owl-dots .owl-dot span{margin-top:18px;}
	#visual-section .owl-carousel .owl-dots .owl-dot:nth-child(1).active span{width:45px !important; height:45px !important; margin-top:0;}
	#visual-section .owl-carousel .owl-dots .owl-dot:nth-child(2).active span{width:45px !important; height:45px !important; margin-top:0;}
	#visual-section .owl-carousel .owl-dots .owl-dot:nth-child(3).active span{width:45px !important; height:45px !important; margin-top:0;}

	#visual-section .in-txt01 .txt01{margin-top:100px; font-size:25px;}
	#visual-section .in-txt02{top:40%;}
	#visual-section .in-txt02 .txt01{font-size:25px;}
	#visual-section .in-txt03{top:40%;}
	#visual-section .in-txt03 .txt01{font-size:25px;}

	#mcont04-section .cont-area .left-box{width:100%; height:auto; padding:0 10px; float:none;}
	#mcont04-section .cont-area .right-box{width:100%; height:300px; float:none;}
}

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

	#mcont01-section .txt01{font-size:20px;}
	#mcont01-section .txt01 span{width:30px; height:23px; display:inline-block;}
	#mcont01-section .txt01 span:first-child{margin-right:20px; background:url("../img/mcont01_bul01.gif") no-repeat;}
	#mcont01-section .txt01 span:last-child{margin-left:20px; background:url("../img/mcont01_bul02.gif") no-repeat;}
	#mcont01-section .txt02{font-size:25px;}
	#mcont01-section .banner{margin-top:30px;}
	#mcont01-section .banner .box{width:50%; padding:0 10px; text-align:center; float:left;}
	#mcont01-section .banner .box:nth-child(1){margin-bottom:20px;}
	#mcont01-section .banner .box:nth-child(2){margin-bottom:20px;}

	#mcont02-section .cont-area{padding-left:30px;}
	#mcont02-section .cont-area h1{font-size:25px;}
	#mcont02-section .cont-area div{margin-top:20px; font-size:16px; line-height:30px;}

}

@media screen and (max-width:620px){
	#mcont01-section{padding:30px 0;}
	#mcont01-section .txt01{font-size:18px;}
	#mcont01-section .txt02{font-size:22px;}

	#mcont02-section .cont-area{padding-left:20px;}
	#mcont02-section .cont-area h1{font-size:22px;}
	#mcont02-section .cont-area div{margin-top:20px; font-size:14px; line-height:25px;}

	#mcont03-section .cont-area h1{font-size:22px;}
}

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

	#visual-section .in-txt01{margin-left:20px;}
	#visual-section .in-txt01 .txt01{margin-top:50px; font-size:25px;}
	#visual-section .in-txt01 .txt02{font-size:14px;}
	#visual-section .in-txt02{top:35%;}
	#visual-section .in-txt02 .txt01{font-size:25px;}
	#visual-section .in-txt02 .txt02{font-size:14px;}
	#visual-section .in-txt03{top:35%;}
	#visual-section .in-txt03 .txt01{font-size:25px;}
	#visual-section .in-txt03 .txt02{font-size:14px;}
}

@media screen and (max-width:480px){
	#visual-section .in-txt span{padding:7px 10px; display:inline-block; background:url("../img/vtxt_bg.png") repeat;}
	#visual-section .in-txt .txt01{font-size:13px;}
	#visual-section .in-txt .txt02{font-size:17px; letter-spacing:-1px;}
}

@media screen and (max-width:420px){
	#mcont01-section .txt01 span{display:none;}
	#mcont01-section .txt01{font-size:16px;}
	#mcont01-section .txt02{font-size:18px;}
}