@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');


body, html {width:100%; height:100%; }

a:-webkit-any-link {text-decoration:none;}

.register_margin-top {
	margin-top:20px;
}

/* 2019 브랜드관 추가 */
.brand_btn {
	position:relative; display:inline-block; width:120px; height:50px; background:#00b8cc; vertical-align:middle; box-sizing:border-box; margin-top:-6px; cursor:pointer;
	font-size:13px;
	color:#fff;
	font-weight:bold;
	padding-top:18px;
	text-align:right;
	padding-right:40px;
}
.brand_bar {
	position:absolute;
	left:15px;
	width:3px;
	height:3px;
	background-color:#fff;
}
.brand_bar1 {
	top:18px;
}
.brand_bar2 {
	top:23px;
}
.brand_bar3 {
	bottom:19px;
}
#triangle-down {
	position:absolute;
	top:21px;
	right:13px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 7px solid #fff;
}
.brand_wrap {
	position:absolute;
	top:50px;
	left:0px;
	width:120px;
	height:100px;
	background:#fff;
	z-index:+1000;
	border:1px solid #dfdfdf;
	text-align:left;
	padding:20px 10px;
	box-sizing:border-box;
	display:none;
}
/* 2018 여름 이벤트 메뉴 클래스 (임시) */
.blink {
	animation-name:fsize;
	animation-delay:0s;
	animation-duration:1s;
	animation-iteration-count:infinite;
	animation-direction:alternate;
	animation-timing-function:linear;
	transition:1s ease;
}
/*
.t1 {
	font-size:13px;
	color:#000;
	animation-name:fsize;
	animation-delay:1s;
	animation-duration:2s;
	animation-iteration-count:infinite;
	animation-direction:alternate;
	animation-timing-function:linear;
	transition:1s ease;
}
.t2 {
	font-size:13px;
	color:#000;
	animation-name:fsize;
	animation-delay:2s;
	animation-duration:3s;
	animation-iteration-count:infinite;
	animation-direction:alternate;
	animation-timing-function:linear;
	transition:1s ease;
}
.t3 {
	font-size:13px;
	color:#000;
	animation-name:fsize;
	animation-delay:3s;
	animation-duration:4s;
	animation-iteration-count:infinite;
	animation-direction:alternate;
	animation-timing-function:linear;
	transition:1s ease;
}
.t4 {
	font-size:13px;
	color:#000;
	animation-name:fsize;
	animation-delay:4s;
	animation-duration:5s;
	animation-iteration-count:infinite;
	animation-direction:alternate;
	animation-timing-function:linear;
	transition:1s ease;
}
.t5 {
	font-size:13px;
	color:#000;
	animation-name:fsize;
	animation-delay:5s;
	animation-duration:6s;
	animation-iteration-count:infinite;
	animation-direction:alternate;
	animation-timing-function:linear;
	transition:1s ease;
}
.t6 {
	font-size:13px;
	color:#000;
	animation-name:fsize;
	animation-delay:6s;
	animation-duration:1s;
	animation-iteration-count:1infinite
	animation-direction:alternate;
	animation-timing-function:linear;
	transition:1s ease;
}*/

@keyframes fsize {
    from {
	  color:#000;
    }
    to {
	  color:#00b8cc;
    }
}




/* 로그인창(팝업) */

.login_bg {

}
	.login_box {
		margin:0 auto;
		width:330px;
		height:210px;
		padding:35px;
		background:#fff;
		border:#9b9b9b 1px solid;
		margin-top:70px;
	}
		.l_logo {
			width:119px;
			height:55px;
			margin:0 auto;
		}
		.l_input_area {
			width:279px;
			height:57px;
			margin:25px 0 0 27px;
		}
			.l_input_box {
				width:187px;
				height:57px;
				float:left;
			}
				.l_input_id {
					width:185px;
					height:22px;
					background:#fff;
					border:#c9c9c9 1px solid;
				}
				.l_input_pw {
					width:185px;
					height:22px;
					margin:5px 0 0 0;
					background:#fff;
					border:#c9c9c9 1px solid;
				}
			.l_btn {
				width:84px;
				height:35px;
				padding:20px 0 0 0;
				background:#00b8cc;
				border:#00cfe6 1px solid;
				color:#fff;
				font-weight:bold;
				text-align:center;
				float:right;
				cursor:pointer;
			}
		.l_join_area {
			width:250px;
			height:11px;
			margin:10px 0 0 27px;
			font-size:11px;
			color:#5b5b5b;
		}
			.l_join {
				float:left;
				cursor:pointer;
			}
			.l_find {
				margin:0 0 0 20px;
				cursor:pointer;
				float:left;
			}

		.n_login_wrap {
			width:279px;
			height:28px;
			margin:20px 0 0 27px;
		}
			.n_join {
				float:left;
			}
			.f_login {
				float:right;			
			}




/* header 

.sns_link {
	width:100%;
	height:32px;
	margin:0 0 40px 0;
	border-bottom:#d4d4d4 1px solid;
}
	.sns_center {
		width:1240px;
		height:32px;
		margin: 0 auto;
	}
		.sns_wrap {
			width:279px;
			height:32px;
			margin: 0 auto;
		}
			.sns_icon {
				width:32px;
				height:32px;
				padding:0 30px 0 30px;
				border-right:#d4d4d4 1px solid;
				float:left;
			}
			.sns_l_line {
				border-left:#d4d4d4 1px solid;
			}

.gnv {
	width:1240px;
	height:140px;
	margin:0 auto;
}
	.gnv_logo {
		width:140px;
		height:140px;
		float:left;
	}
	.menu_wrap {
		height:100px;
		padding:40px 100px 0 0;
		float:right;
	}
		.menu_box {
			height:23px;
			clear:both;
		}
			.gnv_menu {
				margin:6px 40px 0 0;
				font-family:'Pretendard Variable', Pretendard, -apple-system, 'Noto Sans KR', sans-serif;
				color:#7c767a;
				cursor:pointer;
				float:left;
			}
		.gnv_bookmark {
			width:92px;
			height:18px;
			padding:5px 0 0 0;
			text-align:center;
			font-size:11px;
			background:#00b8cc;
			color:#fff;
			float:right;
			cursor:pointer;
		}
	.search_wrap {
		width:218px;
		height:21px;
		padding:0 0 5px 10px;
		margin:24px 0 0 0;
		border-bottom:#ececec 1px solid;
		float:right;
	}
		.search_bar {
			width:190px;
			border:none;
			float:left;
		}
		.search_icon {
			float:right;
			cursor:pointer;
		}

		*/

/* page layout */

.page_wrap {
	width:1240px;
	position:relative;
	display:table;
	margin:0 auto;
}
	.nav_wrap {
		width:180px;
		height:500px;
		min-height:500px;
		float:left;
	}
		/* nav */
		.nav_tit {
			padding:15px 0 15px 7px;
			font-family:'Pretendard Variable', Pretendard, -apple-system, 'Noto Sans KR', sans-serif;
			font-weight:bold;
			font-size:16px;
			line-height:23px;
			color:#2a2a2a;
		}
		.nav_line {
			height:1px;
			width:180px;
			margin:0 0 0 7px ;
			background:#cfcfcf;
		}
		.nav_b {
			margin:20px 0 0 7px;
			font-size:13px;
			color:#868686;
			font-family:'Pretendard Variable', Pretendard, -apple-system, 'Noto Sans KR', sans-serif;
			cursor:pointer;
		}
		.nav_b a {
			color:#868686;
		}
		.nav_t {
			margin:15px 0 0 14px;
			font-size:13px;
			color:#7c818b;
			font-family:'Pretendard Variable', Pretendard, -apple-system, 'Noto Sans KR', sans-serif;
			cursor:pointer;
		}


	/* contents area */

	.con_wrap {
		width:1000px;
		height:100%;
		min-height:500px;
		float:left;
		margin-left:120px;
	}


	/* main contents */

		.main_visual{
			width:1000px;
			height:380px;
			background:#f3f3f3;
			text-align:center;
		}

		#main_visual{
			width:1000px;
			height:380px;
            margin-top:25px;
            margin-bottom:30px;
			background:#f3f3f3;
			text-align:center;
			position:relative;
		}

        #main_visual .slides li{
			height:380px;
            border-radius:20px;
            overflow:hidden;
        }
		.m_banner_wrap {
			width:1000px;
			height:240px;
			margin:30px 0 30px 0;
		}

        #main_visual .flex-control-paging li a.flex-active {
            width:20px;
            transition: all 1s;
        }
        #main_visual .flex-control-paging li a{
            transition: all 1s;
        }

			.m_banner {
				width:316px;
				height:240px;
				background:#f3f3f3;
                border-radius:15px;
                overflow:hidden;
				float:left;
				text-align:center;
			}
			.mr {
				margin-right:26px;
			}

        .main_best_wrap {
            box-sizing:border-box;
            display:flex;
            align-self: center;
            justify-content: space-between;
        }
            .main_best_wrap .flexslider2,
            .main_best_wrap .flexslider2_2{
                width:483px;
                max-height:245px;
                margin-bottom:0px;
                box-sizing:border-box;
                border-radius:15px;
                overflow:hidden;
                display:block;
            }
            .main_best_wrap .flexslider2 li,
            .main_best_wrap .flexslider2_2 li{
                margin:25px 0 25px 0;
                border-radius:15px;
                overflow:hidden;
            }
            .main_best_wrap .flexslider3{
                width:483px;
                height:195px;
                margin-bottom:0px;
                box-sizing:border-box;
                border-radius:15px;
                overflow:hidden;
                display:block;
            }
            .m_best_l .flexslider3{
                width:460px;
                height:184px;
                margin-bottom:0px;
                box-sizing:border-box;
                border-radius:15px;
                overflow:hidden;
                display:block;
            }
        .pc_new_arrival_box {
            border-radius:15px;
            overflow:hidden;
        }

		.m_best_wrap {
			width:1000px;
			height:280px;
			margin:0 0 30px 0;
		}
			.m_best_l {
				width:460px;
				height:254px;
				padding:12px;
				border:#e1e1e1 1px solid;
				border-radius:10px;
				background:#fafafa;
				float:left;
			}
			.m_best_r {
				width:460px;
				height:254px;
				padding:12px;
				border:#e1e1e1 1px solid;
				border-radius:10px;
				background:#fafafa;
				float:right;
			}
				.m_best_tit_01 {
					margin:10px 0 5px 0;
					font-size:17px;
					font-family:'Pretendard Variable', Pretendard, -apple-system, 'Noto Sans KR', sans-serif;
					font-weight:bold;
					color:#4a4951;
				}
				.m_best_tit_02 {
					margin:0 0 15px 0;
					font-size:11px;
					font-family:'Pretendard Variable', Pretendard, -apple-system, 'Noto Sans KR', sans-serif;
					color:#626262;
				}
					.point_clr {
						color:#00b8cc;
					}
				.m_best_list_wrap {
					width:460px;
					height:185px;
				}
					.m_best_01 {
						width:174px;
						height:185px;
						border-radius:10px;
						background:#ffffff;
						float:left;
					}
					.m_best_02_wrap {
						width:280px;
						height:185px;
						float:right;
					}
						.m_best_02 {
							width:90px;
							height:90px;
							border-radius:10px;
							background:#fff;
							float:left;
						}
						.bmr {
							margin-right:5px;
						}
						.bmb {
							margin-bottom:5px;
						}

	/* tit */
		.main_tit {
			width:1000px;
			height:35px;
			margin:0 0 30px 0;
			border-bottom:#e6e6e6 1px solid;
			font-size:18px;
			font-family:'NGothicB';
			font-weight:bold;
			color:#00b8cc;
		}

	/* main product area */

    .main_list {
        margin-top:0;
    }

	.main_list_line {
		width:1000px;
		height:455px;
	}
		.l_list_wrap {
			width:318.3px;
			height:550px;
			float:left;
			box-sizing:border-box;
			overflow:hidden;
		}
			.l_list_img {
				width:318.3px;
				height:410px;
				margin:0 0 0 0;
				background:#f3f3f3;
				border-radius:15px;
                position:relative;
			}


			

			.l_list_basic {
				margin:0 0 8px 0;
				padding:0 5px;
				font-family:'Pretendard Variable', Pretendard, -apple-system, 'Noto Sans KR', sans-serif;
				color:#888;
				text-align:center;
				font-size:11px;
                display:none;
			}
			.l_list_tit {
				margin:5px 0 3px 0;
				box-sizing:border-box;
				padding:0 5px;
				height:60px;
				font-family:'Pretendard Variable', Pretendard, -apple-system, 'Noto Sans KR', sans-serif;
                font-size:16px;
				color:#333;
				text-align:center;
				font-weight:bold;
				display:flex;
				align-items: center;
				justify-content: center;
			}
			.l_list_price_origin {
				font-family:'Pretendard Variable', Pretendard, -apple-system, 'Noto Sans KR', sans-serif;
				color:#aaa;
				text-align:center;
				font-weight:normal;
				font-size:16px;
				display:flex;
				align-items: center;
				justify-content: center;
				letter-spacing:-1px;
			}
			.l_list_price_origin > span{
				margin:0 6px 0 0;
				color:#FF7A00; 
				font-weight:bold;
			}
			.l_list_price_origin strike{
				font-weight:300;
			}
			.l_list_price {
				margin:0 0 0 6px;
				font-family:'Pretendard Variable', Pretendard, -apple-system, 'Noto Sans KR', sans-serif;
				color:#33b2c5;
				text-align:center;
				font-weight:bold;
				font-size:16px;
				color:#333; 
			}

			
			.l_list_wrap .sub_list_tag_wrap{
                text-align:center;				
				font-family:'Noto Sans KR', sans-serif;
			}
			
			.l_list_wrap .l_list_price_origin{
				margin:15px 0 0 0;
			}

			.l_list_wrap .sub_list_tag_wrap .main_list_tag:not(:last-child){
				margin-right:5px;
			}



            .main_list_tag_wrap {
                text-align:center;				
				font-family:'Noto Sans KR', sans-serif;
            }
            /*==== 20240208 추가 시작 ====*/


            /* 무료배송 태그 */
            .main_list_tag {
                width:auto;
                display:inline-block;
                text-align:center;
                padding:3px 10px;
                margin: 10px 0;
                border-radius:20px;
                line-height:130%;
                font-weight:500;
                font-size:12px;
                color:#fff;
            }

			/* 무료배송 태그 */
			.main_list_tag.tomato {
				background:#FF7A00;
				color:#fff;
			}
			/* 할인 태그 */
			.main_list_tag.salmon {
				color:#fff;
				background:#00B8CC;
			}
			/* 증정 태그 */
			.main_list_tag.orange {
				background:#BD76FF;
				color:#fff;
			}
			/* 쿠폰 태그 */
			.main_list_tag.teal {
				background:#6D96FF;
				color:#fff;
			}


	/* 리스트페이지 마진 */

		.list_mr {
			margin:0 22.5px 0 0;
		}



	
	/* right area */

	.sort_wrap {
		width:80px;
		height:100%;
		min-height:500px;
		float:right;
		position:relative;
	}
	.sort_fix {
		float:left;
	}
	.r_wrap {
		width:80px;
		height:263px;
		margin:0 0 35px 0;

	}
		.r_tit {
			width:80px;
			height:85px;
		}
		.r_cart {
			width:78px;
			height:45px;
			border-right:#d8d8d8 1px solid;
			border-left:#d8d8d8 1px solid;
			border-bottom:#d8d8d8 1px solid;
			text-align:center;
			cursor:pointer;
		}
        .r_cart_01 {
            padding:10px 0 2px 0;
            font-family:'Pretendard Variable', Pretendard, -apple-system, 'Noto Sans KR', sans-serif;
            font-size:10px;
            color:#00b8cc;
        }
        .r_cart_02 {
            font-family:'Pretendard Variable', Pretendard, -apple-system, 'Noto Sans KR', sans-serif;
            color:#afafaf;
            font-size:12px;
        }
        .r_cart_coupon {
			width:70px;
			height:70px;
            border-radius:50%;
            display:flex;
            align-items:center;
            flex-direction:column;
            justify-content:center;
            margin:10px auto 0 auto;
            padding:0;
            float:none;
            background:#00b8cc;
			border-right:#00b8cc 1px solid;
			border-left:#00b8cc 1px solid;
            color:#fff;
        }
        .r_cart_coupon.on {
            animation: couponBtnAnimate 3s ease-in-out infinite;
        }
        @keyframes couponBtnAnimate {
            0% {
                opacity:1;
            }
            50% {
                opacity:0.6;
            }
            100% {
                opacity:1;
            }
        }
			.r_cart_coupon .r_cart_01 {
				color:#dffffd;
                padding:0;
			}
			.r_cart_coupon .r_cart_02 {
                font-weight:700;
				color:#fff;
                padding:0;
			}
		.r_top {
			width:78px;
			height:18px;
			padding:0 0 0 0;
			background:#cdcdcd;
			border:#d8d8d8 1px solid;
			border-radius:0 0 7px 7px;
			text-align:center;
			color:#fff;
			font-size:11px;
			cursor:pointer;
		}
		.tri_up {
		    width: 0; 
			height: 0; 
			border-top:5px solid transparent; 
			border-right:5px solid transparent; 
			border-bottom:8px solid #fff; 
			border-left:5px solid transparent; 
			display:inline-block;
		}

	.sort_box {
		width:80px;
		height:243px;
	}
		.sort_icon {
			width:78px;
			height:70px;
			border-right:#d8d8d8 1px solid;
			border-left:#d8d8d8 1px solid;
			border-top:#d8d8d8 1px solid;
			cursor:pointer;
		}
		.sort_reset {
			width:80px;
			height:30px;
			cursor:pointer;
		}

	.resent_box {
		width:80px;
		margin:10px 0 0 0;
		float:left;
		
	}
		.resent_tit {
			width:78px;
			height:20px;
			padding:7px 0 0 0;
			border-top:#d8d8d8 1px solid;
			border-left:#d8d8d8 1px solid;
			border-right:#d8d8d8 1px solid;
			font-size:12px;
			color:#afafaf;
			font-family:'Pretendard Variable', Pretendard, -apple-system, 'Noto Sans KR', sans-serif;
			text-align:center;
		}
		.resent_img_wrap {
			width:58px;
			min-height:50px;
			padding:15px 10px 5px 10px;
			border:#d8d8d8 1px solid;
			border-radius:0 0 10px 10px;
			float:left;
		}
			.resent_img {
				width:58px;
				height:58px;
				margin:0 0 10px 0;
				background:#f3f3f3;
				cursor:pointer;
			}




/* footer */

.footer_wrap {
	width:100%:
	height:160px;
	margin:50px 0 0 0;
	border-top:#eaeaea 1px solid;
	clear:both;
}
	.footer_center {
        width:100%;
		max-width:1000px;
		height:130px;
		padding:30px 0 0 0;
		margin: 0 auto;
	}
		.footer_logo {
			width:107px;
			height:51px;
			margin:0 20px 0 20px;
			opacity:0.7;
			float:left;
		}
		.footer_info {
			float:left;
		}
			.footer_terms {
				font-size:13px;
				font-family:'Pretendard Variable', Pretendard, -apple-system, 'Noto Sans KR', sans-serif;
				font-weight:bold;
				color:#676767;
			}
			.footer_text {
				margin:15px 0 0 0;
				font-size:11px;
				line-height:18px;
				font-family:'Pretendard Variable', Pretendard, -apple-system, 'Noto Sans KR', sans-serif;
				color:#a2a2a2;
			}
		.footer_icon_wrap {
			margin:30px 0 0 0;
			float:right;
		}
			.footer_icon {
				width:65px;
				height:65px;
				margin:0 0 0 10px;
				background:#999;
				float:left;
			}




/* =============================서브페이지 ==========================*/


/* 공통 */
.sub_tit_img {
	width:1000px;
	height:200px;
	margin:0 0 30px 0px;
	background:#f3f3f3;
}


/* 회원가입 */

.terms_wrap {
	width:1000px;
	height:300px;
}
	.terms_tit {
		width:1000px;
		height:30px;
		font-size:15px;
        font-weight:700;
	}
	.terms_box {
		float:left;
	}
		.terms {
			width:960px;
			height:160px;
			padding:20px;
			overflow-y:scroll;
			color:#7d7d7d;
			font-size:11px;
			line-height:20px;
			font-family:'Pretendard Variable', Pretendard, -apple-system, 'Noto Sans KR', sans-serif;
			border:#e5e5e5 1px solid;
		}
		.agree {
			width:1000px;
			height:10px;
			margin:15px 0 50px 0;
		}
		.agree > input{
			border:#e5e5e5 1px solid;
			float:left;
		}
			.agree_ment {
				margin:0 0 0 5px;
				font-size:14px;
				font-family:'Pretendard Variable', Pretendard, -apple-system, 'Noto Sans KR', sans-serif;
				float:left;
			}
            .pc_agree_box {
                display:flex;
                align-items: center;
                justify-content: left;
            }
            .pc_agree_box label {
                cursor:pointer;
            }
	.terms_box {
	}


	.btn_wrap {
		width:1000px;
		height:50px;
		margin:50px 0 0 0;
		clear:both;
	}
		.agree_btn {
			width:150px;
			height:30px;
			padding:10px 0 0 0;
			font-family:'Pretendard Variable', Pretendard, -apple-system, 'Noto Sans KR', sans-serif;
			font-weight:bold;
			font-size:16px;
			text-align:center;
			color:#fff;
			margin: 0 auto;
			background:#00b8cc;
			border:#00cfe6 1px solid;
			cursor:pointer;
		}


/* 회원가입 폼 */ 

.table_tit_wrap {
	width:700px;
	height:20px;
	margin:50px 150px 10px 150px;
}
	.table_tit {
		font-size:16px;
		color:#2a2a2a;
		font-family:'Pretendard Variable', Pretendard, -apple-system, 'Noto Sans KR', sans-serif;
		font-weight:bold;
		float:left;
	}
	.table_tit_etc {
		float:right;
	}
		.table_im {
			color:#7d7d7d;
			font-size:14px;
			float:right;
		}
		.im {
			width:9px;
			height:9px;
			margin:3px 5px 0 0;
			background:url('/images/login/im.png');
			background-size:contain;
			display:inline-block;

		}
.personal_wrap {
	width:700px;
	margin:0 150px 30px 150px;
	border-top:#dbdada 1px solid;
	border-left:#dbdada 1px solid;
	float:left;
}
	.table_wrap {
		width:700px;
		min-height:40px;
		background:#fbfafa;
		border-bottom:#dbdada 1px solid;
		border-right:#dbdada 1px solid;
		display:table;
	}
		.table_l {
			width:149px;
			min-height:40px;
			padding:0 0 0 20px;
			color:#141414;
			font-family:'Pretendard Variable', Pretendard, -apple-system, 'Noto Sans KR', sans-serif;
			font-weight:bold;
			font-size:15px;
			display:table-cell;
			vertical-align:middle;
		}
		.table_r {
			width:510px;
			padding:10px 0 10px 20px;
			border-left:#dbdada 1px solid;
			background:#fff;
			color:#7d7d7d;
			display:table-cell;
			vertical-align:middle;
		}
			.input_l {
				width:300px;
				height:20px;
				padding:0 10px;
				border:#eaeaea 1px solid;
			}
			.input_m {
				width:150px;
				height:20px;
				padding:0 10px;
				border:#eaeaea 1px solid;
			}
			.input_s {
				width:55px;
				height:20px;
				padding:0 10px;
				border:#eaeaea 1px solid;

			}
			.select_s {
				width:100px;
				height:20px;
                font-size:14px;
				padding:0 10px;
				border:#eaeaea 1px solid;

			}

            .readonly {
                background:#f0f0f0;
            }

			.input_guide {
				margin:0 0 0 10px;
				font-size:12px;
				color:#7d7d7d;
				display:inline-block;
			}
			.input_guide_2 {
				margin:0 10px 0 0;
				font-size:12px;
				color:#7d7d7d;
				display:inline-block;
			}
			.input_divider {
				width:510px;
				height:22px;
				margin:5px 0px;

			}

			.input_adress {
				width:77px;
				height:18px;
				margin:0 0 0 3px;
				padding:3px 0 0 0;
				background:#7d7d7d;
				font-size:11px;
				text-align:center;
				color:#fff;
				display:inline-block;
				cursor:pointer;
			}
				.tri_r {
					width: 0; 
					height: 0; 
					border-top:4px solid transparent; 
					border-right:4px solid transparent; 
					border-bottom:4px solid transparent; 
					border-left:5px solid #fff; 
					display:inline-block;
				}



/* 구매페이지 */

.buy_wrap {
	width:1000px;
	height:482px;
	clear:both;
}
	.buy_img {
		width:373px;
		height:480px;
		border:#dbdbdb 1px solid;
		position:relative;
		float:left;
	}
	.buy_info_wrap {
		width:624px;
		height:auto;
		position:relative;
		border-top:#dbdbdb 1px solid;
		border-right:#dbdbdb 1px solid;
		border-bottom:#dbdbdb 1px solid;
		background:#f9f9f9;
		float:left;	
	}
		.info_tit_wrap {
			width:584px;
			height:116px;
			padding:15px 0 0 0;
			margin:0 20px 0 20px;
			border-bottom:#dbdbdb 1px solid;
			clear:both;
		}
			.info_tit_left {
				width:460px;
				height:86px;
				float:left;
			}
			.sub_tag_wrap {
			}
				.info_tit {
					margin:0 0 10px 0;
					font-family:'Pretendard Variable', Pretendard, -apple-system, 'Noto Sans KR', sans-serif;
					font-weight:bold;
					font-size:23px;
					color:#222;
				}
				.info_sub_tit {
					font-family:'Pretendard Variable', Pretendard, -apple-system, 'Noto Sans KR', sans-serif;
					font-size:13px;
					line-height:18px;
					font-weight:500;
					color:#888;
				}
			.info_tit_right {
				width:120px;
				height:86px;
				float:right;
			}
				.info_sns_tit {
					margin:25px 0 3px 0;
					font-family:'Pretendard Variable', Pretendard, -apple-system, 'Noto Sans KR', sans-serif;
					font-size:11px;
					line-height:18px;
					color:#959494;				
					text-align:right;
				}
				.info_sns_icon {
					text-align:right;
				}
				.info_sns_icon img {
					margin:0 0 0 5px;
					cursor:pointer;
				}


		.info_price_wrap {
			width:285px;
			padding:15px 15px 20px 15px;
			border-right:#dbdbdb  1px solid;
			font-size:13px;
			color:#787878;
			font-family:'Dotum', sans-serif;
			float:left;

		}
			.buy_table {
				width:200px;
				padding:0 0 0 0px;
				float:left;
			}
				.buy_cell {
					width:295px;
					padding:5px 0 5px 5px;
					display:table;
					vertical-align:middle;
				}
					.buy_cell_l {
						width:40%;
						padding:0 0 0 10px;
						display:table-cell;
						vertical-align:middle;
					}
					.buy_cell_r {
						width:60%;
						padding-right:40px;
						text-align:right;
						display:table-cell;
					}
					.cartoption_btns.buy_cell_r {
						width:100%;
                        padding-right:0;
						box-sizing:border-box;
						text-align:right;
						display:block;
					}
					#mod_option_frm .tbl_wrap .sit_ov_tbl select{
                        min-width:150px;
                        height:25px;
                        border-radius:5px;
                    }
					#mod_option_frm #sit_sel_option > #sit_opt_added input.frm_input {
                        text-align: center;
                        font-weight:700;
                    }
					#mod_option_frm #sit_sel_option > #sit_opt_added button.btn_frmline.sit_qty_plus,
                    #mod_option_frm #sit_sel_option > #sit_opt_added button.btn_frmline.sit_qty_minus,
                    #mod_option_frm #sit_sel_option > #sit_opt_added button.btn_frmline.sit_qty_del,
					#mod_option_frm #sit_sel_option > #sit_opt_added input.btn_frmline.sit_qty_plus,
                    #mod_option_frm #sit_sel_option > #sit_opt_added input.btn_frmline.sit_qty_minus,
                    #mod_option_frm #sit_sel_option > #sit_opt_added input.btn_frmline.sit_opt_del  {
                        width:24px;
                        height:24px;
                        box-sizing:border-box;
                        padding:0;
                        display:inline-flex;
                        align-items: center;
                        justify-content: center;
                        border-radius:3px;
                        line-height:22px;
                        letter-spacing:0;
                        font-weight:700;
                        font-family: 'Pretendard Variable', Pretendard, -apple-system, 'Noto Sans KR', sans-serif;
                        background:#f0f0f0;
                        color:#787878;
                        margin:0;
                        border:#ddd 1px solid;
                    }
					#mod_option_frm #sit_sel_option > #sit_opt_added input.btn_frmline.sit_qty_plus,
                    #mod_option_frm #sit_sel_option > #sit_opt_added input.btn_frmline.sit_qty_minus,
                    #mod_option_frm #sit_sel_option > #sit_opt_added input.btn_frmline.sit_opt_del  {
                        margin-left:3px;
                    }
					#mod_option_frm #sit_sel_option > #sit_opt_added  button.btn_frmline.sit_qty_del,
                    #mod_option_frm #sit_sel_option > #sit_opt_added  input.btn_frmline.sit_opt_del {
                        font-size:.6em;
                        font-weight:500;
                    }
					.buy_cell_r label{
						width:100%;
						margin-top:10px;
						display:block;
						text-align:left;
					}
					.buy_cell_r select{
						width:100%;
					}
					.buy_count {
						width:93px;
						height:28px;
						padding:0 5px 0 0;
						background:#fbfafa;
						border:#dbdbdb 1px solid;
						box-sizing:border-box;
						color:#00b8cc;
						font-size:16px;
						font-weight:bold;
						text-align:right;
						float:right;
					}
					.buy_count_control {
						width:22px;
						height:23px;
						margin:0 0 0 10px;
						padding:3px 0 0 0;
						float:right;
					}
					.buy_count_control >div {
						height:20px;
						line-height:0px;
					}
						.buy_count_control img{
							padding: 0;
							margin: 0;
							border:0;
							cursor:pointer;
							float:right;
						}
					.buy_cell_op {
						width:128px;
						height:21px;
						background:#fbfafa;
						border:#dbdbdb 1px solid;
					}
		.info_line {
			width:1px;
			height:0;
			background:#dbdbdb;
			float:left;
		}
		.info_etc_wrap {
			width:270px;
			height:199px;
			padding:5px 15px 0px 0;
			font-size:13px;
			color:#787878;
			font-family:'Dotum', sans-serif;
			float:right;		
		}
			.info_etc_01 {
					width:248px;
					height:93px;
					padding:7px 0 7px 0;
					display:table;
					vertical-align:middle;
					border-bottom:#dbdbdb 1px solid;
			}
				.buy_cell_2 {
					width:228px;
					padding:7px 0 7px 0;
					display:table;
					vertical-align:middle;

				}
					.buy_cell_l_02 {
						width:30%;
						display:table-cell;
					}
					.buy_cell_r_02 {
						width:70%;
						display:table-cell;
					}
			.info_etc_02 {
				width:248px;
				height:72px;
				padding:15px 0 7px 0;
				display:table;
				vertical-align:middle;					
			}
				.info_review {
					width:248px;
					height:15px;
					margin:8px 0 0 0;
				}

	.final_buy_wrap {
		width:625px;
		height:110px;
		padding:30px 0 0 0;
		float:left;
	}
		.buy_normal_wrap {
			float:right;
		}
			.buy_normal_price {
				min-width:210px;
				height:30px;
				text-align:right;
			}
				.buy_normal_txt {
					font-size:12px;
					display:inline-block;
				}
				.txt_big {
					font-size:30px;
					font-family:'Pretendard Variable', Pretendard, -apple-system, 'Noto Sans KR', sans-serif;
					font-weight:bold;
					letter-spacing:-1px;
				}
				.txt_c {
					color:#00b8cc;
				}
			.buy_normal_btn {
				min-width:202px;
				height:37px;
				margin:20px 0 0 0;
				float:right;
			}
				.buy_normal_cart {
					width:100px;
					height:25px;
					margin:0 8px 0 0;
					padding:10px 0 0 0;
					background:#e5e5e5;
					border:#c9c9c9 1px solid;
					color:#4d4949;
					font-size:12px;
					font-family:'Pretendard Variable', Pretendard, -apple-system, 'Noto Sans KR', sans-serif;
					font-weight:bold;
					float:left;
					cursor:pointer;
				}
				.buy_normal_buy {
					width:170px;
					height:25px;
					padding:10px 0 0 0;
					background:#00b8cc;
					color:#fff;
					font-size:12px;
					font-family:'Pretendard Variable', Pretendard, -apple-system, 'Noto Sans KR', sans-serif;
					font-weight:bold;
					float:right;
					cursor:pointer;					
				}
		.buy_naver {
			width:265px;
			height:84px;
			margin:0 0 0 15px;
			float:left;
		}

	.product_introduce_wrap{ 
		width:1000px;
		min-height:700px;
		margin:30px 0 30px 0;
		display:table;
		background:#f3f3f3;
	}

	.relative_product_wrap {
		width:1000px;
		height:300px;
		clear:both;
	}
		.relative_product {
			width:210px;
			height:200px;
			margin:20px;
			background:#f3f3f3;
			float:left;
		}

/* 탑 배너 */

.vtop_banner { width:100%; height:100px; position:relative; display:none;}           
.vtop_slider {width:100%; height:100px;}   
.vtop_slider .slides {width:100%; height:100px;}
.vtop_slider li {width:100%; height:100px;}
    .vtop_close_wrap {text-align:center; position:absolute; right:10px;
         top:50%;
         transform:translateY(-50%);
         font-size:12px; z-index:+9990; color:#fff;}
    .vtop_close_wrap div {
        display:inline-block; 
        width:40px; height:40px; 
        border:1px solid #fff; 
        font-family:'Gulim'; font-size:28px; 
        color:#fff; text-align:center; padding:5px; box-sizing:border-box; cursor:pointer;
    }




/* 탑 라인 (홍추가) */
.top_line_bg {
	width:100%;
	min-width:1240px;
	height:40px;
	border-bottom:#e8e8e8 1px solid;
}
.top_line {
	width:100%;
	height:40px;
	margin: 0 auto;
}
	.topl_sns_box {
		float:left;
	}
		.topl_sns_fb {
			width:40px;
			height:40px;
			float:left;
		}



/* 탑 슬라이드 배너 */

#top_banner {
	width:210px;
	height:70px;
	margin:45px 0 0 0;
	float:right;
}
	.flexslider {
	}
		.slides {
		}
			.imsi_01 {
				width:210px;
				height:70px;
				background:#f1f1f1;
			}
			.imsi_02 {
				width:210px;
				height:70px;
				background:#f5f5f5;
			}
			.imsi_03 {
				width:210px;
				height:70px;
				background:#f0f0f0;
			}




	/* 메뉴 토글 버튼 */

	.btn_menu_all {
		width:38px;
		height:30px;
		padding:10px 0 0 0;
		background:#777;
		cursor:pointer;
		float:left;
	}
		.bma_line {
			width:22px;
			height:3px;
			margin:0 0 5px 8px;
			background:rgba(255,255,255,0.5);
		}

	.topl_btn_box {
		float:right;
	}
    /* .member_join_point {
        width:45px;
        padding:2px 0px 2px 4px;
        text-align:left;
        border-radius:6px 5px 5px 5px;
        color:#fff;
        position:Absolute;
        top:100%;
        left:15px;
        background:#00b8cc;        
    }
    .member_join_point:after {
        content:'';
        width:0;
        height:0;
        border-top: 5px transparent solid;
        border-bottom: 5px #00b8cc solid;
        border-left: 3px transparent solid;
        border-right: 3px transparent solid;
        position:absolute;
        left:3px;
        top:-10px;
    } */
    .member_join_point {
        width:37px;
        padding-left:15px;
        position:absolute;
        left:50%;
        bottom:3px;
        color:#00b8cc;        
        transform:translateX(-50%);
        display:none;
    }
		.topl_btn {
			height:26px;
			padding:14px 20px 0 20px;
			float:left;
			border-left:#e8e8e8 1px solid;
			color:rgba(0,0,0,0.9);
			letter-spacing:0.5px;
			font-size:10px;
			cursor:pointer;
			position:relative;
		}
			.topl_btn:hover {
				background:#383838;
				color:#fff;
			}
		.topl_cart_count {
			width:40px;
			height:30px;
			padding:10px 0 0 0;
			float:right;
			background:#00b8cc;
			color:#fff;
			font-size:15px;
			text-align:center;
		}

/* top open */

.topl_btn_open {
	width:240px;
	min-height:255px;
	position:absolute;
	right:0px;
	top:40px;
	background:#fff;
	border:#e8e8e8 1px solid;
	z-index:9999;
	display:none;
}
	.topl_btn:hover >.topl_btn_open {
		display:block;
	}

.topl_btn_open_2 {
	width:240px;
	min-height:415px;
	/*min-height:365px;*/
	position:absolute;
	right:0px;
	top:40px;
	background:#fff;
	border:#d1d4d6 1px solid;
	z-index:9999;
	display:none;
}
	.topl_btn:hover >.topl_btn_open_2 {
		display:block;
	}

	.topl_bo_tit {
		width:200px;
		height:40px;
		padding:25px 0 0 0;
		border-bottom:#eeeeee 1px solid;
		margin:0 20px 0 20px;
		color:#1e1e1e;
		font-size:15px;
		text-align:center;
		font-family:'Pretendard Variable', Pretendard, -apple-system, 'Noto Sans KR', sans-serif;
		font-weight:bold;
        position:relative;
	}
	.topl_bo_txt {
		width:240px;
		height:50px;
		padding:25px 0 0 0;
		color:#343434;
		font-size:11px;
		text-align:center;
	}
	.topl_bo_txt_2 {
		width:190px;
		height:90px;
        border-radius:10px;
		margin:15px 20px 10px 20px;
		background:rgba(206,229,231,0.2);
		padding:15px 0 0 10px;
		font-family:'Pretendard Variable', Pretendard, -apple-system, 'Noto Sans KR', sans-serif;
		color:#414141;
		font-size:11px;
		line-height:20px;
		text-align:left;
	}
	.topl_bo_btn_b {
		width:200px;
		height:28px;
		padding:16px 0 0 0;
		margin:0 20px 0 20px;
        border-radius:7px;
		color:#fff;
		font-size:11px;
		text-align:center;
		background:#383838;
		transition:all 0.1s;
	}
	.topl_bo_btn_w {
		width:198px;
		height:26px;
		padding:16px 0 0 0;
		margin:7px 20px 0 20px;
        border-radius:7px;
		border:#383838 1px solid;
		color:#383838;
		font-size:11px;
		text-align:center;
		background:#fff;
		transition:all 0.1s;
	}
	.topl_bo_btn_b:hover {
		background:#00b8cc;

	}
	.topl_bo_btn_w:hover {
		border:#00b8cc 1px solid;
		color:#00b8cc;
	}


/* GNV 영역  */

.logo_wrap {
	width:100%;
	height:150px;
	border-bottom:#000 2px solid;
}
	.logo_cen {
		width:1240px;
		height:150px;
		margin: 0 auto;
	}
		.gnv_logo {
			width:163px;
			height:73px;
			margin:40px 0 0 259px;
			float:left;
			background:url('/images/header/logo.png');
		}
		.gnv_search {
			width:280px;
			height:40px;
			padding:60px 0 0 0;
			float:left;
		}
		.gnv_search_bar {
			width:200px;
			height:30px;
			border:none;
			border-bottom:#999 1px solid;
			float:left;
		}
		.gnv_search_icon {
			width:30px;
			height:30px;
			position:relative;
			float:left;
			cursor:pointer;
		}
			.gsi_o {
				width:10px;
				height:10px;
				border:#676767 2px solid;
				border-radius:100%;
				position:absolute;
				left:5px;
				top:5px;
			}
			.gsi_i {
				height:8px;
				width:3px;
				background:#676767;
				transform:rotate(-45deg);
				position:absolute;
				left:18px;
				top:15px;
			}
		.gnv_search_issue {
			width:280px;
			height:20px;
			padding:10px 0 0 0;
			color:#b3b3b3;
			clear:both;
		}
			.gsi_tit {
				padding:0 10px 0 0;
				font-size:12px;
				float:left;
				color:#00b8cc;
				font-weight:bold;
			}
			.gsi {
				padding:2px 10px 0 0;
				font-size:11px;
				float:left;
			}

.gnv_wrap {
	width:100%;
	height:40px;
	padding:0 0 20px 0;
    box-shadow:rgba(0,0,0,0.05) 2px 2px 4px;
}
	.gnv_cen {
		width:1240px;
		height:40px;
		text-align:center;
		margin: 0 auto;
	}
		.gnv_menu {
			height:26px;
			padding:20px 15px 0 15px;
			font-size:15px;
            /* 230629 font-family, font-weight 변경 */
			font-family: 'Pretendard Variable', Pretendard, -apple-system, 'Noto Sans KR', sans-serif;
			font-weight:400;
			color:#555;
			display:inline-block;
			transition: all 0.5s;
		}
		.gnv_menu:hover {
			cursor:pointer;
			color:#00b8cc;
		}





.sub_title_box {
	width:200px;
	margin: 0 auto;
    min-width: 70px;
    height: 40px;
    color: #333;
    margin-bottom: 20px;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    margin-top: 30px;
    font-family: 'Arial';
}






/* 팝업 */
.popup_wrap {
	width:800px;
	height:790px;
	position:absolute;
	left:50%;
	margin-left:-300px;
	top:50%;
}
.popup_close {
	width:30px;
	height:30px;
	background:#333;
	border-radius:50%;
	position:absolute;
	color:#fff;
	top:-40px;
	right:0px;
	text-align:center;
	line-height:30px;
	font-weight:bold;
	font-size:20px;
	cursor:pointer;
}
.popup_close_ever {
	height:30px;
	position:absolute;
	color:#fff;
	top:-40px;
	left:0px;
	text-align:center;
	line-height:30px;
	font-weight:bold;
	font-size:14px;
	cursor:pointer;
	color:#333;
}
.popup_rel {
	width:100%;
	height:100%;
	position:relative;
}
.slider-for {
	height:640px;
	border:rgba(0,0,0,0.1) 1px solid;
}
.slider-nav {
	height:158px;
	border-bottom:rgba(0,0,0,0.1) 1px solid;
	border-left:rgba(0,0,0,0.1) 1px solid;
	border-right:rgba(0,0,0,0.1) 1px solid;
}
.slider_con {
	height:100px;
}


/* 상세페이지 타이틀 */

.sub_page_title{
    font-size:25px;
    font-weight:700;
    margin-bottom:35px;
    margin-top:35px;
    color:#3a3a3a;
    font-family:'Noto Sans KR', sans-serif;
    text-align:center;
}

#sct_hhtml{
    margin-top:0;
}


/* 품절 안내문자 받기 영역 */

.sold_out_notice_wrap {
    width: calc(100% - 400px); height:auto; box-sizing:border-box; padding:10px; margin-top:10px;
    margin-left:auto;
}
.sold_out_notice {
    width:100%; height:auto; border:5px solid #00b8cc; box-sizing:border-box; text-align:center; font-size:17px; font-weight:bold; padding:15px;
}



/* 마이페이지 */

.mypage_box_wrap {
	width:100%; height:160px; float:left; margin-top:0px; margin-bottom:20px;
}
.mypage_box_obj {
	float:left; box-sizing:border-box; border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; border-left:1px solid #e9e9e9; border-top:2px solid #333; position:relative;
}
.mypage_box_obj:nth-child(1) {
    width:375px; height:160px;
}
.mypage_box_obj:nth-child(2) {
    width:300px; height:160px; margin-left:10px;
}
.mypage_box_obj:nth-child(3) {
    width:305px; height:160px; margin-left:10px;
}
.mypage_box_title {
	height:30px;
	border-bottom:1px solid #dfdfdf;
	margin:0 auto;
	margin-top:25px;
    display:flex;
    align-items: center;
    justify-content: left;
    font-weight:700;
    font-size:16px;
}
.mypage_box_title img{
    margin-right:5px;
}
.mypage_box_content {
	margin:0 auto;
	margin-top:10px;
}
.mypage_box_th {
	float:left;
	clear:both;
	width:60px;
	font-size:13px;
	margin-bottom:5px;
	font-weight:bold;
}
.mypage_box_td {
	float:left;
	font-size:13px;
	letter-spacing:-1px;
	margin-bottom:7px;
}
.mypage_box_point {
	margin-top:30px;
}
.mypage_btns_wrap img {
	cursor:pointer;
}
.mypage_btns_wrap img.right {
	margin-left:60px;
}
.more_wish {
	display:inline-block; font-size:13px; color:#aaa; margin-left:20px; cursor:pointer;
}


.mypage_box_obj:nth-child(3) .mypage_box_point {
    margin-top:10px;
    margin-bottom:5px;
    display:flex;
    justify-content: center;
    align-items: center;
}

.coupon_keyword_wrap {
    display:flex;
    align-items: center;
    justify-content: left;
}

.coupon_keyword_wrap input,
.coupon_keyword_wrap button {
    box-sizing:border-box;
    height:30px;
    margin-top:5px;
    box-sizing:border-box;
}
.coupon_keyword_wrap input {
    padding:0 5px;
    border:#999 1px solid;
}
.coupon_keyword_wrap button {
    margin-left:5px;
    padding:0 3px;
    background:#20c1d2;
    color:#fff;
    border:none;
}

.coupon_keyword_wrap input {
    width: calc(100% - 40px);
}


.mypage_btns_wrap {
	width:900px;
	margin:0 auto;
	margin-top:50px;
	margin-bottom:30px;
	text-align:center;
    display:flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap:wrap;
    flex-direction: row;
    text-align:left;
}

.mypage_util_btns {
    width:47%;
    height:130px;
    box-sizing:border-box;
    border-radius:15px;
    margin-bottom:10px;
    display:flex;
    align-items: center;
    justify-content: left;
    cursor:pointer;
}
.mypage_util_btns_image {
    width:55px;
    display:flex;
    align-items: center;
    margin-right:15px;
}
.mypage_util_btns_image img {
    width:55px;
}
.mypage_util_btns_text_wrap {
    width:calc(100% - 70px);
    font-size:14px;
}
    .mypage_util_btns_text_top {
        display:flex;
        align-items: center;
        justify-content: left;
    }
        .mypage_util_btns_text_top_k {
            margin-right:5px;
            font-weight:700;
        }
        .mypage_util_btns_text_top_e {
            color:#CDCDCD;
        }
    .mypage_util_btns_text_bottom {
        padding:10px 0 0 0;
        color:#909090;
    }




    
.process_wrap {
	width:100%;
	height:150px;
    display:flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom:30px;
}
.process_wrap_obj {
	width:190px;
	height:130px;
    border-radius:15px;
	box-sizing:border-box;
	border:1px solid #dfdfdf;
	text-align:center;
	padding-top:5px;
    display:flex;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
}
.process_wrap_obj > div{
    width:100%;
}
.process_wrap_obj > div:nth-child(2){
    margin:5px 0;
    font-weight:700;
}
.process_wrap_obj > div:nth-child(3){
    color:#909090;
}
.process_wrap_obj > img{
    width:40px;
    margin: 0 auto;
}
.process_wrap_obj.on {
	border:3px solid #00b8cc;
    box-shadow:rgba(0,0,0,0.3) 2px 2px 4px;
}
.process_wrap_obj.first {
	margin-left:0px;
}

.order_list_click_point:hover {
    background:#f0f0f0;
    cursor:pointer;
}

.recently_ordered_list {
    font-size:20px;
    margin-bottom:25px;
    text-align:center;
    font-weight:700;
    display:flex;
    align-items: center;
    justify-content: center;
}

.recently_ordered_list .more_wish {
    margin-left:5px;
    background:#ccc;
    color:#fff;
    border-radius:5px;
    font-size:14px;
    padding:3px 10px;
    text-align:center;
    font-weight:400;
    cursor:pointer;
}
.recently_ordered_list .more_wish:hover {
    background:#00b8cc;
}

/* 장바구니 담기 모달 */

.mask{
    width:100%; height:100%; position:fixed; left:0; top:0; z-index:10; 
    background:rgba(0,0,0,0.4);
    z-index:10000;
}
#modalLayer{display:none; }

#modalLayer .modalContent{
    width:380px; 
    height:200px; 
    box-sizing:border-box;
    padding:20px 10px 10px 10px; border:1px solid #ccc; position:fixed; 
    border-radius:15px;
    left:50%; top:50%; 
    transform: translate3d(-50%, -50%, 0);
    font-size:18px;
    z-index:11; background:#fff; 
}
#modalLayer .modalContent button{position:absolute; right:0; top:0; cursor:pointer;}
#modalLayer .gnb_close_btn{
    width:30px;height:30px;
    line-height:30px;
    background:#424242;
    border-radius:15px;
    color:#fff;
    border:0;vertical-align:top;font-size:18px;position:absolute;top:0px;right:0;
    display:flex;
    align-items: center;
    justify-content: center;
    font-weight:bold;
}
#modalLayer .cont {margin-top:20px;text-align:center;}
#modalLayer .cont p{font-weight:700;padding:20px;}
#modalLayer .cont .shopping {
    width:33%;
    display:inline-block;
    color:#fff;padding:15px 15px;background:#00b8cc;border-radius:5px;
    cursor:pointer;
}
#modalLayer .cont .carting {
    width:33%;
    display:inline-block;
    color:#fff;padding:15px 15px;background:#b3b3b3;border-radius:5px;
}



.item_popup {
    position: absolute;
    z-index: 9999;
    cursor: pointer;
}
.item_popup_content {
    background-repeat: no-repeat;
}
.item_popup_content img {
    max-width: 100%;
}
.item_popup_close {
    width:20px;
    height:20px;
    background:#fff;
    border-radius:50%;
    position:absolute;
    border:#ccc 1px solid;
    right:-15px;
    top:-15px;
    z-index:1000;
    box-shadow:rgba(0,0,0,0.1) 2px 2px 3px;
}
.item_popup_close:after {
    content:'';
    width:2px;
    height:14px;
    background:#ccc;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%) rotate(45deg);
}
.item_popup_close:before {
    content:'';
    width:2px;
    height:14px;
    background:#ccc;
    transform:rotate(-45deg);
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%) rotate(-45deg);
}