/* COMMON */
body {font-size: 0.9rem; color: #444; line-height: 1.5;}

::placeholder,
::-webkit-input-placeholder,
::-ms-input-placeholder {color: #444; font-weight: 400;}

i[class^="ri"],
i[class^="xi"] {font-weight: 400 !important;}

.blind {position: absolute; margin: -1px; padding: 0; width: 1px; height: 1px; border: 0; clip: rect(0, 0, 0, 0); overflow: hidden;}



/* RESET */
.subCntBody .sub_container .subContent {line-height: 1.5;}



/* VAR */
:root {
	--gap: 0.5rem;
}



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



/* width(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;}

/* width(%) */
.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;}

/* padding */
.pd0 {padding: 0 !important;}
.pd5 {padding: 0.25rem !important;}
.pd10 {padding: 0.5rem !important;}
.pd15 {padding: 0.75rem !important;}
.pd20 {padding: 1rem !important;}
.pd30 {padding: 1.5rem !important;}
/* padding-top */
.pdt0 {padding-top: 0px !important;}
.pdt5 {padding-top: 0.25rem !important;}
.pdt10 {padding-top: 0.5rem !important;}
.pdt15 {padding-top: 0.75rem !important;}
.pdt20 {padding-top: 1rem !important;}
.pdt30 {padding-top: 1.5rem !important;}
.pdt40 {padding-top: 40px !important;}
/* padding-left */
.pdl5 {padding-left: 0.25rem !important;}
.pdl10 {padding-left: 0.5rem !important;}
.pdl15 {padding-left: 0.75rem !important;}
.pdl20 {padding-left: 1rem !important;}
.pdl30 {padding-left: 1.5rem !important;}
/* padding-right */
.pdr5 {padding-right: 0.25rem !important;}
.pdr10 {padding-right: 0.5rem !important;}
.pdr15 {padding-right: 0.75rem !important;}
.pdr20 {padding-right: 1rem !important;}
.pdr30 {padding-right: 1.5rem !important;}
/* padding-bottom */
.pdb0 {padding-bottom: 0px !important;}
.pdb5 {padding-bottom: 0.25rem !important;}
.pdb10 {padding-bottom: 0.5rem !important;}
.pdb15 {padding-bottom: 0.75rem !important;}
.pdb20 {padding-bottom: 1rem !important;}
.pdb30 {padding-bottom: 1.5rem !important;}

/* margin */
.mg0 {margin: 0 !important;}
.mg5 {margin: 0.25rem !important;}
.mg10 {margin: 0.5rem !important;}
.mg15 {margin: 0.75rem !important;}
.mg20 {margin: 1rem !important;}
.mg30 {margin: 1.5rem !important;}
/* margin-top */
.mgt5 {margin-top: 0.25rem !important;}
.mgt10 {margin-top: 0.5rem !important;}
.mgt15 {margin-top: 0.75rem !important;}
.mgt20 {margin-top: 1rem !important;}
.mgt30 {margin-top: 1.5rem !important;}
.mgt40 {margin-top: 40px !important;}
.mgt5n {margin-top: -5px !important;}
.mgt10n {margin-top: -10px !important;}
/* margin-left */
.mgl5 {margin-left: 0.25rem !important;}
.mgl10 {margin-left: 0.5rem !important;}
.mgl15 {margin-left: 0.75rem !important;}
.mgl20 {margin-left: 1rem !important;}
.mgl30 {margin-left: 1.5rem !important;}
/* margin-right */
.mgr5 {margin-right: 0.25rem !important;}
.mgr10 {margin-right: 0.5rem !important;}
.mgr15 {margin-right: 0.75rem !important;}
.mgr20 {margin-right: 1rem !important;}
.mgr30 {margin-right: 1.5rem !important;}
/* margin-bottom */
.mgb0 {margin-bottom: 0 !important;}
.mgb5 {margin-bottom: 0.25rem !important;}
.mgb10 {margin-bottom: 0.5rem !important;}
.mgb15 {margin-bottom: 0.75rem !important;}
.mgb20 {margin-bottom: 1rem !important;}
.mgb30 {margin-bottom: 1.5rem !important;}



/* iframe */
.iframe {width:100%; height:1000px;}

/* 이미지맵 사용시 : 웹 화면 none */
.WnTMb {display: none;}

/* 이미지맵 사용시 : 태블릿 모바일 block */
@media screen and (max-width: 1240px) {
	.WnTMb {display: block;}
}

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



/* 통합검색 여백 */
.totalSearch .inner{ padding:0 0.25rem 0 0.75rem;}
.totalSearch .inner input[type="search"]{ padding-left:5px;}



/* form 요소 */
input[type='email'],
input[type='number'],
input[type='password'],
input[type='tel'],
input[type='url'],
input[type='text'],
input[type='date'],
select,
textarea {max-width: 100%; height: 2rem; border-radius: 10px; border: 1px solid #ddd; padding: 0 0.5rem; color: inherit;}
select {padding-right: calc(1.5rem + 10px); position: relative; appearance:none; background: url(/resource/images/con_com/select_bg.png) right 0.75rem center no-repeat;}
textarea {height: auto;}

/* form 요소 : 너비 */
input.w100 {width: 100%;}
input.w80 {width: 80%;}
input.w60 {width: 60%;}
input.w50 {width: 50%;}
input.w40 {width: 40%;}
input.w30 {width: 30%;}
input.w20 {width: 20%;}
input.mx-w5 {width: 100%; max-width: 5rem;}
input.mx-w10 {width: 100%; max-width: 10rem;}
input.mx-w20 {width: 100%; max-width: 20rem;}
input.mx-w30 {width: 100%; max-width: 30rem;}
input.mx-w40 {width: 100%; max-width: 40rem;}



/* 타이틀 */
h3[class^='tit'] {font-weight: 700;}
h4[class^='tit'],
h5[class^='tit'] {font-weight: 600;}
.tit1 {font-size: 1.2rem; color: #1e6957;}
.tit2 {font-size: 1.1rem; color: #000;}
.tit3 {font-size: 1rem; color: #222;}

/* 타이틀 - 여백 - 상단 */
h3[class^='tit'] {margin-top: 3em; margin-bottom: 0.25rem;}
h4[class^='tit'] {margin-top: 2rem; margin-bottom: 0.25rem;}
h5[class^='tit'] {margin-top: 1.5rem; margin-bottom: 0.25rem;}
/* 타이틀 - 여백 - 상단 (첫 타이틀) */
h3[class^="tit"]:first-of-type,
h4[class^='tit']:first-of-type,
h5[class^='tit']:first-of-type {margin-top: 0;}
[class^="box_st"] [class^='tit']:first-of-type {margin-top: 0 !important;}
/* 타이틀 - 여백 - 타이틀 + 타이틀 */
h3.tit1 + h4.tit2 {margin-top: 0.75rem;}
h4.tit2 + h5.tit3 {margin-top: 0.5rem;}
/* 타이틀 - 여백 - 콘텐츠 + 타이틀 */
div + h3[class^='tit'],
p + h3[class^='tit'],
ul + h3[class^='tit'] {margin-top: 2rem !important;}
div[class^="tab_st"] + h3[class^='tit'] {margin-top: 1rem !important;}
*:not(h3) + h4[class^='tit'] {margin-top: 1.5rem !important;}
*:not(h4) + h5[class^='tit'] {margin-top: 1rem !important;}



/* 불릿 및 리스트 */
[class^="bu_st"],
[class^="list_st"] > li {position: relative;}
.bu_st1,
.list_st1 > li {padding-left: 0.72em; font-weight: 400; margin-top: 0.35rem;}
.bu_st1::before,
.list_st1 > li::before {content: ""; display: block; width: 0.3em; height: 0.3em; border-radius: 50%; background: #1e6957; position: absolute; left: 0; top: 0.6em;}
.bu_st2,
.list_st2 > li {padding-left: 0.78em; margin-top: 0.35rem;}
.bu_st2::before,
.list_st2 > li::before {content: ""; display: block; width: 0.44em; height: 0.17em; border-radius: 0.085em; background: #555; position: absolute; left: 0; top: 0.7em;}
.bu_st3,
.list_st3 > li {padding-left: 0.59em; font-size: 0.85rem; color: #555; margin-top: 0.25rem;}
.bu_st3::before,
.list_st3 > li::before {content: ""; display: block; width: 0.25em; height: 0.25em; border-radius: 50%; background: #999; position: absolute; left: 0; top: 0.6em;}
.bu_st4,
.list_st4 > li {padding-left: 0.65em; font-size: 0.85rem; color: #555; margin-top: 0.25rem;}
.bu_st4::before,
.list_st4 > li::before {content: ""; display: block; width: 0.29em; height: 2px; background: #999; position: absolute; left: 0; top: calc(0.85em - 1px);}

/* 불릿 및 리스트 - 불릿 */
.bu_st2 {margin-left: calc(0.9rem * 0.72);}
.bu_st3 {margin-left: calc((0.9rem * 0.72) + (0.9rem * 0.78));}
.bu_st4 {margin-left: calc((0.9rem * 0.72) + (0.9rem * 0.78) + (0.85rem * 0.59));}

/* 불릿 및 리스트 - 리스트 : 텍스트 타입 */
[class^="list_stT"] > li {margin-top: 0.25rem;}
[class^="list_stT"] ul,
[class^="list_stT"] ol {margin-left: 0.75em;}

/* 불릿 및 리스트 - 리스트 : 가로 나열 */
ul[class*='li_w'] {display: flex; flex-wrap: wrap; column-gap: var(--gapLi); overflow: hidden;
	--gapLi: calc(var(--gap) * 2)
}
.li_w50 > li {width: calc((100% - var(--gapLi) * 1) / 2);}
.li_w30 > li {width: calc((100% - var(--gapLi) * 2) / 3);}
.li_w25 > li {width: calc((100% - var(--gapLi) * 3) / 4);}
.li_w20 > li {width: calc((100% - var(--gapLi) * 4) / 5);}

/* 불릿 및 리스트 - 리스트 : 순차적 혹은 맨 앞에 포인트 들어가는 리스트 타입 */
[class^="list_ol"] > li {padding-left: 1.75em; margin-top: 0.35rem; position: relative;}
[class^="list_ol"] > li > .num {font-size: 0.94em; position: absolute; left: 0; top: 0.05em;}
[class^="list_ol"] > li > .num::after {content: "\2024";}
.list_ol1 {font-weight: 500;}
.list_ol1 > li > .num {color: #1e6957; font-weight: 800;}
.list_ol2 {font-size: 0.85rem; font-weight: 400;}
.list_ol2 > li > .num {font-weight: 700;}



/* 텍스트 요소 : 주의&경고&안내 타입 */
div + .bu_atte,
div + .bu_wnrn,
div + .bu_wnrnL,
table + .bu_atte,
table + .bu_wnrn,
table + .bu_wnrnL,
ul + .bu_atte,
ul + .bu_wnrn,
ul + .bu_wnrnL {margin-top: 1rem;}
.bu_atte,
.bu_wnrn,
.bu_wnrnL {font-size: 0.85rem; color: #444; margin-top: 0.25rem; position: relative;}
.bu_atte {padding-left: 1em; line-height:normal;}
.bu_atte::before {content: "\203B"; font-size: 1.25em; position: absolute; left: 0; top: -0.1em;}
.bu_wnrn {padding-left: 1.3em; color: #e40a2e; font-weight: 500;}
.bu_wnrn:before {content: "\f448"; font-family: 'remixicon'; font-size: 1.125em; position: absolute; left: 0; top: -0.05em;}
.bu_wnrnL {padding-left: 1.3em; font-weight: 500;}
.bu_wnrnL:before {content: "\f449"; font-family: 'remixicon'; font-size: 1.125em; position: absolute; left: 0; top: -0.05em;}

/* 텍스트 요소 : 폰트컬러 타입 */
.pc_blue {color: #196ebe !important;}
.pc_navy {color: #043763 !important;}
.pc_org {color: #f40 !important;}
.pc_black {color: #000 !important;}
.pc_green {color: #1e6957 !important;}
.pc_red {color: #e40a2e !important;}
/* 텍스트 요소 : 폰트컬러 타입 : 화면 표시 X */
.pc_gray {color: #333 !important;}
.pc_pink {color: #ff1769 !important;}
.pc_yellow {color: #eb8809 !important;}

/* 텍스트 요소 : 텍스트 배경색 */
.bg_blue,
.bg_navy,
.bg_org,
.bg_black,
.bg_green,
.bg_red,
.bg_gray,
.bg_yellow {display: inline-block; padding: 1px 0.5rem !important; color: #fff !important;}
.bg_blue {background: #196ebe !important;}
.bg_navy {background: #043763 !important;}
.bg_org {background: #f40 !important;}
.bg_black {background: #000 !important;}
.bg_green {background: #1e6957 !important;}
.bg_red {background: #e40a2e !important;}
/* 텍스트 요소 : 텍스트 배경색 : 화면 표시 X */
.bg_gray {background: #333 !important;}
.bg_yellow {background: #d27c0e !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: 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.bu_link,
a.bu_mail,
a.bu_down,
a.bu_tel {display: inline-block; font-size: 0.85rem; color: #004087; text-decoration: underline; position: relative; word-break: break-all;}
.txt_p > [class^="bu_"],
[class^="list_st"] > li > [class^="bu_"] {margin: 0 0.25rem;}
a.bu_link::before,
a.bu_mail::before,
a.bu_down::before,
a.bu_tel::before {display: inline-block; padding-right: 0.2em; font-family: 'remixicon'; font-size: 1.18em; color: #235190; font-weight: 400;}
a.bu_link::before {content: "\ecaf";}
a.bu_mail::before {content: "\eef6";}
a.bu_down::before {content: "\ec54";}
a.bu_tel::before {content: "\efe9";}



/* 버튼 : 공통 */
.btns {display: flex; flex-wrap: wrap; align-items: flex-start; gap: calc(var(--gap) * 0.6); /* margin: 1rem 0 1.7rem; */}
.btns.ar {justify-content: flex-end;}
.btns[class*="ac_amt"] {justify-content: center;}
.btns[class*="ar_amt"] {justify-content: flex-end;}

/* 버튼 : 상하 여백 */
.btns.pd_t20 {padding:1rem 0 0 0;}
.btns.pd_tb20 {padding:1rem 0;}

/* 버튼 : 기본, 미니, 아이콘 */
.btns [class*="btn_"] {display: inline-flex; justify-content: center; align-items: center; min-width: 9.44em; border-radius: 10px; border-width: 1px; border-style: solid; padding: 0.525em 1.33em; font-weight: 600;}
.btns [class*="btn_"]:has( > i) {padding-right: 0.75em;}
.btns [class*="btn_"].mini {min-width: unset; padding: 0.45em 0.87em; font-size: 0.94em; line-height: 1.33;}
.btns [class*="btn_"].ico {min-width: unset; width: 2em; height: 2em; padding: 0; font-size: 1.11em;}
.btns [class*="btn_"] > i {font-size: 1.11em; margin-left: 1.25em;}
.btns [class*="btn_"].ico > i {font-size: inherit; margin-left: 0 !important;}
.btns .btn_bsc1 {border-color: #ddd; background: #fff; color: #010101;}
.btns .btn_bsc2 {border-color: #444; background: #444; color: #fff;}
.btns .btn_impt {border-color: #1e6957; background: #1e6957; color: #fff;}
/* 버튼 : 기본, 미니, 아이콘 : active */
.btns [class^="btn_"] {transition: 0.3s;}
.btns .btn_bsc1:hover,
.btns .btn_bsc1:focus {background: #f5f5f5; color: #000;}
.btns .btn_bsc2:hover,
.btns .btn_bsc2:focus {border-color: #282828; background: #282828; color: #fff;}
.btns .btn_impt:hover,
.btns .btn_impt:focus {border-color: #043e30; background: #043e30; color: #fff;}

/* 버튼 : 색상 */
.btns .btn_blue {border-color: #196ebe; background: #196ebe; color: #fff;}
.btns .btn_navy {border-color: #043763; background: #043763; color: #fff;}
.btns .btn_org {border-color: #f40; background: #f40; color: #fff;}
.btns .btn_red {border-color: #e40a2e; background: #e40a2e; color: #fff;}
.btns .btn_bl {border-color: #29429a; background: #426aba; color: #fff;}
.btns .btn_gr {border-color: #444; background: #444; color: #fff; }
.btns .btn_yel {background-color:#ffb200; border-color:#ff9b00; color: #fff; }
.btns .btn_green {border-color: #ddd; background: #f5f9f8; color: #1e6957;}

/* 버튼 : 색상 : active */
.btns .btn_blue:hover,
.btns .btn_blue:focus {border-color: #115ca2; background: #115ca2;}
.btns .btn_navy:hover,
.btns .btn_navy:focus {border-color: #2a69a1; background: #2a69a1;}
.btns .btn_org:hover,
.btns .btn_org:focus {border-color: #d94e1b; background: #d94e1b;}
.btns .btn_red:hover,
.btns .btn_red:focus {border-color: #c11330; background: #c11330;}
.btns .btn_bl:hover,
.btns .btn_bl:focus {border-color: #29429a; background: #29429a;}
.btns .btn_gr:hover,
.btns .btn_gr:focus {border-color: #55555c; background: #55555c;}
.btns .btn_yel:hover,
.btns .btn_yel:focus {border-color: #ED9A33; background: #ED9A33;}
.btns .btn_green:hover,
.btns .btn_green:focus {border-color: #1e6957; background: #1e6957; color:#fff;}


/* 버튼 : 리스트 */
.btns.lst > [class^="btn_"] {justify-content:space-between; width:100%; padding:0.75rem 0 0.75rem 1rem; font-weight:500;}
.btns.lst > [class^="btn_"] > i {flex-shrink: 0; display: flex; justify-content: center; align-items: center; width: 3em; margin-left: 1em; position: relative;}
.btns.lst > [class^="btn_"] > i::after {content: ""; display: block; width: 1px; height: 0.7em; position: absolute; left: 0; top: calc(50% - 0.35em);}
.btns.lst > .btn_bsc1 > i::after {background: #ddd;}
.btns.lst > .btn_bsc2 > i::after {background: #fff;}
.btns.lst > .btn_impt > i::after {background: #fff;}
/* 버튼 : 리스트 : active */
.btns.lst > .btn_bsc1:hover,
.btns.lst > .btn_bsc1:focus {border-color: #043e30; background: #fff; color: #043e30;}

/* 버튼 : 리스트 : 너비 */
.btns.lst > [class^="btn_"].w50 {width: calc((100% - (0.3rem * 1)) / 2);}
.btns.lst > [class^="btn_"].w30 {width: calc((100% - (0.3rem * 2)) / 3);}
.btns.lst > [class^="btn_"].w25 {width: calc((100% - (0.3rem * 3)) / 4);}
.btns.lst > [class^="btn_"].w20 {width: calc((100% - (0.3rem * 4)) / 5);}



/* 테이블 : 기본 타입 */
div[class*='tbl_st'] {width: 100%; background: #fff; margin-top: 0.25rem; position: relative; overflow: hidden;}
div[class*='tbl_st'] > table {table-layout: fixed; width: calc(100% + 1.5px); border-top: 2px solid #000; margin-left: -1.5px; position: relative; word-break: break-all; -webkit-overflow-scrolling: -webkit-touch;}
div[class*='tbl_st'] > table th,
div[class*='tbl_st'] > table td {border-left: 1px solid #cfd5d4; border-bottom: 1px solid #cfd5d4; padding: 0.75em 1rem;}
div[class*='tbl_st'] > table th {color: #000; font-weight: 600; text-align: center; vertical-align: middle;}
div[class*='tbl_st'] > table thead th {background: #ecf4f2;}
div[class*='tbl_st'] > table tbody th {background: #f5f9f8;}
div[class*='tbl_st'] > table tfoot th {background: #ecf4f2;}
div[class*='tbl_st'] > table td {text-align: center;}
div[class*='tbl_st'] > table td [class^="list_st"] {text-align: left;}
/* 테이블 : 여백 축소 */
div[class*='tbl_st'].slim > table th,
div[class*='tbl_st'].slim > table td { padding: 0.875em 0.25rem;}

/* 테이블 : 테이블 4면 라인 */
div[class*='tbl_st'].tbl_st2 > table {width: 100%; border-right: 1px solid #cfd5d4; margin-left: 0 !important;}

/* 테이블 : 스크롤 : 공통 */
.tbl_wrap_scroll {padding-top: calc(0.555em - 1px); margin-top: 0.25rem; position: relative;}
.tbl_wrap_scroll::after {content: "\f537"; display: flex; justify-content: center; align-items: center; width: 1.67em; height: 1.11em; border-radius: 0.555em; background: #000; font-family: 'remixicon'; color: #fff; position: absolute; right: 0; top: 0; z-index: 1; opacity: 0; visibility: hidden;}
.tbl_wrap_scroll > div[class*='tbl_st'] {margin-top: 0;}

/* 테이블 : 스크롤 : PC */
.tbl_wrap_scroll:has(div[class*='tbl_st'].scroll_wide)::after {opacity: 1; visibility: visible;}
div[class*='tbl_st'].scroll_wide {overflow-x: auto;}
div[class*='tbl_st'].scroll_wide > table {width: 200%;}

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

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

	/* 테이블 : 스크롤 : 반응형 */
	.tbl_wrap_scroll:has(div[class*='tbl_st'].scroll_gr)::after {opacity: 1; visibility: visible;}
	div[class*='tbl_st'].scroll_gr {overflow-x: auto;}
	div[class*='tbl_st'].scroll_gr > table {width: 1024px;}
}

/* 테이블 : 배경 및 라인 색상 클래스 추가 */
div[class*='tbl_st'] > table:has([class*='tbl_L']) {width: calc(100% + 1px); margin-left: -1px;}
/* 배경 */
.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;}
/* 4면 */
.tbl_L {border: 2px solid #333 !important;}
.tbl_Lbl {border: 2px solid #014d9b !important;}
.tbl_Lre {border: 2px solid #ff6363 !important;}
.tbl_Lgr {border: 2px solid #1e6957 !important;}
.tbl_Lye {border: 2px solid #f9ba00 !important;}
/* 상단선 */
.tbl_L_T {border-top: 2px solid #333 !important;}
.tbl_Lbl_T {border-top: 2px solid #014d9b !important;}
.tbl_Lre_T {border-top: 2px solid #ff6363 !important;}
.tbl_Lgr_T {border-top: 2px solid #1e6957 !important;}
.tbl_Lye_T {border-top: 2px solid #f9ba00 !important;}
/* 좌측선 */
.tbl_L_L {border-left: 2px solid #333 !important;}
.tbl_Lbl_L {border-left: 2px solid #014d9b !important;}
.tbl_Lre_L {border-left: 2px solid #ff6363 !important;}
.tbl_Lgr_L {border-left: 2px solid #1e6957 !important;}
.tbl_Lye_L {border-left: 2px solid #f9ba00 !important;}
/* 우측선 */
.tbl_L_R {border-right: 2px solid #333 !important;}
.tbl_Lbl_R {border-right: 2px solid #014d9b !important;}
.tbl_Lre_R {border-right: 2px solid #ff6363 !important;}
.tbl_Lgr_R {border-right: 2px solid #1e6957 !important;}
.tbl_Lye_R {border-right: 2px solid #f9ba00 !important;}
/* 하단선 */
.tbl_L_B {border-bottom: 2px solid #333 !important;}
.tbl_Lbl_B {border-bottom: 2px solid #014d9b !important;}
.tbl_Lre_B {border-bottom: 2px solid #ff6363 !important;}
.tbl_Lgr_B {border-bottom: 2px solid #1e6957 !important;}
.tbl_Lye_B {border-bottom: 2px solid #f9ba00 !important;}

/* 테이블 - form */
div[class*='tbl_st'].form > table th,
div[class*='tbl_st'].form > table td {padding: 0.5rem 1rem;}
div[class*='tbl_st'].form > table td .btns {margin: 0;}
div[class*='tbl_st'].form > table td * + .btns {margin-top: 0.5rem;}
div[class*='tbl_st'].form > table td .btns + * {margin-top: 1rem;}
div[class*='tbl_st'].form > table td .frmWr {display: flex; flex-wrap: wrap; margin: -0.25rem;}
div[class*='tbl_st'].form > table td .frmWr > * {margin: 0.25rem;}

/* 테이블 - 기타 */
.tbl_utile {font-size: 0.94em; text-align: right; line-height: 1em; margin-top: -1em;}

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

  	/* 테이블 - 기타 */
  	.tbl_utile {margin-top: 0;}
}



/* 박스 : 타입 */
* + [class^="box_st"] {margin-top: 0.75rem;}
[class^="box_st"]:has( + *) {margin-bottom: 0.75rem;}
[class^="box_st"] .box_tit {font-weight: 700;}
[class^="box_st"] {border-radius:0 10px 0 0;}
.box_st1 {display: flex; align-items: flex-start; border: 4px solid #e8f2ef; padding: 1.44em 2em; position: relative;}
.box_st1::before {content: ""; display: block; width: 0.9rem; height: 0.9rem; border-radius: 50%; border: 0.2rem solid #fff; background-color: #1e6957; position: absolute; left: calc(-4px - 0.2rem); top: calc(-4px - 0.2rem);}
.box_st1 > .icn {flex-shrink: 0; display: flex; justify-content: center; align-items: center; width: 4.45em; max-width: 80px; height: 4.45em; max-height: 80px; border-radius: 0.56em; background: #f5f9f8; line-height: 0; margin-right: 1.875em;}
.box_st1 > .icn > img {max-width: 100%; max-height: 100%; object-fit: contain;}
.box_st1 > .txt {flex: 1; color: #555;}
.box_st1 > .icn + .txt {padding-top: 0.29em;}
.box_st1 > .txt > .box_tit {font-size: 1.2rem; color: #1e6957; margin-bottom: 0.25em;}
.box_st2 {border-radius: 10px; border: 1px solid #e3e3e3; background: #f6f6f6; padding: 1em 1.33em;}
.box_st2 > .box_tit {font-size: 1.1em; color: #222; margin-bottom: 0.25em;}
.box_st3 {border-radius: 10px; border: 1px solid #e3e3e3; background: #fff; padding: 1em 1.33em;}
.box_st3 > .box_tit {font-size: 1.1em; color: #222; margin-bottom: 0.25em;}
/* 아이콘박스 */
.box_st_icn{ position:relative; padding:1.5rem; border-radius:0.5rem; background:#f5f9f8;}
.box_st_icn .icn{ position:absolute; left:1.5rem; top:1.5rem; width:4rem; height:4rem; border-radius:0.5rem; display: flex; align-items: center; justify-content: center; color:#1c7c65; font-size:2rem; box-shadow:0 0 10px rgba(28, 124, 101, 0.4); background:#fff;}
.box_st_icn dl{ position:relative; min-height:4rem; padding-left:5.5rem;}
.box_st_icn dl:before{ content:"";  }
.box_st_icn dt{ font-size:1rem; font-weight: 600; padding:0.25rem 0; color:#000; }

/* 박스 : 정렬 */
.box_flex {display: flex; flex-wrap: wrap; align-items: center; gap: 1.5rem;}
* + .box_flex {margin-top: 1rem;}
.box_flex:has( + *) {margin-bottom: 1rem;}
.box_flex [class^="box_st"] {margin: 0 !important;}
.box_flex > .con {flex: 1;}
.box_flex .btns {margin: 0;}

/* 박스 : 정렬 : 외부 */
.box_flex[class*="box_w"] {align-items: stretch; gap: var(--gapBox);
	--gapBox: calc(var(--gap) * 1.5);
}
.box_flex.box_w50 > * {width: calc((100% - (var(--gapBox) * 1)) / 2);}
.box_flex.box_w30 > * {width: calc((100% - (var(--gapBox) * 2)) / 3);}
.box_flex.box_w25 > * {width: calc((100% - (var(--gapBox) * 3)) / 4);}
.box_flex.box_w20 > * {width: calc((100% - (var(--gapBox) * 4)) / 5);}

/* 탭 : tab_st */
div[class^="tab_st"] {margin-bottom: 0.5rem;}
div[class^="tab_st"] > ul {display: flex; flex-wrap: wrap; column-gap: var(--gap); position: relative; z-index: 0; overflow: hidden;}
div[class^="tab_st"] > ul::before {content: ""; display: block; width: 100%; height: 100%; border-radius: 10px; background: transparent; position: absolute; left: 0; top: 0; z-index: -2;}
div[class^="tab_st"] > ul::after {content: ""; display: block; width: 100%; height: 100%; border-radius: 10px; border: 1px solid #ddd; position: absolute; left: 0; top: 0; z-index: -1;}
div[class^="tab_st"] > ul > li {width: calc((100% - (var(--gap) * 3)) / 4); position: relative;}
div[class^="tab_st"] > ul > li::before {content: ""; display: block; width: calc(100% + 0.5rem); border-bottom: 1px dashed #ddd; position: absolute; left: -0.25rem; bottom: -1px;}
div[class^="tab_st"] > ul > li > a,
div[class^="tab_st"] > .select {display: flex; justify-content: space-between; align-items: flex-start; border-radius: 10px; border: 2px solid transparent; height: 100%; padding-left: 1rem !important; padding-right: 0.75rem !important;}
div[class^="tab_st"] > .select {display: none;}
/* 탭 : tab_st : pseudo */
div[class^="tab_st"] > ul > li > a::after,
div[class^="tab_st"] > .select::after {font-family: 'remixicon'; font-size: 1.2em; font-weight: 400 !important; line-height: 1.3; margin-left: 0.5rem;}
div[class^="tab_st"] > ul > li > a[target="_blank"]::after {content: "\ecaf" !important;}

/* 탭 : tab_st1 */
.tab_st1 > ul::before {background: #f5f5f5 !important;}
.tab_st1 > ul > li > a,
.tab_st1 > .select {padding: 0.775em 0;}
/* 탭 : tab_st1 : pseudo */
.tab_st1 > ul > li > a::after,
.tab_st1 > .select::after {content: "\ea4e";}
/* 탭 : tab_st1 : active */
.tab_st1 > ul > li > a,
.tab_st1 > ul > li > a::before {transition: 0.3s;}
.tab_st1 > ul > li:not(.on) > a:hover,
.tab_st1 > ul > li:not(.on) > a:focus {color: #000; font-weight: 700;}
.tab_st1 > ul > li.on > a,
.tab_st1 > .select {border-color: #1e6957 !important; background: #1e6957; box-shadow: 0 0 0.56em rgba(33,92,0,0.2); color: #fff; font-weight: 700;}

/* 탭 : tab_st2 */
.tab_st2 > ul::before {background: #fff !important;}
.tab_st2 > ul > li > a,
.tab_st2 > .select {padding: 0.5em 0;}
/* 탭 : tab_st2 : pseudo */
.tab_st2 > ul > li > a::after {content: "\eb81";}
/* 탭 : tab_st2 : active */
.tab_st2 > ul > li > a {transition: 0.3s;}
.tab_st2 > ul > li:not(.on) > a:hover,
.tab_st2 > ul > li:not(.on) > a:focus {color: #1e6957; font-weight: 700;}
.tab_st2 > ul > li.on > a,
.tab_st2 > .select {border-color: #1e6957 !important; background: #fff; box-shadow: 0 0 0.56em rgba(33,92,0,0.2); color: #1e6957; font-weight: 700;}
.tab_st2 > ul > li.on > a::after,
.tab_st2 > .select::after {content: "\eb80";}

/* 탭 : tab_list */
.tab_list {display: flex; flex-wrap: wrap; column-gap: var(--gap); border-radius: 10px; border: 1px solid #ddd; background: #f6f6f6; padding: 0.5rem 0; font-size: 0.85rem;}
.tab_list > li {width: calc((100% - (var(--gap) * 3)) / 4); padding: 0 1rem;}
.tab_list > li a {display: inline-block; padding: 0.125em 0; padding-left: 0.76em; color: #555; position: relative;}
.tab_list > li a::before {content: ""; display: block; width: 0.35em; height: 0.35em; border-radius: 50%; background: #555; position: absolute; left: 0; top: 0.7em;}
/* 탭 : tab_list : pseudo */
.tab_list > li a[target="_blank"]::after {content: "\ecaf"; font-family: 'remixicon'; font-size: 1.2em; font-weight: 400; line-height: 1.3; margin-left: 0.25em;}
/* 탭 : tab_list : active */
.tab_list > li a,
.tab_list > li a::before {transition: 0.3s;}
.tab_list > li a:hover,
.tab_list > li a:focus {color: #000; font-weight: 700;}
.tab_list > li a:hover::before,
.tab_list > li a:focus::before {background: #000;}
.tab_list > li.on a {color: #1e6957; font-weight: 700;}
.tab_list > li.on a::before {background: #1e6957;}

/* 탭 : 탭 개수 */
div[class^="tab_st"].Tab_w50 li, ul[class^="tab_list"].Tab_w50 li {width: calc((100% - (var(--gap) * 1)) / 2);}
div[class^="tab_st"].Tab_w30 li, ul[class^="tab_list"].Tab_w30 li  {width: calc((100% - (var(--gap) * 2)) / 3);}
div[class^="tab_st"].Tab_w20 li, ul[class^="tab_list"].Tab_w20 li {width: calc((100% - (var(--gap) * 4)) / 5);}

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

	/* 탭 : 공통 */
	div[class^="tab_st"].reactTab > .select {display: flex;}
	div[class^="tab_st"].reactTab ul {display: none; margin-top: var(--gap);}
	/* 탭 : 공통 : active */
	div[class^="tab_st"].reactTab ul.actv {display: flex;}

	div[class^="tab_st"].Tab_w50 li, ul[class^="tab_list"].Tab_w50 li  {width: 100% !important;}
	div[class^="tab_st"].Tab_w30 li, ul[class^="tab_list"].Tab_w30 li {width: 100% !important;}
	div[class^="tab_st"].Tab_w20 li, ul[class^="tab_list"].Tab_w20 li {width: 100% !important;}
}



/* 이미지 : 확대보기 */
.rsp_img {display: inline-block; max-width: 100%; font-size: 0; line-height: 0; position: relative;}
.rsp_img img {max-width: 100%;}
.rsp_img .btn-zoom {display: flex; justify-content: center; align-items: center; width: 2.27em; height: 2.27em; border-top-left-radius: 1.14em; background: #fff; font-size: 1.1rem; color: #222; position: absolute; right: 0; bottom: 0;}
.rsp_img .btn-zoom::after {content: "\f4d1"; font-family: 'remixicon';}



/* 콘텐츠 준비 중 */
.comingSoon {display: flex; justify-content: center; align-items: center; border: 1px solid #d4d8dd; background: #fcfdfe; padding: 2.5rem 4rem;}
.comingSoon .img {font-size: 0; line-height: 0; margin-right: 3.65rem;}
.comingSoon .img img {width: 10.9rem;}
.comingSoon .txt {font-size: 1rem;}
.comingSoon .txt .tit {font-size: 2em; color: #000; font-weight: 700;}
.comingSoon .txt .dsc {margin-top: 1em;}



/* 이미지 + 텍스트 : 공통 */
[class^="imgTxt_st"] > ul > li > .imgWr {display: flex; justify-content: center; align-items: center; background: #f1f1f1;}
[class^="imgTxt_st"] > ul > li > .imgWr > img {max-width: 100%;}
[class^="imgTxt_st"] > ul > li > .txtWr > .tit {font-size: 1.1em; color: #111; font-weight: 700; margin-bottom: 0.5em;}

/* 이미지 + 텍스트 : 가로정렬 */
.imgTxt_st > ul > li {display: flex; align-items: flex-start;}
.imgTxt_st > ul > li + li {border-top: 2px dotted #ddd; padding-top: 1.9rem; margin-top: 1.9rem;}
.imgTxt_st > ul > li > .imgWr {width: 16.5rem; max-width: calc(50% - calc(0.9rem * 0.75)); min-height: 10rem; font-size: 0; line-height: 0;}
.imgTxt_st > ul > li > .imgWr > img {max-width: 100%;}
.imgTxt_st > ul > li > .txtWr {flex: 1; padding-top: 1em; padding-left: 2.11em;}
/* 이미지 + 텍스트 : 가로정렬.tNi */
.imgTxt_st.tNi > ul > li {flex-direction: row-reverse;}
.imgTxt_st.tNi > ul > li > .txtWr {padding-left: 0; padding-right: 2.11em;}

/* 이미지 + 텍스트 : 세로정렬 */
.imgTxt_st2 > ul {display: flex; flex-wrap: wrap; gap: var(--gap);}
.imgTxt_st2 > ul > li {width: calc((100% - (var(--gap) * 2)) / 3); border: 1px solid #ddd; padding: 1rem;}
.imgTxt_st2.w50 > ul > li {width: calc((100% - (var(--gap) * 1)) / 2);}
.imgTxt_st2.w25 > ul > li {width: calc((100% - (var(--gap) * 3)) / 4);}
.imgTxt_st2.w20 > ul > li {width: calc((100% - (var(--gap) * 4)) / 5);}
.imgTxt_st2 > ul > li > .imgWr {height: 10rem;}
.imgTxt_st2 > ul > li > .imgWr > img {max-height: 100%; object-fit: cover;}
.imgTxt_st2 > ul > li > .txtWr {padding-top: 1.25em;}



/* 절차 : 공통 */
[class^="prcd_st"] > ul {
	--gapPrcd: calc(var(--gap) * 4);
}
[class^="prcd_st"] > ul > li {border-radius: 10px; position: relative;}
[class^="prcd_st"] > ul > li.prcd_bg_gray {background: #f6f6f6;}
[class^="prcd_st"] > ul > li + li::before {display: flex; justify-content: center; align-items: center; font-family: 'remixicon'; font-size: 1.67em; color: #000; position: absolute;}
[class^="prcd_st"] > ul > li::after {content: ""; display: block; width: 100%; height: 100%; border-radius: 10px; border: 1px solid #ddd; position: absolute; left: 0; top: 0;}
[class^="prcd_st"] > ul > li.prcd_fin{ background:#f5f9f8; }
[class^="prcd_st"] > ul > li.prcd_fin::after {border: 2px solid #1e6957;}

/* 절차 : 가로 */
[class^="prcd_st"].hrz > ul {display: flex; flex-wrap: wrap; gap: calc(var(--gap) * 2) var(--gapPrcd); margin:1rem 0; }
[class^="prcd_st"].hrz > ul > li {width: calc((100% - (var(--gapPrcd) * 3)) / 4);}
[class^="prcd_st"].hrz > ul > li + li::before {content: "\f2e4"; width: var(--gapPrcd); height: 100%; right: 100%; top: 0;}
/* 절차 : 가로 : 너비 */
[class^="prcd_st"].hrz.w50 > ul > li {width: calc((100% - (var(--gapPrcd) * 1)) / 2);}
[class^="prcd_st"].hrz.w30 > ul > li {width: calc((100% - (var(--gapPrcd) * 2)) / 3);}
[class^="prcd_st"].hrz.w20 > ul > li {width: calc((100% - (var(--gapPrcd) * 4)) / 5);}

/* 절차 : 세로 */
[class^="prcd_st"].vtc > ul {display: flex; flex-wrap: wrap; row-gap: var(--gapPrcd);}
[class^="prcd_st"].vtc > ul > li {width: 100%;}
[class^="prcd_st"].vtc > ul > li + li::before {content: "\f2e1"; width: 100%; height: var(--gapPrcd); right: 0; bottom: 100%;}

/* 절차 : prcd_st1 */
.prcd_st1 {text-align: center;}
.prcd_st1 > ul > li {display: flex; justify-content: center; align-items: center; padding: 1.025em 1rem;}
.prcd_st1 > ul > li > .liWr {font-weight: 500;}
.prcd_st1 > ul > li > .liWr > .prcd_tit {color: #000;}
.prcd_st1 > ul > li > .liWr > .prcd_con {font-size: 0.89em; color: #666;}
/* 절차 : prcd_st1 : fin */
.prcd_st1 > ul > li.prcd_fin > .liWr > .prcd_tit {color: #1e6957; font-weight: 700;}

/* 절차 : prcd_st2 */
.prcd_st2 > ul > li > .liWr > .titWr {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 0.5rem 1rem; border-bottom: 2px dotted #ddd; padding: 1.05em 1.5rem; font-weight: 700;}
.prcd_st2 > ul > li > .liWr > .titWr > .prcd_tit {font-size: 1.11em; color: #000;}
.prcd_st2 > ul > li > .liWr > .titWr > .prcd_stp {color: #666;}
.prcd_st2 > ul > li > .liWr > .conWr {padding: 1.375em 1.5rem;}
/* 절차 : prcd_st2 : fin */
.prcd_st2 > ul > li.prcd_fin > .liWr > .titWr > .prcd_tit,
.prcd_st2 > ul > li.prcd_fin > .liWr > .titWr > .prcd_stp {color: #1e6957;}

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

/* 동의서 */
.agree_wrap + .agree_wrap{ margin-top:1rem;}
.agree_wrap .txt_wrap{ padding:1.5rem 1.5rem 2rem; border-radius:0.5rem; background:#f5f9f8;}
.agree_wrap .txt_wrap dl{ position:relative; padding-left:5.5rem; padding-bottom:1.5rem; margin-bottom:1.5rem; border-bottom:1px dashed #b3d3cc;}
.agree_wrap .txt_wrap dl:before{ content:""; position:absolute; left:0; top:0; width:4rem; height:4rem; border-radius:0.5rem; box-shadow:0 0 10px rgba(28, 124, 101, 0.4); background:#fff url(/resource/images/sub_com/ico_agree_offcial.png) no-repeat center;}
.agree_wrap .txt_wrap dt{ font-size:1.2rem; font-weight: 700; margin-bottom:0.25rem; color:#000; }
.agree_wrap .check { display: flex; align-items: center; margin-top:-0.75rem; padding:0.75rem 1.25rem; border:1px solid #1c7c65; border-radius:0.5rem; background:#fff; }
.agree_wrap .check label{ font-size: 0.85rem; padding-left:0.5rem;}
.agree_wrap .check input[type="checkbox"]:checked + label { color:#1c7c65; font-weight: 600;}

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

	/* 불릿 및 리스트 - 리스트 : 가로 나열 */
	.li_w20 > li {width: calc((100% - var(--gapLi) * 3) / 4);}

	/* 버튼 : 리스트 : 너비 */
	.btns.lst > [class^="btn_"].w20 {width: calc((100% - (0.3rem * 3)) / 4);}

	/* 박스 : 정렬 : 외부 */
	.box_flex.box_w20 > * {width: calc((100% - (var(--gapBox) * 3)) / 4);}

	/* 이미지 + 텍스트 : 세로정렬 */
	.imgTxt_st2.w20 > ul > li {width: calc((100% - (var(--gap) * 3)) / 4);}

	/* 절차 : 가로 */
	[class^="prcd_st"].hrz > ul {overflow: hidden;}
	/* 절차 : 가로 : 너비 */
	[class^="prcd_st"].hrz.w20 > ul > li {width: calc((100% - (var(--gapPrcd) * 3)) / 4);}
}



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

	/* 불릿 및 리스트 - 리스트 : 가로 나열 */
	.li_w25 > li,
	.li_w20 > li {width: calc((100% - var(--gapLi) * 2) / 3);}

	/* 박스 : 정렬 : 외부 */
	.box_flex.box_w25 > *,
	.box_flex.box_w20 > * {width: calc((100% - (var(--gapBox) * 2)) / 3);}

	/* 절차 : 가로 : 너비 */
	[class^="prcd_st"].hrz > ul > li,
	[class^="prcd_st"].hrz.w20 > ul > li {width: calc((100% - (var(--gapPrcd) * 2)) / 3);}
}



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

	/* COMMON */
	body {font-size: 0.85rem;}

	/* 타이틀 */
	.tit1 {font-size: 1.15rem;}
	.tit2 {font-size: 1.05rem;}
	.tit3 {font-size: 0.95rem;}

	/* 타이틀 - 여백 - 상단 */
	h3[class^='tit'] {margin-top: 1.5rem; margin-bottom: 0.25rem;}
	h4[class^='tit'] {margin-top: 1.25rem; margin-bottom: 0.25rem;}
	h5[class^='tit'] {margin-top: 0.75rem; margin-bottom: 0.25rem;}
	/* 타이틀 - 여백 - 콘텐츠 + 타이틀 */
	div + h3[class^='tit'],
	p + h3[class^='tit'],
	ul + h3[class^='tit'] {margin-top: 1.5rem !important;}
	div[class^="tab_st"] + h3[class^='tit'] {margin-top: 0.75rem !important;}
	*:not(h3) + h4[class^='tit'] {margin-top: 1.25rem !important;}
	*:not(h4) + h5[class^='tit'] {margin-top: 0.75rem !important;}

	/* 버튼 : 리스트 : 너비 */
	.btns.lst > [class^="btn_"].w25,
	.btns.lst > [class^="btn_"].w20 {width: calc((100% - (0.3rem * 2)) / 3);}

	/* 이미지 + 텍스트 : 가로정렬 */
	.imgTxt_st > ul > li > .imgWr {max-width: calc(50% - calc(0.85rem * 0.75));}

	/* 이미지 + 텍스트 : 세로정렬 */
	.imgTxt_st2.w25 > ul > li,
	.imgTxt_st2.w20 > ul > li {width: calc((100% - (var(--gap) * 2)) / 3);}

	/* 탭 : tab_st */
	div[class^="tab_st"] > ul > li {width: 100%;}

	/* 탭 : tab_st1 : pseudo */
	.tab_st1 > ul > li > a:not([target="_blank"])::after {display: none;}

	/* 탭 : tab_st2 : pseudo */
	.tab_st2 > ul > li > a:not([target="_blank"])::after {display: none;}
}


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

	/* 박스 : 정렬 : 외부 */
	.box_flex.box_w50 > .box_st_icn { width:100%;}
}

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

	/* 불릿 및 리스트 - 리스트 : 가로 나열 */
	.li_w30 > li,
	.li_w25 > li,
	.li_w20 > li {width: calc((100% - var(--gapLi) * 1) / 2);}

	/* 버튼 : 공통 */
	.btns {gap: calc(var(--gap) * 0.5);}

	/* 버튼 : 기본, 미니, 아이콘 */
	.btns [class^="btn_"] {padding: 0.525em 0.75em;}

	/* 버튼 : 리스트 : 너비 */
	.btns.lst > [class^="btn_"].w30,
	.btns.lst > [class^="btn_"].w25,
	.btns.lst > [class^="btn_"].w20 {width: calc((100% - (0.3rem * 1)) / 2);}

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

	/* 테이블 - form */
	div[class*='tbl_st'].form > table th,
	div[class*='tbl_st'].form > table td {padding: 0.5rem 0.75rem;}
	div[class*='tbl_st'].form > table td .frmWr {margin: -0.125rem;}
	div[class*='tbl_st'].form > table td .frmWr > * {margin: 0.125rem;}

	/* 박스 : 정렬 : 외부 */
	.box_flex.box_w30 > *,
	.box_flex.box_w25 > *,
	.box_flex.box_w20 > * {width: calc((100% - (var(--gapBox) * 1)) / 2);}

	/* 탭 : tab_st */
	div[class^="tab_st"] > ul > li {width: 100%;}
	div[class^="tab_st"] > ul > li > a,
	div[class^="tab_st"] > .select {padding-left: 0.75rem !important; padding-right: 0.5rem !important;}

	/* 탭 : tab_list */
	.tab_list > li {width: calc((100% - (var(--gap) * 2)) / 3); padding: 0 0.75rem;}

	/* 콘텐츠 준비 중 */
	.comingSoon .img img {width: 9rem;}
	.comingSoon .txt .tit {font-size: 1.5em;}

	/* 이미지 + 텍스트 : 가로정렬 */
	.imgTxt_st > ul > li > .txtWr {padding-left: 1.5em;}
	/* 이미지 + 텍스트 : 가로정렬.tNi */
	.imgTxt_st.tNi > ul > li > .txtWr {padding-right: 1.5em;}

	/* 이미지 + 텍스트 : 세로정렬 */
	.imgTxt_st2 > ul > li,
	.imgTxt_st2.w25 > ul > li,
	.imgTxt_st2.w20 > ul > li {width: calc((100% - (var(--gap) * 1)) / 2);}

	/* 절차 : 가로 : 너비 */
	[class^="prcd_st"].hrz > ul > li,
	[class^="prcd_st"].hrz.w30 > ul > li,
	[class^="prcd_st"].hrz.w20 > ul > li {width: calc((100% - (var(--gapPrcd) * 1)) / 2);}

	/* 절차 : prcd_st2 */
	.prcd_st2 > ul > li > .liWr > .titWr {padding: 0.75em 1rem;}
	.prcd_st2 > ul > li > .liWr > .conWr {padding: 1em 1rem;}
}



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

	/* 버튼 : 기본, 미니, 아이콘 */
	.btns [class^="btn_"] {font-weight: 500;}

	/* 콘텐츠 준비 중 */
	.comingSoon {padding: 2rem 10vw;}
	.comingSoon .img {margin-right: 7.5vw;}
	.comingSoon .img img {width: 20vw;}
	.comingSoon .txt {font-size: 0.9rem;}
	.comingSoon .txt .dsc {margin-top: 0.75em;}
	.comingSoon .txt .dsc br {display: none;}

	.agree_wrap .txt_wrap{ padding:1rem 1rem 2rem;}
}



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

	/* 이미지 + 텍스트 : 가로정렬 */
	.imgTxt_st > ul > li > .imgWr {min-height: unset;}
	.imgTxt_st > ul > li > .txtWr {padding-top: 0;}

	/* 이미지 + 텍스트 : 세로정렬 */
	.imgTxt_st2 > ul > li > .imgWr {height: 25vw;}
}



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

	/* 버튼 : 기본, 미니, 아이콘 */
	.btns [class^="btn_"] {font-size: 0.8rem;}

	/* 박스 : 타입 */
	.box_st1 {padding: 1.5em;}
	.box_st1::before {width: 0.8rem; height: 0.8rem;}
	.box_st1 > .icn {margin-right: 1.5em;}
	.box_st1 > .txt > .box_tit {font-size: 1.15em;}
	.box_st_icn{ padding:1rem 1.5rem;}
	.box_st_icn dl{ padding:0;}
	.box_st_icn .icn{ display: none;}

	/* 박스 : 정렬 */
	.box_flex {flex-direction: column; align-items: flex-start; gap: 0.5rem;}

	/* 박스 : 정렬 : 외부 */
	.box_flex.box_w50 > *,
	.box_flex.box_w30 > *,
	.box_flex.box_w25 > *,
	.box_flex.box_w20 > * {width: 100%;}

	/* 탭 : tab_st */
	div[class^="tab_st"] > ul > li {width: 100%;}

	/* 탭 : tab_list */
	.tab_list > li {width: calc((100% - (var(--gap) * 1)) / 2);}

	/* 콘텐츠 준비 중 */
	.comingSoon {flex-direction: column; padding: 2rem 1rem;}
	.comingSoon .img {width: 6rem; margin-right: 0; margin-bottom: 1rem;}
	.comingSoon .img img {width: 100%;}
	.comingSoon .txt {text-align: center;}
	.comingSoon .txt .tit {font-size: 1.35em;}
	.comingSoon .txt .dsc {margin-top: 0.5em; word-break: keep-all;}
	.comingSoon .txt .dsc br {display: inline;}

	/* 이미지 + 텍스트 : 세로정렬 */
	.imgTxt_st2 > ul > li {padding: 0.75rem;}
	.imgTxt_st2 > ul > li > .txtWr {padding-top: 1em;}
	
}



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

	/* 타이틀 */
	.tit1 {font-size: 1.1rem;}
	.tit2 {font-size: 1rem;}
	.tit3 {font-size: 0.95rem;}

	/* 불릿 및 리스트 - 리스트 : 가로 나열 */
	.li_w50 > li,
	.li_w30 > li,
	.li_w25 > li,
	.li_w20 > li {width: 100%;}

	/* 버튼 : 리스트 : 너비 */
	.btns.lst > [class^="btn_"].w50,
	.btns.lst > [class^="btn_"].w30,
	.btns.lst > [class^="btn_"].w25,
	.btns.lst > [class^="btn_"].w20 {width: 100%;}

	/* 박스 : 타입 */
	.box_st1 {padding: 1em 1.25em;}
	.box_st1 > .icn {display: none;}
	.box_st2,
	.box_st3 {padding: 1em 1.25em;}

	/* 콘텐츠 준비 중 */
	.comingSoon {padding: 1.5rem 1rem;}

	/* 이미지 + 텍스트 : 가로정렬 */
	.imgTxt_st > ul > li {display: block;}
	.imgTxt_st > ul > li > .imgWr {width: 100%; max-width: unset;}
	.imgTxt_st > ul > li > .txtWr {padding: 0 !important; margin-top: 1em;}

	/* 이미지 + 텍스트 : 세로정렬 */
	.imgTxt_st2 > ul > li,
	.imgTxt_st2.w50 > ul > li,
	.imgTxt_st2.w25 > ul > li,
	.imgTxt_st2.w20 > ul > li {width: 100%;}
	.imgTxt_st2 > ul > li > .imgWr {height: auto;}

	/* 절차 : 가로 */
	[class^="prcd_st"].hrz > ul {flex-direction: column; gap: var(--gapPrcd) 0;}
	[class^="prcd_st"].hrz > ul > li {width: 100%;}
	[class^="prcd_st"].hrz > ul > li + li::before {content: "\f2e1"; width: 100%; height: var(--gapPrcd); right: 0; top: unset; bottom: 100%;}
	/* 절차 : 가로 : 너비 */
	[class^="prcd_st"].hrz.w50 > ul > li,
	[class^="prcd_st"].hrz.w30 > ul > li,
	[class^="prcd_st"].hrz.w20 > ul > li {width: 100%;}

	/* 동의서 */
	.agree_wrap .txt_wrap dl{ padding-left:0; }
	.agree_wrap .txt_wrap dl:before{ display: none;}
}



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

	/* 박스 : 타입 */
	.box_st1 {padding: 0.75em 1em;}
	.box_st1 > .txt > .box_tit {font-size: 1.1em; margin-bottom: 0.5em;}
	.box_st2,
	.box_st3 {padding: 0.75em 1em;}

	/* 탭 : tab_st */
	div[class^="tab_st"] > ul > li {width: 100%;}

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

	/* 이미지 : 확대보기 */
	.rsp_img .btn-zoom {font-size: 0.9rem;}

	/* 콘텐츠 준비 중 */
	.comingSoon .img {width: 5.25rem;}
	.comingSoon .txt {font-size: 0.85rem;}
	.comingSoon .txt .tit {font-size: 1.3em;}

	/* 절차 : prcd_st2 */
	.prcd_st2 > ul > li > .liWr > .titWr > .prcd_tit {font-size: 1em;}

	/* 동의서 */
	.agree_wrap .txt_wrap dt{ font-size:1.1rem;}
}