@charset "utf-8";

.sub_loan > section + section{margin-top: 50px;}

.loan_top{background-color: var(--gray); padding: 25px 0;}
.loan_menu_wrap{display: flex; gap: 10px;}

/* *************************************** 왼쪽 *************************************** */
.loan_left{width: 40%; max-width: 400px;}

/* ============= 1) 서브 상단 디자인 1안 ============= */
.loan_left .loan_banner_box{position: relative;}
.loan_left .loan_banner_box::before{position: absolute; top: -1.5rem; left: -10px; width: 220px; aspect-ratio: 100/27;
background-image: url("../img/label/banner_label_01.png"); background-position: center; background-size: contain; background-repeat: no-repeat; content:""; display: block; clear: both; z-index: 10;}

.loan_banner{position: relative; background-color: #fff; border: 1px solid #eee; height: 270px;}
.loan_banner li{position: relative; padding-top: 2rem;}
.loan_banner a{display: flex; align-items: center; flex-direction: column; height: 100%; justify-content: space-between;}
.loan_banner a > div{padding: 1rem; text-align: center; width: 100%;}
.loan_banner li .title{font-size: 1.3rem; font-weight: 600; letter-spacing: -0.04em;line-height: 1.3; margin-bottom: 1rem;}
.loan_banner li .title b{color: var(--color-basic);}
.loan_banner li .text{ line-height: 1.25;}
.loan_banner li .text > b { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.25; height: 2.5em; word-break: keep-all;}
.loan_banner li .text > span{display: block; margin-top: 1rem;}
.loan_banner li .text > span i{color: var(--color-basic);}
.loan_banner li .name{display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #eee; padding: 1rem; font-size: 0.9rem; font-weight: 500; width: 100%;}
.loan_banner li .name .label{margin-right: 0.25rem;}
.loan_banner li .name > span{color: #999;}
.loan_banner .swiper-pagination{width: fit-content; height: fit-content; left: initial; right: 1rem; top: 1rem;}

.loan_banner .no_data {display: flex ; padding: 1rem; text-align: center; align-items: center; justify-content: center; flex-direction: column; width: 100%; min-height: 230px;}
.loan_banner .btn{display: block; height: initial !important; margin-top: 10px;}
.loan_banner .no_data_title{font-size: 1.1em; line-height: 1.25; color: #999;}

/* ============= 2) 서브 상단 디자인 2안 ============= */
.loan_left .list_pre{width: 100%;}
.loan_left .list_pre .ul_cube{margin-top: 0;}
.loan_left .list_pre .ul_cube li{width: calc(50% - 5px);}

/* *************************************** 오른쪽 *************************************** */
.loan_right{flex: 1; min-width: 60%; z-index: 100;}
.loan_right > div + div{margin-top: 10px;}

.loan_left > p, .loan_right > p, .wide_top > p{line-height: 1.5rem; font-size: 0.85rem; color: #999; font-weight: 500; margin-bottom: 0.5rem;}
.loan_menu{display: grid; grid-template-columns: repeat(9,1fr); border-top: 1px solid #eee; border-right: 1px solid #eee;}
.loan_menu a{position: relative; display: flex; height: 135px; align-items: center; justify-content: center; border-left: 1px solid #eee; border-bottom: 1px solid #eee; background-color: #fff; flex-direction: column;}
.loan_menu a::after{position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; border: 1px solid var(--color-basic); opacity:0; content:""; display: block; clear: both; z-index: 1;}

.loan_menu .img {position: relative; width: 60%; max-width: 50px; aspect-ratio: 1/1;}
.loan_menu .img img{position: absolute; top:0; left: 0; width: 100%; display: block;}
.loan_menu .text {text-align: center;}
.loan_menu .text b{display: block; font-weight: 600; letter-spacing: -0.02em; margin-top: 0.75rem; font-size: 0.95rem;}
.loan_menu .text span{display: block; font-size: 0.8rem; color: #999; margin-top: 0.25rem;}

.loan_menu li.on a::after, .loan_menu a:hover::after{opacity: 1; transition-duration: 100ms;}
.loan_menu li.on .icon_up, .loan_menu a:hover .icon_up{opacity: 0; transition-duration: 100ms;}
.loan_menu a:hover b{color: var(--color-basic); transition-duration: 100ms;}

.loan_right .design_02{margin-top: 10px;}
.menu_banner a > img{display: block; width: 100%;}
.loan_menu li.on a::after{opacity: 1;}

/* 스페셜 대출업체 색배경 */
#special_store{position: relative; margin-top: 0; padding-top: 25px; z-index: 1;}
#special_store::before{position: absolute; top: 0; left: 0; right: 0; height: 240px; background-color: var(--gray); content:""; display: block; clear: both; z-index: -1;}

/* 페이지 번호 + 검색 */
.list_bottom{margin-top: 50px; margin-bottom: 50px;}
.paging{justify-content: center; gap: 1rem; color: #aaa;}
.paging .current{font-weight: 600; color: #000;}
.list_bottom > fieldset{border: 2px solid var(--color-basic); padding: 5px 10px; border-radius: 1.5em; max-width: 480px; margin-left: auto; margin-right: auto; margin-top: 50px;font-size: 0.9rem;}
.list_bottom > fieldset > form{display: flex; gap: 5px; align-items: center;}
.list_bottom > fieldset > form > select{width: 25%; min-width: 80px; background-color: transparent; border: none;}
.list_bottom > fieldset input[type="text"]{flex: 1; background-color: transparent; border: none;}
.list_bottom > fieldset > form > select + input{width: 60%;}

.list_bottom > fieldset > form > button{width: 2em; text-align: center; color: var(--color-basic);}


/* *************************************** 지역별 *************************************** */
#area_loan .loan_left{margin-top: 2rem;}
#area_loan .loan_right > p{text-align: right;}


/* *************************************** 상품별 *************************************** */
#goods_loan .loan_top.design_01 .loan_menu_wrap{flex-direction: row-reverse;}
#goods_loan .loan_right > p{margin-top: 0.5rem;}

/* ============= 1) 상품별 디자인 1안 ============= */


/* ============= 2) 상품별 디자인 2안 ============= */
#goods_loan .loan_top.design_02 .loan_banner_box{height: calc(100% - 5.5rem); margin-top: 2rem;}
.loan_top.design_02 .loan_left > p{margin-top: 0.5rem;}
.loan_top.design_02 .loan_banner{height: 100%;}
.loan_top.design_02 .loan_banner li{padding-top: 3.5rem;}
.loan_top.design_02 .loan_banner li a{height: 100%;}


/* *************************************** 실시간 디자인 *************************************** */
#contact_loan{}
#contact_loan .loan_top.design_01 .wrap{display: flex; justify-content: space-between; align-items: center; gap: 10px;}
#contact_loan .loan_top .wrap > div > p{margin-top: 0.5rem;}
#contact_loan #long_ad{margin-top: 0;}

/* ============= 1) 실시간 디자인 1안 ============= */
#contact_loan .loan_top.design_01 .wide_top, #contact_loan .loan_top.design_01 .wide_bot{display: none;}
#contact_loan .loan_top.design_01 .loan_left, #contact_loan .loan_top.design_01 .loan_right{display: block;}
#contact_loan .loan_top fieldset form{border-bottom: 2px solid var(--color-basic);}
#contact_loan .loan_top fieldset form input{width: calc(100% - 2rem); border: none; background-color: transparent;}
#contact_loan .loan_top fieldset i{color: var(--color-basic);}

.contact_menu_all{padding: 20px; background-color: #fff; border: 1px solid #eee;}
.contact_menu_all fieldset{width: 100%; margin-bottom: 1rem;}
.contact_menu_all fieldset form{width: 60%; margin: 0 auto;}

.contact_menu_wrap{display: flex; gap: 10px;}
.contact_menu_wrap a{display: block; padding: 10px 8px; border: 1px solid #eee; letter-spacing: -0.02em;}
.contact_menu_wrap a:hover, .contact_menu_wrap li.on a{border-color: var(--color-basic); color: var(--color-basic);}
.contact_menu_wrap a b{font-weight: 600;}
.contact_menu_wrap a span{display: block; font-size: 0.9rem; color: #999;}

.contact_menu_1{width: 25%;}
.contact_menu_1 li:first-child a{display: block; background-color: var(--color-basic); color: #fff; text-align: center; word-break: keep-all;}
.contact_menu_1 li + li{margin-top: 10px; text-align: right;}
.contact_menu_1 li a{display: flex; align-items: center; justify-content: space-between;}
.contact_menu_1 li span{margin-top: 0.25rem;}
.contact_menu_1 .img {position: relative; width: 30%; max-width: 50px; aspect-ratio: 1/1;}
.contact_menu_1 .img img{position: absolute; top:0; left: 0; width: 100%; display: block;}
.contact_menu_1 li.on .icon_up, .contact_menu_1 a:hover .icon_up{opacity: 0; transition-duration: 100ms;}

.contact_menu_2{display: grid; flex: 1; grid-template-columns: repeat(3, 1fr); gap: 10px;}
.contact_menu_2 a span{float: right;}


/* ============= 2) 실시간 디자인 2안 ============= */
#contact_loan .loan_top.design_02 .wide_top, #contact_loan .loan_top.design_02 .wide_bot{display: block;}
#contact_loan .loan_top.design_02 .loan_left, #contact_loan .loan_top.design_02 .loan_right{display: none;}

.wide_top .count_box{display: flex; padding: 20px; background-color: #fff; border: 1px solid #eee; gap: 20px;}
.wide_top .count_box li{flex:1; display: flex; align-items: center; justify-content: space-around;}
/*.wide_top .count_box li:last-of-type{ flex: none; width:24%; }*/
.wide_top .count_img{width: 45%; max-width: 70px;}
.wide_top .count_img img{display: block; width: 100%;}
.wide_top .count_num > span{display: block; margin-bottom: 0.25em; font-size: 0.95em; font-weight: 500;}
.wide_top .count_num > b{font-size: 2em; font-weight: 800; letter-spacing: -0.02em; color: var(--color-basic);}
.wide_top .count_num > b > span{display: inline-block; margin-left: 0.25em; font-weight: 600; font-size: 0.6em; color: #333;}

.wide_bot{margin-bottom: 1rem;}
.wide_bot_search{display: flex; align-items: center; justify-content: space-between; margin: 10px auto; gap: 10px;}
.wide_menu_1{width: 10%; display: block;}
.wide_menu_2{width: 90%;}
.wide_bot .contact_menu_wrap a{display: flex; flex-direction: row; justify-content: space-between; align-items: center; height: auto; border: none; border-left: 1px solid #eee; border-bottom: 1px solid #eee;}
.wide_bot .loan_menu .text b{margin-top: 0; font-size: 13px;}
.wide_bot .loan_menu .img{width: 25%;}
.wide_bot_search fieldset{flex: 1; max-width: 360px;}

#contact_loan .ul_time li.notice{background-color: var(--gray);}
.numcategory{display: inline-block;}
.numcategory > span{display: inline-block; width: 3rem; text-align: center;}
.numcategory > span.num{}
.numcategory > span.num i{color: var(--color-basic);}
.numcategory > span.category{}



/* *************************************** 뷰페이지 *************************************** */
.loan_view_wrap{background-color: var(--gray); padding: 25px 0; padding-bottom: 60px;}
.loan_view{display: flex; gap: 1rem;}
.loan_con{flex: 1;}
.loan_con > section + section,
.loan_view_bottom section + section{margin-top: 50px;}
.loan_view h2{margin-bottom: 1rem;}
.loan_view .color_1{color: var(--color-basic); font-weight: 600;}

.loan_con .this_my_wr_btn_box{display: flex; justify-content: flex-end; gap: 0 4px; margin-bottom: 8px}

.info_list_wrap{display: grid; gap: 10px; margin-top: 1rem;}
dl.info_list{display: flex; flex-wrap: wrap; line-height: 1.3; align-items: center;}
.info_list dt, .info_list dd{font-size: 0.9rem; letter-spacing: -0.02em;}
.info_list dt{font-weight: 600;}
.flex_box{display: flex; align-items: center; gap: 5px; justify-content: space-between;}

/* ============= 1) 뷰페이지 상단 ============= */
.loan_view_1{display: flex; background-color: #fff; border: 1px solid #eee; border-top: 2px solid #000;}
.loan_view_1 > div{padding: 0 20px;}
.loan_view_1 > div b{position: relative; display: block; width: fit-content; font-weight: 600; font-size: 1.1rem; letter-spacing: -0.02rem; color: var(--color-basic); z-index: 1; }
.loan_view_1 > div b::before{position: absolute; bottom: -4px; left: -4px; right: -4px; height: 0.8rem; z-index: -1; display: block; clear: both; content:""; transform: skewY(-5deg) rotate(5deg); background-color: var(--color-basic); opacity: 0.15;}


/* ** 왼쪽) 공통 ** */
.goods_info_wrap{width: 65%;}
.goods_info_wrap h3{font-size: 1.4rem; font-weight: 500; letter-spacing: -0.04rem; padding: 1.5rem 0; line-height: 1.3;}
.goods_info_wrap .goods_info, .contact_text{border-top: 1px solid #eee; padding: 20px 0;}

.goods_info .info_list dt{width: 110px;}
.goods_info .info_list dd{flex: 1;}


/* *** 왼쪽) 지역별 대출업체 + 상품별 대출업체 *** */
.goods_info_wrap .info_list_wrap{grid-template-columns: repeat(2, 1fr);}
.goods_info_wrap .info_list_wrap:has(.no_data){grid-template-columns: repeat(1, 100%);}
.goods_info_wrap .info_list_wrap .no_data{padding: 45px 16px; text-align: center; font-size: 13px; background: #fafafa; color: #777;}

.goods_info > p{font-size: 0.85rem; font-weight: 500; color: var(--color-basic); line-height: 1.3; margin: 1rem 0; letter-spacing: -0.02em; word-break: keep-all;}
.goods_info .btn_box .btn{flex: 1;; padding: 0.75rem; box-shadow: 0 0.25em 0.5em rgba(0,0,0,0.02);}

/* *** 왼쪽) 실시간 대출상담 *** */
.contact_text > p{margin: 1rem 0; line-height: 1.3;}

/* ** 오른쪽) 업체 & 작성자 정보 ** */
.company_info_wrap .info_list_wrap{grid-template-columns: repeat(1,1fr);}
.loan_view_1 .company_info_wrap{width: 35%; border-left: 1px solid #eee; padding-top: 1.5rem; padding-bottom: 1.5rem; background-color: #fafcfd;}



/* ============= 2) 뷰페이지 부가설명 ============= */
.loan_view_2{}
.view_tab{border: 1px solid #eee; border-top: 2px solid #000; border-bottom: none;}
.view_tab li{position: relative; padding: 1em; flex: 1; max-width: 160px; text-align: center; border-right: 1px solid #eee; color: #666;}
.view_tab li::after{position: absolute; top: -2px; left: 50%; transform: translateX(-50%); content:""; display: block; clear: both; width: 0; height: 2px; background-color: var(--color-basic);}
.view_tab li:hover{cursor: pointer; transition-duration: 400ms;}
.view_tab li.on{background-color: #fff; font-weight: 600; color: var(--color-basic);}
.view_tab li.on::after{width: 100%; transition-duration: 400ms;}
.view_tab li.on:hover{cursor: initial;}

.add_info_wrap{padding: 1.5rem; background-color: #fff; border: 1px solid #eee; border-top: none; min-height: 320px;}
.add_info_wrap > div{line-height: 1.5; display: none;}
.add_info_wrap > div.on{display: block;}
.add_info_wrap > div h3{font-size: 1.4rem; font-weight: 600; letter-spacing: -0.04em;}
.add_info_wrap .info_list dt{width: 25%; max-width: 180px; font-size: 1rem;}
.add_info_wrap .info_list dd{flex: 1; font-size: 1rem;}
.add_info_wrap > div p{margin-top: 1rem;}
.add_info_wrap > div p b{font-weight: 600; color: var(--color-basic); text-decoration: underline;}

.loan_copy{padding: 1.5rem; border: 1px solid #eee; border-top: none; gap: 20px; background-color: #5a5a5a;}
.loan_copy .img{width: 15%;}
.loan_copy .img img{display: block; width: 100%;}
.loan_copy .text{font-size: 0.9rem; line-height: 1.3; color: #ddd; padding-left: 20px; border-left: 1px solid #777; text-align: justify;}
.loan_copy .text b{font-weight: 500; color: #fff;}
.loan_copy .text span{display: block; text-align: right; font-size: 0.8rem; line-height: 1; opacity: 0.5; margin-top: 5px;}
.loan_view_2 .btn_box{padding: 50px 0;}
.loan_view_2 .btn_box li{box-shadow: 0 0.25em 0.5em rgba(0,0,0,0.02); }


/* ============= 예외) 실시간 뷰페이지 ============= */
.contact_view .tit .label{padding:  0.25rem 0.5rem; font-size: 0.85rem; margin-left: 0.5rem; border-width: 2px; border-color: var(--color-basic); letter-spacing: 0.02em;}

/* 실시간 문의현황 */
.ul_time.expansion {}
.ul_time.expansion .list_info{width: auto;}

/* 조회수 아이콘 */
.i_hits .svg{margin-right: 0.25rem;}
.i_hits .svg path{stroke: #aaa;}

.select_btn{display: flex; gap: 0.5rem;}
.select_btn select{background-color: #fbfbfb; border-radius: 0.4rem;}

/* 상담 가능 대출업체 */
.store_list{display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-top: 25px;}
.store_list li{display: flex; align-items: center; justify-content: space-between; padding: 1rem; background-color: #fff; border-bottom: 1px solid #eee; border-top: 2px solid var(--color-basic); gap: 10px;}
.store_list li.no_data{}
.store_list li.no_data .txt{line-height: 18px; font-size: 14px; color: #666}
.store_list li.no_data .txt b{font-weight: 600}
.store_list p {flex: 1;}
.store_list p > strong{display: block; font-weight: 600; }
.store_list p > a{display: block; font-size: 0.9em; margin-top: 5px; color: #999;}
.store_list .btn{background: linear-gradient(-45deg, var(--gradient-3), var(--gradient-4), var(--color-basic) , var(--color-blur));
animation: gradient 2s ease infinite; background-size: 400% 400%; border-color: transparent;}
.store_list .btn:hover{background: #fff; border-color: var(--color-basic);}

#contact_view_container .bot_btn_box{padding: 50px 0}

/* 업체정보 모달*/
.modal .tit .btn{display: inline-block; width: fit-content; font-size: 0.7rem; padding: 0.3rem; margin-left: 0.5rem; vertical-align: middle;}

.modal_call{font-size: 1.2rem; font-weight: 800;}
.modal_call .svg{width: 1em; height: 1em; margin-right: 0.5rem;}
.modal_call .svg path{stroke-width: 2.5;}

.modal_store{max-width: 720px;}
.modal_store .info_list_wrap{display: block; border-top: 2px solid var(--color-basic); margin: 1rem 0;}
.modal_store dl{border-bottom: 1px solid #eee;}
.modal_store dt, .modal_store dd{margin-top: 0; padding: 1em;}
.modal_store dt{width: 25%; min-width: 100px; background-color: #f4f6f8;}
.modal_store dd{flex: 1;}

.modal_banner{width: 100%;}
.modal_banner a{display: block;}
.modal_banner a img{display: block; width: 100%;}


/* *************************************** 맞춤검색 *************************************** */
.custom_menu_wrap{background-color: #fff; margin-top: 1rem; padding-top: 1rem; border: 1px solid #eee;}
.custom_menu{display: flex; padding: 1rem 2rem; border-bottom: 1px dashed #eee; align-items: center;}
.custom_menu > strong{font-size: 1.1rem; font-weight: 600; display: block; width: 10%;}
.custom_menu .cate_list{width: 90%; flex-wrap: wrap; gap: 8px;}
.custom_menu .cate_list .search_label{display: block; padding: 0.5em 0.8em; font-size: 0.9em; border: 1px solid #eee; background-color: #fbfbfb; color: #666; border-radius: 1rem; cursor: pointer}
.custom_menu .cate_list > li:has(input[type="checkbox"]:checked) .search_label{background-color: var(--color-basic); color: #fff; border-color: var(--color-basic);}
.custom_btn_wrap{display: flex; justify-content: flex-end; align-items: center; padding: 0.5rem 1rem; background-color: #fbfbfb; gap: 1rem;}
.custom_btn_wrap > button{white-space: nowrap;}

.menu_result{width: 100%;; text-align: right;}
.menu_result > span{display: inline-block; font-size: 0.9rem; font-weight: 500; line-height: 1.5;}
.menu_result > span + span{margin-left: 0.5rem;}
.menu_result > span button{margin-left: 0.25rem; color: #ccc; font-size: 0.8rem;}
.menu_result > span button:hover{cursor: pointer;}
#custom_search .ul_time li{padding-top: 1rem; padding-bottom: 1rem;}
#custom_search #time_list .no_data{padding: 150px; border: 1px solid #e3e3e3; border-radius: 8px; font-size: 14px; text-align: center; background: #fafafa; color: #999;}



/* *************************************** 광고문의 *************************************** */
.ad_wrap{background-color: var(--gray); padding: 50px 0; padding-bottom: 60px;}
.ad_wrap > section + section, .ad_pay_wrap > section + section{margin-top: 20px;}
.ad_wrap > section > p{text-align: center; line-height: 1.3; margin: 2rem auto; width: 90%; word-break: keep-all;}
.ad_wrap .tit{text-align: center;}
.ad_wrap .progress{margin-top: 2rem;}
.ad_wrap .progress li{width: calc(85% / 3);}
.ad_wrap .btn_box{margin-top: 50px;}

/* ============= 광고 종류 ============= */
.ad_kind{}
.ad_kind:has(:not(.no_data)){display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 20px;}
.ad_kind > li{position: relative; overflow: hidden;}
.ad_kind .ad_limit_popup{display: flex; justify-content: center; align-items: center; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; text-align: center; line-height: 28px; font-size: 20px; background: rgb(0 0 0 / 30%); color: #fff}
.ad_kind .ad_limit_popup ~ *{filter: blur(5px);}
.ad_kind > li:not(:has(.ad_check)){padding: 50px 50px 0 50px}
.ad_kind .no_data{text-align: center; color: #999;}

/* 광고 이미지 */
.ad_kind .img{}
.ad_kind .img img{display: block; width: 100%;}

/* 광고 텍스트 */
.ad_kind .text{position: relative; font-size: 14px;}
.ad_tit{display: block; font-size: 1.5em; font-weight: 600; margin-top: 20px;}
.ad_tit .limit_tag{margin-left: 4px; letter-spacing: -1px; font-size: 13px; color: var(--color-basic);}

/* 광고 가격 */
.ad_price{margin: 10px 0; letter-spacing: -1px;}
.ad_price b{display: inline-block; font-size: 2em; font-weight: 700;}
.ad_price span:not(.free_tag, .free_info){display: inline-block; vertical-align: text-top; font-weight: 500; margin-left: 5px; line-height: 1; color: #666;}
.ad_price:has(.page_cnt) > * + *{margin-top: 5px}
.ad_price .page_cnt{}
.ad_price .free_tag{display: inline-block; padding: 5px 10px; border-radius: 12px; background: #e3e3e3; color: #575757}
.ad_price .free_info{margin-left: 5px; font-size: 13px; color: #777;}


/* 광고 횟수 */
.ad_number{}
.ad_number li + li{margin-top: 0.5rem;}
.ad_number b{text-align: justify; text-align-last: justify; font-size: 1.2rem; font-weight: 600;}
.ad_number span{font-size: 0.9rem; margin-left: 0; letter-spacing: -0.02em; vertical-align: middle;}
.ad_number span i{font-weight: 600; text-decoration: underline;}

/* 광고 설명 */
.ad_con{line-height:1.3; text-align: justify; letter-spacing: -0.02em; margin: 1em 0; word-break: break-all;}
.ad_con b{font-weight: 600;}

/* 광고 위치 */
.ad_location{padding: 1em 0; border-top: 1px solid #eee; margin: 1em 0;}
.ad_location li + li{margin-top: 0.5rem;}
.ad_location li{display: flex; gap: 5px;}
.ad_location li > b{width: 5rem; font-weight: 500;}
.ad_location li > p{flex: 1; line-height: 1.3; text-align: justify; letter-spacing: -0.02em; color: #666;}

.ad_kind .checkbox{}
.fill_svg path{stroke-width: 2.5;}
.fill_svg .fill_path{fill:  var(--color-basic); stroke:  var(--color-basic);}
.fill_svg .line_path{stroke:  #fffc62;}

/* 광고 버튼 */
.service_admin{display: block; position: absolute; bottom: 0; left: 0; right: 0; height: 60px; line-height: 60px; text-align: center; background-color: #fbfbfb; color: #666; font-weight: 500; border-top: 1px solid #eee;}
.ad_check{position: absolute; bottom: 0; left: 0; right: 0;}
.ad_check label{display: block; height: 60px; line-height: 60px; text-align: center; background-color: #fbfbfb; color: #666; font-weight: 500; border-top: 1px solid #eee;}
.ad_check label:hover{background-color: #f7f7f7;}
.ad_check label input{background-color: #fbfbfb;}
.ad_check:has(input[name^="ad_chk"]:checked) label{background-color: var(--color-basic); color: #fff; transition-duration: 100ms;}
.ad_check:has(input[name^="ad_chk"]:checked) input[name^="ad_chk"]{background-color: var(--color-basic) !important; border: 1px solid var(--color-basic);}
/*
.ad_check.on label{background-color: var(--color-basic); color: #fff; transition-duration: 100ms;}
.ad_check.on label input{background-color: var(--color-basic) !important; border: 1px solid var(--color-basic);}
*/
.ad_number{}

/* 클릭한 광고 */
.ad_result_box{position: sticky; bottom: 10px; margin: 20px 0 10px 0; z-index: 1; padding: 3px; border-radius: 24px; background-image: linear-gradient(40deg, var(--gradient-4) 0%, var(--gradient-3) 50%, var(--gradient-4) 100%); animation: textclip 6s linear infinite; background-size: 200%;}
.ad_result_wrap{padding: 30px; min-height: 120px;}
.ad_result_wrap .box_group{justify-content: space-between; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 2px dashed #eee;}
.ad_result_wrap .box_group .title{font-size: 1.2rem; font-weight: 600;}
.ad_result_wrap .box_group .btn_inner > *{display: inline-block}
.ad_result_wrap .fill_svg{width: 1.2em; height: 1.2em;}
.ad_result_wrap .fill_svg .fill_path{fill: #f3f4f8; stroke: #f3f4f8;}
.ad_result_wrap .fill_svg .line_path{stroke: var(--color-basic);}

.ad_result{display: flex; flex-wrap: wrap; gap: 5px;}
.ad_result li{display: block; padding: 10px; font-size: 13px; background-color: var(--color-basic); color: #fff; border-radius: 0.4rem; font-weight: 500;}
.ad_result li button{margin-left: 4px; color: #fff}

/* 광고 신청 주의사항 */
.ad_notice{padding: 1rem 0; font-size: 0.9em; line-height: 1.5; border: 1px solid #fff; border-style: solid none; color: var(--color-basic); font-weight: 500; margin: 20px 0;}
.ad_notice > p{margin-top: 0.5rem; font-size: 0.9em; color: #999;}



/* **************************************** 예시광고 **************************************** */
.ad_example{display: flex; gap: 1rem; flex-wrap: wrap;}
.ad_example strong{display: block; font-size: 1.2rem; font-weight: 600; margin-bottom: 1rem;}
.ad_example .name{display: flex; align-items: center; justify-content: space-between;padding: 0.75rem; border-top: 1px solid #eee; font-weight: 600; font-size: 0.9rem;}
.ad_example .name > span{color: #666;}
.ad_example i{color: var(--color-basic);}


/* 프리미엄 광고 */
.ad_pre_wrap{flex: 1; min-width: 320px; max-width: 400px;}
.ad_pre{position: relative; padding-top: 2rem; background-color: #fff; border: 1px solid #eee;}
.ad_pre::before{position: absolute; top: -1.25rem; left: -10px; width: 70%; aspect-ratio: 100/27; background-image: url("../img/label/banner_label_01.png"); background-position: center; background-size: contain; background-repeat: no-repeat; content:""; display: block; clear: both; z-index: 10; animation: heartbeat 0.5s infinite alternate; max-width: 220px;}
.ad_pre > div{padding: 1rem; text-align: center; width: 100%;}
.ad_pre .title{font-size: 1.3rem; font-weight: 600; letter-spacing: -0.04em;line-height: 1.3; margin-bottom: 1rem;}
.ad_pre .title b{color: var(--color-basic);}
.ad_pre .text{ line-height: 1.25;}
.ad_pre .text > span{display: block; margin-top: 1rem;}
.ad_pre .text > span i{color: var(--color-basic);}
.ad_pre .name{display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #eee; padding: 1rem; font-size: 0.9rem; font-weight: 500; width: 100%;}
.ad_pre li .name .label{margin-right: 0.25rem;}
.ad_pre li .name > span{color: #999;}

/* 스페셜 광고 예시 */
.ad_spe_wrap{width: 30%; min-width: 240px;}
.ad_spe{border: 1px solid #eee;}
.ad_spe .img > img{display: block; width: 100%;}

/* 메인/지역/상품별 광고 예시 */
.ad_block_wrap{width: 20%; min-width: 200px;}
.ad_block{max-width: 220px; text-align: center; border: 1px solid #eee;}
.ad_block .title{padding: 1rem; border-bottom: 1px solid #eee; font-weight: 600; background-color: var(--gray); letter-spacing: -0.02em;}
.ad_block .title b{color: var(--color-basic); line-height: 1.5;}
.ad_block div > p{font-size: 0.9rem; word-break: keep-all;}
.ad_block .text{padding: 1rem 0.75rem; line-height: 1.25em;}
.ad_block .text > span{display: block; margin-top: 1rem; line-height: 1em;}
.ad_block .img > img{display: block; width: 100%;}

/* 스폰서 광고 예시 */
.ad_spon_wrap{width: 160px;}
.ad_spon{display: block; text-align: center; border-radius: 12px;}
.ad_spon b{position: relative; display: block; padding: 12px; border-radius: 12px 12px 0 0; background-image:  linear-gradient(45deg, var(--color-basic) 40%, var(--gradient-1) 60%, var(--gradient-2) 65%, var(--gradient-1) 75%, var(--color-basic) 80%); animation: textclip 4s linear infinite; background-size: 300%; color: #fff; font-weight: 600; font-size: 0.9rem; text-align: center;}
.ad_spon b::after{position: absolute; top: 50%; right: 10px; transform: translateY(-50%); display: block; clear: both; content:"\f105"; font-family: "Font Awesome 6 Free"; font-size: 0.8rem;}
.ad_spon .ad_text{padding: 1rem 0.5rem; background-color: #fff; border-radius: 0 0 12px 12px; border: 1px solid #eee;}
.ad_spon .ad_text > span{display: block; font-size: 0.9rem; margin-bottom: 0.5rem; font-size: 500;}
.ad_spon .ad_text > p{font-weight: 600; color: var(--color-basic); line-height: 1.2; letter-spacing: -0.04em;}

/*줄 광고 예시*/
.ad_line_wrap{width: 100%;}
.ad_line_wrap .ad_line{display: flex; align-items: center; justify-content: space-between; padding: 0.75em 0.25em; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; font-weight: 500;}
.ad_line_wrap .ad_line > a{flex: 1; display: -webkit-inline-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; max-width: 80%;}
.ad_line_wrap .list_info{display: flex; justify-content: space-between;width: initial;} 

/* *************************************** 광고 등록 *************************************** */
.wr_tit_box{display: flex; margin-bottom: 1rem; }
.wr_tit_box.d_e{align-items: flex-end}
.wr_tit_box .in_title{font-size: 1.2rem; font-weight: 600;}
.wr_tit_box .in_data{padding-left: 6px}
.wr_tit{display: block; font-size: 1.2rem; margin-bottom: 1rem; font-weight: 600;} 
.dl_wrap > dl:first-of-type{border-top: 2px solid #000;}
.dl_wrap input[type=checkbox], .dl_wrap input[type=radio]{width: 1em; height: 1em; vertical-align: top;}
.dl_wrap select, .dl_wrap input[type="text"] {background-color: #fbfbfb; line-height: 20px;}
.dl_wrap dl{display: flex; gap: 10px; align-items: center; padding: 0.5rem 0; border-bottom: 1px dashed #eee;}
.dl_wrap dt{width: 150px; line-height: 20px; font-weight: 600;}
.dl_wrap dd{flex: 1;}
.dl_wrap dd.dd_flex{display: flex; gap: 0.5rem;}
.dl_wrap dd .color_1{font-size: 0.8rem; font-weight: 500; line-height: 1rem;}
.dl_wrap .dd_long select, 
.dl_wrap .dd_long input[type="text"],
.dl_wrap .dd_long input[type="password"],
.dl_wrap .dd_long input[type="tel"]{display: block; width: 100%;}
.dl_wrap .dd_long select + *{margin-top: 5px;}

.dl_wrap .call_number_dd{}
.dl_wrap .call_number_dd .call_number{}
.dl_wrap .call_number_dd .call_number + .call_number{margin-top: 10px; padding-top: 10px; border-top: 1px solid #ededed}

.choice_thum + .choice_thum{border-top: 1px dashed #eee;}
.choice_thum .in_tit{font-weight: 600; margin: 10px 0;}
.choice_thum .in_list{display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin: 10px 0;}
.choice_thum .in_list label{position: relative;}
.choice_thum .in_list label > input[type=radio]{position: absolute; left: 10px; top: 10px;}
.choice_thum .my_thum,
.choice_thum .app_thum{padding-top: 14px; margin-top: 14px; border-top: 1px solid #eee;}
.choice_thum .my_thum,


.ad_middle{display: flex; align-items: center; gap: 1rem;}

.label_wrap, .radio_wrap, .time_check{display: flex; flex-wrap: wrap; gap: 16px 20px; align-items: center; min-height: 38px;}
.label_wrap + span.color_1, .dl_wrap  p.color_1{display: block; margin-top: 10px;}
.radio_btn{display: block; width: 25%; padding: 1em; font-size: 0.9rem; text-align: center; color: #999; background-color: #efefef; color: #c4c4c4;}
input:checked + .radio_btn{background-color: var(--color-basic); color: #fff; font-weight: 500;}

/* 서비스 결제 */
.service_wrap {border-top: 2px solid #000;}
.service_wrap li{display: flex; align-items: center; border-bottom: 1px solid #eee; justify-content: space-between; padding: 10px 0}
.ser_con{display: flex; flex: 1; align-items: center; gap: 1rem; }
.ser_con .ser_check{width: fit-content;}
.ser_con .thumb{width: 20%; max-width: 80px; aspect-ratio: 1/1;}
.ser_con .thumb img{display: block; width: 100%; height: 100%; object-fit: cover;}
.ser_con .text {flex: 1;}
.ser_con .text label{font-weight: 600;}
.ser_con .text label > span{font-size: 0.7em; margin-left: 5px;}
.ser_con .text p{font-size: 0.9em; margin-top: 0.5em; line-height: 1.3; color: #666;}
.ser_price{width: 120px; text-align: right;}
.ser_price > span{font-size: 1.1em; font-weight: 600;}
.service_wrap .ser_sum{justify-content: flex-end; align-items: flex-end; padding: 1.5rem 10px; background-color: var(--gray); border-top: 1px solid #eee; gap: 20px;}
.service_wrap .ser_sum span{font-size: 0.8em; font-weight: 600;}
.service_wrap .ser_sum strong{font-size: 1.2em; font-weight: 600;}

#fixed_payment{position: fixed; left: 0; bottom: 0; z-index: 12; width: 100%; background: #161616; color: #fff;}
#fixed_payment .wrap{display: flex; justify-content: space-between; align-items: center; font-weight: 500;}
#fixed_payment .wrap > div{padding: 16px;}
#fixed_payment .last_ck_info .ck_box{display: block; margin-top: 1em;}
#fixed_payment .payment_info{display: flex; gap: 15px;}
#fixed_payment .payment_info > div{text-align: right;}
#fixed_payment .payment_info .in_txt{font-size: 0.85rem;}
#fixed_payment .payment_info .in_txt .count{font-size: 1.1em;}
#fixed_payment .payment_info .btn{width: 140px; font-size: 1em;}
#fixed_payment .price_box{margin-top: 10px;}
#fixed_payment .price_box .data{font-weight: 600; font-size: 20px;}

#live_loan_write .kakao_id_input{display: none}

#live_loan_write .dl_wrap:first-of-type{border-top: 2px solid #333}
#live_loan_write .dl_wrap + .dl_wrap{}
#live_loan_write .dl_wrap > dl:first-of-type{border: unset}

.cs_phone_dd{display: flex; gap: 5px; align-items: center;}
.cs_phone_dd select, .cs_phone_dd input{width: 33.333%;}

/* 서비스 결제수단 */
.ser_method {border-top: 2px solid #000;}
.ser_method label{font-weight: 600;}
.ser_method li{padding: 1rem 0; border-bottom: 1px solid #eee;}
.ser_method .gray_box{background-color: var(--gray); padding: 20px; margin-top: 1rem;}
.ser_method .gray_box input{background-color: #fff !important;}
.ser_method .gray_box > div{display: flex; align-items: center; font-size: 0.9rem;}
.ser_method .gray_box > div:first-child{min-height: 2.5rem;}
.ser_method .gray_box strong{font-weight: 600; width: 150px;}
.ser_method .gray_box p{flex: 1;}
.ser_method .gray_box input + span{font-size: 0.75rem; font-weight: 600; margin-left: 0.5rem;}

#ad_3 .dl_wrap dd .color_1{font-size: 1rem; font-weight: 600;}
#ad_3 .dl_wrap dl{padding: 20px 0;}
#ad_3 .dl_wrap > dl:first-of-type{border-color: #eee;}
#ad_3 .ad_data_list{line-height: 1.4;}
#ad_3 .ad_data_list .service_title{font-size: 1.1em; color: #999}
#ad_3 .ad_data_list .color_1.data_tit{font-size: 1.1em}
#ad_3 .ad_data_list .data_txt{margin-left: 5px; font-size: 0.9em; color: #555}
#ad_3 .ad_data_list .data_txt .bold{font-weight: 600}






/* *************************************** 서브페이지 공통 *************************************** */
.sub_page section + section{margin-top: 50px;}
.sub_page section + section.side_con  {margin-top: 0;}
.sub_page h2.tit + p{margin: 1rem 0; line-height: 1.4;}
.table{width: 100%; border-top: 2px solid #eee;}
.table thead{background-color: #fbfbfb;}
.table tr{border-bottom: 1px solid #eee;}
.table th{font-weight: 500;}
.table th, .table td{padding: 1em 0.5em; vertical-align: middle;}
.table .t_date{text-align: center; width: 120px;}
.table .t_empty{text-align: center; color: #999; padding-top: 5em; padding-bottom: 5em;}

.hightlight{position: relative; display: inline-block; z-index: 1;}
.hightlight::before{position: absolute;  bottom: -4px; left: -4px; right: -4px; height: 0.8em; z-index: -1; display: block; clear: both; content:""; transform: skewY(-5deg) rotate(5deg); background-color: var(--color-basic); opacity: 0.15;}


/* *************************************** 사기번호 *************************************** */
.side_wrap{background-color: var(--gray); padding: 25px 0; padding-bottom: 60px;}
.side_wrap .wrap{display: flex; gap: 1rem;}
.side_con {flex: 1;}
.white_box input[type="text"], 
.white_box input[type="tel"], 
.white_box input[type="password"],
.white_box input[type="date"], 
.white_box input[type="number"], 
.white_box textarea{background-color: #fbfbfb;}

.fraud_form{margin-bottom: 50px;}
.num_total{display: flex; margin: 2rem 0;}
.num_total li{flex: 1; text-align: center;}
.num_total li + li{border-left: 1px solid #eee;}
.num_total small{display: block; font-size: 0.9rem; font-weight: 500; margin-bottom: 0.5rem;}
.num_total strong{font-size: 1.8rem; font-weight: 600;}
.side_con .ul_cube li{min-height: 230px;}

.num_search{display: flex; gap: 0.5rem; margin: 20px 0;}
.num_search input{width: 25%;}
.num_search .btn{width: 25%; line-height: 2;}
.side_con .gray_box{border: 1px solid #eee; font-size: 0.8rem; line-height: 1.3; padding: 20px; background-color: var(--gray); margin: 20px 0;}

.num_result > p{font-size: 1.1rem; font-weight: 500;}
.num_result > p > b{color: var(--color-basic); font-weight: 600;}
.num_result .no_data{padding: 110px 0; border: 1px solid #f5f5f5; text-align: center; background: #fafafa;}
.num_result .table{font-size: 0.9rem; margin: 1rem 0;}


/* *************************************** 피해신고하기 *************************************** */
.write_form .btn{width: fit-content;}
.write_form > div + div{margin-top: 50px;}

.write_form input[type="date"]{width: 50%;}
.call_number{display: flex; gap: 0.5rem; align-items: center;}
.call_number input{width: 25%;}
.call_number .btn{flex: 1; line-height: 1.4;}
.dd_fit .btn{width: 25%; flex: initial;}
.loan_write .btn_box{margin-top: 50px;}

.f_agree_box{display: flex; padding: 0.75rem; border-bottom: 1px solid #eee; background-color: #fbfbfb; font-size: 0.9rem; gap: 10px;}
.f_agree_box .btn{font-size: 0.8rem; padding-top: 0; padding-bottom: 0; line-height: 1.6rem;}
.f_agree_box > ul{flex: 1;}
.f_agree_box li + li{margin-top: 0.25rem;}
.f_agree_check li{line-height: 1.6rem;}
.f_agree_check li input[type="checkbox"]{vertical-align: middle;}
.f_agree_con li{display: flex; align-items: center; justify-content: space-between;}
.f_agree_all{padding: 0.75rem; border-bottom: 1px solid #eee; background-color: #fff; font-weight: 600;}

/* 전문보기 모달창 */
.fraud_text{display: none; background-color: #fbfbfb; border: 1px solid #eee; padding: 20px; line-height: 1.3; font-size: 13px; max-height: 400px; overflow-y: scroll;}
.fraud_text > * + *{margin-top: 20px;}
.fraud_text.on{display: block;}
.fraud_text p{text-align: justify;}
.fraud_text b{display: block; font-weight: 600; font-size: 1.1em;}
.fraud_text small{display: block; font-size: 0.8rem; color: #999; margin-top: 10px;}
.fraud_text b + dl, b + .num_list{margin-top: 0.5rem;}
.fraud_text .dl_wrap{margin: 1rem 0;}
.fraud_text .dl_wrap dl{font-size: 0.9em; padding: 0.5rem; background-color: #fff;}

.num_list{margin-top: 1rem;}
.num_list li{position: relative; padding-left: 1.5em;}
.num_list li::before{position: absolute; left: 0; content:""; display: block; clear: both; font-weight: 600;}
.num_list li:nth-child(1)::before{content:"1.";}.num_list li:nth-child(2)::before{content:"2.";}.num_list li:nth-child(3)::before{content:"3.";}.num_list li:nth-child(4)::before{content:"4.";}.num_list li:nth-child(5)::before{content:"5.";}.num_list li:nth-child(6)::before{content:"6.";}.num_list li:nth-child(7)::before{content:"7.";}.num_list li:nth-child(8)::before{content:"8.";}.num_list li:nth-child(9)::before{content:"9.";}.num_list li:nth-child(10)::before{content:"10.";}
.num_list li + li{margin-top: 0.5rem;}



/* *************************************** 내용관리 *************************************** */
.ctt_wrap{}
.content_wrap{padding: 25px 0 60px 0;}
.ctt_top > p, .manual .tit + p{font-size: 1.1rem; line-height: 1.5; margin: 1rem 0 2rem 0;}

.ctt_menu {display: flex; border: 1px solid #eee; box-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.02);}
.ctt_menu li{flex: 1; text-align: center; background-color: #fbfbfb; font-weight: 500; color: #999;}
.ctt_menu li.on{position: relative; background-color: #fff; color: var(--color-basic);}
.ctt_menu li.on::after{position: absolute; bottom: -1px; left: 0; width: 100%; height: 3px; background-color: var(--color-basic); border-radius: 5px; content:""; display: block; clear: both;}
.ctt_menu li + li{border-left: 1px solid #eee;}
.ctt_menu li a{display: block; padding: 1em 0.5em;}

/* ----- 이용안내 ----- */
.manual {text-align: center;}
.manual > li, .info_wrap > div{padding: 100px 0;}
.manual > li:nth-child(1), .info_wrap > div:nth-child(1){padding-top: 60px;}
.manual > li:nth-child(even), .info_wrap > div:nth-child(even){background-color: var(--gray);}
.manual .tit{display: block; font-size: 1.5rem; font-weight: 600; letter-spacing: -0.04em; line-height: 1.3; word-break: keep-all;}
.manual .img{margin-top: 50px;}
.manual .img img{display: block; max-width: 100%; margin-left: auto; margin-right: auto;}
.manual .btn_box {margin-top: 50px;}
.manual .btn_box .btn_big{min-width: 240px;}

/* ----- 회사소개 ----- */
.ctt_company{padding-top: 0;}
.ctt_company h2.tit.wrap{display: none;}
.info_top{padding: 100px 0; background: url('../img/company_bg.jpg') no-repeat center / cover; text-align: center; color: #fff;}
.info_top .tit, .info_top p{text-shadow: 0px 0px 6px rgba(0,0,0,0.5);}

.row > dl{display: flex;}
.row > dl + dl{margin-top: 1rem;}
.row dt{width: 160px; font-weight: 600;}
.row dd{flex: 1;}

.info_wrap h3.tit{font-size: 1.5rem; font-weight: 600; letter-spacing: -0.04em; margin-bottom: 1rem;}
.info_wrap .img img{display: block; width: 100%; height: 100%; object-fit: cover;}

.info_top p, .info_02 p, .bar_box p{font-size: 1.1rem; line-height: 1.5; margin-top: 1rem;}
.info_menu {position: sticky; top: 60px; margin-top: -1.5rem; z-index: 10;}

/* 01 회사소개 */
.info_01 div.wrap{display: flex; gap: 50px;}
.info_01 .text{flex: 1; padding: 20px 0;}
.info_01 .text strong{display: block; font-size: 1.5rem; letter-spacing: -0.04em; margin-bottom: 50px; line-height: 1.2; padding: 0;}
.info_01 .text strong b{display: block; font-size: 1.8em; font-weight: 600;}
.info_01 .img, .info_02 .img{width: 40%; background-color: #eee;}

/* 02 회사연혁 */
.info_02 strong{display: block; font-size: 3rem; font-weight: 700; letter-spacing: -0.04em; margin-bottom: 30px; color: var(--color-basic);}
.history_wrap > ul{margin-bottom: 20px;}
.history_wrap li{display: flex;}
.history_wrap .text{flex: 1; padding: 60px 16px 16px 16px; height: 340px;}

.info_02 .swiper-pagination{position: initial; width: 100%; display: flex;}
.info_02 .swiper-pagination-bullet{display: block; margin: 0 !important; width: auto; height: initial; flex: 1; border-radius: 0; background-color: transparent; font-weight: 600; }
.info_02 .swiper-pagination-bullet::before{width: 100%; height: 3px; content:""; display: block; clear: both; background-color: #666; margin-bottom: 1rem;}
.info_02 .swiper-pagination-bullet-active{color: var(--color-basic);}
.info_02 .swiper-pagination-bullet-active::before{background-color: var(--color-basic); border-radius: 2px;}

/* 03 회사조직도 */
.info_03{text-align: center;}
.circle_wrap{position: relative; display: flex; text-align: center; width: calc(100% - 32px); max-width: 850px; margin: 50px auto; gap: 50px; z-index: 1;}
.circle_wrap::before{position: absolute; content:""; display: block; clear: both; top: 50%; left: 5px; right: 5px; transform: translateY(-50%); height: 2px; background-color: var(--color-basic)21; z-index: -1;}
.circle_wrap::after{position: absolute; right: -60px; bottom: -30px; width: 160px; aspect-ratio: 1/1; content:""; display: block; clear: both; background: url('../img/money_flower.png') no-repeat center / contain;}
.circle_wrap li{flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; aspect-ratio: 1/1; border: 2px solid var(--color-basic)21; border-radius: 50%; background-color: #fff; animation-duration: 4s;}
.circle_wrap span, .vision_wrap i{display: block; font-weight: 700; color: var(--color-basic); font-size: 1.2rem;}
.circle_wrap strong, .vision_wrap strong{display: block; font-weight: 600; margin: 1rem 0; font-size: 1.5rem;}
.circle_wrap p, .vision_wrap p{color: #666; line-height: 1.4;}

.bar_box{position: relative; padding-top: 50px;}
.bar_box::before{position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 80px; height: 3px; content:""; display: block; clear: both; background-color: var(--color-basic); border-radius: 2px;}

/* 04 회사비전 */
.info_04{text-align: center;}
.info_04 .img{margin-top: 50px;}
.info_04 .tit{line-height: 1.4; }
.info_04 .tit b{color: var(--color-basic);}
.info_04 .wrap .tit{margin: 50px auto;}
.info_04 .wrap > p{line-height: 1.5; color: #666;}

.vision_wrap{display: flex; align-items: center; margin: 100px 0;}
.vision_wrap > li{flex: 1; padding: 0 1rem;}
.vision_wrap > li + li{border-left: 2px solid #fff;}


/* 약관 공통 */
.pro_wrap {line-height: 1.4;}
.pro_wrap strong{display: block; font-size: 1.2rem; font-weight: 600; color: var(--color-basic); margin-top: 25px; padding-top: 25px; margin-bottom: 1rem; border-top: 1px dashed #eee;}
.pro_wrap b{display: block; font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; margin-top: 25px;}
.pro_wrap .wrap p + p{margin-top: 0.5rem;}
.pro_wrap p.pl_10{font-size: 0.9rem; color: #888;}
.pro_wrap p.pl_10 + p:not(.pl_10){margin-top: 25px;}

/* *************************************** 마이페이지 *************************************** */
.my_page_modify_popup{}
.my_page_modify_popup .inner_wrapper{width: 830px; max-height: calc(100vh - 64px); overflow: auto; border-radius: 16px}

.my_page_modify_popup .modify_data_box{padding: 16px;}
.my_page_modify_popup .modify_data_box .order_num{margin-bottom: 14px; padding-bottom: 14px; border-bottom: 1px solid #ededed}

.my_page_modify_popup .modify_data_list_box{}
.my_page_modify_popup .modify_data_list_box .list_box{padding: 16px; border-radius: 10px; background: #fafafa;}
.my_page_modify_popup .modify_data_list_box .list_box + .list_box{margin-top: 32px}
.my_page_modify_popup .modify_data_list_box .list_title{margin-bottom: 18px; font-size: 18px; font-weight: 600; color: #333;}

.my_page_modify_popup .list_data{}
.my_page_modify_popup .list_data > li{display: flex; align-items: center}
.my_page_modify_popup .list_data .tit{font-size: 14px}
.my_page_modify_popup .list_data .tit .important_dot{display: inline-block; vertical-align: top; width: 5px; height: 5px; border-radius: 50%; background: var(--color-basic)}
.my_page_modify_popup .list_data .data_box input[type="text"]{background: #fff}

.my_page_modify_popup .subject_list > li + li{margin-top: 10px}
.my_page_modify_popup .subject_list .tit{width: 140px;}
.my_page_modify_popup .subject_list .data_box{width: calc(100% - 140px)}
.my_page_modify_popup .subject_list .data_box > *{width: 100%;}
.my_page_modify_popup .subject_list .data_box > * + *{margin-top: 2px}

.my_page_modify_popup .spc_df_img_box{} 
.my_page_modify_popup .spc_df_img_box .in_list{display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 8px;}
.my_page_modify_popup .spc_df_img_box .in_list > li{display: flex; gap: 0 8px}
.my_page_modify_popup .spc_df_img_box .in_list img{width: 100%}

.my_page_modify_popup .compnay_info_data > li + li{margin-top: 32px}
.my_page_modify_popup .compnay_info_data .tit{width: 120px}
.my_page_modify_popup .compnay_info_data .data_box{width: calc(100% - 120px)}
.my_page_modify_popup .compnay_info_data .data_box:not(:has(.counseling_ck)){display: flex; align-items: center}
.my_page_modify_popup .compnay_info_data .data_box:has(.counseling_ck) .counseling_ck ~ *{display: block; margin-top: 8px; padding-top: 8px; border-top: 1px solid #e1e1e1;}

.my_page_modify_popup .clear_btn_box{display: flex; justify-content: center; gap: 0 8px; position: sticky; left: 0; bottom: 0; padding: 16px; border-top: 1px solid #ededed; background: #f1f1f1;}

.mypage_wrap.sub_page .dl_wrap .passbook_info_data{display: none}
.mypage_wrap.sub_page .dl_wrap .passbook_info_data .payment_account_box{margin-bottom: 20px}
.mypage_wrap.sub_page .dl_wrap .passbook_info_data .payment_user_box{padding: 12px; border-radius: 5px; background: #fafafa;}
.mypage_wrap.sub_page .dl_wrap .passbook_info_data .payment_user_box input[name="payment_user_name"]{background: #fff}
.mypage_wrap.sub_page .dl_wrap .passbook_info_data .payment_user_box .info_txt{margin-top: 8px; font-size: 12px; color: var(--color-basic)}

.mypage_wrap.sub_page .dl_wrap .service_list_data{}
.mypage_wrap.sub_page .dl_wrap .service_list_data > *{display: flex; align-items: center; gap: 0 6px}
.mypage_wrap.sub_page .dl_wrap .service_list_data > * + *{margin-top: 16px}
.mypage_wrap.sub_page .dl_wrap .service_list_data .service_type{color: #777}
.mypage_wrap.sub_page .dl_wrap .service_list_data .data_box{}
.mypage_wrap.sub_page .dl_wrap .service_list_data .data_box .tit{}
.mypage_wrap.sub_page .dl_wrap .service_list_data .data_box .data{font-size: 12px; color: #999}

#my_list .my_page_top{; margin: 20px 0 60px 0}
#my_list .my_page_top .my_list_wrapper{display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 16px; margin-top: 15px; padding-top: 15px; border-top: 2px solid var(--color-basic)}
#my_list .my_page_top .my_list_wrapper > li{padding: 16px; border: 1px solid #eee; border-radius: 10px; background: #fbfbfb;}
#my_list .my_page_top .this_tag{text-align: right; font-size: 0.85em;}
#my_list .my_page_top .service_name{margin-top: 20px}
#my_list .my_page_top .service_name .tit{font-size: 14px; color: #777;}
#my_list .my_page_top .service_name .data{font-weight: 600;}
#my_list .my_page_top .service_name .data::before{content: '-'; display: block}
#my_list .my_page_top .remaining_data{margin: 24px 0 8px 0; padding: 16px 0px; border-radius: 6px; text-align: center; background: #ebebeb;}
#my_list .my_page_top .remaining_data .tit{font-size: 13px;}
#my_list .my_page_top .remaining_data .data{margin-top: 10px; font-weight: 600}
#my_list .my_page_top .charge_btn{font-size: 13px}

.my_table{margin-bottom: 60px;}
.my_table .sub_tit{display: block; font-size: 1.1rem; margin: 1rem 0;}
.my_table .sub_tit .svg{width: 1.2rem; height: 1.2rem;}
.my_table .sub_tit .svg path{stroke-width: 2.2;}
.my_table .sub_tit .svg .fill{fill:var(--color-basic);}
.my_table .table{font-size: 0.9rem; margin: 15px 0; text-align: center; border-top-color: var(--color-basic);}
.my_table .table .m_view{display: none;}
.my_table .btn{font-size: 12px; padding: 8px 10px;}

.my_table td.t_subject{text-align: left;}
.my_table td.t_subject > a{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.my_table td.t_subject > a:hover{text-decoration: underline;}

.my_table .t_01{width: 40px;}
.my_table .t_02{width: 80px;}
.my_table .t_03{width: 100px;}
.my_table .state_ok{color: #f93943; font-weight: 500;}
.my_table .state_no{color: #999; font-weight: 500;}
.my_table .t_mobile{display: none; align-items: center; font-size: 0.9em; color: #999; margin-top: 8px; gap: 1rem;}

.my_table .t_mobile li{position: relative;}
.my_table .t_mobile li + li::before{position: absolute; top: 50%; left: -0.5rem; transform: translateY(-50%); width: 1px; height: 0.8em; background-color: #ddd; content: ""; display: block; clear: both;}
.my_table .t_mobile .color{color: var(--color-basic); font-weight: 500;}

.my_option > div{display: flex; justify-content: space-between; align-items: center;}
.my_option > div + div{margin-top: 1rem;}
.my_option b{font-weight: 600;}

.my_list .dl_wrap {margin-top: 1rem;}
.my_list .dl_wrap > dl:first-of-type{border-top-color: #eee;}
.my_list .dl_wrap dl{padding: 1rem 0; font-size: 0.9rem;}
.my_list .dl_wrap dl.ex{padding: 0.5rem 0;}
.my_list b.color{font-weight: 600; color: var(--color-basic);}
.my_list .btn_box{margin: 50px auto;}

/* 마이페이지 상담권 충전 결과 페이지 */
#my_result_text{font-weight: 500; font-size: 1.2rem; margin: 50px auto; text-align: center;}
#my_result_text i{display: block; color: var(--color-basic); font-size: 4rem; margin-bottom: 1rem;}

/* 광고관리 페이지 */
.t_line{background-color: #fdfdfd;}
.t_line > div{display: flex; align-items: center; justify-content: space-between;font-size: 0.8rem;}
.t_line .color{color: var(--color-basic); font-weight: 500;l}

.t_setting{display: flex;}
.t_setting li + li{position: relative; padding-left: 10px; margin-left: 10px;}
.t_setting li + li::before{position: absolute; top: 50%; left: 0; width: 1px; height: 0.9rem; background-color: #eee; content:""; display: block; clear: both; transform: translateY(-50%);}
.t_setting input[type="text"],
.t_setting input[type="number"]{width: 60px; padding: 6px; margin: 0 5px;}
.t_setting .btn{display: inline-block; margin-left: 5px;}

/* 최근 본 업체 */
#recent_list{padding: 25px 0 100px 0;}
#recent_list .title_box{display: flex; justify-content: space-between; align-items: flex-end}
#recent_list .title_box .info_txt{margin-top: 8px;}
#recent_list .title_box .del_btn{}
#recent_list:has(.no_data){}
#recent_list:has(.no_data) .no_data{width: 100%}

/* 광고연장/추가결제 */
#my_service .option_checked{gap: 10px;}
#my_service .option_checked label{flex: 1;}
#my_service .option_checked + .option_checked{border-top: 1px dashed #eee; padding-top: 1rem;}
#my_service .m_ch_checkbox{display: flex; align-items: center;}
#my_service .ad_title{font-weight: 600;}
#my_service .ad_detail_data_box{margin-top: 5px; font-size: 0.9em; line-height: 1.3; font-weight: 500;}
#my_service .m_ch_checkbox .ad_detail_data_box .page_loc_data{color: #555}
#my_service .m_ch_checkbox .ad_detail_data_box .remain_date{color: var(--color-basic);}


/* 광고 수정 */
#my_ad_modify .dl_wrap + .dl_wrap{margin-top: 60px;}
#my_ad_modify .dl_wrap .wr_tit{margin: 15px 0;}
#my_ad_modify .dl_wrap > dl:first-of-type{border-top-color: #eee;}
#my_ad_modify .btn_box{margin: 50px auto;}




@media screen and (max-width: 1300px){
	.loan_view_wrap, .side_wrap{padding: 0;}
	.loan_view, .side_wrap > .wrap{display: initial;}
	.loan_con{width: 100%; padding-top: 25px;}
	.loan_view .loan_con > .tit{max-width: 1240px; margin-left: auto; margin-right: auto;}
	.side_con{width: 100%; padding-top: 25px; padding-left: 16px; padding-right: 16px;}
	.side_con.white_box{border-radius: 0; box-shadow: none;}
	.sub_page section + section{margin-top: 0;}
	.side_con .ul_cube li{min-height: 188px;}
}

@media screen and (max-width: 1280px){
	.loan_top, .loan_view .loan_con > .tit, .loan_view_1 > div, .loan_view_2 > .tit, .add_info_wrap,
	.co_wrap .tit, .ctt_top > p, .manual .tit + p, .bar_box p, .info_04 .wrap > p{padding-left: 16px; padding-right: 16px;}
	.info_top p, .info_02 p, .bar_box p{font-size: 1rem; margin-top: 10px;}
	

	.contact_menu_wrap{flex-direction: column;}
	.wide_menu_1{display: flex; width: 100%;}
	.wide_menu_1 > li{flex: 1;}
	.wide_menu_2{width: 100%;}
	.count_num{font-size: 13px;}
	.wide_top .count_num > span{font-size: 1em;}
	.wide_top .count_num > b{font-size: 1.8em;}
	.wide_top .count_num > b > span{font-size: 0.8em;}

	.custom_menu_wrap{padding-top: 0;}
	.custom_menu{display: block; padding: 16px;}
	.custom_menu > strong{width: 100%; margin-bottom: 10px;}
	.custom_menu ul{width: 100%; margin-top: 10px;}
	.custom_menu li a{font-size: 0.8em;}
	.menu_result > span{font-size: 0.8em;}

	.ctt_menu{border-left: none; border-right: none; font-size: 0.9em;}
	.info_menu{top: 41px;}

	/* 회사소개 */
	.manual > li:nth-child(1), .info_wrap > div:nth-child(1){padding-top: 25px;}
	.info_01 div.wrap{gap: 10px;}
	.info_01 .text{padding-left: 16px; padding-right: 16px;}
	.circle_wrap::after{right: -10px; width: 15%;}
	.info_02 strong{font-size: 2.5rem; margin-bottom: 10px;}
	.info_02 .img{width: 50%;}
	.manual > li, .info_wrap > div{padding: 60px 0;}

	/* 마이페이지 */
	.my_list .dl_wrap dl{font-size: 1rem;}
	.my_option > div + div{margin-top: 10px;}

	/* 광고 */
	.ad_wrap{padding: 0; padding-bottom: 50px;}
	.ad_wrap section.white_box{width: 100%; max-width: none; border-radius: 0; box-shadow: none; }
	#ad_1{padding: 16px 0;}
	#ad_1 section.white_box{transform: translateY(-16px);}
	.ad_wrap .wrap{padding-left: 16px; padding-right: 16px;}
	.ad_wrap > section + section{margin-top: 10px;}
	.ad_kind{gap: 10px;grid-template-columns: repeat(3, 1fr);}
	.ad_kind > li{border-radius: 10px; padding: 20px 16px 48px 16px ;}
	.ad_kind .text{font-size: 12px;}
	.ad_check label{font-size: 13px; height: 48px; line-height: 48px;}
	.ad_tit{font-size: 1.3em;}
	.ad_price b{font-size: 1.8em;}
	.ad_location{font-size: 0.9em;}

	.ad_result_wrap{padding: 16px; padding-bottom: 20px; border-radius: 10px; min-height: 100px;}
	.ad_result_box{border-radius: 12px; padding: 2px;}
	.ad_result_wrap > strong{font-size: 1em; border-bottom: 1px solid #eee;}
	.ad_result li{padding: 2px 5px; color: #333; background-color: transparent; font-size: 12px;}

	#my_list .my_page_top .my_list_wrapper{grid-template-columns: repeat(3, 1fr); gap: 10px;}



	#contact_loan .loan_top.design_01 .contact_menu_wrap{flex-direction: initial;}
}

@media screen and (max-width: 1080px){
	.content_wrap.ctt_manual_1{padding-bottom: 0;}
	.my_table .table{font-size: 1rem;}
}

@media screen and (max-width: 940px){
	.loan_menu_wrap{flex-direction: column;}
	.loan_left{width: 100%; max-width: none;}
	.loan_left > p, .loan_right > p, .wide_top > p{text-align: right;}
	.loan_menu{grid-template-columns: repeat(6,1fr);}
	.loan_menu a{ height: auto; padding: 10px; flex-direction:initial; justify-content: space-between; gap: 5px;}
	.loan_menu .img{width: 25%; max-width: 25px;}
	.loan_menu .text{text-align: right;}
	.loan_menu .text b{margin-top: 0;}
	/* .loan_banner{height: auto;} */
	.loan_left .loan_banner_box::before{width: 50%; max-width: 180px; top: -1rem;}

	#area_loan .loan_left{margin-top: 20px;}
	#goods_loan .loan_top.design_01 .loan_menu_wrap{flex-direction: column-reverse;}
	#goods_loan .loan_top.design_01 .loan_menu{margin-top: 1rem;}

	.wide_top .count_box{gap: 10px;}
	.wide_top .count_box li{flex-direction: column; gap: 5px; text-align: center;}

	.count_num{font-size: 12px;}
	.wide_top .count_num > b{font-size: 1.4em;}

	.loan_view_1{flex-direction: column;}
	.loan_view .loan_view_1 > div{flex: 1; width: auto;}
	.loan_con .loan_view_2{margin-top: 25px;}
	.loan_copy{flex-direction: column; padding: 30px 16px}
	.loan_copy .img{width: 30%; max-width: 140px;}
	.loan_copy .text{width: 100%; padding-left: 0; padding-top: 20px; border-left: none; border-top: 1px solid #777;}

	.view_tab li{max-width: none; font-size: 0.9rem;}
	.add_info_wrap > div, .add_info_wrap .info_list dt, .add_info_wrap .info_list dd{font-size: 0.9rem;}
	.add_info_wrap .info_list dt{width: 110px;}


	/* 회사소개 */
	.info_01 div.wrap{flex-direction: column;}
	.info_01 .img{width: auto; flex: 1; aspect-ratio: 2/1; overflow: hidden;}
	.info_01 .text strong{font-size: 1.2rem; margin-bottom: 20px;}
	.info_01 .row{padding-top: 20px; border-top: 1px solid #eee; font-size: 0.9em; line-height: 1.2;}
	.info_01 .row > dl + dl{margin-top: 10px;}
	.info_01 .row dt{width: 110px;}

	.circle_wrap{gap: 20px; margin: 30px auto;}
	.bar_box{padding-top: 30px;}
	.info_04 .wrap .tit{margin: 30px auto;}
	.vision_wrap{margin: 50px 0;}

	.ad_location li{flex-direction: column;}
	.ad_example{gap: 10px;}
	.ad_pre::before{max-width: 180px;}

	#contact_loan .loan_top.design_01 .wrap{flex-direction: column; align-items: normal;}
	#contact_loan .loan_top.design_01 .loan_right{min-width: initial;}
}


@media screen and (max-width: 768px){
	.loan_menu{grid-template-columns: repeat(4,1fr);}
	
	/* 작성페이지 */
	.write_form .dl_wrap dl{flex-direction: column; align-items: normal; padding: 10px 0; gap: 5px;}
	.write_form .dl_wrap dt{flex: 1; width: initial;}
	.write_form .dl_wrap dl.dl_ex{flex-direction: initial; align-items: center; padding: 5px 0;} 
	.write_form .dl_wrap dl.dl_ex dt{flex: initial; width: 100px;}

	.f_agree_box{flex-direction: column;}
	.f_agree_con{padding-top: 10px; border-top: 1px solid #eee;}

	/* 내용관리 페이지 */
	.manual > li, .info_wrap > div{padding: 60px 0;}
	.history_wrap li {flex-direction: column-reverse;}
	.history_wrap .text{padding-top: 30px; min-height: 210px; height: auto;}
	.info_02 .img{width: 100%;}
	.info_02 .swiper-pagination{font-size: 0.9em;}
	.info_02 .swiper-pagination-bullet::before{margin-bottom: 10px;}


	/* 마이페이지 */
	.my_table .sub_tit{margin: 20px auto 10px auto;}
	.my_table .table{margin: 10px 0;}
	.my_table .table .m_none{display: none;}
	.my_table .table thead{display: none;}
	.my_table .table td:not(.t_empty){padding: 0.75em 0.25em;}
	.my_table .table .m_view{display: block;}
	.my_table .t_mobile{display: flex;}
	.my_table .t_02{width: 65px;}
	.my_table .btn{font-size: 11px; padding: 7px;}
	.my_table .btn + .btn{margin-top: 4px;}
	.my_table .state_ok, .my_table .state_no{font-size: 0.9em;}
	.my_table .t_line > div{display: block;}
	.my_table .t_line > div > strong{display: block; margin-bottom: 10px; text-align: left; font-weight: 600;}
	.my_table .t_setting {display: flex ; flex-direction: column; gap: 5px; text-align: left;}
	.t_setting li + li::before{display: none;}
	.t_setting li + li{padding-left: 0; margin-left: 0;}

	
	.my_list .dl_wrap dl{flex-direction: column; align-items: normal; padding: 10px 0;}
	.my_list .dl_wrap dt{flex: 1; width: auto; color: #000;}
	.my_list .dl_wrap .ex select, .my_list .dl_wrap .ex input{width: 100%;}
	.my_option{font-size: 0.9rem;}
	.my_option label > input[type=radio]{margin-right: 5px;}


	/* 광고 */
	.ad_kind{grid-template-columns: repeat(2,1fr);}
	.ad_price b{font-size: 1.6em;}
	.ad_price span{font-size: 0.9em;vertical-align: middle;}

	.ad_wrap .dl_wrap dl{flex-direction: column; align-items: normal; padding: 10px 0; gap: 5px;}
	.ad_wrap .dl_wrap dt{width: initial;}
	.ad_middle{display: block;}
	.label_wrap, .radio_wrap, .time_check{font-size: 0.9em; min-height: 2em;}
	.label_wrap{margin-top: 5px;}
	.ad_middle > .color_1{display: block; margin-top: 5px;}
	.ser_method .gray_box{padding: 16px;}
	.ser_method .gray_box > div{flex-direction: column; align-items: normal; gap: 5px;}
	.ser_method .gray_box p{line-height: 2em;}
	.ser_method .gray_box > div + div{margin-top: 10px;}

	#my_list .my_page_top .my_list_wrapper{grid-template-columns: repeat(2, 1fr);}
	#fixed_payment .wrap{display: block; padding: 0;}
	.last_ck_info{text-align: center; padding-bottom: 16px; border-bottom: 1px solid #333;}
	#fixed_payment .payment_info > div{flex: 1; text-align: left;}
}

@media screen and (max-width: 540px){
	.loan_menu{grid-template-columns: repeat(3,1fr);}
	.wide_top .count_box{padding: 1rem 10px; gap: 5px;}
	.count_num{font-size: 11px;}
	.wide_top .count_num > span{font-size: 0.8em;}
	.wide_top .count_num > b{font-size: 1.1em;}

	.goods_info_wrap .info_list_wrap{grid-template-columns: repeat(1,1fr);}
	.goods_info_wrap h3{font-size: 1.2rem;}

	.store_list li{font-size: 0.9rem; gap: 5px;}
	.modal_store .info_list_wrap{}
	.modal_store dt, .modal_store dd{padding: 10px;}
	.fraud_text{background-color: transparent; padding: 0; padding-top: 10px; border: none; border-top: 1px solid #eee; font-size: 12px;}
	.fraud_text .dl_wrap dl{padding: 10px 0;}
	.fraud_text .dl_wrap dt{width: 80px;}


	.sub_page h2.tit + p, .ctt_top > p{text-align: justify; font-size: 1rem; line-height: 1.4;}
	.manual .tit + p{font-size: 0.9rem; line-height: 1.4; margin: 10px 0 20px 0;}
	.bar_box p, .info_04 .wrap > p{text-align: justify;}
	.sub_page h2.tit + p br, .ctt_top > p br, .manual .tit + p br, .bar_box p br, .info_04 .wrap > p br{display: none;}
	.num_total strong{font-size: 1.4rem;}
	.num_search{font-size: 0.9em;}
	.num_search .btn{font-size: 1em; line-height: 1.5;}
	.num_result > p{font-size: 1em;}
	.side_con .gray_box{padding: 16px;}

	.loan_copy .text{font-size: 11px;}
	.manual .tit{font-size: 1.2rem;}
	.manual .img{margin-top: 30px;}

	
	.circle_wrap{gap: 10px;}
	.circle_wrap::after{bottom: -16px;}
	.circle_wrap span, .vision_wrap i{font-size: 0.9em;}
	.circle_wrap strong, .vision_wrap strong{margin: 6px 0; font-size: 1.1rem;}
	.circle_wrap p, .vision_wrap p{font-size: 0.8em; line-height: 1.2;}
	.info_wrap h3.tit{font-size: 1.2rem; line-height: 1.3;}

	/* 광고 */
	.ad_kind > li{padding: 16px 10px 40px 10px;}
	.ad_price b{font-size: 1.4em;}
	.ad_price{margin-top: 5px;}
	.ad_con{margin: 10px 0;}
	.ad_check label{font-size: 11px; height: 40px; line-height: 40px;}
	.ad_kind .text, .ad_result li, .ad_notice{font-size: 11px;}
	.ad_wrap > section > p{width: 100%; margin: 15px auto 30px auto; font-size: 0.9em;}
	.ad_wrap > section > p br{display: none;}
	.service_wrap li{padding: 10px 0; font-size: 13px;}
	.ser_con{gap: 10px;}
	.ser_price{width: 90px;}
	.ser_price > span{font-size: 1em;}
	.ser_method .gray_box input + span{display: block; margin-top: 5px; margin-left: 0;}

	#contact_loan .loan_top.design_01 .contact_menu_wrap{flex-direction: column;}
	#contact_loan .loan_top.design_01 .contact_menu_1{width: initial;}

	.manual .btn_box, .loan_view_2 .btn_box, .ad_wrap .btn_box{padding-left: 16px; padding-right: 16px;}
}

@media screen and (max-width: 475px){
	.store_list li{flex-direction: column;}
	.store_list p{text-align: center;}
	.store_list .btn{width: 100%; font-size: 10px;}

	.select_tit_box{align-items: flex-start; gap: 10px; flex-direction: column;}
	.select_tit_box .select_btn {width: 100%;}
	.select_tit_box .select_btn select{flex: 1;}

	.list_bottom fieldset input{min-width: initial;}

	.my_list .dl_wrap dl{font-size: 0.9rem;}
	#my_result_text i{font-size: 3rem; margin-bottom: 10px;}
	#my_result_text{font-size: 1rem; margin: 30px auto;}

}

@media screen and (max-width: 420px){
    .ad_kind {grid-template-columns: repeat(1, 1fr);}
	.ad_location{font-size: 1em;}
	.ad_location li{flex-direction: initial;}

	.service_wrap li{font-size: 12px;}
}