/*
.subBanner{ height: 300px; overflow: hidden; position: relative; margin-top: 70px; }
.subBanner img{
    position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%
}
.mypage{ margin: 60px 0}
*/
.subBanner{display: none}
.mypage{ margin: 150px 0 60px}
.mypage .greet{
    font-size: 19px; line-height: 22px; height: 22px;
    margin-bottom: 50px; margin-top: 10px; font-weight: 600;
    border-bottom: gray 3px double; padding-bottom: 10px; position: relative
}
.mypage .greet .coment{ text-align: right; margin-right: 8px}
.mypage .greet .title{
    text-align: left; position: absolute; top: -6px; font-size: 34px; font-weight: bold
}
.mypage .greet:after{
    content: ""; display: block; background: white; border: gray 2px solid;
    width: 8px; height: 8px; border-radius: 50%; position: absolute; right: 0; bottom: -7px
}
.mypage .greet span{ font-weight: bold; font-size: 22px}
.sub h3{
    display: block;
    font-size: 32px; height: 32px; line-height: 32px; font-weight: 600; text-align: center;
    margin-bottom: 40px;
}
.sub h4{ margin-top: 40px; font-size: 24px; font-weight: 600}

.choice-theme{ margin-bottom: 50px; width: }
.reserv-list{ position: relative}
.reserv-list > .exe-box{ text-align: left}
.reserv_tab{ display: table; width: 100%; table-layout: fixed }
.reserv_tab .tablinks{
    display: table-cell;
    border: silver 1px solid; padding: 10px; text-align: center; font-weight: 600
}
.reserv_tab .tablinks + .tablinks{ border-left: 0 }
.reserv .bd-list{ margin-top: 30px }
.reserv h4 + .bd-list{ margin-top: 0 }
.reserv-count{ text-align: right; margin-bottom: 10px; font-size: 15px;}
.bd-count .red{ font-weight: bold }
.table-wrap + .table-wrap{ margin-top: 20px}
.table-wrap td{ text-align: center; padding: 10px}
.table-wrap td.price{ text-align: right;padding-right:3px !important;}
.table-wrap .total{ text-align: right; font-weight: bold; font-size: 15px; margin-top: 10px}
.reserv-table{ white-space: nowrap; line-height: 160% }
.reserv-table td:last-child{ width: 180px }
.reserv-table td button{ display: block; margin: auto; padding: 0 15px; width: 140px; box-sizing: border-box; border:#ccc 1px solid;}
.reserv-table td button + button{ margin-top: 5px}
.reserv-table td span + button{ margin-top: 10px}
.col-theme-title{ width: 420px; overflow-x: hidden}
td.col-theme-title{
    text-align: left; padding-left: 10px; padding-right: 10px; box-sizing: border-box
}
.exe-box{
    margin-top: 20px; text-align: center; font-size: 15px; line-height: 150%;
    border: silver 1px solid; padding: 30px; margin-top: 20px
}
.exe-box .title{
    font-size: 16px; font-weight: bold;
    margin-bottom: 20px; padding-bottom: 10px; border-bottom: silver 1px dashed
}
.exe-box .title2, .exe-box2 .title2{ font-size: 16px; font-weight: bold; margin-bottom: 10px;}
.exe-box .title3, .exe-box2 .title3{ font-weight: bold; margin-top: 10px;}
.exe-box p + .title2, .exe-box2 p + .title2{ margin-top: 20px}
.exe-box dl + .title{ margin-top: 40px}
.exe-box dl{ display: table; margin-left: 10px}
.exe-box dl + dl{ margin-top: 10px}
.exe-box dt,.exe-box dd{ display: table-cell}
.exe-box dt{ padding-right: 10px; font-weight: 600; width: 80px}
.exe-box.custom dd > span{ margin: 0 10px }
.exe-box.custom dd > span:first-child{ margin-left: 0}
.exe-box2{ text-align: left; font-size: 14px}
.exe-box3 .title2{ font-size: 16px; font-weight: bold; margin-bottom: 5px;}
.exe-box-small{ padding: 20px 30px}

.process-wrap{
    display: flex; flex-wrap: wrap;
    margin: 0 -30px 40px;
}
.process-wrap li{ flex: 0 0 25%; width: 100%; padding: 0 30px; box-sizing: border-box; position: relative; height: 200px}
.process-wrap li + li:before{
    content: ""; display: block; width: 40px; height: 40px;
    background: url(/images/right03.png) center no-repeat;
    position: absolute; left: 0; top: 50%; transform: translate(-50%,-50%)
}
.process-wrap li .s-btn-wrap button{ height: 30px; padding: 0 10px; box-shadow: 0 2px 2px #efefef}
.process-box{
    border: silver 1px solid; border-radius: 5px; padding: 20px; height: 100%;
    box-sizing: border-box; box-shadow: 0 2px 3px silver
}
.process-box p.title{
    font-weight: 600; font-size: 16px; margin-bottom: 20px;
    padding: 10px 20px; border-radius: 40px
}
.process-wrap li:first-child .process-box p:nth-child(2),
.process-wrap li:first-child .process-box p:nth-child(3){
    display: inline-block; width: 50%; margin-right: -2px; box-sizing: border-box;
    margin-bottom: 10px
}
.process-wrap li:first-child .process-box p:nth-child(2) span:nth-child(2),
.process-wrap li:first-child .process-box p:nth-child(3) span:nth-child(2){
    margin-left: 10px; font-weight: bold
}
.process-box .txt-box{
    padding: 10px 7px; margin-top: 10px; border-radius: 5px; word-break: keep-all;
    position: absolute; box-sizing: border-box;
    width: calc(100% - 100px);
    left: 50%; bottom: 20px; transform: translate(-50%);
}
.process-wrap li:nth-child(2) .process-box .s-btn-wrap{ position: relative}
.process-wrap li:nth-child(2) .process-box .s-btn-wrap{
    margin-top: -5px; text-align: right
}
.process-wrap li:nth-child(3) p.title + div{
    overflow: hidden; margin-bottom: 10px; margin-top: -5px; padding-bottom: 5px}
.process-wrap li:nth-child(3) p.title + div span{ display: inline-block; margin-top: 5px}
.process-wrap li:nth-child(3) .process-box .s-btn-wrap{ float: right}

.pay-bd-list .col-theme-title{ width: 350px}

.pop-mypage .container{ padding: 30px 0}
.pop-mypage h3{ margin-bottom: 10px}
.pop-mypage h3,
.pop-mypage h3 span{ font-size: 20px}
.pop-mypage h3 span.txt{ font-weight: normal; font-size: 14px}
.pop-mypage h3 span.txt.abs{ left: 50%; transform: translate(-50%)}
.pop-mypage h3 .s-btn-wrap{ float: right}
.pop-mypage h3 .s-btn-wrap button{ padding: 0 10px}
.pop-mypage h4{ font-size: 16px; font-weight: bold; margin-bottom: 10px}
.pop-mypage .table-wrap{ overflow: hidden}
.pop-mypage .table-wrap dl{ display: table; width: 100%; line-height: 160%}
.pop-mypage .table-wrap dl + dl,
.pop-mypage .table-wrap dl + dl.w-half.first:nth-child(2) ~ dl.w-half{ margin-top: -1px}
.pop-mypage .table-wrap dt,
.pop-mypage .table-wrap dd{
    padding: 10px; border: silver 1px solid; box-sizing: border-box;
}
.pop-mypage .table-wrap + h3{ margin-top: 50px }
.pop-mypage .table-wrap dt{ width: 150px; border-right: 0; font-weight: 600}
.pop-mypage .table-wrap dt .red{ display: inline-block; width: 10px}
.pop-mypage .table-wrap dd.pd-name{ width: 50%}
.pop-mypage .table-wrap dd.pd-code{ border-left: 0}
.pop-mypage .table-wrap .dl-wrap{ overflow: hidden}
.pop-mypage .table-wrap dl.w-half{ width: 50%; float: left; margin: 0}
.pop-mypage .table-wrap dl.w-half:nth-child(even) dt{ border-left: 0;}
.pop-mypage .table-wrap dl.w-half:nth-child(even).first dt{ border-left: #ccc 1px solid}
.pop-mypage .table-wrap dl.w-half:nth-child(even).first + dl.w-half dt{ border-left: 0}
.pop-mypage .table-wrap dl.w-half:nth-child(2) ~ dl { margin-top: -1px; float: left}
.pop-mypage .table-wrap dl.hx2{ height: 83px}
.pop-mypage .table-wrap dl.half-r{ float: right}
.pop-mypage .table-wrap dl.half-r dt{ border-left: 0}
.pop-mypage .table-wrap dl.half-r dt,
.pop-mypage .table-wrap dl.half-r dd{ vertical-align: middle}
.pop-mypage .table-wrap dl.half-r + dl.w-half dt{ border-left: 1px solid silver;}
.pop-mypage .table-wrap input[type='radio']{ height: 100%}
.pop-mypage .table-wrap label + label,
.pop-mypage .table-wrap label + input[type='radio']{ margin-left: 10px}
.pop-mypage .pop-table-payInfo .table-wrap + h4{ margin-top: 20px}
.pop-table{ width: 100%}
.pop-mypage .table-wrap th, .pop-mypage .table-wrap td{
    padding: 5px 10px; box-sizing: border-box; height: 42px;
    border: silver 1px solid
}
.reserv-table th { padding-left: 5px; padding-right: 5px; box-sizing: border-box}
.pop-mypage .btn_info_traveler{}
.pop-mypage .table-wrap .pop-table-pay td{ padding: 5px 10px}
.pop-table-pay td.tax{ width: 25%}
/*.pop-mypage .pop-table-payInfo dt{ width: 200px}*/
.pop-mypage .pop-table-payInfo dd.total{ text-align: left}
.pop-mypage .pop-table-payInfo + .pop-table-payInfo{ margin-top: 30px}
.pop-mypage .pop-table-payInfo .dl-pay_way input[type='text'],
.pop-mypage .pop-table-payInfo .dl-pay_way input[type='password']{ width: 80px}
.pop-mypage .pop-table-payInfo .slct_year{ margin-left: 10px}
.pop-mypage .pop-table-payInfo .dl-pay_way input[type='text'] + button,
.pop-mypage .pop-table-payInfo .dl-pay_way input[type='password'] + button{ margin-left: 3px; padding: 0 10px}
.pop-mypage .btn-wrap{ margin-top: 40px; text-align: center}
.pop-mypage .btn-wrap button{ height: 40px; padding-left: 20px; padding-right: 20px; min-width: 120px}
.pop-mypage .btn-wrap button + button{ margin-left: 5px}
.pop-mypage .btn-wrap button.close2{ width: 200px;}
.pop-table input[type='text'],
.pop-table input[type='password'],
.pop-table input[type='tel']{ width: 120px}
.airline-mileage{}
.airline-mileage .slct-airline,
.airline-mileage .slct-airline + input{ display: block}
.airline-mileage .slct-airline + input{ margin-top: 3px}
.inp-doc-name{ width: 500px}
.inp-etc{ width: 608px}
div + .exe-box, div + .exe-box2, .exe-box + .table-wrap, .table-wrap + h4{ margin-top: 20px}

.cancel-table th:nth-child(1),
.cancel-table td:nth-child(1){ width: 40px}
.cancel-table th:nth-child(2),
.cancel-table td:nth-child(2){ width: 60px}
.cancel-table + .table-dl{ margin-top: -1px}
.cancel-table-wrap .table-dl dt{ width: 100px}
.cancel-table-wrap .table-dl dd > textarea{ width: 100%; height: 70px;}
.reservNum{ font-weight: bold; font-size: 18px}
#pop_cause_cancel .popup-contents-wrap{ padding-right: 5px}
.bankNum{ width:360px}
.bankName, .bankNum{ margin-left: 5px}
.pop-mypage .table-wrap td.td-outer{ padding: 0}
.td-inner{ height: 42px; padding: 5px 10px; box-sizing: border-box; display: table; width: 100%}
.td-inner > span{ display: table-cell; vertical-align: middle}
.td-inner + .td-inner{ border-top: silver 1px solid}

.cancel-hotel{ white-space: nowrap}
.cancel-hotel th.date{ width: 160px}
.cancel-hotel th.room-count{ width: 80px}
.cancel-hotel td.room-count input[type='text']{ width: 40px; margin-top: 4px}

.bd-qna .bd-count{ text-align: left;padding-bottom:5px;}
.bd-qna .btn-qna{ position: absolute; top: -12px; right: 0}

.reserv--count-wrap{display:flex; /* flex-wrap: wrap;*/ justify-content: space-between; align-items: center; margin-bottom:10px;}
.reserv--count-wrap .count--area{width:50%; font-size: 15px;}
.reserv--count-wrap .count--area .f-red{font-weight: bold;color:#dc2527}
.reserv--count-wrap .btn--area{width:50%;text-align: right;}