@font-face { text-rendering: optimizeLegibility;}
@font-face { font-family: '행복고흥L'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.0/행복고흥L.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'GmarketSansBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'TmonMonsori'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/TmonMonsori.woff') format('woff'); font-weight: normal; font-style: normal; }
*{
	font-family: 'Noto Sans KR', sans-serif ;
	letter-spacing: 0px;
}




.dropdown-menu {
  display: none;
  position: absolute;
  background-color: white;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding:0;
  margin:0;
  z-index: 100;
}
.dropdown:hover .dropdown-menu {
  display: block;
}
body{
	line-height:normal;-webkit-overflow-scrolling: touch;
	background-color:rgb(243,239,228);
}
.font1{
	font-family:TmonMonsori;
	font-size:2.8vh;
}
.layout3 .product-inner .product-thumb {
	box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, .2);
}

.layout1 .product-thumb{
	overflow:visible!important;
}
.layout1 .product-inner a{
	overflow:visible!important;
    
}
.layout1.product-item{
	overflow:hidden;
}
.layout1 .product-inner img{
    
}
.btn-primary {
	color:black;
    background-color: transparent;;
}

.btn-primary.focus, .btn-primary:focus, .btn-primary:hover{
    background-color: #eaeaea;
	border:solid 1px #eaeaea;
	color:#333333;
}

 .main-header .row{
   display: flex;
 }

 
.favoriteAdd{
	cursor:pointer;transition:all .3s;
}
.cartAdd{
	cursor: cell;transition:all .3s
}
.cartAdd:hover{
	color:green!important;
}


.float_sidebar .tagTitle {
	width: 100%;
	display:table;
	box-sizing:border-box;
	height:27px;
	

}
.float_sidebar .tagTitleRadio {
	width: 25%;
	padding:0;
	height:100%;
	float:left;
}

.float_sidebar .tagContentRadio {
	width:75%;
	float:left;

}

.gridView{
	position:absolute;left:0;top:0;width:100%;height:100%;opacity:1;
	transition-duration: 0.5s;
}
.gridView:hover{
	opacity:0;
}

	
.float_sidebar{
	display:inline-block;-ms-user-select: none; 
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none; padding:0;
}
.filterOpen{
	display:none;
	cursor:pointer;
}
.filterClose{
	display:none;
	cursor:pointer;
} 
.logoCon{
	text-align:left;
}

.menu_content{
	display:block;
}

.itemImg{
	position:relative;width:50%;float:left;padding-right:5px;
}
.itemImg .cartAdd{
	right:15px!important;
}
.itemImg .heart{
	right:45px!important;
}
.primary-info{
	width:50%;float:left;margin-top:0!important;text-align:left;
}
.itemImg .add-to-wishlist{
	right:20px!important;
}
.itemImg .sticker{
	right:20px!important;
}
.sidebar_inside{
	width:87%;
}

.mobile_float_button{
	display:none;
}
.printModelCon{
	padding-top:20px; padding-left:35px;padding-right:35px;
}
.main_poster{
	margin-bottom:45px;
	display:none;
}

.shirtAnimation {
  background-image: url('/img/20210110/shirt.png');
  background-size: 1900%;
}
.animateShirt {
  animation: heart-burst .8s steps(18) forwards;
}

.twopieceAnimation {
  background-image: url('/img/20210110/twopiece.png');
  background-size: 1900%;
}
.animateTwopiece {
  animation: heart-burst .8s steps(18) forwards;
}

.shareAnimation {
  background-image: url('/img/20210110/share.png');
  background-size: 4900%;
}
.animateShare {
  animation: heart-burst .8s steps(48) forwards;
}

.cartAnimation {
  background-image: url('/img/20210110/cart2.png');
  background-size: 4000%;
}
.animateCart {
  background-image: url('/img/20210110/cart.png');
  animation: heart-burst .9s steps(39) forwards;
}
.animateCart2 {
  background-image: url('/img/20210110/cart2.png');
  animation: heart-burst .9s steps(39) forwards;
}

.HeartAnimation {
  background-image: url('/img/20201108/web_heart_animation.png');
  background-size: 2900%;
}
.animateHeart {
  animation: heart-burst .8s steps(28) forwards;
}

.animationReady {
	padding-top: 2em;
	background-repeat: no-repeat;
	background-position: left;
	height: 80px;
	width: 80px;
	margin: 0 auto;
	margin-top: -25px;
	margin-left: -25px;
	margin-right: -25px;
	cursor: pointer;
}
.measureBox{
	position:absolute;
	left:50%;
	top:50%;
	box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, .2);
	border:solid 1px #454545;
	box-sizing:content-box;
	width:16cm;
	height:16cm;
	margin-left:-7.5cm;
	margin-top:-7.5cm;
}
.modal-body{
    background-color: rgb(243,239,228);
}
.modal-footer{
    background-color: rgb(243,239,228);
}
.modal-footer .btn-primary{
    background-color: white;
}
@keyframes heart-burst {
	0% {
		background-position: left
	}
	100% {
		background-position: right
	}
}


.popup_box{
	top:50%;
	left:50%;
	margin-left:-200px;
	margin-top:-175px;
	width:400px;
	height:350px;
	box-shadow: 1px 5px 20px 0px rgba(0, 0, 0, .8);
	border:0;
}
.main-header{
	padding:0px!important;
	padding-top:10px!important;
	padding-bottom:10px!important;
}
.cart_box{
	text-align:right;
}
@media(max-width: 500px){

	.popup_box{
		top:50%;
		left:5%;
	
		margin-left:0px;
		margin-top:-175px;

		width:90%;
		height:350px;
		box-shadow: 1px 5px 20px 0px rgba(0, 0, 0, .8);
		border:0;
	}
	
	.measureBox{
		position:absolute;
		left:50%;
		top:50%;
		box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, .2);
		border:solid 1px #454545;
		box-sizing:content-box;
		width:6cm;
		height:6cm;
		margin-left:-3cm;
		margin-top:-3cm;
		
	}

}
@media(min-width: 1199px){

	.customizer_box{
		height:84vh;
		width:90vw;
		max-width:150vh;
		margin:0 auto;
		margin-top:8vh;
	}


	.moreTag{
		display:none!important;
	}
	.closeTag{
		display:none!important;
	}
	.float_sidebar{
		left:0!important;
	} 

	.filterOpen{
		display:none!important;
	}
	.filterClose{
		display:none!important;
	} 
	.main-footer .right{
		float:right;
	}
	.main-footer .right .icon{
		width:100%;
	}
}
@media(max-width: 1199px){

	.main-footer .right .icon{
		width:104px;
		text-align:center;
	}
	.main-footer .logo_map{
		background-color:rgb(221,215,200);
	}
	.main-footer .detail{
		background-color:rgb(221,215,200);
	}
	.main-footer .right{
		text-align:center;
	}
	.cart_box{
		text-align:center;
	}
	.customizer_box{
		height:100vh;
		width:100vw;

	}
	.moreTag{
		display:block;
	}
	.main_poster{
		margin-bottom:0px;
		display:none;
	}
	.printModelCon{
		padding-top:20px; padding-left:0px;padding-right:0px;
	}
	.pg_wrap{
		margin-bottom:80px;
	}
	.sidebar_inside{
		width:100%;
	}
	.menu_content{
		display:none;
	}
	.logoCon{
		text-align:center;
	}	
	.gridView{
		position:absolute;left:0;top:0;width:100%;height:100%;opacity:1;
	  animation-name: fadein;
	  animation-iteration-count: infinite;
	  animation-direction: alternate;
	  animation-duration: 2s;
	  animation-delay: 0.5s;
	}
	.gridView:hover{
		opacity:0;
	}
	@keyframes fadein {
		0%, 40% { opacity: 1;}
		60%, 100%   {opacity: 0;}
	}


.mobile_float_button{
	display:block;
}
#hd_pops_1{
    top: 50%!important;
    left: 50%!important;
    margin-left: -175px;
    margin-top: -150px;
}

.btn-group-xs>.btn, .btn-xs{
	padding: 1px 2px;
}
.header.layout7 .main-header{

	padding:0px!important;
	padding-top:10px!important;
	padding-bottom:10px!important;
	margin-bottom:0;
}
.leftMenu{
	height:40px;
	border-bottom:solid 1px #eaeaea;
	box-sizing:border-box;
	border-right:solid 1px #eaeaea;
}
header .bottom li{
	border-bottom:solid 1px #eaeaea;
}
.main-menu > li > a{
	font-size:15px;
	line-height:50px;
}
 .topbar{
	display:none;

 }
 .main-header .left-content{
 	order:1;
 }
 .main-header .center-content{
 	order:2;
 }
 .main-header .right-content{
 	order:3;
 }
 
 .main-header .logo{
 	margin-bottom:0!important;
	margin-top:2px!important;
 }
 .loadingMessage{
	display:none;
 } 

 .menu-topbar li:nth-child(1){
	width:100%;
	padding-top:10px!important;
	padding-bottom:10px!important;
 }
 .menu-topbar .loginBtn{
	width:100%;
 }
 .menu-topbar li{
	width:50%;
	float:left;
	list-style: none;
	text-align:center;
	padding-top:10px!important;
	padding-bottom:10px!important;
 }





 .menu-mobile{
	padding-bottom:0!important;
	border-right:solid 1px #eaeaea;
	-webkit-overflow-scrolling: touch;
 }
 .aboutHyoda div{
	text-align:center!important;
 }
 .aboutHyoda div:nth-child(1){
 	display:none;
 }
 .blog-page3 .container{
	margin-left:15px!important;
	margin-right:15px!important;
 }
 .footer-inner{
	boreder-top:0;
 }
 .footer-inner .row>div:nth-child(4) h3{
	display:none;
 }
 .footer-inner h3{
	margin-bottom:10px;
 }
 .footer-inner{
	padding:0;
 }
 .footer-contacts-widget.fl-wrap{
	text-align:center;
 }
.footer-detail{
	width:100%;
	text-align:center;
}
 .sub-footer{
	padding:15px;
 }
 .subfooter-nav{
	display:none;
 }
 .closeName{
	display:block!important;
 }
 .openSearchTool{
	display:block!important;
 }
 .searchPenal{
	margin-top:0px!important;
	width:calc( 100% )!important;
	box-shadow:none!important;
 }

 
 .targetimgBox{
	position:fixed!important;
	top:62px;
	left:0;
	opacity:0.5;
	width:80px;
 }
 .modelChange{
	width:25px!important;
	height:25px!important;
	font-size:20px;
 }
 .modelChange .text{
	display:none;
 }
 .slideImg{
	display:none;
 }
 .slideImgM{
	display:block!important;
 }
 .targetimgBox{
	top:62px!important;
	right:0!important;
 }
 .searchPadding{
	display:block!important;
 }


.filterOpen{
	display:block;
}
.filterClose{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:1000;
	background-color:rgba(0,0,0,0.7);
}
 .float_sidebar{
 	position:fixed!important;
	z-index:1001!important;
	width:80%!important;
	left:100%;
	height:100%;
	overflow:auto;
	box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, .2)!important;
	top:0px!important;
	background-color:rgb(243,239,228)!important;
 }
.tagList{
	margin-top:0!important;
	background-color:rgb(243,239,228);
	box-shadow:none!important;
}
.customAllCon{
	display:none;
}
 /*
 
	.float_sidebar .tagContent {
		display:none;

		}
	.float_sidebar .tagContentRadio {
		width:100%;

	}
@media(max-width: 1199px){
	.float_sidebar .tagTitle {
		width:max-content;
		height:100%!important;
		cursor:pointer;
		background-color:transparent!important;
	}
	.float_sidebar .tagTitleRadio {
		width: 100%;
		padding:0 20px;
		height:100%;
	}
}
 .mobileTagContent{
	box-sizing:border-box;
    border-top: solid 1px #eaeaea;
	width:100%!important;
	padding:10px;
	float:left;
 }
 .float_sidebar .tagList {
	width:100%;
	margin-top:0!important;
	background-color:transparent!important;
	border-radius:0!important;
	left:0;
	z-index:10;
	padding:0;	
	overflow:auto;
	position:relative;
	box-shadow:none!important;
	height:40px;
	border:0!important;
	-webkit-overflow-scrolling: touch;
 }
 
 .float_sidebar .tagButtons {
 	width:max-content;
	height:100%;
 }
 .tagList .tagButtons{
	position:absolute;
	left:0;
	height:100%;
	width:max-content;
 }
 .float_sidebar .tagBox {
 	width:max-content;
	height:100%!important;
	overflow:visible!important;float:left;
 }
 .float_sidebar .tagTitle {
 	color: #999999!important;
 }

 .float_sidebar .moreTag {
 	display:none!important;

 }
 
 .float_sidebar .tagHeight{
	padding-top:10px;
	padding-bottom:10px;
 }
 .handIcon{
	display:block!important;
 }
 */
 .shop-page .breadcrumbs{
	border-top:0!important;
	background-color:rgb(224,218,204);
	text-align:center;
 }
}
.product-item.layout3 .product-inner .product-thumb .thumb-link::before{
	background-color:rgba(255,255,255,0.7);
}
.targetimgBox{
cursor:Move;
position:fixed;
z-index:9999;
width:150px;
left:0;
top:0;
padding:0;
display:none;
border-right:solid 3px black;
border-left:solid 3px black;
border-bottom:solid 3px black;
}