@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Albert+Sans:ital,wght@0,100..900;1,100..900&display=block');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=block');
@import url('https://fonts.googleapis.com/css2?family=Marcellus&display=block');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=block');


/* common */
/* .in {position: relative; width: min(154rem , 1740px); max-width: 100%; padding: 0 var(--inPd); margin: 0 auto;} */
/*.in {position: relative; width: max(132rem, 1400px); max-width: 100%; padding: 0 var(--inPd); margin: 0 auto;}*/
.in {position: relative; width: min(154rem , 1740px); max-width: 100%; padding: 0 var(--inPd); margin: 0 auto;}
.in2 {position: relative; width: 144rem; max-width: 100%; padding: 0 var(--inPd); margin: 0 auto;}

.mo_over { display: block !important; }
.mo_only { display: none !important; }
.tab_only {display: none !important;}
.phone_only {display: none !important;}
.phone_over {display: block !important;}
.mini_only {display: none !important;}
.hidden {clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; position: absolute; width: 1px}


html.scroll_none { overflow: hidden; }
svg {overflow: visible;}

/* html { font-size:10px } */

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

:root {

    --pink: #F2798D;
    --blue: #5669AB;

    --hdH: 9rem;
    --inPd: 20px;

    --serif: "Noto Serif", serif;

    --mainSectMt:24rem;
    --mainContMt:6rem;

    --subSectPd:20rem;

    --tit: 4.8rem; /* 60 */
    --tit2: 4.6rem; /* 53 */
    --tit3: max(3.6rem, 36px); /* 45 */
    --smTit: max(3.2rem, 32px); /* 40 */

    --txt0: max(2.4rem, 24px);
    --txt1: max(2rem, 20px);
    --txt2: max(1.8rem, 18px);
    --txt3: max(1.6rem, 16px);  /* 18 */

    --smTxt1: max(1.3rem,14px);
    --smTxt2: max(1.1rem,13px); /* 14 */


}


.page_wrap {min-height: 100vh; display: flex; flex-direction: column;}
.page_wrap .footer {margin-top: auto;}
/* .container_wrap, .container {padding-bottom: var(--mainSectMt);} */


/* Btn */
.enter_btn_box {display: flex;}
.enter_btn {display: flex; align-items: center; padding:0.5em 1.5em; font-size: var(--txt3); background-color: #F8F8F8; color: #000; font-weight: 700; border-radius: 5em; transition: background-color 0.3s ease-in-out , fill 0.3s ease-in-out , color 0.3s ease-in-out;}
.enter_btn .ico {display: flex; align-items: center; width: 1.2em; height: 1.2em; margin-left: 1em; transition: background 0.3s ease-in-out; background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 0a256 256 0 1 1 0 512A256 256 0 1 1 256 0zm88 144l-152 0-24 0 0 48 24 0 94.1 0L151 327l-17 17L168 377.9l17-17 135-135L320 328l0 24 48 0 0-24 0-160 0-24-24 0z"></path></svg>') no-repeat center / contain;} /*margin-top: -2px;*/

/* .enter_btn .ico svg {width: 100%; display:block;} */ /*margin-top: -2px;*/

.enter_btn.wh { border:1px solid #000;}
.enter_btn.line_wh {background-color: transparent; border: 1px solid #fff; color: #fff; fill: #fff;}
.enter_btn.line_wh .ico{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="white" d="M256 0a256 256 0 1 1 0 512A256 256 0 1 1 256 0zm88 144l-152 0-24 0 0 48 24 0 94.1 0L151 327l-17 17L168 377.9l17-17 135-135L320 328l0 24 48 0 0-24 0-160 0-24-24 0z"></path></svg>') no-repeat center / contain;}

.enter_btn.line_bk {background-color: transparent; border: 1px solid #000; color: #000; fill: #000;}
.enter_btn.line_bk .ico {display: flex; align-items: center; width: 1.1em; height: 1.1em; margin-left: 1em; transition: background 0.3s ease-in-out; background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 0a256 256 0 1 1 0 512A256 256 0 1 1 256 0zm88 144l-152 0-24 0 0 48 24 0 94.1 0L151 327l-17 17L168 377.9l17-17 135-135L320 328l0 24 48 0 0-24 0-160 0-24-24 0z"></path></svg>') no-repeat center / contain;} /*margin-top: -2px;*/

.enter_btn.down .ico{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22" fill="none"><rect width="22" height="22" rx="11" fill="%23191919"/><path d="M7.50195 9.37927L11.0054 12.8827L14.5088 9.37927" stroke="white" stroke-width="1.5"/><path d="M11.0059 12.8827V5" stroke="white" stroke-width="1.5"/><path d="M6 16.1729H16" stroke="white" stroke-width="1.5"/></svg>') no-repeat center / contain;}

.enter_btn.more .ico{background: url('data:image/svg+xml,<svg viewBox="0 0 24 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.5 22.75C8.54688 22.75 4.9375 20.6875 2.96094 17.25C0.984375 13.8555 0.984375 9.6875 2.96094 6.25C4.9375 2.85547 8.54688 0.75 12.5 0.75C16.4102 0.75 20.0195 2.85547 21.9961 6.25C23.9727 9.6875 23.9727 13.8555 21.9961 17.25C20.0195 20.6875 16.4102 22.75 12.5 22.75ZM13.2305 17.6367L18.043 12.8242L18.7734 12.0938L17.3125 10.6758L16.582 11.4062L13.5312 14.457V6.59375V5.5625H11.4688V6.59375V14.457L8.41797 11.4062L7.6875 10.6758L6.22656 12.0938L6.95703 12.8242L11.7695 17.6367L12.5 18.3672L13.2305 17.6367Z" fill="%23191919"/></svg>') no-repeat center / contain;}



/* header */
/*.header {position: fixed; left: 0; top: 0; width: 100%; background-color: #fff; z-index: 60;}*/
.header {position: fixed; left: 0; top: 0; width: 100%; background-color: #fff; z-index: 200; transition:transform 0.5s ease-in-out;}
.header.down{transform: translateY(-100%); }
.header.up{transform: translateY(0); box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);}

/* .header .in{width: max(148rem, 1440px);} */
.header .cont_in {display: flex; align-items: center; height: var(--hdH)}
.header .logo {width: 22rem;}
.header .logo svg {width: 100%; height: auto;}
.header .nav {margin-left: auto; font-size: var(--txt1);}
.header .nav{height:100%;}
.header .nav .depth1 {display: flex; height: 100%; margin-left: auto; font-size: var(--txt1);}
.header .nav .depth1 > li { position: relative; height: 100%;}
.header .nav .depth1 > li > a { display: flex; align-items: center; padding: 0 2em; font-weight: 600; height: 100%; line-height: 1.4;}
.header .nav .depth1 > li > a span {position: relative;}
.header .nav .depth1 > li > a span::before {content: ""; position: absolute; left: 0; bottom: -3px; width: 0%; height: 2px; background-color: #000; transition: width 0.3s ease-in-out;}
.header .nav .depth1 > li > a:hover span::before {width: 100%;}
.header .nav .depth1 > li.active > a > span:after{content: ""; position: absolute; left: 0; bottom: -3px; width: 100%; height: 2px; background-color: #000; transition: width 0.3s ease-in-out;}

.header .nav .depth2 {background-color: #fff; border-radius: 1.6rem; position: absolute; left: 50%; bottom: -5rem; transform: translate(-50%,100%); white-space: nowrap; padding: 1.5rem 0; opacity: 0; pointer-events: none; box-shadow: 0 0 10px rgba(0,0,0,0.1); transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, bottom 0.3s ease-in-out;}
.header .nav .depth1 > li:hover .depth2 {bottom: 0rem; opacity: 1; pointer-events: unset; }
.header .nav .depth2 a {display: block; padding: 0.5em 1.5em; font-size: var(--txt3); letter-spacing: 0.2px; font-weight: 600; transition: color 0.3s ease-in-out;}
.header .nav .depth2 li:hover a{color:var(--blue);}
.header .nav .depth2 li.active a{color: var(--blue);}

.header .share_wrap{position: relative;}
.header .share_wrap .share_btn{display: flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; cursor: pointer;}
.header .share_wrap .share_btn svg{display: block; width: 100%; height:100%;}
.header .share_wrap .share_btn path{font-size: 2.8rem; transition: stroke 0.25s;}
.header .share_wrap .share_btn:hover path{stroke:var(--blue);}

.header .share_wrap .sns_box{position: absolute; top: calc(100% + 13px); left: 50%; transform: translateX(-50%); pointer-events: none; opacity: 0; transition: all 0.3s;}
.header .share_wrap.open .sns_box{opacity: 1; transition: all 0s;}
.header .share_wrap .sns_box .sns_btn{opacity: 0; transform: translateY(-5px);}
.header .share_wrap.open .sns_box .sns_btn{opacity: 1; transform: translateY(0); pointer-events: auto; transition: all 0.3s;}
.header .share_wrap .sns_box div{display: flex; align-items: center; justify-content: center; background: var(--org); width: 45px; height: 45px; border-radius: 50%; cursor: pointer;}
.header .share_wrap .sns_box div svg{display: block; width: 100%; height:100%;}
.header .share_wrap .sns_box div + div{margin-top: 5px;}
.header .share_wrap .sns_box rect{transition: fill 0.5s ease;}

.header .share_wrap .sns_box .sns_btn:nth-child(1){transition-delay: 0.1s}
.header .share_wrap .sns_box .sns_btn:nth-child(2){transition-delay: 0.3s}
.header .share_wrap .sns_box .sns_btn:nth-child(3){transition-delay: 0.5s}
.header .share_wrap .sns_box .sns_btn:nth-child(4){transition-delay: 0.7s}

.header .share_wrap .sns_box .sns_btn:hover rect { fill: var(--blue); }



/* footer */
.footer {background-color: #313131; color: #fff; }

.footer .foo_in {display: flex; justify-content: space-between; align-items: flex-end; padding: 5.6rem 0;}

.footer .left_box .logo{width: 24rem; min-width:240px;}
.footer .left_box .logo svg{display: block; width: 100%; height:100%;}
.footer .left_box .logo path {fill: #fff;}
.footer .left_box .txt_box {margin-top: 3rem;color: rgba(255,255,255,0.8); font-size: var(--txt3);}
.footer .left_box .txt_box .txt,
.footer .left_box .txt_box ul li {text-decoration: none;}
.footer .left_box .txt_box ul {display: flex; margin: 0.75rem 0;}
.footer .left_box .txt_box ul li strong {font-weight: 600;}
.footer .left_box .txt_box ul li + li {margin-left: 2.5rem;}
.footer .left_box .txt_box ul li strong {color: #fff;}

.footer .logo_box {display: flex; align-items: center; font-size: 1rem;}
.footer .logo_box .logo.num1 {width: 11.6em;}
.footer .logo_box .logo.num2 {width: 22em;}
.footer .logo_box .logo + .logo {margin-left: 4rem;}

.sponsor_sect {background-color: #F1F1F1; padding: 3rem 0; color: #000; margin-top: var(--mainSectMt);}
.sponsor_sect .in {width: 1440px;}
.sponsor_sect .cont_in {display: flex; align-items: center;}
.sponsor_sect .cont_in .tit {font-size: var(--txt0); font-weight: 700; margin-right: 6rem;}
.sponsor_sect .cont_in .img_box {flex: 1; display: flex;}
.sponsor_sect .cont_in .img_box .img {flex: 1; background-color: #fff; border-radius: 1.5rem; overflow: hidden;}
.sponsor_sect .cont_in .img_box .img + .img {margin-left: 2.5rem;}
.sponsor_sect .cont_in .img_box .img img {width: 100%;}


/* quick_menu */
.quick_menu {position: fixed; display:flex; flex-direction: column; align-items: flex-end; bottom: 14rem; right: 0; --quickWh:10rem; z-index: 200;}
.quick_menu > * { height: var(--quickWh); border-radius:2.4rem 0 0 2.4rem ; box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.15);}

.quick_menu .quick_btn{display: flex; align-items: center; background:var(--blue); color:#fff; cursor: pointer; transform:translateX(calc(100% - var(--quickWh))); transition:transform 0.5s ease-in-out;}
.quick_menu .quick_btn:hover{transform:unset;}
.quick_menu .quick_btn .img_box{display: flex; justify-content: center; align-items: center; width: var(--quickWh); height: var(--quickWh); }
.quick_menu .quick_btn .img_box .img{width: 58%;}
.quick_menu .quick_btn .txt_box{display:flex;  align-items: center; font-size:var(--txt2); font-weight: 600; padding-right: 2rem;}
.quick_menu .quick_btn .txt_box .ico{width: 1.2em; height: 1.2em;}
.quick_menu .quick_btn .txt_box .ico svg{display: inline-block; width: 100%; height: 100%; margin-left: 0.3em;}

.quick_menu .top_btn{width: var(--quickWh); display: flex; justify-content: center; align-items: center; margin-top: 2rem; background:#fff;}
.quick_menu .top_btn svg{width:3.6rem; height:3.6rem; transition:transform 0.3s ease-in-out;}
.quick_menu .top_btn:hover svg{ transform:translateY(-8px);}







/* 알랏레이어 */
.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:55rem; max-width: 100%; padding: 40px var(--modal_row_pd) 40px; margin: 0 auto; background-color: #fff; border-radius: 12px;}
.msg_layer .modal_wrap .modal_cont .cont {padding: 4rem 3rem}
.msg_layer .modal_wrap .modal_cont .cont p {font-size: var(--p2); 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: #000; border: 1px solid #000; 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;}
.msg_layer .btn_wrap .btm_btn .txt { font-weight: 600; }
.msg_layer .btn_wrap > * + * { margin-left: 1rem; }



/* 모달 */
.modal {display: block; overflow: auto; position: fixed; top:0; left:0; right:0; bottom:0; z-index: 9999; opacity: 0; width:100%; height: 100%; padding: 8rem 0; font-size: var(--subTxt); background: rgba(0,0,0,0.7); pointer-events: none; transition: 0.3s ease-in-out;}
.modal.open {opacity: 1; pointer-events: inherit; }

.modal .modal_wrap {display: table; table-layout: fixed; vertical-align: middle; margin: 0 auto; width: 100%; height: 100%; position: relative; padding: 0 2rem;}
.modal .modal_wrap .scroll_box {display: table-cell; vertical-align: middle}


.modal_cont {position: relative; width: 100rem; max-width: 100%; margin: 0 auto; }
.modal_cont .modal_top{display: flex; align-items: center; justify-content: space-between; font-size:var(--txt1); padding: 2.4rem 2.4rem 2rem; background: var(--blue); color:#fff;}
.modal_cont .modal_top .tit{margin-right: 1.5em; font-size:var(--txt1); font-weight: 700;}
.modal_cont .modal_top .modal_close{width: 1.4em; height: 1.4em;}
.modal_cont .modal_top .modal_close i{font-size:1.3em;}
/* .modal_cont.terms .modal_top .modal_close {width: 3rem; height: 3rem; cursor: pointer; z-index: 2;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23000" d="M420.7 36.7c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6L246.6 256 443.3 452.7c6.2 6.2 6.2 16.4 0 22.6s-16.4 6.2-22.6 0L224 278.6 27.3 475.3c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6L201.4 256 4.7 59.3c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L224 233.4 420.7 36.7z"/></svg>') no-repeat center; background-size: 1.2em; } */
/* .over_modal .modal_cont .modal_close {position: absolute; top: 3rem; right: 3rem; width: 3rem; height: 3rem; cursor: pointer; z-index: 2;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23000" d="M420.7 36.7c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6L246.6 256 443.3 452.7c6.2 6.2 6.2 16.4 0 22.6s-16.4 6.2-22.6 0L224 278.6 27.3 475.3c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6L201.4 256 4.7 59.3c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L224 233.4 420.7 36.7z"/></svg>') no-repeat center; background-size: 1.2em; transition: transform 0.5s; }
.over_modal .modal_cont .modal_close.wh {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23fff" d="M420.7 36.7c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6L246.6 256 443.3 452.7c6.2 6.2 6.2 16.4 0 22.6s-16.4 6.2-22.6 0L224 278.6 27.3 475.3c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6L201.4 256 4.7 59.3c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L224 233.4 420.7 36.7z"/></svg>') no-repeat center/cover;} */

.over_modal {display: block; overflow: auto; position: fixed; top:0; left:0; right:0; bottom:0; z-index: 9999; opacity: 0; width:100vw; height: 100vh; padding: 8rem 0; background: rgba(0,0,0,0.7); font-size: var(--subTxt); pointer-events: none; transition: 0.3s ease-in-out;}
.over_modal.open {opacity: 1; pointer-events: inherit; }
.over_modal .modal_wrap {display: table; table-layout: fixed; vertical-align: middle; margin: 0 auto; width: 100%; height: 100%; position: relative; padding: 0 2rem;}
.over_modal .modal_wrap .scroll_box {display: table-cell; vertical-align: middle}
.over_modal .modal_wrap .modal_cont {position: relative; width: 60rem; max-width: 100%; margin: 0 auto;}
/* .over_modal .modal_wrap .modal_cont .modal_close { width: 1em; height: 1em; cursor: pointer; z-index: 2;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23000" d="M420.7 36.7c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6L246.6 256 443.3 452.7c6.2 6.2 6.2 16.4 0 22.6s-16.4 6.2-22.6 0L224 278.6 27.3 475.3c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6L201.4 256 4.7 59.3c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L224 233.4 420.7 36.7z"/></svg>') no-repeat center; background-size: 1.2em;} */
/* .over_modal .modal_wrap .modal_cont .modal_close.wh {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23fff" d="M420.7 36.7c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6L246.6 256 443.3 452.7c6.2 6.2 6.2 16.4 0 22.6s-16.4 6.2-22.6 0L224 278.6 27.3 475.3c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6L201.4 256 4.7 59.3c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L224 233.4 420.7 36.7z"/></svg>') no-repeat center/cover;} */

.modal_cont.terms{overflow: hidden; border-radius: 2.4rem;}
.modal_cont.terms .cont{overflow-y: auto; max-height: 65vh; padding: 2.4rem 2.4rem 3rem; font-size: 1.4rem; background-color: #f6f6f6; border-radius: 0 0 2.4rem 2.4rem; font-size: var(--txt3);}
.modal_cont.terms .cont .h3 {font-weight: 700; font-size: 15px; margin-bottom: 5px;}
.modal_cont.terms .cont .sect + .sect {margin-top: 20px;}
.modal_cont.terms .cont::-webkit-scrollbar{width: 10px;}
.modal_cont.terms .cont::-webkit-scrollbar-thumb{background: #d7d7d7; border-right: 5px solid #f6f6f6; border-radius: 3px; border-top-right-radius: 8px 3px; border-bottom-right-radius: 8px 3px;}
.modal_cont.terms .cont::-webkit-scrollbar-track{background: #f6f6f6;}
.modal_cont.terms .cont::-webkit-scrollbar-button:vertical:decrement{height: 15px;}
.modal_cont.terms .cont::-webkit-scrollbar-button:vertical:increment{height: 15px;}


.modal .modal_cont.member{width: 60rem; background: none;}
.modal .member .btn_wrap{display: flex; justify-content: center; margin-top: 5.6rem;}
.modal .member .btn_wrap a{flex: 1; max-width: 50%; padding: 1.2em 0; background: var(--pink); border: 1px solid var(--pink); color: #fff; font-size: var(--txt3); font-weight: 700; text-align: center; border-radius: 2em; line-height: 1em; transition: background 0.25s, color 0.25s;}
.modal .member .btn_wrap a + a{margin-left: 0.8rem;}
.modal .member .btn_wrap a.line{background: #fff; border-color: #232323; color: #232323; font-weight: 400;}







/* 반응형 */
@media screen and (min-width: 3200px){
    html { font-size: 12px; }
}

@media screen and (min-width: 2561px) {
    html {font-size: clamp(10px, 0.625vw + 4px, 12px);}
}

/* Hover */
@media screen and (min-width: 1024px) {

    .enter_btn:hover .ico {background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="white" d="M256 0a256 256 0 1 1 0 512A256 256 0 1 1 256 0zm88 144l-152 0-24 0 0 48 24 0 94.1 0L151 327l-17 17L168 377.9l17-17 135-135L320 328l0 24 48 0 0-24 0-160 0-24-24 0z"></path></svg>') no-repeat center / contain;}
    .enter_btn.line_wh:hover {background-color: #fff; color: #000; fill: #000;}
    .enter_btn.line_wh:hover .ico{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 0a256 256 0 1 1 0 512A256 256 0 1 1 256 0zm88 144l-152 0-24 0 0 48 24 0 94.1 0L151 327l-17 17L168 377.9l17-17 135-135L320 328l0 24 48 0 0-24 0-160 0-24-24 0z"></path></svg>') no-repeat center / contain;}
    .enter_btn:hover {background-color: #000; fill: #fff; color: #fff;}
    .enter_btn.line_bk:hover .ico {background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="white" d="M256 0a256 256 0 1 1 0 512A256 256 0 1 1 256 0zm88 144l-152 0-24 0 0 48 24 0 94.1 0L151 327l-17 17L168 377.9l17-17 135-135L320 328l0 24 48 0 0-24 0-160 0-24-24 0z"></path></svg>') no-repeat center / contain;}
    .enter_btn.down:hover .ico{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22" fill="none"><rect width="22" height="22" rx="11" fill="%23ffffff"/><path d="M7.50195 9.37927L11.0054 12.8827L14.5088 9.37927" stroke="black" stroke-width="1.5"/><path d="M11.0059 12.8827V5" stroke="black" stroke-width="1.5"/><path d="M6 16.1729H16" stroke="black" stroke-width="1.5"/></svg>') no-repeat center / contain;}
    .enter_btn.more:hover .ico{background: url('data:image/svg+xml,<svg viewBox="0 0 24 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.5 22.75C8.54688 22.75 4.9375 20.6875 2.96094 17.25C0.984375 13.8555 0.984375 9.6875 2.96094 6.25C4.9375 2.85547 8.54688 0.75 12.5 0.75C16.4102 0.75 20.0195 2.85547 21.9961 6.25C23.9727 9.6875 23.9727 13.8555 21.9961 17.25C20.0195 20.6875 16.4102 22.75 12.5 22.75ZM13.2305 17.6367L18.043 12.8242L18.7734 12.0938L17.3125 10.6758L16.582 11.4062L13.5312 14.457V6.59375V5.5625H11.4688V6.59375V14.457L8.41797 11.4062L7.6875 10.6758L6.22656 12.0938L6.95703 12.8242L11.7695 17.6367L12.5 18.3672L13.2305 17.6367Z" fill="%23fff"/></svg>') no-repeat center / contain;}

}


@media screen and (max-width: 2560px) {
    html { font-size: clamp(8.5px, 0.15625vw + 5.5px, 10px); }
}


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


    :root {

        /*--hdH: 9rem;*/

        --mainSectMt: 15rem;
        --mainContMt: 5rem;
        --subSectPd: 15rem;

        /*--tit: 4.8rem; !* 60 *!*/
        /*--tit2: 4.6rem; !* 53 *!*/
        --tit3: max(3.2rem, 32px); /* 45 */
        --smTit: 28px; /* 40 */

        --txt0: max(2.1rem, 21px);
        --txt1: max(1.9rem, 19px);
        /*--txt2: max(1.8rem, 18px);*/
        /*--txt3: max(1.6rem, 16px); !* 18 *!*/

        /*--smTxt1: max(1.3rem, 14px);*/
        /*--smTxt2: max(1.1rem, 13px); !* 14 *!*/

    }

    .quick_menu{--quickWh:9rem;}
    .quick_menu .quick_btn .txt_box{font-size: 17px;}




}


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

    html { font-size: 8px; }

    :root{
        --subSectPd: 12rem;
        /*--tit2: 4.2rem;*/
        --tit3: max(2.8rem, 28px);
        --txt0: max(1.9rem, 19px);
        --txt1: max(1.7rem, 17px);
        --txt2: max(1.6rem, 16px);
        --txt3: max(1.5rem, 15px);
    }


    .header .depth1 > li > a{padding: 0 1.5em;}

    .sponsor_sect .cont_in .img_box .img img{padding:0 10%;}
    .quick_menu{bottom:5rem; --quickWh: 8rem;}
    .quick_menu .quick_btn .txt_box{font-size: 16px;}




}

@media screen and (max-width: 1240px){
    .in{max-width: 100%; min-width:0; width: 100%;}

    .mo_over { display: none !important; }
    .mo_only { display: block !important; }

    .header .cont_in{ justify-content:space-between;}
    .header.down{transform: translateY(0);}
    .header .utils{display:flex; align-items:center}
    .header .share_wrap .share_btn{width:25px; height:25px;}
    .header .ham_btn {width:25px; height:25px; margin-left:15px}
    .header .ham_btn svg{width:100%; height:100%;}

    .header .nav { display: block; position: fixed; left: 0; top: 0; transform: translate(100%, 0); width: 100%; height: 100vh; padding: 0 0 10rem; background-color: var(--blue); color: #fff; transition: left 0.5s ease; z-index: 100; }
    .header .nav.open { left: -100%; overflow-y: auto; }

    .header .nav .mo_top{display:flex !important; justify-content:space-between; align-items: center; padding: 0 var(--inPd); height:var(--hdH); margin-bottom:2rem; border-bottom:1px solid rgba(255,255,255,.3);}
    .header .nav .mo_top .logo{width: 22rem;}
    .header .nav .mo_top .logo svg path{fill:#fff;}
    .header .nav .close_btn { display: flex; align-items: center; justify-content: center; width: 1.25em; height: 1.25em; font-size: 3rem; cursor: pointer; }
    .header .nav .close_btn svg{width: 100%; height: 100%; fill: #fff;}

    .header .nav .depth1 { display: block; width: 100%; height: auto;}
    .header .nav .depth1 > li { width: auto; height: auto; }
    .header .nav .depth1 > li > a { font-size: 2.4rem; padding: 2rem 3rem; font-weight: 700;}
    /*.header .nav .depth1 > li.active > a { color: var(--yellow); }*/
    .header .depth1 > li.active > a > span:after{display:none;}

    .header .nav .depth1 > li > a span:before { display: none; }
    .header .nav .depth1 > li:not(.dir_menu) > a:after {content: "\f078";display: inline-block;position: static;width: auto;height:auto;font-size: 1em;transform: translateX(0);vertical-align: middle;line-height: 1;margin-left: auto;font-weight: 500;transition: transform .3s;opacity: 1;background-color: transparent;font-family: "Font Awesome 6 Pro";z-index: 2;}
    .header .nav .depth1 > li.on > a:after { transform: rotate(180deg); }
    .header .nav .depth1 > li > a:before { display: none; }

    .header .nav .depth1 > li > .depth2{position: static; opacity: 1; transform: none; margin: 0 3rem; padding:0; color:#000; text-align: left; pointer-events: auto;}
    .header .nav .depth1 > li > .depth2 {max-height: 0; overflow: hidden; opacity: 0; transition: max-height 0.5s linear, opacity 0.5s linear;}
    .header .nav .depth1 > li > .depth2.open {max-height: 500px; opacity: 1;}
    .header .nav .depth1 > li > .depth2 > li:first-child{padding-top: 1rem;}
    .header .nav .depth1 > li > .depth2 > li:last-child{padding-bottom: 1rem;}
    .header .nav .depth1 > li > .depth2 > li > a{font-size: 2rem;}

    .header .nav .depth1 > li > .depth2 li:hover a{color:inherit;}


    .quick_menu .top_btn{display:none;}






}



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

    :root{
        --mainSectMt: 80px;
        --mainContMt: 40px;
        --subSectPd: 12rem;
        --tit: 30px;
        --tit2: 28px;
        --tit3: 24px;
        --smTit: 24px;

        --txt0: 18px;
        --txt1: 15px;
        --txt2: 14px;
        --txt3: 13px;

        --smTxt1: 13px;
    }

    .quick_menu{--quickWh:50px; border-radius: 10px;}
    .quick_menu{bottom:5rem;}
    .quick_menu > *{border-radius:10px 0 0 10px ;}

    /*.quick_menu .quick_btn .txt_box{display:none;}*/
    .quick_menu .quick_btn{transform:translateX(calc(100% - var(--quickWh)));}
    .quick_menu .quick_btn:hover{}
    .quick_menu .top_btn{margin-top:15px;}
    .quick_menu .top_btn svg{width:45%; height:45%;}
    .quick_menu .top_btn:hover svg{transform:unset;}

    .header .share_wrap .sns_box div{width: 40px; height:40px;}



}


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


    .footer .foo_in{flex-direction:column; align-items: flex-start; padding-bottom:90px;}
    .footer .logo_box{margin-top: 30px; font-size: 0.9rem;}


    .quick_menu{width: 100%; transform: unset; bottom: 0;}
    .quick_menu .quick_btn{transform: unset; width: 100%; border-radius: 0; height: 60px; padding: var(--inPd)}
    .quick_menu .quick_btn .img_box{width: 30px; margin-right: 0.5em;}
    .quick_menu .quick_btn .img_box .img{width: 100%}
    .quick_menu .quick_btn .txt_box{width: 100%; display: flex; justify-content: space-between; padding-right: 0; line-height: 1;}
}



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

    :root{
        --mainSectMt: 80px;
        --mainContMt: 30px;
        --subSectPd: 60px;
        --hdH: 8rem;

        --tit1: 26px;
        --tit2: 24px;
        --tit3: 22px;
        --smTit: 20px;

        --txt0: 16px;
        --txt1: 15px;
        --txt2: 13px;
        --txt3: 12px;

        --smTxt1: 11px;
    }

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

    .header .logo,
    .header .nav .mo_top .logo{width: 150px;}

    .header .nav .depth1 > li > a{font-size:18px;}
    .header .nav .depth1 > li > .depth2 > li > a{font-size:16px;}

    .header .share_wrap .share_btn,
    .header .ham_btn{width:22px; height:22px;}

    .footer .foo_in{padding: 30px 0 75px;}
    .footer .left_box .logo{width: 160px; min-width:0;}
    .footer .left_box .txt_box{margin-top: 20px;}
    .footer .logo_box{font-size:0.75rem;}

    .footer .left_box .txt_box ul{flex-direction:column; }
    .footer .left_box .txt_box ul li + li{margin-left: 0;}

    .quick_menu { --quickWh: 40px;}
    .quick_menu .top_btn{margin-top: 10px;}


    .modal_cont .modal_top{padding:15px 2.4rem 10px;}

    .quick_menu .quick_btn{height: 50px; padding: 0 15px;}
    .quick_menu .quick_btn .img_box{width: 30px; margin-right: 0.5em;}
    .quick_menu .quick_btn .txt_box{font-size:15px;}





}


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



}