@charset "UTF-8";

.route {position:absolute;z-index:10;top:60px;left:50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);width: calc(100% - 40px);max-width:1280px;display: flex;}
.route_home {display:inline-block;margin-right:5px;}
.route_txt {font-size: 15px;font-weight: 400;color: #fff;}
.route_txt li {display: inline-block;}
.route_txt li:before {content:"|";font-size:0.9em;color:#FFFFFF;margin:0 7px;}

/* 배너 스타일 */
.sub-banner {overflow:hidden; width: 100%; height: 625px;}
.sub-banner-list {list-style:none;padding:0;margin:0;}
.sub-banner-item {width:100%;overflow:hidden;}
.sub-banner-image {width:100%;height:100%;object-fit:cover;}
.sub-banner-image.mobile {display:none;}
.sub-banner.facility {height: 300px;}
.sub-banner.community {height: 300px;}

.sub-banner .sub-banner-plaintext {position: relative;top: -50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width: calc(100% - 40px); max-width:1280px;margin:0 auto;z-index:1;word-break: keep-all;}
.sub-banner .sub-banner-plaintext .sub-banner-text {text-align: center;}
.sub-banner .sub-banner-plaintext .sub-banner-text .text-top {font-family: "Pretendard";color: #FFFFFF;font-size: 28px;font-weight: 500;}
.sub-banner .sub-banner-plaintext .sub-banner-text .text-mid {font-family: "Pretendard";color: #FFFFFF;font-size: 1.5rem;margin-top: 30px;line-height: 1.75;font-weight:400;}
.sub-banner .sub-banner-plaintext .sub-banner-text .text-bot {font-family: "Pretendard";color: #FFFFFF;font-size: 1.5rem;margin-top: 20px;line-height: 1.75;font-weight:400;}
.sub-banner .sub-banner-link:hover {cursor:pointer;}
.sub-banner.facility .sub-banner-plaintext .sub-banner-text .text-top {font-family: "Pretendard";color: #FFFFFF;font-size: 28px;font-weight: 500;}

.tab {position: relative;margin-top:50px;height:55px;overflow-y:hidden;overflow-x:auto;white-space:nowrap;scrollbar-width: none;}
.tab-list {height: 51px; border-bottom: 1px solid #cccccc;font-size: 22px;line-height: 36px;width:fit-content;min-width:100%;}
.tab-list .tab-item {display: inline-block;color: #888;padding: 0 10px 13px;margin-right: 60px;cursor: pointer;}
.tab-list .tab-item:last-child {margin-right:0;}
.tab-list .tab-item.on {color:#111111;font-weight:700;border-bottom: 5px solid #111111;}
.tab-list .tab-item:hover {color:#222222;font-weight:700;cursor: pointer;}

.tab-content {display:none;}
.tab-content.on {display:block;}

.pager {display: flex;list-style:none;padding:50px 0;justify-content:center;align-items: center;}
.pager-icon {cursor: pointer;height:40px;width:25px;}
.pager-icon.prev {background:url("/images/jhorse/icon/pager_prev.svg") center no-repeat;}
.pager-icon.prev:hover {background-image:url("/images/jhorse/icon/pager_prev_on.svg");}
.pager-icon.next {background:url("/images/jhorse/icon/pager_next.svg") center no-repeat;}
.pager-icon.next:hover {background-image:url("/images/jhorse/icon/pager_next_on.svg");}
.pager_number {margin: 0 20px;color: #888;font-size: 16px;font-weight: 400;line-height: 40px;}
.pager_number .current-page {color: #222;font-weight: 600;}

@media screen and (max-width:1024px) {
    .tab-list {min-width:calc(100% - 20px)};
}

@media screen and (max-width:768px) {
    .route {display:none;}
    .sub-banner { height: 400px;}
    .sub-banner-plaintext {width: calc(100% - 30px);}
    .sub-banner-plaintext .sub-banner-text .text-top {font-size: 2.25rem;}
    .sub-banner-plaintext .sub-banner-text .text-mid {font-size: 1.25rem;margin-top: 10px;}
    .sub-banner-plaintext .sub-banner-text .text-bot {font-size: 1.25rem;margin-top: 5px;}

    .tab-list {margin-right:15px;min-width:calc(100% - 15px)}
}

@media screen and (max-width:480px) {
    .sub-banner-image.mobile {display:block;}
    .sub-banner-image.pc {display:none;}
    .sub-banner-plaintext .sub-banner-text .text-top {font-size: 2rem;}
    .sub-banner-plaintext .sub-banner-text .text-mid {font-size: 1.1rem;margin-top: 8px;}
    .sub-banner-plaintext .sub-banner-text .text-bot {font-size: 1.1rem;margin-top: 4px;}
}

/* 클럽 소개 */
.philosophy {padding: 150px 0;width: 100%;background: #F9F9F9;}
.philosophy_contents {display: flex;flex-wrap: nowrap;justify-content: space-between;}
.philosophy_img {width: calc(100% - 630px - 70px);}
.philosophy_img img {width: 100%; height: auto;}
.philosophy_txt_box {position: relative;width: 630px;}
.philosophy_title {color: #222;font-size: 40px;font-weight: 700;}
.philosophy_point_txt {color: #965841;font-size: 24px;font-weight: 600;margin: 60px 0 35px 0;}
.philosophy_ex {color: #333;font-size: 18px;line-height: 28px;}
.philosophy_ex .mg_b {margin-bottom: 30px;}
.philosophy_ci_download {position: absolute;top: 0; right: 0;width: 200px;height: 48px;border: 1px solid #222;color: #222;text-align: center;font-weight: 600;line-height: 48px;}
.philosophy_ci_download:hover {text-decoration: underline;cursor: pointer;}


@media screen and (max-width:1024px) {
    .philosophy_txt_box {width:450px;}
    .philosophy_img {width: calc(100% - 480px);}
}

@media screen and (max-width:768px) {
    .philosophy {padding-top: 50px;}
    .philosophy_contents {flex-wrap: wrap;}
    .philosophy_img {width: 100%;margin-bottom: 24px;}
    .philosophy_txt_box {width: 100%;}
    .philosophy_title {font-size: 26px;}
    .philosophy_point_txt {font-size: 20px;margin: 28px 0 20px 0;}
    .philosophy_ex {font-size: 15px;line-height: 21px;}
    .philosophy_ex .mg_b {margin-bottom: 27px;}
    .philosophy_ci_download {top: unset;bottom: -66px; right: 50%;margin-right: -79px;width: 158px;height: 38px;line-height: 38px;}
}

/* 코치 및 프로그램 소개 */
.coach_staff {padding: 141px 0 162px 0;}
.jhorse_info_title {color: #222;text-align: center;font-size: 40px;font-weight: 700;line-height: 56px;margin-bottom: 90px;word-break: keep-all;}
.coach_staff_list {position: relative;overflow: hidden;}
.coach_staff_list:hover .coach_staff_text {opacity: 0.9;}
.coach_staff_list .coach_staff_img {width:100%;height: 100%;-webkit-filter: brightness(0.4);filter:brightness(0.4);}
.coach_staff_list.on .coach_staff_img {-webkit-filter:unset;filter:unset;}
.coach_staff_list .coach_staff_img img {width:100%;height: 100%;object-fit: cover;}
.coach_staff_text {opacity: 0;position: absolute;top: 0; left: 0;width: 100%;height: 100%;padding: 52px 20px 20px 48px; box-sizing: border-box;background: #965841;color: #fff;transition: all 0.3s;}
.coach_staff_name {color: #FFF;font-size: 20px;font-weight: 600;margin-bottom: 22px;}
.coach_staff_record {color: #FFF;font-size: 18px;line-height: 32px;}
.coach-list {position: relative;}
.coach-list-guide {display: block;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width: calc(100% - 40px); max-width:1440px; margin-left:MAX(MIN(calc((100% - 1280px)/2) - 80px, 240px), 20px);z-index:1;}
.coach_staff_left_arrow {float:left;cursor: pointer;opacity:0.8;}
.coach_staff_left_arrow:hover {opacity:1;}
.coach_staff_right_arrow {float:right;cursor: pointer;opacity:0.8;}
.coach_staff_right_arrow:hover {opacity:1;}
.swiper-button-disabled {display:none;}

.program_info {padding-bottom: 140px;padding-top: 100px;]}
.program_info_wrap ul {overflow: hidden;}
.program-list {display: grid; grid-template-columns: repeat(4, 23.5%); grid-column-gap: 2%;grid-row-gap: 40px;}
.program-list-item {aspect-ratio: 6/5;}
.program_info_list_img_box {position: relative;}
.program_info_list_img {width:100%;height:100%;}
.program_info_list_img img {display:block; width: 100%; height: 100%; object-fit: cover;}
.program_info_list_black {opacity: 0;position: absolute;top: 0; left: 0;width: 100%; height: 100%;background: rgba(0, 0, 0, 0.60);transition: all 0.3s;}
.program-list-item:hover .program_info_list_black {opacity: 1;}
.program_info_list_look_btn {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);padding: 10px 15px;font-size: 16px;font-weight: 600;border: 1px solid #FFF;color: #FFF;}
.program_info_list_look_btn:hover {cursor:pointer;text-decoration: underline;}
.program_info_list_name {margin-top: 14px;color: #222;font-size: 20px;line-height: 26px;}

.way_to_come_title {color: #FFF;font-size: 32px;font-weight: 700;margin-bottom: 36px;}
.way_to_come {width: 100%;padding: 94px 0;background: url('/images/jhorse/way_to_come_bg.png');color: #fff;}
.way_to_come_address_transport {font-size: 0;line-height: 18px;font-weight: 400;margin-bottom: 26px;}
.way_to_come_address_transport li {display: inline-block;font-size: 18px;}
.way_to_come_address_transport .address {border-right: 1px solid #FFF;padding-right: 18px;margin-right: 18px;}
.way_to_come_map {height: 300px;}

.kakao-map-info {padding:10px 20px 10px 10px;font-size:15px;}
.kakao-map-info .head_tooltip {margin-bottom:10px;}
.kakao-map-info a {text-decoration:none;color:#000;}
.kakao-map-info p {margin:0;font-size:13px;color:#222;}
.kakao-map-info .addInfoAddr {color:#919191;font-size:12px;}
.kakao-map-info .zipcode {margin-right:10px;}
.kakao-map-info .phone {color:#288756;}

@media screen and (max-width:1024px) {
    .program-list {grid-template-columns: repeat(3, 32%); grid-column-gap: 2%;grid-row-gap: 30px;}
    .way_to_come {padding:70px 0;}
}

@media screen and (max-width:768px) {
    .coach_staff {padding: 37px 0 50px 0;}
    .jhorse_info_title {font-size: 20px;line-height: 28px;margin-bottom: 30px;}
    .coach_staff_left_arrow {display: none;}
    .coach_staff_right_arrow {display: none;}
    .program-list {grid-template-columns: repeat(2, 48%); grid-column-gap: 4%;grid-row-gap: 20px;}
    .way_to_come {padding:50px 0;}
    .way_to_come_title {font-size: 21px;}
    .way_to_come_address_transport .address {border-right: none;padding-right: 0px;margin-right: 0px;}
    .way_to_come_address_transport li {font-size: 15px;}
}

@media screen and (max-width:480px) {
    .program-list {grid-template-columns: 100%; grid-column-gap: 0;grid-row-gap: 20px;}
}



/* 시설소개 */

.facility-info {display:none;position: relative;margin-top:80px;margin-bottom:150px;}
.facility-info.on {display:block;}
.facility-info .facility_title {color: #965841;font-size: 24px;line-height: 28px;font-weight: 600;margin-bottom: 40px;}
.facility-info .facility_ex {color: #333;font-size: 18px;line-height: 28px;font-weight: 400;margin-bottom: 45px;}
.facility-image-list {display: grid; grid-template-columns: repeat(3, 31%); grid-column-gap: 3.5%;grid-row-gap:50px;padding-bottom:50px;}
.facility-image-list .facility_list {width: 100%;aspect-ratio: 8/7;}
.facility-image {width: 100%;height:100%;object-fit: cover;}
.load-more {text-align: center;margin:10px auto;}
.more_btn {width: 165px;height: 48px;margin: 0 auto;border: 1px solid #AAA;color: #222;font-size: 16px;font-weight: 600;background-color: transparent;}
.more_btn:hover {cursor:pointer;border-color:#222222;background-color:#222222;color:#FFFFFF; }

.modal-content {background-color:transparent;border-radius:0;}
.modal-body {background-color:#FFFFFF;padding:40px;}
.popup_arrow {position:absolute;top:50%;opacity:0.5;}
.popup_arrow:hover {cursor:pointer;opacity:1;}
.popup_arrow img {width:100%;height:100%;object-fit:contain;}
.popup_arrow.left {left:0;}
.popup_arrow.right {right:0;}
.btn-close {width: 25px;height:25px; background:url("/images/jhorse/icon/x-mark.svg") center no-repeat transparent;border:none;}

@media screen and (max-width:768px) {
    .facility-image-list {grid-template-columns: repeat(2, 48%); grid-column-gap: 4%;grid-row-gap:40px;}
    .modal-body {padding:35px 20px;}
    .popup_arrow {width:45px;height:45px;}
}

@media screen and (max-width:480px) {
    .facility-image-list {grid-template-columns: 100%; grid-column-gap: 0;grid-row-gap:30px;}
    .modal-body {padding:30px 15px;}
    .popup_arrow {width:40px;height:40px;}
}




.information_use {width: 740px;margin: 100px auto;}
.information_use_item {width: 100%;height: 100px;border-radius: 16px;border: 1px solid #CCC;background: #FFF;margin-bottom: 20px;padding: 10px 50px; box-sizing: border-box;display: flex;flex-wrap: nowrap;}
.information_use_title {overflow: hidden;margin-right: 25px;}
.information_use_title_icon {height: 40px;width:110px; padding:20px 30px 20px 80px;line-height: 40px;color: #333;font-size: 18px;font-weight: 700;}
.information_use_title_icon.time {background:url("/images/jhorse/icon/information_time.svg") 0 50% no-repeat;}
.information_use_title_icon.tel {background:url("/images/jhorse/icon/information_tel.svg") 0 50% no-repeat;}
.information_use_title_icon.facility {background:url("/images/jhorse/icon/information_facility.svg") 0 50% no-repeat;}
.information_use_title_icon.account {background:url("/images/jhorse/icon/information_account.svg") 0 50% no-repeat;}
.information_use_ex {color: #333;font-size: 18px;line-height: 40px;}
.information_use_time {color: #333;font-size: 18px;font-weight: 400;line-height: 20px;}
.information_use_time_mg_r {margin-right: 47px;}
.information_use_time .point {color: #965841;margin-right: 11px;}
.closed_day {color: #444;margin-top: 9px;}
.information_use_txt_box {margin-top: 10px;overflow: hidden;}
.information_exclamation {padding-left:28px;background:url("/images/jhorse/icon/information_exclamation.svg") 0 50% no-repeat;color: #333;line-height: 21px;}
.information_exclamation .point {font-weight: 700;}

@media screen and (max-width:768px) {
    .information_use {margin-top: 30px;width: 100%;}
    .information_use_title {width: 100%;}
    .information_use_title_icon {padding-top:0;padding-bottom:0;}
    .information_use_item  {flex-wrap: wrap;height: unset;padding: 20px 20px 10px;margin-bottom: 10px;}
    .information_use_time_mg_r {margin-bottom: 5px;}
    .closed_day {margin-top: 12px;}
    .information_use_item p {margin:10px 0;}
}

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

    .information_use_ex {
        line-height: 28px;
    }
}




.board_list_contents {margin-top: 85px;margin-bottom: 80px;}
.board_number_search {display: flex;flex-wrap: nowrap;justify-content: space-between;}
.board_number {color: #333;font-size: 16px;font-weight: 400;line-height: 33px;}
.board_search_bar {position: relative;float: left;width: 324px; height: 33px;padding: 0 10px; box-sizing: border-box;border: 1px solid #CCC; box-sizing: border-box;background: #FFF;}
.board_search_text {width: 270px; height: 31px;border: none;outline: none;}
.board_search_bar input::-ms-clear,
.board_search_bar input::-ms-reveal {display:none;width:0;height:0;}
.board_search_bar input::-webkit-search-decoration,
.board_search_bar input::-webkit-search-cancel-button,
.board_search_bar input::-webkit-search-results-button,
.board_search_bar input::-webkit-search-results-decoration {display:none;}
.board_search_icon {position: absolute;right: 10px; top: 6px;cursor: pointer;}

/*게시판_리스트*/
.board_table {border-collapse: collapse;width: 100%;margin-top: 10px;margin-bottom: 90px;table-layout: fixed;border-top: 1px solid #ccc;}
.board_table_mg_b {margin-bottom: 20px;}
.board_table thead tr{border-top: 1px solid #333;border-bottom: 1px solid #ccc;height: 64px;text-align: center;color: #333;}
.table_no {width: 30px;padding: 0 22px;}
.board_table tbody tr{border-bottom: 1px solid #ccc;height: 64px;text-align: center;color: #333;}
.board_table tbody tr:hover{background-color:#FAFAFA;cursor: pointer;}
.table_title_name {text-align: left;text-overflow: ellipsis;white-space: nowrap;word-break:break-all;overflow: hidden;table-layout: fixed;font-size: 18px;line-height: 64px;padding: 0 0 0 60px;color: #333;}
.table_title_name a {display: block;text-overflow: ellipsis;white-space: nowrap;word-break:break-all;overflow: hidden;}
.table_day {color: #888;width: 85px;padding: 0 30px;}


.notice_view {margin-top: 89px;margin-bottom: 60px;}
.notice_view_title {color: #222;font-size: 23px;margin-bottom: 22px;}
.notice_view_day_file {overflow: hidden;margin-bottom: 20px;}
.notice_view_day {float: left;color: #888;}
.notice_view_line {float: left;width: 1px; height: 13px;margin-top: 3px;padding-right: 20px;margin-right: 20px;border-right: 1px solid #aaa;}
.notice_view_file {float: left;margin-right:20px;}
.notice_view_file:last-child {margin-right:0;}
.notice_view_file_name {float: left;color: #444;}
.notice_view_file_icon {float: left;margin-left: 8px;cursor: pointer;}
.notice_view_contents {padding: 28px 0;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;min-height: 512px;color: #333;}
.board_back_btn {width: 296px;height: 60px;border: 1px solid #AAA;box-sizing: border-box;color: #222;text-align: center;font-weight: 600;line-height: 60px;margin: 0 auto 100px;}
.board_back_btn:hover {cursor: pointer;border: 1px solid #222;background: #222;color: #fff;}


.clubnews {margin-top: 16px;padding-top: 50px;border-top: 1px solid #ccc;}
.clubnews-list {display: grid;grid-template-columns: repeat(3, 31%); grid-column-gap: 3.5%;grid-row-gap: 45px;}
.clubnews-list .clubnews-item {width:100%;}
.clubnews_img_container {overflow: hidden;}
.clubnews_img {transition: all 0.3s;}
.clubnews-item:hover .clubnews_img {transform: scale(1.06);}
.clubnews-item:hover .clubnews_name {font-weight: bold;}
.clubnews-item:hover .clubnews_day {font-weight: bold;}
.clubnews_img {width: 100%;aspect-ratio:40/27;object-fit:cover;}
.clubnews_name {color: #222;font-size: 18px;font-weight: 400;margin: 22px 0 11px 0;}
.clubnews_day {width: fit-content;color: #888;font-size: 15px;}
.empty-item {min-height: 200px;}

@media screen and (max-width:1024px) {
    .table_title_name {padding: 0 0 0 30px;}
    .clubnews-list {grid-template-columns: repeat(2, 48%); grid-column-gap: 4%;grid-row-gap: 40px;}
}

@media screen and (max-width:768px) {
    .board_number_search {flex-wrap: wrap;}
    .table_title_name {display: block;float: unset;padding: 0;line-height: 38px;font-size: 15px;}
    .table_day {display: block;padding: 0;font-size: 13px;width: 72px;}
    .board_list_contents {margin-top: 33px;margin-bottom: 30px;}
    .board_search_bar {width: 100%;}
    .board_search_text {width: calc(100% - 92px - 8px);margin: 0 8px 0 0;}
    .board_table {margin-top: 20px;margin-bottom: 40px;}
    .table_no {display: none;}
    .notice_view {margin-top: 30px;margin-bottom: 30px;}
    .notice_view_day {float: unset;margin-bottom: 5px;}
    .notice_view_line {display: none;}
    .notice_view_file {float: unset;display: inline-block;}

    .clubnews {margin-top: 40px;margin-bottom: 20px;}
    .clubnews-list {grid-template-columns: repeat(2, 48.5%); grid-column-gap: 3%;grid-row-gap: 30px;}
}

@media screen and (max-width:480px) {
    .clubnews-list {grid-template-columns: 100%; grid-column-gap: 0;}
}


.community_review {display: flex;flex-wrap: nowrap;justify-content: space-between;margin: 85px 0;}
.naver-review {border:none; min-height:80vh;width:480px;}
.review_contents_box {width: calc(100% - 540px);}
.review_list_title_box {display: flex;flex-wrap: nowrap;justify-content: space-between;margin-bottom: 27px;}
.review_title {width: calc(100% - 158px);color: #222;font-size: 23px;font-weight: 600;line-height:40px;margin:0;}
.review_write_btn {position: relative;width: 150px;height: 40px;border-radius: 21px;border: 1px solid #96583C;padding: 10px 40px 10px 20px;background: url("/images/jhorse/icon/review_write_icon.svg") 100px 8px /32px no-repeat;text-align: center;box-sizing: border-box;line-height: 24px;font-size: 15px;font-weight: 600;}
.review_write_btn:hover {cursor: pointer;text-decoration-color: #965841;text-decoration-line: underline;text-decoration-thickness: 2px;}
.review_list_box {margin-bottom:50px;overflow:hidden;}
.review_item {width: 100%;min-height:160px; padding: 30px;box-sizing: border-box;border-radius: 10px;border: 1px solid #DDD;margin-bottom: 10px;overflow: hidden;display:flex; justify-content: space-between;}
.review_contents{width: 100%;}
.review_img ~ .review_contents{width: calc(100% - 120px);}

.review_img {width:100px;aspect-ratio:1/1;overflow:hidden;}
.review_img img {width:100%;aspect-ratio: 1/1;object-fit:cover;}
.review_headline {font-size:16px;font-weight:600;margin-bottom:10px;height:20px;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.review_txt {font-size: 16px;font-weight:400;margin-bottom: 15px;line-height:21px;}
.review_txt p {margin:0;}
.review_id {font-size: 15px;color:#888888;}

.review-write {display: none;margin:85px 0;}
.review-write .review_title {width:100%;}
.review-write-area {border-top: 1px solid #222222;margin-top:50px;padding-top:20px;}
.review-content-input {width:100%;height: 100px;border:1px solid #CCCCCC;padding:10px;box-sizing: border-box;}
.review-thumbnail-pre {padding:10px 0;min-height:30px;}
.pre-image-container {height:200px;aspect-ratio: 1/1;object-fit:cover;overflow:hidden;}
.image-field {width:100%;height:100%; object-fit: cover;}
.hidden-input {display: none;}
.review-image-add-btn {float: left;width: 120px;height: 30px;border-radius: 2px;border: 1px solid #AAA;box-sizing: border-box;background: #965841;color: #FFFFFF;text-align: center;margin-right: 15px;}

.review-write-buttons {text-align: center;margin:10px auto;}
.button {width: 165px;height: 48px;border: 1px solid #AAA;font-size: 16px;font-weight: 600;}
.button:hover {cursor: pointer;text-decoration:underline;opacity:0.9;}
.button.write {background-color: #965841;color:#FFFFFF;border-color:#965841;}
.button.cancel {background-color: transparent;color: #222222;}

@media screen and (max-width:1024px) {
    .community_review {display: block;}
    .review_contents_box {width: 100%;margin-bottom:50px;}
    .naver-review {width:100%;}
    .review_list_box {margin-bottom:30px;}
}

@media screen and (max-width:768px) {
    .review_list_title_box {flex-direction: column-reverse;}
    .review_title {width: 100%;word-break: keep-all;}
    .review_write_btn {width: 100%;margin-bottom: 20px;background-position-x: calc(50% + 42px);}
}

@media screen and (max-width:480px) {
    .review_item {padding:15px;min-height:140px;}
    .review_img ~ .review_contents {width: calc(100% - 115px);}
}

@media screen and (max-width:360px) {
    .review_item {display:block;}
    .review_img {width:100%;margin-bottom:15px;}
    .review_img ~ .review_contents {width: 100%;}
}