/* common */
.sub_visual {height: 400px; background: url(../img/sub/sub_visual_bg.png) no-repeat center / cover; position: relative;}
.sub_visual.academy {background: url(../img/sub/academy_visual_bg.png) no-repeat center / cover;}
.sub_visual .container {height: 100%; display: flex; align-items: center; justify-content: center; }
.sub_visual .sub_visual_title {font-size: 4.06rem; text-align: center; color: #fff;}

.subnavi_wrapper {position: absolute; left: 50%; bottom:30px; transform: translateX(-50%); width: 100%; max-width: 458px; z-index: 2;}

#subnavi {position:relative; z-index:10; height:56px;  text-align:center; background:rgba(0,0,0,0.3); border-radius: 5px; backdrop-filter: blur(20px);}
#subnavi .home {overflow:hidden; position:relative; width:56px; height:56px; text-indent:-999px; background:url('../img/sub/home.svg') no-repeat center;}
#subnavi .home::after {position:absolute; top:50%; right:0; width:1px; height:12px; background:rgba(255,255,255,0.3); content:''; transform: translateY(-50%);} 
#subnavi .inbox {display:flex; width:100%; margin:auto; vertical-align:top; text-align:left;}
#subnavi .inbox > div {position:relative; flex: 1;}
#subnavi .inbox > div::after {position:absolute; top:50%; right:0; transform: translateY(-50%); width:1px; height:12px; background:rgba(2255,255,255,0.3); content:''}
#subnavi .inbox > div:last-child::after {display:none;}
#subnavi .inbox > div > a {width: 100%; display: inline-flex; align-items: center; gap:20px; overflow:hidden; position:relative; height:56px; padding-left:40px; padding-right:10px; font-size:1.06rem; color:#fff; line-height:56px; white-space:nowrap; text-overflow:ellipsis;}
#subnavi .inbox > div > a::after {content:''; display: block; width: 18px; height: 18px; background: #fff; mask:url(../img/sub/menu_down.svg) no-repeat center / cover; -webkit-mask:url(../img/sub/menu_down.svg) no-repeat center / cover; transition:all 0.4s;}
#subnavi .inbox > div.on > a::after {transform:rotate(180deg);}
#subnavi ul {display:none; position:absolute; top:56px; left:-1px; right:-1px; border:1px solid #eaeaea; border-top:0; border-bottom:0; background:#fff; border-radius: 0 0 5px 5px; overflow: hidden;}
#subnavi ul li {border-bottom:1px solid #eaeaea;}
#subnavi ul a {display:block; position:relative; padding-left:25px; font-size: 1rem; color:#222222; line-height:55px; text-align:left; background:#fff; transition:all 0.4s;}
#subnavi ul .on a, #subnavi ul a:hover {background:#f3f3f3;}
#subnavi ul .on a:after , #subnavi ul a:hover:after {background-position:0 0;} 

.sub_cont .sub_cont_title {text-align: center; font-size: 2.5rem; font-weight: 700; word-break: keep-all;}

/* table */
.tbl_wrap.col2 {display: flex; align-items: stretch; gap: 20px;}
.tbl_wrap.col2 > * {flex: 1;}
.tbl_wrap.col2 .inner table {height: 100%;}

.tbl_wrap .inner_tbl {overflow: hidden; border-radius: 0 0 10px 10px; border: 1px solid var(--line-color); height: 100%;}
.tbl_wrap .inner_head {border-radius: 10px 10px 0 0; overflow: hidden;}
.tbl_wrap table colgroup col.w_150 {width: 150px;}
.tbl_wrap table colgroup col.w_120 {width: 120px;}
.tbl_wrap table thead th {color: #fff; font-size:  0.94rem; height: 40px; font-weight: 600; background: #aaa;}

.tbl_wrap table tbody th,
.tbl_wrap table tbody td {font-size: 0.94rem; font-weight: 400; padding: 6px; text-align: center; word-break: keep-all;}
.tbl_wrap table tbody th {background: var( --background-color-2); border-bottom: 1px solid var(--line-color); border-right: 1px solid var(--line-color);}
.tbl_wrap table tbody td {border-bottom: 1px solid var(--line-color); border-right: 1px solid var(--line-color);}
.tbl_wrap table tbody td:last-child {border-right: 0;}
.tbl_wrap table tbody tr:last-child td {border-bottom: 0;}
.tbl_wrap table tbody tr.last-header th {border-bottom: none;}

.tbl_wrap.scrollbar_style {overflow-x: auto}
.tbl_wrap.scrollbar_style table {min-width: 1000px}
.tbl_wrap.scrollbar_style.mw_700 table {min-width: 700px}
.tbl_wrap.scrollbar_style.mw_600 table {min-width: 600px}
.tbl_wrap.scrollbar_style.mw_500 table {min-width: 500px}

/* 개인정보처리방침 */
.privacy_wrap {white-space: pre-wrap; word-break: keep-all;}
.privacy_wrap strong {padding-bottom: 10px; display: block;}

/* 학술행사 부분 */
.sub_tit_header {display: flex; justify-content: space-between; align-items: center; gap: 30px;}
.sub_tit_header .sub_cont_title {text-align: left;}
.sub_tit_header.single {justify-content: flex-end;}

.toggle_wrap {display: flex; overflow: hidden; background: var(--background-color-2); height: 50px; border-radius: 50px;}
.toggle_wrap > * {display: inline-flex; width: 140px; justify-content: center; align-items: center; height: 100%; border-radius: 50px; color: var(--text-secondary);}
.toggle_wrap > *.on {background: #fff; box-shadow: inset 0 0 0 2px var(--board-color); -webkit-box-shadow: inset 0 0 0 2px var(--board-color);	color: var(--board-color);}

.schedule_box {background: var(--background-color-2); border-radius: 10px;}
.schedule_box ul {display: flex;}
.schedule_box ul li {padding: 30px 35px; display: flex; flex-direction: column; gap: 8px; position: relative;}
.schedule_box ul li:first-child {flex: 2;}
.schedule_box ul li + li {flex: 1;}
.schedule_box ul li + li::before {content:''; display: block; width: 1px; height: 50px; background: var(--line-color); position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.schedule_box ul li p {word-break: keep-all;}

.register_info > div {display: flex; gap: 35px; border-bottom: 1px solid var(--line-color);}
.register_info .tit {width: 200px; flex-shrink: 0;}
.register_info .tit::after {content: ''; display: inline-block; width: 6px; height: 6px; background: var(--main-color); border-radius: 50%; margin-left: 8px; vertical-align: super;}
.register_info ul {flex: 1; display: flex; flex-direction: column; gap: 10px;}
.register_info ul li {position: relative; padding-left: 10px; word-break: keep-all;}
.register_info ul li::before{content:'-'; position: absolute; left: 0; top: 0;}

/* form */

/*input*/
.input_basic_col2 {display: flex; gap:0 10px}
.input_basic_col2 > .item {}
[class*="input_basic_"][class*="wd_100pr"] .item {width: 100%}


.input_basic {border-radius: 6px; border: 1px solid var(--line-color); padding: 0 15px; height: 44px; width: 100%; max-width: 332px; font-size: 0.88rem;}
.input_basic:focus-visible {outline: none; border: 1px solid var(--main-color)}
.input_basic::placeholder {color: #bababa}
.input_basic::-webkit-input-placeholder {color: #bababa}
.input_basic::-moz-placeholder {color: #bababa}
.input_basic::-ms-input-placeholder {color: #bababa}

.input_basic.wd_200 {width: 200px}
.input_basic.wd_280 {width: 280px}
.input_basic.wd_135 {width: 135px}
.input_basic.wd_138 {width: 138px}
.input_basic.wd_small {max-width: 280px;}
.input_basic.wd_full {max-width: 100%}

.input_basic:read-only {background: var(--line-color); border:none; -webkit-appearance:none; /* 크롬 화살표 없애기 */-moz-appearance:none; /* 파이어폭스 화살표 없애기 */appearance:none /* 화살표 없애기 */}
.input_basic:read-only:focus-visible {outline: none; border:none;}

.les_label + .input_basic {margin-top: 10px}
.les_label + .password_wrap {margin-top: 10px}

input.invalid {border: 1px solid var(--caution)}
input.invalid:focus-visible {outline:none; border: 1px solid var(--caution)}
* + .input-error-message {padding-top: 5px}
.input-error-message {color: var(--caution); line-height: 1.4}
.input-error-message.display_none {display: none}

input.approve {border: 1px solid var(--key-color); background: url(../img/common/icon_approve.svg) no-repeat calc(100% - 5px) / 27px !important; padding: 0 35px 0 15px;}
input.approve:focus-visible {outline:none; border: 1px solid var(--key-color)}

.password_wrap {position: relative; width: 100%;}
.password_wrap .eye {cursor: pointer; display: block; width: 24px; height: 24px; background: #000; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); transition: transform .2s;}
.password_wrap .eye.active {mask:url(../img/common/icon_eye_off.svg) no-repeat center / contain; -webkit-mask: url(../img/common/icon_eye_off.svg) no-repeat center / contain;}
.password_wrap .eye.active_none {mask: url(../img/common/icon_eye.svg) no-repeat center / contain; -webkit-mask: url(../img/common/icon_eye.svg) no-repeat center / contain}

.phone_wrap {max-width: 332px; display: flex; align-items: center; gap: 5px;}
.phone_wrap .dash {font-size: 12px;}

/*input datapickler*/
.input_basic.datepicker {background: var(--white) url(../img/sub/icon_calender.svg) no-repeat calc(100% - 15px) 50% / 16px; padding: 0 35px 0 15px}

/*checkbox & radio*/
.chk_wrap {display: flex; gap: 0 30px}
.chk_wrap .chk_item {position: relative; display: flex; align-items: center; gap: 0 8px}
.chk_wrap .chk_item input[type="checkbox"],
.chk_wrap .chk_item input[type="radio"] {position: absolute; left: 0; top: 0; width: 0; height: 0; opacity: 0}
.chk_wrap .chk_item label {position: relative; display: flex; align-items: center; gap: 0 8px; cursor: pointer; transition: all .2s}
.chk_wrap .chk_item label::before{content:''; flex-shrink: 0; display: block; width: 18px; height: 18px; border-radius: 3px; background: #fff; border: 1px solid var(--line-color)}
.chk_wrap .chk_item input[type="radio"] + label::before {border-radius: 50%}
.chk_wrap .chk_item:hover label {color: var(--main-color)}
.chk_wrap .chk_item input[type="checkbox"]:checked + label::before {border: none; background: var(--main-color);}
.chk_wrap .chk_item input[type="checkbox"]:checked + label::after {content:''; width: 20px; height: 20px; background: #fff; mask:url(../img/sub/icon_chk.svg) no-repeat center / 20px; position: absolute; left: -1px; top: -1px;}
.chk_wrap .chk_item input[type="radio"]:checked + label::before {border: 1px solid var(--main-color)}
.chk_wrap .chk_item input[type="radio"]:checked + label::after {content: ''; width: 10px; height: 10px; background: var(--main-color); display: block; border-radius: 50%; position: absolute; left: 4px; top: 50%; transform: translateY(-50%)}
.chk_wrap .chk_item input:focus-visible + label {outline: 2px dashed var(--main-color2)}

.chk_wrap.type_circle .chk_item input[type="checkbox"] + label::before {border-radius: 50%}

.chk_wrap.gap10 {gap:15px 10px}
.chk_wrap.gap20 {gap:15px 20px}
.chk_wrap.gap30 {gap:15px 30px}
.chk_wrap.grid4 {display: grid; grid-template-columns: repeat(4, 1fr)}
.chk_wrap.grid5 {display: grid; grid-template-columns: repeat(5, 1fr)}
.chk_wrap.grid9 {display: grid; grid-template-columns: repeat(8, 1fr)}
.chk_wrap[class*="grid"] .chk_item label{white-space: nowrap}

.chk_wrap.center {justify-content: center}

.chk_wrap.disable .chk_item label {color: var(--text-disabled); cursor: inherit;}
.chk_wrap.disable .chk_item input[type="radio"]:checked + label::before {border: 1px solid var(--text-disabled);}
.chk_wrap.disable .chk_item input[type="radio"]:checked + label::after {background: var(--text-disabled);}

.chk_list {display: flex; flex-direction: column; gap: 10px;}
.chk_list .chk_wrap {gap: 10px;}
.chk_list .chk_wrap .chk_item label::before {border: none; background: none;}
.chk_list .chk_wrap .chk_item input[type="checkbox"]:checked + label::before {background: none;}
.chk_list .chk_wrap .chk_item label::after {content: ''; width: 20px; height: 20px; background: #aaa; mask: url(../img/sub/icon_chk.svg) no-repeat center / 20px; position: absolute; left: -1px; top: -1px;}
.chk_list .chk_wrap .chk_item input[type="checkbox"]:checked + label::after {background: var(--main-color);}

/*checkbox & radio box type*/
.box_chk_wrap {display: grid; gap: 4px}
.box_chk_wrap.col4 {grid-template-columns: repeat(4, 1fr)}
.box_chk_wrap.col3 {grid-template-columns: repeat(3, 1fr)}
.box_chk_wrap .box_chk {position: relative; height: 38px}
.box_chk_wrap .box_chk input[type="checkbox"],
.box_chk_wrap .box_chk input[type="radio"] {position: absolute; left: 0; top: 0; width: 0; height: 0; opacity: 0}
.box_chk_wrap .box_chk label {transition: all .2s; border-radius: 5px; background: var(--bg-gray4); display: flex; align-items: center; padding-left: 48px; cursor: pointer; width: 100%; height: 100%; position: relative}
.box_chk_wrap .box_chk label::before {content: ''; display: block; width: 18px; height: 18px; background: var(--white); border: 1px solid #d9d9d9; border-radius: 50%; position: absolute; left: 20px; top: 50%; transform: translateY(-50%)}
.box_chk_wrap .box_chk label:hover,
.box_chk_wrap .box_chk input:checked + label {background: var(--mid-blue); color: var(--white)}
.box_chk_wrap .box_chk label:hover::before,
.box_chk_wrap .box_chk input:checked + label::before {border: 1px solid var(--key-color)}
.box_chk_wrap .box_chk input:checked + label::after {content: ''; display: block; width: 10px; height: 10px; background: var(--key-color); border-radius: 50%; position: absolute; left: 24px; top: 50%; transform: translateY(-50%)}

.box_chk_wrap.style_tag {display: flex; flex-wrap: wrap; gap: 4px;}
.box_chk_wrap.style_tag .box_chk label {transition: all .2s; border-radius: 5px; background: var(--bg-gray4); display: flex; align-items: center; cursor: pointer; width: 100%; height: 100%; position: relative; padding: 0 10px;}
.box_chk_wrap.style_tag .box_chk label::before{display:none;}
.box_chk_wrap.style_tag .box_chk input:checked + label::after{display:none;}
.box_chk_wrap.style_tag .box_chk label:hover {background: var(--mid-blue);}

/*select*/
.select_basic {border-radius: 6px; border: 1px solid var(--line-color); height: 44px; width: 100%}
.select_basic.wd_100 {max-width: 100px}
.select_basic.wd_125 {max-width: 125px}
.select_basic.wd_130 {max-width: 130px}
.select_basic.wd_150 {max-width: 150px}
.select_basic.wd_200 {max-width: 200px}
.select_basic.wd_280 {max-width: 280px}
.select_basic select {width: 100%; border-radius: 6px; height: 100%; padding: 0 15px; border: none; appearance: none; -webkit-appearance: none; background: #fff url(../img/sub/icon_select.svg) no-repeat calc(100% - 15px) 50% / 10px;}
.select_basic:has(select:focus) {outline: none; border: 1px solid var(--key-color);}
.select_basic:has(select.invalid) {border: 1px solid var(--caution)}

/*textarea*/
.basic_textArea {border-radius: 6px; border: 1px solid var(--line3); padding: 10px 15px; height: 100px; width: 100%; resize: none}
.basic_textArea::placeholder {color: #bababa}
.basic_textArea::-webkit-input-placeholder {color: #bababa}
.basic_textArea::-moz-placeholder {color: #bababa}
.basic_textArea::-ms-input-placeholder {color: #bababa}

.basic_textArea.h_370 {height:370px}

/*file upload*/
.filebox {position: relative; display: flex; width: 100%;}
.filebox label {margin:0!important;}
.filebox input[type="file"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
.filebox + .filebox {padding-top:10px;}
.filebox + .file_del {display:inline-block; padding-top:10px;}
.file_del + .filebox {padding-top:10px;}

/* named upload */
.filebox .upload-name {display: block; padding: 0 15px; line-height: normal; vertical-align: middle; background-color: transparent; border: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: var(--gray50); width: calc(100% - 115px); text-overflow: ellipsis;}

[class*="tbl_style"] {border-top: 1px solid var(--text-primary);}
[class*="tbl_style"].top_line_no {border-top: none}
[class*="tbl_style"].top_line_normal {border-top: 1px solid var(--line-color)}
[class*="tbl_style"].border {border-left: 1px solid var(--line-color); border-top: 1px solid var(--line-color); border-right: 1px solid var(--line-color)}

[class*="tbl_style"][class*="1"] .tbl_inner .row {display: grid; grid-template-columns: 200px calc(100% - 200px)}
[class*="tbl_style"][class*="1"] .tbl_inner .th {min-height: 80px; height: auto; border-bottom: 1px solid var(--line-color); display: flex; align-items: center; padding-left: 30px; font-size: 1rem; font-weight: 600;}
[class*="tbl_style"][class*="1"] .tbl_inner .th .require {width: 5px; height: 5px; background: var(--main-color); border-radius: 50%; display: inline-block; margin-right: 10px; vertical-align: middle;}
[class*="tbl_style"][class*="1"].th_center .tbl_inner .th {justify-content: center}
[class*="tbl_style"][class*="1"] .tbl_inner .th.thin {min-height:55px}
[class*="tbl_style"][class*="1"] .tbl_inner .th > label {display: block; line-height: 1.4}
[class*="tbl_style"][class*="1"] .tbl_inner .th > label.require span {position: relative}
[class*="tbl_style"][class*="1"] .tbl_inner .th > label.require span::after {content: ''; display: block; width: 7px; height: 7px; background: url(../img/common/icon_require.svg) no-repeat center / cover; position: absolute; right: -12px; top: 5px}
[class*="tbl_style"][class*="1"] .tbl_inner .td {padding: 15px; border-bottom: 1px solid var(--line-color); display: flex; align-items: center}
[class*="tbl_style"][class*="1"] .tbl_inner .td.row_col {flex-direction: column; align-items: flex-start;}
[class*="tbl_style"][class*="1"] .tbl_inner .td.gap {gap: 0 10px}
[class*="tbl_style"][class*="1"] .tbl_inner .td.row_col.gap {gap: 10px 0}
[class*="tbl_style"][class*="1"] .tbl_inner .td.gap6 {gap: 0 6px}
[class*="tbl_style"][class*="1"] .tbl_inner .td ul.dot {padding: 15px 0}

[class*="tbl_style"][class*="1"] .tbl_inner .row.half { grid-template-columns: 200px calc(50% - 200px) 200px calc(50% - 200px)}
[class*="tbl_style"][class*="1"] .tbl_inner .row.half_3 {grid-template-columns: 200px calc((100% - 200px) / 2) calc((100% - 200px) / 2)}
[class*="tbl_style"][class*="1"] .tbl_inner .row.half_3 .td {border-right:1px solid var(--line-color)}
[class*="tbl_style"][class*="1"] .tbl_inner .row.half_3 .td:last-child {border-right:none}
[class*="tbl_style"][class*="1"] .tbl_inner .row.half.half_cont {border-bottom:1px solid var(--line-color)}
[class*="tbl_style"][class*="1"] .tbl_inner .row.half.half_cont .th,
[class*="tbl_style"][class*="1"] .tbl_inner .row.half.half_cont .td{border-bottom:none}

[class*="tbl_style"][class*="1"] .tbl_inner .row.half .td + .th {border-left: 1px solid var(--line-color);}

[class*="tbl_style"][class*="1"].small .tbl_inner .row {display: grid; grid-template-columns: 120px calc(100% - 120px)}
[class*="tbl_style"][class*="1"].small .tbl_inner .th {min-height: 60px}
[class*="tbl_style"][class*="1"].small .tbl_inner .td {padding: 8px 15px}

/*예외 스타일*/
[class*="tbl_style"][class*="1"] .tbl_inner .th.border_none {border-bottom:none}
[class*="tbl_style"][class*="1"] .tbl_inner .td.col {flex-direction: column; align-items: flex-start}
[class*="tbl_style"][class*="1"] .tbl_inner .td ul.dot.pdl_25.pdb_25 {padding: 15px 0 25px 25px}
[class*="tbl_style"][class*="1"] .tbl_inner .row.bd_top {border-top:1px solid var(--line-color)}

[class*="tbl_style"][class*="1"] .tbl_inner .td.inner_tbl {padding:0; flex-direction: column; width: 100%; align-items: flex-start}
[class*="tbl_style"][class*="1"] .tbl_inner .td.inner_tbl .row {width: 100%}
[class*="tbl_style"][class*="1"] .tbl_inner .td.inner_tbl .row .th {background: var(--input_bg)}
[class*="tbl_style"][class*="1"] .tbl_inner .td.inner_tbl .row:last-child > * {border-bottom:none}

[class*="tbl_style"][class*="1"].small .tbl_inner .td .any_flex {width:100%}

/* address */
.address-group {display: flex; flex-wrap: wrap; row-gap: 10px; flex-direction: column; width: 100%;}
.address-group .input_wrap {display: flex; gap: 10px;}

.row_cont_wrap {display: flex; gap: 10px; width: 100%;}

/* popup */
.modal_pop_wrap {background: #fff;  padding: 30px;  position: relative; max-width: 90%; margin: 0 auto;}
.modal_pop_wrap .pop_title {text-align: center;}
.modal_pop_wrap .contents {min-height: 400px; max-height:50vh; overflow-y: scroll;}
.modal_pop_wrap .cont_inner {white-space: pre-line; word-break: keep-all;}
.close_btn {display: inline-block;  border: none;   background: transparent;   font-size: 30px;   position: absolute;   right: 20px;  top: 20px;}


/* 영수증 윈도우 팝업 */
.win_pop {display: flex; gap: 10px; align-items: flex-start;}
.win_pop .receipt_wrap {border: 1px solid var(--line-color); flex: 1; display: flex; flex-direction: column; gap: 20px;}
.win_pop .receipt_wrap .receipt_date {display: flex; justify-content: flex-end;}
.win_pop .receipt_wrap .receipt_date.center {text-align: center; justify-content: center;}
.win_pop .receipt_wrap .receipt_table table {border-collapse: collapse; width: 100%; border: 1px solid var(--text-primary);}
.win_pop .receipt_wrap .receipt_table table th,
.win_pop .receipt_wrap .receipt_table table td {border-bottom: 1px solid var(--text-primary); padding: 8px; line-height:1.3; word-break: keep-all;}
.win_pop .receipt_wrap .receipt_table table th {background: var(--background-color-2); border-right: 1px solid var(--text-primary);}
.win_pop .receipt_wrap .receipt_table table td {border-right: 1px solid var(--text-primary); height: 38px;}
.win_pop .receipt_wrap .receipt_table table td.bg {background: var(--background-color-2);}
.win_pop .receipt_wrap .receipt_table.cont_center table td {text-align: center;}
.win_pop .receipt_wrap .receipt_stamp {display: flex; align-items: center; justify-content: center; gap: 10px;}

.win_pop .receipt_wrap .receipt_table.scrollbar_style {overflow-x: auto}
.win_pop .receipt_wrap .receipt_table.scrollbar_style table {min-width: 1000px}
.win_pop .receipt_wrap .receipt_table.scrollbar_style.mw_700 table {min-width: 700px}
.win_pop .receipt_wrap .receipt_table.scrollbar_style.mw_600 table {min-width: 600px}
.win_pop .receipt_wrap .receipt_table.scrollbar_style.mw_500 table {min-width: 500px}

/** media query **/

@media (max-width:1024px){
	/* table */
	.tbl_wrap.col2 {flex-direction: column;}

	/* form */
	.chk_wrap .chk_item:hover label {color: var(--text-primary);}
}

@media (max-width:980px){
	/* common */
	.sub_visual {height: 300px;}
	.sub_visual .sub_visual_title {font-size: 3.21rem;/*45px*/}

	#subnavi .inbox > div > a {padding-left: 25px;}
	#subnavi ul a {line-height: 45px; padding-left: 20px;}

	.sub_cont .sub_cont_title {font-size: 1.86rem;}

	/* 학술행사 부분 */
	.sub_tit_header {flex-direction: column;}
	.sub_tit_header .sub_cont_title {text-align: center;}

	.toggle_wrap {max-width: 280px; width: 100%;}
	.toggle_wrap > * {width: 50%;}

	.schedule_box ul {flex-direction: column;}
	.schedule_box ul li {padding: 20px 15px;}
	.schedule_box ul li + li::before {top: 0; transform: translateY(0); width: calc(100% - 30px); left: 15px; height: 1px;}

	.register_info > div {flex-direction: column; gap: 10px;}
	.register_info .tit {padding-left: 0; width: 100%;}

	/* form */
	[class*="tbl_style"][class*="1"] .tbl_inner .row,
	[class*="tbl_style"][class*="1"] .tbl_inner .row.half {grid-template-columns: 100%;}
	[class*="tbl_style"][class*="1"] .tbl_inner .row.half .td + .th {border-left: 0;}
	[class*="tbl_style"][class*="1"] .tbl_inner .th {min-height: 50px; padding-left: 15px;}
	[class*="tbl_style"][class*="1"] .tbl_inner .td .input_basic {max-width: 100%;}

	.phone_wrap {max-width: 100%; width: 100%;}

	.chk_wrap {gap: 0 20px;}
}

@media (max-width: 699px) {
	/* 영수증 윈도우 팝업 */
	.win_pop {flex-direction: column; align-items: center;}
	.win_pop .receipt_wrap {width: 100%;}
}

@media (max-width:480px){
	/* common */
	.sub_visual {height: 250px;}
	.sub_visual .sub_visual_title {font-size: 2.91rem/*32px*/;}

	.subnavi_wrapper {bottom: 16px;}
	#subnavi ul {top: 46px;}
	#subnavi ul a {font-size: 1.18rem; padding-left: 10px;}
	#subnavi .inbox > div > a {font-size: 1.18rem; gap: 5px; padding-left: 10px;}
	#subnavi {height: 46px;}
	#subnavi .home {width: 30px; height: 46px; flex-shrink: 0; background: url('../img/sub/home.svg') no-repeat center / 15px;}
	#subnavi .inbox > div > a {height: 46px;}

	/* table */
	.tbl_wrap table colgroup col.w_150 {width: 100px;}
	.tbl_wrap table colgroup col.w_120 {width: 70px;}
	.tbl_wrap table thead th,
	.tbl_wrap table tbody th, 
	.tbl_wrap table tbody td {font-size: 13px;}
	.tbl_wrap table tbody th, .tbl_wrap table tbody td {padding: 8px;}
	.tbl_wrap .inner_tbl {border: none;}	

	.address-group .input_wrap {flex-direction: column;}
	.row_cont_wrap {flex-direction: column;}

	/* 학술행사 부분 */
	.toggle_wrap {height: 40px; border-radius: 40px;}

	/* form */
	.input_basic {font-size: 14px; padding: 0 10px;}
	[class*="tbl_style"][class*="1"] .tbl_inner .td.gap {gap: 0 5px;}
	[class*="tbl_style"][class*="1"] .tbl_inner .th > label {font-size: 14px}

	.chk_wrap.mobile_block {flex-direction: column; width: 100%; gap: 10px;}

	.select_basic select {padding: 0 10px; background: #fff url(../img/sub/icon_select.svg) no-repeat calc(100% - 8px) 50% / 10px;}

	.filebox {flex-direction: column-reverse;}
	[class*="tbl_style"][class*="1"] .tbl_inner .td .filebox .upload-name.input_basic {width: 100%;}

	/* popup */
	.modal_pop_wrap .contents {min-height: 250px;}
}