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

label {margin-right: 1rem; vertical-align: middle;}
label input {margin-right: 0.5rem; 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: 10rem;}
input.mx-w10 {width: 100%; max-width: 20rem;}
input.mx-w20 {width: 100%; max-width: 40rem;}
input.mx-w30 {width: 100%; max-width: 60rem;}
input.mx-w40 {width: 100%; max-width: 80rem;}

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

/* 타이틀(공통) */
h3[class^='tit'] {margin-top: 6rem; font-weight: 700;}
[class^="box_st"] [class^='tit']:nth-of-type(1) {margin-top: 0;}
h3[class^='tit'][class*='1'] + h4[class^='tit'][class*='2'] {margin-top: 1.5rem;}
.tab_st3 + h3[class^="tit"],
h3[class^="tit"]:first-of-type {margin-top: 0;}
div + h3[class^='tit'], p + h3[class^='tit'] {margin-top: 5rem !important;}
h4[class^='tit'] {margin-top: 5rem; line-height: 2.6rem; 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: 1rem;}
*:not(h3) + h4[class^='tit'] {margin-top: 3rem !important;}
h5[class^='tit'] {margin-top: 4rem; line-height: 2.6; 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: 1rem;}
*:not(h4) + h5[class^='tit'] {margin-top: 2rem !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 {position: relative; margin-top: 4rem; font-size: 2.4rem; color: #ad0735; padding-left: 1.8rem;}
.tit1::before,
.tit1::after {content:''; position: absolute; top:calc(50% - 0.6rem); width: 0.6rem; height: 0.6rem; border-radius: 50%;}
.tit1::before {left:0; background: #de2a59;}
.tit1::after {left:0.4rem; background: rgba(68,64,151,0.6);}
.tit2 {position: relative; margin-top: 3rem; padding-left: 1.2rem; font-size: 2rem; color: #111; /*background: url('/recruit/images/con_com/bu_tit2.png') no-repeat left 0.1rem top 0.35rem;*/}
.tit2::before {content:''; position: absolute; left:0; top:calc(50% - 0.6rem); width:0.8rem; height:0.8rem; border-radius: 2px; border:3px solid transparent; background-image: linear-gradient(#fff, #fff), linear-gradient(-45deg, #0950a0 0%, #de2a59 100%); background-origin: border-box; background-clip: content-box, border-box;}
.tit3 {position: relative; margin-top: 2rem; font-size: 1.9rem; color: #333;}
[class^="tit"]:not([class^="title_"]) {margin-bottom: 0.7rem; font-family: 'GmarketSans';}

/* 블릿 */
.bu_st1,
.bu_st2,
.bu_st3,
.bu_st4,
.list_st1 > li,
.list_st2 > li,
.list_st3 > li,
.list_st4 > li {position: relative; margin-top: 0.5rem; padding-left: 11px; color: #333;}
.bu_st1:before,
.list_st1 > li:before {position: absolute; top: 0.8rem; left: 0; width: 5px; height: 5px; border-radius: 50%; border: 1px solid #de2a59; content: '';}
.bu_st2:before,
.list_st2 > li:before {position: absolute; top: 0.8rem; left: 0; width: 4px; height: 4px; background: #9ba2ab; transform: rotate(45deg); content: '';}
.bu_st3:before,
.list_st3 > li:before {position: absolute; top: 1rem; left: 0; width: 4px; height:1px; background: #9ba2ab; content: '';}
.bu_st4:before,
.list_st4 > li:before {position: absolute; top: 1.1rem; left: 0; width: 4px; height:1px; background: #9ba2ab; content: '';}

/* P : 블릿 타입 */
.bu_st1 {color: #444;}
.bu_st2 {margin-left: 0.5rem; color: #444;}
.bu_st3 {margin-left: 1rem; font-size: 1.5rem; color: #555;}
.bu_st4 {margin-left: 1.5rem; font-size: 1.4rem; color: #555;}

/* 리스트 : 블릿 타입 */
.list_st2 > li {/*font-size: 0.75rem;*/ }
.list_st3 > li {font-size: 1.5rem; color: #444;}
.list_st4 > li {font-size: 1.5rem; color: #555;}

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

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

/* 리스트 : 순차적 리스트 타입 */
.list_ol1 > li {position: relative; margin-top: 1rem; padding-left: 2.4rem; line-height: 2.4rem; color: #333;}
.list_ol1 > li > span.num {position: absolute; top: 0; left: 0; width: 2.2rem; height: 2.2rem; line-height: 2.2rem; text-align: center; font-size: 1.4rem; font-weight: 700; color: #fff; letter-spacing: -1px; background: #ab0934; border-radius: 50%;} 
.list_ol2 > li {position: relative; margin-top: 1rem; padding-left: 2.8rem; line-height: 2.4rem; color: #444;}
.list_ol2 > li > span.num {position: absolute; top: 0; left: 0; width: 2.2rem; height: 2.2rem; line-height: 2.2rem; text-align: center; font-size: 1.2rem; color: #fff; letter-spacing: -1px; background: #666; border-radius: 50%;} 

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

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

/* 텍스트 요소 : 텍스트 배경색 */
.bg_red,
.bg_gray,
.bg_blue,
.bg_sky,
.bg_org,
.bg_black,
.bg_green,
.bg_yellow {display: inline-block; padding: 1px 0.5rem !important; color: #fff !important;}
.bg_gray {background: #333 !important;}
.bg_black {background: #000 !important;}
.bg_blue {background: #444097 !important;}
.bg_sky {background: #259bff !important;}
.bg_red {background: #c74040 !important;}
.bg_navy {background: #0b41a0 !important;}
.bg_org {background: #ff620d !important;}
.bg_green {background: #00920a !important;}
.bg_yellow {background: #eb8809 !important;}

/* 텍스트 요소 : 강조 타입 */
.Tline_b {text-decoration: underline !important;}
.f_weightB {font-weight: bold;}
.font_Fr {font-weight: 400 !important;}
.font_Fm {font-weight: 600 !important;}
.font_Fb {font-weight: 700 !important;}

/* 텍스트 요소 : 폰트 크기 */
.fs12 {font-size: 1.2rem !important;}
.fs13 {font-size: 1.3rem !important;}
.fs14 {font-size: 1.4rem !important;}
.fs16 {font-size: 1.6rem !important;}
.fs18 {font-size: 1.8rem !important;}
.fs20 {font-size: 2rem !important;}
.fs22 {font-size: 2.2rem !important;}
.fs24 {font-size: 2.4rem !important;}
.fs26 {font-size: 2.6rem !important;}

/* 텍스트 요소 : 링크 타입 */
a.bu_link,
a.bu_linkL,
a.bu_mail,
a.bu_mailL,
a.bu_dow,
a.bu_downL,
a.bu_tel,
a.bu_telL,
a.bu_down {position: relative; display: inline-block; word-break: break-all; text-decoration: underline;} 
.txt_p > [class^="bu_"],
[class^="list_st"] > li > [class^="bu_"] {margin: 0 0.5rem;}
a.bu_link:before,
a.bu_linkL:before,
a.bu_mail:before,
a.bu_mailL:before,
a.bu_down:before,
a.bu_downL:before,
a.bu_tel:before,
a.bu_telL:before {display: inline-block; padding-right: 0.3rem; font-family: 'xeicon'; font-size: 1.5rem; color: #1b55a2;}
a.bu_link {color: #1b55a2;}
a.bu_link:after {background: #1b55a2;}
a.bu_link:before {content: "\e980";}
a.bu_mail {color: #1b55a2;}
a.bu_mail:after {background: #1b55a2;}
a.bu_mail:before {content: "\ea07";}
a.bu_down {color: #1b55a2;}
a.bu_down:after {background: #1b55a2;}
a.bu_down:before {content: "\eb7c";}
a.bu_tel {color: #1b55a2;}
a.bu_tel:after {background: #1b55a2;}
a.bu_tel:before {content: "\e9d3";}

/* 텍스트 요소 : 주의&경고&말풍선 타입 */
div + .bu_atte, 
div + .bu_wnrn, 
div + .bu_ment, 
table + .bu_atte, 
table + .bu_wnrn, 
table + .bu_ment, 
ul + .bu_atte, 
ul + .bu_wnrn, 
ul + .bu_ment {margin-top: 2rem;}
.bu_atte {position: relative; margin-top: 0.5rem; padding-left: 2.2rem; color: #333;}
.bu_atte:before {position: absolute; top: 0; left: 0; display: block; content: "※";}
.bu_wnrn {position: relative; margin-top: 0.5rem; padding-left: 2.5rem; background: url('/recruit/images/con_com/bu_wnrn.png') no-repeat left top 0.3rem;} 
.bu_ment {position: relative; margin-top: 0.5rem; padding-left: 2.5rem;}
.bu_ment:before {position: absolute; top: 0; left: 0; display: block; font-family: 'xeicon'; color: #2c51aa; content: "\ea1c";}
.bu_info {position: relative; margin-top: 0.5rem; padding-left: 2.3rem; color:#464a4e;}
.bu_info::before {content:'\e9a7'; position: absolute; top: -0.1rem; left: 0; font-family: 'xeicon'; color:#464a4e; font-size: 1.8rem;}
.bu_info2 {position: relative; margin-top: 0.5rem; padding-left: 2.3rem; color:#454545; font-weight: 500;}
.bu_info2::before {content:'\e9aa'; position: absolute; top: -0.2rem; left: 0; font-family: 'xeicon'; color:#454545; font-size: 1.8rem;}

/* 테이블 : 테이블 기본 타입 */
div[class*='tbl_st'] {position: relative; margin-top: 0.5rem; width: 100%; background: #fff;}
div[class*='tbl_st'] > table {position: relative; margin-left: -1px; width: 100%; text-align: center; border-top: 2px solid #e27183; -webkit-overflow-scrolling: touch; word-break: keep-all; /* word-break: break-all; 강제 줄바꿈 */ }
div[class*='tbl_st'] > table th {padding: 1rem 0.6rem; line-height: 1.4; vertical-align: middle; font-weight: 600; color: #333; background: #f7f7f7; border-bottom: 1px solid #dad8d9; border-left: 1px solid #dad8d9;}
div[class*='tbl_st'] > table th.atte::before {content:'*'; display:inline-block;}
div[class*='tbl_st'] > table td {padding: 1rem 1rem; line-height: 1.5; vertical-align: middle; color: #333; border-bottom: 1px solid #dad8d9; border-left: 1px solid #dad8d9;}
div[class*='tbl_st'] > table td pre {white-space:normal;}
div.tbl_st > table tr:first-child th:first-child,
div.tbl_st > table tr:first-child td:first-child,
div.tbl_st_row > table tr:first-child th:first-child,
div.tbl_st_row > table tr:first-child td:first-child {border-left: none;}
div.tbl_st > table tbody tr th:first-child,
div.tbl_st > table tbody tr td:first-child,
div.tbl_st_row > table tbody tr th:first-child {border-left: none;}
div[class*='tbl_st'] > table tbody tr:last-child th,
div[class*='tbl_st'] > table tbody tr:last-child td {border-bottom: 1px solid #bcbabb;}
div[class*='tbl_st'] > table thead th {padding: 2rem 1rem; background: #f7f7f7; border-bottom: 1px solid #b9bec7;}
div[class*='tbl_st'] > table tbody th {color: #222; background: #f9f9f9; font-weight:500;}
div[class*='tbl_st'] > table tfoot th {color: #222; background: #f9f9f9;}
div[class*='tbl_st'] .list_st2 > li {font-size: 1.6rem;}
.bdl {border-left: 1px solid #dad8d9 !important;}
.bdb {border-bottom: 1px solid #bcbabb !important;}

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

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

/* 테이블 - form */
table select, table input {padding: 0 0.5rem; height: 3.4rem; line-height: 3.4rem; font-size: 1.5rem; color: #666; border: 1px solid #b9bec7; border-radius: 0.4rem;}
table a[class^='btn_'] {margin: 0; padding: 0.6rem 1rem; font-size: 1.5rem;}
table .list_st3 > li, 
table .list_st4 > li {color: #333;}

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

/* 유틸 */
/* td 정렬사용 */
.tb_txtL td {text-align: left;}
.tb_txtC td {text-align: center;}
.tb_txtR td {text-align: right;}

/* tr 색상 */
.tbl_bg_bl,
.tbl_bg_bl th {color: #111; background-color: #e5eef6 !important;}/* 블루 */
.tbl_bg_ye,
.tbl_bg_ye th {color: #111; background-color: #fff4e6 !important;}/* 옐로우 */
.tbl_bg_re,
.tbl_bg_re th {color: #111; background-color: #ffe1e1 !important;}/* 레드 */
.tbl_bg_gr,
.tbl_bg_gr th {color: #111; background-color: #eefff7 !important;}/* 그린 */
.tbl_bg_org,
.tbl_bg_org th {color: #111; background-color: #ffe0d2 !important;}/* 오렌지 */
.tbl_l {border: 2px solid #333 !important;}
.tbl_L_t {border-top: 2px solid #333 !important;}
.tbl_L_b {border-bottom: 2px solid #333 !important;}
.tbl_L_l {border-left: 2px solid #333 !important;}
.tbl_Lbl {border: 2px solid #014d9b !important;}
.tbl_Lbl_t {border-top: 2px solid #014d9b !important;}
.tbl_Lbl_b {border-bottom: 2px solid #014d9b !important;}
.tbl_Lbl_l {border-left: 2px solid #014d9b !important;}
.tbl_Lre {border: 2px solid #ff6363 !important;}
.tbl_Lre_t {border-top: 2px solid #ff6363 !important;}
.tbl_Lre_b {border-bottom: 2px solid #ff6363 !important;}
.tbl_Lre_l {border-left: 2px solid #ff6363 !important;}
.tbl_Lgr {border: 2px solid #099e5e !important;}
.tbl_Lgr_t {border-top: 2px solid #099e5e !important;}
.tbl_Lgr_b {border-bottom: 2px solid #099e5e !important;}
.tbl_Lgr_l {border-left: 2px solid #099e5e !important;}
.tbl_Lye {border: 2px solid #f9ba00 !important;}
.tbl_Lye_t {border-top: 2px solid #f9ba00 !important;}
.tbl_Lye_b {border-bottom: 2px solid #f9ba00 !important;}
.tbl_Lye_l {border-left: 2px solid #f9ba00 !important;}

/* 선 없음 : 테이블 좌, 우 선 없는 테이블 사용시 필요 */
.tbl_LT_none {border-top: none !important;}
.tbl_LB_none {border-bottom: none !important;}
.tbl_LL_none {border-left: none !important;}
.tbl_LR_none {border-right: none !important;}
.bdl {border-left: 1px solid #dad8d9 !important;}

/* 기본 텍스트 */
.txt_p {margin-top: 0.5rem; font-size: 1.5rem; font-weight: 400; color: #333;}

/* 박스 : 박스 기본 타입 */
[class^="box_st"] {position: relative; margin-top: 1rem; z-index: 0;} 
.box_tit {font-size: 2rem; font-weight: 700; color: #444097;}
.box_st1 {border-radius: 0 2rem 2rem; background: #fff url('/recruit/images/con_com/box_st1_bg.png') repeat; padding:2px;} 
.box_st1 .box_inner {position: relative; display:block; border-radius: 0 1.8rem 1.8rem;padding: 2.6rem 4.1rem; background: #fff;}
.box_st2 {padding: 3rem 4rem; border: 2px solid #f4e8e8; border-radius: 0 2rem 2rem;} 
.box_st3 {padding: 2rem 4rem; background: #f7f7f7; border-radius: 0 2rem 2rem;}

/* 박스 : 박스 아이콘 타입 */
.box_ico {position: relative; border-top: 6px solid #ddd; border-bottom: 1px dotted #c8c8c8;}
.box_ico::before {content:''; position: absolute; left:0; top:-6px; width:15.8rem; height:6px; background: #686866;}
.box_ico .box_inner {padding: 3rem 2rem 3rem 16.5rem; min-height: 16rem; display: flex; justify-content: center; flex-direction: column;}
.box_ico .tit3 {line-height: 1.6;}
.box_ico .ico {position: absolute; top: 3rem; left: 3.2rem; display: block; width: 10rem; height: 10rem; background: #f5f5f5; border-radius: 50%;}
.box_ico .ico::before {content:''; position: absolute; left:-1rem; top:-1rem; width: 12rem; height: 12rem; background: rgba(245,245,245,0.5); border-radius: 50%;}
.box_ico .ico img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.box_ico .ico + .tit1,
.box_ico .ico + .tit2,
.box_ico .ico + .tit3 {margin-top: 0 !important;}

[class^="box_st"] .btns {margin: 2.4rem 0 0 0; padding-top: 2rem; text-align: right; border-top: 1px solid #ccc;}
[class^="box_st"] .btns [class^="btn"] {padding: 1rem 1.8rem; font-size: 1.6rem;}
.box_st_img {padding: 2rem; text-align: center; border: 2px dotted #e7e7e7; background: #fff;}
.box_st_img img {max-width: 100%;}

/* 박스 : 박스 이미지 타입 */
.guide-box {border-radius: 2rem; border: 2px solid #ddd; background-color: #fafafa; padding: 4.9rem 5rem; margin-bottom: 6rem; position: relative; z-index: 0;}
.guide-box.red {border-color: #f9dae0; background-color: #fff5f7;}
.guide-box.blue {border-color: #c5e4f0; background-color: #f1fafe;}
.guide-box.green {border-color: #cce3d4; background-color: #f6fff9;}
.guide-box h3 {font-family: 'GmarketSans'; font-size: 3rem; color: #111; font-weight: 700;}
.guide-box p {font-size: 1.8rem; color: #111; font-weight: 500; line-height: 1.75; margin-top: 1rem;}
.guide-box img {position: absolute; right: 0; bottom: 0; z-index: -1;}

/* 탭 : 공통 */
div[class^="tab_st"] {position: relative; margin-bottom: 3rem; font-weight: 600;}
div[class^="tab_st"] > .select {display: none;}
div[class^="tab_st"] a {position: relative; display: block; line-height: 2rem;}
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; flex-wrap: wrap; margin-left: -0.5rem; width: calc(100% + 1rem); overflow: hidden;}
.tab_st1 li {position: relative; margin: 0.5rem; width: calc(25% - 1rem);}
.tab_st1 li:before {content: ''; position: absolute; left:5.2rem; top: calc(50% - 1rem); width:1px; height:2rem; background: #d1cdcc; z-index: 1;}
.tab_st1 li a,
.tab_st1 > .select {display: flex; align-items: center; padding: 1rem 3rem 1rem 7.5rem; height: 6rem; color: #131313; background: #f2eeed; border-radius: 1rem; overflow: hidden;}
.tab_st1 > .select {padding: 1rem 3rem 1rem 2rem;}
.tab_st1 li a:before {content: '\EB7B'; position: absolute; left:1.8rem; top:50%; transform: translateY(-50%); font-family: 'remixicon'; font-size: 2rem; color:#444; font-weight: 400; z-index: 1;}
.tab_st1 li a[target='_blank']:before {content:'\e980'; font-family: 'xeicon';}
.tab_st1 li a:after,
.tab_st1 > .select:after {position: absolute; top: -4.3rem; left: -7.4rem; width: 26.7rem; height: 26.7rem; background: rgba(255,255,255,0.1); border-radius: 50%; content: ""; opacity: 0; transition: all 2s;}
.tab_st1 li.on a,
.tab_st1 > .select { font-weight: 700; color: #fff; background: #de2a59;}
.tab_st1 li.on a:after {left: -3.4rem; opacity: 1;}
.tab_st1 li a:hover::before,
.tab_st1 li a:focus::before,
.tab_st1 li.on a::before {color:#fff;}
.tab_st1 li:hover::before,
.tab_st1 li:focus::before,
.tab_st1 li.on::before {background: rgba(255,255,255,0.2);}
.tab_st1 li:not(.on) a:focus,
.tab_st1 li:not(.on) a:hover {color: #fff; background: #de2a59;}
/* .tab_st1 li:not(.on) a:hover:before,
.tab_st1 li:not(.on) a:focus:before {right:1.15rem; opacity: 1;} */

/* 탭 : 2차 탭 */
.tab_st2 ul {display: flex; flex-wrap: wrap; margin-left: -0.5rem; width: calc(100% + 1rem); overflow: hidden;}
.tab_st2 li {margin: 0.5rem; width: calc(25% - 1rem);}
.tab_st2 li a,
.tab_st2 > .select {display: inline-flex; align-items: center; padding: 1rem 4rem 1rem 2rem; width: 100%; height: 100%; color: #666; background: #fff; border: 1px solid #b5bbc9; border-radius: 1rem; overflow: hidden;}
.tab_st2 li a:before,
.tab_st2 > .select:before {position: absolute; top: 50%; right: 1.6rem; transform: translateY(-50%); content: "\e929"; font-family: 'xeicon'; font-size: 2.4rem; color: #666; font-weight: 400;}
.tab_st2 li a[target='_blank']:before {content:'\e980'; font-size: 2rem;}
.tab_st2 li a:after {position: absolute; top: -19rem; right: -20rem; width: 26.7rem; height: 26.7rem; border-radius: 50%; background: rgba(222,42,89,0.05); content: ""; opacity: 0; transition: all 0.2s;}
.tab_st2 > .select:after {display: none;}
.tab_st2 li.on a,
.tab_st2 > .select {font-weight: 700; color: #de295c; border-color: #de295c; border-top-right-radius: 3rem;}
.tab_st2 > .select {border-top-right-radius: 1rem;}
.tab_st2 li.on a:after {top: -16.3rem; right: -19.4rem; opacity: 1;}
.tab_st2 li.on a:before,
.tab_st2 > .select:before {color: #de295c;}
.tab_st2 li:not(.on) a:hover,
.tab_st2 li:not(.on) a:focus {color: #de295c; border-color: #de295c;}
.tab_st2 li:not(.on) a:hover:before,
.tab_st2 li:not(.on) a:focus:before {color: #de295c;}
.tab_st2 li a[target='_blank']:after {font-size: 1.6rem;}

/* 탭 : 리스트 */
.tab_list {padding: 1rem 0; border-radius: 1rem; background: #f4f4f4; overflow: hidden;}
.tab_list li {float: left; padding: 0 1rem; width: 25%;}
.tab_list li a {position: relative; display: flex; align-items: center; padding: 1rem 1.5rem 1rem 4rem; height: 4rem; color: #666; border-radius: 2rem; transition: all 0.3s ease;}
.tab_list li a:after {position: absolute; top: 50%; left: 1.5rem; transform: translateY(-50%); content: "\e92c"; font-family: 'xeicon'; font-size: 2rem; color:#757675; transition: color 0.3s;}
.tab_list li a:hover,
.tab_list li a:focus {color: #de295c;}
.tab_list li a:hover:after,
.tab_list li a:focus:after {color: #de295c;}
.tab_list li.on a,
.tab_list li#current a {font-weight: 700; color: #fff; background:#de295c;}
.tab_list li.on a:after,
.tab_list li#current a:after {font-weight: 400; color: #fff;}

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

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

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

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

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

/* 콘텐츠 준비중 */
.Coming_soon {padding: 6rem 2rem; text-align: center; background: #f6f6f6; border-radius: 3rem; overflow: hidden;}
.Coming_soon .box_inner {flex-direction:column; padding-top:25rem; background: url("/recruit/images/con_com/img_coming.png") no-repeat top center;}
.Coming_soon img {max-width: 100%;}
.Coming_soon h3 {margin-bottom: 1rem; font-size: 3.4rem; color: #000;}
.Coming_soon h3 strong {font-weight: 700; color: #dd2959;}
.Coming_soon p {position: relative; font-size: 1.7rem; color:#222}

/* 절차디자인 */
.process_wrap ul {display: flex; gap:2rem 2.8rem; flex-wrap: wrap;}
.process_wrap li {position: relative; width:calc(20% - calc(2.8rem * 4 / 5)); padding:6rem 3rem 2.5rem; font-size:1.6rem; z-index: 1;}
.process_wrap li::after {content:''; position: absolute; left: 0; bottom: 0; width:100%; height: calc(100% - 2rem); background: #f5f5f5; border-radius: 1.5rem; z-index: -1;}
.process_wrap li ~ li::before {content:'\F2E4'; font-family:'remixicon'; color: #444; position: absolute; left:-2.2rem; top:50%;}
.process_wrap li .process_num {position: absolute; left:50%; transform: translateX(-50%); top:0; width: 13rem; line-height: 4rem; text-align: center; background: #de2a59; border-radius: 1.5rem 1.5rem 0 0; color: #fff; font-size: 1.8rem; font-weight: 700;}
.process_wrap li .process_num em {margin-right: 0.5rem;}
.process_wrap li .process_txt {color: #444; line-height: 2.4rem;}

/* 절차디자인 : 5개가 넘는 경우 */
.process_wrap.many li {flex:none; width:calc(20% - 2.3rem);}
.process_wrap li:nth-child(5n+1)::before {display: none;}

/* 절차디자인 갯수 */
.Process_w50 li {width:calc(50% - 1.4rem);}
.Process_w50 li:nth-child(2n+1)::before {display: none;}
.Process_w30 li {width:calc(33.3% - calc(2.8rem * 2 / 3));}
.Process_w30 li:nth-child(3n+1)::before {display: none;}
.Process_w25 li {width:calc(25% - calc(2.8rem * 3 / 4));}
.Process_w25 li:nth-child(4n+1)::before {display: none;}

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

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

/* input select px */
.InpSel_50 {width: 50px !important;}
.InpSel_80 {width: 80px !important;}
.InpSel_100 {width: 100px !important;}
.InpSel_150 {width: 150px !important;}
.InpSel_200 {width: 200px !important;}
.InpSel_250 {width: 250px !important;}
.InpSel_300 {width: 300px !important;}
.InpSel_350 {width: 350px !important;}
.InpSel_400 {width: 400px !important;}
.InpSel_450 {width: 450px !important;}
.InpSel_500 {width: 500px !important;}

/* input select % */
.InpSel_w10 {width: 10% !important;}
.InpSel_w20 {width: 20% !important;}
.InpSel_w30 {width: 30% !important;}
.InpSel_w40 {width: 40% !important;}
.InpSel_w50 {width: 50% !important;}
.InpSel_w60 {width: 60% !important;}
.InpSel_w70 {width: 70% !important;}
.InpSel_w80 {width: 80% !important;}
.InpSel_w90 {width: 90% !important;}
.InpSel_w100 {width: 100% !important;}

/* 고대비 모드 */
/* 타이틀(텍스트 타입) */
[data-krds-mode=high-contrast] .tit2,
[data-krds-mode=high-contrast] .tit3 {color: var(--color-dark-0);}

/* 블릿 */
[data-krds-mode=high-contrast] .bu_st1,
[data-krds-mode=high-contrast] .bu_st2,
[data-krds-mode=high-contrast] .bu_st3,
[data-krds-mode=high-contrast] .bu_st4,
[data-krds-mode=high-contrast] .list_st1 > li,
[data-krds-mode=high-contrast] .list_st2 > li,
[data-krds-mode=high-contrast] .list_st3 > li,
[data-krds-mode=high-contrast] .list_st4 > li {color: var(--color-dark-2);}
[data-krds-mode=high-contrast] .bu_st1:before,
[data-krds-mode=high-contrast] .list_st1 > li:before {position: absolute; top: 0.8rem; left: 0; width: 5px; height: 5px; border-radius: 50%; border: 1px solid #de2a59; content: '';}
[data-krds-mode=high-contrast] .bu_st2:before,
[data-krds-mode=high-contrast] .list_st2 > li:before {position: absolute; top: 0.8rem; left: 0; width: 4px; height: 4px; background: #9ba2ab; transform: rotate(45deg); content: '';}
[data-krds-mode=high-contrast] .bu_st3:before,
[data-krds-mode=high-contrast] .list_st3 > li:before {position: absolute; top: 1rem; left: 0; width: 4px; height:1px; background: #9ba2ab; content: '';}
[data-krds-mode=high-contrast] .bu_st4:before,
[data-krds-mode=high-contrast] .list_st4 > li:before {position: absolute; top: 1.1rem; left: 0; width: 4px; height:1px; background: #9ba2ab; content: '';}

/* P : 블릿 타입 */
[data-krds-mode=high-contrast] .bu_st1,
[data-krds-mode=high-contrast] .bu_st2,
[data-krds-mode=high-contrast] .bu_st3,
[data-krds-mode=high-contrast] .bu_st4 {color: var(--color-dark-2);}

/* 리스트 : 블릿 타입 */
[data-krds-mode=high-contrast] .list_st3 > li,
[data-krds-mode=high-contrast] .list_st4 > li {color: var(--color-dark-2);}

/* 리스트 : 텍스트 타입 */
[data-krds-mode=high-contrast] .list_stT1 > li {color: var(--color-dark-2);}

/* 리스트 : 순차적 리스트 타입 */
[data-krds-mode=high-contrast] .list_ol1 > li,
[data-krds-mode=high-contrast] .list_ol2 > li {color: var(--color-dark-2);}

/* 텍스트 요소 : 링크 타입 */
[data-krds-mode=high-contrast] a.bu_link:before,
[data-krds-mode=high-contrast] a.bu_linkL:before,
[data-krds-mode=high-contrast] a.bu_mail:before,
[data-krds-mode=high-contrast] a.bu_mailL:before,
[data-krds-mode=high-contrast] a.bu_down:before,
[data-krds-mode=high-contrast] a.bu_downL:before,
[data-krds-mode=high-contrast] a.bu_tel:before,
[data-krds-mode=high-contrast] a.bu_telL:before {color: var(--color-dark-2);}
[data-krds-mode=high-contrast] a.bu_link,
[data-krds-mode=high-contrast] a.bu_mail,
[data-krds-mode=high-contrast] a.bu_down,
[data-krds-mode=high-contrast] a.bu_tel {color: var(--color-dark-2);}
[data-krds-mode=high-contrast] a.bu_link:after,
[data-krds-mode=high-contrast] a.bu_mail:after,
[data-krds-mode=high-contrast] a.bu_down:after,
[data-krds-mode=high-contrast] a.bu_tel:after {background: var(--color-dark-30);}

/* 텍스트 요소 : 주의&경고&말풍선 타입 */
[data-krds-mode=high-contrast] .bu_atte,
[data-krds-mode=high-contrast] .bu_info,
[data-krds-mode=high-contrast] .bu_info2,
[data-krds-mode=high-contrast] .bu_info::before,
[data-krds-mode=high-contrast] .bu_info2::before {color: var(--color-dark-2);}

/* 테이블 : 테이블 기본 타입 */
[data-krds-mode=high-contrast] div[class*='tbl_st'] {background: transparent;}
[data-krds-mode=high-contrast] div[class*='tbl_st'] > table th {color: var(--color-dark-0); background: var(--color-dark-60); border-bottom-color: var(--color-dark-line); border-left-color: var(--color-dark-line);}
[data-krds-mode=high-contrast] div[class*='tbl_st'] > table td {color: var(--color-dark-2); border-bottom-color: var(--color-dark-line); border-left-color: var(--color-dark-line);}
[data-krds-mode=high-contrast] div[class*='tbl_st'] > table tbody tr:last-child th,
[data-krds-mode=high-contrast] div[class*='tbl_st'] > table tbody tr:last-child td {border-bottom-color: var(--color-dark-line);}
[data-krds-mode=high-contrast] div[class*='tbl_st'] > table thead th {background: var(--color-dark-70); border-bottom-color: var(--color-dark-line);}
[data-krds-mode=high-contrast] div[class*='tbl_st'] > table tbody th,
[data-krds-mode=high-contrast] div[class*='tbl_st'] > table tfoot th {color: var(--color-dark-0); background: var(--color-dark-60);}
[data-krds-mode=high-contrast] .bdl {border-left-color: var(--color-dark-line) !important;}

/* 테이블 - form */
[data-krds-mode=high-contrast] table .list_st3 > li, 
[data-krds-mode=high-contrast] table .list_st4 > li {color: var(--color-dark-2);}

/* 테이블 : 테이블2 라인 타입 */
[data-krds-mode=high-contrast] .tbl_st2 > table {border-right-color: var(--color-dark-line);}

/* tr 색상 */
[data-krds-mode=high-contrast] .tbl_bg_bl,
[data-krds-mode=high-contrast] .tbl_bg_bl th,
[data-krds-mode=high-contrast] .tbl_bg_bl td,
[data-krds-mode=high-contrast] .tbl_bg_ye,
[data-krds-mode=high-contrast] .tbl_bg_ye th,
[data-krds-mode=high-contrast] .tbl_bg_ye td,
[data-krds-mode=high-contrast] .tbl_bg_re,
[data-krds-mode=high-contrast] .tbl_bg_re th,
[data-krds-mode=high-contrast] .tbl_bg_re td,
[data-krds-mode=high-contrast] .tbl_bg_gr,
[data-krds-mode=high-contrast] .tbl_bg_gr th,
[data-krds-mode=high-contrast] .tbl_bg_gr td,
[data-krds-mode=high-contrast] .tbl_bg_org,
[data-krds-mode=high-contrast] .tbl_bg_org th,
[data-krds-mode=high-contrast] .tbl_bg_org td {color: var(--color-dark-80) !important;}

/* 기본 텍스트 */
[data-krds-mode=high-contrast] .txt_p {color: var(--color-dark-2);}

/* 박스 : 박스 기본 타입 */
[data-krds-mode=high-contrast] .box_st1 {background-color: transparent;} 
[data-krds-mode=high-contrast] .box_st1 .box_inner {background: var(--color-dark-90);}
[data-krds-mode=high-contrast] .box_st2 {border-color: var(--color-dark-line);} 
[data-krds-mode=high-contrast] .box_st3 {background: var(--color-dark-60);}

/* 박스 : 박스 아이콘 타입 */
[data-krds-mode=high-contrast] .box_ico {border-bottom: 1px solid var(--color-dark-line);}

[data-krds-mode=high-contrast] [class^="box_st"] .btns {margin: 2.4rem 0 0 0; padding-top: 2rem; text-align: right; border-top: 1px solid #ccc;}
[data-krds-mode=high-contrast] .box_st_img {padding: 2rem; text-align: center; border: 2px dotted #e7e7e7; background: #fff;}

/* 탭 : 1차 탭 */
[data-krds-mode=high-contrast] .tab_st1 li a,
[data-krds-mode=high-contrast] .tab_st1 > .select {color: var(--color-dark-2); background: var(--color-dark-20);}
[data-krds-mode=high-contrast] .tab_st1 li a:before {color: var(--color-dark-2);}
[data-krds-mode=high-contrast] .tab_st1 li a:after,
[data-krds-mode=high-contrast] .tab_st1 > .select:after {background: rgba(255,255,255,0.1);}
[data-krds-mode=high-contrast] .tab_st1 li.on a,
[data-krds-mode=high-contrast] .tab_st1 > .select {color: #fff; background: #de2a59;}
[data-krds-mode=high-contrast] .tab_st1 li a:hover::before,
[data-krds-mode=high-contrast] .tab_st1 li a:focus::before,
[data-krds-mode=high-contrast] .tab_st1 li.on a::before {color:#fff;}
[data-krds-mode=high-contrast] .tab_st1 li:hover::before,
[data-krds-mode=high-contrast] .tab_st1 li:focus::before,
[data-krds-mode=high-contrast] .tab_st1 li.on::before {background: rgba(255,255,255,0.2);}
[data-krds-mode=high-contrast] .tab_st1 li:not(.on) a:focus,
[data-krds-mode=high-contrast] .tab_st1 li:not(.on) a:hover {color: #fff; background: #de2a59;}

/* 탭 : 2차 탭 */
[data-krds-mode=high-contrast] .tab_st2 li a,
[data-krds-mode=high-contrast] .tab_st2 > .select {color: var(--color-dark-2); background: var(--color-dark-20); border-color: var(--color-dark-4);}
[data-krds-mode=high-contrast] .tab_st2 li a:before,
[data-krds-mode=high-contrast] .tab_st2 > .select:before {color: var(--color-dark-2);}
[data-krds-mode=high-contrast] .tab_st2 li.on a,
[data-krds-mode=high-contrast] .tab_st2 > .select {color: var(--color-dark-point-red-light); border-color: #de295c;}
[data-krds-mode=high-contrast] .tab_st2 li.on a:before,
[data-krds-mode=high-contrast] .tab_st2 > .select:before {color: var(--color-dark-point-red-light);}
[data-krds-mode=high-contrast] .tab_st2 li:not(.on) a:hover,
[data-krds-mode=high-contrast] .tab_st2 li:not(.on) a:focus {color: var(--color-dark-point-red-light); border-color: #de295c;}
[data-krds-mode=high-contrast] .tab_st2 li:not(.on) a:hover:before,
[data-krds-mode=high-contrast] .tab_st2 li:not(.on) a:focus:before {color: var(--color-dark-point-red-light);}

/* 탭 : 리스트 */
[data-krds-mode=high-contrast] .tab_list {background: var(--color-dark-20);}
[data-krds-mode=high-contrast] .tab_list li a {color: var(--color-dark-2);}
[data-krds-mode=high-contrast] .tab_list li a:after {color: var(--color-dark-2);}
[data-krds-mode=high-contrast] .tab_list li a:hover,
[data-krds-mode=high-contrast] .tab_list li a:focus {color: var(--color-dark-point-red-light);}
[data-krds-mode=high-contrast] .tab_list li a:hover:after,
[data-krds-mode=high-contrast] .tab_list li a:focus:after {color: var(--color-dark-point-red-light);}
[data-krds-mode=high-contrast] .tab_list li.on a,
[data-krds-mode=high-contrast] .tab_list li#current a {color: #fff; background:#de295c;}
[data-krds-mode=high-contrast] .tab_list li.on a:after,
[data-krds-mode=high-contrast] .tab_list li#current a:after {color: #fff;}

/* 콘텐츠 준비중 */
[data-krds-mode=high-contrast] .Coming_soon {background: var(--color-dark-50);}
[data-krds-mode=high-contrast] .Coming_soon h3 {color: var(--color-dark-0);}
[data-krds-mode=high-contrast] .Coming_soon p {color: var(--color-dark-2);}

/* 절차디자인 */
[data-krds-mode=high-contrast] .process_wrap li::after {background: var(--color-dark-50);}
[data-krds-mode=high-contrast] .process_wrap li ~ li::before {color: var(--color-dark-2);}
[data-krds-mode=high-contrast] .process_wrap li .process_txt {color: var(--color-dark-2);}

/* 구글언어 적용시 틀어짐 보완 작업 / 2025.04.25 */ 
html:not([lang="ko"]) .tab_st1 li a,
html:not([lang="ko"]) .tab_st1 li a font {word-break:keep-all; white-space:normal; width:100%;}

@media screen and (min-width:1241px) {
    div[class^="tab_st"].Tab_w16 li {width: calc((100% / 6) - 1rem);}
    div[class^="tab_st"].Tab_w16 li:before{display:none;}
    div[class^="tab_st"].Tab_w16 li a{padding: 1rem; height:8rem; justify-content:center; text-align:center;}
    div[class^="tab_st"].Tab_w16 li a:before {display:none;}
    .Tab_w16 li {width: 16.66%;}
}
@media screen and (max-width: 1350px){
	/* 절차디자인 */
	.process_wrap li {padding:6rem 2rem 2.5rem;}
}

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

	/* 탭 : 공통 */
	.reactTab[class^="tab_st"] > .select {display: block; height: auto;}
	.reactTab[class^="tab_st"] ul {display: none; margin-bottom: 0; margin-left: 0; width: 100%; text-align: left;}
	.reactTab[class^="tab_st"] li {display: block; margin: 0.5rem 0 !important; 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:not(.notJS) ul {width: 100%; margin: 0; border: 1px solid #ccc; border-radius: 1rem; overflow: hidden;}
	.tab_st1:not(.notJS) li {margin: 0;}
	.tab_st1:not(.notJS) li + li {border-top: 1px dashed #ddd;}
	.tab_st1:not(.notJS) li a {display: block; height: auto; border: 0;}
	.tab_st1:not(.notJS) li.on a {color: #de2a59; background: #fff;}
	.tab_st1:not(.notJS) > .select:before {position: absolute; top: 1rem; right:2rem; width: auto; height: auto; font-family: 'xeicon'; color: #fff; background: none; content: "\e942";}
	.tab_st1:not(.notJS) li a:focus,
	.tab_st1:not(.notJS) li a:hover {color: #de2a59; background: transparent;}
	.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;}	

	/* 탭 : 2차 탭 */ 
	.tab_st2:not(.notJS) ul {width: 100%; margin: 0; border: 1px solid #ccc; border-radius: 1rem; overflow: hidden;}
	.tab_st2:not(.notJS) li {margin: 0;}
	.tab_st2:not(.notJS) li + li {border-top: 1px dashed #ddd;}
	.tab_st2:not(.notJS) li a {display: block; height: auto; border: 0;}
	.tab_st2:not(.notJS) li.on a {color: #de2a59; background: #fff;}
	.tab_st2:not(.notJS) li.on a:after {display: none;}
	.tab_st2:not(.notJS) > .select:before {top: 1rem; width: auto; height: auto; font-family: 'xeicon'; background: none; content: "\e942"; transform: none;}
	.tab_st2:not(.notJS) li:not(.on) a:hover::before,
	.tab_st2:not(.notJS) li:not(.on) a:focus::before {color:#666;}
 
	/* 탭 : 리스트 */
	.tab_list {padding: 1rem 0;}
	.tab_list li a {font-size: 1.6rem;}

	/* 탭 : 개수 지정 */
	.Tab_w20 > li {width: 25%;}
	/* 리스트 : 가로 나열 */
	.li_w20 > li {width: 25%;}

	/* 테이블 : 유틸 */
	.tbl_utile {margin-top: 0;}

	/* 웹 화면 none / 태블릿 모바일 blcok : 이미지맵 사용시 */
}
@media screen and (max-width: 1024px){
	
	/* 테이블 : 테이블 기본 타입 */
	div[class*='tbl_st'] > table {word-break: break-all;}

	/* 테이블 스크롤 */
	div[class*='tbl_st'].scroll_gr {width: 100%; background-repeat: no-repeat; background-position: right 5px; background-size: 30px 100%; overflow-x: auto; z-index: 1;
		background-image: gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0)));
		background-image: linear-gradient(to left,rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
	}
	div[class*='tbl_st'].scroll_gr table {width: 1024px;}

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

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

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

    /* 박스 : 박스 이미지 타입 */
    .guide-box {padding: 4.9rem !important;}
    .guide-box img {display: none;}
    .guide-box p br {display: none;}

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

@media screen and (max-width: 950px){
	/* 절차디자인 */
	.process_wrap li {flex:none; width:calc(33.3% - 2rem) !important; padding:5rem 2rem 2rem;}
	.process_wrap li:nth-child(5n+1)::before {display: block;}
	.process_wrap li:nth-child(3n+1)::before {display: none;}

	/* 절차디자인 갯수 */
	.Process_w50 li,
	.Process_w25 li {width:calc(50% - 1.4rem) !important;}
	.Process_w25 li:nth-child(2n+1)::before {display: none;}
	.Process_w25 li:nth-child(3n+1)::before {display: block !important;}
}

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

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

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

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

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

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

@media screen and (max-width: 768px){
	/* 박스 : 박스 기본 타입 */
	.box_st1 {border-radius: 0 1.5rem 1.5rem;;} 
	.box_st1:before {border-radius: 1.5rem 1.5rem 0 0;}
	.box_st1 .inner {padding: 2rem;}
	.box_st2 {padding: 2rem; border-radius: 0 1.5rem 1.5rem;} 
	.box_st3 {padding: 2rem; border-radius: 0 1.5rem 1.5rem;} 

    /* 박스 : 박스 이미지 타입 */
    .guide-box {border-radius: 1.5rem; padding: 3rem !important; margin-bottom: 4rem;}
    .guide-box h3 {font-size: 2.4rem;}
    .guide-box p {font-size: 1.6rem;}
	
	/* 버튼 : 버튼들 감싸는 레이아웃 */
	.btns {margin: 3rem 0;}
} 

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

@media screen and (max-width: 560px){
	/* 박스 : 이미지박스 */
	.box_ico .ico {display: none;}
	.box_ico .box_inner {padding: 1.5rem; min-height: 0;}

	/* 절차디자인 */
	.process_wrap li {width:calc(50% - 1.4rem) !important;}
	.process_wrap li:nth-child(3n+1)::before {display: block;}
	.process_wrap li:nth-child(2n+1)::before {display: none;}
}

@media screen and (max-width: 480px){
	/* 타이틀(텍스트 타입) */
	.tit1 {font-size: 2rem;}
	.tit2 {font-size: 1.8rem;}
	.tit3 {font-size: 1.7rem;}
	h5[class^='tit'] {line-height: 1.7;}
	[class^="tit"]:not([class^="title_"]) {margin-bottom: 0.7rem;}

	/* 리스트 : 블릿 타입 */
	.bu_st1, .bu_st2, .list_st1 > li, .list_st2 > li, .list_ol1 > li {font-size: 1.6rem;}

	/* 텍스트 요소 */
	p[class^="bu_"],
	p[class^="pc_"],
	span[class^="bg_"],
	a[class^="bu_"] {font-size: 1.6rem;}

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

	/* 탭  */
	.reactTab[class^="tab_st"] li a {font-size: 1.6rem;}
	.Tab_w50 li,
	.Tab_w30 li,
	.Tab_w20 li {width: 100%;}

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

	/* 박스 */
	.box_wrap > [class^="box_st"] {margin: 0.6rem 0; width: 100% !important;}
	div[class*='box_'] {font-size: 1.6rem;}
	.box_tit {font-size: 1.8rem;;}

    /* 박스 : 박스 이미지 타입 */
    .guide-box {padding: 2rem !important; margin-bottom: 3rem;}
    .guide-box h3 {font-size: 2rem;}

	/* 콘텐츠 준비중 */
	.Coming_soon {padding: 3rem 2rem;}
	.Coming_soon .inner {padding-top: 60%; background-size: contain;}
	.Coming_soon h3 {font-size:2.7rem; line-height:3.7rem;}
	.Coming_soon p {font-size: 1.6rem; line-height: 1.3;}

	/* 절차디자인 */
	.process_wrap li {width:100% !important; padding: 4.5rem 2rem 1.5rem;}
	.process_wrap li ~ li::before {left:50%; top:-2.2rem; transform: rotate(90deg);}
	.process_wrap li:nth-child(2n+1)::before {display: block;}
	.process_wrap li .process_num {font-size: 1.7rem; line-height: 3.5rem;}
	.process_wrap li .process_txt {font-size: 1.5rem;}

	/* 절차디자인 갯수 */
	.Process_w25 li:nth-child(2n+1)::before {display: block;}
}