/*서브_공통*/
.sub_banner {
    position: relative;
    width: 100%;
    height: 300px;
    color: #fff;
}

.sub_banner_title_box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.sub_banner_title {
    text-align: center;
    font-family: "Gmarket Sans";
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 14px;
}

.sub_banner_ex {
    text-align: center;
}

.sub_banner_desc {
    text-align: center;
    max-width: 60vw;
    margin: 15px auto;
}

.sub_contents {
	min-height: 500px;
    padding: 80px 0 100px 0;
}

@media screen and (max-width:600px) {
    .sub_contents {
        padding: 30px 0 50px 0;
    }

    .sub_banner_title {
        font-size: 30px;
    }

    .sub_banner_ex span {
        display: block;
    }
}

/*탭*/
.tab_wrap {
    margin-bottom: 80px;
}

.tab_box {
    display: flex;
    width: fit-content;
    margin: 0 auto;
    z-index: 999;
}
.tab_box .arrow-area{
    display:none;
}
.tab_box li {
    width: 200px;
    padding: 11px 20px; box-sizing: border-box;
    border-radius: 20px;
    background: #FCF7E7;
    text-align: center;
    margin-right: 20px;
    cursor: pointer;
}

.tab_box li:last-child {
    margin: 0;
}

.tab_box li:hover {
    background: #DC3E26;
    color: #FFF;
}

.tab_box .on {
    background: #DC3E26;
    color: #FFF;
}

@media screen and (max-width:1400px) {
    .tab_wrap {
        overflow-x: scroll;
    }

    .tab_box {
        padding-bottom: 10px;
    }

    .tab_wrap::-webkit-scrollbar {
        height: 8px;
    }

    .tab_wrap::-webkit-scrollbar-thumb {
        background: rgba(220, 62, 38, 0.3);
        border-radius: 10px; /* 스크롤바 둥근 테두리 */
    }
}

@media screen and (max-width:768px) {
    .tab_wrap {
        height: 41px;
    }

    .tab_box {
        width: calc(100% - 40px);
        position: absolute;
        flex-wrap: wrap;
        height: 41px;
        overflow: hidden;
        padding-bottom: 0px;
    }
    .tab_box .arrow-area{
        display:block;
        position:absolute;
        top:10px;
        right:10px;
    }
    .tab_box:hover {
        height: unset;
        overflow: unset;
    }

    .tab_box li {
        width: 100%;
        margin-right: 0px;
        border-radius: 0;
    }
}

@media screen and (max-width:600px) {
    .tab_wrap {
        margin-bottom: 30px;
    }

}

/*검색박스*/
.select_search_box {
    display: flex;
    justify-content: space-between;
    margin-bottom: 60px;
}

.search_select {
    width: 328px;
    height: 50px;
    border-radius: 30px;
    border: 1px solid #DC3E26;
    color: #666666;
    font-family: Pretendard;
    font-size: 16px;
    padding: 0 20px;
    appearance: none;
    background: url(/images/icon/drop.svg) no-repeat right 20px center;
}

.select_search {
    width: calc(100% - 328px - 34px);
    height: 50px;
    padding: 13px 20px;
    box-sizing: border-box;
    border: 1px solid #DC3E26;
    border-radius: 30px;
}

.select_search_txt {
    width: calc(100% - 30px);
    float: left;
    background: none;
    border: none;
    outline: none;
    font-family: Pretendard;
    color: #666;
    font-size: 16px;
}

.select_search_btn {
    float: right;
    width: 20px;
    height: 20px;
    border: none;
    background: url(/images/icon/search_gray.svg);
    cursor: pointer;
}

@media screen and (max-width:768px) {
    .select_search_box {
        flex-wrap: wrap;
        margin-bottom: 30px;
    }

    .select_search {
        width: 100%;
        margin-top: 10px;
    }
}

@media screen and (max-width:600px) {
    .search_select {
        width: 100%;
    }
}

/*상품리스트*/
.sub_contents_list_box {
    display: grid;
    grid-template-columns: repeat(4, calc(25% - 21.75px));
    grid-column-gap: 29px;
    grid-row-gap: 60px;
    margin-top: 63px;
}

.sub_contents_list_contents:hover .product_img img {
    cursor: pointer;
    transform: scale(1.1);
}

.sub_contents_list_contents:hover .gallery_product_img img {
    cursor: pointer;
    transform: scale(1.1);
}

.gallery_product_img {
    width: 100%; height: 100%;
    max-height: 330px;
    overflow: hidden;
}

.gallery_product_img img {
    display: block;
    /*max-width: 328px;*/
    width: 100%; height: 100%;
    object-fit: cover;
    transition: all 0.3s;
}

.product_img {
    width: 100%;
   /* height: auto;*/
    max-height: 330px;
    /*min-width: 286px;*/
    min-height: 283px;

    overflow: hidden;
}

.product_img img {
    display: block;
    width: 100%; height: 100%;
    object-fit: cover;
    transition: all 0.3s;
}

.place_contents_list_title {
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    margin-top: 20px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.product_list_title {
    height: 56px;
}

.place_contents_list_ex {
    color: #555;
    font-size: 15px;
    font-weight: 300;
    margin: 10px 0;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.contents_list_price {
    font-size: 23px;
    font-weight: 300;
}

.price_bold {
    font-weight: 600;
}

.like_btn_box {
    display: flex;
    align-items: center;
}

.like_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 43px;
    background: #DC3E26;
    margin-top: 20px;
    cursor: pointer;
}
.like_btn.on .like_btn_icon,
.like_btn:hover .like_btn_icon {
    background: url(/images/icon/like_btn_icon_on.svg);
}

.like_btn_icon {
    width: 25px;
    height: 22px;
    background: url(/images/icon/like_btn_icon.svg);
}

.like_number {
    margin-top: 20px;
    margin-left: 12px;
    color: #DC3E26;
    font-size: 18px;
    font-weight: 500;
}

@media screen and (max-width:768px) {
    .sub_contents_list_box {
        display: grid;
        grid-template-columns: repeat(2, calc(50% - 10px));
        grid-column-gap: 20px;
        grid-row-gap: 60px;
        margin-top: 30px;
    }

    .sub_contents_list {
        margin-bottom: 50px;
    }
}

@media screen and (max-width:600px) {
    .sub_contents_list_box {
        display: block;
    }
    .product_img{
        width:100%;
        aspect-ratio: 1/1;
        height:unset;
    }
    .product_img img{
        width:100%;
        height:100%;
        object-fit: cover;
    }
    .gallery_product_img{
        width:100%;
        aspect-ratio: 1/1;
        height:unset;
    }
}

/*페이지네이션*/
.paging_box {
    margin-top: 60px;
}

.paging {
    width: fit-content;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

.paging_arrow {
    width: 7px;
    height: 13px;
    cursor: pointer;
}

.paging_arrow_prev {
    background: url(/images/icon/paging_arrow.svg) no-repeat;
    margin-right: 24px;
}

.paging_arrow_next {
    background: url(/images/icon/paging_arrow.svg) no-repeat;
    transform: rotate(180deg);
    margin-left: 24px;
}

.paging_arrow a{display: flex; width: 20; height:20px;}

.paging_number {
    display: flex;
    color: #666;
    font-size: 16px;
}

.paging_number li {
    margin-right: 24px;
    cursor: pointer;
}

.paging_number li:last-child {
    margin-right: 0;
}

.paging_number .on {
    color: #DC3E26;
    font-weight: 500;
}

/*펫섬제주*/
.yeon_travelers_banner {
    background: url(/images/yeon_travelers_banner.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

/*펫섬제주_브랜드소개_241008*/
.brand_intro {
	overflow: hidden;
}

.brand_intro_list {
    display: flex;
    align-items: center;
    margin-bottom: 80px;
}

.brand_intro_list_img {
    width: 600px; height: auto;
    min-width: 600px;
}

.brand_intro_list_img img {
    width: 100%; height: auto;
}

.brand_intro_list_img_mg_r {
    margin-right: 60px;
}

.brand_intro_list_img_mg_l {
    margin-left: 60px;
}

.brand_intro_list_title {
    color: #222;
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 36px;
}

.brand_intro_list_title .orange {
    color: #DC3E26;
}

.brand_intro_list_txt {
    color: #222;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
}

.brand_intro_list_txt_mg_b {
    margin-bottom: 20px;
}

.service_category {
    padding: 100px 0;
    border-top: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;
}

.petsum_title {
    color: #333;
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 80px;
}

.service_category_contents {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.service_category_list {
    width: calc(33.3% - 70px);
}

.service_category_list_mg_r {
    margin-right: 105px;
}

.service_category_list_mg_b {
    margin-bottom: 80px;
}

.service_category_list_img {
    margin-bottom: 32px;
}

.service_category_list_img img {
    width: 100%; height: auto;
}

.service_category_list_txt_box {
    text-align: center;
}

.service_category_list_number {
    color: #555;
    font-size: 18px;
    font-weight: 400;
}

.service_category_list_title {
    color: #222;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    margin: 10px 0 24px 0;
}

.service_category_list_txt {
    color: #555;
    line-height: 28px;
}

.pepsum_bi {
    padding-top: 100px;
}

.pepsum_bi_contents {
    display: flex;
    justify-content: space-between;
    margin-bottom: 80px;
}

.pepsum_bi_box {
    width: 400px;
    padding: 20px; box-sizing: border-box;
    border: 1px solid #D9D9D9;
    background: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 48px;
}

.pepsum_bi_box img {
    max-width: 272px;
    width: 100%; height: auto;
}

.pepsum_bi_photo {
    margin-bottom: 36px;
}

.pepsum_bi_photo img {
    width: 100%; height: auto;
}

.pepsum_bi_color_box {
    display: grid;
    grid-template-columns: repeat(4, calc(25% - 37.5px));
    grid-column-gap: 50px;
}

.pepsum_bi_color {
    height: 20px;
    margin-bottom: 16px;
}

.pepsum_bi_color_red {
    background: #DC3E26;
}

.pepsum_bi_color_yelllow {
    background: #EDCD44;
}

.pepsum_bi_color_sky {
    background: #81CAD6;
}

.pepsum_bi_color_green {
    background: #28892F;
}

.color_code {
    color: #555;
}

.pepsum_bi_txt {
    color: #111;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
}

@media screen and (max-width:1024px) {
    .brand_intro_list_img {
        width: 400px;
        height: auto;
        min-width: 400px;
    }

    .brand_intro_list_img_mg_r {
        margin-right: 20px;
    }

    .brand_intro_list_img_mg_l {
        margin-left: 20px;
    }

    .service_category_list {
        width: calc(33.3% - 20px);
    }

    .service_category_list_mg_r {
        margin-right: 30px;
    }
}

@media screen and (max-width:768px) {
    .service_category {
        padding: 50px 0;
    }

    .petsum_title {
        margin-bottom: 50px;
    }

    .brand_intro_list {
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 50px;
    }

    .brand_intro_list_img {
        width: 100%;
        height: auto;
        min-width: auto;
        margin-bottom: 20px;
    }

    .brand_intro_list_img_mg_r {
        margin-right: 0px;
    }

    .brand_intro_list_img_mg_l {
        order: 1;
        margin-left: 0px;
    }

    .brand_intro_list_txt_box {
        order: 2;
    }

    .service_category_list {
        width: calc(50% - 10px);
    }

    .service_category_list:nth-child(1) {
        margin-right: 20px;
    }

    .service_category_list:nth-child(3) {
        margin-right: 20px;
    }

    .service_category_list_mg_r {
        margin-right: 0px;
    }

    .pepsum_bi {
        padding-top: 50px;
    }

    .pepsum_bi_contents {
        flex-wrap: wrap;
    }

    .pepsum_bi_box {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .pepsum_bi_color_box {
        display: grid;
        grid-template-columns: repeat(4, calc(25% - 15px));
        grid-column-gap: 20px;
    }
    .sub_banner_desc {
	    max-width: 80vw;
	}
}

@media screen and (max-width:425px) {
    .service_category_list {
        width: 100%;
        margin-bottom: 50px;
    }

    .service_category_list:nth-child(1) {
        margin-right: 0px;
    }

    .service_category_list:nth-child(3) {
        margin-right: 0px;
    }

    .service_category_list_mg_b {
        margin-bottom: 0px;
    }

    .pepsum_bi_color_box {
        display: grid;
        grid-template-columns: repeat(2, calc(50% - 10px));
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }
    .sub_banner_desc {
	    max-width: 95vw;
	}
}

/*펫섬제주_연혁_241008*/
.history_contents_box {
    display: flex;
}

.history_contents_title_box {
    min-width: 212px;
    margin-right: 190px;
}

.history_contents_title {
    color: #111;
    font-size: 24px;
    font-weight: 600;
}

.history_contents_title_year {
    color: #555;
    font-size: 16px;
    font-weight: 400;
    margin-top: 10px;
}

.history_contents {
    width: 100%;
}

.history_year_list {
    display: flex;
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid #D9D9D9;
}

.history_year_list:last-child {
    border: none;
}

.history_year {
    color: #111;
    font-size: 20px;
    font-weight: 600;
    margin-right: 100px;
}

.history_month_list_box {
    width: 100%;
}

.history_month_list {
    width: 100%;
    display: flex;
    color: #555;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 10px;
}

.history_month_list:last-child {
    margin-bottom: 0;
}

.history_month {
	min-width: 40px;
    color: #111;
    font-size: 18px;
    font-weight: 500;
    margin-right: 100px;
}

.history_month_contents {
    width: calc(100% - 40px - 100px);
}

@media screen and (max-width:1024px) {
    .history_contents_title_box {
        margin-right: 50px;
    }

    .history_year {
        margin-right: 50px;
    }

    .history_month {
        margin-right: 50px;
    }

    .history_month_contents {
        width: calc(100% - 40px - 50px);
    }
}

@media screen and (max-width:768px) {
    .history_contents_box {
        flex-wrap: wrap;
    }

    .history_contents_title_box {
        margin-right: 0;
        margin-bottom: 50px;
    }

    .history_year {
        margin-right: 20px;
    }

    .history_month {
        margin-right: 20px;
    }

    .history_month_contents {
        width: calc(100% - 40px - 20px);
    }
}

@media screen and (max-width:425px) {
    .history_year_list {
        flex-wrap: wrap;
    }

    .history_year {
        margin-right: 0px;
        margin-bottom: 20px;
    }
}

/*반려동물_동반여행지*/
.accompany_tour_banner {
    background: url(/images/accompany_tour_banner.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.place_detail_img {
    width: 355px;
    height: 357px;
    overflow: hidden;
    margin-right: 50px;
}

.place_detail_img img {
    width: 100%; height: 100%;
    object-fit: cover;
}

/*반려동물_동반여행지_상세페이지*/
.detail_img_title_box {
    display: flex;
}

.detail_img {
    max-width: 500px;
    width: 100%;
    height: 357px;
/*    overflow: hidden;*/
/*    margin-right: 50px;*/
}

/*.detail_img img {*/
/*    width: 100%; height: 100%;*/
/*    object-fit: cover;*/
/*}*/

.detail_title_box {
    position: relative;
    width: calc(100% - 355px - 50px);
}

.detail_title {
    width: calc(100% - 43px - 10px);
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 10px;
}

.detail_address {
    color: #444;
}

.tag_box {
    display: flex;
    flex-wrap: wrap;
    margin: 20px 0 28px;
}

.tag_box li {
	width: calc(33.3% - 30px);
    max-width: 160px;
    padding: 10px; box-sizing: border-box;
    border-radius: 50px;
    border: 1px solid #D9D9D9;
    color: #DC3E26;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 10px;
}

.tag_box li:last-child {
    margin-right: 0;
}

.detail_title_box .like_btn {
    margin: 0;
    position: absolute;
    top: 0; right: 0;
}

.detail_ex {
    line-height: 24px;
}

.detail_ex_enter {
    margin-bottom: 20px;
}

.detail_info_box {
    margin: 60px 0;
    padding: 40px 0;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
}

.detail_info_list {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.detail_info_list:last-child {
    margin-bottom: 0;
}

.detail_info_list_title {
    width: 160px;
    height: 30px;
    border-radius: 15px;
    background: #222;
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 30px;
    margin-right: 20px;
}

.detail_info_list_ex {
    width: calc(100% - 160px - 20px);
}

.detail_map {
    width: 100%; height: 400px;
    overflow: hidden;
    background: url(/images/sample/detail_map.jpg);
}

@media screen and (max-width:768px) {
    .detail_img_title_box {
        flex-wrap: wrap;
    }

    .detail_title_box {
        width: 100%;
    }
    .detail_title{
        font-size:28px;
        width:100%;
    }
    .detail_contents_type .detail_ex{
        margin-bottom:40px;
    }
    .detail_info_list_title {
        width:100%;
        margin-right:0;
    }

    .detail_info_list{
        margin-bottom:30px;
    }

    .reservation_list_info_same_sheet_name li{
        margin-bottom:20px;
    }
}

@media screen and (max-width:600px) {
    .place_detail_img {
        width: 100%; height: auto;
        max-height: 560px;
    }

    .detail_img {
        width: 100%; height: auto;
        max-height: 560px;
    }

    .detail_info_list {
        flex-wrap: wrap;
    }

    .detail_info_box {
        margin: 30px 0;
        padding: 20px 0;
    }

    .detail_info_list_ex {
        width: 100%;
        margin-top: 10px;
    }
    .detail_title {
        margin-bottom:20px;
    }
}

/*반려동물_동반여행서비스*/
.accompany_service_banner {
    /*background: url(/images/accompany_service_banner.jpg);*/
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.sub_under_banner {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 250px;
    padding: 20px;
    box-sizing: border-box;
    margin-bottom: 60px;
}

.sub_under_banner_01 {
    background: url(/images/sub_under_banner_01.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.sub_under_banner_title_box {
    color: #fff;
}

.sub_under_banner_title {
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 30px;
}

.sub_under_banner_title .bold {
    font-weight: 600;
}

.sub_under_banner_ex {
    text-align: center;
}

@media screen and (max-width:600px) {
    .sub_under_banner {
        padding: 30px 20px;
        margin-bottom: 50px;
    }

    .sub_under_banner_title {
        font-size: 20px;
    }
}

/*반려동물_동반여행서비스_상세페이지*/
.detail_img_box {
    position: relative;
    width: 500px;
    height: 500px;
    margin-right: 60px;
}

.detail_contents_type .detail_img {
    width: 100%;
    height: 100%;
    margin-right: 0;
    /*overflow: hidden;*/
}

.detail_contents_type .detail_img img {
    width: 100%; height: 100%;
    object-fit: cover;
}

.detail_contents_type .detail_title_box {
    position: relative;
    width: calc(100% - 500px - 60px);
}

.detail_contents_type .tag_box {
    width: calc(100% - 43px - 10px);
    margin: 0 0 40px 0;
}

.detail_txt {
    color: #444;
    margin-bottom: 40px;
}

.detail_contents_type .detail_ex_enter {
    margin-bottom: 10px;
}

.detail_contents_type .detail_ex {
    margin-bottom: 100px;
}

.detail_arrow {
    position: absolute;
    top: 50%;
    margin-top: -25px;
    width: 32px;
    height: 51px;
    cursor: pointer;
    z-index: 99999;
}

.detail_arrow_prev {
    left: -32px;
    background: url(/images/icon/slide_arrow_prev.svg);
}

.detail_arrow_next {
    right: -32px;
    background: url(/images/icon/slide_arrow_prev.svg);
    rotate: 180deg;
}

.detail_img_calender_wrap {
    border-top: 1px solid #000;
    margin-top: 80px;
    padding-top: 50px;
}

.prodct_detail_img_calender_box {
    display: flex;
    justify-content: space-between;
}

.prodct_detail_img {
    width: calc(100% - 400px - 80px);
}

.prodct_detail_img img {
    width: 100%; height: auto;
}

.product_select_box {
    width: 400px; height: fit-content;
    padding: 30px; box-sizing: border-box;
    border: 1px solid #555;
    background: #fff;
    border-radius: 5px;
}

.product_select {
    margin-bottom: 24px;
}

.product_select_title {
    color: #222;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 12px;
}

.calender {
    width: 100%;
    padding: 18px 16px;
    box-sizing: border-box;
    border: 1px solid #D9D9D9;
    color: #111;
    position: relative;
}

.calender_top {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}

.calender_arrow {
    width: 6px;
    height: 9px;
}

.calender_arrow_prev {
    background: url(/images/icon/calender_arrow.svg);
}

.calender_arrow_next {
    background: url(/images/icon/calender_arrow.svg);
    transform: rotate(180deg);
}

.calender_month {
    font-weight: 600;
    margin: 0 12px;
}

.calender_day_box {
    display: grid;
    grid-template-columns: repeat(7, 14.2%);
    grid-column-gap: 0px;
    margin-bottom: 12px;
    text-align: center;
}

.calender_date_box {
    display: grid;
    grid-template-columns: repeat(7, 14.2%);
    grid-column-gap: 0px;
    text-align: center;
}

.calender_date_box div {
    padding: 12px;
    border-radius: 5px;
    cursor: pointer;
}

.lastday {
    color: #D9D9D9;
}

.saturday {
    color: #335EE0;
}

.sunday {
    color: #E74133;
}

.calender_date_box .today {
    background: rgba(231, 65, 51, 1);
    color: #fff;
}

.people {
    padding: 13px 15px;
    box-sizing: border-box;
    border: 1px solid #D9D9D9;
    border-radius: 5px;
    margin-bottom: 12px;
}

.people_title {
    color: #222;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 12px;
}

.people_mg_n {
    margin: 0;
}

.people_number_price {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.people_number_box {
    display: flex;
    align-items: center;
}

.people_minus {
    color: #222;
    font-size: 14px;
}

.people_plus {
    color: #222;
    font-size: 14px;
}

.people_number {
    width: 60px;
    height: 28px;
    border-radius: 3px;
    border: 1px solid #D9D9D9;
    margin: 0 10px;
}

.people_number_price_red {
    color: #E74133;
    font-size: 14px;
    font-weight: 500;
}

.all_price {
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px;
}

.all_price_title {
    color: #222;
    font-size: 18px;
    font-weight: 600;
}

.all_price_red {
    color: #E74133;
    font-size: 16px;
    font-weight: 600;
}

.view_btn {
    width: 100%;
    padding: 16px 0px;
    border-radius: 5px;
    background: #EDCD44;
    text-align: center;
    color: #111;
    font-size: 18px;
	font-weight: 600;
	cursor: pointer;
}

.view_btn.inquiry {
    background: #DC3E26;
    color: #fff;
}

@media screen and (max-width:1460px) {
    .detail_arrow_prev {
        left: 0;
    }

    .detail_arrow_next {
        right: 0;
    }
}

@media screen and (max-width:1024px) {
    .detail_img_box {
        width: 300px;
        height: 300px;
    }

    .detail_contents_type .detail_title_box {
        position: relative;
        width: calc(100% - 300px - 60px);
    }

    .detail_contents_type .detail_info_list {
        flex-wrap: wrap;
    }

    .detail_contents_type .detail_info_list_ex {
        width: 100%;
        margin-top: 10px;
    }

    .prodct_detail_img {
        width: calc(100% - 400px - 20px);
    }
}

@media screen and (max-width:768px) {
    .detail_img_box {
        margin: 0 auto;
        margin-bottom: 50px;
    }

    .detail_img_box {
        width: 500px;
        height: 500px;
    }

    .detail_contents_type .detail_title_box {
        position: relative;
        width: calc(100% - 500px - 60px);
    }

    .detail_contents_type .detail_title_box {
        width: 100%;
    }

    .detail_arrow_prev {
        left: -32px;
    }

    .detail_arrow_next {
        right: -32px;
    }

    .prodct_detail_img_calender_box {
        flex-wrap: wrap;
    }

    .calender .daterangepicker{
        width:100%;
    }
    .prodct_detail_img {
        width: 100%;
        order: 2;
    }

    .product_select_box {
        width: 100%;
        margin-bottom: 50px;
        order: 1;
    }
    .people_number{
        width:40px;
    }
}

@media screen and (max-width:600px) {
    .detail_img_box {
        width: 100%;
        aspect-ratio: 1/1;
        height: auto;
        margin-bottom:20px;
    }

    .detail_arrow_prev {
        left: 0;
    }

    .detail_arrow_next {
        right: 0;
    }

    .detail_contents_type .detail_ex {
        margin-bottom: 50px;
    }

    .detail_img_calender_wrap {
        margin-top: 50px;
    }
    .detail_contents_type .tag_box{
        margin-bottom:20px;
    }
}

@media screen and (max-width:500px) {
	.tag_box li {
		width: calc(50% - 20px);
	}
}

@media screen and (max-width:425px) {
    .retouch_login_id {
        display: flex;
        align-items: center;
        padding: 20px 25px;
        border-bottom: 1px solid #ccc;
    }

    .product_select_box {
        padding: 20px;
    }

    .retouch_login_id, .retouch_login_pw {
        padding: 20px 0;
    }
    .retouch_title {
        width: 100%;
        margin-bottom: 20px;
    }

    .retouch_login_id input {
        width: 100%;
    }

    .retouch_eyes_input {
        width: 100%;
    }

    .retouch_login_id, .retouch_login_pw {
        padding: 20px 0;
    }
}

/*반려동물_동반여행서비스_예약정보입력*/
.reservation_contents {
    background: #F5F5F5;
}

.reservation_process {
    display: flex;
    margin-bottom: 80px;
    justify-content: center;
}

.reservation_process li {
    width: calc(33.3% - 16.6px);
    padding: 11px 20px; box-sizing: border-box;
    border-radius: 50px;
    color: #666;
    text-align: center;
    background: #D9D9D9;
    margin-right: 25px;
}

.reservation_process li:last-child {
    margin: 0;
}

.reservation_process .on {
    background: #DC3E26;
    color: #FFF;
}

.reservation_list_box {
    margin-bottom: 60px;
}

.reservation_list_title {
    color: #111;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
}

.reservation_list_img_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #111;
    border-bottom: 1px solid #111;
    background: #FFF;
    padding: 20px;
    color: #111;
}

.reservation_list_img {
    width: 260px;
    height: 260px;
}

.reservation_list_img img {
    width: 100%; height: 100%;
    object-fit: cover;
}

.reservation_list_img_txt_box {
    width: calc(100% - 260px - 54px);
}

.reservation_list_img_txt_list {
    display: flex;
    margin-bottom: 24px;
}

.reservation_list_img_txt_list:last-child {
    margin-bottom: 0;
}

.reservation_list_img_txt_box .title {
    display: block;
    color: #333;
    font-size: 18px;
    font-weight: 600;
    min-width: 63px;
    margin-right: 14px;
}

.reservation_list_img_txt {
    display: block;
    width: calc(100% - 63px - 14px);
}

.reservation_list_price_box {
    border-top: 1px solid #111;
    border-bottom: 1px solid #111;
    background: #FFF;
}

.reservation_list_price_title {
    border-bottom: 1px solid #111;
    padding: 20px 0;
    display: flex;
    justify-content: space-between;
    text-align: center;
    color: #333;
    font-size: 18px;
    font-weight: 600;
}

.reservation_list_price_title>div {
    width: 25%;
}

.reservation_list_price_contents {
    padding: 30px 0;
}

.reservation_list_price_contents li {
    color: #111;
    display: flex;
    justify-content: space-between;
    text-align: center;
    margin-bottom: 30px;
}

.reservation_list_price_contents li:last-child {margin: 0;}

.reservation_list_price_contents li>div {
    width: 25%;
}

.reservation_list_price_contents .red {
    color: #E74133;
}

.all_price_won_box {
    padding: 26px 62px 26px 117px;
    background: #111;
    color: #FFF;
    font-size: 18px;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.all_price_won {
    color: #FF0;
}

.reservation_list_info_box {
    padding: 30px;
    border-top: 1px solid #111;
    border-bottom: 1px solid #111;
    background: #FFF;
}

.reservation_list_info_tab {
    display: flex;
}

.reservation_list_info_tab_list {
    display: flex;
    align-items: center;
    margin-right: 30px;
}

.reservation_list_info_tab_list:last-child {
    margin: 0;
}

.sametype{
  min-width: 24px;
  height: 24px;
  border-radius: 50%;
  cursor: pointer;
  appearance: none; /* 브라우저 기본 스타일 제거 */
  -webkit-appearance: none;
  border: 1px solid #000;
  box-sizing: border-box;
  margin-right: 10px;
}

.sametype:checked{
    /*
    border: 7px solid rgba(122, 163, 59, 1);
    box-sizing: border-box;
    background-color: #fff;
    accent-color:rgba(122, 163, 59, 1);
    */
    background-color: rgba(122, 163, 59, 1);
    border-color: rgba(122, 163, 59, 1);
}

/*
.name_btn {
    min-width: 24px;
    height: 24px;
    border-radius: 50%;
    outline: none;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #DDD;
    box-sizing: border-box;
    margin-right: 10px;
}
#same, #diffrent {display: none;}

#same:checked ~ .reservation_list_info_tab .same_btn {
    border: 7px solid rgba(122, 163, 59, 1);
    box-sizing: border-box;
    background-color: #fff;
}

#diffrent:checked ~ .reservation_list_info_tab .diffrent_btn {
    border: 7px solid rgba(122, 163, 59, 1);
    box-sizing: border-box;
    background-color: #fff;
}
*/
.reservation_list_info_same_sheet, .reservation_list_info_diffrent_sheet {
    display: none;
}
/*

.reservation_list_info_tab #same:checked ~ .reservation_list_info_sheet .reservation_list_info_same_sheet {
  display: block;
}

.reservation_list_info_tab #diffrent:checked ~ .reservation_list_info_sheet .reservation_list_info_diffrent_sheet {
  display: block;
}
*/

/*
*/
.reservation_list_info_same_sheet_name {
    display: flex;
    justify-content: space-between;
    margin: 30px 0;
}

.reservation_list_info_same_sheet_name li {
    display: flex;
    align-items: center;
}

.reservation_list_info_same_sheet_name_title {
    display: block;
    min-width: 63px;
    margin-right: 14px;
}

.reservation_list_info_same_sheet_name_input {
    width: 330px;
    height: 40px;
    border-radius: 5px;
    border: 1px solid #D9D9D9;
    background: #FFF;
    padding: 0 20px;
    box-sizing: border-box;
    font-family: Pretendard;
    font-size: 16px;
    color: #111;
}

.reservation_list_info_same_sheet_request {
    display: flex;
    align-items: baseline;
}

.reservation_list_info_same_sheet_txt {
    width: calc(100% - 63px - 14px);
    height: 150px;
    border-radius: 5px;
    border: 1px solid #D9D9D9;
    background: #FFF;
    resize: none;
    padding: 12px 20px; box-sizing: border-box;
    color: #111;
    font-family: Pretendard;
    font-size: 16px;
}

.reservation_list_departure_area_box {
    border-top: 1px solid #111;
    border-bottom: 1px solid #111;
    background: #FFF;
    padding: 30px;
    box-sizing: border-box;
}

.reservation_list_departure_area {
    display: flex;
    align-items: center;
}

.reservation_list_departure_area_input {
    width: calc(100% - 63px - 14px);
    height: 40px;
    border-radius: 5px;
    border: 1px solid #D9D9D9;
    background: #FFF;
    color: #111;
    font-family: Pretendard;
    font-size: 16px;
}

.reservation_list_departure_area_ex {
    margin-left: 75px;
    margin-top: 10px;
    color: #E74133;
    font-size: 14px;
}

.common_btn_box {
    display: flex;
    justify-content: center;
}

.common_btn {
    width: 200px;
    height: 50px;
    background: #111;
    border-radius: 5px;
    color: #FFF;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    line-height: 50px;
    border: none;
}

.common_btn:nth-child(2n){
	margin-left: 20px;
}

.common_btn:hover {
    cursor: pointer;
    opacity: 0.9;
}

.common_btn_green {
    background: #EDCD44;
    color: #111;
}

.common_btn_red {
    background: #E74133;
}

.common_btn_mg_r {
    margin-right: 20px;
}

.border_view_title {
    font-size: 28px;
    font-weight: 600;
}

.border_view_day {
    margin-top: 20px;
}

.border_view_name {
    margin-right: 20px;
}

.border_view_box {
    margin: 20px 0 0px 0;
    padding: 40px 0;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
}

.community_gallery_view_contents {
    margin-top: 20px;
}

.answer_view_contents {
    margin-top: 80px;
    margin-bottom: 30px;
}

.answer_situation {
    width: 80px;
    height: 27px;
    text-align: center;
    font-weight: 500;
    line-height: 27px;
    border-radius: 2px;
    background: #F5F5F5;
    margin-bottom: 20px;
}

@media screen and (max-width:1400px) {
    .reservation_list_info_same_sheet_name_input {
        width: 220px;
    }
}

@media screen and (max-width:1024px) {
    .reservation_list_info_same_sheet_name {
        flex-wrap: wrap;
        margin: 30px 0 0 0;
    }

    .reservation_list_info_same_sheet_name li {
        width: 100%;
        margin-bottom: 10px;
    }

    .reservation_list_info_same_sheet_name_input {
        width: calc(100% - 63px - 14px);
    }
}

@media screen and (max-width:768px) {
    .reservation_list_img_box {
        flex-wrap: wrap;
    }

    .reservation_list_img_txt_box {
        width: 100%;
        margin-top: 30px;
    }

    .reservation_list_img {
        margin: 0 auto;
    }

    .all_price_won_box {
        padding: 26px 20px;
    }
}

@media screen and (max-width:600px) {
    .reservation_process {
        margin-bottom: 50px;
    }
}

@media screen and (max-width:425px) {
    .reservation_process {
        flex-wrap: wrap;
    }

    .reservation_process li {
        width: 100%;
        margin: 0;
        margin-bottom: 10px;
    }

    .reservation_process li:last-child {
        margin: 0;
    }

    .reservation_list_info_same_sheet_name li, .reservation_list_info_same_sheet_request, .reservation_list_departure_area {
        flex-wrap: wrap;
    }

    .reservation_list_info_same_sheet_name_title  {
        width: 100%;
        margin-bottom: 10px;
    }

    .reservation_list_info_same_sheet_name_input, .reservation_list_info_same_sheet_txt, .reservation_list_departure_area_input {
        width: 100%;
        padding:0 10px;
    }

    .reservation_list_departure_area_ex {
        margin-left: 0;
    }
}

@media screen and (max-width:375px) {
    .reservation_list_img {
        height: auto;
        max-height: 260px;
    }
}

/*반려동물_동반여행서비스_예약완료 및 결제하기*/
.reservation_complete_box {
    margin: 70px 0 80px 0;
}

.reservation_complete_img {
    width: fit-content;
    margin: 0 auto;
    margin-bottom: 50px;
}

.reservation_complete_img img {
    width: 100%; height: 100%;
    object-fit: cover;
}

.reservation_complete_title {
    color: #111;
    text-align: center;
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 10px;
}

.reservation_complete_ex {
    color: #111;
    text-align: center;
}

.reservation_list_img_txt_btn_box {
    display: flex;
    align-items: center;
    width: calc(100% - 260px - 54px);
}

.reservation_list_img_txt_btn_box .reservation_list_img_txt_box {
    width: 100%;
}

.reservation_list_img_txt_btn {
    width: 100px;
    height: 30px;
    border-radius: 5px;
    background: #DC3E26;
    color: #FFF;
    text-align: center;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 22px;
}

.reservation_list_img_txt_btn_red {
    background: #E74133;
}

.reservation_list_img_txt_list .red {
    color: #E74133;
    font-weight: 600;
}

.small_btn {
    width: 140px;
    height: 40px;
    background: #111;
    color: #FFF;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    line-height: 40px;
    border-radius: 5px;
}

.small_btn:hover {
    cursor: pointer;
    opacity: 0.9;
}

.small_btn_mg_b {
    margin-bottom: 16px;
}

.small_btn_green {
    background: #EDCD44;
    color: #111;
}

.small_btn_red {
    background: #E74133;
}

@media screen and (max-width:1024px) {
    .reservation_list_img_box {
        flex-wrap: wrap;
    }

    .reservation_list_img_txt_btn_box {
        flex-wrap: wrap;
        width: 100%;
    }

    .reservation_list_img_txt_btn_box .reservation_list_img_txt_box {
        margin-top: 30px;
        margin-right: 20px;
    }

    .reservation_list_img_ver {
        margin: 0 auto;
    }

    .small_btn_box {
        width: 100%;
        display: flex;
        justify-content: center;
        margin-top: 30px;
    }

    .small_btn_mg_b {
        margin-bottom: 0;
        margin-right: 10px;
    }
}

@media screen and (max-width:600px) {
    .reservation_complete_box {
        margin: 50px 0;
    }

    .reservation_complete_title {
        font-size: 24px;
    }
}

@media screen and (max-width:425px) {
    .small_btn {
        font-size: 16px;
    }
}

/*반려동물_테마상품*/
.accompany_theme_banner {
    background: url(/images/accompany_theme_banner.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.sub_under_theme_banner.adventure {
    background: url(/images/sub_under_theme_banner_01.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.sub_under_theme_banner.wellness {
    background: url(/images/sub_under_theme_banner_02.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.sub_under_theme_banner.retreat {
    background: url(/images/sub_under_theme_banner_03.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.sub_under_theme_banner.culinary {
    background: url(/images/sub_under_theme_banner_04.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.sub_under_theme_banner.photography {
    background: url(/images/sub_under_theme_banner_05.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.sub_under_theme_banner.care {
    background: url(/images/sub_under_theme_banner_11.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.sub_under_theme_banner.memory {
    background: url(/images/sub_under_theme_banner_12.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.sub_under_theme_banner.ride {
    background: url(/images/sub_under_theme_banner_13.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.sub_under_theme_banner.past {
    background: url(/images/sub_under_theme_banner_14.png);
    background-repeat: no-repeat;
    background-size: cover;
}

/*추천여행지*/
.recommend_tour {
    width: 100%; height: 920px;
    padding: 0 20px; box-sizing: border-box;
    background: url(/images/recommend_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.recommend_tour_contents {
    text-align: center;
}

.recommend_tour_title {
    font-family: "Gmarket Sans";
    font-size: 40px;
    font-weight: 700;
}

.recommend_tour_ex {
    font-size: 18px;
    line-height: 28px;
    margin: 40px 0 100px 0;
}

.recommend_tour_ex .bold {
    font-weight: 600;
}

.recommend_tour_btn {
    width: 200px;
    height: 51px;
    border-radius: 50px;
    background: #DC3E26;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.recommend_tour_btn:hover {
    cursor: pointer;
    opacity: 0.9;
}

.recommend_tour_btn_icon {
    width: 7px; height: 12px;
    background: url(/images/icon/recommend_tour_btn_icon.svg);
    margin-left: 12px;
}

@media screen and (max-width:768px) {
    .recommend_tour {
        width: 100%; height: 650px;
    }

    .recommend_tour_title {
        font-size: 28px;
        line-height:1.5;
    }

    .recommend_tour_title span {
        display: block;
    }

    .recommend_tour_ex {
        margin: 40px 0 40px 0;
    }
    .recommend_tour_ex p{
        margin-bottom:10px;
    }
}

/*추천여행지_질문*/
.recommend_tour_question_box {
    width: 1000px;
    padding: 30px 130px;
    box-sizing: border-box;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.90);
}


/*
.recommend_tour_result_box{
    width: 1000px;
    height: 555px;
    padding: 30px 130px;
    box-sizing: border-box;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.90);
}
*/

.recommend_tour_question_step_box {
    display: flex;
    justify-content: center;
}

.recommend_tour_question_step {
    position: relative;
    display: flex;
    align-items: center;
}

.recommend_tour_question_step .on {
    background: #DC3E26;
}

.recommend_tour_question_step_circle {
    width: 17px;
    height: 17px;
    border-radius: 50%;
    border: 2px solid #DC3E26;
}

.recommend_tour_question_step_line {
    width: 70px; height: 2px;
    background: rgba(17, 17, 17, 0.30);;
}

.recommend_tour_question_step_arrow {
    display: none;
    position: absolute;
    top: 2px;
    left: 0px;
    width: 111px; height: 16px;
    background: url(/images/icon/recommend_tour_question_step_arrow.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

.recommend_tour_question_step .go {
    display: block;
}

.recommend_tour_question_step_icon {
    display: none;
    position: absolute;
    top: -66px; left: -25px;
    width: 78px; height: 64px;
    background: url(/images/recommend_tour_question_step_icon.png);
}

.recommend_tour_question_title {
    color: #111;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    margin: 84px 0 60px 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #444;
}

.recommend_tour_result_box {
	display: flex;
	align-items: center;
	justify-content: center;
}

.recommend_tour_result_box .recommend_tour_question_title{
	margin: 0;
	border: none;
}

.recommend_tour_answer_list {
    display: flex;
    align-items: center;
    color: #111;
    font-size: 20px;
    margin-bottom: 28px;
}

.recommend_tour_answer_list:last-child {
    margin-bottom: 0;
}

.recommend_tour_answer_list input {
    margin-right: 10px;
}

.recommend_tour_answer_list input[type='radio'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    outline: none;
    cursor: pointer;
    background-color: #fff;
    border: 7px solid white;
    box-shadow: 0 0 0 1px #888;
}

.recommend_tour_answer_list input[type='radio']:checked {
    border: 7px solid #fff;
    background-color: #111;
}

.btn_box{
	display: flex;
	justify-content: center;
	margin: 60px auto 0 auto;
}

.prev_btn {
    width: 180px;
    height: 50px;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 50px;
    border: 1px solid #DC3E26;
    color: #DC3E26;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    margin-right:20px;
}

.prev_btn:hover {
    cursor: pointer;
    opacity: 0.9;
}

.next_btn {
    width: 180px;
    height: 50px;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 50px;
    background: #DC3E26;
    color: #FFF;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
}

.next_btn:hover {
    cursor: pointer;
    opacity: 0.9;
}

.recommend_tour_question_ex {
    margin-top: 20px;
}

@media screen and (max-width:1024px) {
    .recommend_tour_question_box {
        width: fit-content;
        padding: 30px;
    }

    .recommend_tour_question_contents {
        width: fit-content;
        margin: 0 auto;
    }

    .recommend_tour_question_step_line {
        width: 50px;
    }

    .recommend_tour_question_step_arrow {
        left: 0px;
        width: 60px;
        background-position: right;
    }
}

@media screen and (max-width:768px) {
    .recommend_tour_question_title {
        margin: 20px 0;
        font-size:1rem;
    }
	.recommend_tour_answer_list{
		font-size:0.9rem;
		margin-bottom: 12px;
	}

	.btn_box{
		margin: 30px auto 0 auto;
		flex-direction: column;
		align-items: center;
	}
	.prev_btn{
		margin-right: 0;
		margin-bottom: 20px;
	}
    .next_btn {/*margin: 20px auto 0 auto;*/}

}

@media screen and (max-width:600px) {
    .recommend_tour_question_step_line {
        width: 15px;
    }

    .recommend_tour_question_step_arrow {
        width: 35px;
    }

    .recommend_tour_question_step_box {
        justify-content: center;
    }
}

/*추천여행지_결과*/
/*
.recommend_tour_banner {
    background: url(/images/recommend_tour_banner.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
*/

/*추천여행지_결과*/
.mypage_test_propensity_day_box{
    margin-bottom:40px;
}
.recommend_result_contents {
    width: 100%;
    border-bottom: 1px solid #ccc;
    padding-bottom: 100px;
    margin-bottom: 80px;
}

.test_propensity_result_title {
    color: #111;
    text-align: center;
    font-family: "Gmarket Sans";
    font-size: 36px;
    font-weight: 500;
    line-height: 48px;
}

.test_propensity_result_mg_b {
    margin-bottom: 20px;
    font-size: 32px;
}

.font_green {
    color: #DC3E26;
    font-weight: 700;
    padding-bottom: 2px;
    border-bottom: 2px solid #DC3E26;
}

.test_propensity_result_img {
    width: fit-content;
    margin: 60px auto;
}

.test_propensity_result_img img {
    width: 100%; height: 100%;
    object-fit: cover;
}

.test_propensity_result_txt_box {
    text-align: center;
}

.test_propensity_result_ex {
    color: #555;
    font-size: 18px;
    margin-bottom: 12px;
}

.test_propensity_result_point_txt {
    color: #111;
    font-size: 24px;
    font-weight: 600;
}

.test_propensity_result_point_mid_txt {font-size: 20px;margin-top:50px;}

.test_propensity_result_personality {
    color: #111;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    text-align: center;
    margin-top: 50px;
}

.test_propensity_result_personality .point {
    color: #DC3E26;
    font-size: 20px;
    font-weight: 600;
}

.test_propensity_result_recommend {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 738px;
    height: 130px;
    padding: 54px 30px; box-sizing: border-box;
    color: #222;
    text-align: center;
    font-size: 18px;
    border-radius: 15px;
    margin: 50px auto 70px auto;
    background: rgba(252, 247, 231, 0.69);
}

.result_back_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 180px;
    height: 48px;
    color: #555;
    font-size: 18px;
    border-radius: 66.572px;
    border: 1px solid #999;
    background: #F8F8F8;
    margin: 0 auto;
}

.result_back_btn:hover {
    cursor: pointer;
    background: #ddd;
}

.result_back_btn_icon  {
    width: 12px; height: 15px;
    background: url(/images/icon/result_back_btn_icon.svg);
    margin-right: 15px;
}

@media screen and (max-width:800px) {
    .test_propensity_result_recommend {
        width: 100%;
        height: unset;
    }
}

@media screen and (max-width:600px) {
    .test_propensity_result_recommend {
        padding: 30px;
        margin: 30px auto;
    }

    .recommend_result_contents {
        padding-bottom: 50px;
        margin-bottom: 50px;
    }
    .test_propensity_result_title{
        font-size:28px;
        word-break: keep-all;
    }
}

.main_product_title {
    color: #333;
    text-align: center;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 40px;
}

.slide_contents_wrap {
    position: relative;
}

.slide_contents_wrap .noproduct {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
}

/*슬라이드_이전다음버튼*/
.slide_arrow {
    position: absolute;
    top: 50%;
    margin-top: -25px;
    width: 32px;
    height: 51px;
    cursor: pointer;
    z-index: 99999;
}

.slide_arrow_prev {
    left: -92px;
    background: url(/images/icon/slide_arrow_prev.svg);
}

.slide_arrow_next {
    right: -92px;
    background: url(/images/icon/slide_arrow_prev.svg);
    rotate: 180deg;
}

.slide_contents_box {
    overflow: hidden;
}

.slide_contents {
    width: 1430px;
    /*margin-left: -15px;*/
    display: flex;
    flex-wrap: nowrap;
}

.slide_contents_list {
    /*width: calc(25% - 22.5px);*/
    /*margin: 15px;*/
    cursor: pointer;
    box-sizing: border-box;
}

@media screen and (max-width:1700px) {
    .slide_arrow {
        top: unset;
        bottom: -50px;
        margin-top: 0;
    }

    .slide_arrow_prev {
        left: unset;
        right: 75px;
    }

    .slide_arrow_next {
        right: 15px;
    }
}

@media screen and (max-width:1430px) {
    .slide_contents {
        width: calc(100% + 30px);
    }
}

@media screen and (max-width:768px) {
    .slide_contents {
        width: calc(200% + 55px);
    }
}

@media screen and (max-width: 600px) {
    .main_product_title {
        font-size: 24px;
        margin-bottom: 30px;
    }

    .slide_contents {
        width: calc(400% + 115px);
    }

    .slide_arrow {
        bottom: 10px;
    }
}

/*커뮤니티*/
.community_banner {
    background: url(/images/community_banner.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.gallery_view_contents_title_like {
    display: flex;
    justify-content: space-between;
}

.gallery_view_contents_title_like .like_btn, .gallery_view_contents_title_like .like_number {
    margin-top: 0;
}

.gallery_view_contents_title {
    color: #111;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 12px;
}

.gallery_view_contents_day_box {
    color: #666;
}

.gallery_view_contents_name {
    margin-left: 10px;
}

.gallery_view_contents {
    border-top: 1px solid #111;
    border-bottom: 1px solid #111;
    padding-top: 40px;
    margin: 30px 0 60px 0;
}
.gallery_view_contents img{
    max-width:100%;
    height:unset;
}
.gallery_view_img img {
    width: 100%; height: auto;
}

.gallery_view_txt {
    color: #111;
    padding: 40px 0 160px 0;
}

.file_box {
    display: flex; align-items: center;
    font-size: 0;
    line-height: 16px;
    padding: 20px 0;
    border-top: 1px solid #D9D9D9;
}

.file_box .file_item{
    display: inline-block;
    font-size: 16px;
    padding: 0 12px 0 0;
    border-right: 1px solid #111;
    color: #111;
    font-weight: 700;
}

.file_box .file_item:last-child {
    border: none;
    padding: 0 0 0 12px;
}

.file_name_box {
    display: flex;
    align-items: center;
    margin: 10px 0;
}

.file_name {
    color: #666;
    font-weight: 400;
}

.file_icon {
    width: 22px; height: 22px;
    background: url(/images/icon/file_icon.svg);
    margin-left: 15px;
    cursor: pointer;
}






/*여행후기*/
.review_write_box {
    overflow: hidden;
    margin-bottom: 20px;
}

.review_write_box .common_btn {
    float: right;
}

.review_list_box {
    display: grid;
    grid-template-columns: repeat(3, calc(33.3% - 22px));
    grid-column-gap: 33px;
    grid-row-gap: 60px;
}

.review_list {
    cursor: pointer;
}

.review_list:hover .review_list_img img {
    transform: scale(1.1);
}

.review_list_img {
    width: 100%;
    height: 445px;
    overflow: hidden;
}

.review_list_img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s;
}

.review_list_txt_box {
    padding: 20px;
    border: 1px solid #D9D9D9;
    border-top: none;
}

.review_list_title {
    height: 56px;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.review_list_ex {
    height: 48px;
    color: #555;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    margin: 10px 0;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.like_btn_box_name_box {
    display: flex;
    justify-content: space-between;
}

.review_list_name_day {
    margin-top: 20px;
    text-align: right;
    color: #555;
    font-weight: 300;
}

.review_list_name {
    color: #222;
    font-weight: 400;
    margin-bottom: 7px;
}

@media screen and (max-width:1280px) {
    .review_list_img {
        height: 304px;
    }
}

@media screen and (max-width:1024px) {
    .review_list_img {
        height: 220px;
    }
}

@media screen and (max-width:768px) {
    .review_list_box {
        display: grid;
        grid-template-columns: repeat(2, calc(50% - 10px));
        grid-column-gap: 20px;
        grid-row-gap: 60px;
    }

    .review_list_img {
        height: 300px;
    }
    .gallery_view_txt{
        padding-bottom:60px;
    }

}

@media screen and (max-width:600px) {
    .review_list_box {
        display: block;
    }

    .review_list_img {
        height: unset;
        max-height: 445px;
    }

    .review_list {
        margin-bottom: 50px;
    }
    .gallery_view_contents_title_like{
        flex-direction: column;
    }
    .gallery_view_contents_title_like .like_btn_box{
        margin-top:20px;
    }
}

/*여행후기 뷰페이지*/
.writing_view_contents {
    margin-top: 88px;
}

.common_line_box {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 56px 20px;
	border: 1px solid #222;
	box-sizing: border-box;
	text-align: center;
	color: #222;
	margin-bottom: 40px;
}

.qna_write_table {
    border-collapse: collapse;
    width: 100%;
    border-top: 1px solid #888888;
    margin-bottom: 40px;
}

.qna_write_table td {
    padding: 40px 0;
    border-bottom: 1px solid rgba(136, 136, 136, 0.53);
}

.graph_title {
    color: #222;
    font-family: Pretendard;
    font-size: 18px;
    font-weight: 500;
    margin-right: 10px;
}

.group_select_typeA {
    width: 430px;
    height: 40px;
    background-color: #FFFFFF;
}

.group_select_typeA select {
    width: 100%;
    height: 100%;
    border: 1px solid #CCC;
    color: #666666;
    font-family: Pretendard;
    font-size: 16px;
    padding-left: 10px;
    padding-right: 25px;
    appearance:none;
    background:url('/images/icon/i_drop.svg') no-repeat right 18px center;
}

.group_title {
    width: 100%;
    height: 40px;
    border: 1px solid #CCC;
    color: #666;
    font-family: Pretendard;
    font-size: 16px;
    font-weight: 400;
    padding-left: 10px;
    box-sizing: border-box;
}

.table_list_border_n td {
    border: none;
    padding-bottom: 20px;
}

.table_list_last td {
    padding-top: 0;
}

.table_list_last .graph_title {
    vertical-align: top;
    line-height: 40px;
    word-break: keep-all;
}

.inquiry_input_box {
    padding: 10px 0 10px 10px;
}

.inquiry_input {
    width: 100%;
    height: 248px;
    box-sizing: border-box;
    padding: 10px;
    border: 1px solid #CCC;
    background: #FFF;
    color: #666;
    font-family: Pretendard;
    font-size: 16px;
    font-weight: 400;
    resize: none;
}

.img_attach_btn {
    width: 180px;
    height: 40px;
    background: #222;
    border-radius: 5px;
    color: #FFF;
    text-align: center;
    font-weight: 600;
    line-height: 40px;
    cursor: pointer;
}

.graph_title_flie {
    vertical-align: top;
}

.file_name_delete_box {
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.file_name_delete_line {
    width: 1px; height: 12px;
    border-left: 1px solid #666;
    margin: 0 8px;
}

.file_name_delete {
    color: #E74133;
}

@media screen and (max-width:768px) {
    .group_select_typeA  {
        width: 100%;
    }
    .file_box{
        flex-direction: column;
        align-items: normal;
    }
    .file_box .file_item{
        border-right:none;
    }
    .file_name_box {
        justify-content: space-between;
    }
    .file_box .file_item:last-child{
        padding:0;
    }
    .gallery_view_img{
        margin:0;
        max-width:unset;
        width:100%;
    }
    .gallery_view_txt{
        padding-top:20px;
    }
}

@media screen and (max-width:600px) {
    .writing_view_contents {
        margin-top: 50px;
    }

    .qna_write_table tr {
        border-bottom: 1px solid #ccc;
    }

    .qna_write_table td {
        width: 100%;
        display: block;
    }

    .qna_write_table td {
        padding: 15px 0;
        border: none;
    }

    .qna_write_table .graph_title {
        padding: 15px 0 0 0;
    }
}

/*공지사항*/
.select_search_long {
    width: 100%;
}

.list_all_number {
    color: #666;
}
.board_table {
    border-collapse: collapse;
    width: 100%;
    margin-top: 12px;
    table-layout: fixed;
    border-top: 1px solid #333;
}

.board_table tbody tr:last-child {
    border-bottom: 1px solid #333;
}

.pet_board_table {
    border-collapse: collapse;
    width: 100%;
    margin-top: 12px;
    table-layout: fixed;
    border-top: 1px solid #333;
}

.board_table_mg_b {
    margin-bottom: 20px;
}

.pet_table_no {
    width: 30px;
    padding: 20px 10px;
}

.pet_board_table tbody tr {
    border-bottom: 1px solid #D9D9D9;
    height: 56px;
    text-align: center;
}

.pet_board_table tbody tr:last-child {
    border-bottom: 1px solid #333;
}

.table_title_name {
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break:break-all;
    overflow: hidden;
    table-layout: fixed;
    line-height: 55px;
    padding: 0 30px;
    cursor: pointer;
}

.table_title_name a {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break:break-all;
    overflow: hidden;
}

.table_day {
    width: 110px;
    padding: 0 10px;
}

@media screen and (max-width:600px) {
    .pet_board_table {
        margin-bottom: 40px;
    }

    .table_title_name {
        padding-right: 10px;
    }

    .table_day {
        display: none;
    }
}

/*공지사항_뷰페이지*/
.view_contents_box {
    box-sizing: border-box;
    border-top: 1px solid #333;
    border-bottom: 1px solid #aaa;
    color: #111;
    line-height: 26px;
    margin: 30px 0 60px 0;
}

.view_contents {
    padding: 40px 0;
    min-height: 400px;
}

@media screen and (max-width:600px) {
    .view_contents {
        min-height: 200px;
    }
}

/*반려동물 오픈마켓*/
.open_market_banner {
    background: url(/images/open_market_banner.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.detail_big_img .detail_img {
    width: 500px;
    height: 500px;
    margin-right: 60px;
    overflow: hidden;
}

.detail_big_img .detail_img img {
    width: 100%; height: 100%;
    object-fit: cover;
}

.detail_big_img_title_box .detail_title {
    width: 100%;
}

.detail_price_bold {
    color: #111;
    font-size: 24px;
    font-weight: 600;
    margin-top: 40px;
}

.store_info_box {
    margin-top: 196px;
}

.store_info {
    padding: 20px 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    margin-bottom: 20px;
    color: #222;
}

.store_bye_btn {
    display: block;
    width: 100%;
    height: 50px;
    padding: 16px 0;
    box-sizing: border-box;
    border-radius: 5px;
    background: #DC3E26;
    color: #FFF;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
}

.detail_product_img {
    padding: 0 240px;
    margin-top: 100px;
}

.detail_product_img img {
    width: 100%; height: auto;
}

@media screen and (max-width:1024px) {
    .detail_product_img {
        padding: 0 50px;
    }
}

@media screen and (max-width:768px) {
    .detail_big_img {
        margin: 0 auto;
        margin-bottom: 50px;
    }

    .place_detail_img {
        margin-right: 0;
        margin-bottom: 30px;
    }

    .detail_big_img .detail_img {
        margin-right: 0;
    }

    .detail_product_img {
        padding: 0;
        margin-top: 50px;
    }

    .store_info_box {
        margin-top: 50px;
    }
}

@media screen and (max-width:600px) {
    .place_detail_img {
        width: 100%;
        height: auto;
    }
    .detail_big_img .detail_img {
        width: 100%; height: auto;
    }
}

/*마이페이지_회원정보수정*/
.retouch_id_pw {
    margin-top: 50px;
}

.retouch_id_pw_title {
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 50px;
}

.retouch_login_pw {
    display: flex;
    align-items: center;
    padding: 20px 25px;
}

.retouch_login_pw_box {
    width: 574px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin: 0 auto;
    margin-bottom: 50px;
}

.retouch_login_id {
    display: flex;
    align-items: center;
    padding: 20px 25px;
    border-bottom: 1px solid #ccc;
}

.retouch_title {
    width: 56px;
    margin-right: 110px;
    font-family: Pretendard;
    font-weight: 600;
}

.retouch_login_id input {
    width: calc(100% - 56px - 110px);
    height: 50px;
    border: 1px solid #D9D9D9;
    border-radius: 5px;
    background: #FFF;
    padding: 0 15px; box-sizing: border-box;
}

.retouch_eyes_input {
    width: calc(100% - 56px - 110px);
    position: relative;
}

.retouch_eyes_input input {
    width: 100%;
    height: 50px;
    border: 1px solid #D9D9D9;
    border-radius: 5px;
    background: #FFF;
    padding: 0 15px; box-sizing: border-box;
}

.retouch_eyes_input .eyes {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 18px; height: 21px;
    background: url(../images/icon/eyes.svg);
    cursor: pointer;
}


.input_form_box {
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    color: #333;
    font-family: pretendard;
    margin-top: 20px;
}

.input_form_list {
    display: flex;
    align-items: center;
    padding: 20px 0 20px 20px;
    border-bottom: 1px solid #D9D9D9;
}

.input_form_list_boder_n {
    border: none;
}

.input_form_list label {
    display: inline-block;
    width: 101px;
    margin-right: 50px;
    font-weight: 600;
    color: #222;
}

.input_form_list input {
    height: 50px;
    border: 1px solid #D9D9D9;
    background: #FFF;
    box-sizing: border-box;
    padding: 0 16px;
    color: #333;
    font-family: Pretendard;
    font-size: 16px;
    font-weight: 400;
}

.input_id_box {
    display: flex;
}

.input_id {
    width: calc(100% - 130px - 13px);
}

.double_check {
    width: 130px; height: 50px;
    border-radius: 5px;
    background: #222;
    margin-left: 13px;
    text-align: center;
    line-height: 50px;
    color: #FFF;
    font-weight: 600;
}

.double_check:hover {
    cursor: pointer;
    opacity: 0.9;
}

.input_form_list .long {
    width: calc(100% - 105px - 50px);
}

.input_form_list .id_long {
    width: calc(100% - 101px - 50px - 130px - 13px);
}

.input_form_list .password {
    width: 370px;
}

.input_form_list .password input {
    width: 100%;
    padding: 0 40px 0 10px;
}

.eyes_input_box {
    display: flex;
    align-items: center;
}

.eyes_input {
    position: relative;
}

.eyes_input .eyes {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 18px; height: 21px;
    background: url(/images/icon/eyes.svg);
    cursor: pointer;
}

.input_form_list_pw {
    justify-content: space-between;
}

.input_address_box {
    display: flex;
}

.input_address {
    width: 265px;
}

.address_search {
    width: 130px; height: 50px;
    border-radius: 5px;
    background: #373737;
    color: #fff;
    text-align: center;
    line-height: 50px;
    font-weight: 600;
    margin: 0 30px 0 10px;
}

.address_search:hover {
    cursor: pointer;
    background: #ccc;
    color: #333;
}

.input_address_detail {
    width: calc(100% - 265px - 130px - 40px);
}

.input_tel input {
    width: 140px;
}

.input_tel span {
    margin: 0 10px;
}

.email_chk_box {
    display: flex;
    align-items: center;
}

.email_chk {
    margin-right: 10px;
}

.email_mg_r {
    margin-right: 22px;
}

.email_chk[type='radio'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    outline: none;
    cursor: pointer;

    border: 7px solid white;
    box-shadow: 0 0 0 1.6px #DDD;
    padding: 0;
}

.email_chk[type='radio']:checked {
    border: 4px solid #fff;
    background-color: #222;
}

.argee_secession {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
    margin-bottom: 80px;
}

#agree_chk {display: none;}

.agree {
    display: flex;
    align-items: center;
}

.agree_chk {
    width: 24px;
    height: 24px;
    border: 1px solid #333;
    margin-right: 13px;
    position: relative;
    cursor: pointer;
}

.agree_chk_txt {
    color: #444;
}

#agree_chk:checked + label::after{
    content:'✔';
    font-size: 18px;
    width: 24px;
    height: 24px;
    text-align: center;
    position: absolute;
    left: 0;
    top:0;
}

.underline {
    text-decoration: underline;
}

.cancel_member {
    color: #AAA;
    font-weight: 600;
    cursor: pointer;
}

@media screen and (max-width:1120px) {
    .input_form_list_pw {
        display: block;
    }

    .password_mg_b {
        margin-bottom: 10px;
    }

    .input_form_list .password {
        width: calc(100% - 101px - 50px);
    }
}

@media screen and (max-width:1024px) {
    .input_address_box {
        flex-wrap: wrap;
    }

    .input_address_detail {
        width: 100%;
        margin-top: 10px;
    }
}

@media screen and (max-width:768px) {
    .tab_under_contents {
        padding-top: 100px;
    }

    .input_form_box {
        margin-top: 0;
    }

    .input_form_list {
        padding: 20px 0 20px 0px;
    }

    .input_address {
        width: calc(100% - 130px - 10px);
    }

    .address_search {
        margin: 0 0 0 10px;
    }

    .input_tel input {
        width: calc(33.3% - 24px);
    }

    .input_form_list label {
        width: 101px;
        margin-right: 20px;
    }

    .input_form_list .long {
        width: calc(100% - 105px - 20px);
    }

    .input_form_list input {
        padding: 0 10px;
    }

    .input_form_list .id_long {
        width: calc(100% - 101px - 20px - 130px - 13px);
    }

    .input_form_list .password {
        width: calc(100% - 101px - 20px);
    }
}

@media screen and (max-width:600px) {
    .retouch_login_pw_box {
        width: 100%;
    }

    .retouch_title {
        width: 56px;
        margin-right: 20px;
    }

    .retouch_login_id input {
        width: calc(100% - 56px - 20px);
    }

    .retouch_eyes_input {
        width: calc(100% - 56px - 20px);
    }

    .input_form_list {
        display: block;
    }

    .input_form_list label {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 10px;
    }

    .input_form_list .long {
        width: 100%;
    }

    .double_check, .address_search {
        width: 70px;
    }

    .input_id, .input_address {
        width: calc(100% - 70px - 13px);
    }

    .eyes_input_box {
        display: block;
    }

    .input_form_list .password {
        width: 100%;
    }
}

@media screen and (max-width:500px) {
    .argee_secession {
        display: block;
    }

    .cancel_member {
        display: inline-block;
        margin: 20px 0 0 39px;
    }
}

/*마이페이지_나의반려견정보*/
.pet_board_table thead tr{
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
    height: 56px;
    text-align: center;
    font-weight: 600;
}

.table_img {
    width: 175px;
    padding: 20px 150px 20px 130px;
}

.table_img img{
    width: 100%;
}

.mypage_btn {
    width: 180px;
    height: 40px;
    border-radius: 5px;
    background: #222;
    color: #FFF;
    font-weight: 600;
    text-align: center;
    line-height: 40px;
    margin: 0 auto;
    cursor: pointer;
}

.table_btn {
	padding: 20px 0;
    width: 200px;
}

.mypage_btn_mg_b {
    margin-bottom: 10px;
}

.mypage_btn_red {
    background: #E74133;
}

@media screen and (max-width:1024px) {
    .table_img {
        width: 175px;
        padding: 20px;
    }
}

@media screen and (max-width:768px) {
    .table_img {
        display: none;
    }

    .table_btn {
        width: 100px;
    }

    .mypage_btn {
        width: 70px;
        font-size: 15px;
    }

    .table_btn_box {
        padding: 10px 0;
    }
}

@media screen and (max-width:600px) {
    .table_name {
        display: none;
    }

    .table_price {
        display: none;
    }
}

/*마이페이지_나의반려견정보_수정*/
.input_form_info_retouch {
    margin-bottom: 60px;
}

.input_form_info_retouch .input_form_list label {
    width: 70px;
}

.input_form_info_retouch .input_form_list .password {
    width: 500px;
}

.eyes_input_box .group_select_typeA {
    width: 500px;
}

.input_form_info_retouch .email_chk_box {
    width: 500px;
}

.input_form_list_top {
    align-items: baseline;
}

.input_form_list_top .inquiry_input {
    height: 150px;
}

@media screen and (max-width:1400px) {
    .input_form_info_retouch .input_form_list .password {
        width: 370px;
    }

    .eyes_input_box .group_select_typeA {
        width: 370px;
    }

    .input_form_info_retouch .email_chk_box {
        width: 370px;
    }
}

@media screen and (max-width:1120px) {
    .input_form_info_retouch .input_form_list .password {
        width: 100%;
    }

    .eyes_input_box .group_select_typeA {
        width: 100%;
    }

    .input_form_info_retouch .email_chk_box {
        width: 100%;
    }

    .eyes_input_box_chk {
        margin-bottom: 20px;
    }
}

/*마이페이지_나의여행성향결과표*/
.mypage_test_self ul {
    margin-bottom: 60px;
    display: grid;
    grid-template-columns: repeat(3, calc(33.3% - 30px));
    grid-column-gap: 45px;
    grid-row-gap: 40px;
}

.mypage_test_self_list {
    width: 100%; height: 207px;
    background: #F2F2F2;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
}

.mypage_test_self_contents {
    display: flex;
    align-items: center;
}

.mypage_test_self_contents_mg_b {
    margin-bottom: 24px;
}

.mypage_test_self_contents .title{
    width: 75px;
    margin-right: 44px;
}

.mypage_test_self_contents .bold{
    text-align: center;
    font-weight: 600;
}

.mypage_test_self_contents .number {
    display: flex;
    align-items: center;
}

.number_black {
    width: 70px; height: 40px;
    border-radius: 22.251px;
    background: #DC3E26;
    color: #FFF;
    text-align: center;
    line-height: 40px;
    margin-right: 7px;
}

/*더보기_버튼*/
.more_drop_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #444;
    font-size: 16px;
    font-weight: 600;
    width: 120px;
    height: 40px;
    margin: 0 auto;
    cursor: pointer;
    border-radius: 40px;
    border: 1px solid #D9D9D9;
}
.more_drop_btn_icon {
    width: 14px; height: 8px;
    background: url(/images/icon/more_btn.svg);
    margin-left: 10px;
}

@media screen and (max-width: 1024px) {
    .mypage_test_self ul {
        display: grid;
        grid-template-columns: repeat(3, calc(33.3% - 13px));
        grid-column-gap: 20px;
        grid-row-gap: 40px;
    }
}

@media screen and (max-width: 768px) {
    .mypage_test_self ul {
        display: grid;
        grid-template-columns: repeat(2, calc(50% - 13px));
        grid-column-gap: 20px;
        grid-row-gap: 40px;
    }
}

@media screen and (max-width: 600px) {
    .mypage_test_self ul {
        display: block;
    }

    .mypage_test_self_list {
        margin-bottom: 20px;
    }
}

/*마이페이지_나의즐겨찾기*/
.sub_tab_wrap {
    width: fit-content;
    margin: 0 auto;
    margin-bottom: 60px;
}

.sub_tab_box {
    display: flex;
}

.sub_tab_box li {
    width: 200px;
    padding: 14px 20px; box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #D9D9D9;
    text-align: center;
    margin-right: 20px;
    cursor: pointer;
    font-size: 18px;
}

.sub_tab_box li:hover {
    background: #222;
    color: #FFF;
}

.sub_tab_box li:last-child {
    margin: 0;
}

.sub_tab_box .on {
    background: #222;
    color: #FFF;
}

.under_tab_box {
    display: flex;
}

.under_tab_box li {
    width: 240px;
    padding: 9px 20px; box-sizing: border-box;
    border-radius: 20px;
    border: 1px solid #D9D9D9;
    color: #666;
    text-align: center;
    margin-right: 20px;
    cursor: pointer;
    font-size: 18px;
}

.under_tab_box li:hover {
    background: #FFD698;
    border: 1px solid #FFD698;
    color: #111;
    font-weight: 600;
}

.under_tab_box li:last-child {
    margin-right: 0;
}

.under_tab_box .on {
    background: #FFD698;
    border: 1px solid #FFD698;
    color: #111;
    font-weight: 600;
}

.close_x_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 43px;
    background: #E74133;
    margin-top: 20px;
    cursor: pointer;
}

.close_x_btn_icon {
    width: 17px;
    height: 17px;
    background: url(/images/icon/close_x_btn_icon.svg);
}

.like_tag_box {
    min-height: 500px;
    padding-top: 60px;
    border-top: 1px solid #222;
}

.like_tag_list_box {
    display: grid;
    grid-template-columns: repeat(6, calc(16.6% - 18.3px));
    grid-column-gap: 22px;
    grid-row-gap: 20px;
}

.like_tag_list {
    position: relative;
    padding: 3px 35px;
    border-radius: 50px;
    line-height: 35px;
    background: #FFD698;
    text-align: center;
    color: #111;
    font-size: 18px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.like_tag_icon {
    position: absolute;
    top: 6px; right: 6px;
    width: 29px; height: 29px;
    background: url(/images/icon/like_tag_xmark.svg);
}

.like_tag_list.like_tag_plus {
    position: relative; overflow: visible;
    border-radius: 20px;
    border: 1px solid #D9D9D9;
    background: #FFF;
    color: #666;
}

.like_tag_plus .like_tag_icon {
    position: absolute;
    top: 11px; right: 11px;
    width: 19px; height: 18px;
    background: url(/images/icon/like_tag_plus.svg);
}
.tag_input_box {
    position: absolute;
    display: block;
    padding: 15px 15px;
    border-radius: 10px;
    background: #efefef;
    bottom:-100px;
    width:100%;
    box-sizing: border-box;
}
.tag_input_box .tag_input {
    padding: 6px 10px;
    border: 1px solid #C9C9C9;
    border-radius: 10px;
    width:100%;
    box-sizing: border-box;
}
.tag_input_box div{
    display:flex;
    justify-content: space-between;
    align-items: center;
    margin-top:10px;
}
.tag_input_box div button{
    border: none;
    width: 60px;
    border-radius: 10px;
    cursor: pointer;
    width:calc(50% - 5px);
    height:20px;
}
.tag_input_box .tag_add_btn {
    background: #FFD698;
    margin-right:10px;
}
.tag_input_box .tag_cancel_btn {
    background: #f18d8d;
}


@media screen and (max-width: 1024px) {
    .like_tag_list_box {
        display: grid;
        grid-template-columns: repeat(4, calc(25% - 16.5px));
        grid-column-gap: 22px;
        grid-row-gap: 20px;
    }
}

@media screen and (max-width: 768px) {
    .sub_tab_wrap {
        width: 100%;
        margin-bottom: 30px;
    }

    .sub_tab_box li {
        width: calc(33.3% - 6.66px);
        padding: 15px 5px;
        font-size: 16px;
        margin-right:10px;
        font-size:14px;
    }

    .under_tab_box {
        flex-wrap: wrap;
    }

    .under_tab_box li {
        width: calc(50% - 10px);
        margin-bottom: 10px;
    }

    .under_tab_box li:nth-child(2n) {
        margin-right: 0;
    }

    .like_tag_list_box {
        display: grid;
        grid-template-columns: repeat(3, calc(33.3% - 10px));
        grid-column-gap: 15px;
        grid-row-gap: 15px;
    }

    .like_tag_box {
        min-height: unset;
        padding-top:40px;
    }
    .tag_input_box{
        padding:10px 10px;
        bottom:-105px;
    }
    .tag_input_box .tag_input{
        height:40px;
    }
    .tag_input_box .tag_input::placeholder{
        font-size:12px;
    }
    .tag_input_box div button{
        height:30px;
    }
    .like_tag_icon{
        background:url(/images/icon/like_tag_xmark.svg) center center no-repeat;
        background-size:24px 24px;
    }
    .like_tag_list{
        height:43px;
        line-height:43px;
        padding:0 20px;
        box-sizing: border-box;
        font-size:14px;
        text-align: left;
    }
    .like_tag_plus .like_tag_icon{
        background:url(/images/icon/like_tag_plus.svg) center center no-repeat;
        background-size:12px 12px;
    }

}

@media screen and (max-width: 600px) {
    .like_tag_list_box {
        display: grid;
        grid-template-columns: repeat(2, calc(50% - 5px));
        grid-column-gap: 10px;
        grid-row-gap: 10px;
    }
}

@media screen and (max-width: 375px) {
    .viewing_month_box {
        width: 100%;
    }

    .viewing_month_box li {
        width: calc(33.3% - 8.6px);
    }
}

/*마이페이지_예약결제내역*/
.mypage_reservation_list_box {
    margin-top: 12px;
}

.mypage_reservation_list_box .reservation_list_img_box {
    border-top: 1px solid #111;
    border-bottom: none;
}

.mypage_reservation_list_box .reservation_list_img_box:last-child {
    border-bottom: 1px solid #111;
}

.viewing_period_box {
    margin: 80px 0 50px 0;
    display: flex;
    align-items: center;
}

.viewing_period_title {
    color: #222;
    font-size: 15px;
    font-weight: 600;
    margin-right: 20px;
}

.viewing_period_date {
    align-content: center;
    width: 300px;
    height: 40px;
    border-radius: 5px;
    border: 1px solid #D9D9D9;
    background: #F5F5F5;
    color: #222;
    text-align: center;
    font-family: Pretendard;
    font-size: 15px;
}

.viewing_month_box {
    margin-left: 18px;
}

.viewing_month_box li {
    float: left;
    width: 100px;
    height: 40px;
    border-radius: 5px;
    border: 1px solid #222;
    background: #222;
    color: #FFF;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    line-height: 40px;
    margin-right: 10px;
    cursor: pointer;
}

.viewing_month_box li:last-child {
    margin: 0;
}

.table_title_first {
    padding-left: 65px;
}

.mypage_sub_title_box {
    margin-bottom: 80px;
    text-align: center;
    color: #222;
}

.mypage_sub_title {
    font-size: 28px;
    font-weight: 600;
}

.mypage_sub_number {
    margin-top: 20px;
}

.reservation_list_info_same_sheet_name_done {
    margin: 0 0 24px 0;
}

.reservation_list_info_box_pd {
    padding: 20px 30px;
}

.reservation_list_departure_area_box_pd {
    padding: 0;
}

.reservation_list_departure_area_box_pd .reservation_list_departure_area {
    padding: 20px 30px;
}

.reservation_list_departure_area_line {
    border-bottom: 1px solid #D9D9D9;
}

.reservation_list_departure_area .red {
    color: #E74133;
}

@media screen and (max-width: 768px) {
    .viewing_period_box {
        flex-wrap: wrap;
    }

    .viewing_period_date {
        width: 100%;
        margin: 10px 0;
    }

    .viewing_month_box {
        margin-left: 0;
    }
}

/*마이페이지_문의내역*/
.contact_us_write_box {
    overflow: hidden;
    margin: 30px 0 20px 0;
}

.contact_us_write_btn {
    float: right;
    width: 180px;
    height: 40px;
    background: #222;
    color: #FFF;
    text-align: center;
    font-weight: 600;
    line-height: 40px;
}

.contact_us_write_btn:hover {
    cursor: pointer;
    opacity: 0.9;
}

.table_type {
    width: 90px;
    padding: 20px 60px;
    vertical-align: top;
}

.table_title_question {
    text-align: left;
    cursor: pointer;
}

.table_title_question p {
    padding: 20px 0px;
}

.table_write {
    width: 110px;
    padding: 0 10px;
}

.table_status {
    width: 90px;
    padding: 0 10px;
}

.answer_ok {
    color: #DC3E26;
}

@media screen and (max-width: 768px) {
    .table_type {
        width: 90px;
        padding: 20px 10px;
    }

    .table_write {
        display: none;
    }
}

@media screen and (max-width: 430px) {
    .table_type {
        display: none;
    }
}

/*로그인*/
.user_contents {
    margin: 120px auto;
    min-height: 600px;

}
.user_title_box {
    color: #222;
    text-align: center;
    font-size: 18px;
    margin-bottom: 63px;
}

.user_title_box h3 {
    font-weight: 600;
    font-size: 36px;
    margin-bottom: 16px;
}

.login_box {
    width: 477px;
    margin: 0 auto;
}

.login_pw {
    display: flex;
    align-items: center;
}

.user_title {
    width: 56px;
    margin-right: 25px;
    font-weight: 600;
}

.login_pw input {
    width: calc(100% - 56px - 25px);
    padding: 0 15px; box-sizing: border-box;
    height: 50px;
    border: 1px solid #D9D9D9;
    background: #FFF;
    color: #333;
}

.login_pw_mg_b {
    margin-bottom: 20px;
}

.login_btn {
    width: 100%; height: 50px;
    background: #DC3E26;
    color: #FFF;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    line-height: 50px;
    margin: 50px 0 40px 0;
}

.login_btn:hover {
    cursor: pointer;
    opacity: 0.9;
}

.find_join {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.find_box {
    font-size: 0;
    line-height: 17px;
}

.find_box li{
    display: inline-block;
    font-size: 18px;
    padding: 0 12px 0 0;
    border-right: 1px solid #888;
    color: #444;
    cursor: pointer;
}

.find_box li:last-child {
    border: none;
    padding: 0 0 0 12px;
}

.join_box {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-top: -6px;
}

.join_icon {
    width: 9px; height: 16px;
    background: url(/images/icon/join_icon.svg);
    margin-left: 11px;
}

.simple_login {
    text-align: center;
    margin-top: 80px;
    color: #444;
    font-size: 18px;
    font-weight: 600;
}

.sns_box {
    display: flex;
    justify-content: center;
    margin-top: 15px;
}

.naver {
    width: 60px;
    height: 61px;
    background: url(/images/icon/naver.svg);
    cursor: pointer;
}

.kakao {
    width: 60px;
    height: 61px;
    background: url(/images/icon/kakao.svg);
    margin-left: 20px;
    cursor: pointer;
}

.google {
    width: 60px;
    height: 61px;
    background: url(/images/icon/google.svg) no-repeat;
    margin-left: 20px;
    cursor: pointer;
}

@media screen and (max-width:768px) {
    .user_title_box {
        color: #111;
        text-align: center;
        font-size: 18px;
    }
}

@media screen and (max-width:520px) {
    .login_box {
        width: 100%;
    }
}

@media screen and (max-width:600px) {
	.user_contents {
		margin: 60px auto;
	}
    .user_title_box h3 {
        font-size: 28px;
    }

    .user_title_box span {
        display: block;
    }
}

@media screen and (max-width:375px) {
    .find_box li {
        font-size: 16px;
    }
}

/*회원가입*/
.join_complete_box {
    display: none; justify-content: center; align-items: center;
    position: fixed; width: 100%; height: 100%;
    z-index: 999999; background-color: #000000B2;
}

.join_complete_inner_box {
    display: flex; justify-content: center; align-items: center;
    max-width: 900px; width: 100%; max-height: 505px; height: 100%;
    margin: 0 30px; padding: 0 30px; background-color: #FFFFFF;
}
.join_go_login_btn {
    max-width: 246px; width: 100%;  height: 48px;
    font-family: 'Pretendard'; font-size: 18px; font-weight: 600; color: #FFFFFF;
    border-radius: 25px; background-color: #DC3E26; cursor: pointer; outline: none; border: none;
}
.complete_title1 {
    margin-bottom: 35px;
    font-size: 30px; font-weight: 600; color: #222222;
}

.complete_title2 {
    margin-bottom: 50px;
    text-align: center; font-size: 16px; font-weight: 400; color: #222222; line-height: 29px;
}

.email_join_box {
    padding: 0 30px;
}

.email_join_box:hover .email_join {
    cursor: pointer;
    text-decoration: underline;
}

.email_join {
    padding: 45px 90px;
    border: 1px solid #DC3E26;
    color: #DC3E26;
    font-family: Pretendard;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
}

.input_form_box_mg_n {
    margin-top: 0;
}

@media screen and (max-width:430px) {
    .email_join {
        padding: 20px 30px;
        font-size: 16px;
    }
}

/*팝업_쉐도우*/
.shadow{
    position: fixed;left: 0;top: 0;background: rgba(0, 0, 0, 0.50);width: 100%;height: 100vh;display: none;
    z-index: 999999999999;
}

/*회원가입_팝업*/
.popup{
    position: fixed;
    width: 800px;
    left: 50%;top: 50%;
    transform: translate(-50%,-50%);
    padding: 20px; box-sizing: border-box;
    display: none;
    background: #fff;
    z-index: 9999999999999999;
}
.popup .close{
    width: 37px;
    height: 37px;
    background: url(/images/icon/popup_close.svg);
    border: 0;
    position: absolute;
    right: 0px;top: -57px;
    cursor: pointer;
}

.popup_contents {
    height: 500px;
    padding: 10px; box-sizing: border-box;
    overflow-y: scroll;
}

.join_popup_contents {
    padding: 145px 10px; box-sizing: border-box;
    text-align: center;
}

.join_popup_title {
    font-size: 30px;
    font-weight: 600;
}

.join_popup_ex {
    line-height: 24px;
    margin: 30px 0;
}

.join_popup_btn {
    width: 246px;
    height: 48px;
    background: #DC3E26;
    border-radius: 66px;
    color: #FFF;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    line-height: 48px;
    margin: 0 auto;
}

@media screen and (max-width:800px) {
    .popup {
        width: calc(100% - 30px);
    }

    .popup_contents {
        height: 400px;
    }

    .popup_ex_txt {
        padding: 10px;
    }
}

@media screen and (max-width:600px) {
    .join_popup_contents {
        padding: 75px 10px;
    }

    .join_popup_title {
        font-size: 24px;
    }
}

@media screen and (max-width:340px) {
    .join_popup_btn {
        width: 100%;
    }
}

/*개인정보처리방침, 이용약관*/
.terms_wrap {
    margin-top: 120px;
    margin-bottom: 120px;
}

.terms_title {
    color: #333;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 100px;
}

.terms_sub_title {
    color: #222;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
}

.terms_txt {
    color: #222;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.terms_list {
    margin-bottom: 30px;
}

@media screen and (max-width:600px) {
    .terms_wrap {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .terms_title {
        text-align: left;
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 40px;
    }

    .terms_sub_title {
        font-size: 16px;
    }

    .terms_txt {
        font-size: 14px;
        line-height: 20px;
    }
}

/*######### min ###########*/
/*@media screen and ( width > 768px ) {*/
/*    .tab_box li:first-child {*/
/*        display: none;*/
/*    }*/
/*}*/