@charset "euc-kr";

* {margin:0; padding:0;}

/* #event div > a {display:block;} */
#event img {width:100%; border:0; vertical-align:top;}

#event .visual_02 {position:relative;}
#event .movie {width:81.5625%;height:84.44%;margin:0 auto;position:absolute;top:1.445%;left:9.21875%;}
#event .movie a {display:block;width:100%;height:100%;}
#event .iframe_wrap {position:absolute;top:0;left:0;width:100%;height:100%;}
#event iframe {width:100%;height:100%;}
#event .movie img {display:block;width:100%;height:100%;}

/* snsList */
#event .snsList_wrap {display:block;width:100%;border-bottom:2px solid #dddddd;}
#event .snsList_wrap .snsList {display:block;width:100%;padding:4.689% 6.25%;}
#event .snsList_wrap .snsList:after {display:block;content:"";clear:both;}
#event .snsList_wrap .snsList p {width:16.967%;float:left;margin:2.5% 5.18% 0 0;}
#event .snsList_wrap .snsList ul {width:77.858%;float:left;}
#event .snsList_wrap .snsList ul:after {display:block;content:"";clear:both;}
#event .snsList_wrap .snsList ul li {float:left;width:21.56%;margin-left: 4.59%;}
#event .snsList_wrap .snsList ul li:first-child {margin-left:0;}

/* event1 */
#event .evt01 {display:block;width:100%;height:auto;margin:0 auto;background:#fff;}
#event .evt01 .inner {display:block;width:92.1875%;height:auto;margin:0 auto;}
#event .evt01 .inner {display:block;width:92.1875%;height:auto;margin:0 auto;}
#event .evt01 .urlBox {display:block;width:40.1875%;margin-left:54%;padding-bottom:12px;position:relative;}

/*
#event .evt01 .urlBox {display:block;width:92.1875%;margin:0 auto;position:relative;}
#event .evt01 .urlBox .btn_sns {display:block;width:28.1356%;position:absolute;top:0;right:2.5424%;}
*/

#event .evt01 .radioBox {display:block;width:100%;background:#f3f3f3;padding:7.12% 4.2373% 6.78% 3.8984%;border-radius:8px;}
#event .evt01 .radioList {width: 100%;padding-bottom:4.06%;}
#event .evt01 .radioList:after {display:block;content:"";clear:both;}
#event .evt01 input[type=radio] + label {padding-left:7.8% !important;}
#event .evt01 input[type=radio] + label:before {width:30px;height:30px;}
#event .evt01 input[type=radio]:checked + label:before {border:7px solid #757575;background:#fff;}
#event .evt01 input[type=radio] + label:before {margin:-17px 0 0 0;border:2px solid #c1c1c1;}
#event .evt01 input[type=radio] + label,.evt01 input[type=checkbox] + label {margin-right:3.875%;width:18.8%;float:left;}
#event .evt01 input[type=radio] + label  img {/* margin-left:5% */;}

#event .evt01 .inputBox {display:block;width:100%;height:auto;}
#event .evt01 .inputBox:after {display:block;content:"";clear:both;}
#event .evt01 .inputBox input[type='text'] {float:left;width:73.432%;height:100%;border:0;background:#ffffff;font-size:3.4375vw;line-height:1em;color:#848688;padding:4.707% 0 4.707% 4.06%;}
#event .evt01 .inputBox a {display:block;float:left;width:26.3838%;}
#event .evt01 .inputBox .btn_regist1 {display:inline-block;float:right;width:26.384%;}

#event .evt01 .commentList1 {width:100%;margin:0 auto;}
#event .evt01 .commentList1 ul li {position:relative; width:100%;padding:4.917% 5.9323% 4.07% 4.916%; background-color:#f9f9f9; box-sizing:border-box; display:table;}
#event .evt01 .commentList1 ul li:nth-child(even) {background-color:#fdfdfd;}
#event .evt01 .commentList1 ul li > div {vertical-align:top;color:#676767; display:table-cell;}
#event .evt01 .commentList1 ul li > div:after {display:block;content:"";clear:both;}
#event .evt01 .commentList1 ul li > div i {display:inline-block;width:9.508%;height:100%;float:left;margin-right:3.044%;}
#event .evt01 .commentList1 ul li > div .box {float:left;width:87%;}
#event .evt01 .commentList1 ul li > div p {line-height:1;letter-spacing:0;overflow:hidden;}
#event .evt01 .commentList1 ul li .pwriter {float:left;display:block;font-size: 2.8125vw;font-weight:600; line-height:1.2em; color:#333;max-width:180px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
#event .evt01 .commentList1 ul li .pdate {float:left;display: inline-block;width:40%;margin-left:3.06%;font-size: 2.8125vw;line-height: 1.2em;}
#event .evt01 .commentList1 ul li .contentTxt{margin-top:1.3125%;font-size:3.125vw;line-height:1.3em;padding-left:5.057%;}
#event .evt01 .commentList1 ul li a.link {display:block;margin-top:0.875%;color:#000000;font-size:3.4375vw;line-height:1.4em;word-break:break-all;}
#event .evt01 .commentList1 ul li .delete {display:block;width:2.714%;position:absolute; right:3.222%; top:14.5%;}
#event .evt01 .commentList1 ul li .delete a {display:block;}
#event .evt01 .commentList1 ul li.none div {height:70px; font-weight:bold; text-align:center; vertical-align:middle;}
#event .evt01 .commentList1 > p {font-family:"Noto Bold";font-size:3.4375vw;line-height:1;font-weight:500;letter-spacing:0;color:#333; margin:4.916% 0 3.222% 4.916%;}
#event .evt01 .commentList1 > p span {color:#de5a4b;}


#event .evt02 {display:block;width:100%;height:auto;margin:0 auto;padding-top:9.375%;background:#e8f8f7;}
#event .evt02 .inner {display:block;width:92.1875%;height:auto;margin:0 auto;}
#event .evt02 .inputWrap {display:block;width:100%;height:100%;}
#event .evt02 .inputWrap .inputBox {display:block;width:100%;height:100%;padding:5.087% 4.0678%;background:#ffffff;border-radius:7px;margin-top:5.595%;}
/* #event .evt02 .inputWrap .inner {display:block;width:100%;height:100%;background:url('../images/inputBg.png') no-repeat;padding:5.087% 4.0678%;} */
#event .evt02 .inputWrap .inputBox:after {display:block;content:"";clear:both;}
#event .evt02 .inputWrap .inputBox input[type="text"] {float:left;width:73.619%;height:100%;padding:4.707% 5.07% 4.707%;font-size:3.42679vw;border:0;background:#f9f9f9;color:#848688;}
#event .evt02 .inputWrap .inputBox .btn_regist {display:inline-block;float:right;width:26.384%;}
#event .evt02 .inputWrap .inputBox .btn_regist2 {display:inline-block;float:right;width:26.384%;}


#event .evt02 .inputWrap .reductionBox {display:block;width:100%;height:100%;overflow:hidden;}
#event .evt02 .inputWrap .expansionBox {width:100%; display:none;}
#event .evt02 .inputWrap .expansionBox textarea {width:100%; margin:0 auto; display:block; resize:none;padding:4%; font-size:3.5vw; border-radius:0; border:0; min-height:153px; background:#f9f9f9; color:#848688;}
#event .evt02 .inputWrap .expansionBox .count {width:100%; margin:0 auto; background:#fff; overflow:hidden;}
#event .evt02 .inputWrap .expansionBox .count span {display:block; float:left; padding:4% 0 7.074% 4%; font-size:3.5vw;width:73.618%;border-top:2px solid #ededf2;background:#f9f9f9;}
#event .evt02 .inputWrap .expansionBox .count a {width:26.384%; float:right;}

#event .evt02 .inputWrap .expansionBox textarea:focus,#event .evt02 .inputWrap .expansionBox textarea input:focus{outline: 0;}


#event .evt02 .commentList2 {width:100%;margin:0 auto;}
#event .evt02 .commentList2 ul li {position:relative; width:100%;padding:4.748% 5.9323% 5.085% 3.5594%; background-color:#d2f1ee; box-sizing:border-box; display:table;}
#event .evt02 .commentList2 ul li:nth-child(even) {background-color:#fafefd;}
#event .evt02 .commentList2 ul li > div {vertical-align:top;color:#676767; display:table-cell;}
#event .evt02 .commentList2 ul li > div i {display:inline-block;width:8.608%;height:100%;float:left;margin-right:1.937%;}
#event .evt02 .commentList2 ul li > div .info i {display:inline-block;width:3.097%;height:100%;float:left;margin-right:1.937%;}
#event .evt02 .commentList2 ul li > div p {line-height:1;letter-spacing:0;overflow:hidden;}
#event .evt02 .commentList2 ul li .pwriter {float:left;display:block;font-size: 2.8125vw;font-weight:600; line-height:1.2em; color:#333;max-width:180px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
#event .evt02 .commentList2 ul li .pdate {float:left;display: inline-block;margin-left:2.06%;font-size: 2.8125vw;line-height: 1.2em;}
#event .evt02 .commentList2 ul li .contentTxt {margin-top:1.3125%;font-size:3.4375vw;line-height:1.3em;padding-left:5.057%;color:#535353;word-break:break-all;}
#event .evt02 .commentList2 ul li a.link {margin-top: 1.163%;color:#000000;font-size:3.125vw;line-height:1.4em;word-break:break-all;}
#event .evt02 .commentList2 ul li .delete {display:block;width:2.714%;position:absolute; right:3.222%; top:14.5%;}
#event .evt02 .commentList2 ul li .delete a {display:block;}
#event .evt02 .commentList2 ul li.none div {height:70px; font-weight:bold; text-align:center; vertical-align:middle;}
#event .evt02 .commentList2 > p {font-family:"Noto Bold";font-size:3.4375vw;line-height:1;font-weight:500;letter-spacing:0;color:#333; margin:4.916% 0 3.222% 4.916%;}
#event .evt02 .commentList2 > p span {color:#de5a4b;}

/* °Ô½Ã¹° ¾øÀ»¶§ */
.nonListWrap {display:block;width:100%;padding-bottom:8.475%;}
.nonListWrap > p {font-family:"Noto Bold";font-size:3.4375vw;line-height:1;font-weight:500;letter-spacing:0;color:#333; margin:4.916% 0 3.222% 4.916%;}
.nonListWrap > p span {color:#de5a4b;}
.nonListWrap .non_list {display:block;width:100%;background:#fbfbfc;text-align:center;padding:8.475% 0;}
.nonListWrap .non_list p {font-size:3.4375vw;line-height:1.2em;color:#535353;}

#event .shareBox {position:relative;}
#event .shareBox ul {width:100%;height:100%;position:absolute;left:0;top:0;}
#event .shareBox a {width:9.6875%;height:56.37%;font-size:0;}
#event .shareBox a.btn_kaot {position:absolute;top:22%;left:48.75%;}
#event .shareBox a.btn_kaos {position:absolute;top:22%;left:60.5%;}
#event .shareBox a.btn_fb {position:absolute;top:22%;left:72.2%;}
#event .shareBox a.btn_tw {position:absolute;top:22%;left:84%}

#event .notice {display:block;width:100%;height:100%;position:relative;}
#event .notice .btn_psInfo {display:block;width:20.78125%;height:5.125%;position:absolute;left:32.65625%;top:35.635%;}

@media screen and (min-width:768px) {
	#event .evt02 .inputWrap .expansionBox .count span {padding: 4% 0 7.7% 4%;}
}

@media screen and (max-width:500px) {
	#event .evt02 .inputWrap .expansionBox .count span {padding:4% 0 4.2% 4%;}

	#event .evt01 input[type=radio] + label, .evt01 input[type=checkbox] + label { margin-right: 4.875%;width: 19.8%;}
	#event .evt01 input[type=radio] + label {padding-left:9.8% !important;}
	#event .evt01 input[type=radio] + label:before {width:24px !important;height:24px !important;}
	#event .evt01 input[type=radio]:checked + label:before {border:7px solid #757575 !important;background:#fff !important;}
	#event .evt01 input[type=radio] + label:before {margin:-13px 0 0 0 !important;border:2px solid #c1c1c1 !important;}
	#event .evt02 .inputBox .inner input[type="text"] {padding:3.04% 5.07% !important;}
}

@media screen and (max-width:414px) {
	#event .evt02 .inputWrap .expansionBox .count span {padding:2.31% 5.07% 6.546%;}
	#event .evt02 .inputWrap .inputBox input[type="text"] {padding:4.89% 5.07% 4.82%;}
}

@media screen and (max-width:400px) {
	#event .evt02 .inputWrap .expansionBox .count span {padding:2.31% 5.07% 4.707%;}
	#event .evt02 .inputWrap .inputBox input[type="text"] {padding:4.89% 5.07% 4.707%;}
	#event .evt01 input[type=radio] + label {padding-left:8.8% !important;}
	#event .evt01 input[type=radio] + label:before {width:17px !important;height:17px !important;}
	#event .evt01 input[type=radio]:checked + label:before {border:5px solid #757575 !important;background:#fff !important;}
	#event .evt01 input[type=radio] + label:before {margin:-9px 0 0 0 !important;border:1px solid #c1c1c1 !important;}
	#event .evt02 .inputBox .inner input[type="text"] {padding:4.8% 5.07% !important;}
}

@media screen and (max-width:375px) {
	#event .evt02 .inputWrap .expansionBox .count span {width:73.619%;}
	#event .evt02 .inputWrap .expansionBox .count span {padding:2.31% 5.07% 5.89%;}
	#event .evt02 .inputWrap .inputBox input[type="text"] {padding:4.757% 5.07% 4.707%;}
}

@media screen and (max-width:320px) {
	#event .evt02 .inputWrap .expansionBox .count span {width:73.619%;}
	#event .evt02 .inputWrap .expansionBox .count span {padding:2.31% 5.07% 4.707%;}
	#event .evt02 .inputWrap .inputBox input[type="text"] {padding:4.89% 5.07% 4.707%;}
}

/* Æ˾÷ */
.mask1{display:none;position:fixed; top:0; left:0; width:100%; height:100%; z-index:101; background:url('../images/layer-bg.png') repeat;}

.pop-01{position:relative; margin:0 7%; padding:2%; background:#b0b0b2;border-radius:7px;}
.pop-01 .cont{padding:5vw 3.5vw; background:#fff;}
.pop-01 .cont .sns_title {width:59.58% !important;padding-bottom:6.25%;margin-left:3.961%;}
.tab {overflow:hidden;}
.tab li{float:left; width:33%;}
.tab li:nth-child(2){margin-left:0.5%;}
.tab li:nth-child(3){margin-left:0.5%;}
.btn-cls{position:absolute; top:1.9%; right:2.2%; width: 13%; z-index:2;}

.pop-01 .info_box {border:2px solid #ebebeb;border-top:0;}

/* ÆäÀÌ¡ */
.paging {padding:6.78% 0 11.865%;}