@charset "utf-8";
@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 700;
    src: local('Spoqa Han Sans Neo Bold'),
    url('https://image.donga.com/font/SpoqaHanSansNeo-Bold.woff2') format('woff2'),
    url('https://image.donga.com/font/SpoqaHanSansNeo-Bold.woff') format('woff'),
    url('https://image.donga.com/font/SpoqaHanSansNeo-Bold.ttf') format('truetype');
}


@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 500;
    src: local('Spoqa Han Sans Neo Medium'),
    url('https://image.donga.com/font/SpoqaHanSansNeo-Medium.woff2') format('woff2'),
    url('https://image.donga.com/font/SpoqaHanSansNeo-Medium.woff') format('woff'),
    url('https://image.donga.com/font/SpoqaHanSansNeo-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 400;
    src: local('Spoqa Han Sans Neo Regular'),
    url('https://image.donga.com/font/SpoqaHanSansNeo-Regular.woff2') format('woff2'),
    url('https://image.donga.com/font/SpoqaHanSansNeo-Regular.woff') format('woff'),
    url('https://image.donga.com/font/SpoqaHanSansNeo-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 300;
    src: local('Spoqa Han Sans Neo Light'),
    url('https://image.donga.com/font/SpoqaHanSansNeo-Light.woff2') format('woff2'),
    url('https://image.donga.com/font/SpoqaHanSansNeo-Light.woff') format('woff'),
    url('https://image.donga.com/font/SpoqaHanSansNeo-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 100;
    src: local('Spoqa Han Sans Neo Thin'),
    url('https://image.donga.com/font/SpoqaHanSansNeo-Thin.woff2') format('woff2'),
    url('https://image.donga.com/font/SpoqaHanSansNeo-Thin.woff') format('woff'),
    url('https://image.donga.com/font/SpoqaHanSansNeo-Thin.ttf') format('truetype');
}

@font-face {
    font-family:"Gmarket Sans";
    font-weight: 700;
    src: url('https://image.donga.com/font/GmarketSansBold250514.woff') format('woff'),
    url('https://image.donga.com/font/GmarketSansBold.woff2') format('woff2'),    
    url('https://image.donga.com/font/GmarketSansBold.otf') format('otf');
}

@font-face {
    font-family:"Gmarket Sans";
    font-weight: 500;
    src: url('https://image.donga.com/font/GmarketSansMedium250514.woff') format('woff'),
    url('https://image.donga.com/font/GmarketSansMedium.woff2') format('woff2'),    
    url('https://image.donga.com/font/GmarketSansMedium.otf') format('otf');
}

@font-face {
    font-family:"Gmarket Sans";
    font-weight: 300;
    src: url('https://image.donga.com/font/GmarketSansLight250514.woff') format('woff'),
    url('https://image.donga.com/font/GmarketSansLight.woff2') format('woff2'),    
    url('https://image.donga.com/font/GmarketSansLight.otf') format('otf');
}

:root{
    --c_point:#5C85FE;
    --c_title:#111;
    --c_placeholder:#878787;
    --c_emph:#ff6767;    
    --c_l1:#ccc;
    --c_l2:#e5e5e5;
    --c_point_bg:#A8BEFF;
    --c_bg:#f5f5f5;
    --c_bg2:#E0E8FF;

    --fs_hl:20px;
    --fs_t:15px;
    --fs_text:14px;
    --fs_cap:13px;
}

html,body,div,ul,ol,dl,li,dt,dd,p,h1,h2,h3,h4,h5,h6,table,th,td,caption,address,article,aside,canvas,details,figure,figcaption,footer,header,menu,nav,section,button,select,textarea,input,fieldset,legend,a,span,strong,em,address,dfn,small,i,b {margin: 0;padding: 0;border: 0;list-style: none;font-size: inherit;font-weight: inherit;font-family: inherit;line-height: inherit;word-break: inherit;word-wrap: inherit;box-sizing: inherit;}
:before,:after {box-sizing: inherit;}
article,aside,canvas,details,figure,figcaption,footer,header,menu,nav,section {display: block;}
body {word-break: keep-all;word-wrap: break-word;box-sizing: border-box;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;}
html[lang='ja'] body,
html[lang='zh'] body {word-break: normal;}
[hidden],hr {display: none;}
img {display:block;width:100%;vertical-align:middle;}
button {background-color: transparent;cursor: pointer;}
b,strong {font-weight: inherit;}
fieldset,iframe {width: 100%;}
img,a,frame,iframe,fieldset {border: 0;}
a {text-decoration: none;color: inherit;display: block;}
table {width: 100%;border-spacing: 0;border-collapse: collapse;}
caption {display: block;position: absolute;left: -9999px;}
legend {position: absolute;left: -9999em;top: -9999em;}
button {overflow: hidden;background-color: transparent;cursor: pointer;}
button::-moz-focus-inner {border: 0px;padding: 0px;}
em {font-style:normal;}
html,body {height:100%;scrollbar-gutter:stable;}
input,select{appearance:none;}
input[type=radio],
input[type=radio] + label,
input[type=checkbox],
input[type=checkbox] + label,
select{cursor:pointer;}

#wrap{width:100%;}
.wrap{background:url(../img/main_bg.jpg)no-repeat;background-position:center;background-size:cover;background-attachment:fixed;}
.div_wrap{width:100%;height:100%;display:flex;justify-content:center;align-items:stretch;}
.section > .inner{position:relative;}
h1.logo a{display:block;}
h1.logo a img{width:100%;}
.img_m{display:none;}
.noscroll{overflow:hidden!important;}
.div_box{display:flex;}

body:has(.dim[style="display: block;"]){overflow:hidden;}
.dim.bot_pop{max-width:500px;left:calc(50% + 350px);transform: translateX(-50%);}

/* 버튼 */
button.btn{box-sizing:border-box;}
.btn.basic{display:flex;justify-content:center;align-items:center;gap:5px;padding:11px 26px ;border-radius:30px;background-color:#383838;font-family:"Spoqa Han Sans Neo";font-size:18px;font-weight:700;line-height:100%;color:#fff;}
.btn.basic .ic{display:block;width:9px;height:14px;background:url(../img/ic_arr_w.png)no-repeat;background-size:cover;}
.btn.border{font-size:var(--fs_cap);font-weight:500;line-height:
normal;color:var(--c_point);border:1px solid var(--c_point);border-radius:5px;padding:10.5px 10px;}
.btn.border.is_active{color:#fff;background-color:var(--c_point);}
.btn.border2{font-family:"Noto Sans KR";font-size:13px;font-weight:400;line-height:13px;color:var(--c_title);border-radius:15px;
border:1px solid #878787;}
.btn.border2:hover{color:var(--c_point);border-color:var(--c_point);}
.ic.arr_bl{display:block;width:14px;height:12.5px;background:url(../img/ic_arr_b2.png)no-repeat;background-position:center;background-size:100%;}
.btn.pos_r{margin-left:auto;}
.btn.border2:hover .ic.arr_bl{background:url(../img/ic_arr_bl2.png)no-repeat;background-position:center;background-size:100%;}

/* 메인 공통 */
.wrap .div_wrap{width:100%;max-width:1200px;margin:0 auto;}
.wrap .div_wrap > .section.main_t,
.wrap .div_wrap > .section.home
{height:100%;}

/* 메인 좌측 컨텐츠 */
.section.main_t{width:100%;max-width:700px;min-height:100vh;flex-shrink:1;}
.section.main_t > .inner{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;height:100%;padding:85px 34px 98px 23px;}
.section.main_t .box{position:relative;z-index:1;}
.section.main_t.web_v .box{position:fixed;}

.section.main_t.web_v .box.title{top:85px;left:auto;}
.section.main_t .box.title h1.logo{width:217px;margin-bottom:20px;}
.section.main_t .box.title h1.logo + h2.title{font-family:"Gmarket Sans";font-size:70px;font-weight:700;line-height:normal;color:#111;} 

.section.main_t .box.float_bg{position:absolute;right:5.714%;top:25%;width:502px;height:344px;z-index:0;}
.section.main_t.web_v .box.float_bg{position:fixed;right:unset;left:calc(50% - 180px);transform:translateX(-50%);top:260px;width:450px;height:308px;}
.section.main_t .box.float_bg .aniobj{position:absolute;display:block;opacity:0;}

.section.main_t .box.float_bg .aniobj.ani0{width:52.39%;left:28.884%;top:0;animation:mainObj0 10s linear forwards;}
.section.main_t .box.float_bg .aniobj.ani1{width:16.832%;left:11.77%;top:7.848%;animation: mainObj1 10s linear forwards;}
.section.main_t .box.float_bg .aniobj.ani2{width:28.486%;left:71.513%;top:7.848%;animation: mainObj2 10s linear forwards;}
.section.main_t .box.float_bg .aniobj.ani3{width:24.888%;left:0;bottom:7.848%;animation: mainObj3 10s linear forwards;}
.section.main_t .box.float_bg .aniobj.ani4{width:31.075%;left:68.924%;bottom:0;z-index:-1;animation: mainObj4 10s linear forwards;}

.section.main_t .box.float_bg .aniobj.ani0.loop{animation: mainObjLoop 10s linear infinite forwards;}
.section.main_t .box.float_bg .aniobj.ani1.loop{animation: mainObjLoop3 5s linear infinite forwards;}
.section.main_t .box.float_bg .aniobj.ani2.loop{animation: mainObjLoop3 4s linear infinite forwards;}
.section.main_t .box.float_bg .aniobj.ani3.loop{animation: mainObjLoop2 12s linear infinite backwards;}
.section.main_t .box.float_bg .aniobj.ani4.loop{animation: mainObjLoop3 16s linear infinite forwards;}


@keyframes mainObjLoop {
    0%{opacity:1;transform:translateY(-15px);}
    50%{transform:translateY(0%);}
    100%{opacity:1;transform:translateY(-15px);}
}
@keyframes mainObjLoop2 {
    0%{opacity:1;transform: translateY(0);}
    50%{transform: translateY(-15px);}
    100%{opacity:1;transform: translateY(0);}
}
@keyframes mainObjLoop3 {
    0%{opacity:1;transform: rotate(0);}
    50%{transform: rotate(-20deg);}
    100%{opacity:1;transform: rotate(0);}
}
@keyframes mainObj0 {
    5%{opacity:0;transform: translateY(-15px);}
    10%{opacity:1;}
    25%{transform: translateY(0%);}
    50%{transform: translateY(-15px);}
    75%{transform: translateY(0%);}
    100%{opacity:1;transform: translateY(-15px);}
}
@keyframes mainObj1{
    10%{opacity:0;}
    15%{opacity:1;}
    100%{opacity:1;}
}
@keyframes mainObj2{
    15%{opacity:0;}
    16%{transform:scale(0);}
    18%{transform:scale(1.2);}
    20%{opacity:1;transform:scale(1);}
    45%{opacity:1;transform: rotate(0deg);}
    50%{opacity:1;transform: rotate(-20deg);}
    55%{opacity:1;transform: rotate(0deg);}
    60%{opacity:1;transform: rotate(-20deg);}
    65%{opacity:1;transform: rotate(0deg);}
    100%{opacity:1;transform: rotate(0deg);}
}
@keyframes mainObj3{
    0%{opacity:0;}
    20%{opacity:0;transform:translate(100px, 100px);}
    23%{transform:translate(20px, 20px);}
    25%{opacity:1;transform:translate(0 0);}
    100%{opacity:1;}
}
@keyframes mainObj4{
    25%{opacity:0;}
    30%{opacity:1;}
    100%{opacity:1;}
}

.aniobj_m{display:none;}

.section.main_t.web_v .box.cc{left:auto;top:auto;bottom:118px;}
.section.main_t .box.cc{margin-top:auto;}
.section.main_t .box.cc .info_unit ~ .info_unit{margin-top:25px}
.section.main_t .box.cc h3.cap{font-family:"Gmarket Sans";font-size:20px;font-weight:700;line-height:100%;color:#111;margin-bottom:10px;}
.section.main_t .box.cc .info_unit:nth-of-type(2) h3.cap{margin-bottom:13px;}
.section.main_t .box.cc .info_unit:nth-of-type(3) h3.cap{margin-bottom:8px;}
.section.main_t .box.cc .center_num{font-family:"Gmarket Sans";font-size: 30px;font-weight:700;line-height:100%;margin-bottom:8px;}
.section.main_t .box.cc .desc{font-family:"Spoqa Han Sans Neo";font-size:18px;font-weight:400;line-height:normal;color:#111;}
.section.main_t .box.cc .desc br{display:none;}
.section.main_t .box.btn{display:flex;justify-content:flex-start;align-items:center;gap:14px;margin-top:25px;}

/* 메인 우측 컨텐츠 - 공통 */
.section.main_c{width:500px;background-color:#fff;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);min-width:500px;}
.section.main_c .inner{display:flex;flex-direction:column;height:100%;}
.header_logo{display:none;flex-direction:column;justify-content:center;align-items:flex-start;padding:16px 18px 0;box-sizing:border-box;}
.header_logo a{display:block;}
.header_logo .to_donga{width:101px;margin-bottom:12px;}
.header_logo .to_home{display:flex;font-family:"Gmarket Sans";font-size:28px;font-weight:700;line-height:22px;color:#111;padding-top:4px;}
.section.main_c .inner .content{display:flex;flex-direction:column;padding-bottom:35px;}
.main_c::-webkit-scrollbar{display:none;}
.main_c::-webkit-scrollbar{width:4px;background-color:#fefefe;}
.main_c::-webkit-scrollbar-thumb{width:4px;background-color:#dedede;border-radius:10px;}
.gnb{display:block;font-family:"Spoqa Han Sans Neo";
font-size:16px;line-height:normal;border-bottom:1px solid #ccc;}
.gnb > ul{display:flex;justify-content:space-around;align-items:center;}
.gnb > ul .menu{position:relative;}
.gnb > ul .menu.is_active::after{content:'';display:block;position:absolute;left:0;bottom:0;width:100%;height:4px;background-color:#5C85FE;}
.gnb > ul .menu > a{font-weight:500;color:#111;padding:26px 0;} 
.gnb > ul .menu.is_active > a{font-weight:700;color: #5C85FE;}

/* 메인 우측 컨텐츠 - 홈 */
.home .gnb{border-bottom:0;}
.home .banner_box{position:relative;}
.home .banner_box .banner_slide{position:relative;width:100%;height:auto;aspect-ratio:1 / 0.3;}
.home .banner_box .banner_slide .slide_item{display:none;position:absolute;left:0;top:0;width:100%;height:100%;}
.home .banner_box .banner_slide .slide_item:first-child{display:block;}
.home .banner_box .banner_slide .slide_item a{width:100%;height:100%;}
.home .banner_box .banner_slide .slide_item img{width:100%;height:100%;object-fit:cover;}
.home .banner_box .page{position:absolute;right:15px;bottom:15px;display:flex;justify-content:center;align-items:center;gap:2px;padding:2px 12px;font-family:"Spoqa Han Sans Neo";font-size:14px;font-weight:500;line-height:normal;color:#CACACA;background-color:rgba(17, 17, 17, 0.70);border-radius:30px;}
.home .banner_box .page .current{font-weight:700;color:#D7DEFF;}
/* 2507002 추가 */
.home .mySwiper .swiper-pagination{position:absolute;left:unset;right:15px;bottom:15px;display:flex;justify-content:center;align-items:center;gap:2px;width:51px;padding:2px 12px;font-family:"Spoqa Han Sans Neo";font-size:14px;font-weight:500;line-height:normal;color:#CACACA;background-color:rgba(17, 17, 17, 0.70);border-radius:30px;}
.home .mySwiper .swiper-pagination .swiper-pagination-current{font-weight:700;color:#D7DEFF;}

.section.subscribe {padding:0 15px;margin-top:30px;}
.section.subscribe .list_subscribe .list_item{border-radius:10px;overflow:hidden;}
.section.subscribe .list_subscribe .list_item:nth-child(1){background-color:#7CEDF5;}
.section.subscribe .list_subscribe .list_item:nth-child(1):hover{background-color:#A3EAEF;}
.section.subscribe .list_subscribe .list_item:nth-child(2){background-color:#FFD150;}
.section.subscribe .list_subscribe .list_item:nth-child(2):hover{background-color:#FFE18E;}
.section.subscribe .list_subscribe .list_item:nth-child(3){background-color:#81A6FF;}
.section.subscribe .list_subscribe .list_item:nth-child(3):hover{background-color:#B3CAFF;}

.section.subscribe .list_subscribe .list_item ~ .list_item{margin-top:15px;}
.section.subscribe .list_subscribe .list_item a{display:flex;justify-content:space-between;align-items:center;height:140px;padding-right:40px;padding-left:15px;}
.section.subscribe .list_subscribe .list_item .thumb{width:103px;flex-shrink:0;}

.section.subscribe .list_subscribe .thumb img{width:100%;}
.section.subscribe .list_subscribe .subtext{display:block;font-family:"Spoqa Han Sans Neo";font-size:15px;font-weight:400;line-height:normal;letter-spacing:-0.3px;color:#111;text-align:right;margin-bottom:5px;}
.section.subscribe .list_subscribe .tit{display:flex;justify-content:flex-end;align-items:center;font-family:"Spoqa Han Sans Neo";font-size:22px;font-weight:500;line-height:100%;color:#111;text-align:right;margin-left:auto;}
.section.subscribe .list_subscribe .tit span{display:inline-block;font-size:24px;font-weight:700;margin-right:5px;}
.section.subscribe .list_subscribe .list_item .ic{display:block;width:8px;height:13px;background:url(../img/ic_arr_b.png)no-repeat;background-size:7px 12px;background-position:center;margin-left:10px;}
.section.etc{padding:0 15px;} 
.section.etc .list_etc{display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;gap:10px;margin-top:30px;}
.section.etc .list_etc .list_item{width:calc((100% - 10px)/2);border-radius:30px;border:1px solid #E5E5E5;}
.section.etc .list_etc .list_item a{display:flex;justify-content:flex-start;align-items:center;gap:10px;padding:4px;}

.section.etc .list_etc .list_item .thumb{width:38px;height:38px;border-radius:50%;flex-shrink:0;background-color:#F5F5F5;}
.section.etc .list_etc .list_item .thumb img{width:100%;}
.section.etc .list_etc .list_item .tit{font-family:"Spoqa Han Sans Neo";font-size:15px;font-weight:500;line-height:normal;color:#000;}
.section.etc .list_etc .list_item a:hover .tit{color:rgba(0,0,0,0.6);}

.footer{font-family:"Spoqa Han Sans Neo";font-size:14px;color:#CDCDCD;margin-top:auto;padding:36px 15px;background-color:#3B3B3B;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);}
.footer .logo{font-size:14px;font-weight:500;}
.footer .info_lsit{margin-top:8px;}
.footer .info_lsit > ul{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;}
.footer .info_lsit li{font-weight:400;line-height:22px;margin-right:8px;}
.footer .info_lsit li:nth-child(3){width:100%;}
.footer .info_lsit li:last-child{margin-right:0;}
.footer .info_lsit li a{color:#CDCDCD;text-decoration:underline;}

/* 메인 우측 컨텐츠 - form 공통 */
.box.frame{font-family:'Spoqa Han Sans Neo';color:var(--c_title);padding:30px 16px 0;}
.frame .btn.b {font-size:16px;font-weight:700;color:#fff;background-color:var(--c_l1);}
.frame .btn.b.is_active{background-color:var(--c_point);}

.frame input[type=radio]{display:block;width:15px;height:15px;background:url(../img/ic_radio.png)no-repeat;background-size:100% 100%;flex-shrink:0;}
.frame input[type=radio]:checked{background:url(../img/ic_radio_on.png)no-repeat;background-size:100%;}
.frame input[type=checkbox]{display:block;width:17px;height:17px;background:url(../img/ic_chkbox.png)no-repeat;background-size:100% 100%;flex-shrink:0;}
.frame input[type=checkbox]:checked{background:url(../img/ic_chkbox_on.png)no-repeat;background-size:100%;}
.frame input[type="number"]{appearance:none;}
.frame input[type="number"]::-webkit-outer-spin-button,
.frame input[type="number"]::-webkit-inner-spin-button {-webkit-appearance:none;margin:0;}
.frame input:not([type="radio"]):not([type="checkbox"]){width:100%;font-size:14px;color:var(--c_title);border:1px solid var(--c_l1);border-radius:5px;padding:10px 15px;box-sizing:border-box;}
.frame input::placeholder{color:var(--c_placeholder);}
.frame select{width:100%;font-size:var(--fs_cap);color:var(--c_placeholder);border:1px solid var(--c_l1);border-radius:5px;padding:10px 35px 10px 15px;background:url(../img/ic_arr_down.png)no-repeat;background-size:15px 7px;background-position:center right 15px;box-sizing:border-box;}
.frame select:focus{background:url(../img/ic_arr_up.png)no-repeat;background-size:15px 7px;background-position:center right 15px;}

.select_box{position:relative;width:100%;height:40px;font-size: var(--fs_cap);color:var(--c_placeholder);}
.select_box.is_active{z-index:10;}
.select_box.is_active .opt_val{border-bottom:0;border-radius:5px 5px 0 0;}
.select_box .opt_val{display:block;width:100%;color:var(--c_l1);border:1px solid var(--c_l1);border-radius:5px;box-sizing:border-box;padding:11px 35px 10px 15px;background:url(../img/ic_arr_down.png) no-repeat;background-size:15px 7px;background-position:center right 15px;cursor:pointer;}
.select_box .opt_val:focus{outline:2px solid #000;}
.select_box.is_active .opt_val:focus{outline:0;}
.select_box .opt_val.slt{color:var(--c_title);}
.select_box.is_active .opt_val{background:url(../img/ic_arr_up.png)no-repeat;background-size:15px 7px;background-position:center right 15px;}
.select_box .opt_group{display:none;position:absolute;left:0;top:100%;width:100%;background-color:#fff;border:1px solid var(--c_l1);border-radius: 0 0 5px 5px;box-sizing:border-box;}
.select_box.is_active .opt_group{display:block;}
.select_box .opt_group li:hover{background-color:var(--c_point);}
.select_box .opt_group li ~ li{border-top:1px solid var(--c_l1);}

.select_box .opt_group li label{display:block;padding: 10px 35px 10px 15px;box-sizing: border-box;}
.select_box .opt_group li:hover label{color:#fff;}
.select_box .opt_group li input{display:none;}

.frame textarea{display:block;width:100%;min-height:84px;font-family:inherit;font-size:var(--fs_text);border:1px solid var(--c_l1);border-radius:5px;padding:9px 15px;box-sizing:border-box;resize:none;}

.frame .box.tab{display:flex;justify-content:center;align-items:center;border-radius:5px;overflow:hidden;}
.frame .box.tab .btn.tab{width:50%;font-size:var(--fs_text);font-weight:400;line-height:150%;color:var(--c_title);padding:10px 20px;background-color:#f1f1f1;text-align:center;}
.frame .box.tab .btn.tab ~ .btn.tab{border-left:1px solid #DFDFDF;}
.frame .box.tab .btn.tab.is_active{font-weight:700;color:#fff;background-color:var(--c_point);}
.frame .box.tab .btn.tab.is_active + .btn.tab{border-left:0;}
.cap{font-size:var(--fs_cap);font-weight:400;line-height:24px;color:var(--c_emph);}
.frame * + .cap{margin-top:15px;}
.frame .f_body{padding-top:30px;}
.frame:not(:has(.f_head)) .f_body{padding-top:0;}
.frame .f_group ~ .f_group{margin-top:50px;}
.frame .f_g_head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px;}
.frame .f_group:has(.f_g_head + .policy_list) .f_g_head{margin-bottom:15px;}
.frame .h_unit{display:flex;justify-content:flex-start;align-items:center;gap:5px;}
.frame .h_unit > label{font-size:var(--fs_cap);font-weight:400;line-height:normal;color:var(--c_placeholder);letter-spacing:-0.325px;}
.frame h3.title{font-size:21px;font-weight:700;line-height:normal;}
.frame h4.title{font-size:var(--fs_text);font-weight:700;line-height:normal;color:#000;}
.frame .input_list .input_unit ~ .input_unit{margin-top:20px;}
.frame .input_unit > label{display:block;font-size:var(--fs_t);font-weight:700;line-height:normal;color:var(--c_title);letter-spacing:-0.396px;margin-bottom:10px;}
.frame .input_unit > label .es{color: var(--c_emph);margin-left:4px;}
.frame .input_unit .div_box.address{justify-content:flex-start;align-items:center;gap:5px;margin-bottom:10px;}
.frame .input_unit .div_box.address .btn{padding:10.5px 9px;flex-shrink:0;}
.frame .input_unit .div_box.subpaper{justify-content:center;align-items:center;gap:10px;}
/* 250702 추가 */
.frame .month_money{margin-top:11px;font-size: 14px;color: #111;text-align:right;}
.frame .month_money strong{font-weight: 700;}
.frame .month_money .money{padding-left:5px;font-weight: 400;}

.frame .select_num{display:flex;justify-content:center;align-items:center;width:100px;height:40px;border:1px solid var(--c_l1);border-radius:5px;background:#f1f1f1;flex-shrink:0;}
.frame .select_num .btn{display:flex;justify-content:center;align-items:center;width:100%;height:100%;}
.frame .select_num .btn.minus .ic{display:block;width:100%;height:100%;background:url(../img/ic_minus.png)no-repeat;background-position:center;background-size:8px 1px;}
.frame .select_num .btn.plus .ic{display:block;width:100%;height:100%;background:url(../img/ic_plus.png)no-repeat;background-position:center;background-size:9px 9px;}
.frame .select_num input.num{width:40px;font-size:var(--fs_text);font-weight:400;line-height:40px;color:var(--c_title);text-align:center;flex-shrink:0;padding:0;border:0;background:none;}

.frame .div_box.radio{gap:27px;}/* 250702 수정 */
.frame .div_box.radio.type_v{flex-direction:column;gap:10px;}

.frame .radio_unit{display:flex;justify-content:flex-start;align-items:center;gap:5px;} 
.frame .radio_unit label{font-size:var(--fs_text);font-weight:400;line-height:normal;color:var(--c_title);}

.frame .div_box.chbbox{gap:30px;}
.frame .chb_unit{display:flex;justify-content:flex-start;align-items:center;gap:5px;} 
.frame .chb_unit label{font-size:var(--fs_text);font-weight:400;line-height:normal;color:var(--c_title);} 

.frame .box.type_b{border-radius:5px;background-color:var(--c_bg);padding:20px 15px;}
.frame * + .box.type_b{margin-top:20px;}
.frame .box.type_b .desc{font-size:13px;
font-weight:400;line-height:140%;color:var(--c_title);text-align:justify;word-break:break-all;}
.list.type_in > li{display:flex;justify-content:flex-start;align-items:flex-start;font-size:var(--fs_cap);font-weight:400;line-height:140%;color:var(--c_title);}
.list.type_in > li ~ li{margin-top:15px;}
.list.type_in > li::before{content:'';display:block;width:3px;height:3px;border-radius:50%;background-color:var(--c_placeholder);margin-right:5px;margin-top:6px;flex-shrink:0;}
.frame .div_box.gift{gap:10px;}
.frame .div_box.gift .btn.pick{min-width:48px;flex-shrink:0;}

.frame .policy_list .input_unit{border-top:1px solid #d9d9d9;}
.frame .policy_list .input_unit .chb_unit {padding:15px 8px 15px 0;gap:10px;}
.frame .policy_list .input_unit .chb_unit label{color:#000;cursor:pointer;}
.frame .policy_list .btn.type_text{margin-left:auto;}
.frame .policy_list .policy_detail{display:none;margin-bottom:15px;}
.frame .policy_list .input_unit.is_active .policy_detail{display:block;}
.btn.type_text{font-size:12px;font-weight:400;line-height:normal;color:var(--c_placeholder);text-decoration:underline;}
.list.text > li ~ li{margin-top:16px;}
.list.text li p{font-size:12px;font-weight:300;line-height:140%;color:var(--c_title);}
.list.text li p.bold{font-weight:500;}
.frame .box.submit_box{margin-top:40px;}
.frame .f_group > .box.submit_box{margin-top:20px;}
.frame .box.submit_box .btn.submit{width:100%;}
.policy_list + .box.type_b{margin-top:0;}
.frame .box.table ~ .box.table{margin-top:20px;}
.info_table{width:100%;}
.info_table th,
.info_table td{font-size:var(--fs_text);border:1px solid var(--c_l1);text-align:left;vertical-align:top;padding:8px 10px;}
.info_table th{font-weight:500;color:var(--c_title);background-color:var(--c_bg);}
.info_table td{font-weight:400;color:#000;}
.info_table th.table_title{font-weight:700;line-height:normal;color:#fff;letter-spacing:-0.35px;background-color:#b8b8b8;padding:10px;}
.mt10{margin-top:10px!important;}
.info_table.type2 th,
.info_table.type2 td{border-left:0;border-right:0;}
.no_data{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--c_bg);padding:60px 10px;}
.ic.excl{display:block;width:25px;height:25px;background:url(../img/ic_excl.png)no-repeat;background-size:cover;background-position:center;}
.no_data .ic{margin-bottom:10px;}
.no_data p{font-size:var(--fs_t);font-weight:400;line-height:160%;color:var(--c_title);text-align:center;}
.no_data p a{display:inline-block;font-weight:700;}
.input_list .input_unit select{font-size:var(--fs_text);}

/* 휴가철 */
.top_info_box{width:calc(100% + 32px);padding:22px 16px;margin:-30px -16px 0;box-sizing:border-box;}
.top_info_box.vaca{background:url(../img/img_bg.jpg)no-repeat;background-position:center;background-size:cover;}
.top_info_box .box.layer{border-radius:10px;
background:rgba(255, 255, 255, 0.80);padding:33.5px 24px;}
.top_info_box h4.tit{font-size:20px;font-weight:700;line-height:150%;color: var(--c_title);text-align:center;}
.top_info_box.vaca h4.tit{margin-bottom:30px;}
.top_info_box .desc{font-size:14px;font-weight:400;line-height:150%;color:#111;text-align:justify;word-break:break-all;}
.top_info_box .desc .bold{font-weight:700;}
.top_info_box + .cap{margin-top:30px;}

.div_box.multi{justify-content:flex-start;align-items:center;gap:5px;}
.div_box.multi.period span{display:block;width:fit-content;min-width:26px;font-family:'Pretendard';font-size:15px;font-weight:400;line-height:normal;letter-spacing:-0.375px;color:#181818;flex-shrink:0;}

.btn.list_accom{margin-top:15px;}
.btn.border2.list_accom{display:flex;justify-content:flex-start;align-items:center;gap:5px;font-family:"Noto Sans KR";padding:5px 10px;}

.div_box.vaca_pl{gap:5px;}
.div_box.vaca_pl .select_box.region{max-width:120px;}

.box.tab_c{display:none;padding-top:20px;}
.box.tab_c.is_active{display:block;}
.box.tab_c .input_unit{margin-top:20px;}

/* faq */
.group.tab{display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;gap:8px;box-sizing:border-box;margin-bottom:20px;}
.group.tab .btn.tab{display:block;height:36px;font-family:"Spoqa Han Sans Neo";font-size:14px;font-weight:500;line-height:36px;color:#000;padding:0 12px;border-radius:32px;background-color:var(--c_bg);flex-shrink:0;cursor:pointer;}
.group.tab .btn.tab.is_active{color:#fff;padding:0 15px;background-color:var(--c_point);}
.list.acd {font-family:"Spoqa Han Sans Neo";color:#000;}
.list.acd .list_item .item_head{display:flex;justify-content:flex-start;align-items:center;padding:14px 0;border-bottom:1px solid #f1f1f1;cursor:pointer;}
.list.acd .list_item .item_head .mark{display:flex;justify-content:center;align-items:center;width:35px;height:35px;flex-shrink:0;border-radius:50%;background-color:#d9d9d9;margin-right:15px;}
.list.acd .list_item.is_active .item_head .mark{background-color:var(--c_point);}
.list.acd .list_item .item_head .mark > span{display:block;font-family:"Gmarket Sans";font-size:16px;line-height:17px;font-weight:400;color:#fff;text-align:center;}
.list.acd .list_item .item_head p.desc{font-size:var(--fs_text);font-weight:500;line-height:150%;cursor:pointer;}
.list.acd .list_item .item_head .ic{display:block;width:15px;height:9px;background:url(../img/ic_arr_down2.png)no-repeat;background-position:center;background-size:cover;margin-left:auto;flex-shrink:0;transform:rotate(180deg);}
.list.acd .list_item.is_active .item_head .ic{transform:rotate(0);}
.list.acd .list_item .item_body{display:none;justify-content:flex-start;align-items:flex-start;padding:16px 12px;background-color:var(--c_bg);}
.list.acd .list_item.is_active .item_body{display:flex;}
.list.acd .list_item .item_body .mark{font-family:"Gmarket Sans";font-size:16px;font-weight:400;line-height:140%;color:#5A5A5A;margin-right:25px;}
.list.acd .list_item .item_body .desc{color:var(--c_title);font-size:14px;font-weight:500;line-height:150%;}

.box.policy p{font-size:var(--fs_text);font-weight:400;line-height:150%;color:var(--c_title);text-align:justify;word-break:break-all;}
.box.policy p span.bold{font-weight:700;}
.box.policy p.opt_val{color:var(--c_placeholder);}

/* 팝업 */
.dim{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:9990;}

.popup{display:none;position:fixed;background-color:#fff;overflow:hidden;font-family:'Spoqa Han Sans Neo';color:var(--c_title);z-index:9999;}
.popup.basic{left:50%;top:50%;transform:translate(-50%, -50%);width:calc(100% - 32px);max-width:328px;border:1px solid var(--c_l1);border-radius:5px;}
.popup_head{position:relative;padding:29px 20px 0;}
.popup .title{font-size:var(--fs_hl); font-weight:700;line-height:normal;}
.popup .popup_head .btn.close{position:absolute;right:21px;top:30px;display:block;width:14px;height:14px;background:url(../img/ic_x.png)no-repeat;background-size:cover;background-position:center;}
.popup_body{padding:10px 20px 20px;}
.popup .text{font-size:var(--fs_text);font-weight:400;line-height:normal;text-align:justify;word-break:break-all;}
.popup .check_data{padding-top:5px;margin-bottom:10px;}
.popup .check_data .text{line-height:160%;}
.popup .text.bold{font-weight:500;}
.popup .check_data .text.bold{font-weight:700;}
.popup .text.note{color:var(--c_emph);}
.popup .box.btn{display:flex;justify-content:center;align-items:center;gap:10px;width:100%;padding:20px 19px;border-top:1px solid var(--c_l2);}
.popup .box.btn .btn{width:100%;font-size:var(--fs_cap);font-weight:500;padding:12px 10px;}

.popup.bot_pop{left:calc(50% + 350px);transform:translateX(-50%);bottom:0;width:100%;max-width:500px;height:fit-content;max-height:calc(100vh - 62px);border-radius:20px 20px 0px 0px;padding-bottom:50px;}
.popup.bot_pop .popup_head{padding:41px 30px 0;}
.popup.bot_pop .popup_head .title{text-align:center;}
.popup.bot_pop .popup_body{position:relative;height:fit-content;max-height:calc(100vh - (62px + 96px + 50px));padding:30px 30px 40px;overflow-y:auto;}
.popup .box.btn.type_bot{position:absolute;left:0;bottom:0;padding:0;border-top:1px solid var(--c_point);background-color:#fff;}
.popup .box.btn.type_bot .btn{font-size:var(--fs_t);font-weight:400;line-height:18px;color:var(--c_point);padding:16px 10px;}
.popup .box.btn.type_bot .btn.is_active{font-weight:500;color:#fff;background-color:var(--c_point);}

/* 팝업 - 사은품 선택 */
.popup input[type=checkbox]{display:block;width:17px;height:17px;background:url(../img/ic_chkbox.png)no-repeat;background-size:cover;flex-shrink:0;}
.popup input[type=checkbox]:checked{background:url(../img/ic_chkbox_on.png)no-repeat;background-size:cover;}
.popup.bot_pop.gift_pop .popup_head{padding:41px 30px 30px;}
.popup.bot_pop.gift_pop .popup_body{padding:0 16px 40px;}
.popup.bot_pop.gift_pop .popup_body::-webkit-scrollbar{width:4px;background-color:#fefefe;}
.popup.bot_pop.gift_pop .popup_body::-webkit-scrollbar-thumb{width:4px;background-color:#dedede;border-radius:10px;}

.popup .list.gift{border-top:1px solid #d9d9d9;}
.popup .list.gift .list_item{border-bottom:1px solid #d9d9d9;}
.popup .list.gift .item_head{padding:0 5px;}
.popup .list.gift .chb_unit{display:flex;justify-content:flex-start;align-items:center;gap:10px;padding:15px 0;}
.popup .list.gift .chb_unit label{font-size:var(--fs_text);font-weight:400;line-height:normal;color:var(--c_title);}
.popup .list.gift .chb_unit input[type=radio]{display:block;width:17px;height:17px;background:url(../img/ic_chkbox.png)no-repeat;background-size:100% 100%;flex-shrink:0;}
.popup .list.gift .chb_unit input[type=radio]:checked{background:url(../img/ic_chkbox_on.png)no-repeat;background-size:100%;}
.popup .list.gift .chb_unit .ic{display:block;width:16px;height:9px;margin-left:auto;background:url(../img/ic_arr_down.png)no-repeat;background-position:center;background-size:16px 8px;opacity:0.7;}
.popup .list.gift .list_item.is_active .chb_unit .ic{transform:rotate(180deg);}
.popup .list.gift .list_item .item_body{display:none;}
.popup .list.gift .list_item.is_active .item_body{display:block;}

.popup .list.gift .div_box.gift_list{align-items:stretch;justify-content:center;}
.popup .list.gift .info_area{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;width:50%;padding:15px 12px;background-color:var(--c_bg);}
.popup .list.gift .info_area > ul > li{display:flex;justify-content:flex-start;align-items:flex-start;gap:5px;}
.popup .list.gift .info_area > ul > li ~ li{margin-top:10px;}
.popup .list.gift .info_area h5{font-size:var(--fs_cap);font-weight:700;line-height:140%;color:var(--c_title);min-width:40px;flex-shrink:0;}
.popup .list.gift .info_area li > div{font-size:var(--fs_cap);font-weight:400;line-height:140%;color:var(--c_title);}

.popup .list.gift .info_area ul + p{font-size:var(--fs_cap);font-weight:400;line-height:25px;color:var(--c_title);margin-top:auto;}
.popup .list.gift .info_area ul + p .bold{font-weight:700;}
.popup .list.gift .img_area{width:50%;height:100%;}
.popup .list.gift .img_area img{display:block;width:100%;height:100%;object-fit:cover;}
.popup .list.gift .item_body{display:none;}
.popup .list.gift .list_item.is_active:has(.nopick) .item_body{display:none;}
.popup .list.gift .list_item:has(.nopick) .chb_unit .ic{display:none;}

/* 2025 휴가철 맞춤 배달 대상 호텔 및 콘도 */

.popup.bot_pop.accom_pop .popup_head{padding:33px 16px 30px;}
.popup.bot_pop.accom_pop .popup_head .title{font-size:18px;}
.popup.bot_pop.accom_pop .popup_body{padding:0 16px 40px;}
.popup .list.accom{border-top:1px solid #D9D9D9;}
.popup .list.accom > li{border-bottom:1px solid #D9D9D9;}
.popup .list.accom .title_box {display:flex;justify-content:space-between;align-items:center;gap:10px;padding:15px 5px;}
.popup .list.accom .title_box .tit_reg{font-size:14px;font-weight:400;line-height:normal;color:var(--c_title);}
.popup .list.accom .title_box .ic {display:block;width:16px;height:9px;background:url(../img/ic_arr_down.png) no-repeat;background-position:center;background-size:16px 8px;opacity:0.7;}
.popup .list.accom .list_item.is_active .title_box .ic {transform:rotate(180deg);}
.popup .list.accom .list_item .item_body{display:none;padding:15px;background-color:var(--c_bg);}
.popup .list.accom .list_item .item_body .info_group{padding-bottom:10px;}
.popup .list.accom .list_item .item_body .info_group + .info_group{margin-top:10px;}
.popup .list.accom .list_item.is_active .item_body{display:block;}
.popup .list.accom .g_tit{font-size:14px;font-weight:700;line-height:20px;color:var(--c_title);padding-top:10px;margin-bottom:20px;}

.popup .list.accom .detail_unit + .detail_unit{margin-top:20px;}
.popup .list.accom .detail_unit .cate{display:block;font-size:13px;font-weight:700;line-height:15px;color:var(--c_title);margin-bottom:10px;}

.data_table{border-top:1px solid var(--c_l1);}
.data_table tr{border-bottom: 1px solid var(--c_l1);}
.data_table tr td{font-size:13px;font-weight:400;line-height:13px;color:var(--c_title);padding:7px 0;}
.data_table tr td.number{padding-right:5px;}


@media screen and (max-width: 1200px){    
    .wrap .div_wrap{flex-direction:column;justify-content:flex-start;align-items:flex-start;}
    .img_w{display:none;}
    .img_m{display:block;}
    .btn.basic{font-size:15px;font-weight:500;padding:11px 25px;}
    .btn.basic .ic{width:7px;height:12px;}    
    .dim.bot_pop{max-width:500px;left:50%;transform: translateX(-50%);}
    /* 메인페이지 공통 */
    .wrap .div_wrap > .section.main_t,
    .wrap .div_wrap > .section.home{height:fit-content;}

    /* 메인 좌측 컨텐츠 */    
    .section.main_t{width:500px;max-width:500px;height:fit-content;min-height:unset;order:1;background:url(../img/main_bg_m.jpg)no-repeat;background-size:cover;background-position:center top;margin:0 auto;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);flex-shrink:0;}
    .section.main_t > .inner{height:fit-content;padding:20px 16px 30px;}
    .section.main_t .box.title{display:none;}
    .section.main_t .box.float_bg{right:26px;top:10px;width:133px;height:fit-content;}
    .section.main_t .box.float_bg .aniobj{display:none;}
    .aniobj_m{display:block;}

    .section.main_t .box.cc{margin-top:unset;}
    .section.main_t .box.cc h3.cap{font-size:18px;margin-bottom:13px;}
    .section.main_t .box.cc .center_num{font-size:26px;}
    .section.main_t .box.cc .desc{font-size:16px;line-height:20px;}
    .section.main_t .box.cc .info_unit:nth-of-type(2) h3.cap{margin-bottom:10px;}
    .section.main_t .box.cc .desc{font-size:16px;}
    .section.main_t .box.cc .desc br{display:block;}
    .section.main_t .footer{margin-top:0;}

    /* 메인 우측 컨텐츠 - 공통 */
    .section.main_c{order:0;overflow:unset;margin:0 auto;}   
    .section.main_c .inner .content{padding-bottom:0;}
    .gnb > ul{justify-content:space-around;padding:0 16px;}
    .gnb > ul .menu > a{font-size:15px;letter-spacing:-0.3px;padding:20.5px 0;}
    .footer .info_lsit li:nth-child(4){width:100%;}

    /* 메인 우측 컨텐츠 - 홈 */ 
    .header_logo{display:flex;}
    .home .header_logo{display:flex;} 
    .section.home > .inner{padding-bottom:43px;}
    .section.subscribe{margin-top:25px;}    
    .home .banner_box .page{right:12px;bottom:12px;} 
    .section.subscribe .list_subscribe .list_item a{position:relative;}
    .section.subscribe .list_subscribe .list_item .thumb{position:absolute;left:15px;top:50%;transform:translateY(-50%);}
    .section.subscribe .list_subscribe .list_item .box{margin-left:auto;}
    .section.subscribe .list_subscribe .tit{font-size:18px;}
    .section.subscribe .list_subscribe .tit span{font-size:18px;}
    .section.subscribe .list_subscribe .list_item .ic{width:7px;height:12px;background-size: 100% 100%;}
    .section.etc .list_etc{margin-top:25px;}

    /* 메인 우측 컨텐츠 - form 공통 */
    .box.frame{padding:30px 16px;}

    /* 팝업 */
    .popup.bot_pop{left:50%;}
}


@media screen and (max-width: 768px){
    .wrap{background:none;}
    .dim.bot_pop{max-width:unset;left:0;transform:unset;}
    .section.main_t{width:100%;max-width:unset;box-shadow:none;}
    .section.main_c{width:100%;min-width:unset;order:0;overflow:unset;box-shadow:none;}   

    .gnb > ul .menu:first-child{display:none;}

    .section.main_t .box.float_bg .aniobj{animation:none!important;}
    .home .banner_box .banner_slide{aspect-ratio: 1/ 0.3888;}
    .footer{box-shadow:none;}

    .div_box.multi.period{padding-right:21px;}

    /* 팝업 */
    .popup.bot_pop{left:0;transform:unset;max-width:unset;}
}

@media screen and (max-width: 480px){
    .home .gnb > ul{justify-content:space-between;}

    /* faq */
    .list.acd .list_item .item_head p.desc{max-width: 219px;}
}