@charset "utf-8";

@import url(base.css);
@import url(main.css);
@import url(event.css);
@import url(product.css);
@import url(member.css);
@import url(order.css);
@import url(my.css);
@import url(board.css);
@import url(customer.css);
@import url(swiper.min.css);



/*--------------------------*/
/* body */
/*--------------------------*/

body {width:100%; min-width:280px;}
/*2021-11-24*/
body.active_burger {position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; overflow: hidden;}

/*--------------------------*/
/* header */
/*--------------------------*/

header {position:fixed; left:0; top:0; z-index:999; float:left; width:100%; height:50px; padding-top:10px; text-align:center; background:white;}
header.on {border-bottom:1px solid #e5e5e5;}

header h1 {line-height:0;}
header h1 img {height:30px;}

header .navOpen {position:absolute; left:0; top:0; width:40px; height:100%; background:url("../img/common/nav.jpg") 50% 50% / 20px no-repeat;}
header .search {position:absolute; left:40px; top:0; width:40px; height:100%; background:url("../img/common/search.jpg") 50% 50% / 20px no-repeat;}
header .basket {position:absolute; right:40px; top:0; display:block; width:40px; height:100%; background:url("../img/common/basket.jpg") 50% 50% / 20px no-repeat;}
header .interestProduct {position:absolute; right:0; top:0; width:40px; height:100%; background:url("../img/common/interestProduct.jpg") 50% 50% / 18px no-repeat;}
header .basket em,
header .interestProduct em {position:absolute; right:5px; top:5px; min-width:24px; height:20px; display:inline-block; padding:2px 5px 0; font-size:14px; line-height:1em; text-align:center; color:white; background:black; border-radius:12px;}

/*--------------------------*/
/* gnv */
/*--------------------------*/
/*2021-11-24*/
/* #cmm_gnv {position:fixed; left:-290px; top:0; z-index:99999; width:280px; height:100%; background:white;} */
#cmm_gnv {position:fixed; left:-290px; top:0; z-index:99999; width:280px; height:100%; background:white; overflow: auto;}

#cmm_gnv::-webkit-scrollbar {width:3px;} /* 스크롤 바 */
#cmm_gnv::-webkit-scrollbar-track {background-color:#f5f5f5;} /* 스크롤 바 밑의 배경 */
#cmm_gnv::-webkit-scrollbar-thumb {background:#aa7d31;} /* 실질적 스크롤 바 */
#cmm_gnv::-webkit-scrollbar-button {display:none;} /* 스크롤 바 상 하단 버튼 */


#cmm_gnv .top {position:relative; float:left; width:100%; height:55px; padding-right:55px; background:black; border-bottom:5px solid #f0f0f0;}
#cmm_gnv .top .login {float:left; display:block; width:50%; height:100%; padding-top:13px; text-align:center; color:white;}
#cmm_gnv .top .member {float:left; display:block; width:60%; height:100%; text-align:center; color:white;}
#cmm_gnv .top .member p {position:relative; top:10px; overflow:hidden; display:inline-block; width:30px; height:30px; border-radius:50%;}
#cmm_gnv .top .member p img {width:100%; height:100%;}
#cmm_gnv .top .out {position:relative; float:left; width:50%; height:100%; color:white;}
#cmm_gnv .top .out::before {position:absolute; left:0; top:50%; display:block; width:1px; height:20px; margin-top:-10px; content:""; background:#4d4d4d;}
#cmm_gnv .top .member + .out {width:40% !important;}
#cmm_gnv .top .close {position:absolute; right:0; top:0; width:55px; height:100%; background:url("../img/common/navClose.png") 50% 50% / 18px no-repeat;}

#cmm_gnv .interest {float:left; width:100%; height:50px; padding:11px 0 0 20px; background:url("../img/common/arrow_gnvInterest.png") 249px 50% / auto 15px no-repeat; border-bottom:5px solid #f0f0f0;}

#cmm_gnv .tab {float:left; width:100%;}
#cmm_gnv .tab button {float:left; width:50%; height:50px; border-bottom:1px solid black;}
#cmm_gnv .tab button.on {color:#aa7d31; border-top:1px solid black; border-bottom:1px solid #f1f1f1;}
#cmm_gnv .tab button:nth-child(2) {border-left:1px solid black;}


#cmm_gnv .category {float:left; width:100%;}
#cmm_gnv .category button {position:relative; float:left; width:100%; height:50px; padding-left:50px; text-align:left; background-repeat:no-repeat; background-size:26px; background-position:20px 50%; border-bottom:1px solid #f0f0f0;}
#cmm_gnv .category button::after {position:absolute; right:19px; top:50%; width:15px; height:8px; margin-top:-4px; content:""; background:url("../img/common/arrow_gnvOff.png") 0 / cover no-repeat;}
#cmm_gnv .category button.on {color:#aa7d31;}
#cmm_gnv .category button.on::after {background:url("../img/common/arrow_gnvOn.png") 0 / cover no-repeat;}
#cmm_gnv .category a {float:left; display:block; width:100%; height:50px; padding:13px 0 0 35px; color:#888888; background:#f0f0f0; border-bottom:1px solid #e0e0e0;}
#cmm_gnv .category a:last-child {border-bottom:none;}

#cmm_gnv .category .icon_p1 {background-image:url("../img/common/icon_p1.jpg");}
#cmm_gnv .category .icon_p1.on {background-image:url("../img/common/icon_p1On.jpg");}
#cmm_gnv .category .icon_p2 {background-image:url("../img/common/icon_p2.jpg");}
#cmm_gnv .category .icon_p2.on {background-image:url("../img/common/icon_p2On.jpg");}
#cmm_gnv .category .icon_p3 {background-image:url("../img/common/icon_p3.jpg");}
#cmm_gnv .category .icon_p3.on {background-image:url("../img/common/icon_p3On.jpg");}
#cmm_gnv .category .icon_p4 {background-image:url("../img/common/icon_p4.jpg");}
#cmm_gnv .category .icon_p4.on {background-image:url("../img/common/icon_p4On.jpg");}
#cmm_gnv .category .icon_p5 {background-image:url("../img/common/icon_p5.jpg");}
#cmm_gnv .category .icon_p5.on {background-image:url("../img/common/icon_p5On.jpg");}

#cmm_gnv .list a {float:left; width:100%; height:50px; padding:11px 0 0 20px; background:url("../img/common/arrow_gnvInterest.png") 249px 50% / auto 15px no-repeat; border-bottom:1px solid #f0f0f0;}

/*2021-11-24*/
#cmm_gnv .category button{position:relative; float:none; padding-left:20px; display: flex; align-items: center;}
#cmm_gnv .category button .icon_wrap i{margin-right:12px; display: flex; justify-content: center; align-items: center; width:22px; }
#cmm_gnv .category button .icon_wrap i.icon_hov{display: none;}
#cmm_gnv .category button.on .icon_wrap i.icon_nor{display: none;}
#cmm_gnv .category button.on .icon_wrap i.icon_hov{display: flex;}


span[data-gnv-bg] {position:fixed; left:0; top:0; z-index:9999; display:block; width:100%; height:100%; background:black; opacity:0.7;}

/*--------------------------*/
/* search */
/*--------------------------*/

#cmm_search {position:fixed; left:0; top:0; z-index:99999; float:left; width:100%; background:white;}
#cmm_search .search {position:relative; float:left; width:100%; padding:10px 65px 10px 15px; background:black;}
#cmm_search .search div {position:relative; width:100%; height:40px; border-bottom:1px solid white;}
#cmm_search .search input[type="text"] {width:100%; height:100%; color:white; background:transparent;}
#cmm_search .search input[type="text"]::-webkit-input-placeholder {
    color:white;
}
#cmm_search .search input[type="text"]:-moz-placeholder {
    color:white;
}
#cmm_search .search input[type="text"]::-moz-placeholder {
    color:white;
}
#cmm_search .search input[type="text"]:-ms-input-placeholder {
    color:white;
}
#cmm_search .search input[type="submit"] {position:absolute; right:0; top:0; width:40px; height:40px; font-size:0; text-indent:-9999px; background:url("../img/common/search.png") 50% 50% / 20px no-repeat;}
#cmm_search .search button {position:absolute; right:15px; top:10px; width:50px; height:40px; color:white;}

#cmm_search .tab {float:left; width:100%;}
#cmm_search .tab button {float:left; width:50%; height:45px; font-family:"spoqaLight"; border-bottom:1px solid #f1f1f1;}
#cmm_search .tab .on {font-family:"spoqaRegular"; color:#aa7d31; border-bottom:1px solid black;}

#cmm_search .word {float:left; width:100%;}
#cmm_search .word button {float:left; width:50%; height:45px; font-family:"spoqaLight"; color:#777777; border-bottom:1px solid #f1f1f1;}

span[data-search-bg] {position:fixed; left:0; top:0; z-index:9999; display:block; width:100%; height:100%; background:black; opacity:0.7;}

/*--------------------------*/
/* interest product */
/*--------------------------*/

#cmm_interestProduct {position:fixed; left:0; top:0; z-index:99999; width:100%; background:white;}

#cmm_interestProduct .top {width:100%; height:50px; background:black;}
#cmm_interestProduct .top p {float:left; margin:10px 0 0 15px; font-size:18px; color:white;}
#cmm_interestProduct .top button {float:right; width:50px; height:50px; color:white;}

#cmm_interestProduct .list {overflow:auto; width:100%; height:300px; padding:15px;}

#cmm_interestProduct .list a {position:relative; display:block; width:100%; min-height:104px; margin-bottom:15px; padding:0 0 15px 110px; border-bottom:1px solid #e5e5e5;}

#cmm_interestProduct .list input[type="checkbox"] {display:none;}
#cmm_interestProduct .list label {/*position:absolute; left:7px; top:0px*/ display:inline-block; width:30px; height:30px; background:url("../img/common/check.jpg") no-repeat;}
#cmm_interestProduct .list input:checked + label {background:url("../img/common/checkOn.jpg") 50% 50% no-repeat;}
/* #cmm_interestProduct .list a.on {background:url("../img/common/checkOn.jpg") 0 0 / 20px no-repeat;} */
#cmm_interestProduct .list img {position:absolute; left:30px; top:0; width:60px; height:89px;}
#cmm_interestProduct .list dl {position:relative; width:100%; min-height:89px;}
#cmm_interestProduct .list dd {position:absolute; left:0; bottom:0; font-size:20px;}

#cmm_interestProduct .btn {width:100%; padding:10px 15px; text-align:center;}
#cmm_interestProduct .btn a {display:inline-block; width:32%; height:45px; padding-top:11px; vertical-align:top;}
#cmm_interestProduct .btn button {width:32%; height:45px;}
#cmm_interestProduct .btn .delete {border:1px solid #e5e5e5;}
#cmm_interestProduct .btn .basket {letter-spacing:-1px; color:white; background:#aa7d31;}
#cmm_interestProduct .btn .buy {color:white; background:black;}

span[data-interestProduct-bg] {position:fixed; left:0; top:0; z-index:9999; display:block; width:100%; height:100%; background:black; opacity:0.7;}

/*--------------------------*/
/* footer */
/*--------------------------*/

footer .link {float:left; width:100%; margin-bottom:10px; background:#242527;}
footer .link div {float:left; width:100%;}
footer .link div:first-child {border-bottom:5px solid #515151;}
footer .link div a {float:left; display:block; height:40px; padding-top:9px; text-align:center; color:white; border-right:1px solid #515151;}
footer .link div a:last-child {border-right:none;}
/*2021-11-24*/
/* footer .link div:first-child a {width:33.3%;}
footer .link div:first-child a:first-child {width:33.4%;} */
footer .link div:first-child a {width:50%;}
footer .link div:last-child a {width:50%;}


footer .site {position:relative; float:left; width:100%; margin-bottom:40px; padding:0 15px;}
footer .site button {position:relative; width:100%; height:45px; text-align:left; border-bottom:1px solid #515151;}
footer .site button::after {position:absolute; right:0; top:50%; display:block; width:14px; height:7px; margin-top:-4px; content:""; background:url("../img/common/arrow_site.jpg") 100% 50% / 14px no-repeat;}
footer .site button.on::after {transform:rotate(180deg);}
footer .site div {position:absolute; left:15px; top:50px; width:calc(100% - 30px); background:white; border:1px solid black;}
footer .site div a {display:block; padding:10px; border-top:1px solid black;}
footer .site div a:first-child {border-top:none;}

footer .info {float:left; width:100%; padding:0 15px 30px;}
footer .info .center dt {font-family:"spoqaBold"; font-size:17px;}
footer .info .center dd:nth-child(2) {font-family:"spoqaBold"; font-size:24px;}
footer .info .center dd:nth-child(3) {color:#777777;}
footer .info .center dd:nth-child(4) {margin:0 0 20px;}
footer .info .center dd:nth-child(4) a {position:relative; display:inline-block; margin-left:30px; padding:10px 0;}
footer .info .center dd:nth-child(4) a:first-child {margin-left:0;}
footer .info .center dd:nth-child(4) a::before {position:absolute; left:-15px; top:15px; display:block; width:1px; height:13px; content:""; background:#e5e5e5;}

footer .info img {display:block; width:150px; margin-bottom:30px;}

footer .info .bank dt {font-family:"spoqaBold"; font-size:17px;}
footer .info .bank dd:nth-child(2) {font-family:"spoqaBold"; font-size:24px;}
footer .info .bank dd:nth-child(4) {margin-bottom:10px; font-family:"spoqaLight"; color:#777777;}
footer .info .bank dd:nth-child(5) {margin-bottom:5px;}
footer .info .bank dd:nth-child(6) {font-family:"spoqaLight"; color:#777777;}
footer .info .bank dd:nth-child(6) a {font-family:"spoqaLight"; color:black;}
footer .info .bank dd:nth-child(7) {margin-bottom:30px; font-family:"spoqaLight"; color:#777777;}

footer .info .company dt {margin-bottom:5px; font-family:"spoqaBold"; font-size:17px;}
footer .info .company dd {color:#777777;}
footer .info .company dd a {color:black;}
footer .info .company dd:last-child {margin-top:10px;}

/*--------------------------*/
/* event */
/*--------------------------*/

#cmm_event {float:left; width:100%; height:50px; margin-top:50px; border-bottom:1px solid #f1f1f1;}
#cmm_event .swiper-slide {display:block; float:left; width:auto; height:40px; margin:0 10px; padding-top:8px;}

/*------------------------------*/
/* top */
/* 장바구니, 주문, 마이페이지, 회원관련 */
/*-----------------------------*/

#cmm_top {position:relative; float:left; width:100%; height:50px; margin-top:50px; text-align:center; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
#cmm_top a {position:absolute; left:0; top:0; display:block; width:50px; height:100%; background:url("../img/common/arrow_back.png") 50% 50% / 8px no-repeat;}
#cmm_top h2 {margin-top:5px; font-family:"spoqaLight"; font-size:22px;}




/*privacy */
.privacy { padding:120px 0 80px; }
.privacy .wrap{padding:0 3%; width:100%;}
.privacy .current_title_wrap h3{font-size:28px; text-align: center; font-weight: bold;}
.privacy .current_title_wrap p{margin-top:10px; text-align: center;}
.privacy section{margin-top:40px;}
.privacy .inner_wrap{flex-wrap: wrap;}
.privacy .inner_wrap article{width:100%;}
.privacy .privacy_innerwrap .container dl{margin-bottom:48px;}
.privacy .privacy_innerwrap .container dl dt h4{font-size:20px; font-weight:bold;}
.privacy .privacy_innerwrap .container dl dd{margin-top:10px;}
.privacy .privacy_innerwrap .container dl dd h5{font-size:18px; }
.privacy .privacy_innerwrap .container dl dd p{margin:0px 0 12px; color:#555555;}
.privacy .privacy_innerwrap .container dl dd>ul{padding-left:16px;}