@charset "utf-8";

/* font */
@import url('./fonts.css');

/* RESET */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,
em,img,ins,kbd,q,samp,small,strong,sub,sup,var,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,
caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,
menu,nav,section,summary,time,mark,audio,video,input{ margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;color:#333;font-style:normal; }
body{line-height:1.2;word-break:break-all}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav,ul,li{list-style:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;color:#333}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #f2f2f2;margin:15px 0 20px;padding:0}
input,select{vertical-align:middle}
html{font-size:13px}
caption{overflow:hidden;visibility:hidden;width:0;height:0;font-size:1px}
html{-webkit-text-size-adjust:none}
img { vertical-align:top; }
html,body{height:100%;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family: 'Pretendard','Malgun Gothic', sans-serif;word-break:keep-all;word-wrap:break-word;overflow-wrap:anywhere;letter-spacing:-0.02em;color:#5a5a5a;}

.hide {position:absolute; left:-9999px; top:-9999px; font-size:0; line-height:0; height:0; overflow:hidden;}
.fw700 {font-weight:700 !important;}

header{position:relative;width:640px;height:1150px;overflow:hidden;}
    h1{margin-bottom:928px;}

    #visual.swiper-container{width: 640px;height: 928px;position: absolute;left: 50%;top: 95px;margin-left: -320px;margin-top: 0;}
        #visual .swiper-slide {background-position: center;background-size: cover}
        #visual .swiper-slide.card1{background-image:url(/assets/images/mo/taptaporenewel/card1.png?ver=241029);text-indent:-9999px;}
        #visual .swiper-slide.card2{background-image:url(/assets/images/mo/taptaporenewel/card2.png);text-indent:-9999px;}
        #visual .swiper-slide.card3{background-image:url(/assets/images/mo/taptaporenewel/card3.png);text-indent:-9999px;}
        #visual .swiper-slide.card4{background-image:url(/assets/images/mo/taptaporenewel/card4.png);text-indent:-9999px;}
        #visual .swiper-slide.card5{position: relative;width: 640px;height: 928px;z-index: 5;text-align: center;background-color: #fff;}
        #visual .swiper-slide.card5 a.btn-play{position: absolute;left:50%;top:50%;margin:-80px 0 0 -80px;z-index: 6;display: block;}
        /* #visual .swiper-slide.card5 a.btn-sound{position: absolute;display: block;bottom: 10px;right: 75px;margin: 0 !important;z-index: 9999}
        #visual .swiper-slide.card5 a.btn-sound img{width:200px;height:200px;border:1px solid blue;margin:0 !important} */

        .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:855px;left:175px;}
        .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 8px;}

        .swiper-pagination-bullet{width:12px;height:12px;background:#fff;opacity:0.64;}
        .swiper-pagination-bullet:nth-child(5){width: 10px;height: 13px;background:url(/assets/images/mo/taptaporenewel/icn_movie.png) no-repeat left top;background-size: 100%;vertical-align: bottom;border-radius: inherit;}
        .swiper-pagination-bullet-active{width:40px;border-radius:6px;opacity:1}

        .hide{display:none !important;}

        header a.link{display:block;position:absolute;left:81px;top:506px;width:151px;height:44px;text-indent:-9999px;z-index:5}
        a.btn-sound{position: absolute;display: block;top: 890px;right: 35px;margin: 0 !important;z-index: 9999}

        .cardInfoBox {text-align:center;}
        .cardInfoBox .info {font-weight:700;font-size:25.05px;line-height:42px;color:#ff446e;}

    section.taptapo{position:relative;padding-bottom:45px;background:#f9f9f9;}
        section.taptapo a.view{position:absolute;left:122px;top:567px;width:394px;height:78px;text-indent:-9999px;}

        /* section.taptapo li{transition: 0.1s;text-indent:-9999px;} */
        section.taptapo .to1{width:640px;height:149px;background:url(/assets/images/mo/taptaporenewel/to1_off.png) no-repeat left top;}
        section.taptapo .to2{width:640px;height:143px;background:url(/assets/images/mo/taptaporenewel/to2_off.png) no-repeat left top}
        section.taptapo .to3{width:640px;height:143px;background:url(/assets/images/mo/taptaporenewel/to3_off.png) no-repeat left top}
        section.taptapo .to4{width:640px;height:146px;background:url(/assets/images/mo/taptaporenewel/to4_off.png) no-repeat left top}
        section.taptapo .to5{width:640px;height:147px;background:url(/assets/images/mo/taptaporenewel/to5_off.png?ver=25031816) no-repeat left top}
        section.taptapo .to6{width:640px;height:163px;background:url(/assets/images/mo/taptaporenewel/to6_off.png?ver=25031816) no-repeat left top}
        section.taptapo .to1.on{height:408px;background:url(/assets/images/mo/taptaporenewel/to1_on.png?ver=250318) no-repeat left -5px}
        section.taptapo .to2.on{height:473px;background:url(/assets/images/mo/taptaporenewel/to2_on.png?ver=250318) no-repeat left -5px}
        section.taptapo .to3.on{height:409px;background:url(/assets/images/mo/taptaporenewel/to3_on.png?ver=250318) no-repeat left -5px}
        section.taptapo .to4.on{height:332px;background:url(/assets/images/mo/taptaporenewel/to4_on.png?ver=250318) no-repeat left -5px}
        section.taptapo .to5.on{height:324px;background:url(/assets/images/mo/taptaporenewel/to5_on.png?ver=25031816) no-repeat left 0px}
        section.taptapo .to6.on{height:1180px;background:url(/assets/images/mo/taptaporenewel/to6_on.png?ver=25031816) no-repeat left 0px}

        .accoPanel {position:relative;width:600px;margin-left:20px;border:1px solid #ccc;border-radius:34px;box-shadow:5.557px 5.755px 9px 0px rgba(0, 0, 0, 0.24);}
        .accoPanel + .accoPanel {margin-top:37px;}
        .accoPanel .accoToggle {display:flex;position:relative;width:100%;border:none;border-radius:34px;background-color:#fff;cursor:pointer;}
        .accoPanel.active .accoToggle {border-radius:34px 34px 0 0; background-color:#484848;}
        .accoPanel .accoToggle.type_event::before {content:'';display:block;position:absolute;left:13px;top:-7px;width:73px;height:27px;background-image: url('/assets/images/mo/taptaporenewel/label_event.png');background-position: center center;background-size:100% auto;background-repeat:no-repeat;}
        .accoPanel .accoToggle::after {content:'';display:block;position:absolute;right:40px;top:50%;transform:translateY(-50%) rotate(180deg);width:26px;height:19px;background-image:url(/assets/images/mo/taptaporenewel/arw_up_gray.svg);background-position:center center;background-repeat:no-repeat;}
        .accoPanel.active .accoToggle::after {transform:translateY(-50%) rotate(0);}
        .accoPanel .ico {display:block;position:relative;width:140px;height:120px;}
        .accoPanel .ico::before,
        .accoPanel .ico::after {content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;}
        .accoPanel .ico_cup::before {background-image:url(/assets/images/mo/taptaporenewel/ico_cup.png);}
        .accoPanel .ico_bag::before {background-image:url(/assets/images/mo/taptaporenewel/ico_bag.png);}
        .accoPanel .ico_bus::before {background-image:url(/assets/images/mo/taptaporenewel/ico_bus.png);}
        .accoPanel .ico_video::before {background-image:url(/assets/images/mo/taptaporenewel/ico_video.png);}
        .accoPanel .ico_globe::before {background-image:url(/assets/images/mo/taptaporenewel/ico_globe.png);}
        .accoPanel .ico_bank::before {background-image:url(/assets/images/mo/taptaporenewel/ico_bank.png);}
        .accoPanel.active .ico_cup::before {background-image:url(/assets/images/mo/taptaporenewel/ico_cup_on.png);}
        .accoPanel.active .ico_bag::before {background-image:url(/assets/images/mo/taptaporenewel/ico_bag_on.png);}
        .accoPanel.active .ico_bus::before {background-image:url(/assets/images/mo/taptaporenewel/ico_bus_on.png);}
        .accoPanel.active .ico_video::before {background-image:url(/assets/images/mo/taptaporenewel/ico_video_on.png);}
        .accoPanel.active .ico_globe::before {background-image:url(/assets/images/mo/taptaporenewel/ico_globe_on.png);}
        .accoPanel.active .ico_bank::before {background-image:url(/assets/images/mo/taptaporenewel/ico_bank_on.png);}
        .accoPanel .ttlBox {flex:1;position:relative;padding:22px 0;text-align:left;}
        .accoPanel .ttlBox .ttl,
        .accoPanel .ttlBox .desc {line-height:37.55px;}
        .accoPanel .ttlBox .ttl {font-weight:700;font-size:28.4px;color:#3d3d3d;}
        .accoPanel .ttlBox .desc {font-weight:300;font-size:25.41px;color:#818181;}
        .accoPanel.active .ttlBox .ttl,
        .accoPanel.active .ttlBox .desc {color:#fff;}
        .accoPanel.active .ttlBox .desc{font-weight:500;}
        .accoPanel .accoCont {display:none;}
        .accoPanel .additionBox {display:flex;flex-direction:column;gap:15px;padding:30px 60px;border-top:1px solid #ccc;border-radius:0 0 34px 34px; background-color:#fff;}
        .accoPanel .additionBox .txt1,
        .accoPanel .additionBox .infDt,
        .accoPanel .additionBox .infDd {font-weight:500;font-size:17px;line-height:23.46px;}
        .accoPanel .additionBox .txt1 {font-size:19px;line-height:28px;}
        .accoPanel .additionBox .infDt,
        .accoPanel .additionBox .infDd {color:#787878;}
        .accoPanel .additionBox .infDl {display:flex;}
        .accoPanel .additionBox .infDl + .infDl {margin-top:-15px;}
        .accoPanel .additionBox .infDt {white-space:nowrap;}
        .accoPanel .additionBox .infDt::after {content:':';display:inline;margin:0 0.3em;font-family:inherit;font-weight:inherit;font-size: inherit;line-height:inherit;letter-spacing:inherit;color:inherit;}
        .accoPanel .additionBox .infItem {display:flex;gap:0.25em;position:relative;font-weight:400;font-size:18.5px;line-height:28px;color:#5a5a5a;}
        .accoPanel .additionBox .infItem::before {content:'·';display:block;font-family:inherit;font-weight:inherit;font-size: inherit;line-height:inherit;letter-spacing:inherit;color:inherit;}

    footer{padding:35px 0 150px;background:#d9d9d9;}
    .d_div {display:flex;gap:.3em;}
    .star_list {width:640px;max-width:100%;padding:0 35px;}
    .teremsDl {display:flex;}
    .teremsDt,
    .teremsDd {font-weight:500;font-size:27.97px;line-height:42.14px;letter-spacing:-0.09em;color:#3d3d3d;}
    .teremsDt{white-space:nowrap;}
    .teremsDt.type2{margin-right:0.2em;}
    .teremsDt::after{content:':';display: inline;margin:0 0.2em;font-family:inherit;font-weight: inherit; font-size:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;}
    .teremsDt.type2::after{display:none;}
    .star_item {display: flex; gap: 0.2em;}
    .star_item,
    .star_item .txt_box .txt {font-weight:500;font-size:27.97px;line-height:42.14px;letter-spacing:-0.09em;color:#3d3d3d;}
    .star_item::before { content: '-'; display: inline; margin-right: 0em; font-family: inherit; font-weight: inherit; font-size: inherit; line-height: inherit; letter-spacing: inherit; color: inherit;}

    .star_item .txt_box,
    .star_item .txt_box .txt { display: inline;}
    .star_item .depth2_box { padding-left: 10px;}


    a.botbtn{position: fixed;left:0;bottom:0;z-index: 1}

    .f_inherit{font-family: inherit; font-weight: inherit; font-size: inherit; line-height: inherit; letter-spacing: inherit; color: inherit;}










.SC .fade { -webkit-animation:fade 1.5s infinite; }
@-webkit-keyframes fade{
    0%  { opacity:1;}
    30% {opacity:0}
    100% {opacity:1}
}