/* common form */
::placeholder,
::-webkit-input-placeholder,
::-ms-input-placeholder {font-weight: 400; color: #333;}

p {font-size: 2rem; color: #333;}
label {margin-right: 1rem; vertical-align: middle;}
label input {margin-right: 0.5rem; 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: 10rem;}
input.mx-w10 {width: 100%; max-width: 20rem;}
input.mx-w20 {width: 100%; max-width: 40rem;}
input.mx-w30 {width: 100%; max-width: 60rem;}
input.mx-w40 {width: 100%; max-width: 80rem;}

/* 들여쓰기 */
.indent {margin-left: 2.4rem;}

/* 타이틀(공통) */
h3[class^='tit'] {margin-top: 6rem; font-weight: 700;}
[class^="box_st"] [class^='tit']:nth-of-type(1) {margin-top: 0;}
h3[class^='tit'][class*='1'] + h4[class^='tit'][class*='2'] {margin-top: 1.5rem;}
.tab_st3 + h3[class^="tit"],
h3[class^="tit"]:first-of-type {margin-top: 0;}
div + h3[class^='tit'], p + h3[class^='tit'] {margin-top: 5rem !important;}
h4[class^='tit'] {font-weight: 700;}
h4[class^='tit']:nth-of-type(1) {margin-top: 0;}
h4[class^='tit'][class*='2'] + h5[class^='tit'][class*='3'] {margin-top: 1rem;}
*:not(h3) + h4[class^='tit'] {margin-top: 3rem !important;}
h5[class^='tit'] {margin-top: 4rem; font-weight: 700;}
h5[class^='tit']:nth-of-type(1) {margin-top: 0;}
h5[class^='tit'][class*='3'] + h6[class^='tit'][class*='4'] {margin-top: 1rem;}
*:not(h4) + h5[class^='tit'] {margin-top: 2rem !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'] + .list_st1 {margin-top:2rem;}
.btn_wrap + [class^='list_st'],
.btn_wrap + p {margin-top:2rem;}


/* 타이틀(텍스트 타입) */
.tit1 {position: relative; font-size: 3.5rem; color: #1e2678;}
.tit2 {position: relative; font-size: 2.8rem; color: #222; padding-top:1.5rem;}
.tit2:before {content:''; position:absolute; top:0rem; left:0; background:url('../../images/layout/tit2_dot.svg') no-repeat 50% 50%; background-size:contain; width:3rem; height:0.8rem;;}
.tit3 {position: relative; font-size: 2.4rem; font-weight:700; color: #333; padding-left:1.5rem;}
.tit3::after {content: ""; position:absolute; left:0; top:1.25rem; width:0; height:0; border-top:0.6rem solid transparent; border-bottom:0.6rem solid transparent; border-left:0.8rem solid #0d46ba;}

/* 블릿 */
.bu_st1,
.bu_st2,
.bu_st3,
.list_st1 > li,
.list_st2 > li,
.list_st3 > li {position: relative; margin-top: 0.5rem; padding-left: 1.5rem;}
.bu_st1, 
.list_st1 > li { font-size: 2rem; color: #333;}
.bu_st1:before,
.list_st1 > li:before { position: absolute; top: 0.95rem; left: 0; width: 0.8rem; height: 0.8rem; border-radius: 50%; border:2px solid #0d46ba; content:'';}
.bu_st2,
.list_st2 > li { font-size: 2rem; color: #555; }
.bu_st2:before,
.list_st2 > li:before {position: absolute; top: 1.35rem; left: 0; width: 0.8rem; height: 2px; background: #0d46ba; content: '';}
.bu_st3,
.list_st3 > li { font-size: 2rem; color: #555; }
.bu_st4,
.list_st4 > li {position: relative; font-size: 2rem; font-weight:700; color: #333; padding-left:1.5rem; line-height:2;}
.bu_st3:before,
.list_st3 > li:before {position: absolute; top: 1rem; left: 0; width: 0.5rem; height: 0.5rem; border-radius: 50%; background: #ccc; content: '';}
.list_st4 {list-style:none;}
.list_st4 > li span {display:block; font-weight:400;}
.list_st4 > li:before {content: ""; position:absolute; left:0; top:1.25rem; width:0; height:0; border-top:0.6rem solid transparent; border-bottom:0.6rem solid transparent; border-left:0.8rem solid #0d46ba;}
[class*='list_st'] > li p[class*='bu_'] {margin:1rem 0;}
[class*='tab_st'] ~ .section {margin-top:1rem;}


/* P : 블릿 타입 */
.bu_st2 {margin-left: 1rem;}
.bu_st3 {margin-left: 2rem;}
li.bu_none:before {display: none !important;}

/* 리스트 : 텍스트 타입 */
.list_stT1 > li {margin-top: 0.5rem; font-size: 2rem; color: #333;}
.list_stT1 ol li,
.list_stT1 ul li {padding-left: 1rem;}
.list_stT1 li ul[class^="list_st"] {margin-left: 1rem;}

/* 리스트 : 순차적 리스트 타입 */
[class^="list_ol"] li + li,
[class^="list_ol"] li > [class^="list_ol"] { margin-top: 1.2rem; }
.list_ol1 > li {position: relative; padding-left: 3.4rem; line-height: 2.4rem; color: #333; font-size: 2rem; font-weight:400; line-height:1.6;}
.list_ol1 > li > span.num {position: absolute; top: 0.5rem; left: 0; display: flex; justify-content: center; align-items: center; width: 2.4rem; height: 2.4rem; text-align: center; font-size: 2rem; color: #008f88; font-weight: 700; } 
.list_ol2 > li {position: relative; padding-left: 3.6rem; line-height: 2.4rem; color: #444; font-size: 1.8rem;}
.list_ol2 > li > span.num {position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 5rem; height: 2.4rem; text-align: center; font-size: 1.8rem; font-weight: 700; color:#485B5C;} 
.list_ol1 > .list_ol2 {margin-top:1.5rem;}

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

/* 텍스트 요소 : 폰트컬러 타입 */
.pc_gray {color: #333 !important;}
.pc_black {color: #000 !important;}
.pc_blue {color: #0D46BA !important;}
.pc_sky {color: #259bff !important;}
.pc_red {color: #d80000 !important;}
.pc_navy {color: #0b41a0 !important;}
.pc_org {color: #ff620d !important;}
.pc_green {color: #008F88 !important;}
.pc_yellow {color: #eb8809 !important;}
.pc_sodomy {color: #1E2678 !important;}
.pc_grayteal {color: #485B5C !important;}


/* 텍스트 요소 : 텍스트 배경색 */
.bg_red,
.bg_gray,
.bg_blue,
.bg_sky,
.bg_org,
.bg_black,
.bg_green,
.bg_yellow,
.bg_sodomy,
.bg_grayteal,
.bg_brown {display: inline-block; padding: 0.5rem 1rem; color: #fff !important; font-weight: 700; font-size: 1.5rem; border-radius: 5px;}
.bg_gray {background: #333 !important;}
.bg_black {background: #000 !important;}
.bg_blue {background: #0D46BA !important;}
.bg_sky {background: #259bff !important;}
.bg_red {background: #d80000 !important;}
.bg_navy {background: #0b41a0 !important;}
.bg_org {background: #ff620d !important;}
.bg_green {background: #008F88 !important;}
.bg_yellow {background: #eb8809 !important;}
.bg_brown {background: #71685C !important;}
.bg_sodomy {background: #1E2678 !important;}
.bg_grayteal {background: #485B5C !important;}


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

/* 텍스트 요소 : 폰트 크기 */
.fs12 {font-size: 1.2rem !important;}
.fs13 {font-size: 1.3rem !important;}
.fs14 {font-size: 1.4rem !important;}
.fs16 {font-size: 1.6rem !important;}
.fs18 {font-size: 1.8rem !important;}
.fs20 {font-size: 2rem !important;}
.fs22 {font-size: 2.2rem !important;}
.fs24 {font-size: 2.4rem !important;}
.fs26 {font-size: 2.6rem !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,
a.bu_user {position: relative; display: inline-block; word-break: break-all; font-size: 2rem;} 
.txt_p > [class^="bu_"],
[class^="list_st"] > li > [class^="bu_"] {margin: 0 0.5rem;}
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_user:before,
a.bu_telL:before {display: inline-block; padding-right: 0.3rem; font-family: 'remixicon'; font-size: 2rem; color: #485B5C;}
a.bu_link {color: #0d46ba;}
a.bu_link:after {background: #0d46ba; }
a.bu_link:before {content: "\EB87"; color:#0d46ba!important;}
a.bu_mail {color: #485B5C;}
a.bu_mail:after {background: #485B5C;}
a.bu_mail:before {content: "\EEF6";}
a.bu_down {color: #485B5C;}
a.bu_down:after {background: #485B5C;}
a.bu_down:before {content: "\EC54";}
a.bu_tel {color: #485B5C;}
a.bu_tel:after {background: #485B5C;}
a.bu_tel:before {content: "\EFEC";}
a.bu_user {color: #485B5C;}
a.bu_user:after {background: #485B5C;}
a.bu_user:before {content: "\EB8E"; color:#008F88!important;}


/* 텍스트 요소 : 주의&경고&말풍선 타입 */
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_ment {margin-top: 2rem;}
.bu_atte {position: relative; margin-top: 0.5rem; padding-left: 3rem; color: #485B5C; font-size:2rem;}
.bu_atte:before {position: absolute; top: 0; left: 0.35rem; display: block; content: "※";}
.bu_wnrn {position: relative; margin-top: 0.5rem; padding-left: 3rem; font-size:2rem; color:#d80000; background: url('../../images/con_com/bu_wnrn.png') no-repeat left top 0.3rem;} 
.bu_ment {position: relative; margin-top: 0.5rem; padding-left: 3rem; color: #485B5C; font-size:2rem;}
.bu_ment:before {position: absolute; top: 0; left: 0; display: block; font-family: 'xeicon'; color: #2c51aa; content: "\ea1c";}
.bu_info {position: relative; margin-top: 0.5rem; padding-left: 3rem; color: #485B5C; font-size:2rem; background: url('../../images/con_com/bu_info.png') no-repeat left top 0.3rem;}
.bu_info.pc_red::before { color: #E60012; }

.bu_user {position: relative; margin-top: 0.5rem; padding-left: 3rem; color: #485B5C; font-size:2rem;}
.bu_user:before {content: "\EB8E"; color:#008F88; left:0; position:absolute;  font-family: 'remixicon'; font-size:2.5rem; top:50%; transform:translate(0, calc(-50% + 1px));}

/* 테이블 : 테이블 기본 타입 */
div[class*='tbl_st'] {position: relative; margin:1rem 0; width: 100%; background: #fff; border-top:1px solid #0d46ba;}
div[class*='tbl_st'] > table {position: relative; margin-left: -1px; width: 100%; text-align: center; border-top: 1px solid #0d46ba; -webkit-overflow-scrolling: touch; word-break: keep-all; /* word-break: break-all; 강제 줄바꿈 */  border-right:0;}
div[class*='tbl_st'] > table th {padding: 1.3rem 1rem; vertical-align: middle; font-weight: 600; color: #111; background: #ebfdff; border-right:1px solid #485B5C; border-bottom: 1px solid #485B5C;}
div[class*='tbl_st'] > table th.atte::before {content:'*'; display:inline-block;}
div[class*='tbl_st'] > table td {padding: 1.5rem; vertical-align: middle; border-right:1px solid #ccc; color: #333; border-bottom: 1px solid #ccc; }
div[class*='tbl_st'] > table th:last-child,
div[class*='tbl_st'] > table td:last-child {border-right:0;}
div[class*='tbl_st'] > table tr:last-child th,
div[class*='tbl_st'] > table tr:last-child td {border-bottom-color:#111!important;;}
div[class*='tbl_st'] > table td .bu_atte {padding-left:2rem;}
div[class*='tbl_st'] > table td .grade-icon {max-width:3.5rem;}
div[class*='tbl_st'] .list_st2 > li {font-size: 1.8rem;}
div[class*='tbl_st'] > table td ul[class*='list_st'] li {text-align:left; font-size:1.8rem;}
div[class*='tbl_st_row'] > table th { background: #e8fdff; color:#111; border-bottom: none; }
div[class*='tbl_st_row'] > table tr:last-child th { border-bottom: 1px solid #ccc; }

.tbl_st:has(thead) > table tbody th {background: #f8f8f8 !important; border-bottom-color:#ccc!important;}
.tbl_st:has(tfoot) > table tfoot th {border-bottom-color:#ccc!important;}

div[class*='tbl_st'].tbl_responsive tbody td .label {display:none;}

/* 테이블 : PC 스크롤 */
div[class*='tbl_st'].scroll_wide {overflow: auto;}

/* 테이블 : 테이블2 라인 타입 */
div[class*='tbl_st2'] > table { border-top: 1px solid #ccc;}
div[class*='tbl_st2'] > table thead th { background: #fff; border-bottom: 1px solid #555; }
div[class*='tbl_st2'] > table tbody th { background: #fff; font-weight: 500; }

/* 테이블 - form */
table select {position:relative; min-width:10rem; background:url('../../images/con_com/arrow-drop-down-fill.png') no-repeat 90% 50%;}
table select:after {content:''; position:absolute; right:1rem; top:50%; transform:translate(0, -50%); }
table select, table input {max-width:100%; padding: 0 1rem; height: 4.4rem; line-height: 4.4rem; font-size: 1.6rem; color: #666; border: 1px solid #ccc; border-radius: 0.3rem;}
table a[class^='btn_'] {margin: 0; padding: 0.6rem 1rem; font-size: 1.5rem;}
table .list_st3 > li, 
table .list_st4 > li {color: #333;}

/* 테이블 - 기타 */
.tbl_utile {position:absolute; top:-2.75rem; right:0; text-align: right; font-size: 1.5rem;}

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

/* tr 색상 */
.tbl_bg_bl,
.tbl_bg_bl th {color: #111; background-color: #e5eef6 !important;}/* 블루 */
.tbl_bg_ye,
.tbl_bg_ye th {color: #111; background-color: #fff4e6 !important;}/* 옐로우 */
.tbl_bg_re,
.tbl_bg_re th {color: #111; background-color: #ffe1e1 !important;}/* 레드 */
.tbl_bg_gr,
.tbl_bg_gr th {color: #111; background-color: #eefff7 !important;}/* 그린 */
.tbl_bg_org,
.tbl_bg_org th {color: #111; background-color: #ffe0d2 !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;}
.bdl {border-left: 1px solid #dad8d9 !important;}

/* 기본 텍스트 */
.txt_p {margin-top: 0.5rem; font-size: 1.5rem; font-weight: 400; color: #333;}

/* 박스 : 박스 기본 타입 */
[class^="box_st"] {position: relative; margin-top: 1rem; z-index: 0; border-radius: 1rem; padding: 3.5rem;} 
[class^="box_st"] > .box_inner {display:flex; flex-direction:column; gap:1rem;}
[class^="box_st"] .Tit2 { font-size: 2rem; margin-bottom: 1rem;}
.box_st1 { border: 1px solid #D8D8D8; }
.box_st2 { background:#f8f8f8; }
.box_st3 { background: #fff url('../../images/con_com/box_bg.png') no-repeat right 100%; /*background-size:auto 100%;*/ background-size: min(400px, 100%) auto; border:1px solid #0d46ba;}
.box_st4 { background: #E7EDF9 url('../../images/con_com/box_bg.png') no-repeat right 100%; /*background-size:auto 100%;*/ background-size: min(400px, 100%) auto; border:1px solid transparent;}
.box_st5 { background: #f8f8f8 url('../../images/con_com/box_bg.png') no-repeat right 100%; /*background-size:auto 100%;*/ background-size: min(400px, 100%) auto; border:1px solid transparent;}

[class^="box_ico"] {position: relative; margin-top: 1rem; border-radius: 2rem; background:#E5EAF5; padding: 6rem ; min-height: 22rem; overflow:hidden;}
[class^="box_ico"] > .box_inner {display:flex; gap:5rem;}
.box_ico1 {background:#E5EAF5; overflow:hidden; z-index:0; position:relative;}
.box_ico1:after {content: ""; position: absolute; inset: 0 auto 0 0; width: min(300px, 100%); background: url(../../images/con_com/box_bg2.png) left center / cover no-repeat; z-index:-1;}
.box_ico1:before {content:'KMRB'; position:absolute; right:0; bottom:-3.5rem; font-size:15rem; color:#d8eefe; font-weight:900; line-height:normal; opacity:0.5; mix-blend-mode: multiply;}
.box_ico1 .ico {max-width: 12rem; height: 12rem; border-radius: 1rem; background: #fff; display: flex; justify-content: center; align-items: center; flex:1;}
.box_ico1 .txt {display:flex; width:calc(100% - 20rem); flex-direction:column; gap:1rem; justify-content: center;}
.box_ico1 .txt .tit {font-size:3.5rem; font-weight:700; color:#1e2678; line-height:normal;}

.committee_ico1 {background:#fff; border:1px solid #0D46BA; padding: 4.5rem;}
.committee_ico1:before {content:'KMRB'; position:absolute; right:0; bottom:-3.5rem; font-size:15rem; color:#d8eefe; font-weight:900; line-height:normal; opacity:0.5; mix-blend-mode: multiply;}
.committee_ico1 .ico {max-width: 12rem; height: 12rem; border-radius: 1rem; background: #fff; display: flex; justify-content: center; align-items: flex-start; flex:1; overflow:hidden; border:1px solid #ededed;}
.committee_ico1 .txt {display:flex; width:calc(100% - 20rem); flex-direction:column; gap:1rem; justify-content: center;}
.committee_ico1 .txt .tit {font-size:3.5rem; font-weight:700; color:#1e2678; line-height:normal;}

.committee_ico2 {background:#f8f8f8; padding: 4.5rem ;}
.committee_ico2 .ico {max-width: 12rem; height: 12rem; border-radius: 1rem; background: #fff; display: flex; justify-content: center; align-items: flex-start; flex:1; overflow:hidden; border:1px solid #ededed;}
.committee_ico2 .txt {display:flex; width:calc(100% - 20rem); flex-direction:column; gap:1rem; justify-content: center;}
.committee_ico2 .txt .tit {font-size:3.5rem; font-weight:700; color:#1e2678; line-height:normal;}

.Info_box2 { position: relative; border: 1px solid #D6E0FF; background: #F8FBFF; border-radius: 1.2rem; padding: 2rem 2rem 2rem 4.8rem; }
.Info_box2 .box_tit { position: relative; font-size: 1.7rem; color: #004098; margin-bottom: 0.5rem; }
.Info_box2 .box_tit::before { position: absolute; top: 2px; left: -3rem; content: "\ee58"; font-family: 'remixicon'; font-size: 2rem; color: #004098; font-weight: 500; line-height: normal; }
.Info_box2 .box_inner { border-top: 1px dashed #8A949E; margin-top: 1.5rem; padding-top: 1.5rem; }

[class^="box_st"] .btns {margin: 2.4rem 0 0 0; padding-top: 2rem; text-align: right; border-top: 1px solid #ccc;}
[class^="box_st"] .btns [class^="btn"] {padding: 1rem 1.8rem; font-size: 1.6rem;}
.box_st_img {border: 1px solid #D8D8D8; padding: 6rem;}
.box_st_img img {max-width: 100%;}

/* 박스 : 박스 이미지 타입 */
.guide-box {border-radius: 2rem; border: 2px solid #ddd; background-color: #fafafa; padding: 4.9rem 5rem; margin-bottom: 6rem; position: relative; z-index: 0;}
.guide-box.red {border-color: #f9dae0; background-color: #fff5f7;}
.guide-box.blue {border-color: #c5e4f0; background-color: #f1fafe;}
.guide-box.green {border-color: #cce3d4; background-color: #f6fff9;}
.guide-box h3 {font-family: 'GmarketSans'; font-size: 3rem; color: #111; font-weight: 700;}
.guide-box p {font-size: 1.8rem; color: #111; font-weight: 500; line-height: 1.75; margin-top: 1rem;}
.guide-box img {position: absolute; right: 0; bottom: 0; z-index: -1;}

/* 탭 : 공통 */
[class^="tab_st"] {position: relative; width:100%; font-weight: 600;}
[class^="tab_st"] a {position: relative; display: block; line-height: 2rem;}
[class^="tab_st"] a[target='_blank']:after {content: "\EB87"; font-family:'remixicon'; margin-left:0.5rem;}
[class^="tab_st"] a,
[class^="tab_st"] ::before { transition: all 0.3s ease;}
[class^="tab_st"] li.w100 {width: 100% !important;}
[class^="tab_st"] > .select {display: none;}

.tab-panel {display:none;}

/* 탭 : 1차 탭 */
.tab_st1 {height:100%;}
.tab_st1 ul { display: flex; height:100%;}
.tab_st1 ul li {position:relative; flex: 1; background:#f8f8f8;}
.tab_st1 ul li:before {content:''; position:absolute; left:0; top:2rem; width:1px; height:calc(100% - 4rem); background:rgba(0,0,0,0.2);}
.tab_st1 ul li:first-child:before {display:none;}
.tab_st1 ul li a { display: inline-flex; justify-content: space-between; line-height: 1; align-items: center; height: 5.5rem; padding: 0rem 7.5rem 0 2.5rem; font-size: 2rem; color:#485B5C; font-weight: 700; text-align: left; width: 100%; }
.tab_st1 ul li.on a {position:relative; background: #fff; z-index:0; color:#0d46ba;}
.tab_st1 ul li.on a:before {content:''; position:absolute; width:100%; height:calc(100% + .5rem); background:#fff; z-index:-1; left:0; bottom:0; border-left:2px solid #0d46ba; border-top:2px solid #0d46ba; border-right:2px solid #0d46ba; box-shadow:0 -3px 5px rgba(1,103,180,0.2);}
.tab_st1 ul li.on a span { position: relative; color:#0d46ba; display: inline-block; padding-left: 1.1rem;}
.tab_st1 ul li.on a:after { position: absolute; right: 3rem; top: 1rem; color:#0d46ba; content: "\EB80"; font-size:2.5rem; font-family: 'remixicon';}
.tab_st1 ul li a:hover {color: #0d46ba;}
.tab_st1 ul li.on + li:before {display:none;}


/* 탭 : 리스트 */
.tab_st2 { display:flex; position:relative; }
.tab_st2 ul {display: grid; grid-template-columns: repeat(4, 1fr); width:100%; gap:1rem;}
.tab_st2 li a {position: relative; display: flex; align-items: center; justify-content:center; min-height: 6rem; font-size:2rem; font-weight:500; color: #485b5c; background:#fff; border-radius: 8.5rem; transition: all 0.3s ease; font-weight:500; line-height: 1.1; padding:0 4.25rem;}
.tab_st2 li a:after {position: absolute; top: 50%; left: 2rem; transform: translateY(-50%); content: "\EB7B"; font-family: 'remixicon'; font-size: 2rem; color:#485b5c; transition: color 0.3s;}
.tab_st2 li a:hover,
.tab_st2 li a:focus {box-shadow:none;}
.tab_st2 li a:hover:after,
.tab_st2 li a:focus:after {color: #008f88;}
.tab_st2 li.on a,
.tab_st2 li#current a {font-weight: 700; color: #008f88; background:#E7EDF9; border:2px solid #008f88;}
.tab_st2 li.on a:after,
.tab_st2 li#current a:after {font-weight: 400; color: #008f88;}

/* 탭 : 3차 탭 */
.tab_st3 { display:flex; position:relative; background:#f8f8f8; border-radius:1rem; padding:3rem;}
.tab_st3 ul {display: grid; grid-template-columns: repeat(4, 1fr); width:100%; gap:2rem;}
.tab_st3 li a {font-size:2rem; color:#444; font-weight:400; padding:0.8rem 2rem 0.8rem 4rem; border-radius:3.7rem;}
.tab_st3 li a:after {position: absolute; top: 50%; left: 1.5rem; transform: translateY(-50%); content: "\F2E5"; font-family: 'remixicon'; font-size: 2rem; color:#485b5c; transition: color 0.3s;}
.tab_st3 li a:hover,
.tab_st3 li a:focus {color:#008f88;}
.tab_st3 li.on a,
.tab_st3 li#current a {font-weight: 700; color: #fff; background:#008f88;}
.tab_st3 li.on a:after,
.tab_st3 li#current a:after {font-weight: 700; color: #fff;}

/* 탭 : 개수 지정 */
[class^="tab_st"][class*="Tab_w"] ul {flex-wrap: wrap;}
[class^="tab_st"].Tab_w50 ul {grid-template-columns:repeat(2,1fr)!important;}
[class^="tab_st"].Tab_w30 ul {grid-template-columns:repeat(3,1fr)!important;}
[class^="tab_st"].Tab_w20 ul {grid-template-columns:repeat(4,1fr)!important;}

.tab-panel {margin-top:3rem;}
.tab-panel > h3 {margin-bottom:2rem;}

.tab_st:has(#dynamicMenuList:not(:has(li))) { display: none !important; }
.tab_st:has(#dynamicMenuList:not(:has(li))) { margin: 0 !important; padding: 0; height: 0; overflow: hidden; }
.tab_st.is-empty { display: none; }


/* 만족도 */
.survey-wrap {width:100%; min-height:11rem; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:1.5rem 0; display:flex; justify-content:space-between; align-items:center; margin:4rem 0 2rem;}
.survey-wrap > .q {display:flex; align-items:center; gap:0.5rem; font-size:2rem; color:#333; font-weight:500;}
.survey-wrap > .q i {font-size:2.2rem; color:#0d46ba;}
.survey-wrap .radio_group {gap:4rem;}
.survey-wrap .radio_group .radio_item {display: flex; align-items: center; gap: 1rem; min-width:8.5rem; justify-content:center;}
.survey-wrap .radio_group .radio_item label {font-size:1.8rem; color:#666; position:relative; flex-direction: column; align-items: center; justify-content:center; gap:0.5rem;}
.survey-wrap .radio_group .radio_item label > img {width:auto;}
.survey-wrap .radio_group .radio_item .opt {width:auto; height:fit-content; box-shadow:none; border:0; display:flex; filter: grayscale(1) opacity(.4);}
.survey-wrap .radio_group .radio_item input:checked + .opt {box-shadow:none!important;}

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

/* 버튼 : 버튼들 감싸는 레이아웃 */
.btns {margin: 3rem 0;}

.krds-btn { gap: 1rem; font-weight: 600; }
.krds-btn.secondary { border-color: #004098; color: #fff; background: #004098; }
.krds-btn.secondary:hover { border-color: #004098; background: #003175;}
.krds-btn.tertiary { border-color: #565F67; color: #fff; background: #565F67; }
.krds-btn.tertiary:hover { border-color: #565F67; background: #383d43; }
.krds-btn.quaternary { border-color: #1D1D1D; color: #1D1D1D; background: #fff; }
.krds-btn.quaternary:hover { border-color: #1D1D1D; background: #ededed;}
.krds-btn.primary.focus {background-color: #8A000B;}
.krds-btn.small { min-width: auto; }
.krds-btn.icon { min-width: auto; }

/* 버튼 : 여백 */
div + a[class^="btn_"],
table + a[class^="btn_"],
ul + a[class^="btn_"],
p + a[class^="btn_"],
br + a[class^="btn_"] {margin-top: 1rem;}


/* 배지 */
.badge-demo { display: grid; grid-template-columns: repeat(4, 1fr); gap: 4.8rem; align-items: start; }
.badge-col { display: flex; flex-direction: column; gap: 1.2rem; }
.badge-title { margin: 0; font-size: 1.6rem; font-weight: 700; color: #0b1220; }

.badge { display: inline-flex; align-items: center; justify-content: center; min-height: 3.6rem; padding-left: 1.4rem; padding-right: 1.4rem; font-size: 1.4rem; font-weight: 700; line-height: 1.2; border-width: 0.1rem; border-style: solid; border-color: transparent; background-color: transparent; color: #0b1220; white-space: normal; flex-direction: column; max-width:100%;}
.badge.round { border-radius: 2rem; }
.badge.square { border-radius: 0.5rem; }

.badge.fill-primary { background-color: #1f5bd7; border-color: #1f5bd7; color: #fff; }
.badge.fill-indigo { background-color: #1f2c78; border-color: #1f2c78; color: #fff; }
.badge.fill-teal { background-color: #0b8a83; border-color: #0b8a83; color: #fff; }
.badge.fill-status { background-color: #cc413d; border-color: #cc413d; color: #fff; }

.badge.outline-primary { background-color: #e9f1ff; border-color: #1f5bd7; color: #1f5bd7; }
.badge.outline-indigo { background-color: #eceeff; border-color: #1f2c78; color: #1f2c78; }
.badge.outline-teal { background-color: #e6f7f5; border-color: #0b8a83; color: #0b8a83; }
.badge.outline-status { background-color: #f8e7e6; border-color: #cc413d; color: #cc413d; }

.badge.outline-gray { background-color: #eee; border-color: #303030; color: #303030; }
.badge strong { font-weight: 800; }

/* 버튼 추가 */
.btn { display:inline-flex; align-items:center; justify-content:center; gap:0.8rem; height:5.4rem; padding:0 3rem; border:0.1rem solid transparent; border-radius:0.7rem; background:#fff; color:#222; font-size:1.8rem; font-weight:500; line-height:1; cursor:pointer; transition:background 0.2s,border-color 0.2s,color 0.2s,opacity 0.2s; text-decoration:none; }
.btn:disabled { opacity:0.5; cursor:default; pointer-events:none; }
.btn.primary { border-color:#0D46BA; color:#0D46BA; background:#fff; }
.btn.primary:hover, .btn.primary:active { background:#0D46BA; color:#fff; }
.btn.secondary { border-color:#cfd4dc; color:#4b5563; background:#fff; }
.btn.secondary:hover, .btn.secondary:active { background:#4b5563; border-color:#4b5563; color:#fff; }
.btn.tertiary { border-color:#0b8a83; color:#0b8a83; background:#fff; }
.btn.tertiary:hover, .btn.tertiary:active { background:#0b8a83; color:#fff; }
.btn.fourth { border-color:#1f2c78; color:#1f2c78; background:#fff; }
.btn.fourth:hover, .btn.fourth:active { background:#1f2c78; color:#fff; }
.btn.small { height:4.1rem; padding:0 1.5rem; font-size:1.2rem; border-radius:0.7rem; gap:0.6rem; }
.btn.large { height:6.7rem; padding:0 3rem; font-size:2.2rem; border-radius:0.7rem; gap:1rem; }
.btn i, .btn svg { width:1.6rem; height:1.6rem; display:inline-block; flex:0 0 auto; }
.btn.large i, .btn.large svg { width:2rem; height:2rem; }
.btn.small i, .btn.small svg { width:1.4rem; height:1.4rem; }
.btn.icon-left { flex-direction:row; }
.btn.icon-right { flex-direction:row; }
.btn.icon-right > i, .btn.icon-right > svg { order:2; }
.btn.icon-right > span { order:1; }
.btn.icon-only { width:4rem; height:4rem; padding:0; border-radius:50%; justify-content:center;}
.btn.icon-only.small { width:3.2rem; height:3.2rem; }
.btn.icon-only.large { width:4.8rem; height:4.8rem; }
.btn.icon-only > i {display:flex; align-items:center; font-size:2rem; justify-content: center;}
.btn.icon-only.primary {border:0; background:#f1f1f1;}
.btn.icon-only.primary i {color:#0d46ba;}
.btn.icon-only.primary:hover {background:#0d46ba;}
.btn.icon-only.primary:hover i { color:#fff;}
.btn:focus-visible { outline:0.2rem solid #5aa9ff; outline-offset:0.2rem; }
.btn:disabled {opacity:0.5;	cursor:default;	pointer-events:none; border:1px solid #999!important; ;}
.btn:disabled > i {color:#888!important}

a.btn_bl, a.btn_gr { display:inline-flex; align-items:center; justify-content:center; gap:0.8rem; height:4rem; padding:0 1.6rem; border:0.1rem solid transparent; border-radius:0.4rem; background:#fff; color:#222; font-size:1.4rem; font-weight:700; line-height:1; cursor:pointer; transition:background 0.2s,border-color 0.2s,color 0.2s,opacity 0.2s; text-decoration:none; }
a.btn_bl { border-color:#0052cc; color:#0052cc; background:#fff; }
a.btn_bl:hover, a.btn_bl:active { background:#0052cc; color:#fff; }
a.btn_gr { border-color:#cfd4dc; color:#4b5563; background:#fff; }
a.btn_gr:hover, a.btn_gr:active { background:#4b5563; border-color:#4b5563; color:#fff; }
a.btn_bl i, a.btn_gr i, .btn i, .btn svg { width:2rem; height:2rem; font-size:2rem; flex:0 0 auto; display:flex; align-items:center;}
a.btn_bl i, a.btn_gr i { margin-left:0.6rem; display:flex; align-items:center; font-size:2rem; justify-content: center;}
a.btn_bl.ico, a.btn_gr.ico { width:4rem; height:4rem; padding:0; border-radius:50%; justify-content:center; }
a.btn_bl.ico i, a.btn_gr.ico i { margin:0; }
a.btn_bl.small, a.btn_gr.small { height:3.2rem; padding:0 1.2rem; font-size:1.2rem; border-radius:0.3rem; gap:0.6rem; }
a.btn_bl.large, a.btn_gr.large { height:4.8rem; padding:0 2rem; font-size:1.6rem; border-radius:0.5rem; gap:1rem; }
a.btn_bl:focus-visible, a.btn_gr:focus-visible { outline:0.2rem solid #5aa9ff; outline-offset:0.2rem; }

/* 파일 첨부 */
.filebox { position:relative; display:flex; align-items:center; border:0.1rem solid #ccc; overflow:hidden; background:#fff; }
.file-input { position:absolute; width:0.1rem; height:0.1rem; padding:0; margin:-0.1rem; clip:rect(0,0,0,0); border:0; }
.file-label { flex:1 1 auto; display:flex; align-items:center; gap:0; height:6.5rem; padding:0 2rem; cursor:pointer; }
.file-name { padding-left:4.5rem; position:relative; display:inline-block; color:#111; font-size:1.7rem;}
.file-name:before {content:''; position:absolute; left:-0.5rem; top:-0.75rem; width:4rem; height:4rem; background:url('../../images/con_com/file-icon.png') no-repeat 50% 50%; background-size:contain;}
.file-action { flex:0 0 5.6rem; padding:0 2.5rem; height:6.5rem; border:0; border-radius:0; border-left:1px solid #ccc; background:#fff; color:#666; display:flex; align-items:center; justify-content:center; cursor:pointer; }
.file-action i { font-size:2rem; line-height:1; }
.filebox:hover { border-color:#2056bf; box-shadow:0 0 0 0.1rem rgba(32,86,191,0.06) inset; }
.filebox:hover .file-name { color:#2056bf; font-weight:700;}
.filebox:hover .file-action { background:#0b8a83; border-left-color:#0b8a83; color:#fff; }

/* 이미지 사이즈 : 확대보기 */
.rsp_img {position: relative; width: auto; max-width: 100%; line-height: 0;}
.rsp_img img {max-width: 100%;}
.rsp_img .btn-zoom {position: absolute; bottom:1rem; right: 1rem; display: block; width: 50px; height: 50px; text-indent: -9999em; background: url("../../images/con_com/ico_rsp_img.png") no-repeat; background-size:contain; overflow: hidden; z-index: 100;}

/* 콘텐츠 준비중 */
.Coming_soon {width:100%; height:65rem; text-align: center; background: url('../../images/con_com/coming_bg.png') no-repeat 50% 50%; background-size:cover; overflow: hidden; display:flex; }
.Coming_soon .box_inner { width:100%; position:relative; display:flex; align-items:center; justify-content:space-evenly; padding:0 10rem;}
.Coming_soon .coming-img {flex:1; position: relative; height: 48rem; overflow: hidden;}
.Coming_soon .coming-img img { height: 100%; object-fit: contain;}
.Coming_soon .coming-box {flex:1; display:flex; flex-direction:column;}
.Coming_soon .coming-box > img {max-width:100%;}
.Coming_soon .coming-box em {color:#A1BEB5; font-size:1.6rem; font-weight:400; letter-spacing:1rem;}
.Coming_soon h3 {margin: 2.5rem 0; font-size: 6rem; color: #111; font-weight: 700; line-height: normal;}
.Coming_soon h3 strong {font-weight: 700; color: #00A29A;}
.Coming_soon p {position: relative; font-size: 1.8rem; color:#333}

/* 절차디자인 */
.process_wrap > ul { display:flex; gap:2rem 4rem; flex-wrap:wrap; margin:2rem 0; }
.process_wrap li {position: relative; width:calc(20% - calc(4rem * 4 / 5)); padding:10rem 3rem 2.5rem; font-size:1.6rem; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.process_wrap li::after {content:''; position: absolute; left: 0; bottom: 0; width:100%; height: calc(100% - 2rem); background: #f8f8fa; border-radius: 1.5rem; z-index: -1; box-shadow:0 0 10px 0 rgba(0,0,0,0.15);}
.process_wrap li ~ li::before {content:''; width:2rem; height:2rem; background:url('../../images/con_com/process-arrow.png') no-repeat 50% 50%; background-size:contain; color: #444; position: absolute; left:-2.8rem; top:50%;}
.process_wrap li .process_tit {width:100%; display:block; font-size:2.4rem; font-weight:700; color:#333; line-height:1.2; text-align:center;}
.process_wrap li .process_num {position: absolute; left:50%; transform: translateX(-50%); top:0; width: calc(100% - 4rem); line-height: 5.5rem;height:5.5rem; display:flex; align-items:center; justify-content:center; background: #0d46ba; border-radius: 5rem; color: #fff; font-size: 2.4rem; font-weight: 700;}
.process_wrap li .process_num:after {content:''; position:absolute; left:50%; bottom:-0.8rem; transform:translate(-50%, 0); width:0; height:0; border-left:0.6rem solid transparent; border-right:0.6rem solid transparent; border-top:0.8rem solid #0d46ba;}
.process_wrap li .process_num em {margin-right: 0.5rem;}
.process_wrap li .process_txt {color: #3d3d3d; font-size:2rem; word-break:break-all; border-top:1px solid rgba(0,0,0,0.1); padding-top:2rem; margin-top:2rem; width:100%;}
.process_wrap li .icon {display:flex; align-items:center; justify-content:center; margin:0 auto 2rem; max-width:8rem;}
.process_wrap li.result:after {background:#EBFDFF; box-shadow:0 0 10px 0 rgba(13,70,186,0.5);}
.process_wrap .process_txt ul { display:block; margin:1.2rem 0 0; padding:0; list-style:none; }
.process_wrap .process_txt ul > li { margin-top:0.5rem; }

/* 절차디자인 세로 */
.process_horizon_wrap {width:100%; height:100%;}
.process_horizon_wrap ul li {padding:4.4rem 5rem; background: #f8f8fa; border-radius: 1.5rem; box-shadow:0 0 10px 0 rgba(0,0,0,0.15);}
.process_horizon_wrap ul > li + li {margin-top:2rem;}
.process_horizon_wrap .process_section {display:flex; align-items: stretch; gap:2rem;}
.process_horizon_wrap .process_title {position:relative; display:flex; max-width:30rem; padding-right:2rem; gap:3rem; width:100%; align-items:center;}
.process_horizon_wrap .process_title:after {content:''; position:absolute; width:1px; height:100%; background:rgba(0,0,0,0.1); right:0; top: 0;}
.process_horizon_wrap .process_title .tit {display:flex; flex-direction:column;}
.process_horizon_wrap .process_title .process_num {position: static; width: fit-content; height:3rem; display:flex; align-items:center; padding:0 1.6rem; justify-content:center; background: #0d46ba; border-radius: 5rem; color: #fff; font-size: 1.6rem; font-weight: 700;}
.process_horizon_wrap .process_title .process_tit {width:100%; display:block; font-size:2.4rem; font-weight:700; color:#333; line-height:1.2; text-align:left; margin-top:1.5rem;}
.process_horizon_wrap .process_content {position:relative; flex:1 1 auto; width:calc(100% - 30rem);}
.process_horizon_wrap .process_content ul.list_st1 {list-style: none;}
.process_horizon_wrap .process_content ul.list_st1 li {position: relative; padding: 0 0 0 1.6rem!important; font-size: 2rem; color: #333; text-align:left; box-shadow:none;}
.process_horizon_wrap .process_content ul.list_st1 li + li {margin-top:1rem;}

.process_wrap.horizon li.result:after {background:#EBFDFF; box-shadow:0 0 10px 0 rgba(13,70,186,0.5);}
.process_wrap.horizon > ul { display:flex; flex-direction:column; flex-wrap:nowrap; gap:5rem; }
.process_wrap.horizon li { width:100%; margin:0; padding: 3rem; }
.process_wrap.horizon li ~ li::before { content:''; position:absolute; top:-3.5rem; left:50%; transform:translateX(-50%) rotate(90deg); width:2rem; height:2rem; background:url('../../images/con_com/process-arrow.png') no-repeat 50% 50%; background-size:contain; z-index:1; }
.process_wrap.horizon li::after { height:100%; top:0;}
.process_wrap.horizon li .process_tit { text-align:left; font-size:2.4rem; margin-top:1.5rem;}
.process_wrap.horizon li .process_num { position:static; width:fit-content; left:3rem; height:3rem; font-size:1.6rem; transform:none; padding:0 1.6rem; }
.process_wrap.horizon li .process_num::after {display:none; }
.process_wrap.horizon li .icon { justify-content:flex-start; }
.process_wrap.horizon li { display:flex; align-items: stretch; gap:2rem; }
.process_wrap.horizon .horizon_left {position:relative; display:flex; width:30rem; gap:1.2rem; flex-direction:column; }
.process_wrap.horizon .process_tit { margin:0; border-bottom:0; }
.process_wrap.horizon .process_txt {position:relative; flex:1 1 auto; width:calc(100% - 30rem);}
.process_wrap.horizon .process_txt:after {content:''; position:absolute; width:1px; height:100%; background:rgba(0,0,0,0.1); left:-2rem; top: 0;}

/* 절차디자인 : 5개가 넘는 경우 */
.process_wrap.many li {flex:none; width:calc(20% - 2.3rem);}
.process_wrap li:nth-child(5n+1)::before {display: none;}

/* 절차디자인 갯수 */
.Process_w50 li {width:calc(50% - 2rem);}
.Process_w50 li:nth-child(2n+1)::before {display: none;}
.Process_w30 li {width:calc(33.3% - calc(4rem * 2 / 3));}
.Process_w30 li:nth-child(3n+1)::before {display: none;}
.Process_w25 li {width:calc(25% - calc(4rem * 3 / 4));}
.Process_w25 li:nth-child(4n+1)::before {display: none;}

/* 라인 */
.line_dot {margin-bottom: 2rem; padding-top: 2rem; 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;}

/* KRDS 셀렉트 수정 */
.krds-form-select.completed { border: 2px solid #295BFF; }
.krds-form-select {background-image: url(../../images/designSystem/sub/icon_select_arrow.svg);}
.krds-form-select.readonly {background-color: #C5CACE !important; border-color: #A6AEB5; color: #555555;}
.krds-form-select.focus, .krds-form-select:focus {border-color: #295BFF; border-width: 2px; outline: none; box-shadow: none; color: #1D1D1D;}
.krds-form-select.is-error {border-color: #E5102E;}

/* KRDS 달력 수정 */
.krds-calendar-area .calendar-wrap { background: #f8f8f8; box-shadow: 0 0 10px rgba(0, 0, 0, 0.12); }
.krds-calendar-area .calendar-wrap .calendar-body .calendar-table-wrap .calendar-tbl td.period.start > .btn-set-date, 
.krds-calendar-area .calendar-wrap .calendar-body .calendar-table-wrap .calendar-tbl td.period.end > .btn-set-date { background: #E60012;}
.krds-calendar-area .calendar-wrap:not(.single) .calendar-body .calendar-table-wrap .calendar-tbl td.period::after { background: #FFE5E7;}
.krds-calendar-area .calendar-wrap:not(.single) .calendar-body .calendar-table-wrap .calendar-tbl td.start::after { background: #E60012;}
.krds-calendar-area .calendar-wrap:not(.single) .calendar-body .calendar-table-wrap .calendar-tbl td.end::after { background: #E60012;}
.krds-calendar-area .calendar-wrap .calendar-body .calendar-table-wrap .calendar-tbl td.today > button::after { background: #fff; }
.krds-input[disabled].datepicker {background: #E0E3E5; color: #6D7882; border-color: #A6AEB5;}
.calendar-input:has(.krds-input[disabled].datepicker) .krds-btn.icon .svg-icon {background: #6D7882;}
.krds-input[readonly].datepicker {background: #C5CACE; color: #555555; border-color: #A6AEB5;}
.calendar-input:has(.krds-input[readonly].datepicker) .krds-btn.icon .svg-icon {background: #555555;}
.calendar-input .krds-input.completed {border-color: #295BFF; border-width: 2px; outline: none; box-shadow: none;}

/* KRDS 텍스트인풋 수정 */
.krds-input:focus, .krds-input.focus {border-color: #295BFF; border-width: 2px; outline: none; box-shadow: none;}
.krds-input.is-error {border-color: #E5102E; border-width: 2px; outline: none; box-shadow: none;}

/* KRDS 텍스트영역 수정 */
.textarea-count .count-now {color: #295BFF;}
.textarea-wrap:has(.krds-input.is-error) .count-now {color: #E5102E;}

/* KRDS 배지 수정 */
.krds-badge.bg-tertiary {background-color: #71685C; color: #FFF;}
.krds-badge.bg-light-tertiary {background-color: #F1F0EE; color: #71685C;}
.krds-badge.outline-tertiary {border: 1px solid #71685C; color: #71685C;}
.krds-badge.bg-disabled {background-color: #C5CACE; color: #6D7882;}
.krds-badge.bg-light-disabled {background-color: #C5CACE; color: #6D7882;}
.krds-badge.outline-disabled {border-color: #6D7882; color: #6D7882;}

/* KRDS 라디오버튼, 체크박스 수정 */
.krds-form-chip input[type=checkbox] ~ label:before { display: none; }
.krds-form-chip input[type=checkbox]:checked ~ label::before { display: inline-flex; }

.krds-form-chip input[type=radio]:checked ~ label,
.krds-form-chip input[type=checkbox]:checked ~ label { border-color: var(--krds-color-light-primary-50); background: var(--krds-color-light-primary-50); color: #fff; }
.krds-form-chip input[type=radio]:checked ~ label::before,
.krds-form-chip input[type=checkbox]:checked ~ label::before { background: #fff; mask-image: url('../../images/KRDS/component/icon/ico_radio_checked.svg'); display: inline-flex; }
.krds-form-chip.small input[type=radio] ~ label::before,
.krds-form-chip.small input[type=checkbox] ~ label::before {display: contents;}
.krds-form-chip.small input[type=radio]:checked ~ label::before,
.krds-form-chip.small input[type=checkbox]:checked ~ label::before {display: block;}

/* 단계 표시기 */
.krds-step-wrap > li .step-tit { font-size: 2rem; }
.krds-step-wrap > li.done > span::before { border-color: var(--krds-color-light-primary-50); background-color: var(--krds-color-light-primary-50); }
.krds-step-wrap > li.done::after { background-color: var(--krds-color-light-primary-50); }
.krds-step-wrap > li.active > span::before { border-width: 2px; }
.krds-step-wrap > li.active > span::after { mask-repeat: no-repeat; mask-position: center center; mask-size: contain; mask-image: url('../../images/KRDS/component/icon/ico_step_wrap_active.svg'); background-color: none; }
.page-title-wrap .krds-step-wrap { justify-content: center; }
.page-title-wrap .krds-step-wrap > li { flex: auto; }
.krds-spinner.large::before { width: var(--krds-number-16); height: var(--krds-number-16); border-width: 0.4rem; }

.scroll-guide {display:none;}

@media screen and (max-width:1440px){
	.survey-wrap > .q {font-size:1.7rem;}
	.survey-wrap .radio_group {gap:2rem;}
}


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

	/* 탭 : 리스트 */
	.tab_list {padding: 1rem 0;}
	.tab_list li a {font-size: 1.6rem;}

	/* 탭 : 개수 지정 */
	.Tab_w20 > li {width: 25%;}
	/* 리스트 : 가로 나열 */
	.li_w20 > li {width: 25%;}

	/* 테이블 : 유틸 */
	.tbl_utile {margin-top: 0;}
	
	
	/* coming soon */
	.Coming_soon {height:auto;}
	.Coming_soon .box_inner {padding:10rem; flex-direction:column; justify-content:center;}
	.Coming_soon .coming-box {flex:0.5; align-items:center; justify-content:center; margin-top:3rem;}
	
	/* 절차디자인 갯수 */
	.process_wrap li,
	.Process_w25 li {width:calc(33.33333% - 2.8rem) !important;}
	.Process_w25 li:nth-child(3n+1)::before {display: none;}
	.Process_w25 li:nth-child(4n+1)::before {display: block !important;}	
	.process_wrap.horizon li, .Process_w25 li {width:100%!important;}
	
	
	.survey-wrap {flex-direction:column; gap:2rem;}
	
}

@media screen and (max-width: 1024px){
	[class*='tab_st'] {border:1px solid #0d46ba; height:5rem; border-radius:2rem; margin-bottom:1.5rem;}
	[class^="tab_st"] > .select {display:block; color:#0d46ba; height:100%; border-radius:2rem; display:flex; align-items:center; padding:0 2rem;}
	[class^="tab_st"] ul {display:none; position: relative; z-index: 15; top:1rem; /*background:#E7EDF9;*/ border:0; border-radius:2rem;}
	[class^="tab_st"] ul li {margin:2px 0; border-radius:2rem; border:1px solid #0d46ba; background:#fff; overflow:hidden;}
	[class^="tab_st"] ul li a {font-size:1.5rem;}
	[class^="tab_st"] li.on a,
	[class^="tab_st"] li#current a {border:0; color:#0d46ba;}
	[class^="tab_st"] li.on a:after, 
	[class^="tab_st"] li#current a:after {color:#0d46ba;}
	
	.tab_st1 ul li a {height:5rem; border-radius:0;}	
	.tab_st1 ul li.on a:before {height:100%; top:0; border:0;}
	.tab_st1 ul li.on a:after {top:0.35rem; right:1.5rem;}
	
	.tab_st2 ul li a {height:4rem; border-radius:0;}	
	
	.tab_st3 {border-color:#008f88; padding:0rem;}
	.tab_st3 a.select {color:#008f88;}
	.tab_st3 ul {border-color:#008f88; background:#fff; border-radius:1rem; outline:1px solid #008f88;}
	.tab_st3 ul li.on a {color:#fff; border-radius: 1rem;}
	.tab_st3 ul li.on a:after {color:#fff;}
	
	/* 테이블 : 테이블 기본 타입 */
	div[class*='tbl_st'] > table {word-break: break-all;}

	/* 테이블 스크롤 */
	div[class*='tbl_st'].scroll_gr {width: 100%; background-repeat: no-repeat; background-position: right 5px; background-size: 30px 100%; overflow-x: auto; z-index: 1;
		background-image: gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0)));
		background-image: linear-gradient(to left,rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
	}
	div[class*='tbl_st'].scroll_gr table {width: 1024px;}
	.scroll-guide {position:absolute; z-index:10; top:0; left:0; width:100%; height:100%; background:rgba(30,38,120,0.9); display:flex; align-items:center; justify-content:center; flex-direction:column; gap:1rem;}
	.scroll-guide .guide-text {color:#fff; text-align:center; font-size:1.5rem;}
	.scroll-guide .guide-close {color:#58f1ff; font-size:1.3rem;}
		
	/* 반응형 테이블 추가 */
	div[class*='tbl_st'].tbl_responsive {overflow: visible; background:transparent;}
	div[class*='tbl_st'].tbl_responsive colgroup {display: none;}
	div[class*='tbl_st'].tbl_responsive table {width: 100%; border-collapse: collapse;}
	div[class*='tbl_st'].tbl_responsive thead {position: absolute; left: -9999px; top: -9999px;}
	div[class*='tbl_st'].tbl_responsive table,
	div[class*='tbl_st'].tbl_responsive tbody,
	div[class*='tbl_st'].tbl_responsive tr,
	div[class*='tbl_st'].tbl_responsive th,
	div[class*='tbl_st'].tbl_responsive td {display: block; width: 100%;}
	div[class*='tbl_st'].tbl_responsive > table th {border-right:0;}
	div[class*='tbl_st'].tbl_responsive tbody tr {border-top: 1px solid #e5e8ef; border-bottom:2px solid #0d46ba;}
	div[class*='tbl_st'].tbl_responsive tbody tr + tr {border-top:0;}	
	div[class*='tbl_st'].tbl_responsive tbody th[scope="row"] {background: #f4f9ff; font-weight: 700; padding: 1.5rem; border-bottom: 1px solid #e5e8ef;}	
	div[class*='tbl_st'].tbl_responsive tbody td {display: grid; grid-template-columns: 1fr; gap: 0.4rem; align-items: start; padding: 1.5rem;}	
	div[class*='tbl_st'].tbl_responsive > table td {border-right:0;}
	div[class*='tbl_st'].tbl_responsive > table tr:last-child th,
	div[class*='tbl_st'].tbl_responsive > table tr:last-child td {border-bottom-color:#ddd!important;}
	div[class*='tbl_st'].tbl_responsive tbody td .label {display: block; font-weight: 600; color: #0d46ba; margin-bottom: 4px;}
	.org-detail div[class*='tbl_st'].tbl_responsive > table td.al {text-align:center!important;}
	.committee-title.header + .box div[class*='tbl_st'].tbl_responsive > table td.al {text-align:center!important;}
	.kmrb_0101_03 div[class*='tbl_st'].tbl_responsive > table td {justify-items: center!important;}
	
	/* 탭 : 리스트 */
	.tab_list li {width: 33.33%;}

	/* 탭 : 개수 지정 */
	.Tab_w20 > li {width: 33%;}

	/* 리스트 : 가로 나열 */
	.li_w25 > li,
	.li_w20 > li {width: 33%;}

    /* 박스 : 박스 이미지 타입 */
    .guide-box {padding: 4.9rem !important;}
    .guide-box img {display: none;}
    .guide-box p br {display: none;}
	
	[class^="box_ico"] {min-height:auto;}
	[class^="box_ico"] .ico {display:none;}
	.box_ico1 .txt {width:100%;}	
	.box_ico1 {padding:3rem;}
	
	.committee_ico1 .txt,
	.committee_ico2 .txt {width:100%;}	
	.committee_ico1,
	.committee_ico2 {padding:3rem;}
	
	.committee_ico1 .ico,
	.committee_ico2 .ico {display:block; flex:none;}

	/* 박스 : 정렬 */
	.box_wrap > [class^="box_st"] {width: calc(33.33% - 1.2rem);}
	
	/* 절차디자인 갯수 */
	.process_wrap li,
	.Process_w50 li,
	.Process_w25 li {width:calc(50% - 2rem) !important;}
	.Process_w25 li:nth-child(2n+1)::before {display: none;}
	.Process_w25 li:nth-child(3n+1)::before {display: block !important;}
	
	.process_horizon_wrap .process_section {flex-direction:column;}
	.process_horizon_wrap .process_title:after {display:none;}
	.process_horizon_wrap .process_title,
	.process_horizon_wrap .process_content {width:100%; padding-right:0;}

	
}


@media screen and (max-width: 860px){
	/* 탭 : 리스트 */
	.tab_list li {width: 50%;}

	/* 탭 : 개수 지정 */
	.Tab_w30 > li,
	.Tab_w20 > li {width: 50%;}

	/* 리스트 : 가로 나열 */
	.li_w50 > li
	.li_w30 > li,
	.li_w25 > li,
	.li_w20 > li {width: 50%;}

	/* 탭 : 1차 탭 */
	.tab_st1 > li {width: 100%;}
	.tab_st1 > li a {padding: 1.5rem 2rem 1.5rem 1rem;}

	/* 테이블 스크롤 */
	div[class*='tbl_st'].scroll_gr table {width: 860px;}
	div[class*='tbl_st'].tbl_responsive table {width:100%;}

	/* 박스 : 정렬 */
	.box_wrap.box_w30 > [class^="box_st"],
	.box_wrap > [class^="box_st"] {width: calc(50% - 1.2rem);}
}

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

    /* 박스 : 박스 이미지 타입 */
    .guide-box {border-radius: 1.5rem; padding: 3rem !important; margin-bottom: 4rem;}
    .guide-box h3 {font-size: 2.4rem;}
    .guide-box p {font-size: 1.6rem;}
    
	/* 박스 : 정보형 타입 */
    .Info_box1 {padding: 2rem; display: flex; flex-direction: column; gap: 1rem; margin-top: 0;}
    .Info_box1 .ico {position: relative; top: 0; left: 0; align-self: center; width: 10rem; height: 10rem; padding: 2rem;}
    .Info_box1 .ico img {object-fit: contain;}
    .Info_box1 .Tit2 {margin-bottom: 0; font-size: 2.6rem;}
	
	/* 버튼 : 버튼들 감싸는 레이아웃 */
	.btns {margin: 3rem 0;}
	
	/* 아이콘박스 */	
	
	.box_ico1 .txt .tit,
	.committee_ico1 .txt .tit,
	.committee_ico2 .txt .tit {font-size:2.75rem;}
	.box_ico1:before,
	.committee_ico1:before {font-size:10rem;}
	
	/* 준비중 */
	.Coming_soon .box_inner {padding:5rem;}
	.Coming_soon .coming-box h3 {font-size:4rem;}
	
	/* 절차디자인 갯수 */
	.process_wrap ul {gap:2rem 4rem;}
	.process_wrap li,
	.Process_w50 li,
	.Process_w25 li {width:calc(50% - 2rem) !important;}
	.Process_w25 li:nth-child(2n+1)::before {display: none;}
	.Process_w25 li:nth-child(3n+1)::before {display: block !important;}
	.process_wrap li ~ li::before {left:-2.8rem;}
	
	.process_wrap.horizon li {flex-direction:column;}
	.process_wrap.horizon .horizon_left,
	.process_wrap.horizon .process_txt {width:100%;}
	.process_wrap.horizon .process_txt:after {display:none;}
	
	[class^="tab_st"] {z-index:5;}
	
} 

@media screen and (max-width: 690px){
	.survey-wrap .radio_group {flex-wrap:wrap;}
	.survey-wrap .radio_group .radio_item {flex:1;}
	.survey-wrap .radio_group > .btn.fourth {width:100%; }
}

@media screen and (max-width: 640px){
	/* 탭 */
	.tab_list {margin: 0;}
	.tab_list li {width: 100%;}
	.tab_list li a {padding: 0.6rem 0.6rem 0.6rem 4rem;}
}

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

	/* 절차디자인 */
	.process_wrap li {width:100% !important;}
	.process_wrap li:nth-child(3n+1)::before {display: block;}
	.process_wrap li:nth-child(2n+1)::before {display: none;}
	
	/* box */
	[class*="box_st"] {background-image:unset;}
	
	.survey-wrap .radio_group .radio_item {min-width:fit-content;}
	.survey-wrap .radio_group .radio_item .opt {font-size:1.6rem;}
}

@media screen and (max-width: 480px){
	/* 타이틀(텍스트 타입) */
	.tit1 {font-size: 2rem;}
	.tit2 {font-size: 1.8rem;}
	.tit3 {font-size: 1.7rem;}
	.tit3::after {top:0.75rem;}
	h5[class^='tit'] {line-height: 1.7;}
	[class^="tit"]:not([class^="title_"]) {margin-bottom: 0.7rem;}
	
	/* 리스트 : 블릿 타입 */
	.bu_st1, .bu_st2, .list_st1 > li, .list_st2 > li, .list_ol1 > li {font-size: 1.6rem;}
	.bu_st3, .list_st3 > li,
	.bu_st4, .list_st4 > li {font-size:1.6rem;}
	.list_st4 > li:before {border-top-width:0.4rem; border-bottom-width:0.4rem; border-left-width:0.6rem; top:0.95rem;}
	
	/* 텍스트 요소 */
	p[class^="bu_"],
	p[class^="pc_"],
	span[class^="bg_"],
	a[class^="bu_"] {font-size: 1.6rem;}

	/* 테이블 */
	div[class*='tbl_st'] > table th,
	div[class*='tbl_st'] > table td {font-size: 1.6rem;}

	/* 탭  */
	.reactTab[class^="tab_st"] li a {font-size: 1.6rem;}
	.Tab_w50 li,
	.Tab_w30 li,
	.Tab_w20 li {width: 100%;}

	/* 리스트 : 가로 나열 */
	.li_w50 > li,
	.li_w30 > li,
	.li_w25 > li,
	.li_w20 > li {width: 100%;}
	
	/* 버튼 */
	.btn {font-size:1.6rem;}

	/* 박스 */
	.box_wrap > [class^="box_st"] {margin: 0.6rem 0; width: 100% !important;}
	div[class*='box_'] {font-size: 1.6rem; padding:1.5rem;}
	.box_inner {padding:1.5rem 0!important;}
	.box_tit {font-size: 1.8rem;;}
	.box_ico1 .txt > p,
	.committee_ico1 .txt > p {font-size:1.6rem;} 

    /* 박스 : 박스 이미지 타입 */
    .guide-box {padding: 2rem !important; margin-bottom: 3rem;}
    .guide-box h3 {font-size: 2rem;}

	/* 박스 : 정보형 타입 */
    .Info_box1 .ico {width: 8rem; height: 8rem; padding: 1.5rem; border-radius: 1.5rem;}
    .Info_box1 .Tit2 {font-size: 2.4rem;}

	/* 콘텐츠 준비중 */
	.Coming_soon .box_inner {padding: 3rem 2rem;}
	.Coming_soon .inner {padding-top: 60%; background-size: contain;}
	.Coming_soon .coming-box em {letter-spacing:0.25rem; font-size:1.3rem;}
	.Coming_soon h3 {font-size:2.7rem; word-break:break-all;}
	.Coming_soon p {font-size: 1.6rem; word-break:break-all;}

	/* 절차디자인 */
	.process_wrap li ~ li::before {left:50%; top:-2.2rem; transform: rotate(90deg);}
	.process_wrap li:nth-child(2n+1)::before {display: block;}
	.process_wrap li .process_tit {font-size:2.2rem; margin-bottom:1rem; padding-bottom:1rem;}
	.process_wrap li .process_num {font-size: 1.7rem; line-height: 3.5rem;}
	.process_wrap li .process_txt {font-size: 1.5rem;}
	.process_horizon_wrap {padding:1.5rem;}
	.process_horizon_wrap .process_title {flex-direction:column; gap:1.5rem;}
	.process_horizon_wrap .process_title .process_tit {margin-top:1rem;}
	.process_horizon_wrap .process_title .process_num {margin:0 auto;}
	.process_horizon_wrap .process_title .tit {text-align:center;}

	/* 절차디자인 갯수 */
	.Process_w25 li:nth-child(2n+1)::before {display: block;}
	
	
	.box_ico1,
	.committee_ico1,
	.committee_ico2 {padding:1.5rem;} 
	.box_ico1 .txt .tit,
	.committee_ico1 .txt .tit,
	.committee_ico2 .txt .tit {font-size:2rem;}
	
	
	.survey-wrap .radio_group .radio_item {flex: 1 1 calc(50% - 25%);}
}

@media screen and (max-width: 480px){
	
	.process_horizon_wrap ul li {padding:2rem 1.5rem;}
	.process_horizon_wrap .process_content ul.list_st1 li {font-size:1.5rem;}
	.process_wrap li .process_tit {font-size:2rem;}
	.process_horizon_wrap .process_title {margin:0 auto;}
}