@charset "utf-8";

@font-face {
  font-family: 'NanumBarunGothic400';
  src: url('NanumBarunGothic.eot');
  src: url('NanumBarunGothic.eot?#iefix') format('embedded-opentype'),
      url('NanumBarunGothic.svg#NanumBarunGothic') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* 애니스테이 */
div.anistay_wrap * {font-family: 'NanumBarunGothic400',sans-serif;letter-spacing: -0.06em;}

.anistay_wrap .liveGreen_banner{background-size: auto 100%;}

.anistay_wrap .sec01_tit{font-size: 50px;font-weight: 700;letter-spacing: -0.02em;}

.anistay_wrap .btnWrp{display: flex;justify-content: center;gap: 10px;margin-top: 60px;}
.anistay_wrap .btnWrp > li{}
.anistay_wrap .btnWrp > li > a{display: flex;justify-content: center;align-items: center;width: 225px;height: 60px;color: #fff;background-color: #222222;font-size: 18px;font-weight: 700;font-family: 'NanumBarunGothicBold',sans-serif;}
.anistay_wrap .btnWrp > li:nth-child(2) > a{background-color: #e98300;}
.anistay_wrap .live_sec04 .btnWrp{margin: 110px auto 0;width: calc(100% - 40px);}

.anistay_wrap .live_sec02 .host_label{position: absolute;top: 0;left: 50%;transform: translateX(-50%); max-width: 1480px;width: calc(100% - 40px);}
.anistay_wrap .live_sec02 .host_label .imgBox{width: 282px;}
.anistay_wrap .live_sec02 .host_label .imgBox > img{width: 100%;}

.anistay_wrap .donation_cont{}
.anistay_wrap .donation_inner{display: flex;background-color: #eeeeee;}
.anistay_wrap .donation_inner > *{width: 50%;}
.anistay_wrap .donation_inner .imgBox > img{width: 100%;height: 100%;object-position: center;object-fit: cover;}
.anistay_wrap .donation_inner .txtBox{padding: 100px 80px;display: flex;flex-direction: column;gap: 80px;}
.anistay_wrap .donation_inner .txtBox .ttlBox{display: flex;flex-direction: column;gap: 40px;}
.anistay_wrap .donation_inner .txtBox .ttl{font-size: 50px;font-weight: 700;line-height: 60px;color: #222222;}
.anistay_wrap .donation_inner .txtBox i.bar{display: inline-block;width: 32px;height: 4px;background-color: #e98300;}
.anistay_wrap .donation_inner .txtBox .sub{font-size: 18px;line-height: 32px;font-weight: 400;color: #222222;}
.anistay_wrap .donation_inner .txtBox .sub span{font-size: 24px;line-height: 36px;color: #e98300;display: block;}

.anistay_wrap .tip_ctgry_list > dl{padding: 0 24px 30px;}
.anistay_wrap .tip_ctgry_list > dl > dd{padding: 0;font-size: 16px;line-height: 26px;}
.anistay_wrap .tip_ctgry_list > dl > dd::before{content: none;}

.anistay_wrap .tip_ctgry_list > dl > dt.ttl{font-size: 16px;line-height: 1;color: #e98300;}
.anistay_wrap .tip_ctgry_list > dl > dt.sub_ttl{font-size: 24px;font-weight: 700;}

.anistay_wrap .live_sec06{padding-bottom: 120px;}
.anistay_wrap .gift_inner{padding: 100px 0;max-width: 1480px;width: calc(100% - 40px);margin: 0 auto;}
.anistay_wrap .gift_inner .txtBox{max-width: 470px;}
.anistay_wrap .gift_inner .txtBox *{color: #fff;}
.anistay_wrap .gift_inner .txtBox > div:not(:first-child){margin-top: 24px;padding-top: 24px;border-top: 1px solid rgba(255,255,255,0.4);}
.anistay_wrap .gift_inner .txt_ttlWrp{display: flex;flex-direction: column;gap: 10px;}
.anistay_wrap .gift_inner .txt_ttl{font-size: 50px;line-height: 60px;color: #e98300;font-weight: 700;}
.anistay_wrap .gift_inner .txt_sub{font-size: 18px;line-height: 30px;}
.anistay_wrap .gift_inner .txt_cnt{font-size: 20px;line-height: 30px;font-weight: 700;font-family: 'NanumBarunGothicBold',sans-serif;}
.anistay_wrap .gift_inner .txt_cnt > p{}
.anistay_wrap .gift_inner .txt_cnt span{color: #e98300;display: block;margin-bottom: 10px;}
.anistay_wrap .gift_inner .txt_cntDesc{display: flex;flex-direction: column;gap: 6px;}
.anistay_wrap .gift_inner .txt_cntDesc > li{padding-left: 12px;position: relative;}
.anistay_wrap .gift_inner .txt_cntDesc > li,
.anistay_wrap .gift_inner .txt_cntDesc > li *{font-size: 16px;line-height: 20px;}
.anistay_wrap .gift_inner .txt_cntDesc > li > b{font-weight: 700;}
.anistay_wrap .gift_inner .txt_cntDesc > li::before{content: '';width: 6px;height: 6px;background-color: #e98300;border-radius: 50%;left: 0;position: absolute;top: 6px;}
.anistay_wrap .gift_inner .txt_desc{font-size: 14px;line-height: 24px;opacity: 0.6;display: block;margin-top: 10px;}

.anistay_wrap .sub_banner_controller > button{display: flex;height: 12px;justify-content: center;align-items: center;}

/* 애니버서리 */
div.anniversary_wrap * {font-family: 'NanumBarunGothic400',sans-serif;letter-spacing: -0.06em;}

.anniversary_wrap .liveGreen_banner{background-size: auto 100%;}

.anniversary_wrap .sec01_tit{font-size: 50px;font-weight: 700;letter-spacing: -0.02em;}

.anniversary_wrap .btnWrp{display: flex;justify-content: center;gap: 10px;margin-top: 60px;}
.anniversary_wrap .btnWrp > li{}
.anniversary_wrap .btnWrp > li > a{display: flex;justify-content: center;align-items: center;width: 225px;height: 60px;color: #fff;background-color: #222222;font-size: 18px;font-weight: 700;font-family: 'NanumBarunGothicBold',sans-serif;}
.anniversary_wrap .btnWrp > li:nth-child(1) > a{background-color: #e98300;}
.anniversary_wrap .live_sec04 .btnWrp{margin: 110px auto 0;width: calc(100% - 40px);}

.anniversary_wrap .know_cont_box dl {width:33.3333%;}

.anniversary_wrap .live_sec02 .host_label{position: absolute;top: 0;left: 50%;transform: translateX(-50%); max-width: 1480px;width: calc(100% - 40px);}
.anniversary_wrap .live_sec02 .host_label .imgBox{width: 282px;}
.anniversary_wrap .live_sec02 .host_label .imgBox > img{width: 100%;}

.anniversary_wrap .donation_cont{}
.anniversary_wrap .donation_inner{display: flex;background-color: #eeeeee;}
.anniversary_wrap .donation_inner > *{width: 50%;}
.anniversary_wrap .donation_inner .imgBox > img{width: 100%;height: 100%;object-position: center;object-fit: cover;}
.anniversary_wrap .donation_inner .txtBox{padding: 100px 80px;display: flex;flex-direction: column;gap: 80px;}
.anniversary_wrap .donation_inner .txtBox .ttlBox{display: flex;flex-direction: column;gap: 40px;}
.anniversary_wrap .donation_inner .txtBox .ttl{font-size: 50px;font-weight: 700;line-height: 60px;color: #222222;}
.anniversary_wrap .donation_inner .txtBox i.bar{display: inline-block;width: 32px;height: 4px;background-color: #e98300;}
.anniversary_wrap .donation_inner .txtBox .sub{font-size: 18px;line-height: 32px;font-weight: 400;color: #222222;}
.anniversary_wrap .donation_inner .txtBox .sub span{font-size: 24px;line-height: 36px;color: #e98300;display: block;}

.anniversary_wrap .tip_ctgry_list > dl{padding: 0 24px 30px;}
.anniversary_wrap .tip_ctgry_list > dl > dd{padding: 0;font-size: 16px;line-height: 26px;}
.anniversary_wrap .tip_ctgry_list > dl > dd::before{content: none;}

.anniversary_wrap .tip_ctgry_list > dl > dt.ttl{font-size: 16px;line-height: 24px;color: #e98300;word-break:keep-all;}
.anniversary_wrap .tip_ctgry_list > dl > dt.sub_ttl{font-size: 24px;font-weight: 700;}

.anniversary_wrap .live_sec06{padding-bottom: 120px;}
.anniversary_wrap .gift_inner{padding: 100px 0;max-width: 1480px;width: calc(100% - 40px);margin: 0 auto;}
.anniversary_wrap .gift_inner .txtBox{max-width: 470px;}
.anniversary_wrap .gift_inner .txtBox *{color: #fff;}
.anniversary_wrap .gift_inner .txtBox > div:not(:first-child){margin-top: 24px;padding-top: 24px;border-top: 1px solid rgba(255,255,255,0.4);}
.anniversary_wrap .gift_inner .txt_ttlWrp{display: flex;flex-direction: column;gap: 10px;}
.anniversary_wrap .gift_inner .txt_ttl{font-size: 50px;line-height: 60px;color: #e98300;font-weight: 700;}
.anniversary_wrap .gift_inner .txt_sub{font-size: 18px;line-height: 30px;}
.anniversary_wrap .gift_inner .txt_cnt{font-size: 20px;line-height: 30px;font-weight: 700;font-family: 'NanumBarunGothicBold',sans-serif;}
.anniversary_wrap .gift_inner .txt_cnt > p{}
.anniversary_wrap .gift_inner .txt_cnt span{color: #e98300;display: block;margin-bottom: 10px;}
.anniversary_wrap .gift_inner .txt_cntDesc{display: flex;flex-direction: column;gap: 6px;}
.anniversary_wrap .gift_inner .txt_cntDesc > li{padding-left: 12px;position: relative;}
.anniversary_wrap .gift_inner .txt_cntDesc > li,
.anniversary_wrap .gift_inner .txt_cntDesc > li *{font-size: 16px;line-height: 20px;}
.anniversary_wrap .gift_inner .txt_cntDesc > li > b{font-weight: 700;}
.anniversary_wrap .gift_inner .txt_cntDesc > li::before{content: '';width: 6px;height: 6px;background-color: #e98300;border-radius: 50%;left: 0;position: absolute;top: 6px;}
.anniversary_wrap .gift_inner .txt_desc{font-size: 14px;line-height: 24px;opacity: 0.6;display: block;margin-top: 10px;}

.anniversary_wrap .goods_cont_wrap {display:flex;}
.anniversary_wrap .goods_cont_wrap .goods_txt_box .common_title span {display:block; margin-top:10px; color:#8cd4d4;}
.anniversary_wrap .goods_cont_wrap .goods_txt_box dl {padding-top:0;}
.anniversary_wrap .goods_cont_wrap .goods_txt_box dd {padding-top:35px; margin-top:35px; border-top:1px solid #259b9b;}
.anniversary_wrap .goods_cont_wrap .goods_txt_box > h3::after {margin-top:50px; margin-bottom:20px;}
.anniversary_wrap .goods_cont_wrap .goods_txt_box > dl > dt > strong em {font-size:18px; font-weight:700;}
.anniversary_wrap .goods_cont_wrap .goods_txt_box > dl > dd > p {font-size:14px; font-weight:500;}
.anniversary_wrap .goods_cont_wrap .goods_slide_box {max-width:50%;}
.anniversary_wrap .goods_cont_wrap .goods_slide_box .swiper-container {height:100%;}
.anniversary_wrap .goods_cont_wrap .goods_slide_box .gds_img_box {width:100%; height:100%;}
.anniversary_wrap .goods_cont_wrap .goods_slide_box .gds_img_box img {height:100%;}

.anniversary_wrap .sub_banner_controller > button{display: flex;height: 12px;justify-content: center;align-items: center;}

/* main 플라스틱 popup */
#plsPop{display: none;}
#plsPop.on{display: block;}
#plsPop .shwMo{display: none;}
#plsPop .popBck{position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background-color: rgba(34,34,34,0.3);z-index: 999;}
#plsPop .popInr{position: fixed;top: 50%;right:50px;transform: translateY(-50%);width: calc(100% - 40px);max-width: 660px;background-color: #fff;z-index: 1000;font-family: 'NanumBarunGothic400', sans-serif;}
#plsPop .popCnt{position: relative;padding: 60px 80px 80px;text-align: center;}
#plsPop .clsBtn{position: absolute;width: 60px;height: 60px;background-color: #222222;top: 0;right: 0;background-image: url(/img/newbird/main/icon_close_popup.png);background-position: center;background-size: 21px;background-repeat: no-repeat;}
#plsPop .popInr .txtBox{display: flex;flex-direction: column;gap: 24px;align-items: center;padding-top: 40px;}
#plsPop .popInr .cnt{display: flex;align-items: flex-end;justify-content: center;gap: 4px;}
#plsPop .popInr .cnt > span{font-family: 'wwf', sans-serif;font-size: 150px;color: #222222;display: inline-block;line-height: 1;letter-spacing: -0.02em;}
#plsPop .popInr .cnt > em{font-style: initial;font-size: 50px;font-weight: 700;color: #222222;display: inline-block;}
#plsPop .popInr .line{width: 30px;height: 6px;background-color: #e98300;display: inline-block;margin-top: 12px;}
#plsPop .popInr .ttl{font-size: 30px;font-weight: 700;line-height: 45px;color: #222222;word-break: keep-all;}
#plsPop .popInr .desc{font-size: 14px;font-weight: 400;color: rgba(34,34,34,0.8);display: block;word-break: keep-all;line-height: 20px;}
#plsPop .popInr .lnkBtn{width: 100%;height: 70px;background-color: #e98300;display: flex;justify-content: center;align-items: center;margin-top: 60px;padding: 0 12px;transition: background-color .3s;}
#plsPop .popInr .lnkBtn:hover{background-color: #1b1b1b;border: 1px solid #fff;}
#plsPop .popInr .lnkBtn > span{font-size: 20px;font-weight: 700;line-height: 30px;letter-spacing: -0.04em;color: #ffffff;word-break: keep-all;}


@media screen and (max-width: 1480px) {
    /* 애니스테이 */
    .anistay_wrap .sec01_tit{font-size: 40px;}
    .anistay_wrap .donation_inner .txtBox{padding: 100px 40px;gap: 60px;}
    .anistay_wrap .donation_inner .txtBox .ttl{font-size: 40px;line-height: 50px;}

    .anistay_wrap .gift_inner .txt_ttl{font-size: 40px;line-height: 50px;}
    .greenTip_cont .tip_txt_box > p{font-size: 30px;line-height: 40px;}

    /* 애니버서리 */
    .anniversary_wrap .sec01_tit{font-size: 40px;}
    .anniversary_wrap .donation_inner .txtBox{padding: 100px 40px;gap: 60px;}
    .anniversary_wrap .donation_inner .txtBox .ttl{font-size: 40px;line-height: 50px;}

    .anniversary_wrap .gift_inner .txt_ttl{font-size: 40px;line-height: 50px;}

    .greenTip_cont .tip_txt_box > p{font-size: 30px;line-height: 40px;}

    .anniversary_wrap .goods_cont_wrap {flex-direction:column;}
    .anniversary_wrap .goods_cont_wrap .goods_slide_box {max-width:100%;}

    #plsPop .popInr {right:40px;}
}

@media screen and (max-width: 1024px) {
    /* 애니스테이 */
    .anistay_wrap .liveGreen_banner{position: relative;}
    .anistay_wrap .liveGreen_banner > *{position: relative;z-index: 2;}
    .anistay_wrap .liveGreen_banner::before{content: '';width: 100%;height: 100%;position: absolute;background-color: rgba(34,34,34,0.1);top: 0;left: 0;}

    .anistay_wrap .donation_inner{flex-direction: column;}
    .anistay_wrap .donation_inner > *{width: 100%;}
    .anistay_wrap .donation_inner .imgBox{height: 420px;}
    .anistay_wrap .donation_inner .txtBox{padding: 70px 20px;gap: 40px;}
    .anistay_wrap .donation_inner .txtBox .sub{font-size: 16px;line-height: 30px;}
    .anistay_wrap .donation_inner .txtBox .sub span{font-size: 20px;line-height: 34px;}
    .anistay_wrap .donation_inner .txtBox .ttlBox{gap: 20px;}
    .anistay_wrap .donation_inner .txtBox .ttl{font-size: 30px;line-height: 40px;}

    .anistay_wrap .mob_tip_ctgry_box .swiper-slide{width: 100% !important;}
    .anistay_wrap .gift_cont{position: relative;}
    .anistay_wrap .gift_cont::before{content: '';width: 100%;height: 100%;position: absolute;background-color: rgba(34,34,34,0.4);top: 0;left: 0;}
    .anistay_wrap .gift_inner{position: relative;z-index: 2;padding: 70px 0;}
    .anistay_wrap .gift_inner .txt_ttl{font-size: 30px;line-height: 40px;}
    .anistay_wrap .gift_inner .txt_sub{font-size: 16px;line-height: 28px;}
    .anistay_wrap .gift_inner .txt_cnt{font-size: 18px;line-height: 28px;}
    .anistay_wrap .gift_inner .txt_cnt > b{margin-bottom: 5px;}
    .anistay_wrap .gift_inner .txt_cntDesc > li,
    .anistay_wrap .gift_inner .txt_cntDesc > li *{font-size: 14px;}
    .anistay_wrap .gift_inner .txt_desc{font-size: 12px;line-height: 20px;}
    .anistay_wrap .gift_inner .txt_cntDesc{gap: 4px;}
    .anistay_wrap .gift_inner .txtBox > div:not(:first-child){margin-top: 20px;padding-top: 20px;border-width: 2px;}
    .anistay_wrap .gift_inner .txtBox{max-width: 420px;}

    .anistay_wrap .greenTip_cont{padding-top: 120px;}
    .anistay_wrap .greenTip_cont::before{content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: rgba(34,34,34,0.1);}
    .anistay_wrap .greenTip_cont *{z-index: 2;}
    .anistay_wrap .live_sec02 .host_label .imgBox{width: 165px;}

    .anistay_wrap .sec01_tit{font-size: 30px;line-height: 40px;}
    .anistay_wrap .live_sec04{padding-bottom: 70px;}
    .anistay_wrap .live_sec01{padding: 70px 0;}
    .anistay_wrap .common_title::after{margin: 25px auto 60px;}

    .anistay_wrap .sub_controller{margin-top: 30px;}
    .anistay_wrap .live_sec06{padding-bottom: 70px;}

    /* 애니버서리 */
    .anniversary_wrap .liveGreen_banner{position: relative;}
    .anniversary_wrap .liveGreen_banner > *{position: relative;z-index: 2;}
    .anniversary_wrap .liveGreen_banner::before{content: '';width: 100%;height: 100%;position: absolute;background-color: rgba(34,34,34,0.1);top: 0;left: 0;}

    .anniversary_wrap .donation_inner{flex-direction: column;}
    .anniversary_wrap .donation_inner > *{width: 100%;}
    .anniversary_wrap .donation_inner .imgBox{height: 420px;}
    .anniversary_wrap .donation_inner .txtBox{padding: 70px 20px;gap: 40px;}
    .anniversary_wrap .donation_inner .txtBox .sub{font-size: 16px;line-height: 30px;}
    .anniversary_wrap .donation_inner .txtBox .sub span{font-size: 20px;line-height: 34px;}
    .anniversary_wrap .donation_inner .txtBox .ttlBox{gap: 20px;}
    .anniversary_wrap .donation_inner .txtBox .ttl{font-size: 30px;line-height: 40px;}

    .anniversary_wrap .know_cont_box dl {width:100%;}

    .anniversary_wrap .mob_tip_ctgry_box .swiper-slide{width: 100% !important;}
    .anniversary_wrap .gift_cont{position: relative;}
    .anniversary_wrap .gift_cont::before{content: '';width: 100%;height: 100%;position: absolute;background-color: rgba(34,34,34,0.4);top: 0;left: 0;}
    .anniversary_wrap .gift_inner{position: relative;z-index: 2;padding: 70px 0;}
    .anniversary_wrap .gift_inner .txt_ttl{font-size: 30px;line-height: 40px;}
    .anniversary_wrap .gift_inner .txt_sub{font-size: 16px;line-height: 28px;}
    .anniversary_wrap .gift_inner .txt_cnt{font-size: 18px;line-height: 28px;}
    .anniversary_wrap .gift_inner .txt_cnt > b{margin-bottom: 5px;}
    .anniversary_wrap .gift_inner .txt_cntDesc > li,
    .anniversary_wrap .gift_inner .txt_cntDesc > li *{font-size: 14px;}
    .anniversary_wrap .gift_inner .txt_desc{font-size: 12px;line-height: 20px;}
    .anniversary_wrap .gift_inner .txt_cntDesc{gap: 4px;}
    .anniversary_wrap .gift_inner .txtBox > div:not(:first-child){margin-top: 20px;padding-top: 20px;border-width: 2px;}
    .anniversary_wrap .gift_inner .txtBox{max-width: 420px;}

    .anniversary_wrap .goods_cont_wrap .goods_txt_box > h3::after {margin-left:0;}
    .anniversary_wrap .goods_cont_wrap .goods_txt_box > dl > dt > strong em {font-size:16px;}
    .anniversary_wrap .goods_cont_wrap .goods_txt_box > dl > dd > p {font-size:12px;}

    .anniversary_wrap .greenTip_cont{padding-top: 120px;}
    .anniversary_wrap .greenTip_cont::before{content:''; width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: rgba(34,34,34,0.1);}
    .anniversary_wrap .greenTip_cont *{z-index: 2;}
    .anniversary_wrap .live_sec02 .host_label .imgBox{width: 165px;}

    .anniversary_wrap .sec01_tit{font-size: 30px;line-height: 40px;}
    .anniversary_wrap .live_sec04{padding-bottom: 70px;}
    .anniversary_wrap .live_sec01{padding: 70px 0;}
    .anniversary_wrap .common_title::after{margin: 25px auto 60px;}

    .anniversary_wrap .sub_controller{margin-top: 30px;}
    .anniversary_wrap .live_sec06{padding-bottom: 70px;}

    /* main 플라스틱 popup */
    #plsPop .popInr{max-width: 570px;}
    #plsPop .popCnt{padding: 60px;}
    #plsPop .clsBtn{width: 40px;height: 40px;background-size: 16px;}
    #plsPop .popInr .txtBox{padding-top: 20px;}
    #plsPop .popInr .cnt > span{font-size: 130px;}
    #plsPop .popInr .cnt > em{font-size: 40px;}
    #plsPop .popInr .ttl{font-size: 25px;line-height: 35px;}
    #plsPop .popInr .desc{font-size: 13px;}
    #plsPop .popInr .lnkBtn{margin-top: 50px;}
    #plsPop .popInr .lnkBtn > span{font-size: 18px;}
}


@media screen and (max-width: 768px) {
    /* main popup */
    #plsPop .popInr .cnt > span{font-size: 110px;}
    #plsPop .popInr {width:calc(100% - 40px); left:50%; right:auto; transform: translate(-50%,-50%);}
}


@media screen and (max-width: 540px) {
    /* 애니스테이 */
    .anistay_wrap .btnWrp{margin-top: 40px;gap: 3px;}
    .anistay_wrap .live_sec04 .btnWrp{margin: 70px auto 0;}
    .anistay_wrap .btnWrp > li{width: 50%;}
    .anistay_wrap .btnWrp > li > a{height: 50px;font-size: 16px;width: 100%;}

    /* 애니버서리 */
    .anniversary_wrap .btnWrp{margin-top: 40px;gap: 3px;}
    .anniversary_wrap .live_sec04 .btnWrp{margin: 70px auto 0;}
    .anniversary_wrap .btnWrp > li{width: 50%;}
    .anniversary_wrap .btnWrp > li > a{height: 50px;font-size: 16px;width: 100%;}

    /* main popup */
    #plsPop .shwMo{display: block;}
    #plsPop .popCnt{padding: 40px;}
    #plsPop .popInr .txtBox{gap: 16px;}
    #plsPop .popInr .cnt > span{font-size: 80px;}
    #plsPop .popInr .cnt > em{font-size: 25px;}
    #plsPop .popInr .line{height: 4px;margin-top: 10px;}
    #plsPop .popInr .ttl{font-size: 20px;line-height: 30px;}
    #plsPop .popInr .lnkBtn{margin-top: 40px;}
    #plsPop .popInr .lnkBtn > span{font-size: 16px;line-height: 25px;}
}