:root{
    --main-color:#c9252c;
    --font-esamanru:'esamanru';
    --font-GmarketSans:'GmarketSans';
    --font-Pretendard:'Pretendard';
}

.mt-5{margin-top: 5px;}
.mt-10{margin-top: 10px;}
.mt-15{margin-top: 15px;}
.mt-20{margin-top: 20px;}
.mt-25{margin-top: 25px;}
.mt-30{margin-top: 30px;}
.mt-35{margin-top: 35px;}
.mt-40{margin-top: 40px;}
.mt-45{margin-top: 45px;}
.mt-50{margin-top: 50px;}
.mt-55{margin-top: 55px;}
.mt-60{margin-top: 60px;}
.mt-65{margin-top: 65px;}
.mt-70{margin-top: 70px;}
.mt-75{margin-top: 75px;}
.mt-80{margin-top: 80px;}
.mt-85{margin-top: 85px;}
.mt-90{margin-top: 90px;}
.mt-95{margin-top: 95px;}
.mt-100{margin-top: 100px;}
.mt-120{margin-top: 120px;}
.mt-140{margin-top: 140px;}
.mt-170{margin-top: 170px;}

.pt-5{padding-top: 5px;}
.pt-10{padding-top: 10px;}
.pt-15{padding-top: 15px;}
.pt-20{padding-top: 20px;}
.pt-25{padding-top: 25px;}
.pt-30{padding-top: 30px;}
.pt-35{padding-top: 35px;}
.pt-40{padding-top: 40px;}
.pt-45{padding-top: 45px;}
.pt-50{padding-top: 50px;}
.pt-55{padding-top: 55px;}
.pt-60{padding-top: 60px;}
.pt-70{padding-top: 70px;}
.pt-80{padding-top: 80px;}
.pt-85{padding-top: 85px;}
.pt-100{padding-top: 100px;}
.pt-110{padding-top: 110px;}
.pt-120{padding-top: 120px;}
.pt-130{padding-top: 130px;}
.pt-140{padding-top: 140px;}
.pt-160{padding-top: 160px;}
.pt-180{padding-top: 180px;}
.pt-200{padding-top: 200px;}
.pt-220{padding-top: 220px;}
.pt-230{padding-top: 230px;}
.pt-260{padding-top: 260px;}
.pt-300{padding-top: 300px;}

.pb-5{padding-bottom: 5px;}
.pb-10{padding-bottom: 10px;}
.pb-15{padding-bottom: 15px;}
.pb-20{padding-bottom: 20px;}
.pb-25{padding-bottom: 25px;}
.pb-30{padding-bottom: 30px;}
.pb-40{padding-bottom: 40px;}
.pb-45{padding-bottom: 45px;}
.pb-50{padding-bottom: 50px;}
.pb-55{padding-bottom: 55px;}
.pb-60{padding-bottom: 60px;}
.pb-65{padding-bottom: 65px;}
.pb-70{padding-bottom: 70px;}
.pb-80{padding-bottom: 80px;}
.pb-85{padding-bottom: 85px;}
.pb-90{padding-bottom: 90px;}
.pb-95{padding-bottom: 95px;}
.pb-100{padding-bottom: 100px;}
.pb-120{padding-bottom: 120px;}
.pb-140{padding-bottom: 140px;}
.pb-150{padding-bottom: 150px;}
.pb-160{padding-bottom: 160px;}
.pb-180{padding-bottom: 180px;}
.pb-200{padding-bottom: 200px;}
.pb-220{padding-bottom: 220px;}
.pb-300{padding-bottom: 220px;}


.inner{max-width: 1200px; width: 95%; margin: auto;}
.inner-wide{max-width: 1340px; width: 95%; margin: auto;}

.color-white{color: #fff !important;}
.color-point{color: var(--main-color) !important;}
.color-999{color: #999 !important;}
.color-ddd{color: #dddddd !important;}

.bg-point{background-color: var(--main-color);}
.bg-white{background-color: #fff;}
.bg-black{background-color: #000;}
.bg-g4d{background-color: #4d4d4d;}
.bg-g99{background-color: #999999;}
.bg-gfa{background-color: #fafafc;}
.bg-gf4{background-color: #f4f4f4;}

.verLine{display: inline-block; width: 1px; height: 40px;}
.horiLine{display: inline-block; width: 50px; height: 1px;}
.border-top--black{border-top: 1px solid #000;}
.border-bottom--black{border-bottom: 1px solid #000;}
.border--e6{border: 1px solid #e6e6e6;}
.border--e1{border: 1px solid #e1e1e1;}

.GSans{font-family: var(--font-GmarketSans) !important;}
.fs-16{font-size: 16px !important;}
.fs-20{font-size: 20px !important;}
.fs-25{font-size: 25px !important;}
.fs-30{font-size: 30px !important;}
.fs-35{font-size: 35px !important;}
.fs-60{font-size: 60px !important;}

.fw-300{font-weight: 300 !important;}
.fw-500{font-weight: 500 !important;}
.fw-600{font-weight: 600 !important;}

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

.default{font-size: 18px; letter-spacing: -0.45px; line-height: 1.4; color: #000;}

.round-box.round30{border-radius: 30px;}
.round-box.round40{border-radius: 40px;}
.round-box.round90{border-radius: 90px;}

.line-text{display: inline-block; position: relative;}
.line-text .line{position: absolute; width: 100%; height: 1px;}
.line-text .top{right: 0; top: 0;}
.line-text .bottom{left: 0; bottom: 0;}


/* 모바일 메뉴 시작 */
#moblie-menubar{position: fixed; top: 0; left: 0; z-index: 99999; width: 100%; height: 100%; overflow-y: auto; background: #f5f5f5; display: none;}
#gnb_close{display: block; position: absolute; right: 8px; top: 10px; z-index: 99; margin: 0; height: 40px; width: 40px; border: 0; background: transparent;
    color: #bfb8b2; font-size: 2em; font-weight: bold; }
.mobile-menu__gnb{width: 100%;}
.mobile-menu__gnb .gnb__depth01{width: 100%; padding: 15px 10px; border-bottom: 1px solid rgba(0,0,0,0.1);}
.mobile-menu__gnb .gnb__depth01>a{display: flex; justify-content: space-between; align-items: center; cursor: pointer; font-size: 16px; line-height: 1.11; color: #000;}
.mobile-menu__gnb .gnb__depth02{width: 100%; margin-top: 7px; background: #f5f5f5; display: none;}
.mobile-menu__gnb .gnb__depth02>li{padding: 15px 10px; border-bottom: 1px solid #e6e6e6; box-sizing: border-box;}
.mobile-menu__gnb .gnb__depth02>li>a{display: inline-block; color: #000; font-size: 14px; font-weight: 500;}
/* #moblie-menubar .btns-tel{display: flex; align-items: center;}
#moblie-menubar .btns-tel b{font-family: var(--font-GmarketSans); font-size: 20px; text-align: left; color: var(--main-color);} */
/* 모바일 메뉴 끝 */


/* ================================================================================================================================================================== */
/*                                                                           메인 헤더 시작                                                                             */
/* ================================================================================================================================================================== */
#main-header {position: relative; width: 100%; height: 100px; background-color: #fff;}
#main-header.fixed {position: fixed; top: 0; left: 0; z-index: 9999;}
#main-header nav {width: 100%; height: 100%; display: flex; justify-content: space-between; align-items: center;}
#main-header nav .logo {margin-left: 60px;}
#main-header nav .main-header-menu {display: flex;}
#main-header nav .main-header-menu > li {display: block; height: 100%; color: #000; font-family: var(--font-Pretendard); font-size: 24px; letter-spacing: -0.6px; font-weight: 600; position: relative; margin-right: 80px; line-height: 100px;}
#main-header nav .main-header-menu > li:nth-child(4) {margin-right: 180px;}
#main-header nav .main-header-menu > li:last-child {margin-right: 0;}
#main-header nav .main-header-menu > li:hover > ul {display: block;}
#main-header nav .main-header-menu > li > a {display: block; height: 100%; color: #000; font-family: var(--font-Pretendard); font-size: 24px; letter-spacing: -0.6px; font-weight: 600;}
#main-header nav .main-header-menu > li > ul {display: none; position: absolute; z-index: 999; left: 50%; top: 100px; width: 230px; background: #fff; margin-left: -115px;}
#main-header nav .main-header-menu > li > ul > li {text-align: center; position: relative; transition: background-color 0.3s ease-in-out; line-height: 50px;}
#main-header nav .main-header-menu > li > ul > li:hover {background-color: var(--main-color)}
#main-header nav .main-header-menu > li > ul > li > a {display: block; width: 100%; height: 100%; font-size: 20px; transition: color 0.3s ease-in-out;}
#main-header nav .main-header-menu > li > ul > li:hover > a {color: #fff;}

#main-header nav .ecatalog {width: 180px; height: 100%; display: inline-block; background-color: var(--main-color); color: #fff !important; text-align: center; font-family: var(--font-GmarketSans); font-weight: 700; font-size: 16px; line-height: 100px;}


/* ================================================================================================================================================================== */
/*                                                                           메인 헤더 끝                                                                             */
/* ================================================================================================================================================================== */



/* ================================================================================================================================================================== */
/*                                                                           메인 푸터 시작                                                                             */
/* ================================================================================================================================================================== */
#main-footer{background-color: #464749; width: 100%; height: 300px; box-sizing: border-box; padding-top: 60px;}
#main-footer .inner{display: flex; flex-wrap: wrap;}
#main-footer .inner .footer-top {display: flex; justify-content: space-between; width: 100%;}
#main-footer .inner .footer-top .footer-top-menu {display: flex;}
#main-footer .inner .footer-top .footer-top-menu li {margin-right: 40px;}
#main-footer .inner .footer-top .footer-top-menu li:last-child {margin-right: 0;}
#main-footer .inner .footer-top .footer-top-menu li a {color: #ccc; font-size: 14px; font-family: var(--font-esamanru); font-weight: 300;}
#main-footer .inner .footer-bottom {margin-top: 30px;}
#main-footer .inner .footer-bottom p {color: #999; font-size: 16px; font-family: var(--font-Pretendard); line-height: 30px;}
#main-footer .inner .footer-bottom .footer-bottom-copy {margin-top: 40px; font-family: var(--font-GmarketSans); line-height: 25px;}

/* ================================================================================================================================================================== */
/*                                                                           메인 푸터 끝                                                                             */
/* ================================================================================================================================================================== */

/* Floating Button */
#floating {position: fixed; right: 0; bottom: 0; z-index: 9997;}

.dim_background {display: none; position: fixed; width: 100%; height: 100%; z-index: 9998; background-color: rgba(0, 0, 0, 0.6);}
.toggle-mobile {position: absolute; right: 20px; font-size: 34px; background: no-repeat; border: 0; color: var(--main-color); display: none;}
.overflow-hidden {overflow: hidden;}

@media (max-width:1024px) {
    #main-header nav .logo {margin-left: 20px;}
    #main-header nav .main-header-menu > li {margin-right: 40px;}
    #main-header nav .main-header-menu > li:nth-child(4) {margin-right: 140px;}
}

@media (max-width:769px) {
    .toggle-mobile {display: block;}

    #main-header {height: 80px;}
    #main-header nav .logo {margin-left: 20px;}
    #main-header nav .main-header-menu {position: fixed; right: 0; top: 0; flex-direction: column; flex-wrap: wrap; width: 40%; height: 100%; z-index: 9999; background: #fff; display: none;}
    #main-header nav .main-header-menu > li {line-height: 70px; margin-right: 0; text-align: center; height: auto;}
    #main-header nav .main-header-menu > li a {font-size: 16px;}
    #main-header nav .main-header-menu > li:nth-child(4) {margin-right: 0;}
    #main-header nav .main-header-menu > li > ul {position: relative; top: unset; left: unset; margin-left: 0; z-index: unset; width: unset;}
    #main-header nav .main-header-menu > li > ul > li > a {font-size: 16px;}
    #main-header nav .ecatalog {width: 100%; line-height: 70px;}
    #main-footer .inner .footer-bottom .footer-bottom-copy {margin-top: 10px;}
}

@media (max-width:500px) {
    .toggle-mobile {display: block;}
    #main-header {height: 70px;}
    #main-header nav .logo {margin-left: 20px;}
    #main-header nav .logo img {height: 35px;}
    #main-header nav .main-header-menu {position: fixed; right: 0; top: 0; flex-direction: column; flex-wrap: wrap; width: 70%; height: 100%; z-index: 9999; background: #fff; display: none;}
    #main-header nav .main-header-menu > li {line-height: 70px; margin-right: 0; text-align: center; height: auto;}
    #main-header nav .main-header-menu > li a {font-size: 16px;}
    #main-header nav .main-header-menu > li:nth-child(4) {margin-right: 0;}
    #main-header nav .ecatalog {width: 100%; line-height: 70px;}

    #main-footer {height: 240px; padding-top: 30px;}
    #main-footer .inner .footer-top {justify-content: center; flex-wrap: wrap}
    #main-footer .inner .footer-top .footer-top-menu {margin-top: 20px;}
    #main-footer .inner .footer-top .footer-top-menu li {margin-right: 10px;}
    #main-footer .inner .footer-bottom {margin-top: 10px}
    #main-footer .inner .footer-bottom p {font-size: 14px; line-height: 24px;}
    #main-footer .inner .footer-bottom .footer-bottom-copy {font-size: 14px;}

    #floating {display: none;}
}


@media all and (min-width: 500px) and (max-width: 769px) {

}

@media all and (min-width: 769px) and (max-width: 1025px) {



}