/* 축소하지 못했습니다. 축소되지 않은 콘텐츠를 반환합니다.
(315,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(316,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(317,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(318,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(319,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(320,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(321,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(322,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(323,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(324,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(325,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(326,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(335,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
 */
@import url("font.css");
@import url("Poppins.css");

*, ::after, ::before {
    box-sizing: border-box;
}

/*keyframes*/
@keyframes fadeInUp {
    0% {
        transform: translateY(30px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes fadeInDown {
    0% {
        transform: translateY(-5px);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.fadeInUp {
    position: relative;
    animation: fadeInUp 1s;
}


ul, ol, li {
    list-style: none;
}

div, pre, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, address, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, select, textarea {
    margin: 0;
    padding: 0;
}

a:link, a:hover, a:active, a:visited {
    color: #000000;
    text-decoration: none;
}

a {
    outline: none;
}


/*width, height*/
.w10p {
    width: 10% 
}

.w15p {
    width: 15%
}

.w20p {
    width: 20% 
}

.w25p {
    width: 25%
}

.w30p {
    width: 30%
}

.w35p {
    width: 35%
}

.w40p {
    width: 40% !important
}

.w45p {
    width: 45% !important
}

.w50p {
    width: 50%;
}

.w55p {
    width: 55% !important
}

.w60p {
    width: 60% !important
}

.w65p {
    width: 65% !important
}

.w70p {
    width: 70% !important
}

.w75p {
    width: 75% !important
}

.w80p {
    width: 80% !important
}

.w83p {
    width: 83% !important
}

.w85p {
    width: 85% !important
}

.w90p {
    width: 90% !important
}

.w95p {
    width: 95% !important
}

.w100p {
    width: 100% !important
}

.w50 {
    width: 50px !important
}

.w70 {
    width: 70px !important
}

.w80 {
    width: 80px !important
}

.w90 {
    width: 90px !important
}

.w100 {
    width: 100px !important
}

.w150 {
    width: 150px !important
}

.w200 {
    width: 200px !important
}

.w250 {
    width: 250px !important
}

.w300 {
    width: 300px !important
}

.h100 {
    height: 100px !important;
}

.h200 {
    height: 200px !important;
}

.h400 {
    height: 400px !important;
}

.h500 {
    height: 500px !important;
}

.pdr20 {
    padding-right: 20px !important;
}

.pdr30 {
    padding-right: 30px !important;
}

.mgt10 {
    margin-top: 10px !important;
}

.mgt20 {
    margin-top: 20px !important;
}

.mgb10 {
    margin-bottom: 10px !important;
}

.mgb20 {
    margin-bottom: 20px !important;
}

.pdb20 {
    padding-bottom: 20px !important;
}

/*display flex*/
.dflex {
    display: flex;
}

.dflex_c {
    display: flex;
    flex-direction: column;
}

.jcontent_sb {
    justify-content: space-between;
}

.jcontent_ct {
    justify-content: center;
}

.jcontent_r {
    justify-content: right;
}

.aitems_c {
    align-items: center;
}

.gap10 {
    gap: 10px;
}

.gap20 {
    gap: 20px;
}

.gap30 {
    gap: 30px;
}

.gap50 {
    gap: 50px;
}


.row {
    display: flex;
    flex-wrap: wrap;
}

.txt_l {
    text-align: left !important;
}

.txt_r {
    text-align: right !important;
}

.txt_c {
    text-align: center !important;
}

.txt_w {
    white-space: normal !important;
}

.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
}

.mgl_auto {
    margin-left: auto;
}

.grow_one {
    flex-grow: 1;
}

footer {
    text-align:center;
    margin:20px;
}


.dflex_g2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px 40px;
}

.dg_13 {
    grid-template-columns: 1fr 3fr;
}

:root {
    --blue_100: #237CFF;
    --blue_200: #0067FF;
    --black_33: #333333;
    --Neutral: #F9FAFB;
    --Neutral_200: #F0F0F0;
    --Neutral_300: #CCD4E0;
    --Neutral_500: #66768E;
    --Neutral_800: #1C2636;
    --Neutral_33: #CCCCCC;
    --white: #ffffff;
    --black: #000000;
    --Greys-Blue-Grey-700: #737791;
}

html {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: 'Pretendard';
    font-size: 16px;
    color: var(--black);
}

body {
    margin: 0;
    padding: 0;
    /*position: relative;
    background: var(--site-background);*/
    /*line-height: 1.7;*/
    /*color: var(--font-color);
    word-wrap: break-word;
    word-break: keep-all;
    text-size-adjust: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    font-weight: 400;*/
}


main {
    margin-top: 70px;
    /*margin-top: 1.2rem;*/
    display: flex;
    flex-direction: column;
}


.content_wrap {
    flex: 1;
    /*width:100%;*/
}

header {
    width: 100%;
    /*min-width: 1400px;*/
    box-sizing: border-box;
    padding: 0 40px;
    height: 70px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 555;
    transition: all .3s;
    -webkit-transition: all .3s;
    background: #000000;
}


.mo_only {
    display:none;
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: #000;
    transition-property: transform;
    transition-duration: 0.3s;
    z-index: 1000;
    text-align:center;
}


.section {
    max-width: 113.5rem;
    margin: 0 auto;
    position: relative;
    padding: 4.2rem 3rem;
    /*line-height: 1.7em;*/
}



.top_logo {
    /*float: left;*/
    /*margin-top: 20px;*/
    margin-top: 10px;
    font-family: 'Poppins';
}

.top_logo a {
    color: #ED3DA6;
}

 

.top_menu a {
    font-size: 1.063rem;
    font-weight: 600;
    line-height: 1.2em;
    color: #fff;
    padding: 1.438rem 1.125rem;
    /*display: block;*/
    /*position: relative;*/
}
 

.gnb {
    float: left;
    margin: 0 50px 0 0;
}

.gnb > li {
    float: left;
    z-index: 99;
    margin-left: 19px;
}

.gnb > li > a {
    display: block;
    margin: 0 20px;
    padding: 26px 0;
    text-align: center;
    /*color: #1d1d20;*/
    font-size: 18px;
    letter-spacing: -.5px;
    font-weight: 400;
}


/*
.main_wrap {
    background-image: url(/img/bg.png);
    width: 2422px;
    position: relative;
    left: -7266px;
    top: 0px;
    z-index: 998;
    opacity: 0;
    transition: opacity 800ms;
}
*/

.main_wrap {
    min-height: 600px;
    padding: 80px 0;
    color: #ffffff;
    content: "";
    background: no-repeat center / 100% url(/img/bg01.png) #000000;
    background-size: cover;
   /* position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;*/
}


/*.main_wrap:before {
    content: "";
    background: no-repeat center / 100% url(/img/bg.png);
    background-size: cover;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height:600px;
}*/


.main_inner {
    display: flex;
    gap: 40px;
    max-width: 113.5rem;
    margin: 0 auto;
    position: relative;
    padding: 0 3rem;
    color: #ED3DA6;
}



.text_wrap {
    /*padding-right:40px;*/
}

.main_title {
    font-size: 5rem;
    /*font-size: 48px;*/
    /*line-height: 1.3em;*/
    color: #fff;
    font-weight: 700;
    letter-spacing: 5px;
    /*height: 230px;*/
    display:flex;
}

.small_title {
    font-size: 3rem;
    color: #ED3DA6;
 
}

.sub_title {
    font-size: 1.6rem;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    padding: 10px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.5);
    font-weight: 500;
    /*opacity:0.5;*/
    /*color: #ED3DA6;*/
}

.period {
    font-size: 2.2rem;
    text-align: center;
 
}

.vod_wrap {
  
    width: 100%;
    margin: 0 auto;
    line-height: 1.3em;
}



.number {
    font-family: 'Poppins';
    font-weight:500
}

.small {
    font-size:1.2rem;
}

.info_wrap {
    background:#ffffff !important;
    width:100%;
}

.section h1 {
    font-size:2.4rem;
}

.card_wrap {
    display: flex;
    flex-wrap:wrap;
    /*justify-content: space-between;*/
    /*gap: 50px;*/
}

.card {
    border: 1px solid #000000;
    /*height: 366px;*/
    /*padding: 20px;*/
    flex: 1 1 20%;
    position: relative;
    border-radius: .625rem;
    border: 2px solid #DEE4EB;
}

.card .img {
    width: 100%;
    /*width:300px;*/
    /*height: 250px;*/
    overflow: hidden;
    border-top-left-radius: .625rem;
    border-top-right-radius: .625rem;
}

img {
    width:100%;
    /*height:100%;*/
}

.card .txt {
    display:flex;
    flex-direction:column;
    padding:20px;
    gap:10px;
}

.card .title {
    font-size: 1.4rem;
    font-weight: 700;
    font-family: 'Poppins';
}

.card .desc {
    color: #949CA5;
}


.guide {
    font-size: 1.6rem;
    /*background-color: #F8F8F8;*/
    background-color: #f5f7fa;
   
}

.guide .item {
    flex: 1 1 50%;      
}

.guide h1 {
    margin-bottom:20px;
}
.guide .desc {
    display:flex;
    padding: 12px 0;
    line-height:2.4rem;
    /*  border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;*/
}

.guide a {
    font-weight:500;
    color: #06a9b7;
}

.guide a:hover {
    color: #ED3DA6;
}


.addr {
    padding: 20px 0;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    font-size: 1.6rem;
    display:flex;
}

.addr .pc_only {
    margin-left:40px;
}

.map {   
    display: flex;
    gap: 80px;
    justify-content: space-around;
}

.map .item {
    flex: 1 1 50%;
    border: 1px solid #CCD4E0;
    padding:20px;
    border-radius:1rem;
}

.pink {
    color: #ED3DA6;
}

.txt01 {
    color: #ED3DA6;
    margin-right:10px;
}

 

.blue {
    color: #06a9b7;
}

@media screen and (min-width: 1201px) {
    .main_title {
        justify-content:space-between;
    }

}

.vod_item {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

    .vod_item iframe,
    .vod_item object,
    .vod_item embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.instar {
    width:50px;
}

.instar_wrap {
    display: flex;
    justify-content: center;
    align-items:center;
    font-size:1.3rem;
        
}

.instar_wrap a {
    padding: 0 5px;
}

.use .item {
    display: grid;
    gap: 16px;
    margin-top: 30px;
    font-size: 24px;
    line-height: 36px;
    grid-template-columns: 200px 1fr;
}

.use span {
    font-weight:600;
}

.partner {
    text-align:center; 
    /*display:flex;*/
    gap:20px;
    font-size:30px;
    font-weight:600;
}



.reservation {
    border-radius:10px;
    font-size:28px;
    margin-left:20px;
    background-color: #06a9b7;
    color:#ffffff;
    padding:5px 20px;
}

a.reservation:link, a.reservation:hover, a.reservation:active, a.reservation:visited {
    color: #ffffff;
}

/*
@media screen and (max-width: 747px) and (min-width: 1px) {*/
@media screen and (max-width: 1200px) and (min-width: 1px) {
    /*  .header {
        padding: 1rem 0;
    }
*/
    .section {
        padding: 3rem 1rem !important;
    }

    .main_wrap {
        /*min-height:600px !important;*/
        padding: 40px 0 !important;
    }

    .main_inner {
        display: flex;
        flex-direction: column;
    }

    .main_wrap .w50p {
        width: 100%;
    }

    .text_wrap {
        /*padding-right: 0 !important;*/
    }

    .card {
        flex: 1 1 50% !important;
    }

    .main_title {
        text-align: center !important;
        font-size: 2.4rem !important;
        /*height: 100px !important;*/
        /*margin-top:30px;*/
        flex-direction: column !important;
        justify-content: center;
        align-items: center;
    }

    .sub_title {
        font-size: 1rem !important;
        letter-spacing: 1px !important;
    }

    .period {
        font-size: 1.5rem !important;
        text-align: center !important;
    }

    h1 {
        font-size: 1.4rem !important;
        line-height: 2rem;
    }

    h3 {
        font-weight: 400;
        line-height: 1.6rem;
    }

    .guide .section {
        flex-direction: column !important;
        font-size: 1.2rem !important;
    }

    .guide .desc {
        font-size: 1.2rem !important;
        line-height: 1.5rem !important;
    }

    .guide h1 {
        margin-bottom: 10px !important;
    }

        .guide h1.second {
            margin-top: 20px;
        }

    .pc_only {
        display: none;
    }

    .mo_only {
        display: block !important;
    }

    .map {
        gap: 30px !important;
        flex-direction: column !important;
    }

    .gap50 {
        gap: 30px !important;
    }

    .small_title {
        font-size: 1.2rem !important;
    }

    .ces {
        margin-top: 10px;
        width: 70%;
    }

        .ces img {
            width: 100%;
        }

    .dflex_g2 {
        display: flex;
        flex-direction: column;
    }


    .addr {
        padding: 10px 0;
        font-size: 1rem;
        justify-content:center;
    }

    .use .item {
        display: flex;
        flex-direction:column;
        font-size:16px;
        line-height:28px;
        gap:6px;
    }

    .reservation {
        border-radius: 10px;
        font-size: 20px;
        margin: 0;
        background-color: #06a9b7;
        color: #ffffff;
        padding: 5px 20px;
    }

    .partner {
        flex-direction: column;
        font-size: 18px;
    }
}