@charset 'utf-8';


@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
/* font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif; */

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

@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap');
/* font-family: 'Nunito Sans', sans-serif; */

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

* { /*font-size:16px;*/ font-family:'Noto Sans', 'Noto Sans JP', 'Noto Sans SC', "Pretendard", sans-serif; font-style:normal; }
body{ overflow-x: clip; }
.inner { max-width:1760px; margin:auto; width:96%; position:relative; }
.inner2 { max-width:1500px; margin:auto; width:96%; position:relative;  }

input{
/*ios´ëÀÀ*/
appearance: none;
-webkit-appearance: none;
-webkit-border-radius: 0;
}


select {
	border: none;
	/* background: url('arrow.jpg') no-repeat 95% 50%;  */
	border-radius: 0px; 
	/*ios´ëÀÀ*/
	-webkit-appearance: none; 
	-moz-appearance: none;
	appearance: none;

}

/* È­»ìÇ¥ ¾ø¾Ö±â for IE10, 11*/
select::-ms-expand { display: none; }
input:focus,
textarea:focus {outline: none;}


.pc { display:block; }
.mo { display:none; }

/*header*/
header { position:fixed; top:0; left:0; width:100%; background: #000; z-index:999; height:80px; }
header .inner { /* margin-top:30px; */ position:relative; z-index:6; }
header h1 { position:absolute; top: 25px; left:0; height:29px; overflow:hidden;}
#gnb { /*width:100%;*/ text-align:center; color:#fff; /* padding-top:5px; */ min-width:720px; width:65%; margin:auto; display:block; }
#gnb > ul > li { display:inline-block; vertical-align:top; font-size:0; position:relative; padding: 28px 45px 29px;}
#gnb > ul > li::before{ content: ""; width: 100%; height: 0; background:#1d1d1d; opacity:.93; position: fixed; top: 80px; left: 0; transition: height 0.5s 0.1s; }
#gnb > ul > li:hover::before{ height: var(--height); transition-delay: unset; }
#gnb > ul > li > a { color:#fff; font-size:17px; }
#gnb > ul > li .memu{ display:none; width:max-content; position:absolute; top: 100%; left: 30%; z-index:13; transform: translateX(-50%); text-align:left; }
#gnb > ul > li .memu.wide{ width: 100vw; background: rgba(29, 29, 29, 0.93); padding: 20px 0; position: fixed; top: 80px; left: 50%; }
#gnb > ul > li .memu.wide::before{ display: none; }
#gnb > ul > li:hover .memu > *{ opacity: 1; }
#gnb > ul > li ul {  padding:30px 0; }
#gnb > ul > li li { line-height:120%; font-size:16px; font-weight:300; margin-top:20px; }
#gnb > ul > li li:first-child { margin-top:0; }
#gnb > ul > li li a { display: inline-block; color:#fff; margin: 0 45px; }
#gnb > ul > li li a .img{ margin-top: 5px;}
#gnb > ul > li li:hover a { color:#0071e3; border-bottom:1px solid #0071e3; } 
header .rightS { position:absolute; top: 30px; right:0; }
header .rightS > li { float:left; margin-left:20px; }
header .rightS > li a { color:#fff; /* font-size:13px; */ font-size:17px; font-weight:700; font-family: 'Nunito Sans', sans-serif; text-transform:uppercase; }
header .rightS > li.search a { overflow:hidden; display:block; width:20px; height:20px; } 
header .rightS > li.cate_all a { overflow:hidden; display:block; width:23px; height:23px; margin-top:-2px; font-size:0; background:url(/img/common/icon_cate.png) no-repeat; } 
header .rightS > li.lang_choice { position:relative; }
header .rightS li.lang_choice > a { display:inline-block; width:auto; position:relative; }
header .rightS li.lang_choice > a i { font-size:0; display:inline-block; vertical-align:top; margin:9px 0 0 5px; width: 0; height: 0; border: 5px solid transparent; border-top: 5px solid #fff; }
header .rightS li.lang_choice > a.on i { border: 5px solid transparent; border-bottom: 5px solid #fff; margin-top:0; }
header .rightS li.lang_choice > ul { display:none; position:absolute; top:22px; right:-5px; padding:5px 0; width:65px; border:1px solid rgba(0,0,0,0.2); border-radius:3px; background:rgba(0,0,0,.4);  backdrop-filter:blur(3px); }
header .rightS li.lang_choice > ul li { display:block; margin:0; padding:3px 0 3px 10px; }
header .rightS li.lang_choice > ul li a { opacity:.7; display:block; width:100%; }
header .rightS li.lang_choice > ul li a:hover { opacity:1; }

header .bottom{ position: absolute; bottom: 0; right: 0; left: 0; z-index: -10; transform: translateY(100%); text-align: right; pointer-events: none; transition-delay: 0.5s; }
header .bottom a{ display: inline-block; background: #FFF; border-radius: 0 0 10px 10px; font-size: 17px; font-weight: 600; color: #333; letter-spacing: -0.02em; line-height: 1.3; padding: 15px 30px 17px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.08); pointer-events: auto; }
header .bottom a.blue{ background: #1052A5; color:#fff; margin-right: 10px; }

header .bottom.on{ opacity: 0; transition-delay: unset; }
header .bottom.on a{ pointer-events: none; }
  

.gnbBg { position:absolute; top:80px; left:0; width:100%; height: 0; background:#1d1d1d; opacity:.93; z-index:3; }


/* main */
body.main header{ background: #1d1d1d; }

/*sub page*/
header.sub { background: #FFF; }
header.sub h1 img { margin-top:-29px; }
header.sub #gnb > ul > li > a { color:#111; }
header.sub .rightS li a { color:#111; }
header.sub .rightS li.lang_choice > a i { border-top: 5px solid #000; }
header.sub .rightS li.lang_choice > a.on i { border: 5px solid transparent; border-bottom: 5px solid #000; }
header.sub .rightS li.lang_choice > ul li a { color:#fff; }
header.sub .rightS li.search a img { margin-top:-20px; }
header.sub .rightS li.cate_all a { background:url(/img/common/icon_cate_black.png) no-repeat; } 
	
.gnbBg.sub { position:absolute; }


header.sub.on h1 img,
header.sub.on_fixed h1 img { margin-top:0; }
header.sub.on #gnb > ul > li > a,
header.sub.on_fixed #gnb > ul > li > a{ color:#fff; }
header.sub.on .rightS li a,
header.sub.on_fixed .rightS li a { color:#fff; }
header.sub.on .rightS li.lang_choice > a i { font-size:0; display:inline-block; vertical-align:top; margin:9px 0 0 5px; width: 0; height: 0; border: 5px solid transparent; border-top: 5px solid #fff; }
header.sub.on .rightS li.search a img,
header.sub.on_fixed .rightS li.search a img { margin-top:0; }
header.sub.on .rightS li.cate_all a,
header.sub.on_fixed .rightS li.cate_all a{ background:url(/img/common/icon_cate.png) no-repeat; } 

/*header.on*/
header.on,
header.on_fixed { background:#121212;  }
header.on #gnb > ul > li:hover > a { color:#0071e3; position:relative;  }
header.on #gnb > ul > li:hover > a:before { content:""; display:block; width:4px; height:4px; background:#0071e3; position:absolute; top:0; left:-6px; }


/*°Ë»öâ*/
.schForm { display:none; position:absolute; top:100px; left:0; width:100%; height:100px; background:rgba(255,255,255,.95); z-index:11; }
.schForm input[type='text'] { width:100%; border:none; border-bottom:1px solid #666; color:#666; background:none; height:53px; font-size:20px; margin-top:20px; }
.schForm button { position:absolute; top:50%; transform:translateY(-50%); right:0; z-index:12; width:48px; height:48px; border-radius:50%; background:#272727; font-size:0; }
.schForm button:before { content:""; display:block; width:20px; height:20px; background:url(/img/common/icon_search.png) no-repeat center top; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }


/*mobile*/
.mobile_category { position:fixed; top:0; left:0; width:100%; height:100%; z-index:100; background:rgba(17,17,17,.95); display:none; }
.mobile_category header .rightS > li.lang a.on { color:#0071e3; }
.mobile_category header .rightS > li.lang i { display:inline-block; vertical-align:top; font-style:normal;  margin:0 10px; }
.mobile_category header .rightS > li.cate_all a {background:url(/img/common/icon_cate_on.png) no-repeat; } 

.mobile_category header.sub h1 img,
.mobile_category header.sub.on h1 img { margin-top:0; }
.mobile_category header.sub .rightS li.lang a { color:#fff; }
.mobile_category header.sub .rightS li.lang a.on { color:#0071e3; }
.mobile_category header.sub .rightS li.search a img { margin-top:0; }
.mobile_category header.sub .rightS li.cate_all a {background:url(/img/common/icon_cate_on.png) no-repeat; } 


.mobile_category .btn { position:fixed; bottom:0; left:0; width:100%; background:#0071e3; }	
.mobile_category .btn a { display:table; width:100%; height:60px; text-align:center; }
.mobile_category .btn a span { display:table-cell; vertical-align:middle; font-family: 'Nunito Sans', sans-serif; color:#fff; font-size:20px; font-weight:700; text-transform:uppercase; }
#gnbM { text-align:Center; margin-top:100px; }
#gnbM > ul > li { font-size:40px;  font-weight:700; margin-bottom:30px; }
#gnbM > ul > li > a { color:rgba(255,255,255,.3); }
#gnbM > ul > li.on > a { color:#0071e3; }
#gnbM > ul > li ul { display:none; }
#gnbM > ul > li li { font-size:20px; font-weight:300; margin-top:15px; }
#gnbM > ul > li li > a { color:rgba(255,255,255,.8); }
#gnbM > ul > li .img{ width: 100px;}
#gnbM > ul > li li.on > a { border-bottom:1px solid #0071e3; color:#0071e3;  }

/*footer*/
footer { background:#000; padding:90px 0; position:relative; z-index:10; }
footer nav { overflow:hidden; }
footer .leftS { float:left; font-size:17px; }
footer .leftS li { float:left; margin-right:50px; }
footer .leftS li a { color:#fff; }
footer .prcMenu { float:right; opacity:.7; font-size:16px; font-weight: 600;}
footer .prcMenu li { float:left; margin-left:15px; }
footer .bottom { margin-top:110px; overflow:hidden; }
footer .bottom .address { overflow:hidden; }
footer .bottom .address li { font-size:16px; color:#fff; opacity:.6; font-weight:300; margin-bottom:15px; }
footer .bottom .address li b { font-weight:700; color:#fff; margin-right:10px;  }
footer .bottom .address li span { display:inline-block; margin-right:30px; }
footer .bottom .snsList { float:right; margin-top:55px; }
footer .bottom .snsList li { float:left; margin-left:8px; }
footer .bottom .snsList li a { display:table; width:43px; height:43px; border-radius:50%; background:#1a1a1a; text-align:center; }
footer .bottom .snsList li a:hover { background:rgba(255,255,255,.5); }
footer .bottom .snsList li a span { display:table-cell; vertical-align:middle; }
footer .bottom .snsList li a img { margin-top:3px; }
footer .bottom .bt { float:left; margin-top:60px; }
footer .bottom .bt h2 { float:left; height:29px; overflow:hidden; }
footer .bottom .bt p { float:left; margin:17px 0 0 20px; vertical-align:bottom; font-size:13px; font-weight:300; opacity:.5; }

footer .btnBox{ display:flex; flex-direction:column; align-items: flex-end; margin-top: 30px;}
footer .btnBox button{ width: 120px; height: 37px; border:1px solid rgba(255,225,225,0.16); color:#fff; font-size:13px; }
footer .btnBox button i{ font-size: 10px; margin-left: 10px; transition:all 0.5s; }
footer .btnBox button:hover{ background: rgba(255,255,255,0.1); }
footer .btnBox button:not(.familyBtn){ margin-bottom: 10px;}
footer .btnBox .familyBtn{ position: relative; z-index: 2;}
footer .btnBox .familyBtn ul{ position: absolute; top: calc(100%); display:none; }
footer .btnBox .familyBtn ul li a{ text-align: center;  display:inline-block; width: 120px; height: 37px; line-height: 35px;  color:#fff; font-size:13px; margin-bottom: 5px;
 background: #1a1a1a;}
footer .btnBox .familyBtn button.on i{ transform:rotate(180deg); }
footer .btnBox .familyBtn ul li a:hover{ background: rgba(255,255,255,0.2);}



/*formDefault*/
.formBox { width:100%; /* min-height:980px; */ min-height: 100vh; overflow:hidden; position:relative; opacity:.9999; }
.formBox .leftS { width:50%; max-width:850px; }
.formDefault li { width:100%; overflow:hidden; margin-bottom:10px; }
.formDefault li.dv select { width:49%; }
.formDefault li.dv input[type='text']:first-child { width:49%; float:left; }
.formDefault li.dv input[type='text']:last-child { width:49%; float:right; }
.formDefault input[type='text'] { width:100%; height:50px; font-size:18px; text-indent:10px; padding: 10px 10px 10px 15px; background:none; }
.formDefault textarea { width:100%; height:150px; font-size:18px; padding:10px 10px 10px 25px;  background:none;  }
.formDefault li select { width:100%; height:50px; font-size:18px; text-indent:10px;  color:#666; padding:10px 10px 10px 20px;  }
.formDefault li.cap{display:flex; align-items:center;}
.formDefault li.cap img{}
.formDefault li.cap input{max-width: 200px;}
.formDefault li.cap button{width: 50px; height: 50px; background: #0071e3; cursor: pointer;}
.formDefault li.cap button i{color: #fff; font-size:20px;}
.formDefault > div { margin-top:35px; }
.formDefault .agree { float:left; font-size:16px; /*color:#fff;*/ }
.formDefault .agree input { display:none; }
.formDefault .agree span { display:inline-block; vertical-align:top; margin:4px 5px 0 0; width:15px; height:15px; box-sizing:border-box; border:1px solid #414141; position:relative; }
.formDefault .agree span:before { content:'\2714'; font-size:12px; color:#074ea2; position:absolute; top:-2px; left:2px; display:none; }
.formDefault .agree input:checked + span:before { display:block; }
.formDefault .agree a { margin-left:15px; display:inline-block; font-size:14px; font-weight:300; opacity:.3; }
.formDefault .link { float:right; margin-top:-17px; }
.formDefault .link button { display:block; position:relative; padding:15px 20px 15px 0; }
.formDefault .link button:before { content:""; display:block; width:58px; height:58px; border:1px solid #525252; border-radius:50%; position:absolute; top:0; right:0; z-index:-1; box-sizing:border-box; transition:all .3s; }
.formDefault .link button:hover:before { /*border-width:10px;*/ opacity:.5; }
.formDefault .link button span { display:inline-block; padding:5px; background:#111; font-family: 'Nunito Sans', sans-serif; color:#fff; font-size:14px; text-transform:uppercase; }


/*fullpage layout*/
.fullpage { overflow: hidden; position: relative;  }
.fullpage > div { position:relative; z-index:10; }
.fullpage > div > article { height:100vh; }
.fullpage > div i.tit { position:absolute; top:0; left:0; transform:rotate(90deg) translate(45%, 550%); width:209px; font-size:11px; font-style:normal; text-align:right; color:#0071e3; font-family: 'Nunito Sans', sans-serif; border-bottom:2px solid #0071e3; z-index:5; text-transform:uppercase; }
.fullpage > div.ft_hidden {position:absolute;bottom:0;left:0;width:100%;height:312px !important;font-size:0;z-index:-1;}
.fullpage.fixed { position:absolute; top:0; left:0;  }


/*btn _ mv*/
.btn_bottom { position:absolute; bottom:5%; right:5%; z-index:11; }
.btn_bottom li { margin-bottom:5px; }
.btn_bottom li a { display:block; width:57px; height:57px; background:#0071e3; border-radius:50%; position:relative; box-sizing:border-box; border:1px solid #0071e3;  }
.btn_bottom li:last-child a { background:none; border-color:#323232; }
.btn_bottom li.color a { background:#000; border-color:#000; }
.btn_bottom li a img { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);  }

@media (max-width:1200px) {

	.pc { display:none; }
	.mo { display:block; }

	/*header*/
	header { height:70px; }
	header .inner { height: 100%; }
	/* header h1 { position:absolute; top:0; left:0; height:29px; overflow:hidden;} */
	header h1{ top: 50%; transform: translateY(-50%); }
	#gnb { display:none; }
	.gnbBg { display:none !important; opacity:0 !important; }
	header .rightS{ top: 50%; transform: translateY(-50%); }
/* 	header .rightS { position:absolute; top:5px; right:0; }
	header .rightS li { float:left; margin-left:20px; }
	header .rightS li a { color:#fff; font-size:13px; font-weight:700; font-family: 'Nunito Sans', sans-serif; text-transform:uppercase; }
	header .rightS li.search a { overflow:hidden; display:block; width:20px; height:20px; }  */

	#gnb > ul > li .memu.wide{ top: 70px; }

	header .bottom a{ font-size: 16px; padding: 11px 25px 13px; }


	/*mobile*/

	/*°Ë»öâ*/
	.schForm { top:70px; height:60px; }
	.schForm input[type='text'] { height:40px; font-size:15px; margin-top:10px; }
	.schForm button { width:35px; height:35px; }
	.schForm button:before {  width:15px; height:15px; background-size:15px; }


	/*footer*/
	footer { padding:30px 0; }
	footer .leftS { font-size:15px; }
	footer .leftS li { margin-right:15px; }
	footer .prcMenu li { margin-left:10px; }
	footer .bottom { margin-top:50px; }
	footer .bottom .address li { font-size:14px; margin-bottom:5px; }
	footer .bottom .address li b { margin-right:5px;  }
	footer .bottom .address li span { margin-right:10px; }
	footer .bottom .snsList { margin-top:35px; }
	footer .bottom .snsList li { margin-left:5px; }
	footer .bottom .bt { margin-top:50px; }



	/*fullpage layout*/
	.fullpage > div > article { height:auto; }
	.fullpage > div i.tit { transform:rotate(90deg) translate(45%, 245%); width:100px; }
		
 
	/*formDefault*/
	.formBox { height:auto; min-height:auto; padding:5vw 0 10vw; }
	.formBox .leftS { width:100%; max-width:100%; }
	.formDefault li { margin-bottom:5px; }
	.formDefault input[type='text'] { height:45px; font-size:14px; text-indent:5px; padding: 5px; }
	.formDefault textarea { height:100px; font-size:14px; padding:5px 5px 5px 10px; }
	.formDefault li select { height:45px; font-size:14px; text-indent:0; padding:5px 5px 5px 10px; }
	.formDefault > div { margin-top:2vw; }
	.formDefault .agree { /* font-size:13px; */ font-size:16px; overflow:hidden; }
	.formDefault .agree label { /* display:block; */ overflow:hidden; }
	.formDefault .agree span { /* margin:0 5px 0 0; */ margin:5 5px 0 0; }
	.formDefault .agree span:before { /* font-size:11px; */ font-size:14px;  }
	.formDefault .agree a { display:inline-block; /* font-size:11px; */ font-size:14px; }
	.formDefault .link { float:right; margin-top:5vw; }
	.formDefault .link button { padding:15px 20px 15px 0; }
	.formDefault .link button:before {  width:58px; height:58px; }
	.formDefault .link button:hover:before { border-width:10px; }
	.formDefault .link button span { padding:5px; font-size:14px; }



}

@media (max-width:650px) {
	/*footer*/
	footer .leftS { font-size:14px; }
	footer .prcMenu { clear:both; margin-top:20px; font-size:14px; }
	footer .bottom { margin-top:30px; }
	footer .bottom .address li { font-size:14px; }
	footer .bottom .snsList { margin-top:15px; }
	footer .bottom .snsList li { margin-left:5px; }
	footer .bottom .snsList li a { width:35px; height:35px; }
	footer .bottom .bt { margin-top:30px; }
	footer .bottom .bt h2 { height:20px; float:none; }
	footer .bottom .bt h2 img { height:40px; }
	footer .bottom .bt p { margin:10px 0 0 0; }


	/*btn _ mv*/
	.btn_bottom li a { width:35px; height:35px; }


	/*formDefault*/
	.formBox { height:auto; }
	.formDefault input[type='text'],
	.formDefault textarea ,
	.formDefault li select { font-size:11px; }
	.formDefault .agree { font-size:13px;  }

}
@media (max-width:480px) {

	/*header*/
	header .rightS > li.lang { position:absolute; top:35px; right:0; width:170px; }

	header .bottom a{ font-size: 14px; padding: 11px 20px 13px; }

	/*mobile*/
	.mobile_category header .rightS > li.lang i { margin:2px 5px 0; }
	.mobile_category .btn a { height:50px; }
	.mobile_category .btn a span { font-size:15px; }
	#gnbM > ul > li { font-size:30px;  }
	#gnbM > ul > li li { font-size:15px;  }




}


/* 221123 ¼öÁ¤
------------------------------------------------------ */
footer .bottom .bt p{color: #fff;}
footer .bottom .snsList li a{width: 60px; height: 60px;}
footer .bottom .snsList li a img{margin-top: 1px;}



/* 1129¼öÁ¤ */
@media (max-width: 500px){
	header h1{height: 25px;}
	header h1 img{max-width: 80%;}
	header.sub h1 img{margin-top: -25px;}
	#gnbM > ul > li li > a{font-size:18px;}
}


/* floating */
#floating{ position: fixed; bottom: 60px; right: 40px; z-index: 90; }
#floating a{ display: flex; align-items: center; background: #3A85C6; border-radius: 40px; font-size: 18px; font-weight: 600; color: #fff; letter-spacing: -0.02em; padding: 19px 33px; }
#floating a span{ display: inline-block; margin-left: 12px; position: relative; }

@media screen and (max-width: 1400px){
	#floating{ bottom: 30px; right: 20px; }
	#floating a{ padding: 15px 25px; }
}

@media screen and (max-width: 1200px){
	#floating{ bottom: 20px; right: 15px; }
	#floating a{ font-size: 16px; padding: 13px 20px; }
	#floating a img{ width: 28px; }
	#floating a span{ top: -1px; margin-left: 9px; }
}

@media screen and (max-width: 700px){
	#floating{ bottom: 15px; right: 10px; }
}


/* product-menu (2024-09-03) */
.product-menu{ --gap: 15px; display: flex; flex-wrap: wrap; margin-bottom: calc(var(--gap) * -1); }
.product-menu .item{ width: calc((100% - (var(--gap) * 4)) / 5); display: flex; flex-direction: column; text-align: center; margin-right: var(--gap); margin-bottom: var(--gap); }
.product-menu .item:nth-of-type(5n){ margin-right: 0; }
.product-menu .item a{ display: block; background: #FCFCFC; border-radius: 10px; padding: 30px 20px; }
.product-menu .item a:not(:last-of-type){ flex: 1 0 auto; margin-bottom: var(--gap); }
.product-menu .item:not(.column) a{ height: 100%; }
.product-menu .item .img{ padding: 0 14px; }
.product-menu .item .prod{ display: block; position: relative; overflow: hidden; padding-bottom: 95.46%; margin: 0; margin-bottom: 25px; }
.product-menu .item .prod img{ width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.product-menu .item p{ font-size: 16px; font-weight: 400; color: #555; letter-spacing: -0.02em; line-height: 1.3; margin-top: 10px; }

.product-menu .item.column a{ padding: 25px 20px; }
.product-menu .item.column .prod{ padding-bottom: 47.73%; }


/* ¸ð¹ÙÀÏ ¸Þ´º ³» produce-menu */
#gnbM .product-menu{ display: none; }

@media screen and (max-width: 1400px){
	.product-menu .item .img{ padding: 0; }
}

@media screen and (max-width: 1200px){
	.product-menu .item{ width: calc((100% - (var(--gap) * 2)) / 3); }
	.product-menu .item:nth-of-type(5n){ margin-right: var(--gap); }
	.product-menu .item:nth-of-type(3n){ margin-right: 0; }
	.product-menu .item a{ padding: 25px 20px; }
	.product-menu .item.column a{ padding: 20px; }
}

@media screen and (max-width: 700px){
	.product-menu .item{ width: calc((100% - var(--gap)) / 2); }
	.product-menu .item:nth-of-type(3n){ margin-right: var(--gap); }
	.product-menu .item:nth-of-type(2n){ margin-right: 0; }
	.product-menu .item p{ font-size: 14px; }
}