@charset "UTF-8";

/* pdf 뷰어 */
.pdfBox { padding:10px; border:1px solid #e0e0e0; background:#f6f6f6; }
.pdfBox .pdf_inner {position:relative; padding:20px; background:#fff;}
.pdfBox .pdf_inner .pdf_view {position:relative; height:80px;}
.pdfBox .pdf_inner .pdf_view object {width:100%; height:100%;}
.pdfBox .pdf_inner .pdf_view object embed {width:100%; height:100%;}

/* Guide Layout */
.Guide_con h3.Guid_tit {position:relative; padding-top:8px; font-size:24px; color:#111; font-weight:500;}
.Guide_con h3.Guid_tit:before {content:""; display:block; position:absolute; top:0; left:0; width:60px; 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 20px; 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:40px; }
.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:40px 0 20px; padding:0 20px 20px; color:#000; text-align:center; border-bottom:2px dotted #999; background:#fff;}
.Guide_titBox h3 {position:relative; padding-bottom:10px; margin-bottom:10px; font-size:24px; font-weight:600;}
.Guide_titBox h3:before {content:""; display:block; position:absolute; bottom:0; left:50%; width:60px; height:2px; margin-left:-30px; border-radius:1px; background:#000;}
.Guide_titBox p {margin-top:5px; font-size:16px; font-weight:200;}
.Guide_titBox2 {position: relative; margin: 30px 0 20px; 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: 15px; line-height: 1.4; padding: 3px 20px; line-height: 20px; color: #fff; background: #333;}
.Guide_titBox2 div {padding: 10px 0 0; line-height: 18px;}

/* common form */
label { vertical-align:middle; font-size:16px; margin-right:10px; }
label input { margin-right:5px; 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:100px; }
input.mx-w10{ width:100%; max-width:200px; }
input.mx-w20{ width:100%; max-width:400px; }
input.mx-w30{ width:100%; max-width:600px; }
input.mx-w40{ width:100%; max-width:80px; }

/* 타이틀 */
h3[class^='tit'],
h4[class^='tit'],
h5[class^='tit'] { margin-bottom: 20px;}
h3[class^='tit'].titDsc,
h4[class^='tit'].titDsc,
h5[class^='tit'].titDsc {display: flex; flex-wrap: wrap; align-items: center;}
h3[class^='tit'].titDsc span,
h4[class^='tit'].titDsc span,
h5[class^='tit'].titDsc span {display: block; margin-right: 20px;}
h3[class^='tit'].titDsc p,
h4[class^='tit'].titDsc p,
h5[class^='tit'].titDsc p {font-size: 15px; color: #848282; font-weight: 400; position: relative;}
h3[class^='tit'] {margin-top: 60px;}
div + h3[class^='tit'],
p + h3[class^='tit'] {margin-top: 50px !important;}
h4[class^='tit'] {margin-top: 50px;}
h5[class^='tit'] {margin-top: 40px;}
[class^='tit'] + [class^="box_st"] {margin-top: 10px;}
[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;}
h3[class^='tit'][class*='1'] + h4[class^='tit'][class*='2'],
h4[class^='tit'][class*='2'] + h5[class^='tit'][class*='3'],
h5[class^='tit'][class*='3'] + h6[class^='tit'][class*='4'] {margin-top: 10px;}
*:not(h3) + h4[class^='tit'] {margin-top: 50px !important;}
*:not(h4) + h5[class^='tit'] {margin-top: 20px !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; color: #1E1E1E; margin-top: 40px; position: relative; padding-left: 36px; font-weight: 600;}
.tit1::before{content: ""; position: absolute; left: 0; top: 4px; background: url(/images/org/web/didabom/con_com/tit1_icon.png) no-repeat center / contain; width: 26px; height: 26px;}
.tit2 { font-size: 1.2rem; color: #026143; margin-top: 24px; font-weight: 600;}
.tit3 {display: flex; font-size: 0.9rem; color: #1E1E1E; margin-top: 20px; font-weight: 600;}
.tit3::before {content:'\EB80'; font-family: 'remixicon'; margin-right: 5px; color: #023D3C; font-size: 1.1rem; font-weight: 400;}

/* 들여쓰기 */
.indent {padding-left: 20px;}

/* 블릿 타입, 리스트 : 불릿 타입 */
[class^='bu_st'],
[class^='list_st'] > li {position: relative;}
.bu_st1,
.list_st1 > li {padding-left: 14px; font-size: 20px; color: #333; line-height: 24px;}
.bu_st2,
.list_st2 > li {padding-left: 16px; font-size: 20px; color: #333; line-height: 24px;}
.bu_st3,
.list_st3 > li {padding-left: 19px; font-size: 19px; color: #454545; line-height: 23px;}
.bu_st1:before,
.list_st1 > li:before {content: ''; width: 6px; height: 6px; border-radius: 50%; background: #333; position: absolute; left: 0; top: 9px;}
.bu_st2:before,
.list_st2 > li:before {content: ''; width: 8px; height: 2px; background: #333; position: absolute; left: 0; top: 11px;}
.bu_st3:before,
.list_st3 > li:before {content: ''; width: 6px; height: 6px; border-radius: 50%; background: #026143; position: absolute; left: 1px; top: 9px;}
.bu_st3:after,
.list_st3 > li:after {content: ''; width: 6px; height: 6px; border-radius: 50%; background: rgba(3, 112, 110, 0.5); position: absolute; left: 5px; top: 9px;}
.bu_st2 {margin-left: 12px;}
.bu_st3 {margin-left: 25px;}

/* 리스트 : 불릿 타입 */
* ~ [class^='list_st'],
li [class^='list_st'] {margin-top: 5px;}
[class^='list_st'] > li + li {margin-top: 12px;}
li.bu_none:before {display: none;}

/* 리스트 : 텍스트 타입 */
.list_stT1 > li {color: #444;}
ul .list_stT1 {padding-left: 20px;}
[class^='list_stT'] > li ul,
[class^='list_stT'] > li ol {margin: 5px 0 0 10px;}
.list_stT1 > li ul li,
.list_stT1 > li ol li {font-size: 15px; color: #555;}

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

/* 리스트 : 순차적 리스트 타입 */
* ~ [class^='list_ol'],
li > [class^='list_ol'] {margin-top: 5px;}
[class^='list_ol'] > li + li {margin-top: 13px;}
.list_ol1 > li {padding-left: 37px; font-size: 19px; color: #333; position: relative; line-height: 27px;}
.list_ol1 > li > span.num {display: flex; justify-content: center; align-items: center; width: 27px; height: 27px; background: #026143; font-size: 14px; color: #fff; font-weight: 600; position: absolute; left: 0; top: 0; font-weight: 600;}
.list_ol1 > li.bu_none {padding-left: 0;}
.list_ol2 > li {padding-left: 38px; font-size: 18px; color: #333; position: relative; margin-left: 37px; line-height: 27px;}
.list_ol2 > li > span.num {display: flex; justify-content: center; align-items: center; width: 27px; height: 27px; border: 1px solid #D9D9D9; font-size: 14px; color: #333; font-weight: 600; position: absolute; left: 0; top: 0; background-color: #fff;}
.list_ol2 > li.bu_none {padding-left: 0;}

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

/* 텍스트 요소 : 주의&경고&말풍선 타입 */
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:20px; }
.bu_atte {padding-left: 20px; font-size: 18px; color: #222425; margin-top: 5px; position: relative; font-weight: 500; background: none;}
.bu_atte:before {content: "\203b"; position: absolute; left: 0; top: -5px; font-size: 24px; font-weight: 400;}
.bu_wnrn {padding-left: 22px; font-size: 18px; color: #EB003B; margin-top: 5px; position: relative;}
.bu_wnrn:before {content: "\EE58"; font-family: 'remixicon'; font-size: 20px; position: absolute; left: 0; top: 0;}
.bu_wnrn2 {padding-left: 22px; font-size: 18px; color: #2768FF; font-weight: 500; margin-top: 5px; position: relative;}
.bu_wnrn2:before {content: "\EE58"; font-family: 'remixicon'; font-size: 20px; position: absolute; left: 0; top: 0; font-weight: 400;}
.bu_ment {padding-left: 20px; color: #222425; margin-top: 5px; position: relative;}
.bu_ment:before {content: "\ea1c"; font-family: 'xeicon'; color: #454545; position: absolute; left: 0; top: 0;}

/* 텍스트 요소 : 폰트컬러 타입 */
.pc_gray {color: #333 !important;}
.pc_black {color: #000 !important;}
.pc_blue {color: #1b54a3 !important;}
.pc_skyblue {color: #004fba !important;}
.pc_red {color: #c84040 !important;}
.pc_pink {color: #EB003B !important;}
.pc_navy {color: #003d81 !important;}
.pc_org {color: #F36D01 !important;}
.pc_green {color: #116551 !important;}
.pc_pur {color: #6e39ce !important;}

/* 텍스트 요소 : 텍스트 배경색 */
.bg_red,
.bg_gray,
.bg_blue,
.bg_navy,
.bg_org,
.bg_black,
.bg_green,
.bg_pur {display: inline-block; padding: 1px 10px !important; color: #fff !important;}
.bg_gray {background: #333 !important;}
.bg_black {background: #000 !important;}
.bg_blue {background: #307FE2 !important;}
.bg_red {background: #EB003B !important;}
.bg_navy {background: #003d81 !important;}
.bg_org {background: #F36D01 !important;}
.bg_green {background: #116551 !important;}
.bg_pur {background: #6e39ce !important;}

/* 텍스트 요소 : 강조 타입 */
.Tline_b {text-decoration: underline !important;}
.Tline_bgB {background: url("../images/con_com/bg_Tline_bgB.png") left bottom repeat-x; padding: 0 5px;}
.f_weightB {font-weight: 600;}
.font_Si {font-style: italic !important;}
.font_Fr {font-weight: 400 !important;}
.font_Fm {font-weight: 600 !important;}
.font_Fb {font-weight: 700 !important;}

/* 텍스트 요소 : 폰트 크기 */
.fs12 {font-size: 12px !important;}
.fs13 {font-size: 13px !important;}
.fs14 {font-size: 14px !important;}
.fs16 {font-size: 16px !important;}
.fs18 {font-size: 18px !important;}
.fs20 {font-size: 20px !important;}
.fs22 {font-size: 22px !important;}
.fs24 {font-size: 24px !important;}
.fs26 {font-size: 26px !important;}

/* 텍스트 요소 : 링크 타입 */
a.bu_link,
a.bu_mail,
a.bu_down,
a.bu_tel {display: inline-flex; align-items: center; font-size: 18px; color: #026143; text-decoration: underline; position: relative; word-break: break-all; font-weight: 500;}
/* a.bu_link {color: #1962d1;} */
.txt_p > [class^="bu_"],
[class^="list_st"] > li > [class^="bu_"] {margin: 0 5px;}
a.bu_link:before,
a.bu_mail:before,
a.bu_down:before,
a.bu_tel:before {display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; background: #026143; color: #fff; margin-right: 5px; font-family: 'xeicon'; font-size: 12px;}
a.bu_link:before {content: "\e980";}
a.bu_mail:before {content: "\ea07";}
a.bu_down:before {content: "\eb7c";}
a.bu_tel:before {content: "\e9d3";}

/* 테이블 : 테이블 기본 타입 */
div[class*='tbl_st'] {background: #fff; overflow: hidden; margin-top: 10px; position: relative;}
div[class*='tbl_st']:after {content: ""; display: block; width: 100%; height: 1px; background: #D9D9D9; position: absolute; left: 0; bottom: 0;}
div[class*='tbl_st'] + div[class*='tbl_st'] {margin-top: 20px;}
div[class*='tbl_st'] table {border-top: 2px solid #026143; text-align: center; position: relative; word-break: break-all;}

div[class*='tbl_st'] table th {border-bottom: 1px solid #D9D9D9; padding: 18px 10px; color: #1E1E1E; font-weight: 500; vertical-align: middle;}
div[class*='tbl_st'] table td {border-bottom: 1px solid #D9D9D9; padding: 18px 10px; color: #333; vertical-align: middle;}
div[class*='tbl_st'] table td.al {padding-left: 40px;}
div[class*='tbl_st'] table td ul {text-align: left;}
div[class*='tbl_form'] table th {padding: 15px 20px;}
div[class*='tbl_form'] table td {padding: 10px 22px;}
div[class*='tbl_st'] table thead th {border-bottom: 1px solid #D9D9D9; background: #F0F7F7;}
div[class*='tbl_st'] table tbody th,
div[class*='tbl_st'] table tfoot th,
div[class*='tbl_st'] table tfoot td {background: #F0F7F7; color: #1E1E1E; font-size: 18px !important;}

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

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

/* 테이블 : 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 #D9D9D9;}

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

/* 테이블 - form */
table select,
table input:not([type="checkbox"], [type="radio"]){min-width: 8.3rem; height: 50px; border-radius: 25px; border: 1px solid #D9D9D9; padding: 0 15px; font-size: 16px; color: #666; margin: 0.20px 0;}
table select {background: url(/images/org/web/didabom/con_com/sel_arrow.png) right 15px center no-repeat; padding-right: 2.20px; appearance: none;}

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

/* 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_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:5px; color:#555; font-weight:200; font-size:16px; }

/* 박스 : 기본 */
.box_st1 {background: #D9D9D9; padding: 1px; margin-bottom: 14px; margin-right: 14px; clip-path: polygon(0 0, 100% 0, 100% 0, 100% calc(100% - 90px), calc(100% - 90px) 100%, 90px 100%, 0 100%, 0 90px);}
.box_st1 .inner {min-height: 120px; padding: 50px 70px 60px; background: #F0F0F0;
          clip-path: polygon(0 0, 100% 0, 100% 0, 100% calc(100% - 89px), calc(100% - 89px) 100%, 89px 100%, 0 100%, 0 89px);}
.box_st1 .tit3{font-size: 0.95rem;}
.box_st2 {background: #B2CCCC; padding: 1px; clip-path: polygon(0 0, 100% 0, 100% 0, 100% calc(100% - 90px), calc(100% - 90px) 100%, 90px 100%, 0 100%, 0 90px);}
.box_st2 .inner {background: #F5FAF9; padding: 50px 70px 60px; clip-path: polygon(0 0, 100% 0, 100% 0, 100% calc(100% - 89px), calc(100% - 89px) 100%, 89px 100%, 0 100%, 0 89px);}
.box_st3 {background: #026143; padding: 2px; clip-path: polygon(0 0, 100% 0, 100% 0, 100% calc(100% - 90px), calc(100% - 90px) 100%, 90px 100%, 0 100%, 0 90px);}
.box_st3 .inner {background: #fff; padding: 50px 70px 60px; clip-path: polygon(0 0, 100% 0, 100% 0, 100% calc(100% - 88px), calc(100% - 88px) 100%, 88px 100%, 0 100%, 0 88px);}
.box_st4 {border-radius: 10px; background: #f5f6fa; padding: 20px 30px; position: relative;}

/* 박스 : 아이콘 */
.box_ico  {position: relative; background: #026143; padding: 3px; clip-path: polygon(90px 0, 100% 0, 100% 90px, 100% calc(100% - 90px), calc(100% - 90px) 100%, 90px 100%, 0 100%, 0 90px);}
.box_ico .inner {min-height: 168px; padding: 50px 70px 60px 250px; background: #fff; clip-path: polygon(88px 0, 100% 0, 100% 88px, 100% calc(100% - 88px), calc(100% - 88px) 100%, 88px 100%, 0 100%, 0 88px);}
.box_ico .inner2 {padding-left: 300px;} /* 202602 추가 */
.box_ico .ico {display: flex; justify-content: center; align-items: center; width: 104px; height: 91px; position: absolute; left: 100px; top: 60px; overflow: hidden;}
.box_ico .inner2 .ico {width: 152px; height: 80px;} /* 202602 추가 */
.box_ico .ico img{position: relative; z-index: 1;}
.box_ico .inner2 .ico img{max-width: 100%;} /* 202602 추가 */
.box_ico [class^='tit'] {margin-top: 0 !important;}

/* 박스 : 이미지 */
.box_st_img {padding: 60px; border: 1px solid #D9D9D9; background: #fff; text-align: center;}
* ~ .box_st_img {margin-top: 15px;}
li > .box_st_img {margin-top: 10px;}
.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 10px; 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"] {font-weight: 400; text-align: left; margin-bottom: 50px; position: relative;}
[class^="tab_st"] > .select {display: none;}
[class^="tab_st"] ul {display: flex; flex-wrap: wrap;}
[class^="tab_st"] ul li {width: 25%;}
[class^="tab_st"] ul li a {display: block; height: 100%; padding-right: 0 !important; font-weight: 500; position: relative;}
[class^="tab_st"] ul li a:after {content: "\e936"; font-family: 'xeicon'; color: #999; position: absolute; right: 15px;}
[class^="tab_st"] ul li a[target='_blank']:after {content: "\e980";}
/* 탭 : 공통 : active */
[class^="tab_st"] ul li a,
[class^="tab_st"] ul li a:after {transition: 0.15s;}

/* 탭 : 1차 탭 */
.tab_st1 {position: relative; width: 100%; border: 2px solid #67a08e; border-bottom: none; overflow: hidden;}
.tab_st1::after {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #67a08e;}
.tab_st1 ul{width: calc(100% + 7px); display: flex; align-items: center; margin: 0 -0.5px; background: #fff;}
.tab_st1 ul li:first-child,
.tab_st1 ul li ~ li {border-right: 2px solid #67a08e;}
.tab_st1 ul li{ margin: -0.5px; width: 25%; border-bottom: 2px solid #67a08e;}
.tab_st1 ul li a {display: block; width: 100%; text-align: center; font-size: 24px; color: #333; line-height: 76px; font-weight: 600;}
.tab_st1 ul li a:after {display: none;}
/* 탭 : 1차 탭 : active */
.tab_st1 ul li a:hover,
.tab_st1 ul li a:focus {color: #026143;}
.tab_st1 ul li.on a { background: #026143; color: #fff;}

/* 탭 : 2차 탭 */
.tab_st2 ul{margin: 0 -0.5px; display: flex;}
.tab_st2 ul li{ margin: -0.5px; width: 25%; background: #F5FAF9; border-bottom: 1px solid #D9D9D9;}
.tab_st2 ul li a {position: relative; line-height: 86px; text-align: center; font-size: 22px; font-weight: 600;}
.tab_st2 ul li a:before {content: "\EB80"; font-family: 'remixicon'; font-size: 26px; color: #999; font-weight: 400;}
.tab_st2 ul li a:after {content: ''; right: auto; left: 0; bottom: -1px; width: 100%; height: 3px; background: #026143; opacity: 0;}
/* 탭 : 2차 탭 : active */
.tab_st2 ul li a:hover,
.tab_st2 ul li a:focus {color: #026143;}
.tab_st2 ul li.on a { color: #026143;}
.tab_st2 ul li.on a:before {color: #026143;}
.tab_st2 ul li.on a:after {opacity: 1;}
/* 탭 : 2차 탭 icon */
/* .tab_st2 ul li a::before { content: "";  width: 30px; height: 30px; position: absolute; left: 15px; top: 15px; } */

/* 탭 : 리스트 */
.tab_list ul {position: relative; display: flex; flex-wrap: wrap; width: 100%; max-width: 1360px; margin: 0 auto; background: #fff; border: 2px solid #026143; border-radius: 32px; overflow: hidden;}
.tab_list ul::before {content: ''; position: absolute; top: 0; left: 0; width: 8px; height: 100%; background: #fff; z-index: 1;}
.tab_list ul li {position: relative; width: 25%; padding: 0 6px;}
.tab_list ul li ~ li::before {content: ''; width: 2px; height: 53%; background: rgba(2, 97, 67, 0.4); position: absolute; top: 50%; transform: translateY(-50%); left: 0;}
.tab_list ul li a {display: block; padding: 20px 0; text-align: center; color: #333; font-size: 20px; font-weight: 600; position: relative;}
.tab_list ul li a span {display: inline-flex; align-items: center; gap: 8px;}
/* .tab_list ul li a span:before {content: "\EB80"; font-family: 'remixicon'; font-size: 26px; color: #757675; font-weight: 400; display: none;} */
/* 탭 : 리스트 : active */
.tab_list ul li a:hover,
.tab_list ul li a:focus,
.tab_list ul li.on a {color: #026143;}
/* .tab_list ul li.on a span:before {display: block; color: #026143;} */

/* 탭 : 개수 지정 */
.Tab_w50 li {width: 50% !important;}
[class^="tab_st"].Tab_w50 li:nth-child(n+5) {margin-top: 0 !important;}
[class^="tab_st"].Tab_w50 li:nth-child(n+3) {margin-top: 12px !important;}
.Tab_w30 li {width: calc(100% / 3) !important;}
[class^="tab_st"].Tab_w30 li:nth-child(n+5) {margin-top: 0 !important;}
[class^="tab_st"].Tab_w30 li:nth-child(n+4) {margin-top: 12px !important;}
.Tab_w20 li {width: 20% !important;}
.Tab_w16 li {width: 16.6666% !important;}

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

/* 버튼 : 버튼들 감싸는 레이아웃 */
.btns {margin: 15px -5px 0;}

/* 버튼 : 기본 */
.btns a[class^="btn_"] {min-width: 100px;}
.btns a[class^="btn_"].btn_XL{min-width: 115px;}
.btns a[class^="btn_"].btn_L{min-width: 100px;}
.btns a[class^="btn_"].btn_small{min-width: 80px;}
a[class^="btn_"]:not(.btn_top) {display: inline-block; padding: 14px 17px; line-height: 20px; font-weight: 600; text-align: center; margin: 5px 0.20px; transition: 0.15s;}
a[class^="btn_"].btn_XL:not(.btn_top){font-size: 20px; padding: 24px 17px;}
a[class^="btn_"].btn_L:not(.btn_top){padding: 18px 17px;}
a[class^="btn_"].btn_icn_only {width: 43px; min-width: auto !important; padding: 10px 0 9px !important;}
a[class^="btn_"] i {font-size: 20px; font-weight: 400 !important;}

.btn_bl {border: 2px solid #435cd2; background: #435cd2; color: #fff;}
.btn_bl:hover,
.btn_bl:focus {background: #fff; color: #435cd2;}
.btn_blL {border: 1px solid #03706E; background: #fff; color: #03706E;}
.btn_blL:hover,
.btn_blL:focus {background: #03706E; color: #fff;}
.btn_gr {background: #F0F0F0; border: 2px solid #F0F0F0; color: #1E1E1E;}
.btn_gr:hover,
.btn_gr:focus {background: #666; border-color: #666; color: #fff;}
.btn_grL {border: 1px solid #D9D9D9; background: #fff; color: #1E1E1E;}
.btn_grL:hover,
.btn_grL:focus {background: #D9D9D9;}
.btn_rdL {border: 1px solid #026143; background: #fff; color: #026143;}
.btn_rdL:hover,
.btn_rdL:focus {background: #026143; color: #fff;}

/* 버튼 : 컬러 */
.btn_yel {border: 2px solid #ffe04e; background: #ffe04e; color: #010101;}
.btn_yel:hover,
.btn_yel:focus {background: #fff; color: #010101;} 
.btn_yelL {border: 2px solid #ffe04e; background: #fff; color: #010101;}
.btn_yelL:hover,
.btn_yelL:focus {background: #ffe04e; color: #863a3a;}
.btn_navy {border: 2px solid #1e385b; background: #1e385b; color: #fff;}
.btn_navy:hover,
.btn_navy:focus {background: #fff; color: #1e385b;}
.btn_navyL {border: 2px solid #1e385b; background: #fff; color: #010101;}
.btn_navyL:hover,
.btn_navyL:focus {background: #1e385b; color: #fff;}
.btn_skyBl {border: 2px solid #0189ff; background: #0189ff; color: #fff;}
.btn_skyBl:hover,
.btn_skyBl:focus {background: #fff; color: #0189ff;}
.btn_skyBlL {border: 2px solid #0189ff; background: #fff; color: #010101;}
.btn_skyBlL:hover,
.btn_skyBlL:focus {background: #0189ff; color: #fff;}
.btn_skyBl2 {border: 2px solid #578dcd; background: #578dcd; color: #fff;}
.btn_skyBl2:hover,
.btn_skyBl2:focus {background: #fff; color: #578dcd;}
.btn_skyBl2L {border: 2px solid #578dcd; background: #fff; color: #010101;}
.btn_skyBl2L:hover,
.btn_skyBl2L:focus {background: #578dcd; color: #fff;}
.btn_green {border: 2px solid #116f88; background: #116f88; color: #fff;}
.btn_green:hover,
.btn_green:focus {background: #fff; color: #116f88;}
.btn_greenL {border: 2px solid #116f88; background: #fff; color: #010101;}
.btn_greenL:hover,
.btn_greenL:focus {background: #116f88; color: #fff;}

.btn_grn {border: 2px solid #30bb6a; background: #30bb6a; color: #fff;}
.btn_grn:hover,
.btn_grn:focus {background: #fff; color: #30bb6a;}
.btn_grnL {border: 2px solid #30bb6a; background: #fff; color: #010101;}
.btn_grnL:hover,
.btn_grnL:focus {background: #30bb6a; color: #fff;}

a[class^="btn_"].btnIco{display: inline-flex; align-items: center; justify-content: space-between; gap: 10px;}
a[class^="btn_"].btnIco:hover{}
.btnIco {text-align: left !important;}

a[class^="btn_"].mini {font-size: 16px; padding: 10px 17px;}

/* 버튼 : 응용 */
.btn_file {display: flex; width: 100%; align-items: center; justify-content: start; font-weight: 400 !important; padding: 0 !important; text-align: left !important;}
.btn_file ~ .btn_file {margin-top: 10px;}
.btn_file a {display: inline-flex; align-items: center; justify-content: center;}
.btn_file a.file_view {height: 36px; padding: 0 15px; border: 1px solid #D9D9D9; background: #fff; color: #454545; font-size: 15px; border-radius: 18px;}
.btn_file a.file_down {width: 27px; height: 27px; background: #e5efef; color: #026143; border-radius: 50%;}
.btn_file a.file_down i {font-size: 16px;}
.btn_file span {color: #454545; font-size: 18px; margin: 0 8px 0 10px;}

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

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

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

/* 콘텐츠 준비중 */
.Coming_soon {text-align: center; background: #F9F9F9; border: 1px solid #D9D9D9; padding: 40px 20px 70px; word-break: keep-all;}
.Coming_soon .Coming_deco {max-width: 704px; width: 100%; display: block; margin: 0 auto;}
.Coming_soon .Coming_deco img {width: 100%; height: auto;}
.Coming_soon .Coming_tit{ font-size: 40px; line-height: 120%; font-weight: 700; color: #454545; margin-top: 44px; margin-bottom: 15px;} 
.Coming_soon .Coming_tit em{color: #026143; font-weight: 700;} 
.Coming_soon > p {font-size: 20px; color: #454545; line-height: 150%;}


/* 절차 */
.prcd_ol1 {display: flex; flex-wrap: wrap; text-align: center;}
.prcd_ol1 > li {width: 25%; padding-right: 50px; position: relative;}
.prcd_ol1:not(.prcd_w50, .prcd_w30) > li:nth-child(n+5) {margin-top: 20px;}
.prcd_ol1 > li:after {content: ""; display: block; width: 30px; height: 26px; background: url(/resource/images/common/prcd_arrow.png) center/contain no-repeat; position: absolute; right: 10px; top: calc(50% - 13px);}
.prcd_ol1 > li:last-child:after {display: none;}
.prcd_ol1 > li > .box {height: 100%; border-radius: 30px 30px 20px 20px; border: 2px solid #ddd; padding: 0 20px 20px; position: relative;}
.prcd_ol1 > li > .box > h5 {width: calc(100% + 40px + 4px); border-radius: 20px 20px 0 0; padding: calc(5px + 2px) 20px 5px; font-size: 15px; background: #ddd; color: #000; font-weight: 500; line-height: 1.4; margin: -2px calc(-2px - 20px) 15px;}
.prcd_ol1 > li > .box > p {color: #171717; font-weight: 500; line-height: 1.4;}

/* 절차 : 컬러 타입 */
.prcd_ol1.tp_blue > li > .box {border-color: #1962d1;}
.prcd_ol1.tp_green > li > .box {border-color: #03ad5f;}
.prcd_ol1.tp_blue > li > .box > h5 {background: #1962d1; color: #fff;}
.prcd_ol1.tp_green > li > .box > h5 {background: #37bd7f; color: #fff;}

/* 절차 : 너비 타입 */
.prcd_ol1.prcd_w50 > li {width: 50%;}
.prcd_ol1.prcd_w50 > li:nth-child(n+3) {margin-top: 20px;}
.prcd_ol1.prcd_w30 > li {width: calc(100% / 3);}
.prcd_ol1.prcd_w30 > li:nth-child(n+4) {margin-top: 20px;}

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

.ImgTxt_style2 {display:flex; flex-wrap:wrap; margin:-1%;}
.ImgTxt_style2 li {width:31.3%; margin:1%;}
.ImgTxt_style2 .img {width:100%; height:200px; 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: 10px; color:#222; font-weight:500; font-size:0.9rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ImgTxt_style2 .txt {padding: 5px 0 10px; font-size:15px;}
.ImgTxt_style2.w50 li {width:48%;}
.ImgTxt_style2.w25 li {width:23%;}

.ImgTxt_style3 .img {max-width: 350px; float:left; margin: 0 40px 40px 0; }
.ImgTxt_style3 .img img {width:100%;}

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

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

/* 사이트맵 */
.cont_sitemap .cont_sitemap_row{margin-top:20px; margin-left:-15px; margin-right:-15px; }
.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 15px; }
.cont_sitemap .cont_sitemap_col:nth-child(4n) {clear:both;} /* 1215 추가 */
.cont_sitemap .cont_sitemap_col2{width:calc(50% - 30px)}
.cont_sitemap .cont_sitemap_col2 > div{float:left; width:calc(50% - 30px)}
.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:15px 5px; }
.cont_sitemap h4 a{font-size:18px; 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:15px; color:#333; font-size:15px; font-weight:600; background:#fff;}/* 1215 수정 */
/* .cont_sitemap_col ul > li > a{position:relative;display:block; padding:15px; color:#333; font-size:15px; font-weight:600; } */
.cont_sitemap_col ul > li > p {position:relative;margin-left:20px;padding: 3px 0 3px 10px;color: #333;font-size: 14px;} /* 1215 추가 */
.cont_sitemap_col ul > li > p:first-of-type {margin-top:15px; } /* 1215 추가 */
.cont_sitemap_col ul > li > p:last-of-type {padding-bottom:15px;} /* 1215 추가 */
.cont_sitemap_col ul > li > p > a{position:relative;display:block;}
.cont_sitemap_col ul > li > p > a:before{position:absolute;top: 9px;left: -10px;width:4px;height:4px;background:#333;border-radius:50%;content:"";}
.cont_sitemap_col ul ul{margin:0 0 20px 20px; padding:15px; 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:3px 0 3px 10px; color:#555; font-size:14px; 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.20px}

/* 고객만족도 조사 */
.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 20px; border:1px solid #dfdfdf; background-color:#fff; border-radius: 10px; overflow: hidden; }
.satisfaction .question{position:relative; color:#555; font-size: 16px; padding: 16px 40px;background:#f7f7f7; border-bottom: 1px solid #c5c5c5; }
.satisfaction .satisfaction_list{padding: 38px 40px; overflow:hidden; font-size:14px}
.satisfaction .satisfaction_list label {vertical-align:middle}
.satisfaction_list input[type="text"] {font-size:inherit; font-family:inherit; color:inherit; line-height:40px; height: 40px; padding:1px 5px; border:solid 1px #dedede; vertical-align:middle; margin-right: 6px; }
.satisfaction .satisfaction_list .input_radio{ position: relative; display:block; width:100%; line-height:24px;}
.satisfaction .satisfaction_list .input_radio p { margin-bottom: 18px; color: #111; font-size: 15px; }
.satisfaction .satisfaction_list .input_radio span{display:inline-block; margin-right:2%}
.satisfaction .satisfaction_list label{display:inline-block; margin-right:15px; color:#535252; }
.satisfaction .satisfaction_list a { position:absolute; top:8px; right:0; min-width: 120px; }
.satisfaction .satisfaction_list .opinion{ width:100%; display:flex; margin-top:10px;}
.satisfaction .satisfaction_list .opinion input[type="text"]{flex:1; border-radius:.25rem;}
.satisfaction .satisfaction_list .opinion input[type="button"]{ min-width:5rem; border-radius:.25rem;}



@media (max-width: 1300px) {

    /* 테이블 스크롤 */
    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 { width:100px; min-width:1200px; }
}



@media (max-width: 1200px) {

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

    /* 탭 : 공통 */
    .reactTab[class^="tab_st"] > .select {display: block; font-weight: 500;}
    .reactTab[class^="tab_st"] > .select:after {content: "\e943"; font-family: 'xeicon'; position: absolute; right: 15px;}
    .reactTab[class^="tab_st"] ul {display: none; width: 100%; margin: 0;}
    .reactTab[class^="tab_st"] ul li {display: block; width: 100% !important; margin: 0 !important; padding: 0;}
    .reactTab[class^="tab_st"] ul li:nth-child(n+2) {margin: 0 !important;}
    .reactTab[class^="tab_st"] ul li a {border-radius: 0; min-height: 2.5rem;}
    .reactTab[class^="tab_st"] ul li a:not([target='_blank']):after {display: none;}

    /* 탭 : 1차 탭 */
    .tab_st1 {border: none;}
    .tab_st1::after {display: none;}
    .tab_st1 ul li:first-child,
    .tab_st1 ul li ~ li {border-right: none; border-bottom: none;}
    .tab_st1 > .select {border-radius: 12px 12px 12px 0; border: 1px solid #026143; background: #026143; padding: 15px 20px; padding-right: 45px; color: #fff; font-weight: 500;}
    .tab_st1 > .select:after {top: 16px;}
    .tab_st1 ul {border-radius: 0 12px 12px 12px; border: 1px solid #c1cde7; overflow: hidden;}
    .tab_st1 ul li a {border: 0; line-height: 2.5rem; font-size: 18px;}
    .tab_st1 ul li + li a {border-top: 1px solid #e0e6f3;}
    /* 탭 : 1차 탭 : active */
    .tab_st1 ul li.on a {box-shadow: none; background: none; color: #026143;}

    /* 탭 : 2차 탭 */
    .tab_st2 > .select {border-radius: 10px; border: 1px solid #026143; padding: 9px 20px; color: #026143;}
    .tab_st2 > .select:after {top: 10px;}
    .tab_st2 ul {border-radius: 10px; border: 1px solid #dedede; margin-top: -1px; overflow: hidden;}
    .tab_st2 ul li a {border: 0; font-size: 17px; height: 2.5rem;}
    .tab_st2 ul li a:before {display: none;}
    .tab_st2 ul li + li a {border-top: 1px solid #eee;}

    /* 탭 : 리스트 */
    .tab_list ul {border-radius: 20px;}
    .tab_list ul li a  {font-size: 18px; padding: 15px 0;}

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

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



@media (max-width: 1024px) {

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

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

    /* 블릿 타입, 리스트 : 불릿 타입 */
    [class^='list_st'] > li + li {margin-top: 10px;}
    .bu_st1,
    .list_st1 > li {font-size: 18px; line-height: 22px;}
    .bu_st2,
    .list_st2 > li {font-size: 16px; line-height: 22px;}
    .bu_st3,
    .list_st3 > li {font-size: 15px; line-height: 21px;}
    .bu_st4:before,
    .list_st4 > li:before {top: 10px;}

    /* 텍스트 요소 : 주의&경고&말풍선 타입 */
    .bu_wnrn:before {top: -0.20px;}

    /* 리스트 : 가로 나열 */
    .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: 5px;}

    /* 테이블 : 테이블 기본 타입 */
	div[class*='tbl_st'] > table {font-size: 17px;}

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

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

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

    /* 절차 */
    .prcd_ol1 > li {width: calc(100% / 3);}
    .prcd_ol1:not(.prcd_w50, .prcd_w30) > li:nth-child(n+4) {margin-top: 20px;}
}



@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: 5px;}

    /* 탭 : 리스트 */
    /* 탭 : 리스트 */
    .tab_list ul {padding: 7px 0;}
    .tab_list ul li {width: 50%;}
    .tab_list ul li a  {font-size: 16px; padding: 10px 0;}

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

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



@media (max-width: 768px) {

    /* 타이틀 */
    h3[class^='tit'], h4[class^='tit'], h5[class^='tit'] {margin-bottom: 15px;}
    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: 5px; position: static; bottom: 0;}
    h5[class^='tit'].titDsc p {font-size: 14px;}
    .tit1 {font-size: 1.2rem; padding-left: 32px;}
    .tit1::before {width: 22px; height: 22px;}
    .tit2 {font-size: 1.05rem;}

    /* 들여쓰기 */
    .indent {padding-left: 15px;}

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

	/* 박스 : 박스 기본 타입 */
    .box_st1,
    .box_st2,
    .box_st3 {clip-path: polygon(0 0, 100% 0, 100% 0, 100% calc(100% - 50px), calc(100% - 50px) 100%, 50px 100%, 0 100%, 0 50px);}
    .box_st1 .inner,
    .box_st2 .inner {min-height: auto; padding: 20px 40px 20px 20px; clip-path: polygon(0 0, 100% 0, 100% 0, 100% calc(100% - 49px), calc(100% - 49px) 100%, 49px 100%, 0 100%, 0 49px);}
    .box_st3 .inner {padding: 20px 40px 20px 20px; clip-path: polygon(0 0, 100% 0, 100% 0, 100% calc(100% - 48px), calc(100% - 48px) 100%, 48px 100%, 0 100%, 0 48px);}
    .box_st4 {padding: 20px;}

	/* 박스 : 아이콘 */
    .box_ico  {clip-path: polygon(50px 0, 100% 0, 100% 50px, 100% calc(100% - 50px), calc(100% - 50px) 100%, 50px 100%, 0 100%, 0 50px);}
    .box_ico .inner {min-height: auto; padding: 20px 40px 20px 150px; clip-path: polygon(48px 0, 100% 0, 100% 48px, 100% calc(100% - 48px), calc(100% - 48px) 100%, 48px 100%, 0 100%, 0 48px);}
    .box_ico .ico {width: 90px !important; height: 90px !important; left: 40px; top: 20px;}
    .box_ico .ico img {transform: scale(0.8);}

	/* 탭 : 공통 */
	[class^="tab_st"] {margin-bottom: 30px;}
    
    /* 탭 : 리스트 */
    .tab_list ul {padding: 4px;}
    .tab_list ul li a:before {top: 10px;}

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

    /* 절차 */
    .prcd_ol1 > li {width: 50%;}
    .prcd_ol1:not(.prcd_w50, .prcd_w30) > li:nth-child(n+3) {margin-top: 15px;}
    .prcd_ol1 > li > .box {padding: 0 15px 15px;}
    .prcd_ol1 > li > .box > h5 {width: calc(100% + 30px + 4px); padding: calc(5px + 2px) 15px 5px; margin: -2px calc(-2px - 15px) 10px;}

    /* 절차 : 너비 타입 */
    .prcd_ol1.prcd_w50 > li {width: 100%;}
    .prcd_ol1.prcd_w50 > li:nth-child(n+2) {margin-top: 15px;}
    .prcd_ol1.prcd_w30 > li {width: 50%;}
    .prcd_ol1.prcd_w30 > li:nth-child(n+3) {margin-top: 15px;}

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

	/* 고객만족도 조사 */
	.satisfaction .question{padding:15px 20px;}
	.satisfaction .satisfaction_list{ padding:20px;}

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

    .box_st_img {padding: 20px;}
}

@media screen and (max-width:580px){
    /* 블릿 타입, 리스트 : 불릿 타입 */
    .bu_st1,
    .list_st1 > li {font-size: 16px;}
    .bu_st2,
    .list_st2 > li {font-size: 16px;}
    .bu_st3,
    .list_st3 > li {font-size: 15px;}
    .bu_st1:before, .list_st1 > li:before {top: 7px;}
    
    /* 박스 : 아이콘 */
    .box_ico  {clip-path: polygon(30px 0, 100% 0, 100% 30px, 100% calc(100% - 30px), calc(100% - 30px) 100%, 30px 100%, 0 100%, 0 30px);}
    .box_ico .inner {padding: 20px; clip-path: polygon(28px 0, 100% 0, 100% 28px, 100% calc(100% - 28px), calc(100% - 28px) 100%, 28px 100%, 0 100%, 0 28px);}
    .box_ico .ico {display: none;}

	/* 이미지+텍스트 */
	.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:10px;}
	.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 20px 0; text-align:center; }
	.ImgTxt_style3 .img img {width:auto; max-width:100%;}
}



@media (max-width: 480px) {

    /* 리스트 : 가로 나열 */
    .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: 5px;}

    /* 박스 : 박스 기본 타입 */
    .box_st1,
    .box_st2,
    .box_st3 {clip-path: polygon(0 0, 100% 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 50px 100%, 0 100%, 0 30px);}
    .box_st1 .inner,
    .box_st2 .inner {min-height: auto; padding: 20px; clip-path: polygon(0 0, 100% 0, 100% 0, 100% calc(100% - 29px), calc(100% - 29px) 100%, 29px 100%, 0 100%, 0 29px);}
    .box_st3 .inner {padding: 20px; clip-path: polygon(0 0, 100% 0, 100% 0, 100% calc(100% - 28px), calc(100% - 28px) 100%, 28px 100%, 0 100%, 0 28px);}

    /* 기본 박스 : 검색 */
    [class^="box_st"] .search_wrap  input { width:100%; float:none; }
    [class^="box_st"] .search_wrap  .btn_style3 { width:100%; float:none; margin:10px 0 0; }
    
    /* 탭 : 리스트 */
	.tab_list ul li {width: 100%;}

    /* 탭 : 개수 지정 */
    .Tab_w50 li,
    .Tab_w30 li,
    .Tab_w20 li {width: 100% !important;}
    .tab_list ul li ~ li::before {display: none !important;}

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

    /* 사이트맵 */
    .cont_sitemap .titT1{ margin:30px 0 10px !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:20px; }
    .cont_sitemap .cont_sitemap_col { width:100%; margin:0; }
}



@media (max-width: 380px) {

    /* 버튼 : 기본 */
    .btns [class^="btn_"]:not(.btn_top):not(.btn_icn_only),
    .btns [class^="insertNttPage"]:not(.btn_top) {width: 100%;} /* 20240108 장주연 추가 */

    /* 절차 */
    .prcd_ol1 > li {width: 100%;}
    .prcd_ol1:not(.prcd_w50, .prcd_w30) > li:nth-child(n+2) {margin-top: 10px;}

    /* 절차 : 너비 타입 */
    .prcd_ol1.prcd_w50 > li:nth-child(n+2) {margin-top: 10px;}
    .prcd_ol1.prcd_w30 > li {width: 100%;}
    .prcd_ol1.prcd_w30 > li:nth-child(n+2) {margin-top: 10px;}

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



@media (max-width: 320px) {
	/* 고객만족도 조사 */
	.satisfaction .satisfaction_list .opinion{ display:block;}
	.satisfaction .satisfaction_list .opinion input[type="text"]{ width:100%; margin-right:0; margin-bottom:5px;}
	.satisfaction .satisfaction_list .opinion input[type="button"]{ width:100%; padding:7px 5px;}
}