/* COMMON */
body {font-size: 0.9rem; color: #555; line-height: 1.5;}
#wrap.engWrap{font-size: 0.85rem;}

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

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

.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; }

/* 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:0px !important; }
.pdt5{ padding-top:5px !important; }
.pdt10{ padding-top:10px !important; }
.pdt15{ padding-top:15px !important; }
.pdt20{ padding-top:20px !important; }
.pdt30{ padding-top:30px !important; }
.pdt40{ padding-top:40px !important; }
.pdr5{ padding-right:5px !important; }
.pdr10{ padding-right:10px !important; }
.pdr15{ padding-right:15px !important; }
.pdr20{ padding-right:20px !important; }
.pdr30{ padding-right:30px !important; }
.pdb0{ padding-bottom:0px !important; }
.pdb5{ padding-bottom:5px !important; }
.pdb10{ padding-bottom:10px !important; }
.pdb15{ padding-bottom:15px !important; }
.pdb20{ padding-bottom:20px !important; }
.pdb30{ padding-bottom:30px !important; }
.pdl5{ padding-left:5px !important; }
.pdl10{ padding-left:10px !important; }
.pdl15{ padding-left:15px !important; }
.pdl20{ padding-left:20px !important; }
.pdl30{ padding-left:30px !important; }

/* 마진 */
.mg0{ margin:0 !important; }
.mg5{ margin:5px !important; }
.mg10{ margin:10px !important; }
.mg15{ margin:15px !important; }
.mg20{ margin:20px !important; }
.mg30{ margin:30px !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; }
.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; }
.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; }

/* 아이프레임 (230911) */
.iframe {width:100%; height:1000px;}

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



/* 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: 0.5rem; 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;}



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



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



/* 타이틀 */
h3[class^='tit'] {font-weight: 700;}
h4[class^='tit'] ,
h5[class^='tit'] {font-weight: 600;}
.tit1 {font-size: 1.2rem; color: #1b4a01;}
.tit2 {font-size: 1.1rem; color: #000;}
/* .tit3 {font-size: 1rem; color: #143501; text-decoration:underline #e9f0e5 9px; text-underline-offset: -5px; text-underline-position:under; } */
.tit3 { position:relative; font-size: 1rem; color: #143501; z-index: 0;}
.tit3:before{ content:""; position:absolute; left:-0.25rem; top:0; width:1rem; height:1rem; border-radius:50%; background:#dcf3cc; z-index: -1;}

/* 타이틀 : 여백 : 상단 */
.tit1 {margin-top: 3rem; margin-bottom: 0.25rem;}
.tit2 {margin-top: 1.5rem; margin-bottom: 0.25rem;}
.tit3 {margin-top: 1rem; margin-bottom: 0.25rem;}
h3[class^='tit'] {margin-top: 2rem;}
h4[class^='tit'] {margin-top: 1.5rem;}
h5[class^='tit'] {margin-top: 1rem;}

/* 타이틀 : 여백 : 상단 (첫 타이틀) */
.tab_st3 + h3[class^="tit"],
h3[class^="tit"]:first-of-type,
h4[class^='tit']:first-of-type,
h5[class^='tit']:first-of-type,
[class^="box_st"] [class^='tit']:first-of-type {margin-top: 0 !important;}

/* 타이틀 : 여백 : 타이틀 + 타이틀 */
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;}

/* 타이틀 : 여백 : 콘텐츠 + 타이틀 */
div + h3[class^='tit'],
p + h3[class^='tit'],
ul + h3[class^='tit'] {margin-top: 2.5rem !important;}
div[class^="tab_st"] + h3[class^='tit'] {margin-top: 1rem !important;}
.subContent p + h4[class^='tit'],
.subContent div + h4[class^='tit'],
*:not(h3) + h4[class^='tit'] {margin-top: 1.5rem !important;}
.subContent p + h5[class^='tit'],
.subContent div + h5[class^='tit'],
*:not(h4) + h5[class^='tit'] {margin-top: 1rem !important;}
.subContent p + h3[class^='tit'],
.subContent ul + h3[class^='tit'],
.subContent ul + h4[class^='tit'],
.subContent ul + h5[class^='tit'],
.subContent ol + h3[class^='tit'],
.subContent ol + h4[class^='tit'],
.subContent ol + h5[class^='tit'],
.subContent [class^="tbl_st"] + h3[class^='tit'] {margin-top: 1.5rem !important;}

/* 블릿 및 리스트 */
[class^="bu_st"],
[class^="list_st"] > li {margin-top: 0.25em; position: relative;}
.bu_st1,
.list_st1 > li {padding-left: 0.72em;  color:#444;}
.bu_st1::before,
.list_st1 > li::before {content: ""; display: block; width: 0.3em; height: 0.3em; border-radius: 50%; background-color: #1b4a01; position: absolute; left: 0; top: 0.65em;}
.bu_st2,
.list_st2 > li {padding-left: 0.67em;  color:#444;}
.bu_st2::before,
.list_st2 > li::before {content: ""; display: block; width: 0.3em; height: 2px; background-color: #6e6e6e; position: absolute; left: 0; top: calc(0.85em - 1px);}
.bu_st3,
.list_st3 > li {font-size: 0.85rem; padding-left: 0.82em; color:#555;}
.bu_st3::before,
.list_st3 > li::before,
.bu_st3::after,
.list_st3 > li::after {content: ""; display: block; width: 0.23em; height: 0.23em; border-radius: 50%; position: absolute; top: 0.65em;}
.bu_st3::before,
.list_st3 > li::before {background-color: #535353; left: 0;}
.bu_st3::after,
.list_st3 > li::after {background-color: #b6b6b6; left: 0.35em;}
.bu_st4,
.list_st4 > li {font-size: 0.85rem; padding-left: 0.59em; color: #555;}
.bu_st4::before,
.list_st4 > li::before {content: ""; display: block; border-left: 0.29em solid #6e6e6e; border-top: 0.145em solid transparent; border-bottom: 0.145em solid transparent; position: absolute; left: 0; top: 0.65em;}

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

/* 불릿 및 리스트 - 리스트 : 텍스트 타입 */
[class^="list_stT"] > li::before,
[class^="list_stT"] > li::after {display: none;}
[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"] {display: block;}
[class^="list_ol"] > li {position: relative;}
[class^="list_ol"] > li > .num {position: absolute; left: 0;}
.list_ol1 {font-size: 0.9rem;}
.list_ol2 {font-size: 0.85rem;}
.list_ol1 > li,
.list_ol2 > li {padding-left: 2.78em; margin-top: 0.625em;}
.list_ol1 > li > .num,
.list_ol2 > li > .num {display: inline-flex; justify-content: center; align-items: center; width: 2.5em; height: 1.875em; border-radius: 0.9375em; font-size: 0.89em; font-weight: 700; text-align: center;}
.list_ol1 > li > .num {background-color: #1b4a01; color: #fff; top: -0.1em;}
.list_ol2 > li > .num {background-color: #f5f5f5; color: #222; top: 0;}
.list_ol3 {font-size: 0.9rem;}
.list_ol4 {font-size: 0.85rem; color: #444;}
.list_ol3 > li,
.list_ol4 > li {padding-left: 1.72em; margin-top: 0.2em;}
.list_ol3 > li > .num,
.list_ol4 > li > .num {font-weight: 800;}
.list_ol3 > li > .num {color: #1b4a01;}
.list_ol4 > li > .num {color: #111;}



/* 텍스트 요소 : 주의&경고&안내 타입 */
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; position: relative;}
.bu_atte {padding-left: 1em;}
.bu_atte::before {content: "\203B"; font-size: 1.29em; position: absolute; left: 0; top: -0.15em;}
[class^="bu_wnrn"] {padding-left: 1.18em; font-weight: 400;}
[class^="bu_wnrn"]::before {content: "\F168"; font-family: 'remixicon'; font-size: 1.18em; position: absolute; left: -0.1em; top: -0.15em;}
.bu_wnrn {color: #e40a2e;}

/* 텍스트 요소 : 폰트컬러 타입 */
.pc_blue {color: #196ebe !important;}
.pc_navy {color: #043763 !important;}
.pc_org {color: #f40 !important;}
.pc_black {color: #000 !important;}
.pc_green {color: #1b4a01 !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.5em !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: #1b4a01 !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";}



/* 테이블 : 기본 타입 */
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 #c0c0c0; border-bottom: 1px solid #c0c0c0; padding: 0.875em 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: #eff7f5;}
div[class*='tbl_st'] > table tbody th {background: #f5fcfa;}
div[class*='tbl_st'] > table tfoot th {background: #eff7f5;}
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'] > table td [class*="btn_"] > i { margin-left: 0.2rem; }
/* 테이블 : 여백 축소 */
div[class*='tbl_st'].slim > table th,
div[class*='tbl_st'].slim > table td { padding: 0.875em 0.25rem;}

/* 테이블 : 영문 예외 */
#wrap.engWrap div[class*='tbl_st'] > table th,
#wrap.engWrap div[class*='tbl_st'] > table td{ word-break: keep-all; word-break: break-word;}

/* 테이블 : 테이블 4면 라인 */
div[class*='tbl_st'].tbl_st2 > table {width: 100%; border-right: 1px solid #c0c0c0; 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 !important;}
}

/* 테이블 : 배경 및 라인 색상 클래스 추가 */
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 #1b4a01 !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 #1b4a01 !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 #1b4a01 !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 #1b4a01 !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 #1b4a01 !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: 1rem; margin-top: -1em; margin-bottom:0.25rem;}
	 
@media screen and (max-width: 1240px) {

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

/* 박스 */
[class^="box_st"] {border-radius: 0.5rem; border: 1px solid #cbcbcb; background: #fff; padding: 1.125rem 1.5rem; margin: 0.5rem 0 1rem; position: relative; z-index: 0; overflow: hidden;}
.box_st1 {border-color: #d7ded4; background: #f5f9f8;}
.box_st1 .inner {position: relative;}
.box_st1 .inner > img {max-width: 100%; margin-top: 0.5rem;}
.box_st1 .inner > div {margin-top: 0.5rem;}
.box_st1 .inner > p {font-size: 0.9rem; color: #333;}
.box_st2 {border-color: #d7ded4; background: #f7f7f7;}
.box_st3 {border-color: #d7ded4; background: #fff;}
.box_st4 {border-width: 2px; border-color: #cbcbcb; background: #f6f6f6; padding: 1.5rem 1.25rem;}
.box_st5 {border-width: 4px; border-color: #dfe6ee; background: #fff; padding: 0.75rem 1.25rem; position: relative;}
.box_st5::before {content: ""; width: 100%; height: 40px; border-top: 4px solid #394b61; border-right: 4px solid #394b61; position: absolute; right: -4px; top: -4px;}
.box_st5::after {content: ""; width: 105px; height: 40px; border-top: 4px solid #266ed4; border-left: 4px solid #266ed4; position: absolute; left: -4px; top: -4px;}
.box_st6 {border-color: #1b4a01; background: #fff;}


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

/* 박스 : 아이콘 */
[class^="box_st"].box_ico {border-radius: 10px; padding:0; border: 0; margin-top:1.75rem; background: #f4f8f7; overflow: initial;}
[class^="box_st"].box_ico .inner {min-height: 5.5rem; padding: 1.25rem; padding-left: 7rem; margin-top: 0;}
[class^="box_st"].box_ico .inner .ico {flex-shrink: 0; display: flex; justify-content: center; align-items: center; width: 4.5rem; height: 4.5rem; border-radius: 10px 50% 50%; background: #fff; box-shadow: 0 0 10px rgba(9, 82, 65, 0.2); margin-top: 0; position: absolute; left: 1.5rem; top: -1rem;}
[class^="box_st"].box_ico .inner .ico img {max-width: 73%; max-height: 73%; object-fit: contain;}

/* 박스 : 아이콘2 */
.box_st_icn{ position:relative; padding:1.5rem; border-radius:0.5rem; border:4px solid #f5f9f8;; }
.box_st_icn .icn{ position:absolute; right:1rem; top:1rem; width:3rem; height:3rem; border-radius:0.5rem; display: flex; align-items: center; justify-content: center; color:#1b4a01; font-size:2rem; background:#f5f9f8;}
.box_st_icn dl{ position:relative; min-height:4rem; }
.box_st_icn dt{ font-size:1.1rem; font-weight: 600; padding:0.25rem 3rem 0.75rem 0; color:#1b4a01; }
.box_st_icn dd.box{ font-size:0.8rem; margin-top:0.5rem; border-radius:0.35rem; padding:0.25rem 0.5rem; background:#f5f9f8;}

/* 박스 : 제목 */
[class^="box_st"] .tit2,
[class^="box_st"] .tit3 {margin-bottom: 0.25rem;}
.box_tit1 {font-size: 1.2rem; color: #1b4a01; margin-bottom: 0.25rem; position: relative; z-index: 1;}
.box_tit2 {font-size: 1rem; color: #111; font-weight: 600; margin-bottom: 0.25rem; position: relative;}
.box_tit3 {font-size: 1rem; color: #1b4a01; position: relative;}

/* 박스 : 정렬 */
.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_w100 > * {width: 100%;}
.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);}

/* 박스 : 타이틀 박스 */
.titBox {width: calc(100% - .5rem); margin-top: 2rem; position: relative; z-index: 0;}
.titBox:first-of-type {margin-top: 0;}
.titBox h3 {display: inline-block; min-width: 13rem; border-radius: 1rem 1rem 1rem 0; background: #1963d1; padding: 0.75rem 1.5rem; font-size: 1rem; color: #fff; font-weight: 600; text-align: center; position: relative; z-index: 1;}
.titBox .inner {border-radius: 1rem; border-top-left-radius: 0 !important; border: 2px solid #ddd; background: #fff; padding: 2.5rem 1.5rem 1.5rem; margin-top: -1.75rem; position: relative;}
.titBox .inner::before {content: ""; width: 100%; height: 100%; border-radius: 1rem; border-top-left-radius: 0 !important; background: url('/resource/images/con_com/titBox_pttrn.png'); position: absolute; left: 0.5rem; top: 0.5rem; z-index: -1;}



/* 탭 : 공통 */
div[class^="tab_st"] {border-radius: 10px; border: 1px solid #cbcbcb; position: relative;}
div[class^="tab_st"] > .select,
div[class^="tab_st"] > .select-st3 {display: none; justify-content: space-between; align-items: flex-start; height: 100%; padding: 0.75rem 1.5rem; position: relative; z-index: 0;}
div[class^="tab_st"] > .select::before,
div[class^="tab_st"] > .select-st3::before {content: ""; display: block; width: calc(100% + 2px); height: calc(100% + 2px); border-radius: 10px; position: absolute; left: -1px; top: -1px; z-index: -1; opacity: 0;}
div[class^="tab_st"] > .select-st3::before { border-radius: 10px 10px 0 0;}
div[class^="tab_st"] ul {display: flex; flex-wrap:wrap; overflow:hidden; }
div[class^="tab_st"] li {width: 25%; font-size: 0.9rem; position: relative;}
div[class^="tab_st"] li::before {content: ""; display: block; width: 1px; height: 0.5rem; border-radius: 1px; background-color: #bebebe; position: absolute; left: -1px; top: calc(50% - 0.25rem);}
div[class^="tab_st"] a {display: flex; justify-content: space-between; align-items: flex-start; height: 100%; padding: 0.75rem 1rem; position: relative; z-index: 0;}
div[class^="tab_st"] a::before {content: ""; display: block; width: calc(100% + 2px); height: calc(100% + 2px); border-radius: 10px; position: absolute; left: -1px; top: -1px; z-index: -1; opacity: 0;}
div[class^="tab_st"] a::after {content: "\EB7B"; font-size: 1.33em; line-height: 1.125; margin-left: 1rem; font-family: 'remixicon'; font-weight: 400; margin-left: 1em; color:#bbb;}
div[class^="tab_st"] a[target="_blank"]::after {content: "\ECAF"; font-size: 1.1em; line-height: 1.35;}
/* 탭 : 공통 : actv */
div[class^="tab_st"] li.on::before,
div[class^="tab_st"] li.on + li::before {display: none;}
div[class^="tab_st"] li.on a,
div[class^="tab_st"] > .select-st3,
div[class^="tab_st"] > .select {font-weight: 600;}
div[class^="tab_st"] li.on a::before,
div[class^="tab_st"] > .select-st3::before,
div[class^="tab_st"] > .select::before {opacity: 1;}
div[class^="tab_st"] li.on a::after,
div[class^="tab_st"] > .select::after,
div[class^="tab_st"] > .select-st3::after { color:#fff;}
div[class^="tab_st"] li:not(.on) a:focus,
div[class^="tab_st"] li:not(.on) a:hover {color: #1b4a01;}

div[class^="tab_st"]:not(.tab_st3, .Tab_w50, .Tab_w30, .Tab_w20) li:nth-child(4n + 1):before
div[class^="tab_st"].Tab_w20 li:nth-child(5n + 1):before,
div[class^="tab_st"].Tab_w30 li:nth-child(3n + 1):before,
div[class^="tab_st"].Tab_w50 li:nth-child(2n + 1):before{ display: none;}

/* 탭 : 영문제외 */
.engWrap div[class^="tab_st"]{ font-size: 0.85rem;}

/* 탭 : tab_st1 */
.tab_st1 {background-color: #f5f9f8; margin-bottom:1.5rem;}
.tab_st1 > .select,
.tab_st1 > .select-st3,
.tab_st1 li a {color: #555;}
.tab_st1 > .select::before,
.tab_st1 > .select-st3::before,
.tab_st1 li a::before {background-color: #1b4a01; box-shadow: 0 0 1rem rgba(33,92,0,0.3);}
/* 탭 : tab_st1 : actv */
.tab_st1 li.on a,
.tab_st1 > .select,
.tab_st1 > .select-st3 {color: #fff;}

/* 탭 : tab_st2 */
.tab_st2 {background-color: #fff; margin-bottom:1.5rem;}
.tab_st2 > .select,
.tab_st2 > .select-st3,
.tab_st2 li a {color: #555;}
.tab_st2 > .select::before,
.tab_st2 > .select-st3::before,
.tab_st2 li a::before {border: 2px solid #1b4a01; background-color: #fff;}
/* 탭 : tab_st2 : actv */
.tab_st2 li.on a,
.tab_st2 > .select,
.tab_st2 > .select-st3 {color: #1b4a01;}

/* 탭 : tab_st3 */
div[class^="tab_st3"] {border-left:0; border-right:0; border-top:0; border-bottom: 2px solid #1b4a01; border-radius:0;}
div[class^="tab_st3"] a {padding:0.5rem 1.5rem 0.5rem 2.5rem;}
div[class^="tab_st3"] li {width:auto;}
div[class^="tab_st3"] li::before {background:#e0e0e0;}
div[class^="tab_st3"] li:first-child::before {display:none;}
div[class^="tab_st3"] li.on a::before,
div[class^="tab_st3"] > .select::before,
div[class^="tab_st3"] > .select-st3::before {background-color: #1b4a01; box-shadow:0 0 10px rgba(33,92,0,0.4);}
div[class^="tab_st3"] li a::after {content:'\EB7B'; position:absolute; left:0; font-size: 1.15em; line-height: 1.25; margin-left: 1rem; color:#555;}
div[class^="tab_st3"] li.on a::after,
div[class^="tab_st3"] > .select::after,
div[class^="tab_st3"] > .select-st3::after {color:#fff;}

.tab_st3 {background-color: #fff; margin-bottom:1.5rem;}
.tab_st3 > .select,
.tab_st3 > .select-st3,
.tab_st3 li a {color: #555;}
.tab_st3 > .select::before,
.tab_st3 > .select-st3::before,
.tab_st3 li a::before {border-radius:0.5rem 0.5rem 0 0; background:#1b4a01;}
/* 탭 : tab_st3 : actv */
.tab_st3 li.on a,
.tab_st3 > .select,
.tab_st3 > .select-st3 {color: #fff;}



/* 탭 : tab_list */
.tab_list {display: flex; flex-wrap: wrap; gap: 1rem; border-radius:10px; border: 1px solid #dadada; background-color: #f7f7f7; padding: 1em 1.875em; font-size: 0.8rem;}
.tab_list li a {display: block; padding-left: 1.375em; color: #555; position: relative;}
/* 탭 : tab_list : pseudo */
.tab_list li a::before {content: "\EB80"; font-family: 'remixicon'; font-size: 1.25em; color: #666; font-weight: 400; position: absolute; left: -0.1em; top: -0.2em;}
.tab_list li a[target="_blank"]::after {content: "\ECAF"; display: inline-block; font-family: 'remixicon'; font-size: 1.125em; line-height: 1.33; margin-left: 0.25em;}
/* 탭 : tab_list : actv */
.tab_list li.on a {color: #1b4a01; font-weight: 600;}
.tab_list li.on a::before {color: #1b4a01;}

/* 탭 : 탭 개수 */
div[class^="tab_st"].Tab_w50 li{width: 50%;}
div[class^="tab_st"].Tab_w30 li{width: calc(100% / 3);}
div[class^="tab_st"].Tab_w20 li{width: 20%;}

.tab_list.Tab_w50 li {width: calc((100% - 1rem) / 2);}
.tab_list.Tab_w30 li {width: calc((100% - 2rem) / 3);}
.tab_list.Tab_w20 li {width: calc((100% - 4rem) / 5);}
	 
@media screen and (max-width: 1240px) {

	/* 탭 : 공통 */
	div[class^="tab_st"] > .select,
    div[class^="tab_st"] > .select-st3 {display: flex;}
	div[class^="tab_st"] ul {display: none;}
	div[class^="tab_st"] li {width: 100% !important;}
	div[class^="tab_st"] li::before {display: none;}
	div[class^="tab_st"] li + li {border-top: 1px dashed #cbcbcb;}
	div[class^="tab_st"] a::before {display: none;}

	/* 탭 : tab_st1 : actv */
	.tab_st1 li.on a {color: #1b4a01;}

	/* 탭 : tab_st3 : actv */
    div[class^="tab_st3"] li.on a::after,
    .tab_st3 li.on a {color: #1b4a01;}
}



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

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

/* 버튼 : 색상 */
.btn_blue {border-color: #196ebe; background: #196ebe; color: #fff;}
.btn_navy {border-color: #043763; background: #043763; color: #fff;}
.btn_org {border-color: #f40; background: #f40; color: #fff;}
.btn_red {border-color: #e40a2e; background: #e40a2e; color: #fff;}
/* 버튼 : 색상 : active */
.btn_blue:hover,
.btn_blue:focus {border-color: #115ca2; background: #115ca2;}
.btn_navy:hover,
.btn_navy:focus {border-color: #2a69a1; background: #2a69a1;}
.btn_org:hover,
.btn_org:focus {border-color: #d94e1b; background: #d94e1b;}
.btn_red:hover,
.btn_red:focus {border-color: #c11330; background: #c11330;}

/* 버튼 : 리스트 */
.btns.lst > [class*="btn_"] {justify-content: space-between; width: 100%; padding-right: 0; 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 > .btn_bsc1 > i {color: #666;}
.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: #1b4a01; background: #fff; color: #1b4a01;}

/* 버튼 : 리스트 : 너비 */
.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);}



/* 이미지 : 확대보기 */
.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; border-radius:10px; overflow: hidden;}
[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: 600; margin-bottom: 0.5em;}

/* 이미지 + 텍스트 : 가로정렬 */
.imgTxt_st > ul > li {display: flex; align-items: flex-start; gap:2.11rem;}
.imgTxt_st > ul > li + li {border-top: 2px dotted #ddd; padding-top: 1.9rem; margin-top: 1.9rem; gap:2.11rem;}
.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;}
/* 이미지 + 텍스트 : 세로정렬 : 라인X */
.imgTxt_st2.nobrd > ul > li{ border:0; padding:0;}



/* 절차 : 공통 */
[class^="prcd_st"] > ul {
	--gapPrcd: calc(var(--gap) * 4);
}
[class^="prcd_st"] > ul > li {border-radius: 0.5rem; position: relative; z-index: 0;}
[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: 0.5rem; border: 1px solid #ddd; position: absolute; left: 0; top: 0; z-index: -1;}
[class^="prcd_st"] > ul > li.prcd_fin::after {border: 2px solid #1b4a01;}

/* 절차 : 화살표삭제 */
[class^="prcd_st"].noArr > ul > li + li::before{ display: none;}

/* 절차 : 가로 */
[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: #1b4a01; font-weight: 600;}

/* 절차 : prcd_st2 */
.prcd_st2 > ul > li > .liWr {padding: 0.5rem; padding-bottom: 0;}
.prcd_st2 > ul > li > .liWr > .titWr {border-radius: 0.5rem; border:2px solid #555; background-color: #f1f1f1; padding: 0.75rem 0.5rem; text-align: center;}
.prcd_st2 > ul > li > .liWr > .titWr > .prcd_tit {font-size: 1.11em; color: #555; font-weight: 600;}
.prcd_st2 > ul > li > .liWr > .titWr > .prcd_stp {display: none;}
.prcd_st2 > ul > li > .liWr > .conWr {padding: 1.5em 1.11rem;}
/* 절차 : prcd_st2 : gray bg */
.prcd_st2 > ul > li.prcd_bg_gray > .liWr > .titWr{ background-color:#fff;}
/* 절차 : prcd_st2 : fin */
.prcd_st2 > ul > li.prcd_fin > .liWr > .titWr {background-color: #1b4a01;}
.prcd_st2 > ul > li.prcd_fin > .liWr > .titWr > .prcd_tit{ color:#fff;}

/* 절차 : prcd_st3 */
.prcd_st3 > ul > li::after{ border:2px solid #1b4a01;}
.prcd_st3 {text-align: center;}
.prcd_st3 > ul > li {display: flex; justify-content: center; align-items: center; padding: 1.025em 1rem;}
.prcd_st3 > ul > li > .liWr {font-weight: 500;}
.prcd_st3 > ul > li > .liWr > .prcd_tit { display: flex; flex-direction: column; gap: 0.5rem; align-items: center; font-weight: 700; color: #000;}
.prcd_st3 > ul > li > .liWr > .prcd_tit span{ display: block; min-width:5.5rem; padding:0.15rem 1rem; border-radius:1rem; background:#f5f9f8; color:#1b4a01; font-size:0.8rem; text-align: center;}
.prcd_st3 > ul > li > .liWr > .prcd_con {font-size: 0.89rem; color: #555;}
/* 절차 : prcd_st3 : fin */
.prcd_st3 > ul > li.prcd_bg_gray > .liWr > .prcd_tit span {background-color: #fff;}
/* 절차 : prcd_st3 : fin */
.prcd_st3 > ul > li.prcd_fin {background-color: #1b4a01;}
.prcd_st3 > ul > li.prcd_fin > .liWr > .prcd_tit,
.prcd_st3 > ul > li.prcd_fin > .liWr > .prcd_tit span{ color:#fff;}
.prcd_st3 > ul > li.prcd_fin > .liWr > .prcd_tit span{ background:#163b01;}
.prcd_st3 > ul > li.prcd_fin > .liWr > .prcd_con { color: #fff;}
/* 절차 : prcd_st3 : 세로 */
.prcd_st3.vtc > ul > li{ justify-content: left;}
.prcd_st3.vtc > ul > li > .liWr { flex: 1; display: flex; align-items: center; gap: 0.5rem 1rem;}
.prcd_st3.vtc > ul > li > .liWr > .prcd_tit{ flex-direction: row; text-align: left;}
.prcd_st3.vtc > ul > li > .liWr > .prcd_con { text-align: left;}
.prcd_st3.vtc > ul > li > .liWr.w100{ width:100%; flex-direction: column; gap: 0; align-items: start;}
.prcd_st3.vtc > ul > li > .liWr.w100 .prcd_tit + .prcd_con{ width:100%; padding-top:1rem; margin-top:1rem; border-top:1px dashed #ddd;}


/* 타이틀 : 수평정렬 */
.tit_horizontal {display:flex; margin-bottom:1rem;}
.tit_horizontal .tit2, .tit_horizontal .tit3 {word-break: break-all;}
.tit_horizontal h4 {width:10rem; border-radius:0.25rem; padding-right:1rem; background: #e8ebf0; margin-bottom:0; text-align:center; display:flex; flex-direction: column; justify-content: center; padding:1rem;}
.tit_horizontal h4:before, .tit_horizontal h4:after {display:none;}
.tit_horizontal h4 .img {margin-top:.5rem;}
.tit_horizontal > div {width:calc(100% - 10rem); display: flex; flex-direction: column; padding:.5rem 0 .5rem 1rem;}
.tit_horizontal .cont_list > div.cont {width:100%; display:flex; margin-top:.5rem;}
.tit_horizontal .cont_list > div.cont:first-child {margin-top:0}
.tit_horizontal .cont_list > div.cont > * {width:100%;}
.tit_horizontal .cont_list > div.cont h5 {width:5rem; padding-right:1rem;}
.tit_horizontal .cont_list li:first-child {margin-top:0 !important;}

/* 타이틀 : 수평정렬 (오시는길) */
.root_daum_roughmap {width:100% !important;}
.wayWrap {margin-top:2rem;}
.wayWrap .tit_horizontal h4 {padding:.5rem 1rem;}
.wayWrap .tit_horizontal h4 .img {margin-top:.25rem;}

/* 절차도1 */
.fchart_wrap {display:flex; /*justify-content:space-between;*/ overflow:hidden; flex-wrap:wrap;}
.fchart_wrap > li {position:relative; width:25%;}
.fchart_wrap li:after {position:absolute; width:1.5rem; height:1.5rem; line-height:1.4rem; text-align:center; background:#fff; border:2px solid #333; border-radius:50%; font-family:'xeicon'; font-size:0.95rem; color:#333; z-index:1;}
.fchart_wrap > li:last-child:after {display:none;}
.fchart_wrap > li:last-child li:after {display:none}
.fchart_wrap .f_w100_2 ul li {position:relative;}
.fchart_wrap .f_w100_2 ul li > * ,
.fchart_wrap > li > * {border-radius:0.5rem; min-height:4.5rem; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#111; padding:.5rem 1rem; text-align:center;}
.fchart_wrap > li > * span {display:block; color:#111; font-weight:400;}
.fchart_wrap li .fbox1 {font-size:0.85rem;}
.fchart_wrap li .fbox1 span {line-height:1.2rem; border-radius:0.6rem; background:#fff; font-size:0.7rem; padding:0 1rem; margin-top:0.25rem; box-shadow: 0 0 1px rgba(34,34,34,0.3);}
.fchart_wrap > li:last-child .fbox1 {color:#fff;}
.fchart_wrap li .fbox2 {align-items: baseline; font-size:0.75rem; margin-top:0.5rem; border:1px solid #ccc;}
.fchart_wrap li .fbox2.aic {align-items: center !important;}
/* color1 */
.f_color1 li .fbox1 {background:rgba(0,148,112,0.15);}
.f_color1 > li:last-child .fbox1 {background:rgba(0,148,112,1);}
/* color2 */
.f_color2 li .fbox1 {background:rgba(0,159,165,0.15);}
.f_color2 > li:last-child .fbox1 {background:rgba(0,159,165,1);}
/* color3 */
.f_color3 li .fbox1 {background:rgba(0,122,163,0.15);}
.f_color3 > li:last-child .fbox1 {background:rgba(0,122,163,1);}
/* 왼쪽 화살표 */
.f_left {width:calc(100% + 2rem); margin:0 -1rem;}
.f_left > li {padding:0 2rem 0.5rem 0.75rem;}
.f_left > li:after {content:'\e907'; right:0; top:1.5rem;}
/* 아래쪽 화살표 */
.f_down {width:calc(100% + 0.6rem); margin:0 -0.3rem;}
.f_down li {padding:0 0.3rem 1.75rem 0.3rem;}
.f_down li:after {content:'\e905'; bottom:0.15rem; left:calc(50% - 0.75rem);}
/* li 넓이값 */
li.f_w100 {width:100%;}
li.f_w100_2 {padding:0;}
li.f_w100_2:after {display:none;}
li.f_w100_2 ul {display:flex; flex-direction: row; padding:0;}
li.f_w50  {width:50%;}
li.f_w33  {width:33.3%;}
li.f_w20  {width:20%;}

/* 절차도2 */
.fchart_wrap2 {display:flex; justify-content:space-between; overflow:hidden; flex-wrap:wrap; width:calc(100% + 1.4rem); margin:0 -0.7rem;}
.fchart_wrap2 > li {position:relative; width:16.66%; padding:0 0.75rem; color:#111;}
.fchart_wrap2 > li:after {content:'\e907';position:absolute; right:-0.7rem; top:0.25rem; width:1.5rem; height:1.5rem; line-height:1.4rem; text-align:center; background:#fff; border:2px solid #333; border-radius:50%; font-family:'xeicon'; font-size:0.95rem; color:#333; z-index:1;}
.fchart_wrap2 > li:last-child:after {display:none;}
.fchart_wrap2 li p,
.fchart_wrap2 li div {border-radius:0.5rem;}
.fchart_wrap2 li p {display:flex; align-items:center; justify-content:center; text-align:center;}
.fchart_wrap2 li .f_step {min-height:2rem; color:#fff; font-size:0.85rem; font-weight:600;}
.fchart_wrap2 li .f_tit {min-height:3.5rem; background:#fff; border-width:2px; border-style:solid; padding:0 1rem; line-height:1.3; margin-top:0.5rem;}
.fchart_wrap2 li .f_list {min-height:7.75rem; margin-top:0.4rem; border:1px solid #ccc; padding:0.25rem 0.5rem 0;}
.fchart_wrap2 li .f_date {min-height:2rem; margin-top:0.4rem; background:#f4f4f4; border:1px solid #ccc;}
/* 컬러값 */
.f2_color1 .f_step {background:#008e12;}
.f2_color1 .f_tit {border-color:#008e12;}
.f2_color2 .f_step {background:#009470;}
.f2_color2 .f_tit {border-color:#009470;}
.f2_color3 .f_step {background:#019ea5;}
.f2_color3 .f_tit {border-color:#019ea5 ;}
.f2_color4 .f_step {background:#007aa3;}
.f2_color4 .f_tit {border-color:#007aa3;}
.f2_color5 .f_step {background:#0f409d;}
.f2_color5 .f_tit {border-color:#0f409d;}
.f2_color6 .f_step {background:#002b60;}
.f2_color6 .f_tit {border-color:#002b60;}

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



/* 메인 : 팝업 버튼 관련 */
.popup_bu {font-family: 'SCDream';}
.MpopList {font-family: 'SCDream'; color:#fff !important;}
.MpopList:hover,
.MpopList:focus {color:#000 !important;}

/* 메인 : 팝업리스트 앞 공통, 학교 분류 */
.popupL_com {display:inline-block; width:2.5rem; padding:.15rem 0; margin-right:.25rem; color:#fff; text-align:center; background:#008c44; border-radius:1rem;}
.popupL_schl {display:inline-block; width:2.5rem; padding:.15rem 0; margin-right:.25rem; color:#fff; text-align:center; background:#0d69cd; border-radius:1rem;}

.ui-dialog{position : fixed;}

/* 메인 : 팝업 디자인 수정 */
.ui-dialog.schl_mPop{ padding:0;}
.ui-dialog.schl_mPop .ui-dialog-title{ font-family: 'SCDream'; font-weight:400;}
.ui-dialog.schl_mPop .ui-dialog-content{padding:0;}
.ui-dialog.schl_mPop .ui-dialog-content a{ display:block; text-align:center;}
.ui-dialog.schl_mPop .ui-dialog-content a:focus {border:2px solid #000;} /* 20210102 웹접근성 관련 수정 */
.ui-dialog.schl_mPop .ui-widget-header{ background:#40587a; color:#fff; border-radius:3px 3px 0 0; border:none;}
.ui-dialog.schl_mPop .lPopListpopupContent{ max-height:80vh; margin:0 auto; overflow-y:auto;}
.ui-dialog.schl_mPop .lPopListpopupContent p{ text-align:center; }
.ui-dialog.schl_mPop .inner{ padding:.75rem; margin:0 auto; overflow:auto;}
.ui-dialog.schl_mPop .popupContent{ margin:0 auto; overflow:auto;}
.ui-dialog.schl_mPop .closeBtn{ padding:.25rem .5rem; background:#eaecf3; text-align:right; border-top:1px solid #ccc;}
.ui-dialog.schl_mPop .popClick{ text-align: right;}
.ui-dialog.schl_mPop .popClick > a{ padding-left:20px;}
.ui-dialog.schl_mPop .closeBtn a,
.ui-dialog.schl_mPop .popClick a{ display:inline-block; margin:3px 0; font-family: '돋움'; font-size:12px;}
.ui-dialog.schl_mPop .closeBtn a i,
.ui-dialog.schl_mPop .popClick a i{ font-size:16px; vertical-align: middle;}
.ui-dialog.schl_mPop img{ width:auto; max-width:100%; height:auto;/*  max-height:80vh;*/ }
.ui-dialog.schl_mPop div[id^='lPopListpopupBg']{ margin:0 auto; height:auto !important;}
.ui-dialog.schl_mPop #lPopList,
.ui-dialog.schl_mPop div[id^='popupBg']{ width:100% !important; max-height:85vh; background-position:center !important; overflow-y:auto;}
.popScrlAt{ height:auto !important;}

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

/* 요양프로그램 */
.cp_tit,
.cp_tit > a{ display: flex; align-items: center; }
.cp_tit > h3.tit1{ flex: 1; text-align: center; word-break: keep-all; padding:0 1rem;}
.cp_tit > a{ gap: 0.5rem; color:#000; }
.cp_tit > a i{ width:2.5rem; height:2.5rem; border-radius:50%; display: flex; align-items: center; justify-content: center; font-size: 1.1rem; color:#444; background:#f4f4f4; }
.cp_wrap{ overflow-x: auto; margin-top:0.5em;}
.cp_wrap table{ width:100%; min-width:40rem; color:#000; border-spacing: 0.5rem;}
.cp_wrap table th,
.cp_wrap table td{ border-radius:0.5rem; padding:0.5rem; }
.cp_wrap table thead th{ position:relative; color:#000; background:#f5f9f8; border:2px solid #215c00; }
.cp_wrap table thead th:first-of-type{ background:#215c00; color:#fff; text-align: center;}
.cp_wrap table thead th:last-of-type{ background:#f2f5ff; border-color:#2d48b8; }
.cp_wrap table thead th > p{ min-height:2.5rem; display: flex; align-items: center; justify-content: space-between; gap: 0.25rem;}
.cp_wrap table thead th > p strong{ font-weight: bold; }
.cp_wrap table thead th > p .sat{ color:#004087; }
.cp_wrap table thead th > p .sun{ color:#ff1769; }
.cp_wrap table tbody th{ background:#f5f9f8;}
.cp_wrap table tbody td{ text-align: center; background:#f6f6f6;}
.cp_wrap table tbody td > span{ display: inline-block; color:#fff; border-radius:1rem; font-size:0.75rem; padding:0.15rem 0.75rem;}
.cp_wrap table tbody td > span.ty1{ background:#2d48b8; }
.cp_wrap table tbody td > span.ty2{ background:#2a6900; }
.cp_wrap table tbody td > span.ty3{ background:#0faa9d; }
.cp_wrap table tbody td > strong{ display: block; }
.cp_wrap table tbody td.last{ background:#f2f5ff;}

@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;}
	/* 타이틀 : 여백 : 상단 */
	.tit1 {margin-top: 1.5rem; margin-bottom: 0.75rem;}
	.tit2 {margin-top: 1.25rem; margin-bottom: 0.5rem;}
	.tit3 {margin-top: 0.75rem; margin-bottom: 0.25rem;}
	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: 2.5rem !important;}
	*:not(h3) + h4[class^='tit'] {margin-top: 1.5rem !important;}
	*:not(h4) + h5[class^='tit'] {margin-top: 1rem !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);}

	/* pdf 뷰어 : 시작 **************************************************************/
	.pdfBox .pdf_inner .pdf_view {height:30rem;}
	.pdfBox .pdf_inner a.pdfTBtn {margin-top:.5rem; position:relative; right:auto; top:auto;}
	/* pdf 뷰어 : 끝 **************************************************************/

	/* 탭 : 탭 개수 */
	.tab_list.Tab_w20 li {width: calc((100% - 2rem) / 3);}
}



@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);}

	/* 버튼 : 기본, 미니, 아이콘 */
	[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_st4 {padding: 1rem 1.5rem;}

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

	/* 콘텐츠 준비 중 */
	.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;}
	
	/* 절차도1 */
	/* 왼쪽 화살표 */
	.f_left {width:calc(100% + 1rem); margin:0 -0.5rem;}
	.f_left li {padding:0 0.5rem;}
	.f_left > li:after {right:-0.75rem;}

	/* 탭 : 탭 개수 */
	.tab_list.Tab_w30 li {width: calc((100% - 1rem) / 2);}
	.tab_list.Tab_w20 li {width: calc((100% - 1rem) / 2);}
}



@media screen and (max-width: 960px) {
  
  	/* 절차도2 */
	.fchart_wrap2 > li {width:33.3%;}
	.fchart_wrap2 > li:nth-child(n+4) {margin-top:1rem;}
	.fchart_wrap2 > li:after {right:0;}
}



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

	/* 탭 : tab_list : pseudo */
	.tab_list li a::before {top: -0.1em;}

	/* 버튼 : 기본, 미니, 아이콘 */
	[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;}
	
	/* 타이틀 : 수평정렬 */
	.tit_horizontal {flex-direction: column; margin-bottom:.5rem;}
	.tit_horizontal h4 {width:100% !important; border-top:2px solid #e8ebf0; border-bottom:1px solid #e8ebf0; background: none; text-align:left; padding:.75rem 0;}
	.tit_horizontal h4 .img {display:none;}
	.tit_horizontal > div {padding-left:0 !important; width:100%;}
	.tit_horizontal .cont_list > div.cont {padding-left:0;  flex-direction: column;}
	.tit_horizontal .cont_list > div.cont h5 {width:100%; margin-bottom:.5rem;}
	
	/* 타이틀 : 수평정렬 (오시는길) */
	.wayWrap .tit_horizontal h4 {padding:.75rem 0}

	/* 절차도1 */
	.fchart_wrap {flex-direction:column;}
	.fchart_wrap li {width:100%;}
	/* 왼쪽 화살표 */
	.f_left > li {padding:0 0.5rem 1.25rem;}
	.f_left > li:after {content:'\e905'; right:auto; top:auto; bottom:-0.15rem; left:calc(50% - 0.75rem);}
	/* 아래쪽 화살표 */
	.f_down li {padding:0 0.3rem 1.25rem 0.3rem;}
	.f_down li:after {bottom:-0.15rem;}
	/* li 넓이값 */
	li.f_w100_2 ul {flex-direction:column;}
	li.f_w100_2 ul li:not(:last-child):after {content:'or'; line-height:1rem;}
	li.f_w50  {width:100%;}
	li.f_w33  {width:100%;}
	
	/* 절차도2 */
	.fchart_wrap2 > li {width:50%;}
	.fchart_wrap2 > li:nth-child(n+3) {margin-top:1rem;}

	/* 동의서 */
	.agree_wrap{ padding:1rem;}
	.agree_wrap + .agree_wrap{ margin-top:1rem;}
	.agree_wrap:before{ display: none;}
	.agree_wrap .inner{ padding:1rem;}

	/* 절차 : prcd_st3 */
	/* 절차 : prcd_st3 : 세로 */
	.prcd_st3 > ul > li > .liWr > .prcd_tit{ word-break: break-all;}
	
	.prcd_st3 > ul > li > .liWr > .prcd_tit span{ padding:0.15rem 0.5rem;}
	.prcd_st3.vtc > ul > li > .liWr { flex-direction: column; align-items: start;}

	/* 요양프로그램 */
	.cp_tit{ flex-wrap: wrap; justify-content: space-between;}
	.cp_tit > h3.tit1{ flex:none; width:100%; order: -1; padding:0; margin-bottom:0.5em;}
	.cp_tit > a{ gap: 0.5rem; }
	.cp_tit > a i{ width: 2rem; height:2rem;}
}



@media screen and (max-width: 680px) {
	
	/* 박스 */
	[class^="box_st"],
	.box_st4 {padding: 0.75rem 1rem;}

	/* 박스 : 아이콘 */
	[class^="box_st"].box_ico .inner {padding-left: 7.25rem;}
	[class^="box_st"].box_ico .inner .ico {width: 4.5rem; height: 4.5rem; left: 1.25rem; top: 1.25rem;}

	/* 박스 : 제목 */
	.box_tit1 {font-size: 1.1rem;}
	.box_tit2,
	.box_tit3 {font-size: 0.95rem;}

	/* 박스 : 타이틀 박스 */
	.titBox h3 { min-width:40%; padding:.5rem 1.5rem; font-size:0.9rem;}
	.titBox .inner{ margin-top:-1.25rem; padding:2rem 0.75rem 1.5rem;}

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

	/* 이미지 + 텍스트 : 세로정렬 */
	.imgTxt_st2 > ul > li > .imgWr {height: 25vw;}
	
	/* 박스 : 아이콘2 */
	.box_st_icn .icn{ width:2.5rem; height:2.5rem; font-size:1.5rem; }
	.box_st_icn dt{ padding:0.75rem 2.75rem 0.75rem 0; }

	/* 탭 : 탭 개수 */
	.tab_list.Tab_w50 li {width: 100%;}
	.tab_list.Tab_w30 li {width: 100%;}
	.tab_list.Tab_w20 li {width: 100%;}
}



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

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

	/* 박스 : 아이콘 */
	[class^="box_st"].box_ico .inner {padding-left: 6.25rem;}
	[class^="box_st"].box_ico .inner .ico {width: 3.5rem; height: 3.5rem;}

	/* 박스 : 정렬 */
	.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%;}

	/* 탭 : 공통 */
	div[class^="tab_st"] > .select,
	div[class^="tab_st"] > .select-st3,
	div[class^="tab_st"] a {padding: 0.75rem 1rem;}
	div[class^="tab_st3"] a {padding: 0.75rem 1.3rem;}
    div[class^="tab_st3"] li a::after { margin-left: 0;}
    div[class^="tab_st3"] li.on a::after { margin-left: 0;}
	/* 탭 : tab_list */
	.tab_list {gap: 1em 2em; border-radius: 0.5rem; padding: 0.75rem 1rem;}

	/* 콘텐츠 준비 중 */
	.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;}

	/* 절차 : prcd_st2 */
	.prcd_st2 > ul > li > .liWr > .titWr {padding: 0.5rem;}
	.prcd_st2 > ul > li > .liWr > .titWr > .prcd_tit {font-size: 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%;}

	/* 박스 : 아이콘 */
	[class^="box_st"].box_ico .inner {padding: 0.75rem 1rem; min-height:auto;}
	[class^="box_st"].box_ico .inner .ico {display: none;}

	/* 콘텐츠 준비 중 */
	.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%;}
  
	/* 절차도2 */
	.fchart_wrap2 > li {width:100%;}
	.fchart_wrap2 > li:nth-child(n+2) {margin-top:1.25rem;}
	.fchart_wrap2 > li:after {content:'\e905'; right:auto; top:auto; bottom:-1.35rem; left:calc(50% - 0.75rem);}
	.fchart_wrap2 li .f_list {height:auto; padding-bottom:0.5rem;}
}

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

	/* 탭 : tab_list */
	.tab_list {gap: 0.75em 1.25em;}

	/* 박스 : 아이콘 */
	[class^="box_st"].box_ico {border-radius: 1rem 1rem 0.5rem 0.5rem;}
	[class^="box_st"].box_ico .inner {border-radius: calc(1rem - 2px) calc(1rem - 2px) calc(0.5rem - 2px) calc(0.5rem - 2px);}

	/* 탭 : 공통 */
	div[class^="tab_st"] > .select,
	div[class^="tab_st"] > .select-st3,
	div[class^="tab_st"] a {padding: 0.5rem 1rem;}

	/* 이미지 : 확대보기 */
	.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;}

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

@media screen and (max-width: 320px) {
	/* 절차 : prcd_st3 : 세로 */
	.prcd_st3.vtc > ul > li > .liWr > .prcd_tit{ width:100%; flex-direction: column; }
}