/*---common css---*/

:root {
	/*color*/
	--color-point: #c4151c;
	--color-kakao: #ffc401;
	--color-kakao-text: #442f01;
	--color-naver: #00c13a;

	/*font-size*/
	--font-size-13: 0.813rem;
	--font-size-14: 0.875rem;
	--font-size-15: 0.938rem;
	--font-size-16: 1rem; 
	--font-size-17: 1.0625rem; 
	--font-size-18: 1.125rem;
	--font-size-20: 1.25rem; 
	--font-size-21: 1.313rem; 
	--font-size-22: 1.375em; 
 	--font-size-23: 1.438rem; 
	--font-size-24: 1.5rem; 
	--font-size-25: 1.563rem; 
	--font-size-26: 1.625rem;
	--font-size-27: 1.688rem; 
	--font-size-28: 1.75rem; 
	--font-size-30: 1.875rem; 
	--font-size-31: 1.938rem; 
	--font-size-32: 2rem; 
 	--font-size-38: 2.375rem; 
	--font-size-42: 2.625rem; 
	
	--font-size-50: 3.125rem; 
	--font-size-58: 3.625rem; 
	--font-size-65: 4.063rem; 
	--font-size-80: 5rem;
	--font-size-82: 5.125rem;
	/*font-weight*/
	--font-l: 300;
	--font-r: 400;
	--font-m: 500;
	--font-sb: 600;
	--font-b: bold;
	--font-eb: 800;
	--font-bl: 900;
}

/*color*/

.fc_point01 {color: var(--color-point);}

/*font size*/
.fs_13{font-size: var(--font-size-13);}
.fs_14{font-size: var(--font-size-14);}
.fs_15{font-size: var(--font-size-15);}
.fs_16{font-size: var(--font-size-16);} 
.fs_17{font-size: var(--font-size-17);} 
.fs_18{font-size: var(--font-size-18);}
.fs_20{font-size: var(--font-size-20);} 
.fs_21{font-size: var(--font-size-21);} 
.fs_22{font-size: var(--font-size-22);} 
.fs_23{font-size: var(--font-size-23);} 
.fs_24{font-size: var(--font-size-24);} 
.fs_25{font-size: var(--font-size-25);} 
.fs_26{font-size: var(--font-size-26);}
.fs_27{font-size: var(--font-size-27);} 
.fs_28{font-size: var(--font-size-28);} 
.fs_30{font-size: var(--font-size-30);}
.fs_31{font-size: var(--font-size-31);}
.fs_32{font-size: var(--font-size-32);}
.fs_38{font-size: var(--font-size-38);}

.fs_42{font-size: var(--font-size-42);}
.fs_50{font-size: var(--font-size-50);}
.fs_58{font-size: var(--font-size-58);}
.fs_65{font-size: var(--font-size-65);}
.fs_80{font-size: var(--font-size-80);}
.fs_82{font-size: var(--font-size-82);}

/*font weight*/
.font_l{font-weight: var(--font-l);}
.font_r{font-weight: var(--font-r);}
.font_m{font-weight: var(--font-m);}
.font_sb{font-weight: var(--font-sb);}
.font_b{font-weight: var(--font-b);}
.font_eb{font-weight: var(--font-b);}
.font_bl{font-weight: var(--font-bl);}


/*text-motion*/
.j_motion.common_motion{transform: translateY(25px);opacity: 0;transition: transform .8s ease, opacity .4s;}
.j_motion.common_motion.on {transform: translateY(0);opacity: 1;}

.j_delay_01{transition-delay: .2s !important;}
.j_delay_02{transition-delay: .4s !important;}
.j_delay_03{transition-delay: .6s !important;}
.j_delay_04{transition-delay: .8s !important;}
.j_delay_05{transition-delay: 1s !important;}
.j_delay_06{transition-delay: 1.2s !important;}
.j_delay_07{transition-delay: 1.4s !important;}
.j_delay_08{transition-delay: 1.6s !important;}
.j_delay_09{transition-delay: 1.8s !important;}
.j_delay_10{transition-delay: 2s !important;}
.j_delay_11{transition-delay: 2.2s !important;}



/*--- common ---*/
.j_inner {max-width:1400px; width:96%; margin:0 auto; position:relative;}
.j_inner02 {max-width:1400px; width:96%; margin:0 auto; position:relative; padding:120px 0;}
.topBannerContent {max-width:1920px; width:100%; margin:0 auto; position:relative;}
.tbClose {position:absolute; width:16px; height:16px; right:13.3%; top:30%; }
.tbClose span {display:block; width:100%; height:2px; background:#ffffff; position:absolute; }
.tbClose span:nth-of-type(1) {transform: rotate(45deg);}
.tbClose span:nth-of-type(2) {transform: rotate(-45deg);}
.pd73 {padding:73px 0;}
.mo_br {display:none;}

.mo_img {display:none;}


@media screen and (max-width:860px){
.mo_img.mainT {display:block;}

.topBanner.mainT .pc_img {display:none;}
}

@media screen and (max-width:720px){
.mo_img {display:block;}
.pc_img {display:none;}
.pd73 {padding:40px 0;}
.fs_24 {font-size:16px;}
.fs_31 {font-size:18px;}
.j_inner02 {padding:40px 0;}
.mo_br {display:block;}
}

/*topBanner*/

/*--- header ---*/
#j_header {position:fixed; transition: 0.28s; left: 0;   top: 70px;z-index: 99; width:100%; background:#fff;}
#j_header.active {top:-100px;}
#j_header.active .hdTop {border-bottom:none;}
/*#j_header.active .utiiActive {display:block;}*/
/*#j_header.active .utiiActive figure img {width:80%;}*/

.hd_inner {max-width:1400px; width:92%; margin:0 auto;}

.hdTop {position:relative; padding:34px 0; border-bottom:1px solid #eeeeee;}
.hdLogo {text-align:center;}
.hdMyMenu {    position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.hdMyMenu>ul {    display: flex;  align-items: center;}
.hdMyMenu>ul> li:nth-of-type(2) figure{position:relative;}
.hdMyMenu>ul> li:nth-of-type(2) figure i{position:absolute; right:-5px; top:-5px; width:20px; height:20px; border-radius:50%; color:#fff; font-weight:500; background:#fe146d; line-height:20px; text-align:center; }
.hdMyMenu>ul> li + li {margin-left:20px;}

.hdLeft {display:flex; align-items:center;}
.hdBottom {padding:34px 0; display:flex; align-items:center; justify-content: space-between;}
.hdBottom > .hdLeft > .j_gnb  {display:flex; height:100%; align-items:center;}
.hdBottom > .hdLeft > .j_gnb li {height:100%;}
.hdBottom > .hdLeft > .j_gnb li a {font-size:1.125rem; font-weight:600; padding:0 20px; display:block; height:100%; transition:0.28s;}
.hdBottom > .hdLeft > .j_gnb li a:hover {color:#2c51c3;}
.hdBottom > .hdLeft > .j_gnb li:first-child a {padding-left:0;} 

.allHdCate {width:27px; height:18px;position:relative;}
.allHdCate:hover span{background:#2c51c3;}
.allHdCate span {display:block; position:absolute; width:100%; background:#000; height:2px; transition:0.28s; }
.allHdCate span:nth-of-type(1) {text-align:right; max-width:17px; top:0; right:0;}
.allHdCate span:nth-of-type(2) {top: 50%;transform: translateY(-50%);}
.allHdCate span:nth-of-type(3) {max-width:17px;bottom:0;}
.allHdCate:hover span:nth-of-type(1) {max-width:100%;}
.allHdCate:hover span:nth-of-type(3) {max-width:100%;}

.hdCateBox {margin-right: 50px; position:relative;} 
.allSideMenu {position: absolute; width: 230px; top: 270%; padding: 15px; background: #fff;border-radius: 10px; z-index: 50; box-shadow: 0px 10px 24px 0px rgba(0, 0, 0, 0.11); display:none;}
.allSideMenu > .j_gnb > li > a {font-size: 1.25rem; font-weight: 700; padding: 15px 0; display: block; width: 100%; transition: 0.28s;}
.allSideMenu > .j_gnb > li > a:hover {color:#2c51c3;}
.allSideMenu > .j_gnb > li > a i {position:relative;}
.allSideMenu > .j_gnb > li > a i:after {content:''; height:2px; background:#2c51c3; width:0; transition:0.28s; position:absolute; left:0; bottom:-2px;} 
.allSideMenu > .j_gnb > li > a:hover i:after  {width:100%;}

.hdUtiiBox > ul {display:flex; align-items:center;}
.hdUtiiBox > ul > li {margin:0 15px; position:relative;}

.hdUtiiBox > ul > li:after {position:absolute; left:-15.5px; top:50%; transform:translateY(-50%); width:1px; height:18px; background:#dddddd; content:'';}
.hdUtiiBox > ul > li > a {display:block; font-size:0.938rem; color:#666666; font-weight:600; /* border-left:1px solid #dddddd; */ transition:0.25s;}
.hdUtiiBox > ul > li > a:hover {color:#2c51c3;}
.hdUtiiBox > ul > li:first-child:after{display:none;}
.hdUtiiBox > ul > li:first-child {margin-left:0;}
.hdUtiiBox > ul > li:last-child {margin-right:0;}

.hdUtiiBox > ul > li.on > a {color:#2c51c3;}

.hdUtiiBox > ul > li > a.j_pho {position:relative;}
.hdUtiiBox > ul > li > a.j_res {position:relative;}

.hdUtiiBox > ul > li > a.j_pho:after {content:''; position:absolute; background:url('/img/icon/j_pho.png') no-repeat center / cover; width:20px; height:20px; left:50%; transform:translateX(-50%); top:-23px;}
.hdUtiiBox > ul > li > a.j_res:after {content:''; position:absolute; background:url('/img/icon/j_res.png') no-repeat center / cover; width:46px; height:21px; left:60%; transform:translateX(-50%); top:-23px; animation:bounce 1s infinite alternate;}

#j_header .utiiActive figure img {width:80%;}
.utiiActive {display:none;}
.utiiActive.moveUtil figure i{position:absolute; right:-5px; top:-5px; width:20px; height:20px; border-radius:50%; color:#fff; font-weight:500; background:#fe146d; line-height:20px; text-align:center; }

@keyframes bounce{
   0%{transform:translate(-50%,-3px);}
   100%{transform:translate(-50%,5px);}
}  

@media screen and (max-width:1080px){
#j_header {top:38px;}
.hdBottom > .hdLeft > .j_gnb li a { padding:0 10px;}
.hdUtiiBox > ul > li {margin:0 10px;}
.hdUtiiBox > ul > li:after {left: -11.5px;}
}

@media screen and (max-width:980px){
.hdBottom > .hdLeft > .j_gnb {display:none;}
}
@media screen and (max-width:860px){
#j_header {top:110px;}

}

@media screen and (max-width:720px){
#j_header {top:68px;}
.hdTop {padding:20px 0;}
.hdLogo {text-align:unset; width:50%;}
.hdBottom {padding:15px 0; margin-top:8px}
.hdUtiiBox > ul > li > a.j_pho:after {width:15px; height:15px; top: -17px;}
.hdUtiiBox > ul > li > a.j_res:after {width:35px; height:18px;}
#j_header.active {top:-50px;}
.hdCateBox {margin-right:20px;}
#j_header .hdMyMenu figure img {width:80%;}
.hdMyMenu>ul> li + li {margin-left:5px;}
.hdUtiiBox > ul > li.partnerMove {margin:5px 0; }
.hdUtiiBox > ul > li.partnerMove:after {display:none;}
.hdUtiiBox > ul {flex-wrap:wrap; }
.tbClose { position: absolute;  width: 16px; height: 16px;right: 8.3%; top: 10%;}

}



/*mainVisual*/
#mainVisual {margin-top:190px;}
.mv_swip {padding-bottom:50px;}
.mv_swip .swiper-slide {border-radius:20px; overflow:hidden; box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.1);}
.mv_swip .swiper-slide img{border-radius:20px; overflow:hidden; }
.mv_swip .swip_page {bottom:0;}
.mv_swip .swip_page .swiper-pagination-bullet {width:12px; height:12px; background:#cccccc; transition: 0.28s;}
.mv_swip .swip_page .swiper-pagination-bullet.swiper-pagination-bullet-active {width:37px; background:#fe146d; border-radius:6px;}
#mainVisual .pc_img {position:relative;}
.navi_box { height:44px; margin: 0 auto; display:flex; justify-content: space-between; position: absolute; top: 50%; width: 100%; left: 50%; transform: translate(-50%, -50%); z-index:20;}


.swiper-button-next {background: url(/img/icon/mv_next.png) no-repeat center / cover;  width:31px; height:59px; right:-64px;}
.swiper-button-prev {background: url(/img/icon/mv_prev.png) no-repeat center / cover;  width:31px; height:59px; left:-64px;}
.swiper-button-next::after, .swiper-button-prev::after {display: none;}

@media screen and (max-width:1620px){
#mainVisual {margin-top:200px;}
.swiper-button-next {right:-13px}
.swiper-button-prev {left:-13px;}
}

@media screen and (max-width:1080px){
#mainVisual {margin-top:200px;}
.swiper-button-next {right:-8px; height:31px}
.swiper-button-prev {left:-8px; height:31px;}
}

@media screen and (max-width:720px){
#mainVisual {margin-top:125px;}
.swiper-button-next {right:5px; height:15px}
.swiper-button-prev {left:5px; height:15px;}
.mv_swip {padding-bottom:30px;}
}



/*boardNavi*/
.borderNavi {max-width:1142px; margin:0 auto; width:92%;}
.boardNaviList {display:flex; justify-content:space-between; padding:72px 0;}
.boardNaviList li {text-align:center; position:relative;}
.boardNaviList li i { display:block; margin-top:12px;}
.boardNaviList li:nth-of-type(2):after {content:''; animation: blink 1s infinite; position:absolute; top:-20px; left:50%; transform:translateX(-50%); width:33px; height:12px; background:url('/img/icon/stars.png') no-repeat center / cover; display:none;}
.boardNaviList li:nth-of-type(3):after {content:''; animation: blink 1s infinite; position:absolute; top:-20px; left:50%; transform:translateX(-50%); width:33px; height:12px; background:url('/img/icon/stars.png') no-repeat center / cover; display:none;}

@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@media screen and (max-width:767px){
.boardNaviList {flex-wrap:wrap;}
.boardNaviList li {width:calc((100% - 10px*5)/6); margin-right:10px;}
.boardNaviList li figure img {width:100%;}
.boardNaviList li:nth-of-type(6n) {margin-right:0;}
.boardNaviList li i {font-size:11px;}
/* .boardNaviList li:nth-of-type(n + 4) {margin-top:10px;} */
}


@media screen and (max-width:720px){
.boardNaviList {padding:40px 0;}
}



/*prodCommon*/
.wb{word-break:keep-all;}
.prodLoop {display:flex; justify-content:space-between; align-items:baseline;}
.prodLoop p {color:#3c3c3c;}
.prodLoop a {color:#333333; display: flex; align-items: center;gap: 10px;}
.prodContent {margin-top:38px;}
.prodList {display:flex; flex-wrap:wrap;}
.prodList>li {width:calc((100% - 20px*3)/4); margin-right:20px;}
.prodList>li:nth-of-type(4n) {margin-right:0;} 
.prodList>li:nth-of-type(n + 5) {margin-top:56px;}
.prodImg {text-align:center; border-radius:15px; border:1px solid #eaeaea; overflow:hidden; background:#fff; position:relative; padding: 50% 0;}
.prodImg img { /*   width: 100%; height: 100%;*/  vertical-align: middle;  position: absolute; top: 0;left: 0; right: 0;bottom: 0;  max-width: 100%; max-height: 100%; margin: auto; transition: transform .3s;}
.prodImg:hover img{ transform: scale(1.1);}   
.prodInfo {margin-top:30px;}
.prodTit  {max-width:288px; width:100%; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.prodSubTit {color:#777777; margin-top:5px; max-width:288px; width:100%; white-space:nowrap; text-overflow: ellipsis; overflow:hidden;}
.priceBox {margin-top:10px;}
.priceBox p {display:flex; align-items:center;}
.saleT {color:#d3233a; margin-right:8px;}
.priceT  {margin-right:5px;}
.descT {color:#cccccc;  text-decoration:line-through }



@media screen and (max-width:1080px){
	.prodList>li {width:calc((100% - 10px)/2); margin-right:10px;}
	.prodList>li:nth-of-type(2n) {margin-right:0;} 
	.prodList>li:nth-of-type(n + 3) {margin-top:30px;}
}

@media screen and (max-width:720px){
.prodLoop a {gap:5px;}
.prodLoop a i img {width:60%;}
.priceT  {font-size:22px;}
.prodContent {margin-top:19px;}
}




/*bottombanner*/
#bottomBanner {padding:50px 0;}
.mv_swip02 {padding-bottom:50px;}
.mv_swip02 .swiper-slide {border-radius:20px; overflow:hidden; box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.1);}
.mv_swip02 .swiper-slide img{border-radius:20px; overflow:hidden; }
.mv_swip02 .swip_page {bottom:0;}
.mv_swip02 .swip_page .swiper-pagination-bullet {width:12px; height:12px; background:#cccccc; transition: 0.28s;}
.mv_swip02 .swip_page .swiper-pagination-bullet.swiper-pagination-bullet-active {width:37px; background:#fe146d; border-radius:6px;}
#bottomBanner .pc_img {position:relative;}
.navi_box02 {height:44px; margin: 0 auto; display:flex; justify-content: space-between; position: absolute; top: 50%; width: 100%; left: 50%; transform: translate(-50%, -50%); z-index:20;}


.swiper-button-next02 {background: url(/img/icon/mv_next.png) no-repeat center / cover;  width:31px; height:59px; cursor:pointer; right:-64px; position:absolute;}
.swiper-button-prev02 {background: url(/img/icon/mv_prev.png) no-repeat center / cover;  width:31px; height:59px; cursor:pointer; left:-64px; position:absolute;}
.swiper-button-next::after, .swiper-button-prev::after {display: none;}

@media screen and (max-width:1620px){
.swiper-button-next02 {right:-40px}
.swiper-button-prev02 {left:-40px;}
}

@media screen and (max-width:1530px){
.swiper-button-next02  {right:-15px;}
.swiper-button-prev02 {left:-15px;}
}


@media screen and (max-width:1080px){
.swiper-button-next02 {right:-10px; height:31px}
.swiper-button-prev02 {left:-10px; height:31px;}
}

@media screen and (max-width:720px){
.swiper-button-next02 {right:5px; height:15px}
.swiper-button-prev02 {left:5px; height:15px;}
.navi_box02 {height:20px;}
#bottomBanner {padding:0 0 40px;}
}




/*healthProd*/

.healthProd {background:#f4f6fc;}

/*skinProd*/

/*hangoverProd*/

.hangoverProd {background:#f4f6fc;}


/*photoSection*/
.photoSwip {margin-top:30px;}
.photoSwip .swiper-slide figure img {width:100%;}

.swiper-button-next03 {background: url(/img/icon/mv_next.png) no-repeat center / cover;  width:31px; height:59px; cursor:pointer;  right:-64px; position:absolute;}
.swiper-button-prev03 {background: url(/img/icon/mv_prev.png) no-repeat center / cover;  width:31px; height:59px; cursor:pointer; left:-64px;  position:absolute;}
.swiper-button-next::after, .swiper-button-prev::after {display: none;}

.photoTit {margin-top:28px;}


@media screen and (max-width:1530px){
.swiper-button-prev03 {left:-15px;}
.swiper-button-next03 {right:-15px;}
}


@media screen and (max-width:720px){
.photoTit {margin-top:14px;}
.swiper-button-prev03 {left:5px; height:15px;}
.swiper-button-next03 {right:5px; height:15px;} 
.navi_box {height:15px;}
}




/*depositSwip*/

.liveList {  display:flex; justify-content:space-between;}
.liveList > li {padding:38px 38px 30px; box-sizing:border-box;  border-radius:20px; width:calc((100% - 40px)/2); margin-right:40px;}
.liveList > li:nth-of-type(1) {background:#f4f6fc;}
.liveList > li:nth-of-type(2) {margin-right:0; border:1px solid #eaeaea;}

.depositSwip {height:186px; margin-top:30px;} 
.depositSwip .swiper-slide{width:100%;background:#fff; border-radius:21px; padding:14px 24px; box-sizing:border-box;}
.depContent {height:100%;display:flex; justify-content:space-between; align-items:center;}
.depTime {color:#888888;}
.liveTit {display:flex; justify-content:space-between;}

.liveBoard  {padding:73px 0 105px;}
.useTime {color:#888888;}
.useList {margin-top:20px;}
.useList > li {display:flex; align-items:center; justify-content:space-between; padding:13px 8px; box-sizing:border-box; border-top: 1px solid #888888;}
.useList > li h2 {max-width:300px; text-overflow: ellipsis; overflow: hidden;white-space: nowrap;}

@media screen and (max-width:940px){
.liveList {flex-wrap:wrap;}
.liveList li {width:100%; margin-right:0;}
.liveList > li {padding:15px;}
.liveList > li + li {margin-top:20px;}
.liveBoard {padding:0px 0 60px;}
}



/*noticeBar*/

.noticeBar {background:#222222; padding:25px 0;}
.noticeBar .j_inner {display:flex; color:#fff;} 
.noticeSwip .swiper-slide {display:flex; justify-content:space-between; align-items:center;}
.noticeSwip .swiper-slide h3 {max-width:235px; text-overflow: ellipsis; overflow: hidden;white-space: nowrap;}
.noticeSwip .swiper-slide p {color:#d0d0d0;}
.noticeSwip .swiper-wrapper{	transition-timing-function: linear;}
.noticeSwip {max-width:1252px; width:100%;}

.noticeBtn {display:flex; align-items:center; gap:20px;}
.noticeBtn i img {display:block;}

.noticeTit {width:80px;}
.noticeBtn {width:80px;}

@media screen and (max-width:720px){
.noticeTit {position:absolute; top:-17px;}
.noticeBtn {width:45px; position:absolute; top:-17px; right:0; gap:5px;}
}





/*footer*/
.j_footer {padding:48px 0; background:#232323;} 
.ftLoop {display:flex; align-items:center; justify-content: space-between; margin-bottom:40px;}
.ftUtil {display:flex; align-items:center;}
.ftUtil li a {display:block; color:#7b7b7b;}
.ftUtil li + li {margin-left:20px;}
.ftLeft {padding-top:21px;}
.ftLeft p {color:#656565; line-height:1.8em;}
.ftLeft p.copy_p {margin-top:33px;}

.ft_tel_p {color:#fff; }
.ft_tel_p i {margin-right:7px;}
.ftRight {text-align:right;}
.ftRight a {display:block; color:#fff; margin-top:13px;}
.ft_sche_p {color:rgba(255, 255, 255, 0.6); line-height:1.85em; margin-top:16px;}

.ftContent {display:flex; justify-content: space-between;}

@media screen and (max-width:870px){
.j_footer {padding:20px 0;}
.ftLoop {flex-wrap:wrap; justify-content: center; margin-bottom: 20px;}
.ft_logo {width:100%; text-align:center;}
.ftUtil {margin-top:20px; width:100%;  justify-content: center;}
.ftContent {flex-wrap:wrap;  flex-direction: column-reverse;}
.ftRight {text-align:center;}
.ftLeft {padding-top:10px;}
.ftLeft p {text-align:center; word-break:keep-all;}
.ftLeft p.copy_p {margin-top:10px;}
.ft_tel_p  {display:flex; align-items:center; justify-content:center;}
.ft_tel_p i img {max-width:unset; display:block; width:14px; height:12px;}
}

/*상품 카테고리 제목*/
.caName {text-align:center; margin-bottom:40px;}



/*로그인, 회원가입 - 로그인*/
.mbWrap{padding: 80px 0;}
.mbInner{width: 92%;max-width: 620px;margin: 0 auto;}
.regInner{width: 92%;max-width: 800px;margin: 0 auto;}
.mbTitle{font-size: 2.25rem;font-weight: 700;text-align: center;margin-bottom: 40px;}

.mbsubTitle {margin-bottom:20px; animation: blink 1.2s infinite; word-break:keep-all;}

.comInput{font-size: .9375rem;line-height: 50px;border: 1px solid #dbdbdb;padding: 0 15px;font-weight: 400;border-radius: 5px;outline: none;overflow: hidden;}
.comInput:focus{outline: none;}
.comInput::placeholder{color: #999;font-size: .9375rem;}
.comInput_w100{display: block;width: 100%;}

.mbSave{display: flex;align-items: center;justify-content: space-between;font-size: .875rem;font-weight: 400;}

.mbCheck{position: relative;}
.mbCheck input[type=checkbox] + label{display: flex;align-items: center;gap: 8px;cursor: pointer;}
.mbCheck input[type=checkbox] + label span{width: 20px;height: 20px;border: 1px solid #dbdbdb;background: #FFF;}
.mbCheck input[type=checkbox]:checked + label span{background: url(/img/chk.png) no-repeat 50% 50% #fe146d;border-color: #fe146d;}

.mb_btnBox{margin-top: 20px;}
.mbBtn{display: block;width: 100%;text-align: center;line-height: 50px;border: 1px solid #ccc;border-radius: 5px;font-weight: 400;color: #888;font-size: .9375rem;overflow: hidden;}
.mbBtn_01{background: #2c51c3;border-color: #2c51c3;color: #FFF;font-weight: 600;}

@media screen and (max-width: 720px){ 
	
	.mbWrap{padding: 60px 0;}

	.mbTitle{margin-bottom: 30px;}

	.comInput{line-height: 45px;padding: 0 13px;font-size: 13px;}

	.mbSave, .mbBtn{font-size: 13px;}
	.mbBtn{line-height: 45px;}
}

/*로그인, 회원가입 - 회원가입 약관*/
.regNavi{display: flex;align-items: center;justify-content: center;gap: 24px;margin-bottom: 40px;}
.regNavi li{font-size: .9375rem;font-weight: 600;color: #979797;position: relative;}
.regNavi li.on{color: #000;}
.regNavi li::after{content: "\e93f";font-family: xeicon!important;position: absolute;top: -1px;left: calc( 100% + 3px );z-index: 1;font-size: 1.13rem;}
.regNavi li:last-child::after{display: none;}

.mbInfobox{padding: 20px;background: #f4f4f4;border-radius: 5px;overflow: hidden;}

.regTerms{margin-top: 35px;}
.regTerms>h4{font-size: 1.13rem;font-weight: bold;padding-bottom: 13px;margin-bottom: 15px;border-bottom: 2px solid #000;}
.regTerms .mbCheck{font-size: .875rem;font-weight: 400;margin-bottom: 15px;}
#fregister textarea{border: 1px solid #dbdbdb;background: #FFF;font-size: .875rem;padding: 20px 5%;font-weight: 400;outline: none;resize: vertical;}

.regTable, .regTable th, .regTable td{font-size: .875rem !important;font-weight: 400;}
.regTable th{font-weight: 500;background: #f4f4f4;}
.regTable td{padding: 13px 15px;border-color: #dbdbdb;}
.regTable .regTcolor td{background: #f9f9f9;font-weight: 500;}

.mb_flexBox{display: flex;align-items: center;justify-content: center;gap: 5px;}

@media screen and (max-width: 720px){ 
	
	.regNavi{margin-bottom: 25px;}

	.mbInfobox{padding: 15px;}
	
	.regTerms{margin-top: 30px;}
	.regTerms>h4{font-size: 16px;padding-bottom: 12px;margin-bottom: 14px;}
	.regTerms .mbCheck{font-size: 13px;margin-bottom: 14px;}
	#fregister textarea{height: 150px;font-size: 13px;}

	.regTable, .regTable th, .regTable td{font-size: 12px !important;}
}

/*로그인, 회원가입 - 정보입력*/
.regTerms>h4.regGen{display: flex;align-items: flex-end;justify-content: space-between;margin-bottom: 25px;}
.regGen span{font-size: .875rem;font-weight: 500;color: #979797;}
.regGen span i{color: #F00;}

.regBox li{margin-bottom: 20px;}
.regBox li:last-child{margin-bottom: 0;}

.regText{display: block;font-size: .9375rem;font-weight: 500;margin-bottom: 8px;}
.regText b{color: #F00;}

.regInfo, #captcha #captcha_info{display: block;font-size: .875rem;font-weight: 400;margin-top: 8px;color: #888;}

.regCheck label{font-size: .9375rem;}

@media screen and (max-width: 720px){ 
	
	.regGen span{font-size: 12px;}
	.regText, .regCheck label{font-size: 13px;}
	.regInfo, #captcha #captcha_info{font-size: 12px;}
}

/*로그인, 회원가입 - 회원가입완료*/
.regResult{text-align: center;}

.regResult h2{font-weight: 400;margin-bottom: 20px;}
.regResult h2 b{font-weight: 700;}
.regResult p{font-size: .875rem;font-weight: 400;line-height: 180%;border: 1px solid #dbdbdb;border-radius: 5px;overflow: hidden;padding: 33px 20px;}

/*비회원구매*/
.guestWrap{margin-top: 40px;}
.guestWrap p{font-size: .875rem;text-align: center;}
.guestWrap .mb_btnBox{margin-top: 10px;}

@media screen and (max-width: 720px){ 
	
	.guestWrap p{font-size: 13px;}
}

.mb_t10 {margin-top:10px;}
.bt_color {border-top: 1px solid #e7b5c8;}


/*---mypage css---*/

/*common*/
.myWrap{width: 90%;max-width: 1400px;margin: 0 auto;padding: 50px 0;padding-top: 0;}

.nwBtn-wrap{display: flex;gap: 5px;}
.nwBtn{font-size: .875rem;border: 1px solid #ccc;background: #FFF;border-radius: 5px;overflow: hidden;padding: 8px 15px;font-weight: 500;color: #999;}
.nwBtn-1{background: #000;border-color: #000;color: #FFF;font-weight: 700;}





@media screen and (max-width: 720px){ 

	.nwBtn-wrap a{flex: 1;text-align: center;}
	.nwBtn{padding: 10px 5px;font-size: 13px;}
}

/*-- mypage - profile --*/
.myProfile{display: flex;align-items: center;justify-content: space-between;padding: 28px;background-color: #F6F6F6;border-radius: 8px;overflow: hidden;}

.myName h4{font-size: 1.5rem;font-weight: 400;margin-bottom: 10px;}
.myName h4 b{font-weight: bold;}
.myName p{font-size: .875rem;font-weight: 700;margin-bottom: 25px; color:#fe146d;}

.myInfo{display: flex;justify-content: flex-end;width: 75%;}
.myInfo li{border-left: 1px solid #ddd;padding: 0 25px; text-align:center;}
.myInfo li h4{font-size: 1rem;font-weight: 600;margin-bottom: 18px;}
.myInfo li span{font-size: .9375rem;font-weight: 400;line-height: 150%;}

/*-- mypage - myList --*/
.myList{margin-top: 50px;}
.myList>h4{font-size: 1.5rem;font-weight: bold;margin-bottom: 15px;}

#sod_inquiry li:first-child{border-top-color: #000;}
#sod_inquiry li .idtime_link, #sod_inquiry li .inquiry_price{font-size: 1rem;}
#sod_inquiry li .inquiry_name{margin-top: 5px;}

#myWish{display: flex;gap: 10px;}
#myWish li{width: calc( ( 100% - 40px ) / 5 );}

.wish_img{margin-bottom: 15px;}
.wish_img img{display: block;width: 100%;height: auto;}
.wish_info a, .wish_info span{display: block;}
.wish_info a{font-weight: 600;margin-bottom: 5px; word-break:keep-all;}
.wish_info span{font-weight: 400;color: #999;}

@media screen and (max-width: 1680px){ 

	.myProfile{display: block;}
	
	.myInfo{justify-content: flex-start;margin-top: 30px;}
	.myInfo li:first-child{border-left: none;padding-left: 0;}
	.myInfo li h4{margin-bottom: 13px;}
	.myInfo li span{white-space: nowrap;}
}

@media screen and (max-width: 1080px){ 

	.myList{margin-top: 30px;}
}

@media screen and (max-width: 960px){ 

	.myProfile{padding: 22px;}

	.myInfo{display: block;margin-top: 20px;width: 100%;}
	.myInfo li{width: 100%;padding: 0;border-left: none;border-bottom: 1px solid #ddd;padding-bottom: 9px;margin-bottom: 12px;}
	.myInfo li:last-child{padding-bottom: 0;margin-bottom: 0;border-bottom: none;}
	.myInfo li h4{margin-bottom: 5px;}
}

@media screen and (max-width: 720px){ 

	.myProfile{padding: 20px;}

	.myName h4{font-size: 20px;}
	.myName p{font-size: 13px;margin-bottom: 20px;}

	.myInfo li h4{font-size: 14px;}
	.myInfo li span{font-size: 13px;white-space: normal;word-break: keep-all;}
	
	#sod_inquiry li{padding: 15px 0;}
	#sod_inquiry li .idtime_link, #sod_inquiry li .inquiry_name{font-size: 14px;}
	#sod_inquiry li .inquiry_name{line-height: 160%;}
	#sod_inquiry li .inquiry_price{font-size: 16px;}

	#myWish li{width: calc( ( 100% - 10px ) / 2 );}
	.wish_info a{font-size: 14px;}
}

/*장바구니*/

.cart_list_table_wrap {width: 100%; overflow-x: auto; overflow-y: hidden;} 
.j_cart_list span b {color:#09847f;}
.cart_list_table {width:100%; margin-top: 13px; min-width:1400px;}
.cart_list_table thead {background:#f8f8f8;}
.cart_list_table thead tr th {padding: 15px 0; border: 1px solid #ccc;border-top: 1px solid #000;font-size: 1rem;}
.cart_list_table tbody {border-bottom:1px solid #ddd;}
.cart_list_table tbody tr td.pro_name_td {}
.cart_list_table tbody tr + tr {border:1px solid #ddd;}
.cart_list_table tbody tr td {border:1px solid #ddd;padding: 13px;}
.pro_name_list li {display:inline-block; vertical-align:middle;}
.pro_name_list li h2 {  overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; width:330px;}

.pro_name_list li + li {margin-left:10px;}
.pro_name_list li button {margin-bottom:3px;}
.option_cart {border-right:1px solid #ddd;}

.option_cart_list li {display:flex; box-sizing:border-box;}
.option_cart_list li p {max-width:515px; margin-right:25px; padding: 0 8px;}
.option_cart_list li + li {border-top:1px solid #ddd;}
.option_cart_list li button {margin-left:15px;  }
.option_cart_list li button img {max-width:none;}

.option_cart_list .chang_op {display:block;width:90px;height:40px;line-height:40px; text-align:center; border:1px solid #ddd; text-align:center;color: #343434;font-size: .9375rem;font-weight: 400;    border-radius: 5px;
    overflow: hidden;    cursor: pointer;}
.option_cart_list.en .chang_op {width:90px; height:50px; text-align:center; border:1px solid #333; text-align:center; display: flex; align-items:center; line-height:unset;}

.total_cart {text-align:right; margin-top:55px;}
.total_cart p i {color:#09847f;}

.cart_sub_btn {display:flex; justify-content:center; margin-top: 50px;}
.cart_sub_btn li button {width:226px; height:56px; line-height:56px; text-align:center; color:#fff; background:#09847f; border-radius: 5px;}
.cart_sub_btn li:nth-of-type(2) button {background:#fff; border: 1px solid #ddd; color:#333; margin-left: 10px;}





@media screen and (max-width:767px){ 

	.cart_list_table {min-width: 1000px;}
	.total_cart {margin-top:20px;}
	.cart_sub_btn {margin-top:35px;}
	.cart_sub_btn li button {width:140px;}
}


/*quick_line*/

.quick_line {position:fixed; right:50px; top:50%; z-index:9999;}
.quick_line ul {display: flex; flex-direction:column; gap:11px;}
.quick_line ul li figure {box-shadow: 0px 2px 40px 0 rgba(0, 0, 0, 0.1); border-radius:50%;}
.quick_line ul li a {display:block;  border-radius:50%; box-shadow: 0px 2px 40px 0 rgba(0, 0, 0, 0.1); }


.quick_line02  {position:fixed; right:20px; top:40%; z-index:9999; cursor:pointer; } 
.quick_line02 figure {animation: bounce02 1s infinite alternate;}


@keyframes bounce02{
   0%{transform:translateY(-10px);}
   100%{transform:translateY(-20px);}
}  

@media screen and (max-width:767px){ 
.quick_line {right:10px;}
.quick_line ul {gap:10px; align-items:center; }
.quick_line ul li {width:44px;}
.quick_line02 {width:137px; top:44%; right:0;}

}



/* add_pop */
.add_pop_wrap {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.9);z-index: 9999;display: none;}
.add_pop_wrap *{color: #fff;}
.add_pop_inner{position: absolute;top: 50%;left: 50%;width: 94%;max-width: 800px;height: 600px;border-radius: 15px;overflow: hidden;transform: translate(-50%,-50%) scale(.9);transition: transform .3s ease;}
#add_wrap_02 .add_pop_inner{height: 250px;}
.add_pop_wrap.active .add_pop_inner{transform: translate(-50%,-50%) scale(1);}

.add_pop_tit{background: #2c51c3;color: #FFF;display: flex;flex-direction: row;align-items: center;justify-content: space-between;padding: 0 25px;}
.add_pop_close{width: 20px;height: 60px;position: relative;}
.add_pop_close span{position: absolute;top: 29px;left: 0;width: 20px;height: 2px;background: #fff;z-index: 1;transition: transform .3s ease; }
.add_pop_close span:nth-child(1){transform: rotate(45deg);}
.add_pop_close span:nth-child(2){transform: rotate(-45deg);}

.add_pop_close:hover span{transform: rotate(0);}

.add_pop_con{background: #FFF;padding: 22px 25px;overflow-y: scroll;height: calc( 100% - 60px );}
.add_pop_con h5{font-size: 1rem;font-weight: bold;margin-bottom: 10px; color:#000;}
.add_pop_con p{font-size: 14px;line-height: 160%;margin-bottom: 25px; color:#000;}



#sod_frm {padding-bottom:73px;}
.tbl_frm01 .frm_info {font-size:15px; font-weight:500;}
@media (max-width: 780px){ 
	.add_pop_con p{font-size: 12px;}
}

/*-- 메인페이지 분류 제목 변경 -> 수정 --*/

.printTitle b{font-weight: var(--font-m);}



/*-- 모든페이지 메인 비주얼 메뉴 삭제 관련 css --*/
#sit {margin-top:270px;}


@media screen and (max-width:1620px){
#sit {margin-top:220px;}

}

@media screen and (max-width:1080px){
#sit {margin-top:200px;}

}

@media screen and (max-width:720px){
#sit {margin-top:140px;}

}

#sod_bsk {margin-top:170px;}

media screen and (max-width:1620px){
#sod_bsk {margin-top:150px;}

}

@media screen and (max-width:1080px){
#sod_bsk {margin-top:130px;}

}

@media screen and (max-width:720px){

#sod_bsk {margin-top:70px;}
}


#sct {margin-top:170px;}


@media screen and (max-width:1620px){
#sct {margin-top:150px;}
}

@media screen and (max-width:1080px){
#sct {margin-top:130px;}

}

@media screen and (max-width:720px){
#sit {margin-top:130px;}

}

.pg_wrap {padding:30px 0 !important;}

.myWrap {margin-top:270px;}

@media screen and (max-width:1620px){
.myWrap {margin-top:220px;}

}

@media screen and (max-width:1080px){
.myWrap {margin-top:200px;}

}

@media screen and (max-width:720px){
.myWrap {margin-top:140px;}

}

#sod_frm {margin-top:270px;}

@media screen and (max-width:1620px){
#sod_frm {margin-top:220px;}

}

@media screen and (max-width:1080px){
#sod_frm {margin-top:200px;}

}

@media screen and (max-width:720px){
#sod_frm {margin-top:140px;}

}

.mbWrap {margin-top:190px;}


@media screen and (max-width:1620px){
.mbWrap {margin-top:140px;}

}

@media screen and (max-width:1080px){
.mbWrap {margin-top:120px;}

}

@media screen and (max-width:720px){
.mbWrap {margin-top:100px;}

}