@charset "utf-8";

/********************************************************
	layout
********************************************************/
.subVisual:before {background:url(../img/common/img_sub_visual01.png) no-repeat 100% 0 #000;}
#body #left h2 {position:relative; display:flex; width:100%; height:9em; align-items:center; justify-content:center; padding:1em; background:url(../img/common/snb_bg01.png) no-repeat;}


/* 공연안내 - 유료회원 안내 */
.member-wrap {position:relative; background:url(../img/content/sub01/img0103_bak.png) no-repeat; background-size:cover; padding:3em 0;}
.member-wrap .tit {position:relative; font-size:2em; color:#fff; font-family:'STUNNING'; text-align:center; line-height:1;}
.member-wrap .tit span {display:block; font-size:1.3em;}
.member-wrap .tit:before {content:''; position:absolute; left:50%; margin-left:-6.6em; margin-top:.88em; display:block; width:3.5em; height:2em; background:url(../img/content/sub01/img0103_tit.png) no-repeat;}
.member-wrap .txt {width:100%; padding:1.5em; margin-bottom:2.5em; background:rgba(255,255,255,0.2); border-top:2px solid #fff;}
.member-wrap .txt ul li {color:#fff;}
.member-wrap .txt ul li + li {margin-top:.55555em;}
.member-wrap .con-box {display:flex;padding:1.666666em 0; flex-wrap:wrap; justify-content:space-between; width: calc(100% - 14.444em); margin:0 auto;}
.member-wrap .con-box .box {width:calc(50% - 1.5em);padding:1.666666em; background:rgba(255,255,255,0.2); border:0;}
.member-wrap .con-box .box p {position:relative; margin-bottom:1em; font-weight:800; font-size:1.666668em; color:#fff; text-align:center;}
.member-wrap .con-box .box:nth-child(2) p:before {content:''; display:block; width:1.4338em; height:.3334em; margin:0 auto; background:url(../img/content/sub01/img0103_star01.svg) no-repeat; background-size:contain;}
.member-wrap .con-box .box:nth-child(3) p:before {content:'';display:block; width:2.5em; height:.3334em; margin:0 auto; background:url(../img/content/sub01/img0103_star02.svg) no-repeat; background-size:contain;}
.member-wrap .con-box .box ul li {position:relative; color:#fff;}
.member-wrap .txt ul li:before,
.member-wrap .con-box .box ul li:before {content:''; display:inline-block; width:0.278em; height:0.278em; margin-right:.5em; margin-top:-.15em;background: #fff;vertical-align: middle;}

@media all and (max-width:1024px) {
	.member-wrap .con-box {width:calc(100% - 3em);}
}

@media all and (max-width:960px) {
	.member-wrap {background-size:cover; background-position:center;}
	.member-wrap .tit {font-size:1.7em;}
	.member-wrap .tit:before {display:none;}
	.member-wrap .con-box .box {width:100%;}
	.member-wrap .con-box .box:nth-child(2) {margin-bottom:2em;}
}