.S_contents .container { width:100%; padding:0 1.25rem; box-sizing:border-box; }
.board_cont { width:100%; padding:0 1.25rem; box-sizing:border-box; }


.main_tit {font-size: 1.5rem; margin: 0 0 1.125rem; color: var(--txt-c0); font-weight: 800; letter-spacing: -0.05em; width: 100%; text-align: center;  font-family: 'GmarketSans';}
.main_section {position: relative; width: 100%; padding: 2.875rem 1.125rem 3rem; box-sizing: border-box; }
.main_section.bg {background-color: #f2f2f2;}
.main_bottom {background-color: #f7f7f7;}

.main_visual {width: 100%; overflow: hidden;}
.main_visual .main_slider {width: 100%; }
.main_visual .main_slider .swiper-slide a {display: block; width: 100%; padding-bottom: calc(100% * 300 / 450); box-sizing: border-box;}

.swiper-controls {position: initial; display: flex; justify-content: center; align-items: center; margin: 1.125rem 0 0;}
.swiper-controls .swiper-panel {padding: 0.375rem 0.625rem; box-sizing: border-box; flex: none; background: rgba(0, 0, 0, 0.1); width: 7.25rem; height: 2.1875rem; border-radius: 1.25rem; display: flex; justify-content: space-between; align-items: center;}
.swiper-controls .swiper-panel a {flex: none; }
.swiper-controls .swiper-panel a.swiper-prev {background: url(/img/comm/arrow_prev.png) 50% 50% no-repeat; background-size: auto 100%; display: block; width: 1.25rem; height: 1.25rem;}
.swiper-controls .swiper-panel a.swiper-next {background: url(/img/comm/arrow_next.png) 50% 50% no-repeat; background-size: auto 100%; display: block; width: 1.25rem; height: 1.25rem;}
.swiper-controls .swiper-panel span {font-family: 'NotoSans', sans-serif; flex: none; font-size: 0.875rem; font-weight: 800; color: var(--txt-c3); width: auto;}
.swiper-controls .swiper-play,
.swiper-controls .swiper-paused {width: 2.1875rem; height: 2.1875rem; display: block;}
.swiper-controls .swiper-play.on,
.swiper-controls .swiper-paused.on {opacity: 0.4;}
.swiper-controls .swiper-play {background: url(/img/comm/play.png) 50% 50% no-repeat; background-size: 100% auto; margin: 0 0.5rem;}
.swiper-controls .swiper-paused {background: url(/img/comm/paused.png) 50% 50% no-repeat; background-size: 100% auto;}
.swiper-controls a {flex: none;}

.cate_flex {display: flex; justify-content: flex-start; align-items: flex-start; align-content: flex-start; flex-wrap: wrap; padding: 0 1.5rem; box-sizing: border-box;}
.cate_flex .cate_box {flex: none; width: calc((100% - 3.5rem)/3); box-sizing: border-box; margin: 0 1.75rem 1.5rem 0;}
.cate_flex .cate_box:nth-of-type(3n) {margin: 0 0 1.5rem;}
.cate_flex .cate_box a {display: block; width: 100%; }
.cate_flex .cate_box a .imgs {width: 100%; padding-bottom: 100%; border: 1px solid #ddd; box-sizing: border-box; border-radius: 0.625rem; position: relative; overflow: hidden;}
.cate_flex .cate_box a .imgs img {width: 60%; height: auto; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%;}
.cate_flex .cate_box a span {margin: 0.5rem 0 0; font-family: 'GmarketSans'; font-size: 0.9375rem; font-weight: 500; letter-spacing: -0.025rem; line-height: 1.125rem; color: var(--txt-c0); text-align: center; width: 100%; display: block; }

.main_middle {display: flex; justify-content: center; align-items: center; padding: 2rem 1.125rem 1.75rem; box-sizing: border-box;}
.middle_btn {font-family: 'GmarketSans'; width: calc((100% - 3.5rem) / 5); margin: 0 0.875rem 0 0; flex: none; font-size: 0.875rem; font-weight: 500; color: var(--txt-c0); letter-spacing: -0.03em;}
.middle_btn:last-of-type {margin: 0; }
.middle_btn a {text-align: center; display: block; width: 100%;}
.middle_btn a span {display: block; width: 100%; text-align: center; margin: 0.625rem 0 0;}
.middle_btn img {display: block; margin: 0 auto; width: auto; height: auto; max-width: 100%; max-height: 100%;}

.event_wrap {width: 100%; padding: 0 1.875rem; box-sizing: border-box;}
.event_slider {width: 100%; overflow: hidden;}
.event_slider .swiper-slide a {display: block; width: 100%; padding-bottom: calc(100% * 200 / 350); box-sizing: border-box; background: #ddd; border-radius: 0.9375rem;}
.event-arrow {z-index: 9; position: absolute; width: 100%; height: 0; top: 55%; transform: translateY(-50%); left: 0;}
.event-arrow a {position: absolute; top: 60%; transform: translateY(-50%); width: 4.375rem; height: 4.375rem; border-radius: 50%;}
.event-arrow a.event-prev {left: 0.625rem; background: url(/img/comm/center_prev.png) 50% 50% no-repeat; background-size: 100% auto;}
.event-arrow a.event-next {right: 0.625rem; background: url(/img/comm/center_next.png) 50% 50% no-repeat; background-size: 100% auto;}

.brand_flex {width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; align-content: flex-start; flex-wrap: wrap;}
.brand_flex .brand_box {flex: none; width: calc((100% - 1rem) / 3); margin: 0 0.5rem 1.25rem 0; text-align: center;}
.brand_flex .brand_box:nth-of-type(3n) {margin: 0 0 1.25rem;}
.brand_flex a {display: block; width: 100%; padding-bottom: 101%; box-sizing: border-box; overflow: hidden; position: relative;}
.brand_flex a > img {display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%;}

.item_flex {width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; align-content: flex-start; flex-wrap: wrap;}
.item_flex .item_box {flex: none; width: calc((100% - 1.75rem) / 3); margin: 0 0.875rem 0.875rem 0; font-size: 0.9375rem; text-align: center; font-family: 'GmarketSans';}
.item_flex .item_box:nth-of-type(3n) {margin: 0 0 0.875rem;}
.item_flex .item_box a {display: block; width: 100%;}
.item_flex .item_box a .imgs {width: 100%; padding-bottom: calc(100% * 86 / 126); box-sizing: border-box; border-radius: 0.3125rem; position: relative; overflow: hidden;}
.item_flex .item_box a .imgs img {width: 100%; height: auto; position: absolute; display: block; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%;}
.item_flex .item_box a span {margin: 0.5rem 0 0; display: block; text-align: center; width: 100%;}


.center_flex {padding: 0 1.25rem 0; box-sizing: border-box; background: #ecefea; text-align: center;}
.center_flex .left,
.center_flex .center,
.center_flex .right {width: 100%; border-bottom: 1px solid #ddd; box-sizing: border-box; padding: 1.875rem 0 2rem;}
.center_ttl {font-size: 1.25rem; font-weight: 500; margin: 0 0 0.9375rem;  font-family: 'GmarketSans', sans-serif; text-align: center;}
.center_flex h4 {font-family: 'GmarketSans', sans-serif; font-size: 1.125rem; font-weight: 800; color: var(--m-color3); margin: 0.625rem 0 0;}
.center_flex p {font-size: 0.875rem; letter-spacing: -0.03em; margin: 0.625rem 0 0; color: var(--txt-c6); font-weight: 500; line-height: 1.5rem; word-break: keep-all;}
.center_flex .dir_btn {margin: 0.625rem auto 0; width: calc(100% - 3.25rem); height: 2.5rem; border: 1px solid rgba(0, 0, 0, 0.2); box-sizing: border-box; display: block;
  background: rgba(0, 0, 0, 0.05) url(/img/comm/footer_select.png) calc(100% - 0.9375rem) 50% no-repeat; font-size: 0.875rem; line-height: 2.5rem;}
.center_flex .right {border: 0;}
.center_flex .right h4 {font-size: 1.875rem;}
.center_flex .img {display: inline-block; vertical-align: middle; width: 5.9375rem;}
.center_flex .img img {display: block; width: 100%; height: auto;}
.center_flex .left h4 {display: inline-block; margin: 0.625rem 0 0 0.625rem; vertical-align: middle; line-height: 2.1875rem;}
.center_flex .left p {margin: 0;}
.center_flex .left .center_ttl {margin: 0;}


.sub_title {position: relative;}
.sub_title .sub_prev {top: 50%; left: 1.25rem; transform: translateY(-50%); display: block; width: 0.625rem; height: 1.0625rem; background: url(/m/img/comm/sub_prev.png) 50% 50% no-repeat; background-size: 100% auto; position: absolute;}
.sub_title h2 {padding: 1.5rem 1.25rem; box-sizing: border-box; width: 100%; text-align: center; font-size: 1.125rem; color: var(--txt-c0); font-weight: 600;}

.prdlist_category {width: 100%; padding: 0 1.25rem; box-sizing: border-box; }
.prdlist_category ul {width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; align-content: flex-start; flex-wrap: wrap;}
.prdlist_category ul li {width: calc((100% - 1rem) / 3); margin: 0 0.5rem 0.5rem 0; flex: none;}
.prdlist_category ul li:nth-of-type(3n) {margin: 0 0 0.5rem;}
.prdlist_category ul li a {font-size: 0.875rem; color: var(--txt-c6); font-weight: 400; display: flex; justify-content: center; align-items: center; text-align: center; border: 1px solid #ddd; box-sizing: border-box; border-radius: 0.5rem; height: 2.5rem; width: 100%; }

.prd_category {border-bottom: 1px solid #ddd; box-sizing: border-box; background: #f7f7f7; width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; align-content: flex-start; flex-wrap: wrap;}
.prd_category li {width: 25%; flex: none;}
.prd_category li a {line-height: 2.25rem; height: 2.25rem; font-size: 0.875rem; color: var(--txt-c0); font-weight: 500; letter-spacing: -0.025rem; text-align: center; display: block; width: 100%; position: relative;}
.prd_category li a::after {content: ''; display: block; width: 1px; height: 0.6875rem; background: #ddd; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.prd_category li:nth-of-type(4n) a::after {content: initial;}
.prd_category li.line {width: 100%; height: 0; display: block; border-bottom: 1px solid #ddd; box-sizing: border-box; }



.prdlist_header {width: 100%; padding: 0 1.25rem; box-sizing: border-box; margin: 1.75rem 0 1rem;}
.prdlist_header .sort {width: 100%;}
.prdlist_header .sort form {width: 100%; display: flex; justify-content: flex-end; align-items: center;}
.prdlist_header .sort select {font-family: inherit; font-size: 0.8125rem; background: #fff url(/m/img/comm/sel.png) right 0.5rem top 50% no-repeat; width: 29.26%; background-size: 0.8125rem auto; flex: none; display: block; height: 1.875rem; border: 1px solid #ddd; box-sizing: border-box; padding: 0 2.5rem 0 0.625rem;}
.prdlist_header .sort select + select {margin: 0 0 0 0.625rem;}

.prd_search {width: 100%; box-sizing: border-box; display: flex; justify-content: flex-end; align-items: center;}
.prd_search form {flex: none; width: 100%; display: flex; justify-content: flex-start; align-items: center;}
.prd_search select {font-family: inherit; font-size:0.81255rem; background: #fff url(/m/img/comm/sel.png) right 0.5rem top 50% no-repeat; background-size: 0.8125rem auto; width: calc(100% - 77.1%); flex: none; display: block; height: 2.625rem; border: 1px solid #ddd; box-sizing: border-box; padding: 0 2.5rem 0 0.625rem;}
.prd_search input[type='text'] {font-family: inherit; font-size:0.81255rem; margin: 0 1%; width: 55.6%; flex: none; display: block; height: 2.625rem; border: 1px solid #ddd; box-sizing: border-box; background: #fff; padding: 0 0.625rem;}
.prd_search button[type='submit'] {font-family: inherit; font-size: 0.8125rem; width: 19.5%; flex: none; display: block; height: 2.625rem; background: #222; color: #fff; text-align: center;}

.prd_num_search {margin: 1.25rem 0 0.75rem; text-align: left; border-bottom: 2px solid #000; box-sizing: border-box;}
.prd_num_search p {font-size: 0.9375rem; color: var(--txt-c9); font-weight: 500; padding: 0 0 0.9375rem;}
.prd_num_search p span {color: var(--m-color); font-weight: 600;}

.prd_lst_wrap {width: 100%; padding: 0 1.25rem; box-sizing: border-box;}
.prd_lst{display: flex; justify-content: flex-start; align-items: stretch; align-content: flex-start; flex-wrap: wrap; width: 100%;}
.prd_lst li{width: calc((100% - 0.75rem) / 2); margin: 0 0.75rem 1.25rem 0;}
.prd_lst li:nth-of-type(2n) {margin: 0 0 1.25rem;}
.prd_lst li .prd_img{position: relative; width: 100%; overflow: hidden; padding-bottom: 100%; border: 1px solid #eee; box-sizing: border-box; border-radius: 0.75rem;
  display: flex; justify-content: center; align-items: center;}
.prd_lst li .prd_img img{width: 100%; height: auto; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.prd_lst li .prd_txt{margin: 0.625rem 0 0;}
.prd_lst li .prd_txt small{display: flex; justify-content: space-between; align-items: center; height: 1.875rem; background: #f2f2f2;
  font-size: 0.8125rem; font-weight: 500; color: var(--txt-c0); padding: 0 0.75rem; border-radius: 0.75rem; border: 1px solid #eee; box-sizing: border-box;}
.prd_lst li .prd_txt small span{color: var(--m-color); font-weight: 500;}
.prd_lst li .prd_txt p{margin: 0.75rem 0 0.5rem; width: 100%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 0.9375rem;
  font-weight: 500; color: var(--txt-c2); }
.prd_lst li .prd_txt b {font-size: 0.9375rem; color: var(--txt-c2); font-weight: 500;}
.prd_lst li .prd_txt b em{font-size: 1.125rem; font-weight: 800; color: var(--txt-c2); font-family: 'GmarketSans', sans-serif;}
.prd_lst li.no_lst {width: 100%; margin: 0; height: 3rem; line-height: 3rem; font-size: 1rem; color: var(--txt-c6); font-weight: 500; text-align: center;}

.ct_area {width: 100%; }
.ct_area > ul {width: 100%; padding: 0 1.25rem; box-sizing: border-box; display: flex; justify-content: center; align-items: center;}
.ct_area > ul li {flex: none; margin: 0 0.25rem; }
.ct_area > ul li a {font-size: 1rem; font-weight: 600; color: #999;}
.ct_area > ul li.on a {color: var(--m-color);}





.brand_zone_ttl {font-size: 1.5rem; font-weight: bold; color: #000; letter-spacing: -0.04em; margin: 0 0 0.375rem;}
.brand_zone_sub_ttl {margin: 0 0 2.5rem; font-size: 0.9375rem; font-weight: 500; color: #666; letter-spacing: -0.04em;}
.brand_zone .flex-container {}
.brand_zone .flex-box {width: 100%; margin: 0 0 24px 0;}
.brand_zone .flex-box a {display: block; width: 100%;}
.brand_zone .flex-box .brand_top {width: 100%;}
.brand_zone .flex-box .brand_top a {position: relative; display: block; width: 100%; border-radius: 15px; padding-bottom: calc(100% * 180 / 400); box-sizing: border-box; overflow: hidden;}
.brand_zone .flex-box .brand_top a img {display: block; width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.brand_zone .flex-box .brand_bottom {margin: 16px 0 0; width: 100%; display: flex; justify-content: space-between; align-items: center;}
.brand_zone .flex-box .brand_bottom a {flex: none; width: calc((100% - 40px) / 3); margin: 0 20px 0 0; border: 1px solid #ddd; box-sizing: border-box;}
.brand_zone .flex-box .brand_bottom a:last-of-type {margin: 0;}
.brand_zone .flex-box .brand_bottom a img {display: block; width: 100%;}

.s_brand_cont {width: 100%; border-top: 2px solid #000; box-sizing: border-box; }
.s_brand_cont .ttl {width: 100%;  background: #f1f1f1; height: 50px; display: flex; justify-content: center; text-align: center; align-items: center; font-size: 16px; font-weight: bold; color: #000; letter-spacing: -0.04em;}
.brand_cont_lst {padding: 18px 0 0; box-sizing: border-box; width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; align-content: flex-start; flex-wrap: wrap;}
.brand_cont_lst li {width: calc((100% - 20px) / 2); margin: 0 20px 20px 0;}
.brand_cont_lst li:nth-of-type(2n) {margin: 0 0 20px;}
.brand_cont_lst li a {display: block; width: 100%;}
.brand_cont_lst li .img {padding-bottom: calc(100% * 87 / 195); border-radius: 10px; border: 1px solid #ddd; box-sizing: border-box; overflow: hidden; position: relative;}
.brand_cont_lst li .img img {display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%;}
.brand_cont_lst li h4 {margin: 10px 0 0; text-align: center; font-size: 15px; font-weight: bold; color: #000; letter-spacing: -0.04em;}


.recom_tit {font-size: 1.5rem; text-align: center; font-weight: 700; color: #000; margin: 1.5rem 0 1rem;}
.recom_tab {flex-wrap: wrap; width: 100%; border-radius: 10px; display: flex; justify-content: flex-start; align-items: center;}
.recom_tab a {border: 1px solid #ddd; box-sizing: border-box; border-radius: 0.625rem; display: flex;
  width: calc((100% - 1rem) / 3); margin: 0 0.5rem 0.5rem 0; color: #666; font-weight: 500; font-size: 0.9375rem;
  flex: none; height: 2.5rem; justify-content: center; align-items: center;}
.recom_tab a:nth-of-type(3n + 1) {margin: 0 0 0.5rem;}
.recom_tab a.active {color: #fff; display: flex; width: 100%; margin: 0 0 0.5rem; border: 0;}
.recom_tab.recom_tab1 a.active {background: #ee1c25;}
.recom_tab.recom_tab2 a.active {background: #ffa500;}
.recom_tab.recom_tab3 a.active {background: #008000;}
.recom_tab.recom_tab4 a.active {background: #0051d7;}
.recom_tab.recom_tab5 a.active {background: #223a92;}
.recom_tab.recom_tab6 a.active {background: #8c4edf;}
.recom_tab.recom_tab7 a.active {background: #a52a2a;}
#recom_div3,
#recom_div4,
#recom_div5,
#recom_div6,
#recom_div7 {padding: 4px 0 46px; box-sizing: border-box;}
#recom_div,
#recom_div2 {padding: 4px 0 0; box-sizing: border-box;}

.recom_flex {display: flex; justify-content: flex-start; align-items: flex-start; align-content: flex-start; flex-wrap: wrap;}
.recom_flex .recom_lnk_box {width: 100%; margin: 0 0 16px 0;}
.recom_flex .recom_box {width: 100%; margin: 0 0 16px 0;}

.recom_cate_flex {display: flex; justify-content: flex-start; flex-wrap: wrap; align-content: flex-start; align-items: flex-start;}
.recom_cate_flex a{border-radius: 10px; border: 2px solid transparent; box-sizing: border-box; display: block; position: relative;;
width: calc((100% - 16px) / 3); margin: 0 8px 8px 0; padding-bottom: calc(((100% - 16px) / 3) * 55 / 132);  }
.recom_cate_flex a:nth-of-type(3n) {margin: 0 0 8px 0;}
.recom_cate_flex a span {font-size: 1rem; font-weight: 500; font-family: 'GmarketSans', sans-serif; text-align: center;
  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 100%; word-break: keep-all;}

#recom_div3 .recom_cate_flex a {border-color: #008000; color: #008000;}
#recom_div4 .recom_cate_flex a {border-color: #0051d7; color: #0051d7;}
#recom_div5 .recom_cate_flex a {border-color: #223a92; color: #223a92;}
#recom_div7 .recom_cate_flex a {border-color: #a52a2a; color: #a52a2a;}

.recom_flex .recom_img {overflow: hidden; display: block; width: 100%; border-radius: 15px;}
.recom_flex .recom_txt h3 {line-height: 1; margin: 15px 0 0; text-align: center; font-size: 18px; font-weight: 500; color: #000;}
.recom_flex .recom_txt p {line-height: 1; margin: 14px 0 0; text-align: center; font-size: 16px; color: #666;}
.recom_flex .recom_txt p + h3 {margin: 8px 0 0;}

.recom_img {padding-bottom: calc(100% * 198 / 410); box-sizing: border-box; position: relative; overflow: hidden;}
.recom_img img {display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;}
.recom_txt {display: none;}

.recom_banner_img {width: 100%;}
.recom_banner_img a {display: block; width: 100%; padding-bottom: calc(100% * 205 / 410); box-sizing: border-box; position: relative; overflow: hidden;}
.recom_banner_img a img {position: absolute; display: block; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.cate_btn {display: flex; justify-content: center; align-items: center; background: var(--m-color); color: #fff; height: 3.125rem; border-radius: 0.625rem; margin: 0 0 1.25rem;}
.cate_btn i {display: block; width: 1rem; height: 1rem; background: url(/m/img/sub/cate_btn.png) 0 0 no-repeat; background-size: 100% auto; margin: 0 0.25rem 0 0;}
.cate_cls {position: absolute; font-size: 0; top: 1.25rem; right: 1.25rem; width: 1.125rem; height: 1.125rem; background: url(/m/img/sub/cate_cls.png) 50% 50% no-repeat; background-size: 100% auto; display: block;}
.cate_table {display: none; position: fixed; top: 0; left: 0; z-index: 999; width: 100%; min-height: 100vh; background: #fff; padding: 1.25rem; box-sizing: border-box;}
.cate_table h3 {font-size: 1rem; font-weight: bold; letter-spacing: -0.04em; color: #000;}
.cate_table table {margin: 0.875rem 0 0; width: 100%; border-top: 1px solid #222; box-sizing: border-box; display: block;}
.cate_table table tbody{width: 100%; display: block;}
.cate_table table tr{width: 100%; display: block;}
.cate_table table td {vertical-align: middle; box-sizing: border-box; display: block; width: 100%;}
.cate_table table td:first-of-type { font-size: 0.875rem; font-weight: bold; color: #000;
  background: #f1f1f1; padding: 0 0 0 1.25rem; box-sizing: border-box; height: 2.8125rem; display: flex; justify-content: center; align-items: center; text-align: center;}
.cate_table table td:last-of-type {}
.cate_table table .cate_div:first-of-type {padding: 1rem 0 0; box-sizing: border-box; width: 100%; display: flex; justify-content: flex-start; align-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
.cate_table table .cate_div >  a {flex: none; width: calc((100% - 1.25rem) / 2); position: relative; display: block; padding: 0 0 0 0.75rem;
  box-sizing: border-box; margin: 0 1.25rem 1rem 0; }
.cate_table table .cate_div >  a:nth-of-type(2n) {margin:  0 0 1rem; }
.cate_table table .cate_div > a::before {content: ''; width: 0.3125rem; height: 0.3125rem; background: var(--m-color); display: block; position: absolute; top: 0.3rem; left: 0;}

.s_search_area {margin: 0 0 2.5rem; padding: 1rem; width: 100%; border: 5px solid #e1e1e1; box-sizing: border-box; background: #f9f9f9; }
.s_search_area form {display: block; width: 100%;}
.s_search_area form .form_flex {}
.s_search_area form .radio_area {display: flex; justify-content: center; align-items: center; margin: 0 0 1rem;}
.s_search_area form .radio_area p {display: flex; justify-content: flex-start; align-items: center; flex: none;}
.s_search_area form .radio_area p + p {margin: 0 0 0 1.25rem;}
.s_search_area form .input_area {display: flex; width: 100%; justify-content: space-between; align-items: center;}
.s_search_area form input[type="radio"] {appearance: none; width: 0; height: 0; flex: none; font-size: 0; line-height: 0; margin: 0; padding: 0;}
.s_search_area form input[type="radio"] + label {flex: none; padding: 0 0 0 30px; display: block; position: relative;}
.s_search_area form input[type="radio"] + label::before {position: absolute; top: 50%; transform: translateY(-50%); left: 0; content: ''; display: block;
  width: 20px; height: 20px; background: url(/img/sub/radio_type.png) 50% 50% no-repeat; background-size: 100% auto;}
.s_search_area form input[type="radio"]:checked + label::before {background: url(/img/sub/radio_type_on.png) 50% 50% no-repeat; background-size: 100% auto;}

.s_search_area form .input_area input[type="text"] {padding: 0 0 0 0.875rem; box-sizing: border-box;  font-size: 0.9375rem; color: #222;
  letter-spacing: -0.04em; font-weight: 500; width: calc(100% - 7.375rem); margin: 0 0.5rem 0 0; height: 3rem; border: 1px solid #ddd;}

.s_search_area form .btn_area {width: 6.875rem;}
.s_search_area form .btn_area button[type="submit"] {font-size: 0.9375rem; background: #222; color: #fff; display: flex; justify-content: center; align-items: center; width: 100%; height: 3rem;}


.prds_list{}
.prds_list .item{}
.prds_list .item .row{padding: 2rem 0; box-sizing: border-box; border-bottom:1px solid #eee; flex-wrap: wrap; display: flex; justify-content: flex-start; align-items: flex-start; align-content: flex-start;}
.prds_list .item .row .prd_box{width: 100%; margin: 0 0 2rem;}
.prds_list .item .row .prd_box .prd_img{width: 100%; overflow: hidden; padding-bottom: 100%; box-sizing: border-box;
  border: 1px solid #eee; border-radius: 0.75rem; position: relative;}
.prds_list .item .row .prd_box .prd_img img{width: 100%; height: auto; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.prds_list .item .row .prd_box .prd_txt{text-align:center; margin:10px 0 0;}
.prds_list .item .row .prd_box .prd_txt small{display: flex; justify-content: space-between; align-items: center; height: 30px; background: #f2f2f2; font-size: 13px; font-weight: 500; color: var(--txt-c0); padding: 0 12px; border-radius: 12px; border: 1px solid #eee; box-sizing: border-box;}
.prds_list .item .row .prd_box .prd_txt small span{color: var(--m-color); font-weight: 500;}
.prds_list .item .row .prd_box .prd_txt p{margin: 12px 0 8px; width: 100%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 18px; font-weight: 500; color: var(--txt-c2); }
.prds_list .item .row .prd_box .prd_txt b {font-size: 13px; color: var(--txt-c2); font-weight: 500;}
.prds_list .item .row .prd_box .prd_txt b em{font-size: 20px; font-weight: 800; color: var(--txt-c2); font-family: 'GmarketSans', sans-serif;}

.prds_list .item .row.row2 .prd_box {width: 100%;}
.prds_list .item .row.row2 .prd_box .prd_img {padding-bottom: 100%; box-sizing: border-box; position: relative; overflow: hidden;}
.prds_list .item .row.row2 .prd_box .prd_img img {display: block; width: 100%; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.prds_list .item .row.row2 .prd_box .prd_txt small + small {justify-content: flex-start; margin: 8px 0 0;}
.prds_list .item .row.row2 .prd_box .prd_txt small b {display: inline-block; flex: none; margin: 0 0 0 4px;}
.prds_list .item .row.row2 .prd_box .prd_txt h6 {margin: 14px 0 20px; color: #223a92; font-size: 14px; letter-spacing: -0.04em; padding: 0 0 8px; border-bottom: 1px solid #ddd; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center;}
.prds_list .item .row.row2 .prd_box .prd_txt h6 span {flex: none; font-size: 14px; color: #666; letter-spacing: -0.04em;}
.prds_list .item .row.row2 .prd_box .prd_txt a.prd_lst_btn {display: flex; justify-content: center; align-items: center; text-align: center; width: 100%; height: 30px; font-size: 14px; font-weight: 500; letter-spacing: -0.04em; background: #f2f2f2; color: var(--m-color); border-radius: 10px; border: 1px solid var(--m-color); box-sizing: border-box;}


.prdlist-toparea{margin: 70px 0 0;}
.prdlist-toparea.sm-pad {margin: 28px 0 0;}
.prdlist-toparea .section1{}
.prdlist-toparea .section1 p{font-size: 0.875rem; margin: 1rem 0 0; font-weight: 500; color: var(--txt-c0); flex: none;}
.prdlist-toparea .section1 p strong {color: var(--m-color);}
.prdlist-toparea .formbox {flex: none; display: flex; justify-content: flex-end; align-items: center;}
.prdlist-toparea .formbox select {box-sizing: border-box; border: 1px solid #eee; font-size: 0.8rem; padding: 0 2rem 0 0.5rem;
  background: #fff url(/img/sub/sel_ico.png) calc(100% - 1rem) 50% no-repeat; background-size: auto 15%; width: 5.875rem;}
.prdlist-toparea .formbox input[type='text'] {margin: 0 0.5rem; padding: 0 1rem; box-sizing: border-box; border: 1px solid #eee; font-size: 0.75rem; width: calc(100% - 12.75rem);}
.prdlist-toparea .formbox input[type='text'],
.prdlist-toparea .formbox select,
.prdlist-toparea .formbox button {height: 40px; display: block; font-size: 13px;}
.prdlist-toparea .formbox button {color: #fff; background: #222; box-sizing: border-box; width: 5.875rem;}

.prdlist-toparea .section2{border-top: 2px solid #000; padding:15px 0 0; box-sizing: border-box; margin: 0.625rem 0 0; display: flex; justify-content: flex-end; align-items: center;}
.prdlist-toparea .section2 select {box-sizing: border-box; border: 1px solid #eee; font-size: 0.8rem; padding: 0 2.5rem 0 0.5rem;
  background: #fff url(/img/sub/sel_ico.png) calc(100% - 1rem) 50% no-repeat; background-size: auto 15%; width: auto; height: 2.5rem;}


.prdlist-toparea .section1 h6 {font-size: 20px; font-weight: 500; color: #000; letter-spacing: -0.04em;}
.prdlist-toparea .section1.border-type { flex-wrap: wrap;}
.prdlist-toparea .section1.border-type h6 {width: 100%; border-bottom: 2px solid #000; box-sizing: border-box; padding: 0 0 15px; margin: 0 0 16px;}
.prdlist-toparea .section1.border-type .formbox {width: 100%;}
.prdlist-toparea .section1.border-type .formbox input[type='text'] {width: calc(100% - 5.375rem);}
.prdlist-toparea .section1.border-type .formbox button {width: 5rem; margin: 0 0 0 0.375rem; }
.prdlist-toparea .section3 {padding: 28px 0 48px; box-sizing: border-box;}



.prdlist-toparea .section3 .prd_category{display: block; background: #fff; border: 0;}
.prdlist-toparea .section3 .prd_category .ttl{margin: 0 0 20px;}
.prdlist-toparea .section3 .prd_category .ttl h2{font-size: 18px; font-family: 'GmarketSans', sans-serif; font-weight: 800;}
.prdlist-toparea .section3 .prd_category .cont{}
.prdlist-toparea .section3 .prd_category .cont ul{width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; align-content: flex-start; flex-wrap: wrap;}
.prdlist-toparea .section3 .prd_category .cont ul li {width: calc((100% - 30px) / 6); margin: 0 6px 8px 0;}
.prdlist-toparea .section3 .prd_category .cont ul li:nth-of-type(6n) { margin: 0 0 8px 0;}
.prdlist-toparea .section3 .prd_category .cont ul li.big {width: calc((100% - 12px) / 3); margin: 0 6px 8px 0;}
.prdlist-toparea .section3 .prd_category .cont ul li.big.end {margin: 0 0 8px;}
.prdlist-toparea .section3 .prd_category .cont ul li a::after {content: initial;}
.prdlist-toparea .section3 .prd_category .cont ul li a {display: flex; justify-content: center;
  align-items: center; border: 1px solid #ddd; background: #fff; box-sizing: border-box; text-align: center; padding-bottom: 40px; border-radius: 0.625rem; color: var(--txt-c1); transition: all 0.3s ease-in-out;}
.prdlist-toparea .section3 .prd_category .cont ul li a span {width: 100%; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 16px; color: #666;}
.prdlist-toparea .section3 .prd_category .cont ul li.on a {background: var(--m-color); }
.prdlist-toparea .section3 .prd_category .cont ul li.on a span {color: #fff;}

.recom_tab2 {flex-wrap: wrap; width: 100%; border-radius: 10px; display: flex; justify-content: flex-start; align-items: center;}
.recom_tab2 a {border: 1px solid #ddd; box-sizing: border-box; border-radius: 0.625rem; display: flex;
  width: calc((100% - 1rem) / 3); margin: 0 0.5rem 0.5rem 0; color: #666; font-weight: 500; font-size: 0.9375rem;
  flex: none; height: 2.5rem; justify-content: center; align-items: center;}
.recom_tab2 a:nth-of-type(3n) {margin: 0 0 0.5rem;}


.prd_view .prdtit_wrap {width: 100%; padding: 0 1.25rem; box-sizing: border-box; margin: 1.625rem 0 0;}
.prd_view .prdtit_wrap p.prdcode {font-size: 0.9375rem; color: var(--m-color); margin: 0 0 0.5rem; letter-spacing: -0.065rem;}
.prd_view .prdtit_wrap h3 {font-size: 1.5625rem; color: #000; font-weight: 700; line-height: 1.875rem; letter-spacing: -0.065rem; padding: 0 0 1.125rem;}
.prd_thumb {width: 100%; overflow: hidden; position: relative;}
.prd_thumb .swiper-slide img {display: block; width: 100%; }
.paging_swiper {font-size: 1rem; display: flex; justify-content: center; align-items: center; width: 54px; height: 28px; color: #fff; background: rgba(0, 0, 0, 0.6); border-radius: 28px; position: absolute; bottom: initial; left: initial; top: 12px; right: 12px; z-index: 999;}

.prd_opt_table {width: 100%; border-top: 1px solid #ddd; box-sizing: border-box; padding:2rem 0 0; }
.prd_opt_table h4 {font-size: 0.875rem; color: #000; position: relative; display: flex; justify-content: space-between; align-items: center; margin: 0 0 0.25rem;}
.prd_opt_table h4 b,
.prd_opt_table h4 span {flex: none;}
.prd_opt_table table {width: 100%; border-top: 1px solid #000; box-sizing: border-box;}
.prd_opt_table tbody {width: 100%;}
.prd_opt_table tr {width: 100%; border-bottom: 1px solid #ddd; box-sizing: border-box;}
.prd_opt_table td {border-right: 1px solid #ddd; box-sizing: border-box; font-size: 0.75rem; color: #666; text-align: center; line-height: 1.875rem;}
.prd_opt_table th {border-right: 1px solid #ddd; box-sizing: border-box; font-size: 0.75rem; color: #666; text-align: center; line-height: 1.875rem;}
.prd_opt_table td:last-of-type {border: 0;}


.prd_option {padding: 0 1.25rem 0; box-sizing: border-box; width: 100%;}
.prd_option dl {display: flex; justify-content: flex-start; align-items: center; margin: 0 0 0.625rem;}
.prd_option dl dt {width: 6.875rem; font-size: 0.875rem; color: #666;}
.prd_option dl dd {width: calc(100% - 6.875rem); display: flex; justify-content: flex-start; align-items: center; align-content: flex-start; flex-wrap: wrap;}
.prd_option dl dd input {text-align: center; height: 2.1875rem; padding: 0; border: 0; margin: 0; font-size: 0.875rem; color: #444;}
.prd_option dl dd input[type=radio] {text-align: center; height: auto; padding: 0; border: 0; margin: 0 0 0 0.5rem; font-size: 0.875rem; color: #444;}
.prd_option dl dd input[type=radio]:first-of-type {margin: 0;}
.prd_option dl dd input[type=text] {border: 1px solid #ddd; box-sizing: border-box; background: #f7f7f7;}
.prd_option dl dd button {border: 1px solid #ddd; box-sizing: border-box; background: #fff; text-align: center; height: 2.1875rem; width: 2.1875rem; padding: 0; margin: 0; font-size: 0.875rem; color: #444;}
.prd_option dl dd select { width: calc(100% - 3.075rem);text-align: center; height: 2.1875rem; padding: 0 2.6rem 0 0.5rem; border: 1px solid #ddd; box-sizing: border-box; background: #f7f7f7 url(/img/sub/sel_ico.png) calc(100% - 1rem) 50% no-repeat; background-size: auto 15%; color: #333; margin: 0; font-size: 0.875rem; }
.prd_option dl dd label {text-align: center; padding: 0; border: 0; margin: 0; font-size: 0.875rem; color: #444; line-height: 1.2;}
.prd_option dl:last-of-type {border-bottom: 1px solid #ddd; box-sizing: border-box; padding: 0 0 1.25rem; }


.price_wrap {width: 100%; padding: 0 1.25rem; box-sizing: border-box;}
.price_wrap dl {display: flex; justify-content: flex-start; align-items: center; margin: 0 0 0.625rem;}
.price_wrap dl dt {width: 6.875rem; font-size: 0.875rem; color: #666;}
.price_wrap dl dd {letter-spacing: -0.065em; width: calc(100% - 6.875rem); display: flex; justify-content: flex-start; align-items: flex-end; align-content: flex-start; flex-wrap: wrap; font-size: 1rem; color: #000; font-weight: 800;}
.price_wrap dl dd strong {font-size: 1rem; font-weight: 400;}
.price_wrap .price_notice {height: 3.75rem; border: 1px solid #ddd; box-sizing: border-box; width: 100%; background: #f7f7f7; display: flex; justify-content: center; align-items: center; align-content: center; flex-wrap: wrap; text-align: center; font-size: 0.875rem; color: #666; font-weight: 400; line-height: 1.5rem;}
.price_wrap .price_notice strong {width: 100%; flex: none; }
.price_wrap .price_notice p {width: 100%; flex: none; }
.price_wrap .price_notice b {color: var(--m-color); font-weight: 800;}


.prd_btn {width: 100%; padding: 1.25rem 1.25rem 2.25rem; box-sizing: border-box; display: flex; justify-content: center; align-content: center; align-items: center; flex-wrap: wrap;}
.prd_btn p {width: 100%; text-align: center; color: #666; font-size: 1rem; }
.prd_btn button {width: calc((100% - 1.25rem) / 3); height: 2.8125rem; display: flex; justify-content: center; align-items: center; border-radius: 0.625rem; background: transparent; font-size: 0.9375rem; font-weight: 600;}
.prd_btn button.cart {width: calc((100% - 0.625rem) / 2); margin: 0 0 0.625rem; border: 1px solid var(--m-color); background: #fff; color: var(--m-color); box-sizing: border-box;}
.prd_btn button.buy_btn {width: calc((100% - 0.625rem) / 2); margin: 0 0 0.625rem 0.625rem; background: var(--m-color); color: #fff;}
.prd_btn button.proposal {margin: 0 0.625rem; background: #e1954f; color: #fff;}
.prd_btn button.request {background: #b6b6b6; color: #fff;}
.prd_btn button.qna {border: 1px solid #1c9400; background: #fff; color: #1c9400; box-sizing: border-box;}

.prd_memo {margin: 1rem 0 1.125rem; width: 100%; padding: 0.875rem; box-sizing: border-box; border: 1px solid var(--m-color); display: flex; justify-content: flex-start; align-items: flex-start; background: #fff7f7;}
.prd_memo span {display: block; width: 4rem; flex: none; font-size: 0.8125rem; font-weight: 600; color: var(--m-color);}
.prd_memo > div {width: calc(100% - 4rem); flex: none; font-size: 0.75rem; line-height: 1.25rem; color: #666;}


.prd_tabBtn {width: 100%; display: flex; justify-content: flex-start; align-items: center; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; box-sizing: border-box;}
.prd_tabBtn li {border-right: 1px solid #ddd; box-sizing: border-box; height: 2.8125rem; flex: none; width: 20%; background: #f9f9f9; font-size: 0.875rem; color: #666; font-weight: 400; text-align: center; display: flex; justify-content: center; align-items: center;}
.prd_tabBtn li.on {background: var(--m-color); color: #fff; border: 0;}

.prd_tabCont {width: 100%;}
.prd_tabCont .cont {width: 100%; padding: 1.25rem; box-sizing: border-box; font-size: 0.875rem; color: #666; line-height: 1.25rem;}
.prd_tabCont .cont > * {font-size: 0.875rem; color: #666; line-height: 1.25rem;}

.prd_tabCont .prdview_info {width: 100%; }
.prd_tabCont .prdview_info tbody {width: 100%;}
.prd_tabCont .prdview_info tr {width: 100%;}
.prd_tabCont .prdview_info th {width: 6.25rem; vertical-align: middle; font-size: 0.875rem; color: #666; line-height: 1.25rem; background: #f7f7f7; border: 1px solid #ddd; border-right: 0; box-sizing: border-box;}
.prd_tabCont .prdview_info td {padding: 0.625rem 1rem; width: calc(100% - 6.25rem); vertical-align: middle; font-size: 0.875rem; color: #666; line-height: 1.25rem; border: 1px solid #ddd; box-sizing: border-box;}

.cate_list.mem_page {width: 100%; padding: 0 1.25rem 1.25rem; box-sizing: border-box;}
.cate_list .my_page {width: 100%; display: flex; justify-content: center; align-items: center; align-content: center; flex-wrap: wrap;}
.cate_list .my_page li {border: 1px solid #ddd; box-sizing: border-box; width: calc((100% - 1.25rem) /3);
  list-style: none; font-size: 1rem; color: #666; font-weight: 500; height: 3.125rem; border-radius: 0.325rem; background: #f9f9f9; display: flex; justify-content: center; align-items: center; text-align: center; flex: none;}
.cate_list .my_page li:first-of-type {width: calc((100% - 0.625rem) / 2); margin: 0 0 0.625rem;}
.cate_list .my_page li:nth-of-type(2) {width: calc((100% - 0.625rem) / 2); margin: 0 0 0.625rem 0.625rem;}
.cate_list .my_page li:nth-of-type(4) {margin: 0 0.625rem;}