/* BASIC css start */
#main .main-banner, 
#main .move-banner, 
#main .headline-banner,
#main .step-banner { margin-bottom: 10px; }

.MK-product-icons img{display:inline-block;}


/* 레이아웃 CSS */
#layout {width:100%; min-width: 1280px; margin: 0px; font-size:12px; line-height: 16px; text-align:left; font-family:'Noto Sans KR', sans-serif; vertical-align:top;}
#layout .warp_top {width:100%; min-width: 1280px; display:inline-block; position:relative; z-index:9999; float:left;}
#layout .warp_event {width:100%; min-width: 1280px; display: inline-block; position:relative; text-align:center; margin-top:11px; float:left;}
#layout .warp_items {width:100%; min-width: 1280px; display: inline-block; position:relative; text-align:center; float:left; border-bottom:0px solid #ddd;}
#layout .warp_items .items01 {width:100%; display: inline-block; padding:124px 0px 0px 0px; float:left;}
#layout .warp_items .items02 {width:100%; display: inline-block; padding:60px 0px 0px 0px; float:left;}
#layout .warp_middle {width:100%; min-width:1280px; display: inline-block; position:relative; text-align:center; float:left; padding-top:100px;}
#layout .warp_middle .contents {width:1280px; display: inline-block; text-align: center;}
#layout .warp_middle .contents .box01 {width:1280px; display: inline-block; padding:150px 0px 0px 0px; }
#layout .warp_middle .contents .box02 {width:1280px; display: inline-block; padding:50px 0px 50px 0px; }
#layout .warp_footer {width:100%; min-width:1280px; display:inline-block; float:left; padding:130px 0px 0px 0px;}
/* 레이아웃 CSS */

/* 상품 진열 CSS */
#category_name { width:1280px; float: left; text-align:center; margin-bottom:80px;}
#category_name .title {width:1280px; line-height: 32px; font-size:30px; font-weight:bold; display: inline-block; color:#000; letter-spacing:-0.5px;}
#category_name .title1 {width:1280px; height:180px; line-height:180px; font-size:80px; font-weight:bold; display: inline-block; color:#fff; letter-spacing:-0.5px; background:url(/design/hellosuri/skin_2020/pc/top/bn_category_img01.jpg) no-repeat center;}
#category_name .title2 {width:1280px; height:180px; line-height:180px; font-size:80px; font-weight:bold; display: inline-block; color:#fff; letter-spacing:-0.5px; background:url(/design/hellosuri/skin_2020/pc/top/bn_category_img02.jpg) no-repeat center;}
#category_name .title3 {width:1280px; height:180px; line-height:180px; font-size:80px; font-weight:bold; display: inline-block; color:#fff; letter-spacing:-0.5px; background:url(/design/hellosuri/skin_2020/pc/top/bn_category_img03.jpg) no-repeat center;}
#category_name .title4 {width:1280px; height:180px; line-height:180px; font-size:80px; font-weight:bold; display: inline-block; color:#fff; letter-spacing:-0.5px; background:url(/design/hellosuri/skin_2020/pc/top/bn_category_img04.jpg) no-repeat center;}
#category_name .title5 {width:1280px; height:180px; line-height:180px; font-size:80px; font-weight:bold; display: inline-block; color:#fff; letter-spacing:-0.5px; background:url(/design/hellosuri/skin_2020/pc/top/bn_category_img05.jpg) no-repeat center;}

#category_img { width:1280px; float: left; text-align:center; margin-bottom:80px;}
#category_img .bn_img {width:1280px; display: inline-block;}
#category_name .sub {width:1280px; line-height: 22px; font-size:20px; font-weight:200; display: inline-block; color:#000; letter-spacing:-0.5px; margin-top:15px;}


#product_body {width: 1280px; font-size:14px; font-family:'Noto Sans KR', sans-serif; text-align:center; line-height: 16px; display: inline-block;}
#product_body .product_warp {width:1280px; display:inline-block;}
#product_body .product_warp .item_unit {width: 1360px; float:left; margin-left:-80px;}
#product_body .product_warp .item_unit ul {width:260px; height:550px; display:block; float:left; padding:0px 0px 0px 0px; margin:0px 0px 0px 80px; position:relative;}
#product_body .product_warp .item_unit ul:hover {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /*IE8*/ filter:alpha(opacity=70); /*IE5~7,8,9*/ opacity:0.7 /*Modern Browser*/}/*마우스오버*/
#product_body .product_warp .item_unit ul li{list-style: none; width: 100%; display: inline-block; font-family:'Noto Sans KR', sans-serif; text-align:left;}
#product_body .product_warp .item_unit .image {width:100%; display: inline-block;}
#product_body .product_warp .item_unit .color {width:260px; height:5px; display: inline-block; margin:10px 0px 0px 0px; padding:0px; float:left;}
#product_body .product_warp .item_unit .color .color_unit {width:22px; height:6px; display:inline-block; vertical-align:top; border:1px solid #e3e3e3;}
#product_body .product_warp .item_unit .icon {width:100%; display: inline-block; margin:10px 0px 10px 0px;}
#product_body .product_warp .item_unit .name {width:100%; display: inline-block; font-weight:400; color:#000;  font-size:14px; line-height:18px; margin:12px 0px 0px 0px; letter-spacing:-0.5px;}
#product_body .product_warp .item_unit .sub_name {width:100%;  font-weight:300; display: inline-block; font-size:14px; color:#595959; line-height:18px; margin:5px 0px 15px 0px; letter-spacing:-0.5px;}
#product_body .product_warp .item_unit .price {width:100%; display: inline-block; line-height:16px; font-size:14px; font-weight:600; vertical-align:baseline;}
/* 상품 진열 CSS */

/* 리뷰 CSS */
#review_warp {width:100%; min-width:1280px; margin-bottom:120px; text-align:center;}
#review_warp ul {width:1295px; display:inline-block; padding:0px; margin:0px; text-align:left; margin-right:-15px;}
#review_warp ul li {width:170px; height:170px; margin:0px 15px 15px 0px; float:left;}
#review_warp a {width:170px; height:170px; display:inline-block; float:left;}
/* 리뷰 CSS */


	#container {
		width:1280px;
		text-align:center;
		display:inline-block;
	}

	#container .title {
		width:1280px;
		text-align:center;
		display:inline-block;
		font-size:30px;
		font-weight:bold;
		color:#000;
		font-family:'Noto Sans KR', 'sans-serif', 'dotum';
		margin-bottom:35px;
	}

	#container .tabs {
		width:auto;
		height:40px;
		text-align:center;
		display:inline-block;
		
		
	}
	#container .tabs li {
		list-style:none;
		font-weight:bold;
		font-family:'Noto Sans KR', 'sans-serif', 'dotum';
		display:inline-block;
		float:left;
		margin-right:30px;
		padding-bottom:8px;
	}	
	
	#container .tabs li a {
		font-size:24px;
		font-weight:400;
		font-family:'Noto Sans KR', 'sans-serif', 'dotum';
		color:#b3b3b3;
		line-height:24px;
	}	

	#container .tabs .active {
		border-bottom:2px solid #000;
		color:#000;
	}

	#container .tabs .active a{
		color:#000;
	}	

	#container .tab_container {
		width:1280px;
		padding:35px 0px 0px 0px;
		margin:0px;
	}
	#container .tab_container .tab_content {
    display: none;
	}

/* 상품 진열 CSS */
#tab_items {
	width: 1280px;
	font-size:14px;
	font-family:'Noto Sans KR', sans-serif;
	text-align:center;
	line-height: 16px;
	display: inline-block;
	}
	
#tab_items .item_warp {
	width:1280px;
	display:inline-block;
	}
	
#tab_items .item_warp .item_unit {
	width: 1310px;
	float:left;
	margin-left:-27px;
	}
#tab_items .item_warp .item_unit ul {
	width: 300px;
	height:420px !important;
	display: block;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 50px 27px;
	position: relative;
	}
	
#tab_items .item_warp .item_unit ul:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	/*IE8*/ filter:alpha(opacity=70);
	/*IE5~7,8,9*/ opacity:0.7
	/*Modern Browser*/
	}/*마우스오버*/
	
#tab_items .item_warp .item_unit ul li{
	list-style: none;
	width: 100%;
	display: inline-block; 
	font-family:'Noto Sans KR', sans-serif; 
	text-align:left;
	}
	
#tab_items .item_warp .item_unit .image {
	width:100%; 
	display: inline-block;
	}
	
#tab_items .item_warp .item_unit .color {
	width:260px; 
	height:5px; 
	display: inline-block; 
	margin:10px 0px 0px 0px; 
	padding:0px; 
	float:left;
	}
	
#tab_items .item_warp .item_unit .color .color_unit {
	width:22px; 
	height:6px; 
	display:inline-block; 
	vertical-align:top; 
	border:1px solid #e3e3e3;
	}
	
#tab_items .item_warp .item_unit .icon {
	width:100%; 
	display: inline-block; 
	margin:7px 0px 15px 0px;
	}
#tab_items .item_warp .item_unit .name {
	width:100%; 
	display: inline-block; 
	font-weight:400; 
	color:#000;  
	font-size:16px; 
	line-height:18px; 
	margin:12px 0px 0px 0px;
	letter-spacing:-0.5px;
	}
#tab_items .item_warp .item_unit .sub_name {
	width:100%;  
	font-weight:300; 
	display: inline-block; 
	font-size:14px; 
	color:#595959; 
	line-height:18px; 
	margin:12px 0px; 
	letter-spacing:0px;
	}
	
#tab_items .item_warp .item_unit .price {
	width:100%; 
	display: inline-block; 
	line-height:16px; 
	font-size:14px; 
	font-weight:400;
	}
/* 상품 진열 CSS */
/* BASIC css end */