@charset "utf-8";

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

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

/* Guide Layout */
.Guide_con {}
.Guide_con h3.Guid_tit {position:relative; padding-top:8px; font-size:24px; color:#111; font-weight:500;}
.Guide_con h3.Guid_tit:before {display:block; position:absolute; top:0; left:0; width:60px; height:4px; background:#1976d2; content:""; }

.Guide_con .DG_list {overflow:hidden; margin-bottom:25px; padding-bottom:25px; border-bottom:1px dashed #c3c3c3; }
.Guide_con .DG_list li {float:left; margin:5px;}
.Guide_con .DG_list li a {display:block; min-width:170px; padding:0 20px; border:1px solid #07174a; background:#07174a; font-size:18px; color:#fff; line-height:45px; text-align:center; }
.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:100px; border:none; background:#f7f7f7; font-size:12px; color:#000; line-height:1.3; font-family:'Dotum';}
.flex_ico_lst { display:flex; justify-content:space-evenly;}

/* 타이틀(공통) */
[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.75rem;}
.tab_st3 + h3[class^="tit"],
h3[class^="tit"]:first-of-type {margin-top: 0;}
* + h3[class^='tit'] {margin-top: 2rem !important;}
h4[class^='tit'] {margin-top: 1.5rem; line-height: 1.5; 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: 1rem; line-height: 1.5; 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: 0.75rem !important;}
.box_st2 h4[class^='tit']:first-of-type {margin-top: 0 !important;}
.box_st2 h5[class^='tit']:first-of-type {margin-top: 0 !important;}

/* 타이틀 */
.tit1, .titT1 {position: relative; margin-bottom:0.5rem; padding-left:1.6rem; font-size:1.4rem; color:#111; line-height:1.5; font-weight:700; }
.tit1:before, .titT1:before {position: absolute; top:12px; left:0; width:24px; height:19px; background:url(/images/web/evaluation/con_com/tit1.png); content:'';}
.tit2, .titT2 {margin-bottom:0.5rem; font-size:1.2rem; color:#0F80E4; line-height:1.5; font-weight:700; }
.tit3, .titT3 {margin-bottom:0.5rem; font-size:1.1rem; color:#165998; line-height:1.5; font-weight:700; }
.tit3_lineB, .titT3_lineB{margin-bottom:0.5rem; font-size:1.1rem; color:#165998; line-height:1.5; font-weight:700; text-decoration:underline;}

/* 블릿 */
.bu_st1 {position:relative; padding-left:0.75rem; font-size:0.85rem; color:#222; line-height:1.5;}
.bu_st1:before {position:absolute; top:0.45rem; left:0; width:6px; height:6px; border-radius: 50%; background:#0F80E4; content:''; }
.bu_st2 {position:relative; padding-left:0.75rem; font-size:0.85rem; color:#222; line-height:1.5;}
.bu_st2:before {position:absolute; top:0.55rem; left:0; width:7px; height:2px; background:#666665; content:''; }
.bu_st3 {position:relative; padding-left:0.6rem; font-size:0.8rem; color:#333; line-height:1.5;}
.bu_st3:before {position:absolute; top:0.45rem; left:0; width:4px; height:4px; border-radius: 50%; background:#666665; content:''; }
.bu_st4{position:relative; padding-left:0.6rem; font-size:0.8rem; color:#333; line-height:1.5;}
.bu_st4:before {position:absolute; top:0.5rem; left:0; width:6px; height:2px; background:#888; content:'';}

/* 리스트 : 블릿 타입 */
.list_st1 > li {position:relative; padding:0.25rem 0 0.25rem 0.75rem; font-size:0.85rem; color:#222; line-height:1.5;}
.list_st1 > li:before {position:absolute; top:0.7rem; left:0; width:6px; height:6px; border-radius: 50%; background:#0F80E4; content:''; }
.list_st2 > li {position:relative; padding:0.2rem 0 0.2rem 0.75rem; font-size:0.85rem; color:#222; line-height:1.5;}
.list_st2 > li:before {position:absolute; top:0.7rem; left:0; width:7px; height:2px; background:#666665; content:''; }
.list_st3 > li {position:relative; padding:0.15rem 0 0.15rem 0.6rem; font-size:0.8rem; color:#333; line-height:1.5;}
.list_st3 > li:before {position:absolute; top:0.6rem; left:0; width:4px; height:4px; border-radius: 50%; background:#666665; content:'';}
.list_st4 > li{position:relative; padding:0.15rem 0 0.15rem 0.6rem; font-size:0.8rem; color:#333; line-height:1.5; }
.list_st4 > li:before {position:absolute; top:0.65rem; left:0; width:6px;  height:2px; background:#888; content:'';}
li.bu_none:before {display:none;}

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

.list_stT2 li {padding:0 0 0.25rem; font-size:0.75rem; color:#444; line-height:1.4;} /* 폰트 크기 변동 없음 & 간격 변동 없음 */
.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 {float:left; width:45%;}
.li_w30 > li {float:left; width:30%;}
.li_w25 > li {float:left; width:23%;}
.li_w20 > li {float:left; width:18%;}

/* 리스트 : 순차적 리스트 타입 */
.list_ol1 > li {position:relative; margin-bottom:0.25rem; padding-left:27px; font-size:0.85rem; color: #222; line-height:150%;}
.list_ol1 > li > span.num {position:absolute; top:1px; left:0; font-size:0.75rem; color:#0F80E4; font-weight:700; font-family:'GmarketSans';}
.list_ol1 > li > ul, .list_ol1 > li > ol,
.list_ol2 > li > ul, .list_ol2 > li > ol{margin-top:10px;}

.list_ol2 > li {position:relative; margin-bottom:0.25rem; padding-left:30px; font-size:0.85rem; color: #222; line-height:150%;}
.list_ol2 > li > span.num {position:absolute; top:1px; left:0; width:24px; height:24px; border-radius:50%; background:rgba(29, 105, 224, 0.1); font-size:0.6rem; color:#165998; line-height:24px; font-weight:700; font-family:'GmarketSans'; text-align:center;}

.list_ol3 > li {position:relative; margin-bottom:0.25rem; padding-left:30px; font-size:0.8rem; color: #333; line-height:150%;}
.list_ol3 > li > span.num {position:absolute; top:0; left:0; width:24px; height:24px; border-radius:50%; background:#F2F2F2; font-size:0.6rem; color:#666665; line-height:24px; font-weight:700; font-family:'GmarketSans'; text-align:center;}

/* 텍스트 요소 : 폰트컬러 타입 */
.pc_blue {color:#0F80E4 !important;}
.pc_navy {color:#165998 !important;}
.pc_pur {color:#3D51B5 !important;}
.pc_black {color:#000 !important;}
.pc_green {color:#0D8C99 !important;}
.pc_red {color:#DE3030 !important;}

/* 텍스트 요소 : 텍스트 배경색 */
.bg_blue {padding:2px 5px; background:#0F80E4; color:#fff;}
.bg_navy {padding:2px 5px; background:#165998; color:#fff;}
.bg_pur {padding:2px 5px; background:#3D51B5; color:#fff;}
.bg_black {padding:2px 5px; background:#000; color:#fff;}
.bg_green {padding:2px 5px; background:#0D8C99; color:#fff;}
.bg_red {padding:2px 5px; background:#DE3030; color:#fff;}

/* 텍스트 요소 : 강조 타입 */
.Tline_b {text-decoration:underline !important;}
.Tline_bgB {padding:0 5px; background:url("/resources/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: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 {position: relative; padding-right:20px; font-size: 0.85rem; color:#1D69E0; font-weight: 500;}
a.bu_link::after {position: absolute; top:2px; right:0; line-height:1; font-family: 'remixicon'; content:'\ECAF';}
a.bu_mail {padding-right:20px; background:url("/resources/images/con_com/bu_mail_line.png") no-repeat right 3px; font-size: 0.85rem; color:#1D69E0; font-weight: 500;}
a.bu_down {padding-right:20px; background:url("/resources/images/con_com/bu_down_line.png") no-repeat right 3px; font-size: 0.85rem; color:#1D69E0; font-weight: 500;}
a.bu_tel {padding-right:20px; background:url("/resources/images/con_com/bu_tel_line.png") no-repeat right 3px; font-size: 0.85rem; color:#1D69E0; font-weight: 500;}

/* 텍스트 요소 : 주의&경고&말풍선 타입 */
.bu_atte {position:relative; padding-left:20px; font-size:0.85rem; line-height:150%; vertical-align:middle;}
.bu_atte:before {display:block; position:absolute; top:0; left:0; font-size:1.1rem; line-height:1rem; content:"※";}

.bu_wnrn {position: relative; margin-top:0.25rem; padding-left:25px; font-size: 0.85rem; line-height:150%; vertical-align:middle;}
.bu_wnrn:before {display:block; position:absolute; top:0; left:0; font-size: 1rem; color: #0F80E4; font-weight: 400; font-family: 'remixicon'; content:"\ECA0";}
.bu_wnrn2 {position: relative; margin-top:0.25rem; padding-left:25px; font-size: 0.85rem; line-height:150%; vertical-align:middle;}
.bu_wnrn2:before {display:block; position:absolute; top:0; left:0; font-size: 1rem; color: #165998; font-weight: 400; font-family: 'remixicon'; content:"\EE58";}
.bu_wnrn3 {position: relative; margin-top:0.25rem; padding-left:25px; font-size: 0.85rem; line-height:150%; vertical-align:middle;}
.bu_wnrn3:before {display:block; position:absolute; top:0; left:0; font-size: 1rem; color: #DE3030; font-weight: 400; font-family: 'remixicon'; content:"\ECA0";}
.bu_wnrn_line {position: relative; margin-top:0.25rem; padding-left:25px; font-size: 0.85rem; line-height:150%; vertical-align:middle;}
.bu_wnrn_line:before {display:block; position:absolute; top:0; left:0; font-size: 1rem; color: #0F80E4; font-family: 'remixicon'; content:"\ECA1";}
.bu_wnrn2_line {position: relative; margin-top:0.25rem; padding-left:25px; font-size: 0.85rem; line-height:150%; vertical-align:middle;}
.bu_wnrn2_line:before {display:block; position:absolute; top:0; left:0; font-size: 1rem; color: #165998; font-family: 'remixicon'; content:"\EE59";}
.bu_wnrn3_line {position: relative; margin-top:0.25rem; padding-left:25px; font-size: 0.85rem; line-height:150%; vertical-align:middle;}
.bu_wnrn3_line:before {display:block; position:absolute; top:0; left:0; font-size: 1rem; color: #DE3030; font-family: 'remixicon'; content:"\ECA1";}

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

/* 테이블 : 테이블 기본 타입 */
.tbl_st {overflow:hidden; position:relative; width:100%; background:#fff; font-size:0.85rem;}
.tbl_st table {position:relative; width:100%; margin:10px 0 5px -1px; border-top:2px solid #000; border-bottom:1px solid #888; word-break:keep-all; text-align:center; -webkit-overflow-scrolling:touch;}
.tbl_st table thead th {padding:0.65rem 0.5rem; border-bottom:1px solid #888; border-left:1px solid #D5D5D5; color:#111; font-weight:600; vertical-align:middle;}
.tbl_st table tbody th {padding:0.65rem 0.5rem; border-bottom:1px solid #D5D5D5; border-left:1px solid #D5D5D5; color:#111; font-weight:600; vertical-align:middle;}
.tbl_st table td {padding:0.5rem; border-bottom:1px solid #D5D5D5; border-left:1px solid #D5D5D5; color:#222;vertical-align:middle; }
.tbl_st table tfoot th {padding:0.65rem 0.5rem; border-bottom:1px solid #D5D5D5; border-left:1px solid #D5D5D5; color:#111; font-weight:600; vertical-align:middle;}
.tbl_st table tfoot td {padding:0.65rem 0.5rem; border-bottom:1px solid #D5D5D5; border-left:1px solid #D5D5D5; vertical-align:middle;}

/* 테이블 : 세로테이블 */
.tbl_st_row {overflow:hidden; position:relative; width:100%; background:#fff; font-size:0.85rem;}
.tbl_st_row table {position:relative; width:100%; margin:10px 0 5px -1px; border-top:2px solid #000; border-bottom:1px solid #888; word-break:keep-all; text-align:center; -webkit-overflow-scrolling:touch;}
.tbl_st_row table tbody th {padding:0.65rem 0.25rem; border-bottom:1px solid #D5D5D5; color:#222; font-weight:600; vertical-align:middle;}
.tbl_st_row table tbody td {padding:0.5rem; border-bottom:1px solid #D5D5D5; border-left:1px solid #D5D5D5; background:#fff; color:#222; vertical-align:middle;}
.tbl_st_row table tfoot th {padding:0.65rem 0.25rem; border-bottom:1px solid #D5D5D5; color:#222; font-weight:600; vertical-align:middle;}
.tbl_st_row table tfoot td {padding:0.65rem 0.25rem; border-bottom:1px solid #D5D5D5; border-left:1px solid #D5D5D5; vertical-align:middle;}

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

/* 반응형 테이블 */
div[class*='tbl_st'] > table tbody tr .mTit,
div[class*='tbl_st'] > table tbody tr .mTit,
div[class*='tbl_st'] > table tfoot tr .mTit,
div[class*='tbl_st'] > table tfoot tr .mTit{display:none;}

/* 테이블 - 기타 */
.tbl_utile {font-size:0.8rem; line-height:16px; text-align:right;} /* 유틸 */

/* 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 {background-color:#dfe9f8 !important; color:#111;} /* 블루 */
.tbl_bg_ye, .tbl_bg_ye th {background-color:#f5f0df !important; color:#111;} /* 옐로우 */
.tbl_bg_re, .tbl_bg_re th {background-color:#fceff0 !important; color:#111;} /* 레드 */
.tbl_bg_gr, .tbl_bg_gr th {background-color:#effcf6 !important; color:#111;} /* 그린 */

/* 테이블_굵은선 */
.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;}

/* 박스 : 박스 기본 타입 */
[class^="box_st"] {padding:1.5rem 2rem;}
[class^="box_st"] .box_tit{position:relative; margin-bottom:0.4rem; font-size:1.1rem; color:#222; line-height:1.5; font-weight:700;}
.box_st1 {position:relative; border:1px solid #D5D5D5; border-radius:1rem; background:#fff;}
.box_st2 {position:relative; border:1px solid rgba(15, 128, 228, 0.3); border-radius:1rem; background: #F6FAFE;}
.box_st3 {border: 1px solid rgba(13, 140, 153, 0.3); border-radius:1rem; background:#F5FBFB;}
.box_st_ico {padding:0; border: 2px solid transparent; border-radius: 1.5rem; background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #A1C6FF 0%, #6F8BE5 100%); background-clip: content-box, border-box; background-origin: border-box;}
.box_st_ico .inner {position:relative; min-height:180px; padding: 1.75rem 2rem; padding-left:9.5rem;}
.box_st_ico .ico_boxImg {display:flex; overflow:hidden; align-items:center; justify-content:center; position:absolute; top:1.75rem; left:2rem; width:5.5rem; height:5.5rem; background:#EEF5FF; border-radius:1.2rem;}
.box_st_ico .box_tit{font-size:1.2rem; color:#24477C;}

/* 탭 : 공통 */
div[class^="tab_st"] {position: relative; margin-bottom: 2rem;}
div[class^="tab_st"] > .select {display: none;}
div[class^="tab_st"] a {display: block; position: relative; line-height: 1rem;}
div[class^="tab_st"] a[target='_blank'].down:after {content: "\eb7c";}
div[class^="tab_st"] a,
div[class^="tab_st"] ::before {transition: all 0.3s ease;}
div[class^="tab_st"] li.w100 {width: 100% !important;}

/* 탭 : 1차 탭 */
.tab_st1 ul {display: flex; overflow: hidden; flex-wrap: wrap; }
.tab_st1 li {overflow: hidden; position: relative; width:25%;}
.tab_st1 li a,
.tab_st1 > .select {display: flex; align-items: center; justify-content:center; width:100%; height:100%; padding:0 0.5rem; background-color:#fff; color: #444; font-weight:500;}
.tab_st1 li a:hover{background: rgba(0, 77, 160, 0.08); color:#111;}
.tab_st1 li.on a,
.tab_st1 li#current a,
.tab_st1 > .select {background: #004DA0; color: #fff; font-weight: 600;}
.tab_st1 li:not(.on) a:focus{border-color: #004DA0; background: #004DA0; color: #fff;}
.tab_st1 li a:focus,
.tab_st1 > .select:focus{outline:1px solid #fff; outline-offset:-0.2rem;}
.tab_st1 > .select:before,
.tab_st2 > .select:before {position: relative; top: 50%; left:0; margin-right:0.5rem; font-size: 1rem; color: #fff; font-weight: 400; font-family: 'remixicon'; transform: translateY(-50%);}
.tab_st1 > .select:after,
.tab_st2 > .select:after {position: absolute; top: 50%; right:1rem; font-size: 1rem; color: #666; font-weight: 400; font-family: 'remixicon'; transform: translateY(-50%); transition:transform 0.3s ease-in;}
.tab_st1 li a:after,
.tab_st2 li a:after{position: absolute; top: 50%; right:1rem; font-size: 1rem; color: #666; font-weight: 400; font-family: 'remixicon'; transform: translateY(-50%);}
.tab_st1 li a.select:after,
.tab_st2 li a.select:after{color:#fff;}
.tab_st1 li a[target='_blank']:after {content: "\eb87";}
.tab_st1 li a[target='_blank']:hover:after,
.tab_st1 li a[target='_blank']:focus:after {content: "\eb87";}
.tab_st1 li a[target='_blank']:focus:after {color:#fff;}

/* 탭 : 2차 탭 */
.tab_st2{display:flex; justify-content:center; align-items:center;}
.tab_st2 ul li{flex-shrink:0;}
.tab_st2 ul li a{display:inline-flex; position:relative; align-items:center; padding-left:0.75rem; color:#222; transition:color 0.3s ease;}
.tab_st2 ul li a:before{display:block; position:absolute; top:calc(50% - 0.125rem); left:0; width:0.25rem; height:0.25rem; background:#555; border-radius:50%; content:''; transition:background-color 0.3s ease;}
.tab_st2 ul li a:hover,
.tab_st2 ul li.on a,
.tab_st2 > .select{font-weight:700;}
.tab_st2 ul li a:hover{color:#111;}
.tab_st2 ul li a:hover:before{background-color:#111;}
.tab_st2 ul li.on a{padding-left:1.2rem; color:#0F80E4;}
.tab_st2 ul li.on a:before{display:none;}
.tab_st2 ul li.on a:after{display:block; position:absolute; top:0; right:auto; left:0; color:#0F80E4; font-family:'remixicon'; content:"\eb78"; transform:none;}
.tab_st2 > .select{border:1px solid #0F80E4; background:rgba(7, 114, 237, 0.05); color:#0F80E4; font-weight:700;}
/* Chrome, Edge, Safari */
.tab_st2 ul::-webkit-scrollbar {height: 4px;}
.tab_st2 ul::-webkit-scrollbar-track { background:transparent;}
.tab_st2 ul::-webkit-scrollbar-thumb {background:#d6e5e2; border-radius: 2px; }
.tab_st2 ul::-webkit-scrollbar-thumb:hover {background:#bcd6d1;}

/* 탭 :리스트 탭 */
.tab_list {display:flex; align-items:center; overflow:hidden; position: relative; height:3rem; margin-bottom:1rem; padding:0 5.5rem; border: 1px solid rgba(15, 128, 228, 0.8); border-radius: 1.5rem; background: #F6FAFE; text-align: center; }
.tab_list ul {overflow:hidden; margin: 0 auto; margin-left:-1.4rem;}
.tab_list li {float:left;}
.tab_list li a {display:inline-block; position:relative; padding-left:18px; font-size:0.9rem; color:#333; line-height:1.4; white-space: nowrap; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
.tab_list li a::before {position: absolute; top:calc(50% - 2px); left:0; width: 5px; height: 5px; border-radius: 50%; background: #888; content:'';}
.tab_list li#current a {padding-left: 25px; color: #0F80E4; font-weight: 700;}
.tab_list li#current a::before {top: 50%; width: auto; height: auto; background: none; color: #0F80E4; line-height:1; font-weight:400; font-family: 'remixicon'; transform: translateY(-50%); content: '\EB79';}
.tab_list li a:hover {color:#222; font-weight:700; }
.tab_list li a:hover::before {background: #333;}
.tab_list li a[target='_blank']:after {display:inline-block; width:13px; height:13px; margin-left:10px; background:url("/resources/images/con_com/tab2_off_blank.png") no-repeat right center; content:'';}
.tab_list button {position: absolute; z-index:2; top: calc(50% - 0.85rem); width: 1.7rem; height: 1.7rem; border: 1px solid #DDE2ED; border-radius: 50%; background: #fff; font-size: 0; color: #000; line-height: 1.7rem; text-align: center;}
.tab_list button::before {position: absolute; top: 50%; left: 50%; font-size: 0.9rem; font-family: 'remixicon'; transform: translate(-50%, -50%);}
.tab_list .slick-slide{padding: 0 1.4rem;}
.tab_list .slick-list{position:relative; width:100%;}
.tab_list .slick-prev {left: 0.6rem;}
.tab_list .slick-prev::before {content: '\EA60';}
.tab_list .slick-next {right: 0.6rem;}
.tab_list .slick-next::before {content: '\EA6C';}
.tab_list .slick-disabled {opacity: 0.3; pointer-events: none;}

/* 탭 : 개수 지정 */
div[class^="tab_st"][class*="Tab_w"] ul {flex-wrap: wrap;}
div[class^="tab_st"].Tab_w50 li {width: 50%;}
div[class^="tab_st"].Tab_w30 li {width: 33.33%;}
div[class^="tab_st"].Tab_w25 li {width: 25%;}
div[class^="tab_st"].Tab_w20 li {width: 20%;}
.Tab_w50 li {width: 50%;}
.Tab_w30 li {width: 33%;}
.Tab_w25 li {width: 20%;}
.Tab_w20 li {width: 20%;}

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

/* 포인트버튼 */
.btn_point {display:inline-block; overflow:hidden; position:relative; margin:1px; padding:0.75rem 2.75rem 0.75rem 1.75rem; border:1px solid #111; border-radius:5px; background:#fff; font-size:0.9rem; color:#111; line-height:22px; vertical-align:middle; -moz-transform:translate3d(0, 0, 0); -webkit-transform:translate3d(0, 0, 0); -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden;}
.btn_point:hover {color:#fff;}
.btn_point.midd {padding:0.5rem 2.5rem 0.5rem 1.15rem; font-size:0.8rem; line-height:20px;}
.btn_point.mini {padding:0.4rem 2rem 0.4rem 0.75rem; font-size:0.75rem; line-height:18px;}
.btn_point span {display:block; position:absolute; z-index:2; top:50%; right:1.4rem; width:18px; height:18px; margin-top:-9px; background-repeat:no-repeat; background-position:left center;}
.btn_point strong {position:relative; z-index:2;}
.btn_point.midd span {right:1.2rem;}
.btn_point.mini span {right:0.75rem;}
.btn_point:hover span {background-position:-18px center;}
.btn_point span.down {background-image:url("/resources/images/con_com/btn_dwldGW.png");}
.btn_point span.link {background-image:url("/resources/images/con_com/btn_linkGW.png");}
.btn_point span.home {background-image:url("/resources/images/con_com/btn_homeGW.png");}
.btn_point span.mail {background-image:url("/resources/images/con_com/btn_mailGW.png");}
.btn_point span.search {background-image:url("/resources/images/con_com/btn_searchGW.png");}
.btn_point span.glan {background-image:url("/resources/images/con_com/btn_glanGW.png");}
.btn_point span.more {background-image:url("/resources/images/con_com/btn_moreGW.png");}
.btn_point span.cldr {background-image:url("/resources/images/con_com/btn_cldrGW.png");}

.btn_point:before{position:absolute; z-index:1; right:-30px; bottom:-30px; width:30px; height:30px; border-radius:50%; background:#111; content:'';} /* 첫번째 색상 */
.btn_point:after {position:absolute; z-index:1; bottom:-30px; left:-30px; width:30px; height:30px; border-radius:50%; background:#377bdf;  content:'';} /* 두번째 색상 */
.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_bl,
.btn_ny,
.btn_grn,
.btn_red,
.btn_gr{display:inline-flex; align-items:center; justify-content:center; min-width: 8.5rem; height:45px; padding: 0 0.75rem; border: 2px solid transparent; border-radius:6px; font-size:0.8rem; color: #333; line-height:1; font-weight: 500; font-family:'Pretendard'; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
.btn_bl {border-color: #0F80E4; color:#0F80E4;}
.btn_ny {border-color: #165998; color:#165998;}
.btn_grn {border-color: #0D8C99; color:#0D8C99;}
.btn_red {border-color: #E48B8B; color:#DE3030;}
.btn_gr {border-color: #666665; color:#333;}

/* 버튼 : 작은사이즈 */
[class^="btn_"].mini {min-width:6rem; height:40px; padding:0 0.65rem; font-size:0.75rem; line-height:1.8rem; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}

/* 버튼 : 게시판 버튼 */
.btn{display:inline-flex !important; position:relative; align-items:center; justify-content:center; min-width:7.5rem; height:45px; line-height:1 !important; border-radius:6px; box-sizing:border-box;}
.btn_S{display:inline-flex !important; position:relative; align-items:center; justify-content:center; min-width:6rem; height:40px; line-height:1 !important; border-radius:6px; box-sizing:border-box;}
.btnGrp{margin-top:1.5rem;}
.btnGrp [class^="btn_"].bbs{margin:0 5px 5px 5px;}

.btn_sky{border:none; border:1px solid rgba(15, 128, 228, 0.6); background: #F6FAFE; color:#0F80E4; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
.btn_blue{border:none; border:1px solid rgba(22, 89, 152, 0.6); background: #F1F5F9; color:#165998; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
.btn_yellow{border:none; border:1px solid rgba(240, 173, 78, 0.6); background:#FFF9F2; color:#F0AD4E; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
.btn_red{border:none; border: 1px solid rgba(219, 45, 45, 0.6); background: #FDF3F3; color:#DE3030; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
.btn_green{border:none; border:1px solid rgba(13, 140, 153, 0.6); background: #F1F8F9; color:#0D8C99; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
.btn_dark{border:none; border:1px solid rgba(51, 51, 51, 0.6); background: #F4F4F4; color:#222; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}

[class^="btn_"].bbs {border-width: 1px; line-height:normal; box-sizing:border-box;}
.btn_bl.bbs {border-color:rgba(15, 128, 228, 0.6); background: #F6FAFE; color:#0F80E4;}
.btn_ny.bbs {border-color:rgba(22, 89, 152, 0.6); background: #F1F5F9; color:#165998;}
.btn_grn.bbs {border-color:rgba(13, 140, 153, 0.6); background: #F1F8F9; color:#0D8C99;}
.btn_red.bbs {border-color: rgba(219, 45, 45, 0.6); background: #FDF3F3; color:#DE3030;}
.btn_gr.bbs {border-color:rgba(51, 51, 51, 0.6); background: #F4F4F4; color:#222;}
/* 버튼 : active */
.btn:hover,
.btn_S:hover{text-decoration:none !important;}
.btn_sky:hover,
.btn_sky:focus{border:1px solid #0F80E4; background:#0F80E4; }
.btn_blue:hover,
.btn_blue:focus{border:1px solid #165998; background:#165998; color:#fff;}
.btn_yellow:hover,
.btn_yellow:focus{border:1px solid #F0AD4E; background:#F0AD4E; color:#fff;}
.btn_red:hover,
.btn_red:focus{border:1px solid #DE3030; background: #DE3030; color:#fff;}
.btn_green:hover,
.btn_green:focus{border:1px solid #0D8C99; background: #0D8C99; color:#fff;}
.btn_dark:hover,
.btn_dark:focus{border:1px solid #333; background: #333; color:#fff;}

[class^="btn_"]:hover,
[class^="btn_"]:focus {color: #fff !important;}
.BD_table td ul.file li a[class^="btn_"]:hover,
.BD_table td ul.file li a[class^="btn_"]:focus {color:#0467b3 !important;}
.btn_bl:hover,
.btn_bl:focus {background: #0F80E4;}
.btn_ny:hover,
.btn_ny:focus {background: #165998;}
.btn_red:hover,
.btn_red:focus {border-color: #DE3030; background: #DE3030;}
.btn_grn:hover,
.btn_grn:focus {background: #0D8C99;}
.btn_gr:hover,
.btn_gr:focus {border-color: #333; background: #333;}

/* 버튼 : 기본 + 아이콘 */
[class^="btn_"].ico_w {display: inline-flex; align-items: center; justify-content: space-between; line-height:normal;}
[class^="btn_"].ico_w i {margin-left: 0.5rem; font-size: 0.85rem; font-weight: 400;}
.btn_bl.ico_w {color: #0F80E4;}
.btn_ny.ico_w {color: #165998;}
.btn_red.ico_w {color: #DE3030;}
.btn_grn.ico_w {color: #07798A;}
.btn_gr.ico_w {color: #333;}
.ico_w span, .ico_g span {display:block; position:absolute; top:50%; right:15px; width:18px; height:18px; margin-top:-9px; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -webkit-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:20px;}

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

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

/* 버튼 : 작은사이즈 + 아이콘 */
[class^="btn_"].mini.ico_w{position:relative;}
[class^="btn_"].mini.ico_w i{font-size:0.8rem;}

/* 테이블 버튼 */
table [class^="btn_"]{min-width:6rem; height:40px; padding:0 0.65rem; border-width:1px; font-size:0.75rem; line-height:normal;}
table [class^="btn_"].ico_w i{font-size:0.8rem;}
table [class^="btn_"].ico_down{min-width:auto; width:28px; height:28px; padding:0;}

/* 이미지 사이즈 : 확대보기 */
.rsp_img {position:relative; width:100%; padding: 2.25rem; border: 1px solid #D5D5D5; border-radius: 1.4rem; text-align: center;}
.rsp_img img {max-width:100%;}
.rsp_img .btn-zoom {display:block; overflow:hidden; position:absolute; z-index:100; right:2rem; bottom:-1.1rem; width:45px; height:45px; background:url(/images/web/evaluation/con_com/ico_rsp_img.png) no-repeat; text-indent:-9999em;}

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

/* 콘텐츠 준비중 */
.Coming_soon {padding:3rem; border: 1px solid #D5D5D5; border-radius: 1.4rem; text-align: center;}
.Coming_soon img {max-width: 100%;}
.Coming_soon h3 {margin-top: 1.5rem; font-size:1.4rem; color:#061E4D; font-weight: 400;}
.Coming_soon h3 span {box-shadow: inset 0 -14px 0 0 rgba(200,222,253,0.4);}
.Coming_soon p {position:relative; margin-top:0.3rem; font-size:0.85rem; color: #333;}

/* 폼요소 */
label {vertical-align: middle; cursor:pointer;}
label input {margin-right: 0.25rem; vertical-align: middle;}
input.w100 {width: 100% !important;}
input.w80 {width: 80% !important;}
input.w60 {width: 60% !important;}
input.w50 {width: 50% !important;}
input.w40 {width: 40% !important;}
input.w30 {width: 30% !important;}
input.w20 {width: 20% !important;}
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;}
select.w100 {width: 100%;}
select.w80 {width: 80%;}
select.w60 {width: 60%;}
select.w50 {width: 50%;}
select.w40 {width: 40%;}
select.w30 {width: 30%;}

/* 폼요소 : 공통 */
input[type=text], input[type=tel], input[type=password], input[type=file], input[type=number], input[type=email], input[type=date], input[type=search], select, textarea {-webkit-box-shadow: none; box-shadow: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; -webkit-tap-highlight-color: transparent;}
input:focus + label,
select:focus,
textarea:focus{outline:2px solid #000; outline-offset:0.1rem;}
input[type="radio"],
input[type="checkbox"]{position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important;}

/* 인풋 */
.input_txt{display:inline-block; position:relative; height:40px; border:1px solid #ccc; border-radius:0.2rem; background-color:#fff; font-size:0.8rem; color:#666665; line-height:1; text-align:left; box-sizing:border-box; transition-timing-function:ease-in-out; transition-duration:0.2s; transition-property:background-color, border, color;}
.input_txt.w-auto{width:auto;}
.input_txt.w-short{width:6rem;}

/* 테이블 폼요소 */
table input,
table select,
table textarea{display:inline-block; position:relative; height:40px; border:1px solid #ccc; border-radius:0.2rem; background-color:#fff; font-size:0.8rem; color:#333; line-height:1; font-family:'Pretendard'; text-align:left; transition-timing-function:ease-in-out; transition-duration:0.2s; transition-property:background-color, border, color;}
table textarea,
table select,
table input{font-size:0.8rem; color:#666665;}
table input,
table select{width:8.5rem;}
/* 테이블 - input */
table input {padding:0 0.55rem;}
table input::placeholder{color:#888;}
table input:read-only{background-color:#f5f5f5;}
table input:disabled{background-color:#f5f5f5;}
/* 테이블 - select */
table select{padding:0 1.5rem 0 0.5rem; background:url(/images/web/evaluation/con_com/select_arrow.png) no-repeat right 0.65rem center; line-height:1.5;}
table select:disabled{background-color:#f5f5f5;}
/* 테이블 - textarea */
table textarea{width:100%; height:8rem; padding:0.75rem; line-height:1.5;}
table textarea::placeholder{color:#888;}

/* 라디오 체크박스 */
.form-check{display:inline-flex; flex-shrink:0; position:relative; margin-right:1rem; vertical-align:middle;}
.form-check:last-child{margin-right:0;}
.form-check input[type="radio"] ~ label,
.form-check input[type="checkbox"] ~ label {display:inline-flex; position: relative; min-height:1rem; padding-left:1.3rem; font-size:0.8rem; line-height: 1.5;}
.form-check input[type="radio"] ~ label:before,
.form-check input[type="checkbox"] ~ label:before{z-index:3;}
.form-check input[type="radio"] ~ label:after,
.form-check input[type="checkbox"] ~ label:after{z-index:4;}
.form-check input[type="radio"] ~ label:before,
.form-check input[type="radio"] ~ label:after,
.form-check input[type="checkbox"] ~ label:before,
.form-check input[type="checkbox"] ~ label:after{display:block; content:''; transition:0.2s cubic-bezier(0.4, 0, 0.23, 1);}
.form-check input[type="checkbox"] ~ label:before{position:absolute;top:3px;left:0;width:18px;height:18px;border:1px solid #717171;border-radius:4px; box-sizing: border-box;}
.form-check input[type="checkbox"] ~ label:after{ position:absolute; top:7px; left:4px; width:10px; height:9px; background: url(/images/web/evaluation/con_com/ico_check.png) no-repeat left top; opacity: 0; box-sizing: border-box;}
.form-check input[type="checkbox"]:checked ~ label:before {background-color: #0F80E4; border-color: #0F80E4;}
.form-check input[type="checkbox"]:checked ~ label:after {opacity: 1;transition-delay: 0.2s;}
.form-check input[type=radio] ~ label:before{position:absolute;top:3px;left:0;width:18px;height:18px;background:#fff;border:1px solid #717171;border-radius:100%; box-sizing: border-box;}
.form-check input[type=radio] ~ label:after{position:absolute; top:7px; left:4px; width:10px; height:10px; background:#fff; border-radius:100%; box-sizing: border-box;}
.form-check input[type=radio]:checked ~ label:before{border-color: #0F80E4;}
.form-check input[type=radio]:checked ~ label:after{background-color: #0F80E4;}
.form-check input[type=radio]:disabled ~ label:before,
.form-check input[type=checkbox]:disabled ~ label:before{border-color:#c6c6c6; background-color:#e4e4e4;}
.form-check input[type=radio]:disabled ~ label:after,
.form-check input[type=checkbox]:disabled ~ label:after{display:none;}
.form-check input[type=radio]:disabled + label,
.form-check input[type=checkbox]:disabled + label{color:#8e8e8e; cursor:default;}
.form-check.noTxt input[type=radio] + label,
.form-check.noTxt input[type=checkbox] + label{padding-left:18px; font-size:0; line-height:0;}

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

.Guide_titBox2 {position:relative; margin:30px 0 40px; border-top:2px solid #333; border-bottom:1px solid #666; background:#f7f7f7; font-size:0; color:#000; line-height:0;}
.Guide_titBox2 h3 {display:inline-block; margin:-15px 0 0 -1px; padding:3px 20px; background:#333; font-size:16px; color:#fff; line-height:20px;}
.Guide_titBox2 div {padding:10px 0; font-size:14px; line-height:18px; }

/* 설문조사 */
#con_com {position:relative;padding: 5px;background: rgba(15, 128, 228, 0.3);border-radius:10px;box-sizing:border-box;font-family:'Pretendard';}
#con_com section {position:relative; padding:1.25rem 2rem; border-radius:8px; background:#fff;}
#con_com section h1 {position:relative; margin-bottom:20px;font-size:28px;color:#222;font-weight:700;text-align:center;}
#con_com section h2 {position:relative; padding:4px; background:#555; font-size:20px; color:#fff; font-weight:600; text-align:center;}
#con_com section h5 {display: flex;align-items: flex-start;position:relative;margin:0.7rem 0 0.9rem !important;font-size: 20px; line-height:25px; color:#222; word-break:keep-all;}
#con_com section h5 > em{flex-shrink:0; position:relative; margin-right:12px;padding-right:12px;color:#0F80E4;font-size: 22px; line-height:inherit;}
#con_com section h5 > em:before{display:block; position:absolute; top:calc(50% - 7px); right:0; width:1px; height:14px; background:#ccc; content:'';}
#con_com section .con_com_st{position:relative; padding:30px 0; box-sizing:border-box;}
#con_com section .con_com_st:before{display:block;position:absolute;top:0;left:0;width:100%;height:1px;background: #555;content:'';}
#con_com section .con_com_st + .con_com_st:before{background:#ccc;}
#con_com section .con_com_st .badge{display:inline-flex;align-items:center;justify-content:center;position:relative; height: 20px;padding: 0 10px;border-radius:4px;font-size: 13px;line-height: 1;font-weight:400;}
#con_com section .con_com_st .badge.red{border: 1px solid rgba(219, 45, 45, 0.6); background: #FDF3F3; color: #DE3030;}
#con_com section .con_com_st input,
#con_com section .con_com_st select,
#con_com section .con_com_st textarea{font-family:'Pretendard';}
#con_com section .con_com_st ul{position:relative;}
#con_com section .con_com_st ul li{display:flex; position:relative; align-items:center; gap:10px; padding-bottom: 0.5rem; font-size:16px; color:#222; line-height:1.5; word-break:keep-all;}
#con_com section .con_com_st ul li:last-child{padding-bottom:0;}
#con_com section .con_com_st select{position:relative; height: 25px; padding:0 10px; border:1px solid #ccc; border-radius: 4px; font-size:15px;}
#con_com section .con_com_st .form-check{margin-right:0;}
#con_com section .con_com_st .form-check label{padding-left:26px;font-size: 16px;color:#222;line-height:1.5;}
#con_com section .con_com_st .form-check label:before{width:18px;height:18px;}
#con_com section .con_com_st .input_txt{height:30px;padding:0 10px; border:1px solid #ccc; color:#222; line-height: 30px;}
#con_com section .con_com_st .write_txt{height:150px; border:1px solid #ccc; border-radius: 4px;}
#con_com section .con_com_st select{position:relative; height:30px; padding-left:10px; padding-right:25px; border:1px solid #ccc; border-radius: 4px; background:url(/images/web/evaluation/con_com/m_select_arrow.png) no-repeat right 8px center; font-size:15px; line-height:inherit;}

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

@media (min-width:861px) {

}

@media (min-width:1201px) {
    /* 탭 : 1차 탭 */
    .tab_st1 li {height:2.7rem; border: 1px solid #d5d5d5;}
    /* 탭 : 2차 탭 */
    .tab_st2{height:3rem; border:1px solid rgba(15, 128, 228, 0.8); background:#F6FAFE; border-radius:1.5rem;}
    .tab_st2 ul{display: flex; align-items:center; overflow-x:auto; width:35rem; height:100%;}
    .tab_st2 ul {scrollbar-width: thin; scrollbar-color: rgba(7, 114, 237, 0.2) transparent;}
    .tab_st2 ul li + li{margin-left:2.4rem;}
    .tab_st2 > ul.center { justify-content: center; }
    .tab_st2 > ul.start { justify-content: flex-start; }
    .tab_st2.Tab_w100 ul{width:100%;}
    
    /* 탭: 보더 */
    .tab_st1 li:not(:nth-child(5n+1)) {border-left:none;}
    .Tab_w25 li:not(:nth-child(4n+1)) {border-left:none;}
    .Tab_w30 li:not(:nth-child(3n+1)) {border-left:none;}
    .Tab_w50 li:not(:nth-child(2n+1)) {border-left:none;}
    .tab_st1 li:nth-child(n+6) {border-top:none;}
    .Tab_w25 li:nth-child(n+5) {border-top:none;}
    .Tab_w30 li:nth-child(n+4) {border-top:none;}
    .Tab_w50 li:nth-child(n+3) {border-top:none;}
    
    /* 탭 : 개수에 따른 라운드 */
    .round-tl { border-top-left-radius: 0.45rem; }
    .round-tr { border-top-right-radius: 0.45rem; }
    .round-bl { border-bottom-left-radius: 0.45rem; }
    .round-br { border-bottom-right-radius: 0.45rem; }
}

@media (min-width:1201px) and (max-width:1440px) {
    .tab_st2.Tab_w100 ul li + li{margin-left:1.8rem;}
}

@media (min-width:1441px) {
    /* 탭 : 2차 탭 */
    .tab_st2 ul{width:40rem;}
    .tab_st2.Tab_w100 ul{width:100%;}
    .tab_st2.Tab_w100 ul li + li{margin-left:2.4rem;}
}

@media screen and (max-width:1440px){
    /* 타이틀 */
    .tit1:before, .titT1:before{top:10px;}
    
    /* 라디오 체크박스 */
    .form-check input[type="checkbox"] ~ label:before{top:2px;}
    .form-check input[type="checkbox"] ~ label:after{top:6px;}
    .form-check input[type=radio] ~ label:before{top:2px;}
    .form-check input[type=radio] ~ label:after{top:6px;}
    
    /* 박스 : 박스 기본 타입 */
    .box_st_ico .inner{min-height:170px;}
}

@media screen and (max-width:1280px){
    /* 리스트 : 가로 나열 */
    .li_w50 > li, .li_w30 > li, .li_w25 > li, .li_w20 > li {-moz-box-sizing:border-box; -webkit-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%;}
    
    /* 테이블 - 기타 */
    .tbl_utile {margin-top:0; }/* 유틸 & 스크롤있을때 */
}

@media screen and (max-width:1200px){
    /* 탭 : 공통 */
    .reactTab[class^="tab_st"] > .select {display: block; height: auto;}
    .reactTab[class^="tab_st"] ul {display: none; width: 100%; margin-bottom: 0; margin-left: 0; text-align: left;}
    .reactTab[class^="tab_st"] li {display: block; width: 100% !important;}
    .tab_st1 li a:hover::before,
    .tab_st1 li a:focus::before,
    .tab_st1 li.on a::before {color:#de2a59;}
    .tab_st1 li:hover::after,
    .tab_st1 li:focus::after,
    .tab_st1 li.on::after {background:#d1cdcc;}
    .reactTab[class^="tab_st"] li a {position: relative; background: #fff;}
    
    /* 탭 : 1차 탭 */
    .tab_st1 li a:after,
    .tab_st2 li a:after {content: "\f1af";}
    .tab_st1 li a:hover::before,
    .tab_st1 li a:focus::before,
    .tab_st1 > .select:before {color: #fff; content: "\eb79";}
    .tab_st2 > .select:before {color: #0F80E4; content: "\eb79";}
    .tab_st1 > .select:after{color: #fff;}
    .tab_st2 > .select:after{color: #0F80E4;}
    .tab_st1 > .select:after,
    .tab_st2 > .select:after{content: "\ea4e";}
    .tab_st1 > .select:has(+ ul.open):after,
    .tab_st2 > .select:has(+ ul.open):after{transform:translateY(-50%) rotate(180deg);}
    
    div[class^="tab_st"]:not(.notJS) ul {overflow: hidden; width: 100%; margin: 0; border: 1px solid #ccc; border-radius: 0.5rem;}
    div[class^="tab_st"]:not(.notJS) li {margin: 0;}
    div[class^="tab_st"]:not(.notJS) li + li {border-top: 1px dashed #ddd;}
    div[class^="tab_st"]:not(.notJS) li a {display: block; height: auto; border: 0;}
    div[class^="tab_st"]:not(.notJS) li a,
    div[class^="tab_st"]:not(.notJS) > .select{padding:0.6rem 3.75rem 0.6rem 1rem;}
    div[class^="tab_st"]:not(.notJS) > .select{border-radius:0.45rem;}
    .tab_st1:not(.notJS) li.on a {background: #fff; color: #2a66d4;}
    .tab_st1:not(.notJS) li a:focus,
    .tab_st1:not(.notJS) li a:hover {background: transparent; color: #2a66d4;}
    .tab_st1:not(.notJS) li:not(.on) a:focus:before,
    .tab_st1:not(.notJS) li:not(.on) a:hover:before {color: #444;}
    .tab_st1:not(.notJS) li:hover::before,
    .tab_st1:not(.notJS) li:focus::before,
    .tab_st1:not(.notJS) li.on::before {background: #d1cdcc;}
    .tab_st1 ul li a:before,
    .tab_st1 ul li.on a:after,
    .tab_st2 ul li a:before,
    .tab_st2 ul li.on a:after{display:none;}
    
    /* 탭 : 리스트 */
    .tab_list {padding: 0.5rem 4.5rem;}
    
    /* 탭 : 개수 지정 */
    .Tab_w20 > li {width: 25%;}
    /* 리스트 : 가로 나열 */
    .li_w20 > li {width: 25%;}
}

@media screen and (max-width:1024px){
    /* 타이틀(공통) */
    * + h3[class^='tit']{margin-top:1.5rem;}
    
    /* 타이틀 */
    .tit1:before, .titT1:before{top:9px;}
    
    /* 리스트 : 블릿 타입 */
    .list_st1 > li:before{top:0.65rem;}
    .list_st3 > li:before{top:0.65rem;}
    
    /* 리스트 : 순차적 리스트 타입 */
    .list_ol2 > li > span.num{top:0;}
    
    /* 탭 : 공통 */
    div[class^="tab_st"]{margin-bottom:1.5rem;}
    
    /* 탭 : 개수 지정 */
    .Tab_w20 > li {width: 33%;}
    
    /* 박스 : 박스 기본 타입 */
    [class^="box_st"]{padding:1.5rem 1.7rem;}
    .box_st_ico{padding:0;}
    .box_st_ico .inner{min-height:145px; padding:1.5rem 1.7rem; padding-left:8rem;}
    .box_st_ico .ico_boxImg{top:1.5rem; left:1.5rem; width:5rem; height:5rem;}
    .box_st_ico .ico_boxImg > img{width:4rem; height:4rem;}
    .box_st_ico .box_tit{font-size:1.1rem;}
    
    /* 설문조사 */
    #con_com section{padding:1.25rem 1.7rem;}
    #con_com section h5{font-size:19px;}
    #con_com section h5 > em{font-size:21px;}
}

@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차 탭 */
    .tab_st1 li{width:33%;}
    
    /* 탭 :리스트 탭 */
    .tab_list {padding:0.8rem 3.5rem;}
    .tab_list .slick-slide{padding:0 1rem;}
    
    /* 탭 : 개수 지정 */
    .Tab_w30 > li,
    .Tab_w20 > li {width: 50%;}
    
    /* 테이블 스크롤 */
    .scroll_wrap{position:relative;}
    .scroll_wrap:before{display:flex; align-items:center; justify-content:center; position:absolute; z-index:2; top:2px; right:0; width:28px; height:18px; background:#555; border-radius:10px; font-size:15px; color:#fff; line-height:normal; font-family:'remixicon'; content:"\f537";}
    .scroll_gr{overflow-x:auto; z-index:1; width:100%; background-repeat:no-repeat; background-position:right 5px ; background-size:30px 100%;}
    .scroll_gr table{width:860px;}
    
    /* 반응형 테이블 : 공통 */
    div[class*='tbl_st'].responsive > table{display:block;}
    div[class*='tbl_st'].responsive > table colgroup{display:none;}
    div[class*='tbl_st'].responsive > table thead{display:none;}
    div[class*='tbl_st'].responsive > table tbody,
    div[class*='tbl_st'].responsive > table tfoot{display:block; width:100%;}
    div[class*='tbl_st'].responsive > table tfoot{border-top:1px solid #d9d9d9;}
    div[class*='tbl_st'].responsive > table th,
    div[class*='tbl_st'].responsive > table td{position:relative; margin-top:0.4rem;}
    div[class*='tbl_st'].responsive > table tbody tr,
    div[class*='tbl_st'].responsive > table tfoot tr{display:flex; flex-direction:column; position:relative; width:100%; padding:0.7rem 0; border-bottom:1px solid #d9d9d9; text-align:left;}
    div[class*='tbl_st'].responsive > table tbody tr th,
    div[class*='tbl_st'].responsive > table tbody tr td,
    div[class*='tbl_st'].responsive > table tfoot tr th,
    div[class*='tbl_st'].responsive > table tfoot tr td{display:block; border:none; padding:0; padding-left:12px; padding-right:12px;}
    div[class*='tbl_st'].responsive > table tbody tr th:first-child,
    div[class*='tbl_st'].responsive > table tbody tr td:first-child,
    div[class*='tbl_st'].responsive > table tfoot tr th:first-child,
    div[class*='tbl_st'].responsive > table tfoot tr td:first-child{margin-top:0;}
    div[class*='tbl_st'].responsive > table tr:last-of-type{border-bottom:none !important;}
    div[class*='tbl_st'] > table tbody tr .td_tit{font-size:0.9rem; font-weight:700;}
    
    /* 반응형 테이블 : 기본 */
    .tbl_st.responsive > table tbody tr .mTit,
    .tbl_st.responsive > table tbody tr .mTit,
    .tbl_st.responsive > table tfoot tr .mTit,
    .tbl_st.responsive > table tfoot tr .mTit{display:inline-flex; position:relative; min-width:4rem; margin-right:10px; padding-left:11px; padding-right:10px; color:#111; font-weight:600; vertical-align:middle;}
    .tbl_st.responsive > table tbody tr .mTit:before,
    .tbl_st.responsive > table tbody tr .mTit:before,
    .tbl_st.responsive > table tfoot tr .mTit:before,
    .tbl_st.responsive > table tfoot tr .mTit:before{position:absolute; top:9px; left:0; width:3px; height:3px; border-radius:50%; background:#666; content:'';}
    .tbl_st.responsive > table tbody tr .mTit:after,
    .tbl_st.responsive > table tbody tr .mTit:after,
    .tbl_st.responsive > table tfoot tr .mTit:after,
    .tbl_st.responsive > table tfoot tr .mTit:after{display:block; position:absolute; top:5px; right:0; width:1px; height:12px; background:#d5d5d5; content:'';}
    
    table input,
    table select,
    table textarea{height:35px;}
    table .input_txt{height:35px;}
    table [class^="btn_"]{height:35px;}
}

@media screen and (max-width:768px){
    /* 설문조사 */
    #con_com section{padding:1.25rem 1.5rem;}
    #con_com section h5{font-size:17px;}
    #con_com section h5 > em{margin-right:10px; padding-right:10px; font-size:20px;}
    #con_com section h5 > em:before{top:calc(50% - 6px); height:12px;}
    #con_com section .con_com_st ul li{font-size:15px;}
    #con_com section .con_com_st select{font-size:14px;}
    #con_com section .con_com_st .form-check label{font-size:15px;}
}

@media screen and (max-width:640px){
    /* 타이틀 */
    .tit1, .titT1{padding-left:1.5rem; font-size:1.2rem;}
    .tit1:before, .titT1:before{transform:scale(0.9);}
    .tit2, .titT2{font-size:1.1rem;}
    .tit3, .titT3{font-size:1rem;}
    
    /* 리스트 : 가로 나열 */
    .li_w30 > li {width:100%;}
    .li_w25 > li {width:50%;}
    .li_w20 > li {width:33%;}
    
    /* 박스 : 박스 기본 타입 */
    [class^="box_st"] {padding:1.1rem 1.2rem;}
    [class^="box_st"] .box_tit{font-size:1rem;}
    .box_st_ico {padding: 0; border-radius:1rem;}
    .box_st_ico .inner {min-height:auto; padding:1.1rem 1.2rem;}
    .box_st_ico .ico_boxImg {display: none;}
    
    /* 탭 : 1차, 2차, 3차 탭 */
    .tab_st1 li, .tab_st2 li, .tab_st3 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%;}
    
    /* 반응형 테이블 : 공통 */
    div[class*='tbl_st'].responsive > table tbody tr th,
    div[class*='tbl_st'].responsive > table tbody tr td,
    div[class*='tbl_st'].responsive > table tfoot tr th,
    div[class*='tbl_st'].responsive > table tfoot tr td{padding-left:10px; padding-right:10px;}
    
    /* 버튼 : 기본 */
    .btn_bl, .btn_ny, .btn_grn, .btn_red, .btn_gr{min-width:6rem; height:40px; padding:0 0.65rem; font-size:0.75rem;}
    .btn{min-width:6rem; height:40px; padding:0 0.65rem; font-size:13px !important;}
    
    /* 버튼 : 기본 + 아이콘 */
    [class^="btn_"].ico_w i{font-size:0.8rem;}
    
    /* 라디오 체크박스 */
    .form-check{margin-right:0.7rem;}
    
    /* 이미지 사이즈 : 확대보기 */
    .rsp_img{padding:1.5rem;}
    .rsp_img .btn-zoom{right:1rem; width:40px; height:40px; background-size:cover;}
    
    /* 콘텐츠 준비중 */
    .Coming_soon{padding:2.5rem;}
    
    /* 설문조사 */
    #con_com section{padding:1.25rem;}
    #con_com section h1{font-size:24px;}
    #con_com section h5{margin:0.7rem 0 !important;}
    #con_com section .con_com_st{padding:25px 0;}
    #con_com section .con_com_st ul{margin-left:5px !important;}
    #con_com section .con_com_st .write_txt{height:100px;}
}

@media screen and (max-width:480px){
    /* 리스트 : 가로 나열 */
    .li_w25 > li {width:100%;}
    .li_w20 > li {width:50%;}
    
    /* 탭 : 1차 */
    .tab_st1 li{width:100%;}
    
    /* 탭 :리스트 탭 */
    .tab_list .slick-slide{padding:0 0.5rem;}
    
    /* 탭  */
    .Tab_w50 li,
    .Tab_w30 li,
    .Tab_w20 li {width: 100%;}
    
    /* 반응형 테이블 : 공통 */
    div[class*='tbl_st'].responsive > table tbody tr th,
    div[class*='tbl_st'].responsive > table tbody tr td,
    div[class*='tbl_st'].responsive > table tfoot tr th,
    div[class*='tbl_st'].responsive > table tfoot tr td{padding-left:5px; padding-right:5px;}
    
    /* 라디오 체크박스 */
    .form-check input[type="radio"] ~ label,
    .form-check input[type="checkbox"] ~ label{padding-left:1.25rem;}
    .form-check input[type=radio] ~ label:before{top:3px; width:17px; height:17px;}
    .form-check input[type=radio] ~ label:after{top:7px; width:9px; height:9px;}
    .form-check input[type="checkbox"] ~ label:before{top:3px; width:17px; height:17px;}
    .form-check input[type="checkbox"] ~ label:after{top:7px; width:9px; height:8px; background-size:cover;}
    
    /* 이미지 사이즈 : 확대보기 */
    .rsp_img {padding: 1rem;}
    
    /* 콘텐츠 준비중 */
    .Coming_soon{padding:2rem;}
    .Coming_soon h3{font-size:1.2rem;}
    
    /* 설문조사 */
    #con_com section{padding:1rem;}
    #con_com section h1{margin-bottom:15px; font-size:22px;}
    #con_com section h5{font-size:16px;}
    #con_com section h5 > em{font-size:18px;}
    #con_com section .con_com_st{padding:20px 0;}
    #con_com section .con_com_st ul{margin-left:0 !important;}
    #con_com section .con_com_st ul li{gap:8px; font-size:14px;}
    #con_com section .con_com_st .badge{padding:0 7px;}
    #con_com section .con_com_st select{height:27px; padding-right:20px; font-size:13px;}
    #con_com section .con_com_st .form-check label{padding-left:22px; font-size:14px;}
    #con_com section .con_com_st .form-check label:before{top:2px; width:16px;height:16px;}
    #con_com section .con_com_st .form-check label:after{top:6px; width:8px; height:8px;}
    #con_com section .con_com_st .input_txt{width:100% !important; height:27px; line-height:27px;}
}

@media screen and (max-width:380px){
    /* 리스트 : 가로 나열 */
    .li_w20 > li {width:100%;}
    
    /* 박스 : 박스 기본 타입 */
    [class^="box_st"] {padding:1rem;}
    .box_st_ico{padding:0;}
    .box_st_ico .inner{padding:1rem;}
    
    .tbl_st.responsive > table tbody tr .mTit,
    .tbl_st.responsive > table tbody tr .mTit,
    .tbl_st.responsive > table tfoot tr .mTit,
    .tbl_st.responsive > table tfoot tr .mTit{min-width:3rem; margin-right:8px; padding-right:9px;}
    
    /* 콘텐츠 준비중 */
    .Coming_soon{padding:1.5rem;}
}

/* ===== JSP 구조 호환: tab_st1이 ul 요소에 직접 적용된 경우 ===== */
/* tab_st1_box 래퍼 기본 스타일 */
.tab_st1_box {position: relative; margin-bottom: 2rem;}
.tab_st1_box a {display: block; position: relative; line-height: 1rem;}
.tab_st1_box a,
.tab_st1_box ::before {transition: all 0.3s ease;}

/* ul.tab_st1 자체를 flex 컨테이너로 설정 */
ul.tab_st1 {display: flex; overflow: hidden; flex-wrap: wrap;}

/* tab_st1_box > .select 스타일 */
.tab_st1_box > .select {display: none; align-items: center; justify-content:center; width:100%; height:100%; padding:0 0.5rem; background: #004DA0; color: #fff; font-weight: 600;}
.tab_st1_box > .select:focus {outline:1px solid #fff; outline-offset:-0.2rem;}
.tab_st1_box > .select:before {position: relative; top: 50%; left:0; margin-right:0.5rem; font-size: 1rem; color: #fff; font-weight: 400; font-family: 'remixicon'; transform: translateY(-50%);}
.tab_st1_box > .select:after {position: absolute; top: 50%; right:1rem; font-size: 1rem; color: #666; font-weight: 400; font-family: 'remixicon'; transform: translateY(-50%); transition:transform 0.3s ease-in;}

@media (min-width:1201px) {
    /* ul.tab_st1 보더 처리 (tab_st1_box 내부) */
    .tab_st1_box ul.tab_st1 li {height:2.7rem; border: 1px solid #d5d5d5;}
}

@media screen and (max-width:1200px) {
    /* tab_st1_box 반응형: .select 표시 및 ul 숨김 */
    .tab_st1_box.reactTab > .select {display: block; height: auto;}
    .tab_st1_box.reactTab > ul {display: none; width: 100%; margin-bottom: 0; margin-left: 0; text-align: left;}
    .tab_st1_box.reactTab li {display: block; width: 100% !important;}
    .tab_st1_box.reactTab li a {position: relative; background: #fff;}
    .tab_st1_box:not(.notJS) ul {overflow: hidden; width: 100%; margin: 0; border: 1px solid #ccc; border-radius: 0.5rem;}
    .tab_st1_box:not(.notJS) li {margin: 0;}
    .tab_st1_box:not(.notJS) li + li {border-top: 1px dashed #ddd;}
    .tab_st1_box:not(.notJS) li a {display: block; height: auto; border: 0;}
    .tab_st1_box:not(.notJS) li a,
    .tab_st1_box:not(.notJS) > .select {padding:0.6rem 3.75rem 0.6rem 1rem;}
    .tab_st1_box:not(.notJS) > .select {border-radius:0.45rem;}
    .tab_st1_box > .select:before {color: #fff; content: "\eb79";}
    .tab_st1_box > .select:after {color: #fff; content: "\ea4e";}
    .tab_st1_box > .select:has(+ ul.open):after {transform:translateY(-50%) rotate(180deg);}
    /* ul.tab_st1 내부 li pseudo-element 숨김 */
    ul.tab_st1 > li a:before,
    ul.tab_st1 > li.on a:after {display:none;}
    .tab_st1_box:not(.notJS) li.on a {background: #fff; color: #2a66d4;}
    .tab_st1_box:not(.notJS) li a:focus,
    .tab_st1_box:not(.notJS) li a:hover {background: transparent; color: #2a66d4;}
}

@media screen and (max-width:1024px) {
    .tab_st1_box {margin-bottom: 1.5rem;}
}

@media screen and (max-width:860px) {
    .tab_st1_box ul.tab_st1 li {width: 33%;}
}

@media screen and (max-width:640px) {
    .tab_st1_box ul.tab_st1 li {width: 50%;}
    .tab_st1_box ul.tab_st1.Tab_w30 li {width: 100%;}
    .tab_st1_box ul.tab_st1.Tab_w20 li {width: 50%;}
}

@media screen and (max-width:480px) {
    .tab_st1_box ul.tab_st1 li {width: 100%;}
}

/* ===== JSP 구조 호환: tab_st2가 ul 요소에 직접 적용된 경우 ===== */
/* tab_st2_box 래퍼 기본 스타일 */
.tab_st2_box {position: relative; margin-bottom: 2rem;}
.tab_st2_box a {display: block; position: relative; line-height: 1rem;}
.tab_st2_box a,
.tab_st2_box ::before {transition: all 0.3s ease;}

/* ul.tab_st2 > li 스타일 (.tab_st2 ul li 대체) */
ul.tab_st2 > li {flex-shrink:0;}
ul.tab_st2 > li a {display:inline-flex; position:relative; align-items:center; padding-left:0.75rem; color:#222; transition:color 0.3s ease;}
ul.tab_st2 > li a:before {display:block; position:absolute; top:calc(50% - 0.125rem); left:0; width:0.25rem; height:0.25rem; background:#555; border-radius:50%; content:''; transition:background-color 0.3s ease;}
ul.tab_st2 > li a:hover,
ul.tab_st2 > li.on a {font-weight:700;}
ul.tab_st2 > li a:hover {color:#111;}
ul.tab_st2 > li a:hover:before {background-color:#111;}
ul.tab_st2 > li.on a {padding-left:1.2rem; color:#0F80E4;}
ul.tab_st2 > li.on a:before {display:none;}
ul.tab_st2 > li.on a:after {display:block; position:absolute; top:0; right:auto; left:0; color:#0F80E4; font-family:'remixicon'; content:"\eb78"; transform:none;}
ul.tab_st2 > li a.select:after {color:#fff;}

/* tab_st2_box > .select 스타일 (.tab_st2 > .select 대체) */
.tab_st2_box > .select {display: none; font-weight:700; border:1px solid #0F80E4; background:rgba(7, 114, 237, 0.05); color:#0F80E4;}
.tab_st2_box > .select:before {position: relative; top: 50%; left:0; margin-right:0.5rem; font-size: 1rem; color: #0F80E4; font-weight: 400; font-family: 'remixicon'; transform: translateY(-50%);}
.tab_st2_box > .select:after {position: absolute; top: 50%; right:1rem; font-size: 1rem; color: #0F80E4; font-weight: 400; font-family: 'remixicon'; transform: translateY(-50%); transition:transform 0.3s ease-in;}

/* ul.tab_st2 스크롤바 */
ul.tab_st2::-webkit-scrollbar {height: 4px;}
ul.tab_st2::-webkit-scrollbar-track {background:transparent;}
ul.tab_st2::-webkit-scrollbar-thumb {background:#d6e5e2; border-radius: 2px;}
ul.tab_st2::-webkit-scrollbar-thumb:hover {background:#bcd6d1;}

@media (min-width:1201px) {
    /* tab_st2_box를 시각적 컨테이너로 (기존 div.tab_st2 역할) */
    .tab_st2_box {display:flex; justify-content:center; align-items:center; height:3rem; border:1px solid rgba(15, 128, 228, 0.8); background:#F6FAFE; border-radius:1.5rem;}
    /* ul.tab_st2에서 상속된 테두리/배경 제거 (tab_st2_box에 이미 적용) */
    .tab_st2_box > ul.tab_st2 {border:none; background:transparent; border-radius:0; height:100%; display:flex; align-items:center; /* overflow-x:auto; */ width:35rem; /* scrollbar-width: thin; scrollbar-color: rgba(7, 114, 237, 0.2) transparent; */}
    .tab_st2_box > ul.tab_st2 > li + li {margin-left:2.4rem;}
    ul.tab_st2.center {justify-content: center;}
    ul.tab_st2.start {justify-content: flex-start; text-align:center;}
    .tab_st2_box > ul.tab_st2.Tab_w100 {width:100%;}
}

@media (min-width:1201px) and (max-width:1440px) {
    .tab_st2_box > ul.tab_st2.Tab_w100 > li + li {margin-left:1.8rem;}
}

@media (min-width:1441px) {
    .tab_st2_box > ul.tab_st2 {width:40rem;}
    .tab_st2_box > ul.tab_st2.Tab_w100 {width:100%;}
    .tab_st2_box > ul.tab_st2.Tab_w100 > li + li {margin-left:2.4rem;}
}

@media screen and (max-width:1200px) {
    /* tab_st2_box 반응형: .select 표시 및 ul 숨김 */
    .tab_st2_box.reactTab > .select {display: block; height: auto;}
    .tab_st2_box.reactTab > ul {display: none; width: 100%; margin-bottom: 0; margin-left: 0; text-align: left;}
    .tab_st2_box.reactTab li {display: block; width: 100% !important;}
    .tab_st2_box.reactTab li a {position: relative; background: #fff;}
    .tab_st2_box:not(.notJS) ul {overflow: hidden; width: 100%; margin: 0; border: 1px solid #ccc; border-radius: 0.5rem;}
    .tab_st2_box:not(.notJS) li {margin: 0;}
    .tab_st2_box:not(.notJS) li + li {border-top: 1px dashed #ddd;}
    .tab_st2_box:not(.notJS) li a {display: block; height: auto; border: 0;}
    .tab_st2_box:not(.notJS) li a,
    .tab_st2_box:not(.notJS) > .select {padding:0.6rem 3.75rem 0.6rem 1rem;}
    .tab_st2_box:not(.notJS) > .select {border-radius:0.45rem;}
    .tab_st2_box > .select:before {color: #0F80E4; content: "\eb79";}
    .tab_st2_box > .select:after {color: #0F80E4; content: "\ea4e";}
    .tab_st2_box > .select:has(+ ul.open):after {transform:translateY(-50%) rotate(180deg);}
    /* ul.tab_st2 내부 li pseudo-element 숨김 */
    ul.tab_st2 > li a:before,
    ul.tab_st2 > li.on a:after {display:none;}
    /* ul.tab_st2에서 데스크톱 스타일 제거 */
    .tab_st2_box > ul.tab_st2 {border:none; background:transparent; border-radius:0; height:auto;}
}

@media screen and (max-width:1024px) {
    .tab_st2_box {margin-bottom: 1.5rem;}
}

@media screen and (max-width:640px) {
    .tab_st2_box ul.tab_st2 > li {width: 50%;}
}

@media screen and (max-width:480px) {
    .tab_st2_box ul.tab_st2 > li {width: 100%;}
}