@charset "utf-8";

/* ============================================
   논문 투고 안내 (submit) 전용 스타일
   원본 content.css 에서 관련 규칙을 그대로 추출 (이미지 경로만 조정)
   Material Icons(레이아웃 default.css)로 계좌/문의 아이콘 표시
   ============================================ */

/* --- 기본 헬퍼 --- */
h4 {font-size:1.625rem; 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;}
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;}
.info_box {border:1px solid #ddd; margin-top:3.125rem; padding:20px;}
.info_box > dt {display:flex; font-weight:800; border-bottom:1px dashed #ddd; padding-bottom:10px; margin-bottom:15px;}
.info_box > dt::before {content:'\ef49'; font-size:1.5rem; font-weight:normal; line-height:1; font-family:var(--material); margin-right:5px;}
.info_box > dd {font-size:0.875rem; color:#888;}
section:not(:first-child) {margin-top:2.5rem;}

/* --- 안내박스/규정/번호 스타일 --- */
.con_box .info_box {background:#fff; border-radius:1rem; margin-bottom:0;}
.con_box .info_box .ex_group {color:#2d2d2d;}
.con_head .inbox {background:none; font-size:1.25rem; padding:0 1.25rem; text-align:center;}
.con_head .inbox .text_group {line-height:1.4;}
.con_head .inbox .text_group strong {display:inline-block; font-size:1.5rem;}
.con_head .inbox .icons {display:block; width:35%; max-width:110px; margin:0 auto 0.938rem;}
.con_head .inbox .icons i {display:flex; align-items: center; justify-content: center; background:#fff; border:4px solid #cad4dc; border-radius:100%; width:100%; margin:0 auto; position:relative;}
.con_head .inbox .icons i::before {content:''; display:block; padding-bottom:100%;}
.con_head .inbox .icons i::after {content:''; display:flex; align-items: center; justify-content: center; background-position:50% 50%; background-repeat:no-repeat; background-size:contain; position:absolute; width:50%; height:50%;}
.thesis_top .inbox .icons i::after {background-image:url(images/thesis_int_icon.png);}

/* 정관 */
.rule {font-size:1.063rem;}
.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.25rem; font-weight:700; margin-bottom:0.375rem;}
.rule dl dd + dt {margin-top:0.625rem;}
.rule dl dd ol {margin-top:7px; margin-bottom:7px;}
.rule dl dd ol > li + li {margin-top:5px;}
.rule dl dd li ol, .rule dl dd li ul {margin-top:7px; margin-bottom:7px;}
.rule dl dd table {margin:10px 0 15px;}
.rule dl dd table th, .rule dl dd table td {padding:8px 5px; font-size:1rem;}
.rule .guideline dd > ol > li + li {margin-top:3.125rem;}
.rule em {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 > dt::before {line-height:1.4;}
.rule .info_box > dd {font-size:inherit;}
.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="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;}

/* --- 문의(contact) --- */
.contact_info {margin-top:5px;}
.contact_info > span {display:inline-block;}

/* --- 계좌(pay_info) --- */
.pay_info {margin:-10px 0 0 -20px;}
.pay_info > dl {border:1px solid #b2b7c7; border-radius:var(--bnround); padding:1.25rem 1.875rem; margin:20px 0 0 20px;}
.pay_info > dl > dt {border-bottom:1px dashed #b2b7c7; padding-bottom:10px; margin-bottom:0.938rem; font-size:1.125rem; font-weight:700; display:flex; align-items:center;}
.pay_info > dl > dt .icons {display:inline-flex; justify-content:center; align-items:center; background:#e4efff; border-radius:50rem; width:45px; height:45px; flex:0 0 45px; margin-right:10px;}
.pay_info > dl > dt .icons::before {content:'\efd1'; font-family:var(--material); font-size:1.5rem; font-weight:400; color:var(--color);}
.pay_info > dl.pay_haksul > dt .icons::before {content:'\ea67';}
.pay_info > dl.pay_common > dt .icons::before {content:'\eb86';}
.pay_info > dl > dd span {display:inline-block; font-size:1.25rem;}
.pay_info > dl > dd span:not(.bank_user) {font-weight:600;}
.pay_info .bank_user {display:block; font-size:0.938rem;}
.pay_info .pay_common dd {padding-left:0;}
.pay_info .pay_common .bycard {display:block; max-width:70px; margin:0 auto; text-align:center;}
.pay_info .pay_common .bycard::before {content:''; display:block; background:url(images/icon_bycard.png) 0 0 no-repeat; background-size:contain; width:70px; height:54px; margin-bottom:5px;}

/* --- 문의(cs_wrap) --- */
.cs_wrap {margin-top:2.5rem;}
.cs_wrap .info em {display:block; font-size:1.5rem; font-weight:800; font-style:normal; line-height:1; margin-right:1.875rem;}
.cs_wrap .info strong {display:block; font-size:1.25rem;}
.cs_wrap .info strong i {font-size:1rem; font-weight:400;}
.cs_wrap .icon {display:block; width:25%; max-width:80px; margin-right:1.25rem;}
.cs_wrap .icon i {display:flex; align-items: center; justify-content: center; background:#f4f5f8; border-radius:100%; width:100%; position:relative;}
.cs_wrap .icon i::before {content:''; display:block; padding-bottom:100%;}
.cs_wrap .icon i::after {content:''; background:url(images/cs_icon02.png) 50% 50% no-repeat; background-size:contain; position:absolute; width:50%; height:45%;}

/* --- 테이블 --- */
table {width:100%; border-top:2px solid #555;}
table th, table td {border-bottom:1px solid var(--line); padding:8px 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;}

/* --- 버튼 --- */
.btns {display:inline-flex; justify-content:center; align-items:center; padding:0 20px; 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:#375a7f; color:#fff;} /* navy */
.bt_down::after {content:'\f090'; font-family:'Material Icons'; font-size:1.25rem; margin-left:5px;}
.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;}

@media screen and (min-width:1025px) {
.con_box {background:#f8fafd; padding:2.5rem; position:relative;}
.con_box::before, .con_box::after {content:''; display:block; border:1rem solid #deeaf4; width:70px; height:70px; position:absolute; top:0; box-sizing:border-box;}
.con_box::before {left:0; border-right:0; border-bottom:0;}
.con_box::after {right:0; border-left:0; border-bottom:0;}
.cs_wrap > div {display:flex; align-items:center;}
.cs_wrap .info {display:flex; align-items:center;}
.pay_info {display:flex; flex-wrap:wrap; justify-content:space-between;}
.pay_info > dl {flex:1;}
.pay_info > dl.pay_common {flex:0 0 250px;}
.pay_info > dl > dd {padding-left:55px;}
}

@media screen and (max-width:1024px) {
table {font-size:1rem;}
.con_head .inbox {background:#f8fafd; padding:1.25rem; font-size:1rem;}
.con_head .inbox .text_group strong {font-size:1.25rem;}
.con_box .info_box {margin-top:1.25rem;}
.cs_wrap .icon {margin:0 auto 1.25rem;}
}

@media screen and (max-width:768px) {
.scroll_in {display:block; max-width:100%; overflow-x:auto; white-space:nowrap; -webkit-overflow-scrolling:touch;}
.scroll_in table {table-layout:auto;}
}