@charset "utf-8";

/* EVENT 공통 */
.eventWrap .evtContainer,
.eventWrap .evtContainer > div,
.eventWrap .evtContainer .inner{position:relative;}
.eventWrap .blind{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;margin:-1px;font-size:1px;line-height:1;clip:rect(0,0,0,0);}

/* START */
.eventWrap{overflow:hidden;position:relative;width:910px;margin-top:40px;}
.eventWrap .inner{width:1024px;margin:0 auto;}
.icoEvtEnd{position:absolute;top:70px;right:84px;}
.icoEvtEnd2{position:absolute;top:212px;right:84px;}
.eventWrap.evtFullType{width:100%;min-width:1024px;margin-top:0;}
.eventWrap.evtFullType .icoEvtEnd{right:50%;transform:translateX(250%); z-index:999;}
.eventWrap.evtFullType .icoEvtEnd2{right:39.5%;transform:translateX(250%); z-index:999;}
/* logo */
.eventWrap.evtFullType .evtTitWrap .logo{overflow:hidden;position:absolute;top:35px;left:0;width:100%;padding:40px 40px 0;}
.eventWrap.evtFullType .evtTitWrap .logo .logoVisang{float:left;}
.eventWrap.evtFullType .evtTitWrap .logo.logo_r .logoVisang {float: none; position: absolute; right: 138px; top: 45px;}
 .eventWrap.evtFullType .evtTitWrap .logo.logo_r .logoVisang img {width: 74px; height: 26px;}
.eventWrap.evtFullType .evtTitWrap .logo .logoVivasam{float:right;}
 .eventWrap.evtFullType .evtTitWrap .logo.logo_fr {padding: 80px 0 0; overflow: visible;}
 .eventWrap.evtFullType .evtTitWrap .logo.logo_fr .fr_inner{ display: flex; justify-content: flex-end; position: absolute; bottom: 0; right: -20px;}
 .eventWrap.evtFullType .evtTitWrap .logo.logo_fr .fr_inner .logoVisang {display: inline-block; position: relative; top: 5px; margin-right: 20px;}

/* eventPopWrap */
#eventPopWrap{position:absolute;top:50%;left:50%;display:none;width:568px;margin:0 0 0 -284px;z-index:1000;}
#eventPopWrap.on{display:block;}
#eventPopWrap .dimed{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(66, 69, 77, 0.9);z-index:1;}
#eventPopWrap .eventPop{overflow:hidden;position:relative;background:#fff;border:2px solid #ff8025;border-radius:20px;z-index:1;box-shadow:8px 8px 5px rgba(0, 0, 0, 0.4);}
#eventPopWrap .eventPop .titWrap{position:relative;height:72px;padding:0 66px 0 38px;background:#ffe785;}
#eventPopWrap .eventPop .titWrap .tit{font-size:22px;font-weight:900;color:#ff8025;line-height:3.2;}
#eventPopWrap .eventPop .titWrap .btnEvtPopClose{position:absolute;top:26px;right:23px;display:inline-block;width:20px;height:21px;background:url(/resources/images/event/common/btn_popclose.png) 0 0 no-repeat}
/* form */
#eventPopWrap .eventPop .input,
#eventPopWrap .eventPop .rdo,
#eventPopWrap .eventPop .chk,
#eventPopWrap .eventPop .formMulti .txt{display:inline-block;}
.popTblWrap input[type="text"],
.popTblWrap input[type="number"] {width:100%;height:32px;padding:0 14px;border:1px solid #dfdfdf;border-radius:4px;}
.popTblWrap input[type="number"]::-webkit-outer-spin-button,
.popTblWrap input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}
.popTblWrap input[type="radio"],
.popTblWrap input[type="checkbox"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
.popTblWrap input[type="radio"] + label{position:relative;display:inline-block;padding:0;font-size:14px;font-weight:400;color:#393d49;line-height:2.2;}
.popTblWrap input[type="checkbox"] + label{position:relative;display:inline-block;padding:0;font-size:14px;font-weight:400;color:#393d49;line-height:1.642;}
.popTblWrap input[type="radio"] + label:before{content: '';display:inline-block;width:19px;height:19px;margin:0 8px 0 0;background:#fff;border:1px solid #adafb6;border-radius:100%;vertical-align:middle;}
.popTblWrap input[type="checkbox"] + label:before{content: '';position:relative;top:auto;left:auto;display:inline-block;width:23px;height:23px;margin:0 8px 0 0;background:url(/resources/images/educourse/ic_checkbox.png) no-repeat center top;vertical-align:middle;}
.popTblWrap input[type="radio"]:checked + label:after{content:'';position:absolute;top:11px;left:4px;width:13px;height:13px;background:#ff8025;border-radius:100%;}
.popTblWrap input[type="checkbox"]:checked + label:before{background-position:center -24px;}
.popTblWrap .ui-select-parent{width:122px;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{height:32px !important;line-height:30px;}
.popTblWrap .select2-container .select2-selection--single{border-radius:4px;}
.popTblWrap .select2-container--default .select2-selection--single .select2-selection__arrow b{top:0;height:32px;background-position:50% -8px;}
.popTblWrap .textarea_wrap textarea {width:100%; height: 76px; padding:0 14px;background:#fff;border-radius:4px;border:1px solid #dfdfdf; outline: none;}
.popTblWrap .textareaWrap{padding:0 0 0 38px;line-height:1;}
.popTblWrap .textareaWrap textarea{width:100%;padding:20px;background:#fff;border-radius:10px;border:1px solid #dfdfdf;}
.popTblWrap .textareaWrap textarea::placeholder{color:#ff8025;}
.popTblWrap .textareaWrap textarea:-ms-placeholder{color:#ff8025;}
.popTblWrap .formMulti{font-size:0;}
.popTblWrap .formMulti.formMultiInline {display: inline-block;}
.popTblWrap .formMulti > * + *{margin-left:5px;vertical-align:top;}
.popTblWrap .formMulti#classroom *{vertical-align: middle;}
.popTblWrap .formMulti > .rdo + .rdo,
.popTblWrap .formMulti > .chk + .chk{margin-left:20px;}
.popTblWrap .formMulti + .formMulti{margin-top:5px;}
.popTblWrap .formMulti + .input,
.popTblWrap .formMulti + .input + .input{width:100%;margin-top:4px;}
.popTblWrap .formMulti.half{display:inline-block;margin-top:0;vertical-align:top;}
.popTblWrap .formMulti.half .ui-select-parent{width:138px;}
.popTblWrap .formMulti.half #classroom,
.popTblWrap .formMulti.half #etc{display:none;}
.popTblWrap .formMulti.half #classroom.on,
.popTblWrap .formMulti.half #etc.on{display:inline-block;}
.popTblWrap .formMulti.half #classroom .input{width:65px;}
.popTblWrap .formMulti .inputFile{position:relative;width:calc(100% - 105px);}
.popTblWrap .formMulti .inputFile .file{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;}
.popTblWrap .formMulti .at {line-height: 32px;}

/* table */
.popTblWrap table{width:100%;}
.popTblWrap table th,
.popTblWrap table td{background:#f1f1f1;text-align:left;}
.popTblWrap table th{padding:10px 0 10px 38px;font-size:14px;font-weight:400;color:#606677;line-height:2.2;vertical-align:top;}
.popTblWrap.type02 table th {padding: 10px 0 10px 26px;}
.popTblWrap table th.lineBreak {line-height: 18px;}
.popTblWrap table th.lh { line-height: 1.32;}
.popTblWrap table td{padding:10px 38px 10px 0;}
.popTblWrap.type02 table td {padding:10px 26px 10px 0;}
.popTblWrap table td.txt{line-height:2.2;}
.popTblWrap table .borderB th,
.popTblWrap table .borderB td,
.popTblWrap .formSection.borderB{border-bottom:1px solid #dfdfdf;}
 .borderTnone { border-top: none;}
 .popTblWrap .thTit {font-size: 14px;font-weight: 400;color: #606677;letter-spacing: -0.04em;}
 .popTblWrap .thTit .point {font: inherit;color: #ff8025;}
 .popTblWrap .thTit .point_r {font: inherit; color: #da3d33;}
 .popTblWrap .thTit .point_o {font: inherit; color: #ec863f;}
 .popTblWrap .addTbl td {padding: 10px 20px;}
 .popTblWrap .textareaWrap .count {margin-top: 5px;padding: 0 5px;font-size: 12px;color: #888;text-align: right;line-height: 1;letter-spacing: -0.04em;}
 .popTblWrap .textareaWrap .count span {font: inherit;font-weight: 400;}
 .popTblWrap .textareaWrap {margin-top: 10px;padding: 0;}
.popTblWrap .btnZipCode{display:inline-block;min-width:100px;height:32px;padding:0 10px;background:#abadb5;border-radius:4px;font-size:14px;color:#fff;text-align:center;line-height:2.2;}
.popTblWrap .btnZipCode.btnHeightS{height:24px;line-height:1.7;}
.popTblWrap .formInfoTxt{position:relative;margin-top:5px;padding-left:12px;font-size:12px;color:#b1b2ba;}
.popTblWrap .formInfoTxt span {font-size: 12px; font-weight: 300;}
 .popTblWrap .formInfoTxt.type02 {font-size: 13px; font-weight: 400; color: #000000; line-height: 18px; letter-spacing:-0.04em; }
.popTblWrap .formInfoTxt.point,
.popInfoWrap .point{color:#ff8125;}
.popTblWrap .formInfoTxt.point > *,
.popInfoWrap .point > *{font:inherit;}
.popTblWrap .formInfoTxt:before{content:'*';position:absolute;top:3px;left:3px;}
 .popTblWrap .formInfoTxt.no_before {padding-left: 0;}
 .popTblWrap .formInfoTxt.no_before:before {display: none;}
.popTblWrap .formInfoTxt + .formInfoTxt{margin-top:0;}
 .popInfoWrap{padding:30px 38px 38px;font-size:14px;}
 .popInfoWrap.type02 {padding:26px 26px 38px;font-size:14px;}
.popInfoWrap .agreeWrap{padding-bottom:20px;}
.popInfoWrap .agreeWrap .infoTit{font-weight:500;color:#393d49;}
.popInfoWrap .agreeWrap .infoList{margin-top:10px;}
.popInfoWrap .agreeWrap .infoList li{position:relative;padding-left:10px;color:#888;line-height:1.6;letter-spacing:-0.04em;}
.popInfoWrap .agreeWrap .infoList li:before{content: ' '; display:  inline-block; position: absolute;top: 10px;left: 0;width: 3px;height: 3px;border-radius: 50%;background: #888;}
.popInfoWrap .agreeWrap .infoList li strong{color:#ff8125;}
.popInfoWrap .agreeWrap .infoList li .info {font-size:12px;}
.popInfoWrap .agreeWrap .infoList.nodat li {padding-left: 0;}
.popInfoWrap .agreeWrap .infoList.nodat li:before {display: none;}
.popInfoWrap .agreeWrap .infoTxt{margin:20px 10px 0;color:#abadb5;line-height:1.4;letter-spacing:-0.04em;}
.popInfoWrap .agreeWrap .infoTxt a{text-decoration:underline;color:#abadb5;line-height:1.4;letter-spacing:-0.04em;}
.popInfoWrap .agreeForm{padding:20px 0 0;border-top:1px solid #dfdfdf;}
.popInfoWrap .agreeForm .chk{font-size:14px;color:#393d49;}
.popInfoWrap .agreeForm .chk.point{color:#ff3859;}
.popInfoWrap .agreeForm .chk label{padding-left:33px;font-weight:500;}
.popInfoWrap .agreeForm .chk + .chk{margin-top:9px;}
.popInfoWrap .agreeForm + .agreeWrap{margin-top:20px;padding-top:20px;border-top:1px solid #dfdfdf;}
 .popInfoWrap .agreeForm + .agreeWrap.second {border-top: 0;}
.popInfoWrap .btnWrap{margin-top:30px;}
.popInfoWrap .btnWrap .btnPopApply{display:inline-block;width:178px;height:56px;background:#ff8125;border-radius:28px;font-size:20px;font-weight:600;color:#fff;}
.popInfoWrap .btnWrap .btnPopApply:before{content:'';display:inline-block;width:8px;height:8px;margin-right:10px;background:#ff8125;border:5px solid #fff;border-radius:100%;}


/* 수업 계획안 및 파일 등록 , 수업 진행 소감 */
* + .addForm{margin-top:10px;}
.addForm .input + .textareaWrap,
.addForm .rdo + .textareaWrap,
.addForm .chk + .textareaWrap{margin-top:10px;}
.addForm .textareaWrap{padding:0;}
.addForm .textareaWrap textarea{outline:0;border:1px solid #dfdfdf;border-radius:4px;vertical-align:top;}
.addForm .textareaWrap textarea::placeholder{color:#b1b2ba;}
.addForm .textareaWrap textarea:-ms-placeholder{color:#b1b2ba;}
.addForm .textareaWrap .textareaInfo{margin-top:10px;color:#b1b2ba;text-align:right;}

.popTblWrap .formSection{padding:15px 40px;background:#f1f1f1;}
.popTblWrap .formSection .formTit{display:block;margin-bottom:5px;font-size:14px;font-weight:400;color:#606677;}
.popTblWrap .formSection .formCont .infoList{margin-top:10px;margin-bottom:10px;}
.popTblWrap .formSection .formCont .infoList li{position:relative;padding-left:10px;font-size:12px;color:#606677;line-height:1.8;letter-spacing:-0.04em;}
.popTblWrap .formSection .formCont .infoList li:before{content:'•';position:absolute;top:0;left:0;}
.popTblWrap .formSection .formCont .infoList strong{font:inherit;color:#ff8125;}
.popTblWrap .formSection .formCont > p{margin-bottom:10px;font-size:12px;color:#b1b2ba;}


/*이벤트 공통 푸터*/
 .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;}
 .popInfoWrap .agreeWrap .infoTxt a {color:#01aeff;}

/* 이벤트 팝업*/
 .bb0 {border-bottom:0 !important;}

 #eventPopWrap .select2-container--open .select2-dropdown--above {border-bottom: 1px solid #ceced3; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;}
 #eventPopWrap .select2-container--default.select2-container--open.select2-container--above .select2-selection--single {border-radius: 4px; border-bottom-left-radius: 0; border-bottom-left-radius: 0;}
 #eventPopWrap .select2-container.select2-container--default.select2-container--open {top: 32px!important;}
 #eventPopWrap .select2-container.select2-container--default.select2-container--open.select2-container--focus {top:0 !important;}

 .point_o {color: #ec863f !important;}

 /* 이벤트 팝업 일부 디자인 변경*/
 #eventPopWrap .eventPop.pop_type02 {border-radius: 10px;}
 #eventPopWrap .eventPop.pop_type02 .titWrap {display: flex; align-items: center; height: 62px; padding: 0 66px 0 34px;}
 #eventPopWrap .eventPop.pop_type02 .titWrap .tit {font-size: 18px; font-weight: 600; color: #3a3d48; line-height: 2.4; letter-spacing: -0.045em;}
 #eventPopWrap .eventPop.pop_type02 .titWrap .tit span {font-size: 18px; font-weight: 600; color: #e6563c; line-height: 2.4; letter-spacing: -0.045em;}
 #eventPopWrap .eventPop.pop_type02 .titWrap .btnEvtPopClose {top: 20px;}
 #eventPopWrap .eventPop.pop_type02 .popTblWrap table th {padding: 10px 0 10px 34px; font-size: 14px; font-weight: 500; color: #191919; letter-spacing: -0.045em; background: #fff;}
 #eventPopWrap .eventPop.pop_type02 .popTblWrap table td {padding: 10px 34px 10px 0; background: #fff;}
 #eventPopWrap .eventPop.pop_type02 .popTblWrap table tr.td_colspan td {padding: 10px 34px;}
 #eventPopWrap .eventPop.pop_type02 .popTblWrap table td.applyTextarea {padding-left: 34px;}
 #eventPopWrap .eventPop.pop_type02 .popTblWrap table td.applyTextarea strong {line-height:1.2}
 #eventPopWrap .eventPop.pop_type02 .popTblWrap table td.applyTextarea strong + p {font-size:12px; font-weight: 300; color: #484747; line-height: 16px; letter-spacing:-0.045em;}


 .popTblWrap input[type="text"], .popTblWrap input[type="number"] {border:1px solid #9f9f9f; border-radius: 5px;}

 #eventPopWrap .eventPop.pop_type02 .popTblWrap .thTit {font-weight: 500; color: #191919; line-height: 2.2;}
 #eventPopWrap .eventPop.pop_type02 .popTblWrap .formInfoTxt {color: #888;}
 #eventPopWrap .eventPop.pop_type02 .textareaWrap textarea {padding: 12px 20px; border: 1px solid #9f9f9f; border-radius: 5px;}
 #eventPopWrap .eventPop.pop_type02 .textareaWrap textarea::placeholder {font-size: 12px; font-weight: 300; color: #888; letter-spacing: -0.04em;  }
 #eventPopWrap .eventPop.pop_type02 .popTblWrap .school_name {display: flex; gap: 10px; }
 #eventPopWrap .eventPop.pop_type02 .popTblWrap .school_name .input {flex: 1;}
 #eventPopWrap .eventPop.pop_type02 .popTblWrap .btnZipCode { min-width: unset; height: 32px; padding: 0 10px; margin-left: 0; background: #505050; border-radius: 5px; font-size: 13px; color: #fff; text-align: center;  font-weight: 500; letter-spacing: -0.023em; }
 #eventPopWrap .eventPop.pop_type02 .popTblWrap .btnZipCode[id^="btnSearchAddr"] {margin-left: 5px;}
 #eventPopWrap .eventPop.pop_type02 .popTblWrap .textareaWrap .count span {color: #888;}
 #eventPopWrap .eventPop.pop_type02 .popTblWrap .phone_number span{margin-left: 6px;}
 #eventPopWrap .eventPop.pop_type02 .popTblWrap .phone_number span:first-child {margin-left: 0;}
 #eventPopWrap .eventPop.pop_type02 .popTblWrap .formMulti.half #classroom .input {width: 37px;}
 #eventPopWrap .eventPop.pop_type02 .popTblWrap .formMulti.half #classroom .input.secondIpt input[type="text"] {padding: 0 9px;}
 #eventPopWrap .eventPop.pop_type02 .popTblWrap .formMulti#classroom .txt {color: #393d49;}
 #eventPopWrap .eventPop.pop_type02 .popInfoWrap {background: #f1f1f1;}
 #eventPopWrap .eventPop.pop_type02 .popInfoWrap .agreeWrap .infoTit {font-size: 16px; font-weight: 600; color: #191919;}
 #eventPopWrap .eventPop.pop_type02 .popInfoWrap .agreeWrap .infoList {margin-top: 6px;}
 #eventPopWrap .eventPop.pop_type02 .popInfoWrap .agreeWrap .infoList + .infotxt {font-weight: 300;}
 #eventPopWrap .eventPop.pop_type02 .popInfoWrap .agreeForm {padding: 15px 0; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0;}
 #eventPopWrap .eventPop.pop_type02 .popInfoWrap .agreeForm .chk label {font-weight: 300;}
 #eventPopWrap .eventPop.pop_type02 .popInfoWrap .btnWrap {margin-top: 25px;}
 #eventPopWrap .eventPop.pop_type02 .popInfoWrap .btnWrap .btnPopApply { background: #e1644e;}

 #eventPopWrap .eventPop.pop_type02 .popTblWrap .input.input_class input[type="text"], .popTblWrap input[type="number"] {padding: 0 7px;}

 /*select*/
 #eventPopWrap .eventPop.pop_type02 .popTblWrap .formMulti.half .ui-select-parent {width: 110px;}
 #eventPopWrap .eventPop.pop_type02 .popTblWrap .select2-container .select2-selection--single {border: 1px solid #9f9f9f;}
 #eventPopWrap .eventPop.pop_type02 .popTblWrap .select2-container--default .select2-selection--single .select2-selection__rendered {color: #393d49;}

 /*agree infoList*/
 #eventPopWrap .eventPop.pop_type02 .popInfoWrap .agreeWrap .infoList li strong { color: #555555;  line-height: inherit;}
 #eventPopWrap .eventPop.pop_type02 .popInfoWrap .agreeWrap .infoList li.indent_113 {padding-left: 124px; text-indent:  -113px;}
 #eventPopWrap .eventPop.pop_type02 .popInfoWrap .agreeWrap .infoList li span {color: #555555;}

 #eventPopWrap .eventPop.pop_type02 .groupClass input[type="text"] {display: inline-block; width: 65px;}

 #eventPopWrap .eventPop.pop_type02 .popTblWrap .formMulti.multiFlex {display: flex; gap: 8px;}
 #eventPopWrap .eventPop.pop_type02 .popTblWrap .formMulti.multiFlex.write_info .multiFlex_box {display: flex; align-items: center; gap: 5px;}
 #eventPopWrap .eventPop.pop_type02 .popTblWrap .formMulti.multiFlex.write_info .multiFlex_box .txt {white-space: nowrap;}
 #eventPopWrap .eventPop.pop_type02 .popTblWrap .formMulti.multiFlex.write_info.class_info input[type="text"] {width: 37px; text-align: center;}