@charset "UTF-8";
@import url("/art/css/fonts.css");
*{ 
	font-family: 'Spoqa Han Sans'; font-size:1em;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
    word-break: keep-all;
    word-wrap: break-word;
    overflow-wrap: break-word;
    -ms-word-break: keep-all;  
}
html, body, #Wrap{
	height:100%; 
}
html{overflow:hidden;}
body{background: #fefcf0;}
#Wrap{
	position: relative;
		display: -ms-flexbox;
		display: -webkit-flex;
    display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
    flex-direction: row;
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
    justify-content: space-between;
		-webkit-align-content: stretch;
		-ms-flex-line-pack: stretch;
    align-content: stretch;
		-webkit-align-items: stretch;
		-ms-flex-align: stretch;
    align-items: stretch;
}
#Wrap > section{height:100%;}
.poster{padding:20px 30px 20px;}
.poster img{
	max-height:100%; border-radius:20px;
	-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.15);
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.15);
}
.contents{flex:1; min-width:600px; text-align:left; padding:50px; overflow-y: scroll; direction:rtl;}

/* 스크롤바 설정*/
.contents::-webkit-scrollbar{width: 5px;}
	/* 스크롤바 막대 설정*/
	.contents::-webkit-scrollbar-thumb{height: 17%; background-color: rgba(239, 227, 129, 1); border-radius: 10px;}
	/* 스크롤바 뒷 배경 설정*/
	.contents::-webkit-scrollbar-track{background-color: rgba(0,0,0,0);}






.contents h1{display:block; font-family: 'GmarketSansBold'; font-size:270%; letter-spacing:-1px; color:#9A3F22; line-height:1.2;}
.contents h2{
	display:inline-block; border-top:2px solid #222; padding-top:30px;margin-top:30px;
	font-family: 'GmarketSansBold'; font-size:220%; color:#222;
}
.contents h3{
	display:inline-block; background:#EF7723; padding:9px 20px 5px; border-radius:30pt; 
	font-family: 'GmarketSansMedium'; font-size:120%; font-weight:400; color:#fff; letter-spacing:1px; line-height:1;
}


.con{text-align:left; }
.con ul{margin-top:3rem; border-top:1px dashed #ddd; padding-top:3rem;}
.con ul:first-child{border:0; padding-top:0;}
.con ul h3{margin-bottom:10px;}
.con ul li{position: relative; direction:ltr; margin:10px 20px; margin-right:0; padding-left:10px;}
.con ul li:before{content:""; position: absolute; left:0; top:0.6rem; width:5px; height:5px; border-radius:30pt;background:#EF7723;}
.con ul.schedule li{margin-bottom:15px;}
.con dl{ 
		display: -ms-flexbox;
		display: -webkit-flex;
    display: flex;
    	-webkit-flex-direction: row;
		-ms-flex-direction: row;
    flex-direction: row;
    	-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
    justify-content: flex-start;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
    align-items: flex-start;
} 

.con dl dt{font-weight:900; color:#9A3F22; min-width:90px;}
.con dl dd{}
.con dl dd p{margin:5px 0;}

.con .date:before{top:0.75rem;}
.con .date dl{margin-bottom:12px;}
.con .date dl dt{align-self: center;}
.con .date dl dd{font-size:110%; border-bottom:1px solid #E8452B; color:#E8452B; font-weight:900;}

.con .logo_img{margin-top:10px;}
.con .logo_img:before{top:47%;}
.con .logo_img dl{align-items: center;}
.con .logo_img dl dd{}
.con .logo_img dl dd > img{display:inline-block; height:25px;}

table.part{text-align:center; margin:10px 0; direction:ltr;}
table.part th,
table.part td{border:1px solid #EFE381; padding:5px 15px; font-size:92%;}
table.part th{background:rgba(239, 227, 129, 0.5); color:#9A3F22; font-size:90%; font-weight:700;}
table.part td:first-child{font-weight:900;}

.con .howto{}
.con .howto li{padding-left:27px; font-weight:500;}
.con .howto li:before{display:none;}
.con .howto li label{
	position: absolute; top:2px; left:0; background:#F7E366; width:20px; height:20px; border-radius:30pt;
	font-size:small; line-height:1; color:#333; font-weight:700;
		display: -ms-flexbox;
		display: -webkit-flex;
	display: flex;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
	justify-content: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
	align-items: center;
}
.con .howto li span{display:block; font-size:92%; font-weight:400; margin:3px 0;}


dl.dl_num{flex-direction: column;}
dl.dl_num dt{margin-bottom:10px}
dl.dl_num dd{position: relative; padding-left:25px; margin-bottom:5px;}
dl.dl_num dd i{
	font-style: normal; position: absolute; top:2px; left:0; background:#F7E366; width:20px; height:20px; border-radius:30pt;
	font-size:80%; line-height:1; color:#333; font-weight:600;
		display: -ms-flexbox;
		display: -webkit-flex;
	display: flex;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
	justify-content: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
	align-items: center
}
dl.dl_num dd label{font-weight:600; }
dl.dl_num.small_num dd{font-size:90%;}
dl.dl_num.small_num dd i{width:18px; height:18px;}

.con .txt li{line-height:1.25;}
.con .txt li span{font-size:90%; }
.text-notice-type1 {
    margin: 10px 0;
    padding: 0 0 0 20px;
    line-height: 1.4;
    font-size: small;
    font-weight: 400; color:#777;
    background: url(/art/images/icon_exclamation.png) no-repeat left 1px;
    background-size: 16px auto;
}
.text-color-red{color:#E8452B;}
.text-color-txt1{color:#3366CC;}


/* 조기마감 팝업 */
#pop{
	position: fixed; top:0; left:0; z-index:100;
	width:100%; height:100%; background:rgba(0,0,0,0.5);
		display: -ms-flexbox;
		display: -webkit-flex;
	display: flex;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
	justify-content: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
	align-items: center;
}
#pop .pop_box{
	position: relative; background:#fff; padding:30px; border-radius:10px;
	width:90%; max-width:540px;
}
#pop .pop_box h1{font-family: 'GmarketSansBold'; padding:10px 0; font-size:xx-large;}
#pop .pop_box span{display:block; font-size:15px; color:#555; margin:10px 0;}
#pop .pop_box span b{color:#222;}
#pop .pop_box p{display:block; width:100%; text-align:right; font-size:90%; color:#888; margin-top:20px;}
#pop .pop_close{position: absolute; top:0px; right:0; background:none; padding:20px;}
#pop .pop_close i{font-size:300%;}


@media screen and (max-width: 1000px) { 
	*{font-size:14px;}
	.con ul{margin-top:2rem; padding-top:2rem;}
}
@media screen and (max-width: 950px) { 
	html{overflow:auto;}
	#Wrap{ 
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column; 
	}
	#Wrap > section{width:100%; min-width:100%; height:auto; }
	.poster{text-align: center;}
	.poster img{width:90%; max-width:500px; height:auto;}
	.contents{width:100%; order:1; overflow-y: inherit; padding: 50px 5%;}
	.contents h1{text-align:center;}
	.contents h2{
		position: relative; left:50%;
			-webkit-transform:translate(-50%, 0);
			-moz-transform:translate(-50%, 0);
			-ms-transform:translate(-50%, 0);
		transform: translate(-50%, 0)
	}
}

@media screen and (max-width: 500px) { 
	body{min-width:380px;}
	.contents h1{font-size:xx-large;}
	.con dl dt{min-width: 65px;}
	table.part th, table.part td{padding: 5px 8px;}
}