.inner{max-width: 1920px; width: 100%; margin: auto;}
.flex{display: flex;}
.block{display: block;}
.text-center{text-align: center;}
.between{justify-content: space-between;}

.mt-5{margin-top: 5px;}
.mt-10{margin-top: 10px;}
.mt-15{margin-top: 15px;}
.mt-18{margin-top: 18px;}
.mt-24{margin-top: 24px;}
.mt-20{margin-top: 20px;}
.mt-25{margin-top: 25px;}
.mt-26{margin-top: 26px;}
.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-60{margin-top: 60px;}
.mt-70{margin-top: 70px;}
.mt-80{margin-top: 80px;}
.mt-90{margin-top: 90px;}
.mt-110{margin-top: 110px;}
.mt-120{margin-top: 120px;}
.mt-150{margin-top: 150px;}

.pt-27{padding-top: 27px;}
.pt-40{padding-top: 40px;}
.pt-50{padding-top: 50px;}
.pt-60{padding-top: 60px;}
.pt-100{padding-top: 100px;}
.pt-110{padding-top: 110px;}
.pt-120{padding-top: 120px;}

.pb-20{padding-bottom: 20px;}
.pb-30{padding-bottom: 30px;}
.pb-40{padding-bottom: 40px;}
.pb-60{padding-bottom: 60px;}
.pb-80{padding-bottom: 80px;}
.pb-90{padding-bottom: 90px;}
.pb-100{padding-bottom: 100px;}
.pb-110{padding-bottom: 110px;}
.pb-120{padding-bottom: 120px;}
.pb-160{padding-bottom: 160px;}
.pb-170{padding-bottom: 170px;}
.pb-200{padding-bottom: 200px;}

.bg-lightYellow{background-color: #f6f4ef;}
.scroll-auto{overflow-x: auto;}
.point-color{color: #dda82f;}


.moblie__menubar{width: 100%; height: 100%; position:fixed; right: -100%; z-index: 9999; background-color: #dda82f;}
.dim_background{width: 100%; height: 100%; background-color: rgba(0,0,0,.4); position: absolute; z-index: 9998; display: none;}
.moblie__menubar .top{display: flex; justify-content: space-between; padding-left: 5px;}
.moblie__menubar .top .moblie__menubar__logo{width: 185px; display: flex; align-items: center;}
.moblie__menubar .top .moblie__menubar__logo img{width: 100%;}
.mob_category_close{width: 50px; height: 50px; align-items: center; justify-content: center; text-align: center; font-size: 1.76rem; color: #fff; display: none; cursor: pointer;}
.mobile_menu_wrap{padding-bottom: 100px;height: 100%; overflow-y: auto;}
.mobile_sub_menu{width: 100%;}
.mobile_sub_menu>li{width: 100%; border-bottom: 1px solid rgba(255,255,255,0.3);}
.mobile_sub_menu>li>a{display: flex; justify-content: space-between; align-items: center; padding: 0 17px 0 12px; height: 45px; cursor: pointer; font-size: 18px; line-height: 1.11; letter-spacing: normal; color: #fff;}
.mobile_sub_menu--depth{width: 100%;display: none;}
.mobile_sub_menu--depth>li{padding: 12px 14px; background-color: #fff;}
/* .mobile_sub_menu--depth>li:last-child{padding-bottom: 0;} */
.mobile_sub_menu--depth>li + li{border-top: 1px solid rgba(0,0,0,0.1);}
.mobile_sub_menu--depth>li>a{display: flex; padding: 0 8px; font-size: 1.125rem; line-height: 1.11; color: #000;}


/* main header start */
.main__header{width: 100%; position: absolute; z-index: 9;}
.main__header::after{content: ""; display: block; position: absolute; top: 89px; z-index: 9; width: 100%; height: 540px; background-color: #fff; opacity: 0; visibility: hidden; box-shadow: 0 5px 5px 0 rgb(0 0 0 / 15%);}
.main__header.scroll{position: fixed; background-color: #fff; transition: all .3s;}
.main__header>nav{width:100%; max-width:1920px; padding: 0 50px; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; margin: auto;}
.main__header__logo{width: 270px;}
.main__header__logo img{width: 100%;}
.main__gnb{display: flex; height: 88px; width: calc(100% - 151px - 270px); justify-content:flex-end}
.main__gnb .gnb__depth01{position: relative; height: 100%;}
.main__gnb .gnb__depth01>a{display: flex; align-items: center; flex-direction: column; justify-content: center; height: 100%; padding: 0 40px; font-size: 20px; font-weight: 500; letter-spacing: -0.5px; text-align: left; color: #fff;}
.main__gnb .gnb__depth01>a .menu_mark{margin-bottom: 5px; display: none;}
/* .main__gnb .gnb__depth01:nth-child(2) .gnb__depth02>.depth02:nth-child(1){display: none;} */
.gnb__depth02{width: 100%; position: absolute; top: 88px; left: 50%; transform: translateX(-50%); z-index: 999; height: 0; overflow: hidden;}
.gnb__depth02 .depth02{width: 100%; height: 60px;}
.gnb__depth02 .depth02>a{display: flex; align-items: center; justify-content: center; height: 100%; font-size: 18px; letter-spacing: -0.45px; text-align: center; color: #000;}
.main__header__toggle--pc{height: 19px; margin-left: 6.81%; display: flex; align-items: center; box-sizing: border-box;}
.main__header__toggle--pc ul.loginBtns{display: flex; align-items: center; margin-right: 15px; box-sizing: border-box;}
.main__header__toggle--pc ul.loginBtns li{position: relative;}
/* .main__header__toggle--pc ul.loginBtns li:first-child{margin-right: 10px; padding-right: 10px;}
.main__header__toggle--pc ul.loginBtns li:first-child::after{content: ""; position: absolute; right: 0; top: 4px; width: 1px; height: 10px; background-color:rgba(255,255,255,.4);} */
.main__header__toggle--pc ul.loginBtns li a{font-family: 'GmarketSans'; font-size: 12px; font-weight: 100; text-align: left; color: #fff;}

.main__header__toggle--mobile{height: 17px; cursor: pointer; display: none;}
.main__header__toggle--mobile ul.loginBtns{display: flex; align-items: center; margin-right: 28px; box-sizing: border-box;}
.main__header__toggle--mobile ul.loginBtns li{position: relative;}
.main__header__toggle--mobile ul.loginBtns li a{font-family: 'GmarketSans'; font-size: 12px; font-weight: 100; text-align: left; color: #fff;}

.main__header__toggle--tablet{display: none;}
.toggleImg{cursor: pointer;}

/* .main__header__menu--hidden{position: absolute; top: 88px; z-index: 9; width: 100%; height: 480px; background-color: #fff; display: none;} */
.main__gnb .gnb__depth01:hover{background-color: #fff; border-bottom: 2px solid #dda82f;}
.main__gnb .gnb__depth01:hover>a{color: #dda82f; font-weight: 600;}
.main__gnb .gnb__depth01:hover>a .menu_mark{display: block;}
.main__gnb .gnb__depth01:hover .gnb__depth02{height: initial; overflow: initial; box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1); background-color: #fff; transition: .3s;}
.gnb__depth02 .depth02:hover{background-color: #dda82f; transition: .3s;}
.gnb__depth02 .depth02:hover a {color: #fff; transition: .3s;}

.main__header.on{border-bottom: 1px solid #dda82f; background-color: #fff; transition: all .3s;}
.main__header.on::after{opacity: 1; visibility: visible;}
.main__gnb .gnb__depth01.on>a{color: #000; font-weight: 600;}
.main__gnb .gnb__depth01.on:hover>a{color: #dda82f;}
.gnb__depth02.on{height: initial !important; overflow: initial !important; box-shadow: none !important; top: 89px;}
.gnb__depth02.on a{color: #000;}
.main__header.on .main__header__toggle--pc ul.loginBtns li a{color: #000;}
/* .gnb__depth02.on .depth02>a{color: #fff;}
.main__gnb .gnb__depth01:hover .gnb__depth02.on a{color: #403e39;}
.gnb__depth02.on .depth02:hover a {color: #fff !important; transition: .3s;} */
/* main header End */


.main__header.sub .main__gnb .gnb__depth01>a{color: #000;}
.main__header.sub .main__header__toggle--pc ul.loginBtns li a{color: #000;}
.main__header.sub .main__header__toggle--mobile ul.loginBtns li a{color: #000;}


/* main footer Start */
.main__footer{width: 100%; background-color: #403e39;}
.main__footer .inner{padding: 50px; display: flex;}
.main__footer .footer__logo{}
.main__footer .footer__logo img{max-width: 216px; width: 100%;}
.main__footer .footer__info{width: 62.5%; margin-left: 4.947%;}
.main__footer .footer__info .top{border-bottom: 1px solid rgba(255,255,255,0.1);}
.main__footer .footer__info .top .policy{display: flex; align-items: center;}
.main__footer .footer__info .top .policy li{padding-right: 20px; margin-right: 20px; position: relative;}
.main__footer .footer__info .top .policy li::after{content: ""; display: block; width: 1px; height: 12px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background-color: #666;}
.main__footer .footer__info .top .policy li:last-child::after{display: none;}
.main__footer .footer__info .top .policy li a{font-family: 'GmarketSans'; font-size: 14px; font-weight: 500; text-align: left; color: #ccc;}
.main__footer .footer__info .top .sns-block{}
.main__footer .footer__info .top .sns-block a{display: inline-block;}
.main__footer .footer__info .top .sns-block a+a{margin-left: 10px;}
.main__footer .footer__info .bottom .info-copyright p{font-size: 14px; font-weight: 200; line-height: 1.79; letter-spacing: normal; text-align: left; color: #999; word-break: keep-all;}
/* main footer End */

.top-btn{position: fixed; bottom: 40px; right: 40px; width: 40px; height: 40px; display: flex; flex-direction: column; align-items: center; z-index: 9;}
.top-btn .topBtn{cursor: pointer;}






@media (max-width:1920px){
    .main__header__toggle--pc{margin-left: 3.76%;}
}
@media (max-width:1680px){
    .main__gnb{margin-left: 0;}
}
@media (max-width:1440px){
    .main__header>nav{padding: 0 20px;}
    .main__gnb .gnb__depth01>a{padding: 0 28px;}
    .main__header__toggle--pc{margin-left: 0;}
}
@media (max-width:1280px){
    .main__header__logo{width: 170px;}
    .main__gnb{width: initial;}
    .main__gnb .gnb__depth01>a{padding: 0 20px;}
    .main__header__toggle--pc ul.loginBtns{margin-right: 18px;}

    .main__footer .footer__info{width: 100%;}
}
@media (max-width:1024px){
    .main__gnb{display: none;}
    /* .main__gnb .gnb__depth01:nth-child(2) .gnb__depth02>.depth02:nth-child(1){display: block;} */
    .main__header__toggle--pc{display: none;}
    .main__header__toggle--mobile{display: flex; align-items: center;}

    .main__header>nav {padding: 10px 20px;}

    .main__footer .inner{flex-direction: column;}
    .main__footer .footer__info{margin-left: 0; margin-top: 35px;}
}

@media (max-width:769px){
    .main__footer .inner{padding: 20px;}
    .main__footer .footer__info .top{flex-direction: column; padding-bottom: 20px;}
    .main__footer .footer__info .top .policy li{padding-right: 10px;margin-right: 10px;}
    .main__footer .footer__info{margin-left: 0; margin-top: 35px;}
    .main__footer .footer__info .top .policy{flex-wrap: wrap;}
    .main__footer .footer__info .top .sns-block{margin-top: 25px;}
    .main__footer .footer__info .bottom{flex-direction: column; margin-top: 20px;}
}

@media (max-width:500px){
    .main__header>nav{padding: 10px;}
    .main__header__logo{width: 178px;}
    .main__header__toggle--mobile ul.loginBtns{margin-right: 15px;}

    .main__footer .inner{padding: 20px 0;}
    .main__footer .footer__logo img{max-width: 178px;}
    .main__footer .footer__info{margin-top: 25px;}

    .top-btn{right: 20px;}
}