/* css공유목록 */

/* rsv_view */
/* rsv_write */
/* prf_write */
/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */



.rsv_view {
    width: 100%;
    background: #fff;
}

/* .rsv_view>form, */
.rsv_view>div,
.rsv_view .wrap {
    width: 100%;
    max-width: 1100px;
    margin: auto;
    background: #fff;
    padding: 20px 0;
}


/* .rsv_view article {
    padding: 20px;
    border-top: 2px solid #830020;
    border-left: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    border-bottom: 2px solid #635848;
    background:
    url(../../../../images/iosf/ko/content/event/bg_texture_1100x247.png),
    url(../../../../images/iosf/ko/content/event/image_tiger_340x340.png)no-repeat right top/340px 340px,
    #8f816a;
    background-size: 1100px 247px;
} */

/* .rsv_view article:first-of-type {
    background:
        url(../../../../images/iosf/ko/content/event/bg_texture_1100x247.png),
        url(../../../../images/iosf/ko/content/event/image_tiger_340x340.png)no-repeat right top/233px 233px,
        #8f816a;
} */



.rsv_view article+article {
    margin-top: 40px;
}




/* 제목 */

.rsv_view article .title {
    padding: 12px 0 24px;
}

.rsv_view article .title a {
    font: bold 23px "맑은 고딕";
    color: #ffffff;
    text-shadow: 1px 1px 1px #4a381c;
}

.rsv_view article .title a:hover {
    text-decoration: underline;
}



/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* 탭 메뉴 정렬 */

.rsv_view article.tab {
    width: 100%;
}

.rsv_view article.tab dl {
    display: flex;
}


.rsv_view article.tab dl dt {
    /* .board_list article dl dd{ */
    display: flex;
    align-items: center;
    justify-content: center;
    color: #707070;
    flex: 1 1 10%;
    /* min-width: 184px; */
    height: 54px;
}

.rsv_view article.tab dl dt~dt {
    margin-left: -1px;
}

.rsv_view article.tab dl dt a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #535353;
    font: bold 17px "맑은 고딕";
    border: 1px solid #D5D5D5;
    background: #FBFBFB;
    text-align: center;
}

.rsv_view article.tab dl dt a.on {
    background: #760023;
    border: 1px solid #760023;
    color: #ffffff;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.4);
    z-index: 1;
}


/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */





/* 신청자정보 테이블 */
/* ---------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------- */


table,
table table,
thead,
tbody,
tr,
th,
td {
    border-spacing: 0;
    border-collapse: separate;
}


.rsv_view table {
    /* table-layout: fixed; */
    width: 100%;
    margin-top: 40px;
}

.rsv_view table.table_write1:first-child,
.rsv_view table.table_write2:first-child {
    margin-top: 0;
}


th.center,
td.center {
    text-align: center !important;
}

/* ------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------- */
/* 해외주소 2중 테이블 설정 */


.rsv_view table table,
.rsv_view table table tr th {
    margin-top: 0;
    /* border-top: 0px solid #000; */
    /* border-left: 0px solid #000; */
}

/* 다중테이블 */
.rsv_view table tr.depth2 td .table_multi {
    display: flex;
}

.rsv_view table tr.depth2 td .table_multi table~table {
    margin-left: -1px;
}


.rsv_view table tr.depth2 td input {
    width: 100%;
}


/* .rsv_view table table tr td:last-of-type{
    border-right: 0ch;
}
.rsv_view table table tr:first-of-type td, 
.rsv_view table table tr:first-of-type th{
    border-top: 0;
}
.rsv_view table table tr:last-of-type td, 
.rsv_view table table tr:last-of-type th{
    border-bottom: 0;
} */

/* ------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------- */


.rsv_view table caption,
.rsv_view div .subtitle,
.rsv_view div caption {
    /* display: flex; */
    align-items: center;
    font: 21px/1em "나눔바른고딕";
    color: #000;
    margin-bottom: 20px;
    text-align: left;
}

.rsv_view table caption{
    position: relative;
    height: auto;
}


.rsv_view table caption::before,
.rsv_view div .subtitle:before,
.rsv_view div caption::before {
    top: 3px;
    position: relative;
    content: "";
    display: inline-block;
    width: 3px;
    height: 20px;
    background: url(../../../../images/iosf/ko/content/m2_m8_m1/bar_3x22.png) no-repeat center/3px 20px;
    margin-right: 8px;
}

.rsv_view table tr {
    width: 100%;
    /* height: 44px; */
    border-right: 1px solid #e6e6e6;
}

.rsv_view table table tr th {
    color: #98724b;
    background: #fbf9f6;
}

.rsv_view table tr:first-of-type td,
.rsv_view table tr:first-of-type th {
    border-top: 1px solid #830020;
}

/* table_multi 멀티 테이블 전용 코드 */
.rsv_view table tr .table_multi tr:not(:first-of-type) th,
.rsv_view table tr .table_multi tr:not(:first-of-type) td {
    border-top: 0;
}

.rsv_view table tr .table_multi tr:not(:first-of-type) th {
    background: #FEFDFC;
    color: #917d67;
}


/* 멀티 테이블 전용 코드 */


.rsv_view table.table_write4 tr td:first-of-type,
.rsv_view table.table_write4 tr td:nth-of-type(2) {
    width: 16%;
}

.rsv_view table.table_write4 tr td:nth-of-type(3) {
    width: 27%;
}

.rsv_view table tr:last-of-type td,
.rsv_view table tr:last-of-type th {
    border-bottom: 1px solid #414141;
}

.rsv_view table tr.depth2:last-of-type td,
.rsv_view table tr.depth2:last-of-type th {
    border-bottom: 1px solid #e6e6e6;
}

.rsv_view table tr.depth2:last-of-type>td {
    border-bottom: 1px solid #414141;
}

/* .rsv_view table table tr:last-of-type td:last-of-type, 
.rsv_view table table tr:last-of-type th:last-of-type,
.rsv_view table table tr:last-of-type td:first-of-type, 
.rsv_view table table tr:last-of-type th:first-of-type{
    border-bottom: 0px solid #414141;    
} */



/* 문단 맨 위,아래 라인 컬러 추가*/
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */

/* 풀 사이즈에서만 예외 */
.rsv_view table tr:last-of-type>th:last-of-type {
    border-bottom: 1px solid #414141;
}

/* 풀 사이즈에서만 예외 */


.rsv_view table tr:last-of-type {
    border-bottom: 1px solid #414141;
}

/* .rsv_view table tr:last-of-type td:last-of-type,
.rsv_view table table tr:last-of-type td:last-of-type{
    border-bottom: 0;
} */
/* .rsv_view .table_write4 tbody,
.rsv_view .table_write5 tbody{
    border-top: 1px solid #830020;
    border-bottom: 1px solid #414141;
} */
.rsv_view table tr:first-of-type {
    border-top: 1px solid #830020;
}

.rsv_view table tr:first-of-type th:first-of-type {
    /* border-top: 0; */
}


/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */



.rsv_view table tr th,
.rsv_view table tr td {
    font: 15px/1.3em "맑은 고딕";
    /* color: #313131; */
    text-align: left;
    padding: 10px 14px;
    border-left: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}

.rsv_view table tr th p,
.rsv_view table tr td p {
    font: 15px/1.3em "맑은 고딕";
    color: #535353;
    text-align: left;
    text-transform: none;
}

.rsv_view table tr th p.set,
.rsv_view table tr td p.set {
    color: #313131;
}

.rsv_view table tr td p~p {
    margin-top: 3px;
}

.rsv_view table table tr td {
    /* border-left: 0px; */
}


/* .rsv_view form>table>tr>td:last-of-type {
    border-right: 0px solid #e6e6e6;
} */

/* .rsv_view table > tr > td:last-of-type{
    border-right: 0px solid #e6e6e6;
} */


.rsv_view table tr th {
    color: #735231;
    background: #f6f6f6;
    /* min-width: 130px; */
    min-width: 124px;
    /* width: 100%; */
}

.rsv_view table tr td {
    /* width: 35%; */
    color: #535353;
    background: #fff;
}

.rsv_view table tr td strong {
    /* color: #313131; */
}

.rsv_view table tr .account {
    /* display: flex; */
    align-items: center;
}

.rsv_view table tr .account input {
    /* margin-left: 5px; */
}

.rsv_view table tr td select,
.rsv_view table tr td input {
    border: 1px solid #cbc9c9;
    min-height: 28px;
    font: 15px "맑은 고딕";
    padding: 3px 10px;
    /* text-indent: 10px; */
    vertical-align: middle;
}

.rsv_view table tr td input:only-child {
    width: 100%;
}


.rsv_view table tr td .telnum {
    width: 50px;
}

.rsv_view table tr td .telnum+input,
.rsv_view table tr td .telnum+input+input {
    width: 60px;
}


.rsv_view .table_write4 tr td input {
    width: 100%;
    max-width: 100px;
}

.rsv_view table tr td select {
    /* width:30%; */
    padding-right: 30px;
    background:
        url(../../../../images/iosf/ko/content/event/img_arrowdown_22x8.png) no-repeat right center/22px 8px,
        #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.rsv_view table tr td select::-ms-expand {
    display: none;
}

.rsv_view table tr td select::placeholder,
.rsv_view table tr td input::placeholder {
    color: #cbc9c9;
}

/* 달력 입력기 */


.rsv_view table tr td>span {
    font: 15px/1.3em "맑은 고딕";
    color: #959595;
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
}

.rsv_view table tr td span.calendar-wrapper {
    display: flex;
    align-items: normal;
}


.rsv_view table tr td input.calendar {
    position: relative;
    min-width: 0;
    max-width: 100px;
    width: calc(100% - 35px);
}

.rsv_view table tr td span .calendar {
    float: left;
    margin-right: 10px;
}

.rsv_view table tr td input.calendar+img {
    display: inline-block;
    width: 26px;
    height: 26px;
}

.rsv_view table tr td input.calendar+button {
    content: "";
    display: inline-block;
    flex: 0 0 26px;
    width: 26px;
    height: 26px;
    background: url(../../../../images/iosf/ko/content/event/icon_calendar_26x26.png)no-repeat center/26px 26px;
}


/* 환불사유 입력기 */

.rsv_view table tr td textarea,
.rsv_view table tr td textarea.reason_for_refund {
    font: 15px "맑은 고딕";
    width: 100%;
    height: 114px;
    padding: 10px;
    vertical-align: top;
}

/* 올린 파일 이름 확인, 파일 지우기 */

.rsv_view table tr td small {
    font: 15px "맑은 고딕";
    color: #000;
}

.rsv_view table tr .photo .delete,
.rsv_view table tr td small+.delete {
    vertical-align: middle;
    margin-left: 4px;
    width: 20px;
    height: 20px;
    border-radius: 2px;
    background:
        url(../../../../images/iosf/ko/content/event/icon_delete_12x12.png)no-repeat center/12px 12px,
        #be133c;
}

.rsv_view table tr td small+.delete+input {
    display: block;
    margin-top: 10px;
}


/* 찾기버튼 */

.rsv_view table tr td button.search {
    font: bold 13px "맑은 고딕";
    padding: 3px 0 4px;
    /* display: inline-flex;
    align-items: center;
    justify-content: center; */
    vertical-align: top;
    color: #fff;
    border: 1px solid #3f3f3f;
    text-shadow: 1px 1px 1px #000;
    width: 54px;
    height: 28px;
    background: #535353;
    margin-left: 7px;
}



/* 국내주소입력부분 input간 사이 간격 */
.rsv_view table tr .adress {
    flex-direction: column;
}

.rsv_view table tr .adress div p {
    margin-bottom: 6px;
}

.rsv_view table tr .adress div p:last-of-type {
    margin-bottom: 0px;
}


.rsv_view table tr .adress button+input,
.rsv_view table tr .adress input+input,
.rsv_view table tr input~input {
    display: block;
    width: 100%;
    margin-top: 10px;
}



/* 올린 사진 확인하기 버튼 */

.rsv_view table tr .photo {
    flex-direction: column;
}

.rsv_view table tr .photo .upload {
    margin-bottom: 7px;
}

.rsv_view table tr .photo div:last-of-type {
    margin-bottom: 0;
}


.rsv_view table tr .photo span {
    display: inline-flex;
    margin-right: 3px;
    vertical-align: middle;
    width: 22px;
    height: 22px;
}



/* ----------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------- */
/* 첨부파일 사진 이미지 링크 */



.rsv_view table tr .photo .jpg {
    background: url(../../../../images/iosf/ko/content/event/icon_photo_jpg_22x22.png)no-repeat center/22px 22px;
}

.rsv_view table tr .photo .png {
    background: url(../../../../images/iosf/ko/content/event/icon_photo_png_22x22.png)no-repeat center/22px 22px;
}

.rsv_view table tr .photo .doc {
    background: url(../../../../images/iosf/ko/content/event/icon_file_doc_22x22.png)no-repeat center/22px 22px;
}

.rsv_view table tr .photo .etc {
    background: url(../../../../images/iosf/ko/content/event/icon_file_etc_22x22.png)no-repeat center/22px 22px;
}

.rsv_view table tr .photo .hwp {
    background: url(../../../../images/iosf/ko/content/event/icon_file_hwp_22x22.png)no-repeat center/22px 22px;
}

.rsv_view table tr .photo .mp4 {
    background: url(../../../../images/iosf/ko/content/event/icon_file_mp4_22x22.png)no-repeat center/22px 22px;
}

.rsv_view table tr .photo .pdf {
    background: url(../../../../images/iosf/ko/content/event/icon_file_pdf_22x22.png)no-repeat center/22px 22px;
}

.rsv_view table tr .photo .ppt {
    background: url(../../../../images/iosf/ko/content/event/icon_file_ppt_22x22.png)no-repeat center/22px 22px;
}

.rsv_view table tr .photo .xls {
    background: url(../../../../images/iosf/ko/content/event/icon_file_xls_22x22.png)no-repeat center/22px 22px;
}

.rsv_view table tr .photo .zip {
    background: url(../../../../images/iosf/ko/content/event/icon_file_zip_22x22.png)no-repeat center/22px 22px;
}



/* ----------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------- */





.rsv_view table tr .photo button {
    font: 15px "맑은 고딕";
    vertical-align: middle;
    display: inline-flex;
    /* height: 200%; */
    background: #fff;
}

.rsv_view table tr .photo button:hover {
    text-decoration: underline;
    text-underline-position: under;
    /* box-sizing: content-box; */
    /* border-bottom: 1px solid #000; */
}



/* 영수증 발급페이지 */

.rsv_view .pay_history tr:first-of-type th:first-of-type,
.rsv_view .pay_history tr:first-of-type th {
    border-top: 2px solid #830020;
}

.rsv_view .pay_history tr th:first-of-type {
    width: 84px;
}

.rsv_view .pay_history tr th.pay {
    width: 11%;
}

.rsv_view .pay_history tr th.deadline {
    width: 35%;
}

.rsv_view .pay_history tr p {
    text-align: center;
}

.rsv_view .pay_history tr th {
    /* max-width: 150px; */
    background: #fff;
    text-align: center;
}

.rsv_view .pay_history tr .sub {
    color: #313131;
}

.rsv_view .pay_history tr td {
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
    width: auto;
    color: #000;
    background: #fff;
    text-align: center;
}

.rsv_view .pay_history tr b,
.rsv_view .pay_history tr p:first-of-type {
    display: none;
}

.rsv_view .pay_history tr:first-of-type th,
.rsv_view .pay_history tr:first-of-type td {
    border-bottom: 1px solid #c8c8c8;
}

.rsv_view .pay_history tr .pay.no span {
    display: inline-block;
    font: bold 13px/1.3em "맑은 고딕";
    min-width: 64px;
    background: #6b6b6b;
    padding: 4px 15px 6px;
    color: #fff;
    text-shadow: 1px 1px 0px #434343;
    border: 1px solid #646464;
}

.rsv_view .pay_history tr .pay.yes span {
    display: inline-block;
    min-width: 64px;
    font: bold 13px/1.3em "맑은 고딕";
    background: #75ba04;
    padding: 4px 15px 6px;
    color: #fff;
    text-shadow: 1px 1px 0px #598c06;
    border: 1px solid #6aa904;
}

.rsv_view .pay_history tr .issue button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 116px;
    min-height: 28px;
    font: bold 13px/1.3em "맑은 고딕";
    color: #fff;
    text-shadow: 1px 1px 0px #c33134;
    background: #eb5b5e;
    border: 1px solid #e25558;
    padding: 4px 11px 6px;
}

.rsv_view .pay_history tr .issue button:after {
    content: "";
    display: inline-block;
    min-width: 14px;
    height: 14px;
    margin-left: 7px;
    background: url(../../../../images/iosf/ko/content/event/icon_receipt_14x14.png)no-repeat center/14px 14px;
}


.rsv_view .pay_history tr .issue button:disabled {
    background: #dfdfdf;
    border: 1px solid #d8d8d8;
    text-shadow: 1px 1px 0px #bfbfbf;
    cursor: default;
}



/* 개인정보수집 이용동의 항목 */

.rsv_view table.terms tr td {
    display: block;
    width: 100%;
    padding: 15px;
    height: 330px;
    background: #fbf9f6;
    overflow-y: auto;
}

.rsv_view .terms td p {
    font: bold 15px "맑은 고딕";
    text-transform: none;
    margin-bottom: 5px;
}

.rsv_view .terms td small {
    display: block;
    font: normal 15px "맑은 고딕";
    margin-bottom: 20px;
}

.rsv_view table.terms tr:first-of-type {
    border: 1px solid #535353;
}



/* 신청하기 버튼 */

/* 동의하기 라디오버튼 */

.rsv_view section {
    width: 100%;
}


.rsv_view section .agreement {
    width: 100%;
    height: 44px;
    margin: 20px 0 0px 0;
    background: #3f3f3f;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rsv_view section .agreement input {
    margin-right: 8px;
}

.rsv_view section .agreement label {
    font-family: "맑은 고딕";
    color: #e5e5e5;
}

.rsv_view section .btn {
    display: flex;
    justify-content: center;
    position: relative;
    padding: 40px 0 0;
    /* border-top: 1px solid #ebebeb; */
    /* background: #000; */
}

.rsv_view section .btn:only-child {
    padding: 0;
}


.rsv_view section .btn button.left {
    margin-right: auto;
}

.rsv_view section .btn button.only_left {
    position: absolute;
    margin-left: 0;
}

.rsv_view section .btn button.right {
    margin-left: auto;
}

.rsv_view section .btn button.only_right {
    position: absolute;
    right: 0;
}

.rsv_view section .btn button.center {
    position: absolute;
    margin: auto;
    /* top: 40px; */
}

.rsv_view section .btn button~button {
    margin-left: 10px;
}

/* .rsv_view section .btn button:last-of-type {
    margin-right: 0;
} */

.rsv_view section .btn button {
    position: relative;
    display: inline-block;
    font: bold 15px "맑은 고딕";
    color: #fff;
    text-shadow: 1px 1px 0 #000;
    border-radius: 30px;
    min-width: 120px;
    min-height: 40px;
    padding: 0 15px 0 15px;
    background: #8f816a;
    transition: all 0.2s;
}

.rsv_view section .btn button.apply {
    background: #f67400;
    text-shadow: 1px 1px 0 #9f2901;
}

.rsv_view section .btn button.apply.check:before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../../../../images/iosf/ko/content/board/icon_check_14x14.png) no-repeat center;
    background-size: 16px 16px;
    margin-bottom: -2px;
    margin-right: 6px;
}

.rsv_view section .btn button.apply.save:before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../../../../images/iosf/ko/content/board/icon_save_14x14.png) no-repeat center;
    background-size: 16px 16px;
    margin-bottom: -2px;
    margin-right: 6px;
}

.rsv_view section .btn button.cancel {
    background: #8f816a;
    text-shadow: 1px 1px 0 #504432;
}

.rsv_view section .btn button.cancel.close:before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../../../../images/iosf/ko/content/view/icon_close_16x16.png) no-repeat center;
    background-size: 16px 16px;
    margin-bottom: -2px;
    margin-right: 6px;
}

.rsv_view section .btn button.list {
    background: #940034;
    text-shadow: 1px 1px 0 #69011a;
}

.rsv_view section .btn button.white,
.rsv_view section .btn button.list.white {
    background: #FFFFFF;
    color: #313131;
    text-shadow: none;
    border: 1px solid #BDBDBD;
}

.rsv_view section .btn button.list.white:before {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../../../../images/iosf/ko/content/view/icon_list_red_14x14.png) no-repeat center;
    background-size: 14px 14px;
    margin-bottom: -1px;
    margin-right: 6px;
}

.rsv_view section .btn button.del:before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../../../../images/iosf/ko/content/board/icon_delete_on_14x14.png) no-repeat center;
    background-size: 16px 16px;
    margin-bottom: -2px;
    margin-right: 6px;

}

.rsv_view section .btn button.resign:before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../../../../images/iosf/ko/content/myinfo/img_resign_16x16.png) no-repeat center;
    background-size: 16px 16px;
    margin-bottom: -2px;
    margin-right: 6px;

}



/* .rsv_view section .btn button:after{
    content: "";
    position: absolute;
    display: inline-block;
    width: 22px;
    height: 22px;
    top: 50%;
    transform: translateY(-50%);
    right: 26px;
    background: url(../../../../images/iosf/ko/content/event/icon_check_22x22.png);
    background-size: 22px 22px;
} */
.rsv_view section .btn .detail:after {
    background: url(../../../../images/iosf/ko/content/event/icon_detailinfo_22x22.png);
    background-size: 22px 22px;
}


.rsv_view section .btn button:hover {
    /* background: #940034; */
    transition: all 0.2s;
}




/* 증명서 발급하기 테이블 */

.rsv_view .print {
    margin-bottom: 20px;
}


.rsv_view .print tbody tr:first-of-type th:first-of-type,
.rsv_view .print tbody tr:first-of-type td:first-of-type {
    border-top: 2px solid #313131;
    border-left: 1px solid #313131;
    border-right: 1px solid #313131;
}

.rsv_view .print tbody tr:last-of-type th:last-of-type,
.rsv_view .print tbody tr:last-of-type td:last-of-type {
    border-bottom: 2px solid #313131;
}

.rsv_view .print tr th {
    background: #3f3f3f;
    color: #ffffff;
    text-shadow: 1px 1px 1px #000;
}

.rsv_view table.print tbody tr td {
    width: 100%;
    display: flex;
    align-items: center;
    background: #535353;
    border-right: 1px solid #414141;
    border-left: 0px;
}

.rsv_view .print tr td select {
    vertical-align: middle;
    margin-right: 8px;
    border: 1px solid #313131;
    max-width: 100%;
    /* width: calc(100% - 130px); */
}

.rsv_view .print tr td button {
    min-width: 82px;
    height: 28px;
    padding: 4px 8px 5px;
    vertical-align: middle;
    font: bold 13px "맑은 고딕";
    background: linear-gradient(to bottom, #fff, #cfcfcf);
    color: #000000;
    text-shadow: -1px -1px 0px #fff;
    border: 1px solid #313131;
}



/* 신청하기 버튼 비활성*/

.rsv_view section.inactive div a {
    cursor: default;
    pointer-events: none;
}

.rsv_view section .btn button.off {
    background: #dfdfdf;
    text-shadow: 1px 1px 0px #c8c8c8;
    cursor: default;
    pointer-events: none;
}





/* 파일추가 부분 attach 추가 코드 */
/* 올린 파일 이름 확인, 파일 지우기 */


.rsv_view table tr .attachment input {
    width: 100%;
    background: #eeeeee;
    border: 1px solid #d7d5d5;
}

.rsv_view table .attach th {
    /* align-items: center; */
    /* position: relative; */
    padding-right: 11px;
}

.rsv_view table .attach th div {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 28px);
}

.rsv_view table .attach th button {
    display: inline-block;
    vertical-align: middle;
    width: 28px;
    height: 28px;
    margin-left: auto;
    background: url(../../../../images/iosf/ko/content/board/icoc_cross_14x14.png)no-repeat center/28px 28px;
    /* #fafafa; */

}

.rsv_view table tr .attachment {
    padding: 0;
    /* width: 100%; */
    flex-direction: column;
}

.rsv_view table tr .attachment dl {
    display: flex;
    width: 100%;
}

.rsv_view table tr .attachment dl.case1 {
    /* display: flex; */
}



/* case2,3 간격조정테스트 */

/* .rsv_view table tr .attachment dl.case2 div:first-of-type,
.rsv_view table tr .attachment dl.case3 div:first-of-type{
    padding-bottom: 0;
    height: 45px;
} */

/* case2,3 간격조정테스트 */



.rsv_view table tr .attachment dl dt {
    /* display: flex;
    flex-direction: column;
    align-items: flex-start; */
    height: 100%;
    width: calc(100% - 50px);
}

.rsv_view table tr .attachment dl~dl {
    border-top: 1px solid #e6e6e6;
}

.rsv_view table tr .attachment dl dt p {
    width: calc(100% + 50px);
    padding: 8px 15px;
    font: 13px "맑은 고딕";
    background: #fbfbfb;
    color: #735231;
}

.rsv_view table tr .attachment dl dt div {
    display: flex;
    padding: 8px 15px;
    /* height: 48px; */
    align-items: center;
}

.rsv_view table tr .attachment dl dt .text {
    display: inline-block;
    padding: 8px 15px 7px;
    /* min-height: 48px; */
    width: 0;
    min-width: 100%;
}

.rsv_view table tr .attachment dl dt .text2 {
    padding: 0px 15px 8px;
    min-height: 30px;
    width: 0;
    min-width: 100%;
}




/* 올린 사진 확인하기 버튼 */

.rsv_view table tr .attachment .text {
    flex-direction: row;
    padding: 10px 14px;
    border-bottom: 1px solid #e6e6e6;
}

.rsv_view table tr .attachment div.text:nth-last-child(1) {
    border-bottom: 0;
}


/* .rsv_view table tr .attachment .upload{
    margin-bottom: 7px;
} */
/* .rsv_view table tr .attachment div:last-of-type{
    margin-bottom: 0;
} */


.rsv_view table tr .attachment .text span {
    display: inline-flex;
    margin-right: 3px;
    vertical-align: middle;
    width: 22px;
    height: 22px;
}



/* ----------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------- */
/* 첨부파일 사진 이미지 링크 */



.rsv_view table tr .attachment .text .img {
    background: url(../../../../images/iosf/ko/content/event/icon_photo_img_22x22.png)no-repeat center/22px 22px;
}

.rsv_view table tr .attachment .text .doc {
    background: url(../../../../images/iosf/ko/content/event/icon_file_doc_22x22.png)no-repeat center/22px 22px;
}

.rsv_view table tr .attachment .text .etc {
    background: url(../../../../images/iosf/ko/content/event/icon_file_etc_22x22.png)no-repeat center/22px 22px;
}

.rsv_view table tr .attachment .text .hwp {
    background: url(../../../../images/iosf/ko/content/event/icon_file_hwp_22x22.png)no-repeat center/22px 22px;
}

.rsv_view table tr .attachment .text .mp4 {
    background: url(../../../../images/iosf/ko/content/event/icon_file_mp4_22x22.png)no-repeat center/22px 22px;
}

.rsv_view table tr .attachment .text .pdf {
    background: url(../../../../images/iosf/ko/content/event/icon_file_pdf_22x22.png)no-repeat center/22px 22px;
}

.rsv_view table tr .attachment .text .ppt {
    background: url(../../../../images/iosf/ko/content/event/icon_file_ppt_22x22.png)no-repeat center/22px 22px;
}

.rsv_view table tr .attachment .text .xls {
    background: url(../../../../images/iosf/ko/content/event/icon_file_xls_22x22.png)no-repeat center/22px 22px;
}

.rsv_view table tr .attachment .text .zip {
    background: url(../../../../images/iosf/ko/content/event/icon_file_zip_22x22.png)no-repeat center/22px 22px;
}



/* ----------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------- */





.rsv_view table tr .attachment .text button {
    font: 15px "맑은 고딕";
    vertical-align: middle;
    display: inline-flex;
    /* height: 200%; */
    background: #fff;
}

.rsv_view table tr .attachment .text button:hover {
    text-decoration: underline;
    text-underline-position: under;
    /* box-sizing: content-box; */
    /* border-bottom: 1px solid #000; */
}




/* case2,3 간격조정테스트 */

/* .rsv_view table tr .attachment dl dt div + div{
    padding-top: 0;
    height: 45px;
} */

/* case2,3 간격조정테스트 */




.rsv_view table tr .attachment dl dd {
    margin-left: auto;
    min-width: 50px;
}

.rsv_view table tr .attachment a {
    font: 15px/1.5em "맑은 고딕";
    color: #000;
    width: 100%;
    /* margin-right: -100px; */
    /* margin-right: -270px; */
}

.rsv_view table tr .attachment a:hover {
    /* border-bottom: 1px solid #000; */
    text-decoration: underline;
    text-underline-position: under;
}


.rsv_view table tr .attachment b {
    font: 15px "맑은 고딕";
    color: #313131;
    width: 100%;
    /* margin-right: -100px; */
    /* margin-right: -270px; */
}

.rsv_view table tr .attachment .text .delete {
    vertical-align: middle;
    margin-left: 4px;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    margin-bottom: 2px;
    border-radius: 2px;
    background:
        url(../../../../images/iosf/ko/content/event/icon_delete_12x12.png)no-repeat center/12px 12px,
        #be133c;
}

.rsv_view table tr .attachment dl dd span {
    margin-left: auto;
    height: 100%;
}

.rsv_view table tr .attachment dl dd span button {
    display: block;
    height: 100%;
    width: 50px;
    border-left: 1px solid #e6e6e6;
    background: url(../../../../images/iosf/ko/content/board/icon_delete_on_14x18.png)no-repeat center/18px 18px;
    transition: all 0.2s;
}

/* .rsv_view table tr .attachment dl ~ dl dd span button{
    background: url(../../../../images/iosf/ko/content/board/icon_delete_on_14x18.png)no-repeat center/18px 18px;
    transition: all 0.2s;
} */
.rsv_view table tr .attachment dl dd span button:disabled {
    background: url(../../../../images/iosf/ko/content/board/icon_delete_off_14x18.png)no-repeat center/18px 18px;
}

/* 첫번째 버튼은 비활성 */

.rsv_view table tr .attachment dl:first-of-type dd span button {
    cursor: default;
}


/* 파일추가 부분 attach 추가 코드  끝  */
/* 올린 파일 이름 확인, 파일 지우기  끝  */



/* 공동기기 추가 코드 */

.rsv_view .divice_info {
    width: 100%;
}


.rsv_view .divice_info dl {
    display: flex;
    align-items: stretch;
}

.rsv_view .divice_info dl+dl {
    margin-top: 20px;
}

.rsv_view .divice_info .divice_title {
    height: 118px;
    padding: 0;
    align-items: stretch;
    border-top: 2px solid #910023;
    border-bottom: 2px solid #4D4538;
}


/* 예약여부 표시 텍스트 */

.rsv_view .divice_info .divice_title dt {
    display: flex;
    align-items: center;
}

.rsv_view .divice_info .divice_title dt p {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 100px;
    height: 100%;
    font: bold 15px/1em "맑은 고딕";
    color: #ffffff;
    background: #8CD100;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
    text-align: center;
}

.rsv_view .divice_info .divice_title dt p.case1 {
    background: #8CD100;
}

.rsv_view .divice_info .divice_title dt p.case2 {
    background: #D30031;
}

.rsv_view .divice_info .divice_title dt p.case3 {
    color: #e2d7c6;
    background: #645B48;
}


/* ----------------------------------------------------------------------------------------------------- */
/* 테이블의 상태 보기 버튼 */

.rsv_view section table tr td span.case1,
.rsv_view section table tr td span.case2,
.rsv_view section table tr td span.case3,
.rsv_view section table tr td span.case4,
.rsv_view section table tr td span.case2_1,
.rsv_view section table tr td span.case2_2,
.rsv_view section table tr td span.case2_3 {
    display: inline-block;
    min-width: 70px;
    text-align: center;
    padding: 5px 8px;
    font: bold 13px/1.2em "맑은 고딕";
    color: #ffffff;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.4);
    background: #F38900;
    border: 1px solid #EC8100;
    margin-right: 8px;
}

.rsv_view section table tr td span.case2_1,
.rsv_view section table tr td span.case2_2,
.rsv_view section table tr td span.case2_3 {
    min-width: 50px;
}

.rsv_view section table tr td span.case2,
.rsv_view section table tr td span.case2_1 {
    background: #7BBC00;
    border: 1px solid #74B100;
}

.rsv_view section table tr td span.case2_2 {
    background: #0381bd;
    border: 1px solid #0379b1;
}

.rsv_view section table tr td span.case3 {
    background: #CC0038;
    border: 1px solid #B60032;
}

.rsv_view section table tr td span.case4,
.rsv_view section table tr td span.case2_3 {
    background: #C9C9C9;
    border: 1px solid #BDBDBD;
}






.rsv_view .divice_info .divice_title dd {
    display: flex;
    align-items: center;
    width: 100%;
    padding-left: 20px;
    /* height: 118px; */
    background:
        url(../../../../images/iosf/ko/content/view/bg_pattern_1100x118.png) no-repeat right,
        url(../../../../images/iosf/ko/content/view/bg_tiger_294x118.png) no-repeat right,
        #90816A;
}

.rsv_view .divice_info .divice_title dd span {
    min-width: 88px;
    display: inline-block;
    font: bold 13px/1em "맑은 고딕";
    color: #fff;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
    padding: 10px 8px;
    background: #716752;
    border: 1px solid #A6967C;
    text-align: center;
}

.rsv_view .divice_info .divice_title dd div b,
.rsv_view .divice_info .divice_title dd div small {
    display: inline-block;
    margin-top: 15px;
    font: bold 23px/1em "나눔바른고딕";
    color: #fff;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
}

.rsv_view .divice_info .divice_title dd div small {
    font: 17px/1em "나눔바른고딕";
}

.rsv_view .divice_info .divice_data dt {
    position: relative;
    min-width: 260px;
    border: 1px solid #e6e6e6;
    border-top: 1px solid #830020;
    border-bottom: 1px solid #414141;
    overflow: hidden;
}

.rsv_view .divice_info .divice_data dt div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    font: 14px/1em "나눔바른고딕";
    color: #b5b5b5;

}

.rsv_view .divice_info .divice_data dt div::before {
    content: '';
    display: block;
    width: 100%;
    height: 36px;
    background: url(../../../../images/iosf/ko/content/board/img_photobg_58x44.png) no-repeat center 40%;
    background-size: 48px 36px;
    margin-bottom: 10px;
}


/* .rsv_view .divice_info .divice_data dt:after {
    content: 'NO IMAGE';
    position: relative;
    top: 55%;
    display: block;
    text-align: center;
    font: 14px/1em "나눔바른고딕";
    color: #b5b5b5;
} */

.rsv_view .divice_info .divice_data dt img {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 280px;
    height: 209px;
    background: #fff;
}

.rsv_view.intro .divice_info .divice_data dt img {
    height: 201px;
}


.rsv_view .divice_info .divice_data dd {
    width: 100%;
}

.rsv_view .divice_info .divice_data dd table {
    margin: 0;
}

.rsv_view .divice_info .divice_data dd table td button,
.rsv_view section table td button,
.rsv_view section table td button.download {
    font: bold 13px/1em "맑은 고딕";
    color: #fff;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
    padding: 6px 11px 7px;
    background: #535353;
    border: 1px solid #4C4C4C;
    margin-left: 10px;
}


/* 다운로드 버튼 */
.rsv_view section table td button.download {
    margin: 0;
}

.rsv_view section table td button.download+button {
    margin-left: 10px;
}


.rsv_view .divice_info .divice_data dd table td button:before,
.rsv_view section table td button.list:before {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../../../../images/iosf/ko/content/view/icon_list_14x14.png) no-repeat center;
    background-size: 14px 14px;
    margin-bottom: -2px;
    margin-right: 6px;
}

/* 다운로드 마크 */
.rsv_view section table td button.download:before {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../../../../images/iosf/ko/content/view/icon_download_14x14.png) no-repeat center;
    background-size: 14px 14px;
    margin-bottom: -2px;
    margin-right: 6px;
}


.rsv_view section table td br {
    display: block;
    line-height: 10px;
}


/* 팁 메시지 */

.rsv_view section div.tip {
    font: 15px/1em "맑은 고딕";
    color: #313131;
    padding: 12px;
    border: 2px solid #D8CEBD;
}

.rsv_view section div.tip span {
    color: #830020;
}

.rsv_view section div.tip p:before {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../../../../images/iosf/ko/content/view/icon_switchcheck_14x14.png) no-repeat center;
    background-size: 14px 14px;
    margin-bottom: -1px;
    margin-right: 5px;
}


/* 입력창에 체크 표시 옵션 */

.rsv_view section table th {
    position: relative;
}

.rsv_view section table th.check:after {
    content: '';
    display: inline-block;
    position: absolute;
    width: 14px;
    height: 14px;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    background: url(../../../../images/iosf/ko/content/view/icon_switchcheck_14x14.png) no-repeat center;
    background-size: 14px 14px;
    margin-bottom: -1px;
    /* margin-right: 5px; */
}


/* 체크박스 활성 */

.rsv_view table td.checkbox input {
    display: none;
}

.rsv_view table td label {
    position: relative;
    /* display: flex; */
    /* align-items: center; */
    /* width: 100%; */
    /* height: 44px; */
    /* left: 0%; */
    /* top: 0%; */
    /* padding: 13px; */
    /* background: #Fff; */
    /* border: 1px solid #DBDBDB; */
    cursor: pointer;
}

.rsv_view table td input:disabled+label {
    cursor: default;
}

.rsv_view table td label:before {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../../../../images/iosf/ko/content/view/icon_switchcheck_off_14x14.png);
    background-size: 14px 14px;
    margin-bottom: -2px;
    margin-right: -2px;
}

.rsv_view table td input:disabled+label:before {
    background: url(../../../../images/iosf/ko/content/view/icon_switchcheck_disabled_off_14x14.png);
    cursor: default;
}


.rsv_view table td input:checked+label:before {
    background: url(../../../../images/iosf/ko/content/view/icon_switchcheck_on_14x14.png);
    background-size: 14px 14px;
}

.rsv_view table td input:checked:disabled+label:before {
    background: url(../../../../images/iosf/ko/content/view/icon_switchcheck_disabled_on_14x14.png);
    background-size: 14px 14px;
    cursor: default;
}


.rsv_view table td b {
    display: inline-block;
    font: bold 13px/1em "맑은 고딕";
    color: #535353;
    /* text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); */
    padding: 7px 10px;
    height: 28px;
    /* background: #90CA0F; */
    /* border: 1px solid #7EB80D; */
    margin-left: auto;
}

.rsv_view table td input:disabled+label b {
    color: #d1d1d1;
    cursor: default;
}


/* .rsv_view table td b+b {
    display: none;
} */

/* .rsv_view table td input:checked+label {
    z-index: 1;
    background: #90CA0F;
    border: 1px solid #73B000;
}

.rsv_view table td input:checked+label b {
    background: #509802;
    border: 1px solid #498902;
}

.rsv_view table td input:checked+label b+b {
    display: inline-block;
} */

/* .rsv_view table td small {
    z-index: 1;
    font: 15px/1em "맑은 고딕";
    color: #000;
}

.rsv_view table td small+small {
    display: none;
    margin-left: 15px;
} */


/* .rsv_view table td input:checked+label+small {
    pointer-events: none;
    color: #fff;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
} */


/* 날짜 선택하기 버튼 */

.rsv_view section table td.day_check {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.rsv_view section table td.day_check a {
    display: inline-block;
    font: bold 13px/1em "맑은 고딕";
    color: #fff;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.4);
    padding: 7px 10px;
    background: #760023;
    border: 1px solid #6B0020;
}

.rsv_view section table td.day_check a:before {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../../../../images/iosf/ko/content/view/icon_daycheck_14x14.png) no-repeat center;
    background-size: 14px 14px;
    margin-bottom: -2px;
    margin-right: 6px;
}

.rsv_view section table td.price {
    font: bold 15px/1em "맑은 고딕";
    color: #000000;
}


/* 테이블 안 버튼 설정 */
/* 버튼 컬러 지정 */

.rsv_view table.table_write1 tr td {
    align-self: top;
}

.rsv_view table.table_write1 tr td button.black {
    display: inline-block;
    font: bold 13px/1em "맑은 고딕";
    min-height: 28px;
    color: #fff;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
    padding: 4px 9px;
    background: #535353;
    margin-left: 3px;
    vertical-align: middle;
}

/* 입력창 가로사이즈 100% 만들기 */

.rsv_view table.table_write1 tr td .full_width {
    width: 100%;
}




/* --------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -----   -------------   ----                 ----            ----------   --------------------------------------------------------------------------------------------------------------------- */
/* -----    -----------    ----   ------------------   -------     -------   --------------------------------------------------------------------------------------------------------- */
/* -----     ---------     ----   ------------------   ----------   ------   ----------------------------------------------------------------------------------------------------- */
/* -----      -------      ----   ------------------   ------------   ----   ------------------------------------------------------------------------------------------------------ */
/* -----   -   -----   -   ----                 ----   ------------   ----   --------------------------------------------------------------------------------------------------------------------- */
/* -----   --   ---   --   ----   ------------------   ------------   ----   ------------------------------------------------------------------------------------------------------ */
/* -----   ---   -   ---   ----   ------------------   ----------   ------   ------------------------------------------------------------------------------------------------------- */
/* -----   ----     ----   ----   ------------------   --------     ------   --------------------------------------------------------------------------------------------------------- */
/* -----   -----   -----   ----                 ----            ----------   ------------------------------------------------------------------------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------------------------------- */




@media screen and (min-width: 1140px) {}


@media screen and (min-width: 960px) {

    .rsv_view table tr:first-of-type th {
        width: 15%;
    }

    .rsv_view table tr:first-of-type td {
        width: 35%;
    }

    .rsv_view table tr:first-of-type td:only-of-type {
        width: 85%;
    }

    .rsv_view .print tr:first-of-type td:only-of-type,
    .rsv_view .terms tr:first-of-type td:only-of-type {
        width: auto;
    }



    /* table_multi 멀티 테이블 전용 코드 */
    .rsv_view table tr .table_multi th {
        min-width: 150px;
    }

    .rsv_view table tr .table_multi td:nth-child(n) {
        width: 70%;
    }


    /* 멀티 테이블 전용 코드 */



    .rsv_view table.terms tr td {
        width: 100%;
    }

    .rsv_view table tr.depth2 th {
        width: 150px;
    }

    .rsv_view table tr.depth2 td {
        width: 35%;
    }


    .rsv_view table tr th:last-child,
    .rsv_view table tr td:last-child {
        border-right: 1px solid #e6e6e6;
    }

    .rsv_view table tr.depth2 table tr:last-of-type>th,
    .rsv_view table tr.depth2 table tr:last-of-type>td {
        border-bottom: 1px solid #414141;
    }

    .rsv_view table table tr:last-of-type th,
    .rsv_view table table tr:last-of-type td {
        border-bottom: 1px solid #000;
    }

    .rsv_view table.terms tr:first-of-type td {
        border-left: 1px solid #535353;
        border-right: 1px solid #535353;
    }

    .rsv_view table tr .attachment a {
        display: inline-block;
        vertical-align: middle;
        width: auto;
        max-width: calc(100% - 60px);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

}

@media screen and (max-width: 960px) {

    .rsv_view table {
        display: flex;
        flex-direction: column;
        width: 100%;
    }


    .rsv_view table.column tr.depth2 {
        display: flex;
        flex-direction: column;
    }

    .rsv_view table.column tr.depth2 th {
        width: 100%;
        border-right: 1px solid #e6e6e6;
    }


    .rsv_view table tr {
        /* width: calc(100vw - 20px); */
        display: flex;
        flex-wrap: wrap;
    }

    .rsv_view table tr th {
        display: flex;
        align-items: center;
        flex: 1 0 20%;
        /* flex-shrink: 0; */
        /* flex-basis: 20%; */
    }

    .rsv_view table tr td {
        display: block;
        /* display: flex; */
        flex: 1 0 70%;
        /* flex-shrink: 0; */
        /* flex-basis: 80%; */
    }

    .rsv_view table.terms tr td {
        /* display:table; */
        padding: 15px;
    }

    .rsv_view table table tr th {
        /* flex: 0 0 26%; */
    }

    .rsv_view table table tr td {
        flex: 1 0 70%;
        /* flex: 1 0 50%; */
    }

    /* 박스 맨 위,아래 라인 컬러 지정을 위한 라인 없애기 처리  */
    /* ----------------------------------------------------------------------------------------------- */
    /* ----------------------------------------------------------------------------------------------- */
    /* ----------------------------------------------------------------------------------------------- */
    /* ----------------------------------------------------------------------------------------------- */
    /* ----------------------------------------------------------------------------------------------- */


    .rsv_view table tr:first-of-type th,
    .rsv_view table tr:first-of-type td {
        border-top: 0px solid #e6e6e6;
    }

    /* .rsv_view table tr:first-of-type th:nth-of-type(2),
    .rsv_view table tr:first-of-type td:nth-of-type(2){
        border-top: 0px solid #e6e6e6;
    } */

    /* 문단 맨 위,아래 라인 컬러 추가*/

    .rsv_view table tr:last-of-type {
        border-bottom: 1px solid #414141;
    }

    .rsv_view table tr:last-of-type td:last-of-type,
    .rsv_view table table tr:last-of-type td:last-of-type {
        border-bottom: 0;
    }

    .rsv_view table tr .table_multi tr:not(:first-of-type) td {
        border-bottom: 1px solid #e6e6e6;
    }

    .rsv_view table tr .table_multi tr:last-of-type td {
        border-bottom: 0;
    }


    .rsv_view table tr:first-of-type {
        border-top: 1px solid #830020;
    }

    .rsv_view table.print tr:first-of-type {
        border-top: 0px;
        border-bottom: 0px;
        border-right: 0px;
    }

    .rsv_view table tr:first-of-type th:first-of-type {
        border-top: 0;
    }

    .rsv_view table table tr:first-of-type th:first-of-type {
        border-right: 1px solid #e6e6e6;

    }

    .rsv_view table tr:last-of-type>th:last-of-type {
        border-bottom: 0px solid #414141;
    }

    /* ----------------------------------------------------------------------------------------------- */
    /* ----------------------------------------------------------------------------------------------- */
    /* ----------------------------------------------------------------------------------------------- */
    /* ----------------------------------------------------------------------------------------------- */
    /* ----------------------------------------------------------------------------------------------- */


    .rsv_view table tr:last-of-type th,
    .rsv_view table tr:last-of-type td {
        border-bottom: 1px solid #e6e6e6;
    }

    .rsv_view table table tr:last-of-type td:first-of-type,
    .rsv_view table table tr:last-of-type th:first-of-type {
        /* border-bottom: 1px solid #e6e6e6; */
    }

    /* .rsv_view table tr td:last-of-type, */
    .rsv_view table table tr {
        border-right: 0px solid #000;
    }

    .rsv_view table table td {
        /* .rsv_view table table th{ */
        border-right: 1px solid #e6e6e6;
    }



    .rsv_view table tr.depth2 {
        display: table;
    }

    .rsv_view table tr.depth2>th {
        display: table-cell;
        width: 25%;
    }

    .rsv_view table table tr {
        display: flex;
    }


    /* 가족정보 */

    .rsv_view .table_write4 tr {
        display: table;
    }

    .rsv_view .table_write4 tr th,
    .rsv_view .table_write4 tr td {
        display: table-cell;
    }

    .rsv_view .table_write4 tr td {
        width: 14%;
    }

    .rsv_view .table_write4 tr:first-of-type {
        /* border-top: 0px; */
    }

    .rsv_view .table_write4 tr:last-of-type {
        /* border-bottom: 0px; */
    }

    .rsv_view .table_write4 tr:last-of-type th,
    .rsv_view .table_write4 tr:last-of-type td {
        border-bottom: 0;
    }

    .rsv_view .table_write4 tbody {
        border-top: 1px solid #830020;
        border-bottom: 1px solid #414141;
    }

    /* .rsv_view table tr td input.calendar */




    /* 영수증 발급 부분 */

    .rsv_view .pay_history tr {
        display: table-row;
        width: 100%;
        /* flex-wrap: nowrap; */
    }

    .rsv_view .pay_history tr th {
        display: table-cell;
        /* width: 100%; */
        /* max-width: 100%; */
        align-items: center;
        /* flex: 1 0 10%; */
    }

    .rsv_view .pay_history tr td {
        display: table-cell;
        /* flex: 1 0 10%; */
    }

    .rsv_view .pay_history tr:first-of-type th {
        border-top: 2px solid #830020;
    }

    .rsv_view .pay_history tr:last-of-type td,
    .rsv_view .pay_history tr:last-of-type td:last-of-type {
        border-bottom: 1px solid #414141;
    }
}




/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */



@media screen and (max-width: 768px) {



    .rsv_view article .title a {
        font: bold 21px "맑은 고딕";
    }



    .rsv_view table caption,
    .rsv_view div caption {
        /* display: flex; */
        /* align-items: center; */
        font: bold 19px "맑은 고딕";
        /* color: #000; */
        /* margin-bottom: 20px; */
        /* text-align: left; */
    }

    .rsv_view table caption::before,
    .rsv_view div caption::before {
        width: 2px;
        height: 18px;
    }

    .rsv_view table tr th {
        color: #735231;
        background: #f6f6f6;
        /* width: 130px; */
    }


    /* 영수증 발급 부분 */

    .rsv_view .pay_history tr:first-of-type {
        display: none;
    }

    .rsv_view .pay_history tr {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        padding: 20px;
        border: 1px solid #dbdbdb;
        border-top: 2px solid #830020;
        border-bottom: 1px solid #c8c8c8;
    }

    .rsv_view .pay_history tr+tr~tr {
        margin-top: 20px;
    }

    .rsv_view .pay_history tr th {
        display: table-cell;
        /* width: 100%; */
        /* max-width: 100%; */
        align-items: center;
        /* flex: 1 0 10%; */
    }

    .rsv_view .pay_history tr:first-of-type th {
        border-top: 2px solid #830020;
    }

    .rsv_view .pay_history tr td {
        display: flex;
        align-items: center;
        flex: 1 0 100%;
        padding: 0;
        border: 0 solid #000;
    }

    .rsv_view .pay_history tr:last-of-type td,
    .rsv_view .pay_history tr:last-of-type td:last-of-type {
        border-bottom: 0px solid #414141;
    }

    .rsv_view .pay_history tr .sub span {
        display: inline-flex;
        font: bold 13px/1.3em "맑은 고딕";
        min-width: 64px;
        background: #b2a28a;
        padding: 4px 15px 6px;
        color: #fff;
        text-shadow: 1px 1px 0px #77674f;
        border: 1px solid #a69881;
    }

    .rsv_view .pay_history tr .sub,
    .rsv_view .pay_history tr .pay {
        display: inline-flex;
        flex: none;
        padding: 0 10px 0 0;
        /* flex: 1 0 10%; */
    }

    .rsv_view .pay_history tr .price {
        font: bold 21px/1.3em "맑은 고딕";
        padding-left: 0;
        margin-top: 23px;
        margin-bottom: 26px;
    }

    .rsv_view .pay_history tr b,
    .rsv_view .pay_history tr p,
    .rsv_view .pay_history tr p:first-of-type {
        display: inline-block;
        text-align: left;
    }

    .rsv_view .pay_history tr p:first-of-type {
        width: 0;
        min-width: 150px;
        padding: 10px 15px;
        /* height: 100%; */
        color: #98724b;
        background: #fbf9f6;
        border-right: 1px solid #e6e6e6;
    }

    .rsv_view .pay_history tr p {
        padding: 10px 15px;
    }

    .rsv_view .pay_history tr .price~td {
        border: 1px solid #e6e6e6;
        border-top: 0;
        text-align: left;
    }

    .rsv_view .pay_history tr .price+td {
        border-top: 1px solid #8e856d;
    }

    .rsv_view .pay_history tr td:nth-last-of-type(2) {
        border-bottom: 1px solid #414141;
    }

    .rsv_view .pay_history tr td:last-of-type {
        border: 0;
        flex-direction: column;
    }

    .rsv_view .pay_history tr .issue::before {
        content: "";
        display: inline-block;
        margin-top: 20px;
        margin-bottom: 20px;
        width: 100%;
        height: 1px;
        background: #ebebeb;
    }

    .rsv_view .pay_history tr .issue button {
        font: bold 19px/1.3em "맑은 고딕";
        min-width: 190px;
        min-height: 48px;
        justify-content: center;
        align-items: center;
        margin: auto;
        border-radius: 40px;
    }

    .rsv_view .pay_history tr .issue button:after {
        width: 22px;
        height: 22px;
        margin-left: 11px;
        background: url(../../../../images/iosf/ko/content/event/icon_receipt_14x14.png)no-repeat center/22px 22px;
    }



    /* 기기 이미지 세로배치 */

    .rsv_view .divice_info .divice_title {
        height: auto;
    }

    .rsv_view .divice_info .divice_title dt p {
        font-size: 13px;
        padding: 10px 20px;
        width: 100%;
        justify-content: flex-start;
    }

    .rsv_view .divice_info .divice_title dd {
        height: 100%;
        padding: 10px 20px 14px;
    }

    .rsv_view .divice_info .divice_title dd div b {
        font-size: 19px;
    }

    .rsv_view .divice_info .divice_title dd div b,
    .rsv_view .divice_info .divice_title dd div small {
        margin-top: 12px;
    }


    .rsv_view .divice_info>dl {
        flex-direction: column;
    }

    .rsv_view .divice_info .divice_data dt {
        border: 1px solid #e6e6e6;
        margin-bottom: 20px;
        background: #fff;
    }

    .rsv_view .divice_info .divice_data dt img {
        top: 0;
        transform: translate(-50%, 0);
        padding: 10px 0;

    }

    .rsv_view table tr.depth2 td .table_multi {
        flex-direction: column;
    }

    .rsv_view table tr.depth2 td .table_multi table tr {
        border-top: 0;
        border-bottom: 0;
    }

    .rsv_view table tr.depth2 td .table_multi table tr th {
        border-top: 1px solid #e6e6e6;
        border-bottom: 0;
    }

    .rsv_view table tr.depth2 td .table_multi table:last-of-type tr:last-of-type td {
        border-bottom: 1px solid #e6e6e6;
    }

    .rsv_view table tr.depth2 td .table_multi table~table {
        margin-left: 0;
    }

    .rsv_view table tr .table_multi tr:not(:first-of-type) td {
        display: flex;
        border-top: 1px solid #e6e6e6;
        border-bottom: 0px solid #e6e6e6;
    }

    .rsv_view table.column tr .table_multi tr:not(:first-of-type) td {
        border-top: 0px solid #e6e6e6;
    }

    .rsv_view table tr .table_multi table:last-of-type tr:not(:first-of-type) td {
        border-bottom: 0px solid #e6e6e6;
    }

    .rsv_view table tr .table_multi table:last-of-type tr:last-of-type th {
        border-bottom: 1px solid #e6e6e6;
    }



    .rsv_view table.column .table_multi tr:not(:first-of-type) td {
        border-top: 0px solid #e6e6e6;
        border-bottom: 0px solid #e6e6e6;
        text-align: left;
        display: flex;
    }

}


/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */



@media screen and (min-width: 640px) {
    .rsv_view .print tbody tr:first-of-type th:first-of-type {
        border-right: 0;
    }

    .rsv_view .print tbody tr:first-of-type td:first-of-type {
        border-left: 0;
    }




}



/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */



@media screen and (min-width: 640px) and (max-width:960px) {

    .rsv_view .table_write4 tr:last-of-type th,
    .rsv_view .table_write4 tr:last-of-type td,
    .rsv_view table tr:last-of-type th:last-of-type,
    .rsv_view table tr:last-of-type td:last-of-type {
        /* border-bottom: 0px; */
    }

    /* .rsv_view .table_write5 table tr, */
    .rsv_view table.table_write5 tr.depth2 table tr td {
        border-bottom: 1px solid #e6e6e6;
    }

    .rsv_view table.table_write5 tr.depth2 table tr:last-of-type td:last-of-type {
        border-bottom: 0;
    }

    .rsv_view table table tr:last-of-type {
        /* border-bottom: 0px solid #000; */
    }

    .rsv_view table .attach th button {
        /* transform: translateY(0%); */
    }


}



/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */



@media screen and (max-width: 640px) {


    /* .rsv_view article:first-of-type {
        background:
            url(../../../../images/iosf/ko/content/event/bg_texture_1100x247.png),
            url(../../../../images/iosf/ko/content/event/image_tiger_340x340.png)no-repeat right top/340px 340px,
            #8f816a;
    } */


    .rsv_view article.tab dl {
        flex-wrap: wrap;
    }

    .rsv_view article.tab dl dt {
        flex: 0 1 50%;
    }

    .rsv_view article.tab dl dt:nth-child(3n) {
        margin-left: 0;
    }

    .rsv_view article.tab dl dt:nth-child(n+3) a {
        border-top: 0;
    }


    .rsv_view .paging dd {
        display: none;
    }

    .rsv_view .paging .mobile {
        display: flex;
    }

    .rsv_view table tr {
        /* width: calc(100vw - 20px); */
        display: flex;
        flex-wrap: wrap;
    }

    .rsv_view table tr th,
    .rsv_view table table tr th {
        display: flex;
        align-items: center;
        flex: 1 0 60%;
        min-height: 44px;
        border-bottom: 0;
    }

    .rsv_view table tr td,
    .rsv_view table table tr td {
        display: block;
        /* display: flex; */
        flex: 1 0 60%;
        min-height: 44px;
        border-top: 0;
    }

    .rsv_view table tr td.attachment,
    .rsv_view table table tr .attachment {
        flex: 0 0 100%;
    }



    .rsv_view table tr.depth2:last-of-type td,
    .rsv_view table tr.depth2:last-of-type th {
        border-bottom: 0;
    }

    .rsv_view table tr:last-of-type th {
        border-bottom: 0;
    }

    .rsv_view table table tr:last-of-type th:first-of-type {
        border-bottom: 0;
    }

    .rsv_view table tr.depth2:last-of-type td {
        border-bottom: 1px solid #e6e6e6
    }



    .rsv_view table tr.depth2 {
        display: flex;
    }

    .rsv_view table tr.depth2>th {
        display: flex;
        width: 20%;
    }

    .rsv_view table table tr {
        display: flex;
    }

    .rsv_view table table tr th {
        border-right: 1px solid #e6e6e6;
    }

    .rsv_view table table tr td {
        border-left: 1px solid #e6e6e6;
    }

    /* .rsv_view table table tr:last-of-type th:last-of-type{
        border-bottom: 1px solid #e6e6e6;
    } */
    /* .rsv_view table tr:last-of-type th,
    .rsv_view table table tr:last-of-type th:first-of-type{
        border-bottom: 0;
    } */



    .rsv_view table tr .table_multi tr:not(:first-of-type) td {
        border-top: 0;
    }

    .rsv_view table tr .table_multi tr:not(:first-of-type) td {
        border-top: 0;
    }

    .rsv_view table tr .table_multi table:last-of-type tr:last-of-type th {
        border-bottom: 0;
    }



    /* 문단 맨 위,아래 라인 컬러 */
    /* --------------------------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------------------------- */


    .rsv_view table tr.depth2:last-of-type>th {
        border-bottom: 0;
    }

    .rsv_view table tr:last-of-type {
        border-bottom: 1px solid #414141;
    }

    /* .rsv_view table tr:last-of-type td:last-of-type, */
    .rsv_view table table tr:last-of-type td:last-of-type {
        border-bottom: 0;
    }

    .rsv_view table tr:first-of-type {
        border-top: 1px solid #830020;
    }


    .rsv_view .table_write4 tr:first-of-type th {
        border-top: 0;
    }

    .rsv_view .table_write4 tr:first-of-type td {
        border-top: 0;
        border-bottom: 1px solid #e6e6e6;
    }

    .rsv_view .table_write4 tr:last-of-type th {
        border-top: 0;
    }

    .rsv_view .table_write4 tr:last-of-type td {
        border-top: 0;
        border-bottom: 0;
    }

    /* --------------------------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------------------------- */






    /* 가족정보 부분 라인 정리 */

    .rsv_view .table_write4 tr {
        display: flex;
        flex-direction: column;
        -ms-flex-direction: column;
        width: 100%;
        height: 0;
        min-height: 88px;
    }


    .rsv_view .table_write4 tr th,
    .rsv_view .table_write4 tr td {
        display: flex;
        align-items: center;
        width: 0;
        min-width: 30%;
        min-height: 44px;
        flex: 1 1 10%;
        border: 0px solid #000;
        border-left: 1px solid #e6e6e6;
        border-bottom: 0px solid #e6e6e6;
    }


    .rsv_view .table_write4 tr th:last-of-type,
    .rsv_view .table_write4 tr td:last-of-type {
        border-right: 0px solid #e6e6e6;
    }

    .rsv_view .table_write4 tr:first-of-type th:nth-of-type(2) {
        min-height: 44px;
    }

    .rsv_view .table_write4 tr td {
        min-height: 43px;
    }

    .rsv_view .table_write4 tr:nth-of-type(2) th:nth-of-type(2) {
        border-top: 0px solid #000;
    }

    .rsv_view table.table_write4 tr th:nth-of-type(3),
    .rsv_view table.table_write4 tr td:nth-of-type(3) {
        min-width: 40%;
    }



    /* 프린트 패널 라인 정리 */
    .rsv_view .print tbody tr,
    .rsv_view .print tbody tr:last-of-type th:last-of-type,
    .rsv_view .print tbody tr:last-of-type td:last-of-type {
        border-top: 0px solid #313131;
        border-bottom: 0px solid #313131;
    }

    .rsv_view .print tbody tr:first-of-type th:first-of-type {
        border-top: 2px solid #000;
    }

    .rsv_view .print tbody tr:last-of-type td:last-of-type {
        border-bottom: 2px solid #000;
    }




    /* 화면 줄었을 때 파일선택 창 가로 사이즈 줄이기 */

    /* .rsv_view table tr td small + .delete + input{
        width: auto;
    } */

    .rsv_view table tr .attachment dl {
        position: relative;
    }

    .rsv_view table tr .attachment dl dd span button {
        border-left: 0px solid #000;
    }

    .rsv_view table tr .attachment dl~dl {
        border-top: 0px solid #000;
    }

    .rsv_view table tr .attachment dl:after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        display: inline-block;
        width: calc(100% - 30px);
        height: 0.5px;
        background: #e6e6e6;
    }

    .rsv_view table tr .attachment dl:last-of-type:after {
        height: 0;
    }

    .rsv_view table tr .attachment dl.tip::after {
        width: 100%;
    }


    .rsv_view table tr .attachment dl dd span button {
        height: 48px;
    }

    .rsv_view table tr .attachment .case2 dd {
        position: relative;
    }

    .rsv_view table tr .attachment .case2 dd span {
        display: flex;
        align-items: flex-end;
    }

    .rsv_view table tr .attachment .case2 dd span button {
        height: 48px;
        margin-bottom: 2px;
    }

    .rsv_view table tr .attachment input {
        width: 100%;
    }

    .rsv_view table tr .attachment .case2 input {
        min-width: calc(100% - 50px);
    }

    .rsv_view .print tr td select {
        width: calc(100% - 130px);
    }

    .rsv_view .print tr td button {
        width: auto;
    }


    /* 영수증 발급 부분 */

    .rsv_view .pay_history tr td {
        min-height: auto;
    }

    .rsv_view .pay_history tr .price~td {
        flex-direction: column;
    }

    .rsv_view .pay_history tr td p:first-of-type,
    .rsv_view .pay_history tr td p {
        border: 0 solid #000;
        width: 100%;
    }

}




/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */



@media screen and (max-width: 480px) {

    /* .rsv_view article,
    .rsv_view article:first-of-type {
        background:
            url(../../../../images/iosf/ko/content/event/bg_texture_1100x247.png),
            url(../../../../images/iosf/ko/content/event/image_tiger_340x340.png)no-repeat right top/233px 233px,
            #8f816a;
    } */

    .rsv_view .divice_info .divice_title dd {
        background:
            url(../../../../images/iosf/ko/content/view/bg_pattern_1100x118.png) no-repeat right/ 100% 100%,
            url(../../../../images/iosf/ko/content/view/bg_tiger_294x118.png) no-repeat right/100% 100%,
            #90816A;
    }

    .rsv_view article.tab dl dt a {
        font-size: 15px;
    }

    .rsv_view article .applydate {
        flex-direction: column;
    }

    .rsv_view .table_write4 tr {
        margin-right: -200px;
    }

    .rsv_view .table_write4 tr th:nth-of-type(1),
    .rsv_view .table_write4 tr td:nth-of-type(1),
    .rsv_view .table_write4 tr th:nth-of-type(2),
    .rsv_view .table_write4 tr td:nth-of-type(2) {
        min-width: calc(100% / 4);
    }

    .rsv_view .table_write4 tr th:nth-of-type(3),
    .rsv_view .table_write4 tr td:nth-of-type(3) {
        min-width: calc(100% / 2);
    }

    .rsv_view table tr td.adress input:first-of-type,
    .rsv_view table tr td.mogyo input:first-of-type {
        width: calc(90% - 61px);
    }

    /* .rsv_view table.table_write7 tr td input{
        width: calc(90% - 78px);
    } */

    .rsv_view table.table_write4 tr th:nth-of-type(3),
    .rsv_view table.table_write4 tr td:nth-of-type(3) {
        min-width: 50%;
    }


    /* 480사이즈 리스트 버튼 세로배치 */

    .rsv_view section table td.day_check {
        flex-direction: column;
        align-items: flex-start;
    }

    .rsv_view section table td.day_check a {
        margin-top: 10px;

    }


    /* 하단 버튼 50%사이즈로 2단배치 */


    .rsv_view section .btn {
        flex-wrap: wrap;
        padding: 0 20px !important;
        justify-content: center;
        margin-top: 40px;
    }

    .rsv_view section .btn button {
        flex: 0 0 50%;
        max-width: calc(50% - 10px);
    }


    /* 버튼 center정렬 모바일 사이즈에서 해제 */

    .rsv_view section .btn button.center,
    .rsv_view section .btn button.only_right {
        margin: initial;
        position: relative;
    }


    .rsv_view section .btn button:nth-child(n+3) {
        margin-top: 10px;
    }

    .rsv_view section .btn button:nth-child(2n+1) {
        margin-left: 0;
    }

    .rsv_view section .btn button.right {
        margin-left: auto;
    }
}


/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */



@media screen and (max-width: 280px) {

    .rsv_view article {
        min-width: 280px;
    }

    .rsv_view table {
        min-width: 280px;
    }


}





/* 추가 */

/* 페이징 버튼 */
section .paging {
    margin: 20px 40px auto;
}


section .paging dl,
section .paging dt,
section .paging dd {
    display: flex;
    align-items: center;
}

section .paging dt {
    margin: 0 10px;
}

section .paging dt button,
section .paging dd button {
    font: 15px "맑은 고딕";
    color: #313131;
    width: 38px;
    height: 38px;
    border: 1px solid #e3e3e3;
    border-left: 0;
    background: #fff;
    transition: all 0.2s;
}

section .paging dt button:first-of-type,
section .paging dd button:first-of-type {
    border-left: 1px solid #e3e3e3;
}

section .paging dd button.on {
    background: #64001a;
    color: #fff;
    border: 1px solid #64001a;
    transition: all 0.1s;
}

section .paging dl {
    justify-content: center;
    width: 100%;
}

section .paging dt:first-of-type button {
    background:
        url(../../../../images/iosf/ko/content/event/icon_paging_prev_7x12.png)no-repeat center;
    background-size: 7px 12px;
}

section .paging dt:first-of-type button:first-of-type {
    background:
        url(../../../../images/iosf/ko/content/event/icon_paging_first_10x12.png)no-repeat center;
    background-size: 10px 12px;
}

section .paging dt:last-of-type button {
    background:
        url(../../../../images/iosf/ko/content/event/icon_paging_next_7x12.png)no-repeat center;
    background-size: 7px 12px;
}

section .paging dt:last-of-type button:last-of-type {
    background:
        url(../../../../images/iosf/ko/content/event/icon_paging_last_10x12.png)no-repeat center;
    background-size: 10px 12px;
}

/* 페이징 버튼 end*/

/* 페이징 버튼 모바일 비활성 */
section .paging .mobile {
    display: none;
    margin: 0 13px;
}

section .paging .mobile p {
    font: bold 17px "맑은 고딕";
    color: #991233;
}

section .paging .mobile p:last-of-type {
    font-weight: normal;
    color: #313131;
}

section .paging .mobile small {
    font-size: 18px;
    margin: 0 2px;
    color: #a0a0a0;
}


/* 영상 페이지 추가 */

table tr th.movie {
    position: relative;
    padding-top: 56.25%;
}

table tr th.movie iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 20px;
}