@charset "euc-kr";


/* radio */
input[type="radio"] {opacity: 0; top:inherit; position: relative;}

/* desktop */
.onM {display: none !important;}
.onW {display: block !important;}
em {color:#c90454 !important}

.event-template {margin:auto; max-width:1200px;}
.event-template img {width:100%}
.event-template [class*="evt-"] {position:relative;}
.event-template [class*="evt-"] > a {position: absolute; display:block; z-index:1;}
.input-hashtag {
	opacity: 0;
	position: absolute;
	z-index: -1;
	width: 1px;
	height: 1px;
	left: 0;
	top: 0;
	overflow: hidden;
}


/* evt-04 : À¯Æ©ºê ¿µ»ó */
.youtube-box-area {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.youtube-box-area ul {
	padding : calc(235 / 1200 * 100%) 0 calc(244 / 1200 * 100%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}
.youtube-box-area li {
	margin: 0 calc(25 / 1200 * 100%);
	position: relative;
	flex-basis: calc(500 / 1200 * 100%);
}

.youtube-box-area li .youtube-box {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: calc(280 / 362 * 100%);
}
.youtube-box-area li .youtube-box .btn-youtube {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 2;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.youtube-box-area li .youtube-box .btn-youtube.fadeout {
	opacity: 1;
	z-index: -1;
}


.youtube-box .btn-youtube img {
	width: 100% !important;
}

.youtube-box iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.youtube-box-area li .btn-hashtag-copy {
	position: absolute;
	top: calc(300 / 362 * 100%);
	left: 0;
	width: 100%;
	height: calc(62 / 362 * 100%);
}


.hashtag-area .btn-hashtag-copy {
	position:absolute;
	top: calc(630  / 841 * 100%);
	left: calc(75 / 1200 * 100%);
	width: calc(1053 / 1200 * 100%);
	height: calc(130 / 841 * 100%);	
}

/* evt-05 : */
.sns-list {
	position:absolute;
	top: calc(174 / 559 * 100%);
	left: 0;
	width: 100%;
	height: calc(113 / 559 * 100%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.sns-list a{
	margin: 0 25px;
	position: relative;
	flex-basis: calc(113 / 1200 * 100%);
}
.btn-apply {
	position: absolute;
	top: calc(375 / 559 * 100%);
	left: calc(416 / 1200 * 100%);
	width: calc(374 / 1200 * 100%);
	height: calc(91 / 559 * 100%);	
}

/* popup */
.evt_pop {
	display:none;
	width:800px;
	position:absolute;
	top:80%;
	left:50%;
	margin-left:-400px;
	z-index:1000;
}
.evt_pop_wrap {padding:0; position:relative;width:100%; height:650px; border:1px solid #000;background-color:#fff; box-sizing:border-box;}

.evt_pop .pop_tit {margin:0 25px; padding:20px 0; font-size: 20px; font-weight:700; color:#000; border-bottom: 1px solid #ccc}
.evt_pop .pop_body {padding:20px 25px 25px; position:absolute; top:67px; bottom:85px; left:0; right:0; width:100%; overflow-y:auto; box-sizing:border-box;}
.pop_body .body_tit {font-size:24px; font-weight:600;}
.pop_body div + .body_tit {margin-top:35px;}

.tit-wrap {margin-top:30px; position:relative;}
.tit-wrap .etc {position:absolute; right:0; bottom:0; font-size:16px;}

.pop_body .info_agree_tit {margin-top:30px; font-size: 18px; font-family:'LGSmHaR'; color:#000;}
.pop_body .info_agree_disc {margin-top:10px; font-size:14px;}
.pop_body .agree_chk {margin-top:10px;}
.pop_body .agree_chk .radio-wrap {margin-right:40px; display:inline-block; vertical-align:middle; height:30px;}
.pop_body .agree_chk .radio-wrap:nth-child(2) {margin-right:0;} 
.pop_body .agree_chk label {font-size:16px;}

.pop .close{color:#000; position:absolute; right: 25px; top: 10px;font-size:25px}
.pop .close:before {content:"\2716";}

.pop_btn {padding:25px 0; position:absolute; bottom:0; width:100%; text-align:center; box-sizing:border-box;}
.pop_btn a {padding:10px 20px; display:inline-block; font-size:18px; color:#fff; background:#888; border-radius:5px;}
.pop_btn a:first-child {background:#a50034;}
.pop_btn a + a {margin-left:10px;}

.agree_notice {margin-top:5px; padding-left:15px; position:relative; font-size:16px; line-height:20px;}
.agree_notice:before {content:"¡Ø"; position:absolute; left:0; top:0; font-size:16px;}
.table_notice li {margin-top:5px; padding-left:15px; position:relative; font-size:14px; line-height:16px;}
.table_notice li:before {content:"¡Ø"; position:absolute; left:0; top:0;}

.pop_body table {width:100%;}
.pop_body .evt_table01 {margin-top:10px;}
.pop_body .evt_table01 thead th {padding:10px; border-top:1px solid #ccc; background:#f8f8f8; font-weight:400;}
.pop_body .evt_table01 tbody td {padding:10px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.pop_body .evt_table01 thead th, .pop_body .evt_table01 tbody td {border-right:1px solid #ccc;}
.pop_body .evt_table01 thead th:first-child, .pop_body .evt_table01 tbody td:first-child {border-left:1px solid #ccc;}
.pop_body .evt_table02 {margin-top:10px;}
.pop_body .evt_table02 tbody {border:solid #ccc; border-width:1px 1px 0 0;}
.pop_body .evt_table02 tbody th {font-size:16px; font-weight:400; border-left:1px solid #ccc; background:#f8f8f8; word-break: keep-all;}
.pop_body .evt_table02 tbody th, .pop_body .evt_table02 tbody td {padding:10px; border-bottom:1px solid #ccc;}
.pop_body .evt_table02 tbody td input {padding:0 10px; width:100%; height:35px; border-radius:5px; border:1px solid #ccc; font-size:16px; box-sizing: border-box;}
.pop_body .evt_table02 tbody th span {color:#c90454 !important;}

.dim {
	position:absolute;
	background:rgba(0,0,0,0.7);
	left:0;
	top:0;
	bottom:0;
	width:100%;
	height:100%;
	z-index:1500;
}


/* mobile */
@media screen and (max-width: 767px) {
	.onM {display: block !important;}
	.onW {display: none !important;}

	/* evt-04 */
	.youtube-box-area ul {
		padding : calc(245 / 720 * 100%) calc(106/ 720 * 100%) calc(286 / 720 * 100%) calc(113 / 720 * 100%);
		flex-direction: column;
		flex-wrap: inherit;
	}
	.youtube-box-area li {
		margin: calc(37/ 362 * 100%) 0;
	}
	
	.youtube-box-area li .youtube-box {
		height: calc(280 / 362 * 100%);
	}
	
	.youtube-box-area li .youtube-box .btn-youtube {
		position: relative;
		width: 100%;
		height: 100%;
		z-index: 2;
		-webkit-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
	}
		
	.youtube-box-area li .btn-hashtag-copy {
		top: calc(300 / 362 * 100%);
		height: calc(62 / 362 * 100%);
	}

	.hashtag-area .btn-hashtag-copy {
		top: calc(1188  / 1466 * 100%);
		left: calc(48 / 720 * 100%);
		width: calc(625 / 720 * 100%);
		height: calc(201 / 1466 * 100%);
	}

	
	/* evt-05 */
	.sns-list {
		top: calc(174 / 592 * 100%);
		height: calc(113 / 592 * 100%);
	}
	.sns-list a{
		margin: 0 calc(25 / 720 * 100%);
		flex-basis: calc(113 / 720 * 100%);
	}
	.btn-apply {
		top: calc(372 / 592 * 100%);
		left: calc(176 / 720 * 100%);
		width: calc(374 / 720 * 100%);
		height: calc(91 / 592 * 100%);
	}


	
	/* Æ˾÷ */
	.evt_pop {top:77%; width:100%; left:0; margin-left:0;}
	.evt_pop_wrap {heigth:300px;}
	.evt_pop .pop_body {padding:10px 15px 15px;}
	.evt_pop .pop_tit {margin: 0 15px; padding: 12px 0; font-size: 16px;}
	.pop_body .body_tit {font-size:16px;}
	.tit-wrap {margin-top:20px;}
	.pop_body .info_agree_tit {margin-top:15px; font-size: 16px;}
	.agree_notice {font-size:14px;}
	.pop_body .evt_table02 tbody th {padding:10px 5px; font-size:14px;} 
	.pop_body .agree_chk .radio-wrap {margin-right:15px;}
	.pop_body .agree_chk label {font-size:14px;}
	.pop_btn a {font-size:16px;}
	.tit-wrap .etc {font-size:14px;}
	.pop_body .evt_table02 tbody td input {font-size:14px;}
}

@media screen and (max-width: 320px) {
	.tit-wrap .etc {margin-top:5px; position: relative;}
	.pop_body .evt_table02 tbody th {font-size: 12px;}
}