/* var */
:root {

	/* color - primary */
	--clr-purple: #3516a5;
	--clr-blue: #0d79c7;
	/* color - secondary */
	--clr-green: #008574;
	/* color - point */
	--clr-red: #e61a38;
	--clr-orange: #ff6512;
	--clr-sky: #259bff;
	--clr-navy: #0b41a0;
	--clr-yellow: #f9ba00;
	--clr-blue01: #0f5aa6;
	--clr-blue02: #1976d9;
	/* color - gray */
	--clr-gray-05: #f2f2f2;
	--clr-gray-10: #e4e4e4;
	--clr-gray-15: #d9d9d9;
	--clr-gray-20: #ccc;
	--clr-gray-27: #bababa;
	/* color - gray - txt */
	--clr-gray-txt01: #222;
	--clr-gray-txt02: #444;
	--clr-gray-txt03: #717171;
	/* color - border */
	--clr-brdr-btm: #b2b7c7;
	--clr-brdr-lft: #cdd0db;
}



/* reset */
h1, h2, h3, h4, h5, h6 {font-size: inherit; font-weight: inherit;}



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

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

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

/* common - input - px */
.InpSel_50 {width: 2.5rem !important;}
.InpSel_80 {width: 4rem !important;}
.InpSel_100 {width: 5rem !important;}
.InpSel_150 {width: 7.5rem !important;}
.InpSel_200 {width: 10rem !important;}
.InpSel_250 {width: 12.5rem !important;}
.InpSel_300 {width: 15rem !important;}
.InpSel_350 {width: 17.5rem !important;}
.InpSel_400 {width: 20rem !important;}
.InpSel_450 {width: 22.5rem !important;}
.InpSel_500 {width: 25rem !important;}

/* common - input - % */
.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;}

/* common - 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;}
/* common - padding - top */
.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: 2rem !important;}
/* common - 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;}
/* common - padding - bottom */
.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;}
/* common - 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;}

/* common - 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;}
/* common - 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: 2rem !important;}
.mgt5n {margin-top: -0.25rem !important;}
.mgt10n {margin-top: -0.5rem !important;}
/* common - 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;}
/* common - 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;}
/* common - 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;}

/* common - indent */
.indent {margin-left: 1.2rem;}



/* cntntsView */
#cntntsView {font-size: 0.85rem; line-height: 1.5;}



/* 타이틀 */
h3[class^='tit'],
h4[class^='tit'],
h5[class^='tit'] {font-weight: 700; line-height: 1.3;}

h3[class^='tit'] {margin-top: 3rem;}
h4[class^='tit'] {margin-top: 2.5rem;}
h5[class^='tit'] {margin-top: 2rem;}

h3[class^="tit"]:nth-of-type(1),
h4[class^='tit']:nth-of-type(1),
h5[class^='tit']:nth-of-type(1),
[class^="box_st"] [class^='tit']:nth-of-type(1) {margin-top: 0;}

h3[class^='tit'][class*='1'] + h4[class^='tit'][class*='2'] {margin-top: 0.75rem;}
h4[class^='tit'][class*='2'] + h5[class^='tit'][class*='3'],
h5[class^='tit'][class*='3'] + h6[class^='tit'][class*='4'] {margin-top: 0.5rem;}

.tab_st3 + h3[class^="tit"],
div + h3[class^='tit'],
p + h3[class^='tit'] {margin-top: 2.5rem !important;}

*:not(h3) + h4[class^='tit'] {margin-top: 1.5rem !important;}
*:not(h4) + h5[class^='tit'] {margin-top: 1rem !important;}

/* 타이틀 - 타입 */
.p_tit1 {position: relative; margin-top: 2rem; font-size: 1.6rem; color: #111; font-weight: 700;}
.tit1_impact {position: relative; margin-top: 2rem; font-size: 1.4rem; color: var(--clr-purple);}
.tit2_impact {position: relative; margin-top: 1.5rem; padding-top: 0.5rem; font-size: 1.2rem; color: #111; background: url('/images/web/impact/con_com/bu_tit2.png') no-repeat left top;}
.tit3 {position: relative; margin-top: 1rem; font-size: 1rem; color: var(--clr-blue)} 
[class^="tit"]:not([class^="title_"]) {margin-bottom: 0.35rem;}



/* 블릿 */
[class*="bu_st"],
[class*="list_st"] > li {color: var(--clr-gray-txt01); margin-top: 0.25rem; position: relative;}
.bu_st1,
.list_st1 > li {padding-left: 0.76em;}
.bu_st1::before,
.list_st1 > li::before {content: ""; display: block; width: 0.35em; height: 0.35em; border-radius: 50%; background-color: var(--clr-blue); position: absolute; left: 0; top: 0.55em;}
.bu_st2,
.list_st2 > li {padding-left: 0.76em;}
.bu_st2::before,
.list_st2 > li::before {content: ""; display: block; width: 0.41em; height: 2px; background-color: var(--clr-gray-txt03); position: absolute; left: 0; top: calc(0.8em - 1px);}
.bu_st3,
.bu_st3, 
.list_st3 > li,
.list_st4 > li {font-size: 0.8rem; color: var(--clr-gray-txt02);}
.bu_st3,
.list_st3 > li {padding-left: 0.625em;}
.bu_st3::before,
.list_st3 > li::before {content: ""; display: block; width: 0.25em; height: 0.25em; border-radius: 50%; background-color: var(--clr-gray-txt03); position: absolute; left: 0; top: 0.6em;}
.bu_st4,
.list_st4 > li {padding-left: 0.75em;}
.bu_st4::before,
.list_st4 > li::before {content: ""; display: block; width: 0.375em; height: 2px; background-color: var(--clr-gray-27); position: absolute; left: 0; top: calc(0.75em - 1px);}

/* P : 블릿 타입 */
.bu_st2 {margin-left: 0.25rem;}
.bu_st3 {margin-left: 0.5rem;}
.bu_st4 {margin-left: 0.75rem;}

/* 리스트 : 블릿 타입 */ 
li.bu_none:before {display: none !important;}

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

/* 리스트 : 가로 나열 */
[class*='li_w'] {display: flex; flex-wrap: wrap; gap: calc(var(--gap) * 0.25) var(--gap);

	--gap: 1rem;
}
[class*='li_w'] > li {margin-top: 0 !important;}
.li_w50 > li {width: calc((100% - (var(--gap) * 1)) / 2);}
.li_w30 > li {width: calc((100% - (var(--gap) * 2)) / 3);}
.li_w25 > li {width: calc((100% - (var(--gap) * 3)) / 4);}
.li_w20 > li {width: calc((100% - (var(--gap) * 4)) / 5);}

/* 리스트 : 순차적 리스트 타입 */
[class*="list_ol"] > li {margin-top: 0.5em; position: relative;}
[class*="list_ol"] > li > span.num {display: flex; justify-content: center; align-items: center; font-weight: 600; text-align: center; letter-spacing: -1px; position: absolute; left: 0;}
.list_ol1 > li {padding-left: 1.88em; color: #333;}
.list_ol1 > li > span.num {width: 1.92em; height: 1.92em; border-radius: 50%; border: 1px solid #006fc2; background: #fff; font-size: 0.76em; color: #006fc2; top: 0;}
.list_ol2 > li {padding-left: 1.75em; font-size: 0.8rem; color: var(--clr-gray-txt02);}
.list_ol2 > li > span.num {width: 1.67em; height: 1.67em; border-radius: 0.33em; background: var(--clr-gray-10); font-size: 0.75em; color: var(--clr-gray-txt02); top: 0.2em;}



/* 텍스트 요소 : 주의&경고&말풍선 타입 */
.bu_atte,
.bu_info,
.bu_wnrn,
.bu_ment {padding-left: 1.41em; color: var(--clr-gray-txt02); margin-top: 0.25rem; position: relative;}
table + .bu_atte,
table + .bu_info,
table + .bu_wnrn,
table + .bu_ment,
div + .bu_atte,
div + .bu_info,
div + .bu_wnrn,
div + .bu_ment,
ul + .bu_atte,
ul + .bu_info,
ul + .bu_wnrn,
ul + .bu_ment {margin-top: 1rem;}
.bu_atte::before,
.bu_info::before,
.bu_wnrn::before,
.bu_ment::before {font-family: 'remixicon'; font-size: 1.18em; position: absolute; left: 0; top: -0.15em;}
.bu_atte {padding-left: 1.05em;}
.bu_atte::before {content: "\203b"; font-family: inherit; top: -0.15em;}
.bu_info::before {content: "\f449";}
.bu_wnrn {color: var(--clr-red );}
.bu_wnrn::before {content: "\f448";}
.bu_ment::before {content: "\eae4"; color: var(--clr-navy);}

/* 텍스트 요소 : 폰트컬러 타입 */
.pc_gray {color: var(--clr-gray-txt02) !important;}
.pc_black {color: #000 !important;}
.pc_purple {color: var(--clr-purple) !important;}
.pc_blue {color: var(--clr-blue) !important;}
.pc_sky {color: var(--clr-sky) !important;}
.pc_red {color: var(--clr-red) !important;}
.pc_navy {color: var(--clr-navy) !important;}
.pc_org {color: var(--clr-orange) !important;}
.pc_green {color: var(--clr-green) !important;}
.pc_yellow {color: var(--clr-orange) !important;}

/* 텍스트 요소 : 텍스트 배경색 */
.bg_red,
.bg_gray,
.bg_blue,
.bg_sky,
.bg_org,
.bg_black,
.bg_green,
.bg_yellow,
.bg_navy {display: inline-block; padding: 1px 0.5rem !important; color: #fff !important;}
.bg_gray {background: var(--clr-gray-txt02) !important;}
.bg_black {background: #000 !important;}
.bg_purple {background: var(--clr-purple) !important;}
.bg_blue {background: var(--clr-blue) !important;}
.bg_sky {background: var(--clr-sky) !important;}
.bg_red {background: var(--clr-red) !important;}
.bg_navy {background: var(--clr-navy) !important;}
.bg_org {background: var(--clr-orange) !important;}
.bg_green {background: var(--clr-green) !important;}
.bg_yellow {background: var(--clr-orange) !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; color: #1b436f; word-break: break-all; text-decoration: underline;} 
.txt_p > [class^="bu_"],
[class^="list_st"] > li > [class^="bu_"] {margin: 0 0.25rem;}
a.bu_link::after,
a.bu_mail::after,
a.bu_down::after,
a.bu_tel::after {display: inline-block; padding-left: 0.33em; font-family: 'xeicon'; font-size: 1.06em; line-height: 1;}
a.bu_link::after {content: "\e980";}
a.bu_mail::after {content: "\ea07";}
a.bu_down::after {content: "\eb7c";}
a.bu_tel::after {content: "\e9d3";}



/* 테이블 : 테이블 기본 타입 */
div[class*='tbl_st'] {width: 100%; margin-top: 0.25rem; position: relative; overflow: hidden;}
div[class*='tbl_st'] > table {width: calc(100% + 1px); border-top: 2px solid #000; text-align: center; word-break: keep-all; margin-left: -1px; position: relative; -webkit-overflow-scrolling: touch;} 
div[class*='tbl_st'] > table th,
div[class*='tbl_st'] > table td {padding: 1.18em; vertical-align: middle;}
div[class*='tbl_st'] > table th {font-size: 0.94em; color: #111; font-weight: 600;}
div[class*='tbl_st'] > table thead th {border-bottom: 1px solid #000; padding: 0.8em;}
div[class*='tbl_st'] > table tbody th,
div[class*='tbl_st'] > table tbody td,
div[class*='tbl_st'] > table tfoot th,
div[class*='tbl_st'] > table tfoot td {border-left: 1px solid var(--clr-brdr-lft); border-bottom: 1px solid var(--clr-brdr-btm);}

/* 테이블 : 테이블2 라인 타입 */
.tbl_st2 > table {width: 100% !important; border-right: 1px solid var(--clr-brdr-lft); margin-left: 0 !important;}
.tbl_st2 > table thead th {border-left: 1px solid var(--clr-brdr-lft);}

/* 테이블 : 스크롤 */
div[class*='tbl_st'].scroll_wide {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_wide table {width: 150%;}

/* 테이블 - 정렬 */
.tb_txtL td {text-align: left;}
.tb_txtC td {text-align: center;}
.tb_txtR td {text-align: right;}

/* 테이블 - 배경 및 라인 색상 클래스 추가 */
[class*="tbl_bg_"] {color: #111;}
.tbl_bg_bl,
.tbl_bg_bl th {background-color: #e6f1f9;} /* 블루 */
.tbl_bg_ye,
.tbl_bg_ye th {background-color: #fef8e5;} /* 옐로우 */
.tbl_bg_re,
.tbl_bg_re th {background-color: #fce8eb;} /* 레드 */
.tbl_bg_gr,
.tbl_bg_gr th {background-color: #e5f3f1;} /* 그린 */
.tbl_bg_org,
.tbl_bg_org th {background-color: #ffefe7;} /* 오렌지 */
.tbl_l {border: 2px solid var(--clr-gray-txt01) !important;}
.tbl_L_t {border-top: 2px solid var(--clr-gray-txt01) !important;}
.tbl_L_l {border-left: 2px solid var(--clr-gray-txt01) !important;}
.tbl_L_r {border-right: 2px solid var(--clr-gray-txt01) !important;}
.tbl_L_b {border-bottom: 2px solid var(--clr-gray-txt01) !important;}
.tbl_Lbl {border: 2px solid var(--clr-blue) !important;}
.tbl_Lbl_t {border-top: 2px solid var(--clr-blue) !important;}
.tbl_Lbl_l {border-left: 2px solid var(--clr-blue) !important;}
.tbl_Lbl_r {border-right: 2px solid var(--clr-blue) !important;}
.tbl_Lbl_b {border-bottom: 2px solid var(--clr-blue) !important;}
.tbl_Lre {border: 2px solid var(--clr-red) !important;}
.tbl_Lre_t {border-top: 2px solid var(--clr-red) !important;}
.tbl_Lre_l {border-left: 2px solid var(--clr-red) !important;}
.tbl_Lre_r {border-right: 2px solid var(--clr-red) !important;}
.tbl_Lre_b {border-bottom: 2px solid var(--clr-red) !important;}
.tbl_Lgr {border: 2px solid var(--clr-green) !important;}
.tbl_Lgr_t {border-top: 2px solid var(--clr-green) !important;}
.tbl_Lgr_l {border-left: 2px solid var(--clr-green) !important;}
.tbl_Lgr_r {border-right: 2px solid var(--clr-green) !important;}
.tbl_Lgr_b {border-bottom: 2px solid var(--clr-green) !important;}
.tbl_Lye {border: 2px solid var(--clr-yellow) !important;}
.tbl_Lye_t {border-top: 2px solid var(--clr-yellow) !important;}
.tbl_Lye_l {border-left: 2px solid var(--clr-yellow) !important;}
.tbl_Lye_r {border-right: 2px solid var(--clr-yellow) !important;}
.tbl_Lye_b {border-bottom: 2px solid var(--clr-yellow) !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 > table th {background-color: #f8f8fa; font-size: 1em; line-height: 1.5;}
div[class*='tbl_st'].tbl_ipt > table th label {margin-right: 0;}

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



/* 박스 */
[class^="box_st"] {margin-top: 0.5rem; position: relative; z-index: 0;}

/* 박스 : box_st1 */
.box_st1 {display: flex; border-top-right-radius: 0.94em; border-left: 3px solid var(--clr-purple); background-color: #f3f1fa; padding: 1.88em 2.82em;}
.box_st1 .ico {display: flex; justify-content: center; align-items: center; width: 1.98em; height: 1.98em; border-radius: 50%; background-color: #fff; font-size: 2.82em; color: var(--clr-purple); margin-right: 0.75em;}
.box_st1 .txt {flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}
.box_st1 .txt .tit1_impact {font-size: 1.41em; margin-bottom: 0;}
.box_st1 .txt .tit1_impact + * {margin-top: 0.5rem;}
/* 박스 : box_st1 : resource */
.ico_list {font-size: 2.82em; color: var(--clr-purple);}

/* 박스 : box_st2 */
.box_st2 {border-radius: 0.94em; border: 1px solid #bcbcbc; padding: 1.25em 2.94em;}
.box_st2 .box_tit {padding-left: 1.15em; font-size: 1.18em; color: var(--clr-gray-txt01); font-weight: 700; position: relative;}
.box_st2 .box_tit::before {content: ""; display: block; width: 0.75em; height: 0.75em; border-radius: 50%; border: 0.2em solid #2d6aef; background-color: #fff; position: absolute; left: 0; top: 0.4em;}
.box_st2 .box_con {border-top: 1px solid #d5d5d5; padding-top: 1em; margin-top: 0.5em;}
/* 박스 : box_st2.blue */
.box_st2.blue {border-color: #92c3f9; background-color: #f7fbff;}
.box_st2.blue .box_con {border-top-color: #cdddef;}
/* 박스 : box_st2:has(.rsp_img) */
.box_st2:has(.rsp_img) {padding: 1.25em;}




/* 탭 : 공통 */
div[class^="tab_st"] {margin-bottom: 1.5rem; position: relative;}
div[class^="tab_st"] li a,
div[class^="tab_st"] > .select {display: flex; justify-content: center; align-items: center; height: 100%;}
div[class^="tab_st"] > .select {display: none;}
div[class^="tab_st"] a[target="_blank"] span::after {content: "\ecaf"; font-family: 'remixicon'; font-weight: 400; margin-left: 0.25em;}

/* 탭 : 1차 탭 */
.tab_st1 {font-size: 0.95rem;}
.tab_st1 ul {display: flex; flex-wrap: wrap; border-radius: 0.32em; border: 1px solid #e5e5e5; text-align: center; overflow: hidden;}
.tab_st1 li {border-right: 1px solid #e5e5e5; position: relative;}
.tab_st1:not([class*="Tab_w"]) li {width: 25%;}
.tab_st1:not([class*="Tab_w"]) li:nth-child(4n) {border-right: 0;}
.tab_st1 li::after {content: ""; display: block; width: 100%; border-bottom: 1px solid #e5e5e5; position: absolute; left: 0; bottom: -1px;}
.tab_st1 li a,
.tab_st1 > .select {padding: 0.65em; color: #3e3e3e; font-weight: 600; position: relative;}
/* 탭 : 1차 탭 : actv */
.tab_st1 li:not(.on) {z-index: 1;}
.tab_st1 li:not(.on) a:focus,
.tab_st1 li:not(.on) a:hover {background: #f5f5f5;}
.tab_st1 li.on {z-index: 2;}
.tab_st1 li.on a,
.tab_st1 > .select {background-color: #000; color: #fff; z-index: 2;}

/* 탭 : 2차 탭 */
.tab_st2 {font-size: 0.9rem;}
.tab_st2 ul {display: flex; flex-wrap: wrap; position: relative;}
.tab_st2 ul::after {content: ""; width: 100%; height: 2px; background-color: var(--clr-purple); position: absolute; left: 0; bottom: 0;}
.tab_st2 li {margin-left: -1px; position: relative;}
.tab_st2:not([class*="Tab_w"]) li {width: calc(25% + 1px);}
.tab_st2:not([class*="Tab_w"]) li:nth-child(4n+1) {width: 25%; margin-left: 0;}
.tab_st2 li a,
.tab_st2 > .select {border-radius: 0.55em 0.55em 0 0; border: 1px solid #dde2ed; border-bottom: 2px solid transparent; padding: 0.5em; color: var(--clr-gray-txt02); font-weight: 500;}
/* 탭 : 2차 탭 : actv */
.tab_st2 li:not(.on) a:hover,
.tab_st2 li:not(.on) a:focus {border-color: 9f95ce; background-color: #f7f6fc; color: var(--clr-purple); font-weight: 600;}
.tab_st2 li.on {z-index: 1;}
.tab_st2 li.on a,
.tab_st2 > .select {border: 2px solid var(--clr-purple); border-bottom: 2px solid #fff; color: var(--clr-purple); font-weight: 600;}
.tab_st2 li.on a span::before {content: "\eb80"; font-family: 'remixicon'; font-weight: 400; margin-right: 0.25em;}

/* 탭 : 리스트 */
.tab_list {display: flex; flex-wrap: wrap; justify-content: center; gap: 0 3.29em; border-radius: 1.67em; border: 1px solid #92c3f9; background-color: #f7fbff; padding: 0.4em 1.6em; font-size: 0.9rem;}
.tab_list li {padding-left: 0.78em; position: relative;}
.tab_list li::before {content: ""; display: block; width: 0.28em; height: 0.28em; border-radius: 50%; background-color: var(--clr-gray-27); position: absolute; left: 0; top: 1.05em; transform: scale(1); transform-origin: left center;}
.tab_list li::after {content: "\eb78"; font-family: 'remixicon'; color: #278dfb; position: absolute; left: 0; top: 0.4em; transform: scale(0); transform-origin: left center;}
.tab_list li a {display: block; padding: 0.4em 0; color: var(--clr-gray-txt02);}
/* 탭 : 리스트 : actv */
.tab_list li,
.tab_list li::before,
.tab_list li::after,
.tab_list li a {transition: 0.3s;}
.tab_list li:not(.on):has(a:hover)::before,
.tab_list li:not(.on):has(a:focus)::before {background-color: var(--clr-gray-txt02);}
.tab_list li:not(.on) a:hover,
.tab_list li:not(.on) a:focus {font-weight: 600;}
.tab_list li.on {padding-left: 1.39em;}
.tab_list li.on::before {transform: scale(0);}
.tab_list li.on::after {transform: scale(1);}
.tab_list li.on a {color: var(--clr-blue); font-weight: 700;}



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

/* 버튼 : 기본 */
[class*="btn-"] {display: inline-block; min-width: 6.67em; border-radius: 0.15rem; border: 1px solid transparent; background-color: transparent; padding: 0.475em 0.975em; font-size: 0.9rem; font-weight: 600; text-align: center; transition: 0.3s;}
[class*="btn-"] span {display: inline-block; text-align: left;}
[class*="btn-"] i {font-weight: 400;}

/* 버튼 : 색 */
[class*="btn-"][class*="bg-white"] {border: 1px solid var(--clr-gray-20); background-color: #fff; color: var(--clr-gray-txt01);}
[class*="btn-"][class*="bg-purple"] {border: 1px solid var(--clr-purple); background-color: var(--clr-purple); color: #fff;}
[class*="btn-"][class*="bg-navy"] {border: 1px solid #194768; background-color: #194768; color: #fff;}
[class*="btn-"][class*="bg-gray"] {border: 1px solid var(--clr-gray-20); background-color: #efefef; color: var(--clr-gray-txt01);}
[class*="btn-"][class*="bg-black"] {border: 1px solid #13162b; background-color: #13162b; color: #fff;}
[class*="btn-"][class*="bg-blue"] {border: 1px solid var(--clr-blue); background-color: var(--clr-blue); color: #fff;}
[class*="btn-"][class*="bg-red"] {border: 1px solid var(--clr-red); background-color: var(--clr-red); color: #fff;}
[class*="btn-"][class*="txt-red"] {color: var(--clr-red);}
/* 버튼 : 색 : actv */
[class*="btn-"][class*="bg-white"]:hover,
[class*="btn-"][class*="bg-white"]:focus {background-color: #efefef;}
[class*="btn-"][class*="bg-purple"]:hover,
[class*="btn-"][class*="bg-purple"]:focus {border: 1px solid #160066; background-color: #160066;}
[class*="btn-"][class*="bg-gray"]:hover,
[class*="btn-"][class*="bg-gray"]:focus {background-color: #fff;}
[class*="btn-"][class*="bg-black"]:hover,
[class*="btn-"][class*="bg-black"]:focus {border: 1px solid #2c2f40; background-color: #2c2f40;}
[class*="btn-"][class*="bg-blue"]:hover,
[class*="btn-"][class*="bg-blue"]:focus {border: 1px solid #13162b; background-color: #13162b;}
[class*="btn-"][class*="bg-red"]:hover,
[class*="btn-"][class*="bg-red"]:focus {border: 1px solid #a8192e; background-color: #a8192e;}
[class*="btn-"][class*="txt-red"]:hover,
[class*="btn-"][class*="txt-red"]:focus {text-decoration: underline;}

/* 버튼 : 텍스트+아이콘 */
[class*="btn-"]:has(i) {display: inline-flex; min-width: unset;}
[class*="btn-"]:has(span + i) {gap: 1.25em; padding-left: 1.25em; padding-right: 1.25em;}
[class*="btn-"]:has(i + span) {justify-content: center; min-width: 7.5em !important; gap: 0.3125em;}

/* 버튼 : 크기 */
[class*="btn-"].medium {min-width: unset; padding: 0.45em 0.9375em; font-size: 0.8rem;}
[class*="btn-"].small {min-width: unset !important; padding: 0.425em 0.57em; font-size: 0.7rem;}

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



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



/* 콘텐츠 준비중 */
.Coming_soon {border-radius: 0.89em; border: 1px solid #d5d5d5; padding: 3.33em; font-size: 1.06em; text-align: center;}
.Coming_soon .img {font-size: 0; line-height: 0;}
.Coming_soon .txt {margin-top: 1.5em;}
.Coming_soon .txt h3 {font-size: 1.78em; color: #000; font-weight: 300;}
.Coming_soon .txt h3 strong {font-weight: 700;}
.Coming_soon .txt p {margin-top: 0.5em;}



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



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


/* input-wrap */
.input-wrap {display: flex; flex-wrap: wrap; gap: 0.5rem; text-align: left;}
.input-wrap input,
.input-wrap select,
.input-wrap textarea {min-width: unset; max-width: 100%; border-radius: 3px; border: 1px solid var(--clr-gray-15);}
.input-wrap input,
.input-wrap select {height: 2rem; padding: 0 0.75rem;}
.input-wrap select {background: url('/images/web/impact/con_com/select_bg.png') #fff right center / auto 100% no-repeat; padding-right: 2.95rem; appearance: none;}
.input-wrap select::-ms-expand {display: none;}
.input-wrap select[readonly] {background-color: var(--clr-gray-05); pointer-events: none;}
.input-wrap select[disabled] {background-color: var(--clr-gray-05); opacity: 1;}
.input-wrap textarea {height: 10rem; padding: 0.75rem;}



@media screen and (min-width: 1241px) {

	/* 탭 : 개수 지정 */
	.tab_st1.Tab_w50 li {width: 50%;}
	.tab_st1.Tab_w50 li:nth-child(2n) {border-right: 0;}
	.tab_st1.Tab_w30 li {width: calc(100% / 3);}
	.tab_st1.Tab_w30 li:nth-child(3n) {border-right: 0;}
	.tab_st1.Tab_w20 li {width: 20%;}
	.tab_st1.Tab_w20 li:nth-child(5n) {border-right: 0;}
	.tab_st2.Tab_w50 li {width: calc(50% + 1px);}
	.tab_st2.Tab_w50 li:nth-child(2n+1) {width: 50%; margin-left: 0;}
	.tab_st2.Tab_w30 li {width: calc((100% / 3) + 1px);}
	.tab_st2.Tab_w30 li:nth-child(3n+1) {width: calc(100% / 3); margin-left: 0;}
	.tab_st2.Tab_w20 li {width: calc(20% + 1px);}
	.tab_st2.Tab_w20 li:nth-child(5n+1) {width: 20%; margin-left: 0;}
}



@media screen and (max-width: 1640px) and (min-width: 1241px) {

	/* 탭 : 개수 지정 */
	.tab_st1.Tab_w20 li {width: 25%;}
	.tab_st1.Tab_w20 li:nth-child(5n) {border-right: 1px solid #e5e5e5;}
	.tab_st1.Tab_w20 li:nth-child(4n) {border-right: 0;}
	.tab_st2.Tab_w20 li {width: calc(25% + 1px);}
	.tab_st2.Tab_w20 li:nth-child(5n+1) {width: calc(25% + 1px); margin-left: -1px;}
	.tab_st2.Tab_w20 li:nth-child(4n+1) {width: 25%; margin-left: 0;}
}




@media screen and (max-width: 1440px) and (min-width: 1241px) {

	/* 탭 : 1차 탭 */
	.tab_st1:not([class*="Tab_w"]) li {width: calc(100% / 3);}
	.tab_st1:not([class*="Tab_w"]) li:nth-child(4n) {border-right: 1px solid #e5e5e5;}
	.tab_st1:not([class*="Tab_w"]) li:nth-child(3n) {border-right: 0;}
	
	/* 탭 : 2차 탭 */
	.tab_st2:not([class*="Tab_w"]) li {width: calc((100% / 3) + 1px);}
	.tab_st2:not([class*="Tab_w"]) li:nth-child(4n+1) {width: calc((100% / 3) + 1px); margin-left: -1px;}
	.tab_st2:not([class*="Tab_w"]) li:nth-child(3n+1) {width: calc(100% / 3); margin-left: 0;}

	/* 탭 : 개수 지정 */
	.tab_st1.Tab_w20 li {width: calc(100% / 3);}
	.tab_st1.Tab_w20 li:nth-child(4n) {border-right: 1px solid #e5e5e5;}
	.tab_st1.Tab_w20 li:nth-child(3n) {border-right: 0;}
	.tab_st2.Tab_w20 li {width: calc((100% / 3) + 1px);}
	.tab_st2.Tab_w20 li:nth-child(5n+1) {width: calc((100% / 3) + 1px);}
	.tab_st2.Tab_w20 li:nth-child(4n+1) {width: calc((100% / 3) + 1px); margin-left: -1px;}
	.tab_st2.Tab_w20 li:nth-child(3n+1) {width: calc(100% / 3); margin-left: 0;}
}



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

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

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

	/* 테이블 : 유틸 */
	.tbl_utile {margin-top: 0;}

	/* 박스 : box_st1 */
	.box_st1 {border-left: 0; box-shadow: 0.25em 0.25em 0.25em rgba(0,0,0,0.1); padding: 1.5em 2.5em;}
	.box_st1 .ico {font-size: 2.5em;}
	.box_st1 .txt .tit1 {font-size: 1.25em;}
	/* 박스 : box_st1 : resource */
	.ico_list {font-size: 2.5em;}

	/* 박스 : box_st2 */
	.box_st2 {padding: 1.25em 1.75em;}
	.box_st2 .box_tit {font-size: 1.125em;}

	/* 탭 : 공통 */
	div[class^="tab_st"] > .select {display: flex;}
	div[class^="tab_st"] > .select::after {content: "\ea4d"; font-family: 'remixicon'; font-weight: 400; margin-left: 0.25em;}
	div[class^="tab_st"] ul {display: none; font-size: 0.9em; text-align: left; margin-top: 0.5rem;}
	div[class^="tab_st"] li {width: 100% !important;}
	div[class^="tab_st"] li a {display: block;}

	/* 탭 : 1차 탭 */
	.tab_st1 > .select {border-radius: 0.32em; padding: 0.65em 1.15em;}
	.tab_st1 li {border-right: 0;}
	.tab_st1 li::after {border-bottom-style: dashed;}
	.tab_st1 li a {padding: 0.65em 1.15em;}
	/* 탭 : 1차 탭 : actv */
	.tab_st1 li.on::after {display: none;}

	/* 탭 : 2차 탭 */
	.tab_st2 > .select {border-radius: 0.55em; border-bottom-color: var(--clr-purple); padding: 0.5em 1em;}
	.tab_st2 ul {border-radius: 0.55em; border: 1px solid #dde2ed; overflow: hidden;}
	.tab_st2 ul::after {display: none;}
	.tab_st2 li + li {border-top: 1px dashed #dde2ed;}
	.tab_st2 li a {border-radius: 0; border: 0 !important; padding: 0.5em 1em;}

	/* 탭 : 리스트 */
	.tab_list {gap: 0 2.5em;}

    /* pdf */
    .pdfBox .pdf_inner .pdf_view {height:30rem;}
}


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

	/* 리스트 : 가로 나열 */
	.li_w25 > li,
	.li_w20 > li {width: calc((100% - (var(--gap) * 2)) / 3);}
	
	/* 테이블 : 테이블 기본 타입 */
	div[class*='tbl_st'] > table {word-break: break-all;}

	/* 테이블 : 스크롤 */
	div[class*='tbl_st'].scroll_wide table {width: 1240px;}
	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;}
}



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

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



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

	/* 타이틀 */	
	h3[class^='tit'] {margin-top: 1.5rem;}
	h4[class^='tit'] {margin-top: 1.25rem;}
	h5[class^='tit'] {margin-top: 1rem;}
	
	h3[class^="tit"]:nth-of-type(1),
	h4[class^='tit']:nth-of-type(1),
	h5[class^='tit']:nth-of-type(1),
	[class^="box_st"] [class^='tit']:nth-of-type(1) {margin-top: 0;}
	
	h3[class^='tit'][class*='1'] + h4[class^='tit'][class*='2'] {margin-top: 0.375rem;}
	h4[class^='tit'][class*='2'] + h5[class^='tit'][class*='3'],
	h5[class^='tit'][class*='3'] + h6[class^='tit'][class*='4'] {margin-top: 0.25rem;}
	
	.tab_st3 + h3[class^="tit"],
	div + h3[class^='tit'],
	p + h3[class^='tit'] {margin-top: 1.25rem !important;}
	
	*:not(h3) + h4[class^='tit'] {margin-top: 0.75rem !important;}
	*:not(h4) + h5[class^='tit'] {margin-top: 0.5rem !important;}

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

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

	/* 탭 : 리스트 */
	.tab_list {justify-content: flex-start;}

	/* 버튼 : 기본 */
	[class*="btn-"] {min-width: unset;}

	/* 버튼 : 텍스트+아이콘 */
	[class*="btn-"]:has(i + span) {min-width: unset !important;}

	/* 콘텐츠 준비중 */
	.Coming_soon {padding: 2.5em 1.25em;}
	.Coming_soon .img img {width: 7rem;}
	.Coming_soon .txt h3 {font-size: 1.6em;}
} 



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

	/* 박스 : box_st1 */
	.box_st1 {padding: 1.25em 1.75em;}
	.box_st1 .ico {font-size: 2em;}
	/* 박스 : box_st1 : resource */
	.ico_list {font-size: 2em;}
}

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

	/* 테이블 - form 요소 */
	div[class*='tbl_st'].tbl_ipt > table,
	div[class*='tbl_st'].tbl_ipt > table thead,
	div[class*='tbl_st'].tbl_ipt > table tbody,
	div[class*='tbl_st'].tbl_ipt > table tr,
	div[class*='tbl_st'].tbl_ipt > table th,
	div[class*='tbl_st'].tbl_ipt > table td {display: block;}
}

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

	/* 타이틀 */	
	h3[class^='tit'] {margin-top: 1.125rem;}
	h4[class^='tit'] {margin-top: 0.9375rem;}
	h5[class^='tit'] {margin-top: 0.75rem;}
	
	h3[class^="tit"]:nth-of-type(1),
	h4[class^='tit']:nth-of-type(1),
	h5[class^='tit']:nth-of-type(1),
	[class^="box_st"] [class^='tit']:nth-of-type(1) {margin-top: 0;}
	
	h3[class^='tit'][class*='1'] + h4[class^='tit'][class*='2'] {margin-top: 0.28125rem;}
	h4[class^='tit'][class*='2'] + h5[class^='tit'][class*='3'],
	h5[class^='tit'][class*='3'] + h6[class^='tit'][class*='4'] {margin-top: 0.1875rem;}
	
	.tab_st3 + h3[class^="tit"],
	div + h3[class^='tit'],
	p + h3[class^='tit'] {margin-top: 0.9375rem !important;}
	
	*:not(h3) + h4[class^='tit'] {margin-top: 0.5625rem !important;}
	*:not(h4) + h5[class^='tit'] {margin-top: 0.375rem !important;}

	/* 타이틀(텍스트 타입) */
	.p_tit1 {font-size: 1.2rem;}
	.tit1_impact {font-size: 1.05rem;}
	.tit2_impact {font-size: 0.95rem;}
	.tit3 {font-size: 0.9rem;}
	[class^="tit"]:not([class^="title_"]) {margin-bottom: 0.35rem;}

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

	/* 박스 : box_st1 */
	.box_st1 {flex-direction: column; padding: 1.25em;}
	.box_st1 .ico {margin-right: 0; margin-bottom: 0.5em;}
	.box_st1 .txt .tit1_impact {font-size: 1.125em;}

	/* 박스 : box_st2 */
	.box_st2 {padding: 1em 1.5em;}
	.box_st2 .box_tit {font-size: 1.1em;}
	/* 박스 : box_st2:has(.rsp_img) */
	.box_st2:has(.rsp_img) {padding: 1em;}

	/* 탭 : 1차 탭 */
	.tab_st1 {font-size: 0.9rem;}

	/* 탭 : 2차 탭 */
	.tab_st1 {font-size: 0.85rem;}

	/* 탭 : 리스트 */
	.tab_list {gap: 0 1.5em; border-radius: 1em; padding: 0.4em 1em; font-size: 0.85rem;}

	/* 버튼 : 버튼들 감싸는 레이아웃 */
	.btns {gap: 0.25rem;}

	/* 버튼 : 기본 */
	[class*="btn-"] {font-size: 0.8rem;}

	/* 버튼 : 크기 */
	[class*="btn-"].medium {font-size: 0.75rem;}

	/* 콘텐츠 준비중 */
	.Coming_soon {font-size: 1em;}
	.Coming_soon .img img {width: 6.5rem;}
	.Coming_soon .txt {margin-top: 1.25em;}
	.Coming_soon .txt h3 {font-size: 1.5em;}
	.Coming_soon .txt p br {display: none;}
}



@media screen and (max-width: 380px) {
	
	/* cntntsView */
	#cntntsView {font-size: 0.8rem;}
}