@charset "utf-8";
/* for styles */
.flex {display:flex; gap:0px 30px;flex-wrap: wrap;}
	.cal_Wrap {width:900px; max-width:100%; margin:0 auto; padding: 20px 0px;  border:#e1e1e1 0px solid;}
.tbl table {border-top:#333 2px solid;}
.tbl th,
.tbl td {border-bottom:#ddd 1px solid; padding:10px; background:#fff;}
.tbl th {border-right:#ddd 1px solid; font-size:17px; color:#333; font-weight:500; line-height:35px;}
.tbl td .btn {display:block; width:100%;  padding:0px 5px; color:#fff; background:#222; font-weight:700;  border-radius:5px; font-size:13px; line-height:30px; height:32px;}

	.tabs {width:700px; max-width:100%;  display:flex; border:#ddd 1px solid; margin:20px auto; }
	.tabs a { flex:1 1 auto; font-size:18px; color:#666; font-weight:500; line-height:58px; height:58px; text-align:center;}
	.tabs a + a {border-left:#ddd 1px solid;}
	.tabs .on {color:#fff; background:#0b174c;}

	.apply_inputs {position:relative; width:700px; max-width:100%; margin:0px auto; padding:38px 36px 44px; background:#fff; border:1px solid #d7e6ef; border-radius:8px; box-sizing:border-box;}

	.apply_inputs .text_area {margin-top:15px; border:#d7d7d7 1px solid; border-radius:5px; padding:20px 15px;}
	.apply_inputs .text_area.mt {margin-top:30px;}
	.apply_inputs .con {margin-top:20px; height:88px; font-size:14px; color:#666; line-height:22px; overflow:auto;}
	.apply_inputs .btns_tac .btn {margin:0;}
	.apply_inputs .dls {position:relative; border:0px; padding:0px 0;}
	.apply_inputs .dls .inbox {position:relative; width:550px; max-width:100%;}
	.apply_inputs .dls dl {position:relative; padding:10px 0; line-height:1.5em; margin-bottom:20px;}
	.apply_inputs .dls dl:last-child {margin-bottom:0;}
	.apply_inputs .dls dt {display:inline-block; width:100%; font-size:17px; color:#222;  font-weight:500; margin-bottom:10px;}
	.apply_inputs .dls dt p{font-size:0.8em;}
	.apply_inputs .dls dd {display:inline-block; width:100%; font-size:15px; display:flex; gap:6px; flex-wrap:wrap;     align-items: center;} 
	.apply_inputs .dls dd .full {width:100%;}
	.apply_inputs .dls dd .half {width:100%; display:flex; gap:6px; flex-wrap:wrap;}
	.apply_inputs .dls dd .half span {width:calc((100% - 6px)/2);}
	.apply_inputs .dls dd .telEng {width:100%; display:flex; gap:6px; flex-wrap:wrap;}
	.apply_inputs .dls dd .telEng .tel1 {width:90px;}
	.apply_inputs .dls dd .telEng .tel2 {width:calc((100% - 100px));}
	.apply_inputs .dls .text {display:block;  border-radius:5px; margin:0; font-size:14px; border:#e1e1e1 1px solid; }
	.apply_inputs .dls input.text {height:40px; }
	.apply_inputs .dls .text::placeholder {text-align:center;}
	.apply_inputs .dls .text2 {display:inline-block; height:30px; border-radius:5px; margin:0; font-size:14px; border:#e1e1e1 1px solid; }
	.text::placeholder {color:#999;}
	.apply_inputs .text,
	.apply_inputs .tooltip {font-size:0.9em; line-height:1.2em;}

	.apply_inputs .btn_more {display:inline-flex; align-items:center; justify-content:center; padding:0 13px; color:#236f9d; background:#f6fbfe; font-weight:500; border:1px solid #a9cfe4; border-radius:999px; font-size:12px; line-height:30px; height:32px; box-sizing:border-box; vertical-align:middle; cursor:pointer; user-select:none; transition:.2s;}
	.apply_inputs .btn_more:hover {background:#236f9d; border-color:#236f9d; color:#fff;}

	.join_btnBox {width:700px; max-width:100%; margin:0 auto; padding: 20px 0px;  border:0px;}
	.join_btnBox .inbtn {position: relative; display:flex; gap:5px; min-height:50px; margin-top:0px;}
	.join_btnBox .inbtn label.check {margin:0px 5px; line-height: 45px;}
	.join_btnBox .inbtn.eng label.check {font-size:15px;}
	.join_btnBox .inbtn .btn_yak {font-size:15px; color:#2a3a58; line-height: 45px; text-decoration:underline; text-underline-offset:5px;}
	.apply_inputs .btn_confirm .btn {display:block; width:100%;  padding:0px 30px; color:#fff; background:#222; font-weight:700;  border-radius:5px; font-size:17px; line-height:50px; height:52px;}
	.apply_inputs .btn_confirm.eng .btn {padding:0px 10px; font-size:15px; }

	.email_input{display:flex; align-items:center; gap:8px;}
	.email_input input{height:40px; padding:0 10px; font-size:15px; border:1px solid #ccc; box-sizing:border-box;}
	.email_input input:first-child{width:180px;}
	.email_input input:nth-child(3){width:180px;}
	.email_input span{font-size:16px; color:#666;}
	.email_input select{height:40px; padding:0 10px; font-size:14px; border:1px solid #ccc; background:#fff;}

	.input_mail2{display:flex; justify-content:center; margin:35px auto 20px; background:#f8f8f8; padding:10px 10px; gap:10px;}
	.input_mail2 dl{display:flex; width:calc((100% - 85px)/2);}
	.input_mail2 dt{color:#000; width:70px; line-height:40px; text-align:center;}
	.input_mail2 dd{width: calc(100% - 75px);}
	.input_mail2 dt, .input_mail2 dd{display:inline-block;}
	.input_mail2 .text{width:100%;  line-height:40px; height:42px;  background:#fff; border:#ebebeb 1px solid;}
	.input_mail2 .btn{color:#fff; font-weight:700; line-height:40px; height:42px; width:80px; background:#000; text-align:center;}


/* 신청 확인 */
.apply_inputs {width:100%; max-width:700px; margin:70px auto; padding:38px 36px 44px; background:#fff; border:1px solid #d7e6ef; border-radius:8px; box-sizing:border-box;}
.apply_inputs .re03 {position:relative; margin:0 0 18px; padding:15px 18px 15px 46px; background:#f8fbfd; border:1px solid #d7e6ef; border-radius:8px; color:#263f52; font-size:15px; font-weight:500; line-height:1.6;}
.apply_inputs .re03:before {content:"search"; position:absolute; left:16px; top:50%; width:24px; height:24px; margin-top:-12px; color:#5b9ace; font-family:"Material Symbols Outlined"; font-size:24px; font-weight:400; line-height:24px;}
.apply_inputs .input_mail2 {display:flex; align-items:flex-end; gap:8px; margin:0 0 28px; padding:18px; background:#f8fbfd; border:1px solid #d7e6ef; border-radius:8px;}
.apply_inputs .input_mail2 dl {display:block; flex:1; width:auto; margin:0;}
.apply_inputs .input_mail2 dt {display:block; width:100%; margin:0 0 7px; color:#1d5f86; font-size:14px; font-weight:700; line-height:1.3; text-align:left;}
.apply_inputs .input_mail2 dd {display:block; width:100%; margin:0;}
.apply_inputs .input_mail2 .text {width:100%; height:42px; padding:0 13px; background:#fff; border:1px solid #cfdfe9; border-radius:8px; color:#333; font-size:14px; font-weight:400; line-height:40px; box-sizing:border-box;}
.apply_inputs .input_mail2 .text:focus {border-color:#5b9ace; outline:0;}
.apply_inputs .input_mail2 .btn {display:flex; align-items:center; justify-content:center; flex:0 0 78px; width:78px; height:42px; padding:0; background:#236f9d; border:1px solid #236f9d; border-radius:8px; color:#fff; font-size:14px; font-weight:700; line-height:40px; cursor:pointer;}
.apply_inputs .input_mail2 .btn:hover {background:#185f8b; border-color:#185f8b;}
.apply_inputs .tbl {width:100%; overflow:hidden; border:1px solid #d7e6ef; border-radius:8px; background:#fff;}
.apply_inputs .tbl table {width:100%; border:0; border-collapse:separate; border-spacing:0; table-layout:fixed;}
.apply_inputs .tbl colgroup col:nth-child(1) {width:95px !important;}
.apply_inputs .tbl colgroup col:nth-child(3) {width:72px !important;}
.apply_inputs .tbl th {height:46px; padding:0 12px; background:#5b9ace; border:0; border-right:1px solid rgba(255,255,255,.35); color:#fff; font-size:14px; font-weight:700; line-height:46px; text-align:center;}
.apply_inputs .tbl th:last-child {width:72px; padding-left:8px; padding-right:8px; border-right:0; box-sizing:border-box;}
.apply_inputs .tbl td {padding:15px 12px; background:#fff; border:0; border-right:1px solid #edf3f7; border-bottom:1px solid #edf3f7; color:#4f5b64; font-size:14px; font-weight:400; line-height:1.55; vertical-align:middle; box-sizing:border-box;}
.apply_inputs .tbl tr:last-child td {border-bottom:0;}
.apply_inputs .tbl td:last-child {width:72px; padding-left:8px; padding-right:8px; border-right:0; text-align:center;}
.apply_inputs .tbl td:first-child {color:#263f52; font-weight:700; text-align:center;}
.apply_inputs .tbl td:nth-child(2) {word-break:keep-all;}
.apply_inputs .tbl td:nth-child(2) a {color:#236f9d; font-weight:500;}
.apply_inputs .tbl td:nth-child(2) a:hover {text-decoration:underline; text-underline-offset:3px;}
.apply_inputs .tbl .tac {text-align:center; color:#f36b2a; font-weight:700;}
.apply_inputs .tbl td .btn {display:inline-flex; align-items:center; justify-content:center; width:52px; min-width:52px; max-width:52px; height:28px; padding:0; background:#f6fbfe; border:1px solid #a9cfe4; border-radius:8px; color:#236f9d; font-size:13px; font-weight:700; line-height:26px; box-sizing:border-box; white-space:nowrap;}
.apply_inputs .tbl td .btn:hover {background:#236f9d; border-color:#236f9d; color:#fff;}

/* 교육대상 구분 */
.apply_inputs .target_dl {padding-top:0;}
.apply_inputs .target_radio_wrap {display:flex; gap:10px; width:100%; flex-wrap:wrap;}
.apply_inputs .target_radio {position:relative; flex:1; min-width:120px; display:block; padding:0; cursor:pointer; user-select:none;}
.apply_inputs .target_radio input {position:absolute; opacity:0; width:0; height:0;}
.apply_inputs .target_radio span {display:flex; align-items:center; justify-content:center; gap:7px; width:100%; height:48px; border:2px solid #ddd; border-radius:15px; background:#fff; font-size:15px; font-weight:700; box-sizing:border-box; transition:.2s;}
.apply_inputs .target_radio i {display:flex; align-items:center; justify-content:center; width:28px; height:28px; border-radius:50%; color:#fff; font-size:18px; font-weight:400;}
.apply_inputs .target_radio.youth span {border-color:#1f78ad; color:#155f8d;}
.apply_inputs .target_radio.youth i {background:#1f78ad;}
.apply_inputs .target_radio.senior span {border-color:#7b55c7; color:#5f3aa8;}
.apply_inputs .target_radio.senior i {background:#7b55c7;}
.apply_inputs .target_radio.adult span {border-color:#f36b2a; color:#d95618;}
.apply_inputs .target_radio.adult i {background:#f36b2a;}
.apply_inputs .target_radio.youth input:checked + span {background:#1f78ad; border-color:#1f78ad; color:#fff;}
.apply_inputs .target_radio.senior input:checked + span {background:#7b55c7; border-color:#7b55c7; color:#fff;}
.apply_inputs .target_radio.adult input:checked + span {background:#f36b2a; border-color:#f36b2a; color:#fff;}
.apply_inputs .target_radio input:checked + span i {background:#fff;}
.apply_inputs .target_radio.youth input:checked + span i {color:#1f78ad;}
.apply_inputs .target_radio.senior input:checked + span i {color:#7b55c7;}
.apply_inputs .target_radio.adult input:checked + span i {color:#f36b2a;}
.apply_inputs .target_radio input:checked + span:after {content:"check"; display:flex; align-items:center; justify-content:center; width:20px; height:20px; margin-left:2px; border-radius:50%; background:#fff; font-family:"Material Symbols Outlined"; font-size:16px; font-weight:400; line-height:20px;}
.apply_inputs .target_radio.youth input:checked + span:after {color:#1f78ad;}
.apply_inputs .target_radio.senior input:checked + span:after {color:#7b55c7;}
.apply_inputs .target_radio.adult input:checked + span:after {color:#f36b2a;}

/* 교육절차 안내 */
.contact_box {margin:42px 0 0; padding:28px 26px 30px; background:#f8fbfd; border:1px solid #d7e6ef; border-radius:8px;}
.contact_title {display:flex; align-items:center; gap:8px; margin:0 0 22px; padding:0 0 14px; color:#263f52; font-size:1.8em; font-weight:700; line-height:1.3; border-bottom:1px solid #d7e6ef;}
.contact_title .material-symbols-outlined {display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; background:#5b9ace; color:#fff; border-radius:50%; font-size:21px; font-weight:400;}
.contact_desc {margin:0; color:#4f5b64; font-size:15px; line-height:1.7;}
.contact_desc .info1 {display:grid; grid-template-columns:repeat(5,1fr); gap:8px; margin:0 0 20px; font-size:14px; line-height:1.45; font-weight:500;}
.contact_desc .info1 span {position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:82px; padding:14px 8px; background:#fff; border:1px solid #d7e6ef; border-radius:8px; color:#263f52; text-align:center;}
.contact_desc .info1 span + span:before {content:""; position:absolute; left:-8px; top:50%; width:8px; height:1px; background:#9fc4de;}
.contact_desc .info1 i {display:flex; align-items:center; justify-content:center; width:30px; height:30px; margin:0 0 8px; background:#eef6fb; color:#236f9d; border-radius:50%; font-size:20px; font-weight:400; font-style:normal;}

.contact_desc .info2 {display:flex; flex-direction:column; gap:10px; margin:0; padding:18px 18px; background:#fff; border:1px solid #edf3f7; border-radius:8px;}
.contact_desc .info2 p {position:relative; display:block; margin:0; padding:0 0 0 30px; color:#5b6770; line-height:1.65;word-break: keep-all;}
.contact_desc .info2 p strong {display:block; margin:0 0 4px; color:#263f52; font-size:15px; font-weight:700; line-height:1.4;}
.contact_desc .info2 p br {display:none;}
.contact_desc .info2 .material-symbols-outlined {position:absolute; left:0; top:1px; color:#5b9ace; font-size:20px; font-weight:400; line-height:1;}

.contact_info {display:flex; gap:12px; margin:18px 0 0;}
.contact_item {display:flex; align-items:center; gap:10px; width:100%; padding:15px 18px; background:#fff; border:1px solid #d7e6ef; border-radius:8px;}
.contact_item .icon {display:flex; align-items:center; justify-content:center; width:36px; height:36px; background:#236f9d; color:#fff; border-radius:50%; font-size:1.8em; font-weight:400;}
.contact_item .text {color:#263f52; font-size:15px; font-weight:500; line-height:1.5;}


.apply_view_top {position:relative; display:block; width:100%; margin:0;}
.apply_view_top .tit {position:relative; display:flex; align-items:center; min-height:50px; margin:0 0 26px; padding:0 0 22px 96px; color:#263f52; font-size:24px; font-weight:700; line-height:1.35; border-bottom:1px solid #d7e6ef; box-sizing:border-box;}
.apply_view_top .tit:before {content:""; position:absolute; left:0; bottom:-1px; width:96px; height:2px; background:#5b9ace;}

.apply_view_top .type {position:absolute; left:0; top:50%; display:inline-flex; align-items:center; justify-content:center; width:58px; height:32px; margin:-27px 0 0 19px; padding:0; background:#5b9ace; color:#fff; border-radius:999px; font-size:14px; font-weight:700; line-height:32px;}
.apply_view_top .status {position:absolute; top:2px; right:0; display:inline-flex; align-items:center; justify-content:center; min-width:68px; height:32px; margin:0; padding:0 16px; background:#c1c1c1; color:#fff; border-radius:999px; font-size:14px; font-weight:700; line-height:32px;}
.apply_view_top .status.success {background:#f36b2a; color:#fff;}
.apply_view_top .status.end {background:#7f9aaa;}
.apply_view_top .status.cancel {background:#aeb8bf;}

.apply_view_top .txt {width:100%; padding:2px 0 0;}
.apply_view_top dl {display:flex; align-items:flex-start; gap:18px; margin:0; padding:17px 0; font-size:16px; line-height:1.55; border-bottom:1px solid #edf3f7;}
.apply_view_top dl + dl {margin-top:0;}
.apply_view_top dt {flex:0 0 122px; width:122px; color:#1d5f86; font-size:15px; font-weight:700; line-height:1.55;}
.apply_view_top dd {flex:1; width:auto; margin:0; color:#4f5b64; font-size:15px; font-weight:400; line-height:1.65; word-break:keep-all;}
.apply_view_top .btns {display:flex; gap:12px; margin-top:24px;}
.apply_view_top .btns + .btns {margin-top:12px;}
.apply_view_top .btns .btn {display:flex; align-items:center; justify-content:center; width:calc(50% - 6px); height:48px; background:#236f9d; color:#fff; border-radius:999px; font-size:15px; font-weight:700; line-height:48px; text-align:center;}
.apply_view_top .btns .c1 {background:#236f9d; color:#fff;}
.apply_view_top .btns .c2 {background:#7b55c7; color:#fff;}
.apply_view_top .btns .c3 {background:#f36b2a; color:#fff;}
.apply_view_top .btns .c4 {background:#1f78ad; color:#fff;}
.apply_view_top .btns .btn:hover {opacity:.92;}
.apply_inputs .status.success {background:#f36b2a; color:#fff;}
.apply_inputs .status.end {background:#7f9aaa;}
.apply_inputs .status.cancel {background:#aeb8bf;}

.txt_info {display:flex; align-items:center; gap:8px; margin:30px 0px; padding:0 0 14px; color:#263f52;  font-weight:700;font-size:1.2em; line-height:1.3; }
.txt_info .material-symbols-outlined {display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; background:#5b9ace; color:#fff; border-radius:50%; font-size:21px; font-weight:400;}
	.card_download {position: relative; display:flex; gap:15px;justify-content: center;}
	.card_download a {width:calc((100% - 10px)/4); min-height:100px; padding:10px 10px; background:#236f9d;}
	.card_download p {font-size:1.2em; color:#fff; font-weight:700; line-height:1.5em;  text-align:center; margin-bottom:20px; display:flex; justify-content:center; align-items:center;}
	.card_download span { font-size:1em;display:block; width:100%; height:35px; line-height:35px; padding:0 10px; color:#666; background:#fff url('/images/icon_download.png') no-repeat right 18px center;}

/* 행사 안내 */
	.class_box {padding:30px 25px;gap:30px; align-items:flex-start;}
	.class_box .imgfit {width:300px; aspect-ratio:1/1; border-radius:10px;}
	.class_box .txt {position:relative; width:calc(100% - 330px);}
	.class_box .tit {position:relative; font-size:25px; color:#222; font-weight:700; line-height:28px; padding:10px 130px 20px 0; border-bottom:#ebebeb 1px solid; margin-bottom:30px;    display:block;}

	.class_box .tit i {position:absolute; top:0; right:0; font-size:16px; color:#666; line-height:34px; padding-right:56px;}
	.class_box .tit i:after {content:""; position:absolute; top:50%; right:0; width:34px; height:34px; border-radius:50%; background:var(--iden) url('/images/arrow_more.png') no-repeat 50% 50%; transform:translateY(-50%);}
	.class_box dl {display:flex; font-size:16px; line-height:20px;}
	.class_box dl + dl {margin-top:15px;}
	.class_box dt {width:75px; color:#222; font-weight:600;}
	.class_box dd {position:relative; color:#666; width:calc(100% - 75px); padding-left:17px;}


/* 팝업창 */
	.popup, .popup .dm {position:fixed; top:0; left:0; width:100%; height:100%;}
	.popup {z-index:101; display:none;}

	.popup .inbox {position:absolute; top:50%; left:50%; width:860px; max-width:calc(100vw - 40px); max-height:calc(100vh - 40px); background:#fff; border:1px solid #d7e6ef; border-radius:8px; transform:translate(-50%,-50%); padding:0; overflow:hidden;}

	.popup .dm {background:rgba(0,0,0,.6);}

	.popup .tit {display:flex; align-items:center; gap:12px; min-height:88px; margin:0; padding:0 78px 0 30px; background:#f8fbfd; color:#263f52; font-size:20px; font-weight:700; line-height:1.35; border-bottom:1px solid #d7e6ef; box-sizing:border-box;}
	.popup .tit strong { color:#1d5f86; font-weight:700; }
	.popup .tit > .material-symbols-outlined {flex:0 0 36px; display:flex; align-items:center; justify-content:center; width:36px; height:36px; background:#5b9ace; color:#fff; border-radius:50%; font-size:21px; font-weight:400; line-height:36px;}
	.popup .btn_close {position:absolute; top:25px; right:18px; z-index:2; display:flex; align-items:center; justify-content:center; width:38px; height:38px; padding:0; background:#fff; border:1px solid #d7e6ef; border-radius:50%; color:#236f9d; font-size:0; line-height:1; cursor:pointer; box-sizing:border-box;}
	.popup .btn_close .material-symbols-outlined {display:block; width:22px; height:22px; font-size:22px; font-weight:400; line-height:22px; text-align:center;}
	.popup .btn_close:hover {background:#236f9d; border-color:#236f9d; color:#fff;}

	.popup .con {max-height:calc(100vh - 170px); overflow:hidden auto;}
	.class_box {display:flex; gap:28px; align-items:flex-start; padding:30px;}
	.class_box .imgfit {flex:0 0 280px; width:280px; aspect-ratio:4/3; border-radius:16px; overflow:hidden; background:#eef6fb; border:1px solid #d7e6ef;}
	.class_box .imgfit img {display:block; width:100%; height:100%; object-fit:cover;}
	.class_box .txt {position:relative; flex:1; width:auto; padding:4px 0;}
	.class_box dl {display:flex; align-items:flex-start; gap:16px; margin:0; padding:17px 0; font-size:15px; line-height:1.55; border-bottom:1px solid #edf3f7;}
	.class_box dl:first-child {padding-top:0;}
	.class_box dl:last-child {border-bottom:0;}
	.class_box dl + dl {margin-top:0;}
	.class_box dt {display:flex; align-items:center; gap:7px; flex:0 0 88px; width:88px; color:#1d5f86;  font-weight:700; line-height:1.5;}
	.class_box dt .material-symbols-outlined {display:flex; align-items:center; justify-content:center; width:28px; height:28px; background:#eef6fb; color:#236f9d; border-radius:50%; font-size:18px; font-weight:400;}
	.class_box dd {position:relative; flex:1; width:auto; margin:0; padding:1px 0 0; color:#4f5b64; line-height:1.3;}

	/* 약관보기 팝업창 */
	.pop_yak .inbox {width:720px;}
	.pop_yak .con {padding:30px; background:#fff;}
	.pop_yak .yak_box {width:100%; margin:0; padding:0;}
	.pop_yak .yak_intro {position:relative; margin:0 0 18px; padding:18px 20px; background:#f8fbfd; border:1px solid #d7e6ef; border-radius:8px; color:#263f52; font-size:1.1em; font-weight:500; line-height:1.65; word-break:keep-all;}
	.pop_yak .yak_cont {display:flex; flex-direction:column; gap:10px; margin:0;}
	.pop_yak .yak_cont dl {display:flex; align-items:flex-start; gap:16px; margin:0; padding:17px 0; border-bottom:1px solid #edf3f7;}
	.pop_yak .yak_cont dl:first-child {border-top:1px solid #edf3f7;}
	.pop_yak .yak_cont dt {display:flex; align-items:center; gap:7px; flex:0 0 126px; width:126px; color:#1d5f86; font-size:1.1em; font-weight:700; line-height:1.5;}
	.pop_yak .yak_cont dt .material-symbols-outlined {display:flex; align-items:center; justify-content:center; width:28px; height:28px; background:#eef6fb; color:#236f9d; border-radius:50%; font-size:1.2em; font-weight:400;}
	.pop_yak .yak_cont dd {flex:1; width:auto; margin:0; padding:1px 0 0; color:#4f5b64; font-size:1.1em; font-weight:400; line-height:1.65; word-break:keep-all;}
	.pop_yak .yak_notice {position:relative; margin:20px 0 0; padding:15px 18px 15px 45px; background:#fff7f1; border:1px solid #f3c6ae; border-radius:8px; color:#d95618; font-size:1.1em; font-weight:700; line-height:1.55; word-break:keep-all;}
	.pop_yak .yak_notice:before {content:"check_circle"; position:absolute; left:17px; top:50%; width:20px; height:20px; margin-top:-10px; font-family:"Material Symbols Outlined"; font-size:1.2em; font-weight:400; line-height:20px;}

	label.radio,
	label.check {position:relative; display:inline-block; vertical-align:sub; color:#666; line-height:40px;font-size: 16px;}
	label.radio {padding-left:24px;}
	label.check {padding-left:24px;}
	label.radio input,
	label.check input {display:none;}

	label.radio i{position:absolute; left:0; border:#666 1px solid; border-radius:50%; overflow:hidden;}
	label.check i {position:absolute; left:0; border:#666 1px solid; border-radius:0px; overflow:hidden;}

	label.radio i {top:12px; width:16px; height:16px; margin-top: 0px;}
	label.check i {top:12px; width:18px; height:18px; margin-top: 0px;}
	label.radio i:before,
	label.check i:before {content:""; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); transition:.2s linear;}
	label.radio i:before {background:#0c2843; width:0; height:0; background:#0c2843; border-radius:50%;}
	label.check i:before {width:100%; height:100%; background: #0c2843; opacity:0;}
	label.radio input:checked + i:before {width:10px; height:10px;}
	label.check input:checked + i {border-color:#e5e5e5;}
	label.check input:checked + i:before {opacity:1;}
	label.radio .text, label.check .text {display:inline-block; vertical-align:top; width:220px; margin:0 5px;}

	label.radio strong,
	label.check strong {color:#1d5f86; }



@media screen and (max-width:467px){
	body {min-width: 350px;}
	.tabs { margin-bottom:15px;}
	.tabs a {font-size:13px; line-height:38px; height:38px; }
	.btn {padding:0 15px !important;font-size: 13px !important;    line-height: 30px !important;    height: 30px !important;}

	.search_wrap { padding:10px 10px; margin-top:0px;}
	.search_wrap input.text {width:calc(100% - 80px); margin-right:2px; padding:0 10px;}
	.search_wrap .btn {width:56px; font-size:13px; height: 40px; border-radius: 0px;}
	.search_wrap .text {height:30px; font-size:13px;    padding: 0px;}

	.apply_inputs {padding: 10px 10px;  border:0px; margin: 10px 0px;}
	.apply_inputs .text_area {padding:10px; margin-top:10px;}
	.apply_inputs .text_area.mt {margin-top:20px;}
	.apply_inputs .con {font-size:13px; line-height:20px; height:80px; margin-top:10px;}
	.apply_inputs .text,
	.apply_inputs .btn {height:40px; line-height: 1.5em; font-size:13px;}
	.apply_inputs .dls {padding:0px 0; margin-top:0px;}
	.apply_inputs .dls dl {line-height:40px; padding:5px 0; margin-bottom:10px;}
	.apply_inputs .dls dt {font-size:13px; margin-bottom:0px;}
	.apply_inputs .dls dd { font-size:13px;}
	.apply_inputs .dls .text {height:40px; font-size:13px;}
	.apply_inputs .btns_tac .btn_kakao,
	.apply_inputs .btns_tac .btn_naver {width:100%;}
	.email_input{flex-wrap:wrap; gap:6px;}
	.email_input input{height:36px; padding:0 8px; font-size:14px; width:calc(50% - 13px);}
	.email_input input:first-child{width:calc(50% - 13px);}
	.email_input input:nth-child(3){width:calc(50% - 13px);}
	.email_input span{font-size:14px; line-height:36px;}
	.email_input select{height:36px; padding:0 8px; font-size:13px; width:100%;}
	.eduBox .flex li{line-height: 1.5em; padding:5px 0;}
	.apply_inputs .btn_more{line-height: 26px; height: 28px;font-size: 11px;}

	.input_mail2{margin:15px 5px; justify-content: left; flex-wrap:wrap; gap:5px;}
	.input_mail2 dl{ width:95%; }
	.input_mail2 dl + dl { width:calc(100% - 90px); }
	.input_mail2 dt{font-size:13px;line-height:30px; width:60px;}
	.input_mail2 dd{width:calc(100% - 65px);}
	.input_mail2 .text{width:100%;  line-height:30px; height:32px;  }
	.input_mail2 .btn{width:60px; font-size:14px;  line-height:30px; height:32px; }

	.join_btnBox {padding: 10px 0px;  border:0px;}
	.join_btnBox .inbtn {position: relative;  flex-wrap: wrap;}
	.join_btnBox .inbtn label.check {font-size:12px; margin:0px 5px; line-height: 40px;}
	.join_btnBox .inbtn.eng label.check {font-size:13px; line-height:20px;}
	.join_btnBox .inbtn .btn_yak {font-size:12px; line-height: 40px;}
	.join_btnBox .btn_confirm .btn {position: relative; height:42px; line-height:40px; font-size:13px; width:100%;}
/* 행사 안내 */
	.class_box  {position:relative; padding:5px; }
	.class_box .imgfit,
	.class_box .txt {width:100%;}
	.class_box .tit {font-size:16px; padding:8px 0 15px 0; margin-bottom:20px;}
	.class_box dl {width:100%; padding:5px 0; font-size:13px; line-height:1.3;}
	.class_box dl + dl {margin-top:5px;}
	.class_box dt { flex: 0 0 70px;}
	.class_box dd {width:calc(100% - 60px);}
	.class_box dd:before {height:8px;}



	.apply_view_top .imgfit,
	.apply_view_top .txt {width:100%;}
	.apply_view_top .tit {font-size:18px; line-height:24px;}
	.apply_view_top .type {font-size:12px; line-height:30px; padding:5px 10px;margin-right:5px;}
	.apply_view_top ul {gap:10px; margin:10px 0; padding:5px 0;}
	.apply_view_top li {font-size:14px;}
	.apply_view_top li + li:before {left:-5px;}
	.apply_view_top dl {font-size:13px;}
	.apply_view_top dl + dl {margin-top:10px;}
	.apply_view_top dt {width:60px;}
	.apply_view_top dd {width:calc(100% - 60px);}
	.apply_view_top .btns {gap:10px; margin-top:20px;}
	.apply_view_top .btns .btn {width:calc(50% - 5px); height:40px; line-height:40px; font-size:13px;}

	.card_download {gap:10px; flex-wrap: wrap;}
	.card_download a {width:calc((100% - 20px)/2); height:auto; padding:10px 10px;}
	.card_download p { margin-bottom:10px;}
	.card_download span {height:30px; line-height:30px; padding:0 10px; }

	.contact_box {margin:22px 0 0; padding:15px 10px;  border-radius:8px;}
	.contact_desc { font-size:13px; }
	.contact_desc .info1 {display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin:0 0 20px; font-size:13px; }
	.contact_desc .info2 p{line-height:1.5em;}

/* 팝업 */
	.popup .inbox {padding:15px 10px; width:calc(100vw - 40px); max-width:calc(100vw - 40px);}
	.popup .btn_close {top:0; right:0; width:40px; background-size:20px;}
	.popup .tit {font-size:13px; line-height:1.3em; padding: 0 18px 0 10px; margin-bottom:10px;}
	.popup .scroll {max-height:calc(100vh - 117px);}	
	.pop_yak .tit {min-height: 58px;}
	.pop_yak .con{padding:10px 0px;font-size:12px;}
	.pop_yak .yak_cont dl{gap:8px;padding: 10px 0;}
	.pop_yak .yak_cont dt{    flex: 0 0 96px; width: 96px;}

	label.radio,
	label.check {line-height:30px; font-size:13px; line-height:23px; padding-left: 20px;}
	label.radio i {top:4px;}
	label.check i {top:4px;}
	label.radio .text {width:calc(100% - 100px);}

	label.check {padding-right:10px;}

}