@charset "utf-8";

/* 메인페이지 */

#visual-section{margin-bottom:17px; position:relative; -webkit-transition:height 0.5s; -moz-transition: height 0.5s; -ms-transition: height 0.5s; -o-transition:height 0.5s; transition:height 0.5s;}
#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 .stretchy_wrapper{width:100% !important; padding-bottom:0 !important; 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; -webkit-transition:padding 0.5s; -moz-transition:padding 0.5s; -ms-transition: padding 0.5s; -o-transition:padding 0.5s; transition:padding 0.5s;}
#visual-section .owl-carousel .owl-dots{width:100%; bottom:20%; z-index:10000; text-align:center; position:absolute; display:none;}
#visual-section .owl-carousel .owl-dots .owl-dot{margin:0 3px; display:inline-block; z-index:1000; position:relative;}
#visual-section .owl-carousel .owl-dots .owl-dot span{width:20px; height:20px; background:url("../img/slider_off.png") no-repeat; display:block; vertical-align:bottom;}
#visual-section .owl-carousel .owl-dots .active span{background:url("../img/slider_on.png") no-repeat;}
#visual-section .owl-carousel .owl-nav{}
#visual-section .owl-carousel .owl-prev{width:60px; height:60px; top:50%; left:0; margin-top:-30px; text-indent:-9000px; background:url("../img/slider_prev.png") no-repeat; background-size:cover; display:block; position:absolute;}
#visual-section .owl-carousel .owl-next{width:60px; height:60px; top:50%; right:0; margin-top:-30px; text-indent:-9000px; background:url("../img/slider_next.png") no-repeat; background-size:cover; display:block; position:absolute;}

@media screen and (max-width:800px){
	#visual-section .owl-carousel .owl-prev{width:50px; height:50px;}
	#visual-section .owl-carousel .owl-next{width:50px; height:50px;}
}

@media screen and (max-width:600px){
	#visual-section .owl-carousel .owl-prev{width:40px; height:40px;}
	#visual-section .owl-carousel .owl-next{width:40px; height:40px;}
}

#mcont1-section{width:100%; max-width:1114px; margin:0 auto; padding:0 17px;}
#mcont1-section .cont-area{position:relative;}
#mcont1-section .cont-area:after{clear:both; content:""; display:block;}
#mcont1-section .cont-area .left-box{width:100%; font-weight:200; font-size:16px; line-height:25px; text-align:center;}
#mcont1-section .cont-area .right-box{width:20%; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); right:0; position:absolute;}
#mcont1-section .cont-area .right-box a{padding:13px 26px; font-size:13px; letter-spacing:0.3em; border:2px solid #272727; display:inline-block; transition:all 0.33s ease-out 0s; -moz-transition:all 0.33s ease-out 0s; -webkit-transition:all 0.33s ease-out 0s;}
#mcont1-section .cont-area .right-box a:hover{color:#fff; background:#272727;}

@media screen and (max-width:950px){
	#mcont1-section .cont-area .right-box{width:100%; top:auto; -ms-transform:none; -webkit-transform:none; -moz-transform:none; transform:none; right:auto; margin-top:20px; text-align:center; position:relative;}
}

.mlist-section{width:100%; max-width:1114px; margin:0 auto; padding:0 17px;}
.mlist-section .featured-list{position:relative;}
.mlist-section .featured-list:after{clear:both; content:""; display:block;}
.mlist-section .featured-list ul{margin:0 -17px;}
.mlist-section .featured-list ul:after{clear:both; content:""; display:block;}
.mlist-section .featured-list ul li{width:50%; padding:17px; float:left;}
.mlist-section .featured-list ul li .featured-box{position:relative;}
.mlist-section .featured-list .img{width:100%; max-width:308px;}
.mlist-section .featured-list .img img{max-width:100%;}
.mlist-section .featured-list .img a{display:none;}
.mlist-section .featured-list .img a:first-child{display:block;}
.mlist-section .featured-list .txt{width:100%; max-width:280px; top:50%; right:0; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); padding:24px; background:#fff; position:absolute;}
.mlist-section .featured-list .txt .subj{font-size:24px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.mlist-section .featured-list .txt .cont{font-size:14px; color:#979595;}
.mlist-section .featured-txt{margin-top:10px; font-weight:200; font-size:16px; font-family:"Titillium Web"; line-height:25px;}
.mlist-section .sns-box{margin-top:10px; padding:17px; font-size:22px; text-align:center;}
.mlist-section .sns-box a{margin:0 10px; color:#999; display:inline-block;}
.mlist-section .sns-box a:hover{color:#000;}


@media screen and (max-width:1000px){
	.mlist-section .featured-list .txt{width:250px; padding:20px;}
	.mlist-section .featured-list .txt .subj{font-size:20px;}
	.mlist-section .featured-list .txt .cont{font-size:13px;}
}

@media screen and (max-width:880px){
	.mlist-section .featured-list .img{max-width:100%;}
	.mlist-section .featured-list .txt{top:auto; right:auto; margin-top:-50px; float:right; -ms-transform:none; -webkit-transform:none; -moz-transform:none; transform:none; position:relative;}
}

@media screen and (max-width:700px){
	.mlist-section .featured-list ul li{width:100%; padding:17px; float:none;}
	.mlist-section .featured-list .img{width:100%; max-width:55%;}
	.mlist-section .featured-list .txt{width:55%; top:50%; right:0; margin-top:0; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); padding:24px; float:none; position:absolute;}
	.mlist-section .featured-list .txt .subj{font-size:24px;}
	.mlist-section .featured-list .txt .cont{font-size:14px;}
}

@media screen and (max-width:500px){
	.mlist-section .featured-list ul li{padding-bottom:60px; }
	.mlist-section .featured-list .img{max-width:100%;}
	.mlist-section .featured-list .txt{width:80%; top:auto; right:auto; margin-top:-50px; float:right; -ms-transform:none; -webkit-transform:none; -moz-transform:none; transform:none; position:relative;}
}

#mcont4-section div.feed-box{width:100%; max-width:1114px; margin:20px auto 0; padding:0 17px;}
#mcont4-section div.feed-box ul{}
#mcont4-section div.feed-box ul:after{clear:both; content:""; display:block;}
#mcont4-section div.feed-box ul li{width:12.5%; padding:0 5px; float:left;}
#mcont4-section div.feed-box a{height:138px; display:block; position:relative;}
#mcont4-section div.feed-box a img{width:100%; height:100%; top:0; left:0; position:absolute;}

@media screen and (max-width:1000px){
	#mcont4-section div.feed-box ul li{width:25%; padding:5px;}
	#mcont4-section div.feed-box a{height:200px;}
}

@media screen and (max-width:880px){
	#mcont4-section{padding:80px 0;}
	#mcont4-section .insta{font-size:35px;}
	#mcont4-section .insta img{height:35px;}
	#mcont4-section div.feed-box{margin:40px auto 0;}
	#mcont4-section div.feed-box a{height:170px;}
}

@media screen and (max-width:730px){
	#mcont4-section div.feed-box a{height:150px;}
}

@media screen and (max-width:620px){
	#mcont4-section{padding:60px 0;}
	#mcont4-section div.feed-box{margin:30px auto 0;}
	#mcont4-section div.feed-box a{height:120px;}
}

@media screen and (max-width:500px){
	#mcont4-section .insta{font-size:30px;}
	#mcont4-section .insta img{height:30px;}
	#mcont4-section div.feed-box{margin:20px auto 0;}
	#mcont4-section div.feed-box a{height:100px;}
}

@media screen and (max-width:420px){
	#mcont4-section{padding:40px 0;}
	#mcont4-section .insta{font-size:25px;}
	#mcont4-section div.feed-box ul li{width:50%; padding:5px;}
	#mcont4-section div.feed-box a{height:170px;}
}

@media screen and (max-width:340px){
	#mcont4-section{padding:20px 0;}
	#mcont4-section div.feed-box a{height:140px;}
}

.mfp-bg{opacity:1 !important; background:rgba(255,255,255,1) !important;}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close{color:#222 !important;}