@charset 'utf-8';

/* reset  */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0; word-break:keep-all;}
fieldset,img {border:0 none; }
dl,ul,ol,menu,li {list-style:none; word-break:normal}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
button {border:0 none;background-color:transparent;cursor:pointer;/*outline: none;*/-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;  }
button:focus {outline: none;}
table {border-collapse:collapse;border-spacing:0; width:100%;}
caption, summary{display: none;}
body {-webkit-text-size-adjust:none; }
input {-webkit-appearance:none; -webkit-border-radius:0; -webkit-tap-hightlight-color:transparent;}
input:focus,textarea:focus{outline:none;}
input[type='text'],input[type='password'],input[type='submit'],input[type='search'],input[type='date'],input[type='datetime-local'] {-webkit-appearance:none; border-radius:0; font-size:15px; background:none; border:none;}
input[type='datetime-local']{text-align:right !important}
input[type='datetime-local']::-webkit-clear-button,
input[type='datetime-local']::-webkit-inner-spin-button  {-webkit-appearance:none;display:none}
input[type='datetime-local']:active, input[type='datetime-local']:focus{padding-right:22px}
input:checked[type='checkbox'] {-webkit-appearance:checkbox}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file'] {-webkit-appearance:button; border-radius:0}
input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none}
ul:after{content:''; display:block; clear:both;}
button.disable{pointer-events:none;}
input[type='range'] {-webkit-appearance:none;width:100%;height:32px;border:0;border-radius:18px;padding:0;background-color:#eee;overflow:hidden}
/*input[type='range']::-webkit-slider-runnable-track {width:100%;height:30px;border:0px solid transparent;background-color:#eee;border-radius:15px}*/
input[type='range']::-moz-slider-runnable-track {width:100%;height:32px;background-color:transparent;border:0px solid transparent;background-color:#eee;}
input[type='range']::-moz-range-track {width:100%;height:32px;background-color:transparent;border:0;}
input[type='range']::-ms-track {width:100%;height:32px;background-color:transparent;border:0;color:tranparent;border-color:transparent}
input[type='range']::-webkit-range-progress{height:32px;background-color:#ff0000;border:0px solid transparent;}
input[type='range']::-moz-range-progress{height:32px;background-color:#ff0000;border:0px solid transparent;}
/*input[type='range']::-webkit-slider-thumb:after{content:"<>";width:40px;height:40px;background:#ff0000;z-index:2;position:absolute;top:0;left:0;}*/
input[type='range']::-webkit-slider-thumb {-webkit-appearance:none;width:32px;height:32px;border-radius:50%; background-repeat:no-repeat;position:relative;	background-image: url(../images/common/slider.png);	background-position:-6px -4px;margin-top:0px;border:0;box-shadow:0 0 12px rgba(0, 0, 0, 0.15), 16px 16px 0 rgb(238, 238, 238), 16px -16px 0 rgb(238, 238, 238), -100vw 0 0 100vw rgb(49, 130, 246);margin-left:0px;}
input[type='range']::-moz-range-thumb{width:42px;height:42px;background-image: url(../images/common/slider.png);border:0;}
input[type='range']::-ms-thumb{appearance:none;width:42px;height:42px;background-image: url(../images/common/slider.png);background-color:transparent;border:0;}
body {background:#fff; overScroll-behavior-y:none;}
body.pop_active{overflow: hidden;}
/* body 기본폰트 크기 및 색상 변경 15 -> 16 24-07-29*/ 
body,th,td,input,select,textarea,button {font-family:'Malgun Gothic', '맑은 고딕', sans-serif;font-size:16px;font-weight:400;line-height:1.5;line-height:1.4333;letter-spacing:-0.5px;color:#26282C;}  
/* //body 기본폰트 크기 변경 15 -> 16 24-07-29*/
input,select,textarea,p {font-size:17px;vertical-align:middle;outline: none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
a { color:#000;text-decoration:none;outline: none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
a:active, a:hover {text-decoration:none;outline: none;}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
h3{color:#000;font-size: 19px; width:100%; box-sizing: border-box; word-break:break-all;}
h3.normal{font-weight:normal;}
h3.inline{display:inline-block; width:auto;}
em.separation{color:#c3c3c3; margin:0 8px;}
em.contour {color:#086cfd;}
select{border: 0;}
select.sp_common {background: url(../images/common/btn_select.png) no-repeat; background-size:14px;background-position:center right 0}
.select_sort{-webkit-appearance:none;background: url(../images/common/btn_select.png) no-repeat right 0 center;padding-right:18px;box-sizing:border-box; background-size:16px;}
.select{-webkit-appearance:none;background: url(../images/common/btn_arr_btm.png) no-repeat right 0 center;padding-right:24px; box-sizing:border-box; background-size:16px;}
.select.filter{font-size:15px;background: url(../images/common/ico_filter_sm.png) no-repeat right 0 center;background-size: 24px;padding-right: 32px;}
div{-ms-overflow-style:none; scrollbar-width:none; }
div::-webkit-scrollbar{display:none;}
iframe.slide_area.vod_area {border: none;padding: 0;margin: 0;border-radius: 0;box-shadow: none; height:278px!important;}
iframe#vYoutubeUrl {border: none;padding: 0;margin: 0;border-radius: 0;box-shadow: none; height:278px!important;}
iframe#vYoutubeUrl body{margin:0!important;}

/* 공통 */
.tac{text-align:center !important;}
.tal{text-align:left}
.tar{text-align:right}
.txt-r {text-align: right !important; display:block;}
input.tar {padding-right:4px;}
.fl{float:left;}
.fr{float:right;}
.f15{font-size:15px}
.f19{font-size:19px}
.hidden{visibility:hidden;}
.hide{opacity:0; transition-duration:1s;}
.hide01{display:none !important;}
p.hide{display:none !important;}
.show{display:block !important;}
.inline{display:inline-block}
.strong{font-weight:bold;color:#000}
.btm_fix{position:absolute;left:0;right:0;bottom:0;background-color: #fff;}
.fl + div, .fr + div {clear:both}
.cb .fl + div, .cb  .fr + div {clear:none}
.cb:after{content:"";display:block;clear:both}
.circle{min-width:40px;min-height:40px}
.circle img{width:100%; display:block;}
.scroll{overflow:auto}
.block{display:block !important}
.center_box{display:flex;align-items:center;justify-content: center;}
.flexible{display:flex;flex-direction:column;flex:1;}
.ellipsis{overflow: hidden;text-overflow: ellipsis;white-space:nowrap}
.ellipsis2{overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2 !important;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space:normal !important;}
.bg_gray {background-color: #f6f6f6 !important}
.bg_gray .img360 img{display: block}
.bg_gray .img360{padding-bottom:56px;  padding-top:40px;}
ul.bg_gray{padding:24px 32px; } 
ul.bg_gray li:nth-child(2n){float:right; width:calc(100% - 80px); text-align: right; color:#000; padding-bottom:8px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap}
ul.bg_gray li:nth-child(2n-1){float:left; width:80px; padding-bottom:8px;}
ul.bg_gray li:nth-last-child(1){padding-bottom:0;}
ul.bg_gray li:nth-last-child(2){padding-bottom:0;}
.underline{text-decoration: underline !important;} 
.bg_lime {background-color: #d7eb5d;}
.white_bg_wrap {background:#fff;}
.scroll_area{-webkit-overflow-scrolling:touch;overflow:auto}
.third_party{background:rgba(255, 0, 0, 0.55); color:#fff; font-size:19px; font-weight:bold; text-align:center; padding:138px 0; opacity:0.4;}
span.same{color:#717171; font-weight:bold; font-size:23px;}
.jump_top.type1{margin-top:104px !important;}
.jump_top{margin-top:150px !important;}
.section_top{margin-top:24px !important;display:block}/*0708 상단간격 수정 박진수*/
.section_btm{margin-bottom:56px !important;display:block}
.inp_alt{display:none;border:none;}
.inp_alt.active{display:block;}
.atm {position:absolute; right:32px; top:50%; transform:translateY(-50%);}
/* PR0500 예적금 스와이퍼 슬라이드 높이값 조정을 위해 .h_auto 클래스 추가 */
.h_auto{height:auto !important}
.lh30{line-height:30px}
.mg0{margin: 0 !important;}
.mr8 {margin-right:8px !important;}
.mb0 {margin-bottom:20px !important;}
.mb5 {margin-bottom:5px !important;}
.mb8 {margin-bottom:8px !important;}
.mb16 {margin-bottom:16px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb32 {margin-bottom:32px !important;}
.mt4 {margin-top:4px !important;}
.mt12 {margin-top:12px !important;}
.mt20 {margin-top:20px !important;}
.mt24 {margin-top:24px !important;}
.mt30{margin-top:30px !important;}
.mt48{margin-top:48px !important;}
.mt64{margin-top:64px !important;}
.pr8 {padding-right:8px !important;}
.pr56 {padding-right:56px !important;}
.pl8 {padding-left:8px !important;}
.pl24 {padding-left:24px !important;}
.pt8 {padding-top:8px !important;}
.pt16 {padding-top:16px !important;}
.pt24 {padding-top:24px !important;}
.pt32 {padding-top:32px !important;}
.pt40 {padding-top:40px !important;}
.pt48 {padding-top:48px !important;}
.pt56 {padding-top:56px !important;}
.pt96 {padding-top:96px !important;}
.pd_inn{padding-left:8px !important;padding-right:8px !important}
.pd0 {padding:0px !important;}
.pd20 {padding:20px !important;}
.pd32 {padding:32px !important;}
.pb16 {padding-bottom:16px !important;}
.pb32 {padding-bottom:32px !important;}
.pb40 {padding-bottom:40px !important;}
.pb80 {padding-bottom:80px !important;}
.pb120{padding-bottom:120px !important;}
.pb136{padding-bottom:136px !important;}
.pb160{padding-bottom:160px !important;}
.pb226 {padding-bottom:226px !important}
.mb24 {margin-bottom:24px !important}
.mb40 {margin-bottom:40px !important}
.mb60 {margin-bottom:60px !important}
.mb80 {margin-bottom:80px !important}
.mb88 {margin-bottom:88px !important}
.mb96 {margin-bottom:96px !important}
.mb100 {margin-bottom:100px !important}
.mb110 {margin-bottom:110px !important}
.ml0 {margin-left:0px !important;}
.ml5 {margin-left:5px !important;}
.mt0 {margin-top:0px !important;}
.mt8 {margin-top:8px !important;}
.mt10 {margin-top:10px !important;}
.mt16 {margin-top:16px !important;}
.mt24 {margin-top:24px !important;}
.mt32 {margin-top:32px !important;}
.mt40 {margin-top:40px !important;}
.mt56 {margin-top:56px !important;}
.mt60 {margin-top:60px !important;}
.mt64 {margin-top:64px !important;}
.mt72 {margin-top:72px !important;}
.mt80 {margin-top:80px !important;}
.mt88 {margin-top:88px !important;}
.mt96 {margin-top:96px !important;}
.mt220 {margin-top:220px !important;}
.mb0 {margin-bottom:0px !important;}
.pt0 {padding-top:0px !important;}
.pb0 {padding-bottom:0px !important;}
.pb25 {padding-bottom:25px !important;}
.pb56 {padding-bottom:56px !important;}
.pl0 {padding-left:0px !important;}
.pb96 {padding-bottom:96px !important;} /* 220816 css 추가 */

/* 이미지 */
.img_box img{width:100%; display:block;}
span.img18{display:inline-block;}
.img36_h{height:36px; width:100%; display:block; position:relative;}
.img36_h img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); height:auto;}
.img18{width:18px;height:auto;}
.img18 img{width:100%; display:block;}
.img40{width:40px;height:auto; }
.img40 img{width:100%; display:block;}
.emoji_list .img24{position:absolute; top:50%; left:12px; transform:translateY(-50%);}
.img24{width:24px;height:auto;}
/* 20210526 아이콘사이즈 조정 */
.img24 img{width:100%;max-width:24px; display:block;}
.img32{width:32px;height:auto;}
.img32 img{width:100%; display:block;}
.img28{width:28px;height:auto;}
.img48, .img_bg_box.img48{width:48px;height:auto;}
.img48 img{width:100%; display:block;}
.img64, .img_bg_box.img64{width:64px;height:auto;}
.img64 img{width:100%; display:block;}
.img80{width:80px;height:80px;}
.img80 img{width:100%; display:block;}
.img112{width:112px;height:112px; margin:0 auto;}
.img112 img{width:100%;}
.img136{width:136px; height:136px; margin:0 auto;}
.img136 img{width:100%; display:block;}
.img360 {width:100%; margin:0 auto;}
.img360 img{width:100%; display:block;}
.img_bg_box.img134{width:134px; height:134px; position:relative;}
.img_bg_box.img134 img{width:100%; display:block; position:absolute;}
img.flip_xy {transform: scale(-1, -1);}
img.flip_h {transform:rotate(0deg); -moz-transform:scaleX(-1); -o-transform:scaleX(-1); -webkit-transform:scaleX(-1); transform:scaleX(-1); filter:FlipH; -ms-filter:'FlipH';} 
.admin_wrap img, .img_box img{width:100%;top: 50%;    position: relative; -webkit-transform: translatey(-50%);   transform: translatey(-50%);}
.admin_wrap.type1 img {transform:none}
.emoji_area.emoji80{width: 80px;height: 80px;font-size: 56px;margin: 0 auto;}

/* color */
.red{color:#f12615 !important}
.peacock{color:#00a4b8 !important; position:relative;}
.num_count{margin-left:6px;font-size:21px;color:#01a4b8;line-height:30px}

/* skip navi */
.skip_navi{display:none;}
.btn_pad{box-sizing: border-box;padding: 20px;}

/* 로딩 */
.container.loading_action, .loading_action{position:relative;}
.container.loading_action:before, .loading_action:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;opacity:0.7;background: #f6f6f6;}
.tab_con.loading_action:before{content:"";position:fixed;top:98px;top:40px;left:0;right:0;bottom:0;z-index:100;opacity:0.7;background: #f6f6f6;}
.loading_wrap{position:relative}
.loading_action .loading{z-index:2;position:absolute;top:50%;left:50%;margin-top:-14px;margin-left:-14px;animation: rotation 1s infinite linear;font-size:0;text-indent:-9999px;width:28px;height:28px;background:url(../images/common/loading01.png)no-repeat center center;}
.loading.type1{display:inline-block;width:24px;height:24px;animation: rotation 1s infinite linear;background:url(../images/common/icon-24-loading-black.png)no-repeat center center;background-size:24px}

/* 텍스트 리더기 (텍스트숨김처리) */
.read_txt{font-size:0;}

/*  IOS dim 스크롤 방지 */
.scrollHidden_dim {overflow:hidden !important; touch-action:none;}

/* .wrap 에 - "height:100vh;" 를 적용할 시 스크롤 제어 스크립트 적용에 문제가 있어 삭제. -webkit-overflow-scrolling:touch; 적용할 시 ios에서 메인화면 하단에 블필요한 여백 생김*/
.wrap{/*height:100vh; -webkit-overflow-scrolling:touch;*/}
.wrap.full{position: absolute;top: 0;right: 0;left: 0;bottom: 0;height: 100vh;}
.wrap.fixed{position:fixed; width:100%; height:100%; overflow:auto; -webkit-overflow-scrolling:touch;}
.wrap.flex .container, .wrap.flex .container .gallery-top{height:calc(100% - 58px);height:100%;padding:0;}
.wrap.flex .container .gallery-top{overflow-y:auto;} 
/* BE0100 혜택 혜택찾기 */
.wrap.flex .container .gallery-content{overflow-y:auto;position: absolute; top: 40px; left: 0; right: 0;bottom: 0;}
.wrap.flex .container .tab_con{overflow-y:auto; position: absolute; top: 41px;right: 0; left: 0; bottom: 0;}
.wrap.flex .container .swiper-container.scroll_area{overflow-y:auto}
.wrap.flex .container  .gallery-thumbs.tab_flow{min-height:44px;}

/* BE0704 이벤트 꼭확인하세요 */
.insure_tit_strong {color: #000;font-weight: bold}

/* PR0400 */
.insure_tit{margin:16px 0;font-size:15px;font-weight:bold;color:#000}
.insure_dash{font-size:15px;margin-top:4px}
.insure_dash_before:before{content:'-';display:block;position: absolute;top: 0;left: 0;}
.insure_dash_before{position:relative;font-size:15px;margin-top:4px;padding-left: 11px;word-break: keep-all;}
.insure_symbol{position:relative;font-size:15px;margin-top:4px;padding-left: 32px;word-break: keep-all;}
.insure_symbol:before{content:'※';display:block;position: absolute;top: 0;left: 0;margin-left:16px}
.account_intro.bg_grey{padding-top:56px}
.box_invest_wrap .cont_line.no_line{margin-top:0;padding-top:0;border-top:0}
.box_invest_wrap .cont_line.no_line dl{margin-bottom:0}
.popup_btn_close {position: absolute; top: 14px; right: 20px; width: 24px; height: 24px; text-indent: -9999px; background-position: 0 0; background-image:url(../images/common/btn_close_pop.png);background-repeat: no-repeat; background-size:24px 24px;}

/* MY0300 혜택추천, BE0101 혜택찾기*/
.wrap.swipe_content_scroll .gallery-thumbs.tab{position:fixed;top:0;left:0;right:0;bottom:auto;background-color:#fff;z-index: 2;}
.wrap.swipe_content_scroll .swiper-container.gallery-content.content_wrap {padding-top:40px}
.container.vod.scroll{height:calc(100% - 56px)}
.container.vod.scroll .scroll{height:calc(100% - 86px)}
.cal_box input {padding-right:24px;font-size: 19px;width: 100%;border: 0;border-bottom: 1px solid #c3c3c3;box-sizing: border-box;padding: 4px 22px 0px 2px;background: url(../images/common/ico_calendar.png) no-repeat right -4px center;background-size: 32px;}
.inner .pay_calendar.type1.inp_arr:after{top:10px}
.date_wrap_list li:nth-child(2) input button{display:none !important;}
.inner.tab_con.inner_scroll{position: absolute;top: 132px; top: 198px;left: 0;right: 0;bottom: 0;}
.inner.tab_con.inner_scroll .swiper-container.gallery-content{position: absolute;top: 88px;left: 24px;right: 24px;bottom: 0;}
.inner.tab_con.inner_scroll .swiper-container.gallery-content .scroll{position: absolute;top: 0;bottom: 100px;left: 0;right: 0;}
ul.event_list + .accordion_mdu {padding:24px 32px;}
.wrap.corporate_products .container .scroll_area{height:calc(100% - 200px)}
.wrap.corporate_products .tab_con .total_count{margin-bottom:8px;}
.wrap.corporate_products .tab_con .list_faq {position:relative;}
.wrap.corporate_products .tab_con .list_faq .loan_status_area .img40{position:absolute; top:50%; transform:translateY(-50%); left:0px;}
.wrap.corporate_products .tab_con .list_faq .loan_status_area{padding-left:56px; position:relative;}
.wrap.layer_pop{position:fixed;left:0;right:0;top:0;bottom:0;background-color:#fff;z-index: 1000;}
/*.wrap.stick .container.scroll .tab_con{display:flex;flex-direction:column;}*/
.wrap.stick .container.scroll .tab_con .inner.filter{display:flex;flex-direction:column;flex:1; margin-bottom:200px;}	
.wrap.stick .inner.filter{background-color: #fff;}
table.tb{position:relative}
table.tb:after{content:"";position:absolute;top:0;left:0;right:0;border-top:1px solid #000}
table.tb th{background-color:#f6f6f6}
table.tb tr:first-child th{border-top:0px solid #000}
table.tb th:first-child, table.tb td:first-child{border-left:0;}
table.tb th:last-child, table.tb td:last-child{border-right:0;}
table.tb th, table.tb td{border:1px solid #eee;padding:16px 8px; color:#000}
table.tb.tac th, table.tb.tac td{text-align:center}
.table_type1{width:100%; margin-top:40px;}

/* emoji unicode */
.emoji_wrap{display: inline-block; margin-right: 16px; width: 40px; height: 40px; border: 0px solid #eee; vertical-align: middle;}
.emoji{overflow:hidden; display: inline-block;font-size:15px;width: 32px;height: 32px;line-height: 38px;text-align: center;box-sizing: border-box;}
.emoji img{width:100%; }
.emoji.img24{width:24px;height:24px;line-height:1.5}
.emoji.img40{width:40px;height:40px;line-height:1.5;font-size: 28px;}
.emoji.img80{width:80px;height:80px;line-height:1.5;font-size: 56px;}

/* a tag 홈페이지 주소 */
.link {/*color: #006bff;*/color: #000;text-decoration: underline;}
.link.no_number{text-decoration: none;}
.link.in, .link.in:active, .link.in:hover {letter-spacing: -1px;text-decoration: none;}
.link.in em {letter-spacing: 0;color: #006bff;text-decoration: underline;}
.link.type1{color:#000;font-size: 15px;line-height:1.47;display: inline-block;}
.link:active, .link:hover {text-decoration:underline;}

/* 텍스트 정의 및 주의문구 */
.tit{font-size:15px;color:#000}
.tit.sub.full {font-size:19px;}
.tit.emp{display:inline-block;font-weight:bold}
.tit.sm{font-size:12px;}
.tit.main{font-size:19px}
.tit.main.case1 {display: flex;padding-right:16px;box-sizing:border-box}
.tit.main.case1:after {content:"";display:block;clear:both}
.tit.main.case1 .tit_inn {float: left;max-width:calc(100% - 16px);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tit.main.case1 .num {float:left}
.tit.inner{padding:24px;}
.tit.divide{position:relative;padding-right:8px;margin-right:6px}
.tit.divide:after{content:"";position:absolute;right:0;top:50%;margin-top:-6px;width:1px; height:12px;border-right:1px solid #c3c3c3}
.tit.refresh {padding-right: 32px;background: url(../images/common/icon_reload.png) no-repeat right 0 center;background-size: 24px;}
.txt{font-size:15px;color:#717171 !important;word-break: break-all;}
.txt_blue{color:#0b6dfd !important;}
.txt_type1{font-size:15px;color:#717171 !important; margin-top:4px;}
.txt_black{color:#000 !important;font-weight:400}
.txt_black.small{font-size:15px; margin-bottom:4px;}
h2.txt_black{font-weight:bold}
.txt.warning{font-size:15px;color:#ee0202 !important;line-height: 20px;margin-top:8px; }
.txt.warning.fl{font-size:15px;color:#ee0202 !important;line-height: 20px;margin-top:8px; float:left; display:inline-block;}
.txt.warning.type1{font-size:15px;color:#ee0202 !important;line-height: 20px; margin-top:0px;}
.warning_check{font-size:15px;color:#ee0202 !important;line-height: 22px;margin-top:4px;padding-left:32px}
.notice_txt14{font-size:15px;color:#717171;line-height: 22px;margin:25px 10px;}
.reduce_txt{width:100%; overflow: hidden; text-overflow: ellipsis; margin-top:8px;}

/* TOBE header 임시적용 */
.header{position: relative;height: 56px; background-color:transparent;}
.header.bg_gray{background-color: #f6f6f6;}
.header .btn_prev{position: absolute;top: 0;left: 0;width: 56px;height: 56px;box-sizing: border-box;line-height: 56px;text-align: center;}
.header .btn_prev .sp_prev{position: absolute;top: 50%;left: 14px;margin-top:-12px;overflow: hidden;display: inline-block;background-position: 0 0;width: 24px;height: 24px;text-indent: -9999px;background-image: url(../images/common/btn_top_prev.png);background-repeat: no-repeat;background-size: 24px;}
.header .title_head{padding: 14px 20px;color: #000;font-size: 19px;font-weight:normal;text-align: center;}
.header .btn_gnb{position: absolute;top: 0;right: 0;width: 56px;height: 56px;box-sizing: border-box;line-height: 4px;text-align: center;}
.share .btn_gnb {position: absolute;top: 40px;right: 0;width: 56px;height: 56px;box-sizing: border-box;line-height: 4px;text-align: center;}
.share .btn_gnb .sp_share, .btn_share{display:inline-block;width:24px;height:24px;background-image: url(../images/common/icon_share.png);text-indent: -9999px;background-repeat: no-repeat;background-position: 0 0px;background-size: 24px;}
.header .btn_gnb .sp_gnbbt{overflow: hidden;display: inline-block;width: 28px;height: 28px;margin-right: 6px;background-image: url(../images/common/btn_gnb.png);background-repeat: no-repeat;
	background-position: 0 0px;background-size:28px;text-indent: -9999px;}	
.header .btn_gnb .sp_share, .btn_share{display:inline-block;width:24px;height:24px;background-image: url(../images/common/icon_share.png);text-indent: -9999px;background-repeat: no-repeat;background-position: 0 0px;}
.container .btn_gnb .sp_share{position:absolute; top:80px; right:32px; display:inline-block;width:24px;height:24px;background-image: url(../images/common/icon_share.png);text-indent: -9999px;background-repeat: no-repeat;background-position: 0 0px;}
.header .btn_gnb .btn_bell{display:inline-block;width:32px;height:32px;background-image: url(../images/common/icon_bell.png);text-indent: -9999px;background-repeat: no-repeat;background-position: center;}	
.header .btn_gnb .btn_barcode{position: absolute;top: 18px;right: 48px;display:inline-block;width:22px;height:22px;background-image: url(../images/common/icon_barcode01.png);text-indent: -9999px;background-repeat: no-repeat;background-position: center;}	
.header .btn_gnb img{width: 15px;height: 15px}
.header .logo {position: absolute; top:50%; left:20px; margin-top:-10px;}
.header .logo a {display:block; background-position:0 -130px; width:86px; height:20px; font-size:0;}

/* TOBE layout */
.container{padding-bottom: 0px;background-color:#fff; overflow:auto; overflow-x:hidden; box-sizing:border-box;}
.container.mb110{padding-bottom:96px; min-height:480px;}
.container.fixed, .container.btm_btn, .container.btm{margin-bottom: 110px;}
.fixing + .inner .tab_con{padding-top:56px;}
.container .inner{padding: 0px 32px; box-sizing:border-box;}
.container .inner.complete{width:100%;  height:100%;}
.container .inner.complete h2{text-align:center; width:100%; font-size:23px; color:#000; font-weight:bold; position:absolute; top:50%; left:0; transform:translateY(-50%); z-index:13; }
.container .inner.complete + .btn_wrap > .img136{margin:0;}
.container .inner.type1{padding: 0 24px;}
.container .inner.type2{padding: 24px 24px;}
.container .inner.type2{padding: 24px 24px;}
.container .inner + .btn_wrap{margin-top:16px; padding:0 24px 24px; }
.container .inner + .btn_wrap.fixed{padding:24px; }
.container .inner + .btn_wrap.type0 {margin-top:0px; padding:24px; border-top:1px solid #eee;}
.container .inner.password + .btn_wrap{margin-top:48px}
.container .inner.name_wrap .list_memberapply{margin-bottom:96px}
.container.v_center{height: calc(100% - 136px); display: flex; flex-direction:column; align-items: center; justify-content: center;}
.container.v_center .inner{padding: 0 20px;}
.container.v_center .phone_tit_space_top{padding:0;}
.container.h_100vh{height:calc(100% - 56px);}
.container.h_100vh .tab_con.v_center{height:calc(100% - 42px);}
.container.full{height:90%;}
.container.full .tab_con{height:calc(100% - 42px);display:flex;flex-direction:column}
.container.full .tab_con .v_center{margin:0px auto; text-align:center; padding:150px 0px; width:100%;box-sizing:border-box;}
.container.full .tab_con .btn_wrap{width:100%;display:block}
.container.scroll{height:calc(100% - 58px);height:calc(100% - 0px);box-sizing: border-box;}
.container.scroll .tab_menu {position: fixed;width: 100%;background: #fff;top: 0;z-index: 99;}
.container.scroll .tab_con{overflow: auto;margin-top:40px}
.container.scroll .tab_con .v_center{margin: 0px auto;text-align: center;padding: 72px 0px 0 0;width: 100%;box-sizing: border-box;}
.container.top_bg:before {content: "";position: absolute;top: -56px;left: 0;right: 0;bottom: calc(100% - 56px);background: #f6f6f6;z-index: -1;}
.container.space_btm{padding-bottom:96px}
.container.space_btm.switch{padding-bottom:148px;}
.container.space_btm.keypad{padding-bottom:243px;}
.container .tab_con{overflow:auto; box-sizing: border-box}
.pop_join{background-color:#fff;position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 1000;overflow:auto;}
.pop_join .inner{padding: 0 32px;}
.pop_join .inner:after{content: "";display:block;clear:both}
.pop_join.type1 {padding-top:56px;}
.pop_join.type1 .inner{padding: 0 24px;}
.pop_join.type2 {position:relative; box-sizing:border-box;padding: 0px; width:100vw; height:100vh; overflow:hidden; }
.pop_join.type2 .btn_wrap.line_top.fixed {position:absolute;}
.inner.type3, .pop_join .inner.type3{padding: 16px 32px;}
.inner.type4, .pop_join .inner.type4{padding: 24px 32px;clear:both}
.inner.sm{padding:0 8px;}
.search_wrap{padding:24px 24px 0}
.search_wrap .inp_search.inp_def{padding:0;}
.search_wrap .inp_search.inp_def input{font-size:15px;padding:0 46px 0 16px;border-radius:6px;}
.search_wrap .inp_search.inp_def .btn_del{right: 46px;transform: translatey(-50%);margin-top: 0;}
.search_wrap .btn_srch {position: absolute;top: 50%;right: 16px;left: auto;margin-top: 0;transform: translateY(-50%);width: 24px;height: 24px;vertical-align: middle;background: url(../images/common/btn_srch.png)no-repeat;text-indent: -9999px;background-size:24px 24px;}

/* TOBE progress bar */
.container .inner.process:before {content:""; position:absolute; top:54px; left:0; right:0; width:100%; height:2px; background-color:#e9e9e9}
.container .inner.process:after {content:""; position:absolute; top:54px; left:0; right:0; height:2px;background-color:#3fcfe0;}
.container .inner.process.step1:after {width:10%;}
.container .inner.process.step2:after {width:20%;}
.container .inner.process.step3:after {width:30%;}
.container .inner.process.step4:after {width:40%;}
.container .inner.process.step5:after {width:50%;}
.container .inner.process.step6:after {width:60%;}
.container .inner.process.step7:after {width:70%;}
.container .inner.process.step8:after {width:80%;}
.container .inner.process.step9:after {width:90%;}
.progress {position: absolute;top: 54px;left: 0;right: 0;width: 100%;height: 2px;background-color: #e9e9e9;}
.progress .bar {position:absolute; display:inline-block;top:0px; left:0; width:1%; height:2px;background-color:#3fcfe0;}

/* button type 정의 (인포메이션, etc) */
.btn_info.sp_common, .btn_info {width:16px; height:16px; margin-left:6px; background-image:url(../images/member/btn_info.png);background-size:16px; text-indent:-9999px;position:absolute;right:0px;/*top:calc(100% - 24px);*/}
.btn_info.sp_common.br {margin:-6px 0 0 0;}
.btn_info.type1{position:relative;right:auto}
.inner.tit_main .btn_info{right:32px;bottom:0;top:auto;left:auto}
.info .btn_info.sp_common{bottom:8px}

/* button type 정의 */
/* 비활성화 버튼 칼라색 및 배경색 수정 24-11-18 */
.btn_wrap .btn, .btn{background:#000;background:#5f5be8; height: 56px; line-height: 56px; font-weight:bold; }
.btn_wrap .btn__purple02{background-color:#5f5be8} /*20210720 v4 적용*/
.btn_wrap .btn_basic{background:#5f5be8; /* padding:10px 0; */ line-height: 56px;} /* 24-11-28 버튼 간격수정 */
.btn_wrap .btn_grey1, .btn_grey1{color: #8c949e !important; background:#dde1e4; line-height: 52px; font-weight: bolder;} /* 폰트 굵기 추가 24-09-06 */
/* //비활성화 버튼 칼라색 및 배경색 수정 24-11-18 */
.btn_wrap .btn.gray1, .btn.gray1{background:#c3c3c3; /* padding:10px 0; */}/* 간격수정 24-11-18 */
.btn_wrap .btn_grey2, .btn_grey2{background:#ccc; /* padding:10px 0; */ height:56px; font-weight: bold; }/* 간격수정 24-11-18 */
.btn_wrap .btn.gray2, .btn.gray2{background:#ccc; /* padding:10px 0; */}/* 간격수정 24-11-18 */
.btn_wrap .btn.sm{font-size:15px;line-height:22px;line-height:1.4;}
.btn_wrap{margin:0 auto; padding:0 24px 24px;  box-sizing:border-box;clear:both}
.btn_wrap.mt25{margin-top: 25px;}
.btn_wrap.pt40{padding-top: 40px;}
.btn_wrap.medium{padding: 0 24px 0px;}
.btn_wrap.no_p{padding:0;}
.btn_wrap.btm{padding-bottom:15px}
.btn_wrap.pop_btm{padding:0;}
.btn_wrap.space_top{padding-top:40px}
.btn_wrap.section_top{margin-top:24px}/*0708 상단간격 수정 박진수*/
.btn_wrap_type1{margin:0 auto; padding:40px 0 0 0; box-sizing:border-box;clear:both}
.btn_wrap_type2{margin:0 auto; padding:16px 0 0 0; box-sizing:border-box;clear:both}
.btn_wrap_type3{margin:0 auto; padding:0 24px 40px 24px; box-sizing:border-box;clear:both}
.btn_wrap.fixed{z-index:12;}
/* 버튼 영역 보더줄 삭제 및 간격 조정 24-07-30 */
.btn_wrap.fixed, .btn_wrap.btn_col2.fixed, .error_inner.fixed{padding:24px 16px; position:absolute;position:fixed;left:0;right:0;bottom:0;box-sizing:border-box;background-color: #fff; transition-duration:1s; /*border-top:1px solid #eee;*/}
/* //버튼 영역 보더줄 삭제 24-07-30 */
.btn_wrap.fixed.no_line{border:none;}
.btn_wrap.fixed.accordion_mdu{padding:24px;}
.btn_wrap.fixed .inp_def{margin: 0 8px; width: calc(100% - 16px);box-sizing: border-box;}
.btn_wrap.line_top, .container .inner + .btn_wrap.line_top {padding: 24px;border-top: 1px solid #eee;margin-top: 32px;} 
.btn_wrap.line_top.gray2{border-top: 1px solid #ddd; }
.btn_wrap.emoti{position:relative}
.btn_wrap > button,.btn_wrap > a, .btn{display: block;width: 100%; border-radius:6px;font-size: 19px;text-align: center;color:#fff;}
.btn_wrap > button.box_wrap{color:#000;font-size: 15px; text-align: left;}
.btn_wrap > .btn_white{padding:8px 0;}
.btn_wrap.btn_col2{display:flex;}
.btn_wrap.btn_col2 > button{display:inline-block;width: 50%; margin-right:5px;} 
.btn_wrap.btn_col2 > button:nth-of-type(2){display:inline-block; margin-right:0;/*position: absolute;top: 0;right: 20px;*/}
.btn_wrap.btn_col2 > a{display:inline-block;}
.btn_wrap.btn_col2 > a:nth-of-type(2){display:inline-block; margin-right:0;}
.btn_wrap.btn_col2.add_top_btn{display: table;width: 100%;}
.btn_wrap.btn_col2.add_top_btn > button{display: table-cell; width: calc(50% - 3px);}
.btn_wrap_type1 .btn.gray1{background:#c3c3c3; padding:10px 0;}
.btn_wrap_type1 .btn.gray2{background:#717171; padding:10px 0;}
.btn_wrap .btn_multi_area, .btn_multi_area{background: #086cfd; color: #fff;border-radius: 6px;padding:16px 24px;position:relative; }
.btn_wrap .btn_multi_area:after, .btn_multi_area:after {display: block; content: '';width: 10px;height: 10px;position: absolute;right: 40px;  transform: rotate(45deg); background: #086cfd; top: -4px; border-top: 0px solid #086cfd; border-left: 0px solid #086cfd;}
.btn_wrap .btn_multi_area.no_tail:after, .btn_multi_area.no_tail:after {display:none;}
.btn_wrap .btn_multi_area .tit, .btn_wrap .btn_multi_area a {color:#fff}
.btn_wrap .btn_multi_area .tit.main{font-size:15px;font-weight:bold}
.btn_wrap .btn_multi_area .tit.main .num{font-size:15px;font-weight:400}
.btn_wrap .btn_multi_area .txt{color:#fff !important;opacity:0.7}
.btn_wrap .btn_multi_area .btn_arr{font-size:0;text-indent:-9999px;position:absolute;top:16px;right:24px;display:inline-block;width:16px;height:16px;background: url(../images/common/btn_white_rgt.png) no-repeat center}
.btn_wrap .btn_multi_area .link{position:absolute; top:16px; right:0; }
.btn_wrap .btn_multi_area .sct_btm{position:relative;border-top:1px solid rgba(255, 255, 255, 0.2);padding-top:16px;margin-top:16px}
.blue_container .blue_container_top{border-bottom:1px solid rgba(255,255,255,0.2); padding-bottom:8px; position:relative;}
.blue_container .blue_container_top a.arr_right:after{content:'';display:block;position: absolute;top: 2px;right: 0;background: url(../images/common/btn_white_rgt.png)no-repeat;width: 16px;height: 16px;background-size: 16px;}
.blue_container .blue_container_top span{padding-left:8px; opacity:0.7; font-weight:bold;}
.blue_container .blue_container_bottom { padding-top:8px; position:relative; opacity:0.7;}
.blue_container .blue_container_bottom.no_opacity { padding-top:8px; position:relative; opacity:1;}
.blue_container .blue_container_bottom.no_opacity a{margin-top:2px;}
.blue_container .blue_container_bottom span {font-weight:normal; opacity:0.7;}
ul.blue_container_bottom li{float:left; margin-right:4px; }
.btn_wrap .btn_multi_area .swiper-container .btn_arr{top:2px;right:0;}
.btn_wrap .btn_multi_area .swiper-container .tit.main{margin-bottom:24px;padding-right:40px;}
.btn_wrap .btn_multi_area .swiper-container .tit + .tit{margin-left:28px}
.btn_wrap .btn_multi_area .swiper-container .swiper-pagination{bottom: -6px;right: 0;width: auto;left: auto;}
.btn_wrap .btn_multi_area .swiper-container .swiper-pagination .swiper-pagination-bullet{opacity:0.3;background-color: #fff;}
.btn_wrap .btn_multi_area .swiper-container .swiper-pagination .swiper-pagination-bullet-active{opacity:1;background-color: #fff;}
.btn_wrap > .btn_float, .btn_float{position:absolute;right:24px;top:-72px;width:48px;height:48px;background-color:#fff; box-sizing: border-box;border: 22px solid #000;box-shadow:0 6px 10px 0 rgba(0, 0, 0, 0.2);font-size:0;text-indent:-9999px;border-radius:50%; opacity:0.3;}
.btn_float:before{content:"";width:4px;height:4px;display:block;border-radius:50%;background-color:#fff;position:absolute;top:50%;left: -7px;transform: translatey(-50%);}
.btn_float:after{content:"";width:4px;height:4px;display:block;border-radius:50%;background-color:#fff;position:absolute;top:50%;left: 7px;transform: translatey(-50%);}
.btn_chatbot{position:absolute;right:24px;top:-56px;width:72px !important;height:72px;background: url(../images/common/chatbot.png) no-repeat;background-size:68px;font-size:0;text-indent:-9999px;}
.btn_wrap.fixed.float .btn_multi_area:after{content:none;}
.btn_white{display: block; padding:4px; width:100%; font-size:15px !important;background:#fff;color:#000 !important;text-align:center;border:1px solid #ccc;border-radius:6px;box-sizing: border-box;}
.btn_white.disable{color:#c3c3c3 !important;}
.btn_white.toggle_asset .fold, .btn_white.toggle_asset .unfold {display:inline-block;width:100%;height:100%;}
.btn_rgt_wrap{float:right;}
.btn_rgt_wrap .btn_info {margin-top:0.34rem}
.btn_rgt_wrap .btn_info + .link.type1{margin-left:8px;margin-top: 0.16rem;}
.btn_rgt_wrap a, .btn_rgt_wrap button{float:left}
.container_top .btn_wrap.fixed.float{display:block;}
.error_inner .btn_wrap, .error_inner.fixed .btn_wrap.btn_space{padding:0;}
.link_table_pay + .error_inner .btn_wrap{padding: 0 24px 32px;}
.btn_like{display:inline-block;width:18px;height:18px;font-size:0;text-indent:-9999px;text-align:left;padding-left:0px;background: url(../images/common/icon_like_off16.png) no-repeat 0 center; background-size:16px;}
.btn_like.on{background: url(../images/common/icon_like_on16.png) no-repeat 0 center;}
.btn_report{display:inline-block;width:24px;height:24px;font-size:0;text-indent:-9999px;text-align:left;padding-left:0px;;background: url(../images/common/icon_report.png) no-repeat 0 center;background-size:24px;}
.btn_refresh{width:24px;height:24px;background: url(../images/common/icon_reload.png) no-repeat center;}
.btn_calendar{text-indent:-9999px; position:absolute; top:50%; right:0; transform:translateY(-50%); width:32px;height:32px;background: url(../images/common/calendar_gray.png) no-repeat center; background-size:32px;}
.btn_del.sp_common{overflow: hidden;position: absolute;top: 50%;right: 0;z-index:1;width: 16px;height: 16px;margin-top: -6px;background-position:0 0px;background-image: url(../images/common/btn_delete.png);background-repeat: no-repeat;background-size: 16px 16px;text-indent: -9999px;}
.btn_type_greyline2{display: inline-block;margin-bottom:51px;height: 44px;padding:12px 31px;border: 1px solid #c3c3c3;background-color: transparent;border-radius: 25px 25px;font-size: 15px;color: #999;text-align: center;}
.btn_type_greyline3{display: inline-block;height: 44px;padding: 0 12px;border: 1px solid #c3c3c3;background-color: #fff;border-radius: 30px 30px;font-size: 17px;color: #000;text-align: center;}
.btn_type_white{display: inline-block;padding: 6px 0 24px 0;width:50%; background-color: #fff;font-size: 17px;color:#000;text-align: center; border-radius:10px; }
.btn_download{width:24px;height:24px;background: url(../images/common/btn_download01.png) no-repeat center;background-size: 24px;text-indent:-9999px;}
.btn_edit{font-size:0;text-indent:-9999px;width: 24px;height: 24px; background: url(../images/common/btn_edit.png) no-repeat center; background-size:24px;}
.btn_gray_arr{display:inline-block;padding-right:24px;background: url(../images/common/btn_arr_rgt.png) no-repeat right 0 top 0;background-size:16px;}
.btn_arr_rgt {display:inline-block;width: 16px; height: 16px;background: url(../images/common/btn_arr_right.png) no-repeat right 0 center; background-size:16px;}
.btn_arr_rgt.top_rgt{position:absolute;top:24px;right:24px;    width: 16px;}
h2 .btn_arr_rgt{height:32px}
.btn.arr_desc{text-align:left;padding: 10px 24px;height: auto;box-sizing: border-box;line-height: 22px;position:relative}
.btn.arr_desc:after{content:"";position:absolute; right:24px;top:50%;transform:translatey(-50%);width:16px;height:16px;background: url(../images/common/btn_white_rgt.png) no-repeat center;}
.btn.arr_desc .tit{font-size:15px;font-weight:bold}
.btn.arr_desc .txt{font-size:12px;color:#fff !important}
.btn_rate{width:24px;height:24px;font-size:0;text-indent:-9999px;color:transparent}
.btn_bin{font-size:0;text-indent:-9999px;width:24px; height:24px;background: url(../images/common/icon_bin24.png) no-repeat center; background-size:24px;}
.btn_more_open.arr.btm{font-size:0; text-indent:-9999px;  width: 100%;height: 16px;padding-right: 24px;background: url(../images/common/btn_arr.png) no-repeat center; background-size:16px;}
.btn_more_close.arr.top{font-size:0; text-indent:-9999px;width: 100%;height: 16px; padding-right: 24px;background: url(../images/common/btn_arr_top.png) no-repeat center; background-size:16px;}
.btn_bar_code{width: 24px; height: 24px; margin-right:-8px;display: inline-block;background: url(../images/common/icon-24-barcode-black01.png) no-repeat center;background-size:24px;}
.btn_bar_code.type1{margin-right:0px;display: inline-block;background: url(../images/common/icon-24-barcode-black.png) no-repeat center;background-size:24px;}
.down_arr{position:relative; }
.down_arr:after{position:absolute; left:0px; top:50%; transform: translateY(-50%); content:''; display:block; clear:both; width:0; height:0; border-bottom:none; border-top:12px solid #3182f6; border-right:6px solid transparent; border-left:6px solid transparent;}
.up_arr{position:relative;}
.up_arr:after{position:absolute; left:0px; top:50%; transform: translateY(-50%); content:''; display:block; clear:both; width:0; height:0; border-top:none; border-bottom:12px solid #ee0202; border-right:6px solid transparent; border-left:6px solid transparent;}
.up_arr.bk:after{position:absolute; left:-16px; top:50%; transform: translateY(-50%); content:''; display:block; clear:both; width:0; height:0; border-top:none; border-bottom:12px solid #000; border-right:6px solid transparent; border-left:6px solid transparent;}
.up_arr_blue{position:relative;}
.up_arr_blue:after{position:absolute; left:-16px; top:50%; transform: translateY(-50%); content:''; display:block; clear:both; width:0; height:0; border-top:none; border-bottom:12px solid #318df6; border-right:6px solid transparent; border-left:6px solid transparent;}
.down_arr_red:after{position:absolute; left:-16px; top:50%; transform: translateY(-50%); content:''; display:block; clear:both; width:0; height:0; border-top:none; border-top: 12px solid #ee0202; border-bottom:0; border-right:6px solid transparent; border-left:6px solid transparent;}
.up_arr.red{padding-left:16px;background: url(../images/common/arr_down_red.png) no-repeat 0 0;}
.down_arr.red{padding-left:16px;background: url(../images/common/arr_down_red.png) no-repeat 0 0;}
.down_arr.blue{padding-left:0px;background: url(../images/common/arr_down_blue.png) no-repeat 0 center;display:inline-block;width:16px;height:16px;margin-right:4px}
.consult_wrap {z-index:1;position:absolute;position: fixed;right: 16px;bottom: 16px;width: 80px;height: 80px;z-index: 1;}
.consult_wrap .btn_consult{font-size:0;text-indent:-9999px}
.consulting_wrap{text-align:right;padding:16px 24px}
.btn_consulting{width: 64px;height: 64px;background: #f00;}
.btn_bookmark{width:24px;height:26px;background:url(../images/common/icon_bookmark_off.png) no-repeat;text-indent:-9999px; background-size:24px;}
.btn_bookmark.on{background:url(../images/common/icon_bookmark.png) no-repeat; background-size:24px;}
.btn_wrap > .btn_more {color:#767676;font-size:15px;height: auto;padding-right: 22px;width: auto; margin: 24px auto 24px auto;background: url(../images/common/btn_more.png) no-repeat right center;}
.filter_area{width: 24px;height: 24px;background: url(../images/common/ico_filter.png) no-repeat;background-size: 24px;text-indent: -9999px;}
/* 버튼 플로팅 */
/*.btn_wrap.fixed, .btn_wrap.btn_col2.fixed, .error_inner.fixed{padding:24px 24px ; position:absolute;position:fixed;left:0;right:0;bottom:0;z-index:99;box-sizing:border-box;background-color: #fff;border-top:1px solid #eee }
*/
/* 만리통 버튼 2.0유지 */
.btn_blue{border: 1px solid #8d9cfd; background-color: #8d9cfd; color: #fff;}
/* 전체 레이어 팝업 닫기 버튼 */
.btn_close_pop{position: absolute;top: 16px;right: 16px;width: 24px;height: 24px;text-indent: -9999px;background-position: 0 0;background: url(../images/common/btn_close_pop.png) no-repeat;background-size: 24px 24px;}
.icon.like{font-size:0;text-indent:-9999px;width:20px;height:20px;display:inline-block;background: url(../images/common/icon24_like_off.png) no-repeat center;background-size:24px; width:24px; height:24px;}
.icon.like.on{background: url(../images/common/icon24_like_on.png) no-repeat center; background-size:24px; width:24px; height:24px;}
.icon.ranking{font-size:0;text-indent:-9999px;width:24px;height:24px;display:inline-block;background: url(../images/common/icon_ranking.png) no-repeat center;background-size:24px auto;}
.search_word.ranking{position:relative;}
.search_word.ranking:after{content:''; display: block; position: absolute; top:0; right:-24px;width:24px;height:24px;background: url(../images/common/icon_ranking.png) no-repeat center;background-size:24px auto;}
.icon_benefits{background: url(../images/common/icon_benefits24.png) no-repeat 0 0;padding-left:32px;line-height:24px}
.box_wrap.btn_right_arr a.mgt_center:after {top: 50%; transform: translateY(-50%);}
.search_result_list .icon.like{float:left; margin-right:4px; margin-top:-2px;}
.search_result_list .icon.ranking{float:right; margin-left:8px;}

/* 로딩 브릿지 GR9901 */
.appdown_bridge {position: absolute;text-align: center;left: 40%;transform: translate(-40%,-40%);top: 40%;width: 100%;}
.app_bridge_img{margin:0 auto;width: 136px;height: 136px;}
.app_bridge_img >img{width: 100%}
.loading_txt{margin:40px 0;text-align: center;}
.loading_txt > h3{width:100%;word-break:keep-all;letter-spacing: -0.2px}
.loading_load_img{margin:0 auto;animation: rotation 1s infinite linear;font-size: 0;text-indent: -9999px;width: 32px;height: 32px;background: url(../images/common/icon-32-loading-gray@3x.png)no-repeat center center;background-size:32px;}
/* .liiv_logo_btm{position:absolute;bottom:40px; left: 50%;transform: translateX(-50%);width: 94px;height: 24px;} */ /* 리브메이트로고 */
.liiv_logo_btm{position:absolute;bottom:0; left: 50%;transform: translateX(-50%);width: 100%;} /* 바로가기 버튼 추가 20200714 */
.liiv_logo_btm >img{width:100%}
 
/* ML0800 자산연동 약관 동의 */
.accordion_mdu .btn_view.inn_view_btn_myasset,
.accordion_mdu .btn_view.inn_view_btn_myasset.active {display:inline-block;position: absolute;float:right;width:24px;/*width:10%;*/height: 24px;right:0;top:0;margin:0;/*transform:translateY(-50%);*/overflow:visible}
.accordion_mdu .btn_view.inn_view_btn_myasset.active:after {transform: rotate(180deg);}
.accordion_mdu .btn_view.inn_view_btn_myasset:after {content: ''; transform: rotate(0deg); display:inline-block; position: absolute; right:0; top:0; margin:0; /*transform:translateY(-50%); *//*margin-top: -12px; */width: 16px; height: 16px;background: url(../images/common/btn_arr_tp.png) no-repeat center; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); background-size: 16px 16px;}
.accordion_mdu .accordion_view.inn_accordion_myasset{display:none;width:100%;padding: 24px 0;border-top:1px solid #eee;}
.accordion_mdu .accordion_view.inn_accordion_myasset.non_line{border-top:0;}
.accordion_mdu .accordion_view.inn_accordion_myasset .inn_checkbox_auth{margin-bottom:24px}
.accordion_mdu .accordion_view.inn_accordion_myasset .inn_checkbox_auth:last-child{margin-bottom:0}
.accordion_mdu .accordion_view.inn_accordion_myasset .inn_checkbox_auth.middle_space{margin-top:40px}
.insure_check_table {margin:16px auto;width:100%;}
.insure_check_table thead{border-top:1px solid #eee;background:#f6f6f6;text-align:center}
.insure_check_table th, .insure_check_table td{padding:8px 0; border:1px solid #eee;text-align:left}
.insure_check_table .first {border-left:1px solid #eee;width:30%;}

/* input type 정의 */
input[type="text"]::placeholder {color: #c3c3c3; font-weight:normal; text-align:left;}
input[type="number"]::placeholder{color: #c3c3c3; font-weight:normal; text-align:left;}
input[type="tel"]::placeholder{color: #c3c3c3 !important; font-weight:normal; text-align:left;}
.inp_def input[type=""], .inp_def input[type="text"], .inp_def input[type="number"], .inp_def input[type="tel"], .inp_def input[type="email"]{width: 100%;border: 0;padding:0;font-size: 19px;color: #000;box-sizing: border-box}

/* 약관 정의 GR0700 20200530 */
/* 원안에 번호는 <br>로 줄바꿈 처리 */
.terms_wrap {padding-bottom:95px;}
.terms_wrap > p{font-size:15px;line-height:22px;}
/* 장, 대 타이틀 */
.chapter_tit{padding-bottom:16px;color:#000;font-size:15px;font-weight:bold}
.chapter_tit02{padding:20px 0 16px 0;color:#000;font-size:15px;font-weight:bold}
/* 조 , 중간 타이틀 */
.article_txt{padding-bottom:16px;color:#000;font-size:15px;}
/* 제정, 계정 */
.terms_date{padding-bottom:4px;line-height:22px;}
/* 텍스트 */
.terms_contents{line-height:22px;color:#717171; padding-bottom:40px;word-break: break-word;}
/* 표 */
ul.terms_contents li{margin-bottom:8px;}
ul.terms_contents li:nth-last-child(1){margin:0;}
.terms_table{border-top:1px solid #000; border-collapse:separate; margin-bottom:40px; width:calc(100% + 16px); margin-left:-8px;}
.terms_table th, .terms_table td{padding:16px; border:1px solid #eee; border-collapse:collapse; color:#000; word-break:break-all; }
.terms_table th:nth-child(2n-1),.terms_table td:nth-child(2n-1){border-left:none; vertical-align:top;}
.terms_table th:nth-child(2n),.terms_table td:nth-child(2n){border-right:none; border-left:none;}
.terms_table th:nth-child(3n),.terms_table td:nth-child(3n){border-right:none; border-left:1px solid #eee;}
.terms_table thead{background:#f6f6f6;}
/* 번호, 스퀘어 */
.terms_number{padding-bottom:16px;color:#000;font-size:15px;}
.terms_number02{padding:8px 0;color:#000;font-size:15px;}
.terms_number03{padding:32px 0 8px 0;color:#000;font-size:15px;}
/* 버튼 */
.terms_btn{background:#fff; width:100%; padding:24px; box-sizing:border-box;  position:fixed; bottom:0; left:0;}
/* //약관 정의 GR0700 20200530 */

/* 체크박스 */
.checkbox_def{position: relative;}
.checkbox_def:after{content:"";display:block;clear:both}
.checkbox_def input[type="checkbox"]{position: absolute;top: 0;left: 0;width:24px;height:24px;opacity:0;}

/* 체크 박스 이미지 변경 24-07-30 */
.checkbox_def input[type="checkbox"]+.sp_common_b:before{content:"";position: absolute;top: 0;left: 0; margin-top:0;display: inline-block;width:24px;height:24px;margin-right: 8px;border-radius:0;background-image: url(../images/common/check_off02.png);background-repeat: no-repeat;background-size: 24px;background-position:0px 0;}

.checkbox_def input:checked[type="checkbox"]+.sp_common_b:before{content:"";background-image: url(../images/common/check_on02.png);background-size:24px;}
/* //체크 박스 이미지 변경 24-07-30 */

/* [25-04-04] KB이지대출 화면 개선 s */
.checkbox_def input:disabled[type="checkbox"]+.sp_common_b:before{content:""; background-image: url(../images/common/ico_check_disabled.png) ; /*background-position:-90px -160px;*/} 
/* .checkbox_def input:checked:disabled[type="checkbox"]+.sp_common_b:before{content:"";background-position:-90px -190px;} */
/* [25-04-04] KB이지대출 화면 개선 e */

.checkbox_def input[type="checkbox"]+.sp_common_a:after{content:"";display: inline-block;width:27px;height:27px;margin-left: 10px;border-radius:0;background-position:-30px 0;}
.checkbox_def input:checked[type="checkbox"]+.sp_common_a:after{content:"";background-position:-30px -30px;}
.checkbox_def label{display:inline-block;vertical-align: middle;padding-left: 32px;position: relative;line-height: 1.6;}
.checkbox_def label.link{color:#000}
.checkbox_def.point label{color:#c3c3c3;}
.checkbox_def.chk_right label{padding-right:32px}
.checkbox_def label.txt_auto_login{display:inline-block;color:#000}
.checkbox_def.br{padding-left:34px}
.checkbox_def.br input[type="checkbox"]+.sp_common_b:before{position:absolute;left:0;margin-top:0;}
.checkbox_def.strong label{color: #000;font-weight: bold;}
.checkbox_def.strong input[type="checkbox"]+.sp_common_b:before{margin-right:12px}
.checkbox_small{position: relative;}
.checkbox_small input[type="checkbox"]{position: absolute;top: 0;left: 0;width:23px;height:23px;opacity:0}
.checkbox_small input[type="checkbox"]+.sp_common_b:before{content:"";display: inline-block;width:23px;height:23px;margin-right: 10px;border-radius:0;background-position:-150px -160px;}
.checkbox_small input:checked[type="checkbox"]+.sp_common_b:before{content:"";background-position:-180px -160px;}
.checkbox_small input:disabled[type="checkbox"]+.sp_common_b:before{content:"";background-position:-120px -160px;}
.checkbox_small input:checked:disabled[type="checkbox"]+.sp_common_b:before{content:"";background-position:-210px -160px;}
.checkbox_small input[type="checkbox"]+.sp_common_a:after{content:"";display: inline-block;width:23px;height:23px;margin-left: 10px;border-radius:0;background-position:-150px -160px;}
.checkbox_small input:checked[type="checkbox"]+.sp_common_a:after{content:"";background-position:-180px -160px;}
.checkbox_small label{vertical-align: middle;}

/* 체크박스 2줄용*/
.checkbox_def.custom_check {position:relative; padding-left:38px; line-height:18px;}
.checkbox_def.custom_check label:before{position:absolute; left:0; top:50%; margin-top:-13px;}
.checkbox_def input[type="checkbox"]{position: absolute;top: 0;left: 0;width:24px;height:24px;opacity:0;}

/* 체크박스 우측정렬용*/
.checkbox_def.chk_right{}
.checkbox_def.chk_right input[type="checkbox"]+.sp_common_b:before{position:absolute; top:0; right:0;left:auto;margin: 0px;border-radius:0;background-image: url(../images/common/check_off01.png);background-repeat: no-repeat;background-size: 24px;}
.checkbox_def.chk_right input:checked[type="checkbox"]+.sp_common_b:before{content:"";background: url(../images/common/check_on01-1.png) no-repeat;background-size: 24px}
.checkbox_def.kbeasy_all input[type="checkbox"]+.sp_common_b:before{background-image: url(../images/common/check_on01-1.png);background-size: 24px}
.checkbox_def.kbeasy_all input:checked[type="checkbox"]+.sp_common_b:before{background-image: url(../images/common/check_off01.png);background-size: 24px}

/* KB icon 적용 체크박스 우측정렬용*/
.checkbox_def.kb_icon{height:44px;position:relative;padding-left:56px;}
.checkbox_def.kb_icon:before{content:"";position:absolute;top:0;right:0;display:inline-block;width:44px; height:44px;border-radius:50%;border:1px solid #e9e9e9;box-sizing:border-box;}
.checkbox_def.kb_icon .sp_common_b{display:block;line-height: 22px;}
.chk_wrap{position:relative;padding-top:56px;}
.chk_wrap input[type="checkbox"]{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;}
.checknox_row > li {margin-right: 32px;}

/* 라디오 버튼 */
/* [25-09-08] 라디오 버튼 현행화 s */
.radio_def{position: relative;}
.radio_def input[type="radio"]{position: absolute;top: 0;left: 0;top:50%;margin-top:-12px;width: 0;height: 0;width:24px;height:24px;opacity:0; width:100%; height:100%;}
.radio_def input[type="radio"]+.sp_common_b:before{content:"";position:absolute;left:0;top:50%;margin-top:-12px;display: inline-block;width:24px;height:24px;margin-right: 10px;background-image: url(../images/kbpay/ico-pay-radio-off.png);background-size: 24px 24px;background-position:0 0;background-repeat:no-repeat}
.radio_def input[type="radio"]+.sp_common_b_wh:before{background-position:-240px -160px;}
.radio_def input:checked[type="radio"]+.sp_common_b:before{content:"";background-image:url(../images/kbpay/ico-pay-radio-on.png);background-position:0 0px;background-size: 24px 24px;background-repeat:no-repeat}
.radio_def input:disabled[type="radio"]+.sp_common_b:before{content:"";/*background-position:-140px -20px;*/}
.radio_def input:checked:disabled[type="radio"]+.sp_common_b:before{background-image:url(../images/kbpay/ico-pay-radio-on-disabled.png);background-position:0 0px;background-size: 24px 24px;}
.radio_def input[type="radio"]+.sp_common_a:after{content:"";display: inline-block;width:24px;height:24px;margin-left: 10px;background-position:0 0;}
.radio_def input:checked[type="radio"]+.sp_common_a:after{content:"";background-position:0 -30px;}
.radio_def input:disabled[type="radio"]+.sp_common_a:after{content:"";background-position:-140px -20px;}
.radio_def label{position:relative;vertical-align: middle;padding-left:32px;min-height:24px;display:inline-block;color:#717171;line-height:1.6}
.radio_def.inline{display:inline-block; color:#000;}
.radio_def.inline+.radio_def.inline{margin-left:20px}
.radio_def.inline input[type="radio"]{width:16px;height:16px;margin-top:-8px;}
.radio_def.inline input[type="radio"]+.sp_common_b:before{width:16px;height:16px;margin-right: 8px;margin-top:-2px;background-image: url(../images/common/radio_off01.png);background-size: 16px 16px;}
.radio_def.inline input:checked[type="radio"]+.sp_common_b:before{background-image: url(../images/common/radio_on01.png);background-size: 16px 16px;}
.inn.row{display:flex;margin-top:24px}
.inn .radio_def{display:inline-block;margin-left:30px}
.inn .radio_def:first-of-type{margin-left:0px; margin-right:16px; margin-bottom:16px;}
.inn.row.deal .radio_def label{font-size:15px;color:#000;font-weight: 400;}
.inn.row.deal{display:table;width:100%}
.inn.row.deal .radio_def{display:table-cell;width: 33.333%;}
.radio_choice_wrap{text-align:left}
.radio_choice_wrap li{margin-top:16px}
.radio_choice_wrap li:first-of-type{margin-top:24px}
.radio_choice_wrap li .radio_def label{color:#000}
/* [25-09-08] 라디오 버튼 현행화 e */

/* 선택 팝업 - 체크아이콘 없음 */
.no_icon .radio_def input:checked[type="radio"]+.sp_common_b{color:#000}
.no_icon .radio_def input[type="radio"]+.sp_common_b:before{content:none;}
.no_icon .radio_def label{padding-left:0;}

/* 팝업달력 */
.pay_calendar .prev.sp_common.active,
.pay_calendar .next.sp_common.active,
.layer_calendar .calendar_wrap .layer_num_year .prev.sp_common.active, 
.layer_calendar .calendar_wrap .layer_num_year .next.sp_common.active {visibility:hidden}
.layer_calendar .pop_titType2 .tit {display:none;/*position:relative;height:54px;*/}
.layer_calendar .calendar_wrap {overflow: hidden;position:relative;margin:24px 0;padding-bottom:16px;}
.layer_calendar .calendar_wrap .layer_num_year {/*position:absolute;top:0;left:0;width:100%;*/font-size:19px;color:#000;font-weight:bold;text-align:center;vertical-align:middle; position:relative; margin:0 24px;}
.layer_calendar .calendar_wrap .layer_num_year em {font-weight:bold;display: inline-block;line-height: 28px;}
.layer_calendar .calendar_wrap .layer_num_year em span{display: inline-block;line-height: 28px;}
.layer_calendar .calendar_wrap .layer_num_year .prev{left:24px;left:8px}
.layer_calendar .calendar_wrap .layer_num_year .next{right:24px;right:8px}
.layer_calendar .calendar_wrap .prev, .layer_calendar .calendar_wrap .next {top:6px;margin:0;}
.layer_calendar .calendar_wrap .list_chk_item {padding:0 16px;margin:0;}
.layer_calendar .calendar_wrap .list_chk_item:after{content:"";display:block;clear:both}
.layer_calendar .calendar_wrap .list_chk_item li {float:left; width:25%;text-align:center;margin-top:24px}
.layer_calendar .calendar_wrap .list_chk_item li .item {width:56px;height:56px;text-align:center; margin:0 auto;}
.layer_calendar .calendar_wrap .list_chk_item li .item.on{background:#3fcfe0; border-radius:50%;}
.layer_calendar.month .calendar_wrap .list_chk_item{display: flex;flex-wrap: wrap;}
.layer_calendar.month .calendar_wrap .list_chk_item li {float:left; width:14.28%;text-align:center;margin-top:24px}
.layer_calendar.month .calendar_wrap .list_chk_item li .item {width:32px;height:32px;text-align:center;margin: 0 auto;}
.layer_calendar.month .calendar_wrap.type2{padding:0; margin:0; margin-top:56px;}
.layer_calendar .dim{content: '';display: block;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .6);}
.wrap_pop.layer_calendar.month .pop_cont{padding:0 0px}
.list_chk_item {margin:32px auto;}
.list_chk_item li {display:inline-block;position:relative}
.list_chk_item li.multi_select .item{background-color:#3fcfe0;border-radius:50%;color:#000;}
.list_chk_item li.multi_select.first:before{z-index:-1;content:"";background-color: #3fcfe0;position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
.list_chk_item li.multi_select ~ li.multi_select:before{z-index:-1;content:"";background-color: #3fcfe0;position: absolute;top: 0;bottom: 0;left: -50%;right: 0;}
.list_chk_item li.multi_select.on:before{content:""}
.list_chk_item li.multi_select.on .item{font-weight:bold}
.list_chk_item li.multi_select + li.multi_select.on:before{right:50%}
.list_chk_item li.multi_select + li.multi_select.on .item{font-weight:400}
.list_chk_item li.multi_select:not(.first) .item.active{font-weight:400}
.list_chk_item li .item {display:block;color:#000;}
.list_chk_item li .item.sat{color:#c3c3c3;}
.list_chk_item li:nth-child(7n+1) .item{color:#000}
.list_chk_item li:nth-child(7n) .item{color:#000}	/* MY0317 */
.list_chk_item li:nth-child(7n+1) .item.unacceptable{color:#c3c3c3;}
.list_chk_item li:nth-child(7n) .item.unacceptable{color:#c3c3c3;}	/* MY0317 */
.list_chk_item li .item.off{color:#c3c3c3}
.list_chk_item li .item.active {width:40px;height:40px;background-color:#3182f6;border-radius:50%;color:#fff;font-weight:400}
.list_chk_item li .item.sel_not {background-color:transparent;color:#c3c3c3}

/* 회원가입 이용약관 약관동의*/ 
.tit.agree{padding: 56px 0 20px;font-size:19px;font-weight:bold;color:#000;position:relative;}
.tit.agree2{padding: 56px 0 0px;font-size:19px; font-weight:normal; color:#000;position:relative;}
.tit.agree.arr{display:inline-block;padding:0 26px 0px 0;margin-top:24px; word-break:keep-all; margin-bottom:48px}/*0708 상단간격 수정 박진수*/
.tit.agree.arr:after{content:"";background-image: url(../images/common/btn_black_down_arrow.png);width:24px;height:24px;position:absolute;right:0;bottom:0px;}
.inner.phone_wrap .agree_box{overflow: hidden;position: relative;padding: 0px 0px 36px 0}
.agree_box p{font-size: 15px;color:#767676;line-height: 22px;word-break: break-all;}
.admin p{width:100%; height:100%; padding:168px 0px; font-size:22px; font-weight:900; text-align:center; box-sizing:border-box;}
select.agree{margin-bottom:24px;padding-right:24px;color: #000;width:auto;-webkit-appearance: none;background: url(../images/common/btn_down.png) no-repeat right 0px center;z-index: 99;box-sizing: border-box;}
/* 약관 표 스크롤 생성 */ /* 20200617 스크롤 추가 */
.inner.phone_wrap .agree_box.agree_scroll{overflow:auto;}

/* 로그인 비밀번호인증 통신사 고용형태 추천정보 선택 */
.inp_def.choice {height:48px;padding:0; margin:40px 0 24px;border-bottom: 1px solid #c3c3c3;} /*0709 회원가입 간격 수정 박진수*/
/* 210601 수정 */
.inp_def.choice .btn_view, 
.inp_def.choice2 .btn_view, 
.choice3 .btn_view {display:block;position:relative;width: 100%;padding: 0 35px 0 4px;font-size:19px;color:#8e8e8e;background-color:#fff; height:48px;line-height:48px;box-sizing: border-box;text-align: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.inp_def.choice .btn_view .dp_ib {display: inline-block; vertical-align: -5px;}
/* 210601 수정 end */
.inp_def.choice2 {height:38px;padding:0; margin-top:31px;}
.inp_def.choice3 {height:48px;padding:0; margin-top:21px; border-bottom: 1px solid #c3c3c3;}
.inp_def.choice .btn_view.active{color:#000}
.inp_def.choice .btn_view:after, .inp_def.choice2 .btn_view:after, .inp_def.choice3 .btn_view:after{content: '';display:block; position: absolute; top:12px; right:4px; width:24px; height:24px;background-image:url(../images/common/btn_arr_right.png);background-position:right 0 center;background-repeat: no-repeat;background-size:16px;transform: rotate(90deg); }
.inp_def.choice .num{font-size:21px;}
.inp_def.choice.account_wrap{height:auto;min-height:40px;margin:40px 0 8px}
.inp_def.choice.account_wrap button{height:auto;color:#000;line-height: inherit;}
.inp_def.choice.account_wrap .btn_view:after{content:none}
.inp_def.choice.account_wrap .tit_btn:after{content:"";display:inline-block;width:24px;height:24px;float:right;background-image: url(../images/common/btn_arr01.png);background-repeat:no-repeat;background-position: 0 center;background-size: 16px;}
.inp_def.choice.account_wrap .tit_btn{font-size:19px;}
.inp_def.choice.account_wrap .num{font-size:15px;margin: 6px 0 8px;}

/* 인증번호입력, 주민등록번호 */
.social_num {width:48%; border-bottom: 1px solid #c3c3c3;padding-left:4px;}
.inner .inp_def.inp_birthday, .inner .inp_def.inp_birthday.active{padding:0px; border-bottom:0;}
.inp_def.inp_birthday.active .certifi_num.active {border-bottom:1px solid #000}
.inp_def.each input[type="text"], .inp_def.each input[type="number"], .inp_def.each input[type="tel"]{font-size: 19px;width:48%;border-bottom: 1px solid #c3c3c3;padding-left:4px;}
.inner .inp_def.remove_line, .inner .inp_def input[type="text"].remove_line, .inner .inp_def input[type="number"].remove_line, .inner .inp_def input[type="tel"].remove_line {border-bottom: 1px solid transparent;}
.inp_def input.certifi_num.active{border-bottom: 1px solid #000;}
.inp_def.each input.certifi_num[type="text"], .inp_def.each input.certifi_num[type="number"], .inp_def.each input.certifi_num[type="password"] {width:30%;}
.inp_def input.certifi_num.center{text-align:center;}
.inp_def input.certifi_num.center::placeholder{text-align:center;}
.inp_def.each .direct_input{display:none}
.inp_def.each.swap .sel_mail{}
.inp_def.each.swap .direct_input{display:block;position: absolute;top: 0;bottom: 0;right: 32px;width: calc(50% - 48px) !important;background-color: #fff;}
.inp_def.phone_chk input.certifi_num[type="text"], .inp_def.phone_chk input.certifi_num[type="number"]{width: 100%;padding-left:0;border:0;}
.inner .inp_def.phone_chk {border-bottom:1px solid #000}
.dash {margin: 0 8px;font-size: 19px;color: #000;line-height: 45px;}
.certifi_num{position:relative;} 
.certifi_num_hyphen{display:inline-block; position:relative;width:31px; height:100%; line-height:48px; padding:0 10px;box-sizing:border-box;}
.certifi_num_hyphen:before{content:"";position:absolute; left:10px; bottom:23px;width:10px;height:1px;background-color:#000}

/* TOBE 회원가입완료 여백 */
.phone_tit_space_top, .tit_space_top {padding:24px 0 0; position:relative; font-size:23px; color:#000; font-weight:bold;line-height:32px; z-index: 1} /* 200708_수정(상단여백) */
h4.phone_tit_space_top{font-size:15px; line-height:1.47; padding-top:88px;}
.phone_tit_space_top.center{text-align:center;padding-top:0;margin-top:0px;}
.phone_tit_space_top + .authorization_step{margin-top:5px}
.phone_tit_space_top .num_point{font-size:25px;font-weight:bold}
.phone_tit_space_top.info {position:relative;display:flex; align-items:center;/*padding:0;position:relative*/}
.phone_tit_space_top.info.inner{padding-top:24px;}/*0708 상단간격 수정 박진수*/ 
.phone_tit_space_top.icon{position:relative;padding:0 0 0 65px;margin-top:60px;margin-bottom:10px;min-height:50px;line-height: 50px;}
.phone_tit_space_top.icon i{width:50px;height:50px;background-color:#eee;position:absolute;top:50%;left:0;margin-top:-25px;border-radius:50%;}
.tit_space_top .btn_more{display:inline-block; position:relative;}
.tit_space_top .btn_more:after {content:"";display:inline-block; top:50%; margin-top:-6px;width:24px;height:24px;background-image:url(../images/common/btn_right_arrow.png);background-size:24px;}
.phone_tit_space_middle {padding:0; font-size:19px; color:#000; letter-spacing: -1.3px}
.noti_type_space{padding:15px 0 30px}
.noti_type_space.pb0{padding-bottom: 0;}

/* TOBE 권유직원번호 + 프로모션코드 + 추천인코드 입력 + btn_change */
.phone_wrap{display:block}
.phone_wrap.type_name{margin:40px 0}/*0709 회원가입 간격 수정 박진수*/
.phone_wrap.type_name .inp_def button.btn_del{position:absolute;right:10px}
.phone_wrap.type_name .txt.warning {margin-top:8px;}

/* TOBE 권유직원번호 + 프로모션코드 + 추천인코드 입력 + btn_change */
.phone_wrap .radio_def{display:inline-block;margin:30px 30px 30px 0;color:#000;font-size:19px;}
.phone_wrap .inp_def button.btn_del{position:absolute;/*right:120px*/ z-index:1;}
.phone_wrap .inp_def span.countdown{position:absolute;top:50%;right:4px;margin-top:-10px;border: 0;color:#ee0202;text-align:right}
.phone_wrap .inp_def .w60{width:60px}
.phone_wrap .inp_def .w110{width:110px}
.phone_wrap .inp_def .btn_change{position: absolute;top: 50%;right: 50px;margin-top: -10px;color:#000;text-decoration: underline;}
.phone_wrap .inp_def .btn_change.active{background: #8d9cfd;color: #fff}
.phone_wrap .num button.btn_del{position:absolute;right:170px}
.phone_wrap .txt_top{padding-top: 20px;padding-bottom:20px; font-size:17px;color:#000;line-height: 1.3;letter-spacing: -0.8px}/*0905 추가*/

/* 이름 + 내국인/외국인 선택 + 생년월일 */
.phone_wrap .inp_def .location{position:absolute;width:110px;right:0;border:none}
.phone_wrap .inp_def .location input[type="tel"]{width: 100%;border: 0;padding:0;font-size: 17px;color: #000;box-sizing: border-box}
.phone_wrap .inp_def .location .btn_change{position: absolute;top: 50%;right: 0;width: 50px;height: 40px;margin-top: -20px;background-color: #e6e6e6;border-radius: 30px 30px;color:#000}
.phone_wrap .inp_def .location .sel_def{border-bottom:none}
.phone_wrap .inp_def .male{right:55px}
.phone_wrap .inp_def .female{right:0}
.phone_wrap .inp_def .inp_birth{letter-spacing: -1px;font-size: 16px}
.inner .inp_def.line_half{display:inline-block; width:36%}/* 주민번호 */

/* TOBE 포인트리 보내기 */
.inner.send_point .phone_wrap {margin: 42px 0 0px 0;}
.inner .inp_def {border-bottom: 1px solid #c3c3c3;}
.inner .inp_def .txt.warning{position: absolute;left: 0;right: 0;top:48px;}
.inner .inp_def + .inp_def {margin-top:24px;}/*0709 회원가입 간격 수정 박진수*/
.inner .inp_def.no_line {border-bottom:0}
.inner .inp_def.active, .inner .inp_def.textarea_def.active {border-bottom: 1px solid #000;}
.inner .inp_def.remove_line, .inner .inp_def .remove_line {border-bottom: 1px solid transparent;}
.inner .inp_search.active, .inner .inp_search.textarea_def.active{border-bottom:0;} 
.inner .inp_search.remove_no_line.active {border-bottom: 0;}
.inp_def.slide, .inp_def.slide.active{position:relative;padding:0px;width:96px;margin:0 auto;border-bottom:0;}
.inp_def.slide input.inp_alt{width:76px;position:absolute;top:0;bottom:0;right:0;left:0;font-size:40px;font-weight:bold;text-align:center;caret-color:transparent;background-color:#fff;}
.inp_def.slide input.inp_alt.active{caret-color:#000;}
.inp_def.link_inn input {padding-right:40px;}
.inp_def.link_inn .btn_del{right:40px}
.inp_def.link_inn .link{position:absolute;top:50%;left:auto;right:0;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.inner.send_point {padding:10px 30px 70px;}
.inner.send_point .box_nameSwiper {margin:48px 0 0px;}
.inner.send_point .inp_def.tooltip {margin-top:40px}
.inner.send_point .inp_def+.inp_def, .inner.send_point .inp_def+.textarea_def {margin-top:22px;}
.inner.send_point .inp_def input{font-size:19px;}
.inner.send_point .inp_def input.num{font-size:21px;}
.inner.send_point .textarea_def {position:relative;border-bottom: 1px solid #c3c3c3;}
.inner.send_point .textarea_def textarea, .textarea_def.inp_def textarea {resize:none;height:48px;line-height: 48px;min-height:36px;font-size:19px;padding:0 0 0 4px ;border-width:0;box-sizing:border-box;overflow:auto; white-space:nowrap; margin-right:32px;}
.inner.send_point .textarea_def textarea::placeholder { font-weight:300;}
.inner.send_point .textarea_def .count_area {color:#b0b0b0;padding: 0;position: absolute;right: 0;top: 50%;margin-top: -10px;}
.inner.send_point .textarea_def .count_area .txt_blue {color:#b0b0b0;display:inline-block;margin-top:-3px;}
.inner.send_point .phone_wrap.type_name .txt.warning{margin-top:15px}

/* TOBE 본인인증 인증 */
.container .inner.authorization_choice{padding:0 32px;}
.authorization_choice .phone_tit_space_top{margin-bottom:16px;}
.authorization_choice .box_nameSwiper{padding:0 8px;margin-top:46px}
.authorization_choice .box_nameSwiper .swiper-container{margin-bottom:22px}
.authorization_choice .sub_tit{font-size:15px;padding:0 8px;margin-top:16px}
.authorization_choice .auth_wrap{margin-top:46px}
.authorization_choice p .num_point:first-of-type{margin-left:4px}
.authorization_choice li a{display: block;position: relative;padding: 40px 0px 40px 0px;font-size: 19px;background-color:#fff;border-bottom:1px solid #eee;vertical-align: middle}
/*.authorization_choice li a:last-of-type{border-bottom:0;}*/
.authorization_choice li a:after{content: '';display: block;position: absolute;top: 50%;right: 0px;width: 16px;height: 16px;margin-top: -8px;background-position: 0px 0px;background-image: url(../images/common/btn_arr_rgt.png);background-repeat: no-repeat;background-size:16px;}
.authorization_choice li a.icon.phone{padding-left:56px}
.authorization_choice li a.icon.card{padding-left:64px}
.authorization_choice li a.icon:before{content:"";position: absolute;left: 0px;top: 50%;margin-top: -20px;width:40px;height:40px;}
.authorization_choice li a.icon.phone:before{background:url(../images/common/icon_phone.png) no-repeat 0 0;background-size: 40px;}
.authorization_choice li a.icon.card:before{background:url(../images/common/icon_card.png) no-repeat 0 0;background-size: 40px;}
.authorization_choice li a .tit{display: block;color: #353535;font-weight: bold;margin-bottom:0px}
.authorization_choice li a .txt{display: inline-block;color: #b0b0b0;font-size:15px}
.authorization_choice .auth_list li{border-bottom:1px solid #eee; box-sizing:border-box;}
.authorization_choice .point_list .auth_list li{padding-left: 0;} /* 200713_수정 */
.authorization_choice .point_list .auth_list li a:after{    background: url(../images/common/btn_arr_right.png) no-repeat right 0 center;background-size:16px;right: 8px;}
.authorization_choice .point_list .auth_list li a .tit{font-size:19px}
.authorization_choice .noti_send_account{padding:0 10px;background-color:#fff;margin: 40px 0 0;}
.authorization_choice .noti_send_account .btn_view{background-color:#fff;font-size:19px;color:#000}
.authorization_choice .noti_send_account .accordion_view{background-color:#fff;padding:5px 0 40px 0}
.authorization_choice .noti_send_account.accordion_mdu .accordion_view .dot_list li{margin: 5px 0;padding-bottom:0;}
.authorization_choice div.noti_send_account.accordion_mdu:last-of-type{margin-bottom:40px}

 /* TOBE 약관보기 */
.agree_box {overflow: hidden; position: relative; padding: 26px 0;}

/* TOBE 본인인증 약관동의 (전체동의) */
/* [25-04-04] KB이지대출 화면 개선 s */
.authorization_step {margin-bottom: 56px}
.authorization_step li{position: relative;  margin-top:32px; font-size: 15px;line-height: 22px;vertical-align: middle}
.authorization_step li:nth-child(1){display: block;overflow: hidden; margin-top:0px; margin-bottom:0px}
.authorization_step li a{display: block;position: absolute;right: 32px; top: 0;width: 24px;height: 24px}
.authorization_step li a:after{content:'';display: block;position: absolute;top: 0;right: 0;width: 16px;height: 16px;margin-top: 0;background-image: url(../images/common/btn_arr_rgt.png);background-repeat: no-repeat;background-position: center; background-size:16px;}	
.authorization_step li .toggle a:after {content: '';display: block;position: absolute;top: 50%;right: 0;width: 16px;height:16px;margin-top: -12px;background-image: url(../images/common/btn_arr_tp.png);background-repeat: no-repeat;background-position: center;transform:rotate(180deg);-webkit-transform:rotate(180deg);  background-size:16px;}
.authorization_step li .toggle.on a:after {content: ''; display: block; position: absolute;top: 50%;right: 0;width: 16px;height: 24px;margin-top: -12px;background-image: url(../images/common/btn_arr_tp.png);background-repeat: no-repeat;background-position: center;transform:rotate(0deg);-webkit-transform:rotate(0deg);}
.authorization_step li .checkbox_def.on a:after{background-image: url(../images/common/btn_arr_tp.png);}
.authorization_step .section_top li:nth-child(1){padding:0;}	
.authorization_step .checkbox_def.all_check {font-size:19px;margin-top:24px;color:#000; margin-bottom:0px;}
.authorization_step .checkbox_def {position: relative;}
.authorization_step .checkbox_def a {width: auto;left:32px;}
.authorization_step .checkbox_def label{vertical-align: middle;padding-right: 26px;display:inline-block; color:#717171;}
.authorization_step .checkbox_def label + a {width:auto;right:0px;}
.authorization_step .checkbox_def input:checked[type="checkbox"]+.sp_common_b:before{content:"";background-image: url(../images/common/check_on02.png);background-repeat: no-repeat;background-position: 0px 0px;background-size: 24px}
.authorization_step .checkbox_def input:checked:disabled[type="checkbox"]+.sp_common_b:before{background-image: url(../images/common/ico_check_disabled.png);background-size: 24px}
.authorization_step .checkbox_def.all_check input[type="checkbox"]+.sp_common_b:before{background-image: url(../images/common/check_off02.png);background-size: 24px;top:50%;margin-top:-12px;}
.authorization_step .checkbox_def.all_check input:checked[type="checkbox"]+.sp_common_b:before{background-image: url(../images/common/check_on02.png);background-size: 24px}
.authorization_step .checkbox_def.all_check label{color:#000}
.authorization_step .checkbox_def span{color: #ee0202;display:inline-block}
.authorization_step .checkbox_def span.agree_txt {color:#000;padding-left: 17px;}
.authorization_step.mar_bnon{margin-bottom: 0;}
.authorization_step .checkbox_def_off input:checked[type="checkbox"]+.sp_common_b:before{content:"";background-image: url(../images/common/check_on.png);background-repeat: no-repeat;background-position: 0px 0px;background-size: 24px 24px}
.authorization_step .checkbox_def .checkbox_agree_txt{padding:7px 39px 7px 34px;font-size:15px;line-height:22px;color:#717171}
.authorization_step .checkbox_def.inner a{left:64px;right:30px}
.authorization_step.type1 .checkbox_def{padding-left:32px; padding-right:32px}
.authorization_step.type1 .checkbox_def a {width:auto;left:64px;right:32px}
.inner > .authorization_step.type1 li a{right:0px}
.authorization_step .checkbox_def a {right:32px;}
/* [25-04-04] KB이지대출 화면 개선 e */

/* PO0606_05_02_04_(02) 포인트리 > 포인트리사용하기 > 비디오포털 > 비디오포털약관동의 */
.authorization_step .auth_in_box + ul {padding-left:32px;}
.authorization_step .auth_in_box + ul .txt_black .checkbox_def.br {padding-left:0;}
 
/* MW0108 제휴멤버십 명 약관 토글 */
.authorization_step.type1.toggle .checkbox_def.toggle + .chk_inn_wrap{display:none;}
.authorization_step.type1.toggle .checkbox_def.toggle.on + .chk_inn_wrap{display:block;}
.authorization_step.type1.toggle .chk_inn_wrap li{padding:0;}
.authorization_step.type1.toggle .chk_inn_wrap li .checkbox_def a{right:0;}

/* PR0709 KBEasy대출 정보제공동의*/
.authorization_step .auth_in_dotBox{padding:24px 48px;margin:20px 0 0 0;background:#f6f6f6;} 
.authorization_step .auth_in_dotBox > li {margin-top:8px;padding: 0px 0 0px 8px;}
.authorization_step .auth_in_dotBox > li:first-of-type {margin-top:0px;padding: 0px 0 0px 8px;}

/* MW0113 자동적립멤버십상세 */
.authorization_step.type1.toggle .chk_inn_wrap{padding-top:16px}
.authorization_step.type1.toggle .chk_inn_wrap .checkbox_def.dot_list {padding-top:0;}

/* 통신사 선택 리스트 company_chk_wrap */
.company_chk_wrap {/*min-height: 347px;*/}
.company_chk_wrap .radio_def {margin-top: 16px;font-size: 19px;line-height: 26px;vertical-align: middle}
.company_chk_wrap .radio_def.no_first{padding-top:16px;}
.company_chk_wrap .radio_def label{padding-left:0;}
.company_chk_wrap .radio_def input[type="radio"]+.sp_common_b:before{content:"";position:absolute;left:0;top:50%;display: inline-block;width:24px;height:24px;margin-top:-12px;margin-right: 10px;border-radius:0;background-image: none;}
.company_chk_wrap .radio_def input:checked[type="radio"]+.sp_common_b:before{width:0;background-image: url(../images/common/check_on.png);}
.company_chk_wrap .radio_def input:checked[type="radio"]+label{color:#000; }
.company_chk_wrap.list .radio_def:first-child {padding:0px 0 0 0;}

/* 통화선택 팝업 */
.company_chk_wrap.flag .tit_sub{font-size:15px;color:#717171;margin-top: 32px;display: inline-block;}
.company_chk_wrap.flag .radio_def:after{content:"";display:block;clear:both}
.company_chk_wrap.flag .radio_def label{float:left;color:#000}
.company_chk_wrap.flag .radio_def .num{float:right;font-size: 15px;}
.company_chk_wrap.flag .radio_def .nation{float:right;font-size: 15px;font-weight:bold}
.company_chk_wrap.flag .radio_def .emoji{float:left;border:0;width:24px;height:24px;line-height:24px;margin-right:24px;font-size:18px;}/* 200623_이모지수정 */
.company_chk_wrap.flag .btn_all_view{font-size:19px;color:#000; float: left; margin-top: 16px; /*padding-left:48px; background: url(../images/common/flag.png) no-repeat 0 center;*/} /* 200623_이모지수정 */
.company_chk_wrap.flag .btn_all_view .emoji_txt {display:inline-block; line-height:24px; vertical-align: middle;} /* 200623_이모지수정 */
.company_chk_wrap.flag .btn_all_view .emoji {display:inline-block; width:24px; height:24px; font-size:18px; line-height:24px; margin-right: 24px;  vertical-align: middle;} /* 200623_이모지수정 */ 

/* TOBE 팝업 내용 2026*/
.job_pop_wrap,.basic_pop_wrap{padding: 48px 0;font-size: 19px;color: #000;text-align: center;font-weight: bold;}
.job_pop_wrap.tl{text-align:left;}
.job_pop_wrap li, .basic_pop_wrap li{font-size:15px;color:#000;line-height:22px;font-weight: 400;}
.basic_pop_wrap{padding:48px 20px}
.job_pop_wrap.list_noti_type, .job_pop_wrap.type1{text-align:left}
.wrap_pop .section_pop.scroll_no, .wrap_pop.alert_style_btm .section_pop.scroll_no{overflow: hidden}
.wrap_pop .section_pop.scroll_no .wrap_pop_section, .wrap_pop.alert_style_btm .section_pop.scroll_no .wrap_pop_section{overflow:auto; margin-top:16px; max-height: calc(100vh - 140px); padding:0;}

/* TOBE textarea type 정의 */
.textarea_def textarea{width: 100%;min-height: 142px;padding: 20px 20px;border: 1px solid #e6e6e6;font-size: 17px;background-color: #fff;color: #000;box-sizing: border-box;line-height: 1.4;letter-spacing: -1px;}
.textarea_def textarea::placeholder{color: #c3c3c3; font-weight:normal;}
.textarea_def textarea:-ms-input-placeholder{color: #c3c3c3 !important;}
.textarea_def .count_area{padding-top: 7px;text-align: right;}
.textarea_def .count_area .txt_blue{color:#717171 !important}
.textarea_def.ipt .count_area{padding: 0;position: absolute;right: 0;top: 50%;margin-top: -10px;}
.textarea_def.txt_area_answer{border-bottom: 1px solid #c3c3c3;padding:0 4px}
.textarea_def.txt_area_answer textarea{padding:12px 0px 0px 0px}
.textarea_def.txt_area_answer .count_area {padding-top: 0px;margin-right: 0px;text-align: right;position: absolute;right: 0;top: auto;bottom: -28px;}
.textarea_def.txt_area_answer .count_area .txt_blue{color:#717171}
.textarea_def.inp_def.full{border-bottom: 1px solid #c3c3c3;padding: 0 4px 0px 4px;}
.textarea_def.inp_def.full textarea{padding:12px 0 0 0;}

/* JO0100 회원가입 약관동의 */
.chk_inn_wrap {padding:24px 30px; margin-top:24px;background-color: #f6f6f6;margin-bottom: 8px;}
.chk_inn_wrap .checkbox_def {margin-top:24px}
.chk_inn_wrap .checkbox_def:first-of-type {margin-top:0px}
.chk_inn_wrap .checkbox_def label {padding-right:12px;}
.chk_inn_wrap .checkbox_def.space_top {margin-top:40px}

/* JO0101 회원가입 약관동의 */
.authorization_step.type1 li .chk_inn_wrap li:nth-child(1) {padding:0px;}
.authorization_step.type1 li .chk_inn_wrap li .checkbox_def {padding-left:24px;}
.checkbox_def.point input[type="checkbox"]+.sp_common_b:before{background-image: url(../images/common/check_off01.png);background-size: 24px}
.checkbox_def.point input:checked[type="checkbox"]+.sp_common_b:before{background-image: url(../images/common/check_on01-1.png);background-size: 24px}
.checkbox_def.point input[type="checkbox"], .checkbox_def.point input[type="checkbox"]+.sp_common_b:before {margin-right: 10px;}

/*  카드포인트  */
.tooltip li{position:relative}
.tooltip li .balloon.arr_up.close{position: absolute; right: 20px; transform: translatey(50%); bottom: 0; top: auto;}
.tooltip li .balloon.arr_up.close:before{left:auto; right:50px}
.card_pay_list.chk ul li:last-of-type{margin-bottom:32px;}
.box_price.accordion_mdu.on .accordion_view .checkbox_def.point input[type="checkbox"]+.sp_common_b:before{margin-right:10px}
.card_pay_list.chk .total_wrap{padding:23px 20px 20px;box-sizing:border-box;display:none;}
.total_wrap.btn_wrap{border-top: 1px solid #eee;}
.total_wrap.btn_wrap.on{display:block}
.total_wrap.btn_wrap .btn_black{border-radius:6px;height:50px}
.total_wrap.btn_wrap .total_pay_box{position:relative;padding:0 10px;margin-bottom:24px}
.total_wrap.btn_wrap .total_pay_box .price{position:absolute;top:0;right:10px;font-weight:bold;font-size:19px}
.total_wrap.btn_wrap .total_pay_box .price span{font-size:21px}
.card_pay_list.fix {padding:60px 30px 62px}
.card_pay_list.fix .payment_tit{padding:0;margin:0;}
.card_pay_list.fix .payment_tit .pay_tit{line-height:30px;display: inline-block;position: relative;padding-right: 40px;}
.card_pay_list.fix .payment_tit .acc_num_gray{position: absolute;top: 50%;margin-top: -15px;right: 0;font-size:15px;width:30px;height:30px;display: inline-block;margin-left:10px;background-color: #f6f6f6;text-align:center;border-radius:6px}

/* 통합조회 납부내역  */
.card_pay_list.fix .fixed_spend_list li{position:relative;margin:30px 0 0 0}
.card_pay_list.fix .fixed_spend_list .tit{line-height:28px;display: inline-block;padding-left: 38px;background-repeat:no-repeat}
.card_pay_list.fix .fixed_spend_list .box_price{position:absolute; top:0; right:0;}
.card_pay_list.fix .fixed_spend_list .box_price span{font-weight:bold}

/* TOBE 계좌, 카드 목록 공통 */
.account_list li{padding:0px;}
.account_list li .btn_list {overflow: hidden;position:relative;display:block;text-align:right;padding-right: 0px;display:flex;align-items:center;align-items:start;/*min-height:40px;min-height: 28px;*/width:100%;font-size: 17px;box-sizing:border-box}
.account_list li a{display:flex;align-items:center;} 
.account_list li a .flex_box{display: flex;justify-content: space-between;align-items: center;width: 100%;}
.account_list li a .flex_box div:first-of-type{margin-right:5px}
.account_list .info{float:left;text-align:left}
.tit_box .tit + .link{line-height:28px}

/* 플래그 */
.chip_list{/*position:absolute; left:50%; transform:translate(-50%);*/ position:relative;text-align:center}
.chip_list li{/*float:left;*/float:none;display:inline-block}
.chip.gray, .chip{display: inline-block; display: -webkit-inline-flex;display: inline-flex; -webkit-box-align: center;-webkit-flex-align: center;-webkit-align-items: center;align-items: center;line-height:1.5rem;padding: 0rem 0.571rem 0rem 0.571rem;font-size:11px;white-space:nowrap;border-radius:12px; margin:0 4px 4px 0;  color:#000; background-color:#f6f6f6;height: 24px;box-sizing: border-box;border: 1px solid transparent;text-align: center;}
.chip.middle{position:absolute; margin:0; top:50%; margin-top:-1px; transform:translateY(-50%);}    
.chip.active{color: #086cfd;border:1px solid #086cfd;background-color:#fff;}
.chip.red{color: #ee0202;border:1px solid #ee0202;background-color:#fff;}
.chip.more{min-width: 24px;min-height: 24px;box-sizing: border-box;text-align: center;text-indent: -2px; padding: 0.15rem 0.4rem 0.15rem 0.4rem;}
.chip_wrap{text-align:left}

/* 플래그 */
.flag_gray{display: inline-block;display: -webkit-inline-flex;display: inline-flex;-webkit-box-align: center;-webkit-flex-align: center;-webkit-align-items: center;align-items: center;line-height:1.5rem;
    padding: 0rem 0.571rem 0rem 0.571rem;font-size:11px;white-space:nowrap; border-radius: 12px; margin:0 8px 8px 0; color:#000;background-color:#f6f6f6;height: 24px; box-sizing: border-box; border:1px solid transparent;text-align: center;}    
.flag_active{display: inline-block;display: -webkit-inline-flex;display: inline-flex;-webkit-box-align: center;-webkit-flex-align: center;-webkit-align-items: center;align-items: center;line-height:1.5rem;
    padding: 0rem 0.571rem 0rem 0.571rem;font-size:11px;white-space:nowrap;border-radius: 12px; margin:0 8px 0px 0; color:#3fcfe0; background-color:#fff; height: 24px; box-sizing: border-box; border:1px solid #3fcfe0;text-align: center;}
.flag_blue{display: inline-block;display: -webkit-inline-flex;display: inline-flex;-webkit-box-align: center;-webkit-flex-align: center;-webkit-align-items: center;align-items: center;line-height:1.5rem;
    padding: 0rem 0.571rem 0rem 0.571rem;font-size:11px;white-space:nowrap; border-radius: 12px; margin:0 8px 0px 0; color:#086cfd;background-color:#fff;height: 24px; box-sizing: border-box; border:1px solid #086cfd;text-align: center;}    
.flag_blue.jump{margin-bottom:8px;}

/* 플래그 MY0302 flag 크기 fix(개발자 요청) */
.flag_blue_fix{display: inline-block;display: -webkit-inline-flex;display: inline-flex;-webkit-box-align: center;-webkit-flex-align: center;-webkit-align-items: center;align-items: center;line-height:1.5rem;
    padding: 0rem 0.571rem 0rem 0.571rem;font-size:11px;white-space:nowrap; border-radius: 12px; margin-right:8px; color:#086cfd;background-color:#fff;height:24px; box-sizing: border-box;border:1px solid #086cfd;text-align:center; min-width:40px;}

/* 플래그 account_FI 자산연동 flag */
.float_flag_blue{display: inline-block;display: -webkit-inline-flex;display: inline-flex;-webkit-box-align: center;-webkit-flex-align: center;-webkit-align-items: center;align-items: center;line-height:1.5rem;
    padding: 0rem 0.571rem 0rem 0.571rem;font-size:11px;white-space:nowrap; border-radius: 12px; margin:0 0 8px 0; color:#086cfd;background-color:#fff;height: 24px;box-sizing:border-box;border:1px solid #086cfd;text-align: center;position:absolute;top:-8px;left:-8px;}
.float_flag_red{display: inline-block;display: -webkit-inline-flex;display: inline-flex;-webkit-box-align: center;-webkit-flex-align: center;-webkit-align-items: center;align-items: center;line-height:1.5rem;
    padding: 0rem 0.571rem 0rem 0.571rem;font-size:11px;white-space:nowrap; border-radius: 12px; margin:0 0 8px 0; color:#db8787;background-color:#fff;height:24px; box-sizing: border-box;border:1px solid #db8787;text-align: center;position:absolute;top:-8px;left:-8px;}
.chip.btn_more {display: inline-block;display: -webkit-inline-flex;display: inline-flex;-webkit-box-align: center;-webkit-flex-align: center;-webkit-align-items: center;align-items: center;
    padding:0rem 0.5rem 0rem 1.5rem;white-space:nowrap;line-height:1.5rem;margin:0; width: auto;height: 24px;font-size: 11px;border: 1px solid #c3c3c3;border-radius: 20px;background: url(../images/common/ico_plus.png)no-repeat 8px center;background-size:12px;}
/* MW0100 간편결제 */
.swiper-container.chain .swiper-slide .btn_more{display: inline-block;display: -webkit-box;display: -webkit-inline-flex;display: inline-flex;-webkit-box-align: center;-webkit-flex-align: center;-webkit-align-items: center;align-items: center;
    padding-top: 0.08rem;padding:0rem 0.5rem 0rem 1.5rem;white-space:nowrap;line-height:1.5rem;width:auto;height:24px;font-size:11px;border:1px solid #c3c3c3;border-radius:20px;box-sizing: border-box;background: url(../images/common/ico_plus.png)no-repeat 8px center;background-size:12px;}

/* 오늘의 퀴즈  MA0107 BE0401 */
.btn_ox_wrap{padding: 0px 28px 0px 28px;text-align: center;display: flex;margin-top: 24px;}
.btn_ox_wrap .radio_def {position: relative;width: 50%;height: 40px;line-height: 40px;    background: #ffffff;color: transparent;padding: 0 4px;}
.btn_ox_wrap .radio_def input[type="radio"]{left:0;top:0;right:0;bottom:0;margin-top: 0px;width: 100%;height: 100%;}
.btn_ox_wrap .radio_def label{font-size:0;height: 40px;border-radius: 20px 20px;background: #ffffff;font-size: 0;color: transparent;border: 1px solid #c3c3c3;
    margin: 0;width: auto;box-sizing: border-box;position: absolute;top: 0;left: 4px;right: 4px;bottom: 0;}   
.btn_ox_wrap .radio_def input:checked[type="radio"] + label{background-color:#222222;border: 0px solid #222222;}
.btn_ox_wrap .radio_def input[type="radio"] + label:before{background-image:none;position: absolute;top: 50%;left: 50%;}
.btn_ox_wrap .radio_def input:checked[type="radio"] + label:before{background-image:none;;}
.btn_ox_wrap .radio_def.btn_o input[type="radio"] + label:before{margin: -6px 0 0 -6px;width:12px;height:12px;box-sizing:border-box;border:1px solid #086cfd;border-radius:50%;}
.btn_ox_wrap .radio_def.btn_o input:checked[type="radio"] + label:before{border:1px solid #fff;border-radius:50%;}
.btn_ox_wrap .radio_def.btn_x input[type="radio"] + label:before{transform: rotate(45deg);background-color: #000;background-color: #ee0202;position: absolute;top: 50%;left: 50%;margin: -7px 0 0 0px;height: 14px;width: 1px;}
.btn_ox_wrap .radio_def.btn_x input[type="radio"] + label:after{content: "";transform: rotate(-45deg);background-color: #000;background-color: #ee0202;position: absolute;top: 50%;left: 50%;margin: -7px 0 0 0px;height: 14px;width: 1px;}
.btn_ox_wrap .radio_def.btn_x input:checked[type="radio"] + label:before, 
.btn_ox_wrap .radio_def.btn_x input:checked[type="radio"] + label:after{background-color: #fff;}

/* mypage 나의내역 내용입력 */
.my_info_list li{margin-bottom:16px}
.my_info_list li:last-of-type{margin-bottom:8px}
.my_info_list li .radio_def label{font-size:15px;color:#000;padding-left:28px}
.my_info_list li .date_wrap{float:right;color:#000}
.my_info_list li .date_wrap .num{float:left;display:inline-block;line-height:24px}
.my_info_list li .date_wrap .btn_arr_rgt{float:left;font-size:0;text-indent:-9999px;margin-left:8px;background: url(../images/common/btn_arr_right.png) no-repeat right 0px top 2px;background-size:16px;}

/* TOBE input type 정의 */
.inp_def{display: flex;position:relative;height: 48px;padding: 0 16px 0px 4px;border-bottom: 1px solid #c3c3c3;align-content: center;}
.inp_def input::placeholder{color:#8e8e8e !important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;  }
.inp_def input.tar[type="number"] {padding-right:4px;}
.inp_def input.txt_black[type="number"]::placeholder {color:#000 !important;}
.inp_def input[type="text"]::placeholder, .inp_def input::placeholder{font-size:19px!important; color: #c3c3c3; font-weight:350;}
.inp_def input[type="text"]:-ms-input-placeholder, .inp_def input:-ms-input-placeholder{font-size:19px;color: #c3c3c3 !important; font-weight:350;}
.inp_def input[type="number"]:-ms-input-placeholder{color: #c3c3c3 !important;}
.inp_def.tar input[type="number"]:-ms-input-placeholder{text-align:left;}
.inp_def input[type="tel"]{width: 100%;border: 0;font-size: 21px;color: #000;box-sizing: border-box;}
.inp_def input[type="tel"]::placeholder{color: #c3c3c3;}
.inp_def input[type="password"]{width: 100%;border: 0;font-size: 17px;color: #000;box-sizing: border-box;}
.inp_def input[type="password"]::placeholder{color: #c3c3c3;}
.inp_def input[type="date"]{width: 100%;border: 0;font-size: 17px;color: #000;box-sizing: border-box;}
.inp_def input[type="date"]::placeholder{color: #c3c3c3;}
.inp_def.disabled{background: #eee;}
.inp_def input[disabled="disabled"]{background: #eee;text-indent: 10px}
.inp_def .ptxt {font-size: 17px;color: #666;line-height: 50px;}
.inp_def .btn_del{display: none;}
.inp_def.show_btn .btn_del{display: block !important;}
.inp_def.active{border-bottom: 1px solid #000;}
.inp_def.active .btn_del{display: block; z-index:1;}
.inp_def .balloon, .balloon {opacity:1;transition:opacity 0.5s ease-in-out;position: absolute;font-size:15px;text-align:center;top: -100%;left:0;color:#fff;background-color: #086cfd; z-index: 2;padding: 9px 16px 9px;box-sizing: border-box;border-radius:26px;}
.inp_def .balloon.hide, .balloon.hide {opacity:0;}
.inp_def .balloon:after, .balloon:after {content:"";position:absolute;position: absolute;left: 23px;bottom: -6px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:7px solid #086cfd;border-top:7px solid #086cfd;}
.inp_def.tooltip .balloon{font-size:15px;padding: 6px 16px 6px;min-height: 34px;left: -10px;transform: translatey(50%);}
.inp_def.tooltip .balloon:after{left:30px}
.inp_def select{width:100%;-webkit-appearance:none;background: url(../images/common/btn_arr.png) no-repeat right 8px center;padding:0 16px 0 4px;box-sizing:border-box;background-size: 16px;}
.inp_gray{background:#f6f6f6; border-radius:5px; border:none; font-size:17px; color:#000; font-weight:bold; text-align: center; padding:1px 0; margin-top:-6px; max-width:80px;}
.balloon_wrap .balloon{position: relative;left: auto;right: auto;top: auto;bottom: auto;min-height: 40px;display: inline-block;padding: 10px 16px 0px;}
.balloon.pop_left{left: 8px;top: 24px;transform: translateX(-100%);right:auto}
.balloon.pop_left:after{left:auto;right:16px;}
.balloon.type1:after{content: none;}
.balloon_wrap .balloon.type3{padding:10px 24px; border-radius:32px;}
.balloon.type3:after{content: none;}
.balloon.arr_up{position:relative;padding:16px 20px;font-size:15px;text-align:left;border-radius:12px;}
.balloon.arr_up:before{content:"";top: -6px;left: 50%;margin-left: -4px;position: absolute;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 7px solid #086cfd;}
.balloon.arr_up:after{content:none;}
.balloon.arr_up.tpye2{width:100%; color:#086cfd; display:block; font-weight:bold; position:relative;padding:16px 64px 16px 48px;  font-size:15px;text-align:left; border-radius:12px; background:none; border:1px solid #086cfd;}
.balloon.arr_up.tpye2:before{content:"";top: -5px; left:auto; right:42px; margin-left: -4px;position: absolute; border-left:1px solid #086cfd; border-right:1px solid #fff; border-bottom:1px solid #fff; border-top:1px solid #086cfd;  width:8px; height:8px; background:#fff; transform:rotate(45deg);}
.balloon.arr_up.tpye2:after{border:none;content:'';display:block;font-size: 0;text-indent: -9999px;position: absolute;top:50%;transform:translateY(-50%);left:auto;right: 40px;display: inline-block;width: 16px;height: 16px;background: url(../images/common/btn_arr_rgt.png) no-repeat center;background-size:16px;}
.balloon.arr_top_right {transform: none;top: 58px;right: 18px;left: auto;}
.balloon.arr_top_right:after{left:auto;right:20px;border-top: 0px solid #086cfd;border-bottom: 7px solid #086cfd;top: -7px;bottom: auto;}
.balloon.arr_right {transform: translatey(100%);left: auto;right: 0;}
.balloon.arr_right:after{left:auto;right:30px}
.balloon.center{display:inline-block;position:relative;top:auto;left:auto;white-space: nowrap;margin-top:0;}
.balloon_wrap{padding:12px 0 32px 0;text-align:center;outline:none}
.balloon_wrap.top{padding:0;position: fixed;top:41px;left: 50%;transform: translatex(-50%);white-space: nowrap;z-index:10000}
.balloon.line{display:inline-block;font-size: 15px;font-weight:bold;text-align: center;color: #086cfd;width: 100%;background: #fff;border: 1px solid #086cfd;z-index: 1;padding: 12px 12px 12px;box-sizing: border-box;border-radius: 10px;}
.balloon.line em{font-weight:bold}
.balloon.line:before{content:"";border-top:1px solid #086cfd;border-right:1px solid #086cfd;border-left:1px solid transparent;border-bottom:1px solid transparent;border-width:1px 1px 0 0;
	width:8px;height:8px;transform:rotate(315deg);background-color:#fff;top:-5px;left:auto;right:16%}
.balloon.line.arr_up{margin-top:22px}
.balloon.line .dot{font-weight:400;color:#717171;display:inline-block}
.balloon.close{font-size:15px;padding:7px 16px;top:16px;right: 30px;left: auto;}
.balloon.close:after{left:32px}
.balloon.close em{padding-right:6px;}
.balloon.close .btn_x_sm{width:16px;height:20px;float:right;display:inline-block;background:url(../images/common/btn_x_sm.png) no-repeat right center;font-size:0;text-indent:-9999px}
.balloon.arr_up.close{border-radius:26px}
.balloon.close .num{margin-left:10px;padding-right:0;}
.balloon.btm_fix{top:auto;bottom:32px;left: 50%;right: auto;transform: translatex(-50%);white-space: nowrap;}
.accordion_mdu .balloon.btm_fix:after{left: 42px;}
.wrap_spend_history .inner.tooltip{padding:0px 30px 30px}
.inner.tooltip{padding:0px 30px 30px}
.inner.tooltip .balloon.close{position:relative;display: block;top:auto;right: auto;padding: 9px 28px 9px 16px;text-align: left;border-radius: 26px;margin-top: 23px;}
.inner.tooltip .balloon.close .btn_x_sm{position:absolute;right: 14px;top: 50%;margin-top: -12px;font-size:0;text-indent:-9999px}
.slide_area.quiz .balloon{top:0;transform:translatey(-50%);left:8px}

/* TOBE input search */
.inp_search.inp_def{border-bottom:0;}
.inp_search{display: flex;position:relative;padding: 8px 0;}
.inp_search input[type="text"]{width: 100%;border: 0;font-size: 19px;color: #000;box-sizing: border-box;padding-left:36px}
.inp_search input[type="text"]::placeholder{color: #c3c3c3;}
.inp_search .btn_search{overflow: hidden;position: absolute;top: 50%;left: 0;width: 24px;height: 24px;margin-top: -12px; background-image: url(../images/common/btn_srch.png);background-repeat: no-repeat; background-position: 0 0; text-indent: -9999px; background-size:24px 24px;}
.inp_search .btn_del.sp_common{overflow: hidden;position: absolute;top: 50%;right: 0;z-index:100;width: 16px;height: 16px;margin-top: -6px;background-position:0 0px;background-image: url(../images/common/btn_delete.png);background-repeat: no-repeat;background-size: 16px 16px;text-indent: -9999px;}
.inp_search .btn_del{display: none;}
.inp_search.active .inp_search>.btn_del{display: block;}

/* select type 정의 */
.sel_def{display: flex;position:relative;height: 48px;padding: 0 33px 0px 4px;border-bottom: 1px solid #000;align-content: center;}
.sel_def .sp_common{width: 100%;background-position:100% -108px;}
.sel_def.sel_required select:required:invalid {color: #c3c3c3;}
.sel_def.sel_required select option{color: #c3c3c3;}
.sel_def.sel_required select option[value=""][disabled]{display: none;}
.sel_def input[type="date"]{border: none;}

/* TOBE 전체 팝업 레이아웃 (신규고객 혜택안내 추가) */
.pop_join .btn_close {position: absolute; top: 16px; right: 16px; width: 24px; height: 24px; text-indent: -9999px; background-position: 0 0; background-image:url(../images/common/btn_close_pop.png);background-repeat: no-repeat;background-size: 24px;z-index:99;} 
.pop_join .cont_join1 {background-color: #fff; padding: 24px 32px 40px 32px; border-bottom: 12px solid transparent;}/*0708 상단간격 수정 박진수*/
.pop_join .cont_join1 h2 {font-size: 25px; font-weight: bold; color: #000;}
.pop_join .cont_join1 ul {margin-bottom:20px; padding-top: 10px;}
.pop_join .cont_join1 ul > li {margin-top: 10px; border-bottom: 1px solid #f6f6f6}
.pop_join .cont_join1 ul > li a {display: block; padding:20px 24px 20px 0; position: relative; color: #000; font-size: 19px; border-bottom: #fff solid 1px;}
.pop_join .cont_join1 ul > li a:after {content: ''; display: block; position: absolute; top: 50%; right: 0px; width: 24px; height: 24px; margin-top:-12px; background-position: 0 0px; background-image:url(../images/common/btn_gray.png);background-repeat: no-repeat;background-size:24px 24px;}
.pop_join .cont_join2 + .btn_wrap{padding-bottom:56px}
.pop_join .cont_join2 {padding: 40px 30px 20px 30px; z-index:1; position:relative;}
.pop_join .cont_join2 h2 {font-size: 25px; font-weight: bold; color: #000;}
.pop_join .cont_join2 p {padding: 5px 0 0 0; margin-top:5px; font-size: 17px; color: #808080; position:relative;}
.pop_join .cont_join2 ul {overflow:hidden; margin-top:30px;}
.pop_join .cont_join2 ul > li {float: left; width: 33.3%; text-align: center; padding-top:23px; padding-bottom:20px;}
.pop_join .cont_join2 ul.col3{display:flex;flex-wrap:wrap}
.pop_join .cont_join2 ul.col3 li{border-right:1px solid #eee;border-bottom:1px solid #eee;box-sizing:border-box; min-height:112px;}
.pop_join .cont_join2 ul.col3 li:nth-child(3n){border-right:0;}
.pop_join .cont_join2 ul.col3 li:nth-child(7n), .pop_join .cont_join2 ul.col3 li:nth-child(8n), .pop_join .cont_join2 ul.col3 li:nth-child(9n){border-bottom:0;}
.pop_join .cont_join2 ul > li > img {width: 68px;}
.pop_join .cont_join2 ul > li > p{font-size:15px; color:#333;}
.pop_join .cont_join2 .btn_wrap {margin-top:30px; margin-bottom: 30px}
.pop_join .cont_join2 .btn_wrap button {width:auto; height:44px; padding: 0 31px; font-size: 15px; color:#999; margin: 0 auto; border-radius: 25px;}
.pop_join .cont_join2 .btn_wrap.type1{padding:0 0 10px}
.pop_join .cont_join2 .btn_wrap.type1 button{height:30px;line-height:28px;padding:0;color:#000;width:100%;border-radius:6px}

/* TOBE 휴대전화 인증 재요청 버튼  */
.inp_def.inp_number_space{padding-right:90px}
.inp_def.inp_number_space .btn_change.btn_number_space{position: absolute;top: 50%;right: 55px;margin: -10px 0 0 8px;color:#000}
.inp_def.inp_number_space .btn_del{position:absolute;right:120px}

/* TOBE 포인트리 Pointree 보내기 */
.num_point {color:#000;/*font-weight: bold;*/}
.txt_point{}
.box_nameSwiper.send_point .swiper-slide > p {}
.box_nameSwiper.send_point .swiper-slide > button {color:#000;}

/* dot list style */
.list_noti_type.part li {padding: 0 0 8px 0px;}
.list_noti_type.part li:before{content:none;}
.list_noti_type li, .list_noti_type li.dot{position: relative;padding: 0 0 8px 8px;font-size: 15px;/*color: #999;*/line-height: 20px;}
.list_noti_type li:last-child {padding-bottom:0;}
.list_noti_type li:before, .list_noti_type li.dot:before {content:'';display: inline-block;position: absolute;top: 9px;left: 0px;width: 2px;height: 2px;border-radius: 50%;background: #999}

/* TOBE tip box */
.tip_box {margin-top: 25px;font-size:17px; color:#111; padding: 28px 26px; position:relative;box-shadow: 0px 6px 13px rgba(70, 70, 70, 0.05);}
.tip_box .tip_link{margin-top: 25px;display: block; font-size: 17px; color: #353535}
/* atm */
.tip_box3 {margin-top:0; background-color:#f6f6f6; color:#000; font-size:15px; padding: 16px 16px 16px 47px; position:relative;}
.tip_box3 .tip_link{display: block; font-size: 15px; color: #999;margin-top: 5px;}
.tip_box3 .icon {display:block; width:20px; height:20px;text-align:center; position:absolute; left:16px; top:60%; text-indent:-9999px; margin-top:-17px; background: url(../images/point/tip_icon.png) no-repeat center center;line-height: 35px}

/* tab */
.tab_menu .tab_box li {position:relative}
.tab_menu .tab_box li.active:after{content:"";position:absolute;top:auto;left:0;right:0;bottom:-1px;border-bottom:2px solid #000; box-sizing:border-box; color:#000;}
.tab_menu .tab_box li.active button{color:#000;font-weight:bold} /* 20200706 */
.tab_menu .tab_box li.active span{color:#000; font-weight:bold;}
.tab_menu {padding:0; box-sizing:border-box; /*position:fixed; width:100%; background:#fff; z-index:99;*/}
.tab_menu.col2 .tab_box li {width:50%; z-index:99;}
.tab_menu.col3 .tab_box li {width:33.33%;}
.tab_menu.col5 .tab_box li {width:20.00%;}
.tab_menu.col6 .tab_box li {width:16.66%;}
.tab_box, .tab_sub_wrap{display: table;width: 100%;}
.tab_box li{display: table-cell;text-align: center; border-bottom:1px solid #e9e9e9; box-sizing:border-box;} 
.tab_box li > button{position: relative;display: inline-block;height: 40px;width: 100%;box-sizing: border-box;/*font-size: 16px;*/}
.tab_box li > button span{display:inline-block;line-height:14px}
.tab_box li > button .num, .tab_box li > button .num.circle {display:inline-block;float:right;line-height:12px;margin-left:8px;font-weight: bold;min-width: auto;min-height: auto;}

/* 201117 컨텐츠 사이 탭 start */ 
.tab_box.gap li {border:1px solid #c3c3c3; color:#c3c3c3; background:#f6f6f6; display: inline-block; margin-left: -2px;}
.tab_box.gap li.active {border:1px solid #000; background:#fff; z-index: 100;}
.tab_box.gap li:first-of-type {border-radius:4px 0 0 4px;margin-left:0;}								
.tab_box.gap li:last-of-type {border-radius:0 4px 4px 0;}
.tab_box.gap li:after{display:none;}
/* 201117 컨텐츠 사이 탭 end */

/* tab button radio type */
.tab_head_wrap{text-align: center;display: flex;flex-wrap: nowrap;}
.tab_head_wrap .tab_head input[type="radio"]{position:absolute;top:0;left:0;width: 100%;height: 40px;opacity: 0}
.tab_head_wrap .tab_head input[type="radio"]+label{display:block;width:100%;line-height:22px;padding:8px 0;border:1px solid #c3c3c3;background-color:#fff;font-size:15px;color:#b0b0b0;text-align:center;vertical-align:middle;}
.tab_head_wrap .tab_head input:checked[type="radio"]+label{z-index: 1;position: relative;font-weight:bold;background-color:#fff;color:#000;border:1px solid #000;}
.tab_head_wrap .tab_head:first-of-type input[type="radio"]+label{border-radius:4px 0 0 4px;}
.tab_head_wrap .tab_head:last-of-type input[type="radio"]+label{border-radius:0 4px 4px 0;}
.tab_head_wrap.col2 .tab_head{width:49.5%;position:relative;}
.type1 .tab_conts_wrap{padding: 24px 0px 0px 0px;}
.tab_conts_wrap {padding:24px 24px 0px 24px;text-align:center; display:flex;flex-wrap:wrap;}
.tab_conts_wrap:after {content:'';display:block;clear:both}
.tab_conts_wrap span {position: relative;display:inline-block; float:left;flex:1;margin-left:-2px}
.tab_conts_wrap span:first-of-type input[type="radio"]+label{border-radius:4px 0 0 4px;margin-left:0;}
.tab_conts_wrap span:last-of-type input[type="radio"]+label{border-radius:0 4px 4px 0;}
.tab_conts_wrap input[type="radio"]{position:absolute;top:0;left:0;width: 100%;height: 40px;opacity: 0}
.tab_conts_wrap input[type="radio"]+label{font-weight:400;display:block;width:100%;line-height:22px;padding:8px 0;border:1px solid #c3c3c3;box-sizing:border-box;background-color:#f6f6f6;font-size:15px;color:#8e8e8e;text-align:center; vertical-align:middle;}
.tab_conts_wrap input:checked[type="radio"]+label{z-index: 1;position: relative;font-weight:bold;background-color:#fff;color:#000;border:1px solid #000;}
.tab_conts_wrap.col2 span{width:50%}
.tab_conts_wrap.col3 span{width:33.33%}
.tab_conts_wrap.col4 span{width:25%}
.tab_con.v_center{display: flex;flex-direction: column;align-items: center;justify-content: center;text-align:center}

/* TOBE 400 에러 + 500 에러 */
.error_img{margin:0 auto; margin-top:48px; margin-bottom:24px; width: 136px; height: 136px;}
.error_img img{width:100%;}
.inner.section_top .error_img {height: 112px;}
.inner.section_top .error_img img {margin-top: -32px;}
.link_table_pay .loading {font-size: 21px;color: #888;line-height: 24px;text-align: center;vertical-align: middle;text-transform: uppercase}
.link_table_pay .desc {margin: 0 auto;font-size: 19px;color: #000;line-height: 28px;text-align: center;}
.error_txt{position:relative; left:50%; transform:translateX(-50%);width:100%; font-size: 15px;color: #767676; text-align: center; margin-top: 80px; margin-bottom: 128px;}
.error_txt .phon_number, .error_txt .phon_number a{display: block;margin-bottom:40px; font-weight: normal;color: #000;line-height: 24px;text-decoration:underline;}
.error_inner{padding: 0 0px;}
.error_inner .btn_wrap .btn_error{background-color:#000; color:#fff; font-size:19px; height:50px;border-radius:6px;line-height: 28px;letter-spacing: -0.5px}

/* TOBE 로그인 비밀번호 인증 통신사 인포 팝업 */
.wrap_pop .section_pop, .wrap_pop.alert_style_btm .section_pop {overflow:auto;max-height:100%;max-height:calc(100% - 40px);width: 100%;height: auto; position: absolute; position: fixed; top:auto;left: 0;bottom: 0;right: 0;transform: none;border-radius:30px 30px 0 0;padding:24px 20px 40px;box-sizing:border-box;text-align:left;z-index: 1000;background: #fff;}
.wrap_pop .section_pop.img_bg {max-height:none;}
.wrap_pop .section_pop.popup_section24 {padding: 48px 24px 0;}
.wrap_pop.alert_style_btm .section_pop.select_bg_gray{padding:24px 0 32px;} 
.wrap_pop.alert_style_btm .section_pop.select_bg_gray .company_chk_wrap.no_icon{padding-top:16px;}
.wrap_pop.alert_style_btm .section_pop.select_bg_gray .company_chk_wrap.no_icon .radio_def {padding-top:0;}
.wrap_pop.alert_style_btm .section_pop.select_bg_gray .company_chk_wrap.no_icon .radio_def  label{padding:8px 24px; width:100%; box-sizing:border-box;}
.wrap_pop .section_pop.select_bg_gray, 
.wrap_pop.alert_style_btm .section_pop.select_bg_gray .company_chk_wrap.no_icon .radio_def input:checked[type="radio"]+.sp_common_b {color: #000;background: #f6f6f6;}
.wrap_pop.alert_style_btm .section_pop.pop_titType1 {padding:32px 32px 108px;}
.wrap_pop.alert_style_btm .btn_close, .wrap_pop .btn_close {position:absolute; top:24px; right:32px;width:24px;height:24px;text-indent:-9999px;background-image: url(../images/common/btn_close_pop.png);background-position: center;background-size: 24px;z-index:1000;}
.wrap_pop.alert_style_btm .section_pop .pop_cont .btn_close{right:8px}
.wrap_pop.alert_style_btm .section_pop .pop_cont .btn_close{top:0}
.wrap_pop.alert_style_btm .section_pop .tit {font-size:19px;color:#000;font-weight: bold;line-height:1.47;}
.wrap_pop.alert_style_btm .section_pop .tit.tac{display:block}
.wrap_pop.alert_style_btm .section_pop .tit.sub{font-weight:400}
.wrap_pop.alert_style_btm .section_pop .tit.sub.full{display:block}
.wrap_pop.alert_style_btm .section_pop .company_chk_wrap {overflow-y: scroll; max-height: calc(100vh - 132px); margin-top:8px;}
/* [25-09-08] KB이지대출 수정 s */
.wrap_pop.alert_style_btm .section_pop .company_chk_wrap .radio_def input[type="radio"] {margin-top: 0; top: 0}
.wrap_pop.alert_style_btm .section_pop .company_chk_wrap .radio_def label {display: block}
/* [25-09-08] KB이지대출 수정 e */
.wrap_pop.alert_style_btm.alert_info .section_pop{padding:0 24px 32px;}
.wrap_pop.alert_style_btm.alert_info .pop_cont{padding: 24px 8px} /* 0323 jo0112 */
.wrap_pop.alert_style_btm.alert_info .pop_cont .tit{margin-bottom: 16px;display:inline-block}
.wrap_pop.alert_style_btm.alert_info .btn_wrap{padding:0;}
.wrap_pop.alert_style_btm .section_pop.info{padding-top:24px}
.wrap_pop.alert_style_btm .section_pop.info .tit{padding-left:8px}
.wrap_pop.alert_style_btm.type1 .section_pop{padding: 24px 24px 32px;}
.wrap_pop.alert_style_btm.type1 .btn_wrap{padding: 0 0px 0px;}
.wrap_pop.alert_style_btm.type1 .section_pop .pop_cont{padding:0 8px}
.wrap_pop.alert_style_setting .section_pop{padding: 24px 24px 22px;}
.wrap_pop .section_pop.img_bg {padding: 0; background:none; }
.wrap_pop .section_pop.img_bg .pop_cont_wrap{background-color:#fff}
.wrap_pop .download.font_normal {font-weight: normal;}
.img_bg_box {position:relative; z-index:99; width: 100%;max-width:360px; background:none; margin:0 auto;}
.img_bg_box img {width: 100%;display: block;position: relative;	bottom: -14px;}
.img_bg_box.btm0 img {bottom:0;}
.img_bg_box.no_bottom img{bottom:0;}
.img_bg_box_cont { background: #fff; padding-top: 48px; position:relative;}
.weather_wrap{position:relative;padding-right:32px;}
.weather_wrap .img_weather{width:32px;height:32px;position:absolute;top:50%;margin-top: -18px;right:-8px;}
.img_weather img{width:100%; display:block}

/* 이용안내 슬라이드 */
.accordion_mdu{padding:24px 0;position:relative;}
.accordion_mdu.inner{padding:24px 32px;}
.accordion_mdu.list_couponGuide.inner  {padding:0px 32px;}
.accordion_mdu.normal{padding:24px 0}
/* 이용전 확인해주세요 폰트 크기 수정 24-07-30 */
.accordion_mdu .btn_view{display:block;position:relative;width: 100%; ;box-sizing: border-box;text-align: left;background-color:#fff; color:#000;margin:0px 0;padding-right:32px;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;outline:none;}
/* //이용전 확인해주세요 폰트 크기 수정 24-09-06 */
.accordion_mdu .btn_view.active{text-overflow: initial;white-space: normal;overflow: initial;}
.accordion_mdu .btn_view:after{content: '';transform:translateY(-50%);display:block; position: absolute; top:50%; right:0px; width:16px; height:16px; background-position: center; background-repeat: no-repeat; background-size:16px; background-image:url(../images/common/btn_arr02.png);}/* 이미지 수정 24-09-06 */
.accordion_mdu .btn_view.active:after{background-image:url(../images/common/btn_arr_top.png);} /* 이미지 수정 24-09-06 */
.accordion_mdu .accordion_view {display:none;background-color:#fff; box-sizing:border-box; text-align:left}
.accordion_mdu .accordion_view.short_padding{padding:8px 0;}
.accordion_mdu .accordion_view .dot_list{margin-top:0;}
.accordion_mdu .accordion_view .dot_list li{padding-bottom:0px;font-size:15px;word-break: break-all;}
.accordion_mdu .accordion_view .dot_list li:last-of-type{padding-bottom:0px;}
.accordion_mdu.on .accordion_view {display:block;}
.accordion_mdu.btm.inner{padding: 10px 32px;}
.accordion_mdu.desc .btn_view{color:#000}
.accordion_mdu.desc .accordion_view .dot_list li{line-height:18px;padding-bottom:10px;font-size:13px}
.accordion_mdu.top_line{border-top:1px solid #eee}
.accordion_mdu.top_line .btn_view{margin:10px 0}
.btn_wrap.fixed .accordion_mdu {margin-top:0;margin-bottom:28px;}
.inner.btm .accordion_mdu .accordion_view{padding-bottom:0px}

/* popup */
.wrap_pop{display: none;position: absolute; position: fixed;top: 0;left: 0;z-index: 1000;width: 100%;height: 100%;}
.wrap_pop:after{content: '';display: block;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .8);}
.wrap_pop.deem:after {display: none;}
.wrap_pop .dim {content: '';display: block;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .8);}
.wrap_pop .section_pop .pop_cont .tit {font-size: 19px;color: #000;font-weight: bold;text-align: left;line-height: 28px;margin-bottom: 13px;word-break: keep-all;}
.wrap_pop .section_pop .pop_cont .tit.bi_point{text-align:center;margin-bottom:4px;margin-top: 32px;}
.wrap_pop .section_pop .btn_close.add.type1 + .pop_cont{padding-top:56px}
.wrap_pop.layer_calendar .section_pop{padding:0;border-radius:30px 30px 0 0}
.wrap_pop.layer_calendar .section_pop .btn_close.add + .pop_cont{padding-top:56px}
.wrap_pop.layer_calendar .section_pop .btn_close.add + .calendar_wrap{margin-top: 80px;}
.wrap_pop .section_pop .pop_cont{width: 100%; padding: 0 32px;box-sizing: border-box;position:relative}
.wrap_pop .section_pop .btn_popWrap{display: flex;width: 100%;box-sizing: border-box;}
.wrap_pop .section_pop .btn_popWrap.btm, .wrap_pop .btn_wrap.btm{position:absolute; left:0; right:0; bottom:0;padding: 0 24px 32px;box-sizing: border-box;}
.wrap_pop .section_pop .btn_popWrap .btn_cancel{background: #717171;color: #fff;font-size: 19px;}
.wrap_pop .section_pop .btn_popWrap .btn_ok{padding: 10px 0;background: #086cfd;color: #fff;font-size: 19px;box-sizing: border-box;text-align: center; border-radius:6px; width:100%;}
.wrap_pop .section_pop .btn_1way .btn_ok{display: block;width: 100%;height: 50px;}
.wrap_pop .section_pop .btn_1way .btn_cancel{display: block;width: 100%;height: 50px;}
.wrap_pop .section_pop .btn_2way{display:flex;padding:0 24px 32px}
.wrap_pop .section_pop .btn_2way > button{display:inline-block;width: 50%;height: 50px;font-size:19px;color:#fff;border-radius:6px;margin-left:5px;}
.wrap_pop .section_pop .btn_2way > button:first-of-type{margin-left:0;} 
.wrap_pop .section_pop .btn_2way .btn_grey2{background:#717171}
.wrap_pop .section_pop .btn_2way .btn_basic{background:#086cfd}
.wrap_pop .section_pop .btn_2way > a{display: block;flex: 1;width: 50%;height: 60px;padding: 10px 0;box-sizing: border-box;text-align: center;}
.wrap_pop .section_pop .btn_2way > a:first-child{border-radius: 0 0 0 8px;}
.wrap_pop .section_pop .btn_2way > a:last-child{border-radius: 0 0 8px 0;}
.wrap_pop .section_pop .btn_2way .btn_ok{width:50%;}
.wrap_pop .section_pop .txt_normal{font-size: 17px;text-align: center;}
.wrap_pop .section_pop.center{padding:0;text-align:center;}
.wrap_pop .section_pop.center .job_pop_wrap{position:relative; z-index:1; padding:48px 0 48px;text-align:center;font-size:19px;color:#000}
.wrap_pop .section_pop.center .job_pop_wrap .txt_sub {color:#000;font-size:15px;font-weight:400;}
.wrap_pop .section_pop.center .job_pop_wrap .txt_sub:first-of-type {margin-top:8px}
.wrap_pop .section_pop.center .pop_wrap{padding:48px 0 48px;text-align:center;font-size:19px;color:#000}
.wrap_pop .section_pop.center .pop_wrap .tit{text-align:center;margin-bottom:0;}
.wrap_pop .section_pop.center .pop_wrap .tit.sub{font-size:15px;font-weight:400;line-height:22px;margin-top:4px;}
.wrap_pop .section_pop.type1{padding:48px 24px 0}
.wrap_pop .section_pop.type1 .tit{display: inline-block;padding-left:8px;margin-bottom:16px}
.wrap_pop .section_pop.type1 .pop_cont{padding:0 8px;}
.wrap_pop .section_pop.type1 .btn_wrap{padding: 48px 0px 32px;}
.wrap_pop .section_pop.bi .pop_cont{padding:40px 0px 48px;}
.wrap_pop .section_pop.bi .pop_cont .img.bi{width:112px;height:112px;display: block;margin: 0 auto;}
.wrap_pop .section_pop.bi .pop_cont .dot_list{padding-top:24px;}
.wrap_pop .section_pop.bi .pop_cont .dot_list li{margin-top:8px;}
.wrap_pop .section_pop.bi .pop_cont .btn_white{margin-top:32px}
.wrap_pop .pop_titType1 .pop_cont{/*display: table;padding: 0px 0 0 0;*/}
.wrap_pop .pop_titType1 .pop_cont .img_box{margin:0 auto}
.wrap_pop .pop_titType1 .box_txt{/*display: table-cell;*/vertical-align: middle;}
.wrap_pop .pop_titType1 .txt_normal{padding: 13px 0 0 0;}
.wrap_pop .section_pop .tit.point{font-size: 25px;font-weight: bold;color: #000;line-height: 34px;text-align: center;margin:32px 0}
.wrap_pop .section_pop .tit.point .num{font-weight:bold}
.wrap_pop.alert_charge .section_pop{padding:24px 0 0 0}
.wrap_pop.alert_charge .section_pop .inner{padding:0 32px 32px 32px}
.wrap_pop .download{display:block;font-size: 19px;color: #000;font-weight: bold;line-height: 28px;margin-top:16px;padding-left:40px;background: url(../images/common/btn_download.png) no-repeat 0 4px;background-size:16px 16px;}

/* TOBE popup 로그인 비밀번호 인증 통신사 인포 팝업 */
.wrap_pop.dot:after {background-color: transparent;}
.wrap_pop.dot .section_pop.type01 {top:188px;}
.wrap_pop.dot .section_pop {border:1px solid #c3c3c3;top: 152px;transform: translate(0, 0);}
.wrap_pop.dot .section_pop .pop_cont {padding:16px 16px;}

/* TOBE 거래내역 없음 */
.non_data{text-align: center; padding: 20px 30px;}
.non_data.mt62{margin-top:62px}
.non_data .txt_black{display: inline-block;font-size:19px; color:#000;}
.non_data .txt_gray{display: inline-block;font-size:17px; color:#767676;}
.non_data p:before{content:"";display: block;width: 74px;height: 74px;margin: 0 auto 16px auto;background-position:-170px 0;}
.inp_search.inp_def+.non_data{margin-top:120px}

/* dot list 타입 */
.dot_list {}
.dot_list li:nth-child(1){margin-top:none;}
.dot_list li {/*font-size:16px;*/ position: relative; padding-left:8px; margin-top:8px; text-align:left;}
.dot_list li:before, .dot:before {display:block; content:""; width:2px; height:2px; background-color:#717171; position:absolute; top:0.55rem; left:0;}
.dot {position: relative; padding-left:8px; line-height:22px;}
.dot:before {display:block; content:""; width:2px; height:2px; background-color:#717171; position:absolute; top:10px; left:0;}
.auth_in_dotBox > li{font-size:15px; position: relative; padding:4px 0 4px 8px; line-height:22px;}
.auth_in_dotBox > li:first-child{padding:4px 0 4px 8px;}
.auth_in_dotBox >li:before {display:block; content:""; width:2px; height:2px; background-color:#999; position:absolute; top:0.55rem; left:0;}

/* 블릿 리스트 ( - ) 공통 추가 24-07-30 */
.dash-list {position: relative;}
.dash-list li {position: relative; padding: 0 12px 8px;}
.dash-list li:nth-last-child(1) {padding: 0 12px 0px;}
.dash-list li::before { content: ''; display: block; position: absolute; top: 8px; left: 0; width: 5px; height: 1px; background-color: #26282C;}

/* guid list 타입  */
.guid_list {margin-top:16px;}
.guid_list li{color:#000;}

/* title-화상상담 */
.info_finText {margin-top:30px;padding: 20px 30px 41px 30px;background: transparent}
.info_finText .title {display: block;margin-bottom: 10px;padding-bottom: 15px;border-bottom: 1px solid #d2d2d2}
.info_finText.type02{border-bottom:12px solid #f6f6f6;}
.info_finText.type02 .title {border-bottom:0; font-size:19px; color:#000; text-align:center; padding-bottom: 14px;}
.info_finText.type02 .call_img{margin: 0 auto 20px auto; width:90px; height:90px; border-radius:50%; background: #f6f6f6}
.info_finText.type02 .box_excl_titType {margin-bottom:0; line-height:26px;}
.inner.info_finText.type02{margin-top:0;border-bottom:0;}
.inner.info_finText.type02 .call_img{margin: 55px auto;width:100px;height:100px;border-radius:0%;}
.inner .call_auth.btm{margin:56px 0 0;}

/* 회색 둥근 느낌표 타이틀 리스트타입 */
.box_excl_titType .tit {display:block;position:relative;padding:0 0 0 20px;letter-spacing:-0.9px;color:#999}
.box_excl_titType .tit:after {display:inline-block;content:'';position:absolute;top:3px;left:0;width:14px;height:14px;background-position:-250px 0;}
.box_excl_titType .dot_list_excl li {position: relative;margin-top: 10px;padding-left: 9px;color:#767676; line-height:22px;}
.box_excl_titType .dot_list_excl li:before {display:block; content:""; position:absolute; top:9px; left:0; width:2px; height:2px; background-color:#767676;border-radius: 50%; }

/* TOBE Swiper */
.swiper-container .swiper-slide{height:auto }

/* AM0213 FAQ */
.swiper-container.auto_scroll.faq {height: calc(100vh - 90px); overflow: auto;}
.swiper-container.auto_scroll.faq .swiper-wrapper {height: 100% !important;}
.swiper-container.auto_scroll.faq .swiper-wrapper .swiper-slide {overflow: auto; height: 100%;}
.list_board.list_faq.acc_customer_faq{height:auto  !important; margin:0; overflow-y:scroll; margin-top:32px;}
.swiper-container.challenge{padding: 24px 0 36px 0; box-sizing: border-box;}
.swiper-container.challenge .swiper-pagination-bullet{width:6px; height:6px}
.swiper-container.challenge .indicator_area .swiper-pagination span{margin-left:6px;opacity:1;}
.swiper-pagination span:first-of-type{margin-left:0px}
.swiper-container.challenge .indicator_area {position: absolute;bottom: 0px;width: 100%;z-index: 10;text-align: center;margin-left:0px}
.swiper-container.challenge .indicator_area .swiper-pagination {display: inline-block;margin-left: 2px;font-size: 0;vertical-align: middle;}
.swiper-container.challenge .swiper-slide, .swiper-container.card_benefit .swiper-slide{padding:0 24px 0 24px;box-sizing:border-box}
.swiper-container.challenge .swiper-slide .slide_area, .slide_area{border-radius:10px;box-shadow:0 0 20px rgba(70, 70, 70, 0.15);padding:24px 24px;position:relative;box-sizing:border-box;}
.swiper-container .brand_info_wrap .benefit_img_area, .brand_info_wrap  .avail_store{position: absolute; top: 0;left: 0;right: auto;bottom: auto;width: 80px;height: 80px;display: block;margin: 0;}
.swiper-container .brand_info_wrap .benefit_img_area img{width:100%}
.swiper-container .swiper-wrapper.disabled {transform: translate3d(0px, 0px, 0px) !important;}
.avail_store img{float:left}
.avail_store .txt_more{float:left;display: inline-block;width: 24px;height: 24px;border: 1px solid #eee;border-radius: 50%;color: #000;font-weight: bold;box-sizing: border-box;text-align: center;padding: 1px;margin-left: -10px;background-color: #fff;z-index: 1;}
.container.brand_intro .slide_area .brand_info_wrap .circle_xs.num{color: #000;}
ul.brand_list.type2 .l_img_r_txt>li:first-of-type{position:absolute;top:24px;left:24px;right:auto;bottom:auto}
.slide_area .swiper-container.challenge .swiper-slide{padding:0;height:auto}
.slide_area + .slide_area{margin-top:24px}
.slide_area.banner{padding:24px 0}
.brand_banner_wrap{position:relative}
.brand_banner_wrap img{width:100%}
.brand_banner_wrap.type1{margin-top:8px;}
.brand_banner_wrap.type1 img {border-radius:10px;box-shadow: 0 5px 20px 0 rgba(70, 70, 70, 0.15);margin-top:16px}
.brand_banner_wrap p{font-size:15px}
.brand_banner_wrap .tit{color:#000;font-weight:bold;margin-top:8px;width:60%;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;max-height:48px;}
.brand_banner_wrap .date{margin-top:8px}
.brand_banner_wrap .banner_info{position:absolute;top:0;bottom:0;left:0;right:0;padding:16px 24px}
.slide_area .tit_main_wrap .btn_info{right:24px; top:30px; z-index:99;}
.swiper-container .swiper-pagination-bullet{width:6px; height:6px;opacity:1;background-color:#ddd;outline:none}
.swiper-container .swiper-pagination-bullet-active{background-color: #007aff;}
.swiper-container .indicator_area .swiper-pagination span{margin-left:6px;background-color:#ddd}
.swiper-container .indicator_area .swiper-pagination .swiper-pagination-bullet-active{background-color:#3182f6;width: 12px;border-radius: 3px;}
.swiper-container .indicator_area .swiper-pagination.type2 span{margin-left:6px;background-color:#3182f6}
.swiper-container .indicator_area .swiper-pagination.type2 .swiper-pagination-bullet-active{background-color:#ddd;}
.swiper-pagination span:first-of-type{margin-left:0px}
.swiper-container .indicator_area {position: absolute;bottom: 6px;margin:0 auto;width: 100%;z-index: 10;text-align: center;/*margin-left: -14px;*/}
.swiper-container .indicator_area .swiper-pagination {display: inline-block;position: static !important;position: initial !important;margin:0 auto;margin-left: 2px;font-size: 0;vertical-align: middle;text-align:center}
.swiper-container-horizontal>.swiper-pagination-bullets{bottom:2px}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 3px}

/* 변동 사이즈 스와이프 플로우 */
.swiper-container.flow_item{padding: 16px 24px 32px 24px;}		
.swiper-container.flow_item .swiper-wrapper .swiper-slide{width:100%; min-width:216px;padding:24px;background-color:#fff; border-radius:10px;box-shadow: 0 5px 20px rgba(70, 70, 70, 0.15);background-color:#fff;box-sizing:border-box;}
.swiper-container.flow_item .swiper-wrapper .swiper-slide .img_box{margin:0 auto}
.swiper-container.flow_item .chip{margin-top:8px}
.swiper-container.flow_item .tit{font-size:19px;margin-top:4px; text-overflow:ellipsis; overflow:hidden; line-height: 1.4; display: block; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; word-wrap: normal; height:78px;}

/* TOBE 상품안내 Swiper */
.box_invest_wrap.slide_area{margin-top:24px;}

/* TOBE 이벤트 상단 비쥬얼  */
.swiper-container.event_visual .swiper-slide{position:relative;}
.swiper-container.event_visual .swiper-slide .visual_info_wrap{position: absolute;top: 0;left: 0;right: 0;bottom: 0;padding: 32px;color:#000}
.fixed_container.event_visual .swiper-slide{position:relative;}
.fixed_container.event_visual .swiper-slide .visual_info_wrap{position: absolute;top: 0;left: 0;right: 0;bottom: 0;padding: 32px;color:#000}
.visual_info_wrap h2{font-size:23px;font-weight:400;margin-top:8px;line-height: 32px; /*font-size: 6.4vw;*/ margin-top: 1.1vh;}
.visual_info_wrap h3{margin-top:8px}
.visual_info_wrap .date{font-size:15px;margin-top:4px}
.visual_info_wrap .chip{margin-bottom:0px}
.event_visual.done{position:relative}
.event_visual.done .visual_info_wrap{position: absolute;left: 0;right: 0;bottom: 0;padding: 32px;color: #000;}
.event_visual.done .visual_info_wrap h2{font-size:23px;font-weight:400;margin-top:8px;line-height: 32px;font-size: 6.4vw;margin-top: 1.1vh;}
.event_visual.done .visual_info_wrap .date{font-size:15px;margin-top:4px}
.event_visual {position:relative}
.event_visual img{width:100%; height:auto;}
.event_visual .swiper-pagination-bullet {width:6px; height:6px; border:0; background-color:#fff; border-radius:3px; opacity:1}
.event_visual .swiper-pagination-bullet.swiper-pagination-bullet-active {width:6px; height:6px; border:0; border-radius:3px; background-color:#3182f6}
.event_visual .indicator_area {position:absolute; width:100%; z-index: 10; text-align: center}
.event_visual .indicator_area .swiper-pagination {display:inline-block;position: static !important; position:initial !important; margin-left:2px;font-size: 0;vertical-align: middle;}
.event_visual .indicator_area .swiper-pagination span:first-child {margin-left:0}
.event_visual .indicator_area .swiper-pagination span {overflow: hidden;margin-left:6px;color: transparent;}
.event_visual .btn_mdu, .swiper-container .indicator_area .btn_mdu {display:inline-block; margin:0 0 0px 9px; width:6px; height:6px; font-size:0;vertical-align: middle;box-sizing:border-box;border-left:2px solid #3182f6;border-right:2px solid #3182f6 }
.event_visual .btn_mdu.active, .swiper-container .indicator_area .btn_mdu.active {margin:0 0 0px 8px;border-right: 0;border-top: 5px solid transparent;border-left: 7px solid #3182f6;border-bottom: 5px solid transparent;height: 6px;}
.event_visual.swiper-event_mdu .indicator_area .swiper-pagination span {background-color:rgba(49, 130, 246, 0.2); background-color: rgba(49, 130, 246, 0.2);}
.event_visual.swiper-event_mdu .indicator_area .swiper-pagination span.swiper-pagination-bullet-active {width:12px;background-color:rgba(49, 130, 246, 1)}
.visual_area{position:relative}
.visual_area + .visual_area{margin-top:-8px}
.visual_area img{width:100%}
.visual_area .visual_info_wrap{position:absolute;top:0;left:0;right:0;bottom:0;padding:32px;color:#000}
.visual_area .visual_info_wrap .tit{margin-top:8px}
.visual_area.type1 .visual_info_wrap{padding:16px 32px;}
.visual_area.type1 .visual_info_wrap h3{font-weight:400}

/* 이벤트 상단 비쥬얼 - 금융 통합조회 FI0125 금융 통합자산조회 제목 h2에 높이값 6rem(96px)을 적용해서 버튼(한번에 연결)위치를 고정 */
.swiper-container.finance {margin-bottom:0px;padding-bottom:56px}
.swiper-container.finance .swiper-slide .inner h2 {min-height: 6rem;margin-bottom: 8px;}
.swiper-container.finance .swiper-slide .illust_myasset_emoji {width:64px;height:64px; top: auto; right: 32px; bottom: -56px;z-index: -1;background-image: linear-gradient(to bottom, transparent, transparent);}
.swiper-container.finance .swiper-slide .illust_myasset_emoji.img136 {width:136px;height:136px;}
.swiper-container.swipe_inn{height:0;transition: all 0.5s;}
.swiper-container.swipe_inn.active{min-height:106px; margin-bottom: 16px;}
.swiper-container.swipe_inn{background-color: #f6f6f6;padding:0px}
.swiper-container.swipe_inn .swiper-slide{display:table;vertical-align:bottom;background-color: #f6f6f6;padding: 24px 32px 0px 32px;color: #000;box-sizing:border-box}
.swiper-container.swipe_inn .swiper-slide .img{width:40px;height:40px;display:table-cell;vertical-align:middle;}
.swiper-container.swipe_inn .swiper-slide .img img{width:100%;}
.swiper-container.swipe_inn .swiper-slide .info_wrap{display:table-cell;vertical-align:top;padding-left:16px;position:relative;padding-right: 3.3rem;    padding-right: 52px;}
.swiper-container.swipe_inn .swiper-slide .info_wrap:after{content:"";position:absolute;top:36px;bottom:0px;right:-24px;border-right:1px solid #ddd}
.swiper-container.swipe_inn .swiper-slide .link{display: inline-block;position:absolute;top:0px;right:0px;left:auto;bottom:auto}
.swiper-container.swipe_inn .swiper-slide .info_wrap .tit{display:block;}
.swiper-container.swipe_inn .swiper-slide .info_wrap .num{color:#717171}
.swiper-container.swipe_inn .swiper-pagination{bottom:8px}

/* BE0500_혜택_쿠폰(메이트쿠폰) */
.event_list.type1 .coupon_list li{padding:0; }
.event_list.type1 .coupon_list li a{padding:32px 32px 32px 136px;position:relative;}
.event_list.type1 .coupon_list li a img{width: auto;}
.event_list .coupon_unit_wrap{text-align:right;color:#000;margin-bottom: 8px;padding:0 32px;}
.event_list .coupon_unit_wrap .num_txt{float:left}
.event_list .coupon_unit_wrap .num{font-weight:bold;color:#01a4b8}
.event_list .coupon_list{margin-bottom:24px}
.event_list .coupon_list li{padding:32px 32px 32px 136px;position:relative;border-bottom:1px solid #eee;border-top: 0;}
.event_list .coupon_list li .tit{color:#000;font-size:15px;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.event_list .coupon_list li .txt{display:block;margin-top:4px}
.event_list .coupon_list li .txt .num{color:#000;}
.event_list .coupon_list li .txt .del, .num.del{color:#c3c3c3 !important;font-weight:400 !important;margin-right:8px;text-decoration:line-through}
.event_list .coupon_list li .date{margin-top:8px;display: inline-block;color:#717171}
.event_list .coupon_list li .date .num, .coupon_list li .date .num em{font-weight: 400;color: #086cfd;}
.event_list .coupon_list li .date .num.del, .coupon_list li .date .num.del em{font-weight: 400;color: #c3c3c3;}
.event_list .coupon_list li:last-of-type{padding-top:32px;border-bottom:0;}
.event_list .coupon_list li img{position:absolute;top:32px;left:32px;right:auto;}
.event_list .coupon_list li .chip{margin-bottom:8px}
.event_list .coupon_list li .btn_download{float:right;position: absolute;right:24px; bottom:24px; padding:24px;}
.swipe_area.type1 .tab_con_wrap{padding:0;}
.swipe_area.type1 .tab_con_wrap .tab_con{display:none;}
.swipe_area.type1 .inner.event_list {padding: 48px 0 0 0;}
.swiper-container.event_visual .swiper-slide{position:relative}
.swiper-container.event_visual.type1 .swiper-slide{padding:0 24px;box-sizing:border-box;}
.swiper-container.event_visual.type1 .swiper-slide .brand_banner_wrap{overflow:hidden;border-radius:10px;box-shadow:0 5px 20px 0 rgba(70, 70, 70, 0.15)}
.swiper-container.event_visual.type1 .swiper-slide .brand_banner_wrap .tit{font-size:19px;font-weight:400;line-height: 24px;}
.swiper-container.event_visual.type1 .swiper-slide .brand_banner_wrap .date{color:#000}
.swiper-container.event_visual.type1 .indicator_area{bottom:0;}

/* TOBE Swipe tab */
.container.tab_flow .gallery-thumbs.tab_flow{padding:0 0 0 22px}
.container.tab_flow .gallery-thumbs.tab_flow.space_top{margin-top:24px} /* 200708_수정(상단여백) */
.gallery-thumbs {position:relative;padding: 0 0 0 24px;}
.gallery-thumbs.type1{padding:0;}
.gallery-thumbs.tab_flow .swiper-slide{width:auto !important}

/*.gallery-thumbs*/
.gallery-thumbs .swiper-slide {height:40px}
.gallery-thumbs.tab_flow {padding-left:0px;position:relative;}
.gallery-thumbs.tab {padding: 0;height:40px;position:relative;}
.gallery-thumbs.tab:after{content:"";position:absolute;left:0;right:0;bottom:0;top:auto;border-bottom:1px solid #eee}
.gallery-thumbs.tab_flow.easy_loan{margin-top:32px;}
.gallery-thumbs.tab_flow.easy_loan .swiper-slide{padding-bottom:0;height:32px}
.gallery-thumbs.tab .swiper-slide button{position:relative;font-size:15px;width:100%;height:100%;padding:0;color:#767676}
.gallery-thumbs.tab .swiper-wrapper{height:44px}
.gallery-thumbs.tab .swiper-slide-thumb-active button{border-bottom:0;color:#000}
.gallery-thumbs.tab .swiper-slide-thumb-active button:after{content:"";position:absolute;left:0;right:0;bottom:0;border-bottom:2px solid #000;width: 100%;border-radius: 0;height: 0px;top: auto;}
.gallery-thumbs.tab .swiper-slide_no{margin:0 auto;}
.gallery-thumbs.tab .swiper-slide_no button {position: relative;font-size: 15px;width: 100%;height: 100%;padding: 0;color: #767676;text-align: center}
.gallery-thumbs .swiper-slide button {position:relative;font-size:15px; color:#b0b0b0; display: inline-block; padding: 13px 0px 7px 0px;padding: 0px 10px 0px 10px;white-space: nowrap;}
.gallery-thumbs .swiper-slide button.loading, .inner.financial_list .gallery-thumbs .swiper-slide button.loading{padding-right:26px;}
.gallery-thumbs .swiper-slide button.loading:after{content:""; animation: rotation 1s infinite linear;display:inline-block;position:absolute;top:-2px;right:4px;width:24px;height:24px;background:url(../images/common/loading.png) no-repeat center}
.gallery-thumbs .swiper-slide-thumb-active{}
.gallery-thumbs .swiper-slide-thumb-active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;border-bottom:2px solid #000;}
.gallery-thumbs .swiper-slide-thumb-active button{font-weight:bold; color:#000;}
.gallery-thumbs .swiper-slide-thumb-active button .num{color:#01a4b8;color:#000;display: inline-block;line-height: 20px;font-weight: bold;float: right;margin-left: 1px;}
.gallery-thumbs.type1 .swiper-slide-thumb-active:after{border-bottom:0px solid #000;}
.gallery-thumbs.type1 .swiper-slide-thumb-active button:after /*,
.gallery-thumbs.tab_flow .tab_box .active button:after*/
{content:""; position:absolute; right:5px;top:0px;width:4px;height:4px;border-radius:50%;background:#000;}
.gallery-thumbs.tab_flow .swiper-slide{width:auto !important; /*border-bottom:1px solid #eee;*/height:44px;box-sizing:border-box;padding: 11px 0;}
.swiper-slide.passbook .inner.type1{padding-top:16px;padding-bottom: 24px;}
@keyframes rotation {
	from {transform:rotate(-359deg);}
    to {transform:rotate(0deg);}
}
/* swipe_area - '.container' div에 '.fix_top'클래스를 추가하여 scroll 이벤트 적용했을때 swiper tab 이 상단 위 고정 위치로 적용 */

/* tab 2단 구조 a, button 태그 혼용 */
.tab_wrap{}
.tab_wrap .tab_list{display: flex;width: 100%}
.tab_wrap .tab_list li{flex: 1;text-align: center}
.tab_wrap .tab_list li > a{position: relative;display: block;padding:11px 0 10px;width: 100%;/*height: 43px;*/box-sizing: border-box;font-size: 15px;line-height: 22px;letter-spacing:-0.5px}
.tab_wrap .tab_list li.active > a{color: #000;font-weight: bold}
.tab_wrap .tab_list li.active > a:after{content:'';position: absolute;bottom: 0;left: 0;width: 100%;border-bottom: 2px solid #000}

/* 셀렉트박스 */
.pay_calendar select{position:relative; -webkit-appearance: none;appearance: none;width:auto;height:22px;font-size:15px; color:#000; line-height:22px; padding-right:20px}
.pay_calendar select:after{content: '';position: absolute;right:0;width:22px;height:22px;background: url(../images/common/btn_select.png) no-repeat center;background-size: 22px 22px;}
.pay_calendar select option{font-size:15px; color:#000; line-height:22px; letter-spacing:-0.5px}
.pay_calendar .num_wrap{float:right;/*padding-right:30px;*/}

/* 내역조회 날짜 선택(월 선택 레이어 포함) */
.pay_calendar  {position:relative;min-height:30px;margin:32px 32px 0;padding:0;background-color:#fff;}
.pay_calendar.bg_gray{background:#ebebeb; margin:0; padding:16px 32px}
.pay_calendar.bg_gray .num_wrap{transform:translate(-50%,-50%); top:50%;}
.pay_calendar.bg_gray .prev{transform:translateY(-50%); top:50%; left:32px;}
.pay_calendar.bg_gray .next{transform:translateY(-50%); top:50%; right:32px;}
.pay_calendar.type0{margin:0; padding:32px; min-height: auto} 
.pay_calendar.type0 .num_wrap{padding-right:0; top:50%;bottom:auto;transform:translate(-50%,-50%);} 
.pay_calendar .inp_def.placeholder {position:absolute;top: -8px;left: 0;height: 40px;right: 32px; background-color:#fff}
.pay_calendar .num_wrap {position: absolute;left:50%;bottom:0;transform:translateX(-50%);vertical-align:middle;white-space:nowrap;box-sizing: border-box;  }

/* MY, CM 소비매니저에만 캘린더에 아이콘 적용되었음 */
.top_bg_wrap .pay_calendar .num_wrap, 
.pay_calendar.icon .num_wrap{padding-right: 38px;}
.top_bg_wrap .pay_calendar .num_wrap:after, 
.pay_calendar.icon .num_wrap:after{content:""; display:block; background: url(../images/common/calendar_gray.png)no-repeat;background-size:32px;width: 32px;height: 32px;background-repeat: no-repeat;background-position: center;position:absolute;right:0px;top:48%;transform:translateY(-50%);}
.pay_calendar .num_wrap em {display: inline-block; font-size:19px;font-weight:bold;line-height: 1.47;color:#000}
.pay_calendar .prev, .layer_num_year .prev{position:absolute;bottom:6px;left:0;background:url(../images/common/btn_left.png)no-repeat;width:16px;height:16px;background-size:16px;}
.pay_calendar .next, .layer_num_year .next {position:absolute;bottom:6px;right:0;background:url(../images/common/btn_right.png)no-repeat;width:16px;height:16px;background-size:16px;}
.pay_calendar .prev.sp_common.disable, .pay_calendar .next.sp_common.disable{opacity:0.2; visibility: unset;}
.pay_calendar.type0 .prev{top:50%; left:0; transform:translateY(-50%)}
.pay_calendar.type0 .next{top:50%; right:0; transform:translateY(-50%)}
.inner .pay_calendar.type1{margin:50px 0 16px;}
.pay_calendar.type1{position:relative;margin-top:50px;}

/* BE0513 쿠폰함 - 쿠폰 유효기간을 선택해주세요 */
.pay_calendar.type1.inp_def {position:relative}
.pay_calendar.type1.inp_def:after {top:auto;bottom:12px}
.pay_calendar.type1.inp_def .num_wrap {padding:0;border-bottom:0;}
.pay_calendar.type1.inp_def input {position:absolute;top:0;left:0;bottom:0;right:auto;background-color:#fff;width:50%;height:100%; z-index: 1;}
.pay_calendar.type1 .num_wrap{position:relative;left: auto;top: auto;transform: none;float:none;padding: 0 0 6px 4px;border-bottom: 1px solid #c3c3c3;display:block;width:100%;text-align:left;z-index: 1;}
.pay_calendar.type1 .num_wrap em{font-size:19px;font-weight:400;margin-right:0;}
.pay_calendar.type1 .inp_def{ background: url(../images/common/calendar_gray.png);background-size: 32px; background-position: right;background-repeat: no-repeat; z-index: 0; padding-right:0;}
.pay_calendar.type1 .inp_def input[type="text"], .pay_calendar.type1 .inp_definput[type="number"]{width:100%;}
.pay_calendar.type1 .inp_def.select {background: url(../images/common/btn_arr_btm.png) no-repeat right 8px center;background-size: 16px;}
.pay_calendar.type1 .inp_def.select input::placeholder {color:#000 !important;font-size:19px !important;}
.pay_calendar.type2{position:relative;margin-top:50px;}
.pay_calendar.type2 input.num_wrap{font-size: 19px;color:#000;font-weight: 400;line-height: 30px;}
.pay_calendar.type2 input.num_wrap:focus {color:transparent;text-shadow:0px 0px 0px #000;pointer-events:none}
.pay_calendar.type2 .num_wrap{position:relative;left: auto;top: auto;transform: none;float:none;padding: 0 0 6px 36px; border:0; border-bottom: 1px solid #c3c3c3;box-sizing:border-box;display:block;width:100%;text-align:left;background: url(../images/common/ico_calendar.png) no-repeat 0px -4px;background-size: 32px;}
.pay_calendar.type2 .num_wrap em{font-size:19px;font-weight:400;margin-right:0;}
.pay_calendar.type:after{content:"";display: block;position: absolute;top: 2px;right: 4px;width: 24px; height: 24px; background-image: url(../images/common/btn_arr_top.png);background-position: center;}
.pay_calendar_wrap.col2{display:flex}
.pay_calendar_wrap.col2 .pay_calendar{width:46%;margin:0;padding-top: 8px;}
.pay_calendar_wrap.col2 .pay_calendar .num_wrap{font-size:19px;padding: 0 32px 4px 4px;background: url(../images/common/ico_calendar.png) no-repeat right 0px top -4px;background-size: 32px;}
.pay_calendar_wrap.col2 .pay_calendar .num_wrap em{color:#717171}
.pay_calendar_wrap.col2 .dash{line-height:28px}
.pay_calendar_wrap.col2 .cal_box{width:50%}
.pay_calendar_wrap.col2 .cal_box input{font-size:19px;width:100%;border:0;border-bottom:1px solid #c3c3c3;height:44px;box-sizing:border-box;padding: 4px 22px 0px 2px;background: url(../images/common/ico_calendar.png) no-repeat right -4px center;background-size: 32px;}
.inner .pay_calendar.type2{margin:50px 0 16px;}
.ui-datepicker.ui-widget.ui-widget-content{position:fixed !important;z-index: 1000 !important;top: auto !important; left: 0 !important; right: 0;border: 0;bottom: 0; width: 100%; box-sizing: border-box;    background-color: #fff;padding:16px}
.ui-datepicker.ui-widget.ui-widget-content:before{z-index:-1;content:"";display:block;position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(0, 0, 0, 0.5);}
.ui-datepicker.ui-widget.ui-widget-content:after{z-index:-1;content:"";display:block;position:absolute;top:0;bottom:0;left:0;right:0;background-color:#fff;}
.ui-datepicker thead th{color:#000;font-weight: 400;width: 46px;height: 46px;padding: 8px;box-sizing: border-box;}
.ui-datepicker thead th span:after{content:"";display: block;font-size: 15px;color:#000}
.ui-datepicker .ui-datepicker-header{background:#fff;border:0;padding:16px 0}
.ui-datepicker .ui-datepicker-title{font-size: 19px;color:#000}
.ui-state-default, .ui-widget-content .ui-state-default,
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover{width:32px;height:32px;line-height: 32px;border:0;background:#fff;text-align: center;color:#000;margin: 0 auto;}
.ui-datepicker .ui-datepicker-prev{background: url(../images/common/btn_left.png)no-repeat center; width: 16px; height: 16px; background-size: 16px; top: 50%; margin-top: -8px;}
.ui-datepicker .ui-datepicker-next{background: url(../images/common/btn_left.png)no-repeat center;transform: rotate(180deg);width: 16px; height: 16px; background-size: 16px;top: 50%; margin-top: -8px;}
.ui-widget-content .ui-state-active{background-color: #3fcfe0;border-radius: 50%;color: #000;font-weight: bold;}
.daterangepicker .calendar-table table thead th.prev.available, .daterangepicker .calendar-table table thead tr:first-of-type th:first-of-type, .drp-calendar.right .calendar-table table thead tr:first-of-type th:last-of-type{display:none}
.daterangepicker .calendar-table table th.month{text-align:left;padding-left: 16px;}
.daterangepicker .drp-buttons .btn.cancelBtn{position: absolute;top: 24px;right: 32px;width: 24px;height: 32px;font-size: 0;background-color: transparent;background: transparent url(../images/common/btn_close_pop.png) no-repeat center;background-size: 24px;}    
.daterangepicker .drp-buttons .btn.applyBtn{margin-left:0;font-size:19px;font-weight:400}
.daterangepicker .calendar-table .prev span{border-width:0;}
.daterangepicker.opensleft:after{border:0;}
.daterangepicker.show-calendar .ranges{margin-top:0;}
div.cal {width:100%}
div.cal .btn_wrap{background-color:#fff;z-index:9999999;position: relative;position:fixed;top:auto;left:0;right:0;bottom:0;}
div.cal .btn_wrap .btn{z-index:9999999;position: relative;}
div.cal > button {position: absolute;z-index: 1;top: 24px;right: 32px;width: 24px;height: 32px;font-size: 0;background-color: transparent;background: transparent url(../images/common/btn_close_pop.png) no-repeat center;background-size: 24px;}
div.cal .nav{position:relative;height: 56px;background-color: #fff;padding-top:48px;}
div.cal .nav:after{content:"";position:absolute;top:100%;left:0;right:0;bottom:-100px;background-color:#fff;z-index:-1}
div.cal .nav .lChev {top:68px;left:20px}
div.cal .nav .rChev {top:68px;right:20px}
div.cal .nav .lChev:before, div.cal .nav .rChev:before {transform: rotate(0deg);border-style: none;border-width: 0px 0px 0 0;height: 24px;width: 24px;background: transparent url(../images/common/btn_arr_right.png) no-repeat right 0 center;background-size:16px;cursor: pointer;}
div.cal .nav .lChev:before{transform: rotate(180deg);}
div.cal .chip.fl{margin-left:32px;}
div.cal .chip.fr{margin-right:32px;}
div.cal p.tit{background-color:#fff;font-size: 19px;font-weight: bold;box-sizing:border-box;color: #000;}
div.cal p.tit.fl{padding:8px 0 8px 32px;}
div.cal p.tit.fr{padding:8px 32px 8px 0;}
div.cal, .daterangepicker{overflow: initial !important;top: auto !important; left: 0 !important; right: 0;border: 0 !important;bottom: 0 !important;    max-height: calc(100% - 40px) !important;width: 100%;    box-sizing: border-box;  margin-top:0;  background-color: #fff;padding:0px}
div.cal:before, .daterangepicker:before{z-index:-1;content:"";display:block !important;position:fixed !important;top:0 !important;bottom:0 !important;left:0 !important;right:0 !important;background-color:rgba(0, 0, 0, 0.5);border:0 !important;margin-top:0;}
div.cal:after{top: auto !important;left: auto !important;border-right: 0px solid transparent !important;border-bottom: 0px solid #fff !important;border-left: 0px solid transparent !important;}
div.cal .mnt{max-width:100%;min-width:100%;background-color: #fff;box-sizing: border-box;position:relative; padding: 16px 0;}
div.cal .mnt .tp-cc .tp-cc{border-top:1px solid #eee;padding: 72px 24px 0;overflow: hidden;}
div.cal .mnt .hed{color:#717171;margin: 16px 0 16px; padding: 0 32px;text-align:left;position: absolute;top: 80px;left:0;}
div.cal .mnt .dHd{width:14.28%;color:#000;font-size:15px;height: 40px;width:calc(14.28% - 6.85px)}
div.cal .mnt .dHd:first-of-type{margin-left:24px}
div.cal .mnt .day{width:14.28%;height:32px;color:#000;font-size:15px;border-right: 0;border-bottom: 0;position:relative;z-index: 0;box-sizing: border-box;margin:12px 0; padding: 6px;line-height: 1.5;}
div.cal .mnt .day.inBtw{background-color:transparent}
div.cal .mnt .day.disb{color:#717171;}
div.cal .mnt .day.active.sel{z-index:1;}
div.cal .mnt .day.active.sel:before{content:"";position: absolute;z-index: -1;display: block;top: 50%;left: 50%;margin: -16px 0 0 -16px;width: 32px;height: 32px;background-color: #3182f6;border-radius: 50%;}
div.cal .mnt .day.active.sel, div.cal .mnt .day.active.inBtw{background-color:transparent; color:#fff;}
div.cal .mnt .day.active.sel + .day.active.sel{z-index:0;}
div.cal .mnt .day.active.sel + .day.active.sel:before{content:"";position: absolute;z-index: -1;display: block;top: 50%;left: 50%;margin: -16px 0 0 -16px;width: 32px;height: 32px;background-color: #3182f6;border-radius: 0 50% 50% 0;}	
div.cal .mnt .day.active.sel + .day.active.sel:after{content:"";position: absolute;z-index: -1;display: block;top: 50%; right:50%;left: -50%;margin: -16px 0 0 0px;width: auto;height: 32px;background-color: #3182f6;border-radius: 0;}
div.cal .mnt .day.active.inBtw:before{content:"";position: absolute;z-index: -1;display: block;top: 50%;left: 0;right:0;margin: -16px 0 0 0px;width: auto;height: 32px;background-color: #3182f6;}
div.cal .mnt .day.active.sel + .day.active.inBtw:before{content:"";position: absolute;z-index: -1;top: 50%;right: 0%;left: 0;left: -50%;margin: -16px 0 0 0px;width: auto;height: 32px;background-color: #3182f6;}
div.cal .mnt .day.active.inBtw + .day.active.sel:before{content:"";position: absolute;z-index: -1;display: block;top: 50%;right: 0;left:50%;border-radius: 0% 50% 50% 0%;margin: -16px 0 0 -16px;width: 32px;height: 32px;background-color: #3182f6;}
div.cal .mnt .day.active.inBtw + .day.active.sel:after{content:"";position: absolute;z-index: -1;display: block;top: 50%;right: 0;left:0;border-radius: 0% 50% 50% 0%;margin: -16px 0 0 0px;width: 32px;height: 32px;background-color: #3182f6;}
.daterangepicker .drp-calendar.left{padding:0px;max-width:100%;width:100%;box-sizing: border-box;background: #fff;padding:16px;padding-top:148px}
.daterangepicker .calendar-table{border-radius:0;width: 100%;box-sizing:border-box;padding:8px;border: 0;}
.daterangepicker .calendar-table table{width:100%}
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td{z-index:0;position:relative;font-size: 15px;color: #000;max-width: 32px;max-height: 32px;width:auto;height:auto;line-height: 32px;padding:6px 0px;border: 0px solid transparent;}
.daterangepicker .calendar-table td.off{color:transparent}
.daterangepicker .calendar-table td.off.in-range:before{background-color:transparent}
.daterangepicker .calendar-table td.off.in-range.end-date.active:before{background-color:transparent}
.daterangepicker .calendar-table td.today.off.ends.start-date.available.active:before{background-color:transparent}
.daterangepicker .calendar-table td.today.off.ends.end-date.available.active:before{background-color:transparent}
.daterangepicker .calendar-table td.start-date.active{background-color:transparent}
.daterangepicker .calendar-table td.start-date.available.active{font-weight:bold}
.daterangepicker .calendar-table td.start-date.available.active:before{z-index:-1;content:"";position:absolute;display:block;top:50%;left:8px;margin:-16px 0 0 0px;width:32px;height:32px;background-color: #3fcfe0; border-radius:50% 0 0 50%}
.daterangepicker .calendar-table td.start-date.available.in-range.active:before{z-index:-1;content:"";position:absolute;display:block;top:50%;left:50%;margin:-16px 0 0 -16px;width:32px;height:32px;background-color: #3fcfe0; border-radius:50%}
.daterangepicker .calendar-table td.start-date.end-date.available.active:before{z-index:-1;content:"";position:absolute;display:block;top:50%;left:50%;margin:-16px 0 0 -16px;width:32px;height:32px;background-color: #3fcfe0; border-radius:50%}
.daterangepicker .calendar-table td.available.off:before, 
.daterangepicker .calendar-table td.start-date.available.off.active:before,
.daterangepicker .calendar-table td.start-date.available.in-range.off.active:before{background-color: transparent;}
.daterangepicker .calendar-table td.start-date.active + td.in-range.available:before{left:-10px}
.daterangepicker .calendar-table td.end-date.active:before{z-index:-1;content:"";position:absolute;display:block;top:50%;left:50%;margin:-16px 0 0 -16px;width:32px;height:32px;background-color: #3fcfe0; border-radius:50%}
.daterangepicker .calendar-table td.end-date.active.in-range.available:before{border-radius:0 50% 50% 0;left:8px;right: 0;margin-left: 0px;}
.daterangepicker td.in-range{font-weight: bold;background-color:transparent;border: 0px solid transparent;}
.daterangepicker td.in-range:before{z-index:-1;content:"";position:absolute;display:block;margin-top:-16px;top:50%;left:0px;right:-8px;width:auto;height:32px;background-color: #3fcfe0;}
.daterangepicker td.active, .daterangepicker td.active:hover{background-color: transparent;}
.daterangepicker tr td.in-range:first-of-type:before{left:8px}
.daterangepicker tr td.in-range:last-of-type:before{right:8px}
.daterangepicker .drp-selected{ text-align: left;padding: 32px;position: absolute;top: 76px;left: 0;right: 0;font-size: 19px;font-weight: bold;color: #000;display: block;line-height: 28px;}
.daterangepicker .drp-selected:before{content:"시작";position:absolute;font-size:12px;font-weight:400;display:inline-block;top:0;left:32px;right:auto;line-height:24px;background-color:#f6f6f6;padding:0 8px;border-radius:12.5px}
.daterangepicker .drp-selected:after{content:"종료";position:absolute;font-size:12px;font-weight:400;display:inline-block;top:0;right:32px;left:auto;line-height:24px;background-color:#f6f6f6;padding:0 8px;border-radius:12.5px}
.daterangepicker .drp-calendar.right{padding:16px; width:100%;max-width: 100%;box-sizing: border-box;background-color: #fff;}
.daterangepicker.show-calendar .drp-buttons{padding:0 24px 32px;background-color: #fff;border-top:0;}
.daterangepicker.opensright:after{content:none}

/* mypage 내지갑 쿠폰 */
.list_coupon{width: 100%}
.list_coupon.bdr_top{border-top: 1px solid #ddd}
.list_coupon.list_top_line{margin-top: 14px;border-top: 1px solid #ececec}
.list_coupon li{border-bottom: 1px solid #ebebeb}
.list_coupon li:first-child{border-top: 0}
.list_coupon li.coupon_non{ min-height: 420px;border: none;}
.list_coupon li.coupon_non .non_data{padding-top: 50px}
.list_coupon li.coupon_non .non_data p{display: inline-block}
.list_coupon li.coupon_non .non_data p:before{content:'';display: block;width: 74px;height: 74px;margin: 0 auto 22px;background-position:-170px 0}

/* 스위치 */
.switch_def input[type="checkbox"]{width: 34px; height: 18px;-webkit-appearance:none;appearance:none;border: none;background-color:transparent;background-image:url(../images/common/toggleOff.png);background-repeat: no-repeat;background-size:34px 34px;vertical-align: middle;
background-position:center;}
.switch_def input[type="checkbox"]:checked{background-image:url(../images/common/toggleOn.png);}
.switch_def.sel_toggle input[type="checkbox"]{margin-top:-4px}

/* loding */
.loding_dim{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 10000}
.loding_dim:after{content:'';position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: #000;opacity: 0.3}
.loding_dim img{position: fixed;left: 50%;top: 50%;width: 0px;margin-left: -35px;margin-top: -35px;z-index: 2}

/* 공지사항 */
.list_board {overflow: hidden;padding:0 32px}
.list_board li{position: relative;padding: 0;border-bottom: 1px solid #eee;vertical-align: middle}
.list_board li a{display: block;width:100%;padding: 16px 0px 16px 0;vertical-align: middle}
.list_board li a:after{content:'';display: block; position: absolute;top:19px;/* transform:translateY(-50%);*/ right: 0;width: 16px;height: 16px;/*margin-top: -9px;*/background: url(../images/common/btn_arr_rgt.png) no-repeat center; background-size:16px;}
.list_board li a .tit{width:100%; display:block;vertical-align:middle;overflow:hidden;/*margin-bottom:8px;*/padding-right:24px; box-sizing:border-box; font-size: 15px;font-weight: 400;color: #000; text-overflow:ellipsis;white-space: nowrap}
.list_board li a .date{display: block;font-size: 15px;color: #717171; text-align: left; margin-top:8px; padding-right:24px; box-sizing: border-box}

/* TOBE 공인인증서 관리 */
.inner .noti_certify_txt{margin: 30px auto;font-size:15px; text-align:center;}
.inner.set_certify .tit_space_top{font-size:23px;}
.inner.set_certify .dot_list{margin: 12px 0 40px;}
.inner.set_certify .dot_list li {font-size:13px; position: relative; padding-left:8px; line-height:18px;}
.inner.set_certify .dot_list li:before {display:block; content:""; width:3px; height:3px; background-color:#767676; position:absolute; top:9px; left:0;}
.way_certify{margin:0;margin-top:30px;}
.way_certify .set_certify_list li:first-of-type{margin-top:16px;}
.way_certify .set_certify_list li a{margin-top:16px;}
.set_certify, .inner.set_certify{padding:0 24px}
.set_certify_list li:first-of-type{margin-top:24px;}/*0708 상단간격 수정 박진수*/
.set_certify_list li {position: relative;margin-top:16px; padding:24px 32px;background: #fff; border-radius: 10px 10px;box-shadow: 0px 0 20px rgba(70, 70, 70, 0.15);} 
.set_certify_list li:after{content:"";clear:both;display:block}  
.set_certify_list li .tit{font-size:19px; color:#000; line-height: 26px;float:left}
.set_certify_list li .tit.inn{display:inline-block;float:left;margin-right:10px}
.set_certify_list li .tit.inn + .chip{margin-top:3px}
.set_certify_list li .cont{clear:both}
.set_certify_list li button{position:absolute; top:24px; right:32px;font-size:15px;color:#000;line-height:26px;text-align:right;text-decoration:underline}
.set_certify_list li .result_info.on {position:absolute; top:29px;left:80px;padding: 4px 8px;font-size: 11px;height: 20px;box-sizing: border-box;line-height: 10px;background: #fff;border: 1px solid #53cedd;color: #53cedd;border-radius: 10px 10px;}
.set_certify_list li .btn_certify{display: inline-block;margin-top: 20px;width: 100%;padding: 13px 0; background-color: #086cfd;font-size: 19px; color: #fff;text-align: center;border-radius: 6px;}
.set_certify_list li .btn_certify span{position:relative;}
.cont dl{padding-top: 12px;font-size: 15px; line-height: 30px;}
.cont dl:after{content:"";clear:both;display:block}
.cont dl > dt{float: left; width: 35%; text-align: left;}
.cont dl > dd{float: right; width: 65%;color: #000; text-align: right;}

/* TOBE 앱설정 공인인증서 가져오기 STEP */
.container.certify .inner {padding: 0 30px 40px;/*padding: 0 32px 40px;*/}
.container.certify .inner h2 {font-weight:600;}
.container.certify .inner.btm {/*padding:30px 30px 40px;*/margin-bottom: 55px;}
.container.certify .inner .list_memberapply {padding-top:30px;}
.container.certify .inner .list_memberapply li {padding-top:0;}
.inner.setup_certify .step_area{position: relative; padding: 0 0 10px 0px;}
.inner.setup_certify .step_area ol{position:relative;}
.inner.setup_certify .step_area ol > li:nth-of-type(1){margin-top:0;}
.inner.setup_certify .step_area ol > li{position: relative; padding-left:40px;margin-top:28px;}
.inner.setup_certify .step_area ol > li p{padding-left:0;line-height:22px;margin-top:2px;font-size:15px;color:#000}
.inner.setup_certify .step_area ol > li .link{margin-left:0}
.inner.setup_certify .step_area ol > li i{display: inline-block;position: absolute;left: 0;top: 0;line-height: 0.45rem;width: 24px; height: 24px;font-size: 15px; text-align:center;font-style:normal; background-color:#3182f6;color:#fff;border-radius: 50%; overflow: hidden;}
.inner.setup_certify .step_area ol > li:last-of-type:before{content: ''; display: block; position: absolute; top:0; bottom:0; left: 20px;  width: 1px; height: 100%; background: #fff;}

/* TOBE 환전신청 이용안내 */
.box_wrap{border-radius:10px;box-shadow: 0 5px 20px rgba(70, 70, 70, 0.15);background-color:#fff;padding:24px;display:block;box-sizing:border-box;}
.box_wrap:after{content:"";display:block;clear:both}
.box_wrap.list_faq.bi li a{min-height:40px;padding: 0 20px 0px 56px;display: flex;align-items: center;}
.box_wrap.list_faq.bi li a:after{top: 50%;margin-top: -8px;background: url(../images/common/btn_arr_right.png) no-repeat right 0 center;background-size:16px;}
.inner.exchange .tit{font-size:15px;font-weight:bold;color:#000;padding: 5px 0 0 8px;margin-bottom:8px;}
.inner.exchange .accordion_mdu .accordion_view{padding-bottom:24px}
.inner.exchange .accordion_mdu .btn_view{padding:0 8px}
.inner.exchange .accordion_mdu .tb{margin-top:8px;margin-bottom:24px}
.inner.exchange .accordion_mdu .btn_white{margin: 16px 0 24px;}
.inner.exchange .dot_list{margin-top:0px;padding:0 8px;}
.inner.exchange .dot_list li p{font-size:15px;padding-left: 26px;}
.inner.exchange li{color:#717171;font-weight:400}
.inner.exchange li .tit{color:#000;font-weight:400;padding-top:16px}
.inner.exchange .dot_list.space_top{margin-top:32px}
.inner.exchange .customer_center{line-height:24px; margin:48px 0;  align-items: center;justify-content: space-between;}
.inner.exchange .customer_center .num{font-size:19px;font-weight:bold;white-space: nowrap;margin-left: 10px;}
.inner.exchange .atm_info_wrap{padding:0px 8px;margin-bottom: 16px;}
.inner.exchange .atm_info_wrap strong{color:#000}
.inner.exchange .atm_info_wrap span{float:right}
.inner.invest_wrap .my_invest_list li{position:relative;padding:24px 24px 24px 56px;border-top:1px solid #eee}
.inner.invest_wrap .my_invest_list li:first-of-type{border-top:0px solid #eee}
.inner.invest_wrap .my_invest_list li .tit{font-weight:bold;margin-top:4px}
.inner.invest_wrap .my_invest_list li .txt{margin-top:4px}
.inner.invest_wrap .my_invest_list li .circle.circle_sm{border:0;position:absolute;left:0;top:24px;right:auto;bottom:auto}
.inner.invest_wrap .my_invest_list li .circle.circle_sm > img{padding-top:0;}
.inner.invest_wrap .my_invest_list li a:after{content: '';position: absolute;right: 0;top: 32px;margin-top: 0;display: inline-block;width: 16px;height: 16px;background: url(../images/common/btn_arr_right.png) no-repeat ;background-size: 16px;}

/* 보유카드 */
.my_card_list > li{padding:24px 0;border-bottom:1px solid #eee;}
.my_card_list > li:last-child{border-bottom:0}
.my_card_list > li a{position:relative;display:block;min-height:46px;/*padding:24px 0*/}
.my_card_list > li a:after{content: '';display: inline-block;position: absolute;top:50%;right:0;transform:translateY(-50%);background:url(../images/common/btn_arr_right.png)no-repeat;background-size:16px;width:24px;height:24px}
.circle_sm{width:40px;height:40px;border:1px solid #eee;border-radius:50%;vertical-align:middle;text-align:center}
/* .circle_sm > img  에 적용하는 이미지는 이미지사이즈 관계없이 적용되어야 하기때문에 width 100% 적용 */
.circle_sm > img{padding-top:5px;width:100%;height:auto;vertical-align:middle;}
.my_card_list > li a .cont_left, .my_card_list > li a .cont_right{display:inline-block;vertical-align:middle}
.my_card_list > li a .cont_left{margin-left:16px}
.my_card_list > li a .cont_left .tit_row1{padding-top:13px;vertical-align:middle}
.my_card_list > li a .cont_right{float:right;margin-right:48px;text-align:right}

/* 혜택 - 받은혜택 */
.container.invest_apply .inner.card_wrap, .container.invest_apply .inner.card_wrap .my_card_list{padding-top:0;}
.inner.card_wrap{padding: 24px 32px 0;}
.inner.card_wrap .my_card_list{padding-top:16px}
.atm_import_wrap{margin-bottom:16px}
.map_list li:first-child{padding:32px;border-top:0px solid #eee}
.map_list li{padding:32px;border-top:1px solid #eee}
.map_list li .tit.main{display:inline-block;font-size:19px;color:#000;font-weight:400;line-height:32px;}
.map_list li .btn_select {width:auto;padding:0 24px;float:right}
.map_list li .tit{color:#949494;font-size:15px;min-width:80px}
.map_list .map_info{margin-top:24px}
.map_list .map_info li{padding:0;border-top: 0px solid #eee;display: flex; justify-content: flex-start;}
.map_list .map_info li + li{margin-top:8px}

.quick_card_compare .tit.main{color:#000;font-size:15px;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.quick_card_compare .cont_center .chip{margin:0;}
.quick_card_compare .cont_center .chip + .chip{margin-top:4px;}
.quick_card_compare .quick_card_row3 .cont_left span,
.quick_card_compare .quick_card_row3 .cont_right span{line-height:24px;display: inline-block;}

/* TOBE 연동시작 */
/*  STEP */
.step_area ol{margin-top:24px}
.step_area{position: relative; padding-top:24px;}
.step_area ol > li:nth-of-type(1){margin-top:0;}
.step_area ol > li{position: relative;padding-bottom:32px;align-items: center;}
.step_area ol > li> p{padding-left:48px;font-size: 19px; color:#000;line-height: 28px;margin-top:0px;}
.step_area ol > li i{display: inline-block;position: absolute;left: 0;top: 0px;width: 32px; height: 32px;font-size: 15px;font-style:normal;font-weight:bold;text-align:center;background-color:#086cfd;color:#fff;border-radius: 50%; overflow: hidden;padding:5px 0 0;box-sizing:border-box}
.step_area ol > li:last-child:before{bottom:100%}
.step_area ol > li:before{content:"";position:absolute;top:32px;left:16px;bottom:0;border-left:1px solid #f6f6f6}
.inner.setup_certify.type1 .step_area{padding: 24px 8px 24px;}
.inner.setup_certify.type1 .step_area ol > li{margin-top: 0;padding-bottom: 24px;}
.inner.setup_certify.type1 .step_area ol > li:before{content:none}
.step_area.step_sm ol > li i{padding: 8px 0 0;}
.step_area.col4 ol > li{width: 25%;}

/* 무인매장용 결제 가이드 */
.pay_guide2{margin:56px auto 16px auto;width:136px;height:136px;background:transparent;}
.step_area.asset_way_wrap ol li i{font-size:19px;width:40px;height:40px;line-height: 40px;padding: 0; position:absolute; top:50%; transform:translateY(-50%);}
.step_area.asset_way_wrap ol li p{padding-left:56px}
.step_area ol .step_pay_guide{margin:32px 0;padding-bottom: 0px;word-break:keep-all}
.step_area ol .step_pay_guide2{margin:0 0 24px 0;padding-bottom: 0px;word-break:keep-all}

/* 금융기관 img */
.bank_img{float:left;margin-right:10px}

/* 등록된 충전수단 이미지 */
.img.charge{width:40px;height:40px;}
.img.charge img{width:100%}
.inner.video{margin-top:32px;margin-bottom:32px}
.video_wrap{min-height:186px;background-color:rgba(0, 0, 0, 0.5)}

/* 상품안내 보험료결제 - spend  */
.payment .list_faq>li ul.two_list.charge{}
.payment .list_faq>li ul.two_list.charge li:first-of-type{float:left;width:auto;padding:0;}
.payment .list_faq>li ul.two_list.charge li:nth-of-type(2){width:calc(100% - 40px);float:left;padding:0 0 0 16px;text-align:left}
.payment .list_faq>li ul.two_list.charge li .tit{display:block;font-weight:bold;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:4px}
.payment .list_faq>li ul.two_list.charge li .txt{margin-top:4px}

/* 아이콘 이미지 */
.img_emoti{position:absolute}
.benefit_img_area {width:80px;height:80px;text-align:center}
.benefit_img_area .circle.circle_lg{font-size:25px;line-height: 80px;text-align:center;vertical-align:middle;}
.benefit_img_area .circle.circle_lg img, 
.benefit_img_area .circle.circle_xs img{width:100%}
.circle_xs{display:inline-block;float:left;border: 0px solid #eee;box-sizing:border-box;border-radius: 50%;font-size:11.2px;width:32px;height:32px;min-width:32px;min-height:32px;line-height: 32px;text-align:center;vertical-align:middle;}
.circle_xs.num{font-size:15px;font-weight:bold;color:#000;border: 1px solid #eee;}	
.circle_xs:nth-of-type(odd){margin-left:8px}

/* PR0709 */
.illust_pencil02{position:absolute;right:22px;top:14px;width:64px}/*0708 상단간격 수정 박진수*/

/* mypage 소비매니저 - 나의내역 */
.top_bg_wrap .tab_sub_wrap{box-sizing:border-box; position:relative;}
.top_bg_wrap .date_select_wrap{margin-top:40px}
.top_bg_wrap .box_wrap{margin-top:32px;position:relative}
.top_bg_wrap .box_wrap .emoji{position:absolute;top:32px;right:32px;left:auto;bottom:auto;border:0; font-size:24px; line-height:32px;}	/* 200623_이모지수정 */ 
.tab_sub_wrap li{float:left;padding:0 10px;position:relative}
.tab_sub_wrap li:first-of-type{padding:0 10px 0 0;}
.tab_sub_wrap li.active{padding-right:14px}
.tab_sub_wrap li.active button{font-weight:bold; color:#000;}	
.tab_sub_wrap li.active:after{content:""; position:absolute; right:8px;top:-2px;width:4px;height:4px;border-radius:50%;background:#000;}
.tab_sub_wrap li.consumption{float:right;}
.top_bg_wrap .pay_calendar{background-color:transparent;margin: 40px 8px 0;}
.top_bg_wrap.emotion{padding: 40px 24px 8px;text-align:center}
.top_bg_wrap.emotion h2{font-size:19px;}
.top_bg_wrap.emotion h3{font-size:19px;font-weight:400;margin-top:8px}
.top_bg_wrap.emotion .img_box{margin:0 auto;margin-top:32px;border:none;background-color:transparent;text-align:center;padding:0px;box-sizing:border-box}
.top_bg_wrap.emotion .btn_white{margin:24px 0 48px}

/* CM0200 소비매니저 - 소비분석 */
.container .tab_con.my_emotion {padding-bottom:56px;}
.container.my_emotion .top_bg_wrap.emotion h2.tit{margin-top:0;}
.container.my_emotion .inner .legend{padding:0 0px;width:100%;}
.container.my_emotion .inner .legend.unit li{width:100%}
.container.my_emotion .inner .legend li{width:33.333%}
.container.my_emotion .pay_calendar .num_wrap:after {content: "";display: block;background: url(../images/common/calendar_gray.png)no-repeat;background-size: 32px;width: 32px;height: 32px;background-repeat: no-repeat;background-position: center;position: absolute;right: -40px;top: 48%;transform: translateY(-50%);}
.my_emotion.type1 .swiper-container{padding-top:16px; margin-top:0;} /* 200708_수정(상단여백) */
.my_emotion.type1.tag .swiper-container .swiper-slide .box_wrap{min-width:auto;padding-right:46px}
.my_emotion.type1.tag .swiper-container .swiper-slide .box_wrap .btn_arr_rgt{position:absolute;right:12px;top:50%;margin-top:-8px;    background: url(../images/common/btn_arr_rgt.png) no-repeat center;background-size:16px;}
.my_emotion.type1.tag .swiper-container .swiper-slide .box_wrap .tit{margin-top:0;}
.my_emotion.type1.tag .swiper-container .swiper-slide .box_wrap .tit .num{color:#009bad;margin-left:8px}
.my_emotion h3 + .swiper-container.category{margin-top:0;padding-top:16px} /* 200708_수정(상단여백) */

/* CM0103 소비매니저_소비만족도 */
.my_emotion .swiper-container.category .swiper-slide .box_wrap .tit.main{width:auto}
.my_emotion .swiper-container.category .swiper-slide .box_wrap .btm.left{float:none; position:relative;right:auto;bottom: auto;}
.my_emotion .swiper-container{padding:0 0 16px 24px;margin-top:48px}
.my_emotion .swiper-container .swiper-slide{width:auto;margin-right:16px;}
.my_emotion .swiper-container .swiper-slide strong{margin-bottom:16px;padding-left:24px; padding-right:24px; box-sizing:border-box;display:inline-block; color:#000; width:100%; word-break:break-all} /* 200708_수정(상단여백) */
.my_emotion .swiper-container.fixed_size .swiper-slide .box_wrap{width:176px; height:224px; }
.my_emotion .swiper-container.fixed_size > .swiper-wrapper > .swiper-slide > strong {padding:0 0 0 8px;}
.my_emotion .swiper-container .swiper-slide .box_wrap{min-width:176px}
.my_emotion .swiper-container .swiper-slide .box_wrap .tit{margin-top:16px; width:100%; line-height: 1.4; display: block; font-size: 15px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; word-wrap: normal; word-break: break-all;}
.my_emotion .swiper-container .swiper-slide .box_wrap .txt{width:100%; line-height: 1.4; display: block; font-size: 15px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; word-wrap: normal; word-break: break-all;box-sizing:border-box; }
.my_emotion .swiper-container .swiper-slide .box_wrap .tit.main{display:inline-block;margin-top:0px;font-size:19px;font-weight:bold}
.my_emotion .swiper-container .swiper-slide .box_wrap .emoji {font-size:24px; line-height:32px;} /* 200623_이모지수정 */ 
.my_emotion .swiper-container .swiper-slide .box_wrap .btm{position:absolute; right:0px; bottom:24px; margin-top:32px; width:100%; box-sizing:border-box;}
.my_emotion .swiper-container .swiper-slide .box_wrap .btm em{word-break:break-all}
.my_emotion .swiper-container .swiper-slide .box_wrap .btm img.emoti{float:right; margin-right:24px; width: 24px;height: 24px; margin-bottom:8px;}
.my_emotion .swiper-container .swiper-slide .box_wrap .btm strong, .my_emotion .swiper-container .swiper-slide .box_wrap .btm strong em{display:inline-block;font-size:17px;color:#000;font-weight:bold;margin-bottom:0;}
.my_emotion .swiper-container .swiper-slide .box_wrap .btm.left{float:none;text-align:left}
.my_emotion .swiper-container .swiper-slide .box_wrap .btm.left .txt{margin-top:4px}
.my_emotion .swiper-container .swiper-slide .box_wrap .btm.tar {width: auto; position: relative;right: auto;bottom: auto;}
.my_emotion .swiper-container .swiper-slide .box_wrap .btm.tar strong{width:auto;padding:0;float:right}
.my_emotion .swiper-container .swiper-slide .box_wrap .btm.tar img{float:none;padding:0;margin-right: 8px;margin-bottom:0;}

/* 소비매니저 - 소비분석 CM0200 */
.my_emotion .swiper-container.spend_pattern {box-sizing:border-box; padding: 16px 24px 16px 24px;margin-top: 0px;}
.my_emotion .swiper-container.spend_pattern .swiper-slide .box_wrap{min-width:auto;    height: 100%;}
.my_emotion .swiper-container.spend_pattern .swiper-slide .box_wrap .btm{margin-top:24px;width: 100%; position:relative; bottom:0; height:auto;}
.my_emotion .swiper-container.spend_pattern .swiper-slide .box_wrap .btm .up_arr{margin-right:4px; width:0; height:0; padding:0;}
.my_emotion .swiper-container.spend_pattern .swiper-slide .box_wrap .btm .tit.sub{margin-top:0px;width:auto;padding-left:16px; padding-right:0;}
.my_emotion .swiper-container.spend_pattern .swiper-slide .box_wrap .btm .tit.sub.arr_up:after, 
.my_emotion .swiper-container.spend_pattern .swiper-slide .box_wrap .btm .tit.sub.arr_down:after {left: 0;}
.my_emotion .swiper-container.challenge{padding-bottom:40px}
.my_emotion .swiper-container.challenge .indicator_area{margin-left:0;}
.my_emotion .swiper-container.challenge .swiper-slide{margin-right:0}
.my_emotion .swiper-container.challenge .swiper-slide strong{margin-bottom:0px;padding-left:0px;display:block;}
.my_emotion .swiper-container.challenge.event_visual.swiper-event_mdu .swiper-slide .slide_area strong.tit{padding-right:0;}
.swiper-wrapper.stop{transform:translate3d(0px, 0, 0)!important}
.swiper-wrapper.stop + .indicator_area{display:none;}
.swiper-pagination.stop{transform:translate3d(0px, 0, 0)!important}
.my_emotion .slide_area .date{margin-top:8px}
.my_emotion .slide_area .tit_wrap{margin-bottom:16px}
.my_emotion .slide_area .tit_wrap:after{content:"";display:block;clear:both}
.my_emotion .slide_area .tit_wrap .tit{float:left;margin-top:0;line-height: 40px;}
.my_emotion .slide_area .tit_wrap .emoji{border:0;float:left;margin-right:16px; font-size:24px; line-height:32px;} /* 200623_이모지수정 */ 
.my_emotion .swiper-container.category .swiper-slide .box_wrap{min-width:190px}
.my_emotion .swiper-container.category .swiper-slide .box_wrap .emoti.fr {width:32px;height:32px;}
.my_emotion .btn_arr_rgt{font-size:0;text-indent:-9999px;float:right; margin-top:6px;}
.my_emotion h2, .my_emotion h3{font-size:23px;color:#000;margin-top:56px;margin-bottom:32px} /* 200708_수정(상단여백) */
.my_emotion h2.tit_space_top.type01.inner{margin-top:0;padding-top:24px;margin-bottom:32px} /* 200708_수정(상단여백) */
.my_emotion .emotion.brand .tit{display:inline-block;padding-left:8px;margin-bottom:16px;margin-top:24px;font-size:17px}
.my_emotion .emotion.brand .box_wrap{padding-left:64px;}
.my_emotion .emotion.brand .box_wrap img{float:left;position:absolute;top:24px;left:24px;right:auto;bottom:auto;width:24px;height:24px;}
.my_emotion .emotion.brand .box_wrap .chip{float:left;margin-right:8px;margin-bottom:8px}
.my_emotion .emotion.brand .box_wrap .btn_arr_rgt{position:absolute;top:24px;right:24px;left:auto;bottom:auto}
.my_emotion .emotion.brand .box_wrap .tit.main{font-weight:bold;margin-top:0px;margin-bottom:8px;padding-left:0;    display: block;    clear: both;font-size: 19px;}
.my_emotion .emotion.brand .box_wrap .tit.main .num{font-weight:bold;color:#00a4b8;margin-left:4px}
.my_emotion .emotion.brand .box_wrap .tit.main.case1{display:flex}
.my_emotion .emotion.brand .box_wrap .txt{margin-top:0px;}
.my_emotion.type1 .swiper-container .box_wrap .btn_arr_rgt{width:16px;background: url(../images/common/btn_arr_rgt.png) no-repeat right 0px center;background-size:16px;}
.my_emotion h3.inner + .emotion.brand.inner.type1 {padding-bottom:48px}
.emotion_cmt.box_wrap, .inner.type1 .emotion_cmt.box_wrap{padding:18px 24px;}
.emotion_cmt{color:#000;font-size:19px;text-align:center}
.emotion_cmt .report{display:inline-block;font-size:19px;text-align:left; float:left; padding-left:32px;}
.emotion_cmt .report:after{content:''; display:block; clear:both; position: absolute; top:50%; transform:translateY(-50%); left:24px; width:24px; height:24px; background: url(../images/common/icon-24-report-black@3x.png) no-repeat 0 center; background-size:24px;}

/* CM0200 03소비매니저 */
.inner.spend_analysis h2{padding:32px 8px 0;margin-top:0;}
.inner.spend_analysis .box_wrap .chip{margin-bottom:8px}
.inner.spend_analysis .box_wrap .up_arr{display:inline-block;width:16px;height:16px; padding:0; }
.inner.spend_analysis .box_wrap .unit_wrap{margin-top:24px;text-align:right;clear:none;float:right;padding:0;}
.inner.spend_analysis .box_wrap .unit_wrap .tit.main{font-size:23px}
.inner.spend_analysis .box_wrap .unit_wrap .tit{font-size:17px;margin-top:8px}
.inner.spend_analysis .box_wrap .balloon{top:auto;bottom:0;right:0;left:auto;transform:translatey(50%)} 
.inner.spend_analysis .box_wrap .balloon:after{left: auto;right: 48px; bottom: auto;  top: -6px;  border-left: 6px solid transparent;  border-right: 6px solid transparent;  border-top:0; border-bottom: 7px solid #086cfd;border-bottom: 7px solid #086cfd;}
.inner.spend_analysis .box_wrap .balloon.balloon_analysis{top:114px;bottom:unset;right:0;left:auto;transform:none}/* 20200717 */
.inner.spend_analysis .box_wrap .balloon.balloon_analysis:after{left: auto;right: 48px; bottom: auto;  top: -6px;  border-left: 6px solid transparent;  border-right: 6px solid transparent;  border-top:0; border-bottom: 7px solid #086cfd;border-bottom: 7px solid #086cfd;}
.inner.bill_history .tit.main{font-weight:bold}
.inner.bill_history .tit.main .num{font-weight:bold;color:#00a4b8;margin-left:4px}
.inner.bill_history .tit.main.fr.amount .num{color:#000}
.inner.bill_history .spend_list .list_item{padding:32px 0 0 56px;border-top:0;}
.inner.bill_history .spend_list .list_item:first-of-type{margin-top:0;}
.inner.bill_history .spend_list .list_item .emoji{border:0;top:32px}
.inner.bill_history .spend_list .list_item p{font-size:15px}
.inner.bill_history .spend_list .list_item p .tit{margin-top:0;}
.inner.bill_history .spend_list .list_item p .num, .inner.bill_history .spend_list .list_item p .num em{margin-top:0;font-size: 15px;}

/* chart legend 차트 기준범위 스타일 */

/* 그래프 */
.skyblue{background-color:rgb(63, 207, 225)}
.orange{background-color:rgb(254, 143, 1)}
.yellow{background-color:rgb(255, 221, 2)}
.soso{background-color:rgb(164, 208, 221)}
.regret{background-color:rgb(254, 172, 185)}
.gray{background-color:rgb(221, 221, 221)}
.blue{background-color:rgb(59, 117, 239)}
.legend {width:100%; margin:0 auto;}
.legend li{display:inline-block;margin-right:0px;padding-right: 0px;box-sizing: border-box;width:50%;float: left;white-space: nowrap;}
.legend li:nth-of-type(3), .legend li:nth-of-type(6){width: 28%;}
.legend li:last-of-type{margin-right:0px}
.legend span, .legend label{display:inline-block}
.legend .tit label{width:8px;height:8px;border-radius:50%;margin-right:8px;margin-bottom:2px}
.legend .tit label.blue{background-color:#3fcfe1}
.legend .tit em{margin-left:5px}
.legend .rate{margin-left:4px}
.legend .total{color:#000}
.legend .total .num{font-weight:bold;margin-right: 1px;}
.legend.unit li{display:block;margin:0;width: 100%;float: none;}
.legend.unit li + li{margin-top:16px}
.legend.unit li .tit{color:#717171;line-height:24px}
.legend.unit li .amount{float:right}
.legend.unit li .amount a{font-size:15px; font-weight: bold; position:relative; padding-right:24px; box-sizing: border-box;}
.legend.unit li .amount a em {font-size:15px; font-weight: bold; }
.legend.unit li .amount a:after{content:'';position:absolute;top:50%;right:0;transform: translateY(-50%); display:block;width: 16px;height: 16px;background: url(../images/common/btn_arr_right.png) no-repeat center;background-size: 16px;}
.legend.unit li .amount .tit, .legend.unit li .amount .tit em{color:#000;font-weight:bold;margin-right:4px}
.date_select_wrap{font-size:19px;color:#000;font-weight:bold; }
.date_select_wrap .date_tit{margin-right:4px}
.date_select_wrap .date_tit em, .date_select_wrap .select{font-size:19px;color:#000;font-weight:bold}
.filtering{min-height:61px; position:relative;}
.filter_area{position:absolute; right:32px; bottom:0; color:#000;width: auto; padding-right:28px;background: url(../images/common/ico_filter_sm.png) no-repeat right 0 top 0;background-size: 24px;text-indent: 0;}
.filtering .filter_area{position:absolute; right:32px; bottom:0; color:#000;width: auto; padding-right:28px;background: url(../images/common/ico_filter_sm.png) no-repeat right 0 top 0;background-size: 24px;text-indent: 0;}
.filter_area .btn_filter{width:24px; height:24px; position:absolute; right:0;}
.sel_filter_area .btn_filter{position:relative}
.filter_area.active:after{position:absolute; top:0; right:0; border-radius:50%; content:''; display:block; clear:both; width:4px; height:4px; background:#3182f6; position:absolute;}
.sel_filter_area .btn_filter:after{position:absolute; top:0; right:0; border-radius:50%; content:''; display:block; clear:both; width:4px; height:4px; background:#3182f6; position:absolute;}
.tit.date{font-weight:bold;clear:both;padding-top:40px; box-sizing:border-box; position:relative; z-index:11;}
.tit.date li.tit.date{font-weight:bold; clear:none; margin-top:0}
.tit.date .date{font-weight:bold}
.tit.date .num{font-weight:bold;color:#00a4b8;margin-left:8px}
.tit.date button.filter_area{right:0;}
.spend_list{position:relative;}
.spend_list .list_item{position:relative;padding:24px 0 24px 48px;border-top:1px solid #eee}
.spend_list .list_item:first-of-type{border-top:0;margin-top: 8px;}
.spend_list + .spend_list {border-top:1px solid #eee;} 
.spend_list.more {border-top:0;} 
.spend_list .list_item .emoji{position:absolute;top:24px;left:0;border:0; font-size:24px; line-height:32px;} /* 200623_이모지수정 */
.spend_list .list_item p:after{content:"";display:block;clear:both}
.spend_list .list_item p .chip{float:left}
.spend_list .list_item p .img.emoti{float:right; width:24px; height:24px;}
.spend_list .list_item p .tit{display:inline-block;margin-top:8px}
.spend_list .list_item p .num{float:right;display:inline-block;margin-top:6px;font-size:17px;font-weight:bold;color:#000}
.spend_list .list_item p .num em{font-size:17px;font-weight:bold;color:#000}
.spend_list .list_item p .num.txt_blue em{color:#0b6dfd}	
.spend_list .list_item p .txt{float:left;margin-top:4px;max-width: 46%;display: inline-block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.spend_list .list_item p .txt.cancel{float:left;max-width:auto}
.spend_list .list_item p .txt.line{position:relative;padding-left:8px;margin-left:8px;max-width:auto;float:left}
.spend_list .list_item p .txt.line:before{content:"";border-left:1px solid #ddd;position:absolute;top:2px;bottom:2px;left:0;}
.spend_list .list_item p .time{font-size:15px;float:right;margin-top:4px}
.spend_list .list_item p .txt_del, .spend_list .list_item p .txt_del em{color:#c3c3c3;text-decoration:line-through}
.spend_list .list_item p .txt_gray, .spend_list .list_item p .txt_gray em{color:#8e8e8e;}
.spend_list .list_item p .num.plus, .spend_list .list_item p .num.plus em{color:#086cfd}
.spend_list .list_item .balloon.arr_right.emoti {top: -68px;right: -8px;}
.spend_list .list_item .balloon.arr_right.emoti:after {right:16px}
.inner.list_style1 .tit.date{margin-top:56px}
.inner.list_style1 .spend_list .list_item{border-top:0;}
.inner.list_style1 .spend_list .list_item:first-of-type{margin-top:0;}
.inner.list_style1 .spend_list .list_item + .list_item{margin-top:16px}

/* mypage 나의내역 CM0101 */
.top_area.my_history {position:relative;padding:54px 32px 48px}
.top_area.my_history.type2{padding-top:15px;}
.top_area.my_history.type2 > .btm_wrap{border-top:1px solid #eee;}
.top_area.my_history .btn_bookmark{position:absolute;top:24px;right:32px;width:24px;height:26px;background:url(../images/common/icon_bookmark_off.png) no-repeat;text-indent:-9999px; background-size:24px;}
.top_area.my_history .btn_bookmark.on{background:url(../images/common/icon_bookmark.png) no-repeat;  background-size:24px;}
.top_area.my_history .top_wrap{border-bottom:1px solid #eee;padding-bottom:32px;text-align:center}
.top_area.my_history .top_wrap .btn_arr_gray{position:relative;display: inline-block}
.top_area.my_history .top_wrap.dot_list_btm {padding-bottom: 16px;}
.top_area.my_history .top_wrap .btn_arr_gray:after{content:"";display: block;position: absolute;top: 50%;transform: translateY(-50%);right: -32px;width: 24px; height: 24px;background: url(../images/common/btn_arr_rgt.png) no-repeat;background-size:16px;}
.top_area.my_history .top_wrap .img_box{margin-left: auto;margin-right:auto;}
.top_area.my_history .top_wrap .img_box.img80{position:relative;border-radius: 0; background: transparent; font-size:70px;} /* 200623_이모지수정 */ 
.top_area.my_history .top_wrap .img_box.img80 img{width:100%;position:absolute;top:50%;left:50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.top_area.my_history .top_wrap .txt{margin-top:16px}
.top_area.my_history .top_wrap .btn_info{position:absolute;right:32px}
.top_area.my_history .top_wrap .amount{display:inline-block;margin-left:auto;margin-right:auto}
.top_area.my_history .top_wrap .amount, 
.top_area.my_history .top_wrap .amount .num em{color:#000;font-size:23px;font-weight:bold}
.top_area.my_history .top_wrap .amount .num.disable, 
.top_area.my_history .top_wrap .amount .num.disable em{color:#8e8e8e;font-size:23px;font-weight:bold}
.top_area.my_history .top_wrap .amount .num{float:left}
.top_area.my_history .top_wrap .amount .num.dis, .top_area.my_history .top_wrap .amount .num.dis em{color:#8e8e8e}
.top_area.my_history .top_wrap .amount .img_box{float:left;width:24px;height:24px;margin:4px 0 0 8px}
.top_area.my_history .btm_wrap{padding-top:32px}
.top_area.my_history .balloon.arr_right{top: 0; right: 8px; left: auto; transform: translatey(-50%);}
.top_area.my_history .btm_wrap .my_history_info > li{margin-bottom:16px;}
.top_area.my_history .btm_wrap .my_history_info > li:last-child{margin-bottom:0}
.top_area.my_history .btm_wrap .my_history_info > li:after,
.spend_history_info > li:after,
.spend_date_list > li:after,
.box_wrap .my_history_info > li:after{content:"";display:block;clear:both}
.top_area.my_history .btm_wrap .my_history_info > li .txt,
.top_area.my_history .btm_wrap .my_history_info > li .txt_cont,
.box_wrap .my_history_info > li .txt,
.box_wrap .my_history_info > li .txt_cont{display:inline-block}
.top_area.my_history .btm_wrap .my_history_info > li .txt_cont{text-align:right;float:right;padding-right:24px;font-size:15px;color:#000}
.top_area.my_history .btm_wrap .my_history_info > li .txt_cont.tit{padding-right:0px;}
.top_area.my_history .btm_wrap .my_history_info > li .txt_cont .link.enter_memo{margin-left:0px;padding-right: 24px;}
.top_area.my_history .btm_wrap .my_history_info .btn_arr{position:relative;display: inline-block}
.top_area.my_history .btm_wrap .my_history_info .btn_arr:after{content:"";display: block;position: absolute;top: 50%;margin-top: -8px;right: -28px;width: 16px; height:16px;background: url(../images/common/btn_arr_right.png) no-repeat center center; background-size:16px;}
.top_area.my_history .btm_wrap .my_history_info > li .date_pd0{padding-right:0}
.top_area.my_history.bg_gray .btm_wrap .my_history_info > li .txt {width: 24%; float:left;}
.top_area.my_history.bg_gray .btm_wrap .my_history_info > li .txt_cont {width: 76%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: relative;box-sizing:border-box;padding-right: 0;}
.top_area.my_history.bg_gray .btm_wrap .my_history_info > li .txt_cont .btn_arr {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;box-sizing: border-box;width: 100%;padding-right:24px}
.top_area.my_history.bg_gray .btm_wrap .my_history_info > li .txt_cont .btn_arr.br {white-space:normal; word-break:keep-all}
.top_area.my_history.bg_gray .btm_wrap .my_history_info > li .txt_cont .btn_arr:after {right: 0; /*top: 0;transform: none;width: 16px;height: 16px;*/}
.top_area.my_history.bg_gray .btm_wrap .my_history_info > li .txt_cont .edit_memo.active{width:60%;}
.top_area.my_history.bg_gray .btm_wrap .my_history_info > li .txt_cont .edit_memo.active input{width:calc(100% - 16px);}
.spend_history_recent{padding:48px 32px 32px}
.spend_history_info{margin-top:31px;}
.spend_history_info > li{padding:4px 0;}
.spend_history_info .txt,.spend_history_info .num_bold{display:inline-block;color:#000 !important}
.spend_history_info .num_bold{float:right;text-align:right;width:auto;}
.spend_switch_txt{padding-top:8px;}
.top_area.my_history.top_area_btm48 {margin-bottom:48px}
.box_wrap .my_history_info > li{margin-bottom:8px}
.box_wrap .my_history_info > li:last-child{margin-bottom:0}
.box_wrap .my_history_info > li .txt_cont{text-align:right;float:right;color:#000;font-size:15px}
.inner.type1 .box_wrap.box_lg{padding: 32px;}
.box_wrap.box_lg .icon_feeling{display:flex;justify-content:space-between}
.box_wrap.box_lg .icon_feeling > li{width:20%;padding-right:4%;text-align:center}
.box_wrap.box_lg .icon_feeling > li:last-child{padding-right:0}
.box_wrap.box_lg .icon_feeling > li img{width:24px;height:24px}
.box_wrap.box_lg .icon_feeling .range_txt{margin-top:4px;color:#c3c3c3}
.box_wrap.box_lg .icon_feeling .range_txt.range_active{color:#000;font-weight:bold}
.box_wrap.box_lg .icon_feeling .range_num{margin-top:8px;color:#000}
.non_box_wrap .icon_feeling{display:flex;justify-content:space-between;margin:40px 0 48px}
.non_box_wrap .icon_feeling > li{width:20%;padding-right:4%;text-align:center}
.non_box_wrap .icon_feeling > li:last-child{padding-right:0}
.non_box_wrap .icon_feeling .icon_feel_lg{width:40px;height:40px}
.non_box_wrap .icon_feeling .range_txt{margin-top:4px;color:#c3c3c3}
.non_box_wrap .icon_feeling .range_txt.range_active{color:#000;font-weight:bold}
.non_box_wrap .icon_feeling .range_num{margin-top:8px;color:#000}
.spend_date_list{padding:56px 0 8px}
.spend_date_list > li{position:relative;margin-bottom:64px}
.spend_date_list .spend_date{margin-bottom:16px;padding-left:0;font-weight:bold;color:#000}
/*.spend_date_list .spend_emoji,.spend_date_list .spend_date_cont {float:left}*/
.spend_date_list .spend_emoji{position:absolute;top:36px;left: 0;margin-right:16px;border:0; font-size:24px;} /* 200623_이모지수정 */ 
/*.spend_date_list .spend_emoji.border {border:1px solid #eee; box-sizing:border-box;}*/
.spend_date_list .spend_date_cont{box-sizing:border-box;padding-left:56px}
.spend_date_list .spend_date_cont .spend_row1{margin-bottom:6px}
.spend_date_list .spend_date_cont .spend_row1 .left_txt{margin-bottom:4px}
.spend_date_list .spend_date_cont .spend_row1 .left_txt.flag_gray{margin-bottom:8px}
.spend_date_list .spend_date_cont .spend_row1 .left_txt,
.spend_date_list .spend_date_cont .spend_row2 .left_txt,
.spend_date_list .spend_date_cont .spend_row3 .left_txt{display:inline-block;margin-left:auto;margin-right:auto}
.spend_date_list .spend_date_cont .spend_row2 .left_txt{color:#000;}
.spend_date_list .spend_date_cont .spend_row1 .icon_right,
.spend_date_list .spend_date_cont .spend_row2 .right_txt,
.spend_date_list .spend_date_cont .spend_row3 .right_txt{display:inline-block;float:right;text-align:right;margin-left:auto;margin-right:auto}
.spend_date_list .spend_date_cont .spend_row2 .right_txt.strong{font-size:17px}
.spend_date_list .spend_date_cont > li:after, {content:"";display:block;clear:both}
.inp_def_space{margin-top:48px;}
.spend_date_list .spend_date_cont .txt_line{position: relative;padding-left: 8px;margin-top: 4px;margin-left: 8px;max-width: auto;}
.spend_date_list .spend_date_cont .left_txt {float: left; max-width: 46%;display: inline-block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.spend_date_list .spend_date_cont .txt_line:before {content: "";border-left: 1px solid #ddd;position: absolute;top: 2px;bottom: 2px;left: 0;}

/* CM0118 */
.inner .tit_space_top.tit_arr .btn_arr{position: relative;display:block;}
.inner .tit_space_top.tit_arr .btn_arr:after{content: "";display:block;position:absolute;right:0;top:-24px;width:16px;height:16px;background: url(../images/common/btn_arr_right.png) no-repeat center; background-size:16px;}
.box_wrap{}
.box_wrap .spend_row1{margin-bottom:6px}
.box_wrap .spend_row1 .left_txt,
.box_wrap .spend_row2 .left_txt,
.box_wrap .spend_row3 .left_txt{display:inline-block;margin-left:auto;margin-right:auto}
.box_wrap .spend_row1 .icon_right,
.box_wrap .spend_row2 .right_txt,
.box_wrap .spend_row3 .right_txt{display:inline-block;float:right;text-align:right;margin-left:auto;margin-right:auto}
.box_wrap .spend_row2 .right_txt.strong{font-size:17px}
.box_bookmark{padding:40px 24px 32px;position: relative;border-radius: 10px;box-shadow: 0 5px 20px rgba(70, 70, 70, 0.15);background-color: #fff;display: block;box-sizing: border-box;}
.box_bookmark_btm{margin-bottom:64px}

/* CM0109 */
.scroll_wrap .btn_prev, .inner .btn_prev, .tab_sub_wrap .btn_prev{position: relative;display:block;padding-left:24px;}
.scroll_wrap .btn_prev:before, .inner .btn_prev:before, .tab_sub_wrap .btn_prev:before {content: "";display:block;position:absolute;left:0;top:50%;transform: translatey(-50%);width:16px;height:16px;background: url(../images/common/btn_top_prev.png) no-repeat center center}
.wrap_pop.terms .section_pop{padding:56px 0 24px 0; overflow:hidden; height:100vh; }
.terms_list {overflow:scroll; height:calc(100% - 72px); margin-bottom:24px;}
.terms_list li{border:1px solid #eee; margin:0 24px 24px;}
.terms_list li:nth-last-child(1){margin-bottom:0;}
.terms_list li.box{overflow-y:scroll; height:calc(100% - 128px);}
.terms_list li.checkbox_def{border:none;}

/* TOBE 320이하 대응 */
@media screen and (max-width: 320px) {		
    /*.inp_def input[type="text"]{font-size: 15px;}
    .inp_def input[type="tel"]{font-size: 15px;}
    .inp_def input[type="date"]{font-size: 15px;}
    .tab_wrap{padding: 0 10px;}
    .tab_box li > button{font-size: 14px;}
    .dot_list li{font-size: 14px;}*/
    /*.container .inner{padding: 0 24px;}
    .list_board li{padding:0 0;}
    .pay_calendar_wrap.col2 .cal_box input{font-size:17px;}*/
    
}


/********************************************************** ASIS **************************************************************/
/* 공통 SP 
.sp_common, .sp_common_b:before, .sp_common_a:after{-webkit-appearance:none;appearance:none;-webkit-background-color:transparent;background-color:transparent;background-image:url(../images/common/sp_common.png);background-repeat: no-repeat;background-size:300px 400px;vertical-align: middle;}
*/

/* Main SP 
.sp_main, .sp_main_b:before, .sp_main_a:after{-webkit-appearance:none;appearance:none;-webkit-background-color:transparent;background-color:transparent;background-image:url(../images/main/sp_main.png);background-repeat: no-repeat;background-size:300px 200px;vertical-align: middle}
*/


[class^="btn_"].h56{height:56px;border-radius:28px;padding:13px 0;}

/* 팝업 js기능 사용 경우 */
.pop_wrap .tab_area .tab_list{display: flex;width: 100%}
.pop_wrap .tab_area .tab_list li{flex: 1;text-align: center}
.pop_wrap .tab_area .tab_list li > button{position: relative;display: block;width: 100%;height: 50px;box-sizing: border-box;font-size: 19px;letter-spacing:-1px}
.pop_wrap .tab_area .tab_list li.active > button{color: #333;font-weight: bold}
.pop_wrap .tab_area .tab_list li.active > button:after{content:'';position: absolute;bottom: 0;left: 0;width: 100%;border-bottom: 3px solid #8d9cfd}

/* 접속대기 팝업 */
.pop_waiting .img_waiting{margin:0 auto;padding-top:56px;text-align: center;width:87px;} 
.pop_waiting .img_waiting img{width: 100%;} 
.pop_waiting .txt_waiting{padding-top: 24px;color: #000;text-align: center;letter-spacing: -0.2px}
.pop_waiting .num_waiting{padding:16px 0 24px 0;font-size:19px;text-align: center;}
.pop_waiting .num_waiting span{display: block;color: #000;}
.pop_waiting .num_waiting span em{color: #000;}
.pop_waiting .box_excl_noti{padding-top: 10px;border-top: 1px solid #ddd;text-align: center;}
.pop_waiting .box_excl_noti p{display: inline-block;font-size: 13px;line-height: 22px}
.pop_waiting .box_excl_noti.no_line{border-top:0}
.choice { color:#000; }

/* 토스트 팝업 */
.tost_wrap_pop {outline: none;z-index: 1;display: none;margin: 0 auto;padding: 9px 16px;border-radius: 40px;background-color: #3182f6;position: absolute;width: 60%;left: 50%;transform: translate(-50%, -50%);top: 40px;}

/* 슬라이드 팝업 */
.btn_wrap  a.swiper-slide{position:relative; width:100% !important; background:#066cfd; border-radius:10px;color:#fff;  padding:16px 48px 24px 24px; display:block; box-sizing:border-box;}
a.swiper-slide:after {content: "";display: block;position: absolute;right:24px;top:18px;width: 16px;height: 16px;background: url(../images/common/btn_white_rgt.png) no-repeat center center;}
.scroll_wrap_head{font-weight:bold; font-size:15px; color:#000; background:#fff; width:100%; padding:40px 32px 0px 32px; box-sizing:border-box; margin:0;}
.scroll_wrap_head em{color:#00a4b8; margin-left:8px;}
.scroll_wrap_head.fixed{position:fixed; z-index:99; margin:0; }

/* 스크롤 실험실 */
.inner.filter.filtering.fixing{position:fixed!important; width:100%; background:#fff; top:41px; right:0; z-index:10;padding-left:0; min-height:61px }
.inner.filter.filtering .filter_area{top:24px;}
.filter_section{position:relative;}
.filter_section.fixing{margin-top:64px; z-index:9;}
.tab_menu.fixing{position:fixed; width:100%; background:#fff; top:0; z-index:999;}
.bg_top_wrap.fixing + .tab_menu.fixing{top:116px;}
.tab_menu.fixing ~ .tab_con{margin-top:41px;}
.screen{content:""; display:none; height:24px; position:fixed; top:41px; background:#fff; width:100%; z-index:99;}
.screen.active{content:""; display:block; height:24px; width:50%; position:fixed; top:41px; background:#fff;  z-index:99;}
.button_only.fixing{position:fixed; width:100%; background:#f6f6f6; top:0px; z-index:2; box-sizing:border-box;}
.filter_section .date.fixing {position:fixed; width:50%; background:#fff;  top:41px; left:0; z-index:10; padding:0 32px;padding-top:24px; padding-right:0;}
.average_emo.fixing {position:fixed; right:0; top:40px; z-index:10; padding-top:24px; width:50%;}

/* 모바일 360 사이즈 대응 */
@media screen and (max-width: 360px) {
	.img360{width:100%;}	
    .inp_def input[type="text"]::placeholder, .inp_def input::placeholder{font-size:17px!important; color: #c3c3c3; font-weight:350; letter-spacing:-1.2px;}
    .inp_def input[type="text"]:-ms-input-placeholder, .inp_def input:-ms-input-placeholder{font-size:17px;color: #c3c3c3 !important; font-weight:350; letter-spacing:-1.2px;}
    .inp_def {padding: 0 16px 0px 0px;} 
    
    }
/* 모바일 360 이하 사이즈 대응 */  /* JO0112_03_(20) */
@media screen and (max-width: 359px) {
    /* 21042x 오픈뱅킹관련 : 하단소스 주석처리 */
    /* .phone_tit_space_top,info{padding-right:40px} */

    }

/* 모바일 320 사이즈 대응 */
@media screen and (max-width: 320px) {
    /*.container .inner {padding: 0 24px;}*/   
    .pop_join .inner {padding: 0 24px;}
    .account_num.account_radio > li.radio_def label{font-size: 17px;}    
	}
	
/*** 디버그 ************************************************************************************************/
.debugArea {border: 1px solid #00F; background-color: #CCF; color: #00F; padding: 8px}
.debugArea h1 {font-family: Verdana}
.debugArea .accordion_view {padding: 6px 0 20px 0;}
.debugArea table {border-collapse: collapse; width: 100%}
.debugArea table tbody tr th {background-color: #66F; font-weight: noraml; border: 1px solid #00F;color: black;width: 30%;word-break: break-all;}
.debugArea table tbody tr td {background-color: #CCF; border: 1px solid #00F; padding: 2px 4px;word-break: break-all;}

/* 이벤트공지용 메인팝업 통이미지형식 추가 */
.modal_img{margin:0 auto;padding:0px;border-radius:10px;overflow:auto;word-break:break-word;max-height:100vh;max-width:312px;}
.popup_img{width:100%; display: block;overflow: hidden;}
.modal_in_cont .btn_2way{display:flex;padding:0;}
.modal_in_cont .btn_2way > button{display:inline-block;width: 50%;height: 50px;font-size:19px;color:#fff;border-radius:0px;margin-left:0px;}
.modal_in_cont .btn_2way .btn_grey2{background:#717171;}
.modal_in_cont .btn_2way .btn_basic{background:#086cfd;}
.modal_out_btn{padding:16px 24px 0px 24px;}
.modal_out_btn .modal_td_btn{float:right;color:#fff;}

/*아코디언-타이틀분리*/
.tit.new{display:block; font-size:15px; color:#000; padding:32px 0 0 32px;}

/* 200910_추가 */
.txt_red{color:#ee0202 !important;}

/* 201130 추가 */
.dot_list li.diff:before{display:inline-block;content:"*";margin:0 5px 0 -11px;width:auto;height:auto;background:none;position:static;top:inherit;left:inherit;color:#717171;}

/* 210406 추가 */
.blind {position: absolute; left: -9999px; top: -9999px;}
.label_type1 {display: inline-block; width: auto; height: 24px; padding: 0 10px !important; border-radius: 12px; font-size: 12px; line-height: 22px;}
.label_type1.line_blue_1 {border: 1px solid #086cfd; color: #086cfd;}
.pos_s {position: static !important;}
.mt24 {margin-top: 24px !important;}
.pb32 {padding-bottom: 32px !important;}

/* 210412 법개정관련 약관 수정 */
.authorization_step .checkbox_def .func_txt {display: inline-block; padding-right: 26px; padding-left: 32px; color: #717171; vertical-align: middle;}
.authorization_step .checkbox_def .chg_lb {display: block; position: absolute; left: 0; top: 0; width: 24px; height: 24px; margin-top: 0;  background: url(../images/common/check_on01-1.png) no-repeat; background-size: 24px;}

/* 210413 약관 동의(공통) */
.accordion_title.checkbox_box .btn_view_ty01 {display: block;flex: 1;position: relative;padding: 0 26px 0 0;color: #717171;}
.accordion_title.checkbox_box .btn_view_ty01:after {content: '';display: block;position: absolute;top: 0%;right: 0px;width: 16px;height: 16px;background-position: center;background-repeat: no-repeat;
background-size: 16px;background-image: url("../../../webAppDesign/app/images/common/btn_arr02.png");}
.accordion_title.checkbox_box .btn_view_ty01.go_link:after {transform: rotate(-90deg) !important;}
.accordion_title.checkbox_box .btn_view_ty01.active:after {transform: rotate(180deg);}
.accordion_title.checkbox_box input[type="checkbox"] {position: absolute;top: 0;left: 0;width: 24px;height: 24px;opacity: 0;}
.accordion_title.checkbox_box label {display: inline-block;position: relative;padding-left: 32px;vertical-align: middle;}
.accordion_title.checkbox_box input[type="checkbox"] + .chk_label:before {content: "";position: absolute;top: 0;left: 0;width: 24px;height: 24px;margin-right: 8px;border-radius: 0;
background-image: url("../../../webAppDesign/app/images/common/check_off01.png");background-repeat: no-repeat;background-size: 24px;background-position: 0px 0;}
.accordion_title.checkbox_box input:checked[type="checkbox"] + .chk_label:before {content: "";background-image: url("../../../webAppDesign/app/images/common/check_on01-1.png");background-size: 24px;}
.accordion_title.checkbox_box {display: flex;align-self: flex-start;}
.accordion_content {display: none;width: 100%;padding: 24px 0;background-color: #fff;}
.accordion_content.accordion_cont_inner {width: 100%;border-top: 1px solid #eee;}
.accordion_content.accordion_cont_inner.no_line {border-top: 0;}
.accordion_content.accordion_cont_inner .inn_checkbox_auth {margin-bottom: 24px;}

.agree_step_list {margin: 24px 0 0;}
.agree_step_list li {position: relative;margin-top: 32px;font-size: 15px;line-height: 24px;vertical-align: middle;}
.agree_step_list .all_chk_input + label {padding-left: 12px;font-size: 19px;line-height: 1.3;color: #000;}
.agree_step_list .all_chk_input + .chk_label:before {content: "";position: absolute;top: 0;left: 0;width: 24px;height: 24px;margin-right: 8px;border-radius: 0;
background-image: url("../../../webAppDesign/app/images/common/check_off01.png");background-repeat: no-repeat;background-size: 24px;background-position: 0px 0;}
.agree_step_list .all_chk_input + .chk_label:before {content: "";background-image: url("../../../webAppDesign/app/images/common/check_on01-1.png");background-size: 24px;}
.agree_step_list li:nth-child(1) {margin-top: 0;margin-bottom: 0;}

.pr24 {padding-right:24px !important;}
/* 210413 end */


/* 200604 선택 약관 동의 수정 */
.agree_choice_list li {position: relative;margin: 24px 0;vertical-align: middle;}
.agree_choice_list li .accordion_title {padding: 0 32px;}/* 210520 수정 */
.agree_choice_list li > .accordion_title > .btn_view_ty01.active {font-weight: bold;}
.agree_choice_list li .accordion_title .btn_view_ty01:after {top: calc(50% - 8px);}
.agree_choice_list li .accordion_content {padding: 0;}
.agree_choice_list li .accordion_content.inn_accordion_view02 {display: none;width: 100%;padding: 24px 32px 0 32px;margin-top: 24px;background: #f6f6f6;box-sizing: border-box;}/* 210604 수정 */
.agree_choice_list li .accordion_content.inn_accordion_view02::after {content: ""; display: block; clear: both;}/* 210604 추가 */
.agree_choice_list li .accordion_content.inn_accordion_view02 .inn_checkbox_auth {float: left; width: 50%; margin-bottom: 24px;}
.agree_choice_list li .checkbox_def02 {padding: 0; clear: both;}
.agree_choice_list li .checkbox_def02:last-child {padding-bottom: 24px;}
.agree_choice_list li .agree_step_list {padding: 24px 0 0;margin-bottom: 56px;border-top: 1px solid #eee;}
/* 200604 선택 약관 동의 수정 end */

/* 21042x 오픈뱅킹관련 */
.color717171 {color: #717171 !important;}
.pos_r {position: relative;}
.btn_use_guide {display: block;position: absolute;right: 32px;top: 0;width: 16px;height: 16px;background: url("../../../webAppDesign/app/images/common/icon_info.png") center no-repeat; background-size: 16px;font-size: 0;color: transparent;}

.opagree_step_list li .checkbox_all {left: 32px;}
.opagree_step_list li .checkbox_all + label {font-size: 19px;color: #000;font-weight: bold;line-height: 1.3;}
.opagree_step_list li:first-child {margin-bottom: 53px;}
.opagree_step_list li .txt_red {color: #ee0202;}
.opagree_step_list li .accordion_title {padding: 0 32px}
.opagree_step_list li .accordion_title.checkbox_box input[type="checkbox"] {left: 32px;}
.opagree_step_list li .accordion_title .btn_view_ty01:after {top: 3px;}
.opagree_step_list li .accordion_content.inn_accordion_view02 {display: none;width: 100%;padding: 24px 32px 8px 32px;margin-top: 24px;background: #f6f6f6;box-sizing: border-box;}/* 210604 수정 */
.opagree_step_list li .accordion_content.inn_accordion_view02::after {content: ""; display: block; clear: both;}
.opagree_step_list li .accordion_content .checkbox_def {float: left; width: 50%; margin-bottom: 16px;}/* 210604 수정 */
.opagree_step_list li .accordion_content .checkbox_def:nth-child(1) {margin-top: 0;}
.opagree_step_list li .accordion_content .checkbox_def.full {float: none; width: 100%;}

.recent_account {margin-top: 48px;}
.recent_account .ra_title {font-size: 15px; font-weight: normal; line-height: 22px; letter-spacing: -0.5px;}
.recent_account .swiper-container {margin-top: 16px; width: calc(100% + 32px);}
.recent_account .swiper-container > ul .swiper-slide {padding: 0; height: auto;}
.recent_account .swiper-container > ul li.swiper-slide {width: auto;}
.recent_account .swiper-container > ul button {display: flex; padding: 0 8px; height: 40px; align-items: center; border: 1px solid #eee; border-radius: 32px;}
.recent_account .swiper-container > ul button .img_area {width: 24px; height: 24px; border-radius: 50%; overflow: hidden;}
.recent_account .swiper-container > ul button .img_area img {display: block; width: 100%;}
.recent_account .swiper-container > ul button .acc_name {margin-left: 8px; font-size: 15px; color: #000; font-weight: bold; line-height: 22px; letter-spacing: -0.5px;}
.recent_account .swiper-container > ul button .acc_number {margin-left: 8px; font-size: 15px; color: #000; line-height: 22px; letter-spacing: -0.5px;}
.my_account_btn {margin-bottom: 40px; text-align: center;}
.my_account_btn button {font-size: 15px; color: #000; line-height: 22px; letter-spacing: -0.5px; text-decoration: underline;}
@media screen and (max-width: 359px) {
    .OS0101 .phone_tit_space_top.pr0 {padding-right: 0;}
}

/* 210601 수정 */
.opbank_pop_wrap > .tit {font-size: 19px;font-weight: bold;}
.opbank_pop_wrap .pop_wrap {position: relative;}
.opbank_financial_wrap .opbank_financial_list li {margin: 20px 0 0;}
.opbank_financial_wrap .opbank_financial_list li:nth-child(1),
.opbank_financial_wrap .opbank_financial_list li:nth-child(2) {margin-top: 16px;}
.opbank_financial_wrap .opbank_financial_list li a {display: block;font-size: 15px;color: #000;}
.opbank_financial_wrap .opbank_financial_list li a > * {display: inline-block;vertical-align: top;}
.opbank_financial_wrap .opbank_financial_list li .img24 {width: 32px !important;}
.opbank_financial_wrap .opbank_financial_list li .img24 img {width: 32px; height: 32px; max-width: none;}
/* 210601 수정 end */

/* 210607 수정 */
.OS01035.wrap_pop.alert_style_btm.alert_info .section_pop {padding: 0 24px;}
.OS01035 .list_box {padding-top: 24px;}
.OS01035 .list_box .life_style_list li.bank {margin-top: 24px;}
.OS01035 .list_box .life_style_list li.bank:nth-child(1) {margin-top: 0;}
.OS01035 .list_box .bank {display: flex;}
.OS01035 .list_box .bank .bank_img {width: 40px; flex-shrink: 0;}
.OS01035 .list_box .bank .bank_img img {width: 100%;}
.OS01035 .list_box .bank .card_name {width: calc(100% - 50px); flex-shrink: 0;}
.OS01035 .list_box .bank .card_name h4 {font-size: 15px; color: #000; font-weight: normal; letter-spacing: -0.5px; line-height: 22px; margin-bottom: 4px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.OS01035 .list_box .bank .card_name dl {width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.OS01035 .list_box .bank .card_name dl > * {display: inline-block; vertical-align: top;}
.OS01035 .list_box .bank .card_name dl .bank_tit {position: relative; font-size: 15px; font-weight: bold; color: #000; letter-spacing: -0.5px; line-height: 22px;}
.OS01035 .list_box .bank .card_name dl .bank_num {font-size: 15px; color:#717171; padding-left: 18px; letter-spacing: -0.5px; line-height: 22px;}
.OS01035 .list_box .bank .card_name dl .bank_tit::before {position: absolute; right: -11px; top: 5px; content: ''; display: block; width: 1px; height: 12px; background-color: #eee;}
.OS01035 .section_pop .pop_cont {padding: 0;}
/* 210607 수정 */

.OS01035.wrap_pop.alert_style_btm.alert_info .section_pop {padding: 0 24px;}
.OS01035 .list_box {padding-top: 24px;}
.OS01035 .list_box .life_style_list li.bank {margin-top: 24px;}
.OS01035 .list_box .life_style_list li.bank:nth-child(1) {margin-top: 0;}
.OS01035 .list_box .bank {display: flex;}
.OS01035 .list_box .bank .bank_img {width: 40px; flex-shrink: 0;}
.OS01035 .list_box .bank .bank_img img {width: 100%;}
.OS01035 .list_box .bank .card_name h4 {font-size: 15px; color: #000; font-weight: normal; letter-spacing: -0.5px; line-height: 22px; margin-bottom: 4px;}
.OS01035 .list_box .bank .card_name dl {display: flex;}
.OS01035 .list_box .bank .card_name dl dt.bank_tit {position: relative; font-size: 15px; font-weight: bold; color: #000; letter-spacing: -0.5px; line-height: 22px;}
.OS01035 .list_box .bank .card_name dl dd.bank_num {font-size: 15px; color:#717171; padding-left: 18px; letter-spacing: -0.5px; line-height: 22px;}
.OS01035 .list_box .bank .card_name dl dt.bank_tit::before {position: absolute; right: -11px; top: 5px; content: ''; display: block; width: 1px; height: 12px; background-color: #eee;}
.OS01035 .section_pop .pop_cont {padding: 0;}
/* 21042x 오픈뱅킹관련 end */

/* 210514 약관동의유형 추가 */
.agreement_join {padding: 24px 0 40px 0;} 
.agreement_join .all_check {padding-bottom: 24px;}
.agreement_join .all_check label {font-size: 19px; color: #000; font-weight: bold; line-height: 28px; letter-spacing: -0.2px;}
.agreement_join .all_check input[type="checkbox"]+.sp_common_b:before {top: 2px;}
.agreement_join > ul > li {margin-top: 32px;}
.agreement_join .required {color: #ee0202;}
.agreement_join .checkbox_def {padding-right: 24px;}
.agreement_join .checkbox_def .sp_common_a {position: absolute; top: 0; right: 0; left: 32px; width: auto; height: 24px;}
.agreement_join .checkbox_def .sp_common_a:after {position: absolute; top: 4px; right: 0; content: ""; width: 16px; height: 16px; background: url(../../../webAppDesign/app/images/common/btn_arr_rgt.png) no-repeat center / 16px;} /* CSS 이동 시 url 수정 필요 */
.agreement_join .depth2 {margin: 24px -32px 0 -32px; padding: 0 32px 24px 32px; width: calc(100% + 88px); background: #f6f6f6; box-sizing: border-box;}
.agreement_join .depth2 li {padding-top: 24px;}
.agreement_join .depth3 {padding-bottom: 16px; border-bottom: 1px solid #ddd;}
.agreement_join .depth3::after {content: ""; display: block; clear: both;}
.agreement_join .depth2 li:last-child .depth3 {border-bottom: 0;}
.agreement_join .depth3 li {float: left; width: 50%;}

.agr_summary .txt_1 {margin-top: 24px; color: #000; font-size:15px; line-height: 22px; letter-spacing:-0.5px;}
.agr_summary .lnk_area {margin-top: 8px; color: #000; font-size: 15px; line-height: 22px; text-align: right; letter-spacing: -0.5px; text-decoration: underline;}
.agr_summary .grade {margin-top: 24px;}
.agr_summary .grade::after {content: ""; display: block; clear: both;}
.agr_summary .grade li {float: left; position: relative; width: 20%; height: 32px; line-height: 30px; text-align: center;}
.agr_summary .grade li:first-child {border-radius: 16px 0 0 16px;}
.agr_summary .grade li:last-child {border-radius: 0 16px 16px 0;}
.agr_summary .grade li span {color: #fff; font-size: 12px; font-weight: 700; opacity: .5;}
.agr_summary .grade li:nth-child(1) {background: #1fb2f6;}
.agr_summary .grade li:nth-child(2) {background: #96c95b;}
.agr_summary .grade li:nth-child(3) {background: #fec822;}
.agr_summary .grade li:nth-child(4) {background: #fe9849;}
.agr_summary .grade li:nth-child(5) {background: #ff6938;}
.agr_summary .grade li.active span {opacity: 1;}
.agr_summary .grade li.active::after {content: ""; display: block; position: absolute; left: 50%; bottom: -8px; transform: translateX(-50%); width: 16px; height: 16px; border-radius: 50%; background: #fff; box-sizing: border-box;}
.agr_summary .grade li.active:nth-child(1)::after {border: 4px solid #1fb2f6;}
.agr_summary .grade li.active:nth-child(2)::after {border: 4px solid #96c95b;}
.agr_summary .grade li.active:nth-child(3)::after {border: 4px solid #fec822;}
.agr_summary .grade li.active:nth-child(4)::after {border: 4px solid #fe9849;}
.agr_summary .grade li.active:nth-child(5)::after {border: 4px solid #ff6938;}
.agr_summary .list {margin-top: 16px;}
.agr_summary .list li {position: relative; padding-left: 10px; color: #717171; font-size: 15px; line-height: 22px; letter-spacing: -0.5px;}
.agr_summary .list li::before {content: ""; display: block; position: absolute; left: 0; top: 8px; width: 2px; height: 2px; background: #717171;}
.agr_summary .b_area {margin-top: 24px; padding-bottom: 100px;}
.agr_summary .terms_area {word-wrap: break-word;}
.agr_summary .terms_area *{word-break:break-all}
/* 210608 수정 */
.agr_summary .chk_list {padding-bottom: 24px;}
.agr_summary .chk_list::after {content: ""; display: block; clear: both;}
.agr_summary .chk_list .checkbox_def {float: left; width: 50%; margin-top: 24px;}

.terms_btn.btn2 {font-size: 0;}
.terms_btn.btn2 > button {display: inline-block; width: calc(50% - 2px);}
.terms_btn.btn2 button + button {margin-left: 4px;}

.agreement_join > ul > li .depth2_1 {margin: 0 -56px 0 -32px; background: #f6f6f6;}
.agreement_join > ul > li .depth2_1 .depth3 {margin-top:24px; padding: 24px 0 24px 64px;}
.agreement_join > ul > li .depth2_1 .depth3 li + li {margin-top: 24px;}
/* 21042x 오픈뱅킹관련 end */

/* 210604 수정 */
.agree_choice_list li .inn_accordion_view03 {margin-top: 24px; padding: 24px 32px 0 32px; background: #f6f6f6; box-sizing: border-box;}
.agree_choice_list li .inn_accordion_view03 .depth3 {margin-top: 24px; padding-bottom: 8px; border-bottom: 1px solid #ddd;}
.agree_choice_list li .inn_accordion_view03 .depth3::after {content: ""; display: block; clear: both;}
.agree_choice_list li .inn_accordion_view03 .depth2 > li:last-child .depth3 {border-bottom: 0;}
.agree_choice_list li .inn_accordion_view03 .depth3 li {float: left; width: 50%; margin: 0 0 16px 0;}
.agree_choice_list li .inn_accordion_view03 .checkbox_def .sp_common_a {position: absolute; right: 0; top: 0; left: 32px; width: auto; height: 24px;}
.agree_choice_list li .inn_accordion_view03 .checkbox_def .sp_common_a::after {content: ""; display: block; position: absolute; right: 0; top: 6px; width: 16px; height: 16px; background: url(../../../webAppDesign/app/images/common/btn_arr_rgt.png) no-repeat center / 16px;}
.terms_area .accordion_content ul li {margin-top: 24px;}
/* 210604 수정 end */


/* 210525 약관상세 관련 추가 */
.agree_detail > div {padding: 4px 0;}
.agree_detail > div:first-child {padding-top: 0;}
.agree_detail .sub_title {margin: 4px 0; color: #000; font-weight: bold;}

.agree_detail .list_bullet > li {position: relative; margin: 4px 0; padding-left: 20px;}
.agree_detail .list_bullet li .bullet {position: absolute; top: 0; left: 0;}
.agree_detail .list_bullet li .underline {text-decoration: underline;}

.agree_detail .tbl_area {padding:4px 0;}
.agree_detail .tbl_area .tbl_title {padding-bottom: 4px;}
.agree_detail .tbl_area table {width:100%;}
.agree_detail .tbl_area thead th {padding:8px; border-top:2px solid #ddd; border-bottom:1px solid #ddd; text-align:center; vertical-align: middle;}
.agree_detail .tbl_area thead td {vertical-align: top;}
.agree_detail .tbl_area thead th + th {border-left:1px solid #eee;}
.agree_detail .tbl_area colgroup + tbody tr:first-child {border-top:2px solid #ddd;}
.agree_detail .tbl_area tbody th,
.agree_detail .tbl_area tbody td {padding:4px 8px; border-bottom:1px solid #eee; border-right: 1px solid #eee; text-align: left;}
.agree_detail .tbl_area tbody td:last-child {border-right: 0;}
/* // 210525 약관상세 관련 추가 */

/* 210527 오픈뱅킹 금융사 아이콘 추가 s */
.OP0120_pop .img24 img {width: 24px;}
/* 210527 오픈뱅킹 금융사 아이콘 추가 e */

/* 211210 add 약관 우측 꺽쇠분리유형  s */
.accordion_title.checkbox_box.arr_add .btn_view_ty01 {padding: 0;}
.accordion_title.checkbox_box.arr_add .btn_view_ty01:after {content: none;}
.agree_choice_list li > .accordion_title > .btn_arr {display: flex; width: 26px; flex-shrink: 0; justify-content: flex-end; align-items: center;}
.agree_choice_list li > .accordion_title > .btn_arr::before {content: ""; display: inline-block; width: 16px; height: 16px; transform: rotate(-90deg); background: url("../../../webAppDesign/app/images/common/btn_arr02.png") no-repeat; background-size: contain;}
/* 211210 add 약관 우측 꺽쇠분리유형  e */

/* 220221 수정 s (약관 관련 수정) */
.agr_summary .chk_list .checkbox_def.size1 {float:none;width:auto;text-align: center;} 
/* 220221 수정 e (약관 관련 수정) */


/******************************************************************************/
/****************************   SV4 관련 추가 Start  *****************************/
/******************************************************************************/

/* reset - 초기 설정 */
html{font-size:62.5%}
@media (max-width: 320px){
    html{font-size:53.6%}
    body{letter-spacing:-.03rem}
}

/* popup */
.popup_wrap{position:fixed;top:0;left:0;width:100vw;height:100%;z-index:100;visibility:hidden;opacity:0}
.popup_wrap *{box-sizing:border-box;}
.popup_container{position:absolute;background-color:#fff}
.popup_content .tit__box{display:flex;align-items:center;flex-basis:auto;margin:0 0 3rem 0}
.popup_content .tit__box strong{flex:1;font-size:2rem;line-height:2.4rem;color:var(--color-black)}
.popup_dim{
    content:'';display:block;position:fixed;top:0;left:0;z-index:90;
    width:100%;height:100%;background:linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.6) 33%, rgba(0,0,0,0) 100%)
}
.popup_dim.full{background:rgba(0,0,0,.5)}
.popup_wrap[popup-style="center"],
.popup_wrap[popup-style="center"] .popup_container,
.popup_wrap[popup-style="bottom"]{-webkit-transition-duration:var(--animate-speed);transition-duration:var(--animate-speed)}
.popup_wrap[popup-style="center"] .popup_container{top:55%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.popup_wrap[popup-style="bottom"]{-webkit-transform:translateY(100%);transform:translateY(100%)}
.popup_wrap[popup-style="bottom"] .popup_container{bottom:0;left:0;width:100%;border-radius:3rem 3rem 0 0;padding:5rem 2rem 4rem}
.popup_wrap[popup-style="full"] .popup_container{left:0;right:0}
.popup_wrap[popup-style="full"] .popup_container,
.popup_wrap[popup-style="full"] .popup_content{width:100%;height:100%}
.popup_wrap[popup-style="full"] .popup_content{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:2rem 2rem 2.8rem}
.popup_wrap.open{display:block;-webkit-transform:translateY(0);transform:translateY(0);visibility:visible;opacity:1}
.popup_wrap.open[popup-style="center"] .popup_container{top:50%}
.popup_open{overflow:hidden} /* body에 추가 */
.popup_open .wrap{width:100%;position:fixed;pointer-events:none}

[class*="popup_alert"]{font-size:1.8rem;}
.popup_alert{min-height:3rem;text-align:center;}
.popup_alert2{min-height:14rem}
.popup_alert2 h2{margin-bottom:15px;font-size:2rem;letter-spacing:-.15rem;}
.popup_alert2 .txt_date{display:block;margin-top:.4rem;color:var(--color-grey)}

.popup_info .infowrap{display:flex;flex-direction:column;justify-content:space-between;min-height:100%}
.popup_info .title{letter-spacing:-.1rem;text-align:center;font-size:2.4rem}
.popup_info .btn_area{margin-top:4rem}
.popup_info .btn_area button{width:100%}

.popup_direct .title{font-size:1.4rem}
.popup_direct .combo__wrap{margin-top:1rem}

/* bottom button */
.floating_btm_crash .box__fixing{background-color:#fff;padding:0 2rem 4rem 2rem}
.box__fixing{display:flex;align-items:center;background-color:#fff;padding:0 2rem 2rem}
.box__fixing button{width:100%}
.box__fixing button + button{margin:0 0 0 1rem}
.box__fixing.type2{flex-wrap:wrap}
.box__fixing.type2 button + button{margin:1.6rem 0 0 0;color:var(--color-grey)}
.box__fixing.undoing{position:static;padding:4rem 0 0 0}
.box__fixing.interval{position:static;padding:8.7rem 0 4rem 0}
.box__fixing .txt{display:block;color:var(--color-grey);line-height:1.8rem;text-align:center;margin:0 0 3rem 0}
.popup_container .box__fixing{padding:4rem 0 0 0}
.popup_container .box__fixing.type2{padding:5rem 0 0 0}
.popup_content .scroll__box{max-height:calc((100vh/1.4) - 9rem);overflow:auto;margin:0 -2rem;padding:0 2rem}

/* button style */
.btn_area {display:flex;align-items:center}
.btn_area button + button {margin-left:1rem}
[class*="btn__"]{display:inline-block}
[class*="btn__s"]{padding:.3rem 1rem .4rem;border-width:1px;border-style:solid;font-size:1.1rem}
[class*="btn__m"]{padding:.7rem 1.5rem .8rem;border-width:1px;border-style:solid;font-size:1.3rem}
[class*="btn__b"]{width:calc(100% - 2rem*2);height:5.2rem;font-size:1.6rem;color:#fff;line-height:5.2rem;letter-spacing:-.32px;text-align:center;margin:0 auto}
.btn__s_o{border-radius:5rem}
.btn__m_o{border-radius:2.6rem}
.btn__b_o{border-radius:.5rem}
.btn__b_o:disabled{background-color:#ebebeb;color:var(--color-grey)}
.btn__grey{background-color:#fff;border-color:#e5e5e5;color:var(--color-grey)}
.btn__grey2{background-color:#fff;border-color:#ccc;color:var(--color-black)}
.btn__grey3{background-color:#ebebeb;color:var(--color-grey)}
.btn__grey4{background-color:#ccc}
.btn__sgreys{border-radius:2.5rem;border-color:#ccc;color:var(--color-grey);font-size:1.2rem}
.btn__purple{background-color:#6a43d4}
.btn__purple02{background-color:#5f5be8}
.btn__blue{background-color:#0058d0}
.btn__full_more{width:100%;padding:2.5rem 0}
.btn__full_more i{--iconPlus-size:.6rem;transform: rotate(45deg);vertical-align:middle;margin:-.2rem .8rem 0 0}

.popup_connect .list_connect li .form__wrap .chk__wrap label i {margin-right:0}

.popup_wrap[popup-style="bottom"] .popup_container .popup_content .content__box{max-height:calc((100vh/1.4) - 9rem);overflow:auto;margin:0 -2rem;padding:0 2rem}
.popup_wrap[popup-style="bottom"] .popup_container .btn_exit {position:absolute;top:1.5rem;right:1rem;width:4rem;height:4rem;font-size:0}
.popup_wrap[popup-style="bottom"] .popup_container .btn_exit i.exit {display:block;width:4rem;height:4rem;background:url(../images/common/ico_exit.png)50% 50% no-repeat;background-size:3rem 3rem}


/* 220411 회원가입 약관 수정 s */
.btn_wrap .btn_grey3, .btn_grey3{background-color:#ebebeb; /*padding:0px 0;*/ color:#858585} /* 간격수정 24-11-18 */

.agreement_join2 {padding: 66px 0 0 0;}
.agreement_join2 .all_check label {font-size:19px;color:#000;font-weight:bold;line-height:28px;letter-spacing:-0.2px}
.agreement_join2 .all_check input[type="checkbox"]+.sp_common_b:before{top:2px}
.agreement_join2 > ul > li {margin-top:32px}
.agreement_join2 .required {color:#ee0202;padding-left:4px}
.agreement_join2 .checkbox_def {padding-right:24px}
.agreement_join2 .checkbox_def .sp_common_a {position:absolute;top:0;right:0;left:32px;width:auto;height:24px}
.agreement_join2 .checkbox_def .sp_common_a:after {position:absolute;top:4px;right:0;content:"";width:16px;height:16px;background:url(../../../webAppDesign/app/images/common/btn_arr_rgt.png) no-repeat center / 16px}
.agreement_join2 .checkbox_def .grade_label1{display:inline-flex;box-sizing:border-box;align-items:center;height:24px;font-size:12px;color:#1fb2f6;padding:0 10px;border-radius:12px;border:1px solid #1fb2f6;margin-left:4px}
.agreement_join2 .checkbox_def .grade_label2{display:inline-flex;box-sizing:border-box;align-items:center;height:24px;font-size:12px;color:#96c95b;padding:0 10px;border-radius:12px;border:1px solid #96c95b;margin-left:4px}
.agreement_join2 .checkbox_def .grade_label3{display:inline-flex;box-sizing:border-box;align-items:center;height:24px;font-size:12px;color:#fec822;padding:0 10px;border-radius:12px;border:1px solid #fec822;margin-left:4px}
.agreement_join2 .checkbox_def .grade_label4{display:inline-flex;box-sizing:border-box;align-items:center;height:24px;font-size:12px;color:#fe9849;padding:0 10px;border-radius:12px;border:1px solid #fe9849;margin-left:4px}
.agreement_join2 .checkbox_def .grade_label5{display:inline-flex;box-sizing:border-box;align-items:center;height:24px;font-size:12px;color:#ff6938;padding:0 10px;border-radius:12px;border:1px solid #ff6938;margin-left:4px}    
.agreement_join2 .depth2 {margin:24px -32px 0 -32px;padding:24px 32px;width: calc(100% + 88px);background:#f6f6f6;box-sizing:border-box;}
.agreement_join2 .depth3 {border-bottom:1px solid #ddd}
.agreement_join2 .depth3::after{content:'';display:block;clear:both}
.agreement_join2 .depth2 li:last-child .depth3{border-bottom: 0}
.agreement_join2 .depth3 li {float:left;width:50%}
.agreement_join2 .depth3 li:nth-child(n+3){padding-top:24px}
.agreement_join2 .agree_notice{margin-top:16px}
.agreement_join2 .agree_notice li{position:relative;font-size:12px;line-height:18px;color:#717171;padding-left:10px}
.agreement_join2 .agree_notice li:before{content:'';position:absolute;left:0;top:7px;width:2px;height:2px;border-radius:50%;background-color:#717171;}
.agreement_join2 .agree_notice li + li{margin-top:4px}

/* 220427 회원가입약관 간격 및 스타일 수정 s */
.agreement_join2 .mydata_service_info{padding:40px 32px;margin:40px -32px 0;background-color:#f6f6f6}
.agreement_join2 .mydata_service_info + .mydata_service_info{margin-top:0;padding-top:0}
.agreement_join2 .mydata_service_info h3{font-size:19px;line-height:28px;color:#000;font-weight:bold}
.agreement_join2 .mydata_service_info p{margin-top:16px;font-size:15px;line-height:22px;color:#717171;word-break:break-all}
.agreement_join2 .mydata_service_info p strong{font-weight:bold}
.agreement_join2 .mydata_service_info p strong span{color:#ee0202}
.agreement_join2 .mydata_service_info h4{margin-top:32px;font-size:15px;font-weight:bold;color:#000;line-height:22px;}
.agreement_join2 .mydata_service_info h4:first-child{margin-top:0}
.agreement_join2 .mydata_service_info .info{margin-top:16px}
.agreement_join2 .mydata_service_info .info li{position:relative;padding-left:10px;font-size:15px;line-height:22px;color:#717171;}
.agreement_join2 .mydata_service_info .info li + li{margin-top:8px}
.agreement_join2 .mydata_service_info .info li:before{content:'';position:absolute;left:0;top:9px;width:2px;height:2px;border-radius:50%;background-color:#717171;}
.agreement_join2 .mydata_service_info a{display:block;margin-top:16px;font-size:15px;line-height:22px;color:#717171;text-decoration: underline}
.agreement_join2 .mydata_service_info a + h4{margin-top:56px}
.agreement_join2 .mydata_service_info .agr_summary{margin-top:16px}
.agreement_join2 .mydata_service_info .agr_summary .grade{margin-top:0}
.agreement_join2 .mydata_service_info .agr_summary .grade.allview li span{opacity:1}
/* 220427 회원가입약관 간격 및 스타일 수정 e */

.accordion4 + .accordion4{margin-top:58px}
.accordion4 .accordion_title{display:flex;align-items:center;justify-content:space-between}
.accordion4 .accordion_title .checkbox_def{padding-right:0}
.accordion4 .accordion_title .btn_view_ty01 {display: block;position: relative;font-size:0;flex: 1 1 0%;padding: 0px 28px 0px 0px;width:28px;height:28px;}
.accordion4 .accordion_title .btn_view_ty01::after{content: "";display: block;position: absolute;top: 0%;right: 0px;width:28px;height:28px;background-size: 16px;background-image: url(../../../webAppDesign/app/images/common/btn_arr02.png);background-position: center center;background-repeat: no-repeat;}
.accordion4 .accordion_title .btn_view_ty01.active::after{transform: rotate(180deg);}

.accordion4 .accordion_title + .accordion_content{margin-top:24px;border-top:1px solid #eee;padding:24px 0 0 0}
.accordion4 .accordion_content > li + li{margin-top:32px}
.container .btn_wrap.type2{padding:24px;margin-top:0;border-top:1px solid #eee}

.down_wrap{position:fixed;bottom:30px;left:50%;transform:translateX(-50%)}
.down_wrap.appear{animation:fade-in .4s;animation-fill-mode:forwards;display:block;opacity:0}
.down_wrap.disappear{animation:fade-out .4s;animation-fill-mode:forwards}
@keyframes fade-in{from{opacity:0}to{opacity:1}}
@keyframes fade-out{from{opacity:1}to{opacity:0}}
.down_wrap .btn_down{display:flex;padding:0 16px;height:40px;border-radius:20px;border:1px solid #c3c3c3;background-color:#fff;font-size:15px;color:#000;box-shadow:0 4px 6px 0 rgba(0,0,0,0.16)}

.wrap_pop.alert_fix{position:fixed;top:0;left:0;width:100vw;height:100%;z-index:1000}
.wrap_pop .pop_container{position:absolute;background-color:#fff;left:0;bottom:0;border-radius:30px 30px 0 0;padding:48px 24px 32px;box-sizing:border-box;width:100%}
.wrap_pop .pop_container .pop_contents .tit_box{display:flex;align-items:center;flex-basis:auto;background-color:#fff;margin-bottom:30px;position:relative}
.wrap_pop .pop_container .pop_contents .tit_box strong{flex:1;font-size:19px;line-height:28px}
.wrap_pop .pop_container .pop_contents .scroll_box{position:relative;width:100vw;left:calc(-50vw + 50%);max-height:calc((100vh/1.4) - 80px);overflow-y:auto;margin:0;padding:1px 24px;box-sizing:border-box}
.wrap_pop .pop_container .box_fixing{display:flex;align-items:stretch;background-color:#fff;padding:48px 0 0 0;}
.wrap_pop .pop_container .box_fixing button + button{margin-left:8px}
@media screen and (max-width: 320px) {
    .wrap_pop .pop_container .box_fixing button{font-size:16px}
}

.pop_contents .agree_message{margin-top:8px;text-align:center}
.pop_contents .agree_message h3{font-size:19px;line-height:28px;color:#000;font-weight:bold;word-break:keep-all;}
.pop_contents .agree_message p{display:block;margin-top:8px;font-size:15px;line-height:22px;color:#717171}
.pop_contents .agree_message p span{color:#5f5be8}
.pop_contents .agree_message .agree_notice{padding:11px 16px;border-radius:6px;background-color:#f8f8f8;margin-top:24px;text-align:left}
.pop_contents .agree_message .agree_notice li{position:relative;font-size:12px;line-height:18px;color:#717171;padding-left:10px}
.pop_contents .agree_message .agree_notice li:before{content:'';position:absolute;left:0;top:8px;width:2px;height:2px;border-radius:50%;background-color:#717171;}
.pop_contents .agree_message .agree_notice li + li{margin-top:4px}
.pop_contents .agree_message .agree_quest{display:block;font-size:19px;font-weight:bold;line-height:28px;color:#5f5be8;margin-top:24px}
.pop_contents .agree_message img{width:100%;height:auto;margin-top:24px}

.agr_summary .terms_area h1{color:#000;font-size:19px;line-height:28px}
.agr_summary .terms_area strong{display:block;font-size:15px;line-height:22px;color:#717171;margin-top:8px}
.agr_summary .terms_area p{display:block;margin-top:24px;font-size:15px;line-height:22px;color:#717171;}
.agr_summary .terms_area p + strong{margin-top:40px}
.agr_summary .terms_area .agreement_join2{padding-top:0}
.agr_summary .terms_area .agreement_join2 > ul > li{margin-top:0}

/* 220411 회원가입 약관 수정 e */

/* 220610 포인트리 교환하기 개선 s */
.btn_wrap > .btn2{background-color:#6a43d4;padding:10px 0} /* 220628 css 영향도 수정 */
.btn_wrap > .btn2.gray1{background:#c3c3c3;padding:10px 0} /* 220628 css 영향도 수정 */

.wrap_pop .pop_container.pointree {padding:50px 20px 40px}
.wrap_pop .pop_container.pointree .btn_close{top:23px;right:19px}
.wrap_pop .pop_container.pointree .box_fixing{padding:40px 0 0 0}
.wrap_pop .pop_container .pop_tit{display:block;font-size:18px;line-height:26px;font-weight:bold;margin-bottom:30px}
.wrap_pop .pop_container .exchange_list li{display:flex;align-items:center;justify-content:space-between}
.wrap_pop .pop_container .exchange_list li + li{margin-top:16px}
.wrap_pop .pop_container .exchange_list li .tit p{font-size:16px;line-height:24px;color:#858585}
.wrap_pop .pop_container .exchange_list.bold li .tit p{color:#222}
.wrap_pop .pop_container .exchange_list li .amount{display:flex;align-items:center}
.wrap_pop .pop_container .exchange_list li .amount span{font-size:18px;line-height:26px;color:#222}
.wrap_pop .pop_container .exchange_list.bold li .amount span{font-weight:bold}
.wrap_pop .pop_container .exchange_list li .amount span + span{margin-left:1px}
.wrap_pop .pop_container .exchange_list + .exchange_list{margin-top:18px;padding-top:18px;border-top:1px solid #ebebeb}
.wrap_pop .pop_container .noti_box{background-color:#ecebff;padding:20px;border-radius:5px;margin:30px 0 0}
.wrap_pop .pop_container .noti_box li{font-size:14px;line-height:22px;color:#222;padding:0 0 0 10px;position:relative;}
.wrap_pop .pop_container .noti_box li strong{font-weight:bold}
.wrap_pop .pop_container .noti_box li:after{content:"";width:3px;height:3px;background-color:#222;border-radius:100%;position:absolute;left:0;top:9px}
.wrap_pop .pop_container .noti_box li + li{margin-top:10px}
/* 220610 포인트리 교환하기 개선 e */

/* 220615 KAT서버 마이데이터가입 브릿지 수정 s */
.myadata_join .mydatajoin_wrap .txt p{font-size:1.4rem;word-break:break-all}
.myadata_join .mydatajoin_wrap .terms_list{overflow:inherit;height:auto;margin-bottom:0}
.myadata_join .mydatajoin_wrap .terms_list li{border:0;margin:0}
/* 220615 KAT서버 마이데이터가입 브릿지 수정 e */

/* 220629 push 약관 추가 s */
/* 하단팝업 */
.section_pop.popup_push_agree{padding:30px 32px 0}
.section_pop.popup_push_agree .pop_cont{padding:0}
.section_pop.popup_push_agree .pop_cont .img_push_box{text-align:center}
.section_pop.popup_push_agree .pop_cont .img_push_box img{width:110px;height:100px}
.section_pop.popup_push_agree .pop_cont .agree_grade{margin-top:10px}
.section_pop.popup_push_agree .pop_cont .agree_grade .tit{display:block;font-size:19px;line-height:28px;text-align:center}
.section_pop.popup_push_agree .pop_cont .agree_grade .btn_box{margin-top:36px}
.section_pop.popup_push_agree .pop_cont .agree_grade .btn_box button{width:100%;position:relative;text-align:left;padding-right:20px}
.section_pop.popup_push_agree .pop_cont .agree_grade .btn_box button::after{content:'';display:block;position:absolute;top:4px;right:0;width:16px;height:16px;background:url(../images/common/btn_arr_rgt.png)no-repeat center;background-size:16px}
.section_pop.popup_push_agree .pop_cont .agree_grade .btn_box button span{display:inline-block;font-size:15px;color:#717171;line-height:22px;margin-right:4px}
.section_pop.popup_push_agree .pop_cont .agree_grade .btn_box button em{display:inline-block;font-size:12px;line-height:18px;padding:2px 10px;border-radius:12px}
.section_pop.popup_push_agree .pop_cont .agree_grade .btn_box button em.agree_grade_blue{border:1px solid #1fb2f6;color:#1fb2f6}
.section_pop.popup_push_agree .pop_cont .agree_grade .btn_box button em.agree_grade_green{border:1px solid #96c95b;color:#96c95b}
.section_pop.popup_push_agree .pop_cont .agree_grade .btn_box button em.agree_grade_yellow{border:1px solid #fec822;color:#fec822}
.section_pop.popup_push_agree .pop_cont .agree_grade .btn_box button em.agree_grade_orange{border:1px solid #fe9849;color:#fe9849}
.section_pop.popup_push_agree .pop_cont .agree_grade .btn_box button em.agree_grade_red{border:1px solid #ff6938;color:#ff6938}
.section_pop.popup_push_agree .pop_cont .agree_grade .grade{margin-top:24px}
.section_pop.popup_push_agree .pop_cont .agree_grade .grade li span{font-weight:normal;opacity:.5;line-height:32px}
.section_pop.popup_push_agree .pop_cont .agree_grade .grade li::after{display:none}
.section_pop.popup_push_agree .pop_cont .agree_grade .grade li.active span{font-weight:bold;opacity:1}
.section_pop.popup_push_agree .pop_cont .agree_grade p{font-size:15px;color:#717171;line-height:22px;padding:0 10px;margin-top:16px}
.section_pop.popup_push_agree .btn_popWrap button{word-break:break-all}
.section_pop.popup_push_agree .btn_popWrap button:nth-child(1){width:30%;background-color:#ebebeb;color:#858585}
.section_pop.popup_push_agree .btn_popWrap button:nth-child(2){width:70%;margin-left:8px}

/* 풀팝업 */
.pop_join.push_agree .agr_summary .txt_1{color:#000}
.pop_join.push_agree .b_area h1{color:#000;font-size:19px}
.pop_join.push_agree .b_area .txt{font-size:15px;line-height:22px;margin-top:24px;font-weight:bold}
.pop_join.push_agree .b_area .tbl_tit_b{display:block;margin:21px 0}
.pop_join.push_agree .b_area table{width:100%;border-collapse:collapse;border:1px solid #000}
.pop_join.push_agree .b_area table tr td{padding:0 10px;font-size:15px;border:1px solid #000;word-break:break-all}
.pop_join.push_agree .b_area table tr td:nth-child(1){background-color:#ffbf00}
.pop_join.push_agree .b_area table tr td.bold{background-color:#fff3cd}
.pop_join.push_agree .b_area table tr td strong{display:block;font-size:16px;margin-top:8px}
.pop_join.push_agree .b_area table + .tbl_tit{display:block;margin-top:30px}
.pop_join.push_agree .b_area .agree_txt{text-align:center;margin-top:21px}
.pop_join.push_agree .b_area .product_txt{margin-top:29px}
.pop_join.push_agree .b_area .product_txt strong{display:block;font-size:15px;line-height:22px;color:#717171}
.pop_join.push_agree .b_area .product_txt p{font-size:15px;color:#717171;margin-top:42px}
/* 220629 push 약관 추가 e */

/* 220830 약관 추가 s */
.agree_detail .tbl_area .tbl_fixed{table-layout:fixed}
.agree_detail .tbl_area .tbl_fixed tbody th, .agree_detail .tbl_area .tbl_fixed tbody td{word-break:break-all}
/* 220830 약관 추가 e */

/******************************************************************************/
/****************************   SV4 관련 추가 End ********************************/
/******************************************************************************/

/* 221118 KB Pay 통합 브릿지페이지 수정 s */
.appdown_bridge.v2 {position:absolute;text-align:center;left:30%;transform:translate(-30%,-30%);top:30%;width:100%}
.appdown_bridge.v2 .app_bridge_img{margin:0 auto;width: 216px;height: 256px}
.appdown_bridge.v2 .app_bridge_img >img{width: 100%}
.appdown_bridge.v2 .loading_load_img{margin:32px auto 0;}
/* 221118 KB Pay 통합 브릿지페이지 수정 e */

/* 다크/라이트 모드 이미지 논블럭 처리 */
.img-dark{display:none !important;}
/* 230316 다크모드 달력수정 s */
.ui-datepicker .ui-datepicker-prev{background: url(../images/common/btn_left.png)no-repeat center; width: 16px!important; height: 16px!important; background-size: 16px; top: 50%!important; margin-top: -8px;}
.ui-datepicker .ui-datepicker-next{background: url(../images/common/btn_left.png)no-repeat center;transform: rotate(180deg);width: 16px!important; height: 16px!important; background-size: 16px;top: 50%!important; margin-top: -8px;}
/* 230316 다크모드 달력수정 e */

/* 230621 pay 가이드 팝업 추가 s */
.wrap_pop .pop_container.pay{border-radius:16px 16px 0 0;padding:76px 16px 24px 16px}
.wrap_pop .pop_container.pay .pop_tit{margin:0;padding:16px 0 32px;line-height:24px}
.wrap_pop .pop_container.pay .pop_table{color:#26282c}
.dark .wrap_pop .pop_container.pay .pop_table{color:#eff2f7}
.wrap_pop .pop_container.pay .pop_table > p{font-size:16px;line-height:24px}
.wrap_pop .pop_container.pay .pop_table > span{display:block;width:100%;margin-top:24px;font-size:14px;line-height:20px;text-align:center}
.wrap_pop .pop_container.pay .pop_table table{margin-top:16px;border-bottom:1px solid rgba(0,0,0,.16);border-collapse:collapse;border-spacing:0;table-layout:fixed}
.dark .wrap_pop .pop_container.pay .pop_table table{border-bottom:1px solid #484b51}
.wrap_pop .pop_container.pay .pop_table table tr{border-top:1px solid rgba(0,0,0,.16)}
.dark .wrap_pop .pop_container.pay .pop_table table tr{border-top:1px solid #484b51}
.wrap_pop .pop_container.pay .pop_table table tr:first-child{border-top:0}
.wrap_pop .pop_container.pay .pop_table table tr:first-child th{border-top:1px solid rgba(0,0,0,.87)}
.dark .wrap_pop .pop_container.pay .pop_table table tr:first-child th{border-top:1px solid #aab0b8}
.wrap_pop .pop_container.pay .pop_table table tr th{padding:16px 0;background-color:rgba(0,0,0,0.05);color:#26282c;font-size:16px;line-height:24px}
.dark .wrap_pop .pop_container.pay .pop_table table tr th{color:#eff2f7;background-color:#26282c}
.wrap_pop .pop_container.pay .pop_table table tr th + th{border-left:1px solid rgba(0,0,0,.16)}
.dark .wrap_pop .pop_container.pay .pop_table table tr th + th{border-left:1px solid #484b51}
.wrap_pop .pop_container.pay .pop_table table tr td{padding:16px 0;text-align:center;color:#26282c;font-size:16px;line-height:24px}
.dark .wrap_pop .pop_container.pay .pop_table table tr td{color:#eff2f7}
.wrap_pop .pop_container.pay .pop_table table tr td strong + p, .wrap_pop .pop_container.pay .pop_table table tr td p + p{margin-top:6px}
.wrap_pop .pop_container.pay .pop_table table tr td strong{display:block}
.wrap_pop .pop_container.pay .pop_table table tr td p{font-size:14px;line-height:20px}
.wrap_pop .pop_container.pay .pop_table table tr td u{font-weight:bold;font-size:14px;line-height:20px}
.wrap_pop .pop_container.pay .pop_table table tr td + td{border-left:1px solid rgba(0,0,0,.16)}
.dark .wrap_pop .pop_container.pay .pop_table table tr td + td{border-left:1px solid #484b51}
.wrap_pop .pop_container.pay .box_fixing{padding:40px 0 0 0}
.wrap_pop .pop_container.pay .btn_close{top:26px;right:16px;background-image:url(../images/kbpay/ico-1-close.svg)}
.dark .wrap_pop .pop_container.pay .btn_close{filter:invert(1);-webkit-filter:invert(1)}
.btn__yellow{display:block;width:100%;font-size:18px;height:56px;border-radius:8px;font-weight:700;line-height:56px;text-align:center;margin:0 auto;background-color:#ffcc00;color:#26282c;padding:0}
.dark .btn__yellow{color:#121315}
/* 230621 pay 가이드 팝업 추가 e */

/* 230925 포인트리 충전하기 개선 s */
.wrap_pop.alert_style_pay .section_pop{padding:2.4rem 0 0 0}
.wrap_pop.alert_style_pay .section_pop .inner{padding: 0 3.2rem 3.2rem 3.2rem}
.wrap_pop.alert_style_pay .section_pop .tit{font-size:1.9rem;color:#26282C;font-weight:bold;line-height:1.47}
.wrap_pop.alert_style_pay .section_pop .txt{font-size:1.6rem;color:#26282C !important;margin-top:2.4rem}
.wrap_pop.alert_style_pay .section_pop .tit_box{position:relative;padding:0 3.2rem;margin-bottom:1.6rem}
.wrap_pop.alert_style_pay .section_pop .tit_box .btn_close{top:50%;transform:translateY(-50%)}
.wrap_pop.alert_style_pay .section_pop .scroll_box{position:relative;width:100vw;left:calc(-50vw + 50%);max-height:calc((100vh/1.4) - 80px);overflow-y:auto;margin:0;padding:1px 24px;box-sizing:border-box}
.wrap_pop.alert_style_pay .section_pop .box_fixing{padding:3.2rem 2.4rem 2.4rem 2.4rem}
.dark .wrap_pop.alert_style_pay .section_pop .tit{color:var(--gray090) !important}
.dark .wrap_pop.alert_style_pay .section_pop .txt{color:var(--gray090) !important}

.btn_add {display:flex;align-items:center;justify-content:center;width:100%;height:3.2rem;border-radius: .6rem;border:1px solid #ccc;background-color:#fff;margin-top:3.2rem}
.btn_add span {position:relative;color:#26282c;font-size:1.5rem;line-height:2.2rem;font-weight:normal;padding-left:2rem}
.btn_add span:after {content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:1.2rem;height:1.2rem;background: url(../images/kbpay/ico-1-plus.svg)0 0 no-repeat;background-size: 1.2rem}
.dark .btn_add{background-color:var(--gray020) !important;border-color:var(--gray020) !important}
.dark .btn_add span{color:var(--gray090) !important}
.dark .btn_add span:after{background: url(../images/dark/kbpay/ico-1-plus.svg)0 0 no-repeat;background-size: 1.2rem}

.toast__popup{display:none;width:calc(100% - (4.5rem)*2);word-break:keep-all;background-color:rgba(0, 0, 0, 0.6);border-radius:.5rem;padding:.9rem;position:fixed;left:50%;bottom:9rem;transform:translateX(-50%);z-index:1001}
.toast__popup.on{display:block;animation:toastpopup 1s linear both}
.toast__popup .txt{color:#eff2f7 !important;line-height:2.2rem;text-align:center}

.wrap_pop.alert_style_pay .account_wrap{display:flex;align-items:center}
.wrap_pop.alert_style_pay .account_wrap .lg{position:relative;width:4.8rem;height:4.8rem;border-radius:50%;overflow:hidden}
.wrap_pop.alert_style_pay .account_wrap .lg img{width:100%;height:auto}
.wrap_pop.alert_style_pay .account_wrap .account_info{margin-left:.8rem}
.wrap_pop.alert_style_pay .account_wrap .account_info .name{font-size:1.5rem;line-height:2.2rem;color:#26282C}
.wrap_pop.alert_style_pay .account_wrap .account_info .num{margin-top:1px;display:block;font-size:1.5rem;line-height:2.2rem;color:#717171}
.dark .wrap_pop.alert_style_pay .account_wrap .account_info .name{color:var(--gray090) !important}
.dark .wrap_pop.alert_style_pay .account_wrap .account_info .num{color:var(--gray060) !important}
.wrap_pop.alert_style_pay .form__wrap .chk__wrap{padding:1.6rem 0}
.wrap_pop.alert_style_pay .form__wrap .chk__wrap label{display:flex;align-items:center;justify-content:space-between}
.wrap_pop.alert_style_pay .form__wrap .chk__wrap label .amount{font-size:1.5rem;line-height:2.2rem;color:#26282C}
.dark .wrap_pop.alert_style_pay .form__wrap .chk__wrap label .amount{color:var(--gray090) !important}
.wrap_pop.alert_style_pay .form__wrap .chk__wrap input[type="checkbox"] {display: none;position:absolute;top:0;left: 0;-webkit-appearance: none;appearance: none}
.wrap_pop.alert_style_pay .form__wrap .chk__wrap input[type="checkbox"]:checked + label .account_wrap .lg:after{content:'';position:absolute;left:0;top:0;width:4.8rem;height:4.8rem;border-radius:50%;background:url(../images/kbpay/ico-account-checked.svg)0 0 no-repeat;background-size:4.8rem}

/* toastpopup */
@keyframes toastpopup {
    0% {opacity:0}
    1% {opacity:0}
    20% {opacity:1}
    80% {opacity:1}
    100% {opacity:0}
}
/* 230925 포인트리 충전하기 개선 e */

/* 24-04-16 포인트리 보내기 실명 확인 팝업 수정 s */
.wrap_pop .section_pop .pop_cont.pop_cont_plr24 {padding:0 24px;}
.wrap_pop .section_pop .pop_cont.pop_cont_plr24 .job_pop_wrap {padding:48px 0 30px;}
.wrap_pop .section_pop .pop_cont .tit.tit400 {font-weight:400;}
.btn_wrap.btn_pt40 {padding:40px 24px 24px;}
/* 24-04-16 포인트리 보내기 실명 확인 팝업 수정 e */

/* 라인 공통 24-09-09 */
.line-bold::before {content: ""; display: block; background-color: #eff2f7; border-top: 1px solid #dde1e4; border-left: 0; border-right: 0; box-sizing: border-box; height: 8px; margin: 40px -16px;}
/* //라인 공통 24-09-09 */

/* 단락 분리 24-09-10 */
.article {
    position: relative;
    padding: 24px 16px;
}

.article + .article {
    margin-top: 16px;
    padding: 48px 16px 24px;
    border-top: 1px solid #dde1e4
}

.article + .article::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: .8rem;
    background-color: #eff2f7;
}

/* 텍스트 경고 24-09-10 */
.txt-warning{position: relative; margin-bottom: 16px; padding-left: 20px; font-size: 14px; color: #ff200c;}
.txt-warning::before{content: ''; position: absolute; top: 2px; left: 0; width: 16px; height: 16px; background: url(../../../webAppDesign/app/images/common/ico_excla5.png) no-repeat center / 16px auto;}

/* 공통 박스 24-09-10 */
.box2{padding: 16px; background-color: #f7f7fa; border-radius: 8px}