/* BASIC css start */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Source+Serif+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap');
*:focus {outline:none;}

#keepgrowLogin {background-color: unset !important;}
body #keepgrowLogin #KG_header .shopName img {display: unset !important;}

/* 상단 띠배너 */
#header .top_ban {background:#ffe500; text-align:center;}
#header .top_ban a {display:block; padding:11px 0; color:#000000; font-size:13px; letter-spacing:-0.01em; line-height:1.1; font-weight:300;}
#header .top_ban a span {font-weight:500;}

/* 기본 헤더 */
#header {position:relative; z-index:100;}
#header .head {position:relative;}
#header .head .left_head {display:inline-block; vertical-align:top; padding:18px 15px; z-index:103; width:100%; height:56px; box-sizing:border-box;}
#header .head .left_head ul {font-size:0;}
#header .head .left_head ul li {display:inline-block; vertical-align:top; margin-right:15px;}
#header .head .left_head ul li a {display:block; width:100%; height:100%;}
#header .head .left_head ul li.allmenu_btn {background:url("/design/akiiikr/wib/mo/img/allmenu.png") no-repeat; width:20px; height:20px; background-size:100% auto;}
#header .head .left_head ul li.sch_btn {background:url("/design/akiiikr/wib/mo/img/sch.png") no-repeat; width:20px; height:20px; background-size:100% auto;}
#header .head .center_head{position: absolute;top: 18px; line-height: 56px; height: 56px; left: 50%;transform: translateX(-50%);}
#header .head .center_head ul li h1 a {display:block; width:100%; height:100%;}
#header .head .center_head ul li h1 {background:url("/design/akiiikr/wib/mo/img/logo.png") no-repeat; width:168px; height:20px; background-size:100% auto;}
#header .head .right_head {position:absolute; top:19px; right:15px;}
#header .head .right_head ul {font-size:0;}
#header .head .right_head ul li {display:inline-block; vertical-align:top; margin-left:18px;}
#header .head .right_head ul li a {display:block; width:100%; height:100%;}
#header .head .right_head ul li.mp_btn {position:relative; background:url("/design/akiiikr/wib/mo/img/mp.png") no-repeat; width:20px; height:20px; background-size:100% auto;}
#header .head .right_head ul li.mp_btn .join_red {display:inline-block; position:absolute; left:50%; margin-left:-25.5px; margin-top:3px; background:#0F0F12; border-radius:20px; color:#fff; font-size:10px; width:51px; line-height:19px; text-align:center; animation: upDown 0.5s linear 1s infinite alternate;}
#header .head .right_head ul li.mp_btn .join_red:before {content:''; background:url("/design/akiiikr/wib/mo/img/join_arrow.png") no-repeat; width:8px; height:4px; background-size:100% auto; position:absolute; top:-4px; right:22px;}
#header .head .right_head ul li.cart_btn {position:relative; background:url("/design/akiiikr/wib/mo/img/cart.png") no-repeat; width:20px; height:20px; background-size:100% auto;}
#header .head .right_head ul li.cart_btn .count {display:inline-block; width:20px; height:20px; color:#0F0F12; font-size:10px; font-weight:600; line-height:24px; text-align:center; position:absolute;}
@keyframes upDown {
  0%   {margin-top: 3px;}
  100% {margin-top: 6px;}
}
#header .head{transition: all 0.5s;}
/* 헤더 고정 */
#header.fixed .head {position:fixed; bottom:auto; top:0; width:100%; background:#fff;}

/* 전체메뉴 */
aside {opacity:0; visibility:hidden; position:fixed; top:0; left:-500px; width:100%; height:100%; z-index:103; transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
aside.show {opacity:1; visibility:visible; left:0;}
aside .aside_wrap {position:relative; width:84%; height:100%; overflow-y:scroll;background:#fff}
aside .login_box {padding:24px 15px; margin-bottom:25px; box-sizing:border-box;}
aside .login_box .nonmember {font-size:0;}
aside .login_box .nonmember li {position: relative;display:inline-block; vertical-align:top; margin-right:15px; padding-right:15px;}
aside .login_box .nonmember li:after{content:"";position: absolute;top:3px;right:0;display:inline-block;width:1px ;height:12px;background:#C4C4C4;}
aside .login_box .nonmember li:last-of-type:after {display:none;}
aside .login_box .nonmember li a {color:#0F0F12; letter-spacing:-0.01em; font-size:17px; display:block;}
aside .login_box .close_btn {position:absolute; top:24px; right:15px;}
aside .login_box .close_btn img {width:18px;}
aside .login_box .login_txt,aside .login_box .logout_btn{display:inline-block;width:auto;font-size:17px;color:#0F0F12;}
aside .login_box .login_txt:after{content:"";display:inline-block;width:1px;height:12px;background:#C4C4C4;vertical-align: middle;margin:0 15px;}
aside .login_box .login_txt a,aside .login_box .logout_btn a{font-size:17px;color:#0F0F12;}
aside .side_cate_list .depth1.sub_no:before {display:none;}
aside .side_cate_list .depth1:last-of-type {margin-bottom:0;}
aside .side_cate_list .depth1 > a {color:#0F0F12; font-weight:600; font-size:17px; display:block; padding:20px 15px; border-bottom:1px solid #D9DDE1;}
/*화살표 중간 적용전
aside .side_cate_list .depth1 span.arrow {content:''; display:inline-block; background:url("/design/akiiikr/wib/mo/img/side_arrow.png") no-repeat; width:13px; height:10px; background-size:100% auto; position:absolute; right:20px; transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}
*/
aside .side_cate_list .depth1 span.arrow {content:''; display:inline-block; background:url("/design/akiiikr/wib/mo/img/side_arrow.png") no-repeat; width:13px; height:20px; background-size:100% auto; background-position: 0px 5px !important; position:absolute; right:20px; transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}
aside .side_cate_list .depth1 span.arrow.open {transform: rotate(180deg); -webkit-transform: rotate(180deg);}
aside .side_cate_list .depth1 > ul {display:none; margin:0 15px;}
aside .side_cate_list .depth1 > ul > li {border-bottom:1px solid #D9DDE1; padding:17px 0;}
aside .side_cate_list .depth1 > ul > li > a {font-size:15px; color:#787878; display:block;}
aside .cs_box {padding:50px 15px 40px; box-sizing:border-box;}
aside .cs_box .tit {font-size:17px; color:#0F0F12; letter-spacing:0.05em; margin-bottom:10px;font-weight:500}
aside .cs_box .tel {font-size:28px; color:#0F0F12; font-weight:600; margin-bottom:10px; line-height:normal;}
aside .cs_box .time {font-size:13px; color:#787878; line-height:1.5;}
.dim{background:rgba(0,0,0,0.5);display:none;position:fixed;top:0;bottom:0;right:0;left:0;z-index:102;width:100%;height:100%;}
aside .side_cate_list .depth1.depth2 > a{font-size:14px;font-weight:400}


/* P.D.U 탭 메뉴 추가_230425*/

.depth2_list.customDepth2 li a span.tit {
font-weight:normal !important;}
aside .side_cate_list .customDepth1 { padding: 0 !important; border-collapse: collapse; } 
aside .side_cate_list .depth1.customDepth1 > a { padding:20px 0 !important; border-bottom:none; font-weight: normal; } 
aside .side_cate_list .depth1.customDepth1 > ul { margin:0 !important; border-top: 1px solid #D9DDE1; } 
aside .side_cate_list .depth1.customDepth1 > ul > li { margin-top:-1px; } 
aside .side_cate_list .depth1.customDepth1 > ul > li:last-child {border:none; } 
.noneBorder { border:none !important; }
.customDepth2 li {border:none; } 

/* P.D.U 탭 메뉴 추가_230425*/


/* 검색 */
.search {display:none; z-index:103; background:#fff; position:fixed; top:0; left:0; width:100%; height:100%;}
.search .sch_inner {padding:0 15px; box-sizing:border-box;}
.search .sch_inner .sch_box {position:relative; margin:9px 0;}
.search .sch_inner .sch_box .btn_search {position:absolute; top:13px; right:15px;}
.search .sch_inner .sch_box .btn_search img {width:22px;}
.search .sch_inner .sch_close {display:inline-block; vertical-align:middle; width:25px;}
.search .sch_inner .sch_close a {display:block; width:100%; height:100%;}
.search .sch_inner .sch_close img {width:10px;}
.search .sch_inner .searchBox form {display:inline-block; width: calc(100% - 29px); vertical-align:middle;}
.search .sch_inner .searchBox input {background:#F6F6F6; box-sizing:border-box; width:100%; height:48px; padding:0 15px; font-size:14px; border:none; -webkit-appearance: none;}
.search .sch_inner .searchBox input::placeholder {color:#717171; font-size:14px;}
.search .sch_inner .pop_sch_word .tit {font-size:20px; color:#0F0F12; font-weight:700; margin:35px 0 25px 0;}
.search .sch_inner .pop_sch_word ul li {margin-bottom:20px; opacity:0; position: relative; top:10px;}
.search .sch_inner .pop_sch_word ul li:last-of-type {margin-bottom:0;}
.search .sch_inner .pop_sch_word ul li a {color:#0F0F12; font-size:15px; display:block;}
.search .sch_inner .pop_sch_word ul li span.num {display:inline-block; min-width:15px; margin-right:15px; color:#BA1F2A; font-size:16px; font-style: italic; font-weight:500;}
.search .sch_inner .pop_sch_word ul li:nth-child(1){animation-name:li1;-webkit-animation-name:li1; animation-duration:0.3s; -webkit-animation-duration:0.3s;animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-direction: alternate; -webkit-animation-direction: alternate; animation-timing-function: ease-in-out;-webkit-animation-timing-function: ease-in-out;animation-delay: 0.1s;-webkit-animation-delay: 0.1s;-moz-animation-delay: 0.1s;-ms-animation-delay: 0.1s;-o-animation-delay: 0.1s;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;}
.search .sch_inner .pop_sch_word ul li:nth-child(2){animation-name:li2;-webkit-animation-name:li2; animation-duration:0.3s; -webkit-animation-duration:0.3s;animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-direction: alternate; -webkit-animation-direction: alternate; animation-timing-function: ease-in-out;-webkit-animation-timing-function: ease-in-out;animation-delay: 0.3s;-webkit-animation-delay: 0.3s;-moz-animation-delay: 0.3s;-ms-animation-delay: 0.3s;-o-animation-delay: 0.3s;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;}
.search .sch_inner .pop_sch_word ul li:nth-child(3){animation-name:li2;-webkit-animation-name:li2; animation-duration:0.3s; -webkit-animation-duration:0.3s;animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-direction: alternate; -webkit-animation-direction: alternate; animation-timing-function: ease-in-out;-webkit-animation-timing-function: ease-in-out;animation-delay: 0.5s;-webkit-animation-delay: 0.5s;-moz-animation-delay: 0.5s;-ms-animation-delay: 0.5s;-o-animation-delay: 0.5s;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;}
.search .sch_inner .pop_sch_word ul li:nth-child(4){animation-name:li2;-webkit-animation-name:li2; animation-duration:0.3s; -webkit-animation-duration:0.3s;animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-direction: alternate; -webkit-animation-direction: alternate; animation-timing-function: ease-in-out;-webkit-animation-timing-function: ease-in-out;animation-delay: 0.7s;-webkit-animation-delay: 0.7s;-moz-animation-delay: 0.7s;-ms-animation-delay: 0.7s;-o-animation-delay: 0.7s;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;}
.search .sch_inner .pop_sch_word ul li:nth-child(5){animation-name:li2;-webkit-animation-name:li2; animation-duration:0.3s; -webkit-animation-duration:0.3s;animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-direction: alternate; -webkit-animation-direction: alternate; animation-timing-function: ease-in-out;-webkit-animation-timing-function: ease-in-out;animation-delay: 0.9s;-webkit-animation-delay: 0.9s;-moz-animation-delay: 0.9s;-ms-animation-delay: 0.9s;-o-animation-delay: 0.9s;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;}
@keyframes li1{
	0%{top:-1rem;opacity:0;}
	100%{top:0;opacity:1;}
}
@keyframes li2{
	0%{top:-1rem;opacity:0;}
	100%{top:0;opacity:1;}
}
.search .sch_ban01 {position:absolute; bottom:175px; padding:0 15px; box-sizing:border-box;}
.search .sch_ban01 img {width:100%;}
.search .sch_ban02 {position:absolute; bottom:20px; padding:0 15px; box-sizing:border-box;}
.search .sch_ban02 img {width:100%;}


/* 전체페이지 공통 스타일 */
/* 상품폼 */
.prd_list .items {font-size:0;}
.prd_list .items > li {position:relative; display:inline-block; vertical-align:top; width:calc(50% - 0.5px); margin-right:1px; margin-bottom:25px;}
.prd_list .items > li:nth-child(2n) {margin-right:0;}
.prd_list .items > li .wish_btn {z-index:100; position:absolute; top:8px; right:8px;}
.prd_list .items > li .wish_btn span {display:block; width:100%; height:100%;}
.prd_list .items > li .wish_btn img {width:17px;}
.prd_list .items > li .prd_thumb {position:relative;/*padding:19px 15px;*/background:#fff}
.prd_list .items > li .prd_thumb img {width:100%;}
.prd_list .items > li .prd_info_wrap {padding:13px 10px; font-size:14px;}
.prd_list .items > li .prd_info_wrap ul li.prd_name {font-size:14px; color:#0F0F12; font-weight:500;letter-spacing: -0.01em; line-height:1.5; max-height:80px;width: 100%; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6; -webkit-box-orient: vertical;}
.prd_list .items > li .prd_info_wrap ul li.prd_price {margin-top:13px;}
.prd_list .items > li .prd_info_wrap ul li.prd_price .prd_price_box p {line-height:1.2;}
.prd_list .items > li .prd_info_wrap ul li.prd_price .prd_price_box .normal_price {font-size:14px; font-weight:500; margin:0; color:#0F0F12;letter-spacing: -0.01em;}
.prd_list .items > li .prd_info_wrap ul li.prd_price .prd_price_box .dis_per {font-size:14px; color:#BA1F2A; font-weight:400; display:inline-block; vertical-align:top; margin-left:3px;}
.prd_list .items > li .prd_info_wrap ul li.prd_price .prd_price_box .discount_rate{display:none !important;font-size:14px; color:#BA1F2A; font-weight:400; display:inline-block; vertical-align:top; margin-left:3px;}
.prd_list .items > li .prd_info_wrap ul li.prd_price .prd_price_box .consumer_price{display:inline-block; margin-left:3px}
.prd_list .items > li .prd_info_wrap ul li.prd_price .prd_price_box .consumer_price strike{font-size:14px; color:#787878; font-weight:400;letter-spacing: -0.01em;}
.prd_list .items > li .prd_info_wrap ul li.prd_icon {display:inline-block; vertical-align:top; margin-top:13px;}
.prd_list .items > li .prd_info_wrap ul li.prd_icon span img {padding:0; margin:0 3px 3px 0; height:20px;}
.prd_list .items > li .prd_info_wrap ul li.sold_out {clear:both;}
/* BASIC css end */