@charset "utf-8";

/* @import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600;700&display=block');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=block');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=block'); */
@import url('https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&display=swap');

.page_wrap {position: relative; display: flex; flex-direction: column; min-height: 100vh;}
.page_wrap .container { flex: 1;}


:root {
	--hdH: 13rem; 
    --hdIn: 5rem;
    --ftH: 50rem;
 
    --subVisPd: 12rem;
    --subPd: 20rem;

    --inPd: 20px;
    --inpH: max(6rem, 50px);

    /* --inM: max(184rem, 1640px);
    --in:  max(164rem, 1440px);
    --in2: max(144rem, 1240px);
    --in3: max(124rem, 1040px);
    --in4: max(104rem, 940px);
    --in5: max(94rem, 840px);  */

    --inM: 184rem;
    --in:  164rem;
    --in2: 144rem;
    --in3: 124rem;
    --in4: 104rem;
    --in5: 94rem; 

    /* Cool Gray */
    --gray5: #F5F7FA;
    --gray10: #E4E7EB;
    --gray20: #CBD2D9;
    --gray30: #9AA5B1;
    --gray40: #7B8794;
    --gray50: #616E7C;
    --gray60: #52606D;
    --gray70: #3E4C59;
    --gray80: #323F4B;
    --gray90: #1F2933;

    --point01: #257D82;
    --point02 : #257D82;
    --pointBg:#EEF5F5; /* 포인트계열 BG */
    --black:var(--gray90);

    --grayBg1:#F6F6F6;
    --grayBg2:#F5F7FA;
    --line:var(--gray20);

    --en:  "Google Sans", sans-serif;
    --serif: "Noto Serif KR", serif;
	
    --d1:10rem; 
    --h1:6rem; 
    --h2:5.4rem; 
    --h3:4.5rem; 
    --h4:4rem; 
    --h5:3.4rem; 
    --h6:max(3rem,26px);
    --h7:max(2.8rem,24px); 
    --h8:max(2.5rem,22px); 

    --p1:max(2.2rem,20px); 
    --p2:max(2rem,18px);
    --p3:max(1.8rem,16px);  /* 본문 */
    --p4:max(1.6rem,15px);
    --p5:max(1.5rem,14px);
    --p6:max(1.4rem,13px);
    --p7:max(1.3rem,11px);
    --p8:max(1.2rem,11px);

    --pd:30rem;
    --pd1:25rem;
    --pd2:20rem;
    --pd3:15rem;
    --pd4:10rem;

    --contMt1: 10rem;
    --contMt2: 8rem;
    --contMt3: 6rem;
    --contMt4: 4rem;

}


/* Grid */
.in_f { position:relative; width: 100%; max-width:100%; margin:0 auto; }
.in_w { position:relative; width: 100%; max-width:100%; padding:0 var(--inPd); margin:0 auto; }
.in_m { position:relative; width:var(--inM); max-width:100%; padding:0 var(--inPd); margin:0 auto;}
.in   { position:relative; width:var(--in); max-width:100%; padding:0 var(--inPd); margin:0 auto; }
.in2  { position:relative; width:var(--in2); max-width:100%; padding:0 var(--inPd); margin:0 auto; }
.in3  { position:relative; width:var(--in3); max-width:100%; padding:0 var(--inPd); margin:0 auto; }
.in4  { position:relative; width:var(--in4); max-width:100%; padding:0 var(--inPd); margin:0 auto; }
.in5  { position:relative; width:var(--in5); max-width:100%; padding:0 var(--inPd); margin:0 auto; }

html.scroll_none,
body.scroll_none { overflow: hidden; }

body::-webkit-scrollbar { width: 5px; height: 5px; }
body::-webkit-scrollbar-thumb { height: 5px; background: #A9A9A9; border-radius: 5px; }
body::-webkit-scrollbar-track { background-color: #fff; }

.hidden,
.sr_only { position: absolute; width: 1px;height: 1px; padding: 0; margin: -1px;overflow: hidden;  clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;}
.clearfix::after{content: ''; display: block; clear: both;}

.pc_only { display:block;}
.mo_only { display:none !important }
.phone_only { display:none !important;}
.phone_over { display:block; }
.phone_over.inline { display:inline; }
.mini_only {display: none !important;}
.mini_only2 {display: none !important;}




/* ===== 공용 타이틀 ===== */
.sect_desc{color: var(--point01); font-size: var(--p5); font-weight: 700; line-height: 1; margin-bottom: 1.7rem;}
.sect_tit {font-size: var(--h5); font-weight: 700; line-height: 1.5;}
.sect_txt {font-size: var(--p3); color:Var(--gray60);}
.sect_tit + .sect_txt {margin-top: 2.5rem;}

.sect_tit_box .sect_tit{transition-delay: 0s;}
.sect_tit_box .sect_txt{transition-delay: 0.4s;}
.sect_tit_box .sect_desc + .sect_tit{transition-delay: 0.4s;}
.sect_tit_box .sect_desc + .sect_tit + .sect_txt{transition-delay: 0.8s;}
.sect_tit_box .btn_box{transition-delay: 0.8s; margin-top: 5rem;}

.sect_tit_box > *{opacity: 0; transform: translateY(var(--contMt4)); transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;}
.sect_tit_box.active > *{opacity: 1; transform: translateY(0);}

.sect_tit_box.center{text-align:center;}






/* ===== Footer ===== */
.footer {position: absolute; bottom: 0; width: 100%; padding: 0 5rem 5rem; margin-top: auto; height: var(--ftH); display: flex; align-items: flex-end;}
.footer > *{ padding: 6rem 10rem; background-color: #fff; border-radius:5rem; width: 100%;}

.footer .top_cont .tel{display: flex; flex-wrap: wrap; font-size: var(--h8); font-weight: 700; letter-spacing: -0.02em;}
.footer .top_cont .tel .label{margin-right: 1rem;}
.footer .top_cont .tel .tel_btn{display: flex; align-items: center;}
.footer .top_cont .tel .tel_btn svg{display:block; height: 0.9em; width: auto; margin-right: 1rem;}

.footer .top_cont .copyright{font-size: var(--p4); opacity: 0.5; margin-top: 1.7rem; line-height: normal;}

.footer .btm_cont{display: flex; align-items: flex-end; justify-content: space-between; gap: 5rem; margin-top: 5rem;}
.footer .btm_cont .logo{width: auto; height: 20rem;}
.footer .btm_cont .logo img{width: 100%; height: 100%;}

.footer .btm_cont .partner_list {display: flex; gap: 4rem;}
.footer .btm_cont .partner_list .item a{height: 5rem; display: block;}
.footer .btm_cont .partner_list .item a img{height: 100%; object-fit: contain;}


/* ===== Top Btn ===== */
.top_btn_box {position: fixed; right: 3rem; bottom: 3rem; width:6.5rem; height: 6.5rem; z-index: 30; opacity: 0; transition: opacity 0.3s ease-in-out; }
.top_btn_box.show{opacity: 1;}
.top_btn_box .top_btn{display: flex; align-self: center; justify-content: center; width: 100%; height: 100%; background-color: #fff; border-radius: 50%; filter: drop-shadow(0 0 20px rgba(207, 207, 207, 0.50)); }
.top_btn_box .top_btn svg{width: 30%; height: auto;}


/* === 모달 === */
.modal{display: block; justify-content: center; align-items: center; overflow-x: hidden; overflow-y: auto; position: fixed; top:0; bottom:0; left:0; right:0; z-index: 9999; opacity: 0; width:100%; height: 100%; padding: 50px 0 80px; background: rgba(0,0,0,0.4); pointer-events: none; transition: 0.2s ease-in-out; overscroll-behavior: contain; -webkit-overflow-scrolling: touch;}
.modal.open{opacity: 1; pointer-events: inherit}
/*over*/
.over_modal{display: block; justify-content: center; align-items: center; overflow-x: hidden; overflow-y: auto; position: fixed; top:0; bottom:0; left:0; right:0; z-index: 9999; opacity: 0; width:100%; height: 100%; padding: 50px 0 80px; background: rgba(0,0,0,0.4); pointer-events: none; transition: 0.2s ease-in-out; overscroll-behavior: contain; -webkit-overflow-scrolling: touch;}
.over_modal.open{opacity: 1; pointer-events: inherit}

.page_wrap .modal_wrap{display: table; position: relative; width: 100%; height: 100%; padding: 0 var(--inPd); margin: 0 auto; table-layout: fixed; vertical-align: middle}
.page_wrap .modal_wrap .scroll_box{display: table-cell; vertical-align: middle}
.page_wrap .modal_wrap .modal_cont{position: relative; width: 80rem; max-width: 100%; padding: 8rem 4rem 6rem; margin: 0 auto; background-color: #fff; border-radius: 2rem; overflow: hidden;}

.page_wrap .modal_wrap .modal_cont .modal_close {position: absolute;top: 3.5rem;right: 3rem;width: 3.3rem;height: 3.3rem;cursor: pointer;z-index: 2; background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"><path d="M32.0091 7.99023L7.98828 32.0111" stroke="%231c1c1c" stroke-width="2" stroke-linejoin="round"/><path d="M7.98828 7.99023L32.0091 32.0111" stroke="%231c1c1c" stroke-width="2" stroke-linejoin="round"/></svg>') no-repeat center / contain; transition: transform 0.5s;}
.page_wrap .modal_wrap .modal_cont .modal_close.solo{top: -5.5rem; right: -0.5rem; background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"><path d="M32.0091 7.99023L7.98828 32.0111" stroke="%23fff" stroke-width="2" stroke-linejoin="round"/><path d="M7.98828 7.99023L32.0091 32.0111" stroke="%23fff" stroke-width="2" stroke-linejoin="round"/></svg>') no-repeat center / contain; }

.modal_wrap .modal_cont .cont::-webkit-scrollbar{width: 10px;}
.modal_wrap .modal_cont .cont::-webkit-scrollbar-thumb{background: #d7d7d7; border-right: 5px solid #fff; border-radius: 3px; border-top-right-radius: 8px 3px; border-bottom-right-radius: 8px 3px;}
.modal_wrap .modal_cont .cont::-webkit-scrollbar-track{background: #fff; margin-block: 10px;}

.page_wrap .modal_wrap:has(.modal_top) .modal_cont{background-color: transparent; }
.page_wrap .modal_wrap:has(.modal_top) .modal_cont .cont{background-color: #fff; border-radius: 0 0 2rem 2rem;}
.page_wrap .modal_wrap .modal_cont .modal_top {display: flex; align-items: center; justify-content: space-between; padding: 2rem 2.5rem 2rem 3rem; background-color: var(--gray90); color: #fff; border-radius: 2rem 2rem 0 0;}
.page_wrap .modal_wrap .modal_cont .modal_top .tit {font-size: 2.4rem; font-weight: 600}
.page_wrap .modal_wrap .modal_cont .modal_top .modal_close{position: relative; top: 0; right:0; background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"><path d="M32.0091 7.99023L7.98828 32.0111" stroke="%23fff" stroke-width="2" stroke-linejoin="round"/><path d="M7.98828 7.99023L32.0091 32.0111" stroke="%23fff" stroke-width="2" stroke-linejoin="round"/></svg>') no-repeat center / contain;}

.modal .swiper-container-fade .swiper-slide-active,
.modal .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: none}
.modal.open .swiper-container-fade .swiper-slide-active,
.modal.open .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: none}


/* 약관 모달 */
.over_modal .modal_wrap .modal_cont.terms {padding: 0; border-radius: 2rem; overflow: hidden; font-size: var(--p4)}
.over_modal .modal_cont.terms .modal_top {align-items: center;}
.over_modal .modal_cont.terms .cont {max-height: 65vh; padding: 3rem; overflow-y: auto; overscroll-behavior: contain;}
.over_modal .modal_cont.terms .cont .effective_date {margin-bottom: 2rem; color: var(--gray60); }

.over_modal .modal_cont.terms .cont .terms_body h2,
.over_modal .modal_cont.terms .cont .terms_body h3,
.over_modal .modal_cont.terms .cont .terms_body h4,
.over_modal .modal_cont.terms .cont .terms_body h5,
.over_modal .modal_cont.terms .cont .terms_body h6 {margin: 1.2em 0 0.3em; font-weight: 700;}

.over_modal .modal_cont.terms .cont .terms_body h2,
.over_modal .modal_cont.terms .cont .terms_body h3,
.over_modal .modal_cont.terms .cont .terms_body h4 {font-size: var(--p3);}
.over_modal .modal_cont.terms .cont .terms_body h5,
.over_modal .modal_cont.terms .cont .terms_body h6 {font-size: var(--p4);}

.over_modal .modal_cont.terms .cont .terms_body ul { margin-bottom: 0.8em;}
.over_modal .modal_cont.terms .cont .terms_body ol { margin-bottom: 0.8em;}
.over_modal .modal_cont.terms .cont .terms_body ol > li {/*list-style: decimal;*/ text-indent: -1.5em; padding-left: 1.5em;}
.over_modal .modal_cont.terms .cont .terms_body table {width: 100%; margin: 1em 0; border-collapse: collapse;}
.over_modal .modal_cont.terms .cont .terms_body table th,
.over_modal .modal_cont.terms .cont .terms_body table td {padding: 0.8rem 1rem; border: 1px solid #e2e6ec; text-align: left;}
.over_modal .modal_cont.terms .cont .terms_body table th {background-color: var(--grayBg1); font-weight: 600;}
.over_modal .modal_cont.terms .cont .terms_empty {padding: 8rem 0; color: var(--gray60); text-align: center;}


/* 비디오, 유튜브 */
.modal .modal_wrap .modal_cont.video_modal{padding: 0; overflow: visible; border-radius: 0;}
.modal .modal_wrap .modal_cont.video_modal .video{position: relative; width: 100%; padding-top: 125%;}
.modal .modal_wrap .modal_cont.video_modal .video > *{position: absolute; width: 101%; height: 101%; left:-0.5%; top: -0.5%; object-fit: cover;}


/* 공유하기 */
.page_wrap .modal_wrap .modal_cont.share{width: max(48rem, 320px);}
.modal .modal_wrap .modal_cont.share .cont{padding: 4rem 1rem; display: flex; align-items: center; justify-content: center;}
.modal .modal_wrap .modal_cont.share .share_list{display: flex; align-items: center; gap: 1rem;}
.modal .modal_wrap .modal_cont.share .share_list .item{width: max(5rem, 40px); aspect-ratio: 1/1; max-width: 20%;}
.modal .modal_wrap .modal_cont.share .share_list .item .share_btn{width: 100%; height: 100%; transition: 0.3s ease;}
.modal .modal_wrap .modal_cont.share .share_list .item .share_btn svg{width: 100%; height: 100%; display: block;}

/* 이미지로 공유 (Web Share API 지원 환경에서만 노출 — _Prog/common/modal/share.php) */
.modal .modal_wrap .modal_cont.share .share_inner{display: flex; flex-direction: column; align-items: center; gap: 2rem; width: 100%;}
.modal .modal_wrap .modal_cont.share .share_file_btn[hidden],
.modal .modal_wrap .modal_cont.share .share_file_desc[hidden]{display: none;}
.modal .modal_wrap .modal_cont.share .share_file_btn{display: inline-flex; align-items: center; gap: 0.8rem; height: 5.2rem; padding: 0 2.4rem; 
    border-radius: 999px; background-color: var(--gray90); color: #fff; font-size: var(--p5); font-weight: 600; line-height: 1; transition: 0.3s ease;}
.modal .modal_wrap .modal_cont.share .share_file_btn .ico{display: inline-flex;}
.modal .modal_wrap .modal_cont.share .share_file_btn .ico svg{display: block; width: 1.6rem; height: 1.6rem;}
.modal .modal_wrap .modal_cont.share .share_file_desc{margin-top: -1rem; color: var(--gray50); font-size: var(--p7); line-height: 1.5; text-align: center;}

/* 알랏레이어 */
.msg_layer{display: block; justify-content: center; align-items: center; overflow: auto; position: fixed; top:0; bottom:0; left:0; right:0; z-index: 9999; opacity: 0; width:100%; height: 100%; padding: 50px 20px 80px; background: rgba(0, 0, 0, 0.5); pointer-events: none; transition: 0.2s ease-in-out}
.msg_layer.open{opacity: 1; pointer-events: inherit}
.msg_layer .modal_wrap{display: table; position: relative; width: 100%; height: 100%; padding: 0 var(--resp_wrap_pd); margin: 0 auto; table-layout: fixed; vertical-align: middle}
.msg_layer .modal_wrap .scroll_box{display: table-cell; vertical-align: middle}
.msg_layer .modal_wrap .modal_cont {position: relative; width:max(45rem, 400px); max-width: 100%; padding: 40px var(--modal_row_pd) 40px; margin: 0 auto; background-color: #fff; border-radius: 2rem;}
.msg_layer .modal_wrap .modal_cont .cont {padding: 4rem 3rem}
.msg_layer .modal_wrap .modal_cont .cont p {font-size: var(--txt3); text-align: center}
.msg_layer .modal_bot_box {display: flex; justify-content: center}
.msg_layer .modal_bot_box .btn {display: inline-block; width: 12rem; height: 4rem; line-height: 3.9rem; background-color: #000; color: #fff}
.msg_layer .modal_bot_box .btn:first-child:nth-last-child(2),
.msg_layer .modal_bot_box .btn:first-child:nth-last-child(2) ~ .btn {width: 12rem;}
.msg_layer .modal_top { display: flex; align-items: center; justify-content: space-between; padding: 4rem 4rem 2rem; display: none}
.msg_layer .modal_top.step { align-items: flex-start; }
.msg_layer .modal_top .tit_wrap {  }
.msg_layer .modal_top .step { font-size: 16px; font-weight: 600; }
.msg_layer .modal_top .step + .tit { margin-top: 10px; }
.msg_layer .modal_top .tit { font-size: 24px; font-weight: 700; }
.msg_layer .btn_wrap { display: flex; align-items: center; justify-content: center; width: 100%; margin-top: 3rem; }
.msg_layer .btn_wrap .btm_btn { cursor:pointer;display: flex; align-items: center; justify-content: center; flex: 1; max-width: 50%; height: 3em; padding: 0 1.5em; line-height: 3.1rem; font-size: var(--p3); font-weight: 600; border-radius: 2em; background-color: var(--point01); border: 1px solid var(--point01); color: #fff; box-shadow: 0 0 0 transparent; transition: box-shadow 0.3s, background-color 0.3s, color 0.3s; white-space: nowrap; }
.msg_layer .btn_wrap .btm_btn.wh{background-color: #fff; color: #000; border-color: #000;}
.msg_layer .btn_wrap .btm_btn .txt { font-weight: 600; }
.msg_layer .btn_wrap > * + * { margin-left: 1rem; }









@media screen and (min-width: 1241px) {
    .tel_btn{pointer-events: none;}

    .modal .modal_wrap .modal_cont.share .share_list .item .share_btn:hover{transform: translateY(-1rem);}
    .modal .modal_wrap .modal_cont.share .share_file_btn:hover{background-color: var(--point01);}
    .msg_layer .btn_wrap .btm_btn:hover{background-color: var(--black); }


}


/*3201 ~  */
/* @media screen and (min-width: 3201px) {
    html { font-size: 13px;}
} */

/* 2561 ~ 3200 */
/* @media screen and (min-width: 2561px) and (max-width: 3200px) {
    html { font-size: clamp(0.625rem, 0.125rem + 0.3125vw, 0.75rem);}
} */

/* 2560px 초과 */
@media screen and (min-width: 2561px) {
    html { font-size: 10px; }

}

/* 2560px 이하 */
@media screen and (max-width: 2560px) {
    html { font-size: clamp(0.53125rem, 0.1964rem + 0.2679vw, 0.625rem);}
}

@media screen and (max-width: 2000px){
    html {font-size: 7.5px;}


    .footer .btm_cont .logo{height: 18rem;}



}

@media screen and (max-width: 1640px){
    html {font-size: 7px;}

    :root {
        --hdIn: var(--inPd);

        --h6:max(3rem,23px);; 
        --h7:max(2.8rem,20px); 
        --h8:max(2.5rem,18px); 

        --p1:max(2.2rem,17px); 
        --p2:max(2rem,16px);
        --p3:max(1.8rem,15px);  /* 본문 */

    }


    .footer > *{padding: 6rem 8rem;}
    .footer .btm_cont .logo{height: 17rem;}
    .footer .btm_cont .partner_list .item a{height: 4rem;}

}


@media screen and (max-width: 1240px) {
    html {font-size: 6.5px;}

    :root {

        --h1:34px; 
        --h2:32px; 
        --h3:30px; 
        --h4:28px; 
        --h5:24px;
        --h6:22px;
        --h7:20px; 
        --h8:20px; 

        --p1:17px; 
        --p2:16px;
        --p3:15px;  /* 본문 */  
        --p4:14px;
        --p5:13px;
        --p6:12px;
        --p7:11px;
        --p8:10px;


        --pd: 25rem;
        --pd1: 20rem;
        --pd2: 15rem;
        --pd3: 10rem;
        --pd4: 10rem;

    }


	.pc_only { display: none !important}
	.mo_over { display: none !important}
	.mo_only { display: block !important}
	.mo_only.flex {display: flex !important}


    .footer > *{padding: 5rem 7rem;}
    .footer .btm_cont .logo{height: 15rem;}
    .footer .top_cont .copyright{font-size: var(--p5);}
    .footer .btm_cont .partner_list{gap: 2rem;}



}


@media screen and (max-width: 768px) {
     html {font-size: 6px;}

    :root {

        --hdH: 80px;
        --ftH: 40rem;
        --inpH: 45px;
        --inPd:15px;
        --subPd: 80px;

        --d1:34px;
        --h1:28px; 
        --h2:26px; 
        --h3:24px; 
        --h4:22px; 
        --h5:20px;
        --h6:20px;
        --h7:18px; 
        --h8:18px; 

        --p1:16px; 
        --p2:15px;
        --p3:14px;  /* 본문 */
        --p4:13px;
        --p5:12px;
        --p6:12px;
        --p7:11px;
        --p8:10px;

        --pd:120px;
        --pd1:100px;
        --pd2:80px;
        --pd3:80px;
        --pd4:60px;

        --contMt1: 50px;
        --contMt2: 40px;
        --contMt3: 30px;
        --contMt4: 20px;
    }



    .phone_only { display: block !important}
	.phone_only.flex {display: flex !important}
    .phone_over {display: none !important;}

	html::-webkit-scrollbar {display: none;}


    .over_modal .modal_cont.terms .modal_top { padding: 1.6rem 1.6rem 1.6rem 2.2rem; }
    .over_modal .modal_cont.terms .modal_top .tit { font-size: 2rem; }
    .over_modal .modal_cont.terms .cont { padding: 2.2rem; max-height: 68vh; }

    .modal, 
    .over_modal { padding: 3rem 0 4rem; }

    .footer{padding: 0 var(--inPd) var(--inPd);}
    .footer > *{padding: 5rem 7rem 5rem 5rem; border-radius: 20px;}
    .footer .btm_cont{margin-top: 4rem;}
    .footer .top_cont .tel{font-size: var(--p1);}
    .footer .top_cont .copyright{font-size: var(--p7); margin-top: 7px;}
    .footer .btm_cont .logo{height: 10rem;}
    .footer .btm_cont .partner_list .item a { height: 3.5rem; }
    


}


@media screen and (max-width: 600px) {

    :root{
        --hdH: 70px;
    }

    .mini_over {display: none !important;}
    .mini_only {display: block !important;}
    .mini_only.flex {display: flex !important;}

    .nice-select:after {right: 1.5rem;}

    

    .footer > *{padding: 20px 15px; border-radius: 15px;}
    .footer .btm_cont{flex-direction: column; align-items: flex-start; gap: 5px;}
    .footer .top_cont .tel{font-size: var(--p2);}
    .footer .btm_cont .partner_list .item a{height: 20px;}

    .top_btn_box{width: 35px; height: 35px; bottom: 17px; right: 17px;}


    .sect_tit + .sect_txt {margin-top: 10px;}
    .sect_tit_box .btn_box{ margin-top: 20px;}
    


}


@media screen and (max-width: 375px) {
    .mini_only2 {display: block !important;}
}