@charset "UTF-8";
/*!
 _ _  _
| | || | tour-desktop
| | || | INTERPARK UI Development Team
`___'|_| v3.2.7

*/
@font-face {
    font-family: "Noto Sans KR";
    font-style: normal;
    font-weight: 300;
    src: url("//openimage.interpark.com/.fonts/NotoSansKR/2350.abv2/hinted/NotoSansKR-Light.eot");
    src: local(※), url("//openimage.interpark.com/.fonts/NotoSansKR/2350.abv2/hinted/NotoSansKR-Light.woff2") format("woff2"), url("//openimage.interpark.com/.fonts/NotoSansKR/2350.abv2/hinted/NotoSansKR-Light.woff") format("woff"), url("//openimage.interpark.com/.fonts/NotoSansKR/2350.abv2/hinted/NotoSansKR-Light.otf") format("opentype");
}

@font-face {
    font-family: "Noto Sans KR";
    font-style: normal;
    font-weight: 400;
    src: url("//openimage.interpark.com/.fonts/NotoSansKR/2350.abv2/hinted/NotoSansKR-Regular.eot");
    src: local(※), url("//openimage.interpark.com/.fonts/NotoSansKR/2350.abv2/hinted/NotoSansKR-Regular.woff2") format("woff2"), url("//openimage.interpark.com/.fonts/NotoSansKR/2350.abv2/hinted/NotoSansKR-Regular.woff") format("woff"), url("//openimage.interpark.com/.fonts/NotoSansKR/2350.abv2/hinted/NotoSansKR-Regular.otf") format("opentype");
}

@font-face {
    font-family: "Noto Sans KR";
    font-style: normal;
    font-weight: 500;
    src: url("//openimage.interpark.com/.fonts/NotoSansKR/2350.abv2/hinted/NotoSansKR-Medium.eot");
    src: local(※), url("//openimage.interpark.com/.fonts/NotoSansKR/2350.abv2/hinted/NotoSansKR-Medium.woff2") format("woff2"), url("//openimage.interpark.com/.fonts/NotoSansKR/2350.abv2/hinted/NotoSansKR-Medium.woff") format("woff"), url("//openimage.interpark.com/.fonts/NotoSansKR/2350.abv2/hinted/NotoSansKR-Medium.otf") format("opentype");
}

@font-face {
    font-family: "Noto Sans KR";
    font-style: normal;
    font-weight: 700;
    src: url("//openimage.interpark.com/.fonts/NotoSansKR/2350.abv2/hinted/NotoSansKR-Bold.eot");
    src: local(※), url("//openimage.interpark.com/.fonts/NotoSansKR/2350.abv2/hinted/NotoSansKR-Bold.woff2") format("woff2"), url("//openimage.interpark.com/.fonts/NotoSansKR/2350.abv2/hinted/NotoSansKR-Bold.woff") format("woff"), url("//openimage.interpark.com/.fonts/NotoSansKR/2350.abv2/hinted/NotoSansKR-Bold.otf") format("opentype");
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .tableWrap table.baseTable td .selectBox, .reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo .selectBox {
    z-index: 3;
    position: relative;
    height: 100%;
    padding: 0 40px 0 8px;
    font-size: 16px;
    color: #343434;
    cursor: pointer;
    border: 1px solid #b6bdc7;
    white-space: nowrap;
    background: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-family: "Noto Sans KR", "Malgun Gothic", "돋움", Dotum, "돋움", Dotum, Arial, Helvetica, sans-serif;
    font-weight: 400;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .tableWrap table.baseTable td .selectBox:before, .reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo .selectBox:before {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: "";
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .tableWrap table.baseTable td .selectBox:after, .reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo .selectBox:after {
    position: absolute;
    right: 15px;
    top: 0;
    width: 13px;
    height: 100%;
    background: url("//openimage.interpark.com/tour-desktop/pages/detail/housing/downarrow.png") no-repeat center;
    content: "";
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .tableWrap table.baseTable td .selectBox:active, .reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo .selectBox:active {
    background: color-shades(#fff);
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .tableWrap table.baseTable td .selectBox span, .reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo .selectBox span {
    display: inline-block;
    vertical-align: middle;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .tableWrap table.baseTable td .open.selectBox, .reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo .open.selectBox {
    z-index: 4;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .tableWrap table.baseTable td .open.selectBox:active, .reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo .open.selectBox:active {
    background: none;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .tableWrap table.baseTable td .open.selectBox ul, .reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo .open.selectBox ul {
    display: block;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .tableWrap table.baseTable td .selectBox ul, .reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo .selectBox ul {
    z-index: 3;
    overflow: auto;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    display: none;
    max-height: 257px;
    margin: -1px;
    border: 1px solid #333;
    background: #fff;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .tableWrap table.baseTable td .selectBox ul li, .reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo .selectBox ul li {
    padding: 7px 10px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    color: #555;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .tableWrap table.baseTable td .selectBox ul li:hover, .reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo .selectBox ul li:hover {
    background: #f1f1f1;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .tableWrap table.baseTable td .selectBox ul li + li, .reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo .selectBox ul li + li {
    border-top: 1px solid #dfe5ed;
}

html,
body {
    background-color: #fff;
    font-family: "Noto Sans KR", "Malgun Gothic", "돋움", Dotum, "돋움", Dotum, Arial, Helvetica, sans-serif;
    font-weight: 400;
}

select,
textarea,
input,
button {
    font-family: "Noto Sans KR", "Malgun Gothic", "돋움", Dotum, "돋움", Dotum, Arial, Helvetica, sans-serif;
    font-weight: 400;
}

button {
    outline: none;
    cursor: pointer;
}

strong {
    font-weight: 500;
}

.pointer {
    color: #ef3f43;
}

.pointerGold {
    color: #de9927;
}

.pointerGray {
    color: #999;
}

.tag {
    display: inline-block;
    padding: 2px 4px 3px;
    border-radius: 2px;
    border: 1px solid #de9927;
    background-color: #fff;
    font-size: 12px;
    color: #de9927;
    line-height: 1;
    white-space: nowrap;
}

.info {
    padding-left: 37px;
    background: url("//openimage.interpark.com/tour-desktop/pages/reservePayment/housing/icons_info.png") no-repeat 0 3px;
    font-size: 13px;
    font-weight: 500;
    color: #333;
}

.btnStyle {
    display: inline-block;
    min-width: 57px;
    height: 22px;
    padding: 0 5px;
    border-radius: 2px;
    border: 1px solid #333;
    background-color: #fff;
    vertical-align: top;
    font-size: 12px;
    color: #333;
}

.btnStyle + button {
    margin-left: 5px;
}

.btnStyle.black {
    background-color: #333;
    color: #fff;
}

.select {
    display: block;
    font-size: 0;
}

.select input[type="radio"] {
    width: 12px;
    height: 12px;
    margin: 0;
    vertical-align: -1px;
}

.select span {
    padding-left: 7px;
    font-size: 14px;
    font-weight: bold;
    color: #333;
}

.textInput {
    display: block;
    vertical-align: top;
}

.textInput input[type="text"] {
    height: 22px;
    padding: 4px 6px;
    border: 1px solid #b6bdc7;
    font-size: 14px;
    color: #333;
    text-align: left;
}

.customSelect {
    position: relative;
}

.customSelect.numType {
    width: 90px;
}

.reserveContainer {
    min-height: 675px;
}

.reserveContainer .contentsWrapper {
    width: 980px;
    margin: 40px auto 0;
    padding-bottom: 60px;
}

.reserveContainer .contentsWrapper .pageTitleWrap {
    position: relative;
    padding-bottom: 9px;
    border-bottom: 2px solid #444;
}

.reserveContainer .contentsWrapper .pageTitleWrap h1 {
    font-size: 24px;
    font-weight: 500;
    color: #222;
}

.reserveContainer .contentsWrapper .pageTitleWrap .stageWrap {
    position: absolute;
    top: 5px;
    right: 0;
}

.reserveContainer .contentsWrapper .pageTitleWrap .stageWrap ul {
    font-size: 0;
    counter-reset: list-counter;
}

.reserveContainer .contentsWrapper .pageTitleWrap .stageWrap ul li {
    position: relative;
    display: inline-block;
    padding-left: 32px;
    padding-right: 4px;
    color: #b6b6b6;
    background: url("//openimage.interpark.com/tour-desktop/pages/reservePayment/housing/icons_arrowBlack.png") no-repeat 12px 50%;
}

.reserveContainer .contentsWrapper .pageTitleWrap .stageWrap ul li:first-child {
    margin-left: 0;
    background: none;
}

.reserveContainer .contentsWrapper .pageTitleWrap .stageWrap ul li.current {
    color: #222;
}

.reserveContainer .contentsWrapper .pageTitleWrap .stageWrap ul li.current span:before {
    background-color: #222;
}

.reserveContainer .contentsWrapper .pageTitleWrap .stageWrap ul li span {
    position: relative;
    display: block;
    padding-left: 30px;
    font-size: 18px;
}

.reserveContainer .contentsWrapper .pageTitleWrap .stageWrap ul li span:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    display: block;
    width: 24px;
    height: 24px;
    background: #ccc;
    border-radius: 50%;
}

.reserveContainer .contentsWrapper .pageTitleWrap .stageWrap ul li span:after {
    content: counter(list-counter);
    counter-increment: list-counter;
    position: absolute;
    top: 4px;
    left: -3px;
    display: block;
    width: 30px;
    font-size: 14px;
    color: #fff;
    text-align: center;
}

.reserveContentsWrapper {
    position: relative;
    padding-top: 30px;
    overflow: hidden;
}

.reserveContentsWrapper .reserveContentsWrap {
    width: 680px;
    margin-right: 20px;
}

.reserveContentsWrapper .reserveContentsWrap.useTicket {
    width: 100%;
}

.reserveContentsWrapper .reserveContentsWrap.useTicket .reserveInfoWrap .tableWrap table col.aCol, .reserveContentsWrapper .reserveContentsWrap.useTicket .reserveInfoWrap .tableWrap table col.cCol {
    width: 13%;
}

.reserveContentsWrapper .reserveContentsWrap.useTicket .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodSelectWrap {
    width: 13%;
}

.reserveContentsWrapper .reserveContentsWrap .titleWrap {
    position: relative;
    margin-bottom: 9px;
}

.reserveContentsWrapper .reserveContentsWrap .titleWrap h2 {
    font-size: 18px;
    font-weight: 500;
    color: #333;
}

.reserveContentsWrapper .reserveContentsWrap .titleWrap .subContentsWrap {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 0;
}

.reserveContentsWrapper .reserveContentsWrap .titleWrap .subContentsWrap .differentCheck {
    display: block;
    font-size: 0;
}

.reserveContentsWrapper .reserveContentsWrap .titleWrap .subContentsWrap .differentCheck input[type="checkbox"] {
    vertical-align: -2px;
    width: 16px;
    height: 16px;
}

.reserveContentsWrapper .reserveContentsWrap .titleWrap .subContentsWrap .differentCheck span {
    font-size: 14px;
    line-height: 1;
    color: #555;
}

.reserveContentsWrapper .reserveContentsWrap .titleWrap .subContentsWrap .paymentInfoBtn {
    display: block;
    border: 0;
    padding: 0;
    padding-right: 15px;
    background-color: transparent;
    background: transparent url("//openimage.interpark.com/tour-desktop/pages/reservePayment/housing/icons_arrowUp.png") no-repeat 100% 50%;
    font-size: 14px;
    color: #333;
    line-height: 1;
    cursor: pointer;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap + .reserveInfoWrap {
    padding-top: 50px;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .tableWrap {
    border-top: 1px solid #333;
    border-bottom: 1px solid #e7e7e7;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .tableWrap table {
    width: 100%;
    table-layout: fixed;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .tableWrap table caption {
    font-size: 0;
    overflow: hidden;
    display: none;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .tableWrap table col.aCol, .reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .tableWrap table col.cCol {
    width: 19%;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .tableWrap table .center {
    text-align: center;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .tableWrap table th,
.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .tableWrap table td {
    vertical-align: middle;
    font-size: 14px;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .tableWrap table th {
    font-weight: 500;
    color: #333;
    text-align: left;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .tableWrap table td {
    color: #333;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .tableWrap table td .col {
    display: inline-block;
    font-size: 0;
    vertical-align: top;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .tableWrap table td .col.btn {
    padding: 6px 0 4px;
    margin-left: 5px;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .tableWrap table td .col .text {
    display: inline-block;
    padding: 5px 0;
    margin-left: 2px;
    font-size: 14px;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .tableWrap table td .col .text span {
    font-size: 14px;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .tableWrap table td .textInput {
    display: inline-block;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .tableWrap table td .dash {
    display: inline-block;
    padding: 6px 4px 0;
    vertical-align: top;
    font-size: 14px;
    color: #c2c2c2;
    line-height: 1;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .tableWrap table td .subText {
    font-size: 13px;
    color: #999;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .tableWrap table td .smallText {
    font-size: 13px;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .tableWrap table td .selectWrap.age label {
    display: inline-block;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .tableWrap table td .selectWrap.age label + label {
    margin-left: 20px;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .tableWrap table.baseTable {
    margin-bottom: -1px;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .tableWrap table.baseTable th {
    padding: 15px 10px 17px 20px;
    border-left: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    background-color: #f8f8f8;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .tableWrap table.baseTable th:first-child {
    border-left: 0;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .tableWrap table.baseTable td {
    padding: 15px 20px 17px;
    border-left: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    line-height: 20px;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .tableWrap table.baseTable td:first-child {
    border-left: 0;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .tableWrap table.baseTable td.noPadding {
    padding: 0 20px;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .tableWrap table.baseTable td.inputWrap {
    padding: 9px 20px;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .tableWrap table.baseTable td.inputWrap .customSelect {
    display: inline-block;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .tableWrap table.baseTable td .selectBox {
    height: 30px;
    font-size: 14px;
    font-weight: 300;
    color: #000;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .tableWrap table.baseTable td .selectBox:after {
    right: 10px;
    width: 10px;
    background-size: contain;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .tableWrap table.baseTable td .selectBox span {
    font-size: 14px;
    font-weight: 400;
    color: #222;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .tableWrap table.baseTable.noBorder th {
    border-left: 0;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .tableWrap table.baseTable.noBorder td {
    border-left: 0;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .tableWrap table.baseTable .memberCheckWrap {
    padding: 18px 0;
    margin: 0 -20px;
    background-color: #f9f9f9;
    text-align: center;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .tableWrap table.baseTable .memberCheckWrap .loginBtn {
    padding: 3px 0 1px;
    border: 0;
    border-bottom: 1px solid #ef3f43;
    background-color: transparent;
    font-size: 14px;
    color: #ef3f43;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .requestWrap {
    border-top: 1px solid #333;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .requestWrap .textareaBox {
    display: block;
    width: 100%;
    margin-top: 15px;
    padding: 10px;
    border: 1px solid #e7e7e7;
    box-sizing: border-box;
    font-size: 12px;
    color: #999;
    resize: vertical;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .totalPriceWrap {
    position: relative;
    padding: 16px 0;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .totalPriceWrap .totalPrice {
    padding-right: 10px;
    text-align: right;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .totalPriceWrap .totalPrice dt {
    display: inline-block;
    padding-right: 5px;
    font-size: 16px;
    font-weight: 500;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .totalPriceWrap .totalPrice dd {
    display: inline-block;
    font-size: 0;
    font-weight: 500;
    color: #ef3f43;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .totalPriceWrap .totalPrice dd span {
    font-size: 25px;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .totalPriceWrap .listWrap {
    position: absolute;
    left: 0;
    top: 9px;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .infoListWrap {
    padding-top: 9px;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .listWrap li {
    position: relative;
    padding-left: 5px;
    font-size: 13px;
    color: #555;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .listWrap li + li {
    margin-top: 4px;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .listWrap li:before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    display: block;
    width: 2px;
    height: 2px;
    background-color: #999;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .termsWrap .tabWrap {
    position: relative;
    padding-top: 47px;
    border-bottom: 1px solid #333;
    background-color: #f8f8f8;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .termsWrap .tabWrap ul {
    position: absolute;
    top: 0;
    left: 0;
    display: table;
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
    box-sizing: border-box;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .termsWrap .tabWrap ul li {
    position: relative;
    display: table-cell;
    height: 46px;
    vertical-align: top;
    text-align: center;
    border: 1px solid #e4e4e4;
    border-bottom: 0;
    box-sizing: border-box;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .termsWrap .tabWrap ul li.current a {
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    font-weight: 500;
    color: #333;
    border: 1px solid #333;
    border-bottom: 1px solid #fff;
    background: #fff;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .termsWrap .tabWrap ul li a {
    display: block;
    width: 100%;
    height: inherit;
    font-size: 13px;
    color: #999;
    text-align: center;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .termsWrap .tabWrap ul li a:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .termsWrap .tabWrap ul li a span {
    overflow: hidden;
    display: inline-block;
    max-width: 90%;
    max-height: 44px;
    line-height: 1.3;
    vertical-align: middle;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .termsWrap .termAgreeWrap {
    color: #333;
    font-size: 13px;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .termsWrap .termAgreeWrap .contentWrap {
    display: none;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .termsWrap .termAgreeWrap .contentWrap.current {
    display: block;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .termsWrap .termAgreeWrap .contentWrap .contents {
    max-height: 191px;
    padding: 30px;
    overflow-y: auto;
    border: 1px solid #e4e4e4;
    border-top: 0;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .termsWrap .termAgreeWrap .contentWrap .contents .partWrap + .partWrap {
    padding-top: 20px;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .termsWrap .termAgreeWrap .contentWrap .contents .partWrap .innerWrap {
    padding-top: 10px;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .termsWrap .termAgreeWrap .contentWrap .contents h3,
.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .termsWrap .termAgreeWrap .contentWrap .contents h4,
.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .termsWrap .termAgreeWrap .contentWrap .contents h5 {
    font-weight: normal;
    padding-bottom: 10px;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .termsWrap .termAgreeWrap .contentWrap .contents p + h5 {
    margin-top: 10px;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .termsWrap .termAgreeWrap .contentWrap .contents p + ul,
.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .termsWrap .termAgreeWrap .contentWrap .contents p + ol {
    margin-top: 10px;
    margin-bottom: 10px;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .termsWrap .termAgreeWrap .contentWrap .contents ul + p,
.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .termsWrap .termAgreeWrap .contentWrap .contents ul + ol {
    margin-top: 10px;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .termsWrap .termAgreeWrap .contentWrap .contents ol + p {
    margin-top: 10px;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .termsWrap .termAgreeWrap .contentWrap .contents table {
    width: 100%;
    table-layout: fixed;
    margin-top: 8px;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .termsWrap .termAgreeWrap .contentWrap .contents table tr:first-child th,
.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .termsWrap .termAgreeWrap .contentWrap .contents table tr:first-child td {
    border-top: 1px solid #e4e4e4;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .termsWrap .termAgreeWrap .contentWrap .contents table th {
    font-weight: normal;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .termsWrap .termAgreeWrap .contentWrap .contents table th,
.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .termsWrap .termAgreeWrap .contentWrap .contents table td {
    padding: 10px;
    border-right: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .termsWrap .termAgreeWrap .contentWrap .contents table th:first-child,
.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .termsWrap .termAgreeWrap .contentWrap .contents table td:first-child {
    border-left: 1px solid #e4e4e4;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .termsWrap .termAgreeWrap .contentWrap .contents ol > li {
    padding-left: 16px;
    text-indent: -17px;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .termsWrap .termAgreeWrap .contentWrap .contents ol ul {
    padding-top: 10px;
    padding-bottom: 10px;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .termsWrap .termAgreeWrap .contentWrap .contents ol ul > li {
    padding-left: 0;
    text-indent: 0;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .termsWrap .checkInfoWrap {
    background-color: #f8f8f8;
    border: 1px solid #e4e4e4;
    border-top: 0;
    border-bottom: 0;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .termsWrap .checkInfoWrap .cautionWrap {
    padding-bottom: 24px;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .termsWrap .checkInfoWrap .cautionWrap li {
    padding-left: 15px;
    background: url("//openimage.interpark.com/tour-desktop/pages/reservePayment/housing/icons_caution.png") no-repeat 0 4px;
    font-size: 13px;
    color: #555;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .termsWrap .checkInfoWrap .cautionWrap li + li {
    margin-top: 4px;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .termsWrap .checkInfoWrap .row {
    padding: 19px 30px;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .termsWrap .checkInfoWrap .row .checkWrap {
    font-size: 0;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .termsWrap .checkInfoWrap .row .checkWrap span {
    display: inline-block;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .termsWrap .checkInfoWrap .row .checkWrap span + span {
    padding-left: 22px;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .termsWrap .checkInfoWrap label {
    display: block;
    font-size: 0;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .termsWrap .checkInfoWrap label input[type="checkbox"] {
    width: 16px;
    height: 16px;
    vertical-align: -2px;
    margin: 0;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .termsWrap .checkInfoWrap label span {
    padding-left: 10px;
    font-size: 14px;
    color: #333;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .termsWrap .allCheckWrap {
    background-color: #f8f8f8;
    border: 1px solid #e4e4e4;
    border-top: 0;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .termsWrap .allCheckWrap .allCheck {
    padding: 19px 30px;
    border-top: 1px dotted #e4e4e4;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .termsWrap .allCheckWrap .allCheck label span {
    font-weight: 500;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .termsWrap .allCheckWrap label {
    display: block;
    font-size: 0;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .termsWrap .allCheckWrap label input[type="checkbox"] {
    width: 16px;
    height: 16px;
    vertical-align: -2px;
    margin: 0;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap .termsWrap .allCheckWrap label span {
    padding-left: 10px;
    font-size: 14px;
    color: #333;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.salePoint .textInput input[type="text"] {
    text-align: right;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .tag {
    margin-left: 18px;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap {
    display: table;
    width: 100%;
    table-layout: fixed;
    border: 1px solid #e5e5e5;
    overflow: hidden;
    border-top: 1px solid #333;
    box-sizing: border-box;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodSelectWrap {
    display: table-cell;
    width: 20%;
    padding: 40px 10px 40px 20px;
    border-right: 1px solid #e5e5e5;
    vertical-align: top;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodSelectWrap ul li + li {
    margin-top: 19px;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap {
    display: table-cell;
    padding: 15px 30px;
    vertical-align: top;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo {
    display: none;
    padding: 25px 0;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo .selectBox {
    height: 30px;
    font-size: 14px;
    font-weight: 400;
    color: #222;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo .selectBox:after {
    right: 10px;
    width: 10px;
    background-size: contain;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo .selectBox.widthFixedType {
    width: 195px;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo .selectBox.cardType {
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: rgba(255, 255, 255, 0.2);
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo .selectBox.cardType > span {
    color: #fff;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo .selectBox.cardType ul {
    max-height: 94px;
    text-align: left;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo .selectBox.cardType ul li {
    padding: 9px 14px;
    font-weight: 400;
    color: #222;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo .selectBox span {
    font-size: 14px;
    font-weight: 400;
    color: #222;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo.current {
    display: block;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo.myPay {
    padding: 0;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo.myPay .onepayPaymentWrap {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo.myPay .onepayPaymentWrap .title {
    text-align: right;
    margin-bottom: 10px;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo.myPay .onepayPaymentWrap .onepayListWrapper .onepayWelcome {
    margin: 4px 0 20px 0;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo.myPay .onepayPaymentWrap .onepayListWrapper .onepayWelcome .welcomeMessage {
    font-size: 15px;
    line-height: 21px;
    text-align: center;
    color: #222;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo.myPay .onepayPaymentWrap .onepayListWrapper .onepayWelcome .buttonsWrap {
    display: table;
    margin: 30px auto 0;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo.myPay .onepayPaymentWrap .onepayListWrapper .onepayWelcome .buttonsWrap .col {
    display: table-cell;
    padding: 0 5px;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo.myPay .onepayPaymentWrap .onepayListWrapper .onepayWelcome .buttonsWrap .col button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    padding: 14px 0 15px;
    border: 0;
    outline: 0;
    width: 155px;
    background: #f65c52;
    border-radius: 0;
    font-size: 14px;
    color: #fff;
    -webkit-transition: all ease .5s;
    transition: all ease .5s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo.myPay .onepayPaymentWrap .onepayListWrapper .onepayWelcome .buttonsWrap .col button:hover {
    background: #ec5248;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo.myPay .onepayPaymentWrap .onepayListWrapper .onepayWrapper {
    position: relative;
    width: 482px;
    height: 240px;
    padding-bottom: 30px;
    margin: 0 auto;
    overflow: hidden;
    z-index: 1;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo.myPay .onepayPaymentWrap .onepayListWrapper .onepayWrapper .onepayMethod {
    width: 215px;
    margin: 0 auto;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo.myPay .onepayPaymentWrap .onepayListWrapper .onepayWrapper .onepayMethod ul.itemList {
    clear: both;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo.myPay .onepayPaymentWrap .onepayListWrapper .onepayWrapper .onepayMethod ul.itemList .item {
    float: left;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo.myPay .onepayPaymentWrap .onepayListWrapper .onepayWrapper .onepayMethod ul.itemList .item .imgWrap {
    position: relative;
    width: 215px;
    height: 132px;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo.myPay .onepayPaymentWrap .onepayListWrapper .onepayWrapper .onepayMethod ul.itemList .item.card .imgWrap .img {
    width: 100%;
    height: 100%;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo.myPay .onepayPaymentWrap .onepayListWrapper .onepayWrapper .onepayMethod ul.itemList .item.card .imgWrap .img .design {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 26px;
    height: 25px;
    background: url("//openimage.interpark.com/tour-desktop/pages/reservePayment/housing/img_cardDesign.png") no-repeat 0 0;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo.myPay .onepayPaymentWrap .onepayListWrapper .onepayWrapper .onepayMethod ul.itemList .item.card .imgWrap .img .mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 215px;
    height: 132px;
    background: url("//openimage.interpark.com/tour-desktop/pages/reservePayment/housing/img_cardMask.png") no-repeat 0 0;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo.myPay .onepayPaymentWrap .onepayListWrapper .onepayWrapper .onepayMethod ul.itemList .item.card .imgWrap .img .logo {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
    width: 60px;
    height: 15px;
    text-align: right;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo.myPay .onepayPaymentWrap .onepayListWrapper .onepayWrapper .onepayMethod ul.itemList .item.card .imgWrap .img .logo img {
    width: 100%;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo.myPay .onepayPaymentWrap .onepayListWrapper .onepayWrapper .onepayMethod ul.itemList .item.card .imgWrap .img .number {
    position: absolute;
    right: 10px;
    top: 33px;
    padding-bottom: 9px;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo.myPay .onepayPaymentWrap .onepayListWrapper .onepayWrapper .onepayMethod ul.itemList .item.card .imgWrap .img .number span {
    font-size: 12px;
    color: #fff;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo.myPay .onepayPaymentWrap .onepayListWrapper .onepayWrapper .onepayMethod ul.itemList .item.card .imgWrap .img .infoWrap {
    position: absolute;
    left: 0;
    bottom: 9px;
    z-index: 2;
    width: 194px;
    padding: 0 10px;
    text-align: center;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo.myPay .onepayPaymentWrap .onepayListWrapper .onepayWrapper .onepayMethod ul.itemList .item.card .imgWrap .img .infoWrap .cardBenefitText {
    padding-bottom: 13px;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo.myPay .onepayPaymentWrap .onepayListWrapper .onepayWrapper .onepayMethod ul.itemList .item.card .imgWrap .img .infoWrap .select + .select {
    margin-top: 5px;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo.myPay .onepayPaymentWrap .onepayListWrapper .onepayWrapper .onepayMethod ul.itemList .item.card .imgWrap .img .infoWrap .select + .select .customSelect {
    height: 30px;
    background: rgba(255, 255, 255, 0.2);
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    opacity: .7;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo.myPay .onepayPaymentWrap .onepayListWrapper .onepayWrapper .onepayMethod ul.itemList .item.card .imgWrap .img .infoWrap .select + .select .customSelect .trigger {
    padding: 9px 0 4px;
    margin: 0 9px;
    border: 0;
    font-size: 13px;
    text-align: left;
    color: #fff;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo.myPay .onepayPaymentWrap .onepayListWrapper .onepayWrapper .onepayMethod ul.itemList .item.bank .imgWrap .bankImg {
    width: 100%;
    padding: 2px 0 33px;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo.myPay .onepayPaymentWrap .onepayListWrapper .onepayWrapper .onepayMethod ul.itemList .item.bank .imgWrap .bankImg .img {
    height: 97px;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo.myPay .onepayPaymentWrap .onepayListWrapper .onepayWrapper .onepayMethod ul.itemList .item.bank .imgWrap .bankImg .img .design {
    position: absolute;
    left: 0;
    bottom: 33px;
    width: 100%;
    height: 1px;
    background: url("//openimage.interpark.com/tour-desktop/pages/reservePayment/housing/bg_bankLine.png") repeat-x 0 0;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo.myPay .onepayPaymentWrap .onepayListWrapper .onepayWrapper .onepayMethod ul.itemList .item.bank .imgWrap .bankImg .img .mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 215px;
    height: 132px;
    background: url("//openimage.interpark.com/tour-desktop/pages/reservePayment/housing/img_bankMask.png") no-repeat 0 0;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo.myPay .onepayPaymentWrap .onepayListWrapper .onepayWrapper .onepayMethod ul.itemList .item.bank .imgWrap .bankImg .img .logo {
    margin: 0 auto;
    padding-top: 27px;
    width: 116px;
    height: 20px;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo.myPay .onepayPaymentWrap .onepayListWrapper .onepayWrapper .onepayMethod ul.itemList .item.bank .imgWrap .bankImg .img .logo img {
    display: block;
    width: 100%;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo.myPay .onepayPaymentWrap .onepayListWrapper .onepayWrapper .onepayMethod ul.itemList .item.bank .imgWrap .bankImg .img .infoWrap {
    margin-top: 12px;
    text-align: center;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo.myPay .onepayPaymentWrap .onepayListWrapper .onepayWrapper .onepayMethod ul.itemList .item.bank .imgWrap .bankImg .img .infoWrap .number {
    margin-bottom: 29px;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo.myPay .onepayPaymentWrap .onepayListWrapper .onepayWrapper .onepayMethod ul.itemList .item.bank .imgWrap .bankImg .img .infoWrap .number span {
    font-size: 16px;
    color: #fff;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo.myPay .onepayPaymentWrap .onepayListWrapper .onepayWrapper .onepayMethod ul.itemList .item.register .entryWrapper {
    position: relative;
    width: 215px;
    height: 132px;
    background-color: #efefef;
    text-align: center;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo.myPay .onepayPaymentWrap .onepayListWrapper .onepayWrapper .onepayMethod ul.itemList .item.register .entryWrapper .entryBtnWrap {
    position: absolute;
    top: 17px;
    left: 0;
    z-index: 2;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo.myPay .onepayPaymentWrap .onepayListWrapper .onepayWrapper .onepayMethod ul.itemList .item.register .entryWrapper .entryBtnWrap button {
    display: inline-block;
    width: 134px;
    height: 39px;
    margin: 5px 0;
    border: 0;
    background-color: #fff;
    font-size: 12px;
    color: #666;
    outline: none;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo.myPay .onepayPaymentWrap .onepayListWrapper .onepayWrapper .onepayMethod ul.itemList .item.register .entryWrapper .entryBtnWrap button[disabled] {
    cursor: default;
    background: #fafafa;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo.myPay .onepayPaymentWrap .onepayListWrapper .onepayWrapper .onepayMethod ul.itemList .item.register .entryWrapper .entryBtnWrap button[disabled] span {
    color: #aaa;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo.myPay .onepayPaymentWrap .onepayListWrapper .onepayWrapper .onepayMethod ul.itemList .item.register .entryWrapper .entryBtnWrap button:active {
    border-color: #222;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo.myPay .onepayPaymentWrap .onepayListWrapper .onepayWrapper .onepayMethod ul.itemList .item.register .entryWrapper .entryBtnWrap button span {
    display: block;
    margin-top: 3px;
    color: #666;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo.myPay .onepayPaymentWrap .onepayListWrapper .onepayWrapper .onepayMethod ul.itemList .item.register .entryWrapper .mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 215px;
    height: 132px;
    background: url("//openimage.interpark.com/tour-desktop/pages/reservePayment/housing/img_cardMask.png") no-repeat 0 0;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo.myPay .onepayPaymentWrap .onepayListWrapper .onepayWrapper .onepayMethod ul.itemList .item.error .emptyWrap {
    position: relative;
    width: 215px;
    height: 132px;
    background-color: #efefef;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo.myPay .onepayPaymentWrap .onepayListWrapper .onepayWrapper .onepayMethod ul.itemList .item.error .emptyWrap p {
    padding-top: 45px;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo.myPay .onepayPaymentWrap .onepayListWrapper .onepayWrapper .onepayMethod ul.itemList .item.error .emptyWrap p.guideMessage {
    font-size: 14px;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo.myPay .onepayPaymentWrap .onepayListWrapper .onepayWrapper .onepayMethod ul.itemList .item.error .emptyWrap .mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 215px;
    height: 132px;
    background: url("//openimage.interpark.com/tour-desktop/pages/reservePayment/housing/img_cardMask.png") no-repeat 0 0;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo.myPay .onepayPaymentWrap .onepayListWrapper .onepayWrapper .bx-viewport {
    z-index: 2;
    overflow: inherit !important;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo.myPay .onepayPaymentWrap .onepayListWrapper .onepayWrapper .bx-pager {
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: 100px;
    left: 0;
    width: 100%;
    text-align: center;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo.myPay .onepayPaymentWrap .onepayListWrapper .onepayWrapper .bx-pager .bx-pager-item {
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    letter-spacing: 0;
    word-spacing: normal;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo.myPay .onepayPaymentWrap .onepayListWrapper .onepayWrapper .bx-pager .bx-pager-item + .bx-pager-item {
    margin-left: 5px;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo.myPay .onepayPaymentWrap .onepayListWrapper .onepayWrapper .bx-pager .bx-pager-item a {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 10px;
    background: url("//openimage.interpark.com/tour-desktop/pages/reservePayment/housing/icon_bullet.png") no-repeat;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo.myPay .onepayPaymentWrap .onepayListWrapper .onepayWrapper .bx-pager .bx-pager-item a.active {
    background-position: 0 -10px;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo.myPay .onepayPaymentWrap .onepayListWrapper .onepayWrapper .bx-prev,
.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo.myPay .onepayPaymentWrap .onepayListWrapper .onepayWrapper .bx-next {
    position: absolute;
    top: 0;
    display: block;
    z-index: 5;
    width: 132px;
    height: 132px;
    text-indent: -9999px;
    background: url("//openimage.interpark.com/tour-desktop/pages/reservePayment/housing/img_onepayShadow.png") no-repeat;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo.myPay .onepayPaymentWrap .onepayListWrapper .onepayWrapper .bx-prev.disabled,
.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo.myPay .onepayPaymentWrap .onepayListWrapper .onepayWrapper .bx-next.disabled {
    display: none;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo.myPay .onepayPaymentWrap .onepayListWrapper .onepayWrapper .bx-prev {
    left: 0;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo.myPay .onepayPaymentWrap .onepayListWrapper .onepayWrapper .bx-next {
    right: 0;
    background-position: right 0;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo.myPay .onepayPaymentWrap .onepayListWrapper .onepayCheckWrapper {
    padding: 20px 50px;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo.myPay .onepayPaymentWrap .onepayListWrapper .onepayCheckWrapper .onepayCheckWrap {
    text-align: center;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo.myPay .onepayPaymentWrap .onepayListWrapper .onepayCheckWrapper .onepayCheckWrap p {
    font-size: 13px;
    color: #333;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo.myPay .onepayPaymentWrap .onepayListWrapper .benefitWrapper {
    position: relative;
    margin-top: -80px;
    padding: 10px 0 0;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo.myPay .onepayPaymentWrap .onepayListWrapper .benefitWrapper .paymentBenefit .list ul li {
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
    white-space: nowrap;
    line-height: 20px;
    color: #333;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo.myPay .onepayPaymentWrap .onepayListWrapper .benefitWrapper .paymentBenefit .list ul li.last {
    padding-right: 30%;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo.naverPay .pointer {
    color: #2cb400;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo .partWrap + .partWrap {
    margin-top: 15px;
    padding-top: 17px;
    border-top: 1px solid #e4e4e4;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo .partWrap .selectWrap .customSelect {
    display: inline-block;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo .partWrap .row + .row {
    margin-top: 15px;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo .partWrap .row h4 {
    padding-bottom: 9px;
    font-size: 14px;
    font-weight: normal;
    color: #333;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo .partWrap .row.nhpayBanner a {
    display: inline-block;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo .partWrap .row .infoList {
    font-size: 13px;
    color: #333;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo .partWrap .row .infoList li {
    position: relative;
    padding-left: 10px;
    line-height: 20px;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo .partWrap .row .infoList li:after {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    display: block;
    width: 2px;
    height: 2px;
    background-color: #666;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo .partWrap .row.selectWrap {
    font-size: 0;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo .partWrap .row.selectWrap .text {
    display: inline-block;
    margin-right: 15px;
    padding: 6px 0;
    vertical-align: top;
    font-size: 14px;
    color: #333;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo .partWrap .row.selectWrap .cardSaleInfoBtn {
    margin-left: 10px;
    padding: 5px 0 0;
    padding-bottom: 1px;
    border: 0;
    border-bottom: 1px solid #aaa;
    background-color: transparent;
    vertical-align: top;
    font-size: 13px;
    color: #aaa;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo .cautionWrap {
    margin-top: 20px;
    padding: 15px 15px 20px;
    background-color: #f7f7f7;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo .cautionWrap .cautionList li {
    font-size: 13px;
    color: #555;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo .cautionWrap .cautionList > li {
    padding-left: 16px;
    background: url("//openimage.interpark.com/tour-desktop/pages/reservePayment/housing/icons_caution.png") no-repeat 0 4px;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo .cautionWrap .cautionList > li + li {
    margin-top: 2px;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo .cautionWrap .cautionList > li ul li {
    position: relative;
    padding-left: 10px;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo .cautionWrap .cautionList > li ul li:after {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    display: block;
    width: 4px;
    height: 1px;
    background-color: #555;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo .cautionWrap .info {
    margin-top: 17px;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo .linkWrap {
    margin-top: 17px;
    font-size: 0;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo .linkWrap a {
    display: inline-block;
    min-width: 74px;
    padding: 3px 10px;
    border: 1px solid #999;
    font-size: 12px;
    line-height: 1;
    color: #999;
    text-align: center;
    white-space: nowrap;
}

.reserveContentsWrapper .reserveContentsWrap .reserveInfoWrap.paymentMethod .paymentMethodWrap .methodInfoWrap .methodInfo .linkWrap a + a {
    margin-left: 6px;
}

.reserveContentsWrapper .reserveContentsWrap .totalPriceInfoWrap {
    padding: 12px 0 15px;
    border-bottom: 1px solid #e7e7e7;
}

.reserveContentsWrapper .reserveContentsWrap .totalPriceInfoWrap .totalPrice {
    padding-right: 10px;
    text-align: right;
}

.reserveContentsWrapper .reserveContentsWrap .totalPriceInfoWrap .totalPrice dt {
    display: inline-block;
    padding-right: 5px;
    font-size: 16px;
    font-weight: 500;
}

.reserveContentsWrapper .reserveContentsWrap .totalPriceInfoWrap .totalPrice dd {
    display: inline-block;
    font-size: 0;
    font-weight: 500;
    color: #ef3f43;
}

.reserveContentsWrapper .reserveContentsWrap .totalPriceInfoWrap .totalPrice dd span {
    font-size: 25px;
}

.reserveContentsWrapper .reserveContentsWrap .payButtonWrap {
    padding: 37px 63px 0;
}

.reserveContentsWrapper .reserveContentsWrap .payButtonWrap.useTicket {
    padding: 37px 214px 0;
}

.reserveContentsWrapper .reserveContentsWrap .payButtonWrap .buttonWrap {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.reserveContentsWrapper .reserveContentsWrap .payButtonWrap .buttonWrap .col {
    display: table-cell;
    vertical-align: top;
    padding: 0 7px;
}

.reserveContentsWrapper .reserveContentsWrap .payButtonWrap .buttonWrap button {
    display: block;
    width: 100%;
    height: 55px;
    padding: 0;
    border: 1px solid #333;
    border-radius: 2px;
    background-color: #fff;
    font-size: 16px;
    color: #333;
}

.reserveContentsWrapper .reserveContentsWrap .payButtonWrap .buttonWrap button.paymentBtn {
    border-color: #ef3f43;
    background-color: #ef3f43;
    color: #fff;
}

.reserveContentsWrapper .productContentsWrap {
    position: absolute;
    top: 0;
    left: 50%;
    width: 240px;
    margin-top: 36px;
    margin-left: 250px;
}

.reserveContentsWrapper .productContentsWrap.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 980px;
    margin: auto;
}

.reserveContentsWrapper .productContentsWrap.fixed .productInfoInner {
    top: 0;
}

.reserveContentsWrapper .productContentsWrap .productInfoInner {
    position: absolute;
    top: 0;
    right: 0;
    width: 280px;
    box-sizing: border-box;
    border: 1px solid #b6bdc7;
    background-color: #fff;
}

.reserveContentsWrapper .productContentsWrap .selectProductInfoWrap.manyBooking .selectProductWrap:first-child .moreInfoBtn {
    display: block;
    border-top: 0;
}

.reserveContentsWrapper .productContentsWrap .selectProductInfoWrap .selectProductWrap:first-child .moreInfoBtn {
    display: none;
}

.reserveContentsWrapper .productContentsWrap .selectProductInfoWrap .selectProductWrap.current .moreInfoBtn:after {
    background-image: none;
}

.reserveContentsWrapper .productContentsWrap .selectProductInfoWrap .selectProductWrap.current .moreInfoBtn .price {
    display: none;
}

.reserveContentsWrapper .productContentsWrap .selectProductInfoWrap .selectProductWrap.current .selectProduct {
    display: block;
}

.reserveContentsWrapper .productContentsWrap .selectProductInfoWrap .selectProductWrap .moreInfoBtn {
    position: relative;
    display: block;
    width: 100%;
    height: 44px;
    padding: 0 13px;
    border: 0;
    border-top: 1px solid #e4e4e4;
    background-color: #f4f6f9;
    font-size: 14px;
    color: #000;
    text-align: left;
}

.reserveContentsWrapper .productContentsWrap .selectProductInfoWrap .selectProductWrap .moreInfoBtn:after {
    content: "";
    display: block;
    position: absolute;
    top: 18px;
    right: 13px;
    width: 11px;
    height: 6px;
    background: url("//openimage.interpark.com/tour-desktop/pages/reservePayment/housing/icons_arrowCate_open.png") no-repeat 0 0;
}

.reserveContentsWrapper .productContentsWrap .selectProductInfoWrap .selectProductWrap .moreInfoBtn .roomBooking {
    font-size: 14px;
    color: #333;
}

.reserveContentsWrapper .productContentsWrap .selectProductInfoWrap .selectProductWrap .moreInfoBtn .price {
    position: absolute;
    top: 10px;
    right: 35px;
    display: block;
    font-size: 15px;
    color: #b6bdc7;
}

.reserveContentsWrapper .productContentsWrap .selectProductInfoWrap .selectProductWrap .selectProduct {
    display: none;
    overflow-y: auto;
}

.reserveContentsWrapper .productContentsWrap .selectProductInfoWrap .selectProductWrap .selectProduct h3 {
    padding: 10px 13px;
    border-bottom: 1px solid #e4e4e4;
    font-size: 16px;
    color: #000;
}

.reserveContentsWrapper .productContentsWrap .selectProductInfoWrap .selectProductWrap .selectProduct .row {
    padding: 13px;
}

.reserveContentsWrapper .productContentsWrap .selectProductInfoWrap .selectProductWrap .selectProduct .row p {
    font-size: 14px;
}

.reserveContentsWrapper .productContentsWrap .selectProductInfoWrap .selectProductWrap .selectProduct .row.booking p {
    color: #333;
}

.reserveContentsWrapper .productContentsWrap .selectProductInfoWrap .selectProductWrap .selectProduct .row.booking p.subInfoText {
    font-size: 12px;
    color: #aaa;
}

.reserveContentsWrapper .productContentsWrap .selectProductInfoWrap .selectProductWrap .selectProduct .row.booking p.advantage {
    font-size: 26px;
    font-weight: 500;
    color: #333;
    line-height: 32px;
}

.reserveContentsWrapper .productContentsWrap .selectProductInfoWrap .selectProductWrap .selectProduct .row.booking p.advantage span {
    position: relative;
}

.reserveContentsWrapper .productContentsWrap .selectProductInfoWrap .selectProductWrap .selectProduct .row.booking p.advantage span + span {
    padding-left: 6px;
}

.reserveContentsWrapper .productContentsWrap .selectProductInfoWrap .selectProductWrap .selectProduct .row.booking p.advantage span + span:after {
    content: "";
    position: absolute;
    top: 18px;
    left: -2px;
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #333;
}

.reserveContentsWrapper .productContentsWrap .selectProductInfoWrap .selectProductWrap .selectProduct .row.booking p.date {
    margin-top: 6px;
    font-size: 14px;
    color: #333;
}

.reserveContentsWrapper .productContentsWrap .selectProductInfoWrap .selectProductWrap .selectProduct .row.booking p.room, .reserveContentsWrapper .productContentsWrap .selectProductInfoWrap .selectProductWrap .selectProduct .row.booking p.person {
    padding-left: 36px;
    font-size: 0;
}

.reserveContentsWrapper .productContentsWrap .selectProductInfoWrap .selectProductWrap .selectProduct .row.booking p.room span, .reserveContentsWrapper .productContentsWrap .selectProductInfoWrap .selectProductWrap .selectProduct .row.booking p.person span {
    font-size: 14px;
    color: #333;
}

.reserveContentsWrapper .productContentsWrap .selectProductInfoWrap .selectProductWrap .selectProduct .row.booking p.room {
    margin-top: 16px;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.reserveContentsWrapper .productContentsWrap .selectProductInfoWrap .selectProductWrap .selectProduct .row.booking p.room.twin {
    background-image: url("//openimage.interpark.com/tour-desktop/pages/reservePayment/housing/icons_twin.png");
}

.reserveContentsWrapper .productContentsWrap .selectProductInfoWrap .selectProductWrap .selectProduct .row.booking p.room .roomInfoBtn {
    margin-left: 8px;
}

.reserveContentsWrapper .productContentsWrap .selectProductInfoWrap .selectProductWrap .selectProduct .row.booking p.person {
    margin-top: 6px;
    background: url("//openimage.interpark.com/tour-desktop/pages/reservePayment/housing/icons_person.png") no-repeat 0 0;
}

.reserveContentsWrapper .productContentsWrap .selectProductInfoWrap .selectProductWrap .selectProduct .row.booking p.person span + span:before {
    content: ",";
    padding-right: 6px;
}

.reserveContentsWrapper .productContentsWrap .selectProductInfoWrap .selectProductWrap .selectProduct .row.useInfo {
    padding-top: 8px;
    background-color: #f4f6f9;
}

.reserveContentsWrapper .productContentsWrap .selectProductInfoWrap .selectProductWrap .selectProduct .row.useInfo h4 {
    padding-bottom: 3px;
    font-size: 14px;
    font-weight: 500;
    color: #333;
}

.reserveContentsWrapper .productContentsWrap .selectProductInfoWrap .selectProductWrap .selectProduct .row.useInfo .list li {
    position: relative;
    padding-left: 8px;
    font-size: 13px;
    color: #555;
}

.reserveContentsWrapper .productContentsWrap .selectProductInfoWrap .selectProductWrap .selectProduct .row.useInfo .list li:after {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    display: block;
    width: 2px;
    height: 2px;
    background-color: #555;
}

.reserveContentsWrapper .productContentsWrap .selectProductInfoWrap .selectProductWrap .selectProduct .row.productInfo {
    padding-top: 11px;
}

.reserveContentsWrapper .productContentsWrap .selectProductInfoWrap .selectProductWrap .selectProduct .row.productInfo p {
    color: #666;
}

.reserveContentsWrapper .productContentsWrap .selectProductInfoWrap .selectProductWrap .selectProduct .row.productInfo p.product .name {
    font-size: 16px;
    font-weight: 500;
    color: #333;
}

.reserveContentsWrapper .productContentsWrap .selectProductInfoWrap .selectProductWrap .selectProduct .row.productInfo p.limitCancel {
    margin-top: 6px;
    color: #999;
}

.reserveContentsWrapper .productContentsWrap .selectProductInfoWrap .selectProductWrap .selectProduct .row.productInfo p.personStandard {
    margin-top: 5px;
}

.reserveContentsWrapper .productContentsWrap .selectProductInfoWrap .selectProductWrap .selectProduct .row.productInfo p.personStandard span + span:before {
    content: ",";
    padding-right: 6px;
}

.reserveContentsWrapper .productContentsWrap .selectProductInfoWrap .selectProductWrap .selectProduct .row.productInfo p.chekInOut {
    margin-top: 2px;
}

.reserveContentsWrapper .productContentsWrap .selectProductInfoWrap .selectProductWrap .selectProduct .row.productInfo p.chekInOut span + span:before {
    content: "/";
    padding-right: 6px;
}

.reserveContentsWrapper .productContentsWrap .selectProductInfoWrap .selectProductWrap .selectProduct .row.priceInfo {
    padding-top: 0;
    padding-bottom: 18px;
}

.reserveContentsWrapper .productContentsWrap .selectProductInfoWrap .selectProductWrap .selectProduct .row.priceInfo .couponUsePrice {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding-bottom: 4px;
    margin-bottom: 2px;
    border-bottom: 1px solid #e4e4e4;
}

.reserveContentsWrapper .productContentsWrap .selectProductInfoWrap .selectProductWrap .selectProduct .row.priceInfo .couponUsePrice dt {
    display: table-cell;
    padding: 2px 0;
    vertical-align: top;
    font-size: 14px;
    color: #333;
}

.reserveContentsWrapper .productContentsWrap .selectProductInfoWrap .selectProductWrap .selectProduct .row.priceInfo .couponUsePrice dd {
    display: table-cell;
    vertical-align: top;
    font-size: 16px;
    color: #333;
    text-align: right;
}

.reserveContentsWrapper .productContentsWrap .selectProductInfoWrap .selectProductWrap .selectProduct .row.priceInfo .useDatePrice dt {
    display: none;
    font-size: 0;
}

.reserveContentsWrapper .productContentsWrap .selectProductInfoWrap .selectProductWrap .selectProduct .row.priceInfo .useDatePrice dd {
    text-align: right;
}

.reserveContentsWrapper .productContentsWrap .selectProductInfoWrap .selectProductWrap .selectProduct .row.priceInfo .useDatePrice dd .couponPriceUseDate {
    display: inline-block;
    font-size: 0;
    color: #999;
}

.reserveContentsWrapper .productContentsWrap .selectProductInfoWrap .selectProductWrap .selectProduct .row.priceInfo .useDatePrice dd .couponPriceUseDate .couponPrice {
    font-size: 13px;
}

.reserveContentsWrapper .productContentsWrap .selectProductInfoWrap .selectProductWrap .selectProduct .row.priceInfo .useDatePrice dd .couponPriceUseDate .couponPrice:after {
    content: "X";
    padding: 0 2px;
}

.reserveContentsWrapper .productContentsWrap .selectProductInfoWrap .selectProductWrap .selectProduct .row.priceInfo .useDatePrice dd .couponPriceUseDate .useDate {
    font-size: 13px;
}

.reserveContentsWrapper .productContentsWrap .selectProductInfoWrap .selectProductWrap .selectProduct .row.priceInfo .useDatePrice dd .couponPriceUseDate .useDate:after {
    content: "=";
    padding: 0 2px;
}

.reserveContentsWrapper .productContentsWrap .selectProductInfoWrap .selectProductWrap .selectProduct .row.priceInfo .useDatePrice dd .couponUseDateSum {
    font-size: 18px;
    font-weight: 500;
    color: #333;
}

.reserveContentsWrapper .productContentsWrap .selectProductInfoWrap .selectProductWrap .selectProduct .row.facilityInfo {
    padding: 0;
}

.reserveContentsWrapper .productContentsWrap .selectProductInfoWrap .selectProductWrap .selectProduct .row.facilityInfo .part {
    border-top: 1px solid #e4e4e4;
}

.reserveContentsWrapper .productContentsWrap .selectProductInfoWrap .selectProductWrap .selectProduct .row.facilityInfo .part .titleWrap {
    box-sizing: border-box;
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 7px 13px 6px;
    font-size: 14px;
    color: #333;
    background-color: #f4f6f9;
}

.reserveContentsWrapper .productContentsWrap .selectProductInfoWrap .selectProductWrap .selectProduct .row.facilityInfo .part .titleWrap h4 {
    display: table-cell;
    width: 20%;
    font-weight: 500;
}

.reserveContentsWrapper .productContentsWrap .selectProductInfoWrap .selectProductWrap .selectProduct .row.facilityInfo .part .titleWrap .nameInfo {
    display: table-cell;
    text-align: right;
    color: #999;
}

.reserveContentsWrapper .productContentsWrap .selectProductInfoWrap .selectProductWrap .selectProduct .row.facilityInfo .part .counterWrap {
    padding: 10px 13px;
}

.reserveContentsWrapper .productContentsWrap .selectProductInfoWrap .selectProductWrap .selectProduct .row.facilityInfo .part .counterWrap dl {
    display: table;
    width: 100%;
    padding: 2px 0;
}

.reserveContentsWrapper .productContentsWrap .selectProductInfoWrap .selectProductWrap .selectProduct .row.facilityInfo .part .counterWrap dl dt {
    display: table-cell;
    vertical-align: top;
    padding: 4px 0;
    font-size: 14px;
    color: #343434;
    line-height: 1;
}

.reserveContentsWrapper .productContentsWrap .selectProductInfoWrap .selectProductWrap .selectProduct .row.facilityInfo .part .counterWrap dl dd {
    display: table-cell;
    vertical-align: top;
    line-height: 1;
    font-size: 0;
    text-align: right;
}

.reserveContentsWrapper .productContentsWrap .selectProductInfoWrap .selectProductWrap .selectProduct .row.facilityInfo .part .counterWrap dl dd .priceWrap {
    display: inline-block;
    padding: 2px 0 4px;
    vertical-align: top;
    color: #111;
}

.reserveContentsWrapper .productContentsWrap .selectProductInfoWrap .selectProductWrap .selectProduct .row.facilityInfo .part .counterWrap dl dd .priceWrap .price {
    font-size: 17px;
}

.reserveContentsWrapper .productContentsWrap .selectProductInfoWrap .selectProductWrap .selectProduct .row.facilityInfo .part .counterWrap dl dd .priceWrap .won {
    font-size: 16px;
}

.reserveContentsWrapper .productContentsWrap .selectProductInfoWrap .selectProductWrap .selectProduct .row.facilityInfo .part .visitingDay {
    font-size: 14px;
    color: #999;
}

.reserveCompleteWrapper {
    padding-top: 38px;
}

.reserveCompleteWrapper .screenOut {
    position: absolute;
    z-index: -1;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    visibility: hidden;
}

.reserveCompleteWrapper .reserveDataBlock {
    margin-bottom: 70px;
}

.reserveCompleteWrapper .reserveDataBlock .completeMsg {
    margin-bottom: 41px;
    padding: 17px 20px 19px;
    color: #333;
    font-size: 22px;
    font-weight: 500;
    text-align: center;
    border: 6px solid #e4e4e4;
}

.reserveCompleteWrapper .reserveDataBlock .completeMsg .subInfo {
    margin-top: 1px;
    font-size: 16px;
    font-weight: 300;
}

.reserveCompleteWrapper .reserveDataBlock .dataTable {
    width: 100%;
    margin: 0 auto 40px;
}

.reserveCompleteWrapper .reserveDataBlock .dataTable caption {
    position: absolute;
    z-index: -1;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    visibility: hidden;
}

.reserveCompleteWrapper .reserveDataBlock .dataTable th,
.reserveCompleteWrapper .reserveDataBlock .dataTable td {
    padding: 16px 19px;
    color: #333;
    font-size: 14px;
    vertical-align: middle;
    border: 1px solid #e4e4e4;
    box-sizing: border-box;
}

.reserveCompleteWrapper .reserveDataBlock .dataTable th {
    text-align: left;
    border-left: 0;
    background: #f9f9f9;
}

.reserveCompleteWrapper .reserveDataBlock .dataTable td {
    border-right: 0;
}

.reserveCompleteWrapper .reserveDataBlock .dataTable em {
    font-weight: 500;
}

.reserveCompleteWrapper .reserveDataBlock .dataTable .red {
    color: #ef3f43;
}

.reserveCompleteWrapper .reserveDataBlock .linkArea {
    font-size: 0;
    text-align: center;
}

.reserveCompleteWrapper .reserveDataBlock .linkArea .btn {
    display: inline-block;
    width: 200px;
    height: 45px;
    margin: 0 6px;
    color: #333;
    font-size: 16px;
    font-weight: 500;
    line-height: 43px;
    border: 1px solid #333;
    border-radius: 2px;
    box-sizing: border-box;
}

.reserveCompleteWrapper .reserveDataBlock .linkArea .btn:active {
    background-color: #f6f6f6;
}

.reserveCompleteWrapper .reserveDataBlock .linkArea .btn.solid {
    color: #fff;
    background: #333;
}

.reserveCompleteWrapper .reserveDataBlock .linkArea .btn.solid:active {
    background-color: #444;
}

.reserveCompleteWrapper .reserveStepInfo {
    margin-bottom: 54px;
}

.reserveCompleteWrapper .reserveStepInfo .titleArea {
    margin-bottom: 14px;
}

.reserveCompleteWrapper .reserveStepInfo .titleArea .tit {
    display: inline-block;
    margin-right: 6px;
    font-size: 20px;
    font-weight: 500;
}

.reserveCompleteWrapper .reserveStepInfo .titleArea .sub {
    display: inline-block;
    font-size: 14px;
}

.reserveCompleteWrapper .reserveStepInfo .afterSteps {
    display: table;
    width: 100%;
    table-layout: fixed;
    border: 1px solid #000;
    border-width: 1px 0;
}

.reserveCompleteWrapper .reserveStepInfo .afterSteps > li {
    position: relative;
    display: table-cell;
    padding: 44px 0 44px 32px;
    vertical-align: top;
}

.reserveCompleteWrapper .reserveStepInfo .afterSteps > li ~ li:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 12px;
    height: 20px;
    margin-top: -20px;
    margin-left: -5px;
    background: url("//openimage.interpark.com/tour-desktop/pages/reservePayment/housing/icons_arrow_afterStep.png") no-repeat 0 0;
}

.reserveCompleteWrapper .eventBlock {
    padding: 0;
}

.reserveCompleteWrapper .eventBlock .banner {
    overflow: hidden;
    display: block;
    width: 980px;
    font-size: 0;
    text-align: center;
    border: 1px solid #e4e4e4;
    box-sizing: border-box;
    background: #f6f6f6;
}

.reserveCompleteWrapper .eventBlock .banner img {
    width: 100%;
    height: auto;
}

.popup {
    z-index: 1000;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    padding: 20px;
    font-size: 0;
    white-space: nowrap;
    font-family: "Noto Sans KR", "Malgun Gothic", "돋움", Dotum, "돋움", Dotum, Arial, Helvetica, sans-serif;
    text-align: center;
}

.popup input,
.popup button,
.popup select,
.popup textarea {
    font-size: inherit;
    font-family: "Noto Sans KR", "Malgun Gothic", "돋움", Dotum, "돋움", Dotum, Arial, Helvetica, sans-serif;
}

.popup.hasHeader .popupPosition:before {
    top: -50px;
}

.popup.hasFooter .popupPosition:before {
    bottom: -90px;
}

.popup.hasFooter .popupFooter {
    padding-top: 20px;
}

.popup.open {
    display: block;
}

.popup:before {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: "";
}

.popup::selection {
    background: 0;
}

.popup .popupPosition {
    z-index: 2;
    position: relative;
    display: inline-block;
    max-height: 100%;
    text-align: left;
    border: 1px solid #333;
    font-size: 15px;
    white-space: normal;
    vertical-align: middle;
    background: #fff;
}

.popup .popupPosition:before {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.4);
    content: "";
}

.popup .popupContents {
    z-index: 1;
    position: relative;
    overflow: auto;
    max-width: 100%;
    max-height: 100%;
    margin-top: -2px;
    padding-top: 2px;
}

.popup .popupHeader {
    z-index: 2;
    position: absolute;
    top: -52px;
    left: -1px;
    width: 100%;
    height: 50px;
    border: 1px solid #333;
    border-bottom: 1px solid #dde4ec;
    background: #fff;
}

.popup .popupHeader .popupTitle {
    padding: 0 60px 0 16px;
    font-size: 16px;
    font-weight: 500;
    line-height: 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.popup .popupHeader .popupCloseBtn {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    border: 0;
    text-indent: -9999px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAARCAYAAADQWvz5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA25pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5MDI3OTk0Yi0yYjI1LTJlNGMtYTQ4YS1iYzA2NDRkMGIzMzIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzM1QTQyNDQ4NjUzMTFFOEI5NjNFOUIwNEYxNTk1NTciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzM1QTQyNDM4NjUzMTFFOEI5NjNFOUIwNEYxNTk1NTciIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTY5MUEwNTc4MzRDMTFFOEJCQkVFNDlFQTgyRDk0RkYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTY5MUEwNTg4MzRDMTFFOEJCQkVFNDlFQTgyRDk0RkYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6WSLqQAAABB0lEQVR42pySaaqFMAyFmzrgNgWnDSnOrlNE8zhCoLe1vdfXP9WkOfky0DAMTESqLEtS/ziIx03MrKZpYtxVVb0Sm+f5jgOEhgEfMMDxhkRE8K/FUdc1neepxnHkX0gEQGw3iXlQpv3I9iNh0zQffm0/lDKXZXHIQHtdlyPySGQGwYeSpSdRFKmiKB5JvUISrLVWoMCKhKaqQ00FDRL9shpBIWl8lmWqbdvgNL2l2Uu6bRvv+/7YaC9R3/f3dMxy8jwn9Mm3Zw6RLJtvOvDbSRwiTAmPfCKSAGTSP0cImb6N2Fza4zjUuq78URp6EsdxkOTpdF3HSZLcwoSxpmn6WsQUQ/yfAAMAl6XEeJIUMXAAAAAASUVORK5CYII=") no-repeat center;
}

.popup .popupHeader .popupCloseBtn:active {
    background-color: #ebebeb;
}

.popup .popupFooter {
    z-index: 2;
    position: absolute;
    left: -1px;
    top: 100%;
    width: 100%;
    padding-bottom: 30px;
    text-align: center;
    font-size: 0;
    border: 1px solid #333;
    border-top: 0;
    background: #fff;
}

.popup .popupFooter button {
    display: inline-block;
    font-size: 16px;
    min-width: 140px;
    min-height: 40px;
    margin-left: 10px;
    font-size: 16px;
    border: 0;
    border-radius: 2px;
    background: 0;
}

.popup .popupFooter button + button {
    margin-left: 10px;
}

.popup .popupFooter button.popupConfirm {
    color: #fff;
    background: #323232;
}

.popup .popupFooter button.popupCancel {
    color: #000;
    border: 1px solid #000;
}

.popup .popupFooter button.popupCancel:active {
    background: #ebebeb;
}

.popup .popupDim {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjZERDY1MjUzODY1MzExRThCRDY3RjRDQkUyNjVEMzc3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjZERDY1MjU0ODY1MzExRThCRDY3RjRDQkUyNjVEMzc3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NkRENjUyNTE4NjUzMTFFOEJENjdGNENCRTI2NUQzNzciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NkRENjUyNTI4NjUzMTFFOEJENjdGNENCRTI2NUQzNzciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5OnGDiAAAAD0lEQVR42mJgYGDwBQgwAABSAE5RZV5PAAAAAElFTkSuQmCC");
}

.popup.couponRegister button {
    padding: 0;
    border: 0;
    background: none;
    cursor: pointer;
}

.popup.couponRegister .popupContents {
    width: 519px;
    color: #000;
    box-sizing: border-box;
}

.popup.couponRegister .registerBody {
    padding: 26px 30px 27px;
}

.popup.couponRegister .registerBody .infoText {
    margin-bottom: 18px;
    font-size: 15px;
}

.popup.couponRegister .registerBody .registerForm {
    font-size: 0;
}

.popup.couponRegister .registerBody .registerForm label {
    display: inline-block;
    width: 64px;
    font-size: 15px;
    font-weight: 500;
    vertical-align: middle;
}

.popup.couponRegister .registerBody .registerForm input {
    display: inline-block;
    width: 300px;
    height: 30px;
    padding: 0 5px;
    font-size: 14px;
    line-height: 28px;
    border: 1px solid #b5bcc6;
    box-sizing: border-box;
    vertical-align: middle;
}

.popup.couponRegister .registerBody .registerForm .submit {
    display: inline-block;
    width: 88px;
    height: 30px;
    margin-left: 7px;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    vertical-align: middle;
    border-radius: 2px;
    background: #323232;
}

.popup.couponRegister .registerBody .registerForm .submit:active {
    background-color: #424242;
}

.popup.couponRegister .infoBlock {
    padding: 15px 30px 22px;
    background: #f5f6fa;
}

.popup.couponRegister .infoBlock .infoList > li {
    position: relative;
    padding-left: 8px;
    color: #666;
    font-size: 12px;
    font-weight: 300;
}

.popup.couponRegister .infoBlock .infoList > li:before {
    content: "";
    position: absolute;
    top: 9px;
    left: 1px;
    width: 2px;
    height: 2px;
    background: #999;
}

.popup.couponLookup button {
    padding: 0;
    border: 0;
    background: none;
    cursor: pointer;
}

.popup.couponLookup .popupContents {
    width: 519px;
    max-height: 468px;
    padding: 25px 30px 19px;
    color: #000;
    box-sizing: border-box;
}

.popup.couponLookup .select {
    z-index: 3;
    position: relative;
    height: 100%;
    padding: 0 40px 0 14px;
    font-size: 16px;
    color: #343434;
    cursor: pointer;
    border: 1px solid #b6bdc7;
    box-sizing: border-box;
    white-space: nowrap;
    background: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: absolute;
    top: 10px;
    right: 30px;
    width: 138px;
    height: 40px;
    font-size: 14px;
}

.popup.couponLookup .select:before {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: "";
}

.popup.couponLookup .select:after {
    position: absolute;
    right: 15px;
    top: 0;
    width: 13px;
    height: 100%;
    background: url("//openimage.interpark.com/tour-desktop/pages/detail/housing/downarrow.png") no-repeat center;
    content: "";
}

.popup.couponLookup .select:active {
    background: #f7f7f7;
}

.popup.couponLookup .select span {
    display: inline-block;
    vertical-align: middle;
}

.popup.couponLookup .select.open {
    z-index: 4;
}

.popup.couponLookup .select.open:active {
    background: none;
}

.popup.couponLookup .select.open ul {
    display: block;
}

.popup.couponLookup .select ul {
    z-index: 3;
    overflow: auto;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    display: none;
    max-height: 257px;
    margin: -1px;
    border: 1px solid #333;
    background: #fff;
}

.popup.couponLookup .select ul li {
    padding: 9px 14px;
}

.popup.couponLookup .select ul li:hover {
    background: #f7f7f7;
}

.popup.couponLookup .select ul li + li {
    border-top: 1px solid #dfe5ed;
}

.popup.couponLookup .select ul li.disabled {
    color: #ccc;
    cursor: initial;
}

.popup.couponLookup .select ul li.disabled:hover {
    background: none;
}

.popup.couponLookup .select ul {
    max-height: 150px;
}

.popup.couponLookup .couponGroup ~ .couponGroup {
    margin-top: 43px;
}

.popup.couponLookup .couponGroup .groupTit {
    margin-bottom: 15px;
    padding: 0 150px 7px 6px;
    font-size: 16px;
    font-weight: 500;
    border-bottom: 1px solid #333;
}

.popup.couponLookup .couponGroup .groupTit .sub {
    display: inline-block;
    margin-left: 6px;
    color: #a4a4a4;
    font-size: 12px;
    font-weight: 300;
}

.popup.couponLookup .couponGroup .couponList > li {
    position: relative;
    padding-left: 20px;
}

.popup.couponLookup .couponGroup .couponList > li ~ li {
    margin-top: 6px;
}

.popup.couponLookup .couponGroup .couponList input[type="radio"] {
    position: absolute;
    top: 7px;
    left: 0;
    margin: 0;
    vertical-align: middle;
    cursor: pointer;
}

.popup.couponLookup .couponGroup .couponList label {
    font-size: 16px;
    vertical-align: middle;
    cursor: pointer;
}

.popup.couponLookup .couponGroup .couponList label span {
    font-weight: 300;
}

.popup.couponLookup .btmCouponBox {
    margin-top: 40px;
    padding: 15px 24px 20px;
    border: 1px solid #b5bcc6;
}

.popup.couponLookup .btmCouponBox h3 {
    font-size: 15px;
}

.popup.couponLookup .btmCouponBox .appliedList > li {
    position: relative;
    padding-left: 10px;
    font-size: 13px;
}

.popup.couponLookup .btmCouponBox .appliedList > li:first-child {
    margin-top: 6px;
}

.popup.couponLookup .btmCouponBox .appliedList > li:before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    width: 2px;
    height: 2px;
    background: #666;
}

.popup.roomDetailInfo .popupContents {
    width: 780px;
}

.popup.roomDetailInfo .popupContents .contents {
    overflow: hidden;
    padding: 29px;
}

.popup.roomDetailInfo .popupContents .roomMainSliderWrap {
    position: relative;
    width: 720px;
}

.popup.roomDetailInfo .popupContents .roomMainSliderWrap .roomMainSlider {
    height: 400px;
}

.popup.roomDetailInfo .popupContents .roomMainSliderWrap .roomMainSlider .item {
    position: relative;
    margin-top: 0;
    width: 720px !important;
}

.popup.roomDetailInfo .popupContents .roomMainSliderWrap .roomMainSlider .item p {
    z-index: 100;
    position: absolute;
    bottom: 13px;
    right: 59px;
    color: #bebebe;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: -1px;
}

.popup.roomDetailInfo .popupContents .roomMainSliderWrap .roomMainSlider div {
    width: 720px;
    height: 400px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-color: #000;
}

.popup.roomDetailInfo .popupContents .roomMainSliderWrap .bx-pager {
    z-index: 60;
    position: absolute;
    right: 17px;
    bottom: 13px;
    font-weight: 300;
    font-size: 14px;
    color: #bebebe;
    letter-spacing: -1px;
}

.popup.roomDetailInfo .popupContents .roomMainSliderWrap .bx-prev {
    z-index: 100;
    position: absolute;
    width: 37px;
    height: 37px;
    top: 50%;
    left: 20px;
    margin-top: -18px;
    text-indent: -9999px;
    background: url("//openimage.interpark.com/tour-desktop/pages/popupCommon/detail/slide_btn.png") no-repeat left top;
}

.popup.roomDetailInfo .popupContents .roomMainSliderWrap .bx-prev:active {
    background-position-y: bottom;
}

.popup.roomDetailInfo .popupContents .roomMainSliderWrap .bx-next {
    z-index: 100;
    position: absolute;
    width: 37px;
    height: 37px;
    top: 50%;
    right: 20px;
    margin-top: -18px;
    text-indent: -9999px;
    background: url("//openimage.interpark.com/tour-desktop/pages/popupCommon/detail/slide_btn.png") no-repeat right top;
}

.popup.roomDetailInfo .popupContents .roomMainSliderWrap .bx-next:active {
    background-position-y: bottom;
}

.popup.roomDetailInfo .popupContents .roomThumbSliderWrap {
    position: relative;
    width: 752px;
    height: 94px;
}

.popup.roomDetailInfo .popupContents .roomThumbSliderWrap .bx-wrapper {
    margin-left: 0 !important;
}

.popup.roomDetailInfo .popupContents .roomThumbSliderWrap .bx-viewport {
    width: 720px !important;
    background: #000;
}

.popup.roomDetailInfo .popupContents .roomThumbSliderWrap .roomThumbSlider {
    height: 94px;
}

.popup.roomDetailInfo .popupContents .roomThumbSliderWrap .roomThumbSlider div {
    position: relative;
    width: 94px !important;
    height: 94px !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
}

.popup.roomDetailInfo .popupContents .roomThumbSliderWrap .roomThumbSlider div.active:before {
    display: none;
}

.popup.roomDetailInfo .popupContents .roomThumbSliderWrap .roomThumbSlider div:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    content: "";
}

.popup.roomDetailInfo .popupContents .roomThumbSliderWrap .roomThumbSlider img {
    display: block;
    width: 94px;
    height: 94px;
}

.popup.roomDetailInfo .popupContents .roomThumbSliderWrap .roomThumbSlider .item {
    margin-top: 0;
}

.popup.roomDetailInfo .popupContents .titWrap .subTit {
    display: block;
    margin: 25px 0 0;
    padding: 0 8px;
    font-size: 12px;
    color: #aaa;
}

.popup.roomDetailInfo .popupContents .titWrap .tit {
    position: relative;
    margin-top: -3px;
    padding: 0 8px;
    padding-bottom: 10px;
    font-weight: 500;
    font-size: 24px;
    color: #000;
}

.popup.roomDetailInfo .popupContents .titWrap .tit:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #343434;
    content: "";
}

.popup.roomDetailInfo .popupContents .infoWrapper {
    overflow: hidden;
    padding: 20px 0 0;
}

.popup.roomDetailInfo .popupContents .infoWrapper .cell {
    float: left;
    width: 312px;
    padding: 0 20px;
}

.popup.roomDetailInfo .popupContents .infoWrapper .cell > * + * {
    margin-top: 24px;
}

.popup.roomDetailInfo .popupContents .iconWrap {
    position: relative;
    width: 283px;
    padding-left: 34px;
}

.popup.roomDetailInfo .popupContents .iconWrap img {
    position: absolute;
    left: 0;
    top: 0;
}

.popup.roomDetailInfo .popupContents .iconWrap img.bed {
    top: 3px;
}

.popup.roomDetailInfo .popupContents .iconWrap .txt {
    font-weight: 300;
    font-size: 14px;
    color: #000;
}

.popup.roomDetailInfo .popupContents .iconWrap sub {
    font-size: 12px;
    font-weight: 300;
    color: #999;
}

.popup.roomDetailInfo .popupContents .iconWrap + .iconWrap {
    margin-top: 5px;
}

.popup.roomDetailInfo .popupContents .titNTxtWrap dt {
    font-weight: 400;
    font-size: 17px;
    color: #000;
}

.popup.roomDetailInfo .popupContents .titNTxtWrap dd {
    font-weight: 300;
    font-size: 12px;
    color: #999;
}

.popup.passwordAgain button {
    padding: 0;
    border: 0;
    background: none;
    cursor: pointer;
}

.popup.passwordAgain .popupContents {
    width: 394px;
    padding: 28px 30px 0;
    color: #000;
    font-size: 15px;
    text-align: center;
    box-sizing: border-box;
}

.popup.passwordAgain .guide {
    margin-bottom: 18px;
}

.popup.passwordAgain .pwForm label {
    margin-right: 13px;
    font-weight: 500;
    vertical-align: middle;
}

.popup.passwordAgain .pwForm input {
    width: 250px;
    height: 30px;
    padding: 0 5px;
    border: 1px solid #b5bcc6;
    box-sizing: border-box;
}