/*================11.25 �쟾�꽭�썕 �닔�젙==================*/
/*
	-異붽� �닔�젙�븳 �뙆�씪
	colorSearch_view.jsp
	colorSearch_modalMixColorPrint.jsp
	twoToneCodeMgnt_edit.jsp
	
	colorSearch_modalDetailImage.jsp
	
	- common user_css

*/
.pd0 {
    padding: 0 !important;
}

.custom-modal-sm {
    /* width: 450px; */
    width: 333px;
}

body .footer-logo {
    background: url(../../../../resources/images/refinish/logo/kcc_logo_gray_lang.png) no-repeat 0 0;
    width: 188px;
}

/* �뼵�뼱愿��젴 footer */
body.KO .footer-logo {
    background: url(../../../../resources/images/refinish/logo/kcc_logo_gray.png) no-repeat 0 0;
}

/*flag 援�湲곌��젴*/
.rfa-flag-icon.kor {
    background-position: -4px -1.6px;
}

.rfa-flag-icon.eng {
    background-position: -23.5px -1.6px;
}

.rfa-flag-icon.chn {
    background-position: -43px -1.6px;
}

.rfa-flag-icon.rus {
    background-position: -62.5px -1.6px;
}

.rfa-flag-icon.tur {
    background-position: -82px -1.6px;
}

.rfa-flag-icon.pot {
    background-position: -102px -1.6px;
}

.rfa-flag-icon.jpn {
    background-position: -121.5px -1.6px;
}

.rfa-flag-icon.spa {
    background-position: -141px -1.6px;
}

/* �뙆�� �꽑*/
.deco-rect {
    width: 20px;
    height: 4px;
    background-color: #1f68c9;
}

.deco-rect.auto {
    margin-left: auto;
    margin-right: auto;
}


/*===== 硫붿씤�럹�씠吏� :: main_list =========*/

.content-wrap.main {
    background-color: #f7f7f7;
}

.main-content-wrap {
    z-index: 1;
}

/* main-swiper */
.visual-wrap .swiper-container {
    height: 100%;
}

.visual-wrap .swiper-container .swiper-wrapper .swiper-slide:focus {
    /* text-decoration:none; */
}

.visual-wrap .swiper-container .swiper-wrapper .swiper-slide {
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.visual-wrap .swiper-container .swiper-wrapper .swiper-slide img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    height: 510px;
}

.visual-wrap .swiper-container .swiper-wrapper .swiper-slide .title-box.swiper__title-box img {
    /*     top: 176px; */
    /*     left: 285px; */
    top: 0px;
    left: 0px;
    position: static;
    transform: translate(0, 0);
    width: 100%;
    height: auto;
}

.swiper-pagination-bullet {
    opacity: .2;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
    background: #1f68c9;
}

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after,
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
    content: '';
}

.swiper-button-next i, .swiper-button-prev i {
    font-size: 4rem;
    color: #1f68c9;
}

.swiper-wrapper .swiper-slide a {
    display: block;
    width: 100%;
    height: 100%;
}

/* main-swiper-title */
.visual-wrap .visual-title .title-box.swiper__title-box {
    /*     padding: 30px 35px; */
    width: auto;
    height: auto;
    min-width: 416px;
    min-height: 260px;
    border-radius: 14px;
    /*     background: rgba(255, 255, 255, 0.8); */
    /*        position: relative; */
    background: transparent;
    /*     position: static; */
    padding: 0;
}

.visual-wrap .visual-title .title-box .title.title-box__title {
    background-image: none;
    text-indent: 0;
    width: auto;
    height: auto;
    font-size: 55px;
    font-weight: 700;
    /*font-family: "NanumSquareB", "Nanum Gothic", "Dotum", "�룍��", "gulim", "援대┝", AppleGothic, Helvetica, sans-serif;*/
    font-family: auto;
}

.visual-wrap .visual-title .title-box .title.title-box__title strong {
    font-family: auto;
}

.visual-title .title-box .subtext.title-box__subtext {
    margin-top: 15px;
    line-height: 1.8;
    font-size: 18px;
}

/* swiper-bullets */
.visual-wrap .swiper-container-horizontal > .swiper-pagination-bullets {
    /*left: 550px;*/
    /*bottom: 20px;*/
    bottom: initial;
    top: 105px;
    left: 50%;
    right: inherit;
    width: 1170px;
    transform: translateX(-50%);
    margin: auto;
    text-align: left;
    margin-left: 30px;
}

.visual-wrap .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    width: 60px;
    height: 5px;
    border-radius: 1px;
}

.visual-wrap .swiper-button-prev.main-swiper-prev,
.visual-wrap .swiper-button-next.main-swiper-next {
    top: auto;
    bottom: 35px;
    opacity: 0.6;
    transition: 0.1s;
    width: 35px;
    height: 35px;
}

.visual-wrap .swiper-button-prev.main-swiper-prev {
    left: calc(50% + 610px);
}

.visual-wrap .swiper-button-next.main-swiper-next:hover,
.visual-wrap .swiper-button-prev.main-swiper-prev:hover {
    opacity: 1;
}

.visual-wrap .swiper-button-next.main-swiper-next {
    left: calc(50% + 640px);
}

.visual-wrap .swiper-button-next.main-swiper-next i,
.visual-wrap .swiper-button-prev.main-swiper-prev i {
    font-size: 3.5rem;
}

/* main_list :: search-form */

/*.search-main-form-row {*/
/*    width: 510px;*/
/*    height: 60px;*/
/*    position: absolute;*/
/*    bottom: 30px;*/
/*    left: calc(50% + 330px);*/
/*    transform: translateX(-50%);*/
/*    !*box-shadow: 3px 4px 19.72px 0.28px rgb(0 0 0 / 50%);*!*/
/*    z-index: 50;*/
/*}*/

/*.search-main-form-row .search-form {*/
/*    width: 100%;*/
/*    border: 3px solid rgba(31, 104, 201, 0.4);*/
/*    box-shadow: 0px 7px 13px 1px rgba(31, 104, 201, 0.15);*/
/*    border-radius: 50px;*/
/*}*/

/*.search-main-form-row .search-form .default-form {*/
/*    height: 60px;*/
/*    font-size: 17px;*/
/*    font-weight: normal;*/
/*    !*border-width: 3px;*!*/
/*    !*border-color: #1f68c9;*!*/
/*    border: 0 none;*/
/*    background-color: rgba(0, 0, 0, 0.4);*/
/*    !*padding-left: 33px;*!*/
/*    border-radius: 50px;*/
/*    color: #d9d9da;*/
/*    padding-left: 32px;*/
/*}*/

/*#searchInput::-ms-input-placeholder {*/
/*    color: #d9d9da !important;*/
/*    font-weight: 400;*/
/*}*/

/*#searchInput:-ms-input-placeholder {*/
/*    color: #d9d9da !important;*/
/*    font-weight: 400;*/
/*}*/

/*#searchInput::-webkit-input-placeholder {*/
/*    color: #d9d9da !important;*/
/*    font-weight: 400;*/
/*}*/

/*#searchInput::placeholder {*/
/*    color: #d9d9da !important;*/
/*    font-weight: 400;*/
/*}*/

/*.search-main-form-row .search-form .rf-btn-search {*/
/*    width: 60px;*/
/*    height: 60px;*/
/*    padding-left: 3px;*/
/*    padding-top: 2px;*/
/*    !*background-color: #1f68c9;*!*/
/*    background-color: transparent;*/
/*    opacity: 0.8;*/
/*}*/

/*.search-main-form-row .search-form .rf-btn-search::after {*/
/*    position: static;*/
/*    top: 6px;*/
/*    right: 18px;*/
/*    width: 42px;*/
/*    height: 42px;*/
/*    background-image: url("../../../../resources/images/refinish/icon/icon_search.png");*/
/*    background-size: cover;*/
/*    background-position: center;*/
/*}*/


/* main_list :: main-content-wrap : notice */
.notice-row {
    display: flex;
    align-items: center;
    height: 90px;
    border-top: 2px solid #e6e6e6;
    border-bottom: 2px solid #e6e6e6;
}

.notice-row .tit-container,
.notice-row .swiper-container {
    height: 100%;
}

.notice-row .swiper-container {
    width: 100%;
}

.notice-row .tit-container {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    min-width: 200px;
}

.notice-row .tit-container .row-tit {
    font-size: 22px;
    font-weight: bold;
    color: #000;
}

.notice-row .swiper-container .swiper-slide {
    padding: 0 15px;
    display: flex;
    align-items: center;
    font-size: 18px;
}

.notice-row .board-swiper .swiper-button-next,
.notice-row .board-swiper .swiper-button-prev {
    left: inherit;
    right: 10px;
    width: 27px;
    height: 27px;
    border-radius: 3px;
    transition: .2s;
    transform: translateY(30%);
}

.notice-row .board-swiper .swiper-button-prev {
    top: calc(50% - 10px);
}

.notice-row .board-swiper .swiper-button-next {
    top: calc(50% + 10px);
}

.notice-row .board-swiper .swiper-button-next:hover,
.notice-row .board-swiper .swiper-button-prev:hover {
    background-color: #e6e6e6;
}

.notice-row .board-swiper .swiper-button-next i,
.notice-row .board-swiper .swiper-button-prev i {
    font-size: 29px;
    color: #848484;
}

/* main_list :: main-content-wrap : quickmenu-row */
.quickmenu-row {
    position: static;
    top: inherit;
    left: inherit;
    padding: 0;
    margin-top: 30px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
}

.quickmenu-row > div[class^="col"] {
    padding: 15px;
    margin: 0 10px;
    width: 280px;
    height: 200px;
    border: 0 none !important;
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0px 5px 13px 1px rgba(36, 36, 36, 0.1);
    transition: .3s;
}

.quickmenu-row .icon-cover {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 95px;
    height: 95px;
    margin: auto;
    border-radius: 50%;
    background-color: #f7f8fb;
}

.quickmenu-row .icon-cover span[class^="quickmenu"] {
    display: block;
}

.quickmenu-row h3 > a {
    font-weight: bold;
    transition: .3s;
}

.quickmenu-row > div[class^="col"]:hover {
    /*background-color: #1f68c9;*/
    background-color: #6D33A6;
}

.quickmenu-row > div[class^="col"]:hover h3 > a {
    color: #fff;
}

.quickmenu-row .quickmenu-inner:hover > h3 {
    color: #fff;
}

/* main_list :: main-content-wrap : board-row */
.board-row {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    table-layout: auto;
    height: auto;
    background-color: transparent;
}

.board-row::before,
.board-row::after {
    display: none;
}

.board-row > div.board-inner {
    flex: none;
    display: block;
    width: 330px;
    padding: 0 !important;
    margin: 0 10px;
    height: 380px;
    overflow: hidden;
    transition: .2s;
    border: 1px solid #d8d8d8 !important;
}

.board-row > div.board-inner:hover {
    border: 1px solid #1f68c9 !important;
}

.board-row > div.board-inner.border-inner__video {
    min-width: 450px;
    border: 0 none !important;
    border-radius: 10px;
    border-bottom-right-radius: 55px;
}

/* �떎援��뼱 �씪�떆 */
body:not(.KO) .board-row > div.board-inner.border-inner__video {
    min-width: 750px;
}

body:not(.KO) .board-row > div.board-inner.border-row__col-right {
    display: none;
}


.board-row > div.board-inner.border-row__col-left {
    border-radius: 10px;
    border-top-left-radius: 55px;
}

.board-row > div.board-inner.border-row__col-right {
    border-radius: 10px;
    border-top-right-radius: 55px;
}

.board-row div.board-inner .board-header {
    padding: 40px 0px 20px 0px !important;
    margin: 0 30px 0 30px;
    border-bottom: 1px solid #e6e6e6;
}

.board-row div.board-inner .board-header .tit {
    font-size: 22px;
}

.board-row div.board-inner .board-header a.more {
    margin-right: 0;
}

.board-row div.board-inner .board-header .more i {
    font-size: 24px;
    font-weight: bold;
    /*color: #1f68c9;*/
    color:#9C78BF;
}

.board-row div.board-inner .board-list {
    margin: 0;
    padding: 25px;
    height: calc(100% - 85px);
}

.board-row div.board-inner .board-list li {
    padding: 0;
    margin-bottom: 25px;
    font-size: 16px;
    text-overflow: ellipsis;
    width: 100%;
}

.board-row div.board-inner .board-list li.no-data {
    padding: 0;
    width: 100%;
    margin: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 35px;
}

.board-row div.board-inner .board-list li:before {
    display: none;
}

/*.board-row div.board-inner .board-list {*/
/*    margin-bottom: 25px;*/
/*}*/
/*.board-row div.board-inner .board-list li {*/
/*    padding: 12px 0;*/
/*    font-size: 16px;*/
/*}*/
/*.board-row div.board-inner .board-list li:before {*/
/*    display: none;*/
/*}*/


/*========colorSearch_modalDetailImage.jsp=========*/
.mt60 {
    margin-top: 60px !important;
}

.mt70 {
    margin-top: 70px !important;
}

.close-fix {
    background: none !important;
    top: 3px !important;
}


.modal-backdrop.fade {
    transition: none;
}

/*===colorSearch_view.jsp �닔�젙====*/
.sub-tit-mixbox {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

#mixColorArea .sub-row .sub-tit-mixbox .mixcolor-eng {
    margin-bottom: 7px;
}


/*=========== header 愿��젴 -�떎援��뼱 ==============*/
body.EN .header-wrap .gnb>ul>li>a{
    font-size: 20px;
    padding: 15px 16px !important;
}

body.PT .gnb>ul>li>a,
body.SP .gnb>ul>li>a{
    font-size: 21px;
    padding: 20px 10px !important;
}
body.TU .gnb>ul>li>a {
    font-size: 20px !important;
}
body.RU .header-wrap .gnb>ul>li>a{
    font-size: 18px;
    padding: 20px 10px !important;
}
body.PT .gnb>ul>li:last-child>a,
body.SP .gnb>ul>li:last-child>a{
    font-size: 16.5px;
    padding: 20px 5px;
}

body.RU .header-wrap .main-logo,
body.PT .header-wrap .main-logo,
body.SP .header-wrap .main-logo {
    bottom: 50px;
}

/*===colorSearch_modalMixColorPrint.jsp �닔�젙====*/


.mixcolor-eng {
    display: flex;
    justify-content: flex-end;
    margin-top: 1rem;
    margin-bottom: -10px;
}

.mixcolor-note-fix {
    font-weight: 400;
    color: #303030;
    padding-right: .5rem;
}

.mixcolor-des-fix {
    font-size: 1.28rem;
    color: #686868;
    letter-spacing: -0.7px;
}

.mixcolor-eng-attach {
    margin-right: 2px !important;
    padding-top: 1px;
}


.main-content-wrap.modify-main {
    margin-top: 40px;
    background: #f7f7f7;
}

/*======================print�슜 �닔�젙以�==============================*/

.mixcolor-infobox-fix {
    height: auto;
    padding: 19px 0 19px 20px;
    width: 100%;
    background: #fff;
    border-top: 1px solid #a8a8a8;
    border-bottom: 1px solid #a8a8a8
}


.mixcolor-tit-modi-fix {
    width: auto;
    height: auto;
    margin-right: 3rem;
    float: left;
    display: flex;
    flex-direction: column;
}

.mixcolor-info-content-fix, .mixcolor-thumb-fix {
    clear: both;
    padding: 0;
    width: auto !important;
    float: none;
}

.mixcolor-img-fix {
    width: 164px;
    height: 100px;
}

.tit-fix {
    margin-top: 2rem !important;
    width: 164px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #222;
}

.mt14-fix {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: 14px;
    width: 164px;
    padding: 0 1.1rem;
}

.f-blue-fix, .mr30-fix {
    margin-right: 0px !important;
    display: block;
}

.row-wrap-fix {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: auto;
}

.row-fix {
    margin-top: 0 !important;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.sub-row-fix {
    clear: both;
    width: 50%;
}


/*�븯�떒*/
.long_system_fix {
    white-space: nowrap;
}

.mixcolor-note-box {
    display: flex;
    margin-right: 1.2rem;
    align-items: center;
}


/*colorSearch_view.jsp*/
.mixcolor-eng-bottom {
    margin-top: 0;
    margin-bottom: 0 !important;
}

.inline-fixed-fix {
    top: -4px !important;
}

.mixcolor-note-print {
    font-size: 1.2rem;
}

.mixcolor-des-print {
    font-size: 1.01rem;
}

.mixcolor-notebox-print {
    margin-right: .7rem;
}


.horizon-table-fix {
    height: auto;
}

/*integratedConditionalTab �닔�젙*/
#listCloneArea .twoToneColorCode,
#listCloneArea .twoToneColorCode,
.integratedTwoToneColorCode,
.integratedTwoToneColorCode {
    cursor: pointer;
    color: #1581ff !important;
    position: relative;
    text-align: center;
}

#listCloneArea .twoToneColorCode::after,
#listCloneArea .twoToneColorCode::after,
.integratedTwoToneColorCode::after,
.integratedTwoToneColorCode::after {
    content: '';
    position: absolute;
    top: 105%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #1581ff;
}

/*===twoToneCodeMgnt_edit.jsp �닔�젙====*/
.make-row .col-xs-12 .form-table-seperate .form-sep-col .inblock .search-inner-form .input-has-btn .default-form {
    width: 211px;
}

.make-row .col-xs-12 .form-table-seperate .form-sep-col .inblock .search-inner-form .input-has-btn .caret-toggle-icon {
    right: -40px;
}


.w242px {
    width: 242px;
}

/*�쟾�뿭�쑝濡� �쟻�슜�븷寃�*/

.modal-dialog {
    margin: 30px auto !important;
}


.search-inner-form .input-has-btn .default-form,
.search-inner-form .input-has-btn .caret-toggle-icon {
    height: 30px;
}

.search-tit.lang_automobileInformation.search-tit-admin {
    display: block;
    width: 100%;
    margin-top: 10px;
}

/*12.23 �쑀�꽦/�닔�꽦 異붽�*/
.divers-row.tab-row .default-nav-tabs {
    width: 100%;
}

.divers-row.tab-row .default-nav-tabs > li:first-child {
    border-left: 1px solid #ddd !important;
}

.divers-row.tab-row .default-nav-tabs > li:not(first-child) {
    border-left: none !important;
}

.divers-row.tab-row .default-nav-tabs > li {
    width: 180px;
    text-align: center;
    border: 1px solid #ddd;
}

.divers-row.tab-row .default-nav-tabs > li > a {
    position: relative;
    border: none;
    background: #f5f5f5;
    border-radius: 0;
    font-family: "NanumSquare", "Nanum Gothic", "Dotum", "�룍��", "gulim", "援대┝", AppleGothic, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 10px;
    margin-right: 0;
}

.divers-row.tab-row .default-nav-tabs > li.active > a {
    color: #18499b;
    background: #fff;
}

.divers-row.tab-row .default-nav-tabs > li.active > a:after {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #1581ff;
}

/* 제품다원화(diverse) 이미지 */
.diverse > .thum-wrap {
    position: relative;
    display: block;
}

.diverse > .thum-wrap .magnifyingGlass-icon {
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 30;
    display: none;
}

.diverse > .thum-wrap:hover .magnifyingGlass-icon {
    display: block;
}

/* IE에서 아이콘을 숨기는 스타일링 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .diverse > .thum-wrap .magnifyingGlass-icon {
        display: none;
    }
}

/*integratedSearch�븞�쓽 integratedSearchTab*/
.grade-row .grade-nav {
    padding-top: 8px;
}

.grade-row .grade-nav-group {
    float: left;
    width: 285px;
    height: 570px;
    background: #fff;
    overflow: hidden;
    overflow-y: scroll;
    margin-right: 15px;
}

.grade-row .grade-nav-title {
    padding: 10px 15px;
    color: #22313F;
    font-size: 15px;
    font-weight: 400;
}

.grade-row .grade-nav > li input[type="checkbox"] {
    margin-top: 0px;
    margin-right: 5px;
}

.grade-row .grade-nav > li {
    padding: 8px 8px 8px 15px;
}


/*integratedSearchList*/
.integratedSearch.fixed {
    position: fixed;
    top: 10px;
    left: calc(50% + 100px);
    transform: translate(-50%);
    width: 870px;
    z-index: 1000;
    background: #fff;
}

.integratedSearch.barArea {
    padding: 0 1.5rem;
}

.integratedSearch.barArea ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #1f68c9;
}

.integratedSearch.barArea ul li {
    padding: .7rem 0;
    width: 18.6%;
    text-align: center;
    cursor: pointer;
}

.integratedSearch.barArea ul li.active {
    background: #2d508a;
}

.integratedSearch.barArea ul li a {
    width: 100%;
}

.integratedSearch.barArea ul li a span {
    color: #fff;
    font-size: 1.6rem;
}

.d-no-data-small {
    height: 250px !important;
}

.integrated-panel-area .tab-pane-trans .panel-header {
    width: calc(100% - 30px);
    margin: auto;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #2d508a;
}

.integrated-panel-area .panel.panel-default {
    border-right: none;
    border-left: none;
}

.result-set-row {
    display: flex;
    align-items: center;

    background: #fff;
    border: 1px solid #1f68c9;
    padding: 1rem;
}


/*===============colorSearch_list :: 議곗깋 諛고빀 紐⑤떖 mixingColorModal=============*/
/*�꽑�깮�깋�긽 鍮꾧탳 紐⑤떖*/
/*�꽑�깮�깋�긽 鍮꾧탳 �솗��蹂닿린 -�젣嫄�-*/
.jQWCP-wWheel, .jQWCP-slider-wrapper {
    /* display:none !important; */
}

#modalColorpicker .custom-colorpicker-modal {
    position: relative;
    top: 39px;
    left: 70px;
}

#modalColorpicker .custom-colorpicker-modal .modal-body > * {
    min-width: 900px;
}

.mixingColor-table.table-row .main-tit {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mixingColor-table.table-row .main-tit .tit {
    font-weight: 600;
    font-size: 21px;
}

.mixingColor-table.table-row .main-tit .tit2 {
    font-weight: 600;
    font-size: 21px;
}

.mixingColor-table.table-row .div-table {
    /* border-right: 1px solid #ddd; */
    font-size: 12px;
    padding-bottom: 2rem;
    color: #a0a0a0;
}

.mixingColorModal .mixingColor-table.table-row {
    padding: 0 20px;
}

/* .mixingColorModal .mixingColor-table.table-row .main-tit {
	margin-bottom : .5rem;
} */

.mixingColorModal .mixingColor-table.table-row .sub-row .tit {
    font-size: 1.7rem;
    margin-top: -.5rem;
}

.mixingColorModal .custom-modal-img .mixingColor-table.table-row {
    padding: 2rem 2rem 6.5rem !important;
    max-height: 59rem;
    overflow-y: auto;
}

.mixingColor-table.table-row .tit {
    font-size: 12px;
}

.mixingColor-table.table-row .div-table select {
    font-size: 11px;
    border-radius: 0;
    height: 30px;
    padding: 5px 12px;
    color: #686868 !important;
    border: 1px solid #ddd;
}

.mixingColor-table.table-row .default-table th,
.mixingColor-table.table-row .default-table td {
    padding: 8px 15px;
}

.mixingColor-table.table-row .div-table .integration .input-has-btn {
    margin-top: 6px;
}

.mixingColor-table.table-row .div-table .integration .intput-has-btn > div {
    height: 30px;
}

.mixingColor-table.table-row .code .flex-item {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mixingColor-table.table-row .code .flex-item span {
    display: block;
}

.w1000px_im {
    width: 1000px !important;
}

.custom-size {
    width: 100% !important;
}

.custom-modal-img2 {
    width: 300px;
}

.wid-90 {
    width: 90px;
}


/* .colorpic-view-wrap .colorpic-view-content {
	width:87%;
}

.colorpic-view-wrap .colorpic-list {
	width:9%;
}

.colorpic-view-wrap .colorpic-list li {
	height:30px;
	display: flex;
    align-items: center;
    justify-content: center;
	margin-bottom:8px;
	padding:8px;
	text-align:center;
	background:#6f6f6f;
	font-size:12px;
	border-radius:3px;

}

.colorpic-view-wrap .colorpic-list li button {
	color:#fff;
	font-size:12px;
}

.colorpic-view-wrap .colorpic-list li:hover,
.colorpic-view-wrap .colorpic-list li:focus,
.colorpic-view-wrap .colorpic-list li.active {
	background:#1f68c9;
	color:#fff;
} */


#modalDetailColorpicker .custom-colorpicker-modal .modal-content .modal-body .colorpicker-wrap {
    display: flex;
    align-items: center;
}


/*integratedSearch_list �넻�빀寃��깋 �꽕�젙  .ambiguous-lang*/
.result-set-row .result-set-group .subtit {
    font-size: 14px;
    font-weight: 600;
    color: #6f6f6f;
    margin-left: .5rem;
}

.result-set-row .result-set-head h4 {
    margin-left: 40px;
    color: #18499b;
    font-size: 14px;
    font-weight: 400;
}


.integrated-content .sub-chkset-row .lang_itDoesNotShowTheTotalCompoundingRatio {
    line-height: 24px !important;

}


.integrated-content .tab-content #baromatchSearchSetting .has-bdt,
.integrated-content .tab-content #sumixSearchSetting .has-bdt {
    border: none;
}

.integrated-content .tab-content #baromatchSearchSetting .has-bdb,
.integrated-content .tab-content #sumixSearchSetting .has-bdb {
    padding: 5px 0 13px;
    border-bottom: 1px solid #ddd;
}

.integrated-content .result-set-head {
    width: 150px;
}

.integrated-content .result-set-group {
    width: calc(100% - 180px);
    margin-left: auto;
    flex-wrap: wrap;
}

.integrated-content .result-set-group,
.integrated-content .result-set-group .list-item,
.integrated-content .result-set-group .list-item .item-group {
    display: flex;
    align-items: center;
}

.integrated-content .result-set-group .list-item {
    position: relative;
    width: 30%;
    justify-content: space-between;
    padding: .5rem 1rem .5rem .5rem;
}

.integrated-content .result-set-group .list-item::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 100%;
    transform: translateY(-50%);
    width: 1.5px;
    height: 10px;
    background: #6f6f6f;
}

/* .integrated-content .result-set-group .list-item .item-group {
	justify-content:space-between;
}
 */

.integrated-content .result-set-group .list-item .item .custom-radio + label:before {
    top: 0;
}

/*�뼵�뼱�꽕�젙�뿉 �뵲�씪 �떖�씪�졇�빞�븯�뒗 �븷�뱾 - �떎援��뼱 愿��젴 -*/
body.RU .integrated-content.ambiguous-lang .searchSettingDateTimeArea .custom-checkbox + label:before,
body.RU .integrated-content.ambiguous-lang .custom-checkbox + label:before,
body.PT .integrated-content.ambiguous-lang .searchSettingDateTimeArea .custom-checkbox + label:before,
body.PT .integrated-content.ambiguous-lang .custom-checkbox + label:before {
    top: 10px;
}

body.RU .integrated-content.ambiguous-lang .sub-chkset-row .lang_itDoesNotShowTheTotalCompoundingRatio::before,
body.PT .integrated-content.ambiguous-lang .sub-chkset-row .lang_itDoesNotShowTheTotalCompoundingRatio::before {
    top: 6px !important;
}

body.RU .integrated-content.ambiguous-lang .sub-chkset-row > div[class^="col"] .custom-checkbox + label,
body.RU .integrated-content.ambiguous-lang .sub-chkset-row > div[class^="col"] .searchset-checkbox + label,
body.PT .integrated-content.ambiguous-lang .sub-chkset-row > div[class^="col"] .custom-checkbox + label,
body.PT .integrated-content.ambiguous-lang .sub-chkset-row > div[class^="col"] .searchset-checkbox + label {
    line-height: 1.2;
}

body.RU .integrated-content.ambiguous-lang .result-set-group .list-item,
body.PT .integrated-content.ambiguous-lang .result-set-group .list-item {
    width: 33.3%;
    padding: .5rem;
}


/*硫붿씤�럹�씠吏� 以묐떒 �쁺�뿭 �닔�젙*/
body.JP .quickmenu-row.global,
body.PT .quickmenu-row.global,
body.SP .quickmenu-row.global {
    display: block;
}

body.PT .quickmenu-row.local,
body.JP .quickmenu-row.local,
body.SP .quickmenu-row.local  {
    display: none;
}


body.RU .integratedSearch.barArea,
body.PT .integratedSearch.barArea {
    padding: 0;
}


body.RU .integratedSearch.barArea ul li a span,
body.PT .integratedSearch.barArea ul li a span {
    font-size: 1.4rem;
}

/*議곗깋諛고빀 �솗��蹂닿린 �깋�긽鍮꾧탳*/
#colorpickerArea {
    display: flex;
    justify-content: center;
    flex: 1;
    margin-right: 10px;
}

.custom-colorpicker-modal .colorpicker-wrap .circle_chart .highcharts-plot-background {
    /* fill: #000; */
}

.custom-colorpicker-modal .colorpicker-wrap .circle_chart .highcharts-grid.highcharts-xaxis-grid .highcharts-grid-line,
.custom-colorpicker-modal .colorpicker-wrap .circle_chart .highcharts-grid.highcharts-yaxis-grid .highcharts-grid-line {
    /* stroke: #000 !important; */
}

.custom-colorpicker-modal .hight-chart-wrap {
    position: relative;
}

.custom-colorpicker-modal .hight-chart-wrap .height-chart-background {
    position: absolute;
    top: 20px;
    left: 99px;
    width: 490px;
    height: 494px;
    background-color: #fff;
}

.custom-colorpicker-modal .height-chart-explanation {
    position: absolute;
    top: 60px;
    left: 10px;
    padding: 20px;
    font-size: 1.1rem;
    max-width: 300px;
    /* width: 100%; */
    z-index: 10;
    background-color: #efefef;
    border-radius: 1rem;
    transition: .1s;
}

.custom-colorpicker-modal .height-chart-explanation:hover {
    z-index: 12;
    background-color: #eaeaea;
}

.custom-colorpicker-modal .height-chart-explanation .explanation {
    position: relative;
    margin-bottom: 10px;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.custom-colorpicker-modal .height-chart-explanation .explanation:last-child {
    margin-bottom: 0;
}

.custom-colorpicker-modal .height-chart-explanation .explanation .circle {
    position: absolute;
    top: 46%;
    left: 0px;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: block;
}

.custom-colorpicker-modal .height-chart-explanation .explanation .txt {
    display: block;
    margin-left: 15px;
    height: 17px;
    line-height: 17px;
}

/*.custom-colorpicker-modal .hight-chart-wrap .height-chart-explanation .explanation.red::before {*/
/*	background-color: rgb(244, 115, 120);*/
/*}*/
/*.custom-colorpicker-modal .hight-chart-wrap .height-chart-explanation .explanation.black::before {*/
/*	background-color: rgb(13, 13, 13);*/
/*}*/
/*.custom-colorpicker-modal .hight-chart-wrap .height-chart-explanation .explanation.blue::before {*/
/*	background-color: rgb(29, 63, 246);	*/
/*}*/
.custom-colorpicker-modal .hight-chart-wrap .height-chart-explanation .explanation .txt {
    font-size: 1.3rem;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
}

.custom-colorpicker-modal .hight-chart-wrap #detailHighchartSection {
    position: relative;
    z-index: 10;
}

#detailHighchartSection.circle_chart .highcharts-container {
    background-color: transparent;
}

#detailHighchartSection.circle_chart .new-color-circle {
    position: absolute;
    top: 26px;
    /* left: 71px;
    width: 550px;
    height: 550px; */
    left: 100px;
    width: 490px;
    height: 490px;
    background: url(../../../images/refinish/bg/color_circle.png) center no-repeat;
    background-size: cover;
    z-index: -2;
    opacity: 0.7;
}

#detailHighchartSection.circle_chart:hover .new-color-circle,
#detailHighchartSection.circle_chart:focus .new-color-circle {
    opacity: 0.9;
}


#detailHighchartSection.circle_chart .new-circle-back {
    position: absolute;
    top: 83px;
    left: 161px;
    z-index: 20;
    width: 370px;
    height: 370px;
    z-index: -1;
    border-radius: 50%;
    background-color: #fff;
}

#detailHighchartSection.circle_chart .highcharts-series-group .highcharts-series-2.highcharts-pie-series .highcharts-point {
    /* fill: #fff; */
}

#detailHighchartSection.circle_chart .highcharts-background {
    fill: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* === �깉濡� �깮�꽦�맂 �썝 而⑦뀒�씠�꼫 === */

#detailHighchartSection.circle_chart .new-chart {
    position: absolute;
    top: 83px;
    left: 161px;
    z-index: 20;
    width: 370px;
    height: 370px;
    border-radius: 50%;
    overflow: hidden;
    text-align: left;
    line-height: normal;
    z-index: 10;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    /* border: 1px solid blue; */
}

#detailHighchartSection.circle_chart .new-chart .circle-container {
    width: 500px;
    height: 500px;
    overflow: hidden;
    text-align: left;
    line-height: normal;
    z-index: 10;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    position: absolute;
    top: 188px;
    left: -60px;
    transform: translateY(-50%);

}

#detailHighchartSection.circle_chart .new-chart .circle-container .highcharts-yaxis-grid {
    /* transform: translate(-37px, 17px);
    -webkit-transform:  translate(-37px, 17px); WebKit
    -moz-transform: translate(-37px, 17px);Mozilla
    -ms-transform: translate(-37px, 17px) ; Internet Explorer
    -sand-transform: translate-37px, 17px); */
}

#detailHighchartSection.circle_chart .new-chart .circle-container .highcharts-xaxis-grid {
    /* transform: translate(-37px, -25px);
    -webkit-transform:  translate(-37px, -25px); WebKit
    -moz-transform: translate(-37px, -25px);Mozilla
    -ms-transform: translate(-37px, -25px) ; Internet Explorer
    -sand-transform: translate(-37px, -25px); */
}

#detailHighchartSection.circle_chart .new-chart .circle-container .highcharts-plot-lines-0 .highcharts-plot-line {
    /*  transform: translate(-100px, -21px);
     -webkit-transform:  translate(-100px, -21px); WebKit
     -moz-transform: translate(-100px, -21px);Mozilla
     -ms-transform: translate(100px, 21px) ; Internet Explorer
     -sand-transform: translate(-100px, -21px); */
}

/* 釉붾줈洹� 異붽� */
.blog-modify .content-header {
    clear: both;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: none;
}

.blog-modify .content-header .content-title,
.blog-modify .content-header .breadcrumbs {
    display: block;
    flex: none;
}

.blog-modify .content-header .content-title {
    line-height: 1.5;
}

.blog-modify .common-row {
    margin-top: 2.5rem;
}

.blog-modify .common-row .flex-row,
.blog-modify .common-row .block-row {
    padding: 2rem 0;
    margin: 0 6rem;
}

.blog-modify .common-row .block-row.main-img {
    padding-bottom: 0;
}

.blog-modify .common-row .block-row.main-img .img-item {
    padding: 0 15%;
    margin: auto;
}

.blog-modify .common-row .flex-group,
.blog-modify .common-row .flex-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex: none;
}

/* .blog-modify .common-row .block-row:last-child,
.blog-modify .common-row .flex-row:last-child {
	margin-bottom: 0;
} */
.blog-modify .common-row .reverse {
    flex-direction: row-reverse;
}

.blog-modify .common-row .start {
    align-items: flex-start;
}

.blog-modify .common-row .flex-group .item,
.blog-modify .common-row .flex-row .item {
    width: 49%;
    flex: none;
}

.blog-modify .common-row .flex-group .item.img-item,
.blog-modify .common-row .flex-row .item.img-item {
    width: 60%;
    flex: none;
}

.blog-modify .common-row .flex-group .item.txt-item,
.blog-modify .common-row .flex-row .item.txt-item {
    width: 35%;
    flex: none;
}

.blog-modify .common-row .block-row .item img,
.blog-modify .common-row .flex-row .item img {
    width: 100%;
    display: block;
}

.blog-modify .common-row .block-row .info-tit.main,
.blog-modify .common-row .flex-row .info-tit.main {
    position: relative;
    margin-left: 8px;
}

.blog-modify .common-row .block-row .info-tit,
.blog-modify .common-row .flex-row .info-tit {
    margin-bottom: 20px;
    font-family: "NanumSquareB", "Nanum Gothic", "Dotum", "�룍��", "gulim", "援대┝", AppleGothic, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #303030;
}

.blog-modify .common-row .block-row .info-tit.main::after,
.blog-modify .common-row .flex-row .info-tit.main::after {
    content: '';
    position: absolute;
    right: calc(100% + 5px);
    top: 0;
    width: 4px;
    height: 17px;
    background-color: #1f68c9;
}

.blog-modify .common-row .block-row.swiper-container.has-desc {
    padding-bottom: 0;
}

.blog-modify .common-row .block-row .swiper-slide {
    width: 100%;
    height: auto;
}

.block-row.swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 25px;
}

.blog-modify .common-row .desc {
    margin-top: 26px;
    text-align: center;
    font-size: 12px;
    color: #909090;
}

.blog-modify .common-row .map-link-wrap {
    /* display: flex;
    align-items: center;
    justify-content: space-between;
    flex: none; */
}

.blog-modify .common-row .map-link-wrap .map-link {
    height: 30rem;
    width: 35rem;
}


/* ====== �씪踰� �씤�뇙 ====== */

.modal-body.modal-label {
    padding: 10px;
}

.custom-modal-sm .modal-header {
    height: 35px;
    padding: 6px 15px;
    border-bottom: none;
    background: #2d508a;
}

.custom-modal-sm .close {
    margin-top: 0px;
    opacity: 1;
    background: none;
    color: #fff;
    text-shadow: 0px 1px 0 #000;
}

.custom-modal-sm .modal-header .modal-title {
    color: #fff;
    font-family: "NanumSquare", "Nanum Gothic", "Dotum", "�룍��", "gulim", "援대┝", AppleGothic, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 400;
}

.horizon-table.label-table th,
.horizon-table.label-table td,
.horizon-table.label-table tr.pdvn th {
    height: 20px;
    padding: 0px 5px !important;
    font-size: 10px;
}

.default-table.label-table th,
.default-table.label-table td {
    height: 20px;
    padding: 0px;
    font-size: 10px;
}

.default-table.label-table tr.no-data td {
    height: 150px;
}

.mixcolor-infobox-fix.label-info-print {
    padding: 0;
    border: 0 none;
}

#modalPrintLabel .mixcolor-tit-modi-fix {
    padding: 0;
    float: none;
    display: block;
}

.mixcolor-infobox-fix.label-info-print .mixcolor-modi-wrap-fix .row-fix {
    margin: 0 !important;
    display: block;
}

.label-info-print .tit {
    font-size: 1.6rem;
}

.tab-row.tab-slide {
    position: relative;
}

.tab-row.tab-slide .tab-slide-container {
    overflow: hidden;
    /*max-width: 830px;*/
    transition: .3s;
}

.tab-row.tab-slide .tab-slide-container .nav-tabs {
    transform: translateX(0);
    transition: 0.7s;
    width: auto;
}

.tab-row.tab-slide .tab-arrow > button[class^="tab"] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 100%;
    background: #fff;
    padding: 0 5px;
}

.tab-row.tab-slide .tab-arrow > button[class^="tab"] i {
    font-size: 20px;
    color: #1f68c9;
    opacity: 0.6;
    transition: .3s;
}

.tab-row.tab-slide .tab-arrow > button[class^="tab"]:hover i {
    opacity: 1;
}

.tab-row.tab-slide .tab-arrow > button.tab-prev {
    left: 0;
}

.tab-row.tab-slide .tab-arrow > button.tab-next {
    right: 0;
}

.tab-row .default-nav-tabs.small > li {
    width: 155px;
}

.tab-row.tab-slide .default-nav-tabs {
    display: flex;
}

.tab-row.tab-slide .default-nav-tabs > li {
    flex: none;
    float: none;
}


.flex-align-center{
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.checkbox-area{
	display: block;
	height: 20px;
}

.checkbox-inline.height--20{
	height: 20px;
	margin-left:10px;
}


/* 공지사항 라벨  */
.notice-label{
	display: inline-block;
	width: 60px;
	height: 30px;
	background: #DCE7F6;
 	border: 1px solid #1F68C9;
 	color: #1F68C9;
 	text-align:center;
 	font-weight: 700;
 	line-height: 30px !important;
 	margin-right: 10px;
}

.notice-label + .is-active{
	color: #1F68C9;
	font-weight: 700;
}

/* 공지사항 날짜  */

/* 체크박스가 선택 안 되었을 경우  */

.notice-time.is-disabled .form-control{
	background: #f0f0f0;
	cursor: not-allowed;
}


/* == label-print == */
@media print {
    /* 페이지 설정 - 세로 방향, 여백 제거 */
    @page {
        size: 59mm 101mm portrait;
        margin: 0;
    }

    body {
        margin: 0;
        padding: 0;
    }

    /*
     * 라벨·가상프린터: 내장 비트맵 폰트 대신 OS 한글 고딕을 우선 사용해
     * 비적산/합계 등 한글·구두점 글리프 누락(□)을 줄인다.
     */
    .label-print,
    .label-print th,
    .label-print td,
    .label-print span,
    .label-print div,
    .label-print strong {
        font-family: "Malgun Gothic", "맑은 고딕", "Apple SD Gothic Neo", "Noto Sans KR", "NanumGothic", "Nanum Gothic", sans-serif !important;
    }

    /* 일반 라벨 인쇄 품질 개선: 흐릿/끊김 현상 완화 */
    .label-print:not(.label-print--small) {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    /* 일반 라벨: 상단 배합정보 영역 확대 - 패딩 축소로 표 영역 확보 */
    .label-print:not(.label-print--small) .mixcolor-infobox-fix.label-info-print {
        padding: 8px 0 4px 0 !important;
    }
    .label-print:not(.label-print--small) .label-info-print.sub-row.mt10 {
        margin-top: 6px !important;
    }

    .label-print {
        position: relative;
        top: 20px;
        left: 20px;
        /*max-height: 591px;*/
        max-width: 600px;
        /* max-height: 378px;
        max-width: 200px; */
        border: 1px solid #666;
        padding: 15px!important;
    }

    .label-table {
        border: 1px solid #666;
    }

    /* 일반 라벨: 상단 배합정보(색상명, 시스템 등) - 폰트 확대, 진한 색상 */
    /* 상단 배합정보(색상명, 시스템 등) - 확대 */
    .label-print:not(.label-print--small) .horizon-table.label-table th,
    .label-print:not(.label-print--small) .horizon-table.label-table td,
    .label-print:not(.label-print--small) .horizon-table.label-table tr.pdvn th {
        font-size: 18px !important;
        color: #111 !important;
        font-weight: 700 !important;
        padding: 8px 12px !important;
        line-height: 1.35 !important;
        -webkit-font-smoothing: none;
    }

    /* 상단 배합정보 영역 - 패딩 확대로 가독성 향상 */
    .label-print:not(.label-print--small) .mixcolor-infobox-fix.label-info-print {
        padding: 4px 0 8px 0 !important;
    }

    /* 조색제코드 영역 - 숫자·텍스트 표에 맞춰 최대한 확대 */
    .label-print:not(.label-print--small) .default-table.label-table th,
    .label-print:not(.label-print--small) .default-table.label-table td,
    .label-print:not(.label-print--small) .default-table.label-table td[data-item="mixingColorCode"],
    .label-print:not(.label-print--small) .default-table.label-table td[data-item="weight"],
    .label-print:not(.label-print--small) .default-table.label-table td[data-item="zeroPointTwo"],
    .label-print:not(.label-print--small) .default-table.label-table td[data-item="zeroPointFive"],
    .label-print:not(.label-print--small) .default-table.label-table td[data-item="one"] {
        font-size: 18px !important;
        color: #111 !important;
        font-weight: 700 !important;
        padding: 8px 12px !important;
        line-height: 1.35 !important;
        -webkit-font-smoothing: none;
    }

    /* 조색제 표 헤더 비적산/적산 영역 - 2번째 th(합계) 제외, 합계 숫자 과대 방지 */
    .label-print:not(.label-print--small) .default-table.label-table thead th:not(:nth-child(2)) div,
    .label-print:not(.label-print--small) .default-table.label-table thead th:not(:nth-child(2)) span,
    .label-print:not(.label-print--small) .default-table.label-table thead th:not(:nth-child(2)) strong {
        font-size: 17px !important;
        color: #111 !important;
    }

    /* 라벨프린트(소)는 기존 14px 유지 */
    .label-print .horizon-table.label-table th,
    .label-print .horizon-table.label-table td,
    .label-print .horizon-table.label-table tr.pdvn th {
        font-size: 14px;
        color: #000 !important;
        font-weight: 600 !important;
        -webkit-font-smoothing: none;
    }

    .label-print .default-table.label-table th,
    .label-print .default-table.label-table td {
        font-size: 14px;
        color: #000 !important;
        font-weight: 600 !important;
        -webkit-font-smoothing: none;
    }

    /* 라벨프린트·라벨프린트(소) 테이블선 색상 통일: #666 */
    .label-print .default-table.label-table td,
    .label-print .default-table.label-table th {
        border-color: #666 !important;
    }

    .label-print .default-table.label-table tr:nth-last-child(2) td {
        border-bottom: 0;
    }

    /* .label-print td {
        padding: 0 !important;
    }*/

    .label-print .horizon-table.label-table th,
    .label-print .horizon-table.label-table td {
        border-color: #666 !important;
    }

    .label-print .horizon-table.label-table th {
        border-right: 1px solid #666;
    }

    .label-print .label-table {
        border-color: #666 !important;
    }

    .label-print .label-table table {
        border-color: #666 !important;
    }

    .label-table th {
        background: #F2F2F2 !important;
    }

    /*.label-print.print-img-box td[data-txt-attr="memo"] .memo-content {*/
    /*    min-height: 48px;*/
    /*}*/

    .label-print.print-img-box td[data-txt-attr="memo"] .memo-content:empty::after {
        content: "\A\A";
        white-space: pre;
    }

    .label-print.label-print--small {
        width: 101mm;
        height: 59mm;
        max-width: 101mm;
        max-height: 59mm;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 none !important;
        overflow: hidden;
        box-sizing: border-box;
        transform: rotate(90deg);
        transform-origin: 25.5mm 24mm;
        aspect-ratio: 101 / 59;
    }

    .label-print.label-print--small.EN {
        transform-origin: 24mm 22mm;
    }

    .label-print.label-print--small.EN.voc-print {
        transform-origin: 28mm 26mm;
    }

    /* 라벨 프린트(소) 표 폰트 사이즈 및 패딩 조정 */
    .label-print.label-print--small .label-info-print th,
    .label-print.label-print--small .label-info-print td {
        font-size: 11px !important;
        padding: 2px 3px 2px 5px !important;
        line-height: 1.25 !important;
    }

    .label-print.label-print--small.EN .label-info-print th,
    .label-print.label-print--small.EN .label-info-print td {
        font-size: 10px !important;
        padding: 2px 3px 2px 5px !important;
        line-height: 1.25 !important;
    }

    .mixcolor-infobox-fix.label-info-print {
        padding: 0 !important;
    }

    /* 라벨 프린트(소) 표 전체 패딩 및 텍스트 처리 */
    .label-print.label-print--small .label-info-print {
        padding: 1px 1px 1px 3px !important;
    }

    .label-print.label-print--small .label-info-print table {
        width: 100% !important;
        table-layout: fixed !important;
    }

    .label-print.label-print--small .label-info-print td,
    .label-print.label-print--small .label-info-print th {
        word-break: break-word !important;
        overflow-wrap: break-word !important;
        white-space: normal !important;
    }

    /* 라벨 프린트(소) 표 테두리 및 선 진하게 */
    .label-print.label-print--small .label-info-print table {
        border: 1.5px solid #666 !important;
    }

    .label-print.label-print--small .label-info-print th,
    .label-print.label-print--small .label-info-print td {
        border: 1px solid #666 !important;
    }

    .label-print.label-print--small .label-info-print th {
        border-right: 1.5px solid #666 !important;
        border-bottom: 1.5px solid #666 !important;
    }

    .label-print.label-print--small .label-info-print td {
        border-right: 1px solid #666 !important;
        border-bottom: 1px solid #666 !important;
    }

    .label-print.label-print--small .label-info-print .lang_memo {
        border-bottom: 1.5px solid #666 !important;
    }

    .label-print.print-img-box .mixcolor-infobox-fix {
        position: relative;
    }

    .label-print.print-img-box .english_area.kcc-logo {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 1;
        opacity: 0.2;
    }

    .label-print.print-img-box .lang_memo {
        padding-bottom: 5px;
        border-bottom: 1px solid #a8a8a8;
    }

    /* 라벨 프린트(소) 메모 영역 폰트 사이즈 조정 */
    .label-print.label-print--small .label-info-print td[data-txt-attr="memo"] .memo-content {
        font-size: 11px !important;
        padding: 4px 5px !important;
        line-height: 1.25 !important;
        border: 1px solid #666 !important;
    }

    .label-print.label-print--small.EN .label-info-print td[data-txt-attr="memo"] .memo-content {
        font-size: 10px !important;
        padding: 4px 5px !important;
        line-height: 1.25 !important;
        border: 1px solid #666 !important;
    }

    .label-print.print-img-box .horizon-one-table {
        margin-top: 10px;
        padding: 0;
        border-top: 0 none;
        border-bottom: 0 none;
    }

    .label-print.print-img-box .horizon-one-table:not( .is-not ),
    .label-print.print-img-box .max-text-length-box,
    .label-print.print-img-box .memo-textarea {
        display: none;
    }

    .label-print.print-img-box .horizon-one-table .print-item__memo-box {
        display: block !important;
        width: 100%;
        height: fit-content;
        min-height: 200px;
        padding: 5px;
        border: 1px solid #333;
        border-radius: 4px;
        font-size: 16px;
        font-weight: 600 !important;
        color: #000 !important;
        -webkit-font-smoothing: none;
    }
}

/*
	================================================================================
	@愿�由ъ옄 modify
	================================================================================
*/

.has-select .bootstrap-select.custom-picker button {
    padding-left: 12px;
}

/*
	================================================================================
	intro_kccView
	================================================================================
*/
.info-row .rf-row.has-bg [class^=col-xs-] {
    padding: 0;
    margin: 0 2% 20px 0;
    width: 49%;
}

.info-row .rf-row.has-bg [class^=col-xs-]:nth-child(even) {
    margin-right: 0 !important;
}

.info-row .info-div-item {
    width: 100%;
    height: 145px;
    padding: 26px 30px 30px;
}

.info-row .info-div-item.has-img-bg01 {
    background: url("/resources/images/refinish/user/intro/business_cont_01.jpg") no-repeat center;
    background-size: cover;
}

.info-row .info-div-item.has-img-bg02 {
    background: url("/resources/images/refinish/user/intro/business_cont_02.jpg") no-repeat center;
    background-size: cover;
}

.info-row .info-div-item.has-img-bg03 {
    background: url("/resources/images/refinish/user/intro/business_cont_03.jpg") no-repeat center;
    background-size: cover;
}

.info-row .info-div-item.has-img-bg04 {
    background: url("/resources/images/refinish/user/intro/business_cont_04.jpg") no-repeat center;
    background-size: cover;
}

.info-row .info-div-item.has-img-bg05 {
    background: url("/resources/images/refinish/user/intro/business_cont_05.jpg") no-repeat center;
    background-size: cover;
}

.info-row .info-div-item .tit {
    font-size: 18px;
    padding-bottom: 10px;
}

.info-row .info-div-item span {
    display: block;
    width: 100%;
    margin-right: 20px;
    line-height: 18px;
}

.info-row .info-div-item span:not(.tit) {
    max-width: 190px;
    color: #666666;
    font-size: 15px;
    line-height: 22px;
}

/*integratedConditionalTab �닔�젙*/
#listCloneArea .multiName,
#listCloneArea2 .multiName{
    cursor: pointer;
    color: #1581ff !important;
    position: relative;
    text-align: center;
}

#listCloneArea .multiName::after,
#listCloneArea2 .multiName::after {
    content: '';
    position: absolute;
    top: 105%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #1581ff;
}

/* TODO 2025 10 15 */
.default-table.no-padding th,
.default-table.no-padding td{
    padding: 8px 0 !important;
}

.my-page__btn-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}

.my-page__btn-row > div:first-child {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
}

.my-page__btn-row #myDatepicker {
    min-width: 200px;
}

.my-page__btn-row .ui-datepicker-trigger {
    width: 23px;
    height: 22px;
}

.my-page__btn-row a:not( .cdReset ) {
    width: fit-content;
    height: 34px;
    padding: 6px 12px 6px 34px;
    font-size: 14px;
    line-height: inherit;
    background-position: 11px 10px;
}

.my-page__btn-row .cdReset .searchReset-icon::before {
    top: 0;
    margin-right: 0;
    margin-left: 5px;
    cursor: pointer;
}

.rotation-btn-box {
    text-align: right;
}

.rotation-btn-box .rotation-btn {
    width: 30px;
    height: 30px;
    padding: 0;
    border-radius: 4px;
    font-size: 24px;
}

#modalSmallPrintLabel .modal-dialog {
    width: 100%;
    min-width: 360px;
    max-width: 633px;
    height: fit-content;
}

#modalSmallPrintLabel .modal-dialog .modal-header {
    height: 35px;
    padding: 6px 15px;
    border-bottom: none;
    color: #FFF;
    background: #2d508a;
}

#modalSmallPrintLabel .modal-dialog .modal-header .modal-title {
    font-size: 14px;
}

#modalSmallPrintLabel .memo-content {
    min-height: 48px;
    max-height: 200px;
    padding: 8px 10px;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    white-space: pre-wrap;
    word-break: break-word;
    background-color: #fff;
    overflow: auto;
    cursor: text;
}

#modalSmallPrintLabel td[data-txt-attr="memo"] .memo-content:empty::after {
    content: "\A\A";
    white-space: pre;
}

#modalSmallPrintLabel .memo-content[contenteditable="true"]:focus {
    outline: 2px solid #2d508a;
}

#modalSmallPrintLabel .modal-dialog .modal-header .close {
    font-size: 21px;
    font-weight: 500;
    color: #FFF;
    opacity: 1;
}

#modalSmallPrintLabel .modal-dialog .modal-body .modal-tab {
    text-align: center;
}

#modalSmallPrintLabel .modal-dialog .modal-body .modal-tab .btn {
    height: 55px;
}

#modalSmallPrintLabel .modal-dialog .modal-body .kcc-logo {
    display: none !important;
    width: 80px;
}

#modalSmallPrintLabel .modal-dialog .modal-body .lang_memo {
    padding-bottom: 5px;
    border-bottom: 1px solid #a8a8a8;
}

#modalSmallPrintLabel .modal-dialog .modal-body .memo-header {
    position: relative;
}

#modalSmallPrintLabel .modal-dialog .modal-body .memo-header .max-text-length-box {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 14px;
    color: #a8a8a8;
}

#modalSmallPrintLabel .modal-dialog .modal-body .memo-header .max-text-length-box .max-text-length {
    color: #1581ff;
}

#modalSmallPrintLabel .modal-dialog .modal-body .memo-header .max-text-length-box .max-text-length.is-red {
    color: #ef4d4d;
}

#modalSmallPrintLabel .modal-dialog .modal-body .horizon-one-table {
    margin-top: 10px;
    padding: 0;
    border-top: 0 none;
    border-bottom: 0 none;
}

#modalSmallPrintLabel .modal-dialog .modal-body .horizon-one-table .print-item__memo-box {
    display: none;
}

#modalSmallPrintLabel .label-print--small {
    width: 100mm;
    /*min-height: 60mm;*/
    max-width: none;
    margin: 0 auto;
    transition: transform .3s ease;
    transform-origin: center center;
    box-sizing: border-box;
}

#modalSmallPrintLabel .label-print--small .memo-content {
    display: block;
}

/*
	================================================================================
	productInfo_edit.jsp - 제품정보 관리 등록/수정
	================================================================================
*/
#formArea input::placeholder {
    text-align: right;
}

#formArea .textright,
#editArea .textright,
#editArea .custom-form-label input[data-input-attr$="Title"] {
    text-align: right;
}

#orderNum::placeholder {
    text-align: left;
}

/* 드래그 가능 영역 - 개요, 규격, 특성, 용도, 혼합비에만 회색배경 적용 */
#columnSortableArea {
    background: #f5f5f5;
    border: 1px dashed #ddd;
    border-radius: 6px;
    padding: 15px;
    margin-top: 10px;
    position: relative;
    width: 100%;
}
/* sortable 항목들 - float 제거하여 세로로 전체 표시 (실시간 정렬 영역 전체 활용) */
#columnSortableArea .col-xs-12[data-column-code] {
    display: block !important;
    width: 100% !important;
    float: none !important;
    cursor: move;
    margin-bottom: 10px;
    border-radius: 4px;
    border: 1px solid transparent;
    transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
#columnSortableArea .col-xs-12[data-column-code]:last-child {
    margin-bottom: 0;
}
/* 마우스 오버 시 드래그 가능함을 명확히 표시 */
#columnSortableArea .col-xs-12[data-column-code]:hover {
    background: #e3f2fd !important;
    border-color: #2196f3 !important;
    box-shadow: 0 2px 8px rgba(33, 150, 243, 0.2);
}
#columnSortableArea .col-xs-12[data-column-code].ui-sortable-helper {
    background: #fff !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
    opacity: 0.95;
    border-color: #2196f3 !important;
}
/* 드래그 시 플레이스홀더 - 드롭 위치 표시 */
#columnSortableArea > .ui-sortable-placeholder {
    display: block !important;
    width: 100% !important;
    float: none !important;
    background: rgba(33, 150, 243, 0.08) !important;
    border: 2px dashed #2196f3 !important;
    margin-bottom: 10px;
    border-radius: 4px;
}
/* 드래그 중 헬퍼가 다른 영역에 표시되지 않도록 */
.ui-sortable-helper {
    z-index: 9999;
}
/* 제품 정보 관리 화면 등 기타 UI 정렬 */
.textright {
	text-align: right !important;
}

/* 제품명·간략 설명 행 정렬 통일 - label/content 너비·세로정렬 */
#editArea .form-table-seperate.h-auto .form-sep-col.custom-form-label.fixed-top {
	vertical-align: top;
	padding-top: 10px;
}