@charset "utf-8";

/* 프리텐다드 */
@font-face { font-family: 'Pretendard'; font-weight: 300; font-style: normal; src:local(※), url('../font/Pretendard-Light.woff')}
@font-face { font-family: 'Pretendard'; font-weight: 400; font-style: normal; src:local(※), url('../font/Pretendard-Regular.woff')}
@font-face { font-family: 'Pretendard'; font-weight: 500; font-style: normal; src:local(※), url('../font/Pretendard-Medium.woff')}
@font-face { font-family: 'Pretendard'; font-weight: 600; font-style: normal; src:local(※), url('../font/Pretendard-SemiBold.woff')}
@font-face { font-family: 'Pretendard'; font-weight: 700; font-style: normal; src:local(※), url('../font/Pretendard-Bold.woff')}

/* 투게더 */
@font-face { font-family: 'TTTogether'; font-weight: normal; font-style: normal; src:local(※), url('../font/TTTogether.woff')}

img.mob{display:none}


/* #F2EEE3 #F0EADC*/
/* header */
/* .header_wrap{background:#ffffff !important} */
.header_wrap .hd_logo img{height:70px;animation: ani 0.7s linear infinite alternate;}

/* main */
/* .main_content .se_title{font-family: 'Pretendard';width:1068px;max-width:100%;margin:0 auto;text-align:center;font-weight:600;margin-bottom:0;padding:15px 0;font-size:40px;color:#666;opacity:0.5} */
.main_content .main-common .row{justify-content:center}
.main_content .main-common .inner-wrap{border:0 !important}
.main_content .shop_side{width:100%}
.main_content .main_tit{text-align:center;margin-top:20px}
.main_content .main_tit h1{font-size:30px;color:#9e9e9e;font-family: 'Pretendard';font-weight:600}
.main_content .se_title{margin-bottom:20px;text-align:center}
.main_content .fir_title{margin-top:25px}
.main_content .se_title h2{font-family: 'TTTogether';font-weight:500;color:#666;font-size:31px}
/* .main_content .se_title img{height:35px} */
/* .main_content .se_title img{} */

.main_content .shop_banner{background:#fff}
.main_content .shop_banner .inner{width:1903px;max-width:100%;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:30px}
.main_content .shop_banner .text_box{font-family: 'Pretendard';}
.main_content .shop_banner .text_box h2{font-weight:700;margin-bottom:0;font-size:2.2vw;line-height:1.5;color:#222}
.main_content .shop_banner .text_box h2 span{color:#0f9aff}
.main_content .shop_banner .img_box{}
.main_content .items-wrap{width:100%}
.main_content .image-wrap{text-align:center}
/* footer */
.footer_info{}
/* .footer_info .fir_box{min-height:233px} */
.footer_info .fir_box .ft_logo_box{display:flex;align-items:center;gap:0 10px}
.footer_info .fir_box .ft_ani img{height:35px;animation: ani 0.7s linear infinite alternate;}
.footer_info .fir_box .ft_logo img{height:50px}
.footer_info .company_info_wrap{padding-bottom:10px}
.footer_info .company-info{text-align:center}
.footer_info .company-info .list-group-item{font-size:12px;border-bottom:0;}
.footer_info .ft_info_wrap .company_name{cursor:pointer;color:#222;display:block;width:100%;text-align:center}
.footer_info .ft_info_wrap .ft_info_box{display:none;padding-top:10px}
.footer_info .ft_info_wrap .ft_arrow{width:18px;height:12px;position: relative;display: inline-block; vertical-align: middle;transition: all 0.3s ease-in-out;margin-left:10px;}
.footer_info .ft_info_wrap .ft_arrow::before, .footer_info .ft_info_wrap .ft_arrow::after{content: "";display: block;width:1px;height:10px;
background: #333;position: absolute;top: 0;}
.footer_info .ft_info_wrap .ft_arrow::before{left: 5px;transform: rotate(-45deg);}
.footer_info .ft_info_wrap .ft_arrow::after{right: 5px;transform:rotate(45deg)}
.footer_info .ft_info_wrap > .company_name.active .ft_arrow{transform:rotate(180deg)}
.footer_info .ft_info_wrap > .company_name.active .ft_arrow::before,
.footer_info .ft_info_wrap > .company_name.active .ft_arrow::after{top:2px}
.footer_info .tail-copyright{font-size:12px}

/* html .bg-white, .mobile-bottom-menu{background:#ffffff !important}
._shop.header_wrap .main-menu-wrap{background:transparent !important} */

.renewal_shop_wrap{}
.renewal_shop_wrap .item-buy-info .buy-button.buy_Btn .btn,
.shop_order_form .shop_address{background:#0f9aff !important;border-color:#0f9aff !important}
.pay_btn_box .buy_submit{color:#fff !important;background:#0f9aff !important;border-color:#0f9aff !important}

.offcanvas-body .offcanvas_icon{margin-bottom:20px}
.offcanvas-body .offcanvas_icon a.off-member i{font-size:21px}
.offcanvas-body .offcanvas_icon a + a{margin-left:20px}


@keyframes ani {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(0, 7px);
  }
}


@media(min-width:2000px){
	.main_content .shop_banner .text_box h2{font-size:2vw}
}
@media(max-width:1919px){
	
}
@media(max-width:1399px){
	.main_content .shop_banner .img_box{width:40%}
	.main_content .shop_banner .img_box img{display:block;width:100%}
}
@media(max-width:991px){
	img.pc{display:none}
	img.mob{display:block}
	.main_content .se_title img{width:100%}
	.header_wrap .hd_logo img{height:40px}

	/* .main_content .se_title{width:100%;font-size:20px;padding:12px 0} */
	.main_content .se_title{margin-bottom:20px}
	.main_content .fir_title{margin-top:25px}
	.main_content .se_title h2{font-size:25px}

	.footer_info .fir_box{min-height:auto}
	.footer_info .fir_box .ft_ani img{height:25px}
	.footer_info .fir_box .ft_logo img{height:35px}
}
@media(max-width:768px){

	.main_content .main_tit h1{font-size:25px}

	.main_content .shop_banner{margin-top:30px;padding:0 4.27vw}
	.main_content .shop_banner .inner{flex-direction: column;}
	.main_content .shop_banner .text_box{text-align:center;}
	.main_content .shop_banner .text_box h2{font-size:5.5vw}
	.main_content .shop_banner .img_box{width:100%}
}
@media(max-width:480px){
	.main_content .se_title h2{font-size:18px}
}