@charset "UTF-8";


.scroll_gr:has(.noData) {background:none!important;}
.noData {width:100%; padding:2rem; display:flex; align-items:center; justify-content:center; border:1px solid #cdcdcd; border-radius:0.75rem;}

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

/* 한문폰트 */
.font_nanum {font-family: 'NotoSansKR' !important; font-size: 1em !important; font-weight: inherit !important; }

/* 스타일가이드 타이틀 */
.styleTit { margin: 2.5rem 0 1.5rem 0; display: block; padding-top: 2.5rem; border-top: 1px solid #CCCCCC; }
.styleTit span { display: inline-flex; align-items: center; justify-content: center; border-radius: 1.5rem; gap: 0.35rem; font-size: 1.1rem; font-weight: bold; color: #333; background: #F4F4F4; padding: 0.4rem 1.1rem; text-transform: uppercase; }
.styleTit i { font-weight: 400 !important; line-height: 1; }
.styleTit:first-child { margin-top: 0; padding-top: 0; border-top: 0; }

/* Guide Layout */
.Guide_con h3.Guid_tit {position:relative; padding-top:8px; font-size:1.2rem; color:#111; font-weight:500;}
.Guide_con h3.Guid_tit:before {content:""; display:block; position:absolute; top:0; left:0; width:3rem; height:4px; background:#1976d2;}
.Guide_con .DG_list {padding-bottom:25px; margin-bottom:25px; border-bottom:1px dashed #c3c3c3; overflow:hidden;}
.Guide_con .DG_list li {margin:5px; float:left;}
.Guide_con .DG_list li a {display:block; min-width:170px; padding:0 1rem; text-align:center; font-size:18px; line-height:45px; color:#fff; border:1px solid #07174a; background:#07174a;}
.Guide_con .DG_list li a:hover,
.Guide_con .DG_list li a:focus {border:1px solid #064584; background:#1976d2;}
.Guide_con #con_com_box { margin-top:2rem; }
.Guide_con .com_code { min-width: 100%; width:100%; max-width: 100%; height:100px; font-size:12px; font-family:'Dotum'; line-height:1.3; color:#000; border:none; background:#f7f7f7; }

/* Guide Title */
.Guide_titBox {margin:2rem 0 1rem; padding:0 1rem 1rem; color:#000; text-align:center; border-bottom:2px dotted #999; background:#fff;}
.Guide_titBox h3 {position:relative; padding-bottom:0.5rem; margin-bottom:0.5rem; font-size:1.2rem; font-weight:600;}
.Guide_titBox h3:before {content:""; display:block; position:absolute; bottom:0; left:50%; width:3rem; height:2px; margin-left:-1.5rem; border-radius:1px; background:#000;}
.Guide_titBox p {margin-top:5px; font-size:0.8rem; font-weight:200;}
.Guide_titBox2 {position: relative; margin: 1.5rem 0 1rem; color: #000; border-top: 2px solid #333; border-bottom: 1px solid #666; background: #f7f7f7; line-height: 0; font-size: 0;}
.Guide_titBox2 h3 {display: inline-block; margin: -15px 0 0 -1px; font-size: 0.75rem; line-height: 1.4; padding: 3px 1rem; line-height: 1rem; color: #fff; background: #333;}
.Guide_titBox2 div {padding: 0.5rem 0 0; line-height: 18px;}

/* common form */
textarea { padding: 0 0.5rem; }
th label { font-size: 0.9rem; margin: 0; }  
td label { font-size: 0.9rem; }  
label { vertical-align:middle; font-size:0.8rem; margin-right:0.5rem; }
label input { margin-right:0.37rem; 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; }

/* 상단검색 커스텀 */
.srchBox { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-bottom: 1rem; }
.srchBox .pgIfo p { display: flex; align-items: center; gap: 0.3rem; font-family: 'Montserrat'; font-size: 0.9rem; color: #666665; line-height: 1.5; font-weight: 600; }
.srchBox .pgIfo p strong { color: #5D31FF; font-weight: 600; }
.srchBox .inptWrap { display: flex; align-items: center; border-radius: 3rem; border : 1px solid #d3d3d9; }
.srchBox .inptWrap select { min-width: 6.25rem; border: none; border-radius: 3rem !important; color: #000; background: #fff url('/00_common/images/con_com/selDown02.png') right 0.85rem center no-repeat; font-size: 0.8rem; }
.srchBox .inptWrap .inptBox { position: relative; width: 14.3rem; }
.srchBox .inptWrap .inptBox::before { position: absolute; content: ""; width: 1px; height: 0.75rem; background: #D9D9D9; left: 0; top: 50%; transform: translateY(-50%); }
.srchBox .inptWrap .inptBox input { width: 100%; padding: 0 2.5rem 0 1rem; border: none; border-radius: 3rem !important; }
.srchBox .inptWrap .inptBox input::placeholder { color: #717171; }
.srchBox .inptWrap .inptBox button { position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); display: inline-flex; align-items: center; justify-content: center; color: #000000; padding: 0; font-size: 1rem; }

/* 라디오 박스 스타일 */
.rdoBox label { display: flex; align-items: center; line-height: 1rem; gap: 0.3rem; padding-left: 1.15rem; position: relative; color: #333; margin: 0; }
.rdoBox ul { display: flex; flex-wrap: wrap; gap: 0.5rem 0.75rem; }
input[type="radio"] { min-width: auto !important; padding: 0 !important; line-height: normal !important; -webkit-appearance: none; -moz-appearance: none; appearance: none;  width: 0.8rem; height: 0.8rem !important; border: 1px solid #BDBDBD; border-radius: 50%; outline: none; cursor: pointer; border-radius: 50% !important; position: absolute; left: 0; top: 0.1rem; background: #fff; margin: 0; }
.rdoBox.ac ul { justify-content: center; }
.rdoBox.ar ul { justify-content: end; }
input[type="radio"] + label { color: #333; }
input[type="radio"]::before { position: absolute; content: ""; border-radius: 50%; background: #000; width: 0.45rem; height: 0.45rem; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0; }
input[type='radio']:checked { border-color:#000; }
input[type='radio']:checked::before { opacity: 1; }
input[type="radio"]:focus { outline: 1px solid #000; outline-offset: 1px; }

/* 라디오 박스 스타일 typeB */
.rdoWrap.typeB ul { flex-wrap: wrap; display: flex; align-items: center; gap: 0.25rem 0.5rem; }
.rdoWrap.typeB label { margin: 0; }
.rdoWrap.typeB label span { background: #F0F0F0; border-radius: 0.25rem; font-size: 0.75rem; padding: 0.3rem 0.6rem; }
.rdoWrap.typeB label input[type="radio"] { position: absolute; opacity: 0; pointer-events: none; width: 1px; height: 1px; clip-path: inset(100%); }
.rdoWrap.typeB label input[type="radio"]:checked + span,
.rdoWrap.typeB label input[type="radio"]:focus + span { background: #163966; color: #fff; }

/* 체크박스 커스텀 스타일 */
.chkBox ul { display: flex; flex-wrap: wrap; gap: 0.5rem 0.9rem; }
.chkBox input[type="checkbox"] { position: absolute; width: 1px; height: 1px; margin: -1px; border: 0; padding: 0; clip: rect(0 0 0 0); clip-path: inset(50%); overflow: hidden; }
.chkBox label { width: 100%; display: flex; gap: 0.3rem; line-height: 1rem; margin: 0; }
.chkBox .custom_checkbox { width: 1rem; height: 1rem; display: inline-flex; align-items: center; justify-content: center; position: relative; cursor: pointer; font-size: 0.75rem; border-radius: 0.25rem; background: #fff; border: 1px solid #555; }
.chkBox .txt_lb { color: #333333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.chkBox input[type="checkbox"]:checked ~ .txt_lb { font-weight: 600; }
.chkBox input[type="checkbox"]:checked + .custom_checkbox { background: #304793; color: #fff; border-color: #304793; }
.chkBox input[type="checkbox"]:checked + .custom_checkbox::before { position: absolute; content: "\eb7a"; color: #fff; left: 50%; top: 50%; transform: translate(-50%, -50%); line-height: 1; font-family: 'remixicon'; }

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

h3[class^='tit'] + div { margin-top: 1.3rem; }
h4[class^='tit'] + div { margin-top: 1.15rem; }
h4[class^='tit'] + div.indent { margin-top: 0.7rem; }
h5[class^='tit'] + div { margin-top: 0.75rem; }

h3[class^='tit'] + p,
h3[class^='tit'] + [class^='list_st'] { margin-top: 0.75rem; }
h4[class^='tit'] + p,
h4[class^='tit'] + [class^='list_st'] { margin-top: 0.65rem; } 
h5[class^='tit'] + p,
h5[class^='tit'] + [class^='list_st'] { margin-top: 0.6rem; }

h3[class^='tit'].titDsc,
h4[class^='tit'].titDsc,
h5[class^='tit'].titDsc {display: flex; flex-wrap: wrap; align-items: flex-end;}
h3[class^='tit'].titDsc span,
h4[class^='tit'].titDsc span,
h5[class^='tit'].titDsc span {display: block; margin-right: 1rem;}
h3[class^='tit'].titDsc p,
h4[class^='tit'].titDsc p,
h5[class^='tit'].titDsc p {font-size: 0.75rem; color: #848282; font-weight: 400; margin-top: 0.5rem; position: relative;}
h3[class^='tit'].titDsc p {bottom: 0.2rem;}
h4[class^='tit'].titDsc p {bottom: 0.15rem;}
h5[class^='tit'].titDsc p {bottom: 0.1rem;}
/* h3[class^='tit'] {margin-top: 2.5rem;} */
div + h3[class^='tit'],
p + h3[class^='tit'] {margin-top: 2.5rem !important;}
h4[class^='tit'] {margin-top: 2.5rem;}
h5[class^='tit'] {margin-top: 2rem;}
/* [class^='tit'] + [class^="box_st"] {margin-top: 0.5rem;} */
[class^="box_st"] [class^='tit']:nth-of-type(1),
.tab_st3 + h3[class^="tit"],
h3[class^="tit"]:nth-of-type(1),
h4[class^='tit']:nth-of-type(1),
h5[class^='tit']:nth-of-type(1) {margin-top: 0;}


[class^="list_st"] li > [class^="box_st"] { margin-top: 0.5rem; }
[class^="list_st"] li > div[class*='tbl_st'] { margin-top: 0.5rem; }

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

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

.tbl_st + h3[class^='tit'] {margin-top: 2.5rem !important;}
.tbl_st + h4[class^='tit'] {margin-top: 2rem !important;}
.tbl_st + h5[class^='tit'] {margin-top: 2rem !important;}

.box_st2 h4[class^='tit']:nth-of-type(1),
.box_st2 h5[class^='tit']:nth-of-type(1) {margin-top: 0 !important;}

.tit1 {font-size: 1.4rem; margin-top: 1.8rem; position: relative; }
.tit1 span { position: relative; padding-right: 0.85rem; }
.tit1 span::before { position: absolute; content: ""; border-radius: 50%; width: 0.6rem; height: 0.6rem; right: 0; bottom: 0.15rem; background: #5D31FF; }
.tit2 { font-size: 1.2rem; margin-top: 1.2rem; position: relative; }
.tit3 {font-size: 1.1rem; color: #304793; margin-top: 1rem; position: relative; font-weight: 600; }

p { font-size: 0.9rem; color: #111; line-height: 1.5; }
p.subTxt { font-weight: 500; }

[class^="box_st"] { font-size: 0.9rem; }
[class^="box_st"] [class^='tit'] { margin-bottom: 0.5rem !important; margin-top: 1rem !important; }
[class^="box_st"] [class^='tit']:first-child { margin-top: 0 !important; }

h3[class^='tit'] + [class^='tbl_st'] { margin-top: 1.25rem !important; }
h4[class^='tit'] + [class^='tbl_st'] { margin-top: 1.25rem !important; }
h5[class^='tit'] + [class^='tbl_st'] { margin-top: 1.25rem !important; }

/* 타이틀 + 버튼 */
.ap_tit { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-bottom: 0.5rem; }
.ap_tit .tit1 { width: calc(100% - 4.5rem); margin: 0 !important; }
.ap_tit a.bt_help { margin: 0 !important; padding: 0.35rem 0.55rem !important; border-radius: 1.5rem; color: #fff; font-size: 0.75rem; background: #e42323; line-height: 1; }
.ap_tit a.bt_help i { margin-right: 0.2rem; }

/* 들여쓰기 */
.indent {padding-left: 1.35rem;}

/* 블릿 타입, 리스트 : 불릿 타입 */
[class^='bu_st'],
[class^='list_st'] > li {position: relative;}
.bu_st1,
.list_st1 > li {padding-left: 0.7rem; color: #111; font-size: 0.9rem; }
.bu_st2,
.list_st2 > li {padding-left: 0.9em; color: #111; font-size: 0.9rem; }
.bu_st3,
.list_st3 > li {padding-left: 0.7rem; color: #333; font-size: 0.85rem; }
.bu_st4,
.list_st4 > li {padding-left: 0.5rem; color: #333; font-size: 0.85rem;}
.bu_st1:before,
.list_st1 > li:before {content: ''; width: 0.3rem; height: 0.3rem; background: #304793; position: absolute; left: 0rem; top: 0.55rem; border-radius: 50%; }
.bu_st2::before,
.list_st2 > li::before { content: ""; position: absolute; width: 0.35rem; height: 0.1rem;  background: #555555; left: 0; top: 0.6rem; }
.bu_st3:before,
.list_st3 > li:before {content: ''; width: 0.35rem; height: 0.35rem; background: #fff; position: absolute; left: 0; top: 0.45rem; border: 2px solid #2c65c0; border-radius: 50%; }
.bu_st4:before,
.list_st4 > li:before {content: ''; width: 0.25rem; height: 0.25rem; background: #A2A2A2; position: absolute; left: 0; top: 0.5rem; border-radius: 50%; }

.bu_st2 {margin-left: 0.8rem;}
.bu_st3 {margin-left: 1.7rem;}
.bu_st4 {margin-left: 2.5rem;}

/* 리스트 : 불릿 타입 */
* ~ [class^='list_st'],
li [class^='list_st'] {margin-top: 0.25rem;}
.list_st1 > li + li {margin-top: 0.25rem;}
.list_st2 > li + li {margin-top: 0.25rem;}
.list_st3 > li + li {margin-top: 0.25rem;}
.list_st4 > li + li {margin-top: 0.25rem;}
li.bu_none:before {display: none;}
[class^='list_st'].limgCus li + li { margin-top: 1rem; }

/* 리스트 : 텍스트 타입 */
.list_stT1 > li {color: #2b2828;}
ul .list_stT1 {padding-left: 1rem;}
[class^='list_stT'] > li ul,
[class^='list_stT'] > li ol {margin: 0.25rem 0 0 0.5rem;}
.list_stT1 > li ul li,
.list_stT1 > li ol li {font-size: 0.75rem; color: #505050;}

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

/* 리스트 : 순차적 리스트 타입 */
* ~ [class^='list_ol'] {margin-top: 0.6rem;}
.list_ol2,
.list_ol3 { margin-top: 0.6rem !important; }
li > [class^='list_ol'] {margin-top: 0.4rem !important;}
[class^='list_ol'] > li + li {margin-top: 0.3rem;}
.list_ol1 > li,
.list_ol2 > li {padding-left: 1.3rem; color: #111; position: relative; font-size: 0.9rem; }
.list_ol1 > li > span.num,
.list_ol2 > li > span.num {display: inline-flex; justify-content: center; align-items: center; line-height: 1; font-size: 0.8rem; color: #5D31FF; font-weight: bold; position: absolute; left: 0; top: 0.3rem; }
.list_ol1 > li.bu_none {padding-left: 0;}
.list_ol2 > li > span.num { top: 0.275rem; color: #304793; }

.list_ol3 > li,
.list_ol4 > li {padding-left: 1.45rem; color: #333; position: relative; line-height: 1.5; font-size: 0.85rem; }
.list_ol3 > li > span.num,
.list_ol4 > li > span.num { position: absolute; left: 0; top: 0; border-radius: 50%; width: 1.2rem; height: 1.2rem; border: 1px solid transparent; color: #5D31FF; background: #ECE6FF; font-size: 0.6rem; display: inline-flex; align-items: center; justify-content: center; font-weight: bold;  }
.list_ol4 > li > span.num { border-color: #304793; background: #fff; color: #304793; }


/* 텍스트 요소 : 주의&경고&말풍선 타입 */
div + .bu_strg,
div + .bu_atte,
div + .bu_wnrn,
div + .bu_ment,
table + .bu_atte,
table + .bu_wnrn,
table + .bu_ment,
ul + .bu_strg,
ul + .bu_atte,
ul + .bu_wnrn,
ul + .bu_ment { margin-top:0.45rem; }
.bu_atte {padding-left: 1rem; color: #000; margin-top: 0.25rem; position: relative; font-size: 0.9rem; line-height: 1.5; }
.bu_atte:before {content: "※"; position: absolute; left: 0; top: 0.15rem; font-size: 1rem; color: #000; display: inline-flex; align-items: center; justify-content: start; line-height: 1; }
.bu_wnrn {padding-left: 1.4rem; color: #000; margin-top: 0.65rem; position: relative; font-size: 0.9rem; line-height: 1.5; }
.bu_wnrn:before {content: "\eca1"; font-family: 'remixicon'; font-size: 1rem; width: auto; height: auto; line-height: 1; position: absolute; left: 0; top: 0.185rem; display: inline-flex; align-items: center; justify-content: start; font-weight: 400 !important; color: #5D31FF; }
.bu_wnrn.f_weightB:before { content: "\ee58"; }
.bu_info {padding-left: 1.4rem; color: #000; margin-top: 0.3rem; position: relative; font-size: 0.9rem; line-height: 1.5; }
.bu_info:before {content: "\eca1"; font-family: 'remixicon'; position: absolute; left: 0; top: 0.125rem; color: #009DFF; font-size: 1.1rem; line-height: 1; font-weight: 400 !important; }
.bu_info.f_weightB:before { content: "\ee58"; }
.bu_ment {padding-left: 1rem; color: #000; margin-top: 0.25rem; position: relative; font-size: 0.9rem;}
.bu_ment:before {content: "\ea1c"; font-family: 'remixicon'; position: absolute; left: 0; top: 0.1rem; font-weight: 400 !important;}

p.fileTxt { display: inline-flex; padding: 0.45rem 0.75rem; font-weight: 500; gap: 0.3rem; line-height: 1.1rem; border-radius: 5rem; border: 1px solid #CDCDCD; font-size: 0.8rem; }
p.fileTxt i { color: #5D31FF; font-size: 1.1rem; display: inline-flex; align-items: start; justify-content: center; line-height: 1; }

.inFTxt { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0.5rem; margin: 2.5rem 0 1.25rem; }
.inFTxt h3 { margin: 0 !important; }
.inFTxt .fileTxt { margin: 0 !important; }

/* 텍스트 요소 : 폰트컬러 타입 */
.pc_gray {color: #333 !important;}
.pc_black {color: #111 !important;}
.pc_skybl {color: #009DFF !important;}
.pc_lblue {color: #2C65C0 !important;}
.pc_blue {color: #2C65C0 !important;}
.pc_gr {color: #304793 !important;}
.pc_dblue {color: #304793 !important;}
.pc_red {color: #FF1A1A !important;}
.pc_navy {color: #004396 !important;}
.pc_org {color: #ff4400 !important;}
.pc_green {color: #116551 !important;}
.pc_yellow {color: #F36D01 !important;}
.pc_lgreen { color: #02bfd0 !important; }
.pc_purple {color: #5D31FF !important;}
.pc_pink { color: #d189f3 !important; }
.pc_dpink { color: #f271c3 !important; }
.pc_dgreen { color: #86a90c !important; }
.pc_lorg { color: #ffbd49 !important; }

/* 텍스트 요소 : 텍스트 배경색 */
.bg_red,
.bg_gray,
.bg_blue,
.bg_navy,
.bg_org,
.bg_black,
.bg_green,
.bg_yellow {display: inline-block; padding: 0.5rem !important; color: #fff !important;}
.bg_pink,
.bg_lblue,
.bg_lpurple,
.bg_yellow,
.bg_lgreen,
 .bg_skin {display: inline-block; padding: 0.5rem !important; color: #fff !important;}
.bg_gray {background: #333 !important;}
.bg_black {background: #333 !important;}
.bg_blue {background: #307FE2 !important;}
.bg_red {background: #E63B35 !important;}
.bg_navy {background: #004396!important;}
.bg_org {background: #ff4400 !important;}
.bg_green {background: #116551 !important;}
.bg_yellow {background: #F36D01 !important;}
.bg_pink { background: #ffd8f1 !important;}
.bg_lpurple { background: #edd8ff !important; }
.bg_lblue { background: #d8eeff !important; }
.bg_skin { background: #ffe2d5 !important; }
.bg_lgreen { background: #beffc4 !important; }

/* 링크탭 리스트 */
.lnkTabLst.lTL100 { width: 100% !important; }
.lnkTabLst { display: flex; flex-wrap: wrap; width: calc(100% - 5rem); margin: 0 auto 1.5rem; border-radius: 0.4rem; background: #F9F9F9; padding: 0.9rem 1.25rem; border: 1px solid #D9D9D9; gap: 0.75rem; }
.lnkTabLst li { min-width: calc((100% - 4.5rem) / 7) !important; width: auto !important; position: relative; }
/* .lnkTabLst li::before { position: absolute; content: ""; left: 0; top: 50%; transform: translateY(-50%); border-radius: 50%; width: 0.2rem; height: 0.2rem; background: #304793; } */
.lnkTabLst li a { border: 1px solid #304793; padding: 0.55rem 1rem; display: flex !important; align-items: center; justify-content: center; font-size: 0.95rem; border-radius: 4.5rem; color: #304793 !important; }
.lnkTabLst li.w_100 { width: 100% !important; margin-top: 0.5rem; }
.lnkTabLst li.noMrk::before { display: none; }
.lnkTabLst li a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 600; font-size: 0.9rem; }
/* 링크탭 리스트 : active */
.lnkTabLst li a:hover,
.lnkTabLst li a:focus { font-weight: bold; color: #fff !important; background: #304793; }

/* 텍스트 요소 : 강조 타입 */
.Tline_b {text-decoration: underline !important;  text-underline-offset: 4px;}
.Tline_bgB {background: url("../images/con_com/bg_Tline_bgB.png") left bottom repeat-x; padding: 0 5px;}
.f_weightB {font-weight: bold;}
.font_Si {font-style: italic !important;}
.font_Fr {font-weight: 400 !important;}
.font_Fm {font-weight: 500 !important;}
.font_Sb { 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: #304793; position: relative; word-break: break-all; font-size: 0.9rem; line-height: 1.5; font-weight: 500; }
a.bu_link {color: #304793; padding-right: 1.2rem; }
/* .txt_p > [class^="bu_"],
[class^="list_st"] > li > [class^="bu_"] {margin-top: 0.6rem;} */
/* a.bu_link:before,
a.bu_mail:before,
a.bu_down:before,
a.bu_tel:before {display: inline-block; padding-right: 0.15rem; font-family: 'xeicon'; font-size: 0.75rem;}
a.bu_link:before {content: "\e980";}
a.bu_mail:before {content: "\ea07";}
a.bu_down:before {content: "\eb7c";}
a.bu_tel:before {content: "\e9d3";} */

a.bu_link:hover,
a.bu_link:focus { text-decoration: underline; }
a.bu_mail:before {display: inline-block; padding-right: 0.15rem; font-family: 'xeicon'; font-size: 0.75rem;}
a.bu_mail:before {content: "\ea07";}

a.bu_link::before { display: inline-flex; align-items: center; justify-content: center; width: auto; height: auto; line-height: 1; color: #0075C8; font-size: 0.9rem; position: absolute; content: "\f0f4"; font-family: 'remixicon'; right: 0; top: 0.225rem; }
a.bu_link.reverse { display: block; padding: 0 2.25rem 0 0; line-height: 1.5rem; }
a.bu_link.reverse::before { width: 1.5rem; height: 1.5rem; font-size: 0.75rem; left: auto; right: 0;background: #595959; border-radius: 0.25rem; }

/* 테이블 : 테이블 기본 타입 */
[class^='list_st'] + div[class*='tbl_st'] { margin-top: 0.5rem !important; }
div[class*='tbl_st'] {background: #fff; overflow: hidden; margin-top: 1.5rem; position: relative;}
div[class*='tbl_st'] td table { width: 100% !important; }
div[class*='tbl_st']:after {content: ""; display: block; width: 100%; height: 1px; background: #c8c6c7; position: absolute; left: 0; bottom: 0;}
div[class*='tbl_st'] + div[class*='tbl_st'] {margin-top: 1rem;}
div[class*='tbl_st'] table {border-top: 1px solid #000000; text-align: center; position: relative; word-break: break-all;}

div[class*='tbl_st'] table th {border-bottom: 1px solid #D3D3D9; padding: 0.825rem 1rem; font-size: 0.9rem; color: #111111; font-weight: 600; vertical-align: middle;}
div[class*='tbl_st'] table td {border-bottom: 1px solid #D3D3D9; padding: 0.825rem 1rem; font-size: 0.8rem; color: #111111; vertical-align: middle; /* word-break: keep-all; */ word-break:break-all; }
div[class*='tbl_st'] table td ul {text-align: left;}
div[class*='tbl_form'] table th {padding: 0.75rem 1rem;}
div[class*='tbl_form'] table td {padding: 0.5rem 1rem;}
div[class*='tbl_st'] table thead th { background: #FAFAFA; color: #111111;}
/* border-bottom: 1px solid #888888; */
div[class*='tbl_st'] table tbody th,
div[class*='tbl_st'] table tfoot th,
div[class*='tbl_st'] table tfoot td {background: #FAFAFA; color: #111111;}

div[class*='tbl_st'].scroll_wide { width:100%; overflow-x:auto; background-repeat:no-repeat; background-image:linear-gradient(to left, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); background-position:right 5px; background-size:30px 100%; z-index:1; }

div[class*='tbl_st'] table tr.arrowIn td { font-size: 2rem; font-weight: 400 !important; }
div[class*='tbl_st'] table tr.arrowIn td i { line-height: 1; }

.tbl_st th span.strng { position: relative; }
.tbl_st th span.strng::before { position: absolute; content: "*"; left: -0.65rem; top: -0.2rem; font-size: 0.9rem; color: #304793; font-weight: 600; }

.tbl_st table {width: calc(100% + 1px); margin-left: -1px;}
.tbl_st table th,
.tbl_st table td {border-left: 1px solid #e1e0e0;}

/* 테이블 : 버튼 정렬 */
div[class*='tbl_st'] table td .btBox { display: flex; flex-direction: column; justify-content: space-between; flex-wrap: wrap; height: 100%; } 

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

/* 테이블 : 세로테이블 */
.tbl_st_row table {width: calc(100% + 1px); margin-left: -1px;}
.tbl_st_row table th,
.tbl_st_row table td {border-left: 1px solid #e1e0e0;}

/* 테이블 :테이블 4면 선 */
.tbl_st2 table {width: 100%; border-left: 1px solid #e1e0e0; margin-left: 0;}
.tbl_st2 table th,
.tbl_st2 table td {border-right: 1px solid #e1e0e0;}

select,
input { min-width: 8.75rem; height: 2.3rem; border: 1px solid #D9D9D9; padding: 0 1rem; font-size: 0.75rem; margin: 0; border-radius: 0.4rem; background: #fff; }
select {background: #fff url('/00_common/images/con_com/selDown03.png') right 0.85rem center no-repeat; padding-right: 1.5rem; appearance: none; color: #333; font-weight: 500; }
input[type = "date"] { color: #ADABAB; }
input[readonly] { background-color: #F8F9FB; }

textarea { width: 100%; border-radius: 0.4rem; border: 1px solid #D9D9D9; padding: 0.5rem; }

/* 테이블 - form */
table input[type = "checkbox"] { height: auto; }
table select,
table input { min-width: 8.75rem; height: 2rem; border: 1px solid #D3D3D9; padding: 0 0.6rem; font-size: 0.75rem; color: #717171; margin: 0;}
table input[type = "file"] { border: none; line-height: 1.8rem; width: 100%; }
table select {background: url('/00_common/images/con_com/selDown03.png') right 0.65rem center no-repeat; padding-right: 1.5rem; appearance: none; color: #666665; }
table a[class^='btn_'] { display: inline-flex; align-items: center; justify-content: center; font-size: 0.7rem !important; min-width: 3.25rem !important; border-radius: 5rem; height: 1.8rem !important; padding: 0 0.85rem !important; font-weight: 600 !important; }
table .btns { gap: 0.25rem 0.5rem; margin: 0 !important; }
table a.inIco { border-radius: 50%; min-width: auto; width: 1.5rem; height: 1.5rem; border: 1px solid #D3D3D9; background-color: #fff; padding: 0 !important; display: inline-flex; align-items: center; justify-content: center; color: #333; }
table a.inIco i { line-height: 1; font-size: 0.7rem; }
table a.inIco,
table a.inIco i { transition: 0.2s ease-in-out; }  
table a.inIco:hover,
table a.inIco:focus { background: #333333; border-color: #333333; color: #fff; }

table a[class^='btn_'].btnIco { justify-content: start; padding-right: 1.85rem !important; }
table a[class^='btn_'].btnIco i { font-size: 0.7rem; top: 0.3rem; }

.fileWrap { position:relative; display: flex; }
.fileWrap .fileSel { border-radius: 0; background: #EEEEEE; border: none; padding: 0 0.6rem; font-size: 0.7rem; color: #a1a1a1; height: 1.75rem; width: 14rem; min-width: auto !important; outline: none; }
.fileWrap .bbsWBtn { display: inline-flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #000; color: #000; font-size: 0.7rem; width: 3.5rem; height: 1.75rem; }
.fileWrap input[type="file"] { position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0; }

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

.tbl_utile + div[class^="tbl_st"] { margin-top: 0.5rem !important; }

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

/* tr 색상 */
.tbl_bg_bl, .tbl_bg_bl th {color:#111; background-color:#dfe9f8 !important;} /* 블루 */
.tbl_bg_ye, .tbl_bg_ye th {color:#111; background-color:#f5f0df !important;} /* 옐로우 */
.tbl_bg_re, .tbl_bg_re th {color:#111; background-color:#fceff0 !important;} /* 레드 */
.tbl_bg_gr, .tbl_bg_gr th {color:#111; background-color:#f4f4f4 !important;} /* 그린 */

/* 테이블_굵은선 */
.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 #099e5e !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 #099e5e !important;}/* 초록 */
.tbl_Lye_T {border-top: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 #099e5e !important;}/* 초록 */
.tbl_Lye_B {border-bottom: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 #099e5e !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 #099e5e !important;}/* 초록 */
.tbl_Lye_R {border-right:2px solid #f9ba00 !important;}/* 노랑 */

/* 선 없음 : 테이블 좌, 우 선 없는 테이블 사용시 필요 */
.tbl_LT_none {border-top:none !important;}
.tbl_LB_none {border-bottom:none !important;}
.tbl_LL_none {border-left:none !important;}
.tbl_LR_none {border-right:none !important;}

/* 기본 텍스트 */
.txt_p { margin-top:0.25rem; color:#555; font-weight:200; font-size:0.8rem; }

/*텍스트 줄바꿈*/
.wb_all{word-break:break-all !important;}
.wb_word{word-break: break-word !important;}

/* 박스 : 기본 */
[class^="box_st"] { padding: 1.75rem 2rem; position: relative; background: #FFFFFF; z-index: 1; border-radius: 0.75rem; border: 1px solid #D3D3D9; }

/* * ~ [class^="box_st"] {margin-top: 1rem;} */
[class^="box_st"].box_ico {min-height: 9.5rem; padding: 2rem 2rem 1.75rem 8.5rem; background: linear-gradient(to right bottom, #f6f3ff, #f5faff); border-color: transparent; }
.box_st2.box_ico { border: 1px dashed #B1B1B1; background: #fff; }
.box_st2.box_ico .ico { background: #fff; }
.box_st3.box_ico { border: 1px solid #D3D3D9; background: #F8F9FB; }
.box_st3 { background: #F8F9FB; }

.box_st4.box_ico { border: 2px solid #D3D3D9; padding: 0 !important;  min-height: 8.6rem; background: #fff; }
.box_st4.box_ico .inner { position: relative; z-index: 1; background: #fff; padding: 1.75rem 2rem 1.75rem 6.8rem; border-radius: 0.75rem; }
.box_st4.box_ico::before { content: "";position: absolute;inset: 0;border-radius: 0.75rem 0.75rem 0 0;padding: 2px; width: calc(100% + 4px);height: 50%;left: -2px;top: -2px;background: linear-gradient(to right,#304793,#39A6FF);-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;
mask-composite: exclude; pointer-events: none; }
.box_st4.box_ico .ico { background: transparent; width: 3.15rem; height: 3.3rem; top: 2.2rem; left: 1.65rem; z-index: 1; }
.box_st4 .dotBox { position: absolute; width: 0.25rem; height: 0.9rem; justify-content: center; background: #fff; display: flex; flex-direction: column; gap: 0.1rem; top: 50%; transform: translateY(-50%) ; z-index: 2; }
.box_st4 .dotBox.left { left: -0.175rem; }
.box_st4 .dotBox.right { right: -0.175rem; }
.box_st4 .dotBox .dot { border-radius: 50%; width: 100%; height: 0.25rem; }
.box_st4 .dotBox.left .dot { background-color: #304793; }
.box_st4 .dotBox.right .dot { background-color: #39A6FF; }

.box_st5 { background: linear-gradient(to right bottom, #17408d, #6f48ff); min-height: 8.6rem; border-radius: 2.5rem 0.75rem 2.5rem 0.75rem; overflow: hidden; padding: 1.75rem 2rem 1.75rem 2.5rem; }
.box_st5 * { color: #fff !important; }
.box_st5 .list_st1 li::before { background: #fff; }
.box_st5::before { position: absolute; content: ""; border-radius: 50%; width: 34rem; height: 34rem; background: linear-gradient(to right bottom, #fff, #9c93ff); opacity: 0.05; right: -7.8rem; top: -2.1rem; }

[class^="box_st"] .btns:not(li .btns) { margin: 1.5rem 0 0 0 !important; padding-top: 1.5rem; border-top: 1px dashed #B0B3B8; }

[class^="box_st"] [class^='boxTit'] { font-size: 1.2rem; font-weight: bold; color: #000000; margin-bottom: 0.7rem; line-height: 1.5; }
[class^="box_st"] [class^='boxTit'] ~ [class^='boxTit'] { margin-top: 1.5rem; }

h5.boxTit2 { font-size: 1.1rem !important; font-weight: 600 !important; color: #304793 !important; }

/* 박스 : 아이콘 */
.box_ico .ico {display: flex; justify-content: center; align-items: center; width: 5rem; height: 6rem; border-radius: 1rem; background: #fff; position: absolute; left: 2rem; top: 1.75rem; }

/* 박스 : 이미지 + 텍스트 */
.box_img {display: flex; flex-direction: column; justify-content: center; padding: 3rem 3.5rem;}
.box_img img { font-size: 0; line-height: 0; max-width: 100%; }
.box_st1.box_img + .box_st1.box_img {margin-top: 1rem;}
.box_st2.box_img + .box_st2.box_img {margin-top: -1px;}
.box_img .ico {display: flex; justify-content: center; align-items: center; width: 8rem; height: 8rem; border-radius: 50%; background: #ecf1ff; position: absolute; left: 1.6rem; top: 1.65rem; overflow: hidden;}
.box_img.ovv .ico {overflow: visible;}
.box_img .ico img {width: 100%; height: 100%; transform: scale(1);}
.box_img [class^='tit'] {margin-top: 0 !important;}

/* 박스 : 이미지 */
.box_st_img {padding: 1rem; border: 2px dotted #e7e7e7; background: #fff; text-align: center;}
* ~ .box_st_img {margin-top: 0.75rem;}
li > .box_st_img {margin-top: 0.5rem;}
.box_st_img img {max-width: 100%;}

/* 박스 : 기본 검색 */
[class^="box_st"] .search_wrap { overflow:hidden; }
[class^="box_st"] .search_wrap  input { float:left; width:calc(100% - 110px); height:45px; padding:0 0.5rem; border:1px solid #e7e7e7;  border-radius:0; }
[class^="box_st"] .search_wrap  .btn_style3 { float:left; width:100px;  margin:0 0 0 10px; padding:0; text-align:center; line-height:45px; }

/* 탭 : 공통 */

[class^="tab_st"] ~ #contsView,
[class^="tab_st"] ~ [class^="box_st"] { margin-top: 2.5rem; }
[class^="tab_st"] + h3[class^="tit"] { margin-bottom: 2.5rem; }
[class^="tab_st"] + h4[class^="tit"] { margin-bottom: 1.25rem; }
[class^="tab_st"] + h5[class^="tit"] { margin-bottom: 1rem; }

[class^="tab_st"] {font-weight: 400; text-align: left; position: relative;}
[class^="tab_st"] > .select {display: none;}
[class^="tab_st"] ul {display: flex; flex-wrap: wrap; margin: 0;}
[class^="tab_st"] ul li {width: 25%;}
[class^="tab_st"] ul li a {display: block; height: 100%; font-weight: bold; position: relative; word-break: break-all; font-weight: 500; color: #141414; }
[class^="tab_st"] ul li a:after {content: ""; font-family: 'xeicon'; color: #262626; display: inline-flex; align-items: center; justify-content: center;}
[class^="tab_st"] ul li a[target='_blank']:after {content: "\e980"; margin-left: 0.4rem; font-weight: 400 !important; line-height: 1.1rem; }
/* 탭 : 공통 : active */
[class^="tab_st"] ul li a,
[class^="tab_st"] ul li a:after {transition: 0.3s;}

/* 탭 : 새로고침 x */
.tabNotLnk {font-weight: 400; text-align: left; position: relative;}
.tabNotLnk ul { position: relative;  border: 1px solid #d3d3d9; background: #F8F9FB; border-radius: 1.5rem; padding: 0.35rem 0.5rem; gap: 1rem 0; display: flex; flex-wrap: wrap; margin: 0; }
.tabNotLnk ul li { position: relative; width:50% !important; }
.tabNotLnk ul li::before { position: absolute; content: ""; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 1rem; background: #d3d3d9; }
.tabNotLnk ul li:first-child:before { display: none; }
.tabNotLnk ul li:nth-child(4n + 1):before { display: none; }
.tabNotLnk ul li a { position: relative; padding: 0.575rem 1rem !important; align-items: start; justify-content: center; display: flex; font-size: 0.9rem; line-height: 1.15rem; }
.tabNotLnk ul li a span { font-weight: 500; color: #555555; }
.tabNotLnk ul li a::before { position: absolute; content: "\ea4e"; right: 0.75rem; top: 0.575rem; color: #fff; font-family: 'remixicon'; font-size: 1rem; opacity: 0; visibility: hidden; }
.tabNotLnk ul li a:after {content: ""; font-family: 'xeicon'; color: #262626; display: inline-flex; align-items: center; justify-content: center;}
/* 탭 : 새로고침 x : active*/
.tabNotLnk ul li a,
.tabNotLnk ul li a:after {transition: 0.3s;}
.tabNotLnk ul li a,
.tabNotLnk ul li a::before { transition: 0.2s ease-in-out; }
.tabNotLnk ul li a:hover span,
.tabNotLnk ul li a:focus span { font-weight: 600; color: #000; }
.tabNotLnk ul li.on a span { font-weight: 600 !important; color: #fff !important; }
.tabNotLnk ul li.on a { color: #fff; background: #5D31FF; border-radius: 3rem; padding: 0.575rem 2.15rem !important; }
.tabNotLnk ul li.on a::before { opacity: 1; visibility: visible; }

.tabNotLnk ul li.on { z-index: 1; }
.tabNotLnk ul li.on::before { z-index: -1; }
.tabNotLnk ul li.on::after { position: absolute; content: ""; width: calc(100% + 6px); left: -3px; top: auto; bottom: 0; height: 100%; background: #5D31FF; border-radius: 3rem; z-index: -1; }

/* 탭 : 1차 탭 */
.tab_st1 ul { position: relative;  border: 1px solid #d3d3d9; background: #F8F9FB; border-radius: 1.5rem; padding: 0.35rem 0.5rem; gap: 1rem 0; }
.tab_st1.round ul { border-radius: 0.75rem; }
.tab_st1 ul li { position: relative; }
.tab_st1 ul li::before { position: absolute; content: ""; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 1rem; background: #d3d3d9; } 
.tab_st1 ul li:first-child:before { display: none; }
.tab_st1 ul li {width: 25% !important;}
.tab_st1 ul li:nth-child(4n + 1):before { display: none; }
.tab_st1.Tab_w20 ul li {width: 20% !important;}
.tab_st1.Tab_w20 ul li:before { display: block !important; }
.tab_st1.Tab_w20 ul li:nth-child(5n + 1):before { display: none !important; }
.tab_st1.Tab_w30 ul li:before { display: block !important; }
.tab_st1.Tab_w30 ul li {width: calc(100% / 3) !important;}
.tab_st1.Tab_w30 ul li:nth-child(3n + 1):before { display: none !important; }
.tab_st1.Tab_w50 ul li {width: 50% !important;}
.tab_st1.Tab_w50 ul li:before { display: block !important; }
.tab_st1.Tab_w50 ul li:nth-child(2n + 1):before { display: none !important; }
.tab_st1 ul li a { position: relative; padding: 0.575rem 1rem !important; align-items: start; justify-content: center; display: flex; font-size: 0.9rem; line-height: 1.15rem; }
.tab_st1 ul li a span { font-weight: 500; color: #555555; }
.tab_st1 ul li a::before { position: absolute; content: "\ea4e"; right: 0.75rem; top: 0.575rem; color: #fff; font-family: 'remixicon'; font-size: 1rem; opacity: 0; visibility: hidden; }
/* 탭 : 1차 탭 : active */
.tab_st1 ul li a,
.tab_st1 ul li a::before { transition: 0.2s ease-in-out; }
.tab_st1 ul li a:hover span,
.tab_st1 ul li a:focus span { font-weight: 600; color: #000; }
.tab_st1 ul li.on a span { font-weight: 600 !important; color: #fff !important; }
.tab_st1 ul li.on a { color: #fff; padding: 0.575rem 1.85rem !important; }
.tab_st1 ul li.on a::before { opacity: 1; visibility: visible;  }
.tab_st1 ul li.on { z-index: 1; }
.tab_st1 ul li.on::before { z-index: -1; }
.tab_st1 ul li.on::after { position: absolute; content: ""; width: calc(100% + 6px); left: -3px; top: auto; bottom: 0; height: 100%; background: #5D31FF; border-radius: 3rem; z-index: -1; }

/* 탭 : 2차 탭 */
.tab_st2 {  background: #fff; }
.tab_st2 ul { gap: 0; } 
.tab_st2 li { width: calc(100% / 6) !important; }
.tab_st2 li a { border-bottom: 1px solid #A6A6A6; padding: 0.7rem 1rem; display: flex !important; justify-content: center; align-items: start; position: relative; }
.tab_st2 li a::before { position: absolute; content: ""; width: 100%; left: 0; height: 2px; background: #304793; bottom: 0; opacity: 0; visibility: hidden; }
.tab_st2 ul li a[target='_blank']:after { line-height: 1.25rem; }
.tab_st2 li a span { font-size: 0.9rem; color: #A6A6A6; font-weight: 500; }
.tab_st2 ul li a[target='_blank']:after {color: #A6A6A6; transition: 0s; } 
/* 탭 : 2차 탭 : active */
.tab_st2 li a:hover span,
.tab_st2 li a:focus span { color: #000; font-weight: 600; } 
.tab_st2 ul li a[target='_blank']:hover:after,
.tab_st2 ul li a[target='_blank']:focus:after { color: #000; }
.tab_st2 li.on a { border: none; }
.tab_st2 li.on a::before { opacity: 1; visibility: visible; }
.tab_st2 li.on a span { color: #304793 !important; font-weight: 600 !important; }

/* 탭 : 3차 탭 */
.tab_st3 { width: 100%; }
.tab_st3 ul { background: #Fff; border: 1px solid #D3D3D9; border-radius: 0.5rem; padding: 0.9rem 4.5rem; gap: 0.75rem 0; }
.tab_st3 li { width: calc(100% / 6) !important; }
.tab_st3 ul li a { display: flex; font-size: 0.8rem; font-weight: 500; color: #555555; justify-content: start; padding-right: 1rem; align-items: start; }
.tab_st3 ul li a span { padding-left: 0.8rem; position: relative; }
.tab_st3 ul li a span::before { position: absolute; content: ""; left: 0; top: 0.425rem; border-radius: 50%; width: 0.3rem; height: 0.3rem; background: #BABCC0; }
/* 탭 : 3차 탭 : active */
.tab_st3 ul li.on a { color: #304793; }
.tab_st3 ul li.on a span::before { background: #304793; }

/* 탭 : 새로고침 X */
.tab_typeB { margin-bottom: 2.5rem !important; }
.tab_typeB ul { display: flex; flex-wrap: wrap; }
.tab_typeB ul li { width: 50%; position: relative; }
.tab_typeB ul li::before { position: absolute; content: ""; width: 100%; height: 3px; bottom: 0; left: 0; background: #00358F; z-index: 1; }
.tab_typeB ul li a { position: relative; padding: 1.15rem 1rem !important; align-items: start; justify-content: center; border-right: 1px solid #D9D9D9; display: flex; font-size: 1.1rem; background: #FAFAFA; color: #141414; border-top: 1px solid #D9D9D9; height: 100%; }
.tab_typeB ul li a span { position: relative; }
.tab_typeB ul li a.current span { padding-left: 2rem; }
.tab_typeB ul li a.current span::before { position: absolute; content: "\eb79"; left: 0; top: 0.18rem; color: #fff; font-size: 1.35rem; font-family: 'remixicon'; font-weight: 400; line-height: 1; }
.tab_typeB ul li:nth-child(2n) a { border-right: none; }
/* 탭 : 1차 탭 : active */
.tab_typeB ul li a.current,
.tab_typeB ul li a:hover,
.tab_typeB ul li a:focus { color: #fff; font-weight: bold; border-color: #00358F; background: #00358F; }
.tab_typeB ul li a:hover:after,
.tab_typeB ul li a:focus:after {color: #fff;}
.tab_typeB ul li a.current { color: #fff;}
.tab_typeB ul li a.current:after {color: #fff;}

/* 탭 : 개수 지정 */
.Tab_w50 li {width: 50% !important;}
.Tab_w30 li {width: calc(100% / 3) !important;}
.Tab_w25 li {width: 25% !important;}
.Tab_w20 li {width: 20% !important;}

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

/* 버튼 : 파일다운을 감싸는 레이아웃 */
.bfdWrap { display: flex; gap: 1rem; flex-wrap: wrap; }
.bfdWrap a.btnFileDwn { width: calc((100% - 1rem) / 2); }

/* 버튼 : 기본 */

.btns { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; margin: 2rem 0 1.5rem; }
.btns [class^="btn_"] {min-width: 7rem; height: 2.25rem; font-size: 0.8rem; font-weight: 600; border-radius: 5rem; margin: 0 !important; padding: 0 1rem; display: inline-flex; align-items: center; justify-content: center; }
button[class^="btn_"] { height: 2.25rem; font-size: 0.8rem; font-weight: 600; border-radius: 5rem; margin: 0 !important; padding: 0 1rem; display: inline-flex; align-items: center; justify-content: center; }
table button[class^="btn_"] { height: 1.8rem !important; padding: 0 0.5rem; min-width: 3.25rem; }
.btns [class^="btn_"].mDmSz { min-width: 4.5rem !important; }
.btns [class^="btn_"].lrgSz { min-width: 6rem !important; }
.btns [class^="btn_"].lrgSz_v3 { min-width: 7rem !important; }
.btns [class^="btn_"].lrgSz_v2 { min-width: 9rem !important; }
.btns [class^="btn_"].lrgSz_v4 { min-width: 10rem !important; }
.btns [class^="btn_"].vlrgSz { min-width: 14rem !important; }
.btns.ar { justify-content: end !important; }
.btns.ac { justify-content: center !important; }
.btns.al { justify-content: start !important; }
.btn_bl {border: 1px solid #2C65C0; background: #fff; color: #2C65C0;}
.btn_bl:hover,
.btn_bl:focus {background: #2C65C0; color: #fff;}
.btn_lgr {border: 1px solid #D3D3D9; background: #fff; color: #000000;}
.btn_lgr:hover,
.btn_lgr:focus {background: #565656; color: #fff; border-color: #565656; }
.btn_skybl {border: 1px solid #009DFF; background: #fff; color: #009DFF;}
.btn_skybl:hover,
.btn_skybl:focus {background: #009DFF; color: #fff;}
.btn_gr {border: 1px solid #304793; background: #fff; color: #304793;}
.btn_gr:hover,
.btn_gr:focus {background: #304793; color: #fff; border: 1px solid #304793; }
.btn_purp {border: 1px solid #5D31FF; background: #fff; color: #5D31FF;}
.btn_purp:hover,
.btn_purp:focus {background: #5D31FF; color: #fff; border: 1px solid #5D31FF; }
.btn_green { background: #fff; border: 1px solid #35BC5E; color: #35BC5E; }
.btn_green:hover,
.btn_green:focus { background: #35BC5E; color: #fff; }
.btn_org {border: 1px solid #F36D01; background: #fff; color: #F36D01;}
.btn_org:hover,
.btn_org:focus {background: #F36D01; color: #fff;}
.btn_gray { border: 1px solid #F0F0F0; background: #fff; color: #595959; }
.btn_gray:hover,
.btn_gray:focus { background: #595959; color: #fff; border: 1px solid #595959; }
.btn_red,
.btn_re { border: 1px solid #E63B35; background: #fff; color: #E63B35; }
.btn_red:hover,
.btn_red:focus,
.btn_re:hover,
.btn_re:focus { background: #E63B35; color: #fff; border: 1px solid #E63B35; }
.btn_black { background: #fff; border: 1px solid #3A3A3A; color: #3A3A3A; }
.btn_black:hover,
.btn_black:focus { background: #3A3A3A; color: #fff; }
.btn_black2 { background: #fff; border: 1px solid #000; color: #000; }
.btn_black2:hover,
.btn_black2:focus { background: #000; color: #fff; }
.btn_grn { background: #43a047; border: 1px solid #43a047; color: #fff; }
.btn_grn:hover,
.btn_grn:focus { background: #fff; color: #43a047; }
.btn_grn2 { background: #008000; border: 1px solid #008000; color: #fff; }
.btn_grn2:hover,
.btn_grn2:focus { background: #fff; color: #008000; }
.btn_rightgray { background: #eff2f7; border: 1px solid #eff2f7; color: #222222; }
.btn_rightgray:hover,
.btn_rightgray:focus { background: #fff; color: #222222; }
.btn_green { background: #fff; border: 1px solid #18B777; color: #3A3A3A; }
.btn_green:hover,
.btn_green:focus { background: #18B777; color: #fff; }
.btn_yellow { background: #fff; border: 1px solid #F8BE00; color: #3A3A3A; }
.btn_yellow:hover,
.btn_yellow:focus { background: #F8BE00; color: #fff; }

/* 버튼 : 컬러 */
.btn_grL {border: 1px solid #304793; background: #304793; color: #fff;}
.btn_grL:hover,
.btn_grL:focus {background: #fff; color: #304793;}
.btn_blL {border: 1px solid #2C65C0; background: #2C65C0; color: #fff;}
.btn_blL:hover,
.btn_blL:focus {background: #fff; color: #2C65C0;}
.btn_purpL {border: 1px solid #5D31FF; background: #5D31FF; color: #fff;}
.btn_purpL:hover,
.btn_purpL:focus {background: #fff; color: #5D31FF;}
.btn_blackL {border: 1px solid #3A3A3A; background: #3A3A3A; color: #fff;}
.btn_blackL:hover,
.btn_blackL:focus {background: #fff; color: #3A3A3A;}
.btn_grayL {border: 1px solid #595959; background: #595959; color: #fff;}
.btn_grayL:hover,
.btn_grayL:focus {background: #fff; color: #595959;}
.btn_greenL {border: 1px solid #35BC5E; background: #35BC5E; color: #fff;}
.btn_greenL:hover,
.btn_greenL:focus {background: #fff; color: #35BC5E;}
.btn_orgL {border: 1px solid #F36D01; background: #F36D01; color: #fff;}
.btn_orgL:hover,
.btn_orgL:focus {background: #fff; color: #F36D01;}
.btn_blL {border: 1px solid #307FE2; background: #307FE2; color: #fff;}
.btn_blL:hover,
.btn_blL:focus {background: #fff; color: #307FE2;}
.btnIco {padding: 0 1.85rem 0 0.95rem !important; position: relative; justify-content: space-between !important; }
.btnIco i {position: absolute; right: 0.5rem; top: 0.58rem; line-height: 1;font-weight: 400 !important; display: inline-flex; align-items: center; justify-content: center; width: 1rem; height: 1rem; font-size: 0.85rem; }
.btnIco i.ri-add-line { color: #2C65C0; }
.btnIco i.ri-download-2-line { color: #AFBADF; }
.btnIco i.ri-external-link-line { color: #B0A0EB; }
.btnIco:hover i,
.btnIco:focus i { color: #fff !important; }
.btnIco.mini i { top: 0.4rem; right: 0.35rem; }

[class^="btn_"].mini {min-width: 4.5rem !important; padding: 0 0.85rem; border-width: 1px; font-size: 0.7rem; height: 1.8rem; font-family: 'NotoSansKR'; line-height: 1; }
[class^="btn_"].mini.btnIco { padding: 0.5rem 2rem 0.5rem 0.85rem !important; justify-content: start; }

.btnFileDwn.w_100 { width: 100%; }
.btnFileDwn { display: flex; width: calc((100% - 1.25rem) / 2); padding: 0.7rem 0.75rem; border: 1px solid #D9D9D9; border-radius: 0.2rem; align-items: center; }
.btnFileDwn > p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 1; padding: 0 0.4rem; color: #333333;  font-size: 0.8rem; text-align: start; }
.btnFileDwn > span { border-radius: 0.2rem; display: inline-flex; align-items: center; justify-content: center; color: #595959; background: #EEEEEE; font-size: 0.9rem; width: 1.8rem; height: 1.8rem; transition: 0.2s ease-in-out; }
.btnFileDwn > em { display: inline-flex; align-items: center; justify-content: center; color: #595959; transition: 0.2s ease-in-out; font-size: 1rem; } 
.btnFileDwn:hover,
.btnFileDwn:focus { border: 1px solid #163966; }
.btnFileDwn:hover > span,
.btnFileDwn:focus > span { color: #fff; background: #163966; }
.btnFileDwn:hover > em,
.btnFileDwn:focus > em { color: #163966; }

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

/* 링크내 이미지 */
.lnkImg { display: flex; align-items: center; justify-content: center; font-size: 0; line-height: 0; }
.lnkImg img { max-width: 100%; }

/* 이미지 사이즈 : 확대보기 */
.rspWrap > ul { display: flex; flex-wrap: wrap; gap: 1.5rem; }
.rspWrap > ul li { width: calc((100% - 1.5rem) / 2); }
.rspWrap .rsp_img.noPb img { max-width: none; width: 100%; }
.rsp_img {width: auto; max-width: 100%; line-height: 0; text-align: center; position: relative; background: #fff; border: 1px solid #D9D9D9; padding: 3rem 1.5rem; border-radius: 0.8rem; }
.rsp_img img { max-width: 100%; }
.rsp_img.noPb { padding: 0 !important; border: none !important; }
.rsp_img.tpyeB { padding: 0 !important; border: none !important; border-radius: 0 !important; }
.rsp_img.tpyeC img,
.rsp_img.tpyeB img,
.rsp_img.noPb img { max-width: 100%; }
.rsp_img.tpyeC { padding: 0; border-radius: 0; border: none; }
.rsp_img.tpyeC p { display: inline-flex; align-items: center; justify-content: center; font-size: 0; line-height: 0; border-radius: 1.5rem; overflow: hidden; border: 1px solid #d9d9d9; }
.rsp_img.bgGray { background: #F6F6F6; padding: 2.15rem 1rem; border-radius: 1rem; }
.rsp_img.w_100 img { width: 100%; }
.rsp_img .btn-zoom {display: block; width: 45px; height: 45px; background:url("/00_common/images/con_com/ico_rsp_img.png") no-repeat; position: absolute; right: 0; bottom: 0; z-index: 100; overflow: hidden; text-indent: -9999em;}
.rsp_img.noBdr { padding: 0; border: none; }  

/* 이미지 사이즈 : 100% */
.img_w100 {max-width: 100%;}

/* 콘텐츠 준비중 */
.Coming_soon {text-align: center; border-radius: 1.4rem; background: #fff; border: 1px solid #D3D3D9; padding: 4rem 1rem; }
.Coming_soon img {max-width: 100%;}
.Coming_soon span { display: block; font-weight: bold; font-size: 1.8rem; color: #333333; margin-top: 2rem; }
.Coming_soon span em { color: #304793; }
.Coming_soon p { color: #333333; margin-top: 0.6rem; }

/* 절차 */
[class^='prcdr'] { margin-top: 1rem; }
[class^='prcdr'] > ul { display: flex; flex-wrap: wrap; gap: 3.2rem; }
[class^='prcdr'] > ul > li { position: relative; flex: 1; }

/* 절차 타입 A */
.prcdrA > ul > li { position: relative; border: 1px solid #DADADA; border-radius: 0.75rem; padding: 0.75rem 1rem; color: #454545; }
.prcdrA > ul > li p { color: #454545; }
.prcdrA > ul > li::before { position: absolute; content: ""; background: url('/images/con_com/prcdr_Arrow02_v2.png')no-repeat; top: 50%; transform: translateY(-50%); width: 1.3rem; height: 2.05rem; background-size: contain; right: -2.25rem; }
.prcdrA > ul > li:last-child:before { display: none; }
.prcdrA > ul > li .top { display: flex; align-items: center; justify-content: space-between; color: #307FE2; font-size: 1rem; font-weight: bold; }
.prcdrA > ul > li .top span { color: #fff; background: #307FE2; padding: 0.225rem 0.5rem; border-radius: 1.5rem; font-size: 0.8rem; font-weight: 600; }
.prcdrA > ul > li .bot { color: #454545; font-weight: bold; font-size: 0.95rem; padding-top: 1rem; border-top: 1px solid #DADADA; margin-top:1rem; }

/* 절차 타입 B */
.prcdrB > ul > li { position: relative; border: 1px solid #DADADA; background: #FAFAFA; border-radius: 0.75rem; padding: 1rem; }
.prcdrB > ul > li::before { position: absolute; content: ""; background: url('/images/con_com/prcdr_Arrow01_v2.png')no-repeat; top: 50%; transform: translateY(-50%); width: 1.3rem; height: 2.05rem; background-size: contain; right: -2.25rem; }
.prcdrB > ul > li:last-child:before { display: none; }
.prcdrB > ul > li .top { display: flex; align-items: start; justify-content: space-between; color: #163966; font-size: 1rem; font-weight: bold; gap: 1rem; line-height: 1.5rem; }
.prcdrB > ul > li .top span { color: #A2B3CF;  display: inline-flex; align-items: center; justify-content: center; font-size: 1.15rem; font-weight: bold; }
.prcdrB > ul > li .bot { color: #454545; font-weight: 400; padding-top: 1rem; border-top: 1px solid #DADADA; margin-top: 1rem; font-size: 0.9rem; }

.prcdrB > ul > li strong { color: #003081; display: block; font-size: 1rem; }

/* 절차 타입 C */
.prcdrC > ul { gap: 3.3rem !important; }
.prcdrC > ul > li { width: 100%; flex: none; background: #F9FCFF; padding: 2rem 2.5rem; display: flex; flex-wrap: wrap; padding-right: 7rem; align-items: center; }
.prcdrC > ul > li > img { position: absolute; right: 1.75rem; top: 50%; transform: translateY(-50%); }
.prcdrC > ul > li::before { position: absolute; content: ""; background: url('/images/con_com/prcdr_Arrow03.png')no-repeat; left: 50%; transform: translateX(-50%); bottom: -2.25rem; width: 2.2rem; height: 1.3rem; background-size: contain; }
.prcdrC > ul > li:last-child::before { display: none; }
.prcdrC > ul > li .top { display: inline-flex; flex-direction: column; color: #163966; font-weight: 500; }
.prcdrC > ul > li .top span { font-size: 1.5rem; font-weight: bold; line-height: 1; margin-top: 0.15rem; }
.prcdrC > ul > li .bot { flex: 1; color: #454545; font-size: 0.9rem; padding-left: 2rem; }
.prcdrC > ul > li .bot span { display: block; color: #121212; font-size: 1rem; font-weight: bold; margin-bottom: 0.35rem; }
.prcdrC .list_ol1 li > span.num {color:#fff!important; display: inline-flex!important; font-size: 0.75rem!important; font-weight:600!important;}

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

/* 동영상 프레임 */
.ytbWrap { display: flex; align-items: center; justify-content: start; width: 100%; margin-top: 1rem; }

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

/* display: flex : 230512 황규민 */
.disFx {display: flex !important;}
.disFxAr {display: flex !important; justify-content: flex-end !important;}
.disFxAc {display: flex !important; justify-content: center !important; align-items: center !important;}

/* input select px */
.InpSel_50{ width:50px !important; min-width: auto !important; }
.InpSel_80{ width:80px !important; min-width: auto !important; }
.InpSel_100{ width:100px !important; min-width: auto !important; }
.InpSel_150{ width:150px !important; min-width: auto !important; }
.InpSel_200{ width:200px !important; min-width: auto !important; }
.InpSel_210{ width:10.5rem !important; min-width: auto !important; }
.InpSel_250{ width:250px !important; min-width: auto !important; }
.InpSel_300{ width:300px !important; min-width: auto !important; }
.InpSel_350{ width:350px !important; min-width: auto !important; }
.InpSel_400{ width:400px !important; min-width: auto !important; }
.InpSel_450{ width:450px !important; min-width: auto !important; }
.InpSel_500{ width:500px !important; min-width: auto !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; }
.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; }
.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; }
.mgt8{ margin-top:8px !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; }
.mgt50{ margin-top:50px !important; }
.mgt60{ margin-top:60px !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; }

/* 사이트맵 */
.cont_sitemap .cont_sitemap_row{margin-top:1rem; margin-left:-0.75rem; margin-right:-0.75rem; }
.cont_sitemap .cont_sitemap_row:first-child{margin-top:0; }
.cont_sitemap .cont_sitemap_row::after{content:''; display:block; clear:both; }
.cont_sitemap .cont_sitemap_col{float:left; width:calc(33.3% - 30px); margin:0 0.75rem; }
.cont_sitemap .cont_sitemap_col:nth-child(4n) {clear:both;} /* 1215 추가 */
.cont_sitemap .cont_sitemap_col2{width:calc(50% - 1.5rem)}
.cont_sitemap .cont_sitemap_col2 > div{float:left; width:calc(50% - 1.5rem)}
.cont_sitemap .cont_sitemap_col2 > div:last-child{margin-left:30px; }
.cont_sitemap h4{position:relative; border-bottom:3px solid #2c61a2; text-align:center; padding:0.75rem 0.25rem; }
.cont_sitemap h4:before{position:absolute;bottom:-3px;left:0;width:4.2rem;height:3px;background:url(../images/con_com2/siteMap_tit_bul.png)no-repeat center/100% 100%;content:"";}
.cont_sitemap h4 a{font-size:0.9rem; color:#2c61a2; }
.cont_sitemap_col a{display:inline-block; }
.cont_sitemap_col ul > li{border-top:1px dotted #ccc; position:relative; background:#f7f7f7;} /* 1215 수정 */
/* .cont_sitemap_col ul > li{border-top:1px dotted #ccc; position:relative; } */
.cont_sitemap_col ul{border-bottom:1px solid #ccc; }
.cont_sitemap_col ul > li:first-child{border-top:0; }
.cont_sitemap_col ul > li > a{position:relative;display:block; padding:0.75rem; color:#333; font-size:0.75rem; font-weight:600; background:#fff;}/* 1215 수정 */
/* .cont_sitemap_col ul > li > a{position:relative;display:block; padding:.75rem; color:#333; font-size:0.75rem; font-weight:600; } */
.cont_sitemap_col > ul > li > a:before{position:absolute;top:.95rem;left:0;width:.3rem;height:.75rem;background:url(../images/con_com2/siteMap_menu_bul.png)no-repeat center/cover;content:"";}
.cont_sitemap_col ul > li > p {position:relative;margin-left:1rem;padding: 0.15rem 0 0.15rem 0.5rem;color: #333;font-size: 0.7rem;} /* 1215 추가 */
.cont_sitemap_col ul > li > p:first-of-type {margin-top:0.75rem; } /* 1215 추가 */
.cont_sitemap_col ul > li > p:last-of-type {padding-bottom:0.75rem;} /* 1215 추가 */
.cont_sitemap_col ul > li > p > a{position:relative;display:block;}
.cont_sitemap_col ul > li > p > a:before{position:absolute;top: 0.45rem;left: -.5rem;width:4px;height:4px;background:#333;border-radius:50%;content:"";}
.cont_sitemap_col ul ul{margin:0 0 1rem 1rem; padding:0.75rem; border:0; background:#f2f2f2; }
.cont_sitemap_col ul ul li{margin-top:5px; border:0; }
.cont_sitemap_col ul ul li:first-child{margin-top:0; }
.cont_sitemap_col ul ul a{padding:0.15rem 0 0.15rem 0.5rem; color:#555; font-size:0.7rem; position:relative; display:inline-block; line-height:1.2; font-weight:normal; margin-right:auto; }
.cont_sitemap_col ul ul a::after{content:''; position:absolute; left:0; top:10px; width:4px; height:4px; background:#555; border-radius:50%; }
/* 5차메뉴추가 START */
.cont_sitemap_col ul ul ul{background:#f5f5f5; margin:5px 0; padding:10px; overflow:hidden; }
.cont_sitemap_col ul ul ul a{font-size:13px; color:#555; }
.cont_sitemap_col ul ul ul a::after{width:4px; height:1px; top:5px; }
.cont_sitemap_col ul ul ul a:hover{ font-weight:normal; color:#444; text-decoration:underline; }
/* 5차메뉴추가 END */
.cont_sitemap_col .mgnavi_depth_open,
.cont_sitemap_col .mgnavi_depth_close{display:block; border:1px solid #bababa; background:#fff; font-size:0; width:17px; height:17px; cursor:pointer; position:relative; position:absolute; right:0; top:12px; }
.cont_sitemap_col .mgnavi_depth_close{display:none; }
.cont_sitemap_col .mgnavi_depth_open::after{content:''; width:8px; height:1px; background:#000; position:absolute; left:5px; top:8px; }
.cont_sitemap_col .mgnavi_depth_open::before{content:''; width:1px; height:8px; background:#000; position:absolute; left:8px; top:5px}
.cont_sitemap_col .mgnavi_depth_close::after{content:''; width:8px; height:1px; background:#000; position:absolute; left:5px; top:8px; }
.cont_sitemap_col .active .mgnavi_depth_open{display:none; }
.cont_sitemap_col .active .mgnavi_depth_close{display:block; }
.cont_sitemap_col .active ul{display:block; }
.cont_sitemap_col .link{padding-left:25px;  background:url("/images/com/con_com/btn_linkG_SML.png") no-repeat 7px center; }

/* 배너이미지 */
.banner_img {width:9rem; height:3.1rem}

/* 고객만족도 조사 */
.satisfaction {position: relative; bottom: 0; right: 0; margin: 0; width:100%;}
.satisfaction .satisfaction_list .input_radio span {margin-right: 0;}
.satisfaction .btn_na.mini {border: none;}
.satisfaction{ margin:3rem 0 1rem; border:1px solid #dfdfdf; background-color:#fff; border-radius: 0.5rem; overflow: hidden; }
.satisfaction .question{position:relative; color:#555; font-size: 0.8rem; padding: 0.8rem 2rem;background:#f7f7f7; border-bottom: 1px solid #c5c5c5; }
.satisfaction .satisfaction_list{padding: 1.4rem 2rem; overflow:hidden; font-size:0.7rem}
.satisfaction .satisfaction_list label {vertical-align:middle}
.satisfaction_list input[type="text"] {font-size:inherit; font-family:inherit; color:inherit; line-height:2rem; height: 2rem; padding:1px 5px; border:solid 1px #dedede; vertical-align:middle; margin-right: 0.3rem; }
.satisfaction .satisfaction_list .input_radio{ position: relative; display:block; width:100%; line-height:1.2rem;}
.satisfaction .satisfaction_list .input_radio p { margin-bottom: 0.9rem; color: #111; font-size: 0.75rem; }
.satisfaction .satisfaction_list .input_radio span{display:inline-block; margin-right:2%}
.satisfaction .satisfaction_list label{display:inline-block; margin-right:.75rem; color:#535252; }
.satisfaction .satisfaction_list a { position:absolute; top:0.4rem; right:0; min-width: 6rem; }
.satisfaction .satisfaction_list .opinion{ width:100%; display:flex; margin-top:0.5rem;}
.satisfaction .satisfaction_list .opinion input[type="text"]{flex:1;}
.satisfaction .satisfaction_list .opinion input[type="button"]{ min-width:5rem; }


/* 이미지+텍스트 추가 */
.ImgTxt_style1 {display:flex; padding-top:1.25rem; border-top:1px solid #eee; margin-top:1rem;}
.ImgTxt_style1:first-child {padding-top:0; border-top:none; margin-top:0;}
.ImgTxt_style1 .img {max-width:17.5rem;}
.ImgTxt_style1 .img img {width:100%;}
.ImgTxt_style1 .txt {flex:1; margin-left:1.5rem;}
.ImgTxt_style1.reverse {flex-direction:row-reverse}
.ImgTxt_style1.reverse .txt {margin-left:0; margin-right:1.5rem;}

.ImgTxt_style2 {display:flex; flex-wrap:wrap; margin:-1%;}
.ImgTxt_style2 li {width:31.3%; margin:1%;}
.ImgTxt_style2 .img {width:100%; height:10rem; overflow:hidden; background:#eee;}
.ImgTxt_style2 .img img {width:auto; height:100%; position:relative; left:50%; top:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}
.ImgTxt_style2 .tit {text-align:center; padding-top: 0.5rem; color:#222; font-weight:500; font-size:0.9rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ImgTxt_style2 .txt {padding: 0.25rem 0 0.5rem; font-size:0.75rem;}
.ImgTxt_style2.w50 li {width:48%;}
.ImgTxt_style2.w25 li {width:23%;}

.ImgTxt_style3 .img {max-width: 17.5rem; float:left; margin: 0 2rem 2rem 0; }
.ImgTxt_style3 .img img {width:100%;}


/* 테이블 스크롤 */
.webScrl.scroll_gr::-webkit-scrollbar { height: 10px; }
.webScrl.scroll_gr { width:100%; overflow-x:auto; background-repeat:no-repeat; background-image:linear-gradient(to left, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); background-position:right 5px; background-size:30px 100%; z-index:1; }
.webScrl.scroll_gr table:not(div[class*='tbl_st'].scroll_gr td table) { width:100px; min-width:2560px; }

@media (max-width: 1300px) {

    /* 테이블 스크롤 */
    div[class*='tbl_st'].scroll_gr::-webkit-scrollbar { height: 10px; }
    div[class*='tbl_st'].scroll_gr { width:100%; overflow-x:auto; background-repeat:no-repeat; background-image:linear-gradient(to left, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); background-position:right 5px; background-size:30px 100%; z-index:1; }
    div[class*='tbl_st'].scroll_gr table:not(div[class*='tbl_st'].scroll_gr td table) { width:100px; min-width:1200px; }
}

@media (max-width: 1200px) {

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

    /* 탭 : 공통 */
    [class^="tab_st"] { visibility: hidden; }
    [class^="tab_st"].reactTab { visibility: visible; }
    .reactTab[class^="tab_st"] > .select {display: block; font-weight: 600; position: relative; }
    .reactTab[class^="tab_st"] > .select:after {content: "\e943"; font-family: 'xeicon'; position: absolute; right: 0.75rem; top: 50%; transform: translateY(-50%); }
    .reactTab[class^="tab_st"] ul:not(.vote_grp .reactTab ul, .cmpplst .reactTab ul, .popvote_lst .reactTab ul, .visit_form .reactTab ul, .vstcms .reactTab ul, .ynvotecms_lst .reactTab ul, .insung_frame .reactTab ul) {display: none; margin: 0;}
    .reactTab[class^="tab_st"] ul li:not(.vote_grp .reactTab li, .cmpplst .reactTab li, .popvote_lst .reactTab ul li, .visit_form .reactTab ul li, .vstcms .reactTab ul li, .ynvotecms_lst .reactTab ul li, .insung_frame .reactTab ul li) {display: block; width: 100% !important; margin: 0 !important; padding: 0;}
    .reactTab[class^="tab_st"] ul li:nth-child(n+2):not(.popvote_lst .reactTab ul li, .visit_form .reactTab ul li, .vstcms .reactTab ul li, .ynvotecms_lst .reactTab ul li, .insung_frame .reactTab ul li) {margin: 0 !important;}
    .reactTab[class^="tab_st"] ul li.on { display: none !important; }
    .reactTab[class^="tab_st"] ul li a {border-radius: 0; background: none; text-align: start; justify-content: start; border-right: none !important; align-items: center; }
    .reactTab[class^="tab_st"] ul li a span { display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }    
    .reactTab[class^="tab_st"] ul li a:not([target='_blank']):after {display: none;}

    /* 탭 : 1차 탭 */
    .tab_st1 > .select {border-radius: 0.6rem 0.6rem 0 0; border: 1px solid #5D31FF; background: #5D31FF; padding: 0.75rem 1rem; padding-right: 2.25rem; color: #fff; font-weight: 600; font-size: 1rem; z-index: 2; }

    .tab_st1.Tab_w20 ul li:before,
    .tab_st1.Tab_w25 ul li:before,
    .tab_st1.Tab_w30 ul li:before,
    .tab_st1.Tab_w50 ul li:before,
    .tab_st1.Tab_w20 ul li:nth-child(5n + 1):before,
    .tab_st1.Tab_w30 ul li:nth-child(3n + 1):before,
    .tab_st1.Tab_w50 ul li:before,
    .tab_st1.Tab_w50 ul li:nth-child(2n + 1):before,
    [class^="tab_st"] ul li:before { display: none !important; }
    .tab_st1 ul { border-radius: 0 0 0.6rem 0.6rem !important; padding:  0rem 1rem; border-top: none; margin-top: -1px !important; z-index: 1; }
    .tab_st1 ul li a { padding: 0.75rem 0 !important; border-top: 1px solid #d3d3d9; }
    .tab_st1 ul li.on a,
    .tab_st1 ul li:first-child a { border-top: none; }
    
    /* 탭 : 2차 탭 */
    .tab_st2 > .select {border-radius: 0.5rem 0.5rem 0 0; border: 1px solid #304793; padding: 0.75rem 1rem; font-size: 1rem; padding-right: 2.25rem; color: #304793; z-index: 2; }
    .tab_st2 li a { padding: 0.7rem 0; border-top: 1px solid #A6A6A6; border-bottom: none; }  
    .tab_st2 li a::before { display: none !important; }
    .tab_st2 li a span { color: #555; }
    .tab_st2 ul { border: 1px solid #d3d3d9; border-radius: 0 0 0.6rem 0.6rem !important; border-top: none; padding: 0 1rem; margin-top: -1px !important; z-index: 1; }
    .tab_st2 li.on a,
    .tab_st2 li:first-child a { border-top: none; }

    /* 탭 : 3차 탭 */
    .tab_st3 > .select {border-radius: 0.6rem 0.6rem 0 0; border: 1px solid #5D31FF; background: #5D31FF; padding: 0.75rem 1rem; padding-right: 2.25rem; color: #fff; font-weight: 600; font-size: 1rem; }
    .tab_st3 ul { border-radius: 0 0 0.6rem 0.6rem !important; padding:  0rem 1rem; border-top: none; }
    .tab_st3 ul li a { padding: 0.75rem 0 !important; border-bottom: 1px solid #d3d3d9; }
    .tab_st3 ul li:last-child a { border-bottom: none; }
    .tab_st3 ul li a span { padding: 0; font-size: 0.9rem; }
    .tab_st3 ul li a span::before { display: none; }

    /* 탭 : 개수 지정 */
    .Tab_w20 li {width: 25% !important;}

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

    /* 이미지 사이즈 : 확대보기 */
    .rsp_img { padding: 1.5rem 1rem; }
    .rsp_img img {max-width: 100%;}

    .tab_typeB ul li a { font-size: 0.95rem; }

}

@media (max-width: 1024px) {

	/* pdf 뷰어 : 시작 **************************************************************/
	.pdfBox .pdf_inner .pdf_view {height:30rem;}
	/* pdf 뷰어 : 끝 **************************************************************/

    /* 타이틀 */
    .tit1 br {display: none;}

    /* 블릿 타입, 리스트 : 불릿 타입 */
    .bu_st4:before,
    .list_st4 > li:before {top: 10px;}

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

    /* 박스 : 박스 기본 타입 */
    .box_st1.box_ico .ico img {transform: scale(0.9);}

    /* 탭 : 리스트 */
    .tab_list ul li,
    .tab_list.ms_tab ul li {width: calc(100% / 3);}

    /* 탭 : 개수 지정 */
    .Tab_w20 li {width: 25% !important;}

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

    /* 절차 */
    [class^='prcdr'] > ul { gap: 2rem; }
    .prcdrA > ul > li::before,
    .prcdrB > ul > li::before { width: 1rem; height: 1.5rem; right: -1.6rem; } 
    .prcdrB > ul > li .top { font-size: 0.95rem; line-height: 1.35rem; }
    .prcdrA > ul > li .top { font-size: 0.95rem; }
    .prcdrB > ul > li .top span { font-size: 1rem; } 
    .prcdrA > ul > li .bot,
    .prcdrB > ul > li .bot { margin-top: 0.75rem; padding-top: 0.75rem; font-size: 0.85rem; }

    .box_ico.noBefe .ico { width: 8.35rem; left: 1rem; top: 2.5rem; }

    /* 반응형 게시판 _v2 */
	.reactTb.tblet table colgroup { display: none !important; }
	.reactTb.tblet table tr { display: flex; width: 100%; flex-wrap: wrap; gap: 0.25rem 0.5rem; }
	.reactTb.tblet table th,
	.reactTb.tblet table td { padding: 0.75rem !important; text-align: center !important; line-height: 1.15rem; }
    .tbl_st.reactTb.tblet table th,
	.tbl_st.reactTb.tblet table td { width: 100%; }   
}

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

    /* 탭 : 리스트 */
    .tab_list ul li {width: 50%;}

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

    /* 사이트맵 */
    .cont_sitemap .cont_sitemap_col { width:calc(50% - 30px); }

    /* 절차 */
    [class^='prcdr'] > ul { flex-direction: column; gap: 2rem; }
    .prcdrA > ul > li::before,
    .prcdrB > ul > li::before { left: 50%; transform: translateX(-50%) rotate(90deg); right: auto; bottom: -1.85rem; top: auto; }

    p,
    .bu_st1, .list_st1 > li,
    .bu_st2, .list_st2 > li { font-size: 0.85rem; }
    .bu_info,
    .bu_wnrn { padding-left: 1.25rem; font-size: 0.85rem; }
    .bu_wnrn:before,
    .bu_info:before { font-size: 0.95rem; }
    .bu_st3, .list_st3 > li,
    .bu_st4, .list_st4 > li { font-size: 0.8rem; }  
    .bu_st1:before, .list_st1 > li:before { width: 0.3rem; height: 0.3rem; top: 0.5rem; }
    .list_ol1 > li, 
    .list_ol2 > li { font-size: 0.85rem; padding-left: 1.15rem; }
    .list_ol1 > li > span.num, .list_ol2 > li > span.num { font-size: 0.75rem; top: 0.25rem; }
    .list_ol3 > li, 
    .list_ol4 > li { font-size: 0.8rem; padding-left: 1.3rem; }
    .list_ol3 > li > span.num, .list_ol4 > li > span.num { width: 1.05rem; height: 1.05rem; font-size: 0.55rem; }

    /* 박스 */
    .box_st4.box_ico .inner,
    [class^="box_st"].box_ico,
    .box_st1,
    .box_st2,
    .box_st3 { padding: 2rem !important; }

    .box_st4.box_ico { padding: 0 !important; }
    .box_ico .ico { display: none; }

    .Coming_soon { padding: 2rem 1rem; }
    .Coming_soon span { font-size: 1.5rem; }
    .Coming_soon p { margin-top: 0.4rem; }

    h3[class^='tit'] + [class^='tbl_st'] { margin-top: 1.35rem !important; }
    h4[class^='tit'] + [class^='tbl_st'] { margin-top: 1.1rem !important; }
    h5[class^='tit'] + [class^='tbl_st'] { margin-top: 0.95rem !important; }
    .tbl_st + h3[class^='tit'] {margin-top: 2.5rem !important;}
    .tbl_st + h4[class^='tit'] {margin-top: 2rem !important;}
    .tbl_st + h5[class^='tit'] {margin-top: 1.5rem !important;}

    /* 탭 : 새로고침 X */
    .tab_typeB { margin-bottom: 2rem !important; }

    [class^="tab_st"] ~ #contsView,
    [class^="tab_st"] ~ [class^="box_st"] { margin-top: 2rem; }
    .tbl_utile { font-size: 0.8rem; }

    h3[class^='tit'] + div { margin-top: 1rem; }
    h4[class^='tit'] + div { margin-top: 0.75rem; }
    h5[class^='tit'] + div { margin-top: 0.5rem; }

    /* 콘텐츠 준비중 */
    .Coming_soon img { max-width: 14rem; }

}

@media screen and (max-width: 800px) {
    /* 반응형 게시판 */
	.tbl_st.reactTb table th,
	.tbl_st.reactTb table td { width: 100%; }    

    table a[class^='btn_'] { height: 1.65rem !important; }
    table a[class^='btn_'].btnIco i { top: 0.285rem; }
}

@media (max-width: 768px) {

    .btns [class^="btn_"] { font-size: 0.85rem; }

    .btns [class^="btn_"].mini { font-size: 0.7rem !important; }

    [class^="box_st"] .btns:not(li .btns) { margin: 1.25rem 0 0 0 !important; padding-top: 1.25rem; }

    /* 상단검색 커스텀 */
    .srchBox { gap: 0.5rem; }
    .srchBox .inptWrap { width: 100%; }
    .srchBox .inptWrap .inptBox { flex: 1; width: auto; }

    table select, table input { height: 1.85rem; }
    table select { background-size: 0.5rem; }
    input[type="radio"]::before { width: 0.4rem; height: 0.4rem; }

    .tabNotLnk ul li { width: 100% !important; }
    .tabNotLnk ul li::before { display: none !important; }
    .tabNotLnk ul { border-radius: 0.5rem; }

    /* 타이틀 */
    h3[class^='tit'].titDsc span,
    h4[class^='tit'].titDsc span,
    h5[class^='tit'].titDsc span {width: 100%;}
    h3[class^='tit'].titDsc p,
    h4[class^='tit'].titDsc p,
    h5[class^='tit'].titDsc p {width: 100%; margin-top: 0.25rem; position: static; bottom: 0;}
    h5[class^='tit'].titDsc p {font-size: 0.7rem;}

    /* 타이틀 */
    h3[class^='tit'][class*='1'] + h3[class^='tit'][class*='1'] { margin-top: 2.5rem; }
    h3[class^='tit'][class*='1'] + h4[class^='tit'][class*='2'] { margin-top: 1.35rem; }

    /* 들여쓰기 */
    .indent {padding-left: 0.75rem;}

    /* 테이블 : 테이블 기본 타입 */
    div[class*='tbl_st'] td table td,
    div[class*='tbl_st'] td table th { width:auto !important; height: auto !important; }

    /* 탭 : 새로고침 X */
    .tab_typeB ul li a { padding: 0.6rem 1rem !important; }
    .tab_typeB ul li a.current span { padding-left: 1.5rem; }
    .tab_typeB ul li a.current span::before { font-size: 1.15rem; top: 0.15rem; }

    /* 박스 : 이미지 + 텍스트 */
    .box_img {min-height: unset; padding: 1rem;}
    .box_img .ico {position: static; margin: 0 auto 1rem;}

	/* 탭 : 공통 */
	[class^="tab_st"] {margin-bottom: 1.5rem;}
    
    /* 탭 : 리스트 */
    .tab_list ul {padding: 0.2rem;}
    .tab_list ul li a:before {top: 0.5rem;}

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

	/* 배너이미지 */
	.banner_img  {width:100%; height:auto;}

	/* 고객만족도 조사 */
	.satisfaction .question{padding:0.75rem 1rem;}
	.satisfaction .satisfaction_list{ padding:1rem;}

    th label,
    td label { font-size: 0.85rem; }  

    /* 테이블 반응형 */
    .tbl_res > table th br,
    .tbl_res > table td br { display: none; }
    .tbl_res > table > colgroup { display: none; }
    .tbl_res > table > thead { display: none; }
    .tbl_res > table > tbody > tr { display: flex; width: 100%; flex-direction: column; }
    .tbl_res > table > tbody > tr th,
    .tbl_res > table > tbody > tr td { width: 100%; text-align: center !important; word-break: break-all !important; }
    .tbl_res > table > tbody > tr th:first-child,
    .tbl_res > table > tbody > tr td:first-child { border-left: none; }
    .tbl_res > table > tbody > tr td input[type="text"],
    .tbl_res > table > tbody > tr td textarea,
    .tbl_res > table > tbody > tr td button { width: 100%; }
    .tbl_res > table > tbody > tr td button { margin-left: 0 !important; }

    /* 링크탭 리스트 */
    .lnkTabLst { gap: 0.75rem; padding: 1rem; width: 100%; }
    .lnkTabLst li { width: 100%; }
    .lnkTabLst li a { white-space: wrap; font-size: 0.85rem; }
    .lnkTabLst li::before { transform: none; top: 0.5rem; } 

    .bu_atte,
    .bu_wnrn,
    .bu_ment,
    .bu_st2, .list_st2 > li,
    .bu_st1, .list_st1 > li { font-size: 0.85rem !important; }

    .bu_st3, .list_st3 > li,
    .bu_st4, .list_st4 > li { font-size: 0.8rem !important; }

    /* 들여쓰기 */
    .indent {padding-left: 1.15rem;}

    /* 버튼 : 파일다운을 감싸는 레이아웃 */    
    .bfdWrap a.btnFileDwn,
    a.btnFileDwn { width: 100%; }

    a.bu_link.reverse::before { width: 1.25rem; height: 1.25rem; font-size: 0.7rem; }
    a.bu_link.reverse { line-height: 1.25rem; padding: 0 1.75rem 0 0; } 

    /* 이미지 사이즈 : 확대보기 */
    .rspWrap > ul li { width: 100%; }

    .box_st5 { padding: 2rem; }
    .box_st5::before { right: -25vw; height: 100vw; width: 75vw; top: -10vw; }
    .box_st5.box_ico { padding-left: 10rem; }
    .box_st5.box_ico .ico { width: 7.5rem; left: 1rem; }

    div[class*='tbl_st'] table th,
    div[class*='tbl_st'] table td { font-size: 0.85rem; padding: 0.6rem 0.75rem !important; }

    p.fileTxt { border-radius: 1rem !important; }

    /* 박스 */
    .box_st4.box_ico .inner,
    [class^="box_st"].box_ico,
    .box_st1, 
    .box_st2, 
    .box_st3 { padding: 1.5rem !important; min-height: auto; }
    .box_st4.box_ico { padding: 0 !important; min-height: auto; }
    [class^="box_st"] [class^='boxTit'] { margin-bottom: 0.5rem; }

    .btns { margin: 1.5rem 0; gap: 0.5rem; }
    .btns [class^="btn_"],
    button[class^="btn_"] { height: 2rem; min-width: 3.5rem; }
    /* .btns [class^="btn_"].mDmSz { min-width: auto !important; padding: 0.35rem 0.5rem; } */
    .btnIco { justify-content: start; padding: 0.35rem 1.75rem 0.35rem 1rem !important; font-size: 0.8rem !important; height: auto !important; }
    .btnIco i { font-size: 0.8rem; top: 0.47rem; }
    [class^="btn_"].mini { height: 1.65rem; }

    .tab_st1 > .select,
    .tab_st2 > .select,
    .tab_st3 > .select { padding: 0.55rem 1rem; font-size: 0.95rem; }
    .tab_st1 ul li a,
    .tab_st2 li a,
    .tab_st3 li a { padding: 0.55rem 0 !important; font-size: 0.85rem; line-height: 1.05rem; }
    [class^="tab_st"] ul li a[target='_blank']:after { line-height: 1; font-size: 0.75rem; }

    .scrllTb {
        overflow-x: auto !important;
        background-repeat: no-repeat !important;
        background-image: linear-gradient(to left, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%) !important;
        background-position: right 5px !important;
        background-size: 30px 100% !important;
        z-index: 1 !important;
    }

    .scrllTb table {
        width: 100%;
        min-width: 900px;
    }
}

@media (max-width: 680px) {
    /* 탭 */
    .tab_list.ms_tab ul li {width: calc(100% / 2);}
}

@media (max-width:560px){

	/* 이미지+텍스트 */
	.ImgTxt_style1 {flex-direction:column !important;}
	.ImgTxt_style1 .img {max-width:100%; text-align:center;}
	.ImgTxt_style1 .img img {width:auto; max-width:100%;}
	.ImgTxt_style1 .txt {margin-left:0; margin-top:0.5rem;}
	.ImgTxt_style1.reverse {flex-direction:inherit;}
	.ImgTxt_style1.reverse .txt {margin-right:0;}
	
	.ImgTxt_style2 li {width:48%;}
	.ImgTxt_style2.w25 li {width:48%;}
	
	.ImgTxt_style3 .img {max-width: 100%; float:none; margin: 0 0 1rem 0; text-align:center; }
	.ImgTxt_style3 .img img {width:auto; max-width:100%;}
}

@media (max-width: 480px) {
    h3[class^='tit'],
    div + h3[class^='tit'], p + h3[class^='tit'] { margin-top: 1.5rem !important; }
    .inFTxt h3 { margin: 0 !important; }

    select, 
	input { height: 2.15rem; }

    [class^="box_st"],
    .btns [class^="btn_"] { font-size: 0.8rem; }

    div[class*='tbl_st'] table th,
    div[class*='tbl_st'] table td { font-size: 0.8rem; padding: 0.5rem !important; }

    .mgt40,
    .mgt50,
    .mgt60{ margin-top: 2.5rem !important; }

    /* 체크박스 커스텀 */
    .chkBox ul { gap: 0.35rem 0.5rem; }
    .chkBox label { line-height: 0.85rem; }
    .chkBox .txt_lb { font-size: 0.75rem; }
    .chkBox .custom_checkbox { width: 0.85rem; height: 0.85rem; font-size: 0.6rem; }

    /* 라디오박스 커스텀 */
    .rdoBox ul { gap: 0.35rem 0.5rem; }
    input[type="radio"] { width: 0.7rem; height: 0.7rem !important; }
    .rdoBox label { padding-left: 1rem; line-height: 0.85rem; font-size: 0.75rem; }

    /* 상단검색 커스텀 */
    .srchBox .inptWrap { flex-wrap: wrap; border-radius: 0.5rem; }
    .srchBox .inptWrap select { width: 100%; min-width: auto; height: 2rem; }
    .srchBox .inptWrap .inptBox::before { width: 100%; height: 1px; top: 0; transform: none; }
    .srchBox .inptWrap .inptBox input { height: 2rem; }

    /* 버튼 */
    [class^="btn_"]:not(.btn_top,.foodBtn) { padding: 0.35rem 0.5rem; }
    /* .btns [class^="btn_"].mDmSz { padding: 0.25rem 0.5rem; } */

    /* 버튼 : 파일다운을 감싸는 레이아웃 */
    .bfdWrap { gap: 0.5rem; }
    .btnFileDwn > span { width: 1.5rem; height: 1.5rem; }
    .btnFileDwn > p { font-size: 0.85rem; }
    .btnFileDwn > em { font-size: 0.9rem; }

    .btns [class^="btn_"].lrgSz_v4,
    .btns [class^="btn_"].lrgSz_v3,
    .btns [class^="btn_"].lrgSz_v2,
    .btns [class^="btn_"].vlrgSz,
    .btns [class^="btn_"].lrgSz,
    .btns [class^="btn_"].mDmSz { min-width: 3.5rem !important; }

    .btns [class^="btn_"],
    button[class^="btn_"] { height: 1.8rem; }

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

    /* 탭 : 새로고침 X */
    .tab_typeB ul li a { padding: 0.5rem 0.75rem !important; font-size: 0.85rem; }
    .tab_typeB ul li a.current span { padding-left: 1.35rem; }
    .tab_typeB ul li a.current span::before { font-size: 1rem; top: 0.1rem; }
    .tab_typeB ul li a.current::before, 
    .tab_typeB ul li a:hover::before, 
    .tab_typeB ul li a:focus::before { background: #307FE2; }

    /* 박스 : 이미지 + 텍스트 */
    .box_img .ico {display: block; }

    /* 기본 박스 : 검색 */
    [class^="box_st"] .search_wrap  input { width:100%; float:none; }
    [class^="box_st"] .search_wrap  .btn_style3 { width:100%; float:none; margin:0.5rem 0 0; }

    [class^="box_st"] .btns:not(li .btns) { margin: 1rem 0 0 0 !important; padding-top: 1rem; }
    
    /* 탭 : 리스트 */
	.tab_list ul li {width: 100%;}

    /* 탭 : 개수 지정 */
    .Tab_w50 li,
    .Tab_w30 li,
    .Tab_w20 li {width: 100% !important;}

    .rsp_img.tpyeC p { border-radius: 1rem; }

    /* 콘텐츠 준비중 */
    .Coming_soon p {word-break: keep-all;}
    .Coming_soon p br {display: none;}

    .fileWrap .fileSel { width: calc(100% - 3.5rem); min-width: auto; }

    /* 사이트맵 */
    .cont_sitemap .titT1{ margin:1.5rem 0 0.5rem !important; }
    .cont_sitemap .cont_sitemap_row { margin:0; }
    .cont_sitemap .cont_sitemap_row + .cont_sitemap_row,
    .cont_sitemap .cont_sitemap_col + .cont_sitemap_col { margin-top:1rem; }
    .cont_sitemap .cont_sitemap_col { width:100%; margin:0; }

    /* 탭 : 1차 탭 */
    .tab_st1 > .select { padding: 0.55rem 1rem; font-size: 0.9rem; padding-right: 1.75rem; }
    .tab_st1 > .select:after { font-size: 0.8rem; top: 0.7rem; }
    .tab_st1 ul li a { padding: 0.5rem 0 !important; font-size: 0.8rem; }

    /* 탭 : 2차 탭 */
    .tab_st2 > .select { padding: 0.55rem 1rem; padding-right: 1.75rem; font-size: 0.9rem; }
    .tab_st2 > .select:after { font-size: 0.8rem; top: 0.6rem; }
    .tab_st2 ul li a { padding: 0.5rem 0; font-size: 0.75rem; }

    /* 탭 : 3차 탭 */
    .tab_st3 > .select { padding: 0.55rem 1rem; font-size: 0.9rem; padding-right: 1.75rem; }
    .tab_st3 > .select:after { font-size: 0.8rem; top: 0.7rem; }
    .tab_st3 ul li a { padding: 0.5rem 0 !important; font-size: 0.8rem; }

    /* 콘텐츠 준비중 */
    .Coming_soon span { font-size: 1.35rem; } 
    .Coming_soon p { margin-top: 0.25rem; }

    p.fileTxt { font-size: 0.75rem; }
    p.fileTxt i { font-size: 1rem; }

    /* 절차 */
    .prcdrC > ul > li::before { width: 1.75rem; }
    .prcdrC > ul > li > img { display: none; }  
    .prcdrC > ul > li { flex-direction: column; align-items: start; }
    .prcdrC > ul > li { padding: 1.25rem 1rem; }
    .prcdrC > ul > li .bot { padding: 0; }
    .prcdrC > ul > li .bot { margin-top: 0.5rem; }
    .prcdrC > ul > li .top { width: 100%; flex-direction: row; align-items: center; font-size: 0.85rem; }
    .prcdrC > ul > li .top span { margin-left: 0.35rem; margin-top: 0; font-size: 1.15rem; }
    .prcdrA > ul > li .top,
    .prcdrB > ul > li .top,
    .prcdrC > ul > li .bot span { font-size: 0.9rem; } 
    .prcdrB > ul > li .bot,
    .prcdrA > ul > li .bot,
    .prcdrC > ul > li .bot { font-size: 0.8rem; }

    /* 박스 */
    .box_st5,
    .box_st4.box_ico .inner,
    [class^="box_st"].box_ico,
    .box_st1,
    .box_st2,
    .box_st3,
    .box_st1.box_ico { min-height: auto !important; padding: 1.25rem 1rem !important; }
    .box_st4.box_ico { padding: 0 !important; }
    /* .box_st1::before { height: 2.5rem; }
    .box_st1::after { height: 4.5rem; }  */
    .box_st1 span.backTxt img { display: none; }
    [class^="box_st"] [class^='boxTit'] { font-size: 1.1rem !important; } 
    [class^="box_st"] .boxTit2 { font-size: 1rem !important; }
    [class^="box_st"] [class^='boxTit'] ~ [class^='boxTit'] { margin-top: 1rem; }

    [class^='tit'] + div { margin-top: 0.85rem; }
    h3[class^='tit'] + p,
    h3[class^='tit'] + [class^='list_st'] { margin-top: 0.65rem; }
    h4[class^='tit'] + p,
    h4[class^='tit'] + [class^='list_st'] { margin-top: 0.55rem; } 
    h5[class^='tit'] + p,
    h5[class^='tit'] + [class^='list_st'] { margin-top: 0.5rem; }

    th label,
    td label { font-size: 0.8rem; }  

    /* 콘텐츠 준비중 */
    .Coming_soon img { max-width: 12.5rem; }
    .Coming_soon span { margin-top: 1rem; }

    /* 타이틀 */
    .tit1 { font-size: 1.25rem; }
    .tit1 span { padding-right: 0.8rem; }
    .tit1 span::before { width: 0.5rem; height: 0.5rem; } 
    .tit2 { font-size: 1.1rem; }

    h3[class^='tit'] + [class^='tbl_st'] { margin-top: 1rem !important; }
    h4[class^='tit'] + [class^='tbl_st'] { margin-top: 0.9rem !important; }
    h5[class^='tit'] + [class^='tbl_st'] { margin-top: 0.8rem !important; }

    /* 탭 : 새로고침 X */
    .tab_typeB { margin-bottom: 1.5rem !important; }

    [class^="tab_st"] ~ #contsView,
    [class^="tab_st"] ~ [class^="box_st"] { margin-top: 1.5rem; }

    h3[class^='tit'] + div { margin-top: 0.75rem; }
    h4[class^='tit'] + div { margin-top: 0.5rem; }
    h5[class^='tit'] + div { margin-top: 0.35rem; }

    /* 링크탭 리스트 */
    .lnkTabLst { margin: 0 auto 1rem; } 
    .lnkTabLst li a { padding: 0.35rem 0.75rem; font-size: 0.75rem; }

    .tabNotLnk ul { gap: 0.5rem 1rem; }
    .tabNotLnk ul li a { font-size: 0.85rem; line-height: 1.05rem; padding: 0.5rem 1rem !important; }
    .tabNotLnk ul li.on a { padding: 0.5rem 2.15rem 0.5rem 1rem !important; }
}

@media (max-width: 380px) {
    /* 콘텐츠 준비중 */
    .Coming_soon span { font-size: 1.15rem; } 

    select, 
	input { height: 1.95rem; padding-left: 0.75rem !important; }

    /* 상단검색 커스텀 */
    .srchBox .inptWrap select,
    .srchBox .inptWrap .inptBox input { padding: 0 2rem 0 0.75rem; }
    .srchBox .inptWrap .inptBox button { right: 0.75rem; font-size: 0.9rem; }

    /* 이미지+텍스트 */
	.ImgTxt_style2 li {width:100%;}
	.ImgTxt_style2.w50 li {width:100%;}
	.ImgTxt_style2.w25 li {width:100%;}

    /* 탭 : 1차 탭 */
    .tab_st1 > .select { padding: 0.5rem 0.75rem; font-size: 0.85rem; padding-right: 1.75rem; }
    .tab_st1 > .select:after { font-size: 0.75rem; top: 0.7rem; }
    .tab_st1 ul { padding: 0 0.75rem; }
    .tab_st1 ul li a { padding: 0.45rem 0 !important; font-size: 0.75rem; }

    /* 탭 : 2차 탭 */
    .tab_st2 > .select { padding: 0.5rem 0.75rem; padding-right: 1.75rem; font-size: 0.85rem; }
    .tab_st2 > .select:after { font-size: 0.75rem; top: 0.65rem; }
    .tab_st2 ul { padding: 0 0.75rem; }
    .tab_st2 ul li a { padding: 0.45rem 0; }
    .tab_st2 li a span { font-size: 0.75rem; }  

    /* 탭 : 3차 탭 */
    .tab_st3 > .select { padding: 0.5rem 0.75rem; font-size: 0.85rem; padding-right: 1.75rem; }
    .tab_st3 > .select:after { font-size: 0.75rem; top: 0.7rem; }
    .tab_st3 ul { padding: 0 0.75rem; }
    .tab_st3 ul li a { padding: 0.45rem 0 !important; }
    .tab_st3 ul li a span { font-size: 0.75rem; }

    /* 탭 : 새로고침 X */
    .tab_typeB ul li { width: 100%;  }
    .tab_typeB ul li a { border-right: none !important; }

    /* 콘텐츠 준비중 */
    .Coming_soon img { max-width: 10rem; }

    /* 절차 */
    .prcdrA > ul > li, 
    .prcdrB > ul > li,
    .prcdrC > ul > li { padding: 0.75rem; }

    /* 타이틀 */
    .tit1 { font-size: 1.1rem; }
    .tit2 { font-size: 1rem; }
    .tit1 span { padding-right: 0.65rem; }
    .tit1 span::before { width: 0.35rem; height: 0.35rem; } 
}



@media (max-width: 320px) {

    /* 박스 : 기본, 아이콘, 이미지 */
    /* .box_st1,
    [class^="box_st"].box_ico,
    .box_st_img,
    .box_st2 {padding: 0.75rem;} */

	/* 고객만족도 조사 */
	.satisfaction .satisfaction_list .opinion{ display:block;}
	.satisfaction .satisfaction_list .opinion input[type="text"]{ width:100%; margin-right:0; margin-bottom:0.25rem;}
	.satisfaction .satisfaction_list .opinion input[type="button"]{ width:100%; padding:0.35rem 0.25rem;}
}