@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@100;200;300;400;500&display=swap');
@import url('./fonts.css?ver=20211215');
html{width:100%;height:100%;/*overflow-y:auto;*/-webkit-text-size-adjust:none;}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,input,select,textarea,form,fieldset,legend,body{margin:0;padding:0; }
*+html body body, *+html body div, *+html body li, *+html body dt, *+html body dd, *+html body p, *+html body tr, *+html body td, *+html body h2 {font-family:'Pretendard', 'Noto Sans KR', 'Nanum Gothic', "NanumBarunGothic", "Malgun Gothic","Nanum Gothic",NanumGothic,Dotum,"돋움",sans-serif;}
body{ position:relative;  visibility:visible; /*overflow-x: hidden !important;*/ width:100%; margin:0 auto;  font-size:14px; color:#222; background:#fff; line-height:1.5em; font-weight:400; letter-spacing:-0.02em; }
@media  (max-width: 1280px){ body{font-size:13px;}}
@media  (max-width: 768px){ body{ font-size:12px; line-height:1.4;}}
@media  (max-width: 520px){ body{ font-size:13px;}}
body, input, select, textarea {font-family: 'Pretendard', 'Noto Sans KR', 'Nanum Gothic', "NanumBarunGothic", "Malgun Gothic","Nanum Gothic",NanumGothic,Dotum,"돋움",sans-serif; letter-spacing:-0.02em;}
* {word-break:keep-all;}
img,fieldset{border:none;}
em,address{font-style:normal;}
a{text-decoration:none;color:#222;}
li{list-style:none;}
i {font-style:normal;}
input, select,textarea {outline:1px;border-radius:0;}
button { border:0; padding:0;background:transparent;cursor:pointer;}
.clear {}
.clear:after {content:"";display:block;clear:both;}
.clear_div {clear:both;}
.blind, .sound_only{visibility:hidden;width:0;height:0;font-size:0;line-height:0;overflow:hidden;display: none;}
img { max-width:100%; vertical-align:top;}
.img_100 {width:100%; height:auto !important; vertical-align:top;}
select{min-width:50px;height:26px;margin:0;padding:0;font-size:1em;line-height:26px;}
.underline {text-decoration:underline; }
.tl { text-align:left;}
.tc { text-align:center;}
.tr { text-align:right;}
.vt {vertical-align:top;}
.bg_white { background-color:#fff;}
.relative {position:relative;}
.list_inlineBlock { display:inline-block; text-align:left;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*:focus { /*outline:2px solid #6bb13d;*/}
.boxShadow {-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); box-shadow:2px 2px 3px rgba(0, 0, 0, 0.1);}
strong {font-weight:800;}

::selection {color:#fff; background:#2ea7e0;}
::-moz-selection {color:#fff; background:#2ea7e0;}

.block1280, .block1024, .block768, .block560, .block480, .block380 {display:none !important;}
.in-block1280, .in-block1024, .in-block768, .in-block560, .in-block480, .in-block380 {display:none !important;}

#wrap {overflow-x:hidden;}
#skip{position:fixed;top:0;left:0; width:200px; z-index:1000;}
#skip a {position:absolute; left:10px; top:-50px; display:inline-block;height:30px;padding:0 1em;line-height:30px;font-size:11px;color:#fff; background:#f5821f;/* opacity:0; visibility: hidden;*/}
#skip a:focus{opacity:1; visibility:visible; top:10px;}
.inner_wrap, .resp_wrap { position:relative; max-width:1520px; width:94%; margin:0 auto;}


/* header */
#header { position:relative; z-index:1001;}
#header .inner_wrap { position:relative; padding:0; max-width:1760px;z-index: 10;background: #fff;}
#header .inner_wrap .top_header{ position:relative;padding: 1.3% 0 1.3%;display: flex;justify-content: space-between;align-items: center;}
#header.topFixed .inner_wrap .top_header{ position:static;margin-top: 0%}
#header .inner_wrap .top_header .searchArea1_pc{display: none;margin-right: 1em;}

#header .inner_wrap .top_header .searchArea1_mobile{position: relative;z-index: 999}
#header .inner_wrap .top_header .searchArea1_mobile>a{display: block;}


#header .logo {  z-index:5;}
#header .gnbArea .gnb { display:flex;align-items: center; }
#header.topFixed .gnbArea .gnb {}
#header .gnbArea .gnb > li { position:relative; margin-right: 1.2em;}
#header .gnbArea .gnb > li > a { position:relative; display:inline-block; font-size:1.185712em; line-height:1.5; color:#222; font-weight:600; padding: 0; }

/* #header .gnbArea .gnb > li.num7>a{padding: 0.3em 1em 0.3em 3em;background: #00a950;color: #fff;border-radius: 5em;}
#header .gnbArea .gnb > li.num7 > a.on{color: #fff;font-weight: 600;}
#header .gnbArea .gnb > li.num7 > a::after{display: none;}
#header .gnbArea .gnb > li.num7 > a.on::after{display: none;}
#header .gnbArea .gnb > li.num7>a::before{content: "";position: absolute;width: 22px;height: 18px;left: 18px;top: 48%;transform: translateY(-50%);background-image: url(../images/common/store_icon.png);background-repeat: no-repeat;background-size: 100%;} */
#header .gnbArea .gnb > li > a.on { font-weight:700; color:#1251a4;}
.gnb > li:hover > a::after, .gnb > li.focus > a::after, .gnb > li > a.on::after { position:absolute; content:""; width:100%; height:2px; background:#1251a4; left:0; bottom:0; }


#header .gnbArea .gnb > li.place>a{padding: 0.3em 1em 0.3em 3em;background: #f57a3e;color: #fff;border-radius: 5em;}
#header .gnbArea .gnb > li.place > a::after{display: none;}
#header .gnbArea .gnb > li.place > a.on{color: #fff;font-weight: 600;}
#header .gnbArea .gnb > li.place > a.on::after{display: none;}
#header .gnbArea .gnb > li.place>a::before{content: "";position: absolute;width: 22px;height: 18px;left: 18px;top: 48%;transform: translateY(-50%);background-image: url(../images/common/store_icon2.png);background-repeat: no-repeat;background-size: 100%;}

#header .gnbArea .gnb > li.live_shop{margin: 0;}
#header .gnbArea .gnb > li.live_shop>a{padding: 0.3em 0.6em 0.3em 2.2em;background: #f05151;color: #fff;border-radius: 5em;}
#header .gnbArea .gnb > li.live_shop>a::after{display: none;}
#header .gnbArea .gnb > li.live_shop > a.on{color: #fff;font-weight: 600;}
#header .gnbArea .gnb > li.live_shop > a.on::after{display: none;}
#header .gnbArea .gnb > li.live_shop>a::after{display: none;}
#header .gnbArea .gnb > li.live_shop>a::before{content: "";position: absolute;width: 20px;height: 20px;left: 12px;top: 48%;transform: translateY(-50%);background-image: url(../images/common/store_icon3.png);background-repeat: no-repeat;background-size: 100%;}


#header .gnbArea .gnb > li > .gnb_sub { position:absolute; width:150px; padding:12px; background:#fff; border:1px solid #eee; opacity:0; visibility: hidden; transform:translateY(-10px); transition:0.2s ease;  }

#header .gnbArea .gnb > li:hover > .gnb_sub, #header .gnbArea .gnb > li.focus > .gnb_sub { opacity:1; visibility: visible; transform:translateY(0);}
#header .gnbArea .gnb > li > .gnb_sub > li { margin-bottom:0.4em;}
#header .gnbArea .gnb > li > .gnb_sub a { display:inline-block; font-size:1.07em; line-height:1.5; padding:0; border-bottom:2px solid rgba(0,0,0,0);}
#header .gnbArea .gnb > li > .gnb_sub a:hover { border-color:rgba(0,0,0,0.7);}
#header .gnbArea .gnb > li > .gnb_sub a.on { border-bottom:2px solid #1251a4; font-weight:700; }
#header .top_util { display:flex; z-index:10;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}

#header .top_util > li{ margin-left:4px;}
#header .top_util > li > a, #header .top_util > li > button { display:inline-block;  background-size: cover;}

#header .top_util > li > a.link_map{position: relative;}
#header .top_util > li > a.link_map:hover span{display: block;visibility: visible;width: auto;height: auto;font-size: 1em;line-height: 1;position: absolute;top: 100%;background: #fff;color: #202020;border: 1px solid #222;padding: 0.2em 0.5em 0.3em;left: 50%;transform: translate(-50%,0%);}

#header .top_util > li > a.link_apply{position: relative;}
#header .top_util > li > a.link_apply:hover span{display: block;visibility: visible;width: auto;height: auto;font-size: 1em;line-height: 1;position: absolute;top: 100%;background: #fff;color: #202020;border: 1px solid #222;padding: 0.2em 0.5em 0.3em;left: 50%;transform: translate(-50%,0%);}

.allNav_wrap{        position: fixed;
    max-width: 1400px;
    width: 96%;
    padding: 30px 0 2%;
    background: #fff;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    visibility: hidden;
    overflow-y: auto;
    z-index: 120}
	.allNav_wrap.open_nav {
		opacity: 1;
		visibility: visible;
		z-index: 210;
	}
	.allNav_bg {
		position: fixed;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		background: rgba(0, 0, 0, 0.8);
		opacity: 0;
		visibility: hidden;
		z-index: 110;
	}

	.allNav_bg.open_nav {
		opacity: 1;
		visibility: visible;
		z-index: 209;
	}
	.allNav_wrap > .inner_wrap{    position: relative;padding: 40px;
		max-width: 1260px;
		height: 100%;
		margin: 0 auto;
		background-color: #fff;
		border-radius: 6px;
		overflow-y: auto;}






		.sitemap_nav_close { position:absolute; width:30px; height:20px;  cursor:pointer; background:transparent; border:0; right:30px; top:50px; transform:translateY(-50%); z-index:15}
		.sitemap_nav_close .line { position:absolute; width:30px; height:2px;  background:#fff; left:50%; top:50%;transform:translate(-50%,-50%);  transition:bakcground 0.2s ease; z-index:1;}
		.sitemap_nav_close .line::before, .sitemap_nav_close .line::after { position:absolute; content:""; width:30px; height:2px; background:#222f5b; transition:transform 0.2s ease; }
		.sitemap_nav_close .line::before { left:50%; top:50%; transform:translate(-50%,-10px);}
		.sitemap_nav_close .line::after { left:50%; top:50%; transform:translate(-50%,9px);}
		.sitemap_nav_close.open_nav {background:rgba(255,255,255,0);}
		.sitemap_nav_close.open_nav .line {background:rgba(255,255,255,0)}
		.sitemap_nav_close.open_nav .line::before {transform:translate(-50%,-50%) rotate(-45deg);}
		.sitemap_nav_close.open_nav .line::after {transform:translate(-50%,-50%) rotate(45deg); }



		.allNav_wrap .inner_wrap h1{font-size: 26px;
			font-weight: 400;
			line-height: 1.0;
			letter-spacing: -1px;
			color: #333;}

			.allNav_wrap .inner_wrap .sitemap_nav{font-size: 0;
				line-height: 0;
				text-align: left;
				margin-left: -10px;}
				.allNav_wrap .inner_wrap .sitemap_nav > li{display: inline-block;
					min-width: 160px;
					vertical-align: top;
					margin-left: 10px;
					font-size: 12px;
					line-height: 1.4;
					color: #555;}
					.allNav_wrap .inner_wrap .sitemap_nav > li > a{    display: block;
						vertical-align: top;
						margin-top: 20px;
						padding: 10px 0 10px;
						border: 1px #eee solid;
						font-size: 17px;
						line-height: 1.2;
						font-weight: 300;
						color: #333;
						text-align: center;
						border-radius: 2px;}
						.allNav_wrap .inner_wrap .sitemap_nav > li .gnb_sub{padding-top: 10px;}
						.allNav_wrap .inner_wrap .sitemap_nav > li .gnb_sub li > a{    display: block;
							vertical-align: top;
							padding: 5px 10px 3px;
							font-size: 14px;    color: #555;
							transition: all 0.2s;}
.btn_nav {display: none;position:absolute; width:40px; height:40px; left:0; top:35%;transform: translateY(-50%);cursor:pointer; z-index:10; }
.btn_nav .line { position:absolute; width:20px; height:2px; background:#000; left:50%; top:50%; transform:translate(-50%,-50%); transition:0.2s ease; }
.btn_nav .line::before, .btn_nav .line::after { position:absolute; content:""; width:20px; height:2px; background:#000; left:50%; top:50%; transition:0.2s ease; }

.searchArea1_pc{display: block}


.btn_nav .line::before { transform:translate(-50%,-9px); }
.btn_nav .line::after { transform:translate(-50%,7px);}
.btn_nav.open .line { background:rgba(0,0,0,0);}
.btn_nav.open .line::before {transform:translate(-50%,50%) rotate(-45deg);}
.btn_nav.open .line::after {transform:translate(-50%,50%) rotate(45deg);}
.searchArea { position:relative;}
.searchArea1_pc .searchForm {width: 230px;background: #fff;padding: 8.5px 10px;border-radius: 30px;margin: 0 auto;border: 1px solid #437dea;}


.searchArea1_pc .searchForm .searchBtn > svg{color: #437dea;}

.searchArea1_mobile .searchForm {position: absolute;display: flex;align-items: center;justify-content: space-between;width: 260px;right: 0;top: 50%;transform: translate(-10px,-50%);background: #fff;padding: 0;opacity: 0;visibility: hidden;transition: 0.2s ease;border-radius: 25px;border: 1px solid #437dea;}
.searchArea1_mobile .searchForm.show{opacity: 1;visibility: visible;transform: translate(0,-50%)}
.searchArea1_mobile .searchBtn{border: 0;padding: 5px 8px;color: #fff;cursor: pointer;display: inline-block;margin-top: 4px;margin-right: 15px; width: 35px;height: 35px;z-index: 200;}
#header.topFixed .searchArea1_mobile .searchForm {}

.searchArea1_pc #searchText { width:calc(100% - 32px); border:0;color:#222;background: #fff;padding: 0 10px}
.searchArea1_pc #searchText::placeholder { opacity:0.7;}

.searchArea1_mobile #searchText { width:calc(100% - 65px); border:0;color:#222;background: #fff;padding: 8px;margin-left: 1em;}
.searchArea1_mobile .searchColse { display: inline-block;margin-top: 4px; position: absolute;width: 16px;height: 16px;right: 7px;top: 0;border: 0;background: transparent;padding: 0;cursor: pointer;z-index: 99}
.searchArea1_mobile #searchText::placeholder { opacity:0.7;}
#header .inner_wrap .top_header .searchArea1_mobile svg{color: #437dea;}
#header .inner_wrap .gnbArea{ position: absolute;left: 47%;top: 50%;transform: translate(-50%,-50%);max-width: 1140px;width: 80%;}
#header .inner_wrap .kakao_link_pc{ position: absolute;right: 0;top: 50%;transform: translateY(-50%)}
#header .inner_wrap .kakao_link_m{display: none;position: absolute;right: 30px;top: 48%;transform: translateY(-50%)}
#heade.topFixedr .inner_wrap .kakao_link_m{top: 50%;transform: translateY(-50%)}
#header .inner_wrap .kakao_link_m a{display: block;width: 30px;height: 30px; overflow: hidden;border-radius: 15px;position: relative}
#header .inner_wrap .kakao_link_m a>img{width: 30px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%)}

#header.topFixed { position:fixed; width:100%; left:0; top:0; background:rgba(255,255,255,0.95); box-shadow:0 0 5px rgba(0,0,0,0.2); z-index:100;}

#header.topFixed .gnbArea_inner { padding:0;}
/* #header.topFixed .gnbArea .gnb > li > a { padding:1.0em 0; } */
/* #header.topFixed .gnbArea .gnb > li.num7>a {
    padding:0.3em 1em 0.3em 3em;
    background: #00a950;
    color: #fff;
    border-radius: 5em;
} */


#header.topFixed .gnbArea .gnb > li.place>a {
    padding: 0.3em 1em 0.3em 3em;
    background: #f57a3e;
    color: #fff;
    border-radius: 5em;
}


#header .gnbArea .gnb > li > a.all_menu{position: relative;display: flex;gap:4px;align-items: center;}
#header .gnbArea .gnb > li > a.all_menu .line{width: 20px;height: 14px;position: relative;transition: all 0.3s ease;}
#header .gnbArea .gnb > li > a.all_menu .line .middle{width: 100%;height: 2px;background: #202020;position: absolute;left: 0;top: 50%;transform: translateY(-50%);transition: all 0.3s ease;}
#header .gnbArea .gnb > li > a.all_menu .line::before,#header .gnbArea .gnb > li > a.all_menu .line::after{content: "";display: block;width: 100%;height: 2px;background: #202020;position: absolute;transition: all 0.3s ease;}
#header .gnbArea .gnb > li > a.all_menu .line::before{top: 0;}
#header .gnbArea .gnb > li > a.all_menu .line::after{bottom: 0;}
.gnb > li:hover > a.all_menu::after, .gnb > li.focus > a.all_menu::after, .gnb > li > a.all_menu::after{display: none;}

/* all_menu 버튼이 활성화되었을 때 X 모양으로 변하는 애니메이션 */
#header .gnbArea .gnb > li > a.all_menu.active .line .middle {
    opacity: 0;
    transform: translateY(-50%) rotate(45deg);
}

#header .gnbArea .gnb > li > a.all_menu.active .line::before {
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
}

#header .gnbArea .gnb > li > a.all_menu.active .line::after {
    bottom: 50%;
    transform: translateY(50%) rotate(-45deg);
}


#header .all_menu_wrap{position: absolute;top: 0%;left: 0;background: #fff;padding: 20px 0 40px;width: 100%;box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);opacity: 0;visibility: hidden;transition: top 0.3s ease 0.3s, opacity 0.3s ease 0.3s;}
#header .all_menu_wrap .all_menu_inner{max-width: 1760px;width: 94%;margin: 0 auto;}
#header .all_menu_wrap .all_menu_inner .all_menu_title{font-size: 24px;font-weight: 600;padding: 20px 0 40px;text-align: center;}
#header .all_menu_wrap .all_menu_list{}
#header .all_menu_wrap .all_menu_list > ul{display: flex;flex-wrap: wrap;margin: 0 -5px;justify-content: center;}
#header .all_menu_wrap .all_menu_list > ul > li{width: calc(12.5% - 10px);margin: 0 5px 20px;}
#header .all_menu_wrap .all_menu_list > ul > li.all_menu_li > a{font-size: 16px;padding: 14px 0;text-align: center;background: #d22158;color: #fff;font-weight: 400;display: block;width: 100%;margin-bottom: 10px;}
#header .all_menu_wrap .all_menu_list > ul > li.all_menu_li .all_menu_sub{}
#header .all_menu_wrap .all_menu_list > ul > li.all_menu_li .all_menu_sub > li{}
#header .all_menu_wrap .all_menu_list > ul > li.all_menu_li .all_menu_sub > li > a{font-size: 15px;font-weight: 400;padding: 5px 10px;display: block;width: 100%}


#header .all_menu_wrap.on{top: 100%;opacity: 1;visibility: visible;}

.pick_display .goods_item .goods_info02 {
	height: 100%;
    padding: 0 8% 8%;
}
.pick_display .goods_item .goods_info_wrap{    background: #fff;
    border-radius: 0 0 1em 1em;
    overflow: hidden;
    height: 100%;}



.pick_more{display: block;text-align: center;margin-top: 3em;}
.pick_more > a{font-size: 16px;padding: 1em 4em 1em 2em;border: 1px solid #f3f3f3;border-radius: 5em;position: relative;background-color: #fff;}
.pick_more > a::before{content: "";
    display: block;
    width: 9px;
    height: 14px;
    background-image: url(../images/main/box04_arrow.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    right: 1.5em;
    top: 50%;
    transform: translateY(-50%);}


	.goods_more{display: block;text-align: center;margin-top: 3em;width: 100%;}
	.goods_more > a{font-size: 16px;padding: 1em 4em 1em 2em;border: 1px solid #f3f3f3;border-radius: 5em;position: relative;background: #fff;display: inline-block;}
	.goods_more > a::before{content: "";
		display: block;
		width: 9px;
		height: 14px;
		background-image: url(../images/main/box04_arrow.png);
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		position: absolute;
		right: 1.5em;
		top: 50%;
		transform: translateY(-50%);}


@media (max-width:1440px) {
	#header .gnbArea .gnb{justify-content: center;}
	#header .gnbArea .gnb > li{margin-right:  1em;}
	#header .inner_wrap .gnbArea{width: 70%;}
	#header .inner_wrap .top_header .searchArea1_pc{display: none;}
	#header .gnbArea .gnb > li > a{font-size: 1em;}
	#header .inner_wrap .top_header .searchArea1_mobile>a{display: block}
	/* #header .gnbArea .gnb > li.num7>a::before{width: 18px;height: 14px;left: 10px;} */
	#header .gnbArea .gnb > li.place>a::before{width: 18px;height: 14px;left: 8px;left: 12px;}
	#header .gnbArea .gnb > li.live_shop>a::before{width: 16px;height: 16px;left: 10px;}
	#header .gnbArea .gnb > li.place>a{padding: 0.3em 1em 0.3em 2.7em;}
	/* #header .gnbArea .gnb > li.num7>a{padding: 0.3em 1em 0.3em 2.2em;} */
}

@media (max-width:1280px) {
	#header .all_menu_wrap .all_menu_list > ul > li{width: calc(20% - 10px);}

	.btn_nav{display: block;}
	#header .top_util > li{margin-left: 10px;}
	#header .top_util > li > a{width: 36px;}
	#header .inner_wrap .top_header .searchArea1_mobile>a{width: 36px;}
	#header .top_util{top: 35%;}
	#header .inner_wrap .gnbArea{width: 100%;top: 80%;max-width:100%;position: relative;left: 0%;transform: translate(0,0);padding: 1.5em 0 0.5em;}
	#header .inner_wrap .top_header{padding: 1.3% 0 ;flex-wrap: wrap;justify-content:center;}
	.searchArea1_pc .searchForm{width: 280px;padding: 5px}
#header .logo, #header.topFixed .logo { width:170px; }
#header.topFixed .logo{padding: 1em 0;}
#header.topFixed .btn_nav{top: 50%;}
#header.topFixed .inner_wrap .gnbArea{padding: 0;display: none;}
#header.topFixed .inner_wrap .top_header{padding: 0;}
#header .gnbArea .gnb {}
#header.topFixed .top_util { top:48%; transform:translateY(-50%);}

.m_none{display: none !important;}

		#header .inner_wrap .kakao_link_pc{width: 100px}
}


@media (max-width:1024px){

	#header .all_menu_wrap .all_menu_list > ul > li{width: calc(25% - 10px);}
	#header .gnbArea .gnb{justify-content: flex-start;}
	#header .logo{width: 140px;}

	#header.topFixed .logo{display: block;}

	/* #header .gnbArea .gnb > li.num7>a::before{width: 18px;height: 18px;left: 8px;} */
	#header .gnbArea .gnb > li.place>a::before{width: 18px;height: 18px;left: 8px;}
	#header .gnbArea .gnb > li.live_shop>a::before{width: 18px;height: 18px;left: 8px;}



#header .inner_wrap { width:94%;}
	#header.topFixed .gnbArea .gnb{display: none}
	#header .inner_wrap .top_header .searchArea1_pc{left: 50%;display: none}


#header .gnbArea .gnb > li { margin-right: 1em;}
#header .gnbArea .gnb > li > a{font-size: 1em;}




.gnb_sub { display:none;}

.btn_nav { width:36px; height:36px;}
.btn_nav .line { width:16px;}
.btn_nav .line::before {  width:16px; transform:translate(-50%,-7px); }
.btn_nav .line::after { width:16px; transform:translate(-50%,5px);}


#header .inner_wrap .kakao_link_pc{display: none}
	#header .inner_wrap .kakao_link_m{display: block}
	#header.topFixed .inner_wrap .top_header .searchArea1_mobile{display: block;left: auto;right: 0}
}

@media (max-width:768px){
	#header .all_menu_wrap .all_menu_list > ul > li{width: calc(33.3333% - 10px);}
	#header .inner_wrap .top_header .searchArea1_mobile>a{width: 32px;}
	#header .top_util > li > a{width: 32px;}
	#header .top_util{top: 30%;}


	#header .logo{width: 130px;}

	#header .logo, #header.topFixed .logo{width: 130px;display: block;}
	
	
	.searchArea1_pc .searchForm{display: none}
	.searchArea1_mobile .searchForm{}
#header .logo {}

#header .gnbArea nav {/*overflow-x: auto; overflow-y: hidden;*/}
#header .gnbArea .gnb {justify-content:flex-start}
#header .gnbArea .gnb > li {}
#header .gnbArea .gnb > li.swiper-slide { width:auto !important;}



#header.topFixed .btn_nav, #header.topFixed .top_util {  margin-top:0;}
#header.topFixed .gnbArea { height:0; overflow:hidden; margin-top:0;}

}
@media (max-width:480px) {
	#header .all_menu_wrap .all_menu_list > ul > li{width: calc(50% - 10px);}

	#header .top_util > li.m_none{display: none;}
	#header .gnbArea .gnb{padding: 0em}

	#header .logo, #header.topFixed .logo{width: 130px;padding-top: 0.8em;}
}
@media (max-width:420px) {
#header .gnbArea { margin-top:-0.5em; }


}





footer {background: #232529;color: #fff;}

footer .top_footer{padding: 3em 0;border-bottom: 1px solid rgba(255,255,255,0.08);display: flex;justify-content: space-between;align-items: center;}
footer .top_footer ul{display: flex;align-items: center;}
footer .top_footer ul > li{margin-right: 2em;}
footer .top_footer ul > li > a{color: #fff;font-weight: 300;}

.bottom_footer{display: flex;align-items: flex-start;padding:2em 0 5em;}
.footer_logo{margin-right: 7em;}

.company_info_list{}
.company_info_list li{display: flex;}
.company_info_list li p{margin-right: 2em;color: #848484;}
.company_info_list li p a{color: #848484;}

.footer_b{padding: 1.2em 0;background: #262626}
.footer_b ul{display: flex;flex-wrap: wrap}
.footer_b ul li::after{content: ""; display: inline-block;padding: 0 1.5em;color: rgb(221,221,221)}
.footer_b ul li:last-child::after{display: none;}
.footer_b ul li a{font-size: 1.07143em;color: #aaaaaa;font-weight: 300;}

.footer_b ul li.privacy_bt > a{color: #fff;}
footer .footer_a{ padding:2em 0}
footer .footer_c ul{}
footer .footer_c ul li span{font-size: 1em;color: #939393;font-weight: 500;}

#footer .inner_wrap { }

.footer_01 { padding:20px 0; border-bottom:1px solid #e0e0e0; margin-bottom:30px;}
.footer_01 .footer_a{ padding:20px 0; border-bottom:1px solid #e0e0e0; margin-bottom:30px;}
.footer_01 li:not(:first-child) { margin-left:2em;}
.footer_link {display:flex; }
.footer_02 { position:relative; display:flex;}
.footer_02 .footer_dl:first-child { margin-right:8em;}


.cs_center_wrap{padding-top: 8em;}
.cs_center_wrap .call_num{font-size: 2.46666em;font-weight: 500;}
.cs_center_wrap .call_num > a{color: #fff;}
.cs_center_wrap .cs_time{margin-top: 1.2em;color: #aaaaaa;line-height: 1.7;font-weight: 100;}
.cs_center_wrap .cs_time > p{letter-spacing: -0.06em;}
.footer_dl {}
.footer_dl dt { font-size:1.1em; font-weight:600; color:#161616; text-transform:uppercase;}
.footer_dl dt::after { display:block; content:""; width:1.5em; height:1px; background:#161616; margin:0.6em 0 1.2em;}
.footer_tel { font-size:1.8em; line-height:1.5; font-weight:600; letter-spacing:-0.04em;   }
.footer_info { max-width:800px; display:flex; flex-wrap:wrap;color: #aaaaaa;line-height: 1.7;}
.footer_info a{color: #aaaaaa;}
.footer_info >div{ margin-right: 1em}
.footer_info li { margin-right:2em;}
.copyright {}

.footer_sns { position:absolute; right:0; display:flex;top: 2em;z-index: 1}
.footer_sns li { margin-left:8px;}
.footer_sns li a { display:inline-block;  border-radius:50%; overflow:hidden; }
.footer_sns li a:hover {background:rgb(025,090,195);}
#footer .title_01{font-family: 'Montserrat';font-size:1.2em;font-weight: 300;line-height: 1;padding-bottom: 1.4em}
#footer .title_02{font-family: 'Montserrat';font-size:2.7em;font-weight: 400;line-height: 1;padding-bottom: 0.2em;display: inline-block}
#footer .title_03{}
#footer .title_03>span{display: block;font-size:1em;font-weight: 500;line-height: 1;padding-bottom: 0.8em;color: #7d7d7d}
.ft_logo{max-width: 180px}
@media  (max-width:1280px) {
	.footer_info{max-width: 680px;}
}
@media  (max-width:1024px) {
	.footer_logo{margin-bottom: 1em;width: 160px;}
	.bottom_footer{flex-direction: column;}
	#footer .inner_wrap{flex-direction: column;}
	#footer .inner_wrap .footer_box2{text-align: left;}
	.cs_center_wrap{padding-top: 1em;}
	.cs_center_wrap .call_num{font-size: 1.96666em;}
	.footer_sns{top: 1.5em}
	footer .footer_b{padding: 1.8em 0 1.3em}
	footer .footer_a .ft_logo{width: 150px}
	#contents .content_box.box01 .goods_list li{width: 33.3333%}
	#contents .more_view{width: 20%}
.footer_02 .footer_dl:first-child { min-width:14em;}
.footer_02 .footer_dl:not(:last-child) { margin-right:3em;}

}
@media  (max-width:820px) {
	.searchArea1_pc .searchForm{width: 180px;}
	.searchArea1_pc #searchText{width: calc(100% - 36px);}

}
@media  (max-width:768px) {
	.company_info_list li{flex-wrap: wrap;}
	.cs_center_wrap .call_num{font-size: 1.66666em;}
	footer .footer_a{padding: 0;}
	.link_search {

		display: inline-block;
		width: 22px;
		height: 26px;
		background-size: 22px 26px;
	}
	.footer_sns{top: 1.5em;margin: 1em 0}
	footer .footer_a .ft_logo{width: 140px}
	footer .footer_b{padding: 1.5em 0 1em}
	#footer .title_01{padding-bottom: 1em}
	#footer .title_02{font-size: 2em;padding-bottom: 1em}
	#contents .content_box.box01 .goods_list li{width:50%}
	#contents .more_view{width: 25%}

.footer_02 { flex-direction:column;}
.footer_02 .footer_dl:not(:last-child) { margin-right:0; margin-bottom:2em;}
	footer .footer_b ul li a{font-size: 1em}
	footer .footer_b ul li::after{padding: 0 0.8em}
		.footer_sns{position: relative;top: auto; }
.footer_sns {justify-content: center;}
.footer_sns li { margin:0 4px;}
}
@media  (max-width:520px) {


	footer .footer_b ul li::after{padding: 0 0.5em}
	footer .footer_c ul li span{}
}
@media  (max-width:480px) {
	.link_search{    width: 20px;
		height: 24px;
		background-size: 20px 24px;}
	footer .footer_b{padding: 1em 0 1em}
	footer .footer_b ul {}
	footer .footer_b ul li{}
	footer .footer_b ul li::after{}
	footer .footer_c ul li span{}
}
@media  (max-width:400px) {

	footer .footer_b ul {flex-wrap: wrap}
	footer .footer_b ul li{padding: 0.5em 0}


}


.side_wrap { position:fixed; width:280px; height:100%; background:#fff; right:-350px; top:0; border-right:1px solid #ddd; transition:0.5s ease 0.3s; z-index:2000;}
.side_wrap > div { position:absolute; width:100%; height:100%; padding:20px 0; overflow-y:auto;}
.side_wrap.open { right:0;}
.side_wrap_bg.open { position:fixed; content:""; width:100%; height:100%; right:0; top:0; background:rgba(0,0,0,0.5); z-index:1040;}
.side_wrap .side_area {}
.side_nav { border-top:1px solid #ddd;}
.side_nav > li > div {display:flex; border-bottom:1px solid #ddd;  }
.side_nav > li .side_btn { width:45px; padding:10px; border-right:1px solid #eee; }
.side_nav > li > div > a { display:inline-block; font-size:1.15em; line-height:1.5; padding:10px;}
.side_nav > li > div > a:hover, .side_nav > li > div > a:focus { text-decoration:underline;}
.side_nav_sub { display:none; height:0; overflow:hidden; transition:height 0.5s ease; padding-left:44px; border-bottom:1px solid #ddd;}
.side_nav > li.on .side_nav_sub {display:block; height:auto;}
.side_nav_sub li a { display:block; padding:6px 10px;border-left:1px solid #eee;}
.side_nav_sub li a:hover, .side_nav_sub li a:focus { text-decoration:underline;}
.side_nav_sub li:not(:last-child) a {border-bottom:1px solid #eee;}

.side_info { padding:20px;}
.side_link { margin:10px 0 30px; display:flex; justify-content: space-between;}
.side_link li { width:29.6%;}
.side_link li a { display:block; font-size:13px; line-height:1.5; border:1px solid #ddd; border-radius:0.3em; text-align:center; padding:10px 1px 6px;}
.side_link li a:hover, .side_link li a:focus { border:2px solid #f5821f; padding:9px 0 5px; background:#fffdf3;}
.side_link li a .img { display:block; margin-bottom:5px;}
.side_info h2 { font-size:1.25em; margin-bottom:10px;}
.side_tel {display:inline-block; font-family: 'GmarketSans'; font-size:1.6em; line-height:1.15; color:#222; font-weight:600;margin-bottom: 0.4em;}
.side_info { font-size:1.1em;}

.side_close { position:absolute; left:-44px; top:20px; width:44px; height:44px; background:#f5f5f5; border:1px solid #ddd; z-index:101;}
.side_close [class^="ti-"] {  font-size:1.5em;} 


/* 상품리스트 */
.good_display .goods_list { display:flex; flex-wrap:wrap;}
/*.good_display.best_display .goods_list { flex-wrap:nowrap; margin:0;}*/
.best_display .goods_list li.goods_item {}
.display_col4 .goods_list li.goods_item, .display_col4 .goods_list li.goods_title { width:25%; padding:0 1.35% 2.7%;}
.goods_list li.goods_title > div { height:0; padding-bottom:100%; background:#129a78; border-radius:1.2em;}
.goods_list li.goods_title > div > h4 { padding:12%; color:#fff; font-size:2.14em; line-height:1.25em; letter-spacing:-0.04em; font-weight:500;}

.best_display .goods_info01 {position: relative;  border-radius:0 3em 0 0; overflow:hidden}
.goods_item .goods_info01 {position: relative; border-radius:10px; overflow:hidden;font-size:1.07em; line-height:1.4;}

.goods_item .goods_info01 a.goods_img1{position: relative;background: #eee;overflow: hidden;display: block}
.goods_item .goods_info01 a.goods_img1>img{max-width: fit-content !important;width: 100%;aspect-ratio: 1/1; object-fit: cover;}
.goods_item .goods_info01 .sales_percent{position: absolute;width: 50px;height: 50px;background: #d22158;display: flex;align-items: center;justify-content: center;font-size: 16px;font-weight: 400;color: #fff;top: 0%;left: 0%;}

.goods_item .goods_info01 > a > img{max-width: fit-content !important;width: 100%;aspect-ratio: 1/1; object-fit: cover;}
.live_box .goods_item .goods_info01 > a > img{max-width: fit-content !important;width: 100%;aspect-ratio: 1/1.5; object-fit: cover;}


.goods_item .nstore_quick {position:absolute; right: 5%;bottom: 5%;opacity:1;transition:all 0.2s ease ;z-index: 99;max-width: 38px;width: 14%;display: none;}
.new_item .goods_item .nstore_quick {position:absolute; right: 5%;bottom: 5%;opacity: 1;transition:all 0.2s ease ;z-index: 99;max-width: 38px;width: 14%}
.display_col4 .nstore_quick {position:absolute; right: 5%;bottom: 5%;opacity: 1;transition:all 0.2s ease ;z-index: 20;max-width: 38px;width: 14%}
.best_display .goods_list li.goods_item:hover .nstore_quick{opacity: 1}

/* URL 복사 버튼 스타일 */
.goods_item .url_copy_btn {
    position: absolute;
    left: 50%;
    bottom: 10px;
    width: 40px;
    height: 40px;
    background: rgba(0, 0, 0, 0.7);
    border: none;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-50%) translateY(20px);
    transition: all 0.3s ease;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
}

.goods_item .url_copy_btn:hover {
    background: rgba(0, 0, 0, 0.9);
    transform: translateX(-50%) translateY(20px) scale(1.1);
}

.goods_item:hover .url_copy_btn {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

.goods_item .goods_info02 .company_name {color:#7d7d7d; padding:1.4em 0 0.8em;font-family:'Pretendard';font-size: 0.85714em;font-weight: 100 }

.season_display .goods_item .goods_info02 .company_name { padding-top:1.5em  }

.goods_item .goods_info02 .wr_subject > a{display: flex;align-items: center;justify-content: space-between;margin-bottom: 0.5em;}
.goods_item .goods_info02 .wr_subject .icon_wrap{min-width: 34px;width: 34px;}
.goods_item .goods_info02 .wr_subject .wr_subject_text{
	overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 1.2em;
    line-height: 1.3;
    color: #1a1a1a !important;
    font-weight: 500;
   }

.goods_item .goods_info02 a:hover .wr_subject, .goods_item .goods_info01 a:focus .wr_subject { text-decoration:underline;}

.goods_item .goods_info02 { position:relative;background: #fff;}
.goods_item .goods_info02 .goods_price { font-size:1.14286em; line-height:1.4;padding: 1em 0 0.2em}
.goods_item .goods_info02 .goods_price > span {display:inline-block; font-weight:600;}
.goods_item .goods_info02 .goods_price > span:not(:first-child) { margin-left:5px;}
.goods_item .goods_info02 .goods_price .sales_percent { font-size:1.0625em; font-weight:700; color:#f11515;}
.goods_item .goods_info02 .goods_price .default_price { color:#000;}
.goods_item .goods_info02 .goods_price .default_price > strong{font-family: 'Jost', sans-serif;font-size: 1.0625em;}
.goods_item .goods_info02 .goods_price .default_consumer_price {text-decoration: line-through; color:#999;font-size: 0.9375em;}
.goods_item .goods_info02 .goods_price .default_consumer_price .num{font-weight: 400;}

.goods_item .goods_info02 .goods_price .num{font-family: 'Jost', sans-serif;}

.content_box.box02 .goods_item .goods_info02{background: #fff;padding:0 2em 1em;border-radius: 0 0 10px 10px}



.goods_item .goods_info02 .promotion_cate > span{display: inline-block;padding: 0.2em 0.6em;border: 1px solid #568bec;color: #568bec;margin-right: 0.2em;border-radius: 0.2em;overflow: hidden;}

.goods_info_detail { color:#666; margin-bottom:0.5em;}
.goods_info_detail .goods_review{display: flex;align-items: center;}
.goods_cuopon_01{height: 1.5em}
.goods_cuopon {height: 2em}
.goods_info_detail > span { display:inline-block;}
.goods_info_detail .product_star { color:#b8b8b8; font-size:1em;}

.goods_info_detail .goods_review_star{display: flex;align-items: center;}

.goods_info_detail .goods_review svg{margin-right: 0em;}


.goods_info_detail .star_1 > svg:nth-of-type(1) { color:#f11515;}

.goods_info_detail .star_2 > svg:nth-of-type(1) { color:#f11515;}
.goods_info_detail .star_2 > svg:nth-of-type(2) { color:#f11515;}


.goods_info_detail .star_3 > svg:nth-of-type(1) { color:#f11515;}
.goods_info_detail .star_3 > svg:nth-of-type(2) { color:#f11515;}
.goods_info_detail .star_3 > svg:nth-of-type(3) { color:#f11515;}


.goods_info_detail .star_4 > svg:nth-of-type(1) { color:#f11515;}
.goods_info_detail .star_4 > svg:nth-of-type(2) { color:#f11515;}
.goods_info_detail .star_4 > svg:nth-of-type(3) { color:#f11515;}
.goods_info_detail .star_4 > svg:nth-of-type(4) { color:#f11515;}

.goods_info_detail .star_5 > svg { color:#f11515;}


.product_review_count strong { font-weight:700; color:#000; font-size:0.98em;}

.goods_info_detail .product_grade_star {color: #9d9d9d;font-weight: 300;font-size: 0.98em;margin-left: 0.5em;}
.content_box.box05 .goods_info_detail .product_grade_star {font-family: 'Noto Sans KR';color: #9d9d9d;font-weight: 300;font-size: 0.94em}
.content_box.box05 .goods_info_detail .product_naver_delivery{font-size: 0.94em}
.goods_info_detail .product_grade_star>span {font-family:'Montserrat';font-weight: 400}

.goods_info_detail .product_naver_delivery {font-family: 'Noto Sans KR';color: #9d9d9d;font-weight: 300;font-size: 0.98em}
.goods_info_detail .product_naver_delivery::before {content:""; width: 1px;height: 11px;background: #9d9d9d;display: inline-block;margin:0 0.5em;}

[class^="goods_cuopon"] > span { display:inline-block; margin-right:2px; font-size:.8em; line-height:1.5; padding:0.1em 0.8em; color:#ff5967;font-weight: 600; }
[class^="goods_cuopon"] .talk_friend_coupon_price { background:rgb(255,238,239);}
[class^="goods_cuopon"] .store_keep_coupon_price { background:rgb(242,247,255);color: #399afb;}
.goods_cuopon_02, div.season_display .goods_cuopon_01 { display:none;}
.season_display .goods_cuopon_02 { position:absolute; display:block; top:0; transform:translateY(-50%); font-size:0.95em;}


.goods_list li.none_product { width:100% !important; }
.goods_list li.none_product div { text-align:center; padding:120px 0; background:#f9f9f9;}

.best_display { position:relative;}
.best_display .inner_wrap{display: flex;flex-wrap: wrap;}
.product_wrap.best_display .inner_wrap > li{    width: 20%;
    padding: 1%;}
.best_display .goods_list .no_goods { width:100%; text-align:center; padding:80px 0; background:#f5f5f5; font-size:1.15em; line-height:1.5;}
/*.best_display .goods_item .goods_info01 { border-radius:200px 200px 0 0;}
.best_display .goods_item .goods_info01 .goods_img { padding-bottom:140%;}
.best_display  .goods_item .goods_info01 .goods_img > img { height:100%; width:auto;}*/


@media (max-width:1320px) {
	.goods_item .goods_info02 .company_name{padding: 0.5em 0 0.3em}
.goods_list li.goods_title > div > h4 { font-size:2vw;}
}

@media (max-width:1024px) {

.goods_list li.goods_title > div > h4 { font-size:3vw;}
.display_col4 .goods_list li.goods_item, .display_col4 .goods_list li.goods_title { width:33.333%;}
}

@media (max-width:660px) {
.goods_list li.goods_title > div > h4 { font-size:4.2vw;}
.display_col4 .goods_list li.goods_item, .display_col4 .goods_list li.goods_title { width:50%;}
}
@media (max-width:520px){
.goods_item .goods_info01 a, .goods_item .goods_info01 { font-size:0.96em; }
.goods_item .goods_info02 { font-size:0.9em;}
}


@media  (max-width: 1280px){
		
.none1280 {display:none;}
.block1280 {display:block !important;}
.in-block1280 {display:inline-block !important;}
}

@media  (max-width: 1024px){
.none1024 {display:none !important;}
.block1024 {display:block !important;}
.in-block1024 {display:inline-block !important;}
}

@media  (max-width: 768px){
	.goods_item .goods_info02 .goods_price .sales_percent{font-size: 1.1em}
	.goods_item .goods_info02 .goods_price .default_price strong{font-size: 1.1em}
	.goods_info_detail .product_naver_delivery::before{height: 8px}
	.goods_info_detail .product_grade_star::before{height: 8px}

.none768 {display:none !important;}
.block768 {display:block !important;}
.in-block768 {display:inline-block !important;}
}

@media  (max-width: 560px){
.none560 {display:none !important;}
.block560 {display:block !important;}
.in-block560 {display:inline-block !important;}
}

@media  (max-width: 480px){
	[class^="goods_cuopon"] > span{padding: 0.1em 0.4em}
	.goods_item .goods_info02 .goods_price .default_price{font-size: 1em}
	.goods_item .goods_info02 .goods_price .sales_percent{font-size: 1em}
	.goods_item .goods_info02 .goods_price .default_price strong{font-size: 1em}

.none480 {display:none !important;}
.block480 {display:block !important;}
.in-block480 {display:inline-block !important;}
}


@media  (max-width: 380px){
.none380 {display:none;}
.block380 {display:block;}
.in-block380 {display:inline-block;}
}

.filtered_item_sorting { display:flex; justify-content: space-between; border:1px solid #ddd; margin:0 0 30px;}
.filtered_item_sorting .item_total { padding:0.6em 0.8em;}
.filtered_item_sorting .item_order ul { display:flex;}
.filtered_item_sorting .item_order ul a { display:inline-block; padding:0.6em; color:#888;}
.filtered_item_sorting .item_order ul a:hover, .filtered_item_sorting .item_order ul a:focus { text-decoration:underline;}
.filtered_item_sorting .item_order ul li:last-child a { padding-right:1em;}
.filtered_item_sorting .item_order ul a.selected { font-weight:600; color:#000;}

/* paging */
.paging_navigation { zoom:1; margin:15px 0 0; text-align:center; font-size:0; }
.paging_navigation:after {display:block; content:""; clear:both;}
.paging_navigation a, .paging_navigation input { display:inline-block; box-sizing:border-box; padding:0 2px; min-width:34px; height:34px;line-height:34px; font-size:12px; font-weight:500; color:#666; text-align:center; vertical-align:middle; border:1px #ddd solid; margin-left:-1px; text-decoration:none; }
.paging_navigation a:first-child, .paging_navigation input:first-child { margin-left:0; }
.paging_navigation input + a { margin-left:-1px; }
.paging_navigation a:hover { color:#333; border-color:#999; background-color:#eee; position:relative; z-index:2; }
.paging_navigation a.on {background-color:#fff; font-weight:500; color:#333; border-color:#333; position:relative; cursor:default; }
.paging_navigation a.red {color:#333 !important;}

.paging_navigation a.prev, .paging_navigation a.next, .paging_navigation a[rel='prev'], .paging_navigation a[rel='next'] { overflow:hidden; text-indent:-999px; margin:0 0 0 -1px; height:34px; }
.paging_navigation a.first, .paging_navigation a.last, .paging_navigation a.end, .paging_navigation a[rel='first'], .paging_navigation a[rel='last'], .paging_navigation a[rel='end'] { overflow:hidden; text-indent:-999px; margin:0 0 0 -1px; height:34px; }
.paging_navigation a.first { margin-left:0; }
.paging_navigation .prev, .paging_navigation [rel='prev'] {background:url('../images/design/icon_paging_prev.png') 50% 50% no-repeat; }
.paging_navigation .next, .paging_navigation [rel='next'] {background:url('../images/design/icon_paging_next.png') 50% 50% no-repeat; }
.paging_navigation .first, .paging_navigation [rel='first'] {background:url('../images/design/icon_paging_first.png') 50% 50% no-repeat; }
.paging_navigation .end, .paging_navigation [rel='end'] {background:url('../images/design/icon_paging_last.png') 50% 50% no-repeat; }
.paging_navigation .last, .paging_navigation [rel='last'] {background:url('../images/design/icon_paging_last.png') 50% 50% no-repeat; }
.paging_navigation a[rel]>span { display:none; }

@media (max-width:520px) {
 .filtered_item_sorting .item_order ul a {  padding:0.6em 0.4em;}
}

@media only print {
  /*a[href]::after {
    content: none !important;
  }*/

#header, .share_wrap, .subNav_wrap, #footer, #bo_cate, #bo_v_top {display:none !important;}
[class^="subTop_"] { padding-bottom:15% !important;}
.subCon {font-size:0.95em;}
	@page {
	  size: auto;
	  margin: 0.5em;  /* this affects the margin in the printer settings */
	}
}

.banner_wrapper{border-top:1px solid #e5e5e5;margin-top: 5em;}
.family_select{
	border: 1px solid #ddd;
	width: 100%;
	background: #fff;
	z-index: 10;
}

.family_select>li{
	padding: 10px;
	border-bottom: 1px solid #ddd;
}

.family_select>li:last-child{
	border-bottom: none;
}

.itemlist{
	display: grid;
	gap: 30px;
	grid-template-columns: repeat(auto-fit, minmax(calc(20% - 30px), 1fr));
}

.itemlist .item{
	margin-bottom: 20px;
}

.itemlist .item-img{
	object-fit: cover;
	aspect-ratio: 1/1;
	width: 100%;
	border-radius: 15px;
	margin-bottom: 10px;
}

.itemlist .item-category{
	font-size: 12px;
	color: #999;
}

.itemlist .item-title{
	font-size: 16px;
	font-weight: bold;
	color: #333;
	margin: 5px 0 10px 0;
}

.itemlist .item-content{
	font-size: 14px;
	color: #666;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
}

.btn-more{
	display: inline-block;
	padding: 10px 15px;
	background-color: #222;
	color: #fff;
	border-radius: 5px;
	text-decoration: none;
}

@media(max-width: 1024px){
	.itemlist{
		gap: 20px;
		grid-template-columns: repeat(auto-fit, minmax(calc(25% - 20px), 1fr));
	}

}

@media(max-width: 768px){
	.itemlist{
		gap: 12px;
		grid-template-columns: repeat(auto-fit, minmax(calc(50% - 12px), 1fr));
	}

}
@media (max-width: 768px) {
	#hd_pop {
		max-width: 100% !important;
	}

	.hd_pops {
		position: absolute;
		left: 50% !important;
		transform: translateX(-50%);
		width: 90% !important;
		background-color: #fff;
	}

	.hd_pops_con, .hd_pops_con img {
		width: 100% !important;
		height: auto !important;
	}
}

/* Custom Radio Button Style */
.custom_radio {
	display: inline-flex;
	align-items: center;
	margin-right: 20px;
	position: relative;
}

.custom_radio input[type="radio"] {
	display: none;
}

.custom_radio label {
	display: inline-flex;
	align-items: center;
	cursor: pointer;
	color: #666;
	font-size: 14px;
	user-select: none;
	position: relative;
	padding-left: 0;
}

.custom_radio label::before {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	border: 1px solid #e6e6e6;
	border-radius: 3px;
	background-color: #fff;
	margin-right: 8px;
	transition: all 0.2s ease;
	vertical-align: middle;
	position: relative;
	flex-shrink: 0;
}

.custom_radio input[type="radio"]:checked + label::before {
	background-color: #5789ff;
	border-color: #5789ff;
}

.custom_radio input[type="radio"]:checked + label::after {
	content: '';
	position: absolute;
	left: 8px;
	top: 6px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
	z-index: 1;
}