/* BASIC css start */

div.C-281-5-2 .category-title img { max-width: 100%; }
div.C-281-5-2 .category-title { text-align: center; }
div.C-281-5-2 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
	#diary_wrap{
		width: 100%;
		max-width: 800px;
		margin: 0 auto;


	}
	
	#diary_wrap>img {width: 100%;}
	
	.container_D {

		padding: 20px;
		display: grid;
		display: -ms-grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 1fr 1fr;
		 -ms-grid-columns: 1fr 1fr;
		 -ms-grid-rows: 1fr 1fr;
		column-gap: 0px;
		background-color: #f4edd8;
		

		
	}
	
 
	.title_D {
		font-size: 150%;
		text-align: center;
		background-color:  #f4edd8;
		padding-top: 50px;
	}
	

	.title_D .material-symbols-outlined {
		animation-name: scroll;

		animation-duration: 8s;
	
	}
	
	@keyframes scroll {
  0% {
    transform: rotate(2880deg);
  }

	}
	
	.container_D .item_D{
		margin-top: 5%;
	}	
	
/*	Èçµé ¾Ö´Ï¸ÞÀÌ¼Ç */
	.container_D .item_D:hover {		
		animation-name: Èçµé;
		animation-duration: 0.5s;
	}
	
@keyframes Èçµé {
  0% {
    transform: rotate(0deg);
  }

  50% {
    transform: rotate(3deg);
  }
  
  75% {
    transform: rotate(-3deg);
  }

  100% {
    transform: rotate(0deg);
  }
}

	
	
	
	.container_D >div:nth-child(1) {		
		-ms-grid-row: 1;
        -ms-grid-column: 1;
		
	}
	
	.container_D >div:nth-child(2) {		
		-ms-grid-row: 1;
        -ms-grid-column: 2;
		margin-right: -5%;
	}	
	
	
	.container_D >div:nth-child(3) {		
		-ms-grid-row: 2;
        -ms-grid-column:1;

	}	
	
	.container_D >div:nth-child(4) {		
		-ms-grid-row: 2;
        -ms-grid-column: 4;
		margin-right: -5%;

	}	
	
	
	
	
	.container_D .item_D img{

		border: 1px solid black;
		border-radius: 50%;
		width: 95%;

	}
	
	
	.container_D .sub_D {
		text-align: center;
		display: block;
		font-size: 0.9rem;
		margin-top: 10px;
	}
	
	
	
	.container_D .brand_D .sub2_D{
		text-align: center;
		vertical-align: middle;
		font-size: 1.1rem;
		margin-top: 10px;

	}	
		
	.container_D .material-symbols-outlined {
		color: burlywood;
		font-size: 18px;
	}
div.C-281-5-4 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
.clearFix {position:relative; overflow:hidden; zoom:1;}
.page_location {margin:10px 0 0px 0; padding:10px 10px ; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background:#f8f8f8; *zoom:1 }
.page_location:after { display:block; clear:both; content:'' }
.page_location .page_prev { float:left; width:10%;  }
.page_location .page_prev i { font-size:0.80em; font-weight:bold; line-height:16px; vertical-align:top; }
.page_location div { float:left;; width:95% }
.page_location ol { float:left; }
.page_location li {float:left;font-size:0.80em;color:#152f4e;}

.page_location li::after {content: ">"; margin: 0 3px;}
.page_location li:last-child::after {content: ""; margin:0;}

div.C-281-5-6 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }



.C-159 {min-height: 100%; }

div.C-159-2-6 .goods-grouping .low-grouping ul li a.category-on { color:#245aac; font-size:0.90em; font-weight:bold; font-style:normal; text-decoration:none; }


div.C-159-2-6 .goods-grouping .low-grouping ul li a {height:100%; display:block; text-align:left; color:#333; font-size:0.90em; font-weight:normal;padding:6px 5px 5px 0px; margin-left:10px;word-break:break-all;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

div.C-159-2-6 .goods-grouping .low-grouping ul li { width: 100%; height:100%; text-align:left;}




div.C-159-2-6 .goods-grouping .low-grouping ul li a {padding:6px 5px 5px 0px;  color:#333333; font-size:0.90em; font-weight:normal; font-style:normal; text-decoration:none; border-color:#D0D0D0; margin-left:10px;height:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}


div.C-159-2-6 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ;height:100%; }


.swiper-container9 {
z-index:0;
      width: 100%;
      height: 100%;
      padding-bottom:63px;
      
    }
    .swiper-slide9 {
height: 100%;
      text-align: left;
  
   border-bottom: 1px solid #CCCCCC;
   

    }
		&-active{
				background-color: #bd1701;}
.sw{font-size:0.95em;color:#737373; border-top: 1px solid #CCCCCC; border-bottom:10px solid #f8f8f8;
padding-top:10px;padding-bottom:12px;

}
.ter {position: absolute; left:50%; top:100%; color:#fff;font-size:0.90em;z-index:999999;margin-left:-24px;margin-top:-54px;padding:2px 8px 0px 42px;background-color: rgba(0, 0, 0, 0.2);
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;} 



 .popup1, .popup2, .popup3, .popup4, .popup5, .popup6, .popup7,.popup8, .popup9{width:100%;padding-top:50px;display:none; text-align:center; background:#fff;}
.popup1 h1, .popup2 h1, .popup3 h1, .popup4 h1, .popup5 h1, .popup6 h1, .popup7 h1, .popup8 h1, .popup9 h1{color:#b73e5a; font-size:16px;}
.popup1 p, .popup2 p, .popup3 p, .popup4 p,  .popup5 p, .popup6 p, .popup7 p, .popup8 p, .popup9 p{text-align:center; background:#fff;  font-size:1.15em;padding:0px 0px;}

.popup1 .btn_close, .popup6 .btn_close, .popup7 .btn_close, .popup8 .btn_close, .popup9 .btn_close{ position:absolute; top:12px; right:15px;width: 45px; height: 40px;background:#fff;z-index:99999999; }

.popup1 .btn-logo {display: inline-block;font-size:1.20em; height: 40px; line-height: 40px; font-weight: bold;background:#fff;text-align:center;}

.popup1 .btn_close .x1 {border: 1px solid #777; transform: rotate(45deg); -webkit-transform: rotate(45deg); width: 25px; position: absolute; top: 17px; right: 7px;}

.popup1 .btn_close .x2 {border: 1px solid #777; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); width: 25px; position: absolute; top: 17px; right: 7px;}


.popup1 .fix{position: fixed; top: 0px; left:0px;width:100%;padding:10px 0px 0 0px;z-index:9999999; height:50px;background:#fff;}


div.C-159-2-61 .goods-grouping .low-grouping ul li a.category-on { color:#245aac; font-size:1.15em; font-weight:bold; font-style:normal; text-decoration:none; }


div.C-159-2-61 .goods-grouping .low-grouping ul li a {height:100%; display:block; text-align:center; color:#333; font-size:1.15em; font-weight:normal;padding:6px 5px 5px 0px;word-break:break-all;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

div.C-159-2-61 .goods-grouping .low-grouping ul li { width: 100%; height:100%; text-align:center;border-bottom: 1px solid #f6f6f6;}



div.C-159-2-61 .goods-grouping .low-grouping ul li a {padding:6px 5px 5px 0px;  color:#333333; font-size:1.15em; font-weight:normal; font-style:normal; text-decoration:none; border-color:#D0D0D0; margin-left:10px;height:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}



div.C-159-2-61 { margin:0px 0px 0px 0px; padding:60px 0px 20px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ;height:100%; }



.clearFix {position:relative; overflow:hidden; zoom:1;}
.page_location1 {text-align:center;margin:10px 0 0px 0; padding:10px 0px 0 0 ; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background:#f8f8f8; *zoom:1 }
.page_location1:after { display:block; clear:both; content:'' }
.page_location1 .page_prev { float:left; width:10%;  }
.page_location1 .page_prev i { font-size:0.80em; font-weight:bold; line-height:16px; vertical-align:top; }
.page_location1 div { width:100%; }
.page_location1 ol {display:inline-block; *display:inline; zoom:1; }
.page_location1 li { float:left;margin-left:-1px; z-index:1;font-size:1.0em;color:#152f4e;}


.page_location1 li::after {content: ">"; margin: 0 3px;}
.page_location1 li:last-child::after {content: ""; margin:0;}

.rtt {font-size:0.75em; color: #999;letter-spacing:-1px;}
div.C-281-5-7 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
.list_array {height:40px; border-bottom:1px solid #4a4a4a; padding:0 8px; margin-top:3px; margin-bottom:0px;}
.list_array .list_arrayLeft {float:left; margin-top:0px;margin-bottom:10px;margin-left:5px;}
.list_array .list_arrayLeft select {height:28px;background:#fff;}
.list_array .list_arrayRight {float:right; margin-top:0px;margin-right:10px;margin-bottom:10px;}
.list_array .list_arrayRight img {margin-left:5px;}



.shopbrand .list_group { margin:0 15px; padding:25px 0 20px; border-bottom:1px solid #e4e4e4 }
.shopbrand .list_group h3 { padding-bottom:10px; font-size:16px; font-weight:bold; color:#474747 }
.shopbrand .list_group select {width:50%; height:28px;}
.shopbrand .more .more-title {color: #3b3b3b;}
.shopbrand .more .more-num {color: #aaaaaa;}
.shopbrand .shopbrandTitle img {max-width: 100%;}
.list_array .list_arrayRight img {width: 23px; height: auto;}






.product-list1 { padding:10px 15px 0px 0px; position:relative }
.list_shopping1x {text-align:center;padding:0px 0px 0 0px;}
.list_shopping1x ul {width:100%; display:table; table-layout: fixed; box-sizing: border-box; text-align:left;}
.list_shopping1x li {width:100%; display:inline-block; vertical-align: top;padding:0px 0px 20px 5px;}


.list_shopping1x li:last-child{padding-bottom:0}

.list_shopping1x li a {display: block; padding:0 0px; position:relative; overflow:hidden; zoom:1;border:1px solid #ddd;}
.list_shopping1x li dl {}
.list_shopping1x li img.listPic {width:50%; float:left;}
.list_shopping1x .list_shoppingInfo {width:46%; float:right; padding-left:3%;}


.list_shopping1x .list_shoppingInfo li { width:auto; display:block }
.list_shopping1x .list_shoppingInfo .listBrand { height:17px; font-size:12px; color:#333; font-weight:bold; letter-spacing:-1px }
.list_shopping1x .list_shoppingInfo .listName {display:-webkit-box; height:60px; font-size:0.90em; color:#666; line-height:120%; -webkit-line-clamp:4; -webkit-box-orient:vertical; text-overflow:ellipsis;overflow: hidden;padding:10px 10px 10px 10px; }
.list_shopping1x .list_shoppingInfo .listPrice {position: absolute;bottom:10px; right:0px; height:32px;padding:50px 20px 0 0;  *zoom:1 }
.list_shopping1x .list_shoppingInfo .listPrice:after { display:block; clear:both; content:'' }
.list_shopping1x .price-discount { position:absolute;top:0px; left:0px;float:left; background-color:rgba(52, 90, 136, 0.8); padding:0px 6px 2px 6px;font-size:0.95em; color:#fff; font-weight:600;}
.list_shopping1x .price-discount p{ line-height:0.95em;}
.list_shopping1x .price-discount sp {font-size:0.65em; font-weight:normal; color:#fff;}

.list_shopping1x .price-discount span { font-size:0.75em; font-weight:normal; color:#fff; }

.list_shopping1x .list_shoppingInfo .listPrice .price-info { float:right; text-align:right; vertical-align:bottom;}
.list_shopping1x .list_shoppingInfo .listPrice .price-info .strike { height:18px }
.list_shopping1x .list_shoppingInfo .listPrice .price-info strike { font-size:0.85em; color:#aaa }
.list_shopping1x .list_shoppingInfo .listPrice .price-info span { color:#152f4e;}
.list_shopping1x .list_shoppingInfo .listPrice .price-info .won { font-size:0.85em; }
.list_shopping1x .list_shoppingInfo .listPrice .price-info .price { font-size:1.05em; font-weight:bold; color:#152f4e;letter-spacing:-1px }
.list_shopping1x .list_shoppingBtm {width:100%;height:auto;   }
.list_shopping1x .list_shoppingBtm .prd-ico { padding-left:1px; width:auto }
.list_shopping1x .list_shoppingBtm .prd-ico span { line-height:30px }
.list_shopping1x .list_shoppingBtm .prd-ico img { vertical-align:middle }







.product-list { padding:20px 0px 0px 5px; position:relative }

.list_shopping2x {text-align:center;padding-bottom:10px;}
.list_shopping2x ul {width:100%; display:table; table-layout: fixed; box-sizing: border-box; text-align:left;}
.list_shopping2x li {width:49%; padding:0 0px 0 0px;display:inline-block; vertical-align: top; text-align:left;box-sizing: border-box;}
.list_shopping2x li a {display: block; padding:10px 4px 0 4px;}
.list_shopping2x li dl { border:1px solid #ddd }
.list_shopping2x li img.listPic {width: 100%;}
.list_shopping2x .list_shoppingInfo { padding:12px 12px 0 12px; border-top:1px solid #ddd }
.list_shopping2x .list_shoppingInfo li { width:auto; display:block }
.list_shopping2x .list_shoppingInfo .listBrand { height:17px; font-size:12px; color:#333; font-weight:bold; letter-spacing:-1px }
.list_shopping2x .list_shoppingInfo .listName { display:-webkit-box; height:34px; font-size:0.85em; color:#666; line-height:120%; letter-spacing:-1px; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis;overflow: hidden; }
.list_shopping2x .list_shoppingInfo .listPrice { padding-top:5px;padding-bottom:10px; height:32px; *zoom:1 }
.list_shopping2x .list_shoppingInfo .listPrice:after { display:block; clear:both; content:'' }
.list_shopping2x .price-discount { position: absolute;top:0px; left:0px;margin: 0 0 0;float:left; background-color:rgba(52, 90, 136, 0.8); padding:0px 6px 2px 6px;font-size:0.95em; color:#fff; font-weight:600; z-index:0; }
.list_shopping2x .price-discount p{ line-height:0.95em;}
.list_shopping2x .price-discount sp {font-size:0.65em; font-weight:normal; color:#fff;}
.list_shopping2x .price-discount span { font-size:0.75em; font-weight:normal; color:#fff; }

.list_shopping2x .thumb{ position: relative;}







.list_shopping2x .list_shoppingInfo .listPrice .price-info { float:right; text-align:right; vertical-align:bottom }
.list_shopping2x .list_shoppingInfo .listPrice .price-info .strike { height:18px }
.list_shopping2x .list_shoppingInfo .listPrice .price-info strike { font-size:0.85em; color:#aaa }
.list_shopping2x .list_shoppingInfo .listPrice .price-info span { color:#152f4e;}
.list_shopping2x .list_shoppingInfo .listPrice .price-info .won { font-size:0.85em; }
.list_shopping2x .list_shoppingInfo .listPrice .price-info .price { font-size:1.05em; font-weight:bold; color:#152f4e;letter-spacing:-1px }
.list_shopping2x .list_shoppingInfo .listPrice .price-info .reserve { font-size:0.85em; font-weight:normal; color:#152f4e;letter-spacing:-1px }




.list_shopping2x .list_shoppingBtm { height:26px; border-top:1px solid #ddd }
.list_shopping2x .list_shoppingBtm .prd-ico { padding-left:1px; width:auto }
.list_shopping2x .list_shoppingBtm .prd-ico span { line-height:26px }
.list_shopping2x .list_shoppingBtm .prd-ico img { vertical-align:middle }

.list_shopping3x {text-align:center;}
.list_shopping3x ul {width:100%; display:table; table-layout: fixed; box-sizing: border-box; padding:0 2px; text-align:left; font-size:0;}
.list_shopping3x li {width:33.33%; display:inline-block; vertical-align: top;}
.list_shopping3x li a {display: block; padding:2px;}
.list_shopping3x li img.listPic {width:100%;}
.list_shopping3x .list_shoppingInfo {margin-top:10px; text-align:center; font-size:12px;}

.listName {color:#3b3b3b; word-break: break-all;}
.listDiscount {color:#b5b5b5;}
.listPrice {color:#1b1b1b; margin:4px 0;}
.listReview {color: #DB2E2E; margin-bottom:4px;}
.listReserve {color:#7d7d7d; font-size:0.917em;}
.listPoint {color:#7d7d7d; font-size:0.917em;}
/* //»óÇ°Áø¿­ */

.pa {text-align:center; margin:0px 0;}


.pa { padding:20px 0 20px 0; text-align: center; vertical-align: top; }
.pa li { display:inline-block }
.pa li a { display:block; width:24px; height:24px; font-size:1.00em; color: #999; text-align:center; line-height:24px; border:1px solid #ddd; cursor: pointer; overflow: hidden }
.pa li a:hover,
.pa li.now a { color:#152f4e; border:1px solid #152f4e; }
.pa li.first a,
.pa li.prev a,
.pa li.next a,
.pa li.last a {  }
.pa li.prev { margin-right:5px; }
.pa li.next { margin-left:5px; }


@media screen and (max-width:319px) {
    .tabletOnly {display:none !important;}
}
@media screen and (min-width:320px) and (max-width:419px) {
    .tabletOnly {display:none !important;}
}
@media screen and (min-width:420px) and (max-width:767px) {
    .tabletOnly {display:none !important;}

    /* »óÇ°Áø¿­ */
    .list_shopping1x li {width:49%;}
    .list_shopping1x li a {padding:0px;}
    .list_shopping1x li:first-child a {padding:0px;}
    .list_shopping1x li:nth-child(2) {border:0px none;}
    .list_shopping2x li {width:33%;}
    .list_shopping3x li {width:25%;}
    /* //»óÇ°Áø¿­ */
    
    /* ´õº¸±â ¹öÆ° */
    .btn_moreGray {width:335px;}
    /* //´õº¸±â ¹öÆ° */
    /* .layer .layer-pop .txt {max-height: 150px;} GÆе忡¼­ »çÀÌÁî°¡ ÀÛ°Ô ³ª¿Í¼­ Á¦°ÅÇÔ */
    .layer .layer-pop {margin:20px auto;}
}
@media screen and (min-width:768px) {
    body {font-size:0.813em;}
    .mobileOnly {display:none !important;}

    /* »óÇ°Áø¿­ */
    .list_shopping1x li {width:49%;}
    .list_shopping1x li a {padding:10px;}
    .list_shopping1x li:first-child a {padding:10px;}
    .list_shopping1x li:nth-child(2) {border:0px none;}
    .list_shopping2x ul {padding:0 5px;}
    .list_shopping2x li {width:33%;}
    .list_shopping2x li a {padding:5px;}
    .list_shopping3x ul {padding:0 5px;}
    .list_shopping3x li {width:25%;}
    .list_shopping3x li a {padding:5px;}
    /* //»óÇ°Áø¿­ */

div.C-281-5-9 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }

div.C-281-5-10 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
/* BASIC css end */