@charset "utf-8";
@font-face{ 
  font-family:'GmarketSansMedium'; 
  src:
    url('../font/GmarketSansTTFMedium.ttf') format('truetype');
 }
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
a{
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    font-family:"GmarketSansMedium", sans-serif;
    font-weight: 500;
}

.wrap{
    width: 100%;
    min-width: 1200px;
    overflow: hidden;
    margin: 0 auto;
    font-size: 0;
    position: relative;
}
.container{
    width: 100%;
}
.container img{
    width: 100%;
}
.event_top{
    width: 100%;
    font-size: 0;
    /* min-width: 1200px; */
    /* height: 3555px; */
    /* background: url(../img/event_top_1.png?v=2)no-repeat center top 100%; */
}
.top1{
    width: 100%;
    height: 2353px;
    /* background: url(../img/event_top1_1.png?v=2)no-repeat center top ; *//*1차 ~12/22*/
    background: url(../img/event_top1_2.png?v=2)no-repeat center top ;/*12/22~*/
}
.top2{
    width: 100%;
    height: 1036px;
    background: url(../img/event_top2_2.png?v=2)no-repeat center -1px;
    position:relative;
    top: -1px;
}
/* 특별판 버튼 오픈시 아래 주석 수정하기 */
/* 특별판 바로가기 버튼 없 */
/* .top3{
    width: 100%;
    height: 661px;
    background: url(../img/event_top3_1.png?v=2)no-repeat center top;
    position: relative;
}
.event_btn_h{
    display: flex;
    justify-content: space-between;
    margin-top: 45px;
} */
/* //특별판 바로가기 버튼 없 */
/* 특별판 바로가기 버튼 있*/
.top3{
    width: 100%;
    height: 731px;
    background: url(../img/event_top3_2.png?v=2)no-repeat center top 100%;
    position: relative;
} 
.event_btn_h{
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}
/* //특별판 바로가기 버튼 있*/

.event_btn_wrap{
    width: 1200px;
    position: absolute;
    top:0;
    left:50%;
    transform: translateX(-50%);
}
.event_btn{
    width: 49%;
    height: 95px;
}
.event_btn3{   
   margin-top: 30px;
   width: 100%;
   height: 95px;
}
.event_btn4{
    width: 100%;
    height: 95px ;
    margin-top: 25px;
}
.share_pop{
    display: none;
    width: 588px;
    height: 266px;
    background: #fff;
    border:4px solid #000;
    box-shadow: 9px 16px 29px rgba(0,0,0,0.7);
    position: absolute;
    bottom:595px;
    left: 51%;
    transform: translateX(-50%);
}
.pop_btn_wrap{
    position: absolute;
    top:100px;
    left:50%;
    transform: translateX(-50%);
    width:100%;
    padding:0 84px 0 70px ;
    text-align: center;
}
.pop_btn{
    display: inline-block;
    width: 65px;
    height: 65px;
}
.pop_link{
    margin-right: 54px;
}
.pop_insta{
    margin-right: 52px;
}
.pop_facebook{
    margin-right: 55px;
    width: 62px;
}
.pop_kakao{
    margin-right: 54px;
    width: 58px;
}
.pop_twitter{
    width: 60px;
    margin-right: 0;
}
.pop_close{
    width: 36px;
    height: 36px;
    position: absolute;
    top:34px; right: 34px;
}
.event_tab{
    position:relative;
}
.event_tab::before{
    content:"";
    height: 163px;
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    background: #fff;
}
.tab_btn_wrap{
    /* width: 1200px; */
    width: 100%;
    height: 163px;
    position: absolute;
    top:0; left:50%;
    transform: translateX(-50%);
    z-index: 2;
    display: flex;
    justify-content: center;
    background:#fff url('../img/tab_new_img1.png?v=2') no-repeat center top;
}
.tab_btn_wrap.tab2{
    background:#fff url('../img/tab_new_img2.png?v=2') no-repeat center top;
}
.tab_btn_wrap.fixed{
    position: fixed;
}
.tab_btn{
    /* width: 50%; */
    width: 600px;
    height: 100%;
}

/* 신비아파트 특별판 */
.event_tab1{
    width: 100%;
    /* height: 9728px;
    background: url(../img/tab1.png?v=2)no-repeat center top; */
}
.tab1_section, .tab2_section{
    width: 100%;
    background-repeat: no-repeat;
    background-position: center top;
}
.tab1_1{
    height: 4855px;
    background-image: url(../img/tab1_1.png?v=2);
}
.tab1_2{
    height: 1871px;
    background-image: url(../img/tab1_2.png?v=2);
}
.tab1_3{
    height: 738px;
    background-image: url(../img/tab1_3.png?v=2);
}
.tab1_4{
    height: 711px;
    background-image: url(../img/tab1_4.png?v=2);
}
.tab1_5{
    height: 710px;
    background-image: url(../img/tab1_5.png?v=2);
}
.tab1_6{
    height: 962px;
    background-image: url(../img/tab1_6.png?v=2);
}
.main_vedio{
    width: 893px;
    height: 502px;
    position: absolute;
    top: 595px;
    left: 50%;
    transform: translateX(-50%);
}

/* .series_wrap{
    width: 1070px;
    height: 4660px;
    position: absolute;
    top:4764px;
    left: 50%;
    transform: translateX(-50%);
} */
.poster_wrap{
    width: 1070px;
    margin:0 auto;
    padding-top: 100px;
    display: flex;
    flex-wrap: wrap;
}
.poster{
    width: 325px;
    height: 509px;
    margin-right: 47px;
    /* border:1px solid white */
}
.poster2{
    height: 535px;
}
.poster a{
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100%;
}
.poster_txt{
    font-size: 22px;
    display: block;
    text-align: center;
    padding-top: 20px;
}
/* 시리즈 */

.poster_wrap1 .poster:nth-child(3n){
    margin-right: 0;
}
.poster_wrap1 .poster:nth-child(n+4):nth-child(-n+6){
    margin-top: 60px;
}
.poster_wrap1 .poster:nth-child(n+7){
    margin-top: 35px;
}
/* 극장판 */

/* 드라마 */

.poster_wrap3 .poster:nth-child(3){
    margin-right: 0;
}

/* 인터렉티브 무비 */


/* 비하인드 */


/* 특별한 방학나기 */
.event_tab2{
    display: none;
    width: 100%;
    /* background: url(../img/tab2.png?v=2)no-repeat center top; */
}
.tab2_1{
    height: 636px;
    background-image: url(../img/tab2_1.png?v=2);
}
.tab2_2{
    height: 1850px;
    background-image: url(../img/tab2_2.png?v=2);
}
.tab2_3{
    height: 2398px;
    background-image: url(../img/tab2_3.png?v=2);
}
.tab2_4{
    height: 3191px;
    background-image: url(../img/tab2_4.png?v=2);
}
.event_tab2 .poster_txt{
    color: #051643;
}
.event_tab2 .poster:nth-child(3n){
    margin-right: 0;
}
.event_tab2 .poster:nth-child(n+4){
    margin-top: 40px;
}
/* 크리스마스 영화 */

/* 더재밌는 애니 */

/* 고전명작 애니 */



/* 탑버튼 */
#top_btn{
    width: 56px;
    height: 56px;
    background : url(../img/top_btn.png?v=2)no-repeat center / 100%;
    position: fixed;
    right: 2%;
    bottom: 50px;
    z-index: 999;
    display: none;
}

.pc_ver{
    display: block;
}
.m_ver{
    display: none;
}
/*  mo */
@media (max-width : 1024px ){
    .pc_ver{display: none;}
    .m_ver{display: block;}
    .wrap{min-width:auto;}
    .event_top > div{
        width: 100%;
        height: auto;
        /* height: 50%; */
        /* background: url(../img/m_event_top.png?v=2) no-repeat center top / contain; */
    }
    .event_btn_wrap{
        /* top: 82%; */
        width: 100%;
        bottom:0%;
        height: 100%;
        padding: 0 7%;
    }
    .event_btn{
        /* height: 90px; */
        height: 100%;
        width: 48%;
    }
    /* 특별판 버튼 오픈시 아래 주석 수정하기 */
    /* 특별판 버튼 없*/
    /* .event_btn_h {
        height: 15%;
        margin-top: 8%;
    }
    .event_btn3 {
        height: 15%;
        margin-top: 4.8%;
    } */
    /* 팝업 */
    /* .share_pop{
        width: 88%;
        height: 38%;
        top: -32%;
        border: 0;
    }  */
    /*// 특별판 버튼 없 */

    /* 특별판 버튼 있 */
    .event_btn_h{
        height: 13%;
        margin-top: 5%;
    }
    .event_btn3{
        height: 13%;
        margin-top: 4.8%;
    }
    .event_btn4{
        height: 13%;
        margin-top: 3%;
    }
    /* 팝업 */
    .share_pop{
        width: 88%;
        height: 33%;
        top: 0;
        border: 0;
    }
    /* //특별판 버튼 있 */

    .pop_btn_wrap{
        height: 25%;
        padding: 0 5% 0 9%;
        top: 48%;
    }
    .pop_btn{
        width: 11%;
        height: 100%;
        margin-right: 9%;
    }
    .pop_kakao.m_ver{
        display: inline-block;
    }
    .pop_link{
        margin-right: 10%;
    }
    .pop_twitter{
        margin-right: 0;
    }
    .pop_close{
        width: 6%;
        height: 15%;
        top: 8%;
        right: 4%;
    }
    .event_tab::before{
        height: 1%;
    }
    .tab_btn_wrap{
        width: 100%;
        height: 1%;
        background:#fff url('../img/m_tab_img1.png?v=2')no-repeat center top / 100%;
    }
    .tab_btn_wrap.tab2{
        height: 2%;
        background:#fff url('../img/m_tab_img2.png?v=2')no-repeat center top /100%;
    }
    .tab_btn_wrap.tab2.fixed,
    .tab_btn_wrap.fixed{
        /* height: 7.7%; */
        padding-bottom:19%;
    }
    .tab_btn_wrap.tab2.fixed a,
    .tab_btn_wrap.fixed a{
        padding-bottom:15%;
    }
    .tab_btn{
        width: 50%;
    }
    .event_tab1,.event_tab2{
        height: auto;
    }
    .tab1_section, .tab2_section{
        height: auto;
    }
    .tab1_section{
        background:#051643;
    }
    .tab2_section{
        background:#b51c1c;
    }
    .tab1_2, .tab1_3, .tab1_4, .tab1_5, .tab1_6,
    .tab2_2, .tab2_3, .tab2_4{
        padding: 0 7%;
    }
    /* 신비아파트 특별판 */
    .main_vedio{
        width: 79%;
        height: 3.1%;
        top: 5%;
    }
    .poster_wrap{
        padding: 8% 0 11%;
        height: 100%;
        width: 100%;
    }
    .poster_wrap5{
        padding-bottom: 100px;
    }
    .poster{
        width: 32%;
        margin-right: 2%;
        height: 31%;
    }
    .poster2{
        height: 32%;
    }
    .poster_txt{
        font-size: 2.4vw;
        padding-top: 10%;
    }
    .event_tab2 .poster_txt{
        color: #fff;
    }
    .poster_wrap2 .poster, .poster_wrap3 .poster,
    .poster_wrap4 .poster, .poster_wrap5 .poster{
        height: 100%;
    }
    .poster_wrap1 .poster:nth-child(n+4){
        margin-top: 5% !important;
    }

    /* 특별한 방학나기 */
    .event_tab2 .poster_wrap{
        padding: 6% 0 10%;
    }
    .event_tab2 .poster_wrap6{
        margin-top: 0;
    }
    .event_tab2 .poster_wrap7{
        padding-bottom: 11%;
    }
    .event_tab2 .poster_wrap8{
        padding-top: 7%;
        padding-bottom: 100px;
    }
    .event_tab2 .poster{
    }
    .event_tab2 .poster_wrap6 .poster:nth-child(n+4){
        margin-top: 5% ;
    }
    .event_tab2 .poster_wrap7 .poster{
        height: 22.5%;
    }
    .event_tab2 .poster_wrap7 .poster3{
        height: 24%;
    }
    .event_tab2 .poster_wrap7 .poster:nth-child(n+4):nth-child(-n+6){
        margin-top: 5%;
    }
    .event_tab2 .poster_wrap7 .poster:nth-child(n+7):nth-child(-n+9){
        margin-top: 6% ;
    }
    .event_tab2 .poster_wrap7 .poster:nth-child(n+10){
        margin-top: 5% ;
    }
    .event_tab2 .poster_wrap8 .poster{
        height: 18%;
    }
    .event_tab2 .poster_wrap8 .poster3{
        height: 19.3%;
    }
    .event_tab2 .poster_wrap8 .poster:nth-child(n+4):nth-child(-n+6){
        margin-top: 6%;
    }
    .event_tab2 .poster_wrap8 .poster:nth-child(n+7):nth-child(-n+9){
        margin-top: 6.5%;
    }
    .event_tab2 .poster_wrap8 .poster:nth-child(n+10):nth-child(-n+12){
        margin-top: 7%;
    }
    .event_tab2 .poster_wrap8 .poster:nth-child(n+13){
        margin-top: 6%;
    }

}