@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:600px; 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:52px; height:4px; background:#fff; display:block;}
#visual-section .owl-carousel .owl-dots .active span{background:#000;}
#visual-section .owl-carousel .owl-nav{}
#visual-section .owl-carousel .owl-prev{width:92px; height:90px; top:50%; left:10%; margin-top:-46px; text-indent:-9000px; background:url("../img/slider_prev.png") no-repeat; display:block; position:absolute;}
#visual-section .owl-carousel .owl-next{width:92px; height:90px; top:50%; right:10%; margin-top:-46px; text-indent:-9000px; background:url("../img/slider_next.png") no-repeat; display:block; position:absolute;}

#mcont01-section{padding:2.5% 0 0; background:url("../img/mcont1_bg.gif") repeat-x bottom;}
#mcont01-section h2{padding-bottom:20px; font-weight:600; font-size:19px; color:#000; display:block; position:relative;}
#mcont01-section h2:after{width:40px; height:1px; bottom:0; left:0; background:#000; content:""; display:block; position:absolute;}
#mcont01-section .cont-area{width:100%; max-width:1220px; margin:0 auto; padding:0 10px;}
#mcont01-section .cont-area .box-area{}
#mcont01-section .cont-area .box-area:after{clear:both; content:""; display:block;}
#mcont01-section .box01{width:25%; background:#fff; float:left;}
#mcont01-section .box02{width:50%; background:#fff; float:left;}
#mcont01-section .catalog{height:240px; padding:30px; border:1px solid #dbdbdb; border-right:0; border-bottom:0; background:url("../img/catalog_bg.png") no-repeat 90% 83%; position:relative;}
#mcont01-section .notice{height:240px; padding:30px; border:1px solid #dbdbdb; border-right:0; border-bottom:0; position:relative;}
#mcont01-section .philosophy{height:240px; padding:30px; border:1px solid #dbdbdb; border-bottom:0; background:url("../img/philosophy_bg.jpg") no-repeat; background-size:cover;}
#mcont01-section .cert{height:240px; padding:30px; border:1px solid #dbdbdb; border-right:0; background:url("../img/cert_bg.png") no-repeat 90% 83%;}
#mcont01-section .history{height:240px; padding:30px; border:1px solid #dbdbdb;  background:#e7e7e7 url("../img/history_bg.png") no-repeat 95% 90%;}
#mcont01-section .vod{height:240px; background:url("../img/vod.jpg") no-repeat; background-size:cover; position:relative;}
#mcont01-section .vod iframe{width:100%; height:100%; position:absolute;}
#mcont01-section .vod a{width:100%; height:100%; display:block; position:absolute;}
#mcont01-section .vod img{top:50%; left:50%; margin-top:-44px; margin-left:-44px; position:absolute;}

#mcont01-section .catalog .txt01{margin-top:25px; font-size:13px; line-height:20px; color:#000;}
#mcont01-section .catalog a{width:104px; height:28px; margin-top:30px; line-height:28px; text-align:center; color:#666; border:1px solid #666; background:#fff; display:block;}
#mcont01-section .cert .txt01{margin-top:25px; font-size:13px; line-height:20px; color:#000;}
#mcont01-section .cert a{width:104px; height:28px; margin-top:30px; line-height:28px; text-align:center; color:#666; border:1px solid #666; background:#fff; display:block;}
#mcont01-section .history .txt01{margin-top:25px; font-size:13px; line-height:20px; color:#000;}
#mcont01-section .history a{margin-top:50px; display:block;}
#mcont01-section .company .txt01{margin-top:25px; font-weight:600; font-size:16px; color:#fff; text-shadow:1px 1px 3px #000;}
#mcont01-section .ph-box{width:275px; height:100px; margin:20px auto 0; position:relative;}
#mcont01-section .ph-box div{width:97px; height:97px; font-weight:600; font-size:16px; text-align:center; color:#000; line-height:20px; border-radius:50%; position:absolute;}
#mcont01-section .ph-box div.ibox01{padding-top:10px; border:20px solid rgba(0,0,0,.6);}
#mcont01-section .ph-box div.ibox02{padding-top:20px; left:88px; border:20px solid rgba(74,192,223,.6);}
#mcont01-section .ph-box div.ibox03{padding-top:10px; left:177px; border:20px solid rgba(255,0,0,.6);}

#notice-slider{margin-top:40px;}
#notice-slider li a{}
#notice-slider .bx-wrapper{margin:0; background:none;}
#notice-slider .bx-wrapper .bx-pager{display:none;}
#notice-slider .bx-wrapper .bx-default-pager.bx-pager a{width:25px; height:3px; border-radius:0; background:#999;}
#notice-slider .bx-wrapper .bx-default-pager.bx-pager a:hover,
#notice-slider .bx-wrapper .bx-default-pager.bx-pager a.active,
#notice-slider .bx-wrapper .bx-default-pager.bx-pager a:focus{background:#b33130;}
#notice-slider .bx-controls-direction a.bx-prev{width:42px; height:41px; left:auto; right:41px; top:-65px; background:url("../img/nslider_prev.gif") no-repeat;}
#notice-slider .bx-controls-direction a.bx-next{width:41px; height:41px; right:0px; top:-65px; background:url("../img/nslider_next.gif") no-repeat;}
#notice-slider .subj{font-weight:600; font-size:14px; color:#000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#notice-slider .cont{height:50px; margin-top:10px; font-size:12px; line-height:17px; color:#999; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  white-space:normal;}
#notice-slider .date{margin-top:5px; color:#666; display:block;}


#mcont02-section{padding:4.5% 0; background:#efefef;}
#mcont02-section .cont-area{width:100%; max-width:1232px; margin:0 auto; padding:0 16px;}
#mcont02-section .cont-area h1{padding-top:20px; font-weight:bold; font-size:40px; text-align:center; color:#000; text-shadow:1px 1px 3px rgba(0,0,0,.5); position:relative;}
#mcont02-section .cont-area h1:after{width:50px; height:1px; top:0; left:50%; margin-left:-25px; background:#000; content:""; display:block; position:absolute;}

#gallery-slider{margin-top:20px;}
#gallery-slider li a{}
#gallery-slider li a img{max-width:100%; height:auto;}
#gallery-slider .bx-wrapper{margin:0; background:none;}
#gallery-slider .bx-wrapper .bx-pager{bottom:-10px; padding-top:0; 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:32px; height:78px; left:-50px; top:50%; margin-top:-39px; background:url("../img/gslider_prev.png") no-repeat;}
#gallery-slider .bx-controls-direction a.bx-next{width:32px; height:78px; right:-50px; top:50%; margin-top:-39px; background:url("../img/gslider_next.png") no-repeat;}

#gallery-slider .subj{font-weight:600; font-size:48px; font-family:"NanumSquare"; line-height:76px; text-align:center; color:#000;}
#gallery-slider .cont{margin-top:10px; font-size:18px; font-family:"NanumSquare"; line-height:25px; text-align:center; color:#000;}
#gallery-slider .img{margin-top:50px; text-align:center;}
#gallery-slider .img img{margin:0 auto;}
#gallery-slider .read{width:100%; max-width:270px; height:55px; margin:40px auto 0; font-size:18px; font-family:"NanumSquare"; line-height:51px; text-align:center; border-top:2px solid #999; border-bottom:2px solid #999;}

#mcont03-section{padding:4.5% 0; background:#fff;}
#mcont03-section .cont-area{width:100%; max-width:1232px; margin:0 auto; padding:0 16px;}
#mcont03-section .cont-area h1{padding-bottom:20px; font-weight:700; font-size:48px; font-family:"NanumSquare", "Noto Sans KR","Malgun Gothic",sans-serif; text-align:center; color:#000; position:relative;}
#mcont03-section .cont-area h1:after{width:20px; height:1px; bottom:0; left:50%; margin-left:-10px; background:#bbb; content:""; display:block; position:absolute;}
#mcont03-section .cont-area h2{margin-top:20px; font-weight:400; font-size:18px; font-family:"NanumSquare", "Noto Sans KR","Malgun Gothic",sans-serif; text-align:center; color:#000; position:relative;}
#mcont03-section .cont-area .map{margin-top:40px; text-align:center;}
#mcont03-section .cont-area .map img{width:100%; max-width:1117px;}
#mcont03-section .map-time{}
#mcont03-section .map-time:after{clear:both; content:""; display:block;}
#mcont03-section .map-time .tbox{width:8.5%; margin:0 0.25%; padding:5px 10px; text-align:center; border:1px solid #c0c0c0; background:#fff; float:left;}
#mcont03-section .map-time .tbox .tt{font-weight:600; font-size:14px; color:#4d7cd3; display:block;}
#mcont03-section .map-time .tbox .time{margin-left:5px; font-size:14px; color:#000;}

/*
@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:1480px){
	.stretchy_wrapper.ratio_slider{padding-bottom:500px !important;}
	#visual-section .owl-carousel .owl-prev{left:10px;}
	#visual-section .owl-carousel .owl-next{right:10px;}

	#mcont02-section{padding:30px 0;}
	#gallery-slider .bx-wrapper .bx-pager{display:block;}
	#gallery-slider .bx-controls-direction{display:none;}
	#gallery-slider .read{display:none;}
}

@media screen and (max-width:1200px){
	#visual-section .owl-carousel .owl-nav{display:none;}
}

@media screen and (max-width:1160px){
	#mcont01-section .catalog{background-size:100px;}
	#mcont01-section .cert{background-size:100px;}
	#mcont01-section .history{background-size:180px;}
}

@media screen and (max-width:1040px){
	#mcont01-section .catalog{background-size:90px;}
	#mcont01-section .cert{background-size:90px;}
}

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

	#mcont03-section{padding:40px 0;}
	#mcont03-section .cont-area h1{font-size:30px;}
	#mcont03-section .cont-area h2{font-size:16px; font-family:"NanumGothic","Nanum Gothic"; line-height:22px;}
	#mcont03-section .map-time .tbox{width:24.5%; margin:5px 0.25%;}
}


@media screen and (max-width:940px){
	#mcont01-section .box01{width:50%; background:#fff; float:left;}
	#mcont01-section .box02{width:100%; background:#fff; float:left;}
	#mcont01-section .notice{border-right:1px solid #dbdbdb;}

	#mcont01-section .catalog{height:200px; padding:20px;}
	#mcont01-section .catalog .txt01{margin-top:15px;}
	#mcont01-section .catalog a{margin-top:15px;}
	#mcont01-section .notice{height:200px; padding:20px; border-right:1px solid #dbdbdb;}
	#mcont01-section .company{height:200px; padding:20px;}
	#mcont01-section .cert{height:200px; padding:20px;}
	#mcont01-section .cert .txt01{margin-top:15px;}
	#mcont01-section .cert a{margin-top:15px;}
	#mcont01-section .history{height:200px; padding:20px;}
	#mcont01-section .history .txt01{margin-top:15px;}
	#mcont01-section .history a{margin-top:15px;}
	#mcont01-section .vod{height:200px;}

	#gallery-slider .subj{font-size:40px;}
}


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

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

	#mcont03-section .map-time .tbox{width:31.33%; margin:5px 1%;}
}

@media screen and (max-width:650px){
	#mcont02-section .cont-area h1{font-size:22px;}

	#gallery-slider .subj{font-size:30px;}
	#gallery-slider .cont{font-size:16px; font-family:"NanumGothic","Nanum Gothic";}
}

@media screen and (max-width:620px){
	#mcont02-section .cont-area h1{font-size:22px;}
}

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

@media screen and (max-width:560px){
	#mcont01-section .box01{width:100%; background:#fff; float:left;}
	#mcont01-section .box02{width:100%; background:#fff; float:left;}

	#mcont01-section .catalog{border-right:1px solid #dbdbdb;}
	#mcont01-section .cert{border-right:1px solid #dbdbdb;}

	#mcont01-section h2{padding-bottom:10px; font-weight:600; font-size:18px; color:#000; display:block; position:relative;}
	#mcont01-section h2:after{width:40px; height:1px; bottom:0; left:0; background:#000; content:""; display:block; position:absolute;}

	#mcont03-section .map-time .tbox{width:48%; margin:5px 1%;}
	#mcont03-section .map-time .tbox .tt{font-size:13px;}
	#mcont03-section .map-time .tbox .time{font-size:13px;}
}

@media screen and (max-width:450px){
	#mcont03-section .cont-area h1{font-size:23px;}
	#mcont03-section .cont-area h2{font-size:14px;}

	#gallery-slider .subj{font-size:23px;}
	#gallery-slider .cont{font-size:14px;}
}

@media screen and (max-width:380px){
	#mcont01-section .ph-box{width:250px;}
	#mcont01-section .ph-box div{width:80px; height:80px; font-weight:600; font-size:16px; text-align:center; color:#000; line-height:20px; border-radius:50%; position:absolute;}
	#mcont01-section .ph-box div.ibox01{padding-top:10px; border:13px solid rgba(0,0,0,.6);}
	#mcont01-section .ph-box div.ibox02{padding-top:20px; left:50%; margin-left:-40px; border:13px solid rgba(74,192,223,.6);}
	#mcont01-section .ph-box div.ibox03{padding-top:10px; right:0; border:13px solid rgba(255,0,0,.6);}
}