@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@200;300;400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500,600,700');

/* NotoSansKR */
 @font-face {
     font-family: 'Noto Sans KR';
     font-style: normal;
     font-weight: 200;
     src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
     url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
     url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
 @font-face {
     font-family: 'Noto Sans KR';
     font-style: normal;
     font-weight: 400;
     src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
     url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
     url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}
 @font-face {
     font-family: 'Noto Sans KR';
     font-style: normal;
     font-weight: 700;
     src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
     url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
     url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}

body {
    /* overflow-y: scroll; */
    /* -webkit-font-smoothing: subpixel-antialiased; */
	/* -webkit-touch-callout: none; */
	/* -webkit-user-select: none; */
	/* -khtml-user-select: none; */
	/* -ms-user-select: none; */
	/* -moz-user-select: none; */
	/* user-select: none; */
    background: #fff;
}

body, div, dl, dt, dd, ul, ol, li, i, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, legend, button, select, p, blockquote, th, td, table {
    font-family: 'Titillium Web', 'Montserrat', 'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', sans-serif !important;
    font-size: 100%;
    padding: 0;
    margin: 0;
    word-break: keep-all;
    -webkit-text-size-adjust: none;
}

.form-control.search-input:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* loading-box S */
#loader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .3);
    z-index: 9999;
    display: none;
}

#status {
    width: 80px;
    height: 80px;
    position: absolute;
    left: 49.5%;
    top: 44.5%;
    margin: -40px 0 0 -40px;
    display: none;
}
/* loading-box E */

.avatar-lg {
    height: 6rem;
    width: 6rem;
}

html:not(.screen-arch),html:not(.screen-arch) body {
    background-color: var(--main-surface-primary);
    height: 100%
}

html.screen-arch,html.screen-arch body {
    background-color: var(--main-surface-primary);
    min-height: 100%
}

a {
    text-decoration: none !important;
    cursor: pointer !important;
}

li {
    list-style: none;
}

.con-pc {
    display: block !important;
}

.con-m {
    display: none;
}

.br-pc {
    display: block !important;
}

.scroll-y {
    overflow-y: scroll !important;
}

@media all and (max-width: 1200px) {
    .con-pc {
        display: none !important;
    }

    .con-m {
        display: block;
    }

    .br-pc {
        display: inline-block !important;
    }

    .br-m {
        display: block !important;
    }
}

.img-max {
    max-width: 100%;
}

.img-ct-max {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

.p-relative {
    position: relative;
}

.container-1400 {
    width: 1400px;
    margin: 0 auto;
}

.col-13 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 37.5%;
}

.col-14 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 35%;
}

.col-15 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 30%;
}

.col-16 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 20%;
}

.col-17 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 15%;
}

.col-18 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 10%;
}

@media all and (max-width: 1760px) {
    .container-1400 {
        width: 90% !important;
        margin: 0 auto !important;
    }
}

@media all and (max-width: 991px) {
    .col-3-m, .col-14-m, .col-15-m, .col-18-m {
        width: 100%;
    }

    .col-13-m {
        width: 50%;
    }
}

.ps-6 {
    padding-left: 1rem !important;
}

.py-6 {
    padding-top: 0.8rem !important;
    padding-bottom: 0.8rem !important;
}

.me-6 {
    margin-right: 4.5rem !important;
}

.mb-6 {
    margin-bottom: 5rem !important;
}

.mb-7 {
    margin-bottom: 6rem !important;
}

.minus-mt-1 {
    margin-top: -0.5rem !important;
}

@media all and (min-width: 1330px) and (max-width: 1440px) {
    .me-6 {
        margin-right: 3.5rem !important;
    }
}

@media all and (min-width: 1201px) and (max-width: 1329px) {
    .me-6 {
        margin-right: 2.4rem !important;
    }
}

@media all and (max-width: 767px) {
    .py-4-m {
        padding-top: 0.3rem !important;
        padding-bottom: 1.2rem !important;
    }

    .py-6-m {
        padding-top: 0.2rem !important;
        padding-bottom: 0.2rem !important;
    }

    .mt-5-m {
        margin-top: 2rem !important;
    }

    .mb-0-m {
        margin-bottom: 0 !important;
    }

    .mb-4-m {
        margin-bottom: 1.5rem !important;
    }

    .mb-5-m {
        margin-bottom: 1rem !important;
    }

    .mb-7-m {
        margin-bottom: 2.5rem !important;
    }
}

.scroll-y-box {
    overflow-y: scroll;
    overflow-x: hidden;
    width: 100%;
    padding-right: 5% !important;
    height: 150px;
}

.scroll-y-box-type02 {
    overflow-y: scroll;
    overflow-x: hidden;
    width: 100%;
    padding-right: 0;
    height: 300px;
}

.scroll-type03 {
    padding-right: 5rem;
    height: 300px !important;
    margin-top: 0rem !important;
}

.scroll-type04 {
    padding-right: 6% !important;
    height: 450px !important;
    margin-top: 0 !important;
}

.scroll-type05 {
    padding-right: 6% !important;
    height: 250px !important;
    margin-top: 0.5rem !important;
}

.scroll-y-box::-webkit-scrollbar-track,
.scroll-y-box-type02::-webkit-scrollbar-track  {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
    -ms-box-shadow: inset 0 0 6px rgba(0,0,0,0);
    -moz-box-shadow: inset 0 0 6px rgba(0,0,0,0);
    -o-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #fff;
}

.scroll-y-box::-webkit-scrollbar,
.scroll-y-box-type02::-webkit-scrollbar {
    height: 5px;
    width: 5px;
    background-color: #fff;
}

.scroll-y-box::-webkit-scrollbar-thumb,
.scroll-y-box-type02::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    -ms-box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    -moz-box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    -o-box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    background-color: #aaa;
}

@media all and (max-width: 1200px) {
    .scroll-type03 {
        width: 100%;
        height: 160px !important;
        background: #f3f3f3;
        border-radius: 0.2rem !important;
        padding: 0.8rem 0.3rem;
        box-sizing: border-box;
    }

    .scroll-type04 {
        width: 100%;
        height: 300px !important;
    }

}

.z-0 {
    z-index: 0
}

.flex-1 {
    flex: 1 1 0%
}

.overflow-x-hidden {
    overflow-x: hidden
}

.header {
    padding: 1.2rem 2rem;
}

.header h1 {
    display: inline-block;
}

.header h1 img {
    width: 400px !important;
    vertical-align: middle;
    margin-top: 0;
}

.header h1 span {
    display: inline-block;
    color: #e74010;
    font-size: 1.2rem;
    font-weight: 400;

}

/* .header h1 p span {
    display: inline-block;
    background: #eee;

} */

.header h1 span.bar {
    color: #535353;
    font-size: 1.1rem;
    font-weight: 100;
}

.gnb-log li {
    float: left;
    background: url('../images/common/bg-gnb.gif') no-repeat left center;
    padding-left: 0.8rem;
    margin-left: 0.4rem;
}

.gnb-log li:first-child {
    background: none;
    padding-left: 0;
    margin-left: 0;
}

.gnb-log li a {
    display: block;
    font-size: 0.813rem;
    letter-spacing: 0;
    color: #444;
    text-transform: uppercase;
}

.gnb-log li a:hover {
    text-decoration: underline !important;
}

.gnb-log .id {
    color: #ef0000 !important;
    line-height: 1.1rem;
}

.topbar-menu .nav-link {
    padding: 0;
    min-width: 32px;
    display: block;
    text-align: center;
    margin: 0 0 !important;
    position: relative;
}

.topbar-dropdown .nav-link {
    line-height: 2rem !important;
}

.topbar-menu .nav-link {
    padding: 0;
    color: var(--ct-gray-600);
    min-width: 32px;
    display: block;
    text-align: center;
    position: relative;
}

.dropdown a {
    display: block !important;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.dropdown-menu {
    left: -11px;
    min-width: 100px !important;
    text-align: left !important;
    border: 1px solid #e7ebf0 !important;
    border-radius: 0.5rem !important;
    background: #fff;
    padding: 0 0.6rem 0.5rem!important;
    box-shadow :none !important;
}

.dropdown-menu a {
    color: #191919 !important;
    font-size: 0.9rem;
    line-height: 0.5rem;
    padding: 0.5rem 0 0.3rem !important;
    display: block !important;
}

.dropdown-toggle::after {
    display: none !important;
}

.dropdown-menu a:hover {
    background: none !important;
    color: #e74010 !important;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
 }

.dropdown-toggle {
    font-size: 0.9rem !important;
    color: #111 !important;
}

.dropdown-toggle i {
    font-size: 0.7rem !important;
    color: #000 !important;
}

.toggle-menu {
    border: none !important;
    color: #5d5d5d !important;
    height: 40px !important;
    line-height: 40px !important;
    width: 40px !important;
    background-color: transparent !important;
    border-radius: 0.3rem;
    font-size: 1.35rem !important;
    cursor: pointer !important;
    float: left !important;
    z-index: 1 !important;
    position: relative !important;
    margin-right: 0.3rem !important;
    margin-top: -0.4rem !important;
}

.toggle-menu:hover {
    background-color: #eee !important;;
}

.leftside-menu {
    width: 260px;
    will-change: auto;
    background-color: #f9f9f9;
    padding: 1rem 1.5em;
}

.leftside-menu .side-nav {
    padding-top: 1rem;
    padding-left: 0.5rem;
    list-style-type: none;
}

.leftside-menu .side-nav .side-nav-item {
    background-color: rgb(217, 217, 176)-;
    padding-bottom: 1.6rem;
}

.leftside-menu .side-nav .side-nav-link {
    color: #111 !important;
    font-weight: 600 !important;
    display: block;
    font-size: 1.1rem;
    position: relative;
    -webkit-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
    list-style: none;
}

.leftside-menu .side-nav .side-nav-link:hover,
.leftside-menu .side-nav .side-nav-link:focus,
.leftside-menu .side-nav .side-nav-link:active {
    color: #e74010 !important;
}

.leftside-menu .side-nav .side-nav-link span {
    vertical-align: middle;
}

.leftside-menu .side-nav .side-nav-link i {
    display: inline-block;
    line-height: 1.0625rem;
    margin: 0 10px 0 0;
    font-size: 1.15rem;
    vertical-align: middle;
    width: 20px;
}

.btn-toggle-nav a {
    display: inline-flex;
    padding: 0.5rem 0.6rem;
    margin-top: .125rem;
    font-size: 0.95rem !important;
    color: #212121 !important;
    text-decoration: none;
}

/* .btn-toggle-nav li:nth-child(4) a {
    padding: 0.5rem 0.6rem 0 !important;
}

.btn-toggle-nav li:nth-child(4) a:hover {
    padding: 0.5rem 0.6rem 0.6rem;
} */


.btn-toggle-nav a:hover,
.btn-toggle-nav a:focus {
    /* display: block; */
    background-color: #eee;
    color: #e74010 !important;
    -webkit-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}

.m-navi {
    display: none !important;
}

@media all and (max-width: 1200px) {
    .header {
        padding: 1.2rem 1rem 0;
    }

    .header h1 img {
        width: 300px !important;
    }

    .header h1 span {
        font-size: 1rem;
    }

    .header h1 span.bar {
        font-size: 0.9rem;
    }

    .m-navi {
        display: inline-block !important;
    }

    .navbar-toggler-m {
        padding: 0 !important;
        margin-top: -0.4rem;
    }

    .navbar-toggler-m i {
        display: inline-block;
        font-size: 1.3rem;
        color: #5d5d5d !important;
        margin-right: 0.5rem;
        margin-top: 0.4rem;
    }

    .navbar-toggler-m:focus {
        box-shadow: none;
    }

    .menu-m {
        width: 80% !important;
        background-color: rgba(255, 255, 255, 1);
    }

    .navi-wrap-m {
        width: 80%;
        margin: 1rem 0 0 2rem;
    }

    .navi-wrap-m li a,
    .navi-wrap-m li button {
        font-weight: 700;
        font-size: 1.1rem !important;
        color: #000;
        line-height: 1.6rem;
    }

    .navi-wrap-m .navi-m-sub {
        margin-bottom: 0.3rem !important
    }

    .navi-wrap-m .navi-m-sub li a {
        font-weight: normal !important;
        font-size: 1rem !important;
        color: #212121;
        line-height: 2.3rem;
    }

    .navi-wrap-m .navi-m-sub li a i {
        font-size: 0.7rem !important;
        color: #000 !important;
    }

    .dropdown-menu {
        position: static !important;
        width: 90%;
        margin-left: 0 !important;
        border: none !important;
        left: 0;
    }

    .dropdown-menu a:hover {
        color: #ef0000 !important;
        font-weight: 700 !important;
    }

    .dropdown-menu .dropdown-item {
        font-size: 1rem;
        font-weight: 500;
        text-align: left;
        color: #666 !important;
        line-height: 1.3rem !important;
        padding-left: 0 !important;
    }

    .dropdown-menu ul {
        margin-top: -0.7rem !important;
    }

    .btn-close {
        position: absolute;
        right: 1.7rem !important;
        top: 2rem !important;
        font-size: 1rem;
    }

    .txt-language li a {
        font-size: 1rem !important;
    }

    .txt-link {
        font-size: 0.9rem !important;
    }

    .i-ico {
        font-size: 0.9rem !important;
    }

    .gnb-log {
        position: relative;
        margin: 0.5rem 2rem 1.2rem;
    }

    .gnb-log li a {
        font-size: 0.85rem !important;
    }

    .hidden {
        display: none !important;
    }
}

@media all and (max-width: 1199px) {
    .navi-wrap-m li a {
        line-height: 2rem;
    }
}

.cont-box {
    margin: 5rem 0;
}

.main-tit {
    margin: 5rem 0 4rem;
    padding-bottom: 1.9rem;
    background: url('../images/common/bg-stle.gif') no-repeat center bottom;
    line-height: 1.3em;
    text-align: center;
    letter-spacing: -0.02em;
}

.main-tit h2 {
    color: #111;
    font-size: 2.5rem;
    font-weight: 700;
    text-transform: uppercase;
}

.main-tit p {
    color: #393939;
    font-size: 1.2rem;
    padding-top: 1rem;
}

@media all and (max-width: 991px) {
    .cont-box {
        margin: 3rem 0;
    }

    .main-tit {
        margin: 3rem 0 2rem;
        padding-bottom: 1rem;
    }

    .main-tit h2 {
        margin: 0;
        padding-bottom: 0;
        font-size: 1.4rem;
    }

    .main-tit p {
        font-size: 1rem;
        padding-top: 0.5rem;
    }
}

/* SEARCH BY NUMBER S */
.main-search-wrap {
    height: 50vh;
    margin-top: 4rem !important;
}

.main-search-wrap .w-one-third {
    width: 75%;
    margin: 0 auto;
}

.filter-wrap {
    position: relative;
    font-size: 1.7rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.filter-wrap button.btn-filter {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background: #fff;
    line-height: 0rem;
    border: 0 !important;
}

.filter-wrap button.btn-filter:hover {
    background: #ed6205;
}

.filter-wrap button.btn-filter i {
    display: inline-block;
    font-size: 1.6rem;
    line-height: 0rem;
    color: #e74010;
}

.filter-wrap button.btn-filter:hover i {
    color: #fff;
}

.filter-wrap button.btn-filter02 {
    line-height: 2.5rem;
    font-size: 0.9rem;
    font-weight: 600;
    border-radius: 1.5rem;
    background: #222 ;
    border: solid 1px #111;
    color: #fff !important;
}

.filter-wrap button.btn-filter02:hover {
    background: #424242;
    border: solid 1px #424242;
}

.filter-wrap button.btn-filter02:hover i {
    display: inline-block;
    font-size: 0.9rem;
    line-height: 0rem;
}

.filter-wrap button.btn-filter02:hover i {
    color: #fff;
}

.filter-wrap span {
    /* font-size: 1.1rem; */
    font-weight: 400;
}

.main-search-wrap .search-box {
    width: 100%;
    background: #e74010;
    border-radius: 0.2rem !important;
}

.filter-wrap .filter-box {
    z-index: 999 !important;
    width: 50%;
    top: 3.5rem !important;
    box-shadow: 0 0 30px rgba(188, 188, 188, 0.7) !important;
    padding: 1.5rem 0.3rem 1rem 2.5rem !important;
    box-sizing: border-box !important;
    border-radius: 0.2rem !important;
}

.filter-wrap .filter-w100 {
    width: 100% !important;
    top: 4.7rem !important;
    padding: 1.5rem 0.5rem 1.5rem 1.7rem !important;
}

.filter-wrap .filter-w100-2 {
    width: 100% !important;
    padding: 1.5rem 0.5rem 1.5rem 1.7rem !important;
    inset: auto 0 4rem 0 !important;
}

.filter-wrap .history-w100 {
    width: 80% !important;
    top: 4.7rem !important;
    padding: 2rem 1.7rem 1rem !important;
}

.filter-wrap .history-w100 i {
    font-size: 0.9rem;
}

.filter-wrap .filter-box h4 {
    display: inline-block;
    font-weight: 700;
    font-size: 1.1rem;
    padding-left: 0.2rem;
}

.filter-wrap .filter-box .txt-all {
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    color: #000 !important;
}

.filter-wrap .filter-box .txt-select {
    font-size: 0.9rem !important;
    font-weight: 600 !important;
}

.filter-wrap .filter-box .item-bg {
    background: #f9f9f9;
    padding: 0.7rem 2rem;
    border-radius: 0.3rem;
    margin: 0.3rem 0;
}

.filter-wrap .filter-box .item-bg02 {
    background: #f9f9f9;
    padding: 0.5rem 1rem 1rem 1.5rem;
    box-sizing: border-box;
    border-radius: 0.3rem;
    margin: 0.7rem 0;
}

.filter-wrap .filter-box .item-bg02 li a {
    font-size: 0.85rem;
    font-weight: 400;
    line-height: 0.9rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.filter-wrap .filter-box .item-bg span {
    font-size: 0.87rem !important;
    margin-right: 1rem;
}

.check-style-filter {
    float: none !important;
    width: 1.1rem;
    height: 1.1rem;
    min-height: 1.1rem !important;
    padding-left: 0 !important;
    margin-bottom: 0 !important;
    margin-right: 0.2rem !important;
    border: solid 1px #e74010;
}

.form-check-input {
    cursor:pointer !important;
}

.form-checkbox-filter .form-check-input:checked,
.form-checkbox-filter .form-check-input:checked {
    background-color: #ff5b5b;
    border-color: #ff5b5b
}

.form-checkbox-filter02 {
    display: inline-block !important;
    margin: 0.3rem 0;
}

.check-style-filter02 {
    float: none !important;
    width: 1rem;
    height: 1rem;
    min-height: 1rem !important;
    padding-left: 0 !important;
    margin-bottom: 0 !important;
    margin-right: 0.1rem !important;
    border: solid 1px #ccc;
    background-color: #ccc;
}

.form-checkbox-filter02 .form-check-input:checked,
.form-checkbox-filter02 .form-check-input:checked {
    background-color: #ff5b5b;
    border-color: #ff5b5b
}

.form-checkbox-filter .btn-search02, .form-checkbox-filter02 .btn-search02 {
    float: right;
    padding: 0 1.1rem;
    background: #ed6205;
    color: #fff;
    line-height: 2.2rem;
    font-size: 0.9rem;
    font-weight: 600;
    border-radius: 1.5rem;
    border: none;
}

.form-checkbox-filter .btn-search02 i, .form-checkbox-filter02 .btn-search02 i {
    color: #fff;
    font-size: 0.9rem;
}

.main-search-wrap .search-box .search-input {
    width: 90%;
    height: 5rem;
    line-height: 5rem;
    padding: 0 1.3rem;
    border: 0;
    font-size: 1.1rem;
    background: #e74010;
    color: #fff;
}

.main-search-wrap .search-box .search-input[type=text]::-ms-clear {
    display: none;
}

.main-search-wrap .search-box .search-input::placeholder {
    color: #fff;
    font-weight: 400;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.main-search-wrap .search-box .btn-search {
    padding: 0 1.5rem;
    background: #e74010;
}

.main-search-wrap .search-box .btn-search i {
    color: #fff;
    font-size: 1.8rem;
}

.main-search-wrap .multi-search {
    padding: 2.5rem 0 0;
}

.main-search-wrap .multi-search a.btn-vehicle {
    border: 1px solid #e74010;
    border-radius: 3rem;
    padding: 0.6rem 1.3rem;
    font-size: 1.1rem;
    font-weight: 600;
    color: #e74010;
    line-height: 1.5em;
}

.main-search-wrap .multi-search a.btn-vehicle i {
    display: inline-block;
    padding-right: 0.3rem;
    font-size: 0.9rem;
}

.main-search-wrap .multi-search a.btn-vehicle:hover {
    color: #fff;
    background: #e74010;
}

.multi-search-wrap textarea {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 300px;
    max-height: 18.5rem;
    min-height: 18.5rem;
    line-height: 2.1rem;
    padding: 1% 2%;
    border: solid 1px #ddd;
    box-sizing: border-box;
    border-radius: 0.19rem;
    font-size: 1rem;
    background: #fafafa;
    color: #e74010;
}

.multi-search-wrap textarea::placeholder {
    font-size: 1.2rem;
    color: #e74010;
    font-weight: 400;
}

.multi-search-wrap .tit-box h3 {
    font-size: 1.875rem;
    color: #e74010;
    font-weight: 600;
    padding-bottom: 0 !important;
}

.multi-search-wrap .tit-box p {
    font-size: 1.3rem;
    color: #000;
    padding: 1.3rem 0;
}

.multi-search-wrap h3 {
    font-size: 1.3rem;
    font-weight: 600;
    padding-bottom: 0.7rem;
}

@media all and (max-width: 1200px) {
    .main-search-wrap .w-one-third {
        width: 100%;
    }

    .filter-wrap .filter-box {
        position: absolute !important;
        top: 2.5rem !important;
        padding: 1.5rem 0.2rem 2rem 1rem !important;
        width: 100% !important;
        border: 1px solid #3a3a3a !important;
    }

    .filter-wrap .filter-w100-2 {
        width: 100% !important;
        padding: 1.5rem 0.5rem 1.5rem 1.7rem !important;
        inset: auto 0 4rem 0 !important;
    }

    .filter-wrap .filter-w100, .filter-wrap .history-w100  {
        top: 3rem !important;
    }

    .check-style-filter {
        width: 1.1rem;
        height: 1.1rem;
        min-height: 1.1rem !important;
    }

    .filter-wrap .filter-box .item-bg {
        padding: 0.5rem 2rem;
    }

    .filter-wrap .filter-box .item-bg span {
        font-size: 0.8rem !important;
    }
}

@media all and (max-width: 991px) {
    .main-search-wrap {
        height: 30vh;
        margin-top: 3rem !important;
    }

    .filter-wrap {
        font-size: 1.1rem;
    }

    .filter-wrap span {
        font-size: 0.85rem;
    }

    .filter-wrap button.btn-filter {
        width: 2rem;
        height: 2rem;
    }

    .filter-wrap i {
        font-size: 1.2rem;
    }

    .filter-wrap button.btn-filter i {
        font-size: 1.2rem;
    }

    .filter-wrap button.btn-filter02 {
        line-height: 2.35rem;
    }

    .filter-wrap button.btn-filter02:hover i {
        font-size: 1.2rem !important;
        line-height: 2.35rem;
    }

    .main-search-wrap .search-box .search-input {
        width: 78%;
        height: 3.5rem;
        line-height: 3.5rem;
        font-size: 0.95rem;
    }

    .main-search-wrap .search-box .btn-search {
        padding: 0 1.2rem;
    }

    .main-search-wrap .search-box .btn-search i {
        font-size: 1.4rem;
    }

    .multi-search-wrap textarea {
        height: 200px;
        max-height: 200px;
        min-height: 200px;
    }

    .multi-search-wrap textarea::placeholder {
        font-size: 1rem;
    }

    .multi-search-wrap .tit-box h3 {
        font-size: 1.2rem;
    }

    .multi-search-wrap .tit-box p {
        font-size: 0.9rem;
        padding: 0.5rem 0 1rem;
        line-height: 1rem;
    }

    .main-search-wrap .multi-search {
        padding: 1.7rem 0 0;
    }

    .main-search-wrap .multi-search a.btn-vehicle {
        padding: 0.4rem 1.2rem;
        font-size: 1rem;
        line-height: 1.3em;
    }

    .main-search-wrap .multi-search a.btn-vehicle i {
        font-size: 0.7rem;
    }

    .multi-search-wrap h3 {
        font-size: 1.2rem;
        padding-bottom: 0.7rem;
    }
}

/* SEARCH BY NUMBER E */

/* Search by application S */
.vehicle-select-wrap {
    padding: 2.7rem 0;
    border-top: solid 1px #333;
    border-bottom: solid 1px #ccc;
}

.vehicle-select-wrap .select-w {
    width: 90%;
    margin: 0 auto;
}

.vehicle-select-wrap select.input-vehicle-select {
    padding: 0 40px 0 15px;
    width: 95% !important;
    border-radius: 0.3rem;
    border: solid 1px #d5d5d5;
    height: 3.7rem;
    line-height: 3.7rem;
    background: #f5f5f5;
    font-size: 1rem;
    font-weight: 600;
    color: #444;
    cursor: pointer;
    /* background: url('../images/common/ico-arr-select-down.png') no-repeat; */
    background-position: right 15px center !important;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 100px !important;
    overflow-y: scroll;
    /* box-shadow: 0 0 0.6rem rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 0.6remx rgba(0,0,0,0.2);
    -ms-box-shadow: 0 0 0.6rem rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 0.6rem rgba(0,0,0,0.2);
    -o-box-shadow: 0 0 0.6rem rgba(0,0,0,0.2); */
}

.vehicle-select-wrap select.input-vehicle-select option {
    font-size: 0.9rem;
}

.vehicle-select-wrap div.on select.input-vehicle-select {
    border: solid 2px #e74010;
    height: 3.7rem;
    line-height: 3.7rem;
    background: #fff;
    font-weight: 700;
    color: #222;
    /* background: url('../images/common/ico-arr-select-up.png') no-repeat; */
}

 /* select2.css 클래스 그대로 사용 S */
.select2 {
    width: 95% !important;
}

.select2-container--default .select2-selection--single {
    width: 100% !important;
    padding: 0 1rem 0 0.7rem !important;
    box-sizing: border-box !important;
    border: solid 2px #e74010 !important;
    height: 3.7rem !important;
    background: #fff !important;
    font-weight: 700 !important;
    color: #222 !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #222 !important;
    line-height: 3.7rem !important;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 26px;
    margin-right: 20px;
    padding-right: 0px
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    width: 100% !important;
    border: solid 1px #d5d5d5 !important;
    background-color: #fff !important;
    cursor: default !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 3.7rem !important;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px !important;
    box-sizing: border-box !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #e74010 transparent transparent transparent !important;
    border-style: solid;
    border-width: 7px 6px 0 6px;
    border-radius: 0.15rem !important;
    height: 0;
    left: 50%;
    margin-left: -14px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #e74010 transparent !important;
    border-width: 0 6px 7px 6px !important;
}

.select2-search--dropdown {
    display: block;
    padding: 0.8rem !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    height: 45px !important;
    border-radius: 0.2rem !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
    border: 1px solid #c0c0c0 !important;
    outline: 0 !important;
}


.select2-container--default .select2-results__option--selected {
    background-color:#f1f1f1 !important;
    border-radius: 0.3rem !important;
    padding: 0.5rem !important;
    color: #444 !important;
}

.select2-container--default .select2-results__option--selected:hover {
    color: #f60 !important;
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto;
    padding: 0 0.8rem !important;
    box-sizing: border-box !important;
    font-size: 0.9rem !important;
}

/* join us/contact us 셀렉트박스에 사용할 예정.sel-none {
    width: 100% !important;
    line-height: 46px !important;
    padding: 0 1.3rem !important;
    border: solid 1px #ddd !important;
    box-sizing: border-box !important;
    border-radius: 0.2rem !important;
    font-size: 0.95rem !important;
    background: #f2f2f2 url('../images/common/bg-arr-select-black.png') no-repeat 97% center !important;
    color: #444 !important;
} */

 /* select2.css 클래스 그대로 사용 E */

.btn-reset {
    position: absolute;
    top: 1rem;
    padding: 0.3rem;
    font-size: 0.9rem;
    font-weight: 700;
    color: #999;
    text-transform: capitalize;
    line-height: 1em;
}

.btn-reset img {
    margin: 0 3px 3px 0;
}

.btn-reset:hover img {
    animation-name: img-rotate;
    -webkit-animation-name: img-rotate;
    -ms-animation-name: img-rotate;
    animation-duration: .5s;
    -webkit-animation-duration: .5s;
    -ms-animation-duration: .5s;
    animation-timing-function: ease-in;
    -webkit-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
}

@-webkit-keyframes img-rotate {
    0% {
        transform: rotate(0);
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
    }

    50% {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
    }

    100% {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
    }
}

@keyframes img-rotate {
    0% {
        transform: rotate(0);
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
    }

    50% {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
    }

    100% {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
    }
}

.vehicle-list-wrap .anchor-list {
    padding: 3rem 0 0.6rem;
}

.vehicle-list-wrap .anchor-list ul {
    overflow: hidden;
}

.vehicle-list-wrap .anchor-list li {
    float: left;
}

.vehicle-list-wrap .anchor-list li a {
    display: block;
    padding: 0.4rem 0.9rem 0.4rem 0;
    margin: 0 0.13rem;
    font-size: 0.9rem;
    font-weight: 700;
    color: #a5a5a5;
}

.vehicle-list-wrap .anchor-list li a:hover {
    color: #555;
}

.vehicle-list-wrap .anchor-list  li.on a {
    color: #e74010;
}

.vehicle-list-wrap .button-select-list {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    margin-top: 0.4rem;
    gap: 0.5rem 0.5rem;
}

.vehicle-list-wrap .button-select-list > div {
    padding: 0.5rem 1.3rem;
    border: solid 1px #d5d5d5;
    box-sizing: border-box;
}

.vehicle-list-wrap .button-select-list > div button {
    width: 100%;
    height: 2rem;
    line-height: 2rem;
    border: 0;
    background: #fff;
    font-weight: 600;
    font-size: 0.9rem;
    color: #444;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.vehicle-list-wrap .button-select-list > div:hover {
    border: solid 1px #e74010;
}

/* .vehicle-list-wrap .button-select-list > div button img {
    height: 2rem;
    padding-right: 0.3rem;
} */

.vehicle-list-wrap .prod-category {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 4.5rem;
    gap: 0.6rem 2.2rem;
}

.vehicle-list-wrap .prod-category .prod-list {
    padding: 1.9rem !important;
    border: solid 1px #ebebeb;
    background: #ebebeb;
    box-sizing: border-box;
    -webkit-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
}


.vehicle-list-wrap .prod-category .prod-list:hover {
    border: solid 1px #ccc;
    background: #fff;
}

.vehicle-list-wrap .prod-category .prod-list h3 {
    padding: 0 0 0.6rem 3rem;
    margin-bottom: 1.3rem;
    border-bottom: solid 1px #ccc;
    background-position: -0.6rem -0.6rem!important;
    line-height: 3rem;
}

.vehicle-list-wrap .prod-category .prod-list h3 a {
    font-size: 1rem;
    font-weight: 700;
    color: #111;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.vehicle-list-wrap .prod-category .prod-list h3.vehicle-section-000001 {
    background: url('../images/common/ico-support01-off.png') no-repeat;
}

.vehicle-list-wrap .prod-category .prod-list h3.vehicle-section-000002 {
    background: url('../images/common/ico-support04-off.png') no-repeat;
}

.vehicle-list-wrap .prod-category .prod-list h3.vehicle-section-000003 {
    background: url('../images/common/ico-support02-off.png') no-repeat;
}

.vehicle-list-wrap .prod-category .prod-list h3.vehicle-section-000004 {
    background: url('../images/common/ico-support03-off.png') no-repeat;
}

.vehicle-list-wrap .prod-category .prod-list h3.vehicle-section-000005 {
    background: url('../images/common/ico-support06-off.png') no-repeat;
}

.vehicle-list-wrap .prod-category .prod-list li {
    margin-bottom: 0.3rem;
}

.vehicle-list-wrap .prod-category .prod-list li a {
    padding-left: 0.9rem;
    background: url('../images/common/bu-list.png') no-repeat 3px center;
    font-size: 0.9rem;
    color: #222;
}

.vehicle-list-wrap .prod-category .prod-list li a:hover {
    text-decoration: underline !important;
}

.result-top {
    margin-bottom: 0.5rem;
}

.result-top .back-wrap {
    margin-top: 2.5rem;
}

.result-top .back-wrap-mt {
    margin-top: 2.3rem !important;
}

.result-top .back-wrap a {
    font-size: 0.9rem;
    font-weight: 600;
    color: #e74010;

}

.result-top .back-wrap a:hover {
    text-decoration: underline !important;
}

.result-top .back-wrap p {
    display: inline-block;
    padding-left: 0.9rem;
    box-sizing: border-box;
    margin-left: 0.85rem;
    background: url('../images/common/bg-gray-line.gif') no-repeat left center;
    font-size: 0.85rem;
    color: #444;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.result-top .btn-wrap {
    text-align: right;
}

.result-top .btn-wrap .btn-view-print,
.result-top .btn-wrap .btn-view-mypage {
    /* display: block-;
    line-height: 3rem;
    padding: 0 1.3rem 0 3rem;
    background-position: 1.3rem center !important;
    font-size: 0.9rem;
    font-weight: 600;
    border-radius: 1.5rem; */
    padding: 0 1.1rem 0 2.81rem;
    height: 2.6rem;
    line-height: 2.5rem;
    background-position: 1.3rem center !important;
    border-radius: 1.35rem;
    font-size: 0.9rem;
    font-weight: 600;
    margin-left: 0.3rem;
}

.result-top .btn-wrap .btn-view-print {
    background: url('../images/common/ico-print-black.png') no-repeat;
    border: solid 1px #111;
    color: #111;
}

.result-top .btn-wrap .btn-view-mypage {
    background: url('../images/common/ico-check-orange.png') no-repeat;
    border: solid 1px #e74010;
    color: #e74010;
}

.result-top .btn-wrap .btn-view-print:hover,
.result-top .btn-wrap .btn-view-mypage:hover {
    position: relative;
}

.result-top .btn-wrap .ok-checked {
    padding: 0.5rem !important;
}

.result-top .btn-wrap .vl-b {
    vertical-align: bottom !important;
}

.result-top .btn-layer {
    padding: 0 1.3rem 0 3rem;
    height: 2.6rem;
    line-height: 2.6rem;
    background-position: 1.3rem center !important;
    border-radius: 1.35rem;
    font-size: 0.9rem;
    color: #fff;
    text-transform: capitalize;
    /* margin-left: 0.3rem; */
}

.result-top .btn-layer[name="btn-filter"] {
    background: #222 url('../images/common/ico-filter-white.png') no-repeat;
}

.result-top .btn-layer[name="btn-history"] {
    background: #7c7c7c url('../images/common/ico-history-white.png') no-repeat;
}

.list-header {
    width: 100%;
    border-top: solid 1px #333;
    border-bottom: solid 1px #ccc;
    padding: 1.3rem 0;
    background: #fbe3db;
}

.list-header > div {
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.375rem;
    color: #111;
}

.list-product-body > div:hover {
    background: #f9f9f9;
}

.list-product-body > div {
    border-bottom: solid 1px #ccc;
}

.list-product-body > div > div {
    box-sizing: border-box;
    padding: 0.5rem 0.3rem;
}

.list-product-body > div > div a {
    display: block;
}

.list-product-body > div > div:nth-of-type(1) a {
    font-size: 1rem;
    font-weight: 600;
    color: #e74010;
}

.list-product-body > div > div:nth-of-type(2) img {
    max-width: 100px;
}

.list-product-body > div > div:nth-of-type(3) a {
    font-size: 0.9rem;
    font-weight: 600;
    color: #222;
}

.list-product-body > div > div:nth-of-type(4) {
    font-size: 0.9rem;
    color: #222;
    line-height: 1.7em;
}

.list-product-body .btn-view-layer {
    background: #333 !important;
    border-radius: 0.2rem !important;
    font-size: 0.9rem;
    color: #fff;
    height: 30px;
    padding: 0. 0.5rem !important;
    line-height: 0.9rem;
}

.list-product-body .view-layer-box {
    left: 4.0rem !important;
    width: 300px !important;
    box-shadow: 0 0 20px rgba(188, 188, 188, 0.7) !important;
}

.list-product-body .view-layer-box table {
    border: 1px solid rgb(223, 223, 223);
}

.check-style-mypage {
    float: none !important;
    width: 1.5rem;
    height: 1.5rem;
    min-height: 1.5rem !important;
    padding-left: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    border: solid 1px #e74010;
}

.form-checkbox-mypage .form-check-input:checked,
.form-checkbox-mypage .form-check-input:checked {
    background-color: #ff5b5b;
    border-color: #ff5b5b
}

.ok-checked {
    display: inline-block;
    text-align: center;
}

.ok-checked:after {
    clear: both;
    display: block;
    content: "";
}

.ok-checked p {
    display: inline-block;
    float: left;
    line-height: 1.375rem;
    padding-left: 0.9rem;
    background: url('../images/common/ico-check-orange.png') no-repeat;
    background-position: left top;
    font-weight: 700;
    font-size: 0.9rem;
    color: #e74010;
}

.ok-checked a {
    float: left;
    line-height: 1.375rem;
    margin-left: 0.6rem;
    font-weight: 600;
    font-size: 0.8rem;
    color: #999;
    text-decoration: underline !important;
    text-transform: uppercase;
}

.results-view {
    position: relative;
    padding: 10.6rem 60px 50px;
    border: solid 1px #ccc;
    box-sizing: border-box;
    margin-top: 3rem;
}

.results-view .prod-view-tit {
    position: absolute;
    left: 50%;
    top: -1.3rem;
    width: 350px;
    padding: 2.5rem 0;
    background: #e74011;
    text-align: center;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
}

.results-view .prod-view-tit p {
    font-size: 0.9rem;
    color: #fff;
}

.results-view .prod-view-tit h3 {
    padding-top: 0.3rem;
    font-size: 1.9rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.2em;
}

.results-view .prod-view-con .con-tit {
    position: relative;
    padding-bottom: 0.9rem;
    margin-bottom: 2.5rem;
    border-bottom: solid 1px #111;
}

.results-view .prod-view-con .con-tit h3 {
    font-size: 1.07rem;
    font-weight: 700;
    color: #111;
    line-height: 1.8rem !important;
}

.product-slide {
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 0 !important;
    box-sizing: border-box;
}

.product-slide .swiper-slide {
    text-align: center;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.product-slide .swiper-slide img {
    display: block;
    max-width: 100%;
}

.thumb-slide {
    box-sizing: border-box;
    padding: 0 0;
    text-align: center !important;
}

.thumb-slide .swiper-slide {
    width: 85px !important;
    height: 85px !important;
    text-align: center !important;
    opacity: 0.7;
    margin: 5px;
    border: solid 1px #ccc;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.thumb-slide .swiper-slide img {
    display: block;
    max-width: 95%;
}

.thumb-slide .swiper-slide-thumb-active {
    opacity: 1;
}

@media all and (min-width: 1291px) and (max-width: 1347px) {
    .result-top .btn-wrap .btn-view-print,
    .result-top .btn-wrap .btn-view-mypage {
        padding: 0 1rem 0 2.6rem;
        height: 2.35rem;
        line-height: 2.3rem;
        background-position: 1.1rem center !important;
        font-size: 0.9rem;
        font-weight: 600;
        margin-top: 0.3em !important;
        margin-left: 0 !important;
    }
}

@media all and (min-width: 768px) and (max-width: 1290px) {
    .col-md-8-t, .col-md-4-t {
        width: 100%;
    }

    .al-left-t {
        text-align: left !important;
    }

    .result-top .back-wrap p {
        margin-bottom: 0rem;
    }

    .result-top .btn-wrap .btn-view-print,
    .result-top .btn-wrap .btn-view-mypage {
        margin-left: 0 !important;
    }

    .result-top .back-wrap-mt {
        margin-top: 0rem !important;
    }
}

@media all and (min-width: 768px) and (max-width: 990px) {
    .result-top .btn-wrap {
        /* text-align: right !important; */
        padding: 0 !important;
    }

    .al-right-t {
        text-align: right !important;
    }

}

@media all and (max-width: 1200px) {
    .list-product-body .view-layer-box {
        position: absolute !important;
        min-width: 100% !important;
    }
}

@media all and (max-width: 991px) {
    .vehicle-select-wrap .select-w {
        width: 100%;
    }

    .vehicle-select-wrap {
        padding: 1.5rem 0 2.7rem;
    }

    .vehicle-select-wrap select.input-vehicle-select {
        width: 100%;
        height: 3rem;
        line-height: 3rem;
        margin-bottom: 0.5rem;
    }

    .vehicle-select-wrap div.on select.input-vehicle-select {
        height: 3rem;
        line-height: 3rem;
    }

    .select2 {
        width: 100% !important;
    }

    .select2-container--default .select2-selection--single {
        border: solid 1px #e74010 !important;
        height: 3rem !important;
        margin-bottom: 0.5rem;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 3rem !important;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 3rem !important;
    }

    .btn-reset {
        top: 0.5rem;
        right: 0;
    }

    .vehicle-list-wrap .anchor-list li a {
        padding: 0.3rem 0.9rem 0.3rem 0;
    }

    .vehicle-list-wrap .button-select-list {
        grid-template-columns: repeat(1, 1fr);
    }

    .vehicle-list-wrap .button-select-list > div {
        padding: 0.3rem 1rem;
    }

    .vehicle-list-wrap .prod-category {
        margin-top: 0rem;
        grid-template-columns: repeat(1, 1fr);
    }

    .list-header {
        padding: 0.3rem 0;
    }

    .list-header > div > div:nth-of-type(1),
    .list-header > div > div:nth-of-type(2),
    .list-header > div > div:nth-of-type(3) {
        display: none;
    }

    .list-header > div > div:nth-of-type(4) {
        width: 70%;
        line-height: 2.7rem;
    }

    .list-header > div > div:nth-of-type(5) {
        width: 30%;
        font-size: 0.75rem;
    }

    .list-product-body > div > div {
        display: inline-block;
        padding: 0;
    }

    .list-product-body > div > div:nth-of-type(1) {
        width: 45%;
        text-align: left !important;
        padding-left: 1rem;
    }

    .list-product-body > div > div:nth-of-type(2) {
        width: 25%;
        margin-left: 28%;
        margin-top: 2%;
    }

    .list-product-body > div > div:nth-of-type(2) img {
        max-width: 70px;
        margin-top: 0.5rem;
    }

    .list-product-body > div > div:nth-of-type(3) {
        width: 70%;
        margin-right: 30%;
        text-align: left !important;
        padding-left: 1rem;
    }

    .list-product-body > div > div:nth-of-type(4) {
        width: 70%;
        text-align: left !important;
        padding: 0.5rem 0 0.5rem 1rem;
        line-height: 1.3rem;
    }

    .list-product-body > div > div:nth-of-type(5) {
        width: 30%;
    }

    .result-top .back-wrap {
        margin-top: 0rem;
    }

    .result-top .back-wrap-mt {
    margin-top: 0rem !important;
    }

    .result-top .back-wrap p {
        display: block;
        padding-left: 0;
        margin-left: 0;
        margin-bottom: 0.5rem;
        background: none;
        width: 100%;
        white-space: normal;
        font-size: 0.8rem;
    }

    .result-top .btn-wrap {
        /* text-align: left; */
        padding: 0 !important;
    }

    .result-top .btn-layer {
        padding: 0 1.1rem 0 2.3rem;
        height: 2.2rem;
        line-height: 2.2rem;
        background-position: 1rem center !important;
        margin-top: 0.5rem;
    }

    .result-top .btn-wrap .btn-view-print,
    .result-top .btn-wrap .btn-view-mypage {
        padding: 0 1.2rem 0 2.5rem;
        height: 2.3rem;
        line-height: 2.3rem;
        background-position: 1.1rem center !important;
        font-size: 0.9rem;
        font-weight: 600;
        margin-bottom: 1rem;
        margin-left: 0 !important;
        margin-top: 0.5rem;
    }

    /* .result-top .btn-wrap .btn-view-print {
        display: none;
    } */

    .results-view {
        position: relative;
        padding: 10.6rem 0 0;
        border: none;
        border-top: solid 1px #ccc;
        margin-top: 2rem;
    }

    .results-view .prod-view-tit {
        width: 80%;
        padding: 1.5rem 0;
    }

    .results-view .prod-view-con .con-tit img {
        width: 20px
    }

    .prod-view-con {
        margin-top: -2.5rem
    }

    .results-view .prod-view-con .con-tit {
        padding-bottom: 0.5rem;
        margin-bottom: 1.5rem;
    }

    .offset-1-m {
        margin-left: 0% !important;
    }

    .check-style-mypage {
        float: none !important;
        width: 1.3rem;
        height: 1.3rem;
        min-height: 1.3rem !important;
    }
}

@media all and (max-width: 991px) {
        .result-top .btn-wrap {
        text-align: left;
        padding: 0 !important;
    }
}

/* Search by application E */

/* Search by 제품 그룹 S */
.group-wrap h3 {
    font-size: 1.3rem;
    font-weight: 600;
    padding-bottom: 0.7rem;
}

.group-wrap .group-bg {
    border-top: 1px solid #222;
    border-bottom: solid 1px #eaeaea;
    background: #fafafa;
}

.group-wrap .group-bg hr {
    border-bottom: solid 1px #eaeaea !important;
    border-top: none !important;
    opacity: 1;
    margin: 0 !important;
    padding: 0 !important;
}

.group-wrap .group-box {
    padding: 1.7rem;
}

.group-wrap .group-box h4 {
    font-size: 1.1rem;
    color: #e74010;
    font-weight: 600;
    padding: 0 0 0.5rem 0.3rem;
}

/* .group-wrap .group-list {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    margin-top: 0.4rem;
    gap: 0.5rem 0.5rem;
} */

.group-wrap .group-list > div {
    padding: 0.5rem 0.8rem 0.5rem 1.1rem;
    border: solid 1px #d5d5d5;
    box-sizing: border-box;
    background: #fff;
    width: 19.5%;
    margin: 0.25%;
    float: left;
}

.group-wrap .group-list> div button {
    position: relative;
    width: 100%;
    height: 2rem;
    line-height: 2rem;
    border: 0;
    background: #fff;
    font-weight: 600;
    font-size: 0.9rem;
    color: #444;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    letter-spacing: -0.035em;
}

.group-wrap .group-list > div:hover {
    border: solid 1px #e74010;
}

.group-wrap .group-list> div button i {
    position: absolute;
    right: 0rem;
    font-size: 1rem;
    color: #e74010;
}

.group-wrap .group-list li:hover button i {
    color: #fff;
}

.download-modal {
    max-width: 650px !important
}

.download-modal h5 {
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: -0.05em;
}

.download-modal label {
    width: 100% !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
    color: #444 !important;
}

.download-modal .input-text {
    width: 100%;
    height: 46px;
    line-height: 46px;
    padding: 0 5%;
    border: solid 1px #ddd;
    box-sizing: border-box;
    border-radius: 0.2rem;
    font-size: 0.9rem;
    background: #f2f2f2;
    color: #444;
}

.download-modal .input-select {
    width: 100%;
    height: 46px;
    line-height: 46px;
    padding: 0 1.3rem;
    border: solid 1px #ddd;
    box-sizing: border-box;
    border-radius: 0.2rem;
    font-size: 0.95rem;
    background: #f2f2f2 url('../images/common/bg-arr-select-black.png') no-repeat 97% center;
    color: #444;
}

@media all and (min-width: 1201px) and (max-width: 1400px) {
    /* .group-wrap .group-list {
        grid-template-columns: repeat(5, 1fr);
    } */
}

@media all and (min-width: 992px) and (max-width: 1750px) {
    /* .group-wrap .group-list {
        grid-template-columns: repeat(4, 1fr);
    } */

    .group-wrap .group-list > div {
        width: 32.3%;
        margin: 0.5%;
    }
}

@media all and (max-width: 991px) {
    .group-wrap h3 {
        font-size: 1.2rem;
        padding-bottom: 0.7rem;
    }

    .group-wrap .group-box {
        padding: 1.5rem 1rem;
    }

    .group-wrap .group-box h4 {
        font-size: 1rem;
    }

    /* .group-wrap .group-list {
        grid-template-columns: repeat(2, 1fr);
    } */

    .group-wrap .group-list > div {
        padding: 0.3rem 0.5rem 0.3rem 0.7rem;
        width: 99%;
        margin: 0.5%;
    }

    .group-wrap .group-list> div button {
        font-size: 0.9rem;
    }

    .group-wrap .group-list> div button i {
        font-size: 0.8rem;
    }

    .download-modal h5 {
        font-size: 1.1rem;
    }

    .download-modal-tip {
        font-size: 0.9rem;
        line-height: 1.1rem;
    }
}

/* Search by 제품 그룹 E */

/* Search by Product size S*/
.size-wrap {
    width: 100%;
    margin: 0 auto;
}

.size-wrap .size-cont {
    border-top: solid 1px #222;
    border-bottom: solid 1px #dbdbdb;
}

.size-wrap p.note {
    font-size: 0.95rem;
    padding-bottom: 0.5rem;
}

.size-wrap .size-cont h3 {
    font-size: 1.1rem;
    font-weight: 600;
    padding: 0.8rem;
    background: #f7f7f7;
}

.size-wrap .size-cont .size-form {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.size-wrap .size-cont .size-form .input-text {
    width: 94%;
    height: 2.7rem;
    line-height: 2.7rem;
    padding: 0 2%;
    margin: 0 3%;
    border: solid 1px #ddd;
    box-sizing: border-box;
    border-radius: 3px;
    font-size: 0.9rem;
    background: #f2f2f2;
    color: #444;
}

.size-wrap .size-cont .size-form .tit-label {
    padding-left: 1rem;
    box-sizing: border-box;
    color: #E74010;
    font-weight: 700;
    font-size: 1rem;
    line-height: 2rem;
}

.size-wrap select.size-select {
    padding: 0 40px 0 15px;
    width: 90%;
    border-radius: 0.3rem;
    border: solid 1px #d5d5d5;
    height: 3.7rem;
    line-height: 3.7rem;
    background: #f5f5f5;
    font-size: 1rem;
    font-weight: 600;
    color: #444;
    cursor: pointer;
    background: url('../images/common/ico-arr-select-down.png') no-repeat;
    background-position: right 15px center !important;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 100px !important;
    overflow-y: scroll;
}

.size-wrap .product-img {
    padding: 1rem 0;
    text-align: center !important;
}

.size-wrap .product-img img {
    width: 100%;
}

@media all and (max-width: 991px) {
    .size-wrap {
        width: 100%;
    }

    .size-wrap .size-cont {
        margin-top: 0.7rem;
    }

    .size-wrap .size-cont h3 {
        font-size: 1rem;
    }

    .size-wrap p.note {
        font-size: 0.9rem;
        padding: 1.3rem 0 0;
    }


    .size-wrap .size-cont .size-form {
        margin-top: 0.3rem !important;
        margin-bottom: 1.5rem !important;
    }

    .size-wrap .size-cont .size-form .input-text {
        height: 2.5rem;
        line-height: 2.5rem;
        margin-bottom: 0.5rem;
    }

    .size-wrap .size-cont .size-form .tit-label {
        padding-left: 0.5rem;
        font-size: 0.95rem;
        line-height: 1.2rem;
    }

    .size-wrap select.size-select {
        width: 100%;
        height: 3.3rem;
        line-height: 3.3rem;
    }
}

/* Search by Product size E*/


/* Support Zone S*/
.sub-navi .flex {
    display: flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -o-flex-flow: row wrap;
}

.sub-navi .list-depth1, .sub-navi .list-depth2 {
    margin: 0 auto;
    justify-content: center;
}

.sub-navi .list-depth1 li {
    float: left-;
    background: #eee;
    border-radius: 5rem !important;
    margin: 0 0.3rem 0.5rem;
}

.sub-navi .list-depth2 li {
    float: left-;
    background: #eee;
    border-radius: 5rem;
    margin: 0 0.3rem 0.5rem;
}

.sub-navi .list-depth1 li a {
    display: block;
    padding: 0.6rem 1.8rem;
    background: #fff;
    border: solid 1px #272727;
    border-radius: 6rem;
    font-size: 1.1rem;
    font-weight: 700;
    color: #272727;
    text-transform: uppercase;
}

.sub-navi .list-depth2 {
    margin-top: 1rem;
}

.sub-navi .list-depth2 li a {
    display: block;
    padding: 0.4rem 1.3rem;
    background: #F5F5F5;
    border-radius: 5rem;
    font-size: 0.9rem;
    font-weight: 500;
    color: #a9a9a9;
    font-weight: 600;
    text-transform: uppercase;
}

/* .sub-navi .list-depth1 li.on a,
.sub-navi .list-depth1 li a:hover {
    background: #272727;
    color: #fff;
} */

.list-depth1 li a.active,
.nav-item.show .nav-link {
    background: #272727;
    color: #fff;
}

.sub-navi .list-depth2 li.on a,
.sub-navi .list-depth2 li a:hover {
    background: #e74010;
    color: #fff;
}

@media screen and (max-width: 767px) {
	/* html { font-size: 75% !important;} */

    .sub-navi {
        margin: 2rem auto;
    }

    .sub-navi .list-depth1 li a {
        line-height: 3.2rem;
    }

    .sub-navi .list-depth1 li a:before {
        right: 18px;
    }
}

.support-wrap {
    margin-top: 3rem;
}

.support-wrap .spt-box {
    padding: 3rem 3.75rem;
    margin-bottom: 1.3rem;
    border: solid 1px #ccc;
    box-sizing: border-box;
}

.support-wrap .spt-box .pdc-name {
    display: inline-block;
    padding: 0.9rem 1.3rem;
    font-size: 1.1rem;
    font-weight: 700;
    background: #e74010;
    color: #fff;
    border-radius: 0.1rem;
    margin-bottom: 1.6rem;
}

.support-wrap .spt-box .spt-h3 {
    display: inline-block;
    margin-bottom: 1.6rem;
    padding: 0.6rem 1.3rem 0.7rem 1.6rem;
    font-size: 1.1rem;
    font-weight: 700;
    background: #272727 url('../images/common/bg-search.gif') no-repeat left bottom;
    background-size: 4px;
    color: #fff;
}

.support-wrap .spt-box .spt-h4 {
    margin-bottom: 0.65rem;
    padding-left: 1.3rem;
    font-size: 1.1rem;
    font-weight: 700;
    color: #e74010;
    background: url('../images/common/tit-h4.png') no-repeat 0 6px;
}

.support-wrap .spt-box .spt-h5 {
    margin: 1.3rem 0 0.6rem;
    padding-left: 1.3rem;
    font-size: 1.1rem;
    font-weight: 700;
    color: #000;
    background: url('../images/common/tit-h5.png') no-repeat;
    background-position: left 8px;
}

.support-wrap .spt-box p.spt-mb {
    margin-bottom: 2.8rem;
}

.support-wrap .spt-box .spt-mt {
    margin-top: 4.5rem;
}

.support-wrap .spt-box .p-default-spt {
    font-size: 0.9rem;
    color: #222;
    line-height: 1.8em;
}

.support-wrap .spt-box ul {
    margin-bottom: 3rem;
}

.support-wrap .spt-box ul.s-list {
    margin-bottom: 1rem;
}

.support-wrap .spt-box ul:last-child {
    margin-bottom: 0rem !important;
}

.support-wrap .spt-box ul.bu-list-spt > li {
    padding-left: 1.3rem;
    margin-bottom: 0.3rem;
    font-size: 0.95rem;
    color: #222;
    background: url('../images/common/bu-list2.gif') no-repeat;
    background-position: 4px 11px;
}

.support-wrap .spt-box .img-box {
    padding-right: 5%;
    box-sizing: border-box;
    text-align: center;
}

.support-wrap .spt-box .border-light-gray {
    padding: 25px 0;
    border-bottom: dotted 1px #ccc;
}

.spt-wrap .spt-pdc-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 1.9rem;
    gap: 4rem 2.8rem;
}

.support-wrap .spt-box .guide-gray-box {
    width: 1000px;
    padding: 1.9rem 3rem;
    margin: 3rem auto;
    border-radius: 10px;
    background: #f5f5f5;
    box-sizing: border-box;
}

.spt-wrap .spt-pdc-list .img-box {
    text-align: center;
}

.spt-wrap .spt-pdc-list .img-box  img {
    max-width: 100%;
}

.support-wrap .spt-box .dl-list-spt dt {
    margin: 1.3rem 0 0.3rem;
    padding-left: 1.3rem;
    font-size: 1.1rem;
    font-weight: 700;
    color: #000;
    background: url('../images/common/tit-h5.png') no-repeat;
    background-position: left 10px;
}

.support-wrap .spt-box .dl-list-spt dd {
    padding-left: 1.3rem;
    margin-bottom: 0.3rem;
    font-size: 0.95rem;
    color: #222;
    background: url('../images/common/bu-list2.gif') no-repeat;
    background-position: 4px 11px;
}

.support-wrap .spt-box .w-1000 {
    width: 1000px;
    margin: 0 auto;
}

@media all and (max-width: 767px) {
    .spt-wrap .spt-pdc-list {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Support Zone E*/

/* Mypage S*/
.input-text-mp {
    width: 70%;
    height: 36px;
    line-height: 2.25rem;
    padding: 0 1rem;
    border: solid 1px #d5d5d5;
    border-radius: 0.2rem;
    background: #f5f5f5;
    box-sizing: border-box;
    font-size: 0.87rem;
    color: #333;
    text-align: center;
}

.mypage-wrap .flex {
    display: flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -o-flex-flow: row wrap;
}

.mypage-wrap .list-tab {
    margin: 0 auto 2.5rem;
    justify-content: center;
}

.mypage-wrap .list-tab li {
    margin: 0 3px;
    text-align: center-;
}

.mypage-wrap .list-tab li a {
    display: block;
    padding: 0.5rem 1rem;
    background: #fff;
    border: solid 1px #e74010;
    border-radius: 0.2rem;
    font-size: 0.94rem;
    font-weight: 500;
    color: #e74010;
    text-transform: uppercase;
}

.mypage-wrap .list-tab li.on a,
.mypage-wrap .list-tab li a:hover {
    background: #e74010;
    color: #fff;
}

.mypage-wrap .btn-view {
    background: #fff;
    border: 1px solid #707070;
    font-size: 0.85rem;
    color: #333;
    padding: 0 0.6rem 0.1rem !important;
    margin-top: 0.15rem;
}

.mypage-wrap .btn-view:hover {
    background: #333;
    border: 1px solid #333;
    color: #fff;
}

.history-modal {
    max-width: 650px !important
}

.history-modal .h-450 {
    height: 450px !important
}

.history-modal h5 {
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: -0.05em;
}

@media all and (max-width: 991px) {
    .mypage-wrap .list-tab {
        margin: 0 auto 1.5rem;
        justify-content: center;
    }

    .mypage-wrap .list-tab li {
        margin: 0 0.15rem;
        text-align: center-;
    }

    .mypage-wrap .list-tab li a {
        padding: 0.5rem 0.6rem;
        font-size: 0.8rem;
    }

    .mypage-wrap .text-cen-m {
        text-align: center !important;
    }
}

@media all and (max-width: 767px) {
    .modal-body-m {
        padding: 0 1rem!important;
    }

    .py-m-modal {
        padding: 0.7rem !important;
    }

    .history-modal {
        max-width: 90% !important;
        margin: 0 auto;
    }

    .history-modal .h-450  {
        height: 380px !important
    }

    .history-modal h5 {
        font-size: 1.1rem;
    }
}



/* Mypage E*/

/* Login S */
.login-box {
    width: 700px;
    margin: 0 auto;
}

.login-box fieldset {
    padding: 3rem 3.5rem;
    border: solid 1px #ccc;
    box-sizing: border-box;
    border-radius: 0.5rem;
}

.login-box label {
    width: 100% !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
    color: #444 !important;
}

.login-box label.tit-find {
    text-align: left !important;
    font-size: 1.15rem !important;
    font-weight: 400;
    padding-bottom: 1rem !important;
}

.login-box .input-text {
    width: 100%;
    height: 46px;
    line-height: 46px;
    padding: 0 5%;
    border: solid 1px #ddd;
    box-sizing: border-box;
    border-radius: 0.2rem;
    font-size: 0.9rem;
    background: #f2f2f2;
    color: #444;
}

input[type="submit"].btn-submit,
button.btn-submit {
    cursor: pointer;
    display: block;
    margin: 1.3rem auto 0;
    width: 300px;
    height: 60px;
    line-height: 60px;
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    border-radius: 1.9rem;
    border: 0;
    background: #e74010 url('../images/common//bg-arr-submit.png') no-repeat;
    background-position: right 1.9rem center;
    text-transform: uppercase;
    text-align: center;
}

.member-link {
    margin: 3rem auto 0;
}

.member-link div {
    width: 36%;
    text-align: center;
}

.member-link div:first-child {
    width: 28% !important;
    text-align: left !important;
}

.member-link div:last-child {
    text-align: right !important;
}

.member-link > div a {
    display: block;
    font-weight: 600;
    font-size: 1.05rem;
    color: #444;
    text-decoration: underline !important;
}

.member-link > div a:hover {
    color: #e74010;
}

.form-wrap {
    width: 950px;
    margin: 0 auto;
}

.form-wrap fieldset {
    border-top: solid 1px #333;
}

.form-wrap .p-required {
    margin-top: -1.875rem;
    padding-bottom: 0.6rem;
    font-size: 0.95rem;
    color: #444;
    text-align: right;
}

.form-wrap .tit-label {
     font-weight: 700;
     font-size: 0.95rem;
     color: #444;
     text-align: center;
     line-height: 1.9rem !important;
}

.form-wrap .required-mark {
    display: inline-block;
    margin-left: 0.2rem;
    font-weight: 700;
    font-size: 0.9rem !important;
    color: #d71617 !important;
}

.form-wrap .bg-input {
    width: 100%;
    height: 46px;
    line-height: 46px;
    padding: 0 2%;
    border: solid 1px #ddd;
    box-sizing: border-box;
    border-radius: 0.2rem;
    font-size: 0.95rem;
    background: #f2f2f2;
    color: #444;
}

.form-wrap .w-80 {
    width: 78% !important;
    float: left !important;
}

.form-wrap .input-select {
    width: 100%;
    height: 46px;
    line-height: 46px;
    padding: 0 1.3rem;
    border: solid 1px #ddd;
    box-sizing: border-box;
    border-radius: 0.2rem;
    font-size: 0.95rem;
    background: #f2f2f2 url('../images/common/bg-arr-select-black.png') no-repeat 97% center;
    color: #444;
}

.form-wrap .input-textarea {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 200px;
    max-height: 200px;
    min-height: 200px;
    line-height: 26px;
    padding: 1% 2%;
    border: solid 1px #ddd;
    box-sizing: border-box;
    border-radius: 0.2rem;
    font-size: 0.95rem;
    background: #f2f2f2;
    color: #444;
}

.form-wrap .bg-hr {
    border-bottom: solid 1px #dbdbdb;
}

.form-wrap .btn-duplicate {
    padding: 0 1rem 0 1rem;
    height: 2.8rem;
    line-height: 2.8rem;
    background: #222;
    border-radius: 0.2rem;
    font-size: 0.9rem;
    color: #fff;
    text-transform: capitalize;
    margin-left: 0.5rem;
}

.form-wrap .btn-duplicate i {
    color: #fff !important;
    font-size: 1rem !important;
}

.form-wrap .mail-detail {
    text-align: right;
}

.form-wrap .mail-detail a {
    color: #d71617;
    text-decoration: underline !important;
}

.terms-wrap {
    width: 100%;
    margin: 1rem 0 0;
}

.terms-wrap li {
    font-size: 1.1rem;
    padding: 0.7rem 1.5rem !important;
}

.terms-wrap li.bg-accept {
    background: #f5f5f5;
    border-radius: 0.5rem;
    margin-bottom: 0.7rem;
    padding: 1rem 1.5rem !important;
}

.check-style-terms {
    float: none !important;
    width: 1.3rem;
    height: 1.3rem;
    min-height: 1.3rem !important;
    padding-left: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-top: 0.16rem !important;
    border: solid 1px #e74010;
}

.form-checkbox-terms .form-check-input:checked,
.form-checkbox-terms .form-check-input:checked {
    background-color: #ff5b5b;
    border-color: #ff5b5b
}

.modify-wrap {
    width: 650px;
    margin: 0 auto !important;
    padding: 3rem 2rem;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 0.5rem;
    font-size: 1.3rem;
    text-align: center;
}

.modify-wrap p {
    margin-bottom: 2rem;
}

@media all and (max-width: 1320px) {
    .form-wrap {
        width: 100%;
    }
}

@media all and (min-width: 991px) and (max-width: 1050px) {
    .form-wrap .w-80 {
        width: 70% !important;
    }
}

@media all and (min-width: 831px) and (max-width: 990px) {
    .form-wrap .w-80 {
        width: 74% !important;
    }
}

@media all and (min-width: 768px) and (max-width: 830px) {
    .form-wrap .w-80 {
        width: 70% !important;
    }
}

@media all and (max-width: 991px) {
    .login-box {
        width: 90%;
    }

    .login-box fieldset {
        padding: 0rem 0rem;
        border: none;
    }

    input[type="button"].btn-submit,
    button.btn-submit {
        margin: 0.5rem auto 0;
        width: 100%;
        height: 3rem;
        line-height: 3rem;
        font-size: 1rem;
        background-size: 10px
    }

    .member-link {
        margin: 2rem auto 0;
    }

    .form-wrap .required-mark {
        font-size: 0.6rem !important;
    }

    .form-wrap .tit-label {
        font-size: 0.9rem;
        text-align: left;
   }

   .form-wrap .bg-input {
        height: 2.5rem;
        height: 2.5rem;
        font-size: 0.9rem;
    }

    .form-wrap .input-select {
        height: 2.5rem;
        line-height: 2.5rem;
        font-size: 0.8rem;
    }

    .form-wrap .btn-duplicate {
        padding: 0 0.8rem 0 0.8rem;
        height: 2.5rem;
        line-height: 2.2rem;
        font-size: 0.9rem;
    }

    .terms-wrap {
        width: 95%;
        padding: 1rem 0 0;
        border: none !important;
    }

    .terms-wrap ul {
        margin-bottom: 1rem;
    }

    .terms-wrap li {
        font-size: 0.9rem;
        padding: 0.5rem 0.7rem !important;
    }

    .terms-wrap li.bg-accept {
        margin-bottom: 0.2rem;
        padding: 0.5rem 0.7rem !important;
    }

    .check-style-terms {
        width: 1.2rem;
        height: 1.2rem;
        min-height: 1.2rem !important;
    }

    .modify-wrap {
        width: 95%;
        padding: 2rem;
        border: none;
        font-size: 1.1rem;
    }

    .modify-wrap p {
        margin-bottom: 1rem;
    }
}

@media all and (max-width: 767px) {
    .member-link div {
        width: 100% !important;
        margin: 0.3rem 0;
    }

    .member-link div:first-child {
        width: 100% !important;
        text-align: center !important;
    }

    .member-link div:last-child {
        text-align: center !important;
    }

    .form-wrap .w-80 {
        width: 58% !important;
    }

    .form-wrap .mail-guide {
        font-size: 0.9rem;
    }

    .form-wrap .mail-detail {
        text-align: left;
        padding-top: 0.2rem;
    }
}

/* Login E */

/* Buttons S */
.btn-box {
    text-align: left;
    padding: 1.3rem 0 1.0rem 0;
}

.btn-box a, .btn-box button {
    display: inline-block !important;
    padding: 0 1.8rem;
}

.btn-box i {
    display: inline-block;
    margin-right: 5px;
}

.btn-box .btn-download,
.btn-box .btn-search,
.btn-box .btn-back,
.btn-box .btn-delete,
.btn-box .btn-file ,
.btn-box .btn-page {
    display: block;
    line-height: 2.5rem;
    font-size: 0.9rem;
    font-weight: 600;
    border-radius: 1.5rem;
}

.btn-box .btn-download {
    background: #fff;
    border: solid 1px #111;
    color: #111;
}

.btn-box .btn-search,
.btn-box .btn-page {
    background: #ed6205;
    border: solid 1px #ed6205;
    color: #fff;
}

.btn-box .btn-search:hover,
.btn-box .btn-page:hover {
    background: #e74010;
}

.btn-box .btn-back {
    background: #464646;
    border: solid 1px #464646;
    color: #fff;
}

.btn-box .btn-back:hover {
    background: #2a2a2a;
}

.btn-box .btn-delete {
    background: #fff !important;
    border: solid 1px #707070;
    color: #333;
}

.btn-box .btn-delete:hover {
    background: #f0f0f0 !important;
}

.btn-box .btn-file {
    background: #7c7c7c;
    color: #fff;
    border: 0 !important;
}

.btn-box .btn-file:hover {
    background: #656565;
}

.btn-tb-align {
    display: inline-block;
    margin: 0 0 -0.3rem 0.31rem;
}

.btn-tb-align a {
    display: block;
    width: 10px;
    height: 9px;
}

.btn-tb-align a.btn-arr-up {
    background: url('../images/common/btn-arr-align-up.png') no-repeat;
}

.btn-tb-align a.btn-arr-down {
    background: url('../images/common/btn-arr-align-down.png') no-repeat;
}

.btn-all-mypage {
    display: inline-block;
    padding: 0 1.06rem 0 0.3rem;
    /* margin-left: 0.3rem; */
    line-height: 1.1rem;
    box-sizing: border-box;
    border: solid 1px #707070;
    border-radius: 3px;
    background: url('../images/common/ico-check-black.png') no-repeat;
    background-position: right 2px center !important;
    font-size: 0.7rem;
    color: #333;
    text-transform: capitalize;
}

.btn-all-mypage:hover {
    border: solid 1px #222;
}

.btn-all-mypage.on {
    border: solid 1px #e74010;
    background: url('image/ico-check-orange.png') no-repeat;
    color: #e74010;
}

@media all and (max-width: 991px) {
    .btn-box {
        text-align: center;
    }

    .btn-box a, .btn-box button {
        padding: 0 1.2rem;
    }

    .btn-box .btn-download,
    .btn-box .btn-search,
    .btn-box .btn-back,
    .btn-box .btn-delete,
    .btn-box .btn-file ,
    .btn-box .btn-page {
        line-height: 2.35rem;
    }

    .btn-box .btn-file {
        display: none !important;
    }
}

/* Buttons E */

/* Table S */
.tbl-basics {
    border-top: solid 1px #333;
}

.tbl-basics[name="my-page-tbl"] {
    margin-top: 0;
}

.tbl-basics tr:hover {
    background: #f2f2f2;
    cursor: pointer-;
}

.tbl-basics tr.pointer:hover {
    cursor: pointer;
}

.tbl-basics thead th {
    padding: 0.9rem 0;
    border-bottom: solid 1px #bbb;
    background: #fbe3db;
    font-size: 0.9rem;
    font-weight: 600;
    color: #111;
    text-align: center;
    vertical-align: middle;
}

.tbl-basics thead th.descript {
    font-size: 0.8rem;
}

.tbl-basics tbody td {
    padding: 1.1rem 0;
    font-size: 0.85rem;
    border-bottom: solid 1px #ddd;
    color: #222;
    text-align: center;
}

.tbl-basics tbody td.line-h {
    line-height: 1.5rem;
}

.tbl-basics tbody td.line-h02 {
    line-height: 2.3rem;
}

.tbl-basics tbody td.td-left {
    padding: 1.1rem 1.3rem;
    text-align: left;
}

.tbl-basics tbody td a {
    display: block;
    color: #222;
}

.tbl-basics[name="my-page-tbl"] tbody td button {
    display: inline-block;
}

.tbl-basics tbody tr:hover td.td-left a {
    color: #e74010;
    text-decoration: underline;
}

.tbl-date {
    margin: 0 auto;
}

.tbl-date td {
    padding: 0 !important;
    border-bottom: none !important;
    width: 25px;
    box-sizing: border-box;
}

.tbl-date td.hyphen {
    width: 15px;
}

.tbl-date span {
    display: inline-block !important;
    margin-left: 0.17rem;
}

.tbl-view-left,
.tbl-view-top {
    border: solid 1px #bbb;
}

.tbl-view-left tr:nth-of-type(1) th,
.tbl-view-left tr:nth-of-type(1) td {
    border-top: 0;
}

/* .tbl-view-left tr,
.tbl-view-top tr {
    cursor:pointer !important;
} */

.tbl-view-left th {
    padding: 0.6rem 1.3rem;
    border-right: solid 1px #ddd;
    border-top: solid 1px #ddd;
    background: #f5f5f5;
    font-size: 0.85rem;
    color: #222;
    text-align: left;
}

.tbl-view-left td {
    padding: 0.6rem 1.3rem;
    border-top: solid 1px #ddd;
    font-size: 0.85rem;
    color: #444;
}

.tbl-view-top tbody tr:hover {
    background: #f9f9f9;
}

.tbl-view-top thead th:nth-of-type(1),
.tbl-view-top tbody td:nth-of-type(1) {
    border-left: 0;
}

.tbl-view-top thead th {
    padding: 0.8rem 0.6rem;
    border-left: solid 1px #ddd;
    background: #f5f5f5;
    font-size: 0.85rem;
    color: #222;
    text-align: center;
}

.tbl-view-top tbody td {
    padding: 0.8rem;
    border-left: solid 1px #ddd;
    border-top: solid 1px #ddd;
    font-size: 0.85rem;
    color: #444;
    text-align: center;
}

.tbl-view-top tbody td p {
    width: 1.05rem;
    display: inline-block;
    margin-right: 0.7rem;
}

.tbl-width-half {
    width: 50% !important;
}

@media all and ( max-width: 991px) {
    .div-tbl {
        overflow-x: scroll;
        padding-bottom: 0.1rem;
    }

    .div-tbl::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        -ms-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        -moz-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        -o-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        border-radius: 10px; background-color: #F5F5F5;
    }

    .div-tbl::-webkit-scrollbar {
        height: 7px;
        background-color: #F5F5F5;
    }

    .div-tbl::-webkit-scrollbar-thumb {
        border-radius: 7px;
        box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        -ms-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        -moz-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        -o-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color: #999;
    }

    .div-tbl .tbl-application {
        width: 990px;
    }

    .tbl-width-half {
        width: 100% !important;
    }

    .tbl-view-top thead th {
        padding: 0.6rem 0.4rem;
        font-size: 0.8rem;
    }

    .tbl-view-top tbody td {
        padding: 0.5rem;
        font-size: 0.8rem;
    }

    .tbl-view-left td {
        font-size: 0.8rem;
    }
}

@media all and ( max-width: 640px) {
    .div-tbl .tbl-basics {
        width: 640px;
    }

    .tbl-basics {
        margin-top: 40px-;
    }

    .tbl-basics thead th {
        padding: 0.6rem 0.4rem;
        font-size: 0.8rem;
    }

    .tbl-basics tbody td {
        padding: 0.6rem 0.4rem;
        font-size: 0.8rem;
    }

    .tbl-basics tbody td.td-left {
        padding: 12px 15px;
    }
}

/* Table E */

/* Footer S */
.foot-cont {
    border-top: 1px solid #eee !important;
    width: 100%;
    padding: 2rem 0 1rem;
    text-align: center;
}

.foot-cont .footer-in {
    position: relative;
    width: 94%;
    margin: 0 auto;
}

.foot-cont address {
    font-size: 0.9rem;
    color: #828282;
    line-height: 1.7em;
}

.foot-cont .copyright {
    padding-bottom: 0rem;
}

.foot-cont .copyright small {
    font-size: 0.9rem;
    color: #313131;
}

.foot-cont .footer-in .btn-top {
    z-index: 50;
    position: fixed;
    bottom: 2.5rem;
    right:  2.5rem;
    text-align: center;
    margin-left: 1rem;
    display: block;
}

.foot-cont .footer-in .btn-top button {
    border: 0 !important;
    background: none !important;
    color: rgba(0, 0, 0, 0.3);
    font-size: 3rem;
}

@media all and (max-width: 991px) {
    .foot-cont .footer-in .btn-top {
        bottom: 0.5rem;
        right:  0.8rem;
    }

    .foot-cont .footer-in .btn-top button {
        font-size: 2rem;
    }

    .foot-cont address {
        font-size: 0.8rem;
        line-height: 1.4em;
    }

    .foot-cont .copyright small {
        font-size: 0.8rem;
    }
}

/* Footer E */

/* Side Menu S */
.side-menu {
    position: fixed;
    top: 8.1rem;
    left: 0;
    width: auto;
    height: 3rem;
    -webkit-transform: rotate(90deg) translate(0%, -50%);
    -moz-transform: rotate(90deg) translate(0%, -50%);
    -ms-transform: rotate(90deg) translate(0%, -50%);
    -o-transform: rotate(90deg) translate(0%, -50%);
    transform: rotate(90deg) translate(0%, -50%);
    -webkit-transform-origin: 0 50%;
    -moz-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    -o-transform-origin: 0 50%;
    transform-origin: 0 50%;
}

.side-menu .menu-list li {
    float: left;
    height: 3rem;
    margin-left: 0.3rem;
    letter-spacing: 0.03em;
}

.side-menu .menu-list li a {
    display: block;
    background: #464646;
    color: #fff;
    font-size: 1.1rem;
    font-weight: 600;
    padding: 0.9rem 0.9rem;
    box-sizing: border-box;
}

.side-menu .menu-list li a:hover {
    background: #2a2a2a;
}

.sns-wrap {
    overflow: hidden;
}

.sns-wrap li {
    float: left;
    margin-right: 0.2rem;
    background-color: transparent;
    padding: 0.6rem 0 0 !important;
}

.sns-wrap li a {
    display: block;
    background-color: transparent;
}

.sns-wrap li a:hover {
    background-color: rgb(213, 213, 213) !important;
    border-radius: 0.2rem;
}

.search-list {
    width: 95%;
    margin: 0.5rem auto 0;
}

.search-list li a {
    font-size: 0.87rem;
    color: #121212;
    padding: 0.3rem 0.4rem;
    /* line-height: 1.3rem; */
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.search-list li a:hover {
   text-decoration: underline !important;
}

@media all and (max-width: 1200px) {
    .sns-wrap li {
        padding: 0 !important;
        margin: 0.7rem 0.2rem 0.3rem;
    }

    .sns-wrap li a {
        display: block;
        padding: 0 0 !important;
    }

    .sns-wrap li a:hover img {
        opacity: .9;
    }

    .search-list {
        margin: -0.3rem auto 0 !important;
    }

    .search-list li a {
        font-weight: normal !important;
        font-size: 0.85rem !important;
        padding: 0.4rem 0.2rem;
        color: #666;
        line-height: 1rem !important;
    }
}

@media all and (max-width: 1199px) {
    .sns-wrap {
        margin: -1rem 0 0.3rem !important;
    }
}

/* Animate S */
.animate {
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
}

.slideIn {
    -webkit-animation-name: slideIn;
    animation-name: slideIn;
}

.slideDown {
    -webkit-animation-name: slideDown;
    animation-name: slideDown;
}

@keyframes slideIn {
    0% {
        transform: translateY(1rem);
        opacity: 0;
    }

    100% {
        transform: translateY(0rem);
        opacity: 1;
    }

    0% {
        transform: translateY(1rem);
        opacity: 0;
    }
}

@-webkit-keyframes slideIn {
    0% {
        -webkit-transform: transform;
        -webkit-opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        -webkit-opacity: 1;
    }

    0% {
        -webkit-transform: translateY(1rem);
        -webkit-opacity: 0;
    }
}

@keyframes slideDown {
    0% {
        transform:translateY(-100%);
    }
    100% {
        transform:translateY(0);
    }
}

@-webkit-keyframes slideDown {
    0% {
        transform:translateY(-100%);
    }
    100% {
        transform:translateY(0);
    }
}

@-moz-keyframes slideDown {
    0% {
        transform:translateY(-100%);
    }
    100% {
        transform:translateY(0);
    }
}

@-ms-keyframes slideDown {
    0% {
        transform:translateY(-100%);
    }
    100% {
        transform:translateY(0);
    }
}

@-o-keyframes slideDown {
    0% {
        transform:translateY(-100%);
    }
    100% {
        transform:translateY(0);
    }
}
/* Animate E */