@charset "utf-8";

/* EVENT 231218 */
.evtTitWrap {width: 100%; height: 1209px; background: #ca3133 url(/resources/images/event/2023/event231218/evtTit.png)no-repeat center; }
.evtTitWrap .inner {width: 1008px;}
.eventWrap.evtFullType .evtTitWrap .logo {position: absolute; top: 66px; left: 0; width: 100%; }
.eventWrap.evtFullType .evtTitWrap .logo.logo_fr {padding: 35px 0 0 0;}
.eventWrap.evtFullType .evtTitWrap .logo.logo_fr .fr_inner { display: flex; justify-content: flex-end; position: absolute; bottom: 0; right: 0; }
.con {position: absolute; right: -50px; top: 452px;}

.evtContWrap { padding: 75px 0 210px; background: #00604d; }
.evtCont1 {margin-bottom: 75px;}
.evtContWrap [class^="evtCont"] .inner { position: relative; width: 1080px; }
.box .box_tit {display: block; width: 100%; text-align: center;}
.box.evtGift ul {display: flex; gap: 9px; padding: 0 39px; margin-top: 28px;}
.box.evtGift ul li {flex: 1; display: flex; flex-direction: column; align-items: center; padding: 40px 0 25px; background: #fff; border: 1px solid #003c30; border-radius: 15px; box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.22);}
.box.evtGift ul li .imgbox {display: flex; justify-content: center; align-items: center; width: 100%; height: 154px;}
.box ul li > p {font-family: 'ONE-Mobile-Title'; font-size: 17px; color: #403c3c; line-height: 1.3; letter-spacing: -0.025em; text-align: center;}
.box ul li > p   span {font: inherit; color: #ca3133;}


.evtCont2 .inner {padding-top: 80px;}
.evtCont2 > .inner:before {content: ""; display: inline-block; position: absolute; left: -108px; top: 0; width: 1312px; height: 1622px; background: url(/resources/images/event/2023/event231218/evtCont2_bg.png)no-repeat center; z-index: 1;}
.evtCont2 .inner .box {position: relative; z-index: 2;}
.evtCont2 .inner .box.manual ul {display: flex; justify-content: center;  width: 100%; margin-top: 40px; }
.evtCont2 .inner .box.manual ul li {padding: 0 30px; border-right: 1px solid #c2c2c2; }
.evtCont2 .inner .box.manual ul li:last-child {border-right: 0;}
.evtCont2 .inner .box.manual ul li .top {display: flex; gap: 8px; margin-bottom: 6px; }
.evtCont2 .inner .box.manual ul li .top strong {font-family: 'GmarketSansBold'; font-size: 58px; color: #008551; line-height: 1; letter-spacing: -0.04em;}
.evtCont2 .inner .box.manual ul li .top p {font-family: 'GmarketSansBold'; font-size: 25px; line-height: 29px; color: #403c3c; letter-spacing: -0.04em;}
.evtCont2 .inner .box.manual ul li > p {text-align: left;}

.evtCont2 .inner .box.video {padding: 0 122px; margin-top: 55px;}
.evtCont2 .inner .box.video .device_tab {margin-top: 38px;}
.evtCont2 .inner .box.video .device_tab .tab_wrap {position: relative;}
.evtCont2 .inner .box.video .device_tab .tab_wrap .tab_menu {display: flex; gap: 4px; }
.evtCont2 .inner .box.video .device_tab .tab_wrap .tab_menu li a {display: inline-block; width: 107px; font-size: 17px; font-weight: 400; color: #403c3c; line-height: 31px; letter-spacing: -0.025em; text-align: center; background: #f4f2f2; border: 1px solid #cfcfcf; border-radius: 17px;}
.evtCont2 .inner .box.video .device_tab .tab_wrap .tab_menu li.on a {color: #fff; background: #358cdd; border-color: #358cdd; }
.btnLink {display: inline-block; position: absolute; right: 0; top: 50%; transform: translateY(-50%);  padding: 0 31px 0 15px;  font-size: 14px; font-weight: 400; color: #fff; line-height: 30px; letter-spacing: -0.025em; background: #d7444f url(/resources/images/event/2023/event231218/ico_btn_arr.png)no-repeat right 15px center; border-radius: 5px; }
.btnLink:hover {color: #fff;}

.evtCont2 .inner .box.video .device_tab .tab_conts {margin-top: 11px;}
.evtCont2 .inner .box.video .device_tab .tab_conts .video_wrap {width: 100%; }
.evtCont2 .inner .box.video .device_tab .tab_conts .video_wrap .video {display: block; width: 100%;}
.evtCont2 .inner .box.video .quiz {width: 100%; margin-top: 53px;}
.evtCont2 .inner .box.video .quiz strong {display: inline-block; padding-left: 60px; font-family: 'GmarketSansBold'; font-size: 25px; color: #403c3c; line-height: 51px; letter-spacing: -0.06em; background: url(/resources/images/event/2023/event231218/quiz_tit.png)no-repeat left center; }
.evtCont2 .inner .box.video .quiz .flex_box {display: flex; justify-content: space-between; }
.evtCont2 .inner .box.video .quiz .flex_box .flex_left {padding-left: 60px;}
.evtCont2 .inner .box.video .quiz .flex_box .flex_left ul {margin-top: 11px;}
.evtCont2 .inner .box.video .quiz .flex_box .flex_left ul li {margin-top: 11px;}
.evtCont2 .inner .box.video .quiz .flex_box .flex_left ul li:first-child {margin-top: 0;}
.evtCont2 .inner .box.video .quiz .flex_box .flex_left ul li input[type=radio] {display: none;}
.evtCont2 .inner .box.video .quiz .flex_box .flex_left ul li input[type=radio] + label {display: inline-block; position: relative; padding-left: 28px; font-family: 'AppleSDGothicNeoEB'; font-size: 18px;  line-height: 21px; letter-spacing: -0.025em;}
.evtCont2 .inner .box.video .quiz .flex_box .flex_left ul li input[type=radio] + label:after {content: ""; display: inline-block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 21px; height: 21px; background: url(/resources/images/event/2023/event231218/ico_check.png)no-repeat center bottom; }
.evtCont2 .inner .box.video .quiz .flex_box .flex_left ul li input[type=radio]:checked + label:after {background-position: center top;}
.evtCont2 .inner .box.video .quiz .flex_box .flex_left .quiz_noti { display: inline-block; margin-top: 15px; font-family: 'AppleSDGothicNeoEB'; font-size: 16px; color: #1f7f64; letter-spacing: -0.025em; }
.evtCont2 .inner .box.video .quiz .flex_box .flex_left .quiz_noti em {font: inherit; color: #e5303d; letter-spacing: -0.025em;}
.evtCont2 .inner .box.video .quiz .flex_box .flex_right {display: flex; flex-direction: column-reverse;}

.evtFooterWrap {background: #0e362e;}
.evtFooterWrap .inner {display: flex; gap: 27px; width:1080px; padding: 65px 0 52px 73px;}
.evtFooterWrap .inner strong {font-size: 24px; font-weight: 600; color: #7fedce; letter-spacing: -0.06em;}
.evtFooterWrap .inner ul li {position: relative; padding-left: 12px; font-size: 15px; font-weight: 400; color: #cfcfd3; line-height: 1.6; letter-spacing: -0.025em; }
.evtFooterWrap .inner ul li:after {content: ""; display: inline-block; position: absolute; left: 0; top: 11px; width: 3px; height: 3px; background: #fff; border-radius: 50%; }


#eventPopWrap {width: 603px;}
.popTblWrap .thTit .point_o {font-size: 12px;}
.applyTextarea .textareaWrap textarea {height: 132px;}
#eventPopWrap .eventPop.pop_type02 .popTblWrap table .remaining_wrap td {padding: 9px 35px 15px; border-bottom: 1px solid #e1e1e1; }
#eventPopWrap .eventPop.pop_type02 .popTblWrap table .remaining_wrap td p {font-size: 13px; font-weight: 300; color: #888888; letter-spacing: -0.04em;}
#eventPopWrap .eventPop.pop_type02 .popTblWrap table .remaining_wrap textarea { box-sizing: border-box; width: 100%; height: 157px; padding:15px 20px; margin-top: 7px; border:1px solid #9f9f9f;color: #393d49;font:14px 'Noto Sans Korean','AppleSDGothic Neo-Regular','Malgun Gothic', '맑은 고딕', 'dotum', '돋움', sans-serif; border-radius:5px;}
#eventPopWrap .eventPop.pop_type02 .popTblWrap table .remaining_wrap textarea::placeholder {color: #b1b2ba;}
#eventPopWrap .eventPop.pop_type02 .popTblWrap table .remaining_wrap .remaining {margin: 3px 0 0; font-size:14px; color:#393d49; text-align:right; font-weight:400;}
#eventPopWrap .eventPop.pop_type02 .popTblWrap table .remaining_wrap .remaining span {color: #393d49;}
#eventPopWrap .eventPop.pop_type02 .popTblWrap table .count_wrap {float: right;}
#eventPopWrap .eventPop.pop_type02 .popTblWrap table .count_wrap #maxLength {font-size: 12px; font-weight: 300; color: #888888; letter-spacing: -0.04em;}
#eventPopWrap .eventPop.pop_type02 .popTblWrap table .count_wrap .count {font-size: 12px; font-weight: 300; color: #888888; letter-spacing: -0.04em;}