@media (max-width: 1199px) {
    .footer .footer-img {
        width: 210px;
    }

    .dtl-body .sticky-tab-wrapper {
        display: none !important;
    }

    .dtl-body .top-container .row {
        padding-bottom: 0;
    }

    .dtl-body .tab-container {
        padding-top: 0;
    }

    .routeBoxmore {
        margin: 0;
        padding-left: 0;
    }

    .cart-con-body {
        flex-direction: column-reverse;
    }

    .cart-con-body .cart-sdienav {
        margin-bottom: 20px;
    }

    .cart .cart-sdienav {
        margin: 0 0 30px;
    }

    .cart .cart-list-wrapper .cart-list-item .cart-item-dtl .cart-item-slr,
    .cart .cart-list-wrapper .cart-list-item .cart-item-dtl .cart-item-subtit,
    .cart .cart-list-wrapper .cart-list-item .cart-item-dtl .cart-item-txt {
        font-size: 14px;
    }

    .cart .cart-list-wrapper .cart-list-item .cart-item-dtl .cart-item-tit,
    .cart .cart-list-wrapper .cart-list-item .cart-item-amn .amn-txt {
        font-size: 18px;
    }

    .cart .cart-list-wrapper .cart-list-item .cart-item-amn .amn-label {
        font-size: 16px;
    }

    .sub-con-body.rvw-con .rvw-con-item .head-tit {
        flex-direction: column;
        align-items: flex-start;
    }

    .sub-con-body.rvw-con .rvw-con-item .head-tit .head-btn {
        margin-left: auto;
    }

    .secItem .con .secBox,
    .conBox {
        padding: 0;
    }

    #etcSch-modal .detailPg .detail-tbl-row, 
    #etcSch-modal .detailPg .detail-tbl-row.tbl-over {
        flex-direction: column !important;
    }

    #etcSch-modal .detailPg .detail-tbl-row .detail-tbl-col.tit, 
    #etcSch-modal .detailPg .detail-tbl-row.tbl-over .detail-tbl-col.tit,
    #etcSch-modal .detailPg .detail-tbl-row .detail-tbl-col.con, 
    #etcSch-modal .detailPg .detail-tbl-row.tbl-over .detail-tbl-col.con {
        width: 100%;
    }
}


@media only screen and (max-width: 1199px) and (min-width: 768px) {
    .allmenu-down > ul {
        width: calc(100% - 64px);
    }

    .dtl-body .othgds {
        flex-wrap: wrap;
    }

    .dtl-body .othgds > .othgds-txt {
        flex-direction: row;
        align-items: flex-end;
        width: 100%;
    }

    .dtl-body .othgds > .othgds-items-wrapper .othgds-items {
        max-width: 100%;
    }

    .guideCon .guideConItem::after,
    .guideCon .guideConItem.long-l::after {
        width: 30px;
    }
    
    /*join new 270731*/
    .frn-join .join {
    	margin: 0 auto;
    	width: 720px;
    }
}


@media only screen and (max-width: 1199px) and (min-width: 641px) {
    .mypage-sdienav > ul > li > a {
        font-size: 16px;
    }

    .mypage-subnav li a {
        font-size: 14px;
        word-break: keep-all;
    }
}


@media only screen and (max-width: 1114px) and (min-width: 914px) {
    .turnBox .turnBoxItem {
        width: 20%;
        height: 200px;
    }

}


@media (max-width: 1033px) {
    .sub-con-body.cpm-con .cpm-con-item .cpm-con-item-body,
    .sub-con-body.rvw-con .rvw-con-item .rvw-item-body {
        flex-wrap: wrap;
    }

    .sub-con-body.cpm-con .cpm-con-item .cpm-con-item-body .right-item .r-bottom {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .sub-con-body.cpm-con .cpm-con-item .cpm-con-item-body .right-item {
        flex-direction: row;
        justify-content: space-between;
        width: 100%;
        border-top: 1px solid #e2e2e2;
    }
}


@media (max-width: 1031px) {
    .sub-con-body.rvw-con .rvw-con-item .rvw-item-body .right-item {
        width: 100%;
        border-top: 1px solid #e2e2e2;
        border-left: 0;
    }
    .subSec-area {
    	margin: 20px 0 0;
    }
}


@media (max-width: 936px) {
    .subSecBox .subSecBox-row .subSec-wrap {
        flex-wrap: wrap;
    }    

    .sub-con-body .chat-area .chat-left {
        width: 30%;
    }

    .sub-con-body .chat-area .chat-left .chat-user ul li .ssum-photo img {
        width: 35px;
        height: 35px;
    }

    .sub-btn {
        position:unset ;
        margin-top: 24px;
        margin-left: auto;
        margin-right: 10px;
    }
}


@media only screen and (max-width: 913px) and (min-width: 600px) {
    .turnBox .turnBoxItem {
        width: 30%;
        height: 200px;
    }    
}


@media (max-width: 869px) {
    .secItem .con .secBox .boxL-Item .topItem b.tit {
        height: 42px;
    }
}


@media (max-width: 856px) {
    .sub-con-body .data-filter .data-filter-body .detail-tbl-row .detail-tbl-col > .select,
    .sub-con-body .data-filter .data-filter-body .detail-tbl-row .detail-tbl-col .form_wrap > .select {
        flex-grow: 1;
    }

    .detail-tbl-row .detail-tbl-col.con-over > .input-field, .detail-tbl-row .con-over > .input-field input {
        flex-grow: 1;
    }

    .detail-tbl-row .con-over > .input-field.input-price input {
        width: 100%;
    }

    #greeBox-modal,
    #clb-modal {
        width: 100%;
        max-width: 90%;
    }

    .search-filter-wrapper .search-filter-item.scn-item .select {
        flex-grow: 1;
    }

    .sub-con-body .data-filter .data-filter-body .detail-tbl-row .detail-tbl-col .datepicker_wrap > div,
    .datepicker_wrap.f-wrap input  {
        flex-grow: 1;
    }

    .sub-con-body .data-filter .data-filter-body .detail-tbl-row .detail-tbl-col .datepicker_wrap > div .input-field {
        width: 100%;
    }

    .datepicker_wrap .dateBox {
        width: 100%;
    }
}


@media (max-width: 768px) {
    .sub-con-body.cpm-con .cpm-con-item .cpm-con-item-body .right-item {
        padding: 20px;
        flex-direction: row;
        align-items: baseline;
        justify-content: space-between;
        width: 100%;
        border-top: 1px solid #e2e2e2;
        border-left: none;
    }

    .turnBox {
        margin: 10px 0 0;   
        justify-content: center;
    }

    .turnBox .turnBoxItem {
        width: 35%;
    }

    .sub-con-body .chat-area .chat-right ul li.chat-you .chat-r-txt,
    .sub-con-body .chat-area .chat-right ul li.chat-my .chat-r-txt {
        flex-direction: column;
        gap: 5px;
    }

    .sub-con-body .chat-area .chat-right ul li.chat-my {
        margin-left: auto;
        flex-direction: column-reverse;
        gap: 5px;
        max-width: 400px;
    }

    .sub-con-body .chat-area .chat-right ul li.chat-my > span {
        margin-right: auto;
    }

    .sub-con-body .chat-area .chat-right ul li.chat-my > span .date {
        text-align: left;
    }

    .sub-con-body .chat-area .chat-right ul li.chat-you .chat-r-txt > span {
        text-align: right;
    }

    .sub-con-body .chat-area .chat-right ul li.chat-you .chat-you-txt .trackingDetail .trackingInfo {
        flex-wrap: wrap;
        justify-content: center;
        gap: 5px;
    }

    #purposeModal {
        max-width: 80%;
    }

    #purposeModal label > span {
        height: auto;
        line-height: normal;
    }
}


@media (max-width: 767px) {
    .sub-con-body .button-prev,
    .sub-con-body .button-next {
        display: none;
    }

    .secItem .con .secBox .boxL-Item {
        padding: 20px 16px;
    }

    .data-con-body .reportMkItem {
        flex-direction: column;
        height: unset;
        max-height: unset;
    }

    .sub-con-body .table-search .input-field {
        flex-grow: 1;
    }

    .sub-con-body .table-search .input-field input {
        width: 100%;
    }

    .turnImg {
        margin: 20px 0 10px;
    }

    .turnImgBox,
    .safeBox,
    .routeBox,
    .subSec-area {
        margin: 20px 0 0;
    }

    .guideConImg > .dataTrnImg {
        margin: 0;
    }

    .subSecBox .subSecBox-row {
        flex-direction: column;
    }

    .data-con-body .ImgListBox {
        flex-direction: column;
        height: unset;
        min-height: unset;
        max-height: unset;
    }

    .data-con-body .reportMkItem .righItem.con-area,
    .data-con-body .ImgListBox .righItem.con-area  {
        width: 100%;
    }
}


@media only screen and (max-width: 767px) and (min-width: 641px) {
    .sub-con-body.cpm-con .cpm-con-item .cpm-con-item-body .left-item,
    .sub-con-body.rvw-con .rvw-con-item .rvw-item-body .left-item {
        flex-wrap: wrap;
        padding: 20px;
        width: 100%;
        border-left: none;
    }

    .sub-con-body.cpm-con .cpm-con-item .cpm-con-item-body .left-item .l-img,
    .sub-con-body.rvw-con .rvw-con-item .rvw-item-body .left-item .l-img {
        width: 100%;
        height: auto;
    }

    .sub-con-body.cpm-con .cpm-con-item .cpm-con-item-body .left-item .l-txt > .l-txt-top,
    .sub-con-body.rvw-con .rvw-con-item .rvw-item-body .left-item .l-txt > .l-txt-top {
        width: 100%;
    }

    .dtlSwiperItem .swiper-slide {
        width: 35%;
    }

    .sub-con-body .chat-area .chat-right .chat-bottom .input-field a {
        width: 80px;
    }

    .data-con-body .reportMkItem .leftItem.img-area {
        height: 250px;
    }
    
    /*join new 270731*/
    .frn-join .join {
    	margin: 0 auto;
    	width: 640px;
    }
}


@media only screen and (max-width: 767px) and (min-width: 460px) {
    .container.frn-login .login-top h2 {
        margin-bottom: 60px;
        font-size: 24px;
    }

    .container.frn-login,
    .fnd {
        padding: 60px 32px 0;
        width: 100%;
    }

    .ncp .login,
    .join {
        width: 100%;
    }

    .join-body .detail-tbl-wrap .detail-tbl-col {
        padding: 16px 10px;
    }

    .join-body .detail-tbl-wrap .detail-tbl-col {
        padding: 16px 10px;
    }

    .writePg .detail-tbl-wrap .detail-tbl-col.tit {
        width: 100px;
        word-break: keep-all;
        line-height: normal !important;
    }

    .dtl-body .othgds > .othgds-txt {
        flex-direction: row;
        align-items: flex-end;
        width: 100%;
    }

    .dtl-body .othgds {
        flex-wrap: wrap;
    }

    .dtl-body .othgds > .othgds-txt {
        flex-direction: row;
        align-items: flex-end;
        width: 100%;
    }

    .othgds-txt br {
        display: none !important;
    }

    .dtl-body .othgds > .othgds-items-wrapper .othgds-items {
        max-width: 100%;
    }

    .dtl-header {
        padding-top: 0;
    }

    .dtl-header > .container {
        width: 100%;
    }

    .dtl-header .dtl-header-box {
        border-radius: 0;
    }

    .dtl-body .top-container .smry-info {
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
        padding-top: 0;
        border-top: none;
    }
    
    .dtl-body .smry-info .smry-item {
        padding: 10px 0;
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        border-right: none;
        border-bottom: 1px solid #eee;
    }

    .dtl-body .smry-info .smry-item:last-child {
        border-bottom: none;
    }

    .dtl-body .smry-info .smry-item .txt {
        margin: 0;
        padding-right: 20px;
        width: 100%;
        max-width: 180px;
        text-align: left;
        font-size: 14px;
    }

    .dtl-body .smry-info .smry-item .fgr {
        font-size: 14px;
    }

    .dtl-body .tab-container .itemTtl br {
        display: none !important;
    }

    .data-filter .detail-tbl-wrap .detail-tbl-col.tit {
        width: 120px;
    }

    .sub-con-body .data-filter .data-filter-body .detail-tbl-row .detail-tbl-col .form_wrap .user-blueline-btn {
        width: 80px;
        flex-shrink: 0;
    }

    ul.select-btn,
    ul.dataPlztab {
        display: none;
    }

    .select.faq {
        display: block;
        margin-bottom: 20px;
    }

    .serviceBox {
        border-radius: 50px;
    }

    .cart .cart-pymmth-wrapper .cart-pymmth .cart-pymmth-optn .pymmth-optn-item .pymmth-optn-tit {
        width: 80px;
    }

    .guideCon .guideConItem::after,
    .guideCon .guideConItem.long-l::after {
        width: 30px;
    }

    table thead tr th.num,
    table tbody tr td.num {
        display: none;
    }
    
    /*join new 270731*/
    .join .join-breadcrumb {
    	width: 85%
    }
    .join .join-breadcrumb li dt:before {
    	display: none;
    }
    
    .join .join-breadcrumb li.on dt:before {
    	display: none;
    }
    
    .join .mailCert-tit {
    	font-size: 13px;
    }
}


@media (max-width: 760px) {
    .sub-con-body.cpm-con .trackingDetail {
        justify-content: flex-start;
    }
}


@media (max-width: 720px) {
    .subConBox.line > div img.d-img {
        display: none;
    }

    .subConBox.line > div img.m-img {
        margin: 0 auto;
        display: block;
        width: 70%;
    }

    .sub-con-body .data-filter .data-filter-body .detail-tbl-row .detail-tbl-col .form_wrap > .search-area {
        flex-wrap: wrap;
        width: 100%;
    }

    .search-area input.ipt_type01 {
        width: 100%;
    }

    .search-area .btnBox {
        width: 100%;
    }

    .search-area .btnBox > .btn.user-blueline-btn {
        width: unset !important;
        flex-grow: 1 !important;
    }
}


@media (max-width: 698px) {
    .routeBoxmore {
        gap: 10px;
    }

    .routeBoxmore .routeBoxItem {
        max-width: 100%;
    }

    .routeBoxmore .routeBoxItem .bodyItem {
        height: auto;
    }

    .routeBoxmore .routeArrow {
        transform: rotate(90deg);
    }
}


@media (max-width: 640px) {
    .row.dtl-img-wrapper {
        flex-wrap: wrap-reverse;
    }

    .dtl-header-box .dtl-img-thumbs  {
        margin: 15px 0;
        padding: 15px;
        background: #f5f5f5;
        border-radius: 15px;
        height: unset;
    }
    

    .dtl-header-box .dtl-img-thumbs .thumbs-btn-next,
    .dtl-header-box .dtl-img-thumbs .thumbs-btn-prev {
        display: none;
    }

    .dtl-header-box .dtl-img-thumbs .swiper-wrapper {
        display: -webkit-inline-box;
    }

    .dtl-header-box .dtl-img-thumbs .swiper-wrapper .swiper-slide {
        margin-bottom: 0 !important;
        width: 100px !important;
        height: 100px !important;

    }

    .dtl-header-box .dtl-img-thumbs .swiper-wrapper .swiper-slide img {
        width: 100%;
        height: 100% !important;
        object-fit: cover;
        cursor: pointer;
    }

    .dtl-header-box .dtl-img-thumbs .swiper-wrapper .swiper-slide:last-child {
        margin-right: 0;
    }

    .sub-con-body .dataSlideItem {
        margin-top: 16px;
    }

    .sub-con-body .detail-tbl-wrap .detail-tbl-row .detail-tbl-col .row-input {
        flex-direction: column;
    }

    .sub-con-body .detail-tbl-wrap .detail-tbl-row .detail-tbl-col .row-input .mt-basic input {
        margin-top: 10px;
    }

    .cart .cart-list-wrapper .cart-list-item,
    .sub-con-body.cpm-con .cpm-con-item .cpm-con-item-body .left-item {
        flex-wrap: wrap;
    }

    .cart .cart-list-wrapper .crtord-info .cart-list-item img {
        width: 100%;
        height: auto;
    }

    .cart .cart-list-wrapper .cart-list-item .cart-item-dtl {
        padding: 20px;
        border-top: 1px solid #eee;
    }

    .cart .cart-list-wrapper .cart-list-item .cart-item-amn {
        padding: 20px;
        flex-direction: row;
        align-items: flex-end;
        justify-content: space-between;
        width: 100%;
        border-left: 0;
        border-top: 1px solid #eee;
    }

    .cart .cart-list-wrapper .cart-list-item img {
        width: 100%;
        height: auto;
        padding: 0 20px 20px 20px;
        box-sizing: border-box;
    }

    nav.mypage-sdienav {
        display: none;
    }

    nav.mypage-sidenav-m {
        display: block;
        height: auto;
    }

    .frn-con-header {
        display: none !important;
    }

    .frn-sub-header .left-con .myPg-tit {
        display: block;
        font-size: 24px;
    }

    .subConBox {
        padding: 20px;
    }

    .subConBox .appInfo {
        margin-top: 16px;
    }

    .sub-con-body .center-item {
        flex-direction: column;
        gap: 16px;
    }

    .sub-con-body .center-item .center-right {
        margin-left: 0;
    }

    .frn-con-header-area.jf-end {
        justify-content: flex-end;
    }

    .frn-con-header-area .frn-drawal {
        margin-top: 16px;
    }

    .sub-con-body.cpm-con .cpm-con-item .cpm-con-item-body .left-item,
    .sub-con-body.rvw-con .rvw-con-item .rvw-item-body .left-item {
        flex-wrap: wrap;
        gap: 20px;
        padding: 20px;        
    }

    .sub-con-body.cpm-con .cpm-con-item .cpm-con-item-body .left-item .l-img,
    .sub-con-body.rvw-con .rvw-con-item .rvw-item-body .left-item .l-img {
        width: 100%;
        height: auto;
    }

    .sub-con-body.cpm-con .cpm-con-item .cpm-con-item-body .left-item .l-txt > .l-txt-top,
    .sub-con-body.rvw-con .rvw-con-item .rvw-item-body .left-item  .l-txt > .l-txt-top {
        width: 100%;
    }

    .sub-con-body.cpm-con .trackingDetail {
        flex-direction: column;
    }

    .sub-con-body.cpm-con .trackingDetail .trackStepBox {
        flex-direction: row;
    }

    .sub-con-body.cpm-con .trackingDetail .trackStepArrow {
        transform: rotate(90deg);
    }

    .datepicker_wrap.subDateinput {
        margin-top: 10px;
    }

    .cart .cart-sdienav a.btn {
        height: 45px;
        font-size: 15px;
    }

    .subSecBox .subSecBox-row .tit {
        font-size: 18px;
    }

    .subSecBox .subSecBox-row .subSecItem .topItem {
        font-size: 16px;
    }

    .subSecBox .subSecBox-row .subSecItem .bodyItem {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 87px;
        font-size: 14px;
    }

    .sub-con-body .center-item .center-right span,
    .dataTrn-intro p.sub-tit {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
    }

    .sub-con-body .center-item .center-right h5 {
        margin: 0;
    }

    .dataTrn-intro h4.tit {
        font-size: 21px;
    }

    .search-list .search-list-item .topItem h4 {
        font-size: 18px;
    }

    .search-list .search-list-item .topItem h4 > span.countTxt {
        font-size: 21px;
    }

    .search-list .search-list-item.searchNone .bodyItem .searchNoneItem img {
        width: 40px;
        height: 40px;
    }

    .search-list .search-list-item.searchNone .bodyItem .searchNoneItem {
        padding: 30px 0;
    }

    .dtlSwiperItem .swiper-slide,
    .subSlide .swiper-slide {
        width: 45%;
    }

    .turnBox .turnBoxItem b {
        font-size: 16px;
    }

    .detail-tbl-wrap .detail-tbl-col,
    .dropdown-content li > a, .dropdown-content li > span {
        font-size: 14px;
    }

    label > span {
        font-size: 14px !important;
    }

    .mypage-sidenav-m .mypage-sidenavBox .select,
    .select-wrapper input.select-dropdown {
        font-size: 14px;
    }

    .filter-optns {
        gap: 10px;
    }

    .filter-optns > li label {
        height: 30px;
        font-size: 14px;
        line-height: 30px;
    }

    .sub-con-body .row table thead tr th,
    .sub-con-body .row table tbody tr td,
    .sub-con-body .row table tbody tr td a {
        font-size: 14px;
    }

    .con .bgGray .footerItem.flexBox p,
    .conBox .conBoxItem p.conTxt {
        font-size: 14px;
    }

    .btn-area > a.goBtn.small {
        font-size: 15px;
    }

    .badgeItem ul li {
        font-size: 12px !important;
    }

    .dormant {
        padding: 50px 0 20px;
    }

    .container.dormant .dormant-top h3 {
        font-size: 24px;
    }

    .container.dormant p.dormant-info {
        padding: 20px 0;
        font-size: 14px;
        word-break: keep-all;
    }

    .container.dormant p.dormant-info br {
        display: none;
    }
    
    .cart .cart-sdienav .cart-sidenav-item .item-tit,
    .cart .cart-sdienav .cart-sidenav-item .item-txt {
        font-size: 14px;
    }

    .int-body .int-head b.int-title {
        font-size: 21px;
    }

    .dataTrn-intro {
        text-align: left;
    }

    .second-tit h4 {
        font-size: 18px;
    }

    .data-con-body .reportMkItem .righItem.con-area .topItem p.conTxt {
        font-size: 14px;
    }

    .data-con-body .reportMkItem .leftItem.img-area,
    .data-con-body .reportMkItem .righItem.con-area {
        width: 100%;
        height: 300px;
    }

    .data-con-body .reportMkItem .righItem.con-area .footerItem {
        margin-top: 10px;
        flex-direction: column-reverse;
        align-items: flex-start;
    }

    .data-con-body .reportMkItem .righItem.con-area .footerItem > .leftItem {
        margin-left: auto;
    }

    .data-con-body .reportMkItem .righItem.con-area .footerItem > .rightItem .priceBox {
        padding: 8px;
        font-size: 16px;
    }

    .footer .footer-info a.footer-item {
        font-size: 14px;
    }

    .footer .footer-info .container > div {
        gap: 16px;
    }

    .content {
        margin-bottom: 30px;
    }

    .btn.lg {
        height: 40px;
        font-size: 15px;
        line-height: 40px;
    }

    .button-area.trpBtn,
    .sub-con-body .button-area.trpBtn {
        gap: 16px;
    }

    .button-area.reverse,
    .sub-con-body .button-area.reverse {
        flex-wrap: wrap-reverse;
    }

    .prcgl-chk-list {
        justify-content: flex-start;
    }

    .sub-con-header {
        flex-direction: column-reverse;
        align-items: flex-start;
    }

    .sub-con-body.drawal-page {
        margin: 0;
        border: none;
    }

    .container > .row > .col .sub-con-header .left-con h4.frn {
        font-size: 24px;
    }

    .secItem {
        padding: 30px 0 0;
    }

    .routeBox .routeItem .num {
        width: 25px;
        height: 25px;
        font-size: 14px;
    }

    .secItem .con p {
        font-size: 14px;
    }

    .secItem .con .swiper-slide p.con-tit,
    .secItem .con .swiper-slide p.con-price {
        font-size: 16px;
    }

    .conItem .con-infoItem p,
    .conItem .con-infoItem p {
        font-size: 13px;
    }

    .secItem .con p br {
        display: none;
    }

    .con .sub-con,
    .conTxt {
        font-size: 14px;
    }

    .collapsible-header {
        padding: 15px;
    }

    .Accordion ul li .collapsible-body {
        padding: 15px;
    }

    .collapsible-header span,
    .Accordion ul li .collapsible-body span {
        font-size: 14px;
    }

    .sub-con-body.cpm-con .cpm-con-item .cpm-con-item-body .left-item .l-txt > .l-txt-top span,
    .sub-con-body.rvw-con .rvw-con-item .rvw-item-body .left-item .l-txt > .l-txt-top span {
        font-size: 14px;
    }

    .sub-con-body.cpm-con .cpm-con-item .cpm-con-item-body .left-item .l-txt > .l-txt-top p,
    .sub-con-body.cpm-con .cpm-con-item .cpm-con-item-body .left-item .l-txt .l-txt-bottom .price,
    .sub-con-body.cpm-con .cpm-con-item .cpm-con-item-body .right-item p,
    .sub-con-body .rfn-info p,
    .sub-con-body .rfn-info .rfn-info-con span.price,
    .sub-con-body.rvw-con .rvw-con-item .rvw-item-body .left-item .l-txt > .l-txt-top p {
        font-size: 18px;
        flex-shrink: 0;
    }

    .sub-con-body.cpm-con .cpm-con-item .cpm-con-item-body .left-item .l-txt .l-txt-bottom,
    .sub-con-body .rfn-info .rfn-info-con span {
        font-size: 14px;
    }

    .sub-con-body.cpm-con .cpm-con-item .cpm-con-item-body {
        gap: 0;
    }

    .sub-con-body.cpm-con .cpm-con-item .cpm-con-item-body .left-item .l-txt,
    .sub-con-body.rvw-con .rvw-con-item .rvw-item-body .left-item .l-txt {
        gap: 15px;
        width: 100%;
        max-width: unset;
    }

    .sub-con-body.cpm-con .trackingDetail .trackStepBox .trackStepInfo {
        text-align: left;
    }

    .sub-con-body.cpm-con .trackingDetail .trackStepBox .trackStepIcon .trackStepIconTitle {
        font-size: 15px;
    }

    .search-filter-wrapper .search-filter-item a.btn {
        width: 80px;
    }

    .sub-con-body.cpm-con .cpm-con-item .cpm-con-item-head > div {
        gap: 5px;
    }

    .sub-con-body.cpm-con .cpm-con-item .cpm-con-item-head > div span::after {
        padding-left: 5px;
    }

    .sub-con-body.cpm-con .cpm-con-item .cpm-con-item-body .right-item .r-bottom {
        flex-direction: row;
        justify-content: flex-end;
        flex-wrap: wrap;
    }

    .sub-con-body.rvw-con .rvw-con-item .head-tit {
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
    }

    .dtl-body .top-container {
        padding-bottom: 0;
    }

    .dtl-info-wrapper .dtl-info-title h4,
    .dtl-info-wrapper .dtl-prc-box .prc-amt .prc-txt {
        font-size: 21px;
    }

    .dtl-info-wrapper .dtl-prc-box .prc-title,
    .dtl-info-wrapper .dtl-prc-box .prc-amt .count-txt,
    .dtl-body .othgds > .othgds-txt a.othgds-link {
        font-size: 14px;
    }

    .dtl-info-wrapper .dtl-btn-box a.btn {
        font-size: 15px;
    }

    .dtl-body .tab-container .itemTtl {
        font-size: 21px;
    }

    #proctInf p {
        margin-bottom: 0;
        font-size: 14px;
    }

    .itemTtl img {
        width: 24px;
        height: 24px;
    }

    .dtl-body .tab-container #plSale .plSale-list .plSale-item div,
    .dtl-body .tab-container #plSale .plSale-list .plSale-item div a,
    ul:not(.browser-default) > li,
    .ccl-opt-wrapper .ccl-opt-view .ccl-txt span,
    .ccl-opt-wrapper .ccl-opt-view .ccl-abr span,
    .review-body .review-more {
        font-size: 14px;
    }

    .review-header .review-tit,
    .rltdGods-wrapper .rltdGods-title {
        font-size: 21px;
    }

    .review-body .review-list-top .review-wrt,
    .ccl-opt-wrapper .ccl-opt-view .ccl-abr::before {
        font-size: 14px;
    }

    .review-body .review-list-title {
        font-size: 16px;
    }

    .review-body .review-list-txt {
        font-size: 14px;
        line-height: normal;
    }

    .sub-con-body .data-filter .data-filter-head p {
        font-size: 16px;
    }

    .sub-con-body .data-filter-btn a.src-btn {
        padding: 0 15px;
    }

    .topTxt p,
    .infoTxt,
    .lineBox .program .programItem p,
    .rightItem.center .footerItem p,
    .secItem .subtit {
        font-size: 14px;
    }

    .userBadge,
    .btn-area > a.goBtn,
    .rightItem.center .bodyItem a,
    .con .bgGray .bodyItem a,
    a.downBtn {
        height: 40px;
        font-size: 15px;
        line-height: 40px;
    }

    .serviceBox ul.serviceItemBox.row .blueBox {
        padding: 10px;
        height: auto;
        font-size: 14px;
    }

    .turnBox {
        margin-top: 10px;
    }

    .turnBox .turnBoxItem {
        min-height: auto;
        border-radius: 15px;
    }

    .turnBox > img {
        width: 24px;
        height: 24px;
        margin: 10px;
    }

    .serviceBox b.tit {
        font-size: 18px;
    }

    .secItem .con .conBox .rightItem.center {
        margin-top: 16px;
    }

    .rightItem.center .topItem b.tit {
        font-size: 21px;
    }

    .secItem .con .secBox {
        padding: 0;
    }

    .secItem .con .secBox .boxL-Item {
        text-align: center;
    }

    .secItem .con .secBox .boxL-Item .bodyItem {
        padding: 20px;
        font-size: 14px;
        height: auto;
    }

    .secItem .con .secBox .boxL-Item .footerItem ul {
        margin: 0;
        justify-content: center;
        height: auto;
    }

    .con .bgGray {
        padding: 20px;
    }

    .con .bgGray .topItem > b.tit {
        font-size: 18px;
        word-break: keep-all;
    }

    .con .bgGray .topItem > b.tit br {
        display: none;
    }

    .con .bgGray .footerItem.flexBox {
        flex-direction: column;
    }

    .con .table-area .tableItem {
        flex-direction: column;
    }

    .con .table-area .tableItem .table-tit {
        padding: 16px;
        width: 100%;
        font-size: 14px;
        text-align: left;
    }

    .con .table-area .tableItem .table-con .flexBox .hoverBtn,
    .con .table-area .tableItem .table-con .flexBox .hoverInfo {
        font-size: 14px;
    }

    .con .table-area .tableItem .table-con {
        padding: 16px;
        width: 100%;
    }

    .error-txt b {
        font-size: 24px;
    }

    .error-txt span {
        font-size: 14px;
    }

    .join .notice-img .join-suces-tit {
        font-size: 21px;
    }

    .join .notice-img p.join-suces-txt {
        margin: 0;
    }

    .cart .cart-list-wrapper .crtord-info .cart-list-item {
        border-top: 0;
    }

    .CCL-tbl .tbl-header .tbl-headerItem {
        padding: 12px 10px;
        width: 100% !important;
        font-size: 14px;
    }

    .CCL-tbl .tbl-body .tbl-bodyItem {
        padding: 0 10px;
        width: 100% !important;
        font-size: 14px;
        text-align: left;
    }

    .CCL-tbl .tbl-body .tbl-bodyItem img {
        width: 120px;
    }

    .cart-item-slr span {
        font-size: 14px;
    }

    .CCL-tbl .tbl-body .tbl-bodyBox {
        padding: 12px 0;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .pagination li.first,
    .pagination li.second,
    .pagination li.last-two,
    .pagination li.last {
        width: 28px;
        height: 28px;
        border: 1px solid #e2e2e2;
    }
    
    .pagination li a .icon img {
        height: 28px;
        border: none;
    }

    .pagination li {
        margin-right: 8px;
    }

    .pagination li a {
        font-size: 14px;
        width: 25px;
        height: 25px;
        line-height: 25px;
    }

    .sub-con-body.rvw-con .tabs ul li a {
        font-size: 14px;
    }

    .dtl-info-wrapper .list-item .list-title,
    .dtl-info-wrapper .list-item .list-txt,
    .list-item .list-txt a,
    .tag-list.frn .tag-item {
        font-size: 14px;
    }

    .review-header .review-count {
        font-size: 14px;
    }

    .secItem .con .secBox .boxL-Item .footerItem ul li {
        font-size: 12px;
    }

    .secItem .con .secBox .boxL-Item .topItem b.tit {
        height: unset;
        font-size: 16px;
    }

    .conBox .conBoxItem {
        text-align: center;
    }

    .conBox .conBoxItem .topItem {
        align-items: center;
        width: 100%;
    }

    .conBox .conBoxItem .conBoxWrap {
        align-items: center;
        height: unset;
    }

    input {
        font-size: 14px;
    }

    .error-page {
        padding: 60px 0 40px;
    }

    .tabs .tab a {
        font-size: 14px;
    }

    .container.frn-login .input-area .input-field input,
    input.input-height, .btn.input-height {
        height: 40px;
        line-height: 40px;
    }

    .frn-join {
        padding: 50px 0 0;
    }

    .guideCon .guideConItem .txtBox {
        font-size: 14px;
    }

    .keywordBox ul li {
        font-size: 12px;
    }

    .ncpimgBox > .titBox {
        padding: 16px;
        font-size: 16px;
    }

    .secItem .con .conBox {
        padding: 16px;
    }

    .netWorkItem,
    .qualityItem {
        align-items: center;
    }

    .ncpimgBox > .conBox .subCon > li span,
    .netWorkItem .rightItem ul.dotList li p,
    .qualityItem .rightItem ul.dotList li p {
        font-size: 14px;
    }

    .netWorkItem .rightItem .tit, .qualityItem .rightItem .tit {
        font-size: 16px;
    }

    .banner-area {
        margin-top: 30px;
        padding: 16px;
    }

    .banner-area .container .leftItem .tit {
        font-size: 21px;
    }

    .banner-area .container .leftItem .subTit {
        font-size: 16px;
    }

    .banner-area .container .leftItem .button-area a {
        font-weight: 15px;
        height: 40px;
        line-height: 40px;
    }

    .banner-area .container .rightItem img {
        width: 150px;
    }

    .subConBox > div img.d-img,
    .subConBox > img.d-img {
        display: none;
    }

    .subConBox > div img.m-img,
    .subConBox > img.m-img {
        margin: 0 auto;
        display: block;
        width: 70%;
    }

    .guideCon .guideConItem .txtItem .tit-num {
        width: 25px;
        height: 25px;
        font-size: 14px;
    }

    .guideCon .guideConItem .txtItem .tit-txt {
        font-size: 14px;
    }

    .sub-con-body .chat-area .chat-left .chat-user ul li .ncp-name,
    .sub-con-body .chat-area .chat-right ul li.chat-you .ncp-name,
    .sub-con-body .chat-area .chat-right ul li.chat-you .chat-you-txt .trackingDetail.cncSls .trackingTitle {
        font-size: 14px;
    }

    .sub-con-body .chat-area .chat-left .chat-user ul li .date {
        font-size: 13px;
    }

    .sub-con-body .chat-area .chat-right ul li.chat-you .chat-you-txt .trackingDetail .trackingItem p {
        font-size: 16px;
    }

    .sub-con-body .chat-area .chat-right ul li.chat-you .chat-you-txt li {
        flex-direction: column;
    }

    .sub-con-body .chat-area .chat-left {
        display: block;
    }

    .sub-con-body .chat-area .chat-right {
        visibility: hidden;
    }

    .sub-con-body .chat-area .chat-left.show {
        display: none;
    }

    .sub-con-body .chat-area .chat-left.show ~ .chat-right {
        visibility:visible
    }

    .sub-con-body .chat-area .chat-right {
        width: 100%;
        height: auto;
        max-height: unset;
        min-height: unset;
        display: block;
        border-left: none;
    }

    .sub-con-body .chat-area .chat-left {
        height: auto;
        max-height: unset;
        min-height: unset;
        width: 100%;
    }

    .sub-con-body .chat-area .chat-right ul li.chat-you {
        gap: 16px;
    }

    .sub-con-body .chat-area .chat-right ul li.chat-you .chat-you-txt .trackingDetail .trackingTitle {
        font-size: 16px;
    }

    .sub-con-body .chat-area .chat-right .chat-bottom,
    .sub-con-body .chat-area .chat-right .chat-bottom .input-field {
        gap: 10px;
    }

    .sub-con-body .chat-area .chat-right .chat-bottom {
        padding: 12px;

    }

    .sub-con-body .chat-area .chat-right .chat-bottom .filebox label {
        width: 35px;
        height: 35px;
    }

    .sub-con-body .chat-area .chat-right .chat-bottom .filebox label img {
        width: 100%;
        height: 100%;
    }

    .btn.user-blueline-btn.d-chatbtn {
        display: none;
    }

    .sub-con-body .chat-area .chat-right .chat-bottom .input-field a.m-chatbtn {
        flex-shrink: 0;
        display: block;
        width: 30px;
        height: 30px;
    }

    .m-chatbtn img {
        width: 100%;
        height: 100%;
    }

    .dtlViewBtn {
        font-size: 14px;
    }

    .sub-con-body .chat-area .chat-right .chat-top .rfr-wrap {
        display: none;
    }

    .chat-m-top-area {
        padding-bottom: 20px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        background-color: #fff;
        border-bottom: 1px solid #c4c4c4;
    }
    .chat-m-fixed {
        position: fixed;
        top: 75px;
        padding-top: 20px;
        width: calc(100% - 44px) !important;
        z-index: 1;
    }

    .sub-con-body .chat-area .chat-right .chat-top {
        padding: 20px 0 80px;
    }

    .sub-con-body .chat-area .chat-right .chat-top.custom-scroll::-webkit-scrollbar {
        display: none;
    }

    .chat-m-top-area .backBtn-area {
        width: 24px;
        height: 24px;
    }

    .chat-m-top-area .backBtn-area a {
        display: block;
        width: 100%;
        height: 100%;
    }

    .chat-m-top-area .backBtn-area a img {
        width: 100%;
        height: 100%;
    }

    .chat-m-top-area .rfr-wrap {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 5px;
    }

    .chat-m-top-area .rfr-wrap span {
        font-size: 14px;
    }

    .chat-m-top-area .rfr-wrap a {
        display: block;
        width: 24px;
        height: 24px;
        background: #eee;
        border-radius: 50px;
    }

    .chat-m-top-area .rfr-wrap a img {
        width: 100%;
        height: 100%;
    }

    .chat-atchfile .file-name {
        width: 100%;
    }

    .chat-area .chat-right .chat-you .chat-youItemBox {
        max-width: 400px;
    }

    .sub-con-body .chat-area .chat-right .chat-top .chat-blank p {
        font-size: 14px;
    }

    .sub-con-body .chat-area {
        border: none;
    }

    .chat-input-Field-d {
        position: fixed;
        left: 0;
        bottom: 0;
        display: block;
        width: 100%;
        background-color: #fff;
        border-top: 1px solid #c4c4c4;
    }

    .chat-input-Field-d .chat-bottom {
        padding: 12px;
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .chat-input-Field-d .chat-bottom .filebox label {
        background: transparent;
        padding: 0;
        line-height: 0;
        width: 35px;
        height: 35px;
    }

    .chat-input-Field-d .chat-bottom .input-field {
        display: flex;
        align-items: center;
        width: auto;
        gap: 10px;
        flex-grow: 1;
    }

    .chat-input-Field-d .chat-bottom .input-field a.d-btn {
        display: none;
    }

    .chat-input-Field-d .chat-bottom .input-field a.m-chatbtn {
        display: block;
        flex-shrink: 0;
        width: 30px;
        height: 30px;
    }

    .sub-con-body .chat-area .chat-left .chat-user ul li {
        padding: 16px 0;
    }

    .chat-footer {
        display: none;
    }

    .sub-con-body .chat-area .chat-left .chat-user ul li.chat-active {
        background-color: transparent;
    }

    .sub-con-body .chat-area .chat-left .chat-user ul li.chat-active span,
    .sub-con-body .chat-area .chat-left .chat-user ul li.chat-active p {
        color: #333;
    }

    .sub-con-body .chat-area .chat-left .chat-user ul li.chat-active .date {
        color: #999;
    }

    .secItem .con .topItem iframe {
        width: 100% !important;
        height: auto !important;
    }

    #etcSch-modal,
    #mw_temp,
    #download-modal,
    #download2-modal,
    #UnderAgeModal {
        max-width: 80%;
    }

    #download-modal .modal-content .tbl-row .titTxt,
    #download-modal .modal-content .infoTxt,
    #download-modal .modal-content .tbl-row .conTxt,
    #download-modal .modal-content a.blue {
        font-size: 14px;
    }

    #download-modal .modal-content .infoTxt br {
        display: none;
        word-break: keep-all;
    }

    #download-modal .chk-area [type="checkbox"].filled-in:not(:checked) + span:not(.lever):before,
    #download-modal .chk-area [type="checkbox"].filled-in:not(:checked) + span:not(.lever):after,
    #download-modal .chk-area [type="checkbox"].filled-in:checked + span:not(.lever):after {
        top: 0 !important;
    }

    #download-modal .chk-area [type="checkbox"].filled-in:checked + span:not(.lever):before {
        top: 2px;
    }

    #UnderAgeModal .modal-content .form_wrap span.modalTxt {
        font-size: 14px;
    }

    .swiper.unstr-slide {
        padding: 20px;
    }

    .unstr-slide-btn-prev,
    .unstr-slide-btn-next {
        width: 30px;
        height: 50px;
        align-items: center;
    }

    .unstr-slide-btn-prev {
        left: 5px;
    }

    .unstr-slide-btn-next {
        right: 5px;
    }

    .unstr-slide-btn-prev img, .unstr-slide-btn-next img {
        width: 24px;
        height: 24px;
    }

    .unstr-slide .swiper-slide.preview-end .preview-info span,
    .dtl-body .tab-container .col.m9 p {
        font-size: 14px;
    }

    .swiper.unstr-slide .swiper-slide img {
        width: 100%;
        height: 100%;
    }

    .data-con-body .ImgListBox .leftItem.img-area {
        width: 100%;
        height: 300px;
    }

    .data-con-body .ImgListBox .righItem.con-area .titItem .conTxt > p {
        font-size: 14px;
    }

    p.txt-break {
        font-size: 14px;
    }

    .down-flexBox a.download {
        font-size: 14px;
    }

    .detail-tbl-col.con a span,
    .detail-tbl-col.con2 {
        font-size: 14px;
    }

    .secItem .con .secBox .boxL-Item .btn-area {
        margin-top: 16px;
    }

}


@media (max-width: 599px) {
    .turnBox {
        flex-direction: column;
        gap: 0;
    }

    .turnBox .turnBoxItem {
        width: 100%;
    }

    .turnBox > img {
        transform:  rotate(90deg);
    }
}


@media (max-width: 532px) {
    .chk a.blue-btn {
        width: 100%;
    }
    
    .chk a.blue-btn-new {
        width: 100%;
    }
}


@media (max-width: 532px) {
    .cart .cart-pymmth-wrapper .cart-pymmth .cart-pymmth-optn .pymmth-optn-item {
        flex-direction: column;
        align-items: flex-start;
    }

    .cart .cart-pymmth-wrapper .cart-pymmth .cart-pymmth-optn .pymmth-optn-item .leftItem {
        width: 100%;
    }

    .cart .cart-pymmth-wrapper .cart-pymmth .cart-pymmth-optn .pymmth-optn-item .leftItem .select,
    .cart .cart-pymmth-wrapper .cart-pymmth .cart-pymmth-optn .pymmth-optn-item .select {
        width: 100%;
    }
}


@media only screen and (max-width: 459px) and (min-width: 320px) {
    .container.frn-login .login-top h2 {
        margin-bottom: 40px;
        font-size: 24px;
    }

    .container.frn-login .login-top h2 {
        font-size: 24px;
    }

    .container.frn-login {
        padding: 50px 0;
        margin: 0 auto;
        width: calc(100% - 32px);
    }
    
    .container.frn-login .chk-area {
        justify-content: space-between;
    }

    .container.frn-login .chk-area label span,
    .container.frn-login .chk-area a {
        font-size: 14px;
    }

    .container.frn-login .chk-area label::after,
    .container.frn-login .chk-area a::after {
        padding: 0;
    }

    .container.frn-login .chk-area label::after {
        content: none;
    }

    .container.frn-login .input-area .input-field input,
    input.input-height, .btn.input-height {
        height: 40px;
        line-height: 40px;
    }   

    .ncp .login,
    .join,
    .fnd {
        width: 100%;
    }

    .frn-join {
        padding: 50px 0;
    }

    .join .join-tit {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .join .join-breadscrumbs ul {
        justify-content: flex-start;
    }

    .join h3 {
        font-size: 24px;
        margin: 0;
    }

    .join .join-top .join-select div {
        margin-right: 10px;
    }

    .join-body .detail-tbl-wrap .detail-tbl-row,
    .writePg .detail-tbl-wrap .detail-tbl-row {
        flex-direction: column !important;
    }

    .join-body .detail-tbl-wrap .detail-tbl-col,
    .writePg .detail-tbl-wrap .detail-tbl-col{
        padding: 10px 0;
        flex-grow: 1;
        width: 100% !important;
    }

    .join-body .detail-tbl-wrap .detail-tbl-col.tit,
    .writePg .detail-tbl-wrap .detail-tbl-col.tit {
        padding: 0;
    }
    
    .detail-tbl-row .con-over.chkEmail {
        flex-wrap: wrap;
    }

    .detail-tbl-row .con-over.chkEmail a {
        width: 100%;
    }

    ul.select-btn,
    ul.dataPlztab {
        display: none;
    }

    .select.faq {
        display: block;
        margin-bottom: 20px;
    }

    .sub-con-body .table-search {
        justify-content: flex-start;
        gap: 16px;
    }
    
    .sub-con-body .table-search .input-field {
        width: 100%;
        flex-grow: 1;
    }

    .sub-con-body .table-search .input-field input {
        width: 100%;
    }

    .sub-con-body .table-search a {
        width: 100%;
    }

    .dtl-info-wrapper .dtl-prc-box {
        justify-content: flex-start;
    }

    .dtl-info-wrapper .dtl-prc-box .prc-amt {
        width: 100%;
        justify-content: space-between;
    }

    .dtl-body .othgds > .othgds-txt {
        flex-direction: row;
        align-items: flex-end;
        width: 100%;
    }

    .dtl-body .othgds > .othgds-txt .othgds-tit {
        font-size: 18px;
    }

    .dtl-body .othgds > .othgds-txt a.othgds-link {
        font-size: 14px;
    }

    .dtl-body .othgds > .othgds-items-wrapper .othgds-items {
        max-width: 100%;
    }

    .dtl-body .othgds {
        flex-wrap: wrap;
    }

    .dtl-body .othgds > .othgds-txt {
        flex-direction: row;
        align-items: flex-end;
        width: 100%;
    }

    .othgds-txt br {
        display: none !important;
    }

    .dtl-body .othgds > .othgds-items-wrapper .othgds-items {
        max-width: 100%;
    }

    .dtl-header {
        padding-top: 0;
    }

    .dtl-header > .container {
        width: 100%;
    }

    .dtl-header .dtl-header-box {
        border-radius: 0;
    }

    .dtl-body .top-container .smry-info {
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
        padding-top: 0;
        border-top: none;
    }
    
    .dtl-body .smry-info .smry-item {
        padding: 10px 0;
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 10px;
        border-right: none;
        border-bottom: 1px solid #eee;
    }

    .dtl-body .smry-info .smry-item:last-child {
        border-bottom: none;
    }

    .dtl-body .smry-info .smry-item .txt {
        margin: 0;
        font-size: 14px;
    }

    .dtl-body .smry-info .smry-item .fgr {
        font-size: 14px;
    }

    .dtl-body .tab-container #plSale .plSale-list .plSale-item .tit {
        padding-right: 10px;
        width: auto;
    }

    .dtl-body .tab-container #plSale .plSale-list .plSale-item .tit,
    .dtl-body .tab-container #plSale .plSale-list .plSale-item .txt,
    .dtl-body .tab-container #plSale .plSale-list .plSale-item .txt a {
        font-size: 14px;
    }

    .dtl-body .tab-container .itemTtl br {
        display: none !important;
    }

    .data-filter .detail-tbl-wrap .detail-tbl-col.tit {
        width: 100%;
    }

    .con-input-text.lh-n {
        line-height: normal!important;
    }

    .sub-con-body .data-filter .data-filter-body .detail-tbl-row .detail-tbl-col .form_wrap > .search-area {
        flex-wrap: wrap;
    }

    .sub-con-body .data-filter .data-filter-body .detail-tbl-row .detail-tbl-col .form_wrap > .search-area > a {
        width: 100%;
    }

    .sub-btn {
        position:unset ;
        margin-top: 24px;
        margin-left: auto;
        margin-right: 10px;
    }

    .footer .footer-info .container > div {
        gap: 15px;
    }
    
    .footer .footer-info a.footer-item {
        font-size: 14px;
    }

    .guideCon {
        flex-direction: column;
    }

    ul.guideCon {
        flex-direction: column;
    }

    .guideCon .guideConItem.long-l > div {
        flex-direction: row-reverse;
        gap: 16px;
        width: 100%;
    }

    .guideCon .guideConItem.long-l > div .txtItem {
        flex-direction: row;
        width: 104px;
    }

    .guideCon .guideConItem::after,
    .guideCon .guideConItem.long-l::after {
        content: none;
    }

    .guideCon .guideConItem .txtBox {
        width: 185px;
    }

    .sub-con-body.cpm-con .cpm-con-item .cpm-con-item-body .right-item {
        padding: 20px;
        flex-direction: column !important;
        gap: 10px;
    }

    .sub-con-body.cpm-con .cpm-con-item .cpm-con-item-body .right-item .r-bottom {
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
    }

    .sub-con-body.cpm-con .cpm-con-item .cpm-con-item-body .right-item .r-bottom a {
        flex-grow: 1;
        width: 100%;
    }

    .sub-con-body.cpm-con .detail-tbl-wrap .detail-tbl-con {
        flex-direction: column;
        justify-content: flex-start;
        gap: 10px;
    }

    .sub-con-body.cpm-con .detail-tbl-wrap .detail-tbl-con .detail-tbl-txt {
        width: 100%;
    }

    .sub-con-body.cpm-con .detail-tbl-wrap .detail-tbl-con .detail-tbl-btn,
    .sub-con-body.cpm-con .detail-tbl-wrap .detail-tbl-con .detail-tbl-btn a {
        width: 100%;
    }
    
    table thead tr th.num,
    table tbody tr td.num,
    table thead tr th.date,
    table tbody tr td.date {
        display: none;
    }

    .head-tit {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .frn-login .fnd-body .fnd-bottom a {
        font-size: 14px;
    }

    .dtlSwiperItem .swiper-slide {
        width: 45%;
    }

    .routeBox {
        flex-direction: column;
        align-items: center;
    }

    .netWorkItem,
    .qualityItem {
        flex-direction: column;
        height: unset;
    }

    .netWorkItem img,
    .qualityItem img {
        width: 100%;
        height: 150px;
        border-radius: 10px 10px 0 0;
    }

    .netWorkItem .rightItem,
    .qualityItem .rightItem {
        width: 100%;
        justify-content: flex-start;
    }

    .banner-area .container .rightItem img {
        margin-top: 10px;
        position: unset;
        width: 120px;
    }

    .routeBox.center {
        justify-content: center !important;
    }

    .routeBox .routeItem {
        flex-direction: row;
        width: 239px;
        justify-content: flex-start;
    }

    .chat-area .chat-right .chat-you .chat-youItemBox {
        max-width: 250px;
    }

    .sub-con-body .chat-area .chat-right ul li.chat-my {
        max-width: 300px;
    }
    
    /*join new 270731*/
    .join .join-breadcrumb {
    	width: 85%
    }
    .join .join-breadcrumb li dt:before {
    	display: none;
    }
    
    .join .join-breadcrumb li.on dt:before {
    	display: none;
    }
    
    .join .mailCert-tit {
    	font-size: 13px;
    }
   
}


@media (max-width: 493px) {
    .sub-con-body .data-con .data-con-head > .select {
        width: 100%;
    }

    .flexBtn {
        flex-direction: column;
    }
}


@media (max-width: 423px) {
    .detail-tbl-row .detail-tbl-col.con-over > .input-field, .detail-tbl-row .con-over > .input-field  {
        justify-content: center;
    }

    .detail-tbl-row .detail-tbl-col.con-over > .input-field, .detail-tbl-row .con-over > .input-field input {
        width: 100%;
    }

    .wave {
        line-height: 0;
    }

    .dtlSwiperItem .swiper-slide,
    .subSlide .swiper-slide {
        width: 90%;
    }
}


@media (max-width: 386px) {
    .frn-login .fnd-body .fnd-pw .con-over.chk .input-field  {
        padding-bottom: 0;
    }

    .frn-login .fnd-body .fnd-pw .con-over.chk a.btn.blue-btn.input-height {
        width: 100%;
    }
}


/* 데이터 상세페이지 - 데이터가치정보 추가  */
@media (max-width: 1199px) {
    .titTopBox .queMark p:hover ~ .hoverTxt {
        font-size: 13px;
    }

    table tbody tr td.markBox .queMark p:hover ~ .hoverTxt {
        font-size: 13px;
        word-break: keep-all;
    }
}

@media (max-width: 767px) {
    .queMark {
        display: none !important;
    }
}