@charset "utf-8";

#m_visual{margin:0 auto; width:100%; position:relative;}
#m_visual .bx-pager{position:absolute; bottom:10%; left:0; z-index:100; width:100%; text-align:center;}
#m_visual .bx-pager div{display:inline-block;}
#m_visual .bx-pager a{text-indent:-9999px; position:relative; display:block; min-width:69px; min-height:2px; line-height:2px; margin:0 5px; outline:0; background-color:rgba(255,255,255,0.2)}
#m_visual .bx-pager a.active{background-color:rgba(255,255,255,0.5)}

.studioInfo{width:100%; background:url('../images/main/studioInfo_bg.jpg') no-repeat 0 0; background-size:100% 246px; height:246px;}
.studioInfo > div{max-width:1698px; margin:0 auto; }
.studioInfo > div p{color:#fff; font-size:27px; font-weight:700; padding:43px 0 15px 0}
.studioInfo > div div{color:#fff; font-size:14px; line-height:26px}
.studioInfo > div a{background:#353535; border-radius:20px; font-size:14px; color:#fff; padding:0 30px; line-height:34px; display:inline-block; margin-top:30px; transition:all .4s; -webkit-transition:all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s;}
.studioInfo > div a:before{content:url(../images/main/more_arrow.png); padding-right:8px;}

#m_contents{ background:url('../images/main/m_content_bg.jpg') fixed no-repeat; background-size:cover; padding:12% 0 5% 0; box-sizing:border-box; transition:all .3s; -webkit-transition:all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s;}
.m_content{width:1698px; margin:0 auto;}
.linkInfo{display:none; position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; /*padding:15px;*/}
.linkInfo > div{display:block; background:rgba(39,38,38,0.8); width:100%; height:100%; padding:30px; box-sizing:border-box;}
.linkInfo > div span{display:block;}
.linkInfo > div span.title{font-size:17px; color:#fff; font-weight:700; line-height:26px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; height:52px;}
.m3_cv .linkInfo div span.title{font-size:48px; line-height:60px; height:80px;}
.m3_cv .linkInfo div span.txt{height:123px; -webkit-line-clamp: 5;}
.linkInfo > div .line{padding-top:15px; height:18px}
.linkInfo > div span.txt{font-size:13px; color:#fff; font-weight:700; line-height:24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; height:52px; margin-bottom:10px}
.linkInfo > div .more em{font-style:normal;}
.linkInfo .more{background:#353535; border-radius:20px; font-size:14px; color:#fff; padding:0 30px; line-height:34px; display:inline-block; transition:all .4s; -webkit-transition:all .4s;}
.linkInfo .more:before{content:url(../images/main/more_arrow.png); padding-right:8px;}

.no-page.bg_1{background:#f18430;}
.no-page.bg_2{background:blue;}
.no-page.bg_3{background:green;}

/*
@media all and (min-width:1451px) and (max-width:1800px){
	.m_content{width:1415px;}
	.m1_bn_2{width:849px;}
	.m1_bn_3{float:none; width:566px !important;}
}
*/

@media all and (min-width:961px) and (max-width:1800px){
	.m_content{width:849px;}
	.m1_bn_1 .m1_cv{width:849px}
	.m1_bn_2{float:none;}
	.m1_bn_3{float:none;}
}

@media all and (min-width:501px) and (max-width:961px){
	.m_content{width:450px;}
	.m1_bn_2{float:none;}
	.m1_bn_3{float:none;}
}


/* pc */
@media all and (min-width:961px){
	#m_visual .visual li{padding-top:4%; background-size:cover !important; text-indent:-9999px;}
	/*
	#m_visual .visual li.v_bg01{background:url('../images/main/visual_01.jpg') no-repeat 0 0;}
	#m_visual .visual li.v_bg02{background:url('../images/main/visual_01.jpg') no-repeat 0 0;}
	#m_visual .visual li.v_bg03{background:url('../images/main/visual_01.jpg') no-repeat 0 0;}
	*/

	#m_visual .bx-controls-direction{position:absolute; top:50%; left:0; z-index:100; width:100%; overflow:hidden; height:66px;}
	#m_visual .bx-controls-direction a{text-indent:-9999px; height:66px; width:34px;  transition:all .3s; -webkit-transition:all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s;}
	#m_visual .bx-controls-direction .bx-prev{float:left; background:url('../images/main/slider_arrow.png') no-repeat 0 0; margin-left:3%}
	#m_visual .bx-controls-direction .bx-next{float:right; background:url('../images/main/slider_arrow.png') no-repeat 100% 0; margin-right:3%}
	#m_visual:hover .bx-prev{margin-left:0;}
	#m_visual:hover .bx-next{margin-right:0;}

	.studioInfo > div{padding:0 15px; box-sizing:border-box}

	.m_content{min-height:566px}
	.m1_cv{width:283px; height:283px; position:relative;}
	.m3_cv{height:566px;}
	.m1_bn_1{float:left; width:849px}
	.m1_bn_1 .m1_cv{width:849px}
	.m1_bn_2{float:left; width:566px;}
	.m1_bn_2>div.m1_cv{float:left;}
	.m1_bn_2>div.m2_cv{float:left; width:566px;}
	.m1_bn_3{float:left; width:283px;}
	.m1_bn_3>div.m1_cv{float:left;}

	.m1_cv > img{height:100%}

	.m_notice{padding:30px; box-sizing:border-box;}
	.m_notice a{display:block; color:#fff;}
	.m_notice .more{background:#353535; border-radius:20px; font-size:14px; color:#fff; padding:0 30px; line-height:34px; display:inline-block; transition:all .4s; -webkit-transition:all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s;}
	.m_notice .more em{font-style:normal;}
	.m_notice .more:before{content:url(../images/main/more_arrow.png); padding-right:8px;}
	.m_notice .line{padding-top:15px; height:18px; display:block;}
	.m_notice .title{font-size:17px; color:#fff; font-weight:700; line-height:26px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; height:52px;}
	.m_notice .txt{font-size:13px; color:#fff; font-weight:700; line-height:24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; height:52px; margin-bottom:10px}

}

/* 모바일 */
@media all and (max-width:960px){
	#m_visual .visual li{}
	#m_visual .visual li img{width:100%;}
	#m_visual .bx-pager a{min-width:30px;}
	#m_visual .bx-controls-direction{display:none;}

	.studioInfo{background-size:cover; height:auto; box-sizing:border-box; padding:0 20px 30px 20px; background-image:url('../images/main/studioInfo_bg_m.jpg')}
	.studioInfo > div{width:100%;}
	.studioInfo > div p{font-size:16px; padding:20px 0 10px 0;}
	.studioInfo > div div{font-size:12px; line-height:20px; overflow: hidden; height:60px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* 라인수 */ -webkit-box-orient: vertical;
 word-wrap:break-word; }
	.studioInfo > div a{font-size:13px; padding:0 15px; line-height:24px; margin:15px 0 0 0}
	.studioInfo > div a:before{content:url(../images/main/more_arrow.png); padding-right:8px;}

	#m_contents{padding:20px}
	.m_content{max-width:100%;}
	.m_content img{width:100%;}
	.m1_cv{position:relative;}
	.m1_bn_1{width:100%;}
	.m1_bn_2{width:100%;}
	.m1_bn_2 .m1_cv,.m1_bn_3 .m1_cv{width:50%; float:left;}
	.m1_bn_2 .m2_cv{width:100%; float:left;}
	.linkInfo div span.title{font-size:14px; color:#fff; font-weight:700; line-height:18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
	 word-wrap:break-word; height:38px;}
	.m3_cv .linkInfo div span.title{font-size:20px; height:32px; line-height:32px}
	.m3_cv .linkInfo div span.txt{height:76px; -webkit-line-clamp: 3;}
	.linkInfo .more{padding:0 15px; line-height:24px; font-size:13px;}
	.linkInfo > div .line{width:20px;}
	.linkInfo div span.txt{margin-bottom:0;}

	.m_notice{padding:30px; box-sizing:border-box;}
	.m_notice a{display:block; color:#fff;}
	.m_notice .more{background:#353535; border-radius:20px; font-size:13px; color:#fff; padding:0 15px; line-height:24px; display:inline-block; transition:all .4s; -webkit-transition:all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s;}
	.m_notice .more em{display:none;}
	.m_notice .more:before{content:url(../images/main/more_arrow.png); padding-right:8px;}
	.m_notice .line{width:20px; padding-top:20px; height:20px; display:block;}
	.m_notice .title{font-size:14px; color:#fff; font-weight:700; line-height:18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
	 word-wrap:break-word; height:38px;}
	.m_notice .txt{font-size:13px; color:#fff; font-weight:700; line-height:24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; height:52px; margin-bottom:10px;}
}


@media all and (max-width:500px){
	.linkInfo div{padding:15px;}
	.linkInfo div span.title{-webkit-line-clamp: 1; height:20px;}
	.linkInfo div span.txt{height:25px; -webkit-line-clamp: 1; /*margin-bottom:5px;*/}
	.m3_cv .linkInfo div span.txt{height:50px; -webkit-line-clamp: 2;}
	.linkInfo > div .more em{display:none;}
	.linkInfo > div .line{width:20px; height:10px; padding-top:6px;}

	.m_notice{padding:20px; box-sizing:border-box;}
	.m_notice .line{width:20px; padding-top:7px; height:7px; display:block;}
}

@media all and (max-width:400px){
	.m_notice .txt{ -webkit-line-clamp: 1; height:25px;}
}