@charset "UTF-8";

#page{position:relative;margin:0;padding:0;}
#page.padding{padding:50px 0 150px;}


#page .page_banner{position:relative;margin:0;padding:0;border-radius:20px;}
#page .page_banner.review{aspect-ratio:1150/350;background-image:url("../img/page/page_banner_reivew.jpg");background-size:cover;background-repeat:no-repeat;background-position:center center;}


#page .page_title{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:column;gap:10px;}
#page .page_title .title{position:relative;margin:0;padding:0;font-size:28px;font-weight:900;color:#353535;line-height:1.2;letter-spacing:-0.01em;text-align:center;}
#page .page_title .description{position:relative;margin:0;padding:0;font-size:14px;font-weight:400;color:#353535;line-height:1.2;letter-spacing:-0.01em;text-align:center;}
#page .page_banner + .page_title{margin-top:100px;}

#page .page_content{position:relative;margin:0;padding:0;}
#page .page_title + .page_content{margin-top:70px;}


#page .page_category{position:relative;margin:0;padding:0;margin-bottom:60px;}
#page .page_category ul{position:relative;margin:0;padding:0;list-style:none;border-radius:10px;border:1px solid #d3d3d3;height:50px;overflow:hidden;display:flex;flex-wrap:nowrap;flex-direction:row;}
#page .page_category ul li{position:relative;margin:0;padding:0;flex:1;}
#page .page_category ul li:nth-child(n+2){border-left:1px solid #d3d3d3;}
#page .page_category ul li a{position:relative;margin:0;padding:5px;height:100%;font-size:16px;font-weight:700;line-height:1.2;color:#181818;text-align:center;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;}
#page .page_category ul li a:hover{background-color:#fafafa;}
#page .page_category ul li a:active,
#page .page_category ul li a.active,
#page .page_category ul li a#bo_cate_on{background-color:#D6272B;color:#ffffff;}


#page .page_filter{position:relative;margin:0;padding:0;margin-bottom:30px;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:space-between;gap:30px;}
#page .page_filter .left{margin-right:auto;}
#page .page_filter .right{margin-left:auto;}
#page * + .page_filter{margin-top:100px;}


#page .page_sort{position:relative;}
#page .page_sort ul{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-wrap:nowrap;flex-direction:row;gap:50px;}
#page .page_sort ul li{position:relative;}
#page .page_sort ul li a{position:relative;display:block;font-family:"Montserrat",sans-serif;font-size:16px;font-weight:400;line-height:1.2;color:#a4a4a4;white-space:nowrap;}
#page .page_sort ul li a.active{color:#181818;}


#page .page_search{position:relative;width:300px;}
#page .page_search form{position:relative;margin:0;padding:0;}
#page .page_search select{position:absolute;z-index:1;left:0;top:50%;transform:translateY(-50%);margin:0;padding:0 10px;padding-left:15px;width:100px;height:40px;border:0;border-radius:20px;border-top-right-radius:0;border-bottom-right-radius:0;-webkit-appearance:none;font-size:16px;color:#181818;font-weight:400;line-height:1.2;background-color:transparent;background-image:url("../img/page/select_arrow.svg");background-size:10px;background-position:right 10px center;background-repeat:no-repeat;box-sizing:border-box;}
#page .page_search select:focus{border:0 !important;box-shadow:none !important;}
#page .page_search input[type="text"]{position:relative;z-index:0;margin:0;padding:0 10px;padding-left:100px;padding-right:40px;width:100%;height:40px;border:1px solid #181818;border-radius:20px;background-color:transparent;-webkit-appearance:none;font-size:16px;color:#181818;font-weight:400;line-height:1.2;box-sizing:border-box;}
#page .page_search input:focus{outline:none;border-color:#D6272B !important;box-shadow:none !important;}
#page .page_search button{position:absolute;z-index:1;right:0;top:50%;transform:translateY(-50%);margin:0;padding:0;padding-right:5px;border:0;height:40px;width:40px;border-radius:20px;border-top-left-radius:0;border-bottom-left-radius:0;-webkit-appearance:none;font-size:16px;color:#181818;font-weight:400;line-height:1.2;background-color:transparent;box-sizing:border-box;}


#page .page_brand{position:relative;margin:0;padding:0;min-width:1460px;aspect-ratio:1920/3931;background-image:url("../img/page/page_brand.jpg");background-size:cover;background-repeat:no-repeat;background-position:center top;}