@charset "utf-8";

/* SubTop */
.page_title {
    margin-bottom: 60px;
	text-align: center;
}
.page_title em{
	font-size: 40px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
}
.page_route {
	padding: 50px 0 80px;
	display: flex;
}

.sub_top {
	margin-top: 100px;
	/* height:215px; */
	background-repeat:no-repeat;
	background-position:center center;
	overflow:hidden; 
	box-sizing:border-box;
}
/* .sub_top.K07 {background:url("../image/sub/K07.jpg");}
.sub_top.K08 {background:url("../image/sub/K08.jpg");}
.sub_top.K09 {background:url("../image/sub/K09.jpg");} */

/* .page_title .opensans {
	display:block;
	font-size:19px; line-height:1.5em;
	color:#fff;
} */
/* .page_title em {
	font-size:37px; line-height:1.5em;
	color:#fff;
} */
/* .page_title {
	padding-bottom:20px;
	background:url("../image/sub/page_title.jpg") no-repeat left bottom;
} */
/* .sub_top .page_route {margin-top:25px;} */
.page_route a {
	position: relative;
	margin-right: 25px;
	font-family: 'Noto Sans KR', sans-serif;
	display: block;
	color: #b8b8b8;
	font-size: 12px;
	font-weight: 500;
}
.page_route a:after {
	content: '〉';
	display: block;
	position: absolute;
	top: 0;
	right: -20px;
	color: #b8b8b8;
	font-size: 12px;
}
.page_route span:last-child a {
	color: #000;
}
.page_route span:last-child a:after{
	display: none;
}
/* .prod-top .page_route {
	height:75px; line-height:75px;
} */
/* .page_route span {
	background:url("../image/sub/page_route.png") no-repeat center left;
} */
/* .page_route img {vertical-align:middle; padding-bottom:1px;} */

/* title style */
.cts_tit2 {
	font-size: 40px;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	margin-bottom: 60px;
}
/* .cts_tit2::after {
	display:inline-block; content:'';
	position:absolute;
	bottom:0; left:0; right:0;
	margin:0 auto;
	width:25px; height:1px;
	background:#010000;
} */
.part_tit {
	margin-top:15px;
	font-size:21px; line-height:1.5em;
	color:#333333; font-weight:600; letter-spacing:-0.03em;
}
.cts_tit2.white {
	color:#000;
}
.cts_tit2.white::after {background:#fff;}

/* contents */
.sub_ct {
	padding-bottom: 130px;
}
.sub_cate {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin-bottom: 90px;
}
.sub_cate li {
	box-sizing: border-box;
	margin: 0 5px 10px;
}
.sub_cate a {
	display: block;
	text-align: center;
	font-size: 14px;
	color: #aaaaaa;
	line-height: 40px;
	position: relative;
	min-width: 120px;
	padding: 0 20px;
	box-sizing: border-box;
	border: 1px solid #ddd;
}
.sub_cate .on a {
	font-weight: 500;
	color: #fff;
	background: #000;
	border: 1px solid #000;
}
.sub_tab_wrap {
	margin-top:30px;
	padding:15px 0;
	background-color:#f8f8f8;
	border:1px solid #dddddd;
}
.sub_tab {
	text-align:center;
}
.sub_tab li {
	display:inline-block;
	margin:0 20px;
}
.sub_tab .on a {
	color:#333333; font-weight:600;
}
.sort_area {
	overflow:hidden;
	display: flex;
	justify-content: space-between;
	margin: 90px 0 55px;
}
.sort_area .sort_noti {
	font-size: 14px;
	font-weight: 500;
	color: #666;
	line-height: 1;
}
.sort_list {
	display: flex;
}
.sort_list li {
	font-size: 14px;
    font-weight: 500;
    color: #999;
    position: relative;
    margin-left: 30px;
    display: block;
}
.sort_list .on a {
	background: url('../image/sub/cate_arw.png') no-repeat left;
	padding-left: 12px;
	color: #000;
	font-weight: bold;
}
.sort_list li a:before {
	content: '';
	display: block;
	background: #ddd;
	position: absolute;
	left: -15px;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 12px;
}
.sort_list li:first-child a:before {
	display: none;
}
.sort_list li:first-child {
	margin-left: 0;
}
.sort_noti em {
	color: #000;
	font-weight: 700;
}
.prod_list {
	overflow:hidden;
	display: flex;
	flex-wrap: wrap;
}
.prod_list li {
	width: 25%;
    padding: 0 15px;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 80px;
}
.prod_list .no_ct {
	width:500px !important; height:500px !important;
	float:none !important;
	margin:0 auto !important;
}

.prod_list a {
	display:block;
	height: 100%;
	width: 100%;
}
.prod_list .img {
	position: relative;
}
.prod_list .img a{
	position: relative;
    width: 100%;
    height: 0;
    padding-top: calc(330/330 * 100%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 10px;
    overflow: hidden;
    z-index: 10;
}
.prod_list .cts {
	margin: 25px 0 0;
}
.shop-tab-space {
	margin: 2rem 0;
}
.prod_list .desc {
	font-size: 14px;
	color: #999;
	margin: 10px 0 15px;
}
.prod_list .tit {
	font-size: 16px;
	font-weight: 500;
}
.prod_list .tit a {
	font-size: 16px;
	font-weight: 500;
	color: #000;
	line-height: 1;
	margin-bottom: 2rem;	
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.prod_list .price_box {
	display: flex;
}
.prod_list .price {
	font-size: 17px;
    margin: 0 3px 0 10px;
	color: #000;
	font-weight: 700;
}
.prod_list .product_tag {
	margin-top: 30px;
}

.prod_list .price_box .percent {
	color: #ff3838;
	font-size: 18px;
}
.prod_list .price_box span {
	color: #999;
	text-decoration: line-through;
	font-size: 14px;
}
.prod_list .product_tag span {
	font-size: 12px;
	font-weight: bold;
	border-radius: 3px;
	width: 50px;
	line-height: 25px;
	color: #ff3838;
	border: 1px solid #ff3838;
	display: inline-block;
	text-align: center;
	margin-right: 5px;
}
.prod_list span.new {
	color: #666;
	border: 1px solid #999;
}
.prod_list .cart {
	position:absolute;
	bottom: 20px;
	right: 20px;
	z-index:10;
	background-color: transparent;
}
.prod_list .cart a {
	display:inline-block;
	width:42px; height:42px;
	text-indent:-99999px;
	background:url("../image/main/list_cart.png") no-repeat;
	background-size: contain;
	overflow: hidden;
	border-radius: 50%;
}

/* 커뮤니티 */
.ev_list {
	margin-top:30px;
	overflow:hidden;
	display: flex;
    flex-wrap: wrap;
}
.ev_list li {
	float:left;
	width:25%;
	padding: 0 15px;
	margin-bottom:25px;
}
.ev_list .img {
	width:100%; 
	padding-top: 100%;
	text-align:center;
	overflow:hidden;
	background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 10px;
}
.ev_list .cts {
	margin-top:15px;
}
.ev_list .tit a {
	font-size:19px; line-height:1.25em;
	color:#333333; font-weight:600; letter-spacing:-0.03em;
}
.ev_list .date {
	margin-top:5px;
}


/* Policy */
.redline_box {
	margin-top:40px;
	padding:30px;
	border:1px solid #ddd;
	border-top:2px solid #e53e3a;
	background-color:#f8f8f8;
}
.scroll_cts {
	height:240px; box-sizing:border-box;
	overflow-y:scroll;
	-webkit-overflow-y:scroll;
	-o-overflow-y:scroll;
	font-family:'Nanum Square' !important;
}
.sec_tit {
	text-align:center;
	font-size:24px; line-height:1.5em;
	font-weight:600; letter-spacing:-0.03em;
	color:#333333;
}
.guide_img {
	margin:25px auto;
	text-align:center;
}
.guide_cts {
	text-align:center;
	line-height:1.76em;
}
.cs_num {
	font-size:30px; line-height:1.5em;
	font-weight:600; letter-spacing:-0.03em;
	color:#e53e3a;
}
.delivery {
	width:585px;
	text-align:left;
	margin:0 auto 20px;
}
.delivery li {
	text-indent:-80px;
	padding-left:80px;
}

/* 회사소개 */
.video_area {
	padding:60px 50px 45px;
	text-align:center;
}
.video iframe {
	width:1000px !important;
	height:565px !important;
}
.video_area .tit {
	margin-top:45px;
	font-size:31px; line-height:1.5em;
	color:#333333; font-weight:600; letter-spacing:-0.03em;
	letter-spacing:-0.03em;
}
.video_area .opensans {
	margin-top:10px;
	font-size:21px; line-height:1.5em;
	color:#333333; letter-spacing:-0.03em;
}
.video_desc {
	line-height:1.76em;
	padding-top:25px;
	margin-top:25px;
	border-top:1px solid #ddd;
}


.online_oq .w20 {width:20%;}
.online_oq .w21 {width:21%;}
.online_oq .w23 {width:23%;}
.online_oq .w25 {width:25%;}
.online_oq .w30 {width:30%;}
.online_oq .w35 {width:35%;}
.online_oq .w40 {width:40%;}
.online_oq .w60 {width:60%;}
.online_oq .w70 {width:70%;}
.online_oq .w75 {width:75%;}
.online_oq .w80 {width:80%;}
.online_oq .w85 {width:85%;}
.online_oq .w90 {width:90%;}
.online_oq .w100 {width:100%;}
.online_oq input[type="text"] {
	height:40px; 
	padding:0 5px;
	border-radius:5px;
	border:1px solid #dddddd;
	box-sizing:border-box;
}
.online_oq select {
	height:40px; 
	border-radius:5px;
	border:1px solid #dddddd;
}
.online_oq input[type="text"]:focus,
.online_oq select:focus {
	outline:0; 
	border-color:#333;
}
.online_oq .telline {
	display:inline-block;
	text-align:center;
	width:25px;
	color:#999999;
}
.online_oq .date_ex {
	margin-left:20px;
	color:#999;
}
.online_oq .email {
	display:inline-block;
	width:40px; text-align:center;
}
.online_oq .inq_area {
	min-height:320px;
	padding:10px;
	border:1px solid #dddddd;
	resize:none;
	width:100%; 
	border-radius:5px;
	box-sizing:border-box;
}
.online_oq .inq_area:focus {
	outline:none;
	border-color:#333;
}
.btn_inq {
	height:60px; line-height:60px;
	text-align:center;
	padding:0 50px;
	color:#fff; 
	font-size:17px; font-weight:600; letter-spacing:-0.03em;
	background-color:#e53e3a;
}
.tbl1 {
	margin-top:15px;
	width:100%;
	border-top:2px solid #e53e3a;
}
.tbl1 th,
.tbl1 td {
	padding:20px 0;
	text-align:left;
	border-bottom:1px solid #dddddd;
}
.tbl1 th {
	color:#333333; font-weight:600;
}

/* 제품검색페이지 */
.search_form_wrap {
	margin-bottom:50px;
	height:400px;
	/* background:url("../image/sub/search_bg.jpg") no-repeat center center; */
}
.search_form {
	width:470px;
	margin:30px auto 0;
}
.search_form li {
	position:relative;
	margin-bottom:20px;
}
.search_form .label {
	position:absolute;
	top:0; left:0; 
	display:inline-block;
	height:40px; line-height:40px;
	color:#000; 
	font-size:17px; font-weight:600; 
	letter-spacing:-0.03em;
}
.search_form .user {
	padding-left:110px;
}
.search_form .user input[type="text"],
.search_form .user select {
	width:100%;
	height:40px; 
	padding:0 15px;
	border:1px solid #dddddd;
	border-radius:3px;
	background-color:#fff;
	box-sizing:border-box;
}
.search_form .user.price input[type="text"] {
	width:156px;
}
.search_form .user.price span {
	display:inline-block;
	width:40px; text-align:center;
}
.search_form .btn a {
	display:block;
	height:40px; line-height:40px;
	color:#fff; text-align:center;
	border-radius:3px;
	background:#e53e3a;
}

/* 소들녘소개 */
.int_line {
	/* padding-bottom:50px; */
	margin-bottom:40px;
	border-bottom:2px solid #dddddd;
}
.int_tit {
	position:Relative;
	text-align:center;
	padding-bottom:25px;
	margin-bottom:40px;
}
.int_tit::after {
	display:inline-block; content:'';
	position:absolute;
	bottom:0; left:0; right:0;
	width:25px; height:1px;
	margin:0 auto;
	background:#000000;
}
.int_tit .upper {
	display:block;
	font-size:33px; line-height:1.5em; letter-spacing:-0.03em;
	font-weight:600;
}
.int_tit .lower {
	display:block; margin-top:10px;
	font-size:27px; line-height:1.5em; letter-spacing:-0.03em;
	color:#333333; font-weight:600;
}
.int_desc {
	margin-bottom:40px;
	font-size:21px; line-height:1.5em;
	text-align:center; color:#777777;
}
.int_ment {
	text-align: left;
	font-size: 1rem;
}
.int_slide {
	width:1040px;
	margin:0 auto;
	position:Relative;
}
.int_slide .item {
	overflow:hidden;
}
.int_slide .img {
	float:left;
	width:520px; height:370px;
	overflow:hidden;
}
.int_slide .cts {
	float:right;
	width:520px; height:370px;
	text-align:center;
	background:#f8f8f8;
	overflow:hidden;
}
.int_slide .en_tit {
	padding-top:65px;
	font-size:17px; line-height:1.5em;
	color:#000033; letter-spacing:-0.03em;
	font-family:'Open Sans', 'Nanum Square', sans-serif;
}
.int_slide .en_tit em {
	display:block; margin-top:5px;
	font-size:25px; line-height:1.5em; font-weight:600;
	letter-spacing:0.03em; 
}
.int_slide .ic {
	padding-top:35px;
}
.int_slide .ic img {display:inline;}
.int_slide .desc {
	padding-top:30px;
	font-size:21px; line-height:1.5em;
	letter-spacing:-0.03em;
}
/* controls */
.int_slide .slick-prev, .int_slide .slick-next {
	position:absolute;
	top:50%; margin-top:-17px;
	border:none; outline:none;
	cursor:pointer; text-indent:-9999px;
	background:transparent; z-index:99999;
	width: 35px; height: 35px;
	background-repeat:no-repeat;
	background-image:url("../image/sub/int_arr.png");
}
.int_slide .slick-prev {
	left:-17px;
	background-position:0 0;
}
.int_slide .slick-next {
	right:-17px;
	background-position:-35px 0;
}
.his_tab {
	margin-bottom:45px;
	text-align:center;
	font-size:0;
}
.his_tab li {
	display:inline-block;
	width:190px; height:47px; line-height:47px;
	font-size:17px; font-weight:600; color:#333333;
	font-weight:600; letter-spacing:-0.03em;
	border:1px solid #ddd;
	border-left:0;
	cursor:pointer;
}
.his_tab li:first-child {
	border-left:1px solid #ddd;
}
.his_tab .on {
	color:#fff;
	background:#e53e3a;
}
.his_cts {
	display:none;
	width:1000px;
	margin:0 auto;
	overflow:hidden;
}
.his_cts .float-l,
.his_cts .float-r {
	width:500px;
}
.his_list > li {
	position:relative;
	margin-top:25px;
}
.his_list > li:first-child {margin:0;}
.his_list .year {
	position:absolute;
	top:0; left:0;
	width:80px;
	font-size:17px; line-height:1.5em;
	color:#333333; font-weight:600; letter-spacing:-0.03em;
}
.his_sub_list {
	margin-left:80px;
	position:Relative;
	padding-left:30px;
	font-size:17px; line-height:1.5em;
}
.his_sub_list::before {
	position:absolute;
	top:5px; bottom:5px;
	left:0;
	content:'';
	width:1px; 
	background:#ddd;
}
.his_sub_list li {
	margin-top:5px;
	text-indent:-50px;
	padding-left:50px;
}
.his_sub_list li:first-child {margin-top:0;}

.fnd {
	overflow:hidden;
}
.fnd li {
	position:relative;
	float:left;
	width:540px; height:250px;
	padding:40px;
	box-sizing:border-box;
	border:1px solid #dddddd;
	background:#f8f8f8;
	border-radius:5px;
	margin-right:20px;
	margin-bottom:20px;
}
.fnd li::after {
	position:absolute;
	top:30px; right:30px;
	display:inline-block;
	content:'';
	width:70px; height:59px;
	background:url("../image/sub/int_logo.png") no-repeat center center;
}
.fnd .opensans {
	font-size:17px; line-height:1.5em;
	color:#333333;
}
.fnd .tit {
	margin-bottom:25px;
	font-weight:600;
	font-size:25px; line-height:1.5em;
	color:#333333; letter-spacing:-0.03em;
}
.fnd_ic {
	margin-top:20px;
	padding-left:45px;
	min-height:30px; line-height:30px;
	font-size:17px; letter-spacing:-0.05em;
}
.fnd_ic.ic1 {background:url("../image/sub/int_ic1.png") no-repeat top left;}
.fnd_ic.ic2 {background:url("../image/sub/int_ic2.png") no-repeat top left;}

/* 회원혜택 */
.tbl2 {
	margin-top:40px;
	width:100%;
	border-top:2px solid #e53e3a;
}
.tbl2 th,
.tbl2 td {
	padding:25px 0;
	font-size:15px; line-height:1.5em;
	text-align:center;
	border-bottom:1px solid #dddddd;
	border-right:1px solid #dddddd;
}
.tbl2 th:first-child,
.tbl2 td:first-child {
	border-left:1px solid #dddddd;
}
.tbl2 th {
	background:#f8f8f8;
}
.tbl2 img {vertical-align:middle;}
.tbl2 .em {
	font-weight:600;
	color:#333;
	font-size:17px; line-height:1.5em;
}
#divpop1 {
	z-index:9999999 !important;
}

/* 쿠폰등록 */
.coupon_register {
	position:relative;
	padding-left:230px;
	padding-bottom:30px;
	margin-bottom:30px;
	border-bottom:1px solid #ddd;
}
.coupon_register .order-tit {
	position:absolute;
	left:0; top:0;
}
.btnCoupon {
	padding:0 15px;
	height:32px; line-height:32px;
	color:#fff;
	background:#333;
	border:0;
}

/* 로그인페이지 */
.shop-wrap {
	margin-top: 100px;
}
.my_sub_ct {
	margin-top: 100px;
}
#container {
	margin-top: 100px;
}
#container .main_container{
	margin-top: unset;
} 
/* 장바구니 페이지 */
.btm_btn_box {
	display: flex;
	justify-content: space-between;
}
.board-wrap .prod_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* 반응형 */
@media all and (max-width:1399px) {
	/* 페이지 네비게이션 */
	.page_route {
		padding: calc(100vw * (50/1400)) 0 calc(100vw * (80/1400));
	}
	
	/* 페이지 서브메뉴 */
	.sub_cate {
		margin-bottom: calc(100vw * (90/1400));
	}
	.sort_area {
		margin: calc(100vw * (90/1400)) 0 calc(100vw * (55/1400));
	}
	
	/* 상품리스트 */	
	.prod_list .cts {
		margin: calc(100vw * (25/1400)) 0 0;
	}	
	.prod_list .cart {
		bottom: calc(100vw * (20/1400));
    	right: calc(100vw * (20/1400));
		width: calc(100vw * (42/1400));
		height: calc(100vw * (42/1400));
	}
	.prod_list .cart a {
		width: calc(100vw * (42/1400));
		height: calc(100vw * (42/1400));
	}	

	/* 이벤트리스트 */
	.ev_list li {
		width:33%;
	}
}

@media all and (max-width:1199px) {
	/* 상품리스트 */
	.prod_list li {
		width: 33%;
	}
}


/* 타블렛 세로 */
@media all and (max-width:1023px) {
	/* 상품리스트 */
	.prod_list .price_box .percent {
		font-size: 14px;
	}
	.prod_list .price {
		font-size: 15px;
	}
}


/* 타블렛 가로 미만 ~ 모바일 */
@media all and (max-width:767px) {
	#container {
		margin-top: calc(100vw * (80/640));
	}
	/* 페이지 네비게이션 */
	.page_route {
		padding: calc(100vw * (30/640)) 0 calc(100vw * (40/640));
	}
	
	/* 페이지 서브메뉴 */
	.sub_cate {
		margin-bottom: 0;
	}
	.sort_area {
		margin: calc(100vw * (50/640)) 0 calc(100vw * (30/640));
		flex-wrap: wrap;
	}
	.sort_area .sort_noti {
		width: 100%;
	}
	.sort_list {
		margin-top: calc(100vw * (20/640));
	}
	.sort_list li {
		font-size: calc(100vw * (14/640));
		margin-left: calc(100vw * (30/640));
	}
	.sort_list li a:before {
		left: calc(100vw * (-15/640));
	}


	/* 상품리스트 */	
	.prod_list .cts {
		margin: calc(100vw * (25/640)) 0 0;
	}	
	.prod_list li {
		width: 50%;
		margin-bottom: calc(100vw * (80/640));
	}
	.prod_list .cart {
		bottom: calc(100vw * (10/640));
    	right: calc(100vw * (10/640));
		width: calc(100vw * (42/640));
		height: calc(100vw * (42/640));
	}
	.prod_list .cart a {
		width: calc(100vw * (42/640));
		height: calc(100vw * (42/640));
	}
	.prod_list .price_box .percent {
		font-size: calc(100vw * (18/640));
	}
	.prod_list .price {
		font-size: calc(100vw * (17/640));
	}
	.prod_list .price_box span {
		font-size: calc(100vw * (14/640));
	}
	.prod_list .tit a {
		font-size: calc(100vw * (16/640));
	}
	.prod_list .desc {
		font-size: calc(100vw * (14/640));
	}

	/* 이벤트리스트 */
	.ev_list li {
		width:50%;
	}
	.sub_tab li {
		margin: 0;
		width: 33.3333%;
		margin-bottom: calc(100vw * (10/640));
	}
	.sub_tab li a {
		font-size: 15px;
	}

	.search_form {
		width: calc(100vw * (470/640));
	}
	.search_form .user.price input[type="text"] {
		width: 100%;
	}
	#detail3 .shop_tb colgroup col {
		width: unset !important;
	}
}

/* 모바일 상세 */
@media all and (max-width:640px) {
}

/* 모바일 가로 */
@media all and (max-width:568px) {

}

@media all and (max-width:425px) {

}

@media all and (max-width:375px) {

}

@media all and (max-width:320px) {

}