@charset "utf-8";

/* EVENT 388 */
.eventWrap .inner{width:1080px;}

/* evtTitWrap*/
.eventWrap {background:url(/resources/images/event/2022/event220831/bg.png) top center no-repeat #ffcbbd;background-size:cover; text-align:center;}
.eventWrap.evtFullType .evtTitWrap .logo{padding:40px 15px 0;}
/*.evtTitWrap{position:relative; height:882px; text-align:center;z-index:1;}*/
.evtTitWrap .inner{ height:100%; padding-top:72px; padding-bottom:33px;}
.evtTitWrap h2{position:relative;text-align:center;}
.evtTitWrap .con{display:block;position:absolute;right:0;top:95px;}
.evtTitWrap .evtNoti{margin-top:37px;}
.evtTitWrap .evtBg{ width:891px; height:357px; margin:39px auto 0; background:url(/resources/images/event/2022/event220831/bg2.png) bottom center no-repeat; z-index:99;}
.evtNoti .evtPeriod{text-align: center; margin:35px auto 0;}
.evtNoti .evtPeriod li+li{margin-top:7px;}
.evtNoti .evtPeriod .tit,
.evtNoti .evtPeriod .txt{display:inline-block;vertical-align:middle;letter-spacing:-0.025em;}
.evtNoti .evtPeriod .tit{width:120px; height:36px; margin-right:11px; border-radius:18px; background:#ff783b; font-size:18px;font-weight:600;color:#fff;line-height:36px; text-align: center;}
.evtNoti .evtPeriod .txt{width:309px; height:36px; background: url(/resources/images/event/2022/event220211/txt2.png) no-repeat left center;}


/* evtCont */
.evtContsWrap .inner{width:1050px;}
.evtContsWrap .evtCont{position:relative;padding:60px 53px 62px; border-radius: 40px;}
.evtContsWrap .evtCont.firstCont{margin-bottom:15px; background:url(/resources/images/event/2022/event220831/evt1Bg.png) no-repeat center;}
.evtContsWrap .evtCont.secondCont{padding:37px 53px 100px;margin-bottom:30px; background:url(/resources/images/event/2022/event220831/evt2Bg.png) no-repeat center;}
.evtContsWrap .evtinfo{position:relative; margin-top:27px; z-index:99;}
.evtContsWrap .evtCont .evtinfo ul {display:flex; justify-content:space-between; flex-wrap:wrap; padding:40px 40px 25px; border:1px solid #c5c5c5; border-radius:25px; background-color:#f9f9f9;}
.evtContsWrap .evtCont.firstCont .evt_give{margin-top:20px;}
.evtContsWrap .evtCont.firstCont .evtinfo ul li{position:relative; width:calc(50% - 5px); height:161px; margin-bottom:14px;}
.evtContsWrap .evtCont.firstCont .evtinfo ul li p{font-size:20px; color:#2f2f2f; font-weight:500; letter-spacing: -0.04em; line-height:1;}
.evtContsWrap .evtCont.firstCont .evtinfo ul li span{font-size:15px; color:#898989; line-height:22px; letter-spacing: -0.05em;}
.evtContsWrap .evtCont.secondCont .evtinfo ul {padding:38px 38px 30px;}
.evtContsWrap .evtCont.secondCont .evtinfo ul li {position:relative; width:calc(25% - 8px); height:303px;}
.evtContsWrap .evtCont.secondCont .evtinfo ul li .list_check {width:100%; height:268px; padding-right:6px; border:1px solid #ded5bc; box-shadow: 2px 0 1px #e3e3e3; background:#fff;}

.evtContsWrap .evtFormWrap .evtFromItem .agreeForm{margin-top:40px; text-align: center;}
.evtContsWrap .evtFormWrap .evtFromItem .agreeForm input[type="checkbox"] + label{padding-left:35px; cursor: pointer; width:514px; height:25px; background: url(/resources/images/event/2022/event220211/txt5.png) no-repeat left 35px center;}
.evtContsWrap .evtFormWrap .evtFromItem .agreeForm input[type="checkbox"] + label:before{content:'';position:absolute; left:0; top:0; margin-top:0; width:25px; height:25px; background:url(/resources/images/event/2022/event220211/check.png) no-repeat center bottom;}
.evtContsWrap .evtFormWrap .evtFromItem .agreeForm input[type="checkbox"]:checked + label:before{background-position:center top;}
.evtContsWrap .evtFormWrap .evtFromItem input[type="text"]{display:block; width:622px;height:70px; margin:20px auto 0;padding:14px 19px;border:4px solid #b9b9b9;border-radius:12px;font-size:24px;color:#000;line-height:62;font-weight:600; background: #f1f1f1; text-align: center;}
.evtContsWrap .evtFormWrap .evtFromItem input[type="text"]::placeholder{font-size:20px;color:#b9b9b9; font-weight:500;}
.evtContsWrap .evtFormWrap .evtFromItem input[type="text"].active{border-color:#fbc54d; background:#fff6b4;}
.evtContsWrap .commentWrap{position:relative; margin-top: 40px; padding:0 39px;}
.evtContsWrap .commentWrap .evtList{overflow:hidden;}
/*.evtContsWrap .commentWrap .evtList .listItem{float:left; margin-right: 12px; width: 230px; height:105px; padding:30px 10px 25px; background: url(/resources/images/event/2022/event220211/cmt_bg.png) no-repeat center center; text-align: center;}*/
/*.evtContsWrap .commentWrap .evtList .listItem:nth-child(2),.evtContsWrap .commentWrap .evtList .listItem:nth-child(5){margin-top:20px;}*/
/* .evtContsWrap .commentWrap .evtList .listItem:nth-child(3)~.listItem{margin-top:12px;} */
/*.evtContsWrap .commentWrap .evtList .listItem:nth-child(3n){margin-right:0;}*/
/*.evtContsWrap .commentWrap .evtList .listItem .user{display:block; font-size:14px; color:#141313; line-height:1;}*/
/*.evtContsWrap .commentWrap .evtList .listItem p{margin-top:15px; font-size:18px; color:#ff783b; letter-spacing: -0.025em; font-weight:500; line-height:1;}*/
.evtContsWrap .commentWrap .arr{position:absolute; width:20px; height:32px;}
.evtContsWrap .commentWrap .arr.left{left:0; background:url(/resources/images/event/2022/event220211/arr_left.png) no-repeat left center;}
.evtContsWrap .commentWrap .arr.right{right:0; background:url(/resources/images/event/2022/event220211/arr_right.png) no-repeat left center;}

/* evtCot2 */
.evtContsWrap .evtCont.ty2{margin-top:20px;}
.evtContsWrap .evtCont.ty2 .txt{margin-top:20px; font-size:20px; color:#3c3c3c; font-weight:400; letter-spacing: -0.025em; text-align: center;}
.evtContsWrap .evtCont.ty2 .txt span{font:inherit; color:#f36c6b;}
.evtContsWrap .evtCont.ty2 .evtinfo {margin-top:20px;}
.evtContsWrap .evtCont.ty2 .evtinfo ul {padding:0 70px;}
.evtContsWrap .evtCont.ty2 .evtinfo ul li{width:259px; height:259px; padding:0; background:none;}
.evtContsWrap .evtCont.ty2 .evtinfo ul li .evtIco{height:83px; background:url(/resources/images/event/2022/event220211/ico.png) no-repeat center center;}
.evtContsWrap .evtCont.ty2 .evtinfo ul li:nth-child(2) .evtIco{background:url(/resources/images/event/2022/event220211/ico2.png) no-repeat center center;}
.evtContsWrap .evtCont.ty2 .evtinfo ul li:nth-child(3) .evtIco{background:url(/resources/images/event/2022/event220211/ico3.png) no-repeat center center;}
.evtContsWrap .evtCont.ty2 .evtinfo ul li:nth-child(4) .evtIco{background:url(/resources/images/event/2022/event220211/ico4.png) no-repeat left 44px center;}
.evtContsWrap .evtCont.ty2 .evtinfo ul li p{margin-top:22px; font-size:16px; color:#393939; font-weight:400; letter-spacing: -0.04em; line-height:24px;}
.evtContsWrap .evtCont.ty2 .agreeForm{width:390px; height:90px; padding:29px 40px; margin:40px auto 0; border:4px solid #b9b9b9; border-radius:25px; background:#f1f1f1;}
.evtContsWrap .evtCont.ty2 .agreeForm.active{border-color:#fbc54d; background:#fff6b4;}
.evtContsWrap .evtCont.ty2 .evtFormWrap .evtFromItem .agreeForm input[type="checkbox"] + label{background:none; text-align: left; font-size:22px; color:#2f2f2f; font-weight:600; line-height: 25px;}


/* paging */
.pagingWrap{margin-top:36px; text-align:center;}
.pagingWrap > button{display:inline-block;width:30px;height:30px;font-size:16px;font-weight:500;color:#171d2e;text-align:center;vertical-align:top;line-height:30px;}
.pagingWrap > button + button{margin-left:8px;}
.pagingWrap .on{background:#69c0e0;font-weight:500;color:#fd2a00;}
.pagingWrap [class^="btnPage"]{background-position:50% 50%;background-repeat:no-repeat;background-color:transparent; border:none;}
.pagingWrap .btnPageFirst,
.pagingWrap .btnPageLast{background-image:url(/resources/images/event/2022/event220831/ico_page01.png);}
.pagingWrap .btnPagePrev,
.pagingWrap .btnPageNext{background-image:url(/resources/images/event/2022/event220831/ico_page02.png);}
.pagingWrap .btnPageNext,
.pagingWrap .btnPageLast{transform:rotate(180deg);}

.evtContsWrap .btnWrap{margin-top:30px;}
.evtContsWrap .evtCont.ty2 .btnWrap {margin-top:20px; margin-bottom:50px;}
.evtfooter{ width:1050px; margin: 0 auto; padding:60px 0 80px; margin-top:60px; text-align:left; border-top:1px solid #e0ded6;}
.evtfooter .inner{display:flex; padding-left:170px;}
.evtfooter strong{margin-right:24px; font-size:20px; color:#745656; font-weight:600; line-height:28px; letter-spacing:-0.04em; }
.evtfooter .evtInfoList li{font-size:16px;color:#2f2f2f; line-height:28px; padding-left: 19px; text-indent: -19px; font-weight:400; letter-spacing:-0.04em;}
.evtfooter p{margin-top:15px; height:33px; font-size:15px; color:#2f2f2f; line-height:33px; background:#d6bc78; border-radius: 17px; letter-spacing: -0.04em; text-align: center;}

/* eventPopWrap */

#eventPopWrap .popTblWrap table td.txt{color:#393d49; font-weight:400;}
#eventPopWrap .eventPop .formMulti .txt{display:inline-block; line-height:32px; color: #393d49; font-weight:400;}
#eventPopWrap .eventPop td span{display:inline-block; margin-left:3px; line-height:32px; vertical-align: top;}
.popTblWrap .select2-container .select2-selection--single, .popTblWrap .select2-container--default .select2-selection--single .select2-selection__rendered, .popTblWrap .select2-results__option{line-height:30px;}

/*220718 한여름 밤의 꿈*/
#eventPopWrap .eventPop .titWrap .tit span {font-size:22px; color:#ff1946; font-weight:600;}
#eventPopWrap.evtPop2 .eventPop .titWrap .tit span {font-size:22px; color:#2f5993; font-weight:600;}

.evtContsWrap .evtinfo ul li .list_check input[type="radio"] {display:none;}
.evtContsWrap .firstCont .evtinfo ul li .list_check input[type="radio"] + label {display:inline-block; width:100%; height:123px;}
.evtContsWrap .firstCont .evtinfo ul li .list_check input[type="radio"]#title1 + label {background:url(/resources/images/event/2022/event220831/evt1List1.png) no-repeat center center;}
.evtContsWrap .firstCont .evtinfo ul li .list_check input[type="radio"]#title1:checked + label {background:url(/resources/images/event/2022/event220831/evt1List1_on.png) no-repeat center center;}
.evtContsWrap .firstCont .evtinfo ul li .list_check input[type="radio"]#title2 + label {background:url(/resources/images/event/2022/event220831/evt1List2.png) no-repeat center center;}
.evtContsWrap .firstCont .evtinfo ul li .list_check input[type="radio"]#title2:checked + label {background:url(/resources/images/event/2022/event220831/evt1List2_on.png) no-repeat center center;}
.evtContsWrap .firstCont .evtinfo ul li .list_check input[type="radio"]#title3 + label {background:url(/resources/images/event/2022/event220831/evt1List3.png) no-repeat center center;}
.evtContsWrap .firstCont .evtinfo ul li .list_check input[type="radio"]#title3:checked + label {background:url(/resources/images/event/2022/event220831/evt1List3_on.png) no-repeat center center;}
.evtContsWrap .firstCont .evtinfo ul li .list_check input[type="radio"]#title4 + label {background:url(/resources/images/event/2022/event220831/evt1List4.png) no-repeat center center;}
.evtContsWrap .firstCont .evtinfo ul li .list_check input[type="radio"]#title4:checked + label {background:url(/resources/images/event/2022/event220831/evt1List4_on.png) no-repeat center center;}

.evtContsWrap .evtCont.secondCont .evtinfo ul li .list_check input[type="radio"] + label {display:inline-block; width:100%; height:100%; box-shadow:3px 0 1px #e7e7e7;}
.evtContsWrap .evtCont.secondCont .evtinfo ul li .list_check input[type="radio"]#cover1 + label {background:url(/resources/images/event/2022/event220831/evt2List1.png) no-repeat center center;}
.evtContsWrap .evtCont.secondCont .evtinfo ul li .list_check input[type="radio"]#cover1:checked + label {outline: 3px solid #f0ab3f !important;}
.evtContsWrap .evtCont.secondCont .evtinfo ul li .list_check input[type="radio"]#cover2 + label {background:url(/resources/images/event/2022/event220831/evt2List2.png) no-repeat center center;}
.evtContsWrap .evtCont.secondCont .evtinfo ul li .list_check input[type="radio"]#cover2:checked + label {outline:3px solid #0f784f !important;}
.evtContsWrap .evtCont.secondCont .evtinfo ul li .list_check input[type="radio"]#cover3 + label {background:url(/resources/images/event/2022/event220831/evt2List3.png) no-repeat center center;}
.evtContsWrap .evtCont.secondCont .evtinfo ul li .list_check input[type="radio"]#cover3:checked + label {outline:3px solid #0db18c !important;}
.evtContsWrap .evtCont.secondCont .evtinfo ul li .list_check input[type="radio"]#cover4 + label {background:url(/resources/images/event/2022/event220831/evt2List4.png) no-repeat center center;}
.evtContsWrap .evtCont.secondCont .evtinfo ul li .list_check input[type="radio"]#cover4:checked + label {outline: 3px solid #0080e2 !important;}

.evtContsWrap .evtinfo ul li .list_check input[type="radio"]+label:before {content:""; display:block; position:absolute; left:50%; transform:translateX(-50%); width:26px; height:26px; background:url(/resources/images/event/2022/event220831/evtChk.png)no-repeat center bottom; background-size:100% auto;}
.evtContsWrap .firstCont .evtinfo ul li .list_check input[type="radio"]+label:before { top:134px; }
.evtContsWrap .secondCont .evtinfo ul li .list_check input[type="radio"]+label:before { bottom:0; }
.evtContsWrap .evtinfo ul li .list_check input[type="radio"]:checked+label:before {background-position:center top;}
.evtContsWrap .firstCont .evtinfo ul li .count p{display:inline-block; padding-top:60px; font-size:26px; font-weight:600;color:#fff; color:#ff4e60;}
.evtContsWrap .firstCont .evtinfo ul li .list_check input[type="radio"]:checked + label .count p {color:#fff;}

.evtContsWrap .evtinfo ul li .count span {display:inline-block; position:relative; top:-1px; padding-left:7px; font-size:21px; font-weight:500; color:#3f3636;}
.evtContsWrap .evtCont.ty2 .evtFormWrap .evtFromItem {margin-top:40px; position:relative;}
.evtContsWrap .evtCont.ty2 .evtFromItem textarea {display:block; width:100%; height:160px; border:2px solid #b9b9b9; padding:25px; color:#3f3636; font-size:16px; font-weight:400; border-radius:10px; outline:none;}
.evtContsWrap .evtCont.ty2 .evtFromItem textarea::placeholder {color:#b9b9b9;}
.evtContsWrap .evtCont.ty2 .evtFormWrap .evtFromItem .txt_count {position:absolute; right:18px; bottom:18px;}
.evtContsWrap .evtCont.ty2 .evtFormWrap .evtFromItem .txt_count span {font-size:14px;}
.evtContsWrap .evtCont.ty2 .evtFormWrap .evtFromItem .txt_count .currentCount {font-size:14px; color:#414141; font-weight:600;}

.evtContsWrap .evtCont.ty2 {padding:105px 0px 0px;}
.evtContsWrap .evtCont.ty2 .evt_give {margin-top:35px;}
.evtContsWrap .evtCont.ty2 .cont_inner {padding:0 83px;}
.evtContsWrap .evtCont.ty2 .cont_inner2 {padding:50px 88px 43px; background-color:#f0f6f5; border-radius:0 0 50px 50px;}
.evtContsWrap .evtCont.ty2 .cont_inner2 .commentWrap .evtList {display:flex;  position:relative; z-index:98;}
.evtContsWrap .evtCont.ty2 .cont_inner2 .commentWrap .listItem {width:206px; height:301px; padding:20px 10px 25px 23px; margin-right:10px; border:1px solid #00c1f7; border-radius:25px;background-color:#fff;}
.evtContsWrap .evtCont.ty2 .cont_inner2 .commentWrap .listItem:last-child {margin-right:0;}
.evtContsWrap .evtCont.ty2 .cont_inner2 .commentWrap .listItem .comment_inner{height:100%; padding-right:5px; overflow-x:hidden; overflow-y:auto; text-align:left;}
.evtContsWrap .evtCont.ty2 .cont_inner2 .commentWrap .listItem .comment_inner .teacher_id {display:inline-block;  padding-bottom:20px; line-height:1; font-size:15px; color:#3c94d9; font-weight:400; text-align:left;}
.evtContsWrap .evtCont.ty2 .cont_inner2 .commentWrap .listItem .comment_inner p {color:#3f3636; font-size:14px; font-weight:400;}
.eventPaging_arrow {display:flex; justify-content:space-between; width:100%; position:absolute; left:0; top:140px;}

.write_table tr th, .write_table tr td {display:block; width:100%; padding:5px 38px 10px; }
.write_table tr th {padding-bottom:0; border-bottom:0; }
#eventPopWrap .eventPop .write_table tr th {border-bottom:0;}
#eventPopWrap .eventPop .write_table tr th .cnt {margin-top:3px; color:#abadb5; font-weight:300; font-size:12px; float:right;}
#eventPopWrap .eventPop .write_table tr th .cnt em {color:#606677; font-weight:300; font-size:12px;}
 #eventPopWrap .eventPop .write_table tr td span {display:block; width:100%; margin-left:0; line-height:1; margin-left:0;}
.popTblWrap .write_table tr td span textarea {display:inline-block; width:100%; height:114px; padding:12px 15px; color:#b1b2ba; font-weight:300; border-radius:5px; border:1px solid #dfdfdf;}
.popTblWrap .write_table tr td span textarea::placeholder {color:#b1b2ba;}

.publicEvtFooter_wrap{width:100%; padding:30px 0;background:#6d6d6d; }
.publicEvtFooter_wrap .publicEvtFooter {display:flex; width:1100px; padding-left:150px; margin:0 auto; }.publicEvtFooter_wrap .publicEvtFooter h2 {margin-right:45px;}
.publicEvtFooter_wrap .publicEvtFooter .info {text-align:left;}
.publicEvtFooter_wrap .publicEvtFooter .info ul {display:flex; margin-bottom:12px;}
.publicEvtFooter_wrap .publicEvtFooter .info ul li {position:relative; padding-right:10px; padding-left:10px; }
.publicEvtFooter_wrap .publicEvtFooter .info ul li:first-child {padding-left:0;}
.publicEvtFooter_wrap .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 .publicEvtFooter .info ul li:last-child:after {display:none;}
.publicEvtFooter_wrap .publicEvtFooter .info ul li a {font-size:14px; color:#fff; font-weight:500;}
.publicEvtFooter_wrap .publicEvtFooter .info span { position:relative; padding:0 6px; color:#aeaaaa; font-size:12px;}
.publicEvtFooter_wrap .publicEvtFooter .info span:nth-child(2) {padding-left:0;}
.publicEvtFooter_wrap .publicEvtFooter .info span:nth-child(2):after {display:none;}
.publicEvtFooter_wrap .publicEvtFooter .info span:nth-child(6):after {display:none;}
.publicEvtFooter_wrap .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 .publicEvtFooter .info span a {color:#aeaaaa; font-size:12px;}
.publicEvtFooter_wrap .publicEvtFooter .info p {font-size:12px;  color:#aeaaaa;}

.evtTop {display:flex; justify-content:space-between; text-align:left;}
.evtTop .evt1Tit span, .evtTop .evt1Tit p { display:block; margin-bottom:30px;}
.evtTop .evt2Tit span { display:block; margin-bottom:30px;}
.evtTop .evt2Tit {margin-top:30px}
.evtComment2 {width:100%; padding:17px 29px 30px; margin-top:10px; text-align:right; border:1px solid #cacaca; border-radius:25px; background-color:#f9f9f9;}
.evtComment2 textarea {width:100%; min-height:113px; padding:20px 17px; font-size:14px; font-weight:300; color:#787878;border:1px solid #ef6c3e; border-radius:3px;}
.evtComment2 .count {color:#a7a7a7;}
.evtComment2 .currentCount {color:#002b37;}
.btnApply {border-radius:25px; box-shadow:3px 6px 1px rgba(88,79,64,0.11);}

/*큌메뉴*/
.quickNav{position:fixed;top:178px;right:45px; width:147px; border-radius:20px; border:2px solid #423e52; z-index:999;}
.quickNav a{text-decoration:none;position:relative;display:block;font-family:'Noto Sans Korean', sans-serif;font-size:18px;font-weight:400;color:#423e52;}
.quickNav .quickLink{position:relative;}
.quickNav .quickLink:after{content:'';position:absolute;top:8px;left:7px;display:inline-block;width:100%;height:100%;background:rgba(79, 79, 79, 1); border-radius:20px; z-index:-1;}
.quickNav .quickLink li{display:flex; align-items:center; width:100%; position:relative;background:#fff;}
.quickNav .quickLink li a{width:100%; padding:22px 17px;letter-spacing:-1px; text-align:left;}

.quickNav .quickLink li:nth-child(1) {background-color:#ff8549; border-radius:20px 20px 0 0}
.quickNav .quickLink li:nth-child(3) {border-radius:0 0 20px 20px; border-top:1px solid #dadcc9;}
.quickNav .quickLink li:nth-child(2) {border-top:2px solid #423e52;}

.quickNav .quickLink .link_evt.on a:before {content:'';position:absolute; top:50%; left:0px; display:inline-block;width:20px;height:20px;border-top:2px solid #423e52;border-left:2px solid #423e52;transform:rotate(-45deg) translateY(-50%); background-color:#fdffe8;}
.quickNav .quickLink .link_evt.on {background-color:#fdffe8;}

.quickNav .quickLink .link_evt.focus a:before {content:'';position:absolute; top:50%; left:0px; display:inline-block;width:20px;height:20px;border-top:2px solid #423e52;border-left:2px solid #423e52;transform:rotate(-45deg) translateY(-50%); background-color:#fdffe8;}
.quickNav .quickLink .link_evt.focus {background-color:#fdffe8;}

.quickNav .quickLink li + li{border-top:0;}