/* PC */
@media screen and (max-width: 1560px) {    

  html {font-size: 15.5px !important;}  

}


@media screen and (max-width: 1440px) {    

  html {font-size: 15px!important;}    

  .serviceIntro_content { margin-right: 0;}

}


@media screen and (max-width: 1380px) {    

  html {font-size: 14.5px !important;}  
  
  .serviceIntro_content .intro_section .leftbox,
  .serviceIntro_content .review_section { width: calc(100% - 280px - 2rem);}
  .serviceIntro_content .intro_section .rightbox { width: 280px;}

}


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

  /* .br_1280 {display: block !important;} */

  .detail_contents .ds5 .ds5_cont .imgbox { width: 52%;  }
  
  .detail_contents .ds6 .ds6_cont .imgbox.img1 { max-width: 22rem;}
  .detail_contents .ds6 .ds6_cont .imgbox.img2 { width: 23.5rem;}

  .detail_contents .ds9 .ds9_cont .imgbox {  width: 50%;  margin-bottom: -1.5rem;}
  .detail_contents .ds9 .ds9_cont .txtbox {padding: 0 0 3rem;}

}


@media screen and (max-width: 1200px) {

  html {font-size: 14px !important;}  

  .application_content .servies_box .gall_box > .item { width: calc((100% - 1.063rem* 2) / 3);}
  
  .serviceIntro_content .intro_section .leftbox,
  .serviceIntro_content .review_section { width: calc(100% - 260px - 2rem);}
  .serviceIntro_content .intro_section .rightbox { width: 260px;}
  
  .status_content .tbl_wrap .tbl col.date { width:90px;}
  .status_content .tbl_wrap .tbl col.order { width: 110px;}
  .status_content .tbl_wrap .tbl col.name { width: calc(100% - 90px - 110px - 100px - 120px);}
  .status_content .tbl_wrap .tbl col.status { width: 100px;}
  .status_content .tbl_wrap .tbl col.manage { width: 120px;}
  
  .status_content.detail_content .tbl_wrap .tbl.ver2 col.date { width:90px;}
  .status_content.detail_content .tbl_wrap .tbl.ver2 col.order { width: 110px;}
  .status_content.detail_content .tbl_wrap .tbl.ver2 col.name { width: calc(100% - 90px - 110px - 100px);}
  .status_content.detail_content .tbl_wrap .tbl.ver2 col.status { width: 100px;}
  
  .status_content.detail_content .tbl_wrap .tbl.ver3 col.chk { width: 60px;}
  .status_content.detail_content .tbl_wrap .tbl.ver3 col.division { width:90px;}
  .status_content.detail_content .tbl_wrap .tbl.ver3 col.name { width: calc(100% - 60px - 90px - 120px - 120px);}
  .status_content.detail_content .tbl_wrap .tbl.ver3 col.status { width: 120px;}
  .status_content.detail_content .tbl_wrap .tbl.ver3 col.manage { width: 120px;}

}



  
/* Tablet */
@media screen and (max-width: 1080px) {

  html {font-size: 16px !important;} 

  .pc {display: none !important;}
  .tablet {display: block !important;}
  #wrapper { z-index: unset; background: unset;}


  /* 레이아웃 */
  .wrap {background: #fff;}
  .container { display: block; gap: unset; padding: 0;}

  .header {display: block; position: fixed; left: 0; top: 0; z-index: 90; width: 100%; height: 6.6rem; box-shadow: 0 4px 10px 0 rgba(98, 161, 197, 0.1); background: #fff;}
  .header .h_inner { width: 100%; height: 100%;  padding: 0 2.4rem; display: flex; align-items: center; justify-content: space-between;}
  .header .h_logo { width: 16.2rem; max-width: 48%;}
  .header .h_logo a { width: 100%; display: flex; align-items: center; justify-content: center;}
  .header .h_side { display: flex; align-items: center; gap: 2.5rem;}
  .header .h_side .apply_btn {  border: 2px solid #277eff;  border-radius: 0.8rem;   padding: 0.6rem 1.2rem;  background: #fff;  font-weight: 800;  font-size: 1.6rem;  line-height: 1.3; text-align: center; color: #277eff; height: auto;}
  .header .h_side .menu_btn { width: 2.2rem; aspect-ratio: 1 / 1;  display: flex;  align-items: center; cursor: pointer; padding: 0; height: auto;}

  .footer { background: #d4e5ef;display: none;}

  .left_menu { position: fixed; right: -100%; top: 0; width: 90%;  max-width: 288px;  height: 100%; z-index: 100; background: #4080e1; padding: 5rem 1.4rem; transition: all 0.6s ease; overflow: auto;}
  .left_menu::-webkit-scrollbar {display: none;}
  .left_menu.open {right:0%}
  .left_menu .mobile_top { position: relative; width: 100%; margin-bottom: 1.2rem; padding: 0 0.8rem;}
  .left_menu .mobile_top .close_btn {display: flex; align-items: center; gap: 1.2rem;  cursor: pointer;}
  .left_menu .mobile_top .close_btn .icon {  background: url(../img/icon_exit.png) no-repeat center / contain; width: 2.4rem; height: 2rem;}
  .left_menu .mobile_top .close_btn .txt { font-weight: 600; font-size: 2rem;  color: #fff;}
  .left_menu .memberbox { border-radius: 2rem; padding: 1.8rem 1.4rem 1.5rem;  margin-bottom: 3.6rem; margin-top: 1.2rem;}
  .left_menu .memberbox .member_btn { margin-top: 1.5rem; height: 4rem; font-size: 1.6rem; border-radius: 1.2rem;}
  .left_menu .memberbox .infoitem { gap: 0; padding: 0 0.8rem;}
  .left_menu .memberbox .infoitem .tit { font-size: 1.4rem;}
  .left_menu .memberbox .infoitem .tit .icon { font-size: 1em;}
  .left_menu .memberbox .infoitem .descbox .desc_txt {font-size: 1.8rem;}
  .left_menu .memberbox .infoitem .descbox .desc_txt .bold { font-size: 2rem;}
  .left_menu .memberbox .infoitem .descbox .desc_txt .mypoint { font-size: 2.2rem;}
  .left_menu .memberbox .infoitem .descbox .logout_btn { font-size: 1.4rem;}
  .left_menu .memberbox .infoitem .msg { font-size: 1.8rem;}
  .left_menu .memberbox.ver2 { box-shadow: none; padding: 2.3rem 1rem 1.3rem;  margin-top: 0; border-radius: 1.2rem;}
  .left_menu .memberbox.ver2 .member_btn { margin-top: 1.9rem; height: 4.8rem; font-size: 1.8rem;}
  .left_menu .navbox {gap: 0;}
  .left_menu .navbox > .navitem { padding: 0 1.375rem;}
  .left_menu .navbox > .navitem .nav_tit { font-size: 1.4rem; color: #fff;  margin-bottom: 1rem; padding: 0;}
  .left_menu .navbox > .navitem .navlist { padding-bottom: 1.85rem;  border-bottom: 1px solid rgba(255, 255, 255, 0.32); margin-bottom: 2rem;}
  .left_menu .navbox > .navitem:last-child .navlist { padding-bottom: 0;  border-bottom: 0; margin-bottom: 0;}
  .left_menu .navbox > .navitem .navlist > li .navlink { gap: 1.825rem;  border-radius: 0; padding: 0.75rem 0;}
  .left_menu .navbox > .navitem .navlist > li .navlink .icon svg path.color { fill: #fff;}
  .left_menu .navbox > .navitem .navlist > li .navlink .txt { font-size: 1.8rem; color: #fff;}
  .left_menu .navbox > .navitem .navlist > li.point .navlink .icon svg path.color {  fill: #ffb292;}
  .left_menu .navbox > .navitem .navlist > li .navlink .icon svg path:not(.color) {  fill: transparent;}
  .left_menu .navbox > .navitem .navlist > li:hover .navlink .icon svg path.color {  fill: #fff;}
  .left_menu .navbox > .navitem .navlist > li:hover .navlink .txt { color: #fff;}
  .left_menu .navbox > .navitem .navlist > li.point .navlink .txt { color: #ffb292;}
  .left_menu .navbox > .navitem .navlist > li .navlink .icon svg path.color2 {    stroke: #fff;}
  .left_menu .navbox > .navitem .navlist > li:hover .navlink .icon svg path.color2 {    stroke: #fff;}
  .left_menu .navbox > .navitem .navlist > li.active .navlink {background: none;}

  .bottom_navbox { display: block; position: fixed; left: 0; bottom: 0; width: 100%;  height: 6.6rem;  background: #fff; box-shadow: 0 4px 23px 0 rgba(98, 161, 197, 0.25); z-index: 90;}
  .bottom_navbox .bottom_nav { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
  .bottom_navbox .bottom_nav > li { width: 20%;}
  .bottom_navbox .bottom_nav > li .link { display: flex; flex-direction: column;  align-items: center; gap: 0.25rem; text-align: center;}
  .bottom_navbox .bottom_nav > li .link .icon { background: no-repeat center / contain;  width: 2.8rem; aspect-ratio: 1 / 1;}
  .bottom_navbox .bottom_nav > li.order_nav .link .icon{background-image: url(../img/nav_icon1.png);}
  .bottom_navbox .bottom_nav > li.charge_nav .link .icon{background-image: url(../img/nav_icon2.png);}
  .bottom_navbox .bottom_nav > li.home_nav .link .icon{background-image: url(../img/nav_icon3.png);}
  .bottom_navbox .bottom_nav > li.dashboard_nav .link .icon{background-image: url(../img/nav_icon4.png);}
  .bottom_navbox .bottom_nav > li.consulting_nav .link .icon{background-image: url(../img/nav_icon5.png);}
  .bottom_navbox .bottom_nav > li .link .txt { font-weight: 400; font-size: 1rem;  color: #000;}

  .channel_btn { right: 0.5rem; bottom: 4.5rem;  width: 10rem;}


  /* common */
  .page_content { position: relative; width: 100%; padding: 6.6rem 0 !important;}
  .page_content .page_inner { box-shadow: none; border-radius: 0; min-height: unset;}
  .common_wrap .page_content .page_inner { padding: 0;}

  .inputbox .input_label { padding: 0 1.2rem; font-size: 1.6rem; margin-bottom: 1rem;}
  .inputbox .input_text { height: 4rem; font-size: 1.5rem; padding: 1rem 1.2rem; border-radius: 0.8rem;}
  .inputbox .input_label .required_txt {font-size: 1.4rem;}
  .inputbox .input_label.big { font-size: 1.8rem; margin-bottom: 1.2rem;}
  .inputbox .input_text:disabled { border: 2px solid #9e9e9e;}
  .input_desc {  font-size: 1.3rem; margin-top: 0.7rem;}
  .inputbox .input_label.spaceBetween .rightxt {font-size: 1.6rem;}
  .inputbox textarea.input_text.small { height: 8.8rem;}

  .selectbox { gap: 1.2rem 4rem; flex-wrap: wrap;}
  .selectbox .selectitem { gap: 1.2rem;}
  .selectbox .selectitem .label_radio { font-size: 1.5rem;}
  .select_txt { border-radius: 0.7rem; padding: 0 2rem;  height: 4rem;  font-size: 1.5rem; background: url(../img/icon_select.png) no-repeat right 2rem center / 2rem auto #fff;}

  .formbox { border-radius: 0; box-shadow: none; padding: 0; gap: 2.8rem;}
  .form_btnbox { gap: 0.8rem; margin-top: 4rem; padding: 0;}
  .form_btnbox .btn { border-radius: 2rem; height: 4rem; font-size: 1.6rem;}
  .form_btnbox .btn.btn_typeB { width: 35%; max-width: 12.2rem;}
  .form_btnbox .btn.btn_typeA { flex: 1;}
  .form_titbox { gap: 0.6rem;}
  .form_titbox .tit { font-size: 2rem;}
  .form_titbox .desc { font-size: 1.2rem;}

  .file_btn .label_file { font-size: 1.4rem; border-radius: 0.8rem; padding: 0.6rem 2.1rem;  height: 3rem;}
  .file_imgbox { gap: 1.4rem; padding: 0.4rem 0.4rem 2rem;}
  .file_imgbox .imgitem { box-shadow: 0 2px 6px 0 rgba(33, 108, 150, 0.25);  border-radius: 0.7rem;  width: 14.4rem;  min-width: 14.4rem;  height: 14.4rem;}
  .file_imgbox .imgitem .btn_del { width: 2.1rem;}

  .typebox { gap: 1.2rem;}
  .typebox .typeitem { border-radius: 0.8rem; width: calc((100% - 1.2rem) / 2);  min-height: 8.2rem;box-shadow: 0 1px 6px 0 rgba(33, 108, 150, 0.2);}
  .typebox .typeitem .input_radio { left: auto; right: 11px; top: 11px;  }
  .typebox .typeitem .label_radio { padding: 1rem 1.2rem;}
  .typebox .typeitem .label_radio .tit { font-size: 1.4rem; margin-bottom: 0.6rem;}
  .typebox .typeitem .label_radio .desc { font-weight: 600; font-size: 1.2rem;}


  .page_titbox img {width: 2.2rem;}
  .page_titbox .txt {font-size: 2rem;}

  .container .tbl_wrap { padding: 1.1rem 0.6rem; border-radius: 2rem; box-shadow: 0 1px 6px 0 rgba(33, 108, 150, 0.2);}
  .tbl_list { display: flex; flex-direction: column; padding: 0 2rem;}
  .tbl_list .item { position: relative; display: flex; justify-content: space-between; gap: 1rem; border-bottom: 1px solid rgba(70, 90, 119, 0.15); padding: 1.5rem 0;}
  .tbl_list .item:last-child { border-bottom: 0; padding-bottom: 0;}
  .tbl_list .item .left {flex: 1;}
  .tbl_list .item .left .date { font-weight: 400; font-size: 1.2rem; color: var(--text); margin-bottom: 0.2rem;}
  .tbl_list .item .left .name { font-weight: 700; font-size: 1.6rem; color: var(--text);word-break: break-word;}
  .tbl_list .item .left .name .opt {display: block; font-weight: 400; font-size: 1.4rem;}
  .tbl_list .item .right { display: flex; flex-direction: column; gap: 0.6rem;}
  .tbl_list .item .right .status_badge {display: flex; align-items: center;  justify-content: center; border-radius: 0.8rem;  padding: 0.6rem 1.2rem; font-weight: 700; font-size: 1.6rem; text-align: center;min-width: 7.8rem; height: 3.2rem;}
  .tbl_list .item .right .status_badge[data-title="요청중"] { color: #da9f08; background: #ffeeb0;}
  .tbl_list .item .right .status_badge[data-title="진행중"] { background: #c2ffc1; color: #1dae4e;}
  .tbl_list .item .right .status_badge[data-title="완료"] { color: #3b8ae5; background: #e0f4ff;}
  .tbl_list .item .right .status_badge[data-title="요청사항작성"] { background: #f4f4f4; color: #8c8c8c;}
  .tbl_list .item .right .status_badge[data-title="원고 진행중"] { color: #da9f08; background: #ffeeb0;}
  .tbl_list .item .right .status_badge[data-title="원고검수필요"] { background: #ffe3dd; color: #ff5252;}
  .tbl_list .item .right .status_badge[data-title="발행요청"] { background: #c2ffc1; color: #1dae4e;}
  .tbl_list .item .right .status_badge[data-title="발행완료"] { color: #3b8ae5; background: #e0f4ff;}
  .tbl_list .item .right .status_badge[data-title="작성필요"] { background: #ffe3dd; color: #ff5252;}
  .tbl_list .item .right .status_badge[data-title="작성완료"] { color: #da9f08; background: #ffeeb0;}
  .tbl_list .item .right .status_badge[data-title="충전완료"] { color: #3b8ae5; background: #e0f4ff;}  
  .tbl_list .item .right .status_badge[data-title="결제오류"] { color: #fd7373; background: #ffe3dd;}
  .tbl_list .item .right .manage .btn_confirm { border: 1px solid #237bff;  border-radius: 0.8rem;  padding: 0.6rem 1.4rem; font-weight: 800;  font-size: 1.4rem; text-align: center; color: #237bff; min-width: 7.8rem;  height: 3.2rem;  display: flex; align-items: center; justify-content: center;}

  .pagenation {margin: 3rem 0 1.5rem; gap: 2rem;}
  .pagenation .page { font-size: 1.6rem;}

  .uncompleted_box {  width: 100%; padding: 2.158rem 2rem 1.842rem; border-radius: 2rem; box-shadow: 0 1px 6px 0 rgba(33, 108, 150, 0.2);}
  .uncompleted_box .uncompleted_tit { font-size: 2.6rem; margin-bottom: 1.9rem;}
  .uncompleted_orders { gap: 1.2rem;}
  .uncompleted_orders > .item { width: calc((100% - 1.2rem) / 2);  border-radius: 0.8rem; padding: 1.2rem 1rem 1.3rem; box-shadow: 0 2px 6px 0 rgba(33, 108, 150, 0.25);}
  .uncompleted_orders > .item .status .txt { font-size: 1.6rem;}
  .uncompleted_orders > .item .status .new { border-radius: 0.4rem; width: 4.6rem; height: 2rem; font-size: 1.2rem;}
  .uncompleted_orders > .item .percent { font-size: 2rem; margin-bottom: 0.7rem;}
  .uncompleted_orders > .item .key { font-size: 1.6rem;}
  .uncompleted_orders > .item .btn { margin-top: 0.5rem;}
  .uncompleted_orders > .item .btn .btn_apply { border-radius: 0.4rem; height: 3.3rem;  font-size: 1.6rem;}

  .tab_navbox { gap: 1rem;}
  .tab_navbox .tab_nav { height: 4rem; box-shadow: 0 1px 6px 0 rgba(33, 108, 150, 0.2);  font-size: 1.5rem;}

  .guide_box { border-radius: 0.8rem; padding: 1.2rem 0.5rem 1.2rem 1rem;}
  .guide_box .guide_tit { font-size: 1.2rem;  margin-bottom: 0.6rem; padding: 0 1.2rem;}
  .guide_box .guide_list {gap: 0.2rem;}
  .guide_box .guide_list > .txt { font-size: 1.2rem;}

  .common_modal .modal_box { border-radius: 1.4rem; padding: 2.5rem 1.2rem;}
  .common_modal .modal_box .modal_txtbox { gap: 1.2rem;}
  .common_modal .modal_box .modal_txtbox .modal_tit { font-size: 2.6rem;}
  .common_modal .modal_box .modal_txtbox .modal_desc { font-size: 1.6rem;}
  .common_modal .modal_box .modal_btnbox { gap: 1rem; margin-top: 2.3rem;}
  .common_modal .modal_box .modal_btnbox .btn { border-radius: 1.5rem; width: 18rem;  height: 4.4rem; font-size: 2rem;}
    

  /* 인트로 */
  .intro_content .intro_box.tablet .top {margin-top: 7.2rem;}
  .intro_content .intro_box.tablet .top .title { font-weight: 700; font-size: 4.1rem;  text-align: center; color: var(--text); margin-bottom : 2.6rem;}
  .intro_content .intro_box.tablet .top .title .small { display: block;  font-size: 2.3rem; line-height: 1.3; font-weight: 300;}
  .intro_content .intro_box.tablet .top .title .small .bold {font-weight: 700;}  
  .intro_content .intro_box.tablet .top .bg1 {width: 100%;}
  .intro_content .intro_box.tablet .bottom { background: linear-gradient(162deg, rgba(255, 255, 255, 0.31) 0%, rgba(134, 197, 255, 0.31) 100%); padding: 5.4rem 0 0;  margin: -5.4rem 0 -1rem;}
  .intro_content .intro_box.tablet .bottom .txt { font-size: 2.1rem;font-weight: 700;  text-align: center; color: var(--text); margin-bottom: 0.7rem; margin-top: 1.7rem;}
  .intro_content .intro_box.tablet .bottom .logo { width: 29rem; margin: 0 auto;  display: block;}
  .intro_content .intro_box.tablet .bottom .bg2 {width: 100%; margin-top: 1.7rem;}


  /* 로그인 */
  .loginbox { width: 100%; max-width: unset; padding: 0 2.4rem;}
  .loginbox .mb_title { gap: 1.2rem;margin-bottom: 1.5rem; padding: 0 1.2rem;}
  .loginbox .mb_title .icon { max-width: 2.8rem;}
  .loginbox .mb_title .tit { font-size: 2.6rem;}
  .loginbox .mbskin_box { box-shadow: none; border-radius: 0; padding: 0; margin-top: 3.5rem;}
  .loginbox .mb_top .top .iconbox > img { max-width: 5.4rem;}
  .loginbox .mb_top .top .txtbox .txt { font-size: 1.7rem;}
  .loginbox .mb_top .bottom {margin-top:0;}
  .loginbox .sns-wrap {margin-top: 5.2rem;}
  .loginbox .kakao_login { border-radius: 0.8rem; height: 5.5rem;  font-size: 1.8rem;}
  .loginbox .login_fs::before { margin: 1.6rem auto 2rem;}
  .loginbox .login_fs .inputbox + .inputbox { margin-top: 2rem;}
  .loginbox .login_fs .btnbox { margin: 3rem 0;}
  .loginbox .login_fs .btnbox .btn_submit { border-radius: 100px; padding: 0.9rem 3.45rem; font-size: 1.6rem; height: 4rem;}
  .loginbox .login_fs .loginin_info { gap: 0.6rem; font-size: 1.2rem;}


  /* 회원가입 */
  .register_form_inner { margin-top: 5.2rem;}
  .registerbox .btnbox { gap: 1rem; margin-top: 4rem;}
  .registerbox .btnbox .btn_close, 
  .registerbox .btnbox .btn_confirm {  box-shadow: 0 2px 6px 0 rgba(33, 108, 150, 0.25);  border-radius: 100px; width: 13.8rem; height: 4rem; font-size: 1.6rem;}

  .register_resultbox {position: relative;}
  .register_resultbox .resultbox { display: flex; align-items: center; flex-direction: column; gap: 4.2rem; margin-top: 18vh;}
  .register_resultbox .resultbox .top {display: flex; justify-content: flex-start;  align-items: center; gap: 2.2rem;  margin-left: -0.5rem;}
  .register_resultbox .resultbox .top .icon { width: 5.1rem;}
  .register_resultbox .resultbox .top .txt { width: 15.6rem;}
  .register_resultbox .resultbox .msg { font-size: 1.7rem; text-align: center;  color: #2c3748;}
  .register_resultbox .resultbox .msg .bold{ font-weight: 700;}
  .register_resultbox .resultbox .reg_btn_submit { font-size: 1.6rem;  width: 13.8rem;  height: 4rem; display: inline-flex; align-items: center; justify-content: center;  border-radius: 100px; box-shadow: 0 2px 6px 0 rgba(33, 108, 150, 0.25);  background: #237bff;}


  /* 대시보드 */
  .dashboard_content .page_inner { padding: 2.5rem 2rem 5rem;}
  .dashboard_content .board_box {box-shadow: none; padding: 0; border-radius: 0;  margin-bottom: 3rem;}
  .dashboard_content .board_box > .board_item { width: 100%; gap: 1.2rem;}
  .dashboard_content .board_box > .board_item > .title { font-size: 2rem;  gap: 1.4rem; padding: 0 1.4rem; align-items: center;}
  .dashboard_content .board_box > .board_item > .title .icon { width: 2.5rem;   aspect-ratio: 1 / 1; background: no-repeat center / contain;}
  .dashboard_content .board_box > .board_item > .title .icon.notcie {background-image:url(../img/dash_tit_icon1.png);}
  .dashboard_content .board_box > .board_item > .title .icon.faq {background-image:url(../img/dash_tit_icon2.png);}
  .dashboard_content .board_box > .board_item > .board_slidebox .swiper { height: 4rem; border-radius: 0.8rem;}
  .dashboard_content .board_box > .board_item > .board_slidebox .swiper .swiper-slide { height: 40px;}
  .dashboard_content .board_box > .board_item > .board_slidebox .swiper .swiper-slide a { font-size: 1.4rem;padding: 0 1.3rem;}
  .dashboard_content .board_box > .board_item > .board_slidebox .controls { right: 1.3rem;  gap: 0.375rem;}
  .dashboard_content .board_box > .board_item > .board_slidebox .controls .prev_btn, 
  .dashboard_content .board_box > .board_item > .board_slidebox .controls .next_btn {  width: 1.2rem; height: 1.2rem;}
  .dashboard_content .myinfo_wrap { border-radius: 2rem; background: #fff;   box-shadow: 0 1px 6px 0 rgba(33, 108, 150, 0.2); padding: 2.4rem;  margin-bottom: 3rem;}
  .dashboard_content .myinfo_wrap .myinfo_top { display: flex; justify-content: space-between; align-items: flex-end; gap: 0 1rem;  border-bottom: 1px solid rgba(70, 90, 119, 0.15); padding-bottom: 1.6rem; margin-bottom: 2rem;}
  .dashboard_content .myinfo_wrap .myinfo_top .left { flex: 1;}
  .dashboard_content .myinfo_wrap .myinfo_top .left .sub_tit { font-weight: 400; font-size: 1.4rem;  color: var(--text);  margin-bottom: 0.1rem;}
  .dashboard_content .myinfo_wrap .myinfo_top .left .title { font-weight: 700;  font-size: 2rem; color: var(--text);}
  .dashboard_content .myinfo_wrap .myinfo_top .left .title .num { font-size: 3.2rem;}
  .dashboard_content .myinfo_wrap .myinfo_top .right .charge_btn { border-radius: 0.8rem;  padding: 0.75rem 1.2rem; background: #277eff; font-weight: 700;  font-size: 1.6rem; line-height: 1; text-align: center;  color: #fff; display: flex;  align-items: center; justify-content: center;}
  .dashboard_content .myinfo_box {justify-content: space-between; gap: 3rem;  margin-bottom: 0; padding: 0 0.7rem;}
  .dashboard_content .myinfo_box > .item {position: relative; border-radius: 0;  box-shadow: none; gap: 0;flex-direction: column;align-items: center; padding: 0;}
  .dashboard_content .myinfo_box > .item.request { --bg: #ffeeb0;}
  .dashboard_content .myinfo_box > .item.progress { --bg: #c2ffc1;}
  .dashboard_content .myinfo_box > .item.complete { --bg: #e0f4ff;}
  .dashboard_content .myinfo_box > .bar { width: 1px; height: 4.2rem;   background-color: rgba(70, 90, 119, 0.15);}
  .dashboard_content .myinfo_box > .item .txtbox { align-items: center;}
  .dashboard_content .myinfo_box > .item .txtbox .num { font-weight: 400; font-size: 1.8rem; color: var(--text); margin-bottom: 1rem;}
  .dashboard_content .myinfo_box > .item .txtbox .num span {font-weight: 600;}
  .dashboard_content .myinfo_box > .item .txtbox .txt { background: var(--bg);  font-size: 1.2rem;  font-weight: 700;border-radius: 0.6rem; padding: 0.5rem 1.2rem;}
  .dashboard_content .status_box { margin-bottom: 3rem;}
  .dashboard_content .page_titwrap { padding: 0 1.4rem; display: flex;  justify-content: space-between; align-items: center; margin-bottom: 1.8rem;}
  .dashboard_content .page_titwrap .page_titbox { gap: 1rem; margin-bottom: 0;}
  .dashboard_content .page_titwrap .more_btn { font-weight: 700; font-size: 1.4rem;  text-align: center; color: #277eff;}


  /* 충전하기 */
  .point_content { padding: 1.3rem 2rem 2rem;}
  .point_content .point_wrap { border-radius: 0; box-shadow: none; flex-direction: column;}
  .point_content .point_wrap .leftbox { width: 100%;}
  .point_content .point_wrap .rightbox { width: 100%;}
  .point_content .point_wrap .point_tit1 { font-size: 1.4rem;}
  .point_content .point_wrap .point_tit2 { font-size: 1.6rem;}
  .point_content .point_wrap .point_tit3 { font-size: 1.8rem; margin-bottom: 0.8rem;}
  .point_content .point_wrap.select { padding: 0; margin-bottom: 3rem; gap: 2.1rem;}
  .point_content .point_wrap.select.hide {display: none;}
  .point_content .point_wrap.select .leftbox { padding: 2.9rem 2rem 1.9rem;  display: flex;  flex-direction: column; border-radius: 2rem; background: #fff;  box-shadow: 0 1px 6px 0 rgba(33, 108, 150, 0.2);}
  .point_content .point_wrap.select .leftbox .point_tit1 { margin-bottom: 0.1rem;}
  .point_content .point_wrap.select .leftbox .total_point { margin-bottom: 0;  font-size: 2rem;  color: var(--text);}
  .point_content .point_wrap.select .leftbox .total_point .number {font-size: 3.2rem;}
  .point_content .point_wrap.select .leftbox .point_infobox { gap: 1.2rem;  font-size: 1.4rem;  line-height: 1.3; margin-top: 2.1rem;}
  .point_content .point_wrap.select .leftbox .point_infobox > .plus { display: none;}
  .point_content .point_wrap.select .leftbox .point_infobox > div {width: 50%;}
  .point_content .point_wrap.select .leftbox .point_infobox > div > .txt { display: block;}
  .point_content .point_wrap.select .leftbox .point_infobox > div > .number {  font-weight: 700; font-size: 1.8rem; display: block;  word-break: break-word;}
  .point_content .point_wrap.select .leftbox .point_infobox .default_point {  border-radius: 0.679rem; padding: 0.8rem;}
  .point_content .point_wrap.select .leftbox .point_infobox .bonus_point {  line-height: 1.3;  border-radius: 0.679rem; padding: 0.8rem 1.3rem; background: #fff3ed;}
  .point_content .point_wrap.select .leftbox .point_infobox .bonus_point .plus {  display: inline-block; font-size: 0.85em;  margin-right: 0.5rem;}
  .point_content .point_wrap.select .rightbox { padding: 0 1.9rem;}
  .point_content .point_wrap.select .rightbox .point_tit2 { margin-bottom: 1rem;  padding: 0 1.4rem;}
  .point_content .point_wrap.select .rightbox .select_tabbox { gap: 1rem 1.4rem;}
  .point_content .point_wrap.select .rightbox .select_tabbox .select_tab {  width: calc((100% - 1.4rem) / 2); height: 8.4rem;}
  .point_content .point_wrap.select .rightbox .select_tabbox .select_tab .point_label { padding: 0.4rem; border-radius: 1.1rem; box-shadow: 0 1px 6px 0 rgba(33, 108, 150, 0.2);}
  .point_content .point_wrap.select .rightbox .select_tabbox .select_tab .point_label .opt_tit { height: 2.4rem; border-radius: 0.8rem; font-size: 1.4rem;}
  .point_content .point_wrap.select .rightbox .select_tabbox .select_tab .point_label .opt_cont { font-size: 2rem;}
  .point_content .point_wrap.select .rightbox .select_tabbox .select_tab .point_label .icon.hot { max-width: 3.3rem; left: -1.2rem; top: -0.5rem;}
  .point_content .point_wrap.select .rightbox .select_tabbox .select_tab .point_label .icon.recommend { max-width: 4.3rem; top: -0.8rem; left: -1.2rem;}
  .point_content .point_wrap.select .rightbox .pay_btn {  position: sticky;  bottom: calc(6.6rem + 4%);  width: 90%;  max-width: 280px;  margin: 4rem auto 0;  height: 4.8rem;  border-radius: 1.1rem;  background: #237bff;  box-shadow: 0 4px 20px 0 rgba(39, 79, 157, 0.55); font-weight: 700; font-size: 2rem;  text-align: center; color: #fff;  display: flex;  align-items: center; justify-content: center; z-index: 50;}
  .point_content .point_wrap.payment { padding: 0; gap: 3rem; display: none;}
  .point_content .point_wrap.payment.show {display: flex;}
  .point_content .point_wrap.payment .point_tit2 { font-size: 2rem;}
  .point_content .point_wrap.payment .leftbox { padding: 0;}
  .point_content .point_wrap.payment .leftbox .point_tit2 { margin-bottom: 2rem;}
  .point_content .point_wrap.payment .leftbox .tab_navbox { margin-bottom: 2rem;}
  .point_content .point_wrap.payment .leftbox .tab_navbox .tab_nav { width: auto;  border-radius: 0.7rem; padding: 1rem 2rem;}
  .point_content .point_wrap.payment .leftbox .pay_items > .item + .item { margin-top: 2rem;}
  .point_content .point_wrap.payment .leftbox .pay_items > .item .guide_box {  margin-top: 2rem;}
  .point_content .point_wrap.payment .rightbox { padding: 0;}
  .point_content .point_wrap.payment .rightbox .point_tit2 { margin-bottom: 2.5rem;}
  .point_content .point_wrap.payment .rightbox .tab_navbox { margin-bottom: 3rem;}
  .point_content .point_wrap.payment .rightbox .input_wrap { padding: 1.4rem 0;}
  .point_content .point_wrap.payment .rightbox .input_wrap .selectbox {  margin: 2rem 0 1.6rem; padding: 0;}
  .point_content .point_wrap.payment .rightbox .total_box > .item { font-size: 1.5rem;}
  .point_content .point_wrap.payment .rightbox .total_box > .item.total { font-size: 2rem; padding-top: 2rem; margin: 0; border-color: rgba(70, 90, 119, 0.2);}
  .point_content .point_wrap.payment .rightbox .total_box .btnbox { margin-top: 2rem;  display: flex; align-items: center; gap: 0.8rem;}
  .point_content .point_wrap.payment .rightbox .total_box .btnbox .back_btn {  display: flex;  align-items: center; justify-content: center;  box-shadow: 0 2px 5px 0 rgba(33, 108, 150, 0.25); background: #fff; border-radius: 0.5rem;  padding: 1rem;  width: 36.5%; height: 4rem; font-weight: 800; font-size: 1.5rem; text-align: center; color: #237bff;}
  .point_content .point_wrap.payment .rightbox .total_box .btnbox .pay_btn {  border-radius: 0.5rem;  height: 4rem; font-size: 1.5rem;  flex: 1; margin: 0;}


  /* 서비스 신청 */
  .application_content .page_inner { padding: 0.8rem 2rem;}
  .application_content .servies_box + .servies_box { margin-top: 3rem;}
  .application_content .servies_box .page_titbox {padding: 0; margin-bottom: 1.553rem;}
  .application_content .servies_box .gall_box { gap: 1.2rem;}
  .application_content .servies_box .gall_box > .item { width: calc((100% - 1.2rem) / 2); border-radius: 1.1rem; padding: 0.657rem 0.613rem;}
  .application_content .servies_box .gall_box > .item .card { gap: 1.031rem;}
  .application_content .servies_box .gall_box > .item .card .card_img {  border-radius: 0.6rem; font-size: 1.3rem;}
  .application_content .servies_box .gall_box > .item .card .card_body {  padding: 0 0 1rem;}
  .application_content .servies_box .gall_box > .item .card .card_body .card_badge {  gap: 0.4rem; margin-bottom: 0.786rem;}
  .application_content .servies_box .gall_box > .item .card .card_body .card_badge .badge { font-size: 1.2rem; padding: 0.2rem 0.4rem;}
  .application_content .servies_box .gall_box > .item .card .card_body .card_title {  font-size: 1.6rem; margin-bottom: 1.4rem; }
  .application_content .servies_box .gall_box > .item .card .card_body .card_text { display: none;}
  .application_content .servies_box .gall_box > .item .card .card_body .price_wrap .original_price { font-size: 1.2rem;}
  .application_content .servies_box .gall_box > .item .card .card_body .price_wrap .price { font-size: 1.2rem;}
  .application_content .servies_box .gall_box > .item .card .card_body .price_wrap .price .num { font-size: 1.8rem;}

  
  /* 서비스소개 */
  .serviceIntro_content .intro_section { flex-direction: column-reverse; gap: 0; margin-bottom: 3rem;}
  .serviceIntro_content .intro_section .leftbox, 
  .serviceIntro_content .review_section { width: 100%; box-shadow: none;}
  .serviceIntro_content .intro_section .leftbox { padding: 0; min-height: unset;}
  .serviceIntro_content .intro_section .leftbox .intro_box.tablet .top {margin-top: 7.2rem;}
  .serviceIntro_content .intro_section .leftbox .intro_box.tablet .top .title { font-weight: 700; font-size: 4.1rem;  text-align: center; color: var(--text); margin-bottom : 2.6rem;}
  .serviceIntro_content .intro_section .leftbox .intro_box.tablet .top .title .small { display: block;  font-size: 2.3rem; line-height: 1.3; font-weight: 300;}
  .serviceIntro_content .intro_section .leftbox .intro_box.tablet .top .title .small .bold {font-weight: 700;}  
  .serviceIntro_content .intro_section .leftbox .intro_box.tablet .top .bg1 {width: 100%;}
  .serviceIntro_content .intro_section .leftbox .intro_box.tablet .bottom { background: linear-gradient(162deg, rgba(255, 255, 255, 0.31) 0%, rgba(134, 197, 255, 0.31) 100%); padding: 5.4rem 0 0;  margin: -5.4rem 0 0; display: flex; flex-direction: column;}
  .serviceIntro_content .intro_section .leftbox .intro_box.tablet .bottom .txt { font-size: 2.1rem;font-weight: 700;  text-align: center; color: var(--text); margin-bottom: 0.7rem; margin-top: 1.7rem;}
  .serviceIntro_content .intro_section .leftbox .intro_box.tablet .bottom .logo { width: 29rem; margin: 0 auto;  display: block;}
  .serviceIntro_content .intro_section .leftbox .intro_box.tablet .bottom .bg2 {width: 100%; margin-top: 1.7rem;}
  .serviceIntro_content .intro_section .rightbox { width: 100%; border-radius: 0;  box-shadow: none;}
  .serviceIntro_content .intro_section .service_card .card_img { font-size: 2.4rem;}
  .serviceIntro_content .intro_section .service_card .card_body { position: fixed;  left: 0;  bottom: 6.6rem; width: 100%; height: 11.5rem; box-shadow: 0 4px 25px rgba(98, 161, 197, 0.6); background: #fff; padding: 0 2rem 2rem; border-radius: 2rem 2rem 0 0; transition: all 0.4s ease; z-index: 10;}
  .serviceIntro_content .intro_section .service_card .card_body .card_btn {  display: flex; align-items: center; justify-content: center;  gap: 0.6rem; padding: 0.8rem 0;  margin-bottom: 0.4rem;}
  .serviceIntro_content .intro_section .service_card .card_body .card_btn .txt {   font-weight: 400;  font-size: 1.2rem;  text-align: center; color: var(--text);}
  .serviceIntro_content .intro_section .service_card .card_body .card_btn .icon {   background: url(../img/icon_card_arrow.png) no-repeat center / contain;   width: 1.2rem;  height: 0.4rem; transition: all 0.4s ease;}
  .serviceIntro_content .intro_section .service_card .card_body .card_badge { display: none;}
  .serviceIntro_content .intro_section .service_card .card_body .card_title {  font-size: 2.2rem; margin-bottom: 0.9rem;}
  .serviceIntro_content .intro_section .service_card .card_body .infobox { position: relative; margin-bottom: 2.1rem;}
  .serviceIntro_content .intro_section .service_card .card_body .ratebox { gap: 0.7rem;}
  .serviceIntro_content .intro_section .service_card .card_body .ratebox .rate_tit {  font-size: 1.5rem;}
  .serviceIntro_content .intro_section .service_card .card_body .ratebox .rate_icons .star { width: 1.8rem;}
  .serviceIntro_content .intro_section .service_card .card_body .ratebox .rate_num {  font-size: 1.4rem; align-items: baseline;}
  .serviceIntro_content .intro_section .service_card .card_body .ratebox .rate_num .num { font-size: 1.5rem;}
  .serviceIntro_content .intro_section .service_card .card_body .infobox .btn_apply {   position: absolute; right: 0; bottom: 0;  width: auto; border-radius: 2rem;  padding: 0.6rem 2rem;  min-height: auto; height: 3.3rem; font-size: 1.6rem; display: flex; margin: 0; transition: all 0.4s ease;}
  .serviceIntro_content .intro_section .service_card .card_body .optbox {  gap: 1rem;   margin-top: 0;}
  .serviceIntro_content .intro_section .service_card .card_body .optbox .opt_tit {  font-size: 1.6rem; margin-bottom: 0.8rem; padding: 0 0.6rem;}
  .serviceIntro_content .intro_section .service_card .card_body .totalbox {  padding-top: 2.4rem; margin-top: 2.5rem;}
  .serviceIntro_content .intro_section .service_card .card_body .totalbox .pricebox .sub { font-size: 1.6rem;}
  .serviceIntro_content .intro_section .service_card .card_body .totalbox .pricebox .price { font-size: 2.2rem;}
  .serviceIntro_content .intro_section .service_card .card_body .btn_apply {  border-radius: 2rem; width: 90%; max-width: 270px; height: 5rem; min-height: 5rem;  font-size: 2rem; margin: 2rem auto 0;}
  .serviceIntro_content .intro_section .service_card .card_body.open { height: 46.5rem; overflow: auto;}
  .serviceIntro_content .intro_section .service_card .card_body.open .card_btn .icon {  transform: rotate(180deg);}
  .serviceIntro_content .intro_section .service_card .card_body.open .infobox .btn_apply { pointer-events: none; opacity: 0;}
  .serviceIntro_content .review_section .review_tit { font-size: 2rem; margin-bottom: 2rem; padding: 0 2rem;}
  .serviceIntro_content .review_section .review_listbox { box-shadow: none;  border-radius: 0; padding: 0; margin-bottom: 4rem; padding: 0 2rem;}
  .serviceIntro_content .review_section .review_list { gap: 3rem; margin-bottom: 3rem;}
  .serviceIntro_content .review_section .review_list .review_card .review_name {  gap: 1.2rem; margin-bottom: 1rem;}
  .serviceIntro_content .review_section .review_list .review_card .review_name .badge {  border-radius: 0.6rem; padding: 0.4rem 0.8rem; height: 2.5rem; font-size: 1.3rem;}
  .serviceIntro_content .review_section .review_list .review_card .review_name .author { font-size: 2rem;}
  .serviceIntro_content .review_section .review_list .review_card .review_info {  gap: 1.3rem; margin-bottom: 1.1rem;}
  .serviceIntro_content .review_section .review_list .review_card .review_info .rating_stars .star {width: 1.8rem;}
  .serviceIntro_content .review_section .review_list .review_card .review_info .review_date { font-size: 1.6rem;}
  .serviceIntro_content .review_section .review_list .review_card .review_options {  font-size: 1.4rem;  margin-bottom: 2.2rem;}
  .serviceIntro_content .review_section .review_list .review_card .review_descbox .review_text { font-size: 1.6rem;}
  .serviceIntro_content .review_section .review_list .review_card .review_descbox .review_more { font-size: 1.4rem;}
  .serviceIntro_content .review_section .review_writebox { box-shadow: none;  border-radius: 0; padding: 2rem 2rem 14rem; border-top: 1px solid rgba(70, 90, 119, 0.24);}
  .serviceIntro_content .review_section .review_titbox { gap: 1rem;  margin-bottom: 1rem;}
  .serviceIntro_content .review_section .review_titbox .review_tit2 { font-size: 2rem;}
  .serviceIntro_content .review_section .review_titbox .ratebox .rate_label {  width: 2.66rem;}
  .serviceIntro_content .review_section .inputbox textarea.input_text { height: 10rem; padding: 1.4rem 1.6rem;}


  /* 서비스 원고 진행 */
  .posting_content { max-width: 100%;}
  .posting_content .page_inner {padding: 1.5rem 2rem 7.4rem;}
  .posting_content .posting_titbox { display: none;}
  .posting_content .step_content.show { flex-direction: column-reverse;  gap: 3rem;}
  .posting_content .step_content .stepbox { justify-content: space-between; flex-direction: row; gap: 0; margin-top: 0; width: 100%;}
  .posting_content .step_content .stepbox::before { border-radius: 1.5rem; width: calc(100% - 2.75rem* 2); height: 0.25rem; left: calc(50% - 0.85rem); top: calc(100% - 1rem);  transform: translateX(-50%);}
  .posting_content .step_content .stepbox .stepitem {font-weight: 500; font-size: 1.2rem; line-height: 1.4rem;}
  .posting_content .step_content .stepbox .stepitem.on { font-size: 1.4rem;}
  .posting_content .step_content .stepbox .stepitem .link { padding-left: 0; display: flex; flex-direction: column;align-items: center; gap: 0.5rem;}
  .posting_content .step_content .stepbox .stepitem .link::after { width: 1.2rem;    position: relative;  left: unset;  top: unset;  transform: none;  display: block; margin: 0.25rem 0; background-color: #dfe6ee;;}
  .posting_content .step_content .stepbox .stepitem.on .link::after { width: 1.8rem; margin: 0; left: unset;}
  .posting_content .step_content .contbox { width: 100%; max-width: 100%;}
  .posting_content .step_content .contbox .input_label.spaceBetween .rightxt .desc {  font-size: 1.4rem;}
  .posting_content .step_content .contbox .input_label.spaceBetween .rightxt .num {   font-size: 1.8rem;}
  .posting_content .step_content .inputbox .selectbox { margin: 0.5rem 0 1.4rem;  padding: 0 1rem;  gap: 1.2rem 2rem;}
  .posting_content .step_content#step2 .formbox { gap: 3rem;}
  .posting_content .step_content#step2 .formbox .form_titbox { margin-bottom: -1rem;}
  .posting_content .step_content#step2 .inputbox .input_label { margin-bottom: 1.6rem;}
  .posting_content .step_content#step3 .formbox .form_titbox { margin-bottom: -1rem;}
  .posting_content .step_content .file_btn .label_file { border-radius: 10rem; height: 3.4rem;}


  /* 서비스 진행 현황 */
  .status_content .page_inner { padding: 2.4rem 2rem;}
  .status_content .status_box { margin-bottom: 5rem; }
  .status_content .status_box .page_titbox {gap: 1.1rem; margin-bottom: 1rem;}
  .status_content .status_box .page_titbox img { width: 2rem;}
  .status_content .tbl_wrap {padding: 1.1rem 0.6rem;}
  .status_content .status_box .tbl_wrap .tbl_titbox { display: none;}
  .status_content .status_box .tbl_wrap { padding: 0; border-radius: 0; box-shadow: none;}
  .status_content .status_box .tbl_list { padding: 1.1rem 2.6rem; border-radius: 2rem; box-shadow: 0 1px 6px 0 rgba(33, 108, 150, 0.2);}
  .status_content .uncompleted_box { box-shadow: none; padding: 0;  border-radius: 0;  margin: 0 0 2rem;}
  .status_content .uncompleted_box .uncompleted_tit { font-size: 2rem; margin-bottom: 1.5rem; display: flex; align-items: center; gap: 1rem;}
  .status_content .uncompleted_box .uncompleted_tit > img {width: 2rem;}
  .status_content .uncompleted_orders {gap: 1.2rem;}  
  .status_content .uncompleted_orders > .item .btn .btn_apply { border-radius: 0.8rem;}

  .status_content.detail_content .page_titbox { margin-bottom: 1.9rem;   gap: 1rem;}
  .status_content.detail_content .page_titbox.detail_ver .link { gap: 1rem;}
  .status_content.detail_content .page_titbox.detail_ver .txt { font-size: 1.4rem;}
  .status_content.detail_content .page_titbox.detail_ver > .title { font-size: 1.8rem; margin-left: 0;}
  .status_content.detail_content .tbl_wrap + .tbl_wrap {margin-top: 3.3rem;}
  .status_content.detail_content .status_box .tbl_wrap .tbl_titbox {  display: flex;  justify-content: space-between; gap: 1rem; margin-bottom: 2rem;}
  .status_content.detail_content .tbl_wrap .tbl_titbox > .tit { font-size: 1.6rem;}
  .status_content.detail_content .tbl_wrap .tbl_titbox .chkbox {  display: flex;  align-items: center;  gap: 1rem; font-weight: 700; font-size: 1.4rem; color: #277eff;}
  .status_content.detail_content .tbl_wrap .tbl_titbox .chkbox .input_check { border: 1px solid rgba(108, 157, 203, 0.3);  border-radius: 0.4rem; width: 16px; background: #d3e8fb;}
  .status_content.detail_content .tbl_wrap .tbl_titbox .chkbox .input_check { border: 1px solid rgba(108, 157, 203, 0.3);  border-radius: 0.4rem; width: 16px; background: #d3e8fb;}
  .status_content.detail_content .tbl_wrap .tbl_titbox .chkbox .input_check:hover {border-color: #2685f5;}
  .status_content.detail_content .tbl_wrap .tbl_titbox .chkbox .input_check:checked { border-color: #2685f5; background: #6bc1ff;}  
  .status_content.detail_content .tbl_wrap .tbl_titbox .chkbox .input_check::before {  width: 8px;}
  .status_content.detail_content .tbl_list { padding: 0; overflow: hidden;}
  .status_content.detail_content .tbl_list .item { gap: 1rem;  border-bottom: 0;  padding: 1.6rem 2rem;  align-items: center; transition: all 0.4s ease;}
  .status_content.detail_content .tbl_list .item::after { content: ""; background: rgba(70, 90, 119, 0.15);  width: calc(100% - 2rem* 2);  height: 1px;   position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);}
  .status_content.detail_content .tbl_list .item:last-child::after {display: none;}
  .status_content.detail_content .tbl_list .item .left .date { transition: all 0.4s ease;}
  .status_content.detail_content .tbl_list .item:last-child::after {display: none;}
  .status_content.detail_content .tbl_list .item .left .name { font-size: 1.4rem; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 2;  -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;  transition: all 0.4s ease;}
  .status_content.detail_content .tbl_wrap.bottom .tbl_list .item .right .status_badge {  padding: 0.6rem 1rem; min-width: 10rem; height: 2.9rem; font-size: 1.4rem;}  
  .status_content.detail_content .tbl_list .item .right .manage .btn_confirm  { transition: all 0.4s ease;}
  .status_content.detail_content .tbl_list .item .check { align-self: center;  margin-right: 0.7rem;}
  .status_content.detail_content .tbl_list .item .check .input_check {  border-radius: 0.4rem;  width: 16px;}
  .status_content.detail_content .tbl_list .item .check .input_check::before {  width: 8px;}
  .status_content.detail_content .pagenation { margin: 3rem 0;}
  .status_content.detail_content .tbl_btnbox .btn { border-radius: 1.2rem; height: 4.5rem; font-size: 1.6rem;}
  .status_content.detail_content.tbl_btnbox .btn.btn_typeB { width: 35%; max-width: 12.2rem;}
  .status_content.detail_content .tbl_btnbox .btn.btn_typeA { width: 100%; flex: 1;}
  .status_content.detail_content .tbl_list .item.active { background: #277eff;}
  .status_content.detail_content .tbl_list .item.active .left .date,
  .status_content.detail_content .tbl_list .item.active .left .name{color: #fff}
  .status_content.detail_content .tbl_list .item.active .right .manage .btn_confirm {color: #fff; border-color: #fff;}

  .write_conetnt .page_titbox.detail_ver { padding: 2.4rem 2rem 0; gap: 1rem;  margin-bottom: 1.8rem;}
  .write_conetnt .page_titbox.detail_ver .link { gap: 1rem;}
  .write_conetnt .page_titbox.detail_ver .txt { font-size: 1.4rem;}
  .write_conetnt .page_titbox.detail_ver > .title { font-size: 1.8rem; margin-left: 0;}
  .write_conetnt .formbox { padding: 0 2rem;}
  .write_conetnt .formbox .inputwrap { gap: 2rem; border-radius: 1.2rem;  background: #fff; box-shadow: 0 1px 6px 0 rgba(33, 108, 150, 0.2); padding: 1.5rem 0.6rem 1.3rem;  margin-bottom: 3rem;}
  .write_conetnt .formbox .inputbox .input_label { font-size: 1.6rem; padding: 0 1.2rem; margin-bottom: 1rem;}
  .write_conetnt .inputbox .input_label { padding: 0 3.2rem;}
  .write_conetnt .inputbox.file.tablet .file_imgbox { padding: 0.4rem 2rem 2rem;}
  .write_conetnt .inputbox.file.tablet .file_btn { margin-top: 1rem; padding: 0 2rem;}
  .write_conetnt .tbl_btnbox { gap: 0.8rem; margin: 4rem 0; padding: 0 2rem;}
  .write_conetnt .tbl_btnbox .btn { border-radius: 1.2rem; height: 4.5rem; font-size: 1.6rem;}
  .write_conetnt .tbl_btnbox .btn.btn_typeA { width: 100%; flex: 1; font-size: 1.6rem;}
  .write_conetnt .tbl_btnbox .btn.btn_typeB { width: 35%; max-width: 12.2rem;}
  .write_conetnt #bo_w button.btn_submit { font-size: 1.6rem; height: 4.5rem; padding: 0;}



  /* 결제내역 */
  .payHistory_content .page_inner {padding: 1.4rem 2rem 3rem;}
  .payHistory_content .status_box .page_titwrap { display: flex;  align-items: center;  justify-content: space-between; gap: 1rem; margin-bottom: 1.875rem;}
  .payHistory_content .status_box .page_titbox { flex: 1; gap: 1rem;  margin-bottom: 0;}
  .payHistory_content .status_box .page_titwrap .filter_select { width: 18rem;  cursor: pointer; position: relative;}
  .payHistory_content .status_box .page_titwrap .filter_select::before {  content: "";  background: url(../img/icon_date.png) no-repeat center / contain; position: absolute;  left: 1.6rem;  top: 47%; transform: translateY(-50%); width: 1.6rem;  aspect-ratio: 1 / 1;}
  .payHistory_content .status_box .page_titwrap .filter_select .select_txt {  border: 1px solid var(--text);  border-radius: 0.8rem; padding: 0 1.6rem;  padding-left: 4rem;  height: 3.3rem;  font-size: 1.4rem;  font-weight: 500; background-position: right 1.3rem center;  background-size: 1.3rem auto;}
  .payHistory_content .tbl_wrap {padding: 0; border-radius: 0; box-shadow: none;}
  .payHistory_content .tbl_list { padding: 1.9rem 2rem; border-radius: 1.2rem;  box-shadow: 0 1px 6px 0 rgba(33, 108, 150, 0.2); gap: 3rem;}
  .payHistory_content .tbl_list .item { flex-wrap: wrap; border-bottom: 0; padding: 0;gap: 0 1rem;}
  .payHistory_content .tbl_list .item .left .title { font-weight: 400;  font-size: 1.2rem; color: #51647f; margin-bottom: 0.1rem;}
  .payHistory_content .tbl_list .item .left .point { font-weight: 700; font-size: 1.6rem; color: var(--text);}
  .payHistory_content .tbl_list .item .left .point .num {font-size: 2.4rem; margin-right: 0.5rem;}
  .payHistory_content .tbl_list .item .left .price { font-size: 1.4rem; display: flex; align-items: center;gap: 0.5rem;}
  .payHistory_content .tbl_list .item .left .price .tit {color: #51647f;}
  .payHistory_content .tbl_list .item .left .price .desc { font-weight: 600; color: var(--text);}
  .payHistory_content .tbl_list .item .infobox { width: 100%; display: flex;  flex-wrap: wrap; gap: 0.4rem 0; margin-top: 1.6rem;}
  .payHistory_content .tbl_list .item .infobox .infoitem { width: 50%; display: flex;  align-items: center; gap: 0 0.4rem; font-size: 1.2rem;}
  .payHistory_content .tbl_list .item .infobox .infoitem:nth-child(even) {  justify-content: flex-end;}
  .payHistory_content .tbl_list .item .infobox .infoitem .tit { font-weight: 400;    color: rgba(70, 90, 119, 0.5); white-space: nowrap;}
  .payHistory_content .tbl_list .item .infobox .infoitem:nth-child(odd) .tit {  width: 6.5rem;}
  .payHistory_content .tbl_list .item .infobox .infoitem .desc { font-weight: 500;  color: rgba(70, 90, 119, 0.7);}


  /* 내정보 */
  .mypage_content .page_inner { padding: 2rem;}
  .mypage_content .page_titbox { margin-bottom: 2rem;}
  .mypage_content .mypage_box { padding: 1.5rem 0.6rem; border-radius: 1.2rem;  box-shadow: 0 1px 6px 0 rgba(33, 108, 150, 0.2); flex-direction: column; gap: 4rem;}
  .mypage_content .mypage_box .mypage_item { width: 100%;}
  .mypage_content .mypage_box .mypage_item > .title { font-size: 1.8rem;  margin-bottom: 2rem; padding: 0 1.2rem;}
  .mypage_content .mypage_box .mypage_item .inputbox .input_label { font-size: 1.6rem; padding: 0 1.4rem;}
  .mypage_content .mypage_box .mypage_item .btnbox {justify-content: center; gap: 1rem; margin-top: 2rem;}
  .mypage_content .mypage_box .mypage_item .btnbox .btn { font-weight: 700;  font-size: 1.6rem; color: #fff;border-radius: 100px; padding: 0.6rem 2rem; height: 3.2rem;}
  .mypage_content .mypage_box .mypage_item .btnbox .btn.withdrawal_btn { display: none;}
  .mypage_content .mob_withdrawal_btn { display: flex; align-items: center;  justify-content: center; margin: 2rem 0 0 auto;  font-weight: 700;  font-size: 1.4rem; color: #fff;  border-radius: 2rem; padding: 0.4rem 1.2rem; height: 2.5rem;  background: #7e7e7e;}


  /* 상세페이지 */
  .detail_contents .detail_secion .ds_badge { border-radius: 1.2rem; padding: 0.6rem 1.5rem; font-size: 1.8rem; margin-bottom: 1.9rem;}
  .detail_contents .detail_secion .ds_title {font-size: 3rem; margin-bottom: 2.9rem;}
  .detail_contents .detail_secion .ds_desc { font-size: 1.6rem; line-height: 1.6;}
  .detail_contents .detail_secion .more_btn {  box-shadow: 0 0.2rem 1.1rem 0 rgba(98, 161, 197, 0.25); background: linear-gradient(116deg, rgba(75, 112, 206, 0.2) 0%, rgba(190, 207, 239, 0.2) 100%), #277eff;}
  .detail_contents .detail_secion .more_btn .txt { font-size: 1.7rem;}
  .detail_contents .detail_secion .more_btn .icon { width: 1.9rem;}

  .detail_contents .ds1 {padding-bottom: 4.5rem;}
  .detail_contents .ds1 .titbox { margin-bottom: 4rem;}
  .detail_contents .ds1 .titbox .sub { margin-bottom: 5rem;}
  .detail_contents .ds1 .titbox .desc { display: none;}
  .detail_contents .ds1 .imgbox { max-width: 100%; padding: 0; width: 98%;  padding-left: 8%;}

  .detail_contents .ds2 { background: #cdf0ff; padding: 5rem 0 4.3rem;}
  .detail_contents .ds2 .ds2_txt { font-size: 2.2rem; line-height: 1.5;}
  .detail_contents .ds2 .bg_deco1 { width: 17%;}
  .detail_contents .ds2 .bg_deco2 { width: 13.5%;}

  .detail_contents .ds3 { padding: 4.8rem 0 5.7rem;}
  .detail_contents .ds3 .ds_titbox { margin-bottom: 2.3rem;}
  .detail_contents .ds3 .ds3_cont { flex-direction: column; max-width: 100%;  box-shadow: 0 0.5rem 0.5rem 0 rgba(37, 60, 143, 0.06); border: 1px solid rgba(135, 164, 220, 0.2); border-radius: 2.4rem; padding: 1.2rem;}
  .detail_contents .ds3 .ds3_cont .imgbox { width: 100%; max-width: 100%;}
  .detail_contents .ds3 .ds3_cont .txtbox { width: 100%; padding: 3.3rem 2rem 2rem; gap: 2rem;}
  .detail_contents .ds3 .ds3_cont .txtbox .title { font-size: 2.6rem; line-height: 1.4;}
  .detail_contents .ds3 .ds3_cont .txtbox .listbox .desc { font-size: 1.6rem;  padding: 0.5rem 0; padding-left: calc(1.6rem + 1rem); border-bottom: 1px solid rgba(48, 81, 164, 0.3);word-break: keep-all;}
  .detail_contents .ds3 .ds3_cont .txtbox .listbox .desc::before { width: 1.6rem; top: 0.5rem;}

  .detail_contents .ds4 { padding: 4.3rem 0 1rem;}
  .detail_contents .ds4 .ds_titbox .ds_badge { margin-bottom: 3.9rem;}
  .detail_contents .ds4 .ds_title {font-size: 2.7rem; margin-bottom: 3.4rem;}
  .detail_contents .ds4 .ds_titbox .ds_title .point .txt { font-size: 2.7rem;  padding: 0.4rem 0.8rem;}
  .detail_contents .ds4 .ds_titbox .ds_title .point .img {  width: 4rem;  left: 52%;  bottom: 94%;}
  .detail_contents .ds4 .ds4_cont { max-width: unset; margin-bottom: 7rem; gap: 1rem;}
  .detail_contents .ds4 .ds4_cont .txtbox {  padding-top: 1rem;}
  .detail_contents .ds4 .ds4_cont .txtbox .listbox { gap: 0.9rem;}
  .detail_contents .ds4 .ds4_cont .txtbox .listbox .desc {  font-size: 1.1rem;  padding: 0.6rem 2.5rem 0.6rem 4rem;  max-width: unset;  box-shadow: 0 1px 0.375rem rgba(97, 155, 205, 0.73); border: 1px solid #5493cb; border-radius: 10rem; max-width: 14.2rem;}
  .detail_contents .ds4 .ds4_cont .txtbox .listbox .desc::before { width: 2rem;  left: 0.4rem;}
  .detail_contents .ds4 .ds4_cont .txtbox .listbox .desc:nth-child(2) { margin-left: -1.6rem;}
  .detail_contents .ds4 .ds4_cont .txtbox .listbox .desc:nth-child(3) { margin-left: -3.3rem;}
  .detail_contents .ds4 .ds4_cont .txtbox .listbox .desc:nth-child(4) { margin-left: -5rem;}
  .detail_contents .ds4 .ds_title.bottom { font-size: 2.4rem; margin-bottom: 5rem;}
  .detail_contents .ds4 .ds_title.bottom .point .txt {  font-size: 2.4rem;  box-shadow: 0 0.4rem 0.6rem 0 rgba(28, 79, 156, 0.23); border-radius: 0.5rem; padding: 0.3rem 0.8rem;}
  .detail_contents .ds4 .ds_title.bottom .point .img { width: 3.5rem; left: 65%;}

  .detail_contents .ds5 { padding: 6rem 0 5.1rem;}
  .detail_contents .ds5 .ds_titbox .ds_badge { margin-bottom: 6.2rem; }
  .detail_contents .ds5 .ds_title { font-size: 2.63rem; margin-bottom: 4.6rem;}
  .detail_contents .ds5 .ds_titbox .ds_title .point .img { width: 8.8rem;}
  .detail_contents .ds5 .ds5_cont {flex-direction: column-reverse; gap: 7.5rem;      padding-left: 0;}
  .detail_contents .ds5 .ds5_cont .imgbox {width: 100%; max-width: 35rem;}
  .detail_contents .ds5 .ds5_cont .txtbox { padding: 3.5rem 2.9rem 2.8rem;   box-shadow: 0 0.5rem 0.5rem 0 rgba(37, 60, 143, 0.06); border: 0.2rem solid rgba(44, 101, 209, 0.2); border-radius: 2.5rem; gap: 1.8rem; width: 100%;}
  .detail_contents .ds5 .ds5_cont .txtbox .title { font-size: 2.2rem; line-height: 1.5;}
  .detail_contents .ds5 .ds5_cont .txtbox .listbox .desc { font-size: 1.4rem;  padding: 0.5rem 0; padding-left: calc(1.6rem + 1rem); border-bottom: 1px solid rgba(48, 81, 164, 0.3);word-break: keep-all;}
  .detail_contents .ds5 .ds5_cont .txtbox .listbox .desc::before { width: 1.6rem;  top: 0.5rem;}
  .detail_contents .ds5 .ds5_cont .imgbox { max-width: 100%;}

  .detail_contents .ds6 { padding: 6rem 0;}
  .detail_contents .ds6 .ds_titbox { margin-bottom: 6.9rem;}
  .detail_contents .ds6 .ds_titbox .ds_badge { margin-bottom: 7.5rem;}
  .detail_contents .ds6 .ds_titbox .ds_title .point .img { width: 13rem;}
  .detail_contents .ds6 .ds_title { margin-bottom: 0;}
  .detail_contents .ds6 .ds6_cont {  flex-direction: column; margin-bottom: 8rem;}
  .detail_contents .ds6 .ds6_cont .imgbox.img1 { max-width: 31rem; width: 100%;}
  .detail_contents .ds6 .ds6_cont .imgbox.img2 { width: 36rem; margin-right: -2%;}
  .detail_contents .ds6 .ds6_cont .arrow { width: 9rem;  margin: 0; transform: rotate(90deg); margin: 3rem 2rem 3rem 0;}
  .detail_contents .ds6 .ds_desc { font-size: 2rem; line-height: 1.8;}
  .detail_contents .ds6 .ds_desc.ds6_bottom_txt { font-size: 2rem;}
  .detail_contents .ds6 .ds6_bottom_txt .sizing .word:nth-child(2) { font-size: 0.95em;}
  .detail_contents .ds6 .ds6_bottom_txt .sizing .word:nth-child(3) { font-size: 0.75em;}
  .detail_contents .ds6 .ds6_bottom_txt .sizing .word:nth-child(4) { font-size: 0.7em;}

  .detail_contents .ds7 { padding: 6rem 0 7.5rem;}
  .detail_contents .ds7 .ds_titbox { margin-bottom: 6rem;}
  .detail_contents .ds7 .ds_badge { margin-bottom: 4rem;}
  .detail_contents .ds7 .ds_title { font-size: 3.3rem; margin-bottom: 1.4rem;}
  .detail_contents .ds7 .ds_desc { font-size: 2.2rem;}
  .detail_contents .ds7 .ds7_cont { flex-direction: column; align-items: center;  overflow: unset; border-radius: 0; border: none; background: transparent;  box-shadow: none;  gap: 4.2rem;}
  .detail_contents .ds7 .ds7_cont::after {display: none;}
  .detail_contents .ds7 .ds7_cont > .item { width: 100%; max-width: 40rem; box-shadow: 0 0.8rem 1.1rem 0 rgba(12, 105, 134, 0.14); border: 1px solid rgba(98, 142, 207, 0.29); border-radius: 1.9rem; background: #fff; overflow: hidden;}
  .detail_contents .ds7 .ds7_cont > .item .txtbox { gap: 1.9rem; padding: 1.9rem 2rem 2.7rem;}
  .detail_contents .ds7 .ds7_cont > .item .txtbox .title .badge {  font-size: 1.4rem;   border-radius: 0.6rem; padding: 0.375rem 0.625rem;}
  .detail_contents .ds7 .ds7_cont > .item .txtbox .title .txt { font-size: 2.4rem;}
  .detail_contents .ds7 .ds7_cont > .item .txtbox .listbox .list_desc { font-size: 1.4rem; padding-left: calc(1.3rem + 0.5rem); word-break: keep-all;}
  .detail_contents .ds7 .ds7_cont > .item .txtbox .listbox .list_desc::before {  width: 1.3rem; top: 0.75rem;}

  .detail_contents .ds8 { padding: 6rem 0 8.6rem;}
  .detail_contents .ds8 .ds_badge { margin-bottom: 4rem;}
  .detail_contents .ds8 .ds_title { margin-bottom: 4.6rem;}
  .detail_contents .ds8 .ds_desc .dot_wrap .dot::before { top: -0.25rem; width: 0.313rem;}
  .detail_contents .ds8 .ds_titbox { margin-bottom: 5.7rem;}
  .detail_contents .ds8 .ds8_cont { flex-direction: column;}
  .detail_contents .ds8 .ds8_cont .imgbox.img1 { max-width: 28.6rem;}
  .detail_contents .ds8 .ds8_cont .imgbox.img2 { max-width: 35rem;}
  .detail_contents .ds8 .ds8_cont .vs {width: 14rem; margin: -7rem 0;}

  .detail_contents .ds9 { padding: 6.6rem 0 7.7rem;}
  .detail_contents .ds9 .ds_title { margin-bottom: 6rem;}
  .detail_contents .ds9 .ds_title .point .txt .bk { -webkit-text-fill-color: #365481;}
  .detail_contents .ds9 .ds9_cont {width: 90%; flex-direction: column; align-items: center;  text-align: center;}
  .detail_contents .ds9 .ds9_cont::before { height: 74%; border-radius: 3.4rem;}
  .detail_contents .ds9 .ds9_cont .imgbox {  width: 100%; max-width: 26.8rem; margin-bottom: 0;}
  .detail_contents .ds9 .ds9_cont .txtbox { padding: 0 0 3.6rem; gap: 1.875rem;  margin-top: -0.5rem;}
  .detail_contents .ds9 .ds9_cont .txtbox .tit {font-size: 2.4rem; line-height: 1.6;}
  .detail_contents .ds9 .ds9_cont .txtbox .tit .bold {  font-size: 3rem;}
  .detail_contents .ds9 .ds9_cont .txtbox .desc { font-size: 1.6rem;}

  .detail_contents .ds10 { padding: 6rem 0 8rem;}
  .detail_contents .ds10 .ds10_cont { gap: 6.3rem;}
  .detail_contents .ds10 .ds10_cont .desc { font-size: 3rem;}
  .detail_contents .ds10 .ds10_cont .desc .bold { font-size: 3.2rem;}



 

}



@media (min-width: 600px) and (max-width:1080px) {

  .left_menu { max-width: 400px;}


}

@media screen and (max-width: 900px) {

  html {font-size: 14px !important;}


}


@media screen and (max-width: 700px) {

  html {font-size: 11.5px !important;}

}




/* Mobile */
@media screen and (max-width: 599px) {

  html {font-size: 11px !important;}  

  .mobile {display: block !important;}
  

}
  
      
@media screen and (max-width: 480px) {  

  html {font-size: 10px !important;}

}


@media screen and (max-width: 320px) {

  html { font-size: 9px !important;}

  .common_modal .modal_box .modal_txtbox .modal_tit {font-size: 2.2rem;}

  .point_content .point_wrap.payment .rightbox .total_box > .item .sub { width: 40%;}

  .detail_contents .ds3 .ds3_cont .txtbox { padding: 3.3rem 1rem 2rem;}

}