@charset "utf-8";

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

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

/* input disable */
.inp_disable{color:#666;}
.inp_disable[type="text"],
.inp_disable[type="password"],
.inp_disable[type="number"],
select.inp_disable{ background:#f1f1f1;}
.inp_disable[type="radio"],
.inp_disable[type="checkbox"],
.inp_disable input[type="radio"],
.inp_disable input[type="checkbox"]{opacity: 0.5;}

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

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

/* 타이틀(공통) */
[class^='titT']{ font-size:1.1rem; }
h3[class^='tit']{ line-height:1.3; font-weight:700; margin-top:2rem; }
[class^="box_st"] [class^='tit']:nth-of-type(1){ margin-top:0rem; }
h3[class^='tit'][class*='1'] + h4[class^='tit'][class*='2']{ margin-top:0.75rem; }
.tab_st3 + h3[class^="tit"],
h3[class^="tit"]:first-of-type { margin-top:0; }
div + h3[class^='tit'], p + h3[class^='tit'], ul + h3[class^='tit'] { margin-top:2.5rem !important;}
div[class^="tab_st"] + h3[class^='tit'] {margin-top:1rem !important;}
h4[class^='tit']{ line-height:1.3; font-weight:700; margin-top:1.5rem; }
h4[class^='tit']:nth-of-type(1){ margin-top:0rem; }
h4[class^='tit'][class*='2'] + h5[class^='tit'][class*='3']{ margin-top:0.5rem; }
*:not(h3) + h4[class^='tit']{ margin-top:1.5rem !important; }
h5[class^='tit']{ line-height:1.3; font-weight:700; margin-top:1rem; }
h5[class^='tit']:nth-of-type(1){ margin-top:0rem; }
h5[class^='tit'][class*='3'] + h6[class^='tit'][class*='4']{ margin-top:0.5rem; }
*:not(h4) + h5[class^='tit']{ margin-top:1rem !important; }
.box_st1 h4[class^='tit']:first-of-type { margin-top:0 !important; }
.box_st1 h5[class^='tit']:first-of-type { margin-top:0 !important; }

/* 타이틀(텍스트 타입) */
.tit1{ position:relative; color:#111; font-size:1rem; margin-top:3rem; z-index:1; margin-bottom:1.25rem; }
.tit1:before {content:''; display:block; width:100%; height:1px; background: #eaeaea; left:0; top:0; margin-bottom:1.5rem;}
.tit1_nonLine{ position:relative; color:#111; font-size:1rem; margin-top:3rem; z-index:1; margin-bottom:0.5rem; }
.tit2{ position:relative; color:#111; font-size:0.9rem;  margin-top:1.5rem; padding-top:0.65rem; margin-bottom:0.75rem;}
.tit2:before,
.tit2:after {content:''; position:absolute; height:5px; border-radius:3px; top:0; left:0;}
.tit2:before {background:#00b342; width:1.25rem;}
.tit2:after {background:#019a40; width:0.7rem;}
.tit3{ position:relative; color:#052f60; font-size:0.9rem; margin-top:1rem; }

/* 블릿 */
.bu_st1, .bu_st2, .bu_st3, .bu_st4, .list_st1 > li, .list_st2 > li, .list_st3 > li, .list_st4 > li{ position:relative; padding-left:15px; color:#111;}
/*.bu_st1,*/ .list_st1 > li {margin-top:0.5rem;}
.bu_st1:before, .list_st1 > li:before {content:''; position:absolute; top:0.4rem; left:0; width:10px; height:10px; border:3px solid #012c5f; border-radius:50%; background: #fff; }
.bu_st2, .list_st2 > li{ font-size:0.75rem; margin-left:0.25rem; margin-top:0.35rem;}
.list_st2 > li{ margin-left:0;}
.bu_st2:before, .list_st2 > li:before { content:''; position:absolute; top:0.6rem; left:0; width:6px; height:2px; background:#4b4b4b; }
.bu_st3, .list_st3 > li{ font-size:0.75rem; margin-left:0.6rem; padding-left:12px; margin-top:0.25rem;}
.list_st3 > li{ margin-left:0;}
.bu_st3:before, .list_st3 > li:before { content:''; position:absolute; top:0.55rem; left:0; width:3px; height:3px; background:#4b4b4b; border-radius:50%; }
.bu_st4, .list_st4 > li { font-size:0.75rem; margin-left:1rem; padding-left:11px; margin-top:0.25rem;}
.list_st4 > li { margin-left:0;}
.bu_st4:before, .list_st4 > li:before { content:''; position:absolute; top:0.55rem; left:0; width:2px; height:2px; background:#888; }

/* 리스트 :블릿 타입 */
.list_st2 > li { font-size:.75rem; }
.list_st3 > li { font-size:.75rem; color:#444; }
.list_st4 > li { font-size:.75rem; color:#555; }

li.bu_none:before { display:none !important; }

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

/* 리스트 :순차적 리스트 타입 */
.list_ol1 > li { position:relative; padding-left:1.6rem; margin-top:0.5rem; font-size:0.75rem; color:#222; line-height:1.2rem; }
.list_ol1 > li > span.num { position:absolute; left:0; top:0; width:1.2rem; height:1.2rem; line-height:1.1rem; font-size:0.65rem; border-radius:0.3rem; border:1px solid #ccc; color:#333; text-align:center; font-weight:700; letter-spacing: -1px;}
.list_ol2.inline > li {display:inline-block; margin-right:.4rem;}
.list_ol2 > li { position:relative; padding-left:1.1rem; margin-top:0.3rem; font-size:0.7rem; color:#222; line-height:1rem; }
.list_ol2 > li > span.num { position:absolute; left:0; top:0; width:1rem; height:1rem; line-height:1rem; font-size:0.55rem; border-radius:50%; background:#eaeaea; color:#4b4b4b; text-align:center; font-weight:600; letter-spacing: -1px; padding-right:.05rem;}

/* 리스트 : 타이틀+텍스트 타입 */
.list_stTit { font-size:0.75rem; margin-top:.25rem; }
.list_stTit > li { position:relative; padding-left:3.7rem; margin-top:0.25rem; }
.list_stTit > li span.tag { position:absolute; left:0; top:0; width:3rem; text-align:center; overflow:hidden; }

/* 리스트 :가로 나열 */
ul[class*='li_w']{ overflow:hidden; }
.li_w50 > li { width:50%; float:left; }
.li_w30 > li { width:32%; float:left; }
.li_w25 > li { width:23%; float:left; }
.li_w20 > li { width:18%; float:left; }

/* 텍스트 요소 :옛체 형식 */
.font_nanum {font-family:'NanumGothic';}

/* 텍스트 요소 :폰트컬러 타입 */
.pc_gray { color:#333 !important; }
.pc_black { color:#000 !important; }
.pc_blue { color:#196ebe !important; }
.pc_pink { color:#ff1769 !important; }
.pc_red { color:#E41F4C !important; }
.pc_navy { color:#0b41a0 !important; }
.pc_org { color:#ff4400 !important; }
.pc_green { color:#099e5e !important; }
.pc_yellow { color:#eb8809 !important; }

/* 텍스트 요소 :텍스트 배경색 */
.bg_red, .bg_gray, .bg_blue, .bg_navy, .bg_org, .bg_black, .bg_green, .bg_yellow { padding:1px 0.5rem !important; color:#fff !important; display:inline-block; }
.bg_gray { background:#333 !important; }
.bg_black { background:#000 !important; }
.bg_blue { background:#196ebe !important; }
.bg_red { background:#E41F4C !important; }
.bg_navy { background:#0b41a0 !important; }
.bg_org { background:#ff4400 !important; }
.bg_green { background:#099e5e !important; }
.bg_yellow { background:#d27c0e !important; }

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

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

/* 텍스트 요소 :링크 타입 */
a.bu_link, a.bu_linkL, a.bu_mail, a.bu_mailL, a.bu_dow, a.bu_downL, a.bu_tel, a.bu_telL, a.bu_down { position:relative; display:inline-block; word-break:break-all; }
.txt_p > [class^="bu_"],
[class^="list_st"] > li > [class^="bu_"]{ margin:0 0.25rem; }
a.bu_link:before, a.bu_linkL:before, a.bu_mail:before, a.bu_mailL:before, a.bu_down:before, a.bu_downL:before, a.bu_tel:before, a.bu_telL:before { position:absolute; bottom:0.2rem; width:100%; height:1px; content:''; }
a.bu_link:after, a.bu_linkL:after, a.bu_mail:after, a.bu_mailL:after, a.bu_down:after, a.bu_downL:after, a.bu_tel:after, a.bu_telL:after { display:inline-block; font-size:0.75rem; font-family:'xeicon'; padding-right:0.15rem; }
a.bu_link { color:#29429a; }
a.bu_link:before { background:#29429a; }
a.bu_link:after { content:"\e980"; }
a.bu_mail { color:#29429a; }
a.bu_mail:before { background:#29429a; }
a.bu_mail:after { content:"\ea07"; }
a.bu_down { color:#29429a; }
a.bu_down:before { background:#29429a; }
a.bu_down:after { content:"\eb7c"; }
a.bu_tel { color:#29429a; }
a.bu_tel:before { background:#29429a; }
a.bu_tel:after { content:"\e9d3"; }

/* 텍스트 요소 :주의&경고&말풍선 타입 */
div + .bu_atte, div + .bu_wnrn, div + .bu_ment,
table + .bu_atte, table + .bu_wnrn, table + .bu_ment,
ul + .bu_atte, ul + .bu_wnrn, ul + .bu_ment { margin-top:1rem; }
.bu_atte { position:relative; margin-top:0.25rem; padding-left:1rem; }
.bu_atte:before { content:"※"; position:absolute; left:0; top:0; display:block;  color:#000; }
.bu_wnrn { position:relative; margin-top:0.25rem; padding-left:1.25rem; }
.bu_wnrn:before { content:"\e9a6"; position:absolute; left:0; top:-0.15rem; display:block; font-family:'xeicon'; color:#196ebe; font-size:1rem; }
.bu_wnrnL { position:relative; margin-top:0.25rem; padding-left:1.25rem; }
.bu_wnrnL:before { content:"\e9a7"; position:absolute; left:0; top:-0.15rem; display:block; font-family:'xeicon'; color:#196ebe; font-size:1rem; }
.bu_ment { position:relative; margin-top:0.25rem; padding-left:1.25rem; }
.bu_ment:before { content:"\ea1c"; position:absolute; left:0; top:0; display:block; font-family:'xeicon'; color:#2c51aa; }

/* 테이블 :테이블 기본 타입 */
div[class*='tbl_st'] { position:relative; width:100%; background:#fff; overflow:hidden; margin-top:0.25rem; }
div[class*='tbl_st'] > table { position:relative; width:100%; margin-left:-1.5px; text-align:center; border-top:1px solid #ccc; -webkit-overflow-scrolling:touch; table-layout:fixed; word-break:break-all; }
div[class*='tbl_st'] > table th { padding:0.5rem 0.3rem; color:#111; font-weight:600; vertical-align:middle; line-height:1.4; border-left:1px solid #ccc; background:#f5fbff; }
div[class*='tbl_st'] > table td { padding:0.75rem 0.3rem; line-height:1.5; color:#333; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd; }
div[class*='tbl_st'] > table th + td {border-left:1px solid #ccc;}
div[class*='tbl_st'] > table thead th { background:#f5f6fa; padding:1.1rem 0.5rem 1rem; border-bottom:2px solid #233958;}
div[class*='tbl_st'] > table tbody th { background:#f7f7f7; border-bottom:1px solid #ddd;}
div[class*='tbl_st'] > table tfoot th { background:#f0f0f0; border-bottom:1px solid #ddd;}

/* 테이블 :테이블 세로 타입 */
.tbl_st_row > table {border-top:2px solid #233958 !important}

/* 테이블 :테이블 (커스텀) 타입 20230620 */
div[class*='tbl_st3'] { position:relative; width:100%; background:#fff; overflow:hidden; margin-top:0.25rem; }
div[class*='tbl_st3'] > table { position:relative; width:200%; margin-left:-1.5px; text-align:center; border-top:2px solid #2b79c3; -webkit-overflow-scrolling:touch; table-layout:fixed; word-break:break-all; }
div[class*='tbl_st3'] > table th { padding:0.5rem 0.3rem; color:#000; font-weight:600; vertical-align:middle; line-height:1.4; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd; background:#f5fbff; }
div[class*='tbl_st3'] > table td { padding:0.5rem 0.3rem; line-height:1.5; color:#333; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd; }
div[class*='tbl_st3'] > table thead th { background:#f3f8fc; padding:1rem 0.5rem;  }
div[class*='tbl_st3'] > table tbody th { background:#f9f9f9; }
div[class*='tbl_st3'] > table tfoot th { background:#f0f0f0; }

.tbl_st3 table td.bbs_tit { text-align:left; }
.tbl_st3 table td.bbs_tit a { display:block; line-height:1.25rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.tbl_st3 table td.bbs_tit a:hover, .bbs_ListA table td.bbs_tit a:focus { text-decoration:underline; }
.tbl_st3 table td.bbs_tit a:hover span.ico_answer, .bbs_ListA table td.bbs_tit a:focus span.comment { text-decoration:none; }

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

/* 테이블 :테이블2 라인 타입 */
.tbl_st2 > table{margin-left:0 !important; border-right:1px solid #dddddd;}

/* 테이블 - form */
table select, table input[type='text'], table input[type='password'], table input[type='number'] { height:1.7rem; line-height:1.7rem; border:1px solid #ccc; padding:0 .5rem; color:#444; font-size:14px; border-radius:0.25rem;}
/* table a[class^='btn_']{ padding:0.3rem 0.5rem; font-size:0.75rem; margin:0; border:2px solid transparent; background:#fff; }
table a.btn_bl {border-color:#196ebe; color:#196ebe;}
table a.btn_gr {border-color:#4b4b4b; color:#4b4b4b;}
table a.btn_bl:hover,
table a.btn_bl:focus {background:#196ebe; color:#fff;}
table a.btn_gr {border-color:#4b4b4b; color:#4b4b4b;}
table a.btn_gr:hover,
table a.btn_gr:focus {background:#4b4b4b; color:#fff;} */
table .list_st3 > li,
table .list_st4 > li { color:#333; }

/* 테이블 - 기타 */
.tbl_utile { margin-top:-20px; text-align:right; line-height:16px; font-size:0.75rem; }
[class^='tit'] + .tbl_utile {margin-bottom:0.45rem;}

/* 유틸 */
/* 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:#effcf6 !important; }/* 그린 */
.tbl_l { border:2px solid #333 !important; }
.tbl_L_t { border-top:2px solid #333 !important; }
.tbl_L_b { border-bottom:2px solid #333 !important; }
.tbl_L_l { border-left:2px solid #333 !important; }
.tbl_Lbl { border:2px solid #014d9b !important; }
.tbl_Lbl_t { border-top:2px solid #014d9b !important; }
.tbl_Lbl_b { border-bottom:2px solid #014d9b !important; }
.tbl_Lbl_l { border-left:2px solid #014d9b !important; }
.tbl_Lre { border:2px solid #ff6363 !important; }
.tbl_Lre_t { border-top:2px solid #ff6363 !important; }
.tbl_Lre_b { border-bottom:2px solid #ff6363 !important; }
.tbl_Lre_l { border-left:2px solid #ff6363 !important; }
.tbl_Lgr { border:2px solid #099e5e !important; }
.tbl_Lgr_t { border-top:2px solid #099e5e !important; }
.tbl_Lgr_b { border-bottom:2px solid #099e5e !important; }
.tbl_Lgr_l { border-left:2px solid #099e5e !important; }
.tbl_Lye { border:2px solid #f9ba00 !important; }
.tbl_Lye_t { border-top:2px solid #f9ba00 !important; }
.tbl_Lye_b { border-bottom:2px solid #f9ba00 !important; }
.tbl_Lye_l { border-left:2px solid #f9ba00 !important; }

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

/* 기본 텍스트 */
.txt_p { margin-top:.25rem; color:#333; font-weight:400; font-size:.75rem; }

/* 박스 :박스 기본 타입 */
[class^="box_st"]{ position:relative; margin-top:0.5rem; z-index: 0; border-radius:0.7rem; overflow:hidden;}
[class^="box_st"] .tit3{margin-bottom:.75rem;}
.box_st1 {padding:0.1rem 0.75rem;}
.box_st1:before {content:''; position:absolute; top:0; left:0; width:100%; height:5.9rem; border-radius:0.7rem; background:#f5f6fa; z-index:-1;}
.box_st1 .inner { position:relative; padding:1.25rem 1.75rem 1.75rem;; border-radius:0.7rem; background:#fff; box-shadow: 0 0 10px rgba(198,198,198,0.3);}
.box_st1 .inner > img {max-width:100%;}
.box_st1 .inner > img,
.box_st1 .inner > div {margin-top:1rem;}
.box_st2 {border:1px solid #cdcdcd;padding:1.25rem;  background:#fff;}
.box_st3 { padding:1.5rem 1.25rem; background:#f5f6fa;}
.box_st4 { padding:1.5rem 1.25rem; background:#f6f6f6; }
.box_st5 {position:relative; padding:0.75rem 1.25rem; border:4px solid #dfe6ee; background:#fff;}
.box_st5:before {content:''; position:absolute; top:-4px; right:-4px; width:100%; height:40px; border-top:4px solid #394b61; border-right:4px solid #394b61;}
.box_st5:after {content:''; position:absolute; top:-4px; left:-4px; width:105px; height:40px; border-top:4px solid #266ed4; border-left:4px solid #266ed4; }
.box_st_ico {position:relative; min-height:70px; padding-left:90px;}
.box_st_ico .ico_boxImg {position:absolute; left:0; top:0;}
[class^="box_st"].box_ico {padding-left:10rem}
[class^="box_st"].box_ico:after {content:''; position:absolute; left:1.55rem; bottom:1.55rem; width:6.9rem; height:1px; /*border-top:2px dotted #c1c1c1;*/}
[class^="box_st"].box_ico .inner { min-height:5rem;}
[class^="box_st"].box_ico .ico {position:absolute; left:-8rem; top:-1.5rem; display:block; width:6rem; height:6rem; }
[class^="box_st"].box_ico .ico img { position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); transform:translate(-50%, -50%); }
.box_st_img { padding:0.15rem; background:url('/resource/images/con_com/box_st4_bg.png') repeat; text-align:center; }
.box_st_img .inner {padding:1.25rem; background:#fff;}
.box_st_img img { max-width:100%; }

.box_ntt { padding:0.15rem; text-align:center; }
.box_ntt .inner {padding:1.25rem; background:#fff;}
.box_ntt img { max-width:100%; }

/* div : 수평 정렬 */
.div_flex {display:flex; justify-content:space-between; flex-wrap:wrap; align-items: stretch;}
.div_flex.aib {align-items: baseline;} /* 수직 상단 정렬*/
.div_flex.aic {align-items: center;} /* 수직 가운데 정렬 */
.div_w50 {width:49%;}
.div_w33 {width:32%;}
.div_w25 {width:23.5%;}

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

/* 기본 박스 : 검색 */
[class^="box_st"] .search_wrap { overflow:hidden; }
[class^="box_st"] .search_wrap  input { float:left; width:calc(100% - 110px); height:45px; padding: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; }

/* 박스 : 자막 */
.subtitle {width:100%;  border:1px solid #ddd; border-radius:.5rem; padding:1rem}
.subtitle > div {height:148px; overflow-y: scroll; text-align:left; font-size:15px;}

/* 탭 :공통 */
div[class^="tab_st"] { position:relative; font-weight:600; margin-bottom:1.5rem; }
div[class^="tab_st"] > .select { display:none; }
div[class^="tab_st"] a { position:relative; display:block; line-height:1.25rem; }
div[class^="tab_st"] a[target='_blank'].down:after{content:"\eb7c"; }
div[class^="tab_st"] a,
div[class^="tab_st"] ::before { -webkit-transition:all 0.3s ease; transition:all 0.3s ease; }
div[class^="tab_st"] li a[target="_blank"]:before {content:"\e980"; font-size:0.9rem;}

/* 탭 :1차 탭 */
.tab_st1 ul { display:flex; width:calc(100% + 0.5rem); margin-left:-0.25rem; overflow:hidden; align-items: center; flex-wrap:wrap;}
.tab_st1 li { width:calc(25% - 0.5rem); margin:0.25rem 0.25rem; }
.tab_st1 li a,
.tab_st1 > .select { display:flex; align-items: center; height:3rem; padding:0 2rem 0 0.75rem; color:#333; background:#fff; border:2px solid #dedede; border-radius:0.5rem;}
.tab_st1 li a:before,
.tab_st1 > .select:before{content:"\e91b"; position:absolute; right:0.75rem; top:0.85rem; width:1.1rem; height:1.1rem; line-height:1.1rem; text-align:center; font-family: 'xeicon'; font-size:0.9rem; color:#999; background:#eee; border-radius:50%; font-weight:400;}
.tab_st1 li.on a,
.tab_st1 > .select { background:#0a3659; border-color:#0a3659; color:#fff; box-shadow:0 0 7px rgba(35,57,88,0.53);}
.tab_st1 li.on a:before,
.tab_st1 > .select:before { content:'\e936'; background:#fff; color:#0b3659;}
.tab_st1 li:not(.on) a:focus,
.tab_st1 li:not(.on) a:hover{border-color:#0a3659; color:#0a3659;}
.tab_st1 li a[target='_blank']:after { font-size:0.7rem; }

/* 탭 :2차 탭 */
.tab_st2 ul { display:flex; width:100%; overflow:hidden; align-items: end; border-radius:0.5rem 0.5rem 0 0; background:#f9f9f9; flex-wrap:wrap;}
.tab_st2 li { position:relative; width:25%; }
.tab_st2 li ~ li:before {content:''; width:1px; height:100%; background:#dfecf4; position:absolute; top:calc(50% - 0.5rem); left:0; top:0; z-index:1;}
.tab_st2 li a,
.tab_st2 > .select { padding:0.6rem 1rem 0.6rem 0.75rem; color:#333; border-radius:0.5rem 0.5rem 0 0; }
.tab_st2 li a:before,
.tab_st2 > .select:before{content:"\e944"; position:absolute; right:0.75rem; top:0.65rem; font-family: 'xeicon'; font-size:0.8rem; font-weight:400;}
.tab_st2 li.on a,
.tab_st2 > .select { background:#1f69be; color:#fff;}
.tab_st2 li.on a:before,
.tab_st2 > .select:before{content:"\e941";}
.tab_st2 li:not(.on) a:hover,
.tab_st2 li:not(.on) a:focus { color:#1f69be; }
.tab_st2 li a[target='_blank']:after { font-size:0.8rem; }

/* 탭 :리스트 */
[class^="tab_list"] li a[target="_blank"]:before {content:"\e980"; font-size:0.9rem; position:absolute; top:calc(50% - 0.55rem); right:1rem; font-family:'xeicon'; color:#888; width:1.1rem; height:1.1rem; line-height:1rem; text-align:center; border-radius:50%; background:#f9f9f9; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}

.tab_list { padding:0.5rem 0; overflow:hidden; }
.tab_list li { position:relative; float:left; padding:0 1.75rem; margin-bottom:1rem;}
.tab_list li:before {content:''; position:absolute; right:0; top:calc(50% - 0.325rem); width:1px; height:0.75rem; background:#ccc;}
.tab_list li:last-child:before {display:none;}
.tab_list li a { position:relative; display:block; line-height:1rem; font-size:0.75rem; color:#111; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; }
.tab_list li a[target="_blank"]:before {right:-1.25rem;}
.tab_list li a:hover, .tab_list li a:focus { color:#333; }
.tab_list li.on a,
.tab_list li#current a {font-weight:700;}
.tab_list li.on a:after,
.tab_list li#current a:after {background: #0083df; }

/* 탭 :리스트2 */
.tab_list2 {border-radius:0.7rem; background:#f9f9f9; margin-bottom:1rem; overflow:hidden;}
.tab_list2 ul {margin-bottom:-1px; display:flex; flex-wrap:wrap;}
.tab_list2 li { position:relative; width:25%; border-bottom:1px solid #e3e5e9;}
.tab_list2 li:before {content:''; position:absolute; right:0; top:calc(50% - 0.5rem); width:1px; height:1rem; background:#e3e7ea;}
.tab_list2 li:nth-child(4n):before {display:none;}
.tab_list2.Tab_w30 li:nth-child(3n):before {display:none;}
.tab_list2.Tab_w50 li:nth-child(2n):before {display:none;}
.tab_list2 li a { position:relative; display:block; line-height:2.7rem; font-size:0.75rem; color:#111; padding:0 1rem 0 0.85rem; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; }
.tab_list2 li a:before {content:'\e945'; position:absolute; top:calc(50% - 0.55rem); right:1rem; font-family:'xeicon'; color:#888; width:1.1rem; height:1.1rem; line-height:1rem; text-align:center; border-radius:50%; background:#f9f9f9; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
.tab_list2 li a:after {content:''; position:absolute; bottom:0; left:0; width:0; height:0.15rem; background:#0a3659; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
.tab_list2 li a:hover, .tab_list li a:focus { color:#333; }
.tab_list2 li.on a,
.tab_list2 li#current a {font-weight:700; color:#0a3558;}
.tab_list2 li.on a:before,
.tab_list2 li#current a:before {content:'\e942'; color:#fff; font-weight:400; line-height:1.1rem; background:#09355a;}
.tab_list2 li.on a:after,
.tab_list2 li#current a:after {width:100%;}

/* 탭 :개수 지정 */
div[class^="tab_st"][class*="Tab_w"] ul{flex-wrap: wrap;}
/* div[class^="tab_st"][class*="Tab_w"] ul li{margin:.25rem .5rem;} */
div[class^="tab_st"].Tab_w50 li { width:calc(50% - 1rem); }
div[class^="tab_st"].Tab_w30 li { width:calc(33% - 1rem); }
div[class^="tab_st"].Tab_w20 li { width:calc(20% - 1rem); }
.Tab_w50 li { width:50%; }
.Tab_w30 li { width:33.3%; }
.Tab_w20 li { width:20%; }

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

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

/* 버튼 :기본 */
.btn_bl { color:#fff; background:#426aba; border:2px solid #29429a; }
.btn_gr { color:#fff; background:#6c6d74; border:2px solid #55555c; }
.btn_grL { color:#fff; background:#333; border:2px solid #333; }
.btn_red { color:#fff; background:#d53d48 !important; border:2px solid #c8000e !important; }
.btn_pur { color:#fff; background:#7a48a1; border:2px solid #541586; }
.btn_org { color:#fff; background:#ff7e00; border:2px solid #ff5500; }
.btn_mint { color:#fff; background:#2ba589; border:2px solid #009371; }
.btn_navy {color:#fff; background:#233958; border:2px solid #0c203b;}
.btn_grn {color:#fff; background:#66a938; border:2px solid #4a8d28}
.btn_yel { color:#333; background:#ffb200; border:2px solid #ff9b00; color:#111;}
.btn_pink {color:#fff; background:#ff4495 !important; border:2px solid #ff1769 !important;}
.btn_skybl {color:#fff; background:#a9c9e7; border:2px solid #8db4d8; color:#111;}
.btn_bl:hover, .btn_bl:focus { background:#29429a; color:#fff;}
.btn_gr:hover, .btn_gr:focus { background:#55555c; color:#fff;}
.btn_grL:hover, .btn_grL:focus { background:#fff; color:#333;}
.btn_red:hover, .btn_red:focus { background:#c8000e !important; color:#fff;}
.btn_pur:hover, .btn_pur:focus { background:#541586; color:#fff;}
.btn_org:hover, .btn_org:focus { background:#ff5500; color:#fff;}
.btn_mint:hover, .btn_mint:focus { background:#009371; color:#fff;}
.btn_navy:hover, .btn_navy:focus { background:#0c203b; color:#fff;}
.btn_grn:hover, .btn_grn:focus { background:#4a8d28; color:#fff;}
.btn_pink:hover, .btn_pink:focus { background:#ff1769 !important; color:#fff;}
.btn_yel:hover, .btn_yel:focus { background:#ff9b00;}
.btn_skybl:hover, .btn_skybl:focus { background:#8db4d8; font-weight:600;}
.btn_gr, .btn_grL, .btn_bl, .btn_red, .btn_pur, .btn_org, .btn_mint, .btn_navy, .btn_grn, .btn_yel, .btn_pink, .btn_skybl {
   display:inline-block; margin:3px 1px; padding:0.45rem 1rem; vertical-align:middle; line-height:1rem; font-weight:600; border-radius:0.25rem; -webkit-transition:background-color 0.3s ease; transition:background-color 0.3s ease; }
.btn_gr i, .btn_grL i, .btn_bl i, .btn_red i, .btn_pur i, .btn_org i, .btn_mint i, .btn_navy i, .btn_grn i, .btn_yel i, .btn_pink i, .btn_skybl i {
  font-size:0.8rem; line-height:1rem; padding-left:0.5rem; vertical-align:top; }

/* 버튼 : 작은버튼 */
a[class^="btn_"].mini,
button[class^="btn_"].mini { padding:0.1rem 0.5rem; font-size:13px; font-weight:400; }

/* 버튼 : 아이콘만 */
a[class^="btn_"].ico {font-size:0; padding:0.4rem 0.5rem;}
a[class^="btn_"].ico.mini {font-size:0; padding:0.1rem 0.25rem;}
a[class^="btn_"].ico.mini i {font-size:0.7rem;}
a[class^="btn_"].ico i,
button[class^="btn_"].ico i{padding-left:0; font-weight:600;}

/* 버튼 : 여백 */

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

/* 콘텐츠 준비중 */
.Coming_soon { padding:50px 20px; text-align:center; }
.Coming_soon img {max-width:100%;}
.Coming_soon h3{ font-size:1.5rem; color:#111; margin-top:2.5rem;}
.Coming_soon h3 em {color:#052f60;}
.Coming_soon h3 span {color:#535eb6;}
.Coming_soon p { position:relative; margin-top:0.5rem; font-size:0.85rem; color:#111;}

/* 이미지+텍스트_20230609 추가 */
.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:600; 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%;}

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

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

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

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

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

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

/* input select px */
.InpSel_50{ width:50px !important; }
.InpSel_80{ width:80px !important; }
.InpSel_100{ width:100px !important; }
.InpSel_150{ width:150px !important; }
.InpSel_200{ width:200px !important; }
.InpSel_250{ width:250px !important; }
.InpSel_300{ width:300px !important; }
.InpSel_350{ width:350px !important; }
.InpSel_400{ width:400px !important; }
.InpSel_450{ width:450px !important; }
.InpSel_500{ width:500px !important; }

/* input select  % */
.InpSel_w10{ width:10% !important; }
.InpSel_w20{ width:20% !important; }
.InpSel_w30{ width:30% !important; }
.InpSel_w40{ width:40% !important; }
.InpSel_w50{ width:50% !important; }
.InpSel_w60{ width:60% !important; }
.InpSel_w70{ width:70% !important; }
.InpSel_w80{ width:80% !important; }
.InpSel_w90{ width:90% !important; }
.InpSel_w100{ width:100% !important; }

/* 패딩 */
.pd0{ padding:0 !important; }
.pd5{ padding:5px !important; }
.pd10{ padding:10px !important; }
.pd15{ padding:15px !important; }
.pd20{ padding:20px !important; }
.pd30{ padding:30px !important; }
.pdt0{ padding-top:0px !important; }
.pdt5{ padding-top:5px !important; }
.pdt10{ padding-top:10px !important; }
.pdt15{ padding-top:15px !important; }
.pdt20{ padding-top:20px !important; }
.pdt30{ padding-top:30px !important; }
.pdt40{ padding-top:40px !important; }
.pdr5{ padding-right:5px !important; }
.pdr10{ padding-right:10px !important; }
.pdr15{ padding-right:15px !important; }
.pdr20{ padding-right:20px !important; }
.pdr30{ padding-right:30px !important; }
.pdb0{ padding-bottom:0px !important; }
.pdb5{ padding-bottom:5px !important; }
.pdb10{ padding-bottom:10px !important; }
.pdb15{ padding-bottom:15px !important; }
.pdb20{ padding-bottom:20px !important; }
.pdb30{ padding-bottom:30px !important; }
.pdl5{ padding-left:5px !important; }
.pdl10{ padding-left:10px !important; }
.pdl15{ padding-left:15px !important; }
.pdl20{ padding-left:20px !important; }
.pdl30{ padding-left:30px !important; }

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

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

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

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

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


/* .popClick a {float:left;}
.popClick a+a {float:right;} */
.ui-dialog{position : fixed;}

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

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

  /* 탭 :공통 */
  .reactTab[class^="tab_st"] > .select{display:flex;}
  .reactTab[class^="tab_st"] ul { display:none; text-align:left; margin-bottom:0; }
  .reactTab[class^="tab_st"] li { display:block; width:100% !important; margin:0 !important; }
  .reactTab[class^="tab_st"] li a:before{display:none;}
  .reactTab[class^="tab_st"] li a[target="_blank"]:before {content:"\e980"; display:block; font-size:0.9rem;}

  /* 탭 :1차 탭 */
  .tab_st1 ul{width:100%; margin:0; border:1px solid #ddd; border-top:0; overflow:hidden; border-radius: 0 0 0.5rem 0.5rem;}
  .tab_st1 li{margin:0;}
  .tab_st1 li + li{border-top:1px solid #ddd;}
  .tab_st1 li a{border-radius:0; border:0;}
  .tab_st1 li.on a{background:#f0f7fc; color:#1f69be;}

  /* 탭 :2차 탭 */
  .tab_st2 > .select{border-width: 2px;}
  .tab_st2 ul{width:100%; margin:0; border:1px solid #ddd; border-top:0; overflow:hidden; border-radius: 0 0 0.5rem 0.5rem;}
  .tab_st2 li{margin:0;}
  .tab_st2 li + li{border-top:1px solid #ddd;}
  .tab_st2 li a{border-radius:0; border:0;}
  .tab_st2 li.on a{background:#f0f7fc; color:#1f69be;}

  /* 탭 :개수 지정 */
  .Tab_w20 > li { width:25%; }
  /* 리스트 :가로 나열 */
  .li_w20 > li { width:25%; }

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

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

  	/* b-popup 반응형 관련 강제 제어 */
  	.Pstyle{ left:5% !important; width:90% !important;}

	/* 모바일 100% */
	.mW100{ width:100% !important;}

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

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

  /* 탭 :리스트2 */
	.tab_list2 li { width:33.3%;}
	.tab_list2 li:nth-child(4n):before {display:block;}
	.tab_list2 li:nth-child(3n):before {display:none;}

  /* 탭 :개수 지정 */
  .Tab_w20 > li { width:33%; }

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

    /* 박스 : 가로 나열 */
	.div_w25 {width:32%;}

	/* 절차도 */
	/* 왼쪽 화살표 */
	.f_left {width:calc(100% + 1rem); margin:0 -0.5rem;}
	.f_left li {padding:0 0.5rem;}
	.f_left > li:after {right:-0.75rem;}

	[class^="box_st"] .inner { padding:1rem 1.5rem;}
	.box_st3 {padding:1rem 1.5rem;}
	.box_st4 {padding:1rem 1.5rem;}
}

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

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

@media screen and (max-width:860px){
  /* 탭 :리스트 */
  .tab_list li { width:50%; }

  /* 탭 :리스트2 */
	.tab_list2 li { width:50%;}
	.tab_list2 li:nth-child(3n):before {display:block;}
	.tab_list2 li:nth-child(2n):before {display:none;}
	.tab_list2.Tab_w30 li:nth-child(3n):before {display:block;}
	.tab_list2.Tab_w30 li:nth-child(2n):before {display:none;}

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

  /* 리스트 :가로 나열 */
  .li_w30 > li { width:48%; }
  .li_w25 > li { width:47%; }
  .li_w20 > li { width:45%; }

  	/* 박스 : 가로 나열 */
	.div_w33 {width:49%;}
	.div_w25 {width:49%;}

  /* 탭 :1차 탭 */
  .tab_st1 > li { width:100%; }
  .tab_st1 > li a { padding:.75rem 1rem .75rem .5rem; }

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

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

  /* 타이틀(텍스트 타입) */
  .tit1{margin-top:1.5rem !important; margin-bottom:1rem;}
  .tit1::before {margin-bottom:1rem;}
  .tit1_nonLine{margin-top:1.5rem !important; margin-bottom:1rem;}

	/* 이미지+텍스트_20230609 추가 */
	.ImgTxt_style2.w25 li {width:31.3%;}

	/* 타이틀 : 수평정렬 */
  .tit_horizontal {flex-direction: column; margin-bottom:.5rem;}
  .tit_horizontal h4 {width:100% !important; border-top:2px solid #e8ebf0; border-bottom:1px solid #e8ebf0; background: none; text-align:left; padding:.75rem 0;}
  .tit_horizontal h4 .img {display:none;}
  .tit_horizontal > div {padding-left:0 !important; width:100%;}
  .tit_horizontal .cont_list > div.cont {padding-left:0;  flex-direction: column;}
  .tit_horizontal .cont_list > div.cont h5 {width:100%; margin-bottom:.5rem;}

  /* 타이틀 : 수평정렬 (오시는길) */
  .wayWrap .tit_horizontal h4 {padding:.75rem 0}

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

	/* 절차도2 */
	.fchart_wrap2 > li {width:50%;}
	.fchart_wrap2 > li:nth-child(n+3) {margin-top:1rem;}
}

@media screen and (max-width:640px){
  /* 탭 */
  .tab_list { margin:0; }
  .tab_list li { width:100%; }
  .tab_list li a { padding: .3rem 0 .3rem 1.25rem; }

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

}

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

	[class^="box_st"] .inner { padding:0.75rem 1rem; }
	.box_st3 {padding:0.75rem 1rem;}
	.box_st4 {padding:0.75rem 1rem;}

	/* 박스 : 이미지박스 */
	.box_st1 {padding:1rem 1.25rem;}
	[class^="box_st"].box_ico {padding-left:1.25rem;}
	[class^="box_st"].box_ico:after {display:none;}
	[class^="box_st"].box_ico .ico{ display:none;}
	[class^="box_st"].box_ico .inner{ min-height:0px;}

	/* 이미지+텍스트_20230609 추가 */
	.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 screen and (max-width:480px){

	/* 탭 :리스트2 */
	.tab_list2 li { width:100%;}
	.tab_list2 li:before {display:none;}
	.tab_list2 li:nth-child(3n):before {display:none;}
	.tab_list2.Tab_w30 li:before {display:none;}
	.tab_list2.Tab_w30 li:nth-child(3n):before {display:none;}
	.tab_list2.Tab_w50 li:before {display:none;}
	.tab_list2.Tab_w50 li {width:100%;}

  /* 탭 :개수 지정 */
  .Tab_w50 li { width:100%; }
  .Tab_w30 li { width:100%; }
  .Tab_w20 li { width:100%; }
  /* 리스트 :가로 나열 */
  .li_w50 > li { width:100%; }
  .li_w30 > li { width:100%; }
  .li_w25 > li { width:100%; }
  .li_w20 > li { width:100%; }

  /* 박스 : 가로 나열 */
  .div_w50 {width:100%;}
  .div_w33 {width:100%;}
  .div_w25 {width:100%;}

  /* 절차도2 */
  .fchart_wrap2 > li {width:100%;}
  .fchart_wrap2 > li:nth-child(n+2) {margin-top:1.25rem;}
  .fchart_wrap2 > li:after {content:'\e905'; right:auto; top:auto; bottom:-1.35rem; left:calc(50% - 0.75rem);}
  .fchart_wrap2 li .f_list {height:auto; padding-bottom:0.5rem;}
}

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

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