@import url('responsible.css');

/**
  팝업 레이아웃 헤더
 */
/*body{padding-top:4.5rem;font-family: Lato NotoSansCJKkr;}*/
.header{position: fixed;text-align: center;padding:1.4rem 0;top:0;box-shadow: 0 0px 3px 0px #ccc;width:100%;background: #fff;z-index: 999;}
.header span{text-align: center;padding: 1.25rem 0 1.4rem 0;font-family: NotoSansCJKkr;color: #020202;letter-spacing: 0.031rem;font-size: 1.4rem;font-weight: 700;}
.header>a{position: absolute;right: 1.6rem;top:50%;transform: translateY(-50%);}
.header>span a{position: absolute;top:50%;transform: translateY(-50%);left: 0;padding: 1.6rem;}
.header>span .back_btn {padding: 0.8rem 1.6rem 0.8rem 0; background: #fff; border-radius: 0.2rem;background: transparent; color: #fff;}
.header>span .ic_back_btn {width: 1.5rem;height: 1.5rem;display: inline-block;vertical-align: middle;margin-right: 0.6rem;margin-top: -0.2rem;background: url(//djp5oonlusoz4.cloudfront.net/contents/event/20190924/ic_left_btn.png);background-size: 100% auto;background-repeat: no-repeat;}
.btn_close {position: fixed;display: block;right: 1.6rem;top: 1.2rem;z-index: 9999;padding: 1rem;}
.btn_close:before {position: absolute;top: 0;left: 15px;content: ' ';height: 2rem;width: 1px;background-color: #333;transform: rotate(45deg);}
.btn_close:after {position: absolute;left: 15px;top: 0;content: ' ';height: 2rem;width: 1px;background-color: #333;transform: rotate(-45deg);}
#review_detail{font-family: Lato;}

.content_header {
    position: sticky;
    text-align: center;
    padding: 1.4rem 0;
    top: 0;
    box-shadow: 0 0px 3px 0px #ccc;
    width: 100%;
    background: #fff;
    z-index: 999;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
}

.content_header.no-btn-back {
    justify-content: normal;
}

.content_header .title {
    text-align: center;
    font-family: Lato;
    color: #020202;
    letter-spacing: 0.031rem;
    font-size: 1.4rem;
    font-weight: 700;
    white-space: nowrap;
}

.content_header.no-btn-back .title {
    width: 100%;
}

.content_header img {
    width: 1.5rem;
    margin: 0.3rem 1.6rem 0;
}

.content_header.no-btn-back .escape {
    position: absolute;
    right: 0;
}

@media screen and (min-width: 550px) {
  .content_header { width: 550px; }
}