@charset "utf-8";

h2 {font-size:2.25rem;}
h3 {font-size:1.75rem;}
h4 {font-size:1.625rem; margin-bottom:10px;}
h5 {font-size:1.375rem; margin-bottom:10px;}
.con_tit {display:flex;}
.con_tit::before {content:''; background:url(../images/icon_con_tit.png) 0 0 no-repeat; background-size:contain; /* border:6px solid #4ec8aa; border-radius:50rem; */ flex:0 0 1.25rem; width:1.25rem; height:1.25rem; margin:0.625rem 8px 0 0;}

/* 텍스트 기본스타일 */
.ptxt {color:var(--color);}
.info_txt {position:relative; padding-left:23px; margin:10px 0 0; font-size:0.938rem; line-height:20px; color:#666; text-align:left;}
.info_txt::before {content:''; background:url(../images/form/icon_info_txt.png) 0 0 no-repeat; background-size:contain; width:18px; height:18px; position:absolute; top:1px; left:0;}
.info_txt.ptxt {color:var(--colorP);}
.info_txt.ptxt::before {background-image:url(../images/form/icon_info_ptxt.png);}
span.info_txt {display:inline-block;}
.dot_list > li {position:relative; padding-left:12px; text-align:left;}
.dot_list > li::before {content:''; display:block; background:#aaa; border-radius:50px; width:4px; height:4px; position:absolute; top:10px; left:0;}
.dot_list > li + li {margin-top:5px;}
.text_list > li {position:relative; padding-left:12px; text-align:left;}
.text_list > li::before {content:'-'; display:block; position:absolute; top:0; left:0;}
.text_list > li + li {margin-top:5px;}

.caution {margin-top:10px;}
.caution > span {display:flex; font-weight:600; color:#e5480b;}
.caution > span::before {content:'\e06a'; font-family:var(--font-icon); margin-right:5px;}

/* info_box */
.info_box:first-child {margin-top:0;}
.info_box {border:1px solid #ddd; margin-top:3.125rem; padding:20px;}
.info_box > dt {display:flex; font-size:1.125rem; font-weight:800; border-bottom:1px dashed #ddd; padding-bottom:7px; margin-bottom:10px;}
.info_box > dt::before {content:'\e44a'; font-size:1.125rem; font-weight:normal; font-family:var(--font-icon); margin-right:5px;}
.info_box > dd {font-size:0.875rem; color:#888;}

section:not(:first-child) {margin-top:3.125rem;}
input[type="hidden"] + section {margin-top:0;}

/* tab */
.tabs {margin-bottom:2.5rem;}
.tabs > ul {display:flex; flex-wrap:wrap; gap:5px;}
.tabs > ul > li {width:calc((100% - 20px) / 5);}
.tabs > ul > li button, .tabs > ul > li a {display:flex; justify-content:space-between; align-items:center; background:#f8f9fa; border:1px solid #e9ecef; border-radius:8px; font-size:15px; line-height:normal; width:100%; height:55px; padding:5px 33px 5px 1.125rem; position:relative; overflow-wrap: anywhere;}
.tabs > ul > li button::after, .tabs > ul > li a::after {content:''; background:#bebebe; border-radius:50rem; width:13px; height:4px; position:absolute; right:15px;}
.tabs > ul > li .on, .tabs > ul > li.on a {background:var(--color); border-color:transparent; box-shadow:0 4px 6px rgba(0, 25, 92, 0.2); color:#fff; font-weight:600; position:relative; z-index:1;}
.tabs > ul > li .on::after, .tabs > ul > li.on a::after {content:''; background:none; border-radius:0; width:7px; height:7px; border-bottom:3px solid #fff; border-right:3px solid #fff; transform:rotate(45deg);}
.tabcontainer > div {display:none;}
.thesis .tabs {margin-bottom:1.25rem;}
.thesis .tabs > ul > li {flex:1;}
/* lang_tab */
.lang_tab_wrap {display:flex; justify-content:center;}
.tabs.lang_tab {margin-bottom:25px;}
.lang_tab {display:inline-flex; background:#F1F1F4; border-radius:8px; padding:4px;}
.lang_tab > button {border:none; background:transparent; padding:8px 32px; font-size:14px; font-weight:700; color:var(--text_muted); border-radius:6px; cursor:pointer; transition:all 0.2s ease;}
.lang_tab > button.on {background:#fff; color:#0D9488; box-shadow:0 2px 6px rgba(0,0,0,0.05);}

/* 정관 */
.rule {font-size:1rem;}
.rule h4:not(:first-child) {margin-top:1.875rem;}
.rule h4:not(.con_tit) {font-size:1.25rem; padding:10px 0; border-top:1px solid #8d8e8e; border-bottom:1px solid #8d8e8e; margin-bottom:20px; text-align:center;}
.rule dl {margin-bottom:0.938rem; line-height:1.5;}
.rule dl dt {font-size:1.125rem; font-weight:700; margin-bottom:0.375rem;}
.rule dl dd + dt {margin-top:0.938rem;}
.rule dl dd ol, .rule dl dd ul {margin-top:7px; margin-bottom:7px;}
.rule dl dd ol > li + li, .rule dl dd ul > li + li {margin-top:5px;}
.rule dl dd table {margin:10px 0 15px;}
.rule dl dd table th, .rule dl dd table td {padding:8px 10px; font-size:1rem;}
.rule dl dd table th ul {font-weight:400;}
.rule em, .rule i {font-style:italic;}
.ex_group {background:#f8f9fb; border:1px dashed #ccc; padding:20px; margin:10px 0 20px; font-size:0.938rem; letter-spacing:0; font-weight:400; font-family: "Roboto", 'Pretendard', serif; text-indent:0;}
.ex_group > p + p {margin-top:10px;}
.rule .info_box > dd {font-size:inherit;}
.rule .info_box > dd + dt {margin-top:20px;}
/* numberstyle */
.numlist {counter-reset: number 0;}
.numlist > li {position:relative; list-style:none;}
.numlist > li + li {margin-top:7px;}
.numlist > li::before {counter-increment: number 1; content: counter(number) ')'; font-size:1rem; display:inline-flex; text-indent:calc(17px * -1); margin-right:2px;}
.numlist.v2 > li::before {content: '(' counter(number) ')';}
.numcircle {counter-reset: circle 0; margin-left:0;}
.numcircle > li {position:relative; padding-left:20px; list-style:none;}
.numcircle > li + li {margin-top:7px;}
.numcircle > li::before {counter-increment: circle 1; content: counter(circle); font-size:0.625rem; background:#fff; border:1px solid #333; border-radius:50%; flex:0 0 12px; width:12px; height:12px; line-height:13px; text-align:center; margin:6px 5px 0 0; position:absolute; top:0; left:0;}
.numalpha {counter-reset: alphabet 0; margin-left:0;}
.numalpha > li {position:relative; padding-left:20px; list-style:none;}
.numalpha > li + li {margin-top:7px;}
.numalpha > li::before {counter-increment: alphabet 1; content: counter(alphabet, lower-alpha) ')'; position:absolute; top:0; left:0;}
.numlist li[value="5"] {counter-increment: number;}
.numlist li[value="6"] {counter-increment: number;}
.numlist li[value="8"] {counter-increment: number; /* 7을 건너뛰고 증가 */}
.numko li {display:flex;} /* 가나다순 */
.numko li + li {margin-top:7px;}
.numko li::before {content:attr(data-index) ". "; margin-right:3px;}
/* rule_notice */
.rule_notice {margin-bottom:30px;}
/* rule_step */
.rule_step {margin-top:10px;}
.rule_step > li {display:flex; justify-content: center;}
.rule_step > li + li {margin-top:10px;}
.rule_step > li > * {padding:12px 10px; border-radius:12px; display:flex; align-items:center;}
.rule_step > li .step {width:120px; margin-right:20px; background:#f7efe7; font-weight:600; position:relative; justify-content:center; text-align:center;}
.rule_step > li .step::after {content:''; display:block; position:absolute; right:-10px; width:0; height:0; border-top:10px solid transparent; border-bottom:10px solid transparent; border-left:10px solid #f7efe7;}
.rule_step > li .desc {width:calc(100% - 140px); background:#fff; border:1px solid #cdd5de; box-shadow:2px 2px 5px rgba(80,80,80,0.1); padding-left:30px;}
/* etc_info */
.etc_info {margin:-20px 0 0 -20px;}
.etc_info > dl {border:1px solid #ddd; border-radius:var(--bnround); padding:1.25rem 1.875rem; margin:20px 0 0 20px;}
.etc_info > dl > dt {border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:10px; font-size:1.25rem; display:flex; align-items:center;}
.etc_info > dl > dt .icons {display:inline-flex; justify-content:center; align-items:center; background:#ffeae4; border-radius:50rem; width:45px; height:45px; margin-right:10px;}
.etc_info > dl > dt .icons::before {content:'\e0f0'; font-family:var(--material); font-size:1.375rem; font-weight:400; color:var(--color);}
.etc_info > dl.pay > dt .icons::before {content:'\e560';}
.contact_info {margin-top:5px;}
.contact_info > span {display:inline-block;}
/* rule_이력 */
.rule_history {background:url(../images/form/dott_pattern_bg.png) 0 0 repeat; padding:6px; font-size:0.875rem; margin-bottom:30px;}
.rule_history .inner {background:#fff; padding:0.938rem; position:relative; z-index:1;}
.doc_history {display:flex; justify-content:flex-end; max-width:230px; margin:0 0 0 auto; position:relative;}
.doc_history > button {display:inline-flex; justify-content:flex-end; align-items:center; background-color:transparent; font-size:1rem; width:100%; position:relative;}
.doc_history > button::after {content:''; display:block; width:6px; height:6px; border-bottom:2px solid #555; border-right:2px solid #555; transform:rotate(45deg); margin:-2px 0 0 10px;}
.viewmore {background:#fff; border:1px solid #ddd; border-radius:12px; box-shadow:0px 2px 12px rgba(0,0,0,0.08); width:100%; padding:35px 1rem 1rem; position:absolute; top:0; z-index:1; display:none;}
.viewmore.on {display:block;}
.toggle_close {background:none; border:0; position:absolute; top:10px; right:10px;}

/* 소개 */
.project_intro .hero_quote {text-align:center; margin-bottom:40px; position:relative;}
.project_intro .hero_quote::before {content:'“'; display:block; font-size:80px; color:var(--line); line-height:1; margin-bottom:-30px; font-family:serif;}
.project_intro .hero_quote p {font-size:36px; font-weight:900;}
.project_intro .desc_grid {display:grid; grid-template-columns:280px 1fr; gap:40px 60px; margin-bottom:60px; align-items:start;}
.project_intro .desc_grid .title {font-size:24px; line-height:1.4; border-top:3px solid #1E232E; padding-top:20px;}
.project_intro .desc_text {border-top:1px solid var(--line); padding-top:20px;}
.project_intro .goal_area {background:#F8FAFC; border-radius:20px; padding:30px;}
.project_intro .goal_area .title {text-align:center; font-size:28px; margin:0 0 20px 0;}
.project_intro .goal_grid {display:grid; grid-template-columns:repeat(3, 1fr); gap:30px;}
.project_intro .goal_card {background:#fff; padding:25px; border-radius:12px; box-shadow:0 10px 30px rgba(0,0,0,0.03); position:relative; overflow:hidden; transition:transform 0.3s ease;}
.project_intro .goal_card:hover {transform:translateY(-8px);}
.project_intro .goal_card::before {content:''; position:absolute; left:0; top:0; right:0; height:5px;}
.project_intro .goal_card.type01::before {background:var(--point-period1);}
.project_intro .goal_card.type02::before {background:var(--point-period2);}
.project_intro .goal_card.type03::before {background:var(--point-period3);}
.project_intro .goal_num {font-size:45px; font-weight:900; color:var(--line); opacity:0.5; margin-bottom:20px; line-height:1; font-family:sans-serif;}
.project_intro .goal_card p {font-size:17px; font-weight:700;}

/* 연구목표 */
.feature_list .grid_wrap {display:grid; grid-template-columns:repeat(2, 1fr); gap:30px;}
.feature_list .box {position:relative; background:#fff; border:1px solid #E4E4E7; border-left-width:6px; border-radius:8px 24px 24px 8px; padding:40px 30px; box-shadow:0 10px 30px rgba(0,0,0,0.02); overflow:hidden; transition:transform 0.3s ease, box-shadow 0.3s ease; z-index:1;}
.feature_list .box:hover {transform:translateY(-5px); box-shadow:0 15px 40px rgba(0,0,0,0.06);}
.feature_list .box:nth-child(3n+1) {border-left-color:var(--point-period1);}
.feature_list .box:nth-child(3n+2) {border-left-color:var(--point-period2);}
.feature_list .box:nth-child(3n) {border-left-color:var(--point-period3);}
.feature_list .num {position:absolute; right:20px; bottom:-15px; font-size:140px; font-weight:900; color:#F8FAFC; line-height:1; z-index:-1; letter-spacing:-5px; user-select:none; transition:color 0.3s ease;}
.feature_list .box.type_navy:hover .num {color:rgba(63, 78, 90, 0.05);}
.feature_list .box.type_teal:hover .num {color:rgba(13, 148, 136, 0.05);}
.feature_list .box.type_orange:hover .num {color:rgba(217, 119, 6, 0.05);}
.feature_list .title {font-size:1.25rem; font-weight:800; color:#1E232E; margin:0 0 20px 0; line-height:1.4;}
.feature_list .title span {color:#E4E4E7; margin-right:8px;}
.feature_list .desc {display:flex; flex-direction:column; gap:12px;}

/* 통합적 연구 체계 */
.system_hub .diagram_wrap {position:relative; width:800px; height:800px; margin:0 auto;}
.system_hub .orbit_track {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:540px; height:540px; border:2px dashed #E2E8F0; border-radius:50%; z-index:1; animation:spin 60s linear infinite;}
.system_hub .core_node {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:160px; height:160px; background:#1E232E; border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#fff; z-index:3; box-shadow:0 10px 30px rgba(30, 35, 46, 0.3);}
.system_hub .core_node span {font-size:0.938rem; font-weight:600; color:rgba(255,255,255,0.8); letter-spacing:2px; margin-bottom:4px;}
.system_hub .core_node::after {content:''; position:absolute; top:-10px; left:-10px; right:-10px; bottom:-10px; border:1px solid #1E232E; border-radius:50%; animation:pulse 2s infinite cubic-bezier(0.66, 0, 0, 1); z-index:-1;}
.system_hub .node {position:absolute; top:50%; left:50%; width:190px; height:190px; background:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; text-align:center; padding:20px; box-shadow:0 8px 24px rgba(0,0,0,0.06); border:1px solid var(--line); border-bottom:4px solid var(--node-color); transition:all 0.3s ease; z-index:2;}
.system_hub .node p {font-weight:700; line-height:1.4; word-break:break-word; overflow-wrap:break-word; /* hyphens:auto; */ transition:color 0.3s ease;}
.system_hub .node:hover p {color:var(--node-color);}
.system_hub .node.item_1 {--node-color:var(--node-1); transform:translate(-50%, -50%) rotate(0deg) translateY(-270px) rotate(0deg);}
.system_hub .node.item_1:hover {transform:translate(-50%, -50%) rotate(0deg) translateY(-270px) rotate(0deg) scale(1.1);}
.system_hub .node.item_2 {--node-color:var(--node-2); transform:translate(-50%, -50%) rotate(60deg) translateY(-270px) rotate(-60deg);}
.system_hub .node.item_2:hover {transform:translate(-50%, -50%) rotate(60deg) translateY(-270px) rotate(-60deg) scale(1.1);}
.system_hub .node.item_3 {--node-color:var(--node-3); transform:translate(-50%, -50%) rotate(120deg) translateY(-270px) rotate(-120deg);}
.system_hub .node.item_3:hover {transform:translate(-50%, -50%) rotate(120deg) translateY(-270px) rotate(-120deg) scale(1.1);}
.system_hub .node.item_4 {--node-color:var(--node-4); transform:translate(-50%, -50%) rotate(180deg) translateY(-270px) rotate(-180deg);}
.system_hub .node.item_4:hover {transform:translate(-50%, -50%) rotate(180deg) translateY(-270px) rotate(-180deg) scale(1.1);}
.system_hub .node.item_5 {--node-color:var(--node-5); transform:translate(-50%, -50%) rotate(240deg) translateY(-270px) rotate(-240deg);}
.system_hub .node.item_5:hover {transform:translate(-50%, -50%) rotate(240deg) translateY(-270px) rotate(-240deg) scale(1.1);}
.system_hub .node.item_6 {--node-color:var(--node-6); transform:translate(-50%, -50%) rotate(300deg) translateY(-270px) rotate(-300deg);}
.system_hub .node.item_6:hover {transform:translate(-50%, -50%) rotate(300deg) translateY(-270px) rotate(-300deg) scale(1.1);}
#tabcon2 .system_hub .node p {font-size:0.938rem; word-break:break-word; overflow-wrap:break-word;}
@keyframes spin {
	100% {transform: translate(-50%, -50%) rotate(360deg);}
}

/* 연구팀 구성 */
.team_directory .summary_banner {background:#F8FAFC; border-radius:16px; padding:30px; display:grid; grid-template-columns:1fr 1px 1fr; gap:40px; margin-bottom:40px;}
.team_directory .summary_group {display:flex; flex-direction:column; justify-content:center;}
.team_directory .summary_group h4 {font-size:1.125rem; margin:0 0 10px 0;}
.team_directory .summary_group p {font-size:1rem; color:var(--text); line-height:1.7;}
.team_directory .divider {background:#E2E8F0; width:100%; height:100%;}
.team_directory .filter_wrap {display:flex; justify-content:center; flex-wrap:wrap; gap:12px; margin-bottom:50px;}
.team_directory .filter_btn {padding:12px 24px; font-size:15px; font-weight:700; color:var(--text); background:#F8FAFC; border-radius:30px; transition:all 0.3s ease;}
.team_directory .filter_btn:hover {color:#1E232E; background:#E2E8F0;}
.team_directory .filter_btn.is_active {color:#fff; background:#1E232E; box-shadow:0 4px 12px rgba(30, 35, 46, 0.2);}
.team_directory .member_grid {display:grid; grid-template-columns:repeat(2, 1fr); gap:25px;}
.team_directory .member_card {display:none; flex-direction:column; background:#fff; border:1px solid #E2E8F0; border-left-width:5px; border-radius:12px; padding:25px; box-shadow:0 4px 20px rgba(0,0,0,0.02); transition:transform 0.3s ease, box-shadow 0.3s ease;}
.team_directory .member_card:hover {transform:translateY(-5px); box-shadow:0 15px 35px rgba(0,0,0,0.06);}
.team_directory .member_card.is_visible {display:flex; animation:fadeIn 0.4s ease forwards;}
.team_directory .member_card:nth-child(3n+1) {border-left-color:var(--point-period1);}
.team_directory .member_card:nth-child(3n+2) {border-left-color:var(--point-period2);}
.team_directory .member_card:nth-child(3n) {border-left-color:var(--point-period3);}
.team_directory .name_wrap {display:flex; align-items:center; justify-content:space-between; margin:0 0 15px 0; padding-bottom:15px; border-bottom:1px solid #E2E8F0;}
.team_directory .member_name {font-size:22px; font-weight:800; color:#1E232E;}
.team_directory .role_badge {font-size:13px; font-weight:700; padding:6px 12px; border-radius:6px; background:#F8FAFC; color:#3F4E5A;}
.team_directory .info_list {display:flex; flex-direction:column; gap:12px;}
.team_directory .info_list li {display:flex; align-items:flex-start; font-size:0.938rem;}
.team_directory .info_list strong {font-weight:700; color:var(--text-muted); width:38px; flex-shrink:0;}
@keyframes fadeIn {
	from {opacity: 0; transform: translateY(15px);}
	to {opacity: 1; transform: translateY(0);}
}

/* timeline */
.con_head {text-align:center; margin-bottom:30px;}
.con_head .title {font-size:28px; font-weight:800; margin:0 0 10px 0;}
.con_head .desc {font-size:1rem; color:var(--text);}
.timeline {position:relative; margin-bottom:40px;}
.timeline::after {content:''; position:absolute; left:50%; top:0; bottom:0; width:1px; background:var(--line); transform:translateX(-50%);}
.timeline .marker {position:absolute; left:50%; top:15px; width:60px; height:60px; padding:5px; border-radius:50%; color:#fff; font-size:16px; font-weight:700; line-height:1.2; display:flex; align-items:center; justify-content:center; transform:translateX(-50%); z-index:2; text-align:center;}
.timeline .type_1 .marker {background:var(--point-period1); top:0;}
.timeline .type_2 .marker {background:var(--point-period2);}
.timeline .type_3 .marker {background:var(--point-period3);}
.timeline .type_4 .marker {background:var(--point-period4);}
.timeline .box_wrap {display:flex; position:relative;}
.timeline .box_wrap + .box_wrap {margin-top:-50px;}
.timeline .box_wrap:nth-child(even) {justify-content:flex-end;}
.timeline .box {width:45%; border:1px solid #E4E4E7; border-radius:12px; padding:30px; background:#fff; position:relative; box-shadow:0 4px 12px rgba(0,0,0,0.02);}
.timeline .box_wrap:nth-child(odd) .box::after {content:''; position:absolute; right:-10px; top:30px; border-top:10px solid transparent; border-bottom:10px solid transparent; border-left:10px solid #E4E4E7;}
.timeline .box_wrap:nth-child(odd) .box::before {content:''; position:absolute; right:-9px; top:30px; border-top:10px solid transparent; border-bottom:10px solid transparent; border-left:10px solid #fff; z-index:1;}
.timeline .box_wrap:nth-child(even) .box::after {content:''; position:absolute; left:-10px; top:30px; border-top:10px solid transparent; border-bottom:10px solid transparent; border-right:10px solid #E4E4E7;}
.timeline .box_wrap:nth-child(even) .box::before {content:''; position:absolute; left:-9px; top:30px; border-top:10px solid transparent; border-bottom:10px solid transparent; border-right:10px solid #fff; z-index:1;}
.timeline .inner::before {content:''; position:absolute; left:0; top:0; right:0; height:4px; border-radius:12px 12px 0 0;}
.timeline .box_wrap.type_1 .inner::before {background:var(--point-period1);}
.timeline .box_wrap.type_2 .inner::before {background:var(--point-period2);}
.timeline .box_wrap.type_3 .inner::before {background:var(--point-period3);}
.timeline .box_wrap.type_4 .inner::before {background:var(--point-period4);}
/* 내부 콘텐츠 */
.timeline .meta {display:flex; align-items:center; gap:8px; margin-bottom:15px;}
.timeline .year {padding:4px 10px; border-radius:20px; color:#fff; font-size:0.875rem; font-weight:700;}
.timeline .year.type_1 {background:var(--point-period1);}
.timeline .year.type_2 {background:var(--point-period2);}
.timeline .year.type_3 {background:var(--point-period3);}
.timeline .year.type_4 {background:var(--point-period4);}
.timeline .count {font-size:0.875rem; font-weight:600; color:var(--text-muted);}
.timeline .title {font-size:1.25rem; font-weight:700; margin:0 0 10px 0;}
.timeline .desc {font-size:0.938rem; color:var(--text); line-height:1.6; margin:0 0 16px 0;}
.timeline .event_list {margin-top:10px; border-top:1px solid #F1F1F4; padding-top:15px;}
.timeline .item {display:grid; grid-template-columns:80px 1fr; gap:10px; margin-bottom:10px; font-size:0.938rem;}
.timeline .item:last-child {margin-bottom:0;}
.timeline .date {color:var(--text-muted); font-weight:600;}
.timeline .text {color:var(--text);}
/* 번역 통계 영역 */
.stats {text-align:center;}
.stats .title {font-size:24px; font-weight:800; margin:0 0 15px 0;}
.stats .grid {display:grid; grid-template-columns:repeat(4, 1fr); gap:15px; margin-bottom:30px;}
.stats .box {color:#fff; padding:15px; border-radius:12px; text-align:center;}
.stats .box.type_1 {background:var(--point-period1);}
.stats .box.type_2 {background:var(--point-period2);}
.stats .box.type_3 {background:var(--point-period3);}
.stats .box.type_4 {background:var(--point-period4);}
.stats .num {font-size:30px; font-weight:800; margin:0 0 5px 0; display:block;}
.stats .period {font-weight:600; color:rgba(255,255,255,0.8);}
.stats .total {color:var(--text-muted);}
.stats .total strong {color:#0D9488; font-weight:700;}

/* 연구 */
.seminar_info {background:#fff; border-radius:16px; padding:40px; margin-bottom:50px; box-shadow:0 10px 30px rgba(0, 0, 0, 0.03); border:1px solid var(--line); position:relative;}
.seminar_info::before {content:''; position:absolute; top:0; left:40px; right:40px; height:3px; background:var(--colorP); border-radius:0 0 3px 3px;}
.seminar_info h4 {font-size:26px; font-weight:700; margin:0 0 20px 0;}
.seminar_info .info_grid {display:grid; grid-template-columns:1fr 1fr; gap:10px 30px; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #E1E6EB;}
.seminar_info .info_grid .item {display:flex; gap:8px; align-items:center;}
.seminar_info .info_grid .label {font-size:14px; color:#666; width:70px; flex-shrink:0; font-weight:500;}
.seminar_info .info_grid .value {font-size:16px; font-weight:600;}
.seminar_info .desc {font-size:15px; color:#444; line-height:1.7;}
/* 목록 */
.list_section {margin-bottom:50px;}
.list_section .list_cont {display:flex; flex-direction:column; gap:15px;}
.list_section .list_item {background:#fff; border-radius:12px; padding:20px 25px; border:1px solid var(--line); display:flex; justify-content:space-between; align-items:center; transition:box-shadow 0.2s, border-color 0.2s, background-color 0.2s; position:relative;}
.list_section .list_item:hover {box-shadow:0 6px 15px rgba(0, 0, 0, 0.04); border-color:#CDD4DC; background:#F3F5F7;}
.list_section .list_item .imgs {width:25%; max-width:160px; margin-right:30px; border-radius:12px; overflow:hidden;}
.list_section .list_item .imgs .thumb_wrap::after {padding-bottom:120%;}
.list_section .list_item .cont {flex:1; padding-right:30px;}
.list_section .list_item .cont h5 {font-size:1.25rem; font-weight:700; margin:0 0 5px 0;}
.list_section .list_item .cont .sub_title {font-size:1rem; color:var(--text);}
.list_section .list_item .cont .tag {display:inline-flex; align-items:center; height:24px; padding:0 12px; font-size:14px; font-weight:500; color:#C2410C; background:#FFF7ED; border:1px solid #FED7AA; border-radius:50rem; margin-bottom:5px;}
.list_section .add_info {display:flex; justify-content:flex-start; align-items:center; gap:5px 20px; font-size:0.938rem; color:var(--text); margin-top:15px;}
.list_section .add_info .date {font-weight:400;}
.list_section .link {display:inline-flex; gap:5px; font-size:15px; font-weight:500; color:#0d9488; margin-top:10px;}
.list_section .link::after {content:'\e2e2'; font-family:var(--font-icon); font-size:1rem; line-height:1.3;}
.list_section .list_item:has(.cont + .date) {padding-right:50px;}
.list_section .list_item .cont + .date {position:absolute; top:23px; right:25px; font-size:15px; color:var(--text);}
.seminar_info ~ .list_section .add_info > span {display:inline-flex; align-items:center;}
.seminar_info ~ .list_section .add_info > span::before {content:''; font-family:var(--font-icon); font-size:1rem; margin-right:5px; color:#555;}
.seminar_info ~ .list_section .add_info .author::before {content:'\E4C2';}
.seminar_info ~ .list_section .add_info .date::before {content:'\E712';}
.list_section .list_item > .btn_group {display:flex; flex-direction:column; gap:7px;}
.list_section .list_item > .btn_group button {border-radius:50rem;}
/* 다운로드 버튼 */
.download_btn, .view_more {background:var(--colorP); color:#fff; border:none; padding:10px 27px; border-radius:50rem; font-size:14px; font-weight:700; transition:background-color 0.2s, transform 0.1s; white-space:nowrap;}
.download_btn:hover {background-color:#B88E52;}
.download_btn:active {transform:scale(0.97);}
/* 하단 guide_info */
.guide_info {background:#2A4D69; border-radius:12px; color:#fff; padding:20px; position:relative;}
.guide_info h4 {font-size:18px; font-weight:700; margin:0 0 10px 0; display:flex; align-items:center; gap:8px;}
.guide_info .desc {font-size:14px; color:rgba(255, 255, 255, 0.85);}

/* 문화개념의 번역 */
.login_prompt {background:#F4F4F5; border-radius:12px; padding:15px 20px; display:flex; justify-content:space-between; align-items:center; gap:10px; margin-bottom:30px;}
.login_prompt .msg {display:flex; align-items:center; gap:10px; font-size:14px; font-weight:500;}
.login_prompt .msg .info_txt {margin:0;}
.login_prompt .btn_wrap {display:flex; gap:8px;}
.list_control {display:flex; justify-content:space-between; align-items:center; margin-bottom:20px; padding-bottom:12px; border-bottom:2px solid #E4E4E7; gap:5px;}
.list_control .total_num {font-size:16px; font-weight:500; margin-bottom:0;}
.list_control .total_num strong {color:#E11D48;}
.list_control .sort_wrap {display:flex; gap:16px;}
.list_control .sort_wrap > label {cursor:pointer; position:relative;}
.list_control .sort_wrap > label input[type="radio"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); border:0;}
.list_control .sort_text {font-size:0.938rem; font-weight:600; color:#A1A1AA; transition:color 0.2s;}
.list_control .sort_wrap > label:hover .sort_text {color:#18181B;}
.list_control .sort_wrap > label input[type="radio"]:checked + .sort_text {color:#18181B;}
.post_list {display:flex; flex-direction:column; gap:20px;}
.post_item {background:#fff; border:1px solid #E4E4E7; border-radius:16px; padding:25px 30px; position:relative; overflow:hidden; transition:transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.2s, border-color 0.2s;}
.post_item:hover {transform:translateY(-4px); box-shadow:0 12px 24px rgba(0, 0, 0, 0.04);}
.post_item::before {content:''; position:absolute; left:0; top:0; bottom:0; width:4px;}
.post_item .cont {margin-bottom:20px;}
.post_item h5 {font-size:22px; font-weight:800; margin:0 0 10px 0;}
.post_item .desc {font-size:1rem; line-height:1.6; color:#3F3F46;}
.post_item .bottom_area {display:flex; justify-content:space-between; align-items:center; padding-top:16px; border-top:1px dashed #E4E4E7;}
.post_item .add_info {display:flex; align-items:center; gap:5px 16px; font-size:0.875rem; color:#888;}
.post_item .add_info .author {font-weight:600;}
.post_item .add_info .stats {display:flex; gap:12px;}
.post_item .detail_btn {font-size:14px; font-weight:700; display:flex; align-items:center; gap:4px; transition:color 0.2s;}
.post_item .detail_btn::after {content:'\E06C'; font-family:var(--font-icon); font-size:0.938rem; line-height:1.3; transition:transform 0.2s ease;}
.post_item .detail_btn:hover::after {transform:translateX(4px);}

/* type01 */
.post_item.type01::before {background-color:#F43F5E;}
.post_item.type01:hover {border-color:#F43F5E;}
.post_item.type01 .detail_btn:hover {color:#E11D48;}
/* type02 */
.post_item.type02::before {background-color:#3B82F6;}
.post_item.type02:hover {border-color:#3B82F6;}
.post_item.type02 .detail_btn:hover {color:#2563EB;}
/* type03 */
.post_item.type03::before {background-color:#F59E0B;}
.post_item.type03:hover {border-color:#F59E0B;}
.post_item.type03 .detail_btn:hover {color:#D97706;}
/* type04 */
.post_item.type04::before {background-color:#14B8A6;}
.post_item.type04:hover {border-color:#14B8A6;}
.post_item.type04 .detail_btn:hover {color:#0D9488;}

/* badge */
.badge {display:inline-block; padding:4px 12px; border-radius:20px; font-size:13px; font-weight:700; margin-bottom:12px;}
.badge.type01 {background-color:#FFE4E6; color:#E11D48;}
.badge.type02 {background-color:#DBEAFE; color:#2563EB;}
.badge.type03 {background-color:#FEF3C7; color:#D97706;}
.badge.type04 {background-color:#CCFBF1; color:#0D9488;}

/* mypage */
.my_menu {border-top:2px solid #1f2937; max-width:1200px; margin:0 auto;}
.my_menu > dl {display:flex; align-items:flex-start; flex-wrap:wrap; gap:12px 15px; padding:25px 0 25px 220px; border-bottom:1px solid #e5e7eb; position:relative;}
.my_menu > dl > dt {flex:0 0 220px; font-size:17px; font-weight:600; position:absolute; left:0; margin-top:10px;}
.my_menu > dl > dd a {display:flex; justify-content:space-between; align-items:center; padding:12px 18px; background:#f9fafb; border:1px solid #f3f4f6; border-radius:8px; color:var(--colorD); font-size:14px; transition:var(--transition);}
.my_menu > dl > dd a::after {content:'\E06C'; font-family:var(--font-icon); font-size:15px; color:#9ca3af; margin-left:10px; transition:var(--transition);}
.my_menu > dl > dd a:hover {background:#fff; border-color:#3b4252; color:#111827; box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.05); transform:translateY(-1px);}
.my_menu > dl > dd a:hover::after {color:#111827; transform:translateX(3px);}

/* 증명서발급 */
.sel_box {background:#f4f5f8; border:1px solid #c7c7c7; border-radius:12px; padding:20px; overflow:hidden; margin-bottom:40px;}
.sel_box > dt {color:var(--colorS); border-bottom:1px dashed #c7c7c7; font-weight:600; padding-bottom:10px; margin-bottom:1.375rem; text-align:center;}
.sel_box > dt::before {content:'\E710'; display:flex; justify-content:center; align-items:center; background:#fff; border-radius:50rem; box-shadow:0 2px 12px rgba(55,90,127,0.15); width:45px; height:45px; margin:0 auto 5px; font-size:24px; font-weight:400; font-family:var(--font-icon);}
.sel_box > dd {text-align:center;}
.sel_box > dd select {max-width:400px; border:1px solid var(--colorS); color:var(--colorS); font-weight:600;}
.sel_box + .info_txt {margin-top:-20px;}

/* 준비중 */
.readyWrap {height: 300px; line-height: 300px; font-size: 1.5rem; text-align: center; background-color: #f9f9f9; background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23c1c1c1' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");}

/* 논문검색 */
.content .pissn {display:inline-block; font-size:14px; font-weight:500; color:var(--color); padding:4px 10px; border:1px solid var(--color); border-radius:4px;}

/* 테이블 스타일 ------------------------------- */
table {width:100%; border-top:2px solid #555; font-size:17px;}
table th, table td {border-bottom:1px solid var(--line); padding:9px 10px;}
table th {text-align:center;}
table td {background:#fff;}
table thead th {background:#f4f5f8;}
h4 + table {margin-top:10px;}
table + h4 {margin-top:40px;}

.tb_col th, .tb_col td {border:1px solid var(--line);}
.tb_col th:first-child, .tb_col td:first-child {border-left:0;}
.tb_col th:last-child, .tb_col td:last-child {border-right:0;}
.tb_col thead th {border-bottom-color:#555;}
.tb_col td {text-align:center;}
.tb_col.tl td, .tb_col td.tl {text-align:left;}

.tb_row th, .tb_row td {border:1px solid var(--line);}
.tb_row th:first-child, .tb_row td:first-child {border-left:0;}
.tb_row th:last-child, .tb_row td:last-child {border-right:0;}
.tb_row th {background:#f4f5f8;}

.table_wrapper {width:100%; overflow-x:auto;}
.data_tb {width:100%; min-width:1100px; font-size:0.875rem; border-bottom:2px solid #2D4054;}
.data_tb th {background:#2D4054; color:#fff; padding:15px 10px; text-align:center; font-weight:500;}
.data_tb td {padding:15px 10px; border-bottom:1px solid #E2E8F0; text-align:center; line-height:1.4;}
.data_tb tr:hover {background:#F8FAFC;}
.data_tb tbody tr.detail_toggle_row {cursor:pointer;}
.data_tb tbody tr.detail_toggle_row:hover {background:#F7F9FC;}
/* 상세보기 (Detail Row) */
.data_tb .detail_row {display:none;}
.data_tb .detail_row.is_active {display:table-row;}
.data_tb .detail_row .detail_content {background:#FBFCFE; font-size:0.938rem; padding:20px; text-align:left;}
.toggle_btn {cursor:pointer; color:var(--colorS); font-size:14px; user-select:none;}
.grid_split {display:grid; grid-template-columns:1fr 1fr; gap:15px 20px;}
.detail_content .label {display:block; font-weight:700; color:#18181B; margin-bottom:5px;}
.detail_content .val {color:#18181B; font-size:0.875rem;}
.link_list {display:flex; gap:5px 15px;}
.link_list span {font-size:0; background-position:50% 50%; background-repeat:no-repeat; background-size:contain; width:17px; height:15px; position:relative;}
.link_list span a {display:block; position:absolute; top:0; left:0; width:100%; height:100%;}
.link_list .link_nl {background-image:url(../images/content/icon_link_nl.png);}
.link_list .link_dnb {background-image:url(../images/content/icon_link_dnb.png);}
.link_list .link_ama {background-image:url(../images/content/icon_link_amazon.png);}
.link_list .link_per {background-image:url(../images/content/icon_link_per.png);}
.link_list .link_riss {background-image:url(../images/content/icon_link_riss.png);}
.link_list .link_lti {background-image:url(../images/content/icon_link_lti.png);}
.toc_area {margin-top:20px; padding-top:20px; border-top:1px solid #E4E4E7;}
.toc_area .toc_list {margin:0; padding:0 0 0 16px; color:#52525B; font-size:0.875rem;}
.toc_area .toc_list > li {margin-bottom:8px;}
.toc_area .toc_list > li:last-child {margin-bottom:0;}
.toc_area .row {display:flex; justify-content:space-between; align-items:baseline; gap:20px; border-bottom:1px dashed #F1F1F4; padding-bottom:4px;}
.toc_area .row .meta {color:#A1A1AA; white-space:nowrap; font-size:13px;}

/* board ------------------------------- */
.bbs th, .bbs td {padding:0.75rem 5px;}
/* list ----- */
.bbs_list {border-top:2px solid #2d2d2d;}
.bbs_list td {text-align:center;}
.bbs_list td.b_tit > a {display:flex; text-align:left;}
.bbs_list td.b_tit > a:hover {text-decoration:underline;}
.bbs_list td.b_tit .title {display:inline-block; max-width:100%; position:relative; padding-right:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.bbs_list td.b_tit .cate {display:block;}
.ico_new {display:inline-block; background:var(--colorP); border-radius:3px; width:15px; height:15px; position:absolute; top:4px; right:0; opacity:0.8; text-indent:-9999px;} /* 새글 */
.ico_new::after {content:''; background:url(../images/form/icon_new.png) 0 0 no-repeat; background-size:contain; width:7px; height:7px; position:absolute; top:50%; left:50%; margin:-3px 0 0 -3px;}
.ico_secret {display:inline-block; background:url(../images/form/icon_secret.png) 0 0 no-repeat; background-size:contain; width:12px; height:16px; margin:0 5px 0 0; vertical-align:middle; text-indent:-9999px;} /* 비밀글 */
.bbs_list .ico_secret {margin-top:5px; flex:0 0 12px;}
.bbs_list .ico_attach {display:inline-block; background:url(../images/form/icon_file.png) 0 0 no-repeat; background-size:contain; width:16px; height:20px; vertical-align:middle; text-indent:-9999px;}
.bbs_list .ico_receipt {display:inline-block; background:url(../images/form/icon_receipt.png) 0 0 no-repeat; background-size:contain; width:18px; height:18px; vertical-align:middle; text-indent:-9999px;}
/* thead */
.bbs_list thead tr th {background:#fff; border-bottom:1px solid #aaa;}
/* bbs_notice */
.th_notice td {/* background:rgba(0,0,0,0.03); */}
.nt_icon {display:inline-block; background:#4F5877; border-radius:3px; color:#fff; width:40px; height:23px; line-height:23px; font-size:12px; font-weight:600; text-align:center; opacity:0.5;}
table .th_notice td {background:#f7f7f7;}

/* reply */
.bbs_reply {background:#f7f8f9; border:3px solid #dfdfdf; padding:1.875rem 1.875rem 1.875rem 6.25rem; margin-top:3.75rem; position:relative;}
.bbs_reply .state {position:absolute; left:20px; top:-15px; background:linear-gradient(45deg, #ffb448 0%, #ef8c39 100%); color:#fff; font-size:0.938rem; font-weight:500; line-height:1.4; display:flex; justify-content:center; align-items:center; width:70px; height:75px;}

/* 상태 */
.bbs .state {display:inline-flex; justify-content:center; align-items:center; border-radius:50rem; width:65px; height:26px; font-size:13px;}
.bbs .state.type1 {background:#fe9d00; color:#fff;} /* 답변완료 */
.bbs .state.type2 {background:#aaa; color:#fff;} /* 답변대기 */

.no_data_msg {width:100% !important; text-align:center; padding:30px 2%; color:#888; font-size:1rem !important;} /* 게시글 없을때 */

/* bbs_gallery type */
.bbs_gall {display:flex; flex-wrap:wrap; gap:1.875rem;}
.bbs_gall > li {width:calc((100% - 3.75rem) / 3); border:1px solid var(--line); border-radius:12px; padding:20px; transition:all 0.3s;}
.bbs_gall > li.no_data_msg {border:0;}
.bbs_gall .imgs {position:relative; overflow:hidden;}
.bbs_gall .thumb_wrap {transition:all .2s linear; transform:scale(1.05);}
.bbs_gall > li:not(.no_data_msg):hover {border-color:#777; box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15);}
.bbs_gall a:hover .thumb_wrap {transform:scale(1.1);}
.bbs_gall .cont {margin-top:15px;}
.bbs_gall .cont .cate {display:block; color:var(--color); font-size:0.938rem; font-weight:600;}
.bbs_gall .cont .title {display:inline-block; font-size:1.125rem; font-weight:600; max-width:100%; position:relative; padding-right:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.bbs_gall .cont .date {display:block; color:#888; font-size:0.875rem;}

/* bbs_thumbnail type */
.bbs_thumb > li + li {margin-top:1.25rem;}
.bbs_thumb > li > a {display:block; background:#f8f8f8; border:1px solid #c7c7c7; border-radius:12px; height:100%; overflow:hidden;}
.bbs_thumb .imgs {background:#fff; display:flex; align-items:center; padding:1.25rem;}
.bbs_thumb .imgs .thumb_wrap {width:100%; max-width:230px; margin:0 auto;}
.bbs_thumb .imgs .thumb_wrap::after {padding-bottom:37%;}
.bbs_thumb .imgs .thumb_wrap > img {max-width:85%; max-height:95%; object-fit:contain;}
.bbs_thumb .cont {padding:1.25rem 1.25rem;}
.bbs_thumb .cont .title {color:var(--title); border-bottom:1px solid #c7c7c7; padding-bottom:10px; font-size:1.25rem; font-weight:600;}
.bbs_thumb .cont .desc {display:block; color:var(--text); font-size:0.938rem; margin-top:15px; line-height:1.4; height:2.8em; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.bbs_thumb .cont .date {display:block; color:#888; font-size:0.875rem; margin-top:10px;}

/* 내역조회 게시판 */
.info_bbs > li + li {margin-top:20px;}
.info_bbs > li {background:#fff; border:1px solid #dde0e5; border-radius:12px; overflow:hidden; box-shadow:0 4px 10px rgba(0,0,0,0.05); padding:0.938rem 5px 0.938rem 65px; position:relative; transition:0.2s;}
.info_bbs > li:hover {border-color:#00796B; box-shadow:0 8px 20px rgba(0,0,0,0.12); transform:translateY(-2px);}
.info_bbs > li .b_num {width:60px; position:absolute; left:0; text-align:center;}
.info_bbs > li .info .state {display:inline-block; background:#bbb; border-radius:50rem; color:#fff; font-size:12px; padding:3px 10px; margin-bottom:7px;}
.info_bbs > li .info .state.deposit {background:var(--colorS);}
.info_bbs > li .info em {display:block; font-size:1.25rem; font-weight:700; line-height:1.3; margin-bottom:12px;}
.info_bbs > li:has(.btn_wrap) .info em {padding-right:170px;}
.info_bbs > li .info .sub_info {color:#888; font-size:0.875rem; margin-top:10px;}
.info_bbs > li .info .sub_info > p {display:flex;}
.info_bbs > li .info .sub_info > p + p {margin-top:3px;}
.info_bbs > li .info .sub_info i {margin-right:10px;}
.info_bbs > li .info .sub_info > p strong {font-weight:600; color:#333;}
.info_bbs > li .info .abstract_type {display:flex; justify-content:center; align-items:center; width:60px; padding:3px 10px; border-radius:6px; font-size:13px; font-weight:700; color:#fff; margin-bottom:7px;}
.info_bbs > li .info .abstract_type.type01 {color:#00695C; background:#B2DFDB;}
.info_bbs > li .info .abstract_type.type02 {color:#E65100; background:#FFE0B2;}
.info_bbs > li .info .abstract_type.type03 {color:#2E7D32; background:#C8E6C9;}
/* 파일 영역 */
.info_bbs > li .file {background:#f7f8f9; border-top:1px solid #e1e4e8; padding:15px 20px; display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin:0.938rem -5px -0.938rem -65px;}
.info_bbs > li .file > i {font-size:11px; font-weight:bold; letter-spacing:0; margin-right:8px; white-space:nowrap;}
.info_bbs > li .file .list {display:flex; flex-wrap:wrap; gap:6px;}
.info_bbs > li .file .list a {display:inline-flex; background:#fff; border:1px solid #ced4da; padding:4px 10px; border-radius:4px; font-size:13px; font-weight:500;}
.info_bbs > li .file .list a::before {content:'\E39A'; font-size:0.875rem; font-family:var(--font-icon); color:var(--color); margin-right:5px;}
.info_bbs > li .file .list a:hover {border-color:#00796B; color:#00796B; background:#E0F2F1; box-shadow:0 3px 6px rgba(0,0,0,0.08);}
/* btn 영역 */
.info_bbs > li .btn_wrap {position:absolute; top:0; right:0; width:160px; height:100%; border-left:1px solid #eee; padding:20px; display:flex; justify-content:center; align-items:center; flex-direction:column; gap:8px;}
.info_bbs > li .btn_wrap button {display:block; width:100%; max-width:180px; height:40px; padding:0 7px; line-height:normal; font-size:0.875rem;}
.info_bbs > li .info + .btn_wrap {background:#f7f8f9;}

/* view ----- */
.bbs_view {border-top:2px solid #2d2d2d; border-bottom:1px solid #aaa;}
.bbs_view li {padding:20px 0;}
.bbs_view li:has(>dl) {padding:15px 0;}
.bbs_view li + li {border-top:1px solid var(--line);}
.bbs_view .b_tit + li {border-top:0;}
.bbs_view .b_tit {padding:0; border-bottom:1px solid #ccc; text-align:center;}
.bbs_view .b_tit .subject, .bbs_view .b_tit h4 {font-size:1.5rem; font-weight:700; line-height:1.3; padding:1.25rem 0; margin-bottom:0;}
.bbs_view .b_tit:has(.sub_title) h4 {padding-bottom:10px;}
.bbs_view .b_tit .sub_title {margin-bottom:1.25rem;}
.bbs_view .b_tit .add_info {padding:15px 10px; background:#f9fafb; border-top:0 dashed #dfdfdf;}
.bbs_view li dl {display:flex; padding:0 10px;}
.bbs_view li dt {color:#333; flex:0 0 120px;}
.bbs_view .view_con {min-height:250px; width:100%; padding:1.25rem 0; word-break:break-all; font-size:1rem;}
.bbs_view .view_con::after {content:''; display:block; clear:both;}
.view_con img {max-width:100%; height:auto !important;}
/* 게시글정보 */
.bbs_view .add_info {justify-content:center;}
.add_info {display:flex; flex-wrap:wrap; gap:15px; font-size:0.938rem;}
.add_info > span {position:relative; display:inline-block;}
.add_info > span i {color:#888; margin-right:5px;}
.add_info .meta_item {display:inline-flex; align-items:center;}
.add_info .meta_item::before {content:''; font-family:var(--font-icon); font-size:0.938rem; margin-right:5px; color:#555;}
.add_info .meta_item.author::before {content:'\E4C2'; font-size:0.875rem;}
.add_info .meta_item.date::before {content:'\E712';}
.add_info .meta_item.comment::before {content:'\E16C'; transform: scaleX(-1);}
.add_info .meta_item.hits::before {content:'\E220';}
/* 첨부파일 */
.file_down {border:1px solid #ddd; border-radius:12px; overflow:hidden; margin-top:30px;}
.file_down > strong {display:block; background:#f9fafb; border-bottom:1px solid #ddd; font-size:0.938rem; padding:10px 15px;}
.file_down .attach_list {padding:10px 15px;}
.file_down .attach_list > p + p {margin-top:10px;}
.file_down .attach_list > p a {display:inline-block; position:relative; padding-left:25px; line-height:20px; color:#555; word-break:break-all;}
.file_down .attach_list > p a::before {content:'\E39A'; color:#777; font-family:var(--font-icon); font-size:1.25rem; position:absolute; top:0; left:0;}

/* view(new) ----- */
.post_view {border-top:0;}
.post_view .b_tit {border-bottom:2px solid #333; padding-bottom:25px; margin-bottom:35px;}
.post_view .b_tit .subject {font-size:1.875rem;}
.post_view .content_box {background:#f8f9fa; border:1px solid #eaeaea; border-radius:12px; padding:25px; margin-bottom:25px;}
.post_view .content_box .label {font-size:1.125rem; font-weight:bold; color:var(--colorS); margin-bottom:15px; display:flex; align-items:center; gap:8px;}
.post_view .content_box .label::before {content:''; width:4px; height:18px; background:var(--colorS); border-radius:2px;}
.post_view .content_box .text {font-size:17px; color:#444; line-height:1.8;}
.proposal_list {list-style:none; padding:0; margin:0;}
.proposal_list .item {display:flex; align-items:flex-start; gap:15px; padding:12px 0; border-bottom:1px dashed #ccc;}
.proposal_list .item:last-child {border-bottom:none;}
.proposal_list .item .num {font-weight:bold; color:#111; background:#eee; padding:2px 8px; border-radius:4px; font-size:14px;}
.proposal_list .item .cont {font-size:17px; font-weight:500; color:#111;}

/* comment */
.comment_wrap {margin-top:60px;}
.comment_wrap .top_title {font-size:1.125rem; font-weight:600; margin-bottom:25px; display:flex; align-items:center; gap:8px;}
.comment_wrap .top_title::before {content:"\E17C"; font-family:var(--font-icon); color:var(--colorS); font-size:22px;}
.comment_list {display:flex; flex-direction:column; gap:15px;}
.comment_list .item {border:1px solid #eaeaea; border-radius:8px; padding:20px; background-color:#fff;}
.comment_list .item .meta {display:flex; justify-content:space-between; align-items:center; gap:5px; margin-bottom:10px;}
.comment_list .item .user_info {display:flex; align-items:center; gap:10px;}
.comment_list .item .name {font-weight:bold; font-size:15px;}
.comment_list .item .date {font-size:13px; color:#aaa;}
.comment_list .item .actions {display:flex; gap:10px;}
.comment_list .item .btn {background:none; border:none; font-size:13px; color:#999; padding:0; display:flex; align-items:center; gap:3px;}
.comment_list .item .btn:hover {color:var(--colorS); text-decoration:underline;}
.comment_list .item .cnt {font-size:1rem; color:#555; white-space:pre-wrap;}
/* 댓글 수정 모드 */
.comment_list .item .edit_box {display:none; margin-top:10px;}
.comment_list .item .textarea {width:100%; height:80px; padding:12px; border:1px solid var(--colorS); border-radius:6px; line-height:1.5;}
.comment_list .item .btn_group {display:flex; justify-content:flex-end; gap:8px; margin-top:8px;}
.comment_list .item .btn_save {background:var(--colorS); color:#fff; border:none; padding:6px 16px; border-radius:4px; cursor:pointer; font-size:13px;}
.comment_list .item .btn_cancel {background:#eee; color:#666; border:none; padding:6px 16px; border-radius:4px; cursor:pointer; font-size:13px;}
/* 댓글 작성 폼 */
.comment_form {margin-top:30px; display:flex; gap:10px;}
.comment_form .textarea {width:100%; height:100px; padding:15px; border:1px solid var(--line); border-radius:8px; line-height:1.5;}
.comment_form .btn_submit {background-color:#1a233a; color:#fff; border:none; width:120px; padding:10px 30px; border-radius:8px; font-size:0.938rem; font-weight:700;}
/* 번역 제안 */
.proposal_write_wrap {background-color:#f8f9fa; border:1px solid var(--line); border-radius:12px; padding:20px;}
.proposal_input_item {display:flex; align-items:center; gap:15px; padding:15px 0; border-bottom:1px dashed #ccc;}
.proposal_input_item:last-child {border-bottom:none;}
.num_badge {font-weight:bold; color:#333; background:#fff; border:1px solid #ddd; padding:3px 10px; border-radius:4px; font-size:14px; min-width:35px; text-align:center;}
.input_text {flex:1; padding:10px 15px; border:1px solid #ddd; border-radius:6px; font-size:16px; color:#111; transition:border-color 0.2s;}
.input_text:focus {border-color:var(--colorS); background:#fff;}
.btn_del {background-color:transparent; border:1px solid #ccc; color:#666; padding:6px 12px; border-radius:4px; cursor:pointer; font-size:13px; transition:all 0.2s;}
.btn_del:hover {background-color:#fee; border-color:#faa; color:#d32f2f;}
.btn_add_proposal {width:100%; background-color:#fff; border:1px dashed #aaa; color:#555; padding:12px 0; border-radius:8px; cursor:pointer; font-size:15px; font-weight:bold; transition:all 0.2s;}
.btn_add_proposal:hover {border-color:var(--colorS); color:var(--colorS); background-color:#fdf6f7;}
/* mypage_comment */
.my_comment_wrap {margin-top:30px;}
.my_comment_wrap .comment_list .item {padding:0; border-color:#E4E4E7; border-radius:12px; overflow:hidden;}
.my_comment_wrap .comment_list .item .meta {background:#fafbfc; border-bottom:1px solid #f0f0f0; padding:15px; flex-wrap:wrap; margin-bottom:0;}
.my_comment_wrap .comment_list .item .meta .title {display:flex; align-items:flex-start; gap:5px 7px; flex-wrap:wrap;}
.my_comment_wrap .comment_list .item .meta .title > * {margin-bottom:0;}
.my_comment_wrap .comment_list .item .meta .title h4 {font-size:1.25rem;}
.my_comment_wrap .comment_list .item .list {padding:0.625rem 1.25rem;}
.my_comment_wrap .comment_list .item .list > div {padding:10px 0;}
.my_comment_wrap .comment_list .item .list > div + div {border-top:1px dashed #eee;}
.my_comment_wrap .comment_list .item .list > div .add_info {margin-top:5px;}

/* input_con */
.input_con {border-top:1px solid #333;}
.input_con > dl {border-bottom:1px solid var(--line); display:flex; align-items:center; position:relative; z-index:1;}
.input_con > dl::before {content:''; background:#f4f5f8; width:25%; height:100%; position:absolute; top:0; left:0; z-index:-1;}
.input_con > dl > dt, .input_con > dl > dd {padding:13px 15px; font-size:1rem;}
.input_con > dl > dt {width:25%; color:#111; font-weight:700;}
.input_con > dl > dd {flex:1 1 auto; width:1%;}
.input_con > dl > dd .wr_con textarea {height:300px;}
.input_con > dl > dt .es {flex:0 0 7px;}
.input_con.v2 > dl {flex-direction: column; align-items:inherit;}
.input_con.v2 > dl::before {display:none;}
.input_con.v2 > dl > dt {background:#f4f5f8; margin-bottom:7px; font-size:15px; width:100%;}
.input_con.v2 > dl > dt.between {display:flex; justify-content:space-between; flex-wrap:wrap;}
.input_con.v2 > dl > dt.between > *:first-child {margin-right:10px;}
.input_con > dl > dt .func_btn {margin-left:10px;}
.fieldstyle {border:1px solid #ddd; box-shadow:2px 2px 5px rgba(80,80,80,0.1); border-radius:12px; padding:20px;}
.fieldstyle + .fieldstyle {margin-top:20px;}
/* 외부교육정보 */
.ext_prog {display:flex; flex-wrap:wrap; gap:5px;}
.ext_prog > dt {width:65px; line-height:42px; font-size:15px; font-weight:500;}
.ext_prog > dd {width:calc(100% - 70px);align-self: center;}

/* 회비납부_new */
.payment h4::before {content:''; font-family:var(--font-icon); font-size:1.25rem; font-weight:400; color:var(--color); margin-right:5px;}
.payment .pay_user h4::before {content:'\efd1';}
.payment .pay_mber h4::before {content:'\e851';}
.payment .pay_thesis h4::before {content:'\e5fa';}
.payment .pay_etc h4::before {content:'\e745';}
.payment .pay_select h4::before {content:'\e850';}
.form_page {max-width:1000px; margin:0 auto;}
.form_page section {background:#fff; border-radius:12px; box-shadow:0 4px 20px rgba(0,0,0,0.08); border:1px solid #dde2e6; margin-top:40px; overflow:hidden;}
.form_page section h4 {background:#f8f9fa; padding:15px 30px; border-bottom:1px solid #dde2e6; font-size:1.125rem; margin-bottom:0; display:flex; align-items:center;}
.form_page section .input_con {border-top:0; margin-top:0;}
.form_page section .input_con > dl {border-color:#ededed;}
.form_page section .input_con > dl::before {background-color:#fff;}
.form_page section .input_con > dl > dt, .form_page section .input_con > dl > dd {padding:13px 30px;}
.form_page section .input_con > div {padding:20px 30px; margin-top:0;}
.form_page section .pay_item .allchk {border-bottom:1px solid #ededed;}
.form_page section .pay_item .allchk, .form_page section .pay_item .list > li {padding:12px 30px; min-height:55px;}
.form_page section .pay_item .list, .form_page section .pay_item .list > li + li {margin:0;}
.form_page section .pay_item .list > li {border-bottom:1px solid #ededed;}
.form_page section .pay_item .item {justify-content:space-between; border:0; padding:0;}
.form_page section .pay_item .item .chkbox label {font-size:1rem;}
/* 논문 정보 입력 영역 (숨김) */
.paper_info {display:none; background-color:#fcfcfc; border:1px solid #e1e4e8; border-radius:12px; padding:20px 25px; margin:20px 30px;}
.paper_info h5 {font-size:1rem; line-height:1; display:flex;}
.paper_info h5::before {content:'\e3c9'; font-family:var(--font-icon); font-weight:400; margin-right:5px;}
.paper_info h5 small {font-weight:normal; margin-left:5px;}
.paper_info .input_flex {justify-content:center;}
/* total_bar fixed */
.total_bar.is-fixed {position:fixed; bottom:0; left:0; width:100%; background:rgba(33, 37, 41, 0.98); box-shadow:0 -5px 20px rgba(0,0,0,0.15); padding:20px 0; z-index:9999;}
.total_bar.is-fixed .total_price {max-width:calc(1000px + 40px); margin:0 auto; border:0; padding:0 20px; text-align:right;}
.total_bar.is-fixed .total_price > dl {color:#fff;}
.total_bar.is-fixed .total_price > dl > dt {border:0; padding:0; margin:0; font-size:1rem; font-weight:400; color:rgba(255,255,255,0.8);}
.total_bar.is-fixed .total_price dl dd input[type="text"] {background:none; text-align:right; padding:0; color:#ffc107; font-size:1.625rem;}

/* 회비납부 */
.allchk {margin-bottom:10px;}
.allchk .chkbox label {font-size:1rem;}
.pay_item .list > li + li {margin-top:10px;}
.pay_item .item {display:flex; align-items:center; border:1px solid #cdcdcd; border-radius:12px; padding:10px 15px;}
.pay_item .item .type {width:150px;}
.pay_item .item .cont {flex:1;}
.pay_item .item .cont .price {display:block;}
.pay_item .item .cont .etc {display:block; width:100%; border-top:1px dashed var(--line); padding-top:5px; margin-top:5px; font-size:0.938rem; color:#777;}
/* 회비납부(PayEtc) */
.pay_box {background:#f4f5f8; border:1px solid #cad4dc; border-radius:12px; overflow:hidden;}
.pay_box .allchk {background:#fff; padding:10px 1.25rem;}
.pay_box .form_list {padding:1.25rem;}
/* 결제 관련 */
.input_con .price {color:var(--color); font-size:1.25rem; font-weight:700;}
.total_price {border:7px solid #eee; padding:1.25rem 1.25rem 10px; margin-top:30px; text-align:center;}
.total_price dl dt {border-bottom:1px dashed #ccc; padding-bottom:10px; margin-bottom:10px; font-weight:700;}
.total_price dl dd input[type="text"] {background:#fff; border:0; color:var(--color); font-size:1.25rem; font-weight:700; text-align:center;}
.total_price dl dd input[type="text"]:focus {box-shadow:none;}

/* 리스트 상단 정보 */
.list_info {display:flex; justify-content:space-between; align-items:flex-end; flex-wrap:wrap; gap:5px 10px; margin-bottom:15px;}
.list_info .total_num {margin-bottom:0;}
.list_info .notice_text {font-size:0.875rem; color:#666;}

/* 총게시물 */
.search_box + .total_num {margin-top:15px;}
.total_num {position:relative; padding-left:20px; margin-bottom:15px;}
.total_num::before {content:'\e23a'; font-family:var(--font-icon); position:absolute; top:0; left:0;}
.total_num strong {color:var(--colorP);}

/* 이전글다음글 */
.prevnext {border-top:1px solid #999; border-bottom:1px solid #999; font-size:0.938rem; margin-top:3.75rem;}
.prevnext li {display:flex; height:3.125rem; padding:0; overflow:hidden; position:relative;}
.prevnext li + li {border-top:1px solid #dedede;}
.prevnext li span {display:flex; align-items:center;}
.prevnext li span:first-child {/* background:#f4f5f8; */ flex:0 0 100px; padding:0 10px; position:relative; margin-right:15px;}
.prevnext li span:first-child::after {content:'\e13c'; font-family:var(--font-icon); font-size:1rem; position:absolute; right:10px;}
.prevnext li:last-child span:first-child::after {transform: rotate(180deg);}
.prevnext li a {display:block; line-height:50px; max-width:100%; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.prevnext li a:hover {text-decoration:underline;}
.prevnext li a[href="#none"] {pointer-events: none;}

/* 이미지 높이값 조정 */
.thumb_wrap {display:block; position:relative; overflow:hidden;}
.thumb_wrap::after {content:''; display:block; padding-bottom:67%;}
.thumb_wrap > img {display:block; width:100%; height:100%; object-fit:cover; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%);}

/* 유튜브를 소스로 하는 iframe이 있다면 youtubeWrap을 클래스 값을 가지는 div로 */
.youtubeWrap {position:relative; max-width:800px; padding-bottom:50.25%;}
.youtubeWrap iframe {position:absolute; width:100%; height:100%;}

/* search ------------------------------- */
.search_box {background:#f8f9fa; border:1px solid #eaeaea; border-radius:8px; padding:20px; margin-bottom:30px;}
.search_box input[type="text"], .search_box select, .search_box button {height:44px; border-radius:var(--input-radius);}
.search_box input[type="text"], .search_box select {font-size:1rem;}
.search_box .sch_group {display:flex; justify-content:center; gap:7px 5px;}
.search_box .sch_select {min-width:85px;}
.search_box .sch_word {display:flex; gap:7px 5px;}
.search_box .bt_search {background:var(--color); display:flex; justify-content:center; align-items:center; padding:0; color:#fff; font-weight:bold; width:50px; flex:0 0 50px; text-indent:-9999px;}
.search_box .bt_search > span {background:url(../images/form/icon_btn_search.png) 0 0 no-repeat; background-size:contain; width:20px; height:19px; position:absolute;}
.search_box .sch_word.full {width:100%;}
.search_box .sch_group.selwrap > * {width:1%; flex:1 1 auto;}
.search_box .sch_group.selwrap > select {max-width:25%;}
.search_box .sch_group.selwrap > button {width:120px; flex:none;}
.search_box .sch_group + .sch_group {margin-top:7px;}

.search_toolbar {display:flex; justify-content:space-between; max-width:600px; margin:0 auto 30px; gap:10px 15px;}
.search_toolbar .search_box {background:none; border:0; border-radius:0; margin-bottom:0; padding:0; width:1%; flex:1 1 auto;}
.search_toolbar .search_box .sch_group {border:1px solid #ccc; border-radius:50rem; overflow:hidden; padding:3px;}
.search_toolbar .search_box .sch_word {flex:1;}
.search_toolbar .search_box input[type="text"], .search_toolbar .search_box select {border:0;}
.search_toolbar .search_box input[type="text"]:focus, .search_toolbar .search_box select:focus {box-shadow:none;}
.search_toolbar button {height:auto; border-radius:50rem;}

/* 통합검색 */
.search_page .sch_word {width:90%; max-width:360px; margin:0 auto;}
/* 통합검색_결과 */
.resultwrap {border-top:solid 3px #1c1c1e; border-bottom:1px solid #dbdbdb;}
.resultwrap .item {padding:1.25rem 0.938rem; position:relative;}
.resultwrap .item + .item {border-top:1px dashed #dbdbdb;}
.resultwrap .item .title {display:block; font-size:1.125rem; font-weight:700; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative;}
.resultwrap .item .desc {font-size:0.938rem; font-weight:300; margin-top:0.625rem; line-height:1.6; max-height:3.2em; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}

/* paging ------------------------------- */
.paging {display:flex; justify-content:center; text-align:center; margin:3.125rem 0 0;}
.paging > a, .paging > span {display:inline-flex; justify-content:center; align-items:center; width:2rem; height:2rem; padding:0; margin:0 0.125rem; background-color:#fff; border:1px solid #ddd; color:#3f3f3f; font-size:0.875rem; font-weight:500; cursor:pointer;}
.paging a:hover {color:#333;}
.paging .on, .paging .on:hover {background:var(--colorS); border-color:transparent; color:#fff; cursor:inherit;}
.paging .page_bt {text-indent:-9999px; position:relative;}
.paging .page_bt::after {content:''; background:url(../images/form/page_bt_arrow.png) 0 0 no-repeat; background-size:contain; width:6px; height:10px; position:absolute;}
.paging .first::after, .paging .last::after {background-image:url(../images/form/page_bt_arrow02.png); width:12px;}
.paging .next::after, .paging .last::after {transform: rotate(180deg);}

/* 무단가입방지 */
.captcha_code fieldset {display:flex; flex-wrap:wrap; gap:5px; max-width:200px;}
.captcha_code:has(.code) fieldset {flex-wrap:nowrap; gap:0; max-width:240px;}
.captcha_code .code {font-size:1.25rem; background:#f7f7f7; border:3px solid #ccc; padding:0 10px; display:flex; align-items:center;}
.captcha_code input[type="text"] {width:100%; height:42px; border-radius:0; font-size:1rem; margin-left:-1px; text-align:center;}
.captcha_code #captcha_img {border:1px solid #dcdcdc;}
.captcha_code .btn_refresh {background:#f8f8f8; border:1px solid #dcdcdc; width:80px; flex:1;}

/* 회원관련 ------------------------------- */
.login_wrap {width:90%; max-width:480px; margin:0 auto;}
/* 로그인입력폼 */
.login_input {margin-top:0;}
.login_input li {position:relative;}
.login_input li + li {margin-top:-1px;}
.login_input li input {background:#f7f7f7; border-radius:0; font-size:1rem; width:100%; height:3.625rem; max-height:none; padding:0 20px;}
.login_input li input:focus {position:relative; z-index:1;}
.login_input li input:-webkit-autofill {-webkit-box-shadow: 0 0 0 30px #f7f7f7 inset;}
.login_input li:first-child input {border-radius:10px 10px 0 0;}
.login_input li:last-child input {border-radius:0 0 10px 10px;}
.login_input li > span {display:block; position:relative;}
.login_input li label {display:flex; justify-content:center; align-items:center; width:3.125rem; height:100%; position:absolute; top:0; left:9px; text-indent:-9999px;}
.login_input li label:not(.skip_info) + input {padding:0 20px 0 3.5rem;}
.login_input li label::after {content:''; background-repeat:no-repeat; background-size:contain; position:absolute; z-index:2;}
.login_input li .input_id label::after {background-image:url(../images/form/icon_login_id.png); width:18px; height:18px;}
.login_input li .input_pw label::after {background-image:url(../images/form/icon_login_pw.png); width:16px; height:22px;}
.login_input li .input_hp label::after {background-image:url(../images/form/icon_login_hp.png); width:13px; height:22px;}
.login_input li .input_email label::after {background-image:url(../images/form/icon_login_email.png); width:18px; height:14px;}
.login_input li > .add_in {display:flex; align-items:center;}
.login_input li > .add_in button {background:#fff; border:1px solid #00264b; color:#00264b; height:1.875rem; position:absolute; right:10px;}
.login_wrap .login_btn .btns {width:100%;}
.login_btn {display:flex; margin:1.875rem 0;}
.login_btn .btns {display:block; background:#0a2b60; border:0; box-shadow:0px 8px 8px rgba(0,38,74,0.15); border-radius:10px; color:#fff; font-size:1.125rem; font-weight:600; min-width:150px; height:3.75rem; margin:0 auto;}
.add_menu {display:flex; justify-content:center; text-align:center;}
.add_menu, .add_menu a {color:#2d2d2d;}
.add_menu a {display:flex; align-items:center; padding:0 1.25rem; font-size:1rem; position:relative;}
.add_menu a + a::before {content:''; background:#d2d2d2; width:1px; height:15px; position:absolute; left:0;}

/* 비회원 로그인 */
.login_box {width:90%; max-width:480px; margin:0 auto;}
.login_box .login_input li + li {margin-top:10px;}
.login_box .login_input li input {border-radius:10px;}
.login_box .login_btn .btns {width:100%;}

/* idpw_search */
.idpw_search {max-width:980px; margin:0 auto;}
.idpw_search h4 {font-size:1.5rem; margin-bottom:0.625rem;}
.idpw_search .wrap > div + div {border-top:1px solid #e0e0e0; padding-top:3.125rem; margin-top:3.125rem;}
.idpw_search .login_input {margin-top:1.25rem;}
.idpw_search .login_input li input {height:3.25rem;}

/* 가입단계 */
.join_step {display:flex; justify-content:center; list-style:none; margin-bottom:3.125rem;}
.join_step > li {display:flex; align-items:center; margin:0 0.75rem; position:relative;}
.join_step > li:not(:first-child)::before {content:''; background:#ccc; width:3.125rem; height:1px; margin-right:20px;}
.join_step > li > .num {display:flex; justify-content:center; align-items:center; background:#aaa; border-radius:100%; color:#fff; font-weight:700; width:1.875rem; height:1.875rem; margin-right:5px;}
.join_step > li > .title {color:#aaa; font-size:1.125rem; font-weight:700;}
.join_step > li.on > .title {color:#00264b;}
.join_step > li.on > .num {background:#00264b; font-size:0; text-indent:-9999px;}
.join_step > li.on > .num::before {content:''; background:url(../images/form/icon_step_on.png) 0 0 no-repeat; background-size:contain; width:12px; height:9px; position:absolute;}

/* 약관동의 */
.chkall + .agree_in {margin-top:2.5rem;}
.agree_in + .agree_in {margin-top:2.5rem;}
.agree_in {border-bottom:1px solid var(--line);}
.agree_in .wrap {background:#fafafa; border-top:2px solid #1c1c1e; color:#888; font-size:0.938rem; padding:1.25rem 2px 1.25rem 1.25rem; margin-top:0.938rem;}
.agree_in .wrap strong {display:block; color:#3f3f3f; font-size:1rem;}
.agree_in .form_chk {margin:15px 0; text-align:right;}
.agree_in .wrap table {border-top-width:1px;}
.agree_in .wrap th, .agree_in .wrap td {font-size:14px;}
.agreechk_box {position:relative; margin-top:30px;}
.agreechk_box .chkbox {display:block;}
.agreechk_box .chkbox input[type="checkbox"], .agreechk_box .chkbox i {top:0.938rem; left:18px; cursor:pointer;}
.agreechk_box .chkbox label {display:block; font-size:0.938rem; font-weight:500; padding:0.938rem 18px 0.938rem 48px;}
.agreechk_box .chkbox label::before {content:''; background:#fff; border:1px solid #777; border-radius:10px; position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1;}
.agreechk_box .chkbox input:checked~label::before {background-color:#003568;}
.agreechk_box .chkbox input:checked+i {background-color:#fff;}
.agreechk_box .chkbox input:checked+i::before {background-image:url(../images/form/chkall_icon_on.png);}
.agreechk_box .chkbox input:checked ~ label {color:#fff;}
.inner_text {height:13.75rem; padding-right:1.25rem; overflow-y:auto;}
.inner_text::-webkit-scrollbar {width:10px; background-color:#f7f7f7; border-radius:6px;}
.inner_text::-webkit-scrollbar-thumb {background-color:#d2d2d2; border-radius:6px;}

/* 간편 가입 UI */
.agree_simple {max-width:760px; margin:0 auto; border:1px solid #e7e7e7; border-radius:14px; background:#fff; padding:25px;}
.agree_simple .agree_intro, .join_simple_form .join_simple_intro {font-size:14px; color:#666; margin-top:5px;}
.agree_simple .agree_top {border:1px solid #d9d9d9; border-radius:12px; padding:18px; background:#fafafa;}
.agree_simple .agree_top .chkbox label {font-size:20px; font-weight:700;}
.agree_simple .agree_list {margin-top:14px; border-top:1px solid #ededed;}
.agree_simple .agree_item {padding:16px 2px; border-bottom:1px solid #ededed;}
.agree_simple .agree_line {display:flex; align-items:center; justify-content:space-between; gap:12px;}
.agree_simple .agree_label {display:flex; align-items:center; gap:10px;}
.agree_simple .tag {display:inline-block; min-width:44px; text-align:center; padding:2px 8px; border-radius:14px; font-size:12px; font-weight:700; line-height:1.5;}
.agree_simple .tag.required {background:#eaf6ff; color:#0068c3;}
.agree_simple .tag.optional {background:#f4f4f4; color:#666;}
.agree_simple .detail_btn {display:inline-block; padding:6px 10px; border:1px solid #ddd; border-radius:6px; font-size:13px; color:#444; background:#fff; cursor:pointer;}
.agree_simple .detail_btn_wrap {margin-left:auto;}
.agree_simple .inner_text {max-height:150px; height:auto; overflow-y:auto; padding:14px; border:1px solid #ededed; border-radius:8px; background:#fcfcfc; color:#555; line-height:1.7; font-size:0.875rem;}
.agree_simple .inner_text table {font-size:inherit;}
.agree_simple .term_detail {display:none; margin-top:10px;}
.agree_simple .term_detail.open {display:block;}

.join_simple_form {max-width:760px; margin:0 auto;}
.join_simple_form h4 {font-size:1.5rem; margin-bottom:0;}
.join_simple_form .input_con {border:1px solid #e7e7e7; border-radius:14px; background:#fff; padding:25px; margin-top:18px;}
.join_simple_form .input_con > dl {display:block; padding:15px 0; border:0;}
.join_simple_form .input_con > dl::before {display:none;}
.join_simple_form .input_con > dl > dt, .join_simple_form .input_con > dl > dd {width:100%; padding:0;}
.join_simple_form .input_con > dl > dt {display:flex; align-items:center; gap:8px; margin-bottom:10px; font-size:1rem; color:#111; font-weight:700;}
.join_simple_form .input_con > dl > dd .info_txt {display:block; color:#666; font-size:13px; margin-top:8px; line-height:1.5;}
.join_simple_form .input_con input[type="text"], .join_simple_form .input_con input[type="email"], .join_simple_form .input_con input[type="password"] {height:48px; border-radius:8px;}
.join_simple_form .field_required {display:inline-block; min-width:40px; padding:2px 8px; border-radius:12px; background:#eaf6ff; color:#0068c3; font-size:12px; font-weight:700; line-height:1.5; text-align:center;}
.join_simple_wrap .login_btn {margin:1.875rem 0 0;}

/* 회원구분 선택 */
.mem_sel {display:flex; flex-wrap:wrap; margin:0 0 2.5rem 0; position:relative;}
.mem_sel::after {content:''; background:#111; width:100%; height:1px; position:absolute; bottom:0; left:0;}
.mem_sel > li {flex:1; margin:-1px 0 0 -1px;}
.mem_sel > li button, .mem_sel > li a {display:flex; justify-content:center; background:#f7f7f7; border:1px solid #ddd; font-size:1.125rem; line-height:normal; width:100%; height:100%; padding:1.25rem 5px;}
.mem_sel > li .on, .mem_sel > li.on a {background:#fff; border-color:#111; border-bottom:0; position:relative; z-index:1;}

/* 필수입력표시 */
.es {display:inline-block; background:url(../images/form/icon_es.png) 0 0 no-repeat; background-size:contain; width:7px; height:7px; margin-left:3px; vertical-align:middle; position:relative; top:-2px; text-indent:-9999px;}
.es_txt {color:#888; font-size:15px; font-weight:500; margin-left:15px;}
.es_txt i {color:#dd0101;}

/* input 정의 */
input, select, textarea {font-size:15px;}
input[type=text], input[type="password"], input[type="number"], input[type="tel"], input[type="email"], input[type="url"], input[type="date"], input[type="search"], select, textarea {width:100%; border-radius:var(--input-radius);}
input[type=text], input[type="password"], input[type="number"], input[type="tel"], input[type="email"], input[type="url"], input[type="date"], input[type="search"], select {height:var(--input-height);}
select {padding-right:30px;}
textarea {padding:0.75rem;}
input:not([type="radio"]):not([type="checkbox"])[readonly], select[readonly], textarea[readonly], .readonly, input:not([type="radio"]):not([type="checkbox"])[disabled], select[disabled], textarea[disabled], .disabled {background-color:#efefef;} /* 입력불가 */

.input_tel, .email_in, .input_date {display:flex; align-items:center; margin:0 -3px;}
.input_tel > span, .input_date > span {display:block; flex:1; margin:0 3px;}
.input_tel > span.hyphen {flex:none;}
.input_date > span.txt {width:auto; flex:none; font-size:0.875rem; margin:0 0.375rem; text-align:center;}
.add_in {display:flex; position:relative;}
.add_in .btns {width:7.5rem; height:auto; margin-left:5px; border-radius:var(--input-radius); background:#fff; border:1px solid #00264b; color:#00264b;}
.addr_in p {margin-top:0.5rem;}
.addr_post input[readonly] {background:#f2f2f2;}
/* input_group */
.input_group {display:flex; align-items:center; gap:7px;}
.input_group + .input_group {margin-top:10px; padding-top:10px; border-top:1px dashed #ccc;}
.input_group > .input_txt {width:100%;}
.input_group.v2 {flex-wrap:wrap;}
.input_group.v2 > * {width:100%;}
.input_group.v2 > label {display:inline-flex; align-items:center;}
.input_group.v2 > label > .tit {width:80px; font-size:0.938rem;}
.input_flex, .input_flex .inwrap {display:flex; align-items:center; gap:7px;}
.input_flex.v2 {flex-wrap:wrap;}
.input_flex input {max-width:120px;}
.vol_issue {display:flex; gap:7px;} /* 권호 */
.vol_issue .input_group_box {display:flex; align-items:center; background:#f9f9f9; border:1px solid #ddd; border-radius:6px; font-size:15px; font-weight:600; padding:0 12px; height:var(--input-height);}
.vol_issue .input_group_box input {border:0; background:transparent; text-align:center; height:100%;}
.vol_issue .input_group_box input:focus {box-shadow:none;}
/* input_txt */
.input_txt {position:relative; display:flex; align-items:center;}
.input_txt input {width:100%; text-align:right; padding-right:35px;}
.input_txt .txt {position:absolute; right:10px; font-size:0.938rem; color:#777;}
.maxsmall {max-width:100px;}
/* checkbox */
.chkbox {display:inline-block; position:relative;}
.chkbox input[type="checkbox"], .chkbox i {width:20px; height:20px; position:absolute; top:0; left:0;}
.chkbox input[type="checkbox"] {border:none; border-radius:12px; z-index:1; -webkit-appearance:none; appearance:none;}
.chkbox label {display:block; color:#3f3f3f; font-size:1rem; font-weight:600; line-height:20px; padding:0 0 0 1.875rem;}
.chkbox i {background:#fff; border:1px solid #d2d2d2; border-radius:3px; display:flex; justify-content:center; align-items:center;}
.chkbox input:checked ~ i {border-color:#003568;}
.chkbox i::before {content:''; background-image:url(../images/form/formchk_icon.png); background-size:contain; width:12px; height:9px; position:absolute;}
.chkbox input:checked ~ i::before {background-image:url(../images/form/formchk_icon_on.png);}
.chkbox input:focus {border-radius:2px;}
/* form_radio */
span.form_check {display:inline-block; margin-right:15px;}
.form_check input[type=radio], .form_check input[type=checkbox] {accent-color:#003568; width:14px; height:14px; margin-right:3px; position:absolute; top:5px; left:0;}
.form_check > span {display:block;}
.form_check > span + span {margin-top:5px;}
.form_check label {display:inline-block; position:relative; padding-left:20px;}
table input[type=radio], table input[type=checkbox] {accent-color:#003568; width:14px; height:14px;}
/* radio */
.radios {position:relative; display:inline-block; margin-right:15px;}
.radios input[type=radio] {position:absolute; overflow:hidden; width:1px; height:1px; margin:-1px; padding:0; border:0; clip:rect(0 0 0 0);}
.radios label {display:block; position:relative; padding:0px; padding-left:23px; line-height:25px; z-index:1; cursor:pointer;}
.radios .check {display:flex; justify-content:center; align-items:center; background:#fff; border:1px solid #d2d2d2; border-radius:100%; width:16px; height:16px; position:absolute; top:4px; left:0px;}
.radios .check::before {content:''; display:block; position:absolute; background:#d2d2d2; border-radius:100%; width:8px; height:8px; margin:auto;}
.radios input[type=radio]:checked ~ .check {border-color:var(--color);}
.radios input[type=radio]:checked ~ .check::before {background:var(--color);}
.radios input[type=radio]:checked ~ label {color:#333;}
.radios.readonly {background:none;}
.radios.readonly input[type=radio]:checked ~ .check {border-color:#ccc;}
.radios.readonly input[type=radio]:checked ~ .check::before {background:#ccc;}
/* 달력 */
.icon_cal {display:inline-block; width:100%; position:relative;}
.icon_cal input {width:100%; padding-right:30px;}
.icon_cal input[type=text][readonly] {background-color:#fff;}
.icon_cal input.dateVal {background-image:url(../images/form/icon_cal.png); background-position:calc(100% - 10px) 50%; background-repeat:no-repeat;}
.cal_wrap > .icon_cal {width:100%;}
/* 첨부파일 스타일 */
.file_input {margin:2px 0; overflow:hidden; position:relative; padding-right:90px; max-width:400px;}
.file_input label {position:absolute; top:0; right:0; display:flex; justify-content:center; align-items:center; width:85px; height:100%; background:#aaa; border-radius:var(--input-radius); color:#fff; cursor:pointer; text-align:center;}
.file_input label input {position:absolute; width:0; height:0; overflow:hidden; padding:0; border:0;}
.file_input input[type=text] {background:#efefef;}
/* 첨부파일 button */
.add_box {position:relative; margin-bottom:10px;}
.add_box input[type=file] {position:absolute; top:0; width:85px; height:30px; overflow:hidden; border:0; opacity:0; cursor:pointer;}
.btn_attach {display:flex; justify-content:center; align-items:center; width:85px; height:30px; background:#333; border-radius:6px; color:#fff; font-size:0.875rem; cursor:pointer; text-align:center;}

/* form_list */
.form_list {display:flex; align-items:center; flex-wrap:wrap; margin:-0.625rem 0 0 -1.25rem;}
.form_list > * {margin:0.625rem 0 0 1.25rem;}
.form_list > label {display:inline-flex;}
.form_list > label input {margin:2px 5px 0 0; width:17px; height:17px; flex:0 0 17px;}
.form_list.mgt {margin-top:0;}

/* 사전등록 기타 항목 */
.tabcont {display:none; margin-top:20px;}
.tabcont.on {display:block;}
.car_num {display:none;}
.transport dl {border:1px solid #ccc; border-radius:12px; padding:12px 20px;}
.transport dl + dl {margin-top:10px;}
.transport dl dt, .transport dl dd {padding:0;}
.transport dl dt {border-bottom:1px dashed #ccc; width:100%; padding-bottom:10px; margin-bottom:10px;}
.transport dl dd {width:100%;}
.car_num {margin-top:5px;}

/* 버튼 기본 스타일 ------------------------------- */
.btns {display:inline-flex; justify-content:center; align-items:center; padding:0 17px; height:34px; line-height:1; font-weight:500; font-size:14px; text-align:center; vertical-align:middle; border-radius:3px; border:1px solid transparent; overflow: hidden; white-space:nowrap;}
.btns:hover, .btns:focus {opacity:0.9;}

/* 스타일 */
.btn_st {background:var(--color); color:#fff;}
.btn_st1 {background:#34558b; color:#fff;} /* navy */
.btn_st2 {background:#bbb; color:#fff;} /* gray */
.btn_bdr {background:#fff; border-color:var(--color); color:var(--color);}
.btn_bdr1 {background:#fff; border-color:#34558b; color:#34558b;}
.btn_bdr2 {background:#fff; border-color:#777; color:#777;}

.btn_mid {height:45px;}
.btn_sm {height:28px; font-size:0.813rem;}
.btn_xs {height:26px; font-size:12px;}

.btns.primary {height:28px; padding:0 15px; background:linear-gradient(to bottom, #f7f7f7, #e7e7e7); border:1px solid #b7b7b7; border-radius:3px; font-size:13px;}

.fn_btn {background:#fff; border:1px solid #aaa; display:inline-flex; justify-content:center; align-items:center; width:25px; height:25px; position:relative; text-indent:-9999px;}
.fn_btn::after {content:''; background-image:url(../images/form/icon_plusminus.png); background-repeat:no-repeat; background-size:24px; position:absolute;}
.fn_add_btn::after {background-position:0 0; width:10px; height:10px;}
.fn_del_btn::after {background-position:100% 0; width:10px; height:10px;}
.del_btn {display:inline-flex; justify-content:center; align-items:center; background:#fff; border:1px solid #ccc; border-radius:3px; width:1.125rem; height:1.125rem; padding:0; position:relative; font-size:0; margin-left:3px; text-indent:-9999px;}
.del_btn::before {content:''; background:url(../images/form/icon_del.png) 0 0 no-repeat; background-size:contain; width:8px; height:8px; position:absolute;}
.btn_close {display:inline-flex; justify-content:center; align-items:center; background:#fff; border:1px solid #ccc; border-radius:3px; width:1.5rem; height:1.5rem; padding:0; font-size:0; text-indent:-9999px;}
.btn_close::before {content:''; background:url(../images/form/icon_pop_close.png) 0 0 no-repeat; background-size:contain; width:12px; height:12px; position:absolute;}
.bt_down::after {content:'\e20c'; font-family:var(--font-icon); font-size:1.25rem; margin-left:5px;}
.bt_link::after {content:'\e2e2'; font-family:var(--font-icon); font-size:1.25rem; margin-left:5px;}
.bt_print {padding:0 10px; text-indent:-9999px;}
.bt_print::after {content:'\E3DC'; font-family:var(--font-icon); font-size:1.125rem; text-indent:0;}
.bt_icon {display:inline-flex;}
.bt_icon::before {content:''; font-family:var(--font-icon); font-size:1rem; margin-right:5px;}
.bt_md::before {content:'\e3ae';}
.bt_del::before {content:'\e4a6';}
.bt_write::before {content:'\e3b2';}

.bbs_list .bt_print {height:30px;}

/* 버튼 그룹 */
.btn_set {display:flex; justify-content:center; text-align:center; margin:1.875rem 0 0;}
.btn_set.tl {justify-content:flex-start;}
.btn_set.tr {justify-content:flex-end;}
.btn_set.between {justify-content:space-between;}
.btn_set .btns {width:160px; height:45px; line-height:45px; font-size:15px; margin:2px;}
.link_btn {display:flex; justify-content:center; flex-wrap:wrap; gap:5px; text-align:center; margin:1.875rem 0 0;}

.articleList .list .download a.downloadPdf {border-radius:3px;} /* 논문검색 다운로드 버튼 */
#journal .btnArea > a {border-radius:3px;}

/* editor 버튼 */
.editor_btn {margin-top:30px; text-align:right;}
.editor_btn button {background:#375a7f; border-radius:3px; color:#fff; font-size:1rem; height:40px; padding:0 20px;}

/* 우편번호 통합검색 */
.postArea {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); display:flex; align-items:center; z-index:100;}
.postArea .inner {width:95%; max-width:800px; margin:0 auto;}
.postArea .postList {background:#fff; max-height:calc(100vh - 60px); overflow:auto;}
.postArea .postList iframe {width:100%; height:600px; margin:0 auto;}

.flatpickr-calendar {font-family:'Pretendard', Arial, sans-serif, Dotum;}


@media screen and (min-width:1025px) {
/* tab */
.tabs {margin-bottom:3.125rem;}
/* .tabs > ul {justify-content:center;} */
.tabs > ul > li {flex:1;}
.tabs > .page-tab-cnt6 > li {width:calc((100% - 10px) / 3);}

.data_wrap table {font-size:16px;} /* 정보성 데이터(Data) */

.info_bbs.training > li .state {position:absolute; top:0.938rem; right:0; height:36px; display:flex; justify-content:center; align-items:center;}
}

@media screen and (min-width:769px) {
/* 회비납부_new */
.form_page section .input_con > dl > dt {width:20%;}
.form_page section .pay_item .item .cont {display:flex; flex-direction:column; align-items:flex-end; text-align:right;}

/* idpw_search */
.idpw_search .wrap {display:flex; margin:0 -5%;}
.idpw_search .wrap > div {width:50%; padding:0 5%; position:relative;}
.idpw_search .wrap > div + div {border:0; padding-top:0; margin-top:0;}
.idpw_search .wrap > div + div::before {content:''; background:#e5e5e5; width:1px; height:100%; position:absolute; left:0;}

/* input */
.input_tel, .input_date, .maxprice, .volno {max-width:360px;}
}

@media all and (min-width:481px) {
/* bbs_thumbnail type */
.bbs_thumb > li > a {display:flex;}
.bbs_thumb .imgs {flex:0 0 230px;}
.bbs_thumb .cont {flex:1;}

.addr_post {max-width:240px;}

.vol_issue .input_group_box input {width:60px;}  /* 권호 */

/* 달력 */
.cal_wrap {display:flex; align-items:center; margin:0 -3px;}
.cal_wrap > * {margin:0 3px;}
.icon_cal, input[type="date"] {max-width:140px;}
}

@media screen and (max-width:1024px) {
/* html, body {font-size:15px;} */

/* 소개 */
.project_intro .hero_quote p {font-size:26px; padding:0 10px;}
.project_intro .desc_grid {grid-template-columns:1fr; gap:30px; margin-bottom:50px;}
.project_intro .desc_text {border-top:none; padding-top:0;}
.project_intro .goal_grid {grid-template-columns:1fr; gap:20px;}

/* 연구목표 */
.feature_list .grid_wrap {grid-template-columns:1fr; gap:24px;}
.feature_list .box {padding:30px 25px;}
.feature_list .num {font-size:100px; right:10px; bottom:-10px;}
.feature_list .title {font-size:20px;}

/* timeline */
.timeline::after {display:none;}
.timeline .marker, .timeline .type_1 .marker {top:-25px;}
.timeline .box_wrap {flex-direction:column; align-items:center;}
.timeline .box_wrap + .box_wrap {margin-top:40px;}
.timeline .box {width:100%; padding-top:40px;}
.timeline .box::after, .timeline .box::before {display:none;}
.stats .grid {grid-template-columns:repeat(2, 1fr);}
.stats .num {font-size:24px;}
.stats .title {font-size:18px;}

table {font-size:1rem;}

h3 {font-size:1.625rem;}
h4 {font-size:1.375rem;}
.con_tit::before {margin-top:0.375rem;}

/* tab */
.tabs > ul > li {width:calc((100% - 5px) / 2);}
.tabs > ul > li button, .tabs > ul > li a {font-size:14px; height:47px; padding:5px 30px 5px 15px;}

.scroll_in {display:block; max-width:100%; overflow-x:auto; white-space:nowrap; -webkit-overflow-scrolling:touch;}
.scroll_in table {table-layout:auto;}
.con_scroll {white-space:normal;}
.con_scroll table {min-width:50rem;}
}

@media screen and (max-width:820px) {
/* 통합적 연구 체계 */
.system_hub .diagram_wrap {width:100%; height:auto; display:grid; grid-template-columns:1fr 1fr; gap:15px; padding:0 10px;}
.system_hub .orbit_track {display:none;}
.system_hub .core_node {position:relative; transform:none; top:auto; left:auto; width:100%; height:100px; border-radius:12px; grid-column:1 / -1; margin-bottom:10px; display:none;}
.system_hub .node {position:relative; transform:none !important; top:auto; left:auto; width:100%; height:auto; min-height:100px; border-radius:12px; box-shadow:0 4px 12px rgba(0,0,0,0.05); border-bottom-width:4px;}
.system_hub .node:hover {transform:translateY(-4px);}
}

@media screen and (max-width:768px) {
/* 연구 */
.list_section .list_item {flex-direction:column; align-items:flex-start; gap:20px;}
.list_section .list_item .imgs {width:45%; margin:0 auto;}
.list_section .list_item .imgs + .cont {border-top:1px dashed #ddd; padding-top:15px;}
.list_section .list_item .cont {padding-right:0; width:100%;}
.list_section .list_item > .btn_group {width:100%; flex-direction:row;}
.list_section .list_item > .btn_group button {width:1%; flex:1 1 auto;}
.download_btn {width:100%; text-align:center;}
.seminar_info .info_grid {grid-template-columns:1fr;}

/* 연구팀 구성 */
.team_directory .summary_banner {grid-template-columns:1fr; gap:20px; padding:30px 20px;}
.team_directory .divider {width:100%; height:1px;}
.team_directory .filter_btn {padding:10px 15px; font-size:14px;}
.team_directory .member_grid {grid-template-columns:1fr; gap:20px;}
.team_directory .member_card {padding:25px;}

/* 문화개념의 번역 */
.login_prompt {flex-direction:column;}
.list_control {flex-direction:column; align-items:flex-start;}
.list_control .sort_wrap {width:100%; justify-content:flex-end;}

/* mypage */
.my_menu > dl {padding-left:0;}
.my_menu > dl > dt {flex:none; width:100%; position:relative; margin-top:0;}
.my_menu > dl > dd {width:calc((100% - 15px) / 2);}

/* list ----- */
.bbs_list colgroup {display:none;}
.bbs_list .b_num {width:15%;}
.bbs_list .b_tit {width:calc(100% - 35%);}
.bbs_list .b_cate {width:20%;}
.bbs_list .b_writer, .bbs_list .b_hit, .bbs_list .b_date, .bbs_list .b_name, .bbs_list .b_file, .bbs_list .b_print, .bbs_list .b_etc {display:none;}

/* reply */
.bbs_reply {padding:1.75rem 1rem 1rem; margin-top:2.5rem;}
.bbs_reply .state {width:100px; height:30px; border-radius:50rem;}
.bbs_reply .state br {display:none;}

/* bbs_gallery type */
.bbs_gall {gap:20px;}
.bbs_gall > li {width:calc((100% - 20px) / 2); padding:10px;}

/* bbs_thumbnail type */
.bbs_thumb .cont .title {font-size:1.125rem;}

/* 내역조회 게시판 */
.info_bbs > li {flex-wrap:wrap; padding-left:60px;}
.info_bbs > li .b_num {width:50px;}
.info_bbs > li .info em {padding-right:0;}
.info_bbs > li .btn_wrap {width:auto; display:flex; flex-direction:row; border-left:0; border-top:1px solid #eee; position:relative; margin:0.938rem -5px -0.938rem -65px;}
.info_bbs > li .btn_wrap button {max-width:none;}
.info_bbs > li .info + .btn_wrap {margin-top:15px;}

/* 댓글 작성 폼 */
.comment_form {flex-direction:column;}
.comment_form .btn_submit {width:100%;}

/* input_con */
.input_con > dl {flex-wrap:wrap;}
.input_con > dl::before {display:none;}
.input_con > dl > dt, .input_con > dl > dd {width:100%; flex:none;}
.input_con > dl > dt {background:#fff; padding-bottom:0;}

/* input_group */
.input_group {flex-wrap:wrap;}
.input_group .separator {display:none;}
.input_group.volno {flex-wrap:nowrap;}

/* search ------------------------------- */
.search_box .sch_group {flex-wrap:wrap;}
.search_box .sch_group .selwrap {width:100%; margin-bottom:5px;}
.search_box .sch_group .sch_select {min-width:100px; margin:0;}
.search_box .sch_group .sch_word {width:calc(100% - 105px);}
.search_box .sch_group > .bt_search {width:100%; flex:none;}
.search_box .sch_group.selwrap {flex-direction:column;}
.search_box .sch_group.selwrap > *, .search_box .sch_group.selwrap > select {width:100%; max-width:none;}
.search_box .sch_word.full {width:100%;}
.search_box .sch_group.selwrap .input_group {flex-wrap:nowrap;}

.search_toolbar {max-width:none; flex-direction:column;}
.search_toolbar .search_box {width:100%;}
.search_toolbar > button {height:43px;}

/* 가입단계 */
.join_step {max-width:400px; margin:0 auto 3.125rem;}
.join_step > li {flex-direction:column; flex:1;}
.join_step > li:not(:first-child)::before {width:100%; position:absolute; top:1.25rem; left:-50%; z-index:-1;}
.join_step > li > .num {border:0.5rem solid #fff; width:2.875rem; height:2.875rem; margin:0 0 10px;}
.join_step > li > .title {font-size:1rem;}
.agree_simple, .join_simple_form {padding:22px 16px;}
.agree_simple .agree_top .chkbox label {font-size:1.25rem;}
.agree_simple .agree_line {gap:10px;}
.agree_simple .agree_label {flex-wrap:wrap;}
.join_simple_form .input_con > dl {padding:13px;}

.link_btn .btns {width:100%;}
}

@media screen and (max-width:480px) {
/* bbs_gallery type */
.bbs_gall > li {width:100%;}

/* 회비납부 */
.pay_item .item {flex-wrap:wrap;}
.pay_item .item .type {width:100%;}
.pay_item .item .cont {flex:1; margin:5px 0 0 25px;}
}