@charset "utf-8";
@import url("reset.css");
@import url("basic.css");

:root {

--c0 : #402250;
--c1 : #7A1CAC;
--c2 : #AD49E1;
--c3 : #EBD3F8;
--shadow : 0px 0px 20px rgba(0,0,0,.15);
--moving : all .3s ease-in-out;

}

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


/* 상단 레이아웃 */
#hd {margin:0;padding:0;position:relative}
#hd h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}

#hd.pc .hd_wr {display:flex; align-items:center; justify-content:space-between; width:100%; max-width:1720px; margin:0 auto; padding:20px 0;}
#hd.pc .hd_wr #logo a {font-size:50px; color:var(--c1); font-weight:800;}
#hd.pc .hd_wr .tnb_login,
#hd.pc .hd_wr .tnb_logout {display:inline-block; padding:0 30px; font-size:21px; line-height:44px; color:var(--c1); border:1px solid var(--c1); background:rgba(122,28,172,.09); border-radius:30px;}
#hd.mobile{width: 100%;max-width: 360px;margin: 0 auto;}
#hd.mobile #gd_bg{position:absolute;top:0;left:0;width:100%;height:540px;z-index:-1}
#hd.mobile .nav{height:47px; background:var(--c1);}
#hd.mobile .nav .nav-inner{position:relative;max-width:1200px;height:47px;margin:0 auto;padding:0 10px}
#hd.mobile .fixed {position:fixed;top:0;left:50%;transform: translateX(-50%); width:100%;max-width: 360px; height:47px; line-height:47px; z-index:999;}
#hd.mobile .fixed .nav-inner{height:47px}
#hd.mobile .nav .nav-inner > #logo {line-height:47px; text-align:center;}
#hd.mobile .nav .nav-inner > #logo a {font-size:22px; color:#fff; font-weight:800;}
#hd.mobile .fixed #logo img{vertical-align:baseline}

#hd.mobile .top_banner {position:relative; width:100%;}
#hd.mobile .top_banner li {color:#fff; font-size:12px; line-height:26px; text-align:center;}
#hd.mobile .top_banner li:nth-child(1) {background:#BA5CF2;}
#hd.mobile .top_banner li:nth-child(2) {background:#9522D2;}
#hd.mobile .top_banner li:nth-child(3) {background:#AD49E1;}

#hd.mobile .gnb-wrap {background:#fff}

@media (max-width:970px){
    .gnb-wrap{display:none}
}

#hd_icon {position:absolute;bottom:0;right:15px}
#hd_icon li{position:relative}
#hd_icon li a {display:inline-block;width:auto;line-height:47px;text-align:center;font-size:16px;vertical-align:top;color:#fff;background:none;border:0;}
#hd_icon li button{display:inline-block;width:40px;line-height:47px;text-align:center;font-size:18px;vertical-align:top;color:#fff;background:none;border:0;}
.fixed #hd_icon{position:absolute;right:15px;}
#hd_icon li a:hover,#hd_icon li button:hover{color:#ae1548}
#hd_icon a .cart-count{position:absolute;top:20px;right:0;height:13px;line-height:13px;background:#000;color:#fff;font-size:10px;border-radius:7px;padding:0 3px}

#category {}
#category .tabsTit{border-bottom:1px solid #ddd; margin:20px 0 0}
#category .tabsTit li{float:left;text-align:center;width:50%;line-height:30px;color:#C3C3C3;border-bottom:3px solid #fff;text-transform:uppercase;cursor:pointer}
#category .tabsTit .tabsHover{border-color:#000;color:#000;font-weight:bold}

#category h2 {display:none;}
#category h2 span {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden;background:transparent}

.cate_bg{width:100%;height:100%;background:#000;background:rgba(0,0,0,0.6);position:absolute;top:0;left:0;z-index:1000}
.ct_wr{width:100%;height:100%;padding:60px 15px 0;overflow:hidden;position:absolute;top:0;right:0;z-index:1002;background:#fff}

.ct_auth {display:flex; gap:10px; margin: 0 0 100px;}
.ct_auth a {display:inline-block; padding:8px 20px; color:var(--c1); font-size:16px; line-height: 100%; border:1px solid var(--c1); background:rgba(122,28,172,.09); border-radius:30px;}

#category #logo a {font-size:40px !important; color:var(--c1) !important; font-weight:800 !important;}
#category ul.cate {display: flex; flex-wrap: wrap; gap: 25px; text-align:left; background:transparent;}
#category ul.cate > li {line-height:45px;}
#category ul.cate li {position:relative}
#category ul.cate li a {display:flex; align-items:flex-end; gap:20px; padding-right:30px; padding-left:10px;font-size:30px;color:#000;font-weight:500;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
#category ul.cate li a span {font-size:16px; color:#8B8B8B; line-height: 38px;}
#category ul.cate li .ct_op{display:inline-block;overflow:hidden;text-indent:-999px;background:url('../img/cate-bg.png') no-repeat 50% 17px;height:45px;width:30px;position:absolute;top:31px;right:0;border:none}
#category ul.cate li .ct_cl{background-position:50% -30px}
#category ul.sub_cate{display:none;background:#f3f3f3}
#category ul.sub_cate li{}
#category ul.sub_cate li a{color:#777;font-size:0.92em;margin-right:5px}
.ct_bl{display:inline-block;background:#999;width:6px;height:6px}
#category ul.sub_cate2 li{text-indent:15px}
#category ul.sub_cate3 li{text-indent:30px}
#category ul.sub_cate4 li{text-indent:45px}

#hd_sch{float:left;width:590px;height:40px;margin:20px 0 20px 30px;line-height:40px;background:#fff;border-radius:50px}
#hd_sch h3{position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#hd_sch #sch_str{width:550px;height:40px;margin-top:-2px;line-height:30px;border-radius:50px;border:none;padding:5px 10px}
#hd_sch #sch_submit {float:right;margin:3px 5px 0 0;width:30px;height:34px;line-height:30px;border-radius:50px;z-index:1006;border:none;background:transparent;font-size:1.5em}
.fixed #hd_sch{margin:10px 0 10px 30px;line-height:20px}
.fixed #hd_sch #sch_str{margin-top:0px;line-height:20px}

#ppl_word{position:relative;float:left;margin-left:20px;width:113px;margin-top:25px;height:25px;overflow:hidden}
#ppl_word h3{position:absolute;font-size:0;line-height:0;overflow:hidden}
#ppl_word li{line-height:25px;font-size:0.92em;padding-right:15px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
#ppl_word li a{color:#fff}
#ppl_word li:hover a{color:#fff}
#ppl_word li .word-rank{display:inline-block;width:15px;height:15px;line-height:15px;text-align:center;background:#fff;color:#e50d0d;font-weight:bold;margin-right:5px}
.fixed #ppl_word{margin-top:18px;height:25px;overflow:hidden}

.verical-btn{display:none}
/*.verical-btn a{background:url(../img/pv_btn_2.gif) no-repeat;text-indent:-999px;overflow:hidden;width:17px;height:12px;display:inline-block;z-index:99}
.verical-btn .flex-prev{background-position:0 0;position:Absolute;top:0;right:0}
.verical-btn .flex-next{background-position:0 -12px;position:Absolute;top:12px;right:0;height:13px}*/

.nav-inner .mobile-nav-button {position:absolute; left:0; top:0; width:24px; margin:16px 14px; z-index:9999; cursor:pointer; background:transparent;}
.nav-inner .mobile-nav-button .mobile-nav-button__line {position:relative; width:100%; height:1px; background:#fff; transition:0.7s ease;}
.nav-inner .mobile-nav-button .mobile-nav-button__line:nth-of-type(2) { margin:0.36rem 0; }
.nav-inner .mobile-nav-button .mobile-nav-button__line--1 { position: absolute; top: 8px; transform: rotate(45deg); background:var(--c1);}
.nav-inner .mobile-nav-button .mobile-nav-button__line--2 { display: none; }
.nav-inner .mobile-nav-button .mobile-nav-button__line--3 { position: absolute; top: 8px; transform: rotate(135deg); background:var(--c1);}

.nav-inner .mobile-menu {position:absolute; top:0; left:-360px; display:block; width:100%; max-width:360px; height: 100vh; background: #F5F5F5; opacity:0; transition: all 0.3s ease-in-out; z-index:1;}
.nav-inner .mobile-menu--open { left:0; width:100%; opacity:1;z-index:9998}
@media (max-width:360px){
    .nav-inner .mobile-menu{left:-100%;}
    .nav-inner .mobile-menu--open{left:0;}
}


#hd_tnb{position:relative; width: 100%; height: 47px;}
#hd_tnb .category_close{position:relative; border:0; background:transparent;}
#hd_tnb a{display:block;float:left;width:49%;border:1px solid #d0d0d0;line-height:35px;color:#666}
#hd_tnb a.tnb_my{font-weight:bold;color:#fff;border:1px solid #FC4C5E;background:#FC4C5E;background:-webkit-linear-gradient(#FC4C5E, #EC4254);/* For Safari 5.1 to 6.0 */
    background:-o-linear-gradient(#FC4C5E, #EC4254);/* For Opera 11.1 to 12.0 */
    background:-moz-linear-gradient(#FC4C5E, #EC4254);/* For Firefox 3.6 to 15 */
    background:linear-gradient(#FC4C5E, #EC4254);/* Standard syntax */}
#hd_tnb a.tnb_logout{font-weight:bold;float:right;
background:-webkit-linear-gradient(#fff,#fff, #f1f1f1);/* For Safari 5.1 to 6.0 */
    background:-o-linear-gradient(#fff,#fff, #f1f1f1);/* For Opera 11.1 to 12.0 */
    background:-moz-linear-gradient(#fff, #fff, #f1f1f1);/* For Firefox 3.6 to 15 */
    background:linear-gradient(#fff,#fff, #f1f1f1);/* Standard syntax */}
#hd_tnb a.tnb_login{font-weight:bold;color:#fff;width:100%;border:1px solid #FC4C5E;background:#FC4C5E;
    background:-webkit-linear-gradient(#FC4C5E, #EC4254);/* For Safari 5.1 to 6.0 */
    background:-o-linear-gradient(#FC4C5E, #EC4254);/* For Opera 11.1 to 12.0 */
    background:-moz-linear-gradient(#FC4C5E, #EC4254);/* For Firefox 3.6 to 15 */
    background:linear-gradient(#FC4C5E, #EC4254);/* Standard syntax */}
#hd_tnb a.tnb_admin {width:100%;background:#ff4081;color:#fff;border:1px solid #d5326a;margin-bottom:3px;font-weight:bold}
#hd_mb {display: flex; flex-wrap: wrap; padding:8px 12px;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;text-align:center;background:#E9ECEF}
#hd_mb li {float:left;width:50%;padding:3px}
#hd_mb li a {display:block;background:#fff;height:33px;line-height:33px;color:#000}




/* 모달팝업 */
.modal { display: none; justify-content: center; align-items: center; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); }
.modal-content {width: 30%; max-width:400px; height:auto; margin: 8% auto; padding: 25px 16px 10px; border: 1px solid #888;  background-color: #fefefe; border:2px solid var(--c1); border-radius:10px;}

.modal-content .pop_con strong {display:block; margin:0 0 10px; font-size:18px;}
.modal-content .pop_con p {margin:0 0 10px; font-size:15px; line-height:130%;}
.modal-content .pop_con p b {color:var(--c1); font-size:unset; font-weight:bold;}

.modal-content .pop_button {width:100%; margin:0 0 10px; background:var(--c1); color:#fff; font-size:15px; line-height:36px; border-radius:25px; cursor:pointer;}
.modal-content .pop_bt {float:right; display: flex; gap:3px; font-size: 13px; line-height: 100%; color:#8B8B8B; cursor:pointer;}
.modal-content .pop_bt span {font-size:18px; color:unset;}


/* 중간 레이아웃 */
#container_wr {position:relative;text-align:center;margin:0 auto;}
#container_s {padding:0;max-width:1720px;margin:0 auto;padding:10px 0 50px}
.ct_bg {background:#efefef;height:98%;width:100%;position:absolute;top:225px}
#container_title {letter-spacing:1.5px;text-align:center;padding:0 15px;font-family:'Nanum Gothic',sans-serif;font-size:1.5em;margin:50px 0 20px}
.contents_tit {text-align:center;padding:0 15px;font-family:'Nanum Gothic',sans-serif;font-size:1.25em;margin:30px 0 10px}
.contents_tit span {display:inline-block;background:#fff;font-weight:bold;padding:0 10px}
.con_tit {display:inline-block;font-size:1em;margin:10px;color:#fff;background:#EC4254;padding:5px 10px}
.con_tit a {font-size:1em;color:#fff}
.con_tit:after {display:block;visibility:hidden;clear:both;content:""}



@media (max-width:768px){
    .nav, .nav .nav-inner{height:47px;line-height:47px}
    .nav .nav-inner{position:relative; width:100%;}
    #hd_icon li a,#hd_icon li button{line-height:49px}
    .fixed #hd_icon a, .fixed #hd_icon button{line-height:47px}
    #hd_sch{float:right;width:150px;height:30px;margin:20px 80px 20px 0;line-height:30px}
    .fixed #hd_sch{width:150px;height:30px;margin:10px 80px 10px 0}
    .fixed, .fixed .nav-inner{height:50px}
    #hd_sch #sch_str{width:110px;height:30px}
    #hd_sch #sch_submit{height:24px;line-height:20px}
	#hd-tnb .hd-tnb-inner{width:100%}
	#hd-tnb .hd-tnb-inner .bookmark{margin-left:10px}
	
	.modal-content {width: 90%;}
}

@media (max-width:640px){
    #container_wr {margin:0}
    #container_title {margin:20px;font-size:1.167em}
    #ppl_word {display:none}
}

@media (max-width:440px){

    #hd_icon li a {font-size:13px;}

}


.pc .idx_section {padding: 0 0 40px;}

.pc #idx_wp_section {}
.pc #idx_wp_section .idx_section_inner {display:flex; gap:30px; width:100%; max-width:1720px; margin:0 auto; }

.pc #idx_bn_right {width:100%; max-width:655px; max-height:703px; padding:50px 0 30px; border-radius:40px; box-shadow:var(--shadow); overflow:hidden;}
.pc #idx_bn_right h2 {margin: 0 0 30px; font-size:180%; font-weight:500;}
.pc #idx_bn_right.swiperWrap {position: relative; width:38%; max-width:655px; height:auto; margin:0 auto;}
.pc #idx_bn_right .swiperBottom {position: absolute; bottom:1vw; width:calc(100%);}
.pc #idx_bn_right .swiper-button-next, #idx_bn_right .swiper-button-prev {display:none; color:#707070;}
.pc #idx_bn_right .swiper-pagination-bullet {width:12px; height:12px; background:rgba(0,0,0,.4);}
.pc #idx_bn_right .swiper-pagination-bullet-active {background:var(--c1) !important;}
.pc #idx_bn_right .mySwiper1 {width:100%; max-width:calc(100% - 80px); margin:0 auto;}
.pc #idx_bn_right .mySwiper1 ul {display: flex; gap:0; padding:12px 0 0;}
.pc #idx_bn_right .mySwiper1 li {width: calc(50% - 20px); padding:0;}
.pc #idx_bn_right .mySwiper1 li img {max-width:100%; height:auto; margin: 0 0 40px; border-radius:10px; box-shadow:0px 0px 13.6px rgba(0,0,0,.12);}
.pc #idx_bn_right .mySwiper1 li span {display:block; font-size:16px; color:#545454}
.pc #idx_bn_right .mySwiper1 li h6 {display:block; margin: 0 0 15px; font-size:130%; font-weight:700;}
.pc #idx_bn_right .mySwiper1 li > p {margin: 0 0 5px; font-size:14px;}
.pc #idx_bn_right .mySwiper1 li .alignC {display: flex; align-items:center; justify-content:center; gap:10px; margin: 30px 0 0;}
.pc #idx_bn_right .mySwiper1 li .alignC del {font-size:14px; color:#BCBCBC;}
.pc #idx_bn_right .mySwiper1 li .alignC strong {font-size:20px; color:var(--c1);}


.pc #idx_bn_bottom {margin-top:20px}

.pc #idx_content {max-width:1720px; margin:0 auto;}
.pc #idx_review_sec {padding:50px 0; background:#fff}
.pc #idx_review {max-width:1720px; margin:0 auto}

.pc #idx_content {display:flex; justify-content:space-between;}
.pc #idx_content .idx_new_left {width:28%; max-width:500px; max-height:861px;}
.pc #idx_content .idx_new ul {display:flex; flex-direction: column; justify-content: space-between; height: 100%;}
.pc #idx_content .idx_new li {padding:34px 33px; text-align:left; border-radius:40px; box-shadow:var(--shadow); overflow:hidden;}
.pc #idx_content .idx_new li strong {margin: 0 0 60px; font-size:30px; line-height:120%;}
.pc #idx_content .idx_new li strong span {display:block; font-size:unset; font-weight:bold;}
.pc #idx_content .idx_new li p {font-size:20px; color:#545454;}

.pc #idx_content .idx_new li:nth-child(1) {background:url('../img/leftIcon01.png') no-repeat; background-position:top 32px right 30px;}
.pc #idx_content .idx_new li:nth-child(2) {background:url('../img/leftIcon02.png') no-repeat; background-position:top 32px right 20px;}
.pc #idx_content .idx_new li:nth-child(3) {background:url('../img/leftIcon03.png') no-repeat; background-position:top 32px right 30px;}

.pc #idx_content .idx_new_right {width:300px}

.pc #idx_bannder {max-width:1720px; margin:0 auto;}
.pc #idx_bannder .item {display:flex; align-items:center; justify-content:center; width:100%; height:auto; border-radius:40px; box-shadow:var(--shadow); overflow:hidden;}
.pc #idx_bannder img {max-width:100%; height:auto;}

.pc #sbn_side_sec {display:flex; gap:30px; width:70%; max-width:1174px; max-height: 861px;}
.pc #sbn_side_sec .rightBanner {max-width:572px; max-height:861px; border-radius:40px; box-shadow:var(--shadow); overflow:hidden;}
.pc #sbn_side h2 {display:inline-block;font-size:1em;margin:10px;color:#fff;background:#EC4254;padding:5px 10px}
.pc #sbn_side_sec img {max-width:100%; height:auto; border-radius:40px; box-shadow:var(--shadow); overflow:hidden;}

.pc #idx_slide {width:100%; padding:0 0 80px;}
.pc #idx_slide .swiper-slide {overflow: hidden;border-radius: 15px;}
 
@media (max-width:1200px){
	.pc #main_bn {width:70%}
	.shop-main {width:50%}
}

@media (max-width:970px){
	.pc #idx_content .idx_new_right,
	.pc #idx_content .idx_new_left {width:100%}
}

@media (max-width:640px){
	#idx_review_sec {padding:10px 0}
	#idx_content .idx_new_right,
	#idx_content .idx_new_left {width:100%}
 }


/* 하단 레이아웃 */
#ft {position:relative; z-index:2;}

#ft.pc {width:100%; background:var(--c0);}
#ft.pc .ft_wr {position:relative; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; width:100%; max-width:1320px; margin:0 auto; padding:50px 0;}

#ft.pc .ft_wr .ft_top {display:flex; justify-content:space-between; align-items:center; width:100%; padding: 0 0 20px; margin:0 auto 20px; border-bottom: 1px solid #fff; }
#ft.pc .ft_wr .ft_top .ft_logo {font-size:44px; color:#fff; font-weight:800;}
#ft.pc .ft_wr .ft_top .ft_company {display:flex; align-items:center; justify-content: flex-end; flex-wrap:wrap; gap:5px; width:80%; text-align:right;}
#ft.pc .ft_wr .ft_top .ft_company strong {display:block; width:100%; color:#fff;}
#ft.pc .ft_wr .ft_top .ft_company ul {display:flex; align-items:center; justify-content: flex-end; flex-wrap:wrap; width:100%;}
#ft.pc .ft_wr .ft_top .ft_company ul li {color:#fff; font-size:13px; font-weight:300;}
#ft.pc .ft_wr .ft_top .ft_company ul li:not(:last-child)::after {content:'|'; padding:0 10px; color:#fff; font-size:14\3px;}
 
#ft.pc .ft_wr .ft_bottom {display:flex; justify-content:space-between; align-items:center; width:100%;}
#ft.pc .ft_wr .ft_bottom a:not(:last-child)::after {content:'·'; padding:0 3px 0 6px; color:#fff; font-size:13px;}
#ft.pc .ft_wr .ft_bottom a:hover {color:var(--c3);}
#ft.pc .ft_wr .ft_bottom .ft_menu {}
#ft.pc .ft_wr .ft_bottom .ft_menu a {font-size:13px; font-weight:500; color:#fff;}
#ft.pc .ft_wr .ft_bottom .ft_menu a:nth-child(2) {color:#fff;}

#ft.pc .ft_wr .ft_bottom .ft_copy {color:#fff; font-size:13px;}
#ft.pc .ft_wr .ft_bottom .ft_copy b {font-size:unset; color:unset;}



#ft.pc .ft_link {float:left;width:20%;font-size:0.92em;line-height:1.8em}
#ft.pc .ft_link li a {color:#bbb}
#ft.pc .ft_if {float:left;width:50%;font-size:0.92em;color:#bbb;line-height:2em}
#ft.pc .ft_if h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#ft.pc .ft_if b {font-weight:normal}

#ft.mobile {width:100%; background:var(--c0);max-width: 360px;margin: 0 auto;}
#ft.mobile .ft_wr {position:relative; padding:50px 30px 80px;} 
#ft.mobile .ft_wr ul { list-style: none; perspective: 900; padding: 0; margin: 0 0 20px;}
#ft.mobile .ft_wr li {position: relative; padding: 0; margin: 0; padding: 15px 0;}
#ft.mobile .ft_wr li:not(:last-child) {border-bottom: 1px solid #fff;}
#ft.mobile .ft_wr li strong {font-size:16px; color:#fff;}
#ft.mobile .ft_wr li strong span {display:inline-block; margin-left:10px; font-size:14px; color:unset;}
#ft.mobile .ft_wr li div { font-size: 17px; line-height: 26px; letter-spacing: 1px; position: relative; overflow: hidden; max-height: 800px; opacity: 1; transform: translate( 0 , 0 ); transition: all 0.25s ease-in-out; margin-top: 14px; z-index: 2;}
#ft.mobile .ft_wr li div span {color:#fff; font-size:14px;}
#ft.mobile .ft_wr li div span b {color:unset; font-size:unset; font-weight:bold;}

#ft.mobile .ft_wr li i {position: absolute; margin-top: 7px; right: 2px; transform: translate( -6px, 0 );}
#ft.mobile .ft_wr li i:before, .ft_wr li i:after { content: ""; transition: all 0.25s ease-in-out; position: absolute; background-color: #fff; width: 1px; height: 9px;}
#ft.mobile .ft_wr li i:before { transform: translate( -3px, 0 ) rotate( 45deg )}
#ft.mobile .ft_wr li i:after { transform: translate( 3px, 0 ) rotate( -45deg )}

#ft.mobile .ft_wr li input[type="checkbox"] { position: absolute; cursor: pointer; width: 100%; height: 100%; z-index: 1; opacity: 0;}
#ft.mobile .ft_wr li input[type="checkbox"]:checked ~ div { margin-top: 0; max-height: 0; opacity: 0; transform: translate( 0, 50% );}
#ft.mobile .ft_wr li input[type="checkbox"]:checked ~ i:before {transform: translate( 3px, 0 ) rotate( 45deg )}
#ft.mobile .ft_wr li input[type="checkbox"]:checked ~ i:after {transform: translate( -3px, 0 ) rotate( -45deg )}

#ft.mobile .copy {font-size:13px; color:#fff;}


#quick .qk_btn button{background:#000;width:45px;height:45px;border:0;color:#fff;font-size:14px}
#quick .qk_btn a{display:inline-block;background:#000;width:45px;height:45px;line-height:45px;border:0;color:#fff;font-size:14px;text-align:center}
#quick .tabsHover button, #quick .tabsHover a{background:#FC4C5E}
#quick .qk_btn button:hover, #quick .qk_btn a:hover{background:#FC4C5E}
#quick .tabsCon{height:100%;text-align:center}
#quick .qk_con{position:relative;background:#fff;height:100%;width:230px;display:none;padding:20px;padding-top:90px;overflow-y:auto;border-left:1px solid #ddd;
box-shadow:-2px 0px 8px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow:rgba(0, 0, 0, 0.2) -2px 0px 8px;
        -moz-box-shadow:rgba(0, 0, 0, 0.2) -2px 0px 8px}
#quick .qk_con h3{text-align :center;padding:0 15px;margin-bottom:20px;font-family:'Nanum Gothic',sans-serif;background:url(../img/tab-bg.jpg) repeat-x 0 50%;display:inline-block;font-size:1.167em}
#quick .qk_con h3 span,#quick .qk_con h3 a{display:inline-block;background:#fff;font-weight:bold;padding:0 10px}
#quick .con_close{position:absolute;top:0;left:0;width:100%;height:70px;background:#eee;border:0;color:#fff;font-size:40px;text-shadow:1px 2px 3px #ddd}
#quick .con_close:hover{color:#999;background:#ddd}

.qk_prdli {border-top:1px solid #e6e6e6;text-align:left}
.qk_prdli li{border-bottom:1px solid #e6e6e6;padding:10px 0;position:relative}
.qk_prdli li:after{display:block;visibility:hidden;clear:both;content:""}
.qk_prdli .qk_img{float:left;width:50%}
.qk_prdli .qk_txt{float:left;width:50%;text-align:left;padding-right:5px}
.qk_prdli .qk_name{font-weight:bold;line-height:1.3em;margin:5px 0;display:block}
.qk_prdli .qk_opt{font-size:0.92em;color:#888;margin:5px 0;line-height:1.3em}
.qk_prdli .prd_del{display:none;position:absolute;bottom:0;right:0;width:25px;height:25px;background:#ddd;color:#999;border:0}
.qk_prdli li:hover{background:#f3f3f3}
.qk_prdli li:hover .prd_del{display:block}
.qk_cart_btn{margin:10px 0}
.qk_cart_btn .qk_go_cart{width:100%;background:#242424;font-weight:bold;color:#fff;border:0;height:40px;line-height:40px;margin:0 0 5px;transition:all 0.3s ease;display:inline-block}
.qk_cart_btn .qk_go_cart:hover{background:#FC4C5E}
.qk_cart_btn .qk_go_buy{width:100%;background:#fff;font-weight:bold;color:#444;border:1px solid #ccc;height:40px;margin:0 0 5px}
#quick .cart_al{text-align:left;margin:10px 0;position:relative;;line-height:1.5em}
#quick .cart_al strong{position:absolute;top:0;right:0}
#quick_open{display:none;background:#000;height:43px;width:43px;border-radius:50%;color:#fff;border:0;font-size:15px;z-index:99}


@media (max-width:1440px) {

#ft.pc .ft_wr {padding-left:3vw; padding-right:3vw;}

}

@media (max-width:1024px) {

#ft.pc .ft_wr .ft_top {flex-wrap:Wrap;}
#ft.pc .ft_wr .ft_top .ft_company {width:100%; text-align: left;}
#ft.pc .ft_wr .ft_top .ft_company ul {justify-content: flex-start;}

}

@media (min-width:971px){
    #quick{height:100%;position:fixed;top:0;right:0;z-index:120}
    #quick .qk_btn{position:absolute;top:50%;left:-45px;margin-top:-112px}
}

@media (max-width:970px){
    #quick_open{display:block;position:fixed;bottom:30px;left:30px}
    #quick{display:none;position:fixed;bottom:0;left:0;z-index:99}
    #quick .qk_btn{position:absolute;bottom:80px;left:30px}
    #quick .qk_btn button {border-radius:50%;border:1px solid #000;background:#fff;color:#000;margin:5px 0}
    #quick .qk_btn button:hover{background:#fff;color:#ae1548}
    #quick .qk_con{position:fixed;top:0;right:0;z-index:99}
}

@media (max-width:640px){
    #quick_open {bottom:15px;left:15px}
    #quick .qk_btn {bottom:60px;left:15px}
}

#top_btn {background:none;position:fixed;bottom:20px;right:20px;border:0;z-index:90}
#top_btn img {opacity:0.8}
#top_btn img:hover {opacity:1}
#ft_sns {position:absolute;top:50px;right:0}
#ft_sns li {width:30px;text-align:center;margin:0 0 5px}
#ft_sns a {color:#bbb;font-size:24px}

#ft_cs {float:right;width:30%;color:#bbb;padding-right:70px;text-align:right;z-index:9}
#ft_cs h2 a {color:#bbb}
#ft_cs .cs_info {margin:0 0 15px;line-height:1.5em}
#ft_cs strong {padding:15px 0 10px;font-weight:bold;font-family:'Nanum Gothic',sans-serif;font-size:2em;display:block}
#ft_cs p span {line-height:1.4em;color:#868686;font-size:0.92em}

@media (max-width:970px){
    #ft_link {width:30%;margin-bottom:30px}
    #ft_if {width:70%;margin-bottom:30px}
    #ft_cs {width:70%;clear:both;text-align:left;float:left}
    #ft_sns {position:static;float:right;width:30px;margin-top:10px}
    #ft_sns li {text-align:right}
}

@media (max-width:640px){
    .ft_wr {padding:0}
    #ft_link,#ft_if,#ft_cs {width:100%}
    #ft_sns {width:100%;margin-top:30px;text-align:left}
    #ft_sns li {text-align:center;display:inline-block}
}

/* 목록 바로가기 */
.sanchor {margin:0 0 5px;padding:0}
.sanchor:after {display:block;visibility:hidden;clear:both;content:""}
.sanchor li {float:left;list-style:none;width:25%;border-top:2px solid #000;text-align:center;overflow:hidden;white-space:nowrap;letter-spacing:0.2em;font-size:0.93em}
.sanchor a {display:block;padding:10px;border-left:1px solid #ededed;border-bottom:1px solid #ededed;background:#fcfcfc;text-decoration:none;color:#484848}
.sanchor a:focus, .sanchor a:hover {background:#eee;text-decoration:none}
.sanchor a.sanchor_on {background:#fff;text-decoration:none;border-bottom:1px solid #fff}

#group {text-align:left;margin:20px}

/* ########## 쇼핑몰 컨텐츠 ########## */
/* 메인 */
#idx_short {width:500px;padding:15px;overflow:hidden;background:#fff}
#idx_short h2 {display:inline-block;padding:5px;color:#fff;background:#ff2c2c;text-align:center}

.idx_sale_wr {width:100%;max-height:383px;overflow:hidden}
.idx_sale_wr h2 {text-align:center;margin:0 auto;max-width:1000px;font-size:1.833em;letter-spacing:3px;padding:30px 0;transition:all 0.3s ease}

#idx_cs {margin-bottom:50px;border-bottom:1px solid #ddd}
#idx_cs .cs_info {text-align:center;margin:0 0 15px;line-height:1.5em}
#idx_cs strong {text-align:center;padding:15px 0 10px;font-weight:bold;font-family:'Nanum Gothic',sans-serif;font-size:2em;display:block}
#idx_cs p span {line-height:1.4em;color:#868686;font-size:0.92em}

#idx-tabitem {text-align:center}
#idx-tabitem h3 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.idx_best {text-align:center;padding:30px 0 0}
.idx_best h3 {text-align :center;padding:0 15px;font-family:'Nanum Gothic',sans-serif;background:url(../img/tab-bg.jpg) repeat-x 0 50%;display:inline-block;font-size:1.167em}
.idx_best h3 a {display:inline-block;background:#fff;font-weight:bold;padding:0 10px}
/*#idx_coupon{margin:0 0 50px}*/
#idx_coupon h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#idx_coupon img {width:100%;height:auto}
#cate_best {margin:90px 20px 20px;text-align:center}
#cate_best h2 {display:inline-block;padding:10px;margin:30px 0;border:3px double #fff;font-size:1em;transition:all 0.3s ease}
#cate_best:hover h2 {padding:10px 20px;border-color:#aaa}
#cate_best .sct_noitem {line-height:270px;padding:0;color:#999}
#cate_best .tab ul {text-align:center;background:#929292}
#cate_best .tab ul:after {display:block;visibility:hidden;clear:both;content:""}
#cate_best .tab li {float:left;margin:0;padding:0;width:16.5%}
#cate_best .tab .tab-1 {width:17.5%}
#cate_best .tab li button {border:0;background:none;line-height:35px;color:#fff;background:#929292;font-size:11px;padding:0 10px;width:100%;border-left:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
#cate_best .tab .tab-1 button {}
#cate_best .tab li .tab_selected {font-weight:bold;background:#f98c96}
#cate_best .tab_content {background:#fff;border:1px solid #ddd;border-top:0;padding:20px;min-height:200px}
#cate_best_item {padding:30px;background:#ebeeef}
.bo_cate_link {line-height:1em}

#idx_review ul {margin:20px 0 40px 0}
#idx_review ul:after {display:block;visibility:hidden;clear:both;content:""}
#idx_review li {float:left;width:33.333%;padding:5px}
#idx_review li .rv_wr {position:relative;background:whitesmoke}
#idx_review li .rv_wr:after {display:block;visibility:hidden;clear:both;content:""}
#idx_review li .rv_img {float:left;width:50%;display:block}
#idx_review li .rv_img img {width:100%;height:auto}

#idx_review li .rv_txt {width:50%;float:left;padding:20px;text-align:left;line-height:1.5em}
#idx_review li .rv_tit {display:block;margin:0 0 5px;font-size:1.24em;font-weight:bold}
#idx_review li .prd_view {position:absolute;bottom:10px;right:10px;font-size:0.92em;display:inline-block;border:1px solid #FC4C5E;padding:4px 5px;color:#FC4C5E;line-height:1em}
#idx_review li .prd_view:hover {background:#fff}
#idx_review li .rv_prd {margin-bottom:10px;display:block;color:#FC4C5E}
#idx_review li p {line-height:18px;color:#666;padding-bottom:15px}

#index h2 {position:relative;font-size:1.25em;overflow:hidden;margin:10px 0 30px}
#index h2 span {position:relative;display:inline-block;padding:0 20px}
#index h2 span:before {content:'';display:block;height:10px;width:1000px;position:absolute;right:100%;top:50%;border-top:1px solid transparent}
#index h2 span:after {content:'';display:block;height:10px;width:1000px;position:absolute;top:50%;border-top:1px solid transparent;left:100%}
#index h2 span:before, #index h2 span:after {border-color:#eee}

@media (max-width:970px){
	#idx_review li {width:50%}
    #idx_review li .rv_txt {padding:10px}
	.shop-main {width:50%}
    #idx_coupon {margin-bottom:0;width:100%}
    #idx_coupon img {width:100%;height:auto}
}

@media (max-width:640px){
    #idx_review li {width:100%}
    #idx_review li .rv_txt {padding:10px}
    #index {padding:20px}
    #idx_shop .idx_shop_wr {margin-bottom:30px}
    #idx_review ul {margin-top:0}
    .idx_best {padding-top:0}
    
    .shop-main {width:50%}
    #idx_coupon {margin-bottom:0;width:100%}
    #idx_coupon img {width:100%;height:auto}
}

/*탭*/
#sidx {text-align:center}
#sidx .tabsTit {padding:24px 0;text-align:center;display:inline-block;font-family:'Nanum Gothic',sans-serif}
#sidx .tabsTit:after {display:block;visibility:hidden;clear:both;content:""}
#sidx .tabsTit li {list-style:none;display:inline-block;font-weight:bold;padding:0 5px;font-size:1.09em;color:#969696;cursor:pointer}
#sidx .tabsTit .tabsHover {color:#000}

@media (max-width:640px){
	#sidx .tabsTit {padding:10px 0}
    #sidx .tabsTit li {font-size:1em;padding:0 3px}
    #sidx .tabsTit .tab-first {background:url(../img/tab-bg.jpg) no-repeat left 50%;padding-left:20px}
    #sidx .tabsTit .tab-last {background:url(../img/tab-bg.jpg) no-repeat right 50%;padding-right:20px}
}

/* 사용후기 모음 */
#sps_sch { display: flex; align-items: center; flex-flow: row wrap; width: 100%; margin: 10px 0; padding: 0 10px;column-gap: 10px;row-gap: 10px;justify-content: space-between;}
#sps_sch a {display:inline-block;padding:0 8px;height:30px;line-height:30px;background:#333;color:#fff;text-decoration:none;vertical-align:middle;width: 30%;text-align: center;}
#sps_sch .btn_submit {padding:0 8px;height:30px;vertical-align:middle}
#sps_sch .frm_input {padding: 0 8px; height: 30px; vertical-align: middle; width: calc(100% - 40px);}
#sps_sch select {padding:0 8px;height:30px;border:1px solid #d0d3db;vertical-align:middle;width: calc(70% - 10px);text-align: center;}
#sps_sch .sch_btn {width:30px;height:30px;border:1px solid #d0d3db;background:#fff}

#sps {margin:10px 20px;zoom:1;background:#fff}
#sps ol {margin:0;padding:0 10px;border-top:1px solid #e9e9e9;list-style:none;text-align:left}
#sps li {position:relative;padding:10px 0;border-bottom:1px solid #e9e9e9}
#sps li:after {display:block;visibility:hidden;clear:both;content:""}

.sps_img {position:absolute;top:10px;left:0px}
.sps_img span {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}

#sps dl {margin:5px 0 10px;color:#888;font-size:0.917em;overflow:hidden}
#sps dt {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sps dd {float:left;margin-right:5px}
#sps dd img {position:relative;top:-2px;width:80px}

.sps_section {margin-left:80px;display:block}
.sps_section p {padding:0;width:100%}
.sps_con_full {padding:0;height:auto !important}
.sps_con_btn {margin:5px 0 0;text-align:right}
.sps_con_btn button {margin:0;padding:5px;border:0;background:#565e60;color:#fff}

/* 상품문의 모음 */
#sqa_sch {margin:10px 20px;text-align:left}
#sqa_sch a {display:inline-block;padding:0 8px;height:30px;line-height:30px;background:#333;color:#fff;text-decoration:none;vertical-align:middle}
#sqa_sch .btn_submit {padding:0 8px;height:30px;vertical-align:middle}
#sqa_sch .frm_input {padding:0 8px;height:30px;vertical-align:middle}
#sqa_sch select {padding:0 8px;height:30px;border:1px solid #d0d3db;vertical-align:middle}
#sqa_sch .sch_btn {width:30px;height:30px;border:1px solid #d0d3db;background:#fff}

#sqa {text-align:left;margin:10px 20px;background:#fff}
#sqa ol {margin:0;padding:0;border-top:1px solid #e9e9e9;list-style:none;padding:0 10px}
#sqa li {position:relative;padding:10px 0;border-bottom:1px solid #e9e9e9}
#sqa li:after {display:block;visibility:hidden;clear:both;content:""}
#sqa li h2 {line-height:24px;margin-bottom:5px}
#sqa li .sit_qaa_yet {background:red;color:#fff;padding:5px}
.sqa_img {position:absolute;top:10px;left:0px}
.sqa_img span {position:absolute;font-size:0;line-height:0;overflow:hidden;width:0}

#sqa dl {margin:5px 0 10px;color:#888;font-size:0.917em;overflow:hidden}
#sqa dt {float:left;margin:0 0 5px}
#sqa dd {float:left;margin:0 15px 5px 5px}
#sqa dd img {position:relative;top:-2px}

.sqa_section {margin-left:80px;min-height:60px;display:block}
.sqa_section .sqa_con {background:#fff;line-height:1.7em}
.sqa_section p {padding:0;width:100%}
.sqa_con_full {padding:0;height:auto !important}
.sqa_con_btn {margin:5px 0 0;text-align:right}
.sqa_con_btn button {margin:0;padding:5px;border:0;background:#000;color:#fff}
.qa_alp {background:#FC4C5E;color:#fff;width:25px;height:25px;line-height:25px;border-radius:50%;display:inline-block;text-align:center}
.sit_qa_qaq p {display:inline-block;}
#sqa .sit_qa_qaq,#sqa .sit_qa_qaa {padding:10px 5px 10px;position:relative}
#iq_subject{width:100%}

/* 마이페이지 */
#smb_my_ov {position:relative;background:#fff;margin-right:20px}
#smb_my_ov h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#smb_my_ov .my_name {display:block;min-height:73px;background:#fff;border-bottom:1px solid #efefef;padding:75px 0px 15px 0px;font-size:1.167em}
#smb_my_ov .my_name:after {display:block;visibility:hidden;clear:both;content:''}
#smb_my_ov .profile_img {display:inline-block;position:absolute;top:15px;left:15px}
#smb_my_ov .my_info_modi {position:absolute;bottom:0;right:-5px;text-align:center;background:#212020;width:20px;height:20px;line-height:20px;color:#fff;font-size:13px;border-radius:50%}
#smb_my_ov .my_name>strong {display:block;margin-bottom:3px}
#smb_my_ov .win_point {color:#a2a2a2;font-size:0.92em}
#smb_my_ov .win_point strong {color:var(--c1)}

#smb_my_ov .my_name img {width:45px;border-radius:50%}
#smb_my_ov .my_name .my_ov_name {display:inline-block;margin-bottom:10px;line-height:28px}
#smb_my_ov .my_name a.smb_info {color:#3a8afd}
#smb_my_ov .smb_my_act {position:absolute;left: 50%;transform: translateX(-50%);  top:20px;display:inline-block}
#smb_my_ov .smb_my_act li {display:inline-block;font-size:0.92em}
#smb_my_ov .smb_my_act li a {line-height:28px;height:30px;vertical-align:middle;padding:0 5px;margin:0;border-radius:3px}
#smb_my_ov .smb_my_act li a.btn_logout {display:inline-block;border:1px solid var(--c1);color:var(--c1)}

#smb_my {}
#smb_my .btn_more {display:block;max-width:150px;height:43px;margin:15px auto;background:var(--c1);font-size:1.167em;color:#fff;line-height:43px;text-align:center;border-radius:3px}
#smb_my_ov {margin:0 0 20px}

#smb_my_ov .my_pocou {background:#fff}
#smb_my_ov .my_pocou:after {display:block;visibility:hidden;clear:both;content:''}
#smb_my_ov .my_pocou li {width:50%;float:left;padding:15px;border-right:1px solid #efefef}
#smb_my_ov .my_pocou li:last-child {border-right:0}
#smb_my_ov .my_pocou li a {display:block;position:relative;line-height:20px}
#smb_my_ov .my_pocou li a span {display:inline-block;float:right;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:clip;padding:0 5px;line-height:20px;border-radius:35px;font-weight:normal;font-size:0.846em}
#smb_my_ov .my_pocou li.my_cou a span {background:#a352c1}
#smb_my_ov .my_pocou li.my_memo a span {background:#ff8b77}
#smb_my_ov .my_pocou li i {color:var(--c2);font-size:16px}

#smb_my_ov .my_info {display:none;clear:both;width:100%;margin-top:-1px;background:#fff;padding:5px 20px 20px;border-bottom:1px solid #e6e6e6}
#smb_my_ov .my_info:after {display:block;visibility:hidden;clear:both;content:''}
#smb_my_ov .my_info_wr {float:left;width:50%;line-height:20px;padding-bottom:10px;margin:5px 0;border-bottom:1px dashed #e5e5e5}
#smb_my_ov .my_info_wr strong {display:block;vertical-align:top;padding:3px 0px;color:var(--c2)}
#smb_my_ov .my_info_wr span {display:block;text-align:center}
#smb_my_ov .ov_addr {border-bottom:0;width: 100%;}
#smb_my_ov .ov_addr a {color:#c7c7c7}

#smb_my_ov .my_ov_btn {border-top:1px solid #efefef}
#smb_my_ov .my_ov_btn button {display:block;width:100%;border:0;border-bottom:1px solid #dde7e9;background:#fff;padding:15px;text-align:left;font-size:1.125em;font-weight:bold}
#smb_my_ov .my_ov_btn button i {display:inline-block;float:right}

#smb_my_od h2 {font-size:1.167em;margin:10px}
#smb_my_wish h2 {font-size:1.167em;margin:30px 10px 10px}
.wishlist ul:after {display:block;visibility:hidden;clear:both;content:''}
.wishlist li {float:left;padding:5px;width:20%;text-align:center}
.wishlist li img {width:100%;height:auto;max-width:250px}
.wishlist li .info_link {display:block;font-weight:bold;margin:5px 0 2px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.wishlist li .info_date {font-size:0.92em;color:#666}
.wishlist .empty_list {position:relative;width:100%;background:#fff;display:block;border-top:1px solid #ececec;border-bottom:1px solid #ececec}

@media (max-width:970px) {
    #smb_my_ov .my_info_wr {width:100%}
}

@media (max-width:970px) {
	.wishlist li {width:33.3333%}
}

/* 장바구니 주문서 공통 */
#sod_chk {margin:10px}
.sod_list {margin:10px 0}
.sod_list .sod_li {background:#fff;border-bottom:1px solid #e5e5e5;margin:10px 0}
.sod_list .li_name {font-size:1.083em}
.sod_list .li_op_wr {position:relative;padding:10px 10px 0 110px;min-height:75px}
.sod_list .li_op_wr .chk_box {position:absolute;top:10px;left:10px}
.sod_list .total_img {position:absolute;top:10px;left:35px}
.sod_list .mod_options {padding:0 7px;border:1px solid #d4d6db;border-radius:3px;color:#606060;background:#fff;line-height:24px;margin:5px 0 0;font-size:0.923em}
.sod_list .li_prqty {padding:10px;border-top:1px solid #f1f1f1}
.sod_list .li_prqty:after {display:block;visibility:hidden;clear:both;content:''}
.sod_list .li_prqty_sp {float:left;width:50%;display:block;line-height:30px;padding:0 5px;text-align :right}
.sod_list .li_prqty_sp span {float:left;color:#696969}
.sod_list .prqty_sc,.sod_list .prqty_price {border-right:1px solid #e5e5e5}
.sod_list .total_price {background:#f2f7ff;display:block;clear:both;margin:0 10px 10px;text-align:right;padding:5px 10px;line-height:20px}
.sod_list .total_price span {float:left}
.sod_list .total_price strong {font-size:1.25em;color:#3a8afd}
.sod_opt {padding:5px 10px 5px 35px}
.sod_opt li {color:#777;margin:3px 0;line-height:1.3em}
.sod_opt li:before {content:"옵션";display:inline-block;margin:1px 5px 2px 0;font-size:11px;padding:0 5px;border-radius:3px;background:#e2eaf6;line-height:20px;color:#3a8afd}
.sod_opt .opt_name:before {content:"옵션";display:inline-block;margin:1px 5px 2px 0;font-size:11px;padding:0 5px;border-radius:3px;background:#e2eaf6;line-height:20px;color:#3a8afd}


.sit_ov_tbl {padding:30px 0 0;} 
#sit_opt_added li:first-child {margin-top:30px;}

#sit_opt_added {margin:0;padding:0;font-size:0.92em;color:#626262;border-bottom:0;background:#fff;list-style:none;}
#sit_opt_added li {display: flex; flex-direction: column; gap: 10px;position:relative;background:#f9f9f9;border:1px solid #e6e9ed;padding:10px 15px;line-height:110%;}
#sit_opt_added li span {font-size:0.90em;}
/*#sit_opt_added li div {height:25px;margin:12px 10px 0 0;text-align:right;position:relative;top:0;right:0;width:110px;float:right}*/
/*#sit_opt_added li div .sit_qty_plus {overflow:hidden;position:absolute;top:0;left:57px;background:url(../img/add.png) #eee no-repeat -35px 50%;text-indent:-999px;border:0;width:25px;height:25px;overflow:hidden}*/
/*#sit_opt_added li div .sit_qty_minus {overflow:hidden;position:absolute;top:0;left:-2px;background:url(../img/add.png) #eee no-repeat 8px  50% ;text-indent:-999px;border:0;width:25px;height:25px;overflow:hidden}*/
/*#sit_opt_added li div .sit_opt_del {border:1px solid #de7d9d;background:url(../img/add.png) no-repeat -73px 50%;position:absolute;top:0;right:0;text-indent:-999px;width:25px;height:25px;padding:0;overflow:hidden}*/
/*#sit_opt_added li div .frm_input {float:left;border:0;height:30px;border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;text-align:center}*/
/*#sit_opt_added .btn_frmline {background:url(../img/add.png) no-repeat -73px  50% ;position:absolute;top:0;right:0 ;text-indent:-999px;width:25px;height:25px;padding:0;overflow:hidden}*/

#sit_opt_added li .opt_name {line-height:110%;font-weight:bold}
#sit_opt_added li .opt_count {}
#sit_opt_added li:not(:last-child) {margin-bottom: 5px;}

#sit_opt_added button {float:left;width:30px;height:30px;border:1px solid #bdc9dc;border-radius:0;background:#fff;color:#666;}
#sit_opt_added button:hover {color:#000}
#sit_opt_added .num_input {float:left;width:50px;height:30px;text-align:center;font-size:0.90em;border:0;border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;}
#sit_opt_added .sit_opt_del {position:absolute;right:0;top:0;font-size:15px;border:0;border-left:1px solid #e6e9ed;border-bottom:1px solid #e6e9ed}
#sit_opt_added .sit_opt_del:hover {color:#be334a}
#sit_opt_added .sit_opt_prc {display:block;float:right;width:100px;padding:0 3px;text-align:right;line-height:30px;font-size:0.90em;}


/* 가격 부분 - 커스텀 */
.sit_final_price {text-align:right;}
.sit_final_price > span {color:var(--c1);}
.sit_final_price h1 {font-size:28px; font-weight:bold;}
.sit_final_price h1 p {display:inline-block;}

@media (max-width:360px) {

#sit_opt_added li .opt_name {width:calc(100% - 25px);}

}


#sit_tot_price {margin:0 0;font-size:1.3em;font-weight:bold;text-align:right;position:relative}
#sit_tot_price span {position:absolute;top:0;left:0px;font-size:11px;color:#666}
select.it_option, select.it_supply {width:100%;padding:5px;border:0;width:100%:height:28px;-webkit-appearance:none;border:1px solid #aaa;background:url(../mobile/shop/img/select.gif) no-repeat  right #fff;}


/* 옵션 추가 - 커스텀 */
#sit_opt_added li .sit_opt_list_top {display: flex; justify-content: space-between; align-items: center; width: 100%; min-height: 27px;}
#sit_opt_added li .sit_opt_list_bottom {display: flex; justify-content: space-between; align-items: center;}


/*수량*/
#sit_opt_added li .sit_opt_qty {position:absolute;top:0;right:0;width:81px;float:right;text-align:center !important;}
#sit_opt_added li .sit_opt_qty .frm_input {width:32px;border:1px solid #ddd;height:23px;padding:0 !important;line-height:25px;text-align:center;background:#fff;}
#sit_opt_added li .sit_opt_qty .sit_qty_plus {position:absolute;top:0;right:0;background:url(../img/add.png) no-repeat -35px 50%;text-indent:-999px;border:0;width:25px;height:25px;overflow:hidden}
#sit_opt_added li .sit_opt_qty .sit_qty_minus {position:absolute;top:0;left:0;background:url(../img/add.png) no-repeat  8px 50% ;text-indent:-999px;border:0;width:25px;height:25px;overflow:hidden}

/* 장바구니 */
#mod_option_frm {z-index:10000;position:absolute;top:60px;left:110px;width:100%;max-width:300px;min-height:250px;border:1px solid #dde7e9;border-radius:3px;background:#fff;overflow-y:auto;overflow-x:none}

@media (max-width:640px){
    #mod_option_frm {position:fixed;top:20%;left:0;min-width:100%;max-width:100%}
}

#mod_option_frm h2 {border-bottom:1px solid #e8e8e8;padding:0 20px;line-height:50px;font-size:1.25em}
#sod_bsk_list .mod_option_bg {content:"";position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.56);display:block;z-index:9999}
#mod_option_frm #sit_sel_option {margin:15px}
#mod_option_frm #sit_tot_price {margin:15px}
#mod_option_frm h3 {margin:0 0 10px;color:#5772d5}
#mod_option_frm .option_wr {margin:15px}
#mod_option_frm .option_wr label {margin:0 0 5px;display:block}
#mod_option_frm .option_wr select {width:100%;height:0px;border:1px solid #d9d9d9;margin:0 0 5px}
#mod_option_frm .btn_confirm {margin:15px}
#mod_option_frm .btn_confirm .btn_submit {height:40px;font-size:1.167em;font-weight:bold;width:100%}
#mod_option_frm .btn_confirm .btn_close {position:absolute;top:0;right:0;width:50px;height:50px;border:0;background:none;font-size:1.25em;border-radius:0}

#sod_bsk .btn_del_wr,
#sod_bsk .sod_ta_wr,
#sod_bsk .go_shopping {margin:10px 0}
#sod_bsk .go_shopping .btn01 {height:45px;line-height:43px;font-size:1.167em;font-weight:bold;width:100%;text-align:center}
#m_sod_bsk_tot {background:#4a505a;color:#fff}
#m_sod_bsk_tot:after {display:block;visibility:hidden;clear:both;content:""}
#m_sod_bsk_tot dt {float:left;width:40%;padding:10px;line-height:20px;clear:both}
#m_sod_bsk_tot dd {float:left;width:60%;padding:9px 10px;text-align:right;line-height:20px}
#m_sod_bsk_tot .sod_bsk_cnt {font-weight:bold;margin-top:5px;line-height:25px;background:#212a37}
#m_sod_bsk_tot .sod_bsk_cnt strong {color:var(--c1);font-size:1.25em}
#sod_bsk_act {z-index:90;border-top:1px solid #000}
#sod_bsk_act .btn_submit {height:45px;font-size:1.167em;font-weight:bold;width:100%;border-radius:3px}
#sod_bsk_act .total {padding:10px;text-align:left;color:#717171;line-height:20px}
#sod_bsk_act .total strong {display:block;float:right;color:#000;font-size:1.154em;line-height:25px}
.naverpay-cart {text-align:center;padding:10px}

/* 주문서 작성 */
#sod_frm .sod_list .li_op_wr{padding-left:85px}
#sod_frm .sod_list .total_img {left:10px}
#sod_frm .sod_opt {padding-left:10px}

#sod_frm .od_prd_list {margin:10px;background:#fff;padding:15px}
.od_prd_list .td_chk {border-left:0}
.od_prd_list .td_prd {border-left:0;position:relative;padding-left:90px;min-height:100px}
.od_prd_list .td_prd .sod_img {position:absolute;top:15px;left:0}
.od_prd_list .td_prd .sod_name {min-height:80px}
.od_prd_list .td_prd .prd_name {font-size:1.167em}
.od_prd_list .total_prc {color:#ff006c;font-weight:bold;font-size:1.167em}

#sod_frm_orderer {padding:10px;border-bottom:1px solid #e5e5e5}
#sod_frm_taker {padding:10px;border-bottom:1px solid #e5e5e5}
#sod_frm_taker h2,#sod_frm_orderer h2 {margin:0 0 10px;font-size:1.25em}
.odf_list li {}
.odf_list label,.odf_list strong {display:block;margin:7px 0 5px;color:#444;font-weight:normal}
.odf_list .frm_input {width:100%;margin:0 0 7px}
.odf_list .dlv_slt {background:#edf3fc;position:relative;border:1px solid #d1ddee;margin:5px 0;padding:10px}
.odf_list .dlv_slt strong {margin:0;font-weight:bold;line-height:30px}
.odf_list .dlv_slt div label{display:inline-block;margin:3px 0;color:#000}
.sod_frm_mobile #order_address {display:block;position:absolute;top:5px;right:5px;text-align:center;border:1px solid #d4d6db;background:#fff;border-radius:3px;color:#606060;height:30px;line-height:28px;margin:5px 0 0;padding:0 5px}
.odf_list .ad_default {display:inline-block;margin:0 0 10px}
.odf_list .btn_addsch {position:absolute;top:5px;right:5px;border-radius:3px;height:30px}
.odf_list .add_num {position:relative;display:block}
.odf_list textarea {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;width:100%;height:70px;
-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)}

#m_sod_frm_paysel {margin:10px 0}
#m_sod_frm_paysel h3 {background:#fff;padding:15px 10px;border:1px solid #e3e5e8;border-bottom:0}
#m_sod_frm_paysel ul {margin:0 0;background:#fff;padding:10px;border:1px solid #e3e5e8}
#m_sod_frm_paysel ul:after {display:block;visibility:hidden;clear:both;content:""}
#m_sod_frm_paysel li {float:left;margin:2px 0;width:46%;height:25px}
#m_sod_frm_paysel .KPAY {background:url('../../../img/kpay.png') no-repeat 24px 3px;width:67px;height:32px;overflow:hidden;text-indent:-999px;display:inline-block;background-size:35px auto}
#m_sod_frm_paysel .PAYNOW {background:url('../../../img/paynow.png') no-repeat 24px 3px;width:74px;height:32px;overflow:hidden;text-indent:-999px;display:inline-block;background-size:45px auto}
#m_sod_frm_paysel .PAYCO {background:url('../../../img/payco.png') no-repeat 24px 3px;width:74px;height:32px;overflow:hidden;text-indent:-999px;display:inline-block;background-size:45px auto}
#m_sod_frm_paysel .inicis_lpay {background:url('../../../img/lpay_logo.png') no-repeat 24px 3px;width:65px;height:32px;overflow:hidden;text-indent:-999px;display:inline-block;background-size:35px auto}
#m_sod_frm_paysel .kakaopay_icon {background:url('../../../img/kakao.png') no-repeat 24px 3px;height:25px;width:74px;display:inline-block;overflow:hidden;text-indent:-999px;background-size:35px auto}
#m_sod_frm_paysel .samsung_pay {background:url('../../../img/samsungpay.png') no-repeat 24px 3px;height:25px;width:106px;display:inline-block;overflow:hidden;text-indent:-999px}

#sod_frm .sod_ta_wr {}
#sod_frm .btn_confirm {margin:0 10px 10px}
#sod_frm .btn_submit {width:100%;height:45px;font-size:1.167em;font-weight:bold;margin:5px 0;border-radius:4px}
#sod_frm .btn_cancel, #sod_frm .btn01 {width:100%;height:45px;line-height:43px;font-size:1.167em;font-weight:bold;padding:0;border-radius:4px}

#sod_frm_pay {padding:10px;border-top:1px solid #f3f3f3}
#sod_frm_pay h2{margin:10px 0;font-size:1.25em}
#sod_frm_pay .cp_btn1, #sod_frm_pay .cp_cancel1 {margin-top:0}
.odf_tbl {position:relative}
.odf_tbl table {background:#fff;width:100%;border-collapse:collapse;border-bottom:1px solid #ccc}
.odf_tbl table th {border-top:1px solid #eceff4;padding:10px;text-align:left;width:120px;font-weight:normal}
.odf_tbl table td {border-top:1px solid #eceff4;padding:7px 10px;text-align:right}

#sod_frm_pt_alert {margin:10px 0;color:#328abd;text-align:left;color:#fff;line-height:18px;background:#f2838f;margin:0 0 10px;padding:10px 10px 10px 13px;border-radius:5px;position:relative}
#sod_frm_pt_alert:before {content:"";position:absolute;top:0;left:0;width:5px;height:50px;border-radius:5px 0 0 5px;background:#da4453;height:100%}

.sod_frm_point {padding:10px 0;clear:both}
.sod_frm_point div {background:#fff;border:1px solid #e3e5e8;padding:10px;text-align:right}
.sod_frm_point div:after {display:block;visibility:hidden;clear:both;content:''}
.sod_frm_point div label {float:left;line-height:30px}
.sod_frm_point div span {display:block;margin:5px 0}
.sod_frm_point div span:after {display:block;visibility:hidden;clear:both;content:''}
.sod_frm_point .max_point_box {font-style:normal !important}
.sod_frm_point div strong {float:left;color:#666;font-weight:normal}
.sod_frm_point #od_temp_point{height:30px;border:1px solid #d0d3db;text-align:right;background:#fff;border-radius:3px;
-webkit-box-shadow:inset 1px 1px 5px rgba(0,0,0,0.1);
-moz-box-shadow:inset 1px 1px 5px rgba(0,0,0,0.1);
box-shadow:inset 1px 1px 5px rgba(0,0,0,0.1)}

#settle_bank {background:#fff;border:1px solid #e3e5e8;padding:10px;clear:both;line-height:30px}
#settle_bank:after {display:block;visibility:hidden;clear:both;content:''}
#settle_bank select {height:30px;margin:0 0 5px;width:100%;border:1px solid #d0d3db}
#settle_bank #od_deposit_name {height:30px;border:1px solid #d0d3db;text-align:center;border-radius:3px;float:right;
-webkit-box-shadow:inset 1px 1px 5px rgba(0,0,0,0.1);
-moz-box-shadow:inset 1px 1px 5px rgba(0,0,0,0.1);
box-shadow:inset 1px 1px 5px rgba(0,0,0,0.1)}
#settle_bank label {float:left;line-height:30px}
#sod_frm_pt_info {border-top:0}
.od_coupon_wrap {content:"";position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.4);z-index:9999}
.od_coupon {z-index: 10000; position: fixed; top: 40%; left: 50%; width: 90%; transform: translate(-50%, -50%); height: auto !important; height: 80%; max-height: 80%; border: 1px solid #dde7e9; border-radius: 3px; background: #fff; overflow-y: auto;}
.od_coupon h3 {padding:0 20px;line-height:50px;font-size:17px;text-align: center;}
.od_coupon .tbl_head02 {}
.od_coupon .tbl_head02 .btn_frmline {background:#3b67c2;color:#fff;border:0;padding:0 5px;line-height:25px }
.od_coupon .tbl_head02 td {text-align:left}
.od_coupon .tbl_head02 th {width:auto !important}
.od_coupon .tbl_head02 .td_mngsmall {width:60px;text-align:center}
.od_coupon .tbl_head02 .td_numbig {width:80px;text-align:right}
.od_coupon .btn_confirm {margin:20px}
.od_coupon .btn_confirm .btn_submit {height:40px;font-size:1.167em;font-weight:bold;width:100%}
.od_coupon .btn_confirm .btn_close {position:absolute;top:0;right:0;width:50px;height:50px;border:0;background:none;font-size:1.25em;border-radius:0}
#od_coupon_frm .tbl_wrap{margin: 0 20px 20px;}
#od_coupon_frm .tbl_wrap table{display: flex; align-items: center; justify-content: center;}
#od_coupon_frm .tbl_wrap table thead{width: 20%; min-width: 80px;}
#od_coupon_frm .tbl_wrap table thead tr{width: 100%;display: flex;flex-flow: column; padding-bottom: 0; margin-bottom: 0; border: unset;}
#od_coupon_frm .tbl_wrap table thead tr th{width: 100% !important; display: block; font-size: 14px; border-top: 1px solid #ddd; border-bottom: unset; padding: 0; line-height: 40px;text-align: center;}
#od_coupon_frm .tbl_wrap table thead tr th:last-child{border-bottom: 1px solid #ddd;}
#od_coupon_frm .tbl_wrap table tbody{width: 80%;}
#od_coupon_frm .tbl_wrap table tbody tr{width: 100%;display: flex;flex-flow: column;padding-bottom: 0; margin-bottom: 0; border: unset;}
#od_coupon_frm .tbl_wrap table tbody tr td{width: 100% !important; line-height: 40px; padding: 0 10px; font-size: 14px; text-align: left; border-top: 1px solid #ddd; border-bottom: unset;}
#od_coupon_frm .tbl_wrap table tbody tr td:last-child{border-bottom: 1px solid #ddd;padding: 0;}
#od_coupon_frm .tbl_wrap table tbody tr td button{background: var(--c3); font-size: 14px; height: fit-content; line-height: 40px; margin: 0; padding: 0 10px; margin-left: 0; margin-right: auto; display: block; width: 100%; color: var(--c1);}
#od_coupon_frm .btn_confirm{margin: 0}


.cp_btn, .cp_btn1 {padding:0 7px;border:1px solid #d4d6db;border-radius:3px;color:#3a8afd;background:#fff;line-height:24px;margin:5px 0 0;font-size:0.923em}
.cp_apply {padding:0 5px;border:1px solid #3a8afd;color:#3a8afd;background:#fff;height:23px;line-height:21px}
.cp_cancel, .cp_cancel1 {padding:0 7px;border:1px solid #d4d6db;border-radius:3px;color:#aaa;background:#fff;line-height:24px;margin:5px 0 0 2px;font-size:0.923em}

#sod_frm_escrow {margin:10px}
#sod_frm_escrow h2 {font-size:1.25em}
#od_pay_sl h3 {font-size:1.25em}

/* 위시리스트 */
#sod_ws {text-align:left;padding:20px;background:#fff;border:1px solid #ced2d7}
#sod_ws li {position:relative;padding:10px 0 10px 90px;min-height:70px;border:1px solid #e9e9e9;margin-bottom:5px;height:90px}
#sod_ws .wish_img {position:absolute;top:10px;left:30px}
#sod_ws .wish_info {margin-left:30px}
#sod_ws .wish_info a {display:block}
#sod_ws .wish_info a.wish_prd {font-size:1.2em;font-weight:bold;margin-bottom:5px}
#sod_ws .info_link {display:block;padding:5px 0;font-size:1.2em;font-weight:bold}
#sod_ws .info_date {position:absolute;bottom:10px;right:10px;color:#737373;font-size:0.92em}
#sod_ws .wish_chk{position:absolute;top:10px;left:10px;color:#737373}
#sod_ws .sold_out {position:absolute;top:20px;left:80px;display:inline-block;width:100px;color:#ff3e5e}
#sod_ws .wish_del a {position:absolute;top:10px;right:10px;text-indent:-999px;overflow:hidden;width:25px;height:25px;background:url(../mobile/shop/img/del_btn.gif) no-repeat top right}
#sod_ws_act {text-align:center;margin:10px 0}
#sod_ws_act:after {display:block;visibility:hidden;clear:both;content:""} 
#sod_ws_act button {width:49%;max-width:200px;height:40px;line-height:40px;padding:0}
#sod_ws_act .btn01 {background:#fff;color:#777;border:1px solid #ddd;font-weight:bold}
#sod_ws_act .btn02 {background:#333;color:#fff;font-weight:bold}

/* 쿠폰 */
#scp_list {text-align:center;background:#fff}
#scp_list .li_pd {position:relative;padding:10px}
#scp_list h1 {text-align:left}
#scp_list .li_title {font-weight:bold;font-size:1.167em}
#scp_list ul:after {display:block;visibility:hidden;clear:both;content:""}
#scp_list .pd_price {position:absolute;top:10px;right:10px}
#scp_list li {padding:15px;border-bottom:1px solid #ececec;text-align:left}
#scp_list .pd_price strong {color:#ff006c;font-size:1.5em}
#scp_list .cou_top {margin-bottom:10px;position:relative}
#scp_list .li_target {color:#666;margin:5px 0 0;background:#f3f3f3;border-top:1px dotted #ccc;padding:5px 10px}	#scp_list .cou_tit {font-size:1.25em;font-weight:bold}
#scp_list .pd_date {float:right;color:#777}	#scp_list .cou_pri {font-size:1.25em;color:#3a8afd;font-weight:bold;position:absolute;top:0;right:0}
#scp_list .cou_target {color:#8cc152;background:#edfbde;padding:5px;line-height:20px;font-size:0.92em;border-radius:5px}
#scp_list .cou_date {float:right;color:#888d92}
#scp_list .btn_close {margin:20px auto}

/* 배송지 목록 */
#sod_addr {}
#sod_addr ul {margin:0;padding:0;list-style:none}
#sod_addr li {position:relative;padding:0;border-bottom:1px solid #e9e9e9}
#sod_addr .addr_title {border-bottom:1px solid #ddd;padding:10px}
#sod_addr .ad_subject {height:30px;border:1px solid #bbb;padding:0 10px}
#sod_addr .ad_chk {position:absolute;top:17px;left:10px}
#sod_addr .addr_info {padding:15px}
#sod_addr .addr_name {margin:0 0 10px;font-weight:bold;font-size:1.083em}
#sod_addr .addr_addr {line-height:1.5em;margin:5px 0}
#sod_addr .addr_tel {margin:5px 0;color:#666}
#sod_addr .fa-mobile {font-size:14px}
#sod_addr .addr_btn {border-radius:0 0 3px 3px;padding:10px}
#sod_addr .addr_btn:after {display:block;visibility:hidden;clear:both;content:""}
#sod_addr .sel_address {width:32%;float:left;margin-right:1%;height:30px;background:none;border:1px solid #333;color:#333;padding:0 5px}
#sod_addr .del_address {display:block;width:32%;text-align:center;float:left;margin-right:1%;border:1px solid #aaa;background:none;color:#888;padding:0 5px;height:30px;line-height:28px;vertical-align:middle}
#sod_addr input[type="radio"] {position:absolute;width:0;height:0;overflow:hidden;visibility:hidden;text-indent:-999px;left:0;z-index:-1px}
#sod_addr .add_lb {display:inline-block;float:left;width:32%;text-align:center;border:1px solid #4162ff;color:#4162ff;height:30px;line-height:28px}
#sod_addr input[type="radio"]:checked+.add_lb {z-index:3;background:#4162ff;color:#fff}

/* 주문내역 */
#sod_v {}
#sod_v .td_stat {width:100px}
#sod_v_info {position:relative;text-align:left;color:#fff;line-height:18px;font-size:1.1em;background:#f2838f;margin:10px;padding:10px 20px;border-radius:5px;font-weight:bold}
#sod_v_info:before {content:"";position:absolute;top:0;left:0;width:5px;height:100%;border-radius:5px 0 0 5px;background:#da4453}
#sod_v_info i {font-size:1.2em;vertical-align:middle}

/* 주문상세내역 */
#sod_fin {text-align:left;padding:20px}
#sod_fin .sod_list .li_name_od a {display:block;padding:10px;}
#sod_fin .sod_list .li_opt {padding:10px;padding-bottom:0;border-top:1px solid #e9e9e9}
#sod_fin .sod_list .li_opt:first-child {border:none}
#sod_fin .sod_list .total_img {top:10px;left:10px}
#sod_fin .sod_list .total_span {padding:10px;display:block}
#sod_fin .sod_list .total_span span {top:10px}
#sod_fin .sod_list .li_prqty .li_prqty_sp {width:25%}
#sod_fin .sod_list .li_prqty .prqty_stat {border-right:1px solid #d3d3d3}
#sod_fin section {margin-bottom:20px}
#sod_fin .odf_tbl {background:#fff}
#sod_fin_no {margin:0 0 20px;padding:10px;background:var(--c1);color:#fff}
#sod_fin_list h2 {margin:0 0 10px}
#sod_sts_wrap {margin:0 0 10px;text-align:right}
#sod_sts_explan {display:none}
#sod_fin_legend {margin:10px 0;padding:10px 10px ;text-align:left;background:#f6f6f6}
#sod_fin_legend:after {display:block;visibility:hidden;clear:both;content:''}
#sod_fin_legend dt {clear:both;float:left;margin:0 0 5px;width:50px;font-weight:bold}
#sod_fin_legend dd {float:left;margin:0}

/* 주문상세내역 */
#sod_list_inq {}
#sod_list_inq .li_op_wr {padding-left:85px}
#sod_list_inq .total_img {left:10px}
#sod_list_inq .sod_opt {padding-left:10px}

.sod_fin_list h2 {position:absolute;border:0;font-size:0;line-height:0;content:""}
.sod_fin_list .prqty_stat {display:inline-block;background:#edfbde; color:#8cc152;line-height:24px;border-radius:5px; border-radius:5px;padding:0 5px; font-weight:normal;font-size:0.85em;margin:5px 0} 
.sod_fin_list .li_opt {color:#777;margin:3px 0;line-height:1.3em;padding-right:50px}
#sod_sts_wrap {margin:10px}
#sod_sts_explan_open {padding:0 10px;height:30px;border:1px solid #000;color:#fff;background:#000}
#sod_sts_explan {display:none}
#sod_fin_legend {background:#edf3fc;border:1px solid #d6e2f4;border-radius:3px;margin:0 0 10px;padding:10px;line-height:20px;color:#3967ac}
#sod_fin_legend:after {display:block;visibility:hidden;clear:both;content:""}
#sod_fin_legend dt {float:left;width:20%}
#sod_fin_legend dd {float:left;width:80%}

#sod_fin_pay,#sod_fin_orderer,#sod_fin_receiver,#sod_fin_receiver,#sod_fin_dvr{margin:10px;background:#fff;border:1px solid #e3e5e8}
#sod_fin_view h2 {position:absolute;border:0;font-size:0;line-height:0;content:""}
#sod_fin_view h3 {font-size:1.167em;padding:10px;border-bottom:1px solid #e3e5e8;line-height:1.5em}
#sod_fin_view .odf_tbl {padding:5px}
#sod_fin_view .odf_tbl .dvr_link {display:inline-block;line-height:30px;color:#3a8afd;background:#fff;border:1px solid #d4d6db;font-size:0.93em;border-radius:3px;padding:0 10px;}
#sod_fin_view table {background:#fff;width:100%;border-collapse:collapse;padding:10px 0;border:0}
#sod_fin_view table th {border:0;padding:10px 0 10px 10px;text-align:left;width:100px;font-weight:normal}
#sod_fin_view table td {border:0;padding:10px;text-align:left}

#sod_fin_tot {margin:10px}
#sod_fin_tot h2 {font-size:1.167em;margin:20px 0 10px}
#sod_fin_tot ul {background:#fff;border:1px solid #3a8afd;color:#000} 
#sod_fin_tot li {padding:10px;line-height:25px;zoom:1}
#sod_fin_tot li:after {display:block;visibility:hidden;clear:both;content:""}
#sod_fin_tot #alrdy {background:#e5f0ff;font-weight:bold;border-top:1px solid #c6d7ef}
#sod_fin_tot #alrdy .right {margin-top:10px;text-align:right;font-weight:normal;font-size:0.9em}
#sod_fin_tot #alrdy .right p {position:relative;color:#333;margin:5px 0}
#sod_fin_tot #alrdy .right .title {position:absolute;left:0;padding-left:8px}
#sod_fin_tot strong {float:right}

#sod_fin_cancel {margin:10px}
#sod_fin_cancel h2 {position:absolute;border:0;font-size:0;line-height:0;content:""}
#sod_fin_cancel h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sod_fin_cancel button {height:40px;border:1px solid #ddd;font-weight:bold;width:100%;background:none;color:#282828;font-weight:normal}
#sod_fin_cancel p {text-align:center;background:#ffe0e0;border:2px solid #d50c0c;padding:15px;color:#d50c0c;font-size:1.167em;font-weight:bold}
#sod_fin_cancelfrm {display:none;position:relative;margin:10px 0 0;text-align:center;background:#fff;padding:15px 75px 15px 15px}
#sod_fin_cancelfrm .frm_input {background:#fff;margin:0 0 5px;width:100%}
#sod_fin_cancelfrm .btn_frmline {background:#5e6b6f;color:#fff;border:0;padding:10px;width:55px;cursor:pointer;position:absolute;top:15px;right:15px;height:40px}
#sod_fin_test {padding:10px}

/* 주문내역 include  */
#sod_inquiry {border-bottom:1px solid #dde7e9;margin:0 10px 0}
#sod_inquiry li {background:#fff;border-top:1px solid #ececec;padding:15px;position:relative}
#sod_inquiry li:after {display:block;visibility:hidden;clear:both;content:''} 
#sod_inquiry li .idtime_link {font-weight:bold;font-size:1.167em}
#sod_inquiry li .idtime_time {color:#999}
#sod_inquiry li .inq_wr:after {display:block;visibility:hidden;clear:both;content:''} 
#sod_inquiry li .inquiry_name {margin:10px 0}
#sod_inquiry li .inquiry_price {font-size:1.25em;font-weight:bold;color:#3a8afd;float:left}
#sod_inquiry li .inv_status {display:inline-block;float:right;margin:0;font-weight:bold}
#sod_inquiry li .inv_inv {margin:10px 0 0;display:block;border:1px solid #e5ecf2;border-radius:3px;color:#4963b8;background:#f9fdff;padding:10px}
#sod_inquiry li .inv_inv i {margin-right:5px}
#sod_inquiry .li_cancel {background:#fcf1f1}
                        
.status_01 {display:block;background:#edfbde;color:#8cc152;line-height:24px;border-radius:5px;border-radius:5px;padding:0 5px;font-weight:normal;font-size:0.85em}
.status_02 {display:block;background:#84c93a;color:#fff;line-height:24px;border-radius:5px;border-radius:5px;padding:0 5px;font-weight:normal;font-size:0.85em}
.status_03 {display:block;background:#5bd085;color:#16b494;line-height:24px;border-radius:5px;border-radius:5px;padding:0 5px;font-weight:normal;font-size:0.85em}
.status_04 {display:block;background:#e2eaf6;color:#3a8afd;line-height:24px;border-radius:5px;border-radius:5px;padding:0 5px;font-weight:normal;font-size:0.85em}
.status_05 {display:block;background:#3a8afd;color:#fff;line-height:24px;border-radius:5px;border-radius:5px;padding:0 5px;font-weight:normal;font-size:0.85em}
.status_06 {display:block;background:#fff;color:red;line-height:24px;border-radius:5px;border-radius:5px;padding:0 5px;font-weight:normal;font-size:0.85em}

/* 주문상세내역 중 현금영수증 발급 */
#scash {}
#scash section {padding:10px 0}
#scash h2 {margin:0 0 10px;text-align:center}
#scash .tbl_head01 th {padding:0 10px;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#f2f5f9;text-align:left}
#scash_apply {padding:10px 0 15px;text-align:center}
#scash_apply button {padding:10px;border:0;background:#565e60;color:#fff}
#scash_copy {text-align:center}


/* 상품상세 메뉴 floating */
#info_top_layer {display:none;position:absolute;top:0;left:0;width:100%;background-color:#eee}
#form_btn_layer {display:none;position:absolute;top:0;left:0;width:100%;height:60px;background-color:#eee}

/*현금영수증*/
#kcp_req_rx .tbl_head01 tbody th {text-align:left}

/*배송지목록*/
#sod_addr .win_desc {padding:10px 20px}

/*쇼핑몰레이아웃*/
#fregisterform {margin:10px 20px}
#bo_w .btn_submit {padding:8px 7px}
#sit_sms_new #sms_agree {padding:10px 20px !important}

/*이벤트*/
#sev_hhtml,#sev_thtml {padding:10px 0}
#sev_hhtml img,#sev_thtml img {width:100%}

/*피시일때 모바일버전 주문폼*/
#sod_frm {position:relative}
#sod_frm p {margin-bottom:10px}
#sod_frm .tbl_frm01 td label {display:inline-block;margin:2px 0;font-size:0.92em;color:#777}
#sod_frm .tbl_frm01 td .btn_frmline {height:30px;line-height:30px;vertical-align:middle}
#sod_list .sod_opt {min-width:70px;font-size:0.92em;color:#666}

/*피시일때 모바일버전 개인결제폼*/
#sod_frm_pay {padding:10px 0}
#display_pay_button .btn_submit {padding:8px 5px}

/*네이버페이*/
.naverpay-item {padding-top:15px;clear:both;text-align:right}
#sod_bsk_act .naverpay-cart {margin-top:15px;clear:both;position:static}

/*PC 주문서*/
#sod_frm .tbl_head03{padding:0;background:none}
#sod_frm .tbl_head03 .sod_opt {padding:5px 0}
#sod_frm_orderer .odpw_info{display:block;margin:0 0 7px;color:#3a8afd}  
#sod_frm_orderer .tbl_frm01,#sod_frm_taker .tbl_frm01{background:#fff;padding:10px 0;margin:0}
#sod_frm_taker .choice_place{background:#edf3fc;margin:10px;padding:10px;border:1px solid #d1ddee}
#sod_frm_taker .choice_tit{display:block;font-weight:bold;margin:0 0 5px}
#sod_frm_orderer table th,#sod_frm_taker table th{border:0;padding:10px;text-align:right;vertical-align:top}
#sod_frm_orderer table td,#sod_frm_taker table td{border:0;padding:5px 10px;vertical-align:middle}
.sod_right #sod_bsk_tot{margin:10px}
#sod_frm_taker textarea{width:100%;height:80px}

#od_pay_sl input[type="radio"] {position:absolute;width:0;height:0;overflow:hidden;visibility:hidden;text-indent:-999px;left:0;z-index:-1px}
#od_pay_sl .lb_icon {display:inline-block;float:left;width:150px;background:#fff;border:1px solid #eceff4;margin:-1px 0 0 -1px;cursor:pointer;height:60px;position:relative;padding-left:65px;padding-top:20px;z-index:1}
#od_pay_sl input[type="radio"]:checked+.lb_icon {border:1px solid #ff006c;z-index:3}

#sod_frm_paysel {}
#sod_frm_paysel legend {position:absolute;font-size:0;line-height:0;overflow:hidden}

#sod_frm_paysel .KPAY{background:url('../../../img/kpay.png') no-repeat 0 3px;width:67px;overflow:hidden;text-indent:-999px;display:inline-block;background-size:35px auto}
#sod_frm_paysel .PAYNOW{background:url('../../../img/paynow.png') no-repeat 0 3px;width:74px;overflow:hidden;text-indent:-999px;display:inline-block;background-size:45px auto}
#sod_frm_paysel .PAYCO{background:url('../../../img/payco.png') no-repeat 0 3px;width:74px;;overflow:hidden;text-indent:-999px;display:inline-block;background-size:45px auto}
#sod_frm_paysel .inicis_lpay{background:url('../../../img/lpay_logo.png') no-repeat 0 3px;width:65px;overflow:hidden;text-indent:-999px;display:inline-block;background-size:35px auto}
#sod_frm_paysel .kakaopay_icon{background:url('../../../img/kakao.png') no-repeat 0 3px;width:74px;display:inline-block;overflow:hidden;text-indent:-999px;background-size:35px auto}
#sod_frm_paysel .samsung_pay{background:url('../../../img/samsungpay.png') no-repeat 0 3px;width:106px;display:inline-block;overflow:hidden;text-indent:-999px}

#sod_bsk_tot {border:1px solid #3a8afd}
#sod_bsk_tot:after {display:block;visibility:hidden;clear:both;content:""}
.sod_info li {position:relative;float:left;background:#fff;width:33.333%;height:70px;text-align:center;border-bottom:1px solid #e7ebf1;padding:15px 0}
.sod_info li:after {display:block;visibility:hidden;clear:both;content:""}
.sod_info li span {display:block;color:#777;margin-bottom:5px;font-weight:bold;color:#000}
.sod_info .sod_bsk_sell,  .sod_info .sod_bsk_coupon {border-right:1px solid #e7ebf1}
.sod_info .sod_bsk_coupon:before {display:block;content:"-";position:absolute;top:25px;left:-10px;width:20px;height:20px;background:#fff;color:#9da6c9;border-radius:50%;border:1px solid #e7ebf1;font-weight:bold;font-size:16px;line-height:14px}
.sod_info .sod_bsk_dvr:before {display:block;content:"+";position:absolute;top:25px;left:-10px;width:20px;height:20px;background:#fff;color:#9da6c9;border-radius:50%;border:1px solid #e7ebf1;font-weight:bold;font-size:16px;line-height:14px}
.sod_info .sod_bsk_cnt strong {font-size:1.25em}

.sod_info_bt {clear:both;padding:10px 15px;background:#fff}
.sod_info_bt:after {display:block;visibility:hidden;clear:both;content:""}
.sod_info_bt li {}
.sod_info_bt li:after {display:block;visibility:hidden;clear:both;content:""}
.sod_info_bt li span {display:inline-block;float:left;width:50%;line-height:28px;text-align:left;font-weight:bold;color:#000}
.sod_info_bt li strong {display:inline-block;float:left;width:50%;line-height:28px;text-align:right}

.sod_info_option {clear:both;border-top:1px solid #e7ebf1}
.sod_info_option h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.sod_info_option ul {padding:10px 15px;background:#fff}
.sod_info_option li {margin-bottom:5px}
.sod_info_option li:after {display:block;visibility:hidden;clear:both;content:""}
.sod_info_option .sod_ifop_tit {display:inline-block;float:left;width:50%;line-height:28px;text-align:left;font-weight:bold}
.sod_info_option .sod_ifop_tit .btn_frmline {width:auto;height:30px;color:#3a8afd;background:#fff;border:1px solid #d4d6db;font-size:0.93em;border-radius:3px}
.sod_info_option .sod_ifop_tit .cp_cancel {width:auto;height:30px;border:1px solid #d4d6db;padding:0 5px;margin-left:5px;color:#b1b1b1;vertical-align:baseline}
.sod_info_option .sod_ifop_tit .od_coupon>td {text-align:left}
.sod_info_option>td,  .sod_info_option .sod_ifop_t {display:inline-block;float:left;width:50%;line-height:28px;text-align:right}
.sod_info_option>td {text-align:right;padding:10px;height:30px}
.sod_info_option>td .cp_cancel {margin:0 0 0 2px}
.sod_info_option>td .btn_frmline {padding:0 7px;border:1px solid #38b2b9;color:#38b2b9;background:#fff;height:23px;line-height:21px;margin:0}

.btn_address{background:#70aff2;border:1px solid #3476be;height:40px;color:#fff;padding:0 10px;font-size:1.083em;font-weight:bold}

#od_tot_price {background:#e5f0ff;line-height:20px;text-align:right;padding:15px}
#od_tot_price span {float:left;font-weight:bold}
#od_tot_price strong {font-size:1.5em;color:#ff006c}
#sod_frm_pay_info {margin:0 0 10px}

#sod_point {clear:both;background:#fff;margin:10px;border:1px solid #e3e5e8}
#sod_point h2 {font-size:1.167em;padding:15px;border-bottom:1px solid #e3e5e8}
#sod_point h2:after {display:block;visibility:hidden;clear:both;content:''}

#sod_point .point_tit {vertical-align:baseline;float:left;line-height:28px}
#sod_point .point_tit label {vertical-align:baseline}
#sod_point .point_ipt {float:right;display:inline-block;margin-left:35px;text-align:left;text-align:right;font-weight:normal}
#sod_point .point_ipt:after {display:block;visibility:hidden;clear:both;content:''}
#sod_point .point_ipt #od_temp_point {width:100px;height:30px;text-align:right;padding:0 5px;border:1px solid #d0d3db;border-radius:3px}

#sod_frm_pt {padding:20px}
#sod_frm_pt strong {display:inline-block;width:45%;color:#000;line-height:28px;text-align:left}
#sod_frm_pt span {display:inline-block;width:55%;color:#000;text-align:right}
#sod_frm_pt span:after {display:block;visibility:hidden;clear:both;content:''}
#sod_frm_pt .max_point_box em {font-style:normal !important}

.sod_frm_pc #sod_frm_pay {position:relative;margin:10px;padding:0;background:#fff;border:1px solid #e3e5e8}
.sod_frm_pc #sod_frm_pay h2 {font-size:1.167em;padding:15px;margin:0;border-bottom:1px solid #e3e5e8}
.sod_frm_pc #sod_frm_pay .tooltip_txt {height:auto;line-height:18px;font-weight:normal;font-size:1em;padding:10px 20px;margin:10px}
.sod_frm_pc #sod_frm_pay .tooltip_txt:before {height:100%}
.sod_frm_pc #sod_frm_pay input[type="radio"] {}
.sod_frm_pc #sod_frm_pay .lb_icon {display:inline-block;position:relative;cursor:pointer;z-index:1}
.sod_frm_pc #sod_frm_pay input[type="radio"]:checked+.lb_icon {color:#3a8afd;z-index:3}
.sod_frm_pc #sod_frm_pay input[type="radio"] + label span {top:0px}
.sod_frm_pc .pay_way {padding:0 10px 10px}
.sod_frm_pc .pay_way li{margin:0 0 5px}
.sod_frm_pc #settle_bank {border:0;border-top:1px solid #e3e5e8;text-align:right;padding:0}
.sod_frm_pc #sod_frm_paysel {padding:0}
.sod_frm_pc #settle_bank {padding:10px}

.sod_frm_pc #sod_frm_orderer .tbl_frm01 th{text-align:left}
.sod_frm_pc #sod_frm_taker .tbl_frm01 th {text-align:left}
.sod_frm_pc td .frm_input {width:100%}
.sod_frm_pc td #od_zip, .sod_frm_pc td #od_b_zip {width:auto}

/* 팁 */
.tooltip_icon {display:inline-block;vertical-align:middle;color:#b3b5b8;border:0;font-size:1.4em;background:transparent;cursor:pointer}
.tooltip_icon:hover {color:#448bf5}
.tooltip {position:relative;width:auto;color:#fff;background:#000;padding:10px;font-size:small;line-height:18px;display:none;position:absolute;z-index:9;font-weight:normal;margin-left:15px;margin-top:20px}
.tooltip:before {content:"";position:absolute;top:0;left:-10px;width:0;height:0;border-style:solid;border-top:0px solid transparent;border-bottom:10px solid transparent;border-left:0;border-right:10px solid #000}

.tooltip_txt {position:relative;text-align:left;color:#fff;height:50px;line-height:50px;font-size:1.1em;background:#f2838f;margin:0 0 10px;padding:0 20px;border-radius:5px;font-weight:bold}
.tooltip_txt:before {content:"";position:absolute;top:0;left:0;width:5px;height:50px;border-radius:5px 0 0 5px;background:#da4453}
.tooltip_txt i {font-size:1.2em;vertical-align:middle}

/*-- 개인결제 --*/
/*모바일*/
#m_sod_frm_orderer {margin:10px 0;border-top:1px solid #e7ebf1}
#m_sod_frm_orderer h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#m_sod_frm_orderer ul {background:#fff;margin:15px 0;border-bottom:1px solid #ccc;padding:10px 15px}
#m_sod_frm_orderer li {line-height:20px}
#m_sod_frm_orderer th {display:block;width:100% !important;font-weight:bold;border:0}
#m_sod_frm_orderer td {display:block;width:100% !important;text-align:left;padding:5px 10px;border:0;margin-bottom:10px}
#m_sod_frm_orderer td .frm_input {width:100%}
#m_pv_sod_frm .btn_confirm {margin:10px}
#m_pv_sod_frm .btn_confirm .btn_submit {width:100%;height:45px;font-size:1.167em;font-weight:bold;margin:0 0 3px}
#m_pv_sod_frm .btn_confirm .btn_cancel {width:100%;height:45px;line-height:43px;font-size:1.167em;font-weight:bold;padding:0}
#m_pv_sod_frm .pay_way {border-top:1px solid #e7ebf1}
#m_pv_sod_frm .pay_way li {padding:5px 0}

/*피씨에서 모바일*/
.pesonal {background:#fff;border-top:1px solid #e7ebf1;border-bottom:1px solid #e3e5e8;margin:10px 0}
.pesonal h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.pesonal .tbl_frm01 {padding:10px;margin:0}
.pesonal tr {display:inline-block;width:100%;padding:0 5px;margin-bottom:20px}
.pesonal th {display:block;width:auto;text-align:left;padding:10px 0;font-weight:bold;border:0}
.pesonal td {display:block;padding:0;border:0}
.pesonal td input {width:100%}
.pesonal .half_tr {width:50%}
#sod_frm_paysel {background:#fff;padding:0 15px 10px;border-bottom:1px solid #e3e5e8}
#sod_frm_paysel li {padding:5px 0}
.sod_right .btn_confirm {margin:10px}
.sod_right .btn_submit, .sod_right .btn01 {width:100%;height:45px;font-size:1.167em;font-weight:bold;margin:5px 0;border-radius:4px;line-height:45px}


.mobile #idx_products .swiper {width:100%; margin:0 auto;padding:0px 20px;}
.mobile #idx_products .swiper ul {display: flex; gap:0; padding:12px 0px 0;}
.mobile #idx_products .swiper li {width: calc(50% - 20px); padding:0 0 0 0px;max-width:276px;}
.mobile #idx_products .swiper li img {margin: 0 0 15px;max-width:100%; height:auto; border-radius:10px; box-shadow:0px 0px 13.6px rgba(0,0,0,.12);}
.mobile #idx_products .swiper li span {font-size:12px;display:block; color:#545454;}
.mobile #idx_products .swiper li h6 {display:block; color:#545454; font-weight:700; line-height:120%; word-break:keep-all;	white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 0 5px; font-size:16px;}
.mobile #idx_products .swiper li > p {margin: 0 0 5px; font-size:11px;}
.mobile #idx_products .swiper li .alignC {display: flex; align-items:center; justify-content:center; gap:10px; margin: 0 0 5px;}
.mobile #idx_products .swiper li .alignC del {font-size:11px; color:#BCBCBC;}
.mobile #idx_products .swiper li .alignC strong {font-size:15px;}
.mobile #idx_products .swiper li .days {display:inline-block; font-size:11px;padding:3px 5px; color:#545454; font-weight:500; background:#F1F1F4; border-radius:3px;width: fit-content;padding: 0 10px;margin: 0 auto;}
.mobile #idx_products .swiperBottom {position: absolute; bottom:1vw; width:calc(100%);}
.mobile #idx_products .swiper-button-next, 
.mobile #idx_products .swiper-button-prev {display:none; color:#707070;}
.mobile #idx_products .swiper-pagination-bullet {width:12px; height:12px; background:rgba(0,0,0,.4);}
.mobile #idx_products .swiper-pagination-bullet-active {background:var(--c1) !important;}
.mobile #idx_banner, .mobile #idx_info, .mobile #idx_content {padding: 0 20px;width:100%; margin:0 0 60px;}
.mobile #idx_info {padding:0px 0px;background:#F1F1F4 ; background-size: auto 85%; background-position:top 22px right 30px;}
.mobile #idx_wp_section {width:100%; margin:0 0 60px;}
.mobile #idx_wp_section .owl-buttons {display:none;}
.mobile #idx_banner img {width:100%; max-width:100%; height:auto;}
.mobile #idx_info ul {display: flex; gap:8px;}
.mobile #idx_info ul li {display: flex; align-items:center; justify-content:center; flex-direction: column; width:33.3%; padding:16px 0; color:#545454; background:#fff; border-radius:20px;}
.mobile #idx_info ul li img {max-width:100%; max-height:50px; margin: 0 0 16px;}
.mobile #idx_info ul li p {line-height:110%;font-size:75%;}
.mobile #idx_info .infoTop {margin:0 0 50px; text-align:left;}
.mobile #idx_info .infoTop p {font-size:16px;display:block; line-height:110%;}
.mobile #idx_info .infoTop strong {font-size:18px;display:block; margin:10px 0 15px;}
.mobile #idx_info .infoTop span {display:inline-block; width:61px; padding:3px 0; font-size:14px; color:#fff; text-align:center; background:var(--c1); border-radius:15px;}
.mobile #idx_content .idx_goods li {padding:20px; text-align:left; border-radius:10px; box-shadow:var(--shadow); overflow:hidden;}
.mobile #idx_content .idx_goods li:nth-child(1) {background:url('../img/leftIcon01.png') no-repeat;background-size: auto 45%; background-position:top 20px right 20px;}
.mobile #idx_content .idx_goods li:nth-child(2) {background:url('../img/leftIcon02.png') no-repeat;background-size: auto 45%; background-position:top 20px right 20px;}
.mobile #idx_content .idx_goods li:nth-child(3) {background:url('../img/leftIcon03.png') no-repeat;background-size: auto 45%; background-position:top 20px right 20px;}
.mobile #idx_content .idx_goods li p {font-size:85%;color:#545454;line-height:120%;}
.mobile #idx_content .idx_goods li p br {display:none;}
.mobile #idx_content .idx_goods li strong {margin: 0 0 30px; font-size:110%;line-height:120%; font-weight:400 !important;}
.mobile #idx_content .idx_goods li strong span {display:block; font-size:unset; font-weight:bold;}
.mobile #idx_products.swiperWrap {padding:0 0 0 0;position: relative; width:100%; height:auto; margin:0 0 60px;}
.mobile #idx_products.swiperWrap h2 {display:block; margin: 0 0 10px 15px; font-size: 21px;text-align:left; color:#1B1B1B; font-weight:600;}
.mobile #idx_content .rightBanner {display:flex; align-items:center; justify-content:center; width:100%; height:auto; margin:0 0 60px; border-radius:10px; box-shadow:var(--shadow); overflow:hidden;}
.mobile #idx_content .rightBanner img {width:100%; max-width:100%; height:auto;}
.mobile #idx_content .idx_goods ul {display:flex; flex-direction: column; justify-content: space-between; gap:20px; height: 100%;}
#idx_rolling .slideWrapL, 
#idx_rolling .slideWrapR { display: flex; overflow: hidden; }
#idx_rolling .slideWrapL {margin: 0 0 20px;}
#idx_rolling .slideWrapR {flex-direction: row-reverse;}

#idx_rolling .slideWrapL .rolling-list ul, 
#idx_rolling .slideWrapR .rolling-list ul { display: flex; }
#idx_rolling .slideWrapL .rolling-list ul li,
#idx_rolling .slideWrapR .rolling-list ul li { width: 160px; height: 100%; max-height:104px; box-sizing: border-box; border-radius: 20px; margin: 0 10px; padding: 0; display: flex; align-items: center; flex-shrink: 0; }

#idx_rolling .slideWrapL .rolling-list ul li img,
#idx_rolling .slideWrapR .rolling-list ul li img {max-width:100%;}
#idx_rolling {padding: 0 0 60px;}
#idx_rolling .rolling-list.left.original { animation: rollingleft1 60s linear infinite; }
#idx_rolling .rolling-list.left.clone { animation: rollingleft2 60s linear infinite; }

#idx_rolling .rolling-list.right.original { animation: rollingright1 60s linear infinite; }
#idx_rolling .rolling-list.right.clone { animation: rollingright2 60s linear infinite; }

@keyframes rollingleft1 {
	0% { transform: translateX(0); }
	50% { transform: translateX(-100%); }
	50.01% { transform: translateX(100%); }
	100% { transform: translateX(0); }
}

@keyframes rollingleft2 {
	0% { transition: translateX(0); }
	100% { transform: translateX(-200%); }
}

@keyframes rollingright2 {
	0% { transform: translateX(0); }
	50% { transform: translateX(100%); }
	50.01% { transform: translateX(-100%); }
	100% { transform: translateX(0); }
}

@keyframes rollingright1 {
	0% { transition: translateX(0); }
	100% { transform: translateX(200%); }
}


@media (max-width:1800px) {

#hd.pc .hd_wr {padding: 20px 1.5vw;}
.pc section:not(#idx_slide) {padding-left: 1.5vw; padding-right: 1.5vw;}

}


@media (max-width:1600px) {

.pc #idx_bn_right h2 {margin: 0 0 15px;}
.pc #idx_bn_right .mySwiper1 {max-width: unset;width: calc(100% - 80px);}
/* .pc #idx_bn_right .mySwiper1 li img {margin: 0 0 20px;}
.pc #idx_bn_right .mySwiper1 li h6 {margin: 0 0 10px;}
.pc #idx_bn_right .mySwiper1 li .alignC {margin: 0;} */

.pc #idx_content .idx_new li {padding:2vw;}
.pc #idx_content .idx_new li strong {margin: 0 0 3vw; font-size:180%;}
.pc #idx_content .idx_new li p {font-size:115%;}

.pc #idx_content .idx_new li:nth-child(1) {background-size: auto 40%; background-position:top 2vw right 2vw;}
.pc #idx_content .idx_new li:nth-child(2) {background-size: auto 40%; background-position:top 2vw right 2vw;}
.pc #idx_content .idx_new li:nth-child(3) {background-size: auto 40%; background-position:top 2vw right 2vw;}

.pc #sbn_side_sec img {height:100%;}

}


@media (max-width:1440px) {

.pc #idx_bn_right {padding:40px 0 30px;}
.pc #idx_bn_right.swiperWrap {width:35%;}
/* .pc #idx_bn_right .mySwiper1 li {width:100% !important;}
.pc #idx_bn_right .mySwiper1 li img {max-width: 55%;}
.pc #idx_bn_right .mySwiper1 li h6 {margin: 0 0 0px;} */

.pc #idx_content .idx_new li strong {margin: 0 0 3vw; font-size:160%;}
.pc #idx_content .idx_new li p {font-size:100%;}

.pc #sbn_side_sec img {height:auto;}

}


@media (max-width:1200px) {

.pc #idx_bn_right h2 {margin: 0 0 5px; font-size:150%;}
/* .pc #idx_bn_right .mySwiper1 li img {max-width: 50%;} */

.pc #idx_content {flex-wrap:wrap;}

.pc #idx_content .idx_new_left {width:100%; max-width:100%; padding: 0 0 40px;}
.pc #idx_content .idx_new ul {flex-direction: row;}

.pc #idx_content .idx_new li {width:32%; padding:3vw;}
.pc #idx_content .idx_new li strong {margin: 0 0 3vw; font-size:150%;}
.pc #idx_content .idx_new li p {word-break:keep-all; line-height:130%;}
.pc #idx_content .idx_new li p br {display:none;}

.pc #idx_content .idx_new li:nth-child(1) {background-size: auto 30%; background-position:top 3vw right 3vw;}
.pc #idx_content .idx_new li:nth-child(2) {background-size: auto 30%; background-position:top 3vw right 3vw;}
.pc #idx_content .idx_new li:nth-child(3) {background-size: auto 30%; background-position:top 3vw right 3vw;}

.pc #sbn_side_sec {width:100%;}

.pc #idx_bannder img {max-width:140%;}

}

@media (max-width:1024px) {

.pc #idx_bn_right {padding:30px 0 20px;}
.pc #idx_bn_right .mySwiper1 li span {font-size:90%;}
.pc #idx_bn_right .mySwiper1 li h6 {font-size:110%;}
.pc #idx_bn_right .mySwiper1 li > p { font-size:95%;}

.pc #idx_content .idx_new li strong {font-size:130%;}
.pc #idx_content .idx_new li p {font-size:95%;}

.pc #sbn_side_sec {justify-content: space-between;}
.pc #sbn_side_sec div {width:48%;}

}