/*=================================================
				공통
=================================================*/
body {
    opacity: 1;

    -ms-transition: opacity 0.5s ease-in-out;
    -webkit-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}

body.active {
    opacity: 0;
}

nav {
    opacity: 0;

    -ms-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

nav.on {
    opacity: 1;
}

body.scroll {
    overflow: hidden;
}

body,
button,
input,
optgroup,
select,
textarea,
a {
    font-family: "SpoqaHanSansWeb",
        "notokr",
        "Roboto",
        sans-serif !important;
    font-weight: 400;

}

/* 조민정 폰트 변경 및 transform: skew(-0.03deg); 추가
[positioning 및 오류 생길 경우 이 부분을 주석처리] */
button,
p,
a,
textarea,
select,
input,
span {
    font-family: "SpoqaHanSansWeb",
        "notokr",
        "Roboto",
        sans-serif !important;
    font-weight: 400;
    transform: skew(-0.03deg);
}

input [type="submit"],
button {
    cursor: pointer;
}
/* Webkit browsers like Safari and Chrome */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

/*****#####===== 게시판 수정  =====#####*****/
.ratio-public:before {
    padding-top: 20%;
}

/*****#####===== 익스 input x 버튼 삭제  =====#####*****/
input::-ms-clear {
    display: none !important;
}

/*****#####===== 게시판 수정  =====#####*****/
.board-password-wrap {
    padding: 10% 0;
}

.form-table .preview_img {
    height: 100px;
}

.nav_board_btn {
    cursor: pointer;
}

/*=================================================
			해쉬 검색
=================================================*/
.travel-tag-wrap {
    position: absolute;
    left: 0;
    bottom: 15px;
}

.travel-tag-wrap .tag_lists {
    position: relative;
    padding: 2px 10px;

    background-color: rgba(0, 0, 0, 0.5);

    border-radius: 10px;
}

.travel-tag-wrap .tag_lists div {
    padding: 0 5px;

    color: #fff;
}

.travel-tag-wrap .tag_lists .btn {
    padding: 0 !important;
    background-color: transparent !important;
    margin-bottom: 3px;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** lg *****/
@media (min-width: 992px) and (max-width: 1200px) {}

/***** md *****/
@media (min-width: 768px) and (max-width: 991px) {}

/***** sm *****/
@media (min-width: 554px) and (max-width: 767px) {
    .form-table .preview_img {
        height: 50px;
    }
}

/***** xs *****/
@media (max-width: 553px) {
    .form-table .preview_img {
        height: 30px;
    }

    .city-wrap {
        margin: 0px 0 0 0px;
    }



    .m-guide-item-wrap .goods-txt-wrap {}




    .m-guide-item-wrap .txt-wrap .goods-profile {
        left: 20% !important;

    }


    .m-guide-item-wrap .txt-wrap .mem-info {
        left: 50% !important;

    }




}

/*****#####===== 데이트 픽커  =====#####*****/
.ui-widget-header {
    background-color: var(--orange) !important;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    color: #ccc !important;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    border: 0 !important;
    background: transparent !important;
}

.ui-datepicker-prev span {
    background-image: url("/img/common/left-arrow.png") !important;
    background-repeat: no-repeat;
    background-size: 30%;
    background-position: center
}

.ui-datepicker-next span {
    background-image: url("/img/common/right-arrow.png") !important;
    background-repeat: no-repeat;
    background-size: 30%;
    background-position: center
}

select.ui-datepicker-year,
select.ui-datepicker-month {
    width: 33% !important;

    color: #fff !important;
    background-color: transparent;

    border: 0px;

    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

select.ui-datepicker-year option,
select.ui-datepicker-month option {
    color: #333 !important;
}

.ui-state-default {
    background-color: transparent !important;
    text-align: center !important;
    border: 0 !important;
}

.ui-datepicker-unselectable.ui-state-disabled.undefined {
    background-color: #ccc;
}

/*****#####===== 취소환불 정책 모달 미디어 쿼리  =====#####*****/
/***** md *****/
@media (min-width: 768px) and (max-width: 991px) {
    #refund_modal .country {
        width: 100%;
        overflow-x: scroll;
    }

    #refund_modal .country table {
        width: 800px;
    }
}

/***** sm *****/
@media (min-width: 576px) and (max-width: 767px) {
    #refund_modal .country {
        width: 100%;
        overflow-x: scroll;
    }

    #refund_modal .country table {
        width: 800px;
    }
}

/***** xs *****/
@media (max-width: 575px) {
    #refund_modal .country {
        width: 100%;
        overflow-x: scroll;
    }

    #refund_modal .country table {
        width: 800px;
    }
}


.flaticon:before {
    margin: 0;
}

i.fa-star,
i.fa-star-half-o {
    color: #ffe400;
    text-shadow: 0px 1p;
    /* background: var(--orange); */
    /* background: -webkit-gradient(linear, left top, right top, from(var(--orange)), to(var(--orange))); */
    /* background: linear-gradient(linear,left top, right top, #d1913c, #ffd194); */





    /*   -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
}

i.fa-star2,
i.fa-star-half-o {
    color: #ffe400;
    text-shadow: 0px 1p;

}

i.fa-star-o {
    color: #f6f6f6;
    text-shadow: 0px 1px 0 rgba(0, 0, 0, 0.4);


}

.ion::after {
    display: inline-block;
    font-family: "Ionicons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

/*****#####===== 폰트 =====#####*****/
.font-y {
    font-family: "notokr" !important;
}

.font-rb {
    font-family: "Roboto" !important;
}

/*****#####===== line-height =====#####*****/
.lh-14 {
    line-height: 1.4;
}

.lh-15 {
    line-height: 1.5;
}

.lh-16 {
    line-height: 1.6;
}

.lh-18 {
    line-height: 1.8;
}

.lh-2 {
    line-height: 2;
}

[class*="txt"] {
    word-break: keep-all;
    word-wrap: keep-all;
}

.row-0 {
    margin-left: 0px;
    margin-right: 0px;
}

.row-0>div[class*='col'] {
    padding-left: 0px;
    padding-right: 0px;
}

/*****#####===== 색상 =====#####*****/

.b-skyblue {
    background-color: var(--orange) !important;
}

.b-green {
    background-color: #00a79d !important;
}

.b-blue {
    background-color: #003a52 !important;
}

.b-white {
    background-color: #fff !important;
}

.b-grd {
    background: linear-gradient(to right, RGB(255,81,47,0.85) 0%, RGB(240,152,25,0.85) 100%)
}

.f-skyblue {
    color: var(--orange) !important;
}

.f-green {
    color: #00a79d !important;
}

.f-blue {
    color: #003a52 !important;
}

.f-white {
    color: #fff !important;
}

.f-black {
    color: #333 !important;
}

.f-red {
    color: #ff563a !important;
}

.f-gray {
    color: #bbbbbb !important;
}

.f-gray2 {
    color: #909090 !important;
}

.f-gray3 {
    color: #dbdbdb !important;
}

.f-gray4 {
    color: #dddddd !important;
}

.f-gray5 {
    color: #808080 !important;
}

.f-tripade {
    font-weight: 800;
    text-align: center;
    background: -webkit-linear-gradient(-86deg,
            var(--orange) 5%,
            var(--yellow) 10%,
            var(--orange) 100%);
    -webkit-background-clip: text;
    -webkit-text-stroke: 5px transparent;
    color: #FFFFFF;
}

.f-tripade-blue{
    color: var(--orange) !important;
    background: 0;
}


/*****#####===== 버튼 =====#####*****/
.m-button {
    display: block;

    width: 187px;
    height: 36px;

    margin: 0 auto;


    cursor: pointer;
}

.m-button-color {
    background-color: var(--orange) !important;
    border: 1px solid var(--orange) !important;
    color: #fff !important;

    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.m-button-color:hover {
    background-color: #fff !important;
    color: var(--orange) !important;
}

#travelinfoadmin .m-button,
#travelinfomember .m-line {
    display: none !important;
}

/* Display value */
.hide {
    display: none !important;
}

.block {
    display: block !important;
}

.inline-block {
    display: inline-block !important;
}

.mrb10{
    margin-bottom:10px;
}

/*=========Helpers==========*/
/* 폰트 사이즈 */
.font-xs {
    font-size: 10px !important
}

.font-sm {
    font-size: 12px !important
}

.font-md {
    font-size: 15px !important
}

.font-lg {
    font-size: 18px !important
}

.font-xl {
    font-size: 24px !important
}

/* 폰트 두께 */
.font-300 {
    font-weight: 300 !important;
}

.font-500 {
    font-weight: 500 !important;
}

.font-600 {
    font-weight: 600 !important;
}

.font-700 {
    font-weight: 700 !important;
}

.font-900 {
    font-weight: 900 !important;
}

/*****##### 폰트 사이즈 #####*****/
.txt-h0 {
    font-size: 50px;
}

.txt-h1 {
    font-size: 32px;
}

.txt-h2 {
    font-size: 24px;
}

/* 2019-12-17 조민정 수정(스포카한산스에서 숫자 사이즈 20px일시 깨지는 현상 때문에) */
.txt-h3 {
    font-size: 19px;
}

.txt-h4 {
    font-size: 18px;
}

.txt-h5 {
    font-size: 16px;
}

.txt-h6 {
    font-size: 15px;
}

.txt-h7 {
    font-size: 14px;
}

.txt-h8 {
    font-size: 13px;
}

.txt-h9 {
    font-size: 12px;
}

.youtube-embed {
    width: 1110px;
    height: 624px;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** lg *****/
@media (min-width: 992px) and (max-width: 1200px) {
    /* 메인의 섹션공통 */
    /* 타이틀 */

    /* 컨텐츠 */
    .txt-h4 {
        font-size: 16px;
    }

    .youtube-embed {
        width: 930px;
        height: 523px;
    }

}

/***** md *****/
@media (min-width: 768px) and (max-width: 991px) {

    /* 텍스트 */
    /* 폰트 사이즈 */
    .youtube-embed {
        width: 690px;
        height: 388px;
    }

    .txt-h0 {
        font-size: 42px;
    }

    .txt-h1 {
        font-size: 30px;
    }

    .txt-h2 {
        font-size: 24px;
    }

    .txt-h3 {
        font-size: 20px;
    }

    .txt-h4 {
        font-size: 18px;
    }

    .txt-h5 {
        font-size: 16px;
    }

    .txt-h6 {
        font-size: 15px;
    }

    .txt-h7 {
        font-size: 14px;
    }

    .txt-h8 {
        font-size: 13px;
    }

    .txt-h9 {
        font-size: 12px;
    }

}

/***** sm *****/
@media (min-width: 554px) and (max-width: 767px) {

    /* 텍스트 */
    /* 폰트 사이즈 */
    .youtube-embed {
        width: 510px;
        height: 287px;
    }

    .event-banner {
        width: 100% !important;
        /* height: 52vw !important; */
    }

    .txt-h0 {
        font-size: 34px;
    }

    .txt-h1 {
        font-size: 26px;
    }

    .txt-h2 {
        font-size: 22px;
    }

    .txt-h3 {
        font-size: 16px;
    }

    .txt-h4 {
        font-size: 14px;
    }

    .txt-h5 {
        font-size: 14px;
    }

    .txt-h6 {
        font-size: 13px;
    }

    .txt-h7 {
        font-size: 13px;
    }

    .txt-h8 {
        font-size: 12px;
    }

    .txt-h9 {
        font-size: 12px;
    }
}

/***** xs *****/
@media (max-width: 553px) {

    /* 텍스트 */
    /* 폰트 사이즈 */
    .youtube-embed {
        width: 100%;
        height: 52vw;
    }

    .event-banner {
        width: 100% !important;
        /* height: 52vw !important; */
    }

    .txt-h0 {
        font-size: 24px;
    }

    .txt-h1 {
        font-size: 24px;
    }

    .txt-h2 {
        font-size: 22px;
    }

    .txt-h2-5{
        font-size: 20px;
    }

    .txt-h3 {
        font-size: 16px;
    }

    .txt-h4 {
        font-size: 14px;
    }

    .txt-h5 {
        font-size: 14px !important;
    }

    .txt-h6 {
        font-size: 13px;
    }

    .txt-h7 {
        font-size: 13px;
    }

    .txt-h8 {
        font-size: 12px;
    }

    .txt-h9 {
        font-size: 10px;
    }
}

/*=================================================
			로딩레이어
=================================================*/
.loading-layer {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 50px;
    z-index: 10000;
    background-color: #fff;
}

.loading-layer .symbol {
    font-size: 60px;
    font-weight: 700;
    line-height: -2px;
    color: #FFFFFF;

    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

/*=================================================
				네비게이션
=================================================*/
#main-gnb {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 300;

    background: rgba(0, 0, 0, 0.6);

    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

#main-gnb.active {
    background: linear-gradient(to right, RGB(255,81,47,0.85) 0%, RGB(240,152,25,0.85) 100%)
}

#main-gnb .nav-wrap {
    padding: 0 84px;
    height: 40px;
}

#main-gnb .logo-wrap {
    text-align: left;
    line-height: initial;
}

#main-gnb .logo-wrap img {
    height: 20px;
}

#main-gnb .nav-wrap>div,
#main-gnb .nav-wrap>div>div,.m-title-wrap
#main-gnb .menu-wrap * {
    height: 100%;
}

#main-gnb .menu-wrap {
    height: 100%;
    color: #fff;
    opacity: 1;

    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;

    justify-content: space-evenly;
    align-items: center;
}

#main-gnb .menu-wrap.active {
    opacity: 1;
}

#main-gnb .menu-wrap li{
    width: fit-content;
}

#main-gnb .menu-wrap li a {
    display: block;
    padding: 0 20px;
    border-top: 2px solid transparent;
    border-bottom: 2px solid transparent;
}

#main-gnb .menu-wrap li a:hover,
#main-gnb .menu-wrap li a.active {
    /* border-bottom: 2px solid #fff; */
    /*2018-05-31 lsk delete nav bar underline  */
    /* border-bottom: 2px solid #003a52; */
}

#main-gnb .public-wrap,
#main-gnb .login-wrap {
    color: #fff;
    margin: 0 10px;
}

#main-gnb .login-wrap .profile {
    width: 30px;
    height: 30px;

    overflow: hidden;
}

#main-gnb .login-wrap .profile .ratio-box,
#main-gnb .login-wrap .profile .ratio-content {
    border-radius: 100%;
}

/* #main-gnb .login-wrap.vertical-divide>li+li:before {
    margin-top: 11px;
    width: 2px;
    height: 12px;
    border-left: 0;
    border-right: 1px solid #fff;
} */

#main-gnb .login-wrap .noti i,
#main-gnb .login-wrap .mail i,
#main-gnb .notification i {
    position: relative;

    font-size: 25px;
    line-height: 0;
    color: #fff;

    cursor: pointer;
}

#main-gnb .login-wrap i span {
    position: absolute;
    display: block;

    width: 18px;
    height: 18px;

    top: -1px;
    right: -8px;

    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;

    background-color: red;
    border-radius: 100%;
}

#main-gnb .login-wrap .notification {
    position: relative;
}

#main-gnb .login-wrap.vertical-divide>li>span,
#main-gnb .login-wrap.vertical-divide>li>a {
    margin: 5px 15px;
    padding: 0;
}

#main-gnb .login-wrap .notification .profile {
    cursor: pointer;
}

/* 네비에서 포인트 보이도록 */
.nav_point{
    background: var(--darker-gray);
    opacity: 90%;
    border-radius: 100px;
    padding: 0 10px 2px !important;
}
.nav_point .point_img{
    width: 14px;
    margin-top: -2px;
}

/* ====================================
조민정 프로필박스 안나오는 부분 수정 시작 
+ 2019-12-13 추가수정 (이전것은 주석처리)
=======================================*/

/* 2021-11-16 betobahn */
#main-gnb .nav-rightside{
    flex-direction: row-reverse;
}


#main-gnb .nav-rightside {
    /* position: fixed; */
    overflow: inherit;
    height: auto !important;
}

#main-gnb .login-wrap .notification .profile-box {
    display: none;
    position: absolute;
    width: 210px;
    padding: 20px;
    top: 55px;
    left: -15px;
    text-align: left;
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 8px;
}

/* 
@media (max-width: 1399px) {
    #main-gnb .login-wrap .notification .profile-box {
        display: none;
        position: absolute;
        width: 210px;
        padding: 20px;
        top: 55px;
        text-align: left;
        background-color: rgba(0, 0, 0, 0.7);
        border-radius: 8px;
    }
}

@media (min-width: 1400px) {
    #main-gnb .login-wrap .notification .profile-box {
        display: none;
        position: absolute;
        width: 210px;
        padding: 20px;
        top: 55px;
        text-align: left;
        background-color: rgba(0, 0, 0, 0.7);
        border-radius: 8px;
    }
}

@media (min-width: 1400px) and (max-width: 1700px) {
    #main-gnb .login-wrap .notification .profile-box {
        display: none;
        position: absolute;
        width: 210px;
        padding: 20px;
        top: 55px;
        text-align: left;
        background-color: rgba(0, 0, 0, 0.7);
        border-radius: 8px;
    }
} */

/* ====================================
프로필박스 안나오는 부분 수정 끝
=======================================*/

#main-gnb .login-wrap .notification .profile-box {
    display: none;
    /* position: fixed; */
    width: 210px;
    padding: 20px;
    top: 55px;
    right: 23px;
    text-align: left;
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 8px;
}

#main-gnb .login-wrap .notification .profile-box::before {
    content: '';
    display: block;
    position: absolute;

    width: 0;
    height: 0;

    top: -10px;
    left: 22px;

    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid rgba(0, 0, 0, 0.7);
}

#main-gnb .login-wrap .notification .profile-box.active {
    display: block;
}

#main-gnb .login-wrap .notification .profile-box li {
    padding: 10px 0;
}

#main-gnb .login-wrap .notification .profile-box .profile {
    width: 35px;
    height: 35px;
}

#main-gnb .login-wrap .notification .profile-box i {
    font-size: 25px;
    line-height: 0;
}

#main-gnb .info-wrap {
    height: 100%;
}

#main-gnb .public-wrap {
    position: relative;

    height: 100%;
}

#main-gnb .public-wrap:hover .hover-wrap {
    display: block;
}

#main-gnb .public-wrap .public-title {
    /* padding: 0 17px 0 0; */
    /* 조민정 2020-03-09 '공지사항' 추가 후 수정함 */
    padding: 0 5px 0 0;

}

/* ********* 조민정 2020-03-10 GNB - new icon ********** */
span.gnb-notice {
    position: relative;
}
/* pc */
img.gnb-notice-new {
    position: absolute;
    top: -3px;
    right: 8px;
    z-index: -1;
}
/* mobile */
img.m-gnb-notice-new{
    position: absolute;
    top: 8px;
    right: 18px;
}



#main-gnb .public-wrap .public-list {
    width: 100px;
    height: 24px;

    font-style: italic;

    overflow: hidden;
}

#main-gnb .public-wrap .public-list ul span {
    padding: 0 0 0 10px;
}

#main-gnb .hover-wrap {
    display: none;
    position: absolute;

    width: 170px;
    padding: 20px;

    top: 0;
    left: 0;

    background-color: #fff;
    border: 1px solid #ccc;

    z-index: 200;
}

#main-gnb .hover-wrap li {
    padding: 10px 0 0;
}

#main-gnb .search-wrap {
    position: relative;

    background-color: transparent;
    margin: 5px 10px;
}

#main-gnb .search-wrap .notification-box {
    display: none;
    position: fixed;
    width: 270px;
    padding: 20px;
    top: 54px;
    right: 35px;
    text-align: left;
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 8px;
}

#main-gnb .search-wrap .notification-box.active {
    display: block;
}

#main-gnb .search-wrap .notification-box::before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    top: -10px;
    right: 15px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid rgba(0, 0, 0, 0.7);
}

/* ====================================
조민정 검색창 안나오는 부분 수정 시작 
=======================================*/
@media (max-width: 1700px) {
    #main-gnb .search-wrap .notification-box {
        display: none;
        position: fixed;
        width: 270px;
        padding: 20px;
        top: 54px;
        right: 35px;
        text-align: left;
        background-color: rgba(0, 0, 0, 0.7);
        border-radius: 8px;
    }
}

@media (min-width: 1700px) {
    #main-gnb .search-wrap .notification-box {
        display: none;
        position: fixed;
        width: 270px;
        padding: 20px;
        top: 54px;
        right: 80px;
        text-align: left;
        background-color: rgba(0, 0, 0, 0.7);
        border-radius: 8px;
    }
}

/* ====================================
검색창 안나오는 부분 수정 끝
=======================================*/


#main-gnb .notification.event ul {
    display: none;
}

#main-gnb .notification.event ul.active {
    display: block;
}

#main-gnb .serach-wrap .notification.event.active {
    display: block;
}

#main-gnb .search-wrap button,
#main-gnb .search-wrap input {
    border: 0;
    background-color: transparent;
    color: #fff;
    padding: 0;
}

#main-gnb .search-wrap input::-webkit-input-placeholder {
    color: #fff;
    text-align: right
}

#main-gnb .search-wrap input::-moz-placeholder {
    color: #fff;
    text-align: right
}

#main-gnb .search-wrap button i {
    font-size: 20px;
    padding: 0 10px 0 0;
}

/*****#####===== 미디어 쿼리  =====#####*****/
/* 조민정 2020-09-16 재수정. '커뮤니티'추가되어 수정함. */
/***** custom *****/
@media (min-width: 1400px) and (max-width: 1700px) {
    #main-gnb .nav-wrap {
        padding: 0 40px;
    }

    #main-gnb .menu-wrap li a {
        display: block;
        padding: 0 13px;
    }
}

/***** xl *****/
@media (min-width: 1200px) and (max-width: 1399px) {
    #main-gnb .nav-wrap {
        padding: 0 30px;
    }

    #main-gnb .menu-wrap li a {
        display: block;
        padding: 0 12px;
    }

    #main-gnb .public-wrap .public-title {
        padding: 0 7px 0 0;
    }

    #main-gnb .public-wrap .public-list {
        width: 92px;
        font-style: italic;
    }
}

/***** lg *****/
@media (min-width: 992px) and (max-width: 1199px) {
    #main-gnb .nav-wrap {
        padding: 0 30px;
    }

    #main-gnb .menu-wrap li a {
        display: block;
        padding: 0 10px;
        font-size: 1em;
    }

    #main-gnb .public-wrap .public-title {
        padding: 0 7px 0 0;
    }

    #main-gnb .public-wrap .public-list {
        width: 92px;
        font-style: italic;
    }
}

/***** md *****/
@media (min-width: 768px) and (max-width: 991px) {
    .navbar-brand img {
        height: 30px;
    }

    #m-main-gnb .navbar-toggler-right {
        top: 15px !important;
    }
}

/***** sm *****/
@media (min-width: 576px) and (max-width: 767px) {
    .navbar-brand img {
        height: 25px;
    }

    #m-main-gnb .navbar-toggler-right {
        top: 10px !important;
    }

    .detail_nav .slick-track .slick-slide {
        margin: 10px 5px 0 5px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .m-guide-item-wrap .slick-slide {
        padding-left: 5px;
        padding-right: 5px;
    }

    .m-ticket-item-wrap .slick-slide {
        padding-left: 5px;
        padding-right: 5px;
    }
}

/***** xs *****/
@media (max-width: 575px) {
    .navbar-brand img {
        height: 23px;
    }

    #m-main-gnb .navbar-toggler-right {
        top: 6px !important;
    }

    .detail_nav .slick-track .slick-slide {
        margin: 10px 5px 0 5px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .m-guide-item-wrap .slick-slide {
        padding-left: 5px;
        padding-right: 5px;
    }

    .m-ticket-item-wrap .slick-slide {
        padding-left: 5px;
        padding-right: 5px;
    }
}



/*=================================================
				모바일 네비
=================================================*/
#m-main-gnb {
    position: fixed;
    top: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 101;
    padding: 1px 0px;
}
@media (max-width: 768px) {
    #m-main-gnb {
        padding: 3px 0;
    }
}
@media (max-width: 577px){
    #m-main-gnb{
        padding: 4px 0;
    }
}


#m-main-gnb.active {
    background: linear-gradient(to right, RGB(255,81,47,0.85) 0%, RGB(240,152,25,0.85) 100%)
}



#m-main-gnb button {
    color: #ccc;
    /*  border: 1px solid #ccc; */
}

#m-main-gnb .navbar-toggler-right {
    top: 15px;

}

#m-main-gnb .sub-menu {
    position: fixed;

    width: 100%;
    top: 0;
    left: 0;

    background-color: #fff;

    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;

    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);

    z-index: 10;

}

#m-main-gnb .sub-menu.active {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
}

#m-main-gnb .sub-menu .header {
    padding: 5px 10px;

    /* background: linear-gradient(to right, RGB(255,81,47,0.85) 0%, RGB(240,152,25,0.85) 100%) */
}

#m-main-gnb .sub-menu .profile {
    width: 70px;
    height: 70px;
    padding: 5px 10px 0 0;

    overflow: hidden;
}


#m-main-gnb .sub-menu .notlogin-profile {
    width: 150px;
    height: 60px;
    padding: 20px 0;

    overflow: hidden;
}

#m-main-gnb .sub-menu .profile .ratio-box,
#m-main-gnb .sub-menu .profile .ratio-content {
    border-radius: 100%;
}

#m-main-gnb .sub-menu .profile-wrap .id {
    opacity: 0.7;
}

#m-main-gnb .sub-menu .cancel-wrap {
    font-size: 20px;

    cursor: pointer;
}

#m-main-gnb .sub-menu .icon-list .item {
    display: block;
    /*    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc; */
}

#m-main-gnb .sub-menu .icon-list .item i {
    display: block;
    position: relative;

    width: 40px;
    height: 40px;
    margin: 0 auto;

    /* background: linear-gradient(to right, RGB(255,81,47,0.85) 0%, RGB(240,152,25,0.85) 100%)*/

    color: #CCC;
    font-size: 35px;
    line-height: 0;
}

#m-main-gnb .sub-menu .icon-list .item i span {
    position: absolute;
    display: block;

    width: 20px;
    height: 20px;

    top: -3px;
    right: -2px;

    font-size: 11px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;

    background-color: red;
    border-radius: 100%;
}

#m-main-gnb .sub-menu .icon-list .item .title {
    padding: 5px 0 0;

    font-size: 14px;
    color: #5b5b5b;
}

#m-main-gnb .sub-menu .icon-list>div>div:first-child a {
    border-left: 1px solid transparent;
}

#m-main-gnb .sub-menu .event-list {
    display: none;
}

#m-main-gnb .sub-menu .body .content {
    margin: 5px 0 0;

    background-color: #fff;
}

#m-main-gnb .sub-menu .menu-list li a {
    display: block;
    position: relative;

    padding: 12px 20px;

    font-size: 16px;
    font-weight: 500;
    color: #555;

    border-bottom: 1px solid #ccc;
}

#m-main-gnb .sub-menu .menu-list li:last-child a {
    /*  box-shadow: 0px 1px #888888; */
}

#m-main-gnb .sub-menu .menu-list li a::after {
    /*  content: "\f3d3"; */
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

#m-main-gnb .sub-menu .info-wrap {
    position: absolute;

    width: 100%;

    bottom: 0;
    left: 0;
    border-top: solid 1px #ccc;
}

#m-main-gnb .sub-menu .info-wrap li {
    width: 50%;
}

#m-main-gnb .sub-menu .info-wrap a {
    font-size: 14px;
    color: #999;
}

#m-main-gnb .sub-menu .info-wrap a i {
    margin: 0 5px 0 0;

    font-size: 20px;
}

#m-main-gnb .sub-menu ul.vertical-divide>li+li:before {
    display: block;
    position: absolute;
    margin-top: 10px;
    width: 2px;
    height: 18px;
    border-left: 1px solid #999999;
    border-right: 1px solid #DDDDDD;
    content: '';
}

.board-event-lists-wrap {
    display: none;
    position: absolute;

    width: 170px;
    padding: 20px;

    top: 54px;
    left: 0;

    text-align: left;

    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 8px;
}

.board-event-lists-wrap::before {
    content: '';
    display: block;
    position: absolute;

    width: 0;
    height: 0;

    top: -10px;
    left: 15px;

    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid rgba(0, 0, 0, 0.8);
}

.board-event-lists-wrap.active {
    display: block;
}

.board-event-lists-wrap a {
    display: block;
}

.board-event-view-wrap .content img {
    max-width: 100%;
    height: auto !important;
}

.board_popup_wrap .board-body {
    color: #333333;
}

/*****#####===== 미디어 쿼리  =====#####*****/
/***** lg *****/
@media (min-width: 992px) and (max-width: 1199px) {}

/***** md *****/
@media (min-width: 768px) and (max-width: 991px) {
    .board-event-lists-wrap {
        display: block;
        position: inherit;

        width: auto;
        padding: 20px;

        color: #fff;

        background-color: rgba(0, 0, 0, 0.8);
    }
}

/***** sm *****/
@media (min-width: 576px) and (max-width: 767px) {
    .board-event-lists-wrap {
        display: block;
        position: inherit;

        width: auto;
        padding: 20px;

        color: #fff;

        background-color: rgba(0, 0, 0, 0.8);
    }
}

/***** xs *****/
@media (max-width: 575px) {
    .board-event-lists-wrap {
        display: block;
        position: inherit;

        width: auto;
        padding: 20px;

        color: #fff;

        background-color: rgba(0, 0, 0, 0.8);
    }
}

/*=================================================
				페이지 공통
=================================================*/

/*****#####===== page-banner  =====#####*****/
.ratio-box.ratio-banner {
    margin: 40px 0 0;
}

.ratio-box.ratio-banner::before {
    padding-top: 20%;
}

.ratio-box.ratio-banner .middle-box .inner {
    text-align: left;
}

.page-wrap {
    height: 100%;
}

.page-wrap .subtitle {
    color: #eee;
}

/*****#####===== page-banner-tab  =====#####*****/
.page-wrap .page-tab ul {
    padding: 0;
}

.page-wrap .page-tab ul li.nav-item {
    list-style: none;
    width: 34%;
    border: 1px solid #ccc;
}

.page-wrap .page-tab ul li.nav-item:first-child~li {
    border-left: 0;
}

.page-wrap .page-tab ul li.nav-item a {
    display: block;
    height: 100%;
    padding: 13px 0;
    text-align: center;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.page-wrap .page-tab ul li.nav-item a.active,
.page-wrap .page-tab ul li.nav-item a:hover {
    color: #fff !important;
    background-color: var(--orange);
}

/*****#####===== page_terms  =====#####*****/
.page_term-wrap .item-wrap {
    padding: 80px 90px 30px 90px;
    margin: 40px 0 0;
    height: 1300px;
    overflow-y: scroll;

    border: 1px solid transparent;
    -moz-border-image: -moz-linear-gradient(right, var(--orange) 0%, var(--orange) 100%);
    -webkit-border-image: -webkit-linear-gradient(right, var(--orange) 0%, var(--orange) 100%);
    border-image: linear-gradient(to right, RGB(255,81,47,0.85) 0%, RGB(240,152,25,0.85) 100%);
    border-image-slice: 1;
}

.page_term-wrap .item-wrap .title {
    text-align: center;
    padding: 0;
    color: #ddd;
    box-shadow: inset 0 -15px 0 #dc482b;
    width: fit-content;
    margin: 0 auto 60px;
}

.page_term-wrap .item-wrap .term-wrap {
    padding: 0 80px 0 0;
}

.page_term-wrap .item-wrap .term-wrap p {
    padding: 0 0 20px;
}


/*****#####===== 미디어 쿼리  =====#####*****/
/***** lg *****/
@media (min-width: 992px) and (max-width: 1199px) {}

/***** md *****/
@media (min-width: 768px) and (max-width: 991px) {
    .ratio-box.ratio-banner::before {
        padding-top: 35%;
    }

    .page_term-wrap .item-wrap {
        padding: 80px 50px 30px 50px;
        margin: 40px 0 0;
        height: 1300px;
    }

    .page_term-wrap .item-wrap .title {
        text-align: center;
        padding: 0 0 60px;
    }

    .page_term-wrap .item-wrap .term-wrap {
        padding: 0 50px 0 0;
    }
}

/***** sm *****/
@media (min-width: 576px) and (max-width: 767px) {
    .ratio-box.ratio-banner::before {
        padding-top: 35%;
    }

    .page_term-wrap .item-wrap {
        padding: 40px 30px 30px 30px;
        margin: 40px 0 0;
        height: 1300px;
    }

    .page_term-wrap .item-wrap .title {
        text-align: center;
        padding: 0 0 30px;
    }

    .page_term-wrap .item-wrap .term-wrap {
        padding: 0;
    }

    .page-wrap .page-tab ul li.nav-item a {
        font-size: 12px;
    }
}

/***** xs *****/
@media (max-width: 575px) {
    .ratio-box.ratio-banner::before {
        padding-top: 55%;
    }

    .page_term-wrap .item-wrap {
        padding: 40px 30px 30px 30px;
        margin: 40px 0 0;
        height: 500px;
    }

    .page_term-wrap .item-wrap .title {
        text-align: center;
        padding: 0 0 30px;
    }

    .page_term-wrap .item-wrap .term-wrap {
        padding: 0;
    }

    .page-wrap .page-tab ul li.nav-item a {
        font-size: 12px;
    }
}

/*=================================================
				섹션 공통
=================================================*/
/* .mobile_slide{
    overflow: hidden;
} */

.mobile_slide.row-10 {
    margin-left: -10px;
    margin-right: -10px;
}

.mobile_slide.row-10 div[class*='col-'] {
    padding-left: 10px;
    padding-right: 10px;
}

.main_ticket_slide.row-10 {
    margin-left: -10px;
    margin-right: -10px;
}

.main_ticket_slide.row-10 div[class*='col-'] {
    padding-left: 5px;
    padding-right: 5px;
}

.m-title-wrap {
    text-align: left;
    margin-top: 20px;
}

.m-title-wrap .title {
    color: #171717;
    letter-spacing: -2.2px;
    font-weight: 600;
}

.m-title-wrap .subtitle {
    color: #333;
    letter-spacing: -0.3px;
    line-height: 1.67;
}


.section-wrap {
    padding: 30px 0 30px;
}

#mainsns-section-wrap.section-wrap {
    padding: 45px 0 75px;
}

.m-line {
    height: 5px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

/*****#####===== 미디어 쿼리  =====#####*****/
/***** lg *****/
@media (min-width: 992px) and (max-width: 1199px) {}

/***** md *****/
@media (min-width: 768px) and (max-width: 991px) {
    /*
    .section-wrap{
        padding: 70px 0  40px;
    }
	*/
}

/***** sm *****/
@media (min-width: 576px) and (max-width: 767px) {
    /*
    .section-wrap{
        padding: 30px 0  30px;
    }
	*/
}

/***** xs *****/
@media (max-width: 575px) {
    /*
    .section-wrap{
        padding: 30px 0  30px;
    }
	*/
}


/*****#####===== introduce =====#####*****/
.m-introduce-item-wrap {
    padding: 45px 0 0;
}

.m-introduce-item-wrap .img-wrap {
    padding: 0 0 10px;
    width: 95px;
    margin: 0 auto;
}

.m-introduce-item-wrap .txt-wrap {
    position: relative;
    /*  border-top: 1px solid #ccc; */
    /*2018-03-23 lsk delete main page line   */
    text-align: center;
}

.m-introduce-item-wrap .txt-wrap .point {
    position: absolute;

    width: 14px;

    top: 0%;
    left: 50%;

    transform: translateX(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.m-introduce-item-wrap .txt-wrap .desc {
    padding: 5px 0 0;
}

.mainintroduce-section-wrap .section-wrap {
    padding: 100px 0 0;
}

.introduce-search-wrap {
    padding: 90px 0 60px;
    margin: 50px 0 0;
}

.introduce-search-wrap .padding-wrap {
    padding: 0 70px;
}

.introduce-search-wrap .introduce-search {
    padding: 20px 40px;
    border-bottom: 2px solid #b8bbc0;
    background-color: #fff;
}

.introduce-search-wrap .introduce-search .title {
    padding: 0 0 10px;
}

.introduce-search-wrap .introduce-search .row div {
    margin-left: 10px;
}

.introduce-search-wrap .introduce-search .row div * {
    height: 40px;
}

.introduce-search-wrap .introduce-search .row div:first-child {
    margin: 0;
}

.introduce-search-wrap .introduce-search input::-webkit-input-placeholder {
    font-size: 14px;
    letter-spacing: -0.3px;
    color: #333;
}

.introduce-search-wrap .introduce-search input::-moz-placeholder {
    font-size: 14px;
    letter-spacing: -0.3px;
    color: #333;
}

.slick-dots {
    bottom: -65px;
}

.slick-dots li {
    width: 13px;
    margin: 0;
}

.slick-dots li button:before {
    opacity: 1;
    font-size: 10px;
    color: #DBDBDB;
    /*2018-0404 lsk modification  */

    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.slick-dots li.slick-active button:before,
.slick-dots li:hover button:before {
    opacity: 1;
    color: var(--orange);
}

/*****#####===== 미디어 쿼리  =====#####*****/
/***** lg *****/
@media (min-width: 992px) and (max-width: 1199px) {
    .introduce-search-wrap .padding-wrap {
        padding: 0;
    }
}

/***** md *****/
@media (min-width: 768px) and (max-width: 991px) {
    .m-introduce-item-wrap .img-wrap {
        padding: 0 10px 24px;
    }

    .introduce-search-wrap .padding-wrap {
        padding: 0;
    }
}

/***** sm *****/
@media (min-width: 576px) and (max-width: 767px) {
    .mainintroduce-section-wrap .section-wrap {
        padding: 30px 0 0;
    }

    .m-introduce-item-wrap {
        padding: 30px 0 0;
    }

    .m-introduce-item-wrap .item {
        padding-top: 20px;
    }

    .m-introduce-item-wrap .img-wrap {
        padding: 0 10px 24px;
    }

    .introduce-search-wrap .padding-wrap {
        padding: 0;
    }

    .introduce-search-wrap .introduce-search .row div {
        margin-left: 0;
        padding: 2px;
    }
}

/***** xs *****/
@media (max-width: 575px) {
    .mainintroduce-section-wrap .section-wrap {
        padding: 30px 0 0 !important;
    }

    .m-introduce-item-wrap {
        padding: 20px 0 0;
    }

    .m-introduce-item-wrap .item {
        /*  padding-top: 20px; */
    }

    /*     .m-introduce-item-wrap .img-wrap {
        padding: 0 10px 24px;
    }
    mobile main-page picture 
 */

    .introduce-search-wrap .introduce-search {
        padding: 20px;
    }

    .introduce-search-wrap .padding-wrap {
        padding: 0;
    }

    .introduce-search-wrap .introduce-search .row div {
        margin-left: 0;
        padding: 2px;
    }

    .slick-dots {
        bottom: -25px !important;
    }

    .introduce-search-wrap {
        padding: 30px 0 30px;
        margin: 30px 0 0;
    }

    /*   .introduce-search-wrap{
    	padding:10px 0;
    	margin:50px 0 0;
    } */
}

/*****#####===== guide =====#####*****/
.m-guide-item-wrap {
    padding: 17px 0 45px;
    /* 2018-06-20 lsk modification*/
    /* 2019-10-02 ohss commented*/
    /* overflow: hidden; */
}

.m-guide-item-wrap .tag {
    position: absolute;

    left: 20px;

    z-index: 1;
}

.m-guide-item-wrap .ratio-guide>.ratio-content.bg {
    background-size: 100%;
    background-position: top;
}

.m-guide-item-wrap .ratio-guide::before {
    padding-top: 137%;
}

.m-guide-item-wrap .item {
    display: block;
    margin: 14px 0 0;
}

.m-guide-item-wrap .item>.ratio-box {
    border-top: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
    border-left: 1px solid #f0f0f0;
}

/* .m-guide-item-wrap .item a{
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
}
*/

.m-guide-item-wrap .item a>.ratio-box {
    border-top: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
    border-left: 1px solid #f0f0f0;
}

.m-guide-item-wrap .txt-wrap {
    width: 100%;
    position: absolute;
    bottom: 0;
    text-align: center;
    padding: 50px 0 0;
    border-top: 0;
    background: #fff;
}

.m-guide-item-wrap .txt-wrap::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    background-image: linear-gradient(to right, RGB(255,81,47) 0%, RGB(240,152,25) 100%);
    width: 100%;
    height: 3px;
}

.m-guide-item-wrap .txt-wrap .desc {
    /* padding: 5px 0 0; */
}

.m-guide-item-wrap .txt-wrap .desc img {
    display: none;
}

.m-guide-item-wrap .txt-wrap .profile-wrap {
    padding: 5px 25px;
}

.m-guide-item-wrap .txt-wrap .price strike {
    padding: 0 10px 0 0;
}

.m-guide-item-wrap .info-wrap {
    min-height: 24px;
    padding: 0 20px 5px;
}

.m-guide-item-wrap .info-wrap .title {
    position: relative;
    display: -webkit-box;
    width: 100%;
    height: 3em;
    overflow: hidden;
    box-sizing: content-box;

    color: #171717;
    text-overflow: ellipsis;
    word-wrap: break-word;
    line-height: 1.5em;

    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.m-guide-item-wrap .txt-wrap .profile {
    position: absolute;
    top: 0%;
    left: 50%;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    border: 4px solid #fff;
    overflow: hidden;

    background-color: #FFFFFF;

    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.m-guide-item-wrap .txt-wrap .hover-wrap {
    height: 0;
    padding: 0 20px;
    text-align: left;

    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.m-guide-item-wrap .txt-wrap .hover-wrap i {
    display: inline-block;
    width: 10px;
}

.m-guide-item-wrap .txt-wrap .hover-wrap ul.nation {
    overflow: hidden;
    padding: 15px 0 0;
}

.m-guide-item-wrap .txt-wrap .hover-wrap ul.nation li:first-child {
    margin: 0;
}

.m-guide-item-wrap .txt-wrap .hover-wrap ul.nation li {
    float: left;
    width: 30px;
    height: 30px;
    background-color: #ebebeb;
    border-radius: 100%;
    margin: 0 0 0 8px;

    display: flex !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;

    align-items: center !important;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;

    justify-content: center !important;
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
}

.m-guide-item-wrap .txt-wrap .hover-wrap ul.nation li.active {
    background-color: var(--orange);
    color: #fff !important;
}

/*****#####===== 미디어 쿼리  =====#####*****/
/***** xl *****/
@media (min-width: 1200px) {

    .m-guide-item-wrap .item:hover .hover-wrap,
    .m-guide-item-wrap .item.active .hover-wrap {
        height: 100px;
    }
}

/***** lg *****/
@media (min-width: 992px) and (max-width: 1199px) {}

/***** md *****/
@media (min-width: 768px) and (max-width: 991px) {
    .m-guide-item-wrap .ratio-guide::before {
        padding-top: 155%;
    }
}

/***** sm *****/
@media (min-width: 576px) and (max-width: 767px) {
    .m-guide-item-wrap {
        padding: 10px 0 30px;
    }
}

/***** xs *****/
@media (max-width: 575px) {
    .m-guide-item-wrap {
        padding: 10px 0 30px;
    }

    .m-guide-item-wrap .ratio-guide::before {
        padding-top: 170%;
    }

    .m-guide-item-wrap .tag {
        left: 5px;
    }

    .m-guide-item-wrap .txt-wrap {
        /* padding: 30px 0 0; */
    }

    .m-guide-item-wrap .txt-wrap .profile {
        width: 80px;
        height: 80px;
    }

    .m-guide-item-wrap .txt-wrap .profile-wrap {
        padding: 0 5px;
    }

    .m-guide-item-wrap .info-wrap {
        padding: 0 10px 5px;
    }



    .footer-section-wrap .right .list-inline {
        padding: 0px 0 0 !important;
        color: #eee;
    }

    /*
    .m-guide-item-wrap .hover-wrap{
        display: none;
    }
    */



    .m-guide-item-wrap .txt-wrap {
        width: 100%;
        position: absolute;
        bottom: 0;
        text-align: center;
        padding: 40px 0 0;
        border-top: 0;
        background: #fff;
        top: 140px;
    }

}

/*****#####===== ticket =====#####*****/

.m-ticket-item-wrap {
    padding: 15px 0 30px;

    /* overflow: hidden; */
}

.m-ticket-item-wrap .tag {
    position: absolute;
    left: 20px;
    z-index: 1;
}

/* 19-12-06 조민정 '위시리스트' 하트 아이콘 위치 조절
    + 19-12-13 추가수정 */
.heart.wish_btn {
    position: absolute;

    top: 10px;
    right: 20px;

    background-color: transparent;
    border: 0;

    z-index: 100;
    cursor: pointer;
}

@media (max-width: 414px) {
    .m-ticket-item-wrap .heart.wish_btn {
        top: 25px;
    }
}



.heart.wish_btn i::before {
    font-size: 35px;
    color: rgba(1, 1, 1, 0.5);
}

.heart.wish_btn.active i:before {
    color: #EB2C68;
}
.heart.wish_btn:hover i:before{
    color:#e98c8c9c;
    transition: 0.8s ease;
}

.m-ticket-item-wrap .ratio-ticket::before {
    padding-top: 67%;
}

.m-ticket-item-wrap .item {
    margin-top: 0px;
}

#mypage-wish-page .m-ticket-item-wrap .item{
    margin-bottom: 30px;
}

.m-ticket-item-wrap .item a {
    display: block;

    border-top: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
    border-left: 1px solid #f0f0f0;
}

.m-ticket-item-wrap .txt-wrap {
    position: relative;
    background: #fff;
    border-top: 0;
    padding: 35px 20px 10px;
}

.m-ticket-item-wrap .txt-wrap::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    background-image: linear-gradient(to right, RGB(255,81,47) 0%, RGB(240,152,25) 100%);
    width: 100%;
    height: 3px;
}

.m-ticket-item-wrap .txt-wrap>div {
    position: relative;
    height: 100%;
}

.m-ticket-item-wrap .txt-wrap .price {
    /*
    position: absolute;
    bottom: 0;
    right: 0;
    */
    text-align: right;
}

.m-ticket-item-wrap .txt-wrap .title {
    width: 100%;
}

.m-ticket-item-wrap .txt-wrap .price strike {
    padding: 0 3px 0 0;
}

/*****#####===== 미디어 쿼리  =====#####*****/
/***** lg *****/
@media (min-width: 992px) and (max-width: 1199px) {
    /*
    .m-ticket-item-wrap .ratio-ticket{
        padding-top: 0%;
    }
    
    .m-ticket-item-wrap .txt-wrap{
        position: relative;
        background: #fff;
        border-top: 0;

        height: 180px !important;
        padding: 0px;
    }
    .m-ticket-item-wrap .txt-wrap > div{
	padding-left: 10px;
	padding-right: 10px;
    }

    .m-ticket-item-wrap .txt-wrap .title{
	padding-top: 10px;
	height: 50px !important;
    }

    .m-ticket-item-wrap .tag{
	top: 0;
        left: 15px;
    }
	*/

}

/***** md *****/
@media (min-width: 768px) and (max-width: 991px) {
    /*
    .m-ticket-item-wrap .ratio-ticket{
        padding-top: 0%;
    }
    
    .m-ticket-item-wrap .txt-wrap{
        position: relative;
        background: #fff;
        border-top: 0;

        height: 150px !important;
        padding: 0px;
    }
    .m-ticket-item-wrap .txt-wrap > div{
	padding-left: 10px;
	padding-right: 10px;
    }
    .m-ticket-item-wrap .tag{
	top: 0;
        left: 15px;
    }
	*/
}

/***** sm *****/
@media (min-width: 576px) and (max-width: 767px) {
    /*
    .m-ticket-item-wrap .tag{
	top: 0;
        left: 5px;
    }
	*/

}

/***** xs *****/
@media (max-width: 575px) {

    /*

    .m-ticket-item-wrap .txt-wrap .info-wrap{
        position: relative;
        bottom: 0;
        left: 0;
    }
    
    .m-ticket-item-wrap .tag{
	top: 0;
        left: 5px;
    }

    .m-guide-item-wrap .hover-wrap > .inquiry,
    .m-guide-item-wrap .hover-wrap > .reservation{
        display:none;
    }

     .m-guide-item-wrap .txt-wrap .hover-wrap ul.nation li{
         width:25px;
         height:25px;

         margin: 0 0 0 5px;
     }

     .m-guide-item-wrap .item.active .hover-wrap{
         height:55px;

         padding:0 10px;
     }
	 */
    /*2018-04-11 lsk mobile heart-size   */
    .heart.wish_btn i::before {
        font-size: 25px;
        color: rgba(1, 1, 1, 0.5);
    }



    .city-name {
        background: rgba(0, 0, 0, 0.5);
        padding-left: 5px;
        padding-right: 5px;

    }

    .city-wrap {
        margin: 5px 0 0 3px;

    }

    .ticket-city-wrap {
        position: absolute;
        top: 35px;
        left: 70px;
        background-color: transparent;
        border: 0;
        z-index: 100;

    }

}

/* 상세 슬라이드 */

.detail-slide-wrap {
    padding: 50px 0 0;
}

.detail_for .ratio-custom::before {
    padding-top: 60.5%;
}

.detail_nav .ratio-custom::before {
    padding-top: 72.5%;
    /*72.5 -> 37.5  */
    /*   padding-top:37.5%; */
    /*72.5 -> 37.5  */
}

.detail_nav.slick-vertical .slick-slide {
    margin: 5px 0 !important;
}

.detail_nav .slick-prev,
.detail_nav .slick-next {
    line-height: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 40px;
    padding: 0;
    -webkit-transform: inherit;
    -ms-transform: none;
    transform: none;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background-color: rgba(0, 0, 0, 0.6);

    z-index: 200;
}

.detail_nav .slick-prev:hover,
.detail_nav .slick-prev:focus,
.detail_nav .slick-next:hover,
.detail_nav .slick-next:focus {
    color: transparent;
    outline: none;
    background-color: rgba(0, 0, 0, 0.6);
}

.detail_nav .slick-next {
    top: auto;
    bottom: 0;
}

.detail_nav .slick-next:before {
    content: '\f3d0' !important;
}

.detail_nav .slick-prev:before,
.detail_nav .slick-next:before {
    content: '\f3d8';
    display: block;
    font-family: 'Ionicons';
    margin: 0 auto;
    line-height: 1;
    color: white;
}

/*****#####===== 미디어 쿼리  =====#####*****/
/***** lg *****/
@media (min-width: 992px) and (max-width: 1199px) {}

/***** md *****/
@media (min-width: 768px) and (max-width: 991px) {}

/***** sm *****/
@media (min-width: 576px) and (max-width: 767px) {
    .detail-slide-wrap {
        padding: 30px 0 0;
    }
}

/***** xs *****/
@media (max-width: 575px) {
    .detail-slide-wrap {
        padding: 30px 0 0;
    }

}

/*=================================================
				게시판 페이징
=================================================*/

.custom-pagination {
    padding: 50px 0 0;
}

.custom-pagination .pagination {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.page-item.active .page-link,
.page-item:hover .page-link {
    color: #fff;
    background-color: var(--light-gray);
    border-color: var(--yellow);
}

.page-link {
    padding: .4rem .95rem;
    font-size: 16px;
    line-height: 1.5;
    color: #fff;
    background-color: var(--dark-gray);
    border: 1px solid var(--light-gray);
    margin-left: 0;
}
@media (max-width: 414px) {
    .page-link{
        padding: 8px;
        font-size: 14px;
    }
}

/*=================================================
				검색 페이지
=================================================*/
.search-page .search-wrap {
    padding: 85px 0 0;
    border-bottom: 1px solid #ccc;
    position: relative;
}

.search-page .search-wrap input[type="text"]:focus+button+.search-tag {
    height: 300px;
}

.search-page .search-wrap .search-tag {
    position: absolute;
    top: 42px;
    left: 0;
    background: #fff;
    width: 100%;
    height: 0;
    overflow: hidden;
    text-align: center;

    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;

    /* 2019-12-17 조민정 추천검색어 위로 탭이 보이는 오류 수정  */
    z-index: 100;
}

.search-page .search-wrap .search-tag .title {
    display: inline-block;
    border-bottom: 1px solid #ccc;
    padding: 10px 0 12px;
}

.search-page .search-wrap .search-tag ul li:first-child {
    padding: 30px 0 0;
}

.search-page .search-wrap .search-tag ul li {
    padding: 20px 0 0;
}

.search-page .search-wrap * {
    padding: 0;
}

.search-page .search-wrap input {
    color: #171717;
    border: 0;
}

.search-page .search-wrap button {
    background-color: transparent;
    border: 0;
    padding: 0 25px 0 0;
}

.search-page .search-wrap button i {
    font-size: 36px;
    color: #ccc;
    line-height: 0;
}

.search-page .item-wrap {
    padding: 50px 0 0;
}

.search-page .m-title-wrap {
    padding: 100px 0 0;
    text-align: left;
}

/*****#####===== 미디어 쿼리  =====#####*****/

/***** lg *****/
@media (min-width: 992px) and (max-width: 1199px) {}

/***** md *****/
@media (min-width: 768px) and (max-width: 991px) {}

/***** sm *****/
@media (min-width: 576px) and (max-width: 767px) {
    .search-page .m-title-wrap {
        padding: 30px 0 0;
    }
}

/***** xs *****/
@media (max-width: 575px) {
    .search-page .m-title-wrap {
        padding: 30px 0 0;
    }
}


/*=================================================
				회원 페이지
=================================================*/
.menu-left .card,
.menu-left .card-header,
.menu-left .card-block {
    padding: 0;
    background: none;
    border: 0;
}

.menu-left {
    height: 100%;
    padding: 80px 0;
    border-right: 1px solid #ededed;
}

.menu-left .card-header a {
    display: block;
    position: relative;
    padding: 15px 0 13px;
    border-top: 1px solid #ededed;
    color: #171717;
}

.menu-left .card-header a::after {
    content: '\f123';
    display: block;
    position: absolute;

    top: 50%;
    right: 10px;

    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.menu-left .card a.none-arrow::after {
    content: '' !important;
}

.menu-left .card a.active::after {
    content: '\f126';
}

.menu-left .card-block li a,
.menu-left .card-block li button {
    display: block !important;
    width: 100%;
    padding: 7px 0 5px;

    color: #111 !important;

    border-bottom: 1px solid transparent;
    background-color: transparent !important;

    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.menu-left .card-block li a:hover,
.menu-left .card-block li a.active,
.menu-left .card-block li button:hover,
.menu-left .card-block li button.active {
    border-bottom: 1px solid var(--orange);
}

.menu-guide-wrap .m-guide-item-wrap {
    padding: 0 0 0 100px;
}

.menu-guide-wrap .m-guide-item-wrap .path-wrap .path a {
    color: #777;
    padding: 0;
}

.menu-guide-wrap .m-guide-item-wrap .path-wrap .path li:first-child a {
    padding: 0 5px 0 0;
}

.menu-guide-wrap .m-guide-item-wrap .path-wrap .path li:last-child a {
    padding: 0 0 0 12px;
}

.menu-guide-wrap .m-guide-item-wrap .path-wrap .path ul.vertical-divide>li+li:before {
    display: block;
    position: absolute;
    margin-top: -2px;
    color: #777;
    border: 0;
    content: '>';
}

.menu-guide-wrap .m-guide-item-wrap .path-wrap .sort {
    width: 175px;
}

.member-view-banner .title,
.member-view-banner .subtitle {
    text-align: center;
}

.member-view-banner .title,
.member-view-banner .asterion {
    padding: 10px 0 0;
}

.member-view-banner .nation-wrap .nation li {
    float: left;
    width: 30px;
    height: 30px;
    background-color: #ebebeb;
    border-radius: 100%;
    margin: 0 0 0 8px;

    display: flex !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;

    align-items: center !important;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;

    justify-content: center !important;
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
}

.member-view-banner .nation-wrap .nation li.active {
    color: #fff !important;

    background-color: var(--orange);
}

.member-view-banner ul.vertical-divide>li>a {
    display: inline-block;
    text-align: center;
    padding: 5px 15px;
    color: #fff;
}

.member-view-banner ul.vertical-divide>li>a i {
    line-height: 0;
}

.member-view-banner ul.vertical-divide>li>a i::before {
    font-size: 20px;
}

.member-view-banner ul.vertical-divide>li>a span {
    padding: 0 0 0 5px;
}

.member-view-banner .profile-wrap {
    position: relative;

    width: 150px;
    margin: 0 auto 10px;
}

.member-view-banner .profile-wrap .tag {
    position: absolute;

    top: 0;
    left: -10px;
}

.member-view-banner .profile {
    border: 4px solid #fff;
    border-radius: 100%;

    overflow: hidden;
}

.member-view-banner .page-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}

.member-view-wrap .guide-list-wrap .slick-prev:before,
.slick-next:before {
    color: #000;
}

.member-view-wrap .guide-list-wrap .guide-slide {
    text-align: center;
}

.member-view-wrap .guide-list-wrap .profile-wrap {
    display: inline-block;
    padding: 0 20px;
}

.member-view-wrap .guide-list-wrap .section-wrap {
    padding-bottom: 0;
}

.member-view-wrap .guide-list-wrap .profile {
    width: 150px;
    margin: 0 auto;

    border: 0;
    /* border: 4px solid #fff; */
    border-radius: 100%;

    overflow: hidden;
}

.member-view-wrap .introduce-wrap .introduce {
    width: 512px;

    padding: 0 0 50px;

    text-align: center;
}

.member-view-wrap .introduce-wrap .introduce p {
    padding: 20px 0 0;
}

.member-view-wrap .introduce-wrap .introduce p:first-child {
    padding: 0;
}

.member-view-wrap .introduce-wrap .introduce img {
    max-width: 100%;
}

.member-view-wrap .travel-wrap .section-wrap {
    padding: 80px 0 140px;
}

.member-view-wrap .travel-wrap {
    background-color: #f5f5f5;
}

.member-view-wrap .travel-wrap .m-guide-item-wrap {
    padding: 20px 0 0;
}

.member-view-wrap .travel-wrap .m-guide-item-wrap .slick-dotted.slick-slider {
    margin: 0;
}

.member-view-wrap .travel-wrap .title {
    position: relative;
    display: -webkit-box;
    width: 100%;
    height: 3em;
    overflow: hidden;
    box-sizing: content-box;

    color: #171717;
    text-overflow: ellipsis;
    word-wrap: break-word;
    line-height: 1.5em;

    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.member-view-wrap .travel-wrap .item {
    margin: 0;
    padding: 0 10px;
    position: relative;
    overflow: hidden;
}

/*****#####===== 미디어 쿼리  =====#####*****/
/***** lg *****/
@media (min-width: 992px) and (max-width: 1199px) {
    .member-view-wrap .guide-list-wrap .profile-wrap {
        display: inline-block;
        padding: 0;
    }
}

/***** md *****/
@media (min-width: 768px) and (max-width: 991px) {}

/***** sm *****/
@media (min-width: 576px) and (max-width: 767px) {
    .member-view-wrap .introduce-wrap .introduce {
        padding: 0 0 30px;
    }

    .member-view-wrap .travel-wrap .section-wrap {
        padding: 30px 0;
    }
}

/***** xs *****/
@media (max-width: 575px) {
    .member-view-wrap .introduce-wrap .introduce {
        padding: 0 0 30px;
    }

    .member-view-wrap .travel-wrap .section-wrap {
        padding: 30px 0;
    }

    .member-view-wrap .travel-wrap .item {
        padding: 0 5px;
    }
}

.inner-review-wrap ul.list-inline li {
    padding: 20px 20px 20px 0;
    overflow: hidden;
    border-top: 1px solid #ccc;
}

/* 조민정 2020-05-04 모바일웹 리뷰창 수정 */
@media (max-width: 414px){
    .inner-review-wrap ul.list-inline li {
        padding: 20px 0;
    }
    #goods-view-page .review_image_wrap {
        margin: 20px 0;
    }
    #goods-view-page .inner-review-wrap .desc-wrap.float-left {
        width: 55%;
    }
    /* #goods-view-page .review_image_wrap .slick-track{
        height: 260px;
    } */
    #goods-view-page .review_image_wrap .slick-dots li button:before{
        width: 15px;
        height: 15px;
    }
}

/*
.inner-review-wrap ul.list-inline li:first-child{
    border-top: 0;
}
*/

.inner-review-wrap ul.list-inline:first-of-type li {
    border-top: 0;
}

.inner-review-wrap .review {
    overflow: hidden;
}

.inner-review-wrap .review.float-left {
    margin: 20px 0 0;
}


.inner-review-wrap .img-wrap {
    width: 300px;
}


.inner-review-wrap .profile-wrap {
    /* width: 15%; */
    overflow: hidden;
}

.inner-review-wrap .profile {
    width: 48px;
    height: 48px;
    margin: 0 14px 0 0;
    overflow: hidden;

    border: 0;
    /* border: 2px solid var(--orange); */
    /* border-radius: 100%; */
}

.inner-review-wrap .profile .ratio-box,
.inner-review-wrap .profile .ratio-content {
    border-radius: 100%;
}

.inner-review-wrap .desc-wrap{
    padding: 0 0 0 60px;
}

.inner-review-wrap .desc-wrap.float-left {
    width: 84%;
}

.inner-review-wrap .regdate {
    color: #777;
}

.inner-review-wrap .name,
.inner-review-wrap .regdate {
    padding: 14px 0 0;
}

.inner-review-wrap .desc {
    padding: 14px 0 0;
}

.m-nation-list {
    padding: 20px 0 0;
}

.review-reply-wrap {
    padding: 1rem 2rem;
    margin: 1px 1px 10px 1px;

    background-color: #EFEFEF;
}


/*****#####===== 미디어 쿼리  =====#####*****/
/***** lg *****/
@media (min-width: 992px) and (max-width: 1199px) {}

/***** md *****/
@media (min-width: 768px) and (max-width: 991px) {
    .menu-guide-wrap .m-guide-item-wrap {
        padding: 0 0 0 40px;
    }
}

/***** sm *****/
@media (min-width: 576px) and (max-width: 767px) {
    .menu-guide-wrap .m-guide-item-wrap {
        padding: 0;
    }
}

/***** xs *****/
@media (max-width: 575px) {
    .menu-guide-wrap .m-guide-item-wrap {
        padding: 0;
    }

    .menu-guide-wrap .m-guide-item-wrap .path-wrap .sort {
        width: 140px;
    }

    .member-view-wrap .introduce-wrap .introduce {
        width: auto;
        padding: 0 15px;
        text-align: center;
    }

    .member-view-wrap #review_modal tr th {
        width: 5rem;
    }
}

/*=================================================
				자주 묻는 질문
=================================================*/
.faq-section-wrap {
    padding: 30px 0 0;
}

.faq-section-wrap .title {
    margin: 50px 0 15px;
    padding: 0 0 0 35px;

    background-image: url('/img/course_icon.png');
    background-repeat: no-repeat;
    background-size: contain;
}

/*****#####===== 미디어 쿼리  =====#####*****/
/***** lg *****/
@media (min-width: 992px) and (max-width: 1199px) {}

/***** md *****/
@media (min-width: 768px) and (max-width: 991px) {}

/***** sm *****/
@media (min-width: 576px) and (max-width: 767px) {
    .faq-section-wrap .title {
        margin: 15px 0;
    }
}

/***** xs *****/
@media (max-width: 575px) {
    .faq-section-wrap .title {
        margin: 30px 0 15px;
    }
}

/*=================================================
				푸터
=================================================*/
.footer-section-wrap {
    background-color: #15161A;
}

.footer-section-wrap .section-wrap {
    padding: 50px 0 25px;
}

.footer-section-wrap .left .info-wrap {
    padding: 45px 0 0;
    color: #eee;
}

.footer-section-wrap .left .vertical-divide>li span {
    padding: 0 10px;
    text-align: left;
}

.footer-section-wrap .left .vertical-divide>li:first-child span {
    padding-left: 0;
}

.footer-section-wrap .left .vertical-divide>li+li:before {
    margin-top: 3px;
    width: 1px;
    height: 12px;
    border-left: 1px solid #909090;
    /*footer vertical-divide color- modification 2018-03-19*/
    border-right: 0;
    content: '';
    padding: 0 10px;
}

.footer-section-wrap .left .copy {
    padding: 60px 0 0;
    color: rgba(238, 238, 238, 0.8);
}

.footer-section-wrap .right {
    text-align: right;
}

.footer-section-wrap .right .center .number {
    line-height: 1;
    font-weight: 300;
}

.footer-section-wrap .right .list-inline {
    padding: 130px 0 0;
    color: #eee;
}

.footer-section-wrap .right ul.vertical-divide {
    padding: 10px 0 0;
}

.footer-section-wrap .right ul.vertical-divide>li>a {
    padding: 5px 12px;
}

.footer-section-wrap .right ul.vertical-divide>li:last-child>a {
    padding-right: 0;
}

.footer-section-wrap .right .footer-select-wrap .footer-select {
    color: #fff;

    background-color: transparent;
    border: 1px solid #fff;
}

.footer-section-wrap .right .footer-select-wrap .footer-select option {
    background-color: #808184;
}

/* =================================================
        조민정 2020-09-24 모바일웹 푸터 수정 
================================================== */

@media (max-width: 414px) {
    .footer-section-wrap .section-wrap{
        padding: 30px 0;
    }
    .footer-section-wrap .logo-wrap{
        display: none;
    }
    .footer-section-wrap .left .info-wrap {
        padding: 0px 0 0;
    }
    .footer-section-wrap .section-wrap .container .col-12 .txt-h7 {
        padding: 20px 0 0 !important;
    }
}


/*****#####===== 미디어 쿼리  =====#####*****/
/***** lg *****/
@media (min-width: 992px) and (max-width: 1199px) {
    .footer-section-wrap .right ul.vertical-divide .txt-h5 {
        font-size: 13px;
    }
}

/***** md *****/
@media (min-width: 768px) and (max-width: 991px) {
    .footer-section-wrap .right .footer-select-wrap {
        padding: 100px 0 0 90px;
    }

}

/***** sm *****/
@media (min-width: 576px) and (max-width: 767px) {
    .footer-section-wrap .left .copy {
        padding: 20px 0 0;
    }

    .footer-section-wrap .right .footer-select-wrap {
        margin: 20px 0 0;
    }
}

/***** xs *****/
@media (max-width: 575px) {
    .footer-section-wrap .left .copy {
        padding: 20px 0;
    }

    .footer-section-wrap .right .footer-select-wrap {
        margin: 20px 0 0;
    }
}



#boardtravelinfo {
    padding: 30px 0 70px !important;
}

#mainintroduce-section-wrap {
    padding: 45px 0 55px !important;
}

div>p {
    font-weight: normal;
}


.nation li {
    float: left;
    width: 30px;
    height: 30px;
    background-color: #ebebeb;
    border-radius: 100%;
    margin: 0 0 0 8px;

    display: flex !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;

    align-items: center !important;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;

    justify-content: center !important;
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
}

.nation li.active {
    color: #fff !important;

    background-color: var(--orange);
}




.m-guide-item-wrap .txt-wrap .goods-profile {
    position: absolute;
    top: 2%;
    left: 15%;
    width: 65px;
    height: 65px;
    border-radius: 100%;
    border: 4px solid #fff;
    overflow: hidden;

    background-color: #FFFFFF;

    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}




.m-guide-item-wrap .goods-txt-wrap {
    width: 100%;
    position: absolute;
    bottom: 0;
    text-align: center;
    padding: 110px 0 0;
    border-top: 0;
    background: #fff;
}



.m-guide-item-wrap #goods-info-view.info-wrap {
    min-height: 24px;
    padding: 0 20px;
}




.m-guide-item-wrap #ticket-info-wrap.info-wrap {
    min-height: 24px;
    padding: 0 0px 5px;
}



.city-name {
    background: rgba(0, 0, 0, 0.5);
    padding-left: 5px;
    padding-right: 5px;

}

.city-wrap {
    margin: 5px 0 0 10px;
}

.ticket-city-wrap {
    position: absolute;
    top: 35px;
    background-color: transparent;
    border: 0;
    z-index: 100;

}




.heart.wish_btn#member-view-goods-heart-btn {
    top: 10px;
}

/* 2018-03-20 lsk fix  plantravel heart position */
.heart.wish_btn#plantravel-goods-heart-btn {
    position: absolute;

    top: 10px;
    right: 20px;

    background-color: transparent;
    border: 0;

    z-index: 100;
    cursor: pointer;
}


.section-wrap#course {
    padding: 30px 0 30px;
}


.g {
    background-image: linear-gradient(to right, RGB(255,81,47) 0%, RGB(240,152,25) 100%);
    padding: 1px;
}


.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

#hamburger {
    /* border: 1px solid #374C77; */
    border-radius: 3px 3px 3px 3px;
    cursor: pointer;
    display: block;
    height: 24px;
    padding: 0px 4px 3px;
    position: relative;
    width: 25px;
    /*   background: #4569b2; */
    /*   background: -moz-linear-gradient(top, #4569b2 0%, #4062a5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4569b2), color-stop(100%, #4062a5));
    background: -webkit-linear-gradient(top, #4569b2 0%, #4062a5 100%);
    background: -o-linear-gradient(top, #4569b2 0%, #4062a5 100%);
    background: -ms-linear-gradient(top, #4569b2 0%, #4062a5 100%);
    background: linear-gradient(to bottom, #4569b2 0%, #4062a5 100%); */
    /*     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4569b2', endColorstr='#4062a5', GradientType=0); */
}

/*
The white stripes in the hamburger button
*/
#hamburger div {
    background-color: #fff;
    border: 1px solid #fff;
    /*   border-radius: 2px 2px 2px 2px; */
    height: 2px;
    margin-top: 4px;
    width: 100%;
}

.like.like_btn {
    background-color: transparent;
    border: 0;

    cursor: pointer;
}

.like.like_btn i::before {
    font-size: 25;
    color: rgba(1, 1, 1, 0.5);
}

.like.like_btn.active i:before {
    color: #FFFFFF;
}

/*****#####===== travelinfo =====#####*****/
.m-travelinfo-item-wrap {
    padding: 17px 0 45px;
    /* 2018-06-20 lsk modification*/
    overflow: hidden;
}

.m-travelinfo-item-wrap .tag {
    position: absolute;

    left: 20px;

    z-index: 1;
}

/* 조민정 2020-02-11 */
.m-travelinfo-item-wrap .ratio-travelinfo:hover {
    -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
    transition: 0.9s ease;
}

/*
.m-travelinfo-item-wrap .ratio-travelinfo > .ratio-content.bg{
	background-size: 100%;
	background-position: top;
}
*/

/*
.m-travelinfo-item-wrap .ratio-travelinfo::before{
	padding-top: 137%;
}
*/

.m-travelinfo-item-wrap .item {
    display: block;
    margin: 28px 0 0;
}

.m-travelinfo-item-wrap .item>.ratio-box {
    border-top: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
    border-left: 1px solid #f0f0f0;
}

/* .m-travelinfo-item-wrap .item a{
border-top: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
}
 */

.m-travelinfo-item-wrap .item a>.ratio-box {
    border-top: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
    border-left: 1px solid #f0f0f0;
}

.m-travelinfo-item-wrap .txt-wrap {
    width: 100%;
    position: absolute;
    bottom: 0;
    text-align: center;
    padding: 0px 0 0;
    border-top: 0;
    background: #fff;
}

.m-travelinfo-item-wrap .txt-wrap::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    background-image: linear-gradient(to right, RGB(255,81,47) 0%, RGB(240,152,25) 100%);
    width: 100%;
    height: 3px;
}

.m-travelinfo-item-wrap .txt-wrap .desc {
    padding: 5px 0 0;
}

.m-travelinfo-item-wrap .txt-wrap .desc img {
    display: none;
}

.m-travelinfo-item-wrap .txt-wrap .profile-wrap {
    padding: 0 30px;
}

.m-travelinfo-item-wrap .txt-wrap .price strike {
    padding: 0 10px 0 0;
}

.m-travelinfo-item-wrap .info-wrap {
    min-height: 24px;
    padding: 0 8px 5px;
}

.m-travelinfo-item-wrap .info-wrap .title {
    position: relative;
    display: -webkit-box;
    width: 100%;
    height: 3em;
    overflow: hidden;
    box-sizing: content-box;

    color: #171717;
    text-overflow: ellipsis;
    word-wrap: break-word;
    line-height: 1.5em;

    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.m-travelinfo-item-wrap .txt-wrap .profile {
    position: absolute;
    top: 0%;
    left: 50%;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    border: 4px solid #fff;
    overflow: hidden;

    background-color: #FFFFFF;

    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.m-travelinfo-item-wrap .txt-wrap .hover-wrap {
    height: 0;
    padding: 0 20px;
    text-align: left;

    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.m-travelinfo-item-wrap .txt-wrap .hover-wrap i {
    display: inline-block;
    width: 10px;
}

.m-travelinfo-item-wrap .txt-wrap .hover-wrap ul.nation {
    overflow: hidden;
    padding: 15px 0 0;
}

.m-travelinfo-item-wrap .txt-wrap .hover-wrap ul.nation li:first-child {
    margin: 0;
}

.m-travelinfo-item-wrap .txt-wrap .hover-wrap ul.nation li {
    float: left;
    width: 30px;
    height: 30px;
    background-color: #ebebeb;
    border-radius: 100%;
    margin: 0 0 0 8px;

    display: flex !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;

    align-items: center !important;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;

    justify-content: center !important;
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
}

.m-travelinfo-item-wrap .txt-wrap .hover-wrap ul.nation li.active {
    background-color: var(--orange);
    color: #fff !important;
}

/*****#####===== 미디어 쿼리  =====#####*****/
/***** xl *****/
@media (min-width: 1200px) {

    .m-travelinfo-item-wrap .item:hover .hover-wrap,
    .m-travelinfo-item-wrap .item.active .hover-wrap {
        height: 100px;
    }
}

/***** lg *****/
@media (min-width: 992px) and (max-width: 1199px) {}

/***** md *****/
@media (min-width: 768px) and (max-width: 991px) {
    /*
	.m-travelinfo-item-wrap .ratio-travelinfo::before {
		padding-top: 155%;
	}
	*/
}

/***** sm *****/
@media (min-width: 576px) and (max-width: 767px) {
    .m-travelinfo-item-wrap {
        padding: 10px 0 30px;
    }
}

/***** xs *****/
@media (max-width: 575px) {
    .m-travelinfo-item-wrap {
        padding: 10px 0 30px;
    }

    /*
	.m-travelinfo-item-wrap .ratio-travelinfo::before{
		padding-top: 170%;
	}
	*/

    .m-travelinfo-item-wrap .tag {
        left: 0;
    }

    .m-travelinfo-item-wrap .txt-wrap {
        /* padding: 30px 0 0; */
    }

    .m-travelinfo-item-wrap .txt-wrap .profile {
        width: 80px;
        height: 80px;
    }

    .m-travelinfo-item-wrap .txt-wrap .profile-wrap {
        padding: 0 5px;
    }

    .m-travelinfo-item-wrap .info-wrap {
        padding: 0 10px 5px;
    }



    .footer-section-wrap .right .list-inline {
        padding: 0px 0 0 !important;
        color: #eee;
    }

    /*
	.m-travelinfo-item-wrap .hover-wrap{
	display: none;
	}
	 */



    .m-travelinfo-item-wrap .txt-wrap {
        width: 100%;
        position: absolute;
        bottom: 0;
        text-align: center;
        /* padding: 40px 0 0; */
        border-top: 0;
        background: #fff;
    }

}

/* ==========================================================
조민정 (ios 아이폰에서) 셀렉트박스 드롭다운 메뉴 디자인 수정 시작
=============================================================*/

select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select::-ms-expand {
    display: none;
}

.ios-select {
    position: relative;
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
}

.ios-select:before {
    content: "";
    position: absolute;
    top: 15px;
    right: 15%;
    width: 5px;
    height: 5px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 7px solid #aeacb3;
    z-index: 1;
}


@media (max-width: 576px) {
    select.form-control {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        position: relative;
        bottom: 0;
        left: 0;
        top: 0;
        right: 0;
    }

    .goods-section-wrap .form-control {
        padding-top: 7px;
    }

    select::-ms-expand {
        display: none;
    }

    .ios-select:before {
        content: "";
        position: absolute;
        top: 15px;
        right: 15px;
        width: 5px;
        height: 5px;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 7px solid #aeacb3;
        z-index: 1;
    }

    .ios-select-main:before {
        top: 15px;
    }


    .ios-select-faq:before,
    .ios-select-mypage:before {
        right: 5%;
    }

    .ios-select-lists:before {
        right: 10%;
    }
}

@media (min-width: 578px){
    .ios-select-faq:before,
    .ios-select-mypage:before {
        display: none;
    }
}

/* 조민정 2020-01-02 마이페이지 프로필관리 ios-select */


#myinfo_write_form .ios-select:before {
    content: "";
    position: absolute;
    top: 15px;
    right: 5%;
    width: 5px;
    height: 5px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 7px solid #aeacb3;
    z-index: 1;
}

/* 조민정 2020-08-18 마이페이지 프로필관리 거주기간 + 거주예상기간 ios-select */
#myinfo_write_form .ios-select-live-period:before {
    right: 3%;
}

    /* 가이드 페이지 현지연락처 select박스 ios-select */
    #myinfo_write_form .ios-select-phone:before{
        top: -2px;
        left: 178px;
    }
    @media (min-width: 320px) and (max-width: 414px) {
        #myinfo_write_form .ios-select-phone:before {
            display:none;
        }
    }
    /* 가이드 아닌 여행객 회원의 프로필관리 페이지 연락처 셀렉트박스 화살표 숨김 (대한민국 뿐이라 화살표 필요없음) */
    .myinfo_write_form_traveler .ios-select-phone:before {
        display: none;
    }

/* cart 장바구니 화살표 */
.ios-select-cart:before{
    top:15px;
    right: 15%;
}

/* 도시별 상세페이지 */
#goods-trip_lists-page .trip-list-guide .ios-select:before{
    right:10%;
}

@media (max-width: 576px){
    #goods-trip_lists-page .trip-list-guide .ios-select:before {
        right: 5%;
    }
}

/* 여행정보 페이지 */
#travelinfo-travelinfo-page .container .sort{
    width: 11.3%;
}



/* ===========================================================
ios 아이폰에서 셀렉트박스 드롭다운 메뉴 디자인 수정 끝
============================================================*/


/* ================================================================
조민정 input박스 placeholder 텍스트 위치 살짝씩 어긋나는 거 조정 시작
2020-08-31 재수정
=================================================================*/

/* 회원가입 모달창 */
#signup_form input {
    height: 36px;
    line-height: 36px;
    padding: 8px 12px 6px 12px;
}
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    input {
        line-height: 16px !important;
    }
}


#signup_form button {
    padding: 8px 12px 6px 12px;
    color: #ccc;
}

/* 로그인 모달창 */
#login_form input {
    height: 36px;
    line-height: 36px;
    padding: 8px 12px 6px 12px;
}

#login_form button {
    padding: 13px 45px;
    border-radius: 5px;
}

/* =================================================================
input박스 placeholder 텍스트 위치 살짝씩 어긋나는 거 조정 끝
===================================================================*/


/* ============================================================================
조민정 모바일 gnb 아이콘 변경 후, 메세지 아이콘 오른쪽상단의 배너 숫자 위치 조정 시작
==============================================================================*/

.chatPositionInner {
    width: 35px !important;
    height: 35px !important;
    margin: 0 auto;
}

.chatPosition {
    width: 35px;
    height: 35px;
    position: relative;
    top: 0;
    left: 0;
}

.chatIcon {
    /* position: relative;
    top: 0;
    left: 0; */
}

.chatNumberBgInner {
    position: absolute;
    /* width: 20px;
    height: 20px; */
    top: 0;
    right: -3px;
}

/* 동그라미 이미지 숨김표시 */
.chatNumberBg {
    /* width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    right: 0; */
    display: none;
}

.chatNumberInner {
    color: #fff;
    font-size: 15px;
    vertical-align: top;
    /* width: 20px;
    height: 20px; */
}

.chatNumber {
    /* width: 20px;
    height: 20px; */
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    border-radius: 10px;
    border: solid RGB(39, 170, 222);
    background-color: RGB(39, 170, 222);
    line-height: 13px;
    width: auto;
}

/* ===========================================================================
모바일 gnb 아이콘 변경 후, 메세지 아이콘 오른쪽상단의 배너 숫자 위치 조정 끝
==============================================================================*/


/* ==========================================================
조민정 메인페이지 인기가이드 ratio-box 사이즈 모바일&pc 조절 시작
=============================================================*/
@media (max-width: 767px) {
    .m-guide-item-wrap .item>.ratio-box {
        height: 273px;
    }
}

/* ========================================================
메인페이지 인기가이드 ratio-box 사이즈 모바일&pc 조절 끝
=========================================================== */



/* ===================================================
 조민정 메인페이지 992px-1199px 사이 미디어쿼리 삭제 시작 
 ====================================================*/

@media (min-width: 992px) and (max-width: 1199px) {
    .container {
        width: 1140px;
        max-width: 100%;
    }
}

/* ===================================================
메인페이지 992px-1199px 사이 미디어쿼리 삭제 끝 
 ====================================================*/


/* =====================================================================
조민정 iphone 5 사이즈에서 카드뷰 글씨 및 박스 삐져나가고 깨지는 것 수정 시작
======================================================================= */

@media (max-width: 375px) {
    .iphone5-txt-h2 {
        font-size: 17px !important;
    }

    .iphone5-txt-h7 {
        font-size: 13px;
    }
}

/* =====================================================================
iphone 5 사이즈에서 카드뷰 글씨 및 박스 삐져나가고 깨지는 것 수정 끝
======================================================================= */

/* =========================================================================
조민정 trip_lists 페이지 비자 박스 배경색이 마진 뚫린 곳에 안보이는 오류 수정 시작
========================================================================== */

.inner-margin {
    display: block !important;
    padding-bottom: 0px;
}

/* 각자 박스마다 배경 빼고, row row-0에 인라인스타일로 background-color: rgba(1,1,1,0.5); 줌 */

/* =========================================================================
trip_lists 페이지 비자 박스 배경색이 마진 뚫린 곳에 안보이는 오류 수정 끝
========================================================================== */



/* ==================================================
조민정 지역별여행 페이지의 가이드여행 탭 카드뷰 수정 시작
=================================================== */

/* 아이폰4,5 */
@media (max-width: 320px) {

    .trip-list-guide .m-guide-item-wrap .trip-guide-txt .txt-h4 {
        font-size: 13px;
        top: 25% !important;
    }

    .trip-list-guide .m-guide-item-wrap .trip-guide-ratio::before {
        padding-top: 190% !important;
    }

    .trip-list-guide .m-guide-item-wrap .trip-guide-txt {
        padding: 80px 0 0 !important;
    }

    .trip-list-guide .m-guide-item-wrap .txt-wrap .goods-profile {
        width: 60px !important;
        left: 25% !important;
    }

    .trip-list-guide .m-guide-item-wrap .trip-guide-col {
        padding-right: 5px !important;
        padding-left: 5px !important;
    }

}

/* 아이폰6,7,8,X */
@media (min-width: 321px) and (max-width: 375px) {

    .trip-list-guide .m-guide-item-wrap .trip-guide-txt .txt-h4 {
        font-size: 13px;
        top: 25% !important;
    }

    .trip-list-guide .m-guide-item-wrap .trip-guide-ratio::before {
        padding-top: 165% !important;
    }

    .trip-list-guide .m-guide-item-wrap .trip-guide-txt {
        padding: 90px 0 0 !important;
    }

    .trip-list-guide .m-guide-item-wrap .trip-guide-col {
        padding-right: 5px !important;
        padding-left: 5px !important;
    }
}

/* 아이폰6/7/8 plus*/
@media (min-width:376px) and (max-width: 414px) {
    .trip-list-guide .m-guide-item-wrap .trip-guide-txt .txt-h4 {
        font-size: 15px;
        top: 25% !important;
    }

    .trip-list-guide .m-guide-item-wrap .trip-guide-ratio::before {
        padding-top: 155% !important;
    }

    .trip-list-guide .m-guide-item-wrap .trip-guide-txt {
        padding: 90px 0 0 !important;
    }

    .trip-list-guide .m-guide-item-wrap .trip-guide-col {
        padding-right: 5px !important;
        padding-left: 5px !important;
    }
}

@media (min-width: 414px) and (max-width: 420px) {

    .trip-list-guide .m-guide-item-wrap .trip-guide-txt .txt-h4 {
        font-size: 15px;
        top: 25% !important;
    }

    .trip-list-guide .m-guide-item-wrap .trip-guide-txt {
        padding: 95px 0 0 !important;
    }

    .trip-list-guide .m-guide-item-wrap .trip-guide-txt .txt-h3 {
        font-size: 16px;
        ;
    }

    .trip-list-guide .m-guide-item-wrap .trip-guide-txt .txt-h2 {
        font-size: 16px;
    }

    .trip-list-guide .m-guide-item-wrap .trip-guide-ratio::before {
        padding-top: 150% !important;
    }

    .trip-list-guide .m-guide-item-wrap .trip-guide-col {
        padding-right: 5px !important;
        padding-left: 5px !important;
    }
}


@media (min-width: 421px) and (max-width: 575px) {

    .trip-list-guide .m-guide-item-wrap .trip-guide-txt .txt-h4 {
        font-size: 15px;
        top: 30% !important;
    }

    .trip-list-guide .m-guide-item-wrap .trip-guide-txt {
        padding: 80px 0 0 !important;
    }

    .trip-list-guide .m-guide-item-wrap .trip-guide-txt .txt-h2 {
        font-size: 18px;
    }

    .trip-list-guide .m-guide-item-wrap .trip-guide-ratio::before {
        padding-top: 130% !important;
    }

    .trip-list-guide .m-guide-item-wrap .trip-guide-ratio .ratio-content .rece-guide {
        top: 100px !important;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .trip-list-guide .m-guide-item-wrap .trip-guide-txt .txt-h4 {
        font-size: 18px;
    }
}

@media (min-width:992px) and (max-width: 1023px) {
    .trip-list-guide .m-guide-item-wrap .trip-guide-ratio::before {
        padding-top: 150% !important;
    }

}

/* ==================================================
지역별여행 페이지의 가이드여행 탭 카드뷰 수정 끝
=================================================== */

/* ========================================================
조민정 메인페이지 "회원들이 전하는 여행꿀팁" 박스 높이 조절 시작
========================================================== */

@media (max-width: 414px) {
    .m-travelinfo-item-wrap .item {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .m-travelinfo-item-wrap .txt-wrap {
        top: 120px;
    }

    .travelinfo-section-wrap .m-travelinfo-item-wrap .ratio-travelinfo:before {
        height: 210px;
    }

    .travelinfo-section-wrap .section-wrap {
        padding-top: 0px !important;
    }
}

/* ==================================================
메인페이지 "회원들이 전하는 여행꿀팁" 박스 높이 조절 끝
==================================================== */



/* =====================================================================================
조민정 아이폰5이하 메인페이지 "인기티켓&액티비티"박스, "인기가이드"박스의 별표, 숫자, 베스트아이콘 위치 조절 시작
========================================================================================*/

@media (max-width: 375px) {

    /* 별표&숫자 */
    .mainticket-section-wrap .item #ticket-info-wrap {
        margin-top: 5px;
    }

    .mainguide-section-wrap .item .txt-wrap .info-wrap {
        margin-top: 5px;
        padding: 0 5px 5px !important;
    }


    /* 별표 */
    .mainticket-section-wrap .item #ticket-info-wrap .asterion {
        font-size: 12px !important;
    }

    .mainguide-section-wrap .item .txt-wrap .info-wrap .asterion {
        font-size: 12px !important;
    }

    /* 연필아이콘 */
    .mainticket-section-wrap .item #ticket-info-wrap .justify-content-end>img {
        margin-top: 0px !important;
    }

    .mainguide-section-wrap .item .txt-wrap .info-wrap .justify-content-end>img {
        margin-top: 0px !important;
    }

    /* 숫자 - 999까지 별표 밑으로 안떨어지게 수정*/
    .mainticket-section-wrap .item #ticket-info-wrap .justify-content-end>span {
        margin-top: -3px;
    }

    .mainguide-section-wrap .item .txt-wrap .info-wrap .justify-content-end>span {
        margin-top: -3px;
    }

    /* 베스트아이콘 위치 */
    .m-ticket-item-wrap .ratio-ticket img.tag {
        left: 10px;
        top: 0;
    }
}

/* =============================================================================
아이폰5이하 메인페이지 "인기티켓&액티비티"박스, "인기가이드"박스의 별표, 숫자, 베스트아이콘 위치 조절 끝
================================================================================*/


/* ================================================================
조민정 '지역별 가이드' 페이지 모바일 카드뷰 및 박스 하단 별표 패딩값 조절 시작
==================================================================*/

@media (max-width: 575px) {
    #member-lists-page .m-guide-item-wrap .info-wrap {
        padding: 0 5px 5px;
    }

    #member-lists-page .m-guide-item-wrap .col-6 {
        padding: 0 5px;
    }
}

/* =========================================================
'지역별 가이드' 페이지 모바일 카드뷰 및 박스 하단 별표 패딩값 조절 끝
===========================================================*/

/* ================================================
조민정 가이드 상세페이지 "개설한 여행" 카드뷰 수정 시작
==================================================*/

#member-view-page .m-guide-item-wrap .slick-prev:before {
    color: #000;
}

#member-view-page .m-guide-item-wrap .slick-prev {
    z-index: 10;
}

/* 아이폰4,5 */
@media (max-width: 320px) {
    #member-view-page .member-view-wrap .travel-wrap .m-guide-item-wrap {
        padding: 0 !important;
    }

    #member-view-page .m-guide-item-wrap .ratio-guide::before {
        padding-top: 115%
    }

    #member-view-page .m-guide-item-wrap .goods-txt-wrap {
        padding: 105px 0 0;
    }

    #member-view-page .member-view-wrap .travel-wrap .item {
        padding: 0px 10px;
    }

    #member-view-page .m-guide-item-wrap .slick-prev {
        left: -12px;
    }

    #member-view-page .m-guide-item-wrap .slick-next {
        right: -12px;
    }

    #member-view-page .member-view-wrap .travel-wrap .item .txt-wrap .txt-h4 {
        font-size: 18px;
        top: 23% !important;
    }

    #member-view-page .m-guide-item-wrap .txt-wrap .mem-info {
        left: 35% !important;
    }
}

/* 아이폰6,7,8,X */
@media (min-width: 321px) and (max-width: 375px) {

    #member-view-page .m-guide-item-wrap .slick-next,
    .slick-prev {
        display: none !important;
    }

    #member-view-page .member-view-wrap .travel-wrap .item .txt-wrap {
        top: 110px;
        padding: 105px 0 0;
    }

    #member-view-page .member-view-wrap .travel-wrap .item .txt-wrap .txt-h2 {
        font-size: 18px;
    }

    #member-view-page .member-view-wrap .travel-wrap .item .txt-wrap .txt-h4 {
        font-size: 15px;
        top: 25% !important;
        left: 5% !important;
        padding: 0 20px 0 0 !important;
        word-break: break-word !important;
    }

    #member-view-page .m-guide-item-wrap .txt-wrap .goods-profile {
        width: 60px;
        height: 60px;
        left: 25%;
    }

    #member-view-page .m-guide-item-wrap .txt-wrap .mem-info {
        left: 40% !important;
    }
}

/* 아이폰6/7/8 plus*/
@media (min-width:376px) and (max-width: 414px) {

    #member-view-page .m-guide-item-wrap .slick-next,
    .slick-prev {
        display: none !important;
    }

    #member-view-page .member-view-wrap .travel-wrap .item .txt-wrap .txt-h4 {
        font-size: 16px;
        top: 23% !important;
        word-break: break-word !important;
    }

    #member-view-page .member-view-wrap .travel-wrap .item .txt-wrap .txt-h2 {
        font-size: 20px;
    }

    #member-view-page .m-guide-item-wrap .goods-txt-wrap {
        padding: 100px 0 0;
    }

    #member-view-page .m-guide-item-wrap .txt-wrap .mem-info {
        left: 40% !important;
    }
}

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

    #member-view-page .m-guide-item-wrap .slick-next,
    .slick-prev {
        display: none !important;
    }

    #member-view-page .member-view-wrap .travel-wrap .item .txt-wrap .txt-h4 {
        font-size: 16px;
        top: 20% !important;
    }

    #member-view-page .member-view-wrap .travel-wrap .item .txt-wrap .txt-h2 {
        font-size: 20px;
    }

}

@media (min-width: 481px) and (max-width: 575px) {

    #member-view-page .m-guide-item-wrap .slick-next,
    .slick-prev {
        display: none !important;
    }

    #member-view-page .m-guide-item-wrap .ratio-guide::before {
        padding-top: 215%
    }

    #member-view-page .member-view-wrap .travel-wrap .item .txt-wrap .txt-h4 {
        font-size: 15px;
        top: 25% !important;
        padding: 0 10px 0 0 !important;
    }

    #member-view-page .member-view-wrap .travel-wrap .item .txt-wrap .txt-h2 {
        font-size: 20px;
    }

    #member-view-page .m-guide-item-wrap .info-wrap {
        padding: 0 5px 5px;
    }

    #member-view-pag .m-guide-item-wrap .goods-txt-wrap {
        padding: 105px 0 0 !important;
    }


    #member-view-page .m-guide-item-wrap .txt-wrap .goods-profile {
        width: 60px;
        height: 60px;
        left: 25%;
    }

    #member-view-page .m-guide-item-wrap .txt-wrap {
        top: 125px;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    #member-view-page .member-view-wrap .travel-wrap .item .txt-wrap .txt-h2 {
        font-size: 18px;
    }

    #member-view-page .m-guide-item-wrap .info-wrap {
        padding: 0 5px 5px;
    }

    #member-view-page .m-guide-item-wrap .slick-slide {
        padding-left: 5px;
        padding-right: 5px;
    }

    #member-view-page .m-guide-item-wrap .ratio-guide::before {
        padding-top: 180%;
    }

    #member-view-page .m-guide-item-wrap .txt-wrap .goods-profile {
        left: 25%;
    }

    #member-view-page .m-guide-item-wrap .txt-wrap .mem-info {
        left: 50% !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #member-view-page .member-view-wrap .travel-wrap .item .txt-wrap .txt-h4 {
        font-size: 17px;
        top: 25% !important;
    }

    #member-view-page .member-view-wrap .travel-wrap .item .txt-wrap .txt-h2 {
        font-size: 22px;
    }

    #member-view-page .m-guide-item-wrap .txt-wrap .goods-profile {
        left: 20%;
    }

    #member-view-page .m-guide-item-wrap .txt-wrap .mem-info {
        left: 40% !important;
    }
}

@media (min-width:992px) and (max-width: 1023px) {
    #member-view-page .m-guide-item-wrap .ratio-guide::before {
        padding-top: 130% !important;
    }

    #member-view-page .member-view-wrap .travel-wrap .item {
        padding: 0 5px;
    }

    #member-view-page .member-view-wrap .travel-wrap .item .txt-wrap .txt-h4 {
        font-size: 18px;
        top: 25% !important;
    }

    #member-view-page .m-guide-item-wrap .slick-prev {
        left: -12px;
    }

    #member-view-page .m-guide-item-wrap .slick-next {
        right: -12px;
    }

}

@media (min-width:1024px) and (max-width: 1199px) {
    #member-view-page .m-guide-item-wrap .slick-prev {
        left: -12px;
    }

    #member-view-page .m-guide-item-wrap .slick-next {
        right: -12px;
    }
}


/* ========================================
가이드 상세페이지 "개설한 여행" 카드뷰 수정 끝
===========================================*/

/* =========================================================
조민정 320px, 768px의 가이드 상세페이지 상단 네비 넓이 수정 시작
===========================================================*/

@media (max-width: 320px) {
    #member-view-page .member-nav-wrap>.container {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #member-view-page .member-nav-wrap>.container {
        padding-right: 0;
        padding-left: 0;
    }

    #member-view-page .member-nav-wrap>.container>.row>.col-4 {
        padding-right: 5px;
        padding-left: 5px;
    }

    #member-view-page .member-view-row>.col-12 {
        padding-right: 0;
        padding-left: 0;
    }

    #member-view-page .member-view-row>.col-12>.col-md-7 {
        padding-right: 0;
        padding-left: 0;
    }
}

/* ========================================================
가이드 320px, 768px의 가이드 상세페이지 상단 네비 넓이 수정 끝
==========================================================*/



/* =======================================================================
조민정 travelinfoboard (page_travel_board.php) 배너부분 깨지는 현상 수정 시작
========================================================================*/

#travelinfo-travelinfoboard-page .board-travelinfo-view-wrap .ratio-banner .middle-box .container {
    height: inherit;
}

#travelinfo-travelinfoboard-page .board-travelinfo-view-wrap .ratio-banner .middle-box .container .tags-wrap .regdate {
    position: absolute;
    top: 25px;
}

#travelinfo-travelinfoboard-page .board-travelinfo-view-wrap .travel-tag-wrap {
    position: absolute;
    padding: 0 10px;
}

#travelinfo-travelinfoboard-page .board-travelinfo-view-wrap .ratio-banner .container table td.txt-h5 {
    display: none;
}

@media (min-width:320px) and (max-width: 414px) {
    #travelinfo-travelinfoboard-page .board-travelinfo-view-wrap .ratio-box::before {
        padding-top: 100%;
    }
}

@media (min-width: 415px) and (max-width: 991px) {
    #travelinfo-travelinfoboard-page .board-travelinfo-view-wrap .ratio-box::before {
        padding-top: 50%;
    }
}


@media (min-width:992px) and (max-width: 1199px) {
    #travelinfo-travelinfoboard-page .board-travelinfo-view-wrap .ratio-box::before {
        padding-top: 50%;
    }

    #travelinfo-travelinfoboard-page .board-travelinfo-view-wrap .ratio-banner .middle-box .container {
        width: 930px;
    }

    #travelinfo-travelinfoboard-page .board-travelinfo-view-wrap .ratio-banner .middle-box .container .txt-h0 {
        font-size: 45px;
    }

    #travelinfo-travelinfoboard-page .board-travelinfo-view-wrap .ratio-banner .middle-box .container .tags-wrap .custom_search_btn {
        font-size: 25px;
    }
}

@media (min-width:1200px) {
    #travelinfo-travelinfoboard-page .board-travelinfo-view-wrap .ratio-box::before {
        padding-top: 20%;
    }
}

/* 프로필사진 100%보이도록 */
#travelinfo-travelinfoboard-page .board-travelinfo-view-wrap .section-wrap .profile .ratio-box::before {
    padding-top: 100%;
}

/* ===============================================================
travelinfoboard (page_travel_board.php) 배너부분 깨지는 현상 수정 끝
=================================================================*/

/* ===================================================
조민정 트립에이드 전체 상단 GNB 네비 992-1070px 수정 시작
    2020-03-05 재수정. 텍스트 두줄 안되도록 수정함.
    2020-09-16 재수정. '커뮤니티' 추가되어 수정함.
    2020-10-28 재수정. 900px, 1400px, 1700px 수정함.
=====================================================*/

@media(max-width: 1710px) and (min-width: 1200px){
    #main-gnb .nav-wrap .row-5 .col-lg-4:first-child {
        max-width: 28%;
        -webkit-flex: none;
        flex: none;
    }

    #main-gnb .nav-wrap .row-5 .col-lg-4:nth-child(2) {
        max-width: 47%;
        -webkit-flex: none;
        flex: none;
        padding-left: 1.5vw;
    }

    #main-gnb .nav-wrap .row-5 .col-lg-4:last-child {
        max-width: 25%;
        -webkit-flex: none;
        flex: none;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #main-gnb .nav-wrap .row-5 .col-lg-4:first-child {
        max-width: 25%;
        -webkit-flex: none;
        flex: none;
    }

    #main-gnb .nav-wrap .row-5 .col-lg-4:nth-child(2) {
        max-width: 45%;
        -webkit-flex: none;
        flex: none;
        padding-left: 1.5vw;
    }

    #main-gnb .nav-wrap .row-5 .col-lg-4:last-child {
        max-width: 30%;
        -webkit-flex: none;
        flex: none;
    }
}

@media (min-width: 992px) and (max-width: 1070px) {
    #main-gnb .nav-wrap .row-5 .col-lg-4:first-child {
        max-width: 20%;
        -webkit-flex: none;
        flex: none;
    }

    #main-gnb .nav-wrap .row-5 .col-lg-4:nth-child(2) {
        max-width: 47%;
        -webkit-flex: none;
        flex: none;
        padding-left: 1.5vw;
    }

    #main-gnb .nav-wrap .row-5 .col-lg-4:last-child {
        max-width: 33%;
        -webkit-flex: none;
        flex: none;
    }
}

/* ===========================================
트립에이드 전체 상단 GNB 네비 992-1070px 수정 끝
==============================================*/


/* ==========================================================================
조민정 여행정보 페이지 '회원들이 전하는 여행꿀팁'카드뷰 디테일 옵션 위치 조절 시작
============================================================================*/

#travelinfo-travelinfo-page #travelinfomember #board-travelinfomember .board-travelinfo-lists-wrap .m-travelinfo-item-wrap .ratio-travelinfo .txt-wrap {
    top: initial !important;
}

/* 2020-02-26 수정 */
#boardtravelinfo #board-travelinfomember .board-travelinfo-lists-wrap .ratio-travelinfo:before{
    padding-top: 95%;
}

/* =================================================================
여행정보 페이지 '회원들이 전하는 여행꿀팁'카드뷰 디테일 옵션 위치 조절 끝
====================================================================*/

/* ===========================================================
조민정 view.php 상품 상세페이지 상단배너 부분 레이아웃 재정렬 시작 
2020-08-26 재수정
=============================================================*/

#goods-view-page .goods-view-wrap .banner-wrap .container .ratio-content .title-icon {
    padding: 0;
}

#goods-view-page .goods-view-wrap .banner-wrap .travel-tag-wrap {
    bottom: 15px;
}


@media (max-width: 414px) {
    #goods-view-page .goods-view-wrap .banner-wrap .container .info {
        left: 0;
        bottom: 250px;
    }

    #goods-view-page .goods-view-wrap .banner-wrap .ratio-banner:before {
        padding-top: 85%;
    }

    #goods-view-page .goods-view-wrap .banner-wrap .travel-tag-wrap {
        bottom: 10px;
    }

    #goods-view-page .goods-view-wrap .banner-wrap .travel-tag-wrap .tag_lists {
        font-size: 15px;
        padding: 2px 4px 2px 8px;
    }

    #goods-view-page .goods-view-wrap .banner-wrap .travel-tag-wrap .tag_lists .pr-2 {
        font-size: 13px;
    }

    #goods-view-page .goods-view-wrap .banner-wrap .travel-tag-wrap .tag_lists .d-inline-block {
        font-size: 14px;
    }
}

/* 아이폰4,5 */
@media (max-width: 320px) {
    #goods-view-page .goods-view-wrap .banner-wrap .container .info {
        left: 0;
        bottom: 250px;
    }

    #goods-view-page .goods-view-wrap .banner-wrap .ratio-banner:before {
        padding-top: 100%;
    }

    #goods-view-page .goods-view-wrap .banner-wrap .container .ratio-content .title {
        font-size: 22px;
    }

    #goods-view-page .goods-view-wrap .banner-wrap .travel-tag-wrap .tag_lists {
        font-size: 15px;
        padding: 2px 4px 2px 8px;
    }

    #goods-view-page .goods-view-wrap .banner-wrap .travel-tag-wrap .tag_lists .pr-2 {
        font-size: 13px;
    }

    #goods-view-page .goods-view-wrap .banner-wrap .travel-tag-wrap .tag_lists .d-inline-block {
        font-size: 14px;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    #goods-view-page .goods-view-wrap .banner-wrap .container .col-sm-6 {
        flex: 0 0 100% !important;
        max-width: none;
    }

    #goods-view-page .goods-view-wrap .banner-wrap {
        min-height: 270px;
    }

    #goods-view-page .goods-view-wrap .banner-wrap .container .info {
        left: 0;
        right: initial;
        bottom: 180px;
    }

    #goods-view-page .goods-view-wrap .banner-wrap .ratio-banner:before {
        padding-top: 45%;
    }

    #goods-view-page .goods-view-wrap .title-icon {
        top: 25%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #goods-view-page .goods-view-wrap .banner-wrap .container .col-sm-6 {
        flex: 0 0 100% !important;
        max-width: none;
    }

    #goods-view-page .goods-view-wrap .banner-wrap .container .info {
        left: 0;
        right: initial;
        bottom: 190px;
    }

    #goods-view-page .goods-view-wrap .banner-wrap .ratio-banner:before {
        padding-top: 35%;
    }

    #goods-view-page .goods-view-wrap .title-icon {
        top: 25%;
    }

    #goods-view-page .goods-view-wrap .banner-wrap .container .ratio-content .title {
        font-size: 28px;
    }
}

@media (min-width:992px) and (max-width: 1023px) {
    #goods-view-page .goods-view-wrap .banner-wrap .container .col-sm-6 {
        flex: 0 0 100% !important;
        max-width: none;
    }

    #goods-view-page .goods-view-wrap .banner-wrap .container .info {
        left: 0;
        right: initial;
        bottom: 185px;
    }

    #goods-view-page .goods-view-wrap .banner-wrap .ratio-banner:before {
        padding-top: 25%;
    }

    #goods-view-page .goods-view-wrap .title-icon {
        top: 30%;
    }
}

@media (min-width:1024px) and (max-width: 1199px) {
    #goods-view-page .goods-view-wrap .banner-wrap .container .col-sm-6 {
        flex: 0 0 100% !important;
        max-width: none;
    }

    #goods-view-page .goods-view-wrap .banner-wrap .container .info {
        left: 0;
        right: initial;
        bottom: 260px;
    }

    #goods-view-page .goods-view-wrap .banner-wrap .ratio-banner:before {
        padding-top: 30%;
    }

    #goods-view-page .goods-view-wrap .title-icon {
        top: 35%;
    }
}

@media (min-width:1200px) {
    #goods-view-page .goods-view-wrap .banner-wrap .container .col-sm-6 {
        flex: 0 0 100% !important;
        max-width: none;
    }

    #goods-view-page .goods-view-wrap .banner-wrap .container .info {
        right: 0;
        left: initial;
        bottom: 15px;
    }

    #goods-view-page .goods-view-wrap .banner-wrap .ratio-banner:before {
        padding-top: 25%;
    }

    #goods-view-page .goods-view-wrap .title-icon {
        top: 25%;
    }
}

/* ===================================================
view.php 상품 상세페이지 상단배너 부분 레이아웃 재정렬 끝
=====================================================*/

/* ================================================================================
조민정 상품 상세페이지 배너 하단의 네비(상품정보, 유의사항, 이용후기 부분) 중간정렬 시작 
==================================================================================*/

@media (max-width: 767px) {
    .goods-view-wrap .goods-nav-wrap .container .nav-item a {
        padding: 10px 0;
    }
}

/* ================================================================================
상품 상세페이지 배너 하단의 네비(상품정보, 유의사항, 이용후기 부분) 중간정렬 끝
==================================================================================*/



/* =======================================================================
조민정 검색페이지 가이드,가이드여행,티켓/액티비티, 여행정보 박스 크기 조절 시작
========================================================================*/

@media (max-width: 375px) {

    /* ---------가이드------------- */
    #page-search-page .search-page .container .item-wrap .m-guide-item-wrap .col-sm-6 {
        padding-left: 5px;
        padding-right: 5px;
    }

    #page-search-page .search-page .container .item-wrap .m-guide-item-wrap .ratio-guide::before {
        padding: 90%;
    }

    #page-search-page .search-page .container .item-wrap .m-guide-item-wrap .txt-wrap {
        top: 125px;
    }

    /* 별표 */
    #page-search-page .search-page .container .item-wrap .m-guide-item-wrap .txt-wrap .asterion {
        font-size: 12px !important;
    }

    /* 연필아이콘 */
    #page-search-page .search-page .container .item-wrap .m-guide-item-wrap .txt-wrap>img {
        margin-top: 0px !important;
    }

    /* 숫자 - 999까지 별표 밑으로 안떨어지게 수정*/
    #page-search-page .search-page .container .item-wrap .m-guide-item-wrap .txt-wrap>span {
        margin-top: -3px;
    }

    /* ---------가이드여행------------- */
    #page-search-page .search-page .container .item-wrap .m-guide-travel-wrap .col-sm-6 {
        padding-left: 5px;
        padding-right: 5px;
    }

    #page-search-page .search-page .container .item-wrap .m-guide-travel-wrap .ratio-guide::before {
        padding: 100% !important;
    }

    #page-search-page .search-page .container .item-wrap .m-guide-travel-wrap .txt-wrap {
        top: 125px;
    }

    /* 별표 */
    #page-search-page .search-page .container .item-wrap .m-guide-travel-wrap .txt-wrap .asterion {
        font-size: 12px !important;
    }

    /* 연필아이콘 */
    #page-search-page .search-page .container .item-wrap .m-guide-travel-wrap .txt-wrap>img {
        margin-top: 0px !important;
    }

    /* 숫자 - 999까지 별표 밑으로 안떨어지게 수정*/
    #page-search-page .search-page .container .item-wrap .m-guide-travel-wrap .txt-wrap>span {
        margin-top: -3px;
    }

    /* ---------티켓/액티비티------- */
    #page-search-page .search-page .container .item-wrap .m-ticket-item-wrap a.d-block .txt-wrap {
        padding: 5px;
    }

    #page-search-page .search-page .container .item-wrap .m-ticket-item-wrap a.d-block .txt-wrap .txt-h4 {
        font-weight: 600;
    }

    #page-search-page .search-page .container .item-wrap .m-ticket-item-wrap .col-sm-6 {
        padding-left: 5px;
        padding-right: 5px;
        margin-top: 15px;
    }

    /* 별표 */
    #page-search-page .search-page .container .item-wrap .m-ticket-item-wrap a.d-block .txt-wrap .asterion {
        font-size: 13px !important;
    }

    /* 연필아이콘 */
    #page-search-page .search-page .container .item-wrap .m-ticket-item-wrap a.d-block .txt-wrap img {
        margin-top: 0px !important;
    }

    /* 숫자 - 999까지 별표 밑으로 안떨어지게 수정*/
    #page-search-page .search-page .container .item-wrap .m-ticket-item-wrap a.d-block .txt-wrap span {
        font-size: 13px;
    }

    /* -----------여행정보--------------- */
    #page-search-page .search-page .container .item-wrap .m-travel-info-wrap .ratio-guide::before {
        padding-top: 40% !important;
    }

    #page-search-page .search-page .container .item-wrap .m-travel-info-wrap .ratio-guide .txt-wrap {
        padding: 10px 0 0;
    }

    #page-search-page .search-page .container .item-wrap .m-travel-info-wrap .ratio-guide .txt-wrap .txt-h4 {
        letter-spacing: -1px;
    }

    #page-search-page .search-page .container .item-wrap .m-travel-info-wrap .ratio-guide .txt-wrap .info-wrap {
        display: none;
    }

}

@media (min-width: 321px) and (max-width: 375px) {

    /* ---------가이드------------- */
    #page-search-page .search-page .container .item-wrap .m-guide-item-wrap .ratio-guide::before {
        padding-top: 60%;
    }

    #page-search-page .search-page .container .item-wrap .m-guide-item-wrap .txt-wrap .asterion {
        font-size: 14px !important;
    }

    /* ---------가이드여행------------- */
    #page-search-page .search-page .container .item-wrap .m-guide-travel-wrap .ratio-guide::before {
        padding: 85% !important;
    }

    #page-search-page .search-page .container .item-wrap .m-guide-travel-wrap .txt-wrap {
        top: 130px;
    }

    /* -----------여행정보--------------- */
    #page-search-page .search-page .container .item-wrap .m-travel-info-wrap .ratio-guide::before {
        padding-top: 20% !important;
    }

    #page-search-page .search-page .container .item-wrap .m-travel-info-wrap .ratio-guide .txt-wrap {
        padding: 10px 0 0;
    }

    #page-search-page .search-page .container .item-wrap .m-travel-info-wrap .ratio-guide .txt-wrap .txt-h4 {
        letter-spacing: -1px;
    }

    #page-search-page .search-page .container .item-wrap .m-travel-info-wrap .ratio-guide .txt-wrap .info-wrap {
        display: none;
    }
}


@media (min-width:376px) and (max-width: 414px) {

    /* ---------가이드------------- */
    #page-search-page .search-page .container .item-wrap .m-guide-item-wrap .ratio-guide::before {
        padding: 75%;
    }

    #page-search-page .search-page .container .item-wrap .m-guide-item-wrap .txt-wrap .asterion {
        font-size: 14px !important;
    }

    /* ---------가이드여행------------- */
    #page-search-page .search-page .container .item-wrap .m-guide-travel-wrap .ratio-guide::before {
        padding: 80% !important;
    }

    #page-search-page .search-page .container .item-wrap .m-guide-travel-wrap .txt-wrap {
        top: 130px;
    }

    /* -----------여행정보--------------- */
    #page-search-page .search-page .container .item-wrap .m-travel-info-wrap .ratio-guide::before {
        padding-top: 40% !important;
    }

    #page-search-page .search-page .container .item-wrap .m-travel-info-wrap .ratio-guide .txt-wrap {
        padding: 10px 0 0;
    }

    #page-search-page .search-page .container .item-wrap .m-travel-info-wrap .ratio-guide .txt-wrap .txt-h4 {
        letter-spacing: -1px;
    }

    #page-search-page .search-page .container .item-wrap .m-travel-info-wrap .ratio-guide .txt-wrap .info-wrap {
        display: none;
    }
}

/* ---------티켓/액티비티------- */
#page-search-page .search-page .container .item-wrap .m-ticket-item-wrap a.d-block .txt-wrap {
    padding: 5px 3px;
}

#page-search-page .search-page .container .item-wrap .m-ticket-item-wrap a.d-block .txt-wrap .txt-h4 {
    font-weight: 600;
}

#page-search-page .search-page .container .item-wrap .m-ticket-item-wrap .col-sm-6 {
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 15px;
}

/* 별표 */
#page-search-page .search-page .container .item-wrap .m-ticket-item-wrap a.d-block .txt-wrap .asterion {
    font-size: 14px !important;
}

/* 연필아이콘 */
#page-search-page .search-page .container .item-wrap .m-ticket-item-wrap a.d-block .txt-wrap img {
    margin-top: 0px !important;
}

/* 숫자 - 999까지 별표 밑으로 안떨어지게 수정*/
#page-search-page .search-page .container .item-wrap .m-ticket-item-wrap a.d-block .txt-wrap span {
    font-size: 14px;
}

/* =-=-=-=-검색페이지 검색내용 없을시 푸터와 간격 확보=-=-=-=- */
#page-search-page .search-page .container .tab-content {
    padding-bottom: 40px;
}

/* =-=-=-=-=티켓/엑티비티 카드뷰 나라 이름 폰트 크기조절=-==-=-=-= */
@media (min-width: 414px) {
    #page-search-page .search-page .container .item-wrap .m-ticket-item-wrap a.d-block .txt-wrap span.city_target_title {
        font-size: 18px !important;
    }
}

@media (max-width: 414px) {
    #page-search-page .search-page .container .item-wrap .m-ticket-item-wrap a.d-block .txt-wrap span.city_target_title {
        font-size: 14px !important;
    }
}

/* -----------여행정보--------------- */
#page-search-page .search-page .container .item-wrap .m-travel-info-wrap .ratio-guide .txt-wrap {
    padding: 0;
}

#page-search-page .search-page .container .item-wrap .m-travel-info-wrap .profile-wrap {
    padding: 10px;
}

#page-search-page .search-page .container .item-wrap .m-travel-info-wrap .ratio-guide .txt-wrap .txt-h4 {
    letter-spacing: -1px;
}

#page-search-page .search-page .container .item-wrap .m-travel-info-wrap .ratio-guide .txt-wrap .info-wrap {
    display: none;
}

@media (min-width: 768px) and (max-width: 1023px) {
    #page-search-page .search-page .container .item-wrap .m-travel-info-wrap .ratio-guide::before {
        padding-top: 135%;
    }
}

@media (min-width:1024px) {
    #page-search-page .search-page .container .item-wrap .m-travel-info-wrap .ratio-guide::before {
        padding-top: 110%;
    }

    #page-search-page .search-page .container .item-wrap .m-ticket-item-wrap a.d-block .txt-wrap .txt-h3 {
        font-size: 20px;
    }
}

/* ===============================================================
검색페이지 가이드, 가이드여행, 티켓/액티비티, 여행정보 박스 크기 조절 끝
==================================================================*/


/* ==========================================================================
조민정 order>cart.php 카트 장바구니 
& 예약하기 order>form.php 
& 주문하기 order>forms.php
& 주문완료 order>complete.php
& 마이페이지 나의여행 views>mypage>order_info.php
레이아웃 수정 시작
============================================================================ */

.ipad-9-7-select:before,
.ipad-10-5-select:before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 7px solid #aeacb3;
    z-index: 1;
}

/* 장바구니,예약하기,주문하기 상단 제목 삭제 및 패딩값 조절 */

#order-cart-page .circle-breadcrumb,
#order-forms-page .circle-breadcrumb {
    padding: 90px 0 10px;
}

#order-form-page .circle-breadcrumb {
    padding: 40px 0 10px;
}

#order-complete-page .circle-breadcrumb,
.cart-complete-circles {
    padding: 90px 0 50px;
}


/* 장바구니,예약하기,주문하기 상단 step 1,2,3 아이콘 색상 변경 */
.circle-breadcrumb li.active {
    background: linear-gradient(to right bottom, var(--orange), var(--yellow));
    box-shadow: 2px 5px 16px -9px black;
}

.circle-breadcrumb li:not(.arrow) {
    background-color: #fff;
    box-shadow: 1px 3px 15px -8px black;
}

/* 장바구니 삭제표시 아이콘 변경 */
#order-cart-page .cart-container-bot .table .cart-table-body .cart-td-option .option-table .cart-delete .edit_cart_btn {
    font-weight: 300 !important;
    margin: 0px !important;
    background: 0;
    border: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

/* 장바구니 체크박스 아이콘 변경 */
#order-cart-page .cart-container-bot .form-check-label {
    display: inline-block;
    padding-left:0;
    margin-left:1.25rem;
}

#order-cart-page .cart-container-bot .form-check-label .form-check-input {
    overflow: hidden;
    display: none;
}

#order-cart-page .cart-container-bot .form-check-label .cart-checkbox {
    display: inline-block;
    width: 19px;
    height: 18px;
    background: url(/img/cart-checkbox.png) no-repeat 0 0/19px 36px;
    background-position: 0 0;
}

#order-cart-page .cart-container-bot .form-check-label .form-check-input:checked+.cart-checkbox {
    background-image: url(/img/cart-checkbox.png) no-repeat 0 0/19px 36px;
    background-position: 0 -18px;
}

/* 장바구니,예약하기,주문하기,주문완료,나의여행 썸네일 이미지 둥글기 조절 */
#order-cart-page .cart-container-bot .table .cart-table-body .cart-td-img .ratio-box .ratio-content,
#order-form-page .form-container-bot .ratio-box .ratio-content,
#order-forms-page .forms-container-bot .ratio-box .ratio-content,
#order-complete-page .complete-container .ratio-box .ratio-content,
#mypage-order_info-page .order-info-cont .ratio-box .ratio-content,
#mypage-return_view-page .return-info-cont .ratio-box .ratio-content {
    border-radius: 5px;
}

/* 장바구니,예약하기,주문하기,나의여행 option-alert 디자인 */
#order-cart-page .cart-container-bot .cart-td-option .option-alert,
#order-form-page .form-container-bot .order-form-option .option-alert,
#order-forms-page .forms-container-bot .forms-td-option .option-alert,
#mypage-order_info-page .order-info-cont .list-group-item,
#mypage-return_view-page .return-info-cont .list-group-item,
#mypage-cart_order_info-page .order-info-cont .list-group-item,
#mypage-cart_return_view-page .return-info-cont .list-group-item {
    border-radius: 5px;
    background-color: #f1f1f1a1 !important;
    border: 0;
}
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    #order-cart-page .cart-container-bot .cart-td-option .option-alert,
    #order-form-page .form-container-bot .order-form-option .option-alert,
    #order-forms-page .forms-container-bot .forms-td-option .option-alert,
    #mypage-order_info-page .order-info-cont .list-group-item,
    #mypage-return_view-page .return-info-cont .list-group-item,
    #mypage-cart_order_info-page .order-info-cont .list-group-item,
    #mypage-cart_return_view-page .return-info-cont .list-group-item{
        background-color: #f1f1f1;
    }
}


/* 장바구니,예약하기,주문하기,주문완료 (옵션) 텍스트 빼기 */
#order-cart-page .cart-container-bot .table .cart-table-body .cart-td-option td.name .weight-500>small,
#order-form-page .form-container-bot .name .weight-500>small,
#order-forms-page .weight-500>small,
#order-complete-page .weight-500>small {
    display: none;
}

/* 장바구니,예약하기,주문하기,주문완료,나의여행 총 상품 금액 */
#order-cart-page .cart-container-bot .total-wrap,
#order-form-page .form-container-bot .total-wrap,
#order-forms-page .forms-container-bot .total-wrap,
#order-complete-page .complete-container .total-wrap,
#mypage-order_info-page .order-info-cont .total-wrap,
#mypage-cart_order_info-page .order-info-cont .total-wrap{
    padding: 1rem .5rem;
    text-align: center;
}

#order-complete-page .complete-container .total-wrap .total-wrap-detail,
#order-complete-page .complete-container .total-wrap .total-wrap-detail span,
#mypage-order_info-page .order-info-cont .total-wrap .total-wrap-detail span,
#mypage-return_view-page .return-info-cont .total-wrap .total-wrap-detail,
#mypage-return_view-page .return-info-cont .total-wrap .total-wrap-detail span,
#mypage-cart_order_info-page .order-info-cont .total-wrap .total-wrap-detail span,
#mypage-cart_return_view-page .return-info-cont .total-wrap .total-wrap-detail,
#mypage-cart_return_view-page .return-info-cont .total-wrap .total-wrap-detail span{
    font-size: 14px;
}

#order-cart-page .cart-container-bot .total-wrap span,
#order-form-page .form-container-bot .total-wrap span,
#order-forms-page .forms-container-bot .total-wrap span,
#order-complete-page .complete-container .total-wrap span,
#mypage-order_info-page .order-info-cont .total-wrap .total-wrap-price span,
#mypage-order_info-page .order-info-cont .total-wrap span,
#mypage-return_view-page .return-info-cont .total-wrap span,
#mypage-cart_order_info-page .order-info-cont .total-wrap span,
#mypage-cart_return_view-page .return-info-cont .total-wrap span,
#mypage-cart_order_info-page .order-info-cont .total-wrap .return_right span,
#mypage-cart_return_view-page .return-info-cont .total-wrap .return_right span {
    background: linear-gradient(to right bottom, var(--orange), var(--yellow));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 800;
    color: #fff;
}


/* 마이페이지 나의여행 총 상품금액 텍스트 */
#mypage-order_info-page .order-info-cont .total-wrap .total-wrap-detail,
#mypage-cart_order_info-page .order-info-cont .total-wrap .total-wrap-detail {
    color: #292b2c !important;
    font-size: 16px;
    display: block;
}

/* 장바구니 하단 '주문하기,계속쇼핑하기,수량수정,선택삭제' 버튼 &
예약하기,주문하기 하단 '이전단계,결제하기' 버튼,
주문완료 (예약하기) 하단 '메인,주문내역조회' 버튼, 
주문완료 (장바구니) 하단 '메인,주문내역조회' 버튼,
마이페이지 프로필관리 하단 '취소, 수정' 버튼 */

#order-cart-page .cart-container-bot .move-btn-wrap .move-btn,
#order-form-page .move-btn-wrap .move-btn,
#order-forms-page .move-btn-wrap .move-btn,
#order-complete-page .move-btn-wrap .move-btn,
.order-forms-page-bot .move-btn-wrap .move-btn,
.cart-complete-btn .move-btn-wrap .move-btn,
#mypage-info-page .move-btn-wrap .move-btn {
    border: 1px solid #e1e1e1;
    box-shadow: 1px 1px 10px -7px grey;
    background-color: #fff;
    color: #999;
    font-weight: bold;
    letter-spacing: -1px;
    border-radius: 10px;
}

#order-cart-page .cart-container-bot .move-btn-wrap ul li:first-child .btn,
#order-form-page .move-btn-wrap ul li:last-child .btn,
#order-forms-page .move-btn-wrap ul li:last-child .btn,
#order-complete-page .move-btn-wrap ul li:last-child .btn,
.cart-complete-btn .move-btn-wrap ul li:last-child .btn,
.order-forms-page-bot .move-btn-wrap ul li:last-child .btn,
#mypage-info-page .move-btn-wrap ul li:last-child .btn {
    background-color: var(--orange) !important;
    color: #fff;
}

/* 주문하기 페이지 하단 버튼과 푸터 사이 간격 조정 */
#order-forms-page .move-btn-wrap ul li .move-btn,
.order-forms-page-bot .move-btn-wrap ul li .btn {
    margin-bottom: 100px;
}


/* 장바구니 옵션 당 예약일 날짜 (pc에서는 cart-td-title이 cart-td-option 안으로 들어가있음) */
#order-cart-page .cart-container-bot .table .cart-table-body .cart-td-option .cart-td-date {
    display: block;
    font-size: 16px;
}

#order-cart-page .cart-container-bot .table .cart-table-body .cart-td-option .cart-td-title {
    margin-bottom: 10px;
}

#order-cart-page .cart-container-bot .table .cart-table-body .cart-each-option .cart-td-date {
    border-top: 0;
}


/* 장바구니, 예약하기, 주문하기, 주문완료 모바일 레이아웃 조정 */
@media (max-width: 414px),
(max-width: 553px) {

    #order-cart-page .circle-breadcrumb,
    #order-complete-page .circle-breadcrumb {
        padding: 75px 0 10px;
    }

    /* 장바구니 상단 네비 */
    #order-cart-page .cart-container-top .cart-headline {
        padding: 20% 0 0;
    }

    #order-cart-page .cart-container-bot .table thead,
    #order-cart-page .cart-container-bot .table tr {
        display: block;
    }

    /* 주문완료 모바일 '주문이 완료되었습니다' 박스 */
    .complete-wrap i:before {
        font-size: 25px;
        padding-top: 20px;
    }

    /* 테이블 상단 상품정보,합계 모바일에서 삭제 */
    #order-cart-page .cart-container-bot .table th.cart-th-img,
    th.cart-th-info,
    th.cart-th-total {
        display: none;
    }

    #order-cart-page .cart-container-bot .table th.width-1 .form-check-label::after {
        content: '전체선택';
        position: relative;
        top: -4px;
        left: 12px;
    }

    #order-cart-page .cart-container-bot .table th.width-1 {
        height: 30px;
        padding: 5px;
    }

    #order-cart-page .cart-container-bot .table th.width-1 .form-check-label {
        padding-left: 0;
        float: left;
    }

    /* 상품 옵션 전체 */
    #order-cart-page .cart-container-bot .table .cart-table-body {
        border: 0;
        display: inline-block;
        padding: 0;
    }

    /* 상품 옵션 각 박스 */
    #order-cart-page .cart-container-bot .table .cart-table-body .cart-each-option {
        border-bottom: 1px solid #DDDDDD;
    }

    #order-cart-page .cart-container-bot .table .cart-table-body .cart-each-option:last-child {
        border: 0;
    }

    /* 상품 선택박스 */
    #order-cart-page .cart-container-bot .table .cart-table-body .cart-td-check {
        width: 20px !important;
        margin: 0 !important;
        display: inline-block;
        padding: 10px;
        border: 0;
        padding-left: 4px;
    }

    #order-cart-page .cart-container-bot .table .cart-table-body .cart-td-check .form-check-label {
        display: block;
        padding-left: 0;
        width: 20px;
        margin: 0;
    }

    /* 상품 썸네일 이미지 */
    #order-cart-page .cart-container-bot .table .cart-table-body .cart-td-img {
        border: 0;
        display: inline-block;
        padding: 10px 0px 10px 15px;
        width: 60px !important;
    }

    /* 상품 옵션 당 메인타이틀 */
    #order-cart-page .cart-container-bot .table .cart-table-body .cart-td-title {
        display: inline-block;
        width: 69% !important;
        position: relative;
        top: 0;
        left: 0;
        border: 0;
        font-size: 14px;
        letter-spacing: -1px;
        padding-left: 10px;
    }

    /* 모바일 장바구니 옵션 당 예약일 날짜 (pc에서는 cart-td-title이 cart-td-option 안으로 들어가있음) */
    #order-cart-page .cart-container-bot .table .cart-table-body .cart-td-title .cart-td-date {
        display: block;
        font-size: 14px;
    }

    #order-cart-page .cart-container-bot .table .cart-table-body .cart-td-title .cart-td-title {
        margin-bottom: 10px;
    }

    #order-cart-page .cart-container-bot .table .cart-table-body .cart-each-option .cart-td-date {
        border-top: 0;
    }

    /* 장바구니, 예약하기, 주문하기, 주문완료 모바일 상품 옵션디테일 뒷배경 회색박스 */
    #order-cart-page .cart-container-bot .table .cart-table-body .cart-td-option .option-alert,
    #order-form-page .form-container-bot .table .order-form-option .option-alert,
    #order-forms-page .forms-container-bot .table .forms-td-option .option-alert,
    #order-complete-page .complete-container .table tbody td.complete-td-option div.option-alert {
        border: 0;
        border-radius: 5px;
        background-color: #f1f1f1a1;
        position: relative;
    }

    #order-cart-page .cart-container-bot .table .cart-table-body .cart-td-option {
        padding: 0;
        border: 0;
    }

    #order-forms-page .forms-container-bot .table .forms-td-option {
        padding: 0 12px;
    }

    /* 상품 디테일 박스 옵션 타이틀 */
    #order-cart-page .cart-container-bot .table .cart-table-body .cart-td-option td.name {
        width: 100%;
        display: block;
        height: auto;
    }

    #order-cart-page .cart-container-bot .table .cart-table-body .cart-td-option td.name .weight-500 {
        font-weight: 600;
        margin-top: 7px;
        width: 90%;
        margin-left: 7px;
    }

    /* 상품 디테일 높이 및 넓이 조절 */
    #order-cart-page .cart-container-bot .table .cart-table-body .cart-td-option .option-alert .option-table td:not(.name) {
        height: 20px;
    }

    #order-cart-page .cart-container-bot .table .cart-table-body .cart-td-option .option-alert .option-table td.date {
        width: 30%;
    }


    /* 상품마다 삭제버튼 위치 */
    #order-cart-page .cart-container-bot .table .cart-table-body .cart-td-option .option-table .cart-delete {
        padding: 0;
        width: 5%;
    }

    #order-cart-page .cart-container-bot .table .cart-table-body .cart-td-option .option-table .cart-delete .edit_cart_btn {
        position: absolute;
        top: 0px;
        right: -30px;
    }

    /* 상품 개수 선택 박스 */
    #order-cart-page .cart-container-bot .table .cart-table-body .cart-td-option .option-table td.option {
        width: 13%;
        position: relative;
    }

    #order-cart-page .cart-container-bot .table .cart-table-body .cart-td-option .option-table td.option .form-control {
        height: auto;
        padding: 5px 10px 5px 3px;
        width: 100%;
    }

    #order-cart-page .cart-container-bot .table .cart-table-body .cart-td-option .option-table td.option .ios-select:before {
        content: "";
        position: absolute;
        top: 10px;
        right: 10%;
        width: 5px;
        height: 5px;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 7px solid #aeacb3;
        z-index: 1;
    }

    /* 상품 옵션 마다 금액 */
    #order-cart-page .cart-container-bot .table .cart-table-body .cart-td-option .option-table td.price {
        width: 18%;
    }

    #order-cart-page .cart-container-bot .table .cart-table-body .cart-td-option .option-table td.total-price {
        font-size: 14px;
        padding-top: 0;
        width: 35%;
    }

    /* 상품 옵션 하나 당 총 금액 */
    #order-cart-page .cart-container-bot .table .cart-table-body .cart-td-price {
        border: 0;
        text-align: right;
    }

    #order-cart-page .cart-container-bot .table .cart-table-body .cart-td-price span {
        font-size: 16px;
    }

    /* 장바구니 하단 주문하기,계속쇼핑하기,수량수정,선택삭제 탭 버튼 */
    #order-cart-page .cart-container-bot .move-btn-wrap {
        display: flex;
        width: 292px;
        margin: 0 auto;
    }

    #order-cart-page .cart-container-bot .move-btn-wrap ul {
        display: block;
        width: 100%;
    }

    #order-cart-page .cart-container-bot .move-btn-wrap ul li {
        display: block;
        margin-right: 3px !important;
        float: left;
    }

    #order-cart-page .cart-container-bot .move-btn-wrap ul li .move-btn {
        margin: 0 auto;
        width: 70px !important;
    }

    /* 모바일 예약하기, 주문완료 페이지 container 좌우간격 패딩값 조절 */
    #order-form-page .form-container-top,
    #order-forms-page .forms-container-top,
    #order-form-page .form-container-bot,
    #order-forms-page .forms-container-bot,
    .order-form-container,
    #order-complete-page .complete-container-top,
    #order-complete-page .complete-container,
    #order-complete-page .complete-cont-confirm {
        padding-right: 5px;
        padding-left: 5px;
    }

    /* 모바일 예약하기, 주문하기, 주문완료 페이지 상품명 썸네일 및 타이틀 */
    #order-form-page .form-container-bot td.order-form-tit,
    #order-forms-page .forms-container-bot .forms-td-img,
    #order-complete-page .complete-container .table .complete-td-img {
        display: flex;
    }

    #order-form-page .form-container-bot td.order-form-option,
    #order-forms-page .forms-container-bot .forms-td-option,
    #order-complete-page .complete-container .complete-td-option {
        border-top: 0;
    }

    #order-form-page .form-container-bot .order-form-tit .ratio-box,
    #order-forms-page .forms-container-bot .forms-td-img .ratio-box,
    #order-complete-page .complete-container .complete-td-img .ratio-box {
        width: 75px;
        margin-right: 15px;
    }

    #order-form-page .form-container-bot .order-form-tit .order-m-title,
    #order-forms-page .forms-container-bot .forms-td-img .order-forms-m-title,
    #order-complete-page .complete-container .complete-td-img .order-complete-m-title {
        width: 80%;
        display: grid;
    }

    #order-form-page .form-container-bot .order-form-tit .order-m-title .form-reserve-date,
    #order-forms-page .forms-container-bot .forms-td-img .order-forms-m-title .forms-reserve-date,
    #order-complete-page .complete-container .complete-td-img .order-complete-m-title .complete-reserve-date {
        text-align: left;
        font-size: 13px;
    }

    #order-form-page .form-container-bot .order-form-tit .order-m-title .module-name,
    #order-forms-page .forms-container-bot .forms-td-img .order-forms-m-title .module-name,
    #order-complete-page .complete-container .complete-td-img .order-complete-m-title .module-name {
        font-size: 5vw;
        word-break: keep-all;
        letter-spacing: -1px;
    }

    /* 모바일 예약하기, 주문하기, 주문완료 페이지 테이블 옵션 디테일 조절 */
    #order-form-page .form-container-bot .order-form-option .option-alert div.name .form-option-tit,
    #order-forms-page .forms-container-bot .forms-td-option .option-alert div.name .forms-option-tit,
    #order-complete-page .complete-container .complete-td-option .option-alert div.name .complete-option-tit {
        font-size: 3.7vw;
        padding: 5px;
        font-weight: 600;
    }

    #order-form-page .form-container-bot .order-form-option .option-alert table.option-table tbody,
    #order-forms-page .forms-container-bot .forms-td-option .option-alert table.option-table tbody,
    #order-complete-page .complete-container .complete-td-option .option-alert table.option-table tbody {
        padding-bottom: 5px;
    }

    #order-form-page .form-container-bot .order-form-option .option-alert table.option-table td,
    #order-forms-page .forms-container-bot .forms-td-option .option-alert table.option-table td,
    #order-complete-page .complete-container .complete-td-option .option-alert table.option-table td {
        height: auto;
    }

    #order-form-page .form-container-bot .order-form-option .option-alert table.option-table td.price,
    #order-forms-page .forms-container-bot .forms-td-option .option-alert table.option-table td.price,
    #order-complete-page .complete-container .complete-td-option .option-alert table.option-table td.price {
        width: 5rem;
    }

    #order-form-page .form-container-bot .order-form-option .option-alert table.option-table td.option,
    #order-forms-page .forms-container-bot .forms-td-option .option-alert table.option-table td.option,
    #order-complete-page .complete-container .complete-td-option .option-alert table.option-table td.option {
        width: 4rem;
    }

    #order-form-page .form-container-bot .order-form-option .option-alert table.option-table td.order-price,
    #order-forms-page .forms-container-bot .forms-td-option .option-alert table.option-table td.order-price,
    #order-complete-page .complete-container .complete-td-option .option-alert table.option-table td.order-price {
        width: 13rem;
    }

    /* 상품 당 총 금액 */
    #order-forms-page .forms-container-bot .table .forms-table-body .forms-td-price {
        border: 0;
        text-align: right;
    }

    #order-forms-page .forms-container-bot .table .forms-table-body .forms-td-price .forms-pc-total-price span {
        font-size: 16px;
    }

    /* 주문하기 페이지 상품 당 총 금액 모바일에서 안보이게 */
    #order-complete-page .complete-td-price {
        display: none !important;
    }

    /* 주문하기 페이지 모바일 form 폼 수정 */
    #order-complete-page .form-table td {
        border-bottom: 1px solid #cccccc;
    }

    #order-complete-page .form-table th {
        font-size: 3.3vw !important;
        width: 40% !important;
        font-weight: bold;
    }

    #order-complete-page .form-table td {
        font-size: 3.6vw !important;
    }

}

/* pc 반응형 */
@media (min-width: 554px) and (max-width:767px) {

    /* 모바일 예약하기 페이지 상품명 썸네일 및 타이틀 */
    #order-form-page .form-container-bot td.order-form-tit {
        display: flex;
    }

    #order-form-page .form-container-bot td.order-form-option {
        border-top: 0;
    }

    #order-form-page .form-container-bot .order-form-tit .ratio-box {
        width: 75px;
        margin-right: 15px;
    }

    #order-form-page .form-container-bot .order-form-tit .order-m-title {
        width: 80%;
        display: grid;
    }

    #order-form-page .form-container-bot .order-form-tit .order-m-title .form-reserve-date {
        text-align: left;
        font-size: 13px;
    }

    #order-form-page .form-container-bot .order-form-tit .order-m-title .module-name {
        font-size: 5vw;
        word-break: keep-all;
        letter-spacing: -1px;
    }

    /* 모바일 예약하기 페이지 테이블 옵션 디테일 조절 */
    #order-form-page .form-container-bot .order-form-option .option-alert div.name .form-option-tit {
        font-size: 3.7vw;
        padding: 5px;
    }

    #order-form-page .form-container-bot .order-form-option .option-alert table.option-table tbody {
        padding-bottom: 5px;
    }

    #order-form-page .form-container-bot .order-form-option .option-alert table.option-table td {
        height: auto;
    }

    #order-form-page .form-container-bot .order-form-option .option-alert table.option-table td.price {
        width: 5rem;
    }

    #order-form-page .form-container-bot .order-form-option .option-alert table.option-table td.option {
        width: 4rem;
    }

    #order-form-page .form-container-bot .order-form-option .option-alert table.option-table td.order-price {
        width: 13rem;
    }

    /*  예약하기, 주문하기 pc버전 상품 옵션 당 전체 가격 위치 조절 */
    #order-cart-page .cart-container-bot .table .cart-table-body .cart-td-price .cart-pc-total-price,
    #order-forms-page .forms-container-bot .table .forms-table-body .forms-td-price .forms-pc-total-price {
        margin-top: 70%;
    }

    #order-cart-page .cart-container-bot .table .cart-table-body {
        padding: 12px 0;
    }


    /* 장바구니 하단 주문하기,계속쇼핑하기,수량수정,선택삭제 탭 버튼 */
    #order-cart-page .cart-container-bot .move-btn-wrap ul {
        display: flex;
    }

    #order-cart-page .cart-container-bot .move-btn-wrap ul li {
        display: contents;
    }
}

@media (min-width: 415px) and (max-width: 480px) {}

@media (min-width: 481px) and (max-width: 575px) {}

@media (min-width: 576px) and (max-width: 767px) {}

@media (min-width: 768px) and (max-width: 991px) {}

@media (min-width:992px) and (max-width: 1023px) {}

@media (min-width:1024px) and (max-width: 1199px) {
    #order-cart-page .module-table .option-table .option {
        width: 6rem;
    }

    #order-cart-page .cart-container-bot .table .cart-table-body .cart-pc-total-price {
        margin-top: 60%;
    }
}

/* 장바구니,주문하기 */
/* ----------- iPad Pro 9.7 inch ----------- */
@media only screen and (min-width: 768px) and (max-width: 1024px) {

    /* 장바구니, 주문하기 상단 step 1,2,3 동그라미 크기 및 위치 조절 */
    #order-cart-page .circle-breadcrumb,
    #order-forms-page .circle-breadcrumb {
        padding: 40px 0 10px;
    }

    #order-cart-page .circle-breadcrumb li:not(.arrow),
    #order-forms-page .circle-breadcrumb li:not(.arrow) {
        width: 160px;
        height: 160px;
    }

    /* 상품 옵션 디테일 넓이 조정 */
    #order-cart-page .cart-container-bot .table .cart-table-body .cart-td-option .option-table .option-table-tr {
        width: 100%;
    }

    #order-cart-page .cart-container-bot .table .cart-table-body .cart-td-option .option-table td.name {
        width: 50%;
    }

    #order-cart-page .cart-container-bot .table .cart-table-body .cart-td-option .option-table td.price {
        width: 14%;
    }

    #order-cart-page .cart-container-bot .table .cart-table-body .cart-td-option .option-table td.option {
        width: 13%;
    }

    #order-cart-page .cart-container-bot .table .cart-table-body .cart-td-option .option-table td.total-price {
        width: 15%;
    }

    #order-cart-page .cart-container-bot .table .cart-table-body .cart-td-option .option-table td.cart-delete {
        width: 7%;
    }

    #order-cart-page .cart-container-bot .table .cart-table-body .cart-td-option .option-table td.cart-delete .edit_cart_btn {
        padding: 0;
        padding-right: 13px;
    }

    /* 옵션 이름 */
    #order-cart-page .cart-container-bot .table .cart-table-body .cart-td-option .option-table .option-table-tr .name .weight-500 {
        word-break: break-word;
    }

    /*  pc버전 상품 옵션 당 전체 가격 위치 조절 */
    #order-forms-page .forms-container-bot .table .forms-table-body .forms-td-price {
        padding: 0;
        width: 11%;
    }

    #order-forms-page .forms-container-bot .table .forms-table-body .forms-td-price .forms-pc-total-price {
        margin-top: 50%;
    }

    #order-cart-page .cart-container-bot .table .cart-table-body .cart-td-price .cart-pc-total-price {
        margin-top: 70%;
    }

    #order-cart-page .cart-container-bot .table .cart-table-body {
        padding: 12px 0;
    }

}

@media only screen and (min-width: 1024px) and (orientation: landscape) {}

@media only screen and (min-width: 768px) and (orientation: portrait) {

    /* 상단 step 1,2,3 동그라미 크기 및 위치 조절 */
    #order-cart-page .circle-breadcrumb {
        padding: 70px 0 10px;
    }

    #order-cart-page .circle-breadcrumb li:not(.arrow) {
        width: 130px;
        height: 130px;
    }

    #order-cart-page .circle-breadcrumb li.arrow {
        height: 130px;
    }

    #order-cart-page .circle-breadcrumb li i:before {
        font-size: 35px;
    }

    #order-cart-page .circle-breadcrumb li .number,
    #order-cart-page .circle-breadcrumb li .title {
        font-size: 15px;
    }

    /* 옵션 이름 및 가격 */
    #order-cart-page .cart-container-bot .table .cart-table-body .cart-td-option .cart-td-date,
    #order-cart-page .cart-container-bot .table .cart-table-body .cart-td-option .cart-td-title a,
    #order-cart-page .cart-container-bot .table .cart-table-body .cart-each-option .cart-pc-total-price {
        font-size: 13px;
    }

    #order-cart-page .cart-container-bot .module-table .option-table th,
    #order-cart-page .cart-container-bot .module-table .option-table td,
    #order-forms-page .forms-container-bot .table .option-table td {
        font-size: 12px;
        padding: 10px;
    }

    #order-cart-page .cart-container-bot .table .cart-table-body .cart-each-option .cart-td-price {
        padding: 12px 0px;
    }

    #order-cart-page .cart-container-bot .table .cart-table-body .cart-td-price .cart-pc-total-price {
        margin-top: 50%;
    }

    #order-forms-page .forms-container-bot .table .forms-table-body .forms-td-price .forms-pc-total-price {
        margin-top: 60%;
    }

    #order-cart-page .cart-container-bot .table .cart-table-body .cart-td-option .cart-td-title {
        margin-bottom: 5px;
    }

    /* 체크박스 및 썸네일 좌우 간격 조정 */
    #order-cart-page .cart-container-bot .table .cart-table-body .cart-td-img {
        padding: 12px 5px;
    }

    #order-cart-page .cart-container-bot .table thead tr th.cart-th-img {
        width: 4rem;
    }

    #order-cart-page .cart-container-bot .table label.form-check-label {
        padding-left: 0;
    }

    /* 장바구니 하단 주문하기,계속쇼핑하기,수량수정,선택삭제 탭 버튼 */
    #order-cart-page .cart-container-bot .move-btn-wrap ul {
        display: flex;
    }

    #order-cart-page .cart-container-bot .move-btn-wrap ul li {
        display: contents;
    }

}

/* ----------- iPad Pro ----------- */
/* Portrait and Landscape */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {}

/* Portrait */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {}

/* Landscape */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {}

/* ----------- PC ----------- */
@media (min-width: 1025px),
(min-width: 1200px) {

    /* =-====-=--=-=-=-=-=-=-=-장바구니-=-=-=-=-=-=-=-=-=--=-=-= */
    /* 장바구니 상품 옵션 디테일 넓이 조정 */
    #order-cart-page .cart-container-bot .table .cart-table-body .cart-td-option .option-table td.name {
        width: 19rem;
    }

    #order-cart-page .cart-container-bot .table .cart-table-body .cart-td-option .option-table td.price {
        width: 13%;
    }

    #order-cart-page .cart-container-bot .table .cart-table-body .cart-td-option .option-table td.option {
        width: 12%;
    }

    #order-cart-page .cart-container-bot .table .cart-table-body .cart-td-option .option-table td.total-price {
        width: 15%;
    }

    #order-cart-page .cart-container-bot .table .cart-table-body .cart-td-option .option-table td.cart-delete {
        width: 40px;
    }

    #order-cart-page .cart-container-bot .table .cart-table-body .cart-td-option .option-table td.cart-delete button{
        padding:0;
    }

    /* 장바구니 pc버전 옵션 당 합계 가격 패딩값 조절 */
    #order-cart-page .cart-container-bot .table .cart-table-body .cart-td-price {
        padding: 12px 0;
    }

    /* 장바구니 pc버전 상품 옵션 당 전체 가격 위치 조절 */
    #order-cart-page .cart-container-bot .table .cart-table-body .cart-pc-total-price {
        margin-top: 50%;
    }

    /* =-====-=-=--=-===-=--예약하기-=-=-=-=-=-=-=-=-=-=-= */
    /* 예약하기 페이지 예약날짜 텍스트 */
    #order-form-page .form-container-bot .form-reserve-date {
        text-align: left;
        font-size: 15px;
    }

    #order-form-page .form-container-bot .module-name {
        margin-bottom: 5px;
    }

    /* 예약하기 상품 옵션 디테일 넓이 조정 */
    #order-form-page .form-container-bot .table .option-table td.name {
        width: 50%;
    }

    #order-form-page .form-container-bot .table .option-table td.price {
        width: 10%;
    }

    #order-form-page .form-container-bot .table .option-table td.option {
        width: 10%;
    }

    #order-form-page .form-container-bot .table .option-table td.order-price {
        width: 15%;
    }

    /* =-====-=-=--=-===-=--주문하기-=-=-=-=-=-=-=-=-=-=-= */
    /*  pc버전 상품 옵션 당 전체 가격 위치 조절 */
    #order-forms-page .forms-container-bot .table .forms-table-body .forms-td-price .forms-pc-total-price {
        margin-top: 30%;
    }

    /* 예약하기 페이지 예약날짜 텍스트 */
    #order-forms-page .forms-container-bot .forms-reserve-date {
        text-align: left;
        font-size: 15px;
    }

    #order-forms-page .forms-container-bot .module-name {
        margin-bottom: 5px;
    }

    /* 주문하기 상품 옵션 디테일 넓이 조정 */
    #order-forms-page .forms-container-bot .table .option-table td.name {
        width: 50%;
    }

    #order-forms-page .forms-container-bot .table .option-table td.price {
        width: 13%;
    }

    #order-forms-page .forms-container-bot .table .option-table td.option {
        width: 10%;
    }

    #order-forms-page .forms-container-bot .table .option-table td.order-price {
        width: 15%;
    }

    /* =-====-=--=-=-=-=-=-=-=-주문완료-=-=-=-=-=-=-=-=-=--=-=-= */
    /* 주문완료 상품 옵션 디테일 넓이 조정 */
    #order-complete-page .complete-container .table .option-table td.name {
        width: 50%;
    }

    #order-complete-page .complete-container .table .option-table td.price {
        width: 10%;
    }

    #order-complete-page .complete-container .table .option-table td.option {
        width: 10%;
    }

    #order-complete-page .complete-container .table .option-table td.order-price {
        width: 15%;
    }

    /* 주문완료 페이지 예약날짜 텍스트 */
    #order-complete-page .complete-container .complete-reserve-date {
        text-align: left;
        font-size: 15px;
    }

    #order-complete-page .complete-container .module-name {
        margin-bottom: 5px;
    }

    /*  주문완료 pc버전 상품 옵션 당 전체 가격 위치 조절 */
    #order-complete-page .complete-container .table .complete-pc-total-price {
        margin-top: 50%;
    }

}

/* ==================================================================
order>cart.php 카트 장바구니 
& 예약하기 order>form.php 
& 주문하기 order>forms.php
& 주문완료 order>complete.php
레이아웃 수정 끝
=================================================================== */



/* =============================================================================================
조민정 예약하기 order>form.php, 주문하기 order>forms.php 결제정보 및 주문자정보 폼 레이아웃 수정 시작
============================================================================================= */

#order_form .order-form-container .pay-wrap .form-table .form-coupon-wrap,
#order_form .order-form-container .pay-wrap .form-table .form-payment-wrap {
    position: relative;
}

#order_form .order-form-container .pay-wrap .form-table .coupon_select,
#order_form .order-form-container .pay-wrap .form-table .payment_select {
    padding: 6px 12px;
    -webkit-appearance: none;
}

#order_form .order-form-container .pay-wrap .form-table .form-coupon-wrap .ios-select:before,
#order_form .order-form-container .pay-wrap .form-table .form-payment-wrap .ios-select:before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 7px solid #aeacb3;
    z-index: 1;
}

/* 주문자정보 경고 */
.orderer-warning {
    font-size: 12px;
    margin-bottom: 5px;
}

/* 포인트사용 인풋박스 넓이 수정 (ie에서 width:auto안먹히는 오류) */
.order-form-container .card .order-point-use .point_input{
    width:150px;
}


@media only screen and (min-width: 1024px) and (orientation: landscape) {}

@media only screen and (min-width: 768px) and (orientation: portrait) {

    /* 상단 step 1,2,3 동그라미 크기 및 위치 조절 */
    /* 장바구니&주문하기 페이지 */
    #order-form-page .circle-breadcrumb {
        padding: 35px 0 10px;
    }

    #order-forms-page .circle-breadcrumb {
        padding: 70px 0 10px;
    }

    #order-form-page .circle-breadcrumb li:not(.arrow),
    #order-forms-page .circle-breadcrumb li:not(.arrow) {
        width: 130px;
        height: 130px;
    }

    #order-form-page .circle-breadcrumb li.arrow,
    #order-forms-page .circle-breadcrumb li.arrow {
        height: 130px;
    }

    #order-form-page .circle-breadcrumb li i:before,
    #order-forms-page .circle-breadcrumb li i:before {
        font-size: 35px;
    }

    #order-form-page .circle-breadcrumb li .number,
    #order-form-page .circle-breadcrumb li .title,
    #order-forms-page .circle-breadcrumb li .number,
    #order-forms-page .circle-breadcrumb li .title {
        font-size: 15px;
    }

    /* 아이패드 예약하기 썸네일 크기 */
    #order-form-page .form-container-bot td.order-form-tit {
        width: 20%;
    }

    /* 2019-11-22 select option placeholder 텍스트 및 화살표 위치 조절 */
    #order_form .order-form-container .pay-wrap .form-table .form-coupon-wrap .ipad-9-7-select:before {
        top: 44%;
        left: 40%;
    }

    #order_form .order-form-container .pay-wrap .form-table .form-payment-wrap .ipad-9-7-select:before {
        top: 44%;
        left: 31.5%;
    }
}

/* ----------------- iPad Pro 10.5 inch -------------------- */

@media only screen and (min-width: 834px) and (max-width: 1112px) {

    /* 상단 step 1,2,3 동그라미 크기 및 위치 조절 */
    #order-form-page .circle-breadcrumb {
        padding: 10px 0 10px;
    }

    #order-form-page .circle-breadcrumb li:not(.arrow) {
        width: 160px;
        height: 160px;
    }

    /* 아이패드 테이블 thead 삭제 */
    #order-form-page .form-container-bot .module-table thead {
        display: none;
    }

    /* 아이패드 예약하기 썸네일 크기 */
    #order-form-page .form-container-bot td.order-form-tit {
        width: 15%;
    }

    /* 아이패드 예약하기 페이지 예약날짜 텍스트 */
    #order-form-page .form-container-bot .form-reserve-date {
        text-align: left;
        font-size: 15px;
    }

    #order-form-page .form-container-bot .module-name {
        margin-bottom: 5px;
        font-size: 18px;
    }

    /* 옵션 이름 */
    #order-form-page .form-container-bot .table .option-table .name .weight-500 {
        word-break: break-word;
    }

    /* 아이패드 예약하기 상품 옵션 디테일 넓이 조정 */
    #order-form-page .form-container-bot .table .option-table td {
        font-size: 15px;
    }

    #order-form-page .form-container-bot .table .option-table td.name {
        width: 50%;
    }

    #order-form-page .form-container-bot .table .option-table td.price {
        width: 10%;
    }

    #order-form-page .form-container-bot .table .option-table td.option {
        width: 8%;
    }

    #order-form-page .form-container-bot .table .option-table td.order-price {
        width: 10%;
    }

    /* 폼 테이블 th 텍스트 정렬 */
    #order_form .order-form-container .form-table tbody tr th {
        padding: 1rem 1.5rem 1rem 0.5rem;
        vertical-align: middle;
    }

    /* 예약하기 결제정보 포인트사용 '적용' 버튼 크기 및 텍스트 조절  */
    #order_form .order-form-container .form-table tbody button.point_apply_btn {
        margin-top: 1px;
        padding: 13px 20px 10px 20px;
        border: 1px solid #000;
    }

    #order_form .order-form-container .form-table tbody .order-point-use span.current {
        font-size: 12.8px;
    }

    /* 2019-11-26 select option placeholder 텍스트 및 화살표 위치 조절 */
    .ios-select {
        display: none;
    }

    .ipad-10-5-select {
        display: block !important;
    }

    #order_form .order-form-container .pay-wrap .form-table .form-coupon-wrap .ipad-10-5-select:before {
        top: 45%;
        left: 26%;
    }

    #order_form .order-form-container .pay-wrap .form-table .form-payment-wrap .ipad-10-5-select:before {
        top: 45%;
        left: 21%;
    }
}

@media only screen and (min-width: 1112px) and (orientation: landscape) {}

@media only screen and (min-width: 834px) and (orientation: portrait) {

    /* 상단 step 1,2,3 동그라미 크기 및 위치 조절 */
    #order-form-page .circle-breadcrumb {
        padding: 35px 0 10px;
    }

    #order-form-page .circle-breadcrumb li:not(.arrow) {
        width: 130px;
        height: 130px;
    }

    #order-form-page .circle-breadcrumb li.arrow {
        height: 130px;
    }

    #order-form-page .circle-breadcrumb li i:before {
        font-size: 35px;
    }

    #order-form-page .circle-breadcrumb li .number,
    #order-form-page .circle-breadcrumb li .title {
        font-size: 15px;
    }

    /* 아이패드 예약하기 썸네일 크기 */
    #order-form-page .form-container-bot td.order-form-tit {
        width: 20%;
    }

}


/* ------------------------ PC ----------------------------- */
@media (min-width: 1025px),
(min-width:1200px) {

    /* 2019-11-21 select option placeholder 텍스트 및 화살표 위치 조절 */
    #order_form .order-form-container .pay-wrap .form-table .form-coupon-wrap .ios-select:before {
        top: 12px;
        left: 30%;
    }

    #order_form .order-form-container .pay-wrap .form-table .form-payment-wrap .ios-select:before {
        top: 12px;
        left: 24%;
    }

    /* 폼 테이블 th 텍스트 정렬 */
    #order_form .order-form-container .form-table tbody tr th {
        padding: 1rem 1.5rem 1rem 0.5rem;
        vertical-align: middle;
        font-weight: 500;
    }

    /* 예약하기 결제정보 포인트사용 '적용' 버튼 크기 및 텍스트 조절  */
    #order_form .order-form-container .form-table tbody button.point_apply_btn {
        padding: 11px 20px;
    }

    #order_form .order-form-container .form-table tbody .order-point-use span.current {
        margin-left: 5px;
    }

    .card-title {
        margin-top: .75rem;
    }

}

/*===================== 장바구니, 예약하기, 주문하기 페이지 pc 나머지 반응형 넓이 수정 ===================*/

@media (min-width: 926px) and (max-width: 991px) {

    /*-=-=-=-== 장바구니, 주문하기 페이지 -=-=-=-=*/
    #order-cart-page .container,
    #order-forms-page .container {
        width: 991px;
    }

    #order-cart-page .circle-breadcrumb,
    #order-forms-page .circle-breadcrumb {
        padding: 90px 0 10px !important;
    }

    #order-cart-page .cart-container-bot .table .cart-table-body .cart-each-option .cart-td-price {
        padding: 12px 0;
    }

    /* =-=-==-예약하기,주문하기 페이지-=-=-=-= */

    /* 상단 step 1,2,3 동그라미 크기 및 위치 조절 */
    #order-form-page .circle-breadcrumb {
        padding: 35px 0 10px;
    }

    #order-form-page .circle-breadcrumb li:not(.arrow),
    #order-forms-page .circle-breadcrumb li:not(.arrow) {
        width: 130px;
        height: 130px;
    }

    #order-form-page .circle-breadcrumb li.arrow,
    #order-forms-page .circle-breadcrumb li.arrow {
        height: 130px;
    }

    #order-form-page .circle-breadcrumb li i:before,
    #order-forms-page .circle-breadcrumb li i:before {
        font-size: 35px;
    }

    #order-form-page .circle-breadcrumb li .number,
    #order-form-page .circle-breadcrumb li .title,
    #order-forms-page .circle-breadcrumb li .number,
    #order-forms-page .circle-breadcrumb li .title {
        font-size: 15px;
    }

    /* 셀렉트박스 화살표 위치 */
    #order_form .order-form-container .pay-wrap .form-table .form-coupon-wrap .ios-select:before {
        top: 45%;
        left: 40%;
    }

    #order_form .order-form-container .pay-wrap .form-table .form-payment-wrap .ios-select:before {
        top: 45%;
        left: 32%;
    }

    /* 썸네일 이미지 크기 */
    #order-form-page .form-container-bot td.order-form-tit {
        width: 20%;
    }
}

@media (min-width: 992px) {

    /* 결제정보 주문자정보 텍스트 높이 */
    #order_form .order-form-container .form-table tbody tr th {
        padding: 1rem 1.5rem 1rem 0.5rem;
        vertical-align: middle;
        font-weight: 500;
    }
}

@media (min-width: 554px) and (max-width: 767px) {

    /*-=-=-=-== 장바구니 페이지 -=-=-=-=*/
    #order-cart-page .container {
        width: 767px;
    }

    #order-cart-page .cart-container-bot .move-btn-wrap ul {
        display: flex;
    }

    #order-cart-page .cart-container-bot .move-btn-wrap ul li {
        display: contents;
    }


    /* =-=-==-예약하기 페이지-=-=-=-= */
    #order-form-page .form-container-bot .module-table thead {
        display: none;
    }

    #order-form-page .order-form-container .form-table th {
        width: 10rem;
    }

    #order-form-page .form-container-bot td.order-form-option {
        border-top: 1px solid #eceeef;
    }

    /* 상품 옵션 타이틀 */
    #order-form-page .form-container-bot .form-reserve-date {
        text-align: left;
        font-size: 14px;
    }

    #order-form-page .form-container-bot .module-name {
        margin-bottom: 5px;
        font-size: 16px;
    }

    /* 셀렉트박스 화살표 위치 */
    #order_form .order-form-container .pay-wrap .form-table .form-coupon-wrap .ios-select:before {
        top: 45%;
        left: 55%;
    }

    #order_form .order-form-container .pay-wrap .form-table .form-payment-wrap .ios-select:before {
        top: 45%;
        left: 44%;
    }

    /* 적용버튼 */
    #order_form .order-form-container .form-table tbody button.point_apply_btn {
        padding: 11px 20px;
    }

    /* =-=-==-주문하기 페이지-=-=-=-= */
    #order-forms-page .forms-container-bot thead {
        display: none;
    }

    #order-forms-page .container {
        width: 767px;
    }

    #order-forms-page #order_form .form-table th {
        width: 10rem;
    }

    #order-forms-page .forms-container-bot .forms-table-body .forms-td-price {
        font-size: 15px;
    }

    /* 상품 옵션 타이틀 */

    #order-forms-page .forms-container-bot .forms-reserve-date {
        text-align: left;
        font-size: 14px;
    }

    #order-forms-page .forms-container-bot .module-name {
        margin-bottom: 5px;
        font-size: 16px;
    }
}

@media (min-width:415px) and (max-width: 553px) {

    /* =-=-==-예약하기,주문하기 페이지-=-=-=-= */

    /* 상단 thead 삭제 */
    #order-forms-page .forms-container-bot thead {
        display: none;
    }

    /* 상품 옵션 타이틀 */
    #order-forms-page .forms-container-bot .forms-reserve-date,
    #order-form-page .form-container-bot .form-reserve-date {
        text-align: left;
        font-size: 14px;
    }

    #order-forms-page .forms-container-bot .module-name,
    #order-form-page .form-container-bot .module-name {
        margin-bottom: 5px;
        font-size: 16px;
    }

    /* 셀렉트박스 화살표 위치 */
    #order_form .order-form-container .pay-wrap .form-table .form-coupon-wrap .ios-select:before {
        top: 45%;
        left: 33%;
    }

    #order_form .order-form-container .pay-wrap .form-table .form-payment-wrap .ios-select:before {
        top: 45%;
        left: 26%;
    }

    /* 주문하기 테이블 옵션 디테일 조절 */
    #order-forms-page .forms-container-bot .forms-td-option .option-alert table.option-table td.price {
        width: 6rem;
    }

    #order-forms-page .forms-container-bot .forms-td-option .option-alert table.option-table td.option {
        width: 5rem;
    }

    #order-forms-page .forms-container-bot .forms-td-option .option-alert table.option-table td.order-price {
        width: 7rem;
    }
}

/*===================== 장바구니, 예약하기 페이지 pc 나머지 반응형 넓이 수정 끝 ===================*/

/* ============================================================
예약하기 order>form.php 결제정보 및 주문자정보 폼 레이아웃 수정 끝
============================================================== */



/* =============================================
조민정 주문하기 페이지 order>forms.php 수정 시작 
===============================================*/

/* 주문하기 페이지 폼 주문자정보 옵션명 및 예약날짜 */
.order-forms-detail {
    padding: 10px 8px;
    background-color: #f1f1f1;
    font-weight: 600;
    overflow: hidden;
}

.order-forms-detail .forms-detail-tit {
    float: left;
    font-weight: bold;
}

.order-forms-detail .forms-detail-date {
    font-size: 16px;
    float: right;
    font-weight: bold;
}

/* 주문하기 페이지 모바일 */
@media (max-width: 414px) {

    #order-forms-page .circle-breadcrumb {
        padding: 70px 0 10px;
    }

    /* 테이블 thead 삭제 */
    #order-forms-page .forms-container-bot .table thead {
        display: none;
    }

    /* 주문하기 페이지 폼 디테일 수정 - 주문자정보 옵션명 및 예약날짜 */
    .order-forms-detail {
        margin: 35px 0 0 0;
        padding: 10px 8px;
        background-color: #f1f1f1a1;
        font-weight: 600;
        border-radius: 5px;
    }

    .order-forms-detail .forms-detail-tit {
        font-size: 4.2vw;
        float: none;
    }

    .order-forms-detail .forms-detail-date {
        font-size: 3.8vw;
        font-weight: normal;
        display: block;
        float: none;
    }
}

@media (min-width: 415px) and (max-width: 480px) {}

@media (min-width: 481px) and (max-width: 575px) {}

@media (min-width: 576px) and (max-width: 767px) {}

@media (min-width: 768px) and (max-width: 991px) {}

@media (min-width:992px) and (max-width: 1023px) {}

/* ----------- iPad Pro 9.7 inch ----------- */
@media only screen and (min-width: 768px) and (max-width: 1024px) {}

@media only screen and (min-width: 1024px) and (orientation: landscape) {}

@media only screen and (min-width: 768px) and (orientation: portrait) {}

/* ----------- iPad Pro 10.5 inch ----------- */
@media only screen and (min-width: 834px) and (max-width: 1024px) {}

@media only screen and (min-width: 1112px) and (orientation: landscape) {}

@media only screen and (min-width: 834px) and (orientation: portrait) {}

/* ----------- iPad Pro ----------- */
/* Portrait and Landscape */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {}

/* Portrait */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {}

/* Landscape */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {}

@media (min-width:1024px) and (max-width: 1199px) {}

/* ----------- PC ----------- */
@media (min-width:1200px) {}

/* =====================================
주문하기 페이지 order>forms.php 수정 끝 
========================================*/

/* =======================================================
조민정 주문완료(예약하기) 페이지 order>complete.php 수정 시작
========================================================*/

/*  주문완료 모바일 상품 옵션디테일 뒷배경 회색박스 */
#order-complete-page .complete-container .table tbody td.complete-td-option div.option-alert {
    border: 0;
    border-radius: 5px;
    background-color: #f1f1f1a1;
    position: relative;
}




/* ===============================================
주문완료(예약하기) 페이지 order>complete.php 수정 끝
=================================================*/


.city_target_title {
    font-weight: 600;
}


/* =============================================================
조민정 주문하기(장바구니) 페이지의 폼 "추가사용자" 레이아웃 정렬 시작  
===============================================================*/

.extra-customer-box {
    background-color: #f9f9f9;
    margin: 10px;
    padding: 10px;
    border-radius: 10px;
}

.extra-customer-tit {
    font-size: 16px;
    font-weight: 600;
    margin: 5px;
}

.extra-customer-box .form-table th {
    border-bottom: 0;
}

.order-forms-cont {
    border: 1px solid #e1e1e1;
    padding: 10px;
    margin-bottom: 20px;
}

.order-form-container{
    margin-top: 50px;
}

.orderer-wrap .card .form-table th,
.orderer-wrap .card .form-table td,
.pay-wrap .card .form-table th,
.pay-wrap .card .form-table td,
.additional_info .form-table th,
.additional_info .form-table td {
    border-bottom: 1px solid #e1e1e1;
}


.form-table th,
.form-table td {
    border: 0;
}

/* ============================================================
주문하기(장바구니) 페이지의 폼 "추가사용자" 레이아웃 정렬 끝
===============================================================*/

/* 예약하기 페이지 모바일 */
@media (max-width: 414px) {

    .border-box {
        border: 5px solid #f2f2f2;
        margin: 10px;
    }

    .card-title {
        text-align: center;
    }

    .form-table td {
        border-bottom: 0;
    }

    /* 2019-11-21 select option placeholder 텍스트 및 화살표 위치 조절 
        2020-12-09 화살표 미디어쿼리 수정 */
    #order_form .order-form-container .pay-wrap .form-table .form-coupon-wrap .ios-select.flaticon:before {
        top: 41%;
        left: 52.5%;
    }

    #order_form .order-form-container .pay-wrap .form-table .form-coupon-wrap .ios-select:before {
        top: 12px;
        right: 48%;
    }

    #order_form .order-form-container .pay-wrap .form-table .form-payment-wrap .ios-select:before {
        top: 12px;
        right: 36%;
    }

    /* 폼 테이블 th 텍스트 정렬 */
    #order_form .order-form-container .form-table tbody tr th {
        vertical-align: middle;
        font-weight: bold;
    }

    /* 예약하기 결제정보 포인트사용 '적용' 버튼 크기 및 텍스트 조절  */
    #order_form .order-form-container .form-table tbody button.point_apply_btn {
        padding: 13px 20px 8px 20px;
        border: 1px solid #000;
    }

    #order_form .order-form-container .form-table tbody .order-point-use span.current {
        font-size: 3.2vw;
    }

    /* 포인트 적립 */
    #order_form .order-form-container .form-table .order-point-wrap,
    #order_form .order-form-container .form-table .order-total-price {
        font-size: 14px;
    }

    /* 예상적립포인트, 결제선택 셀렉트박스 창 레이아웃 정렬 */
    #order_form .order-point,
    #order_form .form-payment {
        display: inline-flex;
    }

    /* 주문자정보 border 조정 */
    .border-wrap .form-table,
    .orderer-wrap .card .form-table th,
    .orderer-wrap .card .form-table td,
    .pay-wrap .card .form-table th,
    .pay-wrap .card .form-table td {
        border-top: 0;
        border-bottom: 0;
    }

    /* 예약하기, 주문하기 결제정보 및 주문자정보 패딩값 조절 */
    #order_form .order-form-container .form-table th,
    #order_form .order-form-container .form-table td {
        padding: 10px 0 5px 0;
        overflow: hidden;
    }

    /* 예약하기, 주문하기 최종결제금액 텍스트 */
    #order_form .order-form-container .form-table .order-total-price .confirm_total {
        background: linear-gradient(to right bottom, var(--orange), var(--yellow));
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-weight: bold;
        font-size: 5vw;
    }

    #order_form .order-form-container .form-table .order-total-price .confirm-pricelist {
        font-size: 3.2vw;
    }

}

@media (min-width: 321px) and (max-width: 375px) {

    /* 예약하기 셀렉트박스 ios-select 모바일 위치조절 375-321px  */
    #order_form .order-form-container .pay-wrap .form-table .form-coupon-wrap .ios-select:before {
        top: 12px;
        right: 41%;
    }

    #order_form .order-form-container .pay-wrap .form-table .form-payment-wrap .ios-select:before {
        top: 12px;
        right: 27%;
    }
}

@media (max-width: 320px) {

    /* 예약하기 셀렉트박스 ios-select 모바일 위치조절 320px  */
    #order_form .order-form-container .pay-wrap .form-table .form-coupon-wrap .ios-select:before {
        top: 12px;
        right: 27%;
    }

    #order_form .order-form-container .pay-wrap .form-table .form-payment-wrap .ios-select:before {
        top: 12px;
        right: 10%;
    }
}

/* 예약하기,주문하기 */
/* ----------- iPad Pro 9.7 inch ----------- */
@media only screen and (min-width: 768px) and (max-width: 1024px) {

    /* 상단 step 1,2,3 동그라미 크기 및 위치 조절 */
    #order-form-page .circle-breadcrumb {
        padding: 10px 0 10px;
    }

    #order-form-page .circle-breadcrumb li:not(.arrow) {
        width: 160px;
        height: 160px;
    }

    /* 아이패드 테이블 thead 삭제 */
    #order-form-page .form-container-bot .module-table thead {
        display: none;
    }

    /* 아이패드 예약하기 썸네일 크기 */
    #order-form-page .form-container-bot td.order-form-tit {
        width: 18%;
    }

    /* 예약하기,주문하기,주문완료 아이패드 예약하기 페이지 예약날짜 텍스트 */
    #order-form-page .form-container-bot .form-reserve-date,
    #order-forms-page .forms-container-bot .forms-reserve-date,
    #order-complete-page .complete-container .complete-reserve-date {
        text-align: left;
        font-size: 14px;
    }

    #order-form-page .form-container-bot .module-name,
    #order-forms-page .forms-container-bot .module-name {
        margin-bottom: 5px;
        font-size: 16px;
    }

    /* 예약하기,주문하기 옵션 이름 */
    #order-form-page .form-container-bot .table .option-table .name .weight-500,
    #order-forms-page .forms-container-bot .table .option-table .name .weight-500 {
        word-break: break-word;
    }

    /* 예약하기,주문하기 아이패드 예약하기 상품 옵션 디테일 넓이 조정 */
    #order-form-page .form-container-bot .table .option-table td {
        font-size: 15px;
    }

    #order-form-page .form-container-bot .table .option-table td.name,
    #order-forms-page .forms-container-bot .table .option-table td.name {
        width: 50%;
    }

    #order-form-page .form-container-bot .table .option-table td.price,
    #order-forms-page .forms-container-bot .table .option-table td.price {
        width: 10%;
    }

    #order-form-page .form-container-bot .table .option-table td.option,
    #order-forms-page .forms-container-bot .table .option-table td.option {
        width: 8%;
    }

    #order-form-page .form-container-bot .table .option-table td.order-price,
    #order-forms-page .forms-container-bot .table .option-table td.order-price {
        width: 10%;
    }

    /* 폼 테이블 th 텍스트 정렬 */
    #order_form .order-form-container .form-table tbody tr th {
        padding: 1rem 1.5rem 1rem 0.5rem;
        vertical-align: middle;
    }

    /* 예약하기 결제정보 포인트사용 '적용' 버튼 크기 및 텍스트 조절  */
    #order_form .order-form-container .form-table tbody button.point_apply_btn {
        margin-top: 1px;
        padding: 13px 20px 10px 20px;
        border: 1px solid #000;
    }

    #order_form .order-form-container .form-table tbody .order-point-use span.current {
        font-size: 12.8px;
    }

    /* 2019-11-22 select option placeholder 텍스트 및 화살표 위치 조절 */
    .ios-select,
    .ipad-10-5-select,
    .ipad-10-5-select:before {
        display: none;
    }

    .ipad-9-7-select {
        display: block !important;
    }

    #order_form .order-form-container .pay-wrap .form-table .form-coupon-wrap .ipad-9-7-select:before {
        top: 45%;
        left: 30%;
    }

    #order_form .order-form-container .pay-wrap .form-table .form-payment-wrap .ipad-9-7-select:before {
        top: 45%;
        left: 23.7%;
    }
}

/* ======================================================================
조민정 '카드뷰' 및 상품페이지에 '프로필사진' 배경이 흰색일 경우 구분이 안가는 현상 해결 시작
========================================================================= */

.txt-wrap .profile {
    box-shadow: 0px -1px 7px 0px #808080a5;
    border: 4px solid #fff;
}

.goods-view-wrap .member-view-banner .profile{
    box-shadow: 0px 0px 7px 0px #808080a5;
}

/* ==============================================================
'카드뷰' 및 상품페이지에 '프로필사진'배경이 흰색일 경우 구분이 안가는 현상 해결 끝
================================================================= */



/* ============================================================
조민정 forms.php 배송지 우편번호 삽입 시작 // 버튼 디자인 수정본
============================================================= */

.d_form{
    margin: .2em 0;
    font-size: 1em;
    padding: .5em;
    border: 1px solid #ccc;
    border-color: #dbdbdb #d2d2d2 #d0d0d0 #d2d2d3;
    /* box-shadow: inset 0.1em 0.1em 0.15em rgba(0, 0, 0, .1); */
    vertical-align: middle;
    line-height: 1.25em;
    outline: 0;
    width: 15em;
}

.d_form.mini {
    width: 7em;
}

.d_form.large{
    width: 20em;
}

.d_btn{
display:inline-block;
padding:.5em;
margin:.4em .15em;
border:1px solid #ccc;
border-color:#dbdbdb #d2d2d2 #b2b2b2 #d2d2d3;
cursor:pointer;
color:#464646;
border-radius:.2em;
vertical-align:middle;
font-size:1em;
line-height:1.25em;
background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f2f2f2));
background-image:-moz-linear-gradient(top, #fff, #f2f2f2);
background-image:-o-gradient(top, #fff, #f2f2f2);
background-image:linear-gradient(top, #fff, #f2f2f2)
}

.d_btn:hover {
    color: #464646;
    text-decoration: none;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e5e5e5));
    background-image: -moz-linear-gradient(top, #fff, #e5e5e5);
    background-image: -o-linear-gradient(top, #fff, #e5e5e5);
    background-image: linear-gradient(top, #fff, #e5e5e5);
}

.d_btn:active {
    border-color: #999;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#dbdbdb));
    background-image: -moz-linear-gradient(top, #ebebeb, #dbdbdb);
    background-image: -o-linear-gradient(top, #ebebeb, #dbdbdb);
    background-image: linear-gradient(top, #ebebeb, #dbdbdb);
    background-image: inset 0 1px .24em rgba(0, 0, 0, .4)
}


/* ==============================
forms.php 배송지 우편번호 삽입 끝
=================================== */


/* ==================================================
조민정 root 관리자페이지 상단 네비 안나오는 오류 수정 시작 
======================================================*/

@media (min-width: 320px){

    #sub-menu-header .navbar-collapse {
        display: block !important;
    }

    .navbar-toggleable{
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        align-items: center;
    }

    .navbar-toggleable .navbar-collapse{
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
        width: 100% !important;
    }
}

/* ===========================================
root 관리자페이지 상단 네비 안나오는 오류 수정 끝
==============================================*/

/* ==============================================================
조민정 return_view.php '취소/환불 상세정보'페이지 레이아웃 수정 시작
================================================================*/

#mypage-return_view-page .return-info-cont .list-group-item,
#mypage-cart_return_view-page .return-info-cont .list-group-item {
    margin-bottom: 5px;
    text-align: left;
}

/* 가이드상세정보 '가이드 페이지 바로가기' 버튼 디자인 */

.guide-profile-btn button {
    display: inline-block;
    padding: .5em 1em;
    margin: .4em .15em;
    border: 1px solid #ccc;
    border-color: #dbdbdb #d2d2d2 #b2b2b2 #d2d2d3;
    cursor: pointer;
    color: #464646;
    border-radius: .2em;
    vertical-align: middle;
    font-size: 1em;
    line-height: 1.25em;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f2f2f2));
    background-image: -moz-linear-gradient(top, #fff, #f2f2f2);
    background-image: -o-gradient(top, #fff, #f2f2f2);
    background-image: linear-gradient(top, #fff, #f2f2f2)
}

.guide-profile-btn button:hover {
    color: #464646;
    text-decoration: none;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e5e5e5));
    background-image: -moz-linear-gradient(top, #fff, #e5e5e5);
    background-image: -o-linear-gradient(top, #fff, #e5e5e5);
    background-image: linear-gradient(top, #fff, #e5e5e5)
}

.guide-profile-btn button:active {
    border-color: #999;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#dbdbdb));
    background-image: -moz-linear-gradient(top, #ebebeb, #dbdbdb);
    background-image: -o-linear-gradient(top, #ebebeb, #dbdbdb);
    background-image: linear-gradient(top, #ebebeb, #dbdbdb);
    background-image: inset 0 1px .24em rgba(0, 0, 0, .4)
}

/* =====================================================
return_view.php '취소/환불 상세정보'페이지 레이아웃 수정 끝
=====================================================*/

/* ======================================================
조민정 pc버전 member>lists.php 화살표 ios-select 추가 시작
=======================================================*/

#member-lists-page select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

#member-lists-page .ios-select-lists-pc {
    position: relative;
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
}

#member-lists-page .ios-select-lists-pc:before {
    content: "";
    position: absolute;
    top: 15px;
    right: 5%;
    width: 5px;
    height: 5px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 7px solid #aeacb3;
    z-index: 1;
}

/* ======================================================
 pc버전 member>lists.php 화살표 ios-select 추가 끝
=======================================================*/


/* ================================================================================================
조민정 2020-01-10 인터넷익스플로러 ie 에서 웹킷브라우저 css가 먹히지않는 것 해결하기 위한 미디어쿼리 시작
================================================================================================== */

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    /* 총 주문/상품금액 숫자 색상 */
    #order-cart-page .cart-container-bot .total-wrap span,
    #order-form-page .form-container-bot .total-wrap span,
    #order-forms-page .forms-container-bot .total-wrap span,
    #order-complete-page .complete-container .total-wrap span,
    #mypage-order_info-page .order-info-cont .total-wrap .total-wrap-price span,
    #mypage-order_info-page .order-info-cont .total-wrap span,
    #mypage-return_view-page .return-info-cont .total-wrap span,
    #mypage-cart_order_info-page .order-info-cont .total-wrap span,
    #mypage-cart_return_view-page .return-info-cont .total-wrap span,
    #mypage-cart_order_info-page .order-info-cont .total-wrap .return_right span,
    #mypage-cart_return_view-page .return-info-cont .total-wrap .return_right span {
        color: var(--orange);
        background: 0;
    }
}

/* ===============================================================================
인터넷익스플로러 ie 에서 웹킷브라우저 css가 먹히지않는 것 해결하기 위한 미디어쿼리 끝
================================================================================ */


/* ==============================================================
조민정 2020-01-28 마이페이지 '내가쓴게시물' 모바일 레이아웃 수정 시작
================================================================ */

@media (max-width: 414px) {
    #mypage-board-body #mypage-board-page .module-table thead tr th.w-small {
        width: 3rem;
    }

    #mypage-board-body #mypage-board-page .info-table.module-table tbody tr td {
        font-size: 13px;
    }
}

/* =============================================
마이페이지 '내가쓴게시물' 모바일 레이아웃 수정 완료
============================================== */



/* ================================================
조민정 2020-01-29 이용후기 리뷰 답글 레이아웃 수정 시작
================================================= */

#review .goods_bd_wrap .review-reply-wrap{
    background-color: #EFEFEE7a;
    border-radius: 5px;
}

#review .goods_bd_wrap .review-reply-wrap .name {
    padding: 0;
}

#review .goods_bd_wrap .review-reply-wrap .name span{
    font-size: 16px;
    background: linear-gradient(to right bottom, var(--orange), var(--yellow));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    color: var(--orange);
}

#review .goods_bd_wrap .review-reply-wrap .date{
    font-size: 14px;
    color: #777;
}

#review .goods_bd_wrap .review-reply-wrap .cmnt-title{
    margin: 0 0 10px;
}

#review .goods_bd_wrap .review-reply-wrap .cmnt_content{
    font-size: 14px;
}

/* =============================
이용후기 리뷰 답글 레이아웃 수정 끝
================================ */


/* ===========================================
조민정 2020-01-29 취소환불 팝업 모달창 수정 시작
        2020-02-18 수정
============================================ */

#refund_modal .modal-content{
    padding: 5px;
}

#refund_modal .modal-header{
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

#refund_modal .modal-header .refund_title {
    font-size: 21px;
    padding: 10px 0 0 5px;
}

#refund_modal .modal-header .close{
    margin: 0px 5px 0 0;
}

#refund_modal .modal-body{
    padding-top: 5px;
}

#refund_modal .refund_reason{
    position: relative;
    padding-top: 5%;
}

#refund_modal .refund_reason .refund_detail{
    padding-top: 10px;
}

/* 전체 및 부분취소 라디오버튼 */
#refund_modal .refund_reason .refund_detail .refund_radio {
    font-size: 14px;
    width: auto;
    margin: 0 auto;
}

#refund_modal .refund_reason .refund_detail .refund_radio .refund_span_css{
     position: relative;
     display: block;
     float: left;
     width: 18px;
     height: 18px;
     border-radius: 10px;
     background-color: var(--yellow);
     background-image: linear-gradient(to right bottom, #f5f5f5, #e1e1e1);
     box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.15),
     inset 0 -1px 1px rgba(0, 0, 0, 0.15);
     transition: all 0.15s ease;
     margin: 1.5px 10px 0 0;
}

#refund_modal .refund_reason .refund_detail .refund_radio .refund_span_css:after {
    content: "";
    position: absolute;
    display: block;
    top: 6px;
    left: 6px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fff;
    opacity: 0;
    transform: scale(0);
}

#refund_modal .refund_reason .refund_detail .refund_radio .refund_label_css {
    display: inline-block;
    cursor: pointer;
    margin: 10px 20px 0;
}

#refund_modal .refund_reason .refund_detail .refund_radio input[type="radio"]{
    display: none;
}

#refund_modal .refund_reason .refund_detail .refund_radio input[type="radio"]:checked + .refund_span_css {
    background-color: var(--orange);
    background-image: linear-gradient(to right, var(--orange), var(--yellow));
}

#refund_modal .refund_reason .refund_detail .refund_radio input[type="radio"]:checked+.refund_span_css:after {
    opacity: 1;
    transform: scale(1);
    transition: all 0.15s ease;
}

label[class="refund_label_css"]{

}

#refund_modal .refund_reason #refund_reason_area {
    display: block;
    width: 100%;
    height: 100px;
    padding: 10px;
    margin: 0 auto 10px;
    transform: none;
    border-radius: 5px;
    background: #f1f1f1;
    cursor: not-allowed;
}

#refund_modal .refund_reason #counter{
    position: absolute;
    right: 5px;
    bottom: -10px;
}

/* 무통장 입금자 환불 상세 */

#refund_modal .refund_paytype_bank strong{
    display: block;
    margin: 10px 0;
}

#refund_modal .refund_paytype_bank div{
    margin-bottom: 5px;
}
#refund_modal .refund_paytype_bank span{
    display: inline-block;
    width: 65px;
    font-weight: 600;
}
#refund_modal .refund_paytype_bank fieldset{
    margin-top: 10px;
}
#refund_modal .refund_paytype_bank input {
    transform: none;
    border: 1px solid #a9a9a9;
    border-radius: 5px;
    width: 75%;
    padding: 5px;
}

/* 닫기 및 요청 버튼 */
#refund_modal .modal-footer .btn{
    border-radius: 5px;
    border: 0 !important;
}

#refund_modal .modal-footer .m-button-color{
    background: linear-gradient(to right bottom, var(--orange), var(--yellow));
}
#refund_modal .modal-footer .m-button-color:hover,
#refund_modal .modal-footer .m-button-color:active {
    color: #fff !important;
    box-shadow: inset 0 2px 0.24em rgba(0, 0, 0, .5);
}
/* ========================
취소환불 팝업 모달창 수정 끝
===========================*/


/* ===========================
percentage based star ratings
==============================*/

.star-ratings-sprite {
    /* background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/2605/star-rating-sprite.png") repeat-x; */
    background: url(/lib/img/asterion.png) repeat-x;
	font-size: 0;
	height: 17px;
	line-height: 0;
	overflow: hidden;
	text-indent: -999em;
	width: 100px;
    margin: 3px auto 0;
    display: inline-block;
    /* margin-top: 10px; */
}
.star-ratings-sprite-rating {
    /* background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/2605/star-rating-sprite.png") repeat-x; */
    background: url(/lib/img/asterion.png) repeat-x;
	background-position: 0 100%;
	float: left;
	height: 17px;
	display:block;
}

.inner-review-wrap .regdate{
    padding: 0;
}

/* 찾기 별표 */
.search-page .star-ratings-sprite,
.menu-guide-wrap .star-ratings-sprite {
    margin-top: 0;
}

/* 모바일 별표 */
@media (max-width: 415px) {
    #ticket-info-wrap .mr-2{
        margin-right: 0 !important;
    }
    .star-ratings-sprite{
        margin-top: 0;
    }
    .m-guide-item-wrap .ml-1,
    .m-ticket-item-wrap .ml-1{
        margin-left: 0;
    }
}

/* ==============================
percentage based star ratings End
=================================*/

/* 코로나바이러스 - 메인페이지 배너 */
#maincorona .corona_section .section-wrap .container img {
    width: 100%;
}

/* ====================================================
조민정 2020-02-07 마이페이지 '주문내역' 디자인 수정 시작
=====================================================*/

/* ~~~~~~~~~~~~~~ pc - 마이페이지 '주문내역' ~~~~~~~~~~~~~~~~~ */

/* 최종결제금액 */
#mypage-order-page .mypage-cont .order_total_price {
    background: linear-gradient(to right bottom, var(--orange), var(--yellow));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 800;
    color: #fff;
}
    /* ie */
    @media screen and (-ms-high-contrast: active),
    (-ms-high-contrast: none) {
        #mypage-order-page .mypage-cont .order_total_price{
            color: var(--orange);
            background: 0;
        }
    }

/* 주문번호 */
.order_number .btn {
    border:0;
    padding: 5px;
    margin: 2px;
    width: -webkit-fill-available;
}

/* 기능 버튼 */
#mypage-order-page .mypage-cont .order_function_btn {
    height: 38px;
    font-size: 13px;
    display: block;
    margin: 10px auto;
    width: fit-content;
    padding: 7px 15px 5px;
    border: 0;
}
.order_function_btn:hover{
    background: linear-gradient(to right, RGB(255,81,47,0.85) 0%, RGB(240,152,25,0.85) 100%);
    transition: 0.5s ease-out;
}
#mypage-order-page .mypage-cont .order_function_btn .m-button {
    width: -webkit-fill-available;
    -webkit-appearance: none;
    background: 0;
    border: 0;
    margin-top: -6px;
    font-size: 13.5px;
}

/* 썸네일-기능까지 배경색 */
/* #mypage-order-page .mypage-cont .order_background{
    background-color: #f1f1f1a1 !important;
    border-radius: 5px; 
    margin: 5px;
} */

#mypage-order-page .mypage-cont .order_background_wrap>:not(.order_no_background),
#mypage-order-page .mypage-cont .order_background_wrap_final>:not(.order_no_background) {
    /* background-color: #f1f1f1a1; */
    border-radius: 5px;
    border-bottom: 1px solid #eceeef;f
}
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    #mypage-order-page .mypage-cont .order_background_wrap>:not(.order_no_background),
    #mypage-order-page .mypage-cont .order_background_wrap_final>:not(.order_no_background) {
        background-color: #f9f9f9;
        border-bottom: 1px solid #e0e0e0;
    }
}

#mypage-order-page .mypage-cont .order_bg_padding_left {
    padding-left: 15px;
}

#mypage-order-page .mypage-cont .order_bg_padding_right {
    padding-right: 15px;
}

.order_background_gap{
    
}

.order_background_wrap_final>td{

    border-bottom: 0 !important;
}

/* 포인트 및 쿠폰 아이콘 + 툴팁 tooltip */

/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
    position: relative;
    z-index: 2;
    /* cursor: pointer; */
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
    position: absolute;
    top: -5%;
    left: 140%;
    margin-bottom: 5px;
    margin-left: -80px;
    padding: 7px;
    width: 80px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #000;
    background-color: hsla(0, 0%, 20%, 0.9);
    color: #fff;
    content: attr(data-tooltip);
    text-align: center;
    font-size: 12px;
    line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
    position: absolute;
    bottom: 25%;
    left: 77%;
    /* margin-left: -5px; */
    width: 0;
    /* border-right: 5px solid #000; */
    border-right: 5px solid hsla(0, 0%, 20%, 0.9);
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    content: " ";
    font-size: 0;
    line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}


/* ~~~~~~~~~~~~~~~~~~~~~ 모바일 - 마이페이지 '주문내역' ~~~~~~~~~~~~~~~~~~~~ */

@media (max-width: 414px) {

    #mypage-order-page .mypage-cont .info-table.module-table{
        border-bottom: 0;
    }

    #mypage-order-page .mypage-cont .order_background_gap {
        height: auto;
        /* background-color: #f1f1f1a9;
        border-top: 1px solid #eceeef;
        border-radius: 5px; */
    }

    /* 모바일 주문내역 - 각각 주문 상품 */
    #mypage-order-page .mypage-cont .order_background_wrap,
    #mypage-order-page .mypage-cont .order_background_wrap_final {
        background-color: #f1f1f1a1;
        border-radius: 5px;
    }

    /* 모바일 주문내역 - 썸네일&기능 열 패딩값 */
    #mypage-order-page .mypage-cont .order_bg_padding_left{
        padding: 0;
        margin: 15px 0 0 15px;
    }
    #mypage-order-page .mypage-cont .order_bg_padding_right {
        padding-right: .3rem;
        width: 47% !important;
        display: inline-block;
        padding: 12px 0 17px 0;
    }

    /* 모바일 주문내역 - 주문날짜 */
    #mypage-order-page .mypage-cont .m_order_date{
        text-align: center;
        margin-top: 45px;
        font-weight: 600;
    }

    /* 모바일 주문내역 - 썸네일 */
    #mypage-order-page .mypage-cont .order_bg_padding_left{
        width: 17% !important;
        display: inline-block;
    }
    #mypage-order-page .mypage-cont .ratio-box{
        border-radius: 5px;
    }

    /* 모바일 주문내역 - 상품 전체 타이틀 */
    #mypage-order-page .mypage-cont .text-left {
        width: 76% !important;
        display: inline-block;
        font-size: 15px;
        padding: 10px 10px 0;
    }

    /* 모바일 주문내역 - 상품 옵션 타이틀 및 주문 수량과 금액 */
    #mypage-order-page .mypage-cont .order_m_option_wrap{
        padding: 3px 10px;
    }
    #mypage-order-page .mypage-cont .order_m_option {
        background-color: #fff9;
        border-radius: 5px;
        padding: 5px;
        border-bottom: 1px solid #e1e1e1;
    }
    #mypage-order-page .mypage-cont .order_m_subtit{
        display: inline-block;
        width: 100%;
        /* padding: 0 10px 0 0; */
    }
    #mypage-order-page .mypage-cont .order_m_subtit span{
        word-break: keep-all;
    }
    #mypage-order-page .mypage-cont .order_price_td{
        display: block;
        text-align: right;
    }
    #mypage-order-page .mypage-cont .order_price_td span{
    }
    #mypage-order-page .mypage-cont .order_situation {
        font-size: 14px;
        width: 51% !important;
        display: inline-block;
        padding: 5px 0 5px 7px;       
    }
    #mypage-order-page .mypage-cont .order_situation p span.font-600{
        display: inline-block;
        width: 40%;
    }

    /* 모바일 주문내역 - 보더 */
    #mypage-order-page .mypage-cont .order_background_wrap>:not(.order_no_background),
    #mypage-order-page .mypage-cont .order_background_wrap_final>:not(.order_no_background){
        border-bottom: 0;
        background-color: transparent;
    }

    /* 모바일 주문내역 - 기능 & 주문번호 */
    #mypage-order-page .mypage-cont .order_m_situation{
        border-bottom: 1px solid #e1e1e1 !important;
        background-color: #f1f1f1a9;
    }
    #mypage-order-page .mypage-cont .order_number{
        margin: 2px;
    }

    #mypage-order-page .mypage-cont .order_accordion_td{
        font-size: 13px;
        padding: 8.5px;
        width: 51%;
    }

    /* 기능 버튼 */
    #mypage-order-page .mypage-cont .order_function_btn{
        width: 44%;
        height: 35px;
        font-size: 13px;
    }
    #mypage-order-page .mypage-cont .order_function_btn .m-button {
        width: -webkit-fill-available;
        -webkit-appearance: none;
        background: 0;
        border: 0;
        margin-top: -8px;
        font-size: 14px;
    }

    /* 모바일 qr코드 */
    #mypage-order-page .mypage-cont .function_qr_code{
        width: -webkit-fill-available;
    }


    /* 모바일 주문내역 - 최종결제금액 */
    #mypage-order-page .mypage-cont .order_total_price_wrap {
        text-align: right;
        background-color: #f1f1f1a9;
        border-radius: 5px;
        box-shadow: 0px 5px 5px 0px #efefef;
    }
    #mypage-order-page .mypage-cont .order_total_price{

    }
    #mypage-order-page .mypage-cont .order_total_price_wrap .coupon_points_div{
        width: fit-content;
        display: inline-block;
    }

    /* 모바일 주문내역상세 */
    #mypage-order_info-page .order-detail-table .order_head_left {
        display: inline-block;
        width:30%;
        font-size:15px;
        font-weight:600;
    }
    #mypage-order_info-page .order-detail-table .order_head_right {
        display: inline-block;
        width:60%;
        font-size: 15px;
    }
}


/* ~~~~~~~~~~~~~~~~~~~~~ 아이패드 - 마이페이지 '주문내역' ~~~~~~~~~~~~~~~~~~~~ */




/* ====================================================
마이페이지 '주문내역' 디자인 수정 끝
=====================================================*/

.card-header-no-bot {
    border: 0;
    border-bottom: 0 !important;
    padding: 15px 0;
    background-color: #fff;
}


/* ====================================================
조민정 2020-03-23 '취소환불내역' 최종금액 레이아웃 수정 시작
=====================================================*/

#mypage-return_view-page .total-wrap,
#mypage-cart_return_view-page .total-wrap {
    padding: 2rem .5rem;
}
#mypage-cart_return_view-body .total-wrap-price,
#mypage-return_view-page .total-wrap-price{
    width: 780px;
    margin: 0 auto;
}
#mypage-cart_return_view-body .total-wrap-price>div,
#mypage-return_view-page .total-wrap-price>div{
    margin-bottom: 10px;
}

#mypage-cart_return_view-body .total-wrap-detail,
#mypage-return_view-page .total-wrap-detail {
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
}

#mypage-cart_return_view-body .return_left,
#mypage-return_view-page .return_left{
    display: inline-block;
    width: 69%;
    text-align: left;
}

.tooltip-inner {
    white-space: pre-line;
}

#mypage-cart_return_view-body .total-wrap .return_left .total-wrap-detail span,
#mypage-return_view-page .total-wrap .return_left .total-wrap-detail span {
    color: #505050 !important;
    background: none;
    -webkit-text-fill-color: #505050;
}


#mypage-cart_return_view-body .return_right,
#mypage-return_view-page .return_right {
    display: inline-block;
    width: 30%;
    text-align: right;
}

/* 취소/환불 상세정보 테이블 넓이조정 
    주문 상세정보 테이블 넓이조정 */
.return-info-cont .order-detail-table thead th.w-middle,
.order-info-cont .order-detail-table thead th.w-middle {
    width: 10rem;
}
.return-info-cont .order-detail-table>tbody>tr>td:first-child,
.order-info-cont .order-detail-table>tbody>tr>td:first-child {
    font-size: 13px;
}
.return-info-cont .order-detail-table>tbody>tr>td:first-child button,
.order-info-cont .order-detail-table>tbody>tr>td:first-child button {
    width: -webkit-fill-available;
}
.return-info-cont .order-detail-table .info-detail-table .info-refund-detail {
    padding-left: 25px;
}
.return-info-cont .order-detail-table .info-detail-table .info-refund-detail .list-group .refund_detail_status {
    width: 13rem;
}

/* 나의여행>취소환불내역 페이지 '취소정보' 테이블 레이아웃 */

#mypage-return_lists-page .order_background_wrap .refund_detail_td .return_total {
    width: fit-content;
    margin: 0 auto;
}
#mypage-return_lists-page .order_background_wrap .refund_detail_td .return_total .refund_total_price p {
    text-align: left;
}

/* ====================================================
'취소환불내역' 최종금액 레이아웃 수정 끝
=====================================================*/

/* ====================================================
조민정 2020-06-12 '취소환불내역' 최종금액 레이아웃 추가수정 :
[아이콘 이미지 ie에서 계단현상깨지는 오류]
=====================================================*/

#mypage-cart_return_view-body .total-wrap-detail .point_icon,
#mypage-return_view-page .total-wrap-detail .point_icon {
    width: 16px;
    margin-top:-3px;
}

#mypage-cart_return_view-body .total-wrap-detail .won_icon,
#mypage-return_view-page .total-wrap-detail .won_icon {
    width: 20px;
    margin-top:-3px;
}

#mypage-cart_return_view-body .total-wrap-detail .coupon_icon,
#mypage-return_view-page .total-wrap-detail .coupon_icon {
    width: 21px;
    margin-top:-3px;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {

    #mypage-cart_return_view-body .total-wrap-detail .point_icon,
    #mypage-return_view-page .total-wrap-detail .point_icon {
        width: 23px;
        margin-top:-5px;
    }

    #mypage-cart_return_view-body .total-wrap-detail .won_icon,
    #mypage-return_view-page .total-wrap-detail .won_icon {
        width: 28px;
        margin-top:-5px;  
    }

    #mypage-cart_return_view-body .total-wrap-detail .coupon_icon,
    #mypage-return_view-page .total-wrap-detail .coupon_icon {
        width: 29px;
        margin-top:-5px;
    }
}


/* ====================================================================
조민정 2020-08-31 로그인 팝업창 인터넷 익스플로러 ie 크로스브라우징 대응 시작 
======================================================================*/
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .modal-body .sns-login-tb .sns_login_span {
        vertical-align: text-top !important;
        line-height: 36px !important;
    }

    .modal-body .sns-login-tb .ion-ios-chatbubble,
    .modal-body .sns-login-tb .ion-social-apple {
        font-size: 24px !important;
    }

    .modal-body #login_form .form-group.row-0 div {
        font-size: 0 !important;
    }
    
}
/* ====================================================================
조민정 2020-08-31 로그인 팝업창 인터넷 익스플로러 ie 크로스브라우징 대응 끝 
======================================================================*/

.text-tiny {
	font-size:.7em;
}

.text-small {
	font-size:.85em;
}

.text-big {
	font-size:1.4em;
}

.text-huge {
	font-size:1.8em;
}

/* ====================================================================
        조민정 2020-10-28 event.php 이벤트 페이지 팝업창 디자인 수정
        2020-12-02 연말연시 이벤트 팝업창 용 top 값 수정 (매번 top값만 수정)
======================================================================*/
/* 커뮤니티 오픈 이벤트 모달창 */
#communityModal .modal-dialog{
    max-width: 600px;
}
#communityModal .modal-body.modal-nomg {
    position: relative;
}
#communityModal a{
    position: absolute;
    left: 24%;
}
#communityModal a.community_modal_btn1 {
    width: 67%;
    height: 22px;
    top: 53.5%;
}
#communityModal a.community_modal_btn2 {
    width: 55%;
    height: 39px;
    top: 58%;
}
#communityModal a.community_modal_btn3 {
    width: 55%;
    height: 57px;
    top: 63%;
}
#communityModal a button{
    float: right;
    border: 1px solid #fff;
    padding: 0 5px;
    background-color: transparent;
    color: #fff;
}
#communityModal a button:hover {
    box-shadow: 2px 2px 6px 0px #555;
    transition: 0.2s ease;
}
@media (max-width: 414px) {
    #communityModal a.community_modal_btn2,
    #communityModal a.community_modal_btn3 {
        width: 57%;
    }
    #communityModal a.community_modal_btn1 {
        width: 68%;
    }
    #communityModal button {
        font-size: 10px;
    }
}

/* 종료된 이벤트 배너 디자인 */
.event_over{
    background-color: black;
}
.event_over img.event-banner {
    opacity: 0.2;
}
.event_over_txt{
    width: 540px;
    position: absolute;
    top:95px;
    text-align: center;
}
.event_over_txt span{
    color: #fff;
    font-size: 42px;
    font-weight: 600;
    line-height: 54px;
    letter-spacing: -1px;
}

@media (max-width: 767px) and (min-width: 500px){
    .event_over_txt {
        width: 95%;
        top: 28%;
    }

    .event_over_txt span {
        font-size: 7.5vw;
        line-height: 10vw;
    }
}

@media (max-width: 414px){
    .event_over_txt{
        width: 95%;
        top: 17%;
    }
    .event_over_txt span{
        font-size: 9.5vw;
        line-height: 13vw;
    }
}

/* ====================================================================
        조민정 2020-11-04 모바일웹 네비 커뮤니티 오픈 OPEN 텍스트 추가
======================================================================*/


#m-main-gnb .community_open_wrap img{
    position: relative;
}
#m-main-gnb .community_open_wrap .community_open{
    position: absolute;
    top: 5%;
    right: 7%;
}
#m-main-gnb .community_open_wrap .community_open span{
    font-size: 2.3vw;
    background-color: var(--orange);
    color: #fff;
    padding: 0 5px;
    border-radius: 10px;
}