.product_content {padding: 148px 0 80px; background: #F2F2F2;}

.product_content .product_location {height: 56px; line-height: 56px; display: flex;align-items: flex-start;align-self: stretch;flex-wrap: wrap; padding: 0 48px;}
.product_content .product_location > span {display: flex;flex-direction: column;align-items: flex-start;align-self: stretch;}
.product_content .product_location > label {display: flex; flex-direction: column;align-items: flex-start;align-self: center; width: 4px;height: 4px; border-radius: 4px; background: #000; margin: 0 12px;}

.product_content .product_title {height: 70px; line-height: 70px; color: #000; margin: 0 0 50px; letter-spacing: -1.28px; font-weight: 400; padding: 0 40px; font-size: 64px;}

.product_content .product_memu {padding: 0 40px 0; margin: 0 0 40px;}
.product_content .product_memu_list {height: 56px;}
.product_content .product_memu_list > li {min-width: 170px; width: auto; height: 56px; line-height: 56px; background: #FFF url('../../img/ver2/i_arrow_right2.svg') no-repeat top 50% right 10px; margin: 0 10px 0 0; border: 1px solid #EBEBEB; cursor: pointer; position: relative; padding: 0 30px 0 66px; float: left; font-size: 14px; letter-spacing: -0.14px;}
.product_content .product_memu_list > li.product_memu_all {display: none;}
.product_content .product_memu_list > li > img {position: absolute; left: 0; top: 0; width: 54px; height: 54px;}


.product_content .product_search {padding: 0 40px; height: 40px; position: relative; margin: 0 0 20px;}
.product_content .product_cnt {margin: 0 0 0; float: left;}
.product_content .product_cnt > span {display: block; font-size: 18px; line-height: 40px; color: #000; font-weight: 400;}
.product_content .product_filter { height: 40px; float: right; position: relative; }
.product_content .product_filter .product_filter_btn {float: left; display: none;width: 76px;height: 40px;padding: 1px;justify-content: center;align-items: center; border-radius: 100px;border: 1px solid #E9E9E9;background: #FFF; cursor: pointer;}
.product_content .product_filter .product_filter_btn > img {margin: 0 4px 0 0;}

.product_content .product_filter .product_filter_list {display: flex;align-items: flex-start;align-content: flex-start;gap: 8px;flex-wrap: wrap;}
.product_content .product_filter .product_filter_list > li {padding: 0 12px; cursor: pointer; display: flex;height: 40px;padding: 0 34px 0 12px;align-items: center;gap: 2px; border-radius: 100px; background: #FFF url('../../img/ver2/i_filter_b.svg') no-repeat top 50% right 12px; border: 1px solid #EBEBEB; font-size: 12px; letter-spacing: -0.24px; }
.product_content .product_filter .product_filter_list > li.active { background: #000 url('../../img/ver2/i_filter_w.svg') no-repeat top 50% right 12px; color: #FFF; }

.product_content .product_filter .product_filter_pop {background: #FFF; position: absolute; right: 0; top: 60px; width: 375px; z-index: 1; display: none;}
.product_content .product_filter .product_filter_pop.active {display: block; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.05), 0 16px 32px 0 rgba(0, 0, 0, 0.10);}

.product_content .product_filter .product_filter_form {padding: 24px 16px; display: flex;flex-direction: column; gap: 24px;}

.product_content .product_filter .product_filter_row {display: none;flex-direction: column;align-items: flex-start;gap: 24px;align-self: stretch;}
.product_content .product_filter .product_filter_row.active {display: flex;}
.product_content .product_filter .product_filter_row > dt {color: #000; font-size: 17px; font-weight: 600; letter-spacing: -0.34px; line-height: 26px; font-weight: 500;}
.product_content .product_filter .product_filter_row > dd {width: 100%;}

.product_content .product_filter .product_filter_radio {display: flex;flex-direction: column;align-items: flex-start;gap: 10px;align-self: stretch;}
.product_content .product_filter .product_filter_radio > li {}
.product_content .product_filter .product_filter_radio > li input {display: none;}
.product_content .product_filter .product_filter_radio > li input + label {color: #959595; cursor: pointer; position: relative; padding: 0 0 0 24px; display: flex;align-items: center;gap: 6px;}
.product_content .product_filter .product_filter_radio > li input + label::before {content: ''; display: block; width: 18px; height: 18px; border-radius: 50%; border: 1px solid #B6B6B6; background: #FFF; position: absolute; left: 0; }
.product_content .product_filter .product_filter_radio > li input:checked + label { color: #000; }
.product_content .product_filter .product_filter_radio > li input:checked + label::after {content: ''; display: block; width: 10px; height: 10px;border-radius: 50%; background: #4E6D0B; position: absolute; left: 4px;}

.product_content .product_filter .product_filter_color {display: flex;align-items: flex-start;gap: 20px;align-self: stretch;}
.product_content .product_filter .product_filter_color > li {}
.product_content .product_filter .product_filter_color > li input {display: none;}
.product_content .product_filter .product_filter_color > li input + label {display: flex;flex-direction: column;align-items: center;gap: 4px; position: relative; cursor: pointer; color: #5A5A5A; font-size: 13px; text-align: center; letter-spacing: -0.13px;}
.product_content .product_filter .product_filter_color > li input + label::before {content: ''; display: block; width: 32px; height: 32px; border: 1px solid #D5D5D5; border-radius: 50%;} 
.product_content .product_filter .product_filter_color > li input + label::after {content: ''; display: block; width: 24px; height: 24px; border-radius: 50%; position: absolute; top: 4px; }
.product_content .product_filter .product_filter_color > li input + label.filter_color_ye::after {content: ''; background-color: #F0D671;}
.product_content .product_filter .product_filter_color > li input + label.filter_color_re::after {content: ''; background-color: #F07173;}
.product_content .product_filter .product_filter_color > li input + label.filter_color_pi::after {content: ''; background-color: #F071BB;}
.product_content .product_filter .product_filter_color > li input + label.filter_color_wh::after {content: ''; background-color: #FFF;}
.product_content .product_filter .product_filter_color > li input:checked + label { color: #000; }
.product_content .product_filter .product_filter_color > li input:checked + label::before {content: ''; border-color: #000;}
.product_content .product_filter .product_filter_color > li input:checked + label::after {content: ''; background-image: url('../../img/ver2/i_chk6.png'); background-repeat: no-repeat; background-position: center;}

.product_content .product_filter .product_filter_price {width: 100%; height: 4px; border: 0px; background: #EBEBEB;}
.product_content .product_filter .product_filter_price .ui-slider-range {background: #4E6D0B; height: 4px; border: 0px;}
.product_content .product_filter .product_filter_price .ui-slider-handle {width: 10px; height: 10px; border: 1px solid #EBEBEB; background: #FFF; top: -3px;}

.product_content .product_filter .product_filter_rod {width: 100%; display: flex;justify-content: space-between;align-items: center;align-self: stretch; margin: 8px 0 0;}
.product_content .product_filter .product_filter_rod > li {color: #5A5A5A; font-size: 13px; line-height: 19px; letter-spacing: -0.13px;}

.product_content .product_filter .product_filter_save {display: flex;align-items: flex-start;align-self: stretch;}
.product_content .product_filter .product_filter_save > div {width: 50%; height: 64px; display: flex; justify-content: center; align-items: center; cursor: pointer; letter-spacing: -0.34px;font-size: 17px;  text-align: center; color: #FFF; }

.product_content .product_filter .product_filter_reset { background: #C2C2C2; }
.product_content .product_filter .product_filter_apply { background: #181C17; }


.product_content .product_list {padding: 0 40px;}
.product_content .product_page {margin: 0 0 80px;}

.product_content .product_page .product_page_img {width: 100%; position: relative; background-position: center; background-size: cover; aspect-ratio: 4 / 5;}
.product_content .product_page .product_page_img > img {width: 100%; height: 100%; opacity: 0;}

.product_content .product_cate {height: 60px; line-height: 60px; color: #000; margin: 0 0 20px; letter-spacing: -1.12px; font-size: 56px;}
.product_content .product_cate > label {display: none;}

.product_content .product_cate_list {display: grid; align-items: flex-start; align-content: center; gap: 16px 16px; align-self: stretch; grid-template-columns: repeat(4, calc((100% - 48px) / 4));}
.product_content .product_cate_list > li {height: 100%; display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start; background: #FFF; border: 1px solid #DEDEDE;}
.product_content .product_cate_list > li > a {display: block; width: 100%;}

.product_content .product_page_box {height: auto; padding: 24px 20px;}

.product_content .product_page_box .product_page_color {margin: 0 0 14px;}
.product_content .product_page_box .product_page_color > ul {display: flex;align-items: flex-start;gap: 16px;align-self: stretch;}
.product_content .product_page_box .product_page_color > ul > li {height: 26px; width: 26px;}
.product_content .product_page_box .product_page_color > ul > li svg {width: 26px; height: 26px;}

.product_content .product_page_box .product_page_tag {color: #E53324; margin: 0 0 10px; font-size: 12px; letter-spacing: -0.24px; line-height: 16px;}

.product_content .product_page_box .product_page_title { line-height: 28px; margin: 0 0 4px; color: #000; font-size: 18px; font-weight: 500; letter-spacing: -0.36px;}

.product_content .product_page_box .product_page_etc {line-height: 21px; font-size: 14px; color: #000; letter-spacing: -0.14px; font-weight: 400;}

.product_content .product_page_box .product_page_standard {display: none;}

.product_content .product_page_box .product_page_sale {margin: 4px 0 0;}
.product_content .product_page_box .product_page_sale > dd {display: flex;align-items: flex-start;align-self: center; color: #000; letter-spacing: -0.32px; line-height: 24px; font-size: 16px;}
.product_content .product_page_box .product_page_sale > dd > label {display: inline-block; color: #4E6D0B; font-size: 14px; letter-spacing: -0.32px; line-height: 24px;}


.product_topmove {position: fixed; bottom: 40px; right: 40px; width: 44px; height: 44px; display: flex; justify-content: center; align-items: center; border-radius: 22px;background: rgba(248, 248, 248, 0.90) url('../../img/ver2/i_topmove.svg') no-repeat center;box-shadow: 0 0.5px 4px 0 rgba(0, 0, 0, 0.20); cursor: pointer;}



/* ***** PAD ***** */
@media screen and (max-width:1279px) {
    .product_content {padding: 96px 0 80px; position: relative;}
    .product_content .product_location {padding: 0 24px;}
    .product_content .product_title {font-size: 56px; letter-spacing: -1.12px; height: 62px; line-height: 62px; padding: 0 16px; margin: 0 0 40px;}

    .product_content .product_memu {position: absolute; top: 0; left: 0; padding: 0; margin: 0 0 0; width: 100%; overflow: auto; overflow-y: hidden; background: #EBEBEB;}
    .product_content .product_memu::-webkit-scrollbar { display: none;}
    .product_content .product_memu_list { height: 48px; background: #EBEBEB; border-bottom: 1px solid #E5E9EE; padding: 0 20px; width: max-content;}
    .product_content .product_memu_list > li {background: transparent; padding: 0 0 0; min-width: auto; height: 48px; line-height: 48px; margin: 0 16px 0 0;}
    .product_content .product_memu_list > li.active {font-weight: 700;}
    .product_content .product_memu_list > li.active::after {content: ''; width: 100%; height: 2px; position: absolute; left: 0; bottom: 0px; background: #000;}
    .product_content .product_memu_list > li:last-child {margin: 0 0 0;}
    .product_content .product_memu_list > li.product_memu_all {display: block;}
    .product_content .product_memu_list > li > img {display: none;}

    .product_content .product_search {padding: 0 16px;}
    .product_content .product_cnt {margin: 0 0 0;}
    .product_content .product_cnt > span {line-height: 40px;}

    .product_content .product_list {padding: 0 16px;}
    .product_content .product_cate {font-size: 40px; letter-spacing: -0.8px; height: 44px; line-height: 44px;}

    .product_content .product_page_box .product_page_color {margin: 0 0 10px; }
    .product_content .product_page_box .product_page_color > ul > li {width: 24px; height: 24px;}
    .product_content .product_page_box .product_page_color > ul > li svg {width: 24px; height: 24px;}

    .product_content .product_page_box .product_page_title {font-size: 17px;line-height: 25px; letter-spacing: -0.34px;}
    .product_content .product_page_box .product_page_etc {font-size: 13px; line-height: 19px; letter-spacing: -0.13px;}
    .product_content .product_page_box .product_page_sale > dd {font-size: 15px; letter-spacing: -0.3px; line-height: 22px;}
    .product_content .product_page_box .product_page_sale > dd > label {font-size: 13px; letter-spacing: -0.13px; line-height: 22px;}
}


/* ***** MOBILE ***** */
@media screen and (max-width:799px) {
    .product_content {padding: 60px 0;}

    .product_content .product_location {height: 32px; line-height: 32px; display: none;}

    .product_content .product_title {font-size: 32px; line-height: 40px; height: 40px; letter-spacing: -0.8px; margin: 0 0 20px; display: none;}

    .product_content .product_search {height: auto; display: flex; flex-direction: column; gap: 20px;}

    .product_content .product_cnt {order: 2; display: none;}
    .product_content .product_cnt > span {font-size: 16px; line-height: 22px;}

    .product_content .product_filter {order: 1;}
    .product_content .product_filter .product_filter_pop {position: fixed; width: 100%; top: initial; bottom: 0; border-radius: 8px 8px 0 0;}

    .product_content .product_cate {font-size: 28px; letter-spacing: -0.64px; line-height: 30px; height: 30px; margin: 0 0 16px;}

    .product_content .product_cate_list {gap: 8px 8px; grid-template-columns: repeat(2, calc((100% - 8px) / 2));}
    
    .product_content .product_page_box {padding: 12px 12px;}
    .product_content .product_page_box .product_page_color > ul {gap: 8px;}
    .product_content .product_page_box .product_page_color > ul > li {width: 20px; height: 20px;}
    .product_content .product_page_box .product_page_color > ul > li svg {width: 20px; height: 20px;}
    .product_content .product_page_box .product_page_title {font-size: 16px; line-height: 24px; letter-spacing: -0.32px;}
    .product_content .product_page_box .product_page_etc {font-size: 12px; letter-spacing: -0.12px; line-height: 18px;}
    .product_content .product_page_box .product_page_sale > dd {font-size: 14px; letter-spacing: -0.28px; line-height: 21px; align-items: center;}
    .product_content .product_page_box .product_page_sale > dd > label {font-size: 12px; letter-spacing: -0.12px; line-height: 21px;}

    .product_topmove {bottom: 16px; right: 16px;}
}