header.mo {display: none;}
.search-box2 {display: none;}
.mo_nav {display: none;}
.swiper-backface-hidden .swiper-slide img.mo {display: none;}
.mo_br {display: none;}
.mo_txt {display: inline;}
.mo_txt_on {display: none;}
.mo_none {display: inline-block;}
.ad_mo {display: none;}
@media screen and (max-width: 1130px){
  body {overflow: auto; overflow-x: hidden;}
  .container {max-width: 100%; padding: 0 20px; box-sizing: border-box;}
  .address_btn .container {padding: 0 20px;}
  .address_btn .container::before {left: 180px;}
  header.pc nav ul {gap: 20px;}
  .benefit_tap ul {gap: 10px;}

  section {padding: 50px 0;}

  /* .top_banner .benefit_like {width: 100%; padding: 0 20px; box-sizing: border-box;} */

  .fixed_btn2 {bottom: 20px; right: 20px; gap: 5px;}
  .fixed_btn2 a {width: 50px;}

  .sec_detail .link_btn {max-width: calc(100% - 40px);}
}

@media screen and (max-width: 1074px) {
  .sec_expert_info .tit-box3 .tit {font-size: 34px;}
  .sec_expert_info .expert_info {gap: 20px;}
  .sec_expert_info .expert_info .info_ct .dl-box dl dt {white-space: nowrap;}
  .sec_expert_info .expert_info .info_ct .icon_box ul {gap: 10px;}
  .sec_expert_info .expert_info .info_ct .icon_box ul li .child-box .txt {font-size: 15px;}

  .table_list_ct {overflow: auto; overflow-y: hidden;}
  .table_list_ct table {width: 1100px;}

  .membership_pr_ct ul {gap: 10px;}
  .membership_pr_ct ul li .child-box .ct {gap: 10px; padding: 20px 15px;}
}

@media screen and (max-width: 800px) {
  header.pc {display: none;}
  header.mo {position: fixed; top: 0; left: 0; display: block; width: 100%; height: auto; padding-top: 20px; border-bottom: 1px solid var(--gray_dc); background: var(--wt); z-index: 10;}
  header.mo .hd_top .search-box1 {display: none;}
  .speech_b {animation-play-state: paused; position: initial; border-radius: 17px;}
  .speech_b .txt-box {width: 160px; height: 30px;}
  .speech_b p {font-size: 12px;}
  
  header.mo .hd_top {display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px;}
  /* header.mo .hd_top .logo {width: 92px; height: auto;} */
  header.mo .hd_top .logo {width: 80px; height: auto;}
  header.mo .hd_top .logo img {width: 100%; height: auto;}

  header.mo .hd_top .d-flex {display: flex; align-items: center; gap: 10px;}
  header.mo .hd_top .search-box1 {width: 18px; height: auto;}
  header.mo .hd_top .search-box .search-btn1 {width: 100%; height: auto;}
  header.mo .hd_top .search-box .search-btn1 img {width: 100%; height: auto;}

  header.mo .hd_top .link_btn {}
  header.mo .hd_top .link_btn a {font-size: 14px; font-weight: 500; line-height: 1.14; color: var(--pr); white-space: nowrap;}

  .search-box2 {display: none; align-items: center; justify-content: center; position: fixed; bottom: 0; left: 0; width: 100%; height: calc(100vh - 72px); padding: 0 20px; box-sizing: border-box; background: var(--wt_f9); z-index: 9;}
  .search-box2.on {display: flex;}
  .search-box2 form {position: relative; display: flex; align-items: center; width: 100%; height: 45px; border-radius: 23px; border: 2px solid var(--pr);}
  .search-box2 input {width: 100%; height: 100%; padding: 0 15px; box-sizing: border-box; outline: none; font-size: 15px; font-weight: 400; line-height: 1.2; color: var(--black_1d);}
  .search-box2 input::placeholder {color: var(--gray_c7);}
  .search-box2 .search_btn {position: absolute; top: 50%; right: 15px; transform: translateY(-50%); width: 18px; height: auto;}
  .search-box2 .search_btn img {width: 100%; height: auto;}

  header.mo nav {width: 100%; height: auto;}
  header.mo nav ul {display: flex; align-items: center; gap: 15px;}
  header.mo nav ul li {}
  header.mo nav ul li a {display: block; padding-bottom: 10px; font-size: 15px; font-weight: 500; line-height: 1.19; color: var(--gray_c7);}
  header.mo nav ul li.active a {border-bottom: 2px solid var(--pr); color: var(--pr); font-weight: bold;}

  .visual {margin-top: 115px; padding-bottom: 20px;}
  .slide_arrow .arrow_btn {min-width: 5px; width: 5px; margin-top: 5px;}

  .tit-box .tit {font-size: 22px; word-break: keep-all;}
  .tit-box .tit img {width: 26px;}

  .benefit_tap {margin-top: 20px;}
  .benefit_tap ul {flex-wrap: wrap; gap: 10px 0; margin: 0 -5px;}
  .benefit_tap ul li {width: calc(100% / 2); padding: 0 5px; box-sizing: border-box;}
  .benefit_tap ul li .child-box {display: flex; align-items: center; gap: 13px; width: 100%; height: 70px; padding: 14px 15px; background: var(--pr_bg); border-radius: 10px; box-sizing: border-box;}
  .benefit_tap ul li .child-box .icon_box {background: transparent; width: 42px; height: auto;}
  .benefit_tap ul li .child-box .txt-box {margin-top: 0;}

  .filter_box {flex-flow: column; align-items: flex-end; gap: 15px; margin-top: 20px;}
  .filter_box .select_box {width: 100%;}
  .filter_box .select_box select {width: 100%; height: 45px; padding: 0 15px; box-sizing: border-box;}
  .filter_box .benefit_tab {gap: 25px;}
  .filter_box .benefit_tab button {font-size: 16px;}

  .item_list ul {gap: 0; margin: 0;}
  .item_list ul li:nth-of-type(-n+2) .child-box {padding-top: 0;}
  .item_list ul li {width: 100%; padding: 0; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid var(--gray_dc);}
  .item_list ul li:last-of-type {padding-bottom: 0; margin-bottom: 0; border-bottom: 0;}
  .item_list ul li .child-box {padding: 0 !important; margin-bottom: 0 !important; border: none !important;}
  .item_list ul li .child-box .ct_name {margin-bottom: 18px; font-size: 16px;}
  .item_list ul li .child-box .tit {margin-bottom: 10px; font-size: 18px; word-break: keep-all;}
  .item_list ul li .child-box .txt {margin-bottom: 25px; font-size: 15px;}
  .item_list ul li .child-box .list_bt .img-box img {width: 24px; height: 24px; margin-right: 8px;}
  .item_list ul li .child-box .list_bt .img-box .by {margin-right: 5px; font-size: 16px;}
  .item_list ul li .child-box .list_bt .img-box .name {font-size: 15px;}

  .item_list ul li .child-box .list_bt .heart_btn {gap: 3px; padding: 4px 9px 4px 7px;}
  .item_list ul li .child-box .list_bt .heart_btn img {width: 16px;}
  .item_list ul li .child-box .list_bt .heart_btn .num {font-size: 13px;}

  .more_btn {margin-top: 40px;}
  .more_btn a {height: 45px; padding: 14px 20px; font-size: 15px;}
  .more_btn img {width: 5px; height: auto;}

  .item_list2 ul li .child-box {padding: 0 3px 30px; margin-bottom: 30px; box-sizing: border-box;}
  .item_list2 ul li .child-box .ct_name {margin-bottom: 12px; font-size: 16px;}
  .item_list2 ul li .child-box .tit {margin-bottom: 25px; font-size: 20px; word-break: keep-all;}
  .item_list2 ul li .child-box .expert_info .img-box img {width: 24px; height: auto; margin-left: -12px;}
  .item_list2 ul li .child-box .expert_info .img-box img:last-of-type {margin-right: 7px;}
  .item_list2 ul li .child-box .expert_info .expert_info_txt {font-size: 15px;}
  .item_list2 ul li .child-box .txt {margin-top: 12px; font-size: 15px;}

  .item_list ul li .child-box .list_bt .soon_day {padding: 5px 9px 4px; font-size: 13px;}

  section:last-of-type {padding-bottom: 100px; margin-bottom: 0;}

  footer {padding: 60px 0 120px;}
  footer .f_logo {width: 92px; margin-bottom: 20px;}
  footer .description {font-size: 13px; word-break: keep-all;}
  footer .address {font-size: 15px;}
  .ad_mo {display: block;}
  .ad_pc {display: none;}
  footer .copyright {font-size: 15px;}

  /* mo_nav */
  .mo_nav {display: block; position: fixed; bottom: 0; left: 0; width: 100%; height: 60px; padding: 0 10px; box-sizing: border-box; z-index: 5; background: var(--wt); box-shadow: 0 -10px 10px 0 rgba(0, 0, 0, 0.05);}
  .mo_nav ul {display: flex; align-items: center; justify-content: space-between; width: 100%; height: 100%;}
  .mo_nav ul li {width: 100%; height: auto;}
  .mo_nav ul li .child-box {}
  .mo_nav ul li .child-box .icon {width: 25px; height: auto; aspect-ratio: 1; margin: 0 auto;}

  .mo_nav ul li:nth-child(1) .child-box .icon {background: url(./../img/mo_nav_1.png) no-repeat 50% 50%; background-size: cover;}
  .mo_nav ul li:nth-child(2) .child-box .icon {background: url(./../img/mo_nav_2.png) no-repeat 50% 50%; background-size: cover;}
  .mo_nav ul li:nth-child(3) .child-box .icon {background: url(./../img/mo_nav_3.png) no-repeat 50% 50%; background-size: cover;}
  .mo_nav ul li:nth-child(4) .child-box .icon {background: url(./../img/mo_nav_4.png) no-repeat 50% 50%; background-size: cover;}
  .mo_nav ul li:nth-child(5) .child-box .icon {background: url(./../img/mo_nav_5.png) no-repeat 50% 50%; background-size: cover;}

  .mo_nav ul li.active:nth-child(1) .child-box .icon {background: url(./../img/mo_nav_active1.png) no-repeat 50% 50%; background-size: cover;}
  .mo_nav ul li.active:nth-child(2) .child-box .icon {background: url(./../img/mo_nav_active2.png) no-repeat 50% 50%; background-size: cover;}
  .mo_nav ul li.active:nth-child(3) .child-box .icon {background: url(./../img/mo_nav_active3.png) no-repeat 50% 50%; background-size: cover;}
  .mo_nav ul li.active:nth-child(4) .child-box .icon {background: url(./../img/mo_nav_active4.png) no-repeat 50% 50%; background-size: cover;}
  .mo_nav ul li.active:nth-child(5) .child-box .icon {background: url(./../img/mo_nav_active5.png) no-repeat 50% 50%; background-size: cover;}

  .mo_nav ul li .child-box .txt-box {margin-top: 1px; text-align: center;}
  .mo_nav ul li .child-box .txt-box .txt {font-size: 13px; font-weight: 400; line-height: 1.15; color: var(--gray_c7);}
  .mo_nav ul li.active .child-box .txt-box .txt {color: var(--pr);}

  .swiper-backface-hidden .swiper-slide img.pc {display: none;}
  .swiper-backface-hidden .swiper-slide img.mo {display: block;}

  .form-area {margin-top: 64px;}

  .form_member_join_btn {margin-top: -20px;}

  .sub_kv {height: 200px; margin-top: 87px; background: url(./../img/sub_kv_mo.png) no-repeat 50% 50%; background-size: cover;}
  .sub_kv .txt-box {width: 100%; padding: 0 10px; word-break: keep-all; box-sizing: border-box;}
  .sub_kv .txt-box .tit {margin-bottom: 8px; font-size: 24px;}
  .sub_kv .txt-box .sub {font-size: 15px;}

  .tit-box.tit-box2 {margin-bottom: 40px;}

  /* .file-upload ul {flex-wrap: wrap;} */
  /* .file-upload ul .file_btn {width: 170px;}
  .file-upload ul .img_item_area {flex-wrap: wrap;}
  .file-upload ul .img_item_area .img_item {width: 170px;} */
  .file-upload ul {display: block;}
  .file-upload ul li {flex-flow: row; justify-content: flex-start; flex-wrap: wrap; gap: 10px 0; width: auto; margin: 0 -5px;}
  .file-upload ul li .file_box {width: calc(100% / 2); height: auto; aspect-ratio: initial; padding: 0 5px; box-sizing: border-box;}
  .file-upload ul li .img_item {width: calc(100% / 2); height: auto; aspect-ratio: initial; padding: 0 5px; box-sizing: border-box;}
  .file-upload ul li .file_box > img {height: auto; aspect-ratio: 1;}
  .file-upload ul li .img_item > img {height: auto; aspect-ratio: 1;}
  
  .description_box {padding: 25px 20px 20px; margin-top: 6px; word-break: keep-all; border-radius: 15px;}
  .description_box .tit {margin-bottom: 20px;}

  .top_banner {padding: 20px 0 22px; margin-top: 92px; background: url(./../img/sub_kv_mo.png) no-repeat 50% 50%; background-size: cover;}
  .top_banner .expert_info .expert {gap: 8px;}
  .top_banner .expert_info .expert .img-box {width: 24px;}
  .top_banner .expert_info .expert .name span {font-size: 16px;}
  .top_banner .expert_info .expert .name {font-size: 16px;}

  .top_banner .benefit_like .soon_day {padding: 5px 9px 4px; font-size: 13px;}
  
  .top_banner .benefit_like .heart_btn {gap: 3px; padding: 4px 9px 4px 7px;}
  .top_banner .benefit_like .heart_btn img {width: 16px;}
  .top_banner .benefit_like .heart_btn .num {font-size: 13px;}

  .top_banner .txt-box {margin-top: 25px; text-align: left;}
  .top_banner .txt-box .sub {font-size: 16px;}
  .top_banner .txt-box .tit {font-size: 24px;}
  .more_btn {margin-top: 20px;}

  .mo_br {display: block;}

  .sec_detail2 {padding-top: 0;}
  .detail_box .tit {margin-bottom: 20px; font-size: 22px;}
  .detail_box .detail_content {gap: 15px;}
  .expert_info_more {flex-wrap: wrap; gap: 10px; padding: 15px; margin-top: 40px;}
  .expert_info_more .left-box {gap: 10px;}
  .expert_info_more .left-box .img-box {width: 50px;}
  .expert_info_more .left-box .txt-box {gap: 3px;}
  .expert_info_more .left-box .txt-box .business_name {font-size: 13px;}
  .expert_info_more .left-box .txt-box .expert_name {font-size: 16px;}
  .expert_info_more .expert_btn a {padding: 14px 15px 13px;}
  .expert_info_more .expert_btn a img {width: 8px; height: auto;}
  .mo_txt {display: none;}

  .detail_ct {padding-top: 127px; word-break: keep-all;}
  .detail_ct .sub {margin-bottom: 15px; font-size: 16px;}
  .detail_ct .tit {margin-bottom: 40px; font-size: 24px;}
  .detail_ct .txt {font-size: 18px;}

  .sec_detail .expert_cm {font-size: 22px;}
  .expert_answer {padding-bottom: 40px; margin-bottom: 40px;}
  .expert_answer:last-of-type {padding-bottom: 0;}
  .answer_txt {padding: 20px 0 0;}
  .answer_txt p {font-size: 16px; word-break: keep-all;}

  .sec_expert_info {margin-top: 55px; padding-top: 0;}
  .sec_expert_info .expert_info {flex-flow: column-reverse;}
  .sec_expert_info .tit-box3 {display: none;}
  .sec_expert_info .expert_info .expert_img {position: relative; width: auto; margin: 0 -20px;}
  .sec_expert_info .expert_info .expert_img img {border-radius: 0;}
  .mo_txt_on {position: absolute; bottom: 20px; left: 20px; display: block; font-size: 24px; font-weight: bold; line-height: 1.29; color: var(--wt);}

  .sec_expert_info .expert_info {gap: 30px;}
  .sec_expert_info .expert_info .info_ct {width: 100%;}
  .sec_expert_info .expert_info .info_ct .expert_name .name {gap: 5px;}
  .sec_expert_info .expert_info .info_ct .expert_name .name img {width: 24px;}
  .sec_expert_info .expert_info .info_ct .expert_name .sf_box {margin-bottom: 19px;}
  .sec_expert_info .expert_info .info_ct .dl-box {padding: 25px 0 15px;}
  .sec_expert_info .expert_info .info_ct .icon_box {margin-bottom: 25px;}

  .sec_expert_info .expert_info .info_ct .dl-box {gap: 15px; word-break: keep-all;}
  .sec_expert_info .expert_info .info_ct .dl-box dl {gap: 25px;}
  .sec_expert_info .expert_info .info_ct .dl-box dl dt {font-size: 16px;}
  .sec_expert_info .expert_info .info_ct .dl-box dl dd {font-size: 16px;}

  .sec_expert_info .expert_info .info_ct .icon_box ul {flex-wrap: wrap; gap: 10px 0; margin: 0 -5px;}
  .sec_expert_info .expert_info .info_ct .icon_box ul li {width: calc(100% / 2); padding: 0 5px; box-sizing: border-box;}
  .sec_expert_info .expert_info .info_ct .icon_box ul li .child-box {display: flex; align-items: center; flex-flow: row; justify-content: flex-start; width: 100%; height: 70px; background: var(--pr_bg); border-radius: 10px;}
  .sec_expert_info .expert_info .info_ct .icon_box ul li .child-box .txt {margin-top: 0;}

  .tit-box.tit-box2 .tit_btn {width: 99px; height: 25px; font-size: 12px;}

  .sec_mypage {margin-top: 60px;}
  .mypage_info ul {flex-wrap: wrap;}
  .mypage_info ul li {width: calc(100% / 2);}
  .mypage_info ul li .child-box {height: 92px;}
  .mypage_info ul li .child-box:before {height: 15px;}
  .mypage_info ul li .child-box .icon_box .icon_img {width: 30px;}
  .mypage_info ul li.active .child-box .icon_box .num {font-size: 18px;}
  .tit-box_s {padding-top: 0; margin-bottom: 40px;}
  .tit-box_s2 {margin-bottom: 20px;}
  .tit-box_s .tit {font-size: 18px;}
  .tit-box_s .num {font-size: 18px;}

  .re_txt {gap: 10px; margin-bottom: -20px;}
  .re_txt > span {white-space: nowrap;}
  .re_txt .txt {width: 100%; height: auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 20px;}

  .mo_none {display: none;}

  .mypage_tab {flex-wrap: wrap; border: 1px solid var(--gray_dc); margin-bottom: 40px;}
  .mypage_tab a {width: calc(100% / 2); box-sizing: border-box; border: none; border-top: 1px solid var(--gray_dc);}
  .mypage_tab a:nth-child(odd) {border-right: 1px solid var(--gray_dc);}
  .mypage_tab a:nth-child(-n+2) {border-top: none;}
  .mypage_tab a:last-child {border-right: 0;}
  
  .my_membership {margin-bottom: 40px;}
  .my_membership ul {flex-flow: column; width: 100%; height: auto; padding: 26px 20px; box-sizing: border-box;}
  .my_membership ul li {width: 100%;}
  .my_membership ul li .child-box {display: flex; flex-flow: row-reverse; align-items: center; justify-content: space-between; height: auto; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid var(--gray_c7);;}
  .my_membership ul li:last-of-type .child-box {padding-bottom: 0; margin-bottom: 0; border-bottom: 0;}
  .my_membership ul li .child-box:before {display: none;}

  .membership_txt {padding: 20px;}
  .membership_txt p {font-size: 16px; word-break: keep-all;}

  .mypage_list .select_filter {margin-bottom: 30px;}
  .mypage_list .select_filter select {width: 100%;}
  .mypage_list .list_ul > li .child-box .tit_bx {gap: 32px;}
  .mypage_list .list_ul > li .child-box .tit_bx .tit {width: 100%; height: auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 18px;}
  .mypage_list .list_ul > li .child-box .tit_bx .ct {white-space: nowrap; font-size: 18px;}
  .mypage_list .list_ul > li .child-box .txt {max-width: 100%; font-size: 15px;}
  .mypage_list .list_ul > li .child-box .table_list {margin-top: 20px;}
  .mypage_list .list_ul > li .child-box .table_list .table_list_top {flex-flow: column; align-items: flex-start; gap: 25px;}
  .mypage_list .list_ul > li .child-box .table_list .table_list_top .detail_btn {justify-content: space-between; width: 100%; padding: 0 15px; box-sizing: border-box;}
  
  .table_list_ct {padding: 25px 20px; box-sizing: border-box;}
  .table_list_ct table {width: 1100px;}

  .pager ul li a {width: 20px; font-size: 12px;}
  .pager ul li.prev {padding-right: 13px;}
  .pager ul li.next {padding-left: 13px;}
  .pager ul li a {width: 20px;}
  .pager ul li.arrow img {width: 100%;}

  .mypage_list .list_ul > li .child-box {padding-bottom: 30px; margin-bottom: 30px;}
  .mypage_list .list_ul > li:last-of-type .child-box {padding-bottom: 0; margin-bottom: 0;}

  .sec_detail .detail_box .tit {margin-bottom: 20px; font-size: 22px;}
  .sec_detail .detail_box .detail_content {gap: 15px;}

  .ckd_box2 {margin: 0 -5px;}
  .ckd_box2 label {padding: 0 5px;}
  .form_member_join_btn {padding: 20px;}

  .fixed_btn {bottom: 285px; right: 10px; width: 45px;}

  .searchresultsec {margin-top: 89px;}
  .benefit_tap ul li .child-box .txt-box .txt {text-align: start;}

  .membership_pr_ct ul {flex-flow: column;}
  .membership_pr_ct ul li {width: 100%;}
  .membership_pr_ct ul li .child-box {height: auto;}
  .membership_pr_ct ul li .child-box .top {height: 45px;}
  .membership_pr_ct ul li .child-box .top .tit {font-size: 16px;}
  .membership_pr_ct ul li .child-box .ct {gap: 5px;}
  .membership_pr_ct ul li .child-box .radio_box {padding-top: 20px !important;}
  .membership_pr_ct ul li .child-box .mpc_btn button {margin-top: 20px;}
  .table_wrap .table_list_ct table {table-layout: fixed; width: 100%;}
  .table_wrap .table_list_ct table th {width: auto;}

  .fixed_btn2 {bottom: 70px;}

  .sec_detail .link_btn {bottom: 80px;}
}

@media screen and (max-width: 600px) {
  .table_wrap .table_list_ct table {table-layout: fixed; width: 600px;}
}

@media screen and (max-width: 361px) {
  header.mo nav ul {gap: 10px;}
  header.mo nav ul li a {font-size: 15px;}

  .tit-box.tit-box2 .tit_btn {position: initial; transform: initial; margin-top: 5px;}
}