@charset "euc-kr";

:root{
    --point-color1:#ff7141;
    --point-color2:#3593b5;
    --font: 'Noto Sans KR';--font-warning: '¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum',sans-serif;
}
.center{text-align: center !important;}
.nodelivery_pop{position: relative; left: 0; top: 388px; z-index: 3; max-width: 1200px; margin: 0 auto; font-family:var(--font);}
.nodelivery_pop.army{top: 223px; left: 150px;}
.nodelivery_pop.sobang{top: 328px;}

.nodelivery_pop.on{top: 335px;}
.nodelivery_pop.on.army{top: 170px;}
.nodelivery_pop.on.sobang{top: 275px;}
.nodelivery_pop .content_wrap{position: absolute; right: 0; top: 0; background: #faf1ec; border: 1px solid #000; width: 390px; text-align: center;}


/* btns */
.nodelivery_pop .content_wrap .btns {position: absolute;right: 0;    top: -28px;}
/*.nodelivery_pop .content_wrap .btns button{font-size: 12px;color:#fff;border: 1px solid #333;background:#333;height: 30px;line-height: 29px;padding: 0 8px;} */
.nodelivery_pop .content_wrap .btns button {display: inline-block;padding: 5.5px 8px 5.5px 8px;background-color: #333;font-size: 11px;font-weight: bold;color: #fff;line-height: 1;}

/* content */
.nodelivery_pop .content_wrap .content{position: relative; padding: 20px 30px;}
.nodelivery_pop .content_wrap .content .point_bnr{position: absolute; left: 10px; top: 10px; background: var(--point-color1); border-radius: 50%; width: 76px; height: 76px; display: flex; align-items: center; justify-content: center;}
.nodelivery_pop .content_wrap .content .point_bnr p{font-size: 12px; color: #fff; font-weight: 700; line-height: 1.2;}


.nodelivery_pop .content_wrap .content .tit{font-size: 25px; font-weight: 900; color: #7d524a; line-height: 1.2; letter-spacing: -0.02em;}
.nodelivery_pop .content_wrap .content .tit span{color: #507d4a;}
.nodelivery_pop .content_wrap .content .desc{font-size: 13px; margin: 5px 0 10px; line-height: 1.3; letter-spacing: -0.01em;}
.nodelivery_pop .content_wrap .content .desc b{color: var(--point-color1); }
.nodelivery_pop .content_wrap .content .desc .tiny_noti{font-size: 11px; color: #777; font-weight: 500; letter-spacing: 0;}
.nodelivery_pop .content_wrap .content .link_btn{text-align: right; margin: 5px 0 0;}
.nodelivery_pop .content_wrap .content .link_btn a{font-size: 10.5px; color: #333; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; letter-spacing: 0;} 
.nodelivery_pop .content_wrap .content .noti_w_box{background: #fff; margin: 15px 0 0; padding: 12px 5px; position: relative;}
.nodelivery_pop .content_wrap .content .noti_w_box .g_icon{position: absolute; bottom: -5px; right: -15px;}
.nodelivery_pop .content_wrap .content .noti_w_box h6{font-size: 12px; font-weight: 700; color: #e03a3a;}
.nodelivery_pop .content_wrap .content .noti_w_box ul{margin: 7px 0; text-align: left; display: flex; flex-direction: column; width: fit-content; left: 50%; position: relative; left: 50%; transform: translateX(-50%);}
.nodelivery_pop .content_wrap .content .noti_w_box li{position: relative; font-size: 11px; font-weight: 500; color: #333; padding-left: 5px; line-height: 1.4;}
.nodelivery_pop .content_wrap .content .noti_w_box li::before{position: absolute; content: '¡¤'; font-size: 11px; font-weight: 500; color: #333; left: 0; top: 2px;}


/* slide_nodelivery */
.nodelivery_pop.slide_ver .slide_nodelivery .slick-dots {position: absolute; top: 1px; right: 10px; display: flex; gap: 3px;}
.nodelivery_pop.slide_ver .slide_nodelivery .slick-dots li button {font-size: 0; width: 6px; height: 6px; border-radius: 50%; background: #777; opacity: 0.2;}
.nodelivery_pop.slide_ver .slide_nodelivery .slick-dots li.slick-active button {opacity: 1;}
.nodelivery_pop.slide_ver .slide_nodelivery {border-top: 1px solid #000;}
.nodelivery_pop.slide_ver .slide_nodelivery .item{ background: #e7f3ff;}
.nodelivery_pop.slide_ver .slide_nodelivery .flex{display: flex; align-items: center; gap: 20px; padding: 10px 30px;}
.nodelivery_pop.slide_ver .slide_nodelivery .point_box{background: #000; width: 65px; height: 65px; display: flex; align-items: center; justify-content: center; border-radius: 50%;}
.nodelivery_pop.slide_ver .slide_nodelivery .point_box p{font-size: 10px; font-weight: 500; line-height: 1.4; color: #fff;}
.nodelivery_pop.slide_ver .slide_nodelivery .txt_box{text-align: left;}
.nodelivery_pop.slide_ver .slide_nodelivery .txt_box .desc{font-size: 11px; line-height: 1.3;}
.nodelivery_pop.slide_ver .slide_nodelivery .txt_box .tit{font-size: 16px; color: #0082ff; font-weight: 900; margin: 4px 0 0;}

/* 240913 popup-ver2 */
.nodelivery_pop.ver2 .content_wrap {background: #fff;}
.nodelivery_pop.ver2 .content_wrap .content {padding: 40px 30px 30px;}
.nodelivery_pop.ver2 .content_wrap .content .tit {font-size: 24px; color: #000; margin-bottom: 20px;}
.nodelivery_pop.ver2 .content_wrap .content .tit span {color: var(--main-point1);}
.nodelivery_pop.ver2 .content_wrap .content ul.desc {color: #333; text-align: left; margin: 0;}
.nodelivery_pop.ver2 .content_wrap .content ul.desc u {font-weight: 500; color: var(--main-point1); text-underline-offset: 2px;}
.nodelivery_pop.ver2 .content_wrap .content ul.desc b {color: inherit;}
.nodelivery_pop.ver2 .content_wrap .content ul.desc li {text-indent: -4px;}
.nodelivery_pop.ver2 .content_wrap .content ul.desc li + li {margin-top: 2px;}
.nodelivery_pop.ver2 .content_wrap .content ul.desc li .desc {margin-top: 3px; margin-left: 4px;}
.nodelivery_pop.ver2 .content_wrap .content .link_btn {display: flex; gap: 10px; text-align: center; margin-top: 20px;}
.nodelivery_pop.ver2 .content_wrap .content .link_btn a {flex: 1; font-weight: 500; font-size: 11px; color: #fff; background: #3b3b3b; line-height: 35px; text-decoration: none;}

/* 250113 snow_ver */
.nodelivery_pop .content_wrap.snow_ver {background: linear-gradient(180deg, rgba(251,250,246,1) 0%, rgba(207,232,250,1) 100%);}
.nodelivery_pop .content_wrap.snow_ver .content {padding: 25px 30px 8px;}
.nodelivery_pop .content_wrap.snow_ver .content .point_bnr {left: 6px;top: 6px;width: 68px;height: 68px;}
.nodelivery_pop .content_wrap.snow_ver .content .tit {color: #000000; font-size: 23px;}
.nodelivery_pop .content_wrap.snow_ver .content .tit span {color: var(--point-color2);}
.nodelivery_pop .content_wrap.snow_ver .content .desc {margin: 10px 0 10px;}
.nodelivery_pop .content_wrap.snow_ver .content .desc b {color: var(--point-color2);}
.nodelivery_pop .content_wrap.snow_ver .content .noti_w_box {background: transparent;margin: 25px 0 0;padding: 15px 5px;}
.nodelivery_pop .content_wrap.snow_ver .content .noti_w_box h6 {color: #000000; font-size: 13px;}
.nodelivery_pop .content_wrap.snow_ver .content .noti_w_box li {font-weight: 600; font-size: 12px;}
.nodelivery_pop .content_wrap.snow_ver .content .pop_ico {position: absolute;bottom: 0px;right: 0px;display: block;width: 388px;}
.nodelivery_pop .content_wrap .content .noti_cont {font-size: 11px;line-height: 1.2;color: #6d6d6d;font-weight: 500;}
.nodelivery_pop.slide_ver .slide_nodelivery .point_box p {font-size: 12px;}



@media screen and (max-width: 1200px) {
    .nodelivery_pop{position: fixed;left: 50% !important; top: 50% !important; transform: translate(-50%,-50%); max-width: 95%; z-index: 4;min-width: 320px;}
    .nodelivery_pop .content_wrap{position: initial;}

    .nodelivery_pop.slide_ver .slide_nodelivery {width: 100%;}
    .nodelivery_pop.slide_ver .link_wrap .item{bottom: 38%;height: 10%;}
    .nodelivery_pop.slide_ver .link_wrap .item:nth-of-type(2){bottom: 4%;height: 10%;}
    .nodelivery_pop.slide_ver .link_wrap.ver2 .item {bottom: 36%; right: 12%; width: 13%;}
    .nodelivery_pop.slide_ver .link_wrap.ver2 .item:nth-of-type(2) {right: 38%; width: 24%;}

    /* 250113 snow_ver */
    .nodelivery_pop .content_wrap.snow_ver .content .pop_ico {width: 100%;}
    
}
@media screen and (max-width: 768px) {
    .nodelivery_pop .content_wrap .content .point_bnr{position: initial; width: auto; height: auto; border-radius: 30px; padding: 7px 25px; display: inline-block; margin: 0 0 10px;}
    .nodelivery_pop.slide_ver .slide_nodelivery .flex{flex-direction: column; gap: 0; padding: 15px 5px;}
    .nodelivery_pop.slide_ver .slide_nodelivery .point_box{width: auto; height: auto; border-radius: 30px; padding: 4px 20px; display: inline-block; margin: 0 0 5px;}
    .nodelivery_pop.slide_ver .slide_nodelivery .txt_box{text-align: center;}

    /* 250113 snow_ver */
    .nodelivery_pop .content_wrap.snow_ver .content .point_bnr {width: auto;height: auto;}
}
@media screen and (max-width: 400px) {
    .nodelivery_pop .content_wrap{width: 100%;}
    .nodelivery_pop .content_wrap .content .desc{font-size: 12px;}
    .nodelivery_pop .content_wrap .content .desc .tiny_noti{font-size: 10px;}
    .nodelivery_pop.slide_ver .slide_nodelivery .txt_box .tit{font-size: 15px;}
    .nodelivery_pop .content_wrap .btns{top: -29px;}
    /* .nodelivery_pop .content_wrap .btns button{font-size: 11px; line-height: 24px; height: 25px;} */
}