@charset "utf-8";

*{box-sizing: border-box;}
html {font-size:10px !important; word-break:keep-all;}
html.big {font-size:11px !important}
body {-user-select:none; -webkit-touch-select:none; -webkit-user-select: none; user-select: none; -webkit-text-size-adjust: 100%; text-size-adjust: 100%}
html, body {color:#222; font-family: 'NotoKrR', sans-serif; line-height: 1; height: 100%; }
.hide{overflow:hidden;display:inline-block;position:absolute;z-index:-1;border:0;width:0.1rem;height:0.1rem;clip:rect(0.1rem, 0.1rem, 0.1rem, 0.1rem);clip-path:inset(50%);}
button{font-family: 'NotoKrR', sans-serif; }
.dim{position:fixed;top:0;bottom:0;right:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:99;}
[v-cloak]{display:none}
.colbg_wrap{background:#0873e4;height:100%}
.colbg_wrap .container{padding-bottom:0 !important;min-height:auto;}
.colbg_wrap .header{background:#0873e4}
.colbg_wrap .header h1.page_tit{color:#fff}
.colbg_wrap .header .btn_back{background-image:url(../img/ico_header_backw.png);}
.colbg_wrap .header .btn_menu{background-image:url(../img/ico_header_menuw.png);}
.colbg_wrap .header .btn_top_enlarge{background-image:url(../img/ico_header_enlargew.png);}
.colbg_wrap .header .btn_top_font{background-image:url(../img/ico_enlarge_txtw.png);}
.colbg_wrap .header .btn_top_font.active{background-image:url(../img/ico_enlarge_txtoffw.png);}

/*header*/
.header {position:fixed; left:0; top:0; width:100%; height:5.2rem; background-color: #fff; z-index: 102;text-align:center}
.header h1.page_tit{ font-size: 1.8rem; color: #111; line-height: 5.2rem;font-family: 'NotoKrB';width:calc(100% - 11rem);margin: 0 auto;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align:left;letter-spacing:-0.01rem}
.header .btn_back{ position: absolute; left: .3rem ; top: 50%; transform: translateY(-50%); width: 4.8rem; height: 4.8rem; background: url(../img/ico_header_back.png) no-repeat 50% 50%; background-size: 2.4rem auto;}
.header .btn_menu{ position: absolute; right: .6rem ; top: 50%; transform: translateY(-50%); width: 4.8rem; height: 4.8rem; background: url(../img/ico_header_menu.png) no-repeat 50% 50%; background-size: 2.4rem auto;}
.header .head_right_btn{position:absolute;right:5rem;display:block;top: 50%; transform: translateY(-50%);}
.header .head_right_btn a{display:inline-block;vertical-align:top;}
.header .head_right_btn a ~ a{margin-left:.3remf}
.header .btn_top_enlarge{ width: 4.8rem; height: 4.8rem; background: url(../img/ico_header_enlarge.png) no-repeat 50% 50%; background-size: 2.4rem auto;margin-right:-1.2rem}
.header .btn_top_font{ width: 4.8rem; height: 4.8rem; background: url(../img/ico_enlarge_txt.png) no-repeat 50% 50%; background-size: 2.4rem auto;margin-right:-.7rem}
.header .btn_top_font.active{background-image:url(../img/ico_enlarge_txtoff.png);}
.header.has_btn h1.page_tit{padding-right:6rem}
.header.has_btn .head_right_btn{display:block}

.container{min-height:calc(100vh - 7.6rem); padding-top:7.6rem; padding-bottom: 12rem;}
.container.none_btn{padding-bottom:4.8rem}
.container.top_none{ padding-top: 4.8rem;}
.container.toolH{padding-bottom:38rem}
.container .con_inner{ padding: 0 2rem;}
.con_inner.overh{overflow:hidden}

/*footer*/
.footer { position: fixed; left: 0; bottom: 0; width: 100%; z-index: 101;background:#fff;padding:1.6rem 0}
.footer .foot_btn_cover {display: flex;width: 100%; height:5.2rem;padding:0 2rem;}
.footer .foot_btn_cover .btn {flex:1;font-size:1.6rem}
.footer .foot_btn_cover .btn ~ .btn{margin-left:0.8rem}
.btn{width: 100%; flex: 1; height: 5.2rem; background-color: #0873e4; text-align: center; color: #fff; font-family: 'NotoKrB'; font-size:1.6rem}
.btn.sub {background:#eee;color:#666}
.btn.line02{height:7.3rem}
.btn.line02 .small_txt{font-size:1.3rem;line-height:1.9rem;margin-top:.2rem;font-family:'NotoKrR';display:block}
.btn:disabled{background-color:rgba(198,215,241,0.84);}
.btn_mid_type02:disabled,
.col_btn_cover .btn:disabled{background-color:#f4f9fe;color:#acd1f6;border:.1rem solid #ebf4fd}

/*전체메뉴*/
.gnb_wrap{position:fixed;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background:#fff;flex-direction:column;z-index:102;transition:all .3s;display:none;text-align:left}
.gnb_wrap.active{display:flex}
.gnb_wrap .top_bar{ position:relative;padding:0 2rem 0 3rem; background: #f8f8f8;}
.gnb_wrap .top_bar .icon_menu_area{ display: table; width: 100%; position: relative; height: 5.2rem;}
.gnb_wrap .top_bar .icon_menu_area div{display: table-cell; vertical-align: middle;}
.gnb_wrap .top_bar .icon_menu_area div button{  width: 4.8rem; height: 4.8rem; margin-left:-1rem; display: inline-block;}
.gnb_wrap .top_bar .icon_menu_area button.btn_notice{ background: url(../img/ico_notice.png) no-repeat 50% 50%/2.4rem auto;}
.gnb_wrap .top_bar .icon_menu_area button.btn_notice.new{position:relative}
.gnb_wrap .top_bar .icon_menu_area button.btn_notice.new:after{content:'';display:inline-block;width:.6rem;height:.6rem;background:#f91147;border-radius:100%;position:absolute;right:1.6rem;top:1.4rem}
.gnb_wrap .top_bar .icon_menu_area button.btn_home{ background: url(../img/ico_home.png) no-repeat 50% 50%/2.4rem auto;}
.gnb_wrap .top_bar .icon_menu_area button.btn_logout{ background: url(../img/ico_logout.png) no-repeat 50% 50%/2.4rem auto;}
.gnb_wrap .top_bar .btn_map{ position: absolute; right: 3.6rem; top: 0.8rem; height: 3.6rem; color: #fff; font-size: 1.2rem; font-family: 'NotoKrM'; min-width: 8.8rem; background: #0873e4; border-radius: 0.6rem; box-shadow: 0 .3rem .6rem 0 rgba(0, 0, 0, 0.16); padding-left: 1.8rem;}
.gnb_wrap .top_bar .btn_map::after{ content: ''; width: 2.4rem; height: 2.4rem; background: url(../img/ico_map_w.png) no-repeat 0 0/2.4rem auto; position: absolute; left: 0.8rem; top: 50%; transform: translateY(-50%); }
.gnb_wrap .top_bar .btn_close{position: absolute; right: .8rem ; top: .3rem; width: 4.8rem; height: 4.8rem; background: url(../img/btn_allmenu_close.png) no-repeat 50% 50%/2.4rem auto; }
.gnb_wrap .top_bar .menu_txt_area{ margin: 2.4rem 0;}
.gnb_wrap .top_bar .menu_txt_area .txt_bolder{ display: block; font-size: 1.8rem; font-family: 'NotoKrM'; color: #111; line-height: 2.6rem;letter-spacing:-0.01rem}
.gnb_wrap .top_bar .menu_txt_area a{ display: inline-block; font-size: 1.4rem; color: #666; line-height: 2.2rem; background: url(../img/ico_right_arrow.png) no-repeat 100% 50%/2rem auto; padding-right: 3rem;} 
.gnb_wrap .top_bar .menu_txt_area .txt_bolder + a{ margin-top: 0.6rem;}
.gnb_wrap .top_bar .menu_txt_area .sub_txt{font-size:1.4rem;line-height:2rem;color:#666;margin-top:.8rem}
.gnb_wrap .top_bar .menu_txt_area .menu_top_txt{display:flex;align-items:center;}
.gnb_wrap .top_bar .menu_txt_area .btn_myinfo{background:#fff;border:.1rem solid #ddd;border-radius:1.3rem;height:2.6rem;line-height:2.3rem;padding:0 1rem;margin-top:0 !important;margin-left:.8rem}
.gnb_wrap .top_bar .menu_txt_area .btn_myinfo span{display:inline-block;padding-left:2.1rem;font-size:1.2rem;font-family:'Spoqa Han Sans Neo';color:#333;background:url('../img/ico_myinfo.png') no-repeat 0 .35rem/1.5rem auto}
.gnb_wrap .gnb_cont{padding:2.4rem 0 2.4rem 6.6rem;overflow-y:auto}
.gnb_wrap .gnb_cont .gnb > li ~ li{margin-top:3.2rem}
.gnb_wrap .gnb_cont .gnb > li .menu_el::after{content: ''; width: 2.4rem; height: 2.4rem; position: absolute; left: -3.5rem; top: 0; background: url(../img/ico_menu_el.png) no-repeat 0 0/2.4rem auto;}/*예상대출조회*/
.gnb_wrap .gnb_cont .gnb > li .menu_fu::after{content: ''; width: 2.4rem; height: 2.4rem; position: absolute; left: -3.5rem; top: 0; background: url(../img/ico_menu_fu.png) no-repeat 0 0/2.4rem auto;}/*금융이용현황*/
.gnb_wrap .gnb_cont .gnb > li .menu_fp::after{content: ''; width: 2.4rem; height: 2.4rem; position: absolute; left: -3.5rem; top: 0; background: url(../img/ico_menu_fp.png) no-repeat 0 0/2.4rem auto;}/*금융상품정보*/
.gnb_wrap .gnb_cont .gnb > li .menu_dc::after{content: ''; width: 2.4rem; height: 2.4rem; position: absolute; left: -3.5rem; top: 0; background: url(../img/ico_menu_dc.png) no-repeat 0 0/2.4rem auto;}/*금리할인쿠폰*/
.gnb_wrap .gnb_cont .gnb > li .menu_fc::after{content: ''; width: 2.4rem; height: 2.4rem; position: absolute; left: -3.5rem; top: 0; background: url(../img/ico_menu_fc.png) no-repeat 0 0/2.4rem auto;}/*금융걔산기*/
.gnb_wrap .gnb_cont .gnb > li .menu_cc::after{content: ''; width: 2.4rem; height: 2.4rem; position: absolute; left: -3.5rem; top: 0; background: url(../img/ico_menu_cc.png) no-repeat 0 0/2.4rem auto;}/*고객센터*/
.gnb_wrap .gnb_cont .gnb > li .menu_ce::after{content: ''; width: 2.4rem; height: 2.4rem; position: absolute; left: -3.5rem; top: 0; background: url(../img/ico_menu_ce.png) no-repeat 0 0/2.4rem auto;}/*인증관리*/
.gnb_wrap .gnb_cont .gnb > li .menu_fu,
.gnb_wrap .gnb_cont .gnb > li .menu_dc{background:url(../img/ico_notice_arrow.png) no-repeat 9rem .2rem/2.2rem auto;}
.gnb_wrap .gnb_cont .gnb .depth01{position:relative}
.gnb_wrap .gnb_cont .gnb .depth01 > a, .gnb_wrap .gnb_cont .gnb .depth01 > strong{font-size:1.6rem;color:#333;display:block;font-family: 'NotoKrB';line-height:2.4rem; padding-bottom: 1.6rem; border-bottom: 0.1rem solid #eee; position: relative;}
.gnb_wrap .gnb_cont .gnb .depth02_list{margin-top:1.6rem}
.gnb_wrap .gnb_cont .gnb .depth02_list > li{padding-left:1.4rem;position:relative}
.gnb_wrap .gnb_cont .gnb .depth02_list > li ~ li{margin-top:.8rem}
.gnb_wrap .gnb_cont .gnb .depth02_list > li:before{content:'';display:inline-block;width:.6rem;height:.1rem;position:absolute;left:0;top:1.5rem;background:#111;}
.gnb_wrap .gnb_cont .gnb .depth02_list > li > a{font-size:1.6rem;color:#333;display:inline-block;line-height:3rem;position:relative}
.gnb_wrap .gnb_cont .gnb .depth02_list > li.in_depth03 > a:after{content:'';display:inline-block;width:2rem;height:2rem;background:url('../img/ico_menu_arrow.png') no-repeat;background-size:2rem auto;position:absolute;right:-3rem;top:0.1rem;bottom:0;margin:auto 0;transform:rotate(0)}
.gnb_wrap .gnb_cont .gnb .depth02_list > li.in_depth03 > a.on:after{transform:rotate(180deg)}
.gnb_wrap .gnb_cont .gnb .depth03_list{margin-top:.6rem}
.gnb_wrap .gnb_cont .gnb .depth03_list > li > a{font-size:1.6rem;color:#666;display:block;line-height:3.6rem}
/* SR : SCM2509-00168 */
.gnb_wrap .gnb_cont .gnb .depth02_list .naver_logo {position:relative; display:inline-block;padding-right:25px;}
.gnb_wrap .gnb_cont .gnb .depth02_list .naver_logo::before {content:""; position:absolute; right:0; width:20px; height:30px; background:url("../img/logo_naver.png") no-repeat center; background-size:20px 20px;}
.hf_service_area{ padding: 0 2rem 1.2rem 2rem; margin-top: 4.8rem;}
.hf_service_area .inner{ border-radius: 0.6rem; background: #eee; padding: .7rem 2rem; display: flex; align-items: center ; justify-content: space-between; width: 100%; overflow: hidden;}
.hf_service_area .inner strong{font-family: 'NotoKrB'; font-size: 1.4rem; color: #333; vertical-align: middle; flex-shrink: 0; padding-right:1rem}
.hf_service_area .inner ul{ display:flex }
.hf_service_area .inner li ~ li{ display: inline-block; margin-left:-.6rem;}
.hf_service_area .inner li button{ width: 4.8rem; height: 4.8rem; display: block; }
.hf_service_area .inner li button.btn_blog{ background: url(../img/btn_blog.png) no-repeat 50% 50%/2.8rem auto;}
.hf_service_area .inner li button.btn_youtube{ background: url(../img/btn_youtube.png) no-repeat 50% 50%/2.8rem auto;}
.hf_service_area .inner li button.btn_insta{ background: url(../img/btn_insta.png) no-repeat 50% 50%/2.8rem auto;}

/* 메인*/
.main_wrap{width:100%;height:100vh;overflow:hidden}
.main_header{display:flex;justify-content:flex-end;align-items:center;height:5.2rem;padding:0 1.6rem;position:fixed;top:0;width:100%;z-index:102}
.main_header .logo{width:11.6rem;position:absolute;left:calc(50% - .2rem);transform:translateX(-50%)}
.main_header .logo img{width:100%}
.main_header .head_right_btn{width:4.8rem;height:4.8rem;margin-right:-1.2rem}
.main_header .btn_top_font{width:4.8rem;height:4.8rem;background:url(../img/ico_enlarge_txt.png) no-repeat 50% 50%;background-size:2.4rem auto;display:block;}
.main_header .btn_top_font.active{background-image:url(../img/ico_enlarge_txtoff.png);}
.main_header .main_menu_wrap{display:inline-block;width:4.8rem;height:4.8rem;margin-right:-1.2rem}
.main_header .btn_menu{display:inline-block;width:4.8rem;height:4.8rem;background:url(../img/ico_header_menu.png) no-repeat 50% 50%;background-size:2.4rem auto;}
.main_header .btn_push{width:4.8rem;height:4.8rem;background:url(../img/ico_main_push.png) no-repeat 50% 50%;background-size:2.4rem auto;margin-right:-1.2rem}
.main_header .btn_push.new{position:relative}
.main_header .btn_push.new:after{content:'';display:inline-block;width:.6rem;height:.6rem;background:#f91147;border-radius:100%;position:absolute;right:1.6rem;top:1.4rem}
.main_wrap .content_wrapper{width:100%;height:calc(100% - 5.2rem);margin-top:5.2rem}
.main_cont{width:100%;overflow:hidden;position:relative;height:100%}
.main_cont .swip_wrap{height:100%;padding-left:3rem;}
.main-slider{height:100%;position:relative;z-index:60}
.main_section .main_inner{position:relative;padding-top:1.6rem;height:100%}
.main_section .main_inner .txt_wrap{display:inline-block;}
.main_section .main_inner .txt_wrap strong{font-size:2.4rem;color:#111;font-family:'NotoKrM';line-height:3.5rem;display:block;letter-spacing:-0.05rem;}
.main_section .main_inner .txt_wrap p{font-size:2.2rem;color:#111;font-family:'NotoKrL';line-height:3.1rem;margin-top:.4rem;letter-spacing:-0.05rem;}
.main_section .main_inner .txt_wrap .arrow_link{font-size:1.6rem;line-height:2.4rem;color:#666;position:relative;padding-right:2.4rem;margin-top:1.6rem}
.main_section .main_inner .txt_wrap .arrow_link:after{content:'';display:inline-block;width:2rem;height:2rem;background:url('../img/btn_arrow.png') no-repeat 50% 50%/2rem auto;position:absolute;right:0;top:.3rem}
.main_section.sec01 .main_inner .main_img_wrap{position:absolute;right:3rem;bottom:16.5rem}
.main_section.sec01 .main_inner .main_img_wrap .img_apart{display:inline-block;width:14.3rem;height:16.8rem;background:url('../img/img_maincont01_apart.png') no-repeat 50% 50%/14.3rem auto;position:relative;z-index:10}
.main_section.sec01 .main_inner .main_img_wrap .img_tree01{display:inline-block;width:3.1rem;height:3.7rem;background:url('../img/img_maincont01_tree01.png') no-repeat 50% 50%/3.1rem auto;position:absolute;right:14.7rem;bottom:.5rem;z-index:20}
.main_section.sec01 .main_inner .main_img_wrap .img_tree02{display:inline-block;width:3.9rem;height:4.1rem;background:url('../img/img_maincont01_tree02.png') no-repeat 50% 50%/3.9rem auto;position:absolute;right:2.5rem;bottom:0rem;z-index:20}
.main_section.sec01 .main_inner .main_img_wrap .img_tree03{display:inline-block;width:2rem;height:2.9rem;background:url('../img/img_maincont01_tree03.png') no-repeat 50% 50%/2rem auto;position:absolute;right:1rem;bottom:.3rem;z-index:20}
/*.main_section.sec01 .main_inner .main_img_wrap .main_img{display:inline-block;width:17.8rem;height:17.1rem;background:url('../img/img_main_cont01.png') no-repeat 50% 50%/17.8rem auto;}*/
.main_section.sec02 .main_inner .main_img_wrap{position:absolute;right:3rem;bottom:16.5rem}
.main_section.sec02 .main_inner .main_img_wrap .img_home{display:inline-block;width:16.4rem;height:15.4rem;background:url('../img/main_imgcont02_home.png') no-repeat 50% 50%/16.4rem auto;z-index:20;position:relative}
.main_section.sec02 .main_inner .main_img_wrap .img_money{display:inline-block;width:9rem;height:5.1rem;background:url('../img/main_imgcont02_money.png') no-repeat 50% 50%/9rem auto;position:absolute;bottom:0;right:-.1rem;z-index:30}
.main_section.sec02 .main_inner .main_img_wrap .img_character{display:inline-block;width:5.2rem;height:6.2rem;background:url('../img/img_maincont02_character.png') no-repeat 50% 50%/5.2rem auto;position:absolute;bottom:2.4rem;right:12.3rem}
/* .main_section.sec02 .main_inner .main_img{display:inline-block;width:17rem;height:14.2rem;background:url('../img/img_main_cont02.png') no-repeat 50% 50%/17rem auto;} */
.main_section.sec03 .main_inner .main_img_wrap{display:inline-block;width:20.6rem;height:19.1rem;position:absolute;right:.6rem;bottom:16.5rem}
.main_section.sec03 .main_inner .main_img_wrap .img_coupon{display:inline-block;width:14.8rem;height:8.6rem;background:url('../img/main_imgcont03_coupon.png') no-repeat 50% 50%/14.8rem auto;z-index:20;position:absolute;bottom:1.4rem;right:3.8rem}
.main_section.sec03 .main_inner .main_img_wrap .img_coin01{display:inline-block;width:5.3rem;height:4.5rem;background:url('../img/main_imgcont03_coin01.png') no-repeat 50% 50%/5.3rem auto;z-index:20;position:absolute;top:0rem;right:6rem}
.main_section.sec03 .main_inner .main_img_wrap .img_coin02{display:inline-block;width:5.4rem;height:4.5rem;background:url('../img/main_imgcont03_coin02.png') no-repeat 50% 50%/5.4rem auto;z-index:20;position:absolute;top:4.5rem;right:12rem}
.main_section.sec03 .main_inner .main_img_wrap .img_coin03{display:inline-block;width:4.9rem;height:6.8rem;background:url('../img/main_imgcont03_coin03.png') no-repeat 50% 50%/4.9rem auto;z-index:10;position:absolute;bottom:.3rem;right:16.7rem}
.main_section.sec03 .main_inner .main_img_wrap .img_coin04{display:inline-block;width:5.3rem;height:4.9rem;background:url('../img/main_imgcont03_coin04.png') no-repeat 50% 50%/5.4rem auto;z-index:30;position:absolute;bottom:-1.2rem;right:6.3rem}
.main_section.sec03 .main_inner .main_img_wrap .img_coin05{display:inline-block;width:4.8rem;height:5.8rem;background:url('../img/main_imgcont03_coin05.png') no-repeat 50% 50%/4.8rem auto;z-index:10;position:absolute;bottom:.2rem;right:1.5rem}
/* .main_section.sec03 .main_inner .main_img_wrap .main_img{display:inline-block;width:100%;height:100%;background:url('../img/img_main_cont03.png') no-repeat 50% 50%/20.6rem auto;} */
.main_section.sec03 .main_inner .main_img_wrap .remain_date{display:inline-block;width:5.2rem;height:5.2rem;border-radius:100%;background:#333;text-align:center;font-size:1.3rem;line-height:1.3rem;color:#fff;font-family:'Spoqa Han Sans Neo';font-weight:700;padding-top:1.9rem;position:absolute;right:2.4rem;bottom:7.5rem;z-index:30}
.main_section{height:100%;position:relative}


.main-slider .swiper-slide .main_section .txt_wrap *,
.main-slider .swiper-slide .main_section .main_img_wrap *,
.main-slider .swiper-slide-prev .main_section .txt_wrap *,
.main-slider .swiper-slide-prev .main_section .main_img_wrap *{opacity:0;}
.main-slider .swiper-slide-duplicate .main_section .txt_wrap *,
.main-slider .swiper-slide-duplicate .main_section .main_img_wrap *{opacity:0 !important;}
.main-slider .swiper-slide-next .main_section .txt_wrap *,
.main-slider .swiper-slide-next .main_section .main_img_wrap *{opacity:0}
.main-slider .swiper-slide .main_section.active .txt_wrap *,
.main-slider .swiper-slide .main_section.active .main_img_wrap *{opacity:1 !important;}
.main-slider .active{z-index:30}

.main-slider .swiper-slide .main_section .txt_wrap *{-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3);}
.main-slider .swiper-slide .main_section.active .txt_wrap *{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);transition:all .8s;}
.main-slider .swiper-slide .main_section.active .txt_wrap strong{transition-delay:.5s}
.main-slider .swiper-slide .main_section.active .txt_wrap p{transition-delay:.6s;}
.main-slider .swiper-slide .main_section.active .txt_wrap button{transition-delay:.7s;}

.main-slider .swiper-slide .main_section .main_img_wrap *{-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3);}
.main-slider .swiper-slide .main_section.active .main_img_wrap *{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);transition:all .8s;}
.main-slider .swiper-slide .main_section.sec01.active .main_img_wrap .img_tree01{transition-delay:.6s;}
.main-slider .swiper-slide .main_section.sec01.active .main_img_wrap .img_tree02{transition-delay:.8s;}
.main-slider .swiper-slide .main_section.sec01.active .main_img_wrap .img_tree03{transition-delay:1s;}
.main-slider .swiper-slide .main_section.sec02.active .main_img_wrap .img_character{transition-delay:.5s;}
.main-slider .swiper-slide .main_section.sec02.active .main_img_wrap .img_money{transition-delay:.7s;}
.main-slider .swiper-slide .main_section.sec03.active .main_img_wrap .img_coin01{transition-delay:.2s;}
.main-slider .swiper-slide .main_section.sec03.active .main_img_wrap .img_coin02{transition-delay:.4s;}
.main-slider .swiper-slide .main_section.sec03.active .main_img_wrap .img_coin03{transition-delay:.6s;}
.main-slider .swiper-slide .main_section.sec03.active .main_img_wrap .img_coin04{transition-delay:.8s;}
.main-slider .swiper-slide .main_section.sec03.active .main_img_wrap .img_coin05{transition-delay:1s;}

.main_section.right_out .txt_wrap *{animation:main_txtout 0.8s ease-out;animation-fill-mode: forwards !important;}
.main_section.left_out .txt_wrap *{animation:main_txtout 0.8s ease-out;animation-fill-mode: forwards !important;}

.main_section.right_out.sec01 .main_img_wrap .img_apart{animation:main_img_rightout 0.8s ease-out;}
.main_section.right_out.sec01 .main_img_wrap .img_tree01{animation:main_img_rightout01 0.8s ease-out;}
.main_section.right_out.sec01 .main_img_wrap .img_tree02{animation:main_img_rightout 0.2s ease-out;}
.main_section.right_out.sec01 .main_img_wrap .img_tree03{animation:main_img_rightout02 0.1s ease-out;}

.main_section.left_out.sec01 .main_img_wrap .img_apart{animation:main_img_rightout 0.5s ease-out;}
.main_section.left_out.sec01 .main_img_wrap .img_tree01{animation:main_img_rightout01 0.5s ease-out;}
.main_section.left_out.sec01 .main_img_wrap .img_tree02{animation:main_img_rightout 0.7s ease-out;}
.main_section.left_out.sec01 .main_img_wrap .img_tree03{animation:main_img_rightout02 0.7s ease-out;}

.main_section.right_out.sec02 .main_img_wrap .img_home{animation:main_img_rightout 0.5s ease-out;}
.main_section.right_out.sec02 .main_img_wrap .img_character{animation:main_img_rightout03 0.6s ease-out;}
.main_section.right_out.sec02 .main_img_wrap .img_money{animation:main_img_rightout02 0.7s ease-out;}

.main_section.left_out.sec02 .main_img_wrap .img_home{animation:main_img_rightout 0.5s ease-out;}
.main_section.left_out.sec02 .main_img_wrap .img_character{animation:main_img_rightout03 0.6s ease-out;}
.main_section.left_out.sec02 .main_img_wrap .img_money{animation:main_img_rightout02 0.7s ease-out;}

.main_section.right_out.sec03 .main_img_wrap .img_coupon{animation:main_img_rightout 0.8s ease-out;}
.main_section.right_out.sec03 .main_img_wrap .remain_date{animation:main_img_rightout 0.5s ease-out;}
.main_section.right_out.sec03 .main_img_wrap .img_coin01{animation:main_img_rightout02 0.6s ease-out;}
.main_section.right_out.sec03 .main_img_wrap .img_coin02{animation:main_img_rightout03 0.4s ease-out;}
.main_section.right_out.sec03 .main_img_wrap .img_coin03{animation:main_img_rightout04 0.8s ease-out;}
.main_section.right_out.sec03 .main_img_wrap .img_coin04{animation:main_img_rightout03 0.5s ease-out;}
.main_section.right_out.sec03 .main_img_wrap .img_coin05{animation:main_img_rightout03 0.7s ease-out;}

.main_section.left_out.sec03 .main_img_wrap .img_coupon{animation:main_img_rightout 0.8s ease-out;}
.main_section.left_out.sec03 .main_img_wrap .remain_date{animation:main_img_rightout 0.5s ease-out;}
.main_section.left_out.sec03 .main_img_wrap .img_coin01{animation:main_img_rightout02 0.6s ease-out;}
.main_section.left_out.sec03 .main_img_wrap .img_coin02{animation:main_img_rightout03 0.4s ease-out;}
.main_section.left_out.sec03 .main_img_wrap .img_coin03{animation:main_img_rightout04 0.8s ease-out;}
.main_section.left_out.sec03 .main_img_wrap .img_coin04{animation:main_img_rightout03 0.5s ease-out;}
.main_section.left_out.sec03 .main_img_wrap .img_coin05{animation:main_img_rightout03 0.7s ease-out;}

.main_section.right_out .main_img_wrap *{animation:main_img_rightoutop 0.7s;animation-fill-mode: forwards !important;}
.main_section.left_out .main_img_wrap *{animation:main_img_rightoutop 0.7s;animation-fill-mode: forwards !important;}


@keyframes main_txtout {
	from {
		opacity:1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);		
	}

	to {
		opacity:1;
		-webkit-transform: translate3d(-150%, 0, 0);
		transform: translate3d(-150%, 0, 0);		
	}
}

@keyframes main_img_rightout {
	from {
		opacity:1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);		
	}

	to {
		opacity:1;
		-webkit-transform: translate3d(200%, 0, 0);
		transform: translate3d(200%, 0, 0);
	}
}

@keyframes main_img_rightout01 {
	from {
		opacity:1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);		
	}

	to {
		opacity:1;
		-webkit-transform: translate3d(700%, 0, 0);
		transform: translate3d(700%, 0, 0);
	}
}

@keyframes main_img_rightout02 {
	from {
		opacity:1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);		
	}

	to {
		opacity:1;
		-webkit-transform: translate3d(300%, 0, 0);
		transform: translate3d(300%, 0, 0);
	}
}

@keyframes main_img_rightout03 {
	from {
		opacity:1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);		
	}

	to {
		opacity:1;
		-webkit-transform: translate3d(400%, 0, 0);
		transform: translate3d(400%, 0, 0);
	}
}

@keyframes main_img_rightout04 {
	from {
		opacity:1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);		
	}

	to {
		opacity:1;
		-webkit-transform: translate3d(500%, 0, 0);
		transform: translate3d(500%, 0, 0);
	}
}

@keyframes main_img_rightoutop{
	from {
		opacity:1;
		transform: scale3d(1, 1, 1)
	}

	to {
		opacity:1;
		transform: scale3d(1, 1, 1)
	}
}



@keyframes main_txt {
	from,
	20%,
	40%,
	60%,
	80%,
	to {
	  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);	  
	}
	from{
		opacity:0;
	}
	30% {
	  opacity: 0;
	  -webkit-transform: scale3d(0.3, 0.3, 0.3);
	  transform: scale3d(0.3, 0.3, 0.3);
	}
  
	to {
	  opacity: 1;
	  -webkit-transform: scale3d(1, 1, 1);
	  transform: scale3d(1, 1, 1);
	}
}

@keyframes main_img_right {
	from,
	20%,
	40%,
	60%,
	80%,
	to {
	  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);	  
	}
	from{
		opacity:0;
	}
	30% {
	  opacity: 0;
	  -webkit-transform: scale3d(0.3, 0.3, 0.3);
	  transform: scale3d(0.3, 0.3, 0.3);
	}
  
	to {
	  opacity: 1;
	  -webkit-transform: scale3d(1, 1, 1);
	  transform: scale3d(1, 1, 1);
	}
}

@keyframes main_img_left {
	from,
	20%,
	40%,
	60%,
	80%,
	to {
	  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);	  
	}
	from{
		opacity: 0;
	  -webkit-transform: scale3d(0.3, 0.3, 0.3);
	  transform: scale3d(0.3, 0.3, 0.3);
	}	
  
	to {
	  opacity: 1;
	  -webkit-transform: scale3d(1, 1, 1);
	  transform: scale3d(1, 1, 1);
	}
}

@keyframes main_txtoutleft {
	from {
		opacity:1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);		
	}

	to {
		opacity:0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);		
	}
}


/*
.main_thumb_tab{position:absolute;bottom:4.8rem;overflow:hidden;z-index:100;width:calc(100% - 3rem);}
.main_thumb_tab ul{display:flex;overflow-x:auto;}
.main_thumb_tab ul li ~ li{margin-left:1.2rem}
.main_thumb_tab ul li:last-child{padding-right:3rem}
.main_thumb_tab ul li button{width:6.9rem;height:6.9rem;background:#f8f8f8;border-radius:1rem;position:relative}
.main_thumb_tab ul li button:after{content:'';display:inline-block;width:4rem;height:4rem;background-repeat:no-repeat;background-size:4rem auto;background-position:50% 50%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}
.main_thumb_tab ul li button.thumb01:after{background-image:url('../img/ico_main_map.png');}
.main_thumb_tab ul li button.thumb02:after{background-image:url('../img/ico_main_loan.png');}
.main_thumb_tab ul li button.thumb03:after{background-image:url('../img/ico_main_coupon.png');}
.main_thumb_tab ul li button .txt{display:none;font-size:2rem;font-family:'NotoKrB';color:#fff;padding:0 1.6rem 0 6.9rem;}
.main_thumb_tab ul li button.on{width:auto}
.main_thumb_tab ul li button.on .txt{display:block}
.main_thumb_tab ul li button.on:after{left:.8rem;top:.8rem;right:auto;bottom:auto;margin:0;background-size:3.6rem auto;width:5.3rem;height:5.3rem;border-radius:1rem;}
.main_thumb_tab ul li button.on.thumb01{background:#14bcdc;padding:.8rem}
.main_thumb_tab ul li button.on.thumb01:after{background-image:url('../img/ico_main_mapon.png');background-color:#05aece;}
.main_thumb_tab ul li button.on.thumb02{background:#0e97f6;padding:.8rem}
.main_thumb_tab ul li button.on.thumb02:after{background-image:url('../img/ico_main_loanon.png');background-color:#0f8de5;}
.main_thumb_tab ul li button.on.thumb03{background:#6765ff;padding:.8rem}
.main_thumb_tab ul li button.on.thumb03:after{background-image:url('../img/ico_main_couponon.png');background-color:#5a58f0;}
*/

.main-thumb{position:absolute;bottom:4.8rem;overflow:hidden;z-index:80;height:6.9rem;max-width:40rem;right:0}
.main-thumb.max{max-width:34.5rem;}
.main-thumb .swiper-slide{width:6.9rem !important;height:6.9rem;background:#f8f8f8;border-radius:1rem;position:relative;}

.main-thumb .swiper-slide:after{content:'';display:inline-block;width:4rem;height:4rem;background-repeat:no-repeat;background-size:4rem auto;background-position:50% 50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.main-thumb .swiper-slide.thumb01:after{background-image:url('../img/ico_main_map.png');}
.main-thumb .swiper-slide.thumb02:after{background-image:url('../img/ico_main_loan.png');}
.main-thumb .swiper-slide.thumb03:after{background-image:url('../img/ico_main_coupon.png');}
.main-thumb .swiper-slide .txt{display:none;font-size:2rem;font-family:'NotoKrB';color:#fff;padding:0 1.6rem 0 6.9rem;}

.main-thumb .swiper-slide.swiper-slide-active{width:auto !important;}
.main-thumb .swiper-slide.swiper-slide-active .txt{display:block}
.main-thumb .swiper-slide.swiper-slide-active:after{transform:translate(0,0);left:.8rem;top:.8rem;background-size:3.6rem auto;width:5.3rem;height:5.3rem;border-radius:1rem;}
.main-thumb .swiper-slide.swiper-slide-active.thumb01{background:#14bcdc;padding:.8rem}
.main-thumb .swiper-slide.swiper-slide-active.thumb01:after{background-image:url('../img/ico_main_mapon.png');background-color:#05aece;}
.main-thumb .swiper-slide.swiper-slide-active.thumb02{background:#0e97f6;padding:.8rem}
.main-thumb .swiper-slide.swiper-slide-active.thumb02:after{background-image:url('../img/ico_main_loanon.png');background-color:#0f8de5;}
.main-thumb .swiper-slide.swiper-slide-active.thumb03{background:#6765ff;padding:.8rem}
.main-thumb .swiper-slide.swiper-slide-active.thumb03:after{background-image:url('../img/ico_main_couponon.png');background-color:#5a58f0;}


.main_cont .main_faq{font-size:1.4rem;font-family:'NotoKrB';color:#0873e4;text-align:center;line-height:1.9rem;display:inline-block;background:#fff;width:6.6rem;height:6.6rem;border:.1rem solid #0873e4;border-radius:100%;box-shadow:0 .3rem 1rem 0 rgba(0, 0, 0, 0.16);position:fixed;top:5.8rem;right:3.8rem;z-index:100;animation:main_faq_bounce 1.1s both;animation-delay:1.2s;}
.main_cont .main_faq:before{content:'';display:inline-block;width:2.3rem;height:2.3rem;background:url('../img/ico_main_faq.png') no-repeat 50% 50%/2.3rem auto;position:absolute;right:-1rem;top:-.6rem}

@keyframes main_faq_bounce {
	0% {
	  -webkit-transform: translateY(-500px);
			  transform: translateY(-500px);
	  -webkit-animation-timing-function: ease-in;
			  animation-timing-function: ease-in;
	  opacity: 0;
	}
	38% {
	  -webkit-transform: translateY(0);
			  transform: translateY(0);
	  -webkit-animation-timing-function: ease-out;
			  animation-timing-function: ease-out;
	  opacity: 1;
	}
	55% {
	  -webkit-transform: translateY(-65px);
			  transform: translateY(-65px);
	  -webkit-animation-timing-function: ease-in;
			  animation-timing-function: ease-in;
	}
	72% {
	  -webkit-transform: translateY(0);
			  transform: translateY(0);
	  -webkit-animation-timing-function: ease-out;
			  animation-timing-function: ease-out;
	}
	81% {
	  -webkit-transform: translateY(-28px);
			  transform: translateY(-28px);
	  -webkit-animation-timing-function: ease-in;
			  animation-timing-function: ease-in;
	}
	90% {
	  -webkit-transform: translateY(0);
			  transform: translateY(0);
	  -webkit-animation-timing-function: ease-out;
			  animation-timing-function: ease-out;
	}
	95% {
	  -webkit-transform: translateY(-8px);
			  transform: translateY(-8px);
	  -webkit-animation-timing-function: ease-in;
			  animation-timing-function: ease-in;
	}
	100% {
	  -webkit-transform: translateY(0);
			  transform: translateY(0);
	  -webkit-animation-timing-function: ease-out;
			  animation-timing-function: ease-out;
	}
  }

.faq_circle_wrap{position:relative;margin:3.2rem auto 0}
.faq_circle_wrap ul{display:flex;flex-wrap:wrap;justify-content:center;width:33.5rem;margin:0 auto}
.faq_circle_wrap ul li{
	border-radius:100%;display:flex;align-items:center;text-align:center;
	opacity:1;
	animation-fill-mode: forwards;
	animation-name:faq_circle_up;
	animation-iteration-count:infinite;
	animation-direction:alternate;	
	animation-duration: 2s;
}
.faq_circle_wrap ul li span{display:inline-block;font-size:2rem;font-family:'NotoKrB';color:#fff;line-height:2.5rem;width:100%;text-align:center;padding:0 .5rem}
.faq_circle_wrap ul li.circle01{background:#14bcdc;width:8.6rem;height:8.6rem;margin-top:6.2rem}
.faq_circle_wrap ul li.circle02{background:#0e97f6;width:12.2rem;height:12.2rem;}
.faq_circle_wrap ul li.circle03{background:#f7ba26;width:8rem;height:8rem;margin-left:.3rem;margin-top:3.4rem}
.faq_circle_wrap ul li.circle04{background:#ef9d02;width:7.8rem;height:7.8rem;margin-left:-2.4rem}
.faq_circle_wrap ul li.circle05{background:#6765ff;width:10.3rem;height:10.3rem;margin-top:-2.3rem;margin-left:.2rem}
.faq_circle_wrap ul li.circle06{background:#1cbe9b;width:12.2rem;height:12.2rem;margin-left:.3rem;margin-top:-3.2rem}
.faq_circle_wrap ul li.circle07{background:#1cbebe;width:12rem;height:12rem;margin-top:-1.1rem;margin-left:1.3rem}
.faq_circle_wrap ul li.circle08{background:#63b435;width:9.3rem;height:9.3rem;margin-left:.4rem;margin-top:-1.2rem}
.faq_circle_wrap ul li.circle09{background:#f58d08;width:10.3rem;height:10.3rem;}

.faq_circle_wrap ul li.active1{animation-delay:.2s,1.2s;}
.faq_circle_wrap ul li.active2{animation-delay:.4s,1.4s;}
.faq_circle_wrap ul li.active3{animation-delay:.6s,1.6s;}
.faq_circle_wrap ul li.active4{animation-delay:.8s,1.8s;}
.faq_circle_wrap ul li.active5{animation-delay:1s,2s;}
.faq_circle_wrap ul li.active6{animation-delay:1.2s,2.2s;}
.faq_circle_wrap ul li.active7{animation-delay:1.4s,2.4s;}
.faq_circle_wrap ul li.active8{animation-delay:1.6s,2.6s;}
.faq_circle_wrap ul li.active9{animation-delay:1.8s,2.8s;}

.faq_circle_wrap ul li.circle02 + .circle03 + .circle04 + .circle06{margin-top:-1.5rem}
.faq_circle_wrap ul li.circle02 + .circle03 + .circle04 + .circle06 + .circle07{margin-top:-2.5rem}
.faq_circle_wrap ul li.circle02 + .circle03 + .circle04 + .circle06 + .circle07 + .circle08{margin-top:.2rem}
.faq_circle_wrap ul li.circle02 + .circle03 + .circle04 + .circle06 + .circle07 + .circle08 + .circle09{margin-top:-1.5rem;margin-left:.5rem;position:static}
.faq_circle_wrap ul li.circle02 + .circle03 + .circle04 + .circle06 + .circle09{margin-top:-2.5rem}
.faq_circle_wrap ul li.circle02 + .circle03 + .circle04 + .circle09{margin-left:.5rem;margin-top:-2rem}
.faq_circle_wrap ul li.circle02 + .circle03 + .circle04 + .circle05 + .circle07{margin-top:-3rem;margin-left:.5rem}
.faq_circle_wrap ul li.circle02 + .circle03 + .circle04 + .circle05 + .circle07 + .circle08{margin-top:-.5rem}
.faq_circle_wrap ul li.circle02 + .circle03 + .circle04 + .circle05 + .circle07 + .circle09{margin-top:-1rem;position:static}
.faq_circle_wrap ul li.circle02 + .circle03 + .circle04 + .circle05 + .circle08{margin-top:-2.5rem;}
.faq_circle_wrap ul li.circle02 + .circle03 + .circle04 + .circle05 + .circle08 + .circle09{margin-top:0;position:static}
.faq_circle_wrap ul li.circle02 + .circle03 + .circle04 + .circle05 + .circle09{margin-top:-3rem}
.faq_circle_wrap ul li.circle02 + .circle03 + .circle04 + .circle05 + .circle06 + .circle08{margin-top:-.5rem}
.faq_circle_wrap ul li.circle02 + .circle03 + .circle04 + .circle05 + .circle06 + .circle09{margin-top:-1rem;position:static}
.faq_circle_wrap ul li.circle02 + .circle03 + .circle04 + .circle05 + .circle06 + .circle07 + .circle09{margin-left:.5rem;margin-top:.5rem}
.faq_circle_wrap ul li.circle02 + .circle03 + .circle04 + .circle07{margin-top:-2rem;margin-left:.5rem}
.faq_circle_wrap ul li.circle02 + .circle03 + .circle04 + .circle07 + .circle08{margin-top:-3rem}
.faq_circle_wrap ul li.circle02 + .circle03 + .circle04 + .circle07 + .circle08 + .circle09{margin-left:13.5rem;margin-top:-3.5rem}
.faq_circle_wrap ul li.circle02 + .circle03 + .circle04 + .circle07 + .circle09{margin-top:-2rem;margin-left:.5rem;position:static}
.faq_circle_wrap ul li.circle02 + .circle03 + .circle04 + .circle08 + .circle09{margin-top:-3rem;margin-left:.5rem;position:static}
.faq_circle_wrap ul li.circle02 + .circle03 + .circle05{margin-top:-.5rem}
.faq_circle_wrap ul li.circle02 + .circle03 + .circle05 + .circle06 + .circle07{margin-top:0}
.faq_circle_wrap ul li.circle02 + .circle03 + .circle05 + .circle06 + .circle07 + .circle08{margin-top:-.6rem}
.faq_circle_wrap ul li.circle02 + .circle03 + .circle05 + .circle06 + .circle07 + .circle08 + .circle09{margin-top:-1.6rem;margin-left:.1rem;position:static}
.faq_circle_wrap ul li.circle02 + .circle03 + .circle05 + .circle06 + .circle08{margin-left:3rem;margin-top:0}
.faq_circle_wrap ul li.circle02 + .circle03 + .circle05 + .circle06 + .circle08 + .circle09{margin-left:.5rem;margin-top:-.5rem;position:static}
.faq_circle_wrap ul li.circle02 + .circle03 + .circle05 + .circle06 + .circle09{margin-left:1rem;margin-top:-1.5rem;position:static}
.faq_circle_wrap ul li.circle02 + .circle03 + .circle05 + .circle09{margin-left:.5rem;margin-top:-2rem;position:static}
.faq_circle_wrap ul li.circle02 + .circle03 + .circle06{margin-top:0}
.faq_circle_wrap ul li.circle02 + .circle03 + .circle06 + .circle07{margin-top:-3rem;margin-left:.5rem}
.faq_circle_wrap ul li.circle02 + .circle03 + .circle06 + .circle07 + .circle08{margin-top:.5rem}
.faq_circle_wrap ul li.circle02 + .circle03 + .circle06 + .circle07 + .circle08 + .circle09{margin-top:-3rem;position:static}
.faq_circle_wrap ul li.circle02 + .circle03 + .circle06 + .circle07 + .circle09{margin-top:-3rem;margin-left:5rem;position:static}
.faq_circle_wrap ul li.circle02 + .circle03 + .circle06 + .circle09{margin-top:-3rem;position:static}
.faq_circle_wrap ul li.circle02 + .circle03 + .circle07{margin-top:.5rem}
.faq_circle_wrap ul li.circle02 + .circle03 + .circle07 + .circle09{margin-left:.5rem;margin-top:-2rem;position:static}
.faq_circle_wrap ul li.circle02 + .circle03 + .circle08{margin-top:-1.5rem}
.faq_circle_wrap ul li.circle02 + .circle03 + .circle08 + .circle09{margin-top:-3rem;margin-left:.5rem;position:static}
.faq_circle_wrap ul li.circle02 + .circle03 + .circle09{margin-top:-2rem;position:static}
.faq_circle_wrap ul li.circle02 + .circle04{margin-left:.2rem;margin-top:3.4rem}
.faq_circle_wrap ul li.circle02 + .circle04 + .circle05{margin-top:.1rem}
.faq_circle_wrap ul li.circle02 + .circle04 + .circle05 + .circle06{margin-top:-2.5rem}
.faq_circle_wrap ul li.circle02 + .circle04 + .circle05 + .circle06 + .circle07{margin-top:.2rem}
.faq_circle_wrap ul li.circle02 + .circle04 + .circle05 + .circle06 + .circle07 + .circle08{margin-top:0;margin-left:0}
.faq_circle_wrap ul li.circle02 + .circle04 + .circle05 + .circle06 + .circle07 + .circle08 + .circle09{margin-top:-1.4rem;margin-left:.5rem;position:static}
.faq_circle_wrap ul li.circle02 + .circle04 + .circle05 + .circle06 + .circle08{margin-top:-3rem}
.faq_circle_wrap ul li.circle02 + .circle04 + .circle05 + .circle06 + .circle08 + .circle09{margin-left:18rem;margin-top:-3.5rem;position:static}
.faq_circle_wrap ul li.circle02 + .circle04 + .circle05 + .circle06 + .circle09{margin-top:-3rem;position:static}
.faq_circle_wrap ul li.circle02 + .circle04 + .circle05 + .circle07{margin-left:.5rem;margin-top:-2rem}
.faq_circle_wrap ul li.circle02 + .circle04 + .circle05 + .circle07 + .circle08{margin-left:.5rem;margin-top:-3rem}
.faq_circle_wrap ul li.circle02 + .circle04 + .circle05 + .circle07 + .circle08 + .circle09{margin-left:19rem;margin-top:-4rem;position:static}
.faq_circle_wrap ul li.circle02 + .circle04 + .circle05 + .circle09{margin-left:.3rem;margin-top:-2.9rem;position:static}
.faq_circle_wrap ul li.circle02 + .circle04 + .circle06{margin-top:.2rem}
.faq_circle_wrap ul li.circle02 + .circle04 + .circle06 + .circle07{margin-left:.5rem;margin-top:-2.5rem}
.faq_circle_wrap ul li.circle02 + .circle04 + .circle06 + .circle07 + .circle08{margin-top:0rem}
.faq_circle_wrap ul li.circle02 + .circle04 + .circle06 + .circle07 + .circle08 + .circle09{margin-top:-2.5rem;margin-left:.7rem}
.faq_circle_wrap ul li.circle02 + .circle04 + .circle06 + .circle08 + .circle09{margin-top:-1rem;position:static}
.faq_circle_wrap ul li.circle02 + .circle04 + .circle07{margin-top:.5rem}
.faq_circle_wrap ul li.circle02 + .circle04 + .circle07 + .circle08{margin-left:0}
.faq_circle_wrap ul li.circle02 + .circle04 + .circle07 + .circle08 + .circle09{margin-top:-2.5rem;margin-left:.5rem}
.faq_circle_wrap ul li.circle02 + .circle04 + .circle07 + .circle09{margin-left:.5rem;margin-top:-3rem}
.faq_circle_wrap ul li.circle02 + .circle05{margin-top:3.2rem}
.faq_circle_wrap ul li.circle02 + .circle05 + .circle06{margin-top:-.5rem}
.faq_circle_wrap ul li.circle02 + .circle05 + .circle06 + .circle07 + .circle08{margin-top:0}
.faq_circle_wrap ul li.circle02 + .circle05 + .circle06 + .circle07 + .circle08 + .circle09{margin-left:.4rem;margin-top:-.5rem}
.faq_circle_wrap ul li.circle02 + .circle05 + .circle06 + .circle07 + .circle09{margin-top:-1.5rem;margin-left:.7rem}
.faq_circle_wrap ul li.circle02 + .circle05 + .circle06 + .circle09{margin-left:.5rem;margin-top:-1rem}
.faq_circle_wrap ul li.circle02 + .circle05 + .circle07{margin-top:0}
.faq_circle_wrap ul li.circle02 + .circle05 + .circle07 + .circle09{margin-top:-1rem;margin-left:.5rem}
.faq_circle_wrap ul li.circle02 + .circle05 + .circle08{margin-top:-1.6rem}
.faq_circle_wrap ul li.circle02 + .circle05 + .circle08 + .circle09{margin-left:.5rem;margin-top:-1.5rem}
.faq_circle_wrap ul li.circle02 + .circle05 + .circle09{margin-top:-2rem}
.faq_circle_wrap ul li.circle02 + .circle06{margin-top:3.2rem}
.faq_circle_wrap ul li.circle02 + .circle06 + .circle07{margin-top:-.5rem}
.faq_circle_wrap ul li.circle02 + .circle06 + .circle07 + .circle08{margin-top:0rem}
.faq_circle_wrap ul li.circle02 + .circle06 + .circle07 + .circle08 + .circle09{margin-top:.5rem}
.faq_circle_wrap ul li.circle02 + .circle06 + .circle08{margin-top:-2.5rem}
.faq_circle_wrap ul li.circle02 + .circle06 + .circle08 + .circle09{margin-left:.5rem;margin-top:-.8rem}
.faq_circle_wrap ul li.circle02 + .circle06 + .circle09{margin-top:-3rem;margin-right:9rem}
.faq_circle_wrap ul li.circle02 + .circle06 + .circle07 + .circle09{margin-left:.5rem}
.faq_circle_wrap ul li.circle02 + .circle07{margin-left:0;margin-top:3.2rem}
.faq_circle_wrap ul li.circle02 + .circle07 + .circle08{margin-top:-2.5rem}
.faq_circle_wrap ul li.circle02 + .circle07 + .circle09{margin-top:-2rem;margin-right:9rem}
.faq_circle_wrap ul li.circle02 + .circle08{margin-top:3.2rem}
.faq_circle_wrap ul li.circle02 + .circle08 + .circle09{margin-top:-3rem;margin-left:9rem}
.faq_circle_wrap ul li.circle02 + .circle09{margin-top:3.2rem}

@keyframes faq_circle_up {	
	100% {
		transform: translateY(-1rem);
	}
}
@keyframes faq_circle_in {		
	from,
	20%,
	40%,
	60%,
	80%,
	to {
	  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}
  
	0% {
	  opacity: 0;
	  -webkit-transform: scale3d(0.3, 0.3, 0.3);
	  transform: scale3d(0.3, 0.3, 0.3);
	}
  
	20% {
	  -webkit-transform: scale3d(1.1, 1.1, 1.1);
	  transform: scale3d(1.1, 1.1, 1.1);
	}
  
	40% {
	  -webkit-transform: scale3d(0.9, 0.9, 0.9);
	  transform: scale3d(0.9, 0.9, 0.9);
	}
  
	60% {
	  opacity: 1;
	  -webkit-transform: scale3d(1.03, 1.03, 1.03);
	  transform: scale3d(1.03, 1.03, 1.03);
	}
  
	80% {
	  -webkit-transform: scale3d(0.97, 0.97, 0.97);
	  transform: scale3d(0.97, 0.97, 0.97);
	}
  
	to {
	  opacity: 1;
	  -webkit-transform: scale3d(1, 1, 1);
	  transform: scale3d(1, 1, 1);
	}
}


/*팝업*/
.pop_full_container{position:fixed;width:100%;height:100%;top:0;bottom:0;left:0;right:0;z-index:200;background:#fff;flex-direction:column;display:flex;}
.pop_full_container.main_pop .title_area{padding:2.6rem}
.pop_full_container .title_area{text-align:center;height:5.2rem;position:relative}
.pop_full_container .title_area h1{font-size: 1.8rem;width:calc(100% - 11rem); font-family: 'NotoKrB'; margin: 0 auto;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height:5.2rem; height:5.2rem; color: #111;letter-spacing:-0.01rem}
.pop_full_container .title_area .house_tit{display:flex;text-align:left;font-size:1.6rem;color:#333;width:calc(100% - 4rem);align-items:center;}
.pop_full_container .title_area .house_tit .circle_txt{font-size:1.3rem;line-height:2.7rem;color:#0873e4;background:rgba(8,115,228,0.1);padding:0 1rem;border-radius:1.4rem;display:inline-block;margin-right:1.2rem}
.pop_full_container .title_area .house_tit .circle_txt.cir_color01{color:#e88750;background:#fdf3ed}
.pop_full_container .title_area .house_tit .circle_txt.cir_color02{color:#3fad59;background:rgba(100,182,54,0.1)}
.pop_full_container .title_area .house_tit .bank_img{display:inline-block;width:2.4rem;height:2.4rem;background-size:2.4rem 2.4rem;background-repeat:no-repeat;margin-right:1.2rem;border-radius:100%;}
.pop_full_container .btn_close{position: absolute; right: .3rem ; top: 50%; transform: translateY(-50%); width: 4.8rem; height: 4.8rem; background: url(../img/btn_full_popclose.png) no-repeat 50% 50%; background-size: 1.4rem auto;}
.pop_full_container .content_wrapper,
.pop_full_container #content_wrapper{overflow-y:auto;}
.pop_full_container .pop_content.none_btn{padding-bottom:4.8rem}
.pop_full_container .pop_content.overh{overflow:hidden}
.pop_full_container .pop_content{padding:2.4rem 2rem 10rem;}
.pop_full_container .pop_content .bg_gray{margin-top:-2.4rem}
.pop_full_container .pop_content .bg_gray.in_cont{margin-top:4.8rem}
.pop_full_container .pop_content .bg_gray.in_cont .info_list02 dt{color:#666}
.pop_full_container .pop_content .bg_gray.in_cont .info_list02 dd{color:#333}
.pop_full_container .pop_content .info_list_wrap{padding:0 .4rem}
.pop_full_container .pop_content .pop_agree_cont{border:.1rem solid #ddd;padding:1.5rem}
.pop_full_container .pop_content .pop_agree_cont iframe{width:100%;height:calc(100vh - 25.8rem);}
.pop_full_container .pop_content.none_btn .pop_agree_cont iframe{width:100%;height:calc(100vh - 20.5rem);}
.pop_full_container .pop_content .pop_agree_cont .pdf_wrap{width:100%;height:calc(100vh - 25.8rem);overflow-y:scroll}
.pop_full_container .pop_content .pop_agree_cont.agree_cont_allbox{padding:0}
.agree_cont_allbox{position:relative;}
.agree_cont_allbox:after{content:'';display:block;background:#fff;width:3rem;height:4rem;top:1rem;position:absolute;left:2rem}
.agree_cont_allbox:before{content:'';display:block;background:#fff;width:4rem;height:4rem;top:1rem;position:absolute;right:2rem}
.bg_gray_flex{display:flex;justify-content:space-between;overflow:hidden}
.pop_full_container .pop_content .bg_gray_flex .bg_gray.in_cont{margin-top:0;width:calc(100%/2)}
.bg_gray_flex .bg_gray.in_cont{text-align:center;flex:1;padding:1rem 1rem;display:flex;align-items:center;justify-content:center;}
.bg_gray_flex .bg_gray .sub_title{margin-bottom:0;word-break:break-all;}
.bg_gray_flex .bg_gray .sub_title .sub_txt{display:block;margin-top:.4rem}
.bg_gray_flex .bg_gray ~ .bg_gray{margin-left:.8rem}

.pop_modal{position:fixed;top:50%;transform:translateY(-50%);left:3rem;right:3rem;z-index:300;display:flex;flex-direction:column;background:#fff;}
.pop_modal .title_area{text-align:center;height:4.8rem;border-bottom:0.1rem solid #000;position:relative}
.pop_modal .title_area h1{font-size: 1.6rem;width:calc(100% - 11rem);margin: 0 auto;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height:4.8rem;}
.pop_modal .btn_close{width: 4.8rem; height: 4.8rem; background: url(../img/btn_pop_close.png) no-repeat 50% 50%; background-size: 2rem auto; position: absolute; right: .9rem; top: .9rem;}
.pop_modal .pop_content{min-height:10rem;padding:4.8rem 2.4rem 10rem;text-align:center;box-sizing:border-box}
.pop_modal .pop_content .scroll{max-height:22rem;overflow-y:auto}
.pop_modal .pop_content .scroll.tall{max-height:calc(100vh - 25rem)}
.pop_modal .pop_content .pop_cont_tit{font-size:1.6rem;color:#111;font-family:'NotoKrB';line-height:2.4rem}
.pop_modal .pop_content .pop_sub_tit{font-size:1.4rem;color:#666;font-family:'NotoKrB';line-height:2.2rem;}
.pop_modal .pop_content .pop_sub_tit.dark{color:#333}
.pop_modal .pop_content .pop_sub_txt{font-size:1.4rem;color:#666;line-height:2.2rem;}
.pop_modal .pop_content .pop_cont_txt{font-size:1.6rem;color:#666;line-height:2.4rem;}
.pop_modal .pop_content .pop_cont_txt .txt_left{display:inline-block}
.pop_modal .pop_content .pop_cont_txt02{font-size:1.4rem;color:#666;line-height:2.2rem;margin-top:1.4rem}
.pop_modal .pop_content .pop_cont_tit + .pop_cont_txt,
.pop_modal .pop_content .pop_sub_tit + .pop_cont_txt,
.pop_modal .pop_content .pop_sub_tit + .pop_sub_txt{margin-top:0.8rem}
.pop_modal .pop_content .input_cover{text-align:left;}
.pop_footbtn_cover{position:fixed;bottom:0;width:100%;display:flex; padding: 1.2rem 2rem 1.2rem 2rem;background:#fff}
.pop_modal .pop_footbtn_cover{padding:0}
.pop_modal .pop_footbtn_cover button{font-size:1.4rem}
.pop_modal .sub_txt_list{text-align:left}
.pop_modal_wrap{position:fixed;width:100%;height:100vh;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.7);z-index:210}

.pop_modal.max{max-width:31.5rem;min-width:31.5rem;transform:translate(-50%,-50%);left:50%;right:auto}
.pop_content.notice{padding:4.4rem 0 0}
.pop_notice_wrap{overflow:hidden}
.pop_notice_wrap .pop_cont_tit{display:block;margin-bottom:2.4rem}
.pop_notice_wrap .swiper-slide{padding-bottom:11rem}
.pop_notice_wrap .swiper-pagination-bullets{margin-top:2.4rem;position:absolute;bottom:7.5rem !important}
.pop_notice_cont{text-align:left;max-height:17.4rem;overflow-y:auto;min-height:17.4rem;padding:0 2.4rem}
.pop_notice_cont p{font-size:1.4rem;color:#666;line-height:2.2rem}

.toast_pop_wrap{position:fixed;left:2rem;right:2rem;bottom:7rem;background:rgba(0,0,0,0.7);border-radius:1rem;padding:1.2rem 2.4rem 1.2rem 1.2rem;z-index:9999}
.toast_pop_wrap .toast_txt{font-size:1.3rem;color:#fff;line-height:1.8rem}
.toast_pop_wrap .toast_close{position:absolute;right:.7rem;top:.5rem;width:2rem;height:2rem}
.toast_pop_wrap .toast_close:after,
.toast_pop_wrap .toast_close:before{content:'';display:inline-block;width:1.5rem;height:.1rem;background:#fff;position:absolute;left:.3rem}
.toast_pop_wrap .toast_close:after{-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.toast_pop_wrap .toast_close:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}

.calendar_wrap th{font-size:1.2rem;color:rgba(0,0,0,0.4)}
.calendar_wrap td{font-size:1.4rem;color:#000}
.calendar_wrap td.beaf_day{color:rgba(0,0,0,0.4)}
.calendar_wrap td span{display:inline-block;width:3.3rem;border-radius:2.5rem;line-height:3.3rem;}
.calendar_wrap td .on{background:#0873e4;color:#fff;}
.calendar_wrap th,
.calendar_wrap td{height:4.1rem;}
.calendar_wrap .pop_calendar{table-layout:auto;}

/*input*/
input[type='text'],input[type='number'],input[type='password'],input[type='date'],input[type='tel'] {-webkit-appearance:none; appearance:none; -webkit-border-radius:0; border-radius:0; width: 100%;}
::placeholder {color: #bbb; font-size:1.8rem; font-family: 'Spoqa Han Sans Neo';font-weight:400}
::-webkit-input-placeholder {color: #bbb; font-size:1.8rem; font-family: 'Spoqa Han Sans Neo';font-weight:400}
::-moz-placeholder {color: #bbb; font-size:1.8rem; font-family: 'Spoqa Han Sans Neo';font-weight:400}
:-ms-input-placeholder {color: #bbb; font-size:1.8rem; font-family: 'Spoqa Han Sans Neo';font-weight:400}
:-moz-placeholder {color: #bbb; font-size:1.8rem; font-family: 'Spoqa Han Sans Neo';font-weight:400}
input, select, textarea {font-family: 'NotoKrR', sans-serif; letter-spacing: 0;  line-height: 1; vertical-align: baseline; background-color:transparent; border-radius:0; border: 0; outline: 0; }

.input_result{ margin-top: 4.8rem; margin-bottom: 4.8rem;}
.input_cover + .input_cover{margin-top:4.8rem}
.input_cover .inp_tit,
.input_cover > label,
.input_cover > span{font-size:1.6rem;font-family:'NotoKrB';line-height:2.4rem;color:#09233e}
.input_cover .tool_wrap + .input_area,
.input_cover .inp_tit + .input_area,
.input_cover .inp_tit + .inp_between,
.input_cover .inp_tit + .select_wrap,
.input_cover .sub_inp_txt + .input_area,
.input_cover label + .input_area,
.input_cover label + .inp_between,
.input_cover label + .select_wrap,
.input_area + .input_area,
.sub_title_txt + .input_area{margin-top:1.2rem;}
.input_cover .inp_tit + .sub_inp_txt{margin-top:.8rem}
.input_cover .input_area + .inp_text{margin-top:0.8rem;font-size:1.4rem; text-align: left; line-height: 2.2rem;}
.input_cover .input_area + .helper{color:#0873e4}
.input_cover .input_area + .inp_help,
.input_cover .input_area + .info_txt{margin-top:1.2rem}
.inp_help{font-size:1.3rem;color:#b4b4b4;line-height:2rem;}
.input_cover .input_area{position:relative;} 
.input_cover .input_area input.input_txt{font-size:1.8rem;font-family:'Spoqa Han Sans Neo';font-weight: 400;height:5.5rem;padding:1.5rem 1.2rem;box-sizing:border-box;border-bottom:0.1rem solid #ddd;line-height:5.5rem}
.input_cover.del .input_area input.input_txt{padding-right:3.2rem}
.input_cover .input_area input.input_txt:read-only{background:#f8f8f8;border-bottom:0.1rem solid #333}
.input_cover .input_area input.input_txt:disabled{background:#f8f8f8;border-bottom:0.1rem solid #f8f8f8;color:#cbcbcb}
.input_cover .input_area .input_del{position:absolute;width:2rem;height:2rem;background: url(../img/ico_input_del.png) no-repeat 50% 50%/2rem auto;top:50%;transform:translateY(-50%);right:1.2rem;display:none}
.input_cover.cost .input_area .input_del, .input_cover.age .input_area .input_del{right:3.2rem;}
.input_cover.cost.txt02 .input_area .input_del{right:4.7rem;}

.input_cover .helper{padding:0 0.3rem}

.input_cover.cost .input_area input.input_txt{text-align:right}
.input_cover.cost.txt01 input.input_txt{padding-right:3.5rem}
.input_cover.cost.txt02 input.input_txt{padding-right:5rem}
.input_cover.cost .input_area .inp_cost{font-size:1.8rem;position:absolute;top:50%;transform:translateY(-55%);right:1.2rem;line-height:2.6rem}
.input_cover.cost .helper{text-align:right}

.input_cover.age .input_area input.input_txt{padding:0 4rem;text-align:right}
.input_cover.age .input_area .inp_cost,
.input_cover.age .input_area .inp_left_txt{font-size:1.8rem;position:absolute;top:50%;transform:translateY(-50%);line-height:2.6rem}
.input_cover.age .input_area .inp_cost{font-size:1.8rem;right:1.2rem;}
.input_cover.age .input_area .inp_left_txt{left:1.2rem}

.input_area .input_btn{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;}
.input_area .input_btn.btn_date{background:url(../img/ico_cal.png) no-repeat top 50%  right 1.2rem/1.8rem auto;}
.input_area .input_btn.btn_search{background:url(../img/ico_search.png) no-repeat top 50%  right 1.2rem/1.8rem auto;}
.input_area .ui-datepicker{margin-bottom:0 !important}
.input_area .ui-datepicker__display{font-size:1.7rem !important;font-family:'Spoqa Han Sans Neo' !important;font-weight:400 !important;height:5.5rem !important;padding:1.5rem .9rem !important;box-sizing:border-box !important;border-bottom:0.1rem solid #ddd !important;background:url(../img/ico_cal.png) no-repeat top 50% right 1.2rem/1.8rem auto;}
.input_area .ui-datepicker__display .is-placeholder{color:#bbb !important}
.input_area .ui-modal__container{width:calc(100vw - 4rem) !important;max-width:38rem}
.input_area .ui-datepicker-calendar__body{width:auto;height:auto;padding:1rem}
.input_area .ui-datepicker-calendar{font-family:'Spoqa Han Sans Neo';font-weight:400}
.input_area .ui-calendar-week--has-square-cells .ui-calendar-week__date{font-size:1.3rem}
.input_area .ui-calendar-month__header th{font-size:1.3rem}
.input_area .ui-calendar-controls__month-and-year{font-size:1.3rem}
.input_area .ui-calendar-month{margin-top:1.2rem}
.input_area .ui-calendar-controls{height:3rem}
.input_area .ui-icon-button{width:3rem;height:3rem}
.input_area .ui-icon{font-size:2.5rem}
.input_area .ui-datepicker-calendar__header-year{font-size:1.4rem;position:relative}
.input_area .ui-datepicker-calendar__header-year:after{content:'';display:inline-block;width:1.5rem;height:1.5rem;background:url('../img/ico_combo_downw.png');background-size:1.5rem auto;position:absolute;right:-1.8rem}
.input_area .ui-datepicker-calendar__header .ui-datepicker-calendar__header-year:first-child{margin-right:1rem !important}
.input_area .ui-datepicker-calendar__header-date{font-size:1.5rem}
.input_area .ui-datepicker-calendar__years{width:auto;height:calc(100vh - 40rem)}
.input_area .ui-datepicker-calendar__years li ~ li{margin-top:1rem}
.input_area .ui-datepicker-calendar__year{font-size:1.6rem}
.input_area .ui-datepicker-calendar__year.is-selected{height:2.25rem;font-size:1.8rem}


.input_cover.inp_between{position:relative;display:flex;justify-content:space-between;flex-wrap:wrap;}
.input_cover.inp_between > label{display:block;width:100%;flex:1 0 100%}
.input_cover.inp_between .input_area{flex:1;position:relative;}
.input_cover.inp_between .input_area ~ .input_area{margin-left:4rem}
.input_cover.inp_between:after{content:'-';font-size:1.8rem;position:absolute;bottom:1.5rem;left:50%;transform:translateX(-50%);}
.input_cover.btn_cover .input_area input.input_txt:read-only{background:#fff;border-bottom:0.1rem solid #ddd;padding-right:4rem}
.input_cover.btn_cover .input_area input.search_input{background:#fff url(../img/ico_search.png) no-repeat top 50%  right 1.2rem/1.8rem auto !important;cursor:pointer}
.input_cover.inp_triple{display:flex;position:relative;flex-wrap:wrap;}
.input_cover.inp_triple > label{display:block;width:100%;flex:1 0 100%;margin-bottom:2.4rem}
.input_cover.inp_triple .input_area{width:calc(100%/3 - 4rem);flex:1;position:relative}
.input_cover.inp_triple .input_area ~ .input_area{margin-left:4rem}
.input_cover.inp_triple .input_area:after{content:'-';font-size:1.8rem;position:absolute;bottom:1.5rem;right:-2rem;width:auto}
.input_cover.inp_triple .input_area:last-child:after{display:none}


.input_cover.error .input_area input.input_txt{border-bottom:0.1rem solid #f57057}
.input_cover.error .helper{color:#f57057}
.input_cover.error .inp_text{color:#f57057;; display: block; font-size: 1.4rem;}
.input_cover .inp_text{ display: none; }
.input_cover .inp_text.helper{ display: block;}

/*
.input_area:after,
.input_area:before{content:'';position:absolute;top:0;left:0;background-color:#007eff;width:0;height:0.1rem;transition:0.3s}
.input_area:after{top:auto;bottom:0;left:auto;right:0}
.input_area .input_string:after,
.input_area .input_string:before{content:'';position:absolute;top:0;left:0;background-color:#007eff;width:0.1rem;height:0;transition:0.4s}
.input_area .input_string:after{left:auto;right:0;top:auto;bottom:0}
*/
.input_area:before{content:'';position:absolute;bottom:0;left:0;background-color:#007eff;width:0;height:0.1rem;transition:0.3s}
.input_area.focus:before,
.input_area.focus:after{width:100%}

.select_wrap .select_btn select{display:none}
.select_wrap .select_btn button{display:block;width:100%;font-size:1.8rem;text-align:left;height:5.5rem;line-height:5.5rem; border-bottom:0.1rem solid #111;padding-left:1.2rem;padding-right:3.2rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;color:#333}
.select_wrap .select_btn button:after{content:'';display:inline-block;width:2rem;height:2rem;background:url('../img/ico_down_select.png') no-repeat;background-size:2rem auto;position:absolute;top:0;bottom:0;margin:auto 0;right:0.8rem}
.select_wrap .select_btn.on button:after{transform:rotate(180deg)}
.select_wrap .select_btn.right button{text-align:left;}
.select_wrap .select_area{border:0.1rem solid #ddd;border-top:none;display:none;background:#fff}
.select_wrap .select_area .select_list li{font-size:1.4rem;color:#111;padding:1.6rem 1.4rem;border-bottom:0.1rem solid #eee}
.select_wrap .select_area .select_list{max-height:19rem;overflow-y:auto}
.select_wrap .select_area .select_list li.on{color:#0873e4}
.select_between{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:1.2rem}
.select_between .select_wrap{flex:1}
.select_between .select_wrap ~ .select_wrap{margin-left:4rem}
.select_wrap + .info_txt{margin-top:.8rem}

.input_cover.search{display:flex;width:100%;}
.input_cover.search .select_wrap{flex-basis:25%;position:relative;}
.input_cover.search .select_wrap + .input_area{flex-basis:75%;margin-left:2rem}
.input_cover.search .input_area{width:100%}
.input_cover.search .select_wrap .select_btn button{height:4.4rem;border:none;border-bottom:0.1rem solid #333;padding:0 0.8rem; font-size: 1.4rem; line-height: 4.4rem;}
.input_cover.search .select_wrap .select_btn button:after{background:url('../img/ico_down_arrow.png') no-repeat;background-size:2rem auto}
.input_cover.search .select_area{border:none;position:absolute;width:100%;background:#fff;z-index:9}
.input_cover.search .select_area .select_list li{font-size:1.4rem;color:#111;padding:1.2rem 0.8rem;border-bottom:0.1rem solid #eee}
.input_cover.search .select_area .select_list li.on{color:#0873e4}
.input_cover.search .input_area .input_txt{font-family: 'NotoKrR';height:4.4rem;border:none;border-bottom:0.1rem solid #333;padding-right:6.5rem; font-size: 1.4rem;padding:0 0.8rem; padding:0 4rem 0 0.8rem;}
.input_cover.search .input_area .input_txt::-webkit-input-placeholder {color: #bbb; font-size:1.4rem; font-family: 'NotoKrR'}
.input_cover.search .input_area .input_del{right:3.6rem}
.input_cover.search .input_area .btn_input_search{display:inline-block;width:2rem;height:2rem;background:url('../img/ico_search.png') no-repeat 50% 50%;background-size:2rem auto;position:absolute;right:0.8rem;top:0;bottom:0;margin:auto 0}

.auto_search_wrap .custline_list.addr_type{margin-top:0;border-top:none;}
.auto_search_wrap .custline_list li{padding:1.6rem 0}
.auto_search_wrap .custline_list li .tit{font-size:1.4rem}

.input_cover.select_date{display:flex;width:100%;flex-wrap:wrap;}
.input_cover.select_date .select_wrap{width:calc(100%/2 - 1rem);}
.input_cover.select_date .select_wrap ~ .select_wrap{margin-left:2rem}
.input_cover.select_date .select_wrap .select_area .select_list{max-height:13rem;overflow-y:auto}
.input_cover.select_date .select_area{border:none;position:absolute;width:calc(100%/2 - 3rem);background:#fff;z-index:9}
.input_cover.select_date .select_wrap .select_btn button{padding-right:2rem}
.input_cover.select_date .select_wrap .select_btn button:after{right:0.3rem}

.input_cover + .info_txt{margin-top:.8rem}

.pop_select_wrap{height:100%;overflow-y:auto;}
.pop_select_wrap ul{margin-top:2.4rem;}
.pop_select_wrap ul.bor_top{border-top:.2rem solid #eee}
.pop_select_wrap ul li{position:relative;padding:1.2rem 5rem 1.2rem 0; border-bottom: 0.1rem solid #eee;}
.pop_select_wrap ul.large li{padding:2rem 5rem 2rem 0}
.pop_select_wrap ul.large_top{margin-top:.8rem}
.pop_select_wrap ul.large_top li{padding:2rem 5rem 2rem 0}
.pop_select_wrap .pop_select_list.large li.on .select_tit{font-family:'NotoKrM';}
.pop_select_wrap ul li .select_tit{font-size:1.6rem;color:#111;line-height:2.4rem;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pop_select_wrap ul li .select_sub_txt{font-size:1.4rem;color:#999;line-height:2.2rem; display: block;}
.pop_select_wrap ul li .space{ padding-left: 1.3rem; text-indent: -0.9rem;}
.pop_select_wrap ul li .select_tit + .area_info{margin-top:.4rem}
.pop_select_wrap .pop_select_list li:before{content:'';display:inline-block;width:2.4rem;height:2.4rem;position:absolute;right:0.8rem;top:50%;transform:translateY(-50%);background:#333; background: url(../img/ico_pop_select_off.png) no-repeat 0 0;background-size:2.4rem auto}
.pop_select_wrap .pop_select_list li.on:before{background: url(../img/ico_pop_select_on.png) no-repeat 0 0;background-size:2.4rem auto;}
.pop_select_wrap .sort_wrap .drag_handle{display:inline-block;width:2.4rem;height:2.4rem;background:url('../img/ico_sort_btn.png') no-repeat;background-size:2.4rem auto;position:absolute;right:.5rem;top:0;bottom:0;margin:auto 0}

.sub_txt_wrap + .pop_selectbet_wrap{margin-top:4.8rem}
.pop_selectbet_wrap{display:flex;}
.pop_selectbet_wrap .pop_select_wrap{flex:1}
.pop_selectbet_wrap .pop_select_wrap .alert_area{margin-top:4.8rem}
.pop_selectbet_wrap .pop_select_wrap .sub_title{border-bottom:.2rem solid #eee;display:block;padding-bottom:2.4rem;margin-bottom:0}
.pop_selectbet_wrap .pop_select_wrap ul{margin-top:0}
.pop_selectbet_wrap .pop_select_wrap ~ .pop_select_wrap{padding-left:4rem}
.pop_selectbet_wrap .pop_select_wrap ul li{padding:2rem 3.9rem 2rem 0}
.pop_selectbet_wrap .pop_select_wrap ul li .select_tit{overflow:auto;white-space:normal;text-overflow:inherit;font-size:1.3rem}

.area_info{display:flex}
.area_info .area_txt{color:#999;font-size:1.4rem;line-height:2rem;position:relative}
.area_info .area_txt:after{content:'';display:inline-block;width:.1rem;height:1rem;background:#ddd;position:absolute;right:-.8rem;top:.8rem}
.area_info .area_txt + .color_info{padding-left:1.7rem}
.area_info .color_info span{font-size:1.4rem;line-height:2.2rem;}
.area_info .color_info span.color01{color:#fa1248}
.area_info .color_info span.color02{color:#fc8118}
.area_info .color_info span.color03{color:#64b636}
.area_info .color_info span:after{content:'/';color:#999;display:inline-block;margin:0 .2rem}
.area_info .color_info span:last-child:after{display:none}

.etc_title + .radio_wrap{margin-top:1.8rem}
.radio_wrap{display:flex;flex-wrap:wrap;}
.input_radio{position:relative}
.input_radio input[type="radio"]{overflow:hidden;display:inline-block;position:absolute;z-index:-1;border:0;width:0.1rem;height:0.1rem;clip:rect(0.1rem, 0.1rem, 0.1rem, 0.1rem);clip-path:inset(50%);}
.input_radio label{display:inline-block;font-size:1.4rem;color:#111;line-height:2.4rem;position:relative;padding-left:3rem;}
.input_radio label:before{content:'';position:absolute;left:0;top:0;width:2.4rem;height:2.4rem;background:url('../img/ico_radio_off.png') no-repeat 50% 50%/2.4rem auto}
.input_radio input:checked + label:before{background:url('../img/ico_radio_on.png') no-repeat;background-size:2.4rem auto}
.input_radio input:disabled + label{color:#cbcbcb}
.input_radio input:disabled + label:before{background:url('../img/ico_radio_disabled.png') no-repeat;background-size:2.4rem auto}
/*
.input_radio label:before{content:'';position:absolute;left:0;top:0.3rem;width:1.7rem;height:1.7rem; border: 0.15rem solid #ddd; border-radius: 100%;}
.input_radio label::after{content:'';position:absolute;left:0.5rem;top:0.8rem;width:1rem;height:1rem; background: #ddd; border-radius: 100%;}
.input_radio input:disabled + label{color:#ddd}
.input_radio input:disabled + label:before{content:'';border: 0.15rem solid #ddd}
.input_radio input:disabled + label::after{ content: ''; background: #ddd;}
.input_radio input:checked + label:before{content:'';border: 0.15rem solid #007eff}
.input_radio input:checked + label::after{ content: ''; background: #007eff;}
*/

.check_wrap{display:flex;flex-wrap:wrap;}
.input_chechk{position:relative}
.input_chechk input[type="checkbox"]{overflow:hidden;display:inline-block;position:absolute;z-index:-1;border:0;width:0.1rem;height:0.1rem;clip:rect(0.1rem, 0.1rem, 0.1rem, 0.1rem);clip-path:inset(50%);}
.input_chechk label{font-size:1.4rem;color:#333;position:relative;padding-left:3rem;line-height:2.4rem;display:inline-block}
.input_chechk label:before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:2.4rem;height:2.4rem;background:url('../img/ico_checkbox.png') no-repeat 50% 50%/2.4rem auto}
.input_chechk label.txt_hide{padding-left:2.4rem;font-size:0;text-indent:-999rem;}
.input_chechk input:checked + label:before{content:'';background:url('../img/ico_checkbox_select.png') no-repeat;background-size:2.4rem auto}
.input_chechk input:checked:disabled + label:before{content:'';background:url('../img/ico_checkbox_disabled.png') no-repeat;background-size:2.4rem auto}
.input_chechk input:disabled + label:before{content:'';background:url('../img/ico_checkbox_nochk.png') no-repeat;background-size:2.4rem auto}
.input_chechk input:disabled + label{color:#cbcb}
.input_chechk.all label{font-size:2rem;font-family:'NotoKrB';padding-left:3.6rem}
.input_chechk.all label:before{background-size:2.8rem auto;width:2.8rem;height:2.8rem}
.input_chechk.all input:checked + label:before{background-size:2.8rem auto;width:2.8rem;height:2.8rem}

.chbox_wrap .input_chechk{border:.1rem solid #ddd;padding:2rem 4rem 2rem 2rem;}
.chbox_wrap .input_chechk .btn_terms{display:inline-block;width:4rem;height:100%;position:absolute;top:0;bottom:0;right:0;margin:auto 0;}
.chbox_wrap .input_chechk .btn_terms:after{content:'';display:inline-block;width:2rem;height:2rem;background:url(../img/ico_accordion.png) no-repeat;background-size:2rem;transform:rotate(-90deg);margin-top:.4rem}
.chbox_wrap .input_chechk ~ .input_chechk{margin-top:1.6rem}
.chbox_wrap .input_chechk > label,
.chbox_wrap .input_chechk .tit > label{font-size:1.6rem;font-family:'NotoKrM';line-height:2.4rem;padding-left:3.6rem}
.chbox_wrap .input_chechk > label:before,
.chbox_wrap .input_chechk .tit > label:before{transform:translateX(0);top:0}
.chbox_wrap .input_chechk.accordion{padding-bottom:0}
.chbox_wrap .input_chechk.accordion .tit{position:relative;padding-right:2.8rem;padding-bottom:2rem}
.chbox_wrap .input_chechk.accordion .acc_btn{position:absolute;top:.3rem;right:0;width:auto;border:none}
.chbox_wrap .input_chechk.accordion .acc_btn:after{right:0;top:0}
.chbox_wrap .input_chechk.accordion .acc_content{border:none;border-top:.1rem solid #ddd;margin:0 -2rem;padding:2rem 2.4rem}
.chbox_wrap .input_chechk.chbox_sub_wrap{padding:0}
.chbox_wrap .input_chechk.chbox_sub_wrap .tit{padding:2rem 4rem 2rem 2rem;position:relative}
.chbox_wrap .input_chechk.chbox_sub_wrap .chbox_sub_list{border-top:.1rem solid #ddd;padding:2rem 2.4rem}
.input_chechk_sub{position:relative}
.input_chechk_sub input[type="checkbox"]{overflow:hidden;display:inline-block;position:absolute;z-index:-1;border:0;width:0.1rem;height:0.1rem;clip:rect(0.1rem, 0.1rem, 0.1rem, 0.1rem);clip-path:inset(50%);}
.input_chechk_sub label{font-size:1.4rem;line-height:2.4rem;color:#666;padding-left:2.4rem;display:inline-block;position:relative}
.input_chechk_sub label:before{content:'';position:absolute;left:0;top:.5rem;width:1.6rem;height:1.6rem;background:url('../img/ico_pop_select_off.png') no-repeat 50% 50%/1.6rem auto;transform:translateY(0)}
.input_chechk_sub input:checked + label:before{content:'';background:url('../img/ico_pop_select_on.png')  no-repeat 50% 50%/1.6rem auto}

.check_area{display:flex;flex-wrap:wrap;}
.check_area.big label{font-size:1.6rem}
.check_area.col01 > li ~ li,
.check_area.col01 > div ~ div{margin-top:2rem}
.check_area.col01.big label{font-size:1.6rem;font-family:'NotoKrM';}
.check_area.col01.big .input_chechk label:before{top:.1rem;transform:translateY(0);}
.check_area.col01.big .input_chechk label span{display:block;margin-top:.6rem;color:#999;font-size:1.4rem;line-height:2.2rem;font-family:'NotoKrR';}
.check_area.col01 .btn_tool{}
.check_area.tool_wrap.full .tool_box{padding-right:2rem}

.check_area.col02{margin-top:0.7rem}
.check_area.col02 > li,
.check_area.col02 > div{margin-top:1.7rem}

.radio_type_btn01.col02 label{font-size:1.4rem}
.radio_type_btn01.col02 > li,
.radio_type_btn01.col02 > div{width:calc(100%/2 - .8rem);}

.col01 > li,
.col01 > div{width:100%}

.col02 > li,
.col02 > div{flex-basis:50%;}

.col03{flex-wrap:wrap;margin-left:-0.8rem;margin-top:-0.8rem}
.col03 > li,
.col03 > div{width:calc(100%/3 - 0.8rem);margin-left:0.8rem;margin-top:0.8rem}

.radio_type_btn01.col04{flex-wrap:wrap;margin-left:-0.8rem;margin-top:-0.8rem}
.radio_type_btn01.col04 > li,
.radio_type_btn01.col04 > div{width:calc(100%/4 - 0.8rem);margin-left:0.8rem;margin-top:0.8rem}
.radio_type_btn01.col04{margin-top:1.6rem}

.radio_type_btn01.grow_type{margin-top:2.4rem}
.radio_type_btn01.grow_type li{flex:1}

.inp_tit + .col03{margin-top:1.6rem}
.inp_tit + .radio_wrap.col03{margin-top:.4rem}
.inp_tit + .radio_type_btn01.col02,
.sub_title_txt + .radio_type_btn01.col02{margin-top:2.4rem}

.radio_wrap.col04 > li ~ li,
.radio_wrap.col04 > div ~ div{margin-left:2.1rem}

.radio_wrap.col03 > li,
.radio_wrap.col03 > div{margin-top:2rem}

.check_area.col04{margin-top:1.6rem}
.check_area.col04 > li ~ li,
.check_area.col04 > div ~ div{margin-left:2.1rem}

.radio_type_btn01{display:flex;margin-left:-.8rem}
.radio_type_btn01 li{align-self:stretch;position:relative;display:table;margin-left:0.8rem}
.radio_type_btn01 li input{overflow:hidden;display:inline-block;position:absolute;z-index:-1;border:0;width:0.1rem;height:0.1rem;clip:rect(0.1rem, 0.1rem, 0.1rem, 0.1rem);clip-path:inset(50%);}
.radio_type_btn01 li label{display:table-cell;width:100%;height:100%;border:0.1rem solid #ddd;font-size:1.4rem;color: #666;text-align:center;padding:1.1rem 0.5rem;line-height:2rem;word-break:break-all;min-height:4.4rem}
.radio_type_btn01 li input:checked + label{border:0.1rem solid #0873e4;color:#0873e4; font-family: 'NotoKrB';}

.radio_type_btn{display: flex;justify-content: space-between;	flex-wrap: wrap;}
.radio_type_btn li input[type="radio"]{overflow:hidden;display:inline-block;position:absolute;z-index:-1;border:0;width:0.1rem;height:0.1rem;clip:rect(0.1rem, 0.1rem, 0.1rem, 0.1rem);clip-path:inset(50%);}
.radio_type_btn li label{width:100%;height:100%;border:0.1rem solid #d5d5d5;font-size:1.4rem;text-align:center;padding:0 0.4rem;word-break:break-all;color: #666; display: block; line-height: 4.4rem;}
.radio_type_btn li input:checked + label{border:0.1rem solid #0873e4;color:#0873e4; font-family: 'NotoKrB';}

.file_list + .input_cover.file{margin-top:1.4rem}
.input_cover.file .file_name {overflow:hidden;display:inline-block;position:absolute;z-index:-1;border:0;width:0.1rem;height:0.1rem;clip:rect(0.1rem, 0.1rem, 0.1rem, 0.1rem);clip-path:inset(50%);}
.input_cover.file .file_name::-webkit-file-upload-button{display:none}
.input_cover.file label{text-align:center;font-size:1.4rem;color:#333;font-family:'NotoKrM';display:block;width:100%;border:0.1rem solid #bbb;line-height:4.8rem;position:relative}
.input_cover.file label:before{content:'';display:inline-block;width:1.6rem;height:1.6rem;vertical-align:-.3rem;margin-right:.8rem;background:url('../img/ico_search_white.png') no-repeat;background-size:1.6rem auto}
.file_list li{font-size:1.3rem;text-align:left;color:#333;line-height:2.0rem;padding:0 4.4rem;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border:0.1rem solid #e6e6e6;border-radius:2.2rem;width:100%;line-height:4.4rem;background:url('../img/ico_file_down.png') no-repeat top 50% left 1.6rem/2rem auto;position:relative}
.file_list li[role="button"]{padding-right:2rem}
.file_list li .btn_file_del{display:inline-block;width:2rem;height:2rem;background:url('../img/ico_file_del.png') no-repeat;background-size:2rem auto;position:absolute;right:1.6rem;top:0;bottom:0;margin:auto 0}
.file_list li ~ li{margin-top:0.8rem}

.sub_title + .input_switch_wrap{margin-top:2rem}
.input_switch_wrap{text-align:right}
.input_switch{font-size:1.4rem;color:#666;font-family:'NotoKrB';position:relative;display:inline-block;}
.input_switch input{overflow:hidden;display:inline-block;position:absolute;z-index:-1;border:0;width:0.1rem;height:0.1rem;clip:rect(0.1rem, 0.1rem, 0.1rem, 0.1rem);clip-path:inset(50%);}
.input_switch .switch_slider{position:relative;width:5.1rem;display:inline-block;background:#e3e3e5;height:3.1rem;border-radius:1.5rem;transition:all 0.3s}
.input_switch .switch_slider:after{content:'';width:2.7rem;height:2.7rem;position:absolute;left:.2rem;top:.2rem;background:#fff;border-radius:5rem;transition:all 0.3s}
.input_switch input:checked + .switch_slider{background:#0873e4;}
.input_switch input:checked + .switch_slider:after{left:calc(100% - 2.8rem)}
.input_switch.txt_type .switch_slider{margin-left:1.2rem;vertical-align:-1rem;}
.input_switch.in_txt{font-size:1.6rem;font-family:'NotoKrM';}
.input_switch.in_txt .switch_slider{margin-left:1.2rem;vertical-align:-1rem;}
.input_switch_wrap.left_type{text-align:left}
.input_switch_wrap.left_type .input_switch.in_txt .switch_slider{margin-left:0;margin-right:1rem}
.input_switch_wrap.left_type .input_switch.in_txt .bold{font-family:'NotoKrB';font-size:1.4rem;color:#333}

.input_switch_wrap + .result_wrap{margin-top:2.4rem}
.result_wrap .switch_list{padding:0 2rem}
.switch_list li{display:flex;justify-content:space-between;align-items:center;}
.switch_list li ~ li{border-top:.1rem solid #eee;padding-top:2rem;margin-top:2rem}
.switch_list li .tit{font-size:1.6rem;line-height:2.4rem;color:#333;font-family:'NotoKrR';}
.switch_list li .tit.bold{font-family:'NotoKrB';}

/*로딩*/
.loading_dot_wrap{width:7rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2000;height:1.3rem;filter:url('#goo');-webkit-filter:url('#goo');}
.loading_dot_wrap span{position:absolute;background:#0873e4;width:1.3rem;height:1.3rem;border-radius:100%;animation: bouncingLoader 0.6s linear infinite alternate;-webkit-animation: bouncingLoader 0.6s linear infinite alternate;}                        
.loading_dot_wrap span.dot01{left:0;}
.loading_dot_wrap span.dot02{left:33%;animation-delay: 0.2s;}
.loading_dot_wrap span.dot03{left:66%;animation-delay: 0.4s;}
.loading_dot_wrap span.dot04{left:100%;animation-delay: 0.6s;}
.loading_wrap{position:fixed;top:0;bottom:0;left:0;right:0;display:none;background:rgba(0,0,0,0.6);z-index:1000}


@keyframes bouncingLoader {
	from {
		opacity: 1;                                                        
		transform: translate3d(0);
	}
	to {                     
		opacity: 0.7;                                 
		transform: translate3d(0, -1.5rem, 0);
	}
}
@-webkit-keyframes bouncingLoader {
	from {
		opacity: 1;                                                        
		transform: translate3d(0);
	}
	to {                     
		opacity: 0.7;                                 
		transform: translate3d(0, -1.5rem, 0);
	}
}


.loading_wrap.easy_log{background:#fff}
.loading_wrap.easy_log .loading_dot_wrap{width:auto;height:auto}
.loading_wrap.easy_log .easy_log_txt{font-size:1.6rem;font-family:'NotoKrM';color:#666}
.easy_log_loader {color: #0873e4;font-size: 1rem;margin: 5rem auto;width: 1em;height: 1em;border-radius: 50%;position: relative;text-indent: -9999em;-webkit-animation: load4 1.3s infinite linear;animation: load4 1.3s infinite linear;-webkit-transform: translateZ(0);-ms-transform: translateZ(0);transform: translateZ(0);}
@-webkit-keyframes load4 {
    0%,
    100% {
        box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
    }
    12.5% {
        box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
    }
    25% {
        box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
    }
    37.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
    }
    50% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
    }
    62.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
    }
    75% {
        box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
    }
    87.5% {
        box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
    }
}
@keyframes load4 {
    0%,
    100% {
        box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
    }
    12.5% {
        box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
    }
    25% {
        box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
    }
    37.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
    }
    50% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
    }
    62.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
    }
    75% {
        box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
    }
    87.5% {
        box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
    }
}


/*아코디언*/
.accordion .acc_btn{display:block;width:100%;font-size:1.5rem;line-height:2rem;text-align:left;border-bottom:0.1rem solid #000;padding:1rem;position:relative}
.accordion .acc_btn:after{content:'';display:inline-block;position:absolute;top:-0.2rem;bottom:0;margin:auto 0;right:2rem;width:2rem;height:2rem;background:url(../img/ico_accordion.png) no-repeat;background-size:2rem}
.accordion .acc_content{display:none;border:0.1rem solid #000;border-top:none;padding:1.5rem}
.accordion.more .acc_btn{text-align:center}
.accordion.active .acc_btn:after,
.accordion.active .accordion.active .acc_btn:after,
.accordion .acc_list li.active .acc_btn:after,
.accordion li.active .acc_btn:after{transform:rotate(180deg)}
.accordion.active .accordion .acc_btn:after{transform:rotate(0deg)}
.accordion .tit_text{   padding: 2rem 2rem 0 2rem; }
.result_wrap{border:0.1rem solid #ddd;box-sizing:border-box;padding:2rem 0;}
.result_wrap .name{font-size:1.4rem; font-family: 'NotoKrB'; padding: 0 2rem 2rem 2rem; border-bottom: 0.1rem solid #eee; display: block;position:relative;line-height:2.2rem}
.result_wrap .name.big{font-size:1.6rem}
.result_wrap .name + .box_cont{margin-top:0;padding:2rem 2rem 0}
.result_wrap .name .stat_txt{display:inline-block;font-size:1.3rem;color:#666;font-family:'NotoKrR';line-height:2.7rem;background:#eee;border-radius:1.4rem;padding:0 1rem;margin-left:1.2rem}
.result_wrap .tit{position:relative}
.result_wrap .tit .name.bank_type{padding-left: 5.6rem;line-height:2rem}
.result_wrap .tit .acc_btn{ border-bottom: 0.1rem solid #eee; padding: 0 2rem 2rem 2rem;  font-family: 'NotoKrB';text-align:left; width:100%;display:block;position:relative;line-height:2rem} 
.result_wrap .tit .acc_btn.link:after{content:'';display:inline-block;position:absolute;top:0;right:2rem;width:2rem;height:2rem;background:url(../img/ico_accordion.png) no-repeat;background-size:2rem;transform:rotate(-90deg)}
.result_wrap .tit .bank_type.acc_btn{padding-left:5.6rem}
.result_wrap .tit .bank_type{ font-size: 1.6rem; color: #333; font-family: 'NotoKrB'; padding-left: 3.6rem;}
.result_wrap .tit .bank_type span.bank{ display: inline-block; position: absolute; left: 2rem; top: -0.2rem; border-radius: 100%; width: 2.4rem; height: 2.4rem; background-size: 2.4rem;}
.result_wrap .tit .bank_type.no_img span.bank{border-radius:0;}
.result_wrap .tit .acc_btn::after{ top: -2rem;}
.result_wrap .tit + .acc_content.box_cont{padding-top:0;margin-top:0}
.result_wrap .box_cont{border:none; padding: 0 2rem; margin-top: 0.8rem;}
.result_wrap .box_cont .desc_txt{font-size:1.4rem;line-height:2.2rem;color:#666}
.result_wrap .box_cont .bg_gray.radio_type{border-radius:.6rem;}
.result_wrap .box_cont .bg_gray.radio_type + .info_list01{margin-top:2.4rem}
.result_wrap .box_cont .bg_gray + .info_list01.bot_info{margin-top:2.4rem}
.result_wrap .box_cont .line_info{border-top:.1rem solid #eee;padding:1.6rem 0 0;margin:2.4rem 0 0}
.result_wrap .box_cont .line_info .info_tit_wrap{display:flex;justify-content:space-between;}
.result_wrap .box_cont .line_info .info_tit_wrap .box_info_tit{font-size:1.4rem;color:#333;font-family:'NotoKrB';display:block;line-height:2.2rem;}
.result_wrap .box_cont .line_info .info_tit_wrap span{text-align:right;font-size:1.4rem;line-height:2.2rem}
.result_wrap .box_cont .line_info .info_tit_wrap span.poss{color:#0873e4}
.result_wrap .box_cont .line_info .info_tit_wrap span.optposs{color:#dba521}
.result_wrap .box_cont .line_info .info_tit_wrap span.imposs{color:#f57057}
.result_wrap .box_cont .line_info .line_info_txt{border:.1rem solid #eee;border-radius:.6rem;padding:2rem;margin-top:1.6rem}
.result_wrap .box_cont .line_info .line_info_txt p{font-size:1.4rem;color:#666;line-height:2rem}
.result_wrap .box_cont .line_info + .bot_info{border-top:.1rem solid #eee;margin-top:2.4rem;padding-top:1.6rem}
.result_wrap .box_cont .chart_wrap{padding:2rem 0 0;border:none;border-top:.1rem solid #eee;margin-top:2.4rem}
.result_wrap .box_cont .chart_wrap .bor_btn_wrap{padding:0}
.result_wrap .box_cont .chart_wrap .legend_list{padding:0}
.result_wrap .box_cont .chart_wrap .c3{margin-left:-1rem}
.result_wrap .box_cont .chart_info ~ .chart_info{margin-top:3.6rem}

.result_wrap .tit + .box_cont{margin-top:0;padding:2rem 2rem 0}
.result_wrap .tit.in_chk .name{padding-right:4.5rem}
.result_wrap .tit.in_chk.long .name{padding-right:10.5rem}
.result_wrap .tit.in_chk .stat_box{font-size:1.1rem;color:#666;line-height:2.4rem;margin-left:2rem;display:inline-block;padding:0 1rem;border-radius:1.4rem;background:#eee;margin-bottom:.8rem;margin-top:-.4rem}
.result_wrap.bot_accordion{padding-bottom:0}
.result_wrap.bot_accordion .name{border:none}
.result_wrap.bot_accordion .accordion .acc_content{border:none;padding:1.2rem 2rem 3.2rem}
.result_wrap.bot_accordion .accordion .acc_btn{border-top:.1rem solid #eee;border-bottom:none;padding:1.2rem 2rem;font-size:1.3rem;color:#666}
.result_wrap.scroll{padding:1.6rem 2rem;min-height:10rem;max-height:23rem;overflow-y:auto;}
.result_wrap.house{padding:2rem;overflow:hidden}
.result_wrap.house .tit_area{padding-bottom:1.6rem;border-bottom:.2rem solid #eee;display:flex;justify-content:space-between;}
.result_wrap.house .tit_area .name{font-size:1.6rem;line-height:2.4rem;color:#333;padding:0;position:relative;border:none;padding-right:1rem;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.result_wrap.house .tit_area .name[role="button"]{padding-right:2.4rem;margin-right:1rem}
.result_wrap.house .tit_area .name[role="button"]:after{content:'';display:inline-block;width:2rem;height:2rem;background:url('../img/ico_right_arrow.png') no-repeat;background-size:2rem auto;position:absolute;right:0;top:.2rem}
.result_wrap.house .tit_area .btn_wrap{text-align:right}
.result_wrap.house .tit_area .btn_wrap .btn_box{font-size:1.3rem;color:#333;line-height:2rem;padding:.4rem 1rem;background:#f0f0f0;}
.result_wrap.house .tit_area .btn_wrap.ico_btn{flex-shrink:0;}
.result_wrap.house .tit_area .btn_wrap.ico_btn button ~ button{margin-left:.8rem}
.btn_wrap.ico_btn button{display:inline-block;width:2rem;height:2rem;background-repeat:no-repeat;background-size:2rem auto;}
.btn_wrap.ico_btn button.h_map{background-image:url('../img/ico_house_map.png');}
.btn_wrap.ico_btn button.h_like{background-image:url('../img/ico_house_like.png');}
.btn_wrap.ico_btn button.h_like.on{background-image:url('../img/ico_house_likeon.png') !important;}
.btn_wrap.ico_btn button.h_notice{background-image:url('../img/ico_house_notice.png');}
.btn_wrap.ico_btn button.h_notice.on{background-image:url('../img/ico_push_on.png') !important;}
.result_wrap.house .info_area .top_info{display:flex;padding:1.6rem 0}
.result_wrap.house .info_area .top_info .area_txt{color:#999;font-size:1.4rem;line-height:2rem;position:relative}
.result_wrap.house .info_area .top_info .txt{font-size:1.4rem;line-height:2rem;color:#333}
.result_wrap.house .info_area .top_info .limit_info span{font-size:1.3rem;color:#666;font-family:'NotoKrB';line-height:2rem}
.result_wrap.house .info_area .top_info .limit_info span:after{content:'/';display:inline-block;margin:0 .2rem}
.result_wrap.house .info_area .top_info .limit_info span:last-child:after{display:none}
.result_wrap.house .info_area .top_info .limit_info .add_txt{color:#999;margin-top:.6rem;font-size:1.2rem}
.result_wrap.house .info_area .top_info.just_type .limit_info{text-align:right}
.result_wrap.house .info_area .top_info.just_type .color_info{padding-right:1rem}
.result_wrap.house .info_area .top_info.just_type{justify-content:space-between;align-items:center;}
.result_wrap.house .info_area .top_info.just_type .area_txt{padding-right:1rem;flex-shrink:0;}
.result_wrap.house .info_area .top_info.just_type .area_txt:after{display:none}
.result_wrap.house .info_area .top_info.just_type .circle_color_info{text-align:right}
.result_wrap.house .info_area .top_info.just_type .circle_color_info span{font-size:1.3rem;line-height:2rem;font-family:'NotoKrM';display:inline-block;padding:.4rem 1rem;border-radius:1.4rem;}
.result_wrap.house .info_area .top_info.just_type .circle_color_info span ~ span{margin-left:.8rem}
.result_wrap.house .info_area .top_info.just_type .circle_color_info span.color01{color:#3fad59;background:rgba(63,173,89,.1)}
.result_wrap.house .info_area .top_info.just_type .circle_color_info span.color02{color:#8729d8;background:rgba(135,41,216,.1)}
.result_wrap.house .info_area .top_info.just_type .circle_color_info span.color03{color:#e88750;background:rgba(232,135,80,.1)}
.result_wrap.house .info_area .top_info.just_type .txt{text-align:right}
.result_wrap.house .info_area .mid_info{border-top:.1rem solid #eee;padding:1.6rem 0 0}
.result_wrap.house .info_area .mid_info .info_mid_tit{font-size:1.4rem;color:#333;font-family:'NotoKrB';display:block;line-height:2.2rem}
.result_wrap.house .info_area .mid_info .info_mid_tit + .info_list01{margin-top:1.2rem}
.result_wrap.house .info_area .mid_info .info_list01 + .info_mid_tit{margin-top:1.6rem}
.result_wrap.house .info_area .mid_info .bg_gray.in_cont{padding:1.2rem;margin-bottom:1.2rem}
.result_wrap.house .info_area .mid_info .bg_gray.in_cont .info_list01 dl~dl{margin-top:.4rem}
.result_wrap.house .info_area .mid_info .bg_gray.in_cont .info_list01 dd .circle_txt{margin-bottom:0;font-family:'NotoKrR';}
.result_wrap.house .info_area .bot_info{border-top:.2rem solid #eee;padding-top:1.2rem;margin-top:1.6rem}
.result_wrap.house .info_area .bot_info .info_list01 dt,
.result_wrap.house .info_area .bot_info .info_list01 dd{color:#666;font-size:1.3rem;line-height:2rem}
.result_wrap.house .info_area .bot_info .loan_info{display:flex;text-align:center;justify-content:center;flex-wrap: wrap;}
.result_wrap.house .info_area .bot_info .loan_info dl{display:flex}
.result_wrap.house .info_area .bot_info .loan_info dl dt{font-size:1.1rem;line-height:2rem;color:#333}
.result_wrap.house .info_area .bot_info .loan_info dl dt:after{content:'-';display:inline-block;margin:0 .2rem}
.result_wrap.house .info_area .bot_info .loan_info dl dd{font-size:1.1rem;line-height:2rem}
.result_wrap.house .info_area .bot_info .loan_info dl dd.imposs{color:#f57057}
.result_wrap.house .info_area .bot_info .loan_info dl dd.poss{color:#0873e4}
.result_wrap.house .info_area .bot_info .loan_info dl ~ dl{margin-left:.8rem}

.map_product_detail .pub_price_wrap > .input_cover{margin-top:1.2rem}
.pub_price_wrap > .title + .input_cover{margin-top:3.2rem}
.pub_price_wrap > .sub_title_txt + .input_cover{margin-top:2.4rem}

.option_list_wrap{width:calc(100% + 2rem);}
.option_list{display:flex;margin-top:2.2rem;overflow-x:auto;overflow-y:hidden;}
.option_list li{position:relative}
.option_list li ~ li{margin-left:.4rem}
.option_list li button{font-size:1.3rem;line-height:2rem;color:#333;position:relative;padding-right:.4rem}
.option_list li button:after{content:'';display:inline-block;width:2rem;height:2rem;background-repeat:no-repeat;background-size:2rem auto;position:absolute;right:0;}
.option_list li button.opt.off,
.option_list li button.opt.on{padding-right:2rem;}
.option_list li button.opt.off:after{background-image:url('../img/ico_opt_down.png');}
.option_list li button.opt.on:after{background-image:url('../img/ico_opt_up.png');}
.option_list li button.opt02:after{background-image:url('../img/ico_opt_up.png');}
.option_list li button.opt03:after{background-image:url('../img/ico_opt_equal.png');}
.option_list li button.opt.setting{color:#111;font-family:'NotoKrM';}
.option_list li button.opt.setting.on{color:#0873e4}
.option_list li button.opt.setting.on:after{display:none}
.option_list li:after{content:'';display:inline-block;width:.1rem;height:60%;background:#ddd;position:absolute;right:-.1rem;top:.4rem}
.option_list li:last-child:after{display:none}
.option_list li:last-child{padding-right:2rem}

.info_list_wrap .info_list01 ~ .info_list01{border-top:.1rem solid #eee;margin-top:1.5rem;padding-top:1.6rem}
.info_list01.top dl dt{color:#333;font-family:'NotoKrM';}
.info_list01 .info_tit{font-size:1.4rem;color:#333;font-family:'NotoKrB';display:block;line-height:2.2rem;}
.info_list01 .info_tit + dl{margin-top:1.2rem}
.info_list01 .info_tit.small{font-size:1.3rem;color:#999;font-family:'NotoKrR';line-height:2rem}
.info_list01 .info_tit + dl{margin-top:.8rem}
.info_list01 dl{display:flex;justify-content:space-between;}
.info_list01 dl dt{font-size:1.4rem;flex:1;padding-right:1.2rem;color:#666;line-height:2.4rem;}
.info_list01 dl dt.bold{font-family:'NotoKrB';}
.info_list01 dl dt .sub_txt,
.info_list01 dl dd .sub_txt{color:#999}
.info_list01 dl dt .small_case{font-size:1.2rem;color:#999;line-height:2rem}
.info_list01 dl dt .small_case01{font-size:1.1rem;}
.info_list01 dl dd{font-size:1.4rem;color:#333;font-family:'Spoqa Han Sans Neo';line-height:2.4rem;text-align:right}
.info_list01 dl dd .small_case{font-size:1.2rem;color:#666;line-height:2rem}
.info_list01 dl dd a{color:#333}
.info_list01 dl.ch_after dt{color:#333;font-family:'NotoKrB';}
.info_list01 dl.ch_after dd{color:#0873e4;font-family:'NotoKrB';}
.info_list01 .small_case dt{font-size:1.2rem;line-height:2rem;color:#999}
.info_list01 .small_case dd{font-size:1.2rem;line-height:2rem;color:#666}
.info_list01 dd .circle_txt{font-size:1.3rem;color:#333;line-height:2rem;background:#e6f1fd;padding:.4rem 1.1rem;border-radius:1.4rem;display:inline-block;margin-left:.5rem;margin-bottom:.8rem}
.info_list01 dd .light{color:#666}
.info_list02 dl{display:flex;justify-content:space-between;}
.info_list02 dl dt{font-size:1.4rem;flex:1;padding-right:1.2rem; color: #333; line-height: 2.4rem;}
.info_list02 dl dd{font-size:1.4rem; color: #666;  line-height: 2.4rem;font-family:'Spoqa Han Sans Neo';text-align:right}
.info_list01 dl dd .mid{font-weight:600;}
.info_list01.line dl{align-items:center;margin-bottom:1.2rem;padding-bottom:1.2rem;border-bottom:.1rem solid #eee}
.info_list01.line dl:last-child{margin:0;padding:0;border:none}
.info_list01.line dt{line-height:2.2rem}
.info_list01.line dd{line-height:2.2rem}
.info_list01.tit_shrink dt{flex:auto;flex-shrink:0;}
.info_list01 dt.shrink{flex:auto;flex-shrink:0;}
.info_list01.tool_wrap .btn_tool{margin-left:.2rem}
.info_list01.tool_wrap .tool_box{margin-top:.5rem;text-align:left}
.info_list01.tool_wrap .tool_box .etc_title{padding-right:2.5rem}
.info_list01 .line_border{padding:1.5rem;margin:1.2rem 0 2.4rem;background:#f8f8f8}
.result_wrap .box_cont .bor_btn_wrap{margin-top:2.4rem; }
.result_wrap .box_cont .bor_btn_wrap button{ margin-left: 0.8rem;}
.result_wrap .box_cont .bor_btn_wrap button:first-child{ margin-left: 0;}
.result_wrap + .result_wrap { margin-top: 1.6rem;}
.result_wrap .tit .input_chechk{position:absolute;right:2rem;top:0}
.result_wrap .box_cont .bg_gray{margin:0;padding:2rem}
.result_wrap .box_cont .info_list01 + .bg_gray{margin-top:2.4rem}
.bg_gray .info_list01 ~ .info_list01{margin-top:2rem}
.bg_gray .info_list01 .small_case dt{color:#999}
.result_wrap .box_cont .info_btn_wrap{margin:1.3rem 0;text-align:right}
.result_wrap .box_cont .info_btn_wrap .btn_mid_type02{height:3.1rem;line-height:3rem;font-size:1.3rem;padding:0 1rem;display:inline-block;width:auto}
.result_wrap .box_cont .guide_info_wrap{margin-top:2.4rem;}
.result_wrap .box_cont .guide_info_wrap .acc_btn{font-size:1.4rem;padding:1.1rem 0}
.result_wrap .box_cont .guide_info_wrap .acc_btn:after{background:url('../img/ico_accordion.png') no-repeat;background-size:2rem auto}
.result_wrap .box_cont .guide_info_wrap .guide_cont{padding-top:1.2rem}
.result_wrap .box_cont .guide_info_wrap .dot_list + .tbl_wrap{margin-top:2.4rem}
.result_wrap .box_cont .guide_info_wrap .sub_txt_wrap.txt_cont .txt01 + .tbl_wrap{margin:1.2rem 0}
.result_wrap.info_only{padding:2rem}
.result_wrap.info_only .info_list01 dl{align-items:center;margin-bottom:1.2rem;padding-bottom:1.2rem;border-bottom:.1rem solid #eee}
.result_wrap.info_only .info_list01 dl:last-child{margin:0;padding:0;border:none}
.result_wrap.info_only .info_list01 dt{line-height:2.2rem}
.result_wrap.info_only .info_list01 dd{line-height:2.2rem}

.btn_product_top{width:5rem;height:5rem;background:#fff url('../img/ico_product_top.png') no-repeat 50% 50%/2.4rem auto;border-radius:100%;position:fixed;bottom:3.2rem;right:2rem;box-shadow:0 .3rem .6rem 0 rgba(0, 0, 0, 0.16);display:none}
.mort_wrap{padding:3.2rem 2rem;width:100%;overflow:hidden;position:relative}
.mort_wrap > .sub_title{color:#fff}
.mort_wrap.type01{background:#42b9d8}
/* .mort_wrap.type01:after{content:'';display:inline-block;width:23.5rem;height:29.5rem;background:url('../img/img_product_loan01.png') no-repeat;background-size:26rem auto;position:absolute;right:0;top:2.5rem;z-index:20} */
.mort_wrap.type02{background:#3796ef}
/* .mort_wrap.type02:after{content:'';display:inline-block;width:24.4rem;height:18.7rem;background:url('../img/img_product_loan02.png') no-repeat;background-size:24.4rem auto;position:absolute;right:-1rem;top:7.8rem;z-index:10} */
.mort_wrap.type03{background:#676aff}
/* .mort_wrap.type03:after{content:'';display:inline-block;width:17.2rem;height:22.8rem;background:url('../img/img_product_loan03.png') no-repeat;background-size:17.2rem auto;position:absolute;right:-1.6rem;top:6rem;z-index:20} */
.mort_wrap.type04{background:#42b9d8;margin-top:-2.4rem}
.mort_wrap.type04 > .sub_title{color:#ffeaa3}
.mort_wrap.type04 > .sub_title_txt{color:#fff}
.mort_wrap.type04 > .sub_title_txt strong{color:#fff}
.mort_wrap.type04 .bot_circle_wrap{padding-top:3.2rem}
.mort_wrap.type04 .bot_circle_wrap .sub_title{color:#fff}
/* .mort_wrap.type04:after{content:'';display:inline-block;width:21rem;height:28.5rem;background:url('../img/img_product_loan04.png') no-repeat;background-size:23rem auto;position:absolute;right:-.4rem;bottom:2rem;z-index:22} */

.mort_wrap .mort_img_wrap{position:absolute;}
.mort_wrap.type01 .mort_img_wrap{right:0;top:0}
.mort_wrap.type01 .mort_img_wrap .coin01{background:url('../img/img_productloan01_coin01.png') no-repeat;background-size:9rem auto;display:inline-block;width:9rem;height:8rem;position:absolute;right:2rem;top:2.5rem;animation:slideDown 0.5s ease;animation-fill-mode:forwards;}
.mort_wrap.type01 .mort_img_wrap .coin02{background:url('../img/img_productloan01_coin02.png') no-repeat;background-size:9.3rem auto;display:inline-block;width:9.3rem;height:8rem;position:absolute;right:-2.5rem;top:11.5rem;animation:slideDown 0.8s ease;animation-fill-mode:forwards;}
.mort_wrap.type01 .mort_img_wrap .coin03{background:url('../img/img_productloan01_coin03.png') no-repeat;background-size:9.2rem auto;display:inline-block;width:9.2rem;height:8rem;position:absolute;right:14.5rem;top:14.8rem;z-index:10;animation:slideDown 1s ease;animation-fill-mode:forwards;}
.mort_wrap.type01 .mort_img_wrap .coin04{background:url('../img/img_productloan01_coin04.png') no-repeat;background-size:9.2rem auto;display:inline-block;width:9.2rem;height:8rem;position:absolute;right:3.9rem;top:25.5rem;z-index:10;animation:slideDown 1.2s ease;animation-fill-mode:forwards;}
.mort_wrap.type01 .mort_img_wrap .loan01{background:url('../img/img_productloan01_01.png') no-repeat;background-size:20rem auto;display:inline-block;width:20rem;height:11rem;position:absolute;right:0;top:15.7rem;animation:main_txt 0.7s ease;animation-fill-mode:forwards;}

.mort_wrap.type02 .mort_img_wrap{right:0;top:0}
.mort_wrap.type02 .mort_img_wrap .house{background:url('../img/img_productloan02_house.png') no-repeat;background-size:19.8rem auto;display:inline-block;width:19.8rem;height:11.8rem;position:absolute;top:13rem;right:4.9rem;animation:slideDown 1s ease;animation-fill-mode:forwards;z-index:20}
.mort_wrap.type02 .mort_img_wrap .house_shadow{display:inline-block;width:18.2rem;height:5.5rem;position:absolute;right:6.2rem;top:19.7rem;background:url('../img/img_productloan02_houseshadow.png') no-repeat;background-size:18.2rem auto;animation:slideDown 1.5s ease;animation-fill-mode:forwards;z-index:10;}
.mort_wrap.type02 .mort_img_wrap .percent{background:url('../img/img_productloan02_per.png') no-repeat;background-size:6.8rem auto;display:inline-block;width:6.8rem;height:7.4rem;position:absolute;top:18.2rem;right:2.4rem;animation:slideDown 1.1s ease;animation-fill-mode:forwards;z-index:30}
.mort_wrap.type02 .mort_img_wrap .percent_shadow{background:url('../img/img_productloan02_pershadow.png') no-repeat;background-size:9.7rem auto;display:inline-block;width:9.7rem;height:1.2rem;position:absolute;top:25rem;right:.8rem;animation:slideDown 1.1s ease;animation-fill-mode:forwards;z-index:29}
.mort_wrap.type02 .mort_img_wrap .sun{background:url('../img/img_productloan02_sun.png') no-repeat;background-size:4rem auto;display:inline-block;width:4rem;height:4.1rem;position:absolute;top:12.8rem;right:2.5rem;animation:slideDown 1.3s ease;animation-fill-mode:forwards;}
.mort_wrap.type02 .mort_img_wrap .cloud01{background:url('../img/img_productloan02_cloud01.png') no-repeat;background-size:5.6rem auto;display:inline-block;width:5.6rem;height:3rem;position:absolute;top:7.8rem;right:4.5rem;animation:slideDown 0.7s ease;animation-fill-mode:forwards;}
.mort_wrap.type02 .mort_img_wrap .cloud02{background:url('../img/img_productloan02_cloud02.png') no-repeat;background-size:4rem auto;display:inline-block;width:4rem;height:2rem;position:absolute;top:10.2rem;right:-1rem;animation:slideDown 0.9s ease;animation-fill-mode:forwards;}

.mort_wrap.type03 .mort_img_wrap{right:0;top:0}
.mort_wrap.type03 .mort_img_wrap .house{background:url('../img/img_productloan03_house.png') no-repeat;background-size:17.2rem auto;display:inline-block;width:17.2rem;height:22.8rem;position:absolute;top:6rem;right:0rem;animation:slideDown 0.7s ease;animation-fill-mode:forwards;}
.mort_wrap.type03 .mort_img_wrap .cloud01{background:url('../img/img_productloan03_cloud01.png') no-repeat;background-size:3.7rem auto;display:inline-block;width:3.7rem;height:2.4rem;position:absolute;top:12rem;right:10.6rem;animation:slideDown 0.8s ease;animation-fill-mode:forwards;}
.mort_wrap.type03 .mort_img_wrap .cloud02{background:url('../img/img_productloan03_cloud02.png') no-repeat;background-size:5.4rem auto;display:inline-block;width:5.4rem;height:3.4rem;position:absolute;top:8rem;right:-2rem;animation:slideDown 1s ease;animation-fill-mode:forwards;}

.mort_wrap.type04 .mort_img_wrap{right:0;top:0;z-index:20}
.mort_wrap.type04 .mort_img_wrap .coin01{background:url('../img/img_productloan01_coin01.png') no-repeat;background-size:9rem auto;display:inline-block;width:9rem;height:8rem;position:absolute;right:2.2rem;top:10.2rem;animation:slideDown 0.5s ease;animation-fill-mode:forwards;z-index:20}
.mort_wrap.type04 .mort_img_wrap .coin02{background:url('../img/img_productloan01_coin02.png') no-repeat;background-size:9.3rem auto;display:inline-block;width:9.3rem;height:8rem;position:absolute;right:-1.5rem;top:18rem;animation:slideDown 0.8s ease;animation-fill-mode:forwards;z-index:20}
.mort_wrap.type04 .mort_img_wrap .coin03{background:url('../img/img_productloan01_coin03.png') no-repeat;background-size:9.2rem auto;display:inline-block;width:9.2rem;height:8rem;position:absolute;right:11rem;top:20rem;z-index:10;animation:slideDown 1s ease;animation-fill-mode:forwards;z-index:20}
.mort_wrap.type04 .mort_img_wrap .coin04{background:url('../img/img_productloan01_coin04.png') no-repeat;background-size:8rem auto;display:inline-block;width:9.2rem;height:8rem;position:absolute;right:-2rem;top:33.5rem;z-index:10;animation:slideDown 1.2s ease;animation-fill-mode:forwards;z-index:20}
.mort_wrap.type04 .mort_img_wrap .house{background:url('../img/img_productloan04_house.png') no-repeat;background-size:18.8rem auto;display:inline-block;width:18.8rem;height:11.8rem;position:absolute;top:24rem;right:-1rem;animation:main_txt 0.7s ease;animation-fill-mode:forwards;z-index:19}

@keyframes slideDown {
	from {
	  -webkit-transform: translate3d(0, -100%, 0);
	  transform: translate3d(0, -100%, 0);	  
	}
  
	to {
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
  }

.circle_flex_wrap ul{display:flex;}
.circle_flex_wrap ul li{width:8.8rem;height:8.8rem;text-align:center;font-size:1.4rem;line-height:2rem;color:#fff;border-radius:100%;display:table;box-shadow:0 .3rem .6rem 0 rgba(0, 0, 0, 0.05);}
.circle_flex_wrap ul li .txt{display:table-cell;vertical-align:middle;}
.circle_flex_wrap ul li.cir01{background:#4d9cf6;border:.1rem solid #418fe8;}
.circle_flex_wrap ul li.cir02{background:#6190f9;border:.1rem solid #5483ed;}
.circle_flex_wrap ul li.cir03{background:#7b7efd;border:.1rem solid #6669ea;}
.circle_flex_wrap ul li ~ li{margin-left:1.6rem}
.mort_wrap.type02 .circle_flex_wrap{max-width:19.2rem;}
.mort_wrap.type02 .circle_flex_wrap ul{justify-content:center;flex-wrap:wrap;max-width:19.2rem;position:relative;z-index:21}
.mort_wrap.type02 .circle_flex_wrap ul li.cir01{background:#17bc99;border:.1rem solid #0aa080;}
.mort_wrap.type02 .circle_flex_wrap ul li.cir02{background:#42b9d8;border:.1rem solid #218fac;}
.mort_wrap.type02 .circle_flex_wrap ul li.cir03{background:#7b7efd;border:.1rem solid #6669ea;margin-left:0}
.mort_wrap.type03 .circle_flex_wrap{max-width:19.2rem;}
.mort_wrap.type03 .circle_flex_wrap ul{justify-content:center;flex-wrap:wrap;max-width:19.2rem;position:relative;z-index:21}
.mort_wrap.type03 .circle_flex_wrap ul li.cir01{background:#4d9cf6;border:.1rem solid #418fe8;}
.mort_wrap.type03 .circle_flex_wrap ul li.cir02{background:#42b9d8;border:.1rem solid #1c8aa7;}
.mort_wrap.type03 .circle_flex_wrap ul li.cir03{background:#7b7efd;border:.1rem solid #6669ea;margin-left:0}
.mort_wrap.type04 .circle_flex_wrap{max-width:19.2rem;position:relative;z-index:10}
.mort_wrap.type04 .circle_flex_wrap ul{flex-wrap:wrap;max-width:19.2rem;position:relative;z-index:21}
.mort_wrap.type04 .circle_flex_wrap ul li.cir01{background:#4d9cf6;border:.1rem solid #418fe8;}
.mort_wrap.type04 .circle_flex_wrap ul li.cir02{background:#6190f9;border:.1rem solid #5483ed;}
.mort_wrap.type04 .circle_flex_wrap ul li.cir03{background:#7b7efd;border:.1rem solid #6669ea;margin-left:0;margin-top:1.2rem}
.mort_wrap.type04 .circle_flex_wrap ul li.cir04{background:#4287d8;border:.1rem solid #3477c6;margin-left:1.6rem;margin-top:1.2rem}

.mort_wrap .swip_wrap{padding-top:7.6rem}
.mort_wrap .swip_wrap > .sub_title{color:#ffeaa3}
.mort_wrap .swip_wrap .swiper-slide{width:auto}
.mort_wrap .swip_wrap .swiper-slide .mort_product_box.right{animation:mortFlipRight 0.5s both;}
.mort_wrap .swip_wrap .swiper-slide .mort_product_box.left{animation:mortFlipLeft 0.5s both;}
.mort_product_box{background:#fff;box-shadow:0 .3rem 1rem 0 rgba(0, 0, 0, 0.25);border-radius:.6rem;padding:2rem;height:14rem;max-width:28rem;transition:all .1s}
.mort_product_box .tit{font-size:1.6rem;font-family:'NotoKrB';color:#333;line-height:2.4rem;display:block;position:relative;padding-left:3.2rem;}
.mort_product_box .tit:before{content:'';display:inline-block;width:2.4rem;height:2.4rem;background-repeat:no-repeat;background-size:2.4rem auto;position:absolute;left:0}
.mort_product_box .tit.pro01:before{background-image:url('../img/ico_loantit01.png');}
.mort_product_box .tit.pro02:before{background-image:url('../img/ico_loantit02.png');}
.mort_product_box .tit.pro03:before{background-image:url('../img/ico_loantit03.png');}
.mort_product_box .desc{font-size:1.4rem;color:#666;line-height:2.2rem;margin-top:.8rem}

@keyframes mortFlipRight {	
	from {
		-webkit-transform: perspective(40rem) rotate3d(0, 1, 0, -20deg);
		transform: perspective(40rem) rotate3d(0, 1, 0, -20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;		
	}
	50% {
		-webkit-transform: perspective(40rem) rotate3d(0, 1, 0, 5deg);
		transform: perspective(40rem) rotate3d(0, 1, 0, 5deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}	
	to {
	-webkit-transform: perspective(40rem);
	transform: perspective(40rem);
	}
}

@keyframes mortFlipLeft {	
	from {
		-webkit-transform: perspective(40rem) rotate3d(0, 1, 0, 20deg);
		transform: perspective(40rem) rotate3d(0, 1, 0, 20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;		
	}
	50% {
		-webkit-transform: perspective(40rem) rotate3d(0, 1, 0, -5deg);
		transform: perspective(40rem) rotate3d(0, 1, 0, -5deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}	
	to {
	-webkit-transform: perspective(40rem);
	transform: perspective(40rem);
	}
}

/*탭메뉴*/
.tab_wrap{ position: relative;}
.tab_wrap .depth01{ border-bottom: 0.1rem solid #bbb; display: flex;}
.tab_wrap .depth01 li{ flex: 1;}
.tab_wrap .depth01 li a{ display:flex;align-items:center;justify-content:center;height:100%; vertical-align:middle; font-size: 1.6rem; color: #bbb; text-align: center;line-height:2.4rem;padding:1rem 0.4rem;}
.tab_wrap .depth01 li.on a{ color: #000; position: relative; font-family: 'NotoKrB';}
.tab_wrap .depth01 li.on a::after{ content: ''; width: 100%; position: absolute; bottom: -0.1rem; left: 0; height: 0.2rem; background: #111;}

.tab_wrap.top_space{margin-top:2rem}
.tab_wrap.box_type > ul{border-bottom:none;border:0.1rem solid #ddd;}
.tab_wrap.box_type li a{font-size:1.4rem;height:5.2rem;line-height:5.2rem;position:relative;padding:0;font-family: 'NotoKrB';}
.tab_wrap.box_type li a.line02{line-height:1.8rem;}
.tab_wrap.box_type li a:before{content:'';display:inline-block;width:0.1rem;height:2rem;background:#ddd;position:absolute;left:0;top:0;bottom:0;margin:auto 0}
.tab_wrap.box_type li:first-child a:before{display:none}
.tab_wrap.box_type li.on a{color:#fff;background:#0873e4;box-shadow: 0 .3rem .6rem 0 rgba(0, 0, 0, 0.16);}
.tab_wrap.box_type li.on a:before{display:none}
.tab_wrap.box_type li.on a:after{display:none}

.tab_wrap.box_type.big li a{font-size:1.6rem;line-height:2.2rem;position:relative;padding:1.6rem 1.5rem;height:auto}
.tab_wrap.box_type.big li a:before{height:3rem}

.tab_wrap.box_sm_type ul{border:none}
.tab_wrap.box_sm_type ul li{flex:auto}
.tab_wrap.box_sm_type ul li ~ li{margin-left:1.2rem}
.tab_wrap.box_sm_type ul li a{font-size:1.3rem;font-family:'NotoKrM';color:#666;height:3.1rem;line-height:3.1rem;border:.1rem solid #d5d5d5;padding:0 1rem}
.tab_wrap.box_sm_type ul li.on a{border:.1rem solid #0873e4;color:#0873e4}
.tab_wrap.box_sm_type ul li.on a:after{display:none}

.tab_wrap.overx_type{overflow:hidden}
.tab_wrap.overx_type ul{overflow-y:hidden;overflow-x:auto}
.tab_wrap.overx_type ul li a{font-family:'NotoKrR';padding:1rem 2rem}
.tab_wrap.overx_type ul li.on a{font-family:'NotoKrB'}
.tab_wrap.overx_type ul li.on a:after{bottom:0;background:#111}

.tab_wrap .accordion.tab .acc_btn{border-bottom:none;padding:0}
.tab_wrap.in_acc .acc_content{width:100%;border:none;padding:0;border-bottom: 0.2rem solid #ddd;display:none}
.tab_wrap.in_acc .acc_content ul{display:flex;padding-top:1.5rem;}
.tab_wrap.in_acc .acc_content ul li{flex:1}
.tab_wrap.in_acc .acc_content ul li a{display:block;}
.tab_wrap.in_acc .depth01{display:block;border:none}
.tab_wrap.in_acc .depth01 > ul{display:flex;border-bottom: 0.2rem solid #ddd;}

.local_nav{position: relative; height: 4.6rem; border-bottom: 0.2rem solid #eee;}
.local_nav li { display: inline-block; position: relative; padding-right: 1.9rem;}
.local_nav li::after{ content: ''; position: absolute; right: 0; top: 1.4rem;  width: 2rem; height: 2rem; background: url(../img/ico_right_arrow.png) no-repeat 0 0;}
.local_nav li:last-child::after{ display: none;}
.local_nav li a{ display: block; width: 100%; height: 100%; color: #999; font-size: 1.4rem; line-height: 4.8rem;}
.local_nav li a.pre{color:#111}
.local_nav li a.on{ color: #0873e4;}

/*스와이퍼*/
.swip_content_wrap{padding-right:1rem}
.swip_wrap{position:relative}
.swip_wrap .title{display:block;margin-bottom:1.3rem;line-height:2rem;font-size:1.7rem;font-weight:700;}
.slider-autoh .swiper-wrapper{height:auto !important}
.slider-autoh .swiper-slide{height:0.1rem !important}
.slider-autoh .swiper-slide-active{height:auto !important}
.list_slide .box_wrap{padding:2rem;border:0.1rem solid #ddd}
.list_slide .swiper-pagination{position:absolute;right:0;top:-3.2rem;font-size:1.4rem;line-height:2.2rem;color:#999;letter-spacing:-0.07rem;bottom:auto;left:auto;width:auto}
.list_slide .swiper-pagination:before{content:'[';display:inline-block;margin-right:.2rem}
.list_slide .swiper-pagination:after{content:']';display:inline-block;margin-left:.2rem}
.list_slide .swiper-pagination-current{color:#333}
.list_slide .swiper-button-next{background:#000;width:3rem;height:3rem;position:absolute;top:50%;right:0;z-index:20}
.list_slide .swiper-button-disabled{display:none}
.list_slide .swiper-button-prev{background:#000;width:3rem;height:3rem;position:absolute;top:50%;left:0;z-index:20}

.swip_thumb_wrap{position:relative;overflow:hidden;margin:0 -2rem}
/*.swip_thumb_wrap:after{content:'';display:inline-block;position:absolute;width:100%;height:.1rem;left:2rem;bottom:0;background:#bbb}*/
.slider-terms-thumbs{overflow-x:visible;width:calc(100% + 6rem);border-bottom:.1rem solid #bbb;padding:0 2rem}
.slider-terms-thumbs .swiper-wrapper{white-space:nowrap;}
.slider-btntype .swiper-slide{width:auto !important;}
.slider-btntype .swiper-slide button{width:100%;padding:0 2rem;height:8.2rem;font-size:1.4rem;line-height:2.1rem;color:#666;text-align:center;display:block;}
.slider-btntype .swiper-slide-thumb-active{border-bottom:.2rem solid #111}
.slider-btntype .swiper-slide-thumb-active button{color:#111;font-family:'NotoKrB';}
.terms_wrap{padding:1.5rem;border:.1rem solid #ddd;}
.terms_wrap iframe{width:100%;height:calc(100vh - 30rem)}

.swip_scrollx_tab{position:relative;overflow:hidden;margin:0 -2rem}
.swip_scrollx_tab .scrollx_tab{padding:0 2rem;overflow-y:hidden;overflow-x:auto;display:flex;border-bottom:.1rem solid #ddd}
.swip_scrollx_tab .scrollx_tab li{flex-shrink:0;}
.swip_scrollx_tab .scrollx_tab li button{width:100%;padding:0 2rem;height:8.2rem;font-size:1.4rem;line-height:2.1rem;color:#666;text-align:center;display:block;}
.swip_scrollx_tab .scrollx_tab li button.on{color:#111;font-family:'NotoKrB';border-bottom:.2rem solid #111}

.swiper-pagination-bullets{display:flex;width:100%;justify-content:center;}
.swiper-pagination-bullets span{display:inline-block;width:1.2rem;height:1.2rem;border-radius:100%;background:#ddd;}
.swiper-pagination-bullets span ~ span{margin-left:1.2rem}
.swiper-pagination-bullets span.swiper-pagination-bullet-active{background:#0873e4}

/*툴팁*/
.tool_wrap .title,
.tool_wrap .sub_title,
.tool_wrap .inp_tit{display:inline-block;margin-bottom:0;vertical-align:middle;}
.tool_wrap .title + .btn_tool{vertical-align:middle;}
.tool_wrap .inp_tit + .btn_tool,
.tool_wrap .sub_title + .btn_tool{vertical-align:middle;}
.tool_wrap.full .tool_box{width:100%;left:0}
.tool_wrap .tool_pad{position:relative}
.tool_wrap .tool_pad .btn_tool{position:absolute;top:.3rem;}
.tool_wrap.inner_cont .tool_box{top:1.4rem}
.tool_wrap.rel{position:relative}

.btn_tool{display:inline-block;width:2rem;height:2rem;margin-left:0.6rem;background:url(../img/btn_tooltip.png) no-repeat;background-size:2rem;vertical-align: middle;}
.btn_tool.blue{background-image:url('../img/btn_tooltip.png');}
.btn_tool.left{margin-left:0;margin-right:.3rem}
.tool_box{border:0.1rem solid #e8e8e8;padding:2rem 5.5rem 2rem 2rem;position:absolute;background:#f8f8f8;z-index:100;display:none;width:calc(100% - 4rem); box-shadow: 0 .3rem .6rem 0 rgba(0, 0, 0, 0.05);margin-top:1.2rem;}
.tool_box.full{padding-right:2rem}
.tool_box.visible{display:block}
.tool_box .btn_tool_close{position:absolute;top:2rem;right:2rem;display:inline-block;width:2rem;height:2rem;background:url(../img/btn_tooltip_close.png) no-repeat;background-size:2rem;; }
.tool_box .etc_title{display:block}
.tool_box .etc_title + .dot_list{margin-top:1.2rem}
.tool_box .sub_txt_wrap strong + ul,
.tool_box .sub_txt_wrap strong + ol,
.tool_box .sub_txt_wrap strong + span,
.tool_box .sub_txt_wrap span + ul,
.tool_box .sub_txt_wrap span + ol,
.tool_box .sub_txt_wrap span + span{margin-top:.8rem}
.tool_box .sub_txt_wrap .txt{color:rgba(102,102,102,.8)}
.tool_box .sub_txt_wrap.mt_area .txt{color:#666}
.tool_box .txt.mid + .sub_txt_wrap.mt_area{margin-top:1.2rem}
.sub_txt_wrap .txt.bold{font-family:'NotoKrB';display:block}
.tool_box .scroll_area{max-height:30rem;overflow-y:auto;}
.tool_box .etc_title.light{color:rgba(153,153,153,.8);display:inline-block;padding-right:2.5rem}
.calc_tooltxt_wrap{display:flex;text-align:center;align-items:center;}
.calc_tooltxt_wrap .case strong{color:#333}
.calc_tooltxt_wrap .case{position:relative;}
.calc_tooltxt_wrap .case:first-child{padding-right:2.8rem}
.calc_tooltxt_wrap .case:first-child:after{content:'';display:inline-block;width:2rem;height:2rem;background:url('../img/ico_plus.png') no-repeat;background-size:2rem auto;position:absolute;top:0;bottom:0;right:.3rem;margin:auto 0}
.calc_tooltxt_wrap .case span{color:#666;display:inline-block;margin-top:.4rem}
.calc_tooltxt_wrap .case strong,
.calc_tooltxt_wrap .case span{font-size:1.3rem;line-height:2rem;}
.calc_tooltxt_wrap .result{padding-left:3rem;position:relative}
.calc_tooltxt_wrap .result:before{content:'';display:inline-block;width:2rem;height:2rem;background:url('../img/ico_equal.png') no-repeat;background-size:2rem auto;position:absolute;top:0;bottom:0;left:.3rem;margin:auto 0}
.calc_tooltxt_wrap .result strong{font-size:1.2rem;line-height:2rem;color:#333;font-family:'NotoKrB';}

.info_txt.tool_wrap{position:relative} 
.info_txt.tool_wrap .btn_tool{margin-left:.1rem;vertical-align:.5rem}
.info_txt.tool_wrap .tool_box{top:auto}

/*리스트*/
.dot_list li{font-size:1.4rem;line-height:2.2rem;color:#666;position:relative;padding-left:1rem}
.dot_list li:before{content:'';display:inline-block;width:0.3rem;height:0.3rem;background:#999;border-radius:100%;position:absolute;left:0;top:1rem}
.dot_list li ~ li{margin-top:0.8rem}
.dot_list li a{color:#666}
.dot_list.light li{color:#999 !important}
.dot_list.light li a{color:#999 !important}
.dot_list li .mid{font-family:'NotoKrB';}

.num_list li{ font-size: 1.3rem; line-height: 2rem; color: #666; text-align: left; position: relative; padding-left: 2.4rem;}
.num_list li em{ color: #999; display: block;}
.num_list li span{ width: 1.8rem; height: 1.8rem; background: #666; color: #fff; display: inline-block; text-align: center; border-radius: 100%; line-height: 1.8rem; position: absolute; left: 0; top: 0;}

.sub_title_txt + .number_list{margin-top:.8rem}
.number_list{counter-reset:num;}
.number_list > li:before{content:counter(num);counter-increment:num;display:inline-block;width:1.4rem;height:1.4rem;border:.1rem solid rgba(102,102,102,.8);border-radius:3rem;box-sizing:border-box;position:absolute;left:0;top:.5rem;font-size:1rem;text-align:center;line-height:1.2rem;font-family:'NotoKrR';}
.number_list > li{font-size:1.4rem;color:rgba(102,102,102,.8);line-height:2.2rem;padding-left:2.3rem;position:relative}
.number_list > li~li{margin-top:.8rem}
.number_list > li .dash_list{margin-top:.8rem}
.number_list.light li{color:#999}

.dash_list li:before{content:'';width:.6rem;height:.1rem;display:inline-block;background:#999;position:absolute;left:0;top:1rem}
.dash_list li{font-size: 1.4rem;color:rgba(102,102,102,.8);line-height:2.2rem;padding-left:1.2rem;position:relative}
.dash_list li~li{margin-top:.8rem}

.col_num_list{counter-reset:num;}
.col_num_list li:before{content:counter(num);counter-increment:num;display:inline-block;width:2.6rem;height:2.6rem;border-radius:3rem;position:absolute;left:0;top:-.1rem;text-align:center;line-height:2.6rem;font-family:'Spoqa Han Sans Neo';font-weight:700;}
.col_num_list li.color01:before{background:rgba(232,135,80,0.1);color:#e88750}
.col_num_list li.color02:before{background:rgba(63,173,89,0.1);color:#3fad59}
.col_num_list li.color03:before{background:rgba(8,115,228,0.1);color:#0873e4}
.col_num_list li .mid{font-family:'NotoKrM';}
.col_num_list li~li{margin-top:2.4rem}
.col_num_list li{font-size:1.4rem;text-align:left;line-height:2.2rem;color:#333;padding-left:3.8rem;position:relative;}
.col_num_list li > p{color:#999;margin-top:.4rem;position:relative;padding-left:1rem}
.col_num_list li > p:before{content:'';display:inline-block;width:.5rem;height:.1rem;position:absolute;left:0;top:1.2rem;background:#999}


/*버튼*/
.bor_btn_wrap{display:flex}
.bor_btn{width:100%;display:inline-block;border:0.1rem solid #ddd;padding:0.5rem}
.col_btn_cover{display:flex;}
.col_btn_cover .btn ~ .btn{margin-left:0.8rem}
.col_btn_cover .btn{color:#0873e4;background:#e6f1fd;height:4.8rem;font-size:1.4rem;border:.1rem solid #cee5fb}
.btn_sub_wrap{ display: flex; justify-content: center;}
.btn_sub_wrap button{ margin-left: 0.8rem;}
.btn_sub_wrap button:first-child{ margin-left: 0;}
.btn_sub_wrap.full{display:block}
.btn_sub_wrap.full button ~ button{margin-top:1.6rem;margin-left:0}

.btn_mid_type01{ border: 0.1rem solid #bbb;height:4.8rem; font-size: 1.4rem; color: #333; text-align: center; line-height: 4.7rem; display: inline-block; width: 100%; font-family: 'NotoKrM';}
.btn_mid_type01 span{display: inline-block; width: 1.6rem; height: 1.6rem; margin-right: 0.8rem; position: relative; top: 0.2rem;}
.btn_mid_type01.icon01 span{background: url(../img/ico_plus.png) no-repeat 0 0;background-size:1.6rem auto}
.btn_mid_type01.icon01.del span{transform:rotate(45deg)}
.btn_mid_type01.icon02 span{background: url(../img/ico_save.png) no-repeat 0 0;background-size:1.6rem auto}
.btn_mid_type01.icon03 span{background: url(../img/ico_consult.png) no-repeat 0 0;background-size:1.6rem auto}
.btn_mid_type01.link span{background: url(../img/ico_right_arrow.png) no-repeat 0 0;background-size:2rem auto;margin-right:0;margin-left:.3rem;top:.4rem;height:2rem}
.btn_mid_type02{height:4.8rem; font-size: 1.4rem; color: #0873e4; text-align: center; line-height: 4.7rem; display: inline-block; width: 100%; background: #e5f1fd;  font-family: 'NotoKrB'; border:.1rem solid #cee5fb}

.btn_mid_type03{ border: 0.1rem solid #0873e4; font-size: 1.4rem; text-align: center; color: #0873e4; display: inline-block; width: 100%; font-family: 'NotoKrB'; height:4.4rem;}
.btn_mid_type04{ border: 0.1rem solid #d5d5d5; font-size: 1.4rem; text-align: center; color: #666; display: inline-block; width: 100%; font-family: 'NotoKrB';  height:4.4rem;}

.btn_sub_wrap .btn_sm_arrow01{background-position:100% 50%;}
.btn_sm_arrow01{ font-size: 1.4rem; color: #666; background: url(../img/btn_arrow.png) no-repeat 100% 0.2rem; background-size: 2rem auto; padding-right: 2.2rem;}
.btn_sm_arrow01.terms_com{background:none;font-family:'NotoKrM';color:#0873e4;padding:0}
.btn_sm_type01{ border: solid .1rem #cee5fb; background-color: #e5f1fd; height:3.1rem; font-size: 1.3rem; color: #0873e4; text-align: center; line-height: 3rem; display: inline-block; font-family: 'NotoKrR'; padding: 0 1rem;}
.btn_sm_type01.box_color01{background:#fff;border:.1rem solid #0873e4;color:#0873e4}
.btn_sm_type01.box_color02{background:#fff;border:.1rem solid #d5d5d5;color:#666}
.btn_sm_type01.box_color02.on{border:.1rem solid #0873e4;color:#0873e4}
.box_btn_wrap button{font-family:'NotoKrM';}
.box_btn_wrap{display:flex}
.box_btn_wrap button~button{margin-left:1.2rem}

/*폰트*/
.title{font-size:2rem;font-family:'NotoKrB';line-height:2.8rem;color:#111;letter-spacing:-0.02rem;}
.title.info{font-family:'NotoKrR';line-height:3rem;}
.title.info strong{font-family:'NotoKrB';}
.title.info strong.mid{font-family:'NotoKrM';}
.sub_title{font-size:1.6rem;font-family:'NotoKrB';line-height:2.4rem;color:#09233e;margin-bottom:2.4rem;letter-spacing:-0.01rem;}
.sub_title .sub_txt{color:#666}
.sub_title.small{font-size:1.4rem}
.sub_title.btm_none{margin-bottom:0}
.sub_title.short{margin-bottom:1.6rem}
.sub_title.light{color:#666}
.sub_title.dark{color:#111}
.sub_title .sub_small_txt{font-size:1.4rem;color:#666;font-family:'NotoKrR';display:inline-block;margin-left:.8rem}
.sub_title_txt{font-size:1.4rem;line-height:2.2rem;color:#999}
.sub_title_txt strong{font-family:'NotoKrB';color:#666}
.sub_title_txt strong.light{color:#999}
.sub_title_txt.dark{color:#666}
.sub_inp_txt{font-size:1.4rem;line-height:2.2rem;color:#999}
.sub_bot_txt{font-size:1.4rem;line-height:2.2rem;color:#999;margin-top:.8rem}
.sub_bot_txt .btn_sm_arrow01{margin-left:.8rem;background-position-y:0;}
.sub_txt_01{ font-size: 1.3rem; color: #111;}
.sub_txt_02{ font-size: 1.3rem; color: #b4b4b4;}
.sub_txt_03{font-size:1.4rem;line-height:2.2rem;color:#666}
.title + .sub_title_txt,
.sub_title + .sub_title_txt,
.title_wrap + .sub_title_txt,
.tool_wrap + .sub_title_txt,
.check_area .sub_title_txt{margin-top:0.8rem;width:100%}
.etc_title{font-size:1.4rem;font-family: 'NotoKrB';line-height:2.2rem;color:#666;}
.etc_title.dark{color:#333}
.etc_title.light{color:#999}
.sub_txt_wrap{ margin-top: 1rem;}
.sub_txt_wrap.line_col .txt{display:block}
.sub_txt_wrap .txt{ font-size: 1.4rem; color: #666; line-height: 2.2rem; display: inline-block;}
.sub_txt_wrap .txt.mid{font-family:'NotoKrM';}
.sub_txt_wrap .txt01{ font-size: 1.4rem; color: #999; line-height: 2.2rem; display: inline-block;}
.sub_txt_wrap span.txt01 + span.txt01,
.sub_txt_wrap span.txt + span.txt01{margin-top:.8rem}
.sub_txt_wrap span + ul,
.sub_txt_wrap .txt + ul{ margin-top: 0.8rem;}
.sub_txt_wrap ul + .txt{margin-top:1.2rem}
.sub_txt_wrap span + ul li { font-size: 1.3rem; color: #b4b4b4; line-height: 2rem; padding-left: 1.4rem; text-indent: -1.5rem;}
.sub_txt_wrap span + ul.dot_list li{font-size: 1.4rem; color: #666; text-indent: 0; padding-left: 1rem; line-height:2.2rem}
.sub_txt_wrap.top_err_txt{margin-top:0;margin-bottom:6rem}
.top_err_txt.btm_none{margin-bottom:0}
.top_err_txt.mid{margin-bottom:3.2rem}
.chart_wrap + .sub_txt_wrap.mt_area{margin-top:1.6rem}
.sub_txt_wrap.mt_area .txt ~ .txt{margin-top:2.4rem}
.sub_txt_wrap.mt_area{margin-top:0}
.sub_txt_wrap.mt_area .line_less .txt01,
.sub_txt_wrap.mt_area .line_less .txt{display:block}
.sub_txt_wrap.mt_area .line_less .txt ~ .txt{margin-top:.8rem}
.sub_txt_wrap.mt_area .line_less .txt01 ~ .txt01{margin-top:.8rem}
.sub_txt_wrap.mt_area .tbl_txt + .line_less{margin-top:.8rem}
.sub_txt_wrap.mt_area .dot_list + .txt.bot{margin-top:.8rem}
.sub_txt_wrap.mt_area .line_less .txt + .txt01{margin-top:.4rem}
.sub_txt_wrap.mt_area ~ .sub_txt_wrap.mt_area{margin-top:2.4rem}
.sub_txt_wrap.mt_area .txt.bold + .txt,
.sub_txt_wrap.mt_area .txt.bold + .line_less{margin-top:1.2rem}
.sub_txt_wrap.mt_area .txt01 ~ .txt01{margin-top:2.4rem}
.sub_txt_wrap.mt_area .tbl_txt .txt01 + .tbl_wrap{margin-top:.8rem}
.sub_txt_wrap.mt_area .tbl_txt th,
.sub_txt_wrap.mt_area .tbl_txt td{text-align:center}
.sub_txt_wrap.mt_area .tbl_txt th .sup,
.sub_txt_wrap.mt_area .tbl_txt td .sup{margin-left:.2rem}
.sub_txt_wrap.mt_area .tbl_txt thead th{color:#666}
.sub_txt_wrap.mt_area .tbl_txt tbody td{padding:.9rem .8rem}
.sub_txt_wrap.mt_area .tbl_txt tbody td .small_txt{display:block;font-size:1.2rem;line-height:2rem;color:#999;margin-top:.6rem}
.sub_txt_wrap.mt_area .tbl_tit_wrap + .tbl_wrap{margin-top:2rem}
.sub_txt_wrap.mt_area .tbl_tit_wrap + .tbl_txt{margin-top:1.2rem}
.sub_txt_wrap.mt_area .tbl_tit_wrap{display:flex;justify-content:space-between;}
.sub_txt_wrap.mt_area .tbl_tit_wrap .right_txt{font-size:1.4rem;color:#999;line-height:2.2rem;text-align:right;}
.sub_txt_wrap.mt_area .tbl_tit_wrap .right_txt.end{align-self:flex-end;}
.sub_txt_wrap.mt_area .bot_tbl_txt{margin-top:.8rem}
.sub_txt_wrap.mt_area .bot_tbl_txt p{font-size:1.4rem;color:#999;line-height:2.2rem;}
.sub_txt_wrap.mt_area .bot_tbl_txt p .sup{margin-right:.3rem}
.sub_txt_wrap.mt_area .sup{font-size:1rem;color:#0873e4;vertical-align:top;line-height:1.3rem;display:inline-block}
.sub_txt_wrap.mt_area .tit{font-size:1.4rem;font-family:'NotoKrB';color:#333;line-height:2.2rem;display:block}
.sub_txt_wrap.mt_area .tit.light{color:#666}
.sub_txt_wrap.mt_area .tit + .number_list,
.sub_txt_wrap.mt_area .tit + .txt,
.sub_txt_wrap.mt_area .tit + .line_less,
.sub_txt_wrap.mt_area .txt.mid + .line_less,
.sub_txt_wrap.mt_area .tit + .dot_list,
.sub_txt_wrap.mt_area .tit + .tbl_txt,
.sub_txt_wrap.mt_area .line_less + .txt.mid,
.sub_txt_wrap.mt_area .line_less ~ .line_less{margin-top:1.2rem}
.sub_txt_wrap.mt_area .line_less.mt_sub{margin-top:1.6rem}
.sub_txt_wrap.mt_area .line_less .side_dl{margin-top:1.6rem}
.sub_txt_wrap.mt_area .line_less .side_dl dl{display:flex;justify-content:space-between;}
.sub_txt_wrap.mt_area .line_less .side_dl dl dt{font-size:1.4rem;color:#666;line-height:2.4rem;flex-shrink:0;padding-right:1rem}
.sub_txt_wrap.mt_area .line_less .side_dl dl dd{text-align:right;font-size:1.4rem;color:#333;font-family:'Spoqa Han Sans Neo';line-height:2.4rem}
.sub_txt_wrap.mt_area .number_list li{color:#666}
.sub_txt_wrap.mt_area .number_list li:before{font-family:'NotoKrM';}
.sub_txt_wrap.mt_area .number_list li .dash_list li{color:#999}
.sub_txt_wrap.mt_area .number_list  + .bg_gray.in_cont{margin-top:2rem}
.sub_txt_wrap.mt_area .dot_list li .number_list{margin-top:.8rem}
.sub_txt_wrap.mt_area .dot_list li .number_list li:before{background:#fff}
.sub_txt_wrap.mt_area .dot_list li .number_list + .txt01{margin-top:.8rem}
.sub_txt_wrap.mt_area .dot_list li .tit{font-family:'NotoKrM'}
.sub_txt_wrap.mt_area .dot_list li .tit + .line_less{margin-top:.8rem}
.sub_txt_wrap.mt_area .dot_list li .txt01{display:block;margin-top:.4rem}
.sub_txt_wrap.mt_area .dot_list li .dash_list{margin-top:.4rem}
.sub_txt_wrap.mt_area .tit + .dot_list.line_long{margin-top:1.6rem}
.sub_txt_wrap.mt_area .dot_list.line_long li ~ li{margin-top:1.6rem}
.sub_txt_wrap.mt_area .dot_list.line_long .tbl_wrap{margin-top:1.2rem}
.sub_txt_wrap.mt_area .dot_list.line_long .tbl_wrap th{word-break:break-all;font-size:1.3rem;text-align:center}
.sub_txt_wrap.mt_area .dot_list.line_long .tbl_wrap td{padding:1.1rem .5rem;word-break:break-all;font-size:1.3rem}
.sub_txt_wrap.mt_area .dot_list.line_long li .dash_list{margin-top:1.2rem}
.sub_txt_wrap.mt_area .dot_list.line_long li .dash_list li ~ li{margin-top:1.2rem}
.sub_txt_wrap.mt_area .dot_list.line_long li .dash_list li .tit{color:#666}
.sub_txt_wrap.mt_area .dot_list.line_long li .dash_list li .txt01 + .line_less{margin-top:.8rem}
.sub_txt_wrap.mt_area .dot_list.line_long > li > .tit{color:#666;font-family:'NotoKrB'}
.sub_txt_wrap.mt_area02{margin-top:1.2rem;}
.sub_txt_wrap.mt_area02 .txt ~ .txt{margin-top:1.2rem}
.sub_txt_wrap.mt_area02 .txt{word-break:break-all;display:block}
.sub_txt_wrap.mt_area02 .txt strong{font-family:'NotoKRM';}
.sub_txt_wrap.mt_area02 .txt a{color:#666}
.sub_txt_wrap.txt_cont{margin-top:0}
.sub_txt_wrap.txt_cont .sub_title{display:block}
.txt_cont ~ .txt_cont{margin-top:3.2rem}
.txt_cont strong + .txt,
.txt_cont .txt + .number_list{margin-top:1.2rem}
.txt_cont .keeper_img{width:100%;height:auto;max-width:28.7rem;margin:3.2rem auto 0;position:relative;text-align:center}
.txt_cont .keeper_img img{width:100%}
.txt_cont .keeper_img span{font-size:1.4rem;color:#333;line-height:2rem;position:absolute;}
.txt_cont .keeper_img .keep01{top:2rem;left:50%;transform:translateX(-50%)}
.txt_cont .keeper_img .keep02{bottom:3.2rem;left:2.4rem}
.txt_cont .keeper_img .keep03{bottom:3.2rem;right:2.4rem}
.txt_cont .txt + .bg_gray{margin-top:.8rem}
.txt_cont .bg_gray + .info_list01{margin-top:1.6rem}
.txt_cont .bg_gray{padding:1.6rem 2rem}
.txt_cont .bg_gray .txt{font-family:'NotoKrM';}
.txt_cont .txt_bold{font-family:'NotoKrB';}
.sub_txt_wrap.product_txt_cont{margin-top:0}
.product_txt_cont p ~ p{margin-top:1.2rem}
.product_txt_cont p{display:block}
.product_txt_cont p + .txt_mid,
.product_txt_cont .txt_mid + p{margin-top:1.2rem}
.product_txt_cont .txt_mid{font-size:1.6rem;color:#333;line-height:2.4rem;font-family:'NotoKrM';display:block}
.product_txt_cont .flex_info{display:flex}
.product_txt_cont .flex_info dl ~ dl{margin-left:4.9rem}
.product_txt_cont .flex_info dl{position:relative}
.product_txt_cont .flex_info dl dt{font-size:1.4rem;color:#666;line-height:2rem}
.product_txt_cont .flex_info dl dd{font-size:1.6rem;font-family:'NotoKrM';line-height:2.4rem;margin-top:1.2rem}
.product_txt_cont .flex_info dl dd.sub_info{display:flex}
.product_txt_cont .flex_info dl dd.sub_info .small_txt{margin-left:.8rem}
.product_txt_cont .flex_info dl dd .small_txt{font-size:1.4rem;font-family:'NotoKrR';color:#999}
.product_txt_cont .flex_info dl:after{content:'';display:inline-block;width:.1rem;height:80%;background:#eee;position:absolute;top:.8rem;right:-2.4rem}
.product_txt_cont .flex_info dl:last-child:after{display:none}
.product_txt_cont.info_type p ~ p{margin-top:.8rem}
.product_txt_cont.info_type .txt01 em{color:#333}
.product_txt_cont.info_type .dot_list li .sub_txt{font-size:1.2rem;margin-top:.8rem;color:#999;line-height:2rem}
.sub_title.small + .product_info_box{margin-top:2rem}
.product_info_box{padding:2rem;border:.1rem solid #ddd}
.product_info_box .tit{font-size:1.6rem;line-height:2.4rem;color:#333;font-family:'NotoKrM';}
.product_info_box .cont_info{margin-top:1.6rem;padding-top:1.6rem;border-top:.1rem solid #eee}
.product_info_box .cont_info .txt{font-size:1.4rem;color:#666;line-height:2rem}
.product_info_box.info_only .cont_info{margin-top:0;padding-top:0;border:none}
.terms_txt_cont .terms_tit{font-size:1.4rem;color:#999;font-family:'NotoKrB';line-height:2.2rem;display:inline-block}
.terms_txt_cont p{font-size:1.4rem;color:#999;line-height:2.2rem;}
.terms_txt_cont p ~ p{margin-top:2.4rem}
.terms_txt_cont p + .terms_tit{margin-top:2.4rem}
.info_txt{ color: rgba(153,153,153,.8); font-size: 1.4rem;line-height: 2.2rem; padding-left: 2.8rem;background: url(../img/ico_info_txt01.png) no-repeat 0 .2rem; background-size: 2rem;}
.info_txt a{color:rgba(153,153,153,.8);}
.ico_info_txt{ background: url(../img/ico_info_txt01.png) no-repeat 0 0.2rem; background-size: 1.6rem; line-height: 2rem; color: rgba(153,153,153,.8); font-size: 1.3rem; padding-left: 2rem;}
.tooltip_text dt{ font-size: 1.4rem; color: #666; line-height: 2.2rem;  font-family: 'NotoKrB'; margin-bottom: 1rem;}
.tooltip_text dd {font-size: 1.4rem; color: #666;}
.sub_txt_list li{font-size:1.4rem;color:#333;line-height:2.2rem;font-family:'NotoKrB';}
.sub_txt_list li ~ li{margin-top:1.2rem}
.sub_txt_list li .per{color:#666;font-family: 'NotoKrR';}

.txt_color01{color:#0873e4 !important}
.txt_color02{color:#f57057 !important}
.txt_color03{color:#666 !important}

/*간격*/
.con_inner .section{border:none;padding-top:0 !important}
.section{margin-top:4.8rem;border-top:0.3rem solid #f7f7f7;padding-top:2.4rem}
.section.tall{margin-top:6rem}
.section.mid{margin-top:3.2rem;padding-top:6rem}
.section.short{margin-top:2.4rem}
.section.bor_btm{border-bottom:0.1rem solid #eee;padding-bottom:2.4rem;margin-top:0}
.section.bor_top_full{border-top:.3rem solid #f7f7f7;padding:4.8rem 2rem 0 !important;margin:2.4rem -2rem 0}
.section.bor_top_full.share{margin-top:4.8rem;padding-top:2.4rem !important}
.section.tall.bor_top_full{margin-top:3.2rem;border-top:.8rem solid #f1f1f1}
.top_space01{margin-top:4.8rem}
.top_space02{margin-top:2.4rem}
.top_space03{margin-top:3.2rem !important}
.top_space04{margin-top:1.6rem}
.top_space05{margin-top:1.2rem}
.top_space_none{margin-top:0}
.space_both01{margin:4.8rem 0}
.txt_left{ text-align: left !important;}
.txt_right{ text-align: right !important;}
.txt_center{ text-align: center !important;}
.bg_gray { background: #f8f8f8; margin:  0 -2rem; padding: 2.4rem 2rem ;}
.bg_gray.in_cont{margin:0;padding:2rem}
.bg_white{background:#fff;border-radius:.6rem;padding:2rem}
.top_gray_cont{text-align:center;background: #f8f8f8;margin-top:-2.4rem;padding:2.4rem 2rem ;}
.top_gray_cont.long{padding:3.2rem 2rem;}
.top_gray_cont.faq{text-align:left;margin-bottom:2.4rem}
.top_gray_cont.faq .sub_title{margin-bottom:0}
.top_gray_cont.faq .faq_inter_list{margin-left:-.4rem;margin-top:.8rem;display:flex;flex-wrap:wrap;}
.top_gray_cont.faq .faq_inter_list li{font-size:1.4rem;color:#fff;font-family:'Spoqa Han Sans Neo';font-weight:700;line-height:3.6rem;margin-left:.4rem;margin-top:.8rem;padding:0 1rem;border-radius:1.8rem;}
.top_gray_cont.faq .faq_inter_list li.color01{background:#0e97f6}
.top_gray_cont.faq .faq_inter_list li.color02{background:#14bcdc}
.top_gray_cont.faq .faq_inter_list li.color03{background:#6765ff}
.top_gray_cont.faq .faq_inter_list li.color04{background:#f7ba26}
.top_gray_cont.faq .faq_inter_list li.color05{background:#ef9d02}
.top_gray_cont.faq .faq_inter_list li.color06{background:#1cbebe}
.top_gray_cont.faq .faq_inter_list li.color07{background:#1cbe9b}
.top_gray_cont.faq .faq_inter_list li.color08{background:#63b435}
.top_gray_cont.faq .faq_inter_list li.color09{background:#f58d08}
.space_lr{ margin-left:-2rem; margin-right: -2rem;}
.mt0{ margin-top: 0 !important;}
.mt8{ margin-top: 0.8rem !important;}
.mb0{ margin-bottom: 0 !important;}
.m20{ margin-left: 2rem; margin-right: 2rem;}
.bot_space01{margin-bottom:6rem}

.title + .bg_gray,
.title + .result_wrap.info_only,
.title + .gray_result,
.title + .bg_gray.in_cont,
.title + .terms_txt_cont{margin-top:2.4rem}
.title + .input_cover{margin-top:4.8rem}
.sub_title + .result_wrap.scroll{margin-top:2.4rem}
.etc_title + .sub_txt_wrap{margin-top:1.2rem}
.bg_gray.top_cont{text-align:center;margin-top:-2.4rem}
.bg_gray .sub_title{font-family:'NotoKrM';color:#111}
.bg_gray .sub_title + .info_list01,
.bg_gray .sub_title + .info_list02{margin-top:1.6rem}
.bg_gray .day_line,
.top_gray_cont .day_line{font-size:2.8rem;color:#0873e4;font-family:'Spoqa Han Sans Neo';font-weight:700;position:relative;display:inline-block;line-height:3.6rem;margin-top:1.6rem}
.bg_gray .day_line span,
.top_gray_cont .day_line span{font-weight:400;}
.bg_gray.top_cont .day_line:after,
.top_gray_cont .day_line:after{content:'';display:inline-block;width:103%;height:1.3rem;position:absolute;bottom:.7rem;left:0;background:rgba(8,115,228,0.08)}
.top_gray_cont .tool_box{text-align:left}
.day_line.black{color:#000}
.day_line.black:after{display:none}

.title.info + .btn_tool{margin-left:.3rem}

.tab_wrap .depth01 + .sub_bot_txt{margin-top:1.2rem}
.title_wrap + .tbl_wrap{margin-top:2.4rem}
.tbl_wrap + .dot_list{margin-top:1.6rem}
.sub_title_txt + .result_wrap{margin-top:2.4rem}
.info_txt + .info_list01{margin-top:2rem}

.title_wrap.right_btn{position:relative}
.title_wrap.right_btn .btn_sm_arrow01,
.title_wrap.right_btn .title + button{position:absolute;right:0;top:0;bottom:0;margin:auto 0;line-height:2.2rem;height:2.2rem}
.title_wrap.flex_type{display:flex;justify-content:space-between;align-items:center;}
.title_wrap.flex_type .sub_title{flex-shrink:0;padding-right:1rem}
.title_wrap.flex_type .box_btn_wrap{text-align:right}
.title_wrap.flex_type.left{justify-content:left;}
.title_wrap.flex_type.left .tab_wrap{margin-left:1.4rem}
.title_wrap.flex_type.end .sub_title{flex-shrink:1;}
.title_wrap.flex_type.end .btn_sm_arrow01{flex-shrink:0;align-self: flex-end;margin-bottom:-.6rem}
.title_wrap.flex_type .input_switch_wrap + .sub_title.light{padding-right:0}
.title_wrap.right_txt_wrap{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:flex-end;}
.title_wrap.right_txt_wrap .sub_title,
.title_wrap.right_txt_wrap .etc_title{flex:1;padding-right:1rem}
.title_wrap.right_txt_wrap .right_txt{flex-shrink:0;font-size:1.3rem;color:#ddd;line-height:2rem}
.title_wrap.right_txt_wrap .right_txt01{flex-shrink:0;font-size:1.4rem;color:#999;line-height:2rem}
.title_wrap.right_txt_wrap .right_txt02{flex-shrink:0;font-size:1.4rem;color:#666;line-height:2.2rem}
.title_wrap.right_txt_wrap.notice_info .right_txt{font-size:1.4rem;line-height:2.2rem;color:#333;}

.intro_wrap{text-align:center;padding-top:11.4rem;margin-top:3.4rem;background-repeat:no-repeat;background-size:10rem 8.4rem;background-position:50% 0;}
.intro_wrap .intro_tit{font-size:1.8rem;color:#111;font-family:'NotoKrB';line-height:2.6rem;letter-spacing:-0.01rem;}
.intro_wrap .sub_txt_wrap{margin-top:.8rem}
.intro_wrap .sub_txt_wrap p ~ p{margin-top:2.4rem}

.log_certi_wrap{text-align:center;padding-top:12.2rem;margin-top:3.6rem;background-repeat:no-repeat;background-size:9rem 9rem;background-position:50% 0;}
.log_certi_wrap .certi_tit{font-size:1.8rem;color:#111;font-family:'NotoKrB';line-height:2.6rem;display:block;margin-bottom:4.8rem}
.log_certi_wrap .btn_sm_type01{font-family:'NotoKrM';}

.log_house{margin-bottom:4.8rem}

.certi_list li{border:.1rem solid #e8e8e8;padding:2rem 3.1rem}
.certi_list li ~ li{margin-top:1.6rem}
.certi_list li .name{font-size:1.4rem;font-family:'NotoKrB';color:#333;line-height:2rem;position:relative;}
.certi_list li .name:after{content:'';display:inline-block;width:2rem;height:2rem;background:url('../img/ico_certi.png') no-repeat 50% 50%/2rem auto;position:absolute;right:-2.4rem;top:0}
.certi_list li .certi_info{margin-top:.8rem}
.certi_list li .certi_info dl{display:flex}
.certi_list li .certi_info dl dt{font-size:1.4rem;color:#666;line-height:2.3rem;padding-right:1.2rem;width:5.1rem}
.certi_list li .certi_info dl dd{font-size:1.4rem;color:#333;font-family:'Spoqa Han Sans Neo';line-height:2.3rem;font-weight:400;}
.certi_list li .certi_info .effec_date{font-size:1.4rem;color:#333;font-family:'NotoKrM';margin-top:.8rem}
.certi_list li.disabled{background:#f8f8f8;border:none}
.certi_list li.disabled .name,
.certi_list li.disabled .certi_info dl dt,
.certi_list li.disabled .certi_info dl dd{color:#cbcbcb}
.certi_list li.disabled .name:after{background-image:url('../img/ico_certi_disabled.png');}
.bot_center_txt{text-align:center;font-size:1.4rem;color:#666;line-height:2rem;margin-top:5.4rem}

.top_full_box{background:#fdf4f4;padding:1rem 1.2rem}
.top_full_box .top_tit_wrap{text-align:center}
.top_full_box .top_tit_wrap .num_percent{font-size:2rem;font-weight:700;line-height:2.5rem;color:#5a6feb}
.top_full_box + .con_inner{margin-top:1.6rem}

.guide_info_wrap{margin-top:6rem;border-top:0.1rem solid #ddd}
.guide_info_wrap .acc_btn{border:none;font-size:1.6rem;font-family:'NotoKrB';line-height:2.4rem;color:#09233e;padding:1.4rem 0}
.guide_info_wrap .acc_btn:after{width:2rem;height:2rem;background:url('../img/ico_accordion.png') no-repeat;background-size:2rem auto; right: 0.6rem;}
.guide_info_wrap .guide_cont{border:none;padding:1.6rem 0.6rem 0}

.my_info_list > li{border-top:.1rem solid #eee}
.my_info_list > li:first-child{border-top:.2rem solid #eee}
.my_info_list > li .acc_btn{border:none;font-size:1.8rem;font-family:'NotoKrM';line-height:2.6rem;color:#111;padding:2.4rem 0}
.my_info_list > li .acc_content{border:none;padding:2.4rem 0 0;margin-bottom:4.8rem}
.my_info_list.flex_type > li{display:flex;justify-content:space-between;align-items:center;}
.my_info_list.flex_type > li{padding:2.4rem 0}
.my_info_list.flex_type > li .tit{font-size:1.8rem;font-family:'NotoKrM';line-height:2.6rem;color:#111;flex:1;padding-right:1rem}
.my_info_list.flex_type > li .tit .circle{font-size:1.3rem;line-height:2rem;color:#0873e4;display:inline-block;padding:.4rem 1rem;border-radius:1.4rem;background:rgba(8,115,228,0.1);vertical-align:.2rem;margin-right:.8rem}
.my_info_list.flex_type .full_bot_txt{flex-basis:100%;width:100%;font-size:1.4rem;color:#666;line-height:2.1rem;margin-top:1.6rem;}
.my_info_list.small_txt > li .tit{font-size:1.6rem;line-height:2.4rem;}
.my_info_list.small_txt > li .tit button{font-size:1.6rem;line-height:2.4rem;padding:2rem 0}
.my_info_list.small_txt > li:last-child{border-bottom:.1rem solid #eee}
.my_info_list.none_pdcont .acc_content{padding-top:0}
.my_info_list.line_thin > li:first-child{border-top:.1rem solid #eee}
.my_info_list.product_list > li .acc_btn{font-size:1.6rem;line-height:2.4rem;padding:2rem 0}
.my_info_list.product_list > li .acc_content{padding:1.2rem 0 0;margin-bottom:3.2rem}
.my_info_list.product_list > li:last-child{border-bottom:.1rem solid #eee}
.my_info_list.product_list.no_acc > li .tit{font-size:1.6rem;font-family:'NotoKrM';line-height:2.4rem;padding:2rem 0}

.my_info_list.line_bottom > li:first-child{border-top:none}
.my_info_list.line_bottom > li:last-child{border-bottom:.1rem solid #eee}

.my_info_list.faq_list{margin-top:2.4rem}
.my_info_list.faq_list > li .acc_btn{font-size:1.6rem;font-family:'NotoKrR';padding:2rem 3.6rem 2rem .6rem}
.my_info_list.faq_list > li .acc_btn span{font-family:'NotoKrB';display:inline-block;margin-right:.5rem;color:#0873e4}
.my_info_list.faq_list > li .acc_btn:after{right:.6rem}
.my_info_list.faq_list > li:last-child{border-bottom:.1rem solid #eee}
.my_info_list.faq_list .acc_content{padding-top:0;margin-bottom:2rem}
.my_info_list.faq_list .faq_desc_bg{background:#f8f8f8;padding:2rem;}
.my_info_list.faq_list .faq_desc_bg .txt_cont{font-size:1.4rem;line-height:2rem;color:#666}

.my_info_list.flex_type.line_none > li{flex-wrap:wrap;}
.my_info_list.line_none > li:first-child{border-top:none}
.my_info_list.line_none > li:last-child{border-bottom:none}
.my_info_list.easy_login > li .tit{font-size:1.8rem !important;position:relative;padding-left:3.6rem}
.my_info_list.easy_login > li .tit:before{content:'';display:inline-block;width:2.4rem;height:2.4rem;background-repeat:no-repeat;background-size:2.4rem auto;position:absolute;left:0}
.my_info_list.easy_login > li .tit.naver:before{background-image:url('../img/ico_easy_naver.png');}
.my_info_list.easy_login > li .tit.kakao:before{background-image:url('../img/ico_easy_kakao.png');}
.my_info_list.easy_login > li .tit.apple:before{background-image:url('../img/ico_easy_apple.png');}

.my_info_list.easy_login > li .btn{height:32pt; line-height:32pt;  border-radius:5pt; font-size:14px!important; font-weight:600; letter-spacing:-0.5px; padding-left:40pt; text-align:left; margin-right:20px}
.my_info_list.easy_login > li .btn.app{background-color:#000; background:url('/resources/img/ico_easy_apple.png') no-repeat #000 15px 8px; background-size:25px;color:#fff!important;}
.my_info_list.easy_login > li .btn.nav{background-color:#4db34e; background:url('/resources/img/ico_easy_naver.png') no-repeat #46b148 15px 8px; background-size:25px;color:#fff!important;}
.my_info_list.easy_login > li .btn.kaka{background-color:#fae300; background:url('/resources/img/ico_easy_kakao.png') no-repeat #fae300 15px 8px; background-size:25px;color:#000!important;}

.bg_alert_wrap{background:#f8f8f8;padding:1.5rem 2rem;display:flex;justify-content:space-between;margin-top:1.6rem}
.bg_alert_wrap strong{font-size:1.3rem;font-family:'NotoKrM';line-height:2rem;color:#333}
.bg_alert_wrap .h_like{display:inline-block;width:2rem;height:2rem;background:url('../img/ico_push_off.png') no-repeat 50% 50%/2rem auto;}
.bg_alert_wrap .h_like.on{background:url('../img/ico_push_on.png') no-repeat 50% 50%/2rem auto;}

.bot_share_wrap{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;}
.bot_share_wrap .tit{display:inline-block;width:2.4rem;height:2.4rem;background:url('../img/ico_share.png') no-repeat 50% 50%/2.4rem auto;}
.bot_share_wrap .btn_wrap{text-align:right;flex-shrink:0;}
.bot_share_wrap .btn_wrap button{display:inline-block;width:4rem;height:4rem;border:.1rem solid #e8e8e8;border-radius:100%;background-color:#fff;background-position:50% 50%;background-repeat:no-repeat;background-size:2.6rem auto}
.bot_share_wrap .btn_wrap button ~ button{margin-left:1.2rem}
.bot_share_wrap .btn_wrap .btn_kakao{background-image:url('../img/ico_share_kakao.png');}
.bot_share_wrap .btn_wrap .btn_sms{background-image:url('../img/ico_share_sms.png');}
.bot_share_wrap .btn_wrap .btn_email{background-image:url('../img/ico_share_email.png');}

.alert_area{margin-top:6rem;padding-top:8.2rem;background:url('../img/ico_cont_alert.png') no-repeat 50% 0;background-size:6.6rem auto;text-align:center}
.alert_area.tall{margin-top:13rem}
.alert_area.middle{margin-top:8.5rem}
.alert_area.error{background:url('../img/ico_cont_alerterror.png') no-repeat 50% 0;background-size:6.6rem auto;}
.alert_area.error .alert_tit .tit_bold{color:#f57057;}
.alert_area.success{background:url('../img/ico_cont_alertsuccess.png') no-repeat 50% 0;background-size:6.6rem auto;}
.alert_area.success .alert_tit .tit_bold{color:#64b636;}
.alert_area.option{background:url('../img/ico_cont_alertopt.png') no-repeat 50% 0;background-size:6.6rem auto;}
.alert_area.option .alert_tit .tit_bold{color:#dba521;}
.alert_area .alert_tit{font-size:1.6rem;line-height:2.4rem;color:#333;}
.alert_area .alert_tit .tit_bold{font-family:'NotoKrB';}
.alert_area .alert_tit + .col_num_list{margin-top:4.8rem}
.alert_area .alert_sub_txt{font-size:1.4rem;line-height:2.2rem;color:#999;margin-top:0.6rem}
.alert_area .alert_sub_txt ~ .alert_sub_txt{margin-top:2.4rem}

.link_myinfo{display:flex;margin-bottom:2rem;justify-content: center;flex-wrap: wrap;}
.link_myinfo button{font-size:1.4rem;font-family:'NotoKrM';color:#333;line-height:2.2rem;text-align:left;position:relative;padding-left:2rem}
.link_myinfo button ~ button{margin-left:1.7rem}
.link_myinfo button:before{content:'';display:inline-block;width:1.6rem;height:1.6rem;position:absolute;left:0;top:.3rem;background-repeat:no-repeat;background-size:1.6rem auto}
.link_myinfo button.link01:before{background-image:url('../img/ico_my_member.png');}
.link_myinfo button.link02:before{background-image:url('../img/ico_my_notice.png');}
.link_myinfo button.link03:before{background-image:url('../img/ico_my_session.png');}
.link_myinfo button:after{content:'';display:inline-block;height:.9rem;width:.1rem;background:#ddd;position:absolute;right:-.8rem;top:.7rem}
.link_myinfo button:last-child:after{display:none}

.my_info_box{border:.1rem solid #f2f2f2;box-shadow: 0 .3rem .6rem 0 rgba(0, 0, 0, 0.05);padding:2rem}
.my_info_box .tit{font-size:1.6rem;font-family:'NotoKrB';line-height:2.4rem;color:#333;position:relative;display:block;padding-left:3.2rem}
.my_info_box .tit:before{content:'';display:inline-block;width:2.4rem;height:2.4rem;background-repeat:no-repeat;background-size:2.4rem auto;position:absolute;left:0;top:0}
.my_info_box .tit.coupon:before{background-image:url('../img/ico_my_coupon.png');}
.my_info_box .tit.qa:before{background-image:url('../img/ico_my_qa.png');}
.my_info_box ~ .my_info_box{margin-top:1.6rem}
.my_info_box:after{content:'';display:block;clear:both}
.my_info_box button{font-size:1.4rem;color:#666;line-height:2.2rem;float:right;margin-top:.8rem;position:relative;padding-right:2.4rem}
.my_info_box button:after{content:'';display:inline-block;width:2rem;height:2rem;background:url('../img/btn_arrow.png') no-repeat;background-size:2rem auto;position:absolute;right:0;top:.1rem}

.login_wrap{padding-top:3.6rem;position:relative}
.login_wrap .logo{text-align:center}
.login_wrap .logo img{width:13.6rem}
.login_wrap .login_cont{position:fixed;bottom:5.8rem;width:100%;padding:0 4rem}
.login_wrap .login_btn_wrap button{font-size:1.6rem;font-family:'NotoKrM';text-align:left;line-height:5.6rem;display:block;width:100%;height:5.6rem;padding:0 3.2rem 0 6.8rem;position:relative;}
.login_wrap .login_btn_wrap button:before{content:'';display:inline-block;width:2.4rem;height:2.4rem;background-repeat:no-repeat;background-size:2.4rem auto;position:absolute;left:3.2rem;top:50%;transform:translateY(-50%);}
.login_wrap .login_btn_wrap button ~ button{margin-top:1.6rem}
.login_wrap .login_btn_wrap button.log01{color:#333;background:#fff;box-shadow: 0 .3rem 1rem 0 rgba(0, 0, 0, 0.33);}
.login_wrap .login_btn_wrap button.log01:before{background-image:url('../img/ico_login_password.png')}
.login_wrap .login_btn_wrap button.log02{color:#fff;background:#0361c4}
.login_wrap .login_btn_wrap button.log02:before{background-image:url('../img/ico_login_bio.png')}
.login_wrap .login_btn_wrap button.log03{color:#fff; background:#0361c4;padding:0!important; text-align:center!important; height:10.2rem!important;line-height:3.8rem!important;}
.login_wrap .login_btn_wrap button.log03:before{background-image:none; padding:0!important;}
.login_wrap .login_btn_wrap ul.ico{padding:0 0 0 10px!important;width:253px; margin:0 auto; }
.login_wrap .login_btn_wrap ul.ico li{float:left; margin-right:8px; }
.login_wrap .login_btn_wrap ul.ico li.last{margin-right:none}
.login_wrap .login_btn_wrap ul.ico li img{width:40px; height:40px;}
.login_wrap .easy_log_wrap{padding-top:6rem;text-align:center}
.login_wrap .easy_log_wrap > p{font-size:1.4rem;line-height:2.2rem;color:#fff}
.login_wrap .easy_log_btn{display:inline-flex;margin-top:1.9rem}
.login_wrap .easy_log_btn button{display:inline-block;width:4.8rem;height:4.8rem;background-repeat:no-repeat;background-size:4.8rem auto;position:relative}
.login_wrap .easy_log_btn button span{position:absolute;bottom:-2rem;left:0;width:100%;text-align:center;color:#fff;font-size:1.1rem}
.login_wrap .easy_log_btn button ~ button{margin-left:2rem}
.login_wrap .easy_log_btn button.kakao{background-image:url('../img/logo_kakao.png');}
.login_wrap .easy_log_btn button.naver{background-image:url('../img/logo_naver.png');}
.login_wrap .easy_log_btn button.apple{background-image:url('../img/logo_apple.png');}

.custline_list{border-top:0.2rem solid #eee;margin-top:2.4rem}
.custline_list.bot_none{ border-top: 0;}
.custline_list li{padding:2rem 0;border-bottom:0.1rem solid #eee}
.custline_list li .tit{font-size:1.6rem;color:#111;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:2.4rem}
.cust_cont .bold,
.faq_wrap .bold,
.custline_list li .tit .bold,
.custline_list li .date .bold{color:#0873e4}
.custline_list li .tit + .date{margin-top:0.8rem}
.cust_cont .title_wrap .date,
.custline_list li .date{font-size:1.4rem;color:#999;line-height:2.2rem;display:inline-block}
.cust_cont .title.event_end{ color: #bbb;}
.cust_cont .title.event_end .circle.end{font-size:1.3rem;color:#666;display:inline-block;text-align:center;padding:0 1rem;background:#eee;border-radius:1.4rem;margin-right:0.8rem;height:2.7rem;line-height:2.7rem;vertical-align:bottom;}
.custline_list li.end .tit,
.custline_list li.end .date,
.custline_list li.end .bold{color:#bbb;}
.custline_list li.end .circle{font-size:1.3rem;color:#666;display:inline-block;text-align:center;padding:0 1rem;background:#eee;border-radius:1.4rem;margin-right:0.8rem;height:2.7rem;line-height:2.7rem}
.custline_list .quest_info_wrap{margin-top:0.8rem;position:relative}
.quest_info_wrap .quest{font-size:1.4rem;line-height:2.2rem;color:#666}
.quest_info_wrap .quest.read{color:#f57057}
.quest_info_wrap .quest.com{color:#0873e4;font-weight:700}
.quest_info_wrap span{display:inline-block;position:relative}
.quest_info_wrap span ~ span{margin-left:1.5rem}
.quest_info_wrap span:before{content:'';display:inline-block;width:0.1rem;height:1rem;background:#ddd;position:absolute;left:-0.9rem;top:0.7rem;}
.quest_info_wrap span:first-child:before{display:none}
.quest_info_wrap .qa_btn_wrap{display:flex;float:right}
.quest_info_wrap .qa_btn_wrap button{font-size:1.3rem;height:2.7rem;line-height:2.7rem;color:#333;padding:0 1rem;background:#f0f0f0}
.quest_info_wrap .qa_btn_wrap button ~ button{margin-left:1.2rem}
.faq_box .quest_info_wrap .quest{font-size:1.3rem;line-height:2rem}
.faq_box .quest_info_wrap .date{font-size:1.3rem;line-height:2rem;color:#999}
.faq_box .quest_info_wrap span:before{top:0.5rem}
.faq_box .quest_info_wrap + p{margin-top:1.6rem}
.faq_box .file_list li{background-color:#fff}

.faq_inp_wrap textarea{padding:2rem;font-size:1.4rem;line-height:2.2rem;width:100%;height:100%;border:.1rem solid #ddd;resize:none;-webkit-appearance:none;appearance:none;}
.faq_inp_wrap textarea::placeholder{font-size:1.4rem}
.faq_inp_wrap textarea::-webkit-input-placeholder{font-size:1.4rem}
.faq_inp_wrap .tit_area{height:6rem}
.faq_inp_wrap .tit_area textarea::placeholder{color:#666}
.faq_inp_wrap .tit_area textarea::-webkit-input-placeholder{color:#666}
.faq_inp_wrap .cont_area{height:23rem;margin-top:1.6rem}
.faq_inp_wrap .cont_area textarea::placeholder{color:#bbb}
.faq_inp_wrap .cont_area textarea::-webkit-input-placeholder{color:#bbb}

.custline_list.faq_type li{padding-right:3.6rem;position:relative}
.custline_list.faq_type li:after{content:'';display:inline-block;width:2rem;height:2rem;background:url('../img/ico_down_arrowgray.png') no-repeat;background-size:2rem auto;position:absolute;right:0;top:50%;transform:rotate(-90deg) translateX(50%)}
.custline_list.faq_type .tit{overflow:visible;white-space:normal;text-overflow:inherit;}

.custline_list.addr_type{margin-top:1.6rem}

.notice_history > .date{font-size:1.6rem;color:#333;font-family:'Spoqa Han Sans Neo';font-weight:700;line-height:2.1rem;}
.notice_history ~ .notice_history{margin-top:4.8rem}
.notice_history .notice_list{margin-top:2rem}
.notice_history .notice_list li{position:relative;padding-left:4.8rem}
.notice_history .notice_list li:before{content:'';display:inline-block;width:3.6rem;height:3.6rem;background-repeat:no-repeat;background-size:3.6rem auto;position:absolute;left:0;top:0;z-index:10}
.notice_history .notice_list li:after{content:'';display:inline-block;height:110%;border-left:dotted .2rem #e8e8e8;position:absolute;left:1.8rem;top:3rem;z-index:9}
.notice_history .notice_list li:last-child:after{display:none}
.notice_history .notice_list li.notice_kakao:before{background-image:url('../img/ico_notice_history.png');}
.notice_history .notice_list li.notice_push:before{background-image:url('../img/ico_notice_history.png');}
.notice_history .notice_list li.notice_sms:before{background-image:url('../img/ico_notice_history.png');}
.notice_history .notice_list li ~ li{margin-top:3.2rem}
.notice_history .notice_list li .cont{font-size:1.6rem;line-height:2.4rem;color:#111;position:relative;padding-right:1rem}
.notice_history .notice_list li .cont strong{display:block;font-family:'NotoKrB';margin-bottom:.4rem}
.notice_history .notice_list li[role="button"] .cont{padding-right:2.8rem}
.notice_history .notice_list li[role="button"] .cont:after{content:'';display:inline-block;width:2rem;height:2rem;background:url('../img/ico_down_arrowgray.png') no-repeat 50% 50%/2rem auto;position:absolute;right:0;top:0;bottom:0;margin:auto 0;transform:rotate(-90deg)}
.notice_history .notice_list li .time{font-size:1.4rem;line-height:2rem;color:#999;display:block;margin-top:.4rem}


.custline_list.addr_type li{position:relative}
.custline_list.addr_type li .circle_ico{font-size:1.3rem;text-align:center;display:inline-block;line-height:2.7rem;position:absolute;top:50%;transform:translateY(-50%);width:4.4rem;border-radius:1.4rem}
.custline_list.addr_type li .circle_ico.color01{background:rgba(232,135,80,0.1);color:#e88750}
.custline_list.addr_type li .circle_ico.color02{background:rgba(63,173,89,0.1);color:#3fad59}
.custline_list.addr_type li .circle_ico.color03{background:rgba(135,41,216,0.1);color:#8729d8}
.custline_list.addr_type li .circle_ico.color04{background:rgba(237,156,27,0.1);color:#ed9c1b}
.custline_list.addr_type li .circle_ico.color05{background:rgba(8,115,228,0.1);color:#0873e4}
.custline_list.addr_type li .circle_ico + .txt_wrap{padding-left:5.6rem}


.faq_wrap .faq_tit{font-size:1.6rem;line-height:2.4rem;position:relative;padding-left:2.6rem}
.faq_wrap .faq_tit:before{content:'Q.';display:inline-block;position:absolute;top:0;left:0;color:#0873e4;font-weight:700}
.faq_wrap .faq_cont{margin-top:2rem;}
.faq_box{background:#f8f8f8;padding:2rem}
.faq_wrap .faq_cont p,
.faq_box p{font-size:1.4rem;line-height:2.2rem;color:#666}
.faq_wrap .faq_cont p ~ p{margin-top:2.4rem}
.faq_wrap.quest_type dl{padding-left:2.6rem;position:relative}
.faq_wrap.quest_type .faq_tit{padding-left:0;position:static}
.faq_wrap.quest_type .faq_cont{margin-top:1.2rem}
.faq_wrap .faq_cont .date{font-size:1.3rem;color:#999;line-height:2rem;display:inline-block;margin-top:1.2rem}

.cust_cont .title_wrap .title{font-family:'NotoKrR';}
.cust_cont .title_wrap .title + .date{margin-top:0.8rem}
.cust_cont .img_area{margin-top:2.4rem}
.cust_cont .img_area img{width:100%}
.cust_cont .cont_wrap{margin-top:3.2rem}
.cust_cont .cont_wrap p{font-size:1.6rem;line-height:2.4rem}
.cust_cont .cont_wrap p ~ p{margin-top:2.4rem}
.etc_title + .file_list{margin-top:1.6rem}

.dot_list.bot_txt li{color:#999; font-size: 1.3rem; line-height: 2rem;}
.bot_txt{margin-top:1.2rem;padding:0 0.6rem}

.sub_title + .gray_result{margin-top:2rem}
.gray_result{ background: #f8f8f8;padding:1.6rem 2rem}
.gray_result dl{ display: flex; justify-content: space-between;}
.gray_result.center dl{align-items:center;}
.gray_result dl dt{font-size: 1.4rem; flex: 1; padding-right: 1.2rem; color: #333; line-height: 2.2rem;}
.gray_result dl dd{font-size: 1.4rem; font-family: 'Spoqa Han Sans Neo'; text-align:right; line-height: 2.2rem; color: #0873e4;font-weight:400}
.gray_result dl dd strong{font-weight:700}
.gray_result dl dd .bot_add_result{font-size:1.3rem;color:#333;line-height:2rem;margin-top:.8rem}
.gray_result dl dd .small_txt{font-size:1.2rem;color:#666;}
.gray_result dl dd.black_num{ color: #111 !important;}
.gray_result + .info_txt{margin-top:1.2rem}

.gray_result.area_type{display:flex;align-items:center;padding:1.6rem;position:relative}
.gray_result.area_type:after{content:'';display:inline-block;width:.1rem;height:35%;background:#ddd;position:absolute;top:33%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:none}
.gray_result.area_type dt{font-family:'NotoKrM';}
.gray_result.area_type .type01 dt{color:#0873e4}
.gray_result.area_type .type02 dt{color:#ea1c5b}
.gray_result.area_type dl{flex-wrap:wrap;position:relative}
.gray_result.area_type dl:first-child{padding-right:3.5rem}

.gray_result_wrap{background:#f8f8f8;box-shadow: 0 .3rem .6rem 0 rgba(0, 0, 0, 0.1);}
.gray_result_wrap .info_wrap{padding:2rem;}
.gray_result_wrap .info_wrap .tit{font-size:1.6rem;color:#666;font-family:'NotoKrM';line-height:2.4rem}
.gray_result_wrap .info_wrap .tit + .info_list01{margin-top:1.2rem}
.gray_result_wrap .info_wrap .info_list01 dd{font-family:'NotoKrB';}
.gray_result_wrap .bot_btn{display:block;width:100%;border-top:.1rem solid #e6e6e6;height:5.1rem;}
.gray_result_wrap .bot_btn span{font-size:1.4rem;color:#333;padding-right:2.8rem;display:inline-block;position:relative}
.gray_result_wrap .bot_btn span:after{content:'';background:url('../img/btn_arrow.png') no-repeat;background-size:2rem auto;display:inline-block;width:2rem;height:2rem;position:absolute;right:0;top:0}


.cirbox_wrap{border:.1rem solid #ddd;padding:2rem 2.7rem;text-align:right;margin-top:2.4rem;}
.cirbox_wrap .circle_area{display:flex;flex-wrap:wrap;justify-content:space-between;position:relative;max-width:35rem;margin:0 auto}
.cirbox_wrap .circle_area:after{content:'';display:inline-block;width:4rem;height:4rem;background:url('../img/ico_circle_plus.png') no-repeat;background-size:4rem auto;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}
.cirbox_wrap .circle_area div{width:10.4rem;height:10.4rem;border-radius:20rem;text-align:center;padding-top:2.7rem}
.cirbox_wrap .circle_area div p{font-size:1.3rem;line-height:2rem;color:#999}
.cirbox_wrap .circle_area div strong{font-size:1.8rem;line-height:2.6rem;display:inline-block;margin-top:.4rem}
.cirbox_wrap .circle_area .left{background:rgba(153,153,153,0.1)}
.cirbox_wrap .circle_area .left strong{color:#111}
.cirbox_wrap .circle_area .right{background:rgba(8,115,228,0.08)}
.cirbox_wrap .circle_area .right strong{color:#0873e4}
.cirbox_wrap .circle_area .left strong em,
.cirbox_wrap .circle_area .right strong em{font-family:'Spoqa Han Sans Neo';font-weight:700;font-size:2rem}
.cirbox_wrap .stat_txt{font-size:1.8rem;line-height:3.2rem;text-align:right;color:#0873e4;display:inline-block;margin-top:2.7rem;position:relative}
.cirbox_wrap .stat_txt:after{content:'';position:absolute;left:0;bottom:.2rem;height:1.3rem;width:100%;background:rgba(8,115,228,0.08)}
.cirbox_wrap .stat_txt span{color:#333}
.cirbox_wrap .stat_txt strong{font-size:2.2rem;font-family:'NotoKrB';}

.calculate_wrap{border:.1rem solid #ddd;padding:2rem;position:relative}
.calculate_wrap .calculate_area{margin-top:.8rem;display:flex;flex-wrap:wrap;justify-content:space-between;position:relative}
.calculate_wrap .calculate_area:after{content:'';display:inline-block;width:2.4rem;height:2.4rem;background:url('../img/ico_equal.png') no-repeat;background-size:2.4rem auto;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}
.calculate_wrap .calculate_area .left{text-align:center;padding-top:2.1rem}
.calculate_wrap .calculate_area .left .ex_txt{font-size:1.3rem;color:rgba(8,115,228,0.5);line-height:2rem;margin-top:.4rem;font-family:'NotoKrB';}
.calculate_wrap .calculate_area .left .fount{position:relative;}
.calculate_wrap .calculate_area .left .fount:after{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;height:.1rem;background:#ddd}
.calculate_wrap .calculate_area .left .fount p{font-size:1.8rem;color:#111;line-height:2.6rem;}
.calculate_wrap .calculate_area .left .fount p ~ p{margin-top:.9rem}
.calculate_wrap .calculate_area .left .fount p strong{font-family:'Spoqa Han Sans Neo';font-weight:700}
.calculate_wrap .calculate_area .right{width:11.2rem;height:11.2rem;border-radius:20rem;text-align:center;padding-top:3.2rem;background:rgba(8,115,228,0.08)}
.calculate_wrap .calculate_area .right p{font-size:1.3rem;line-height:2rem;color:#999}
.calculate_wrap .calculate_area .right .per{font-size:2rem;font-family:'Spoqa Han Sans Neo';font-weight:700;color:#0873e4;line-height:2.6rem;display:inline-block;margin-top:.4rem}

.coupon_wrap{ position: relative; border-radius: 1rem; border: 0.1rem solid #ccc; padding: 3rem 0 2.4rem 0; box-shadow: 0 0.02rem 1rem 0 rgba(0, 0, 0, 0.05);} 
.coupon_wrap::before{ content: ''; width: 3.6rem; height: 3.6rem; border-radius: 100%; background: #fff; position: absolute; left: -1.8rem; top: 50%; transform: translateY(-50%); border: 0.1rem solid #ccc; }
.coupon_wrap::after{ content: ''; width: 3.6rem; height: 3.6rem; border-radius: 100%; background: #fff; position: absolute; right: -1.8rem; top: 50%; transform: translateY(-50%); border: 0.1rem solid #ccc; }
.coupon_wrap dl::before{ content: ''; width: 3.6rem; height: 5rem;background: #fff; position: absolute; left: -3.7rem; top: 50%; transform: translateY(-50%); }
.coupon_wrap dl::after{ content: ''; width: 3.6rem; height: 5rem;  background: #fff; position: absolute; right: -3.7rem; top: 50%; transform: translateY(-50%); z-index: 1;}

.coupon_wrap dt{ color: #111; font-size: 1.6rem; vertical-align: middle; margin-bottom: 2rem; text-align: center; font-family:'NotoKrM';}
.coupon_wrap dt strong{ color: #0873e4; font-size: 3.2rem; font-family: 'Spoqa Han Sans Neo';  font-weight: 700; display: inline-block; top: 0.4rem; position: relative; margin-right: 0.5rem;}
.coupon_wrap dt strong em{ font-size: 2.3rem;}
.coupon_wrap dd{ text-align: center; max-width: 22.5rem; margin: 0 auto;}
.coupon_wrap dd li{ font-size: 1.4rem; color: #333; line-height: 2rem; margin-bottom: 0.4rem; text-align: left; font-family:'Spoqa Han Sans Neo';}
.coupon_wrap dd li:last-child{ margin-bottom: 0;}
.coupon_wrap dd li span{ color: #999; display: inline-block; margin-right: 0.8rem; font-family:'NotoKrR';}
.coupon_wrap .ico_day{ position: absolute; right: 2rem; top: 2rem; background: #64b636; height: 2.7rem; line-height: 2.7rem; color: #fff; font-size: 1.2rem; font-family: 'Spoqa Han Sans Neo';  font-weight: 700; display: inline-block; text-align: center; padding: 0 1.2rem; border-radius: 5rem;}

.link_list li{padding:0 4.5rem 0 3.2rem;position:relative;border:.1rem solid #ddd;border-radius:.6rem;box-shadow: 0 .3rem .6rem 0 rgba(0, 0, 0, 0.05);}
.link_list li ~ li{margin-top:1.6rem;}
.link_list li:after{content:'';display:inline-block;width:2rem;height:2rem;background:url('../img/ico_right_arrow.png') no-repeat;background-size:2rem auto;position:absolute;right:2rem;top:0;bottom:0;margin:auto 0}
.link_list li .txt_wrap{position:relative;padding:1.6rem 0 1.6rem 6.8rem;min-height:6.5rem;display:flex;align-items:center;flex-wrap:wrap;}
.link_list li .txt_wrap:before{content:'';display:inline-block;width:4.8rem;height:4.8rem;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.link_list li.list_loan .txt_wrap:before{background:url('../img/ico_list_loan.png') no-repeat;background-size:4.8rem auto}
.link_list li.list_money .txt_wrap:before{background:url('../img/ico_list_money.png') no-repeat;background-size:4.8rem auto}
.link_list li.list_home .txt_wrap:before{background:url('../img/ico_list_home.png') no-repeat;background-size:4.8rem auto}
.link_list li.list_keeper .txt_wrap:before{background:url('../img/ico_list_keeper.png') no-repeat;background-size:4.8rem auto}
/* SR : SCM2509-00168 */
.link_list li.naver_logo .txt_wrap:before{background:url('../img/logo_naver.png') no-repeat;background-size:4.8rem auto}
.link_list li .txt_wrap .sub{font-size:1.2rem;color:#666;line-height:2rem}
.link_list li .txt_wrap .sub + .link_list li .txt_wrap .tit{margin-top:.4rem}
.link_list li .txt_wrap .tit{font-size:1.4rem;color:#333;font-family:'NotoKrB';line-height:2.2rem;display:block;width:100%}

.link_list_large li{padding:2rem 3.2rem 2.8rem;position:relative;border:.1rem solid #ddd;border-radius:.6rem;box-shadow: 0 .3rem .6rem 0 rgba(0, 0, 0, 0.05);text-align:center}
.link_list_large .txt_wrap{padding-top:4.4rem;position:relative}
.link_list_large .txt_wrap .tit{font-size:1.6rem;font-family:'NotoKrB';color:#333;line-height:2.4rem}
.link_list_large .txt_wrap .sub{font-size:1.2rem;color:#666;margin-top:.4rem;line-height:1.9rem}
.link_list_large li ~ li{margin-top:1.6rem}
.link_list_large li .txt_wrap:before{content:'';display:inline-block;width:4rem;height:4rem;position:absolute;top:0;left:0;right:0;margin:0 auto;background-size:4rem auto}
.link_list_large li.list_loanlook01 .txt_wrap:before{background-image:url('../img/ico_loanlook01.png')}
.link_list_large li.list_loanlook02 .txt_wrap:before{background-image:url('../img/ico_loanlook02.png')}
/* SR : SCM2509-00168 */
.link_list_large li.list_loanlook03 .txt_wrap:before{background-image:url('../img/logo_naver.png')}

.product_load_wrap .sub_txt_wrap{margin-top:2rem}
.product_load_wrap .load_progress{position:relative;width:100%;background:#ddd;height:.9rem;border-radius:.5rem;margin-top:6rem;position:relative}
.product_load_wrap .bar{background:#0873e4;height:.9rem;border-radius:.5rem;position:relative}
.product_load_wrap .percent{font-size:1.4rem;font-family:'Spoqa Han Sans Neo';font-weight:500;color:#fff;background:#0873e4;padding:.6rem 1.3rem;border-radius:2rem;position:absolute;top:-4rem;left:0;transform:translateX(-80%)}
.product_load_wrap .percent:after{content:'';display:inline-block;position:absolute;border-color:#0873e4 transparent transparent transparent;border-top-width:.7rem;border-left-width:.5rem;border-right-width:.5rem;border-style:solid;bottom:-.8rem;left:50%;transform:translateX(-50%)}

.product_map_wrap{border:.1rem solid #ddd;padding:2rem 1.6rem;margin-bottom:2.4rem}
.product_map_wrap .product_map_img{position:relative;margin:0 auto;text-align:center;width:29rem}
.product_map_wrap .product_map_img img{width:29rem}
.product_map_wrap .product_map_img .map_btn_type{position:static}
.product_map_wrap .product_map_img .map_btn_type .depth01{border:none}
.product_map_wrap .product_map_img .map_btn_type .depth01 li{position:absolute;display:block;}
.product_map_wrap .product_map_img .map_btn_type .depth01 li a{font-size:1rem;font-family:'NotoKrM';color:#333;line-height:1.1rem;width:4.5rem;height:5.4rem;background:url('../img/ico_productmap_pin.png') no-repeat 50% 50%;background-size:3.9rem auto;padding:0;display:block;position:relative;z-index:20}
.product_map_wrap .product_map_img .map_btn_type .depth01 li a span{display:inline-block;padding-top:1.6rem}
.product_map_wrap .product_map_img .map_btn_type .depth01 li a span.line02{padding-top:1rem}
.product_map_wrap .product_map_img .map_btn_type .depth01 li.on a{width:4.5rem;height:5.4rem;background:url('../img/ico_productmap_pinon.png') no-repeat 50% 50%;background-size:4.05rem auto;border:none}
.product_map_wrap .product_map_img .map_btn_type .depth01 li.on a:after{display:none}
.product_map_wrap .product_map_img .map_btn_type .depth01 li:after{content:'';display:inline-block;position:absolute;display:none}
.product_map_wrap .product_map_img .map_btn_type .depth01 li.on:after{display:block}
.product_map_wrap .product_map_img .map_btn_type .depth01 li.pin01{top:2.5rem;left:7rem;z-index:20}
.product_map_wrap .product_map_img .map_btn_type .depth01 li.pin01:after{background:url('../img/product_map_seoul.png') no-repeat 50% 50%/3.04rem auto;width:3.04rem;height:2.45rem;top:4.3rem;left:.8rem}
.product_map_wrap .product_map_img .map_btn_type .depth01 li.pin02{top:6rem;left:11rem;transform:rotate(45deg);z-index:10}
.product_map_wrap .product_map_img .map_btn_type .depth01 li.pin02 span{transform:rotate(-45deg);padding-right:1.7rem;padding-top:1.4rem}
.product_map_wrap .product_map_img .map_btn_type .depth01 li.pin02:after{background:url('../img/product_map_gyeonggi.png') no-repeat 50% 50%/9.2rem auto;width:9.2rem;height:12rem;left:-12.2rem;transform:rotate(-45deg) translate(10.6rem)}
.product_map_wrap .product_map_img .map_btn_type .depth01 li.pin03{top:3.5rem;left:2.7rem;transform:rotate(-45deg);}
.product_map_wrap .product_map_img .map_btn_type .depth01 li.pin03 span{transform:rotate(45deg);padding-left:1.2rem;padding-top:1.2rem}
.product_map_wrap .product_map_img .map_btn_type .depth01 li.pin03:after{background:url('../img/product_map_incheon.png') no-repeat 50% 50%/3.5rem auto;width:3.5rem;height:4.4rem;left:3.6rem;transform:rotate(45deg) translate(-4.4rem)}
.product_map_wrap .product_map_img .map_btn_type .depth01 li.pin04{top:3rem;right:8rem;}
.product_map_wrap .product_map_img .map_btn_type .depth01 li.pin04:after{background:url('../img/product_map_gangwon.png') no-repeat 50% 50%/14.4rem auto;width:14.4rem;height:15.5rem;left:-5.9rem;top:-4rem}
.product_map_wrap .product_map_img .map_btn_type .depth01 li.pin05{top:11.2rem;right:13rem;}
.product_map_wrap .product_map_img .map_btn_type .depth01 li.pin05:after{background:url('../img/product_map_chungbuk.png') no-repeat 50% 50%/9.2rem auto;width:9.2rem;height:10rem;left:-.7rem;top:0rem}
.product_map_wrap .product_map_img .map_btn_type .depth01 li.pin06{top:12.5rem;left:5rem;}
.product_map_wrap .product_map_img .map_btn_type .depth01 li.pin06:after{background:url('../img/product_map_chungnam.png') no-repeat 50% 50%/9.8rem auto;width:9.8rem;height:9.4rem;left:-2rem;top:-.5rem}
.product_map_wrap .product_map_img .map_btn_type .depth01 li.pin07{bottom:12.5rem;left:7rem;}
.product_map_wrap .product_map_img .map_btn_type .depth01 li.pin07:after{background:url('../img/product_map_jeonbuk.png') no-repeat 50% 50%/10.5rem auto;width:10.5rem;height:7.5rem;left:-2.9rem;top:.2rem}
.product_map_wrap .product_map_img .map_btn_type .depth01 li.pin08{bottom:4.5rem;left:7rem; transform: rotate(100deg);}
.product_map_wrap .product_map_img .map_btn_type .depth01 li.pin08:after{background:url('../img/product_map_jeonnam.png') no-repeat 50% 50%/13rem auto;width:13rem;height:10rem;left:-4rem;top:0.4rem; transform: rotate(-100deg);}
.product_map_wrap .product_map_img .map_btn_type .depth01 li.pin08 span{ transform: rotate(-100deg); padding-bottom: 1rem;}
.product_map_wrap .product_map_img .map_btn_type .depth01 li.pin09{top:14.5rem;right:6rem;}
.product_map_wrap .product_map_img .map_btn_type .depth01 li.pin09:after{background:url('../img/product_map_gyeongbuk.png') no-repeat 50% 50%/12rem auto;width:12rem;height:13rem;left:-4.6rem;top:-2rem}
.product_map_wrap .product_map_img .map_btn_type .depth01 li.pin10{bottom:8rem;right:9.5rem;}
.product_map_wrap .product_map_img .map_btn_type .depth01 li.pin10:after{background:url('../img/product_map_gyeongnam.png') no-repeat 50% 50%/13.2rem auto;width:13.2rem;height:11rem;left:-3.3rem;top:-2.1rem}
.product_map_wrap .product_map_img .map_btn_type .depth01 li.pin11{bottom:1rem;right:3rem;}
.product_map_wrap .product_map_img .map_btn_type .depth01 li.pin11:after{background:url('../img/product_map_jeju.png') no-repeat 50% 50%/5.5rem auto;width:5.5rem;height:2.9rem;left:-.8rem;bottom:-1rem}
.product_map_wrap .product_map_img .map_btn_type .depth01 li.pin12{bottom:4.5rem;right:6rem; transform: rotate(-145deg);}
.product_map_wrap .product_map_img .map_btn_type .depth01 li.pin12 span{transform: rotate(145deg); padding-bottom: 1.7rem;}
.product_map_wrap .product_map_img .map_btn_type .depth01 li.pin13{bottom:10.5rem;right:3.3rem;}
.product_map_wrap .product_map_img .map_btn_type .depth01 li.pin14{bottom:9rem;left:4.5rem;}
.product_map_wrap .product_map_img .map_btn_type .depth01 li.pin15{top:15.8rem;left:11.5rem; transform: rotate(90deg);}
.product_map_wrap .product_map_img .map_btn_type .depth01 li.pin15 span{transform: rotate(-90deg); padding-bottom: 1.7rem;}
.product_map_wrap .product_map_img .map_btn_type .depth01 li.pin16{bottom:13.5rem;right:8rem;}

.map_product_list > li{background:#f8f8f8;padding:2rem 3.2rem}
.map_product_list li ~ li{margin-top:1.6rem}
.map_product_list > li .tit{font-size:1.4rem;font-family:'NotoKrB';color:#333;line-height:2rem;display:block;position:relative}
.map_product_list > li .tit:before{content:'';display:inline-block;width:.4rem;height:.4rem;border-radius:100%;background:#333;position:absolute;left:-1.2rem;top:.8rem}
/*테이블*/
.tbl_wrap table{border:0.1rem solid #ddd}
.tbl_wrap table thead th{font-size:1.4rem;border-right:0.1rem solid #ddd;border-bottom:0.1rem solid #ddd;padding:1.1rem 0.5rem 1.2rem 0.5rem;background:#eee; line-height: 2.2rem; color: #111; font-weight: normal;}
.tbl_wrap table thead th:last-child{border-right:none}
.tbl_wrap table tbody tr th{font-size:1.4rem;padding:1.1rem 0.5rem;border-right:0.1rem solid #ddd;border-bottom:0.1rem solid #ddd}
.tbl_wrap table tbody tr td{font-size:1.4rem;border-right:0.1rem solid #ddd;border-bottom:0.1rem solid #ddd;padding:1.1rem 0.8rem; color: #666; line-height:2.2rem}
.tbl_wrap table tbody tr td:last-child{border-right:none}
.tbl_wrap table tfoot tr th{font-size:1.4rem;padding:1.1rem 0.5rem;border-right:0.1rem solid #ddd;border-bottom:0.1rem solid #ddd; color: #333; background: #f2f8fe;}
.tbl_wrap table tfoot tr td{font-size:1.4rem;border-right:0.1rem solid #ddd;border-bottom:0.1rem solid #ddd;padding:1.1rem 0.5rem; color: #427acd; background: #f2f8fe;}

.tbl_wrap table.schedule_tb tbody tr th{background:#fff;font-weight: normal; color: #666;}
.tbl_wrap table.schedule_tb tbody tr td{font-family:'Spoqa Han Sans Neo';}
.tbl_wrap table.schedule_tb tbody tr td, .tbl_wrap table.schedule_tb tfoot tr td{ text-align: right;}
.tbl_wrap table.schedule_tb tbody tr td .sub_txt_01,
.tbl_wrap table.schedule_tb tfoot tr td .sub_txt_01{ display: inline-block; margin-right: 0.6rem;}
.tbl_wrap table.word_break th,
.tbl_wrap table.word_break td{word-break:break-all;}
.tbl_wrap table.schedule_tb.word_break td{padding:1.1rem .6rem 1.1rem .3rem}
.tbl_wrap table.center_tb tbody td{text-align:center !important}
.tbl_wrap .left_tb thead th{color:#666;font-weight:600;}
.tbl_wrap .left_tb tbody th{background:#eee;color:#666;font-family:'NotoKrR';line-height:2.2rem}
.tbl_wrap .left_tb tbody td{padding:1.1rem 1.3rem}
.tbl_wrap .title_line{position:relative}
.tbl_wrap .title_line th,
.tbl_wrap .title_line td{text-align:center;}
.tbl_wrap .title_line tbody td{padding:1rem .3rem}
.tbl_wrap .title_line thead th,
.tbl_wrap .title_line tbody th{font-weight:normal;}
.tbl_wrap .title_line th.first_tit{font-size:1.1rem;position:relative}
.tbl_wrap .title_line thead th{height:4.7rem}
.tbl_wrap .title_line th.first_tit.right:after{content:'';display:inline-block;width:118%;height:.1rem;background:#ddd;position:absolute;transform:rotate(32deg);left:-.6rem;top:2.2rem}
.tbl_wrap .title_line th.first_tit.right span{position:absolute;right:.3rem;top:.2rem;line-height:1.1rem}
.tbl_wrap .title_line th.first_tit.left{position:absolute;background:transparent;top:2.5rem;left:.3rem;border:none;padding:0;height:auto}
.tbl_wrap .tb_top_txt{text-align:right;font-size:1.3rem;color:#999;line-height:2rem;margin-bottom:0.5rem}
.tbl_wrap .ver_top{vertical-align:top;}

.option_list + .tbl_wrap{margin-top:2.4rem}
.tbl_wrap ~ .tbl_wrap{margin-top:1.6rem}
.tbl_wrap .rate_tb thead th{line-height:2rem;padding:.9rem .6rem}
.tbl_wrap .rate_tb .product_tit{display:flex;justify-content:space-between;margin-bottom:.8rem;}
.tbl_wrap .rate_tb .product_tit .tit{padding-right:1rem;text-align:left}
.tbl_wrap .rate_tb .product_tit .btn_wrap{text-align:right;flex-shrink:0;}
.tbl_wrap .rate_tb .product_tit .btn_wrap button{vertical-align:top;}
.tbl_wrap .rate_tb .btn_sm_type01{width:100%}
.tbl_wrap .rate_tb tbody td{padding:1.1rem 1.1rem}
.tbl_wrap .rate_tb td a{color:#666}
.tbl_wrap table.tac tbody tr td{text-align:center}
.rate_tb th,.rate_tb td{text-align:center}
.tb_scroll{overflow-x:scroll}
.tb_scroll .rate_tb{width:68rem}
.inter_compare_wrap{margin-top:2.4rem;position:relative}
.btn_compare{position:absolute;width:8rem;height:8rem;border-radius:100%;background:rgba(229,241,253,80%);color:#0873e4;box-shadow:0 .3rem 1rem 0 rgba(0, 0, 0, 0.25);bottom:2rem;right:1.5rem;font-size:1.4rem;line-height:2rem;font-family:'NotoKrB';text-align:center}
.btn_compare.on{position:fixed;bottom:10rem;right:3.5rem}

/*range slider*/
.range_wrap{padding-top:2.4rem;}
.range_wrap .slider .tooltip.bs-tooltip-top{margin-top:-2.5rem}
.range_wrap .slider .tooltip.bs-tooltip-bottom{margin-bottom:-2.5rem}
.range_wrap .slider .bs-tooltip-top .tooltip-inner,
.range_wrap .slider .tooltip.bs-tooltip-bottom .tooltip-inner{font-size:1.4rem;color:#427acd}
.range_wrap .minmax_txt{margin-top:.5rem;position:relative}
.range_wrap .minmax_txt span{font-size:1.4rem;color:#0873e4;line-height:2.2rem;}
.range_wrap .minmax_txt .max_age{float:right}
.range_wrap .minmax_txt + .info_txt{margin-top:.8rem}
.range_wrap.range-max-txt .tooltip-main{transform:translateX(-40%)}
.range_wrap.home_size.range-max-longtxt .tooltip-min{transform:translateX(-30%)}
.range_wrap.home_size.range-max-toptxt .tooltip-min{transform:translateX(-100%)}
.range_wrap.home_hold.range-max-longtxt .tooltip-min{transform:translateX(-50%)}
.range_wrap.home_hold.range-max-toptxt .tooltip-min{transform:translateX(-100%)}
.range_wrap.range-max-toptxt .tooltip-min{transform:translateX(-100%)}
.range_wrap.range-max .tooltip-main{transform:translateX(-100%)}
.range_wrap.range-max .min-slider-handle{margin-left:-2rem !important}
.range_wrap .slider-selection{-webkit-border-top-right-radius:0;border-top-right-radius:0;-webkit-border-bottom-right-radius:0;border-bottom-right-radius:0;}

/*chart*/
.chart_wrap{border: 0.1rem solid #ddd;padding:2rem 2rem 2rem 1rem;position:relative}
.chart_wrap text{font-family: 'NotoKrR';font-size: 1.3rem;fill: #999;} 
.chart_wrap .c3 path{stroke:#fff} 
.chart_wrap .c3-axis-y line{stroke:#fff}
.chart_wrap .c3-axis-x line{stroke:#fff}
.chart_wrap.type01 .c3-axis-y .domain{stroke-width: 0px;}
.chart_wrap.type01 .c3-chart-lines .c3-lines{display:none}
.chart_wrap.type01 .c3-chart-bar .c3-shapes path:last-child{stroke:#64b636 !important;fill:#64b636 !important}
.chart_wrap.type01 .c3-chart-bar .c3-shapes path:only-child{stroke:#444f63 !important;fill:#444f63 !important}
.chart_wrap.type01 .c3-axis.c3-axis-x{transform:translateY(22rem);}
.chart_wrap.type01 .c3-axis.c3-axis-x .tick text{font-size:1.4rem;fill:#666;font-family:'NotoKrB';}
.chart_wrap.type01 .c3-circle{r:3 !important}
.chart_wrap.type01 .c3-tooltip{width:auto}

.chart_wrap.type02 .c3-chart-bars g:first-child{transform:translateX(1.2rem)}
.chart_wrap.type02 .c3-chart-bars g:last-child{transform:translateX(-.4rem)}
.chart_wrap.type02 .c3-chart-bars g:first-child .c3-shapes path{stroke:#b4d5f7 !important;fill:#b4d5f7 !important}
.chart_wrap.type02 .c3-chart-bars g:last-child .c3-shapes path{stroke:#e3e5e8 !important;fill:#e3e5e8 !important}
.chart_wrap.type02 .c3-chart-bars g:first-child .c3-shapes path.activeChart{stroke:#0873e4 !important;fill:#0873e4 !important}
.chart_wrap.type02 .c3-chart-bars g:last-child .c3-shapes path.activeChart{stroke:#bbbfc6 !important;fill:#bbbfc6 !important}
.chart_wrap.type02 .c3-axis.c3-axis-x{transform:translateY(11rem);}
.chart_wrap.type02 .c3-axis.c3-axis-x .tick text{fill:#999;}
.chart_wrap.type02 .legend_list{margin-top:-2rem;}
.chart_wrap.type02{padding: 1.8rem .5rem 1.5rem 0rem}
.chart_wrap.type02 .c3-chart-texts .c3-chart-text:nth-child(1){transform:translate(1rem,-.2rem)}
.chart_wrap.type02 .c3-chart-texts .c3-chart-text:nth-child(1) .c3-text{font-size:1.1rem;fill:#0873e4 !important}

.chart_wrap.type03 .c3-axis.c3-axis-x{transform:translateY(19rem);}
.chart_wrap.type03 .c3-axis.c3-axis-x .tick text{font-size:1.1rem;fill:#999;}
.chart_wrap.type03 .c3-shapes .c3-circle{r:3 !important}
.chart_wrap.type03 .legend_list{margin-top:1.2rem;padding-left:1rem}
.chart_wrap.type04{padding:3.2rem 2rem}
.chart_wrap.type04 .c3-axis{display:none}
.chart_wrap.type04 .c3-chart-bar g{position:relative}
.chart_wrap.type04 .c3-chart-bars > g:first-child{transform:translateX(5rem)}
.chart_wrap.type04 .c3-chart-bars > g:last-child{transform:translateX(-5rem)}
.chart_wrap.type04 #chart{position:relative;}
.chart_wrap.type04 #chart:after{content:'VS';font-size:2.2rem;font-family:'NotoKrB';line-height:3rem;color:#bbb;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.chart_wrap.type04 .c3-chart-bars path:after{content:'hi';font-size:1.7rem;width:10rem;height:10rem;transform:translate(10rem,10rem)}
.chart_wrap.type05 .c3-axis.c3-axis-x{transform:translateY(17rem);}
.chart_wrap.type05 .c3-axis.c3-axis-x .tick text{font-size:1.3rem;fill:#666;}
.chart_wrap.type05 .c3-shapes .c3-circle{r:4 !important}
.chart_wrap.type05 .c3-line{stroke-width:.15rem}
.chart_wrap.type05 .legend_list{padding-left:1rem}
.chart_wrap.type05 .year_chart_sm .c3-axis.c3-axis-x{transform:translateY(16.5rem);}
.chart_wrap.type05 .year_chart_sm .c3-axis.c3-axis-x .tick text{font-size:1.2rem;}
.chart_wrap.type05 .c3-tooltip{width:auto}

.chart_wrap.type06 .c3-axis.c3-axis-x{transform:translateY(13.5rem);}
.chart_wrap.type06 .c3-axis.c3-axis-x .tick text{font-size:1.2rem;fill:#666;font-family:'NotoKrM';}
.chart_wrap.type06 .c3-chart-lines g .c3-circle{-webkit-r:2.5 !important;r:2.5 !important}
.chart_wrap.type06 .c3-chart-lines g:last-child .c3-lines{display:none}
.chart_wrap.type06 .c3-chart-lines g:last-child .c3-circle{fill:#ea1c5b !important}
.chart_wrap.type06 .c3-chart-lines g.c3-target-한국부동산원-시세 .c3-circle{display:none}
.chart_wrap.type06 .day_list.active{display:flex}
.chart_wrap.type06 .day_list{display:none;padding-left:5rem;margin-top:-1.2rem}
.chart_wrap.type06 .day_list li{font-size:1.4rem;color:#666;line-height:2rem;width:calc(100% / 4);text-align:center;}
.chart_wrap.type06 .day_list.day03 li{width:calc(100% / 6);}
.chart_wrap.type06 .c3-xgrid-focus{stroke-width:2;}
.chart_wrap.type06 .legend_list{margin-top:-.8rem}
#chart_list .c3-axis.c3-axis-x .tick{display:none}
#chart_list.case01 .c3-axis.c3-axis-x .tick:nth-child(2),
#chart_list.case01 .c3-axis.c3-axis-x .tick:nth-child(5),
#chart_list.case01 .c3-axis.c3-axis-x .tick:nth-child(9),
#chart_list.case01 .c3-axis.c3-axis-x .tick:nth-child(13){display:block}
#chart_list.case02 .c3-axis.c3-axis-x .tick:nth-child(2),
#chart_list.case02 .c3-axis.c3-axis-x .tick:nth-child(10),
#chart_list.case02 .c3-axis.c3-axis-x .tick:nth-child(18),
#chart_list.case02 .c3-axis.c3-axis-x .tick:nth-child(25){display:block}
#chart_list.case03 .c3-axis.c3-axis-x .tick:nth-child(2),
#chart_list.case03 .c3-axis.c3-axis-x .tick:nth-child(9),
#chart_list.case03 .c3-axis.c3-axis-x .tick:nth-child(17),
#chart_list.case03 .c3-axis.c3-axis-x .tick:nth-child(24),
#chart_list.case03 .c3-axis.c3-axis-x .tick:nth-child(30),
#chart_list.case03 .c3-axis.c3-axis-x .tick:nth-child(37){display:block}
.chart_wrap.type06 .c3-ygrids .c3-ygrid:nth-child(1){stroke-width:3;}


.chart_wrap .chart_bub_box{display:flex;margin-bottom:.5rem}
.chart_wrap .chart_bub_box p{flex:1;font-family:'NotoKrB';font-size:1.4rem;text-align:center;line-height:2rem;color:#333;padding:.8rem 0;background:#f2f2f2;border-radius:5rem;position:relative}
.chart_wrap .chart_bub_box p:after{content:'';display:inline-block;position:absolute;border-color:#f2f2f2 transparent transparent transparent;border-top-width:.9rem;border-left-width:.4rem;border-right-width:.4rem;border-style:solid;bottom:-1.2rem;left:50%;transform:translateX(-50%)}
.chart_wrap .chart_bub_box p ~ p{margin-left:3.9rem;}
.chart_wrap .unit_txt{font-size:1.3rem;color:#999;display:block;text-align:right;line-height:2rem;margin-bottom:1.2rem}
.chart_wrap .legend_list{display:flex;justify-content:center;margin-top:2.4rem;flex-wrap:wrap;}
.chart_wrap .legend_list li{font-size:1.4rem;line-height:2.2rem;color:#666;position:relative;padding-left:1.9rem}
.chart_wrap .legend_list li:before{content:'';display:inline-block;width:1.1rem;height:1.1rem;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.chart_wrap .legend_list li.color01:before{background:#444f63}
.chart_wrap .legend_list li.color02:before,
.chart_wrap .legend_list li.color02:after{background:#e6a300}
.chart_wrap .legend_list li.color03:before,
.chart_wrap .legend_list li.color03:after{background:#64b636}
.chart_wrap .legend_list li.color04:before,
.chart_wrap .legend_list li.color04:after{background:#0873e4}
.chart_wrap .legend_list li.color05:before,
.chart_wrap .legend_list li.color05:after{background:#ea1c5b}
.chart_wrap.type02 .legend_list li.color01:before{background:#bbbfc6}
.chart_wrap.type02 .legend_list li.color03:before{background:#0873e4}
.chart_wrap .legend_list li~li{margin-left:2.4rem}
.chart_wrap.type03 .legend_list li{font-size:1.2rem}
.chart_wrap.type03 .legend_list li~li{margin-left:1.2rem}
.chart_wrap.type04 .legend_list{margin-top:0}
.chart_wrap .legend_list li.circle:before{content:'';width:0.8rem;height:0.8rem;border-radius:2rem;left:.4rem}
.chart_wrap .legend_list li.circle:after{content:'';display:inline-block;width:1.6rem;height:.2rem;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.chart_wrap .legend_list li.circle.no_line:after{display:none}
.chart_wrap .bor_btn_wrap{padding-left:1rem;margin-top:3.2rem}
.chart_wrap .bot_info_wrap{margin:3.2rem -2rem 0;border-top:.3rem solid #f7f7f7;padding:2.4rem 4rem 0rem}
.chart_wrap.info_only{padding:1.8rem 4rem}
.chart_wrap .chart_tooltip{background:#f8f8f8;box-shadow:0 .3rem .6rem 0 rgba(0, 0, 0, 0.1);padding:1.2rem;opacity:1;}
.chart_wrap .chart_tooltip dt{font-size:1.4rem;line-height:2.1rem;color:#09233e;font-family:'NotoKrB';}
.chart_wrap .chart_tooltip dd{font-size:1.4rem;line-height:2.1rem;color:#666}
.chart_wrap .chart_tooltip dd .value{color:#0873e4;font-family:'NotoKrB';}
.chart_wrap .chart_tooltip dd ~ dd{border-top:.1rem solid #ddd;margin-top:.4rem;padding-top:.4rem}
.chart_wrap .chart_tooltip dd strong{display:block}
.chart_info_list li{border-bottom:.1rem solid #eee;text-align:center;padding:0 2rem 1.6rem}
.chart_info_list li .tit{font-size:1.4rem;color:#333;line-height:2.2rem;font-family:'NotoKrB';}
.chart_info_list li .chart_info_txt{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:.4rem;}
.chart_info_list li .chart_info_txt p{font-size:1.4rem;color:#666;line-height:2.4rem;text-align:center;min-width:4.6rem}
.chart_info_list li ~ li{margin-top:1.6rem}
.chart_info_list li:last-child{border:none;padding-bottom:0}
.chart_info_list.width_type li{padding:0 0 1.6rem}
.chart_info_list.width_type li:last-child{padding-bottom:.5rem}
.chart_info_list li .chart_info_txt p{width:9rem}
.sub_title_txt + .chart_wrap,
.sub_title_txt + .range_wrap,
.sub_title_txt + .check_area.col01,
.sub_title_txt + .check_log_wrap,
.sub_title_txt + .chbox_wrap{margin-top:2.4rem}

/*map*/
.map_explain_wrap{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;z-index:600}
.map_explain_wrap:after{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.8);}
.map_explain{width:100%;height:100%;overflow:hidden}
.map-explain-slider{width:100%;height:100%}
.map-explain-slider .swiper-wrapper{width:100%;height:100%}
.map-explain-slider .swiper-wrapper .swiper-slide{width:100%;height:100%}
.map-explain-slider .swiper-pagination-bullets{position:absolute;bottom:4.8rem !important;z-index:700}
.explain_cont{width:100%;height:100%;position:relative;z-index:900;padding:0 2rem}
.explain_cont .explain01{display:flex;padding:0 1.4rem;margin-top:5.6rem;position:relative;width:100%}
.explain_cont .box{background:#fff;padding:.6rem;border-radius:.3rem;}
.explain_cont .explain01 .box.box01 .btn_back{background: url('../img/ico_mapheader_back.png') no-repeat 50% 50%/2.4rem auto;display:inline-block;width:2.4rem;height:2.4rem}
.explain_cont .explain01 .box.box02{margin-left:.4rem}
.explain_cont .explain01 .box.box02 .page_tit{font-size:1.6rem;font-family:'NotoKrM';line-height:2.4rem;color:#333}
.explain_cont .explain01 .box.box03{margin-left:.4rem}
.explain_cont .explain01 .box.box03 .btn_home_search{background: url('../img/ico_home_search.png') no-repeat 50% 50%/2.4rem auto;display:inline-block;width:2.4rem;height:2.4rem}
.explain_cont .explain01 .box.box04{background:transparent;position:absolute;top:-3rem;left:5rem}
.explain_cont .explain01 .box.box05{position:absolute;right:1.4rem}
.explain_cont .explain01 .box.box05 .btn_menu_map{background: url('../img/ico_header_menu.png') no-repeat 50% 50%/2.4rem auto;display:inline-block;width:2.4rem;height:2.4rem}
.explain_cont .explain_arr_txt{position:absolute;border:.1rem dotted #3497ff;border-radius:.3rem;display:inline-block;padding:.8rem;color:#fff;font-size:1.3rem;font-family:'NotoKrM';line-height:2rem;text-align:center}
.explain_cont .explain_arr_txt:after{content:'';display:inline-block;position:absolute}
.explain_cont .explain_arr_txt .inner_txt{display:inline-block;margin-top:.8rem}
.explain_cont .explain01 .box.box01 .explain_arr_txt{top:6rem;left:0rem;}
.explain_cont .explain01 .box.box01 .explain_arr_txt:after{width:4.61rem;height:4.61rem;background:url('../img/map_exarr01_01.png') no-repeat 50% 50%/4.61rem auto;top:-4rem;left:-1.5rem}
.explain_cont .explain01 .box.box02 .explain_arr_txt{top:12.5rem;left:.7rem;}
.explain_cont .explain01 .box.box02 .explain_arr_txt:after{width:9.58rem;height:9.58rem;background:url('../img/map_exarr01_02.png') no-repeat 50% 50%/9.58rem auto;top:-9rem;right:-4rem}
.explain_cont .explain01 .box.box03 .explain_arr_txt{top:6.7rem;left:16rem;width:9rem}
.explain_cont .explain01 .box.box03 .explain_arr_txt:after{width:4.34rem;height:4.34rem;background:url('../img/map_exarr01_03.png') no-repeat 50% 50%/4.34rem auto;top:-4rem;right:1rem}
.explain_cont .explain01 .box.box04 .explain_arr_txt{top:19.5rem;right:-7rem;width:12rem}
.explain_cont .explain01 .box.box04 .explain_arr_txt:after{width:13.8rem;height:20rem;background:url('../img/map_exarr01_04.png') no-repeat 50% 50%/13.8rem auto;top:-19rem;right:-3.5rem}
.explain_cont .explain01 .box.box05 .explain_arr_txt{top:27.4rem;right:.5rem;width:15rem}
.explain_cont .explain01 .box.box05 .explain_arr_txt:after{width:1.2rem;height:24.4rem;background:url('../img/map_exarr01_05.png') no-repeat 50% 50%/1.2rem auto;top:-23.8rem;right:1rem}
.explain_cont .explain02{position: relative;width:100%;height:100%}
.explain_cont .explain02 .box{position:absolute}
.explain_cont .explain02 .box.box01{top:11.6rem;left:0}
.explain_cont .explain02 .box.box01 .map_filter{background: url('../img/map_filter_black.png') no-repeat 50% 50%/2.4rem auto;display:inline-block;width:2.4rem;height:2.4rem}
.explain_cont .explain02 .box.box02{top:16.4rem;left:0}
.explain_cont .explain02 .box.box02 .map_guide{background: url('../img/ico_map_guide.png') no-repeat 50% 50%/2.4rem auto;display:inline-block;width:2.4rem;height:2.4rem}
.explain_cont .explain02 .box03{top:24.6rem;left:45%;transform:translateX(-50%);position:absolute;}
.explain_cont .explain02 .box03 .map_pin{background: url('../img/ico_map_pin.png') no-repeat 50% 50%/2.9rem auto;display:inline-block;width:2.9rem;height:3.8rem;margin-left:.2rem}
.explain_cont .explain02 .box04{bottom:12rem;left:.8rem;position:absolute;}
.explain_cont .explain02 .box04 .map_pin02{width:2rem;height:2rem;background:#fff;border-radius:4rem;border:.1rem solid #d00938;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25);display:block}
.explain_cont .explain02 .box04 .map_pin02:before{content:'';display:inline-block;width:1.2rem;height:1.2rem;border-radius:4rem;background:#f91147;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.explain_cont .explain02 .box.box05{right:0;bottom:15.8rem}
.explain_cont .explain02 .box.box05 .map_3d_button{background: url('../img/ico_map_3d.png') no-repeat 50% 50%/2.4rem auto;display:inline-block;width:2.4rem;height:2.4rem}
.explain_cont .explain02 .box.box06{right:0;bottom:11rem}
.explain_cont .explain02 .box.box06 .map_pin_button{background: url('../img/ico_map_loc.png') no-repeat 50% 50%/2.4rem auto;display:inline-block;width:2.4rem;height:2.4rem}
.explain_cont .explain02 .box07{right:0;bottom:23.1rem;width:14rem}
.explain_cont .explain02 .box.box01 .explain_arr_txt{left:7rem;top:0rem;width:17rem}
.explain_cont .explain02 .box.box01 .explain_arr_txt:after{width:4.25rem;height:1.05rem;background:url('../img/map_exarr02_01.png') no-repeat 50% 50%/4.25rem auto;top:50%;transform:translateY(-50%);left:-3.2rem}
.explain_cont .explain02 .box.box02 .explain_arr_txt{left:7rem;top:0rem;width:22rem}
.explain_cont .explain02 .box.box02 .explain_arr_txt:after{width:4.25rem;height:1.05rem;background:url('../img/map_exarr02_01.png') no-repeat 50% 50%/4.25rem auto;top:50%;transform:translateY(-50%);left:-3.2rem}
.explain_cont .explain02 .box03 .explain_arr_txt{left:-14.8rem;top:0rem;width:11.6rem}
.explain_cont .explain02 .box03 .explain_arr_txt:after{width:4.5rem;height:1.05rem;background:url('../img/map_exarr02_02.png') no-repeat 50% 50%/4.5rem auto;top:1rem;right:-3.5rem}
.explain_cont .explain02 .box04 .explain_arr_txt{top:-13.2rem;left:0;width:14rem}
.explain_cont .explain02 .box04 .explain_arr_txt:after{width:1.05rem;height:7.15rem;background:url('../img/map_exarr02_03.png') no-repeat 50% 50%/1.05rem auto;bottom:-7rem;left:.3rem}
.explain_cont .explain02 .box05 .explain_arr_txt{right:7rem;top:0;width:15rem}
.explain_cont .explain02 .box05 .explain_arr_txt:after{width:4.25rem;height:1.05rem;background:url('../img/map_exarr02_02.png') no-repeat 50% 50%/4.25rem auto;top:50%;transform:translateY(-50%);right:-3.2rem}
.explain_cont .explain02 .box06 .explain_arr_txt{right:7rem;top:0;width:16rem}
.explain_cont .explain02 .box06 .explain_arr_txt:after{width:4.25rem;height:1.05rem;background:url('../img/map_exarr02_02.png') no-repeat 50% 50%/4.25rem auto;top:1.5rem;right:-3.2rem}
.explain_cont .explain03{position:relative;width:100%;height:100%}
.explain_cont .explain03 .box01{left:0;top:15%;position:absolute}
.explain_cont .explain03 .box01 .explain_arr_txt{width:21.5rem;right:-22rem;top:-8.6rem}
.explain_cont .explain03 .box01 .explain_arr_txt:after{width:8.62rem;height:7.1rem;background:url('../img/map_exarr03_01.png') no-repeat 50% 50%/8.62rem auto;left:-6.5rem;top:1rem}
.explain_cont .explain03 .box02{position:absolute;right:0;top:15%;width:20.5rem}

.explain_cont .explain04{position:relative;width:100%;height:100%}
.explain_cont .explain04 .box01{padding-top:11.6rem;margin-right:-2rem;margin-left:5rem}
.explain_cont .explain04 .filter_list{width:auto;overflow-x:auto;display:flex;padding-right:2rem}
.explain_cont .explain04 .filter_list li{display:inline-block;flex-shrink:0;}
.explain_cont .explain04 .filter_list li ~ li{margin-left:.4rem}
.explain_cont .explain04 .filter_txt{line-height:3.6rem;padding:0 1rem;font-size:1.4rem;font-family:'NotoKrB';color:#333;background:#fff;border:.1rem solid #333;border-radius:.3rem;}
.explain_cont .explain04 .filter_txt.list01{border:.1rem solid #0873e4}
.explain_cont .explain04 .filter_txt.list01 strong{color:#0873e4}
.explain_cont .explain04 .list_refresh{border:none;position:relative;width:3.6rem;height:3.6rem;border-radius:100%;background:#fff;box-shadow: 0 .3rem 1rem 0 rgba(0, 0, 0, 0.25);}
.explain_cont .explain04 .list_refresh:after{content:'';display:inline-block;width:2.4rem;height:2.4rem;background:url('../img/ico_filter_refresh.png') no-repeat;background-size:2.4rem auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.explain_cont .explain04 .box01 .explain_arr_txt{left:0;width:13rem;top:16.8rem}
.explain_cont .explain04 .box01 .explain_arr_txt:after{width:3.45rem;height:3.75rem;background:url('../img/map_exarr04_01.png') no-repeat 50% 50%/3.45rem auto;top:-3.5rem;left:1rem}
.explain_cont .explain04 .box02{position:absolute;overflow:hidden;width:19rem;right:0;top:16.8rem}
.explain_cont .explain04 .box02 .filter_txt{display:inline-block;background:#fff;padding:0 .8rem;line-height:3.1rem;font-size:1.2rem;box-shadow: 0 .3rem 1rem 0 rgba(0, 0, 0, 0.25);}
.explain_cont .explain04 .box02 .txt{font-size:1.2rem}
.explain_cont .explain04 .box02 .explain04_list{padding-bottom:4rem}
.explain_cont .explain04 .box02 .explain04_list li ~ li{margin-top:1.2rem}
.explain_cont .explain04 .box02 .explain04_list li .txt{margin-top:.4rem;color:#666;word-break:break-all;}
.explain_cont .explain04 .box02 .swiper-pagination-in{left:0;bottom:2.4rem !important}
.explain_cont .explain04 .box02 .swiper-pagination-in span.swiper-pagination-bullet-active{background:#666}

.explain_cont .explain05{position:relative;width:100%;height:100%}
.explain_cont .explain05 .box01{position:absolute;top:19%;left:0}
.explain_cont .explain05 .box01 .explain_arr_txt{width:20.5rem;right:-32rem;bottom:2.5rem}
.explain_cont .explain05 .box01 .explain_arr_txt:after{width:7.75rem;height:5.85rem;background:url('../img/map_exarr05_01.png') no-repeat 50% 50%/7.75rem auto;top:1.5rem;left:-7rem}
.explain_cont .explain05 .box02{position:absolute;right:0;top:17%;width:20.5rem;padding-top:4rem}
.explain_cont .explain06{position:relative;width:100%;height:100%}
.explain_cont .explain06 .map_marker .marker_ico{width:2.4rem;height:2.4rem;position:relative;background:#fff;border-radius:100%;}
.explain_cont .explain06 .box01.map_marker .marker_ico{box-shadow:0 0 .4rem 0 #000;}
.explain_cont .explain06 .box02.map_marker .marker_ico{border:.1rem solid #68caff;}
.explain_cont .explain06 .map_marker .marker_ico:after{content:'';display:inline-block;width:2rem;height:2rem;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;background-size:2rem auto;background-repeat:no-repeat;}
.explain_cont .explain06 .box01.map_marker .marker_ico:after{background-image:url('../img/bank/000.jpg');width:1.8rem;height:1.8rem;background-size:1.8rem auto}
.explain_cont .explain06 .box02.map_marker .marker_ico:after{background-image:url('../img/bank/007.jpg');border-radius:100%;}
.explain_cont .explain06 .box01{position:absolute;left:25%;top:30%}
.explain_cont .explain06 .box02{position:absolute;left:25%;top:45%}
.explain_cont .explain06 .box01 .explain_arr_txt{left:4rem;top:0;width:15rem}
.explain_cont .explain06 .box01 .explain_arr_txt:after{width:3.9rem;height:3.7rem;background:url('../img/map_exarr06_01.png') no-repeat 50% 50%/3.9rem auto;top:-2.2rem;left:-2rem}
.explain_cont .explain06 .box02 .explain_arr_txt{left:4rem;top:0;width:11rem}
.explain_cont .explain06 .box02 .explain_arr_txt:after{width:3.9rem;height:3.7rem;background:url('../img/map_exarr06_01.png') no-repeat 50% 50%/3.9rem auto;top:-2.2rem;left:-2rem}
.explain_cont .map_loc > button{background:#fff}
.explain_cont .map_unit_loc{position:relative}
.explain_cont .map_unit_loc dl dt{background:#e5f6fe}
.explain_cont .map_unit_loc dl dd{background:#fff}
.explain_cont .ex_info_box .map_unit_loc{display:inline-block}
.explain_cont .ex_info_box .map_unit_loc button{width:100%}
.explain_cont .ex_info_box .explain03_list li ~ li{margin-top:2rem}
.explain_cont .ex_info_box .explain03_list li > span{font-size:1.2rem;font-family:'NotoKrM';line-height:2rem;color:#333;display:block;margin-bottom:.5rem}
.explain_cont .ex_info_box{background:#fff;border-radius:.3rem;padding:1.2rem 1rem;position:absolute}
.explain_cont .ex_info_box .map_loc{position:relative;display:flex;justify-content:center;margin-bottom:1.2rem}
.explain_cont .ex_info_box .txt{font-size:1.3rem;font-family:'NotoKrM';color:#333;line-height:2rem}
.explain_cont .ex_info_box .txt01{font-size:1.2rem;font-family:'NotoKrM';color:#666;line-height:1.8rem}
.explain_cont .ex_info_box .txt + .txt01{margin-top:.4rem}
.explain_cont .ex_info_box .explain05_list .map_loc{display:inline-block}
.explain_cont .ex_info_box .explain05_list li ~ li{margin-top:1.2rem}
.explain_cont .ex_info_box .explain05_list li.flex_type{display:flex}
.explain_cont .ex_info_box .explain05_list li.flex_type .txt{padding-left:.8rem}
.explain_cont .ex_info_box .explain05_list li .txt{font-size:1.2rem}
.explain_cont .ex_info_box .bot_txt{font-size:1.1rem;font-family:'NotoKrM';color:#0873e4;line-height:1.5rem}
.map_ex_close{display:inline-block;width:4.4rem;height:4.4rem;border:.1rem solid #fff;border-radius:100%;position:absolute;bottom:3.2rem;right:3rem;z-index:700}
.map_ex_close:after{content:'';display:inline-block;width:2.4rem;height:2.4rem;background:url('../img/ico_mapex_close.png') no-repeat;background-size:2.4rem auto;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}


.map_header{top:2.8rem;left:2rem;right:2rem;height:5.2rem;width:auto;background:#fff;padding:0 5.6rem;box-shadow: 0 .3rem 2rem 0 rgba(0, 0, 0, 0.25);display:flex;align-items:center;text-align:left}
.map_header h1.page_tit{font-size:1.6rem;font-family:'NotoKrM';line-height:5.2rem;width:auto;margin:0;}
.map_header .btn_back{left:.5rem}
.map_header .btn_menu{right:.5rem}
.map_header .btn_home_search{display:inline-block;width:4.8rem;height:4.8rem;background:url('../img/ico_home_search.png') no-repeat 50% 50%;background-size:2.4rem auto;margin-left:.2rem;flex-shrink:0;}
.spec_info_wrap{display:flex}
.spec_info_wrap .item{font-size:1.1rem;color:#fff;width:auto;height:2.3rem;line-height:2.3rem;padding:0 .8rem;border-radius:1.4rem;display:inline-block;margin-left:0}
.spec_info_wrap .item ~ .item{margin-left:.4rem}
.spec_info_wrap .item.spec01{background:#fa1248}
.spec_info_wrap .item.spec02{background:#fc8118}
.spec_info_wrap .item.spec03{background:#64b636}
.map_header .spec_info_wrap{position:absolute;top:-1.7rem}
.map_header .spec_info_wrap .tool_box{position:fixed;width:calc(100% - 4rem);left:2rem;top:auto;margin-top:3rem}
.map_header .spec_info_wrap .tool_box .sub_txt_wrap + .etc_title{margin-top:2.4rem;display:block}
.tool_box .etc_title.sp01{color:rgba(248, 17, 71, .8)}
.tool_box .etc_title.sp02{color:rgba(252, 129, 24, .8)}
.tool_box .etc_title.sp03{color:rgba(98, 179, 53, .8)}

.map_cont{padding:0 !important;min-height:auto;height:calc(100vh - 6.2rem)}
.map_cont .map{width:100%;height:100%;position:relative}

.map_filter_wrap{padding-left:2rem;position:fixed;top:9rem;z-index:95;width:100%}
.map_filter_wrap button.filter{display:inline-block;width:3.6rem;height:3.6rem;background:#000;position:relative;border-radius:.3rem;box-shadow:0 .3rem .6rem 0 rgba(0, 0, 0, 0.25);}
.map_filter_wrap button.filter:after{content:'';display:inline-block;width:2.4rem;height:2.4rem;background:url('../img/ico_map_filter.png') no-repeat;background-size:2.4rem auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.map_filter_wrap .map_filter{display:flex;}
.map_filter_wrap .width_wrap{margin-left:1.4rem;width:calc(100% - 5rem)}
.map_filter_wrap .map_filter .filter_list{width:auto;overflow-x:auto;display:flex;padding-right:2rem}
.map_filter_wrap .map_filter .filter_list li{display:inline-block;flex-shrink:0;}
.map_filter_wrap .map_filter .filter_list li ~ li{margin-left:.4rem}
.map_filter_wrap .map_filter .filter_list li button{line-height:3.6rem;display:block;padding:0 1rem;font-size:1.4rem;font-family:'NotoKrB';color:#333;background:#fff;border:.1rem solid #333;border-radius:.3rem;}
.map_filter_wrap .map_filter .filter_list li.list01 button{border:.1rem solid #0873e4}
.map_filter_wrap .map_filter .filter_list li.list01 button strong{color:#0873e4}
.map_filter_wrap .map_filter .filter_list li.list02 button{border:.1rem solid #f91248}
.map_filter_wrap .map_filter .filter_list li.list02 button strong{color:#f91248}
.map_filter_wrap .map_filter .filter_list li.list03 button{border:.1rem solid #4e2aea}
.map_filter_wrap .map_filter .filter_list li.list03 button strong{color:#4e2aea}
.map_filter_wrap .map_filter .filter_list li.list_refresh{margin-left:.8rem}
.map_filter_wrap .map_filter .filter_list li.list_refresh button{border:none;position:relative;width:3.6rem;height:3.6rem;border-radius:100%;background:#fff;}
.map_filter_wrap .map_filter .filter_list li.list_refresh button:after{content:'';display:inline-block;width:2.4rem;height:2.4rem;background:url('../img/ico_filter_refresh.png') no-repeat;background-size:2.4rem auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.map_filter_wrap .map_guide{display:inline-block;width:3.6rem;height:3.6rem;background:#fff;border-radius:.3rem;box-shadow:0 .3rem .6rem 0 rgba(0, 0, 0, 0.25);position:absolute;top:4.8rem}
.map_filter_wrap .map_guide:after{content:'';display:inline-block;width:2.4rem;height:2.4rem;background:url('../img/ico_map_guide.png') no-repeat;background-size:2.4rem auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.filter_popup{position:absolute;width:calc(100% - 4rem);background:#fff;margin-top:1.2rem;border-radius:.3rem;box-shadow: 0 .3rem 1rem 0 rgba(0, 0, 0, 0.25);z-index:100;}
.filter_popup .filter_full.scroll{height:calc(100vh - 25rem);overflow-y:auto}
.filter_popup .filter_full .filter_content ~ .filter_content{border-top:.1rem solid #eee}
.filter_popup .filter_tit_wrap{position:relative;padding:1.2rem 5rem 1.2rem 2rem}
.filter_popup .filter_tit_wrap .tit{font-size:1.4rem;font-family:'NotoKrB';line-height:1.8rem;color:#09233e}
.filter_popup .filter_tit_wrap .tit .circle_txt{font-size:1.3rem;color:#333;line-height:2.6rem;border:.1rem solid #ddd;border-radius:1.8rem;display:inline-block;margin-left:1rem;padding:0 1.2rem 0 3.4rem;position:relative}
.filter_popup .filter_tit_wrap .tit .circle_txt:before{content:'';display:inline-block;width:2rem;height:2rem;background:url('../img/ico_filter_conversion.png') no-repeat;background-size:2rem auto;position:absolute;left:1rem;top:0;bottom:0;margin:auto 0}
.filter_popup .filter_tit_wrap .tit .pro_txt{color:#666}
.filter_popup .filter_tit_wrap .filter_refresh{display:inline-block;width:2rem;height:2rem;background:url('../img/ico_filter_refresh.png') no-repeat;background-size:2rem auto;position:absolute;right:2rem;top:0;bottom:0;margin:auto 0}
.filter_popup .filter_cont_wrap{border-top:.1rem solid #eee}
.filter_popup .filter_cont_wrap .filter_cont_inner{padding:2.4rem 2rem}
.filter_cont_wrap .product_division dl{display:flex;}
.filter_cont_wrap .product_division dl dt{font-size:1.4rem;font-family:'NotoKrB';line-height:2rem;color:#666;flex-shrink:0;padding-right:1.2rem;margin-top:.8rem}
.filter_cont_wrap .range_wrap + .filter_input_wrap{margin-top:2.4rem}
.filter_cont_wrap .filter_input_wrap{display:flex;flex-wrap:wrap;margin-left:-.8rem;margin-top:-.8rem}
.filter_cont_wrap .filter_input_wrap.width_type .filter_box_input{width:calc(100%/6 - .8rem)}
.filter_cont_wrap .filter_input_wrap.width_type .filter_box_input.line_col02{width:calc(100%/3 - .8rem)}
.filter_cont_wrap .filter_input_wrap.width_type .filter_box_input label{padding:0;width: 100%}
.filter_cont_wrap .filter_input_wrap.width_type.col05 .filter_box_input{width:calc(100%/5 - .8rem)}
.filter_cont_wrap .filter_input_wrap.width_type.col05 .filter_box_input.line_col02{width:calc(100%/2.5 - .8rem)}
.filter_cont_wrap .filter_input_wrap.width_type.col04 .filter_box_input{width:calc(100%/4 - .8rem)}
.filter_cont_wrap .filter_input_wrap.width_type.col04 .filter_box_input.line_col02{width:calc(100%/2 - .8rem)}
.filter_cont_wrap .filter_box_input{margin-left:.8rem;margin-top:.8rem}
.filter_cont_wrap .filter_box_input input{overflow:hidden;display:inline-block;position:absolute;z-index:-1;border:0;width:0.1rem;height:0.1rem;clip:rect(0.1rem, 0.1rem, 0.1rem, 0.1rem);clip-path:inset(50%);}
.filter_cont_wrap .filter_box_input label{font-size:1.4rem;color:#333;text-align:center;font-family:'NotoKrM';line-height:3.6rem;height:3.6rem;display:inline-block;border:.1rem solid #ddd;border-radius:.3rem;padding:0 1rem}
.filter_cont_wrap .filter_box_input input:checked + label{background:#ddd;font-family:'NotoKrB';}
.filter_cont_wrap .product_division dl ~ dl{margin-top:2rem}
.filter_popup .filter_pop_close{width:100%;height:4.4rem;background:#f7f7f7 url('../img/ico_arrow_up.png') no-repeat 50% 50%/2rem auto}

.map_footer{display:flex;position:fixed;bottom:0;height:6.2rem;background:#fff;z-index:90;width:100%}
.map_footer button{flex:1;font-size:1.1rem;color:#333;display:block;text-align:center;height:100%;padding:4rem 0 .8rem;background-repeat:no-repeat;background-size:2.4rem auto;background-position:50% 1rem;}
.map_footer button.foot01{background-image:url('../img/ico_foot_proinfo.png');}
.map_footer button.foot02{background-image:url('../img/ico_foot_info.png');}
.map_footer button.foot03{background-image:url('../img/ico_foot_home.png');}
.map_footer button.foot04{background-image:url('../img/ico_foot_myinfo.png');}

.map_pin{display:inline-block;width:2rem;height:2.6rem;background:url('../img/ico_map_pin.png') no-repeat 50% 50%/2rem 2.6rem;position:fixed;z-index:90;}
.now_map{display:inline-block;width:2rem;height:2rem;background:#fff;border-radius:4rem;border:.1rem solid #d00938;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25);position:fixed;z-index:90;display:block}
.now_map:before{content:'';display:inline-block;width:1.2rem;height:1.2rem;border-radius:4rem;background:#f91147;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.map_location{display:inline-block;width:3.6rem;height:3.6rem;background:#fff;border-radius:.3rem;box-shadow: 0 .3rem .6rem 0 rgba(0, 0, 0, 0.25);position:fixed;bottom:11rem;right:2rem;z-index:90}
.map_location:after{content:'';display:inline-block;width:2.4rem;height:2.4rem;background:url('../img/ico_map_loc.png') no-repeat;background-size:2.4rem auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.map_3d{display:inline-block;width:3.6rem;height:3.6rem;background:#fff;border-radius:.3rem;box-shadow: 0 .3rem .6rem 0 rgba(0, 0, 0, 0.25);position:fixed;bottom:15.8rem;right:2rem;z-index:90}
.map_3d:after{content:'';display:inline-block;width:2.4rem;height:2.4rem;background:url('../img/ico_map_3d.png') no-repeat;background-size:2.4rem auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}

.map_loc{position:fixed;z-index:90}
.map_loc > button{display:flex;height:3rem;background:rgba(255,255,255,0.8);padding:0 .8rem;position:relative;z-index:90;box-sizing:border-box;border-radius:1rem;box-shadow: 0 .3rem 1rem 0 rgba(0, 0, 0, 0.3);align-items:center;}
/*
.map_loc > button:after{content:'';display:inline-block;position:absolute;border-color:#fff transparent transparent transparent;border-top-width:.6rem;border-left-width:.5rem;border-right-width:.5rem;border-style:solid;bottom:-.9rem;left:50%;transform:translateX(-50%)}
.map_loc > button:before{content:'';display:inline-block;position:absolute;border-top-width:.8rem;border-left-width:.7rem;border-right-width:.7rem;border-style:solid;bottom:-1.2rem;left:50%;transform:translateX(-50%)}
*/
.map_loc > button:after{content:'';display:inline-block;position:absolute;width:.7rem;height:.7rem;border-right:.2rem solid #0873e4;border-bottom:.2rem solid #0873e4;background:#fff;left:50%;margin-left:-.4rem;bottom:-.6rem;transform:rotate(45deg);}
.map_loc > button strong{font-size:1.1rem;font-family:'NotoKrB';}
.map_loc.loc01 > button{border:.2rem solid #0873e4;}
.map_loc.loc01 > button strong{color:#0873e4}
.map_loc.loc01 > button:after{border-color:#0873e4;}
.map_loc.loc02 > button{border:.2rem solid #ea1c5b;}
.map_loc.loc02 > button:after{border-color:#ea1c5b;}
.map_loc.loc02 > button strong{color:#ea1c5b}
.map_loc.loc03 > button{border:.2rem solid #4e2aea;}
.map_loc.loc03 > button:after{border-color:#4e2aea;}
.map_loc.loc03 > button strong{color:#4e2aea}
.map_loc.loc04 > button{border:.2rem solid #f4646a;}
.map_loc.loc04 > button:after{border-color:#f4646a;}
.map_loc.loc04 > button strong{color:#f4646a}
.map_loc.loc05 > button{border:.2rem solid #67ba10;padding:0 .4rem}
.map_loc.loc05 > button:after{border-color:#67ba10;}
.map_loc.loc05 > button strong{display:inline-block;width:2.2rem;height:2.2rem;background:url('../img/ico_map_officetel.png') no-repeat 50% 50%/2.2rem auto;position:relative;z-index:91}
.map_loc.active button{border-top:.4rem solid #0873e4}
/* .map_loc.active button:after{border-right:.3rem solid #0873e4;border-bottom:.3rem solid #0873e4;bottom:-.7rem;} */
.map_loc.loc01.active button,
.map_loc.loc01.active > button:after{background:#e5f6fe}
.map_loc.loc02.active button{border-top:.4rem solid #ea1c5b;background:#ffe8ef}
.map_loc.loc02.active > button:after{background:#ffe8ef}
.map_loc.loc03.active button{border-top:.4rem solid #4e2aea;background:#efebff}
.map_loc.loc03.active > button:after{background:#efebff}
.map_loc.loc04.active button{border-top:.4rem solid #f4646a}
.map_loc.loc05.active button{border-top:.4rem solid #67ba10;background:#e6f8d9}
.map_loc.loc05.active > button:after{background:#e6f8d9}

.map_loc > button span{margin-left:.4rem;display:inline-block;color:#333;font-family:'NotoKrB';}
.map_loc > button .money{font-size:1.4rem;line-height:1.8rem;}
.map_loc > button .date{font-size:1.1rem;}
.map_loc .ico_info{display:flex;position:absolute;top:-1.6rem;left:0;z-index:1000}
.map_loc .ico_info span{height:1.8rem;line-height:1.7rem;font-size:1rem;font-family:'NotoKrB';padding:0 .2rem;color:#fff;display:inline-block;border-radius:1.1rem;}
.map_loc .ico_info span ~ span{margin-left:.1rem}
.map_loc .ico_info span.info01{background:#ff6263;border:.1rem solid #f04d4e}
.map_loc .ico_info span.info02{background:#4ba7f5;border:.1rem solid #3c99e8}
.map_loc .ico_info span.info03{background:#f7a14a;border:.1rem solid #e6933e}

.map_unit_loc{position:fixed;z-index:90;box-shadow: 0 .3rem 1rem 0 rgba(0, 0, 0, 0.3);border-radius:.5rem;}
.map_unit_loc button{box-sizing:border-box;border-radius:.5rem;border:.1rem solid #fff;position:relative}
.map_unit_loc button:after{content:'';display:inline-block;position:absolute;border-top:.8rem solid transparent;border-right:.8rem solid #fff;transform:rotate(45deg);bottom:-.5rem;margin-left:-.2rem;left:50%}
.map_unit_loc dl dt{background:rgba(229,246,254,0.8);padding:.4rem .7rem .4rem;font-size:1.1rem;text-align:left;font-family:'NotoKrB';position:relative;line-height:1.5rem;border-top-left-radius:.5rem;border-top-right-radius:.5rem;display:flex;align-items:center;color:#333}
.map_unit_loc dl dt .circle{font-size:1rem;font-weight:700;font-family:'Spoqa Han Sans Neo';line-height:1.5rem;margin-left:.4rem;border-radius:.8rem;padding:0 .8rem}
.map_unit_loc dl dd{display:flex;padding:.5rem .7rem;font-size:1.1rem;font-family:'NotoKrB';line-height:1.5rem;background:rgba(255,255,255,0.8)}
.map_unit_loc dl dd strong{display:inline-block;margin-right:.4rem}
.map_unit_loc dl dd span{display:inline-block;color:#333}
.map_unit_loc dl dd span:after{content:'';display:inline-block;width:.1rem;height:.8rem;background:#dedede;vertical-align:middle;margin:0 .4rem}
.map_unit_loc dl dd span:last-child:after{display:none}
.map_unit_loc dl dt:before{content:'';display:inline-block;width:1.5rem;height:1.5rem;background-repeat:no-repeat;background-size:1.5rem auto;position:absolute;left:.7rem;top:0;bottom:0;margin:auto 0}
/*.map_unit_loc.unit01 dl dt:before{background-image:url('../img/ico_mapbuild_blue.png');}*/
.map_unit_loc.unit01 dl dt .circle{color:#2e8dbc;background:#b4e6ff}
.map_unit_loc.unit02 dl dt{background:rgba(255,232,239,0.8);}
.map_unit_loc.unit02 dl dt .circle{color:#d36386;background:#ffcedd}
/* .map_unit_loc.unit02 dl dt:before{background-image:url('../img/ico_mapbuild_red.png');} */
.map_unit_loc.unit03 dl dt{background:rgba(239,235,255,0.8);}
.map_unit_loc.unit03 dl dt .circle{color:#6859b2;background:#d4ccfa}
/* .map_unit_loc.unit03 dl dt:before{background-image:url('../img/ico_mapbuild_pur.png');} */
.map_unit_loc.unit01 dd strong{color:#0873e4}
.map_unit_loc.unit02 dd strong{color:#ea1c5b}
.map_unit_loc.unit03 dd strong{color:#4e2aea}
.map_unit_loc.apart dl dt{background:#f4f4fb;text-align:center;font-size:1.4rem;color:#333;padding:.4rem 0;justify-content:center;}
.map_unit_loc.active{border:.3rem solid #0873e4;border-radius:.8rem;}
.map_unit_loc.active button:after{bottom:-.5rem;z-index:90}
.map_unit_loc.active button:before{content:'';display:inline-block;position:absolute;border-top:1rem solid transparent;border-right:1rem solid #0873e4;transform:rotate(45deg);bottom:-.9rem;margin-left:-.33rem;left:50%;}

.map_marker{position:fixed;}
/* .map_marker > button{width:2.5rem;height:2.5rem;border-radius:.3rem;border:.1rem solid #bbb;background:#fff;box-shadow:0 .3rem .6rem 0 rgba(0, 0, 0, 0.16);margin-left:0;padding:.3rem} */
/* .map_marker > button .img{background-repeat:no-repeat;background-size:1.8rem auto;background-position:50% 50%;display:inline-block;width:1.8rem;height:1.8rem} */
.map_marker > button{width:2.4rem;height:2.4rem;background:none;margin-left:0;position:relative}
.map_marker > button .img{background-repeat:no-repeat;background-size:1.8rem auto;background-position:50% 50%;display:inline-block;width:1.8rem;height:1.8rem;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.map_marker.bank > button .img{border-radius: 100%;}
.map_marker.bank.active > button{border:.2rem solid #68caff;border-radius:100%;background:#fff}
.map_marker.hf > button{background-color:#fff;border-radius:100%;box-shadow:0 0 .4rem 0 #000;}
.map_tool{width:auto;position:fixed;padding-right:2rem;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 8rem)}
.map_tool .tit{font-size:1.4rem;font-family:'NotoKrB';color:#111;line-height:2rem;display:block;padding-right:2.5rem}
.map_tool .tit + .map_tooltxt,
.map_tool .tit + .scroll{margin-top:.8rem}
.map_tool .scroll{max-height:calc(100vh - 25rem);overflow-y:scroll;}
.map_tooltxt .txt{font-size:1.4rem;color:#666;line-height:2.2rem;}
.map_tooltxt .phone_num{display:flex}
.map_tooltxt .phone_num dt,
.map_tooltxt .phone_num dd,
.map_tooltxt .phone_num a{font-size:1.4rem;line-height:2.2rem;color:#666}
.map_tooltxt .phone_num a{color:#333}
.map_tooltxt .phone_num dd{margin-left:.4rem}
.map_tooltxt ~ .map_tooltxt{margin-top:1.6rem}
.map_tooltxt .product_cont{margin-top:.8rem}
.map_tooltxt .product_cont .goods_txt{font-size:1.4rem;line-height:2.2rem;color:#0873e4;}
.map_tooltxt .product_cont .poss_txt{font-size:1.4rem;line-height:2.2rem;color:#666;}
.map_tooltxt .product_cont .poss_txt .spec01{color:#ea1c5b}
.map_tooltxt .product_cont .poss_txt .spec02{color:#4e2aea}
.map_tooltxt .dash_list{margin-top:.8rem}
.map_tooltxt .dash_list li{color:#666;}
.map_tooltxt .dash_list li ~ li{margin-top:0}
.map_tooltxt .dash_list li:before{background:#666}
.map_tooltxt .dash_list.branch_type > li{color:#333;font-family:'NotoKrM';}
.map_tooltxt .dash_list.branch_type li ~ li{margin-top:1.2rem}
.map_tooltxt .dash_list.branch_type li:before{background:#333}

.map_pop_tooltxt .txt{font-size:1.6rem;color:#666;line-height:2.4rem;}
.map_pop_tooltxt .txt.dark{color:#333}
.map_pop_tooltxt .txt.bold{font-family:'NotoKrB';}
.map_pop_tooltxt .tit{font-family:'NotoKrM';color:#333}
.map_pop_tooltxt .txt.small{font-size:1.4rem}
.map_pop_tooltxt .norm_info_top *{color:#333 !important}
.map_pop_tooltxt .product_cont{margin-top:.8rem}
.map_pop_tooltxt .product_cont .goods_txt{font-size:1.6rem;line-height:2.4rem;color:#666;}
.map_pop_tooltxt .product_cont .poss_txt{font-size:1.6rem;line-height:2.4rem;color:#666;}
.map_pop_tooltxt .product_cont .poss_txt .spec01{color:#666}
.map_pop_tooltxt .product_cont .poss_txt .spec02{color:#666}
.map_pop_tooltxt .phone_num{display:flex}
.map_pop_tooltxt .phone_num dt,
.map_pop_tooltxt .phone_num dd,
.map_pop_tooltxt .phone_num a{font-size:1.6rem;line-height:2.4rem;color:#666}
.map_pop_tooltxt .phone_num a{font-family:'Spoqa Han Sans Neo';font-weight:500;}
.map_pop_tooltxt .phone_num dd{margin-left:.4rem}
.map_pop_tooltxt .dash_list{margin-top:.8rem}
.map_pop_tooltxt .dash_list li{color:#666;font-size:1.6rem;line-height:2.4rem}
.map_pop_tooltxt .dash_list li ~ li{margin-top:0}
.map_pop_tooltxt .dash_list li:before{background:#666;top:1.2rem}
.map_pop_tooltxt .dash_list.branch_type{margin-top:1.2rem}
.map_pop_tooltxt .dash_list.branch_type li{color:#333;}
.map_pop_tooltxt .dash_list.branch_type li strong{font-family:'NotoKrM';}
.map_pop_tooltxt .dash_list.branch_type li .norm_info{margin-top:.4rem}
.map_pop_tooltxt .dash_list.branch_type li ~ li{margin-top:1.2rem}
.map_pop_tooltxt .dash_list.branch_type li:before{background:#333}
.map_pop_tooltxt ~ .map_pop_tooltxt{margin-top:2.4rem}

.map_loc .btn_tool{width:auto;margin-left:0}

.pop_map_cont{margin-top:-2.4rem}

.house_top_info{display:flex;align-items:center;}
.house_top_info .house_title .circle_txt{font-size:1.3rem;line-height:2.7rem;color:#0873e4;background:rgba(8,115,228,0.1);padding:0 1rem;border-radius:1.4rem;display:inline-block;margin-right:1.2rem}
.house_top_info .house_title .circle_txt.cir_color02{color:#3fad59;background:rgba(100,182,54,0.1)}
.house_top_info .house_title{font-size:1.6rem;line-height:2.4rem;color:#333;font-family:'NotoKrB';}

.map_tab_wrap{width:100%;margin-top:3.2rem}
.map_tab_wrap > ul{display:flex;width:100%;background:#efefef;border:.1rem solid #f8f8f8;border-radius:2.6rem;overflow:hidden;}
.map_tab_wrap > ul li{flex:1}
.map_tab_wrap > ul li a{display:block;width:100%;text-align:center;height:5.2rem;line-height:5.2rem;font-size:1.4rem;font-family:'NotoKrB';color:#999;}
.map_tab_wrap > ul li.on a{color:#fff;background:#09233e;border-radius:2.5rem;box-shadow: 0 .3rem .6rem 0 rgba(0, 0, 0, 0.16);}
.map_tab_wrap.fixed{width:calc(100% - 4rem);margin-top:0;z-index:20;position:fixed;top:5.2rem;}
.map_tab_wrap.fixed > ul{box-shadow:0 .3rem .6rem 0 rgba(0, 0, 0, 0.05);}
.map_tab_wrap.fixed > ul li a{height:3.2rem;line-height:3.2rem}
.map_tab_wrap .map_tab_info{display:none;background:#fff;border:.1rem solid #ddd;box-shadow:0 .3rem .6rem 0 rgba(0, 0, 0, 0.03);border-radius:.6rem;margin-top:.4rem;position:relative}
.map_tab_wrap .map_tab_info:before{content:'';display:inline-block;background:#fff;position:absolute;width:calc(100% + 4rem);left:-2rem;top:-5rem;height:7rem;z-index:-10;}
.map_tab_wrap .map_tab_info .acc_content{padding:0;border:none;}
.map_tab_wrap .map_tab_info .acc_btn{margin-left:0;border:none;padding:1.4rem}
.map_tab_wrap .map_tab_info .acc_btn:after{left:0;margin:auto}
.map_tab_info .accordion.active .tab_info{padding-bottom:0}
.map_tab_wrap .map_tab_info .tab_info{padding:1.2rem 1.6rem;display:flex;}
.map_tab_wrap .map_tab_info .tab_info > ul{flex:1}
.map_tab_wrap .map_tab_info .tab_info > ul > li{display:flex;}
.map_tab_wrap .map_tab_info .tab_info > ul > li ~ li{border-top:.1rem solid #eee;margin-top:.8rem;padding-top:.8rem}
.map_tab_wrap .map_tab_info .tab_info button{font-size:1.4rem;font-family:'NotoKrB';color:#0873e4;background:#e5f1fd;border:.1rem solid #cee5fb;border-radius:.6rem;margin-left:2.2rem;padding:0 1.4rem}
.map_tab_wrap .map_tab_info dl{flex:1;}
.map_tab_wrap .map_tab_info dl ~ dl{margin-left:2rem}
.map_tab_wrap .map_tab_info dl dt{font-size:1.2rem;font-family:'NotoKrM';color:#333;line-height:1.7rem}
.map_tab_wrap .map_tab_info dl dd{font-size:1.4rem;line-height:2rem;margin-top:.4rem;color:#666}
.map_tab_wrap .map_tab_info dl dd.price{font-family:'NotoKrB';color:#333}

.house_info_wrap .top_etc{display:flex;justify-content:space-between;}
.house_info_wrap .top_etc .btn_wrap{text-align:right;}
.house_info_wrap .top_etc .btn_wrap button{width:2.4rem;height:2.4rem;background-size:2.4rem auto}
.house_info_wrap .top_etc .btn_wrap button.h_like{background-image:url('../img/ico_maphouse_like.png');}
.house_info_wrap .top_etc .btn_wrap button.h_map{background-image:url('../img/ico_maphouse_map.png');}
.house_info_wrap .top_etc .btn_wrap button ~ button{margin-left:1.2rem}
.house_info_wrap .top_etc + .house_info{margin-top:2.4rem}
.house_info_wrap .house_info{padding-bottom:2.4rem;margin-bottom:1.6rem;border-bottom:.1rem solid #eee}
.house_info_wrap .house_info dt{font-size:1.6rem;font-family:'NotoKrB';line-height:2.4rem;color:#333}
.house_info_wrap .house_info dd{font-size:1.4rem;line-height:2rem;color:#666;margin-top:.8rem}
.condition_cont_wrap{margin-top:4.8rem}
.condition_cont_wrap .condition_cont ~ .condition_cont{margin-top:2.4rem}
.condition_cont .source_txt{text-align:right;margin-bottom:.8rem;display:block}
.condition_cont .source_txt a{font-size:1.2rem;line-height:1.7rem;color:#666;}
.condition_cont .sub_title + .condition_box{margin-top:2rem}
.condition_cont .condition_box{background:#f8f8f8;padding:2rem;display:flex;flex-direction:column;position:relative}
.condition_cont .condition_box .title_wrap{display:flex}
.condition_cont .condition_box .title_wrap .sub_title{margin-bottom:0}
.condition_cont .condition_box .title_wrap .source_txt{margin-left:.8rem;align-self:flex-end;margin-bottom:0}
.condition_cont .condition_box .convert_txt{align-self:flex-end;display:inline-block;height:2.6rem;line-height:2.4rem;font-size:1.3rem;color:#333;padding:0 1.2rem 0 3.2rem;border:.1rem solid #ddd;border-radius:1.8rem;background:url('../img/ico_condition_conversion.png') no-repeat top 50% left 1rem/2rem auto;position:absolute;right:2rem;top:2rem}
.condition_cont .condition_box .convert_txt + .feet_list{margin-top:2rem}
.condition_cont .condition_box .feet_list{background:#fff;box-shadow:0 .3rem .6rem 0 rgba(0, 0, 0, 0.05);border-radius:.3rem;padding:1.2rem}
.condition_cont .condition_box .feet_list ul{display:flex;overflow-y:hidden;overflow-x:auto;}
.condition_cont .condition_box .feet_list ul li{flex-shrink:0;}
.condition_cont .condition_box .feet_list ul li ~ li{padding-left:1.2rem;}
.condition_cont .condition_box .feet_list ul li button.on{color:#0873e4}
.condition_cont .condition_box .feet_list ul li button{font-size:1.2rem;line-height:1.8rem;color:#666;}
.condition_cont .condition_box .feet_list + .condition_txt{margin-top:2.4rem}
.condition_cont .condition_box .condition_txt{display:flex;}
.condition_cont .condition_box .condition_txt dl{display:flex;align-items:center;position:relative;flex-wrap:wrap;}
.condition_cont .condition_box .condition_txt dl:after{content:'';display:inline-block;width:.1rem;height:60%;background:#dedede;position:absolute;right:-.9rem;top:.6rem}
.condition_cont .condition_box .condition_txt dl:last-child:after{display:none}
.condition_cont .condition_box .condition_txt dl dt{font-size:1.4rem;line-height:2rem}
.condition_cont .condition_box .condition_txt dl dt.cond01{color:#0873e4}
.condition_cont .condition_box .condition_txt dl dt.cond02{color:#ea1c5b}
.condition_cont .condition_box .condition_txt dl dd{font-size:1.6rem;line-height:2.4rem;color:#333;font-family:'NotoKrB';margin-left:.8rem}
.condition_cont .condition_box .condition_txt dl ~ dl{margin-left:1.7rem}

.comm_lookup_cont .title + .sub_title{margin-top:3.2rem}

.condition_wrap{margin-top:4.8rem}
.condition_wrap .title + .check_area{margin-top:3.2rem}
.pop_modal .condition_wrap{text-align:left;margin-top:0}
.pop_modal .condition_wrap .check_area .sub_title_txt{font-size:1.2rem;line-height:1.7rem}
.pop_modal .condition_cont_wrap{border-top:.1rem solid #eee;padding-top:1.6rem;margin-top:1.6rem}
.pop_modal .condition_cont .condition_box .feet_list + .condition_txt{margin-top:1.6rem}
.pop_modal .condition_cont .condition_box .convert_txt{align-self:flex-start;position:static}
.pop_modal .condition_cont .condition_box .condition_txt{justify-content:space-between;}
.pop_modal .condition_cont .condition_box .condition_txt dl{text-align:right}
.pop_modal .condition_cont .condition_box .condition_txt dl dt{color:#333}
.pop_modal .condition_cont_wrap .condition_cont ~ .condition_cont{margin-top:2.4rem}
.pop_modal .condition_cont .sub_title + .condition_box{margin-top:1.6rem}

.chart_condition_wrap{margin-top:4.8rem}
.chart_condition_wrap .title_wrap .tab_wrap{margin-top:3.2rem}
.chart_condition_wrap .title_wrap .tab_wrap.box_type li a{height:4rem;line-height:4rem}
.chart_condition_wrap .chart_cont .depth01{border:none}
.chart_condition_wrap .chart_cont .depth01 li{flex:0}
.chart_condition_wrap .chart_cont .depth01 li ~ li{margin-left:1rem}
.chart_condition_wrap .chart_cont .depth01 li a:before{display:none}
.chart_condition_wrap .chart_cont .depth01 li a{width:5.5rem;height:3.2rem;line-height:3.2rem;border:.1rem solid #d5d5d5;border-radius:1.6rem;font-size:1.3rem;color:#767676;font-family:'NotoKrM';}
.chart_condition_wrap .chart_cont .depth01 li.on a{background:none;border:.1rem solid #0873e4;color:#0873e4;box-shadow:none;}
.chart_condition_wrap .chart_cont{margin-top:2.4rem;}
.chart_condition_wrap .chart_cont .chart_wrap{margin-top:2rem}
.chart_condition_wrap .chart_cont .legend_list .color04:before{display:none}

.btn_type_apply .btn{background:#0361c4;border-radius:.6rem;color:#fff;font-family:'NotoKrB';border:none;}
.btn_type_apply .btn span{position:relative;display:inline-block;padding-left:2.3rem;}
.btn_type_apply .btn span.icon01:before{content:'';display:inline-block;width:1.6rem;height:1.6rem;background:url('../img/ico_write.png') no-repeat 50% 50%/1.6rem auto;position:absolute;left:0;top:.3rem}

.my_info_list.map_product_faq > li .tit button{padding-right:4.5rem}
.map_product_faq > li .acc_content{padding-top:1.2rem;margin-bottom:2rem}
.product_desc_bg{padding:2rem;background:#f8f8f8}
.map_product_info .tbl_wrap thead th{color:#666}
.map_product_info{margin-bottom:2.4rem;padding:2rem;border:.1rem solid #ddd;border-radius:.6rem;box-shadow:0 .3rem .6rem 0 rgba(0, 0, 0, 0.16);overflow:hidden}
.map_product_info .product_title_wrap{background:#f5faff;margin:-2rem;padding:2rem}
.map_product_info .product_title_wrap .title{position:relative;padding-left:3.2rem}
.map_product_info .product_title_wrap .title:before{content:'';display:inline-block;width:2.8rem;height:2.8rem;position:absolute;left:0;background-repeat:no-repeat;background-size:2.8rem auto}
.map_product_info:nth-child(1) .product_title_wrap .title:before{background-image:url('../img/ico_mappro01.png');}
.map_product_info:nth-child(2) .product_title_wrap .title:before{background-image:url('../img/ico_mappro02.png');}
.map_product_info:nth-child(3) .product_title_wrap .title:before{background-image:url('../img/ico_mappro03.png');}
.map_product_info .top_mort_info + .top_mort_info{margin-top:2rem}
.map_product_info .section.bor_top_full{margin:2.4rem 0 0;padding:4.8rem 0 0 !important}
.map_product_info .section.bor_top_full.share{padding-top:2.4rem !important;margin-top:4.8rem}
.map_product_info .section h3.title{font-size:1.8rem}
.map_product_info .result_wrap{padding:2rem 0}
.map_product_info .result_wrap .name{padding:0 1.5rem 2rem 1.5rem}
.map_product_info .result_wrap .tit + .box_cont{padding:2rem 1.5rem 0}
.map_product_info .result_wrap.info_only{padding:2rem 1.5rem}
.map_product_info .sub_bot_txt .map_plus_ico{color:#000;display:inline-block;margin-left:.2rem;padding-left:1.6rem;background:url('../img/ico_plus.png') no-repeat 0 .5rem;background-size:1.2rem auto}
.map_product_info .pub_price_wrap .title_wrap.flex_type{align-items:center}
.map_product_info .pub_price_wrap .title_wrap.flex_type .sub_title{margin-bottom:0}
.map_product_info .pub_price_wrap .title_wrap.flex_type .input_chechk label{font-size:1.3rem;padding-left:2.8rem}
.map_product_info .pub_price_wrap .title_wrap.flex_type .input_chechk label:before{width:2.2rem;height:2.2rem;background-size:2.2rem auto}
.map_product_detail.active > .btn_sub_wrap{display:none}
.map_product_detail .map_proacc_close{position:fixed;left:0;width:100%;bottom:0;z-index:20;background:#fff;padding:1.2rem 2rem 1.2rem}
.map_product_detail .map_proacc_close.on{position:static;margin-top:4.8rem;background:none;padding:0}
.map_product_detail .map_proacc_close button{display:block;width:100%;background:#eee;height:5.7rem;text-align:center;font-size:1.6rem;color:#111;font-family:'NotoKrB';border:none}
.map_product_detail .mp_pro_btn{text-align:center;border-bottom:.1rem solid #bbb;font-size:1.4rem}
.map_product_detail .mp_pro_btn:after{display:none}
.map_product_detail .acc_content{border:none;padding:0}
.top_mort_info .result_wrap + .sub_bot_txt + .result_wrap{margin-top:1.6rem}

.tool_wrap.reg_tit .title{display:inline;word-break:break-all;}
.tool_wrap.reg_tit .tool_box .sub_txt_wrap + .etc_title{margin-top:2.4rem;display:block}
.reg01{color:#fa1248}
.reg02{color:#fc8118}
.reg03{color:#64b636}
.pro_cont_tb thead th{padding-bottom:1rem}
.pro_cont_tb thead th .cir_txt{font-size:1.3rem;font-family:'NotoKrM';line-height:2rem;padding:.2rem 1rem;background:#eee;border-radius:1.4rem;display:inline-block;text-align:center}
.pro_cont_tb tbody th{text-align:left;font-size:1.4rem;color:#666;line-height:2.4rem;font-weight:400}
.pro_cont_tb tbody td{text-align:center;font-size:1.4rem;color:#333;font-family:'Spoqa Han Sans Neo';font-weight:400;line-height:2.4rem;border-right:.1rem solid #eee}
.pro_cont_tb tbody td:last-child{border:none}

html.big .header h1.page_tit{padding-right:3rem}
html.big .cirbox_wrap{padding:2rem}
html.big .title_wrap.flex_type .box_btn_wrap button{padding:0 .5rem;font-size:1.2rem}
html.big .chart_wrap.type01 svg{height:27rem !important}
html.big .chart_wrap.type01 .c3-axis.c3-axis-x{-webkit-transform:translateY(20.5rem);transform:translateY(20.5rem);}
html.big .chart_wrap.type02 svg{height:20rem !important}
html.big .chart_wrap.type02 .c3-chart-bars g:first-child{-webkit-transform:translateX(1.1rem);transform:translateX(1.1rem);}
html.big .chart_wrap.type02 .c3-chart-bars g:last-child{-webkit-transform:translateX(-0.35rem);transform: translateX(-0.35rem);}
html.big .chart_wrap.type02 .c3-axis.c3-axis-x{-webkit-transform:translateY(10.5rem);transform:translateY(10.5rem);}
html.big .chart_wrap.type02 .legend_list{margin-top:-1.5rem}
html.big .chart_wrap.type03 .c3-axis.c3-axis-x{transform:translateY(17.5rem);}
html.big .chart_wrap.type05 .c3-axis.c3-axis-x{transform: translateY(15rem);}
html.big .chart_wrap.type05 svg{height:23rem !important}


@media (max-width:450px){
	
	html.big .tool_wrap .tool_pad .btn_tool{right:0}	

	.chart_wrap.type06 .day_list.day03 li{font-size:1.3rem;word-break:break-all;padding:0 .3rem}
	.tb_scroll .schedule_tb{width:50rem}
	.tbl_wrap.tb_scroll .title_line{width:60rem}
	.main-thumb{right:auto;max-width:40rem;}
	.gray_result.area_type{justify-content:space-between;}
	.gray_result.area_type:after{display:block}
	.gray_result.area_type dl:first-child{padding-right:0}
}

@media (max-width:400px){
	.tb_scroll{overflow-x:scroll}			
	.tool_wrap .tool_pad .btn_tool{right:0}	
	.pop_modal.max{max-width:inherit !important;min-width:inherit !important;transform:translate(0,-50%) !important;left:3rem;right:3rem}

	html.big .link_myinfo button ~ button{margin-left:1.4rem}
	html.big .link_myinfo button{font-size:1.3rem}
	html.big .txt_cont .keeper_img .keep02{left:2rem;bottom:2.7rem}
	html.big .txt_cont .keeper_img .keep03{right:2rem;bottom:2.7rem}
}

@media (max-width:360px){
	.hf_service_area .inner ul{margin-left:-.7rem}
	.hf_service_area .inner li ~ li{}

	.calc_tooltxt_wrap .case strong, 
	.calc_tooltxt_wrap .case span{font-size:1.2rem;margin-top:0}
	.calculate_wrap .tool_wrap.full .tool_box{padding-right:5rem}
	.radio_wrap.col04 > li ~ li,
	.radio_wrap.col04 > div ~ div{margin-left:1.8rem}
	.radio_type_btn01 li label {padding:1.1rem 0}
	
	.tool_wrap .tool_pad label{padding-right:2.5rem;word-break:break-all;}
	.tool_wrap .tool_pad .btn_tool{position:absolute;top:.3rem;right:0}

	.txt_cont .keeper_img .keep01{transform:translateX(-48%)}
	.txt_cont .keeper_img .keep02{bottom:3.1rem;left:2.2rem}
	.txt_cont .keeper_img .keep03{bottom:3.1rem;right:2.2rem}

	.result_wrap.house .info_area .top_info.just_type .circle_color_info span ~ span{margin-left:.4rem}

	.chart_wrap.type05 .c3-axis.c3-axis-x .tick text{font-size:1.2rem;fill:#666;}

	.condition_cont .condition_box .condition_txt dl:after{content:'';display:inline-block;width:.1rem;height:60%;background:#dedede;position:absolute;right:-.9rem;top:.6rem}
	.condition_cont .condition_box .condition_txt dl ~ dl{margin-left:1.2rem}

	.map_tab_wrap .map_tab_info dl ~ dl{margin-left:1.2rem}
	.map_tab_wrap .map_tab_info button{margin-left:1rem}
	
	.pub_price_wrap .title_wrap.flex_type.office{display:block}
	.pub_price_wrap .title_wrap.flex_type.office .input_chechk{margin-top:.8rem}

	.faq_circle_wrap{margin-left:-.8rem}

	.gray_result.area_type dl{flex-wrap:nowrap;}
	.gray_result.area_type dl:first-child{padding-right:1.5rem}

	.mort_wrap.type04 .mort_img_wrap{z-index:8}
	.mort_wrap.type04 .mort_img_wrap .coin03,
	.mort_wrap.type04 .mort_img_wrap .coin04{z-index:9 !important}
	.mort_wrap.type04 .mort_img_wrap *{z-index:8 !important}

	.tab_wrap.overx_type ul li a{padding:1rem 1.5rem}

	.explain_cont .explain04 .box02{right:-.5rem}
	.explain_cont .explain03 .box02{right:-1rem}

	html.big .calculate_wrap{padding:2rem 1.5rem}
	html.big .coupon_wrap .ico_day{top:1.5rem}
	html.big .coupon_wrap dd{max-width:21.5rem}
	
	html.big .link_myinfo{justify-content:left;margin-top:-.5rem;margin-left:-1.5rem;padding-left:2rem}	
	html.big .link_myinfo button ~ button{margin-left:0}
	html.big .link_myinfo button{font-size:1.4rem;margin-left:1.5rem !important;margin-top:.5rem}
	html.big .link_myinfo button:after{display:none}

	html.big .txt_cont .keeper_img .keep01{top:1.5rem}	
	html.big .txt_cont .keeper_img .keep02{left:1.7rem;bottom:2.5rem}
	html.big .txt_cont .keeper_img .keep03{right:1.7rem;bottom:2.5rem}
}

@media (max-width:320px){	
	.hf_service_area .inner{padding:1.2rem .8rem 1.2rem 2rem}
	
	.input_cover .input_area input::placeholder{font-size:1.6rem}
	.input_cover .input_area input::-webkit-placeholder{font-size:1.6rem}
	.input_cover.cost .input_area .inp_cost{transform: translateY(-58%);}

	.input_cover.search .input_area .input_txt{line-height:4.4rem}
	.input_cover.inp_between .input_area{flex:auto;width:calc(100%/2 - 2rem)}

	.header h1.page_tit{padding-right:3rem}

	.link_list li{padding:0 3.5rem 0 2.5rem;}
	.main_header .logo{left:2rem;transform:translateX(0);top:1.5rem}

	.hf_service_area .inner strong{flex-shrink:1;line-height:2rem}

	.cirbox_wrap{padding:2rem 1.8rem}
	.cirbox_wrap .circle_area div{width:9rem;height:9rem;padding-top:2rem}
	.cirbox_wrap .circle_area div p{font-size:1.2rem}
	.cirbox_wrap .circle_area div strong{font-size:1.6rem;margin-top:0}
	.cirbox_wrap .circle_area div strong em{font-size:1.8rem}
	.cirbox_wrap .circle_area:after{width:3.5rem;height:3.5rem;background-size:3.5rem}
	.cirbox_wrap .stat_txt{margin-top:2rem}

	.calculate_wrap{padding:2rem 1.8rem}
	.calculate_wrap .calculate_area .left .fount p{font-size:1.6rem;line-height:2.4rem}
	.calculate_wrap .calculate_area .right{width:10rem;height:10rem;padding-top:2.8rem}
	.calculate_wrap .calculate_area .right p{font-size:1.2rem}
	.calculate_wrap .calculate_area .right .per{font-size:1.8rem;line-height:2.5rem;}
	.calculate_wrap .tool_wrap.full .tool_box{padding:3.3rem 1rem 2rem}
	.calculate_wrap .tool_wrap.full .tool_box .btn_tool_close{top:1rem;right:1rem}	

	.coupon_wrap .ico_day{font-size:1.1rem;height:2.4rem;line-height:2.4rem;top:1.5rem;right:1.8rem}

	.etc_title + .radio_wrap.col04{margin-top:.8rem}
	.radio_wrap.col04 > li,
	.radio_wrap.col04 > div{flex-basis:50%;margin-top:1rem}
	.radio_wrap.col04 > li ~ li,
	.radio_wrap.col04 > div ~ div{margin-left:0;}
	.radio_type_btn01 li label {font-size:1.2rem}

	.tool_wrap .tool_pad .btn_tool{position:absolute;right:0}

	.result_wrap.info_only{padding:2rem 1.5rem}

	.chart_wrap.type02 .legend_list{margin-top:-2.5rem}
	.chart_wrap.type02 .c3-axis.c3-axis-x .tick text{font-size:1.2rem}

	.txt_cont .keeper_img .keep01{top:1.3rem;transform:translateX(-48%)}
	.txt_cont .keeper_img .keep02{bottom:2.5rem;left:1.5rem}
	.txt_cont .keeper_img .keep03{bottom:2.5rem;right:1.5rem}
	
	.my_info_list.flex_type > li .tit .circle{font-size:1.1rem;padding:.2rem .8rem;margin-right:.4rem}
	.my_info_list.flex_type > li .tit{font-size:1.6rem}

	.pop_selectbet_wrap .pop_select_wrap ~ .pop_select_wrap{padding-left:3rem}

	.link_myinfo{justify-content:left;margin-top:-.5rem;margin-left:-1.5rem;padding-left:2rem}	
	.link_myinfo button ~ button{margin-left:0}
	.link_myinfo button{margin-left:1.5rem !important;margin-top:.5rem}
	.link_myinfo button:after{display:none}

	.result_wrap.house .info_area .top_info.just_type .circle_color_info span ~ span{margin-left:0;margin-top:.8rem}
	.result_wrap.house .info_area .bot_info .loan_info dl ~ dl{margin-left:.5rem}

	.box_btn_wrap button{padding:0 .7rem;font-size:1.2rem}
	.box_btn_wrap button ~ button{margin-left:.6rem}		

	.chart_wrap.type05 .c3-axis.c3-axis-x{transform:translateY(16rem);}
	.chart_wrap.type05 .c3-axis.c3-axis-x .tick text{font-size:1.1rem !important;fill:#666;}
	.chart_wrap.type05 .legend_list li ~ li{margin-left:1.2rem}
	.chart_wrap.type05 .legend_list li{font-size:1.2rem}

	.chart_wrap.type06 .day_list li{font-size:1.2rem}

	.chart_info_list li .chart_info_txt p{width:6rem}

	.condition_cont .condition_box .condition_txt dl:after{content:'';display:inline-block;width:.1rem;height:60%;background:#dedede;position:absolute;right:-.9rem;top:.7rem}
	.condition_cont .condition_box .condition_txt dl ~ dl{margin-left:1.7rem}	
	
	.pop_modal .condition_cont .condition_box .condition_txt dl{text-align:left;margin-left:1.5rem}
	.pop_modal .condition_cont .condition_box .condition_txt dl dd{margin-left:0}
	
	.pub_price_wrap .title_wrap.flex_type{display:block}
	.pub_price_wrap .title_wrap.flex_type .input_chechk{margin-top:.8rem}

	.product_map_wrap{padding:2rem 0}
	
	.mort_wrap.type01 .mort_img_wrap .loan01{width:17rem;background-size:17rem auto}

	.tab_wrap.overx_type ul li a{padding:1rem}

	.condition_cont .condition_box .condition_txt dl:after{right:0rem;height:80%}
	.condition_cont .condition_box .condition_txt dl dd{margin-left:0;width:100%}

	.gray_result.area_type dl{flex-wrap:wrap;}
	.gray_result.area_type dd{text-align:left}

	/* .mort_wrap.type01:after{background-size:22rem auto;height:25rem;right:-4rem;top:4.5rem} */

	html.big .select_wrap .select_btn button:after{right:0}
	html.big .cirbox_wrap{padding:2rem 1.6rem}	
	html.big .tab_wrap.box_type.big .depth01 a{padding:1.6rem 1.2rem}

	html.big .txt_cont .keeper_img span{font-size:1.3rem}
	html.big .txt_cont .keeper_img .keep01{top:1.1rem}	
	html.big .txt_cont .keeper_img .keep02{left:1.3rem;bottom:2rem}
	html.big .txt_cont .keeper_img .keep03{right:1.3rem;bottom:2rem}

	html.big .input_cover.inp_triple .input_txt{padding:1.5rem 0.5rem !important}
	html.big .quest_info_wrap .qa_btn_wrap{float:none;margin-top:1rem}

	html.big .title_wrap.flex_type .box_btn_wrap button{font-size:1.1rem}
}

@media (max-width:300px){
	.cirbox_wrap{padding:2rem 1.5rem}
	.cirbox_wrap .circle_area div{width:8.5rem;height:8.5rem;padding-top:1.5rem}
	.cirbox_wrap .circle_area:after{width:3rem;height:3rem;background-size:3rem}
	.cirbox_wrap .stat_txt{font-size:1.6rem}
	.cirbox_wrap .stat_txt strong{font-size:1.8rem}
	
	.calculate_wrap{padding:2rem 1.5rem}
	.calculate_wrap .calculate_area{align-items:center;}
	.calculate_wrap .calculate_area .left .fount p{font-size:1.4rem;line-height:2.2rem}
	.calculate_wrap .calculate_area .right{width:8.5rem;height:8.5rem;padding-top:2rem}
	.calculate_wrap .calculate_area .right p{font-size:1.1rem}
	.calculate_wrap .calculate_area .right .per{font-size:1.8rem;line-height:2.4rem;margin-top:0}
	.calculate_wrap .calculate_area .left .ex_txt{font-size:1.2rem}
	.calculate_wrap .calculate_area:after{width:2rem;height:2rem;background-size:2rem auto}
	.calc_tooltxt_wrap .result{padding-left:2.5rem}

	.calendar_wrap th, .calendar_wrap td{height:3.8rem}
	.calendar_wrap td span{width:2.9rem;line-height:2.9rem}

	.txt_cont .keeper_img span{font-size:1.2rem}
	.txt_cont .keeper_img .keep01{top:1rem;transform:translateX(-48%)}
	.txt_cont .keeper_img .keep02{bottom:1.9rem;left:1.3rem}
	.txt_cont .keeper_img .keep03{bottom:1.9rem;right:1.3rem}

	.chart_info_list li .chart_info_txt p{width:5rem}
	
	.box_btn_wrap button{padding:0 .5rem;font-size:1rem}

	.quest_info_wrap .qa_btn_wrap{float:none;margin-top:1rem}

	html.big .cirbox_wrap{padding:2rem 1rem}
	html.big .btn_mid_type02{line-height:normal}
	html.big .title_wrap.flex_type .box_btn_wrap button{font-size:1.2rem;height:auto;line-height:1.8rem;padding:.5rem}
}

@media (max-height:660px){
	.explain_cont .explain03 .ex_info_box{padding:.5rem 1rem 1rem}
	.explain_cont .explain03 .ex_info_box .explain03_list li ~ li{margin-top:1.3rem}
}

@media (max-height:690px){	
	.explain_cont .explain04 .box01{padding-top:7.6rem}
	.explain_cont .explain04 .box02{top:12.8rem}
	.explain_cont .explain04 .box01 .explain_arr_txt{top:12.8rem}
}