@charset "UTF-8";
/* wrap fixed */
#wrap.fixWrap{position:fixed; width:100%;}

/* Guide Layout */
.Guide_con { padding: 1rem; }

.Guide_con h3.Guid_tit { position: relative; padding-top: 8px; font-size: 24px; color: #111; font-weight: 500; }

.Guide_con h3.Guid_tit:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 60px; height: 4px; background: #1976d2; }

.Guide_con .DG_list { padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px dashed #c3c3c3; overflow: hidden; }

.Guide_con .DG_list li { margin: 5px; float: left; }

.Guide_con .DG_list li a { display: block; min-width: 170px; padding: 0 20px; text-align: center; font-size: 18px; line-height: 45px; color: #fff; border: 1px solid #07174a; background: #07174a; }

.Guide_con .DG_list li a:hover, .Guide_con .DG_list li a:focus { border: 1px solid #064584; background: #1976d2; }

.Guide_con #con_com_box { margin-top: 2rem; }

.Guide_con .com_code { width: 100%; height: 100px; font-size: 12px; font-family: 'Dotum'; line-height: 1.3; color: #000; border: none; background: #f7f7f7; }

/* Guide Title */
.Guide_titBox { margin: 20px 0 20px; padding: 0 20px 20px; color: #000; text-align: center; border-bottom: 2px dotted #999; background: #fff; }

.Guide_titBox h3 { position: relative; padding-bottom: 10px; margin-bottom: 10px; font-size: 1.2rem; font-weight: 600; }

.Guide_titBox h3:before { content: ""; display: block; position: absolute; bottom: 0; left: 50%; width: 60px; height: 2px; margin-left: -30px; border-radius: 1px; background: #000; }

.Guide_titBox p { margin-top: 5px; font-size: 14px; }

.Guide_titBox2 { position: relative; margin: 30px 0 40px; color: #000; border-top: 2px solid #333; border-bottom: 1px solid #666; background: #f7f7f7; line-height: 0; font-size: 0; }

.Guide_titBox2 h3 { display: inline-block; margin: -15px 0 0 -1px; padding: 3px 20px; line-height: 20px; font-size: 16px; color: #fff; background: #333; }

.Guide_titBox2 div { padding: 10px 0; font-size: 14px; line-height: 18px; }

/* common form */
label { vertical-align: middle; font-size: 0.8rem; margin-right: 0.5rem; }

label input { margin-right: 0.25rem; vertical-align: middle; }

input.w100 { width: 100%; }

input.w80 { width: 80%; }

input.w60 { width: 60%; }

input.w50 { width: 50%; }

input.w40 { width: 40%; }

input.w30 { width: 30%; }

input.w20 { width: 20%; }

input.mx-w5 { width: 100%; max-width: 5rem; }

input.mx-w10 { width: 100%; max-width: 10rem; }

input.mx-w20 { width: 100%; max-width: 20rem; }

input.mx-w30 { width: 100%; max-width: 30rem; }

input.mx-w40 { width: 100%; max-width: 40rem; }

/* 타이틀(공통) */
h3[class^='titT'], h4[class^='titT'], h5[class^='titT'], .tit1, h3[class*='titTy1'] { font-size: 1.35rem; }

h3[class^='tit'] { font-family: 'SCDream'; line-height: 1.3; font-weight: 600; margin-top: 2.5rem; }

h3[class^='tit']:nth-of-type(1) { margin-top: 0rem; }

*[class^='tit'][class*='1'] + *[class^='tit'][class*='2'] { margin-top: 0.5rem; }

*:not(h2) + h3[class^='tit'], *:not(h1) + h3[class^='titT'] { margin-top: 2.5rem !important; }

h4[class^='tit'] { font-family: 'SCDream'; line-height: 1.3; font-weight: 600; margin-top: 2rem; }

h4[class^='tit']:nth-of-type(1) { margin-top: 0rem; }

*[class^='tit'][class*='2'] + *[class^='tit'][class*='3'] { margin-top: 0.5rem; }

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

h5[class^='tit'] { font-family: 'SCDream'; line-height: 1.3; font-weight: 600; margin-top: 1.5rem; }

h5[class^='tit']:nth-of-type(1) { margin-top: 0rem; }

*[class^='tit'][class*='3'] + *[class^='tit'][class*='4'] { margin-top: 0.5rem; }

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

/* 타이틀(텍스트 타입) */
.titT1 { margin-top: 2.5rem; color: #e50039; }

.titT2 { margin-top: 2rem; color: #222; }

.titT3 { margin-top: 1.5rem; color: #3e4e6f; }

/* 타이틀(블릿 타입) */
.tit1Box { position: relative; overflow: hidden; padding-left: 15.25rem; }

.tit1Box div[class^='box_st'] { margin-top: 0; overflow: hidden; }

.tit1Box div[class^='box_st'] + div[class^='box_st'] { margin-top: 1rem; }

.tit2Box { position: relative; overflow: hidden; }

.tit2Box > .inner { display: inline-block; vertical-align: top; width: calc(100% - 14.5rem); padding-left: 1.5rem; }

.tit2Box h3[class*='titTy1'] { width: 14rem; display: inline-block; margin-bottom: 0; }

.tit2Box h3[class*='titTy1'] + .titTy2, .tit2Box h3[class*='titTy1'] + .titTy3 { margin-top: 0 !important; }

* + .tit1Box { margin-top: 2.5rem !important; }

* + .tit2Box { margin-top: 3.5rem !important; }

.tit1 { position: absolute; width: 14rem; left: 0; top: 0; padding-top: 0.5rem; padding-left: 1.75rem; color: #111; overflow: hidden; }

.tit1:before { content: ""; position: absolute; left: 0; top: 1.3rem; width: 1rem; height: 3px; background: #e50039; }

.tit2 { font-size: 1.1rem; color: #111; }

.tit2 span { -webkit-box-shadow: inset #dadde4 0 -0.5rem 0; box-shadow: inset #dadde4 0 -0.5rem 0; }

.tit3 { font-size: 1rem; color: #111; }

.tit3B { font-size: 1rem; color: #3e4e6f; }

.tit3R { font-size: 1rem; color: #e50039; }

.titTy1:after { background: #e50039; }

.titTy1_1:after { background: #3e4e6f; }

h3[class*='titTy1'] { position: relative; padding-bottom: .5rem; font-weight: 600; color: #111; overflow: hidden; font-weight: 700 !important; margin-bottom: .75rem; }

h3[class*='titTy1']:before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background: #ededed; }

h3[class*='titTy1']:after { content: ""; position: absolute; left: 0; bottom: 0; width: 3rem; height: 3px; }

h4[class*='titTy2'] { position: relative; padding: .5rem 0 .25rem .5rem; font-size: 1.25rem; font-weight: 700; color: #15233e; background: url("/00_common/images/con_com/bu_titTy2.png") no-repeat left top; }

h5[class*='titTy3'] { position: relative; padding-left: .75rem; padding-bottom: .25rem; font-size: 1rem; font-weight: 700; color: #3e4e6f; background: url("/00_common/images/con_com/bu_titTy3.png") no-repeat left 4px; }

* + h3[class*='titTy1'] { margin-top: 2.5rem !important; }

* + h4[class*='titTy2'] { margin-top: 2rem !important; }

* + h5[class*='titTy3'] { margin-top: 1.5rem !important; }

/* 블릿 */
.bu_st1, .bu_st2, .bu_st3, .bu_st4 { position: relative; padding-left: 0.75rem; margin-top: 0.25rem; margin-left: .5rem; }

.list_st1 > li, .list_st2 > li, .list_st3 > li, .list_st4 > li { position: relative; padding-left: 0.75rem; margin-top: 0.25rem; }

.list_st5 > li { position: relative; padding-left: 0.75rem; margin-top: 0.5rem; font-size:0.8rem;}

.bu_st1:before, .list_st1 > li:before { content: ''; position: absolute; top: 0.65rem; left: 0; width: 5px; height: 5px; background: #9ea6b7; }

.bu_st2:before, .list_st2 > li:before { content: ''; position: absolute; top: 0.6rem; left: 0; width: 4px; height: 2px; background: #666; }

.bu_st3:before, .list_st3 > li:before { content: ''; position: absolute; top: 0.6rem; left: 0; width: 3px; height: 3px; background: #9a9a9a; }

.bu_st4:before, .list_st4 > li:before { content: ''; position: absolute; top: 0.6rem; left: 0; width: 6px; height: 1px; background: #9a9a9a; }

.bu_st4:before, .list_st5 > li:before { position: absolute; top: 0.6rem; left: 0; width: 6px; height: 1px; background: #9a9a9a; }

.bu_st2 { margin-left: 0.75rem; }

.bu_st3 { margin-left: 1rem; color: #666; }

.bu_st4 { margin-left: 1.25rem; color: #666; }

/* 리스트 : 블릿 타입 */
.list_st1 > li { margin-left: .5rem; }

.list_st3 > li { color: #666; }

.list_st4 > li { color: #666; }

.list_st5 > li { color: #666; }

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

/* 리스트 : 텍스트 타입 */
.list_stT1 > li { margin-top: 0.5rem; /* 첫 li 는 폰트가 좀 더 큼 & 간격 변동 있음 */ }

.list_stT1 > li ul, .list_stT1 > li ol { margin-left: 0.5rem; }

.list_stT1 > li ul li, .list_stT1 > li ol li { font-size: 0.8rem; margin-top: 0.3rem; }

.list_stT2 li { margin-top: 0.5rem; }

.list_stT2 li ul, .list_stT2 li ol { margin-left: 0.5rem; }

/* 리스트 : li > p 블릿여백*/
ul[class^='list_'] > li > p[class^='bu'], ol[class^='list_'] > li > p[class^='bu'] { margin-lefT: 0; }

/* 리스트 : 가로 나열 */
ul[class*='li_w'] { overflow: hidden; }

.li_w50 > li { width: 50%; float: left; }

.li_w30 > li { width: 33%; float: left; }

.li_w25 > li { width: 25%; float: left; }

.li_w20 > li { width: 20%; float: left; }

/* 리스트 : 순차적 리스트 타입 */
.list_ol1 > li, .list_ol2 > li { position: relative; padding-left: 1.6rem; margin-top: 0.5rem; }

.list_ol1 > li > span.num, .list_ol2 > li > span.num { position: absolute; left: 0; top: 0; width: 1.25rem; height: 1.25rem; line-height: 1.25rem; color: #fff; background: #e50039; font-size: 0.75rem; text-align: center; }

.list_ol2 > li > span.num { background: #3e4e6f; }

/* 텍스트 요소 : 폰트컬러 타입 */
.pc_red { color: #e50039 !important; }

.pc_gray { color: #666 !important; }

.pc_blue { color: #0045d2 !important; }

.pc_navy { color: #3e4e6f !important; }

.pc_org { color: #ff4400 !important; }

.pc_black { color: #000 !important; }

.pc_green { color: #099e5e !important; }

.pc_yellow { color: #eb8809 !important; }

/* 텍스트 요소 : 텍스트 배경색 */
.bg_red, .bg_gray, .bg_blue, .bg_navy, .bg_org, .bg_black, .bg_green, .bg_yellow { padding: 1px 0.5rem !important; color: #fff !important; display: inline-block; }

.bg_red { background: #e50039 !important; }

.bg_gray { background: #666 !important; }

.bg_blue { background: #0045d2 !important; }

.bg_navy { background: #3e4e6f !important; }

.bg_org { background: #ff4400 !important; }

.bg_black { background: #000 !important; }

.bg_green { background: #099e5e !important; }

.bg_yellow { background: #eb8809 !important; }

/* 텍스트 요소 : 강조 타입 */
.Tline_b { text-decoration: underline !important; }

.Tline_bgB { -webkit-box-shadow: inset #cfdbf8 0 -0.5rem 0; box-shadow: inset #cfdbf8 0 -0.5rem 0; }

.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_mail, a.bu_mailL, a.bu_down, a.bu_downL, a.bu_tel, a.bu_telL { position: relative; display: inline-block; }

a.bu_mail:before, a.bu_mailL:before, a.bu_down:before, a.bu_downL:before, a.bu_tel:before, a.bu_telL:before { content: ""; position: absolute; left: 0; bottom: 0; width: calc(100% - 1rem); height: 1px; }

a.bu_link:after, a.bu_linkL:after, a.bu_mail:after, a.bu_mailL:after, a.bu_down:after, a.bu_downL:after, a.bu_tel:after, a.bu_telL:after { display: inline-block; font-size: 0.8rem; font-family: 'xeicon'; padding-left: 0.15rem; }

a.bu_link { color: #e50039; }

a.bu_link:after { content: "\e980"; }

a.bu_linkL { color: #666; }

a.bu_linkL:after { content: "\e980"; }

a.bu_mail { color: #e50039; }

a.bu_mail:before { background: #e50039; }

a.bu_mail:after { content: "\ea07"; }

a.bu_mailL { color: #666; }

a.bu_mailL:before { background: #666; }

a.bu_mailL:after { content: "\ea07"; }

a.bu_down { color: #e50039; }

a.bu_down:before { background: #e50039; }

a.bu_down:after { content: "\eb7c"; }

a.bu_downL { color: #666; }

a.bu_downL:before { background: #666; }

a.bu_downL:after { content: "\eb7c"; }

a.bu_tel { color: #e50039; }

a.bu_tel:before { background: #e50039; }

a.bu_tel:after { content: "\e9d3"; }

a.bu_telL { color: #666; }

a.bu_telL:before { background: #666; }

a.bu_telL:after { content: "\e9d3"; }

/* 텍스트 요소 : 주의&경고&말풍선 타입 */
div + .bu_atte, div + .bu_wnrn, div + .bu_ment, table + .bu_atte, table + .bu_wnrn, table + .bu_ment, ul + .bu_atte, ul + .bu_wnrn, ul + .bu_ment { margin-top: 1rem; }

.bu_atte { position: relative; margin-top: 0.25rem; margin-left: .5rem; }

.bu_atte:before { content: "※"; display: inline-block; padding-right: 0.25rem; color: #e50039; vertical-align: middle; }

.bu_wnrn { margin-top: 0.25rem; margin-left: .5rem; }

.bu_wnrn:before { content: ""; display: inline-block; padding-right: 0.25rem; font-family: 'xeicon'; color: #e50039; font-size: 1rem; vertical-align: middle; }

.bu_ment { margin-top: 0.25rem; margin-left: .5rem; }

.bu_ment:before { content: "\ea1c"; display: inline-block; padding-right: 0.25rem; font-family: 'xeicon'; color: #e50039; vertical-align: middle; }

/* 테이블 - wide */
.tbl_wide{overflow:auto !important;}

.tbl_wide > table{width:75rem !important;}

.tbl_wide > table td{word-break:break-all;}

/* 테이블 : 테이블 기본 타입 */
div[class*='tbl_st'] { position: relative; width: 100%; background: #fff; margin-top: 0.25rem; }

div[class*='tbl_st']:not(.tbl_st2) {overflow: hidden; }

div[class*='tbl_st'] > table { position: relative; width: 100%; margin-left: -1px; text-align: center; border-top: 2px solid #111; -webkit-overflow-scrolling: touch; word-break: keep-all; /* word-break:break-all; 강제 줄바꿈 */ }

div[class*='tbl_st'] > table li { font-size: 0.8rem; }

div[class*='tbl_st'] > table li:before { top: 0.5rem; }

.tbl_st > table td { padding: 0.5rem; line-height: 1.2rem; color: #666; font-size: 0.8rem; border-bottom: 1px solid #d7d7d7; border-left: 1px solid #d7d7d7; }

.tbl_st > table td .bul02 {display:block;}

.tbl_st > table th { padding: 0.65rem 0.5rem; font-family: 'SCDream'; color: #111; font-weight: 600; vertical-align: middle; line-height: 1.5rem; border-bottom: 1px solid #d7d7d7; border-left: 1px solid #d7d7d7; }

.tbl_st > table thead th { background: #f4f4f4; }

.tbl_st > table tbody th { background: #f9f9f9; }

.tbl_st > table tfoot th { background: rgba(0, 0, 0, 0.02); }

.tbl_st > table tfoot td { border-bottom: 1px solid #d7d7d7; border-left: 1px solid #d7d7d7; background: rgba(0, 0, 0, 0.02); }

/* 테이블 : 세로테이블 */
.tbl_st_row > table td { padding: 0.5rem; line-height: 1.2rem; color: #666; font-size: 0.8rem; border-bottom: 1px solid #d7d7d7; border-left: 1px solid #d7d7d7; }

.tbl_st_row > table th { padding: 0.65rem 0.5rem; font-family: 'SCDream'; color: #111; font-weight: 600; vertical-align: middle; line-height: 1.5rem; border-bottom: 1px solid #d7d7d7; border-left: 1px solid #d7d7d7; }

.tbl_st_row > table tbody th { background: #f9f9f9; }

.tbl_st_row > table tfoot th { background: rgba(0, 0, 0, 0.02); }

.tbl_st_row > table tfoot td { background: rgba(0, 0, 0, 0.02); }

/* 테이블 : 테이블 4면 선 */
.tbl_st2 > table { margin-left: 0 !important; border-left: 1px solid #d7d7d7; }

.tbl_st2 > table th { padding: 0.65rem 0.25rem; font-family: 'SCDream'; color: #111; font-weight: 600; vertical-align: middle; line-height: 1.5rem; border-bottom: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; }

.tbl_st2 > table td { padding: 0.5rem 0.25rem; line-height: 1.2rem; color: #666; font-size: 0.8rem; border-bottom: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; }

.tbl_st2 > table thead th { background: #f3f3f3; }

.tbl_st2 > table tbody th { background: #f9f9f9; }

.tbl_st2 > table tfoot th { background: rgba(0, 0, 0, 0.02); }

.tbl_st2 > table tfoot td { background: rgba(0, 0, 0, 0.02); }

/* 테이블 - form */
table select, table input[type='text'], table input[type='password'] { height: 1.9rem; line-height: 1.9rem; border: 1px solid #ddd; padding: 0 0.5rem; color: #666; }

table *[class^='btn_'] { padding: 0.4rem 0.5rem; font-size: 0.75rem; vertical-align: middle; margin-top: 0; }

table .list_st3 > li, table .list_st4 > li, table .list_st5 > li { color: #333; }

/* 테이블 - 기타 */
.tbl_utile { margin-top: -20px; text-align: right; line-height: 16px; 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: #dfe9f8 !important; }

/* 블루 */
.tbl_bg_ye, .tbl_bg_ye th { color: #111; background-color: #f5f0df !important; }

/* 옐로우 */
.tbl_bg_re, .tbl_bg_re th { color: #111; background-color: #fceff0 !important; }

/* 레드 */
.tbl_bg_gr, .tbl_bg_gr th { color: #111; background-color: #effcf6 !important; }

/* 그린 */
.tbl_L { border: 2px solid #333 !important; }

.tbl_L_T { border-top: 2px solid #333 !important; }

.tbl_L_B { border-bottom: 2px solid #333 !important; }

.tbl_L_L { border-left: 2px solid #333 !important; }

.tbl_Lbl { border: 2px solid #014d9b !important; }

.tbl_Lbl_T { border-top: 2px solid #014d9b !important; }

.tbl_Lbl_B { border-bottom: 2px solid #014d9b !important; }

.tbl_Lbl_L { border-left: 2px solid #014d9b !important; }

.tbl_Lre { border: 2px solid #ff6363 !important; }

.tbl_Lre_T { border-top: 2px solid #ff6363 !important; }

.tbl_Lre_B { border-bottom: 2px solid #ff6363 !important; }

.tbl_Lre_L { border-left: 2px solid #ff6363 !important; }

.tbl_Lgr { border: 2px solid #099e5e !important; }

.tbl_Lgr_T { border-top: 2px solid #099e5e !important; }

.tbl_Lgr_B { border-bottom: 2px solid #099e5e !important; }

.tbl_Lgr_L { border-left: 2px solid #099e5e !important; }

.tbl_Lye { border: 2px solid #f9ba00 !important; }

.tbl_Lye_T { border-top: 2px solid #f9ba00 !important; }

.tbl_Lye_B { border-bottom: 2px solid #f9ba00 !important; }

.tbl_Lye_L { border-left: 2px solid #f9ba00 !important; }

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

.tbl_LB_none { border-bottom: none !important; }

.tbl_LL_none { border-left: none !important; }

.tbl_LR_none { border-right: none !important; }

/* 박스 : 박스 기본 타입 */
div[class^="box_st"] { position: relative; padding: 1.25rem 2rem; margin-top: .5rem; }

.box_st1 { border: 1px solid #dbdbdd; background: #fff; }

.box_st1_1 { background: #fff; }

.box_st2 { border: 1px solid #dbdbdd; background: #f7f7f7; }

.box_st2_1 { background: #f7f7f7; }

.box_st3 { border: 3px solid #e50039; background: #fff; }

.box_st3_1 { border: 3px solid #d9dce3; background: #fff; }

.box_st4 { border: 2px solid #ededed; background: #f7f7f7; min-height: 7.5rem; }

.box_st4 > .ico { position: absolute; left: 2rem; top: .85rem; width: 105px; height: 105px; line-height: 105px; text-align: center; border-radius: 50%; background: #e41d4f url("/00_common/images/con_com/bg_box04.png") no-repeat left top/cover; }

.box_st4 > .inner { margin-left: 130px; }

/* 탭 : 공통 */
div[class^="tab_st"] { position: relative; overflow: hidden; margin-bottom: 2.5rem; font-family: 'SCDream'; }

div[class^="tab_st"] > a.select{display:none;}

div[class^="tab_st"] ul[class^="tab_st"] { margin-bottom: 0; }

div[class^="tab_st"] + *[class^="tit"] { margin-bottom: 0; }

ul[class^="tab_st"] { overflow: hidden; font-weight: 600; text-align: center; margin-bottom: 2.5rem; }

ul[class^="tab_st"] + *[class^="tit"] { margin-bottom: 0; }

ul[class^="tab_st"] a[target='_blank']:after { content: "\e980"; font-family: 'xeicon'; display: inline-block; padding-left: 0.35rem; }

ul[class^="tab_st"] a, ul[class^="tab_st"] ::before { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

/* 탭 :1차 탭 */
.tab_st1 { display:table; width:100%; table-layout:fixed; overflow: hidden; font-size: 0; line-height: 0;}

.tab_st1 > li {display:table-cell; font-size: 0.95rem;line-height: 1.25rem; padding-bottom:8px; }

.tab_st1 > li a { position: relative; display: block; margin:0 1px; padding: 0.5rem 2rem; color: #777; background: #dfdfdf;  }

.tab_st1 > li a[target='_blank']:after { font-size: 0.8rem; }

/* 탭 :2차 탭 */
.tab_st2 { padding: 1rem 4rem; border: 5px solid #ddd; overflow: hidden; }

.tab_st2 li { width: 25%; float: left; text-align: left; }

.tab_st2 li a { position: relative; display: inline-block; padding: 0.6rem 0.5rem; line-height: 1rem; color: #777; }

.tab_st2 li a:before { content: ""; position: absolute; left: 0; top: 0; width: 0; height: 2px; background: #bf202c; }

.tab_st2 li a:hover, .tab_st2 li a:focus { color: #000; }

.tab_st2 li a[target='_blank']:after { font-size: 0.75rem; }

/* 탭 : 리스트 */
.tab_list { overflow: hidden; margin-bottom: 2.5rem; }

.tab_list li { width: 25%; float: left; margin: 0.5rem 0 0.5rem -1px; }

.tab_list li a { display: block; padding: 0 0.5rem; line-height: 1rem; font-size: 0.8rem; color: #999; text-align: center; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

.tab_list li a:hover, .tab_list li a:focus { color: #000; font-weight: 600; }

.tab_list li.on a { color: #000; }

.tab_list li + li { border-left: 1px solid #ddd; }

/* 탭 : 리스트2 */
.tab_list2 { overflow: hidden; margin-bottom: 2.5rem; border-right: 1px solid #ddd; border-top: 1px solid #ddd; }

.tab_list2 li { width: 50%; float: left; display: table; height: 2.65rem; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; }

.tab_list2 li a { display: table-cell; vertical-align: middle; line-height: 1rem; font-size: 0.8rem; color: #999; padding: 0 1rem; text-align: center; transition: all 0.3s ease; }

.tab_list2 li a:hover, .tab_list2 li a:focus { color: #000; font-weight: 600; }

.tab_list2 li.on a { color: #fff; background: #3e4e6f; }

/* 탭 : 와이드 */
div[class^="tab_st"].wideTab > ul{display:block; text-align:left}
div[class^="tab_st"].wideTab > ul > li{width:50%; display:inline-block; text-align:center}
div[class^="tab_st"].wideTab > ul > li:last-child{width:100%;}
div[class^="tab_st"].wideTab > ul > li a{margin:0 4px;}
div[class^="tab_st"].wideTab > ul > li a:before{display:none;}

div[class^="tab_st"].wideTab.w33 > ul{ text-align:left;}
div[class^="tab_st"].wideTab.w33 > ul > li{width:33.33%; display:inline-block;}
div[class^="tab_st"].wideTab.w33 > ul > li:last-child{width:33.33%;}

div[class^="tab_st"].wideTab.w50 > ul > li:last-child{width:50%;}

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

.Tab_w30 > li { width: 33%; }

.Tab_w20 > li { width: 20%; }

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

.reactTab a.selectTab { display: none; }

/* 버튼 : 기본 */
.btn_gr { color: #fff; background: #7f7e79; border: 1px solid #7f7e79; }

.btn_gr:hover, .btn_gr:focus { background: #383735; }

.btn_grL { color: #fff; background: #fff; border: 1px solid #fff; }

.btn_grL:hover, .btn_grL:focus { background: #000; }

.btn_red { color: #fff; background: #d32d40; border: 1px solid #d32d40; }

.btn_red:hover, .btn_red:focus { background: #bf202c; }

.btn_bl { color: #fff; background: #3e4e6f; border: 1px solid #3e4e6f; }

.btn_bl:hover, .btn_bl:focus { background: #1b2843; }

.btn_bk { color: #fff; background: #000; border: 1px solid #000; }

.btn_bk:hover, .btn_bk:focus { background: #fff; }

.btn_gr, .btn_grL, .btn_bl, .btn_red, .btn_bk { display: inline-block; margin: 0.25rem 1px 0; padding: 0.5rem 1rem; line-height: 1rem; font-size: 0.8rem; font-weight: 400; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

.btn_gr i, .btn_grL i, .btn_bl i, .btn_red i, .btn_bk i { font-size: 1rem; line-height: 1rem; vertical-align: top; }

.btn_gr * + i, .btn_grL * + i, .btn_bl * + i, .btn_red * + i, .btn_bk * + i { padding-left: 0.5rem;}

.btn_gr.btn_brd, .btn_grL.btn_brd, .btn_bl.btn_brd, .btn_red.btn_brd, .btn_bk.btn_brd { font-size: 0.95rem; padding: 0.75rem 1rem; margin-top: 1rem; }

.btn_gr i, .btn_bl i, .btn_red i, .btn_bk i { color: #fff; }

.btn_grL { border: 1px solid #000; color: #000; }

.btn_grL:hover, .btn_grL:focus { color: #fff; }

.btn_grL:hover i, .btn_grL:focus i { color: #fff; }

.btn_grL i { color: #000; }

.btn_bk { border: 1px solid #000; color: #fff; }

.btn_bk:hover, .btn_bk:focus { color: #000; }

.btn_bk:hover i, .btn_bk:focus i { color: #000; }

.btn_bk i { color: #fff; }

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

.rsp_img img { max-width: 100%; }

.rsp_img .btn-zoom { position: absolute; bottom: 0; right: 0; width: 45px; height: 45px; display: block; z-index: 100; background: url("../images/con_com/ico_rsp_img.png") no-repeat; text-indent: -9999em; overflow: hidden; }

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

/* 콘텐츠 준비중 */
.Coming_soon { padding: 50px 20px; border: 5px solid #dfe6ee; text-align: center; }

.Coming_soon h3 { font-size: 1.5rem; color: #222; }

.Coming_soon p { position: relative; margin-top: 1.5rem; padding-top: 1.5rem; }

.Coming_soon p:before { content: ''; position: absolute; top: 0; left: 50%; width: 2rem; height: 3px; 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; }

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

/* input select px */
.InpSel_50 { width: 50px !important; }

.InpSel_80 { width: 80px !important; }

.InpSel_100 { width: 100px !important; }

.InpSel_150 { width: 150px !important; }

.InpSel_200 { width: 200px !important; }

.InpSel_250 { width: 250px !important; }

.InpSel_300 { width: 300px !important; }

.InpSel_350 { width: 350px !important; }

.InpSel_400 { width: 400px !important; }

.InpSel_450 { width: 450px !important; }

.InpSel_500 { width: 500px !important; }

/* input select  % */
.InpSel_w10 { width: 10% !important; }

.InpSel_w20 { width: 20% !important; }

.InpSel_w30 { width: 30% !important; }

.InpSel_w40 { width: 40% !important; }

.InpSel_w50 { width: 50% !important; }

.InpSel_w60 { width: 60% !important; }

.InpSel_w70 { width: 70% !important; }

.InpSel_w80 { width: 80% !important; }

.InpSel_w90 { width: 90% !important; }

.InpSel_w100 { width: 100% !important; }

/* 패딩 */
.pd0 { padding: 0 !important; }

.pd5 { padding: 5px !important; }

.pd10 { padding: 10px !important; }

.pd15 { padding: 15px !important; }

.pd20 { padding: 20px !important; }

.pd30 { padding: 30px !important; }

.pdt5 { padding-top: 5px !important; }

.pdt10 { padding-top: 10px !important; }

.pdt15 { padding-top: 15px !important; }

.pdt20 { padding-top: 20px !important; }

.pdt30 { padding-top: 30px !important; }

.pdt40 { padding-top: 40px !important; }

.pdr5 { padding-right: 5px !important; }

.pdr10 { padding-right: 10px !important; }

.pdr15 { padding-right: 15px !important; }

.pdr20 { padding-right: 20px !important; }

.pdr30 { padding-right: 30px !important; }

.pdb5 { padding-bottom: 5px !important; }

.pdb10 { padding-bottom: 10px !important; }

.pdb15 { padding-bottom: 15px !important; }

.pdb20 { padding-bottom: 20px !important; }

.pdb30 { padding-bottom: 30px !important; }

.pdl5 { padding-left: 5px !important; }

.pdl10 { padding-left: 10px !important; }

.pdl15 { padding-left: 15px !important; }

.pdl20 { padding-left: 20px !important; }

.pdl30 { padding-left: 30px !important; }

/* 마진 */
.mg0 { margin: 0 !important; }

.mg5 { margin: 5px !important; }

.mg10 { margin: 10px !important; }

.mg15 { margin: 15px !important; }

.mg20 { margin: 20px !important; }

.mg30 { margin: 30px !important; }

.mgt5 { margin-top: 5px !important; }

.mgt10 { margin-top: 10px !important; }

.mgt15 { margin-top: 15px !important; }

.mgt20 { margin-top: 20px !important; }

.mgt30 { margin-top: 30px !important; }

.mgt40 { margin-top: 40px !important; }

.mgt5n { margin-top: -5px !important; }

.mgt10n { margin-top: -10px !important; }

.mgr5 { margin-right: 5px !important; }

.mgr10 { margin-right: 10px !important; }

.mgr15 { margin-right: 15px !important; }

.mgr20 { margin-right: 20px !important; }

.mgr30 { margin-right: 30px !important; }

.mgb0 { margin-bottom: 0 !important; }

.mgb5 { margin-bottom: 5px !important; }

.mgb10 { margin-bottom: 10px !important; }

.mgb15 { margin-bottom: 15px !important; }

.mgb20 { margin-bottom: 20px !important; }

.mgb30 { margin-bottom: 30px !important; }

.mgl5 { margin-left: 5px !important; }

.mgl10 { margin-left: 10px !important; }

.mgl15 { margin-left: 15px !important; }

.mgl20 { margin-left: 20px !important; }

.mgl30 { margin-left: 30px !important; }

/* form */
.form-select {position: relative; display: inline-block; min-width: 7.5rem; height: 2rem; vertical-align: middle;}
.form-select::after {position: absolute; top: 50%; right: 0.5rem; font-family: "xeicon"; color: #333; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: '\e936';}
.form-select select {position: relative; display: block; padding: 0 .5rem; width: 100%; height: 100%; background-color: #fff; border: 1px solid #ddd; -webkit-appearance: none;}
.form-select select::-ms-expand {display: none;}

@media screen and (min-width: 1240px) {
	.tab_st1 > li.on a { color: #fff; background: #bf202c; }
	.tab_st1 > li.on a:before {content:''; position:absolute; bottom: -8px; left:50%; width:0; height:0; border-top:8px solid #bf202c; border-left:8px solid transparent;border-right:8px solid transparent; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%);}
	.tab_st1 > li.on a[target='_blank']:before { color: #fff; }
	.tab_st2 li.on a { color: #000; }
	.tab_st2 li.on a:before { width: 1.75rem; }
}

@media screen and (max-width: 1240px) {
	/* 탭 :반응형 */
	div[class^="tab_st"], .tab_list { margin-bottom: 1.5rem; }
	.reactTab ul[class^="tab_st"],
	.reactTab.wideTab ul[class^="tab_st"]{ text-align: left; margin-bottom: 0; display:none; }
	.reactTab ul[class^="tab_st"] > li { width: 100% !important;}
	div[class^="tab_st"].reactTab > a.select{position:relative; display:block; font-size:0.95rem; font-weight: 600; padding:.5rem 2.25rem .5rem 1rem; }
	div[class^="tab_st"].reactTab > a.select:before{content: "\e941"; position: absolute; right:.75rem; top:0; font-size: 0.9rem; line-height: 2.5; font-family: 'xeicon'; z-index: 1; }
	.reactTab.ov a.select:before { transform: rotate(180deg); -webkit-transform: rotate(180deg); }
	.reactTab.tab_st1_box > a.select { border-radius:.5rem; color: #fff; background: #bf202c; }
	.reactTab.tab_st1_box > a.select:before { right: 1rem; top:0; }
	.reactTab.tab_st2_box > a.select { border-bottom: 3px solid #ddd; padding-left:.5rem;}
	.reactTab.tab_st2_box > a.select:before { right: 1rem; top:0; color: #bf202c; }
	.reactTab.tab_st2_box > a.select:after {content:''; position:absolute; left:0; top:0; width: 1.75rem; height:2px; background:#bf202c;}

	.reactTab.tab_st1_box ul { background: #dfdfdf; border-radius: 0.5rem; }
	.reactTab.tab_st1_box ul > li { display:block; margin: 0; padding:0; }
	.reactTab.tab_st1_box ul > li a { border-radius: 0.5rem; }
	.reactTab.tab_st1_box ul > li + li { margin-left: 0; }
	.reactTab.tab_st2_box { padding-top: 2.35rem; }
	.reactTab.tab_st2_box ul { padding: 0.5rem; border-width: 3px; border-top: 0; }
	.reactTab.tab_st2_box ul > li a { display: block; }

	.tab_st1 > li a{padding:.5rem 1rem;}
	div[class^="tab_st"].wideTab > ul > li{text-align:left;}

	/* 탭 :개수 지정 */
	.Tab_w20 > li { width: 33%; }
	/* 리스트 : 가로 나열 */
	.li_w20 > li { width: 33%; }
	/* 테이블 - 기타 */
	.tbl_utile { margin-top: 0; }

}

@media screen and (max-width: 1024px) { /* 타이틀(블릿 타입) */
  .tit1Box { overflow: hidden; margin-top: 2.5rem; padding-left: 0; }
  .tit1Box div[class^='box_st'] { margin-top: 0.5rem; margin-left: 0; }
  .tit2Box > .inner { width: 100%; padding-left: 0; margin-top: .5rem; }
  .tit2Box h3[class*='titTy1'] { width: 100%; }
  .tit2Box h3[class*='titTy1'] br { display: none; }
  .tit1 { position: relative; left: auto; top: auto; width: auto; margin-bottom: 0.75rem; }
  /* 탭 : 리스트 */
  .tab_list li { width: 33.33%; }
  /* 리스트 : 가로 나열 */
  .li_w25 > li { width: 33%; } }

@media screen and (max-width: 860px) { /* 탭 : 리스트 */
  .tab_list li { width: 50%; }
  /* 탭 :개수 지정 */
  .Tab_w30 > li { width: 50%; }
  .Tab_w20 > li { width: 50%; }
  /* 리스트 : 가로 나열 */
  .li_w30 > li { width: 50%; }
  .li_w25 > li { width: 50%; }
  .li_w20 > li { width: 50%; }
  /* 탭 */
  .tab_st1 > li { display:block; padding:0; margin:1px 0; }
  .tab_st1 > li.on a:before { display:none; }
  /* 테이블 스크롤 */
  div[class*='tbl_st'].scroll_gr { width: 100%; overflow-x: auto; background-repeat: no-repeat; 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%); background-position: right 5px; background-size: 30px 100%; z-index: 1; }
  div[class*='tbl_st'].scroll_gr table { width: 860px; }
  div[class*='tbl_st'] tr, div[class*='tbl_st'] td { word-break: break-all; } }

@media screen and (max-width: 640px) { h3[class^='titT'], h4[class^='titT'], h5[class^='titT'], .tit1, h3[class*='titTy1'] { font-size: 1.25rem; }
  /* 타이틀(블릿 타입) */
  .tit1 { padding-left: 1.25rem; }
  .tit1:before { width: 0.75rem; top: 1.15rem; }
  h4[class*='titTy2'] { font-size: 1.1rem; }
  h5[class*='titTy3'] { font-size: 1rem; }
  /* 박스 : 박스 기본 타입 */
  div[class^="box_st"] { padding: 0.75rem; }
  .box_st_ico { padding-left: 0; }
  .box_st_ico .ico_boxImg { position: relative; left: auto; top: auto; margin: 0 auto 10px; text-align: center; }
  /* 박스 아이콘 */
  .box_st_ico .inner { padding-left: 1.35rem; }
  .box_st4 { min-height: 0; }
  .box_st4 > .ico { display: none; }
  .box_st4 > .inner { margin-left: 0; } }

@media screen and (max-width: 480px) { /* 탭 : 리스트 */
  .tab_list { padding: 0.5rem 1rem; border: 3px solid #ddd; }
  .tab_list li { width: 100%; border-left: 0 !important; margin: 0; padding: 0.35rem 0; }
  .tab_list li a { text-align: left; padding: 0 0.25rem; }
  .tab_list li + li { border-top: 1px dashed #ddd; }
  /* 탭 : 리스트2 */
  .tab_list2 { padding: 0.5rem 1rem; border: 3px solid #ddd; margin-bottom: 1.5rem; }
  .tab_list2 li { width: 100%; height: auto; border: none; margin: 0; padding: 0.35rem 0; }
  .tab_list2 li a { text-align: left; padding: 0 0.25rem; }
  .tab_list2 li + li { border-top: 1px dashed #ddd; }
  .tab_list2 li.on a { color: #000; background: #fff; }
  /* 탭 :개수 지정 */
  .Tab_w50 > li { width: 100%; }
  .Tab_w30 > li { width: 100%; }
  .Tab_w20 > li { width: 100%; }
  /* 리스트 : 가로 나열 */
  .li_w50 > li { width: 100%; }
  .li_w30 > li { width: 100%; }
  .li_w25 > li { width: 100%; }
  .li_w20 > li { width: 100%; } }