@charset "utf-8";


/* header */
#piumae_header {display:flex; justify-content:space-between; align-items:center; width:100%; height:112px; padding:0 40px; position:fixed; left:0; top:0; z-index:500; transition:all 0.5s; transition-property:background, height;}

#piumae_header .h_util {display:flex; align-items:center; gap:18px; position:relative; z-index:10;}

#piumae_header .h_sch {display:flex; align-items:center; gap:8px;}
#piumae_header .h_sch input {display:block; width:120px; height:26px; background:none; border:0 !important; border-bottom:1px solid #fff !important; border-radius:0; font-size:1em; color:#fff; transition:all 0.5s; transition-property:border, color;}
#piumae_header .h_sch input:focus {outline:none; box-shadow:none !important;}
#piumae_header .h_sch button {display:block; width:26px; height:26px; font-size:1.25em; color:#fff; transition:color 0.5s;}

#piumae_header .h_member {display:flex; align-items:center; gap:18px;}
#piumae_header .h_member li {position:relative;}
#piumae_header .h_member li a {font-size:1.25em; color:#fff; transition:color 0.5s;}
#piumae_header .h_member li.cart span {display:flex; justify-content:center; align-items:center; width:14px; height:14px; background:#191919; border-radius:50%; font-size:10px; color:#fff; position:absolute; right:-8px; top:0;}

#piumae_logo {width:69px; height:64px; background:url(../images/logo_w.svg) no-repeat center center; background-size:contain; position:relative; z-index:10;}
#piumae_logo a {display:block; width:100%; height:100%;}

#piumae_gnb {width:100%; position:absolute; left:0; top:0;}
#piumae_gnb > ul {display:flex; justify-content:center;}
#piumae_gnb > ul > li > a {display:block; font-size:1em; color:#fff; font-weight:500; line-height:112px; font-family:var(--font-poppins); padding:0 24px; transition:all 0.5s; transition-property:line-height, color;}

#all_gnb {display:none;}

#menuOpen {display:none;}

#piumae_header.sub_header {background:#fff; border-bottom:1px solid rgba(0,0,0,0.1)}
#piumae_header.sub_header .h_sch input {border-color:#191919 !important; color:#191919;}
#piumae_header.sub_header .h_sch button {color:#191919;}

#piumae_header.sub_header .h_member li a {color:#191919;}

#piumae_header.sub_header #piumae_logo {background-image:url(../images/logo.svg)}

#piumae_header.sub_header #piumae_gnb > ul > li > a {color:#191919;}

#piumae_header.scroll_on {background:rgba(255,255,255,0.2); backdrop-filter:blur(5px); border-bottom:1px solid rgba(0,0,0,0.1)}

#piumae_header.scroll_on.active {background:#fff;}
#piumae_header.scroll_on.active .h_sch input {border-color:#191919 !important; color:#191919;}
#piumae_header.scroll_on.active .h_sch button {color:#191919;}

#piumae_header.scroll_on.active .h_member li a {color:#191919;}

#piumae_header.scroll_on.active #piumae_logo {background-image:url(../images/logo.svg)}

#piumae_header.scroll_on.active #piumae_gnb > ul > li > a {color:#191919;}

@media screen and (min-width:1025px){
    #piumae_header.scroll_on {height:90px;}

    #piumae_header.scroll_on  #piumae_gnb > ul > li > a {line-height:90px;}
}

@media screen and (max-width:1220px){
    #piumae_header {padding:0 6%;}

    #piumae_gnb {padding:0 300px 0 150px;}
}

@media screen and (max-width:1024px){
    #piumae_header {height:55px; transition-property:background;}

    #piumae_header .h_sch {display:none;}

    #piumae_header .h_sch2 {display:flex; align-items:center; width:calc(100% - 35px); height:100%; background:#f5f5f5; border-radius:40px; padding:0 15px;}
    #piumae_header .h_sch2 input {display:block; width:calc(100% - 25px); height:100%; background:none; border:0; border-radius:0; font-size:1em;}
    #piumae_header .h_sch2 input:focus {outline:none;}
    #piumae_header .h_sch2 button {width:25px; height:100%; font-size:1.125em;}

    #piumae_header .h_member {gap:14px;}
    #piumae_header .h_member li.cart span {right:-10px; top:-2px;}

    #piumae_logo {width:43px; height:40px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%)}

    #piumae_gnb {display:none;}

    #all_gnb {display:block; width:calc(100% - 60px); height:100vh; background:#fff; position:fixed; right:0; top:0; z-index:300; transform:translateX(100%); transition:transform 0.7s;}
    #all_gnb > div {display:flex; justify-content:space-between; align-items:center; width:100%; height:55px; border-bottom:1px solid #eee; padding:10px 15px;}
    #all_gnb > ul {padding:25px 20px;}
    #all_gnb > ul > li > a {display:block; font-size:1.25em; font-weight:500; font-family:var(--font-poppins); padding:10px 0;}

    #menuOpen {display:flex; justify-content:space-between; flex-direction:column; width:18px; height:13px; position:relative;}
    #menuOpen span {display:block; width:100%; height:1px; background:#191919; transition:background 0.5s;}
    #menuOpen span:nth-child(2) {width:calc(100% - 5px)}

    #menuClose {width:25px; height:35px; font-size:1.5em;}

    #piumae_header.scroll_on.active #menuOpen span {background:#191919;}

    #piumae_header.on #all_gnb {transform:translateX(0)}

}


/* footer */
#piumae_footer {width:100%; background:#191919; padding:40px 0 80px;}
#piumae_footer .f_util {display:flex; gap:24px; border-bottom:1px solid rgba(102,102,102,0.6); margin-bottom:20px; padding-bottom:23px;}
#piumae_footer .f_util li a {display:block; font-size:1em; color:#fff; font-weight:600; line-height:1.5em;}
#piumae_footer .f_cs {position:absolute; right:0; bottom:0;}
#piumae_footer .f_cs dt {font-size:1em; color:#fff; font-weight:500; margin-bottom:4px;}
#piumae_footer .f_cs dd .tel {font-size:2em; color:#fff; font-weight:600; line-height:1.4em;}
#piumae_footer .f_cs dd.time {font-size:0.875em; color:#a4a4a4; font-weight:500; margin-top:8px;}
#piumae_footer .f_info li {display:inline-block; font-size:0.875em; color:#fff; line-height:1.5em; margin:4px 0;}
#piumae_footer .f_info li:before {content:''; display:inline-block; width:1px; height:10px; background:#666; margin:0 10px;}
#piumae_footer .f_info li:first-child:before, #piumae_footer .f_info br + li:before {display:none;}
#piumae_footer .f_info li strong {color:#a4a4a4; font-weight:600; margin-right:8px;}
#piumae_footer .copy {font-size:0.875em; color:#fff; line-height:1.5em; font-weight:600; margin-top:20px;}
#piumae_footer .go_top {display:block; width:48px; height:48px; border:1px solid #fff; background:#191919; border-radius:5px; font-size:1em; color:#fff; position:fixed; right:40px; bottom:40px; z-index:300; opacity:0; visibility:hidden; transform:translateY(40px); transition:all 0.6s; transition-property:opacity, visibility, transform;}
#piumae_footer .go_top.on {opacity:1; visibility:visible; transform:translateY(0);}
#piumae_footer .f_member {display:flex; gap:0 3px; margin-top:10px;}
#piumae_footer .f_member a {display:inline-block; line-height:26px; border:1px solid #ccc; font-size:0.875em; color:#fff; padding:0 10px}

@media screen and (max-width:1220px){
    #piumae_footer .go_top {right:6%}
}

@media screen and (max-width:1024px){
    #piumae_footer {padding:4% 0 8%;}
    #piumae_footer .f_util {gap:15px; padding-bottom:15px; margin-bottom:15px;}
    #piumae_footer .f_cs dd .tel {font-size:1.7em;}
    #piumae_footer .f_info li:before {margin:0 8px;}
    #piumae_footer .f_info li strong {margin-right:5px;}
    #piumae_footer .go_top {width:42px; height:42px; bottom:30px;}
}

@media screen and (max-width:767px){
    #piumae_footer {padding:6% 0;}
    #piumae_footer .f_cs {position:relative; margin-bottom:15px;}
    #piumae_footer .f_cs dl {display:flex; flex-wrap:wrap;}
    #piumae_footer .f_cs dt {width:100%;}
    #piumae_footer .f_cs dd {width:fit-content}
    #piumae_footer .f_cs dd .tel {font-size:1.5em;}
    #piumae_footer .f_cs dd.time {margin-left:8px;}
    #piumae_footer .f_info li {margin:3px 8px 3px 0;}
    #piumae_footer .f_info li:before {display:none;}
    #piumae_footer .f_info br {display:none;}
    #piumae_footer .copy {margin-top:15px;}
    #piumae_footer .go_top {width:33px; height:33px; font-size:0.9375em; bottom:20px;}
}


/* main */
#mVisu {width:100%; height:1000px; position:relative;}
.mVisu_slide {width:100%; height:100%; position:relative; overflow:hidden;}
.mVisu_slide .swiper-slide:before {content:''; display:block; width:100%; height:100%; background: linear-gradient(90deg, rgba(25, 25, 25, 0.5) 0%, rgba(25, 25, 25, 0) 100%); position:absolute; left:0; top:0; z-index:1;}
.mVisu_slide .img_box {width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; position:absolute; left:0; top:0; z-index:0; transform:scale(1.1)}
.mVisu_slide .txt_box {position:absolute; left:50%; bottom:210px; z-index:10; transform:translateX(-50%)}
.mVisu_slide .txt_box .tit {font-size:5em; color:#fff; line-height:1.125em; font-weight:400; font-family:var(--font-gowunbatang); opacity:0; transform:translateY(100px);}
.mVisu_slide .txt_box .txt {font-size:1.125em; color:#fff; line-height:1.55em; font-weight:500; margin-top:30px; opacity:0; transform:translateY(100px);}
.mVisu_slide .btn_box {display:flex; align-items:center; gap:16px; position:absolute; left:50%; bottom:110px; transform:translateX(-50%); z-index:30;}
.mVisu_slide .progress_bar {width:120px; height:2px; background:rgba(255,255,255,0.3)}
.mVisu_slide .progress_bar div {width:50%; height:100%; background:#fff; transition:width 6s ease-out}
.mVisu_slide .progress_bar div.no_transition {transition:none;}
.mVisu_slide .swiper-button-prev, .mVisu_slide .swiper-button-next {width:auto; height:auto; font-size:1.25em; color:#fff; position:relative; left:0; right:0; top:0; margin-top:0;}
.mVisu_slide .swiper-button-prev:after, .mVisu_slide .swiper-button-next:after {font-size:1em; font-weight:300; font-family:'Font Awesome 6 Pro'}
.mVisu_slide .swiper-button-prev:after {content:'\f104'}
.mVisu_slide .swiper-button-next:after {content:'\f105'}
.mVisu_slide .swiper-pagination-fraction {display:flex; justify-content:space-between; align-items:center; width:175px; font-size:0.875em; color:#fff; font-weight:500; margin-right:4px; position:relative; bottom:0;}
.mVisu_slide .swiper-pagination-fraction span {display:block; width:20px;}

.mVisu_slide .swiper-slide-active .img_box {transform:scale(1); transition:transform 5500ms ease-in-out;}
.mVisu_slide .swiper-slide-active .txt_box .tit {opacity:1; transform:translateY(0); transition:all 1.2s; transition-property:opacity, transform;}
.mVisu_slide .swiper-slide-active .txt_box .txt {opacity:1; transform:translateY(0); transition:all 1.2s 0.4s; transition-property:opacity, transform;}

@media screen and (max-width:1024px){
    #mVisu {height:650px;}
    .mVisu_slide .txt_box {bottom:130px;}
    .mVisu_slide .txt_box .tit {font-size:4em;}
    .mVisu_slide .txt_box .txt {font-size:1em; margin-top:15px;}
    .mVisu_slide .btn_box {bottom:60px;}
}

@media screen and (max-width:767px){
    #mVisu {height:calc(100vh - 80px);}
	.mVisu_slide .img_box {background-position:65% center;}
    .mVisu_slide .txt_box {bottom:70px;}
    .mVisu_slide .txt_box .tit {font-size:2.7em;}
    .mVisu_slide .txt_box .txt {margin-top:10px;}
    .mVisu_slide .btn_box {bottom:30px; gap:10px;}
    .mVisu_slide .progress_bar {width:70px;}
    .mVisu_slide .swiper-pagination-fraction {width:125px;}
}


.main_title h2 {font-size:1.125em; color:#624c3f; font-weight:400; font-family:var(--font-poppins); margin-bottom:8px;}
.main_title .tit {font-size:2.8125em; line-height:1.33em; font-weight:400; font-family:var(--font-gowunbatang);}
.main_title .txt {font-size:1.125em; color:#666; line-height:1.55em; margin-top:24px;}

@media screen and (max-width:1024px){
    .main_title h2 {font-size:1em; margin-bottom:5px;}
    .main_title .tit {font-size:2.4em;}
    .main_title .txt {font-size:1em; margin-top:15px;}
}

@media screen and (max-width:767px){
    .main_title .tit {font-size:1.8em;}
    .main_title .txt {margin-top:10px;}
}


.main_product_list {display:flex; flex-wrap:wrap; gap:40px 20px; width:100%;}
.main_product_list > div {width:calc(25% - 15px);}
.main_product_list > div a {display:block;}
.main_product_list > div .img_box {position:relative; border-radius:5px; overflow:hidden;}
.main_product_list > div .img_box img {width:100%; height:auto; transition:transform 0.5s}
.main_product_list > div a:hover .img_box img {transform:scale(1.12);}
.main_product_list > div .txt_box {margin-top:24px;}
.main_product_list > div .txt_box .subject {font-size:1.375em; line-height:1.5em; font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main_product_list > div .txt_box .cont {font-size:1em; color:#a4a4a4; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main_product_list > div .txt_box .price_box {display:flex; align-items:center; gap:10px; margin-top:12px;}
.main_product_list > div .txt_box .price_box .sale {background:#624c3f; border-radius:5px; font-size:1em; color:#fff; font-weight:700; line-height:1.5em; padding:2px 6px;}
.main_product_list > div .txt_box .price_box .price {font-size:1.25em; line-height:1.5em; font-weight:600;}
.main_product_list > div .txt_box .price_box .basic {font-size:1em; color:#a4a4a4;}
.main_product_list.ranking {counter-reset:counter}
.main_product_list.ranking > div .img_box:before {content:counter(counter); counter-increment:counter; display:flex; justify-content:center; align-items:center; width:36px; height:36px; background:#624c3f; border-radius:5px; font-size:1em; color:#fff; font-weight:700; position:absolute; left:16px; top:16px; z-index:30;}

@media screen and (max-width:1024px){
    .main_product_list {gap:40px 15px;}
    .main_product_list > div {width:calc(25% - 11.25px)}
    .main_product_list > div .txt_box {margin-top:15px;}
    .main_product_list > div .txt_box .subject {font-size:1.2em;}
    .main_product_list > div .txt_box .cont {font-size:0.9375em;}
    .main_product_list > div .txt_box .price_box {gap:8px; margin-top:10px;}
    .main_product_list > div .txt_box .price_box .sale {font-size:0.9375em;}
    .main_product_list > div .txt_box .price_box .price {font-size:1.125em;}
    .main_product_list > div .txt_box .price_box .basic {font-size:0.9375em;}
    .main_product_list.ranking > div .img_box:before {width:32px; height:32px; left:10px; top:10px;}
}

@media screen and (max-width:767px){
    .main_product_list {gap:30px 10px;}
    .main_product_list > div {width:calc(50% - 5px)}
    .main_product_list > div .txt_box {margin-top:10px;}
    .main_product_list > div .txt_box .subject {font-size:1.125em;}
    .main_product_list > div .txt_box .price_box {gap:6px; margin-top:8px;}
    .main_product_list > div .txt_box .price_box .sale {padding:2px 4px;}
    .main_product_list > div .txt_box .price_box .price {font-size:1em;}
    .main_product_list.ranking > div .img_box:before {width:28px; height:28px; left:8px; top:8px;}
}


#mBest {padding:120px 0;}
#mBest .tit_box {display:flex; justify-content:space-between; align-items:end; margin-bottom:40px;}
#mBest .tit_box .view_btn {display:block; font-size:1em; font-weight:400; line-height:1.5em;}
#mBest .tit_box .view_btn:after {content:'\2b'; font-size:0.875em; font-weight:300; font-family:'Font Awesome 6 Pro'; margin-left:8px;}

@media screen and (max-width:1024px){
    #mBest {padding:12% 0;}
    #mBest .tit_box {margin-bottom:4%;}
}


#mBrand {display:flex; width:100%;}
#mBrand:before {content:''; display:block; width:50%; background:url(../images/mBrand_img1.jpg) no-repeat center center; background-size:cover;}
#mBrand .txt_box {width:50%; background:#f9f6f3; padding:140px 0;}
#mBrand .txt_box > div {width:600px; padding-left:150px;}
#mBrand .txt_box .view_btn {display:block; width:fit-content; background:#624c3f; border-radius:5px; font-size:1em; color:#fff; font-weight:600; margin-top:40px; padding:12px 24px;}

@media screen and (max-width:1220px){
    #mBrand .txt_box {padding-right:6%;}
    #mBrand .txt_box > div {width:100%; padding-left:50px;}
    #mBrand .txt_box .main_title .tit br, #mBrand .txt_box .main_title .txt br {display:none;}
}

@media screen and (max-width:1024px){
    #mBrand .txt_box {padding:14% 6%;}
    #mBrand .txt_box > div {padding-left:0;}
    #mBrand .txt_box .view_btn {padding:10px 15px; margin-top:30px;}
}

@media screen and (max-width:767px){
    #mBrand {display:block;}
    #mBrand:before {width:100%; height:60vw;}
    #mBrand .txt_box {width:100%; padding:8% 6%;}
    #mBrand .txt_box .main_title .tit br {display:block;}
    #mBrand .txt_box .view_btn {padding:8px 12px; margin-top:15px;}
}


#mProduct {padding:120px 0;}
#mProduct .tit_box {position:relative; margin-bottom:40px;}
#mProduct .tit_box .view_btn {display:block; font-size:1em; font-weight:400; line-height:1.5em; position:absolute; right:0; bottom:0;}
#mProduct .tit_box .view_btn:after {content:'\2b'; font-size:0.875em; font-weight:300; font-family:'Font Awesome 6 Pro'; margin-left:8px;}
#mProduct .tab_box {display:flex; flex-wrap:wrap; gap:4px; margin-top:40px;}
#mProduct .tab_box button {display:block; background:#f9f6f3; border-radius:5px; font-size:1em; color:#624c3f; padding:10px 20px; transition:all 0.5s; transition-property:background, color;}
#mProduct .tab_box button.on {background:#624c3f; color:#fff; font-weight:600;}
#mProduct .cont_box > div:not(.on) {display:none;}

@media screen and (max-width:1024px){
    #mProduct {padding:12% 0;}
    #mProduct .tit_box {margin-bottom:6%;}
    #mProduct .tab_box {margin-top:4%;}
    #mProduct .tab_box button {padding:8px 15px;}
}

@media screen and (max-width:767px){
    #mProduct .tit_box {margin-bottom:8%;}
    #mProduct .tit_box .view_btn {display:none;}
    #mProduct .tab_box {gap:3px;}
    #mProduct .tab_box button {font-size:0.9375em; padding:7px 10px;}
}


#mInstagram {width:100%; background:#f9f6f3; padding:80px 0;}
#mInstagram ul {display:flex; flex-wrap:wrap; gap:20px; width:100%; margin-top:40px;}
#mInstagram ul li {width:calc(25% - 15px); position:relative; border-radius:5px; overflow:hidden;}
#mInstagram ul li:before {content:''; display:block; width:24px; height:24px; background:url(../images/icon_insta.svg) no-repeat center center; background-size:contain; position:absolute; right:24px; top:24px; z-index:5;}
#mInstagram ul li img {width:100%; transition:transform 0.5s;}
#mInstagram ul li a:hover img {transform:scale(1.1)}

@media screen and (max-width:1024px){
    #mInstagram {padding:10% 0;}
    #mInstagram ul {gap:15px; margin-top:4%;}
    #mInstagram ul li {width:calc(25% - 11.25px)}
    #mInstagram ul li:before {width:20px; height:20px; right:15px; top:15px;}
}

@media screen and (max-width:767px){
    #mInstagram ul {gap:10px;}
    #mInstagram ul li {width:calc(50% - 5px)}
    #mInstagram ul li:before {width:16px; height:16px; right:10px; top:10px;}
}


/* sub */
#sub_content {min-height:70vh; margin:240px 0 120px;}

.sub_title {font-size:2.8125em; color:#624c3f; line-height:1.33em; font-weight:500; font-family:var(--font-poppins); text-align:center; margin-bottom:80px;}
.sub_title.case2 {text-align:left; margin-bottom:24px;}

@media screen and (max-width:1024px){
	#sub_content {margin:150px 0 12%;}
	
	.sub_title {font-size:2.4em; margin-bottom:8%;}
	.sub_title.case2 {margin-bottom:3%;}
}

@media screen and (max-width:767px){
	#sub_content {margin-top:100px;}
	
	.sub_title {font-size:2em;}
}

.board_tab_wrap {display:flex; justify-content:center; gap:10px; margin-bottom:55px;}
.board_tab_wrap a {display:flex; justify-content:center; align-items:center; width:160px; height:50px; border:1px solid #eee; border-radius:5px; font-size:1em; color:#666;}
.board_tab_wrap a.on {background:#624c3f; border-color:#624c3f; color:#fff; font-weight:500;}

@media screen and (max-width:1024px){
	.board_tab_wrap {gap:5px; margin-bottom:5%;}
	.board_tab_wrap a {width:135px; height:40px;}
}

@media screen and (max-width:767px){
	.board_tab_wrap {gap:3px;}
	.board_tab_wrap a {width:90px; height:35px;}
}





.product_top_wrap {display:flex; justify-content:space-between; align-items:start; flex-wrap:wrap; width:100%;}
.product_top_wrap .img_box {display:flex; justify-content:end; width:calc(50% + 16px); position:relative;}
.product_top_wrap .txt_box {width:calc(50% - 96px); position:relative;}
.product_top_wrap .txt_box .cont {font-size:1.125em; color:#a4a4a4; line-height:1.55em; padding-right:40px; margin-bottom:5px;}
.product_top_wrap .txt_box .subject {font-size:1.875em; line-height:1.33em; font-weight:600;}
.product_top_wrap .txt_box .share_box {position:absolute; right:0; top:0;}
.product_top_wrap .txt_box .share_box button {font-size:1.5em;}
.product_top_wrap .txt_box .price_box {display:flex; align-items:center; gap:8px; margin-top:26px;}
.product_top_wrap .txt_box .price_box .sale {background:#624c3f; border-radius:5px; font-size:1.125em; color:#fff; font-weight:700; line-height:1.5em; padding:2px 6px; margin-right:8px;}
.product_top_wrap .txt_box .price_box .price {font-size:1.5em; font-weight:600;}
.product_top_wrap .txt_box .price_box .basic {font-size:1.125em; color:#a4a4a4;}
.product_top_wrap .txt_box .info {width:100%; border-collapse:collapse; margin-top:40px;}
.product_top_wrap .txt_box .info tbody th {width:100px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; font-size:1em; font-weight:500; text-align:left; padding:24px 0;}
.product_top_wrap .txt_box .info tbody td {border-top:1px solid #ccc; border-bottom:1px solid #ccc; font-size:1em; font-weight:500; text-align:left; padding:24px 0;}
.product_top_wrap .txt_box .info tbody td span {font-size:1em; color:#a4a4a4; font-weight:400;}
.product_top_wrap .txt_box .option_box {display:flex; flex-direction:column; gap:8px; border-bottom:1px solid #ccc; padding:24px 0;}
.product_top_wrap .txt_box .option_box > div {display:flex; align-items:start; flex-wrap:wrap;}
.product_top_wrap .txt_box .option_box > div .tit {width:78px; font-size:1em; font-weight:500; line-height:52px;}
.product_top_wrap .txt_box .option_box > div > div {display:flex; flex-direction:column; gap:8px; width:calc(100% - 78px)}
.product_top_wrap .txt_box .option_box > div .select_box {width:100%; position:relative;}
.product_top_wrap .txt_box .option_box > div .select_box:after {content:'\f107'; font-size:1em; font-weight:300; font-family:'Font Awesome 6 Pro'; position:absolute; right:16px; top:50%; transform:translateY(-50%); pointer-events:none;}
.product_top_wrap .txt_box .option_box > div .select_box select {width:100%; height:52px; background:#fff; border:1px solid #ccc; border-radius:0; font-size:1em; color:#666; padding:0 30px 0 16px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.product_top_wrap .txt_box .option_select_box {margin-top:24px;}
.product_top_wrap .txt_box .option_select_box .tit {font-size:1em; font-weight:500; margin-bottom:12px;}
.product_top_wrap .txt_box .option_select_box ul li {display:flex; align-items:center; gap:0 24px; width:100%; background:#f8f8f8; margin-bottom:8px; padding:24px;}
.product_top_wrap .txt_box .option_select_box ul li:last-child {margin-bottom:0;}
.product_top_wrap .txt_box .option_select_box ul li .txt {width:calc(100% - 183px)}
.product_top_wrap .txt_box .option_select_box ul li .txt .name {font-size:1em; font-weight:500;}
.product_top_wrap .txt_box .option_select_box ul li .txt .price {font-size:1em; color:#666; margin-top:4px;}
.product_top_wrap .txt_box .option_select_box ul li .cnt_box {display:flex; width:115px; height:38px; background:#fff; border:1px solid #ccc;}
.product_top_wrap .txt_box .option_select_box ul li .cnt_box button {width:33.33%; font-size:0.875em;}
.product_top_wrap .txt_box .option_select_box ul li .cnt_box input {width:33.33%; border:0; font-size:0.875em; font-weight:500; text-align:center;}
.product_top_wrap .txt_box .option_select_box ul li .remove_btn {width:20px; font-size:1.125em;}
.product_top_wrap .txt_box .total_price {margin-top:32px;}
.product_top_wrap .txt_box .total_price dl {display:flex; justify-content:space-between; align-items:center;}
.product_top_wrap .txt_box .total_price dl dt {font-size:1em; font-weight:500;}
.product_top_wrap .txt_box .total_price dl dd {font-size:1.875em; font-weight:600;}
.product_top_wrap .txt_box .btn_box {display:flex; justify-content:space-between; align-items:center; width:100%; margin-top:32px;}
.product_top_wrap .txt_box .btn_box button {width:calc(50% - 4px); height:56px; font-size:1.25em; font-weight:600;}
.product_top_wrap .txt_box .btn_box .cart_btn {border:1px solid #624c3f; color:#624c3f;}
.product_top_wrap .txt_box .btn_box .buy_btn {background:#624c3f; color:#fff;}

.product_view_slide {width:calc(100% - 104px); border-radius:5px; overflow:hidden; position:relative;}
.product_view_slide img {width:100%;}
.product_view_slide.swiper-container-horizontal>.swiper-pagination-bullets {bottom:32px;}
.product_view_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 5px;}
.product_view_slide .swiper-pagination-bullet {width:8px; height:8px; background:rgba(25,25,25,0.3); opacity:1;}
.product_view_slide .swiper-pagination-bullet-active {background:#624c3f;}

.product_view_slide_thumb {width:80px; height:100%; position:absolute; left:0; top:0; overflow:hidden;}
.product_view_slide_thumb .swiper-slide {width:100%; height:80px; border-radius:5px; overflow:hidden;}
.product_view_slide_thumb .swiper-slide-thumb-active:before {content:''; display:block; width:100%; height:100%; border:1px solid #191919; border-radius:5px; position:absolute; left:0; top:0;}
.product_view_slide_thumb img {max-width:100%; max-height:100%;}

.product_detail_wrap {margin-top:80px;}
.product_detail_wrap .tab_box {display:flex; justify-content:center; gap:15px; width:100%; position:relative;}
.product_detail_wrap .tab_box:before {content:''; display:block; width:100%; height:1px; background:#ccc; position:absolute; left:0; bottom:0; pointer-events:none;}
.product_detail_wrap .tab_box li button {display:block; font-size:1.125em; color:#666; padding:0 24px 24px; position:relative;}
.product_detail_wrap .tab_box li button:after {content:''; display:block; width:0; height:2px; background:#624c3f; position:absolute; left:50%; bottom:0; transform:translateX(-50%); z-index:5; transition:width 0.5s;}
.product_detail_wrap .tab_box li.on button {color:#624c3f; font-weight:600;}
.product_detail_wrap .tab_box li.on button:after {width:100%;}
.product_detail_wrap .cont_box {margin-top:90px;}
.product_detail_wrap .cont_box > div:not(.on) {display:none;}
.product_detail_wrap .cont_box > div img {max-width:100%;}

@media screen and (max-width:1220px){
    .product_top_wrap .txt_box {width:calc(50% - 56px)}
}

@media screen and (max-width:1024px){
    .product_top_wrap .img_box {display:block; width:50%;}
    .product_top_wrap .txt_box {width:calc(50% - 30px)}

    .product_top_wrap .txt_box .cont {font-size:1em;}
    .product_top_wrap .txt_box .subject {font-size:1.5em;}
    .product_top_wrap .txt_box .share_box button {font-size:1.3em;}
    .product_top_wrap .txt_box .price_box {margin-top:15px;}
    .product_top_wrap .txt_box .price_box .sale {font-size:1em; margin-right:4px;}
    .product_top_wrap .txt_box .price_box .price {font-size:1.3em;}
    .product_top_wrap .txt_box .price_box .basic {font-size:1em;}
    .product_top_wrap .txt_box .info {margin-top:25px;}
    .product_top_wrap .txt_box .info tbody th {padding:15px 0;}
    .product_top_wrap .txt_box .info tbody td {padding:15px 0;}
    .product_top_wrap .txt_box .option_box {padding:15px 0;}
    .product_top_wrap .txt_box .option_box {gap:4px;}
    .product_top_wrap .txt_box .option_box > div .tit {line-height:45px;}
    .product_top_wrap .txt_box .option_box > div > div {gap:4px;}
    .product_top_wrap .txt_box .option_box > div .select_box select {height:45px;}
    .product_top_wrap .txt_box .option_select_box {margin-top:15px;}
    .product_top_wrap .txt_box .option_select_box .tit {margin-bottom:10px;}
    .product_top_wrap .txt_box .option_select_box ul li {gap:10px; padding:15px;}
    .product_top_wrap .txt_box .option_select_box ul li .txt {width:calc(100% - 130px)}
    .product_top_wrap .txt_box .option_select_box ul li .cnt_box {width:90px; height:30px;}
    .product_top_wrap .txt_box .total_price {margin-top:20px;}
    .product_top_wrap .txt_box .total_price dl dd {font-size:1.5em;}
    .product_top_wrap .txt_box .btn_box {gap:5px; margin-top:25px;}
    .product_top_wrap .txt_box .btn_box button {width:calc(50% - 2.5px); height:48px; font-size:1.125em;}

    .product_view_slide {width:100%;}
    .product_view_slide.swiper-container-horizontal>.swiper-pagination-bullets {bottom:15px;}

    .product_view_slide_thumb {width:100%; height:auto; position:relative; margin-top:10px;}
    .product_view_slide_thumb .swiper-slide {width:calc(16.66% - 4.16px); height:auto;}

    .product_detail_wrap {margin-top:8%;}
    .product_detail_wrap .tab_box {gap:10px;}
    .product_detail_wrap .tab_box li button {font-size:1em; padding:0 15px 15px;}
    .product_detail_wrap .cont_box {margin-top:5%;}
}

@media screen and (max-width:767px){
    .product_top_wrap .img_box {width:100%;}
    .product_top_wrap .txt_box {width:100%; margin-top:30px;}

    .product_top_wrap .txt_box .cont {margin-bottom:2px;}
    .product_top_wrap .txt_box .subject {font-size:1.4em;}
    .product_top_wrap .txt_box .share_box button {font-size:1.2em;}
    .product_top_wrap .txt_box .price_box {margin-top:10px;}
    .product_top_wrap .txt_box .price_box .sale {margin-right:2px;}
    .product_top_wrap .txt_box .price_box .price {font-size:1.2em;}
    .product_top_wrap .txt_box .info {margin-top:15px;}
    .product_top_wrap .txt_box .info tbody th {width:80px; padding:12px 0;}
    .product_top_wrap .txt_box .info tbody td {padding:12px 0;}
    .product_top_wrap .txt_box .option_box {padding:12px 0;}
    .product_top_wrap .txt_box .option_box > div .tit {width:60px; line-height:38px;}
    .product_top_wrap .txt_box .option_box > div > div {width:calc(100% - 60px)}
    .product_top_wrap .txt_box .option_box > div .select_box:after {right:10px;}
    .product_top_wrap .txt_box .option_box > div .select_box select {height:38px; padding:0 25px 0 10px;}
    .product_top_wrap .txt_box .total_price dl dd {font-size:1.3em;}
    .product_top_wrap .txt_box .btn_box button {height:40px; font-size:1em;}

    .product_view_slide.swiper-container-horizontal>.swiper-pagination-bullets {bottom:10px;}
    .product_view_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 3px;}
    .product_view_slide .swiper-pagination-bullet {width:6px; height:6px;}
    
    .product_detail_wrap .tab_box {gap:5px;}
    .product_detail_wrap .tab_box li button {padding:0 10px 10px;}
}

/* 약관/안내 (doc/privacy.php, doc/terms.php, doc/policy.php) */
.sPrivacy_case {user-select:text;}
.sPrivacy_case br.pc {display:inline;}

.sPrivacy_case .privacy_top {padding-bottom:60px; border-bottom:1px solid #e1e1e1;}
.sPrivacy_case .privacy_top p {font-size:1.125em; color:#666; line-height:1.8em; letter-spacing:-0.03em; text-align:left;}

.sPrivacy_case .privacy_box {margin-top:60px;}
.sPrivacy_case .t1 {font-size:1.25em; color:#191919; font-weight:600; line-height:1.5em; letter-spacing:-0.03em;}

.sPrivacy_case .list1 {margin:24px 0 0; padding-left:20px; list-style:none;}
.sPrivacy_case .list1 > li + li {margin-top:24px;}
.sPrivacy_case .list1 > li > .t2 {font-size:1.125em; color:#191919; font-weight:600; line-height:1.8em; letter-spacing:-0.03em;}
.sPrivacy_case .list1 > li > .t3 {margin-top:4px; font-size:1em; color:#666; font-weight:500; line-height:1.8em; letter-spacing:-0.03em;}

.sPrivacy_case .list2 {margin:10px 0 0; padding:0; list-style:none;}
.sPrivacy_case .list2 > li + li {margin-top:12px;}
.sPrivacy_case .list2 > li > p, .sPrivacy_case .list2 > li:not(:has(.list3)) {position:relative; padding-left:30px; font-size:1.125em; color:#191919; font-weight:500; line-height:1.8em; letter-spacing:-0.03em;}
.sPrivacy_case .list2 > li > p:before, .sPrivacy_case .list2 > li:not(:has(.list3)):before {content:''; position:absolute; top:0.9em; left:12px; width:4px; height:4px; margin-top:-2px; background:#624c3f; border-radius:50%;}
.sPrivacy_case .list2 > li > a {font-size:1.125em; color:#191919; font-weight:500; line-height:1.8em; text-decoration:underline;}

.sPrivacy_case .list3 {margin:6px 0 0; padding-left:30px; list-style:none;}
.sPrivacy_case .list3 > li {font-size:0.875em; color:#666; line-height:1.8em; letter-spacing:-0.03em;}
.sPrivacy_case .list3 > li + li {margin-top:2px;}

.sPrivacy_case .mt0 {margin-top:0 !important;}
.sPrivacy_case .list2.mt0 > li + li {margin-top:0;}

@media screen and (max-width:1024px){
	.sPrivacy_case .privacy_top {padding-bottom:5%;}
	.sPrivacy_case .privacy_box {margin-top:5%;}

	.sPrivacy_case .list1 {margin-top:20px;}
	.sPrivacy_case .list1 > li + li {margin-top:20px;}
}

@media screen and (max-width:767px){
	.sPrivacy_case br.pc {display:none;}
	.sPrivacy_case .privacy_top {padding-bottom:24px;}
	.sPrivacy_case .privacy_top p {font-size:1em; line-height:1.7em;}

	.sPrivacy_case .privacy_box {margin-top:30px;}
	.sPrivacy_case .t1 {font-size:1.125em;}

	.sPrivacy_case .list1 {margin-top:14px; padding-left:0;}
	.sPrivacy_case .list1 > li + li {margin-top:16px;}
	.sPrivacy_case .list1 > li > .t2 {font-size:1em; line-height:1.6em;}
	.sPrivacy_case .list1 > li > .t3 {font-size:1em; line-height:1.6em;}

	.sPrivacy_case .list2 {margin-top:6px;}
	.sPrivacy_case .list2 > li + li {margin-top:10px;}
	.sPrivacy_case .list2 > li > p, .sPrivacy_case .list2 > li:not(:has(.list3)) {padding-left:14px; font-size:1em; line-height:1.6em;}
	.sPrivacy_case .list2 > li > p:before, .sPrivacy_case .list2 > li:not(:has(.list3)):before {top:0.8em; left:4px; width:3px; height:3px; margin-top:-1.5px;}
	.sPrivacy_case .list2 > li > a {font-size:1em;}

	.sPrivacy_case .list3 {margin-top:4px; padding-left:14px;}
	.sPrivacy_case .list3 > li {font-size:1em;}
}

/* 약관/안내 - 번호형 목록 (doc/terms.php, doc/policy.php) */
.sPrivacy_case.terms .t2 {margin-top:24px; font-size:1.125em; color:#191919; font-weight:500; line-height:1.8em; letter-spacing:-0.03em;}
.sPrivacy_case.terms .t2.mt10 {margin-top:10px;}
.sPrivacy_case.terms .t3 {margin-top:8px; font-size:0.875em; color:#666; line-height:1.9em; letter-spacing:-0.03em;}
.sPrivacy_case.terms .t3.mt22 {margin-top:22px;}

.sPrivacy_case.terms .list1 {margin-top:24px; padding-left:0;}
.sPrivacy_case.terms .list1 > li + li {margin-top:12px;}
.sPrivacy_case.terms .list1 > li > p, .sPrivacy_case.terms .list1 > li:not(:has(.list2)) {display:flex; font-size:1.125em; color:#191919; line-height:1.8em; letter-spacing:-0.03em;}
.sPrivacy_case.terms .list1 > li > p > span, .sPrivacy_case.terms .list1 > li:not(:has(.list2)) > span {flex-shrink:0; display:inline-block;}
.sPrivacy_case.terms .list1 > li > .step, .sPrivacy_case.terms .list1 > li > p > .step {width:auto; margin-right:6px; color:#191919; font-weight:500; text-align:left;}
.sPrivacy_case.terms .list1 > li.fw500 {font-weight:500;}

.sPrivacy_case.terms .list2 {margin-top:6px; padding-left:30px;}
.sPrivacy_case.terms .list2 > li, .sPrivacy_case.terms .list2 > li:not(:has(.list3)) {position:relative; padding-left:25px; font-size:1em; color:#191919; font-weight:400; line-height:1.8em; letter-spacing:-0.03em;}
.sPrivacy_case.terms .list2 > li:before, .sPrivacy_case.terms .list2 > li:not(:has(.list3)):before {content:''; position:absolute; top:0.9em; left:10px; width:3px; height:3px; margin-top:-1.5px; background:#624c3f; border-radius:50%;}
.sPrivacy_case.terms .list2 > li > span {font-size:1em; color:#666; font-weight:400;}

.sPrivacy_case.terms .list2.num {counter-reset:terms_num 0;}
.sPrivacy_case.terms .list2.num > li, .sPrivacy_case.terms .list2.num > li:not(:has(.list3)) {padding-left:31px;}
.sPrivacy_case.terms .list2.num > li:before, .sPrivacy_case.terms .list2.num > li:not(:has(.list3)):before {counter-increment:terms_num 1; content:counter(terms_num) ")"; top:0; left:10px; width:20px; height:auto; margin-top:0; background:none; border-radius:0; color:#191919; line-height:1.8em;}

.sPrivacy_case.terms .list2.no-in {padding-left:0;}
.sPrivacy_case.terms .list2.no-in > li, .sPrivacy_case.terms .list2.no-in > li:not(:has(.list3)) {font-size:1.125em;}
.sPrivacy_case.terms .list2.fs15 > li, .sPrivacy_case.terms .list2.fs15 > li:not(:has(.list3)) {font-size:0.9375em;}
.sPrivacy_case.terms .list2.fz-lg > li, .sPrivacy_case.terms .list2.fz-lg > li:not(:has(.list3)) {font-size:1.125em; font-weight:500;}

@media screen and (max-width:767px){
	.sPrivacy_case.terms .t2 {margin-top:14px; font-size:1em; line-height:1.6em;}
	.sPrivacy_case.terms .t2.mt10 {margin-top:8px;}
	.sPrivacy_case.terms .t3 {margin-top:6px; font-size:1em; line-height:1.6em;}
	.sPrivacy_case.terms .t3.mt22 {margin-top:14px;}

	.sPrivacy_case.terms .list1 {margin-top:14px;}
	.sPrivacy_case.terms .list1 > li + li {margin-top:10px;}
	.sPrivacy_case.terms .list1 > li > p, .sPrivacy_case.terms .list1 > li:not(:has(.list2)) {font-size:1em; line-height:1.6em;}
	.sPrivacy_case.terms .list1 > li > .step, .sPrivacy_case.terms .list1 > li > p > .step {margin-right:4px;}

	.sPrivacy_case.terms .list2 {margin-top:4px; padding-left:20px;}
	.sPrivacy_case.terms .list2 > li, .sPrivacy_case.terms .list2 > li:not(:has(.list3)) {padding-left:14px; font-size:1em; line-height:1.6em;}
	.sPrivacy_case.terms .list2 > li:before, .sPrivacy_case.terms .list2 > li:not(:has(.list3)):before {top:0.8em; left:4px;}
	.sPrivacy_case.terms .list2 > li > span {font-size:1em;}

	.sPrivacy_case.terms .list2.num > li, .sPrivacy_case.terms .list2.num > li:not(:has(.list3)) {padding-left:24px;}
	.sPrivacy_case.terms .list2.num > li:before, .sPrivacy_case.terms .list2.num > li:not(:has(.list3)):before {top:0; left:2px; line-height:1.6em;}

	.sPrivacy_case.terms .list2.no-in > li, .sPrivacy_case.terms .list2.no-in > li:not(:has(.list3)) {font-size:1em;}
	.sPrivacy_case.terms .list2.fs15 > li, .sPrivacy_case.terms .list2.fs15 > li:not(:has(.list3)) {font-size:1em;}
	.sPrivacy_case.terms .list2.fz-lg > li, .sPrivacy_case.terms .list2.fz-lg > li:not(:has(.list3)) {font-size:1em;}
}