@charset "UTF-8";

:root {
  --lineHeight16:1.6;
  --lineHeight15:1.5;
  --lineHeight14:1.4;
  --titSize : 1rem;
  --inputGap : 0.4rem;
}

/* pdf 뷰어 : 시작 **************************************************************/
.pdfBox { padding:0.5rem; border:1px solid #e0e0e0; background:#f6f6f6; }
.pdfBox .pdf_inner {position:relative; padding:1rem; background:#fff;}
.pdfBox .pdf_inner .pdf_view {position:relative; height:40rem;}
.pdfBox .pdf_inner .pdf_view object {width:100%; height:100%;}
.pdfBox .pdf_inner .pdf_view object embed {width:100%; height:100%;}
/* pdf 뷰어 : 끝 **************************************************************/

/* common form */
label { vertical-align:middle; font-size:calc(var(--titSize) * 0.8); margin-right:0.5rem; }
label input { margin-right:0.25rem; vertical-align:middle; }
input.w100{ width:100%; }
input.w80{ width:80%; }
input.w60{ width:60%; }
input.w50{ width:50%; }
input.w40{ width:40%; }
input.w30{ width:30%; }
input.w20{ width:20%; }
input.mx-w5{ width:100%; max-width:5rem; }
input.mx-w10{ width:100%; max-width:10rem; }
input.mx-w20{ width:100%; max-width:20rem; }
input.mx-w30{ width:100%; max-width:30rem; }
input.mx-w40{ width:100%; max-width:40rem; }

.dateWrap { display: flex; flex-wrap: wrap; gap: calc(var(--titSize) * 0.5); align-items: center; }
.dateWrap select { min-width: auto !important; flex: 1; }
.dateWrap .dateBox { display: flex; flex-wrap: wrap; gap: calc(var(--titSize) * 0.5); align-items: center; }

.datePkr { display: inline-flex; align-items: center; justify-content: center; position: relative; }
.datePkr .col-sm-date { position: absolute; right: var(--titSize); top: 50%; transform: translateY(-50%); display: inline-flex; align-items: center; justify-content: center; }
.datePkr .col-sm-date img { max-width: calc(var(--titSize) * 0.9); }

/* 타이틀(공통) */
[class^='titT']{ margin-bottom:0.5rem; }
h3[class^='tit']{ font-weight:700; margin-top:3rem; font-size: calc(var(--titSize) * 1.5); color: #111; line-height: var(--lineHeight15); margin-bottom: calc(var(--titSize) * 0.5); }
[class^='tit'] + [class^="box_st"] { margin-top:0; }
[class^="box_st"] [class^='tit']:nth-of-type(1){ margin-top:0rem; }
h3[class^='tit'][class*='1'] + h4[class^='tit'][class*='2']{ margin-top:calc(var(--titSize) * 1.2); }
/* div + h3[class^='tit'] { margin-top: 4rem; } */
p + h3[class^='tit']{ margin-top:2rem; }
.tab_st3 + h3[class^="tit"],
h4[class^='tit']{ font-weight:700; margin-top:2.5rem; font-size: calc(var(--titSize) * 1.2); line-height: var(--lineHeight15); color: #222222; margin-bottom: calc(var(--titSize) * 0.5); padding-left: calc(var(--titSize) * 1.2); position: relative; }
h4[class^='tit']::before { position: absolute; content: ""; width: calc(var(--titSize) * 0.8); height: calc(var(--titSize) * 0.7); background: url('/00_common/images/con_com/tit2_ico.png')no-repeat center center / contain; left: 0; top: calc(var(--titSize) * 0.55); }
h4[class^='tit']:nth-of-type(1){ margin-top:0rem; }
h4[class^='tit'][class*='2'] + h5[class^='tit'][class*='3']{ margin-top:calc(var(--titSize) * 0.6); }
*:not(h3) + h4[class^='tit']{ margin-top:2rem !important; }
h5[class^='tit']{ font-size: calc(var(--titSize) * 1); line-height: var(--lineHeight15); color: rgba(var(--priColor), 1); font-weight:700; margin-top:2rem; }
h5[class^='tit']:nth-of-type(1){ margin-top:0rem; }
h5[class^='tit'][class*='3'] + h6[class^='tit'][class*='4']{ margin-top:0.5rem; }
*:not(h4) + h5[class^='tit']{ margin-top:1rem !important; }
.box_st2 h4[class^='tit']:first-of-type { margin-top:0 !important; }
.box_st2 h5[class^='tit']:first-of-type { margin-top:0 !important; }
h3[class^="tit"]:first-of-type,
h3[class^='tit']:first-child { margin-top: 0; }

/* 타이틀(텍스트 타입) */
.titT1{margin-top:2rem;color: #1161bc;}
.titT2{ position:relative; margin-top:1.2rem; padding-left:1.3rem; color:#333; font-size:calc(var(--titSize) * 1); background:url('/images/custom/bu_titT2.png') no-repeat left top 5px; }
.titT3{ margin-top:1rem; color:#333; font-size:calc(var(--titSize) * 0.9); }
.titT5 {margin-top:1rem; color:#2c61a2; font-size:calc(var(--titSize) * 0.9); font-weight:700; }


/* 블릿 */
.bu_st1, .bu_st2, .bu_st3, .bu_st4, .list_st1 > li, .list_st2 > li, .list_st3 > li, .list_st4 > li { position:relative; padding-left:calc(var(--titSize) * 0.6); margin-top:0.3rem; color:#111111; font-size:calc(var(--titSize) * 0.85); line-height: var(--lineHeight15); }
.bu_st1:before, .list_st1 > li:before {content:'';position:absolute;top:calc(var(--titSize) * 0.45);left:0;width:calc(var(--titSize) * 0.3);height:calc(var(--titSize) * 0.3);border-radius:50%;background: rgba(var(--priColor), 1);}
.list_st1 > li:has(a[class^="btn"]):before { top: calc(var(--titSize) * 0.65); }
.bu_st2:before, .list_st2 > li:before { content:''; position:absolute; top:calc(var(--titSize) * 0.55); left:0; width:calc(var(--titSize) * 0.35); height:0.1rem; background:#666665; }
.list_st2 > li:has(a[class^="btn"]):before { top: calc(var(--titSize) * 0.75); }
.bu_st3:before, .list_st3 > li:before { content:''; position:absolute; top:calc(var(--titSize) * 0.5); left:0; width:calc(var(--titSize) * 0.2); height:calc(var(--titSize) * 0.2); background:#999999; border-radius: 50%; }
.list_st3 > li:has(a[class^="btn"]):before { top: calc(var(--titSize) * 0.7); }
.bu_st4:before, .list_st4 > li:before { content:''; position:absolute; top:calc(var(--titSize) * 0.55); left:0; width:calc(var(--titSize) * 0.3); height:calc(var(--titSize) * 0.1); background:#D0D0D0; }
.list_st4 > li:has(a[class^="btn"]):before { top: calc(var(--titSize) * 0.75); }
.bu_st3{  color:#333333; }
.bu_st4{ color:#333333; }

/* 리스트 :블릿 타입 */
.list_st3 > li { color:#333333; }
.list_st4 > li { color:#333333; }

li.bu_none:before { display:none !important; }

.list_stT1 > li { margin-top:0.25rem; color:#555; font-size:calc(var(--titSize) * 0.8); }
ul .list_stT1 { padding-left:1rem; }
.list_stT1 > li > [class^='list_st'],
.list_stT1 > li > [class^='list_ol'] { padding-left:1rem; }


/* 리스트 :순차적 리스트 타입 */
.list_ol1 > li { position:relative; padding-left:calc(var(--titSize) * 1.4); margin-top:calc(var(--titSize) * 0.3); color:#111111; font-size:calc(var(--titSize) * 0.85); line-height: var(--lineHeight15); }
.list_ol1 > li > span.num { position:absolute; left:0; top:calc(var(--titSize) * 0.05); width:calc(var(--titSize) * 1.2); height:calc(var(--titSize) * 1.2); color:rgba(var(--priColor), 1); background: transparent; font-weight:700; display: inline-flex; align-items: center; justify-content: center; } 
.list_ol2 > li { position:relative; padding-left:calc(var(--titSize) * 1.35); margin-top:calc(var(--titSize) * 0.3); font-size:calc(var(--titSize) * 0.85); color:#111111; line-height:var(--lineHeight15); }
.list_ol2 > li > span.num { position:absolute; left:0; top:calc(var(--titSize) * 0.13); width:calc(var(--titSize) * 1);  height:calc(var(--titSize) * 1); line-height:var(--lineHeight16); color:rgba(var(--priColor), 1); display: inline-flex; align-items: center; justify-content: center; font-weight:bold; font-size: calc(var(--titSize) * 0.6); background: rgba(27,20,100,0.1); border-radius: 0.1rem; }
.list_ol3 > li { position:relative; padding-left:calc(var(--titSize) * 1.35); margin-top:calc(var(--titSize) * 0.3); font-size:calc(var(--titSize) * 0.85); color:#333333; line-height:var(--lineHeight15); }
.list_ol3 > li > span.num { position:absolute; left:0; top:calc(var(--titSize) * 0.13); width:calc(var(--titSize) * 1);  height:calc(var(--titSize) * 1); line-height:1.3; color:#797979; display: inline-flex; align-items: center; justify-content: center; font-weight:bold; font-size: calc(var(--titSize) * 0.55); background: #EFEFEF; border-radius: 50%; }

/* 리스트 :순차적 리스트 타입 typeB */
.list_ol1.typeB > li { position:relative; padding-left:calc(var(--titSize) * 1.8); margin-top:calc(var(--titSize) * 0.55); font-size:calc(var(--titSize) * 0.9); color:#444444; line-height:var(--lineHeight15); }
.list_ol1.typeB > li > span.num { position:absolute; left:0; top:0; width:calc(var(--titSize) * 1.5); height:auto; color:#444; font-weight:700; display: inline-flex; align-items: center; justify-content: center; background: none; border-radius: 0; } 
.list_ol2.typeB > li { position:relative; padding-left:calc(var(--titSize) * 2.55); margin-top:calc(var(--titSize) * 0.55); font-size:calc(var(--titSize) * 0.85); color:#555; line-height:calc(var(--titSize) * 1.25); }
.list_ol2.typeB > li > span.num { position:absolute; left:0; top:0; width:auto; height:auto; color:#555555; font-weight:500; display: inline-flex; align-items: center; justify-content: center; background: none; border-radius: 0; font-size:calc(var(--titSize) * 0.85); } 

/* 리스트 :가로 나열 */
ul[class*='li_w']{ overflow:hidden; }
.li_w50 > li { width:50%; float:left; }
.li_w30 > li { width:33%; float:left; }
.li_w25 > li { width:25%; float:left; }
.li_w20 > li { width:20%; float:left; }

/* 텍스트 요소 :폰트컬러 타입 */
.pc_gray { color:#666 !important; }
.pc_black { color:#000 !important; }
.pc_blue { color:rgba(var(--priColor), 1) !important; }
.pc_blue_v2 { color:#1100FF !important; }
.pc_red { color:#EB003B !important; }
.pc_red_v2 { color:#FF0004 !important; }
.pc_navy { color:rgba(var(--priColor), 1) !important; }
.pc_org { color:#ff4400 !important; }
.pc_green { color:#099e5e !important; }
.pc_yellow { color:#eb8809 !important; }

/* 텍스트 요소 :텍스트 배경색 */
.bg_red, .bg_gray, .bg_blue, .bg_navy, .bg_org, .bg_black, .bg_green, .bg_yellow { padding:1px 0.5rem !important; color:#fff !important; display:inline-block; }
.bg_gray { background:#333 !important; }
.bg_black { background:#000 !important; }
.bg_blue { background:#006BC8 !important; }
.bg_purp { background: rgba(var(--priColor), 1) !important; }
.bg_red { background:#c00426 !important; }
.bg_navy { background:rgba(var(--priColor), 1) !important; }
.bg_org { background:#ff4400 !important; }
.bg_green { background:#099e5e !important; }
.bg_yellow { background:#eb8809 !important; }

/* 텍스트 요소 :강조 타입 */
.Tline_b { text-decoration:underline !important; }
.f_weightB { font-weight:bold !important; }
.font_Fr { font-weight:400 !important; }
.font_Fm { font-weight:600 !important; }
.font_Fb { font-weight:700 !important; }

/* 텍스트 요소 :폰트 크기 */
.fs12{ font-size:calc(var(--titSize) * 0.6) !important; }
.fs13{ font-size:calc(var(--titSize) * 0.65) !important; }
.fs14{ font-size:calc(var(--titSize) * 0.7) !important; }
.fs16{ font-size:calc(var(--titSize) * 0.8) !important; }
.fs17{ font-size:calc(var(--titSize) * 0.85) !important; }
.fs18{ font-size:calc(var(--titSize) * 0.9) !important; }
.fs20{ font-size:calc(var(--titSize) * 1) !important; }
.fs22{ font-size:calc(var(--titSize) * 1.1) !important; }
.fs24{ font-size:calc(var(--titSize) * 1.2) !important; }
.fs26{ font-size:calc(var(--titSize) * 1.3) !important; }

/* 텍스트 요소 :링크 타입 */
a.bu_link, a.bu_linkL, a.bu_mail, a.bu_mailL, a.bu_dow, a.bu_downL, a.bu_tel, a.bu_telL, a.bu_down { position:relative; display:inline-block; word-break:break-all; text-decoration:underline; font-size: calc(var(--titSize) * 0.85); text-underline-offset: 2px; font-weight: 400; line-height: var(--lineHeight15); } 
.txt_p > [class^="bu_"],
[class^="list_st"] > li > [class^="bu_"]{ margin:0 .25rem; }
a.bu_link:before, a.bu_linkL:before, a.bu_mail:before, a.bu_mailL:before, a.bu_down:before, a.bu_downL:before, a.bu_tel:before, a.bu_telL:before { display:inline-block; font-size:calc(var(--titSize) * 0.8); font-family:'remixicon'; padding-right:0.15rem; }
/*a.bu_link:after, a.bu_linkL:after, a.bu_mail:after, a.bu_mailL:after, a.bu_down:after, a.bu_downL:after, a.bu_tel:after, a.bu_telL:after { content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; }*/
a.bu_link { color:#2351FA; text-underline-offset: 3px; }
a.bu_link:before { content:"\ecaf"; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: #2351fa; width: calc(var(--titSize) * 1.2); height: calc(var(--titSize) * 1.2); color: #fff; font-size: calc(var(--titSize) * 0.6); line-height: 1; margin-right: 0.25rem; }
a.bu_mail { color:#0048AD; }
a.bu_mail:after { background:#0048AD; }
a.bu_mail:before { content:"\ea07"; }
a.bu_down { color:#0048AD; }
a.bu_down:after { background:#0048AD; }
a.bu_down:before { content:"\ec54"; }

/* 텍스트 요소 :주의&경고&말풍선 타입 */
div + .bu_atte, div + .bu_wnrn, div + .bu_ment, table + .bu_atte, table + .bu_wnrn, table + .bu_ment, ul + .bu_atte, ul + .bu_wnrn, ul + .bu_info, ul + .bu_ment { margin-top:1rem; }
.bu_atte { position:relative; margin-top:0.25rem; padding-left:calc(var(--titSize) * 1.25); color:#111; font-weight:400; font-size:calc(var(--titSize) * 0.85); display: block; line-height: var(--lineHeight15); }
.bu_wnrn { position:relative; margin-top:0.25rem; padding-left:calc(var(--titSize) * 1.25); color:#111; font-size:calc(var(--titSize) * 0.85); display: block; }
.bu_wnrn:before { content:"\eca0"; position:absolute; left:0; top:0; display:block; font-family:'remixicon'; color:#EB003B; font-size:calc(var(--titSize) * 1); vertical-align:middle; line-height: 1; }
.bu_info { position:relative; margin-top:0.25rem; padding-left:calc(var(--titSize) * 1.25); color:#111; font-size:calc(var(--titSize) * 0.85); display: block; }
.bu_info:before { content:"\ee59"; position:absolute; left:0; top:0; display:block; font-family:'remixicon'; color:rgba(var(--priColor), 1); font-size:calc(var(--titSize) * 1); vertical-align:middle; line-height: 1; }
[class^="list_st"] .bu_atte,
[class^="list_st"] .bu_wnrn,
[class^="list_st"] .bu_info { line-height: var(--titSize) !important; }

/* 테이블 :테이블 기본 타입 */
div[class*='tbl_st']{ position:relative; width:100%; background:#fff; overflow:hidden; margin-top:0.25rem; }
div[class*='tbl_st'] table {position:relative;width:100%;margin-left:-1px;text-align:center;border-top: 1px solid rgba(var(--priColor), 1);-webkit-overflow-scrolling:touch;word-break:keep-all; word-break:break-all; border-bottom: 1px solid rgba(var(--priColor), 1); }


div[class*='tbl_st'] table.bdb_none { border-bottom: none !important; }
div[class*='tbl_st'] table.bdt_none { border-top: none !important; }

div[class*='tbl_st'] + div[class*='tbl_st'] { margin-top:1rem;}
.tbl_st table td { padding:calc(var(--titSize) * 0.75); line-height:var(--lineHeight15); color:#444444; font-size:calc(var(--titSize) * 0.85); border-bottom:1px solid #CCCCCC; border-left:1px solid #CCCCCC; vertical-align:middle; }
.tbl_st table th {padding:calc(var(--titSize) * 0.75);color: #111111;font-weight:600;vertical-align:middle;line-height:var(--lineHeight15);border-bottom:1px solid #CCCCCC;border-left:1px solid #CCCCCC;font-size:calc(var(--titSize) * 0.85);}
.tbl_st table thead th {background: #F9FAFF;color: #111111; border-bottom-color: #A4A9D1; }
.tbl_st table tbody th {background: #F5F5F5;color:#111111;}
.tbl_st table tfoot th {background: #F2F5FA;color:#111111;}
.tbl_st table tfoot td { border-bottom:1px solid #CCD9EA; border-left:1px solid #CCD9EA; background:rgba(0, 0, 0, 0.02); }

.tbl_st.tbl-view-m { display: none; }

@media screen and (max-width: 768px) {
  .tbl_st.tbl-view-w { display: none; }
  .tbl_st.tbl-view-m { display: block; }
}

/* 테이블 :세로테이블 */
.tbl_st_row table td { padding:0.8rem 0.5rem; line-height:var(--lineHeight15); color:#444; font-size:calc(var(--titSize) * 0.9); border-bottom:1px solid #CCD9EA; border-left:1px solid #d7d7d7; }
.tbl_st_row table th { padding:0.8rem 0.5rem; color:#111111; font-weight:bold; vertical-align:middle; line-height:var(--lineHeight15); border-bottom:1px solid #CCD9EA; border-left:1px solid #CCD9EA; font-size:calc(var(--titSize) * 0.9); }
.tbl_st_row table tbody th {background: #f9f9f9;}
.tbl_st_row table tfoot th {background: #f9f9f9;}
.tbl_st_row table tfoot td { background:rgba(0, 0, 0, 0.02); }

/* 테이블 :미니멀 테이블 */
.tbl_st.minimal table th,
.tbl_st.minimal table td { border-left: none !important; border-right: none !important; }

/* 테이블 :보더리스 테이블 */
div[class*='tbl_st'].bdls { margin: 0 !important; }
div[class*='tbl_st'].bdls table { border: none !important; }
.tbl_st.bdls table th,
.tbl_st.bdls table td { border: none !important; background: none !important; padding: 0.8rem 0.6rem !important; text-align: start; vertical-align: top; }
.tbl_st.bdls table th span { line-height: 2.4rem; }
.tbl_st.bdls table th span.strg { position: relative; padding-right: 0.75rem; }
.tbl_st.bdls table th span.strg::before { position: absolute; content: "*"; right: 0; top: 0; color: #DE3412; line-height: 1; }

div[class*='tbl_st'] .btns { margin: 0 !important; }

/* 테이블 스크롤 */
div[class*='tbl_st'][class*='scroll'] { position: relative; }
div[class*='tbl_st'].scroll-w { overflow: visible; }
div[class*='tbl_st'][class*='scroll']::before { position: absolute; content: ""; width: 1.5rem; height: 1rem; background: url('/00_common/images/con_com/tbl_scroll.png')no-repeat center center /contain; top: 0; right: 0; transform: translateY(-50%); z-index: 1; display: none; }
div[class*='tbl_st'][class*='scroll'] .scrollWrap { overflow-x: auto; width: 100%; padding-bottom: 8px; }
div[class*='tbl_st'][class*='scroll'] .scrollWrap::-webkit-scrollbar { height: 0.4rem; }
div[class*='tbl_st'][class*='scroll'] .scrollWrap::-webkit-scrollbar-button { display: none; }
div[class*='tbl_st'][class*='scroll'] .scrollWrap::-webkit-scrollbar-track { background: #DDDDDD !important; border-radius: 5rem; }  
div[class*='tbl_st'][class*='scroll'] .scrollWrap::-webkit-scrollbar-thumb { background: #666 !important; border-radius: 5rem; }  
div[class*='tbl_st'].scroll-w table { min-width: 1440px; }
div[class*='tbl_st'].scroll-w::before { display: block; }

@media screen and (max-width: 1240px) {
  div[class*='tbl_st'].scroll-t { overflow: visible; }
  div[class*='tbl_st'].scroll-t table { min-width: 1240px; }
  div[class*='tbl_st'].scroll-t::before { display: block; }
}

@media screen and (max-width: 768px) {
  div[class*='tbl_st'].scroll-m { overflow: visible; }
  div[class*='tbl_st'].scroll-m table { min-width: 768px; }
  div[class*='tbl_st'].scroll-m::before { display: block; }
}

/* 테이블 :테이블 4면 선 */
.tbl_st2 table { margin-left:0 !important; border-left:1px solid #d7d7d7; }
.tbl_st2 table th { padding:0.65rem 0.25rem; color:#222425; font-weight:500; vertical-align:middle; line-height:1.5rem; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7; }
.tbl_st2 table td { padding:0.5rem 0.25rem; line-height:1.2rem; color:#555; font-size:calc(var(--titSize) * 0.8); border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7; }
.tbl_st2 table thead th {background: #f9f9f9;color: #24374e;}
.tbl_st2 table tbody th {background: #f9f9f9;}
.tbl_st2 table tfoot th { background:#f9f9f9; }
.tbl_st2 table tfoot td { background:rgba(0, 0, 0, 0.02); }

/* 테이블 - form */
/* div[class*='tbl_st'] input:not([type="checkbox"], [type="radio"]) { min-width: 12rem; } */

/* 테이블 - 기타 */
.tbl_utile { margin-bottom: calc(var(--titSize) * 0.75); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; color: #333333; }
.tbl_utile > ul { display: flex; align-items: center; flex-wrap: wrap; gap: calc(var(--titSize) * 0.8); }
.tbl_utile > ul > li { position: relative; font-size: calc(var(--titSize) * 0.8); line-height: var(--lineHeight15); font-weight: 500; }
.tbl_utile > ul > li > span { color: rgba(var(--priColor), 1); margin: 0 0.1rem 0 0.3rem; font-weight: 600; }
.tbl_utile > ul > li + li::before { position: absolute; content: ""; top: 50%; transform: translateY(-50%); left: calc((var(--titSize) * 0.8) / -2); width: 1px; height: calc(var(--titSize) * 0.65); background: #D5D5D5; }

/* 인풋레이아웃 */
input:not([type="checkbox"], [type="radio"]),
select { background: #fff; border: 1px solid #CCCCCC; height: calc(var(--titSize) * 1.75); min-width: 14rem; border-radius: 0.25rem; padding: 0 0.6rem; color: #111; font-size: calc(var(--titSize) * 0.75); font-weight: 500; }
select:not([class^="ui-datepicker"]) { appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: url("/00_common/images/con_com/sel_Arr.png"); background-repeat: no-repeat; background-position: right calc(var(--titSize) * 1) center; background-size: calc(var(--titSize) * 0.65); padding-right: calc(var(--titSize) * 2.7); }

select[class^="ui-datepicker"] { padding: 0 !important; height: 2rem !important; background: #fff !important; min-width: auto !important; }

input:not([type="checkbox"], [type="radio"])::placeholder { color: #6D7882; font-weight: 400; }
input:not([type="checkbox"], [type="radio"]).large { height: calc(var(--titSize) * 2); }
textarea { background: #fff; border: 1px solid #CCCCCC; height: calc(var(--titSize) * 10); border-radius: 0.25rem; padding: calc(var(--titSize) * 0.65) calc(var(--titSize) * 0.8); width: 100%; }
select:focus,
input:not([type="checkbox"], [type="radio"]):focus,
textarea:focus { border-color: rgba(var(--priColor), 1); outline-color: rgba(var(--priColor), 1); color: #111; }
select:disabled,
input:not([type="checkbox"], [type="radio"]):disabled,
textarea:disabled { border-color: #D5D5D5; background: #DADADA; color: #6D7882; }
.phoneBox,
.adrsBox { display: flex; flex-wrap: wrap; }
.phoneBox { gap: var(--inputGap); align-items: center; }
.adrsBox button { background-color: rgba(var(--priColor), 1); border-color: rgba(var(--priColor), 1); }
.phoneBox > em { display: inline-flex; align-items: center; justify-content: center; }
.phoneBox > input { flex: 1; min-width: 0 !important; }
.adrsBox { display: flex; flex-direction: column; gap: var(--inputGap); }
.adrsBox .top { display: flex; gap: var(--inputGap); flex-wrap: wrap; }
.adrsBox .bot { display: flex; gap: var(--inputGap); flex-wrap: wrap; }
.adrsBox .bot input { min-width: 0 !important; }
.adrsBox .bot .fst { flex: 1; }
.adrsBox .bot .scd { width: 15rem; }
.txtInput { position: relative; }
.txtInput:before { position: absolute; content: ""; top: 50%; transform: translateY(-50%); right: calc(var(--titSize) * 1); font-size: var(--titSize); font-family: 'remixicon'; }
.txtInput.good input { border-color: #228738; background: #eaf6ec; color: #267337; }
.txtInput.good p.case1 { display: block; color: #267337; }
.txtInput.return input { border-color: #DE3412; background: #FDEFEC; color: #BD2C0F; }
.txtInput.return p.case2 { display: block; color: #BD2C0F; }
.txtInput.check input { border-color: #9E6A00; background: #FFF3DB; color: #8A5C00; }
.txtInput.check p.case3 { display: block; color: #8A5C00; }
.txtInput.good:before { content: "\eb80"; color: #228738; }
.txtInput.return:before { content: "\eb80"; color: #DE3412; }
.txtInput.check:before { content: "\ea20"; color: #9E6A00; }
.txtInput p[class^="case"] { display: none; font-size: calc(var(--titSize) * 0.9); line-height: var(--lineHeight15); position: absolute; top: calc(100% + 0.2rem); left: 0; }
.txtInput input { width: 100%; padding: 0 calc(var(--titSize) * 2) 0 calc(var(--titSize) * 1); }


/* 인풋 라디오 */
.rdoBox ul { display: flex; flex-wrap: wrap; gap: calc(var(--titSize) * 0.5); }
.rdoBox li { display: flex; align-items: center; }
.rdoBox label { display: inline-flex; align-items: center; cursor: pointer; text-align: start; }
.rdoBox input[type="radio"] { appearance: none; -webkit-appearance: none; -moz-appearance: none; width: calc(var(--titSize) * 0.9); height: calc(var(--titSize) * 0.9); margin: 0 0.4rem 0 0; flex-shrink: 0; border: 1px solid #58616A; border-radius: 50%; background: #fff; transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease; }
.rdoBox input[type="radio"]:checked { border-color: #2351FA; background-color: #2351FA; box-shadow: inset 0 0 0 3px #fff; }
.rdoBox input[type="radio"]:focus-visible,
.rdoBox input[type="radio"].is-focused { outline: 2px solid #2351FA; outline-offset: 2px; }
.rdoBox input[type="radio"]:disabled { border-color: #E0E0E0; background-color: #F5F5F5; cursor: not-allowed; }
.rdoBox input[type="radio"]:disabled:checked { border-color: #D3D3D9; background-color: #D3D3D9; box-shadow: inset 0 0 0 3px #F5F5F5; }
.rdoBox label span { font-size: calc(var(--titSize) * 0.8); color: #111111; }
/* .rdoBox input[type="radio"]:checked + span { color: #2351FA; font-weight: 700; } */
.rdoBox input[type="radio"]:disabled + span { color: #B0B0B0; cursor: not-allowed; }


/* 인풋 체크박스 */
.chkBox ul { display: flex; flex-wrap: wrap; gap: calc(var(--titSize) * 0.5); }
.chkBox li { display: flex; align-items: center; }
.chkBox label { display: inline-flex; align-items: center; cursor: pointer; }
.chkBox input[type="checkbox"] { appearance: none; -webkit-appearance: none; -moz-appearance: none; position: relative; width: calc(var(--titSize) * 0.9); height: calc(var(--titSize) * 0.9); margin: 0 0.4rem 0 0; flex-shrink: 0; border: 1px solid #58616A; border-radius: 0.1rem; background: #fff; transition: border-color .15s ease, background-color .15s ease; }
.chkBox input[type="checkbox"]::after { content: "\eb7b"; position: absolute; opacity: 0; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-family: 'remixicon'; }
.chkBox input[type="checkbox"]:checked { border-color: #006BC8; background-color: #006BC8; border-radius: 0; }
.chkBox input[type="checkbox"]:checked::after { opacity: 1; }
.chkBox input[type="checkbox"]:focus-visible,
.chkBox input[type="checkbox"].is-focused { outline: 2px solid #2351FA; outline-offset: 2px; }
.chkBox input[type="checkbox"]:disabled { border-color: #E0E0E0; background-color: #F5F5F5; cursor: not-allowed; }
.chkBox input[type="checkbox"]:disabled:checked { border-color: #D3D3D9; background-color: #D3D3D9; }
.chkBox input[type="checkbox"]:disabled:checked::after { border-color: #F5F5F5; }
.chkBox label span { font-size: calc(var(--titSize) * 0.8); color: #111111; }
/* .chkBox input[type="checkbox"]:checked + span { color: #006BC8; font-weight: 700; } */
.chkBox input[type="checkbox"]:disabled + span { color: #B0B0B0; cursor: not-allowed; }



/* 유틸 */
/* td 정렬사용 */
.tb_txtL td { text-align:left; }
.tb_txtC td { text-align:center; }
.tb_txtR td { text-align:right; }

[class^="tbl_bg_"] { border-left: transparent !important; border-right: transparent !important; }

.tbl_bg_bl, .tbl_bg_bl th { color:#fff !important; background-color:#2727C8 !important; }
.tbl_bg_org, .tbl_bg_org th { color:#fff !important; background-color:#FA7217 !important; }
.tbl_bg_grn, .tbl_bg_grn th { color:#fff !important; background-color:#079300 !important; }
.tbl_bg_purp, .tbl_bg_purp th { color:#fff !important; background-color:#800080 !important; }
.tbl_bg_red, .tbl_bg_red th { color:#fff !important; background-color:#EB351D !important; }

.tbl_bg_navy, .tbl_bg_navy th { color:#fff !important; background-color:#8E3DFF !important; }
.tbl_bg_pink, .tbl_bg_pink th { color:#fff !important; background-color:#FF408C !important; }

/* 그린 */
.tbl_l { border:2px solid #333 !important; }
.tbl_L_t { border-top:2px solid #333 !important; }
.tbl_L_b { border-bottom:2px solid #333 !important; }
.tbl_L_l { border-left:2px solid #333 !important; }
.tbl_Lbl { border:2px solid #014d9b !important; }
.tbl_Lbl_t { border-top:2px solid #014d9b !important; }
.tbl_Lbl_b { border-bottom:2px solid #014d9b !important; }
.tbl_Lbl_l { border-left:2px solid #014d9b !important; }
.tbl_Lre { border:2px solid #ff6363 !important; }
.tbl_Lre_t { border-top:2px solid #ff6363 !important; }
.tbl_Lre_b { border-bottom:2px solid #ff6363 !important; }
.tbl_Lre_l { border-left:2px solid #ff6363 !important; }
.tbl_Lgr { border:2px solid #099e5e !important; }
.tbl_Lgr_t { border-top:2px solid #099e5e !important; }
.tbl_Lgr_b { border-bottom:2px solid #099e5e !important; }
.tbl_Lgr_l { border-left:2px solid #099e5e !important; }
.tbl_Lye { border:2px solid #f9ba00 !important; }
.tbl_Lye_t { border-top:2px solid #f9ba00 !important; }
.tbl_Lye_b { border-bottom:2px solid #f9ba00 !important; }
.tbl_Lye_l { border-left:2px solid #f9ba00 !important; }

/* 선 없음 :테이블 좌, 우 선 없는 테이블 사용시 필요 */
.tbl_LT_none { border-top:none !important; }
.tbl_LB_none { border-bottom:none !important; }
.tbl_LL_none { border-left:none !important; }
.tbl_LR_none { border-right:none !important; }

/* 기본 텍스트 */
.txt_p { color:#111111; font-weight:400; font-size:calc(var(--titSize) * 0.85); line-height: var(--lineHeight15); }

/* 배경 텍스트 */
.txt_p[class*="bg_"] { color: #fff; padding: 0.1rem calc(var(--titSize) * 0.5); display: inline-block; }

/* 박스 :박스 기본 타입 */
[class^="box_st"]{ position:relative; margin-top:1rem; }
[class^="list_st"] [class^="box_st"] { margin-top: 0.25rem; }
[class^="box_st"] .inner { padding: 1.5rem 2rem; }
.box_st1 {border: 1px solid transparent;background: #F3F3F7; border-radius: 0 1.5rem 1.5rem 0; }
.box_st1 .inner { position:relative; min-height:10rem; } 
.box_st1.box_img .inner { min-height:10rem; }
.box_st1 .inner::before { position: absolute; content: ""; width: 0.2rem; height: 100%; background: rgba(var(--priColor), 1); left: 0; top: 0; }

.box_st1.box_img .inner { padding: 2.5rem 2.5rem 2.5rem 9.5rem; position: relative; }
.box_st1.box_img .inner .ico {position:absolute;left:2.5rem;top:2.5rem;display:inline-flex; align-items: center; justify-content: center; width: 5rem; height: 5rem; border-radius: 50%; background: #fff; }
.box_st1.box_img .inner .ico img { font-size: 0; line-height: 0; max-width: 100%; }

.box_st2 {border: 1px solid #D5D5D5;background: #fff; border-radius: 0.6rem;}
.box_st2 .inner { position:relative; } 
.box_st2.typeB { border: 1px dashed #D5D5D5; }
.box_st2.typeC { border: 1px solid #A4A9D1; background: #F9FAFF; }

[class^="box_st"] h4.box_tit { color: rgba(var(--priColor), 1); font-size: calc(var(--titSize) * 1.2); font-weight: bold; line-height: var(--lineHeight15); }
[class^="box_st"] h4.box_tit ~ h4.box_tit { margin-top: calc(var(--titSize) * 0.75); }
[class^="box_st"] h4.box_tit:has(+ *) { margin-bottom: calc(var(--titSize) * 0.6); }
[class^="box_st"] h5.box_tit { color: #222222; font-size: calc(var(--titSize) * 1); font-weight: bold; line-height: var(--lineHeight15); }
[class^="box_st"] h5.box_tit ~ h5.box_tit { margin-top: calc(var(--titSize) * 0.75); }
[class^="box_st"] h5.box_tit:has(+ *) { margin-bottom: calc(var(--titSize) * 0.6); }
[class^="box_st"] p.box_txt { color: #111; font-size: calc(var(--titSize) * 0.85); line-height: var(--lineHeight15); }

/* 기본 박스 : 검색 */
[class^="box_st"] .search_wrap { overflow:hidden; }
[class^="box_st"] .search_wrap  input { float:left; width:calc(100% - 110px); height:45px; padding:0 .5rem; border:1px solid #e7e7e7;  border-radius:0; }
[class^="box_st"] .search_wrap  .btn_style3 { float:left; width:100px;  margin:0 0 0 10px; padding:0; text-align:center; line-height:45px; }

/* 탭 :공통 */
div[class^="tab_st"]{ position:relative; font-weight:400; text-align:left; margin-bottom:1.5rem; }
div[class^="tab_st"]:after { display:block; clear:both; content:""; }
div[class^="tab_st"]:not(:has(> ul)) { display: none; }
div[class^="tab_st"] a[target='_blank']:after { content:"\ecaf" !important; font-size:calc(var(--titSize) * 1); color: #222 !important; display: inline-flex; align-items: center; justify-content: center; width: calc(var(--titSize) * 0.8); height: calc(var(--titSize) * 0.8); font-size: calc(var(--titSize) * 0.8); }
div[class^="tab_st"] a {-webkit-transition:all 0.3s ease; transition:all 0.3s ease; }
div[class^="tab_st"] > a.select { display: none; } 

/* 탭 :1차 탭 */
.tab_st1 > ul { display: flex; flex-wrap: wrap; border: 1px solid #CCCCCC; border-radius: 0.4rem; } 
.tab_st1 > ul > li { position: relative; line-height:var(--lineHeight15); width: 20%; }
.tab_st1 > ul > li::before { position: absolute; content: ""; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 0.8rem; background: #CCCCCC; z-index: -1; } 
.tab_st1 > ul > li:nth-child(5n + 1)::before,
.tab_st1 > ul > li:first-child:before { display: none; }
.tab_st1 > ul > li a { position:relative; display:flex; padding:calc(var(--titSize) * 0.8) var(--titSize); border-radius: 0.4rem; color: #222222; font-weight: 500; justify-content: center; gap: 0.5rem; font-size:calc(var(--titSize) * 0.9); line-height: 1.3; align-items: center; height: 100%; }
/* .tab_st1 > ul > li a[target="_blank"] { padding-right: 3rem; }  */
.tab_st1 > ul > li a:after { font-family:'remixicon'; color:#FFFFFF; font-size:calc(var(--titSize) * 1); content:"\eb79"; font-weight: 400 !important; width: var(--titSize); height: var(--titSize); display: none; z-index: 1; }
.tab_st1 > ul > li a[target="_blank"]:after { display: inline-block; }
.tab_st1 > ul > li a > span { position:relative; display:inline-block; }
.tab_st1 > ul > li.on a { color:#fff !important; border-color:rgba(var(--priColor), 1); justify-content: space-between; z-index: 1; }
.tab_st1 > ul > li a:hover,
.tab_st1 > ul > li a:focus { color:rgba(var(--priColor), 1); }
.tab_st1 > ul > li.on a:before { position: absolute; content: ""; width: calc(100% + 2px); height: calc(100% + 2px); top: -1px; left: -1px; background: rgba(var(--priColor), 1); border-radius: 0.4rem; z-index: -1; }
.tab_st1 > ul > li.on a::after { display: inline-flex; align-items: center; justify-content: center; }

/* 탭 :2차 탭 */
.tab_st2 { border-radius: 0.4rem; background: #F9FAFF; padding: 0.75rem; }
.tab_st2 .swiper-wrapper { justify-content: center; }
.tab_st2.is-slider .swiper-wrapper { justify-content: initial; align-items: center; }

.tab_st2 > button { position: absolute; top: 50%; transform: translateY(-50%); display: inline-flex; align-items: center; justify-content: center; line-height: 1; color: rgba(var(--priColor), 1); font-size: calc(var(--titSize)); }
.tab_st2 > ul { display: flex; gap: 4rem; justify-content: center; }
.tab_st2 .swiper { margin: 0 calc(var(--titSize) * 5.45); }
.tab_st2 > button.prev { left: calc(var(--titSize) * 1.4); }
.tab_st2 > button.next { right: calc(var(--titSize) * 1.4); }
.tab_st2 > button.swiper-button-lock { display: none; }

.tab_st2 a { position: relative; font-size: calc(var(--titSize) * 0.9); color: #333333; line-height: 1.3; display: flex; align-items: center; justify-content: center; }
.tab_st2 a span { position: relative; padding-left: calc(var(--titSize) * 0.7); }
.tab_st2 a span::before { position: absolute; content: ""; border-radius: 50%; width: 0.25rem; height: 0.25rem; background-color: #999999; left: 0; top: calc(var(--titSize) * 0.45); }

.tab_st2 li.on a span:before { background: rgba(var(--priColor), 1); }
.tab_st2 li.on a { color: rgba(var(--priColor), 1); font-weight: 600; }


/* 탭 :개수 지정 */
.Tab_w50 > ul > li { width:50%; }
.tab_st1.Tab_w50 > ul > li:nth-child(2n + 1)::before,
.tab_st1.Tab_w50 > ul > li:first-child:before { display: none; }
.Tab_w30 > ul > li { width:calc(100% / 3); }
.tab_st1.Tab_w30 > ul > li:nth-child(3n + 1)::before,
.tab_st1.Tab_w30 > ul > li:first-child:before { display: none; }
.Tab_w25 > ul > li { width:25%; }
.tab_st1.Tab_w25 > ul > li:nth-child(4n + 1)::before,
.tab_st1.Tab_w25 > ul > li:first-child:before { display: none; }

/* 탭 :반응형 */
.reactTab { display:block; }
.reactTab a.selectTab { display:none; }

/* 탭 : 새로고침 x */
.tabBox { display: none; }
.tabBox.on { display: block; }

/* 버튼 :버튼들 감싸는 레이아웃 */
.btns { margin:1rem 0 2rem; display: flex; flex-wrap: wrap; gap: 0.6rem; align-items: center; justify-content: center; }
.btns.al { justify-content: start; }
.btns.ar { justify-content: end; }

/* 버튼 :버튼들 감싸는 레이아웃 응용 버튼 */
.bbsV_atchmnfl dl dd { overflow: hidden; }
.btns.list { flex-direction: column; gap: calc(var(--titSize) * 0.85); border-radius: 0.4rem; border: 1px solid #A4A9D1; padding: 0.6rem; }
.btns.list li { width: 100%; position: relative; }
.btns.list li > a.downA { display: flex; align-items: center; position: relative; color: #111111; font-size: calc(var(--titSize) * 0.85); line-height: calc(var(--titSize) * 1.5); font-weight: 500; gap: 0.4rem; justify-content: start; width: 100%; padding-right: calc(var(--titSize) * 1.25); }
.btns.list li > a.transViewer { display: inline-flex; align-items: center; justify-content: center; color: #fff; padding: 0 0.5rem; border-radius: 0.25rem; height: calc(var(--titSize) * 1.5); background: rgba(var(--priColor), 1); font-size: calc(var(--titSize) * 0.75); position: absolute; top: 50%; transform: translateY(-50%); right: calc(var(--titSize) * 1.25); }
.btns.list li:before { position: absolute; content: ""; width: 100%; bottom: -0.45rem; height: 1px; left: 0; border: 1px dashed #dadada; }
.btns.list li:last-child::before { display: none; }
.btns.list li > a.downA:after { position: absolute; content: "\ec5a"; top: 50%; transform: translateY(-50%); right: 0; color: rgba(var(--priColor), 1); width: calc(var(--titSize) * 0.75); height: calc(var(--titSize) * 0.75); font-family: 'remixicon'; display: inline-flex; align-items: center; justify-content: center; }
/* .btns.list li > a.downA[download=""]:after { content: "\ec5a"; } */
.btns.list li > a.downA > p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; max-width: calc(100% - calc(var(--titSize) * 6)); }
.btns.list li > a.downA > .ico { display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; width: calc(var(--titSize) * 1.4); height: calc(var(--titSize) * 1.4); background: #f3f3f3; color: rgba(var(--priColor), 1); }

/* 버튼 :버튼들 감싸는 레이아웃 응용 버튼 : active */
.btns.list li > a.downA > .ico,
.btns.list li > a.downA { transition: 0.2s ease-in-out; }
.btns.list li > a.downA:hover,
.btns.list li > a.downA:focus { color: rgba(var(--priColor), 1); }
.btns.list li > a.downA:hover > .ico,
.btns.list li > a.downA:focus > .ico { color: #fff; background: rgba(var(--priColor), 1); }

/* 버튼 :기본 */
[class^="btn_"] { display: inline-flex; align-items: center; justify-content: center; padding: 0 calc(var(--min-width) * 1.2); border-radius: 0.4rem; font-size: calc(var(--titSize) * 0.85); height: calc(var(--min-width) * 2.5); font-weight: 500; line-height: 1.5; min-width: calc(var(--min-width) * 6); transition: 0.2s ease-in-out;
  --min-width : 1rem;
}

.btn_grL {border: 1px solid rgba(var(--priColor), 1); background: #fff; color: #111111;}
.btn_grL:hover,
.btn_grL:focus {background: #F2F4FF; }
.btn_whtL { border: 1px solid #CCCCCC; background: #fff; color: #444444; }
.btn_whtL:hover,
.btn_whtL:focus { background: #F4F4F4;  }
.btn_blankL { border: 1px solid #222222; background: #fff; color: #111111; }
.btn_blankL:hover,
.btn_blankL:focus { background: #222222; color: #fff; }
.btn_blL { border: 1px solid #2351FA; background: #fff; color: #2351FA; }
.btn_blL:hover,
.btn_blL:focus { background: #E6ECFF; }
.btn_grayL { border: 1px solid #555555; background: #fff; color: #555555; }
.btn_grayL:hover,
.btn_grayL:focus { background: #EDEDED;}
.btn_redL { border: 1px solid #C50912; background: #fff; color: #C50912; }
.btn_redL:hover,
.btn_redL:focus { background: #FFEEEF; }

/* 버튼 : 컬러 */
.btn_gr {border: 1px solid rgba(var(--priColor), 1); background: rgba(var(--priColor), 1); color: #fff;}
.btn_gr:hover,
.btn_gr:focus {background: #100C40; }
.btn_bl {border: 1px solid #2351FA; background: #2351FA; color: #fff;}
.btn_bl:hover,
.btn_bl:focus {background: #0027B4; }
.btn_grn {border: 1px solid #047198; background: #047198; color: #fff;}
.btn_grn:hover,
.btn_grn:focus {background: #003F56; }
.btn_red { border: 1px solid #C50912; background: #C50912; color: #fff; }
.btn_red:hover,
.btn_red:focus { background: #C50912; }

.btn_blue { background: #2351FA; color: #fff; }

.btnIco {padding: 0 calc(var(--min-width) * 2) 0 calc(var(--min-width) * 0.6) !important; position: relative; justify-content: space-between !important; }
.btnIco::before { position: absolute; content: ""; font-family: "remixicon"; right: calc(var(--titSize) * 0.75); top: 50%; transform: translateY(-50%); color: #fff; display: inline-flex; align-items: center; justify-content: center; width: calc(var(--titSize) * 0.75); height: calc(var(--titSize) * 0.75); }

.btnIco.menuFormBtn:before { content: "\f0cf"; }
.btnIco.nttUpdate::before,
.btnIco.nttInsert::before,
.btnIco.insertNttPage:before,
.btnIco.menuFormBtn::before { content: "\efe0"; }
.btnIco[target="_blank"]::before { content: "\ecaf"; }
.btnIco[target="_self"]::before { content: "\ea6c"; }
.btnIco[download]::before { content: "\ec5a"; }
[class^="btn_"].large { min-width: calc(var(--min-width) * 12.5) !important; }
[class^="btn_"].mini {min-width: calc(var(--min-width) * 5) !important; padding: 0 calc(var(--min-width) * 0.85); border-width: 1px; font-size: calc(var(--titSize) * 0.75); height: calc(var(--min-width) * 1.75); line-height: 1; }
[class^="btn_"].mini.btnIco { padding: 0 calc(var(--min-width) * 1.75) 0 calc(var(--min-width) * 0.85) !important; justify-content: start; }
[class^="btn_"].mini.btnIco:before { right: calc(var(--titSize) * 0.5); font-size: calc(var(--titSize) * 0.7); }
[class^="btn_"].onlyIco { align-items: center; justify-content: center; width: calc(var(--min-width) * 1.75); height: calc(var(--min-width) * 1.75); min-width: 0 !important; font-size: calc(var(--min-width) * 0.8); position: relative; position: relative; padding: 0 !important; font-weight: 400 !important; line-height: 1; }
[class^="btn_"].onlyIco i { line-height: 1; }
[class^="btn_"]:disabled { border-color: #D6DBE0 !important; background: #D6DBE0 !important; color: #777777 !important; cursor: unset; }

/* 이미지 사이즈 :확대보기 */
.rsp_img { position:relative; width:auto; max-width:100%; display: flex; align-items: center; justify-content: center; font-size: 0; line-height: 0; border: 1px solid #d5d5d5; border-radius: 0.6rem; padding: 1.5rem 1rem; }
.rsp_img img { max-width:100%; }
.rsp_img .btn-zoom { position:absolute; bottom:0; right:0; width:calc(var(--titSize) * 2.25); height:calc(var(--titSize) * 2.25); z-index:100; background:url('/00_common/images/con_com/ico_rsp_img.png') no-repeat center center / contain; display: flex; align-items: center; justify-content: center; text-indent:-9999em; overflow:hidden; }

/* 이미지 사이즈 :100% */
.img_w100{ max-width:100%; }

/* 콘텐츠 준비중 */
.Coming_soon { padding:50px 20px; border:5px solid #dfe6ee; text-align:center; }
.Coming_soon h3{ font-size:calc(var(--titSize) * 1.5); color:#222; }
.Coming_soon p { position:relative; margin-top:1.5rem; padding-top:1.5rem; }
.Coming_soon p:before { content:''; position:absolute; top:0; left:50%; width:2rem; height:3px; margin-left:-1rem; background:#222; }

/* 라인 */
.line_dot { margin-bottom:1rem; padding-top:1rem; border-bottom:2px dotted #d2d2d2; }
.line_dot_b { border-bottom:2px dotted #d2d2d2; }

/* display */
.disIb { display:inline-block !important; }

/* input select px */
.InpSel_50{ width:50px !important; }
.InpSel_80{ width:80px !important; }
.InpSel_100{ width:100px !important; }
.InpSel_150{ width:150px !important; }
.InpSel_200{ width:200px !important; }
.InpSel_250{ width:250px !important; }
.InpSel_300{ width:300px !important; }
.InpSel_350{ width:350px !important; }
.InpSel_400{ width:400px !important; }
.InpSel_450{ width:450px !important; }
.InpSel_500{ width:500px !important; }

/* input select  % */
.InpSel_w10{ width:10% !important; }
.InpSel_w20{ width:20% !important; }
.InpSel_w30{ width:30% !important; }
.InpSel_w40{ width:40% !important; }
.InpSel_w50{ width:50% !important; }
.InpSel_w60{ width:60% !important; }
.InpSel_w70{ width:70% !important; }
.InpSel_w80{ width:80% !important; }
.InpSel_w90{ width:90% !important; }
.InpSel_w100{ width:100% !important; }

/* 패딩 */
.pd0{ padding:0 !important; }
.pd5{ padding:5px !important; }
.pd10{ padding:10px !important; }
.pd15{ padding:15px !important; }
.pd20{ padding:20px !important; }
.pd30{ padding:30px !important; }
.pdt5{ padding-top:5px !important; }
.pdt10{ padding-top:10px !important; }
.pdt15{ padding-top:15px !important; }
.pdt20{ padding-top:20px !important; }
.pdt30{ padding-top:30px !important; }
.pdt40{ padding-top:40px !important; }
.pdr5{ padding-right:5px !important; }
.pdr10{ padding-right:10px !important; }
.pdr15{ padding-right:15px !important; }
.pdr20{ padding-right:20px !important; }
.pdr30{ padding-right:30px !important; }
.pdb5{ padding-bottom:5px !important; }
.pdb10{ padding-bottom:10px !important; }
.pdb15{ padding-bottom:15px !important; }
.pdb20{ padding-bottom:20px !important; }
.pdb30{ padding-bottom:30px !important; }
.pdl5{ padding-left:5px !important; }
.pdl10{ padding-left:10px !important; }
.pdl15{ padding-left:15px !important; }
.pdl20{ padding-left:20px !important; }
.pdl30{ padding-left:30px !important; }

/* 마진 */
.mg0{ margin:0 !important; }
.mg5{ margin:calc(var(--titSize) * 0.25) !important; }
.mg10{ margin:calc(var(--titSize) * 0.5) !important; }
.mg15{ margin:calc(var(--titSize) * 0.75) !important; }
.mg20{ margin:var(--titSize) !important; }
.mg30{ margin:calc(var(--titSize) * 1.5) !important; }
.mgt5{ margin-top:calc(var(--titSize) * 0.25) !important; }
.mgt10{ margin-top:calc(var(--titSize) * 0.5) !important; }
.mgt15{ margin-top:calc(var(--titSize) * 0.75) !important; }
.mgt20{ margin-top:var(--titSize) !important; }
.mgt24{ margin-top:calc(var(--titSize) * 1.2) !important; }
.mgt30{ margin-top:calc(var(--titSize) * 1.5) !important; }
.mgt40{ margin-top:calc(var(--titSize) * 2) !important; }
.mgt5n { margin-top:calc(var(--titSize) * -0.25) !important; }
.mgt10n { margin-top:calc(var(--titSize) * -0.5) !important; }
.mgr5{ margin-right:calc(var(--titSize) * 0.25) !important; }
.mgr10{ margin-right:calc(var(--titSize) * 0.5) !important; }
.mgr15{ margin-right:calc(var(--titSize) * 0.75) !important; }
.mgr20{ margin-right:var(--titSize) !important; }
.mgr30{ margin-right:calc(var(--titSize) * 1.5) !important; }
.mgb0{ margin-bottom:0 !important; }
.mgb5{ margin-bottom:calc(var(--titSize) * 0.25) !important; }
.mgb10{ margin-bottom:calc(var(--titSize) * 0.5) !important; }
.mgb15{ margin-bottom:calc(var(--titSize) * 0.75) !important; }
.mgb18{ margin-bottom:calc(var(--titSize) * 0.9) !important; }
.mgb20{ margin-bottom:var(--titSize) !important; }
.mgb30{ margin-bottom:calc(var(--titSize) * 1.5) !important; }
.mgl5{ margin-left:calc(var(--titSize) * 0.25) !important; }
.mgl10{ margin-left:calc(var(--titSize) * 0.5) !important; }
.mgl15{ margin-left:calc(var(--titSize) * 0.75) !important; }
.mgl20{ margin-left:var(--titSize) !important; }
.mgl30{ margin-left:calc(var(--titSize) * 1.5) !important; }

/* badge */
.badge { display: inline-flex; align-items: center; justify-content: center; border-radius: 0.2rem; padding: 0.15rem 0.4rem; font-size: calc(var(--titSize) * 0.7); line-height: var(--lineHeight15); font-weight: 600; border: 1px solid transparent; }

.badge.solid { color: #fff; }
.badge.solid.grn { background: #00BABA; }
.badge.solid.bl { background: #2E7CFB; }
.badge.solid.purp { background: #8B5CF6; }
.badge.solid.pink { background: #FF78A4; }
.badge.solid.red { background: #EB2826; }
.badge.solid.gray { background: #6B7280; }

.badge.soft.grn { background: #DCFAFA; color: #00BABA; }
.badge.soft.bl { background: #ECF3FF;color: #2E7CFB; }
.badge.soft.purp { background: #F4EFFF; color: #8B5CF6;}
.badge.soft.pink { background: #FFF2F6; color: #FF78A4;}
.badge.soft.red { background: #FDEAEA; color: #EB2826;}
.badge.soft.gray { background: #F0F0F0; color: #6B7280;}

.badge.line.grn { background: #fff; color: #00BABA; border-color: #00BABA; }
.badge.line.bl { background: #fff;color: #2E7CFB;  border-color: #2E7CFB;}
.badge.line.purp { background: #fff; color: #8B5CF6; border-color: #8B5CF6;}
.badge.line.pink { background: #fff; color: #FF78A4; border-color: #FF78A4;}
.badge.line.red { background: #fff; color: #EB2826; border-color: #EB2826;}
.badge.line.gray { background: #fff; color: #6B7280; border-color: #6B7280;}

/* 사이트맵 */
.cont_sitemap .cont_sitemap_row{margin-top:1rem; margin-left:-.75rem; margin-right:-.75rem; }
.cont_sitemap .cont_sitemap_row:first-child{margin-top:0; }
.cont_sitemap .cont_sitemap_row::after{content:''; display:block; clear:both; }
.cont_sitemap .cont_sitemap_col{float:left; width:calc(33.3% - 30px); margin:0 .75rem; }
.cont_sitemap .cont_sitemap_col:nth-child(4n) {clear:both;} /* 1215 추가 */
.cont_sitemap .cont_sitemap_col2{width:calc(50% - 1.5rem)}
.cont_sitemap .cont_sitemap_col2 > div{float:left; width:calc(50% - 1.5rem)}
.cont_sitemap .cont_sitemap_col2 > div:last-child{margin-left:30px; }
.cont_sitemap h4{position:relative; border-bottom:3px solid #2c61a2; text-align:center; padding:0.75rem .25rem; }
.cont_sitemap h4:before{position:absolute;bottom:-3px;left:0;width:4.2rem;height:3px;background:url('/images/custom/siteMap_tit_bul.png')no-repeat center/100% 100%;content:"";}
.cont_sitemap h4 a{font-size:calc(var(--titSize) * 0.9); color:#2c61a2; }
.cont_sitemap_col a{display:inline-block; }
.cont_sitemap_col ul > li{border-top:1px dotted #ccc; position:relative; background:#f7f7f7;} /* 1215 수정 */
/* .cont_sitemap_col ul > li{border-top:1px dotted #ccc; position:relative; } */
.cont_sitemap_col ul{border-bottom:1px solid #ccc; }
.cont_sitemap_col ul > li:first-child{border-top:0; }
.cont_sitemap_col ul > li > a{position:relative;display:block; padding:0.75rem; color:#333; font-size:calc(var(--titSize) * 0.75); font-weight:600; background:#fff;}/* 1215 수정 */
/* .cont_sitemap_col ul > li > a{position:relative;display:block; padding:0.75rem; color:#333; font-size:calc(var(--titSize) * 0.75); font-weight:600; } */
.cont_sitemap_col > ul > li > a:before{position:absolute;top:0.95rem;left:0;width:0.3rem;height:0.75rem;background:url('/images/custom/siteMap_menu_bul.png')no-repeat center/cover;content:"";}
.cont_sitemap_col ul > li > p {position:relative;margin-left:1rem;padding: .15rem 0 .15rem .5rem;color: #333;font-size: calc(var(--titSize) * 0.7);} /* 1215 추가 */
.cont_sitemap_col ul > li > p:first-of-type {margin-top:0.75rem; } /* 1215 추가 */
.cont_sitemap_col ul > li > p:last-of-type {padding-bottom:0.75rem;} /* 1215 추가 */
.cont_sitemap_col ul > li > p > a{position:relative;display:block;}
.cont_sitemap_col ul > li > p > a:before{position:absolute;top: .45rem;left: -.5rem;width:4px;height:4px;background:#333;border-radius:50%;content:"";}
.cont_sitemap_col ul ul{margin:0 0 1rem 1rem; padding:0.75rem; border:0; background:#f2f2f2; }
.cont_sitemap_col ul ul li{margin-top:5px; border:0; }
.cont_sitemap_col ul ul li:first-child{margin-top:0; }
.cont_sitemap_col ul ul a{padding:0.15rem 0 .15rem .5rem; color:#555; font-size:calc(var(--titSize) * 0.7); position:relative; display:inline-block; line-height:1.2; font-weight:normal; margin-right:auto; }
.cont_sitemap_col ul ul a::after{content:''; position:absolute; left:0; top:10px; width:4px; height:4px; background:#555; border-radius:50%; }
/* 5차메뉴추가 START */
.cont_sitemap_col ul ul ul{background:#f5f5f5; margin:5px 0; padding:10px; overflow:hidden; }
.cont_sitemap_col ul ul ul a{font-size:13px; color:#555; }
.cont_sitemap_col ul ul ul a::after{width:4px; height:1px; top:5px; }
.cont_sitemap_col ul ul ul a:hover{ font-weight:normal; color:#444; text-decoration:underline; }
/* 5차메뉴추가 END */
.cont_sitemap_col .mgnavi_depth_open,
.cont_sitemap_col .mgnavi_depth_close{display:block; border:1px solid #bababa; background:#fff; font-size:0; width:17px; height:17px; cursor:pointer; position:relative; position:absolute; right:0; top:12px; }
.cont_sitemap_col .mgnavi_depth_close{display:none; }
.cont_sitemap_col .mgnavi_depth_open::after{content:''; width:8px; height:1px; background:#000; position:absolute; left:5px; top:8px; }
.cont_sitemap_col .mgnavi_depth_open::before{content:''; width:1px; height:8px; background:#000; position:absolute; left:8px; top:5px}
.cont_sitemap_col .mgnavi_depth_close::after{content:''; width:8px; height:1px; background:#000; position:absolute; left:5px; top:8px; }
.cont_sitemap_col .active .mgnavi_depth_open{display:none; }
.cont_sitemap_col .active .mgnavi_depth_close{display:block; }
.cont_sitemap_col .active ul{display:block; }
.cont_sitemap_col .link{padding-left:25px;  background:url("/images/web/apple/btn_linkG_SML.png") no-repeat 7px center; }

/* 교수소개 : 공통 */
.info_lst_com { margin:-.5rem 0; }
.info_lst_com > li { position:relative; margin:0.5rem 0; border:1px solid #cbcbcb; overflow:hidden; }
.info_lst_com > li:before { position:absolute; top:0; left:0; width:47.702%; height:2px; background:#22499d; content:""; }
.info_lst_com > li .info_box { position:relative; padding:1.35rem; overflow:hidden; }
.info_lst_com > li .img_box { position:relative; float:left; width:180px; }
.info_lst_com > li .img_box:before { position:absolute; top:0; left:-1.35rem; width:100%; height:4rem; background:url('/images/custom/info_lst_com_imgBg.jpg')no-repeat center/cover; content:""; z-index:-1; }
.info_lst_com > li .img_box > .img { position:relative; display:block; width:114px; height:145px; margin-top:1.25rem; background:#e8ecf4; box-shadow:0 0 5px rgba(0,0,0,.3); overflow:hidden; }
.info_lst_com > li .img_box > .img:after { position:absolute; top:50%; left:50%; width:82px; height:63px; -moz-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); background:url('/images/custom/info_lst_com_imgBg.png')no-repeat center/cover; content:""; }
.info_lst_com > li .img_box > .img > img { position:absolute; top:50%; left:50%; width:100%; height:100%; -moz-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); z-index:1; }
.info_lst_com > li .txt_box_wrap { position:relative; float:left; width:calc(100% - 180px); }
.info_lst_com > li .txt_box_wrap .name { display:block; width:calc(100% - 130px); color:#000; font-size:calc(var(--titSize) * 1); font-weight:700; }
.info_lst_com > li .txt_box_wrap .name > em { display:inline-block; font-weight:100; font-size:calc(var(--titSize) * 0.9); }
.info_lst_com > li .txt_box_wrap .info_lst_ctt { overflow:hidden; margin:0.25rem -.75rem 0; }
.info_lst_com > li .txt_box_wrap .info_lst_ctt > li { float:left; padding:0.25rem .75rem; color:#333; font-size:calc(var(--titSize) * 0.75); }
.info_lst_com > li .txt_box_wrap .info_lst_ctt > li > i { display:inline-block; vertical-align:middle; width:30px; height:30px; background:#666; color:#fff; text-align:center; font-size:calc(var(--titSize) * 0.9); line-height:30px; border-radius:50%; content:""; vertical-align:middle; }
.info_lst_com > li .txt_box_wrap .info_lst_ctt > li > span { display:inline-block; vertical-align:middle; margin-left:0.5rem; }
.info_lst_com > li .txt_box_wrap .btn_line_style1 { position:absolute; top:-.75rem; right:0; margin:0; }
.info_lst_com > li .txt_box_wrap .list_st1 { margin-top:1rem; padding-top:0.75rem; border-top:1px dashed #ccc; }
.info_lst_com > li .txt_box_wrap .list_st1 > li > strong{ display:inline-block; width:80px; padding-right:0.25rem; color:#22499d; vertical-align:top; }
.info_lst_com > li .txt_box_wrap .list_st1 > li > span { display:inline-block; width:calc(100% - 100px); vertical-align:top; }
.info_lst_com > li .txt_box_wrap a.bu_mail:before { content:"\e9fa"; }
.info_lst_com > li .details { padding:1.35rem; background:#f9fafc; border-top:1px solid #cbcbcb; }

/* 콘텐츠 준비중 */
.comingsoon { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: calc(var(--titSize) * 2); word-break: keep-all; background: #EFF5FF; padding: calc(var(--titSize) * 3.5) var(--titSize); border-radius: var(--titSize); }
.comingsoon .img { display: flex; align-items: center; justify-content: center; font-size: 0; line-height: 0; }
.comingsoon img { max-width: 100%; }
.comingsoon .txtBox { text-align: center; }
.comingsoon .txtBox p.title { font-size: calc(var(--titSize) * 1.4); line-height: 1; color: #111111; font-weight: 400; }
.comingsoon .txtBox p.title span { font-weight: bold; }
.comingsoon .txtBox p.title span em { color: #2351fa; }
.comingsoon .txtBox p.txt { color: #333333; font-size: calc(var(--titSize) * 0.85); line-height: var(--lineHeight15); margin-top: var(--titSize); }

/*배너이미지*/
.banner_img {width:9rem; height:3.1rem}

/* 절차 */
.step > ul { display: flex; flex-wrap: wrap; }
.step.typeA > ul { gap: calc(var(--titSize) * 1.2); }
.step.typeA > ul > li { width: calc((100% - calc((var(--titSize) * 1.2) * 4)) / 5); }
.step.typeA.w_50 > ul > li { width: calc((100% - calc((var(--titSize) * 1.2) * 1)) / 2); }
.step.typeA.w_30 > ul > li { width: calc((100% - calc((var(--titSize) * 1.2) * 2)) / 3); }
.step.typeA.w_25 > ul > li { width: calc((100% - calc((var(--titSize) * 1.2) * 3)) / 4); }
.step.typeA > ul > li .step-num { width: 100%; position: relative; }
.step.typeA > ul > li .step-num::before { position: absolute; content: ""; width: calc(100% - calc((var(--titSize) * 2) + 1rem)); left: calc((var(--titSize) * 2) + 0.5rem); top: 50%; transform: translateY(-50%); border-bottom: 1px dashed rgba(var(--priColor), 0.5); }
.step.typeA > ul > li .step-num::after { position: absolute; content: ""; right: 0; top: 50%; transform: translateY(-50%); width: 0.25rem; height: 0.25rem; border-radius: 50%; background: rgba(var(--priColor), 0.5); z-index: 1; }
.step.typeA > ul > li:last-child .step-num::before,
.step.typeA > ul > li:last-child .step-num::after { display: none; }
.step.typeA > ul > li .step-num em { display: none; }
.step.typeA > ul > li .step-num span { display: inline-flex; align-items: center; justify-content: center; background: #E5EAFF; border-radius: 0.3rem; color: rgba(var(--priColor), 1); font-size: calc(var(--titSize) * 1); font-weight: 800; line-height: var(--lineHeight15); width: calc(var(--titSize) * 2); height: calc(var(--titSize) * 2); }
.step.typeA > ul > li .step-txt { margin-top: calc(var(--titSize) * 0.8); }
.step.typeA > ul > li .step-txt > span { color: #111111; font-size: calc(var(--titSize) * 0.85); line-height: var(--lineHeight15); font-weight: bold; }
.step.typeA > ul > li .step-txt > p { color: #333333; font-size: calc(var(--titSize) * 0.75); line-height: var(--lineHeight14); margin-top: calc(var(--titSize) * 0.4); }

.step.typeB > ul { flex-direction: column; gap: calc(var(--titSize) * 2.25); }
.step.typeB > ul > li { position: relative; display: flex; flex-wrap: wrap; gap: calc(var(--titSize) * 1); }
.step.typeB > ul > li::before { position: absolute; content: ""; background: url('/00_common/images/con_com/step_ico.png') no-repeat center center / contain; width: 1.25rem; height: 0.75rem; left: 50%; transform: translateX(-50%); top: calc(100% + calc((calc(var(--titSize) * 2.25) / 2) - 0.375rem)); }
.step.typeB > ul > li:last-child:before { display: none; }
.step.typeB > ul > li > .step-num { display: flex; flex-direction: column; width: calc(var(--titSize) * 4.5); height: calc(var(--titSize) * 4.5); border-radius: 50%; border: calc(var(--titSize) * 0.3) solid #dddff4; background: rgba(var(--priColor), 1); color: #fff; align-items: center; justify-content: center; }
.step.typeB > ul > li > .step-num em { line-height: var(--lineHeight15); font-size: calc(var(--titSize) * 0.75); }
.step.typeB > ul > li > .step-num span { color: #EEEEEE; font-size: var(--titSize); font-weight: bold; display: block; line-height: 1; margin-top: calc(var(--titSize) * 0.2); }
.step.typeB > ul > li > .step-txt { flex: 1; border: 1px solid #D5D5D5; border-radius: 0.75rem; padding: var(--titSize) calc(var(--titSize) * 1.5); min-height: calc(var(--titSize) * 4.5); display: flex; flex-direction: column; gap: calc(var(--titSize) * 0.5); }
.step.typeB > ul > li > .step-txt > span { display: block; color: #111111; font-size: calc(var(--titSize) * 1.1); line-height: var(--lineHeight15); font-weight: bold; }
.step.typeB > ul > li > .step-txt > p { color: #333333; line-height: var(--lineHeight14); font-size: calc(var(--titSize) * 0.85); }

/* 게시물 이동 및 복사 ( nfu/co/na/nttInfo.jsp 인라인 style 이전 - X-XSS-Nightmare 진단 조치 ) */
.bbsV_PostMove dd { display: flex !important; flex-wrap: wrap; align-items: center; gap: 6px; padding-right: 0 !important; }
.bbsV_PostMove dd select { flex: 1 1 200px; width: auto !important; position: static !important; }
.bbsV_PostMove dd .btn_PostMove { position: static !important; right: auto !important; top: auto !important; }

@media screen and (max-width: 1440px) {
  .tab_st1 > ul > li { font-size: calc(var(--titSize) * 0.9); }
  .tab_st1 > ul > li a { padding: 0.75rem; }
}

@media screen and (max-width:1200px){
  /* 탭 :반응형 */
  .reactTab { margin-bottom:1.5rem; overflow:hidden; }
  .reactTab[class^="tab_st"] { text-align:left; }
  .reactTab[class^="tab_st"] > a.select { position: relative; display: flex; align-items: center; justify-content: start; padding: 0.75rem 2.5rem 0.75rem 1rem;  color: rgba(var(--priColor), 1); font-size: var(--titSize); font-weight: 600; background: #f2f5fa; border: 2px solid rgba(var(--priColor), 1); border-radius: 0.5rem; }
  .reactTab[class^="tab_st"] > a:after { position:absolute; top:50%; right:1.25rem; -webkit-transform:translateY(-50%); transform:translateY(-50%); font-family:'xeicon'; color:rgba(var(--priColor), 1); font-size:calc(var(--titSize) * 1.25); content:"\e942"; font-weight: 400 !important; transition: 0.2s ease-in-out; }
  div[class^="tab_st"] a[target='_blank'] { padding-right: 2.5rem !important; }
  .reactTab[class^="tab_st"] > a.on:after { transform:translateY(-50%) rotate(180deg); }
  .reactTab[class^="tab_st"] > ul { display: none; flex-direction: column; width: 100%; gap: 0; border: 1px solid #CCD9EA; border-bottom: none; border-radius: 0.5rem; }
  .reactTab[class^="tab_st"] > ul > li { width: 100%; font-size: calc(var(--titSize) * 0.95); }
  .reactTab[class^="tab_st"] > ul > li::before,
  .reactTab[class^="tab_st"] > ul > li.on a::before { display: none; }
  .reactTab[class^="tab_st"] > ul > li.on a { color: #222 !important; }
  /* .reactTab[class^="tab_st"] > ul > li.on { display: none; } */
  .reactTab[class^="tab_st"] > ul > li > a { display: block; width: 100%; border: none; padding: 0.65rem 1rem; border-bottom: 1px solid #ccd9ea; border-radius: 0; }
  .reactTab[class^="tab_st"] > ul > li > a:after { position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); line-height: 1; font-size: calc(var(--titSize) * 0.9); }
  .reactTab[class^="tab_st"] > ul > li:last-child > a { border-radius: 0 0 0.5rem 0.5rem; }
  .reactTab[class^="tab_st"] > ul > li > a:not([target="_blank"]):After { display: none; }

}

@media screen and (max-width:1024px){
	/* pdf 뷰어 : 시작 **************************************************************/
	.pdfBox .pdf_inner .pdf_view {height:30rem;}
	/* pdf 뷰어 : 끝 **************************************************************/

  :root {
    --lineHeight16: 1.5;
    --lineHeight15: 1.4;
    --lineHeight14:1.3;
    --titSize: 0.95rem;
    --inputGap: 0.4rem;
  }

  [class^="btn_"] {
    --min-width: 0.95rem;
  }

  .tab_st2 .swiper { margin: 0 calc(var(--titSize) * 2.5); }
  .tab_st2 > button.prev { left: calc(var(--titSize) * 1.2); }
  .tab_st2 > button.next { right: calc(var(--titSize) * 1.2); }

  h3[class^='tit'],
  div + h3[class^='tit'], p + h3[class^='tit'] { margin-top: 2rem !important; }  
  
/* 
  h3[class^="tit"]:first-of-type, h3[class^='tit']:first-child { margin-top: 0 !important; } */

  div[class*='tbl_st'].bdls colgroup,
  div[class*='tbl_st'].bdls thead { display: none; }
  div[class*='tbl_st'].bdls tbody { display: flex; flex-direction: column; gap: 1rem; }
  div[class*='tbl_st'].bdls tr { width: 100%; display: flex; flex-wrap: wrap; gap: 0.5rem; }
  div[class*='tbl_st'].bdls tr th,
  div[class*='tbl_st'].bdls tr td { padding: 0 !important; width: 100%; }
  .tbl_st.bdls table th span { line-height: 1; }

  .bu_st1:before, .list_st1 > li:before {top:calc(var(--titSize) * 0.4);}
  .bu_st2:before, .list_st2 > li:before {top:calc(var(--titSize) * 0.5);}
  .bu_st3:before, .list_st3 > li:before {top:calc(var(--titSize) * 0.45);}

  /* 절차 */
  .step.typeA > ul > li { width: calc((100% - calc((var(--titSize) * 1.2) * 3)) / 4); }
  .step.typeA.w_50 > ul > li { width: calc((100% - calc((var(--titSize) * 1.2) * 1)) / 2); }
  .step.typeA.w_30 > ul > li { width: calc((100% - calc((var(--titSize) * 1.2) * 2)) / 3); }
  .step.typeA.w_25 > ul > li { width: calc((100% - calc((var(--titSize) * 1.2) * 3)) / 4); }
}

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

  :root {
    --lineHeight16: 1.4;
    --lineHeight15: 1.3;
    --lineHeight14:1.3;
    --inputGap: 0.4rem;
    --titSize: 0.9rem;
  }

  [class^="btn_"] {
    --min-width: 0.9rem;
  }
  /* .btnIco.mini i { top: calc(var(--min-width) * 0.45); } */

  h4[class^='tit']::before { top: calc(var(--titSize) * 0.5); }

  .box_st3.box_img .inner .ico,
  .box_st1.box_img .inner .ico { display: none; }
  .box_st2 .inner,
  .box_st3 .inner,
  .box_st1 .inner,
  .box_st1.box_img .inner { padding: 1.05rem 1.5rem; min-height: auto; }
  [class^="box_st"] h4.box_tit { font-size: calc(var(--titSize) * 1.1); }

  .tbl_st table td,
  .tbl_st table th { padding: 0.65rem 0.5rem; }

  .rdoBox ul,
  .chkBox ul { gap: 0.5rem 1.5rem; }

  .reactTab[class^="tab_st"] > a { padding: 0.55rem 2rem 0.55rem 1rem; }  
  div[class^="tab_st"] a[target='_blank']:after,
  .reactTab[class^="tab_st"] > a:after { right: 0.75rem; }
  .reactTab[class^="tab_st"] > ul > li > a { padding: 0.55rem 1rem; }

  input:not([type="checkbox"], [type="radio"]),
  select { min-width: 0 !important; }
  select { padding: 0 calc(var(--titSize) * 1.6) 0 calc(var(--titSize) * 0.75); background-position: right calc(var(--titSize) * 0.75) center; }

  .list_ol1 > li > span.num { top: calc(var(--titSize) * -0.3); }
  .list_ol2 > li > span.num { top: calc(var(--titSize) * -0.15); }

  .bu_st1:before, .list_st1 > li:before {top:calc(var(--titSize) * 0.3);}
  .bu_st2:before, .list_st2 > li:before {top:calc(var(--titSize) * 0.4);}
  .bu_st3:before, .list_st3 > li:before {top:calc(var(--titSize) * 0.4);}
  .bu_st4:before, .list_st4 > li:before {top:calc(var(--titSize) * 0.25);}

  .bu_atte:before { top: 0.1rem; }

  /* 절차 */
  .step.typeA > ul > li { width: calc((100% - calc((var(--titSize) * 1.2) * 2)) / 3); }
  .step.typeA.w_50 > ul > li { width: calc((100% - calc((var(--titSize) * 1.2) * 1)) / 2); }
  .step.typeA.w_30 > ul > li { width: calc((100% - calc((var(--titSize) * 1.2) * 2)) / 3); }
  .step.typeA.w_25 > ul > li { width: calc((100% - calc((var(--titSize) * 1.2) * 2)) / 3); }
  
  .comingsoon { padding: calc(var(--titSize) * 2) var(--titSize); gap: calc(var(--titSize) * 1.5); }

  [class^="btn_"].large { min-width: calc(var(--min-width) * 10) !important; }


  .tbl-m colgroup { display: none; }
  .tbl-m tr,
  .tbl-m th,
  .tbl-m td { display: flex; width: 100% !important; align-items: center !important; justify-content: center !important; flex-wrap: wrap; }
  .tbl-m tr { flex-direction: column; }
  .tbl-m td { border-left: none !important; border-right: none !important; text-align: center !important; gap: calc(var(--titSize) * 0.25); } 
  .tbl-m td input[type="text"],
  .tbl-m td input[type="date"],
  .tbl-m td input[type="number"],
  .tbl-m td select { flex: 1; }
  .tbl-m #largeFileDiv { width: 100% !important; }

  .dateWrap { width: 100%; justify-content: center; }
  .dateBox { flex: 1; }

}

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

  :root {
    --lineHeight16: 1.3;
    --lineHeight15: 1.2;
    --lineHeight14:1.2;
    --inputGap: 0.35rem;
  }

  [class^="btn_"] {
    --min-width: 0.85rem;
  }

  .tab_st2 .swiper { margin: 0 calc(var(--titSize) * 1); }
  .tab_st2 > button.prev { left: 0; }
  .tab_st2 > button.next { right: 0; }

  h4[class^='tit']::before { top: calc(var(--titSize) * 0.4); }

  .box_st2 .inner,
  .box_st3 .inner,
  .box_st1 .inner,
  .box_st1.box_img .inner { padding: 1rem 1.25rem; }

  div[class*='tbl_st'] input:not([type="checkbox"], [type="radio"]),
  select { width: 100% !important; }

  .bu_wnrn,
  .bu_atte { padding-left: 0.9rem; }
  .bu_atte:before { top: 0.05rem; }

  /* 절차 */
  .step.typeA.w_25 > ul > li,
  .step.typeA.w_30 > ul > li,
  .step.typeA > ul > li { width: calc((100% - calc((var(--titSize) * 1.2) * 1)) / 2); }

  .comingsoon { padding: calc(var(--titSize) * 1.5) var(--titSize); gap: calc(var(--titSize) * 1.25); }
  
  .BD_srch > div .srchWrap:has(select) { flex-wrap: wrap; }
}

@media screen and (max-width:380px){
  h3[class^='tit'] { font-size: calc(var(--titSize) * 1.3); }

  .box_st2 .inner,
  .box_st3 .inner,
  .box_st1 .inner,
  .box_st1.box_img .inner { padding: 0.75rem 1rem; }

  .reactTab[class^="tab_st"] > ul > li { font-size: unset;} 
  .reactTab[class^="tab_st"] > ul > li > a,
  .reactTab[class^="tab_st"] > a { font-size: calc(var(--titSize) * 0.9); padding: 0.5rem 1.75rem 0.5rem 0.75rem; } 
  div[class^="tab_st"] a[target='_blank']:after { font-size: calc(var(--titSize) * 0.9); }

  /* 절차 */
  .step.typeA.w_25 > ul > li,
  .step.typeA.w_30 > ul > li,
  .step.typeA > ul > li { width: 100%; }

  .step.typeB > ul > li { gap: calc(var(--titSize) * 0.75); }
  .step.typeB > ul > li > .step-num { width: 100%; height: auto; padding: calc(var(--titSize) * 0.75); border-radius: calc(var(--titSize) * 0.75); flex-direction: row; align-items: center; justify-content:start; }
  .step.typeB > ul > li > .step-num span { margin: 0 0 0 0.25rem; }
  .step.typeB > ul > li > .step-txt { padding: var(--titSize) calc(var(--titSize) * 1.25); }

  .dateWrap { width: 100%; justify-content: center; gap: calc(var(--titSize) * 0.25); }
  .dateBox { flex: none; width: 100%; gap: calc(var(--titSize) * 0.25); }
}