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

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

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

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

/* 타이틀(텍스트 타입) */
.tit1 {position: relative; margin-top: 2rem; font-size: 1.2rem; color: #14345e;}
.tit2 {position: relative; margin-top: 1.5rem; padding-top: 0.4rem; font-size: 1.1rem; color: #111; background: url(/images/web/globalsy_chn/con_com/h2_bu_ico.png') no-repeat left top; }
.tit3 {position: relative; margin-top: 1rem; font-size: 0.9rem; color: #025b99;}
[class^="tit"]:not([class^="title_"]) {margin-bottom: 0.4rem;}

/* 블릿 */
.bu_st1,
.bu_st2,
.bu_st3,
.bu_st4,
.list_st1 > li,
.list_st2 > li,
.list_st3 > li,
.list_st4 > li {position: relative; margin-top: 0.25rem; padding-left: 11px; color: #111;}
.bu_st1:before,
.list_st1 > li:before {position: absolute; top: 0.4rem; left: 0; width: 7px; height: 3px; border-radius: 3px; background: #666; content: '';}
.bu_st2:before,
.list_st2 > li:before {position: absolute; top: 0.55rem; left: 0; width: 4px; height: 4px; border-radius: 50%; background: #666; content: '';}
.bu_st3:before,
.list_st3 > li:before {position: absolute; top: 0.7rem; left: 0; width: 5px; height: 1px; background: #666; content: '';}
.bu_st4:before,
.list_st4 > li:before {position: absolute; top: 0.55rem; left: 0; width: 3px; height: 3px; border-radius: 50%; background: #666; content: '';}

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

/* 리스트 : 블릿 타입 */
.list_st1 > li {font-size: 0.85rem; }
.list_st2 > li {font-size: 0.8rem; }
.list_st3 > li {font-size: 0.8rem;}
.list_st4 > li {font-size: 0.8rem;}

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

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

/* 리스트 : 순차적 리스트 타입 */
.list_ol1 > li {position: relative; margin-top: 0.2rem; padding-left: 1.3rem; line-height: 1.2rem; color: #333;}
.list_ol1 > li > span.num {position: absolute; top: 2px; left: 0; width: 1rem; height: 1rem; line-height: 1rem; text-align: center; font-size: 0.65rem; font-weight: 700; color: #fff; background: #1667c3; border-radius: 50%;} 
.list_ol2 > li {position: relative; margin-top: 0.5rem; padding-left: 1.3rem; line-height: 1.2rem; color: #444;}
.list_ol2 > li > span.num {position: absolute; top: 2px; left: 0; width: 1rem; height: 1rem; line-height: 1rem; text-align: center; font-size: 0.65rem; font-weight: 700; color: #fff; background: #707070; border-radius: 50%;} 

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

/* 텍스트 요소 : 폰트컬러 타입 */
.pc_gray {color: #333 !important;}
.pc_black {color: #000 !important;}
.pc_blue {color: #0397fd !important;}
.pc_sky {color: #259bff !important;}
.pc_red {color: #c00426 !important;}
.pc_navy {color: #0b41a0 !important;}
.pc_org {color: #ff620d !important;}
.pc_green {color: #00920a !important;}
.pc_yellow {color: #eb8809 !important;}

/* 텍스트 요소 : 텍스트 배경색 */
.bg_red,
.bg_gray,
.bg_blue,
.bg_sky,
.bg_org,
.bg_black,
.bg_green,
.bg_yellow {display: inline-block; padding: 1px 0.5rem !important; color: #fff !important;}
.bg_gray {background: #333 !important;}
.bg_black {background: #000 !important;}
.bg_blue {background: #0397fd !important;}
.bg_sky {background: #259bff !important;}
.bg_red {background: #c00426 !important;}
.bg_navy {background: #0b41a0 !important;}
.bg_org {background: #ff620d !important;}
.bg_green {background: #00920a !important;}
.bg_yellow {background: #eb8809 !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; text-decoration: underline;} 
.txt_p > [class^="bu_"],

[class^="list_st"] > li > [class^="bu_"] {margin: 0.2rem 0 0 0;}
[class^="list_stT"] > li > [class^="bu_"] {margin: 0.2rem 0 0 0.7rem;}
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 {display: inline-block; padding-right: 0.15rem; font-family: 'xeicon'; font-size: 0.75rem; color: #064e9f;}
a.bu_link {color: #064e9f;}
a.bu_link:after {background: #064e9f;}
a.bu_link:before {content: "\e980";}
a.bu_mail {color: #064e9f;}
a.bu_mail:after {background: #064e9f;}
a.bu_mail:before {content: "\ea07";}
a.bu_down {color: #064e9f;}
a.bu_down:after {background: #064e9f;}
a.bu_down:before {content: "\eb7c";}
a.bu_tel {color: #064e9f;}
a.bu_tel:after {background: #064e9f;}
a.bu_tel:before {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: 0.8rem; color: #333;}
.bu_atte:before {position: absolute; top: 0; left: 0; display: block; content: "※";}
.bu_wnrn {position: relative; margin-top: 0.25rem; padding-left: 1.25rem; } 
.bu_wnrn:before {position: absolute; top: 0; left: 0; display: block; font-size: 1rem; font-family: 'xeicon'; color: #14345e; content: "\e9a6";}
.bu_ment {position: relative; margin-top: 0.25rem; padding-left: 1.25rem;}
.bu_ment:before {position: absolute; top: 0; left: 0; display: block; font-family: 'xeicon'; color: #2c51aa; content: "\ea1c";}

/* 테이블 : 테이블 기본 타입 */
div[class*='tbl_st'] {position: relative; margin-top: 0.25rem; width: 100%; background: #fff; overflow: hidden;}
div[class*='tbl_st'] > table {position: relative; margin-left: -1px; width: 100%; text-align: center; border-top: 2px solid #14345e; -webkit-overflow-scrolling: touch; word-break: keep-all; /* word-break: break-all; 강제 줄바꿈 */ }
div[class*='tbl_st'] > table th {padding: 0.5rem 0.3rem; line-height: 1.4; vertical-align: middle; font-weight: 500; color: #fff; background: #14345e; border-bottom: 1px solid #e1e0e0; border-left: 1px solid #e1e0e0;}
div[class*='tbl_st'] > table td {padding: 0.5rem 0.3rem; line-height: 1.5; vertical-align: middle; color: #333; border-bottom: 1px solid #e1e0e0; border-left: 1px solid #e1e0e0;}
div[class*='tbl_st'] > table tbody tr:last-child th,
div[class*='tbl_st'] > table tbody tr:last-child td {border-bottom: 1px solid #e1e0e0;}
div[class*='tbl_st'] > table thead th {padding: 1rem 0.5rem; background: #14345e; border-bottom: 1px solid #ccc;}
div[class*='tbl_st'] > table tbody th {color: #111; background: #f9f9f9;}
div[class*='tbl_st'] > table tfoot th {color: #111; background: #f9f9f9;}
div[class*='tbl_st'] .list_st2 > li {font-size: 0.8rem;}

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

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

/* 테이블 - form */
table select, table input {padding: 0 0.5rem; height: 1.7rem; line-height: 1.7rem; font-size: 0.8rem; color: #555; border: 1px solid #cfcfcf; border-radius: 0.2rem;}
table a[class^='btn_'] {margin: 0; padding: 0.3rem 0.8rem; font-size: 0.8rem;}
table a[class^='btn_'] i { margin-left: 1rem; }
table a[class^='btn_'].ico i { margin-left: 0; }
table a[class^='btn_'].tbBl { background: #fff; color: #014195;}
table a[class^='btn_'].tbBl:hover,
table a[class^='btn_'].tbBl:focus { background: #014195; color: #fff; }
table .list_st3 > li, 
table .list_st4 > li {color: #333;}

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

/* 유틸 */
/* 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: #e5eef6 !important;}/* 블루 */
.tbl_bg_ye,
.tbl_bg_ye th {color: #111; background-color: #fff4e6 !important;}/* 옐로우 */
.tbl_bg_re,
.tbl_bg_re th {color: #111; background-color: #ffe1e1 !important;}/* 레드 */
.tbl_bg_gr,
.tbl_bg_gr th {color: #111; background-color: #eefff7 !important;}/* 그린 */
.tbl_bg_org,
.tbl_bg_org th {color: #111; background-color: #ffe0d2 !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: 0.25rem; font-size: 0.75rem; font-weight: 400; color: #333;}

/* 박스 : 박스 기본 타입 */
[class^="box_st"] {position: relative; margin-top: 0.5rem; z-index: 0;} 
.box_tit {font-size: 1rem; font-weight: 700; color: #111; margin-bottom: 0.7rem;}
.box_st1 {border: 4px solid #eee; border-radius: 0.9rem; padding: 1.3rem 1.8rem;} 
.box_st2 {position:relative; padding:15px 25px; border:1px solid #bfbfbf; background:#fbfbfb;}
.box_st3 {padding:5px; background:url("/images/con_com/pt_diagonalG.png") repeat;}
.box_st3 .inner {position:relative; padding:15px 25px; background:#fff;}
.box_st4 {position:relative; padding:15px 25px; border-top:2px solid #000; border-bottom:1px solid #000;}
.box_st5 {position:relative; padding:15px 25px; border:2px solid #dfe6ee; background:#fff;}
.box_st5:before {content:''; position:absolute; top:-2px; left:-2px; width:50px; height:50px; border-top:4px solid #1271b9; border-left:4px solid #1271b9;}
.box_st5:after {content:''; position:absolute; bottom:-2px; right:-2px; width:50px; height:50px; border-bottom:4px solid #2a384a; border-right:4px solid #2a384a;}
.box_st_ico {position:relative; min-height:70px; padding-left:90px;}
.box_st_ico .ico_boxImg {position:absolute; left:0; top:0;}

/* 버튼 :기본 */
.btn_gr, .btn_grL, .btn_bl, .btn_blL {display:inline-block; margin:1px; line-height:22px; font-size:17px; font-family:"NotoM"; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.btn_gr {padding:10px 15px; color:#fff; background:#515151;}
.btn_gr:hover, .btn_gr:focus {background:#424141;}
.btn_grL {padding:9px 14px; color:#515151; border:1px solid #515151;}
.btn_grL:hover, .btn_grL:focus {color:#424141; border:1px solid #424141;}
.btn_bl {padding:10px 15px; color:#fff; background:#155eb6;}
.btn_bl:hover, .btn_bl:focus {background:#0f4e99;}
.btn_blL {padding:9px 14px; color:#155eb6; border:1px solid #155eb6;}
.btn_blL:hover, .btn_blL:focus {color:#0f4e99; border:1px solid #0f4e99;}
/* 버튼 :작은사이즈 */
.btn_gr.mini, .btn_grL.mini, .btn_bl.mini, .btn_blL.mini {display:inline-block; margin:1px; line-height:18px; font-size:14px; font-family:"NotoR"; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.btn_gr.mini {padding:5px 10px; color:#fff; background:#515151;}
.btn_grL.mini {padding:4px 9px; color:#515151; border:1px solid #515151;}
.btn_bl.mini {padding:5px 10px; color:#fff; background:#155eb6;}
.btn_blL.mini {padding:4px 9px; color:#155eb6; border:1px solid #155eb6;}

.btn_gr:hover, .btn_gr:focus {background:#424141;}
.btn_grL:hover, .btn_grL:focus {color:#424141; border:1px solid #424141;}
.btn_bl:hover, .btn_bl:focus {background:#0f4e99;}
.btn_blL:hover, .btn_blL:focus {color:#0f4e99; border:1px solid #0f4e99;}

/* 버튼 :기본 + 아이콘 */
.btn_gr.ico_w, .btn_bl.ico_w {position:relative; padding:10px 50px 10px 15px;}
.btn_bl.ico_c {position:relative; padding:10px 50px 10px 15px; width:90px;}
.btn_grL.ico_g, .btn_blL.ico_g {position:relative; padding:9px 49px 9px 14px;}
.ico_w span, .ico_g span, .ico_c span {position:absolute; right:15px; top:50%; display:block; width:18px; height:18px; margin-top:-9px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.ico_w:hover span, .ico_w:focus span, .ico_g:hover span, .ico_g:focus span, .ico_c:hover span, .ico_c:focus span {right:20px;}

/* 버튼 :기본 + 아이콘 */
.btn_gr.ico_w, .btn_bl.ico_w,  .btn_bl.ico_c{position:relative; padding:10px 50px 10px 15px;}
.btn_grL.ico_g, .btn_blL.ico_g {position:relative; padding:9px 49px 9px 14px;}
.ico_w span, .ico_g span, .ico_c span {position:absolute; right:15px; top:50%; display:block; width:18px; height:18px; margin-top:-9px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.ico_w:hover span, .ico_w:focus span, .ico_g:hover span, .ico_g:focus span, .ico_c:hover span, .ico_c:focus span {right:20px;}

.ico_w span.down {background:url("/images/con_com/btn_dwldW.png") no-repeat;}
.ico_w span.link {background:url("/images/con_com/btn_linkW.png") no-repeat;}
.ico_w span.home {background:url("/images/con_com/btn_homeW.png") no-repeat;}
.ico_w span.mail {background:url("/images/con_com/btn_mailW.png") no-repeat;}
.ico_w span.search {background:url("/images/con_com/btn_searchW.png") no-repeat;}
.ico_w span.glan {background:url("/images/con_com/btn_glanW.png") no-repeat;}
.ico_w span.more {background:url("/images/con_com/btn_moreW.png") no-repeat;}
.ico_w span.cldr {background:url("/images/con_com/btn_cldrW.png") no-repeat;}

.ico_g span.down {background:url("/images/con_com/btn_dwldG.png") no-repeat;}
.ico_g span.link {background:url("/images/con_com/btn_linkG.png") no-repeat;}
.ico_g span.home {background:url("/images/con_com/btn_homeG.png") no-repeat;}
.ico_g span.mail {background:url("/images/con_com/btn_mailG.png") no-repeat;}
.ico_g span.search {background:url("/images/con_com/btn_searchG.png") no-repeat;}
.ico_g span.glan {background:url("/images/con_com/btn_glanG.png") no-repeat;}
.ico_g span.more {background:url("/images/con_com/btn_moreG.png") no-repeat;}
.ico_g span.cldr {background:url("/images/con_com/btn_cldrG.png") no-repeat;}

.ico_c span.down {background:url("/images/con_com/btn_dwldW.png") no-repeat;}
.ico_c span.link {background:url("/images/con_com/btn_linkW.png") no-repeat;}
.ico_c span.home {background:url("/images/con_com/btn_homeW.png") no-repeat;}
.ico_c span.mail {background:url("/images/con_com/btn_mailW.png") no-repeat;}
.ico_c span.search {background:url("/images/con_com/btn_searchW.png") no-repeat;}
.ico_c span.glan {background:url("/images/con_com/btn_glanW.png") no-repeat;}
.ico_c span.more {background:url("/images/con_com/btn_moreW.png") no-repeat;}
.ico_c span.cldr {background:url("/images/con_com/btn_cldrW.png") no-repeat;}

/* 버튼 :작은사이즈 + 아이콘 */
.btn_gr.mini.ico_w, .btn_bl.mini.ico_w, .btn_bl.mini.ico_c {position:relative; padding:5px 35px 5px 10px;}
.btn_grL.mini.ico_g, .btn_blL.mini.ico_g {position:relative; padding:4px 34px 4px 9px;}
.btn_blL.mini.ico_g2{position:relative; padding:4px 34px 4px 9px; width:75px;}
.mini.ico_w span, .mini.ico_g span, .mini.ico_g2 span,  .mini.ico_c span {position:absolute; right:10px; top:50%; display:block; width:13px; height:13px; margin-top:-7px; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -ms-transition:all 0.2s ease; transition:all 0.2s ease;}
.mini.ico_w:hover span, .mini.ico_w:focus span, .mini.ico_g:hover span, .mini.ico_g:focus span, .mini.ico_g2:hover span, .mini.ico_g2:focus span, .mini.ico_c:hover span, .mini.ico_c:focus span {right:13px;}

.mini.ico_w span.down {background:url("/images/con_com/btn_dwldW_SML.png") no-repeat;}
.mini.ico_w span.link {background:url("/images/con_com/btn_linkW_SML.png") no-repeat;}
.mini.ico_w span.home {background:url("/images/con_com/btn_homeW_SML.png") no-repeat;}
.mini.ico_w span.mail {background:url("/images/con_com/btn_mailW_SML.png") no-repeat;}
.mini.ico_w span.search {background:url("/images/con_com/btn_searchW_SML.png") no-repeat;}
.mini.ico_w span.glan {background:url("/images/con_com/btn_glanW_SML.png") no-repeat;}
.mini.ico_w span.more {background:url("/images/con_com/btn_moreW_SML.png") no-repeat;}
.mini.ico_w span.cldr {background:url("/images/con_com/btn_cldrW_SML.png") no-repeat;}

.mini.ico_g span.down {background:url("/images/con_com/btn_dwldG_SML.png") no-repeat;}
.mini.ico_g span.link {background:url("/images/con_com/btn_linkG_SML.png") no-repeat;}
.mini.ico_g span.home {background:url("/images/con_com/btn_homeG_SML.png") no-repeat;}
.mini.ico_g span.mail {background:url("/images/con_com/btn_mailG_SML.png") no-repeat;}
.mini.ico_g span.search {background:url("/images/con_com/btn_searchG_SML.png") no-repeat;}
.mini.ico_g span.glan {background:url("/images/con_com/btn_glanG_SML.png") no-repeat;}
.mini.ico_g span.more {background:url("/images/con_com/btn_moreG_SML.png") no-repeat;}
.mini.ico_g span.cldr {background:url("/images/con_com/btn_cldrG_SML.png") no-repeat;}

.mini.ico_g2 span.down {background:url("/images/con_com/btn_dwldG_SML.png") no-repeat;}
.mini.ico_g2 span.link {background:url("/images/con_com/btn_linkG_SML.png") no-repeat;}
.mini.ico_g2 span.home {background:url("/images/con_com/btn_homeG_SML.png") no-repeat;}
.mini.ico_g2 span.mail {background:url("/images/con_com/btn_mailG_SML.png") no-repeat;}
.mini.ico_g2 span.search {background:url("/images/con_com/btn_searchG_SML.png") no-repeat;}
.mini.ico_g2 span.glan {background:url("/images/con_com/btn_glanG_SML.png") no-repeat;}
.mini.ico_g2 span.more {background:url("/images/con_com/btn_moreG_SML.png") no-repeat;}
.mini.ico_g2 span.cldr {background:url("/images/con_com/btn_cldrG_SML.png") no-repeat;}

.mini.ico_c span.down {background:url("/images/con_com/btn_dwldW_SML.png") no-repeat;}
.mini.ico_c span.link {background:url("/images/con_com/btn_linkW_SML.png") no-repeat;}
.mini.ico_c span.home {background:url("/images/con_com/btn_homeW_SML.png") no-repeat;}
.mini.ico_c span.mail {background:url("/images/con_com/btn_mailW_SML.png") no-repeat;}
.mini.ico_c span.search {background:url("/images/con_com/btn_searchW_SML.png") no-repeat;}
.mini.ico_c span.glan {background:url("/images/con_com/btn_glanW_SML.png") no-repeat;}
.mini.ico_c span.more {background:url("/images/con_com/btn_moreW_SML.png") no-repeat;}
.mini.ico_c span.cldr {background:url("/images/con_com/btn_cldrW_SML.png") no-repeat;}

@media screen and (max-width:600px){ 
	
	/* 박스 :박스 기본 타입 */
	.box_st_ico {padding-left:0;}
	.box_st_ico .ico_boxImg {position:relative; left:auto; top:auto; margin:0 auto 10px; text-align:center;}
}

[class^="box_st"] .btns {margin: 1.2rem 0 0 0; padding-top: 1rem; text-align: right; border-top: 1px solid #ccc;}
[class^="box_st"] .btns [class^="btn"] {padding: 0.5rem 0.9rem; font-size: 0.8rem;}
[class^="box_st"].box_ico { padding: 1.3rem 1.8rem 1.3rem 9rem; min-height: 8.4rem; }
[class^="box_st"].box_ico .ico {position: absolute; top: 1.9rem; left: 2.6rem; display: block; width: 4.7rem; height: 4.7rem; background: #b8deff; border-radius: 1rem 1rem 0 1rem;}
[class^="box_st"].box_ico .ico::before { position: absolute; top: -0.7rem; left: -0.7rem; width: 4.7rem; height: 4.7rem; border: 1px solid #b8deff; border-radius: 1rem 1rem 0 1rem; content: ""; }
[class^="box_st"].box_ico .ico img {position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.box_st_img {padding: 1rem; text-align: center; border: 2px dotted #e7e7e7; background: #fff;}
.box_st_img img {max-width: 100%;}

[class^="box_st"].box_ico .ico + .tit1,
[class^="box_st"].box_ico .ico + .tit2,
[class^="box_st"].box_ico .ico + .tit3 {margin-top: 0 !important;}

/* 박스 : 정렬 */
.box_wrap {display: flex; flex-wrap: wrap; margin-left: -0.3rem; width: calc(100% + 0.6rem);}
.box_wrap > [class^="box_st"] {margin: 0.3rem; width: calc(25% - 0.6rem);}
.box_wrap.box_w30 > [class^="box_st"] {width: calc(33.33% - 0.6rem);}
.box_wrap.box_w50 > [class^="box_st"] {width: calc(50% - 0.6rem);}

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

/* 탭 : 공통 */
div[class^="tab_st"] {position: relative; margin-bottom: 1.5rem; font-weight: 600;}
div[class^="tab_st"] > .select {display: none;}
div[class^="tab_st"] a {position: relative; display: block; line-height: 1rem;}
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.w100 {width: 100% !important;}
/* 탭 : 1차 탭 */
.tab_st1 ul {display: flex; flex-wrap: wrap; margin-left: -0.25rem; width: calc(100% + 0.5rem); overflow: hidden;}
.tab_st1 li {margin: 0.25rem; width: calc(25% - 0.5rem);}
.tab_st1 li a,
.tab_st1 > .select {display: flex; align-items: center; padding: 0.5rem 2rem 0.5rem 0.7rem; height: 3rem; color: #666; background: #fff; border: 2px solid #dedede; border-radius: 0.7rem 0.7rem 0 0.7rem;}
.tab_st1 li a:before,
.tab_st1 > .select:before {position: absolute; top: calc(50% - 0.5rem); right: 0.75rem; font-family: 'xeicon'; font-size: 1rem; color: #a4a4a4; content: "\e937";}
.tab_st1 li.on a,
.tab_st1 > .select { font-weight: 700; color: #fff;background: #014195; border-color: #014195;}
.tab_st1 li.on a:before,
.tab_st1 > .select:before {color: #fff;}
.tab_st1 li:not(.on) a:focus,
.tab_st1 li:not(.on) a:hover {color: #014195; background: #dfebff; border-color: #a9c1e8;}
.tab_st1 li a[target='_blank']:after {font-size: 0.7rem;}

/* 탭 : 2차 탭 */
.tab_st2 ul {display: flex; flex-wrap: wrap; background: #f9f9f9;}
.tab_st2 li { position: relative; width:25%;}
.tab_st2 li + li::before { position: absolute; top: 0; left: 0; width: 1px; height: calc(100% - 3px); border-left: 1px solid #ebebeb; content: ""; }
.tab_st2 li a,
.tab_st2 > .select {display: flex; align-items: center; justify-content: center; padding: 0.5rem 1rem 0.5rem 0.3rem; height: 3rem; color: #666; border-bottom: 3px solid #014195;}
.tab_st2 li.on a,
.tab_st2 > .select { background: #fff; border-radius: 0.7rem 0.7rem 0 0; border: 3px solid #014195; border-bottom: transparent; box-shadow: 0 -3px 4px rgba(25, 99, 209, 0.4); color: #014195;}
.tab_st2 li:not(.on) a:hover,
.tab_st2 li:not(.on) a:focus {color: #014195; }
.tab_st2 li a[target='_blank']:after {font-size: 0.8rem;}

/* 탭 : 리스트 */
.tab_list {padding: 1rem 1.5rem; border: 1px solid #e8e5e5; background: #f9f9f9; border-radius: 0.7rem; overflow: hidden;}
.tab_list li {float: left; padding: 0 1rem; width: 25%;}
.tab_list li a {position: relative; display: block; padding: 0.5rem 0 0.5rem 1.1rem; line-height: 1rem; font-size: 0.8rem; color: #111; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.tab_list li a:after {position: absolute; top: 50%; left: 0; font-family: 'xeicon'; font-size: 0.8rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: "\e92c"; -webkit-transition: color 0.3s; transition: color 0.3s;}
.tab_list li a:hover,
.tab_list li a:focus {color: #375fa3;}
.tab_list li a:hover:after,
.tab_list li a:focus:after { color: #07398b;}
.tab_list li.on a:after,
.tab_list li#current a:after {color: #07398b; content: "\e92b";}

/* 탭 : 기능페이지 관련 탭 추가(스타일은 tab_st2번과 동일) */
.tab_list2.tab_list2Frst li {width: calc(100% - 0.5rem);}
.tab_list2 ul {display: flex; flex-wrap: wrap; margin-left: -0.25rem; width: calc(100% + 0.5rem); overflow: hidden;}
.tab_list2 li {margin: 0.25rem; width: calc(25% - 0.5rem);}
.tab_list2 li a,
.tab_list2 > .select {position: relative; display: flex; align-items: center; padding: 0.5rem 1rem 0.5rem 0.3rem; height: 3rem; color: #666; background: #fff; border-bottom: 2px solid #ccc;}
.tab_list2 li a:before,
.tab_list2 > .select:before {position: absolute; top: 1.2rem; right: 0.25rem; width: 0.4rem; height: 0.4rem; background: #ccc; border-radius: 50%; content: "";}
.tab_list2 li.on a,
.tab_list2 > .select {font-weight: 700; color: #007dda; border-color: #007dda;}
.tab_list2 li.on a:before,
.tab_list2 > .select:before {background: #007dda;}
.tab_list2 li:not(.on) a:hover,
.tab_list2 li:not(.on) a:focus {color: #375fa3; border-color: #a9c1e8;}
.tab_list2 li:not(.on) a:hover:before,
.tab_list2 li:not(.on) a:focus:before {background: #81a3dc;}
.tab_list2 li a[target='_blank']:after {font-size: 0.8rem;}

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

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

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

/* 버튼 : 기본 */
.btn_bl,
.btn_navy,
.btn_sky,
.btn_indg,
.btn_gren,
.btn_mint,
.btn_yel {display: inline-block; margin: 3px 1px; padding: 0.65rem 1.4rem; line-height: 1rem; text-align: center; vertical-align: middle; font-size: 0.85rem; font-weight: 400; border-radius: 0.5rem; border: 2px solid; -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; }
.btn_ico {position: relative; text-align: left; padding: 0.65rem 0.8rem; }
.btn_ico i {padding-left: 2.3rem; line-height: 1rem; vertical-align: top; font-size: 0.8rem;}


.btn_bl {color: #fff; background: #014195; border-color: #014195;}
.btn_navy {color: #fff; background: #091f46; border-color: #091f46;} 
.btn_sky {color: #fff; background: #008abf; border-color: #008abf;} 
.btn_indg {color: #fff; background: #1574a6; border-color: #1574a6;} 
.btn_gren {color: #fff; background: #15a689; border-color: #15a689;} 
.btn_mint {color: #fff; background: #0fa0b3; border-color: #0fa0b3;} 
.btn_yel {color: #353131; background: #ffc600; border-color: #ffc600;} 
.btn_bl:hover,
.btn_bl:focus {background: #fff; color: #014195;}
.btn_navy:hover,
.btn_navy:focus {background: #fff; color: #091f46;} 
.btn_sky:hover,
.btn_sky:focus {background: #fff; color: #008abf;} 
.btn_indg:hover,
.btn_indg:focus {background: #fff; color: #1574a6;} 
.btn_gren:hover,
.btn_gren:focus {background: #fff; color: #15a689;} 
.btn_mint:hover,
.btn_mint:focus {background: #fff; color: #0fa0b3;} 
.btn_yel:hover,
.btn_yel:focus {background: #fff; color: #ffc600;} 

/* 버튼 : 이전에 쓰던 스타일 추가 */
.btn_line_style1 {display: inline-block; padding: 0.5rem 1rem; font-size: 0.8rem; font-weight: 500; color: #1161bc; border-width: 2px; border-style: solid; border-color: #1161bc;}
.btn_line_style1:hover,
.btn_line_style1:focus {color: #2962a4; border-color: #2962a4;}
.btn_line_style2 {display: inline-block; padding: 0.5rem 1rem; font-size: 0.8rem; font-weight: 500; color: #444; border-width: 2px; border-style: solid; border-color: #444;}
.btn_line_style2:hover,
.btn_line_style2:focus {color: #111; border-color: #111;} 


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

/* 버튼 : 아이콘만 */
a[class^="btn_"].ico i,
button[class^="btn_"].ico i {padding-left: 0;}

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

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

/* 콘텐츠 준비중 */
.Coming_soon {padding: 2rem 1rem; text-align: center; background: #f5f8fe; border-radius: 1.3rem; overflow: hidden;}
.Coming_soon img {max-width: 100%;}
.Coming_soon h3 {margin: 1.3rem 0 0.3rem; font-size: 1.5rem; color: #000; font-weight: 700;}
.Coming_soon h3 strong {color: #014195;}
.Coming_soon p {position: relative; color: #333; font-size: 0.85rem;}

/* 라인 */
.line_dot {margin-bottom: 1rem; padding-top: 1rem; 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;}

/* 페이징 - 스킨A */
.bbs_pagerA { margin:1rem 0; text-align:center; line-height:0; font-size:0; }
.bbs_pagerA a, .bbs_pagerA span, .bbs_pagerA strong { display:inline-block; vertical-align:middle; }
.bbs_pagerA div { display:inline-block; margin:0 0.4rem; vertical-align:middle; }
.bbs_pagerA div.num_wrap { border: 1px solid #ccc; border-radius: 0.5rem; overflow:hidden; }
.bbs_pagerA .bbs_arr { width:1.9rem; height:1.9rem; line-height:1.9rem; font-size:1rem; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; }
.bbs_pagerA .bbs_arr:hover, .bbs_pagerA .bbs_arr:focus { background-color:#014195; color:#fff; }
.bbs_pagerA .bbs_arr.pgeL1:hover, .bbs_pagerA .bbs_arr.pgeL1:focus, .bbs_pagerA .bbs_arr.pgeL2:hover, .bbs_pagerA .bbs_arr.pgeL2:focus { background-position:-3px center; }
.bbs_pagerA .bbs_arr.pgeR1:hover, .bbs_pagerA .bbs_arr.pgeR1:focus, .bbs_pagerA .bbs_arr.pgeR2:hover, .bbs_pagerA .bbs_arr.pgeR2:focus { background-position:3px center; }
.bbs_pagerA .bbs_pge_num { min-width:2rem; height:2rem; line-height:2rem; font-size:0.8rem; border-right:1px solid #ccc; }
.bbs_pagerA .bbs_pge_num:last-child { border-right:none;}
.bbs_pagerA .bbs_pge_num:hover, .bbs_pagerA .bbs_pge_num:focus { color:#555; background:#ededed; }
.bbs_pagerA strong.bbs_pge_num, .bbs_pagerA strong.bbs_pge_num:hover, .bbs_pagerA strong.bbs_pge_num:focus { color:#fff; font-weight:400; background:#014195; } /* color */
.bbs_pagerA .w_paging { display:inline-block; }
.bbs_pagerA .m_paging { display:none; }
.bbs_pagerA .pagePrev,  
.bbs_pagerA .pageNext {border: 1px solid #ccc; border-radius: 0.5rem; overflow:hidden;}
.bbs_pagerA .pagePrev a,
.bbs_pagerA .pageNext a{ border-right:1px solid #ccc; color:#014195;}
.bbs_pagerA .pagePrev a:last-child,
.bbs_pagerA .pageNext a:last-child{ border-right:none;}
.bbs_pagerA .pagePrev a.pgeL1 i{ transform:rotate(-90deg); -webkit-transform:rotate(-90deg);}
.bbs_pagerA .pageNext a.pgeR2 i{ transform:rotate(90deg); -webkit-transform:rotate(90deg);}

.mgt20 { margin-top: 1rem; }

@media screen and (max-width: 1240px){
	/* 박스 : 박스 기본 타입 */
	.box_st1 .inner {padding: 1rem 1.3rem;}

	/* 탭 : 공통 */
	.reactTab[class^="tab_st"] > .select {display: block; height: auto; padding: 0.9rem 2.2rem 0.9rem 0.7rem; }
	.reactTab[class^="tab_st"] ul {display: none; margin-left: 0; width: 100%; text-align: left;}
	.reactTab[class^="tab_st"] li {display: block; width: 100% !important;}
	.reactTab[class^="tab_st"] li a:before {display: none;}

	/* 탭 : 1차 탭 */
	.tab_st1:not('.notJS') ul {width: 100%; margin: 0; border: 1px solid #ccc; border-radius: 0.5rem; overflow: hidden;}
	.tab_st1:not('.notJS') li {margin: 0;}
	.tab_st1:not('.notJS') li + li {border-top: 1px dashed #ddd;}
	.tab_st1:not('.notJS') li a {display: block; height: auto; border: 0;}
	.tab_st1:not('.notJS') li.on a {color: #333; background: #fff;}
	.tab_st1:not('.notJS') > .select:before {top: 0.5rem; width: auto; height: auto; font-family: 'xeicon'; color: #fff; background: none; content: "\e942";}

	.tab_st1 li { margin: 0.5rem 0 0 0; }

	/* 탭 : 2차 탭 */ 
	.tab_st2:not('.notJS') ul {margin: 0; width: 100%; overflow: hidden;}
	.tab_st2:not('.notJS') li {margin: 0;}
	.tab_st2:not('.notJS') li + li {border-top: 1px solid #ddd;}
	.tab_st2:not('.notJS') li a {display: block; height: auto; border: 0;}
	.tab_st2:not('.notJS') li.on a {color: #333; background: #fff;}
	.tab_st2:not('.notJS') > .select:before {top: 0.5rem; width: auto; height: auto; font-family: 'xeicon'; background: none; content: "\e942";}

	.tab_st2 ul { border: 2px solid #014195; margin-top: 0.5rem;  border-radius: 0.6rem; }
	.tab_st2 li::before { display: none; }
	.tab_st2 li.on a { box-shadow: none; border: none; }
	.tab_st2 li + li { border-top: 1px solid #ccc; }
	.tab_st2 li a { border-bottom: none; justify-content: left; padding: 0.5rem 1.5rem 0.5rem 0.7rem; }
	.tab_st2 > .select { box-shadow: none; border: 2px solid #014195; border-radius: 0.7rem 0.7rem 0 0.7rem; }
	.tab_st2 > .select::before { content: '\e941'; font-family: 'xeicon'; font-size: 1rem; color: #fff; position: absolute; top: 1rem; right: 1rem; color: #014195;} 
 
	/* 탭 : 리스트 */
	.tab_list {padding: 0.5rem 0;}
	.tab_list li a {font-size: 0.8rem;}

	/* 탭 : 기능페이지 관련 탭 추가(스타일은 tab_st2번과 동일) */
	.tab_st_trns.tab_list2 ul {display: block;}
	.tab_st_trns.tab_list2 li {float: left; margin: 0.25rem !important; width: calc(25% - 0.5rem) !important;}
	.tab_st_trns.tab_list2 li a:before {display: block;}
	.tab_st_trns.tab_list2 li a,
	.tab_st_trns.tab_list2 > .select {height: 2.5rem;}

	/* 탭 : 개수 지정 */
	.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){
	
	/* 테이블 : 테이블 기본 타입 */
	div[class*='tbl_st'] > table {word-break: break-all;}

	/* 테이블 스크롤 */
	div[class*='tbl_st'].scroll_gr {width: 100%; background-repeat: no-repeat; background-position: right 5px; background-size: 30px 100%; overflow-x: auto; z-index: 1;
		background-image: -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 {width: 1024px;}

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

	/* 탭 : 기능페이지 관련 탭 추가(스타일은 tab_st2번과 동일) */
	.tab_st_trns.tab_list2 li {width: calc(33.33% - 0.5rem) !important;}

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

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

	/* 박스 : 정렬 */
	.box_wrap > [class^="box_st"] {width: calc(33.33% - 0.6rem);}
}

@media screen and (max-width: 800px) {
	/* 페이징 - 스킨A */
	.bbs_pagerA .bbs_pge_num { display:none; min-width:32px; }
	.bbs_pagerA .bbs_pge_num.mActive{ display:inline-block; }
	.bbs_pagerA div {margin:0 0.2rem;}
	.bbs_pagerA strong.bbs_pge_num, .bbs_pagerA strong.bbs_pge_num:hover, .bbs_pagerA strong.bbs_pge_num:focus { display:inline-block; min-width:32px; color:#3e4e6f; background:none; } /* color */
	.bbs_pagerA .bbs_pge_num:hover, .bbs_pagerA .bbs_pge_num:focus{ color:#3e4e6f; background:none; text-decoration:underline; } /* color */
	.bbs_pagerA div a.bbs_pge_num:last-child { display:inline-block; min-width:auto; padding:0 0.75rem; background:url('../images/board/bbs_pgeNum_mb.png') no-repeat 4px center; }
	.bbs_pagerA .w_paging { display:none; }
	.bbs_pagerA .m_paging { display:inline-block; }
}

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

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

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

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

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

	/* 박스 : 정렬 */
	.box_wrap.box_w30 > [class^="box_st"],
	.box_wrap > [class^="box_st"] {width: calc(50% - 0.6rem);}
}

@media screen and (max-width: 768px){
	/* 박스 : 박스 기본 타입 */
	.box_st1 {border-radius: 0.75rem;} 
} 

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

	/* 탭 : 기능페이지 관련 탭 추가(스타일은 tab_st2번과 동일) */
	.tab_st_trns.tab_list2 li {width: calc(50% - 0.5rem) !important;}
}

@media screen and (max-width: 560px){
	.box_st1 { padding: 0.8rem 1rem; }

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

@media screen and (max-width: 480px){
	/* 타이틀(텍스트 타입) */
	.tit1 {font-size: 1.05rem;}
	.tit2 {font-size: 0.95rem;}
	.tit3 {font-size: 0.9rem;}
	[class^="tit"]:not([class^="title_"]) {margin-bottom: 0.35rem;}

	/* 테이블 */
	div[class*='tbl_st'] > table tbody th,
	div[class*='tbl_st'] > table tfoot th {font-size: 0.8rem;}

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

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

	/* 박스 : 정렬 */
	.box_wrap > [class^="box_st"] {margin: 0.3rem 0; width: 100% !important;}
}