@charset "utf-8";
/* 작업용 임시 */
/* #wrap {max-width:360px;margin:0 auto;} */

/* 공통 */
#container {position:relative;}



/* 서브 네비게이션 개별 */
.evt_list {padding-bottom:35px;}
.evt_list .depth_menu.on {/* height: 167px; */}

/* 진행중 이벤트 리스트 */
.evt_list .list_wrap {overflow: auto;}
.evt_list .list {margin: 35px 0 0;padding:0 16px;}
.evt_list .list_item {display: block;margin-bottom: 20px;transition:box-shadow 0.2s;}
.evt_list .list_item .img_wrap {overflow:hidden;}
.evt_list .list_item .img_wrap img {width:100%;}
.evt_list .list_item .text_wrap {background:white;}
.evt_list .list_item .text_wrap p {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-0.025em;}
.evt_list .list_item .text_wrap .title {font-size: 14px;width:100%;color:#000;margin-top: 7px;margin-bottom: 5px;}
.evt_list .list_item .text_wrap .text {font-size:16px;color:#999;font-family:'NotoSansL';margin-bottom: 10px;}
.evt_list .list_item .text_wrap .date {font-size: 12px;color: #777;font-family:'NotoSansL';}


/* 이벤트 상세 */
.evt_detail .detail_wrap {margin-top: 25px;border-bottom:1px solid #f0f0f0;padding-bottom: 31px;}
.evt_detail .detail_wrap .tit {font-family: 'NotoSansR';font-size: 24px;text-align:center;line-height: 1;}
.evt_detail .detail_wrap .date {font-family:'NotoSansL';font-size: 13px;line-height: 1;text-align:center;margin-top: 9px;}
.evt_detail .detail_wrap .detail {/* width:1200px; */font-family:'NotoSansL';margin: 21px auto 0;border-bottom:1px solid #f0f0f0;}
/* 하단 버튼 */
.evt_detail .btn_list {margin-top:100px;display: block;width: 166px;height: 38px;margin: 35px auto 60px;text-align: center;background-color: #000;color: #fff;line-height: 38px;font-size: 13px;/* border-top: 1px solid #ddd; */}
.evt_detail .btn_event {width: calc(100% - 32px);height: 42px;border:1px solid #000;font-size: 16px;display:block;margin: 25px auto 0;position:relative;transition:color 0.2s;}

/* 당첨자발표 */
.winner .list_wrap {padding:27px 16px 60px;} 
.winner .list_wrap .search_box {position:relative; padding:15px; background:#f7f7f7}
.winner .list_wrap .search_box input {width:100%;height: 30px;font-size:13px;border-bottom:2px solid #000;}
.winner .list_wrap .search_box .btn_search {position:absolute;right:15px;bottom:15px;width:25px;height: 30px;font-size:0;background:url(../img/event/btn_search.png) right top no-repeat;background-size:19px auto;}

.winner .list_wrap .list {margin-top:15px}
.winner .list_wrap .list li {padding:15px 0; border-bottom:1px solid #ddd}
.winner .list_wrap .list li a {display:block; font-family: 'NotoSansR'; font-size:16px;}
.winner .list_wrap .list li span {display:block; color:#999; font-family: 'NotoSansL'; font-size:13px; margin-top:5px}

.winner .detail_wrap {padding:27px 16px 60px}
.winner .detail_wrap .tit {font-family: 'NotoSansR'; font-size:24px; line-height:30px; text-align:center;}
.winner .detail_wrap .date {color:#777; font-family: 'NotoSansL'; font-size:13px; text-align:center; margin-top:10px}
.winner .detail_wrap .detail {font-family: 'NotoSansL'; font-size:15px; padding:30px 0 25px; border-bottom:1px solid #ddd}
.winner .detail_wrap .btn_list {display:block; width:165px; height:38px; font-family: 'NotoSansL'; font-size:14px; line-height:37px; color:#fff; text-align:center; margin:35px auto 0; background:#000}




/* ----- 이벤트 팝업 ----- */
/*팝업 수정*/
#dimLayer {overflow-x:hidden; overflow-y:scroll; padding-right:17px; background-color:#000; opacity:0.8;}

.popup {display:none;position:fixed;overflow-x: hidden;overflow-y: auto;width:100%;height:100%;top:0;left:0;right:0;bottom:0;/* padding:142px; */}
.popup .btn_close {position:absolute;right: 0;top: -27px;display:block;width: 22px;height: 22px;text-indent:-999px;font-size:0;transition : all 0.3s ease;/* background: red; */}
.popup .btn_close::before, .popup .btn_close::after {content:'';width: 28px;height:2px;display:block;background: #ffffff;position:absolute;top: 10px;left: -3px;}
.popup .btn_close::before {transform:rotate(45deg);}
.popup .btn_close::after {transform:rotate(-45deg);}
.popup .btn_close:hover {transform:rotate(90deg);}

body.popup_open {overflow:hidden;padding-right:17px;}
body.popup_open .popup {display:block;}

/*팝업*/
#evt_popup {z-index:101;font-size: 10px;text-align:left;letter-spacing:-0.025em;border:0;}
#evt_popup .popup_wrap {width:calc(100% - 32px);margin: 72px auto;padding: 0 10px;background: white;position: relative;}
#evt_popup table tr {/* display:block; *//* padding-bottom: 15px; */}
#evt_popup table tr:last-child {margin-bottom:0}
#evt_popup th {font-weight:normal;width: 92px;vertical-align: top;}
#evt_popup th p {position:relative;line-height: 25px;font-size: 12px;text-align: left;font-family: 'NotoSansR';}
#evt_popup th span {display:block;position:absolute;height: 0;background: red;font-size: 8px;color: #222;line-height: 1;margin-top: -2px;}
#evt_popup td {/* width: 100%; */position: relative;padding-bottom: 15px;}
#evt_popup th + td {width: auto;}

/*팝업 헤더*/
#evt_popup .layer_header, #evt_popup .layer_cont {background:#fff;margin:0 auto;position:relative;}
#evt_popup .layer_header {box-sizing:border-box;/* height: 164px; */font-family:'NotoSansL';text-align:center;border-bottom: 2px solid #000;overflow: hidden;}
#evt_popup .layer_header .date {margin-bottom: 15px;font-size: 13px;}
#evt_popup .layer_header .title {font-size: 18px;margin-top: 34px;margin-bottom: 3px;}

/*팝업 그룹*/
#evt_popup .group {padding: 15px 2px 3px;}
#evt_popup .group:not(.group_default) {border-top: 1px solid #ddd;}
#evt_popup .group_title {font-family:'NotoSansB';font-size: 13px;text-align:left;display:inline-block;position:relative;z-index:0;margin-bottom: 8px;margin-top: -4px;}
#evt_popup .layer_cont {background:#fff;overflow: auto;}

/*인풋 별 스타일*/
#evt_popup input::-webkit-input-placeholder {color:#bfbbba;}
#evt_popup input[type="text"],
#evt_popup input[type="url"] {/* display: block; */width: 100%;height: 25px;background-color: #f5f5f5;font-size: 10px;font-family: 'NotoSansL';padding: 0 8px;}

#evt_popup .radio_box input {position:absolute; left:-99999px; width:0; height:0;}
#evt_popup .radio_box label {position:relative;padding-left: 15px;}
#evt_popup .radio_box label {display:block;float:left;/* min-width:78px; */font-size: 10px;font-family: 'NotoSansL';margin-right: 6px;/* margin-top: 5px; */}
#evt_popup .radio_box label:before {content:'';position:absolute;left:0;top:50%;display:block;width: 8px;height: 8px;border-radius:100%;border:1px solid #acacac;margin-top: -5px;}
#evt_popup .radio_box input:checked + label:before {background:#000}


#evt_popup .add_row {position:relative;}
#evt_popup .add_row ~ .add_row {margin-top:18px;}
#evt_popup .add_row::after {content:''; display:table; clear:both;}
#evt_popup .add_row input {width: calc(100% - 54px);}

#evt_popup textarea {background:#f2f2f2;width:100%;height: 55px;line-height:1.5;padding: 8px;font-size: 8px;font-family: 'NotoSansL';resize:none;display: block;border: 0;}
#evt_popup textarea::-webkit-input-placeholder {color:#999999;}
#evt_popup select {height: 25px;font-size: 10px;border-width: 0;-webkit-appearance:none;-moz-appearance:none;appearance: none;/* background-color: #b27070; */background-image:url('../img/event/bg_arrow.png');background-repeat:no-repeat;background-position:right;background-size:contain;padding: 0 8px;}
#evt_popup select::-ms-expand {display: none;}

/* 스크롤바 스타일 */
#evt_popup textarea::-webkit-scrollbar,
#evt_popup .agree_box::-webkit-scrollbar {width: 3px; height: 8px;}
#evt_popup textarea::-webkit-scrollbar-thumb,
#evt_popup .agree_box::-webkit-scrollbar-thumb {background: #aaa;border-radius: 15px;}
#evt_popup textarea::-webkit-scrollbar-track,
#evt_popup .agree_box::-webkit-scrollbar-track {background: #e9e9e9;border-radius: 0px;}

/*팝업 내부 버튼*/
#evt_popup .btn_del, #evt_popup .btn_add {width: 25px;border: 1px solid #000;height: 25px;position: absolute;top: 0;font-size:0;}
#evt_popup .btn_del::before,
#evt_popup .btn_add::before,
#evt_popup .btn_add::after {content:'';display:block;width: 9px;height:1px;position:absolute;left: 7px;top: 12px;background-color:#000;}
#evt_popup .btn_add::after {transform:rotate(90deg);}
#evt_popup .btn_del {right:0;}
#evt_popup .btn_add {right: 24px;}


/* 섹션별 스타일 : 기본 정보*/
#evt_popup .ico_at {width: 10px;display:block;float:left;text-align:center;line-height: 24px;}
#evt_popup #email1 {width: calc(50% - 5px);float:left;}
#evt_popup #email2 {width: calc(50% - 5px);float:left;}
#evt_popup #selectEmail {width: calc(50% - 5px);position:absolute;right: 0;/* opacity: 0.5; */}
#evt_popup .btn_search {width: 58px;height: 25px;border: 1px solid #000;position:absolute;top: 0;right: 0;font-size: 10px;}
#evt_popup #strt_address {margin-bottom: 4px;width: calc(100% - 64px);}

/* 섹션별 스타일 : 체험단 */
#evt_popup .sns_name {width: 100%;background-color: #f5f5f5;/* float:left; */margin-bottom: 7px;}
#evt_popup .btn_sns_add {margin-top: 22px;margin-bottom:23px;}
#evt_popup .group_experience input {width: calc(100% - 53px);}
#evt_popup .group_experience .btn_del, #evt_popup .group_experience .btn_add {top:32px;}

/* 섹션별 : 공유 */
#evt_popup .group_share .add_row ~ .add_row {margin-top:9px;}

/* 섹션별 : 주관식 */
#evt_popup .question {position:relative;/* line-height: 37px; */margin-bottom: 4px;margin-top: 2px;font-size: 13px;font-family: 'NotoSansB';}

/*동의*/
#evt_popup .group_agree {padding-bottom:30px;}
#evt_popup .group_agree .group_title {margin-bottom:0;font-size: 12px;font-family:'NotoSansR';margin-top: 6px;}
#evt_popup .group_agree span {font-size: 10px;color:#666;font-family:'NotoSansL';}
#evt_popup .group_agree span::before {content:''; display:table; clear:both; height:4px;}
#evt_popup .group_agree .radio_box {margin-top: 10px;margin-bottom: 6px;}
#evt_popup .group_agree .radio_box::after {content:''; display:table; clear:both;}
#evt_popup .group_agree .radio_box label {min-width:120px;}
#evt_popup .agree_box {width:100%;height: 150px;background:#f2f2f2;overflow-Y:scroll;font-family:'NotoSansL';font-size: 10px;padding: 8px;margin-top: 6px;line-height: 15px;color: #666;}
#evt_popup #agree_1 + label {margin-bottom:70px;}

.check_box input[type="checkbox"]::-ms-check{display:none}
.check_box input {position:absolute; left:-99999px; width:0; height:0;}
.check_box label {position:relative;padding-left:14px;}
.check_box label:before {content:'';position:absolute;left:0;top:50%;display:block;width: 9px;height: 9px;border:1px solid #acacac;margin-top: -5px;}
.check_box input:checked + label:before {background:#000}

#evt_popup .age_under_14 {margin-top: 9px;border-bottom:1px solid #ddd;padding-bottom: 20px;}
#evt_popup .age_under_14 p {font-size: 11px;line-height: 15px;margin-bottom:12px;font-family: 'NotoSansR';}

/* 하단 버튼 */
#evt_popup .btn_wrap {display:flex;justify-content: center;margin: 0 auto 37px;}
#evt_popup .btn_close_bottom, #evt_popup .btn_submit {width: 92px;height: 34px;font-size: 11px;font-family: 'NotoSansL';margin: 0 3px;}
#evt_popup .btn_close_bottom {background-color:#e1e1e1;}
#evt_popup .btn_submit {background: #000000; color:#fff;}