@charset "utf-8";

/* EVENT 449 */
.eventWrap .inner{width:1200px; position:relative; height: 100%; padding: 0px 187px 0px 186px;}
.eventWrap [class*="cont_flex"] {display: flex; align-items: center;}
.eventWrap.evtFullType .evtTitWrap .logo {top: 13px; padding-right: 70px; padding-bottom: 10px;}
.eventWrap.evtFullType .evtTitWrap .logo.logo_r .logoVisang {right: 162px;}
.eventWrap.evtFullType .evtTitWrap .logo.logo_r .logoVisang img {width:auto; height: auto;}
/* evtTitWrap*/
.evtTitWrap .evtTit01{ width: 100%; height:1156px; background:url(/resources/images/event/2023/event230512/evtCont1.png)no-repeat center #ffd454; background-size: auto 100%;}
.evtTitWrap .evtTit01 .evtinfoText {position: absolute; top: calc(50% - 51px); left: 50%; font-weight: bold; font-size: 18px; transform: translate(-50%, 0);}
.evtTitWrap .evtTit02 {background-color: #5e52cb;}
.evtTitWrap .evtTit02 .inner {padding-top: 17px; padding-bottom: 17px;}
.evtTitWrap .evtTit02 h3 {background: url(/resources/images/event/2023/event230512/point_txt.png) center no-repeat; width: 103px; height: 54px; background-size: auto 100%;}
.evtTitWrap .evtTit02 ul {margin-left: auto;}
.evtTitWrap .evtTit02 ul li {margin-right: 10px;}
.evtTitWrap .evtTit02 ul li:last-child {margin-right: 0;}
.evtTitWrap .evtTit02 ul li:last-child:before {content: ""; width: 1px; height: 80px; border-left: 1px solid rgba(25,23,72,.54); display: inline-block; vertical-align: middle; margin-right: 30px; margin-left: 30px;}
.evtTitWrap .evtTit02 [class^="btnCont"] {display: block; width: 197px; height: 90px; background:url(/resources/images/event/2023/event230512/btn_sns.png)no-repeat center; background-size: auto 100%; border-radius: 10px;}
.evtTitWrap .evtTit02 .btnCont01 {background-image: url("/resources/images/event/2023/event230512/btn_sns.png");}
.evtTitWrap .evtTit02 .btnCont02 {background-image: url("/resources/images/event/2023/event230512/btn_share.png");}
.evtTitWrap .evtTit02 .btnCont03 {background-image: url("/resources/images/event/2023/event230512/btn_code.png"); width: 187px; box-shadow: 3px 3px 13px -2px #555;}
.evtTitWrap .evtTit02 .btnCont04 {background-image: url("/resources/images/event/2023/event230512/btn_regi.png"); width: 224px; display: inline-block; vertical-align: middle; box-shadow: 3px 3px 13px -2px #555;}
/*.evtTitWrap .evtTit02 ul li::before {content: ""; height: 10px; width: 1px; border-left: 1px solid rgba(25,23,72,.54); display: inline-block;}*/

/* evtCont */
.evtContsWrap {width: 100%;}
.evtContsWrap .evtCont{position:relative;}
.evtContsWrap .evtCont .giftHeader {background-color: #f1f1f1; padding-top:33px; padding-bottom:34px; border-bottom: 2px solid #e8e8e9;}
.evtContsWrap .evtCont .giftHeader p {color: #333; font-size: 15px; font-weight: bold;}
.evtContsWrap .evtCont .giftHeader p a {color: #333; font-size: 15px; font-weight: bold; text-decoration-line: underline;}
.evtContsWrap .evtCont .giftHeader .btnInfo02 {background:url("/resources/images/event/2023/event230512/btn_info.png") no-repeat center; width: 144px; height: 34px; background-size: auto 100%; margin-left: auto;}
/*.evtContsWrap .evtCont .giftHeader .myPoint {display: none;}*/
.evtContsWrap .evtCont .giftHeader .myPoint li {font-weight: bold; font-size: 21px; display: inline-flex; align-items: center;}
.evtContsWrap .evtCont .giftHeader .myPoint li strong {font-size: 35px; font-weight: 900; display: inline-block; vertical-align: middle; margin-right: 6px;}
.evtContsWrap .evtCont .giftHeader .myPoint li:first-child {margin-right: 20px;}
.evtContsWrap .evtCont .giftHeader .myPoint li:nth-child(2):after {content: ""; display: inline-flex; background: url("/resources/images/event/2023/event230512/point.png") no-repeat; width: 56px; height: 56px; align-items: center; background-size: auto 100%;}
.evtContsWrap .evtCont .giftHeader .myPoint li:nth-child(3):before {content: ""; display: inline-flex; align-items: center; width: 1px; height: 35px; border-left: 1px solid #b3b3b9; margin-left: 15px; margin-right:15px;}
.evtContsWrap .evtCont .giftHeader .btnInfo03 {margin-left:10px;}
.evtContsWrap .evtCont .giftHeader .btnInfo03 span {position:relative; display:inline-block;  color: #333; font-size: 10px; padding: 1px 15px 2px 5px; font-weight: normal; border: 1px solid #000;}
.evtContsWrap .evtCont .giftHeader .btnInfo03 span:before, .evtContsWrap .evtCont .giftHeader .btnInfo03 span:after{content: ""; color: #000; border-top: 1px solid #000; position: absolute; width: 5px;}
.evtContsWrap .evtCont .giftHeader .btnInfo03 span:before{right: 5px; transform: rotate(45deg) translate(-0.9px, 0); top: 8px;}
.evtContsWrap .evtCont .giftHeader .btnInfo03 span:after{right: 5px; transform: rotate(-45deg) translate(-0.9px, 0); bottom: 7px; }
.evtContsWrap .evtCont .giftCont [class^="gift_box"] {border-bottom: 1px solid #d3d3d3; padding-bottom: 40px; padding-top: 40px; align-items: normal;}
.evtContsWrap .evtCont .giftCont [class^="gift_box"] .gift_tit{background: url("/resources/images/event/2023/event230512/point_count01.png") no-repeat; width: 95px; height: 40px; background-size: auto 100%;}
.evtContsWrap .evtCont .giftCont .gift_box01 .gift_tit {background-image: url("/resources/images/event/2023/event230512/point_count01.png");}
.evtContsWrap .evtCont .giftCont .gift_box02 .gift_tit {background-image: url("/resources/images/event/2023/event230512/point_count02.png"); width: 102px;}
.evtContsWrap .evtCont .giftCont .gift_box03 .gift_tit {background-image: url("/resources/images/event/2023/event230512/point_count03.png");}
.evtContsWrap .evtCont .giftCont .gift_box04 .gift_tit {background-image: url("/resources/images/event/2023/event230512/point_count04.png"); width: 119px;}
.evtContsWrap .evtCont .giftCont .gift_box05 .gift_tit {background-image: url("/resources/images/event/2023/event230512/point_count05.png");width: 124px;}
.evtContsWrap .evtCont .giftCont .gift_box06 .gift_tit {background-image: url("/resources/images/event/2023/event230512/point_count06.png");width:126px;}
.evtContsWrap .evtCont .giftCont .gift_box07 .gift_tit {background-image: url("/resources/images/event/2023/event230512/point_count07.png"); width: 126px;}

.evtContsWrap .evtCont .giftCont .gift_tit {flex-basis: 199px; flex-shrink: 0; margin-right: 8px;}
.evtContsWrap .evtCont .giftCont .gift_list ul {flex-wrap: wrap; justify-content: space-between;}
.evtContsWrap .evtCont .giftCont .gift_list ul li {text-align: center; margin-right:20px; margin-bottom: 20px; width: calc(100% / 4 - 15px);}
.evtContsWrap .evtCont .giftCont .gift_list ul li:nth-of-type(4n) {margin-right: 0;}
.evtContsWrap .evtCont .giftCont .gift_list ul li:nth-of-type(n+5) {margin-bottom: 0;}
.evtContsWrap .evtCont .giftCont .gift_list ul li img {background-color: #ededed; border-radius: 10px;}
.evtContsWrap .evtCont .giftCont .gift_list ul li img.on {background-color: #ffdc50;}
.evtContsWrap .evtCont .giftCont .gift_list ul li figcaption {white-space: pre-line; margin-top: 10px; margin-bottom: 5px; font-weight: bold; letter-spacing: -1.5px; line-height: 1.3; min-height: 37px;}
.evtContsWrap .evtCont .giftCont .gift_list .countBtn {width: 25px; height: 25px; border-radius: 100%; border: 1px solid #333; margin-top:5px;}
.evtContsWrap .evtCont .giftCont .gift_list .countBtn:before{content: "+"; display: inline-block; font-size: 20px; font-weight: bold; vertical-align: middle; margin-top: -4px; color: #333;}
.evtContsWrap .evtCont .giftCont .gift_list .countBtn.minus:before {content: "-"; margin-top: -3px;}
.evtContsWrap .evtCont .giftCont .gift_list .giftNum {background-color: #fff; font-size: 20px; font-weight: bold; text-align: center; width: 90px; color: #333;}
.evtContsWrap .evtCont .btnWrap {padding: 40px 0 56px 0;}
.evtContsWrap .evtCont .btnWrap .btnApply{ display: inline-block; width: 367px; height: 90px; background:url(/resources/images/event/2023/event230512/btn_apply.png)no-repeat center; background-size: auto 100%;}
.evtContsWrap .evtCont [class^='point_box'] strong, .evtContsWrap .evtCont [class^='point_box'] span {font-size: 50px; font-weight: 900; color: #333; display: inline-block; line-height: 1; text-align: center;}
.evtContsWrap .evtCont [class^='point_box'] strong {border: 2px solid #333;}
.evtContsWrap .evtCont [class^='point_box'] span {border-right: 2px solid #ddd; border-left: 2px solid #ddd; padding: 0 10px;}
.evtContsWrap .evtCont [class^='point_box'] span:first-child {border-left: 0;}
.evtContsWrap .evtCont [class^='point_box'] span:last-child {border-right: 0;}
.evtContsWrap .evtCont [class^='point_box'] span.on{color: #fd1732;}
.evtContsWrap .evtCont [class^='point_box'] .point_box_bottom {text-align: center; margin: 0 auto; margin-top: 40px;}
.evtContsWrap .evtCont [class^='point_box'] .point_box_top {margin-left: auto;}
.evtContsWrap .evtCont [class^='point_box'] .point_box_top strong, .evtContsWrap .evtCont [class^='point_box'] .point_box_top span {font-size: 40px;}
.evtContsWrap .evtCont [class*='point_box02'] {display: none;}
.evtContsWrap .evtCont [class*='point_box02'].on {display: block; margin-left: auto;}



/* evtFooterWrap*/
[class^="evtFooterWrap"] {width: 100%; background: #6f6f6f;}
[class^="evtFooterWrap"] .inner {display: flex; gap: 30px; width: 1200px; padding-left: 133px; margin: 0 auto; }
[class^="evtFooterWrap"] .inner strong { font-size: 20px; font-weight: 600; color: #fff; letter-spacing: -0.04em; white-space: nowrap;}
[class^="evtFooterWrap"] .inner li {padding-left: 20px; text-indent: -20px; font-size: 15px; font-weight: 400; color: #fff; line-height: 25px;}
[class^="evtFooterWrap"] .inner li span {font-weight: 500; color: #e05620;}
.evtFooterWrap01 {background-color: #6f6f6f;}
.evtFooterWrap02 {background-color: #4a36ff;}
.evtFooterWrap01 .inner {padding: 51px 66px 50px 73px;}
.evtFooterWrap02 .inner {padding: 51px 93px 50px 73px;}
.evtFooterWrap02 .inner li {text-indent: -7px;}
/*.evtFooterWrap .inner li:before {content: "-";display: inline-block;position: absolute;left: 0;top: 0;font-size: 14px;font-weight: 400;color: #fff;}*/

.publicEvtFooter_wrap.type02 {width:100%; padding:46px 0 80px; background:#fff; }
.publicEvtFooter_wrap.type02 .publicEvtFooter {display:flex; width:1100px; padding-left:150px; margin:0 auto; }.publicEvtFooter_wrap .publicEvtFooter h2 {margin-right:45px;}
.publicEvtFooter_wrap.type02 .publicEvtFooter .info {text-align:left;}
.publicEvtFooter_wrap.type02 .publicEvtFooter .info ul {display:flex; margin-bottom:12px;}
.publicEvtFooter_wrap.type02 .publicEvtFooter .info ul li {position:relative; padding-right:10px; padding-left:10px; }
.publicEvtFooter_wrap.type02 .publicEvtFooter .info ul li:first-child {padding-left:0;}
.publicEvtFooter_wrap.type02 .publicEvtFooter .info ul li:after {content:""; display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:12px; background-color:#8b8989; }
.publicEvtFooter_wrap.type02 .publicEvtFooter .info ul li:last-child:after {display:none;}
.publicEvtFooter_wrap.type02 .publicEvtFooter .info ul li a {font-size:14px; color:#636774; font-weight:500;}
.publicEvtFooter_wrap.type02 .publicEvtFooter .info span { position:relative; padding:0 6px; color:#636774; font-size:12px;}
.publicEvtFooter_wrap.type02 .publicEvtFooter .info span:nth-child(2) {padding-left:0;}
.publicEvtFooter_wrap.type02 .publicEvtFooter .info span:nth-child(2):after {display:none;}
.publicEvtFooter_wrap.type02 .publicEvtFooter .info span:nth-child(6):after {display:none;}
.publicEvtFooter_wrap.type02 .publicEvtFooter .info span:after {content:""; display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:9px; background-color:#aeaaaa; }
.publicEvtFooter_wrap.type02 .publicEvtFooter .info span a {color:#aeaaaa; font-size:12px;}
.publicEvtFooter_wrap.type02 .publicEvtFooter .info p {font-size:12px;  color:#aeaaaa;}

#eventPopWrap .topInfo {background: #fff;}
#eventPopWrap .topInfo p{ font-size: 14px; font-weight: 500; color : #393d49;line-height: 65px; text-align: center;}
#eventPopWrap table input[type="text"].teacherNum, #eventPopWrap table input[type="text"].notebookNum {width: 60px; margin-left: 10px;}
#eventPopWrap .eventPop.pop_type02 .popInfoWrap .btnWrap .btnPopApply {background-color: #ff8125;}
#eventPopWrap .eventPop.pop_type02 .popInfoWrap .agreeForm .chk label {letter-spacing: -1px;}

.popTblWrap table .borderB th.name {letter-spacing: -1px;}
.popInfoWrap .agreeWrap .infoTxt a {color:#01aeff;}
.popTblWrap .textareaWrap textarea {height:150px;}
.popTblWrap table td.apply_txt strong span {color: #ec863f; font-width: bold;}
.popTblWrap table td.apply_txt .commentCont , .popTblWrap table td.apply_txt .commentCont .txt {color:#888888; font-size: 12px; text-align: right;}
.popTblWrap .teacherInfo input[type="checkbox"] + label {position: relative;display: inline-block;padding: 0;font-size: 14px;font-weight: 400;color: #393d49;line-height: 2.2;}
.popTblWrap .teacherInfo input[type="checkbox"] + label:before {content: '';display: inline-block;width: 19px;height: 19px;margin: 0 8px 0 0;background: #fff;border: 1px solid #dfdfdf;border-radius: 100%;vertical-align: middle;}
.popTblWrap .teacherInfo input[type="checkbox"]:disabled + label {color: #888;}
.popTblWrap .teacherInfo input[type="checkbox"]:disabled + label:before {background: #f1f1f1;}
.popTblWrap .teacherInfo input[type="checkbox"]:checked + label:after {content: '';position: absolute;top: 11px;left: 4px;width: 13px;height: 13px;background: #ff8025;border-radius: 100%;}
.popTblWrap input[type="radio"]:checked + label:after {top: 10px;}
.popTblWrap input[type="text"]:read-only {color: #888}

div[class^=eventPop] {display: none;}

/*팝업 중앙정렬*/
#eventPopWrap.evtpop_230512 .eventPop.pop3,
#eventPopWrap.evtpop_230512 .eventPop.pop_type03.pop4,
#eventPopWrap.evtpop_230512 .eventPop.pop_type03.pop5 {position: fixed; top: 50%; left: 50%; transform:translate(-50%, -50%);}

/* popup1 선물대잔치 이벤트 폼*/
#eventPopWrap .eventPop.pop1.pop_type02 .bt_b_none {border-bottom: 0;}
#eventPopWrap .eventPop.pop1.pop_type02 .bt_t_block {border-top: 1px solid #dfdfdf;}
#eventPopWrap .eventPop.pop1.pop_type02 .topInfo p {color:#da3d33; padding-left: 34px; font-weight: normal; text-align: left;}
#eventPopWrap .eventPop.pop1.pop_type02 .user_number .bar{display: inline-block; margin-top: 5px;}
#eventPopWrap .eventPop.pop1.pop_type02 .popTblWrap .formInfoTxt02 {font-size: 12px; line-height: 1.5;}
#eventPopWrap .eventPop.pop1.pop_type02 .txtbox th{padding:  10px 0 0 34px;}
#eventPopWrap .eventPop.pop1.pop_type02 .evtTable .tr_hidden {display: none;}
#eventPopWrap .eventPop.pop1.pop_type02 .evtTable .tr_hidden.on {display: table-row;}
/* popup2 (포인트 사용 꿀팁) */
#eventPopWrap .eventPop.pop2 {width: 568px;}
#eventPopWrap .eventPop.pop2 .popInfoWrap {padding-top: 20px;}
#eventPopWrap .eventPop.pop2 .popInfoWrap p {padding-bottom: 20px; font-weight: bold;}
#eventPopWrap .eventPop.pop2 .popInfoWrap img {max-width: 100%; image-rendering: -webkit-optimize-contrast; backface-visibility: hidden; transform: translateZ(0);}
/* popup3 (초대한 선생님 팝업) */
#eventPopWrap .eventPop.pop3 .popInfoWrap {min-height: 400px;}
#eventPopWrap .eventPop.pop3 .table_box {height: 500px; overflow-y: auto;}
#eventPopWrap .eventPop.pop3 table {width: 100%; text-align: center;}
#eventPopWrap .eventPop.pop3 table th {font-weight: bold;}
#eventPopWrap .eventPop.pop3 table th, #eventPopWrap .eventPop.pop3 table td {padding:10px; font-size: 16px;}
#eventPopWrap .eventPop.pop3 table td.visit_none {height: 250px;}
#eventPopWrap .eventPop.pop3 table td.none_user, #eventPopWrap .eventPop.pop3 table td.userid {padding-right: 0;}
#eventPopWrap .eventPop.pop3 table td.none_user {padding: 0;}
#eventPopWrap .eventPop.pop3 table td.none_user span{background-color: red; color: #fff; border-radius: 11px; font-size: 10px; display: inline-block; text-align: left; padding: 1px 5px 2px;}
/* popup4 다른 스타일 팝업 */
#eventPopWrap .eventPop.pop_type03 .titWrap {background: #fff; height: auto;}
#eventPopWrap .eventPop.pop_type03 .contWrap {text-align: center;}
#eventPopWrap .eventPop.pop_type03 .contWrap strong {font-size: 24px; font-weight: bold; color: #333; line-height: 2;}
#eventPopWrap .eventPop.pop_type03 .contWrap p{color: #e1644e; font-size: 20px;}
#eventPopWrap .eventPop.pop_type03 .contWrap .popInfoWrap {padding: 40px 38px;}
#eventPopWrap .eventPop.pop_type03 .btnPopApply02, .popInfoWrap .btnWrap .btnPopApply02:before { background: #949494;}
#eventPopWrap .eventPop.pop_type03 .btnPopApply02 {margin-right: 10px;}
#eventPopWrap .eventPop.pop_type03 .log_after .btnPopApply:before {content: none}
#eventPopWrap .eventPop.pop_type03 .log_after .btnWrap {display: flex; align-items: center; justify-content: center;}
#eventPopWrap .eventPop.pop_type03 .log_after .btnPopApply {background: url("/resources/images/event/2023/event230512/log_btn.png") no-repeat center right; width: 200px; height: 70px; background-size: auto 100%;}
#eventPopWrap .eventPop.pop_type03 .log_after .btnPopApply02 {background-position: left; width: 180px; margin-left: 10px;}