body{font-family: 'NanumSquareRound';}
input, button, select{font-family: 'NanumSquareRound';}

.wrap{width: 100%; margin: auto; overflow: hidden;}
.inner{max-width: 1200px; width: 100%; margin: auto;}

.mt-5{margin-top: 5px;}
.mt-12{margin-top: 12px;}
.mt-10{margin-top: 10px;}
.mt-15{margin-top: 15px;}
.mt-20{margin-top: 20px;}
.mt-22{margin-top: 22px;}
.mt-30{margin-top: 30px;}
.mt-35{margin-top: 35px;}
.mt-40{margin-top: 40px;}
.mt-45{margin-top: 45px;}
.mt-60{margin-top: 60px;}
.mt-65{margin-top: 65px;}
.mt-70{margin-top: 70px;}
.mt-100{margin-top: 100px;}
.mt-120{margin-top: 120px !important;}
.mt-150{margin-top: 150px;}
.mt-160{margin-top: 160px;}
.mt-170{margin-top: 170px;}

.pt-40{padding-top: 40px;}
.pt-60{padding-top: 60px;}
.pt-85{padding-top: 85px;}
.pt-100{padding-top: 100px;}
.pt-120{padding-top: 120px;}
.pt-140{padding-top: 140px;}
.pt-150{padding-top: 150px;}
.pt-160{padding-top: 160px;}
.pt-180{padding-top: 180px;}
.pt-250{padding-top: 250px;}

.pb-10{padding-bottom: 10px;}
.pb-30{padding-bottom: 30px;}
.pb-40{padding-bottom: 40px;}
.pb-60{padding-bottom: 60px;}
.pb-70{padding-bottom: 70px;}
.pb-76{padding-bottom: 76px;}
.pb-80{padding-bottom: 80px;}
.pb-100{padding-bottom: 100px;}
.pb-110{padding-bottom: 110px;}
.pb-130{padding-bottom: 130px;}
.pb-120{padding-bottom: 120px;}
.pb-130{padding-bottom: 130px;}
.pb-140{padding-bottom: 140px;}
.pb-180{padding-bottom: 180px;}
.pb-200{padding-bottom: 200px;}
.pb-250{padding-bottom: 250px;}

.color-white{color: #fff !important;}
.color-orange{color: #e56f00 !important;}
.color-main{color: #f24100 !important;}
.color-red{color:#d8212f}
.color-yellow{color:#ffcc33}
.bold{font-weight: bold;}
.flex{display: flex;}

.bg-white{background-color: #fff !important;}
.bg-mint{background-color: #29c0bb !important;}
.bg-main{background-color: #f24100 !important;}
.bg-yellow{background-color: #ffcc33 !important;}
.bg-red-007{background-color: rgba(242,65,0,0.07);}
.bg-darkgreen{background-color: #2b3333;}
.bg-beige{background-color: #f3f1ef;}

.border-bottom-e6{border-bottom: 1px solid #e6e6e6;}
.border-bottom{border-bottom: 1px solid rgba(0,0,0,.1);}

.align-center{text-align: center;}
.font-small{font-size: 14px !important;}

.ver-line{display: block; width: 2px; height: 40px; margin: 20px 0; background-color: #221c17;}
.title{font-family: 'GmarketSansLight'; font-size: 60px; font-weight: 300; letter-spacing: -3px; text-align: center; color: #221c17; line-height: 1.18; opacity: 0; word-break:keep-all;}
.title b{font-family: 'GmarketSansBold';}
.explain{font-size: 23px; font-family: 'GmarketSansLight'; font-weight: 300; letter-spacing: -0.58px; text-align: center; color: #221c17; word-break:keep-all;}
.sub-title{font-family: 'Cafe24Ohsquare'; font-size: 50px; font-weight: bold; letter-spacing: -1.25px; text-align: center; color: #fff;}
.sub-explain{font-family: 'GmarketSansLight'; font-size: 23px; font-weight: 300; line-height: 1.3; letter-spacing: -0.58px; text-align: center; color: #fff; word-break:keep-all;}


.animate__delay-half{animation-delay: 0.5s !important;}
.animate__delay-half7{animation-delay: 0.7s !important;}
.animate__delay-half9{animation-delay: 0.9s !important;}
.animate__delay-1{animation-delay:1s !important;}
.animate__delay-1half{animation-delay: 1.5s !important;}
.animate__delay-2{animation-delay: 2s !important}

.animate__duration-half{animation-duration: 0.5s !important;}

.num-line-block{max-width: 1200px; width: 95%; margin: auto; display: flex; align-items: center;}
.num-line-block span{display: block; width: 43.33%;height: 2px; background-color: #fff;}
.num-line-block div{width: 100px; height: 100px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: #fff;
    font-family: 'Cafe24Ohsquare'; font-size: 40px; font-weight: bold; letter-spacing: -1px; text-align: center; color: #29c0bb;}
.num-line-block span:first-child{margin-right: 2.5%;}
.num-line-block span:last-child{margin-left: 2.5%;}




.main__header{width: 100%; position: absolute; top: 0; z-index: 8; padding-top: 20px;}
.main__header .inner{max-width: 1920px; width: 100%; height: 120px; position: relative;}
.main__header .header__logo{position: absolute; left: 50%; transform: translateX(-50%); z-index: 8;}
.main__header .header__menu{display: flex;justify-content: center; width: 100%; position: relative; left: 50%; transform: translateX(-50%);}
.main__header .header__menu li.menu{position: relative; padding: 35px 0;}
.main__header .header__menu .first-depth{position: relative;}
.main__header .header__menu .first-depth::after{content: ""; display: block; position: absolute; bottom: 0; width: 100%; height: 2px; background-color: #f24100; transform: scale(0);}
.main__header .header__menu>li+li{margin-left: 4.15%;}
.main__header .header__menu li.menu:nth-child(3){margin-left: 25.43%;}
.main__header .header__menu .first-depth a{font-family: 'GmarketSansMedium'; font-size: 23px; color: #fff;}


.main__header .header__menu li.menu:hover .first-depth::after{transform: scale(1); transition: all .3s;}
.costomer-bn{position: absolute; top: 25px; right: 60px; min-width: 300px; height: 45px; padding: 9px 17px 7px 20px; display: flex; align-items: center; justify-content: center; border-radius: 22.5px;}
.costomer-bn span{display: block; position: relative; padding-right: 8px; margin-right: 8px; font-family: 'GmarketSansLight'; font-size: 20px; color: #fff;}
.costomer-bn span::after{position: absolute; top: 5px; content: ""; right: 0; display: block; width: 1px; height: 14px; opacity: 0.2; background-color: #fff;}
.costomer-bn b{font-family: 'GmarketSansMedium'; font-size: 24px; color: #fff;}
.btn_list{cursor: pointer; display: none;}

.main__header .header__menu .second-depth{position: absolute; top: 85px; left: 50%; transform: translateX(-50%); white-space: nowrap; display: none;}
.main__header .header__menu .second-depth li{padding: 5px 0; text-align: center;}
.main__header .header__menu .second-depth li+li{margin-top: 5px;}
.main__header .header__menu .second-depth li a{font-family: 'GmarketSansLight'; font-size: 18px; color: #fff;}
.main__header .header__menu .second-depth li a:hover{color: #f24100; transition: all .3s;}
/* .menu--mo{display: none;} */

.main__header-hidden{width: 100%; height: 100vh; position: fixed; top: 0; z-index: 9; background-color: rgba(0,0,0,.5); display: none;}
.main__header-hidden .main__header-hidden__menu{width: 80%; height: 100%; position: absolute; right: -80%; background-color: #fff; z-index: 10;}
.main__header-hidden .main__header-hidden__menu .close-btn{position: absolute; top: 35px; right: 35px; display: flex; align-items: center; cursor: pointer;}
.main__header-hidden .main__header-hidden__menu .close-btn img{margin-right: 10px;}
.main__header-hidden .main__header-hidden__menu .close-btn span{font-size: 14px; font-family: 'GmarketSansMedium'; font-weight: 500; text-align: left; color: #000;}
.main__header-hidden .header__menu{margin-top: 80px;}
.main__header-hidden .header__menu .menu a{display: block; padding: 15px 20px; font-size: 20px;  font-family: 'GmarketSansMedium';}
.main__header-hidden .costomer-bn{display: flex; width: 100%; min-width: initial; margin-top: 25px;}
.main__header-hidden .menu{border-bottom: 1px solid #ddd;}
.main__header-hidden .second-depth{display: none;}
.main__header-hidden .second-depth a{font-size: 16px !important; color: #333; background: rgb(249, 249, 249)}
.main__header-hidden .second-depth li + li{border-top: 1px solid #ddd;}



.main__footer .inner{align-items: flex-start;}
.main__footer .inner>ul{margin-left:11.08%}
.main__footer .inner .policy ul{display: flex}
.main__footer .inner .policy ul li{padding-right: 20px; margin-right: 20px; position: relative;}
.main__footer .inner .policy ul li::after{position: absolute; content: ""; display: block; width: 1px; height: 12px; top: 2px; right: 0; background-color: #fff;}
.main__footer .inner .policy ul li:last-child::after{display: none;}
.main__footer .inner .policy ul li a{ font-size: 14px; font-family: 'GmarketSansLight'; color: #e6e6e6;}
.main__footer .inner .info p{font-size: 14px; font-family: 'GmarketSansLight'; color: #e6e6e6; line-height: 1.79;}
.main__footer .inner .copyright span{font-size: 14px; font-family: 'GmarketSansLight'; color: #e6e6e6; line-height: 1.79;}

.topBtn{position: fixed; bottom: 20px; right: 20px; width: 40px; height: 40px; z-index: 90; cursor: pointer;}

.loading_background {background:rgba(0,0,0,0.4); width:100%; height:100%; top:0px; position:fixed; display:none; align-items:center; justify-content:center; z-index:100000;}
.loading_background div {width:300px; height:300px; background:#fff; position:relative;}
.loading_background img {max-width:100%; width:auto; position:absolute; left:0px; right:0px; top:0px; bottom:0px; margin:auto;}

@media (max-width:1910px){
    .costomer-bn{right: 20px;}
}
@media (max-width:1660px){
    .main__header .inner{display: flex; width: 95%; align-items: center;}
    .main__header .header__logo{position: static; transform: initial; margin-top: 0px !important;}
    .main__header .header__menu{position: static; transform: initial; justify-content:flex-start; margin-left: 6.25%;}
    .main__header .header__menu li:nth-child(3){margin-left: 6.25% !important;}
    .costomer-bn{position: static;}
}
@media (max-width:1279px){
    .main__header .inner{justify-content: space-between;}
    .main__header .header__menu{display: none;}
    .costomer-bn{display: none;}
    .btn_list{display: block;}
}
@media (max-width:1200px){
    .title{opacity: 1;}
}

@media (max-width:1024px){
    .title{font-size: 50px;}
    .main__footer .inner{width: 95%;}
}

@media (max-width:769px){
    .title{font-size: 40px;}
	.logo-60{width:70%;}
		.logo-80{width:70%;}
    .main__footer .inner{flex-direction: column;}
    .main__footer .inner>ul{margin-left: 0; width: 100%; margin-top: 60px;}
}

@media (max-width:500px){
    .title{font-size: 28px;}
    .explain{font-size: 18px;}
    .sub-title{font-size: 28px;}
    .sub-explain{font-size: 18px;}
    .main__header{padding-top: 0;}
    .main__header .inner{height: 80px;}
    .main__header .header__logo img{width: 100px;}

    .num-line-block{justify-content: center;}
    .num-line-block span{width: 38.33%;}
    .num-line-block div{width: 65px; height: 65px; font-size: 28px;}

    .main__footer .inner .policy ul{width: 100%;}
    .main__footer .inner .policy ul li{padding-right: 10px; margin-right: 10px;}
}