/********************************************************************************************/

/*상단 슬라이드 상품HTML*/
.item_box > div > a > img {
	left:0px;
}
@media all and (min-width:0px) and (max-width:450px) {
	.item_box{height: 350px;}
	.item_box > div > a > div > img {width: 90%; /* height: 220px; */}
}
@media all and (min-width:450px) and (max-width:768px) {
	.item_box{height: 350px;}
	.item_box > div > a > div > img {width: 195px; /* height: 220px; */}
}

@media all and (min-width:0px) and (max-width:768px){
	.item_box {width: 100%;height: 340px;position: relative;float: left;background-color: #fff;margin-top: 20px;display: inline-block;vertical-align: top;}
	.item_box > div {position:relative;}
	.item_box2_name {width:100%; height:auto; overflow:visible; font-size:12px;}
	.item_box2_price {width:100%; height:auto; overflow:visible}
}

@media all and (min-width:768px) {
	.item_box {width: 90%;}
	.item_box{height: 390px;}
	.item_box > div > a > div > img {width: 90%;/* height: 220px; */}
}

.item_box{position: relative;float:left;background-color:#fff;margin-top:20px;display:table;}
.item_box :hover {border-radius:20px}
.item_box > div{position:absolute;width:100%;}  /*height:100%;*/
.item_box > div > a > img{position:absolute;width:50px;margin-top:4px;margin-left:0px;}
.item_box > div > a > div{display:table;width: 100%;height:auto;overflow:hidden;/* margin-left:10px; *//* margin-right:10px; */margin-top:7px;}
.item_box > div > a > div > img {display: table-cell;margin: 0px auto;object-fit: contain;}
.item_box > div > div{margin-bottom: 20px; margin-top:10px}

.item_box2{text-align:center;color:#07345e;width:100%;}
.item_box2_name{width:80%;margin:0px auto;height:64px;overflow:hidden;font-size:14px; }
.item_box2_price{width:80%;/* height:52px; */overflow:hidden;margin:6px auto;font-size:16px;}
.item_box2_name > h1 , .item_box2_price > h1{font-family: 'Lato-Regular';}
.item_box3{width:calc(100% - 20px);height:auto;overflow:hidden;text-align:center;}
.item_box2_name h3 { line-height:1.25em}

.item_box > div > div > div > input[type=text]{margin-left:15%;width:40px;border:1px solid #a0a2ab;height:33px;text-align:center;font-size:18px;margin-right:3px;float:left;border-radius:5px;}
.item_box > div > div > div > input[type=text]:hover{ border:1px solid #07345e;}
.item_box > div > div > div > input[type=button]{font-weight:600;float:left;width:calc(70% - 47px);height:34.2px;background-color:#fff;color:#07345e;border: 1px solid #07345e;border-radius:5px;}
.item_box > div > div > div > input[type=button]:hover{background-color: #07345e;color:#fff}
.item_box > div > div > button{font-weight:600;width:60%;height: 34.2px;background-color:#fff;color:#07345e;border: 1px solid #07345e;border-radius:5px;}
.item_box > div > div > button:hover{background-color: #07345e;color:#fff;}

/*상품목록 상품개체 HTML*/
.item_box > div > a > img {
	left:0px;
}
@media all and (min-width:0px) and (max-width:450px) {
	.item_box{height: 350px;}
	.item_box > div > a > div > img {width: 90%; /* height: 220px; */}
}
@media all and (min-width:450px) and (max-width:768px) {
	.item_box{height: 350px;}
	.item_box > div > a > div > img {width: 195px; /* height: 220px; */}
}

@media all and (min-width:0px) and (max-width:768px){
	.item_box {width: 100%;height: 370px;position: relative;float: left;background-color: #fff;margin-top: 20px;display: inline-block;vertical-align: top;}
	.item_box > div {position:relative;}
	.item_box2_name {width:100%; height:auto; overflow:visible; font-size:12px;}
	.item_box2_price {width:100%; height:auto; overflow:visible}
}

@media all and (min-width:768px) {
	.item_box {width: 90%;}
	.item_box{height: 470px;}
	.item_box > div > a > div > img {width: 90%;/* height: 220px; */}
}

.item_box{position: relative;float:left;background-color:#fff;margin-top:20px;display:table;}
.item_box :hover {border-radius:20px}
.item_box > div{position:absolute;width:100%;}  /*height:100%;*/
.item_box > div > a > img{position:absolute;width:50px;margin-top:4px;margin-left:0px;}
.item_box > div > a > div{display:table;width: 100%;height:auto;overflow:hidden;/* margin-left:10px; *//* margin-right:10px; */margin-top:7px;}
.item_box > div > a > div > img {display: table-cell;margin: 0px auto;object-fit: contain;}
.item_box > div > div{margin-bottom: 20px; margin-top:10px}

.item_box2{text-align:center;color:#07345e;width:100%;}
.item_box2_name{width:80%;margin:0px auto;height:64px;overflow:hidden;font-size:14px; }
.item_box2_price{width:80%;/* height:52px; */overflow:hidden;margin:6px auto;font-size:16px;}
.item_box2_name > h1 , .item_box2_price > h1{font-family: 'Lato-Regular';}
.item_box3{width:calc(100% - 20px);height:auto;overflow:hidden;text-align:center;}
.item_box2_name h3 { line-height:1.25em}

.item_box > div > div > div > input[type=text]{margin-left:15%;width:40px;border:1px solid #a0a2ab;height:33px;text-align:center;font-size:18px;margin-right:3px;float:left;border-radius:5px;}
.item_box > div > div > div > input[type=text]:hover{ border:1px solid #07345e;}
.item_box > div > div > div > input[type=button]{font-weight:600;float:left;width:calc(70% - 47px);height:34.2px;background-color:#fff;color:#07345e;border: 1px solid #07345e;border-radius:5px;}
.item_box > div > div > div > input[type=button]:hover{background-color: #07345e;color:#fff}
.item_box > div > div > button{font-weight:600;width:60%;height: 34.2px;background-color:#fff;color:#07345e;border: 1px solid #07345e;border-radius:5px;}
.item_box > div > div > button:hover{background-color: #07345e;color:#fff;}

/*상품목록 */
.prd_box > div > a > img {top:0px;left:0px;}
@media all and (min-width:0px) and (max-width:450px) {
	.prd_box{height: 350px;}
	.prd_box > div > a > div > img {width: 90%; /* height: 220px; */}
}
@media all and (min-width:450px) and (max-width:768px) {
	.prd_box{height: 350px;}
	.prd_box > div > a > div > img {width: 195px; /* height: 220px; */}
}

@media all and (min-width:0px) and (max-width:768px){
	.prd_box {width: calc(50% / 1);height: 320px;position: relative;float: left;background-color: #fff;margin-top: 20px;display: inline-block;vertical-align: top;}
	.prd_box > div {position:relative;}
	.prd_box2_name {width:100%; height:auto; overflow:visible; font-size:12px;}
	.prd_box2_price {width:100%; height:auto; overflow:visible}
}



/******************************************************************************************/


@media all and (min-width:0px) and (max-width:450px) {
	.prd_box{height: 335px;}
	.prd_box > div > a > div > img {width: 90%; /* height: 220px; */}
}
@media all and (min-width:450px) and (max-width:768px) {
	.prd_box > div > a > div > img {width: 195px; /* height: 220px; */}
}
@media all and (min-width:768px) {
	.prd_box{width: calc(100% / 4);height: 425px;}
	.prd_box{height: 370px;}
	.prd_box > div > a > div > img {width: 90%;height: 220px;}
}

@media all and (min-width:0px) and (max-width:768px){
	.nav_search_mid_right_div_view > div{font-size:11px;width: calc(100%  /2);}
	.nav_search_mid_left{width:100%;}
	.nav_search_mid_right{width:100%;}
	.nav_search_mid_right {margin-top:0px}
	.nav_search_mid_right_div_name,
	.middle_homepage_path {display:none}
	.main_search_sidebox_div_checkbox_box h3 {font-size:14px; padding-top:3px}
	.bigchk > label {width:16px; height:16px;}
	.main_search_sidebox_div_checkbox_box {margin:5px 5%; vertical-align:top;}
	#searchForm .main_search_sidebox_div:nth-child(1) .main_search_sidebox_div_checkbox li {width:100%}
}

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

	.nav_search_mid_right_div_name {font-size:20px}
	/*#product_area {font-size:0px}*/
	.prd_box {position: relative;height: 335px;float: left;background-color: #fff;margin-top: 20px;display: inline-block;vertical-align: top;}
	.prd_box > div {position:relative;}
	.prd_box2_name {width:100%; height:auto; overflow:visible; font-size:12px;}
	.prd_box2_price {width:100%; height:auto; overflow:visible}
	.main_search_sidebox_div_name {padding:0 15px; box-sizing:border-box;}
	.main_search_sidebox_div .main_search_sidebox_div_checkbox li {width:50%; float:left}

	.prd_box3 {display:block;}
}

@media all and (min-width:768px){
	.prd_box3 {display:none;}
	.nav_search_mid{max-width:90%;}
	#product_area .prd_box > div:hover{
		height:800px;
		background-color:#fff;
		z-index:3;
		box-sizing:border-box;
		-webkit-animation-name: movingPara;
		animation-name: movingPara;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
		/*.prd_box{height: 800px;}*/
	}
	 #product_area{padding-bottom: 350px;}
	 .pg_wrap {padding: 170px 0 0;}

	.nav_search_mid_right_div_view > div{font-size:14px;width: calc(100%  /3);}
	.nav_search_mid_left{width:20%;}
	.nav_search_mid_right{width:80%;}
	.nav_search_mid_right_div , #product_area{margin-left:20px;}

	.main_nav_search_list_box1{height:auto;overflow:hidden;float:left;margin-right:20px;}
	.main_nav_search_list_box > div > a > img{position:absolute;width:50px;margin-left:15px;margin-top:-6px;}
	.main_nav_search_list_box > div > a > div > img{width:100%;object-fit: contain;margin:0px auto;}
	.main_nav_search_list_box2{display:block;height:auto;overflow:hidden;float:left;color:#07345e;}
	.main_nav_search_list_box2_name{width:100%; font-size:20px;margin-top:20px;margin-bottom:20px; }
	.main_nav_search_list_box2_price{width:100%;font-size:16px;margin-bottom:20px;}
	.main_nav_search_list_box3{height:100px;overflow:hidden;float:right;margin-top:10px;color:#07345e;text-align:right;}
	.main_nav_search_list_box3_qty{display:inline-block;}
	.main_nav_search_list_box3_qty > h1{float:left;font-size:20px;margin-top:7px;}
	.main_nav_search_list_box3_qty > input[type=text]{border:1px solid #dfdfdf;width:60px;height:34px;font-size:18px;text-align:right;padding-right:10px;border-radius:5px;}
	.main_nav_search_list_box3_qty > input[type=text]:hover{border:2px solid #07345e;}

	.main_nav_search_list_box3_submit{margin-left:4px;display:inline-block;}
	.main_nav_search_list_box3_submit > input[type=button]{width:160px;height:40px;border:1px solid #07345e;background-color:#fff;border-radius:5px;color:#07345e;}
	.main_nav_search_list_box3_submit > input[type=button]:hover{background-color:#07345e;color:#fff;}
	.main_nav_search_list_box > div > div > button{font-weight:600;width:50%;height: 34.2px;background-color:#fff;color:#07345e;border: 1px solid #07345e;border-radius:5px;}
	.main_nav_search_list_box > div > div > button:hover{background-color: #07345e;color:#fff;}
}

@media all and (min-width:768px) and (max-width:1400px){
	.prd_box{width: calc(100% / 3);}
}
@media all and (min-width:1400px) {
.prd_box{width: calc(100% / 4);}
}

@media all and (min-width:768px) and (max-width:1200px){
	.main_nav_search_list_box1{width:270px;}
	.main_nav_search_list_box2{width:calc(100% - 290px);}
	.main_nav_search_list_box3{width:calc(100% - 290px);}
}

@media all and (min-width:1200px){
	.main_nav_search_list_box1{width:300px;}
	.main_nav_search_list_box2{width:calc(100% - 320px);}
	.main_nav_search_list_box3{width:calc(100% - 320px);}
}


#product_area{position:relative;display:block;width: 100%;margin:0px auto;height:auto;height:auto;overflow:hidden;padding: 1%;}
.nav_search{width:100%;height:auto;overflow:hidden;}
.nav_search_mid{position:block;margin:0px auto;}
.nav_search_mid_mob_left_btn{display:none;}
.nav_search_mid_left{box-sizing:border-box;display:block;height:auto;float:right;margin-top:50px;}
.nav_search_mid_right{display:block;height:auto;overflow:hidden;background-color:#fff;float:right;margin-top:50px;}
.nav_search_mid_right_div{display:block;width:calc(100% -20px);height:auto;overflow:hidden;}

.nav_search_mid_right_div_name{font-family: 'Montserrat-Regular';font-size:34px;margin-left:10px;margin-bottom:10px;color:#07345e;}


.nav_search_mid_right_div_view{width:100%;height:70px;line-height:70px;background-color:#f7f7f7;font-family: 'Lato-Regular';text-aglin:center;}
.nav_search_mid_right_div_view > div{vertical-align:middle;display:inline-block;float:left;font-weight:600;color:#a0a2ab;}
.nav_search_mid_right_div_view > div > select{
	border:0;background-color:#fff;width:calc(100% - 30px);height:40px;font-size:14px;margin:15px;color:#a0a2ab;font-family: 'Lato-Regular';
	padding-left:10px;padding-right:10px;
}
.nav_search_mid_right_div_view > div > select:hover{border:1px solid #a0a2ab;}

.nav_search_mid_right_div_view > div > img{opacity:0.5;float:right;width:30px;margin:20px 10px;}


.prd_box{position: relative;float:left;background-color:#fff;margin-top:20px;display:table;}
.prd_box :hover {border-radius:20px}

.prd_box > div{position:absolute;width:100%;}

.prd_box > div > a > img{position:absolute;width:50px;margin-top:4px;margin-left:0px;}
.prd_box > div > a > div{display:table;width: 100%;height:auto;overflow:hidden;/* margin-left:10px; *//* margin-right:10px; *//* margin-top:7px; */}
.prd_box > div > a > div > img {display: table-cell;margin: 0px auto;object-fit: contain;}
.prd_box > div > div{margin:0px auto;margin-top:10px;margin-bottom: 20px;}

.prd_box2{text-align:center;color:#07345e;width:100%;}
.prd_box2_name{width:80%;margin:0px auto;height:64px;overflow:hidden;font-size:14px; }
.prd_box2_price{width:80%;/* height:52px; */overflow:hidden;margin:6px auto;font-size:16px;}
.prd_box2_name > h1 , .prd_box2_price > h1{font-family: 'Lato-Regular';}
.prd_box3{/* width:calc(100% - 20px); */height:auto;overflow:hidden;text-align:center;}
.prd_box2_name h3 { line-height:1.25em}


.prd_box > div > div > div > input[type=text]{margin-left:15%;width:40px;border:1px solid #a0a2ab;height:33px;text-align:center;font-size:18px;margin-right:3px;/* float:left; */border-radius:5px;}
.prd_box > div > div > div > input[type=text]:hover{ border:1px solid #07345e;}

.goods_detail_mid_right_specifications:hover{border-radius: 0px;}


/****************************************************/
.btn_cart{width:calc(30%);height:34px;background-color:#fff;color:#07345e;border: 1px solid #07345e;border-radius:5px;font-size: 1.6em;font-weight:600;margin-right: 3px;/* float:left; */}
.btn_fav{width:47px;height: 34px;margin-right: 4px;background-color:#fff;color:#07345e;border: 1px solid #07345e;border-radius:5px;font-size: 1.6em;font-weight:600;/* float:left; */}
.btn_fav:hover,.btn_cart:hover{background-color: #07345e;color:#fff;border-radius: 5px;}





@-webkit-keyframes movingPara {
	100% {
		height:auto;
		background-color:#fff;
		-moz-box-shadow: 0 0 300px 10px #e5e5e5;
		-webkit-box-shadow: 0 0 300px 10px #e5e5e5;
		box-shadow: 0 0 300px 10px #e5e5e5;
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#e5e5e5')";
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#e5e5e5');
	}
}




.main_nav_search_list_box{position: relative;width:calc(100% - 20px); overflow:hidden;float:left;margin:10px;padding-bottom:30px;}
.main_nav_search_list_box > div{position:Relative;}
.main_nav_search_list_box > div:hover{z-index:3;box-sizing:border-box;}



.main_search_sidebox_div{width:100%;height:auto;margin-bottom:30px;overflow:hidden;font-family: 'Montserrat-Regular';}
.main_search_sidebox_div_name{width:100%;height:30px;line-height:30px;color:#07345e;}
.main_search_sidebox_div_name > h1{font-size: 17px;margin-left:10px; font-weight: 600;font-family: 'Montserrat-Regular';}
.main_search_sidebox_div_checkbox{width:100%;height:auto;overflow:hidden;}
.main_search_sidebox_div_checkbox_box{width:90%;height:auto;overflow:hidden;margin:5%;}
.main_search_sidebox_div_checkbox_box > h1{font-family: 'Montserrat-Regular';color:#a0a2ab;font-size:14px;line-height:23px;margin: 0px 0 0 30px;}
.main_search_sidebox_div_checkbox_box > input[type=text]{width:calc(100% - 20px);padding:10px;float:left;border:0;background-color:#f7f7f7;}
.main_search_sidebox_div_end{width:20%;font-size:12px;float:right;}
.main_search_sidebox_div_checkbox_box > input[type=checkbox]{display:none;float:left;width:20px;height:20px;background-color:#fff;}


#btn_search:hover{cursor:pointer;}
.main_search_sidebox_menu a{cursor:pointer;}
.main_search_sidebox_hide{display:visible; }



.main_search_sidebox_div_checkbox_box > input[type=checkbox]{display:none;float:left;width:20px;height:20px;background-color:#fff;}

.bigchk > input[type=checkbox]{display:none;float:left;width:20px;height:20px;background-color:#fff;}
.bigchk > input[type="checkbox"]:checked + label {background-color: #666666;}
.bigchk > label {
	display: inline-block;
	float:left;
	width: 20px;
	height: 20px;
	/*margin-top:4%;*/
	border: 2px solid #bcbcbc;
	cursor: pointer;
}

/* 페이징 */
.pg_wrap {
	clear: both;
	margin: 0 0 20px;
	text-align: center;
	margin-bottom: 130px;
	font-family: 'Lato-Regular'
}

.pg {
}

.pg_page, .pg_current {
	width: 30px;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	margin: 0px 2px;
	color: #545454;
	letter-spacing: 0;
	vertical-align: middle
}

.pg a:focus, .pg a:hover {
	text-decoration: none;
	cursor: pointer;
}

.pg_page {
	background: #fff;
	text-decoration: none;
}

.pg_start, .pg_prev { /* 이전 */
}

.pg_end, .pg_next { /* 다음 */
}

.pg_current {
	display: inline-block;
	background: #213652;
	color: #fff;
	font-weight: normal;
	border-radius: 18px;
}



.item_dtl_mark{width:80px;margin-left:-8px;}

/**************************** 장바구니 레이어팝업 ***********************************/

.cart_alert_box {
	display:none;
	position: absolute;
	width:100%;
	height: 1025px;
	top: 0;
	left: 0;
	z-index: 100000;
	background-color: #fff;
}

.cart_alert_box .next-overlay-backdrop {
	position: fixed;
	z-index: 1001;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	transition: opacity .3s;
	opacity: .6;
}

.next-dialog {
	position: fixed;
	z-index: 1001;
	background: #fff;
	border: 1px solid #d8d8d8;
	border-radius: 8px;
	box-shadow: 0 2px 14px 0 rgb(220 136 136 / 20%);
	text-align: left;
	padding: 10px;
	left: 50%;
	/* margin-top:100px; */
	top: 50%;
	transform: translate(-50%,-50%);
}


@media all and (min-width:0px) and (max-width:768px){
	.next-dialog {
		width: 320px;
	}
}
@media all and (min-width:768px){
	.next-dialog {
		width: 550px;
	}
}

.cart_sec1{width:100%;float:left;margin-bottom:10px;}
.cart_sec2{width:100%;float:left;text-align:center;}
.cart_item_img {float:left;width:60px;height:60px;margin-right:5px;}
.cart_item_img img {width:100%;height:100%;}
.cart_item_name {float:left;}
.cart_item_name h4{margin:6px;}
.top_x{float:right;}




@media all and (min-width:0px) and (max-width:700px) {
	.prd_container {position:relative; margin-top:40px;text-align:center;}
	.prd_container .prd_container_title {position:relative; width:100%; display:inline-block}

	.cate_set {width: 100%;margin-top:25px;margin:0px auto;padding:0 1px;vertical-align:top;}
	.cate_set li {float:left;width:25%;/* margin-right: -1px; */}
	.cate_set li a {font-size:12px;border:1px solid #ececec; width:99%; padding:14px 0px; display:block;text-align:center;}
	.cate_set li a:hover, .cate_set li.on a {background:#29385f;border:1px solid #29385f;color:#fff}

	.filter_set {width: 88%;border-top:1px solid #ececec;border-bottom:1px solid #ececec;margin-top:5px;padding:0 1px;display:inline-block;}
	/*.filter_set li {float:left; }*/
	.filter_set li a {font-size:12px;padding:10px 0px 10px 6px; display:block;text-align:center;}
	.filter_set li a:hover:before, .filter_set li.on a:before {content:'☞ ';font-weight:900;color:red;}

}
@media all and (min-width:700px) {

	.prd_container {position:relative; margin-top:40px;text-align:center;}
	.prd_container .prd_container_title {position:relative; width:100%; display:inline-block}

	.cate_set {width:100%; margin-top:25px; padding:0 1px; display:inline-block;}
	.cate_set li {float:left; width:20%;margin-right: -2px;}
	.cate_set li a {border:1px solid #ececec; width:99%; padding:14px 0px; display:block;text-align:center;}
	.cate_set li a:hover, .cate_set li.on a {background:#29385f;border:1px solid #29385f;color:#fff}

	.filter_set {width:100%; border-top:1px solid #ececec; border-bottom:1px solid #ececec; margin-top:5px; padding:0 1px; display:inline-block;}
	/*.filter_set li {float:left; }*/
	.filter_set li a { padding:10px 10px; display:block;text-align:center;}
	.filter_set li a:hover:before, .filter_set li.on a:before {content:'☞ ';font-weight:900;color:red;}
}

@media all and (min-width:1024px) {
	.prd_container {
		width: 1200px;
		text-align:center;
		margin: 0px auto;
	}
}