html {overflow-y:scroll;height:100%;min-width:340px;}
body {margin:0;padding:0;font-size:0.75em; height:100%;font-family: 'Pretendard-Regular'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;  position: relative; width: 100%; letter-spacing:-.3px; min-width:340px; margin:0 auto;} 
html, h1, h2, h3, h4, h5, h6, form, fieldset, img { margin:0;padding:0;border:0; color:#222;}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family: 'Pretendard-Regular'; color:#222}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle; font-family: 'Pretendard-Regular';}
input, button {margin:0;padding:0;font-size:1em;font-family: 'Pretendard-Regular';;}
button {cursor:pointer}
input[type=text], input[type=password], input[type=submit], input[type=image], button {font-size:1em; -webkit-appearance:none}
textarea, select {font-size:1em;font-family: 'Pretendard-Regular';}
textarea {border-radius:0;-webkit-appearance:none;font-family: 'Pretendard-Regular';;}
select {margin:0;background:none;font-family: 'Pretendard-Regular';}
p {margin:0;padding:0;word-break:break-all; font-family: 'Pretendard-Regular'; color:#222;}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none; font-weight:400; font-family: 'Pretendard-Regular'; }
ul,li,dl,dt,dd {padding:0;margin:0; font-family: 'Pretendard-Regular';}
ul {list-style:none}
*,:after,:before {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
input[type="text"]:focus {outline: none;}
textarea:focus {outline: none;}

header {width:100%; height:70px; background:#eee; position: fixed; top:0;  text-align: center; z-index: 100;}
header .hd_search {position: absolute; left:20px; top:50%; transform: translate(0,-50%); border:none; background:none; }
header .hd_search img {width:40px;}
header .hd_search .img2 {display: none;}
header .hd_search .img1 {display: block}
header .hd_search:hover .img1 {display: none;}
header .hd_search:hover .img2 {display: block;}
header .hd_search.on .img1 {display: none;}
header .hd_search.on .img2 {display: block;}

header .logo {margin-top:25px; font-size:20px; font-family: 'Pretendard-Bold'; color:#222;}
header .logo img {width:180px;}

header .hd_cart {position: absolute; right:20px; top:50%; transform: translate(0,-50%); border:none; background:none; }
header .hd_cart span {position: absolute; right:-1px; top:-1px; width:15px; height:15px; text-align: center;border-radius:50%; background:#1e254a; color:#fff; font-size:10.5px; line-height:15px;}
header .hd_cart img {width:40px;}
header .hd_cart .img2 {display: none;}
header .hd_cart .img1 {display: block}
header .hd_cart:hover .img1 {display: none;}
header .hd_cart:hover .img2 {display: block;}
header .hd_cart:hover span {background:#f7d767; color:#1e254a}
header .hd_cart.on .img1 {display: none;}
header .hd_cart.on .img2 {display: block;}
header .hd_cart.on span {background:#f7d767; color:#1e254a}



.footer {width:100%; background:#eee; padding:25px 20px 120px 20px;}
.footer p {font-size:12px; color:#222; line-height:1.3em; font-family: 'Pretendard-Light'; }


.footer .sales_date_wrapper {padding: 20px;}
.footer .sales_date_wrapper .title {font-weight: bold;font-size: 18px;margin: 0 5px 0 0;}
.footer .sales_date_wrapper .workTime span {color:#555;font-weight: 300;font-size:12px;line-height: 18px;}
.footer .sales_date_wrapper .btn_tel_link {font-size: 18px;font-weight: bold;margin: 0 5px 0 0;}

.footer .footBody {padding:15px;border-top:1px solid #ccc;}
.footer .footMenu {padding-bottom:10px;}
.footer .footMenu a {display: inline-block;padding:5px;font-size: 14px;}
.footer .footInfo {font-size: 14px;line-height: 24px;padding-bottom:10px;}


.footer2 h2 {font-size:18px; font-family: 'Pretendard-SemiBold'; color:#1e254a;}
.footer2 h2 b {font-family: 'Pretendard-ExtraBold';}
.footer2 h3 {margin-top:5px; font-size:16px; color:#1e254a; font-weight: 400;}
.footer2 p {margin-top:15px; font-size:12px; color:#787878;}
.footer2 p b {font-weight: 400; color:#555; font-size:13px; display: inline-block; margin-bottom:3px; font-family: 'Pretendard-Medium'}


footer {position: fixed; margin-left:20px; bottom:20px; width:calc(100% - 40px);  height:71px; border-radius:19px; background:#1e254a; z-index: 2}
footer ul:after {content:''; clear: both; display: table;}
footer ul li {float:left; width:25%; text-align: center;}
footer ul li a img {height:23px; width:auto; margin-bottom:6px;}
footer ul li a {display: inline-block; width:100%; padding:14px 0; color:#fff; font-size:13px; filter: brightness(100);}
footer ul li a img {filter:contrast(0);}
footer ul li.on a {color:#f7d767; filter:none;}
footer ul li.on a img {filter:none;}
footer ul li:nth-child(2) img {padding:2px 0 2px 0}
footer ul li:nth-child(3) img {padding:0px 0 1px 0}


/* popup css 장바구니 팝업 */
.cart_pop {position: fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.7); display: none;  z-index: 101;}
.cart_pop.on {display: block;}
.cart_pop .cart_view {position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); max-width:350px; width:95%; height:235px; border-radius:25px; box-shadow: 0 0 8px rgba(0,0,0,.2); text-align: center; z-index: 10; background:#fff; padding:47px 30px 40px 30px}
.cart_pop .cart_view h2 {font-size:17px; font-weight: 400; color:#1e254a; font-family: 'Pretendard-ExtraBold'; line-height:1.2em;}
.cart_pop .cart_view p {margin-top:15px; font-size:13px; color:#555; line-height: 1.4em}

.cart_pop .cart_view button {border:none; border-radius:8px; background:#3554a4; color:#fff; font-size:14px; height:38px; }
.cart_pop .cart_view .ca_ok {position: absolute; left:40px; bottom:40px; width:calc(100% - 80px);}

/* 주문창 팝업 */
.order_pop {position: fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.7); display: none;  z-index: 101;}
.order_pop.on {display: block;}
.order_pop .order_view {position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); max-width:350px; width:95%; height:260px; border-radius:25px; box-shadow: 0 0 8px rgba(0,0,0,.2); text-align: center; z-index: 10; background:#fff; padding:47px 30px 40px 30px}
.order_pop .order_view h2 {font-size:21px; font-weight: 400; color:#1e254a; font-family: 'Pretendard-ExtraBold'; line-height:1.2em;}
.order_pop .order_view p {margin-top:15px; font-size:13px; color:#555; line-height: 1.4em}

.order_pop .order_view button {border:none; border-radius:8px; background:#3554a4; color:#fff; font-size:14px; height:38px; }
.order_pop .order_view .or_ok {position: absolute; left:40px; bottom:40px; width:calc((100% - 90px) / 2);}
.order_pop .order_view .or_no {position: absolute; right:40px; bottom:40px; width:calc((100% - 90px) / 2); background:#f0f0f0; color:#555; font-family: 'Pretendard-Medium';}


/* 상품상세 팝업 */
/* Popup styles */

/* Font styles */
.popup h2 { font-size: 16px; font-weight: 600; font-family: 'Pretendard-Regular'; color: #222; }
.popup h3 { font-size: 18px; font-weight: 600; font-family: 'Pretendard-Regular'; color: #222; }
.popup h4 { font-size: 13px; font-weight: 600; font-family: 'Pretendard-Regular'; color: #222; }
.popup dt { font-size: 18px; font-weight: 600; font-family: 'Pretendard-Regular'; color: #222; }
.popup dd { font-size: 16px; font-weight: 600; font-family: 'Pretendard-Regular'; color: #222; }

.popup img {margin: 0; padding: 0; border: 0; color: #222;}

.popup button {margin: 0; padding: 0; font-size: 1em; font-family: 'Pretendard-Regular'; }

.popup { 
		display: block;  
		position: relative; 
		z-index: 101; 
		visibility: hidden; 
		opacity: 0; 
		position: fixed; 
		top: 0; 
		left: 50%; 
		transform: translateX(-50%); 
		margin: 0 auto; 
		width: 100%; 
		max-width: 600px; 
		height: 100dvh; 
		padding: 0 20px; 
		color:  #222; 
		transition: opacity 0.3s ease, visibility 0.3s ease; 

	    font-size: 0.75em;
	    font-family: 'Pretendard-Regular';
	    -webkit-font-smoothing: antialiased;
	    -moz-osx-font-smoothing: grayscale;
	    letter-spacing: -.3px;
		}
		
		
.popup.active { visibility: visible; opacity: 1; }
.popup .pu_cont_wrap { top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; width: 100%; height: 85vh; border-radius: 25px; z-index: 10; position: relative; overflow: hidden; }
.popup .pu_cont { position: relative; overflow-y: auto; height: 100%; padding-bottom: 2rem; }
.popup .pu_thum { position: relative;  }
.popup .pu_thum img { width: 100%; display: block; margin: 0;padding: 0; border: 0; color: #222;}
.popup .pu_bg { position: absolute; width: 100%; height: 100dvh; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 1; cursor: pointer;}

/* Detail pop styles */
.detail_pop .swiper-pagination { z-index: 10; position: absolute; bottom: 1rem; }
.detail_pop .swiper-pagination-bullet { background-color: #aaa; }
.detail_pop .swiper-pagination-bullet-active { background-color: #265255;}

/* Common styles */
.wrap { display: block; position: relative; margin: 0 auto; width: 100%; max-width: 600px; }
.cnt { display: block; padding: 0 1.5rem; }
.scroll_lock { overflow: hidden; height: 100dvh; touch-action: none; }


.popup.detail_pop .pu_thum .thum_icon { position: absolute; bottom: 1rem; left: 20px; z-index: 10; display: flex; gap: 10px; }
.popup.detail_pop .thum_icon li { width: 40px; }
.popup.detail_pop .thum_icon li > img { width: 100%; }

.popup .dt_title { padding: 20px 0; margin: 0 20px 20px; width: calc(100% - 40px); position: relative; border-bottom: 1px solid  #e7e7e7; }
.popup .dt_title h2 { font-weight: 400; padding-bottom: 10px; }
.popup .prd_price { display: flex; align-items: flex-end; gap: 8px; justify-content: space-between; }
.popup .prd_price li { display: flex; align-items: flex-end; gap: 8px; }
.popup .prd_price .c_price p { text-decoration: line-through; }
.popup .prd_price .dc_rate { font-size: 18px; font-weight: 600; color:  #ff7b43; }

.popup .dt_info { padding: 0 20px 30px; }
.popup .dt_info ul { display: flex; flex-wrap: wrap; padding-bottom: 8px; }
.popup .dinfo_title { width: 20%; min-width: 60px; font-size: 13px; font-weight: 500; font-family: 'Pretendard-Regular'; }
.popup .dinfo_cont  { font-size: 13px; font-weight: 500; font-family: 'Pretendard-Regular'; }

.popup .pu_title { border-radius: 1rem; background-color:  #265255; width: 100%; padding: 12px; text-align: center; margin-bottom: 30px; }
.popup .pu_title h2 { color: #fff; }
.popup .dt_info_img img { width: 100%; }


/* Popup scroll styles */
.popup .pu_cont::-webkit-scrollbar { width: 0px; }
.popup .pu_cont::-webkit-scrollbar-thumb { background: transparent; border-radius: 10px; }
.popup .pu_cont::-webkit-scrollbar-track { background: transparent; }


/* Button styles */
.popup .btn { 
			border-radius: 1rem; 
			background-color: #265255; 
			width: 100%; 
			padding: 16px; 
			color: #fff; 
			text-align: center; 
			cursor: pointer; 
			
			}
.popup .btn_close { width: 1rem; height: 1rem; position: fixed; right: 20px; top: 20px; background-size: 100%; z-index: 30; cursor: pointer; border:0px none; background-color:transparent;}
.popup .btn_addcart { position: fixed; bottom: 1rem; left: 50%; transform: translateX(-50%); width: calc(100% - 40px); gap: 15px; display: flex; justify-content: center; align-items: center; z-index: 20; padding: 10px;}
.popup .btn_addcart h3 { font-size: 16px; color: #fff; }
.popup .btn_count { display: flex; gap: 0.5rem; }
.popup .btn_count li { color: #fff; border: 1px solid #fff; border-radius: 8px; min-width: 30px; height: 30px; line-height: 28px; text-align: center; font-size: 16px; }
.popup .btn_count .btn_num {position: relative; font-weight: 600; min-width: 40px; }

.popup .btn_count input[type="number"] {position: absolute; color: #fff; font-weight: 400; left:50%; top:50%; transform: translate(-50%,-50%); width:100%; height:100%; background:transparent; border:none; text-align: center;}

.main .sec2 .cont .list .bt_box button img {width:15px; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); }

.popup .btn_count .btn_add {position:relative;}
.popup .btn_count .btn_add img {filter: brightness(100); width:15px; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); }
.popup .btn_count .btn_add.on {background:#f7d767;}
.popup .btn_count .btn_add.on img {filter: none;}


@media (max-width: 480px) { 
    .btn_addcart { padding: 8px; }
    .btn_addcart h3 { font-size: 14px; }
    .btn_count li { font-size: 13px; width: 28px; height: 28px; line-height: 26px; }
}


/* body 스크롤 방지용 */
.stop-scroll{
  height: 100%;
  overflow: hidden;
}



.page-loading img{
	position:absolute;
	top:50%;
	left:50%;
	/* height:35px;
	margin-top:-75px;
	margin-left:-75px; */
	z-index: 200;
}