/* -------------------------------------------------------------------------------------------
È޾ȸ¶ Ŭ¸®´Ð

* Version 	: 0.1
* author	: seo bong gyun
* email		: artist@eveready.co.kr
---------------------------------------------------------------------------------------------*/
@import url(base.css);
@import url(layout.css);
@import url(common.css);

 
 

/****************************************
			½½¶óÀ̵å
******************************************/
/*¼­ºêÆäÀÌÁö ½½¶óÀ̵å*/
/* °øÅë ½½¶óÀÌ´õ */
.mod_slide{}
.bx-wrapper{position:relative; margin:0 !important}
.bx-wrapper > .bx-controls > .bx-pager{position:absolute;left:0;bottom:15px;width:100%;height:10px;text-align:center}
.bx-wrapper > .bx-controls > .bx-pager > .bx-pager-item{display:inline-block}
.bx-wrapper > .bx-controls > .bx-pager > .bx-pager-item > a{background-color: rgba(255, 255, 255, .5); border: 1px solid #fff; border-radius: 50%; display:inline-block;width:10px;height:10px;background-position:-30px 0;text-indent:-999em}
.bx-wrapper > .bx-controls > .bx-pager > .bx-pager-item > a.active{width:20px; border-radius: 20px; background-color: #901205; border: 1px solid #901205;}
.bx-wrapper > .bx-controls > .bx-pager > .bx-pager-item + .bx-pager-item{margin-left:8px}
.bx-controls-direction > .bx-prev{ position: absolute; left:0; background: url('/common/img/st/common/subleft.png') 0 0 no-repeat; width: 49px; height: 49px; color: rgba(255, 255, 255, .0);}
.bx-controls-direction > .bx-next{ position: absolute; right:0;  background: url('/common/img/st/common/subright.png') 0 0 no-repeat; width: 49px; height: 49px; color: rgba(255, 255, 255, .0);}
.bx-controls-direction > .disabled{display:none} 
.mod_slide.mod_slide_type2{}
.mod_slide.mod_slide_type2 .mod_thumb .list_thumb{margin-left:-3px}
.mod_slide.mod_slide_type2 .mod_thumb .list_thumb .box_thumb{margin-left:6px;margin-right:6px}
.mod_slide.mod_slide_type2 ul li:first-child > div{}
.mod_slide_type2 .mod_poster .box_thumb{}
/* ÀÚµ¿Å¸ÀÔ */
.auto_slide{}
.auto_slide .bx-viewport{ }
.auto_slide .slide_wrap .inner_slide{text-align:left}
.auto_slide .slide_wrap .poster{width: 100%;}  
.auto_slide .slide_wrap .postertext {position: absolute; top: 30%; width: 100%; text-align:center;}
.auto_slide .slide_wrap .postertext img { }
.auto_slide .slide_wrap .mod_slogan > *{font-size:16px;line-height:28px;color:#fff}
.auto_slide .slide_wrap .mod_slogan .tit_slogan{font-size:36px;line-height:52px}
.auto_slide .bx-controls{position:absolute;left:0;bottom:10px;width:100%;text-align:center}
.auto_slide .bx-controls > *{position:relative;z-index:101}
.auto_slide .bx-wrapper > .bx-controls{zoom:1}
.auto_slide .bx-wrapper > .bx-controls:after{display:block;clear:both;content:''}
.auto_slide .bx-wrapper > .bx-controls > .bx-pager{display:inline-block}
.auto_slide .bx-wrapper > .bx-controls > .bx-pager,.auto_slide .bx-controls-auto{display:inline-block !important;position:relative;width:auto;vertical-align:top}
.auto_slide .bx-controls-auto{margin-top:-28px}
.auto_slide .bx-has-controls-auto .bx-controls-direction{position:absolute;top:-200px;width:100%}
.auto_slide .bx-controls-auto .bx-controls-auto-item{display:inline-block}
.auto_slide .bx-controls-auto .bx-controls-auto-item a{display:inline-block !important;margin:3px 0 0 5px;text-indent:-999em}
.auto_slide .bx-controls-auto .bx-controls-auto-item a.active{display:none !important}
.auto_slide .bx-controls-auto .bx-stop,.auto_slide .bx-controls-auto .bx-start{padding:5px 2px}
.auto_slide .bx-controls-auto .bx-stop{width:15px;height:10px;background-position:-231px -95px}
.auto_slide .bx-controls-auto .bx-start{width:15px;height:10px;background-position:-252px -95px}
.auto_slide .bx-controls-direction-img{position:relative;zoom:1}
.auto_slide .bx-controls-direction-img:after{display:block;clear:both;content:''}
.auto_slide .bx-controls-direction-img > div{float:left}
 

.main_icon {overflow:hidden; margin-top: 40px; margin-bottom: 40px;  }
.main_icon a {display:block;}
.main_icon a dl {float: left; height: 130px; padding: 10px 0; text-align:center; width: 10.6%; margin: 3px;}
.main_icon a dl dt {line-height: 60px;} 
.main_icon a dl dd {font-size: 18px; color: #333; font-family:'NanumSquare'; margin-top:15px; padding: 10px 0; line-height: 22px;}



@media all and (max-width:1200px){ 
	.auto_slide .slide_wrap .postertext {top: 30px; width: 100%;}
	.auto_slide .slide_wrap .postertext img {width: 40%;}
	.main_icon a dl {width: 19%;}
	.main_icon a dl dd {height: 40px;}
}

@media all and (max-width:767px){ 
	.auto_slide .slide_wrap .poster {width: 1200px; }
	.auto_slide .slide_wrap .poster img {margin-left: -450px; width: 100%;}
	.auto_slide .slide_wrap .postertext {top: 80px; width: 100%;}
	.auto_slide .slide_wrap .postertext img {width: 50%;}

	.main_icon {margin-top: 20px; margin-bottom: 20px;}
	.main_icon a dl dd {font-size: 14px; margin-top: 10px;}
}
@media all and (max-width:500px){ 
	.main_icon a dl {width: 31%;}

	.auto_slide .slide_wrap .poster {width: 767px; }
	.auto_slide .slide_wrap .poster img {margin-left: -280px;  }
	.auto_slide .slide_wrap .postertext {top: 55px; width: 100%;}
	.auto_slide .slide_wrap .postertext img {width: 50%;}

}
@media all and (max-width:460px){
	
}
@media all and (max-width:400px){ 
	.auto_slide .slide_wrap .poster {width: 767px; }
	.auto_slide .slide_wrap .poster img {margin-left: -350px;  }
	.auto_slide .slide_wrap .postertext {top: 55px; width: 100%;}
	.auto_slide .slide_wrap .postertext img {width: 50%;}

}
.main_secont {background-color: #f1f0f6; padding: 50px 0; overflow:hidden;}
.main_secontentIn {width: 1200px; margin: 0 auto;}
.main_secontentIn > div {float:left; height: 330px; margin-right: 25px;}
.main_secontentIn .notice_wrap {background-color: #fff; width: 445px; text-align:center;}
.main_secontentIn .qna_wrap {position: relative; background-color: #2c81ae; width: 230px; text-align:center; display:block;}
.main_secontentIn .qna_wrap a {display:block;}
.main_secontentIn .location_wrap {position: relative;background-color: #5b5b5b; width: 230px; text-align:center;}
.main_secontentIn .hours_wrap {position: relative; background-color: #f5f5f5; width: 220px; border: 5px solid #f13915; box-sizing:border-box; margin-right:0; text-align:center;}

.main_secontentIn .location_wrap .se_boxIn {position: absolute; top:0; width: 100%; height: 100%; }
.main_secontentIn .hours_wrap .se_boxIn {position: absolute; top:0; width: 100%; height: 100%; }

.main_secontentIn .se_boxIn .hvr {position: absolute; top:0; width: 100%;}

.main_secontentIn .qna_wrap .hvr-buzz-out::before{background: url(/images/main/mainicon_10.png) 0 0 no-repeat; }
.main_secontentIn .qna_wrap .hvr-wobble-vertical::before{background: url(/images/main/mainicon_11.png) 0 0 no-repeat; }

.main_secontentIn .hours_wrap .hours_In {line-height: 22px; font-family:'NanumSquare'; background: url('/images/main/mainicon_12.png') 50% 0 no-repeat; padding-top: 118px; font-size: 16px;  }
.main_secontentIn .hours_wrap .hours_In p {font-size: 20px; color: #000;}
.main_secontentIn .hours_wrap .hours_In p:first-child {margin-top: 20px; margin-bottom: 10px; }
.main_secontentIn .hours_wrap .hours_In p.todayfore {width: 100%; background-color: #f13915; padding: 7px 0; position: absolute; bottom:0; color: #fff; font-size: 14px; text-align:center;}

.main_secontentIn .qna_wrap p {}

 
.main_secontentIn .hours_wrap .hours_In span {display:inline-block;   text-align:left;}
.main_secontentIn .hours_wrap .hours_In span.point {color: #aa013a; font-size: 17px; letter-spacing: -0.5px; margin-right:0;}

.se_boxIn p:first-child {font-size: 28px; color: #fff; font-family:'NanumSquare'; margin-top: 30px; margin-bottom: 22px;}
.se_boxIn p:nth-child(2) {font-size: 13px; color: #d9f2ff; letter-spacing: -1px; margin-bottom: 35px;}

.radisu_btn {font-size: 14px; border-radius: 30px; padding: 5px 25px; border: 1px solid #fff; display:inline-block; color: #fff; margin-top: 130px;   }
.qna_wrap:hover .radisu_btn {background-color: #fff; color: #2c81ae;}
.location_wrap:hover .radisu_btn {background-color: #fff; color: #5b5b5b;}

#performance{position: relative; padding: 0 30px; }

.tab_article .art_list ul {overflow:hidden; position: relative; top: 106px; }
.tab_article .art_list {/*  position:absolute;  left:0; */ }
.tab_article .art_list ul {overflow:hidden;  }

.tab_article div#tab1c2 {display:none;}

.tab_article .art_list ul li {font-family:'NanumGothic';letter-spacing: 1px; font-size: 15px; line-height: 38px; color: #333; overflow:hidden;}
.tab_article .art_list ul li:hover a,.tab_article .art_list ul li:hover span {color: #f15213;}
.tab_article .art_list ul li a{text-align:left; float:left; color:#555; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width: 70%;}
.tab_article .art_list a.btnmore {text-align:left; float:left; color:#555; display:block; }
/* .tab_article .art_list a:hover{color:#fff; padding:0px; margin:0px;} */
.tab_article .art_list span.date {float:right; color:#444; font-size:14px;}




#performance a.btnmore { position:absolute;  top:30px; right:30px; }
#tab1m1  {position:absolute; top:30px ; left:30px;color: #888888; font-size: 16px; font-family:'NanumSquare'; }
#tab1m1.on {font-size: 18px; color: #000; font-family:'NanumSquare'; border-bottom: 2px solid #2860b6; padding-bottom: 13px;}
#tab1m2   {position:absolute; top:30px; left:105px; color: #888888; font-size: 16px;font-family:'NanumSquare';}
#tab1m2.on {font-size: 18px; color: #000; font-family:'NanumSquare';  border-bottom: 2px solid #2860b6; padding-bottom: 13px;} 
#tab1m3   {position:absolute; top:273px; left:0px;}
#abs {position:absolute; top:160px; right:20px; background:url(../images/main/tv.png) no-repeat; padding:6px;}

 



@media all and (max-width:1200px){ 
	.main_secontentIn .hours_wrap .hours_In div ul li{font-size: 16px;}
	.main_secontentIn .hours_wrap .hours_In span {display:inline-block;   width: 104px;  }
	.main_secontentIn .hours_wrap .hours_In span.point {font-size: 20px;}
	.main_secontentIn {width: 100%;}
	 .main_secontentIn .notice_wrap {width: 62%; margin-bottom: 20px;}
	 .main_secontentIn .qna_wrap {width: 34%; margin-right:0; margin-bottom: 20px;}
	 .main_secontentIn .location_wrap {width: 34%;}
	 .main_secontentIn .hours_wrap {width: 62%;}

} 
 
@media all and (max-width:640px){ 
	#performance a.btnmore {text-align:right;}
	.main_secontentIn .notice_wrap {width: 100%;}
	.main_secontentIn .qna_wrap {width: 100%;}
	.main_secontentIn .location_wrap {width: 100%; margin-bottom: 20px;}
	.main_secontentIn .hours_wrap {width: 100%;}
}
 
@media all and (max-width:460px){ 
	.main_secontentIn .notice_wrap   {height: 295px;}
	#performance {padding: 0 20px;} 
	.tab_article .art_list ul {top: 85px;}
	 .tab_article .art_list ul li {font-size: 14px;}
	 .tab_article .art_list ul li a {width: 100%;}
	 .tab_article .art_list a {width: 100%;}
	 .tab_article .art_list span.date {display:none;}
}