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

img {max-width: 100%;}
label { display: inline-block; vertical-align:middle;}
label input { margin-right:0.25rem; vertical-align:middle; }
input.w100, select.w100 {width: 100% !important;}
input.w90, select.w90 {width: 90% !important;}
input.w80, select.w80 {width: 80% !important;}
input.w70, select.w70 {width: 70% !important;}
input.w60, select.w60 {width: 60% !important;}
input.w50, select.w50 {width: 50% !important;}
input.w40, select.w40 {width: 40% !important;}
input.w30, select.w30 {width: 30% !important;}
input.w20, select.w20 {width: 20% !important;}
input.w15, select.w15 {width: 15% !important;}
input.w10, select.w10 {width: 10% !important;}
input.mx-w5, select.mx-w5 {width: 100% !important; max-width: 5rem !important;}
input.mx-w10, select.mx-w10 {width: 100% !important; max-width: 10rem !important;}
input.mx-w20, select.mx-w20 {width: 100% !important; max-width: 20rem !important;}
input.mx-w30, select.mx-w30 {width: 100% !important; max-width: 30rem !important;}
input.mx-w40, select.mx-w40 {width: 100% !important; max-width: 40rem !important;}
.wAuto {min-width: unset !important;}
.whtNwrp {white-space: nowrap;}

.subContent input:not([type="checkbox"], [type="radio"]),
.subContent select {min-width: 8.35rem; max-width: 100%; height: 1.9rem; border-radius: 0.35rem; border: 1px solid #ccc; padding: 0 0.75rem; font-size: 0.75rem; color: #555; margin: 0.1rem 0;}
.subContent select {padding-left: 0.5rem; padding-right: 1.85rem; background: url(/resource/images/con_com/sel_arr.png) #fff right 0.75rem center/0.6rem 0.4rem no-repeat; appearance: none;}
.subContent select::-ms-expand {display: none;}
input.cal{background:#fff url('/resource/images/con_com/ico_cal.png') no-repeat right 0.75rem center; padding-right: 1.5rem;}
textarea{border: 1px solid #b9bec7; border-radius: 0.25rem; width: 100%; resize: none; padding: 0.5rem; margin-top: 0.25rem;}
.subContent input:not([type="checkbox"], [type="radio"], .hasDatepicker)[readonly] {background: #f1f1f1;}

/*채용공고 알람신청*/
.subContent .bbs_srch2 {display: flex; flex-wrap: wrap; align-items: center;}
.subContent .bbs_srch2 .col{display: flex; height: 2rem; border-radius: 0.35rem;}
.subContent .bbs_srch2 .col + .col {margin-left: 1.35rem; position: relative;}
.subContent .col + .col::before {content: "\007E"; position: absolute; left: -0.95rem; top: 50%; transform: translateY(-50%);}
.subContent .bbs_srch2 .col label {flex-shrink: 0; display: flex; justify-content: center; align-items: center; width: 2.2rem; border-radius: 0.35rem; background: #056cbb; font-size: 1rem; color: #fff; margin: -1px; margin-left: 0;}

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

/* 타이틀(공통) */
[class^='titT'] { font-size:1.1rem; }
h3[class^='tit'] { line-height:1.3; font-weight:600; margin-top:3rem; }
[class^="box_st"] [class^='tit']:nth-of-type(1) { margin-top:0rem !important; }
h3[class^='tit'][class*='1'] + h4[class^='tit'][class*='2'] { margin-top:0.75rem; }
.tab_list + h3[class^="tit"],
h3[class^="tit"]:nth-child(1) { margin-top:0; }
div + h3[class^='tit'], p + h3[class^='tit'] {margin-top:2.5rem !important;}
h4[class^='tit'] { line-height:1.3; font-weight:600; margin-top:2.5rem; }
h4[class^='tit']:nth-child(1) { margin-top:0rem; }
h4[class^='tit'][class*='2'] + h5[class^='tit'][class*='3'] { margin-top:0.5rem; }
*:not(h3) + h4[class^='tit'] { margin-top:1.5rem !important; }
h5[class^='tit'] { line-height:1.3; font-weight:600; margin-top:2rem; }
h5[class^='tit']:nth-child(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; }

/* 타이틀(텍스트 타입) */
.tit1 {padding-top: 0.65rem; background: url(/images/template/TA/sub/tit1_bg.png) left top no-repeat; font-size: 1.1rem; color: #111; margin-top: 2rem; margin-bottom: 0.75rem;}
.tit2 {font-size: 1rem; color: #222; margin: 1.5rem 0 0.5rem;}
.tit3 {font-size: 0.9rem; color: #144293; margin-top: 1rem;}
.tit4 {font-size: 1.2rem; color: #085ea9;; font-weight: 700; position: relative; margin-top:1rem !important;}

.tit1 + .indent {margin-top: 0.5rem;}

/* 블릿 */
[class^='bu_st'],
[class^='list_st'] > li {display: block; position: relative;}
[class^='bu_st'] + [class^='bu_st'],
* + [class^='list_st'],
[class^='list_st'] > li + li,
[class^='list_st'] > li > [class^='list_st'] {margin-top: 0.25rem;}
.bu_st1,
.list_st1 > li {padding-left: 0.7rem; color: #444;}
.bu_st1::before,
.list_st1 > li::before {content: ""; display: block; width: 0.3rem; height: 0.3rem; border-radius: 50%; background: #056cbb; position: absolute; left: 0; top: 0.45rem;}
.bu_st2,
.list_st2 > li {padding-left: 0.7rem; color: #444;}
.bu_st2::before,
.list_st2 > li::before {content: ""; display: block; width: 0.3rem; height: 2px; border-radius: 2px; background: #7f888f; position: absolute; left: 0; top: calc(0.6rem - 1px);}
.bu_st3,
.list_st3 > li {padding-left: calc(0.3rem + 4px); font-size: 0.75rem; color: #555;}
.bu_st3::before,
.list_st3 > li::before {content: ""; display: block; border-left: 4px solid #666; border-top: 2px solid transparent; border-bottom: 2px solid transparent; position: absolute; left: 0; top: calc(0.55rem - 2px);}
.bu_st4,
.list_st4 > li {padding-left: calc(0.35rem + 2px); font-size: 0.75rem; color: #555;}
.bu_st4::before,
.list_st4 > li::before {content: ""; display: block; width: 2px; height: 2px; background: #828282; position: absolute; left: 0; top: calc(0.6rem - 1px);}
.bu_st2 {margin-left: 0.65rem;}
.bu_st3 {margin-left: 1.5rem;}
.bu_st4 {margin-left: 2rem;}

/* 리스트 :텍스트 타입
.list_stT1 > li { font-size:.75rem; margin-top:.25rem; }
.list_stT1 ol li,
.list_stT1 ul li { padding-left:10px; }
.list_stT1 li ul[class^="list_st"] { margin-left:10px; }
.list_stT2 > li { font-size:.75rem; margin-top:.15rem; color:#444; }
.list_stT2 ol li,
.list_stT2 ul li { padding-left:10px; }
.list_stT2 li ul[class^="list_st"] { margin-left:10px; }
 */

/* 리스트 : 가로 나열 */
[class*='li_w'] {display: flex; flex-wrap: wrap; overflow: hidden;}
[class*='li_w'] > li {padding-right: 0.5rem;}
.li_w50 > li {width: 50%;}
.li_w50 > li:nth-child(-n+2) {margin-top: 0;}
.li_w30 > li {width: calc(100% / 3);}
.li_w30 > li:nth-child(-n+3) {margin-top: 0;}
.li_w25 > li {width: 25%;}
.li_w25 > li:nth-child(-n+4) {margin-top: 0;}
.li_w20 > li {width: 20%;}
.li_w20 > li:nth-child(-n+5) {margin-top: 0;}

/* 리스트 :순차적 리스트 타입 */
[class^='list_ol'] {line-height: 1.4;}
[class^='list_ol'] > li {color: #222; position: relative;}
[class^='list_ol'] > li > [class^='list_ol'] {margin-top: 0.5rem;}
.list_ol1 > li {padding-left: calc((0.8rem * 1.4) + 0.4rem);}
.list_ol1 > li + li {margin-top: 0.5rem;}
.list_ol1 > li > .num {display: flex; justify-content: center; align-items: center; width: calc(0.8rem * 1.4); height: calc(0.8rem * 1.4); border-radius: 0.25rem; border: 1px solid #1493c8; font-size: 0.65rem; color: #1493c8; font-weight: 600; margin-right: 0.4rem; position: absolute; left: 0; top: 0;}
.list_ol2 > li {padding-left: 1.25rem; font-size: 0.75rem; color: #555;}
.list_ol2 > li + li {margin-top: 0.25rem;}
.list_ol2 > li::before {position: absolute; left: 0; top: 0;}
.list_ol2 > li:nth-child(1)::before {content: "가. ";}
.list_ol2 > li:nth-child(2)::before {content: "나. ";}
.list_ol2 > li:nth-child(3)::before {content: "다. ";}
.list_ol2 > li:nth-child(4)::before {content: "라. ";}
.list_ol2 > li:nth-child(5)::before {content: "마. ";}
.list_ol2 > li:nth-child(6)::before {content: "바. ";}
.list_ol2 > li:nth-child(7)::before {content: "사. ";}
.list_ol2 > li:nth-child(8)::before {content: "아. ";}
.list_ol2 > li:nth-child(9)::before {content: "자. ";}
.list_ol2 > li:nth-child(10)::before {content: "차. ";}
.list_ol2 > li:nth-child(11)::before {content: "카. ";}
.list_ol2 > li:nth-child(12)::before {content: "타. ";}
.list_ol2 > li:nth-child(13)::before {content: "파. ";}
.list_ol2 > li:nth-child(14)::before {content: "하. ";}

/* 텍스트 요소 : 주의&경고&말풍선 타입 */
[class^='bu_']:not([class^='bu_st'], a) {padding-left: 1.2rem; line-height: normal; margin-top: 0.25rem; position: relative;}
[class^='bu_']:not([class^='bu_st'], a)::before {font-family: 'xeicon'; font-size: 1rem; color: #085ea9; position: absolute; left: 0; top: 0.1rem;}
div + [class^='bu_']:not([class^='bu_st']),
table + [class^='bu_']:not([class^='bu_st']),
ul + [class^='bu_']:not([class^='bu_st']) {display: block; margin-top: 0.5rem;}
.bu_atte::before {content: "\203b"; font-family: inherit !important; font-weight: 500; top: -0.15rem !important;}
.bu_wnrn:before {content:"\e9aa";}
.bu_wnrnL:before {content:"\e9ab";}
.bu_ment:before {content:"\e9d7";}
.bu_o:before {content:"\eb0d";}

/* 텍스트 요소 : 폰트컬러 타입 */
.pc_bl {color: #085ea9 !important;}
.pc_gr {color: #777 !important;}
.pc_navy {color: #0e375c !important;}
.pc_pp {color: #6e39ce !important;}
.pc_brn {color: #c05400 !important;}
.pc_grn {color: #008244 !important;}
.pc_red {color: #c00426 !important;}
.pc_mgt {color: #ba3493 !important;}
.pc_blck {color: #000 !important;}

/* 텍스트 요소 : 텍스트 배경색 */
[class^='bg_'] {display: inline-block !important; border-radius: 0.25rem !important; padding: 0.25rem 0.5rem !important; font-size: 0.75rem !important; color: #fff !important; margin: 0.1rem 0;}
.bg_bl {background: #085ea9 !important;}
.bg_gr {background: #777 !important;}
.bg_navy {background: #0e375c !important;}
.bg_sky {background: #0082bc !important;}
.bg_pp {background: #6e39ce !important;}
.bg_brn {background: #c05400 !important;}
.bg_grn {background: #008244 !important;}
.bg_red {background: #c00426 !important;}
.bg_mgt {background: #ba3493 !important;}
.bg_blck {background: #000 !important;}

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

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

/* 텍스트 요소 : 링크 타입 */
a[class^='bu_'] {color: #091f46; text-decoration: underline;}
a[class^='bu_']::after {font-family: 'xeicon'; font-size: 0.75rem; margin-left: 0.15rem;}
a.bu_link:after {content: "\e980";}
a.bu_mail:after {content: "\ea07";}
a.bu_down:after {content: "\eb7c";}
a.bu_tel:after {content: "\e9d3";}

/* 텍스트 요소 : hover, focus */
.hov_pc_bl:hover,
.hov_pc_bl:focus {color: #085ea9 !important;}
.hov_pc_gr:hover,
.hov_pc_gr:focus {color: #777 !important;}
.hov_pc_navy:hover,
.hov_pc_navy:focus {color: #0e375c !important;}
.hov_pc_pp:hover,
.hov_pc_pp:focus {color: #6e39ce !important;}
.hov_pc_brn:hover,
.hov_pc_brn:focus {color: #c05400 !important;}
.hov_pc_grn:hover,
.hov_pc_grn:focus {color: #008244 !important;}
.hov_pc_red:hover,
.hov_pc_red:focus {color: #c00426 !important;}
.hov_pc_mgt:hover,
.hov_pc_mgt:focus {color: #ba3493 !important;}
.hov_pc_blck:hover,
.hov_pc_blck:focus {color: #000 !important;}
.hov_Tline_b:hover,
.hov_Tline_b:focus {text-decoration: underline !important;}
.hov_font_Fb:hover,
.hov_font_Fb:focus {font-weight: 600 !important;}

/* 테이블 : 테이블 기본 타입 */
div[class*='tbl_st'] {line-height: 1.4; margin-top: 0.5rem; position: relative; overflow: hidden;}
div[class*='tbl_st'] > table {width: calc(100% + 1px); border-top: 2px solid #0f4e93; text-align: center; margin-left: -1px; position: relative; word-break: keep-all; -webkit-overflow-scrolling: touch;}
div[class*='tbl_st'] > table th {border-left: 1px solid #c5c9d6; border-bottom: 1px solid #c5c9d6; background: #f9fcff; padding: 0.8rem 1rem; color: #000; font-weight: 500;}
div[class*='tbl_st'] > table td {border-left: 1px solid #c5c9d6; border-bottom: 1px solid #c5c9d6; padding: 0.8rem 0.7rem; color: #444; background: #ffffff;}
div[class*='tbl_st'] > table thead th {background: #f0f8ff;}
div[class*='tbl_st'] > table tfoot th,
div[class*='tbl_st'] > table tfoot td {background: #f6f6f6;}
div[class*='tbl_st'] label {display: inline-block;}
div[class*='tbl_st'] div[class*='tbl_st'] {max-height: 20rem; font-size: 0.9em; overflow-y: auto;}

/* 테이블 : 테이블 4면 라인 */
.tbl_st2 > table {width: 100% !important; border-right: 1px solid #c5c9d6; margin-left: 0 !important;}

/* 테이블 : PC 스크롤 */
div[class*='tbl_st'].scroll_wide {width: 100%; background: linear-gradient(to left, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%) right 5px / 30px 100% no-repeat; z-index: 1; overflow-x: auto;}

/* 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 {background-color: #dfe9f8 !important; color:#111;}/* 블루 */
.tbl_bg_ye, .tbl_bg_ye th {background-color: #f5f0df !important; color:#111;}/* 옐로우 */
.tbl_bg_re, .tbl_bg_re th {background-color: #fceff0 !important; color:#111;}/* 레드 */
.tbl_bg_gr, .tbl_bg_gr th {background-color: #effcf6 !important; color:#111;}/* 그린 */
.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;}

/* 테이블 : FORM */
div[class*='tbl_st'].tbl_ipt {line-height: inherit;}
.subCntBody div[class*='tbl_st'].tbl_ipt > table td {padding: 0.4rem 1rem;}
.subCntBody div[class*='tbl_st'].tbl_ipt > table td [class^='btn_'] {min-width: 6.25rem; padding: 0.3rem 0.7rem; font-size: 0.7rem;}
.subCntBody div[class*='tbl_st'].tbl_ipt > table td [class^='btn_'].btn_ico i {font-size: 0.8rem;}

/* 테이블 : 기타 */
.tbl_utile {font-size: 0.75rem; line-height: 0.8rem; text-align: right; margin-bottom: -1rem;}
.tbl_utile + .tbl_st {margin-top: 1.5rem;}

/* 박스 : 박스 기본 타입 */
[class^="box_st"] {margin-top: 0.5rem; position: relative;}

/* 박스 : 아이콘 + 텍스트 */
.box_st1 {border-radius: 1.5rem; padding: 2px; position: relative; z-index: 0; overflow: hidden;}
.box_st1::before {content: ""; display: block; width: 100%; height: 50%; background: linear-gradient(90deg, #2b6dc4 0%, #4bdbc3 100%); position: absolute; left: 0; top: 0; z-index: -1;}
.box_st1::after {content: ""; display: block; width: 100%; height: 50%; background: #d1d5d9; position: absolute; left: 0; bottom: 0; z-index: -1;}
.box_st1 .wrap {display: flex; align-items: flex-start; min-height: 8.85rem; border-radius: calc(1.5rem - 2px); background: #fff; padding: 0 2.5rem; position: relative; overflow: hidden;}
.box_st1 .wrap::before {content: ""; display: block; width: 8.2rem; height: 8.2rem; border-radius: 50%; background: #edf7ff; position: absolute; left: -1.5rem; top: -2rem; z-index: 1;}
.box_st1 .wrap::after {content: ""; display: block; width: 5.4rem; height: 5.4rem; border-radius: 50%; background: url(/images/template/common/login/info_bg.png); position: absolute; left: 4rem; top: 1.35rem; z-index: 0;}
.box_st1 .wrap > * {position: relative; z-index: 2;}
.box_st1 .wrap .ico {flex-shrink: 0; display: flex; align-items: center; padding: 2.25rem 0; font-size: 0; line-height: 0; margin-right: 2.75rem;}
.box_st1 .wrap .ico img {max-width: 5.1rem; max-height: 4.35rem; object-fit: contain;}
.box_st1 .wrap .txt {flex: 1; padding: 1.75rem 0; font-size: 0.85rem;}
.box_st1 .wrap .txt .tit2 {font-size: 1.1rem; color: #114e91; font-weight: 600; margin-bottom: 0.75rem;}

/* 박스 : 박스형 타입들 */
.box_st2 {border-radius: 0.5rem; border: 1px solid #c5c9d6; padding: 0.75rem 1.5rem; color: #444;}
.box_st2 .tit2 {font-size: 0.8rem; color: #000; font-weight: 500; margin-bottom: 0.25rem;}
.box_st3 {border-radius: 0.5rem; border: 1px solid transparent; background: #f4faff; padding: 0.75rem 1.5rem; color: #444;}
.box_st3 .tit2 {font-size: 0.8rem; color: #000; font-weight: 500; margin-bottom: 0.25rem;}

/* 탭 : 공통 */
[class^="tab_st"] {margin-bottom: 1.5rem; position: relative; word-break: break-all;}
[class^="tab_st"] ::after {font-family: 'xeicon';}
[class^="tab_st"] a[target="_blank"]::after {content: "\e980";}
[class^="tab_st"] > .select {display: none !important; position: relative;}
[class^="tab_st"] a {display: block; height: 100%; position: relative;}

/* 탭 : 1차 탭 */
.tab_st1 ul {display: flex; flex-wrap: wrap; margin: -0.35rem;}
.tab_st1 li {width: 25%; padding: 0.35rem;}
.tab_st1 > .select,
.tab_st1 a {border-radius: 0.75rem 1.5rem 0.25rem 0.25rem; background: #e1e6ef; padding: 0.8rem 1rem; padding-right: 3.5rem; color: #666; font-weight: 500;}
.tab_st1 > .select::after,
.tab_st1 a::after {content: "\e941"; display: flex; justify-content: center; align-items: center; width: 2.5rem; height: calc(100% - 0.5rem); border-radius: 1.25rem 1.25rem 0 0; background: #fff; font-size: 0.9rem; color: #a8b2c4; font-weight: 900; position: absolute; right: 0.5rem; bottom: 0;}
.tab_st1 a[target="_blank"]::after {font-weight: 400;}
/* 탭 : 1차 탭 : active */
.tab_st1 > .select,
.tab_st1 li.on a {background: #085ea9; color: #fff;}
.tab_st1 > .select::after,
.tab_st1 li.on a::after {color: #085ea9;}

/* 탭 : 2차 탭 */
.tab_st2 ul {display: flex; flex-wrap: wrap; margin: -0.2rem;}
.tab_st2 li {width: 25%; padding: 0.2rem;}
.tab_st2 > .select,
.tab_st2 a {padding: 0.6rem 1rem; padding-right: 2.75rem; color: #555;}
.tab_st2 > .select::before,
.tab_st2 a::before {content: ""; display: block; width: 100%; height: 100%; border-radius: 0.5rem; border: 1px solid #ddeef8; background: #edf7ff; position: absolute; left: 0; top: 0; z-index: -1;}
.tab_st2 > .select::after,
.tab_st2 a::after {content: "\e928"; color: #666; position: absolute; right: 1rem; top: 0.75rem;}
/* 탭 : 2차 탭 : active */
.tab_st2 > .select,
.tab_st2 li.on a {color: #0e375c; font-weight: 500;}
.tab_st2 > .select::before,
.tab_st2 li.on a::before {border: 2px solid #085ea9; background: #fff;}
.tab_st2 > .select::after,
.tab_st2 li.on a::after {color: #0e375c;}


/* 탭 : 3차 탭 */
.tab_list {border-radius: 0.5rem; border: 1px solid #ddeef8; background: #f5fbff; padding: 0.7rem 1.5rem; margin-bottom: 1.5rem; position: relative; word-break: break-all;}
.tab_list ul {display: flex; flex-wrap: wrap; margin: -0.25rem -0.75rem;}
.tab_list li {width: 25%; padding: 0.25rem 0.75rem;}
.tab_list a {display: block; width: 100%; height: 100%; border-radius: 0.6rem; border: 2px solid transparent; padding: 0.55rem 0.5rem; color: #666; font-weight: 500; text-align: center;}
/* 탭 : 3차 탭 : active */
.tab_list li.on a {border-color: #085ea9; background: #fff; color: #085ea9;}

/* 탭 : 탭스타일 갯수 */
.Tab_w50 li {width: 50%;}
.Tab_w30 li {width: calc(100% / 3);}
.Tab_w20 li {width: 20%;}
.Tab_w16 li {width: calc(100% / 6);}

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

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

/* 버튼 : 기본 버튼 */
.subCntBody [class^='btn_'] {display: inline-flex; justify-content: center; min-width: 11rem; border-radius: 1.2rem; padding: 0.5rem 1rem; margin: 2px 1px;}
.btn_bl {border: 2px solid #085ea9; background: #085ea9; color: #fff;}
.btn_gr {border: 2px solid #777; background: #777; color: #fff;}
.btn_brn {border: 2px solid transparent; background: #ff8000; color: #fff;}
.btn_navy {border: 2px solid transparent; background: #0e375c; color: #fff;}
.btn_red {border: 2px solid transparent; background: #fd4343; color: #fff;}
.btn_pp {border: 2px solid transparent; background: #0095ff; color: #fff;}
.btn_grn {border: 2px solid transparent; background: #02a288; color: #fff;}
.btn_ylw {border: 2px solid transparent; background: #fbd23d; color: #222;}
.btn_blL {border: 2px solid #085ea9; color: #085ea9;}
.btn_grL {border: 2px solid #777; color: #777;}
.btn_brnL {border: 2px solid #ff8000; color: #ff8000;}
.btn_navyL {border: 2px solid #0e375c; color: #0e375c;}
.btn_redL {border: 2px solid #fd4343; color: #fd4343;}
.btn_ppL {border: 2px solid #0095ff; color: #0095ff;}
.btn_grnL {border: 2px solid #02a288; color: #02a288;}
.btn_ylwL {border: 2px solid #fbd23d; color: #fbd23d;}
.subCntBody a[class^='btn_'].btn_ico,
.subCntBody button[class^='btn_'].btn_ico {justify-content: space-between;}
.subCntBody a[class^='btn_'].btn_ico i,
.subCntBody button[class^='btn_'].btn_ico i {font-size: 0.9rem; margin-left: 0.25rem; position: relative; top: 0.1rem;}
.subCntBody a[class^='btn_'].mini.btn_ico i,
.subCntBody button[class^='btn_'].mini.btn_ico i {top: 0;}
/* 버튼 : 기본 버튼 : active */
.subCntBody [class^='btn_'] {transition: 0.15s;}
.btn_bl:hover,
.btn_bl:focus {background: #fff; box-shadow: 0 0.15rem 0.25rem rgba(8,94,169,0.1); color: #085ea9;}
.btn_gr:hover,
.btn_gr:focus {background: #fff; box-shadow: 0 0.15rem 0.25rem rgba(119,119,119,0.1); color: #777;}
.btn_brn:hover,
.btn_brn:focus {background: #c95100;}
.btn_navy:hover,
.btn_navy:focus {background: #000;}
.btn_red:hover,
.btn_red:focus {background: #af0000;}
.btn_pp:hover,
.btn_pp:focus {background: #005ea1;}
.btn_grn:hover,
.btn_grn:focus {background: #007965;}
.btn_ylw:hover,
.btn_ylw:focus {background: #ffb500;}

/* 버튼 : 예외버튼 */
.subCntBody a.btn_fileDown,
.subCntBody button.btn_fileDown {justify-content: flex-start; min-width: unset; border: 1px solid #aaa; background: #f7f7f7; padding-right: 3.3rem !important; position: relative; overflow: hidden;}
.subCntBody a.btn_fileDown em,
.subCntBody button.btn_fileDown em {display: inline-block; width: 1.15rem; line-height: 1.15rem; border-radius: 50%; margin-right: 0.25rem; font-size: 0.7rem; text-align: center;}
.subCntBody a.btn_fileDown em.pdf,
.subCntBody button.btn_fileDown em.pdf {background: #888; color: #fff;}
.subCntBody a.btn_fileDown > i,
.subCntBody button.btn_fileDown > i {display: flex; justify-content: center; align-items: center; width: 2.3rem; height: 100%; border-left: 1px solid #aaa; background: #fff; font-size: 0.9rem; color: #777; position: absolute; right: 0; top: 0;}

/* 버튼 : 큰 버튼 */
.subCntBody a[class^="btn_"].large,
.subCntBody button[class^="btn_"].large {padding: 0.9rem 1.25rem; font-size: 0.9rem;}

/* 버튼 : 작은버튼 */
.subCntBody a[class^="btn_"].mini,
.subCntBody button[class^="btn_"].mini {min-width: unset !important; padding: 0.3rem 0.7rem; font-size: 0.7rem;}

/* 버튼 : 아이콘만 */
.subCntBody [class^="btn_"].ico {display: inline-flex; justify-content: center; align-items: center; min-width: unset !important; width: 1.7rem; height: 1.7rem; border-radius: 50%; padding: 0;}
.subCntBody [class^="btn_"].ico i {padding-left: 0;}

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

/* 이미지 : 확대보기 */
.box_st_img {padding: 1rem; text-align: center;}
.rsp_img {width: auto; max-width: 100%; line-height: 0; position: relative;}
.rsp_img img {max-width: 100%;}
.rsp_img .btn-zoom {display: block; width: 2.25rem; height: 2.25rem; background:url("/resource/images/con_com/ico_rsp_img.png") center/cover; position: absolute; right: 0; bottom: 0; z-index: 100; overflow: hidden; text-indent: -9999em;}

/* 콘텐츠 준비중 */
.Coming_soon {text-align: center;}
.Coming_soon img {max-width: 100%;}
.Coming_soon h3 {font-size: 1.9rem; color: #000; font-weight: 800; margin-top: -2.5rem;}
.Coming_soon h3 em {color: #085ea9;}
.Coming_soon p {font-size: 0.9rem; margin-top: 0.5rem;}

/* 절차 */
.prcd_ol1 {display: flex; flex-wrap: wrap; text-align: center;}
.prcd_ol1 > li {width: 25%; padding-right: 2.5rem; position: relative;}
.prcd_ol1:not(.prcd_w50, .prcd_w30, .prcd_w20) > li:nth-child(n+5) {margin-top: 1rem;}
.prcd_ol1 > li:after {content: ""; display: block; width: 1.5rem; height: 1.3rem; background: url(/resource/images/con_com/prcd_arrow.png) center/contain no-repeat; position: absolute; right: 0.5rem; top: calc(50% - 0.65rem);}
.prcd_ol1 > li:last-child:after {display: none;}
.prcd_ol1 > li > .box {height: 100%; border-radius: 1.5rem 1.5rem 1rem 1rem; border: 2px solid #ddd; padding: 0 1rem 1rem; position: relative;}
.prcd_ol1 > li > .box > h5 {width: calc(100% + 2rem + 4px); border-radius: 1rem 1rem 0 0; padding: calc(0.25rem + 2px) 1rem 0.25rem; font-size: 0.75rem; background: #ddd; color: #000; font-weight: 600; line-height: 1.4; margin: -2px calc(-2px - 1rem) 0.75rem;}
.prcd_ol1 > li > .box > p {color: #171717; font-weight: 600; line-height: 1.4;}

/* 절차 : 컬러 타입 */
.prcd_ol1.tp_blue > li > .box {border-color: #1962d1;}
.prcd_ol1.tp_green > li > .box {border-color: #03ad5f;}
.prcd_ol1.tp_blue > li > .box > h5 {background: #1962d1; color: #fff;}
.prcd_ol1.tp_green > li > .box > h5 {background: #37bd7f; color: #fff;}

/* 절차 : 너비 타입 */
.prcd_ol1.prcd_w50 > li {width: 50%;}
.prcd_ol1.prcd_w50 > li:nth-child(n+3) {margin-top: 1rem;}
.prcd_ol1.prcd_w30 > li {width: calc(100% / 3);}
.prcd_ol1.prcd_w30 > li:nth-child(n+4) {margin-top: 1rem;}
.prcd_ol1.prcd_w20 > li {width: calc(100% / 5);}
.prcd_ol1.prcd_w20 > li:nth-child(n+6) {margin-top: 1rem;}

/* 라인 */
.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; }
.disFx {display: flex; flex-wrap: wrap; align-items: center;}

/* display: flex */
.disFxJsS {justify-content: flex-start !important;}
.disFxJsC {justify-content: center !important;}
.disFxJsE {justify-content: flex-end !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; }
.pdt0 { padding-top:0 !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; }
.pdr0 { padding-right:0 !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; }
.pdb0 { padding-bottom:0 !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; }
.pdl0 { padding-left:0 !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; }
.pdl150 { padding-left:150px !important; }
.pdl210 { padding-left:210px !important; }

/* 마진 */
.mg0 { margin:0 !important; }
.mg5 { margin:5px !important; }
.mg10 { margin:10px !important; }
.mg15 { margin:15px !important; }
.mg20 { margin:20px !important; }
.mg30 { margin:30px !important; }
.mgt0 { margin-top:0 !important; }
.mgt5 { margin-top:5px !important; }
.mgt10 { margin-top:10px !important; }
.mgt15 { margin-top:15px !important; }
.mgt20 { margin-top:20px !important; }
.mgt30 { margin-top:30px !important; }
.mgt40 { margin-top:40px !important; }
.mgt5n { margin-top:-5px !important; }
.mgt10n { margin-top:-10px !important; }
.mgr0 { margin-right:0 !important; }
.mgr5 { margin-right:5px !important; }
.mgr10 { margin-right:10px !important; }
.mgr15 { margin-right:15px !important; }
.mgr20 { margin-right:20px !important; }
.mgr30 { margin-right:30px !important; }
.mgb0 { margin-bottom:0 !important; }
.mgb5 { margin-bottom:5px !important; }
.mgb10 { margin-bottom:10px !important; }
.mgb15 { margin-bottom:15px !important; }
.mgb20 { margin-bottom:20px !important; }
.mgb30 { margin-bottom:30px !important; }
.mgl0 { margin-left:0 !important; }
.mgl5 { margin-left:5px !important; }
.mgl10 { margin-left:10px !important; }
.mgl15 { margin-left:15px !important; }
.mgl20 { margin-left:20px !important; }
.mgl30 { margin-left:30px !important; }

/* 이미지 여백 없애기 */
.imgWhiteNo {font-size: 0; line-height: 0;}

/* 웹 화면 none / 태블릿 모바일 block :이미지맵 사용시 */
.WnTMb {display: none;}

/* radio, checkbox */
.radioCheck {display: flex; flex-wrap: wrap; align-items: center; margin: -0.1rem -0.25rem;}
.radioCheck li {padding: 0.1rem 0.25rem;}
.radioCheck li input[type="radio"],
.radioCheck li input[type="checkbox"] {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.radioCheck li label {padding-left: 0.9rem; color: #444; position: relative; cursor: pointer;}
.radioCheck li input[type="radio"] + label::before {content: ""; display: block; width: 0.65rem; height: 0.65rem; border-radius: 50%; border: 1px solid #666; background: #fff; position: absolute; left: 0; top: 0.2rem;}
.radioCheck li input[type="radio"] + label::after {content: ""; display: block; width: 0.35rem; height: 0.35rem; border-radius: 50%; background: #144293; position: absolute; left: 0.15rem; top: 0.35rem; transform: scale(0);}
.radioCheck li input[type="checkbox"] + label::before {content: ""; display: block; width: 0.65rem; height: 0.65rem; border: 1px solid #666; position: absolute; left: 0; top: 0.15rem;}
.radioCheck li input[type="checkbox"] + label::after {content: ""; display: block; width: 0.2rem; height: 0.35rem; border-bottom: 1px solid #144293; border-right: 1px solid #144293; position: absolute; left: 0.25rem; top: 0.25rem; transform: rotate(45deg); opacity: 0; visibility: hidden;}
/* radio, checkbox : active */
.radioCheck li input[type="radio"] + label::before,
.radioCheck li input[type="radio"] + label::after {transition: 0.15s;}
.radioCheck li input[type="radio"]:hover + label,
.radioCheck li input[type="radio"]:focus + label {text-decoration: underline;}
.radioCheck li input[type="radio"]:checked + label {color: #085ea9;}
.radioCheck li input[type="radio"]:checked + label::before {border-color: #144293;}
.radioCheck li input[type="radio"]:checked + label::after {transform: scale(1);}
.radioCheck li input[type="checkbox"]:hover + label,
.radioCheck li input[type="checkbox"]:focus + label {text-decoration: underline;}
.radioCheck li input[type="checkbox"]:checked + label {color: #085ea9;}
.radioCheck li input[type="checkbox"]:checked + label::before {border-color: #144293;}
.radioCheck li input[type="checkbox"]:checked + label::after {opacity: 1; visibility: visible;}
/* radio, checkbox : disable */
.radioCheck li input[type="radio"]:disabled + label {cursor: default;}
.radioCheck li input[type="radio"]:disabled + label::before {border-color: #ccc; background: #f1f1f1;}
.radioCheck li input[type="radio"]:disabled:hover + label,
.radioCheck li input[type="radio"]:disabled:focus + label {text-decoration: none;}
.radioCheck li input[type="checkbox"]:disabled + label {cursor: default;}
.radioCheck li input[type="checkbox"]:disabled + label::before {border-color: #ccc; background: #f1f1f1;}

/* radio, checkbox - hasImg */
.radioCheck.hasImg li {width: calc(100% / 3); margin-top: 0.75rem;}
.radioCheck.hasImg li input + label .imgWr {margin-top: 0.25rem;}



@media (max-width: 1480px) {

    /* common form */
    .subContent input:not([type="checkbox"], [type="radio"]),
    .subContent select {min-width: unset;}
}



@media (max-width: 1024px) {

    /* 타이틀(텍스트 타입) */
    .tit1 {font-size: 1.05rem;}

    /* 리스트 : 가로 나열 */
    .li_w25 > li,
    .li_w20 > li {width: calc(100% / 3);}
    .li_w25 > li:nth-child(n+4),
    .li_w20 > li:nth-child(n+4) {margin-top: 0.25rem;}

    /* 테이블 : 스크롤 */
    div[class*='tbl_st'].scroll_gr {background-position: right 5px; background-size: 30px 100%;
        background-image: -webkit-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%);
        background-repeat: no-repeat; z-index: 1; overflow-x: auto;}
    div[class*='tbl_st'].scroll_gr > table {width: 1024px;}

    /* 테이블 : 모바일 100% */
    .tbl_st.mob_tbl > table,
    .tbl_st.mob_tbl > table > thead,
    .tbl_st.mob_tbl > table > tbody,
    .tbl_st.mob_tbl > table > thead > tr,
    .tbl_st.mob_tbl > table > tbody > tr,
    .tbl_st.mob_tbl > table > thead > tr > th,
    .tbl_st.mob_tbl > table > tbody > tr > th,
    .tbl_st.mob_tbl > table > thead > tr > td,
    .tbl_st.mob_tbl > table > tbody > tr > td {display: block; width: 100%;}
    
    input.mob_w100,
    select.mob_w100,
    .mob_w100 {width: 100% !important;}
    input.mob_w90,
    select.mob_w90,
    .mob_w90 {width: 90% !important;}
    input.mob_w80,
    select.mob_w80,
    .mob_w80 {width: 80% !important;}
    input.mob_w70,
    select.mob_w70,
    .mob_w70 {width: 70% !important;}
    input.mob_w60,
    select.mob_w60,
    .mob_w60 {width: 60% !important;}
    input.mob_w50,
    select.mob_w50,
    .mob_w50 {width: 50% !important;}
    input.mob_w45,
    select.mob_w45,
    .mob_w45 {width: 45% !important;}
    input.mob_w40,
    select.mob_w40,
    .mob_w40 {width: 40% !important;}
    input.mob_w30,
    select.mob_w30,
    .mob_w30 {width: 30% !important;}
    input.mob_w20,
    select.mob_w20,
    .mob_w20 {width: 20% !important;}
    input.mob_w15,
    select.mob_w15,
    .mob_w15 {width: 15% !important;}
    input.mob_w10,
    select.mob_w10,
    .mob_w10 {width: 10% !important;}
    .tbl_st .mob_ac{text-align: center !important;}

    /* 박스 : 아이콘 + 텍스트 */
    .box_st1 .wrap {min-height: unset; padding: 0 2rem;}
    .box_st1 .wrap .ico {margin-right: 2rem;}
    .box_st1 .wrap .ico img {max-height: 3.75rem;}
    .box_st1 .wrap .txt {font-size: 0.8rem;}
    .box_st1 .wrap .txt .tit2 {font-size: 1rem;}

    /* 탭 : 공통 */
    .reactTab[class^="tab_st"]:not(.tab_list) > .select {display: block !important;}
    .reactTab[class^="tab_st"] ul {display: none;}
    .reactTab[class^="tab_st"] li {width: calc(100% / 3) !important;}
    /* 탭 : 공통 : active */
    .reactTab[class^="tab_st"] ul.actv {display: flex;}

    /* 탭 : 1차 탭 */
    .tab_st1 ul {border-radius: 0.25rem; border: 2px solid #085ea9; margin: 0; position: relative; overflow: hidden;}
    .tab_st1 ul::after {content: ""; display: block; width: 100%; height: 1px; background: #fff; position: absolute; left: 0; bottom: 0;}
    .tab_st1 li {border-bottom: 1px dashed #d9e1ea; padding: 0;}
    .tab_st1 a {border-radius: 0; background: none;}
    .tab_st1 a::after {height: 100%;}
    /* 탭 : 1차 탭 : active */
    .tab_st1 li.on a {background: none; color: #085ea9;}

    /* 탭 : 2차 탭 */
    .tab_st2 ul {border-radius: 0.5rem; border: 1px solid #ddeef8; border-top: 0; background: #f7fcff; margin: 0; position: relative; overflow: hidden;}
    .tab_st2 ul::after {content: ""; display: block; width: 100%; height: 1px; background: #fff; position: absolute; left: 0; bottom: 0;}
    .tab_st2 li {border-bottom: 1px dashed #ddeef8; padding: 0;}
    .tab_st2 a::before {display: none;}

    /* 탭 : 탭스타일 갯수 */
    .Tab_w20 li {width: 25%;}

    /* 버튼 : 기본 버튼 */
    .subCntBody a[class^='btn_'],
    .subCntBody button[class^='btn_'] {min-width: 7rem; padding: 0.4rem 1rem;}

    /* 버튼 : 큰 버튼 */
    .subCntBody a[class^="btn_"].large,
    .subCntBody button[class^="btn_"].large {padding: 0.6rem 1rem;}

    /* 버튼 : 작은버튼 */
    .subCntBody a[class^="btn_"].mini,
    .subCntBody button[class^="btn_"].mini {padding: 0.2rem 1rem;}

    /* 절차 */
    .prcd_ol1:not(.prcd_w50) > li {width: calc(100% / 3);}
    .prcd_ol1:not(.prcd_w50) > li:nth-child(n+4) {margin-top: 1rem;}

    /* 웹 화면 none / 태블릿 모바일 block :이미지맵 사용시 */
    .WnTMb {display: block;}
}



@media (max-width: 768px) {

    /* 타이틀(텍스트 타입) */
    .tit2 {font-size: 0.95rem;}

    /* 테이블 : 테이블 기본 타입 */
    div[class*='tbl_st'] > table {word-break: break-all;}
    div[class*='tbl_st'] > table th,
    div[class*='tbl_st'] > table td {padding: 0.55rem 0.75rem;}

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

    /* 테이블 : FORM */
    .subCntBody div[class*='tbl_st'].tbl_ipt > table td {padding: 0.4rem 0.75rem;}

    /* 박스 : 박스형 타입들 */
    .box_st2,
    .box_st3 {padding: 0.75rem 1rem;}

    /* 탭 : 1차 탭 */
    .tab_st1 > .select,
    .tab_st1 a {padding: 0.6rem 0.75rem; padding-right: 3.5rem;}

    /* 탭 : 2차 탭 */
    .tab_st2 > .select,
    .tab_st2 a {padding: 0.5rem 0.75rem; padding-right: 2.75rem;}

    /* 절차 */
    .prcd_ol1 > li {width: 50% !important;}
    .prcd_ol1 > li:nth-child(n+3) {margin-top: 0.75rem !important;}
    .prcd_ol1 > li > .box {padding: 0 0.75rem 0.75rem;}
    .prcd_ol1 > li > .box > h5 {width: calc(100% + 1.5rem + 4px); padding: calc(0.25rem + 2px) 0.75rem 0.25rem; margin: -2px calc(-2px - 0.75rem) 0.5rem;}
}



@media (max-width: 680px) {

    /* 리스트 : 가로 나열 */
    .li_w30 > li,
    .li_w25 > li,
    .li_w20 > li {width: 50%;}
    .li_w30 > li:nth-child(n+3),
    .li_w25 > li:nth-child(n+3),
    .li_w20 > li:nth-child(n+3) {margin-top: 0.25rem;}

    /* 박스 : 아이콘 + 텍스트 */
    .box_st1 .wrap {padding: 1.5rem;}
    .box_st1 .wrap::before,
    .box_st1 .wrap::after {display: none;}
    .box_st1 .wrap .ico {display: none;}
    .box_st1 .wrap .txt {padding: 0;}

    /* 탭 : 공통 */
    .reactTab[class^="tab_st"] li {width: 50% !important;}

    /* 탭 : 3차 탭 */
    .tab_list li {width: calc(100% / 3);}

    /* 탭 : 탭스타일 갯수 */
    .Tab_w20 li {width: calc(100% / 3);}

    /* 버튼 : 기본 버튼 */
    .subCntBody a[class^='btn_'],
    .subCntBody button[class^='btn_'] {min-width: 6rem; padding: 0.4rem 0.75rem;}

    /* 버튼 : 큰 버튼 */
    .subCntBody a[class^="btn_"].large,
    .subCntBody button[class^="btn_"].large {padding: 0.6rem 0.75rem;}

    /* 버튼 : 작은버튼 */
    .subCntBody a[class^="btn_"].mini,
    .subCntBody button[class^="btn_"].mini {padding: 0.2rem 0.5rem;}

    /* 콘텐츠 준비중 */
    .Coming_soon h3 {font-size: 1.5rem; margin-top: -8.5vw;}

    /* radio, checkbox - hasImg */
    .radioCheck.hasImg li {width: 50%;}
}



@media (max-width: 580px) {

    /* 테이블 : 테이블 기본 타입 */
    div[class*='tbl_st'] > table th,
    div[class*='tbl_st'] > table td {padding: 0.5rem;}

    /* 테이블 : FORM */
    .subCntBody div[class*='tbl_st'].tbl_ipt > table td {padding: 0.5rem;}

    /* 박스 : 아이콘 + 텍스트 */
    .box_st1 {border-radius: 1rem;}
    .box_st1 .wrap {border-radius: calc(1rem - 2px); padding: 1.25rem;}
}



@media (max-width: 480px) {

    /* 타이틀(텍스트 타입) */
    .tit1 {font-size: 1rem;}
    .tit2 {font-size: 0.9rem;}
    .tit2::before {height: 0.7rem;}
    .tit3 {font-size: 0.85rem;}

    /* 박스 : 아이콘 + 텍스트 */
    .box_st1 .wrap {padding: 1rem;}
    .box_st1 .wrap .txt {font-size: 0.75rem;}
    .box_st1 .wrap .txt .tit2 {font-size: 0.9rem; margin-bottom: 0.5rem;}

    /* 박스 : 박스형 타입들 */
    .box_st2,
    .box_st3 {padding: 0.75rem;}

    /* 탭 : 공통 */
    .reactTab[class^="tab_st"] li {width: 100% !important;}

    /* 탭 : 3차 탭 */
    .tab_list li {width: 50%;}

    /* 탭 : 탭스타일 갯수 */
    .Tab_w20 li {width: 50%;}

    /* 버튼 : 기본 버튼 */
    .subCntBody a[class^='btn_'],
    .subCntBody button[class^='btn_'] {min-width: 5.5rem; padding: 0.3rem 0.5rem;}

    /* 버튼 : 예외버튼 */
    .subCntBody a.btn_fileDown,
    .subCntBody button.btn_fileDown {padding-right: 2.5rem !important;}
    .subCntBody a.btn_fileDown em,
    .subCntBody button.btn_fileDown em {width: 1rem; line-height: 1rem; font-size: 0.6rem;}
    .subCntBody a.btn_fileDown > i,
    .subCntBody button.btn_fileDown > i {width: 1.75rem;}

    /* 버튼 : 큰 버튼 */
    .subCntBody a[class^="btn_"].large,
    .subCntBody button[class^="btn_"].large {padding: 0.4rem 0.5rem;}

    /* 버튼 : 작은버튼 */
    .subCntBody a[class^="btn_"].mini,
    .subCntBody button[class^="btn_"].mini {padding: 0.2rem 0.25rem;}

    /* 콘텐츠 준비중 */
    .Coming_soon h3 {font-size: 1.1rem; font-weight: 600;}
    .Coming_soon p {font-size: 0.8rem;}
}



@media (max-width: 380px) {

    /* 리스트 : 가로 나열 */
    [class*='li_w'] > li {width: 100%;}
    [class*='li_w'] > li:nth-child(n+2) {margin-top: 0.25rem;}

    /* 텍스트 요소 : 텍스트 배경색 */
    [class^='bg_'] {padding: 0.2rem 0.25rem !important; font-size: 0.7rem !important;}

    /* 테이블 : 테이블 기본 타입 */
    div[class*='tbl_st'] {font-size: 0.75rem;}

    /* 탭 : 3차 탭 */
    .tab_list li {width: 100%;}

    /* 탭 : 탭스타일 갯수 */
    .Tab_w20 li {width: 100%;}

    /* 콘텐츠 준비중 */
    .Coming_soon h3 {font-size: 1rem;}
    .Coming_soon p {font-size: 0.7rem;}

    /* 절차 */
    .prcd_ol1 > li {width: 100% !important;}
    .prcd_ol1 > li:nth-child(n+2) {margin-top: 0.5rem !important;}
}