@charset "utf-8";

/* 진행중 이벤트 리스트 */
.evt_list .list_wrap {width:1200px; margin:0 auto;}
.evt_list .list {display:flex;flex-wrap:wrap;justify-content:flex-start;margin: 80px 0 0;}
.evt_list .list li:nth-child(3n -1) .list_item {margin:0 22px;}
.evt_list .list_item {display: block; width:385px; margin-bottom:40px; transition:box-shadow 0.2s;}
.evt_list .list_item .img_wrap {width:385px; height:230px; overflow:hidden;}
.evt_list .list_item .img_wrap img {width:100%;}
.evt_list .list_item .text_wrap {width:385px; height:152px; background:white; text-align:center; padding:16px; border-width: 0 1px 1px 1px; border-color:#fff; border-style:solid;}
.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:20px;width:100%;color:#000;margin-top: 8px;margin-bottom: 6px;}
.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:16px; color:#000; font-family:'NotoSansL';}
.evt_list .list_item:hover {-webkit-box-shadow: 0px 8px 22px -14px #000000; box-shadow: 0px 8px 22px -14px #000000;}
.evt_list .list_item:hover .text_wrap {border-color:#ddd;}


/* 이벤트 상세 */
.evt_detail .detail_wrap {margin-top: 94px;border-bottom:1px solid #f0f0f0;padding-bottom:68px;}
.evt_detail .detail_wrap .tit {font-family:'NotoSansL'; font-size:36px; text-align:center}
.evt_detail .detail_wrap .date {font-family:'NotoSansL';font-size:20px;text-align:center;margin-top: 27px;}
.evt_detail .detail_wrap .detail {width:1200px;font-family:'NotoSansL';font-size:18px;line-height:30px;margin: 36px auto 0;border-bottom:1px solid #f0f0f0;}
.evt_detail .btn_list {margin-top:100px;}
.evt_detail .btn_event {width:380px; height:84px; border:1px solid #000; font-size:28px; display:block; margin:58px auto 0; position:relative; transition:color 0.2s;}

/* ----- 이벤트 팝업 ----- */
/*팝업 수정*/
#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: -55px;display:block;width: 36px;height: 36px;text-indent:-999px;font-size:0;transition : all 0.3s ease;/* background: red; */}
.popup .btn_close::before, .popup .btn_close::after {content:'';width: 46px;height:2px;display:block;background: #ffffff;position:absolute;top: 16px;left: -6px;}
.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:18px;text-align:left;letter-spacing:-0.025em;border:0;}
#evt_popup .popup_wrap {width: 800px;margin: 110px auto;padding: 40px;background: white;position: relative;}
#evt_popup table tr {display:block;margin-bottom: 30px;}
#evt_popup table tr:last-child {margin-bottom:0}
#evt_popup th {font-weight:normal;width: 183px;vertical-align: top;}
#evt_popup th p {position:relative;line-height: 50px;font-size: 20px;text-align: left;font-family: 'NotoSansR';}
#evt_popup th span {display:block;position:absolute;height: 0;background: red;font-size: 16px;color: #222;line-height: 1;margin-top: -8px;}
#evt_popup td {width:840px;position: relative;}
#evt_popup .multiline_td {/* padding-top: 10px; */}
#evt_popup th + td {width: 509px;}

/*팝업 헤더*/
#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:18px;}
#evt_popup .layer_header .title {font-size: 36px;margin-top: 35px;margin-bottom: 15px;}

/*팝업 그룹*/
#evt_popup .group {padding: 43px 14px 50px;}
#evt_popup .group:not(.group_default) {border-top: 1px solid #ddd;}
#evt_popup .group_title {font-family:'NotoSansB';font-size: 24px;text-align:left;display:inline-block;position:relative;z-index:0;margin-bottom: 20px;}
#evt_popup .layer_cont {background:#fff;}

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

#evt_popup .radio_box label {display:block;float:left;min-width:78px;font-size: 16px;font-family: 'NotoSansL';}

#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: 398px;}

#evt_popup textarea {background:#f2f2f2;width:100%;height: 110px;line-height:1.5;padding: 20px;font-size: 16px;font-family: 'NotoSansL';resize:none;display: block;}
#evt_popup textarea::-webkit-input-placeholder {color:#999999;}
#evt_popup select {height: 50px;font-size: 16px; border-width: 0;-webkit-appearance:none;-moz-appearance:none;appearance: none; background-color: #f5f5f5;background-image:url('../img/event/bg_arrow.png');background-repeat:no-repeat;background-position:right;background-size:contain;padding: 0 16px;}
#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: 50px;border: 1px solid #000;height: 50px; 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:19px;height:1px;position:absolute;left: 15px;top:24px;background-color:#000;}
#evt_popup .btn_add::after {transform:rotate(90deg);}
#evt_popup .btn_del {right:0;}
#evt_popup .btn_add {right:49px;}



/* 섹션별 스타일 : 기본 정보*/
#evt_popup .ico_at {width: 36px;display:block;float:left;text-align:center;line-height:46px;}
#evt_popup #email1 {width: 164px;float:left;}
#evt_popup #email2 {width: 204px;float:left;}
#evt_popup #selectEmail {width: 204px;position:absolute;right: 106px;}
#evt_popup .btn_search {width: 93px;height: 50px;border: 1px solid #000; position:absolute;top: 0;right: 0;}
#evt_popup #strt_address {margin-bottom: 9px;}

/* 섹션별 스타일 : 체험단 */
#evt_popup .sns_name {width:174px;float:left;margin-right: 14px;}
#evt_popup .btn_sns_add {margin-top: 22px;margin-bottom:23px;}
#evt_popup .group_experience input {width: 210px;}

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

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

/*동의*/
#evt_popup .group_agree {padding-bottom:30px;}
#evt_popup .group_agree .group_title {margin-bottom:0; font-size:20px; font-family:'NotoSansR';}
#evt_popup .group_agree span {font-size:14px; color:#666; font-family:'NotoSansL'; float:right;}
#evt_popup .group_agree .radio_box {margin-top:18px;margin-bottom: 46px;}
#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:16px;padding: 20px;margin-top: 12px;line-height: 20px;color: #666;}
#evt_popup #agree_1 + label {margin-bottom:70px;}


#evt_popup .age_under_14 {margin-top: 40px;border-bottom:1px solid #ddd;padding-bottom: 49px;}
#evt_popup .age_under_14 p {font-size:16px;line-height: 28px;margin-bottom:12px;font-family: 'NotoSansR';}

/* 하단 버튼 */
#evt_popup .btn_wrap {display:flex;width:360px;justify-content:space-between;margin: 0 auto 46px;}
#evt_popup .btn_close_bottom, #evt_popup .btn_submit {width: 172px;height: 56px; font-size: 18px;font-family: 'NotoSansL';}
#evt_popup .btn_close_bottom {background-color:#e1e1e1;}
#evt_popup .btn_submit {background: #000000; color:#fff;}




/* 당첨자발표 */
.winner .list_wrap {margin-top:100px;}
.winner .list_wrap .search_box {position:relative; width:650px; height:74px; margin:0 auto}
.winner .list_wrap .search_box input {width:100%; height:74px; font-family:'NotoSansL'; font-size:22px; border-bottom:2px solid #000; outline:none}
.winner .list_wrap .search_box input::placeholder {font-family:'NotoSansL';}
.winner .list_wrap .search_box .btn_search {position:absolute; right:0; top:0; width:50px; height:74px; font-size:0; background:url(../img/event/btn_search.png) center center no-repeat; outline:none}

.winner .list_wrap .total_num {width:100%; font-family:'NotoSansL'; font-size:18px; text-align:right; margin-top:60px;}
.winner .list_wrap .total_num span {font-family:'NotoSansB';}
.winner .list_wrap .list {margin-top:20px; border-top:1px solid #f0f0f0;}
.winner .list_wrap .list li {position:relative; text-align:left; border-bottom:1px solid #f0f0f0;}
.winner .list_wrap .list li a {display:block; color:#000; font-family:'NotoSansR'; font-size:22px; padding:32px 100px 35px 20px}
.winner .list_wrap .list li a:hover {background:#f7f7f7}
.winner .list_wrap .list li span {position:absolute; right:20px; top:40px; color:#999; font-family:'NotoSansL'; font-size:16px}
.winner .list_wrap .pagination {margin-top:68px;}

.winner .list_wrap .list_empty {padding-top:50px}

.winner .detail_wrap {margin-top:100px}
.winner .detail_wrap .tit {font-family:'NotoSansL'; font-size:36px; text-align:center}
.winner .detail_wrap .date {font-family:'NotoSansL'; font-size:20px; text-align:center; margin-top:27px;}
.winner .detail_wrap .detail {width:1200px; font-family:'NotoSansL'; font-size:18px; line-height:30px; margin:46px auto 0; padding:55px 20px; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0}