/* Guide Layout */
.Guide_con {padding: 1rem;}
.Guide_con h3.Guid_tit {position: relative; padding-top: 0.4rem; font-size: 1.2rem; color:  #111; font-weight: 500;}
.Guide_con h3.Guid_tit:before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 3rem; height: 0.2rem; background: #1976d2;}

.Guide_con .DG_list {padding-bottom: 1.25rem; margin-bottom: 1.25rem; border-bottom: 1px dashed #c3c3c3; overflow: hidden;}
.Guide_con .DG_list li {margin: 0.25rem; float: left;}
.Guide_con .DG_list li a {display: block; min-width: 8.5rem; padding: 0 1rem; text-align: center; font-size: 0.9rem; line-height: 1.25rem; 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 .com_code {width: 100%; height: 5rem; font-size: 0.75rem; font-family: 'Dotum'; line-height: 1.3; color: #000; border: none; background: #f7f7f7;}

/* 가이드 타이틀 */
.Guide_titBox {margin: 1rem 0; padding: 0 1rem 1rem; color: #000; text-align: center; border-bottom: 2px dotted #999; background: #fff;}
.Guide_titBox h3 {position: relative; padding-bottom: 0.5rem; margin-bottom: 0.5rem; font-size: 1.2rem; font-weight: 600;}
.Guide_titBox h3:before {content: ""; display: block; position: absolute; bottom: 0; left: 50%; width: 3rem; height: 0.1rem; margin-left: -1.5rem; border-radius: 0.05rem; background: #000;}
.Guide_titBox p {margin-top: 0.25rem; font-size: 0.75rem;}

.Guide_titBox2 {position: relative; margin: 1.5rem 0 2rem; 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: -0.75rem 0 0 -0.05rem; padding: 0.15rem 1rem; line-height: 1rem; font-size: 0.8rem; color: #fff; background: #333;}
.Guide_titBox2 div {padding: 0.5rem 0; font-size: 0.75rem; line-height: 0.9rem;}

/* 2020.10.18. SY,CHo 일부 IE 상위버전에서도 블릿의 위치가 크롬과 동일하게 보이지 않는 현상으로 rem → px 변환 */
/* 타이틀(텍스트 타입) 
.titT1 {margin: 1.5rem 0 0.5rem; line-height: 1.4; font-size: 1.2rem; font-weight: 400; color: #222; letter-spacing: -1px;}
.titT2 {margin: 1rem 0 0.75rem; line-height: 1.4; font-size: 1rem; font-weight: 400; color: #222; letter-spacing: -1px;}
.titT3 {margin: 0.75rem 0; line-height: 1.4; font-size: 0.9rem; font-weight: 400; color: #155eb6; letter-spacing: -1px;}
.titT3_lineB {margin: 0.75rem 0; line-height: 1.4; font-size: 0.9rem; font-weight: 400; color: #155eb6; letter-spacing: -1px; text-decoration: underline;}
*/
/* 타이틀(블릿 타입) 
.tit1 {margin: 1.5rem 0 0.5rem; padding-left: 1.4rem; font-size: 1.1rem; line-height: 1.4; font-weight: 600; color: #2174c8; letter-spacing: -1px; background: url("/common/images/con_com/bu_tit1.png") no-repeat left 0.3rem;}
.tit2 {margin: 0.75rem 0 0.25rem; padding-left: 1.2rem; font-size: 0.9rem; line-height: 1.4; font-weight: 600; color: #222; letter-spacing: -1px; background: url("/common/images/con_com/bu_tit2.png") no-repeat left 0.15rem;}
.tit3 {margin: 0.5rem 0; padding-left: 1.1rem; font-size: 0.9rem; line-height: 1.4; font-weight: 400; color: #222; letter-spacing: -1px; background: url("/common/images/con_com/bu_tit3.png") no-repeat 0.1rem 0.25rem;}
*/

/* 타이틀(텍스트 타입) */
.titT1 {margin: 30px 0 10px; line-height: 1.4; font-size: 24px; font-weight: 400; color: #222; letter-spacing: -1px;}
.titT2 {margin: 20px 0 15px; line-height: 1.4; font-size: 20px; font-weight: 400; color: #222; letter-spacing: -1px;}
.titT3 {margin: 15px 0; line-height: 1.4; font-size: 18px; font-weight: 400; color: #155eb6; letter-spacing: -1px;}
.titT3_lineB {margin: 15px 0; line-height: 1.4; font-size: 18px; font-weight: 400; color: #155eb6; letter-spacing: -1px; text-decoration: underline;}

/* 타이틀(블릿 타입) */
.tit1 {margin: 30px 0 10px; padding-left: 1.4rem; font-size: 22px; line-height: 1.4; font-weight: 600; color: #2174c8; letter-spacing: -1px; background: url("/common/images/con_com/bu_tit1.png") no-repeat left 0.3rem;}
.tit2 {margin: 15px 0 5px; padding-left: 1.2rem; font-size: 18px; line-height: 1.4; font-weight: 600; color: #222; letter-spacing: -1px; background: url("/common/images/con_com/bu_tit2.png") no-repeat left 0.15rem;}
.tit3 {margin: 10px 0; padding-left: 1.1rem; font-size: 18px; line-height: 1.4; font-weight: 400; color: #222; letter-spacing: -1px; background: url("/common/images/con_com/bu_tit3.png") no-repeat 0.1rem 0.25rem;}

/* 타이틀(리스트 타입) 초은 수정 */
.list_tit2 {position: relative;}
.list_tit2 > li {margin: 1rem 0 0.75rem; padding-left: 1.2rem; font-size: 0.9rem; line-height: 1.4; font-weight: 600; color: #222; letter-spacing: -1px; background: url("/common/images/con_com/bu_tit2.png") no-repeat left 0.2rem;}
.list_tit3 {position: relative;}
.list_tit3 > li {margin: 0.75rem 0; padding-left: 1.1rem; font-size: 0.9rem; line-height: 1.4; font-weight: 400; color: #222; letter-spacing: -1px; background: url("/common/images/con_com/bu_tit3.png") no-repeat 0.1rem 0.25rem;}

.indent1 {margin-left: 1.1rem;}

/* 블릿 */
.bu_st1 {position: relative; padding: 0.2rem 0 0.2rem 0.8rem; font-size: 0.75rem; line-height: 1.6; color: #444;}
.bu_st1:before {content: ''; position: absolute; top: 0.75rem; left: 0; width: 8px; height: 3px; background: #043763;}
.bu_st2 {position: relative; padding: 0.2rem 0 0.2rem 0.65rem; font-size: 0.75rem; line-height: 1.6; color: #444;}
.bu_st2:before {content: ''; position: absolute; top: 0.7rem; left: 0; width: 4px; height: 4px; border-radius: 50%; background: #646a7d;}
.bu_st2B {position: relative; padding: 0.2rem 0 0.2rem 0.6rem; font-size: 0.75rem; line-height: 1.6; color: #444;}
.bu_st2B:before {content: ''; position: absolute; top: 0.7rem; left: 0; width: 4px; height: 4px; border-radius: 50%; background: #28488f;}
.bu_st3 {position: relative;padding: 0.2rem 0 0.2rem 0.65rem; font-size: 0.7rem; line-height: 1.4; color: #444;}
.bu_st3:before {content: ''; position: absolute; top: 0.6rem; left: 0; width: 5px; height: 2px; background: #444;}
.bu_st4{position: relative; padding: 0.2rem 0 0.2rem 0.5rem; font-size: 0.7rem; line-height: 1.4; color: #555;}
.bu_st4:before {content: ''; position: absolute; top: 0.7rem; left: 0; width: 2px; height: 2px; background: #646a7d;}

/* 리스트 : 블릿 타입 */
.list_st1 > li {position: relative; padding: 0.2rem 0 0.2rem 0.8rem; font-size: 0.75rem; line-height: 1.6; color: #444;}
.list_st1 > li:before {content: ''; position: absolute; top: 0.75rem; left: 0; width: 8px; height: 3px; background: #043763;}
.list_st2 > li {position: relative; padding: 0.2rem 0 0.2rem 0.65rem; font-size: 0.75rem; line-height: 1.6; color: #444;}
.list_st2 > li:before {content: ''; position: absolute; top: 0.7rem; left: 0; width: 4px; height: 4px; border-radius: 50%; background: #646a7d;}
.list_st3 > li {position: relative; padding: 0.2rem 0 0.2rem 0.65rem; font-size: 0.7rem; line-height: 1.4; color: #444;}
.list_st3 > li:before {content: ''; position: absolute; top: 0.6rem; left: 0; width: 5px; height: 2px; background: #444;}
.list_st4 > li{position: relative; padding: 0.2rem 0 0.2rem 0.5rem; font-size: 0.7rem; line-height: 1.4; color: #555;}
.list_st4 > li:before {content: ''; position: absolute; top: 0.7rem; left: 0; width: 2px; height: 2px; background: #646a7d;}

li.bu_none:before {display:none;}

/* ========================= 디자인 컨텐츠는 기존 블릿 스타일 유지 */

/* 2020.10.18. SY,CHo 일부 IE 상위버전에서도 블릿의 위치가 크롬과 동일하게 보이지 않는 현상으로 rem → px 변환 */
/* 타이틀(블릿 타입) */
.tit1_1 {margin: 30px 0 10px; line-height: 1.4; font-size: 22px; font-weight: 400; color: #222; letter-spacing: -1px;}
.tit2_1 {margin: 15px 0 5px; padding-left: 1.2rem; font-size: 18px; line-height: 1.4; font-weight: 600; color: #222; letter-spacing: -1px; background: url("/common/images/con_com/bu_tit2.png") no-repeat left 4px;}
.tit2_1.type1 {position: relative; background: none;}
.tit2_1.type1 span.num {position: absolute; left: 0; top: 0;}
.tit3_1 {margin: 10px 0; padding-left: 0.7rem; font-size: 18px; line-height: 1.4; font-weight: 400; color: #222; letter-spacing: -1px; background: url("/common/images/con_com/bu_tit3_1.png") no-repeat 2px 7px; background-size: 3px 12px;}

/* 타이틀(블릿 타입) 
.tit1_1 {margin: 1.5rem 0 0.5rem; padding-bottom: 0.5rem; font-size: 1.2rem; line-height: 1.4; font-weight: 400; color: #222; letter-spacing: -1px; background: url("/common/images/con_com/bu_tit1_1.png") no-repeat left bottom; background-size: 1.75rem 2px;}
.tit2_1 {margin: 0.75rem 0 0.25rem; padding-left: 1rem; font-size: 1rem; line-height: 1.4; font-weight: 400; color: #28488f; letter-spacing: -1px; background: url("/common/images/con_com/bu_tit2_1.png") no-repeat left 0.4rem; background-size: 0.55rem 0.6rem;}
.tit3_1 {margin: 0.5rem 0; padding-left: 0.7rem; font-size: 0.9rem; line-height: 1.4; font-weight: 400; color: #222; letter-spacing: -1px; background: url("/common/images/con_com/bu_tit3_1.png") no-repeat 0.1rem 0.35rem; background-size: 3px 0.6rem;}
*/

/* 블릿 */
.bu_st1_1 {position: relative; padding-left: 0.6rem; font-size: 0.75rem; line-height: 1.6; color: #444;}
.bu_st1_1:before {content: ''; position: absolute; top: 0.5rem; left: 0; width: 5px; height: 5px; background: #043763;}
.bu_st2_1 {position: relative; padding-left: 0.6rem; font-size: 0.75rem; line-height: 1.5; color: #444;}
.bu_st2_1:before {content: ''; position: absolute; top: 0.45rem; left: 0; width: 4px; height: 4px; border-radius: 50%; background: #646a7d;}
.bu_st2B_1 {position: relative; padding-left: 0.6rem; font-size: 0.7rem; font-weight: 600; line-height: 1.6; color: #444;}
.bu_st2B_1:before {content: ''; position: absolute; top: 0.5rem; left: 0; width: 4px; height: 4px; border-radius: 50%; background: #28488f;}
.bu_st3_1 {position: relative; padding-left: 0.6rem; font-size: 0.7rem; line-height: 1.5; color: #444;}
.bu_st3_1:before {content: ''; position: absolute; top: 0.5rem; left: 0; width: 5px; height: 2px; background: #646a7d;}
.bu_st4_1{position: relative; padding-left: 0.6rem; font-size: 0.7rem; line-height: 1.5; color: #555;}
.bu_st4_1:before {content: ''; position: absolute; top: 0.5rem; left: 0; width: 2px; height: 2px; background: #646a7d;}

/* 리스트 : 블릿 타입 */
.list_st1_1 > li {position: relative; padding: 0.25rem 0 0.25rem 0.6rem; font-size: 0.75rem; line-height: 1.6; color: #444;}
.list_st1_1 > li:before {content: ''; position: absolute; top: 0.7rem; left: 0; width: 5px; height: 5px; background: #043763;}
 /*list_st1 다운로드 버튼 들어가는 경우*/
.list_st1_1 > li.btnLink:before { top:1rem; margin-right:0.2rem;} /*201118 HLL*/
.list_st1_1 > li.btnLink a.file_down {margin:0 0.1rem;} /*201118 HLL*/

.list_st2_1 > li {position: relative; padding: 0.15rem 0 0.15rem 0.5rem; font-size: 0.75rem; line-height: 1.4; color: #444;}
.list_st2_1 > li:before {content: ''; position: absolute; top: 0.6rem; left: 0; width: 5px; height: 2px; background: #646a7d;}

.list_st3_1 > li {position: relative; padding: 0.2rem 0 0.2rem 0.65rem; font-size: 0.7rem; line-height: 1.4; color: #444;}
.list_st3_1 > li:before {content: ''; position: absolute; top: 0.6rem; left: 0; width: 4px; height: 4px; border-radius: 50%; background: #646a7d;}

.list_st4_1 > li{position: relative; padding: 0.15rem 0 0.15rem 0.5rem; font-size: 0.7rem; line-height: 1.4; color: #555;}
.list_st4_1 > li:before {content: ''; position: absolute; top: 0.6rem; left: 0; width: 2px; height: 2px; background: #646a7d;}

/* ========================= 디자인 컨텐츠는 기존 블릿 스타일 유지 */

/* 리스트 : 텍스트 타입 */
.list_stT1 > li {padding: 0 0 0.7rem; font-size: 0.9rem; line-height: 1.4; color: #444; font-weight: 400;}/* 첫 li 는 폰트가 좀 더 큼 & 간격 변동 있음 */
.list_stT1 > li ul, .list_stT1 > li ol {margin: 0.25rem 0 0 0.5rem;}
.list_stT1 > li ul, .list_stT1 > li ol li {padding: 0 0 0.25rem; font-size: 0.8rem; font-weight: 400;}
.list_stT2 > li {padding: 0.2rem 0; font-size: 0.75rem; line-height: 1.6; color: #444;} /* 폰트 크기 변동 없음 & 간격 변동 없음 */
.list_stT2 > li ul, .list_stT2 > li ol {margin: 0.25rem 0 0 0.5rem;}

/* 리스트 : 가로 나열 */
.li_w50, .li_w30, .li_w25, .li_w20 {overflow: hidden;}
.li_w50 > li {width: 45%; float: left;}
.li_w30 > li {width: 30%; float: left;}
.li_w25 > li {width: 23%; float: left;}
.li_w20 > li {width: 18%; float: left;}

/* 리스트 : 순차적 리스트 타입 */
.list_ol1 > li {position: relative; margin-bottom: 0.25rem; padding: 0.15rem 0 0.1rem 1.5rem; line-height: 1.4; font-size: 0.75rem;}
.list_ol1 > li > span.num {position: absolute; left: 0; top: 0; display: inline-block; width: 1.25rem; height: 1.25rem; line-height: 1.25rem; font-size: 0.75rem; font-weight: 400; color: #fff; text-align: center; background: #636363; border-radius: 0.65rem;}
.list_ol1 > li > ul, .list_ol1 > li > ol  {margin-top: 0.2rem;} /* 리스트 안에 리스트 들어갈 때 간격 동일하게 설정 */
.list_ol2 > li {position: relative; margin-bottom: 0.5rem; padding: 0.15rem 0 0.1rem 1.5rem; line-height: 1.4; font-size: 0.75rem;}
.list_ol2 > li > span.num {position: absolute; left: 0; top: 0; display: inline-block; width: 1.25rem; height: 1.25rem; line-height: 1.25rem; font-size: 0.75rem; font-weight: 400; color: #fff; text-align: center; background: #0084c2; border-radius: 0.65rem;}
.list_ol2 > li:nth-child(even) > span.num {background: #03a6cf;}

/* 초은 수정 - 기타 블랫 타입 type1 : ①, ②, ③ / type1_1 : sup이 삽입될 경우; / type2 : 1., 2., 3. / type3 : 가., 나., 다. */
.list_ol1.type1 > li,
.list_ol1.type1_1 > li {margin: 0; padding: 0.2rem 0 0.2rem 1.1rem; line-height: 1.6; color: #444;}
.list_ol1.type1 > li > span.num,
.list_ol1.type1_1 > li > span.num {top: 0.4rem; width: 16px; height: 16px; line-height: 14px; font-size: 0.55rem; font-weight: 400; color: #444; text-align: center; background: #fff; border-radius: 50%; border: 1px solid #777;}
.list_ol1.type1_1 > li > span.num {top: 0.55rem;}


.list_ol1.type2 > li {margin: 0; padding: 0.2rem 0 0.2rem 1.15rem; line-height: 1.6; color: #444;}
.list_ol1.type2 > li > span.num {position: absolute; left: 0; top: 0.15rem; color: #444; background: none; border-radius: 0;}

.list_ol1.type3 > li {margin: 0; padding: 0.2rem 0 0.2rem 1.35rem; line-height: 1.6; color: #444;}
.list_ol1.type3 > li > span.num {position: absolute; left: 0; top: 0.2rem; color: #444; background: none; border-radius: 0;}

/* 초은 수정 - 리스트 타이틀 안에 리스트 들어갈 때 간격 동일하게 설정 */
.list_tit2 > li > [class^="list_"],
.list_tit3 > li > [class^="list_"] {margin-top: 0.75rem;}

/* 초은 수정 - 리스트 안에 리스트 들어갈 때 간격 동일하게 설정 */
[class^="list_st"] > li > ul, [class^="list_st"] > li > ol {margin-top: 0.2rem;}

/* 텍스트 요소 : 폰트컬러 타입 */
.pc_blue {color: #28488f !important;}
.pc_navy {color: #17335a !important;}
.pc_org {color: #f58220 !important;}
.pc_black {color: #000 !important;}
.pc_green {color: #4db02c !important;}
.pc_mint {color: #049f92 !important;} /* 201222 sehyun oh, 명도대비 수정(기존 #00b0a0) */
.pc_red {color: #e33d65 !important;}

/* 텍스트 요소 : 텍스트 배경색 */
.bg_blue {padding: 0.1rem 0.25rem; color: #fff; background: #155eb6;}
.bg_navy {padding: 0.1rem 0.25rem; color: #fff; background: #17335a;}
.bg_org {padding: 0.1rem 0.25rem; color: #fff; background: #f58220;}
.bg_black {padding: 0.1rem 0.25rem; color: #fff; background: #000;}
.bg_green {padding: 0.1rem 0.25rem; color: #fff; background: #4db02c;}
.bg_mint {padding: 0.1rem 0.25rem; color: #fff; background: #00b0a0;}
.bg_red {padding: 0.1rem 0.25rem; color: #fff; background: #e33d65;}

/* 텍스트 요소 : 강조 타입 */
.Tline_b {text-decoration: underline !important;}
.Tline_bgB {padding: 0 0.25rem; background: url("/common/images/con_com/bg_Tline_bgB.png") repeat-x left bottom;}
.f_weightB {font-weight: bold;}
.font_FR {font-weight: 400 !important;}
/* .font_FM {font-weight: 600 !important;} */
.font_FB {font-weight: 600 !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 {padding-left: 1.5rem; color: #003873; text-decoration: underline; background: url("/common/images/con_com/bu_link.png") no-repeat left 0.1rem;}
a.bu_linkL {padding-right: 0.85rem; color: #003873; text-decoration: underline; background: url("/common/images/con_com/bu_link_line.png") no-repeat right 0.3rem;}/*은지 수정 201103*/
a.bu_mail {padding-left: 1.5rem; color: #003873; text-decoration: underline; background: url("/common/images/con_com/bu_mail.png") no-repeat left 0.1rem;}
a.bu_mailL {padding-left: 0.85rem; color: #003873; text-decoration: underline; background: url("/common/images/con_com/bu_mail_line.png") no-repeat left 0.3rem;}
a.bu_down{padding-left: 1.5rem; color: #003873; text-decoration: underline; background: url("/common/images/con_com/bu_down.png") no-repeat left 0.1rem;}
a.bu_downL {padding-left: 0.85rem; color: #003873; text-decoration: underline; background: url("/common/images/con_com/bu_down_line.png") no-repeat left 0.3rem;}
a.bu_tel {padding-left: 1.5rem; color: #003873; text-decoration: underline; background: url("/common/images/con_com/bu_tel.png") no-repeat left 0.1rem;}
a.bu_telL {padding-left: 0.85rem; color: #003873; text-decoration: underline; background: url("/common/images/con_com/bu_tel_line.png") no-repeat left 0.25rem;}

/* 텍스트 요소 : 주의&경고&말풍선 타입 */
.bu_atte {position: relative; padding-left: 0.8rem; font-size: 0.8rem;}
.bu_atte:before {content: "※"; display: block; position: absolute; left: 0; top: 0;}

.bu_wnrnT {margin-bottom: 0.5rem; padding-left: 1.5rem; line-height: 1.25rem; font-size: 0.9rem; font-weight: 400; color: #222; background: url("/common/images/con_com/bu_atteT.png") no-repeat left 0.05rem; background-size: 1.15rem;}
.bu_wnrnT2 {margin-bottom: 0.5rem; padding-left: 1.5rem; line-height: 1.25rem; font-size: 0.9rem; font-weight: 400; color: #222; background: url("/common/images/con_com/bu_atteT2.png") no-repeat left 0.05rem; background-size: 1.15rem;}
.bu_wnrnT_line {margin-bottom: 0.5rem; padding-left: 1.5rem; line-height: 1.25rem; font-size: 0.9rem; font-weight: 400; color: #222; background: url("/common/images/con_com/bu_atteT_line.png") no-repeat left 0.05rem; background-size: 1.15rem;}
.bu_wnrnT2_line {margin-bottom: 0.5rem; padding-left: 1.5rem; line-height: 1.25rem; font-size: 0.9rem; font-weight: 400; color: #222; background: url("/common/images/con_com/bu_atteT2_line.png") no-repeat left 0.05rem; background-size: 1.15rem;}
.bu_wnrn {padding-left: 1.1rem; line-height: 1.6; margin-top: 0.25rem;  background: url("/common/images/con_com/bu_atte.png") no-repeat left 0.25rem; background-size: 0.8rem;}
.bu_wnrn2 {padding-left: 1.1rem; line-height: 1.6; margin-top: 0.25rem; background: url("/common/images/con_com/bu_atte2.png") no-repeat left 0.25rem; background-size: 0.8rem;}

.bu_wnrn_line {padding-left: 1.1rem; line-height: 1.6; margin-top: 0.25rem; background: url("/common/images/con_com/bu_atte_line.png") no-repeat left 0.25rem; background-size: 0.8rem;}
.bu_wnrn2_line {padding-left: 1.1rem; line-height: 1.6; margin-top: 0.25rem; background: url("/common/images/con_com/bu_atte2_line.png") no-repeat left 0.25rem; background-size: 0.8rem;}

.bu_wnrn_star {padding-left: 1.1rem; line-height: 1.6; margin-top: 0.25rem; background: url("/common/images/con_com/bu_atte_star.png") no-repeat left 0.25rem; background-size: 0.75rem; font-size: 0.8rem;}
.bu_wnrn2_star {padding-left: 1.1rem; line-height: 1.6; margin-top: 0.25rem; background: url("/common/images/con_com/bu_atte2_star.png") no-repeat left 0.25rem; background-size: 0.75rem; font-size: 0.8rem;}

.bu_mentT {margin-bottom: 0.5rem; padding: 0.2rem 0 0.2rem 2rem; font-size: 0.9rem; font-weight: 400; color: #222; background: url("/common/images/con_com/bu_mentT.png") no-repeat left top;}
.bu_mentT2 {margin-bottom: 0.5rem; padding: 0.85rem 0 0 0.75rem; font-size: 0.9rem; font-weight: 400; color: #222; background: url("/common/images/con_com/bu_mentT2.png") no-repeat left top;}
.bu_ment {padding: 0.8rem 0 0 0.75rem; background: url("/common/images/con_com/bu_ment.png") no-repeat left top;}

/* 테이블 : 테이블 기본 타입 */
.tbl_st {position: relative; width: 100%; font-size: 0.75rem; line-height: 1.6; background: #fff; overflow: hidden;}
.tbl_st table {position: relative; width: 100%; margin-left: -1px; text-align: center; border-top: 2px solid #000; -webkit-overflow-scrolling: touch; word-break:break-all;}/* word-break: keep-all; 강제 줄바꿈 */
.tbl_st table thead th {padding: 0.65rem 0.5rem; vertical-align: middle; color: #222; font-weight: 400; border-bottom: 1px solid #b9b9b9; border-left: 1px solid #d2d2d2; background: #f3f3f3;}
.tbl_st table tbody th {padding: 0.65rem 0.5rem; vertical-align: middle; color: #222; font-weight: 400; border-bottom: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2; background: #fafafa;}
.tbl_st table td {padding: 0.5rem; border-bottom: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2;}
.tbl_st table tfoot th {padding:0.3rem 0.5rem; color: #222; font-weight: 400; border-bottom: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2; background: #fafbfb;}/*은지 수정*/
.tbl_st table tfoot td {padding:0.3rem 0.5rem; border-bottom: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2; background: #fafbfb;}/*은지 수정*/

/* 테이블 : 세로테이블 */
.tbl_st_row {position: relative; width: 100%; font-size: 0.75rem; background: #fff; overflow: hidden;}
.tbl_st_row table {position: relative; width: 100%; margin-left: -1px; text-align: center; border-top: 2px solid #000; -webkit-overflow-scrolling: touch; word-break: keep-all;}
.tbl_st_row table tbody th {padding: 0.65rem 0.25rem; vertical-align: middle; color: #222; font-weight: 400; border-bottom: 1px solid #d2d2d2; background: #f3f3f3;}
.tbl_st_row table tbody td {padding: 0.5rem 0.25rem; border-bottom: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2; /* background: #fff; 반응형 스크롤 그라데이션 출력안됨 */}
.tbl_st_row table tfoot th {padding:0.3rem 0.5rem; color: #222; font-weight: 400; border-bottom: 1px solid #d2d2d2; background: #f3f3f3;}/*은지 수정*/
.tbl_st_row table tfoot td {padding:0.3rem 0.5rem; border-bottom: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2; background: #fafbfb;}/*은지 수정*/

/* 테이블 : 테이블 4면 선 */
.tbl_st2 {position: relative; width: 100%; font-size: 0.75rem; background: #fff; overflow: hidden;}
.tbl_st2 table {position: relative; width: 100%; text-align: center; border-top: 2px solid #000; border-left: 1px solid #d2d2d2; -webkit-overflow-scrolling: touch; word-break: keep-all;}
.tbl_st2 table thead th {padding: 0.65rem 0.25rem; vertical-align: middle; color: #222; font-weight: 400; border-bottom: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; background: #f3f3f3;}
.tbl_st2 table tbody th {padding: 0.65rem 0.25rem; vertical-align: middle; color: #222; font-weight: 400; border-bottom: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; background: #fafafa;}
.tbl_st2 table td {padding: 0.5rem 0.25rem; border-bottom: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2;}
.tbl_st2 table tfoot th {padding: 0.65rem 0.25rem; color: #222; font-weight: 400; border-bottom: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; background: #fafbfb;}
.tbl_st2 table tfoot td {padding: 0.65rem 0.25rem; border-bottom: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; background: #fafbfb;}

/* 테이블 - 기타 */
.tbl_utile {margin-top: -1rem; text-align: right; line-height: 0.8rem; font-size: 0.75rem;} /* 유틸 */
.tbl_noBreak th, .tbl_noBreak td {word-break:keep-all;}/*은지 추가*/

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

/* 박스 : 박스 기본 타입 */
.box_st1 {position: relative; padding: 1rem; border: 1px solid #bfbfbf; background: #fff;}
.box_st2 {position: relative; padding: 1rem; border: 1px solid #bfbfbf; background: #fbfbfb;}
.box_st3 {padding: 0.25rem; background: url("/common/images/con_com/pt_diagonalG.png") repeat;}
.box_st3 .inner {position: relative; padding: 1rem; background: #fff;}
.box_st4 {position: relative; padding: 1rem; border-top: 2px solid #000; border-bottom: 1px solid #000;}
.box_st5  {position: relative; padding: 0.25rem; background: url("/common/images/con_com/pt_diagonalG.png") repeat;}
.box_st_ico {position: relative; min-height: 5.5rem; padding: 1rem 1rem 1rem 5.5rem; background: #fff;}
.box_st_ico .ico_boxImg {position: absolute; left: 0; top: 0; width: 5.5rem; height: 5.5rem; text-align: center;}
.box_st_ico .ico_boxImg img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}

[class^="box_st"] + ul {margin-top: 1rem;}

/* 탭 : 공통 */
div[class^="tab_st"] {position: relative; margin-bottom: 1rem; overflow: hidden;}
ul[class^="tab_st"] {overflow: hidden;}
ul[class^="tab_st"] a, 
ul[class^="tab_st"] ::before{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}
ul[class^="tab_st"] a:hover { text-decoration:none; }

/* 탭 : 1차 탭 *//* 반응형 수정 */
.tab_st1 {overflow: hidden;}
.tab_st1 > li {width: 25%; float: left; margin: 0.05rem 0;}
.tab_st1_box a {position: relative; display: block; margin-left: -1px; padding: 0.8rem; line-height: 1rem; font-size: 0.85rem; color: #444; text-align: center; border: 1px solid #d3d3d3; background-color: #f2f2f2;}
.tab_st1_box.st2 a {position: relative; display: block; margin-left: -1px; padding: 0.8rem; line-height: 1rem; font-size: 0.85rem; color: #444; text-align: center; border: 1px solid #3d5265; background-color: #fff;}
/* .tab_st1_box a:hover, */
.tab_st1_box li.on a {color: #fff; border-color: #3d5265; background-color: #3d5265;}
.tab_st1_box a {-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}
.tab_st1 > li:first-child > a {margin-left: 0 !important;}
.tab_st1 > li:nth-of-type(4n+1) > a {margin-left: 0;}
.tab_st1.Tab_w30 > li:nth-of-type(3n+1) > a {margin-left: 0;}
.tab_st1.Tab_w30 > li:nth-of-type(4n+1) > a {margin-left: -1px;}
/* .tab_st1.Tab_w30 > li:nth-of-type(5n+1) > a {margin-left: 0;} */

/* 탭 : 2차 탭이 있는 경우 *//* 반응형 수정 */
.tab_st1_box.double .tab_st1 > li > a {padding: 0.8rem 2.7rem 0.8rem 0.8rem; background: #f2f2f2 url("/common/images/con_com/tab_off.png") no-repeat right center;}
/* .tab_st1_box.double .tab_st1 > li > a:hover,  */
.tab_st1_box.double .tab_st1 > li.on > a {background: #3d5265 url("/common/images/con_com/tab_on.png") no-repeat right center;}

/* 탭 : 2차 탭 *//* 반응형 수정 *//* 2020.12.01.SY,CHo 디자인 변경 백업 
.tab_st2 {overflow: hidden;}
.tab_st2 > li {width: 25%; float: left; margin: 0.05rem 0;}
.tab_st2_box a {display: block; margin-right: 0.1rem; padding: 0.6rem 0.5rem; line-height: 0.95rem; font-size: 0.8rem; color: #444; text-align: center; border: 2px solid #d3d3d3; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}
.tab_st2_box a:hover, .tab_st2_box li.on a {color: #222; border-color: #043763;}
.tab_st2 > li a[target='_blank'] {background: url("/common/images/con_com/tab2_off_blank.png") no-repeat 95% center;}
*/

/* 탭 : 2차 탭 *//* 반응형 수정 */
.tab_st2 {overflow: hidden;}
.tab_st2 > li {width: 25%; float: left;}
.tab_st2_box a {display: block; padding: 0.6rem 0.5rem; line-height: 0.95rem; font-size: 0.8rem; color: #444; text-align: center; background: #f2f6f9; border: 1px solid #d3d3d3; border-bottom-color: #afafaf; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}
.tab_st2_box .tab_st2 > li:nth-of-type(n+2) a {margin-left: -1px;}
.tab_st2_box li.on a {position: relative; color: #222; background: #fff; border-color: #afafaf; border-top-color: #043763; border-bottom-color: #fff; z-index: 1;}
.tab_st2 > li a[target='_blank'] {background: url("/common/images/con_com/tab2_off_blank.png") no-repeat 95% center;}

/* 탭 :3차 탭 *//* 반응형 수정 */
.tab_st3 {overflow: hidden;}
.tab_st3 > li {width: 25%; float: left; margin: 0.05rem 0;}
.tab_st3_box a {display: block; margin-right: 0.1rem; padding: 0.6rem 0.5rem; line-height: 0.95rem; font-size: 0.8rem; color: #444; text-align: center; border-top: 2px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}
.tab_st3_box a:hover, .tab_st3_box li.on a {color: #222; border-color: #3d3d3d;}
.tab_st3 > li a[target='_blank'] {background: url("/common/images/con_com/tab2_off_blank.png") no-repeat 95% center;}

/* 탭 :리스트 탭 200709 KSY 수정 */
.tab_list {margin-bottom: 1rem; padding: 0.75rem 0 0.3rem; border: 4px solid #dfe6ee; overflow: hidden; background: url("/common/images/con_com/bg_tab_list.png") no-repeat left top;}
.tab_list > li {width: 25%; float: left; margin: 0.1rem 0;}
.tab_list > li a {position: relative; display: block; margin: 0 1rem; padding-left: 1.3rem; line-height: 1.6; min-height: 1.5rem; font-size: 0.8rem; color: #555; background: url("/common/images/con_com/tab_list_off.png") no-repeat left 0.15rem; background-size: 1.05rem; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}
.tab_list > li.on > a, 
.tab_list > li > a:hover {font-weight: 400; color: #043763; background: url("/common/images/con_com/tab_list_on.png") no-repeat left 0.15rem;}
.tab_list > li a[target='_blank']:after {content: ''; display: inline-block; width: 0.65rem; height: 0.65rem; margin-left: 0.5rem; background: url("/common/images/con_com/tab2_off_blank.png") no-repeat right center;}

/* 탭 :개수 지정 */
.Tab_w50 > li {width: 50%;}
.Tab_w30 > li {width: 33.333%;}
.Tab_w20 > li {width: 20%;}
.Tab_w16 > li {width: 16.666%;}
.Tab_w14 li {width:14.286%;}/* 210106 */

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

/* tab_list.type1 은지 수정 */ 
.tab_list.type1 > li {width: 20%;}
.tab_list.type1 > li a {line-height: 1.2; min-height: 2.3rem; word-break: keep-all; background-position: left 0;}

/* 포인트버튼 */
.btn_point  {position: relative; display: inline-block; padding: 0.75rem 3.5rem 0.75rem 1rem; margin: 0.05rem; line-height: 1.1rem; font-size: 0.9rem; color: #111; vertical-align: middle; border: 1px solid #111; background: #fff; overflow: hidden; border-radius: 2px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0);}
.btn_point.midd {padding: 0.5rem 2.5rem 0.5rem 1.15rem; line-height: 1rem; font-size: 0.8rem;}
.btn_point.mini {padding: 0.4rem 2rem 0.4rem 0.75rem; line-height: 0.9rem; font-size: 0.8rem;}
.btn_point span {position: absolute; right: 0.7rem; top: 50%; display: block; width: 0.9rem; height: 0.9rem; margin-top: -0.45rem; background-repeat: no-repeat; background-position: left center; background-size: 1.8rem 0.9rem; z-index: 2;}
.btn_point strong {position: relative; font-weight: 600; z-index: 2;}
.btn_point.mini span {right: 0.5rem;}
.btn_point:hover span {background-position: -0.9rem center;}
.btn_point span.down {background-image: url("/common/images/con_com/btn_dwldGW.png");}
.btn_point span.link {background-image: url("/common/images/con_com/btn_linkGW.png");}
.btn_point span.home {background-image: url("/common/images/con_com/btn_homeGW.png");}
.btn_point span.mail {background-image: url("/common/images/con_com/btn_mailGW.png");}
.btn_point span.search {background-image: url("/common/images/con_com/btn_searchGW.png");}
.btn_point span.glan {background-image: url("/common/images/con_com/btn_glanGW.png");}
.btn_point span.more {background-image: url("/common/images/con_com/btn_moreGW.png");}
.btn_point span.cldr {background-image: url("/common/images/con_com/btn_cldrGW.png");}
.btn_point span.down2 {background-image: url("/common/images/con_com/btn_dwldGW2.png");}/* 2020.10.20. SY,CHo 5.3.2.지급명세서미제출·허위제출신고 */
.btn_point.active span.down2 {background-image: url("/common/images/con_com/btn_dwldGW3.png");}/* 2020.10.20. SY,CHo 5.3.2.지급명세서미제출·허위제출신고 */
.btn_point:before{content: ''; position: absolute; bottom: -1.5rem; right: -1.5rem; width: 1.5rem; height: 1.5rem; border-radius: 50%; background: #043764; z-index: 1;} /* 첫번째 색상 */
.btn_point:after {content: ''; position: absolute; bottom: -1.5rem; left: -1.5rem; /* width: 1.5rem; */ width: 100%; height: 1.5rem; border-radius: 50%; background: #0084c2;  z-index: 1;} /* 두번째 색상 */
.btn_point:hover {color: #fff; border-color: #0084c2; text-decoration:none; /* transition: all 0.4s; */}
.btn_point:hover:before {transform: scale(20); /* transition: all 0.4s; */}
.btn_point:hover:after {transform: scale(20); /* transition: all 0.4s; transition-delay: 0.3s; */}

/* 강조버튼 */
.btn_emphs {position: relative; display: inline-block;}
.btn_emphs span {position: relative; display: block; width: 4rem; height: 4rem; text-indent: -10000em; background: #0084c2 url("/common/images/con_com/ico_btn.png") no-repeat left top; border-radius: 2rem;}
.btn_emphs:before {content: ''; position: absolute; top: 50%; left: 50%; width: 3.9rem; height: 3.9rem; margin: -1.95rem 0 0 -1.95rem; border: 1px solid #0084c2; border-radius: 50%; opacity: 0;}
.btn_emphs:before {-webkit-animation: pulsate 1.2s ease-out; -moz-animation: pulsate 1.2s ease-out; -o-animation: pulsate 1.2s ease-out; -ms-animation: pulsate 1.2s ease-out; animation: pulsate 1.2s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite;}


/* 다운로드 버튼 */
.btnBox {line-height: 1; overflow: hidden;}
.btnBox .btn {float: left; display: inline-block; margin-left: 20px; padding: 14px 20px; width: 22rem; border: 1px solid #a0aab3;}
.btnBox .btn:nth-of-type(2n+1) {margin-left: 0;}
.btnBox .btn:nth-of-type(n+3) {margin-top: 20px;}
.btnBox .btn a {float: left; display: block;}
.btnBox .btn strong {display: block; width: 100%; height: 30px; line-height: 30px; font-size: 0.85rem; font-weight: 700; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.btnBox .btn .view {width: 100%;}
.btnBox .btn .view strong {position: relative; padding-right: 30px; background: url("/images/web/nts/sub/btn_glass.png") no-repeat right center;}
.btnBox .btn .down,
.btnBox .btn .link,
.btnBox .btn .link2 {display: inline-block; padding-right: 25px; max-width: 100%; height: 30px; line-height: 30px; white-space: nowrap; text-overflow: ellipsis; background: no-repeat right center; overflow: hidden; font-size: 0.75rem; font-weight: 400;} /*201030 초은 추가*/
.btnBox .btn .down {position: relative; padding-right: 80px; background-image: url("/images/web/nts/sub/btn_down.png");}
.btnBox .btn .link {background-image: url("/images/web/nts/sub/r_i_btn_link.png");}
.btnBox .btn .link2 {background-image: url("/images/web/nts/sub/r_i_btn_link2.png");}/*201030 은지 추가*/
.btnBox .btn .down em {position: absolute; top: 0; right: 20px; width: 55px;}
.btnBox .btn img {margin-right: 0.5rem;}
.btnBox .btn.video a {display: block; width: 100%; height: 100%; overflow: hidden;}
.btnBox .btn.video span,
.btnBox .btn.video strong {float: left; display: block; height: 60px;}
.btnBox .btn.video span {position: relative; width: 120px; text-align: center; background: #eee;}
.btnBox .btn.video span:after {position: absolute; top: 50%; left: 50%; margin: -15px 0 0 -15px; width: 32px; height: 32px; background: url("/images/web/nts/sub/after_video.png") no-repeat center center; content: "";}
.btnBox .btn.video strong {padding-left: 1rem; width: calc(100% - 120px); height: 60px; line-height: 30px; white-space: normal;}
.btnBox .btn.video img {margin-right: 0;}
.btnBox .btn.video strong img {margin-left: 5px;}

.btnBox.indent1 {margin-left: 1.85rem;}


@-moz-keyframes pulsate {
	50% {opacity: 1;}
	100% {
		-webkit-transform: scale(1.3, 1.3);
		-moz-transform: scale(1.3, 1.3);
		-o-transform: scale(1.3, 1.3);
		-ms-transform: scale(1.3, 1.3);
		transform: scale(1.3, 1.3);
		opacity: 0;
	}
}
@-webkit-keyframes pulsate {
	50% {opacity: 1;}
	100% {
		-webkit-transform: scale(1.3, 1.3);
		-moz-transform: scale(1.3, 1.3);
		-o-transform: scale(1.3, 1.3);
		-ms-transform: scale(1.3, 1.3);
		transform: scale(1.3, 1.3);
		opacity: 0;
	}
}
@-o-keyframes pulsate {
	50% {opacity: 1;}
	100% {
		-webkit-transform: scale(1.3, 1.3);
		-moz-transform: scale(1.3, 1.3);
		-o-transform: scale(1.3, 1.3);
		-ms-transform: scale(1.3, 1.3);
		transform: scale(1.3, 1.3);
		opacity: 0;
	}
}
@keyframes pulsate {
	50% {opacity: 1;}
	100% {
		-webkit-transform: scale(1.3, 1.3);
		-moz-transform: scale(1.3, 1.3);
		-o-transform: scale(1.3, 1.3);
		-ms-transform: scale(1.3, 1.3);
		transform: scale(1.3, 1.3);
		opacity: 0;
	}
}

/* 버튼 : 기본 */
.btn_gr, .btn_grL, .btn_bl, .btn_blL, .btn_bk, .btn_bkL, .btn_sky, .btn_skyL, .btn_or, .btn_orL, .btn_na, .btn_naL {display: inline-block; margin: 0.05rem; line-height: 1rem; font-size: 0.8rem; font-weight: 400; border-radius: 2px; -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: 0.5rem 0.75rem; color: #fff; background: #515151;}/* 그레이 */
.btn_grL {padding: 0.45rem 0.7rem; color: #515151; border: 1px solid #515151;}
.btn_bl {padding: 0.5rem 0.75rem; color: #fff; background: #0084c2;}/* 블루 */
.btn_blL {padding: 0.45rem 0.7rem; color: #1052f6; border: 1px solid #1052f6;}
.btn_bk {padding: 0.5rem 0.75rem; color: #fff; background: #000;}/* 블랙 */
.btn_bkL {padding: 0.45rem 0.7rem; color: #000; border: 1px solid #000;}
.btn_sky {padding: 0.5rem 0.75rem; color: #fff; background: #13b6c1;}/* 스카이 */
.btn_skyL {padding: 0.45rem 0.7rem; color: #13b6c1; border: 1px solid #13b6c1;}
.btn_or {padding: 0.5rem 0.75rem; color: #fff; background: #e67700;}/* 오렌지 */
.btn_orL {padding: 0.45rem 0.7rem; color: #e67700; border: 1px solid #e67700;}
.btn_na {padding: 0.5rem 0.75rem; color: #fff; background: #043763;}/* 네이비 */
.btn_naL {padding: 0.45rem 0.7rem; color: #043763; border: 1px solid #043763;}

/* 버튼 : 작은사이즈 */
.btn_gr.mini, .btn_grL.mini, .btn_bl.mini, .btn_blL.mini, .btn_bk.mini, .btn_bkL.mini, .btn_sky.mini, .btn_skyL.mini, .btn_or.mini, .btn_orL.mini, .btn_na.mini, .btn_naL.mini {display: inline-block; margin: 0.05rem; line-height: 0.9rem; font-size: 0.65rem; font-weight: 400; border-radius: 2px; -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: 0.25rem 0.5rem; color: #fff; background: #515151;}/* 그레이 */
.btn_grL.mini {padding: 0.2rem 0.45rem; color: #515151; border: 1px solid #515151;}
.btn_bl.mini {padding: 0.25rem 0.5rem; color: #fff; background: #0084c2;}/* 블루 */
.btn_blL.mini {padding: 0.2rem 0.45rem; color: #0084c2; border: 1px solid #0084c2;}
.btn_bk.mini {padding: 0.25rem 0.5rem; color: #fff; background: #000;}/* 블랙 */
.btn_bkL.mini {padding: 0.2rem 0.45rem; color: #000; border: 1px solid #000;}
.btn_sky.mini {padding: 0.25rem 0.5rem; color: #fff; background: #1aa3ad;}/* 스카이 */
.btn_skyL.mini {padding: 0.2rem 0.45rem; color: #1aa3ad; border: 1px solid #1aa3ad;}
.btn_or.mini {padding: 0.25rem 0.5rem; color: #fff; background: #db790f;}/* 오렌지 */
.btn_orL.mini {padding: 0.2rem 0.45rem; color: #db790f; border: 1px solid #db790f;}
.btn_na.mini {padding: 0.25rem 0.5rem; color: #fff; background: #043763;}/* 네이비 */
.btn_naL.mini {padding: 0.2rem 0.45rem; color: #043763; border: 1px solid #043763;}

.btn_gr:hover, .btn_gr:focus {background: #898989; text-decoration:none;}/* 그레이 */
.btn_grL:hover, .btn_grL:focus {color: #898989; border: 1px solid #898989; text-decoration:none;}
.btn_bl:hover, .btn_bl:focus {background: #38ade4; text-decoration:none;}/* 블루 */
.btn_blL:hover, .btn_blL:focus {color: #38ade4; border: 1px solid #38ade4; text-decoration:none;}
.btn_bk:hover, .btn_bk:focus {background: #494949; text-decoration:none;}/* 블랙 */
.btn_bkL:hover, .btn_bkL:focus {color: #494949; border: 1px solid #494949; text-decoration:none;}
.btn_sky:hover, .btn_sky:focus {background: #15c9d5; text-decoration:none;}/* 스카이 */
.btn_skyL:hover, .btn_skyL:focus {color: #15c9d5; border: 1px solid #15c9d5; text-decoration:none;}
.btn_or:hover, .btn_or:focus {background: #e3933e; text-decoration:none;}/* 오렌지 */
.btn_orL:hover, .btn_orL:focus {color: #e3933e; border: 1px solid #e3933e; text-decoration:none;}
.btn_na:hover, .btn_na:focus {background: #145e9e; text-decoration:none;}/* 네이비 */
.btn_naL:hover, .btn_naL:focus {color: #145e9e; border: 1px solid #145e9e; text-decoration:none;}

/* 버튼 : 기본 + 아이콘 */
.btn_gr.ico_w, .btn_bl.ico_w, .btn_bk.ico_w, .btn_sky.ico_w, .btn_or.ico_w, .btn_na.ico_w {position: relative; padding: 0.5rem 2.5rem 0.5rem 0.75rem;}
.btn_grL.ico_g, .btn_blL.ico_g, .btn_bkL.ico_g, .btn_skyL.ico_g, .btn_orL.ico_g, .btn_naL.ico_g {position: relative; padding: 0.45rem 2.45rem 0.45rem 0.7rem;}
.ico_w span, .ico_g span {position: absolute; right: 0.75rem; top: 50%; display: block; width: 0.9rem; height: 0.9rem; margin-top: -0.45rem; background-repeat: no-repeat; background-size: 0.9rem 0.9rem; border-radius: 2px; -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 {right: 1rem;}

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

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

/* 버튼 : 작은사이즈 + 아이콘 */
.btn_gr.mini.ico_w, .btn_bl.mini.ico_w, .btn_bk.mini.ico_w, .btn_sky.mini.ico_w, .btn_or.mini.ico_w, .btn_na.mini.ico_w {position: relative; padding: 0.25rem 1.75rem 0.25rem 0.5rem;}
.btn_grL.mini.ico_g, .btn_blL.mini.ico_g, .btn_bkL.mini.ico_g, .btn_skyL.mini.ico_g, .btn_orL.mini.ico_g, .btn_naL.mini.ico_g {position: relative; padding: 0.2rem 1.7rem 0.2rem 0.45rem;}
.mini.ico_w span, .mini.ico_g span {position: absolute; right: 0.5rem; top: 50%; display: block; width: 0.65rem; height: 0.65rem; margin-top: -0.35rem; background-repeat: no-repeat; background-size: 0.65rem 0.65rem; -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 {right: 0.65rem;}

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

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

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

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

/* 콘텐츠 준비중 */
.Coming_soon {padding: 0.25rem; background: #dfe6ee url("/common/images/con_com/pt_diagonalW.png") repeat;}
.Coming_soon .inner {padding: 2.5rem 1rem; text-align: center; background: #fff; word-break: keep-all;}
.Coming_soon .inner h3 {font-size: 1.5rem; color: #222;}
.Coming_soon .inner p {position: relative; margin-top: 1.5rem; padding-top: 1.65rem; font-size: 0.9rem;}
.Coming_soon .inner p:before {content: ''; position: absolute; top: 0; left: 50%; width: 2rem; height: 0.15rem; margin-left: -1rem; background: #222;}

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

/* input select px - 2020.11.02.important 사용금지!! */
.InpSel_50 {width: 2.5rem !important}
.InpSel_80 {width: 4rem !important}
.InpSel_100 {width: 5rem !important}
.InpSel_150 {width: 7.5rem !important}
.InpSel_200 {width: 10rem !important}
.InpSel_230 {width: 11.5rem}
.InpSel_250 {width: 12.5rem !important}
.InpSel_270 {width: 13.5rem;}
.InpSel_300 {width: 15rem}
.InpSel_350 {width: 17.5rem !important}
.InpSel_400 {width: 20rem !important}
.InpSel_450 {width: 22.5rem !important}
.InpSel_500 {width: 25rem !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: 0.25rem !important;}
.pd10 {padding: 0.5rem !important;}
.pd15 {padding: 0.75rem !important;}
.pd20 {padding: 1rem !important;}
.pd30 {padding: 1.5rem !important;}

.pdt5  {padding-top: 0.25rem !important;}
.pdt10 {padding-top: 0.5rem !important;}
.pdt15 {padding-top: 0.75rem !important;}
.pdt20 {padding-top: 1rem !important;}
.pdt30 {padding-top: 1.5rem !important;}
.pdt40 {padding-top: 2rem !important;}

.pdr5  {padding-right: 0.25rem !important;}
.pdr10 {padding-right: 0.5rem !important;}
.pdr15 {padding-right: 0.75rem !important;}
.pdr20 {padding-right: 1rem !important;}
.pdr30 {padding-right: 1.5rem !important;}

.pdb5  {padding-bottom: 0.25rem !important;}
.pdb10 {padding-bottom: 0.5rem !important;}
.pdb15 {padding-bottom: 0.75rem !important;}
.pdb20 {padding-bottom: 1rem !important;}
.pdb30 {padding-bottom: 1.5rem !important;}

.pdl5  {padding-left: 0.25rem !important;}
.pdl10 {padding-left: 0.5rem !important;}
.pdl15 {padding-left: 0.75rem !important;}
.pdl20 {padding-left: 1rem !important;}
.pdl30 {padding-left: 1.5rem !important;}

/* 마진 */
.mg0  {margin: 0 !important;}
.mg5  {margin: 0.25rem !important;}
.mg10 {margin: 0.5rem !important;}
.mg15 {margin: 0.75rem !important;}
.mg20 {margin: 1rem !important;}
.mg30 {margin: 1.5rem !important;}

.mgt5  {margin-top: 0.25rem !important;}
.mgt10 {margin-top: 0.5rem !important;}
.mgt15 {margin-top: 0.75rem !important;}
.mgt20 {margin-top: 1rem !important;}
.mgt30 {margin-top: 1.5rem !important;}
.mgt40 {margin-top: 2rem !important;}

.mgt5n  {margin-top: -0.25rem !important;}
.mgt10n  {margin-top: -0.5rem !important;}

.mgr5  {margin-right: 0.25rem !important;}
.mgr10 {margin-right: 0.5rem !important;}
.mgr15 {margin-right: 0.75rem !important;}
.mgr20 {margin-right: 1rem !important;}
.mgr30 {margin-right: 1.5rem !important;}

.mgb0  {margin-bottom: 0 !important;}
.mgb5  {margin-bottom: 0.25rem !important;}
.mgb10 {margin-bottom: 0.5rem !important;}
.mgb15 {margin-bottom: 0.75rem !important;}
.mgb20 {margin-bottom: 1rem !important;}
.mgb30 {margin-bottom: 1.5rem !important;}

.mgl5  {margin-left: 0.25rem !important;}
.mgl10 {margin-left: 0.5rem !important;}
.mgl15 {margin-left: 0.75rem !important;}
.mgl20 {margin-left: 1rem !important;}
.mgl30 {margin-left: 1.5rem !important;}

/* 당구장, 별표 대체 */
.re_mark {line-height: 1.6; font-size: 0.75rem;}
.st_mark {line-height: 1.6; font-size: 0.7rem;}
.li_w50.exception > li {padding: 0.25rem; width: 50%;}


/* 국선대리인 */
.btn_outwr_position{
		position: absolute !important;
		top: -0.8rem;
		right: 14.5%;
		margin-top: 0.6rem !important;
}



/* 세무일정 */
.tab_st2.Tab_w10 > li {width: 8.333%}

@media screen and (max-width: 1400px) {
	/* tab_list.type1 은지 수정 */ 
	.tab_list.type1 > li {width: 25%;}
	.btn_outwr_position{position: absolute !important;	top: 1rem; right: calc(50% - 4rem); margin-top: 0.6rem !important;}
}

@media screen and (max-width: 1280px){ 
	/* 탭 :반응형 */	
	.reactTab a.selectTab {display: block; border-color: #0e4b90; color: #0e4b90;}
	.reactTab.tab_st1_box {height: 0; padding: 2.9rem 0 0;}
	.reactTab.tab_st1_box a.selectTab {font-weight: 400; color: #fff; background: #0e4b90 url("/common/images/con_com/tab_on.png") no-repeat right center;}
	.reactTab.tab_st2_box {height: 0; padding: 2.45rem 0 0;}
	.reactTab.tab_st2_box a.selectTab {font-weight: 400;}
	.reactTab.tab_st3_box {height: 0; padding: 2.45rem 0 0;}
	.reactTab.tab_st3_box a.selectTab {font-weight: 400;}
	.reactTab li {width: 100% !important;}
	.reactTab.tab_st4_box {height: 0; padding: 2.55rem 0 0;}
	
	.reactTab ul[class^="tab_st"] > li {float: none; width: 100%; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.reactTab ul.tab_st1 > li {float: none; margin: 0.15rem 0;}
	.reactTab ul[class^="tab_st"] > li.on,
	.reactTab ul.tab_list > li.on {position: absolute; left: 0; top: 0; width: 100%;}
	
	.reactTab ul.tab_list > li.on a {border: 4px solid #a4bad4; padding: 0.5rem 0.5rem 0.5rem 2rem; margin: 0; background-position: 1rem 0.65rem;}
	.reactTab ul.tab_list > li:not(.on) {width: 50% !important;}
	
	/* 리스트 : 가로 나열 */
	.li_w50 > li, .li_w30 > li, .li_w25 > li, .li_w20 > li {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.li_w50 > li {width: 50%;}
	.li_w30 > li {width: 33%;}
	.li_w25 > li {width: 25%;}
	.li_w20 > li {width: 20%;}

	/* 초은 수정 */
	.tab_st1_box a {margin-left: 0px;}

	/* 테이블 - 기타 */
	.tbl_utile {margin-top: 0;}/* 유틸 & 스크롤있을때 */
}

@media screen and (max-width: 860px){ 
	/* 리스트 : 가로 나열 */
	.li_w50 > li {width: 100%;}
	.li_w30 > li {width: 50%;}
	.li_w25 > li {width: 33%;}
	.li_w20 > li {width: 25%;}

	/* 탭 : 1차, 2차, 3차 탭 */
	.tab_st1 li, .tab_st2 li, .tab_st3 li, .tab_list li {width: 33%;}

	/* 탭 : 개수 지정 */
	.tab_st1.Tab_w50 li, .tab_st2.Tab_w50 li, .tab_st3.Tab_w50 li {width: 100%;}
	.tab_st1.Tab_w30 li, .tab_st2.Tab_w30 li, .tab_st3.Tab_w30 li {width: 50%;}
	.tab_st1.Tab_w20 li, .tab_st2.Tab_w20 li, .tab_st3.Tab_w20 li, .tab_st2.Tab_w10 li {width: 33%;}

	/* tab_list.type1 은지 수정 */ 
	.tab_list.type1 > li {width: 33.333%;}

	/* 스크롤 */
	.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 0.25rem ; background-size: 1.5rem 100%; z-index: 1}	
	.scroll_img > table,
	.scroll_gr > table {width: 43rem;}

	/* 2020.12.24. SY,CHo 자주묻는 질문답변 editer 스타일 변형 강제 설정 */
	.bbs_FaqA .faq_A .scroll_gr {width: 100% !important; overflow-x: auto !important;}
	.bbs_FaqA .faq_A .scroll_gr table {width: 43rem !important;}
}


@media screen and (max-width: 640px){ 
	/* 리스트 : 가로 나열 */
	.li_w30 > li {width: 100%;}
	.li_w25 > li {width: 50%;}
	.li_w20 > li {width: 33%;}

	/* 박스 : 박스 기본 타입 */
	.box_st_ico {padding-left: 1rem;}
	.box_st_ico .ico_boxImg {position: static; left: auto; top: auto; margin: 0 auto 0.5rem; height: auto; text-align: center;}
	.box_st_ico .ico_boxImg img {position: static; left: auto; top: auto; transform: none; -webkit-transform: none;}

	/* 탭 : 1차, 2차, 3차 탭 */
	.tab_st1 li, .tab_st2 li, .tab_st3 li, .tab_list li {width: 50%;}

	/* 탭 : 개수 지정 */
	.tab_st1.Tab_w30 li, .tab_st2.Tab_w30 li, .tab_st3.Tab_w30 li {width: 100%;}
	.tab_st1.Tab_w20 li, .tab_st2.Tab_w20 li, .tab_st3.Tab_w20 li {width: 50%;}

	/* tab_list.type1 은지 수정 */
	.tab_list.type1 > li {width: 50%;}
	.tab_list.type1 > li a {min-height: 1.5rem;}
}


@media screen and (max-width: 480px){ 
	/* 리스트 : 가로 나열 */
	.li_w25 > li {width: 100%;}
	.li_w20 > li {width: 50%;}

	/* 탭 : 1차, 2차, 3차 탭 */
	.tab_st1 li, .tab_st2 li, .tab_st3 li, .tab_list li {width: 100%;}

	/* 탭 : 개수 지정 */
	.tab_st1.Tab_w20 li, .tab_st2.Tab_w20 li, .tab_st3.Tab_w20 li {width: 100%;}

	/* tab_list.type1 은지 수정 */
	.tab_list.type1 > li {width: 100%;}
	
	/*list_st1 다운로드 버튼 들어가는 경우*/
	.list_st1_1 > li.btnLink > span.txt_listDown{ display:block; margin-bottom:0.5rem } /*201118 HLL*/
	.list_st1_1 > li.btnLink:before { top:0.7rem;} /*201118 HLL*/
}

@media screen and (max-width: 380px){ 
	/* 리스트 : 가로 나열 */
	.li_w20 > li {width: 100%;}
	
	/*list_st1 다운로드 버튼 들어가는 경우*/
    .list_st1_1 > li.btnLink a.file_down{ margin: 0 0.1rem 0.5rem } /*201118 HLL*/

}

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