@charset "UTF-8";




/*서비스 소개*/
.service_sub {width: 100%;}
.service_guide { padding: 90px 0; background-image: url(/resource/common/img/service/sub_bk_1.png), url(/resource/common/img/service/sub_bk_2.png); background-repeat: no-repeat, no-repeat; background-size: 30%, 25%; background-position: 0 30%, 100% 12%; }
.service_guide img {display: block; margin: 0 auto 10px;}
.service_guide h2 {display: block; text-align: center; font-family: 'SUIT-Bold';}
.service_guide i {color:#f9c626; font-family: 'SUIT-SemiBold';}
.service_guide h2 em { display: block; font-family: 'SUIT-Regular'; margin-top: 10px;}
.line_yellow {height: 70px; width: 1px; background: #f9c626; margin:0 auto; display: block; margin-top: 100px;}

.service_contents {margin-top: 100px; margin-bottom: 0;}
.service_hd {margin-top: 100px; margin-bottom: 100px;}
.service_hd > img {display: block; margin:0 auto;}
.service_text { text-align: center; width: 100%; font-family: 'SUIT-SemiBold'; }
.service_text > em {display: block; margin-top: 10px; color: #7c7c7c;}
.service_text > i {color: #f9c626; }
.service_graph {display: flex; align-items: center; justify-content: center; margin-top: 50px;}
.box_service {background:#fafafa; border-radius: 20px; padding: 50px; width: 50%; max-width: 850px;}
.sc_box {display: flex; align-items: center; justify-content: space-between;}
.custom_sv {position: relative;}
.custom_sv span {position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 1; top:0; left:0; font-family: 'SUIT-Bold';}
.box_con_t {margin-bottom: 30px; display: flex; align-items: center; justify-content: center; font-family: 'SUIT-Bold';}
.box_con_t img {margin-right: 20px;}
.arrow_img {margin: 30px;}
.sc_box .text_sc { width: 100%; white-space: nowrap; display: block; text-align: center; font-family: 'SUIT-Bold';}
.mFinity_area {width: 100%; padding: 0 35px; margin: 0;}
.and_txt {font-size: 5rem; color: #7c7c7c; font-family: 'SUIT-ExtraBold'; width: 100%; text-align: center; display: block;}
.wra_set {width: 100%;}
.mFinity {width: 100%; text-align: center; color: #f9c626; font-family: 'SUIT-Heavy'; margin-top: 40px;}
.mFinity_sub { display: block; width: 100%; color:#484848;  text-align:center; font-family: 'SUIT-SemiBold'; line-height: 1.3; margin: 50px auto;}
.mFinity_sub b {font-family: 'SUIT-ExtraBold';}

.service_off_top {margin: 0 0 100px;}
.service_off_bottom {margin: 100px 0 0;}

.view_card {display: flex; align-items: center; justify-content: space-between;  cursor: pointer;}
.view_card .view_cover {position: absolute; opacity: 0; transition: all ease-in 0.7s; top:0; left:0; background: linear-gradient(0deg, rgb(143, 129, 0) 0%, rgb(111, 141, 2) 100%); z-index: 1; width: 100%; height: 100%;  border-radius: 20px;}
.view_card > div:hover .view_cover,
.view_card > div:focus .view_cover {top:0; opacity: .7;}
.view_card > div {position: relative; width: 23%; border-radius: 20px; overflow: hidden;}

.view_card .s_test { position: absolute; bottom: 0; width: 100%; height: 0; padding-bottom: 60px;  z-index: 1; display: flex; align-items: center; flex-direction: column; justify-content: center; transition: all ease-in 0.5s;}
.view_card .s_test > span {width: 100%; text-align: center; z-index: 1; font-family: 'SUIT-Bold'; color: #fff; line-height: 1.3; transition: all ease-in 0.5s; padding: 5px;} 
.view_card .s_test > em {width: 90%; overflow: hidden; height: 0; text-align: center; transition: all ease-in 0.5s;}

.view_card > div > img {width: 100%;}
.view_card > div:nth-child(1) > div > span,
.view_card > div:nth-child(4) > div > span {color: #484848;}
.view_card > div:nth-child(1):hover > div > span,
.view_card > div:nth-child(4):hover > div > span {color: #fff;}

.view_card > div:hover .s_test {height: 100%;  bottom:0; left:0; padding-bottom: 0;}
.view_card > div:hover .s_test > em {height: auto;}
.view_card > div:hover > div > em {color: #fff;}

.wave_design { height: 300px; position: relative; overflow: hidden;}
.wave_design > img {width: 150px; position: absolute; bottom:0; left: 50%; margin-left:-75px;}
.wave {
  opacity: .4;
  position: absolute;
  top: -350px;
  left: 50%;
  border: 5px solid #f9c626;
  margin-left: -350px;
  width: 700px;
  height: 700px;
  -webkit-transform-origin: 50% 48%;
          transform-origin: 50% 48%;
  border-radius: 100%;
  -webkit-animation: drift 5000ms infinite linear;
          animation: drift 5000ms infinite linear;
}

.wave.-four {
  -webkit-animation: drift 8000ms infinite linear;
          animation: drift 8000ms infinite linear;
          opacity: .1;
}

.wave.-three {
  -webkit-animation: drift 7000ms infinite linear;
          animation: drift 7000ms infinite linear;
          opacity: .1;
}

.wave.-two {
  -webkit-animation: drift 6000ms infinite linear;
          animation: drift 6000ms infinite linear;
          opacity: .1;
}

.box:after {
  content: '';
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

@-webkit-keyframes drift {
  from {
    -webkit-transform: scale(0,0);
            transform: scale(0,0);
            opacity: 1;
  }
  to {
    -webkit-transform: scale(1,1);
            transform: scale(1,1);
            opacity: 0;
  }
}

@keyframes drift {
  from {
    -webkit-transform: scale(0,0);
            transform: scale(0,0);
            opacity: 1;
  }
  to {
    -webkit-transform: scale(1,1);
            transform: scale(1,1);
            opacity: 0;
  }
}

/*horizontal css*/
.horizontal-scroll-section {overflow-x: hidden;}
.trigger {
  position: absolute;
}
.trigger--one {
  left: 0;
}

.scene {
  position: absolute;
  height: 100vh;
  top: 0;
  left: 0;
  right: 0;
}
.scene--active {
  position: fixed;
}
.scene--ended {
  position: absolute;
  bottom: 0;
  top: auto;
}

.horizontal-scroll-section {
  position: relative;
  min-height: 100vh;
  opacity: 0;
  transition: 0.2s opacity;
}
.horizontal-scroll-section img {
  display: block;
  margin: 0 auto;
  max-height: 100%;
  width: 80%;
  max-width: 775px;
  border-radius: 20px 20px 0 0;
}
.horizontal-scroll-section--init {
  opacity: 1;
}
.horizontal-scroll-section__content {
  display: flex;
  align-items: center;
}
.horizontal-scroll-section__content-wrapper {
  display: flex;
  height: 100%;
  align-items: center;
  position: relative;
}
.horizontal-scroll-section__content-section {
  position: relative;
  min-width: 80vw;
  text-align: center;
  padding: 0 40px;
  min-height: 400px;
  height: 70%;
  padding: 50px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
.horizontal-scroll-section__content-section.first-class {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  min-width: 50vw;
  width: 50vw;
  padding-left: 90px;
}
.horizontal-scroll-section__content-section::after {
  content: '';
  position: absolute;
  top: 50%; 
  right:-20px;
  width: 43px;
  height: 36px;
  background: url(/resource/common/img/service/point_arrow.png) no-repeat center center;
}
.horizontal-scroll-section__content-section:last-child::after{
  display: none;
}
.horizontal-scroll-section__content-section.first-class h3 { font-family: 'SUIT-SemiBold';}
.horizontal-scroll-section__content-section.first-class h3 em {font-family: 'SUIT-Medium';}
.horizontal-scroll-section__content-section.first-class p,
.horizontal-scroll-section__content-section.first-class h3 {
  text-align: left;
}
.horizontal-scroll-section__content-section.other-class h3 {font-family: 'SUIT-SemiBold', 'Spoqa Han Sans Neo_Regular';}
.horizontal-scroll-section__content-section.other-class h3,
.horizontal-scroll-section__content-section.other-class p{
  margin:0 auto; 
  max-width: 775px;
  padding: 0 30px;
  width: 100%;
  text-align: left;
  margin-bottom: 10px;
}

.horizontal-scroll-section__content-section.other-class p {margin-bottom: 20px;}
.horizontal-scroll-section__content-section.first-class p {margin-top: 20px;}
.horizontal-scroll-section__content-section.first-class a {margin-top: 20px; padding: 10px 40px; border:1px solid #dfdfdf;}

.horizontal-scroll-section__image {
  display: flex;
  align-items: center;
}
.horizontal-scroll-section__image h2 {
  margin-left: 20px;
  width: 250px;
  text-align: left;
  flex-shrink: 0;
}
.horizontal-scroll-section__image--two img {
  max-width: 400px;
}
.horizontal-scroll-section__image--four img {
  max-width: 400px;
}
.horizontal-scroll-section--animation-one .horizontal-scroll-section__image--two {
  opacity: 1;
  transform: translateX(0);
}
/*horizontal css end*/

.box_layout {max-width: 1200px; width: 100%; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; margin-bottom: 50px;}
.box_layout:nth-child(2) {margin-top: 100px;}
.box_layout:last-child {margin-bottom: 0;}
.box_layout > div:first-child { width: 40%; margin-right: 10%;}
.box_layout > div:nth-child(2) {width: 50%;}
.box_layout > div > * {margin-bottom: 10px;}
.box_layout .fz_m3 {color: #7c7c7c;}
.box_layout > div:last-child {text-align: right;}
.box_layout > div:last-child > img {display: inline; width: 90%; margin:0 auto;}
.box_layout h4 {font-family: 'SUIT-SemiBold';}
.normal_section {margin:100px 0;}
.cl_log {color: #f9c626; font-family: 'SUIT-ExtraBold'; display: inline-block;}
.btn_action {transition: all ease-in 0.3s; background: #fff;}
.btn_action:hover,
.btn_action:focus { background: rgb(255,214,14); border-radius: 50px; border:1px solid rgb(255,214,14); } 

/*rolling banner company start*/
.flow_banner {overflow: hidden; position: relative; display: flex;max-width: 1600px;margin: 30px auto;background: #fff;}
.flow_banner .list {display: flex;}
.flow_banner .list > li {white-space: nowrap;font-size: 18px;color: #fff;padding: 20px;}
.flow_banner::before{ content: ''; position: absolute; left: 0; top:0; height: 100%; width: 150px; z-index: 1; background: linear-gradient(to right, #fff, rgba(255,255,255,0)); }
.flow_banner::after{ content: ''; position: absolute; right: 0; top:0; height: 100%; width: 150px; z-index: 1; background: linear-gradient(to left, #fff, rgba(255,255,255,0)); }

.con_mg {/*margin: 100px 0;*/ padding: 100px 35px; width: 100%;}
.con_mgpd {margin: 100px 0; padding: 100px 35px;}
.set_pd {padding-top: 100px;}
.set_pdt {padding-top: 80px;}
.set_mb {margin-bottom: 50px;}


/*견적서비스*/
.logist_g {background: #f7faff;}
.logist_g h3 {margin-bottom: 20px;}
.logist_g p {color: #7c7c7c;}
.service_guide {box-shadow: 3px 3px 5px rgba(0,0,0,0.07)}
.service_main_g .service_guide { background-image: url(/resource/common/img/service/sub_bk_3.png), url(/resource/common/img/service/sub_bk_4.png); }

.percon {width: 30%;}
.g_service {width: 32%; margin: 0 0 30px; background: #fff; padding: 30px; border-radius: 20px; box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.g_service > img {margin: 0 auto; width: 100%; max-width: 271px; }
.g_service > .fz_b6 {margin-bottom: 20px; display: block; font-family: 'SUIT-SemiBold';}
.g_service > p {color: #7c7c7c;}
.g_advan {width: 23%; margin: 50px 0; }
.view_service {padding: 80px 0 0;}

.view_card.set_card > div > div > span {color: #fff; text-shadow: 0 0 10px rgba(0,0,0,0.3) ;}
.view_card.set_card > div > div > span + em {color:#fff;}
.view_card.set_card > div:nth-child(1):hover > div > span,
.view_card.set_card > div:nth-child(4):hover > div > span {color: #fff;}
.view_card.set_card .view_cover {position: absolute; opacity: 0; transition: all ease-in 0.7s; top:0; left:0; background: linear-gradient(0deg, rgb(160, 58, 12) 0%, rgb(141, 105, 8) 100%); }

.esti_sec {background: url(/resource/common/img/service/esti_back.jpg) no-repeat center center; background-attachment:fixed; background-size: cover;}
.inpd_sec {padding-top: 100px; padding-bottom: 100px;}
.inner_esti {width: 80%; margin: 0 auto;}
.inner_esti > h3 {margin-bottom: 20px;}
.juyo_sec {background: url(/resource/common/img/service/juyo_back.png) no-repeat center center; background-attachment:fixed; background-size: cover;}
.add_contxt {background: #f9c626; height: auto;}
.adcont_img {height: 100%; width: 50%; background: #535353;}
.gm_changer a {margin-top: 20px; display: block; color: #4b3e00;}
.gm_changer p,
.gm_changer h3 {color: #735f00;}


/*물류서비스*/
.logist_w {background: #f9f9f9;}
.logist_w h3 {margin-bottom: 20px;}
.logist_w p {color: #7c7c7c;}
.service_main_s .service_guide { background-image: url(/resource/common/img/service/sub_bk_5.png), url(/resource/common/img/service/sub_bk_6.png); }
.view_text {padding: 90px 0; color:#444; text-align: center;}
.view_text em, .view_text span {display: block;}
.view_text em {font-size: 61px; font-family: 'SUIT-Heavy';}
.view_text span {font-size: 29px; font-family: 'SUIT-SemiBold'; margin-top: 15px;}
.intro_text {width: 100%; position: relative; background: url(/resource/common/img/service/sec1_back.png) no-repeat center center; background-size:100% 100%; padding: 120px 0; background-attachment: fixed;}
.set_layer {width: 100%; max-width: 1160px; margin: 0 auto; display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap;}
.inner_intro_text {width: 50%; margin:0 auto; text-align: center; z-index: 1; position: relative;}
.inner_intro_text:first-child .logistic_layout.box_sec:last-child {padding-bottom: 0;}

.h3_intro_text {color: #fff; margin-top: 70px;}
.h3_intro_text > span, .h3_intro_text > em {display: block; width: 100%; text-align: center;}
.h3_intro_text > span {font-family: 'SUIT-Regular';}
.h3_intro_text > em {font-family: 'SUIT-ExtraBold'; margin-top: 10px;}
.box_first {padding-top: 150px;}
.box_sec {padding-bottom: 100px;}
.logistic_layout {color:#fff;}
.logistic_layout > p, .logistic_layout > span {display: block; max-width: 454px; width: 100%; margin: 0 auto; text-align: left;}
.logistic_layout > p {font-family: 'SUIT-SemiBold'; margin-top: 40px;}
.logistic_layout > span {margin-top: 20px; font-family: 'SUIT-Regular';}
.logistic_img {border-radius: 40px; max-width: 454px; width: 100%; display: block; margin:0 auto;}
.tag {position: absolute; bottom: 10vw; width: 100%; text-align: center; font-family: 'SUIT-Heavy'; color:#fff; mix-blend-mode: soft-light; font-size: 150px; z-index: 0; line-height: 1; opacity: 0.3; left:0;}

.logist_back {position: relative; background: url(/resource/common/img/service/logist_plus.png) no-repeat top right; background-size:100%; padding: 120px 0; background-attachment: fixed;}
.logist_back h3 > em {margin-left: 2rem;}
.logist_back .inner_esti > h3 {margin-bottom: 50px;}
.logist_back .inner_esti .w30p {transition: all 0.3s ease-in; margin: 30px 20px; padding: 30px; border-radius: 20px; background: rgba(255,255,255,0.6); -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px);}
.logist_back .inner_esti .w30p:hover { mix-blend-mode:multiply; background: rgba(239, 255, 12, 0.6);}
.logist_back .inner_esti .w30p img {width: 90%; margin: 0 auto;}
.logist_back .inner_esti .s_test > span {display: block; margin-bottom: 20px;}
.logist_back .s_test em {color: #7c7c7c;}
.lg_service {overflow: hidden;}

/*추적서비스*/
.service_main_c .service_guide { background-image: url(/resource/common/img/service/sub_bk_7.png), url(/resource/common/img/service/sub_bk_8.png); }
.logistic {overflow: hidden;}
.logist_s {background: #f2f5ff;}
.logist_s p {color: #7c7c7c;}
.logist_s h3 {margin-bottom: 20px;}
.logistic .card {border:0;}
.logistic .card img {width: 100%; border-radius: 20px; overflow: hidden; object-fit: cover;}
.logistic .card h3 {padding: 25px 0;}
.tk_bk_sec {background: url(/resource/common/img/service/tk_bk_sec.png) no-repeat 95% 10%; background-size: 60%;}
.logistic .card.swiper-slide {background: rgba(255,255,255,0);}
.tk_bk_sec .logistic {padding-bottom: 0;}
.logistic .c_block p {color:#7c7c7c;}

.sb_contents {display: flex; align-items: stretch; justify-content: space-between;}
.sb_contents > img {width: 50%; object-fit: cover; height: 520px;}
.sb_text {width: 50%; background: #333;}
.sb_contents > .ac_ct {flex-direction: column; color: #fff; text-align: center; padding: 50px;}
.bar_length {height: 2px; width: 50px; background: #f9c626; margin: 30px 0;}
.sb_grp {padding-top: 100px;}


/*api service*/
.service_main_api .service_guide { background-image: url(/resource/common/img/service/sub_bk_9.png), url(/resource/common/img/service/sub_bk_10.png); }
.api_sec .service_graph {margin-top: 0;}
.api_sec .box_service { overflow: hidden; width: 30%; padding: 0; text-align: center;}
.api_sec .box_service .sc_box > div {margin:0 auto; width: 100%;}
.api_sec .custom_sv span {position: relative;}
.api_sec .sc_box img { width: 100%;}
.api_sec .text_sc {padding-top: 30px;}
.api_sec .fz_n {display: block; text-align: center; padding-top: 10px; padding-bottom: 10px;}
.api_sec .custom_sv {width: 11.8%; }
.api_sec .custom_sv img {width: 100%; }
.api_sec .service_graph > span {width: 13.1%; display: block;}
.api_sec .service_graph > span > img {width: 100%;}

.open_api {text-align: center; background: linear-gradient(#fff685, #fff); height: 120px; width: 57%; margin:0 auto -40px; border-radius: 20px 20px 0 0;}
.open_api > span {margin: 18px auto 0; display: inline-block;}

.mfinity {text-align: center; background: linear-gradient(#f8ffbb, #fff); height: 120px; width: 79%; margin:0 auto -40px; border-radius: 20px 20px 0 0;}
.mfinity > span { display: flex; align-items: center; justify-content: center; padding-top: 15px;}
.api_sec .mfinity img {width: 40px; margin-right: 10px;}

.open_api_bk {position: relative; padding: 120px 0;}
.open_api_bk h3 {text-align: center;}
.open_api_bk .inner_esti > h3 {margin-bottom: 50px;}
.open_api_bk .inner_esti .w30p {transition: all 0.3s ease-in; margin: 30px 20px; padding: 0; border-radius: 20px; background: rgba(255,255,255,0.6);}

.open_api_bk .inner_esti .w30p img {width: 100%; margin: 0 auto 30px;}
.open_api_bk .inner_esti .s_test > span {display: block; margin-bottom: 20px;}
.open_api_bk .s_test em {color: #7c7c7c;}
.open_api_bk .inner_esti {width: 85%;}

.view_mobile {display: none; padding: 0 15px;}
.view_mobile img {width: 100%;}


/*견적요청 kendo plugin add form*/
.contain_sub .content {margin:0; padding:0;}
.contain_sub .row {margin:0;}
.contain_sub .box-body {padding: 0;}
.content .col-xs-12 {padding-left:0; padding-right:0;}
.content .box {border-top:0; background: transparent; box-shadow: none;}

.flex_column .popup_input_css {border: 1px solid #dfdfdf;width: 100%;outline: none;color: var(--base-form-color);padding: 5.5px 5px;border-radius: 0;background: #fff;height: 100%;box-sizing: border-box;}
.flex_column .k-widget.k-dropdown.k-header.popup_input_css {padding:0; border-radius: 0; padding: 2px 0;}
.flex_column .k-autocomplete.k-state-focused, .k-dropdown-wrap.k-state-focused, .k-multiselect.k-header.k-state-focused, .k-numeric-wrap.k-state-focused, .k-picker-wrap.k-state-focused {border:0;}
.flex_column .k-dropdown-wrap {border-radius: 0; background-color: transparent; border:none;}
.flex_column .k-dropdown-wrap.k-state-default {border-color: transparent;}
.flex_column .k-header {background-color: var(--bg-color-lightsky);}
.flex_column .k-dropdown-wrap.k-state-focused {background: transparent;}
.flex_column .k-autocomplete.k-state-default, 
.flex_column .k-dropdown-wrap.k-state-default, 
.flex_column .k-numeric-wrap.k-state-default, 
.flex_column .k-picker-wrap.k-state-default {background: transparent;}
.flex_column .k-dropdown-wrap.k-state-focused {-webkit-box-shadow:none; box-shadow: none;}
.flex_column .k-picker.k-dropdown.k-widget.popup_input_css.input_write {border: 1px solid #dfdfdf; display: flex; align-items: center; justify-content: space-between;}
.flex_column .k-picker.k-dropdown.k-widget.popup_input_css.input_write:hover,
.flex_column .k-picker.k-dropdown.k-widget.popup_input_css.input_write:focus {border: 1px solid #b8b8b8; }
.flex_column .k-select.k-input-button.k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button:hover, 
.flex_column .k-select.k-input-button.k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button:active, 
.flex_column .k-select.k-input-button.k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button:focus, 
.flex_column .k-select.k-input-button.k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button {background: none; border:none; box-shadow: none; padding-right: 0;}


.pop_layer .k-widget,
.content .k-widget {border-top:0; border-bottom:0;}
.content .k-grid tr:hover {background: #f6ffe4; cursor:pointer;}
.content .k-grid td.k-state-focused {-webkit-box-shadow:inset 0 0 0 2px var(--button-point-redOrange); box-shadow:inset 0 0 0 2px var(--button-point-redOrange);}
.content .k-state-selected {background: #87889d; border:1px solid #87889d;}
.content .k-grid td.k-state-selected:focus, 
.content .k-grid td.k-state-selected:hover, 
.content .k-grid tr.k-state-selected:hover {background: #7e818a;}
.k-grid-header {border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf;}
.pop_layer .k-grid-header,
.content .k-grid-header {background: var(--bg-cell-color);border-top: 2px solid var(--base-point-color);}
.set_contents .k-grid-header {background: var(--bg-cell-color); border-top:2px solid var(--base-point-color);}

.content .k-grid-header th.k-header {box-sizing: border-box;margin: 0;padding: 0;}
.content .k-grid-header th.k-with-icon .k-link {margin-top: -8px;}
.pop_layer .k-header>.k-grid-filter,
.content .k-header>.k-grid-filter {display: flex; align-items: center; justify-content: center;}
.content .k-pager-wrap .k-link {display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 100px; width: 25px; height: 25px; border:1px solid #e7e7e7; cursor: pointer;}
.content .k-grid .k-pager-numbers {margin-top: 6px;}
#gridDetailList {margin-top: 30px;}

.pop_layer .k-pager-wrap {border-top: 1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
.content .k-pager-wrap {border-top: 1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; padding: 8px 10px;}
.content .k-floatwrap:after {display: none; position: absolute;}

.check_list_th {width: 40px !important; padding: 0; margin: 0; box-sizing: border-box !important;}
.check_list_th a.k-grid-filter {display: none !important;}
.k-grid-header th.k-header { vertical-align: middle !important; background: #f1f1f1;}

.pop_layer .k-pager-wrap .k-link {display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 100px; width: 25px; height: 25px; border:1px solid #e7e7e7; cursor: pointer;}
  
.number_list_th {width: 50px !important; margin: 0; box-sizing: border-box !important;}
.number_list_th a.k-grid-filter{display: none !important;}
.number_list_th a.k-link {margin-right: 0 !important;}

.fix_area_list {width: 100px; box-sizing: border-box !important;}

.income_list_th {width: 90px; padding-left:0 !important; padding-right: 0!important; margin: 0; box-sizing: border-box !important;}
.income_list_th a.k-link {margin-right: 0 !important; padding:.5em 0 .4em 0 !important;}
#headerCheckbox {accent-color: #f9c930; width: 15px; height: 15px; cursor: pointer;}
.content .k-grid-content input[type='checkbox']:checked {accent-color: #f9c930; width: 15px; height: 15px;}


.k-list-optionlabel {background: #eef2f8;}
.k-list-optionlabel.k-state-selected:hover{box-sizing: border-box !important;}
.k-state-selected{box-sizing: border-box !important; background: #87889d;}
.k-grid-content.k-auto-scrollable {background: #fff;border-left: 1px solid #dfdfdf;border-right: 1px solid #cecece;}

.k-list-optionlabel.k-state-hover { background: #dae2ee !important; border:none !important; border-radius: 0 !important;}
.k-animation-container .k-state-selected {border-color:transparent !important; background: #8f96a5 !important;}
.k-animation-container .k-list-optionlabel.k-state-selected.k-state-focused .placehoder_color { color: #fff;}
.k-animation-container .k-searchbox.k-input.k-input-md.k-rounded-md.k-input-solid {display: block; position: relative; display: block;}
.k-animation-container .k-input-icon.k-icon.k-i-search {position: absolute; right: 5px; top: 6px; }
.k-animation-container .k-input-inner {border:0;} 

.k-animation-container .k-input-inner:focus,
.k-animation-container .k-input-inner:hover {border:0; border-radius: 0; outline: 0;}
.k-animation-container .k-searchbox.k-input.k-input-md.k-rounded-md.k-input-solid {padding: .25em; padding-right: 30px;}

.k-animation-container .k-list-optionlabel {color: #8b969e; font-weight: 300; background: #f5f5f5; border-width:0;}
.k-animation-container .k-list-item {cursor: pointer; padding: 3px 5px;}
.k-animation-container .k-list-item:hover,
.k-animation-container .k-list-item:focus {background: #e5e6f2;}
.k-animation-container .k-list-item.k-selected.k-focus {background: #e0e1fd; color: #2e2e2e;}
.k-animation-container .k-list-item.k-selected.k-focus:hover {background: #e5e6f2;}
.k-pager-sizes .k-widget.k-dropdown {display: flex; align-items: center; justify-content: space-between; padding: 5px; border:1px solid #ededed; margin-right: 10px;}
.k-dropdown .k-select, .k-selectbox .k-select {background: none; border:none; outline: none; box-shadow: none;}
.k-button:focus:active:not(.k-state-disabled):not([disabled]) {background-color: none !important; -webkit-box-shadow: none !important; box-shadow: none !important;}
.k-button:active:hover,
.k-button.k-state-active:hover { color: #ffffff; border-color: transparent; background-color: transparent; }
.k-button {line-height: inherit;}

.k-button:active,
.k-button.k-state-active { color: #fff; background-color: transparent !important; border-color: transparent !important; }
.k-button:active:hover,
.k-button.k-state-active:hover { color: #ffffff; border-color: transparent !important; background-color: transparent !important; }

.k-button:hover,
.k-button.k-state-hover { color: inherit; border-color: transparent !important; background-color: transparent !important; }


/*dropdown guide placeholder*/
.placehoder_color {color: #919191;}
.icon_org { background: url(/resource/common/img/title_icon_orange.png) no-repeat 0 center; padding-left: 12px; background-size: 6px; }
.icon_blue { background: url(/resource/common/img/title_icon_blue.png) no-repeat 0 center; padding-left: 12px; background-size: 6px; }
.icon_green { background: url(/resource/common/img/title_icon_green.png) no-repeat 0 center; padding-left: 12px; background-size: 6px; }

.content .k-pivot-layout>tbody>tr:first-child>td:first-child,
.content .k-resource.k-alt, 
.content .k-separator {background: #f3f3f3;}
.content .k-grid-content input[type='checkbox']{cursor: pointer;accent-color: #fff;width: 15px;height: 15px;}
.pop_layer .k-grid-content input[type='checkbox']:checked,
/* .content .k-grid-content input[type='checkbox']:checked {accent-color: #d2dee9; width: 14px; height: 14px; border-radius: 3px; box-shadow: 2px 2px 3px raba(0,0,0,0.1);} */
.k-grid-content tr td {border-bottom: 1px solid #e8e8e8;}


/*메인화면 조회 검색 공통*/
.flex_column {
  display: flex;
  flex-direction: column;
}
.sq_div_6 {
  flex-basis: 15%;
  flex: 1;
  background: #fff;
  box-shadow: var(--box-shadow-basic);
  border-radius: var(--border-radius-basic);
  word-break: break-all;
  padding: 10px;
  box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15);
}
.sq_div_5 {
  flex-basis: 19%;
  flex: 1;
  background: #fff;
  box-shadow: var(--box-shadow-basic);
  border-radius: var(--border-radius-basic);
  word-break: break-all;
  padding: 10px;
  box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15);
}
.sq_div_4 {
  flex-basis: 24%;
  flex: 1;
  background: #fff;
  box-shadow: var(--box-shadow-basic);
  border-radius: var(--border-radius-basic);
  word-break: break-all;
  padding: 10px;
  box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15);
}
.sq_div_3 {
  flex-basis: 30%;
  flex: 1;
  background: #fff;
  box-shadow: var(--box-shadow-basic);
  border-radius: var(--border-radius-basic);
  word-break: break-all;
  padding: 10px;
  box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15);
}
.sq_div_2 {
  flex-basis: 48%;
  flex: 1;
  background: #fff;
  box-shadow: var(--box-shadow-basic);
  border-radius: var(--border-radius-basic);
  word-break: break-all;
  padding: 10px;
  box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15);
}
.sq_div_1 {
  flex-basis: 100%;
  flex: 1;
  background: #fff;
  box-shadow: var(--box-shadow-basic);
  border-radius: var(--border-radius-basic);
  word-break: break-all;
  padding: 10px;
  box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15);
}

/*auto wide inner conent flex*/
.items_fs_1 {
  --columns: 1;
  --gap: 10px;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  gap: var(--gap);
}
.items_fs_1 .item {
  width: calc(100% / var(--columns) - var(--gap) + var(--gap) / var(--columns));
  gap: 5px;
}
.items_fs_2 {
  --columns: 2;
  --gap: 10px;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  gap: var(--gap);
}
.items_fs_2 .item {
  width: calc(100% / var(--columns) - var(--gap) + var(--gap) / var(--columns));
  gap: 5px;
}
.items_fs_3 {
  --columns: 3;
  --gap: 10px;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  gap: var(--gap);
}
.items_fs_3 .item {
  width: calc(100% / var(--columns) - var(--gap) + var(--gap) / var(--columns));
  gap: 5px;
}
.items_fs_4 {
  --columns: 4;
  --gap: 10px;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  gap: var(--gap);
}
.items_fs_4 .item {
  width: calc(100% / var(--columns) - var(--gap) + var(--gap) / var(--columns));
  gap: 5px;
}
.items_fs_5 {
  --columns: 5;
  --gap: 10px;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  gap: var(--gap);
}
.items_fs_5 .item {
  width: calc(100% / var(--columns) - var(--gap) + var(--gap) / var(--columns));
  gap: 5px;
}
.items_fs_6 {
  --columns: 6;
  --gap: 10px;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  gap: var(--gap);
}
.items_fs_6 .item {
  width: calc(100% / var(--columns) - var(--gap) + var(--gap) / var(--columns));
  gap: 5px;
}
.item_nogap {
  --gap:0px;
  gap: 2px 0;
}
.item_btn_grp {
  flex: 1;
  gap: 5px;
  flex-basis: 40%;
  flex-wrap: wrap;
}

/*flex_column design*/
.wrap.main .flex_column .k-picker, 
.wrap.main .flex_column .k-widget.k-picker {border-color: #dfdfdf;color: #2e2e2e;background-color: #ffffff;}
.wrap.main .flex_column .k-picker.k-hover, 
.wrap.main .flex_column .k-picker:hover, 
.wrap.main .flex_column .k-widget.k-picker.k-hover, 
.wrap.main .flex_column .k-widget.k-picker:hover {background: #f7f7f7; }

.flex_column .k-list-optionlabel {border-style: none;}
.k-list-filter .k-searchbox {border-radius: 0;}

.k-popup, .k-popup {background: #f9f9f9;}
.k-list-ul .k-list-item.k-selected {background: #e5e6f2; color:#2e2e2e;}
.k-list-ul .k-list-item.k-focus, .k-list-item:focus {box-shadow:none;}
.k-list-ul .k-list-item.k-selected.k-hover, .k-list-item.k-selected:hover {background: #e2e3eb; color: inherit;}
.k-list-ul .k-list-item {border-radius: 0;}

.content .box {margin-bottom: 0;}
/* .k-pager-numbers-wrap,
#k-license-banner {display: none !important;} */

.k-animation-container *{box-sizing: border-box !important;box-sizing: border-box !important;outline: none !important;border: 0;}
.k-animation-container .k-filter-menu.k-popup .k-filter-menu-container {padding: 5px;}

.k-filter-menu-container .k-filter-help-text {margin-top:0;margin-bottom: 8px;}
.k-filter-menu-container .k-picker:focus-within, 
.k-filter-menu-container .k-widget.k-picker:focus-within {box-shadow: none;}
.k-filter-menu-container .k-picker:focus-within {border:1px solid #dfdfdf;}

.k-filter-menu-container .k-filter-menu .k-searchbox, .k-filter-menu .k-widget {margin-bottom: 5px;}
.k-filter-menu-container .k-picker.k-hover, 
.k-filter-menu-container .k-picker:hover, 
.k-filter-menu-container .k-widget.k-picker.k-hover, 
.k-filter-menu-container .k-widget.k-picker:hover {background:#f7f7f7; border:1px solid #b8b8b8;}

.k-animation-container .k-filter-menu .k-action-buttons .k-button {margin: .5em 0 0 0; width: 50%;}
.k-animation-container .k-filter-help-text .k-icon:before {color: #484848;}
.k-animation-container .k-select.k-input-button.k-button.k-button-md .k-icon:before {color: #484848;}
.k-grid .k-table-thead .k-header>.k-cell-inner {margin: 0;}
.k-header .k-icon {text-indent: 0 !important;}
.k-icon.k-svg-icon.k-svg-i-caret-alt-left.k-button-icon,
.k-icon.k-svg-icon.k-svg-i-caret-alt-right.k-button-icon {display: flex; align-items: center; justify-content: center;}
.k-header .k-grid-filter-menu .k-icon {text-indent: 0;}
div.k-grid-footer, div.k-grid-header {padding-right: 6px !important;}
.k-icon.k-svg-icon.k-svg-i-filter {display: flex;align-items: center;justify-content: center;margin-top: -2px;}

/* .k-picker .k-input-value-text {
    padding: 3px 8px; 
    border-radius: 0 !important;
}  */

.k-actions-stretched.k-actions .k-button-solid-primary,
.k-actions-stretched.k-actions .k-button-solid-base {border:none;}
.k-actions-stretched.k-actions .k-button-solid-base {background: var(--button-del-cancel); color: #fff;}
.k-animation-container .k-picker.k-dropdownlist .k-input-button.k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button {padding:0;height: 100%;}
.k-animation-container .k-icon.k-svg-icon.k-svg-i-caret-alt-down.k-button-icon {display: flex; align-items: center; justify-content: center;}
.search_release .k-input-button.k-button>.k-button-icon, .search_release .k-input-button>.k-button-icon {display: flex; align-items: center; justify-content: center;}

.k-grid-container .k-table-tbody .k-table-row.k-selected {color: #484848;background: #e3e9ec;}
.k-grid-header input[type="checkbox"], 
.k-grid-container input[type="checkbox"] {accent-color: #f9c930; width: 15px; height: 15px;}

.k-searchbox .k-input-inner {padding: .17857143em 5px;} 
.k-child-animation-container {width: auto !important;}
.k-child-animation-container .k-popup {border:1px solid #dfdfdf;padding: 5px; height: auto !important;} /*팝업 높이세팅*/

.k-calendar-nav .k-icon  {display: none !important;}
.k-calendar .k-content .k-link {display: flex !important; justify-content: center; width: 100% !important;}
.k-calendar th {padding:0 !important; vertical-align: middle; text-align: center !important;}
.k-calendar .k-calendar-td.k-selected .k-link {background-color: var(--button-point-redOrange) !important;}
.k-calendar .k-range-start, .k-calendar .k-range-end, .k-calendar .k-range-mid { background-color: rgba(156, 156, 156, 0.25) !important;}
.k-button-flat-primary {display: none !important;}
.k-calendar .k-today { -webkit-box-shadow: none!important; box-shadow: none!important; }
.k-calendar-td.k-today.k-state-focused a {border:1px solid #ec4b00; border-radius: 4px;}
.k-icon.k-svg-icon.k-svg-i-search.k-input-icon {position: absolute;right: 5px;margin-top: 1px;}


.k-floating-label-container {padding-top: 0!important;}
.k-floating-label-container:hover, 
.k-floating-label-container:focus {background: #cecece !important;}
.k-floating-label-container + span {display: none;}

.k-dateinput.k-input.k-input-solid.k-input-md.k-rounded-md { font-size: 15px; border: 1px solid #dfdfdf; width: 100%; outline: none; color: var(--base-form-color); padding: 6px 5px; border-radius: 0; }
.k-dateinput.k-input.k-input-solid.k-input-md.k-rounded-md .k-input-inner {padding-block: 0px; padding-inline: 0px;}
.k-dateinput.k-input.k-input-solid.k-input-md.k-rounded-md.k-focus { border:1px solid #b8b8b8; outline: none;}

.k-popup.k-group.k-reset.k-state-border-down,
.k-popup.k-group.k-reset.k-state-border-up {box-sizing: border-box; padding: 4px; height: auto !important;}
.k-input-solid.k-focus,
.k-input-solid:focus-within {box-shadow: none !important;}
.k-animation-container.k-animation-container-shown {background:#dfdfdf;}

.k-calendar .k-today {padding:0 !important;} 
.k-calendar .k-calendar-td.k-hover {background: #e6e6e6;}
.k-calendar .k-calendar-td.k-today.k-focus .k-link {color: #f35800; box-shadow: inset 0 0 0 1px #f35800;}
.k-calendar-container .k-calendar td.k-state-focused .k-link {box-shadow: none;}
.k-calendar-container .k-calendar .k-calendar-view {height: 18em;}
.k-calendar-container .k-calendar .k-calendar-yearview {padding: 5px;}
.k-calendar-td.k-selected.k-focus .k-link,
.k-calendar-td.k-today.k-selected.k-focus .k-link {color:#fff;}
/*.k-sort-icon,
.k-sort-order { display: none; }*/
.k-picker-md .k-input-inner { padding-block: 0; padding-inline: 0; }

.layout_input_layer {border:1px solid #dfdfdf; padding: 4px 10px;}
.content .k-widget.k-dropdown.k-header {width: 100%; background: #fff; border:1px solid #dfdfdf; border-radius: 0; padding: 1.8px 0;}
.content .k-widget.k-dropdown.k-header:focus, 
.content .k-widget.k-dropdown.k-header:hover {background: #f7f7f7; border: 1px solid #b8b8b8;}
.content .k-list.k-reset {width: 100%; }
.content .k-list.k-reset li {width: 100%;}

.k-pager-sizes.k-label .k-widget.k-dropdown.k-header {border:none; background: transparent;}
.k-popup .k-list .k-item {box-sizing: border-box !important; cursor: pointer;}
.k-item.k-state-hover {background: #dae2ee !important;}

.k-filter-menu.k-popup.k-group.k-reset.k-state-border-up .k-dropdown-wrap.k-state-default {height: 30px;}
.k-filter-menu.k-popup.k-group.k-reset.k-state-border-up .k-dropdown-wrap .k-select {line-height: 1.7em !important;}
.k-filter-menu.k-popup.k-group.k-reset.k-state-border-up .k-dropdown-wrap.k-state-default,
.k-filter-menu.k-popup.k-group.k-reset.k-state-border-up .k-dropdown-wrap.k-state-default.k-state-hover {background: #fff !important;}
.k-filter-menu.k-popup.k-group.k-reset.k-state-border-up .k-button.k-primary {background: #ff9100 !important; border:0;}
.k-filter-menu.k-popup.k-group.k-reset.k-state-border-up .k-button.k-primary:focus,
.k-filter-menu.k-popup.k-group.k-reset.k-state-border-up .k-button.k-primary:active,
.k-filter-menu.k-popup.k-group.k-reset.k-state-border-up .k-button.k-primary:hover { color: #fff!important; background: #ff9913; border:0; box-shadow: none !important;}
.k-filter-menu.k-popup.k-group.k-reset.k-state-border-up .k-button {border:0; box-shadow: none !important;}
.k-filter-menu.k-popup.k-group.k-reset.k-state-border-up .k-button:hover { color: #2e2e2e !important;}
.k-filter-menu.k-popup.k-group.k-reset.k-state-border-up .k-button-solid-primary {background: #ff9100 !important; color: #fff;}
.k-filter-menu.k-popup.k-group.k-reset.k-state-border-up .k-button-solid-base {background: var(--button-del-cancel) !important; color: #fff;}

.k-list-container { border-color: #c5c5c5 !important; background-color: #f7f7f7 !important; box-shadow: 1px 1px 5px rgba(0,0,0,0.1)!important; }
.k-widget.k-dropdown.k-header {width: 100%;} 
.k-header .k-link {/* margin: -0.5em -0.6em -0.4em 0 !important; *//*padding: 0.5em 0.6em 0.4em 0 !important;*/overflow: hidden; text-overflow: ellipsis;}
/* .k-picker.k-dropdownlist.k-picker-solid.k-picker-md.k-rounded-md {width: 80px; margin-right: 10px;} */
.k-pager-sizes .k-label {display: flex; align-items: center; justify-content: center;}
/* .content .k-pager-sizes {display: block;line-height: 2.2em;width: auto;border: 1px solid red;} */
.k-pager-sizes.k-label .k-widget.k-dropdown.k-header {margin-right: 15px !important;}
.pop_layer .k-grid .k-pager-numbers {margin-top: 6px;}
.k-pager-sizes .k-picker.k-dropdownlist.k-picker-solid.k-picker-md.k-rounded-md {width: 80px;margin-right: 10px;/* display: block !important; */}


/*견적의뢰 datepicker*/
.flex_column .k-widget.k-datepicker.k-header.popup_input_css.input_write { background-color : #fff; box-sizing: border-box; padding: 0; border:1px solid #dfdfdf; }
.flex_column .k-widget.k-datepicker.k-header.popup_input_css.input_write:hover { border:1px solid #b8b8b8; background: #f7f7f7; }

.flex_column .k-picker-wrap.k-state-default {border:0; }
.flex_column .k-picker-wrap.k-state-default.k-state-hover.k-state-focused {border:0; border-radius: 0;} 
.flex_column .k-picker-wrap.k-state-default .popup_input_css.input_write.k-input {padding: 4.5px 0;}

.set_contents .k-picker-wrap.k-state-default {border:0; }
.set_contents .k-picker-wrap.k-state-default.k-state-hover.k-state-focused {border:0; border-radius: 0;} 
.set_contents .k-picker-wrap.k-state-default .popup_input_css.input_write.k-input {padding: 4.5px 0;}

.set_contents .k-picker-wrap.k-state-focused,
.flex_column .k-picker-wrap.k-state-focused { box-shadow: none !important; }

.k-calendar .k-link.k-state-hover { border-radius: 0; }

.k-calendar .k-link.k-nav-next:hover,
.k-calendar .k-link.k-nav-prev:hover,
.k-calendar .k-nav-fast.k-state-hover { background-color: #dfdfdf !important; }

.set_contents .k-calendar td.k-state-focused.k-state-selected,
.k-calendar td.k-state-focused.k-state-selected {box-shadow: none;}
.k-widget.k-calendar .k-nav-fast { height: auto;}
.k-pager-wrap.k-grid-pager.k-widget.k-floatwrap.k-state-focused {box-shadow: none;}

.k-animation-container #i_release_dt_dateview .k-widget.k-calendar .k-header,
.k-animation-container #i_release_date_dateview .k-widget.k-calendar .k-header,
.k-animation-container #i_end_date_dateview .k-widget.k-calendar .k-header,
.k-animation-container #i_start_date_dateview .k-widget.k-calendar .k-header {display: flex; align-items: stretch; justify-content: space-between;}

.k-calendar .k-header .k-link.k-nav-next, .k-calendar .k-header .k-link.k-nav-prev { height: auto; width: auto; }
/* .k-header .k-link { padding: 0 !important; margin: 0 !important; } */
.k-widget.k-calendar .k-nav-next, 
.k-widget.k-calendar .k-nav-prev { top:0 !important; position: static !important; }

.k-calendar td.k-state-focused.k-state-selected, 
.k-calendar td.k-state-selected.k-state-active, 
.k-calendar td.k-state-selected.k-state-hover:active, 
.k-calendar td.k-state-selected:active { -webkit-box-shadow: none !important; box-shadow: none !important; background-color: #f35800 !important; border-color: #f85a00 !important; }

.k-state {display: flex; align-items: center; justify-content: center;}
.k-state-selected {background: #be9f13;}
.k-state-hover,
.k-state-hover:hover {background: #e2e2e2 !important;} 

.flex_column .k-state-hover,
.flex_column .k-state-hover:hover {
   background: #f7f7f7 !important;  
} 

.set_contents .k-state-hover,
.set_contents .k-state-hover:hover {
   background: #f7f7f7 !important; 
} 

.wrap.main input[readonly] {background: #f1f2f3;border:1px solid #dfdfdf;box-shadow: none;}


/*타이틀 글자포함*/
.k-calendar-td.k-weekend:nth-child(7) a {color: #114a75;}
.k-calendar-td.k-weekend:nth-child(1) a {color: #d42203;}
.k-calendar-td.k-other-month.k-weekend:nth-child(7) a {color: #b1cce0;}
.k-calendar-td.k-other-month.k-weekend:nth-child(1) a {color: #e2d0cd;}

td.k-weekend.k-state-selected.k-state-focused a[title*='Sunday'] {color:#fff !important;}
td.k-weekend.k-state-selected.k-state-focused a[title*='Saturday'] {color: #fff !important;}
.k-calendar-container.k-popup.k-group.k-reset td[role='gridcell']  {vertical-align: middle;}
.k-popup.k-calendar-container {width: auto !important;box-sizing: border-box;height: auto !important;}
.k-calendar-container .k-calendar .k-calendar-monthview {padding: 5px;}


/*견적의뢰등록*/
.pop_layer .k-header { background: transparent; padding: 5px 7px; outline: none; border: 1px solid #dfdfdf; color: var(--base-form-color); width: 100%; border-radius: 0; }
.input.k-textbox {border-radius: 0;}
.pop_layer .k-widget.k-dropdown.k-header{ width: 100%; background: #fff; border: 1px solid #dfdfdf; }
.pop_layer .k-widget.k-dropdown.k-header:hover,
.pop_layer .k-widget.k-dropdown.k-header:focus { background: #f7f7f7; border:1px solid #b8b8b8; }
.pop_layer .k-header.fix_area_list {width: 100px;}


/*table plugin re_design*/
.content .k-grid-header th.k-header,
.pop_layer .k-grid-header th.k-header {padding: 4px 0;line-height: 1.2;}
.content .k-button.k-state-focused,
.content .k-grid-header th.k-state-focused,
.content .k-list>.k-state-focused,
.content .k-listview>.k-state-focused,
.content .k-state-focused,td.k-state-focused { -webkit-box-shadow: inset 0 0 0px 1px #8c9fbb; box-shadow: inset 0 0 0px 1px #8c9fbb; }

.pop_layer .k-button.k-state-focused,
.pop_layer .k-grid-header th.k-state-focused,
.pop_layer .k-list>.k-state-focused,
.pop_layer .k-listview>.k-state-focused,
.pop_layer .k-state-focused,td.k-state-focused { -webkit-box-shadow: inset 0 0 0px 1px #8c9fbb; box-shadow: inset 0 0 0px 1px #8c9fbb; }

.pop_layer .k-pager-sizes.k-label .k-widget.k-dropdown.k-header:hover, 
.pop_layer .k-pager-sizes.k-label .k-widget.k-dropdown.k-header:focus {border:0; background: transparent;} 
/*.content .k-filter-row th, .k-grid-header th.k-header,
.pop_layer .k-filter-row th, .k-grid-header th.k-header { line-height: 1;}*/
.pop_layer .k-grid-header th.k-header>.k-link,
.content .k-grid-header th.k-header>.k-link { display: block; min-height: 18px; line-height: 17px; overflow: hidden; text-overflow: ellipsis; }

.k-table-th.k-header:has(input#headerUpdCheckbox),
.k-table-th.k-header:has(input#fwdCheckbox),
.k-table-td:has(input.rowFwdCheckbox),
.k-table-td:has(input.rowUpdCheckbox),
.content .k-grid .k-group-col + col,
.content .k-table-row.k-master-row .k-table-td:has(.rowCheckbox),
.content .k-grid-header th.k-header:has(input#headerCheckbox), .pop_layer .k-grid-header th.k-header:has(input#headerCheckbox) {width: 40px;}
.block_layout_form:has(#gridDetailListUpd) {display:grid; grid-template-columns: 80px 1fr;}
.block_layout_form:has(#gridDetailListUpd) .block_title {width: 80px; grid-row-start: 1; grid-row-end: 3;}
.block_layout_form:has(#gridDetailListUpd) .block_title + div {display:flex; gap:5px; padding: 10px;}



.k-grid.k-widget .k-header>.k-cell-inner {margin:0; cursor: pointer;}
.k-grid.k-widget .k-header .k-grid-filter { bottom: auto; top: auto; right: 0; padding-top: 5px; padding-bottom: 5px;}
.k-grid .k-grid-header .k-cell-inner>.k-link {width: 100%;display: flex;align-items: center;justify-content: center;cursor: pointer; padding:0;}
.k-grid .k-column-title {width: auto;}
.k-grid-filter-menu.k-grid-header-menu {position: absolute;right: 0;padding-right: 0px;height: 100%;width: 30px;padding-top: 2px;z-index: 1;color: #484848;display: flex;align-items: center;justify-content: center;}
.pop_layer .k-picker.k-focus, 
.pop_layer .k-picker:focus, 
.pop_layer .k-widget.k-picker.k-focus, 
.pop_layer .k-widget.k-picker:focus,
.k-pager-sizes.k-label .k-picker:focus-within, 
.k-pager-sizes.k-label .k-widget.k-picker:focus-within {box-shadow:none;}
.k-picker.k-hover, .k-picker:hover, .k-widget.k-picker.k-hover, .k-widget.k-picker:hover,
.k-pager-sizes.k-label .k-picker, .k-widget.k-picker {background: #fff;}


/*팝업폼 수정*/
.pop_layer .popup_input_css {border: 1px solid #dfdfdf; width: 100%; outline: none; color: var(--base-form-color); padding: 5.5px 5px; border-radius: 0; background: #fff; height: auto;}
.pop_layer input[readonly].popup_input_css {background: var(--bg-cell-color);}
.pop_layer .k-widget.k-dropdown.k-header.popup_input_css {padding:0; border-radius: 0; padding: 2px 0;}
.pop_layer .k-autocomplete.k-state-focused, .k-dropdown-wrap.k-state-focused, .k-multiselect.k-header.k-state-focused, .k-numeric-wrap.k-state-focused, .k-picker-wrap.k-state-focused {border:0;}
.pop_layer .k-dropdown-wrap {border-radius: 0; background-color: transparent; border:none;}
.pop_layer .k-dropdown-wrap.k-state-default {border-color: transparent;}
.pop_layer .k-dropdown-wrap.k-state-focused {background: transparent;}
.pop_layer .k-autocomplete.k-state-default, 
.pop_layer .k-dropdown-wrap.k-state-default, 
.pop_layer .k-numeric-wrap.k-state-default,
.pop_layer .k-picker-wrap.k-state-default {background: transparent;}
.pop_layer .k-dropdown-wrap.k-state-focused {-webkit-box-shadow:none; box-shadow: none;}
.pop_layer .k-dropdown {border-radius: 0; padding:0;}
.pop_layer .k-header {border:1px solid #dfdfdf; }
.text_input.wrap_input .k-widget.k-dropdown.k-header {width: 30%; box-sizing: border-box !important;}
.pop_layer .input_write.form-control.small.shadow-none.k-input {background: transparent; border: 1px solid #dfdfdf; border-radius: 0; height: 34px; padding: 5px 5px;}
.pop_layer .k-widget.k-datepicker.k-header.input_write.form-control.small.shadow-none {height: auto;}
.pop_layer .k-grid td.k-state-focused {-webkit-box-shadow:inset 0 0 0 2px var(--button-point-redOrange); box-shadow:inset 0 0 0 2px var(--button-point-redOrange);}


  /*견적의뢰 팝업 리스트*/
  .pop_layer .k-grid-header-wrap.k-auto-scrollable thead tr:hover {background: transparent !important;}
  .pop_layer .k-grid-header-wrap.k-auto-scrollable thead tr th { background-image: none, -webkit-linear-gradient(top, rgba(255, 255, 255, .6) 0, rgba(255, 255, 255, 0) 100%); }
  .pop_layer .k-state-selected {background: #87889d; border: 1px solid #87889d;}
  .pop_layer .k-state-selected a {color: #fff;}
  .pop_layer .k-grid td.k-state-selected:focus, 
  .pop_layer .k-grid td.k-state-selected:hover, 
  .pop_layer .k-grid tr.k-state-selected:hover {background: #7e818a;}
  .pop_layer .k-grid tr:hover {background: #f6ffe4; cursor:pointer;}
  .pop_layer .k-grid td.k-state-selected:hover a,  
  .pop_layer .k-grid td.k-state-selected:focus a {text-decoration: underline; color: #fff;} 
  .pop_layer .k-dropdown-wrap .k-input {padding: .25em 0; text-indent: 0.45em;}
  .pop_layer .k-picker {border-radius: 0; padding: 5px;}
  .pop_layer .k-picker.k-focus {border:1px solid #dfdfdf;}

  .k-pager-sizes.k-label .k-dropdown-wrap.k-state-default { background-color: #f6f6f6; border-radius: 3px; border:1px solid #dfdfdf; border-color: #c5c5c5; }
  :root *>.k-icon {opacity: .6;}
  .k-icon.k-svg-icon.k-svg-i-sort-desc-small,
  .k-icon.k-svg-icon.k-svg-i-sort-asc-small {display: flex; align-items: center; justify-content: center;}
  .k-icon.k-svg-icon.k-svg-i-arrow-rotate-cw {display: flex; align-items: center; justify-content: center;}
  .k-button-icon.k-icon.k-svg-icon.k-svg-i-caret-alt-to-right,
  .k-button-icon.k-icon.k-svg-icon.k-svg-i-caret-alt-to-left {display: flex; align-items: center; justify-content: center;}
  .k-dropdown-wrap .k-input {padding: 2px 0;}
  .k-list.k-list-md {min-height: 30px !important; height: auto !important; max-height: 180px !important;}
  .k-grid-보기.k-button.k-button-md.k-button-rectangle.k-rounded-md.k-button-solid.k-button-solid-base,
  .k-grid-보기.k-button.k-button-md.k-rounded-md.k-button-solid.k-button-solid-base,
  .k-button.k-button-icontext.k-grid-보기 { transition: all ease-in .3s; padding: 4px 10px; background: #4c6199; display: flex; align-items: center; justify-content: center; color: #fff; border-radius: 3px; border: none; white-space: normal; line-height: 1.3; margin: 0 auto; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;}
  
  .k-grid-삭제.k-button.k-button-md,
  .k-grid-취소.k-button.k-button-md,
  .k-grid-삭제.k-button.k-button-md,
  .k-button.k-button-icontext.k-grid-삭제 { transition: all ease-in .3s; margin-left: 0; padding: 4px 10px; background: var(--button-del-cancel); display: flex; align-items: center; justify-content: center; color: #fff; border-radius: 3px; border: none; line-height: 1.3; margin: 0 auto; width: 100%; outline: 0; box-shadow: none;  -webkit-box-sizing: border-box; box-sizing: border-box;}
  
  .k-button.k-button-icontext.k-grid-보기:focus:not(.k-state-disabled):not([disabled]) {transition: all ease-in .3s; padding: 4px 10px; background: #4c6199; box-shadow: none; color: #fff;}
  .k-button:active:hover.k-button-icontext.k-grid-보기:focus:not(.k-state-disabled):not([disabled]) {transition: all ease-in .3s; padding: 4px 10px; background: #4c6199; box-shadow: none; color: #fff;}
  
  .k-grid-지정.k-button.k-button-md {transition: all ease-in .3s; padding: 4px 10px; background: #555a99; display: flex; align-items: center; justify-content: center; color: #fff; /* display: inline-block; */ border-radius: 3px; border: none; white-space: normal; line-height: 1.3; margin: 0 auto; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box !important; }
  .k-grid-지정.k-button.k-button-md:hover,
  .k-grid-지정.k-button.k-button-md:focus {background: #555a99 !important; color: #fff;}
  
  .k-grid-삭제.k-button.k-button-md:hover,
  .k-grid-삭제.k-button.k-button-md:focus,
  .k-grid-취소.k-button.k-button-md:hover,
  .k-grid-취소.k-button.k-button-md:focus {background: var(--button-del-cancel)!important; color: #fff;}

  .k-master-row.k-state-selected.k-grid-edit-row .k-rounded-md {border-radius: 0;}
  .k-button-solid-base.k-focus, .k-button-solid-base:focus {box-shadow: none !important;}
  .k-filter-menu-container .k-actions {margin-top:0;border: none;}
  .k-actions-stretched.k-actions .k-button .k-icon {display: none;font-family: 'SUIT-ExtraBold';}
  
  .wrap main input[read-only] {background: #dee5ee;}
  .k-calendar-container.k-popup .k-footer {display: none !important;}

  /*드롭다운버튼 팝업*/
  .k-action-buttons {margin:0;}
  .k-picker.k-dropdown.k-widget.k-picker-solid.k-picker-md.k-rounded-md {display: flex; align-items: center; justify-content: space-between; padding: 5px; border:1px solid #dfdfdf; border-radius: 0;}
  .k-picker.k-dropdown.k-widget.k-picker-solid.k-picker-md.k-rounded-md.k-hover {border:1px solid #b8b8b8;}
  .k-filter-menu-container .k-picker.k-dropdown.k-widget.k-picker-solid.k-picker-md.k-rounded-md {border:1px solid #dfdfdf; background: #fff;}
  .k-filter-menu-container .k-picker.k-dropdown.k-widget.k-picker-solid.k-picker-md.k-rounded-md:hover,
  .k-filter-menu-container .k-picker.k-dropdown.k-widget.k-picker-solid.k-picker-md.k-rounded-md:focus {border:1px solid #b8b8b8; background: #f7f7f7;}
  
  /* .k-list-item-text {line-height: 1.1; word-break: break-all; padding-top: 5px; padding-bottom: 5px;} */

  .k-filter-menu.k-button {margin-right:0; margin-top:0;}
  .k-select.k-input-button.k-button.k-button-md.k-button-solid.k-button-solid-base.k-icon-button {margin-top:0; margin-right: 0;}
  .k-filter-menu .k-picker.k-dropdown.k-widget.k-picker-solid.k-picker-md.k-rounded-md .k-button {width: 16px; background: none !important; margin:0; padding: 0;}
  .k-filter-menu.k-popup.k-group.k-reset.k-state-border-up .k-button {background: none;}
  .k-filter-menu-container .k-textbox>input {background: transparent;}
  .k-filter-menu-container .k-textbox {background: #fff; border:1px solid #dfdfdf; border-radius: 0;}
  .k-filter-menu-container .k-action-buttons {margin:0; padding: 0; position: static; border-top:0;}
  /* .k-filter-menu .k-button {margin: 0.2em 4% 0 0;} */
  
  .k-button.k-button-md.k-rounded-md.k-button-solid.k-button-solid-base,
  .k-button.k-button-md.k-rounded-md.k-button-solid.k-button-solid-primary {transition: all ease-in .3s;}
  .k-filter-menu-container .k-button.k-button-md.k-rounded-md.k-button-solid.k-button-solid-primary:hover,
  .k-filter-menu-container .k-button.k-button-md.k-rounded-md.k-button-solid.k-button-solid-primary:focus {background: var(--button-point-redOrange) !important; color: #fff !important;}
  .k-filter-menu-container .k-button.k-button-md.k-rounded-md.k-button-solid.k-button-solid-base:hover,
  .k-filter-menu-container .k-button.k-button-md.k-rounded-md.k-button-solid.k-button-solid-base:focus {background: var(--button-del-cancel) !important; color: #fff !important;}
  
  .k-grid-삭제.k-button.k-button-md.k-button-rectangle.k-rounded-md.k-button-solid.k-button-solid-base:hover,
  .k-grid-삭제.k-button.k-button-md.k-button-rectangle.k-rounded-md.k-button-solid.k-button-solid-base:focus {background: #969696 !important; color:#fff !important;}

  .k-grid-보기.k-button.k-button-md.k-rounded-md.k-button-solid.k-button-solid-base:hover,
  .k-grid-보기.k-button.k-button-md.k-rounded-md.k-button-solid.k-button-solid-base:focus,
  .k-grid-보기.k-button.k-button-md.k-button-rectangle.k-rounded-md.k-button-solid.k-button-solid-base:hover,
  .k-grid-보기.k-button.k-button-md.k-button-rectangle.k-rounded-md.k-button-solid.k-button-solid-base:focus {background: #4c6199 !important; color:#fff !important;}

  .k-grid-filter.k-state-active {background: transparent !important;}
  .k-grid .k-button {margin:0;}
  .k-animation-container {background: transparent !important;}
  .pop_layer .k-animation-container {box-sizing: border-box; background: transparent;}
  .k-animation-container .k-list-filter {/* width: 100% !important; */padding: 0;}
  .flex_column .k-picker.k-focus, 
  .flex_column .k-picker:focus, 
  .flex_column .k-widget.k-picker.k-focus, 
  .flex_column .k-widget.k-picker:focus {box-shadow: none;}
  .flex_column .k-picker.k-focus {border:1px solid #b8b8b8;}

  .k-filter-menu-container .k-picker, .k-widget.k-picker {background: #fff;border:1px solid #dfdfdf;border-radius: 0;padding: 3px 8px;margin-bottom: 5px;}
  .k-filter-menu-container .k-filter-menu .k-widget {margin-bottom: 5px;}

  .pop_layer .k-picker.k-dropdown.k-widget.k-picker-solid.k-picker-md.k-rounded-md {flex:1;}
  .pop_layer .k-datepicker.k-input.popup_input_css.input_write.k-input-solid.k-input-md.k-rounded-md .popup_input_css.input_write.k-input-inner {border:0 !important; background: transparent !important;}
  .pop_layer .k-picker, .pop_layer .k-widget.k-picker {background: #fff;}
  .wrap.main .k-picker, .wrap.main .k-widget.k-picker {background: #fff;}
  .wrap.main .k-picker {border-radius: 0;padding: 5px;border-color: #dfdfdf;}
  .wrap.main .k-picker:focus-within {border: 1px solid #bbb;box-shadow: none;}
  .pop_layer .k-picker.k-hover, 
  .pop_layer .k-picker:hover, 
  .pop_layer .k-widget.k-picker.k-hover, 
  .pop_layer .k-widget.k-picker:hover {background-color: #f7f7f7; border:1px solid #b8b8b8 !important;}
  .pop_layer .k-header .k-button-flat-base.k-icon-button .k-icon {text-indent: 0;}
  .k-icon.k-svg-icon.k-svg-i-caret-alt-down.k-button-icon {display: flex; align-items: center; justify-content: center;}
  .pop_layer .k-icon.k-svg-icon.k-svg-i-calendar.k-button-icon {display: flex; align-items: center; justify-content: center;}
  .k-grid.k-widget .k-picker.k-hover, 
  .k-grid.k-widget .k-picker:hover, 
  .k-grid.k-widget .k-widget.k-picker.k-hover, 
  .k-grid.k-widget .k-widget.k-picker:hover {background-color: #f7f7f7; border:1px solid #b8b8b8;}


  /*달력 팝업 수정*/
  .k-datepicker.k-input.popup_input_css.input_write.k-input-solid.k-input-md.k-rounded-md .popup_input_css.input_write.k-input-inner {border:none; background: transparent; padding:0 !important;}
  .k-datepicker.k-input.popup_input_css.input_write.k-input-solid.k-input-md.k-rounded-md .popup_input_css.input_write.k-input-inner + .k-input-validation-icon.k-icon.k-i-warning.k-hidden {display: none;}
  .k-datepicker.k-input.popup_input_css.input_write.k-input-solid.k-input-md.k-rounded-md .popup_input_css.input_write.k-input-inner {position: relative;}
  .k-input-button.k-button.k-icon-button.k-button-md.k-button-solid.k-button-solid-base {position: absolute;right: 0;top:0;height: 100%;border:none;border-radius: 0;background: transparent;border-left :1px solid #dfdfdf;line-height: 1;z-index: 1;}
  .k-input-button.k-button.k-icon-button.k-button-md.k-button-solid.k-button-solid-base:hover,
  .k-input-button.k-button.k-icon-button.k-button-md.k-button-solid.k-button-solid-base:focus {background: #f6ffe4 !important; border-left: 1px solid #b8b8b8 !important;}
  .k-header.k-hstack {display: flex; align-items: center; justify-content: space-between;}
  .k-calendar > .k-header.k-hstack {background: #f6f6f6;}
  .k-header.k-filterable {background: #f1f1f1;}
  
  .k-header.k-hstack .k-button {border:none;}
  .k-nav-fast.k-button.k-button-md.k-rounded-md.k-button-flat.k-button-flat-base.k-flex:hover,
  .k-nav-fast.k-button.k-button-md.k-rounded-md.k-button-flat.k-button-flat-base.k-flex:focus {color: var(--color-point);}
  .k-calendar-container.k-popup.k-group.k-reset.k-state-border-up,
  .k-calendar-container.k-popup.k-group.k-reset.k-state-border-down {padding: 0;}
  .k-datepicker.k-input .k-input-validation-icon.k-icon.k-i-warning.k-hidden {display: none;}
  .pop_layer .k-datepicker.k-input .input_write.form-control.small.shadow-none.k-input-inner{ border: none; background: transparent; padding: 0 !important; margin:0; padding:0; height: auto; } 
  .pop_layer .k-datepicker.k-input .input_write.form-control.small.shadow-none.k-input-inner:hover,
  .pop_layer .k-datepicker.k-input .input_write.form-control.small.shadow-none.k-input-inner:focus {border:0 !important;}


  /*그리드 하부 page css*/
  .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap .k-input-button.k-button.k-icon-button.k-button-md.k-button-solid.k-button-solid-base {position: absolute; right: 0; top:0; height: 32px; border:none; border-radius: 0; background: transparent; /*border-left :1px solid #dfdfdf;*/ line-height: 1;}
  .k-input-inner + .k-input-button.k-button.k-icon-button.k-button-md.k-button-solid.k-button-solid-base,
  .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap .k-input-button.k-button.k-icon-button.k-button-md.k-button-solid.k-button-solid-base:hover,
  .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap .k-input-button.k-button.k-icon-button.k-button-md.k-button-solid.k-button-solid-base:focus {border-left:0;}
  
  .k-input-inner + .k-input-button.k-button.k-icon-button.k-button-md.k-button-solid.k-button-solid-base:hover,
  .k-input-inner + .k-input-button.k-button.k-icon-button.k-button-md.k-button-solid.k-button-solid-base:focus,
  .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap .k-input-button.k-button.k-icon-button.k-button-md.k-button-solid.k-button-solid-base:hover,
  .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap .k-input-button.k-button.k-icon-button.k-button-md.k-button-solid.k-button-solid-base:focus {background: transparent !important; border-left: 0px !important;}
  .k-pager.k-grid-pager.k-pager-md {background: #fff;border: 1px solid #dfdfdf;padding: 5px 0;}
  .k-grid-content .k-grid-norecords br {display: none;}
  .k-grid-content .k-grid-norecords {justify-content: center; padding-top: 15px; padding-bottom: 15px;}

  .k-pager-wrap {line-height: 2.2em;}
  .pop_layer #multiFileUpload2 {width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;}
  .pop_layer #multiFileUpload2 > form {display: block; width: 100%;}
  .pop_layer .demo-section .k-widget {border:none;} 
  .pop_layer #multiFileUpload2 .k-dropzone {position: relative;/*width: calc(100% - 100px);*/display: flex;align-items: flex-start;justify-content: flex-start;background: #f0f0f0;-webkit-box-sizing: border-box;box-sizing: border-box;height: 180px;}
  .pop_layer #multiFileUpload2 .k-dropzone:hover,
  .pop_layer #multiFileUpload2 .k-dropzone:focus {background: #e7e7e7; cursor:copy;}
  .pop_layer #multiFileUpload2 .k-dropzone::before {content:'File drag & drop';font-size: 1.3rem;margin-top: -10px;position: absolute;top: 50%;width: 100%;text-align: center;left:0;right:0;color: #c7c7c7;}
  .pop_layer #multiFileUpload2 .k-dropzone:hover,
  .pop_layer #multiFileUpload2 .k-dropzone:focus {border:1px dashed #777777;}
  .pop_layer .k-actions {margin-top: 0; border-top: 0;}
  .pop_layer .k-clear-selected.k-button {padding: 7px 20px;background: #4d6ca4;display: flex;align-items: center;justify-content: center;color: var(--base-md-color);/* display: inline-block; */border: none;white-space: normal;border-radius: 3px;border: 0;color: #fff;line-height: 1.3;} 
  .pop_layer .k-clear-selected.k-button:hover,
  .pop_layer .k-clear-selected.k-button:hover {background: #4d6ca4 !important; }
  .pop_layer .k-actions .k-icon.k-svg-icon.k-svg-i-x.k-button-icon {opacity: 1;}
  .pop_layer .k-actions .k-icon.k-svg-icon.k-svg-i-x.k-button-icon svg {color: #fff;fill: #fff;opacity: 1;}
  
  .k-dropzone .k-button.k-button-md.k-rounded-md.k-button-solid.k-button-solid-base.k-upload-button {transition: all ease-in .3s; padding: 7px 20px; /*background: #094d07;*/ /*background: #0f8b0b;*/ background: #3775a1; /*display: flex; align-items: center;  justify-content: center; */color: #fff; display: inline-block; border-radius: 3px; border: none; white-space: normal; line-height: 1.3;}
  .k-dropzone .k-button.k-button-md.k-rounded-md.k-button-solid.k-button-solid-base.k-upload-button:hover,
  .k-dropzone .k-button.k-button-md.k-rounded-md.k-button-solid.k-button-solid-base.k-upload-button:focus { background: #3775a1 !important; color: #fff !important;}
  .pop_layer .k-upload-files .k-file,
  .pop_layer .k-upload-files.k-reset li:last-child {border-bottom: 1px solid #c5c5c5; display: flex; align-items: center; justify-content: flex-start; gap: 0 10px;}
  .pop_layer .k-button.k-button-icon, .k-icon-button {padding:0;}
  .pop_layer .k-button-icon.k-icon.k-i-close.k-i-x {display: flex; align-items: center; justify-content: center;}
  .pop_layer .k-button-icon.k-icon.k-i-close.k-i-x:hover,
  .pop_layer .k-button-icon.k-icon.k-i-close.k-i-x:focus {border-color: #c5c5c5 !important;}
  .pop_layer .k-dropzone-hint {margin-top: 6px;}
  .pop_layer .k-file-validation-message.k-text-error {color: #ec4b00; margin-left: 10px;}
  .pop_layer .k-file-size {color:#3775a1; font-size: 0.9rem;}
  .k-picker.k-hover, 
  .k-picker:hover,
  .k-widget.k-action-buttons {background: #fff;}
  .k-grid.k-grid-md .k-grid-pager {display: flex;align-items: center;justify-content: center;position: relative;background: #f6f6f6;}
  .k-pager-refresh.k-button.k-button-md.k-button-flat.k-button-flat-base.k-icon-button {position: absolute; right: 5px;}
  .k-pager-nav .k-button.k-icon {display: flex; align-items: center; justify-content: center;}
  /* .pop_layer .k-grid.k-grid-md .k-grid-pager {justify-content: flex-start;} */
  .k-dropdown.k-picker.k-picker-solid.k-dropdown-list.k-rounded-md.k-picker-md {background: #fff;min-width: 70px;\: block !important;}
  .k-dropdown.k-picker.k-picker-solid.k-dropdown-list.k-rounded-md.k-picker-md:hover,
  .k-dropdown.k-picker.k-picker-solid.k-dropdown-list.k-rounded-md.k-picker-md:focus {background: #dfdfdf;}

.join_service {display: flex; align-items: center; justify-content: space-between; margin: 100px 0;}
.join_service .join_title { width: 100%; display: block; font-family: 'SUIT-Bold'; line-height: 1.3;}
.pdl_block {padding-left: 200px; padding-right: 50px;}
.join_sub_title { margin-top: 20px; display: block;}
.join_link {padding: 20px 40px; display: inline-block; border:1px solid #c6c6c6; margin-top: 30px; }
.join_img {border-radius: 1000px 0 0 0; margin-right: 0px; overflow: hidden; flex: 1;}
.join_img > img {width: 100%;}
.horizontal_mobile {display: none;}
.horizontal_mobile .d_block {border-radius: 20px 20px 0 0;}

.k-pager-numbers-wrap .k-picker:focus-within, .k-pager-numbers-wrap .k-widget.k-picker:focus-within {box-shadow: none; border:1px solid #bbb;}
.wrap.main .k-calendar .k-footer {padding: 0;}  

.item.flex_column:has(#address_etc) {padding-top: 10px;}
.item.flex_column:has(#address_etc) {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 5px;flex-direction: row;margin-bottom: 5px;}
.item.flex_column:has(#address_etc) .k-picker.k-dropdownlist {flex:1;}
.item.flex_column:has(#address_etc) input#address_etc {flex:1; flex-basis: 100%; padding:5px 7px; outline: none; border:1px solid #dfdfdf; color: var(--base-form-color); width: 100%; border-radius: 0;}
.item.flex_column:has(#address_etc) input#address_etc:hover {background: #f7f7f7; border: 1px solid #b8b8b8;}
.item.flex_column:has(#address_etc) .sm_orderOut_btn {width: 100%;}


/*message popup*/
.popup_open .popup .popup-title {background: linear-gradient(90deg, #21283a 0%, #282e81 100%);font-size: 1.2rem;font-weight: 400;border-radius: 5px 5px 0 0;padding: 10px;margin-top: -2px;}
.popup_open .popup .popup-wrap {background: none;}
.popup_open .popup .popup-wrap .popup-content {background: #fff; border-radius: 0 0 10px 10px;}
.popup_open .popup .popup-wrap .popup-content .popup-btn ul li a {font-size: 1.2rem;font-weight: 500;font-style: normal;text-decoration:none;padding: 7px 0;}
.popup_open .popup .popup-wrap .popup-content .text-box p {font-size: 1.1rem;word-break: break-all;padding: 0 10px;}
.popup_open .popup .popup-wrap .popup-content .popup-btn ul li a {background: var(--button-point-orange);font-weight: 400;}
.popup_open .popup .popup-content {padding: 20px 0}
.popup_open .popup-btn {width: 90%; margin:0 auto;}
.popup_open .popup .popup-wrap .popup-content .popup-btn ul li a.close {transition: all ease-in .3s;margin-left:0;padding: 7px 20px;background: var(--button-del-cancel);display: flex;align-items: center;justify-content: center;color: #fff;border-radius: 3px;border: none;line-height: 1.3;opacity: 1;font-family: 'SUIT-ExtraLight', 'Spoqa Han Sans Neo_Regular', 'sans-serif';}



/*progress bar*/
.progress_container { width: 94%; height: 20px; background-color: #f0f0f0; position: relative; margin:60px auto 0; border-radius: 20px;}
.progress_bar { height: 100%; background: linear-gradient(90deg, rgb(88 156 222) 0%, rgb(109 83 229) 35%, rgb(1 0 235) 100%); position: relative; left:0; width:0; overflow: visible !important; transition: all ease-in 2s; border-radius: 20px;}
.progress_icon { position: absolute; right:-10px; top: -30px;}
.step {position: relative;}
.step b {position: absolute; line-height: 1.2;}
.end_step {line-height: 1.2;}
.step:first-of-type::before {content: '';  position: absolute; left:0; border-right: 0; height: 20px; top: -30px;}
.step::after {content: '';  position: absolute; right:0; border-right: 1px solid #a0d1fa; height: 20px; top: -30px;}
.end_step {right: 0; position: absolute;}
.step:last-of-type:after {border:0;}
.progress_icon .fa-solid.fa-location-dot {font-size: 25px; color: #ff951a;}
.divide_location {width: 94%; display: flex; height: 20px; margin-top: 10px;  position: relative; margin: 10px auto 50px;}
.divide_location > em {position: relative; flex:1;}
.progress_container::before {content: ''; position: absolute; border-radius: 100%; z-index: 1; background: #f5a700; width: 20px; height: 20px; left:-10px; border:5px solid #ffffff; box-shadow:  0px 0px 5px #b4b4b4;}
.progress_container::after{content: ''; position: absolute; border-radius: 100%; z-index: 1; background: #008be7; width: 20px; height: 20px; right:-10px; top:0px; border:5px solid #ffffff; box-shadow:  0px 0px 5px #b4b4b4;}
.progress_bar::after {content: ''; position: absolute; border-radius: 100%; z-index: 1; background: #00e0c2; width: 20px; height: 20px; right:-10px; border:5px solid #ffffff; box-shadow:  0px 0px 5px #b4b4b4;}



  /*progress2 bar kendogrid*/
  .k-progress-status {display: none !important;}
  #progressbar_cus {height: 10px !important; width: 94% !important; margin: 50px auto 0 !important;}
  #progressbar_cus.k-progressbar {display: block;}
  #progressbar_cus.k-progressbar .k-selected {height: 100%; overflow: hidden; transition: all 2s ease-out;}
  .kendo_labels { position: relative; margin-top: 10px; width: 94%; margin: 0 auto 80px; display: flex; align-items: center; justify-content: space-between; }
  .kd_label {position: relative;flex:1;}
  .kd_label > b {position: absolute; left:0; top:32px; transform: translateX(-50%); text-align: center; line-height: 1.2;}
  /* .kd_label:last-child > b {position: absolute;left:-21px;top:2px;transform: translateX(-50%);text-align: center;line-height: 1.2;} */
  .kd_label::before {
    position: absolute;
    border: 5px solid #ffcbcb;
    border-radius: 100px;
    content: '';
    z-index: 1;
    width: 50px;
    height: 50px;
    margin-top: -15px;
    top: -15px;
    box-shadow: 0 1px 3px #e76060;
    margin-left: -25px;
    }
  .kd_label.cus_dispatch:before { background: #ff8a8a url(/resource/common/img/time_line_icon_11.png) no-repeat center center; background-size: 90%; }
  .kd_label.cus_booking:before { background: #ff8a8a url(/resource/common/img/time_line_icon_10.png) no-repeat center center; background-size: 90%; }
  .kd_label.cus_est:before { background: #ff8a8a url(/resource/common/img/time_line_icon_09.png) no-repeat center center; background-size: 90%; }
  .kd_label.cus_start:before { background: #ff8a8a url(/resource/common/img/time_line_icon_01.png) no-repeat center center; background-size: 90%; }
  .kd_label.cus_arrive:before { background: #ff8a8a url(/resource/common/img/time_line_icon_02.png) no-repeat center center; background-size: 90%; }
  .kd_label.port_arrive:before { background: #ff8a8a url(/resource/common/img/time_line_icon_03.png) no-repeat center center; background-size: 90%; }
  .kd_label.shipping_dep:before { background: #ff8a8a url(/resource/common/img/time_line_icon_04.png) no-repeat center center; background-size: 90%; }
  .kd_label.port_in:before { background: #ff8a8a url(/resource/common/img/time_line_icon_05.png) no-repeat center center; background-size: 90%; }
  .kd_label.train_start:before { background: #ff8a8a url(/resource/common/img/time_line_icon_07.png) no-repeat center center; background-size: 90%; }
  .kd_label.train_arrive:before { background: #ff8a8a url(/resource/common/img/time_line_icon_08.png) no-repeat center center; background-size: 90%; }
  .kd_label.final_arrive:before{background: #ff8a8a url(/resource/common/img/time_line_icon_06.png) no-repeat center center; background-size: 90%;}
    
  .timeline_wrap {width: 100%; margin: 0 auto;}
    
  .kd_label:first-child > b::before {display: none;}
  .k-progress-status-wrap.k-progress-end {overflow: hidden;}
  /* .kendo_labels::before { position: absolute; left:-10px; top:-15px !important; border:5px solid #fff; border-radius: 10px; background: #ff8a8a; content: ''; z-index: 1; width: 20px; height: 20px; top:-25px; box-shadow:0 1px 3px #e76060;} */
  .kd_label:last-child {position: absolute;right: 0;/* top:32px; */text-align: center;line-height: 1.2;}
  /* .kd_label:last-child::before {     
    position: absolute;
    border: 5px solid #ffcbcb;
    border-radius: 100px;
    content: '';
    z-index: 1;
    width: 50px;
    height: 50px;
    margin-top: -35px;
    top: -28px;
    right: -4px;
    box-shadow: 0 1px 3px #e76060;
    margin-left: -25px; }  */
  .pop_layer .k-progressbar-horizontal {height: 10px; display: grid; width: 94%; margin: 90px auto 0;} 
  .k-progressbar .k-selected {position: relative; background: #89a7e2;}
  .pop_layer .kd_label:first-child > b {transform: translateX(-50%);}
  .progress_img {display: block; width: 100%; max-width: 180px; margin: 0 auto;}
  
  .eta_box_grp {font-size: inherit; width: 96%;}
  .eta_box_grp_header { display: flex; width: 100%; background: #f9f9f9; width: 100%; margin:0 auto; }
  .eta_box_grp_header > div {border-top: 2px solid #b3c0d8; flex:1; word-break: break-all;}

  .eta_box_grp {width:100%; border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf;}
  .eta_box_grp_header > div {flex:1; position: relative; padding: 10px; word-break: keep-all;  text-align: center; border-top: 1px solid #89a7e2; border-left: 1px solid #dfdfdf;}
  .eta_box_grp_cell_box {width: 100%; margin:0 auto; display: flex; align-items: stretch; justify-content: space-between; }
  .eta_box_grp_cell_box > div {flex:1; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; word-break: break-all; padding: 10px; border-left: 1px solid #dfdfdf; border-top: 1px solid #dfdfdf; text-align: center;}
 
  .et {font-weight: 500; color: #776619;}
  .at {font-weight: 500; color: #1b2d74;}

  .k-progressbar-horizontal > .k-progressbar-value {
    width: calc(var( --kendo-progressbar-value, 0 )*1%);
    flex-direction: row;
  }

  .pop_layer .pop_content_ag .eta_box_grp_cell_box input[readonly].popup_input_css.input_write {border:0; margin: 1px 0; text-align: center; background: transparent;}
  .view_date_time {position: absolute;width: 84px;top:-75px;left: -42px;}  
  .view_date_time input { border:none !important; outline: none !important; background: transparent !important; font-size: 0.8rem ; width: 100%; display: block; border:0; text-align: center;} 
  .view_date_time input:hover,
  .view_date_time input:focus {outline: none !important;}
  .view_date_time input:read-only {border:none !important;outline: none !important;background: transparent !important;font-weight: 500;}
  .pop_content_ag .eta_box_grp {min-width: 570px;}
  .step_logistic_graph_view {background: rgba(0, 0, 0, 0.6) !important; transition: all ease-in 0.5s;}
  /* .wrap.main:has(.step_logistic_graph_view) .popup_back {display: none !important;} */

  .eta_box_grp_cell_box > div input {width: 100%;}
  .eta_box_grp_cell_box > div input,
  .eta_box_grp_cell_box .et input,
  .eta_box_grp_cell_box .at input {border:none !important; outline: none !important; background: transparent !important; text-align: center;}

  .log_track_item { width: 18%; min-width: 150px; margin-bottom: 3px;} 
  .log_track_item h4 {margin-bottom: 5px;}
  .address_text_output {flex-basis: 91.5%;}


/*운송사 화면 작성*/
.round_bg {background: url('/resource/common/img/round_bg.png') no-repeat top right; }
.transit_header {position: fixed; padding: 10px; display: flex; align-items: center; justify-content: space-between; background: rgba(255,255,255,0.9); width: 100%;}
.transit_header .logo_transit {height: 100%;}
.transit_header .logo_transit a {display: block; height: 100%; }
.transit_header .logo_transit a img {display: block; height: 38px; }
.transit_login {display: flex; align-items: center; justify-content: center; transition: all 0.3s ease-in; border:2px solid #ffffff; padding: 5px 8px; border-radius: 5px; background: #fff; transition: all 0.3 ease-in; margin-left: 10px;}
.transit_login i.fa-solid.fa-circle-user {color: #747474; transition: all 0.3s ease-in;}
.transit_login:hover { background: #ffffff; color: #ff7300; padding: 5px 8px; border-radius: 5px; border:2px solid #ff7300;}
.transit_login i {color: #535353;}
.transit_login span { font-family: 'SUIT-Bold';}
.transit_login:hover i.fa-solid.fa-circle-user,
.transit_login:focus i.fa-solid.fa-circle-user {color: #ff7300;}


.transit_content {width: 100%; padding: 10px;}
.inner_transit_layout {width: 90%; min-height: 100%; max-width: 700px; margin: 50px auto 0; border-radius: 10px; background: rgba(255,255,255,0.7); padding: 30px; box-shadow: 1px 1px 5px rgba(0,0,0,0.1); display: block;}
.title_btn_guide {width: 100%; max-width: 300px; margin:0 auto; padding: 20px 0 0; font-size: 1.3rem;}
.photo_layer {width: 100%; max-width: 300px; margin:0 auto; font-size: 1.3rem; background: #dfdfdf; border-radius: 5px;}
.back_guide_line {display: flex; align-items: center; justify-content: flex-end; width: 90%; max-width: 700px; margin: 0 auto; border-radius: 10px;}
.text_transit_input {border:1px solid #c9c9c9; display: block; padding: 15px; margin:0 auto; width: 100%; max-width: 300px; margin: 10px auto; font-size: 1.2rem; word-break: break-all;}
textarea.text_transit_input {resize:vertical; height: 8rem; overflow-y: auto; } 
.back_link {padding: 10px; font-size: 1.1rem; color: #6f6f6f; margin-top: 10px; border-radius: 5px; background: #fff; border:1px solid #dfdfdf;}
.back_link i {margin-right: 10px;  font-size: 1.1rem;}
.back_link:hover,
.back_link:focus {background: #f5f5f5;}
.photo_container_layer {background: #f3f3f3; border:1px solid #dfdfdf; padding: 10px; border-radius: 5px; width: 100%; max-width: 300px; margin: 0 auto;}

.title_btn_guide:first-of-type {padding-top: 0;}
.title_btn_guide i {margin-right: 15px; color: #6c6c6c;}
.btn_block_box {display: block; margin: 10px auto; box-shadow: 1px 1px 3px rgba(70, 70, 70, 0.2);}
.btn_block_box:hover,
.btn_block_box:focus {opacity: 0.9;}
.btn_block_box:active { box-shadow: none;}
.btn_block_box {padding: 15px; width: 100%; max-width: 300px; font-size: 1.7rem; font-family: 'SUIT-Bold', 'Spoqa Han Sans Neo_Bold'; border:0; border-radius: 5px; color:#fff;}
.fcl_btn {background: #ff5748;}
.lcl_btn {background: #2cb6b9;}
.sel_btn {background: #ff7839;}
.arrive_btn {background: #154788;}
.arrive2_btn {background: #154788;}
.seal_btn {background: #58a136;}
.seal_picture_btn {background: #15c58d; margin-top:0; font-size: 1.4rem;} 
.seal_picture_myDivice {background: #36b7a4; margin-bottom: 0; font-size: 1.4rem;}
.cancel_tran_btn {background: #7a7a7a;}

.transit_footer {background: #333; color: #fff; padding: 10px; text-align: center;}

.guide_mfinity {width: 90%; min-height: 100%; max-width: 700px; margin: 30px auto; border-radius: 10px; color:#fff; background: #575d6f; padding: 20px; box-shadow: 1px 1px 5px rgba(0,0,0,0.1); display: block; text-align: center; display: flex; align-items: center; justify-content: space-between;}
.guide_mfinity > span {display: block; font-size: 1.1rem; text-align: left;}
.guide_mfinity:hover,
.guide_mfinity:focus {color: #fff;}
.guide_mfinity > span.link_text {background: #fff; padding: 10px 20px; border-radius: 5px; color: #000; font-size: 1.1rem;  white-space: nowrap; margin-left: 10px;}
.photo_size_css {width: 100%; max-width: 300px; margin: 0 auto 10px;}
.or_message {text-align: center; color: #696969;}

/* 반응형 스타일 */
@media (max-width: 1280px) {
  .flow_banner .list > li {font-size: 16px;padding: 10px;}
}

@media (max-width: 767px) {
  .flow_banner .list > li {font-size: 14px;padding: 5px;}
}

@media (max-width: 1550px) {
  .logist_back .inner_esti .w30p {width: 28%;}
}

@media (max-width: 1500px) {
  .service_hd, 
  .service_off_bottom,
  .service_off_top,
  .mFinity_area,
  .service_contents,
  .join_service { padding-left: 35px;}
  .service_off_top {padding-right:35px;}
  .box_service {padding: 40px;}
  .sc_box img {width: 70px; margin:0 auto;}
  .custom_sv img {width: 170px;}
  .pdl_block {padding-left: 50px;}
  .box_sec {padding-bottom: 70px;}
  .view_card .s_test {padding-bottom: 50px;}
  .view_card > div {width: 24%;}
  .sb_contents br {display: none;}
  .open_api_bk .inner_esti .w30p {width: 32%; margin-left: 0; margin-right: 0;}
  .open_api_bk .st_ct {width: 100%; justify-content: space-between;}
}
@media (max-width: 1350px) {
  .pdl_block {padding-left: 0;}
  .join_img {margin-right: 0;}
  
  .logist_s .inner_esti > div,
  .logist_w .inner_esti > div,
  .logist_g .inner_esti > div {width: 50%;}
  .logist_s .inner_esti > div > img,
  .logist_w .inner_esti > div > img,
  .logist_g .inner_esti > div > img {width: 100%;}
}
@media (max-width: 1300px) {
  .logist_back .inner_esti {max-width: 1050px; width: 100%;}
}
@media (max-width: 1200px) {
  .service_guide {padding: 60px 0; }
  .service_contents,
  .service_hd {margin: 80px 0;}
  .con_mgpd {margin: 80px 0; padding: 80px 0;}
  .open_api_bk,
  .lg_service .intro_text {padding-top:80px; padding-bottom: 80px;}
  .set_pd {padding-top: 80px;}
  .con_mg,
  .inpd_sec {padding-top: 80px; padding-bottom: 80px;}
  .set_pdt {padding-top: 60px;}
  .service_off_top {margin: 0 0 80px;}
  .service_off_bottom {margin: 80px 0 0;}
  .line_yellow {margin-top: 80px;}

  .box_service {padding: 30px;}
  .box_con_t img {width: 40px;}
  .service_hd > img {width: 80px;}
  .arrow_img {width: 30px; margin: 15px;}
  .custom_sv img {width: 140px;}
  .box_service {width: 60%;}
  .horizontal-scroll-section__content-section {min-width: 90vw;}
  .logist_back h3.fz_b2.ff_6 {text-align: center;}
  .logist_back h3 > em {display: block; margin-left:0; margin-top: 10px;}
  .logist_back {padding: 80px 0;}


}
@media (max-width: 1150px) {
  .g_service {width: 48%;}
  .sb_contents > img {height: 350px;}
}
@media (max-width: 1100px) {
  .horizontal-scroll-section__content-section.other-class h3, .horizontal-scroll-section__content-section.other-class p {width: 78vw;}
  .tag {font-size: 100px;}
  .logistic .card h3 {padding: 15px 0;}
}
@media (max-width: 1050px) {
  /*소개페이지 전체 padding*/
  .service_hd, 
  .service_off_bottom,
  .service_off_top,
  .mFinity_area,
  .service_contents,
  .join_service {
    padding-left: 15px;
    padding-right: 15px;
  }
  .horizontal-scroll-section__content-section {min-width: 100vw;}
  .join_service {width: 90%; margin:80px auto;}
  .box_layout {width: 90%;}
  .box_layout:nth-child(2) {margin-top: 50px;}
  .box_layout > div:first-child {margin-right: 3%;}
  .box_layout > div:last-child > img {width: 100%;}
  .lg_service .intro_text {padding-left: 15px; padding-right: 15px;}
  .lg_service .inner_intro_text {padding: 0 20px;}
}

@media (max-width: 1024px) {
  .content .k-widget.k-grid .k-pager-nav+.k-pager-numbers {position: static !important;}
  .k-pager-wrap .page_grp_unit .k-pager-nav { display: flex !important; align-items: center; justify-content: center;}
  .pop_layer .k-pager-wrap .page_grp_unit .k-pager-nav { display: flex !important; align-items: center; justify-content: center;}
  .k-webkit .content .k-pager-numbers+.k-link {margin-left: 0; margin-top: 5px;}
  .k-webkit .content .k-pager-wrap .k-pager-nav {display: flex; align-items: center; justify-content: center;}
  .k-current-page .k-link.k-pager-nav {margin-top: 0px;}
  .k-webkit .content .k-pager-numbers.k-reset .k-current-page .k-link {display: flex; align-items: center; justify-content: flex-start;}
  .pop_layer .k-pager-sizes {display: none;}
  .pop_layer .k-grid .k-pager-numbers {margin-top: 6px;}
  .k-webkit .pop_layer .k-pager-wrap .k-pager-nav {display: flex; align-items: center; justify-content: center;}
  .k-webkit .pop_layer .k-pager-wrap {min-height: 2.5em; border-bottom: 1px solid #dfdfdf;}
  .k-webkit .pop_layer .k-pager-numbers.k-reset .k-current-page .k-link { display: flex; align-items: center; justify-content: flex-start;}
}

@media (max-width: 1000px) {
  .service_guide {background-size :250px, 200px; background-position :0 100%, 100% 100%;}
  .service_main_g .service_guide {background-size :280px, 210px; }
  .service_guide .fz_m2 {margin-top: 5px;}
  .service_contents,
  .service_hd {margin: 50px 0;}
  .service_off_top {margin: 0 0 50px;}
  .service_off_bottom {margin:50px 0 0 ;}
  .line_yellow {margin-top: 50px; height: 50px;}
  .sc_box img {width: 50px;}
  .custom_sv img {width: 120px;}
  .custom_sv.fz_b7 span {font-size: 1.3rem;}
  .api_sec .service_graph {flex-direction: row;}
  .service_graph {flex-direction: column;}
  .box_service {width: 80%;}
  .arrow_img {transform: rotate(90deg);}
  .con_mg,
  .lg_service .intro_text {padding-top: 60px; padding-bottom: 60px;}
  .open_api_bk,
  .inpd_sec {padding-top: 50px; padding-bottom: 50px;}

  .wave {top: -480px;}
  .wave_design {height: 200px;}
  .wave_design > img {width: 100px; margin-left: -50px;}
  .join_service {width: 90%;}
  .con_mgpd {margin: 50px 0; padding: 50px 0;}
  .set_pd {padding-top: 50px;}
  .set_pdt {padding-top: 40px;}
  .tx_mgt {margin-top: 20px;}
  .view_service {padding: 50px 0 0;}
  .h3_intro_text {margin-top: 30px;}
  .logist_back .inner_esti .w30p {border:1px solid #dfdfdf; margin:10px; padding: 20px; padding-top:0;}
  .logist_back .inner_esti > h3 {margin-bottom: 30px;}
  .logist_back {padding: 60px 0;}
  .open_api_bk .inner_esti {width: 100%; padding-left: 15px; padding-right: 15px;}


  .sq_div_n6 { flex-basis: 20%; }
  .sq_div_n5 { flex-basis: 30%; }
  .sq_div_n4 { flex-basis: 40%; }
  .sq_div_n3 { flex-basis: 50%; }
  .sq_div_n2 { flex-basis: 50%; }
  .sq_div_6 { flex-basis: 20%; }
  .sq_div_5 { flex-basis: 30%; }
  .sq_div_4 { flex-basis: 40%; }
  .sq_div_3 { flex-basis: 50%; }
  .sq_div_2 { flex-basis: 50%; }

  .items_fs_6 { --columns: 4; }
  .item_btn_grp { flex-basis: 60%; }

  /*.api_sec {position: relative;}
  .api_sec .service_graph > span {position: relative; height: 125px; margin: 20px auto}
  .api_sec .service_graph > span > b {top: 50%; left: 65%; position: absolute; margin-top: -20px;}
  .api_sec .service_graph > span > img { width: 100px; position: absolute; top:60px; left: 0; transform: rotate(90deg);}
  .api_sec .custom_sv:last-child {margin-top: -30px;}
  .open_api {position: absolute; right:0; top:52%; margin-top: -20px; transform: rotate(90deg);}*/

  .round_bg {background-size: 85%;}

}

@media (max-width: 950px) {
  .horizontal_section {display: none;}
  .horizontal_mobile {display: block;}
  .horizontal-scroll-section__content-section {padding:50px 15px; width: 100%; }
  .horizontal-scroll-section__content-section {min-width: 100%;}
  .horizontal-scroll-section__content-section.first-class {width: 100%; padding: 30px; background: #f7f7f7; min-height: auto; }
  .horizontal-scroll-section__content-section::after {top: auto; bottom: -20px; margin-left: -25px; left: 50%; transform: rotate(90deg);}
  .horizontal-scroll-section__content-section.other-class h3, .horizontal-scroll-section__content-section.other-class p {text-align: center;}
  .mFinity_area {margin-bottom: 50px;}   
  .join_service {flex-direction: column; margin: 50px auto;}
  .pdl_block {width: 100%; padding-right: 0;}
  .estimate {display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px;}
  .join_link {margin-top: 0; padding: 15px 30px;}
}

@media (max-width: 900px) {
  .view_card {flex-wrap: wrap;}
  .view_card > div {width: 48%; margin-bottom: 30px;}
  .mFinity_area {margin-bottom: 30px;}
  .view_card > div > img {object-fit: cover; height: 400px;}
  .box_sec {padding-bottom: 50px;}
  .view_card .s_test {padding-bottom: 40px;}
}

@media (max-width: 850px) {
  .box_layout {width: 90%;}
  .logist_back .inner_esti .w30p {width: 45%;}
  .logist_back .inner_esti .w30p img {width: 70%;}
}

@media (max-width: 800px) {
  .mFinity_sub {margin: 30px 0;}
  .mFinity {margin-top: 30px;}
  .inner_esti {width: 100%;}
  .tag {font-size: 70px;}
  .k-pager-info.k-label {display: none;}
}
@media (max-width: 760px) {
  .sb_contents > img {height: 300px;}
  .sb_contents > .ac_ct {padding: 30px;}
}

@media (max-width: 750px) {
  .k-webkit .content .k-pager-wrap {min-height: 2.6em; border-bottom: 1px solid #dfdfdf;}
}

@media (max-width: 700px) {
  .view_card > div > img { height: 350px;}
  .join_service {width: 100%; margin-bottom: 15px;}
  .open_api_bk .st_ct {flex-direction: column;}
  .open_api_bk .inner_esti .w30p {width: 90%; margin:0 auto 30px;}
  .open_api_bk .w30p:last-child {margin-bottom: 0;}
  .item_btn_grp { flex-basis: 100%; }

  /*운송사 화면 작성*/
  .transit_header .logo_transit a img {display: block; height: 30px;}
  .log_track_item {flex-basis: 48%;}
  .log_track_item.address_text_output {flex-basis: 97%;}
}

@media (max-width: 650px) {
  .box_service {width: 100%;}
  .box_layout {flex-direction: column-reverse;}
  .box_layout > div:first-child {margin-right: 0; margin-top: 30PX;}
  .box_layout > div:first-child,
  .box_layout > div:nth-child(2) {width: 100%;}
  .box_sec {padding-bottom: 35px;}
  .view_card .s_test {padding-bottom: 30px;}
  .logist_s .inner_esti > div,
  .logist_w .inner_esti > div,
  .logist_g .inner_esti > div {width: 100%;}
  .logist_s .inner_esti.ac_fs,
  .logist_w .inner_esti.ac_fs,
  .logist_g .inner_esti.ac_fs {flex-direction: column-reverse;}
  .logist_s .inner_esti > div > img,
  .logist_w .inner_esti > div > img,
  .logist_g .inner_esti > div > img {width: 80%; margin: 0 auto 20px;}
  .tag {font-size: 50px;}
  .lg_service .box_sec {padding-bottom:0;}
  .h3_intro_text {margin-top:0; margin-bottom: 30px;}
  .logistic_layout > p {margin-top: 30px;}
  .logistic_layout > span {margin-bottom: 40px;}
  .bar_length {margin: 15px 0;}
  .sb_contents > img {height: 250px;}
}

@media (max-width: 600px) {
  .service_contents,
  .service_off_bottom {margin:30px 0 0 ;}
  .service_hd {margin: 30px 0;}
  .con_mg {padding: 50px 15px; }
  .con_mgpd {margin: 30px 0; padding: 30px 0;}
  .set_pd {padding-top: 30px;}
  .set_pdt {padding-top: 20px;}
  .line_yellow {margin-top: 30px; height: 30px;}
  .box_con_t img {width: 30px;}
  .service_hd > img {width: 60px;}
  .mFinity {margin-top: 20px;}
  .view_card > div > img { height: 300px;}
  .inner_esti {width: 100%;}
  .sb_contents > .ac_ct {padding: 15px;}
  .items_fs_6 { --columns: 2; }
  .pop_layer .k-picker.k-dropdown.k-widget.k-picker-solid.k-picker-md.k-rounded-md {flex-basis: 100%; margin-right: 0;}

  .round_bg {background-size: 100%;}

  .timeline_wrap {overflow-x: auto; width: 100%;}
  .kendo_labels,
  .k-progress-status-wrap,

  #progressbar_cus_pop,
  #progressbar_cus {width: 800px !important; padding-left: 25px;}

  .log_track_item {flex-basis: 100%;}
  .log_track_item.address_text_output {flex-basis: 100%;}
}

@media (max-width: 550px) {
  .mFinity_sub br {display: none;}
  .sb_contents {flex-direction: column;}
  .sb_contents:nth-child(even) {flex-direction: column-reverse;}
  .sb_contents > .ac_ct {width: 100%; padding: 30px 15px;}
  .sb_contents > img {width: 100%;}
  .view_mobile {display: block;}
  .view_pc {display: none;}
  .content .k-pager-sizes {display: none;}
}

@media (max-width: 500px) {
  .service_guide {padding: 50px 0; }
  .service_guide {background-size: 240px, 190px;background-position :0 100%, 100% 100%;}
  .box_service {padding:20px;}
  .wave {top: -450px;}
  .wave_design {height: 250px;}
  .view_card > div > img { height: 250px;}
  .box_layout {width: 100%; margin-bottom: 30px;}
  .box_layout > div:first-child {margin-top: 20PX;}
  .estimate {flex-direction: column; align-items: flex-start;}
  .estimate > div {width: 100%;}
  .join_sub_title {margin-top: 10px;}
  .g_service > .fz_b6 {margin-bottom: 10px;}
  .join_link {margin-top: 10px;}
  .g_service {padding: 20px; width: 100%;}
  .logist_back .inner_esti .w30p {padding:0 15px 15px; text-align: center;}
  .logist_back .inner_esti .s_test > span {margin-bottom: 10px;}  
  .tk_bk_sec {background-position: 95% 15%;}
  .open_api_bk .inner_esti .w30p {width: 100%;}
  .open_api_bk .inner_esti .w30p img {margin-bottom: 20px;}
  .open_api_bk .inner_esti .s_test > span {margin-bottom: 10px;}
  
}

@media (max-width: 470px) {
  .box_con_t { text-align: center; display: block;}
  .box_con_t img { display: block; margin: 0 auto 10px;}
}

@media (max-width: 450px) {
  .box_con_t {margin-bottom: 20px;}
  .sc_box {flex-direction: column;}
  .sc_box img {width: 90px;}
  .sc_box > div {margin-bottom: 30px;}
  .view_card > div {width: 100%;}
  .view_card > div > img { height: 350px;}
  .lg_service .inner_intro_text {padding: 0; width: 100%;}
  .lg_service .set_layer {flex-direction: column;}
  .logist_back .inner_esti .w30p {width: 90%;}
  .logist_back .inner_esti .w30p img {width: 50%;}
  .logist_back {padding: 60px 0 30px;}
  .items_fs_6 { --columns: 1; }
}

@media (max-width: 400px) {
  .tag {font-size: 40px;}
}