@charset "utf-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, button, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, input, ins, kbd, q, s, samp, select, small, strike, sub, sup, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, td, hr, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;outline:none;font-family:sans-serif;font-size:10px;line-height:1.3;letter-spacing:-.5px;font-style:normal;vertical-align:baseline;box-sizing:border-box;color:#333}
h1, h2, h3, h4, h5, h6 {font-weight:500}
ul, ol, li, th, td {list-style:none;font-size:1.4rem}
strong, span, em, b, u, i, li, dt, dd, p {font-size:inherit;color:inherit;letter-spacing:inherit}
strong, b {font-weight:500}
a {font-size:inherit;text-decoration:none}
button, label {background:none;font-size:inherit;cursor:pointer}
input, textarea {-webkit-appearance:none;-webkit-border-radius:0;font-family:sans-serif}
legend, caption {display:none}
/* body {overflow:hidden;height:100vh} */
img {width:100%}
body {-webkit-text-size-adjust:100%}
/* a[href^="tel"]{color:inherit;text-decoration:none} */

/* 디바이스 사이즈 정의 */
@media all and (max-width:320px) {
	html, body {font-size:9px}
}

/* 공통 속성 */
.clear:after {display:block;clear:both;content:''}
.hide {display:none}
.blind {display:block;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;clip:rect(0,0,0,0)}
.fixed {position:fixed !important}
.fl {float:left !important}
.fr {float:right !important}
.fc {float:center !important}
.tl {text-align:left !important}
.tc {text-align:center !important}
.tr {text-align:right !important}
.tj {text-align:justify !important}
.vt {vertical-align:top !important}
.vm {vertical-align:middle !important}
.vb {vertical-align:bottom !important}

/* left, right 간격 */
.mg10 {margin-left:1rem !important;margin-right:1rem !important}
.mg20 {margin-left:2rem !important;margin-right:2rem !important}
.mg30 {margin-left:3rem !important;margin-right:3rem !important}
.mgl0 {margin-left:0 !important}
.mgl10 {margin-left:1rem !important}
.mgl20 {margin-left:2rem !important}
.mgl30 {margin-left:3rem !important}
.mgl40 {margin-left:4rem !important}
.mgr0 {margin-right:0 !important}
.mgr5 {margin-right:0.5rem !important}
.mgr10 {margin-right:1rem !important}
.mgr20 {margin-right:2rem !important}
.mgr30 {margin-right:3rem !important}
.mgr45 {margin-right:4.5rem !important}

.mg_20 {margin-left:-2rem !important;margin-right:-2rem !important}

.pd20 {padding-left:2rem !important;padding-right:2rem !important}

/* margin top, bottom 간격px */
.mg0 {margin:0 !important}
.mgt0 {margin-top:0 !important}
.mgt4 {margin-top:4px !important}
.mgt5 {margin-top:5px !important}
.mgt10 {margin-top:10px !important}
.mgt15 {margin-top:15px !important}
.mgt20 {margin-top:20px !important}
.mgt25 {margin-top:25px !important}
.mgt30 {margin-top:30px !important}
.mgt35 {margin-top:35px !important}
.mgt40 {margin-top:40px !important}
.mgt50 {margin-top:50px !important}
.mgt60 {margin-top:60px !important}
.mgt70 {margin-top:70px !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}
.mgb25 {margin-bottom:25px !important}
.mgb30 {margin-bottom:30px !important}
.mgb35 {margin-bottom:35px !important}
.mgb40 {margin-bottom:40px !important}
.mgb50 {margin-bottom:50px !important}
.mgb80 {margin-bottom:80px !important}

/* padding top, bottom 간격px */
.pd0 {padding:0 !important}
.pdt0 {padding-top:0 !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}
.pdt50 {padding-top:50px !important}
.pdb0 {padding-bottom:0 !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}
.pdb40 {padding-bottom:40px !important}
.pdb50 {padding-bottom:50px !important}
.pdb80 {padding-bottom:80px !important}
.pdr10 {padding-right:10px !important}
.pdr15 {padding-right:15px !important}
.pdr20 {padding-right:20px !important}
.pdl10 {padding-left:10px !important}
.pdl15 {padding-left:15px !important}
.pdl30 {padding-left:30px !important}
.pdl35 {padding-left:35px !important}
.pdl50 {padding-left:50px !important}
.pdl5 {padding-left:5px !important}
.pdl0 {padding-left:0 !important}
.pdr0 {padding-right:0 !important}
.pdrl40 {padding:0 20px 0 20px !important}
.pdtb24 {padding-top:24px !important;padding-bottom:24px !important}

/* Color, Font */
.txt_bold {font-weight:600 !important}
.txt_bold_m {font-weight:500 !important}
.txt_normal {font-weight:normal !important}
.txt_origin {color:#333 !important}
.txt_blue {color:#4c9df8 !important}/* blue */
.txt_blue2{color:#2175e2 !important}/* deep blue */
.txt_orange {color:#ff6f61 !important}/* grange */
.txt_orange2 {color:#ffa061 !important}
.txt_green {color:#32d3ab !important}/* green */
.txt_gray {color:#757575 !important}
.txt_gray2 {color:#666 !important}
.txt_gray3 {color:#d9d9d9 !important}
.txt_black {color:#000 !important}
.txt_red {color:#e35563 !important}

.w_auto {width:auto !important}
.w100 {width:100% !important}
.w95 {width:95% !important}
.w90 {width:90% !important}
.w80 {width:80% !important}
.w75 {width:75% !important}
.w70 {width:70% !important}
.w60 {width:60% !important}
.w50 {width:50% !important}
.w49 {width:49% !important}
.w40 {width:40% !important}
.w30 {width:30% !important}
.w20 {width:20% !important}
.w10 {width:10% !important}
.w10rem {width:10rem !important}
.h100 {height:100% !important}
.h_auto {height:auto !important}
.min_h_auto{min-height:auto !important}
.maxw100 {max-width:100% !important}

.txt_px10 {font-size:1rem !important}
.txt_px12 {font-size:1.2rem !important}
.txt_px13 {font-size:1.3rem !important}
.txt_px14 {font-size:1.4rem !important}
.txt_px15 {font-size:1.5rem !important}
.txt_px16 {font-size:1.6rem !important}
.txt_px17 {font-size:1.7rem !important}
.txt_px18 {font-size:1.8rem !important}
.txt_px19 {font-size:1.9rem !important}
.txt_px20 {font-size:2rem !important}
.txt_px21 {font-size:2.1rem !important}
.txt_px22 {font-size:2.2rem !important}

.fw_mid {font-weight:500 !important}
.fw_bld {font-weight:800 !important}

/* layout */
#wrap {padding:0 2rem}
/* #wrap:before {content:'';display:inline-block;position:absolute;left:0;top:0;right:0;width:100%;height:1px;background:#ececec} */
#container {padding-bottom:115px}
#wrap.full {padding-left:0;padding-right:0}
/*#wrap.bg {background:#efefef}*/
/*main {overflow:auto;height:100vh;-webkit-overflow-scrolling:touch} */
/* .full {margin-left:-2rem;margin-right:-2rem} */
.popup {}
/* .main.full, .popup.full {padding-left:0;padding-right:0} */
.popup.full {margin-left:-2rem;margin-right:-2rem}
.content {}
.step_full {position:relative;margin-left:-2rem;margin-right:-2rem}
.main.over_x_hid {overflow-x:hidden} /* 2019-04-09 카드신청 가로 스와이퍼 대응 */

hr, .hr {display:block;height:8px;margin:0 -2rem;background:#f4f4f4}
hr.h1px {height:1px}
hr.h1px.typ2 {background-color:#ececec}
.full hr, .full .hr, .step_full hr, .step_full .hr {margin:0}

.bx_topline {display:block;position:relative;margin:0 -2rem;padding:0 2rem;border-top:4px solid #f4f4f4}
.bx_topline:before {content:'';display:block;position:absolute;top:-5px;left:0;right:0;width:100%;height:1px;border-top:1px solid #cbcbcb}
.full .bx_topline, .step_full .bx_topline {margin:0}

.empty {}
.over_hide{overflow:hidden}/*2019.11.05_추가*/

.block {display:block !important}
.inblock {display:inline-block !important}
.static {position:static !important}
.relative{position:relative !important}/*2022.10.11_추가*/
.absolut{position:absolute !important}/*2022.10.11_추가*/

.bx_content {padding-top:28px}
.mgb_rid {margin-bottom:-80px}
.mgb_rid2 {margin-bottom:-115px}
.policy_content {font-size:1.3rem;color:#757575;white-space:pre-line;line-height:1.4}
.policy_content .tbl_typ1,
.policy_content .tbl_typ2 {white-space:normal}
.full .policy_content, .step_full .policy_content {padding:0 2rem}

/* a링크 */
.anchor {}
.a_arrow {display:inline-block;position:relative;padding-right:1.1rem;color:#757575;font-size:1.4rem;line-height:1.5}
.a_arrow:after {content:'';display:block;position:absolute;top:50%;right:3px;width:6px;height:6px;margin-top:-5px;border-right:1px solid #757575;border-top:1px solid #757575;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg)}
.a_arrow_blue {color:#4c9df8}
.a_arrow_blue:after {border-color:#4c9df8}
.a_arrow.txt_origin:after {border-color:#333}
.a_rowline {display:inline-block;position:relative;color:#666;font-size:1.3rem}
.a_rowline:after {content:'';display:block;position:absolute;left:0;right:0;bottom:-4px;width:100%;height:1px;background:#666}
.a_rowline.txt_blue:after {background:#4c9df8}
.a_arrow.block {display:block; color:#333;}

/* _타이틀영역 (hd = heard) */
.hd_depth1 {padding:28px 0 21px}
.hd_depth1_tit {display:block;font-weight:500;font-size:2rem;letter-spacing:-1px}
.hd_depth2 {position:relative;margin:36px 0 12px;min-height:21px}
.hd_depth2:first-child {margin-top:0}
.hd_depth2_tit {position:relative;font-weight:500;font-size:1.6rem;letter-spacing:-1px;z-index:2}/* Sub title *//* input와 겹치며 가려지는 현상을 해결하기 위해 position:relative;와 z-index:2 추가함 */
.hd_depth2_tit.dsf{display: flex; align-items: center;} /*2023.01.30추가*/
.hd_depth2_tit2 {font-weight:500;font-size:1.6rem;letter-spacing:-1px;color:#4c9df8}/* blue */
.hd_depth2_tit3 {font-weight:500;font-size:1.8rem;letter-spacing:-1px}/* 18px */
.hd_depth2 .tit_span {color:#333;font-size:1.4rem;font-weight:normal;letter-spacing:-.5px}
.hd_depth2 .bx_input:last-child {margin-bottom:0}
.hd_depth2 .btn,
.hd_depth3 .btn {position:absolute;top:-5px;right:0;z-index:10}
.hd_depth3 .btn {top:-4px}
.static .btn {position:static}
.hd_depth3 {position:relative;margin:25px 0 12px}
.hd_depth3:first-child {margin-top:0}
.hd_depth3_tit {font-weight:400;font-size:1.6rem;letter-spacing:-1px}
.hd_depth3_tit.bul {position:relative;padding-left:1.2rem}
.hd_depth3_tit.bul:before {display:block;position:absolute;top:1px;left:0;content:'•'}
.hd_depth1 + .hd_depth2,
.hd_depth2 + .hd_depth3,
.hd_depth2 + .hd_depth4 {margin-top:0}
.hd_depth1 + .bx_group.tc {margin-top:-6px}
.hd_depth2 .txt_bul {margin-top:10px;font-weight:normal}
.hd_depth2 .hd_depth3_tit {font-size:1.4rem;margin-top:10px}
.hd_depth3_tit + .hd_depth3 {margin-top:0}
.hd_depth3_tit .hint_num {margin-left:9px;vertical-align:middle}
.hd_depth4 {margin:16px 0 12px}
.hd_depth4_tit {font-size:1.4rem}
.hd_depth4_tit2 {font-size:1.4rem;color:#4c9df8}

.hd_depth_under {display:block;margin-top:10px;color:#666;font-size:1.3rem;line-height:1.8rem}
.hd_depth_under2 {display:block;margin-top:10px;color:#333;font-size:1.4rem;line-height:1.8rem;word-break:keep-all}

/* _본문텍스트 그룹 (bx = box) */
.bx_group {margin-bottom:28px;font-size:1.4rem;color:#666}
.bx_group:first-child,
.bx_group.top, .blind + .bx_group {margin-top:28px}
.bx_group_longdesc > p {margin-bottom:20px;color:#757575;font-size:1.3rem}
.bx_content > .bx_group,
.bx_content > [class^="tbl_typ"]:first-child {margin-top:0}
.bx_group_txt {}
.bx_smltxt {color:#757575;font-size:1.3rem;line-height:1.4;letter-spacing:-1px}
.bx_group .txt_sizeup {font-size:1.6rem;line-height:1.4}
.bx_txt_top {margin-bottom:15px;font-size:1.3rem;color:#666}
.inner_mg > p {margin-bottom:12px}

.bx_gray {position:relative;margin-top:40px;padding:17px 0 18px;border-radius:20px;background:#f4f4f4;text-align:center;font-size:1.4rem}
.bx_gray.h_skyblue {background:#e1eefc}
.bx_gray.h_accsel {background:#fff;border:1px solid #d9d9d9}
.bx_gray_tl {padding:17px 2rem 18px;border-radius:20px;text-align:left}
.bx_gray_tl.list_typ2_anchor {background:#fff; border:1px solid #d9d9d9}
.bx_gray_tl .detail_info.list_ty_input .bx_input{margin-bottom:5px;padding:0;min-height:auto}/*2019.07.09_추가*/
.bx_gray_tl .detail_info.list_ty_input .bx_input input{background:transparent}/*2019.07.09_추가*/
.bx_gray_tit {display:block;margin-bottom:8px}
.popup .bx_gray {margin:40px 0 0}
.full .bx_gray, .step_full .bx_gray {margin-left:2rem;margin-right:2rem}
.hd_depth2 .bx_gray {margin:12px 0 0}
.bx_content > .bx_gray:first-child {margin-top:0}
.bx_content > .bx_input:first-child {margin-top:-10px}
.bx_content > .bx_msg:first-child {padding-top:23px}

.bx_gray_01{position:relative;padding:17px 2rem 18px;border:1px solid #b99b; border-radius:20px;background:#f4f4f4;text-align:center;font-size:1.4rem}
.bx_gray_01 .tbl_info_td{font-size:1.4rem}
.bx_border {display:table;width:100%;padding:15px 0;border:1px solid #d9d9d9;text-align:center;border-radius:12px}
.bx_border_cell {display:table-cell;vertical-align:middle;font-size:1.4rem}
.bx_border .bul_info {display:inline-block;margin:0}
.bx_border.tl {padding:15px 2rem}
.bx_border_cell_h80 {height:78px}
.bx_border0{border:0 !important}
.bx_borderbtm0 {border-bottom:0 !important}
.bx_borderbtm {border-bottom:1px solid #d9d9d9 !important}
.bx_borderbtm2 {border-bottom:1px solid #ececec !important}
.bx_bordertop0 {border-top:0 !important}
.bx_bordertop {border-top:1px solid #d9d9d9 !important}
.bx_bordertop2 {border-top:1px solid #ececec !important}
.bx_bordertop3 {border-top:1px solid #ccc !important}
.bx_bordertop4 {border-top:1px solid #eee !important}

.won {position:relative;padding-right:1em;padding-left:5px;font-weight:inherit;line-height:1;letter-spacing:0}
.won:after {content:'원';display:block;position:absolute;right:0;top:50%;text-align:right;font-weight:inherit;font-size:inherit;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
strong.won:after,
b.won:after {font-weight:500}
.txt_blue.won:after {color:#4c9df8}

/* form */
/* _input */
input[type=text], input[type=number], input[type=password], input[type=search], input[type=email], input[type=tel], input[type=file] {font-size:1.4rem;letter-spacing:0;-webkit-user-select:text;}

input::placeholder {font-size:1.4rem;color:#959595 !important;-webkit-text-fill-color:#959595 !important;font-weight:normal;letter-spacing:-1px}
input::-webkit-input-placeholder {font-size:1.4rem;color:#959595 !important;-webkit-text-fill-color:#959595 !important;font-weight:normal}
input:disabled {background-color:#fff;color:#b9b9b9;opacity:1;-webkit-text-fill-color:inherit}
input::read-only {background-color:#fff}
input:-moz-read-only {background-color:#fff}
input[type=password]::placeholder {color:#959595;font-weight:normal;letter-spacing:-1px}
input[type=password]::-webkit-input-placeholder {color:#959595;font-weight:normal;letter-spacing:-1px}
input[type=password]:disabled::placeholder {color:#959595;font-weight:normal;letter-spacing:-1px}
input[type=password]:disabled::-webkit-input-placeholder {color:#959595;font-weight:normal;letter-spacing:-1px}

input[type=text]:focus, input[type=tel]:focus, input[type=number]:focus, input[type=search]:focus, input[type=email]:focus, input[type=password]:focus {color:#333}
input[type=search]::-webkit-search-cancel-button {-webkit-appearance:none;display:none}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {-webkit-appearance:none;margin:0}

/* a {-webkit-tap-highlight-color:rgba(185,185,185,0);-webkit-tap-highlight-color:#b9b9b9} */
a:active{outline:0;-webkit-tap-highlight-color:rgba(0,0,0,0.1);tap-highlight-color:rgba(0,0,0,0.1)}

input.txt_origin:disabled {color:#333 !important}
.bx_transfer_inp input.txt_blue,
.bx_transfer_inp input.txt_blue:disabled {color:#2175e2 !important}

.inp_wrap {margin-top:18px}
.inp_wrap [class^="hd_depth2_tit"] {display:inline-block;margin-top:18px}
.inp_wrap [class^="hd_depth2_tit"]:first-child {margin-top:0}

.bx_input {display:table;width:100%;position:relative;min-height:44px;line-height:28px;padding:8px 0 6px;border-bottom:1px solid #d9d9d9}
.bx_input:after {display:block;clear:both;content:''}
.bx_input.is_active {border-bottom:1px solid #c8c8c8}
.bx_input.noline {border-bottom:0;}
.bx_input input, .bx_select input {line-height:28px;vertical-align:middle}
.bx_input .btn {position:absolute;right:0;bottom:9px}
.bx_input.h44 {height:44px !important}
.bx_input_r {text-align:right;z-index:3}
.bx_input_r .bx_input_tit,
.bx_input_r .bx_input_tit2 {position:absolute;display:block;padding-right:1rem;background:#fff;z-index:5}
.bx_input_r .bx_input_txt {text-align:right;z-index:4}
.bx_input_r .btn {float:none;margin-left:1.5rem}
.bx_input_cell {display:table-cell;position:relative;vertical-align:middle}
.flex_inr {display:flex;width:100%;flex-wrap:wrap;flex-direction:row;justify-content:center;align-items:center}

.bx_input_tit {display:inline-block;color:#666;text-align:left;font-size:1.4rem;line-height:28px;letter-spacing:-1px;padding-right:1.5rem;vertical-align:middle}
.bx_input_txt {display:inline-block;line-height:28px}
.bx_input_txt.blue {color:#2175e2;font-size:1.6rem}
.bx_input_txt .inp_val {font-size:1.4rem;letter-spacing:0;line-height:27px}
.bx_input .btn {position:static;float:right;margin-top:-1px}
.bx_input_tit2 {display:inline-block;color:#333;text-align:left;font-size:1.6rem;line-height:28px;font-weight:500;letter-spacing:-1px;padding-right:1.5rem;vertical-align:middle}
.bx_input .txt_sym {display:inline-block;font-size:1.6rem;padding-left:1.5rem;vertical-align:middle}
.bx_input .txt_cha {position:absolute;top:50%;right:0;transform:translateY(-50%);font-size:1.4rem;color:#757575}
.bx_input .txt_unit {display:inline-block;padding-left:0.5rem;color:#333;font-size:1.4rem;vertical-align:middle}

.bx_peri .bx_input_tit {width:7rem;padding:0;vertical-align:middle}
.bx_input_cell_w30 {width:31%}
.bx_input_cell_w40 {width:37%}
.bx_input .bx_tooltip{padding-left:9rem}/*인풋박스 내 툴팁*/
.bx_input .bx_tooltip .tooltip_wrap{position:absolute;left:0}
.bx_input_under {display:block;margin-top:9px;font-size:1.3rem}
.bx_input .bx_input_under {position:absolute;bottom:12px;right:0;font-size:1.3rem;color:#757575}
.bx_input_under .txt_bul.irobo{font-size:1.2rem;color:#959595}
.bx_underline {display:block;position:absolute;left:0;bottom:-1px;width:0;height:1px;background:#4c9df8}
.el_essen {position:relative;padding-right:6px;color:#ff6f61;font-size:1.4rem}/* 필수입력 */
.el_essen:after {position:absolute;top:0;left:0;content:'*'}
.mod_tel .bx_select_txt {width:10.3rem}
/* .mod_tel .bx_select_txt {min-width:6rem;max-width:10rem} */
.mod_tel .bx_input_telnum {width:10rem}
@media all and (max-width:320px){
	.mod_tel .bx_select_txt {width:9rem}
	.mod_tel .bx_input_telnum {width:9rem}
}

.bx_email {position:relative;display:block;width:100%;padding-top:9px}
.bx_email:after {display:block;content:'';clear:both}
.bx_email_cell {float:left;width:29%;height:28px;padding:0 0 9px;border-bottom:1px solid #d9d9d9}
.bx_email_cell:not(:first-of-type) {}
.bx_email_cell input {width:100%}
.bx_email_cell_at {width:7%;border:0;text-align:center;font-size:1.6rem}
.bx_email_cell_domain {padding-left:2%}
.bx_email_cell_select {position:absolute;right:0}
.bx_email_cell_select .bx_select {border:0}
.bx_email_cell_select .bx_select .select {margin-top:-5px;margin-bottom:-4px}
.bx_email_cell_select .btn_select {height:24px;margin-top:-10px}
.bx_email_cell_select .btn_select:after {margin-top:-5px}

.bx_inpcell {display:flex;flex-wrap:wrap;flex-direction:row;justify-content:flex-start;align-items:flex-start;width:100%;padding-top:8px}
.bx_inpcell_item {flex:1;position:relative;display:inline-block;margin-left:2rem;padding:0 0 7px;border-bottom:1px solid #d9d9d9}
.bx_inpcell_item:first-child {margin:0}
.bx_inpcell_item input {width:100%;line-height:28px;vertical-align:middle}
.bx_inpcell_item:before {display:block;position:absolute;top:38%;left:-13px;width:5px;height:1px;background:#333;content:''}
.bx_inpcell_item:first-child:before,
.bx_inpcell_item.no_hyphen:before {display:none}
.bx_inpcell_item input:disabled {color:#333 !important}
.bx_inpcell_item.typ2:before {content:'~'; width:0}
.bx_inpcell_item_hyphen {display:none;width:0;margin:0}
.bx_inpcell.typ2 {border-bottom:1px solid #d9d9d9}
.bx_inpcell.typ2 .bx_inpcell_item {border:0}
.bx_inpcell_item.bx_input_tit:before,
.bx_inpcell_item.bx_input_tit + .bx_inpcell_item:before {display:none}
.bx_inpcell_item.bx_input_tit + .bx_inpcell_item {margin-left:1rem}
.bx_pw {}
.bx_inpcell.crd_num input {width:100%;text-align:center}

/* _select 셀렉트 */
.bx_select {position:relative;padding:8px 0 6px;border-bottom:1px solid #d9d9d9}
.bx_select .select {-webkit-appearance:none;position:relative;width:100%;height:auto;margin:-9px 0;border:none;background:rgba(0,0,0,0);vertical-align:middle;font-size:1.6rem}
.select.tr {padding-right:2.2rem}
.search_wrap {}
/* _select 버튼타입 */
.btn_select {position:absolute;top:50%;right:0;width:100%;height:97%;margin-top:-21px;z-index:777}
/*.btn_select:after {content:'';display:block;position:absolute;top:50%;right:3px;width:10px;height:10px;margin-top:-7px;border-right:1px solid #333;border-bottom:1px solid #333;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);cursor:pointer}*/
.bx_select.account_sel:after,
.btn_select:after {content:'';display:block;position:absolute;top:35%;right:3px;width:8px;height:8px;border-right:1px solid #333;border-bottom:1px solid #333;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg)}

.bx_select.disabled input,
.btn_select:disabled,
.btn_select:disabled:after {color:#d9d9d9;border-color:#d9d9d9}
.bx_select_tit {position:absolute;top:50%;width:11rem;transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);color:#666;font-size:1.4rem;letter-spacing:-1px;line-height:28px;z-index:2;}
.bx_select_txt {display:inline-block;font-weight:500;line-height:28px}
.bx_select_txt.mgl {width:65%;margin-left:30%}
.bx_select_txt.mgl.tr {padding-right:1rem}
.bx_select_tit.width15{width:15.0rem}
.bx_select_val {overflow:hidden;display:inline-block;width:90%;padding-right:2.2rem;font-size:1.4rem;line-height:28px;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;margin-bottom:-2px}/* 셀렉트 출력값 */
.bx_select.disabled .bx_select_val {color:#d9d9d9}

.bx_select_row1 {min-height:43px}
.bx_select_row2 {min-height:59px}
.bx_select_row2:after {content:'';display:block;clear:both}
.bx_select_row2 .bx_select_tit {line-height:1.3}
.bx_select_row1 .bx_select_txt,.bx_select_row2 .bx_select_txt {position:absolute;right:1.7rem;width:auto;text-align:right;font-size:1.4rem;/* color:#757575 */z-index:1;}
.bx_select_row1 .bx_select_txt {color:#333}
.bx_select_row1 .bx_select_txt {line-height:28px}
.bx_select_row2 .bx_select_txt {top:50%;transform:translateY(-50%);line-height:1.3}
.bx_select_row2 .btn_select {margin-top:-29px}
.bx_select_txt.active {color:#333}
.bx_select_txt.left {left:0;text-align:left}
input.bx_select_txt {letter-spacing:-.5px}
.bx_select_row1 .bx_select_txt.no_sel_btn {right:0}

/* _select 타입A(small) */
.bx_select_sml {display:inline-block;position:relative;line-height:28px}
.bx_select_sml input,
.bx_select_sml select {-webkit-appearance:none;position:relative;width:100%;height:auto;padding-right:2.3rem;border:none;background:rgba(0,0,0,0);vertical-align:middle;font-size:1.4rem}
.bx_select_sml input {padding-right:1.6rem}
.bx_select_sml .btn_select {margin-top:-14px}
.bx_select_sml .btn_select:after {content:'';display:block;position:absolute;top:25%;right:2px;width:8px;height:8px;border-right:1px solid #333;border-bottom:1px solid #333;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);z-index:-5}
.bx_select_sml .btn_select.sml_arrow:after{width:6px;height:6px;}
.bx_select_sml .bx_select_txt {padding-right:1.7rem;font-size:1.4rem;vertical-align:middle}

.bx_select.bx_select_row1 .btn_select:after,
.bx_select.bx_select_row2 .btn_select:after {width:6px;height:6px;margin-top:3px}
.bx_select.bx_select_row2 .btn_select:after {top:50%;margin-top:-2px}

/* _checkbox input[type=checkbox] */
.bx_check_wrap {margin-top:37px}
.bx_check {display:none}
.bx_check + label {display:inline-block;min-height:22px;margin-right:15px;padding-top:2px;padding-left:30px;color:#666;font-size:1.4rem}
.bx_check_i {display:inline-block;position:relative;top:50%;left:1px;width:22px;height:22px;margin-top:-2px;margin-left:-30px;margin-right:3px;border:1px solid #a4a4a4;border-radius:12px;vertical-align:middle}
.bx_check + label .bx_check_i:before {content:'';position:absolute;top:5px;left:11px;width:2px;height:11px;background:#a4a4a4;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg)}
.bx_check + label .bx_check_i:after {content:'';position:absolute;top:9px;left:6px;width:2px;height:6px;background:#a4a4a4;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg)}
/* .bx_check:checked + label {color:#4c9df8} */
.bx_check:checked + label .bx_check_i {border-color:#4c9df8;background:#4c9df8}
.bx_check:checked + label .bx_check_i:before,
.bx_check:checked + label .bx_check_i:after {background:#fff}
.bx_check:disabled + label .bx_check_i {border-color:#d9d9d9;background:#d9d9d9}
.bx_check:disabled + label .bx_check_i:before,
.bx_check:disabled + label .bx_check_i:after {background:#f3f3f3}
.bx_check_bold + label {color:#333;font-weight:500;font-size:1.6rem}

.bx_check.typ2:checked:disabled + label .bx_check_i {background:#fff; border:0}
.bx_check.typ2:checked + label .bx_check_i:before,
.bx_check.typ2:checked + label .bx_check_i:after {background:#666}

.bx_check_sml {display:none}
.bx_check_sml + label {display:inline-block;width:80%;margin-left:22px;color:#666;font-size:1.4rem}
.bx_check_sml_i {display:inline-block;position:relative;width:22px;height:22px;margin-left:-26px;vertical-align:middle}
.bx_check_sml + label .bx_check_sml_i:before {content:'';position:absolute;top:6px;left:12px;width:2px;height:11px;background:#a4a4a4;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg)}
.bx_check_sml + label .bx_check_sml_i:after {content:'';position:absolute;top:10px;left:7px;width:2px;height:6px;background:#a4a4a4;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg)}
.bx_check_sml:checked + label {color:#4c9df8}
.bx_check_sml:checked + label .bx_check_sml_i:before,
.bx_check_sml:checked + label .bx_check_sml_i:after {background:#4c9df8}
.bx_check_sml_bold + label {color:#333;font-weight:600;font-size:1.6rem}

.bx_check_list {}
.bx_check_item {margin-top:14px}

/* _checkbox : view mode*/
.bx_check_list.view_mode .bx_check:disabled + label .bx_check_i{border-color:#a4a4a4;background:#fff}
.bx_check_list.view_mode .bx_check:disabled + label .bx_check_i:before,
.bx_check_list.view_mode .bx_check:disabled + label .bx_check_i:after{background:#a4a4a4}
.bx_check_list.view_mode .bx_check:checked:disabled + label .bx_check_i{border-color:#4c9df8;background:#4c9df8}
.bx_check_list.view_mode .bx_check:checked:disabled + label .bx_check_i:before,
.bx_check_list.view_mode .bx_check:checked:disabled + label .bx_check_i:after{background:#fff}

/* _radio input[type=radio] */
.bx_radio {display:none}
.bx_radio + label {display:inline-block;margin-right:15px;padding-top:2px;padding-left:30px;color:#666;font-size:1.4rem}
.bx_radio_i {display:inline-block;position:relative;width:22px;height:22px;margin-top:-2px;margin-left:-30px;margin-right:3px;border:1px solid #a4a4a4;border-radius:11px;vertical-align:middle}
.bx_radio + label .bx_radio_i:before {}
.bx_radio:checked + label .bx_radio_i {border-color:#4c9df8;background:#fff}
.bx_radio:checked + label .bx_radio_i:before {content:'';position:absolute;top:50%;left:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:5px;background:#4c9df8}
.bx_radio:disabled + label .bx_radio_i {background:#ececec}
.bx_radio:checked:disabled + label .bx_radio_i {border-color:#d9d9d9;background:#d9d9d9}
.bx_radio:checked:disabled + label .bx_radio_i:before {content:'';position:absolute;top:50%;left:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:5px;background:#f3f3f3}

.bx_radio_list {margin-top:-14px}
.bx_radio_item {display:inline-block;margin-top:14px}
.bx_radio_list.block {margin-top:0}
.bx_radio_list.block .bx_radio_item {display:block}
.bx_radio_list.block .bx_radio + label {margin:0}

.bx_radio_wrap {margin-top:-20px;padding-top:25px}
.bx_radio_wrap .bx_radio + label {margin-top:15px}

.chk_agree + label {display:block;flex:1;height:30px;margin-left:1.4rem;border-radius:10px;background:#f0f0f0;font-size:1.4rem;line-height:30px;text-align:center;letter-spacing:-1px}
.chk_agree:first-child + label {margin-left:0}
.chk_agree:checked + label {color:#fff;background:#4c9df8}

.chk_wrap {margin-top:20px;text-align:center}
.checkbox_wrap {}
.checkbox_wrap .bx_check + label {margin-right:10px;}
.checkbox_wrap .bx_check + label:last-child {margin-right:0px;}

/* 체크,라디오 버튼 가로정렬 */
.chk_flex {display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;align-items:center}
.chk_flex_item {flex:1}
.chk_flex_item:last-child .bx_radio + label {margin-right:0}
.flex-start {justify-content:flex-start;align-items:flex-start}
.flex-start .chk_flex_item {flex:inherit;margin-right:1.750rem}
.flex-start .chk_flex_item:last-child {margin-right:0}

/* _readonly */
.readonly {}

/* _유효성 메시지 */
.txt_required {display:none;position:relative;padding-top:10px;color:#ff6f61;font-size:1.3rem}
.txt_required:before {content:'';display:block;position:absolute;top:-1px;left:0;right:0;height:1px;border-top:1px solid #ff6f61}
.txt_required.is_active {display:block}

/* _텍스트 지우기 */
.clearable {/* padding-right:25px */}
.clearable input {display:inline-block;line-height:28px}
.clearable_btn {display:none;margin-top:3px;padding:5px 5px 3px 5px}
/* .clearable_btn.is_active {display:block;position:absolute;right:1px;bottom:8px} */
.clearable_btn.is_active {float:right;display:inline-block}
.clearable_del {display:block;position:relative;width:13px;height:13px;border-radius:10px;background:#b9b9b9}
.clearable_del:before {content:'';position:absolute;top:3px;left:6px;width:1px;height:7px;background:#fff;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg)}
.clearable_del:after {content:'';position:absolute;top:3px;left:6px;width:1px;height:7px;background:#fff;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg)}
.clearable_inp {}
.clearable.tr {}
.clearable_wrap {display:inline-block}
.clearable_wrap .clearable_btn {float:none;position:relative;bottom:-5px;margin:0}

/* switch input[type=checkbox] */
input[type=checkbox].check_switch {position:relative;display:inline-block;width:3rem;height:12px;border-radius:35px;background:#d9d9d9;cursor:pointer}
input[type=checkbox].check_switch:after {content:'';position:absolute;top:-0.3rem;left:0;width:1.8rem;height:18px;background:#a4a4a4;border-radius:35px;transition:left 0.3s;-webkit-transition:left 0.3s}
input[type=checkbox].check_switch:checked {background:#99c6f4}
input[type=checkbox].check_switch:checked:after {content:'';position:absolute;right:0;left:1.4rem;background:#4c9df8}
input[type=checkbox].check_switch:checked:disabled {opacity:1;-webkit-text-fill-color:inherit}
.hd_switch {position:absolute;top:5px;right:0;z-index:2}

/* button 버튼 */
.btn {display:inline-block;height:28px;padding:0 1rem;border:1px solid #d9d9d9;border-radius:12px;text-align:center;font-size:1.3rem;line-height:28px;background:#fff}
.btn:disabled {border:1px solid #d9d9d9;background:#f0f0f0;color:#d9d9d9;}
.btn.on,
a.btn:hover,
a.btn:focus,
a.btn:active {border-color:#333;color:#333}
.btn.btn_sml {height:25px;padding:0 .5rem;line-height:25px}

.btn_black {height:24px;padding:0 5px;border-color:#333;background:#333;color:#fff;line-height:24px;letter-spacing:-1px}
.btn_blue {border-color:#4c9df8;color:#4c9df8}
.btn_blue.disable{background:#fff;border-color:#d9d9d9;color:#d9d9d9}/*bg #fff추가*/
.btn_gray{border-color:#f0f0f0;background:#f0f0f0;color:#333;letter-spacing:-1px}/*2021.06.15_추가*/
a.btn_blue:hover,
a.btn_blue:focus,
a.btn_blue:active {border-color:#4c9df8;color:#4c9df8}

/* 체크버튼(이체정보확인-경조카드) */
.btn_chk {display:none}
.btn_chk + label {flex:1;line-height:44px;margin-left:1rem;border:1px solid #757575;color:#757575;font-size:1.6rem;border-radius:10px;letter-spacing:-1px;font-weight:600;text-align:center}
.btn_chk:first-child + label {margin-left:0}
.btn_chk + label .btn_chk_i {display:inline-block;position:relative;padding-left:1.8rem}
.btn_chk + label .btn_chk_i:before {content:'';position:absolute;top:3px;left:7px;width:2px;height:15px;background:#a4a4a4;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg)}
.btn_chk + label .btn_chk_i:after {content:'';position:absolute;top:9px;left:0;width:2px;height:8px;background:#a4a4a4;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg)}
.btn_chk:checked + label {color:#4c9df8;border-color:#4c9df8}
.btn_chk:checked + label .btn_chk_i:before,
.btn_chk:checked + label .btn_chk_i:after {background:#4c9df8}

.btn_cancel {display:inline-block;width:24px;height:24px;margin-left:0.3rem;vertical-align:middle}
.btn_cancel_ico {display:inline-block;position:relative;width:13px;height:13px;border-radius:10px;background:#b9b9b9}
.btn_cancel_ico:before {content:'';position:absolute;top:3px;left:6px;width:1px;height:7px;background:#fff;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg)}
.btn_cancel_ico:after {content:'';position:absolute;top:3px;left:6px;width:1px;height:7px;background:#fff;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg)}

.btn_wrap {display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;align-items:center}
.btn_wrap:after {content:'';display:block;clear:both}
.btn_wrap.tl, btn_wrap.tc, .btn_wrap.tr {display:block}

/*
constant iOS 11.0
env iOS 11.0+
padding-bottom:calc(env(safe-area-inset-bottom) + 12px) ;background:#fff */
.btn_wrap.fixed {left:0;right:0;bottom:0;z-index:9999;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}
.btn_fix {display:inline-block;width:100%;height:55px;line-height:55px;text-align:center;background:#4c9df8;color:#fff;font-size:2rem}
.btn_fix_dis {float:left;width:37%;background:#666}
.btn_fix_dis + .btn_fix {float:left;width:63%}
.btn_fix.inactive, .btn_fix:disabled,
.btn_fix_half.inactive, .btn_fix_half:disabled {background:#d9d9d9;user-select:none;-omz-user-select:none;-webkit-user-select:none;pointer-events:none}
.btn_fix_dis.inactive, .btn_fix_dis:disabled {background:#e3e3e3;user-select:none;-omz-user-select:none;-webkit-user-select:none;pointer-events:none}
.btn_fix_half {float:left;position:relative;width:50%}
.btn_fix_half:after {display:block;position:absolute;right:0;top:17px;height:22px;width:1px;background:#fff;opacity:0.4;content:''}
.btn_fix_half + .btn_fix {float:left;width:50%}
.btn_wrap.fixed.trisect > button{float:left;position:relative;width:33%}/*하단고정버튼 : 3분할*/
.btn_wrap.fixed.trisect > button:last-child{width:34%}
.btn_wrap.fixed.trisect > button:after{display:block;position:absolute;right:0;top:0;height:55px;width:1px;background:#fff;opacity:0.4;content:''}
.btn_wrap.fixed.trisect > button:last-child:after{display:none}
.btn_fix_orange {background:#ff6f61}
.btn_wrap.fixed .btn_fix{-webkit-transform:translate3d(0,0,0)}/*2020.03.13*/
.btn_fix .btn_call{display:inline-block;background:url(../../img/phone/crd/ico_phone_call.png) no-repeat left center;background-size:26px auto;padding-left:40px;height:26px}/* 전화걸기 버튼 */

.btn_wrap.typ1 {margin:20px 0 0}
.btn_typ1 {display:block;flex:1;height:44px;margin-left:1rem;border:1px solid #4c9df8;border-radius:12px;color:#4c9df8;line-height:44px;text-align:center;font-size:1.6rem;font-weight:500;letter-spacing:-1px}
.btn_typ1:first-child {margin-left:0}
.btn_typ1:disabled {color:#d9d9d9;border-color:#d9d9d9;pointer-events:none}
.btn_typ1_single, .btn_chk + label.btn_typ1_single {flex:none;min-width:15.5rem; padding:0 2rem}
.btn_typ1_gray {border:1px solid #757575;color:#757575}
.btn_typ1_gray2 {height:44px;border:1px solid #d9d9d9;color:#333;font-size:1.6rem;line-height:44px}
.btn_typ1_gray3 {height:44px;padding:3px 0;border:1px solid #d9d9d9;color:#333;font-size:1.6rem;line-height:1.4}
.btn_typ1_gray4 {height:28px;border:1px solid #d9d9d9;margin-left:0.8rem;padding:0 1rem;color:#333;font-size:1.3rem;line-height:28px}/*2019.10.02_추가*/
.btn_typ1_gray4.on{border:1px solid #4c9df8;color:#4c9df8}/*2019.10.02_추가*/
.btn_typ1_center {flex:none;width:13.8rem}
.typ1 .btn_inner {margin:0 auto}
.typ1 .btn_inner.w220 {min-width:220px}
.typ1 .btn_inner .btn_typ1 {margin-left:0;margin-top:12px}
.typ1 .btn_inner .btn_typ1:first-child {margin-top:0}
.typ1 .btn_inner.w100 .btn_typ1 {width:100%}
/* .typ1.sml {height:30px;line-height:30px;font-size:1.4rem;font-weight:normal} */
.btn_typ1_h {height:40px;line-height:40px;font-size:1.4rem}
.btn_wrap.align_right {justify-content:flex-end}
.btn_wrap.h44 .btn_typ1 {height:44px;line-height:44px}
.btn_wrap.h30 .btn_typ1 {height:30px;line-height:30px}

.btn_align {display:table;width:100%}
.btn_align_li {display:table-cell;padding-left:.4rem}
.btn_align_li:first-child {padding-left:0}
.btn_align_li .btn {width:100%;height:25px;line-height:25px;padding:0;letter-spacing:-1px}

.btn_wrap.typ2 {padding:10px 0 0}
.btn_typ2 {display:block;flex:1;height:30px;margin-left:1.4rem;border-radius:12px;background:#f0f0f0;font-size:1.4rem;line-height:30px;text-align:center;letter-spacing:-1px}
.btn_typ2:first-child {margin-left:0}
.btn_typ2:disabled {color:#d9d9d9;background:#f9f9f9;pointer-events:none}
.btn_typ2_blue {background:#4c9df8;color:#fff}
.typ2 .btn_inner {display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;align-items:center;width:100%;margin-top:10px}
.btn_wrap.typ2 .chk_agree {display:none}

.btn_wrap {}
.btn_wrap.typ3 {display:block}
.btn_typ3 {display:block;height:44px;margin-top:20px;border-radius:10px;color:#fff;background:#aeb2c0;line-height:44px;text-align:center;font-size:1.6rem;letter-spacing:-1px}
.btn_typ3.deep {background:#7e859e}
.typ3 .btn_inner {display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;align-items:center;margin-top:10px}
.typ3 .btn_inner .btn_typ3 {flex:1;margin-top:0;margin-left:1rem}
.typ3 .btn_inner .btn_typ3:first-child {margin-left:0}

.more_wrap {margin-top:20px}
.full .more_wrap, .step_full .more_wrap {padding:0 2rem}
.btn_more {width:100%;height:44px;border-radius:12px;background:#e8e8e8;color:#666;text-align:center;font-size:1.6rem;line-height:44px;letter-spacing:-1px}/* 더보기 */
.btn_more_ico {display:inline-block;position:relative;width:11px;height:11px;margin-left:4px}
.btn_more_ico:before {content:'';position:absolute;top:5px;left:5px;width:11px;height:1px;background:#666}
.btn_more_ico:after {content:'';position:absolute;top:0;left:10px;width:1px;height:11px;background:#666}

.more_wrap.typ1 {}
.more_wrap.typ1 .btn_more {background:none;color:#2175e2;font-size:1.4rem}
.more_wrap.typ1 .btn_more span {color:#2175e2}
.more_wrap.typ1 .btn_more .btn_more_ico {width:8px;height:8px;margin-left:0.5rem}
.more_wrap.typ1 .btn_more .btn_more_ico:before {display:none}
.more_wrap.typ1 .btn_more .btn_more_ico:after {left:0;width:100%;height:100%;margin-top:-4px;border-right:1px solid #2175e2;border-bottom:1px solid #2175e2;background:none;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg)}
.bx_msg + .btn_wrap.typ1 {margin-top:60px}
.bx_msg + .bx_note {margin-top:50px}

.btn_wrap.typ_otp1 {}


/* Tab */
.tab_wrap.full .swiper-container {margin:0 -2rem}
.tab_wrap .swiper-container {background:#fff}
.tab_list {display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;margin:0 -2rem;border-bottom:1px solid #d9d9d9}
.tab_list_li {flex:1}
[class*="tab_list_li"] {display:flex}
[class*="tab_list_li"] a {display:flex;align-items:center;flex:1;justify-content:center;padding:16px 5px;color:#757575;text-align:center;font-size:1.5rem;white-space:nowrap}/*2020.12.23_수정*/
[class*="tab_list_li"].is_active a {position:relative;color:#4c9df8;font-weight:600}
[class*="tab_list_li"].is_active a:after {display:block;position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#4c9df8;content:''}
[class*="tab_list_li"].is_active a > span{display:block;position:relative}/*2022.07.07_추가*/
[class*="tab_list_li"].is_active a > span .new_dot{display:inline-block;position:absolute;top:0;right:-15px;background-color:#ff6a17;border-radius:50%;width:11px;height:11px;line-height:11px;font-size:0.6rem;color:#fff}/*2022.07.07_추가*/
.tab_cont {display:none;font-size:1.4rem}
.tab_cont.is_active {display:block}
.full .tab_list, .step_full .tab_list {margin:0}
.bx_slidebtm_cont .tab_cont {overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}
/* Tab - typ1 */
.tab_list.typ1 [class*="tab_list_li"] a {letter-spacing:-1px;color:#333}
.tab_list.typ1 [class*="tab_list_li"].is_active a:after {background:#333}
/* Tab - typ2 */
.tab_list.typ2:after {content:'';display:block;clear:both;width:100%;height:6px;background:#ededed}
.tab_list.typ2 .tab_list_li.is_active a:after {background:#6f8ce3}
.tab_list.typ2 .tab_list_li {display:block;float:left;width:25%;flex:none}
.tab_list.typ2 .tab_list_li a {display:block;padding:11px 0;font-size:1.4rem}
[class^="tab_list_tit_"] {display:block;padding-top:24px;width:100%;background-repeat:no-repeat;background-position:53% top;background-size:2.4rem auto}
.tab_list_tit_01 {background-image: url('../../img/phone/com/tab_ico_01.png')}
.tab_list_tit_02 {background-image: url('../../img/phone/com/tab_ico_02.png')}
.tab_list_tit_03 {background-image: url('../../img/phone/com/tab_ico_03.png')}
.tab_list_tit_04 {background-image: url('../../img/phone/com/tab_ico_04.png')}
.tab_list_li.is_active .tab_list_tit_01 {background-image: url('../../img/phone/com/tab_ico_on_01.png')}
.tab_list_li.is_active .tab_list_tit_02 {background-image: url('../../img/phone/com/tab_ico_on_02.png')}
.tab_list_li.is_active .tab_list_tit_03 {background-image: url('../../img/phone/com/tab_ico_on_03.png')}
.tab_list_li.is_active .tab_list_tit_04 {background-image: url('../../img/phone/com/tab_ico_on_04.png')}
/* Tab - typ3 */
.tab_list.typ3 {overflow:hidden;margin:0;border:0}
.tab_list_li_typ3 {border:1px solid #e3e3e3;border-left:0}
.tab_list_li_typ3:first-child {border-radius:12px 0 0 12px;border-left:1px solid #e3e3e3}
.tab_list_li_typ3:last-child {border-radius:0 12px 12px 0;border-right:1px solid #e3e3e3}
.tab_list_li_typ3 a {padding:10px 0;font-size:1.4rem}
.tab_list_li_typ3.is_active {border-color:#4c9df8;background:#4c9df8}
.tab_list_li_typ3.is_active a {color:#fff;font-weight:600}
.tab_list_li_typ3.is_active a:after {display:none}
/* Tab - typ_gray */
.tab_list.typ_gray{background:#f0f0f0;border:0;overflow:hidden}
.tab_list.typ_gray .tab_list_li a{padding:17px 0;color:#828282}
.tab_list.typ_gray .tab_list_li a span{display:block;border-right:1px solid #d9d9d9;padding:0 5px;width:100%;line-height:14px}
.tab_list.typ_gray .tab_list_li:last-child a span{border-right:none}
.tab_list.typ_gray .tab_list_li.is_active a{color:#1e1e1e}
.tab_list.typ_gray .tab_list_li.is_active a:after{display:none}
.tab_list_li .tab_tit{display:block;position:relative}
.tab_list_li .tab_tit .new_dot{display:inline-block;position:absolute;top:-2px;right:-10px;background-color:#fc1800;border-radius:50%;width:0.5rem;height:0.5rem}
/* Tab - typ_inner */
.tab_list.typ_inner{display:block;flex-wrap:initial;justify-content:initial;align-items:initial;border:0;margin:0}
.tab_list.typ_inner:after{display:block;clear:both;content:''}
.tab_list.typ_inner .tab_list_li{flex:initial;float:left;height:30px}
.tab_list.typ_inner .tab_list_li:last-child{border-right:0}
.tab_list.typ_inner .tab_list_li a{padding:15px 0;font-size:1.3rem;color:#666}
.tab_list.typ_inner .tab_list_li a > span{display:inline-block;position:relative;padding:0 10px}
.tab_list.typ_inner .tab_list_li a > span:after{display:inline-block;content:'';position:absolute;right:0;top:2px;background:#ccc;width:1px;height:11px}
.tab_list.typ_inner .tab_list_li:last-child a > span:after{display:none}
.tab_list.typ_inner .tab_list_li.is_active a:after{display:none}
.tab_list.typ_inner .tab_list_li.is_active a{color:#4c9df8}
/* List (목록 스타일) */
.list_typ1 {border-top:1px solid #ececec}
.list_typ1.full {margin:0 -2rem}
.list_typ1_li {position:relative;border-bottom:1px solid #ececec}
/*.add-sch-li:before {content:'';display:block;position:absolute;left:0;bottom:0;right:0;width:100%;height:1px;background:#ececec}*/
.list_typ1_item {display:block;padding:17px 2rem 16px}
.list_typ1_cont {padding:15px 2rem;font-size:1.4rem}
.list_typ1_cont.outer {padding:15px 0}
.list_typ1_cont .my_state {position:absolute;right:0;top:15px;font-size:1.3rem;color:#666}
.list_typ1_anchor {display:block;padding:17px 3.8rem 16px 2rem}
.list_typ1_anchor:after {content:'';display:block;position:absolute;top:50%;right:2.3rem;width:10px;height:10px;margin-top:-5px;border-right:1px solid #757575;border-top:1px solid #757575;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg)}
.list_typ1_anchor.inactive {padding-right:2rem}/* 화살표 없음 */
.list_typ1_anchor.inactive:after {display:none}
.list_set .list_typ1_anchor {padding:17px 0 16px}
.list_set .list_typ1_item {padding:17px 0 16px}
.list_set .list_typ1_anchor:after {right:2px}
.list_set .txt_state {float:right;padding-right:2.3rem;color:#757575}
.list_set .txt_state.on {color:#4c9df8}

.li_under {margin-top:10px;text-align:center;color:#757575;font-size:1.3rem}
.li_under strong {color:#333}

/* 공과금 조회 /jsp/phone/fnt/pbc/fnt_pbc_010105.html */
.list_typ2 {margin:0 -2rem}
.list_typ2_li {position:relative;border-bottom:1px solid #ececec}
.list_typ2_li.tline {border-top:1px solid #ececec}
.list_typ2_li .list_item_tit {display:inline-block;margin-bottom:7px;color:#333;font-size:1.6rem;font-weight:500}
.list_typ2_nolink {display:block;position:relative;padding:17px 2rem}
.list_typ2_anchor {display:block;position:relative;padding:17px 3.8rem 17px 2rem}
.list_typ2_anchor:after {content:'';display:block;position:absolute;top:50%;right:2rem;width:8px;height:8px;margin-top:-5px;border-right:1px solid #757575;border-top:1px solid #757575;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg)}
.list_typ2_anchor.inactive {padding-right:2rem}/* 화살표 없음 */
.list_typ2_anchor.inactive:after {display:none}
.list_typ2_item {display:table;width:100%;height:26px;font-size:1.4rem}
.list_typ2_tit {display:table-cell;color:#757575;vertical-align:middle;font-size:1.4rem}
.list_typ2_tit.bold {font-size:1.6rem;color:#333;padding-bottom:10px;font-weight:500}
.list_typ2_cont {display:table-cell;text-align:right;vertical-align:middle;letter-spacing:0}
.list_typ2_cont .won.bold {padding-right:1.6rem;font-size:1.7rem;font-weight:500;color:#333}
.list_typ2_cont.bold {font-size:1.6rem;font-weight:500}
.list_typ2_cont.bold span
.list_typ2_cont.bold em, {font-weight:inherit}

/* .bx_slidebtm .list_typ5 {padding:5px 0 51px}
.list_typ5_li {border-bottom:1px solid #ececec}
.list_typ5_anchor {display:block;padding:12px 2rem} */

/* table (테이블) */
table {width:100%;border-collapse:collapse;border-spacing:0 /*;table-layout:fixed*/}
tfoot td .won {color:#333;font-size:1.4rem}

.tbl_typ1 {position:relative;margin:12px 0 10px;border-top:1px solid #666;border-bottom:1px solid #d9d9d9;vertical-align:middle}
.tbl_typ1 thead th {padding:13px 0;background:#fff;color:#333;border-bottom:1px solid #d9d9d9;font-weight:500;vertical-align:middle}
.tbl_typ1 thead th + th {border-left:1px solid #ececec}
.tbl_typ1 tbody th {padding:13px .6rem;border-top:1px solid #ececec;background:#fff;font-weight:500;text-align:center;vertical-align:middle}
.tbl_typ1 tbody th.line {border-left:1px solid #ececec}
.tbl_typ1 tbody tr:first-child th, .tbl_typ1 tbody tr:first-child td {border-top:0}
.tbl_typ1 td {padding:13px .6rem;border-top:1px solid #ececec;border-left:1px solid #ececec;color:#666;text-align:center;vertical-align:middle;word-break:break-all}
.tbl_typ1 td:first-child {border-left:0}
.tbl_typ1 td .num {text-align:center}
.tbl_typ1 tfoot {background:#f0f0f0}
.tbl_typ1 tfoot th {border-top:1px solid #ececec;vertical-align:middle;font-weight:500}
.tbl_typ1 tfoot td {color:#333;border-bottom:0}
.tbl_typ1 tbody tr:last-child th, .tbl_typ1 tbody tr:last-child td {border-bottom:0}
.tbl_typ1 tbody th[scope='rowgroup'] {border-right:1px solid #ececec;vertical-align:middle}
.tbl_typ1 + .tbl_typ1 {margin-top:20px}
.tbl_info {display:block;color:#757575;font-size:1.3rem;text-align:right}
.tbl_info:after {display:block;clear:both;content:''}
.hd_depth2 + .tbl_info {margin-top:-23px}
.hd_depth2 + .tbl_info .tbl_info_al {position:relative;top:-8px}
.tbl_info + .tbl_typ1, .tbl_info + .tbl_typ2, .tbl_info + .tbl_typ3 {margin-top:7px}
.bb0 {border-bottom:0}

.tbl_typ2 {position:relative;margin:12px 0 10px;border-top:1px solid #666;border-bottom:1px solid #d9d9d9}
.tbl_typ2 th {padding:13px 0.3rem;border-bottom:1px solid #ececec;border-right:1px solid #ececec;text-align:left;font-weight:500;vertical-align:middle}
.tbl_typ2 td {padding:13px 0.3rem;border-left:1px solid #ececec;border-bottom:1px solid #ececec;color:#666;text-align:right;vertical-align:middle;word-break:break-all}
.tbl_typ2 td .btn_typ1 {height:30px;padding:0 2rem;line-height:30px}
.tbl_typ2 td.tc .btn_typ1 {margin:0 auto}
.tbl_typ2 td .btn_wrap.h44 {padding:7px 0}
.tbl_typ2 td .units {padding-left:2px}
.tbl_typ2 td.tl {padding-left:1rem}
.tbl_typ2 tfoot th {background:#f0f0f0}
.tbl_typ2 tfoot td {color:#333;background:#f0f0f0}
.tbl_typ2 tbody th[scope='rowgroup'] {border-right:1px solid #ececec;vertical-align:middle}
.tbl_typ2 tr:last-child th, .tbl_typ2 tr:last-child td {border-bottom:0}
.tbl_typ2 + .tbl_typ2 {margin-top:20px}
.tbl_left td {text-align:left;padding-left:1rem}
.tbl_left td .bx_radio + label {margin-left:0}
.tbl_right td,
.tbl_right tfoot td {text-align:right}
.tbl_rowgup th {padding-left:1rem}
.tbl_rowgup th[scope='rowgroup'] {padding-left:.3rem}
.tbl_typ1.tbl_rowgup tfoot th {border-right:1px solid #ececec} /* 신탁 예외케이스 */
.th_row_c th {text-align:center}
.tbl_typ2 td.tbl_calendar .calendar {justify-content:flex-end}

.tbl_typ3 {border-top:1px solid #ccc;border-bottom:1px solid #ececec}
.tbl_typ3 th {padding:13px 1rem;border-bottom:1px solid #ececec;color:#666;font-weight:normal;text-align:left;vertical-align:middle}
.tbl_typ3 td {padding:13px 1rem;border-bottom:1px solid #ececec;color:#666;text-align:right;vertical-align:middle}
.tbl_typ3 tr.is_active th {color:#333}
.tbl_typ3 tr.is_active th, .tbl_typ3 tr.is_active td {border-color:#d9d9d9;font-weight:600}
.tbl_typ3 tr:last-child th, .tbl_typ3 tr:last-child td,
.tbl_typ3_li:last-child {border-bottom:0}
.tbl_typ3_li {padding:12px 0;border-bottom:1px solid #ececec}
.tbl_typ3_th {padding:12px 0;border-bottom:1px solid #d9d9d9;font-weight:600;text-align:center}
.tbl_typ3_under {margin-top:8px;font-size:1.3rem;color:#757575;line-height:1.5em}
.tbl_typ3 .el_fees {display:inline-block;margin-right:5px;color:#999;font-size:1.3rem}

.tbl_info_wrap {margin-top:40px}
.tbl_info_wrap.vtt .tbl_info_th {vertical-align:text-top}
.tbl_info_inner {position:relative;padding:18px 0}
.tbl_info_li {display:table;width:100%;margin-top:10px;padding:0 .4rem;font-size:1.4rem}
.tbl_info_li:first-child {min-height:21px;margin-top:0}
.tbl_info_th {display:table-cell;color:#757575;text-align:left;vertical-align:text-top;white-space:nowrap}
.tbl_info_td {display:table-cell;max-width:20rem;color:#333;text-align:right;font-weight:normal;vertical-align:text-top;letter-spacing:0;word-break:break-word}
.tbl_info_li.tit {margin:17px 0 -3px}
.tbl_info_li.tit .tbl_info_th {color:#333}
.tbl_info_li .li_inner {margin:-5px 0 0 .9rem}
.li_inner .tbl_info_li {margin-top:8px;padding:0;font-size:1.3rem;color:#757575}
.tbl_info_sml .tbl_info_li {padding:0;font-size:1.3rem;color:#757575}
.tbl_hr, .tbl_hr th, .tbl_hr td {border-bottom:1px solid #d9d9d9 !important}
.tbl_hr2, .tbl_hr2 th, .tbl_hr2 td {border-top:1px solid #ececec !important}
.li_inner .tbl_info_li:first-child {min-height:inherit}
.tbl_info_inner.li_inner .tbl_info_li {padding:0 .4rem}
.tbl_info_inner.li_inner .tbl_info_li:first-child {margin-top:0}
.bx_topline + [class^="tbl_typ"] {margin-top:28px}
.hd_depth2 + .tbl_info_wrap {margin-top:0}
.bx_topline + .bx_time.top,
.bx_topline + .sticky_wrap {margin-top:-4px}

.tr_borderbtm0 th,.tr_borderbtm0 td{border-bottom:0 !important;} /* 마지막 보더 삭제 */

/* 상품상세 테이블에 rowspan 걸릴경우 border-left 문제 발생으로 인한 재정의 */
.bx_accor_cont .tbl_typ1{overflow:hidden;}
.bx_accor_cont .tbl_typ1 table{margin-left:-1px;}
.bx_accor_cont .tbl_typ1 td:first-child {border-left:1px solid #ececec}


/* 테이블 안 인풋 */
td.tbl_input {padding-right:0;padding-left:1rem}
td.tbl_input .input {text-align:right}
td.tbl_input .bx_select_sml .input,
td.tbl_input .clearable_btn.is_active + .input {padding-right:3rem}
.tbl_left td.tbl_input .input {text-align:left}
td.tbl_input.cnt {padding-right:10px}
.tbl_input .input {height:30px;width:100%;margin:-4px 0;padding:6px 1rem 4px;border:1px solid #ececec}
.tbl_input .bx_select_sml {width:100%;margin-top:-4px}
.tbl_input .bx_select_sml.h_mg {margin-top:-5px}
.tbl_input .bx_select_sml .btn_select:after {right:1rem}
.tbl_input .btn_select {margin-top:0;transform:translateY(-50%)}
.tbl_input .td_relative {position:relative;padding-right:54px}
.tbl_input .td_relative:after {content:''; display:block; clear:both}
.tbl_input .td_relative input {float:right}
.tbl_input .td_relative .btn {position:absolute;right:0;top:-3px}
.tbl_input_won {position:relative}
.tbl_input_won .input {text-align:right;padding-right:2.5rem}
.tbl_input_won:after {content:'원';display:block;position:absolute;right:1rem;bottom:50%;margin-bottom:-9px;text-align:right;font-size:1.4rem}
.tbl_input_usd {position:relative}
.tbl_input_usd .input {padding-right:3.5rem}
.tbl_input_usd:after {content:'USD';display:block;position:absolute;right:1rem;bottom:50%;margin-bottom:-9px;text-align:right;font-size:1.4rem}
.tbl_input_per {position:relative}
.tbl_input_per .input {text-align:right;padding-right:2.5rem}
.tbl_input_per:after {content:'%';display:block;position:absolute;right:1rem;bottom:50%;margin-bottom:-9px;text-align:right;font-size:1.4rem}
.tbl_input_year {position:relative}
.tbl_input_year .input {text-align:right;padding-right:2.5rem}
.tbl_input_year:after {content:'년';display:block;position:absolute;right:1rem;bottom:50%;margin-bottom:-9px;text-align:right;font-size:1.4rem}
.tbl_input_num {position:relative}
.tbl_input_num .input {text-align:right;padding-right:2.5rem}
.tbl_input_num:after {content:'회';display:block;position:absolute;right:1rem;bottom:50%;margin-bottom:-9px;text-align:right;font-size:1.4rem}
.tbl_input_doller {position:relative}
.tbl_input_doller .input {text-align:right;padding-right:2.5rem}
.tbl_input_doller:after {content:'불';display:block;position:absolute;right:1rem;bottom:50%;margin-bottom:-9px;text-align:right;font-size:1.4rem}
.tbl_input_stock {position:relative}
.tbl_input_stock .input {text-align:right;padding-right:2.5rem}
.tbl_input_stock:after {content:'주';display:block;position:absolute;right:1rem;bottom:50%;margin-bottom:-9px;text-align:right;font-size:1.4rem}
.tbl_input_under {display:block;padding-top:9px;font-size:1.3rem;color:#757575}
.tbl_input .clearable {position:relative}
.tbl_input .clearable .clearable_btn {position:absolute;top:50%;right:5px;margin-top:-11px}
td .bx_radio + label {margin-left:15px;margin-right:0}
td .bul_dep2 {margin:0}
td .bul_dep2_li {display:inline-block;text-align:left}
.tbl_typ2 td.tbl_input .bx_select_sml input {padding-right:2.6rem;text-align:right;text-overflow:ellipsis}

/* 슬라이드팝업 영역 데이터테이블 */
.bx_slidebtm_cont .tbl_info_wrap {margin-top:19px}
.bx_slidebtm_cont .tbl_info_inner {padding:14px 0}
.bx_slidebtm_cont .tbl_info_li {margin-top:7px}
.bx_slidebtm_cont .tbl_info_li:first-child {margin-top:0}
.bx_slidebtm_cont .tbl_info_li .li_inner {margin-top:1px}
.bx_slidebtm_cont .tbl_info_th {max-width:7rem;line-height:1.5}
.bx_slidebtm_cont .tbl_info_th.bold {max-width:100%}
.bx_slidebtm_cont .tbl_info_td {max-width:11rem;line-height:1.5}
.bx_slidebtm_cont .tbl_info_td .won {padding-right:1.3rem}
.bx_slidebtm_cont .tbl_info_td .won:after {font-size:1.3rem}
.bx_slidebtm_cont .tbl_info_td .txt_over  {width:90%;vertical-align:text-top}
.bx_slidebtm_cont .li_inner .tbl_info_li {font-size:1.3rem}
.bx_slidebtm_cont .tbl_input_under {padding-top:3px}

/* 테이블 ui 리스트(li)*/
.tbl_typ4 {margin:12px 0 10px;border-bottom:1px solid #d9d9d9}
.tbl_typ4 tr:last-child th, .tbl_typ2 tr:last-child td {border-bottom:0}
.tbl_typ4 tfoot th,
.tbl_typ4 tfoot td {padding:13px 0.3rem}
.tbl_typ4 tfoot th {background:#f0f0f0;text-align:left;font-weight:normal}
.tbl_typ4 tfoot td {color:#333;background:#f0f0f0;border-left:1px solid #ececec;text-align:right}
.tbl_typ4 .hd_depth4_tit {display:block;margin-top:15px}
.tbl_typ4 .tbl_st_list {margin-top:12px;border-top:1px solid #666;}
.tbl_st_list .tbl_st_row {display:table;width:100%}
.tbl_w_40 .tbl_st_th {width:40%}
.tbl_st_list .tbl_st_th,
.tbl_st_list .tbl_st_td {display:table-cell;padding:13px 0.3rem;border-bottom:1px solid #ececec;}
.tbl_st_list .tbl_st_th {border-right:1px solid #ececec;text-align:left;font-weight:500;vertical-align:middle}
.tbl_st_list .tbl_st_td {border-left:1px solid #ececec;color:#666;text-align:right;word-break:break-all}
.tbl_st_list.tbl_input {padding-right:0;padding-left:1rem}

/* 블릿 */
.txt_underline {color:#333;font-size:inherit;text-decoration:underline}
.under_line {display:inline-block; padding:0 0 2px 0; border-bottom:1px solid #333}
.txt_blue.under_line {border-bottom-color:#4c9df8}
.txt_gray2.under_line {border-bottom-color:#757575}
.txt_gray.under_line {border-bottom-color:#757575}
.a_arrow.under_line {padding:0 11px 0 0}
.tbl_comment,
.bul_aisk {display:block;margin-top:10px;color:#757575;font-size:1.3rem;line-height:1.4}

.bul_info {position:relative;margin-top:10px;padding-left:2.1rem;color:#757575;font-size:1.4rem;letter-spacing:-1px;vertical-align:middle}
.bul_info:before {content:'';display:block;position:absolute;top:0;left:0;width:16px;height:16px;background:url('../../img/phone/com/ico_info.png') no-repeat 0 0;background-size:100% auto}/* i */
.bul_info.txt_green:before {;width:14px;height:14px;background:url('../../img/phone/com/ico_info_green.png') no-repeat 0 0;background-size:1.4rem auto}
.txt_underline {color:#333;text-decoration:underline}
.txt_info {margin-top:10px;padding-left:1.9rem;color:#757575;font-size:1.3rem;letter-spacing:-1px}

.bul_quest {position:relative;margin-top:13px;padding-left:2.1rem;color:#4c9df8;font-size:1.3rem;letter-spacing:-1px;vertical-align:middle}
.bul_quest:before {content:'';display:block;position:absolute;top:-1px;left:0;width:16px;height:16px;background:url('../../img/phone/com/ico_quest_blue.png') no-repeat 0 0;background-size:100% auto}/* i */
.bul_quest a {text-decoration:underline;color:#4c9df8}
.bul_quest_wrap {text-align:center}
.bul_quest_wrap .bul_quest {display:inline-block;margin:0 auto}

.bul_dep1 {margin-top:19px}
.bul_dep1_li {margin-top:17px;color:#666;font-weight:400;font-size:1.3rem}
.bul_dep1_li:first-child {margin-top:0}
.bul_dep2 {margin-top:8px}
.bul_dep2_li, .bul_dep3_li, .bul_dep4_li {position:relative;padding-left:11px;margin-top:4px;color:#757575;font-weight:normal;font-size:1.3rem;line-height:1.4}
.bul_dep2_li:before {content:'';display:block;position:absolute;left:0;top:7px;width:3px;height:3px;border-radius:50%;background:#757575}
.bul_dep2_li.txt_px12{padding-left:8px}/*2019.11.19_추가*/
.bul_dep2_li.txt_px12:before{top:6px;width:2px;height:2px}/*2019.11.19_추가*/
.bul_dep2_li.txt_orange:before {background:#ff6f61}
.bul_dep3_li:before {content:'';display:block;position:absolute;left:0;top:8px;width:4px;height:1px;background:#757575}
.bul_dep4_li {background:url('../../img/phone/com/ico_bul_dep4.png') no-repeat 0 7px;background-size:.5rem auto}
.bul_dep1_li > .bul_dep2 {margin:10px 0 0 13px}
.bul_dep2_li > .bul_dep3,
.bul_dep3_li > .bul_dep4 {margin:5px 0 5px 2px}
.bul_dep2_li_inner {display:block;margin-bottom:10px;padding-top:10px}
.bul_dep2 + .bul_dep2 {margin-top:13px}
.bul_dep2_none > .bul_dep2_li {padding:0}
.bul_dep2_none > .bul_dep2_li:before {display:none}
.bul_dep2_none .bul_dep3 {margin-left:14px}
.bul_dep2.px14 .bul_dep2_li {font-size:1.4rem}
.bul_dep2.typ2 {margin-top:40px}
.bul_dep2.typ2 .bul_dep2_li {margin-top:16px}
.bul_dep2.txt_gray2 .bul_dep2_li {color:#666}
.blu_tooltip .bul_dep1_li {color:#333;font-weight:normal}

.txt_bul {position:relative;padding-left:10px;color:#666;font-size:1.4rem;line-height:1.5;word-spacing:-0.5px}
.txt_bul:before {display:block;content:'';position:absolute;left:0;top:7px;width:3px;height:3px;border-radius:50%;background:#757575}
.txt_bul > * {letter-spacing:inherit}
.txt_bul_none {padding-left:10px;text-indent:-10px;color:#666;font-size:1.4rem;line-height:1.5;word-spacing:-0.5px}
p.txt_bul {padding-left:0;font-size:1.3rem}
p.txt_bul:before {display:none}
p.txt_bul_none {padding-left:0;text-indent:0}
.list_bul_wrap .txt_bul,
.list_bul_wrap .txt_bul_none {margin-top:8px;text-align:left}
.list_bul_wrap .txt_bul:first-child,
.list_bul_wrap .txt_bul_none:first-child {margin-top:0}
.list_bul_wrap .txt_indent {margin:5px 0 0 3px;text-indent:0}
.list_bul_wrap + .add-txt {margin-top:15px;color:#666;text-align:left;font-size:1.4rem;line-height:1.4;letter-spacing:-1px;word-spacing:-0.5px}
.list_bul_tit {display:block;margin:23px 0 10px;color:#757575;font-size:1.3rem} /* 리스트에 타이틀 있는경우(폰트 사이즈는 현재 디자인 나온 작은 글씨 리스트 기준) */
.list_bul_wrap.bx_smltxt .txt_bul {margin-top:5px;color:#757575;line-height:1.5;font-size:1.3rem;letter-spacing:-1px} /* 작은 글씨 리스트 */
.list_bul_wrap.txt_gray .txt_bul {color:#757575}
.txt_bul.txt_orange:before {background:#ff6f61}
.txt_bar {position:relative;padding-left:10px;color:#666}
.txt_bar:before {display:block;content:'';position:absolute;left:0;top:9px;width:5px;height:1px;background:#666}
.list_bul_wrap .list_bul_wrap {margin-top:8px}
.txt_bul_none .txt_bul {color:#757575;text-indent:0}
.txt_bul_none .btn_wrap {margin:10px 0 0 -10px}

/* 블릿 리스트 (한줄일때도 사용 가능) */
.bul_list {margin-top:10px}
.bul_txt {position:relative;padding-left:11px;font-size:1.4rem}
.bul_txt:before {content:'•';display:block;position:absolute;top:0;left:0;color:#757575}
.bul_txt_desc {margin-top:3px;padding-left:11px;color:#757575;font-size:1.4rem}


/* 유의사항 (bx = box) */
.bx_note {margin-top:31px}
.hd_note {position:relative}
.hd_note_tit,
.note_tit {display:block;width:100%;padding:9px 0 3px;color:#757575;text-align:left;font-weight:500;font-size:1.4rem}
.hd_note .hd_note_tit:after {content:'';display:inline-block;margin-left:0.6rem;margin-bottom:-3px;width:0;height:0;border-top:5px solid #757575;border-right:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid transparent}
.bd_note {display:none}
.bx_note.open .bd_note {display:block}
.bx_note.open .hd_note_tit:after {margin-bottom:1px;border:0;border-top:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #757575;border-left:5px solid transparent}
.bx_note_open {margin-top:40px}
.bx_note_open .bd_note {display:block}

/* 에러코드 */
.bx_error_code {}
.bx_error_tit {position:relative;padding-right:2.2rem;font-size:1.4rem;color:#757575}
.bx_error_tit:after {content:'';display:block;position:absolute;top:50%;right:3px;width:8px;height:8px;margin-top:-8px;border-right:1px solid #757575;border-bottom:1px solid #757575;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg)}
.bx_error_txt {display:none;padding-top:10px;color:#757575;font-size:1.3rem}
.bx_error_code.open .bx_error_tit:after {margin-top:-1px;border-right:0;border-bottom:0;border-left:1px solid #757575;border-top:1px solid #757575}
/* _레이어팝업 에러코드 */
.bd_popup .bx_error_code {margin-top:25px}
.bd_popup .bx_error_tit {padding-right:1.8rem;font-weight:normal;color:#757575;font-size:1.4em}
.bd_popup .bx_error_tit:after,
.bd_popup .bx_error_code.open .bx_error_tit:after {border-color:#757575}
.bd_popup .bx_msg {padding-top:0}
/* _레이어팝업 자세히 보기 */
.panel_info .btn_detail button {position:relative;padding:10px 15px 10px 0;font-size:1.3rem;color:#757575}
.panel_info .btn_detail button:after {content:'';display:block;position:absolute;bottom:50%;right:0;width:6px;height:6px;margin-bottom:-2px;border:solid #757575;border-width:0 1px 1px 0;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg)}
.panel_details {display:none}
.info_detail_tit {font-size:1.4rem}
.panel_info.open .btn_detail button:after {margin-bottom:-6px;border-width:1px 0 0 1px}
/* 상담예약하기 오류코드 */
.msg_error_code {margin-top:30px;padding:12px 0;font-size:1.4rem;color:#333;text-align:center;border-radius:12px;background:#f0f0f0}
.msg_error_code .txt_code {color:#666}

/* 오류안내 - 전화상담,상담예약 */
.advice_area {border:1px solid #d9d9d9;border-radius:20px;padding:20px 0;margin-top:80px;font-size:1.3rem;color:#757575}
.advice_area .advice_txt {margin:24px 15px 0;padding-top:15px;border-top:1px solid #f0f0f0}
.advice_tit {color:#666;text-align:center}
.advice_btns {margin:16px 0 0;text-align:center}
.advice_btns .advbtn {display:inline-block;margin:0 24px;font-size:1.3rem;color:#757575}
.advice_btns.nth3 .advbtn {margin:0 15px}
.advice_btns [class^="adv_"] {display:block;margin-bottom:10px;width:74px;height:74px;border-radius:50%;background-image:url('../../img/phone/com/ico_advicebtns.png');background-size:74px auto;background-position:0 0}
.advice_btns .adv_tel {background-color:#32d3ab;background-position:0 0}
.advice_btns .adv_book {background-color:#ff6f61;background-position:0 -74px}
.advice_btns .adv_chat {background-color:#ffa061;background-position:0 -148px}
.advice_btns .btn {position:relative;margin:0 5px;padding:0 1.4rem;color:#4c9df8;border-color:#4c9df8;background-color:#fff}
.advice_btns .btn:first-child {margin-left:0}
.advice_btns .btn:last-child {margin-right:0}
.advice_btns .btn.adv_tel {}
.advice_btns .btn.adv_book {}
.advice_txt {margin-top:18px;font-size:1.3rem;color:#757575;text-align:center;line-height:1.5}
.bx_msg + .advice_txt {margin-top:36px}
.bx_datepick:checked + .bx_datepick_i {border-color:#333;color:#333}

/* 팝업 */
.dim_wrap {position:fixed;left:0;top:0;z-index:10000;width:100%;height:100%;background:#000;filter:alpha(opacity=70);opacity:0.7;-webkit-transform:translate3d(0,0,0) translateZ(10000px);transform:translate3d(0,0,0) translateZ(10000px)}
.pop_wrap {}

/* 레이어팝업 */
.ly_popup_wrap {display:none}
.ly_popup_wrap.is_active {display:block;position:fixed;top:45%;left:50%;width:100%;transform:translate(-50%, -50%) translateZ(10001px);-ms-transform:translate(-50%, -50%) translateZ(10001px);-moz-transform:translate(-50%, -50%) translateZ(10001px);-webkit-transform:translate(-50%, -50%) translateZ(10001px);-o-transform:translate(-50%, -50%) translateZ(10001px);z-index:10001}
.ly_popup {overflow:hidden;position:relative;margin:0 3rem;border-radius:20px;background:#fff}

/* 레이어팝업 타이틀 (hd = heard) */
.hd_popup {position:relative;padding:16px 0;margin:0 1rem;border-bottom:1px solid #ececec;text-align:center;z-index:10002}
.hd_popup_nobtm {height:auto;padding-bottom:0}
.hd_popup_nobtm:after {display:none}
.hd_popup_tit {font-weight:normal;padding:0 2rem;font-size:1.8rem;font-weight:500}

/* 레이어팝업 컨텐츠 (bd = body) */
.bd_popup {margin:-1px 0 0;padding:25px 2rem 28px;text-align:center;font-size:1.4rem;max-height:350px;overflow-y:auto;-webkit-overflow-scrolling:touch}
.bd_popup_top {margin-bottom:17px;font-size:1.4rem}
.bd_popup_mid {margin:18px 0}
.bd_popup_txts {margin-top:-3px;font-size:1.4rem}
.bd_popup_txts > p {margin-top:3px}
.bd_popup_txt1 {color:#333;font-size:1.6rem;font-weight:500}
.bd_popup_txt2 {color:#4c9df8;font-weight:500;font-size:1.6rem;letter-spacing:-1px}
.bd_popup .bx_smltxt {color:#757575}
.bd_popup .bx_smltxt > p {line-height:1.6}
.bd_popup .bx_info_tit{background:url('../../img/phone/com/ico_bell_new.png') no-repeat 0.4rem top;background-size:21px auto;margin-top:16px;padding:0.1rem 0 0.1rem 3.1rem;font-size:1.7rem;color:#333}/* 개인신용정보마케팅활용동의 레이어 팝업 */
.bd_popup .bx_info_desc{margin-top:11px;padding-left:0.4rem;font-size:1.6rem;color:#757575}/* 개인신용정보마케팅활용동의 레이어 팝업 */

/* 팝업텍스트 */
.bd_popup_top .desc_q01{background:url('../../img/phone/com/ico_circle_won.png') no-repeat 6px top;background-size:21px auto;margin-top:3px;padding:4px 0 4px 3.6rem;font-size:1.5rem}
.bd_popup_top .desc_q02{background:url('../../img/phone/com/ico_sch_won.png') no-repeat 6px top;background-size:23px auto;margin-top:6px;padding:1px 0 4px 3.6rem;font-size:1.5rem}
.bd_popup_top .desc_subinfo{padding:7px 0 0 1rem;font-size:1.5rem;color:#888}

/* 레이어팝업 하단버튼 */
.ly_popup .btn_wrap {margin:0;border-top:1px solid #dcdcdc}
.ly_popup .btn_fix {background:#fff;color:#4c9df8;font-size:1.8rem}
.ly_popup .btn_fix_dis {width:50%;position:relative;border-right:0;color:#757575}
.ly_popup .btn_fix_dis + .btn_fix {width:50%}
.ly_popup .btn_fix_dis:after,
.ly_popup .btn_fix_half:after {display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);height:22px;width:1px;background:#ececec;opacity:1;content:''}

/* 슬라이드(bottom to top) */
/*20190402 레이어 슬라이드 팝업 노출 효과 css처리*/
.bx_slidebtm {position:fixed;overflow:hidden;bottom:-100%;left:0;z-index:10001;width:100%;background:#fff;border-top-left-radius:25px;border-top-right-radius:25px;transition:all 0.5s;-ms-transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;z-index:10010;-webkit-transform:translateY(100%) translateZ(10001px);transform:translateY(100%) translateZ(10001px); }
.bx_slidebtm.is_active {bottom:0;overflow:visible;-webkit-transform: translateY(0%) translateZ(10001px);transform: translateY(0%) translateZ(10001px);}

.bx_slidebtm .btn_close {top:7px;right:10px}
.bx_slidebtm_cont {}
.bx_slidebtm_cont .tab_wrap {margin-top:-5px}
.bx_slidebtm_cont .tab_list {margin:0}
.bx_slidebtm_cont .payment_wrap {padding-bottom:15px;border-top:1px solid #ececec}
.bx_slidebtm_cont .over_scroll {overflow:hidden;overflow-y:auto;max-height:260px;border-top:1px solid #ececec}
.bx_slidebtm_inner {min-height:185px;padding:18px 2rem 30px;/* border-top:1px solid #ececec */}
.bx_slidebtm_cont .bx_input_wrap {padding:21px 2rem 30px}
.bx_slidebtm_cont .bx_input_wrap .text_total {position:absolute;top:12px;right:0;color:#757575;font-size:1.3rem}
.bx_slidebtm_cont .bx_input_wrap {padding:21px 2rem 30px}
.bx_slidebtm_cont .bx_input_wrap .text_total {position:absolute;top:12px;right:0;color:#757575;font-size:1.3rem}
.bx_slidebtm_cont .sel_slide_item .i_talk {display:inline-block;width:18px;height:17px;margin-right:1rem;background:url('../../img/phone/com/ico_talk.png') 0 0 no-repeat;vertical-align:middle;background-size:cover}
.bx_slidebtm_cont .bx_slide_under {padding:15px 2rem;border:1px solid #ececec}
.bx_slidebtm_cont .bx_slide_under .list_bul_wrap .txt_bul {margin-top:6px;font-size:1.3rem;color:#757575}
.bx_slidebtm_cont .bx_slide_under .list_bul_wrap .txt_bul:first-child {margin:0}
.bx_slidebtm_cont .i_sns {display:inline-block;width:24px;height:24px;margin:-2px 5px 0 0;background:url('../../img/phone/com/btn_share.png') 0 0 no-repeat;background-size:100% auto;vertical-align:middle}
.bx_slidebtm_cont .kakao {background-position:0 0}
.bx_slidebtm_cont .line {background-position:0 -145px}
.bx_slidebtm_cont .band {background-position:0 -174px}
.bx_slidebtm_cont .sms {background-position:0 -203px}

/* 슬라이드(bottom-to-top)팝업 타이틀 */
.hd_slidebtm {position:relative;height:52px;padding:0;text-align:center}
.hd_slidebtm a {position:absolute}
.hd_slidebtm_tit {position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);color:#333;font-size:1.8rem;font-weight:500;line-height:1em;letter-spacing:-1px}
.hd_slidebtm .btn_often_set {top:11px}
.hd_slidebtm.h_row2 {height:75px}
.hd_slidebtm.h_row2 .hd_slidebtm_tit {line-height:1.3}

/* [공통] 셀렉트 슬라이드 타입 */
.sel_slide {overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;height:241px;border-top:1px solid #ececec}
.sel_slide.flex {display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;align-items:center}
.sel_slide_col {flex:1;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}
.sel_slide_list {max-height:240px}
.sel_slide_item {height:48px;text-align:center}
.sel_slide_picker {overflow:hidden;display:block;padding:0 2rem;font-size:1.6rem;line-height:48px;text-overflow:ellipsis;white-space:nowrap}
.sel_slide_picker .add_group {position:relative;padding-right:15px;color:#4c9df8}
.sel_slide_picker .add_group:after {content:'';display:block;position:absolute;top:50%;right:5px;width:8px;height:8px;border:solid #4c9df8;border-width:1px 1px 0 0;-webkit-transform:rotate(45deg) translateY(-50%);-ms-transform:rotate(45deg) translateY(-50%);-o-transform:rotate(45deg) translateY(-50%);-moz-transform:rotate(45deg) translateY(-50%);transform:rotate(45deg) translateY(-50%)}
.sel_slide_chk {display:none}
/* a.sel_slide_picker:hover,
a.sel_slide_picker:active, */
.sel_slide_picker.on,
a.sel_slide_picker:focus,
.sel_slide_chk:checked + label {background:#ececec;font-size:2rem;font-weight:500}
.sel_slide .slide_align_left {display:block; margin:0 auto; text-align:left; line-height:48px}

.list_account_item .btn_cancel {overflow:hidden;position:absolute;top:8px;right:1.3rem;width:27px;height:27px;margin:0}
.list_account_item .btn_cancel span {display:block;overflow:hidden;position:absolute;top:50%;left:50%;width:1px;height:14px;margin-top:-7px;background:#757575;content:'';transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);font-size:0;text-indent:-99999px}
.list_account_item .btn_cancel:before {display:block;position:absolute;top:50%;left:50%;width:1px;height:14px;margin-top:-7px;background:#757575;content:'';transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg)}

.bx_slide_btn {display:inline-block;position:absolute;top:12px;padding:4px 9px;color:#757575;font-size:1.4rem}
.bx_slide_btn_cancel {left:1.2rem}
.bx_slide_btn_ok {right:1.2rem;color:#599fe8}

.sel_datepick_wrap {}
.sel_datepick_wrap .datepick_btns {margin:0;padding:10px 2rem}
.sel_datepick_wrap .bx_slide_btn {top:62px}

/* 팝업 닫기버튼(X) */
.btn_close {overflow:hidden;position:absolute;top:10px;right:7px;width:36px;height:36px;z-index:10003}
.btn_close span {display:block;overflow:hidden;position:absolute;top:50%;left:50%;width:1px;height:21px;margin-top:-10px;background:#333;content:'';transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);font-size:1px;text-indent:-99999px}
.btn_close:before {display:block;position:absolute;top:50%;left:50%;width:1px;height:21px;margin-top:-10px;background:#333;content:'';transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg)}

.btn_close.small span {height:15px;}
.btn_close.small:before {height:15px;}

/* 화살표 공통 */
.btn_arrow_i {display:inline-block;position:relative;margin-left:0.5rem;text-indent:-9999px}
.btn_arrow_i:after {content:'';display:block;position:absolute;top:50%;width:8px;height:8px;margin-top:-5px;border-right:1px solid #333;border-bottom:1px solid #333;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg)}

/* 약관 */
.bx_terms {position:relative;background:#f4f4f4;margin-bottom:-115px}
.bx_terms:before {display:block;position:fixed;width:100vw;height:100vh;background:#f4f4f4;content:'';z-index:-9}
.bx_terms [class*="tab_list_li"] a {padding:10px 11px;letter-spacing:-1px}
.bx_terms .hd_depth2_tit3 {margin-bottom:20px}
.bx_terms .policy_content {padding:15px;border-radius:20px;border:1px solid #eee;background:#fff;margin-bottom:80px}
.full.bx_terms .bx_content {min-height:100vh;padding-right:2rem;padding-left:2rem}
@media all and (max-width:320px) {
	.bx_terms [class*="tab_list_li"] a {padding:10px 9px}
}

/* 계좌 삭제 이미지버튼 */
.gbcan_btn_wrap{position:absolute;display:block;width:30px;height:30px;top:7px;right:24px;z-index:5;}
.gbcan_btn_wrap_2{position:absolute;display:block;width:30px;height:30px;top:25px;right:45px;z-index:5;}
.gbcan_btn_l{width:30px;height:30px;background:url('../../img/phone/com/gb_can.png') no-repeat 50% 50%;background-size:14px auto;}
.gbcan_btn{position:absolute;right:2rem;bottom:18px;display:block;width:14px;height:16px;background:url('../../img/phone/com/gb_can.png') no-repeat 50% 50%;background-size:14px auto;z-index:5;}

/*고정버튼*/
.bx_fix_up{display:inline-block;position:fixed;right:15px;bottom:3px;background:url('../../img/phone/com/btn_top_blue.png') no-repeat;background-size:contain;width:49px;height:49px;z-index:100}

/*하단고정배너*/
.bx_btm_banner{position:fixed;left:0;bottom:0;background:#fff;padding:20px 2rem;width:100%;overflow:hidden}
.bx_btm_balloon{position:fixed;right:6px;bottom:54px;background:url('../../img/phone/com/balloon_btm_pink.png') no-repeat;background-size:contain;width:242px;height:54px;z-index:5}

/* 인풋박스 분할 + 버튼 */
.bx_shareinp{display:table;position:relative;border-bottom:1px solid #d9d9d9;width:100%;padding:8px 0 6px;min-height:44px;line-height:28px}
.bx_shareinp:after{display:block;content:'';clear:both}
.bx_shareinp_cell{float:left;width:28%;height:28px;padding:0 0 9px}
.bx_shareinp_cell input{width:100%;line-height:28px;text-align:right}
.bx_shareinp_cell_desc{margin-right:10px;padding:0;width:20px;line-height:28px;text-align:center;font-size:1.4rem}

/* contents.css */
.ti10 {text-indent:10px}
.smldis {letter-spacing:-1.5px}
.h_num {letter-spacing:0}
.el_turn {font-size:1.4rem;color:#757575;font-weight:normal}

/* 블루배경(full) */
.bl_panel_blue {padding:15px 2rem;margin:0 -2rem;background:#5ea7f9;color:#fff;font-size:1.4rem;font-weight:500}
/* 회색배경(full) */
.bl_panel_gray {padding:21px 2rem;margin:0 -2rem;background:#f4f4f4;color:#666;font-size:1.4rem}
.bl_panel_gray.h_btm {margin-top:40px;margin-bottom:-60px}
.bl_panel_gray.h_btm2 {margin-top:40px;margin-bottom:-115px}

/* 모바일쉡송금수령 */
.header {position:relative;margin:0 -2rem;height:54px}
.header_tit {overflow:hidden;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0 auto;width:97px;height:19px;font-size:0;text-indent:-99999px;background:url('../../img/phone/com/header_logo_ibk.png') no-repeat;background-size:100% auto}

.hd_depth2 .btn_tit_slide {position:absolute}
.hd_depth2 .btn_tit_slide {display:block;position:absolute;top:50%;right:0;width:30px;height:30px;margin-top:-15px;font-size:1px;text-indent:-99999px;color:transparent;overflow:hidden}
.hd_depth2 .btn_tit_slide:before {display:block;content:'';position:absolute;top:50%;left:50%;width:8px;height:8px;margin-top:-7px;margin-left:-5px;border:solid #333;border-width:0 0 1px 1px;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);transition:transform 0.5s ease; z-index:10}
.hd_depth2 .btn_tit_slide.on:before {margin-top:-2px;transform:rotate(135deg);-ms-transform:rotate(135deg);-moz-transform:rotate(135deg);-webkit-transform:rotate(135deg);-o-transform:rotate(135deg)}

/* button */
.btn_ico_check {padding:0 1.1rem 0 3.3rem;background:url('../../img/phone/com/btn_ico_check.png') no-repeat 1rem 50%;background-size:1.4rem auto}
.btn_ico_download {padding:0 3.3rem 0 1.1rem;background:url('../../img/phone/com/btn_download.png') no-repeat 90% 50%;background-size:1.6rem auto}

.btn_24x24 {display:inline-block;width:24px;height:24px;margin-left:0.4rem;vertical-align:middle;background-position:50% 50%;background-repeat:no-repeat}
.btn_pencil {background-image:url('../../img/phone/com/btn_input_pencil.png');background-size:1.6rem auto}
.btn_contact {background-image:url('../../img/phone/com/btn_input_contact.png');background-size:1.8rem auto}
.btn_share {display:inline-block;width:20px;height:20px;vertical-align:middle;background:url('../../img/phone/com/ico_share.png') no-repeat;background-size:100% auto}
.el_icons .btn_share {background-image:url('../../img/phone/com/ico_share_gray.png')}

.bx_result_top {padding:25px 0 27px;color:#333;text-align:center;font-size:2rem}
.bx_result_key {display:inline-block;color:#4c9df8;margin-top:-5px;font-size:2.8rem;text-decoration:underline}

/* table 테이블 */
td.tbl_calendar {padding-right:0;padding-left:1rem}
.tbl_calendar .calendar {justify-content:flex-start;margin:0;padding:0;border:0}
.tbl_calendar .calendar_cell {position:relative;width:10.3rem;text-align:left}
.tbl_calendar .calendar_cell_hypnen {width:1.5rem}
.tbl_calendar .calendar_cell_hypnen:before {margin-top:-1px;margin-left:-5px}
.tbl_calendar .calendar_btn {position:absolute;top:0;right:0}

/* 테이블토글 */
.tbl_toggle_bx {margin-top:40px}
.tbl_toggle_bx .tbl_toggle_inr {padding:13px 0;border-top:1px solid #ccc;border-bottom:1px solid #ececec}
.tbl_toggle_bx .bx_list_hid {display:none;padding-top:0}
.tbl_toggle_bx .more_wrap.typ1 {margin-top:-1px;border-bottom:1px solid #ececec}
.tbl_toggle_bx .more_wrap.typ1 .toggle_txt {color:#757575}
.tbl_toggle_bx .more_wrap.typ1 .btn_more {background:#fff;border-top:1px solid #ececec}
.tbl_toggle_bx .more_wrap.typ1 .btn_more .btn_more_ico:after {border-color:#666}
.tbl_toggle_bx .more_wrap.typ1 .btn_more.is_active .btn_more_ico:after {top:5px;border-color:#666;transform:rotate(225deg);-ms-transform:rotate(225deg);-moz-transform:rotate(225deg);-webkit-transform:rotate(225deg);-o-transform:rotate(225deg)}
.bx_list_hid {display:none;padding-top:15px}
.db_info_bx {display:table;width:100%}
.db_info_bx .info_tit {display:table-cell;min-width:9rem;max-width:10rem;padding:6px 0 6px 5px;font-weight:normal;color:#757575;text-align:left;font-size:1.4rem;letter-spacing:-1px;vertical-align:baseline}
.db_info_bx .info_cont {display:table-cell;padding:6px 5px 6px 0;color:#333;font-size:1.4rem;text-align:right;letter-spacing:0}
.db_info_bx .info_cont .txt_over {width:19rem;vertical-align:text-bottom}

.price {}

.list_typ2_cont.won {font-weight:500;font-size:1.7rem;padding-right:16px}
.list_typ2_cont.inp {width:16.3rem}
.list_typ2_cont.inp .bx_input_txt {width:80%;text-align:right}
/* .list_typ2_cont.won:after {bottom:3px} */

.list_typ2_chk {position:relative;padding:17px 2rem 17px 2rem}
.list_typ2_chk .list_typ2_cont {color:#333}
.list_typ2_chk .bx_check,
.list_typ2_chk .bx_radio {position:absolute}
.list_typ2_chk .bx_check + label,
.list_typ2_chk .bx_radio + label {position:relative;width:100%;padding-left:3.5rem}
.list_typ2_chk .bx_check_i,
.list_typ2_chk .bx_radio_i {position:absolute;top:50%;left:1px;margin-top:-12px;margin-left:0;}

/* 메시지 영역 */
.bx_msg {padding:51px 0 0;text-align:center}
.bx_msg_txt_h1 {color:#333;font-size:2.2rem;line-height:1.4;font-weight:500}
.bx_msg_txt_h1:after {}
.bx_msg_txt_h3 {color:#333;font-size:1.6rem;line-height:1.4;font-weight:500;padding-top:10px}
.bx_msg_txt_area {position:relative;margin-top:17px;font-size:1.4rem;font-weight:normal}
.bx_msg_txt_area strong {font-weight:normal}
.bx_msg_txt_area strong.bold {font-weight:500 !important}
.bx_msg_txt_area p {font-size:1.6rem;margin-bottom:17px;word-break:break-all}
.bx_msg_txt_area p + p,
.bx_msg_txt_area .txt_sub {font-size:1.4rem;color:#757575;line-height:1.4}
.bx_msg_txt_h1 + .bx_msg_txt_area {margin-top:37px}
.bx_msg_txt_h1 + .bx_msg_ico {margin-top:26px}
.bx_msg + .bx_opt {margin-top:25px}
.bx_msg_btm {position:fixed;margin-left:-2rem;bottom:10.9rem;width:100%;text-align:center}
.bx_msg_btm_static {position:static;margin:50px 0 10px}
.popup.full .bx_msg_btm {margin-left:0}
.bx_msg .el_visual {}
.bx_msg .el_visual .bx_msg_txt_area {margin-top:20px;color:#666}
.bx_msg .el_visual_tc + .el_visual_img {margin-top:20px}
.bx_msg .el_visual_img {display:block;width:100%;height:117px;background-position:50% 0;background-repeat:no-repeat;background-size:auto 86px}
.bx_msg .el_visual_scs_03 {background-image:url('../../img/phone/cmc/bg_visual_scs_03.png')}
.bx_msg .el_visual_scs_04 {background-image:url('../../img/phone/cmc/bg_visual_scs_04.png')}
.bx_msg.h_complete {}

.msg_typ2 {margin:0 auto;text-align:center}
.msg_typ2_tit {display:block;margin:18px 0 0;font-size:1.6rem;color:#333;font-weight:500}
.msg_typ2_txt {display:block;margin:15px 0;font-size:1.5rem;line-height:1.5;color:#666;font-weight:500;word-break:break-all}
.msg_typ2_txt.sub {display:block;margin:0}
.msg_typ2_tit + .msg_typ2_txt {font-size:1.4rem}
.msg_typ2_btn {}

/* 메시지 영역 아이콘 */
.bx_msg_ico {display:block;margin:0 auto;width:45px;height:45px;background-repeat:no-repeat;background-size:100% auto}
.bx_msg_ico_info {background-image:url('../../img/phone/com/ico_msg_info.png')}
.bx_msg_ico_error {background-image:url('/IBK/uib/pib/img/KO/rpm/ico_msg_error.png')}
.bx_msg_ico_error_orange {background-image:url('../../img/phone/com/ico_msg_error_orange.png')}
.bx_msg_ico_check {background-image:url('../../img/phone/com/ico_msg_check.png')}
.bx_msg_ico_danger {background-image:url('../../img/phone/com/ico_msg_danger.png')}
.bx_msg_ico_clock {background-image:url('../../img/phone/com/ico_msg_clock.png')}
.bx_msg_ico_time {width:59px; height:57px; background-image:url('../../img/phone/com/ico_msg_time.png')}
.bx_msg_ico + .bx_msg_txt {margin-top:13px}
.bx_msg_ico_cert {width:45px;height:66px;background-image:url('../../img/phone/com/ico_msg_cert.png');background-size:100% auto}
.bx_msg_ico_tim {width:93px;height:65px;background-image:url('../../img/phone/cmc/ico_tim_lim.png')}
.bx_msg_ico_wait{width:26px;height:42px;background-image:url('../../img/phone/com/ico_msg_wait.png')}/*2019.07.17_추가*/

.msg_typ2_ico {display:block;margin:0 auto;width:33px;height:33px;background-repeat:no-repeat;background-size:100% auto}
.msg_typ2_lock {width:42px;height:42px;background-image:url('../../img/phone/com/ico_msg_typ2_lock.png')}
.msg_typ2_exclai {background-image:url('../../img/phone/com/ico_msg_typ2_exclaimark.png')}
.msg_typ2_done {background-image:url('../../img/phone/com/ico_msg_typ2_done.png')}
.msg_typ2_ico + .bx_error_code {margin-top:15px}

/* Tab swiper */
.tab_wrap > .swiper-container:before {content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#d9d9d9}
.swiper-container .tab_list {border-bottom:0}
.swiper-container .tab_list_li_swipe.is_active a:after {bottom:0}
.tab_list.swiper-wrapper {flex-wrap:nowrap; justify-content:flex-start}
.tab_list_li_swipe {width:auto !important}
.tab_list_li_swipe a {padding:16px 2.5rem; white-space:nowrap}
@media (max-width:320px) {
	.tab_list_li_swipe a {padding:16px 2rem}
}

/* 목록 상단 조회기간 표시 */
.bx_time {height:34px;margin:30px -2rem 0;padding:8px 2rem 9px;border-top:1px solid #d9d9d9;color:#757575;background:#f4f4f4;font-size:1.3rem;letter-spacing:0}
.step_full .bx_time {margin:30px 0 0;}
.bx_time .more {float:left;position:relative;padding-right:1.4rem;color:#666;letter-spacing:-1px}
.bx_time .more:after {position:absolute;right:0;top:2px;content:'';margin:0;border-top:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #757575}
.bx_time .tit_txt {float:right;font-weight:normal;color:#666}
.bx_time .total {float:left;color:#333}
.bx_time .tr {color:#757575;letter-spacing:-1px}
.bx_time.top {margin-top:0;border:0}
.bx_time + .bx_time, .bx_time + .tbl_typ2, .bx_time + .tbl_typ3 {margin-top:20px}

/* 목록 상단 조회기간 타입추가 */
.bx_time_white{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;border-bottom:1px solid #ccc;margin:30px -2rem 0;padding:0 2rem;height:41px}
.bx_time_white .total{font-size:1.4rem;color:#666}
.bx_time_white .date{font-size:1.3rem;color:#828282}

/* 인증완료 회색박스 */
.bx_gray_chking {}
.txt_chking {display:inline-block;padding-left:3.2rem;color:#333;font-weight:500;line-height:24px;background:url('../../img/phone/com/ico_check_24x24.png') no-repeat 0 50%;background-size:2.4rem auto}

/* 상품타이들 */
.prod_name {font-size:1.3rem;}
.prod_num {display:block; margin-top:5px; font-size:1.8rem;}

/* 라디오탭 */
.bx_sel_hide {display:none;margin-top:10px;padding-bottom:3px;border-top:1px solid #e2e2e2}
.bx_sel_hide.is_active {display:block}
.bx_sel_hide.no_bd {border:0}

.choice_bx {display:flex;overflow:hidden;flex-wrap:wrap;justify-content:center;align-items:center;border:1px solid #e3e3e3;border-radius:12px}
/* .choice_bx .inp_choice {display:none} */
.choice_bx .inp_choice {display:block;overflow:hidden;width:0;height:0;font-size:0;line-height:0;clip:rect(0,0,0,0)}
.choice_bx .inp_choice + label {display:flex;flex:1;justify-content:center;align-items:center;padding:10px 0;border-color:#4c9df8;background:#fff;border-left:1px solid #e3e3e3;color:#757575;font-size:1.4rem;text-align:center;letter-spacing:-1.5px}
.choice_bx .inp_choice:first-child + label {border:0}
.choice_bx .inp_choice:checked + label {border-color:#4c9df8;background:#4c9df8;color:#fff;font-weight:600}
.choice_bx .inp_choice:disabled + label {color:#d9d9d9}

/* 체크or라디오 버튼 왼쪽정렬 */
.bx_noti_way {margin-top:12px}
.noti_way_li {float:left;position:relative}
.noti_way_li:not(:first-of-type) {margin-left:1rem}
.chk_noti_way {display:none;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.noti_way_i {display:block;padding:0 0.9rem;height:25px;line-height:24px;color:#757575;border:1px solid #d9d9d9;border-radius:12px;font-size:1.3rem}
.chk_noti_way:checked + .noti_way_i {color:#333;border-color:#333}

/* gray box 셀렉트 '선택'*/
.bx_gray_typ1 .bx_select.account_sel{width:100%;}
.bx_gray_typ1 .bx_select.account_sel button{width:100%;}
.bx_gray_typ1 .bx_select.account_sel button strong{width:100%;font-size:1.6rem}
.bx_gray_typ1 .bx_select.account_sel button .account_sel_num:after{right:3.5rem}

/* blue 라운드 텍스트박스 */
.bx_blue {position:relative;padding:17px 0 18px;border-radius:20px;background:#e6f1fc;text-align:center;font-size:1.4rem}

/* gray checkbox */
.bx_gray_chk {padding:16px 2rem 17px 1.2rem}
.bx_gray_chk .bx_check + label {position:relative;margin-right:0;padding:0 0 0 3.3rem;width:100%}
.bx_gray_chk .bx_select {position:relative}
.bx_gray_chk .bx_check_i {position:absolute;top:10px;left:0;margin-left:0}
.bx_gray_chk .account_sel_name {color:#333}
.bx_gray_chk .account_sel_num {color:#333;font-size:1.8rem}

/* 펀드 누적수익률 */
.fnd_info{margin-top: 9px;}
.fnd_info .fnd_rate{color: #666;font-size:1.3rem;vertical-align: middle;}

/* 약관동의 */
.bx_terms_wrap {overflow:hidden;border-bottom:1px solid #d9d9d9;border-radius:0 0 12px 12px}
.bx_terms_wrap .bx_terms_all {padding:3px 0;border:solid #d9d9d9;border-width:1px 1px 0}
.bx_terms_wrap .bx_terms_all:last-child {border-radius:0 0 12px 12px}
.bx_terms_all .bx_check + label,
.bx_terms_only .bx_check + label {color:#333}
.list_terms_wrap {padding:15px 0;border:solid #d9d9d9;border-width:1px 1px 0}
.terms_item {display:block;position:relative;padding:8px 1rem 8px;font-size:1.4rem}
.terms_item .bx_check + label {max-width:98%}
.terms_item_anchor {display:block;overflow:hidden;position:absolute;top:0;right:0;width:35px;height:40px;color:transparent;font-size:1px;text-indent:-99999px}
.terms_item_anchor:before {content:'' ;display:block;position:absolute;top:50%;left:50%;width:7px;height:7px;margin-top:-4px;margin-left:-6px;border-right:1px solid #c2c2c2;border-top:1px solid #c2c2c2;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg)}
.terms_item_tit {display:block;font-size:1.4rem;line-height:24px;padding-left:5px}
.terms_item_txt {padding-left:30px;color:#666;font-size:1.3rem;line-height:1.6;letter-spacing:-1px}
.bx_terms_all .terms_item_txt {margin:10px 0 4px}
.list_terms_wrap .list_terms_tit {display:block;padding:5px 1rem 8px;font-size:1.4rem}
.list_terms_wrap .terms_item_txt {padding:5px 1.5rem 0 1.5rem;color:#b9b9b9;font-size:1.3rem}
.terms_item.tit {padding-left:15px;padding-bottom:12px;color:#333;font-size:1.6rem;font-weight:500}
.terms_item.typ2 {padding:7px 0 8px}
.terms_item.typ2 .terms_item_anchor:before {left:100%;margin-left:-14px}
.bx_terms_wrap .list_terms_wrap {padding-left:7px}
.bx_terms_wrap .page_all_check {margin-bottom:16px}
.bx_terms_wrap .page_all_check label {color:#333}
.bx_terms_wrap .bx_terms_only {padding:3px 0;border:solid #d9d9d9;border-radius:12px;border-width:1px 1px 0}
.bx_terms_wrap.bx_list .bx_terms_only {border-width:1px}
.typ_open .bx_terms_only {border-bottom:0}
.list_terms_wrap.typ3 .bx_check_sml + label {width:90%;font-size:1.3rem}
.bx_terms_wrap .bx_terms_all:nth-child(1),
.bx_terms_wrap .page_all_check + .bx_terms_all {border-radius:12px 12px 0 0}
.list_terms_wrap:last-child,
.bx_list .bx_terms_all:last-child {border-radius:0 0 12px 12px}
.list_terms_wrap + .trn_policy .bx_list .bx_terms_all:first-child {border-radius:0}
.trn_policy .terms_item_anchor {top:50%;margin-top:-22px}
.trn_policy .bx_terms_wrap.bx_list {padding:0;border-bottom:0}
.trn_policy .bx_terms_wrap.bx_list + .bx_list {margin-top:12px}
.trn_policy .bx_terms_wrap.bx_list .bx_terms_all {margin-bottom:-1px;border-bottom:1px solid #d9d9d9}
.trn_policy .bx_terms_wrap.bx_list .bx_terms_all + .bx_terms_all:last-of-type {margin-bottom:0}
/* 약관에 텍스트만 오는경우 */
.bx_terms_wrap.txt_typ .bx_terms_all {padding:7px 0}
.bx_terms_wrap.txt_typ .list_terms_wrap {padding:7px 2px}
.bx_terms_wrap.txt_typ .list_terms_wrap p {color:#666; font-size:1.3rem; line-height:1.6; letter-spacing:-1px}
/* 박스없는 약관 */
.bx_terms_wrap.noborder {border:0}
.bx_terms_wrap.noborder .bx_terms_only {padding-left:0;border:0}
.bx_terms_wrap.noborder .terms_item {padding-left:0}
/* 체크박스 없을때(bx_check_sml) */
.terms_chk_none .terms_item {padding-left:35px;color:#666}

.bx_terms_wrap + .bx_check_wrap {margin-top:20px}

/* popup 팝업 */
/* 툴팁 */
.tooltip_wrap {display:inline-block;position:relative;width:auto;height:auto}
.btn_tooltip {position:relative;width:23px;height:23px;vertical-align:top}
.btn_tooltip span {display:block;position:absolute;top:4px;left:50%;margin-left:-2px;width:3px;height:3px;background:#a3a3a3;border-radius:50%;font-size:1px;text-indent:-9999px}
.btn_tooltip span:before {display:block;content:'';position:absolute;top:6px;width:3px;height:3px;background:#a3a3a3;border-radius:50%;}
.btn_tooltip span:after {display:block;content:'';position:absolute;top:12px;width:3px;height:3px;background:#a3a3a3;border-radius:50%;}
.box_tooltip {display:none;position:absolute;top:8px;right:33px;width:136px;border:1px solid #333;border-radius:12px;background:#fff}
.tooltip_wrap.on .box_tooltip {display:block;padding:11px 16px 14px;z-index:3}
.tooltip_wrap .tooltip_img {margin-top:23px;text-align:right}
.tooltip_wrap .tooltip_img img {width:80%}
.tooltip_item_a {display:inline-block;padding-bottom:2px;line-height:1.1;font-size:1.3rem}
.tooltip_item_a:focus {border-bottom:1px solid #757575}
.tooltip_item ~ .tooltip_item {margin-top:4px}
.tooltip_btncls {overflow:hidden;position:absolute;top:9px;right:9px;width:11px;height:11px;background:#fff}
.tooltip_btncls span {display:block;overflow:hidden;position:absolute;top:50%;left:50%;width:1px;height:14px;margin-top:-8px;background:#333;content:'';transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);font-size:1px;text-indent:-99999px}
.tooltip_btncls:before {display:block;position:absolute;top:50%;left:50%;width:1px;height:14px;margin-top:-8px;background:#333;content:'';transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg)}
.bx_with_tip {position:relative} /* 툴팁 포함한 bx_input */
.bx_with_tip .inp_with_tip {position:absolute;right:0;top:50%;transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%)}

/* list 목록 */
/* 계좌목록 */
.list_account_wrap .tab_cont {min-height:200px;max-height:310px}
.list_account_item {position:relative;padding:16px 2rem 18px;border-bottom:1px solid #ececec;font-size:1.4rem}
.list_account_item:first-child {border-top:0}
.list_account_item_a {display:block}
.btn_often_set {display:block;overflow:hidden;top:14px;right:45px;padding:5px}
.btn_often_set .txt_hide {display:block;overflow:hidden;width:18px;height:20px;background:url('../../img/phone/com/btn_set.png') no-repeat;background-size:100% auto;font-size:1px;text-indent:-99999px}
.list_account_item .btn_star {position:absolute;top:20px;right:2rem}
.btn_star {display:block;width:20px;height:20px}
.btn_star input {display:block;overflow:hidden;width:0;height:0;font-size:0;line-height:0;clip:rect(0,0,0,0)}
.btn_star label {display:inline-block;overflow:hidden;width:20px;height:20px}
.btn_star_i {display:inline-block;width:20px;height:20px;background:url('../../img/phone/com/btn_star.png') no-repeat;background-size:100% auto}
.btn_star input:checked + label .btn_star_i {background-position:0 -20px}

.list_account_name {font-size:1.4rem;color:#666}
.list_account_num {display:block;margin-top:2px;color:#333;font-size:1.8rem;letter-spacing:0;font-weight:500}
.list_account_sum {margin-top:10px;font-size:1.4rem}
.list_account_sum .fl {float:none !important;display:inline-block;font-weight:normal;color:#757575;font-size:1.4rem;padding-top:2px}
.list_account_sum .fr {min-width:50%;font-size:1.8rem;text-align:right}
.list_account_sum b {color:#333;vertical-align:middle;word-spacing:-0.5px;font-size:1.8rem;letter-spacing:0}
.list_account_sum b em {font-weight:inherit}
.list_account_total {margin-top:5px;color:#757575;font-size:1.5rem;text-align:right}
.list_account_total:after {content:'';display:block;clear:both}
.list_account_total b, .list_account_total em, .list_account_total span {letter-spacing:0}
.trans_history_memo.pdr0 {padding-right:0}

.list_account_sum:after {clear:both;display:block;content:''}
.list_account_sum .txt {float:left;color:#757575;font-size:1.3rem;padding-top:2px}
.list_account_date {display:block;font-size:1.3rem;color:#757575;margin-bottom:10px;letter-spacing:0}

.payment_wrap {overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;max-height:250px}
.txt_over {display:inline-block;width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}/* 텍스트 길어질때 */
.bx_select_txt .txt_over {width:100%;vertical-align:text-top;text-overflow:initial}
.bx_slidebtm_cont .list_account .bx_msg {padding-bottom:60px}

.account_label {display:inline-block;height:20px;padding:0 7px;line-height:20px;border:1px solid #4c9df8;border-radius:10px;color:#4c9df8;font-size:1rem}
.account_label+.account_label{margin-left:6px}
/*badge color*/
.account_label.protxt_1 {border:1px solid #4c9df8;color:#4c9df8;}/*입출금*/
.account_label.protxt_2 {border:1px solid #4c9df8;color:#4c9df8;}/*적금*/
.account_label.protxt_3 {border:1px solid #4c9df8;color:#4c9df8;}/*주택청약*/
.account_label.protxt_4 {border:1px solid #a7ce53;color:#a7ce53;}/*채권*/
.account_label.protxt_5 {border:1px solid #ec8a34;color:#ec8a34;}/*신탁*/
.account_label.protxt_6 {border:1px solid #5372ce;color:#5372ce;}/*MMF*/
.account_label.protxt_7 {border:1px solid #5372ce;color:#5372ce;}/*펀드*/
.account_label.protxt_8 {border:1px solid #36afaa;color:#36afaa;}/*퇴직연금*/
.account_label.protxt_9 {border:1px solid #ec8a34;color:#ec8a34;}/*ISA*/
.account_label.protxt_10 {border:1px solid #757575;color:#757575;}
.account_label.protxt_11 {border:1px solid #6a55c6;color:#6a55c6;}/*외화예금*/
.account_label.protxt_12 {border:1px solid #208ee2;color:#208ee2;}/*주식형*/
.account_label.protxt_13{border:1px solid #ff6f61;color:#fff;background:#ff6f61}/*2021.03.08_추가:버튼-주의,에러*/

.account_state {display:inline-block;height:20px;margin-left:4px;padding:0 7px;background:#a8a8a8;color:#fff;border:1px solid #a8a8a8;border-radius:10px;font-size:1rem;line-height:20px;vertical-align:top}

/* 뱃지색상 */
.account_label.fnd_txt_1{border:1px solid #f54f42;color:#f54f42}/*매우높은위험*/
.account_label.fnd_txt_2{border:1px solid #dda306;color:#dda306}/*다소높은위험*/
.account_label.fnd_txt_3{border:1px solid #ff6c00;color:#ff6c00}/*높은위험*/
.account_label.fnd_txt_4{border:1px solid #599fe8;color:#599fe8}/*낮은위험*/
.account_label.fnd_txt_5{border:1px solid #516edd;color:#516edd}/*매우낮은위험*/
.account_label.fnd_txt_6{border:1px solid #7bc435;color:#7bc435}/*보험위험*/
.account_label.fnd_txt_6{border:1px solid #7bc435;color:#7bc435}/*보험위험*/

/* label */
.i_lb {display:inline-block;height:20px;padding:0 7px;line-height:18px;border:1px solid #4c9df8;border-radius:10px;color:#4c9df8;font-size:1rem}
.i_purple {color:#5d3de6;border:1px solid #5d3de6}
.i_blue {color:#479ff1;border:1px solid #479ff1}
.i_blue2 {color:#599fe8;border:1px solid #599fe8}
.i_pink {color:#d347f1;border:1px solid #d347f1}
.i_green {color:#4dc6a0;border:1px solid #4dc6a0}
.i_green2 {color:#27a306;border:1px solid #27a306}
.i_red {color:#e35563;border:1px solid #e35563}
.i_gray {color:#8d8d8d;border:1px solid #8d8d8d}
.i_gray2 {color:#757575;border:1px solid #757575}
.i_navy {color:#004fa1;border:1px solid #004fa1}
.i_orange {color:#ff6f61;border:1px solid #ff6f61} /* 거래내역조회 > 간편이체내역 디자인 후 수정 예정 */


.i_blue_full3 {background:#4c9df8; border:1px solid #4c9df8; color:#fff}
.i_orange_full {background:#ff6f61; border:1px solid #ff6f61; color:#fff}
.i_orange_full2 {background:#ffa061; border:1px solid #ffa061; color:#fff}
.i_purple_full {background:#a572c8; border:1px solid #a572c8; color:#fff}
.i_purple_full2 {background:#8780d3; border:1px solid #8780d3; color:#fff}
.i_purple_full3 {background:#ae68f6; border:1px solid #ae68f6; color:#fff}
.i_sora_full {background:#6c96de; border:1px solid #6c96de; color:#fff}
.i_skyblue_full {background:#5aafe1; border:1px solid #5aafe1; color:#fff}
.i_green_full {background:#32c3a1; border:1px solid #32c3a1; color:#fff}
.i_green_full3 {background:#32d3ab; border:1px solid #32d3ab; color:#fff}
.i_yellowgreen_full {background:#66be70; border:1px solid #66be70; color:#fff}
.i_mint_full {background:#4abed4; border:1px solid #4abed4; color:#fff}
.i_mint_full2 {background:#38bdca; border:1px solid #38bdca; color:#fff} /* 2022.03.11_펀드이벤트진행중 컬러추가 */
.i_gray_full2 {background:#757575; border:1px solid #757575; color:#fff}
.i_pink_full {background:#e47c87; border:1px solid #e47c87; color:#fff} /*오픈뱅킹컬러추가*/
.label_txt {font-size:1.3rem}

/* 관심상품 라벨 */
.i_lb_typ1{background:#389ec9;border:1px solid #389ec9;color:#fff;} /* 적금청약 */
.i_lb_typ2{background:#5880be;border:1px solid #5880be;color:#fff;} /* 입출금 */
.i_lb_typ3{background:#458ec9;border:1px solid #458ec9;color:#fff;} /* 예금 */
.i_lb_typ4{background:#6f76b4;border:1px solid #6f76b4;color:#fff;} /* 대출 */
.i_lb_typ5{background:#999767;border:1px solid #999767;color:#fff;} /* 펀드 */
.i_lb_typ6{background:#50a07a;border:1px solid #50a07a;color:#fff;} /* 보험 */
.i_lb_typ7{background:#67998d;border:1px solid #67998d;color:#fff;} /* 카드 */

/* 아코디언 */
.bx_accor_wrap {}
.bx_accor_wrap.full {}
[class*="bx_accor_wrap"].full {margin:0 -2rem}
.bx_accor_wrap.bt {margin-top:24px;border-top:1px solid #ececec}
.fnc_accor_wrap {}
.crd_accor_wrap {margin-top:28px;border-top:1px solid #d9d9d9}
.crd_accor_wrap.full {margin-left:-2rem;margin-right:-2rem;}
.bx_accor.typ1 .accor_tit {border-bottom:1px solid #ececec;}
.bx_accor.typ1 .btn_accor {position:relative;display:block;width:100%;font-weight:500;padding:0.5rem 52px 0.5rem 2rem;text-align:left;vertical-align:middle;font-size:1.4rem;line-height:1.5}
.bx_accor.typ1 .btn_accor_ico {display:block;position:absolute;top:50%;right:0;width:50px;height:50px;margin-top:-25px;font-size:1px;text-indent:-99999px;color:transparent;overflow:hidden;}
.bx_accor.typ1 .btn_accor_ico:before {display:block;content:'';position:absolute;top:50%;left:50%;width:8px;height:8px;margin-top:-5px;margin-left:-5px;border:solid #757575;border-width:1px 1px 0 0;transform:rotate(135deg);-ms-transform:rotate(135deg);-moz-transform:rotate(135deg);-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);transition:transform 0.5s ease}
.bx_accor.typ1.on .btn_accor {font-weight:500;}
.bx_accor.typ1.on .btn_accor_ico:before {transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
.bx_accor_cont {display:none;padding:8px 2rem;border-bottom:1px solid #d9d9d9}
.bx_accor_cont.space0 {padding:0;}
.bx_accor_cont .tbl_use_wrap {border:0}
.bx_accor_inner {padding-top:30px;padding-bottom:30px}
.crd_accor_wrap.typ2 {border-top:0}
.crd_accor_wrap.typ2 .bx_accor_cont {padding:20px 0 0;border-bottom:0}
.crd_accor_wrap.typ2 .bx_accor_cont.space0 {padding:0}
.crd_accor_wrap.typ2 .bx_accor_cont .tbl_info:first-child {margin-top:-23px}
.crd_accor_wrap.typ2 .bx_accor_cont .bx_msg {padding-bottom:32px}
.crd_accor_wrap.typ2 .accor_tit {border-bottom:1px solid #ececec;}
.crd_accor_wrap.typ2 .btn_accor {position:relative;width:100%;height:55px;font-weight:500;padding:0 52px 0 0;text-align:left;vertical-align:middle;font-size:1.6rem;line-height:1.5}
.crd_accor_wrap.typ2 .btn_accor_ico {display:block;position:absolute;top:50%;right:-15px;width:50px;height:50px;margin-top:-25px;font-size:1px;text-indent:-99999px;color:transparent;overflow:hidden;}
.crd_accor_wrap.typ2 .btn_accor_ico:before {display:block;content:'';position:absolute;top:50%;left:50%;width:8px;height:8px;margin-top:-5px;margin-left:-5px;border:solid #333;border-width:1px 1px 0 0;transform:rotate(135deg);-ms-transform:rotate(135deg);-moz-transform:rotate(135deg);-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);transition:transform 0.5s ease}
.crd_accor_wrap.typ2 .bx_accor.on .btn_accor {font-weight:500;}
.crd_accor_wrap.typ2 .bx_accor.on .btn_accor_ico:before {transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
.bx_accor.typ1.addtyp2 .accor_tit{border-bottom:0;}
.bx_accor.typ1.addtyp2 .btn_accor{font-size:1.6rem;}
.bx_accor.typ1.addtyp2 .btn_accor:before{position:absolute;content:'';display:block;left:0;bottom:0;-webkit-width:calc(100% - 4rem);width:calc(100% - 4rem);height:1px;margin:0 2rem;background:#666666;}
.bx_accor.typ1.addtyp2 .bx_accor_cont{padding-top:0;border-bottom:0;}
.bx_accor.typ1.addtyp2 .bx_accor_cont .tbl_typ2{margin-top:0px;border-top:0;}

/* 안내툴팁 */
.slide_tooltip {display:inline;line-height:1;transform:translateY(0);-webkit-transform:translateY(0)}
.btn_slide_tip {color:#333;font-size:1.6rem;vertical-align:top}
.btn_slide_tip .bul_info {margin-left:5px}
.btn_slide_tip .bul_info:before {/*top:-2px;*/top:50%;width:16px;height:16px;background-size:16px;-webkit-transform:translateY(-60%);transform:translateY(-60%);}
.btn_slide_tip .txt_blind {position:absolute;overflow:hidden;top:-9999px;left:-9999px;font-size:1px;text-indent:-99999px}
.slide_tooltip .slide_tooltip_box {display:none;position:relative;margin:9px -20px 0;padding:12px 40px 13px 20px;background:#fff}
.slide_tooltip.is_active .slide_tooltip_box {background:#093e76}
.slide_tooltip .slide_tooltip_tit {display:block;margin-bottom:8px;color:#fff;font-size:1.3rem;font-weight:500}
.slide_tooltip .slide_tooltip_tit ~ .slide_tooltip_tit {margin-top:10px}
.slide_tooltip .slide_tooltip_txt {color:#dfefff;line-height:1.4;font-size:1.3rem;font-weight:normal;text-align:left;letter-spacing:-1px}
.slide_tooltip .slide_tooltip_txt table * {color:#dfefff;font-size:1.3rem}
.slide_tooltip .slide_tooltip_txt .tbl_typ2 {border-top-color:#fff}
.slide_tooltip .slide_tooltip_txt .txt_bul + .txt_bul {margin-top:5px}
.slide_tooltip .slide_tooltip_txt .txt_bul:before {background:#dfefff}
.slide_tooltip [class^="bul_dep"] {color:#dfefff}
.slide_tooltip [class^="bul_dep"]:before {background-color:#dfefff}
.slide_tooltip .slide_tip_close {display:block;position:absolute;top:8px;right:10px;width:25px;height:25px}
.slide_tooltip .slide_tip_close span {display:block;overflow:hidden;position:absolute;top:50%;left:50%;width:1px;height:14px;margin-top:-8px;background:#fff;content:'';transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);font-size:1px;text-indent:-99999px}
.slide_tooltip .slide_tip_close:before {display:block;position:absolute;top:50%;left:50%;width:1px;height:14px;margin-top:-8px;background:#fff;content:'';transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg)}
.slide_tooltip .bul_aisk {font-size:1.3rem;color:#dfefff}
.full .slide_tooltip .slide_tooltip_box, .step_full .slide_tooltip .slide_tooltip_box {margin:9px 0 0} /* width full page인 경우 박스가 가득 차도록*/
.full .tr .btn_slide_tip, .step_full .tr .btn_slide_tip {padding-right:18px}
.bx_input_tooltip .bx_input_tit {padding-right:0}
.bx_input_tooltip .btn_slide_tip .bul_info:before {top:2px;-webkit-transform:translateY(0%);transform:translateY(0%);}
.bx_input_tooltip .slide_tooltip_box {margin-bottom:-8px;z-index:1000}
.bx_input_tooltip + .bx_input_val,
.bx_input_tooltip + .bx_select_txt,
.bx_input_tooltip + .bx_radio_opt,
.bx_input_tooltip + .bx_check_opt {top:10px;transform:inherit}
.btn_select.h_tooltip {top:0;margin-top:0;height:44px;width:50%}
.comment_tooltip_tit {color:#757575;font-size:1.3rem}
.comment_tooltip_price {}
.tbl_comment .tooltip_wrap.typ1.typ2 .btn_tooltip span {margin-top:-2px;margin-left:3px}
.tbl_comment.tr .slide_tooltip {width:29px;margin-left:-5px}
.tbl_comment.tr .btn_slide_tip {width:29px}
.terms_item .btn_slide_tip .bul_info:before {margin-top:1px/*top:1px 2019-04-26 /PUB/jsp/phone/fnc/etc/fnc_etc_000000_03.html 페이지 툴팁 위치 이슈로 주석 */}

/* 라디오 체크박스 */
.radio_btn_wrap {display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center}
.radio_btn {display:block;flex:1;margin-left:10px;position:relative;overflow:hidden;text-align:center}
.radio_btn:first-child {margin-left:0}
.radio_btn_wrap .radio_btn:first-child {margin-left:0}
.radio_btn input {display:none}
.radio_btn_label {display:block;width:100%;text-align:center;border:1px solid #757575;border-radius:12px}
.radio_btn_label span {display:inline-block;position:relative;height:42px;padding-left:20px;line-height:42px;color:#757575;font-size:1.6rem}
.radio_btn_label span:before {content:'';position:absolute;top:50%;left:11px;width:2px;height:11px;margin-top:-5px;background:#a4a4a4;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg)}
.radio_btn_label span::after {content:'';position:absolute;top:50%;left:6px;width:2px;height:6px;margin-top:-1px;background:#a4a4a4;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg)}
.radio_btn input:checked + .radio_btn_label {border-color:#4c9df8}
.radio_btn input:checked + .radio_btn_label span {color:#4c9df8}
.radio_btn input:checked + .radio_btn_label span:before,
.radio_btn input:checked + .radio_btn_label span:after {background:#4c9df8}
.radio_btn_wrap .radio_btn_txt {display:block; margin-top:8px; text-align:left}

/* 라디오 + 버튼 */
.bx_radio_btn {position:relative;text-align:right}
.bx_radio_btn .radio_tit {position:absolute;left:0;top:50%;width:75%;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-align:left}
.bx_radio_btn .radio_tit label {margin:0;padding-left:2.8rem;color:#666}
.bx_radio_btn .bx_radio_i {position:absolute;left:0;top:50%;margin:0;margin-top:2px;;-webkit-transform:translateY(-50%);transform:translateY(-50%)}

/* 약관동의(슬라이드) */
.bx_txtbig {margin-bottom:15px;padding-bottom:10px;font-size:2rem;color:#333}
.bx_hid_inner.over_scroll {overflow-x:auto;max-height:250px}
.over_scroll .con_policy {white-space:pre-line}
.con_policy + .con_policy {margin-top:8px}
.cont_policy_bx {padding-left:37px;padding:0 2rem 0 4rem;color:#757575;font-size:1.3rem}
.cont_policy_bx .con_policy {white-space:pre-line;line-height:1.5em;}
.bx_list .terms_item {min-height:39px}
.bx_list.not_oneline .terms_item {height:auto}
.bx_list.not_oneline .bx_check_i {position:absolute;top:50%;left:8px;margin:-11px 0 0 0;}
.bx_list .terms_item .bx_check + label {position:absolute;max-width:95%;width:100%;margin:0;z-index:9}
.bx_list.not_oneline .terms_item .bx_check + label {position:static;max-width:92%;}
.bx_list.not_oneline .terms_item_anchor {top:50%; margin-top:-18px;}
.bx_list .terms_item_anchor:before {border-right:1px solid #c2c2c2;border-top:0;border-bottom:1px solid #c2c2c2;border-left:0}
.bx_list .terms_item.on .terms_item_anchor:before {margin-top:-2px;border-right:0;border-top:1px solid #c2c2c2;border-bottom:0;border-left:1px solid #c2c2c2}
.bx_list .bx_list_hid {margin-top:3px;padding:15px 0;border-top:1px solid #d9d9d9}
.bx_list .bx_list_hid .over_scroll {padding-left:37px}
.bx_list .bx_hid_inner {padding:0 2rem 0 4rem;color:#757575;font-size:1.3rem}
.bx_list .bx_hid_inner p {line-height:1.5em}
.bx_list .bx_hid_inner .policy_list {padding-left:5px;color:#757575;font-size:1.3rem;line-height:1.5em}
.bx_list .bx_hid_inner .policy_list>li {line-height:1.5em}

.bx_list_cont {margin-top:3px;padding:15px 0;border-top:1px solid #d9d9d9}
.bx_list_cont .bx_hid_inner {padding:0 1rem;color:#666}

/* 박스 */
.fnd_info_bx{margin:16px 2rem 0;padding:14px 1rem;background: #f9f9f9;font-size:1.4rem;font-weight:bold;text-align:center}
.fnd_info_bx span{color:#faa91b}
.check_desc{padding:6px 3.2rem;color:#666666;font-size:1.2rem}

/* 투자성향분석 */
/* 라디오/체크 버튼(박스형 및 버튼형) */
.select_q_list .select_q_tit{padding:19px 2.0rem;font-size:1.6rem;color:#599fe8;border-bottom:1px solid #ececec;letter-spacing:-0.1rem}
.select_q_list .select_q_txt{padding:22px 2.0rem 0;color:#333333;font-size:1.4rem;font-weight:bold;letter-spacing:-0.1rem}
.select_q_list .select_q_txt span{padding-right:0.4rem;color:#599fe8;font-size:1.4rem;letter-spacing:-0.1rem}
.select_q_list .select_radio_box ul li label,.select_q_list .select_q_radio_btn ul li label{letter-spacing:-0.2rem}
.select_q_list .select_q_tit.bb0{padding-bottom:5px;border-bottom:0;}

/*수평 라디오 버튼 */
.select_q_list .select_q_radio_btn{position:relative;overflow:hidden}
.select_q_list .select_q_radio_btn ul{width:100%;padding:20px 2.0rem 14px;display:flex;flex-wrap:wrap;flex-direction:row}
.select_q_list .select_q_radio_btn ul li{position:relative;text-align:center;flex-basis:20%}
.select_q_list .select_q_radio_btn ul li:first-child .bx_radio_i:after{content:'';position:absolute;top:10px;left:21px;height:1px;width:10000px;background:#ececec}
.select_q_list .select_q_radio_btn ul li:last-child .bx_radio_i:after{content:'';position:absolute;top:9px;left:21px;height:3px;width:10000px;background:#fff}
.select_q_list .select_q_radio_btn .bx_radio + label{margin:32px 0 0;padding-left:0}
.select_q_list .select_q_radio_btn .bx_radio_i{position:absolute;top:0px;left:50%;margin:0 0 0 -11px;border-color:#ececec;background:#fff}
.select_q_list .select_q_radio_btn.typ3 ul li{flex-basis:33%}
.select_q_list .select_q_radio_btn.typ4 ul li{flex-basis:25%}
.select_q_list .select_q_radio_btn.typ5 ul li{flex-basis:20%}
.select_q_list .select_q_radio_bx{width:100%;padding:20px 4.0rem 14px}/*2021.03.08_추가*/
.select_q_list .fund_elf_box{position:relative;padding:15px 2rem 2rem 2rem; background:#fbfbfb;font-size:1.3rem}/*2021.03.08_추가*/
.select_q_list .fund_elf_box .account_label{position:absolute;top:15px;left:2rem;line-height:18px}/*2021.03.08_추가*/
.select_q_list .fund_elf_box .fund_elf_box_tit{margin-left:5rem}/*2021.03.08_추가*/
.select_q_list .bx_error{display:none}/*2021.03.08_추가*/
.select_q_list .bx_error.on{display:block}/*2021.03.08_추가*/

@media all and (max-width:320px) {
	.bx_terms [class*="tab_list_li"] a {padding:10px 9px}
}

/* 박스형 */
.select_q_list .select_radio_box{position:relative}
.select_q_list .select_radio_box ul{width:100%;padding:20px 2.0rem 14px;display:flex;flex-wrap:wrap;flex-direction:row}
@media all and (max-width:320px) {
	.select_q_list .select_radio_box ul{padding:20px 0.4rem 14px;}
}
.select_q_list .select_radio_box ul li{position:relative;text-align:center;padding:0 0.3rem 0}
.select_q_list .select_radio_box .select_btn_label {display:block;padding:12px 1.8rem;border:1px solid #ececec;border-radius:10px; margin-top:20px}
.select_q_list .select_radio_box .select_btn_label img{width:100%}
.select_q_list .select_radio_box input:checked + .select_btn_label, .select_q_list .select_check_box input:checked + .select_btn_label {border-color:#599fe8;border-width:2px;margin:19px -1px -1px}
.select_q_list .select_radio_box input:checked + .select_btn_label span, .select_q_list .select_check_box input:checked + .select_btn_label span{color:#599fe8}
.select_q_list .select_radio_box input:checked + .select_btn_label span:before,
.select_q_list .select_radio_box input:checked + .select_btn_label span:after, .select_q_list .select_check_box input:checked + .select_btn_label span:before,
.select_q_list .select_check_box input:checked + .select_btn_label span:after{background:#599fe8}
.select_q_list .select_radio_box ul li .undtxt{margin-top:8px;font-size:1.3rem;color:#666666}
.select_q_list .select_radio_box ul li .undtxt label{color:#666}
.select_q_list .select_radio_box.typ2 ul li{flex-basis:50%;}/* 수평 2개 라디오 박스 */
.select_q_list .select_radio_box.typ2 ul,
.select_q_list .select_radio_box.typ3 ul{padding-top:0;}/* 수평 3개 라디오 박스 */
.select_q_list .select_radio_box.typ3 ul li{flex-basis:33.33%;}
.select_q_list .select_radio_box.typ2 .select_btn_label span,
.select_q_list .select_radio_box.typ3 .select_btn_label span{display:inline-block;width:6rem;height:26px;}
.select_q_list .select_radio_box.typ4 ul{padding-top:0;}/* 수평 4개 라디오 박스 */
.select_q_list .select_radio_box.typ4 ul li{flex-basis:25.0%;}
.select_q_list .select_radio_box.typ4 .select_btn_label span{display:inline-block;width:3rem;height:28px}
.select_q_list .select_radio_box.typv5 ul{padding-top:12px;flex-direction:colum}/* 세로 꽉찬 체크박스 박스 */
.select_q_list .select_radio_box.typv5 ul li{flex-basis:100%;margin-top:-9px}
.select_q_list .select_radio_box.typv5 .select_btn_label{position:relative;text-align:left}
.select_q_list .select_radio_box.typv5 .select_btn_label span.select_bgimg{position:absolute;top:28%;left:2.4rem;width:100%;display:inline-block;height:30px;width:3.0rem}
.select_q_list .select_radio_box.typv5 .select_btn_label span.select_bgimg img{width:100%}
.select_q_list .select_radio_box.typv5 .select_btn_label span.select_bgtxt{padding-left:6.2rem;display:inline-block;font-size:1.3rem;color:#666;letter-spacing:-0.1rem}
.select_q_list .select_check_box.typv5 .select_q_img_1{flex-basis:31.6%;height:30px;width:3.0rem}
.select_q_list .select_check_box.typv5 .select_q_stxt_1{color:#666;font-size:1.3rem;flex-basis:31.6%}
.select_q_list .select_radio_box.line3{height: 128px;}/*버튼이름3줄일때*/

/*투자형별 텍스트 색상*/
.invcase_tcolor1{color:#6d86e6 !important;}/*안정형*/
.invcase_tcolor2{color:#59bee8 !important;}/*안정추구형*/
.invcase_tcolor3{color:#c8cd33 !important;}/*위험중립형*/
.invcase_tcolor4{color:#ffa800 !important;}/*적극투자형*/
.invcase_tcolor5{color:#f54f42 !important;}/*공격투자형*/

/* 상품리스트 상품몰, myone관심상품 */
.pd_list_wrap .pd_list {position:relative;border-bottom:1px solid #ececec}
.pd_list .pd_list_a {display:table;width:100%;padding:18px 2rem 19px}
.pd_list .pd_list_a .pd_list_cell {display:table-cell;vertical-align:middle}
.pd_list .pd_list_cell + .pd_list_cell {padding:0 4rem 0 1rem;text-align:right;box-sizing:border-box}
.pd_list .pd_list_tit {color:#333;font-size:1.6rem;letter-spacing:-1px;word-break:keep-all}
.pd_list .pd_keyword {display:block;margin:0 0 7px;color:#599fe8;font-size:1.3rem}/*2020.06.02_수정*/
.pd_list .pd_list_cell > i + .pd_keyword{margin-top:4px}/*2020.06.02_추가*/
.pd_list .pd_list_tit + .pd_keyword,.pd_list .pd_list_txt + .pd_keyword{margin:10px 0 0}/*2020.06.02_추가*/
.pd_list .pd_keyword em + em {margin-left:4px}
.pd_list .pd_list_txt {display:block;margin-top:7px;font-size:1.4rem;color:#666;letter-spacing:-1px}
.pd_list .pd_rate {color:#f54f42;font-weight:bold;font-size:2.2rem}
.pd_list .pd_rate_txt {display:block;margin-top:3px;color:#757575;font-size:1.2rem}
.pd_list .pd_rate_txt:first-child {margin-top:0}
.pd_list .pd_list_label {margin:4px 0 3px}
.pd_crd_typ .pd_list_a {padding:21px 2rem 22px}
.pd_crd_typ .pd_list_a .pd_list_cell {width:130px;vertical-align:top}
.pd_crd_typ .pd_list_cell + .pd_list_cell {width:auto;padding:0;text-align:left}
.pd_crd_typ .pd_list_cell .pd_list_img {position:relative}
.pd_crd_typ .pd_list_cell .pd_list_img .img_bx {overflow:hidden;display:inline-block;width:130px;height:61px;margin:0 0 0 -1.2rem;padding:0 1.2rem;background:url('../../img/phone/fnc/fnc_crd_shadow.png') 0 100% no-repeat;background-size:100% auto}
.pd_crd_typ .pd_list_cell .pd_list_img img {display:block}
.pd_interest_list .pd_list .btn_delete {z-index:1000; position:absolute; top:8px; right:0.8rem; width:40px; height:40px}
.pd_interest_list .pd_list .btn_delete:after,
.pd_interest_list .pd_list .btn_delete:before {content:''; display:block; overflow:hidden; position:absolute; top:50%; left:50%; width:1px; height:15px; margin-top:-8px; background:#333}
.pd_interest_list .pd_list .btn_delete:after {transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg);text-indent:-99999px}
.pd_interest_list .pd_list .btn_delete:before {transform:rotate(-45deg); -ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg)}
.pd_interest_list .pd_list .pd_list_cell + .pd_list_cell {width:30%; padding:20px 0 0 0; vertical-align:top}
.pd_interest_list .pd_list .pd_list_tit {word-break:break-word}
.pd_interest_list .i_lb {margin-bottom:7px}
.pd_interest_list .pd_crd_typ .pd_list_cell + .pd_list_cell {width:auto}
.pd_interest_list .pd_crd_typ .pd_list_cell .pd_list_img {display:block; margin-top:3px}
.pd_interest_list .pd_crd_typ .pd_list_cell .pd_list_tit {margin-top:2px}
.pd_interest_list .i_lb + .i_lb {margin-left:3px}

@-webkit-keyframes motion_scroll{
    0%{}
    50%{bottom:0}
    100%{bottom:0}
}
@keyframes motion_scroll{
    0%{}
    50%{bottom:0}
    100%{bottom:0}
}
/* 아이폰 6/7/8+ 대응 */
@media only screen and (min-device-width:414px) and (max-device-width:736px){
    .tutorial.renew .tut_inner span{text-align:center}
    .tutorial.renew .tut_inner span img{width:90%}
    .tutorial.renew .tut02 .tut_inner .obj1{bottom:-129vw}
}
/* 안드로이드 폴드폰 */
@media (min-width:524px) and (max-width:768px){
    .tutorial.renew .swiper-slide .tut_inner span{left:50%;right:auto;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}
    .tutorial.renew .swiper-slide .tut_inner span img{width:auto;height:100vh}
    .tutorial.renew .tut02 .tut_inner .obj1{bottom:-82vh;z-index:-1}
    .tutorial.renew .tut02 .tut_inner .obj1 img{width:56.9vh;height:inherit}
}

/* 상품리스트(체크박스+오른쪽 화살표링크 형식) */
.pd_list_wrap .pd_list.arrow .list_typ2_chk{position:relative;padding:17px 6rem 17px 2rem}
.pd_list_wrap .pd_list.arrow .list_typ2_chk .pd_list_tit{word-break:normal}
.pd_list.arrow .pd_list_tit{font-size:1.6rem}
.pd_list.arrow .pd_list_txt{font-size:1.3rem}
.pd_list.arrow .pd_list_txt.gray{color:#828282}
.pd_list_wrap .pd_list.arrow .arrow_btn{position:absolute;top:0;right:0;display:inline-block;height:100%;text-align:right;padding:0 2rem 0 3.5rem;box-sizing:border-box}
.pd_list_wrap .pd_list.arrow .arrow_btn:after{content:'';display:inline-block;width:7px;height:7px;border-top:1px solid #828282;border-right:1px solid #828282;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg)}

/* 풀 회색박스 */
.bx_gray_full{width:100%;padding:2rem 2rem 40px 2rem;margin:-2rem;background:#f6f6f6}

/* 퇴직연금 디폴트옵션 */
.bx_rtp_visual{background:url('/IBK/uib/pib/img/KO/rpm/bg_rtp_doption.png') no-repeat bottom center;background-size:21.6rem auto;padding:2.5rem 0 16.7rem;text-align:center}
.bx_rtp_visual > h2{display:block;font-size:2rem;color:#333}
.bx_rtp_visual .hd_depth_under2{line-height:2rem;color:#666}
.bx_accor.relative .bx_form{position:absolute;left:2rem;top:1.6rem;z-index:100}
.bx_accor.relative .bx_accor_cont{background:#f9f9f9;border-bottom:1px solid #eee;padding:3rem 2rem 1rem}
.bx_pension_rate{display:table;padding:0 2rem 1rem;width:100%}
.bx_pension_rate li{display:table-cell;border-right:1px solid #ececec;text-align:center}
.bx_pension_rate li:last-child{border-right:none}
.bx_pension_rate li .rate_tit{margin-top:-0.2rem;font-size:1.2rem;color:#757575}
.bx_pension_rate li .rate_txt{margin-bottom:-0.5rem;font-weight:600;font-size:2.2rem;color:#f54f42}
.bx_option_detail{padding-bottom:7.7rem}
.bx_option_detail > h2{display:block;text-align:center;line-height:1.2;font-size:2.6rem;color:#333}
.bx_option_detail .option_cont_01{margin-top:2.5rem;text-align:center;font-size:1.5rem;color:#828282}
.bx_option_detail .option_cont_01 > dt,.bx_option_detail .option_cont_01 > dd{display:inline-block}
.bx_option_detail .option_cont_02{margin-top:5rem}
.bx_option_detail .option_cont_02 > dt{display:block;background:#6190fa url('/IBK/uib/pib/img/KO/rpm/ico_warning.png') no-repeat center center;background-size:2.7rem auto;border-radius:50%;margin:0 auto;width:6.8rem;height:6.8rem}
.bx_option_detail .option_cont_02 > dd{display:block;margin-top:1.6rem;text-align:center;font-size:1.5rem;color:#333}
.bx_option_detail .bx_pension_rate{margin-top:6.9rem}
.bx_option_detail .bx_pension_rate .rate_tit{margin-top:-0.3rem;font-size:1.6rem;color:#f54f42}
.bx_option_detail .bx_pension_rate .rate_txt{margin-bottom:-0.7rem;font-size:3rem}

/*디폴트 옵션 상품 조회 비로그인 QR-모바일*/
.wrap_pc{background:#f4f4f4}
.wrap_pc .main{max-width:400px;margin:0 auto;background:#fff;min-height:100vh;}
.wrap_pc .main::after{content: ''; display: inline-block; clear: both;}
.wrap_pc .btn_wrap.fixed{max-width:440px; left:50%; margin-left:-220px;}
.wrap_pc .logo{width:100%;text-align: center;}
.wrap_pc .logo img{height:50px;width:auto;}
.wrap_pc .logo hr{height:1px}

.loads .loadbox2 img{width:auto;}