@charset "utf-8";

@font-face {
    font-family: 'YeogiOttaeJalnan';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}
/******************** 공통 ********************/
.dim {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.6); z-index:1000; display:none;}
.subDim {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.6); z-index:1100; display:none;}
body.noScroll {display:block; height:100%; overflow:hidden;}
* {letter-spacing:-1px; font-weight:400; line-height:1.0; word-break:keep-all;}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } 
.embed-container iframe, .embed-container object, .embed-container embed , .embed-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.evWrap {position:relative; overflow:hidden;}
.evWrap .subDim {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.3); z-index:51; display:none;}

.gloHeader {display:flex; justify-content:space-between; align-items:center; position:absolute; left:0; top:0; padding:50px 80px; width:100%; z-index:100;}
.gloHeader .brand a {display:block; width:127px; height:54px; background:url(../../../img/logo_mt_all.svg) no-repeat 50% 50%; background-size:100%;}
.gloHeader .gloUtil {display:flex; justify-content:flex-start; align-items:center; gap:17px;}
.gloHeader .gloUtil .account {display:flex; justify-content:flex-start; align-items:center; gap:26px;}
.gloHeader .gloUtil .account .txtMenu {display:block; position:relative;}
.gloHeader .gloUtil .account .txtMenu a {display:block; color:#000; font-size:14px; font-weight:500; padding:12px 14px; border-radius:50px; border:1px solid #000;}
.gloHeader .gloUtil .logo a {display:block; width:75px; height:21px; background:url(../../../img/logo_miraen_kr.svg) no-repeat 50% 50%;}

.gloHeader.white .gloUtil .account .txtMenu a {color:#FFF; border:1px solid #FFF;}
.gloHeader.white .gloUtil .logo a {display:block; width:75px; height:21px; background:url(../../../img/logo_miraen_kr_w.svg) no-repeat 50% 50%; background-size:100%;}

/** 이벤트 하단 공통 **/
.eventCauSec {background:#222; position:relative; z-index:10;}
.eventCauSec * {font-family:'Pretendard Variable';}
.eventCauSec .innerCon {padding:90px 0; width:100%; max-width:1200px; margin:0 auto;}

.cauCon {display:block; height:auto; overflow:hidden;}
.cauCon .title {color:#FFF; font-size:26px; font-weight:500; margin-bottom:30px;}
.cauCon .title:before {content:''; display:inline-block; width:23px; height:23px; background:url(../../../img/ico_cau_w.svg) no-repeat 50% 50%; background-size:100%; margin-right:10px; vertical-align:0;}
.cauCon .cauBox {display:block; height:auto; overflow:hidden; margin-bottom:30px; padding-left:36px;}
.cauCon .cauBox .caTitle {color:#FFF; font-size:20px; padding-left:0px; position:relative; font-weight:500; margin-bottom:10px;}
.cauCon .cauBox li {display:block; height:auto; overflow:hidden; padding:4px 0 4px 35px; font-size:18px; position:relative; color:#FFF; line-height:1.4;}
.cauCon .cauBox li a {color:#CDFF70; font-weight:500; line-height:1.4;}
.cauCon .cauBox li:after {content:''; position:absolute; left:20px; top:15px; width:5px; height:1px; background:#FFF;}
.cauCon .cauBox li em {color:#FFF;}
.cauCon .cauBox li.cauMidTitle {color:#222; font-size:18px; margin-bottom:5px; padding-left:15px;}
.cauCon .cauBox li.cauMidTitle.device {margin-top:15px;}
.cauCon .cauBox li.cauMidTitle:after {background:none;}
.cauCon .cauBox li.simple:after {display:none;}

/** paging **/
.pagingWrap {display:flex; justify-content:center; align-items:center; gap:5px; margin:60px 0;}
.pagingWrap a {display:inline-flex; justify-content:center; align-items:center; border-radius:50%; color:#000; font-size:16px; width:40px; height:40px; line-height:1.0; font-weight:400;}
.pagingWrap a.dir {border:2px solid transparent; width:30px;}
.pagingWrap a.dir.first {background:url(../../../img/btn_dir_end.svg) no-repeat 50% 50%; background-size:auto 36px; transform:rotate(180deg);}
.pagingWrap a.dir.forward {background:url(../../../img/btn_dir.svg) no-repeat 50% 50%; background-size:auto 36px; transform:rotate(180deg);}
.pagingWrap a.dir.back {background:url(../../../img/btn_dir_end.svg) no-repeat 50% 50%; background-size:auto 36px;}
.pagingWrap a.dir.backword {background:url(../../../img/btn_dir.svg) no-repeat 50% 50%; background-size:auto 36px;}
.pagingWrap a.on {background:#000; color:#FFF; font-weight:700; position:relative;}

.forDesk {display:block;}
.forPc {display:block;}
.forMo {display:none;}

.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content div {height:auto; padding:5px 0;}

/******* btn *******/
.btn {display:inline-block; width:100%;}
.btn a {display:flex; justify-content:center; align-items:center; padding:28px 0; gap:8px; color:#FFF; font-size:28px; font-weight:600; position:relative; border-radius:8px; width:100%; max-width:454px;}

.btn.moreService a {background:#5D4B40;}
.btn.cancel a {background:#999; color:#FFF;}
.btn.cancel a:after {display:none;}
.btn.confirm a {background: #000;}
.btn.confirm a:after {content:''; width:11px; height:22px; background:url(../img/ar_tail_w.svg) no-repeat 50% 50%; background-size:100%;}
.btn.dis a {background:#ccc; width:auto; text-align:center; justify-content:center; cursor:default;}
.btn.dis a:after {display:none;}

/* a.pBtn {display:flex; justify-content:center; align-items:center; padding:28px 0; gap:8px; color:#FFF; font-size:28px; font-weight:600; position:relative; border-radius:8px; width:100%; max-width:454px;}
a.pBtn:after {content:''; width:11px; height:22px; background:url(../img/ar_tail_w.svg) no-repeat 50% 50%; background-size:100%;}
a.pBtn.policy {background:#000;}
a.pBtn.mypoint {background:#FF4A73;} */

a.goTop {position:fixed; right:24px; bottom:24px; width:66px; height:66px; border-radius:50%; background:#2F2C29; display:flex; justify-content:center; align-items:center; flex-direction:column; color:#FFF; font-size:15px; font-weight:600; text-align:center; gap:8px;  z-index:1000; opacity:1; transform:translateX(0); transition:.4s all;}
a.goTop:before {content:''; width:18px; height:11px; background:url(../../../img/ar_top.svg) no-repeat 50% 50%; background-size:100%; flex:0 0 auto;}
a.goTop.hide {opacity:0; transform:translateX(120px);}

.dimEnd {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.7); z-index:1000; display:none;}
.endPop {position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); width:90%; max-width:490px; z-index:1200; display:none;}
.endPop .endClose {position:absolute; right:-36px; top:-36px; width:30px; height:30px; background:url(../../../img/ico_close.svg) no-repeat 50% 50%; background-size:14px; cursor:pointer;}
.endPopCont {display:block; padding:54px 32px; background:#E6F1FF; border:4px solid #0067E2; text-align:center; border-radius:16px;}
.endPopCont .epTitle {color:#0067E2; font-size:36px; font-weight:900; margin-bottom:15px;}
.endPopCont .desc {color:#222; font-size:24px; font-weight:500; line-height:1.3;}
/******************** 공통 ********************/

/******************** 개별 이벤트 ********************/
select {background:#FFF url(../img/ar_select.svg) no-repeat right 20px center;}
.innerCon {position:relative; width:100%; max-width:1200px; margin:0 auto; padding:110px 0;}
.blindFin {position:absolute; left:0; top:0; width:100%; height:420px; background:transparent; z-index:100;}

.evHead {position:relative; background:#7FBFFF; z-index:10;}
.evHead .innerCon {max-width:1310px; z-index:10; padding:90px 0 0;}
.evHead .headGr {position:absolute; left:0; bottom:-162px; width:100%; height:411px; background:url(../img/head_ground.svg) no-repeat center bottom; background-size:2560px auto;}
.evHead h2 {max-width:880px; margin:0 auto; position:relative; text-align:center;}
.evHead h2 > img {width:100%; max-width:515px;}
.evHead h2:before {content:''; position:absolute; left:0; bottom:-80px; width:150px; height:284px; background:url(../img/head_ballon01.png) no-repeat 50% 50%; background-size:100%; animation-name: floatLeft;}
.evHead h2:after {content:''; position:absolute; right:0; bottom:-100px; width:150px; height:284px; background:url(../img/head_ballon02.png) no-repeat 50% 50%; background-size:100%;animation-name: floatRight;}
.evHead h2:before,.evHead h2:after {animation-duration: 4.5s; animation-iteration-count: infinite; animation-timing-function: ease-in-out;}
.evHead h2:after {animation-name: floatRight;animation-duration: 5.5s;}

@keyframes floatLeft {
	0% {transform: translate(0, 0) rotate(0deg);}
	25% {transform: translate(-6px, -12px) rotate(-2deg);}
	50% {transform: translate(4px, -20px) rotate(2deg);}
	75% {transform: translate(-3px, -10px) rotate(-1deg);}
	100% {transform: translate(0, 0) rotate(0deg);}
}

@keyframes floatRight {
	0% {transform: translate(0, 0) rotate(0deg);}
	25% {transform: translate(8px, -10px) rotate(2deg);}
	50% {transform: translate(-5px, -18px) rotate(-2deg);}
	75% {transform: translate(3px, -8px) rotate(1deg);}
	100% {transform: translate(0, 0) rotate(0deg);}
}

.headShadow {text-shadow:-1px -1px 0 #CD5B54, 0 -1px 0 #CD5B54, 1px -1px 0 #CD5B54, -1px 0 0 #CD5B54, 1px 0 0 #CD5B54, -1px 1px 0 #CD5B54, 0 1px 0 #CD5B54, 1px 1px 0 #CD5B54, -2px 0 0 #CD5B54, 2px 0 0 #CD5B54, 0 -2px 0 #CD5B54, 0 2px 0 #CD5B54;}
.titleShadow {text-shadow:-4px -4px 0 #FFF, 0 -4px 0 #FFF, 4px -4px 0 #FFF, -4px 0 0 #FFF, 4px 0 0 #FFF, -4px 4px 0 #FFF, 0 4px 0 #FFF, 4px 4px 0 #FFF, 3px 6px 0px rgba(242,210,14,1.0), 4px 8px 0px rgba(242,210,14,1.0);}

.evHead .headBoard {position:relative; width:100%; max-width:880px; margin:10px auto 0; background:url(../img/head_board.png) no-repeat 50% top; background-size:cover;}
.evHead .headBoard:after {content:''; display:block; height:auto; padding-bottom:53.40%;}
.evHead .inCont {position:absolute; left:0; top:66px; width:100%; height:auto; text-align:center;}
.evHead .inCont .title {color:#FFF; font-size:42px; line-height:1.4; font-weight:700;}
.evHead .inCont .title span {color:#A9E7FF; font-weight:700;}
.evHead .inCont .title em {font-family:'YeogiOttaeJalnan';}
.evHead .inCont .title em i {font-style:normal; color:#FFDAE9;}
.evHead .inCont .desc {margin-top:16px; color:#FFF; font-size:22px; line-height:1.4;}
.evHead .inCont .desc span {color:#FEEA6F;}
.btnArea {display:flex; justify-content:center; align-items:center; gap:10px; margin-top:30px;}
.evHead .inCont .btnArea a {display:block; padding:18px 84px; background:#F6939D; font-size:32px; font-family:'YeogiOttaeJalnan'; font-weight:bold; color:#FFF; border-radius:100px; position:relative;}
.evHead .inCont .btnArea a:after {content:''; position:absolute; right:10%; top:50%; transform:translate(0, -50%); width:34px; height:29px; background:url(../img/ico_chk.svg) no-repeat 50% 50%; background-size:100%;}
.evHead .headBoard .child {position:absolute;}
.evHead .headBoard .child.c01 {left:-133px; bottom:-40px; width:345px; height:317px; background:url(../img/head_child01.png) no-repeat 50% 50%; background-size:100%;}
.evHead .headBoard .child.c02 {right:-210px; bottom:-35px; width:563px; height:403px; background:url(../img/head_child02.png) no-repeat 50% 50%; background-size:100%;}

.evTitleSec {position:relative; text-align:center; margin-bottom:40px;}
.evTitleSec > img {width:auto; height:125px;}
.evTitleSec .topTxt {color:#444; font-size:42px; font-family:'YeogiOttaeJalnan'; margin-bottom:20px; position:relative; display:inline-block;}
.evTitleSec .topTxt:before {content:''; position:absolute; left:-66px; top:-10px; width:52px; height:50px; margin-right:10px;}
.evTitleSec .btmTxt {color:#00B540; font-size:62px; font-family:'YeogiOttaeJalnan';}
.evIntro .evTitleSec .topTxt:before {background:url(../img/ico_step01.png) no-repeat 50% 50%; background-size:100%;}
.evService .evTitleSec .topTxt:before {background:url(../img/ico_step02.png) no-repeat 50% 50%; background-size:100%;}
.evService .evTitleSec .btmTxt {color:#F6939D;}
.evService .evTitleSec .titleShadow {text-shadow:-4px -4px 0 #FFF, 0 -4px 0 #FFF, 4px -4px 0 #FFF, -4px 0 0 #FFF, 4px 0 0 #FFF, -4px 4px 0 #FFF, 0 4px 0 #FFF, 4px 4px 0 #FFF, 3px 6px 0px rgba(246,147,157,1.0), 4px 8px 0px rgba(246,147,157,1.0);}

.evIntro {position:relative; background:#FFF19D;}
.evIntro .innerCon {padding:280px 0 64px; z-index:10;}
.evIntro .introGr {position:absolute; left:0; bottom:-100px; width:100%; height:149px; background:url(../img/evintro_ground.svg) no-repeat center bottom; background-size:2708px auto;}
.evIntro .comnBox .deco {position:absolute;}
.evIntro .comnBox .deco.top {right:-110px; top:-120px; width:305px; height:210px; background:url(../img/evintro_deco01.png) no-repeat 50% 50%; background-size:100%;}
.evIntro .comnBox .deco.btm {left:-45px; bottom:-59px; width:167px; height:131px; background:url(../img/evintro_deco02.png) no-repeat 50% 50%; background-size:100%;}
.evIntro .btnArea {margin-top:48px;}
.evIntro .innerCon > .cauTxt {color:#484848; font-size:18px; margin-top:18px; text-align:center; justify-content:center;}

a.btn {display:inline-block; width:auto; color:#FFF; font-size:32px; font-family:'YeogiOttaeJalnan'; line-height:1.0; padding:24px 72px 24px 48px; background:#00B8FF; border-radius:100px; position:relative;}
a.btn:after {content:''; position:absolute; right:-4px; top:26px; width:64px; height:80px; background:url(../img/ar_btn.png) no-repeat 50% 50%; background-size:100%; z-index:1;}

.tBlock {display:flex; align-items:flex-start; padding:20px 0; border-bottom:1px solid #ddd;}
.tBlock:first-child {padding-top:0;}
.tBlock:last-child {border-bottom:0;}
.tBlock .item {color:#00B540; font-size:22px; font-weight:700; width:25%; text-align:center; flex:0 0 auto;}
.tBlock .ipCont {flex:1; color:#444; font-size:22px; font-weight:400; line-height:1.4;}
.tBlock .ipCont .chkList {display:flex; flex-direction:column; gap:6px;}
.tBlock .ipCont .chkList li {display:flex; align-items:center; gap:8px; color:#444; font-size:22px; font-weight:400; line-height:1.4; position:relative;}
.tBlock .ipCont .chkList li:before {content:''; width:22px; height:23px; background:url(../img/item_chk.png) no-repeat 50% 50%; background-size:100%;}
.tBlock .ipCont .cauTxt {font-size:18px; margin-top:8px;}
.tBlock .ipCont .perGrade {position:relative; margin-bottom:26px;}
.tBlock .ipCont .perGrade:last-child {margin-bottom:0;}
.tBlock .ipCont .perGrade .pgTitle {color:#00B540; font-size:22px; font-weight:700; margin-bottom:16px;}
.tBlock .ipCont .perGrade .number {display:flex; flex-direction:column; gap:6px;}
.tBlock .ipCont .perGrade .number li {display:flex; align-items:center; gap:8px; color:#444; font-size:22px; font-weight:400; line-height:1.4; position:relative; padding-left:2px;}
.tBlock .ipCont .perGrade .number li span {width:18px;}

.evService {position:relative; z-index:0; overflow:hidden;}
.evService .innerCon {padding:216px 0 198px;}
.evService .btnArea {margin-top:48px;}
.evService .serviceGr {position:absolute; left:50%; bottom:-70px; width:2708px; height:149px; transform:translate(-50%, 0); background:url(../img/evjoin_top.svg) no-repeat 50% 50%; background-size:100%;}
.comnTableSec {position:relative; border:1px solid #CACACA; border-radius:22px; overflow:hidden; margin-top:56px;}
.comnTableSec table {padding:0; margin:0; width:100%; table-layout:fixed;}
.comnTableSec table th, .comnTableSec table td {padding:20px 42px; color:#444; font-size:22px; border-bottom:1px solid #CACACA;}
.comnTableSec table th {background:#F1F7FF; font-weight:700; text-align:center; border-right:1px solid #CACACA;}
.comnTableSec table td {text-align:left; line-height:1.4;}
.comnTableSec table td br {display:none;}
.comnTableSec table td ul {display:flex; flex-direction:column; gap:6px;}
.comnTableSec table td ul li {position:relative; line-height:1.4; padding-left:14px;}
.comnTableSec table td ul li:after {content:''; position:absolute; left:0; top:14px; width:5px; height:1px; background:#444;}
.comnTableSec table tr:last-child th, .comnTableSec table tr:last-child td {border-bottom:0;}

.introEduTech {display:flex; flex-wrap:wrap; gap:18px; margin-top:140px;}
.introEduTech .perEduTech {width:calc(25% - 13.5px); position:relative; background:#F1F7FF; border-radius:10px; padding:22px 18px;}
.introEduTech .perEduTech .desc {color:#444; font-size:22px; line-height:1.6;}
.introEduTech .perEduTech .title {margin-top:28px; color:#F6939D; font-size:28px; font-family:'YeogiOttaeJalnan'; line-height:1.2; height:68px;}
.introEduTech .perEduTech .ico {position:absolute; right:18px; bottom:40px; width:60px;}
.introEduTech .evTitleSec {margin-bottom:0; width:calc(50% - 9px); display:flex; justify-content:center; align-items:center; flex-direction:column;}
.introEduTech .evTitleSec > img {width:auto; height:108px;}
.introEduTech .evTitleSec .topTxt:before {display:none;}
.introEduTech .evTitleSec .topTxt span {color:#F6939D;}
.introEduTech .evTitleSec .btmTxt {color:#444;}

.evJoin {position:relative; background:#FFE9F2; overflow:hidden; z-index:20;}
.evJoin .innerCon {padding:84px 0 110px;}
.evJoin .deco {position:absolute; top:50%; transform:translate(0, -50%); width:216px; height:2367px;}
.evJoin .deco.left {left:calc((100% - 1200px) / 4 - 110px); background:url(../img/evjoin_left.svg) no-repeat 50% 50%; background-size:100%;}
.evJoin .deco.right {right:calc((100% - 1200px) / 4 - 110px); background:url(../img/evjoin_right.svg) no-repeat 50% 50%; background-size:100%;}
.evJoin .joinTitle {text-align:center; margin-bottom:64px;}
.evJoin .inJoin {position:relative; margin-bottom:134px;}
.evJoin .inJoin .comnBox.flex {display:flex; flex-wrap:wrap; gap:36px;}
.evJoin .inJoin .comnBox.flex .device {display:flex; gap:20px; flex-wrap:wrap; width:100%;}
.evJoin .inJoin .comnBox.flex .device .conGroup {width:calc(50% - 10px);}
.evJoin .inJoin .conGroup {position:relative;}
.evJoin .inJoin .conGroup .tSec {margin-bottom:22px;}
.evJoin .inJoin .conGroup .tSec span {display:inline-block; padding:9px 24px; border-radius:100px; background:#F6939D; color:#FFF; font-size:22px; font-weight:600;}
.evJoin .inJoin .conGroup ul.desc {display:flex; flex-direction:column; gap:6px; padding:0 10px;}
.evJoin .inJoin .conGroup ul.desc li {display:block; position:relative; padding-left:14px; color:#444; font-size:22px; line-height:1.6;}
.evJoin .inJoin .conGroup ul.desc li:after {content:''; position:absolute; left:0; top:14px; width:4px; height:4px; background:#444; border-radius:50%;}

.evJoin .inJoin .conGroup ul.target {display:flex; flex-direction:column; gap:12px;}
.evJoin .inJoin .conGroup ul.target li {display:flex; align-items:center; gap:12px;}
.evJoin .inJoin .conGroup ul.target li .item {width:132px; border:1px solid #F6939D; border-radius:100px; text-align:center; padding:10px; line-height:1.0; color:#F6939D; font-size:18px; font-weight:600;}
.evJoin .inJoin .conGroup ul.target li .ipCon {flex:1; color:#444; font-size:22px;}

.evJoin .inJoin .conGroup ul.step {display:flex; flex-direction:column; gap:12px;}
.evJoin .inJoin .conGroup ul.step li {display:flex; align-items:center; gap:12px;}
.evJoin .inJoin .conGroup ul.step li .item {width:90px; border:1px solid #F6939D; border-radius:100px; text-align:center; padding:10px; line-height:1.0; color:#F6939D; font-size:16px; font-weight:600;}
.evJoin .inJoin .conGroup ul.step li .ipCon {flex:1; color:#444; font-size:22px;}
.evJoin .inJoin .conGroup ul.step li .ipCon span {color:#F6939D;}

.evJoin .inJoin .conGroup .cauTxt {color:#444; font-size:18px; margin-top:14px; padding-left:10px;}

.evJoin .inJoin .conGroup .comnTableSec {margin-top:36px;}
.evJoin .inJoin .conGroup .comnTableSec table th, .evJoin .inJoin .conGroup .comnTableSec table td {border-right:1px solid #CACACA;}
.evJoin .inJoin .conGroup .comnTableSec table th:last-child,
.evJoin .inJoin .conGroup .comnTableSec table td:last-child {border-right:0;}
.evJoin .inJoin .conGroup .comnTableSec table th:first-child {background:#FFEAEC;}
.evJoin .inJoin .conGroup .comnTableSec table th:last-child {background:#BDDCFF;}
.evJoin .inJoin .conGroup .comnTableSec table td:first-child {background:#FFF7F8;}
.evJoin .inJoin .conGroup .comnTableSec table td:last-child {background:#EAF4FF;}


.joinForm .comnBox {padding:50px 165px;}
.comnBox {position:relative; padding:50px 60px; background:#FFF; border-radius:22px; filter: drop-shadow(1px 4px 6px rgba(0, 0, 0, 0.10));}
.comnBox .table_list02 table{width:100%;border-collapse:collapse;}
.comnBox .table_list02 table th{text-align:left;font-size:22px;color:#444;line-height:150%; font-weight:500;padding:22px 7px 7px; vertical-align:top;}
.comnBox .table_list02 table th.single {padding:7px;}
.comnBox .table_list02 table td{padding:14px 8px;text-align:left;}
.comnBox .table_list02 table td input[type="text"]{width:190px;height:56px;line-height:54px;border:1px solid #999;border-radius:100px;padding:0 15px;font-size:22px;font-weight:500; margin-right:10px; box-sizing:border-box;}
.comnBox .table_list02 table td a{display:inline-block;vertical-align:top;width:185px;height:56px;line-height:56px;color:#fff;background:#6E6E6E;font-size:22px;font-weight:400;text-align:center;border-radius:100px;}
.comnBox .table_list02 table td .zip ul li{margin-top:16px;}
.comnBox .table_list02 table td .zip ul li:first-child{margin-top:0;}
.comnBox .table_list02 table td .zip ul li .input {display:flex; gap:12px;}
.comnBox .table_list02 table td .zip ul li .input input[type="text"] {flex:1; width:100%; margin:0;}
.comnBox .table_list02 table td input[type="text"]{width:210px;box-sizing:border-box;margin-right:10px;}
.comnBox .table_list02 table td input[type="text"].joinCount {width:158px; margin-right:0;}
.comnBox .table_list02 table td select{border:1px solid #999;border-radius:100px;height:56px;line-height:56px;font-size:22px;font-weight:500;color:#222;min-width:158px;box-sizing:border-box;}
.comnBox .table_list02 table td label.normal{display:inline-block;vertical-align:top; font-size:22px;font-weight:500;line-height:55px;margin-right:15px;}
.comnBox .table_list02 table td .chkB{margin-right:15px;}
.comnBox .table_list02 table td .gray_txt{font-size:20px;font-weight:400;display:inline-block;letter-spacing:-1px;color:#999;line-height:150%; margin-left:5px;}
.comnBox .table_list02 table td .gray_txt02 {position:relative; padding-left:12px; margin-top:16px; font-size:20px;font-weight:400;display:block;letter-spacing:-1px;color:#999;line-height:150%;}
.comnBox .table_list02 table td .gray_txt02:after {content:'※'; position:absolute; left:0; top:0;}
.comnBox .table_list02 table td .class_cnt ul{overflow:hidden;}
.comnBox .table_list02 table td .class_cnt ul li{float:left;margin-right:25px; display:flex; justify-content:flex-start; align-items:center;}
.comnBox .table_list02 table td .class_cnt ul li .select{display:inline-block;vertical-align:top;}
.comnBox .table_list02 table td .class_cnt ul li:last-child {margin-right:0;}
.comnBox .table_list02 table td .sdu {display:inline; position:relative;}
.comnBox .table_list02 table td .sdu span {position:absolute; right:30px; top:1px; color:#999; font-size:22px;}
.comnBox .table_list02 table td .sdu input[type="text"] {padding-left:20px;}
.comnBox .agree{text-align:left;padding:20px;border-radius:6px;background:#f5f5f5;margin-top:10px;margin-bottom:0px; display:flex; justify-content:flex-start; align-items:flex-start; gap:6px;}

.comnBox .radioB{display:inline-block;vertical-align:top;font-size:22px;color:#222;line-height:26px;margin-bottom:0px; margin-right:15px;}
.comnBox .radioB input[type="radio"]{display:none;}
.comnBox .radioB input[type="radio"] + span{display:inline-block;vertical-align:top;width:26px;height:26px;line-height:26px;background:url(../img/bg_radio_off.svg) no-repeat center center; background-size:100%; margin-right:5px; }
.comnBox .radioB input[type="radio"]:checked + span{background-image:url(../img/bg_radio_on.svg)}

.comnBox .chkB{display:inline-block;vertical-align:top;font-size:22px;color:#222;line-height:26px;margin-bottom:0px;}
.comnBox .chkB input[type="checkbox"]{display:none;}
.comnBox .chkB input[type="checkbox"] + span{display:inline-block;vertical-align:top;width:26px;height:26px;line-height:26px;background:url(../img/bg_chk_off.svg) no-repeat center center; background-size:100%; margin-right:5px;}
.comnBox .chkB input[type="checkbox"]:checked + span{background-image:url(../img/bg_chk_on.svg)}

.comnBox .agree ul{display:block; padding-left:36px;}
.comnBox .agree ul li{font-size:12px;color:#222;line-height:1.3; position:relative; padding-left:10px;}
.comnBox .agree ul li:after {content:''; position:absolute; left:0; top:5px; width:4px; height:1px; background:#222;}
.comnBox .agree ul li.single:after {display:none;}
.comnBox .btn{text-align:center; margin-top:50px;}
.comnBox .btn .btn_join{display:inline-block; width:100%; max-width:390px; padding:22px 0; text-align:center;font-size:32px;color:#FFF; font-weight:700; background:#31A2DA;border-radius:100px;}
.comnBox .btn .btn_join:after{content:''; position:absolute; right:60px; top:50%; transform:translate(0, -50%); width:12px; height:22px; background:url(../img/ar_tail.svg) no-repeat 50% 50%; background-size:100%;}
.comnBox .btn .btn_join.dis {background:#ccc; color:#999;}
.comnBox .btn .btn_join.dis:after {display:none;}

.targetTable {position:relative; margin-top:35px; border:1px solid #CACACA; border-radius:22px; overflow:hidden; display:flex;}
.targetTable .perBox {width:50%; background:#FFF7F8; border-right:1px solid #CACACA; background:#FFF7F8;}
.targetTable .perBox:last-child {border-right:0; background:#EAF4FF;}
.targetTable .perBox .perTarget {height:100%; display:flex; align-items:stretch; flex-direction:column;}
.targetTable .perBox:last-child .perTarget li.pTitle {background:#BDDCFF;}
.targetTable .perBox .perTarget li {padding:20px 42px; border-bottom:1px solid #CACACA; font-size:22px; color:#444; line-height:1.4;}
.targetTable .perBox .perTarget li.pTitle {text-align:center; font-weight:700; background:#FFEAEC;}
.targetTable .perBox .perTarget li:last-child {border-bottom:0;}

.myHis {padding:72px 50px; border-radius:0; text-align:center;}
.myHis .evMidTitle {margin-bottom:16px; color:#ec7d88; font-size:36px; font-weight:700;}
.myHis .myMonth {color:#222; font-size:28px; font-weight:600;}
.myHis .cauTxt {text-align:center; width:100%; justify-content:center; font-size:18px;}
.cauTxt {margin-top:20px; color:#666; font-size:16px; line-height:1.4; display:flex; align-items:flex-start; gap:4px;}
.cauTxt:before {content:'※';}
.cauTxt br {display:none;}

.evOpt {position:relative; background:#FFDADB; z-index:30;}
.evOpt:before {content:''; position:absolute; left:0; top:-19px; width:100%; height:20px; background:url(../img/opt_line_top.svg) repeat-x left top; background-size:auto 20px;}
.evOpt:after {content:''; position:absolute; left:0; bottom:-1px; width:100%; height:20px; background:url(../img/opt_line_btm.svg) repeat-x left top; background-size:auto 20px;}
.evOpt .innerCon {display:flex; gap:12px;}
.evOpt .innerCon .perBnr {display:flex; flex-direction:column; gap:40px; width:calc(50% - 6px); background:#F9FFEF url(../img/ptn_bnr01.svg) no-repeat 50% 50%; background-size:cover; border-radius:32px; padding:32px 35px; filter: drop-shadow(0 0 26px #FFC4C6);}
.evOpt .innerCon .perBnr .txtSec {position:relative;}
.evOpt .innerCon .perBnr .txtSec .title {color:#444; font-size:42px; line-height:1.4; font-family:'YeogiOttaeJalnan';}
.evOpt .innerCon .perBnr .deco {position:absolute; right:18px; bottom:32px; width:107px; height:172px; background:url(../img/opt_ch01.svg) no-repeat 50% 50%; background-size:100%;}
.evOpt .innerCon .perBnr .btnArea a {display:flex; justify-content:center; align-items:center; gap:28px; width:100%; max-width:262px; color:#FFF; font-size:18px; font-family:'YeogiOttaeJalnan'; background:#75C647; border-radius:100px; padding:16px 0; line-height:1.0; letter-spacing:0;}
.evOpt .innerCon .perBnr .btnArea a:after {content:''; width:10px; height:19px; background:url(../img/ar_opt.svg) no-repeat 50% 50%; background-size:100%;}
.evOpt .innerCon .perBnr.newMem {background:#FFFDF2 url(../img/ptn_bnr02.svg) no-repeat 50% 50%; background-size:cover;}
.evOpt .innerCon .perBnr.newMem .deco {position:absolute; right:18px; bottom:32px; width:128px; height:145px; background:url(../img/opt_ch02.svg) no-repeat 50% 50%; background-size:100%;}
.evOpt .innerCon .perBnr.newMem .txtSec .title {color:#F7A37C;}
.evOpt .innerCon .perBnr.newMem .txtSec .desc {color:#444; font-size:18px; line-height:1.4; font-family:'YeogiOttaeJalnan'; margin-top:8px;}
.evOpt .innerCon .perBnr.newMem .btnArea a {background:#F7A37C;}

.comnBox .noLogin {position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.0; z-index:1000;}

@media only screen and (max-width:1200px) {
	.gloHeader {padding:20px;}
	.evInner {padding:0 20px;}
	.eventCauSec .innerCon {padding:90px 20px;}
}

@media only screen and (max-width:720px) {
	.forDesk {display:none !important;}
	.forMo {display:block;}

	.gloHeader {padding:15px;}
	.gloHeader .brand a {width:64px; height:28px;}
	.gloHeader .gloUtil {gap:16px;}
	.gloHeader .gloUtil .logo a {width:75px !important; height:22px !important; background-size:100% auto !important;}
	.gloHeader .gloUtil .account .txtMenu a {font-size:12px; padding:6px 12px;}

	#mo-footer {margin-top:0;}
	#mo-footer .mo-ft-top {padding-top:0;}

	.eventCauSec .innerCon {padding:30px 20px;}
	.cauCon {margin-top:0px;}
	.cauCon .title {font-size:18px; margin-bottom:20px;}
	.cauCon .title:before {width:18px; height:18px; vertical-align:-2px; margin-right:5px;}
	.cauCon .cauBox {padding-left:11px;}
	.cauCon .cauBox:last-child {margin-bottom:0;}
	.cauCon .cauBox .caTitle {font-size:16px; padding-left:10px; margin-bottom:5px;}
	.cauCon .cauBox .caTitle:after {width:4px; height:4px; top:7px;}
	.cauCon .cauBox li {font-size:14px; line-height:1.3; padding:4px 0 4px 10px;}
	.cauCon .cauBox li:after {left:0px; top:11px;}

	a.goTop {width:48px; height:48px; font-size:10px; gap:4px; right:16px; bottom:16px;}
	a.goTop:before {height:8px; background-size:auto 8px;}
	
	.endPop .endClose {right:0;}
	.endPopCont {padding:24px 20px;}
	.endPopCont .epTitle {font-size:30px;}
	.endPopCont .desc {font-size:16px;}

	/*********** 개별 이벤트  **************/
	.evHead .innerCon {padding:90px 25px 0;}
	.evHead h2 {padding:0 10px;}
	.evHead h2:before {width:60px; height:113px; left:-15px; bottom:-40px;}
	.evHead h2:after {width:60px; height:113px; right:-5px; bottom:-40px;}
	.evHead .headBoard {background:url(../img/head_board_mo.png) no-repeat 50% top; background-size:100%;}
	.evHead .headBoard:after {padding-bottom:108.58%;}
	.evHead .inCont {top:10%; padding:0 44px;}
	.evHead .inCont .title {font-size:26px;} 
	.evHead .inCont .title em {font-size:26px;}
	.evHead .inCont .desc {font-size:16px;}
	.evHead .headBoard .child.c01 {left:-20px; width:126px; height:119px;}
	.evHead .headBoard .child.c02 {right:-40px; width:221px; height:158px;}
	.evHead .headBoard .child.c01 {left:-10px; transform:translateX(-20px); width:126px; height:119px;}
	.evHead .headBoard .child.c02 {right:-25px; width:221px; height:158px; background-position:right -20px center;}
	.evHead .inCont .btnArea a {font-size:20px; padding:10px 43px; position:relative; z-index:10;}
	.evHead .inCont .btnArea a:after {width:18px; height:16px; right:8%;}
	.evHead .headGr {height:180px; bottom:-76px; background-size:1024px auto;}

	.btnArea {margin-top:20px;}

	.evIntro .innerCon {padding:140px 15px 54px;}
	.evTitleSec img {height:70px;}
	.evTitleSec .topTxt {font-size:20px; margin-bottom:15px;}
	.evTitleSec .topTxt:before {width:34px; height:35px; left:-41px;}
	.evTitleSec .btmTxt {font-size:30px;}

	.headShadow {text-shadow:-1px -1px 0 #CD5B54, 0 -1px 0 #CD5B54, 1px -1px 0 #CD5B54, -1px 0 0 #CD5B54, 1px 0 0 #CD5B54, -1px 1px 0 #CD5B54, 0 1px 0 #CD5B54, 1px 1px 0 #CD5B54, -2px 0 0 #CD5B54, 2px 0 0 #CD5B54, 0 -2px 0 #CD5B54, 0 2px 0 #CD5B54;}
	.titleShadow {text-shadow:-2px -2px 0 #FFF, 0 -2px 0 #FFF, 2px -2px 0 #FFF, -2px 0 0 #FFF, 2px 0 0 #FFF, -2px 2px 0 #FFF, 0 2px 0 #FFF, 2px 2px 0 #FFF, 2px 4px 0px rgba(242,210,14,1.0), 2px 6px 0px rgba(242,210,14,1.0);}

	.tBlock {padding:16px 0; flex-direction:column; gap:14px;}
	.tBlock .item {font-size:18px; width:100%; text-align:left; line-height:1.4;}
	.tBlock .ipCont {font-size:16px;}
	.tBlock .ipCont .chkList li {font-size:16px; align-items:flex-start;}
	.tBlock .ipCont .chkList li:before {width:18px; height:19px; flex:0 0 auto;}
	.tBlock .ipCont .cauTxt {font-size:14px;}
	.tBlock .ipCont .perGrade .pgTitle {color:#222; font-size:16px; margin-bottom:8px;}
	.tBlock .ipCont .perGrade .number li {font-size:16px; align-items:flex-start; gap:2px;}
	.tBlock .ipCont .perGrade .number li span {flex:0 0 auto; margin-top:2px;}

	.evIntro .comnBox .deco.top {right:-15px; top:-50px; width:176px; height:121px; background-position:right -15px center;}
	.evIntro .comnBox .deco.btm {left:-15px; bottom:-20px; width:72px; height:57px;}
	.evIntro .innerCon > .cauTxt {font-size:14px; margin-top:10px;}
	.evIntro .introGr {height:26px; bottom:-24px; background-size:720px auto;}

	a.btn {font-size:18px; padding:14px 40px; width:100%; text-align:center;}
	a.btn:after {width:40px; height:50px; top:18px; right:0;}

	.evService .innerCon {padding:100px 15px;}
	.evService .evTitleSec .titleShadow {text-shadow:-2px -2px 0 #FFF, 0 -2px 0 #FFF, 2px -2px 0 #FFF, -2px 0 0 #FFF, 2px 0 0 #FFF, -2px 2px 0 #FFF, 0 2px 0 #FFF, 2px 2px 0 #FFF, 2px 4px 0px rgba(246,147,157,1.0), 2px 4px 0px rgba(246,147,157,1.0);}

	.comnTableSec {border-radius:12px; padding:16px 10px; margin-top:30px;}
	.comnTableSec table colgroup {display:none;}
	.comnTableSec table colgroup col {display:none;}
	.comnTableSec table th, .comnTableSec table td {display:block; background:transparent; border-right:0; border-bottom:0; text-align:left; font-size:16px;}
	.comnTableSec table th {padding:14px 10px 0; color:#008ec5;}
	.comnTableSec table td {border-bottom:1px solid #ddd; padding:8px 10px 12px;}
	.comnTableSec table td br {display:block;}
	.comnTableSec table td ul li:after {top:9px;}

	.introEduTech {margin-top:50px; gap:10px;}
	.introEduTech .evTitleSec {width:100%; margin-bottom:30px;}
	.introEduTech .perEduTech {width:calc(50% - 5px); padding:20px;}
	.introEduTech .perEduTech .desc {font-size:16px; line-height:1.3; height:63px;}
	.introEduTech .perEduTech .desc br {display:none;}
	.introEduTech .perEduTech .title {font-size:20px; margin-top:10px;}
	.introEduTech .perEduTech .ico {bottom:14px; right:10px; width:50px;}

	.evService .serviceGr {height:26px; bottom:-6px; background-size:720px auto;}

	.evJoin .innerCon {padding:50px 15px 90px;}
	.evJoin .joinTitle {margin-bottom:30px;}
	.evJoin .joinTitle img {width:180px;}
	.evJoin .inJoin {margin-bottom:60px;}
	.evJoin .inJoin .conGroup .tSec {margin-bottom:12px;}
	.evJoin .inJoin .conGroup .tSec span {padding:6px 18px; font-size:18px;}
	.evJoin .inJoin .conGroup ul.desc {padding:0 0 0 6px;}
	.evJoin .inJoin .conGroup ul.desc li {font-size:16px; line-height:1.4; padding-left:10px;}
	.evJoin .inJoin .conGroup ul.desc li:after {top:8px; width:3px; height:3px;}
	.evJoin .inJoin .comnBox.flex .device .conGroup {width:100%;}
	.evJoin .inJoin .conGroup ul.target li {gap:8px;}
	.evJoin .inJoin .conGroup ul.target li .item {font-size:14px; width:90px; padding:6px;}
	.evJoin .inJoin .conGroup ul.target li .ipCon {font-size:16px;}
	.evJoin .inJoin .conGroup .cauTxt {font-size:14px;}
	.evJoin .inJoin .conGroup ul.step li {gap:8px; align-items:flex-start;}
	.evJoin .inJoin .conGroup ul.step li .item {font-size:14px; padding:6px; width:68px;}
	.evJoin .inJoin .conGroup ul.step li .ipCon {font-size:16px; margin-top:7px;}
	.evJoin .inJoin .conGroup ul.step li .ipCon span {display:block; margin-top:6px;}

	.comnBox {padding:20px; border-radius:12px;}
	.joinForm .comnBox {padding:20px;}
	.comnBox .table_list02 table colgroup {display:none;}
	.comnBox .table_list02 table colgroup col {display:none;}
	.comnBox .table_list02 table th, .comnBox .table_list02 table td {display:block;}
	.comnBox .table_list02 table th {font-size:16px; padding:10px 0 0; font-weight:700;}
	.comnBox .table_list02 table td {padding:6px 0 10px;}
	.comnBox .table_list02 table td input[type="text"] {width:100%; height:40px; line-height:40px; font-size:16px; margin-right:0; padding:0 16px;}
	.comnBox .table_list02 table td .input02 {display:flex; gap:10px;}
	.comnBox .table_list02 table td .input02 input[type="text"] {margin-right:0;}
	.comnBox .table_list02 table td a {height:40px; line-height:40px; font-size:14px; width:160px;}
	.comnBox .table_list02 table td .zip ul li {margin-top:10px;}
	.comnBox .table_list02 table td select {width:100%; height:40px; line-height:40px; font-size:16px;}
	.comnBox .table_list02 table td .sdu span {font-size:16px;}
	.comnBox .table_list02 table td .gray_txt {display:block; font-size:14px; margin-top:6px;}
	.comnBox .radioB {font-size:16px;}
	.comnBox .radioB input[type="radio"] + span {width:20px; height:20px; line-height:1.0; vertical-align:-3px;}
	.class_cnt ul {display:flex; flex-direction:column;}
	.comnBox .table_list02 table td .class_cnt ul li {float:none; display:flex; align-items:center; font-size:16px; margin-right:0;}
	.comnBox .table_list02 table td label.normal {font-size:16px; width:40px;}
	.comnBox .table_list02 table td .class_cnt ul li .select {vertical-align:middle; flex:1;}
	.comnBox .table_list02 table td .gray_txt02 {font-size:14px;}
	.comnBox .btn {margin-top:30px;}
	.comnBox .btn .btn_join {font-size:20px; padding:16px 0;}
	.comnBox .btn .btn_join:after {height:16px;}

	.targetTable {flex-direction:column; border-radius:0; border:0; gap:16px; margin-top:24px;}
	.targetTable .perBox {width:100%; border-right:0; border:1px solid #CACACA; overflow:hidden; border-radius:12px;}
	.targetTable .perBox .perTarget li {padding:10px 20px; font-size:16px;}
	.targetTable .perBox:last-child {border-right:1px solid #CACACA;}

	.evOpt:before {height:10px; background-size:auto 10px; top:-9px;}
	.evOpt:after {height:10px; background-size:auto 10px; bottom:-1px;}
	.evOpt .innerCon {padding:80px 15px; flex-direction:column;}
	.evOpt .innerCon .perBnr {width:100%; border-radius:12px; padding:24px; gap:8px;}
	.evOpt .innerCon .perBnr .txtSec .title {font-size:26px; line-height:1.2;}
	.evOpt .innerCon .perBnr.newMem .txtSec .desc {font-size:16px;}
	.evOpt .innerCon .perBnr .btnArea {justify-content:flex-start;}
	.evOpt .innerCon .perBnr .btnArea a {font-size:16px; max-width:none; width:auto; text-align:left; justify-content:flex-start; padding:14px 24px; gap:16px;}
	.evOpt .innerCon .perBnr .btnArea a:after {height:14px; background-size:auto 100%;}
	.evOpt .innerCon .perBnr .deco {width:70px; height:113px; right:12px; bottom:8px;}
	.evOpt .innerCon .perBnr.newMem .deco {width:80px; height:90px; right:12px; bottom:14px;}

	.myHis {padding:36px 10px;}
	.myHis .evMidTitle {font-size:24px;}
	.myHis .myMonth {font-size:18px; line-height:1.4;}
	.myHis .cauTxt {font-size:16px; width:auto;}
	.myHis .cauTxt br {display:block;}
	.myHis .cauTxt:before {display:none;}
	.introEduTech .evTitleSec > img {height:70px;}

}

@media only screen and (max-width:390px) {

	.evHead .innerCon {padding:90px 25px 0;}
	.evHead .headBoard .child.c01 {left:-10px;}
	.evHead .headBoard .child.c02 {right:-25px;}

	.evHead .inCont .title {font-size:22px;} 
	.evHead .inCont .title em {font-size:22px;}
	.evHead .inCont .desc {font-size:14px;}
	.evHead .inCont .btnArea a {font-size:18px;}

}