@charset "utf-8";
.aaa {
    background: #fff
}

.aaa {
    background: #fff
}


/* view-type */

.view-type {
    display: inline-block;
    margin-right: 15px;
    vertical-align: middle;
}

.view-type .view1 {
    float: left;
    display: block;
    position: relative;
    width: 35px;
    height: 35px;
}

.view-type .view1.active {
    background-position: -35px 0;
    z-index: 10;
}

.view-type .view2 {
    float: left;
    display: block;
    position: relative;
    margin-left: -1px;
    width: 35px;
    height: 35px;
}

.view-type .view2.active {
    background-position: -35px -35px;
    z-index: 10;
}


/* 마이페이지 */

table.mypage {
    border-top: 1px solid #444;
}

table.mypage.no-table {
    border-top: 0
}

table.mypage thead th {
    padding: 0 20px;
    height: 56px;
    background-color: #f5f5f5;
    font-size: 16px;
    font-weight: 600;
    color: #444;
    vertical-align: middle;
    text-align: center
}

table.mypage tbody td {
    padding: 10px 20px;
    border-bottom: 1px solid #d8d8d8;
}

table.mypage tbody td>p {
    line-height: 22px;
}

table.mypage tbody td .t1 {
    font-size: 12px;
}

table.mypage tbody td .t2 {
    font-size: 12px;
    color: #f42643;
}

table.mypage tbody td .t3 {
    color: #111;
    font-weight: 600;
}

table.mypage tbody td>div+.t3 {
    margin-top: 5px;
}

table.mypage tbody td .btn {
    margin: 5px auto;
    width: 70px;
    height: 30px;
    line-height: 28px;
    padding: 0 5px;
    font-size: 12px;
    color: #444;
}

table.mypage tbody td .btn-vert-wrap .btn {
    display: block;
    margin: 0;
}

table.mypage tbody td .btn-vert-wrap .btn+.btn {
    margin-top: 5px;
}

table.mypage tbody td .btn.c2 {
    color: #111;
    border-color: #444;
}

table.mypage tbody td .btn.c2:hover {
    border-color: #aa1a30;
}

table.mypage tbody td .prod-wrap {
    position: relative;
    display: table;
    table-layout: fixed;
    margin: 10px 0;
    width: 100%;
    height: 76px;
}

table.mypage tbody td .prod-wrap .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 56px;
    height: 76px;
    overflow: hidden;
}

table.mypage tbody td .prod-wrap .img img {
    width: 100%;
    height: 100%;
}

table.mypage tbody td .prod-wrap .cont-wrap {
    display: table-cell;
    width: 100%;
    padding: 0 0 0 76px;
    vertical-align: middle;
}

table.mypage tbody td .prod-wrap .title {
    margin: -4px 0 3px;
    max-height: 40px;
    font-size: 14px;
    font-weight: 600;
    color: #111;
    line-height: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

table.mypage tbody td .prod-wrap .title-type2 {
    margin: 0 0 4px;
    font-size: 14px;
    color: #444;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

table.mypage tbody td .prod-wrap .title-type3 {
    font-size: 14px;
    font-weight: 600;
    color: #111;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

table.mypage tbody td .prod-wrap .title-type3 i.ic-dt-camera {
    margin: 0 8px 5px 0;
}

table.mypage tbody td .prod-wrap .title a {
    color: #111;
}

table.mypage tbody td .prod-wrap .place {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

table.mypage tbody td .prod-wrap .date {
    line-height: 16px;
}

table.mypage tbody td .nodata {
    padding: 78px 0;
    font-size: 16px;
    color: #aaa;
}

table button:disabled,
table a:disabled {
    color: #ccc
}

table button:disabled:hover,
table a:disabled:hover {
    color: #ccc;
    border: 1px solid #d9d9d9
}

table.mypage.padding-wide tbody td {
    padding: 16px 30px;
}


/* mypage-wrap */

.mypage-wrap {
    position: relative;
    min-height: 700px;
}

.mypage-leftmenu {
    position: absolute;
    top: 0;
    left: 0;
    width: 164px;
    min-height: 593px;
    border: 1px solid #ccc;
}

.mypage-leftmenu .top {
    height: 145px;
    padding: 33px 18px 0 20px;
    margin: -1px -1px 0 -1px;
    background: #ef2011;
}

.mypage-leftmenu .top h3 {
    margin-bottom: 1px;
    font-size: 26px;
    font-weight: 600;
    color: #fff;
    letter-spacing: -1.5px;
    white-space: nowrap;
}

.mypage-leftmenu .top .ins {
    padding-left: 2px;
    font-size: 12px;
    color: #fff;
    line-height: 15px;
    letter-spacing: -0.8px;
}

.mypage-leftmenu>ul {
    padding: 19px 0;
}

.mypage-leftmenu>ul>li {
    display: block;
}

.mypage-leftmenu>ul>li>a {
    display: block;
    padding: 7px 20px 6px;
    color: #444;
    letter-spacing: -1px;
}

.mypage-leftmenu>ul>li>a:hover {
    color: #ef2011;
}

.mypage-leftmenu>ul>li.active>a {
    color: #ef2011;
    font-weight: 600;
}

.mypage-cont {
    padding-left: 204px;
}

.mypage-cont h4 {
    margin-bottom: 2px;
    line-height: 62px;
    font-size: 26px;
    font-weight: 600;
    color: #111;
    letter-spacing: -1.5px;
}

.mypage-cont .search-area {
    position: relative;
    margin-bottom: 30px;
    padding: 25px 27px;
    height: 92px;
    border: 1px solid #d8d8d8;
}

.mypage-cont .search-area label {
    display: inline-block;
    margin-right: 15px;
    color: #111;
    font-weight: 600;
    vertical-align: middle;
    letter-spacing: -1px;
}

.mypage-cont .search-area .search-con {
    display: inline-block;
    vertical-align: middle;
}

.mypage-cont .search-area .search-con .nice-select {
    margin-right: 5px
}

.mypage-cont .search-area .search-con+label {
    margin-left: 37px;
}

.mypage-cont .search-area .m-btn-wrap a {
    display: block;
    float: left;
    width: 60px;
    height: 40px;
    line-height: 38px;
    font-size: 13px;
    color: #444;
    text-align: center;
    border: 1px solid #d8d8d8;
    border-right: none;
}

.mypage-cont .search-area .m-btn-wrap a:last-child {
    border-right: 1px solid #d8d8d8;
}

.mypage-cont .search-area .m-btn-wrap a.active {
    color: #111;
    border: 1px solid #444;
}

.mypage-cont .search-area .m-btn-wrap a.active+a {
    border-left: none;
}

.mypage-cont .search-area .sel-wrap select {
    width: 100px;
    border-color: #d8d8d8;
}

.mypage-cont .search-area .sel-wrap select+select {
    margin-left: 6px;
}

.mypage-cont .search-area .sel-wrap select:first-child {
    width: 140px;
}

.mypage-cont .search-area .sel-wrap .prettydropdown {
    margin-right: 6px;
}

.mypage-cont .search-area .sel-wrap .prettydropdown {
    width: 98px !important
}

.mypage-cont .search-area .sel-wrap .prettydropdown:first-child {
    width: 138px !important
}

.mypage-cont .search-area .sel-wrap .prettydropdown>ul {
    width: 98px;
    color: #444;
    border-color: #d8d8d8;
}

.mypage-cont .search-area .sel-wrap .prettydropdown:first-child>ul {
    width: 138px;
}

.mypage-cont .search-area .search-btn {
    position: absolute;
    top: 25px;
    right: 27px;
    width: 65px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    font-weight: 600;
    color: #111;
    vertical-align: middle;
    border: 1px solid #d8d8d8;
}

.mypage-cont .mypage-ins {
    position: relative;
    margin: 6px 0 20px;
    height: 40px;
    padding: 9px 20px;
    background: #f5f5f5;
}

.mypage-cont .mypage-ins p {
    font-size: 14px;
    color: #444;
}

.mypage-cont .mypage-ins a {
    position: absolute;
    padding-right: 12px;
    top: 11px;
    right: 20px;
    color: #444;
    line-height: 16px;
    border-bottom: 1px solid #444;
}

.mypage-cont .mypage-ins a:after {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    right: 0;
    width: 5px;
    height: 7px;
}

.mypage-cont .title-wrap {
    position: relative;
}

.mypage-cont .title-wrap .btn {
    position: absolute;
    bottom: 0;
    right: 0;
}

.mypage-cont .layer-pop .btn {
    position: static !important;
}

.mypage-cont h5 {
    margin: 59px 0 15px;
    font-size: 22px;
    font-weight: 600;
    color: #111;
    line-height: 1;
    letter-spacing: -1.5px;
}

.mypage-cont h5.line {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #d8d8d8;
}

.mypage-cont .pagination+h5 {
    margin: -20px 0 10px;
}

.mypage-cont h6.sub-title {
    margin: 25px 0 10px;
    font-size: 16px;
    font-weight: normal;
    color: #111;
    letter-spacing: -1px;
}

.mypage-cont .po-relative {
    position: relative;
}

.mypage-cont .po-btn {
    position: absolute;
    top: 0;
    right: 0;
}

.mypage-cont .po-relative .ins-list.type2 {
    margin: 5px 0 9px;
}

.mypage-cont .po-relative .ins-list.type2 li {
    line-height: 28px;
}

.mypage-cont .ins-list {
    margin: 0;
}

.mypage-cont .ins-list+h6.sub-title {
    margin-top: 19px;
}

.mypage-cont .ins-list.type2 {
    margin: 12px 0 23px;
}

.mypage-cont .ins-list.bg {
    margin-bottom: 4px;
}

.mypage-cont table+.ins-list.type2 {
    margin-top: 22px;
}

.mypage-cont table+table {
    margin-top: 60px;
}

.mypage-cont .td-price {
    padding-right: 35px;
    letter-spacing: -0.5px;
}

.mypage-cont .btn-wrap {
    position: relative;
    margin: 10px 0 13px;
}

.mypage-cont .btn-wrap:after {
    content: "";
    display: block;
    clear: both;
}

.mypage-cont .btn-wrap .left {
    float: left;
}

.mypage-cont .btn-wrap .right {
    float: right;
}

.mypage-cont .btn-wrap .right .btn {
    margin-left: 5px;
}

.mypage-cont .btn-wrap2 {
    text-align: center;
}

.mypage-cont .btn-wrap2 .btn {
    width: 220px;
    height: 45px;
    line-height: 42px;
    font-size: 16px;
}

.mypage-cont .btn-wrap2 .btn+.btn {
    margin-left: 15px;
}

.mypage-cont .address-box {
    padding-left: 50px
}

.mypage .to-btn-wrap {
    margin: 5px 0 4px 10px;
}

.mypage .to-btn-wrap .btn {
    position: relative;
    padding: 0 24px 0 14px;
    margin: 0;
    width: auto;
}

.mypage .to-btn-wrap .btn:after {
    content: "";
    position: absolute;
    top: 12px;
    right: 11px;
    width: 8px;
    height: 4px;
}

.mypage .to-btn-wrap .btn.opened:after {
    background-position: 0 0;
}

.mypage .to-btn-wrap .cont {
    display: none;
    margin-top: 4px;
    padding: 15px 20px;
    background: #f5f5f5;
}

.mypage .to-btn-wrap .cont ul li {
    position: relative;
    padding-left: 8px;
    font-size: 12px;
    color: #444;
    line-height: 22px;
}

.mypage .to-btn-wrap .cont ul li:before {
    content: "";
    display: block;
    position: absolute;
    top: 9px;
    left: 0;
    width: 3px;
    height: 3px;
    background: #444;
    border-radius: 50%;
}

.mypage .to-btn-wrap .btn.opened+.cont {
    display: block;
}

.mypage-cont .noti-box {
    margin-bottom: 10px;
    padding: 15px 15px 16px;
    font-size: 16px;
    text-align: center;
    border: 1px solid #d9d9d9;
}

.mypage-cont .noti-box p {
    display: inline-block;
    margin-right: 22px;
}

.mypage-cont .noti-box2 {
    margin: 20px 0 0;
    height: 76px;
    padding: 13px;
    font-size: 18px;
    text-align: center;
    border: 2px solid #444;
}

.mypage-cont .noti-box2 .num {
    font-size: 28px;
}

.mypage-cont .noti-box2 p {
    display: inline-block;
    margin: 0 10px 6px 0;
    font-size: 16px;
    font-weight: 600;
    color: #111;
    vertical-align: middle;
}

.mypage-cont .ins {
    margin: 30px 0 45px;
    font-size: 16px;
    color: #444;
}

.mypage-detail-top {
    position: relative;
    margin-bottom: 40px;
    min-height: 217px;
    border-top: 1px solid #111;
}

.mypage-detail-top .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 160px;
    height: 216px;
    overflow: hidden;
}

.mypage-detail-top dl {
    padding: 19px 10px 19px 190px;
}

.mypage-detail-top dl:after {
    content: "";
    display: block;
    clear: both;
}

.mypage-detail-top dt {
    float: left;
    width: 13.3%;
    display: inline-block;
    padding: 6px 0 5px;
    font-size: 16px;
    font-weight: 600;
    color: #111;
}

.mypage-detail-top dd {
    float: left;
    width: 86.7%;
    display: inline-block;
    padding: 6px 0 5px;
    font-size: 16px;
    color: #111;
}

.table-appr tbody td {
    vertical-align: top;
    border-top: 1px solid #444;
    border-bottom: 1px solid #e5e5e5;
}

.table-appr tbody td .cell {
    width: 160px;
    margin: 0 auto;
    padding: 23px 0 20px;
}

.table-appr tbody td .title {
    margin-bottom: 13px;
    font-size: 16px;
    font-weight: 600;
    color: #444;
}

.table-appr tbody td .num {
    margin-bottom: 12px;
    padding: 9px 6px 17px;
    text-align: right;
    font-size: 16px;
    color: #444;
    border-bottom: 1px solid #e4e4e4;
}

.table-appr tbody td .num span {
    font-size: 20px;
    font-weight: 600;
}

.table-appr tbody td.last {
    background: #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
}

.table-appr tbody td.last .num {
    margin-bottom: 0;
    padding: 0 0 15px;
    font-size: 18px;
    font-weight: 600;
    color: #f42643;
    border-bottom: none;
}

.table-appr tbody td.last .num span {
    font-size: 28px;
}

.table-appr tbody td.last .cell {
    width: 230px;
}

.table-appr tbody td dl:after {
    content: "";
    display: block;
    clear: both;
}

.table-appr tbody td dt {
    float: left;
    width: 43%;
    padding: 4px 0;
    letter-spacing: -1px;
}

.table-appr tbody td dd {
    float: right;
    width: 57%;
    padding: 4px 6px;
    text-align: right;
    white-space: nowrap;
    letter-spacing: 0;
}

.table-appr tbody td.last dl {
    padding: 10px 20px;
    background: #fff;
}

.table-appr tbody td.last dt {
    padding: 8px 0;
    height: 38px;
}

.table-appr tbody td.last dd {
    padding: 6px 0;
    height: 38px;
    font-size: 16px;
    font-weight: 600;
}

.table-appr tbody td.last dd .t1 {
    font-size: 14px;
}

.table-appr.cancel tbody td .cell {
    width: 160px;
    margin: 0 auto;
    padding: 23px 0 20px;
}

.table-appr.cancel tbody td.last .num {
    margin-bottom: 12px;
    padding: 9px 6px 17px;
    font-size: 16px;
    font-weight: normal;
    color: #444;
    border-bottom: 1px solid #e4e4e4;
}

.table-appr.cancel tbody td.last .num span {
    font-size: 20px;
}

.table-appr.cancel tbody td.last dl {
    padding: 0;
    background: none;
}

.table-appr.cancel tbody td.last dt {
    padding: 4px 0;
    height: 34px;
}

.table-appr.cancel tbody td.last dd {
    padding: 4px 6px;
    height: 34px;
    font-size: 14px;
    font-weight: normal;
}

.mypage-wbox {
    margin-bottom: 30px;
    padding: 25px 40px 30px;
    background: #f5f5f5;
}

.mypage-wbox .title {
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: 600;
    color: #111;
}

.mypage-wbox .type-wrap {
    position: relative;
    padding-right: 79px;
}

.mypage-wbox .type-wrap input {
    width: 100%;
    padding: 0 12px;
    height: 45px;
    font-size: 16px;
    border: 1px solid #aaa
}

.mypage-wbox .type-wrap .btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 69px;
    height: 45px;
    line-height: 43px;
    color: #fff;
    background: #757575;
    border-color: #757575;
}

.mypage-wbox .type-wrap .btn:hover {
    background: #555;
    border-color: #555;
}

.datepicker-wrap {
    display: inline-block;
}

.datepicker-wrap input {
    width: 203px;
    height: 40px;
    margin: 0 6px;
    padding: 0 40px 0 15px;
    cursor: pointer;
}

.datepicker-wrap input:active,
.datepicker-wrap input:focus {
    border-color: #444 !important;
}

.mypage-cont .search-area .datepicker-wrap {
    margin-left: 16px;
    padding-left: 14px;
    border-left: 1px solid #d8d8d8;
}

.txt-hover-wrap {
    position: relative;
    cursor: default;
}

.txt-hover-wrap p {
    display: none;
    position: absolute;
    top: 24px;
    right: 0;
    padding: 6px 10px 7px;
    line-height: 20px;
    font-size: 14px;
    text-align: left;
    color: #111;
    background: #fafafa;
    border: 1px solid #ccc;
    white-space: nowrap;
}

.txt-hover-wrap:hover p {
    display: block;
}

table.mypage.reply-wrap tbody td.box-wrap {
    padding: 0;
    border: none;
}

table.mypage.reply-wrap tbody td.box-wrap .box {
    margin-top: -1px;
}

table.mypage.reply-wrap tbody td.box-wrap .box .box-depth2 {
    display: block;
}

table.mypage.reply-wrap tbody td.box-wrap .box .box-more {
    padding: 25px 30px;
}

table.mypage.reply-wrap tbody td .question {
    cursor: pointer;
}

table.mypage.reply-wrap tbody td .question:hover {
    text-decoration: underline;
}

table.mypage.reply-wrap tbody .tr-reply {
    display: none;
}

table.mypage .btn-like {
    margin: 2px 0;
    font-weight: 600;
    color: #f42643;
}

table.mypage .btn-like:before {
    content: '';
    display: inline-block;
    top: 0;
    width: 18px;
    height: 16px;
    margin: 0 3px 3px 0;
    vertical-align: middle;
}


/* ==== main page ===== */

.main-top-banner {
    position: relative;
    height: 600px;
    background: #f9f9f9;
    overflow: hidden;
}

.main-top-banner .thum-wrap {
    position: absolute;
    left: 0;
    right: -8px;
    bottom: 25px;
    width: 1080px;
    margin: 0 auto;
    text-align: right;
    z-index: 20;
}

.main-top-banner .thum-wrap .slider-nav {
    display: inline-block;
}

.main-top-banner .thum-wrap .slider-nav .slick-list {
    overflow: inherit;
}


/* for current item's shadow */

.main-top-banner .thum-wrap .slider-nav .item {
    position: relative;
    float: left;
    width: 70px;
    height: 80px;
    padding: 1px 6px;
    outline: none;
    cursor: pointer;
}

.main-top-banner .thum-wrap .slider-nav .item .img {
    display: inline-block;
    width: 58px;
    height: 78px;
}

.main-top-banner .thum-wrap .slider-nav .item .border {
    position: absolute;
    top: 0;
    left: 5px;
    right: 5px;
    height: 80px;
    border: 1px solid rgba(255, 255, 255, .3);
}

.main-top-banner .thum-wrap .slider-nav .item .mask {
    position: absolute;
    top: 1px;
    left: 6px;
    right: 6px;
    height: 78px;
    background: rgba(0, 0, 0, .4);
}

.main-top-banner .thum-wrap .slider-nav .slick-current .mask {
    top: 0;
    left: 5px;
    right: 5px;
    height: 80px;
    border: 3px solid #f42643;
    background: none;
}

.main-top-banner .thum-wrap .slider-nav .slick-current .border {
    box-shadow: 0 15px 20px rgba(0, 0, 0, .2);
}

.main-top-banner .btn-area {
    display: inline-block;
    margin: 0 10px 4px;
    vertical-align: bottom;
}

.main-top-banner .btn-area .btn-play {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 3px;
    opacity: 0.4;
}

.main-top-banner .btn-area .btn-pause {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 3px;
    opacity: 0.4;
}

.main-top-banner .btn-area .btn-play.on,
.main-top-banner .btn-area .btn-pause.on {
    opacity: 1;
}

.big-banner-area {
    text-align: center;
    z-index: 10;
}

.big-banner-area a {
    display: block;
    height: 600px;
    outline: none;
}

.big-banner-area a img {
    margin: 0 auto;
}


/* main-con-wrap */

.main-con-wrap {
    position: relative;
    min-height: 500px;
    margin-top: 53px
}


/* ticket-ranking-area */

.ticket-ranking-area .inner-w {
    padding-bottom: 59px;
    border-bottom: 2px solid #e4e4e4;
}

.ticket-ranking-area .ranking-cont-wrap {
    position: relative;
    margin-top: 22px;
    height: 330px;
    overflow: hidden;
}

.ticket-ranking-area .ranking-cont-wrap .tab-item {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
}

.ticket-ranking-area .ranking-cont-wrap .tab-item:first-child {
    display: block;
}

.ticket-ranking-area .ranking-cont-wrap li {
    position: relative;
    display: block;
    float: left;
    width: 184px;
    height: 330px;
}

.ticket-ranking-area .ranking-cont-wrap li+li {
    margin-left: 40px;
}

.ticket-ranking-area .ranking-cont-wrap li a {
    display: block;
    width: 100%;
    height: 100%;
}

.ticket-ranking-area .ranking-cont-wrap li .img {
    margin-bottom: 11px;
    height: 245px;
    overflow: hidden;
}

.ticket-ranking-area .ranking-cont-wrap li .num {
    position: absolute;
    top: 0;
    left: 0;
    width: 35px;
    height: 46px;
    z-index: 10;
}

.ticket-ranking-area .ranking-cont-wrap li .num.n1 {
    background-position: 0 0;
}

.ticket-ranking-area .ranking-cont-wrap li .num.n2 {
    background-position: -50px 0;
}

.ticket-ranking-area .ranking-cont-wrap li .num.n3 {
    background-position: -100px 0;
}

.ticket-ranking-area .ranking-cont-wrap li .num.n4 {
    background-position: -150px 0;
}

.ticket-ranking-area .ranking-cont-wrap li .num.n5 {
    background-position: -200px 0;
}

.ticket-ranking-area .ranking-cont-wrap li .title {
    margin: 0 0 6px;
    height: 46px;
    font-size: 16px;
    font-weight: 600;
    color: #111;
    line-height: 23px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ticket-ranking-area .ranking-cont-wrap li .place {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    right: 0;
    height: 245px;
    text-align: center;
    background: rgba(0, 0, 0, .7);
    z-index: 20;
}

.ticket-ranking-area .ranking-cont-wrap li .place>div {
    display: table;
    width: 100%;
    height: 100%;
}

.ticket-ranking-area .ranking-cont-wrap li .place p {
    display: table-cell;
    padding: 0 20px;
    font-size: 16px;
    color: #fff;
    vertical-align: middle;
}

.ticket-ranking-area .ranking-cont-wrap li a:hover .place {
    display: block;
}

.ticket-ranking-area .category-menu {
    position: absolute;
    top: 3px;
    left: 150px;
    right: 150px;
    text-align: center;
}

.ticket-ranking-area .category-menu li {
    display: inline-block;
    margin: 0 16px;
}

.ticket-ranking-area .category-menu li a {
    display: inline-block;
    padding-bottom: 5px;
    font-size: 18px;
    color: #757575;
    letter-spacing: -1px;
}

.ticket-ranking-area .category-menu li a:hover {
    color: #111;
}

.ticket-ranking-area .category-menu li.on a {
    color: #111;
    font-weight: 600;
    border-bottom: 3px solid #f992a1;
}

.ticket-ranking-area .paging-dot {
    padding: 4px 0 0;
    text-align: center;
}

.ticket-ranking-area .paging-dot>li {
    display: inline-block;
    margin: 0 3px;
    width: 8px;
    height: 8px;
    background: #ccc;
    border-radius: 50%;
}

.ticket-ranking-area .paging-dot>li.on {
    background: #f42643;
}

.ticket-ranking-area .paging-dot>li a {
    display: block;
    width: 100%;
    height: 100%
}


/* main-notice-event */

.main-notice-event {
    margin-bottom: 60px;
    padding: 53px 0 0;
}

.main-notice-event .notice-area {
    position: relative;
    float: left;
    width: 510px;
    vertical-align: top;
}

.main-notice-event .notice-area ul {
    height: 595px;
    padding: 19px 30px;
    border: 1px solid #e4e4e4;
}

.main-notice-event .notice-area ul li {
    position: relative;
    overflow: hidden;
    margin-bottom: 18px;
    height: 100px;
    border-bottom: 1px solid #e4e4e4;
}

.main-notice-event .notice-area ul li:last-child {
    margin-bottom: 0;
    border: none;
}

.main-notice-event .notice-area ul li a {
    display: block;
}

.main-notice-event .notice-area ul li .title {
    margin: 5px 0 0;
    max-width: 360px;
    font-size: 18px;
    color: #111;
    letter-spacing: -1px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.main-notice-event .notice-area ul li .date {
    font-size: 16px;
    color: #757575;
}

.main-notice-event .notice-area ul li .img {
    position: absolute;
    top: 1px;
    right: 0;
    width: 60px;
    height: 80px;
}

.main-notice-event .notice-area ul li.no-data {
    height: auto;
    padding-top: 252px
}

.main-notice-event .notice-area ul li.no-data .title {
    text-align: center;
    max-width: none
}

.main-notice-event .event-area {
    position: relative;
    float: right;
    width: 510px;
    vertical-align: top;
}

.main-notice-event .event-area .slider-main-event {
    position: relative;
    width: 510px;
    height: 595px;
    overflow: hidden;
}

.main-notice-event .event-area .event-wrap {
    position: relative;
    display: block;
    height: 595px;
}

.main-notice-event .event-area .event-wrap .img {
    position: relative;
    width: 510px;
    height: 595px;
}

.main-notice-event .event-area .event-wrap .img .masking {
    display: none;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 80px;
    height: 60px;
    z-index: 10;
}

.main-notice-event .event-area .event-wrap .img .frame {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    border-bottom: none;
    opacity: 0.095;
    z-index: 20;
}

.main-notice-event .event-area .event-wrap .copy-wrap {
    display: table;
    width: 100%;
    height: 150px;
}

.main-notice-event .event-area .event-wrap .copy-wrap>div {
    display: table-cell;
    width: 100%;
    padding: 0 70px 0 30px;
    vertical-align: middle;
}

.main-notice-event .event-area .event-wrap .sub-copy {
    margin-bottom: 2px;
    width: 410px;
    font-size: 16px;
    color: #757575;
    letter-spacing: -1px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.main-notice-event .event-area .event-wrap .title {
    width: 410px;
    max-height: 70px;
    font-size: 24px;
    color: #111;
    letter-spacing: -1.5px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.main-notice-event .event-area .slide-count-wrap {
    position: absolute;
    bottom: 17px;
    right: 20px;
    color: #757575;
}

.main-notice-event .event-area .slide-count-wrap .current {
    font-weight: 600;
    color: #111;
}

.main-notice-event .event-area .slider-main-event .slick-prev {
    position: absolute;
    top: 50%;
    margin-top: -35px;
    left: 0;
    width: 70px;
    height: 70px;
    text-indent: -9999px;
    font-size: 0;
    cursor: pointer;
    outline: none;
    border: none;
    z-index: 20;
}

.main-notice-event .event-area .slider-main-event .slick-next {
    position: absolute;
    top: 50%;
    margin-top: -35px;
    right: 0;
    width: 70px;
    height: 70px;
    text-indent: -9999px;
    font-size: 0;
    cursor: pointer;
    outline: none;
    border: none;
    z-index: 20;
}


/* main-banner-full-w */

.main-banner-full-w {
    margin-bottom: 53px;
}

.main-banner-full-w .banner-wrap {
    display: block;
    height: 150px;
    background-position: center;
    background-repeat: no-repeat;
}

.main-banner-full-w img {
    max-width: 100%
}


/* main-recom-area */

.main-recom-area {
    margin-bottom: 40px;
}

.main-recom-area ul:after {
    content: "";
    clear: both;
    display: block;
}

.main-recom-area ul li {
    display: block;
    float: left;
    margin: 0 20px 20px 0;
    width: 347px;
    height: 364px;
}

.main-recom-area ul li a {
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #e4e4e4;
}

.main-recom-area ul li a:hover {
    border-color: #f12347;
}

.main-recom-area ul li a:hover .frame {
    border-color: #f12347;
    opacity: 1;
}

.main-recom-area ul li .img {
    position: relative;
    margin: -1px 0 27px -1px;
    width: 347px;
    height: 191px;
    overflow: hidden;
    border-bottom: none;
}

.main-recom-area ul li .img .frame {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #111;
    border-bottom: none;
    opacity: 0.095;
}

.main-recom-area ul li .img img {
    width: 100%;
    height: 100%;
}

.main-recom-area ul li .title {
    margin: 0 20px 2px;
    height: 46px;
    font-size: 18px;
    font-weight: 600;
    color: #111;
    line-height: 23px;
    letter-spacing: -0.8px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.main-recom-area ul li .date {
    margin: 0 20px 1px;
    color: #444;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.main-recom-area ul li .place {
    margin: 0 20px 5px;
    color: #444;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.main-recom-area ul li .flag-wrap {
    margin: 0 20px;
}

.main-recom-area ul li:nth-child(3n) {
    margin: 0 0 20px -1px;
}


/* main-banner-b */

.main-banner-b {
    padding-bottom: 60px;
}

.main-banner-b ul {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.main-banner-b ul li {
    display: table-cell;
    text-align: center;
}

.main-banner-b ul li a {
    display: inline-block;
    background: #f9f9f9;
}

.main-banner-b ul li:first-child {
    text-align: left;
}

.main-banner-b ul li:last-child {
    text-align: right;
}


/* main-theme-prod */

.main-theme-prod {
    margin-bottom: 20px;
}

.main-theme-prod .prod-wrap {
    padding: 60px 0 20px;
    border-top: 2px solid #e4e4e4;
}

.main-theme-prod .key-visual {
    position: relative;
    float: left;
    margin-bottom: 40px;
    width: 388px;
    height: 388px;
    vertical-align: top;
}

.main-theme-prod .key-visual a {
    display: block;
    width: 100%;
    height: 100%;
}

.main-theme-prod .key-visual .masking {
    display: none;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 80px;
    height: 60px;
}

.main-theme-prod .prod-item {
    float: left;
    margin-left: 20px;
    width: 672px;
    vertical-align: top;
}

.main-theme-prod .prod-item:after {
    content: "";
    clear: both;
    display: block;
}

.main-theme-prod .prod-item li {
    display: block;
    float: left;
    margin: 0 0 37px 40px;
    width: 184px;
    height: 374px;
}

.main-theme-prod .prod-item li a {
    display: block;
    width: 100%;
    height: 100%;
}

.main-theme-prod .prod-item li a:hover .title {
    color: #f42643;
    text-decoration: underline;
}

.main-theme-prod .prod-item li .img {
    margin-bottom: 11px;
    width: 184px;
    height: 245px;
    overflow: hidden;
}

.main-theme-prod .prod-item li .img img {
    width: 100%;
    height: 100%;
}

.main-theme-prod .prod-item li .title {
    margin-bottom: 2px;
    height: 46px;
    font-size: 16px;
    font-weight: 600;
    color: #111;
    line-height: 23px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.main-theme-prod .prod-item li .date {
    margin-bottom: 1px;
    color: #444;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.main-theme-prod .prod-item li .place {
    margin-bottom: 5px;
    color: #444;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


/* =========================================
sub page
=========================================== */

.sub-con-wrap {
    position: relative;
    margin: 30px 0;
    min-height: 600px;
}

.including-aside {
    position: relative;
}


/* search-total-wrap */

.search-total-wrap h2.sub-top-title {
    margin-bottom: 25px;
}

.search-total-wrap .result-txt {
    height: 67px;
    padding: 20px 0 0;
    margin-bottom: 30px;
    text-align: center;
    background: #f5f5f5;
}

.search-total-wrap .result-txt p {
    display: inline-block;
    padding-left: 28px;
    font-size: 18px;
    color: #111;
    letter-spacing: -1px;
}

.search-total-wrap .result-txt .keyword {
    color: #f42643;
    font-weight: 600;
    letter-spacing: -1px;
}

.search-total-wrap .result-txt .num {
    color: #f42643;
    font-weight: 600;
}

.search-total-wrap .ticket-ranking-area {
    padding-top: 53px;
    border-top: 2px solid #e4e4e4;
}

.search-total-wrap .ticket-ranking-area .inner-w {
    border-bottom: none;
}

.search-total-wrap .tab-content {
    margin-top: 40px;
}

.search-total-wrap .key-result {
    color: #f42643;
}


/* prod-top & prod-bottom */

.prod-top {
    position: relative;
    padding-bottom: 10px;
    border-bottom: 3px solid #111;
}

.prod-top:after {
    content: "";
    display: block;
    clear: both;
}

.prod-top .left {
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 4px;
}

.prod-top .left .sort-tab {
    display: inline-block;
    margin-top: 6px;
    vertical-align: middle;
}

.prod-top .left .sort-tab li {
    display: inline-block;
    position: relative;
    margin-right: 26px;
}

.prod-top .left .sort-tab li:after {
    content: "";
    position: absolute;
    top: 5px;
    right: -16px;
    width: 1px;
    height: 12px;
    background: #d8d8d8;
}

.prod-top .left .sort-tab li:last-child:after {
    display: none;
}

.prod-top .left .sort-tab li a {
    display: inline-block;
    font-size: 14px;
    color: #757575;
    letter-spacing: -1px;
}

.prod-top .left .sort-tab li a:hover {
    color: #111;
}

.prod-top .left .sort-tab li.active a {
    font-weight: 600;
    color: #f42643;
}

.prod-top .left .view-type+.sort-tab {
    margin-top: 0;
}

.prod-top .right {
    float: right;
}

.prod-top .right label {
    display: inline-block;
    margin-right: 5px;
    color: #111;
    letter-spacing: -1px;
    vertical-align: middle;
}

.prod-top .right .nice-select,
.prod-top .right .nice-select .list {
    width: 120px;
    border: 1px solid #757575;
}

.prod-top .right .search-table-top input[type="text"] {
    border: 1px solid #757575
}

.prod-top.type2 {
    min-height: 53px;
}

.prod-top .date-title-wrap {
    position: absolute;
    top: 0;
    left: 300px;
    right: 300px;
    text-align: center;
}

.prod-top .date-title-wrap .title {
    display: inline-block;
    margin-top: -5px;
    /*padding:0 30px 0 40px;*/
    font-size: 24px;
    color: #111;
    text-align: center;
    letter-spacing: -1.5px;
    cursor: pointer;
    border: none;
    outline: none;
}

.prod-top .date-title-wrap .title input {
    position: relative;
    width: 246px;
    border: 0;
    font-size: 24px;
    color: #111;
    vertical-align: middle;
    background: transparent;
    z-index: 100
}

.prod-top .date-title-wrap .title input+span {
    vertical-align: middle;
    margin-left: -15px
}

.prod-top .date-title-wrap .title:after {
    content: '';
    display: inline-block;
    width: 22px;
    height: 20px;
    margin-left: 10px;
    vertical-align: middle;
}

.prod-top .date-title-wrap.type1 .title:after {
    display: none
}

.prod-top .date-title-wrap.type1.week-title .title:after {
    display: inline-block;
    margin-top: 6px
}

.prod-top .date-title-wrap.type1 .title .prettydropdown {
    margin-left: 35px;
    width: 244px !important
}

.prod-top .date-title-wrap.type1 .title .prettydropdown ul {
    max-height: 400px !important
}

.prod-top .date-title-wrap.type1 .title .prettydropdown li {
    width: 244px !important
}

.prod-top .date-title-wrap.type1 .nice-select .current {
    color: #aaa;
    vertical-align: top;
}

.prod-top .date-title-wrap.type1 .nice-select.on .current {
    color: #111
}

.prod-top .date-title-wrap.type1 .select-w230 .nice-select,
.prod-top .date-title-wrap.type1 .select-w230 .nice-select .list {
    width: 255px !important
}

.prod-top .date-title-wrap.type1 .title {
    padding-left: 100px
}

.prod-top .date-title-wrap .title span {
    vertical-align: middle
}

.prod-top .date-title-wrap .date-wrap {
    display: inline-block;
    font-size: 24px;
    color: #111;
    vertical-align: middle
}

.prod-top .date-title-wrap .date-wrap+* {
    vertical-align: middle
}

.prod-top .date-title-wrap.type1 {
    position: static;
}

.prod-top .date-title-wrap.type1 .title input {
    position: absolute;
    top: 0;
    width: 100%;
    max-width: 550px
}

.prod-top .date-title-wrap.day .title {
    width: 360px;
    min-height: 50px;
    position: relative;
    margin-top: 0
}

.prod-top .date-title-wrap.day .title input {
    width: 380px;
    position: absolute;
    left: 0;
    top: 0
}

.prod-top .date-title-wrap.day .title input+span {
    position: absolute;
    right: -9px;
    top: 3px
}

.prod-top .date-title-wrap.day .title:after {
    position: absolute;
    top: 11px;
    right: -39px
}

.prod-top .search-table-top {
    position: relative;
    display: inline-block;
    width: 274px;
    margin-left: 4px;
    vertical-align: middle;
}

.prod-top .search-table-top input {
    width: 100%;
    padding: 0 45px 0 15px;
}

.prod-top .search-table-top a.ic-search {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 44px;
    height: 40px;
}

.prod-bottom {
    position: relative;
    min-height: 45px;
}

.prod-bottom:after {
    content: "";
    display: block;
    clear: both;
}

.prod-bottom .paging {
    float: left;
    margin-top: -5px;
    font-size: 16px;
    color: #111;
    text-align: left;
}

.prod-bottom .num-total {
    font-weight: 600;
}

.prod-bottom .btn.more {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -58px;
}

.prod-list.type1.horizontal-view+.prod-bottom {
    margin: -50px 0 40px;
}


/* prod-list */

.prod-list.type1 {
    padding-top: 12px
}

.prod-list.type1>ul:after {
    content: "";
    clear: both;
    display: block;
}

.prod-list.type1>ul>li {
    display: block;
    position: relative;
    float: left;
    margin: 28px 60px 0 0;
    width: 225px;
    height: 512px;
    overflow: hidden;
}

.prod-list.type1>ul>li a {
    display: block;
    width: 100%;
    height: 100%;
}

.prod-list.type1>ul>li a:hover .title {
    color: #f42643;
    text-decoration: underline;
}

.prod-list.type1>ul>li .img {
    margin-bottom: 11px;
    width: 225px;
    height: 300px;
    overflow: hidden;
}

.prod-list.type1>ul>li .img img {
    width: 100%;
    height: 100%;
}

.prod-list.type1>ul>li .cont-wrap {}

.prod-list.type1>ul>li .subtitle {
    margin-bottom: 3px;
    font-size: 14px;
    color: #757575;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.prod-list.type1>ul>li .title {
    margin-bottom: 2px;
    height: 46px;
    font-size: 16px;
    font-weight: 600;
    color: #111;
    line-height: 23px;
    letter-spacing: -1px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.prod-list.type1>ul>li .date {
    margin-bottom: 1px;
    color: #444;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.prod-list.type1>ul>li .place {
    margin-bottom: 4px;
    color: #444;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.prod-list.type1>ul>li .star-rating {
    margin-bottom: 4px;
}

.prod-list.type1>ul>li .flag-wrap {
    margin-bottom: 5px;
}

.prod-list.type1>ul>li .etc-info span {
    display: inline-block;
    margin-right: 3px;
    font-size: 12px;
    color: #757575;
}

.prod-list.type1>ul>li:nth-child(4n) {
    margin-right: 0;
}

.prod-list.type1>ul>li.sold-out .bg-layer {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 300px;
    z-index: 10;
}

.prod-list.type1>ul>li.deal-end .bg-layer {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 300px;
    z-index: 10;
}

.prod-list.type1.horizontal-view {
    margin-bottom: 70px;
    padding-top: 0
}

.prod-list.type1.horizontal-view>ul>li {
    float: none;
    margin: 20px 0;
    width: auto;
    height: 214px;
    border-bottom: 1px solid #e4e4e4;
}

.prod-list.type1.horizontal-view>ul>li .img {
    position: absolute;
    top: 0;
    left: 15px;
    margin: 0;
    width: 145px;
    height: 193px;
}

.prod-list.type1.horizontal-view>ul>li .cont-wrap {
    position: relative;
    padding: 18px 0 8px 190px;
    height: 193px;
    width: 911px;
}

.prod-list.type1.horizontal-view>ul>li .cont-wrap:after {
    content: "";
    position: absolute;
    top: 8px;
    bottom: 8px;
    right: 0;
    width: 1px;
    background: #e4e4e4;
}

.prod-list.type1.horizontal-view>ul>li .title {
    max-width: 700px;
    height: auto;
    margin-bottom: 4px;
    font-size: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.prod-list.type1.horizontal-view>ul>li .star-rating {
    position: absolute;
    top: 90px;
    right: -126px;
}

.prod-list.type1.horizontal-view>ul>li .flag-wrap {
    position: absolute;
    bottom: 39px;
    left: 190px;
}

.prod-list.type1.horizontal-view>ul>li .etc-info {
    position: absolute;
    bottom: 15px;
    left: 190px;
}

.prod-list.type1.horizontal-view>ul>li.sold-out .bg-layer {
    left: 15px;
    width: 145px;
    height: 193px;
}

.prod-list.type1.horizontal-view>ul>li.deal-end .bg-layer {
    left: 15px;
    width: 145px;
    height: 193px;
}

.prod-list.type1 .nodata {
    margin: 30px 0 80px;
    height: 500px;
    padding-top: 230px;
    font-size: 24px;
    text-align: center;
    color: #757575;
    letter-spacing: -1.5px;
    background: #f5f5f5;
}

.prod-list.type2 {
    margin-bottom: 40px;
}

.prod-list.type2>ul:after {
    content: "";
    clear: both;
    display: block;
}

.prod-list.type2>ul>li {
    display: block;
    position: relative;
    float: left;
    margin: 0 20px 20px 0;
    width: 347px;
    height: 436px;
}

.prod-list.type2>ul>li a {
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #e4e4e4;
}

.prod-list.type2>ul>li a:hover {
    border-color: #f12347;
}

.prod-list.type2>ul>li a:hover .frame {
    border-color: #f12347;
    border-bottom: none;
    opacity: 1;
}

.prod-list.type2>ul>li .img {
    position: relative;
    margin: -1px 0 26px -1px;
    width: 347px;
    height: 191px;
    overflow: hidden;
    border-bottom: none;
}

.prod-list.type2>ul>li .img .frame {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #111;
    border-bottom-color: #aaa;
    opacity: 0.095;
}

.prod-list.type2>ul>li .img img {
    width: 100%;
    height: 100%;
}

.prod-list.type2>ul>li .cont-wrap {
    padding: 0 19px;
}

.prod-list.type2>ul>li .subtitle {
    margin-bottom: 3px;
    font-size: 14px;
    color: #757575;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.prod-list.type2>ul>li .subtitle2 {
    margin-bottom: 22px;
    font-size: 16px;
    font-weight: 600;
    color: #111;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.prod-list.type2>ul>li .title {
    margin-bottom: 4px;
    height: 46px;
    font-size: 18px;
    font-weight: 600;
    color: #111;
    line-height: 23px;
    letter-spacing: -1px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.prod-list.type2>ul>li .date {
    margin-bottom: 1px;
    color: #444;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.prod-list.type2>ul>li .place {
    margin-bottom: 6px;
    color: #444;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.prod-list.type2>ul>li .star-rating {
    margin-bottom: 7px;
}

.prod-list.type2>ul>li .flag-wrap {
    margin-bottom: 5px;
}

.prod-list.type2>ul>li .etc-info span {
    display: inline-block;
    margin-right: 3px;
    font-size: 12px;
    color: #757575;
}

.prod-list.type2>ul>li:nth-child(3n) {
    margin: 0 0 20px -1px;
}

.prod-list.type2>ul>li.sold-out .bg-layer {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 191px;
    z-index: 10;
}

.prod-list.type2>ul>li.deal-end .bg-layer {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 191px;
    z-index: 10;
}

.prod-list.type3>ul>li {
    display: block;
    position: relative;
    margin: 20px 0;
    height: 120px;
    overflow: hidden;
}

.prod-list.type3>ul>li+li {
    margin-top: 30px;
}

.prod-list.type3>ul>li a {
    display: block;
    width: 100%;
    height: 100%;
}

.prod-list.type3>ul>li a:hover .title {
    color: #f42643;
    text-decoration: underline;
}

.prod-list.type3>ul>li .cont-wrap {
    position: relative;
    padding: 17px 0 17px 110px;
}

.prod-list.type3>ul>li .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 90px;
    height: 120px;
}

.prod-list.type3>ul>li .img img {
    width: 100%;
    height: 100%;
}

.prod-list.type3>ul>li .title {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 600;
    color: #111;
    letter-spacing: -1px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.prod-list.type3>ul>li .date {
    margin-bottom: 3px;
    color: #444;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.prod-list.type3>ul>li .place {
    color: #444;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.prod-list.type4 {
    height: 360px;
    padding: 0 29px;
    overflow: hidden;
}

.prod-list.type4 .item {
    float: left;
    margin: 0 10px;
    width: 184px;
    height: 360px;
}

.prod-list.type4 .item a {
    display: inline-block;
    width: 184px;
    height: 100%;
    outline: none;
}

.prod-list.type4 .item .img {
    width: 184px;
    height: 245px;
    margin-bottom: 10px;
    overflow: hidden;
}

.prod-list.type4 .item .img img {
    width: 100%;
    height: 100%;
}

.prod-list.type4 .item .notice {
    margin-bottom: 7px;
    font-size: 16px;
    color: #f42643;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.prod-list.type4 .item .title {
    margin-bottom: 5px;
    height: 46px;
    font-size: 16px;
    font-weight: 600;
    color: #111;
    line-height: 23px;
    letter-spacing: -1px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* open-notice-banner */

.open-notice-banner {
    position: relative;
    margin-bottom: 40px;
    height: 439px;
    padding: 40px 0;
    border: 1px solid #e4e4e4;
    overflow: hidden;
}

.open-notice-banner .slick-prev {
    position: absolute;
    top: 110px;
    left: 0;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    font-size: 0;
    cursor: pointer;
    outline: none;
    border: none;
}

.open-notice-banner .slick-next {
    position: absolute;
    top: 110px;
    right: 0;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    font-size: 0;
    cursor: pointer;
    outline: none;
    border: none;
}

.open-notice-banner .slick-prev:hover {
    background-position: 0 -40px;
}

.open-notice-banner .slick-next:hover {
    background-position: -40px -40px;
}


/* open-notice-view */

.open-notice-view {
    border: 1px solid #e4e4e4
}

.open-notice-view .top-area {
    padding: 30px;
    background-color: #fafafa
}

.open-notice-view .top-area:after {
    display: block;
    content: '';
    clear: both
}

.open-notice-view .top-area .img-area {
    float: left;
    position: relative;
    margin-right: 30px
}

.open-notice-view .top-area .img-area .img {
    width: 145px;
    height: 195px;
}

.open-notice-view .top-area .img-area .sns-btn {
    position: static;
    width: auto;
    margin-top: 13px
}

.open-notice-view .top-area .img-area>img {
    width: 145px;
    height: 195px
}

.open-notice-view .info-area {
    float: left;
    width: 843px
}

.open-notice-view .info-area .flag-wrap {
    margin-bottom: 5px
}

.open-notice-view .info-area .tit {
    font-size: 24px;
    color: #111;
    letter-spacing: -1px
}

.open-notice-view .info-area .desc:after {
    display: block;
    content: '';
    clear: both
}

.open-notice-view .info-area .desc li {
    position: relative;
    float: left;
    margin-left: 10px;
    padding-left: 10px;
    color: #757575
}

.open-notice-view .info-area .desc li:first-child {
    margin-left: 0;
    padding-left: 0
}

.open-notice-view .info-area .desc li:after {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 6px;
    width: 1px;
    height: 10px;
    background-color: #ccc
}

.open-notice-view .info-area .desc li:first-child:after {
    display: none
}

.open-notice-view .info-area .info-bottom-area {
    margin-top: 20px;
    padding-top: 17px;
    border-top: 1px solid #e4e4e4
}

.open-notice-view .info-area .info-bottom-area .time:after {
    display: block;
    content: '';
    clear: both
}

.open-notice-view .info-area .info-bottom-area span {
    float: left;
    font-size: 18px;
    font-weight: 600;
}

.open-notice-view .info-area .info-bottom-area .time-tit {
    margin-right: 15px;
    color: #111
}

.open-notice-view .info-area .info-bottom-area .time-txt {
    color: #f42643
}

.open-notice-view .info-area .info-bottom-area .time.type1 .time-tit {
    min-width: 126px
}

.open-notice-view .info-area .info-bottom-area .time+.time {
    margin-top: 10px
}

.open-notice-view .bottom-area {
    padding: 55px 30px;
    border-top: 1px solid #e4e4e4
}

.open-notice-view .bottom-area .con {
    margin-top: 60px
}

.open-notice-view .bottom-area .con:first-child {
    margin-top: 0
}

.open-notice-view .bottom-area h3 {
    margin-top: 0 !important
}


/* local-top-banner */

.local-top-banner {
    position: relative;
    margin: 0 auto 30px;
    height: 390px;
    text-align: center;
    background: #fafafa;
    overflow: hidden;
}

.local-top-banner .item {
    margin: 0 auto;
    padding: 0 20px;
    opacity: 0.15;
    transition: all 300ms ease;
}

.local-top-banner .slick-center.item {
    opacity: 1;
}

.local-top-banner .slick-prev {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70px;
    height: 70px;
    margin: -35px 0 0 -540px;
    text-indent: -9999px;
    font-size: 0;
    cursor: pointer;
    outline: none;
    border: none;
    z-index: 20;
}

.local-top-banner .slick-next {
    position: absolute;
    top: 50%;
    right: 50%;
    width: 70px;
    height: 70px;
    margin: -35px -540px 0 0;
    text-indent: -9999px;
    font-size: 0;
    cursor: pointer;
    outline: none;
    border: none;
    z-index: 20;
}

.local-top-banner .slick-dots {
    position: relative;
    bottom: 7px;
}

.local-top-banner .slick-dots li {
    display: inline-block;
    margin: 0 5px;
}

.local-top-banner .slick-dots li button {
    display: block;
    padding: 0;
    width: 8px;
    height: 8px;
    border: none;
    background: #838383;
    border-radius: 50%;
    text-indent: -9999px;
    font-size: 0;
    cursor: pointer;
    outline: none;
}

.local-top-banner .slick-dots li.slick-active button {
    background: #f42643;
}

.local-top-banner .btn-area {
    position: absolute;
    bottom: 16px;
    left: 0;
    right: 0;
    /*left:50%; margin-left:-125px; */
}

.local-top-banner .btn-area .btn-play {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 3px;
    opacity: 0.4;
}

.local-top-banner .btn-area .btn-pause {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 3px;
    opacity: 0.4;
}

.local-top-banner .btn-area .btn-play.on,
.local-top-banner .btn-area .btn-pause.on {
    opacity: 1;
}

.local-top-banner .btn-area .slick-dots {
    display: inline-block !important
}


/* prod-td-wrap */

.prod-td-wrap {
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 120px;
}

.prod-td-wrap .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 90px;
    height: 120px;
    overflow: hidden;
}

.prod-td-wrap .img img {
    width: 100%;
    height: 100%;
}

.prod-td-wrap .cont-wrap {
    display: table-cell;
    width: 100%;
    padding: 0 20px 0 120px;
    vertical-align: middle;
}

.prod-td-wrap .category {
    margin-bottom: 3px;
    color: #444;
}

.prod-td-wrap .title {
    margin-bottom: 4px;
    max-height: 46px;
    font-size: 18px;
    font-weight: 600;
    color: #111;
    line-height: 23px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.prod-td-wrap .place {
    margin-bottom: 4px;
    font-size: 14px;
    color: #444;
    letter-spacing: -1px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.prod-td-wrap .title+.flag-wrap {
    margin-top: 8px;
}

table td:first-child .prod-td-wrap {
    margin-left: 5px;
}

.ticket-ranking-area .ranking-cont-wrap li .num {
    position: absolute;
    top: 0;
    left: 0;
    width: 35px;
    height: 46px;
    z-index: 10;
}


/* ins-list */

.ins-list {
    margin: 25px 0 60px;
}

.ins-list h3 {
    margin-bottom: 9px;
    font-size: 18px;
    font-weight: 600;
    color: #111;
    letter-spacing: -1px;
}

.ins-list li {
    position: relative;
    padding: 0 12px;
    color: #757575;
    line-height: 26px;
    font-size: 14px;
    letter-spacing: -1px;
}

.ins-list li:before {
    content: "";
    position: absolute;
    top: 11px;
    left: 2px;
    width: 5px;
    height: 5px;
    background: #757575;
    border-radius: 50%;
}

.ins-list li .t1 {
    font-size: 14px;
}

.ins-list.type2 li {
    padding: 0 0 0 13px;
    font-size: 16px;
    color: #444;
    line-height: 30px;
    letter-spacing: -1px;
}

.ins-list.type2 li:before {
    top: 12px;
    background: #444;
}

.ins-list.type2 li .title {
    display: inline-block;
    margin-right: 10px;
}

.ins-list.type2 li .title>span {
    display: inline-block;
    min-width: 66px;
}

.ins-list.type3 {
    margin-top: 2px !important;
}

.ins-list.type3 li {
    line-height: 20px;
}

.ins-list.type3 li:before {
    top: 8px;
}

.ins-list.type4 {
    margin: 0 !important;
}

.ins-list.type4 li {
    color: #444;
    line-height: 22px;
}

.ins-list.type4 li:before {
    top: 9px;
    background: #444;
}

.ins-list.bg {
    padding: 13px 18px 14px;
    background: #fafafa;
}


/* list-type1 대쉬불릿 */

.list-type1 li:first-child {
    margin-top: 0
}

.list-type1 li,
p.list-type1 {
    margin-top: 3px;
    padding-left: 10px;
}

p.list-type2 {
    position: relative;
    padding-left: 10px;
    color: #757575;
    letter-spacing: -1px;
}

p.list-type2:before {
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
    width: 5px;
    height: 5px;
    background: #757575;
    border-radius: 50%;
}


/* list-dl */

.list-dl li:after {
    display: block;
    content: '';
    clear: both
}

.list-dl li:first-child {
    margin-top: 0
}

.list-dl .dt {
    float: left;
    min-width: 52px;
    margin-right: 20px;
    font-weight: 600;
    color: #111;
    line-height: 26px
}

.list-dl .dd {
    float: left;
    width: calc(100% - 84px);
    line-height: 26px
}


/* con-detail-wrap */

.con-detail-wrap .top {
    position: relative;
}

.con-detail-wrap .top .title-wrap {
    position: relative;
    min-height: 55px
}

.con-detail-wrap .top h2.title {
    width: 940px;
    margin-top: 8px;
    font-size: 24px;
    font-weight: 600;
    color: #111;
    letter-spacing: -1.5px;
}

.con-detail-wrap .top .subtitle {
    width: 940px;
    font-size: 18px;
    color: #757575;
    letter-spacing: -1px;
}

.con-detail-wrap .top .rank-area {
    position: absolute;
    top: 5px;
    right: 20px;
}

.con-detail-wrap .top .rank-area .day,
.rank-area .week {
    height: 29px;
    font-size: 14px;
    color: #111;
    line-height: 22px;
}

.con-detail-wrap .top .rank-area .day .num {
    margin: 0 5px;
    font-size: 22px;
    font-style: italic;
    color: #f42643;
    vertical-align: top;
}

.con-detail-wrap .top .rank-area .day .i-day {
    display: inline-block;
    width: 46px;
    height: 25px;
    vertical-align: top;
}

.con-detail-wrap .top .rank-area .week .num {
    margin: 0 5px;
    font-size: 22px;
    font-style: italic;
    color: #757575;
    vertical-align: top;
}

.con-detail-wrap .top .rank-area .week .i-week {
    display: inline-block;
    width: 46px;
    height: 25px;
    vertical-align: top;
}

.con-detail-wrap .detail-body {
    position: relative;
    margin-top: 25px;
    border-top: 3px solid #111;
}

.con-detail-wrap .detail-body:after {
    display: block;
    content: '';
    clear: both
}

.detail-body .prod-info-wrap {
    float: left;
    position: relative;
    width: 801px;
    min-height: 600px;
    border-right: 1px solid #d8d8d8;
}

.detail-body .prod-info-wrap .img-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 300px;
    height: 485px;
    border: 1px solid #e4e4e4;
    border-top: none;
}

.detail-body .prod-info-wrap .img-box .img {
    position: relative;
    width: 300px;
    height: 400px;
    margin: 0 0 0 -1px;
    overflow: hidden;
    border-bottom: 1px solid #e4e4e4;
}

.detail-body .prod-info-wrap .img-box .img .item {
    display: table;
}

.detail-body .prod-info-wrap .img-box .img a {
    display: table-cell;
    width: 300px;
    height: 400px;
    vertical-align: middle;
}

.detail-body .prod-info-wrap .img-box .img img {
    width: 100%;
    height: auto
}

.detail-body .prod-info-wrap .img-box .img-thum {
    height: 85px;
    padding-top: 12px;
    text-align: center;
    overflow: hidden;
}

.detail-body .prod-info-wrap .img-box .img-thum .slick-list {
    padding: 0 !important;
}

.detail-body .prod-info-wrap .img-box .img-thum .slick-track {
    display: table;
    border-collapse: separate;
    border-spacing: 5px 0;
    width: 100% !important;
    transform: none !important;
}

.detail-body .prod-info-wrap .img-box .img-thum .slick-slide {
    float: none;
    display: inline-block;
    width: 60px !important;
    height: 60px;
    margin: 0 3px;
}

.detail-body .prod-info-wrap .img-box .img-thum .thum-item {
    display: table-cell;
    width: 60px !important;
    height: 60px;
    vertical-align: middle;
    border: 1px solid #d8d8d8;
    overflow: hidden;
    outline: none;
}

.detail-body .prod-info-wrap .img-box .img-thum .thum-item img {
    max-width: 100%;
    max-height: 58px;
    margin: 0 auto;
}

.detail-body .prod-info-wrap .img-box .img-thum .thum-item.slick-current {
    border-color: #444;
}

.detail-body .prod-info-wrap .img-box .img-thum .thum-item.active {
    border-color: #444;
}

.detail-body .prod-info-wrap .img-box .img-thum .thum-item:hover {
    border-color: #444;
}

.detail-body .prod-info-wrap .info-block {
    min-height: 595px;
    margin-left: 300px;
    padding: 24px 30px 62px;
}

.detail-body .prod-info-wrap .info-block dl {
    padding-bottom: 15px;
    border-bottom: 1px solid #e4e4e4;
}

.detail-body .prod-info-wrap .info-block dl+dl {
    margin-top: 25px;
}

.detail-body .prod-info-wrap .info-block dl:after {
    content: "";
    display: block;
    clear: both;
}

.detail-body .prod-info-wrap .info-block dt {
    float: left;
    width: 90px;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 600;
    color: #111;
}

.detail-body .prod-info-wrap .info-block dd {
    float: left;
    width: 350px;
    min-height: 24px;
    margin-bottom: 10px;
    font-size: 16px;
    color: #111;
}

.detail-body .prod-info-wrap .info-block .price-info-basic {
    min-height: 56px
}

.detail-body .prod-info-wrap .info-block .price-info-basic .price-n {
    display: block;
}

.detail-body .prod-info-wrap .info-block .price-info-basic .price-n+.price-n {
    margin-top: 6px;
}

.detail-body .prod-info-wrap .info-block .price-info .prime {
    color: #ccc;
    text-decoration: line-through;
}

.detail-body .prod-info-wrap .info-block .price-info .sale {
    font-weight: 600;
}

.detail-body .prod-info-wrap .info-block .price-info .sale .num {
    color: #f42643;
}

.detail-body .prod-info-wrap .info-block .price-info .sale .ins {
    font-weight: normal;
}

.detail-body .prod-info-wrap .info-block .dt-block {
    padding: 14px 0 12px;
}

.detail-body .prod-info-wrap .info-block .dt-block+.dt-block {
    border-top: 1px solid #e4e4e4;
}

.detail-body .prod-info-wrap .info-block .dt-block>.left,
.detail-body .prod-info-wrap .info-block .dt-block>.right {
    display: inline-block;
    position: relative;
    width: 217px;
    margin-right: 15px;
    vertical-align: top;
    letter-spacing: -1px;
}

.detail-body .prod-info-wrap .info-block .dt-block>div.right {
    width: auto;
    padding-left: 20px;
    margin-left: -20px
}

.detail-body .prod-info-wrap .info-block .dt-block>div.left+.right:before {
    position: absolute;
    content: "";
    top: 3px;
    left: 0;
    width: 1px;
    height: 14px;
    background: #d8d8d8;
}

.detail-body .prod-info-wrap .info-block .dt-block a {
    color: #111;
    letter-spacing: -1px;
}

.ticketing-wrapper {
    position: relative;
    float: right;
    width: 279px
}

.detail-body .ticketing-wrap {
    position: absolute;
    top: 0;
    /*left:50%;*/
    width: 279px;
    min-height: 600px;
    /*margin-left:261px;*/
    padding: 20px 20px 28px;
    background: #fafafa;
    border-bottom: 1px solid #d8d8d8;
    z-index: 50;
    /*-webkit-transition:all 0.15s ease-out; transition:all 0.15s ease-out;*/
}

.detail-body .ticketing-wrap .datepicker-ticketing {
    margin-bottom: 15px;
    width: 239px;
    min-height: 283px;
}

.detail-body .ticketing-wrap .datepicker-ticketing .datepicker-panel {
    padding: 0;
}

.detail-body .ticketing-wrap .datepicker-ticketing .datepicker-container {
    width: 239px;
}

.detail-body .ticketing-wrap .datepicker-ticketing .datepicker-panel>ul.header {
    background: #fafafa;
}

.detail-body .ticketing-wrap .datepicker-ticketing .datepicker-panel>ul.header>li {
    background-color: #fafafa;
}

.detail-body .ticketing-wrap .picker-ins {
    margin-bottom: 30px;
}

.detail-body .ticketing-wrap .picker-ins>div {
    display: inline-block;
}

.detail-body .ticketing-wrap .picker-ins>div+div {
    margin-left: 20px;
}

.detail-body .ticketing-wrap .picker-ins .picker {
    display: inline-block;
    margin: 0 8px 2px 0;
    width: 10px;
    height: 10px;
    vertical-align: middle;
}

.detail-body .ticketing-wrap .picker-ins .picker.c1 {
    background: #f42643;
}

.detail-body .ticketing-wrap .picker-ins .picker.c2 {
    background: #ffdbe1;
}

.detail-body .ticketing-wrap .sel-layer {
    position: relative;
    margin-bottom: 20px;
    background: #fff;
    border: 1px solid #d8d8d8;
}

.detail-body .ticketing-wrap .sel-layer a {
    display: block;
    height: 38px;
    padding: 8px 15px;
    color: #111;
}

.detail-body .ticketing-wrap .sel-layer .default {
    color: #aaa
}

.detail-body .ticketing-wrap .sel-layer .time {
    display: inline-block;
    width: 41px;
    margin-right: 10px;
    letter-spacing: 0;
}

.detail-body .ticketing-wrap .sel-layer .t2 {
    font-weight: 600;
    color: #f42643;
}

.detail-body .ticketing-wrap .sel-layer .hidden-area {
    display: none;
    width: 239px;
    position: absolute;
    left: -1px;
    padding: 15px 0;
    border: 1px solid #ccc;
    z-index: 10;
    background-color: #fff
}

.detail-body .ticketing-wrap .sel-layer .hidden-area a:hover {
    background-color: #f2f2f2
}

.detail-body .ticketing-wrap .sel-layer .hidden-area a.on {
    background-color: #f2f2f2
}

.detail-body .ticketing-wrap .sel-layer>a.on+.hidden-area {
    display: block
}

.detail-body .ticketing-wrap .sel-layer:before {
    content: "";
    position: absolute;
    top: 17px;
    right: 0;
    width: 38px;
    height: 4px;
}

.detail-body .ticketing-wrap .sel-layer:before:active {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.detail-body .ticketing-wrap .time-list {
    width: 100%;
    margin-bottom: 20px;
    border-top: 1px solid #757575;
    background-color: #fff
}

.detail-body .ticketing-wrap .time-list li {
    margin-top: -1px;
    border: 1px solid #d8d8d8;
}

.detail-body .ticketing-wrap .time-list li.on {
    border: 1px solid #444
}

.detail-body .ticketing-wrap .time-list li.on a {
    font-weight: 600
}

.detail-body .ticketing-wrap .time-list li.on+li {
    margin-top: 0
}

.detail-body .ticketing-wrap .time-list a {
    display: block;
    padding: 12px 14px;
    color: #111;
    letter-spacing: -1px
}

.detail-body .ticketing-no-data {
    display: table;
}

.detail-body .ticketing-no-data .txt-wrap {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.detail-body .ticketing-no-data .txt-wrap .txt1 {
    font-weight: 600;
    font-size: 16px;
    color: #111
}

.detail-body .ticketing-no-data .txt-wrap .txt2 {
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -1px
}

.detail-body .ticketing-no-data .txt-wrap .txt2+.txt1 {
    margin-top: 10px
}

.detail-body .ticketing-no-data .btn {
    position: absolute;
    left: 21px;
    bottom: 30px;
    width: 238px
}

.detail-body .ticketing-wrap .ui-datepicker {
    width: 280px;
    padding: 25px 20px 18px 20px;
    margin: -20px;
    border: 0;
    background: transparent
}

.detail-body .ticketing-wrap.fixed {
    position: fixed
}

.detail-body .ticketing-wrap .ui-datepicker .ui-datepicker-calendar td>a {
    background: #ffecef;
}

.detail-body .ui-datepicker .ui-datepicker-calendar .ui-state-hover,
.detail-body .ui-datepicker .ui-datepicker-calendar .ui-state-active {
    color: #fff;
    background: #f52644 !important;
}

.detail-body .prod-detail {
    position: relative;
    width: 801px;
    min-height: 600px;
    padding: 0 30px 1px 0;
    border-right: 1px solid #d8d8d8;
}

.detail-body .prod-detail .tabs.type2>.prd-tap-wrap {
    height: 60px;
    margin-bottom: 35px
}

.detail-body .prod-detail .tabs.type2>.prd-tap-wrap>ul {
    width: 770px;
    background-color: #fff;
    z-index: 10
}

.detail-body .prod-detail .tabs.type2>.prd-tap-wrap>ul li {
    background-color: #fff
}

.detail-body .prod-detail .dt-banner {
    margin-bottom: 30px;
    min-height: 90px;
}

.detail-body .prod-detail .dt-banner img {
    max-width: 100%
}

.detail-body .prod-detail .num-round {
    display: inline-block;
    min-width: 32px;
    height: 18px;
    margin: 0 4px 5px;
    vertical-align: middle;
    letter-spacing: 0;
    text-align: center;
    color: #f42643;
    font-size: 13px;
    border: 1px solid #f42643;
    border-radius: 9px;
}

.detail-body .prod-detail h4,
.open-notice-view .bottom-area h3 {
    padding-bottom: 14px;
    margin-bottom: 15px;
    font-size: 22px;
    font-weight: 600;
    color: #111;
    line-height: 1;
    letter-spacing: -1.5px;
    border-bottom: 1px solid #d8d8d8;
}

.detail-body .prod-detail h4.type2,
.open-notice-view .bottom-area h3.type2 {
    margin-top: 40px;
    padding-bottom: 0;
    border-bottom: none;
}

.detail-body .prod-detail h5 {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 600
}

.detail-body .prod-detail .goto-menu {
    margin: 35px 0 34px;
    margin-top: 0
}

.detail-body .prod-detail .goto-menu li {
    display: inline-block;
    position: relative;
}

.detail-body .prod-detail .goto-menu li a {
    display: inline-block;
    padding: 0 17px;
    font-size: 18px;
    color: #757575;
    letter-spacing: -1.5px;
}

.detail-body .prod-detail .goto-menu li a:hover {
    color: #111;
}

.detail-body .prod-detail .goto-menu li.active a {
    color: #111;
    font-weight: 600;
}

.detail-body .prod-detail .goto-menu li:after {
    content: "";
    position: absolute;
    top: 7px;
    left: -1px;
    width: 1px;
    height: 12px;
    background: #d8d8d8;
}

.detail-body .prod-detail .goto-menu li:first-child a {
    padding-left: 0;
}

.detail-body .prod-detail .goto-menu li:first-child:after {
    display: none;
}

.detail-body .prod-detail .con {
    margin-bottom: 69px;
}

.detail-body .prod-detail .con p,
.detail-body .prod-detail .con .list-type1 li {
    font-size: 16px;
    color: #444;
    letter-spacing: -1px
}

.detail-body .prod-detail .con p+p {
    margin-top: 3px;
}

.detail-body .prod-detail .con .img-wrap {
    margin-top: 20px;
}

.detail-body .prod-detail .con p+.img-wrap {
    margin-top: 15px;
}

.detail-body .prod-detail .con .img-wrap .img-script {
    display: none;
}

.detail-body .prod-detail .con .img-wrap .img+.img,
.detail-body .prod-detail .con .img-wrap .img-script+.img {
    margin-top: 20px;
}

.detail-body .prod-detail .con table {
    margin-top: 20px;
}

.detail-body .prod-detail .con p img {
    width: 100% !important
}

.detail-body .prod-detail h5+.depth2-con {
    margin-bottom: 30px
}

.detail-body .prod-detail .review-top {
    position: relative;
    height: 139px;
    padding: 38px 28px;
    border: 1px solid #444;
}

.detail-body .prod-detail .review-top .num-wrap {
    font-size: 30px;
    color: #aaa
}

.detail-body .prod-detail .review-top .ins {
    margin-top: 10px;
    color: #aaa;
}

.detail-body .prod-detail .review-top .btn.review {
    position: absolute;
    top: 46px;
    right: 31px;
    width: 132px;
    height: 45px;
    padding: 0 18px;
    line-height: 43px;
    font-size: 16px;
    color: #fff;
    background: #111;
    border: none;
}

.detail-body .prod-detail .review-top .star-rating {
    width: 162px;
    height: 23px;
}

.detail-body .prod-detail .review-top .star-rating .point {
    height: 23px;
}

.detail-body .prod-detail .review-top .star-rating .point.n0 {
    width: 0;
}

.detail-body .prod-detail .review-top .star-rating .point.n1 {
    width: 24px;
}

.detail-body .prod-detail .review-top .star-rating .point.n1-5 {
    width: 46px;
}

.detail-body .prod-detail .review-top .star-rating .point.n2 {
    width: 59px;
}

.detail-body .prod-detail .review-top .star-rating .point.n2-5 {
    width: 81px;
}

.detail-body .prod-detail .review-top .star-rating .point.n3 {
    width: 94px;
}

.detail-body .prod-detail .review-top .star-rating .point.n3-5 {
    width: 116px;
}

.detail-body .prod-detail .review-top .star-rating .point.n4 {
    width: 129px;
}

.detail-body .prod-detail .review-top .star-rating .point.n4-5 {
    width: 150px;
}

.detail-body .prod-detail .review-top .star-rating .point.n5 {
    width: 163px;
}

.detail-body .qa-textarea {
    margin-top: 15px
}

.detail-body .reply-wrap {
    position: relative;
    margin-top: 35px
}

.detail-body .reply-wrap>.right {
    position: absolute;
    top: -15px;
    right: 0
}

.detail-body .reply-wrap>.right .nice-select,
.detail-body .reply-wrap>.right .nice-select .list {
    width: 120px
}

.reply-wrap .count-total {
    margin-bottom: 10px;
    color: #111;
    font-size: 16px
}

.reply-wrap .box-wrap {
    border-top: 3px solid #444
}

.reply-wrap .box-wrap .box {
    border-bottom: 1px solid #e4e4e4
}

.reply-wrap .box-wrap .box-depth1:after,
.reply-wrap .box-wrap .box-depth2:after {
    display: block;
    content: '';
    clear: both
}

.reply-wrap .box-wrap .box-depth1 {
    padding: 20px;
}

.reply-wrap .box-wrap .box .left {
    float: left;
    width: 109px
}

.reply-wrap .box-wrap .box .left .name {
    width: 100px;
    margin-bottom: 5px
}

.reply-wrap .box-wrap .box .left .label {
    display: inline-block;
    padding: 1px 6px 1px 7px;
    color: #fff;
    text-align: center;
    font-size: 12px
}

.reply-wrap .box-wrap .box .left .label.type1 {
    background-color: #f42643
}

.reply-wrap .box-wrap .box .left .label.type2 {
    background-color: #444
}

.reply-wrap .box-wrap .box .left .label.type3 {
    background-color: #757575
}

.reply-wrap .box-wrap .box .right {
    float: left;
    width: 620px;
    padding-left: 15px
}

.reply-wrap .box-wrap .box .right .desc {
    margin-top: 2px
}

.reply-wrap .box-wrap .box .right .tit {
    color: #111
}

.reply-wrap .box-wrap .box .right .tit a {
    color: #444;
    display: inline-block;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.reply-wrap .box-wrap .box .right .tit3 a {
    color: #aaa
}

.reply-wrap.qa .box-wrap .box .right .tit a:hover {
    text-decoration: underline
}

.reply-wrap.qa .box-wrap .box .right .tit a.on {
    text-overflow: inherit;
    white-space: inherit
}

.reply-wrap .box-wrap .box .right .date {
    color: #aaa
}

.reply-wrap .box-wrap .box .right .btn-reply {
    position: relative;
    margin-right: 10px
}

.reply-wrap .box-wrap .box .right .btn-reply:after {
    content: '';
    display: block;
    position: absolute;
    right: -9px;
    top: 8px;
    width: 5px;
    height: 3px;
}

.reply-wrap .box-wrap .box .box-depth1.on .right .btn-reply:after {
    content: '';
    background-position: 0 -3px
}

.reply-wrap .box-wrap .box .right .btn-reply.on:after {
    background-position: 0 -5px
}

.reply-wrap .box-wrap .box .right .desc>button {
    position: relative;
    margin-left: 5px;
    padding-left: 8px
}

.reply-wrap .box-wrap .box .right .desc>button:first-child {
    margin-left: 0;
    padding-left: 0;
}

.reply-wrap .box-wrap .box .right .desc>button:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 5px;
    width: 1px;
    height: 12px;
    background-color: #d8d8d8
}

.reply-wrap .box-wrap .box .right .desc>button:first-child:before {
    display: none
}

.reply-wrap .box-wrap .box .right .desc .btn-declare {
    color: #aaa
}

.box-depth1+.box-depth2 {
    border-top: 0 !important
}

.reply-wrap .box-wrap .box .box-depth2,
.reply-wrap .box-wrap .box .box-reply {
    display: none;
    padding: 20px;
    background-color: #fafafa;
    border-top: 1px solid #e4e4e4
}

.reply-wrap .box-wrap .box .box-depth2 .left {
    padding-left: 15px;
}

.reply-wrap .box-wrap .box .box-depth2 .txt {
    margin-top: -5px;
    line-height: 26px
}

.reply-wrap .box-wrap .box .box-depth2 .txt2 {
    color: #111;
    line-height: 26px;
}

.reply-wrap .box-wrap .box .box-depth2 .txt3 {
    color: #aaa;
    line-height: 26px;
}

.reply-wrap .box-wrap .box .box-more {
    display: none;
    padding: 25px 20px 25px 130px;
    line-height: 26px;
    background-color: #fafafa
}

.reply-wrap .box-wrap .box .box-more .img-latter {
    margin-top: 30px
}

.reply-wrap .box-wrap .box .box-more .img-latter a {
    display: block;
    width: 300px;
    height: 300px
}

.reply-wrap .box-wrap .box .box-more .img-latter img {
    width: 300px;
    height: 300px
}

.reply-wrap .box-wrap .box .no-data {
    height: 217px;
    line-height: 217px;
    color: #aaa;
    font-size: 16px;
    text-align: center
}

.reply-wrap .box-wrap .box .right .desc>button.btn-like {
    position: relative;
    padding-left: 22px;
    color: #111
}

.reply-wrap .box-wrap .box .right .desc>button.btn-like:before {
    content: '';
    display: inline-block;
    top: 0;
    width: 18px;
    height: 16px;
    margin-right: 4px;
    vertical-align: top
}

.reply-wrap .box-wrap .box .right .desc>button.btn-like.on {
    color: #f42643
}

.reply-wrap .box-wrap .box .right .desc>button.btn-like.on:before {
    content: '';
}

.reply-wrap.latter {
    margin-top: 75px
}

.reply-wrap.latter .box-wrap .box .right {
    position: relative
}

.reply-wrap.latter .box-wrap .box .right .tit a {
    width: 80%
}

.reply-wrap.latter .star-rating {
    position: absolute;
    right: 0;
    top: 0
}

.prd-tap.fixed {
    position: fixed !important;
    width: 810px;
    top: 0 !important;
    /* left:0; */
}


/* 안내성팝업 */

.info-layer {
    position: relative;
    display: inline-block
}

.info-layer .wrap-layer-pop {
    position: absolute;
    top: 35px
}

.info-layer .wrap-layer-pop .layer-pop {
    position: relative;
    top: 0;
    left: 0;
    margin-left: 0;
    padding: 30px 0;
    border: 1px solid #444
}

.info-layer .layer-pop {
    transform: none
}

.info-layer .layer-pop .header-pop {
    margin: 0 30px 30px
}

.info-layer .layer-pop .content-pop {
    margin: 0 30px
}

.info-layer .layer-pop .header-pop .tit {
    font-size: 18px
}

.info-layer .layer-pop .btn-close-pop {
    top: 35px;
    right: 30px;
    width: 16px;
    height: 16px;
}

.info-layer .layer-pop.w1040 {
    left: 50%;
    /*margin-left:-520px*/
}

.info-layer #layer-pop-deduction .layer-pop {
    left: 0 !important;
    margin-left: -237px
}

#layer-pop-deduction .list-type1 li {
    line-height: 27px;
    background-position: 0 13px
}


/* 전체가격 */

#layer-pop-price .layer-pop {
    left: 0 !important
}

#layer-pop-price .slimScrollDiv {
    height: 470px !important
}

#layer-pop-price .table3 {
    margin-bottom: 30px;
    border-top: 1px solid #444 !important;
}

#layer-pop-price .table3:last-child {
    margin-bottom: 0
}

#layer-pop-price .table3 tbody th {
    font-size: 22px;
    font-weight: 600;
}

#layer-pop-price .table3 tbody td {
    font-size: 14px
}

#layer-pop-declare .txt {
    font-size: 16px;
    color: #111;
    font-weight: 600;
    letter-spacing: -1px
}

#layer-pop-declare .list-radio {
    margin: 25px 0 30px 0
}


/* 관람후기 */

#layer-pop-latter .top-area:after {
    display: block;
    content: '';
    clear: both
}

#layer-pop-latter .top-area .left {
    float: left;
    margin-right: 30px;
    width: 90px;
    height: 120px;
}

#layer-pop-latter .top-area .left img {
    width: 90px;
    height: 120px
}

#layer-pop-latter .top-area .right {
    padding-top: 5px
}

#layer-pop-latter .top-area .right .tit {
    margin-bottom: 15px;
    font-size: 18px;
    color: #111;
    font-weight: 600;
    line-height: 24px
}

#layer-pop-latter .top-area .right .txt {
    font-size: 16px;
    letter-spacing: -1px
}

#layer-pop-latter .select-dropdown {
    width: 100% !important;
    margin-top: 30px
}

#layer-pop-latter .prettydropdown ul,
#layer-pop-latter .prettydropdown ul li {
    width: 100% !important
}

#layer-pop-latter .section .tit,
#layer-pop-latter .section .star-wrap {
    float: left
}

#layer-pop-latter .section .star-wrap {
    position: relative;
    z-index: 50;
    margin: 2px 0 0 20px
}

#layer-pop-latter .file-wrap:after {
    display: block;
    content: '';
    clear: both
}

#layer-pop-latter .file-wrap {
    margin-top: 20px
}

#layer-pop-latter .file-wrap .left {
    float: left;
    /* display:inline-block; */
    width: 90px;
    height: 90px;
    margin-right: 20px;
}

#layer-pop-latter .file-wrap .right {
    float: left
}

#layer-pop-latter .file-wrap .right .ins-list {
    margin: 0
}

#layer-pop-latter .textarea-wrap {
    clear: both
}

#layer-pop-latter .textarea-inner {
    border: 1px solid #444;
    height: 200px;
    padding-bottom: 45px;
    box-sizing: border-box;
}

#layer-pop-latter .textarea-wrap textarea {
    height: 100%;
    border: 0;
    outline: none
}

#layer-pop-latter .nice-select,
#layer-pop-latter .nice-select .list {
    border: 1px solid #444
}

#layer-pop-latter .nice-select .current {
    color: #aaa
}

#layer-pop-latter .nice-select.on .current {
    color: #111
}

#layer-pop-latter .textarea-wrap .char-wrap {
    display: block;
    height: 45px;
    text-align: right;
    background: #fff;
    width: 99%;
    bottom: 1px;
    left: 3px;
    padding: 10px 10px 0 0
}


/* 크게보기 */

#layer-pop-imageView .layer-pop {
    width: auto;
    min-width: 440px
}

#layer-pop-imageView .layer-pop .content-pop {
    max-height: none
}

#layer-pop-imageView img {
    display: inline-flex;
    width: 100%;
    max-width: 750px;
    max-height: 750px;
}

div[id*="layer-pop-imageView"] .layer-pop .content-pop {
    max-height: none
}

div[id*="layer-pop-imageView"] img {
    display: inline-flex;
    width: 100%;
    max-width: 750px;
    max-height: 750px;
}

.prettydropdown.disabled,
.prettydropdown.disabled>ul>li.disabled,
.prettydropdown.disabled>ul>li {
    opacity: 1;
    color: #aaa
}


/* 메인팝업 */

#layer-pop-main {
    position: static;
    height: auto
}

#layer-pop-main .layer-pop {
    position: absolute;
    left: 20px;
    top: 253px;
    width: 377px;
    height: 467px;
    padding: 0;
    box-sizing: border-box;
    transform: none
}

#layer-pop-main .img-area>a {
    display: inline-block
}

#layer-pop-main .img-area.con1 img {
    width: 347px;
    height: 392px
}

#layer-pop-main .img-area.con2 img {
    width: 347px;
    height: 191px
}

#layer-pop-main .img-area.con4 img {
    width: 168px;
    height: 191px
}

#layer-pop-main .img-area.con2>a {
    margin-top: 10px
}

#layer-pop-main .img-area.con2>a:first-child {
    margin-top: 0
}

#layer-pop-main .img-area.con4 {
    margin: -10px 0 0 -10px
}

#layer-pop-main .img-area.con4:after {
    display: block;
    content: '';
    clear: both
}

#layer-pop-main .img-area.con4>a {
    float: left;
    width: 168px;
    margin: 10px 0 0 10px
}

.wrap-layer-pop.type2 .img-area {
    padding: 15px
}

.wrap-layer-pop.type2 .bottom-area {
    position: relative;
    padding: 14px 15px;
    border-top: 1px solid #e4e4e4
}

.wrap-layer-pop.type2 .bottom-area:after {
    content: '';
    display: block;
    clear: both
}

.wrap-layer-pop.type2 .bottom-area label {
    color: #111
}

.wrap-layer-pop.type2 .btn-close-text {
    position: absolute;
    top: 13px;
    right: 15px;
    padding-left: 23px;
    color: #111;
}


/* 상품상세최초집입 팝업 */

#layer-pop-prod {
    position: static;
}

#layer-pop-prod .layer-pop {
    width: 630px;
    height: 407px;
    margin: -203px 0 0 -315px;
    padding: 0;
    box-sizing: border-box;
}

#layer-pop-prod .bottom-area .check-ty1+label:before {
    top: 1px
}


/* 기획전이벤트 팝업 */

#layer-pop-coupon .list-dl .dd {
    width: 300px
}

#layer-pop-coupon table.mypage tr td:nth-child(2) {
    vertical-align: top;
    padding: 45px 20px
}

.event-detail-top {
    margin-bottom: 55px
}


/*구매 확인증 팝업
#layer-pop-buyConfirm, #layer-pop-tax{position:static}*/


/* 현금영수증 신청 */

#layer-pop-tax .radio-box {
    margin: 25px 0 22px;
    letter-spacing: -1px
}

#layer-pop-tax .btn-wrap-pop {
    border-top: 0;
    border-bottom: 1px solid #d8d8d8;
    margin-top: 20px;
    padding-top: 0;
    padding-bottom: 20px
}

#layer-pop-tax .ins-list {
    padding-top: 20px
}

#layer-pop-tax .layer-pop .ins-list li {
    padding-right: 0;
    letter-spacing: -1.3px;
}

#layer-pop-tax .layer-pop .ins-list li:before {
    width: 5px;
    height: 5px
}

#layer-pop-tax .radio-box:after {
    display: block;
    content: '';
    clear: both
}

#layer-pop-tax .radio-box span:last-child {
    float: right
}


/* 예매내역프린트 */

#printPop {
    width: 800px;
    margin: 15px auto;
    padding: 30px;
    border: 1px solid #444
}

#printPop .section>.tit {
    margin-bottom: 10px;
    font-size: 18px;
    color: #111;
    font-weight: 600
}

#printPop .section>.tit.type1 {
    padding-bottom: 10px;
    border-bottom: 1px solid #e4e4e4
}

#printPop .section {
    margin-top: 30px
}

#printPop .section:first-child {
    margin-top: 0
}

#printPop .mypage-detail-top {
    min-height: auto;
    margin-bottom: 30px
}

#printPop .mypage-detail-top dl {
    padding: 10px 10px 10px 150px
}

#printPop .mypage-detail-top dt {
    font-size: 14px
}

#printPop .mypage-detail-top dd {
    font-size: 14px
}

#printPop .mypage-detail-top .img {
    width: 129px;
    height: 175px
}

#printPop .mypage-detail-top .img img {
    width: 129px;
    height: 175px
}

#printPop table th,
#printPop table td {
    height: auto;
    font-size: 14px;
    padding: 10px 20px
}

#printPop .ins-list li:before {
    width: 3px;
    height: 3px
}

#printPop .address-info em {
    display: inline-block;
    margin-bottom: 10px;
    font-weight: 600
}

#printPop .ins-list {
    margin: 0
}

#printPop .btn-wrap-pop {
    margin-top: 30px;
    text-align: center
}

#printPop .btn-wrap-pop .btn {
    margin: 0 2px;
}


/* 취소신청 팝업 */

#layer-pop-cancel .layer-pop .header-pop {
    margin-bottom: 0;
}

#layer-pop-cancel .noti-box2 {
    margin-bottom: 36px;
}

#layer-pop-cancel .table-appr.cancel tbody td .cell {
    width: 140px;
}

#layer-pop-cancel .table-appr tbody td .num {
    padding: 9px 0 17px;
}

#layer-pop-cancel .table-appr tbody td dt {
    width: 47%;
    padding: 2px 0;
}

#layer-pop-cancel .table-appr tbody td dd {
    width: 53%;
    padding: 2px 0;
}

#layer-pop-cancel .table-appr.cancel tbody td.last dt {
    height: 25px;
}

#layer-pop-cancel .table-appr.cancel tbody td.last dd {
    height: 25px;
}


/* 선예매대상 인증 팝업 */

#layer-pop-first .section {
    margin-top: 17px
}

#layer-pop-first .section .tit {
    margin-bottom: 7px
}


/* 예매권 쿠폰등록 팝업 */

#layer-pop-ticket .mypage-wbox {
    padding: 17px 40px 20px 40px
}

.layer-pop .table-scroll .slimScrollDiv {
    height: 370px !important;
    border-bottom: 1px solid #d8d8d8;
}

#layer-pop-ticket .vallign-top .t3+div {
    padding-left: 30px
}

#layer-pop-coupon table.mypage tbody td .t3 {
    font-weight: normal;
    color: #444
}

#layer-pop-coupon table.mypage tbody td .t3 label {
    font-size: 14px
}

#layer-pop-coupon table.mypage tbody td .t3+div {
    padding-left: 33px;
    font-size: 14px;
    color: #111;
    font-weight: 600
}


/* 우편번호 찾기 팝업 */


/* #layer-pop-address .layer-pop{height:1050px} */

#layer-pop-address .info-text {
    margin-bottom: 20px
}

#layer-pop-address .result-box-wrap {
    margin-top: 30px;
}

#layer-pop-address .result-box .slimScrollDiv {
    height: 330px !important
}

#layer-pop-address .result-txt {
    margin-bottom: 10px;
    font-size: 16px;
    letter-spacing: -1px
}

#layer-pop-address .result-box {
    display: table;
    width: 100%;
    height: 317px;
    border: 1px solid #d8d8d8
}

#layer-pop-address .result-box .default {
    display: table-cell;
    height: 320px;
    vertical-align: middle;
    text-align: center;
    font-size: 16px;
    color: #aaa;
    letter-spacing: -1px
}

#layer-pop-address .result-box ul li {
    position: relative;
    border-top: 1px solid #e4e4e4
}

#layer-pop-address .result-box ul li:first-child {
    border-top: 0
}

#layer-pop-address .result-box ul li>a>p {
    width: 86%
}

#layer-pop-address .result-box ul li>a>p+p {
    margin-top: 10px
}

#layer-pop-address .result-box ul li>a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 15px 20px;
    color: #444
}

#layer-pop-address .result-box ul li .category {
    display: inline-block;
    width: 40px;
    margin-right: 5px;
    background: #aaa;
    color: #fff;
    font-size: 12px;
    text-align: center;
}

#layer-pop-address .result-box ul li .post-num {
    position: absolute;
    top: 50%;
    right: 30px;
    margin-top: -10px;
    font-size: 16px;
    color: #757575
}

#layer-pop-address .pagination {
    margin: 30px 0 0 0
}

#layer-pop-address .bottom-txt-info {
    /*position:absolute; bottom:30px; left:0; right:0;*/
    margin-top: 30px;
    text-align: center;
    font-size: 12px
}

.address-pop {
    position: static;
    width: auto;
    padding: 20px 0
}

.address-pop.layer-pop .header-pop {
    margin: 0 20px 25px 20px
}

.address-pop .container-pop {
    margin: 0 20px
}


/* 무이자 할부 안내 팝업 */

#layer-pop-monthInfo .table-scroll .slimScrollDiv {
    height: 193px !important
}


/* 로딩 */

#layer-pop-loading {
    display: block;
}

#layer-pop-loading .layer-pop {
    width: auto;
    margin: -55px 0 0 -87px;
    padding: 0;
    background: transparent;
}

#layer-pop-loading .layer-pop .img {
    width: 100px;
    height: 100px;
    background: url("https://image.smartix.com/images/culture/pc/loading_2020.gif") no-repeat;background-size:100px 100px;
}
/* 좌석안내박스 */

.slimScrollBar {
    z-index: 5 !important
}

.seat-box {
    position: relative;
    margin-bottom: 20px;
    padding: 5px 2px;
    background: #fff;
    border: 1px solid #d8d8d8;
    overflow: hidden;
}

.seat-box .slimScrollDiv {
    height: 94px !important
}

.sel-layer .slimScrollDiv {
    height: 190px !important
}

.seat-box li {
    display: block;
    padding: 5px 20px 5px 18px;
    color: #111;
    overflow: hidden;
}

.seat-box li .txt {
    display: inline-block;
    width: 50%;
    padding-left: 17px;
    position: relative;
}

.seat-box.type1 li {
    padding-left: 0
}

.seat-box.type1 li .txt {
    width: 100% !important
}

.seat-box li .txt .category-color {
    position: absolute;
    left: 0;
    top: 5px;
}

.seat-box li .num-s {
    float: right;
    font-weight: 600;
    width: 30%;
    text-align: right;
    word-break: break-all;
}

.seat-box .btn-close {
    display: inline-block;
    width: 9px;
    height: 9px;
    margin: -2px 0 0 5px;
    vertical-align: middle
}

.seat-box.no-data {
    height: 300px;
    margin-bottom: 0;
    padding-top: 90px;
    text-align: center
}

.seat-box.no-data .txt1 {
    font-size: 16px;
    line-height: 26px
}

.seat-box.no-data .txt2 {
    margin-top: 10px;
    color: #757575;
    line-height: 24px
}

.box-no-data {
    display: table;
    width: 100%;
    margin-bottom: 20px;
    color: #aaa;
    height: 100px;
    line-height: 26px;
    border: 1px solid #d8d8d8;
    background-color: #fff;
    letter-spacing: -1px;
    text-align: center
}

.box-no-data span {
    display: table-cell;
    vertical-align: middle
}


/* 정보박스 */

.box-info {
    margin-top: 20px;
    padding: 25px 20px;
    background-color: #f5f5f5
}

.box-info .tit {
    margin-bottom: 5px;
    font-size: 18px;
    color: #111;
    font-weight: 600;
    letter-spacing: -1px
}

.box-info .txt {
    font-size: 16px;
    letter-spacing: -1px
}

.box-info.type2 {
    margin: 25px 0 70px;
}

.box-info.type2 .tit {
    display: inline-block;
    margin: 0 25px 0 0;
    vertical-align: middle;
}

.box-info.type2 .txt {
    display: inline-block;
    vertical-align: middle;
}

.box-desc {
    margin-top: 10px;
    padding: 9px 20px;
    background-color: #f5f5f5;
    color: #757575;
    letter-spacing: -1px
}

.box-desc p.text-point {
    margin-top: 2px
}

.box-desc a {
    color: #444;
    text-decoration: underline
}

.box-desc.type1 {
    padding: 15px 20px;
    line-height: 24px;
    border: 1px solid #e4e4e4
}


/* 푸터스타일 박스 */

.foot-info-box:after {
    display: block;
    content: '';
    clear: both
}

.foot-info-box {
    padding: 15px 0 15px 44px;
    background-color: #f9f9f9
}

.foot-info-box .logo {
    float: left;
    display: inline-block;
    margin: 18px 45px 0 0;
}

.foot-info-box .info {
    float: left
}

.foot-info-box .info p {
    margin-top: 3px;
    color: #aaa;
    font-size: 12px
}

.foot-info-box .info p:first-child {
    margin-top: 0
}


/* 확인 박스 */

.confirm-box {
    display: table;
    width: 100%;
    border: 5px solid #e4e4e4;
    text-align: center;
    min-height: 100px
}

.confirm-box .txt {
    display: table-cell;
    vertical-align: middle;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -1px
}

.confirm-box+* {
    margin-top: 30px
}

.confirm-box2 {
    margin-bottom: 20px;
    height: 54px;
    line-height: 52px;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: #111;
    background: #f5f5f5;
    border-bottom: 1px solid #e5e5e5;
}

.confirm-box2 .num {
    color: #f42643;
}


/* sns공유하기 */

.sns-btn {
    position: absolute;
    top: 506px;
    left: 0;
    width: 300px;
    text-align: center;
}

.sns-btn>a {
    display: inline-block;
}

.sns-btn i.sns-facebook {
    display: inline-block;
    margin: 0 7px;
    width: 20px;
    height: 20px;
}

.sns-btn i.sns-twitter {
    display: inline-block;
    margin: 0 7px;
    width: 20px;
    height: 20px;
}


/*쿠폰다운로드*/

.coupon-wrap {
    margin-left: -25px;
    text-align: center
}

.coupon {
    display: inline-block;
    position: relative;
    width: 490px;
    height: 252px;
    margin: 0 0 35px 25px;
    padding: 25px 143px 20px 40px;
    box-sizing: border-box;
    text-align: left;
    vertical-align: middle
}

.coupon-wrap .category {
    font-size: 16px;
    color: #757575;
    letter-spacing: -1px
}

.coupon-wrap .coupon>.tit {
    height: 52px;
    overflow: hidden;
    font-size: 16px;
    color: #111;
    letter-spacing: -1px;
    font-weight: 600;
    line-height: 26px
}

.coupon-wrap .price {
    font-size: 28px;
    color: #111;
    font-weight: 600
}

.coupon-wrap .bottom-area {
    position: relative;
    margin-top: 6px;
    padding-top: 10px;
    border-top: 1px solid #e4e4e4
}

.coupon-wrap .bottom-area .desc {
    color: #757575;
    line-height: 24px
}

.coupon-wrap .bottom-area .info-layer {
    position: absolute;
    right: 0;
    top: 10px;
}

.coupon-wrap .bottom-area .btn {
    color: #444;
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5
}

.coupon-wrap .btn-coupon {
    display: block;
    position: absolute;
    bottom: 20px;
    right: 27px;
    width: 45px;
    height: 45px
}


/*원스탁예매 공통*/

#oneStop-wrap #header {
    position: relative;
    height: 60px;
    padding: 20px 20px 11px 20px;
    background-color: #f42643;
    text-align: center
}

#oneStop-wrap #header h1 {
    position: absolute;
    top: 5px;
    left: 20px;
}

#oneStop-wrap #header .location {
    display: inline-block
}

#oneStop-wrap #header .location:after {
    display: block;
    content: '';
    clear: both
}

#oneStop-wrap #header .location li {
    float: left;
    position: relative;
    margin-left: 30px;
    padding-right: 22px;
    color: #ffacb8
}

#oneStop-wrap #header .location li:first-child {
    margin-left: 0
}

#oneStop-wrap #header .location li:last-child {
    padding-right: 0;
    background: none
}

#oneStop-wrap #header .location li .num {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin: -3px 10px 0 0;
    padding-top: 2px;
    border-radius: 13px;
    background-color: #ffacb8;
    color: #f42643;
    vertical-align: middle
}

#oneStop-wrap #header .location li.on {
    color: #fff;
    font-weight: 600
}

#oneStop-wrap #header .location li.on .num {
    background-color: #fff
}

#oneStop-wrap #header .location li:before {
    content: '';
    position: absolute;
    right: 0;
    top: 6px;
    display: inline-block;
    width: 7px;
    height: 11px;
}

#oneStop-wrap #header .location li:last-child:before {
    display: none
}

#oneStop-wrap #header .btn-close {
    position: absolute;
    display: block;
    width: 24px;
    height: 24px;
    top: 18px;
    right: 20px;
}


/*원스탁예매 좌석 선택 */

.seat-container {
    position: relative;
    /*min-height:880px;*/
    box-sizing: border-box
}

.seat-container .center-area {
    position: relative;
    /*overflow-x:auto*/
}

.seat-container .center-area .map-inner {
    position: relative
}

.seat-container:after {
    content: '';
    display: block;
    clear: both
}

.seat-container .seat-content {
    /* float: left; */
    position: relative;
    /*width:1570px; height:880px;*/
    overflow: hidden;
    box-sizing: border-box
}

.seat-container .left-area {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 330px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    z-index: 10;
    background-color: #fff
}

.seat-container .left-area .img-area {
    padding: 20px 0
}

.seat-container .left-area .bottom-area>li {
    border-top: 1px solid #ccc
}

.seat-container .left-area .bottom-area>li>a {
    display: block;
    padding: 10px 15px 11px 15px;
    font-size: 16px;
    color: #111
}

.seat-container .left-area .bottom-area>li>a:after {
    display: block;
    content: '';
    clear: both
}

.seat-container .left-area .bottom-area>li>a .grade-name {
    float: left;
    width: 220px;
    height: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.seat-container .left-area .bottom-area>li>a .num {
    float: right;
    position: relative;
    padding-right: 20px
}

.seat-container .left-area .bottom-area>li>a .num:before {
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    right: 0;
    width: 8px;
    height: 4px;
}

.seat-container .left-area .bottom-area .hidden-area {
    display: none;
    overflow-y: scroll;
    max-height: 215px;
    padding: 10px 0;
    border-top: 1px solid #ccc
}

.seat-container .left-area .bottom-area .hidden-area .slimScrollDiv {
    height: 200px !important
}

.seat-container .left-area .bottom-area>li>a.on+.hidden-area {
    display: block;
}

.seat-container .left-area .bottom-area>li>a.on .num:before {
    background-position: 0 -4px
}

.seat-container .left-area .bottom-area .hidden-area li {
    height: 100%;
    display: block;
    line-height: 35px
}

.seat-container .left-area .bottom-area .hidden-area a:after {
    content: '';
    display: block;
    clear: both
}

.seat-container .left-area .bottom-area .hidden-area a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 16px;
    color: #111;
}

.seat-container .left-area .bottom-area .hidden-area li.on,
.seat-container .left-area .bottom-area .hidden-area li:hover {
    display: block;
    background-color: #f5f5f5
}

.seat-container .left-area .bottom-area .hidden-area a .area {
    float: left;
    width: 75%;
    padding-left: 15px;
}

.seat-container .left-area .bottom-area .hidden-area a .num {
    float: right;
    width: 25%;
    white-space: nowrap;
    text-align: right;
    padding-right: 15px
}

.seat-container .seat-content .btn-map button {
    display: inline-block;
    width: 44px;
    height: 44px;
    z-index: 100
}

.seat-container .seat-content .btn-map .btn-home {
    position: absolute;
    top: 20px;
    right: 30px;
    background-position: 0 0
}

.seat-container .seat-content .btn-map .btn-plus {
    position: absolute;
    bottom: 130px;
    /*top:705px;*/
    right: 30px;
    background-position: 0 -46px
}

.seat-container .seat-content .btn-map .btn-minus {
    position: absolute;
    bottom: 75px;
    /*top:760px;*/
    right: 30px;
    background-position: 0 -101px
}

.seat-container .seat-content .btn-map .btn-reset {
    position: absolute;
    bottom: 20px;
    /*top:816px;*/
    right: 30px;
    background-position: 0 -156px
}

.category-color {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 8px
}

.category-color.type-vip {
    background-color: #b09b75
}

.category-color.type-R {
    background-color: #9465e0
}

.category-color.type-S {
    background-color: #ff85bf
}

.category-color.type-A {
    background-color: #ff9d1d
}

.seat-container .right-area-wrap {
    position: absolute;
    right: 0;
    top: 0;
    /*overflow-y:auto;*/
    background-color: #fafafa;
    height: 100%;
    border-left: 1px solid #d8d8d8;
    z-index: 10
}

.seat-container .right-area-wrap .calc_scroll {
    height:calc(100% - 96px);
    overflow-y:auto;
    overflow-x:hidden
  }

.seat-container .right-area {
    width: 350px;
    height: 100%;
    padding: 20px 20px 0 20px;
    box-sizing: border-box;
}

.seat-container .right-area>div {
    margin-top: 30px
}

.seat-container .right-area>div:first-child {
    margin-top: 0
}

.seat-container .right-area .tit {
    margin-bottom: 8px;
    font-weight: 600;
    color: #111
}

.prd-info-box .tit-box {
    min-height: 67px;
    position: relative;
    padding-left: 70px
}

.prd-info-box .tit-box .img-area {
    position: absolute;
    left: 0;
    top: 5px;
}

.prd-info-box .tit-box .img-area img {
    width: 50px;
    height: 67px;
    position: absolute;
}

.prd-info-box .tit-box .tit-area {
    margin-top: -5px
}

.prd-info-box .tit-box .tit {
    margin-bottom: 0;
    font-size: 16px;
    color: #111;
    font-weight: 600;
    line-height: 22px
}

.prd-info-box .tit-box-wrap .nice-select {
    width: 100% !important;
    margin-top: 30px;
    margin-bottom: 30px;
}

.prd-info-box .tit-box-wrap .nice-select>ul {
    width: 100% !important
}

.prd-info-box .info-box-wrap{
    margin-bottom:20px
  }

.prd-info-box .info-box-wrap .seat-box {
    height: 283px;
    margin-bottom: 0
}

.prd-info-box .info-box-wrap .seat-box li .txt {
    width: 50%;
}

.prd-info-box .seat-box-wrap .slimScrollDiv {
    height: 214px !important
}

.prd-info-box .info-box-wrap .slimScrollDiv {
    height: 290px !important
}

.seat-container .btn-fixed {
    position:absolute;
    right:-1px;
    bottom:0;
    width:100%;
    padding:20px;
    background-color:#fafafa;
    border-top:1px solid #ccc;
    z-index:100
  }

.seat-container .btn-fixed a {
    width:310px;
    box-sizing:border-box
  }

.seat-container .btn-fixed .btn.ticketing.disabled {
    color:#fff;
    background:#ccc!important;
    border:none
  }


/* 원스탑결제 */

#oneStop-wrap .info-bar {
    padding: 8px 0;
    background-color: #f5f5f5;
    text-align: center;
    color: #f42643;
    letter-spacing: -1px
}

.oneStop-container {
    position: relative;
    width: 1080px;
    /*min-height:1000px;*/
    margin: 0 auto;
    padding: 35px 0 60px 0
}

.oneStop-container:after {
    display: block;
    content: '';
    clear: both
}

.oneStop-container .prd-info-box {
    position: absolute;
    top: 40px;
    width: 350px;
    margin-left: 730px;
    padding: 25px 20px;
    border: 1px solid #d8d8d8;
    background-color: #fafafa
}

.oneStop-container .prd-info-box.fixed {
    position: fixed;
    top: inherit;
    bottom: 60px
}

.oneStop-container .prd-info-box>div {
    margin-top: 25px
}

.oneStop-container .prd-info-box>div:first-child {
    margin-top: 0
}

.oneStop-container .prd-info-box .tit {
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 600;
    color: #111
}

.oneStop-container .prd-info-box .info-box-wrap .seat-box {
    height: 150px
}

.oneStop-container .prd-info-box .info-box-wrap .slimScrollDiv {
    height: 150px !important
}

.oneStop-container .prd-info-box .total-wrap .total-tit {
    font-size: 16px;
    color: #111;
    font-weight: 600
}

.oneStop-container .prd-info-box .total-wrap .total-won {
    font-size: 28px;
    color: #f42643;
    font-weight: 600
}

.oneStop-container .prd-info-box .total-wrap .total-won em {
    font-size: 28px
}

.oneStop-container .prd-info-box .total-wrap .total-won {
    font-size: 18px;
}

.oneStop-container .prd-info-box .total-box {
    padding: 10px 15px 0 15px;
    border: 1px solid #d8d8d8;
    background: #fff
}

.oneStop-container .prd-info-box .total-box .etc-price-wrap {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e4e4e4
}

.oneStop-container .prd-info-box .total-box .total-price {
    display: table;
    width: 100%;
    padding: 0 0 10px 0
}

.oneStop-container .prd-info-box .total-box .etc-price,
.oneStop-container .prd-info-box .total-box .depth2-etc-price {
    display: table;
    width: 100%;
}

.oneStop-container .prd-info-box .total-box .etc-price>span,
.oneStop-container .prd-info-box .total-box .total-price>span,
.oneStop-container .prd-info-box .total-box .depth2-etc-price>span {
    display: table-cell;
    width: 50%;
    vertical-align: middle
}

.oneStop-container .prd-info-box .total-box .etc-price>span.etc-tit,
.oneStop-container .prd-info-box .total-box .total-price>span.total-tit,
.oneStop-container .prd-info-box .total-box .depth2-etc-price>span.total-tit {
    text-align: left
}

.oneStop-container .prd-info-box .total-box .etc-price>span.etc-won,
.oneStop-container .prd-info-box .total-box .total-price>span.total-won,
.oneStop-container .prd-info-box .total-box .depth2-etc-price>span.etc-won {
    text-align: right
}

.oneStop-container .prd-info-box .total-box .depth2-etc-price span.etc-tit {
    padding: 4px 0 4px 10px
}

.oneStop-container .prd-info-box .total-box .depth2-etc-price span.etc-tit,
.oneStop-container .prd-info-box .total-box .depth2-etc-price span.etc-won {
    font-size: 14px;
    color: #757575
}

.oneStop-container .prd-info-box .total-box .etc-price>span.etc-tit,
.oneStop-container .prd-info-box .total-box .etc-price>span.etc-won {
    padding: 4px 0;
    font-size: 16px;
    color: #111
}

.oneStop-container .prd-info-box .total-box .etc-price>span.etc-won {
    font-weight: 600;
    font-size: 18px
}

.oneStop-container .prd-info-box .total-box .etc-price>span.etc-won .won {
    font-weight: normal;
    font-size: 16px
}

.oneStop-container .prd-info-box .btn-wrap:after {
    display: block;
    content: '';
    clear: both
}

.oneStop-container .prd-info-box .btn-wrap>* {
    float: left;
    width: 50%;
    height: 55px;
    line-height: 55px;
    font-size: 18px;
    font-weight: 600;
}

.oneStop-container .prd-info-box .btn-wrap>*:disabled {
    background: #ccc;
    border: 1px solid #ccc
}

input[type="button"] {
    background: red !important;
}

input[type="button"].custom-disabled {
    color: #fff;
    background: #ccc !important;
    border: none;
}

.oneStop-container .prd-info-box .btn-wrap .prev {
    background: #757575;
    border: 1px solid #757575;
    color: #fff
}

.oneStop-content {
    width: 690px
}

.oneStop-content .section {
    margin-top: 60px
}

.oneStop-content .input-wrap .check input[type="text"].error {
    border: 1px solid #f42643;
}

.oneStop-content .section:first-child {
    margin-top: 0
}

.oneStop-container .section h2 {
    margin-bottom: 20px;
    padding-bottom: 11px;
    font-size: 18px;
    color: #111;
    font-weight: 600;
    border-bottom: 1px solid #e0e0e0
}

.oneStop-container .section h2+table {
    margin-top: -20px
}

.oneStop-content .rado-list li {
    margin-left: 60px
}

.oneStop-content .rado-list li:first-child {
    margin-left: 0
}

.oneStop-content .type-box {
    margin-top: 15px;
    padding: 10px 15px;
    background-color: #f5f5f5
}

.oneStop-content .type-box>.table-inner {
    background: transparent
}

.oneStop-content .type-box>.table-inner>tbody>tr>th,
.oneStop-content .type-box>.table-inner>tbody>tr>td {
    height: auto;
    padding: 5px 0;
    border: 0;
    background: transparent;
    font-size: 14px
}

.oneStop-content .type-box>.table-inner>tbody>tr>td>.info-layer{
    vertical-align: top;
    padding-top: 13px;
    padding-left: 10px;
}

.oneStop-content .type-box>.table-inner>tbody>tr>th {
    color: #111;
    letter-spacing: -1px
}

.oneStop-content .type-box .nice-select.disabled {
    background: #fff
}

.oneStop-content .agree-wrap {
    margin-top: -20px
}

.table-price th {
    position: relative;
    text-align: left
}

.table-price th .grade {
    font-weight: 600
}

.table-price th .total {
    position: absolute;
    right: 20px;
    top: 16px
}

.table-price td {
    position: relative
}

.table-price td .prd-name {
    font-size: 16px;
    color: #111
}

.table-price td .desc {
    margin-top: 5px;
    font-size: 14px;
    color: #757575
}

.table-price td .hidden-area {
    display: none
}

.table-price td .acodian {
    position: relative
}

.table-price td .acodian:after {
    content: '';
    display: block;
    position: absolute;
    right: -14px;
    top: 9px;
    width: 7px;
    height: 4px;
}

.table-price td .acodian.on:after {
    background-position: 0 -4px
}

.table-price td .acodian.on+.hidden-area {
    display: block
}

.table-price td .price {
    position: absolute;
    top: 7px;
    right: 20px
}

.table-price td .price .won {
    font-size: 16px;
    color: #111;
    margin-right: 15px;
    vertical-align: middle;
    display: inline-block;
    margin-top: -30px;

}

.table-price .prettydropdown {
    height: 30px
}

.table-price .prettydropdown>ul {
    max-height: 30px !important;
    border: 1px solid #d8d8d8
}

.table-price .prettydropdown>ul>li {
    height: 30px !important;
    line-height: 26px !important
}

.table-price .prettydropdown.arrow>ul:before {
    top: 13px
}

.agree-wrap>ul>li {
    padding: 20px 0;
    position: relative;
    border-bottom: 1px solid #e4e4e4
}

.agree-wrap>ul>li .text-wrap {
    margin-top: 15px;
    padding-left: 30px
}

.agree-wrap>ul>li .text-wrap .txt {
    line-height: 24px;
    color: #757575
}

.agree-wrap label {
    font-size: 16px;
    color: #111
}

.agree-wrap .btn.agree {
    position: absolute;
    right: 0;
    top: 10px
}

.agree-wrap .btn.agree:after {
    content: '';
    display: inline-block;
    width: 8px;
    height: 4px;
    margin-left: 10px;
    vertical-align: middle;
}

.agree-wrap .btn.agree.on:after {
    background-position: 0 -4px
}

.agree-wrap .acodian+.hidden-area {
    display: none;
    margin-top: 20px;
    border-top: 1px solid #e4e4e4;
}

.agree-wrap .acodian.on+.hidden-area {
    display: block
}

.agree-wrap .depth2-box {
    margin-top: 35px
}

.agree-wrap .depth2-box:first-child {
    margin-top: 15px
}

.agree-wrap .depth2-box:last-child {
    margin-bottom: 50px
}

.agree-wrap .depth2-box .box-desc.agree-box {
    padding-bottom: 30px
}

.agree-wrap .depth2-box .box-desc {
    margin-top: 20px
}

.agree-wrap .depth2-box .box-desc .tit:first-child {
    margin-top: 0
}

.agree-wrap .depth2-box .box-desc .tit {
    display: inline-block;
    margin: 25px 0 10px 0;
    font-size: 14px;
    color: #111;
    font-weight: 600
}

.agree-wrap .depth2-box .box-desc .txt {
    font-size: 14px;
    color: #757575;
}

.agree-wrap .depth2-box .box-desc table {
    background: transparent
}

.agree-wrap .depth2-box .box-desc table th,
.agree-wrap .depth2-box table td {
    height: auto;
    font-size: 14px;
    padding: 10px 20px;
    border-left: 0
}

.agree-wrap .depth2-box .box-desc table th {
    padding-right: 0;
    vertical-align: top
}

.agree-wrap .depth2-box .box-desc .table2 th {
    padding-left: 0
}

.agree-wrap .depth2-box .box-desc .link {
    text-decoration: none !important;
    border-bottom: 1px solid #444
}

.slimScroll table {
    border-top: 0 !important
}

.slimScroll table.border {
    border-top: 1px solid #444 !important
}


/* 결제 실패 */

.oneStop-container .error-wrap .sub-con-wrap {
    margin-top: 115px
}

.oneStop-container .error-wrap .btn {
    width: 130px
}


/* 결제 완료 */

.top-complete {
    display: table;
    width: 100%;
    margin-bottom: 35px;
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8
}

.top-complete .inner {
    display: table-cell;
    height: 265px;
    vertical-align: middle;
    text-align: center
}

.top-complete .txt1 {
    font-size: 28px;
    color: #111;
    letter-spacing: -1px
}

.top-complete .txt2 {
    margin-top: 10px;
    font-size: 16px;
    color: #111;
    letter-spacing: -1px
}

.body-complete:after {
    display: block;
    content: '';
    clear: both
}

.body-complete .section:first-child {
    float: left;
    width: 580px
}

.body-complete .section:last-child {
    float: right;
    width: 460px
}


/* account-wrap */

.account-wrap {
    position: relative;
}

.account-wrap>div {
    display: block;
    margin-bottom: 10px;
    white-space: nowrap;
}

.account-wrap label {
    display: inline-block;
    width: 64px;
    vertical-align: middle;
}

.account-wrap .prettydropdown {
    width: 160px !important;
}

.account-wrap .prettydropdown>ul {
    right: 0;
}

.account-wrap .prettydropdown>ul>li {
    width: 100% !important;
}

.account-wrap .prettydropdown+label {
    padding-left: 12px;
    width: 65px;
}

.account-wrap .btn {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 97px;
    height: 40px;
}

.account-wrap input.w1 {
    width: 258px;
}

.account-wrap input.w2 {
    width: 385px;
}


/* 본인인증 안내 */

#layer-pop-confirmInfo .content-pop>.tit {
    font-size: 20px;
    color: #111;
    font-weight: 600;
    text-align: center
}

#layer-pop-confirmInfo .content-pop>.tit:after {
    content: '';
    display: block;
    width: 58px;
    height: 61px;
    margin: 30px auto 40px auto;
}

#layer-pop-confirmInfo .content-pop>.txt {
    line-height: 23px
}

#layer-pop-confirmInfo .box {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #d8d8d8
}

#layer-pop-confirmInfo .box .tit {
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 600
}

#layer-pop-confirmInfo .box .gray-box {
    margin-top: 30px
}


/* 장소안내 */

#layer-pop-placeInfo .txt-wrap img,
#layer-pop-placeInfo .txt img,
#layer-pop-placeInfo table {
    width: 100% !important
}


/* 개발이슈로인한 원스탑처리 */

#oneStopFrame #oneStop-wrap #header h1 {
    top: 18px
}