@charset "UTF-8";

/* EVENT 565 */
.eventWrap.evtFullType .evtTitWrap .logo.logo_fr {top: 0; width: 100%; padding-top:50px;z-index:10; }
.eventWrap.evtFullType .evtTitWrap .logo .logoVivasam{margin:0;}

.event250512 .inner{width: 1200px; text-align: center;}
.event250512 .evtTitWrap{background:url('/resources/images/event/2025/event250512/evtBg1.jpg') repeat-x 50% 0;}
.event250512 .evtTitWrap .inner{width:1467px; height: 1637px; background-image: url('/resources/images/event/2025/event250512/evtTit1.png'),  url('/resources/images/event/2025/event250512/img1.png'); background-repeat: no-repeat; background-position: left 50% top 135px, left 50% top 736px;}
.event250512 .evtTitWrap .con {position: absolute; right: -48px; top: 100px; width: 127px; height: 201px;}

.event250512 .evtCont1{padding:120px 0 118px;background:url('/resources/images/event/2025/event250512/evtBg2.jpg') repeat-x 50% 0;}
.event250512 .evtCont1 .inner {width: 1566px;}
.event250512 .evtCont1 .mapWrap{position:relative; margin: -10px auto 0; width:1556px; height:1023px;background:url('/resources/images/event/2025/event250512/map.png') no-repeat 50% 0;}
.event250512 .evtCont1 .mapWrap .step-item{position:absolute;}
.event250512 .evtCont1 .mapWrap .step-item input{display:none;}
.event250512 .evtCont1 .mapWrap .step-item label{display:block; width:310px; height:316px; background-repeat:no-repeat; background-position:50% 0; cursor:pointer;}
.event250512 .evtCont1 .mapWrap .step-item.step1{top:455px; left:201px;}
.event250512 .evtCont1 .mapWrap .step-item.step1 input[type=radio] + label{background-image:url('/resources/images/event/2025/event250512/step01.png');}
.event250512 .evtCont1 .mapWrap .step-item.step2{top:143px; left:493px;}
.event250512 .evtCont1 .mapWrap .step-item.step2 input[type=radio] + label{background-image:url('/resources/images/event/2025/event250512/step02.png');}
.event250512 .evtCont1 .mapWrap .step-item.step3{top:540px; left:666px;}
.event250512 .evtCont1 .mapWrap .step-item.step3 input[type=radio] + label{background-image:url('/resources/images/event/2025/event250512/step03.png');}
.event250512 .evtCont1 .mapWrap .step-item.step4{top:233px; left:974px;}
.event250512 .evtCont1 .mapWrap .step-item.step4 input[type=radio] + label{background-image:url('/resources/images/event/2025/event250512/step04.png');}
.event250512 .evtCont1 .mapWrap .step-item label:hover,
.event250512 .evtCont1 .mapWrap .step-item label:active,
.event250512 .evtCont1 .mapWrap .step-item input[type=radio]:checked + label{background-position-y:bottom;}
.event250512 .evtCont1 .mapWrap .btnApply{position:absolute; left:50%; transform:translateX(-50%); bottom:-7px;}
.event250512 .evtCont1 .mapWrap .btnApply img{max-width:100%;}

.event250512 .evtCont2{padding: 123px 0 132px; background:#beffb1 url('/resources/images/event/2025/event250512/evtBg3.jpg') repeat-x 50% 0;}
.event250512 .evtCont2 .inner {height: 741px;background:url('/resources/images/event/2025/event250512/img2.png') no-repeat  50% 0;}

.event250512 .evtCont3{padding:123px 0 75px; background:#ff8f4b;}
.event250512 .evtComment{position:relative;}
.event250512 .evtComment:after{content:''; position:absolute; right:-99px; top:-75px; width:99px; height:172px; background:url('/resources/images/event/2025/event250512/obj.png') no-repeat center;}
.event250512 .evtComment .evtList{display:flex;flex-wrap:wrap;gap:18px;}
.event250512 .evtComment .evtList li{position:relative;width:calc(25% - 54px/4); padding:40px 0 30px; background:#fff; border:4px solid #f16612; border-radius:40px;}
.event250512 .evtComment .evtList li .info{margin-top:20px; padding:0 20px; text-align:right;}
.event250512 .evtComment .evtList li .info .userID{display:inline-block; padding:0 12px; font-size:15px;font-weight:500; font-family:"GmarketSansMedium", "Noto Sans KR", sans-serif; line-height:31px;color:#fff;letter-spacing:-.025em; background:#797979; border-radius:15px;}
.event250512 .evtComment .evtList li .comment{height:14em; overflow-y:auto; font-size:18px;line-height:1.4; font-weight:300; font-family:'GmarketSansLight', "Noto Sans KR", sans-serif;}
.event250512 .evtComment .evtList li .comment *{font:inherit;color:#121212;letter-spacing:-.025em; word-break:keep-all; word-wrap:break-word;}
.event250512 .evtComment .evtList li .comment .mCSB_inside{padding:0 17px; text-align: left;}
.event250512 .evtComment .evtList li .comment .mCSB_inside>.mCSB_container{margin-right:0;}
.event250512 .evtComment .evtList li .comment .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px; background:#bababa; border-radius:10px;}
.event250512 .evtComment .evtList li .comment .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.event250512 .evtComment .evtList li .comment .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background:#bababa;}
.event250512 .evtComment .evtList li .comment .mCSB_scrollTools .mCSB_draggerRail{width:3px; background:transparent; border-radius:0;}
.event250512 .evtComment .evtList li.nodata{padding:75px 0 117px; width:100%; background:none; border:none;}
.event250512 .evtComment .evtList li.nodata p{font-size:18px; color:#121212; text-align:center;}
.event250512 .cmtMore{margin:35px auto 0; text-align:center;}
.event250512 .cmtMore .btn_cmtMore{width:235px; height:65px; display:inline-flex; align-items:center; justify-content:center; gap:10px; font-size:22px; color:#fff; font-weight:500; font-family:"GmarketSansMedium", "Noto Sans KR", sans-serif; background:#f6440e; border-radius:33px;}
.event250512 .cmtMore .btn_cmtMore i{display:inline-block; width:25px; height:14px; background:url('/resources/images/event/2025/event250512/arr_more.png') no-repeat center;}

.event250512 .evtfooter{width:100%; padding:55px 0; background:#f9f9f9;}
.event250512 .evtfooter .inner {text-align:left;}
.event250512 .evtfooter strong{font-size:22px; color:#121212; font-weight:600; line-height:1;}
.event250512 .evtfooter .evtInfoList{margin-top:15px;}
.event250512 .evtfooter .evtInfoList li{position:relative;font-size:16px; color:#121212; line-height:1.8; padding-left: 22px;font-weight:400; letter-spacing:-0.04em;}
.event250512 .evtfooter .evtInfoList li:before {content: "-"; display: inline-block; position: absolute; left:0;}

.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;}


#eventPopWrap .eventPop .titWrap .tit{font-size:20px; line-height:72px; font-weight:600;}
.popTblWrap table td.pl38{padding-left:38px;}
.popTblWrap .textareaWrap textarea {height: 150px;border-radius: 4px;}
.popInfoWrap .agreeWrap .infoList li{letter-spacing:-.05em;}
.popInfoWrap .agreeWrap .infoList.ls6 li {letter-spacing: -.06em;}
.popInfoWrap .agreeForm {display: flex; gap: 10px; align-items: center;}
.popInfoWrap .agreeForm input[type="radio"] {appearance: none;-webkit-appearance: none;display: none;}
.popInfoWrap .agreeForm input[type="radio"] + label {position: relative; display: inline-block; padding-left: 30px; font-size: 14px; font-weight: 500; color: #4a4f5f; letter-spacing: -0.045em;}
.popInfoWrap .agreeForm input[type="radio"] + label:before {content: ''; position: absolute; left: 0; top: 50%; margin-top: -10px; width: 20px; height: 20px; background: url('/resources/images/educourse/ico_checkbox.png') no-repeat center top;}
.popInfoWrap .agreeForm input[type="radio"] + label .txt {display: inline-block; font-size: 14px; font-weight: 500; color: #4a4f5f; letter-spacing: -0.045em; }
.popInfoWrap .agreeForm input[type="radio"]:checked + label:before {background-position: center -20px;}
.popInfoWrap .agreeForm .chk label {padding-left: 30px; line-height: 1.2;}
.popInfoWrap .agreeForm .chk + .chk {margin: 0 0 0 5px;}