/* 웹폰트 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap');
/* font-family: 'Noto Sans KR', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap');
/* font-family: 'Roboto', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700&display=swap');
/* font-family: 'Nanum Myeongjo', serif; */
/* CSS함수 */
:root{
    --main_font_size:16px;
    --main_font_size_m:14px;
    --main_bg_color:#333;
    --main_font_color:#111;
}
/* /CSS함수 */

/* CSS */
*{
    margin:0;
    padding:0;
    user-select:none;
    -webkit-tap-highlight-color:transparent;
}
button {
    cursor: pointer;
}
/* 확대막기 */
body{
    -webkit-touch-callout:none;
    height:auto;
    font-family: 'Noto Sans KR', sans-serif;
    overflow-x: hidden;
}
body.pop{
    overflow:hidden;
    position: relative;
    
}
body.pop .wrapper::after{
    display:block;
    content:"";
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background-color:rgba(0,0,0,0.5);
    z-index:500;
}
/* ios 부모 플랙스시 img 깨지는 버그fix */
.ios_bugfix{
    height:auto;
    align-self:flex-start;
}
pre{
    white-space:pre-line;
    font-size:14px;
    color:#888;
    font-family: 'Noto Sans KR', sans-serif;
}
ul,ol{
    list-style:none;
}
a{
    text-decoration:none;
    color:inherit;
}
::placeholder{
    font-size:14px;
    color:#c1c1c1;
    font-family: 'Noto Sans KR', sans-serif;
}
span.black{
    color:#060607;
}
span.gray{
    color:#888;
}
.cursor{
    cursor:pointer;
}
/* 모바일 환경에서 안보임 */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
/* ios 쉐도우 제거 */
input[type=text]{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
}
input{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
}
/* ios 쉐도우 제거 */
textarea{
    -webkit-appearance:none;
}

/* clear fix */
.clear::after{
    content:"";
    display:block;
    clear:both;
}
  

/* header */

    /* sub_gnb */
    .sub_gnb_wrap{
        width: 100vw;
        height: 35px;
        box-sizing:border-box;
        border-bottom:1px solid #f5f5f5;
        display:none;
        background: #fff;
    }
    .sub_gnb{
        width: 62.5%;
        min-width: 1100px;
        height: 100%;
        margin:auto;
        display:flex;
        justify-content:flex-end;
        align-items:center;
        font-size:14px;
        color:#888;
        font-weight: 500;
    }
    .sub_gnb_dot{
        width: 3px;
        height: 3px;
        background-color:#888;
        border-radius:50%;
        margin:0 5px;
    }
    .user_gnb_item{
        display:none;
        color:#111;
        font-weight:normal;
    }
    .user_name{
        font-weight:500;
    }
    .user_gnb_item.user_login{
        display:block;
    }
    .sub_gnb_item.user_login{
        display:none;
    }
    .sub_gnb li:last-child{
        position: relative;
        margin-left:13px;
        display:flex;
        align-items:center;
        margin-right: 2.75%;
    }
    .sub_gnb li:last-child img{
        width: 24px;
    }
    /* //sub_gnb */

    /* main_gnb */
    .gnb_wrap{
        width: 100vw;
        height: 90px;
        background-color:#fff;;
        display:none;
    }
    .gnb{
        margin:auto;
        max-width: 1100px;
        min-width: 1100px;
        height: 90px;
        display:flex;
        align-items:center;
        position: relative;
    }
    .gnb > .logo{
        display: flex;
        align-items:center;
        margin-right:3.01%;
    }
    .gnb > .logo > img{
        width: 98.8px;
    }
    .gnb_item{
        margin-right:1.583%;
        font-size:18px;
        color:#444;
        font-weight:500;
    }
    .gnb_item.login_artist{
        display:none;
    }
    .search_bar{
        position: absolute;
        top:50%;
        transform:translateY(-50%);
        right:79px;
        width:22%;
        height: 50px;
        max-width:264px;
    }
    /* .search_bar::after{
        content:"";
        display:block;
        position: absolute;
        width: 24px;
        height: 24px;
        background:url(/resources/img/search_icon_b.png)no-repeat;
        background-size:contain;
        top:50%;
        transform:translateY(-50%);
        right:14px;
        cursor:pointer;
    } */


    .search_bar img{
        position: absolute;
        width: 24px;
        height: 24px;
        background:url(/resources/img/search_icon_b.png)no-repeat;
        background-size:contain;
        top:50%;
        transform:translateY(-50%);
        right:14px;
        cursor:pointer;
    }



    .search_bar > input{
        width: 100%;
        height: 100%;
        border-radius: 25px;
        border:1ppx solid #707070;
        background-color:#fff;
        box-sizing:border-box;
        padding-left:21px;
        padding-right:51px;
        text-overflow:ellipsis;
        overflow-x:hidden;
        white-space:nowrap;
    }
    .search_bar > input::placeholder{
        font-size:15px;
        color:#888;
        font-weight: normal;
    }
    .menu_btn{
        width: 50px;
        height: 50px;
        background-color:#000;
        position:absolute;
        top:50%;
        transform:translateY(-50%);
        right:1.666%;
        border-radius:50%;
        cursor:pointer;
    }
    .menu_btn>img{
        position: absolute;
        width: 27px;
        left:50%;
        top:50%;
        transform:translate(-50%,-50%);
    }

    /* header 반응형 */
    @media screen and (max-width:1600px){
        .gnb_item{
            font-size:16px;
        }
        .search_bar > input::placeholder{
            font-size:14px;
        }
    }
    @media screen and (max-width:1400px){
        .gnb > .logo {
            margin-right: 2.01%;
        }
        .search_bar > input::placeholder{
            font-size:12px;
        }
    }
    /* //main_gnb */
    
    /* pc_sub_gnb */
    .pc_sub_gnb{
        padding:0 53px;
        box-sizing:border-box;
        position: absolute;
        top:0;
        display:none;
        z-index:9999;
    }
    .pc_menu_bg{
        width: 540px;
        height: 694.9px;
        background-image:url(/resources/img/pc_menu_bg.png);
        background-position:center;
        background-size:cover;
        position: absolute;
        left:50%;
        top:50%;
        transform:translate(-50%,-50%);
        z-index:-1;
        opacity:1;
    }
    .pc_sub_wrap{
        width: 100%;
        display:flex;

    }
    .pc_sub_wrap:last-child .sub_gnb_box{
        border-right:1px solid rgba(255,255,255,0.1);
    }
    .sub_gnb_box{
        width: 362px;
        padding-top:13.78%;
        min-height:100vh;
        height:auto;
        box-sizing:border-box;
        border-left:1px solid rgba(255,255,255,0.1);
        color:#fff;
    }
    .sub_gnb_box h1{
        padding-left:13.81%;
        box-sizing:border-box;
        font-size:30px;
        font-weight: 500;
        margin-bottom:12.5%;
    }
    .sub_gnb_box li{
        height: 60px;
        line-height:60px;
        box-sizing:border-box;
        font-size:24px;
        opacity:0.5;
    }
    .sub_gnb_box li a{
        padding-left:13.81%;
        width: 100%;
        height: 100%;
        box-sizing:border-box;
        display:inline-block;
    }
    .sub_gnb_box li:hover{
        background-color:#ffa700;
        color:#fff;
        font-weight: 500;
        opacity:1;
    }
    .x_btn_pc{
        position: absolute;
        right:3.125%;
        top:60px;
        width: 50px;
    }
/* //header */

/* footer */
.upra_footer_wrap{
    width: 100vw;
    min-height: 240px;
    height: auto;
    background-color:#fff;
    box-sizing:border-box;
    border-top:2px solid #ebebeb;
    padding-top:53px;
    display:none;
    min-width:1170px;
}
.upra_footer > ul{
    float:left;
}
.footer_logo{
    margin-left: 19.79%;
    margin-right: 179px;
}
.footer_logo img{
    width: 99px;
}
.upra_info_box{
    color:#888;
    font-size:var(--main_font_size_m);
    font-weight: normal;
}
span.bold{
    font-weight: bold;
}
.upra_info_box >li > a{
    font-size:16px;
    font-weight: 500;
    margin-right:20px;
}
.upra_info_box >li:nth-child(2){
    margin:15px 0px 5px 0px;
}
.upra_info_box >li:nth-child(3){
    margin-bottom:5px;
}
.service_info_box{ 
    margin-left:80px;
    color:#444;
    font-weight:500;
}
.service_info_box >li{
    font-size:16px;
    margin-bottom:12px;
}
.service_info_box >li:nth-child(2){
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size:16px;
    margin-bottom: 3px;
}
.service_info_box >li:nth-child(3){
    font-family: 'Roboto', sans-serif;
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 0;
}
.service_info_box >li:nth-child(4){
    font-weight: 500;
    font-size:16px;
    color:#888;
    font-weight: bold;
    margin-bottom:12px;
    letter-spacing: -1.28px;
}
.service_info_box >li:nth-child(5){
    border:1px solid #444;
    border-radius:20px;
    background-color:#fff;
    width: 72px;
    height: 30px;
    text-align:center;
    font-size:14px;
    line-height:30px;
}
.service_info_box >li:nth-child(5):hover{
    opacity:0.7;
}
/* //footer */

/* wrapper */
.wrapper{
    min-height:100vh;
    height:auto;
    background-color:#000;
}
.modal_wrapper, .alert_wrapper{
    width: 100vw;
    min-height:100vh;
    height:auto;
    background-color:rgba(0,0,0,0.5);
    position:fixed;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    z-index:999;
}
.login_wrapper{
    max-width:430px;
    margin:auto;
    min-height:100vh;
    position: relative;
}
.login_wrapper h1{
    text-align:center;
    padding-top:7.8125%;
    color:#f1f1f1;
}
.sign_wrapper{
    max-width:430px;
    margin:auto;
    min-height:100vh;
    background-color:#111;
    position: relative;
}
.flex_wrapper{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
}
.history_wrapper{
    height: 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 10px 0px;
    border-bottom: solid 1px #dedede;
    width: calc(100% - 40px);
    margin: 0px 20px;
    align-items: center;
}

@media screen and (min-width:768px){
    .history_wrapper{
        width: calc(100% - 80px);
        margin: 0px 40px;
    }
}
.input_wrap, .input_up_label, .select_wrap {
    width: 89.333%;
    position: relative;
}
.input_up_label {
    margin: 30px auto 0;
    text-align: left;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    color: #444;
}
.select_wrap {
    margin: 10px auto 0;
} 
.select_wrap > select {
    width: 100%;
    height: 50px;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    background: #fff;
    font-size: 14px;
    color: #444;
    box-sizing: border-box;
    padding: 13px 20px 12px;
    cursor: pointer;
}
.select_wrap > select {
    -webkit-appearance: none;
    -moz-appearance: none;
}
/* IE 10 */
.select_wrap > select::-ms-expand {
    display: none;
}
.select_wrap_arrow {
    position: absolute;
    top: 12.5px;
    right: 15px;
}

.profile_wrapper{
    max-width:430px;
    height:100vh;
    margin:auto;
    position: relative;
    background-color:#fff;
}
.ticket_wrapper{
    max-width:430px;
    height:100vh;
    margin:auto;
    position: relative;
    background-color:#fff;
}
.option_wrapper{
    max-width:430px;
    min-height:100vh;
    height: 100%;
    margin:auto;
    position: relative;
    background-color:#fff;
}
.notice_wrapper{
    max-width:430px;
    min-height:100vh;
    margin:auto;
    position: relative;
    background-color:#fff;
    overflow:hidden;
}
.drop_wrapper{
    max-width:430px;
    height:auto;
    min-height:100vh;
    margin:auto;
    position: relative;
    background-color:#fff;
}
.service_wrapper{
    max-width:430px;
    height:100%;
    min-height:100vh;
    margin:auto;
    position: relative;
    background-color:#fff;
}
.contents_wrapper{
    height:auto;
    min-height:100vh;
}
.coupon_wrapper{
    max-width:430px;
    min-height:100vh;
    height:100%;
    margin:auto;
    position: relative;
    background-color:#f5f5f5;
}
.story_wrapper{
    max-width:430px;
    min-height:100vh;
    margin:auto;
    position: relative;
    background-color:#fff;
}
.gift_wrapper{
    max-width:430px;
    min-height:100vh;
    margin:auto;
    position: relative;
    background-color:#fff;
}
.main_wrapper{
    max-width:430px;
    min-height:100vh;
    height:auto;
    margin:auto;
    position: relative;
    overflow-x:hidden;
    background-color:#fff;
}
.artist_wrapper{
    max-width:430px;
    min-height:100vh;
    margin:auto;
    height:auto;
    position: relative;
    background-color:#f2f2f2;
    overflow-x:hidden;
}
.repertory_wrapper{
    max-width:430px;
    min-height:100vh;
    margin:auto;
    height:auto;
    position: relative;
    background-color:#fff;
}
.search_wrapper{
    max-width:430px;
    min-height:100vh;
    margin:auto;
    height:auto;
    position: relative;
    background-color:#fff;
}
.artist_list_wrapper{
    max-width:430px;
    min-height:100vh;
    height:100%;
    margin:auto;
    position: relative;
    background-color:#f5f5f5;
    padding-bottom:120px;
    box-sizing:border-box;
}
.music_wrapper{
    min-width:100vw;
    max-width:430px;
    height:100%;
    margin:auto;
    position:absolute;
    z-index:999;
    display:none;
    left:50%;
    transform:translateX(-50%);
    top:0;
    background-color:#f5f5f5;
    padding-bottom:164px;
}
.performance_wrapper{
    max-width:430px;
    min-height:100vh;
    margin:auto;
    position: relative;
    background-color:#fff;
}
.performance_wrapper.f5{
    background-color:#f5f5f5;
}
.request_wrapper{
    max-width:430px;
    min-height:100vh;
    margin:auto;
    position: relative;
    background-color:#fff;
    padding-bottom:50px;
}
.repertory_choice_wrapper{
    max-width:430px;
    min-height:100vh;
    margin:auto;
    position: relative;
    background-color:#fff;
}
.schedule_wrapper{
    max-width:430px;
    min-height:100vh;
    margin:auto;
    position: relative;
    background-color:#000;
}
.finish_wrapper{
    max-width:430px;
    min-height:100vh;
    margin:auto;
    position: relative;
    background-color:#f5f5f5;
}
.settlement_wrapper{
    max-width:430px;
    min-height:100vh;
    margin:auto;
    position: relative;
    background-color:#f5f5f5;
}
.review_view_wrapper{
    max-width:430px;
    min-height:100vh;
    margin:auto;
    position: relative;
    background-color:#fff;
    border-radius:5px;
}
.tutorial_wrapper{
    max-width:430px;
    min-height:100vh;
    margin:auto;
    position: relative;
    background-color:#f2f2f2;
}
.download_wrapper{
    max-width:430px;
    min-height:100vh;
    margin:auto;
    position: relative;
    background-color:transparent;
    background-image:url(/resources/img/download_page.png);
    background-repeat:no-repeat;
    background-size:cover;
    background-position: center 27%;
}
/* /wrapper */

/*  PC 반응형 1240px 이상 */
@media screen and (min-width:500px){
    .sub_gnb_wrap{
        display:block;
    }
    .gnb_wrap{
        display:block;
        position: relative;
        z-index:12;
        border-bottom:1px solid #dedede;
    }
    .upra_footer_wrap{
        display:block;
    }
    .wrapper{
        background-color:#f4f4f4;
    }
    .pt80{
        padding-top: 80px;
    }
    .pb40{
        padding-bottom:40px;
    }
    .sign_wrapper{
        background-color:#f4f4f4;
        padding-top: 80px;
        box-sizing: border-box;
    }
    .prev_btn {
        display: none;
    }
    .sign_wrapper > .sign_box{
        height:auto;
        min-height:626px;
        margin: auto;
        border-radius: 5px;
        width: 400px;
        padding: 0 15px;
    }
    .sign_wrapper .sign_header {
        padding-top:34px;
        height:auto;
    }
    .sign_wrapper .sign_header > h1{
        font-size: 24px;
        position:relative;
        transform:none;
        top:0;
        left:0;
        text-align:left;
        font-weight: 800;
        font-family: 'Nanum Myeongjo', serif;
        margin-left: 24px;
        letter-spacing: 2.4px;
    }
    .mb_40{
        margin-bottom:40px;
    }
    .story_wrapper{
        max-width:1200px;
    }
    .wrapper.story{
        background: #fff;
    }
    .story_wrapper .flex_wrapper.story{
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-left:30px;
    }
    .story_wrapper .story_anchor{
        width: 30.2%;
        height: auto;
        cursor: pointer;
        margin-bottom: 29px;
        margin-right: 20px;
    }
    .sign_header.story{
        height: 350px;
        margin-bottom: 50px;
        line-height: 350px;
    }
    .sign_header.story h1{
        width: 100vw;
        height: 350px;
        background-color:#f5f5f5;
        background-image:url(/resources/img/pc_upra_story.png);
        background-repeat:no-repeat;
        top:0;
    }
    .sign_header.story .m_none{
        display:block;
    }
    .sign_wrapper .info_box h6 {
        font-size:var(--main_font_size_m);
    }
    .story_wrapper.view{
        max-width:1100px;
    }
    /* .story_wrapper.view .sign_header{
        height: 350px;
        line-height:350px;
        background-color: #f5f5f5;
        position: relative;
    } */
    .wrapper.view{
        background-color:#fff;
    }
    .story_wrapper.view .sign_header h2{
        position: absolute;
        width: 100vw;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        text-align: center;
        background-color: #fff;
    }
    .story_wrapper.view .story_banner1{
        display:none;
    }
    .story_wrapper.view .category_title{
        font-size:44px;
        font-weight: bold;
    }
    .wrapper.view .story_wrapper.view .category_txt{
        height: auto;
        padding-bottom: 30px;
        border-bottom:1px solid #000;
    }
    .wrapper.view .story_wrapper.view .story_txt {
        width: 89.6%;
        color:#888;
        font-size:14px;
        display:flex;
        justify-content:center;
        flex-wrap:wrap;
    }
    .wrapper.view .story_wrapper.view .story_txt p{
        min-width:750px;
        max-width:750px;
        word-break:break-all;
    }
    .wrapper.view .story_wrapper.view .story_txt img {
        max-width:750px;
        margin:auto;
    }
    .wrapper.view .story_wrapper.view .story_img img {
        max-width: 750px;
    }
    .artist_now_banner{
        width: 100vw;
        height: 279px;
        background-color:#f5f5f5;
        box-sizing:border-box;
        padding-top:60px;
    }
    .artist_now_banner >article{
        max-width:1100px;
        margin:auto;
    }
    .artist_now_banner >article >h2{
        font-size:16px;
        color:#444;
        font-weight:500;
        margin-bottom: 13px;
    }
    .wrapper.view .artist_type {
        min-width: 100px;
        width: 100px;
        min-height: 120px;
        border-radius: 5px;
        overflow: hidden;
        position: relative;
        margin-right: 15px;
    }
    .wrapper.view .artist_list_box{
        width: 335px;
        background-color:#fff;
        border-radius: 5px;
        box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.1);
        border: solid 1px #626262;
    }
    .nav_btn_area{
        height: 380px;
        box-sizing:border-box;
        padding-top:100px;
    }
    .nav_btn_wrap{
        max-width:1100px;
        margin:auto;
        display:flex;
        margin-bottom:30px;
    }
    .nav_btn_wrap > article{
        width: 50%;
        box-sizing:border-box;
        padding:30px;
        display:flex;
        align-items:center;
        border: solid 1px #dedede;
    }
    .nav_btn_wrap > article:last-child{
        border-left:none;
        justify-content:flex-end;
    }
    .prev_table{
        font-size:16px;
        color:#444;
    }
    .next_table{
        font-size:16px;
        color:#444;
    }
    
    /* coupon */
    .wrapper.coupon{
        background-color:#fff;
    }
    .coupon_wrapper{
        min-width: 1100px;
        background-color:#fff;
    }
    .coupon_wrapper .sign_header{
        height: 350px;
        line-height:350px;
    }
    .coupon_wrapper .m_none.coupon_bg{
        width: 1100px;
        height: 140px;
        background-color:#f6f6f6;
        border: solid 1px #dedede;
        box-sizing:border-box;
        padding-top:33px;
        margin:50px 0px;
    }
    .coupon_wrapper .m_none.flex_wrapper{
        width:656px;
        margin:auto;
        flex-wrap:wrap;
    }
    .coupon_wrapper .coupon_btn{
        margin-bottom:0;
    }
    .coupon_wrapper .coupon_box{
        width: 32%;
        justify-self:flex-start;
    }
    .coupon_wrapper .coupon_box::after{
        background-color:#fff;
    }
    .coupon_wrapper .flex_wrapper.coupon{
        justify-content:space-between;
        margin-bottom:260px;
    }
    .pink_line{
        position: relative;
    }
    .pink_line::after{
        content:"";
        left:9px;
        position: absolute;
        width: 46px;
        height: 20px;
        background:#ff1a1a;
        opacity:0.2;
        top:50%;
        transform:translateY(-50%);
    }
    .pc_none{
        display:none !important;
    }

    /* notice */
    .wrapper.notice{
        background-color:#fff;
    }
    .notice_wrapper.notice{
        max-width:1160px;
        overflow: visible;
        background-color:#fff;
    }
    .notice_wrapper .notify_contents_box{
        background-color:#fff;
    }
    .notice_wrapper .flex_wrapper.notice{
        transform:translateY(-67px);
    }
    .notice_wrapper .notify_txt{
        background-color:#fff;
        line-height:normal;
        display:flex;
        justify-content:center;
        align-items:center;
    }
    .notice_wrapper .notice_txt{
        background-color:#fff;
        line-height:normal;
        display:flex;
        justify-content:center;
        align-items:center;
    }
    .notice_wrapper .highlight_circle{
        top: -4px;
    }
    .notice_wrapper .contents_wrapper{
        display:flex;
        flex-wrap:wrap;
        padding-left:30px;
        margin-top:50px;
        align-content: baseline;
    }
    .contents_wrapper .no_result{
        transform:translate(-50%,0);
        top:20%;
    }
    .notice_wrapper .notice_contents_box .input_wrap::after{
        display:none;
    }
    .notice_wrapper .notice_bg{
        position: relative;
        width: 353px;
        height: 356px;
        border:1px solid #626262;
        margin:0 20px 20px 0;
        border-radius:5px;
        background-color:#fff;
        cursor:pointer;
    }
    .notice_wrapper .notice_bg::before{
        content:"";
        display:block;
        position: absolute;
        left:-1px;
        top:110px;
        width: 10px;
        height: 20px;
        border: 1px solid #626262;
        border-left: 0;
        border-top-right-radius: 100px;
        border-bottom-right-radius: 100px;
        background-color:#fff;
    }
    .notice_wrapper .notice_bg::after{
        width: 10px;
        height: 20px;
        border: 1px solid #626262;
        border-top-left-radius: 100px;
        border-bottom-left-radius: 100px;
        content: "";
        display: block;
        position: absolute;
        top:110px;
        background-color: #fff;
        right: -1px;
        border-right: none;
    }
    .notice_wrapper .notice_bg .notice_title{
        font-size:20px;
        color:#444;
        font-weight:500;
    }
    .notice_wrapper .notice_bg .notice_title >p >span{
        display: inline-block;
        max-width: 88%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .notice_preview_box p{
        font-size:var(--main_font_size_m);
        color:#888;
        display:-webkit-box;
        -webkit-text-stroke: 1px rgba(0, 0, 0, 0);
        margin-top:20px;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:normal;
        -webkit-line-clamp:7;
        word-break:break-all;
        -webkit-box-orient: vertical;
    }
    .date_box.m_none{
        position: absolute;
        left:24px;
        bottom:31px;
        color: #888888;
        font-size:12px;
        font-family: 'Roboto', sans-serif;
        display: flex;
        align-items: center;
    }
    .date_box.m_none::after{
        content:"";
        display:block;
        position: absolute;
        width: 2px;
        height: 10px;
        background-color:#dedede;
        top:50%;
        transform:translateY(-50%);
        left:52px;
    }
    .new_icon{
        width: 24px;
    }
    .new_icon.active{
        display:block;
    }

    /* notify */
    .notify_contents_box .input_wrap.notify{
        position: relative;
        width: 353px;
        height: 356px;  
        border:1px solid #626262;
        margin:0 20px 20px 0;
        border-radius:5px;
        background-color:#fff;
    }
    .input_wrap.notify{
        margin:auto;
        text-align:left;
    }
    .notify_title > span{
        display: inline-block;
        max-width: 88%;
        overflow: hidden; 
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size:20px;
        color:#444;
        font-weight: 500;
    }
    .notice_wrapper.notice .notice_contents_box .notice_bg.active{
        color:#888;
        background-color:transparent;
    }

    /* notice_view */
    .wrapper.notice_view{
        background-color:#fff;
    }
    .wrapper.notice_view .sign_header{
        height: 350px;
        line-height:350px;
    }
    .wrapper.notice_view .notice_wrapper{
        max-width:1160px;
    }
    .wrapper.notice_view .notice_view_bg{
        background-color:#fff;
    }
    .wrapper.notice_view .input_wrap{
        background-color:#fff;
        border-bottom:1px solid #111;
        padding-bottom:30px;
    }
    .wrapper.notice_view .view_txt_box{
        color:#444;
        font-weight:bold;
        font-size:40px;
        width:100%;
    }
    .wrapper.notice_view .notice_view_bg .date_box{
        font-weight: normal;
        font-size:12px;
    }
    .wrapper.notice_view .view_contents_box{
        width: 68.18%;
        font-size:14px;
        color:#888;
    }

    /* gift */
    .wrapper.gift_view .gift_wrapper{
        transform: translateY(80px);
        margin-bottom: 130px;
        padding-bottom:50px;
        max-width:415px;
    }
    .wrapper.gift_view .sign_header{
        width: 89.33%;
        margin:auto;
        margin-bottom: 0;
        padding-top: 34px;
        margin-bottom: 18px;
    }
    .wrapper.gift_view .sign_header h1{
        font-family: 'Nanum Myeongjo', serif;
        font-weight:bold;
        text-align:left;
        font-size:24px;
        position:relative;
        letter-spacing: 2.4px;
        color:#444;
        left:0;
        bottom:0;
        transform:translate(0);
    }
    .wrapper.profile{
        padding:80px 0;
    }
    .wrapper.profile .profile_wrapper{
        margin:auto;
        min-height: 768px;
        height:auto;
    }
    .wrapper.profile .sign_header.profile h1{
        left:38px;
        top:34px;
        font-size:24px;
        letter-spacing: 2.4px;
        font-weight: 800;
        transform:translate(0);
        color: #444444;
        font-family: 'Nanum Myeongjo', serif;
    }


    .wrapper.gift>.gift.sign_header{
        background-image: url(/resources/img/pc_upra_story_view.png);
        width: 100vw;
        background-position: right;
        background-repeat: no-repeat;
        left: 50%;
        transform: translateX(-50%);
        background-position-x: 45%;
    }




    /* service_rule */
    .wrapper.service{
        background-color:#fff;
    }
    .wrapper.service .service_wrapper{
        max-width:1160px;
    }
    .wrapper.service .sign_header{
        height: 350px;
        line-height:350px;
    }
    .wrapper.service .notice_txt.cursor{
        width: 25%;
    }
    .wrapper.service .service_title{
        font-size:40px;
        line-height:normal;
        color:#444;
        font-weight: bold;
    }
    .wrapper.service .service_date{
        width: 100%;
        color: #888;
        font-size: 12px;
        padding-bottom: 30px;
        border-bottom: 1px solid #111;
        margin-bottom: 50px;
    }
    .wrapper.service .service_contents{
        font-size:14px;
        color:#888;
        box-sizing: border-box;
        padding:0 175px;
    }
    .wrapper.gift{
        background-color:#fff;
    }
    .wrapper.gift .no_result{
        left: 50%;
        top: 100%;
        transform: translate(-50%,0);
    }
    .wrapper.gift .gift_wrapper{
        max-width:1160px;
        background-color:#fff;
    }
    .wrapper .gift_bg{
        background-color:#fff;
    }
    .wrapper .flex_wrapper.gift{
        transform: translateY(-57px);
        justify-content:flex-start;
    }
    .wrapper.gift .gift_box{
        margin-top: 50px;
        padding-left:30px;
    }
    .wrapper .flex_wrapper.gift .gifticon{
        width: 353px;
        height: 400px;
        border: 1px solid #626262;
        margin: 0 20px 20px 0;
        border-radius: 5px;
        float:left;
    }
    .wrapper .flex_wrapper.gift .gifticon.welcome{
        margin:0;
        margin-left:30px;
    }
    .wrapper .flex_wrapper.gift .gift_box3 .gifticon{
        margin-bottom: 40px;
    }
    .wrapper .flex_wrapper.gift .gifticon::after{
        background-color:#fff;
    }
    .wrapper .flex_wrapper.gift .gifticon::before{
        background-color:#fff;
    }

    /* service_center */

    .wrapper.gift .service_wrapper{
        max-width:1100px;
        min-height:800px;
        background-color:#fff;
    }
    .service_wrapper .flex_wrapper.service{
        margin-top: 130px;
    }
    .service_wrapper .flex_wrapper.service a {
        width: 50%;
        height: 140px;
        background-color:#f6f6f6;
        display:flex;
        flex-wrap:wrap;
        align-content:center;
        padding-left:40px;
        box-sizing:border-box;
    }
    .service_wrapper .service_center_txt {
        display: flex;
        align-items: center;
        font-size:24px;
        font-weight: 500;
        width:100%;
        height:40px;
    }
    .service_wrapper .sub_txt{
        font-size:18px;
        color:#888;
        font-weight: normal;
    }
    .service_wrapper .next_btn_box{
        display:flex;
        margin-left:10px;
    }
    .service_wrapper .service_center_txt .next_btn_box img {
        width: 24px;
        position:unset;
        transform:translateY(0);
    }
    .service_wrapper .service_chat{
        width: 100%;
        height: 330px;
        display:flex;
        justify-content:center;
        align-content:center;
        flex-wrap:wrap;
    }
    .service_wrapper .service_chat h2{
        width: 100%;
        font-size:40px;
        font-weight: bold;
        text-align:center;
    }
    .service_wrapper .service_chat p{
        width: 100%;
        color:#fff;
        font-size:18px;
        text-align:center;
        opacity: 70%;
    }
    .chat_btn{
        width: 335px;
        height: 50px;
        outline:none;
        border:none;
        border-radius:5px;
        background-color:#fff;
        font-size:14px;
        color:#111;
        font-weight: bold;
        margin-top: 30px;
    }
    /* performance_view */
    .wrapper.performance{
        background-color:#fff;
    }
    .wrapper.performance .performance_wrapper{
        max-width:1160px;
        background-color:#fff;
    }
    .wrapper.performance .performance_contents{
        background-color:#fff;
    }
    .wrapper.performance .gifticon{
        width: 353px;
        min-height: 505px;
        border: 1px solid #626262;
        margin: 0 20px 20px 0;
        border-radius: 5px;
        float: left;
    }
    .wrapper.performance .gifticon::after{
        background-color:#fff;
    }
    .wrapper.performance .gifticon::before{
        background-color:#fff;
    }
    .wrapper.performance .info_btn_box{
        width: 100%;
    }
    .wrapper.performance .calendar_box {
        position: fixed;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
    }

    /* main */
    .wrapper.main{
        min-width:1200px;
        width: 100vw;
        background-color:#f4f4f4;
    }
    .wrapper.main .main_wrapper{
        max-width:1100px;
        min-width: 1100px;
        background-color: #f4f4f4;
        overflow:hidden;
    }
    .pc_main_txt{
        margin-top: 90px;
        width: 50%;
        display: inline-block;
    }
    .pc_main_txt h5{
        font-size:20px;
        color:#111;
        font-weight: normal;
        margin-bottom: 20px;
        transform:translateX(5px);
    }
    .pc_main_txt h1{
        font-size:60px;
        font-weight: normal;
        font-family: 'Nanum Myeongjo', serif;
        margin-bottom: 20px;
    }
    .pc_main_txt pre{
        font-size:22px;
        color:#888;
        transform: translateX(5px);
    }
    .wrapper.main .main_slide{
        width: 50%;
        min-height:610px;
        float:right;
        max-width:none;
        background-image:url(/resources/img/pc_slide_bg.png);
        background-repeat:no-repeat;
        background-position:50px 4px;
        background-size:contain;
        transform:translateY(60px);
        position: relative;
        z-index:3;
    }
    .main_btn{
        border-radius: 5px;
        box-shadow: 5px 5px 10px 0 rgba(183, 86, 2, 0.29);
        background-color: #fc9d2b;
        width: 173px;
        height: 50px;
        display:flex;
        align-items:center;
        justify-content: center;
        font-size:18px;
        font-weight: bold;
        color:#fff;
        cursor:pointer;
        margin-top: 80px;
        margin-bottom: 335px;
    }
    .main_btn:hover{
        opacity: 0.7;
    }
    .main_btn figure{
        margin-left:9px;
        position: relative;
        display:flex;
        align-items:center;
    }
    .pc_gift_icon{
        width: 24px;
    }
    .gift_message_pc{
        width: 87px;
        position: absolute;
        top:-32px;
        left:50%;
        transform:translateX(-50%);
    }
    .wrapper.main .main_story>h2{
        margin-left:0;
    }

    /* PC용 메인 이미지 공통 스타일 */
    .wrapper.main .main_banner .main_img {
        background-size: contain;
        background-position: top;
        background-repeat: no-repeat;
        top: 0;
        width: 100%;
        height: 100%;
    }
    .wrapper.main .main_banner{
        background-color:transparent;
        min-height: 647px;
    }
    .wrapper.main .main_txt {
        width: 100%;
        transform: translateX(-50%);
        left: 50%;
        position: absolute;
        box-sizing: border-box;
        padding: 0px 0px 100px 80px;
        /* left: 70px; */
    }
    .wrapper.main .main_story{
        max-width: 1110px;
        min-width: 1110px;
        height: auto;
        min-height: 690px;
        background-color:#f4f4f4;
        margin-bottom: 83px;
    }
    .wrapper.main .main_story_box{
        padding-left:0;
    }

    /* scrollbar 숨김 */
    .wrapper.main .main_story_box::-webkit-scrollbar{ display:none; }
    .wrapper.main .recommend_box::-webkit-scrollbar{ display:none; }

    .wrapper.main .main_story_box{
        display:block;
        background-color:#f4f4f4;
    }
    .wrapper.main .main_story_box > .story_anchor{
        width: 270px;
        float:left;
    }
    .wrapper.main .main_story_box > .story_anchor > .story_banner1{
        width: 270px;
        height: 165px;
        overflow:hidden;
    }
    .wrapper.main .main_story_box > .story_anchor:first-child{
        width: 527px;
        height: auto;
        margin-right:20px;
    }
    .wrapper.main .main_story_box > .story_anchor:first-child .story_banner1{
        width: 527px;
        height:322px;
    }

    .wrapper.main .main_story>h2 {
        margin-bottom: 46px;
    }

    .pc_story_category{
        display:flex;
        margin-bottom: 36px;
    }
    .pc_story_category >li{
        margin-right:30px;
        opacity: 0.4;
        -webkit-text-stroke: 1px rgba(0, 0, 0, 0);
        font-size:14px;
        color:#111;
        cursor:pointer;
    }
    .wrapper.main .category{
        width: auto;
        min-width: 22.85%;
        padding: 0 5px;
    }

    .pc_story_category >li.active{
        color:#fc9d2b;
        font-weight: 500;
        border-bottom:2px solid #fc9d2b;
        opacity:1;
        text-align:center;
    }
    .bottomline_box{
        position:absolute;
        bottom:-10px;
        display:flex;
        align-items:center;
    }
    .bottomline{
        min-width:935px;
        height: 2px;
        opacity:0.2;
        background-color:#000;
    }
    .bottomline_btn{
        margin-left: 40px;
    }
    .bottomline_btn img{
        width: 50px;
        cursor:pointer;
    }
    .bottomline_btn img:hover{
        opacity:0.7;
    }
    .bottomline_btn img:last-child{
        margin-left: 5px;
    }
    .performance_wrap{
        min-width:1100px;
        min-height: 470px;
        position: relative;
        margin-bottom: 140px;
    }
    .wrapper.main .performance_box{
        width: 264px;
        min-height:224px;
        position: relative;
    }
    .review_date{
        position: absolute;
        bottom: 20px;
        font-size:14px;
        color:#c8c8c8;
    }
    .wrapper.main .customer_photo{
        background-color:gray;
        width: 45px;
        height: 45px;
        border-radius:50%;
        overflow:hidden;
        background-size:cover;
        background-position:center;
    }
    .wrapper.main .category_title{
        text-overflow: ellipsis;
        overflow-x: hidden;
        white-space: nowrap;
    }
    .sub_title{
        font-size:36px !important;
        margin-bottom:45px !important;
        color:#111 !important;
    }
    .wrapper.main .performance_box p {
        -webkit-line-clamp: 5;
        height: 100px;
    }
    .left_effect{
        position: absolute;
        left:-450px;
        top:1470px;
    }
    .right_effect{
        position: absolute;
        right:0;
        top:956px;
    }
    @media screen and (max-width:1700px){
        .right_effect{
            display:none;
        }
    }
    .channel_talk{
        position:fixed;
        bottom:50px;
        right:50px;
        z-index:100;
        cursor:pointer;
    }
    .bottom_fixed_message{
        position: fixed;
        z-index:100;
        bottom:132px;
        right:50px;
        width: 70px;
        height: 70px;
        border-radius:50%;
        box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.1);
        background-color: #fc9d2b;
        cursor:pointer;
    }
    .bottom_fixed_message > img:first-child{
        position: absolute;
        left:50%;
        transform:translateX(-50%);
        top:-40px;
        width:101px;
    }
    .bottom_fixed_message > img:last-child{
        position: absolute;
        left:50%;
        top:50%;
        transform:translate(-50%,-50%);
        width: 30px;
    }
    /* performance_request */
    .request_wrapper{
        min-height: 800px;
        max-width: 415px;
        padding-bottom: 0px;
        border-radius: 5px;
    }
    .sign_header.request>h1{
        font-size: 24px;
        font-family: 'Nanum Myeongjo', serif;
        font-weight: 800;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: 2.4px;
        text-align: left;
        color: #444444;
        width: 89.33%;
        top: 34px;

    }
    .request_step_box{
        margin-top: 42px;
    }
    .count_position{
        right: 34px;
    }
    .flex_wrapper.request .login_btn {
        margin-bottom: 70px;
    }
    /* /step2*/
    .request_step_box.request_step_box2{
        margin-bottom: 20px;
    }
    .drop_txt_area.request_step_box2.request_step_box2{
        min-height: 100px;
    }
    .flex_wrapper.request .login_btn.request_step_box2{
        margin-bottom: 0px;
    }
    /* /step3*/
    /* .request_step_box.request_step_box3{
        margin-top: 42px;
    } */
    .flex_wrapper>.view_rule_txt{
        margin-bottom: 38px;
    }

    /* /repertory_choice*/
    .repertory_choice_wrapper{
        max-width: 415px;
        min-height: 800px;
        margin-bottom: 74px;
        border-radius: 5px;
    }

    .repertory_choice_wrapper>.sign_header{
        margin: auto;
        width: 89.33%;
    }

    .repertory_choice_wrapper>.sign_header h1{
        top: 28px;
        left: 0%;
        font-family: 'Nanum Myeongjo', serif;
        font-size: 24px;
        font-weight: 800;
        font-stretch: normal;
        font-style: normal;
        line-height: 0.92;
        letter-spacing: 2.4px;
        color: #444444;
        transform: translate(0%);
    }
    .flex_wrapper.choice{
        margin-top: 42px;
    }
    .choice>.login_btn{
        margin-bottom: 38px;
    }
    /* /performance_request_finish*/
    .finish_wrapper{
        max-width: 415px;
        min-height: 800px;
        border-radius: 5px;
        background-color: #ffffff;
        margin-top: 80px;
        margin-bottom: 74px;
    }

    .finish_wrapper>.sign_header h1 {
        font-family: 'Nanum Myeongjo', serif;
        font-size: 24px;
        font-weight: 800;
        font-stretch: normal;
        font-style: normal;
        line-height: 0.92;
        letter-spacing: 2.4px;
        text-align: left;
        color: #444444;
        left: 38px;
        top: 34px;
        transform: translate(0%)       
    }
    .finish_wrapper>.gifticon{
        margin-top: 42px;
        height: 490px;
    }


    /* /drop_user*/
    .drop_wrapper{
        max-width:800px;
        min-height: 514px;
        margin-bottom: 100px;
        border-radius: 5px;
        }
    .minheight_auto{
        min-height:auto;
    }
    .drop_wrapper>.sign_header{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;      
    }

    .drop_wrapper>.sign_header h1{
        width: 89.33%;
        top: 50px;
        font-size: 24px;
        font-weight: 800;
        font-stretch: normal;
        font-style: normal;
        line-height: 0.92;
        letter-spacing: 2.4px;
        text-align: left;
        color: #444444;
        font-family: 'Nanum Myeongjo', serif;
    }

    .flex_wrapper>.drop_txt{
        margin-top: 18px;
        font-size: 16px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #444444;
    }

    .flex_wrapper>.drop_txt_area{
        padding-right: 20px;
        height:150px;
    }

    .drop_wrapper>.next_btn.drop{
        bottom: 26px;
    }


        /* /repertory_setting*/
    .repertory_wrapper{
        max-width: 800px;
        min-height: 840px;
        border-radius: 5px;
    }

    .repertory_wrapper>.repertory_setting{
        width: 89.33%;
        margin: auto;
    }
    .repertory_wrapper>.sign_header{
        height: auto;
        padding-top: 50px;
    }
    .repertory_wrapper>.sign_header h1{
        font-family: 'Nanum Myeongjo', serif;
        font-size: 24px;
        font-weight: 800;
        font-stretch: normal;
        font-style: normal;
        line-height: 0.92;
        letter-spacing: 2.4px;
        text-align: left;
        color: #444444;
        position: unset;
        transform: translate(0%);
    }

    .repertory_contents_wrap>.repertory .repertory_plz{
        line-height: 100px;
    }


    .repertory_wrapper>.repertory_contents_wrap .repertory{
        padding-bottom: 50px;
    }




    /* /settlement_history*/
    .wrapper.settlement{
        padding-top: 80px;
        padding-bottom:100px;
    }
    .settlement_wrapper{
        max-width: 800px;
        min-height: 750px;
        background-color: #ffffff;
        border-radius: 5px;
    }
    .sign_header.settlement{
        height: auto;
        margin: auto;
        padding-top: 50px;
        width: 89.33%;
    }


    .settlement_wrapper>.sign_header h1{
        position: unset;
        text-align: left;
        transform: translate(0%);
        font-family: 'Nanum Myeongjo', serif;
        font-size: 24px;
        font-weight: 800;
        font-stretch: normal;
        font-style: normal;
        line-height: 0.92;
        letter-spacing: 2.4px;
        text-align: left;
        margin-bottom: 40px;
        color: #444444;
    }

    /* .flex_wrapper h2{
        margin-top: 40px;
    } */

    .wrapper>.settlement_wrapper>.flex_wrapper>ul{
        margin-bottom: 10px;
    }

    .flex_wrapper>.total_money_box{
        margin-top: 25px;
        height: 100px;
    }


    .settlement_user_area{
       display: flex;
       flex-wrap: wrap;
       justify-content:space-between;
       margin-bottom: 50px;
    }

    .settlement_user_area>.settlement_user_box{
        border: solid 1px #ebebeb;
        width: 49.5%;
    }

    .settlement_user_box>h2{
        margin-top: 0px;
    }
    .btn_box .change_btn_box{
        right:0;
    }

 
    /*/artist_list*/
    .pc_artist_list_header{
        background-image: url(/resources/img/pc_artist_list_header.jpg);
        background-position: 68%;
        background-repeat: no-repeat;
        background-color: #f1f1f1;
        width: 100vw;
        min-width: 1200px;
        min-height: 350px;

    }

    .pc_artist_list_header_text{
        width: 1100px;
        margin: auto;
        padding-top: 65px;
    }

    .pc_artist_list_header_text h3{
        font-family: 'Nanum Myeongjo', serif;
        font-size: 36px;
        font-weight: 800;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: 1.8px;
        text-align: left;
        margin-bottom: 10px;
    }

    .pc_artist_list_header_text h4{  
        font-size: 24px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: left;
        color: #888888;}

    .pc_artist_list_header_button{
        width: 1100px;
        margin: auto;
        margin-top: 62px;
        display: flex;
    }

    .pc_artist_list_header_button>ul{
        list-style: none;

        position: relative;
    }

    .pc_artist_list_header_box{
        width: 137px;
        height: 40px;
        border-radius: 99px;
        background-color: #000000;
        margin-right: 10px;
        cursor:pointer;
    }

    .pc_artist_list_header_button>ul>li>.pc_artist_list_header_icon{
        height: 24px;
        width: 24px;
        position: absolute;
        top:50%;
        left: 15px;
        transform: translateY(-50%);
    }
    .pc_artist_list_header_button>ul>h2{
        margin-left: 44px;
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 2.25;
        letter-spacing: normal;
        color: #ffffff;
    }

    .artist_list_wrapper{
        max-width: 1100px;
        margin-top: 60px;
    }

    .artist_list_wrapper>.btn_box>.list_btn li{
        font-size: 16px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 2;
        letter-spacing: -0.4px;
        text-align: center;
        color: #111111;      
    }

    .btn_box>.list_btn{
        width: 1100px;
    }
    .artist_list_wrapper>.flex_wrapper.artist_list.active{
        width: 100%;
        justify-content: left;
    }


    .artist_list>.artist_list_box.active {
        display: block;
        width: 24%;
        margin-right: 1%;
        min-height:346px;
        position: relative;
    }

    .artist_list>.artist_list_box>.artist_type.active{
        min-height: 346px;
        
    }

    .artist_container>.top_artist_txt{
        position: relative;
        bottom:unset;
        left:unset;
        margin-top: 190px;
        margin-left: 27px;
    }
    #hot_artists  .top_artist_slide .artist_container{
        width:auto;
    }

    .artist_type.active>.artist_container>.top_artist_txt>h4{
        text-shadow:2px 2px 2px #111;
        font-size: 16px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 2.06;
        letter-spacing: normal;
        text-align: left;
        color: #ffffff;
    }
    .top_artist_txt>hr{
        size: 2px;
        width: 106px;
        opacity: 0.5;
    }
    .wrapper.view .artist_list_box .artist_list_txt{
        margin-left:0;
    }


   /*/upra_story_view*/


   /* .story_wrapper.sign_header{
    background-image: url(/resources/img/pc_upra_story_view.png);
    width: 100vw;
    background-position: right;
    background-repeat: no-repeat;
    left: 50%;
    transform: translateX(-50%);
    background-position-x: 45%;
   }


   .wrapper.gift>.sign_header.gift h1{
    position: absolute;
    top: 100px;
    left: 20%;
    background-color: unset;
    font-family: 'Nanum Myeongjo', serif;
    text-align: left;
    transform: translate(0);
    font-size: 60px;
    letter-spacing: 3px;
   }

   .wrapper.gift>.sign_header.gift h2{
    position: absolute;
    top: 170px;
    left: 20%;
    background-color: unset;
    text-align: left;
    font-size: 24px;
    font-weight: normal;
    color: #888;
   } */




   .view .story_wrapper.sign_header img{
       position: absolute;
   }



   .view .story_header_text{
    line-height: 30px;
   }


   .view .story_wrapper>.sign_header>.story_header_text h2{
    top: 100px;
    left: 20%;
    background-color: unset;
    font-family: 'Nanum Myeongjo', serif;
    text-align: left;
    transform: translate(0);
    font-size: 60px;
    letter-spacing: 3px;
   }

   .view .story_wrapper>.sign_header>.story_header_text h3{
    position: absolute;
    top: 170px;
    left: 20%;
    background-color: unset;
    text-align: left;
    font-size: 24px;
    font-weight: normal;
    color: #888;
   }



   .view .story_wrapper.view .story_img img{
       height: auto;
       min-width: 750px;
   }



   .wrapper.view>section.artist_now_banner{
    background-color: #f4f4f4;
    max-width: 100%;
   }



   .view .artist_now_banner>article>.artist_list_box {
        max-height: 120px;
    }



    /* repertory_view */
    .repertory_wrapper .repertory_txt_wrap{
        border-bottom: 0
    }
    .repertory_now{
        max-width:1100px;
        margin:auto;
    }
    .repertory_contents_wrap .repertory h2{
        font-size: 16px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;

        margin-bottom: 13px;
    }

    /* timeline_box 08 18 */
    .wrapper .timeline_box{
        min-height:600px;
    }

    /* 확실치 않음 만들어두고 확인필요 */
    #handlebars_alarm_list{
        display:flex;
        width:100%;
        flex-wrap:wrap;
    }

}

@media screen and (max-width:764px){
    /* body::after{
        content:"";
        width: 100vw;
        height: 100vh;
        position: absolute;
        left:50%;
        top:50%;
        transform:translate(-50%,-50%);
        bg
    } */
}


@media screen and (max-width:499px){
    .m_none{
        display:none !important;
    }
    .notice_wrapper .notice_bg .notice_title{
        font-size:16px;
        font-weight: normal;
    }

    /* 가로 스크롤 숨김 */
    .main_story_box::-webkit-scrollbar{ display:none; }
    .recommend_box::-webkit-scrollbar{ display:none; }
}