@charset "utf-8";
/** -----------------------
  * @ 파일 : prod.css
  * @ 구분 : 대출 관련
  * -----------------------
**/

/* =한도조회 list */
.-loan-list_item+.-loan-list_item{margin-top:4.2rem}
.-loan-list_key{display:block;margin-bottom:2rem;font-size:1.5rem;color:#333}
.-loan-list_tit{font-weight:500}
/* =가격 스타일 */
.-price-wrap{margin-bottom:2rem}
.-price-amount{width:65%}
.-price_rate{padding-left:1.3rem;width:35%;border-left:1px solid #f5f5f5}
.-price-amount_h{font-size:1.4rem;color:#151515}
.-price-amount_key{font-size:2.5rem;font-weight:500;color:#151515}
.-price-amount_unit{font-size:1.5rem;font-weight:300}
/* 탭 재정의 상단고정 */
.-prod .-bundle .-tab{position:fixed;top:6rem;width:100%;z-index:2;background-color:#fff}
/* [data-device="i"] .-prod .-bundle .-tab{top:5.6rem} ios fixed bug */
/* =상품목록 */
.-prod .-roboto{margin:0 .2rem}
.-prod .-bundle:first-child{padding-top:0}
.-prod .-list_item+.-list_item{margin-top:0}
.-prod_content{padding:0 0 0}
.-prod_content+.-buttons,
.-prod_content+.-buttons+.-buttons{margin-top:3rem}


.-prod .-fieldset{position:relative;padding-top:2rem;padding-bottom:2rem}
.-prod .-heading{position:relative;padding-top:1rem;padding-bottom:2rem}
.-prod .-list-box{position:relative;padding-top:2rem}
.-prod .-list-box .-bookmark_wrap{text-align:right;}
.-prod .-list-box .-o_bookmark{margin-right:-1.2rem}
.-prod .-heading .-h_type2{font-size:1.7rem}
.-prod .-fieldset+.-list:before{content:'';display:inline-block;height:1px;position:absolute;left:-2.4rem;right:-2.4rem;top:0;background-color:#f5f5f5}
.-prod .-list-box .-heading+.-list{margin-top:0}
.-prod .-heading.-line{margin-top:2rem}
.-prod .-heading.-line:after{content:'';display:inline-block;height:1px;position:absolute;left:-2.4rem;right:-2.4rem;bottom:0;background-color:#f5f5f5}
.-prod .-list.-line .-list_item{padding:2.4rem 0}
.-bundle .-pullup{margin-top:-2.5rem}
.-prod .-label_group+.-forms{margin-top:0}
.-prod .-result-message.-nodata{margin-top:4.5rem} /* 2021.02.15 수정 */
.-prod .-prod_content .-sentence.-add{color:#666} /* 2021.02.15 수정 */

/* 배너 */
.-bnr{position:relative;margin-bottom:2rem;/* overflow:hidden */}
.-bnr .-o_bookmark{position:absolute;right:1.4rem;top:1.9rem;z-index:1}
.-bnr .-o_bookmark:before{background:url(/img/nonetouch/pib/_new/content/ico-bookmark-bnr.png) no-repeat 0 0;background-size:100%}
.-bnr .-o_bookmark.-active:before, .-bnr .-o_bookmark.added:before{background-position:0 -1.6rem}
/* 수정 2021.01.06 
  aos는 4rem, ios는 3.6rem
*/
.-bundle .-bnr{margin:0 -2.4rem 0}
/*[data-device=i] .-bundle .-bnr{margin-top:3.6rem}*/ /* ios fixed bug */
.-bundle-wrap{padding-top:4rem}
/* [data-device=i] .-bundle-wrap{padding-top:3.6rem} */
/* ============================ */
.-bnr a{display:block;height:100%;position:relative;z-index:1}
.-bnr_desc{padding:3rem 2.5rem 3rem;color:#fff;min-height:21.8rem}
.-bnr_desc .-bnr_tit{padding-right:7.7rem}
.-bnr_desc .-bnr_tit,
.-bnr_desc .-bnr_tit *{font-size:2.5rem;font-weight:500;font-family:'Roboto','Noto Sans CJK KR','Sans-Serif';color:#fff;line-height:1.2}
.-bnr_desc .-bnr_txt{margin-top:1rem;padding-right:7rem;color:#fff}
.-bnr_desc .-bnr_txt *{font-size:1.5rem;color:#fff;font-family:'Roboto','Noto Sans CJK KR','Sans-Serif'}
.-bnr_desc .-bnr_detail{position:relative;margin-top:1.4rem;padding-top:.5rem;padding-right:8rem;color:#fff;font-size:1.3rem}
.-bnr_desc .-bnr_detail *{color:#fff;font-size:1.3rem;font-family:'Noto Sans CJK KR' !important}
.-bnr_desc .-bnr_detail:before{content:'';display:none;position:absolute;left:0;top:0;width:1.2rem;height:.2rem;background-color:#fff}
.-bnr_desc .-bnr_detail_sub{font-size:1.2rem}
.-bnr_desc .-bnr_detail_sub .-roboto{color:#fff;font-size:1.3rem}
.-bnr:after{content:'';display:inline-block;position:absolute}

/* 21.07.12 배너수정 */
.-bnr.-bnr_sm + .-tab_cont .-product:first-child, .-bnr.-bnr_sm + .-tab_cont .-list.-line .-list_item:first-child {padding-top:3rem} /* 배너와 아래 컨텐츠 사이 여백 3rem */

.-bnr.-bnr_sm .-bnr_desc .-bnr_txt_area + .-bnr_detail{margin-top:0;padding-top:0;padding-right:6rem;} /* 개발 데이터 불러옴에 따라 간격 수정 */
.-bnr.-bnr_sm .-bnr_desc .-bnr_txt_area + .-bnr_detail .-bnr_detail_tit * {font-family:'RobotoNew' !important;font-size:1.7rem;font-weight:500}

.-bundle .-bnr.-bnr_sm{margin:5.7rem -0.4rem 0;border-radius:0.7rem}
.-bnr.-bnr_sm:after {position:absolute;right:-1rem;bottom:1rem;width:15rem;height:14rem}
.-bnr.-bnr_sm a{display:block;position:relative;z-index:1}
.-bnr.-bnr_sm .-bnr_desc{position:relative;padding:3rem 6.7rem 1.9rem 2rem;min-height:24rem;word-break:keep-all}
.-bnr.-bnr_sm .-bnr_desc * {font-family:'RobotoNew', 'Noto Sans CJK KR';color:#fff}
.-bnr.-bnr_sm .-bnr_desc br {display:block} /* 줄바꿈 : 해상도 360 이상 */
.-bnr.-bnr_sm .-bnr_desc .-bnr_tit{display:block;padding-right:0;margin-bottom:1rem;font-size:2.2rem}
.-bnr.-bnr_sm .-bnr_desc .-bnr_txt_area {padding-right:6rem;}
.-bnr.-bnr_sm .-bnr_desc .-bnr_txt_area > span {display:block;font-weight:300}
.-bnr.-bnr_sm .-bnr_desc .-bnr_txt_l {font-size:1.5rem;}
.-bnr.-bnr_sm .-bnr_desc .-bnr_txt_s {font-size:1.2rem}
.-bnr.-bnr_sm .-bnr_desc .-bnr_txt_s .-bnr_txt_point {font-size:1.5rem}
.-bnr.-bnr_sm .-bnr_desc .-bnr_txt_s .-bnr_txt_point > b {font-size:1.7rem;font-weight:500}
.-bnr.-bnr_sm .-bnr_desc .-bnr_more {display:inline-block;margin-top:1.4rem;padding:0.5rem 0.8rem;border-radius:0.6rem;background:rgba(0,0,0,0.2);font-size:1.4rem;font-weight:500;font-family:'Noto Sans CJK KR','Sans-Serif';line-height:1.6;height:3.2rem}
.-bnr.-bnr_sm .-bnr_desc .-bnr_note {position:absolute;left:2rem;bottom:1.9rem;padding-left:2.3rem;font-size:1.2rem;line-height:1.7rem;opacity:0.7}
.-bnr.-bnr_sm .-bnr_desc .-bnr_note:before {content:"";display:inline-block;position:absolute;left:0;top:0;width:1.7rem;height:1.7rem;background:url(/img/nonetouch/pib/_new/content/ic_bnr_note.png) no-repeat 0 0;background-size:100% 100%}
@media screen and (min-width:320px) and (max-width:359px) {
	.-bnr.-bnr_sm .-bnr_desc{padding-right:4.8rem;min-height:26rem} /* 카드높이조절 */
	.-bnr.-bnr_sm .-bnr_desc br {display:none} /* 줄바꿈 : 해상도 320 */
	.-bnr.-bnr_sm .-bnr_desc .-bnr_txt_area {padding-right:6.3rem}
	.-bnr.-bnr_sm .-bnr_desc .-bnr_detail + br {display:block}
}
.-bnr.-bnr_sm .-bookmark_bnr {z-index:1;position:absolute;right:1.6rem;top:1.6rem;width:3.3rem;height:3.3rem;line-height:1}
.-bnr.-bnr_sm .-bookmark_bnr .btn_interestGoods {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:3rem;height:3rem;background:transparent !important} /* heart_lottie anim */

.-bnr.-bnr_sm .-bnr_desc.-bookmark_none {padding-right:2rem}
.-bnr.-bnr_sm .-bnr_desc.-bookmark_none .-bnr_txt_area {padding-right:10.7rem}
/* //21.07.12 배너수정 */ 

/* 2021.02.02 퇴직연금 추가 */
.-bnr_desc .-bnr_link{margin-top:1.2rem;color:#fff}
.-bnr_desc .-bnr_link >span{display:inline-block;position:relative;padding-right:1.2rem}
.-bnr_desc .-bnr_link >span:after{content:'';display:inline-block;width:.7rem;height:1.2rem;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:url(/img/nonetouch/pib/_new/content/bg_bnr_arr.png) no-repeat 0 0;background-size:100%}
/* 입출금/체크카드 bg/ico */
.-bg_bnr01{background-color:#21a861}
.-bg_bnr01:after{background:url(/img/nonetouch/pib/_new/content/new_bnr01.png) no-repeat center;background-size:100%}
/* 예금 bg/ico */
.-bg_bnr02{background-color:#0f9ec6}
.-bg_bnr02:after{background:url(/img/nonetouch/pib/_new/content/new_bnr02.png) no-repeat center;background-size:100%}
/* 적금 bg/ico */
.-bg_bnr03{background-color:#0976C8}
.-bg_bnr03:after{background:url(/img/nonetouch/pib/_new/content/new_bnr03.png) no-repeat center;background-size:100%}
/* 청약 bg/ico */
.-bg_bnr04{background-color:#5d8eb3}
.-bg_bnr04:after{background:url(/img/nonetouch/pib/_new/content/new_bnr04.png) no-repeat center;background-size:100%}
/* 대출 bg/ico */
.-bg_bnr05{background-color:#326fb8}
.-bg_bnr05.-bg_bnr05_new{background-color:#357CD1}
.-bg_bnr05:after{background:url(/img/nonetouch/pib/_new/content/new_bnr05.png) no-repeat center;background-size:100%}
.-bg_bnr05.-bg_bnr05_1:after{right:1.8rem;bottom:2.8rem;width:9.3rem;height:8.3rem;background:url(/img/nonetouch/pib/_new/content/bg-bnr05_1.png) no-repeat center;background-size:100%}
.-bg_bnr05.-bg_bnr05_2:after{right:1.8rem;bottom:2.5rem;width:8.7rem;height:7.7rem;background:url(/img/nonetouch/pib/_new/content/bg-bnr05_2.png) no-repeat center;background-size:100%}
.-bg_bnr05.-bg_bnr05_3:after{right:1.6rem;bottom:2.6rem;width:8rem;height:7.5rem;background:url(/img/nonetouch/pib/_new/content/bg-bnr05_3.png) no-repeat center;background-size:100%}
.-bg_bnr05.-bg_bnr05_4:after{right:1.8rem;bottom:2.5rem;width:8.6rem;height:7.3rem;;background:url(/img/nonetouch/pib/_new/content/bg-bnr05_4.png) no-repeat center;background-size:100%}
.-bg_bnr05.-bg_bnr05_4 .-bnr_tit{font-weight:300}
.-bg_bnr05.-bg_bnr05_4 .-bnr_tit .-outer_txt{font-weight:500}
.-bg_bnr05.-bg_bnr05_4 .-bnr_tit .-inner_txt{position:relative}
.-bg_bnr05.-bg_bnr05_4 .-bnr_tit .-inner_txt:after{content:'';width:100%;height:1rem;background-color:#4facff;position:absolute;left:0;bottom:.2rem;z-index:-1}
.-bg_bnr05.-bg_bnr05_4 .-bnr_txt{margin-top:1.6rem;font-size:1.3rem;font-weight:300;line-height:1.54}
.-bg_bnr05.-bg_bnr05_4 .-bnr_txt .-inner_txt{font-size:1.3rem;font-weight:500}
.-bg_bnr05.-bg_bnr05_5:after{right:2.2rem;bottom:2.7rem;width:8.8rem;height:7.9rem;background:url(/img/nonetouch/pib/_new/content/bg-bnr05_5.png) no-repeat center;background-size:100%}
.-bg_bnr05.-bg_bnr05_6:after{right:1.6rem;bottom:2.5rem;width:8.4rem;height:7.9rem;background:url(/img/nonetouch/pib/_new/content/bg-bnr05_6.png) no-repeat center;background-size:100%}
.-bg_bnr05.-bg_bnr05_7:after{right:2rem;bottom:2rem;width:8rem;height:8rem;background:url(/img/nonetouch/pib/_new/content/bg-bnr05_7.png) no-repeat center;background-size:100%}
.-bundle-wrap .-bg_bnr05{background:#3486ce}

/* 펀드 bg/ico */
.-bg_bnr06{background-color:#525ed4}
.-bg_bnr06:after{background:url(/img/nonetouch/pib/_new/content/new_bnr06.png) no-repeat center;background-size:100%}

/* 특정금전신탁 bg/ico */
.-bg_bnr07{background-color:#746fe2}
.-bg_bnr07:after{background:url(/img/nonetouch/pib/_new/content/new_bnr07.png) no-repeat center;background-size:100%}

/* 외화예금/골드 bg/ico */
.-bg_bnr08{background-color:#05aa80}
.-bg_bnr08:after{background:url(/img/nonetouch/pib/_new/content/new_bnr08.png) no-repeat center;background-size:100%}
/* 퇴직연금 bg/ico */
.-bg_bnr09{background-color:#354a87} /*20211029수정 lhy*/
.-bg_bnr09:after{background:url(/img/nonetouch/pib/_new/content/new_bnr09_211019.png) no-repeat center;background-size:100%} /*20211029수정 lhy*/
.-bnr.-bnr_sm.-bg_bnr09 .-bnr_desc .-bnr_more {background:rgba(0,0,0,.3);} /*20211029수정 lhy*/
/* 개인연금자산관리 bg/ico */
.-bg_bnr10{background-color:#2ca6a5}
.-bg_bnr10:after{background:url(/img/nonetouch/pib/_new/content/new_bnr10.png) no-repeat center;background-size:100%}
/* 보험공제 bg/ico */
.-bg_bnr11{background-color:#1aa2b6}
.-bg_bnr11:after{background:url(/img/nonetouch/pib/_new/content/new_bnr11.png) no-repeat center;background-size:100%}
/* 사업자 bg/ico */
.-bg_bnr12{background-color:#0d7eb8}
.-bg_bnr12:after{background:url(/img/nonetouch/pib/_new/content/new_bnr12.png) no-repeat center;background-size:100%}
/* 골드/실버 bg/ico (21.08.04신규) */
.-bg_bnr13{background-color:#978f87}
.-bg_bnr13:after{background:url(/img/nonetouch/pib/_new/content/new_bnr13.png) no-repeat center;background-size:100%}

/* 상품리스트 배너 개선 */
.-bnr.-bnr_renew{position:relative;margin:7.6rem -0.4rem 0;border-radius:0.8rem;} /* 배너 상단 탭 높이: 56 */
.-bnr.-bnr_renew:after {z-index:1;position:absolute;right:-1rem;bottom:2rem;width:15rem;height:14rem;}
.-bnr.-bnr_renew * {line-height:1.6;letter-spacing:-0.6px;}
.-bnr.-bnr_renew .-bnr_desc {padding:1.6rem 2rem 2rem;min-height:26rem;word-break:keep-all;}
.-bnr.-bnr_renew .-bnr_desc .-bnr_tit {display:block;padding-right:4rem;font-size:2.2rem;font-weight:500;font-family:'Noto Sans CJK KR','Sans-Serif';}
.-bnr.-bnr_renew .-bnr_desc .-bnr_tit.-bookmark_none {padding-right:0;}
.-bnr.-bnr_renew .-bnr_desc .-bnr_txt_area {padding-right:8rem;font-size:1.5rem;}
.-bnr.-bnr_renew .-bnr_desc .-bnr_txt_area .-bnr_txt {display:block;margin-top:0;padding-right:0;font-size:1.5rem;}
.-bnr.-bnr_renew .-bnr_desc .-bnr_txt_area .-bnr_txt > .-roboto {margin:0;font-size:1.6rem;font-weight:400;line-height:1.5;}
.-bnr.-bnr_renew .-bnr_desc .-bnr_txt_area .-bnr_txt .-sm_txt {font-size:1.3rem;letter-spacing:-0.75px;}
.-bnr.-bnr_renew .-bnr_desc .-bnr_txt_area .-bnr_txt .-sm_txt .-roboto {margin:0;font-size:1.3rem;}
.-bnr.-bnr_renew .-bnr_desc .-bnr_more {margin-top:1rem;}
.-bnr.-bnr_renew .-bnr_desc .-bnr_more span {display:inline-block;padding:0.5rem 0.8rem;border-radius:0.6rem;background:rgba(0,0,0,.2);line-height:1;}
.-bnr.-bnr_renew .-bnr_desc .-bnr_more span .-btn_more_txt {display:inline-block;font-size:1.4rem;font-weight:500;letter-spacing:-0.75px;}
.-bnr.-bnr_renew .-bookmark_bnr {z-index:1;position:absolute;right:1.7rem;top:1.7rem;width:3rem;height:3rem;line-height:1;}
.-bnr.-bnr_renew .-bookmark_bnr .-nst_btn_interestGoods {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;}
.-bnr.-bnr_renew .-bnr_desc .-bnr_note {position:absolute;left:2rem;bottom:1.8rem;padding-left:2rem;font-size:1.3rem;letter-spacing:-0.75px;color:rgba(255,255,255,.7);}
.-bnr.-bnr_renew .-bnr_desc .-bnr_note:before {display:inline-block;content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1.6rem;height:1.6rem;background:url(/img/nonetouch/pib/_new/content/ic_bnr_note.png) no-repeat 0 0;background-size:100% 100%}
.-bnr.-bnr_renew.-bg_bnr03:after{background:url(/img/nonetouch/pib/_new/content/new_bnr03_renew.png) no-repeat center;background-size:100%}
.-bnr.-bnr_renew.-bg_bnr13 {background-color:#ae8f55;}
.-bnr.-bnr_renew.-bg_bnr13:after{background:url(/img/nonetouch/pib/_new/content/new_bnr13_renew.png) no-repeat center;background-size:100%}


/* 상품요소 */
.-product{position:relative;padding:2.4rem 0 2.4rem;border-bottom:1px solid #f4f4f4}
.-product>a{display:table;table-layout:fixed}
.-product>a.-smt{display:block}
.-product_item{display:table;table-layout:fixed}
.-product_key{display:table-cell;width:100%;vertical-align:top}
.-product_tit{font-size:1.6rem;font-weight:500}
.-product_txt{display:block;margin-top:.4rem;font-size:1.4rem;color:#666}
.-product_txt *{font-size:1.4rem;line-height:1.2;color:#666}
.-product_val{display:inline-block;width:12.5rem;padding-left:1rem;vertical-align:top;text-align:right}
.-product_val .-unit{font-family:'Roboto'}
.-product .-o_bookmark{position:absolute;right:-1rem;bottom:1.6rem;z-index:1}
.-product .-bookmark_wrap{margin-top:.3rem;text-align:right}
.-product .-bookmark_wrap .-o_bookmark{position:static;margin-right:-1.2rem}
.-product_max,
.-product_ref{display:block;font-size:1.4rem}
.-product_ref_badge{padding:0 .7rem;height:2rem;line-height:1.9rem;border:1px solid #e5483d;border-radius:10rem;font-size:1.2rem;font-weight:700;color:#e5483d;letter-spacing:-.75px;vertical-align:middle;text-align:center;display:inline-block}/* 2023-03-31 */
.-product_rate{display:block;font-size:1.4rem;color:#204b85}
.-product_rate .-roboto{margin-left:.5rem;font-size:1.6rem;font-weight:500;color:#204b85}
.-product_amount{display:block;font-size:1.5rem;color:#204b85;font-weight:500;font-family:'Roboto','Noto Sans CJK KR','Sans-Serif'}
.-product_amount.-txt_sm{font-size:1.4rem;font-weight:300}
.-product_amount .-roboto{font-size:1.6rem;font-weight:500;color:#204b85}
.-product_priod,
.-product_maxim{display:block;font-size:1.3rem;color:#666}
.-product_priod *{font-size:1.3rem !important;font-family:'Roboto','Noto Sans CJK KR','Sans-Serif' !important}
.-product_priod .-roboto{margin:0;font-size:1.4rem;color:#666}
.-product_maxim .-roboto{font-size:1.4rem;color:#666}
.-product_maxim .-roboto{color:#666}
.-product_basic{display:block;font-size:1.3rem}
.-product_basic .-roboto{margin-left:.5rem;font-size:1.4rem}
.-product_percnt{font-size:1.4rem;font-family:'Roboto'}
.-product_percnt .-roboto{font-size:1.6rem;font-weight:500;color:#204b85}
.-product_percnt .-unit{font-weight:400;color:#204b85}
.-product_percnt.-plus,
.-product_percnt.-plus .-roboto,
.-product_percnt.-plus .-unit{color:#e5483d}
.-product_percnt.-minus,
.-product_percnt.-minus .-roboto,
.-product_percnt.-minus .-unit{color:#204b85}
.-product_val [class^="-"]+.-product_priod,
.-product_val [class^="-"]+.-product_maxim{margin-top:.3rem}
.-product_chk{position:relative;padding:1.5rem 0}
.-product_chk:after{content:'';position:absolute;left:-2.4rem;right:-2.4rem;bottom:0;height:1px;background-color:#f5f5f5}
.-listview .-product{padding-bottom:1.6rem}
/* 20230908 상품요소 추가 */
.-product_item_val {display:flex; justify-content: space-between; margin-top:15px;}
.-product_val_left {display:inline-block;width:12.5rem;vertical-align:top;text-align:left;}
.-product_val_left [class^="-"]+.-product_maxim{margin-top:.3rem} 
.-ml60{margin-left:6rem !important} 
.-font-17{font-size:1.7rem !important}

/* 리스트구간 */
.-list_tit{display:block;padding-right:7.5rem;font-size:1.6rem;font-weight:500}
.-list_txt{display:block;padding-right:7.5rem;font-size:1.4rem;color:#666}
.-list_tit+.-list_txt{margin-top:.3rem}
/* 보험게이트 */
.-insurance{margin:0 -.4rem 0;padding-top:1.2rem;position:relative}
.-insurance:before{content:'';position:absolute;left:-2.4rem;right:-2.4rem;top:0;height:1px;background-color:#f5f5f5}
.-insurance:after{content:'';display:block;clear:both}
.-insurance_item{position:relative;float:left;width:50%;height:8.8rem;margin-top:.8rem;padding:0 .4rem}
.-insurance_item:after{content:'';display:inline-block;width:3rem;height:3rem;position:absolute;right:1.8rem;bottom:1.5rem;background:url(/img/nonetouch/pib/_new/content/bg-insurance-item.png) no-repeat 100% 0;background-size:100%}
.-insurance_item.-bg_insur01:after{background-position:100% 0}
.-insurance_item.-bg_insur02:after{background-position:100% -3.1rem}
.-insurance_item.-bg_insur03:after{background-position:100% -6rem}
.-insurance_item.-bg_insur04:after{background-position:100% -9.1rem}
.-insurance_item.-bg_insur05:after{background-position:100% -12.1rem}
.-insurance_item.-bg_insur06:after{background-position:100% -15rem}
.-insurance_item.-bg_insur07{width:100%}
.-insurance_item.-bg_insur07:after{background-position:100% -18rem}
.-insurance_item a{display:block;height:100%;padding:1.3rem 0 1.3rem 1.8rem;border:1px solid #d9d9d9;border-radius:.6rem}
.-insurance_item .-tit{display:block;font-size:1.4rem}
.-insurance_item .-txt{display:block;margin-top:.4rem;font-size:1.3rem;color:#666}
/* 검색형태의 링크 */
.-searching{position:relative;height:4.3rem;line-height:4.3rem;text-align:center}
.-searching .-link{display:inline-block;width:100%;height:100%;border:1px solid #1364ba;border-radius:.6rem;color:#1364ba}
.-searching .-link:after{content:none}
.-searching .-link >em:before{content:'';display:inline-block;width:1.7rem;height:1.7rem;margin-right:.7rem;margin-bottom:.4rem;background:url(/img/nonetouch/pib/_new/content/ico-search-prod.png) no-repeat center;background-size:100%;vertical-align:middle}
.-prod .-searching{margin:3rem 0 2rem}
.-prod .-searching+.-list:before{content:'';position:absolute;left:-2.4rem;right:-2.4rem;top:0;height:1px;background-color:#f5f5f5}
.-prod .-searching.-funding{margin-top:.5rem}
.-prod .-searching.-funding + *{margin-top:2rem !important}
/* flag 종류 */
.-flag{font-size:0}
.-flag_item{display:inline-block;padding:.3rem 0 .5rem;height:2.2rem;position:relative;font-size:1.3rem;color:#666}
.-flag_item+.-flag_item{margin-left:.8rem;padding-left:.8rem}
.-flag_item+.-flag_item:before{content:'';width:1px;height:1rem;position:absolute;left:0;top:50%;margin-top:-.4rem;background-color:#bcbcbc}
.-risk{color:#e5483d}
.-flag+.-product_item{margin-top:.5rem}
.-product_item .-product_val{min-height:auto}
.-product_item .-product_val.-mh_fix{min-height:9rem}
/* 펀드그래프 */
.-fund_stat{margin:0 -2.4rem;padding:1.4rem 2.4rem;background-color:#f2f5f9}
.-fund{display:table;table-layout:fixed;margin-top:2rem}
.-fund_key{display:table-cell;width:100%;vertical-align:top}
.-fund_key_item.-money{position:relative;top:-1rem;height:3.5rem}
.-fund_key_item:after{content:'';display:block;clear:both}
.-fund_price{font-size:2rem;font-family:Roboto;font-weight:500}
.-fund_key_item .-fund_price{float:left;margin-right:.4rem;margin-top:.2rem;color:#333}
.-fund_key_item .-popover_wrap{float:left;min-height:3.5rem;line-height:2rem}
.-fund_key_item .-popover_tit{font-size:1.3rem;color:#666}
.-fund_key_item .-popover_tit.-unit{font-size:1.4rem;color:#151515}
.-fund_val{display:inline-block;width:10rem;margin-top:.5rem;padding-left:1rem;vertical-align:top;text-align:right}
.-fund_tit{display:block;font-size:1.3rem;color:#666}
.-fund_rate{display:block;margin-top:.7rem;font-size:1.3rem;color:#e5483d}
.-fund_rate .-roboto{font-size:1.6rem;font-weight:500;color:#e5483d}
.-fund_amount{margin-top:-1rem}
.-fund_amount_tit{display:block;font-size:1.3rem;font-weight:300;color:#666}
.-fund_amount_desc{display:table;table-layout:fixed}
.-fund_basic{display:table-cell;width:100%;font-size:1.3rem}
.-fund_basic .-roboto{font-size:1.4rem}
.-fund_priod{display:inline-block;width:10rem;font-size:1.2rem;text-align:right;color:#666}
.-fund_priod .-roboto{font-size:1.3rem;color:#666}
.-stat_txt{font-size:1.4rem}
.-stat_name{margin-right:.4rem;font-size:1.5rem;font-weight:500;color:#151515}
.-chart{margin-top:7.3rem;position:relative}
.-chart .-chart_cont{position:relative;display:table-cell;float:left;height:1rem}
.-chart .-chart_layer{position:absolute;left:0;top:-6rem;width:10rem;padding:.9rem 1.3rem;background-color:#7ebefe;border-radius:.6rem;font-size:1.3rem;font-family:'Noto Sans CJK KR';opacity:0}
.-chart .-open .-chart_layer{opacity:1}
.-chart .-chart_layer p, 
.-chart .-chart_layer p span{color:#fff;font-size:1.3rem;line-height:120%;white-space:nowrap}
.-chart .-chart_layer p+p{margin-top:.5rem}
.-chart .-value{margin-left:4px}
.-chart .-unit{margin-left:2px}
.-chart_bar{display:table;width:100%;height:1rem;background:#eaeaea;}
.-chart_bar span{height:1rem;vertical-align:top}
.-chart_bar span a{display:block;height:100%;width:100%}
.-chart_bar [class*='-chart_bar']{position:relative;opacity:0; transition:all 0.5s}
.-chart_bar .-chart_bar01{background-color:#1490ef}
.-chart_bar .-chart_bar02{background-color:#0c568f}
.-chart_bar .-chart_bar03{background-color:#59b787} 
.-chart_bar .-chart_bar04{background-color:#cde52e}
.-chart_bar .-chart_bar05{background-color:#d848a7}
.-chart_bar .-chart_bar06{background-color:#9f9f9f}
.-chart_bar [class*='-chart_bar']:before{content:'';visibility:hidden;position: absolute;left:0;width:1.9rem;height:1.5rem;top:-1.9rem;background:url(/img/nonetouch/pib/_new/content/bg_chart_tail_left.png) no-repeat 0 0;background-size:100%}
.-chart_bar .-opposite [class*='-chart_bar']:before{width:1.9rem;height:1.5rem;right:0;left:auto;top:-1.9rem;background:url(/img/nonetouch/pib/_new/content/bg_chart_tail_right.png) no-repeat 0 0;background-size:100%}
.-chart_bar .-open [class*='-chart_bar']:before{visibility:visible}
.-chart .-opposite .-chart_layer{left:auto;right:0}
.-legend{margin-top:1.8rem;margin-bottom:-1rem}
.-legend_list:after{display:block;content:'';clear:both}
.-legend_item{float:left;width:33.3%;margin-top:-1rem;font-size:1.2rem;color:#666}
.-legend_item .-legend_btn{position:relative;display:block;width:100%;height:3rem;padding-left:1.3rem;font-size:1.2rem;color:#666;text-align:left;line-height:3rem}
.-legend_item .-legend_btn:before{content:'';display:inline-block;position:absolute;left:0;width:.8rem;height:.8rem;top:50%;margin-top:-.4rem;opacity:1}
.-legend_item.-item01 .-legend_btn:before{background-color:#1490ef}
.-legend_item.-item02 .-legend_btn:before{background-color:#0c568f}
.-legend_item.-item03 .-legend_btn:before{background-color:#59b787}
.-legend_item.-item04 .-legend_btn:before{background-color:#cde52e}
.-legend_item.-item05 .-legend_btn:before{background-color:#d848a7}
.-legend_item.-item06 .-legend_btn:before{background-color:#9f9f9f}
/* 배너상단 주의사항 추가(변액보험만) */
.-attention{margin:0 -2.4rem;padding:1.1rem 2.4rem;background-color:#f2f5f9}
.-attention .-sentence{position:relative;padding-left:2.3rem;color:#666;font-size:1.3rem}
.-attention .-sentence:before{content:'';display:inline-block;position:absolute;left:0;top:50%;margin-top:-.8rem;width:1.7rem;height:1.7rem;background:url(/img/nonetouch/pib/_new/content/ic_attention.png) no-repeat center;background-size:1.7rem auto}
/* 기존 common 해제 */
.-prod .section.type02{border:0}
.-prod .section.type02{border:0}
.error_task.layerTopType{z-index:10}

/* media query */
@media only screen and (max-width:320px) {
  .-fund_key_item .-fund_price{width:100%}
}

/* 증권계좌개설 */
.-sub_tit{font-size:1.3rem;color:#666}

/* 상품정보 공유하기 */
.-share .-share_tit {font-size:1.7rem;font-weight:500;color:#151515;}
.-share .-share_list {padding:1.5rem 0 1.2rem;display: flex;align-items: center;justify-content: space-between;}
.-share .-share_list:after {content:'';display:block;clear:both;}
.-share .-share_list li {position:relative;float:none;width:33.33%;text-align:center;display: inherit;}
.-share .-share_list li button {position:relative;width:100%;padding-top:4.4rem;font-size:1.3rem;color:#333;}
.-share .-share_list li button:before {content:'';position:absolute;left:50%;top:0;width:4rem;margin-left:-2rem;height:3.5rem;background:url(/img/nonetouch/pib/goods/bg_icons_share.png) no-repeat;background-size:15rem;}
.-share .-share_list li .kakao {background-position: -1rem 50%;}
.-share .-share_list li .sms:before {background-position: -5.3rem 50%;}
.-share .-share_list li .app:before {background-position: -10.9rem 50%;}
.-share .-noti_raw {border-top:1px solid #f5f5f5;margin-top:1rem;padding-top:1.5rem;text-align:center;font-size:1.3rem;line-height:1.9rem;color:#666;}

.-stock_box{position:relative;background:#f2f5f9;border-radius:.6rem;}
.-stock_item{min-height:13.3rem;padding:2.4rem 2.4rem 1.5rem;}
.-stock_box + .-stock_box{margin-top:2.4rem}
.-stock_text{padding-right:6.1rem}
.-stock_text .-h_desc{padding-bottom:1.5rem;font-weight:500;color:#151515}
.-stock_text .-desc{color:#666}
.-stock_ico{position:absolute;top:2.4rem;right:2.4rem;width:4.7rem;height:4.7rem;}
.-stock_box .-buttons{padding:0 2.4rem 1.5rem}
.-stock_box .-list_item + .-list_item{margin-top:1rem}
.-img_area {max-width:45rem;margin:1.1rem auto 2rem}
.-img_area img {display:block;width:100%;max-width:inherit;margin:0 auto}

.-table-group .-heading .-h_type1{font-weight:500;color:#151515}
.-notice_tit.-o_attention + .-sentence{margin-top:.5rem;font-size:1.3rem;color:#333;}
.-stc .-notice.-type1{border-radius:.6rem;}

/* 증권계좌개설 상세 */
.-stc_titwrap{padding:3rem 2.4rem;background:#f2f5f9;}
.-stc_logo{position:relative;text-align:center}
.-stc_logo .-stock_ico{display:inline-block;position:relative;top:auto;right:auto}
.-stc_logo .-stock_ico + .-stock_ico{margin-left:.7rem}

.-stc_titwrap .-stc_title {margin-top:1.7rem;}
.-stc_titwrap .-stc_title .-stc_tit {margin-top:1.7rem;color:#151515;font-size:2.5rem;font-weight:500}
.-stc_titwrap .-stc_title .-sentence {margin-top:1.4rem;color:#333;font-size:1.4rem;}
.-stc_table {margin-top:2.6rem;padding:0 1.7rem;border-radius:.6rem;background-color:#fff;box-shadow:0 .3rem .7rem 0 rgba(0, 0, 0, 0.1);}
.-stc_table th, .-stc_table td {padding:1.7rem 0;color:#333;font-size:1.3rem;vertical-align:top;border-bottom:1px solid #fafafa;}
.-stc_table th {color:#666;}
.-stc_table tr:last-child th, .-stc_table tr:last-child td {border-bottom:0;}
.-stc_table .-stc_table_ico {position:relative;padding-left:1.7rem;}
.-stc_table .-stc_table_ico:before {content:'';display:block;position:absolute;top:0;width:1.4rem;height:1.4rem;background-size:contain;background-repeat:no-repeat;}
.-stc_table .-stc_table_ico.ico01:before{background-image:url(/img/nonetouch/pib/_new/content/table_ico01.png);}
.-stc_table .-stc_table_ico.ico02:before{background-image:url(/img/nonetouch/pib/_new/content/table_ico02.png);}
.-stc_table .-stc_table_ico.ico03:before{background-image:url(/img/nonetouch/pib/_new/content/table_ico03.png);}
.-stc_subtitwrap {margin-top:4.5rem;}
.-stc_subtitwrap + .-stc_subtitwrap {margin-top:7rem;}
.-stc_subtitwrap .-stc_tit {color:#151515;font-size:2.3rem;font-weight:700;}
.-stc_subtitwrap .-stc_logo {margin-top:3.9rem;}
.-stc_subtitwrap .-stc_logo .-stock_ico {width:7rem;height:7rem;}
.-stc_subtitwrap .-sentence {margin-top:1rem;color:#151515;font-size:1.4rem;}
.-stc_subtitwrap .-stc_fee {margin-top:2.4rem;padding:1.7rem 0;border-radius:.6rem;background-color:#f8f8f8;color:#666;font-size:1.3rem;}
.-stc_subtitwrap .-stc_notice {margin-top:1.4rem;color:#999;font-size:1.3rem;}
.-stc_subtitwrap:last-child {padding-bottom:4rem;}

.-accordion .-accordion_inner a.-pdf_link {display:inline-block;padding:.7rem 1rem .7rem 3.4rem;margin-top:.8rem;margin-right:1rem;border:1px solid #cecece;font-size:1.4rem;font-weight:300;color:#666;border-color:#d9d9d9;border-radius:.5rem;background: url(/img/nonetouch/pib/_new/content/ic_pdf.png) 1rem center no-repeat;background-size:1.5rem auto}
.-accordion .-accordion_inner a.-html_link {display:inline-block;padding:.7rem 1rem .7rem 3.4rem;margin-top:.8rem;margin-right:1rem;border:1px solid #cecece;font-size:1.4rem;font-weight:300;color:#666;border-color:#d9d9d9;border-radius:.5rem;background: url(/img/nonetouch/pib/_new/content/ic_html.png) 1rem center no-repeat;background-size:1.5rem auto}

/* 210428 추가 */
.-under7{position:relative;z-index:1}
.-under7:after{content:'';position:absolute;right:0;left:0;bottom:1px;z-index:-1;height:.7rem;background:#d0e9fc}
.-stc_ent_wrap.-line{margin-top:3rem;border-top:1px solid #f5f5f5}
.-stc_ent_wrap.-line .-stc_logo{margin-top:3rem}

/* 21.10.05 추가 */
.-stock_item.-sm .-stock_text {padding-right:0;}
.-stock_item.-sm .-stock_text .-h_desc {height:3.5rem;padding-bottom:0;margin-bottom:1.5rem;line-height:3.5rem;}
.-stock_item.-sm .-stock_ico {width:3.5rem;height:3.5rem;}
.-stc_subtitwrap .-stc_desc {padding-top:2.4rem;}
.-stc_subtitwrap .-stc_img {width:auto;height:20rem;margin-top:4rem;}
.-stc_subtitwrap .-stc_img .-stock_img {width:27.2rem;height:20rem;margin:0 auto;}
.-stc_premium {padding-top:1rem;}
.-stc_premium .-stc_pm_service + .-stc_pm_service {padding-top:3rem;}
.-stc_premium .-stc_pm_service > * {display:block;}
.-stc_premium .-stc_pm_service .-item {color:#151515;}
.-stc_premium .-stc_pm_service .-item .-tit {z-index:0;position:relative;font-weight:500;}
.-stc_premium .-stc_pm_service .-item .-tit:before {content:"";z-index:-1;position:absolute;bottom:0;left:0;right:0;width:100%;height:0.7rem;background-color:#d0e9fc;}
.-stc_premium .-stc_pm_service .-desc {margin-top:1rem;font-size:1.3rem;}
.-share .-noti_raw + .-noti_raw {border-top:none;margin-top:2rem;padding-top:0;}


/* [S]상품상세 | 추가 | 2021.02.23 | 마지막수정 | 2021.04.09 */
/*******************************************
- 기존 .upl을 기본적으로 복사해서 페이지에 적용
- 상품 상세용으로 .up_prd_detail에서 .-prd_detail로 변경
*******************************************/
 
/* 상품상세 | 상단 */
.-prd_detail .up_detail_top {position:relative;background-color:#f2f5f9;margin-bottom:-0.8rem;padding-top:2.5rem !important}
.-prd_detail .up_detail_top .-tit, .-prd_detail .up_detail_top .-tit p {max-height:inherit;font-size:2.5rem;line-height:3.2rem;color:#151515;letter-spacing:-.05em;padding-right: 3rem;}/*21.04.02추가*/
.-prd_detail .up_detail_top .-tit p b {font-size:inherit;font-weight:500} /*21.04.02추가*/
.-prd_detail .up_detail_top .-tit strong {font-family:'Roboto','Sans-Serif';color:inherit;font-size: inherit}
.-prd_detail .up_detail_top .up_para_sub {margin-top:1rem;color:#204b85;font-size:1.3rem}
.-prd_detail .up_detail_top .up_para_sub .sub_rate em {margin-left:-.1rem;font-weight:400;font-family:'Roboto','Sans-Serif'}
.-prd_detail .up_detail_top .up_para_sub .sub_rate strong {margin-left:0rem;font-family:'Roboto','Sans-Serif';font-size:1.7rem;font-weight:500;letter-spacing:.1rem;color:inherit}
.-prd_detail .up_detail_top .up_para_sub .sub_rate span {font-family:'Roboto','Sans-Serif'}
.-prd_detail .up_info_wrap {margin-top:1.8rem;padding:.5rem 2rem 1.2rem;background-color:#fff;border-radius:.8rem}
.-prd_detail .up_info_wrap > li {position:relative;margin:1rem 0 0;padding:1rem 0 0rem 1.6rem;font-size:1.3rem;border-top:1px solid #fafafa;line-height:1.5}
.-prd_detail .up_info_wrap > li * {font-size:1.3rem}
.-prd_detail .up_info_wrap > li:first-child {margin-top:0;border-top:0}
.-prd_detail .up_info_wrap > li:after {content:'';display:block;clear:both}
.-prd_detail .up_info_wrap .info_tit {position:relative;float:left;width:30%;color:#666}
.-prd_detail .up_info_wrap .info_tit:before {content:'';position:absolute;left:-1.6rem;height:1.5rem;width:1.5rem;background:url(/img/nonetouch/pib/_new/content/bg_icons_prd_01.png) no-repeat;background-size:20rem}
.-prd_detail .up_info_wrap .info_tit.target:before {background-position:0rem 0}
.-prd_detail .up_info_wrap .info_tit.period:before {background-position:-1.8rem 0}
.-prd_detail .up_info_wrap .info_tit.price:before {background-position:-3.6rem 0}
.-prd_detail .up_info_wrap .info_cont {float:right;width:70%;text-align:right;color:#333}
.-prd_detail .up_info_wrap .info_cont strong {font-weight:500;color:#001515}

/* 상품상세 | 상단 | 즐겨찾기 */
.-prd_detail .btn_favorite {position:absolute;bottom:inherit;top:3rem;right:2.5rem;width:3.2rem;height:3.2rem;border-radius:1.8rem;background-color:#c4ccd8}
.-prd_detail .btn_favorite > em {display:none}
.-prd_detail .btn_favorite .heart {position:relative;left:50%;margin-left:-.9rem;margin-top:.1rem;width:1.8rem;height:1.6rem;background:url(/img/nonetouch/pib/_new/content/heart_filled.png) no-repeat;background-size:100%}
.-prd_detail .btn_favorite.added {background-color:#fff}
.-prd_detail .btn_favorite.added .heart {background:url(/img/nonetouch/pib/_new/content/heart_filled_on.png) no-repeat;background-size:100%;margin-left:-.9rem;width:1.8rem;height:1.6rem}

/* 상품상세 | 금리 */
.-prd_detail .up_interest_wrap .-heading {padding-top:0}
.-prd_detail .up_interest_wrap .-heading h2 {color:#333}
.-prd_detail .up_interest_wrap .-heading em {font-weight:300;font-size:1.3rem;color:#666}
.-prd_detail .up_interest_wrap .-heading span {font-family:'Roboto','Sans-Serif'}
.-prd_detail .up_interest_wrap .up_rate_info strong {font-weight:500}/*21.04.02추가*/
.-prd_detail .up_rate_info {font-size:1.5rem;color:#333;font-weight:300}
.-prd_detail .up_rate_info .btn_login {width:100%;margin-top:1rem;padding:1.8rem 0;border-radius:.5rem;background-color:#eef1f4}
.-prd_detail .up_rate_info .txt {line-height:2.5rem;letter-spacing:-.05rem}
.-prd_detail .up_rate_info .txt em {font-size:1.3rem;color:#666}
.-prd_detail .up_rate_info .rate_wrap {padding:0.3rem 0 1.5rem;font-size:1.4rem}
.-prd_detail .up_rate_info .rate_wrap .-rate {font-weight:300;color:#204b85}
.-prd_detail .up_rate_info .rate_wrap .-rate .num {font-size:5rem;font-family:'Roboto','Sans-Serif'}
.-prd_detail .up_rate_info .rate_wrap .-rate strong {font-weight:600;font-size:5rem;color:inherit;font-family:inherit}
.-prd_detail .up_rate_info .rate_wrap .-max_rate {color:#999}
.-prd_detail .up_rate_info .rate_wrap .-max_rate span {color:#666}
.-prd_detail .up_rate_info .rate_wrap .-max_rate strong {font-size:2.2rem;font-weight:600;color:#151515;font-family:'Roboto','Sans-Serif'}
.-prd_detail .up_rate_info .rate_wrap .-max_rate strong em {font-family:inherit}

.-prd_detail .up_rate_info.up_rate_type1{margin-top:3.1rem}
.-prd_detail .up_rate_info.up_rate_type1 + .range_slider{padding-top:5rem}
.-prd_detail .-desc {color:#666;font-size:1.3rem;margin-top:2rem}

/* 상품상세 | 상세 영역 공통 정보 */
.-prd_detail .up_condition .-heading {padding:0.5rem 0 0}
.-prd_detail .up_condition .-heading h2 {color:#204b85}
.-prd_detail .up_condition .-tit, .-prd_detail .up_condition .-tit p {font-size:2.2rem}/*21.04.02추가*/
.-prd_detail .up_condition .-tit .small {font-size:1.3rem;color:#666;margin-top:1.4rem}/*21.04.02추가*/
.-prd_detail .up_condition .-tit strong {font-family:'Roboto','Sans-Serif';color:inherit;font-size: inherit}

/* 상품상세 | 상세 영역 모션 공통 */
.-prd_detail .-motion_wrap {position:relative;margin-top:4.5rem}
.-prd_detail .-motion_wrap .-gBox * {position:absolute;display:inline-block}
.-prd_detail .-motion_wrap .-gBox {margin-top:3rem;position:relative;width:100%;height:18.6rem}

/* 상품상세 | 우리매직적금 우리카드 | 모션 1 */
.-prd_detail .-mg_wrap .-mg * {left:50%;background-repeat:no-repeat;background-size:100%}
.-prd_detail .-mg_wrap .-gBox {height:18.6rem}
.-prd_detail .-mg_wrap .-mg .-mg_ele01 {top:0;margin:0 0 0 -11.15rem;width:22.3rem;height:18.6rem;background-image:url(/img/nonetouch/pib/_new/content/mgic1_list.png)}
.-prd_detail .-mg_wrap .-mg .-mg_ele02 {top:2.6rem;margin:0 0 0 5.3rem;width:2.3rem;height:2.3rem;background-image:url(/img/nonetouch/pib/_new/content/mgic1_list_check.png)}
.-prd_detail .-mg_wrap .-mg .-mg_ele02_01 {top:7.8rem;margin:0 0 0 5.3rem;width:2.3rem;height:2.3rem;background-image:url(/img/nonetouch/pib/_new/content/mgic1_list_check.png)}
.-prd_detail .-mg_wrap .-mg .-mg_ele02_02 {top:13rem;margin:0 0 0 5.3rem;width:2.3rem;height:2.3rem;background-image:url(/img/nonetouch/pib/_new/content/mgic1_list_check.png)}
.-prd_detail .-mg_wrap .-mg .-mg_ele03 {top:0.6rem;margin:0 0 0 9.4rem;width:4rem;height:4rem;background-image:url(/img/nonetouch/pib/_new/content/mgic1_coin_01.png)}
.-prd_detail .-mg_wrap .-mg .-mg_ele04 {top:6.6rem;margin:0 0 0 9.5rem;width:4rem;height:4rem;background-image:url(/img/nonetouch/pib/_new/content/mgic1_coin_02.png)}
.-prd_detail .-mg_wrap .-mg .-mg_ele05 {top:11.6rem;margin:0 0 0 11.6rem;width:2rem;height:2rem;background-image:url(/img/nonetouch/pib/_new/content/mgic1_coin_01.png)}
.-prd_detail .-mg_wrap .-mg .-mg_ele06 {transform:rotate(-23deg);top:14.6rem;margin:0 0 0 -13rem;width:4rem;height:4rem;background-image:url(/img/nonetouch/pib/_new/content/mgic1_coin_03.png)}
.-prd_detail .-mg_wrap .-mg .-mg_ele07 {top:4.6rem;margin:0 0 0 -14.5rem;width:4rem;height:4rem;background-image:url(/img/nonetouch/pib/_new/content/mgic1_coin_04.png)}
.-prd_detail .-mg_wrap .-mg .-mg_ele08 {top:12.6rem;margin:0 0 0 -12rem;width:1.8rem;height:1.8rem;background-image:url(/img/nonetouch/pib/_new/content/mgic1_coin_05.png)}

/* 상품상세 | 우리매직적금 우리카드 | 모션 2 */
.-prd_detail .-mg2_wrap .-mg2 * {left:50%;background-repeat:no-repeat;background-size:100%}
.-prd_detail .-mg2_wrap .-gBox {height:18.6rem}
.-prd_detail .-mg2_wrap .-mg2 .-mg2_ele01 {top:3.7rem;margin:0 0 0 -5.75rem;width:15.5rem;height:10.6rem;background-image:url(/img/nonetouch/pib/_new/content/mgic2_card_back.png)}
.-prd_detail .-mg2_wrap .-mg2 .-mg2_ele02 {top:4rem;margin:0 0 0 -10.75rem;width:16rem;height:11.3rem;background-image:url(/img/nonetouch/pib/_new/content/mgic2_card_front.png)}
.-prd_detail .-mg2_wrap .-mg2 .-mg2_ele03 {top:11rem;margin:0 0 0 4rem;width:4.5rem;height:4.5rem;background-image:url(/img/nonetouch/pib/_new/content/mgic2_coin_01.png)}
.-prd_detail .-mg2_wrap .-mg2 .-mg2_ele04 {top:13rem;margin:0 0 0 7rem;width:4rem;height:1.4rem;background-image:url(/img/nonetouch/pib/_new/content/mgic2_back_coin_01.png)}
.-prd_detail .-mg2_wrap .-mg2 .-mg2_ele05 {top:11.8rem;margin:0 0 0 7.5rem;width:4rem;height:1.4rem;background-image:url(/img/nonetouch/pib/_new/content/mgic2_back_coin_02.png)}
.-prd_detail .-mg2_wrap .-mg2 .-mg2_ele06 {top:10.6rem;margin:0 0 0 7.2rem;width:4rem;height:1.4rem;background-image:url(/img/nonetouch/pib/_new/content/mgic2_back_coin_03.png)}
.-prd_detail .-mg2_wrap .-mg2 .-mg2_ele07 {top:9.4rem;margin:0 0 0 7.5rem;width:4rem;height:1.4rem;background-image:url(/img/nonetouch/pib/_new/content/mgic2_back_coin_02.png)}

/* 상품상세 | 우리매직적금 롯데카드 | 모션 1 | 21.04.02추가 */
.-prd_detail .-mg_wrap_lotte .-mg * {left:50%;background-repeat:no-repeat;background-size:100%}
.-prd_detail .-mg_wrap_lotte .-gBox {height:20.7rem;}
.-prd_detail .-mg_wrap_lotte .-mg .-mg_ele01 {border-radius:6px;top:3rem;margin:0 0 0 -9.8rem;width:19.7rem;height:12.4rem;background-image:url(/img/nonetouch/pib/_new/content/detail_magiclotte1_list.png);box-shadow:0 2px 16px rgba(0,0,0,0.1)}
.-prd_detail .-mg_wrap_lotte .-mg .-mg_ele02 {top:4.9rem;margin:0 0 0 5.4rem;width:2.3rem;height:2.3rem;background-image:url(/img/nonetouch/pib/_new/content/mgic1_list_check.png)}
.-prd_detail .-mg_wrap_lotte .-mg .-mg_ele02_01 {top:11.2rem;margin:0 0 0 5.4rem;width:2.3rem;height:2.3rem;background-image:url(/img/nonetouch/pib/_new/content/mgic1_list_check.png)}
.-prd_detail .-mg_wrap_lotte .-mg .-mg_ele03 {top:0.6rem;margin:0 0 0 9.4rem;width:4rem;height:4rem;background-image:url(/img/nonetouch/pib/_new/content/mgic1_coin_01.png)}
.-prd_detail .-mg_wrap_lotte .-mg .-mg_ele04 {top:6.6rem;margin:0 0 0 9.5rem;width:4rem;height:4rem;background-image:url(/img/nonetouch/pib/_new/content/mgic1_coin_02.png)}
.-prd_detail .-mg_wrap_lotte .-mg .-mg_ele05 {top:11.6rem;margin:0 0 0 11.6rem;width:2rem;height:2rem;background-image:url(/img/nonetouch/pib/_new/content/mgic1_coin_01.png)}
.-prd_detail .-mg_wrap_lotte .-mg .-mg_ele06 {transform:rotate(-23deg);top:14.6rem;margin:0 0 0 -13rem;width:4rem;height:4rem;background-image:url(/img/nonetouch/pib/_new/content/mgic1_coin_03.png)}
.-prd_detail .-mg_wrap_lotte .-mg .-mg_ele07 {top:4.6rem;margin:0 0 0 -14.5rem;width:4rem;height:4rem;background-image:url(/img/nonetouch/pib/_new/content/mgic1_coin_04.png)}
.-prd_detail .-mg_wrap_lotte .-mg .-mg_ele08 {top:12.6rem;margin:0 0 0 -12rem;width:1.8rem;height:1.8rem;background-image:url(/img/nonetouch/pib/_new/content/mgic1_coin_05.png)}

/* 상품상세 | 우리매직적금 롯데카드 | 모션 2 | 21.04.02추가 */
.-prd_detail .-mg2_wrap_lotte .-mg2 * {left:50%;background-repeat:no-repeat;background-size:100%}
.-prd_detail .-mg2_wrap_lotte .-gBox {height:18.6rem}
.-prd_detail .-mg2_wrap_lotte .-mg2 .-mg2_ele01 {top:3.7rem;margin:0 0 0 -5.75rem;width:14.9rem;height:9.8rem;background:#dedae3;border-radius:0.8rem;box-shadow:2px 2px 4px rgba(0,0,0,0.1)}
.-prd_detail .-mg2_wrap_lotte .-mg2 .-mg2_ele01_line {top:2.1rem;left:0;margin:0 0 0 0;width:100%;height:2.1rem;background:#f2f5f9}
.-prd_detail .-mg2_wrap_lotte .-mg2 .-mg2_ele02 {top:3.8rem;margin:0 0 0 -10.75rem;width:16rem;height:11.3rem;background-image:url(/img/nonetouch/pib/_new/content/detail_magiclotte2_card_front.png)}
.-prd_detail .-mg2_wrap_lotte .-mg2 .-mg2_ele03 {top:10.7rem;margin:0 0 0 4rem;width:4.5rem;height:4.5rem;background-image:url(/img/nonetouch/pib/_new/content/mgic2_coin_01.png)}
.-prd_detail .-mg2_wrap_lotte .-mg2 .-mg2_ele04 {top:13rem;margin:0 0 0 7rem;width:4rem;height:1.4rem;background:#ffdd49;border-radius:4px;box-shadow:2px 2px 4px rgba(0,0,0,0.1)}
.-prd_detail .-mg2_wrap_lotte .-mg2 .-mg2_ele05 {top:11.6rem;margin:0 0 0 7.5rem;width:4rem;height:1.4rem;background:#fff7b2;border-radius:4px}
.-prd_detail .-mg2_wrap_lotte .-mg2 .-mg2_ele06 {top:10.2rem;margin:0 0 0 7.2rem;width:4rem;height:1.4rem;background:#ffdd49;border-radius:4px}
.-prd_detail .-mg2_wrap_lotte .-mg2 .-mg2_ele07 {top:8.8rem;margin:0 0 0 7.5rem;width:4rem;height:1.4rem;background:#fff7b2;border-radius:4px}

/* 상품상세 | 우리오픈뱅킹서비스 | 모션 3 | 기존에 사용중이던 모션 */
.-prd_detail .-mg3_wrap .vis_opnk {position:relative;margin-bottom:1rem;height:22rem}
.-prd_detail .-mg3_wrap .vis_opnk [class*=opnk_] {position:absolute;left:50%;border-radius:2.5rem;box-shadow:.3rem .5rem .8rem rgba(0, 0, 0, 0.2)}
.-prd_detail .-mg3_wrap .vis_opnk .vis_opnk_ib {top:9rem;margin:0 0 0 -10.8rem;width:2.4rem;height:2.4rem;background:url(/img/nonetouch/pib/_new/content/detail_vis_opnk_ib.png) no-repeat 0 0/100%}
.-prd_detail .-mg3_wrap .vis_opnk .vis_opnk_ka {top:14.4rem;margin:0 0 0 -7.7rem;width:4rem;height:4rem;background:url(/img/nonetouch/pib/_new/content/detail_vis_opnk_ka.png) no-repeat 0 0/100%}
.-prd_detail .-mg3_wrap .vis_opnk .vis_opnk_kb {top:16.4rem;margin:0 0 0 1.5rem;width:3.7rem;height:3.7rem;background:url(/img/nonetouch/pib/_new/content/detail_vis_opnk_kb.png) no-repeat 0 0/100%}
.-prd_detail .-mg3_wrap .vis_opnk .vis_opnk_no {top:15.3rem;margin:0 0 0 6.8rem;width:2.4rem;height:2.4rem;background:url(/img/nonetouch/pib/_new/content/detail_vis_opnk_no.png) no-repeat 0 0/100%}
.-prd_detail .-mg3_wrap .vis_opnk .vis_opnk_wo {top:9.1rem;margin:0 0 0 3.4rem;width:4rem;height:4rem;background:url(/img/nonetouch/pib/_new/content/detail_vis_opnk_wo.png) no-repeat 0 0/100%}
.-prd_detail .-mg3_wrap .vis_opnk .vis_opnk_si {top:3.7rem;margin:0 0 0 8.2rem;width:2rem;height:2rem;background:url(/img/nonetouch/pib/_new/content/detail_vis_opnk_si.png) no-repeat 0 0/100%}
.-prd_detail .-mg3_wrap .vis_opnk .vis_opnk_ha {top:2.1rem;margin:0 0 0 2.1rem;width:3rem;height:3rem;background:url(/img/nonetouch/pib/_new/content/detail_vis_opnk_ha.png) no-repeat 0 0/100%}
.-prd_detail .-mg3_wrap .vis_opnk .vis_bg_won_phone.dep {position:absolute;left:50%;top:0;width:9.2rem;height:17.4rem;margin:2rem 0 0 -4.6rem;background:url(/img/nonetouch/pib/_new/content/detail_vis_opnk_phone2.png) no-repeat 0 0/100%}
.-prd_detail .-mg3_wrap .vis_opnk .vis_bg_opnk_phone {position:absolute;left:50%;top:0;width:9.2rem;height:17.4rem;margin:3.3rem 0 0 -4.6rem;background:url(/img/nonetouch/pib/_new/content/detail_vis_opnk_phone.png) no-repeat 0 0/100%;border-radius:0rem;box-shadow:none}

/* 상품상세 | 우리WON모아 예금 | 모션 1 | 21.04.05추가 */
.-prd_detail .-mg4_wrap .-mg4 * {left:50%}
.-prd_detail .-mg4_wrap .-gBox {height:20.7rem}
.-prd_detail .-mg4 .-mg4_ele06 {top:8.4rem;margin:0 0 0 -3rem;width:6.6rem;height:6.6rem;background:url(/img/nonetouch/pib/_new/content/detail_wo_coin.png) no-repeat 0 0/100%}
.-prd_detail .-mg4 .-mg4_ele05 {top:5rem;margin:0 0 0 -3rem;width:6.6rem;height:7.6rem}
.-prd_detail .-mg4 .-mg4_ele04 {top:1rem;margin:0 0 0 -9rem;width:8rem;height:3rem;background:#fff;border-radius:0.3rem;box-shadow:5.2px 6px 20.6px 0 rgba(0,33,87,0.1)}
.-prd_detail .-mg4 .-mg4_ele04 .-mg4_ele04_icon {width:1.2rem;height:1.2rem;left:0.9rem;top:0.9rem;background:url(/img/nonetouch/pib/_new/content/detail_vis_opnk_ka.png) no-repeat 0 0/100%}
.-prd_detail .-mg4 .-mg4_ele04 .-mg4_ele04_txt1 {width:3.6rem;height:0.5rem;left:3rem;top:0.8rem;background:#dfe7ef;border-radius:5rem}
.-prd_detail .-mg4 .-mg4_ele04 .-mg4_ele04_txt2 {width:4rem;height:0.5rem;left:3rem;top:1.6rem;background:#dfe7ef;border-radius:5rem}
.-prd_detail .-mg4 .-mg4_ele03 {top:11rem;margin:0 0 0 -11.5rem;width:7.1rem;height:2.9rem;background:#fff;border-radius:0.3rem;box-shadow:5.2px 6px 20.6px 0 rgba(0,33,87,0.15)}
.-prd_detail .-mg4 .-mg4_ele03 .-mg4_ele03_icon {width:1.2rem;height:1.2rem;left:0.9rem;top:0.9rem;background:url(/img/nonetouch/pib/_new/content/detail_vis_opnk_kb.png) no-repeat 0 0/100%}
.-prd_detail .-mg4 .-mg4_ele03 .-mg4_ele03_txt1 {width:2.5rem;height:0.4rem;left:3rem;top:0.9rem;background:#dfe7ef;border-radius:5rem}
.-prd_detail .-mg4 .-mg4_ele03 .-mg4_ele03_txt2 {width:3rem;height:0.4rem;left:3rem;top:1.6rem;background:#dfe7ef;border-radius:5rem}
.-prd_detail .-mg4 .-mg4_ele02 {top:4rem;margin:0 0 0 3rem;width:8.9rem;height:3.6rem;background:#fff;border-radius:0.3rem;box-shadow:5.2px 6px 20.6px 0 rgba(0,33,87,0.15)}
.-prd_detail .-mg4 .-mg4_ele02 .-mg4_ele02_icon {width:1.6rem;height:1.6rem;left:0.9rem;top:1rem;background:url(/img/nonetouch/pib/_new/content/detail_vis_opnk_ha.png) no-repeat 0 0/100%}
.-prd_detail .-mg4 .-mg4_ele02 .-mg4_ele02_txt1 {width:3.3rem;height:0.5rem;left:3.4rem;top:1.1rem;background:#dfe7ef;border-radius:5rem}
.-prd_detail .-mg4 .-mg4_ele02 .-mg4_ele02_txt2 {width:4rem;height:0.5rem;left:3.4rem;top:1.9rem;background:#dfe7ef;border-radius:5rem}
.-prd_detail .-mg4 .-mg4_ele01 {top: 6rem;margin:0 0 0 -8rem;width:16.2rem;height:11.7rem;background:url(/img/nonetouch/pib/_new/content/detail_wo_notebook.png) no-repeat 0 0/100%;border-radius:0rem;box-shadow:none;}

/* 상품상세 | 우리WON모아 적금 | 모션 1 | 21.04.05추가 */
.-prd_detail .-mg5_wrap .-mg5 * {left:50%}
.-prd_detail .-mg5_wrap .-gBox {height:20.7rem}
.-prd_detail .-mg5 .-mg5_ele01 {top:2.7rem;margin:0 0 0 -12rem;width:20.8rem;height:13.3rem;border-radius:6px;box-shadow:5px 5px 20px 0 rgba(0, 33, 87, 0.2);background:url(/img/nonetouch/pib/_new/content/detail_wo_calendar.png) no-repeat;background-size:cover}
.-prd_detail .-mg5 .-mg5_ele02 {top:6.5rem;margin:0 0 0 -11rem;width:18.5rem;height:10.5rem;background-color:#d4dbe6;border-radius:6px;box-shadow:5px 5px 20px 0 rgba(0, 33, 87, 0.2)}
.-prd_detail .-mg5 .-mg5_ele03 {top:13rem;margin:0 0 0 4rem;width:8rem;height:5.1rem;background:url(/img/nonetouch/pib/_new/content/detail_wo_bankbook.png) no-repeat;background-size:cover}
.-prd_detail .-mg5 .-mg5_ele04 {top:7rem;margin:0 0 0 6rem;width:4rem;height:5.8rem;background:url(/img/nonetouch/pib/_new/content/detail_wo_arrow.png) no-repeat;background-size:100%;background-position-y:bottom}
.-prd_detail .-mg5 .-mg5_ele05 {top:7rem;margin:0;width:2.5rem;height:2.5rem;border-radius:100%;background:url(/img/nonetouch/pib/_new/content/detail_vis_opnk_ka.png) no-repeat;background-size:100%}
.-prd_detail .-mg5 .-mg5_ele05_back,
.-prd_detail .-mg5 .-mg5_ele05_back2 {top:7rem;margin:0;width:2.5rem;height:2.5rem;background-color:#fae100;border-radius:100%}
.-prd_detail .-mg5 .-mg5_ele06 {top:10.7rem;margin:0 0 0 -8.3rem;width:2.5rem;height:2.5rem;border-radius:100%;background:url(/img/nonetouch/pib/_new/content/detail_vis_opnk_kb.png) no-repeat;background-size:100%}
.-prd_detail .-mg5 .-mg5_ele06_back,
.-prd_detail .-mg5 .-mg5_ele06_back2 {top:10.7rem;margin:0 0 0 -8.3rem;width:2.5rem;height:2.5rem;background-color:#60584c;border-radius:100%}

/* 상품상세 | 우리WON모아 적금 | 모션 2 | 21.04.05추가 */
.-prd_detail .-mg6_wrap .-mg6 * {left:50%}
.-prd_detail .-mg6_wrap .-gBox {height:23rem}
.-prd_detail .-mg6 .-mg6_ele01 {position:absolute;left:50%;top:0;width:9.2rem;height:17.4rem;margin:3.3rem 0 0 -4.6rem;background:url(/img/nonetouch/pib/_new/content/detail_vis_opnk_phone.png) no-repeat;background-size:100%;border-radius:0rem;box-shadow:none}
.-prd_detail .-mg6 .-mg6_ele02 {top:11rem;margin:0 0 0 -11rem;width:14.2rem;height:4.7rem;background-color:#d4dbe6;position:relative;border-radius:6px;box-shadow:5.2px 6px 20.6px 0 rgba(0,33,87,0.15)}
.-prd_detail .-mg6 .-mg6_ele02_tel {position:absolute;left:1.3rem;top:0.8rem;width:3rem;height:3rem;background-color:#e1e6ee;border-radius:100%;background-image:url(/img/nonetouch/pib/_new/content/detail_wo_tel.png);background-size:60%;background-repeat:no-repeat;background-position:center center}
.-prd_detail .-mg6 .-mg6_ele02_txt1 {position:absolute;top:1.2rem;left:6.4rem;width:6.4rem;height:0.9rem;background-color:#f2f5f9;border-radius:7px}
.-prd_detail .-mg6 .-mg6_ele02_txt2 {position:absolute;top:2.7rem;left:6.4rem;width:2.4rem;height:0.6rem;background-color:#f2f5f9;border-radius:7px}
.-prd_detail .-mg6 .-mg6_ele03 {top:14rem;margin:0;width:8rem;height:4.5rem;background-image:url(/img/nonetouch/pib/_new/content/detail_wo_speak.png);background-size:100%}
.-prd_detail .-mg6 .-mg6_ele03_box {position:relative;width:5rem;height:0.8rem;display:inline-block;left:1.7rem;top:1rem}
.-prd_detail .-mg6 .-mg6_ele03c1, .-prd_detail .-mg6 .-mg6_ele03c2, .-prd_detail .-mg6 .-mg6_ele03c3 {width:0.6rem;height:0.6rem;border-radius:100%;background-color:#fff}
.-prd_detail .-mg6 .-mg6_ele03c1 {left:0}
.-prd_detail .-mg6 .-mg6_ele03c2 {left:2rem}
.-prd_detail .-mg6 .-mg6_ele03c3 {left:4rem}
.-prd_detail .-mg6 .-mg6_ele04 {top:8rem;margin:0;width:0.8rem;height:2rem;background:#ffd83a;border-radius:100%}
.-prd_detail .-mg6 .-mg6_ele05 {top:8rem;margin:0;width:0.8rem;height:1.6rem;background:#ffecbd;border-radius:100%}
.-prd_detail .-mg6 .-mg6_ele06 {top:8rem;margin:0;width:0.8rem;height:2rem;background:#ffd83a;border-radius:100%}
.-prd_detail .-mg6 .-mg6_ele07 {top:8rem;margin:0;width:0.8rem;height:1.8rem;background:#ffecbd;border-radius:100%}
.-prd_detail .-mg6 .-mg6_ele08 {top:8rem;margin:0;width:0.8rem;height:1.6rem;background:#ffecbd;border-radius:100%}
.-prd_detail .-mg6 .-mg6_ele09 {top:8rem;margin:0;width:0.8rem;height:1.8rem;background:#ffecbd;border-radius:100%}

/* 상품상세 | 상품 안내성 데이터 */
.-prd_detail .goods_detail_conts .btn_title {font-size:1.6rem;font-weight:500;background-color:#fff;color:#151515;border-bottom:none;line-height:1}
.-prd_detail .goods_detail_conts .btn_title .text {padding:2.3rem 2.8rem 2.3rem 0;border-bottom:1px solid #f5f5f5}
.-prd_detail .goods_detail_conts .active .text {border:0}

/* 상품상세 | 상품 안내성 데이터 | 상품 컨텐츠 */
.-prd_detail .goods_detail_conts .h_area {font-size:1.4rem;border:0}
.-prd_detail .goods_detail_conts .h_area * {font-size:1.4rem}
.-prd_detail .goods_detail_conts .h_area .t_s_date {float:inherit;font-size:1.4rem;font-weight:300;color:#666;border:0}
.-prd_detail .goods_detail_conts .h_area .r_con {float:inherit;font-size:1.4rem;font-weight:300;color:#999;border:0}
.-prd_detail .goods_detail_conts .h_area .r_con .t_sub {text-align:left;font-size:1.4rem;font-weight:300;color:#999;border:0}
.-prd_detail .goods_detail_conts .h3_st {font-size:1.4rem}
.-prd_detail .goods_detail_conts .tbl_list01 {border-top:.1rem solid #bcbcbc}
.-prd_detail .goods_detail_conts .pdf_link {display:inline-block;padding:.7rem 1rem .7rem 2.8rem;margin-right:1rem;font-size:1.4rem;font-weight:300;color:#666;border-color:#d9d9d9;border-radius:.5rem;background:url(/img/nonetouch/pib/_new/content/ico_pdf_s_blue.png) 1rem center no-repeat;background-size:12px auto}
.-prd_detail .goods_detail_conts .layer {border-bottom:1px solid #f5f5f5;color:#666}
.-prd_detail .goods_detail_conts .layer * {font-size:1.4rem !important}
.-prd_detail .goods_detail_conts .layer .exp_list > p {margin-top:1.8rem;font-size:1.4rem}
.-prd_detail .goods_detail_conts .layer .exp_list > p > span {padding-left:1rem}
.-prd_detail .goods_detail_conts .layer .exp_list > p > span > strong + span {margin-top:.5rem}
.-prd_detail .goods_detail_conts .layer .exp_list > p > span > strong > span {margin-left:-1.5rem}
.-prd_detail .goods_detail_conts .layer .exp_list > p > span > span {margin:0rem 0 0 0rem;font-weight:300;line-height:1.6;color:#666 !important}
.-prd_detail .goods_detail_conts .layer .exp_list dt:before {top:.5rem;border-radius:2.5rem}
.-prd_detail .goods_detail_conts .layer table * {font-size:1.4rem !important}
.-prd_detail .goods_detail_conts .layer table th {padding:1.7rem 0;font-weight:300;color:#151515;border:0;background-color:#f2f5f9}
.-prd_detail .goods_detail_conts .layer table td {padding:1.5rem .8rem;font-weight:300;color:#666;line-height:2rem;border-color:#f5f5f5}
.-prd_detail .goods_detail_conts .layer dt {font-size:1.4rem;font-weight:500}
.-prd_detail .goods_detail_conts .layer dd + dt {margin-top:1.8rem}
.-prd_detail .goods_detail_conts .layer dd {font-size:1.4rem;font-weight:300;line-height:1.6}
.-prd_detail .goods_detail_conts .layer dd * {font-size:1.4rem !important;line-height:1.6}
.-prd_detail .goods_detail_conts .layer dd b {font-size:1.4rem;font-weight:300}

/* 상품상세 | 상품정보 공유하기 */
.-prd_detail .up_share .share_tit {font-size:1.7rem;font-weight:500;color:#151515}
.-prd_detail .up_share .share_list {padding:1.5rem 0 1.2rem}
.-prd_detail .up_share .share_list:after {content:'';display:block;clear:both}
.-prd_detail .up_share .share_list li {position:relative;float:left;width:33.33%;text-align:center}
.-prd_detail .up_share .share_list li button {position:relative;width:100%;padding-top:4.4rem;font-size:1.3rem}
.-prd_detail .up_share .share_list li button:before {content:'';position:absolute;left:50%;top:0;width:4rem;margin-left:-2rem;height:3.5rem;background:url(/img/nonetouch/pib/_new/content/bg_icons_share.png) no-repeat;background-size:15rem}
.-prd_detail .up_share .share_list li .kakao {background-position:-1rem 50%}
.-prd_detail .up_share .share_list li .sms:before {background-position:-5.3rem 50%}
.-prd_detail .up_share .share_list li .app:before {background-position:-10.9rem 50%}
.-prd_detail .up_share .noti_raw {border-top:1px solid #f5f5f5;margin-top:1rem;padding-top:1.5rem;text-align:center;font-size:1.3rem;line-height:1.9rem;color:#666;font-family:'Roboto', 'Noto Sans CJK KR'}

/* 상품상세 | 상담 */
.-prd_detail .up_customer {padding-top:0}
.-prd_detail .up_customer a {position:relative;display:block;padding:2.2rem 0 2.2rem 2.7rem;width:100%;font-weight:500;color:#333;border-bottom:1px solid #f5f5f5}
.-prd_detail .up_customer a:before {content:'';position:absolute;left:0rem;height:2rem;width:2.5rem;z-index:2}
.-prd_detail .up_customer a.call:before {background:url(/img/nonetouch/pib/_new/content/ico_up_new_tel.png) no-repeat;background-size:1.6rem auto;background-position-y:50%}
.-prd_detail .up_customer a.wori:before {background:url(/img/nonetouch/pib/_new/content/ico_up_new_talk.png) no-repeat;background-size:1.8rem auto;background-position-y:50%}
.-prd_detail .up_customer a:after {content:'';position:absolute;right:-.2rem;top:50%;width:14px;height:9px;margin-top:-4px;background-image:url(/img/nonetouch/pib/common/ico_select.png);background-repeat:no-repeat;background-position:0 -79px;background-size:19px;transform:rotate(270deg);z-index:2}
.-prd_detail .up_customer a.call em {font-size:1.3rem;font-weight:300;font-family:'Roboto', 'Noto Sans CJK KR'}

/* 상품상세 | 가입기간별 금리제공 슬라이더  */
.-prd_detail .up_interest_range {padding:2.7rem 2.4rem}
.-prd_detail .up_interest_range .up_rate_info .tit strong {font-size:1.7rem;font-weight:500;}
.-prd_detail .up_interest_range .up_rate_info .exp {margin-top:1.3rem}
.-prd_detail .up_interest_range .up_rate_info .exp .txt {display:block;line-height:1.55}
.-prd_detail .up_interest_range .range_slider {padding:6.2rem 0 1.2rem}
.-prd_detail .up_interest_range .range_slider .slider {height:.4rem}
.-prd_detail .up_interest_range .range_slider .slider:before {height:.4rem}
.-prd_detail .up_interest_range .range_slider .slider .ui-slider-range {height:.4rem;background-color:#198bca}
.-prd_detail .up_interest_range .range_slider .slider .bg_ball {position:absolute;top:1.7rem;width:.1rem;height:.8rem;margin-left:0rem;background-color:#e5e5e5;border:none;z-index:1}
.-prd_detail .up_interest_range .range_slider .slider .ui-slider-handle {width:2.6rem;height:2.6rem;margin:-1.3rem 0 0 -1.3rem;background-color:#198bca;box-shadow:.3rem .5rem .8rem rgba(0, 0, 0, 0.2);z-index:4}
.-prd_detail .up_interest_range .range_slider .slider .ui-slider-handle:before {width:3.6rem;height:3.6rem;margin:-1.8rem 0 0 -1.8rem;border:none;background-color:rgba(119,192,227,.2);z-index:3;transform:scale(.8)}
.-prd_detail .up_interest_range .range_slider .slider .ui-slider-handle:after {content:'';position:absolute;left:50%;top:50%;width:5rem;height:5rem;margin:-2.5rem 0 0 -2.5rem;box-sizing:border-box;border-radius:50%;background-color:rgba(119,192,227,.2);box-shadow:none;z-index:2;transform:scale(.8)}
.-prd_detail .up_interest_range .range_slider .slider .ui-slider-handle:before, .-prd_detail .up_interest_range .range_slider .slider .ui-slider-handle:after{
	animation-name:interest_range_scale_circle1;
	-webkit-animation-name:interest_range_scale_circle1;
	animation-duration:1s;
	-webkit-animation-duration:1s;animation-iteration-count:infinite;
	-webkit-animation-iteration-count:infinite;
	animation-timing-function:ease-in-out;
	-webkit-animation-timing-function:ease-in-out;
	animation-direction:alternate;
	-webkit-animation-direction:alternate;
}
@keyframes interest_range_scale_circle1{
	from{transform:scale(.8)}
	to{transform:scale(1)}
}

.-prd_detail .up_interest_range .range_slider .min_max_area > span {top:1.4rem;font-size:1.3rem;color:#666;}
.-prd_detail .up_interest_range .range_slider .min_max_area > span.on {color:#000;font-weight:500;}
.-prd_detail .up_interest_range .range_slider .min_max_area > span .per_box {display:none;position:absolute;top:-8.5rem;padding:.7rem;font-family:'Roboto','Sans-Serif';font-size:1.3rem;font-weight:400;color:#fff;background-color:#204b85;box-shadow:.3rem .2rem .5rem rgba(0, 0, 0, 0.3);border-radius:.5rem;z-index:5;}
.-prd_detail .up_interest_range .range_slider .min_max_area > span .per_box {left:0;}
.-prd_detail .up_interest_range .range_slider .min_max_area > span .per_box.n1 {left:-1.8rem;}
.-prd_detail .up_interest_range .range_slider .min_max_area > span .per_box.n2 {left:-2rem;}
.-prd_detail .up_interest_range .range_slider .min_max_area > span .per_box.n3 {left:-2rem;}
.-prd_detail .up_interest_range .range_slider .min_max_area > span .per_box.n4 {left:-1.65rem;}
.-prd_detail .up_interest_range .range_slider .min_max_area > span .per_box.n5 {left:-1.7rem;}
.-prd_detail .up_interest_range .range_slider .min_max_area > span .per_box.n6 {left:-1.6rem;}
.-prd_detail .up_interest_range .range_slider .min_max_area > span .per_box:after {content:'';position:absolute;bottom:-.4rem;left:50%;width:0px;height:0px;margin-left:-.35rem;border-right:.6rem solid transparent;border-top:.6rem solid #204b85;border-left:.6rem solid transparent;}
.-prd_detail .up_interest_range .range_slider .min_max_area > span.on .per_box {display:block;}

/* 상품상세 | 금리 차트 영역 */
.-prd_detail .up_interest {position:relative}
.-prd_detail .up_interest:before {content:'';position:absolute;left:0;bottom:0;width:3.6rem;height:100%;background-color:#ececec;border-radius:2.5rem}
.-prd_detail .up_interest .up_rate_box:after {content:'';display:block;clear:both}
.-prd_detail .up_interest .up_rate_box .up_rate {display:block;position:absolute;left:0;width:3.6rem;border-radius:2.5rem;background-color:#d5d8dd;-webkit-box-shadow:1px -10px 10px -1px rgba(0, 0, 0, .1);box-shadow:1px -10px 10px -1px rgba(0, 0, 0, .1)}

/* 상품상세 | 금리 차트:그래프 영역 */
.-prd_detail .up_interest .up_rate_box .-rate_graph {display:block;position:absolute;left:0rem;width:3.6rem;border-radius:2.5rem;-webkit-box-shadow:1px -10px 10px -1px rgba(0, 0, 0, .1);box-shadow:1px -10px 10px -1px rgba(0, 0, 0, .1)}
.-prd_detail .up_interest .up_rate_box.n04 .-rate_graph {bottom:20.5rem;height:10rem;background:#0059ad;z-index:5}
.-prd_detail .up_interest .up_rate_box.n03 .-rate_graph {bottom:14.2rem;height:10rem;background:#2874bb;z-index:6}
.-prd_detail .up_interest .up_rate_box.n02 .-rate_graph {bottom:7.9rem;height:10rem;background:#198bca;z-index:7}
.-prd_detail .up_interest .up_rate_box.n01 .-rate_graph {bottom:0;height:11.6rem;background:#77c0e3;z-index:8}

/* 상품상세 | 금리 차트:텍스트 영역 */
.-prd_detail .up_interest .up_rate_box.n04 .-rate_text {bottom:24rem}
.-prd_detail .up_interest .up_rate_box.n03 .-rate_text {bottom:16rem}
.-prd_detail .up_interest .up_rate_box.n02 .-rate_text {bottom:9.5rem}
.-prd_detail .up_interest .up_rate_box.n01 .-rate_text {height:auto;bottom:1rem}
.-prd_detail .up_interest .up_rate_box .-rate_text {position:absolute;left:8.3rem;height:6rem;line-height:1.8rem;z-index:9}
.-prd_detail .up_interest .up_rate_box .-rate_text .tit {position:relative;display:block;font-size:1.3rem;font-weight:300;color:#151515}
.-prd_detail .up_interest .up_rate_box .-rate_text .start_line {position:absolute;left:-6.7rem;top:5px;width:4rem;height:1.5rem;background:url(/img/nonetouch/pib/_new/content/bg_icons_interest_01.png) no-repeat -.2rem .4rem;background-size:10rem}
.-prd_detail .up_interest .up_rate_box .-rate_text .ck_line {position:absolute;left:-1.9rem;top:.3rem;width:1.7rem;height:1.5rem;background:url(/img/nonetouch/pib/_new/content/bg_icons_interest_01.png) no-repeat -.2rem -1.5rem;background-size:10rem}
.-prd_detail .up_interest .up_rate_box .-rate_text .plus {font-size:2rem;font-weight:600;position:absolute;left:-2rem;top:-1px}
.-prd_detail .up_interest .up_rate_box .-rate_text .tit .rate {padding-bottom:.1rem;font-family:'Roboto','Sans-Serif';font-size:1.8rem;font-weight:400;background:linear-gradient(to top, #d0e9fc 40%, transparent 20%);margin-right:6px}
.-prd_detail .up_interest .up_rate_box .-rate_text .tit .num {font-family:'Roboto','Sans-Serif';font-weight:600;color:inherit;font-size:inherit}
.-prd_detail .up_interest .up_rate_box .-rate_text .tit .rate b {font-weight:300;color:inherit;font-family:inherit}
.-prd_detail .up_interest .up_rate_box .-rate_text .txt {display:block;margin-top:.4rem;font-size:1.3rem;font-weight:300;color:#666;letter-spacing:-.07rem;word-break:keep-all}/*21.04.02추가*/

/* 상품상세 | rate 마지막 요소의 그림자 제거 */
.-prd_detail .up_interest .up_rate_box:last-child .-rate_graph {box-shadow:none}

/* 상품상세 | rate가 2개인 경우 .count2 추가 */
.-prd_detail .up_interest.count2 .up_rate_box.n02 .-rate_text {bottom:11.5rem}

/* 상품상세 | rate가 3개인 경우 .count3 추가 */
.-prd_detail .up_interest.count3 .up_rate_box.n03 .-rate_text {bottom:18rem}

/* 상품상세 | 회원가입이 필요한 경우 type_join */
.-prd_detail .up_interest .type_join .-rate_text .tit {color:#666}
.-prd_detail .up_interest .type_join .tit {line-height:1.2}
.-prd_detail .up_interest .type_join .plus {font-size:2rem;font-weight:500;width:1.7rem;text-align:center;line-height:1.5}
.-prd_detail .up_interest .type_join .tit .rate {background:none !important}
.-prd_detail .up_interest .type_join .-txt_wrap {display:inline-block;margin-left:-2rem}
.-prd_detail .up_interest .type_join .txt_box {padding:.4rem 1rem;margin-top:.5rem;font-size:1.3rem;color:#204b85;background-color:#f2f5f9;border-radius:.5rem}
.-prd_detail .up_interest .up_rate_box:last-child.type_join .up_rate_new,
.-prd_detail .up_interest .up_rate_box:last-child.type_join .up_rate_old,
.-prd_detail .up_interest .up_rate_box.type_join .-rate_graph {background-color:#ccc}
/* [E]상품상세 */

/*근저당권말소 신청 內 체크박스 스타일 추가*/
.-selection input ~ label.loan_collateral_sec:before{top:0;transform:translate(0, 0);}

/* [210429] yyg 우리적금페이 */
.-heading.-saving .-h_desc .-offset{font-size: 2.5rem;}
.-heading.-saving .-h_desc {font-size: 2.4rem;font-family: 'Roboto','Noto Sans CJK KR','Sans-Serif';line-height: 1.25;}

/* 	[210429] yyg 밑줄 효과 애니메이션효과를 공통스타일로 추가 고려
*/
.-ani_uline {position: relative;z-index: 1;}
.-ani_uline::before {content: '';display: inline-block;position: absolute;z-index: -1;opacity:0;width: 0;height: 0.8rem;border-radius: 0.4rem;bottom: 0.2rem; left: -0.4rem;box-sizing: content-box;padding: 0 0.4rem;background-color: #d0e9fc;background-size: 20px 20px;transition: all 1s;}
.-ani_uline.-sm::before {height: 0.5rem;bottom:0;}
.-ani_uline.-ani_on::before {width: 100%;opacity:1;}
.-ani_uline.-stripe::before {background-image: linear-gradient(45deg, transparent,transparent 25%, rgba(255,255,255,0.5) 25%, rgba(255,255,255,0.5) 50%, transparent 50%, transparent 75%, rgba(255,255,255,0.5) 75%, rgba(255,255,255,0.5) 100%);animation: aniUndelineBg 1s linear infinite;}
.-ani_uline.-type01::before {background-color: #aad7f9;}
.-ani_uline.-type02::before {background-color: #fff176;}
.-ani_uline.-type03::before {background-color: #96e0f6;}
.-ani_uline.-type04::before {background-color: #c6e1f7;}
@keyframes aniUndelineBg {
	to {
		background-position: 20px 0;
	}
}

.-saving_ani_container {position: relative;overflow: hidden;width: 100%;max-width: 45rem;margin: 0 auto;}
.-saving_ani_container::before {content: '';display: block;padding-top: 95.5882%; /* 816px X 780px ratio 세로 나누기 가로 곱하기 100)*/}
.-saving_ani_container:after{content:'';position:absolute;bottom:0;left:0;right:0;height:.3rem;background:#151515;}
.-saving_ani_container .-saving_ani_01 {position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-size: 100% auto;background-position: 0 0;background-repeat: no-repeat;}
.-saving_ani_container .-saving_ani_01.-ani_01 {background-image: url('/img/nonetouch/pib/_new/content/girl_bg.png');transform-origin: left bottom;opacity: 0;}
.-saving_ani_container .-saving_ani_01.-ani_02 {background-image: url('/img/nonetouch/pib/_new/content/girl_sprite.png');animation: savingAniPlay 0.3s steps(3) infinite;}
.-saving_ani_container .-saving_ani_01.-ani_03 {background-image: url('/img/nonetouch/pib/_new/content/girl_speech.png');opacity: 0;}
.-saving_on .-saving_ani_01.-ani_01 {animation: savingAni_01_bg 1s forwards;}
.-saving_on .-saving_ani_01.-ani_03 {animation: savingAni_01_speech 1s cubic-bezier(0.215, 0.610, 0.355, 1) forwards;animation-delay: 0.9s;}

@keyframes savingAniPlay {
	100% {
		background-position-y: 100%;
	}
}

@keyframes savingAni_01_bg {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	}
	100% {
		opacity: 0.14;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes savingAni_01_speech {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2rem);
		transform: translateY(2rem);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
.-saving_ani_container .-saving_ani_02 {position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-size: 100% auto;background-position: 0 0;background-repeat: no-repeat;}
.-saving_ani_container .-saving_ani_02.-ani_01 {background-image: url('/img/nonetouch/pib/_new/content/girl_02.png');transform-origin: right bottom;opacity: 0.5;}
.-saving_ani_container .-saving_ani_02.-ani_02 {background-image: url('/img/nonetouch/pib/_new/content/girl_02_text.png');opacity: 0;}
.-saving_ani_container .-saving_ani_02.-ani_03 {opacity: 0;background-image: url('/img/nonetouch/pib/_new/content/girl_02_line.png');}
.-saving_on .-saving_ani_02.-ani_01 {animation: savingAni_02_girl 0.5s forwards;}
.-saving_on .-saving_ani_02.-ani_02 {animation: savingAni_01_speech 1s cubic-bezier(0.215, 0.610, 0.355, 1) forwards;animation-delay: 0.4s;}
.-saving_on .-saving_ani_02.-ani_03 {animation: savingAniLineShow 1s 0.5s forwards;}
@keyframes savingAni_02_girl {
	0% {
		opacity: 0.5;
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}
@keyframes savingAniLineShow {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.-saving_top_banner {background-color: #6b98ff;background-size: cover;background-position: center center;background-repeat: no-repeat;background-image: url('/img/nonetouch/pib/_new/content/saving_ani_top_bg.png');}
.-saving_top_banner.-test {background-position: 0 0;background-image: url('/img/nonetouch/pib/_new/content/saving_ani_top_bg_sprite.png');-webkit-animation: savingAniBg 0.3s steps(2) infinite;animation: savingAniBg 0.3s steps(2) infinite;}
@keyframes savingAniBg {
	100% {
		background-position-y: 200%;
	}
}
.-saving_top_ani_container {position: relative;overflow: hidden;width: 100%;max-width: 45rem;margin: 0 auto;background-size: 100% auto;}
.-saving_top_ani_container::before {content: '';display: block;padding-top: 50%; /* 816px X 780px ratio */}
.-saving_top_ani_container .-saving_ani_top {position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-size: 100% auto;background-position: 0 0;background-repeat: no-repeat;-webkit-transform: translateY(100%);transform: translateY(100%);}
.-saving_top_ani_container .-saving_ani_top.-text {	width: 100%;height:100%;opacity: 0;-webkit-transform: translateY(100%);transform: translateY(100%);}
.-saving_top_ani_container .-saving_ani_top.-text p {position:absolute;top:50%;width:100%;height:100%;font-size: 3rem;font-weight: 700;text-align: center;color: #fff;list-style: 1;-webkit-transform: skewY(-5deg);transform: skewY(-5deg);margin-top:-2rem;}
.-saving_top_ani_container .-saving_ani_top.-ani_04 {margin-top:0;background-size: 100% auto;background-repeat: no-repeat;background-image: url('/img/nonetouch/pib/_new/content/saving_ani_top_title.png');}
.-saving_on .-saving_ani_top.-text {-webkit-animation: savingAniTopText 1s ease-in-out forwards;animation: savingAniTopText 1s ease-in-out forwards;}
.-saving_on .-saving_ani_top.-ani_01 {-webkit-animation-delay: 0;animation-delay: 0;}
.-saving_on .-saving_ani_top.-ani_02 {-webkit-animation-delay: .8s;animation-delay: .8s;}
.-saving_on .-saving_ani_top.-ani_03 {-webkit-animation-delay: 1.6s;animation-delay: 1.6s;}
.-saving_on .-saving_ani_top.-ani_04 {-webkit-animation: savingAniTopTitle 2s 3s ease-in-out forwards;animation: savingAniTopTitle 2s 3s ease-in-out forwards;}
@-webkit-keyframes savingAniTopText {
	0% {
		opacity: 0;
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
	}
	20% {
		opacity: 1;
		-webkit-transform: translateY(-10%);
		transform: translateY(-10%);
	}
	30% {
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
	}
	70% {
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
	}
	80% {
		opacity: 1;
		-webkit-transform: translateY(10%);
		transform: translateY(10%);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
	}
}
@keyframes savingAniTopText {
	0% {
		opacity: 0;
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
	}
	20% {
		opacity: 1;
		-webkit-transform: translateY(-10%);
		transform: translateY(-10%);
	}
	30% {
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
	}
	70% {
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
	}
	80% {
		opacity: 1;
		-webkit-transform: translateY(10%);
		transform: translateY(10%);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
	}
}

@-webkit-keyframes savingAniTopTitle {
	0% {
		opacity: 0;
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
	}
	20% {
		opacity: 1;
		-webkit-transform: translateY(-10%);
		transform: translateY(-10%);
	}
	30% {
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
	}
	100% {
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
	}
}

@keyframes savingAniTopTitle {
	0% {
		opacity: 0;
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
	}
	20% {
		opacity: 1;
		-webkit-transform: translateY(-10%);
		transform: translateY(-10%);
	}
	30% {
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
	}
	100% {
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
	}
}

.layer_outerWrap .layer_innerWrap.-sixp_pop_wrap{overflow:visible}
.-sixp_wrap{padding-top:105.8%;background:url('/img/nonetouch/pib/_new/content/bg_six01.png') #fff no-repeat;background-size:100% auto}
.-sixp_wrap .-quiz_box{padding:0 2.4rem}
.-sixp_wrap .-sixp_quiz{font-size:1.8rem;color:#151515;font-weight:500}
.-sixp_wrap .-blank_quiz{display:inline-block;position:relative;top:-.2rem;width:9.2rem;}
.-sixp_wrap .-blank_quiz img{width:100%}
.-sixp_wrap .-answer_list{margin:2rem -.5rem 3.7rem}
.-sixp_wrap .-answer_item{float:left;width:33.33%;padding:0 .5rem;}
.-sixp_wrap .-answer_item a{display:block;position:relative;margin:0 1.2rem;height:5.4rem;padding-top:1.5rem;text-align:center;color:#fff}
.-sixp_wrap .-answer_link1{background:url('/img/nonetouch/pib/_new/content/btn_six_ans1_2.png') repeat-x;background-size:100% 5.4rem}
.-sixp_wrap .-answer_link2{background:url('/img/nonetouch/pib/_new/content/btn_six_ans2_2.png') repeat-x;background-size:100% 5.4rem}
.-sixp_wrap .-answer_link3{background:url('/img/nonetouch/pib/_new/content/btn_six_ans3_2.png') repeat-x;background-size:100% 5.4rem}
.-sixp_wrap .-answer_item a:before,
.-sixp_wrap .-answer_item a:after{content:'';position:absolute;top:0;bottom:0;width:1.4rem;}
.-sixp_wrap .-answer_link1:before{left:-1.2rem;background:url('/img/nonetouch/pib/_new/content/btn_six_ans1_1.png') no-repeat;background-size:100% 5.4rem}
.-sixp_wrap .-answer_link1:after{right:-1.2rem;background:url('/img/nonetouch/pib/_new/content/btn_six_ans1_3.png') no-repeat;background-size:100% 5.4rem}
.-sixp_wrap .-answer_link2:before{left:-1.2rem;background:url('/img/nonetouch/pib/_new/content/btn_six_ans2_1.png') no-repeat;background-size:100% 5.4rem}
.-sixp_wrap .-answer_link2:after{right:-1.2rem;background:url('/img/nonetouch/pib/_new/content/btn_six_ans2_3.png') no-repeat;background-size:100% 5.4rem}
.-sixp_wrap .-answer_link3:before{left:-1.2rem;background:url('/img/nonetouch/pib/_new/content/btn_six_ans3_1.png') no-repeat;background-size:100% 5.4rem}
.-sixp_wrap .-answer_link3:after{right:-1.2rem;background:url('/img/nonetouch/pib/_new/content/btn_six_ans3_3.png') no-repeat;background-size:100% 5.4rem}
.-sixp_wrap .-sixp_bot{padding-top:25.72%;background:url('/img/nonetouch/pib/_new/content/bg_six02.png') no-repeat 0 100%;background-size:100% auto;}
.frame_pageWrap .page_container.-sixp,
.frame_pageWrap .page_container.-saving_wrap{margin-bottom:0}
.-sixp_pop_wrap .-btn_close{position:absolute;top:-3rem;right:0}
.-sixp_pop_wrap .-btn_close_gray{width:4rem;height:4rem;}
.-sixp_pop_wrap .-btn_close_gray:before{content:'';display:block;position:relative;width:4rem;height:1.3rem;background:url('/img/nonetouch/pib/_new/content/btn_close_gray.png') no-repeat 100% 0;background-size:1.3rem 1.3rem}
.-btn_wrap .-btn_pay_go{display:block;position:relative;height:5.4rem;margin:0 1.5rem;padding-top:1.5rem;background:url('/img/nonetouch/pib/_new/content/btn_pay_go2.png') repeat-x;background-size:100% 5.4rem;font-size:1.7rem;color:#fff;font-weight:500;text-align:center;}
.-btn_wrap .-btn_pay_go:before,
.-btn_wrap .-btn_pay_go:after{content:'';position:absolute;top:0;bottom:0;width:2rem;}
.-btn_wrap .-btn_pay_go:before{left:-1.5rem;background:url('/img/nonetouch/pib/_new/content/btn_pay_go1.png') no-repeat;background-size:auto 5.4rem;}
.-btn_wrap .-btn_pay_go:after{right:-1.5rem;background:url('/img/nonetouch/pib/_new/content/btn_pay_go3.png') no-repeat;background-size:auto 5.4rem;}
.-sixp_pop_wrap .-img_star{position:absolute;top:-7.7rem;left:-1.7rem;width:12.9rem;height:9.8rem}
.-benefit_list{margin-top:5rem;}
.-benefit_item + .-benefit_item{margin-top:3rem}
.-benefit_ico{float:left;width:6.2rem;}
.-benefit_txt{float:left;margin-top:-3px;padding-left:1rem}
.-benefit_txt .-sentence{font-size:1.4rem;}
.-benefit_txt .-sentence span.-robonoto{font-size:1.5rem;}
.-benefit_txt .-benefit_tip{font-size:1.1rem}
.-benefit_txt .-benefit_tip .-bene_tip_tit{font-size:1.2rem;color:#6b98ff}
.-benefit_txt .-benefit_tip .-robonoto{font-size:1.2rem;}
.-anigroup_01, .-anigroup_02{margin-top:4rem}
.-saving_wrap .-h_desc .-bold{font-size:2.4rem;}
.-saving_wrap .-ani_txt01{margin:-3rem -2.4rem 0;padding:3rem 2.4rem 0;background:url('/img/nonetouch/pib/_new/content/bg_pay_six.png') no-repeat; background-size:100% auto}
.-saving_wrap .-anigroup_01 + .-heading{margin-top:7rem}
.-sixp_soso{margin:6rem -2.4rem -3rem;padding:4rem 2.4rem 3rem;background:url('/img/nonetouch/pib/_new/content/bg_six_line.png') repeat-x 0 0 #555762;background-size:auto 2px;}
.-sixp_soso .-h_desc{margin-bottom:.5rem;color:#fff;font-weight:700}
.-six_hash_item{float:left;margin:.8rem .6rem 0 0;padding:.7rem 1.2rem;background:#eee;font-size:1.3rem;color:#151515;font-weight:500;border-radius:1.8rem;}
.-six_hash_item:before{content:'#';}
.-six_howto{margin-top:3rem;counter-reset:cnt;}
.-six_howto_item{position:relative;padding-left:2.8rem;color:#fff;}
.-six_howto_item + .-six_howto_item{margin-top:.9rem}
.-six_howto_item:before{content:counter(cnt);counter-increment:cnt;position:absolute;top:0;left:0;width:2.1rem;height:2.1rem;padding-top:1px;background:#3f4252;font-family:'Roboto';font-size:1.3rem;color:#fff;text-align:center;border-radius:50%;}
.-asterisk{position:relative;margin-top:.5rem;padding-left:.7rem;font-size:1.1rem;color:#c9c9c9;}
.-asterisk:before{content:'*';position:absolute;top:2px;left:0;}

.-buttons.-six_pay .-primary{background:url('/img/nonetouch/pib/_new/content/bg_fix_six.png') repeat-x;background-size:auto 6rem;border-top:2px solid #000;border-bottom:2px solid #000}
.-sixp_wrap.-sixp_full{padding:4rem 2.4rem 0;background:none}
.-sixp_wrap.-sixp_full:after{content:'';position:absolute;bottom:0;right:0;width:100%;height:10.2rem;background:url('/img/nonetouch/pib/_new/content/bg_six_full.png') no-repeat 100% 100%;background-size:auto 10.2rem}
.-sixp_full .-h_desc{width:21.6rem}
.-sixp_define{margin-top:3rem;}
.-sixp_dt{font-size:1.8rem;color:#151515;}
.-sixp_dd{margin-top:.7rem;font-size:1.3rem;color:#333;word-break:keep-all;}
.-sixp_dd + .-sixp_dt{margin-top:3.5rem}

/* 더달라 외화적립예금 */
.-thedalla .-heading{padding-top:0}
.-thedalla .-heading .-sentence{font-size:1.4rem}
.-thedalla .-etc_img{margin:3rem 0 4.5rem}
.-thedalla .-scrolldiv_cover{padding-bottom:0;border-top:0}
.-thedalla .-selections.-new_type2{border-bottom:none}

/* 더달라 아이콘있는 라디오 */
.-segment.-icons .-thumb{display:block;width:4rem;height:4rem;margin:0 auto}
.-segment.-icons .-thumb.-icon01{background:url(/img/nonetouch/pib/_new/content/ico_save_method01.png) no-repeat 50% 0;background-size:4rem}
.-segment.-icons .-thumb.-icon02{background:url(/img/nonetouch/pib/_new/content/ico_save_method02.png) no-repeat 50% 0;background-size:4rem}
.-segment.-icons .-thumb.-icon03{background:url(/img/nonetouch/pib/_new/content/ico_save_method03.png) no-repeat 50% 0;background-size:4rem}
.-segment.-icons .-selection input ~ label{padding:2.3rem 0 2.2rem}
.-segment.-icons .-selection input ~ label:before{display:none}
.-segment.-icons .-selection input:checked ~ label .-thumb{background-position:0 -4rem}
/* 더달라 설정목록 */
.-saving_setting{margin:3.6rem 0 4.8rem}
.-saving_setting_item+.-saving_setting_item{margin-top:1.1rem}
/* 더달라 만기목표금액 */
.-expire_purpose{position:relative;margin-top:2.5rem;padding:0 2.4rem 2.5rem;background-color:#f8f8f8}
.-expire_purpose:before{content:'';display:inline-block;width:0;height:0;border-bottom:5px solid #f8f8f8;border-right:5px solid transparent;border-left:5px solid transparent;position:absolute;top:-5px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
.-expire_purpose_head{padding:2rem 0 1.7rem}
.-expire_purpose_head .-txt{font-size:1.7rem;color:#204b85}
.-expire_purpose_body .-table.-inner{padding:1rem 2rem;border:0;background-color:#fff}
.-expire_purpose_body .-table.-inner th,
.-expire_purpose_body .-table.-inner td{padding:1rem 0;border:0}
.-expire_purpose_body .-table.-inner th{font-size:1.3rem;color:#666}
/* 더달라 그래프 환율 */
.-linechart .-label{color:#666}
.-saving_gap_rate {margin-top:1rem}
.-saving_gap_rate .-value{font-size:2rem;font-family:RobotoNew;font-weight:500}
.-saving_gap_rate .-rate{position:relative;margin-left:1.6rem;padding-left:1.3rem;font-family:RobotoNew}
.-saving_gap_rate .-rate:before{content:'';display:inline-block;width:.8rem;height:.8rem;position:absolute;top:50%;left:0;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.-saving_gap_rate .-rate.-plus{color:#c10000}
.-saving_gap_rate .-rate.-plus:before{background:url(/img/nonetouch/pib/_new/content/ico_save_plus.png) no-repeat 0 0;background-size:.8rem;}
.-saving_gap_rate .-rate.-minus{color:#4e91ef}
.-saving_gap_rate .-rate.-minus:before{background:url(/img/nonetouch/pib/_new/content/ico_save_minus.png) no-repeat 0 0;background-size:.8rem;}
/* 더달라 배너영역 */
.-thedalla .-banner{margin:1.5rem 2.4rem 0}
.-thedalla .-banner .-inner{height:4.5rem}
.-thedalla .-banner .-text .-tit{font-size:1.3rem}
.-thedalla .-banner .-link{color:#333;position:absolute;right:2.4rem;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.-prd_detail .up_detail_top .-tit p.-last{padding-right:0}
/* 더달라 동전모션 */
/* .frame_pageWrap .page_container.-thedalla{margin-bottom:0} */
.-saving_detail{background-color:#f2f5f9}
.-saving_detail_top{padding-top:4rem;min-height:40.5rem;background:linear-gradient(to bottom,#fff, #f2f5f9)}
.-saving_dday >*{display:block;text-align:center}
.-saving_dday .-dday{font-size:1.7rem;color:#666;font-family:'RobotoNew'}
.-saving_dday .-txt{font-size:2.4rem}
.-saving_mo{position:relative;height:21rem;background:url(/img/nonetouch/pib/_new/content/img_house.png) no-repeat 50% 39px;background-size:100%}
.-saving_mo.-moneybag{background:url(/img/nonetouch/pib/_new/content/img_figure.png) no-repeat 50% 26px;background-size:100%}
.-saving_mo.-piggybank{background:url(/img/nonetouch/pib/_new/content/img_building.png) no-repeat 50% 22px;background-size:100%}
.-saving_things{position:relative;width:22.5rem;height:100%;margin:0 auto}
.-saving_things .-object{position:absolute;top:30px;left:32px;transition:.6s all ease-out;opacity:0;z-index:2}
.-saving_things .-object.-active{top:57px;opacity:1}
.-saving_things .-object img{width:17.5rem}
.-saving_things .-coins{display:inline-block;width:35px;height:0;position:absolute;background:url(/img/nonetouch/pib/_new/content/coin_set.png) no-repeat 0 0;background-size:455px 80px}
.-saving_things .-coins[class*="frame"]{height:80px}
.-saving_things .-coins.frame1{background-position:-35px 0}
.-saving_things .-coins.frame2{background-position:-70px 0}
.-saving_things .-coins.frame3{background-position:-105px 0}
.-saving_things .-coins.frame4{background-position:-140px 0}
.-saving_things .-coins.frame5{background-position:-175px 0}
.-saving_things .-coins.frame6{background-position:-210px 0}
.-saving_things .-coins.frame7{background-position:-245px 0}
.-saving_things .-coins.frame8{background-position:-280px 0}
.-saving_things .-coins.frame9{background-position:-315px 0}
.-saving_things .-coins.frame10{background-position:-350px 0}
.-saving_things .-coins.frame11{background-position:-385px 0}
.-saving_things .-coins.frame12{background-position:-420px 0}
/* =동전쌓기 비행기 */
/* ==1단계 */
.-saving_mo.-step1 .-coin01{display:inline;left:156px;top:68px;z-index:2}
.-saving_mo.-step1 .-coin02,
.-saving_mo.-step1 .-coin03,
.-saving_mo.-step1 .-coin04,
.-saving_mo.-step1 .-coin05,
.-saving_mo.-step1 .-coin06{display:none}
/* ==2단계 */
.-saving_mo.-step2 .-coin01{display:inline;left:177px;top:79px;z-index:3}
.-saving_mo.-step2 .-coin02{display:inline;left:154px;top:67px;z-index:2}
.-saving_mo.-step2 .-coin03,
.-saving_mo.-step2 .-coin04,
.-saving_mo.-step2 .-coin05,
.-saving_mo.-step2 .-coin06{display:none}
/* ==3단계 */
.-saving_mo.-step3 .-coin01{display:inline;left:174px;top:77px;z-index:3}
.-saving_mo.-step3 .-coin02{display:inline;left:155px;top:67px;z-index:2}
.-saving_mo.-step3 .-coin03{display:inline;left:36px;top:63px}
.-saving_mo.-step3 .-coin04,
.-saving_mo.-step3 .-coin05,
.-saving_mo.-step3 .-coin06{display:none}
/* ==4단계 */
.-saving_mo.-step4 .-coin01{display:inline;left:177px;top:77px;z-index:3}
.-saving_mo.-step4 .-coin02{display:inline;left:155px;top:67px;z-index:2}
.-saving_mo.-step4 .-coin03{display:inline;left:21px;top:67px;z-index:1}
.-saving_mo.-step4 .-coin04{display:inline;left:37px;top:57px;z-index:0}
.-saving_mo.-step4 .-coin05,
.-saving_mo.-step4 .-coins.-coin06{display:none}
/* ==5단계 */
.-saving_mo.-step5 .-coin01{display:inline;left:178px;top:80px;z-index:3}
.-saving_mo.-step5 .-coin02{display:inline;left:157px;top:67px;z-index:2}
.-saving_mo.-step5 .-coin03{display:inline;left:189px;top:67px;z-index:2}
.-saving_mo.-step5 .-coin04{display:inline;left:37px;top:57px;z-index:0}
.-saving_mo.-step5 .-coin05{display:inline;left:22px;top:67px;z-index:1}
.-saving_mo.-step5 .-coin06{display:none}
/* ==6단계 */
.-saving_mo.-step6 .-coin01{display:inline;left:179px;top:80px;z-index:3}
.-saving_mo.-step6 .-coin02{display:inline;left:156px;top:67px;z-index:2}
.-saving_mo.-step6 .-coin03{display:inline;left:190px;top:67px;z-index:2}
.-saving_mo.-step6 .-coin04{display:inline;left:23px;top:77px;z-index:1}
.-saving_mo.-step6 .-coin05{display:inline;left:0px;top:64px;z-index:0}
.-saving_mo.-step6 .-coin06{display:inline;left:37px;top:57px;z-index:0}
/* =동전쌓기 동전보따리 */
.-moneybag .-saving_things .-object{top:19px;left:22px}
.-moneybag .-saving_things .-object.-active{top:46px}
/* ==1단계 */
.-moneybag.-saving_mo.-step1 .-coin01{display:inline;left:150px;top:86px;z-index:2}
/* ==2단계 */
.-moneybag.-saving_mo.-step2 .-coin01{display:inline;left:150px;top:86px;z-index:3}
.-moneybag.-saving_mo.-step2 .-coin02{display:inline;left:143px;top:50px;z-index:1}
/* ==3단계 */
.-moneybag.-saving_mo.-step3 .-coin01{display:inline;left:150px;top:86px;z-index:3}
.-moneybag.-saving_mo.-step3 .-coin02{display:inline;left:146px;top:45px;z-index:1}
.-moneybag.-saving_mo.-step3 .-coin03{display:inline;left:21px;top:72px}
/* ==4단계 */
.-moneybag.-saving_mo.-step4 .-coin01{display:inline;left:153px;top:83px;z-index:3}
.-moneybag.-saving_mo.-step4 .-coin02{display:inline;left:146px;top:48px;z-index:1}
.-moneybag.-saving_mo.-step4 .-coin03{display:inline;left:21px;top:72px;z-index:1}
.-moneybag.-saving_mo.-step4 .-coin04{display:inline;left:37px;top:54px;z-index:0}
/* ==5단계 */
.-moneybag.-saving_mo.-step5 .-coin01{display:inline;left:152px;top:90px;z-index:3}
.-moneybag.-saving_mo.-step5 .-coin02{display:inline;left:146px;top:49px;z-index:1}
.-moneybag.-saving_mo.-step5 .-coin03{display:inline;left:178px;top:67px;z-index:2}
.-moneybag.-saving_mo.-step5 .-coin04{display:inline;left:22px;top:70px;z-index:2}
.-moneybag.-saving_mo.-step5 .-coin05{display:inline;left:37px;top:51px;z-index:1}
/* ==6단계 */
.-moneybag.-saving_mo.-step6 .-coin01{display:inline;left:152px;top:90px;z-index:3}
.-moneybag.-saving_mo.-step6 .-coin02{display:inline;left:146px;top:49px;z-index:1}
.-moneybag.-saving_mo.-step6 .-coin03{display:inline;left:178px;top:67px;z-index:2}
.-moneybag.-saving_mo.-step6 .-coin04{display:inline;left:22px;top:70px;z-index:2}
.-moneybag.-saving_mo.-step6 .-coin05{display:inline;left:37px;top:51px;z-index:1}
.-moneybag.-saving_mo.-step6 .-coin06{display:inline;left:3px;top:55px;z-index:0}

/* =동전쌓기 돼지저금통 */
.-piggybank .-saving_things .-object{top:6px;left:22px}
.-piggybank .-saving_things .-object.-active{top:33px}
/* ==1단계 */
.-piggybank.-saving_mo.-step1 .-coin01{display:inline;left:153px;top:86px;z-index:2}
/* ==2단계 */
.-piggybank.-saving_mo.-step2 .-coin01{display:inline;left:153px;top:86px;z-index:3}
.-piggybank.-saving_mo.-step2 .-coin02{display:inline;left:179px;top:69px;z-index:1}
/* ==3단계 */
.-piggybank.-saving_mo.-step3 .-coin01{display:inline;left:153px;top:86px;z-index:3}
.-piggybank.-saving_mo.-step3 .-coin02{display:inline;left:179px;top:69px;z-index:1}
.-piggybank.-saving_mo.-step3 .-coin03{display:inline;left:26px;top:66px}
/* ==4단계 */
.-piggybank.-saving_mo.-step4 .-coin01{display:inline;left:154px;top:84px;z-index:3}
.-piggybank.-saving_mo.-step4 .-coin02{display:inline;left:180px;top:67px;z-index:1}
.-piggybank.-saving_mo.-step4 .-coin03{display:inline;left:14px;top:78px;z-index:1}
.-piggybank.-saving_mo.-step4 .-coin04{display:inline;left:27px;top:64px;z-index:0}
/* ==5단계 */
.-piggybank.-saving_mo.-step5 .-coin01{display:inline;left:154px;top:84px;z-index:3}
.-piggybank.-saving_mo.-step5 .-coin02{display:inline;left:180px;top:63px;z-index:1}
.-piggybank.-saving_mo.-step5 .-coin03{display:inline;left:14px;top:78px;z-index:1}
.-piggybank.-saving_mo.-step5 .-coin04{display:inline;left:27px;top:64px;z-index:0}
.-piggybank.-saving_mo.-step5 .-coin05{display:inline;left:147px;top:60px;z-index:1}
/* ==6단계 */
.-piggybank.-saving_mo.-step6 .-coin01{display:inline;left:152px;top:84px;z-index:3}
.-piggybank.-saving_mo.-step6 .-coin02{display:inline;left:146px;top:57px;z-index:1}
.-piggybank.-saving_mo.-step6 .-coin03{display:inline;left:178px;top:57px;z-index:2}
.-piggybank.-saving_mo.-step6 .-coin04{display:inline;left:3px;top:70px;z-index:2}
.-piggybank.-saving_mo.-step6 .-coin05{display:inline;left:27px;top:63px;z-index:1}
.-piggybank.-saving_mo.-step6 .-coin06{display:inline;left:-7px;top:52px;z-index:0}

/* ==색종이 모션 */
.-celeb_event_paper{pointer-events:none;position:absolute;user-select:none;will-change:auto}
.-celeb_event_mo{width:28.2rem;height:13.5rem;top:3rem;left:-39px}
.-celeb_event_mo{transform:translateY(4rem);opacity:0}
.-celeb_swing{animation:celebConfeffitSwing 1s ease-in-out infinite alternate}
.-celeb_event_mo.-active{animation:celebConfettiFall 3s ease-in-out}
.-celeb_event_mo.-active .-confetti_swing{animation-direction:alternate-reverse}
@keyframes celebConfettiFall {
	0% {
		transform: translateY(5rem) scale(0.8);
		opacity: 0;
	}
	15% {
		transform: translateY(-2rem) scale(1);
		opacity: 1;
	}
	65% {
		transform: translateY(4rem);
		opacity: 1;
	}
	100% {
		transform: translateY(5rem);
		opacity: 0;

	}
}
@keyframes celebConfeffitSwing {
	0% {
		transform: translateX(-1.2rem);
	}
	100% {
		transform: translateX(1.2rem);
	}
}
/* =목표달성 그래프바 */
.-saving_mo .-graphbar{position:absolute;bottom:0;width:100%;padding:0 4rem}
.-saving_mo .-graphbar .-bar{display:block;position:relative;height:8px;background-color:#e5e8ec;border-radius:4px;overflow:hidden}
.-saving_mo .-graphbar .-value{display:inline-block;position:absolute;top:0;left:0;height:8px;background-color:#1490ef;border-radius:4px}
.-saving_purpose{padding-top:1.3rem}
.-saving_purpose >*{display:block;text-align:center}
.-saving_purpose .-num{font-size:3.3rem;font-weight:500;font-family:'RobotoNew'}
.-saving_purpose .-num .-num_val{margin-left:.6rem}
.-saving_purpose .-txt{font-size:1.4rem;color:#666;line-height:1;font-family:'RobotoNew','Noto Sans CJK KR'}
.-saving_purpose .-txt_val{margin-right:.3rem}
/* =유틸메뉴 */
.-menu_list_box {overflow:hidden;padding:1.5rem 2.4rem 4.7rem}
.-menu_list_box .-menu_list:after {display:block;content:'';clear:both;}
.-menu_list_box .-menu_list {position:relative;margin:0 -1rem;font-size:0}
.-menu_list_box .-menu_list li {display:inline-block;width:25%;vertical-align:top;text-align:center}
.-menu_list_box .-fav_menu {position:relative;width:7.3rem;margin:0 auto;padding:7.4rem 0 0 0;min-width:7.5rem}
.-menu_list_box .-fav_menu .-ico_box {position:absolute;top:0;left:50%;margin-left:-3.3rem;padding:0}
.-menu_list_box .-fav_menu .-ico_info {display:block;position:relative;width:6.6rem;height:6.6rem;background-color:#fff;border-radius:1.7rem}
.-menu_list_box .-fav_menu .-ico_box .-ico_info img {display:block;position:absolute;top:50%;left:50%;margin:-1.8rem 0 0 -1.8rem; width:3.6rem;height:3.6rem;}
.-menu_list_box .-fav_menu .-txt_info {display:block;color:#333;font-size:1.3rem;letter-spacing:-1px}
.-menu_list_box .-fav_menu .-ico_box .-btn_close {display:block;position:absolute;top:0;right:0;width:2.1rem;height:2.1rem;background:url(/img/nonetouch/pib/_new/content/ico_btn_close.png) no-repeat 0 0;background-size:2.1rem 2.1rem;} 
.-menu_list_box .-fav_menu .-btn_close span {overflow:hidden;position:absolute;width:1px;height:1px;clip:rect(0 0 0 0);margin:-1px;color:transparent;}
.-menu_list_box .-no_data {margin-top:3.5rem;font-size:1.5rem;color:#333;text-align:center;}
.-menu_list.-active .-fav_menu .-ico_info {width:6rem;height:6rem;background:url(/img/nonetouch/pib/_new/content/bg_fav_on.png) no-repeat 0 0;background-size:6rem 6rem;}
.-menu_list.-active li.ui-sortable-helper .-fav_menu .-ico_info {width:6rem;height:6rem;background:url(/img/nonetouch/pib/_new/content/bg_fav_active.png) no-repeat 0 0;background-size:6rem 6rem;transform:scale(1.2,1.2)}
@media screen and (min-width:320px) and (max-width:359px) {
	.-menu_list_box .-menu_list{margin:0}
	.-menu_list_box .-fav_menu .-ico_info{width:6rem;height:6rem}
}
/* =더달라 아코디언 */
.-saving_component{padding:0 2.4rem}
.-saving_component .-accordion{margin-bottom:1rem}
.-saving_component .-accordion_btn{padding-left:4.9rem;background-color:#fff;border-radius:.6rem;font-size:1.8rem;font-family:'RobotoNew','Noto Sans CJK KR'}
.-saving_component .-accordion_btn:before{display:inline-block;width:1.8rem;height:1.8rem;top:50%;transform:translateY(-50%);margin-top:-2px;border-radius:100%}
.-saving_component .-accordion_btn[aria-expanded=true]:before{content:''}
.-saving_component .-accordion_btn.-less:before{background:url(/img/nonetouch/pib/_new/content/ico_saving_acrd01.png) no-repeat 0 50%;background-size:100%}
.-saving_component .-accordion_btn.-more:before{background:url(/img/nonetouch/pib/_new/content/ico_saving_acrd02.png) no-repeat 0 50%;background-size:100%}
.-saving_component .-accordion_body{background-color:#fff}
.-saving_component .-accordion_inner{padding-top:0}
.-saving_component .-accordion_btn.-active{border-radius:.6rem .6rem 0 0}
.-saving_component .-accordion_btn.-active + .-accordion_body{border-radius:0 0 .6rem .6rem}
.-saving_component .-accordion_body .-button>em{color:#fff}
.-saving_component .-accordion_body .-sentence{color:#666}
.-saving_component .-accordion_body .-buttons{margin-top:2rem}
.-compare_rate{display:table;width:100%;margin-top:1.5rem}
.-compare_rate_item{display:table-cell}
.-compare_rate_item + .-compare_rate_item{position:relative}
.-compare_rate_item + .-compare_rate_item:before{content:'';width:1px;height:3.2rem;position:absolute;left:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);background-color:#e5e5e5}
.-compare_rate_item .-tit,
.-compare_rate_item .-txt{display:block;padding-left:0;text-align:center}
.-compare_rate_item .-tit{color:#999;font-size:1.3rem}
.-compare_rate_item .-txt{color:#333 !important;font-size:2rem;font-weight:500;font-family:'RobotoNew'}


/*==============LCK===============-*/
/*-----LCK 공통----*/
.frame_pageWrap.-goods.-lcks main,
.frame_pageWrap.-goods.-lcks main .-bundle {background:#1d1631}
.frame_pageWrap.-goods.-lcks main .-selection input[name^="allcheck"] ~ label {color:#fff!important;font-weight:500 !important;}
.frame_pageWrap.-goods.-lcks main .-selection input[type="checkbox"] ~ label {color:rgba(255,255,255,0.99);font-weight:300}
.frame_pageWrap.-goods.-lcks main .-table-group.-toggle .-radius_type .-table.-pox tbody th {color:#b2a7d2;border-bottom:1px solid #403561}
.frame_pageWrap.-goods.-lcks .-table-group.-toggle .-radius_type .-table.-pox {padding-top:0.2rem}
.frame_pageWrap.-goods.-lcks .-table-group.-toggle .-radius_type .-table  td {color:#fff;border-bottom:1px solid #403561;font-family:Roboto, Noto Sans CJK KR;}
.frame_pageWrap.-goods.-lcks .-table-group.-toggle .-radius_type .-table  td.-fir {padding-top:1.6rem;}
.frame_pageWrap.-goods.-lcks .-table-group.-toggle .-radius_type .-table.-pox tbody th.-table_middle_title::after {background-color:#403561}
.frame_pageWrap.-goods.-lcks .-table-group.-toggle .-radius_type .-table.-pox tbody th.-table_middle_title {color:#fff;padding-top:1.6rem;}
.frame_pageWrap.-goods.-lcks .-table-group.-toggle .-radius_type .-table th, 
.frame_pageWrap.-goods.-lcks .-table-group.-toggle .-radius_type .-table td {padding:1.4rem 0 1.4rem;line-height: 1;font-size:1.3rem;font-family:Roboto, Noto Sans CJK KR}
.frame_pageWrap.-goods.-lcks .-table-group.-toggle .-radius_type .-table td .-roboto {font-size:1.4rem;}
.frame_pageWrap.-goods.-lcks .-table-group.-toggle .-radius_type .-btn_toggle {margin:1.4rem 0 1.4rem;}
.frame_pageWrap.-goods.-lcks .-heading h3 {color:#fff;}
.frame_pageWrap.-goods.-lcks .-list.-type1 .-list_item {color:#b2a7d2;font-size:1.4rem;line-height:1.43;letter-spacing:-0.03rem;}
.frame_pageWrap.-goods.-lcks .-list.-disc .-list_item:before{content:'';position:absolute;left:0;top:.8rem;width:.3rem;height:.3rem;border-radius:100%;background-color:#b2a7d2}
.frame_pageWrap.-goods.-lcks .-list-box .-heading+.-list {margin-top:1rem;}
/*font color*/
.frame_pageWrap.-goods.-lcks .-wh {color:#fff !important;}
/*divider*/
.frame_pageWrap.-goods.-lcks .-divider {background:#170e30}
/*상단 이미지 비율*/
.frame_pageWrap.-goods.-lcks .-lck_end_top img,
.frame_pageWrap.-goods.-lcks .-lck_top_area img {width:100%;max-width:100%;}
/* checkbox */
.frame_pageWrap.-goods.-lcks .-selection input[type="checkbox"] ~ label:before{background:url(/img/nonetouch/pib/_new/common/ico-checkbox-purple.svg) no-repeat center;background-size:2.6rem auto}
.frame_pageWrap.-goods.-lcks .-selection input[type="checkbox"]:checked ~ label:before{background-image:url(/img/nonetouch/pib/_new/common/ico-checkbox-active-purple.svg)}
.frame_pageWrap.-goods.-lcks .-selection input[type="checkbox"][disabled] ~ label:before{background-image:url(/img/nonetouch/pib/_new/common/ico-checkbox-disabled.svg)}
.frame_pageWrap.-goods.-lcks .-selection input[type="checkbox"][disabled]:checked ~ label:before{background-image:url(/img/nonetouch/pib/_new/common/ico-checkbox-active-disabled.svg)}
/* checkbox - small size */
.frame_pageWrap.-goods.-lcks .-selection input.-small ~ label{font-size:1.4rem;font-weight:300}
.frame_pageWrap.-goods.-lcks .-selection input.-small.-right ~ label{padding-left:0;padding-right:3.6rem}
.frame_pageWrap.-goods.-lcks .-selection input.-small ~ label:before{width:2rem;height:1.3rem;top:.5rem;transform:translate(0, 0)}
.frame_pageWrap.-goods.-lcks .-selection input[type="checkbox"].-small ~ label:before{background:url(/img/nonetouch/pib/_new/common/ico-checkbox-small-purple.svg) no-repeat .5rem center;background-size:1.5rem auto}
.frame_pageWrap.-goods.-lcks .-selection input[type="checkbox"].-small:checked ~ label:before{background-image:url(/img/nonetouch/pib/_new/common/ico-checkbox-small-active-purple.svg)}
.frame_pageWrap.-goods.-lcks .-selection input[type="checkbox"][disabled].-small ~ label:before{background-image:url(/img/nonetouch/pib/_new/common/ico-checkbox-small-disabled.svg)}
.frame_pageWrap.-goods.-lcks .-selection input[type="checkbox"][disabled].-small:checked ~ label:before{background-image:url(/img/nonetouch/pib/_new/common/ico-checkbox-small-active-disabled.svg)}
/*button style*/
.frame_pageWrap.-goods.-lcks .-lck_prev {color:#fff;background:url(/img/nonetouch/pib/_new/content/lck_btn_prev.png) no-repeat;background-size:100% 6.4rem;text-align:center;height:6.4rem;line-height: 6.4rem;}
.frame_pageWrap.-goods .-lck_go {color:#fff;background:url(/img/nonetouch/pib/_new/content/lck_btn_next.png) no-repeat;background-size:100% 6.4rem;text-align:center;height:6.4rem;line-height: 6.4rem;}
.frame_pageWrap.-goods.-lcks .-button>em {vertical-align:inherit;}
.frame_pageWrap.-goods.-lcks .lck_disabled .-lck_prev {opacity:0.3 !important}
.frame_pageWrap.-goods .lck_disabled .-lck_go {opacity:0.3 !important}
.frame_pageWrap.-goods.-lcks .-lck_prev.lck_disabled {opacity:0.3 !important}
.frame_pageWrap.-goods .-lck_go.lck_disabled{opacity:0.3 !important}
.-lck_detail_wp .-button>em {vertical-align:inherit;}
/* 바로가기 */
.frame_pageWrap.-goods.-lcks .-o_direct:before{width:.9rem;height:1.5rem;background:url(/img/nonetouch/pib/_new/common/ico-direct-arrow-type2.svg) no-repeat right center;background-size:100%;opacity:.5}
.frame_pageWrap.-goods.-lcks .-selections_item .-o_direct{position:absolute;right:0;top:50%;z-index:10;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:none;width:2.4rem;height:2.4rem}
.frame_pageWrap.-goods.-lcks .-selections_item .-o_direct:before{width:100%;height:100%;background-size:.9rem auto}
/*더보기 아이콘*/
.frame_pageWrap.-goods.-lcks .-lck_opener.-o_opener:before{width:1.4rem;height:.8rem;background:url(/img/nonetouch/pib/_new/common/ico-opener-close-type2.svg) no-repeat right center;background-size:1.4rem auto}
/*타이틀 이미지*/
.frame_pageWrap.-goods.-lcks .-lck_tit {text-align:center;display:block;}
.frame_pageWrap.-goods.-lcks .-lck_tit span {position: relative;}
.frame_pageWrap.-goods.-lcks .-lck_tit span img {width:auto;height:22px;}
.frame_pageWrap.-goods.-lcks .-lck_tit span:before {content:'';position:absolute;right:100%;top:0;width:100%;height:22px;background:url(/img/nonetouch/pib/_new/content/lck_tit_left.png) no-repeat center right;background-size:auto 22px;}
.frame_pageWrap.-goods.-lcks .-lck_tit span:after {content:'';position:absolute;left:100%;top:0;width:100%;height:22px;background:url(/img/nonetouch/pib/_new/content/lck_tit_right.png) no-repeat center left;background-size:auto 22px;}
.frame_pageWrap.-goods.-lcks .up_readonly {color:#bcbcbc !important}
/*------------//LCK 공통------------*/
/*lck 약관동의*/
.-lck_terms_wrap .-all_check .-selections_all {padding:.9rem 0}
.-lck_terms_wrap .-all_check .-selections_box{padding-top:0}
.-lck_terms_wrap .-bundle {padding-top:1.1rem;}
.-lck_terms_wrap .-all_check .-selections_all+.-selections_item {margin-top:1rem}
.-lck_terms_wrap .-email_AreaWp.-selections_item {padding-right:0;}
.-lck_terms_wrap .-email_openArea {margin-top:4.4rem}
.-lck_terms_wrap .-email_openArea label {font-size:1.5rem;color:#fff;font-weight: 300;}
.-lck_terms_wrap .-email_openArea .-forms ::placeholder {color:#b2a7d2;font-size:1.8rem;}
.-lck_terms_wrap .-email_openArea .-forms input {color:#b2a7d2;}
.-lck_terms_wrap .-all_check+.-all_check {border-top:1px solid #403561;margin-top:0;padding-top:2.1rem}
.-lck_terms_wrap .-selections_item.-fir{margin-top:1rem;}
.-lck_terms_wrap .-selections_item.-tit{padding:.9rem 0}
.-lck_terms_wrap .-lck_rate_wp {padding-top:3rem;padding-bottom:3.2rem;background:url(/img/nonetouch/pib/_new/content/lck_bg_terms_new.jpg) no-repeat;background-size:100% auto;}/*20211229*/
.-lck_terms_wrap .-lck_rate_wp .-lck_team_tit {padding:2.6rem 2.4rem 0 1.3rem;}
.-lck_terms_wrap .-lck_rate_wp .-lck_team_tit img {width:28.3rem;}
.-lck_terms_wrap .-lck_rate_wp .-lck_rate {position:relative;color:#fff;font-weight:bold;font-size:1.2rem;padding: 0 2.4rem;margin-top:1.7rem}
.-lck_terms_wrap .-lck_rate_wp .-lck_rate:before {content:'';width:1.13rem;height:0.1rem;background:#9b35e8;left:2.4rem;top:-.6rem;position: absolute;}
.-lck_terms_wrap .-lck_rate_wp .-lck_rate span {font-size:1.3rem;margin-left:.1rem;}
/*가입금액입력*/
.-lck_join01_wrap .savings_amount {margin-top:1.4rem;}
.-lck_join01_wrap .-bundle+.-bundle{border-top:0;}
.-lck_join01_wrap .-custom_padding_01.-bundle {padding-top:0;margin-top:1rem;}
.-lck_join01_wrap .-custom_padding_01.-bundle .-label_group+.-forms {margin-top:0;}
.-lck_join01_wrap .-custom_padding_01 .-heading+.-fieldset {margin-top:1.9rem!important;}
.-lck_join01_wrap .-custom_padding_01 .-select_button.-active .-select_name {color:#Fff}
.-lck_join01_wrap .-custom_padding_01 .-list.-type1 .-list_item {font-size:1.3rem;margin-top:1.4rem;}
.-lck_join01_wrap .amount_list{overflow:hidden;}
.-lck_join01_wrap .amount_list li{height:4.4rem;
width:30.88%;float:left;margin-top:1rem;margin-right:3.67%;color:#fff;text-align:center}
.-lck_join01_wrap .amount_list li.last {margin-right:0;}
.-lck_join01_wrap .amount_list li .-bg-wrap {width:100%;display:block;height:4.4rem;position: relative;}
.-lck_join01_wrap .amount_list li em {display:block;height:4.4rem;line-height:4.4rem;font-weight:bold;font-size:1.5rem;}
.-lck_join01_wrap .amount_list li em  strong {color:#fff;font-weight:bold;font-size:1.6rem;}
.-lck_join01_wrap .amount_list li em.-left-bg {position:absolute;left:0;top:0;width:.6rem;background:url(/img/nonetouch/pib/_new/content/bg_money_off_left.png) no-repeat top/.6rem;z-index:2}
.-lck_join01_wrap .amount_list li em.-center-bg {position:absolute;left:.4rem;right:.4rem;top:0;background:url(/img/nonetouch/pib/_new/content/bg_money_off_center.png) repeat-x;}
.-lck_join01_wrap .amount_list li em.-right-bg {position:absolute;right:0;top:0;width:.6rem;background:url(/img/nonetouch/pib/_new/content/bg_money_off_right.png) no-repeat right top;z-index:2}
.-lck_join01_wrap .amount_list li.on em.-left-bg {position:absolute;left:.6rem;right:.6rem;width:.6rem;position:absolute;left:0;top:0;width:.6rem;background:url(/img/nonetouch/pib/_new/content/bg_money_on_left.png) no-repeat top/.6rem;z-index:2}
.-lck_join01_wrap .amount_list li.on em.-center-bg {position:absolute;left:.4rem;right:.4rem;top:0;background:url(/img/nonetouch/pib/_new/content/bg_money_on_center.png) repeat-x;}
.-lck_join01_wrap .amount_list li.on em.-right-bg {position:absolute;right:0;top:0;width:.6rem;background:url(/img/nonetouch/pib/_new/content/bg_money_on_right.png) no-repeat right top;z-index:2}
.-lck_join01_wrap .-forms input {color:#bcbcbc;}
.-lck_join01_wrap .-amount_unit {color:#fff}
.-lck_join01_wrap .savings_amount .moneyWrap{padding:0;}
.-lck_join01_wrap .savings_amount .input_area {margin-top:0}
.-lck_join01_wrap .input_area .text_field_box .text_field:focus {color:#cf86ff;border-color:#cf86ff;transition:border .3s;}
.-lck_join01_wrap .input_area .text_field_box .text_field {color:#bcbcbc}
.-lck_join01_wrap .input_area .text_field_box .btn_delete {position:relative;width:2.4rem;height:2.4rem;right:0rem;border-radius:50%;background-color:rgba(0,0,0,.16);font-size:0;text-indent:-9999px;vertical-align:top;line-height:0;opacity:0;}
.-lck_join01_wrap .input_area .text_field_box .btn_delete:before {content:'';position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-5px 0 0 -5px;background:url(/img/nonetouch/pib/common/sprite_close.png) no-repeat 0 -46px;background-size:20px auto;}
.-lck_join01_wrap .-label_group+.-forms{margin-top:1rem}
.-lck_join01_wrap .-select_button:before{content:'';width:1.4rem;height:.7rem;position:absolute;right:0;top:50%;-webkit-trasform:translateY(-50%);transform:translateY(-50%);-moz-transform:translateY(-50%);background:url(/img/nonetouch/pib/_new/common/ico-select-arrow-type2.svg) no-repeat center;background-size:1.4rem auto}
.-lck_join01_wrap .-select_button .-txt_basic {color:#fff;}
.-lck_join01_wrap .input_area label {padding:0;display:inherit}
.-lck_join01_wrap .input_area .text_field_box .rt_area .unit {font-size:1.7rem;color:#bcbcbc;}
/*정보입력*/
.-lck_join02_wrap  .select_styled2 .select_box .sel_choice_text .up_account_num .up_bank_num{color:#fff;}
.-lck_join02_wrap  .select_styled2 .up_account_num .bank_name .bank_symbol {display:inherit;padding-right:0;}
.-lck_join02_wrap .select_account_styled.complete .bank_identity {color:#fff ;}
.-lck_join02_wrap .up_new_style .select_account_styled .select_box .sel_choice_text .up_account_num .bank_symbol{color:#fff }
.-lck_join02_wrap .up_new_style .select_account_styled .select_box .sel_choice_text .up_account_num .up_bank_num{color:#fff }
.-lck_join02_wrap .tabs_contsBox.on .bank_identity {color:#333 !important;}
.-lck_join02_wrap .tabs_contsBox.on .bank_symbol {color:#333 !important;}
.-lck_join02_wrap .tabs_contsBox.on .up_bank_num {color:#333 !important;;}
.-lck_join02_wrap .select_account_styled.complete.active .bank_identity {color:#333;}
.-lck_join02_wrap .select_account_styled.complete.active .bank_symbol {color:#333 }
.-lck_join02_wrap .select_account_styled.complete.active .up_bank_num {color:#333 }
.-lck_join02_wrap .up_new_style .select_account_styled.complete.active .select_box .sel_choice_text .up_account_num .bank_name .bank_symbol{color:#fff;}
.-lck_join02_wrap .select_account_styled.complete.active .sel_choice_text .bank_identity {color:#fff;}
.-lck_join02_wrap .select_account_styled.complete.active .sel_choice_text .up_bank_num {color:#fff;}
.-lck_join02_wrap .balance_area {margin-top:.8rem;font-size:1.4rem;text-align:right;background:#1d1631;color:#cf86ff;text-align:right;padding:0;}
.-lck_join02_wrap .balance_area span {margin-left:1rem;color:#cf86ff;padding:inherit;font-size:1.5rem;font-family:'Roboto','Sans-Serif' !important;}
.-lck_join02_wrap .balance_area dd {color:#cf86ff !important;float: inherit;margin-left:0;}
.-lck_join02_wrap .balance_area dt {color:#cf86ff !important;float: inherit;}
.-lck_join02_wrap .select_styled .select_box {border-bottom:1px solid #fff;}
.-lck_join02_wrap .select_styled .select_box {position:relative;min-height:4.9rem;border-bottom:1px solid #cecece;}
.-lck_join02_wrap .select_styled .select_box:before {content:'';position:absolute;right:.7rem;top:50%;width:1.5rem;height:.8rem;margin-top:-5px;background-image:url(/img/nonetouch/pib/_new/common/select_white_off.png);background-repeat:no-repeat;background-position:0 0;background-size:1.5rem auto;}
.-lck_join02_wrap .select_styled.active .select_box:before {background-image:url(/img/nonetouch/pib/_new/common/select_white_on.png)}
.-lck_join02_wrap .select_styled .select_box .sel_choice_text .guide_text {color:#fff}
.-lck_join02_wrap .-accordion_btn:before{content:'';position:absolute;left:2.4rem;right:3rem;bottom:0;height:1px;background-color:#403561}
.-lck_join02_wrap .-accordion_btn:after{content:'';width:1.5rem;height:.8rem;position:absolute;right:3rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-moz-transform:translateY(-50%);background:url(/img/nonetouch/pib/_new/common/select_white_off.png) no-repeat center;background-size:1.5rem auto}
.-lck_join02_wrap .-accordion_btn:active:after{background-image:url(/img/nonetouch/pib/_new/common/select_white_on.png)}
.-lck_join02_wrap .-accordion_btn[aria-expanded=true]:before{content:none}
.-lck_join02_wrap .-accordion_btn[aria-expanded=true]:after{background-image:url(/img/nonetouch/pib/_new/common/select_white_on.png)}
.-lck_join02_wrap .-accordion_btn[aria-expanded=true]:active:after{background-image:url(/img/nonetouch/pib/_new/common/select_white_on.png)}
.-lck_join02_wrap .-accordion_inner{position:relative;font-size:1.5rem;padding:1.4rem 2.4rem 2.5rem;}
.-lck_join02_wrap .-accordion_inner .-popover_tit {color:#fff}
.-lck_join02_wrap .-accordion_btn[aria-expanded=true]+ .-accordion_body .-accordion_inner:after{height:0}
.-lck_join02_wrap .-add-info-wrap .-accordion_inner .-clfix {margin-bottom:2.5rem;}
.-lck_join02_wrap .bundle.-accrd a{color:#fff;}
.-lck_join02_wrap .-selection input[type="checkbox"].-switch:checked ~ label:after {background:#9b35e8}
.-lck_join02_wrap .-selection input.-switch ~ label {background-color:#403561}
.-lck_join02_wrap .-selection input.-switch ~ label:after {background:#fff;}
.-lck_join02_wrap .-popover.-ico_ques:before{content:'';display:inline-block;width:3rem;height:3rem;background:url(/img/nonetouch/pib/_new/common/ico_tooltip_wh.png) no-repeat center;background-size:auto 1.7rem;position:absolute;left:0;top:0;opacity:1}
.-lck_join02_wrap  .-popover.-active:after {border-bottom:none;}
.-lck_join02_wrap .-effect_on {border:1px solid #cf86ff}
.-lck_join02_wrap .-accordion.-single {margin-bottom:0}
.-lck_join02_wrap .-recom_wrap {margin-top:2.5rem;}
.-lck_join02_wrap .-forms .-textfield.-search input::placeholder {color:#b2a7d2}
.-lck_join02_wrap .-forms .-textfield.-search input::-webkit-input-placeholder {color:#b2a7d2}
.-lck_join02_wrap .-forms .-textfield.-search .-btn_search{position:absolute;top:50%;right:-.7rem;width:3rem;height:3.2rem;background:url(/img/nonetouch/pib/_new/common/ico-search-wh.png) no-repeat center;background-size:1.5rem auto;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%)}
.-lck_join02_wrap .-segment2{display:table;position:relative;width:100%;table-layout:fixed}
.-lck_join02_wrap .-segment2 .-selection{display:table-cell;width:100%;text-align:center;border:1px solid #403561}
.-lck_join02_wrap .-segment2 .-selection:first-child{border-radius:.6rem 0  0 .6rem;border-right:0}
.-lck_join02_wrap .-segment2 .-selection:last-child{border-radius:0 .6rem .6rem 0}
.-lck_join02_wrap .-segment2 .-selection+ .-selection{border-left:0;border-right:0}
.-lck_join02_wrap .-segment2.-first_selected .-selection:first-child+ .-selection:before{left:0}
.-lck_join02_wrap .-segment2 .-selection input ~ label{width:100%;padding:1rem 0;font-size:1.4rem;color:#b2a7d2;min-height:4.7rem;line-height:1.8;}
.-lck_join02_wrap .-segment2 .-selection input ~ label:before{display:inline-block;position:static;background:none;width:0;height:100%;vertical-align:middle}
.-lck_join02_wrap .-segment2 .-selection input ~ label>span{display:inline-block;vertical-align:middle;line-height:1.2}
.-lck_join02_wrap .-segment2 .-selection input:checked ~ label{font-weight:500;color:#cf86ff;outline:0}
.-lck_join02_wrap .-segment2 .-selection input:checked ~ label:before{background:none}
.-lck_join02_wrap .-segment2 .-selection input[disabled] ~ label{color:#ddd}
.-lck_join02_wrap .-segment2 .-selection input[disabled]:checked ~ label{color:#d2dbe7;}
.-lck_join02_wrap .-segment2 .-selection input[disabled]:checked ~ label:after{display:none} 
.-lck_join02_wrap .-segment2.-disabled input:checked ~ label{color:#ced3df;}
.-lck_join02_wrap .-segment2.-disabled .-effect_on{border-color:#ced3df;}
.-lck_join02_wrap .-segment2 + .-forms {margin-top:1rem}
.-lck_join02_wrap .-segment .-selection+ .-selection:before {width:0;}
.-lck_join02_wrap .-selection input[type="checkbox"] ~ label {padding-left:3.4rem;}

.-lck_join02_wrap .select_styled .sel_layer .sel_title:before {display:none}
.-lck_join02_wrap .sel_layer .layer_inner {padding-bottom:2rem;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;}
.-lck_join02_wrap .sel_layer .layer_inner .tabs_menu {height:4rem;}
.-lck_join02_wrap .sel_layer .layer_inner .tabs_menu a > span {height:4rem;padding-top:1.1rem;}
.-lck_join02_wrap .sel_layer .layer_inner .tabs_menu a > span:before {bottom:-0.1rem;}
.-lck_join02_wrap .sel_layer .sel_title {position:relative;z-index:5;margin-top:-2rem;min-height:6rem;padding:2rem 4rem 1.8rem 2.4rem;color:#333;font-size:1.6rem;font-weight:500;background:#fff;}
.-lck_join02_wrap .sel_layer .sel_title:before {content:'';position:absolute;bottom:0;left:0;margin:0 2.4rem;width:calc(100% - 4.8rem);height:1px;background:#cecece;}
.-lck_join02_wrap  .sel_layer .sel_list {overflow-y:auto; padding:0 2.4rem 2.4rem;}
.-lck_join02_wrap  .dimmed {display:none;position:fixed;left:0;right:0;top:0;bottom:0;z-index:1050;background-color:rgba(0,0,0,.3);cursor:pointer;}
.-lck_join02_wrap .select_box:before {content:'';position:absolute;right:.7rem;top:50%;width:1.5rem;height:.9rem;transform:translateY(-50%);margin-top:0;background:url(/img/nonetouch/pib/common/up_sprite_select.png) no-repeat ;background-size:1.5rem auto;}
.-lck_join02_wrap .sel_layer {display:none;overflow:hidden;position:fixed;left:0;right:0;bottom:-100%;z-index:1055;padding-top:2rem;padding-bottom:1rem;background-color:#fff;border-radius:.8rem .8rem 0 0;}
.-lck_join02_wrap .sel_layer .layer_inner {padding-bottom:2rem;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;}
.-lck_join02_wrap  .sel_layer .layer_inner .tabs_menu {height:4rem;}
.-lck_join02_wrap  .sel_layer .layer_inner .tabs_menu a > span {height:4rem;padding-top:1.1rem;}
.-lck_join02_wrap  .sel_layer .layer_inner .tabs_menu a > span:before {bottom:-0.1rem;}
.-lck_join02_wrap  .sel_layer .sel_title {position:relative;z-index:5;margin-top:-2rem;min-height:6rem;padding:2rem 4rem 0rem 2.4rem;color:#333;font-size:1.6rem;font-weight:500;background:#fff;}
.-lck_join02_wrap  .sel_layer .sel_title:before {content:'';position:absolute;bottom:0;left:0;margin:0 2.4rem;width:calc(100% - 4.8rem);height:1px;background:#cecece;}
.-lck_join02_wrap  .sel_layer .sel_list {overflow-y:auto; padding:0 2.4rem}
.-lck_join02_wrap  .sel_layer .sel_list .option {display:block;}
.-lck_join02_wrap  .sel_layer .sel_list .option:last-child {border-color:transparent;}
.-lck_join02_wrap  .sel_layer .sel_list .option.disabled {margin:-1px -2.4rem 0;padding:0 2.4rem;border:0;background:#f7f7f7;color:#888;}
.-lck_join02_wrap  .sel_layer .sel_list .option.on + .option.disabled {margin-top:0;}
.-lck_join02_wrap  .sel_layer .sel_list .option .text {display:table-cell;height:5.8rem;padding:1rem 0;vertical-align:middle;}
.focusArea {position:fixed;left:-9999px;top:-9999px;width:0;height:0;z-index:-9999;opacity:0;}
.-lck_join02_wrap  .sel_layer .sel_list .option.on {border-bottom:1px solid #3194f7;color:#333;transition:all .2s;}
.-lck_join02_wrap  .sel_layer .btn_close {position:absolute;z-index:5;top:0;right:0;width:6rem;height:6rem;font-size:0;text-indent:-9999px;line-height:0;}
.-lck_join02_wrap  .sel_layer .btn_close:before {content:'';position:absolute;left:50%;top:50%;width:1.5rem;height:1.5rem;margin:-.75rem 0 0 -.75rem;background:url(/img/nonetouch/pib/common/up_btn_btm_sheet.png) no-repeat 0 0;background-size:1.5rem auto;}
.-lck_join02_wrap  .layer_inner .tab_wrap {position:relative;z-index:10;margin-bottom:1.4rem;margin-right:-3.7rem;margin-left:-2.4rem;background-color:#fff;}
.-lck_join02_wrap  .tabs_menu {height:6rem;}
.-lck_join02_wrap  .tabs_menu a {color:#666}
.-lck_join02_wrap  .tabs_menu .on a {border-bottom:1px solid #ececec;color:#151515}
.-lck_join02_wrap  .tabs_menu a > span {position:relative;display:inline-block;height:4.5rem;padding:2.1rem 0 0;}
.-lck_join02_wrap  .tabs_menu .on a > span:before {content:'';position:absolute;left:-1rem;bottom:-1.5rem;right:-1rem;height:2px;background:#151515;}
.-lck_join02_wrap  .layer_inner .tab_wrap {position:relative;z-index:10;margin-top:1.8rem;background-color:#fff;}
.select_styled.bg_lck_type .form_label {background-color:transparent;}
.select_styled.bg_lck_type .select_box {color:#333;border-bottom:1px solid #cecece !important;}
.select_styled.bg_lck_type .select_box:before {border-color:#bbb;}
.select_styled.bg_lck_type .select_box .account_number_area {padding:2rem 0 1.6rem;}
.select_styled.bg_lck_type .select_box .label {margin-left:-2.4rem;margin-right:-2.4rem;padding-left:2.4rem;padding-right:2.4rem;}
.select_styled.bg_lck_type .sel_choice_text .bank_number {color:#fff !important;}
.select_styled.bg_lck_type .sel_choice_text .bank_name {color:#fff !important;font-size:1.4rem;}
.select_styled.bg_lck_type .sel_choice_text .bank_value {color:#fff !important;font-size:1.6rem;}
.select_styled.bg_lck_type + .box_vivideBlue {background:#fff;margin-top:-.8rem;position:relative;z-index:1;border-bottom:.8rem solid #ebeef0;}
.-lck_join02_wrap .box_noResult {padding:0;padding-top:1.5rem;font-size:1.5rem;text-align:center;}
.-lck_join02_wrap .box_noResult > span {position:relative;padding:6.2rem 0 4.5rem;margin-top:3rem;font-size:1.5rem;color:#333;text-align:center;line-height:2.1rem;}
.-lck_join02_wrap .box_noResult > span:before {content:'';position:absolute;left:50%;top:0;width:4.2rem;height:4.2rem;border-radius:50%;transform:translateX(-50%);background:#f5f5f5 url(/img/nonetouch/pib/ico_result_info_gray.png) no-repeat 50% 50% / .4rem auto;margin-left:0;}
.-lck_join02_wrap .box_noResult.noImage {margin:0rem 2.4rem 2rem;padding:1rem 1.2rem;border:1px solid #ececec;text-align:left;font-size:1.6rem;text-align:center;margin-top:3rem;}
.-lck_join02_wrap .box_noResult.noImage > span {padding:0 0 0 .5rem;margin-top:0;}
.-lck_join02_wrap .box_noResult.noImage > span:before {content:'';position:absolute;top:0;left:0;display:block;width:2rem;height:2rem;margin-right:1rem;background:url(/img/nonetouch/pib/bg_icons_40x40.png) 0 -2rem no-repeat;background-size:2rem auto;}
.-lck_join02_wrap .box_noResult .s_txt {margin:1.3rem 0;font-size:1.5rem;color:#666;}

.-lck_join02_wrap .sel_choice_text {color:#fff !important;min-height: 4.9rem;}
.-lck_join02_wrap .sel_choice_text .guide_text {color:#fff !important;}
.-lck_join02_wrap .sel_choice_text .text {color:#fff !important;}
.-lck_join02_wrap .sel_choice_text .sel_choice {color:#fff !important;}
.-lck_join02_wrap .up_new_style .select_account_styled .select_box {position:relative;min-height:4.9rem;border-bottom:1px solid #cecece;margin-top:2.4rem;}
.-lck_join02_wrap .up_new_style .select_account_styled .select_box:before {content:'';position:absolute;right:.7rem;top:50%;width:1.5rem;height:.8rem;margin-top:-5px;background-image:url(/img/nonetouch/pib/_new/common/select_white_off.png);background-repeat:no-repeat;background-position:0 0;background-size:1.5rem auto;transform:inherit}
.-lck_join02_wrap .up_new_style .select_account_styled.active .select_box:before {background-image:url(/img/nonetouch/pib/_new/common/select_white_on.png)}
.-lck_join02_wrap .up_new_style .select_account_styled .bank_info {color:#cf86ff;font-size:1.4rem;}
.-lck_join02_wrap .up_new_style .select_account_styled .bank_info span {margin-left:.6rem;}
.-lck_join02_wrap .sel_layer {display:none;overflow:hidden;position:fixed;left:0;right:0;bottom:-100%;z-index:1055;padding-top:2rem;padding-bottom:1rem;background-color:#fff;border-radius:.8rem .8rem 0 0;}
.-lck_join02_wrap .up_new_style .select_account_styled .select_box .sel_choice_text .text{display:block;font-size:1.6rem;line-height:4.9rem;}
.-lck_join02_wrap .sel_layer .bank_info {color:#204b85 !important;}
.-lck_join02_wrap .para_refer {color:#cf86ff;}
.-lck_join02_wrap .select_styled .title_area {color:#fff;background-color:#1d1631}
.-lck_join02_wrap .select_styled .form_label {color:#fff;font-size:1.4rem;font-weight:300;}
.-lck_join02_wrap .input_area .text_field_box .text_field:focus {color:#cf86ff;border-color:#cf86ff;transition:border .3s;}
.-lck_join02_wrap .input_area label {color:#fff;background-color:#1d1631;font-size:1.5rem;font-weight:300;}
.-lck_join02_wrap .input_area .text_field_box .text_field {color:#bcbcbc;}
.-lck_join02_wrap .mg_botMedium {margin-bottom:2.5rem !important;}
.-lck_join02_wrap .-bundle+.-bundle {border-top:0 !important;padding-top:1rem;}
.-lck_join02_wrap .tabs_contsBox .-buttons {margin-top:1.5rem;}
.-lck_join02_wrap .up_new_style .none_data {padding-bottom:3rem;}
.-lck_join02_wrap .mg_botXSmall {margin-bottom:0 !important;}
.frame_pageWrap.-goods.-lcks .-open_type2  .-lck_tit span:after,.frame_pageWrap.-goods.-lcks .-open_type2  .-lck_tit span:before {background:none;}
.-lck_join02_wrap .-bank_error_wp {position: relative;}
.-lck_join02_wrap .-bank_error_wp .bank_load_error {position:absolute;right:0;top:-3.5rem;}
.-lck_join02_wrap .up_new_style .select_account_styled .lck_other_bank .up_account_num {min-height:9.5rem;}
/*가입정보 확인*/
.-lck_join03_wrap .-table-group.-toggle .-radius_type {border:1px solid #403561;}
/*가입완료*/
.-lck_end_wrap .-lck_end_top {text-align:center;}
.-lck_end_wrap .-bundle {padding-top:2.7rem;}
.-lck_end_wrap .-table.-pox tbody th {color:#b2a7d2;border-bottom:1px solid #403561;padding:1.3rem 0 1.2rem;}
.-lck_end_wrap .-table.-pox tbody td {color:#fff;border-bottom:1px solid #403561;padding:1.3rem 0 1.2rem;}
.-lck_end_wrap .-ui_accordion > a {display:block;}
.-lck_end_wrap .-accordion_btn:before {display:none;}
.-lck_end_wrap .-accordion_body {border-top:0;}
.-lck_end_wrap .-table {border-top:0;}
.-lck_end_wrap .-table.-pox tbody .t_last {border-bottom:0;}
.-lck_end_wrap .-table.-pox tbody tr:last-child th,.-lck_end_wrap .-table.-pox tbody tr:last-child td {border-bottom:0;}
.-lck_end_wrap  .-accordion_btn[aria-expanded=true]+.-accordion_body .-accordion_inner:after {display:none}
.-lck_end_cont {border-top:1px solid #403561}                         
.-lck_end_wrap .-end-info-wrap .-lck_end_type {padding:0;border-radius:.6rem;border:1px solid #403561}
.-lck_end_wrap .-end-info-wrap .-accordion_inner {padding:0 1.7rem 0}
.-lck_end_wrap .-end-info-wrap .-accordion_btn {color:#fff;font-size:1.3rem;padding:1.4rem 1.7rem 1.3rem;} 
.-lck_end_wrap .-accordion_btn:after{width:1.4rem;height:.8rem;background:url(/img/nonetouch/pib/_new/common/ico-opener-close-type2.svg) no-repeat right center;background-size:1.4rem auto;right:1.7rem}
.-lck_end_wrap .-accordion_btn:after{content:'';position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-moz-transform:translateY(-50%);width:1.4rem;height:.8rem;background:url(/img/nonetouch/pib/_new/common/ico-opener-close-type2.svg) no-repeat right center;background-size:1.4rem auto}
.-lck_end_wrap .-accordion_btn:active:after{margin-top:-.4rem;transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg)}
.-lck_end_wrap .-accordion_btn[aria-expanded=true]:after{margin-top:-.4rem;transform:translateY(-50%);-moz-transform:translateY(-50%);transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg)}
.-lck_end_wrap .-accordion_btn[aria-expanded=true]:active:after{margin-top:-.4rem;transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg)}
.-lck_end_wrap .-table.-pox tbody th {font-size:1.3rem;}
.-lck_end_wrap .-table.-pox tbody td {font-size:1.3rem;}
/*lck 메인*/
.-lck_main_wrap .-lck_tit {display:block;width:100%;margin:2.6rem 0 4.6rem;}/*20211229*/
.-lck_main_wrap .-bundle {padding:0 2.4rem 0;}
.-lck_team_select {position:relative}
.-lck_team_select:before {content:'';position:absolute;left:0;top:-0.7rem;background:url(/img/nonetouch/pib/_new/content/lck_main_bg_lineTop.png) no-repeat;width:8.8rem;height:0.7rem;background-size:8.8rem 0.7rem;}
.-lck_team_select:after{content:'';position:absolute;right:0;bottom:-0.3rem;background:url(/img/nonetouch/pib/_new/content/lck_main_bg_lineBtm.png) no-repeat;width:11.3rem;height:0.3rem;background-size:11.3rem 0.3rem;}
.-lck_team_list {border:1px solid #c578ff;}
.-lck_team_list li {padding:1rem;position:relative;}
.-lck_team_list li:before {content:'';position:absolute;left:1rem;right:1rem;bottom:0;height:1px;background: #403561;}
.-lck_info_wp {width:100%;display:table;}
.-lck_tLogo {width:5.8rem;height:5.8rem;display:table-cell;vertical-align:top;}
.-lck_graph_wp{width:auto;padding-left:1rem;padding-right:1rem;display:table-cell;vertical-align:top;}
.-lck_team_list a {display:block;}
.-lck_main_wrap .-lck_info  {position: relative;height:39px;}
.-lck_main_wrap .-lck_info p {color:#fff;}
.-lck_main_wrap .-lck_info .-team_name {position:absolute;bottom:0.93rem;left:0;font-size:1.4rem;}
.-lck_main_wrap .-lck_info .-sel_num {position:absolute;right:0;bottom:0.93rem;font-size:1.3rem;}
.-lck_main_wrap .-lck_info p strong {color:#ebcd46;font-size:1.7rem;font-weight:500;display:inline-block;margin-right:.4rem;}
.-lck_graph_wp .progress-bar{position: relative;width:100%;height:.8rem;border:1px solid #986800}
.-lck_graph_wp .progress-bar .bar {position:absolute;left:0;top:0;bottom:0;width:0%;
  background-color:#430aca;background-image:-webkit-linear-gradient(left,#430aca, #cebaff);background-image:-o-linear-gradient(left, #430aca,  #cebaff);background-image:-moz-linear-gradient(left, #430aca,  #cebaff);background-image:linear-gradient(left, #430aca,  #cebaff);background-repeat:no-repeat;}
/*lck 상품상세*/
.frame_pageWrap.-goods.-intro main {background:url(/img/nonetouch/pib/_new/content/lck_introBg.jpg) no-repeat;background-size:cover}
.-lck_intro_wp.off {display:none;}
.-lck_detail_wp.on {visibility:visible;}
.-lck_detail_wp {visibility: hidden;}
.-lck_intro_wp {text-align:center;padding-top:30%;}
.-lck_intro_logo{margin-bottom:5%;animation:aniTit 1.5s linear;-webkit-animation:aniTit 1.5s linear;-moz-animation:aniTit 1.5s linear;}
.-lck_intro_logo img {width:56.35%}
.-lck_intro_txt {position:relative}
.-lck_intro_name img {animation:aniTit 1.5s linear;-webkit-animation:aniTit 1.5s linear;-moz-animation:aniTit 1.5s linear;position:absolute;width:87.5%;left:50%;top:-5%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);z-index:2}
.-lck_intro_txt .-lck_intro_line img {position:absolute;width:85%;height:auto;left:50%;top:50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);z-index:2}
.-lck_intro_line span {width:100%;height:auto;padding-bottom:100%;position:relative;display:inline-block;background:url(/img/nonetouch/pib/_new/content/lck_intro_line.png) no-repeat center top;background-size:100% auto;z-index:1;margin-top:3%}
.-lck_intro_line span:before {content:'';position:absolute;left:5%;top:-6%;width:32%;height:auto;padding-bottom:100%;z-index:3;background:url(/img/nonetouch/pib/_new/content/lck_intro_light.png) no-repeat;background-size: 100% auto;animation: lineEffect 0.5s ease-in forwards;-webkit-animation: lineEffect 0.5s  ease-in  forwards;-moz-animation: lineEffect 0.5s  ease-in  forwards;}
.-lck_detail_wp .-detail_top_wp {position:relative;width:100%;height:0;padding-bottom:116.1%;background:url(/img/nonetouch/pib/_new/content/lck_detail_topBg_new.jpg) no-repeat;background-size:100% auto;}/*20211229*/
.-lck_detail_wp .-detail_top_wp img {width:100%;}
.-detail_top_wp .-detail_header{width:100%;position:absolute;left:0;right:0;top:0;z-index:3;}
.-detail_top_wp .-detail_team_info {width:85%;position:absolute;left:50%;top:17%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);z-index:10;}
.-detail_top_wp .-detail_team_txt {width:64%;position:absolute;left:50%;top:79%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);z-index:10;}/*20211229*/
.-lck_detail_wp .-lightning {position:absolute;left:0;right:0;top:12%;width:100%;animation:lightning steps(3) 3s infinite;-webkit-animation:lightning steps(3) 3s infinite;-moz-animation:lightning steps(3) 3s infinite;z-index:1;}
.-bundle.-present_wp {padding:1.5rem 0 4rem 0;background:#1d1631}
.-present_wp .-heading strong  img {width:100%;}
.-present_wp .-lck_graph_wp {padding:1.4rem 2.4rem 0;width:100%;display:block;}
.-present_wp .-lck_info {text-align:center;margin-bottom:1.8rem;}
.-present_wp .-lck_info p {display:inline-block;color:#fff;font-size:1.6rem;}
.-present_wp .-lck_info p strong {display:inline-block;font-size:2.0rem;color:#ebcd46;letter-spacing: -0.15rem;border-bottom:1px solid #ebcd46;line-height:1;font-weight:500;margin:0 .6rem;}
.-present_wp .progress-wrap {padding-right:1.68%;padding-left:1.68%;}
.-present_wp .interest-info {margin-bottom:.2rem;margin-top:5.46rem;position: relative;}
.-present_wp .interest-info li {/*width:12.3%;float:left;*/width:3.36rem;height:3.66rem;position:absolute;top:-3.9rem;}
.-present_wp .interest-info li.fir {left:0;}
.-present_wp .interest-info li.sec {left:34%}
.-present_wp .interest-info li.third {left:67%}
.-present_wp .interest-info li.last {right:0;}
.-present_wp .interest-info li img {margin-left:-50%;}
.-present_wp .interest-info li.last img {margin-left:50%;margin-right:-50%;}
.-present_wp .interest-wp {position:relative;margin-top:1.1rem;height:3.4rem;}
.-present_wp .interest-wp li {position:absolute;font-size:1.1rem;color:#fff;text-align:center;}
.-present_wp .interest-wp li.i-rate1 {left:0;} 
.-present_wp .interest-wp li.i-rate2 {left:31.9%} 
.-present_wp .interest-wp li.i-rate3 {left:64.9%} 
.-present_wp .interest-wp li.i-rate4 {right:0;}
.-present_wp .interest-wp li span.-roboto {display:block;font-size:1.4rem;margin-left:-50%;}
.-present_wp .interest-wp li em {margin-left:-50%;}
.-present_wp .interest-wp li.i-rate4 span, .-present_wp .interest-wp li.i-rate4  em {margin-left:50%;margin-right:-50%;display:block;}
.-lck_detail_cont01 img, .-lck_detail_cont02 img {width:100%;}
.page_container.-lck_detail_wrap {margin-bottom:0;}
@keyframes lightning {
	0% { opacity: 0;}
    40% {opacity: 1;}
    50% {opacity: 0;}
    90% { opacity: 1;}
	100% {opacity: 0;}
}
@-webkit-keyframes lightning {
	0% { opacity: 0;}
    40% {opacity: 1;}
    50% {opacity: 0;}
    90% { opacity: 1;}
	100% {opacity: 0;}
}
@keyframes aniTit {
  0%{opacity: 0;/*top:-20%;*/}
  100%{opacity:1;}
}
@-webkit-keyframes aniTit {
  0%{opacity: 0;/*top:-20%;*/}
  100%{opacity:1;}
}
@keyframes lineEffect {
    0% {left:5%;}
    100% {left:70%;}
}
@-webkit-keyframes lineEffect {
    0% {left:5%;}
    100% {left:70%;}
}

/* ==================================================
[S] 상품상세 페이지 신규 디자인 적용
추가 20210618 | 수정 |
/*******************************************
- 상품 상세용 상위 클래스
- 버전 1:.up_prd_detail
- 버전 2:.-prd_detail
- 버전 3:.-interest-rate
*******************************************
## 클래스 종속 관계 ##
[버전 3]
.-interest-rate
	.-interest-rate_header
	.-interest-rate_prediction
	.-interest-rate_condition
[공통 요소:버전 1, 2 계승]
.-prd_detail 
	.goods_detail_conts
	.up_share
	.up_customer
	.btns_wrap
*******************************************/
/* 페이지 모션 */
.-fade_motion {animation:fademotion 0.3s cubic-bezier(0.37, 0, 0.63, 1) forwards;opacity:0;visibility:hidden}
@keyframes fademotion {
	0%   {opacity:0;transform:translateY(-0.5rem);-webkit-transform:translateY(-0.5rem);visibility:hidden}
	100% {opacity:1;transform:translateY(0);-webkit-transform:translateY(0);visibility:visible}
}

.-interest-rate * {font-family:'RobotoNew','Noto Sans CJK KR' !important}
.-interest-rate .-header {line-height:3.1rem;margin-bottom:1.5rem;position:relative}
.-interest-rate .-header p {font-size:2.6rem;line-height:inherit;text-align:left;color:#151515;font-weight:700;word-break:keep-all;letter-spacing:-0.05em;vertical-align:middle;padding-right:5rem}
.-interest-rate .-header i {font-size:2.7rem !important;font-weight:500 !important;font-style:normal !important;color:inherit;letter-spacing:inherit}
.-interest-rate .-subheader {margin-bottom:1.3rem}
.-interest-rate .-subheader .-title {color:#333;font-size:1.8rem;font-weight:700}
.-interest-rate .-subheader .-description {margin-top:0.7rem}
.-interest-rate .-like_box {width:4.7rem;position:absolute;right:-1rem;top:-0.85rem}

/* 상품상세 상단 */
.-interest-rate .-interest-rate_header {padding:3rem 2.4rem 0}
.-interest-rate .-interest-rate_summary {margin-bottom:1.7rem}
.-interest-rate .-interest-rate_summary p {font-size:1.5rem}
.-interest-rate .-interest-rate_summary p:nth-child(1) {margin-bottom:0.4rem}
.-interest-rate .-interest-rate_summary span {color:#999;margin-right:1rem}
.-interest-rate .-interest-rate_summary span:nth-child(2) {margin-left:1.7rem}
.-interest-rate .-interest-rate_introbox {position:relative;padding:0 0 1.6rem;border-radius:1rem;overflow:hidden;margin:1.7rem 0 0.6rem;height:24rem}
.-interest-rate .-interest-rate_introbox .-heading {position:absolute;width:100%;z-index:1;color:#fff;text-align:center;font-size:2rem;font-weight:700;padding-top:2.9rem;line-height:1.3}
.-interest-rate .-interest-rate_introbox .lottieplayer {margin:0 auto;width:24rem;height:22.4rem}

/* 예상 금리 노출 영역 */
.-interest-rate .-interest-rate_prediction {padding:3rem 2.4rem 0}
.-interest-rate .-interest-rate_prediction.-login{margin:1.8rem 0 0.3rem;padding-top:0}
.-interest-rate .-interest-rate_prediction.-login .-btn_login{width:100%;padding:1.8rem 0;border-radius:.5rem;background-color:#eef1f4}
.-interest-rate .-interest-rate_prediction .-segment .-selection label[aria-checked="false"] span b {font-size:1.5rem;color:inherit;font-style:normal;font-weight:300;color:#666}
.-interest-rate .-interest-rate_prediction .-segment .-selection label[aria-checked="true"] span b {font-size:1.5rem;color:inherit;font-style:normal;font-weight:500;color:#1364ba}

.-interest-rate .-interest-rate_info {text-align:center;margin:2rem 0 0}
.-interest-rate .-interest-rate_info .-rate {color:#1364ba;font-size:1.8rem;font-weight:500;margin-bottom:1rem}
.-interest-rate .-interest-rate_info .-rate strong {color:inherit;font-size:4rem;font-weight:500}
.-interest-rate .-interest-rate_info .-rate .-rate_layout {position:relative}
.-interest-rate .-interest-rate_info .-rate .-rate_year {font-weight:500;display:inline-block;position:absolute;left:-19px;top:-5px}
.-interest-rate .-interest-rate_info .-rate .-rate_per {font-weight:500;display:inline-block;position:absolute;right:-13px;top:-4px}
.-interest-rate .-interest-rate_minmax {margin-top:1.7rem;text-align:center}
.-interest-rate .-interest-rate_minmax * {color:#666}
.-interest-rate .-interest-rate_minmax p {color:#e4e4e4}
.-interest-rate .-interest-rate_minmax span {margin:0 1.6rem}
.-interest-rate .-interest-rate_minmax span::after {content:'%';font-weight:300}
.-interest-rate .-interest-rate_minmax b {font-weight:500;margin-left:0.6rem}

/* 금리 조건 영역 */
.-interest-rate .-interest-rate_condition {padding-bottom:1.3rem}

.-interest-rate .-interest-rate_condition-list .-condition-list_item {display:block;border-bottom:1px solid #f5f5f5}
.-interest-rate .-interest-rate_condition-list .-condition-list_item:last-child {border-bottom:none}
.-interest-rate .-interest-rate_condition-list .-list-content {display:table;width:100%;padding:1.5rem 0}
.-interest-rate .-interest-rate_condition-list .-list-content div {display:table-cell}
.-interest-rate .-interest-rate_condition-list .-list-content_txt {vertical-align:middle;width:75%;word-break:keep-all}
.-interest-rate .-interest-rate_condition-list .-list-content_rate {vertical-align:middle;width:25%;text-align:right;font-size:1.5rem;color:#1364ba}

/* 금리 조건:로그인 후 */
.-interest-rate .-interest-rate_condition-list .-list-content_txt > b {display:block;font-size:1.4rem;letter-spacing:0}
.-interest-rate .-interest-rate_condition-list .-list-content_txt > b + ul {margin-top: 0.875rem;margin-bottom: -0.5rem}
.-interest-rate .-interest-rate_condition-list .-list-content_txt > ul li {color:#666;font-size:1.4rem;letter-spacing:0;margin-bottom: 0.5rem}
.-interest-rate .-interest-rate_condition-list .-list-content_rate > b {font-size:2rem;font-weight:500;color:#1364ba}
.-interest-rate .-interest-rate_condition-list .-list-content_rate > b::after {content:'%';font-family:inherit;font-size:1.7rem;font-weight:300;margin-left:1px}

/* 금리 조건:고객이 받을 수 없는 조건 -notused */
.-interest-rate .-condition-list_item.-notused > .-list-content * {color:#999}

/* 금리 조건:로그아웃 -login_before */
.-interest-rate .-login_before .-interest-rate_condition-list .-list-content_rate,
.-interest-rate .-login_before .-interest-rate_condition-list .-list-content_rate *,
.-interest-rate .-login_before .-interest-rate_condition-list .-notused > .-list-content_rate * {color:#666 !important}

/* 예상 최고 금리 그래프  */
.-interest-rate .-interest-rate_graph {padding:0 0.4rem}
.-interest-rate .-interest-rate_bar-box {height:1.5rem;width:100%;background:#ebedf0;border-radius:6rem;overflow:hidden;position:relative}

.-interest-rate .-interest-rate_bar-box .-value {display:block;float:left;width:0;height:100%;border-radius:6rem;position:absolute}
.-interest-rate .-interest-rate_bar-box .-value01 {background:linear-gradient(45deg, #0f9eff, #5fbbff)}
.-interest-rate .-interest-rate_bar-box .-value02 {background:linear-gradient(45deg, #136ac1, #148be9)}

/* ==================================================
[E] 상품상세 페이지 신규 디자인 적용 202106
================================================== */

/*========== 골드바/실버바 구매 =======*/
/*layer cont*/
.layer_contents.-gbuy_layerCont {font-family:RobotoNew, Noto Sans CJK KR;text-align:center;}
.layer_contents.-gbuy_layerCont .-sentence {font-family:RobotoNew, Noto Sans CJK KR;}
.layer_contents.-gbuy_layerCont .-sentence strong {font-weight:500;}
/*약관*/
.-bar_terms_wrap  .-email_openArea {margin-top:2.5rem;}
.-gbuy_info_wp .-s_tit {color:#151515;}
.-gbuy_info_wp .-heading_inner {position: relative;}
.-gbuy_info_wp .-g_price {position: absolute;right:0;top:.7rem;}
.-gbuy_info_wp.-bundle {padding-top:1.5rem}
.-gbuy_info_wp .-gbuy_price_wp {padding-top:4.2rem;}
.-gbuy_info_layer01 .layer_contents .-str {display:block;margin:2rem 0;font-weight:500;}
.-gbuy_confirm_layer01 .layer_contents .-str {display:block;margin:2rem 0 1rem;font-weight:500;}
.-bar_terms_wrap .-selections.-new_type2 {border-bottom:0;}
.-gbuy_info_wp .-popover_wrap.-gbar {height:21px;top:-.5rem;}
.-gbar_buy_wrap .-bundle.-gbuy_cont {padding-top:1.2rem;}
.-gbar_buy_wrap .-bundle.-gbuy_info_wp +.-bundle {border-top:0;}
/*상세*/
.-gbar_cont .-gbar_tit {display:block;font-size:1.7rem;font-weight:500;color:#001515;}
.-gbar_cont .-gbar_tit span {font-size:1.8rem;font-family:RobotoNew;}
.-gbar_cont p {color:#333;margin:1.8rem 0 5.5rem;font-family:RobotoNew, Noto Sans CJK KR;}
.-gbar_cont .-bar_image_wp {text-align:center;}
.-gbar_cont .-bar_image_wp > div {display:inline-block;position: relative;width:34%}
.-gbar_cont .-bar_image_wp > div > span {position:absolute;top:-2.8rem;left:-1%;width:100%;text-align:center;color:#666;line-height: 1;}
.-gbar_cont .-bar_image_wp .-b_front {margin-right:21.8%}
.-gbar_cont .-bar_image_wp.-silver_bar > div {width:32.4%}
.-gbar_cont .-bar_image_wp-silver_bar .-b_front {margin-right:23%}
.-gbar_detail_wp .-prd_detail .up_detail_top .-tit,.-gbar_detail_wp .-prd_detail .up_detail_top .-tit p {padding-right:0;}
.-gbar_detail_wp .-bundle+.-bundle.-gbar_cont02 {border-top:0;padding:1.5rem 2.4rem 4.5rem;}
.-gbar_detail_wp .-prd_detail {border-top:.8rem solid #f2f5f9}
.-gbar_detail_wp .goods_detail_conts strong.-str {font-weight:400;font-size:1.3rem !important;}
.-gbar_detail_cont .-list.-type3 .-list_item {font-size:1.3rem !important;font-family:RobotoNew, Noto Sans CJK KR;}
.-gbar_detail_cont .accordion_item .-h_type3 {display:inline-block;margin-bottom:1.5rem;}
.-gbar_detail_cont .accordion_item .-h_type4 {display:inline-block;margin-bottom:.5rem;}
.-gbar_detail_cont .accordion_item .-sec {margin-top:2.5rem;}
.-gbar_detail_cont .accordion_item .-cen {margin-bottom:2.5rem;}
.-gbar_detail_cont .-str_info {padding-top:2rem}
.-gbar_detail_cont .accordion_list .accordion_item .layer {padding:1.5rem 0 2rem;}
.-gbar_detail_cont .-str_info li {margin-bottom:2rem;}
.-gbar_detail_cont .-str_info li:last-of-type{margin-bottom:0;}
.-gbar_detail_wp .-prd_detail .up_share .noti_raw {margin-top:.8rem;padding-top:2rem;border-top:0;}
.-gbar_detail_wp  .up_share {padding-top:0;padding-bottom:0}
.-gbar_detail_wp .-bundle+.-bundle {border-top:0;}
.-gbar_consult_layer .-gbar_tel_wp {text-align:left;position: relative;margin-top:1rem;}
.-gbar_consult_layer .-gbar_tel_wp strong {font-weight:500;font-size:1.8rem;font-family:RobotoNew;}
.-gbar_consult_layer .-gbar_tel_wp span {font-size:1.3rem;}
.-gbar_consult_layer .-gbar_tel_wp .-gbtn_tel {position: absolute;top:50%;right:1rem;margin-top:-1.5rem;}
/*골드바 수량선택*/
.-gbar_select_wrap {padding-bottom:7.7rem;}
.-gbar_select_cont .-bar_numberWp {border:1px solid #d9d9d9;position:relative;width:10.7rem;height:3.5rem;border-radius:.6rem;}
.-gbar_select_cont .-bar_btn_minus button{position:absolute;left:0;top:0;width:3.4rem;height:3.4rem;background:url(/img/nonetouch/pib/_new/content/bar_minus.png) no-repeat;background-size:1rem 1rem;background-position:50% 50%;}
.-gbar_select_cont .-bar_btn_minus .-num_btn.-active {background:url(/img/nonetouch/pib/_new/content/bar_minus_active.png) no-repeat;;background-size:1rem 1rem;background-position:50% 50%;}
.-gbar_select_cont .-bar_btn_minus button:disabled {background:url(/img/nonetouch/pib/_new/content/bar_minus_disable.png) no-repeat;background-size:1rem 1rem;background-position:50% 50%;}
.-gbar_select_cont .-bar_btn_plus button{position:absolute;right:0;top:0;width:3.4rem;height:3.4rem;background:url(/img/nonetouch/pib/_new/content/bar_plus.png) no-repeat;background-size:1rem 1rem;background-position:50% 50%;}
.-gbar_select_cont .-bar_btn_plus .-num_btn.-active{background:url(/img/nonetouch/pib/_new/content/bar_plus_active.png) no-repeat;;background-size:1rem 1rem;background-position:50% 50%;}
.-gbar_select_cont .-bar_btn_plus button:disabled{background:url(/img/nonetouch/pib/_new/content/bar_plus_disable.png) no-repeat;background-size:1rem 1rem;background-position:50% 50%;}
.-gbar_select_cont .-field .-textfield .-bar_numInp {position:absolute;left:3.5rem;top:0;width:3.7rem;height:3.4rem;border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;}
.-gbar_select_cont .-bar_numberWp .-num_forms input {display:block;width:100%;height:3.4rem;border:0;color:#151515;background-color:transparent;outline:none;text-align:center;font-size:1.4rem;font-weight:500;}
.-gbar_select_cont .-bar_select_wp {padding-top:0;padding-bottom:0;}
.-gbar_select_cont .-bar_select_wp ul li {padding:2rem 0;border-bottom:1px solid #f5f5f5;overflow:hidden;}
.-gbar_select_cont .-bar_select_wp ul li.-last {border-bottom:0;}
.-gbar_select_cont .-bar_select_wp .-bar_sel_cont {position:relative;min-height:75px;}              
.-gbar_select_cont .-bar_select_wp .-bar_sel_cont.-last {border-bottom:0;}
.-gbar_select_cont .-bar_select_wp .-bar_sel_cont .-bar_gInfo {position:absolute;left:0;top:2rem;}
.-gbar_select_cont .-bar_select_wp .-bar_sel_cont .-bar_numberWp {position:absolute;right:0;top:2rem;}
.-gbar_select_cont .-bar_select_wp .-bar_gInfo strong {display:block;line-height:1;font-size:1.6rem;font-family:RobotoNew;color:#151515;font-weight:500;}
.-gbar_select_cont .-bar_select_wp .-bar_gInfo p {font-size:1.5rem;color:#666;font-family:RobotoNew, Noto Sans CJK KR;line-height:1;margin-top:.4rem;}
.-gbar_select_cont .-bar_select_wp .-bar_gInfo p span {font-size:1.4rem;}
.-bar_btm_contWp .-buttons>span {padding:0;}
.-bar_btm_contWp .-bar_btm_cont {background:#f2f5f9;padding: 1.5rem 2.4rem;}
.-bar_btm_contWp .-bar_btm_cont span {font-size:1.3rem;color:#666;}
.-bar_btm_contWp .-bar_btm_cont p {line-height:1;font-size:1.6rem;font-family:RobotoNew, Noto Sans CJK KR;color:#151515;font-weight:500;padding-top:1rem;}
.-bar_btm_contWp .-bar_btm_cont p em {font-size:1.4rem;}
/*sliver bar*/
.-sbar_select_wrap {padding-bottom:3rem;}
.-sbuy_inpWp .-bundle ,.-sbuy_contWp .-bundle{padding-bottom:0}
/*골드바 추가 페이지 신청내역 조회- 리스트*/
.-gbar_list_wp .tit_date .txtCenter a {position: relative;top:.2rem;}
.-gbar_list_wp .tit_date .opb_renew_dateL{position:absolute;top:50%;left:-1rem;margin-top:-.8rem;width:1rem;height:1.5rem;background:url(/img/section/ob/opb_renew_dateL.png) no-repeat center;background-size:1rem 1.5rem;}
.-gbar_list_wp .tit_date .opb_renew_dateR{position:absolute;top:50%;right:-1rem;margin-top:-.8rem;width:1rem;height:1.5rem;;background:url(/img/section/ob/opb_renew_dateR.png) no-repeat center;background-size:1rem 1.5rem;}
.-gbar_list_wp.-bundle {padding:0 0 3rem 0;border-top:1px solid #eee;}
.-gbar_list_wp .tit_date {position:relative;}
.-gbar_list_wp .tit_date .-gbar_calbtn {position:absolute;right:2.4rem;top:1.2rem;}
.-gbar_list_wp .tit_date .-gbar_calbtn .bar_ico_cal {display:block;width:2.1rem;height:2.1rem;background:url(/img/nonetouch/pib/_new/content/bar_ico_calendar.png);background-size:2.1rem 2.1rem;}/*임시*/
.-gbar_list_wp .data_fix .tit_date{position:relative;overflow:visible;height:4.6rem;padding-top:1.2rem;background:#fff;}
.-gbar_list_cont {border-top:.8rem solid #f7f7f7;}
.-gbar_list_cont .-state_list {margin-top:0;}
.-gbar_list_cont .-state_list .-state_cont .-unit {padding:1.7rem 2.4rem;border-bottom:.8rem solid #f7f7f7;}
.-gbar_list_cont .-state_tblWp {width:100%;display:table;vertical-align: top;margin-top:.4rem;}
.-gbar_list_cont .-state_tblWp .-s_tit {width:33%;display:table-cell;text-align:left;color:#666;font-size:1.4rem;}
.-gbar_list_cont .-state_tblWp .-s_cont {width:67%;display:table-cell;text-align:right;color:#333;font-size:1.4rem;}
.-gbar_list_cont .-state_list .-page_link {padding-right:0;margin-top:0;}
.-gbar_list_cont .-state_list .-page_link:after{content:'';position:absolute;right:0;top:-.1rem;width:1.0rem;height:1.7rem;background:url(/img/nonetouch/pib/_new/content/ico_arr_link.png) no-repeat;background-size:1.0rem 1.7rem;transform:inherit}
.-gbar_list_cont .-states_data {font-size:1.25rem;color:#666;padding-bottom:1.2rem;}
.-gbar_list_cont .-s_date {margin-left:.7rem;font-size:1.25rem;}
.-gbar_list_cont .-states_data .-s_state {display:inline-block;color:#999;position:relative;padding-left:1.5rem;}
.-gbar_list_cont .-states_data .-s_state:before {content:'';width:0.1rem;height:.9rem;background:#cecece;position: absolute;left:.6rem;top:.4rem;}
.-gbar_list_cont .-states_data .-s_state.-state_ok {color:#3194f7}
.-bar_detail_popWP {padding-top:3rem;}
.-bar_detail_popWP .-heading{padding-bottom:0;}
.-bar_detail_popWP .-heading .-link.-uline:after {display:none;}
.-bar_detail_popWP .-bundle + .-bundle  {border-top:0;padding-top:0;}
.-bar_detail_popWP .-heading .-link.-uline em {font-size:1.4rem;}

/***********************/
/***** my won 포켓 *****/
/***********************/
/* 상품상세 */
.-pocket-detail .-pocket-img.-detail1 {padding-bottom:8%;}
.-pocket-detail .-pocket-img.-detail2 {padding:10.6666% 0;background:#F8F9FA}
.-pocket-detail .-pocket-img > span {display:block;margin-left:auto;margin-right:auto;text-align:center;}
.-pocket-detail .-pocket-img .-img1 {width:94.9333%;height:auto;}
.-pocket-detail .-pocket-img .-img2 {width:80.5333%;height:auto;margin-top:6.4%;}
.-pocket-detail .-pocket-img .-img3 {width:48.2666%;height:auto;margin-left:10.6666%;text-align:left;}
.-pocket-detail .-pocket-img .-img4 {width:64%;height:auto;margin:2.111% 0 0 10.6666%;text-align:left;}
.-pocket-detail .-pocket-img .-img5 {width:47.7333%;height:auto;margin:6.4% 0 0 10.6666%;text-align:left;}
.-pocket-detail .-pocket-img .-img6 {width:79.2%;height:auto;margin-top:2.9333%;}
.-pocket-detail .-pocket-img .-img7 {width:75.466%;height:auto;margin-top:3.2%;}
.-pocket-detail .-pocket-img .-img8 {width:74.4%;height:auto;margin-top:17.066%;}
.-pocket-detail .-pocket-img .-img9 {width:75.4666%;height:auto;margin-top:17.066%;}

/* 예금상품가입 */
.-pocket {padding-bottom:8.8rem !important;border-top:1px solid #ececec;background:#eaf3ff;}
.-pocket-banner {display:block;position:relative;height:112px;padding:2.9rem 2.4rem 0;background:#eaf3ff;}
.-pocket-banner .-pocket-banner_tit {width:13.8rem;display:block;}
.-pocket-banner:after {content:"";position:absolute;top:20px;right:20px;width:72px;height:72px;background:url(/img/nonetouch/pib/_new/content/pocket/img_banner_pocket.png) no-repeat 0 0;background-size:72px auto;}

.-pocket-visual {position: relative;text-align:center;}
.-pocket-visual .-pocket-visual_tit {display:inline-block;width:54.1333%;margin-top:4.7rem;}
.-pocket-visual .-pocket-visual_img {display: block;margin-top:3.7rem;}
.-pocket-visual + .-pocket-bundle {margin-top:-2.4rem;}

.-pocket-bundle {position:relative;margin-top:1.2rem;padding:4.0rem 2.4rem;border-radius:24px;background:#fff;}
.-pocket-bundle .-pocket-bundle_num {display:inline-block;width:4.0rem;height:2.4rem;line-height:2.2rem;border-radius:1.2rem;text-align:center;font-size:1.4rem;font-weight:700;background:#000;color:#fff;font-family:'Roboto','Sans-Serif' !important;}
.-pocket-bundle .-pocket-bundle_tit {margin:2.4rem 0;font-size:2.4rem;font-weight:700;color:#000;}
.-pocket-bundle .-pocket-bundle_tip {position:relative;margin-top:-1.6rem;padding-left:3.1rem;font-size:1.4rem;color:#868E96}
.-pocket-bundle .-pocket-bundle_tip span {content:'';position:absolute;top:0;left:0;color:#E34850;font-weight:bold;}
.-pocket-bundle .-field+.-field {margin-top:4.0rem;}
.-pocket-bundle .-forms input {border-bottom:1px solid #dee2e6;font-size:2.0rem;color:#000}
.-pocket-bundle .-label_group+.-forms {margin-top: 0}
.-pocket-bundle .-forms + .-pocket-toggle-check {margin-top:1.6rem;}
.-pocket-bundle .-label_group .-label {font-size:1.2rem;color:#000 !important;}
.-pocket-bundle .-forms.-lg {margin-top:1.6rem;}
.-pocket-bundle .-forms.-lg input {height:8.0rem;padding:1.6rem 6.5rem 1.6rem 0 !important;border-color:#dee2e6;color:#212529}
.-pocket-bundle .-forms.-lg .-amount input {font-weight:bold;border-bottom:0;font-size:3.2rem;}
.-pocket-bundle .-forms.-lg .-amount_unit {margin-top:-2.2rem;font-size:3.2rem;}
.-pocket-bundle .-forms.-lg .-textfield .-btn_reset {top:2.0rem;right:3.0rem;}
.-pocket-bundle .-forms.-lg .-textfield.-amount.-focus:before {display:none;}
.-pocket-bundle .-buttons>span .-button{height:3.2rem;border-radius:4px;border:1px solid #dee2e6;font-size:1.4rem;background:#ffffff;font-weight:300;color:#212529;}
.-pocket-bundle .-buttons.-auto{display:block;margin:-.4rem 0;}
.-pocket-bundle .-buttons.-auto>span {display:inline-block;margin:.4rem .3rem .4rem 0;padding:0;}
.-pocket-bundle .-buttons.-auto>span .-button {display:inline-block;padding:0 1rem;}
.-pocket-bundle .-forms + .-buttons {margin-top:0.8rem;}
.-pocket-bundle.-sm {margin-left:1.0rem;margin-right:1.0rem;padding:3.2rem 2.0rem;}
.-pocket-bundle.-sm .-pocket-bundle_tit {margin-top:0;font-size:2.0rem;}
.-pocket-bundle.-sm .-field+.-field {margin-top:3.2rem;}
.-pocket .-co-blue {color:#2684FF;}
.-pocket .-forms .-textfield.-search .-btn_search {right:0;background:url(/img/nonetouch/pib/_new/content/pocket/ico-search.png) no-repeat center;background-size: 2.4rem auto;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);}

.-pocket-toggle-cont {display:none;}
.-pocket .-text-box_1 {margin-top:2.4rem;padding-top:2.4rem;border-top:1px solid #e9ecef;}
.-pocket .-text-box_1 >p {margin-bottom:1.6rem;font-size:1.4rem;color:#000;line-height:2rem;}
.-pocket .-pocket-radio_type {margin:-.4rem 0;}
.-pocket .-pocket-radio_type > div {display:inline-block;margin:.4rem .3rem .4rem 0;padding:0;}
.-pocket .-pocket-radio_type input[type=radio] + label{display:inline-block;padding:0 1rem;height:4.0rem;padding:0 1.6rem;border-radius: 4px;border: 1px solid #dee2e6;font-size: 1.4rem;background: #ffffff;font-weight: 300;color: #212529;line-height:3.8rem;}
.-pocket .-pocket-radio_type input[type=radio] + label:after {display:none;}
.-pocket .-pocket-radio_type input[type=radio]:checked + label {border-color:#2684FF;color:#2684FF}
.-pocket .-pocket-toggle-cont.-toggle_checked.-active {display:none !important;}
.-pocket .-pocket-toggle-cont.-toggle_checked {display:block !important;}
.-pocket-bundle .-add-field {overflow:hidden;position:relative;margin-top:1.6rem;padding:4.0rem 2.4rem 2.0rem;border-radius:0 0 1.6rem 1.6rem;background:#f8f9fa;}
.-pocket-bundle .-add-field:before {content:'';position:absolute;top:-2.0rem;left:0;width:100%;height:4.0rem;border-radius:0 0 0 3.0rem;background:#fff}
.-pocket-bundle .-add-field .-field+.-field {margin-top:3.2rem;}
.-pocket-bundle .up_new_style .select_styled .select_box {border-color:#DEE2E6}
.-pocket-bundle .up_new_style .select_styled .select_box:before{width:1.2rem;height:0.7rem;right:0.9rem;background:url(/img/nonetouch/pib/_new/content/pocket/icon_select.png) no-repeat;background-size:100% auto;}
.-pocket-bundle .up_new_style .select_styled.disabled .select_box:before {display:none;}
.-pocket-bundle .select_box + .bank_info {margin-top:1.2rem;color:#000;}
.-pocket-bundle .select_box + .bank_info strong {padding-left:.4rem;font-weight:700;}
.-pocket-selection input[type=radio] + label {display:inline-block;height:2.4rem;line-height:2.4rem;padding:0 0 0 3.2rem;cursor:pointer;position:relative;font-size:1.6rem;color:#000;}
.-pocket-selection input[type=radio] + label:after {content:'';display:inline-block;width:2.4rem;height:2.4rem;position:absolute;top:0;left:0;box-sizing:border-box;background:url(/img/nonetouch/pib/form_icons.png) no-repeat 0 0;background-size:2.3rem auto;}
.-pocket-selection input[type=radio]:checked + label:after {background-position:0 -5rem;}
.-pocket-selection input[type=radio]:checked:disabled + label{content:'';display:inline-block;width:2.4rem;height:2.4rem;position:absolute;top:0;left:0;box-sizing:border-box;background:url(/img/nonetouch/pib/form_icons.png) no-repeat 0 -2.5rem;background-size:2.3rem auto;}
.-pocket-selection input[type=radio]:checked:disabled + label:after {background-position:0 -7.5rem;}
.-pocket-selection > span {display:inline-block;}
.-pocket-selection > span + span {margin-left: 6.4rem;}
.-pocket-btm-buttons {display:block;}
.-pocket-btm-buttons:before {content:'';position:absolute;top:0;left:50%;-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);width:12.0rem;height:100%;background:url(/img/nonetouch/pib/_new/content/pocket/shape_page.svg) no-repeat 0 0;z-index:5;}
.-pocket-btm-buttons:after {content:'';display:block;clear:both;}
.-pocket-btm-buttons>span {position:relative;display:block;float:left;}
.-pocket-btm-buttons .-button {position:relative;display:block;border-radius:2.0rem 2.0rem 0 0;color:#fff;font-size:2.0rem;font-weight:700;height:8.8rem;line-height:8.8rem;}
.-pocket-btm-buttons .-button:before {content:'';position:absolute;top:0;width:calc(100% - 58px);height:8.8rem;background:#2684FF;left:0;border-radius:2.0rem 0 0 0;}
.-pocket-btm-buttons .-button:after {display:none;}
.-pocket-btm-buttons .-button em {position:relative;z-index:10;}
.-pocket-btm-buttons .-button.-prev,.-pocket .btn_primary.prev {position: relative;}
.-pocket-btm-buttons .-button.-prev:after {display:block;content:'';position: absolute;top:50%;left: 2.4rem;width:.8rem !important;height: 1.6rem;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);background:url(/img/nonetouch/pib/_new/content/pocket/icon_prev.png) no-repeat 0 0;background-size: 100% auto;}
.-pocket-btm-buttons .-button.-confirm {text-align:right;padding-right:16px;}
.-pocket-btm-buttons.-col2>span:first-child .-button:before {left:0;border-radius:2.0rem 0 0 0;}
.-pocket-btm-buttons.-col2>span:last-child .-button:before {left:auto;right:0;border-radius:0 2.0rem 0 0;}
.-pocket-btm-buttons.-col2>span {width:50%;}
.-pocket-btm-buttons.-col3>span {width:33.333%;}
.-pocket-btm-buttons.-col3>span .-button:before {width:100%;}
.-pocket-btm-buttons.-col3>span:nth-child(2) .-button:before {width:calc(50% - 58px);left:0;border-radius:0;}
.-pocket-btm-buttons.-col3>span:nth-child(2) .-button:after {display:block;content:'';position:absolute;top:0;width:calc(50% - 58px);right:0;height:8.8rem;background:#2684FF;}
.-pocket-btm-buttons.-col3>span:nth-child(3) .-button:before {border-radius:0 2.0rem 0 0}
.-pocket-btm-buttons.-bar_type >span + span:before {content:'';position:absolute;bottom:3.0rem;left:0;z-index:10;width:.2rem;height:2.0rem;border-radius:1px;background:rgba(255, 255, 255, 0.5);}

@media screen and (min-width:320px) and (max-width:370px){
    .-pocket-btm-buttons:before {width:10.6rem;background:url('/img/nonetouch/pib/_new/content/pocket/shape_page_320.svg') no-repeat 0 0;}
    .-pocket-btm-buttons .-button:before {width:calc(100% - 50px)}
    .-pocket-btm-buttons.-col3>span:nth-child(2) .-button:before,
    .-pocket-btm-buttons.-col3>span:nth-child(2) .-button:after {width:calc(50% - 50px)}
}

/* 레이어 팝업 -- 마이WON포켓 관련 (지우지 마세요)*/
.-pocket-layer1 .layer_conWrapper {padding:0 2.0rem;border-radius:2.4rem;}
.-pocket-layer1.layer_outerWrap .layer_innerWrap {width:calc(100% - 48px);overflow:initial !important;background:#2684FF;}
.-pocket-layer1.layer_outerWrap .layer_header {border-bottom:0;padding:4.8rem 0 3.2rem;background:initial;}
.-pocket-layer1 .layer_header .txt_layerTitle {height:7.2rem;overflow:hidden;}
.-pocket-layer1 .layer_header .txt_layerTitle >span {display:block;margin:0 auto;}
.-pocket-layer1 .layer_header .txt_layerTitle .tit_img1 {width:11.0rem;margin-bottom:.8rem;}
.-pocket-layer1 .layer_header .txt_layerTitle .tit_img2 {height:3.2rem;text-align:center;}
.-pocket-layer1 .layer_header .txt_layerTitle .tit_img2 img {width:auto;height:100%;}
.-pocket-layer1 .layer_body {border-radius:1.6rem;min-height:132px !important;box-shadow:0px -20px 20px rgb(0 0 0 / 5%)}
.-pocket-layer1 .layer_conWrapper .layer_footer {bottom:1.6rem;}
.-pocket-layer1 .-pocket-btm-buttons {padding:0 2.0rem;}
.-pocket-layer1 .-pocket-btm-buttons:before {width:10.6rem;height:7.2rem;background: url(/img/nonetouch/pib/_new/content/pocket/shape_layer.svg) no-repeat 0 0;}
.-pocket-layer1 .-pocket-btm-buttons .-button {height:7.2rem;font-size:1.6rem;line-height:7.2rem;}
.-pocket-layer1 .-pocket-btm-buttons .-button:before {height:7.2rem;}
.-pocket-layer1 .-pocket-btm-buttons.-col1 .-button:before,
.-pocket-layer1 .-pocket-btm-buttons.-col1 .-button:after {width:calc(50% - 53px);}
.-pocket-layer1 .-pocket-btm-buttons.-col2 .-button:before,
.-pocket-layer1 .-pocket-btm-buttons.-col2 .-button:after {width:calc(100% - 53px);}
.-pocket-layer1 .txt_Title2 {margin-bottom:1.0rem;font-weight:700;}

.-pocket-layer1 .layer_conWrapper .btn_closeLayer {top:-1.2rem;right:-3.4rem;width:4.0rem;height:4.0rem;}
.-pocket-layer1 .layer_conWrapper .btn_closeLayer:before {-webkit-transition:none;transition:none;top:0;left:0;width:4.0rem;height:4.0rem;margin:0;background:url('/img/nonetouch/pib/_new/content/pocket/icno_close.png') no-repeat 0 0;background-size:4.0rem auto;}
.-pocket-layer1 .-table.-row_type {border-top: 0;}
.-pocket-layer1 .-table.-row_type th, .-table.-row_type td{font-size:1.3rem;}
.-pocket-layer1 .-table.-row_type tbody th{padding: 1.6rem .8rem 1.5rem 0;border-bottom:1px solid #E9ECEF;text-align:left;color:#687078}
.-pocket-layer1 .-table.-row_type tbody td{border-bottom:1px solid #E9ECEF;color:#000000}
.-pocket-layer1 .-table.-row_type tr:last-child th,.-pocket-layer1 .-table.-row_type tr:last-child td {border-bottom:0;}



/* 저축관리*/
main[class^="-pocket"].ovf-h {overflow:hidden !important;}
main[class^="-pocket"].ovf-h .view_area {height:100%;}
main[class^="-pocket"].ovf-h .page_container {margin-bottom:0;height:100%;}
.-pocket-scroll {position:relative;height:calc(100% + 2rem);padding-top:23.2rem;overflow-y:auto;overflow-x:hidden;}
.-pocket-scroll::before {content:'';position:absolute;top:23.2rem;bottom:0;left:1rem;right:1rem;background-color:#fff;border-radius: 2.4rem 2.4rem 0 0;}
.-pocket-scroll .-pocket-info_wrap {position:fixed;top:6.0rem;left:0;width:100%;}
.-pocket-info {position:relative;margin-top:3.2rem;padding:0 8.0rem 0 2.4rem;}
.-pocket-info .-pocket-info_tit {display:block;height:2.8rem;margin-bottom:.4rem;}
.-pocket-info .-pocket-info_tit img {height:100%;}
.-pocket-info .-pocket-info_sub {font-size:1.4rem;color:#687078;}
.-pocket-info .-pocket-info_sub span {padding-left:.4rem;color:#000;}
.-pocket-info .-bl-button {position:absolute;top:0;right:2.4rem;padding:.6rem 1.2rem;font-size:1.4rem;color:#fff;background:#000;height:3.2rem;border-radius:1.6rem;}

.-pocket-progress {position:relative;margin:2.0rem 1.0rem 0;padding:2.0rem;border-radius:2.4rem;color:#000;background:rgba(38, 128, 235, 0.1);}
.-pocket-progress .-pocket-progress_top {display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between;-ms-flex-align:center;-webkit-box-align:center;align-items:center;font-weight:700;font-size:1.4rem;}
.-pocket-progress .-current_text {font-size:2.2rem;}
.-pocket-progress .-pocket-progress_body {position:relative;margin-top:1.0rem;padding-top:1.2rem;}
.-pocket-progress .-pocket-progress_body:before {content:'';position:absolute;top:0;left:0;width:100%;height:1.2rem;border-radius:.6rem;background:#fff;}
.-pocket-progress .-pocket-progress_bar {position:absolute;top:0;left:0;width:1.2rem;min-width:1.2rem;height:1.2rem;border-radius:.6rem;background:#2684ff;box-shadow:0px 4px 8px rgba(38,132,255,0.4);}
.-pocket-progress .-pocket-progress_rate {margin-top:.8rem;text-align:right;font-size:1.2rem;}
.-pocket-progress .-pocket-progress_rate .-hyp {padding:0 .4rem;color:rgba(0, 0, 0, .3)}

.-pocket-timeline_wrap, .-pocket-box_wrap {position:relative;margin:0 1.0rem;padding:3.2rem 2.0rem;border-radius:2.4rem 2.4rem 0 0;background:#ffffff;}
.-pocket-timeline_wrap h2 {padding-right:11.0rem;font-size:1.6rem;font-weight:700;}
.-pocket-timeline {margin-top:2.4rem;}
.-pocket-timeline > li + li {margin-top:3.2rem;}
.-pocket-timeline .-pocket-timeline_date {position:relative;display:block;color:#687078;font-size:1.4rem;}
.-pocket-timeline .-pocket-timeline_date:after {content:'';position:absolute;top:50%;left:5.2rem;right:0;height:1px;background:#e9ecef;}
.-pocket-timeline .-pocket-timeline_item {position:relative;margin-top:2.4rem;padding-left:4.7rem;}
.-pocket-timeline .-pocket-timeline_item:before {content:'';position:absolute;top:50%;left:0;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);width:3.2rem;height:3.2rem;border-radius:50%;background:url(/img/nonetouch/pib/_new/content/pocket/icon_timeline.png) no-repeat 0 0;background-size:6.4rem auto;}
.-pocket-timeline .-pocket-timeline_item.-state1:before {background-position:0 0;}
.-pocket-timeline .-pocket-timeline_item.-state2:before {background-position:-3.2rem 0;}
.-pocket-timeline .-item_flex {display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between;}
.-pocket-timeline .-item_flex > span {display:block;width:60%;text-align:right;}
.-pocket-timeline .-item_flex > span:first-child {-ms-flex:1;-webkit-box-flex:1;flex:1;width:40%;text-align:left;}
.-pocket-timeline .-item_flex > span strong {font-weight:700;font-size:1.6rem;}
.-pocket-timeline .-item_flex._sml {margin-top:.4rem;}
.-pocket-timeline .-item_flex._sml > span {font-size:1.2rem;color:#868E96;}

.-pocket .-box_select {position:absolute;top:3.2rem;right:2.0rem;}
.-pocket .-box_select .-btn_optionAccount {position:absolute;right:0;top:0;width:10.0rem;height:2.4rem;padding-right:2.4rem;text-align:right;overflow:hidden;color:#000;font-size:1.4rem;}
.-pocket .-box_select .-btn_optionAccount:before {content:'';position:absolute;top:50%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);width:1.0rem;height:.6rem;right:.9rem;background:url(/img/nonetouch/pib/_new/content/pocket/icon_select_sml.png) no-repeat;background-size: 100% auto;}
.-pocket .-box_select .-btns_optionlayer {z-index:1;display:none;position:absolute;top:2.5rem;right:0;width:6.3rem;}
.-pocket .-box_select .-btns_optionlayer a {display:block;height:3.6rem;padding-left:0;background:#fff;border:1px solid #ececec;font-size:1.2rem;color:#666;text-align:center;line-height:3.4rem;}
.-pocket .-box_select .-btns_optionlayer a + a {margin-top:-1px;}
.-pocket .-box_select .-btns_optionlayer a.on {color:#333;}

.-pocket .-pocket-box {border-radius:1.2rem;margin-bottom:2.4rem;padding:2.0rem;color:#000;font-size:1.6rem;font-weight:700;text-align:center;background:#f8f9fa;}
.-pocket-bundle .-list {margin-top:1.6rem;}
.-pocket-bundle .-list_item {color:#868E96;font-size:1.2rem;}


/* 예금상품가입, 자동이체관리, 꺼내기완료   */
.-pocket02 {background:#2684FF;padding-bottom:8.8rem !important;}
.-pocket02 .-pocket-scroll {padding-top:16.8rem;}
.-pocket02 .-pocket-scroll::before {top:16.8rem;}
.-pocket-box_wrap {margin-top:0;padding-top:4.0rem;}
.-pocket-box_wrap h2 {margin-bottom:1.6rem;font-size:1.6rem;font-weight:700;}

.-pocket02 .tit_img_wrap {display:block;overflow:hidden;margin-top:5.6rem;}
.-pocket02 .tit_img_wrap >span {display:block;margin:0 auto;}
.-pocket02 .tit_img_wrap [class^=tit_img] {height:3.2rem;text-align:center;}
.-pocket02 .tit_img_wrap [class^=tit_img] img {width:auto;height:100%;}
.-pocket02 .tit_img_wrap .tit_img1 {margin-bottom:.8rem;}

.-pocket-box_wrap .-table.-row_type {border-top: 0;}
.-pocket-box_wrap .-table.-row_type th, .-table.-row_type td{padding:1.6rem 0;font-size:1.4rem;}
.-pocket-box_wrap .-table.-row_type tbody th{padding: 1.6rem .8rem 1.5rem 0;border-bottom:1px solid #E9ECEF;text-align:left;color:#687078;text-align:left;}
.-pocket-box_wrap .-table.-row_type tbody td{border-bottom:1px solid #E9ECEF;color:#000000;text-align:right;}
.font-25 {font-size:25px !important}

/* 3분가입 */
.-prd_detail .-min3 .-mg4{margin-top:0}
.-prd_detail .-min3 .-mg4 .-mg4_ele01{top:5rem;width:17.4rem;height:12.6rem;margin-left:-9.7rem;background:url(/img/nonetouch/pib/_new/content/min3_bankbook.png) no-repeat 0 0 / 100%}
.-prd_detail .-min3 .-mg4 .-mg4_ele02{width:auto;height:auto;background:transparent;box-shadow:none}
.-min3 .-mg4_ele02_1{top:12.8rem;margin:0 0 0 4.5rem;width:4rem;height:.9rem;background:#ffdd49;border-radius:4px;box-shadow:2px 2px 4px rgba(0,0,0,0.1)}
.-min3 .-mg4_ele02_2{top:11.9rem;margin:0 0 0 4rem;width:4rem;height:.9rem;background:#fff7b2;border-radius:4px}
.-min3 .-mg4_ele02_3{top:11rem;margin:0 0 0 4.5rem;width:4rem;height:.9rem;background:#ffdd49;border-radius:4px}
.-min3 .-mg4_ele02_4{top:10.1rem;margin:0 0 0 3.8rem;width:4rem;height:.9rem;background:#fff7b2;border-radius:4px}
.-prd_detail .-min3 .-mg4 .-mg4_ele06{top:11.5rem;width:9rem;height:7.5rem;margin-left:2.2rem;background:url(/img/nonetouch/pib/_new/content/min3_coin.png) no-repeat 0 0 / 100%}
.-prd_detail .-min3 .-mg4 .-mg4_ele05{top:8rem;width:9rem;height:7.5rem;margin-left:2.2rem}
.-prd_detail .-min3 .-mg4 .-mg4_ele07{top:6rem;width:10.4rem;height:6.2rem;margin-left:1rem;background:url(/img/nonetouch/pib/_new/content/min3_txt_free.png) no-repeat 0 0 / 100%}
.-notice.-type4 .-sentence.-basic{font-size:1.5rem}

/* 금융 지수 정보 페이지 */
.-indexinfo_color_up {color: #ff0000;}
.-indexinfo_color_none {color: #000;}
.-indexinfo_color_down {color: #000cff;}
.-indexinfo_inner_box table th {border-right: 1px solid #e5e8ec; border-bottom: 1px solid #e5e8ec !important;}
.-indexinfo_inner_box table td {border-right: 1px solid #f5f5f5; letter-spacing: -.6px; text-align: right !important;}
.-indexinfo_inner_box table td:first-child {text-align: center !important;}
.-indexinfo_inner_box table th:last-child,
.-indexinfo_inner_box table td:last-child {border-right: 0;}
.-indexinfo_accordion_noboard::before {content: none;}
.-indexinfo_accordion_noboard + .-accordion_body .-accordion_inner::after {height: 0 !important;}

/* 상품 Gate - 배너 하단 박스형 상품 링크 */
.-prod_link_list{position:relative;margin:2rem -.4rem 0;padding-top:2.2rem}
.-prod_link_list:before{content:'';position:absolute;left:-2.4rem;right:-2.4rem;top:0;height:1px;background-color:#f5f5f5}
.-prod_link_list:after{content:'';display:block;clear:both}
.-link_item{position:relative;float:left;width:50%;height:8.8rem;margin-top:.8rem;padding:0 .4rem}
.-link_item a{position:relative;display:block;height:100%;padding:1.3rem 0 1.3rem 1.8rem;border:1px solid #d9d9d9;border-radius:.6rem}
.-link_item .-tit{display:block;font-size:1.4rem;font-weight:500}
.-link_item .-txt{display:block;margin-top:.4rem;font-size:1.3rem;color:#666}
.-link_item .-current {position:absolute;right:1.3rem;top:1.3rem;padding:0 .6rem;font-size:1rem;color:#4ba8cf;border:1px solid #4ba8cf;border-radius:0.8rem}


/* Best 펀드, 연금저축펀드 링크스타일추가 */
.renew_fund_prdt_link .golink-prod{padding:1rem 1.5rem 1rem .2rem;}
.renew_fund_prdt_link{width:13.6rem;position:relative;text-align:center;display:block;font-size:1.6rem;}
.renew_fund_prdt_link .golink-prod:after{content: ""; display: inline-block; width: 10px; height: 16px; background: url(/img/nonetouch/pib/bg_link_arrow.png) no-repeat 0 0; background-size: 28px; background-position: 0px -89px; position: absolute; top: 50%; margin-top: -7px; margin-left: 2px;}

/* 여행드림적금 인트로 */
.-tourdream_intro.-intro_scene01 main {background-color:#a23236}
.-tourdream_intro.-intro_scene02 main {background-color:#414967}
.-tourdream_intro.-intro_scene03 main {background-color:#6a89b5}
.-tourdream_intro.-intro_scene04 main {background-color:#4fa5ef}
.-tourdream_intro.-intro_scene05 main {background-color:#4fa5ef}
.-tourdream_intro.-intro_scene06 main {background-color:#4fa5ef}
.-tourdream_intro.-intro_scene07 main {background-color:#00b0e7}
.-tourdream_intro.-intro_scene08 main {background-color:#34c5d7}
.-tourdream_intro .-scene_description {font-size:1.3rem;color:#fff;padding:0.8rem;border-radius:0.4rem;margin:0 1.7rem 1.7rem;background-color:rgba(0,0,0,0.06)}
.-intro_scene02 .-scene02::after,.-intro_scene03 .-scene03::after,.-intro_scene04 .-scene04::after,
.-intro_scene05 .-scene05::after,.-intro_scene06 .-scene06::after,.-intro_scene07 .-scene07::after,
.-intro_scene08 .-scene08::after {content:'';width:100%;height:100%;position:absolute;top:0;left:0}

.-intro_scene01 .-scene01 {text-align:center;background-color:#a23236;background:url(/img/nonetouch/pib/_new/content/prod/travel/tourdreamintro_scene01_01_bg.jpg) repeat-x top left}
.-intro_scene01 .-scene01 .-scene01_title {position:absolute;width:100%;text-align:center;left:0;padding:2.8rem 1.8rem 0}
.-intro_scene01 .-scene01 .-scene01_caption {position:absolute;width:100%;text-align:center;padding:145% 4rem 0;font-size: 1.7rem;color:#fff;font-weight: 500;}
.-intro_scene01 .-scene01 .-scene01_caption em {color: #fff1a3;}

.-intro_scene02 .-scene02 {padding-bottom: 2rem}
.-intro_scene02 .-scene02 .-scene_innerbox {padding:0 1.7rem;text-align:center;position:relative;max-width:32rem;margin:0 auto}
.-intro_scene02 .-scene02 .-scene_innerbox:nth-child(1) {margin-top:1.9rem}
.-intro_scene02 .-scene02 .-scene_innerbox:nth-child(2) {margin-top:1.5rem}
.-intro_scene02 .-scene02 .-scene_innerbox .-scene02_01 {position:relative;display:block;text-align:center}
.-intro_scene02 .-scene02 .-scene_innerbox .-scene02_01_ghost {position:absolute;display:block;top:0;left:11.7rem}
.-intro_scene02 .-scene02 .-scene_innerbox .-scene02_01_txt01 {position:absolute;display:block;top:4rem;left:2rem}
.-intro_scene02 .-scene02 .-scene_innerbox .-scene02_01_txt02 {position:absolute;display:block;right:1rem;bottom:1rem}
.-intro_scene02 .-scene02 .-scene_innerbox .-scene02_02 {position:relative;display:block;text-align:center}
.-intro_scene02 .-scene02 .-scene_innerbox .-scene02_02_txt01 {position:absolute;display:block;top:12rem;right:1rem;bottom:1rem;z-index:1}

.-intro_scene03 .-scene03 {padding-bottom: 2rem}
.-intro_scene03 .-scene03 .-scene_innerbox {padding:0;margin:0;position:relative;display:block}
.-intro_scene03 .-scene03 .-scene_innerbox:nth-child(2) {margin:1.5rem auto;}
.-intro_scene03 .-scene03 .-scene_innerbox .-scene03_01 {position:relative;display:block}
.-intro_scene03 .-scene03 .-scene_innerbox .-scene03_01_txt01 {position:absolute;top:47%;left:20%}
.-intro_scene03 .-scene03 .-scene_innerbox .-scene03_02_obj {display:block;width:100%;text-align:center;padding-top:25%}
.-intro_scene03 .-scene03 .-scene_innerbox .-scene03_03_obj_01 {position:absolute;left:0;top:28%}
.-intro_scene03 .-scene03 .-scene_innerbox .-scene03_03_obj_02 {position:absolute;left:0;top:0}
.-intro_scene03 .-scene03 .-scene_innerbox .-scene03_03_obj_03 {position:absolute;right:0;top:0}
.-intro_scene03 .-scene03 .-scene_innerbox .-scene03_03_obj_04 {position:absolute;right:0;top:32%}

.-intro_scene04 .-scene04 .-scene_innerbox {margin:4rem 1.7rem}
.-intro_scene04 .-scene04 .-scene_innerbox .-decobox {max-width:36rem;border-radius:0.4rem;display:block;overflow:hidden;background-color:#21217a;position:relative;margin:0 auto}
.-intro_scene04 .-scene04 .-scene_innerbox .-decobox .-decobox_inset {padding-top:35%}

.-intro_scene05 .-scene05 .-scene_innerbox {margin:4rem 1.7rem}
.-intro_scene05 .-scene05 .-scene_innerbox .-decobox {max-width:36rem;margin:0 auto;border-radius:0.4rem;display:block;overflow:hidden}

.-intro_scene06 .-scene06 .-scene_innerbox {margin:4rem 1.7rem}
.-intro_scene06 .-scene06 .-scene_innerbox .-decobox {max-width:36rem;margin:0 auto;border-radius:0.4rem;display:block;overflow:hidden}

.-intro_scene07 .page_container {margin-bottom: 0 !important}
.-intro_scene07 .-scene07 .-scene_innerbox .-scene07_obj01 {position:absolute;display:block;padding-top:82%}
.-intro_scene07 .-scene07 .-scene_innerbox .-scene07_obj02 {position:absolute}
.-intro_scene07 .-scene07 .-scene_innerbox .-scene07_obj03 {position:absolute;top:-40rem}
.-intro_scene07 .-scene07 .-scene_innerbox .-scene07_obj03 .customimg {max-width:120%}

.-intro_scene08 .page_container {margin-bottom: 0 !important}
.-intro_scene08 .-scene08 .-scene_innerbox {position:relative;display:block}
.-intro_scene08 .-scene08 .-scene_innerbox .-scene08_obj01 {position:absolute;top:0;}
.-intro_scene08 .-scene08 .-scene_innerbox .-scene08_obj01_money {position:absolute;top:0}
.-intro_scene08 .-scene08 .-scene_innerbox .-scene08_obj02 {position:absolute;top:0;display:block;padding-top:39%}
.-intro_scene08 .-scene08 .-scene_innerbox .-scene08_obj02_money {position:absolute;padding-top:58%}
.-intro_scene08 .-scene08 .-scene_innerbox .-scene08_obj03 {position:absolute;display:block;padding-top:100%}
.-intro_scene08 .-scene08 .-scene_innerbox .-scene08_obj03_money {position:absolute;padding-top:100%;left:0}

/* 여행드림적금 */
.-tourdream main{background:#fae8ce}
.-tourdream .page_container{background:url(/img/nonetouch/pib/_new/content/prod/travel/bg_basic.jpg) no-repeat 0 0 / 100% #fae8ce}
.-tourdream .page_container.-bgnone{background:none}
.-tourdream .-bundle{padding:0 2.4rem;background:transparent}
.-tourdream.-gradient .page_container{background:url(/img/nonetouch/pib/_new/content/prod/travel/bg_gradient.jpg) no-repeat 0 0 / 100% #fae8ce;margin-bottom:0;}
.-tourdream .up_share, .-tourdream .goods_detail_conts {background-color:#fff;}
.-tourdream .up_share {padding:3rem 2.4rem 3rem;}
.-tourdream .goods_detail_conts {padding:0;}
.-tourdream .-bundle.-tour1 {padding-bottom:4.6rem;}
.-tourdream.-gradient .-showbox.-ack {padding:3rem 2.4rem 2.5rem;}
.-tourdream.-gradient .-showbox.-box_2 {padding-bottom:5.1rem;}
.-showbox_title_area + .-link.-detail {margin-top:2rem;}
.-showbox_title_area + .-sentence {margin-top:1.9rem;}
.-showbox .-link.-detail {display:inline-block;padding:.5rem 1.4rem;background:#e1f4f4;border-radius:1.4rem;font-size:1.3rem;color:#177576}
.-showbox .-link.-detail:after {width:.5rem;height:1rem;margin-left:.7rem;background: url(/img/nonetouch/pib/_new/content/prod/travel/detail_arrow.png) no-repeat 0 0 / 100%;}
.-showbox .-link.-detail + .-list {margin-top:1.4rem;}
.-showbox .-list .-list_item {color:#333;}
.-showbox .-list .-list_item::before {top:1rem;width:.2rem;height:.2rem;background-color: #666;}
.-showbox .-list .-list_item .-underline {position:relative;z-index:1;}
.-showbox .-list .-list_item .-underline:before {content:'';position:absolute;bottom:2px;display:inline-block;width:100%;height:.4rem;background:#ffb94a;border-radius:.2rem;z-index:-1;}
.-showbox .-asterisk {margin-top:1.2rem;padding-left:1rem;color:#666;font-size:1.3rem;line-height:1.54;word-break:keep-all;}
.-showbox .-asterisk:before {top:4px;left:-1px;font-size:1rem;}
.-showbox .-sentence {font-size:1.4rem;line-height:1.43;letter-spacing:-1.05px;}
.-showbox.-ack.-box_1:after {content:'';position:absolute;top:9.9rem;right:1rem;width:9.6rem;height:13.6rem;background:url(/img/nonetouch/pib/_new/content/prod/travel/bg_char_1_1.jpg) no-repeat 0 0 / 100%}
.-showbox.-ack.-box_2:after {content:'';position:absolute;top:5rem;right:1rem;width:13.8rem;height:9.5rem;background:url(/img/nonetouch/pib/_new/content/prod/travel/bg_char_1_2.jpg) no-repeat 0 0 / 100%}

.-showbox.-tbl {padding:.4rem 0 0 0;border:none;}
.-showbox.-tbl .-radius_type {border:none;}
.-showbox.-tbl .-radius_type .-btn_toggle {float:right;}
.-showbox.-tbl .-radius_type .-table.-pox tbody th {color:#666;}
.-reference{position:relative;padding-left:1.7rem;color:#333;}
.-reference:before{content:'※';position:absolute;top:2px;left:0;font-size:1.3rem;font-weight:500;}
.-reference .tit {color:#151515;font-size:1.3rem;font-weight:500;word-break:keep-all;}
.-reference .txt {display:block;font-size:1.3rem;margin-top:.4rem;}
.-showbox + .-reference {margin-top:1.6rem;}

.-tour6 .-showbox:first-child {margin-top:-6rem;}
.-showbox.-fds {padding:2.5rem 2.4rem 3rem;}
.-showbox.-add .-show_cont {padding-top:1.5rem;}
.-tourdream .-selection input[type="checkbox"].-switch:checked ~ label:after {background-color:#28ccce;}
.-tourdream .-selection input[type="checkbox"].-normal ~ label:before {background-image: url(/img/nonetouch/pib/_new/content/prod/travel/check_type_off.png);}
.-tourdream .-selection input[type="checkbox"].-normal:checked ~ label:before {background-image: url(/img/nonetouch/pib/_new/content/prod/travel/check_type_on.png);}
.-tourdream .-field.-finder .-label_group + .-forms {margin-top:1rem;}
.-show_cont .-add_group {height:4rem;}
.-show_cont .-add_group + .-add_group {margin-top:.7rem;}
.-show_cont .-no_ico .-fl, .-show_cont .-no_ico .-fr {height:3.5rem;}
.-show_cont .-popover_tit {color:#333;}
.-show_cont .-popover_txt {display:inline-block;position:relative;top:.7rem;color:#151515;vertical-align:top}
.-show_cont .-add_group + .-finder {margin-top:2.7rem;}

.-ticketbox {position:relative;height:0;padding-top:99.4%;background-size:100%;background-repeat:no-repeat;}
.-ticketbox.-box_1 {background-image:url(/img/nonetouch/pib/_new/content/prod/travel/bg_box_pack_1.png);}
.-ticketbox.-box_2 {background-image:url(/img/nonetouch/pib/_new/content/prod/travel/bg_box_free_1.png);}
.-ticketbox + .-ticketbox {margin-top:1.3rem;}
.-ticketbox .bub {position:absolute;top:28%;left:-3%;width:30%;height:19%;background:url(/img/nonetouch/pib/_new/content/prod/travel/bg_box_pack_bub.png) no-repeat 0 0 / 100%;}
.-ticketbox .radio_type {position:absolute;top:8%;right:9%;width:2rem;height:2rem;background:url(/img/nonetouch/pib/_new/content/prod/travel/radio_type_off.png) no-repeat 0 0 / 100%;}
.-ticketbox.on .radio_type {background:url(/img/nonetouch/pib/_new/content/prod/travel/radio_type_on.png) no-repeat 0 0 / 100%;}

.-showbox.-ack {padding:1.1rem 2.4rem 2rem;}
.-showbox.-ack .-email_openArea {margin-top:4.4rem;}
.-showbox.-ack .-email_openArea .-label_email {font-size:1.4rem;}
.-showbox.-ack:first-child {border-radius:.8rem .8rem 0 0;}
.-box_middot + .-showbox.-ack {margin-top:0;border-radius:0 0 .8rem .8rem;}
.-box_middot {position:relative;height:2rem;padding:0 1.8rem;background-color:#fff;}
.-box_middot:before,  
.-box_middot:after{content:'';position:absolute;top:0;height:2rem;}
.-box_middot:before{left:0;width:1rem;background:url(/img/nonetouch/pib/_new/content/prod/travel/box_side_left.jpg) no-repeat 0 0 / 1rem 2rem;}
.-box_middot:after{right:-4px;width:1.3rem;background:url(/img/nonetouch/pib/_new/content/prod/travel/box_side_right.jpg) no-repeat 0 0 / 1.3rem 2rem;}
.-box_middot .-dot {height:2rem;background:url(/img/nonetouch/pib/_new/content/prod/travel/box_dot.png) repeat-x 0 50% / 3.5rem .5rem;}
.-tourdream .-selection input[type="checkbox"] ~ label:before {background-image: url(/img/nonetouch/pib/_new/content/prod/travel/check_type_off.png);background-size: 2.2rem auto;}
.-tourdream .-selection input[type="checkbox"]:checked ~ label:before {background-image: url(/img/nonetouch/pib/_new/content/prod/travel/check_type_on.png);background-size: 2.2rem auto;}
.-tourdream .-selection input[type="checkbox"].-small ~ label:before {top:0;left:2px;width:2.2rem;height:2.2rem;background:url(/img/nonetouch/pib/_new/content/prod/travel/check_type_sm_off.png) no-repeat 0% 0% / 100%;}
.-tourdream .-selection input[type="checkbox"].-small:checked ~ label:before {background:url(/img/nonetouch/pib/_new/content/prod/travel/check_type_sm_on.png) no-repeat 0% 0% / 100%;}

/* 고정버튼 */
.-tourdream .-buttons.-fixed .-primary{height:6.4rem;background:url(/img/nonetouch/pib/_new/content/prod/travel/bg_btn_half_left.jpg) no-repeat 0 0 / 100% 6.4rem}
.-tourdream .-buttons.-fixed .-tertiary{height:6.4rem;background:url(/img/nonetouch/pib/_new/content/prod/travel/bg_btn_half_right.jpg) no-repeat 0 0 / 100% 6.4rem}
.-tourdream .-buttons.-fixed.-col2 .-secondary{height:6.4rem;background:url(/img/nonetouch/pib/_new/content/prod/travel/bg_btn_cancel.jpg) no-repeat 0 0 / 100% 6.4rem}
.-tourdream .-buttons.-fixed.-col2 .-primary{height:6.4rem;background:url(/img/nonetouch/pib/_new/content/prod/travel/bg_btn_basic.jpg) no-repeat 0 0 / 100% 6.4rem}
.-tourdream .-buttons.-fixed .-button em{color:transparent}
.-tourdream .-buttons.-fixed.-col2 .-secondary em{width:3.4rem;background:url(/img/nonetouch/pib/_new/content/prod/travel/btn_txt_prev.png) no-repeat 50% 50% / 100%}
.-tourdream .-buttons.-fixed.-col2 .-primary.-sea em{width:17.9rem;background:url(/img/nonetouch/pib/_new/content/prod/travel/btn_txt_sea.png) no-repeat 50% 50% / 100%}
.-tourdream .-buttons.-fixed.-col2 .-primary.-end em{width:13rem;background:url(/img/nonetouch/pib/_new/content/prod/travel/btn_txt_end.png) no-repeat 50% 50% / 100%}
.-tourdream .-buttons.-fixed.-col2 .-primary.-look em{width:16rem;background:url(/img/nonetouch/pib/_new/content/prod/travel/btn_txt_look.png) no-repeat 50% 50% / 100%}
.-tourdream .-buttons.-fixed.-col2 .-primary.-set em{width:7.7rem;background:url(/img/nonetouch/pib/_new/content/prod/travel/btn_txt_set.png) no-repeat 50% 50% / 100%}
.-tourdream .-buttons.-fixed.-col2 .-primary.-beat em{width:8.3rem;background:url(/img/nonetouch/pib/_new/content/prod/travel/btn_txt_beat.png) no-repeat 50% 50% / 100%}
.-tourdream .-buttons.-fixed.-col1 .-primary{height:6.4rem;background:url(/img/nonetouch/pib/_new/content/prod/travel/bg_btn_solo.jpg) no-repeat 0 0 / 100% 6.4rem}
.-tourdream .-buttons.-fixed.-col1 .-button em{color:transparent}
.-tourdream .-buttons.-fixed.-col1 .-primary.-trip em{width:22.1rem;background:url(/img/nonetouch/pib/_new/content/prod/travel/btn_txt_trip.png) no-repeat 50% 50% / 100%}
.-tourdream .-buttons.-fixed .-primary.-day em{width:10.1rem;background:url(/img/nonetouch/pib/_new/content/prod/travel/btn_txt_day.png) no-repeat 50% 50% / 100%}
.-tourdream .-buttons.-fixed .-tertiary.-ticket em{width:13.6rem;background:url(/img/nonetouch/pib/_new/content/prod/travel/btn_txt_ticket.png) no-repeat 50% 50% / 100%}

.-showbox{position:relative;padding:0 2.4rem;background:#fff;border-radius:.8rem;box-shadow:.4rem .4rem 0 0 rgba(0, 0, 0, 0.06)}
.-showbox + .-showbox{margin-top:1.4rem;}
.-showbox .-btn_show{display:block;position:relative;padding:2rem 0;color:#151515;font-size:1.5rem;font-weight:500;}
.-showbox .-btn_show:after{content:'';width:1.4rem;height:.8rem;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:url(/img/nonetouch/pib/_new/common/ico-accordian-arrow.svg) no-repeat center;background-size:1.4rem auto}
.-showbox .-show_cont{display:none}
.-showbox .on + .-show_cont{display:block}
.-showbox .-show_cont{padding:2rem 0 3rem;border-top:1px solid #f5f5f5}

.-showbox.-ticket:after{content:'';position:absolute;bottom:-4.3rem;left:0;right:0;z-index:0;height:4.3rem;background:#28ccce;border-radius:.8rem;box-shadow:.4rem .4rem 0 0 rgba(0, 0, 0, 0.06)}
.-showbox.-ticket:before{content:'';position:absolute;bottom:-.3rem;left:0;right:0;z-index:1;height:.5rem;background:url(/img/nonetouch/pib/_new/content/prod/travel/box_dot.png) repeat-x 0 0 / auto .5rem}
.-bg_bcd{position:absolute;left:50%;bottom:-3rem;z-index:1;width:15.8rem;height:1.5rem;background:url(/img/nonetouch/pib/_new/content/prod/travel/bg_barcode.png) no-repeat 0 0 / 100%;transform:translateX(-50%)}
.-savings_type{background:url(/img/nonetouch/pib/_new/content/prod/travel/bg_char_5.jpg) no-repeat 0 0 / 100%}
.-savings_type li{float:left;width:50%;}
.-savings_type .-type1{padding-right:1.2rem}
.-savings_type .-type2{padding-left:1.2rem}
.-savings_type li .-saving label{display:block;padding:155% 0 0;font-size:1.3rem;text-align:center}
.-savings_type li .-saving label:before{top:auto;bottom:11.5rem;left:50%;transform:translateX(-50%);width:2rem;height:2rem;background:url(/img/nonetouch/pib/_new/content/prod/travel/radio_type_off.png) no-repeat 50% 50% / 2rem} /* 320 45% */
.-savings_type li .-saving input[type='radio']:checked ~ label:before{background:url(/img/nonetouch/pib/_new/content/prod/travel/radio_type_on.png) no-repeat 50% 50% / 2rem}
.-savings_type li .-saving label strong{display:block;padding-top:1.5rem;font-size:1.4rem;color:#151515;}

.-btn_tour{display:block;position:relative;height:4rem;margin:0 1.2rem;background:url(/img/nonetouch/pib/_new/content/prod/travel/btn_money_off_2.png) repeat-x 0 0 / auto 100%;text-align:center}
.-btn_tour:before,
.-btn_tour:after{content:'';position:absolute;top:0;width:1.5rem;height:4rem;}
.-btn_tour:before{left:-1.2rem;background:url(/img/nonetouch/pib/_new/content/prod/travel/btn_money_off_1.png) no-repeat 0 0 / 1.5rem 4rem;}
.-btn_tour:after{right:-1.2rem;background:url(/img/nonetouch/pib/_new/content/prod/travel/btn_money_off_3.png) no-repeat 0 0 / 1.5rem 4rem;}
.on .-btn_tour{background:url(/img/nonetouch/pib/_new/content/prod/travel/btn_money_on_2.png) repeat-x 0 0 / auto 100% }
.on .-btn_tour:before{background:url(/img/nonetouch/pib/_new/content/prod/travel/btn_money_on_1.png) no-repeat 0 0 / 1.5rem 4rem;}
.on .-btn_tour:after{background:url(/img/nonetouch/pib/_new/content/prod/travel/btn_money_on_3.png) no-repeat 0 0 / 1.5rem 4rem;}
.-btn_tour .-money_txt{display:block;position:relative;top:50%;z-index:1;transform:translateY(-50%);margin:0 -1rem;font-family:RobotoNew, Noto Sans CJK KR;font-size:1.6rem;font-weight:500;text-shadow:0 3px 0 rgba(0, 0, 0, .1);-webkit-text-stroke:4px rgba(255, 255, 255, .2);color:#565c60;}
.on .-btn_tour .-money_txt{-webkit-text-stroke:4px rgba(255, 255, 255, .2);color:#0f494a;}

.-amount_group{margin-right:-2px}
.-amount_list{margin-left:-2px}
.-amount_list li{float:left;width:33.333%;padding:0 2px .4rem;}
.-amount_group + .-tip_box{margin-top:1.5rem}
.-tip_box{position:relative;padding-top:2.5rem;}
.-tip_box:before{content:'';position:absolute;top:0;left:0;width:4.2rem;height:2.5rem;background:url(/img/nonetouch/pib/_new/content/prod/travel/bul_tip.png) no-repeat 0 0 / 100%;}
.-tip_box .-sentence{font-size:1.3rem;color:#666}
.-tip_box .-sentence .-bold{color:#151515}

.-tour5 .-showbox{z-index:1;}
.-tour5 .-bg_bot{position:relative;z-index:0;margin:-3rem -2.4rem -3rem}
.-tour4 .-bg_bot{position:relative;z-index:1;top:-1.5rem;margin:0 -2.4rem -4.5rem}

.-pkg_type{padding-top:9rem}
.-pkg_tab_group{position:absolute;top:-2rem;left:0;width:100%;text-align:center}
.-pkg_tab_group button{width:8rem;height:9.3rem;}

.-pkg_tab_group .-tab_pk1{background:url(/img/nonetouch/pib/_new/content/prod/travel/tab_1.png) no-repeat 0 0 / 100%}
.-pkg_tab_group .-tab_pk2{background:url(/img/nonetouch/pib/_new/content/prod/travel/tab_2.png) no-repeat 0 0 / 100%}
.-pkg_tab_group .-tab_pk3{background:url(/img/nonetouch/pib/_new/content/prod/travel/tab_3.png) no-repeat 0 0 / 100%}

.-pkg_tab_group .-tab_pk1.on{background:url(/img/nonetouch/pib/_new/content/prod/travel/tab_1_on.png) no-repeat 0 0 / 100%}
.-pkg_tab_group .-tab_pk2.on{background:url(/img/nonetouch/pib/_new/content/prod/travel/tab_2_on.png) no-repeat 0 0 / 100%}
.-pkg_tab_group .-tab_pk3.on{background:url(/img/nonetouch/pib/_new/content/prod/travel/tab_3_on.png) no-repeat 0 0 / 100%}
.-pkg_tabcon .-js_tabCon{display:none}
.-pkg_tabcon .-js_tabCon.on{display:block}

.-pkg_tabcon{padding-bottom:3rem}
.-hash_list{text-align:center;margin:0 -2.4rem}
.-hash_list li{display:inline-block;padding:.5rem 1.4rem;background:#e1f4f4;border-radius:1.4rem;font-size:1.3rem;color:#177576}
.-pkg_info{margin-top:2rem;padding-top:1rem;background:url(/img/nonetouch/pib/_new/content/prod/travel/box_dot.png) repeat-x 0 0 / auto .5rem}
.-pkg_info li{padding:1rem .6rem;border-bottom:1px solid #f5f5f5}
.-pkg_info .-pkg_tit{font-size:1.3rem;color:#666}
.-pkg_info .-pkg_desc{font-size:1.3rem;color:#187d7e;font-weight:500}
.-pkg_info .-pkg_desc span{font-size:1.5rem;}
.-pkg_noti{margin:1.5rem .6rem 0 0;font-size:1.3rem;color:#187d7e;font-weight:500;}

.-tourdream.frame_pageWrap .state_popup .page_container.-tour1_p{margin-bottom:0;padding-bottom:3rem}
.-tour1_p .-title_area{position:relative}
.-img_chick{position:absolute;bottom:-1.5rem;right:2.4rem;z-index:1;width:10.7rem;height:15rem;background:url(/img/nonetouch/pib/_new/content/prod/travel/tit_1_pop_char.png) no-repeat 0 0 / 100% }
.-tour1_p .-showbox{padding:3rem 2.4rem;}
.-tourdream .-more_tit{font-size:2rem;color:#151515;font-weight:500;}
.-tourdream .-more_tit em{color:#177576;}

.-list.-num_cir{margin-top:1.5rem}
.-list.-num_cir .-list_item{position:relative}
.-list.-num_cir .-status{display:inline-block;position:absolute;top:1.5px;width:2rem;height:2rem;margin-right:.4rem;background:#eef3f8;border-radius:50%;font-family:'Roboto','Noto Sans CJK KR','Sans-Serif';font-size:1.3rem;color:#151515;font-weight:500;text-align:center}
.-list.-num_cir .-tit{display:inline-block;padding-left:2.8rem;font-size:1.4rem;color:#151515;font-weight:500;vertical-align:middle;}
.-list.-num_cir .-sentence{margin-top:.5rem;padding-left:2.8rem;font-size:1.3rem;color:#666}

.-tour8 .-showbox{padding:2.5rem 4.5rem}
.-tourdream .-img_wrap img{width:100%}
.-tourdream .-popover.-active:after {visibility:hidden;}
.-tip_box.-line {margin-top:5rem;}
.-tip_box.-line:after {content:'';position:absolute;top:-2rem;display:block;width:100%;height:.1rem;background:url(/img/nonetouch/pib/_new/content/prod/travel/tip_box_line.png) repeat-x 0 0 / auto .1rem}
.-tourdream .-field.-finder .-selection input[type="checkbox"].-normal ~ label:before,
.-tourdream .-field.-finder .-selection input[type="checkbox"].-normal:checked ~ label:before  {background-size:2rem;}

/* 여행드림적금 상품관리 화면 */
.-tourdream.-fishing main {background-color:#fff;}
.-tourdream.-fishing  .-title_area {position:relative;z-index:1;padding:3rem 2.4rem 0}
.-tourdream.-fishing  .-title_area .-tit {color:#151515;font-family:'Noto Sans CJK KR','Sans-Serif';font-size:1.5rem;font-weight:500;line-height:1.45;letter-spacing:-1.14px;}
.-tourdream.-fishing  .-title_area .-money {margin-top:1rem;color:#1490ef;font-family:'Noto Sans CJK KR','Sans-Serif';font-size:2.5rem;font-weight:300;letter-spacing:-1.89px;}
.-tourdream.-fishing  .-title_area .-money .-amount {font-family:'Roboto','Sans-Serif';font-size:2.9rem;font-weight:500;line-height:.96;letter-spacing:-2.19px;}
.-tourdream.-fishing  .-title_area .-list {margin-top:1.3rem;}
.-tourdream.-fishing  .-tip_box {margin-top:1rem;padding-top:0;padding-left:4.5rem;}
.-tourdream.-fishing  .-tip_box:before {top:.5rem;}
.-tourdream.-fishing  .-tip_box .-sentence {font-size:1.2rem;}
.-tour9.-bundle{position:relative;padding-top:122.5%;margin-top:-3.5rem;}
.-tour9.-bundle.-bg1{background:url(/img/nonetouch/pib/_new/content/prod/travel/bg_fishing_1.png) no-repeat 0 100% / 100% auto}
.-tour9.-bundle.-bg2{background:url(/img/nonetouch/pib/_new/content/prod/travel/bg_fishing_2.png) no-repeat 0 100% / 100% auto}
.-tour9.-bundle.-bg3{background:url(/img/nonetouch/pib/_new/content/prod/travel/bg_fishing_3.png) no-repeat 0 100% / 100% auto}
.-tour9.-bundle.-bg4{background:url(/img/nonetouch/pib/_new/content/prod/travel/bg_fishing_4.png) no-repeat 0 100% / 100% auto}
.-tour9.-bundle.-bg5{background:url(/img/nonetouch/pib/_new/content/prod/travel/bg_fishing_5.png) no-repeat 0 100% / 100% auto}
.-tour9.-bundle:after{content:'';display:block;position:absolute;bottom:-11.4rem;left:0;width:100%;height:11.4rem;background-color:#52beff;z-index:0;}
.-tour9 .-worm_pos{position:absolute;width:14%;height:13%;}
.-tour9.-bg1 .-worm_pos{bottom:2%;left:32%;}
.-tour9.-bg2 .-worm_pos{bottom:13%;left:33%;}
.-tour9.-bg3 .-worm_pos{bottom:25%;left:33%;}
.-tour9.-bg4 .-worm_pos{bottom:37%;left:34%;}
.-tour9.-bg5 .-worm_pos{bottom:48%;left:34%;}
.-tour9 .-worm{position:absolute;margin-top:0rem;animation:worm 1.3s infinite;}
@keyframes worm {
	0% {margin-top:0rem;}
	20% {margin-top:.7rem;}
	40% {margin-top:0rem;}
	60% {margin-top:.7rem;}
	80% {margin-top:0rem;}
	100% {margin-top:0rem;}
}
.-tourdream .-buttons.-fixed .-primary.-detail em{width:6.7rem;background:url(/img/nonetouch/pib/_new/content/prod/travel/btn_txt_detail.png) no-repeat 50% 50% / 100%}
.-img_chick.-type2 {background:url(/img/nonetouch/pib/_new/content/prod/travel/tit_9_pop_char.png) no-repeat 0 0 / 100%}
.-list.-num_cir ol.-sentence {padding-left:2.5rem;}
.-list.-num_cir ol.-sentence li{position:relative;padding-left:1.7rem;font-size:1.3rem;color:#666}
.-list.-num_cir ol.-sentence li:nth-child(2){margin-top:.5rem;}
.-list.-num_cir ol.-sentence li:nth-child(1):before{content:'①';position:absolute;top:-.5px;left:0px;}
.-list.-num_cir ol.-sentence li:nth-child(2):before{content:'②';position:absolute;top:-.5px;left:0px;}

.-bundle.-bubble {padding:0;}
.-bundle.-bubble .-showbox {position:relative;;width:24.6rem;margin:3rem auto 0;padding:2.5rem 0 3rem;z-index:1;}
.-bundle.-bubble .-showbox:after {content:'';display:block;position:absolute;bottom:-2.4rem;right:1.7rem;width:3.3rem;height:2.4rem;background-image:url(/img/nonetouch/pib/_new/content/prod/travel/box_tail.png);background-size:contain;background-repeat:no-repeat;}
.-bundle.-bubble .-paragraph {margin-top:1.5rem;text-align:center;color:#151515;font-family:'Noto Sans CJK KR','Sans-Serif';font-size:1.4rem;line-height:1.43;letter-spacing:-1.05px;}
.-tourdream .-buttons.-fixed .-primary.-now em{width:21rem;background:url(/img/nonetouch/pib/_new/content/prod/travel/btn_txt_now.png) no-repeat 50% 50% / 100%}
.-tour10 .-bg_bot{position:relative;margin-top:4.7rem;padding-top:93%;background:url(/img/nonetouch/pib/_new/content/prod/travel/bg_bot_10.jpg) no-repeat 0 100% / 100% auto}
.-tour12 .-bg_bot{position:relative;margin-top:-5rem;padding-top:123%;background:url(/img/nonetouch/pib/_new/content/prod/travel/bg_bot_12.jpg) no-repeat 0 100% / 100% auto}
.-tour13 .-bg_bot{position:relative;margin-top:3.5rem;padding-top:97%;background:url(/img/nonetouch/pib/_new/content/prod/travel/bg_bot_13.jpg) no-repeat 0 100% / 100% auto}
.-tour14 .-bg_bot{position:relative;margin-top:4.1rem;padding-top:95%;background:url(/img/nonetouch/pib/_new/content/prod/travel/bg_bot_14.jpg) no-repeat 0 100% / 100% auto}
.-tour15 .-bg_bot{position:relative;margin-top:1.7rem;padding-top:102%;background:url(/img/nonetouch/pib/_new/content/prod/travel/bg_bot_15.jpg) no-repeat 0 100% / 100% auto}
.-tour16 .-bg_bot{position:relative;margin-top:2.4rem;padding-top:116%;background:url(/img/nonetouch/pib/_new/content/prod/travel/bg_bot_16.jpg) no-repeat 0 100% / 100% auto}
.-tour17 .-bg_bot{position:relative;margin-top:-11rem;padding-top:156%;background:url(/img/nonetouch/pib/_new/content/prod/travel/bg_bot_17.jpg) no-repeat 0 100% / 100% auto}
.-tourdream.-firework main {background:url(/img/nonetouch/pib/_new/content/prod/travel/bg_firework.jpg) no-repeat 0 calc(100% - 6.4rem) / 100% #10002b;}
.-tourdream.-firework .-firework_effect{position:absolute;top:6rem;width:100%}
.-tourdream.-firework .-bg_bot {position:absolute;bottom:6.4rem;}
.-tourdream.-lincoln main {background-color:#535257;}
.-tourdream.-lincoln .-lincoln_txt {position:relative;width:23.2rem;margin:5rem auto 0;z-index:1;}
.-tourdream.-lincoln .-bg_bot {position:absolute;bottom:6.4rem;}

/* 펀드상품몰 > 상품비교(popup) */
.-tb_in_btn {background:#eef1f4;border-radius:.6rem}
.-tb_in_btn em {display:block;padding:1.2rem 0.9rem}

.-chart_container {width:100%} 
.-chart_container .-range_select {display:table;table-layout:fixed;width:100%;padding:1.8rem 0 0.9rem;border-top:1px solid #f5f5f5}
.-chart_container .-range_select .-btn_rng_select {display:table-cell;width:25%;text-align:center}
.-chart_container .-range_select .-btn_rng_select em {display:inline-block;padding:1rem 1.3rem;border-radius:1rem}
.-chart_container .-range_select .-btn_rng_select.-active em {background:#000;color:#fff}
.-chart_container .-chart_area {width:100%}
.-chart_container .-chart_area.-type_bar {margin-top:2rem;padding-top:2rem;border-top:1px solid #bcbcbc} /* 하이차트_막대타입 */
.-chart_container .-chart_area.-type_bar:before {content:"";position:absolute;left:2.4rem;right:2.4rem;top:-2rem;height:1px;background-color:#f5f5f5}
.-chart_area .highcharts-tooltip {overflow-x:visible !important;min-width:7rem;height:auto;} /* 하이차트 툴팁 스타일 지정 */
.-chart_area .highcharts-tooltip > span {white-space:pre-wrap !important;word-break:keep-all;}

.-table.-pdtl {position:relative;} /* 페이지성 */
.-table.-pdtl:before {content:"";position:absolute;left:0;right:0;top:-2.2rem;height:1px;background-color:#f5f5f5}
.-table.-poy.-bg tbody.-txt_sm td {font-size:1.3rem;vertical-align:middle}

/*---------------- IRP 개인형 퇴직연금------------------*/
/*상품보유고객*/
.-prod_cen_bnr {padding-top:3rem;}
.-prod_cen_bnr .-bnr_wp {display:table-cell;vertical-align:top;width:100%;}
.-prod_cen_bnr .-bnr_wp.-bnr_01 {padding-right:.4rem;}
.-prod_cen_bnr .-bnr_wp.-bnr_02 {padding-left:.4rem;}
.-prod_cen_bnr .-bnr_wp a {display:block;color:#000;text-align:center;border-radius: .6rem;-webkit-border-radius: .6rem;-moz-border-radius:.6rem;padding:1.6rem 0 1.5rem;height:10rem;background:#f2f5f9;} /*20211029수정 lhy*/
/* .-prod_cen_bnr .-bnr_wp.-bnr_01 a {padding-top:2rem}
.-prod_cen_bnr .-bnr_wp.-bnr_02 a {padding-top:2.1rem;background:#dcdcdc;} */
.-prod_cen_bnr .-bnr_wp a p {color:#000;padding-top:0.7rem;padding-bottom:.1rem;font-size:1.4rem;line-height:1.3;font-weight:400;} /*20211029수정 lhy*/
.-prod_cen_bnr .-bnr_wp.-bnr_06 a p {padding-top:.5rem !important;padding-bottom:0;} /*202408: 실물이전신청조회 psj*/
.-prod_cen_bnr .-bnr_wp a span {font-size:1.2rem;position:relative;transform:translateY(-0.5rem);display:inline-block;padding-right:1.1rem;line-height:1;} /*20211029수정 lhy*/
.-prod_cen_bnr .-bnr_wp a span:after {content:'';position:absolute;right:0;top:.2rem;width:0.53rem;height:0.83rem;background:url(/img/nonetouch/pib/_new/content/irp_arr_type2.png) no-repeat;background-size:0.53rem 0.83rem;}
.-prod_cen_bnr .-bnr_wp a em {display:block;width:3.26rem;height:3.2rem;margin:0 auto;} /*20211029수정 lhy*/
.-prod_cen_bnr .-bnr_wp.-bnr_01 a em.-ico01 {background:url(/img/nonetouch/pib/_new/content/irp_bnr_ico01_211019.png) no-repeat;background-size:auto 3.2rem;} /*20211029수정 lhy*/
.-prod_cen_bnr .-bnr_wp.-bnr_02 a em.-ico02 {background:url(/img/nonetouch/pib/_new/content/irp_bnr_ico02_211019.png) no-repeat;background-size:auto 3.2rem;} /*20211029수정 lhy*/
/* .-prod_cen_bnr .-bnr_01 a p {padding-top:.8rem;}
.-prod_cen_bnr .-bnr_02 a p {padding-top:.7rem;} */
.-irp_contWp.-bundle {padding-top:.9rem;padding-bottom:2.2rem;}
.-irp_contWp .-heading .-h_type1 {color:#151515;font-weight:700;}
.-irp_contWp.-bundle.-irp_cont01 {padding-bottom:1.6rem;}
.-irp_cont01 .-heading {padding-bottom:1.9rem;}
.-irp_link01_wp {margin-right:-.6rem;}
.-irp_link01_wp li {width:33.33333333333333%;float:left;}
.-irp_link01_wp .-irp_link{margin-right:.6rem;margin-bottom:.6rem;;border:.1rem solid #ebebeb;border-radius: .6rem;-webkit-border-radius: .6rem;-moz-border-radius:.6rem;}
.-irp_link01_wp .-irp_link a {display:block;padding:.9rem 0 .9rem 1.1rem;text-align:left;height:8.56rem;position: relative;}
.-irp_link01_wp .-irp_link a span {display:block;font-size:1.3rem;color:#333;font-weight:300;line-height: 1.3;}
.-irp_link01_wp li em {position:absolute;right:0.9rem;bottom:0.9rem;background-image:url(/img/nonetouch/pib/_new/content/irp_goods_icon01_1_211019.png);background-size:auto 2.8rem;background-repeat:no-repeat;} /*20211029수정 lhy*/
.-irp_link01_wp .-irp01 em {width:3rem;height:2.8rem;background-position:0 0;}
.-irp_link01_wp .-irp02 em {width:2.53rem;height:2.8rem;background-position:-9.73rem 0;}
.-irp_link01_wp .-irp03 em {width:2.73rem;height:2.8rem;background-position:-18.8rem 0;}
.-irp_link01_wp .-irp04 em {width:2.66rem;height:2.8rem;background-image:url(/img/nonetouch/pib/_new/content/irp_goods_icon01_2.png);background-position:0 0;}
.-irp_link01_wp .-irp05 em {width:2.06rem;height:2.8rem;background-image:url(/img/nonetouch/pib/_new/content/irp_goods_icon01_2.png);background-position:-9.86rem 0;}
.-irp_link01_wp .-irp06 em {width:2.46rem;height:2.8rem;background-image:url(/img/nonetouch/pib/_new/content/irp_goods_icon01_2.png);background-position:-18.76rem 0;}
.-irp_cont02 .-heading {padding-bottom:1.7rem}
.-irp_listType01 .-list.-line .-list_item {padding:0;border-bottom:0;}
.-irp_listType01 .-list.-line .-list_item  + .-list_item {border-top:1px solid #e1e1e1;}
.-irp_listType01 .-list.-line .-list_item a {padding:1.15rem 0;}
.-irp_listType01 .-list.-line .-list_item em {font-size:1.46rem;color:#151515;font-weight:500;}
.-irp_listType01 .-list.-line .-list_item:first-child {padding-top:0;}
.-irp_listType01 .-list.-link .-list_item:after {right:0.96rem}
.-irp_manage  {margin-right:-2%}
.-irp_manage .-mn_link {width:20%;float:left;width:18%;margin-right:2%;}
.-irp_manage .-mn_link a {display:block;text-align:center;}
.-irp_manage .-mn_link span {display:block;font-size:1.3rem;color:#151515;letter-spacing: -0.1rem;line-height:1.3;min-height:2.2rem;text-align:center;font-weight:300;}
.-irp_manage .-mn_link.-mn04  span,.-irp_manage .-mn_link.-mn07  span{margin-left:-.3rem;margin-right:-.3rem;}
.-irp_manage .-mn_link a em.-ico {width:70%;margin:0 auto;height:auto;padding-bottom:70%;display:block;background-repeat:no-repeat;margin-bottom:0.5rem}
.-irp_manage.-irp_mn01 span {min-height:5.1rem;}
.-irp_contWp.-bundle.-irp_cont03 {padding-bottom:1.9rem;}
.-irp_manage .-mn_link.-mn01 a em.-ico{background-image:url(/img/nonetouch/pib/_new/content/irp_goods_06_211019.png);background-size:100% auto;} /*20211029수정 lhy*/
.-irp_manage .-mn_link.-mn02 a em.-ico{background-image:url(/img/nonetouch/pib/_new/content/irp_goods_07_211019.png);background-size:100% auto;}
.-irp_manage .-mn_link.-mn03 a em.-ico{background-image:url(/img/nonetouch/pib/_new/content/irp_goods_01_211019.png);background-size:100% auto;}
.-irp_manage .-mn_link.-mn04 a em.-ico{background-image:url(/img/nonetouch/pib/_new/content/irp_goods_02_211019.png);background-size:100% auto;}
.-irp_manage .-mn_link.-mn05 a em.-ico{background-image:url(/img/nonetouch/pib/_new/content/irp_goods_03_211019.png) ;background-size:100% auto;}
.-irp_manage .-mn_link.-mn06 a em.-ico{background-image:url(/img/nonetouch/pib/_new/content/irp_goods_04_211019.png);background-size:100% auto;}
.-irp_manage .-mn_link.-mn07 a em.-ico{background-image:url(/img/nonetouch/pib/_new/content/irp_goods_08_211019.png);background-size:100% auto;}
.-irp_manage .-mn_link.-mn08 a em.-ico{background-image:url(/img/nonetouch/pib/_new/content/irp_goods_09_211019.png);background-size:100% auto;}
.-irp_manage .-mn_link.-mn09 a em.-ico{background-image:url(/img/nonetouch/pib/_new/content/irp_goods_10_211019.png);background-size:100% auto;}
.-irp_manage .-mn_link.-mn10 a em.-ico{background-image:url(/img/nonetouch/pib/_new/content/irp_goods_05_211019.png) ;background-size:100% auto;} /*20211029수정 lhy*/

@media screen and (min-width:320px) and (max-width:374px) {
	.-irp_manage .-mn_link.-mn01  span em,.-irp_manage .-mn_link.-mn04  span em  {display:block;}
	.-irp_manage.-irp_mn01 span {min-height:5.4rem;}
}
@media screen and (min-width:320px) and (max-width:414px) {
	.-irp_manage .-mn_link a em.-ico {width:90%;padding-bottom:90%;}
}
.-irp_event .-heading {position:relative;}
.-irp_event .-link.-arr_large {position:absolute;right:0;top:1.2rem;padding-right:1.26rem;}
.-irp_event .-link.-arr_large em {font-size:1.3rem;color:#666;}
.-irp_event .-link.-arr_large:after {width:.5rem;height:1rem;background:url(/img/nonetouch/pib/_new/content/irp_arr.png) no-repeat;background-size:.5rem 1rem;opacity: 1;vertical-align: inherit;}
.-irp_noprod_cont01.-bundle {padding-bottom:1.05rem}
.-irp_noprod_cont01 .-heading {padding-bottom:.5rem;}
.-irp_noprod_list .-list.-line .-list_item:first-child {padding-top:2.2rem;}
.-irp_noprod_list .-list.-line .-list_item {padding:1.9rem 0 1.76rem;}
.-irp_noprod_list .-list.-line .-list_item  + .-list_item {border-top:1px solid #e1e1e1;}
.-irp_noprod_list .-list.-line .-list_item {border-bottom:0;}
.-irp_noprod_list .-list_tit {font-size:1.48rem;padding-right:4.0rem;color:#151515;}
.-irp_noprod_list .-list_txt {font-size:1.33rem;color:#333}
.-irp_noprod_list .-list_tit+.-list_txt {margin-top:.2rem;}
/*상품미보유 고객*/
.-bundle.-irp_noprod_cont02 {padding-bottom:1.5rem;}
.-irp_link02_wp {margin-right:-.7rem;margin-top:-0.1rem;}
.-irp_link02_wp li {width:50%;float:left;}
.-irp_link02_wp .-irp_link{margin-right:.7rem;margin-bottom:.7rem;;border:.1rem solid #ebebeb;border-radius: .5rem;-webkit-border-radius: .5rem;-moz-border-radius:.5rem;}
.-irp_link02_wp .-irp_link a {display:block;padding:.9rem 0 0 1.2rem;text-align:left;height:6.4rem;position: relative;}
.-irp_link02_wp .-irp_link a span {display:block;font-size:1.3rem;color:#333;font-weight:300;line-height: 1.25}
.-irp_link02_wp li em {position:absolute;right:0.9rem;bottom:0.8rem;background-image:url(/img/nonetouch/pib/_new/content/irp_nogoods_icon02_1019.png);background-size:19.2rem 17.4rem;background-repeat:no-repeat;} /*20211029수정 lhy*/
.-irp_link02_wp .-irp01 em {width:2.8rem;height:2.8rem;background-position:-2.46rem 0;}
.-irp_link02_wp .-irp02 em {width:2.36rem;height:2.8rem;background-position:-16.8rem 0;}
.-irp_link02_wp .-irp03 em {width:5.26rem;height:2.85rem;background-position:0 -7.33rem;}
.-irp_link02_wp .-irp04 em {width:2.7rem;height:2.85rem;background-position:-16.5rem -7.33rem;;}
.-irp_link02_wp .-irp05 em {width:2.8rem;height:2.8rem;background-position:-2.46rem -14.6rem;}
.-irp_link02_wp .-irp06 em {width:2.8rem;height:2.8rem;background-position:-16.4rem -14.6rem;}
.-irp_event .-irp_event_cont a {display:block;}
.-irp_event .-irp_event_cont a img {width:100%;border-radius: .6rem;-webkit-border-radius: .6rem;-moz-border-radius:.6rem;}

/* 연금저축펀드 */
.-bnr.-annuity:after{right:1.8rem;bottom:2.5rem;width:9rem;height:7.9rem;background:url(/img/nonetouch/pib/_new/content/bg_ico_annuity.png) no-repeat 0 0 / 100%}
.-bnr.-annuity .-bnr_desc .-bnr_tit{padding-right:0}
.-bnr.-annuity .-bnr_desc .-bnr_txt.-small{font-size:1.1rem}
.-bnr.-annuity .-bnr_desc .-bnr_txt.-ico{position:relative;padding-left:1.5rem;padding-right:0}
.-bnr.-annuity .-bnr_desc .-bnr_txt.-ico:before{content:'';position:absolute;top:2px;left:0;width:1.1rem;height:1.1rem;background:url(/img/nonetouch/pib/_new/content/ico_attention.png) no-repeat 0 0 / 100% auto}
.-bnr.-annuity .-bnr_desc .-link{position:absolute;bottom:3rem;}
.-bnr.-annuity .-bnr_desc .-link:active{color:#fff}
.-bnr.-annuity .-bnr_desc .-link:after{background:url(/img/nonetouch/pib/_new/content/bg_set_link.png) no-repeat 0 50% / .5rem auto;}

.-tab_cont.-type2 .-prod_link_list{margin-top:3rem;padding-top:0}
.-tab_cont.-type2 .-prod_link_list:before{content:none}
.-tab_cont.-type2 .-link_item{height:6.1rem;text-align:center}
.-tab_cont.-type2 .-link_item.-w100{position:relative;width:100%;height:8.5rem;}
.-tab_cont.-type2 .-link_item.-w100:after{content:'';position:absolute;top:50%;right:2.2rem;width:.8rem;height:1.4rem;background:url(/img/nonetouch/pib/_new/content/ico_arr_annuity.png) no-repeat 0 0 / .7rem auto;transform:translateY(-50%)}
.-tab_cont.-type2 .-link_item.-w100 a{padding-left:9.6rem;background:url(/img/nonetouch/pib/_new/content/ico_annuity2.png) no-repeat 2rem 50% / 6.3rem auto;text-align:left;}
.-tab_cont.-type2 .-link_item{display:table}
.-tab_cont.-type2 .-link_item a{display:table-cell;padding:0;vertical-align:middle}

/* --------으쓱 적금----- */
/*상품 상세*/
.-prd_detail .-esg1_wrap .-esg1 * {left:50%;background-repeat:no-repeat;background-size:100% auto}
.-prd_detail .-esg1_wrap .-gBox {height:20.2rem;opacity:0;}
.-prd_detail .-esg1 .-esg1_ele06 {top:8.4rem;margin:0 0 0 -3rem;width:6.6rem;height:6.6rem;background:url(/img/nonetouch/pib/_new/content/detail_wo_coin.png) no-repeat 0 0/100%}
.-prd_detail .-esg1 .-esg1_ele05 {top:5rem;margin:0 0 0 -3rem;width:6.6rem;height:7.6rem}
.-prd_detail .-esg1 .-esg1_ele01 {top: 7.4rem;margin:0 0 0 -4.8rem;width:9.6rem;height:9.9rem;background:url(/img/nonetouch/pib/_new/content/esg_1_1.png) no-repeat 0 0/100%;border-radius:0rem;box-shadow:none;z-index:2}
.-prd_detail .-esg1 .-esg1_ele04 {top: 0.4rem;margin:0 0 0 -2.85rem;width:5.7rem;height:7.3rem;background:#fff url(/img/nonetouch/pib/_new/content/esg_1_2.png) no-repeat center bottom;z-index:1;padding-top:3rem;background-size:100% auto;}
.-prd_detail .-esg1 .-esg1_ele02_1 {top:11.8rem;margin:0 0 0 .4rem;width:0.96rem;height:0.63rem;background:url(/img/nonetouch/pib/_new/content/esg_1_3_4.png) no-repeat;background-size:100% auto;}
.-prd_detail .-esg1 .-esg1_ele02_2 {top:11.1rem;margin:0 0 0 3.36rem;width:1.36rem;height:1.03rem;background:url(/img/nonetouch/pib/_new/content/esg_1_3_3.png) no-repeat;background-size:100% auto;}
.-prd_detail .-esg1 .-esg1_ele03_1 {top:7.1rem;margin:0 0 0 -1.33rem;width:2.66rem;height:2.43rem;background:url(/img/nonetouch/pib/_new/content/esg_1_3_1.png) no-repeat;background-size:100% auto;}
.-prd_detail .-esg1 .-esg1_ele03_2 {top:7.1rem;margin:0 0 0 -1.73rem;width:1.13rem;height:0.76rem;background:url(/img/nonetouch/pib/_new/content/esg_1_3_2.png) no-repeat;background-size:100% auto;}
.-prd_detail .-esg1_wrap .-esg1 .-esg1_ele05 {top:16.2rem;margin:0 0 0 2.2rem;width:3.4rem;height:1.1rem;background-image:url(/img/nonetouch/pib/_new/content/esg_coin02.png);z-index:3}
.-prd_detail .-esg1_wrap .-esg1 .-esg1_ele06 {top:15.1rem;margin:0 0 0 3rem;width:3.4rem;height:1.1rem;background-image:url(/img/nonetouch/pib/_new/content/esg_coin01.png);z-index:3}
.-prd_detail .-esg1_wrap .-esg1 .-esg1_ele07 {top:14.0rem;margin:0 0 0 2.5rem;width:3.4rem;height:1.1rem;background-image:url(/img/nonetouch/pib/_new/content/esg_coin02.png);z-index:3}
.-prd_detail .-esg1_wrap .-esg1 .-esg1_ele08 {top:12.9rem;margin:0 0 0 3.0rem;width:3.4rem;height:1.1rem;background-image:url(/img/nonetouch/pib/_new/content/esg_coin01.png);z-index:3}
.-prd_detail .-esg2_wrap .-esg2 * {left:50%}
.-prd_detail .-esg2_wrap .-gBox {height:20.7rem;position:relative;opacity:0;}
.-prd_detail .-esg2 .-esg2_ele01 {position:absolute;left:50%;top:-3rem;width:9.8rem;height:15.5rem;margin:3.6rem 0 0 -5.6rem;background: #fff url(/img/nonetouch/pib/_new/content/esg_2_1.png) no-repeat center bottom;background-size:100%;border-radius:0rem;box-shadow:none;padding-top:3rem;}
.-prd_detail .-esg2 .-esg2_ele02 {top:10.4rem;margin:0 0 0 -2.6rem;width:10.8rem;height:8rem;background-image:url(/img/nonetouch/pib/_new/content/esg_2_2.png);background-size:100% auto;}
.-prd_detail .-esg2 .-esg2_ele03 {top:11.8rem;margin:0 0 0 2rem;width:1.1rem;height:.5rem;background:#ffebb5;border-radius:100%}
.-prd_detail .-esg2 .-esg2_ele04 {top:11.1rem;margin:0 0 0 4.1rem;width:1.6rem;height:.8rem;background:#ffd300;border-radius:100%}
.-prd_detail .-esg2 .-esg2_ele05 {top:1.6rem;margin:0 0 0 -0.8rem;width:1.0rem;height:.45rem;background:#ffd300;border-radius:100%}
.-prd_detail .-esg2 .-esg2_ele06 {top:5.4rem;margin:0 0 0 -3.95rem;width:3.9rem;height:3.9rem;background-image:url(/img/nonetouch/pib/_new/content/esg_2_3_coin01.png);background-size:100% auto;}
.-prd_detail .-esg2 .-esg2_ele07 {top:2.8rem;margin:0 0 0 -2.25rem;width:2.3rem;height:2.3rem;background-image:url(/img/nonetouch/pib/_new/content/esg_2_3_coin02.png);background-size:100% auto;}
.-prd_detail .-esg2 .-esg2_ele08 {top:5.3rem;margin:0 0 0 -2.1rem;width:1.3rem;height:0.7rem;background:#ffebb5;border-radius:100%}

/*우리 으쓱 적금 관리 - eco life*/
.-esg_info_top {padding:4rem 0;background:#00b4ab;text-align:center;}
.-esg_info_top .-esg_title .-esg_stit {display:block;font-size:1.7rem;font-weight:500;color:#fff;line-height:1;margin-bottom:.7rem}
.-esg_info_top .-esg_title .-esg_tit {display:block;font-size:2.5rem;font-weight:700;color:#fff;line-height:1;}
.-esg_info_top .-esg_info {width:15.8rem;margin:2.4rem auto 0;text-align:left;}
.-esg_info_top .-esg_info li {width:100%;margin-top:0;color:#fff;display:table;vertical-align: middle;}
.-esg_info_top .-esg_info li .-esg_tit {display:table-cell;width:10.4rem;}
.-esg_info_top .-esg_info li .-esg_numWp {font-size:1.3rem;width:5.4rem;display:table-cell;background:#148f89;border-radius:1rem;-webkit-border-radius:1rem;text-align:center;}
.-esg_info_top .-esg_info li .-esg_numWp strong {font-weight:700;font-size:1.3rem;color:#fff;line-height:1.39;margin-right:.4rem;}
.-esg_info_top .-esg_info li .-esg_numWp span {font-weight:400;font-size:1.3rem;line-height:1.39}
.-esg_info.-list .-list_item {line-height:1.39}
.-esg_info.-list.-disc .-list_item:before {background:#fff;top:.8rem;}
.-esg_info.-list .-list_item.-fir {margin-bottom:.5rem;}
.-esg_life_txt {position:relative;color:#151515;font-size:1.6rem;font-weight:500;text-align:center;line-height:1;padding:4.5rem 0 5rem;}
.-esg_life_txt span {display: inline-block;position: relative;line-height: 1.5;z-index: 1;}
.-esg_life_txt span:before {content: '';display: block;position: absolute;bottom: 0.2rem;left: -0.4rem;width: 100%;height: 0.8rem;border-radius: 0.4rem;background-color: #e7f4fd;padding: 0 0.4rem;box-sizing: content-box;z-index: -1;}
.-esg_stamp_wp {position:relative;border:1px solid #bcbcbc;border-radius:0.6rem;-webkit-border-radius:0.6rem;padding:2.6rem 1rem 2rem;margin-bottom:3.46rem;}
.-esg_stamp_wp + .-esg_stamp_wp {margin-bottom:0;}
.-esg_stamp_wp .-esg_st_tit {position:absolute;left:0;right:0;width:100%;top:-1.15rem;text-align:center;}
.-esg_stamp_wp .-esg_st_tit strong {display:inline-block;background:#fff;font-weight:700;color:#151515;font-size:1.5rem;line-height:1;padding:0 .9rem;}
.-esg_st_cont ul {width:100%;}
.-esg_st_cont ul li {width:33.333333333333%;float:left;border-right:1px solid #ebebeb;padding:1.6rem 0 .7rem}
.-esg_st_cont ul li > a {display:block;}
.-esg_st_cont ul li.-fir {padding:.6rem 0 1.7rem;border-bottom:1px solid #ebebeb;}
.-esg_st_cont ul li.-esg03, .-esg_st_cont ul li.-esg06,.-esg_st_cont ul li:nth-of-type(3n) {border-right:0;} 
.-esg_stamp {text-align:center;}
.-esg_stamp .-stamp {width:5.2rem;height:5.2rem;margin:0 auto 1.1rem;background-image:url(/img/nonetouch/pib/_new/content/esg_stamp_default.png);background-size:100% auto;}
.-esg_stamp .-esg_st_txt {color:#666;font-size:1.2rem;font-weight:400;line-height:1.1;font-family:RobotoNew, Noto Sans CJK KR !important;}
.-esg_stamp .-esg_st_txt span {font-size:1.3rem;}
.-esg_stamp.-next p, .-esg_stamp.-success p, .-esg_stamp.-ing p{color:#333;}
.-esg_stamp.-next span.-blind, .-esg_stamp.-success span.-blind, .-esg_stamp.-ing span.-blind{display:none;}
/*우리 으쓱 적금 관리 - 대중교통이용*/
.-esg_stamp_wp.-use_01 {margin-top:-0.5rem;padding-top:2rem;margin-bottom:0rem;}
.-esg_stamp_wp.-use_01 .-esg_st_cont ul li {padding:1.6rem 0 1.7rem;border-bottom:1px solid #ebebeb;}
.-esg_stamp_wp.-use_01 .-esg_st_cont ul li.-btm {border-bottom:0;padding-bottom:.7rem;}
.-esg_stamp_wp.-use_01 .-esg_st_cont ul li.-fir {padding-top:.6rem;}
/*서약동의 월별 컨텐츠*/
.frame_pageWrap.-goods.-esg main {background:#f2f5f9}
.frame_pageWrap .page_container.-esg_promise_wp {margin-bottom:0}
.-esg_promise_wp .-esg_info_top {background:#fff;padding:4rem 0 0;}
.-esg_promise_wp .-esg_info_top .-esg_title .-esg_stit {color:#333}
.-esg_promise_wp .-esg_info_top .-esg_title .-esg_tit {color:#151515}
.-esg_promise_wp .-esg_info_top .-esg_title .-esg_txt {color:#204b85;line-height:1;margin-top:1.4rem;}
.-esg_img_area .-esg_no {float:left;width:50%;padding-bottom:45.6%;background: url(/img/nonetouch/pib/_new/content/esg_type1.png);background-size:200% auto;background-repeat: no-repeat;}
.-esg_img_area .-esg_yes {float:left;width:50%;padding-bottom:45.6%;background:url(/img/nonetouch/pib/_new/content/esg_type1.png);background-size:200% auto;background-repeat: no-repeat;background-position:100% 0;}
.-esg_img_area .-type2_1 {background: url(/img/nonetouch/pib/_new/content/esg_type2.png);background-size:200% auto;background-repeat: no-repeat;}
.-esg_img_area .-type2_2 {background: url(/img/nonetouch/pib/_new/content/esg_type2.png);background-size:200% auto;background-repeat: no-repeat;background-position:100% 0;}
.-esg_img_area .-type3_1 {background: url(/img/nonetouch/pib/_new/content/esg_type3.png);background-size:200% auto;background-repeat: no-repeat;}
.-esg_img_area .-type3_2 {background: url(/img/nonetouch/pib/_new/content/esg_type3.png);background-size:200% auto;background-repeat: no-repeat;background-position:100% 0;}
.-esg_img_area .-type4_1 {background: url(/img/nonetouch/pib/_new/content/esg_type4.png);background-size:200% auto;background-repeat: no-repeat;}
.-esg_img_area .-type4_2 {background: url(/img/nonetouch/pib/_new/content/esg_type4.png);background-size:200% auto;background-repeat: no-repeat;background-position:100% 0;}
.-esg_img_area .-type5_1 {background: url(/img/nonetouch/pib/_new/content/esg_type5.png);background-size:200% auto;background-repeat: no-repeat;}
.-esg_img_area .-type5_2 {background: url(/img/nonetouch/pib/_new/content/esg_type5.png);background-size:200% auto;background-repeat: no-repeat;background-position:100% 0;}
.-esg_img_area .-type6_1 {background: url(/img/nonetouch/pib/_new/content/esg_type6.png);background-size:200% auto;background-repeat: no-repeat;}
.-esg_img_area .-type6_2 {background: url(/img/nonetouch/pib/_new/content/esg_type6.png);background-size:200% auto;background-repeat: no-repeat;background-position:100% 0;}
.-esg_img_area .-type7_1 {background: url(/img/nonetouch/pib/_new/content/esg_type7.png);background-size:200% auto;background-repeat: no-repeat;}
.-esg_img_area .-type7_2 {background: url(/img/nonetouch/pib/_new/content/esg_type7.png);background-size:200% auto;background-repeat: no-repeat;background-position:100% 0;}
.-esg_img_area .-type8_1 {background: url(/img/nonetouch/pib/_new/content/esg_type8.png);background-size:200% auto;background-repeat: no-repeat;}
.-esg_img_area .-type8_2 {background: url(/img/nonetouch/pib/_new/content/esg_type8.png);background-size:200% auto;background-repeat: no-repeat;background-position:100% 0;}
.-esg_img_area .-type9_1 {background: url(/img/nonetouch/pib/_new/content/esg_type9.png);background-size:200% auto;background-repeat: no-repeat;}
.-esg_img_area .-type9_2 {background: url(/img/nonetouch/pib/_new/content/esg_type9.png);background-size:200% auto;background-repeat: no-repeat;background-position:100% 0;}
.-esg_img_area .-type10_1 {background: url(/img/nonetouch/pib/_new/content/esg_type10.png);background-size:200% auto;background-repeat: no-repeat;}
.-esg_img_area .-type10_2 {background: url(/img/nonetouch/pib/_new/content/esg_type10.png);background-size:200% auto;background-repeat: no-repeat;background-position:100% 0;}
.-esg_img_area .-type11_1 {background: url(/img/nonetouch/pib/_new/content/esg_type11.png);background-size:200% auto;background-repeat: no-repeat;}
.-esg_img_area .-type11_2 {background: url(/img/nonetouch/pib/_new/content/esg_type11.png);background-size:200% auto;background-repeat: no-repeat;background-position:100% 0;}
.-esg_img_area .-type12_1 {background: url(/img/nonetouch/pib/_new/content/esg_type12.png);background-size:200% auto;background-repeat: no-repeat;}
.-esg_img_area .-type12_2 {background: url(/img/nonetouch/pib/_new/content/esg_type12.png);background-size:200% auto;background-repeat: no-repeat;background-position:100% 0;}
.-esg_promise_info {background:#f2f5f9;padding-top:1.2rem;text-align:center;}
.-esg_promise_txt {background:#fff;padding:2rem;border-radius:.6rem;-webkit-border-radiuw:.6rem;}
.-esg_promise_txt .-e_tit {display:block;font-weight:400;line-height:1;padding-bottom:1.5rem;border-bottom:1px solid #f5f5f5;margin-bottom:1.3rem;}
.-esg_promise_txt p {color:#666;font-size:1.3rem;line-height:1.3;letter-spacing: -0.25px;}/*20211203 추가*/
.-esg_promise_txt p  span {display: inline-block;position: relative;line-height: 1.5;z-index: 1;color:#333;}
.-esg_promise_txt p span:before {content: '';display: block;position: absolute;bottom: 0.2rem;left: -0.4rem;width: 100%;height: 0.8rem;border-radius: 0.4rem;background-color: #e7f4fd;padding: 0 0.4rem;box-sizing: content-box;z-index: -1;}
.-esg_promise_txt p span.e_type:before {width:97%} 
.-esg_promise_txt p span.e_type2:before {width:96%;left:-0.2rem;} /*20211203 추가*/
.-esg_promise_txt p span strong {font-weight:400;font-size:1.4rem;font-family:'RobotoNew';}
.-esg_promise_txt .-esg_bold {font-weight:400;font-size:1.4rem;font-family:'RobotoNew';color:#666}/*20211203 추가*/
.-esg_state {margin-bottom:2.8rem;position:relative;}
.-esg_state:after {content:'';position:absolute;left:50%;bottom:-1.6rem;width:1.16rem;height:0.633rem;background:url(/img/nonetouch/pib/_new/content/esg_arr.png);background-size:1.16rem 0.633rem;margin-left:-0.58rem}

/* 비대면여신-임대보증금 보증 개선 */
.-sd_order {display:table;table-layout:fixed;width:100%;margin:1.2rem 0;}
.-sd_order .-sd_order_item {display:table-cell;text-align:center;}
.-sd_order .-sd_order_item .-sd_order_tit {position:relative;display:block;margin-bottom:1.2rem;padding-bottom:1.5rem;font-size:1rem;font-weight:500;color:#b3b3b3;}
.-sd_order .-sd_order_item .-sd_order_tit:before {content:"";z-index:2;position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:0.8rem;height:0.8rem;background-color:#bcbcbc;border:2px solid #fff;border-radius:50%;}
.-sd_order .-sd_order_item .-sd_order_tit:after {content:"";z-index:1;position:absolute;left:50%;bottom:0.5rem;width:100%;height:2px;background-color:#bcbcbc;}
.-sd_order .-sd_order_item:last-child .-sd_order_tit:after {display:none;}
.-sd_order .-sd_order_item .-sd_order_status {width:100%;height:5rem;margin-bottom:0.9rem;}
.-sd_order .-sd_order_item .-sd_order_status .-symbol {position:relative;display:block;width:5rem;height:100%;margin:0 auto;background-color:#e7f4fd;border:2px solid #e7f4fd;border-radius:50%;}
.-sd_order .-sd_order_item .-sd_order_status .-symbol em {position:absolute;top:50%;transform:translateY(-50%);display:block;width:100%;font-size:1.2rem;font-weight:500;line-height:1.2;}
.-sd_order .-sd_order_item .-sd_order_txt {display:block;width:100%;font-size:1.1rem;font-weight:500;color:#999;}

.-sd_order .-sd_order_item .-sd_order_status.-done .-symbol {border-color:#1490ef;background-color:#fff;color:#1490ef;}
.-sd_order .-sd_order_item .-sd_order_status.-doing .-symbol {border-color:#1490ef;background-color:#1490ef;color:#fff;}
.-sd_order .-sd_order_item .-sd_order_status.-edit .-symbol {border-color:#39b174;background-color:#fff;color:#39b174;}
.-sd_order .-sd_order_item .-sd_order_status.-disable .-symbol {border-color:#e5483d;background-color:#e5483d;color:#fff;}

.-sd_order .-sd_order_item.-passed .-sd_order_tit:before {background-color:#1490ef;border-color:#1490ef;}
.-sd_order .-sd_order_item.-passed .-sd_order_tit:after {background-color:#1490ef;}
.-sd_order .-sd_order_item.-current .-sd_order_tit {color:#1490ef;}
.-sd_order .-sd_order_item.-current .-sd_order_tit:before {background-color:#fff;border-color:#1490ef;}
.-sd_order .-sd_order_item.-current .-sd_order_txt {color:#4f4e4e;}

.-sd_history .-history_box {margin:1.2rem 0;}
.-history_box .-history_name {position:relative;width:100%;height:5.8rem;padding:0 3rem;background-color:#2fc3ed;border-radius:0.6rem;font-size:2rem;text-align:center;line-height:5.8rem;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.-sd_history .-history_box .-history_name:after {content:"";position:absolute;right:1.5rem;top:1rem;width:6.3rem;height:5.9rem;background:url(/img/nonetouch/pib/_new/content/ico_sd_history_name.png) no-repeat 0 0;background-size:auto 5.9rem;}
.-sd_history .-history_box .-history_name strong {padding-left:0.8rem;font-size:2.2rem;font-weight:500;color:#fff;}
.-history_box .-history_list {margin-top:1.2rem;}
.-history_box .-history_list .-history_item {position:relative;padding:1rem 1.6rem; /* border:1px solid blue; */}
.-history_box .-history_list .-history_item:after {content:"";display:block;clear:both;}
.-history_box .-history_list .-history_item .-history_info {float:left;width:50%;}
.-history_box .-history_list .-history_item .-history_info > * {display:block;}
.-history_box .-history_list .-history_item .-history_info  .-where {font-size:2rem;font-weight:700;margin-bottom:0.6rem;}
.-history_box .-history_list .-history_item .-history_info  .-who {position:relative;padding-left:1.5rem;font-size:1.3rem;font-weight:500;color:#666;}
.-history_box .-history_list .-history_item .-history_info  .-who:before {content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1.2rem;height:1.2rem;background:url(/img/nonetouch/pib/_new/content/ico_sd_history_who.png) no-repeat 0 0;background-size:auto 1.2rem;}
.-history_box .-history_list .-history_item .-history_step {position:absolute;right:1.6rem;top:50%;transform:translateY(-50%);width:5rem;height:5rem;line-height:5rem;}
.-history_box .-history_list .-history_item .-history_step > * {display:block;width:100%;height:100%;border-radius:50%;font-weight:500;text-align:center;}
.-history_box .-history_list .-history_item .-history_step .-proceed {border:2px solid #00afe1;font-size:1.2rem;color:#00afe1;}
.-history_box .-history_list .-history_item .-history_step .-complete {background-color:#00afe1;font-size:1.3rem;color:#fff;}
.-history_box .-history_list .-history_item.-type2 {padding-right:0;}
.-history_box .-history_list .-history_item .-history_check {position:absolute;right:0;top:50%;transform:translateY(-50%);width:50%;height:5rem;border-radius:0.6rem;background-color:#f2f2f2;}
.-history_box .-history_list .-history_item .-history_check > * {display:block;width:100%;height:100%;font-weight:500;}
.-history_box .-history_list .-history_item .-history_check .-hold {font-size:1.2rem;padding-top:0.9rem;color:#e5483d;}
.-history_box .-history_list .-history_item .-history_check .-done {font-size:1.5rem;padding-top:1.4rem;color:#007698;}
.-history_box .-history_list .-history_item .-history_check em {display:inline-block;position:relative;left:50%;transform:translateX(-50%);}

.-sd_tabmenu {margin:-0.4rem -0.5rem;}
.-sd_tab {width:100%;padding:1.6rem 0;}
.-sd_tab:after {content:"";display:block;clear:both;}
.-sd_tab .-sd_tab_item {float:left;width:50%;padding:0.4rem 0.5rem;}
.-sd_tab .-sd_tab_item .-sd_tab_btn {width:100%;padding:1rem 1.2rem;background-color:#efefef;border:2px solid #efefef;border-radius:0.8rem;}
.-sd_tab .-sd_tab_item .-sd_tab_btn em {display:block;text-align:center;font-size:1.3rem;font-weight:500;}
.-sd_tab .-sd_tab_item .-sd_tab_btn.-active {border-color:#1490ef;background-color:#fff;}
.-sd_tab .-sd_tab_item .-sd_tab_btn.-active em {color:#1490ef;}

/*복합상품 o2o 수정*/
.-o2o_up_detail_top {padding-bottom:2.7rem;}
.-o2o_up_detail_top .-up_str {color:#204b85}
.-o2o_up_detail_top p.-subtxt {margin-top:1.2rem;}
.-o2o_up_detail_info h2 {color:#333;}
.-prd_detail .up_detail_top.-o2o_up_detail_top .-tit{margin-top:0.1rem;}
.-bundle+.-bundle.-o2o_up_detail_info {border-top:0;}
.-o2o_up_detail_info .-o2o_info_wp .-o2o_cont_wp{width:33.33333333%;float:left;padding-top:8.4rem;text-align:center;}
.-o2o_up_detail_info .-o2o_info_wp .-o2o_cont_wp.-o2o_type1 {position:relative;}
.-o2o_up_detail_info .-o2o_info_wp .-o2o_cont_wp.-o2o_type1:after {content:'';display:block;width:7.4rem;height:7.4rem;background-image:url(/img/nonetouch/pib/_new/content/o2o_new_icon.png);background-size:auto 7.4rem;background-repeat: no-repeat;background-position: 0 0;position:absolute;top:0;left:0;}
.-o2o_up_detail_info .-o2o_info_wp .-o2o_cont_wp.-o2o_type2 {position:relative;}
.-o2o_up_detail_info .-o2o_info_wp .-o2o_cont_wp.-o2o_type2:after {content:'';display:block;width:7.4rem;height:7.4rem;background-image:url(/img/nonetouch/pib/_new/content/o2o_new_icon.png);background-size:auto 7.4rem;background-repeat: no-repeat;position:absolute;top:0;left:50%;margin-left:-3.7rem;background-position: -9.83rem 0;}
.-o2o_up_detail_info .-o2o_info_wp .-o2o_cont_wp.-o2o_type3 {position:relative;}
.-o2o_up_detail_info .-o2o_info_wp .-o2o_cont_wp.-o2o_type3:after {content:'';display:block;width:7.4rem;height:7.4rem;background-image:url(/img/nonetouch/pib/_new/content/o2o_new_icon.png);background-size:auto 7.4rem;background-repeat: no-repeat;position:absolute;top:0;right:0;background-position: -19.83rem 0;}
.-o2o_up_detail_info .-o2o_info_wp .-o2o_cont_wp .-o2o_kinds {display:block;font-size:1.3rem;color:#1364ba;}
.-o2o_up_detail_info .-o2o_info_wp .-o2o_cont_wp .-o2o_info {display:block;line-height:1;font-size:1.4rem;color:#151515;font-weight:500;margin:0.7rem 0 0.3rem;}
.-o2o_up_detail_info .-o2o_info_wp .-o2o_cont_wp .-o2o_txt  {font-size:1.3rem;color:#333;}
.-o2o_up_detail_info .-o2o_info_wp .-o2o_cont {width:7.4rem;margin:0 auto;}
.-o2o_up_detail_info .-o2o_info_wp .-o2o_type1 .-o2o_cont{position:absolute;left:0;}
.-o2o_up_detail_info .-o2o_info_wp .-o2o_type3 .-o2o_cont{position:absolute;right:0;}
.-o2o_up_detail_info.-bundle {padding:2.5rem 2.4rem 2.7rem}
.-prod .-o2o_up_detail_info .-heading {padding-bottom:1.6rem;}

/* ELT 버튼 스타일 추가 */
.-elt_wbtn.btns_wrapCont.renew_fund_prdt_img_btn_type1 .golink-prod{width:13.6rem;position:relative;text-align:center;display:block;font-size:1.6rem; padding:1rem 1.5rem 1rem .2rem;}
.-elt_wbtn.btns_wrapCont.renew_fund_prdt_img_btn_type1 .golink-prod:after{content: ""; display: inline-block; width: 10px; height: 16px; background: url(/img/nonetouch/pib/bg_link_arrow.png) no-repeat 0 0; background-size: 28px; background-position: 0px -89px; position: absolute; top: 50%; margin-top: -7px; margin-left: 2px;}
.-button.-ghost.-bnr_txt.-pad_r_0{padding-right: 0rem !important;}

/* ELT 여백 스타일 추가 */
.-bnr.-bg_bnr07.-bg_bnr07_1 dl.-bnr_desc.-m_hauto{min-height:auto !important;}


/* 신용대출 */
.-bnr.-bnr_renew2 .-bnr_desc .-bnr_more {margin-top: .8rem;}
.-bnr.-bnr_renew2 .-bnr_desc .-bnr_more .-bnr_btn{display:inline-block;padding:0.5rem 0.8rem;border-radius:0.6rem;background:rgba(0,0,0,.2);}
.-bnr.-bnr_renew2 .-bnr_desc .-bnr_more .-bnr_btn .-btn_more_txt{display:inline-block;font-size:1.4rem;font-weight:500;letter-spacing:-0.75px;}

.-tab_depth2_wrap.-hashtag {position: relative;padding: 0; top: 0; color: #848a92; border-bottom: 1px solid #f2f5f9;}
.-tab_depth2_wrap.-hashtag .-tab.-depth2{position: static;margin: 0;padding: 1.2rem 0;} 
.-tab_depth2_wrap.-hashtag .-tab.-depth2 .-tab_item:first-child {margin: 0;}
.-tab_depth2_wrap.-hashtag .-tab.-depth2 .-tab_item+.-tab_item {margin-left: .8rem;}
.-tab_depth2_wrap.-hashtag .-tab.-depth2 .-tab_txt {padding: .4rem .8rem; line-height: 1.6;}
.-tab_depth2_wrap.-hashtag .-tab.-depth2 .-tab_btn.-active .-tab_txt {color: #151c22;background-color: #e4eaf2;}
.-tab_depth2_wrap.-hashtag.-fix{position: fixed;top: 10rem;left: 0;padding-left: 2.4rem;}
.-tab_heading {position: relative;padding: 1.6rem 0 .8rem;}
.-tab_heading .-h_type1 {font-weight: 700; line-height: 1.6;}

.-loan_list_box .-sheet_option + .-sheet_option {border-top: 1px solid #f2f5f9;}
.-loan_list_box .-txt_basic {height:auto;padding: 2rem 0;}
.-loan_list_box .-loan_tit{display: block; font-size: 1.5rem;font-weight:500;color:#333a40;}
.-loan_list_box .-loan_txt{display: block; margin-top: .4rem;font-size:1.3rem;color:#848a92;}

/* 여행보험/골프보험 icon 변경 */
.-insurance_item.-bg_insur06.icon_rt:after{content:'';display:inline-block;width:3rem;height:3rem;position:absolute;right:1.8rem;bottom:1.5rem;background:url(/img/nonetouch/pib/_new/content/bg-insurance-item_new.png) no-repeat 100% 0;background-size:100%;background-position:100% -15rem;}

/* 상품진입페이지 버튼추가 */
.irp_btn_style .up_btn_type1{width:100%;height:5.4rem;background-color:#fff;font-size:1.8rem;color:#333a40;border:1px solid #d5dbe3;border-radius:0.6rem;line-height:5.4rem;text-align:center;}

/* 개발 기존 css content.css */
.irp_btn_style .up_btn_type2{width:100%;height:5.4rem;background-color:#25345e;font-size:1.8rem;color:#fff;border-radius:0.6rem;line-height:5.4rem;text-align:center;}

/* My퇴직연금관리 페이지 상단 배너 추가 */
.-bundle.nst_irp{padding-bottom:0 !important;}
.nst_irp_banner{margin-bottom:2.4rem;}
.nst_irp_banner > a.nst_irp_btn{display:block;padding:2rem;background:#eaf2ff url(/img/nonetouch/pib/_new/ic_banner_consult.png) no-repeat right 50% / 10.4rem 10.4rem;border-radius:1rem;}
.nst_irp_banner .s_text{margin-bottom:.4rem;font-size:1.3rem;color:#686e75;letter-spacing:-0.075rem;}
.nst_irp_banner .bnr_txet{font-size:1.8rem;font-weight:700;line-height:2.2rem;letter-spacing:-0.06rem;}
.nst_irp_banner .bnr_txet > span{color:#1490ef;}

/* 20230831 My퇴직연금관리 추가 */
.-elove_searchIRP {padding:0}
.-search_data_irp .-search_list_irp {padding:0 2.4rem;}  
.-search_data_irp .-search_list_irp .-s_list {border-bottom:1px solid #f4f4f4;padding:1.5rem 0 2rem}
.-search_data_irp .-search_list_irp .-s_info_irp {display:table;width:100%;table-layout:fixed;height:3rem;}
.-search_data_irp .-search_list_irp .-s_info_irp .-s_tit {display:table-cell;width:35%;vertical-align:middle;font-size:1.4rem;padding:0.15rem 0;color:#666;}
.-search_data_irp .-search_list_irp .-s_info_irp .-s_txt {display:table-cell;width:65%;vertical-align:middle;text-align:right;font-size:1.4rem;padding:0.15rem 0;color:#666;}
.-search_data_irp .-search_list_irp .-my_list {border-bottom:1px solid #f4f4f4;padding:1.6rem 0 1.5rem}
.-search_data_irp .-search_list_irp .-my_list div>strong {color:#1490ef; font-weight:400; font-size:2.0rem;}

/* 우리WON주택대출 메뉴화면 추가 */
.-bnr_renew2.-bg_bnr05.-bg_bnr2312 .-bnr_txt {padding-right:0;}
.-bnr_renew2.-bg_bnr05.-bg_bnr2312 .-bnr_txt .-bnr_btn * {font-size:1.4rem;font-weight:500;color:#fff;}
.-bnr_renew2.-bg_bnr05.-bg_bnr2312 .-bnr_txt .-bnr_btn {padding:0.9rem 1.2rem !important;}
.-bnr_renew2.-bg_bnr05.-bg_bnr2312 .-bnr_more .-bnr_txt {margin-top:0;display:flex;gap:0.8rem;}
.-bnr_renew2.-bg_bnr05.-bg_bnr2312 .-bnr_desc .-bnr_more .-bnr_btn:last-child {flex:1 0 0;background: #e9f3ff !important;text-align: center;}
.-bnr_renew2.-bg_bnr05.-bg_bnr2312 .-bnr_desc .-bnr_more .-bnr_btn:last-child * {color:#3486ce;}
.-bnr_renew2.-bg_bnr05.-bg_bnr2312 .-bnr_desc .-bnr_txt .-bnr_detail_tit {line-height:2.4rem;font-weight:350;font-size:1.5rem;}
.-bnr_renew2.-bg_bnr05.-bg_bnr2312 .-roboto {letter-spacing:0;}

/* 위비프렌즈 적금 */
.-bnr.-bnr_renew.-bg_bnr03.-wibee:after{background: url(/img/nonetouch/pib/_new/content/ic_mall_03.png) no-repeat center;background-size: 100%;}

/* 20240830 실물이전 사전예약 이벤트 배너 */
.irp_adreser_banner {margin-bottom:3.2rem;border-radius: .8rem;background-color: #709cff;}
	.irp_adreser_icon {position:relative;width:100%;padding:1.6rem 0 1.6rem 2.4rem;}
	.irp_adreser_icon::before {content:'';position:absolute;top:0;right:0;width:8.0rem;height:8.0rem;background:url(/img/nonetouch/pib/_new2/image/img_prd_small_event.png) no-repeat;background-size: 100%;}
	.event_adreser {font-weight:500;font-size:1.5rem;color:#fff;line-height: 24px;letter-spacing: -0.6px;}
	.event_adreser strong {font-weight:700;color:#fff27D;}