@charset "utf-8";

.mypage{padding-top:40px;}
.mypage .layout{display: flex;gap:40px;justify-content: space-between;}
.mypage .layout .left-panel{width:100%;max-width:220px;}
.mypage .layout .right-panel{width:100%;max-width:900px;}
.mypage.guest .layout{justify-content: center;}
.mypage.guest .layout .left-panel{display: none;}
.mypage.guest .layout .right-panel{width:100%;max-width:900px;}

.mypage .mypage-title{font-size: 26px;font-weight: 500;color: #121212;line-height: 1;}
.mypage .home{}
.mypage .home .status-box{margin-top:20px;padding:30px;border-radius: 10px;background-color: #f6f6f6;}
.mypage .home .status-box ul{display: flex;}
.mypage .home .status-box ul li{flex: 1;}
.mypage .home .status-box ul li span{display: block;font-size: 15px;font-weight: 500;color: #787878;}
.mypage .home .status-box ul li strong{display: block;margin-top: 10px;font-size: 28px;font-weight: bold;color: #121212;}
.mypage .home section{margin-top:60px;}
.mypage .home section .title-group{display: flex;align-items: center;justify-content: space-between;}
.mypage .home section .title-group h3{font-size: 18px;font-weight: bold;color: #121212;}
.mypage .home section .title-group a{position: relative;padding-left: 21px;font-size: 12px;font-weight: bold;letter-spacing: -0.24px;color: #787878;}
.mypage .home section .title-group .view{padding-left: 0;padding-right: 20px;font-size:14px;}
.mypage .home section .title-group .view:before{content: "";position:absolute;top:2px;right:0;display: block;width:15px;height:15px;background: url(/_public/images2/icon/ico_view4.svg) no-repeat;background-size: cover;}
.mypage .home section .title-group .view2:before{content: "";position:absolute;left:0;display: block;width:16px;height:16px;background: url(/_public/images2/icon/ico_setting.svg) no-repeat;background-size: cover;}
.mypage .home section .nodata{text-align: center;font-size: 15px;font-weight: 500;color: #787878;}
.mypage .home section .info-box{margin-top:20px;padding: 30px; border-radius: 10px;border: solid 1px #e5e5e5;background-color: #fff;}
.mypage .home section .info-box ul{display: flex;flex-wrap: wrap;gap:20px;}
.mypage .home section .info-box ul li{position: relative;width:calc(50% - 10px);padding-left: 82px;font-size: 15px;font-weight: 500;color: #121212;}
.mypage .home section .info-box ul li em{position: absolute;left:0;font-size: 15px;font-weight: 500;color: #787878;}
.mypage .home section .customer-box{margin-top:20px;padding: 30px; border-radius: 10px;border: solid 1px #e5e5e5;background-color: #fff;}
.mypage .home section .customer-box ul{display: flex;}
.mypage .home section .customer-box ul li{flex:1;}
.mypage .home section .customer-box ul li strong{display: block; font-size: 18px;font-weight: bold;color: #121212;}
.mypage .home section .customer-box ul li span{display: block;margin-top:5px;font-size: 15px;font-weight: 500;color: #787878;}

.mypage .password{}
.mypage .password .info-box{position:relative;margin-top:20px;border-radius: 10px;background-color: #f8f8f8;padding:20px 20px 20px 95px;font-size: 16px;font-weight: normal;line-height: 1.63;letter-spacing: -0.32px;color: #121212;}
.mypage .password .info-box:before{content: "";display: block;position: absolute;top:22px;left:30px;width:35px;height:35px;background: url(/_public/images2/contents/mypage_img01.svg) no-repeat;background-size: cover;}
.mypage .password .form-box{margin-top: 40px;}

.mypage .password .policy-box{margin-top:50px;}
.mypage .password .policy-box h3{font-size: 24px;font-weight: bold;letter-spacing: -0.48px;color: #121212;}
.mypage .password .policy-box .chk-list{margin-top:20px;}
.mypage .password  .policy-box .chk-list .allcheckbox{padding: 18px 20px;border-radius: 10px;border: solid 1px #d5d5d5;background-color: #f8f8f8;}
.mypage .password  .policy-box .chk-list #allchk + label{font-size:16px;}
.mypage .password  .policy-box .chk-list #allchk + label:before{top:0;}
.mypage .password  .policy-box .chk-list ul{margin-top:20px;}
.mypage .password .policy-box .chk-list ul li{position: relative;display: flex;align-items: center;justify-content: space-between;padding:0 20px;}
.mypage .password  .policy-box .chk-list ul li .checkbox-type2{}
.mypage .password  .policy-box .chk-list ul li .checkbox-type2 label{font-size:14px;}
.mypage .password  .policy-box .chk-list ul li .checkbox-type2 label:before{top:-2px;}
.mypage .password  .policy-box .chk-list ul li + li{margin-top:10px;}
.mypage .password .button-box{margin-top:50px;display: flex;justify-content: center;}
.mypage .password .button-box button{display: flex;align-items: center;justify-content: center;width:100%;max-width:440px;height:55px;  border-radius: 10px;background-color: #057e54;color:#fff; font-size: 18px;font-weight: 600;}

.mypage .withdrawal{}
.mypage .withdrawal .info-box{position:relative;margin-top:20px;border-radius: 10px;background-color: #f6fbfa;padding:20px 20px 20px 95px;font-size: 16px;font-weight: normal;line-height: 1.63;letter-spacing: -0.32px;color: #121212;}
.mypage .withdrawal .info-box:before{content: "";display: block;position: absolute;top:22px;left:30px;width:35px;height:35px;background: url(/_public/images2/contents/mypage_img02.svg) no-repeat;background-size: cover;}
.mypage .withdrawal .form-box{margin-top: 40px;}
.mypage .withdrawal .noti-box{margin-top: 40px;}
.mypage .withdrawal .noti-box h3{font-size: 18px;font-weight: bold;color: #121212;}
.mypage .withdrawal .noti-box .txt-box{margin-top:20px; border-radius: 10px;background-color: #f8f8f8;padding:30px;}
.mypage .withdrawal .noti-box .txt-box ul{}
.mypage .withdrawal .noti-box .txt-box ul li{font-size: 15px;font-weight: 500;line-height: 1.67;color: #787878;}
.mypage .withdrawal .noti-box .txt-box ul li + li{margin-top: 20px;}
.mypage .withdrawal .noti-box .txt-box ul li strong{display:block;margin-bottom:5px;font-size: 15px;font-weight: bold;color: #121212;}
.mypage .withdrawal .noti-box .chk-box{margin-top:20px;padding:0 10px;}

.mypage .withdrawal .button-box{margin-top:50px;display: flex;justify-content: center;}
.mypage .withdrawal .button-box button{display: flex;align-items: center;justify-content: center;width:100%;max-width:440px;height:55px;  border-radius: 10px;background-color: #057e54;color:#fff; font-size: 18px;font-weight: 600;}


.mypage .my-reservation{margin-top:20px;}
.mypage .my-reservation .list-wrap{margin-top:20px;}
.mypage .my-reservation .search-box{margin-bottom: 30px;}
.mypage .my-reservation .search-box .input-wrap{position: relative;}
.mypage .my-reservation .search-box .input-wrap input[type="text"]{width:100%;height:50px;border-radius: 10px;border: solid 1px #cdd2d5;background-color: #fff;padding:0 20px 0 70px;  font-size: 16px;font-weight: normal;letter-spacing: -0.32px;}
.mypage .my-reservation .search-box .input-wrap input[type="text"]::placeholder{color: #787878;}
.mypage .my-reservation .search-box .input-wrap button{position: absolute;top: 12px;left: 20px;width: 25px;height: 25px;background: url(/_public/images2/icon/ico_search.svg) no-repeat;background-size: cover;font-size: 0;}
.mypage .my-reservation .search-box .date-box{margin-top:20px;padding: 15px 20px;border-radius: 10px;background-color: #f8f8f8;}
.mypage .my-reservation .search-box .date-box .period-list{display: flex;}
.mypage .my-reservation .search-box .date-box .period-list button{flex:1;display: flex;align-items: center;justify-content: center;border:1px solid #cdd2d5;height:50px; font-size: 16px;font-weight: normal;text-align: center;color: #787878;background: #fff;}
.mypage .my-reservation .search-box .date-box .period-list button:first-child{border-radius: 10px 0 0 10px;}
.mypage .my-reservation .search-box .date-box .period-list button:last-child{border-radius: 0 10px 10px 0}
.mypage .my-reservation .search-box .date-box .period-list button + button{margin-left:-1px;}
.mypage .my-reservation .search-box .date-box .period-list button.on{border-color:#202020;color:#202020;font-weight: 600;position: relative;}
.mypage .my-reservation .search-box .date-box .b-cont{margin-top:15px;display: flex;gap:10px;}
.mypage .my-reservation .search-box .date-box .b-cont .date-wrap{width:calc(100% - 200px); border-radius: 10px;border: solid 1px #cdd2d5;background-color: #fff;align-items: center;gap:20px;display: flex;overflow: hidden;}
.mypage .my-reservation .search-box .date-box .b-cont .date-wrap .input-date{width:calc(50% - 10px);}
.mypage .my-reservation .search-box .date-box .b-cont .date-wrap input[type="date"]{width:100%;height:50px;border:0;padding:0 20px;font-size: 16px;font-weight: normal;color: #202020;}
.mypage .my-reservation .search-box .date-box .b-cont .date-wrap input[type="date"]:focus{border:0;outline: 0;}
.mypage .my-reservation .search-box .date-box .b-cont .date-wrap span{display:inline-block;font-size: 16px;font-weight: normal;color: #202020;}
.mypage .my-reservation .search-box .date-box .b-cont button{display:flex;width:190px;align-items: center;justify-content: center;height:50px;border-radius: 10px;background-color: #202020;font-size: 16px;font-weight: 500;text-align: center;color: #fff;}


.mypage .my-reservation{margin-top:20px;}
.mypage .my-reservation .list-wrap{margin-top:20px;}
.mypage .my-reservation .search-box{margin-bottom: 30px;}
.mypage .my-reservation .search-box .input-wrap{position: relative;}
.mypage .my-reservation .search-box .input-wrap input[type="text"]{width:100%;height:50px;border-radius: 10px;border: solid 1px #cdd2d5;background-color: #fff;padding:0 20px 0 70px;  font-size: 16px;font-weight: normal;letter-spacing: -0.32px;}
.mypage .my-reservation .search-box .input-wrap input[type="text"]::placeholder{color: #787878;}
.mypage .my-reservation .search-box .input-wrap button{position: absolute;top: 12px;left: 20px;width: 25px;height: 25px;background: url(/_public/images2/icon/ico_search.svg) no-repeat;background-size: cover;font-size: 0;}
.mypage .my-reservation .search-box .date-box{margin-top:20px;padding: 15px 20px;border-radius: 10px;background-color: #f8f8f8;}
.mypage .my-reservation .search-box .date-box .period-list{display: flex;}
.mypage .my-reservation .search-box .date-box .period-list button{flex:1;display: flex;align-items: center;justify-content: center;border:1px solid #cdd2d5;height:50px; font-size: 16px;font-weight: normal;text-align: center;color: #787878;background: #fff;}
.mypage .my-reservation .search-box .date-box .period-list button:first-child{border-radius: 10px 0 0 10px;}
.mypage .my-reservation .search-box .date-box .period-list button:last-child{border-radius: 0 10px 10px 0}
.mypage .my-reservation .search-box .date-box .period-list button + button{margin-left:-1px;}
.mypage .my-reservation .search-box .date-box .period-list button.on{border-color:#202020;color:#202020;font-weight: 600;position: relative;}
.mypage .my-reservation .search-box .date-box .b-cont{margin-top:15px;display: flex;gap:10px;}
.mypage .my-reservation .search-box .date-box .b-cont .date-wrap{width:calc(100% - 200px); border-radius: 10px;border: solid 1px #cdd2d5;background-color: #fff;align-items: center;gap:20px;display: flex;overflow: hidden;}
.mypage .my-reservation .search-box .date-box .b-cont .date-wrap .input-date{width:calc(50% - 10px);}
.mypage .my-reservation .search-box .date-box .b-cont .date-wrap input[type="date"]{width:100%;height:50px;border:0;padding:0 20px;font-size: 16px;font-weight: normal;color: #202020;}
.mypage .my-reservation .search-box .date-box .b-cont .date-wrap input[type="date"]:focus{border:0;outline: 0;}
.mypage .my-reservation .search-box .date-box .b-cont .date-wrap span{display:inline-block;font-size: 16px;font-weight: normal;color: #202020;}
.mypage .my-reservation .search-box .date-box .b-cont button{display:flex;width:190px;align-items: center;justify-content: center;height:50px;border-radius: 10px;background-color: #202020;font-size: 16px;font-weight: 500;text-align: center;color: #fff;}


.mypage .my-reservation .list{padding:20px 30px 30px; border-radius: 10px;border: solid 1px #e5e5e5;background-color: #fff;}
.mypage .my-reservation .list + .list{margin-top:30px;}
.mypage .my-reservation .list .list-top{padding-bottom: 10px;border-bottom: 1px solid #e5e5e5;margin-bottom:20px;}
.mypage .my-reservation .list .list-top h3{font-size: 20px;font-weight: bold;letter-spacing: -0.4px;color: #202020;}
.mypage .my-reservation .list ul li{position: relative;}
.mypage .my-reservation .list ul li + li{margin-top:30px;padding-top:30px;border-top:1px solid #e5e5e5;}
.mypage .my-reservation .list ul li .hotel-info{}
.mypage .my-reservation .list ul li .hotel-info .hotel-title{position:relative;}
.mypage .my-reservation .list ul li .hotel-info .hotel-title .grade{}
.mypage .my-reservation .list ul li .hotel-info .hotel-title .star{display: flex;}
.mypage .my-reservation .list ul li .hotel-info .hotel-title .star img{display: block;width:16px;}
.mypage .my-reservation .list ul li .hotel-info .hotel-title h4{font-size: 18px;font-weight: bold;letter-spacing: -0.4px;color: #202020;}
.mypage .my-reservation .list ul li .hotel-info .hotel-title p{font-size: 12px;font-weight: 500;letter-spacing: -0.28px;color: #999;}
.mypage .my-reservation .list ul li .hotel-info .hotel-title .img{width:86px;position: absolute;right:0;top:0;display:none;}
.mypage .my-reservation .list ul li .hotel-info .hotel-title .img img{display: block;border-radius: 10px;}
.mypage .my-reservation .list ul li .hotel-info .rev-hotel{display: flex;align-items:flex-end;gap:40px;}
.mypage .my-reservation .list ul li .hotel-info .rev-hotel .col1{width:calc(100% - 235px);padding-top: 30px;}
.mypage .my-reservation .list ul li .hotel-info .rev-hotel .col1 dl{}
.mypage .my-reservation .list ul li .hotel-info .rev-hotel .col1 dl dt{ font-size: 16px;font-weight: normal;letter-spacing: -0.32px;color: #202020;width:70px;}
.mypage .my-reservation .list ul li .hotel-info .rev-hotel .col1 dl dd{padding:0 0 7px 70px;text-align: right;font-size: 16px;font-weight: 500;letter-spacing: -0.32px;color: #202020;}
.mypage .my-reservation .list ul li .hotel-info .rev-hotel .col2{width:195px;}
.mypage .my-reservation .list ul li .hotel-info .rev-hotel .col2 img{display: block;width:100%;}
.mypage .my-reservation .list ul li .hotel-info .b-cont{margin-top:20px;display: flex;gap:40px;}
.mypage .my-reservation .list ul li .hotel-info .b-cont .col1{width:calc(100% - 235px);}
.mypage .my-reservation .list ul li .hotel-info .b-cont .col1 .cancel-box{display: flex;justify-content: space-between;align-items: center;height:50px;border-radius: 10px;background: #f8f8f8;padding:0 20px;}
.mypage .my-reservation .list ul li .hotel-info .b-cont .col1 .cancel-box p{ font-size: 15px;font-weight: 500;letter-spacing: -0.3px;color: #202020;}
.mypage .my-reservation .list ul li .hotel-info .b-cont .col1 .cancel-box a{display: flex;align-items: center;justify-content: center;height:30px;width:80px; border-radius: 5px;border: solid 1px #ccc;background-color: #fff; font-size: 14px;font-weight: 500;letter-spacing: -0.28px;color: #202020;}
.mypage .my-reservation .list ul li .hotel-info .b-cont .col1 .cancel-box a:hover{border-color: #057e54;background: #057e54;color:#fff;}
.mypage .my-reservation .list ul li .hotel-info .b-cont .col1 .cancel-box.end p{color:#ccc;}
.mypage .my-reservation .list ul li .hotel-info .b-cont .col1 .cancel-box.end a{border-color:#999;background:#999;color:#fff;pointer-events: none;cursor: default;}
.mypage .my-reservation .list ul li .hotel-info .b-cont .col2{width:195px;}
.mypage .my-reservation .list ul li .hotel-info .b-cont .col2 a{display: flex;align-items: center;justify-content: center;width:100%;height:50px;line-height: 50px;border-radius: 10px;border: solid 1px #f8e436;background-color: #f8e436;font-size: 15px;letter-spacing: -0.3px;text-align: center;color: #191919;font-weight: 700;}
.mypage .my-reservation .list ul li .hotel-info .b-cont .col2 button{margin-top:10px;display: flex;align-items: center;justify-content: center;width:100%;height:50px;line-height: 50px;border-radius: 10px;font-size: 15px;letter-spacing: -0.3px;text-align: center;font-weight: 700;}
.mypage .my-reservation .list ul li .hotel-info .b-cont .col2 button.btn01{border:1px solid #057e54;color: #057e54;}
.mypage .my-reservation .list ul li .hotel-info .b-cont .col2 button.btn01:hover{background: #057e54;color:#fff;}
.mypage .my-reservation .list ul li .hotel-info .b-cont .col2 button.btn02{border:1px dashed #057e54;background:#f2fbf8;color:#057e54;}
.mypage .my-reservation .list ul li .hotel-info .b-cont .col2 button.btn02:hover{background: #dbeee7;}
/* .mypage .my-reservation .list ul li .hotel-info .b-cont .col2 a:hover{background:#057e54;color:#fff; } */


.mypage .my-reservation .view{}
.mypage .my-reservation .view .car-info{padding: 30px;border-radius: 10px;border: solid 1px #e5e5e5;}
.mypage .my-reservation .view .car-info .cont1{display: flex;gap:20px;}
.mypage .my-reservation .view .car-info .cont1 figure{width:150px;}
.mypage .my-reservation .view .car-info .cont1 figure img{display: block;}
.mypage .my-reservation .view .car-info .cont1 .txt-box{width:calc(100% - 170px);}
.mypage .my-reservation .view .car-info .cont1 .txt-box .title-box{display: flex;gap:10px;flex-wrap: wrap;}
.mypage .my-reservation .view .car-info .cont1 .txt-box .title-box h2{ font-size: 18px;font-weight: bold;letter-spacing: -0.36px;color: #202020;}
.mypage .my-reservation .view .car-info .cont1 .txt-box .title-box span{position: relative;top:3px;display: inline-block;padding-left: 20px; font-size: 14px;font-weight: bold;letter-spacing: -0.28px;color: #202020;}
.mypage .my-reservation .view .car-info .cont1 .txt-box .title-box span:before{content: "";position: absolute;top:1px;left:0;width:15px;height:15px;display: block;background: url(/_public/images2/icon/ico_star.svg) no-repeat;background-size: cover;}
.mypage .my-reservation .view .car-info .cont1 .txt-box .title-box span em{font-weight: normal;color:#707070;}
.mypage .my-reservation .view .car-info .cont1 .txt-box .list-box{margin-top:10px;display: flex;gap:20px;}
.mypage .my-reservation .view .car-info .cont1 .txt-box .list-box .list1{width:100%;max-width:220px;}
.mypage .my-reservation .view .car-info .cont1 .txt-box .list-box .list1 li{position: relative;font-size: 14px;font-weight: normal;line-height: 1.14;letter-spacing: -0.28px;color: #202020;padding-left: 44px;}
.mypage .my-reservation .view .car-info .cont1 .txt-box .list-box .list1 li + li{margin-top:5px;}
.mypage .my-reservation .view .car-info .cont1 .txt-box .list-box .list1 li em{position:absolute;left:0;font-weight: 500;color: #202020;}
.mypage .my-reservation .view .car-info .cont1 .txt-box .list-box .list2{width:calc(100% - 240px);display: flex;flex-wrap: wrap;gap: 5px;}
.mypage .my-reservation .view .car-info .cont1 .txt-box .list-box .list2 li{display: flex
;gap: 2px;align-items: center;padding: 0 8px;border-radius: 5px;border: solid 1px #e5e5e5;background-color: #fff;font-size: 13px;font-weight: 500;letter-spacing: -0.26px;color: #707070;height:21px;}
.mypage .my-reservation .view .car-info .cont1 .txt-box .list-box .list2 li i{display: inline-block;}
.mypage .my-reservation .view .car-info .cont1 .txt-box .list-box .list2 li i img{display: block;}
.mypage .my-reservation .view .car-info .cont1 .txt-box .list-box .list2 li strong{display: inline-block;font-weight: 500;}
.mypage .my-reservation .view .car-info .cont1 .txt-box .list-box .list2 li strong em{display: inline-block;font-weight: 600;color: #202020;}
.mypage .my-reservation .view .car-info .cont2{position:relative;margin-top:15px;padding-top: 15px;border-top:1px solid #e5e5e5;padding-right: 64px;}
.mypage .my-reservation .view .car-info .cont2 ul{display: flex;flex-wrap: wrap;gap:5px;}
.mypage .my-reservation .view .car-info .cont2 ul li{display: flex;align-items: center;justify-content: center;padding:0 10px;height:24px; border-radius: 5px;background-color: #f3f1f1;font-size: 12px;font-weight: 600;letter-spacing: -0.24px;color: #202020;}
.mypage .my-reservation .view .car-info .cont2 button{position: absolute;top:18px;right:0;display: inline-block;padding-right: 16px;font-size: 13px;font-weight: normal;letter-spacing: -0.26px;color: #057e54;}
.mypage .my-reservation .view .car-info .cont2 button:after{content: "";position: absolute;top: 0;right: 0;background: url(/_public/images2/icon/ico_view5.svg) no-repeat;background-size: cover;display: block;width: 15px;height: 15px;}

.mypage .my-reservation .view .list2{border-radius: 10px;background-color: #f8f8f8;padding:10px;}
.mypage .my-reservation .view .list2 li{position: relative;padding-left: 20px; font-size: 13px;font-weight: normal;letter-spacing: -0.26px;color: #202020;}
.mypage .my-reservation .view .list2 li:before{content: "";position: absolute;left:0;width:15px;height:15px;}
.mypage .my-reservation .view .list2 li a{position: relative;display: inline-block;padding-right: 16px;font-size: 13px;font-weight: normal;letter-spacing: -0.26px;color: #057e54;}
.mypage .my-reservation .view .list2 li a:after{content: "";position: absolute;top: 1px;right: 0;background: url(/_public/images2/icon/ico_view5.svg) no-repeat;background-size: cover;display: block;width: 15px;height: 15px;}
.mypage .my-reservation .view .list2 li .checkbox-type2{margin-left:10px;}
.mypage .my-reservation .view .list2 li .checkbox-type2 label{font-sizE:13px;padding-left: 25px;}
.mypage .my-reservation .view .list2 li .checkbox-type2 label:before{top:-3px;}
.mypage .my-reservation .view .list2 li + li{margin-top:4px;}
.mypage .my-reservation .view .list2 li.icon01:before{background: url(/_public/images2/icon/ico_day2.svg) no-repeat;background-size: cover;}
.mypage .my-reservation .view .list2 li.icon02:before{background: url(/_public/images2/icon/ico_marker6.svg) no-repeat;background-size: cover;}
.mypage .my-reservation .view .list2 li.icon03:before{background: url(/_public/images2/icon/ico_chk6.svg) no-repeat;background-size: cover;}
.mypage .my-reservation .view .txt2{font-size: 16px;font-weight: 500;letter-spacing: -0.32px;color: #202020;}
.mypage .my-reservation .view .hotel-info{padding:30px; border-radius: 10px;border: solid 1px #121212;background-color: #fff;display: flex;gap:20px;}
.mypage .my-reservation .view .hotel-info .col1{width:calc(100% - 192px);}
.mypage .my-reservation .view .hotel-info .col1 .hotel-title{}
.mypage .my-reservation .view .hotel-info .col1 .hotel-title .grade{}
.mypage .my-reservation .view .hotel-info .col1 .hotel-title .star{display: flex;}
.mypage .my-reservation .view .hotel-info .col1 .star img{display: block;width:16px;}
.mypage .my-reservation .view .hotel-info .col1 .hotel-title h4{margin-top:5px;font-size: 20px;font-weight: bold;letter-spacing: -0.4px;color: #202020;}
.mypage .my-reservation .view .hotel-info .col1 .hotel-title p{font-size: 14px;font-weight: 500;letter-spacing: -0.28px;color: #999;}
.mypage .my-reservation .view .hotel-info .col1 .txt{margin-top:30px; font-size: 14px;font-weight: 500;letter-spacing: -0.28px;color: #202020;display:flex;gap:20px;}
.mypage .my-reservation .view .hotel-info .col1 .txt span{position: relative;}
.mypage .my-reservation .view .hotel-info .col1 .txt span:after{content: "";position: absolute;right:-10px;top:4px;width:1px;height:10px;background: #ccc;}
.mypage .my-reservation .view .hotel-info .col1 .txt span:last-child:after{display: none;}
.mypage .my-reservation .view .hotel-info .col2{width:172px;}
.mypage .my-reservation .view .hotel-info .col2 img{display:block;width:100%;}
.mypage .my-reservation .view .detail{margin-top:30px;padding:30px; border-radius: 10px;border: solid 1px #e5e5e5;}
.mypage .my-reservation .view .detail section{}
.mypage .my-reservation .view .detail section + section{margin-top:80px;}
.mypage .my-reservation .view .detail section h3{font-size: 20px;font-weight: bold;color: #202020;padding-bottom: 10px;border-bottom: 2px solid #202020;margin-bottom: 20px;}
.mypage .my-reservation .view .detail section h5{margin-top: 40px;margin-bottom: 20px;padding-bottom: 5px;border-bottom: 1px solid #787878;font-size: 18px;font-weight: 500;color: #202020;}
.mypage .my-reservation .view .detail section .sub-title{margin-bottom:20px;border-bottom: 1px solid #ccc;background: #f8f8f8;padding: 20px 10px;font-size: 18px;font-weight: bold;color: #202020;}
.mypage .my-reservation .view .detail section .sub-title2{font-size: 16px;font-weight: bold;color: #202020;margin-bottom: 20px;margin-top: 0;padding-bottom: 0;border: 0;}
.mypage .my-reservation .view .detail section .list1{}
.mypage .my-reservation .view .detail section .list1 + .sub-title2{margin-top:20px;border-top:1px solid #ccc;padding-top: 20px;}
.mypage .my-reservation .view .detail section .list1 dt{width:100px;font-size: 16px;font-weight: normal;letter-spacing: -0.32px;color: #202020;}
.mypage .my-reservation .view .detail section .list1 dd{padding:0 0 10px 100px;font-size: 16px;font-weight: 500;letter-spacing: -0.32px;text-align: right;color: #202020;}
.mypage .my-reservation .view .detail section .cancel-box{margin-top:20px;display: flex;justify-content: space-between;align-items: center;height:50px;border-radius: 10px;background: #f8f8f8;padding:0 20px;}
.mypage .my-reservation .view .detail section .cancel-box p{ font-size: 15px;font-weight: 500;letter-spacing: -0.3px;color: #202020;}
.mypage .my-reservation .view .detail section .cancel-box a{display: flex;align-items: center;justify-content: center;height:30px;width:80px; border-radius: 5px;border: solid 1px #ccc;background-color: #fff; font-size: 14px;font-weight: 500;letter-spacing: -0.28px;color: #202020;}
.mypage .my-reservation .view .detail section .cancel-box a:hover{border-color: #057e54;background: #057e54;color:#fff;}
.mypage .my-reservation .view .detail section .cancel-box.end p{color:#ccc;}
.mypage .my-reservation .view .detail section .cancel-box.end a{border-color:#999;background:#999;color:#fff;pointer-events: none;cursor: default;}
.mypage .my-reservation .view .detail section .room-info + .room-info{margin-top:20px;}
.mypage .my-reservation .view .detail section .room-info + .room-info .sub-title{border-top:1px solid #202020;}
.mypage .my-reservation .view .detail section .pay-info{margin-top:20px;padding:20px;border-radius: 10px;border: solid 1px #d5d5d5;background-color: #fff;}
.mypage .my-reservation .view .detail section .pay-info dl{border-bottom: 1px dashed #aaa;}
.mypage .my-reservation .view .detail section .pay-info dl dt{width:70px;font-size: 16px;font-weight: 500;color: #787878;}
.mypage .my-reservation .view .detail section .pay-info dl dd{padding:0 0 15px 70px;font-size: 16px;font-weight: 500;text-align: right;color: #202020;}
.mypage .my-reservation .view .detail section .pay-info p{margin-top:15px;display: flex;align-items: center;justify-content: space-between;}
.mypage .my-reservation .view .detail section .pay-info p span{display: inline-block; font-size: 18px;font-weight: 600;color: #202020;}
.mypage .my-reservation .view .detail section .pay-info p strong{display: inline-block; font-size: 18px;font-weight: bold;letter-spacing: -0.48px;text-align: right;color: #202020;}
.mypage .my-reservation .view .detail section .card{}
.mypage .my-reservation .view .detail section .card figure{display: flex;gap:30px;align-items: center;}
.mypage .my-reservation .view .detail section .card figure img{display:block;width:110px;border-radius: 10px;}
.mypage .my-reservation .view .detail section .card figure figcaption{font-size: 15px;font-weight: 500;line-height: 1.6;letter-spacing: -0.3px;color: #000;}
.mypage .my-reservation .view .detail section .chk-list{display: flex;gap:15px 10px;flex-wrap: wrap;border-bottom:1px solid #ccc;padding-bottom: 20px;}
.mypage .my-reservation .view .detail section .chk-list .checkbox-type2{width:calc(50% - 5px);}
.mypage .my-reservation .view .detail section .memo{margin-top:20px;}
.mypage .my-reservation .view .detail section .memo p{font-size: 16px;font-weight: 500;color: #202020;}
.mypage .my-reservation .view .detail section .memo .txt-box{margin-top:5px; border-radius: 10px;border: solid 1px #cdd2d5;background-color: #f8f8f8;padding:20px;font-size: 16px;font-weight: normal;line-height: 1.5;letter-spacing: -0.32px;color: #787878;height:120px;overflow-y: auto;}
.mypage .my-reservation .view .detail section .txt-box2{margin-top:20px;padding:15px 20px; border-radius: 10px;background-color: #f3f9ff;}
.mypage .my-reservation .view .detail section .txt-box2 ul{}
.mypage .my-reservation .view .detail section .txt-box2 ul li{position:relative;font-size: 15px;font-weight: 500;line-height: 1.6;letter-spacing: -0.3px;color: #5c6dc1;padding-left: 7px;}
.mypage .my-reservation .view .detail section .txt-box2 ul li:before{content: "";position: absolute;left:0;top:11px;width:2px;height:2px;border-radius: 100%;background:#5c6dc1;}
.mypage .my-reservation .view .detail section .cancel-box2{}
.mypage .my-reservation .view .detail section .cancel-box2 .date{position: relative;padding:15px 15px 15px 43px;font-size: 16px;font-weight: 500;color: #121212;border-radius: 10px;border: 1px solid #ccc;}
.mypage .my-reservation .view .detail section .cancel-box2 .date:before{content: "";position: absolute;top:17px;left:20px;display:block;width:17px;height:17px;background: url(/_public/images2/icon/ico_cal2.svg) no-repeat;background-size: cover;}
.mypage .my-reservation .view .detail section .cancel-box2 dl{margin-top:20px;}
.mypage .my-reservation .view .detail section .cancel-box2 dl dt{font-size: 16px;font-weight: 500;color: #787878;}
.mypage .my-reservation .view .detail section .cancel-box2 dl dd{margin-top:10px;}
.mypage .my-reservation .view .detail section .cancel-box2 dl dd + dt{margin-top:20px;}
.mypage .my-reservation .view .detail section .cancel-box2 dl dd ul{}
.mypage .my-reservation .view .detail section .cancel-box2 dl dd ul li{position:relative;font-size: 16px;font-weight: 500;line-height: 1.25;color: #202020;padding-left:10px;}
.mypage .my-reservation .view .detail section .cancel-box2 dl dd ul li + li{margin-top:5px;}
.mypage .my-reservation .view .detail section .cancel-box2 dl dd ul li:before{content: "";position: absolute;top:10px;left:0;width: 5px;height:1px;background: #202020;}
.mypage .my-reservation .view .detail section .cancel-box2 .info-box{margin-top:20px;padding:13px 20px;font-size: 14px;font-weight: 500;letter-spacing: -0.28px;color: #121212; border-radius: 10px;background-color: #f8f8f8;}
.mypage .my-reservation .view .detail section .note{}
.mypage .my-reservation .view .detail section .note h4{font-size: 16px;font-weight: bold;color: #121212;}
.mypage .my-reservation .view .detail section .note ul{margin-top:10px;}
.mypage .my-reservation .view .detail section .note ul li{font-size: 16px;font-weight: 500;line-height: 1.56;color: #787878;}
.mypage .my-reservation .view .btn-box{margin-top:50px;display: flex;gap:20px;justify-content: center;}
.mypage .my-reservation .view .btn-box .btn{display: flex;align-items: center;justify-content: center;width:260px;height:50px; border-radius: 10px;background-color: #057e54; font-size: 15px;font-weight: 500;letter-spacing: -0.3px;text-align: center;color: #fff;}
.mypage .my-reservation .view .btn-box .btn:first-child{background: #f8f8f8;color:#202020;}



.mypage .my-coupon{margin-top:20px;}
.mypage .my-coupon .search-box{padding: 20px;border-radius: 10px;background: #f5f5f5;}
.mypage .my-coupon .search-box p{font-size: 15px;font-weight: 500;letter-spacing: -0.3px;color: #202020;}
.mypage .my-coupon .search-box .input-wrap{margin-top:5px;display: flex;gap:10px;}
.mypage .my-coupon .search-box .input-wrap input[type="text"]{width:calc(100% - 200px);height:55px; border-radius: 10px;border: solid 1px #cdd2d5;background-color: #fff;padding:0 20px; font-size: 15px;font-weight: 500;letter-spacing: -0.3px;color: #202020;}
.mypage .my-coupon .search-box .input-wrap input[type="text"]::placeholder{;color: #999;}
.mypage .my-coupon .search-box .input-wrap button{display: flex;align-items: center;justify-content: center;width:190px;height:55px;border-radius: 10px;background: #202020; font-size: 16px;font-weight: bold;letter-spacing: -0.32px;color: #fff;}
.mypage .my-coupon .tab-box{margin-top:30px;display: flex;}
.mypage .my-coupon .tab-box a{flex:1;display: flex;align-items: center;justify-content: center;height:50px;border:1px solid #cdd2d5; font-size: 16px;font-weight: 500;color: #787878;}
.mypage .my-coupon .tab-box a em{color:#121212;}
.mypage .my-coupon .tab-box a + a{margin-left:-1px;}
.mypage .my-coupon .tab-box a:first-child{border-radius: 10px 0 0 10px;}
.mypage .my-coupon .tab-box a:last-child{border-radius: 0 10px 10px 0;}
.mypage .my-coupon .tab-box a.on{position:relative;border-color: #202020;font-weight: 600;color:#121212;}
.mypage .my-coupon .list{margin-top:30px;}
.mypage .my-coupon .list h3{font-size: 18px;font-weight: 600;color: #121212;}
.mypage .my-coupon .list ul{margin-top:15px;}
.mypage .my-coupon .list ul li{position:relative;padding:30px;border-radius: 10px;border: solid 1px #d5d5d5;background-color: #fff;}
.mypage .my-coupon .list ul li + li{margin-top:10px;}
.mypage .my-coupon .list ul li h4{font-size: 22px;font-weight: bold;color: #121212;}
.mypage .my-coupon .list ul li h5{margin-top:10px;font-size: 16px;font-weight: bold;color: #121212;}
.mypage .my-coupon .list ul li p{margin-top:7px;font-size: 14px;font-weight: 500;line-height: 1.71;color: #787878;}
.mypage .my-coupon .list ul li p + p{margin-top:0;}
.mypage .my-coupon .list ul li span{display: inline-block;position: absolute;top:30px;right:30px; font-size: 14px;font-weight: 600;color: #787878;}
.mypage .my-coupon .list ul li span em{color: #121212;}
.mypage .my-coupon .list ul li.disabled{border-color: #f1f1f1;background: #f1f1f1;}
.mypage .my-coupon .list ul li.disabled h4{color:#bcbfc7;}
.mypage .my-coupon .list ul li.disabled h5{color:#bcbfc7;}
.mypage .my-coupon .list ul li.disabled p{color:#bcbfc7;}

.mypage .my-point{margin-top:20px;}
.mypage .my-point .total-point{padding:30px 20px;  border-radius: 10px;background-color: #f5f5f5;}
.mypage .my-point .total-point h3{font-size: 16px;font-weight: 600;color: #231815;}
.mypage .my-point .total-point p{margin-top:10px;display: flex;align-items: center;justify-content: space-between; font-size: 15px;font-weight: bold;color: #9b9b9b;}
.mypage .my-point .total-point p strong{display: inline-block;font-size: 21px;font-weight: bold;color: #202020;}
.mypage .my-point .list{margin-top:30px;}
.mypage .my-point .list h3{font-size: 18px;font-weight: 600;color: #121212;}
.mypage .my-point .list ul{margin-top:15px;}
.mypage .my-point .list ul li{position:relative;padding:24px 20px;border-radius: 10px;border: solid 1px #d5d5d5;background-color: #fff;display: flex;justify-content: space-between;}
.mypage .my-point .list ul li + li{margin-top:10px;}
.mypage .my-point .list ul li .col1{}
.mypage .my-point .list ul li .col1 h4{display:flex;font-size: 16px;font-weight: 500;color: #202020;align-items: center;gap:10px;}
.mypage .my-point .list ul li .col1 h4 em{display: flex;align-items: center;justify-content: center;width:45px;height:28px; border-radius: 14px;border:1px solid transparent; font-size: 14px;font-weight: 600;line-height: 1;}
.mypage .my-point .list ul li .col1 h4 em.case1{border-color: #4060ff;color:#4060ff;}
.mypage .my-point .list ul li .col1 h4 em.case2{border-color: #fc7373;color:#fc7373;}
.mypage .my-point .list ul li .col1 p{margin-top:10px;font-size: 15px;font-weight: normal;color: #787878;}
.mypage .my-point .list ul li .col1 span{display: block;margin-top:5px;font-size: 15px;font-weight: normal;color: #121212;}
.mypage .my-point .list ul li .col2{text-align: right;}
.mypage .my-point .list ul li .col2 strong{display: block;font-size: 16px;font-weight: bold;color: #202020;}
.mypage .my-point .list ul li .col2 p{display: block;margin-top:10px;font-size: 15px;font-weight: normal;color: #787878;}


@media all and (max-width:1280px) {
}

@media all and (max-width:1024px) {
    .mypage{padding-top: 0;}
    .mypage .mypage-title{font-size: 22px;}
    .mypage .layout .left-panel{display: none;}
    .mypage .layout .right-panel{max-width:100%;}

    .mypage .home .status-box{padding:20px;}
    .mypage .home .status-box ul li span{font-size: 14px;}
    .mypage .home .status-box ul li strong{font-size: 24px;}
    .mypage .home section{margin-top:40px;}
    .mypage .home section .title-group h3{font-size:16px;}
    .mypage .home section .info-box{margin-top:10px;padding: 20px;}
    .mypage .home section .info-box ul li{font-size:14px;}
    .mypage .home section .info-box ul li em{font-size:14px;}
    .mypage .home section .customer-box{margin-top:10px;padding:20px;}
    .mypage .home section .customer-box ul li strong{font-size:16px;}
    .mypage .home section .customer-box ul li span{font-size:14px;}

    .mypage .password .info-box{padding: 20px 20px 20px 75px;font-size:14px;}
    .mypage .password .button-box{margin-top:30px;}

    .mypage .withdrawal .info-box{padding: 20px 20px 20px 75px;font-size:14px;}
    .mypage .withdrawal .noti-box .txt-box{padding:20px;}
    .mypage .withdrawal .noti-box .txt-box ul li{font-size:14px;}
    .mypage .withdrawal .noti-box .txt-box ul li strong{font-size:14px;}


    .mypage .my-reservation .search-box .input-wrap input[type="text"]{font-size:14px;}
    .mypage .my-reservation .search-box .date-box .period-list button{font-size:14px;}
    .mypage .my-reservation .search-box .date-box .b-cont .date-wrap input[type="date"]{font-size:14px;}
    .mypage .my-reservation .search-box .date-box .b-cont button{font-size:15px;}
    .mypage .my-reservation .list ul li .hotel-info .rev-hotel .col1 dl dt{font-size:14px;}
    .mypage .my-reservation .list ul li .hotel-info .rev-hotel .col1 dl dd{font-size:14px;}
    .mypage .my-reservation .list ul li .hotel-info .b-cont .col2 a{font-size:14px;}

    .mypage .my-reservation .view .car-info .cont1 .txt-box .list-box{flex-direction:column;}
    .mypage .my-reservation .view .car-info .cont1 .txt-box .list-box .list1{max-width:100%;}
    .mypage .my-reservation .view .car-info .cont1 .txt-box .list-box .list2{width:100%;}
    .mypage .my-reservation .view .hotel-info{padding:20px;}
    .mypage .my-reservation .view .hotel-info .col1 .hotel-title h4{font-size:18px;}
    .mypage .my-reservation .view .hotel-info .col1 .hotel-title p{font-size:12px;}
    .mypage .my-reservation .view .detail{padding:20px;}
    .mypage .my-reservation .view .detail section + section{margin-top: 60px;}
    .mypage .my-reservation .view .detail section h3{font-size:18px;margin-bottom: 10px;}
    .mypage .my-reservation .view .detail section .list1 dt{font-size:14px;}
    .mypage .my-reservation .view .detail section .list1 dd{font-size:14px;}
    .mypage .my-reservation .view .detail section .cancel-box{padding:0 15px;}
    .mypage .my-reservation .view .detail section .cancel-box p{font-size:14px;}
    .mypage .my-reservation .view .detail section .sub-title{padding:15px 10px;font-size:16px;}
    .mypage .my-reservation .view .detail section .pay-info dl dt{font-size:14px;}
    .mypage .my-reservation .view .detail section .pay-info dl dd{font-size:14px;}
    .mypage .my-reservation .view .detail section .pay-info p span{font-size:16px;}
    .mypage .my-reservation .view .detail section .pay-info p strong{font-size:16px;}
    .mypage .my-reservation .view .detail section .memo .txt-box{font-size:14px;}
    .mypage .my-reservation .view .detail section .txt-box2 ul li{font-size:14px;}
    .mypage .my-reservation .view .detail section .cancel-box2 .date{font-size:14px;}
    .mypage .my-reservation .view .detail section .cancel-box2 .date:before{top:16px;}
    .mypage .my-reservation .view .detail section .cancel-box2 dl dt{font-size:14px;}
    .mypage .my-reservation .view .detail section .cancel-box2 dl dd{font-size:14px;}
    .mypage .my-reservation .view .detail section .cancel-box2 dl dd ul li{font-size:14px;}
    .mypage .my-reservation .view .detail section .note ul li{font-size:14px;}


    .mypage .my-coupon .search-box p{font-size:14px;}
    .mypage .my-coupon .search-box .input-wrap input[type="text"]{height:45px;font-size:14px;}
    .mypage .my-coupon .search-box .input-wrap button{height:45px;font-size:15px;}
    .mypage .my-coupon .tab-box a{height:45px;font-size: 14px;}
    .mypage .my-coupon .list h3{font-size:16px;}
    .mypage .my-coupon .list ul li{padding:20px;}
    .mypage .my-coupon .list ul li h4{font-size:20px;}
    .mypage .my-coupon .list ul li h5{font-size:15px;}

    .mypage .my-point .total-point{padding:20px;}
    .mypage .my-point .total-point p{font-size:14px;}
    .mypage .my-point .total-point p strong{font-size:18px;}
    .mypage .my-point .list h3{font-size: 16px;}
    .mypage .my-point .list ul li{padding:20px;}
}

@media all and (max-width:768px) {
    .mypage .home .status-box ul li strong{font-size: 20px;}

    .mypage .home section .info-box .list1 li .hotel-info .rev-hotel{flex-direction: column-reverse;align-items: flex-start;}
    .mypage .home section .info-box .list1 li .hotel-info .rev-hotel .col1{width:100%;}
    .mypage .home section .info-box .list1 li .hotel-info .rev-hotel .col2{width:100%;}
    .mypage .home section .info-box .list1 li .hotel-info .rev-hotel .col1 dl dt{float: none;width:100%;}
    .mypage .home section .info-box .list1 li .hotel-info .rev-hotel .col1 dl dd{margin-top:5px;padding:0;width:100%;text-align: left;}
    .mypage .home section .info-box .list1 li .hotel-info .rev-hotel .col1 dl dd + dt{margin-top:10px;}

    .mypage .my-reservation .search-box .input-wrap button{left:15px;width:20px;height:20px;}
    .mypage .my-reservation .search-box .input-wrap input[type="text"]{height:45px;padding:0 15px 0 45px;}
    .mypage .my-reservation .search-box .date-box .period-list button{height:45px;font-size:13px;}
    .mypage .my-reservation .search-box .date-box{padding:10px;}
    .mypage .my-reservation .search-box .date-box .b-cont .date-wrap input[type="date"]{height:45px;}
    .mypage .my-reservation .search-box .date-box .b-cont{flex-direction: column;margin-top:10px;}
    .mypage .my-reservation .search-box .date-box .b-cont .date-wrap{width:100%;gap:10px;}
    .mypage .my-reservation .search-box .date-box .b-cont .date-wrap input[type="date"]{padding:0 10px;}
    .mypage .my-reservation .search-box .date-box .b-cont .date-wrap .input-date{width:calc(50% - 13px);}
    .mypage .my-reservation .search-box .date-box .b-cont button{width:100%;height:45px;}

    .mypage .my-reservation .search-box .input-wrap button{left:15px;width:20px;height:20px;}
    .mypage .my-reservation .search-box .input-wrap input[type="text"]{height:45px;padding:0 15px 0 45px;}
    .mypage .my-reservation .search-box .date-box .period-list button{height:45px;font-size:13px;}
    .mypage .my-reservation .search-box .date-box{padding:10px;}
    .mypage .my-reservation .search-box .date-box .b-cont .date-wrap input[type="date"]{height:45px;}
    .mypage .my-reservation .search-box .date-box .b-cont{flex-direction: column;margin-top:10px;}
    .mypage .my-reservation .search-box .date-box .b-cont .date-wrap{width:100%;gap:10px;}
    .mypage .my-reservation .search-box .date-box .b-cont .date-wrap input[type="date"]{padding:0 10px;}
    .mypage .my-reservation .search-box .date-box .b-cont .date-wrap .input-date{width:calc(50% - 13px);}
    .mypage .my-reservation .search-box .date-box .b-cont button{width:100%;height:45px;}
    .mypage .my-reservation .list{padding:20px;}
    .mypage .my-reservation .list ul li .hotel-info .hotel-title{padding-right: 100px;}
    .mypage .my-reservation .list ul li .hotel-info .hotel-title h4 a{display: block;width:100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
    .mypage .my-reservation .list ul li .hotel-info .hotel-title .img{display: block;}
    .mypage .my-reservation .list ul li .hotel-info .rev-hotel{margin-top:37px;}
    .mypage .my-reservation .list ul li .hotel-info .rev-hotel .col1{padding:0;width:100%;}

    .mypage .my-reservation .list ul li .hotel-info .rev-hotel .col2{display: none;}
    .mypage .my-reservation .list ul li .hotel-info .b-cont{flex-direction: column;gap:10px;}
    .mypage .my-reservation .list ul li .hotel-info .b-cont .col1{width:100%;}
    .mypage .my-reservation .list ul li .hotel-info .b-cont .col1 .cancel-box{padding:0 15px;}
    .mypage .my-reservation .list ul li .hotel-info .b-cont .col1 .cancel-box p{font-size:14px;}
    .mypage .my-reservation .list ul li .hotel-info .b-cont .col2{width:100%;}


    .mypage .my-reservation .view .car-info .cont1{flex-direction: column;}
    .mypage .my-reservation .view .car-info .cont1 figure{width:100%;}
    .mypage .my-reservation .view .car-info .cont1 figure img{width:100%;}
    .mypage .my-reservation .view .car-info .cont1 .txt-box{width:100%;}
    .mypage .my-reservation .view .car-info .cont2{padding-right:0;padding-bottom: 30px;}
    .mypage .my-reservation .view .car-info .cont2 button{top:initial;right:initial;bottom:0px;left:50%;transform: translateX(-50%);}
    .mypage .my-reservation .view .hotel-info{flex-direction: column-reverse;position: relative;}
    .mypage .my-reservation .view .hotel-info .col1{width:100%;}
    .mypage .my-reservation .view .hotel-info .col1 .hotel-title{padding-right: 100px;}
    .mypage .my-reservation .view .hotel-info .col1 .hotel-title h4{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
    .mypage .my-reservation .view .hotel-info .col2{width:86px;position: absolute;top:20px;right:20px;}
    .mypage .my-reservation .view .btn-box{margin-top:30px;gap:10px;}
    .mypage .my-reservation .view .btn-box .btn{flex:1;width:100%;}

    .mypage .my-coupon .search-box .input-wrap{flex-direction: column;}
    .mypage .my-coupon .search-box .input-wrap input[type="text"]{height:40px;width:100%;}
    .mypage .my-coupon .search-box .input-wrap button{height:40px;width:100%;}
    .mypage .my-coupon .list ul li h4{font-size:18px;}
    .mypage .my-coupon .list ul li p{font-size:13px;}
    .mypage .my-coupon .list ul li span{top:20px;right:20px;font-size: 12px;}

    .mypage .my-point .list ul li{flex-direction: column;gap:10px;}
    .mypage .my-point .list ul li .col1 h4{gap:5px;}
    .mypage .my-point .list ul li .col1 p{font-size:14px;}
    .mypage .my-point .list ul li .col1 span{font-size:14px;}
    .mypage .my-point .list ul li .col2 p{font-size:14px;}
}

@media all and (max-width:460px) {
    .mypage .my-reservation .list ul li .hotel-info .rev-hotel .col1 dl dt{float: none;width:100%;}
    .mypage .my-reservation .list ul li .hotel-info .rev-hotel .col1 dl dd{padding: 0;margin-top:5px;text-align: left;}
    .mypage .my-reservation .list ul li .hotel-info .rev-hotel .col1 dl dd + dt{margin-top:10px;}
    .mypage .my-reservation .list ul li .hotel-info .b-cont .col1 .cancel-box{padding:15px;flex-direction: column;gap:10px;height:auto;}
    .mypage .my-reservation .list ul li .hotel-info .b-cont .col1 .cancel-box a{width:100%;}


    .mypage .my-reservation .view .detail section .list1 dt{width:100%;float: none;}
    .mypage .my-reservation .view .detail section .list1 dd{margin-top:5px;padding:0;text-align: left;}
    .mypage .my-reservation .view .detail section .list1 dd + dt{margin-top:10px;}

    .mypage .my-reservation .view .detail section .cancel-box{flex-direction: column;height:auto;padding:10px 15px;gap:10px;}
    .mypage .my-reservation .view .detail section .cancel-box a{width:100%;}
    .mypage .my-reservation .view .detail section .chk-list .checkbox-type2{width:100%;}
}