@import url("common.css");


/*@keyframes color_gra {
	0% { color:var(--black); }
	40% { color:var(--main); }
	60% { color:var(--main); }
	100% { color:var(--black); }
}*/


/* 서브탑 */
@keyframes v_txt {
	0% { transform:translateY(60px); opacity:0; }
	100% { transform:translateY(0); opacity:1; }
}


/* 비주얼 lnb */
#wrap {padding:88px 0 0; }
.visual_lnb {position:relative; z-index:999; border-bottom:1px solid var(--border);}
.visual_lnb dl {display: flex; justify-content:flex-end; align-items:center;}
.visual_lnb dl dt {display:none;}
.visual_lnb dl dt a {display:block;}
.visual_lnb dl dt a::before {content:'\e88a'; font-family:var(--icon); font-size:20px; display:block; transition:all 0.4s ease-in-out;}
.visual_lnb dl dt a:hover::before {color:var(--main); transition:all 0.4s ease-in-out;}

.visual_lnb dl dd {position:relative;  display:flex; flex-wrap:wrap; align-items:center; width:50%;}
.visual_lnb dl dd::after {content:''; width:1px; height:100%; position:absolute; top:0; right:0; background:var(--border);}
.visual_lnb dl dd:last-of-type::after {display:none;}
.visual_lnb dl dd .txt {width:100%; font-size: 1rem; font-weight: 400; line-height: 45px; letter-spacing: -0.32px; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block; padding:0 10%; box-sizing:Border-box; color:rgba(119,119,119,0.7);}
.visual_lnb dl dd .txt:after {content:'\e5cf'; font-size:18px; font-family:var(--icon); position:absolute; top:0; margin-top:0; right:10%; font-weight:400; transition:all 0.3s ease;}


.visual_lnb dl dd .txt.on:after{transform:rotate(180deg);}


.visual_lnb dl dd .dlst{position: absolute; top:45px; left:0; z-index: 999; margin:0; width: 100%; background-color: var(--white); box-sizing:border-box; display: none; box-shadow:5px 5px 15px rgba(0,0,0,0.05); border:1px solid var(--border);}
.visual_lnb dl dd .dlst.on{display: block;}
.visual_lnb dl dd .dlst ul{}
.visual_lnb dl dd .dlst ul li{}
.visual_lnb dl dd .dlst ul li+li {border-top:1px solid var(--border);}
.visual_lnb dl dd .dlst ul li a{display:block; font-size:13px; transition:all .2s linear; line-height: 120%; letter-spacing: -0.35pt; padding:12px 10%;}
.visual_lnb dl dd .dlst ul li a.on{color:var(--main);}
.visual_lnb dl dd .dlst ul li a i {line-height:inherit; font-style:normal; letter-spacing:inherit;}
/* .search_none .visual_lnb dl dd:last-child{display: none;} */




#contents {overflow:hidden; padding:40px 0 0;}
#contents .pageBtn_wrap {display:flex; flex-wrap:wrap; justify-content:flex-end; margin:-25px auto 5px; width:90%;}
#contents .pageBtn {padding:5px 10px 5px 15px; border-radius:50px; border:1px solid var(--black); color:var(--black); display:inline-flex; align-items:center; justify-content:center; gap:0 5px; line-height: 171.429%;}
#contents .pageBtn::after {content:'\e941'; font-size:21px; line-height:1; display:block; font-family:var(--icon); font-weight:300;}


.search_none #contents {}

/* 타이틀 */
.subTop_title {text-align:center; margin:0 auto 25px; width:90%;}
.subTop_title br {display:none;}
.subTop_title .sm_tit {display:block; color: var(--main); font-family: var(--eng); font-size: 1.11rem; font-weight: 400; line-height: 130%; letter-spacing: 0.4px;}
.subTop_title .sub_tit {color: var(--black); text-align: center;  font-size: 2.22rem; font-weight: 500; line-height: 114.286%; letter-spacing: -1px; margin:5px 0 0;}
.subTop_title .sub_tit.eng {font-size: 2.22rem; font-weight: 400; line-height:113.333%;}
.subTop_title .sub_txt {font-size: 1.11rem; font-weight: 400; line-height: 170%; letter-spacing: -0.8px; margin:10px 0 0;}


/*** 텍스트 효과 ***/
 .visual-tit {overflow:hidden; opacity:0;}
 .visual-tit .char {display:inline-block; opacity:0; line-height:1.25}
 .visual-tit.splitting {opacity:1.0;}
/* .whitespace {width:25px; height:0; display:inline-block;} */
.visual-tit .char {animation: slide-up 1s ease-in-out both; animation-delay: calc(.05s * var(--char-index) ); letter-spacing: -2.8px; }
.visual-tit.ls0 .char {letter-spacing:0;}

@keyframes slide-up {
	from{opacity:0; transform: translateY(125%);}
	to{opacity:1.0; transform: translateY(0);}
}
/*** 비주얼 텍스트 효과 ***/




/*** 공통 css ***/
.basic_cont{width: 90%; margin:0 auto 70px;}

.fs75 {color: var(--black); font-size: 2.4rem; font-weight: 400; line-height: 113.333%;}
.fs42 {color: var(--black); font-size: 1.6rem; font-weight: 200; line-height: 142.857%; letter-spacing: -0.8px;}
.fs42 br {display:none;}
.fs30 {color: var(--black); font-size: 1.4rem; font-weight: 300; line-height: 142.857%; letter-spacing: -1.33px;}
.fs30 br {display:none;}
.fs26 {color: var(--black); font-size: 1.25rem; font-weight: 300; line-height: 153.846%; letter-spacing: -1.04px;}
.fs26 br {display:none;}
.fs20 {font-size: 1.11rem; line-height: 170%; letter-spacing: -0.8px;}
.fs20 br {display:none;}
.fs18 br {display:none;}



.sub_tab_list {display: grid;  grid-template-columns: repeat(2, 1fr); margin-bottom:-23px; position:relative; z-index:10; border-top:1px solid var(--border); border-left:1px solid var(--border);}
.sub_tab_list li {position:relative; z-index:1; text-align:center; border-bottom:1px solid var(--border); border-right:1px solid var(--border); box-sizing:border-box;}
.sub_tab_list li:only-child {grid-column: 1 / -1;}
.sub_tab_list li a {display:block; padding: 5px;  letter-spacing: -0.41px; background:var(--white);}
.sub_tab_list li.up {border-color:var(--main);}
.sub_tab_list li.up a {background:var(--main); color:var(--white); font-weight: 600;}

/* .tab_list {background:var(--white); border:1px solid var(--border); overflow:hidden;}
.tab_list ul {padding:0 10px; box-sizing:border-box;}
.tab_list ul li {width:auto; padding:0 10px; box-sizing:border-box;}
.tab_list ul li:last-of-type {margin-right:0;}
.tab_list ul li a {position:relative; display:block; line-height:44px;}
.tab_list ul li a:hover {color:var(--sub);}
.tab_list ul li.up a {color:var(--sub); font-weight:600;}
.tab_list ul li.up a::after {content:''; width:100%; height:3px; background:var(--sub); position:absolute; bottom:0; left:0;} */


.tab_list {display: grid;  grid-template-columns: repeat(6, 1fr); position:relative; z-index:10; border-top:1px solid var(--border); border-left:1px solid var(--border);}
.tab_list li {position:relative; z-index:1; text-align:center; border-bottom:1px solid var(--border); border-right:1px solid var(--border); box-sizing:border-box;}
.tab_list li a {display:block; padding: 5px;  letter-spacing: -0.41px; background:var(--white);}
.tab_list li.up {border-color:var(--main);}
.tab_list li.up a {background:var(--main); color:var(--white); font-weight: 600;}

.kakao_plus_ment {padding:15px; box-sizing:border-box; background:var(--grayBg); margin:15px 0;}
.kakao_plus_ment .stxt {font-size:0.888rem; position:relative; padding-left:22px; box-sizing:border-box;}
.kakao_plus_ment .stxt::before {content:'\e86c'; font-size:24px; font-family:var(--icon); line-height:1; color:var(--point); font-size:20px; position:absolute; top:1px; left:0; font-variation-settings: 'FILL' 1;}


.moreBtn{position:relative; overflow:hidden; display:block; width:160px; background:var(--black); z-index:31; border-radius: 5px 5px 18px  5px; transition: all .5s cubic-bezier(0.77, 0, 0.175, 1);}
.moreBtn span {position:relative; z-index:10; font-size:13px; letter-spacing: 0.32px; line-height:45px; color:var(--white); transition: all 0.3s; padding:0 15px; box-sizing:border-box; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; width:100%; transition: all .5s cubic-bezier(0.77, 0, 0.175, 1); }
.moreBtn span::after {content:'\e8e4'; font-size:25px; color:var(--white); font-family:var(--icon); display:block; font-weight:200;}
/* .moreBtn:hover {border-radius: 5px; transition: all .5s cubic-bezier(0.77, 0, 0.175, 1);} */
/* .moreBtn::before {content: ''; width: 0%; height: 100%; display: block; background: var(--main); position: absolute; -ms-transform: skewX(-20deg); -webkit-transform: skewX(-20deg);  transform: skewX(-20deg);    left: -10%; opacity: 1; top: 0; z-index:2; -moz-transition: all .5s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: all .5s cubic-bezier(0.77, 0, 0.175, 1); -webkit-transition: all .5s cubic-bezier(0.77, 0, 0.175, 1); transition: all .5s cubic-bezier(0.77, 0, 0.175, 1); box-shadow:2px 0px 14px rgba(0,0,0,.6);}
.moreBtn:hover::before{opacity:1; width: 116%;} */


.moreBtn.main_ver {background:var(--main);}
.moreBtn.main_ver::before  {background:var(--black);}

.moreBtn.kakao_ver { background:#FAE100; }
.moreBtn.kakao_ver span {color: #371C1D; font-weight: 600; letter-spacing: -0.32px; padding:0 15px;}
.moreBtn.kakao_ver span::after {content:''; width:20px; height:22px; background:url("/consult/img/chat_ico.svg")no-repeat center / 100%; right:15px;}

.moreBtn.map_ver {background:#FAE100;}
.moreBtn.map_ver span {color: #371C1D; font-weight: 600; letter-spacing: -0.32px; padding:0 20px;}
.moreBtn.map_ver span::after {content:''; width:10px; height:20px; background:url("/about/img/kakao.svg")no-repeat center / 100%; right:20px;}

.moreBtn.map_ver2 {background:#03C75A;}
.moreBtn.map_ver2 span {color: var(--white); font-weight: 600; padding:0 20px;}
.moreBtn.map_ver2 span::after {content:''; width:20px; height:20px; background:url("/about/img/naver.svg")no-repeat center; right:40px;}

.moreBtn.map_ver3 {background:var(--white); border:1px solid var(--border);}
.moreBtn.map_ver3 span {color: var(--black); font-weight: 600; padding:0 20px;}
.moreBtn.map_ver3 span::after {content:''; width:20px; height:20px; background:url("/about/img/google.svg")no-repeat center; right:32px;}

.moreBtn.video_ver {width:300px; background:rgba(17,17,17,0.9);}
.moreBtn.video_ver span {padding:0 20px;}
/* .moreBtn.video_ver:hover span {padding:0 35px;} */
.moreBtn.video_ver span::after {content:'\f49a'; font-size:22px;}




/* 갤러리2(배너) */
.gallery_roll{position:relative;}
.gallery_roll:after{content:''; display:block; clear:both;}
.gallery_roll .roll{position:relative;}
.gallery_roll .roll .imgArea{background:#000; overflow: hidden; aspect-ratio: 3 / 2;}
.gallery_roll .roll .imgArea img{width: 100%;  display: block; width: 100%; height: 100%; object-fit: cover;}
.gallery_roll .roll .txtArea{position:absolute; left:0; bottom:0; width:100%; text-align:center; background:rgba(34,34,34,.6); padding:20px; box-sizing:border-box;}
.gallery_roll .roll .txtArea h4{font-weight:400; color:var(--white); line-height:150%; font-size:1.25rem;}
.gallery_roll .slick-arrow{border:0; padding:0; font-size:0; outline:none; cursor:pointer; width:30px; height:30px; transition:all .3s linear; position: absolute; z-index: 9999; width: 30px; height: 30px; opacity: 1; left: auto; right:auto; bottom: auto; top:50%; margin-top:-15px;}
.gallery_roll .slick-arrow:hover{opacity:0.5;}
.gallery_roll .slick-prev{background:url('/img/arrow_p_w.png') no-repeat center/100% auto; left:30px;}
.gallery_roll .slick-next{background:url('/img/arrow_n_w.png') no-repeat center/100% auto; right:30px;}

.gallery_nav{margin:30px -2px 0; width:calc(100% + 4px);}
.gallery_nav:after{content:''; display:block; clear:both;}
.gallery_nav .roll{margin:0 2px; cursor:pointer; background-color:#000; overflow: hidden;}
.gallery_nav .roll .txtArea{display: none;}
.gallery_nav .roll .imgArea{overflow: hidden; aspect-ratio: 3 / 2;}
.gallery_nav .roll .imgArea img{opacity:0.5; width: 100%;  display: block; width: 100%; height: 100%; object-fit: cover;}
.gallery_nav .roll.slick-current .imgArea img{opacity:1;}











/* 제품, 이벤트 CSS */

/* 화살표 */
.slick-arrow {border:0; padding:0; font-size:0; outline:none; cursor:pointer; width:30px; height:30px; transition:all .3s linear; position: absolute; z-index: 9999; background:transparent; transition:all 0.3s ease;}
.slick-arrow::before {display:flex; flex-wrap:Wrap; align-items:center; justify-content:center; width:100%; height:100%; line-height:30px; font-family:var(--icon); font-size:30px; color:var(--white); transition:all 0.3s ease;}
.slick-prev {}
.slick-prev::before {content:'\e5e0';}
.slick-next {}
.slick-next::before {content:'\e5e1';}



#top_event {overflow:hidden;}
.event_roll {width:90%; margin:0 auto 40px; overflow:visible;}
.event_roll .slick-list {overflow:visible;}
.event_roll .slick-track {align-items:center;}
.event_roll li {transform:scale(0.94); /*filter:grayscale(1); opacity: 0.4; */  overflow: hidden; aspect-ratio: 16 / 9.9955;  position:relative; transition:all 0.4s ease-in-out;}

.event_roll li a {display:block;  transition:all 0.4s ease-in-out;}
.event_roll li img {display: block; width: 100%; height: 100%; object-fit: cover; transition:all 0.4s ease-in-out;}


.event_roll li.slick-current {transform:scale(1); filter:grayscale(0); opacity:1; transition:all 0.4s ease-in-out;}
.event_roll li.slick-current a { transition:all 0.4s ease-in-out;}

.event_roll li.slick-current:hover::after {opacity:0.3; transition:all 0.4s ease-in-out;}
/* .event_roll li.slick-current:hover img {transform:scale(1.1); transition:all 0.4s ease-in-out;} */


.event_roll .slick-arrow{top:50%; transform:translateY(-50%);}
.event_roll .slick-arrow:hover::before {color:var(--white);}
.event_roll .slick-prev{left:18px;}
.event_roll .slick-next{right: 10px;}



.prdCont_wrap {}
.prdCont_wrap .prd_content {margin:0 0 30px;}
 .prd_cart {position:fixed; bottom:0; left:50%; width:100%; transform:translateX(-50%); max-width:640px; z-index:60;}



/* #header.fixed + .visual_lnb + #contents .prd_cart {top:150px; transition:all 0.4s ease-in-out;} */

.prd_content .fs20 {color: var(--black); font-size: 1.11rem; font-weight: 500; line-height: 160%; letter-spacing: -0.8px; margin:25px 0 5px;}
.prd_content .fs20:first-of-type {margin-top:0;}
.prd_content .pay_radio {display: grid;  grid-template-columns: repeat(3, 1fr);}
.prd_content .pay_radio li {position:relative; z-index:10;}
.prd_content .pay_radio li::after {content:''; width:100%; height:100%; position:absolute; top:0; left:0; z-index:-1; border:1px solid var(--border); border-right:0; box-sizing:border-box;}
.prd_content .pay_radio li:last-of-type::after {border-right:1px solid var(--border);}
.prd_content .pay_radio li input[type="radio"] {display: none;}
.prd_content .pay_radio li label { box-sizing:border-box; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;  width:100%; font-size: 12px; font-weight: 400; line-height: 177%; letter-spacing: -0.42px; padding:8px 10px; box-sizing:border-box; text-align:center; cursor:pointer; height:100%; position:relative; }
.prd_content .pay_radio li label::before {content:''; width:16px; height:16px; border-radius:100%; border:1px solid var(--border); box-sizing:border-box; position:absolute; top:50%; left:10px; margin-top:-8px;}
.prd_content .pay_radio li input[type="radio"]:checked + label {font-weight: 600; color:var(--point);}
.prd_content .pay_radio li input[type="radio"]:checked + label::before {border:5px solid var(--point);}
.prd_content .pay_radio li input[type="radio"]:checked + label::after {content:''; width:calc(100% ); height:calc(100% ); border:2px solid var(--point); box-sizing:border-box; position:absolute; top:0; left:0;}
.prd_content .pay_radio li label span {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:0 5px; letter-spacing:inherit; line-height:inherit; font-size:inherit;}

.prd_content .pay_radio li.tp01 label span::before {content:'\e84f'; font-family:var(--icon); display:block; font-size:20px; font-weight:300 !important;}
.prd_content .pay_radio li.tp02 label span::before {content:'\ef63'; font-family:var(--icon); display:block; font-size:20px; font-weight:300 !important;}
.prd_content .pay_radio li.tp03 label span::before {content:'\eff1'; font-family:var(--icon); display:block; font-size:20px; font-weight:300 !important;}

.prd_content .input_box {}
.prd_content .input_box .select {width:100%; margin:0 0 10px;}
.prd_content .input_box .input::placeholder {font-size:1rem;}

.pay_info {border-top:2px solid var(--main);}
.pay_info dl {display:flex; flex-wrap:wrap; border-bottom:1px solid var(--border); padding:10px 0;}
.pay_info dl dt {font-size:1rem; width:100%; box-sizing:border-box; font-weight: 600; letter-spacing: -0.72px; color:var(--black);}
.pay_info dl dd {font-size:1rem; width:100%; box-sizing:border-box; letter-spacing: -0.72px;}


.check_cate {display: grid;  grid-template-columns: repeat(3, 1fr); margin:0 0 10px; gap:2px; }
.check_cate li {display:flex; flex-wrap:Wrap; align-content:center; background:#fdf9f7; padding:8px 8px 5px; width:100%; height:100%;  box-sizing:Border-box; text-align:center;  cursor:pointer; min-height:103px; }
.check_cate li i {display:block; width:100%; }
.check_cate li i img {max-height:25px;}
.check_cate li span {display:block; font-size: 0.96rem; font-weight: 400; line-height: 125%; letter-spacing: -0.64px; color: var(--point); margin:8px 0 0; opacity: 0.8; width:100%;}

.check_cate li.up {background:var(--point);}
.check_cate li.up span {color:var(--white); opacity: 1;}


.check_tab {display: grid;  grid-template-columns: repeat(2, 1fr); background:#f8f8f8; border-top:1px solid var(--border); border-left:1px solid var(--border);}
.check_tab li {box-sizing:border-box; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;  width:100%; font-size: 1rem; font-weight: 400; line-height: 175%; letter-spacing: -0.32px; padding:5px 8px; box-sizing:border-box; text-align:center; background:var(--white); cursor:pointer; height:100%; border-bottom:1px solid var(--border); border-right:1px solid var(--border);}

.check_tab li.up {background:var(--main); color:#fff; border-color:rgba(255,255,255,0.3);}


.prd_list {}
.prd_list+.prd_list {margin:30px 0 0;}
.view_depTit {display:flex; flex-wrap:Wrap; align-items:center; justify-content:space-between; color: var(--black); font-size: 1.22rem; font-weight: 700; line-height: 150%; letter-spacing: -0.45px; margin:0 0 10px;}
.view_depTit .fs16 {font-size:13px; font-weight: 400; line-height: 150%; letter-spacing: -0.2px; color: var(--basic);}
.prd_list ul {border-top:1px solid var(--main);}
.prd_list li {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:17px 0; box-sizing:Border-box; border-bottom:1px dashed var(--border); transition:all 0.3s ease-in-out;}
.prd_list li:hover {background:rgba(189,168,143,0.05); transition:all 0.3s ease-in-out;}
.prd_list li .tBox {width:100%; padding-right:30px; box-sizing:border-box;}
.prd_list li .tBox .sm_tit {color: var(--main); font-size: 13px; font-weight: 500; line-height:175%; letter-spacing: -0.32px; display:block; word-break: break-all;}
.prd_list li .tBox .sm_tit br {display:none;}
.prd_list li .tBox .tit {color: var(--black); font-size: 1.22rem; font-weight: 500; line-height: 150%; letter-spacing: -0.45px; word-break: break-all;}
.prd_list li .tBox .descript {font-size: 1rem; font-weight: 400; line-height:150%; letter-spacing: -0.32px; margin:2px 0 0; word-break: break-all;}
.prd_list li .priceBox {display:flex; flex-wrap:wrap; align-items:center; gap:0 10px; width:100%; justify-content:flex-end; margin:5px 0 0;}
.prd_list li .priceBox dl {display:flex; flex-wrap:wrap; align-items:center; gap:0 10px;}
.prd_list li .priceBox dl dt {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width: 34px; height: 34px; border-radius: 34px; border: 1px solid var(--red); color: var(--red); font-size: 12px; font-weight: 700; line-height: 150%; letter-spacing: -0.4px; background:var(--white);}
.prd_list li .priceBox dl dt.event {font-size: 11px; font-weight: 700; line-height: 125%; width: 50px; height: 22px; text-transform: uppercase; border-radius: 5px; line-height:20px;}
.prd_list li .priceBox dl dd {font-size: 1.11rem; color: var(--black); font-weight: 600;}
.prd_list li .priceBox dl dd b {font-size: 1.22rem; font-weight: 700; line-height: 128.571%; letter-spacing: -1.12px;}
.prd_list li .priceBox dl dd i {color:var(--basic); text-decoration-line: line-through; font-style: normal; opacity: 0.5; display:inline-block; margin-right:5px; font-weight:400; font-size:13px;}
.prd_list li .priceBox .cart_btn {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width: 40px; height: 40px; border-radius: 5px 5px 15px 5px; background: var(--point);}
.prd_list li .priceBox .cart_btn::before {content:'\e854'; font-family:var(--icon); color:var(--white); font-size:17px; font-weight:400;}
.prd_list li .priceBox .cart_btn:hover {border-radius:5px; background:var(--main);}
.prd_list li .priceBox .cart_btn.add {background:#bbb; }
.prd_list li .priceBox .cart_btn.add::before {content:'\e928';}

.cart_list {border:2px solid var(--main); box-sizing:border-box; padding:5px 5px 5px; background:var(--white); border-bottom:0; display:none;}
.cart_list ul { max-height:110px; overflow-y:auto; margin:0 0 5px;}
.cart_list ul::-webkit-scrollbar {
    width: 3px;  
}

.cart_list ul::-webkit-scrollbar-thumb {
    background: var(--main); /* 스크롤바 색상 */
}

.cart_list ul::-webkit-scrollbar-track {
    background: var(--grayBg);  /*스크롤바 뒷 배경 색상*/
}
.cart_list ul li {position:relative; padding:5px 0 10px; margin:0 15px; padding-right:100px;}
.cart_list ul li+li {border-top:1px dashed var(--border);}
.cart_list ul li a {display:flex; flex-wrap: wrap; align-items: center; justify-content: center; position:absolute; top:50%; right:0; height:20px; transform:translateY(-50%);}
.cart_list ul li a::before {content:'\e5cd'; font-family:Var(--icon); font-size:20px; line-height:20px; color:rgba(34,34,34,0.7); display:block; font-weight:300;}
.cart_list ul li .sm_tit {color: var(--main); font-size: 12px; font-weight: 600; line-height: 200%; letter-spacing: -0.56px;}
.cart_list ul li .tit {color: var(--black); font-size: 1rem; font-weight: 600; line-height: 177.778%; letter-spacing: -0.72px; margin:-5px 0;}
.cart_list ul li .ptice {font-size:1rem; display:block; text-align:right; font-weight: 700; letter-spacing: -0.72px; color: var(--black); line-height:1.77; position:absolute; top:50%; right:30px; transform:translateY(-50%);}
.cart_list .total_price {background:#f7f6f5; padding:15px;}
.cart_list .total_price dl {display:flex; flex-wrap:wrap; align-items:center; gap:0 10px; justify-content:space-between;}
.cart_list .total_price dl dd {font-size: 0.96rem; font-weight: 400; line-height: 175%; letter-spacing: -0.64px; color:rgba(17,17,17,0.7);}
.cart_list .total_price dl dt {color: var(--black); font-size: 0.96rem; font-weight: 500; line-height: 187.5%; letter-spacing: -0.64px;}
.cart_list .total_price dl dt.red {color: #E81B1B;}
.cart_list .total_price dl.total {padding-top:10px; margin-top:10px; border-top:1px solid var(--border);}
.cart_list .total_price dl.total dd {font-size:1rem;}
.cart_list .total_price dl.total dt {font-size: 1.11rem; font-weight: 600; line-height: 170%; letter-spacing: -0.4px;}
.cart_list .total_price dl.total dt b {font-size: 1.2rem; font-weight: 700; line-height: 144%; letter-spacing: -0.6px;}

.cart_btm {display:flex; flex-wrap:wrap; /* height:60px; */ background:var(--point); min-width:320px;}
.cart_btm .cart_btm_in {width:100%; display:flex; flex-wrap:nowrap; /* align-items:center; */}
.cart_btm .result_cont {padding:0 20px; box-sizing:border-box;  display:flex; flex-wrap:wrap; align-items:center; gap:0 5px; width:42%; }
.cart_btm .result_cont .total_number {display:block; width:25px; height:25px; line-height:25px; background:var(--white); border-radius:100%; text-align:Center; color: var(--point); font-size: 16px; font-style: normal; font-weight: 700; letter-spacing: -0.64px;}
.cart_btm .cart_btm_in .apply_ver {background:#D26130; padding:11px 0 8px; text-align:center; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; box-sizing:border-box;}
.cart_btm .cart_btm_in .apply_ver span {gap:0; height:auto;}
.cart_btm .cart_btm_in .apply_ver span::after {display:none;}
.cart_btm .cart_btm_in .apply_ver::before {font-size:16px; font-family:var(--icon); color:var(--white); font-family:var(--icon); display:block; line-height:1; font-weight:300;}
.cart_btm .cart_btm_in .apply_ver:nth-of-type(1) {border-right:1px solid rgba(255,255,255,0.2);}
.cart_btm .cart_btm_in .apply_ver:nth-of-type(1)::before {content:'\e870';}
.cart_btm .cart_btm_in .apply_ver:nth-of-type(2)::before {content:'\e323';}
.cart_btm .cart_btm_in .apply_ver:nth-of-type(3) {background:#FAE100;}
.cart_btm .cart_btm_in .apply_ver:nth-of-type(3) span {color:#371C1D;}
.cart_btm .cart_btm_in .apply_ver:nth-of-type(3)::before {content:''; width:16px; aspect-ratio: 3 / 3; background:url("/img/quick_ico01.svg")no-repeat center / 100% auto;}

.cart_btm .result_cont .total_price_txt {color: var(--white); font-size: 16px; font-weight: 700; line-height:162.5%; letter-spacing: -0.64px;}
.cart_btm .fold_btn {width:calc(58% / 3); height:35px; position:absolute; top:-35px; right:0;  background:var(--point); display:flex; flex-wrap:wrap; align-items:center; justify-content:center; cursor:pointer;}
.cart_btm .fold_btn::after {content:'\e5cf'; font-size:28px; font-family:var(--icon); color:var(--white); font-weight:300; transition:all 0.3s ease; transform:rotate(180deg);}
.cart_btm .fold_btn.on::after {transform:rotate(0); transition:all 0.3s ease;}

.apply_ver {flex:1; background:var(--point); margin:0; border-radius:0; gap:0 5px;  font-size: 0.96rem; font-weight: 600; line-height:171.429%; letter-spacing: -0.56px; border:0}
.apply_ver span {width:100%; height:100%; display:flex; flex-wrap:Wrap; align-items:center; justify-content:center; gap:0 5px; font-weight: 500; line-height: 166.667%; letter-spacing: -0.72px; color:var(--white); font-size:1rem;}
.apply_ver span::after {content:'\e323'; font-size:16px; font-family:var(--icon); font-weight:400;}

/* 	.apply_ver.last{width: 85px; background:#FAE100;}
	.apply_ver.last span{color:#371C1D;}
	.apply_ver.last span::after{display:none} */
/* 제품, 이벤트 CSS */



.prd_cart.ok {position:relative; left:0; transform:translateX(0%);}
.prd_cart.ok .cart_list {display:block; border-bottom:2px solid var(--main);}
.prd_cart.ok .cart_list ul {max-height:100%; overflow-y:auto;}
.prd_cart.ok .cart_list ul li {padding-right:75px;}
.prd_cart.ok .cart_list ul li .ptice {right:0;}



/* 예약내역 조회 */
.inquiry_check {text-align:center;}
.inquiry_check h3{font-size:1.5rem; letter-spacing:-0.75pt; line-height: 130%; font-weight:700; color:var(--black);}
.inquiry_check p{font-size:1rem; letter-spacing:-0.5pt; line-height:150%; padding:10px 0 30px;}
.inquiry_check .btn_inquirySearch{display:inline-block; width:250px; height:60px; box-sizing:border-box; text-align:center; transition:all .3s linear; border:1px solid var(--main); background:var(--main); position:relative; font-size:1rem; line-height: 58px; letter-spacing:-0.35pt; font-weight:500; color:var(--white); cursor:pointer; -webkit-appearance: none; -webkit-border-radius: 0;}
.inquiry_check .btn_inquirySearch:hover{background:var(--sub); border-color:var(--sub);}

	.inquiryCheck_in{position:relative; max-width:630px; width: 100%; margin:0 auto 30px; padding:40px 30px; box-sizing:border-box; border:1px solid var(--border); box-shadow:0px 5px 0px #f6f6f6;}
	.inquiryCheck_in dl{display: flex; align-items:center; padding:0 0 10px;}
	.inquiryCheck_in dl:last-child{padding:0;}
	.inquiryCheck_in dl dt{width:100px; font-size:1rem; color:var(--black); line-height:120%; font-weight:500; text-align:left;}
	.inquiryCheck_in dl dd{width:calc(100% - 100px); display: flex;}
	.inquiryCheck_in dl dd .input{width: 100%; height: 50px; line-height:48px; border:1px solid var(--border); padding:0 15px; box-sizing:border-box; font-size:1rem; color:var(--basic); -webkit-appearance: none; -webkit-border-radius: 0;}
	.inquiryCheck_in dl dd .input.input_email{width: calc((100% - 25px)/3);}
	.inquiryCheck_in dl dd .select{width: calc((100% - 25px)/3); height: 50px; line-height:48px; border:1px solid var(--border); padding:0 15px; box-sizing:border-box; font-size:1rem; color:var(--basic); margin-left: 5px; cursor:pointer; outline:none;}
	.inquiryCheck_in dl dd .alpha{display: inline-block; width: 20px; line-height: 48px; font-size:1rem; vertical-align:middle;}




/* 천명호추가(2016-07-20) */
.pay_add_tit {font-size: 11px; color: #555;}
.pay_add_tit2 {font-size: 11px; color: #ee2d7a;}


/*배송지 관리*/
#myDelivery input.input_l {width:500px;}
#myDelivery input.input_m {width:280px;}
#myDelivery input.input_num {width:73px;}

#myDelivery_pop input.input_l {width:500px;}
#myDelivery_pop input.input_m {width:280px;}
#myDelivery_pop input.input_num {width:73px;}

#myDelivery{}
#myDelivery input.checkbox {width:18px; height:18px;}
#myDelivery dl{position:relative; border:1px solid #ddd; border-top:0; padding:30px 25px;}
#myDelivery dl:first-child{border-top:1px solid #ddd;}
#myDelivery dt{width:830px; font-size:18px; letter-spacing:-0.5pt; color:#444; padding-bottom:3px}
#myDelivery dd.txt{width:830px;font-size:14px; line-height:24px}
#myDelivery dd.btn {position:absolute; right:25px; top:40px}

#myDelivery p.basic {display:inline-block; width:90px; height:29px; line-height:29px; border:4px solid #ff6238; text-align:center; color:#ff6238; letter-spacing:-0.3pt;}
#myDelivery input[type=button].modi{ padding:8px 20px; border:1px solid #a3a3a3; color:#666; background:#fff; margin:0 0 3px 2px; cursor:pointer;}
#myDelivery input[type=button]:hover.modi{background-color:#f9f9f9}
#myDelivery input[type=button].delete{ padding:8px 20px; border:1px solid #a3a3a3; color:#fff; background:#a3a3a3; margin:0 0 3px 2px; cursor:pointer;}
#myDelivery input[type=button]:hover.delete{background-color:#868686; border:1px solid #868686;}

#myDelivery .btn_area {text-align:center; margin-top:30px;}
#myDelivery .btn_area .btn_wb {width:201px; height:55px; line-height:52px; cursor:pointer; display:inline-block; background:#fff; text-align:center; color:#444; font-weight:500; border:1px solid #918f8f;}
#myDelivery .btn_area .btn_b {width:201px; height:55px; line-height:52px; cursor:pointer; display:inline-block; background:#361d1e; text-align:center; color:#fff; font-weight:500; border:none; cursor:pointer}
#myDelivery .btn_area .btn_b:hover{background-color:#2f1213}
#myDelivery .no_data {border:1px solid #ddd; padding:50px; text-align:center; letter-spacing:-0.5pt;}


.add_table {border-collapse:collapse; width:100%; border-spacing:0px; border-top:1px solid #333;}
.add_table th {color:#333; text-align:left; padding:12px 0 12px 12px; border-bottom:1px solid #d7d7d7; background:#f9f9f9; font-weight:500; letter-spacing:-0.5pt;}
.add_table td {padding:12px 0 12px 12px; border-bottom:1px solid #d9d9d9;} 
.add_table .form_sub {display:inline-block; padding-top:10px; color:#666; font-size:13px;}
.add_table .form_sub strong{font-weight:500;}
.add_table input.add_num {margin-bottom:8px; width:152px;}
.add_table input.address {margin-bottom:8px;}
.add_table input.address_end {margin-bottom:0px;}
.add_table select {padding:7px 7px;}
.add_table input[type=text],
.add_table input[type=password] {border:1px solid #d0d0d0; color:#666;  padding:0 8px; height:33px; line-height:33px; vertical-align:middle;}
.add_table input[type=button]{ padding:8px 20px; border:1px solid #a3a3a3; color:#666; background:#fff; margin-left:5px; cursor:pointer;}
.add_table input[type=button]:hover{background-color:#f9f9f9}

#myDelivery_pop h1 {background:#444; padding:15px 10px; box-sizing:border-box; color:#fff; font-size:22px; letter-spacing:-0.5pt; font-weight:700;}
#myDelivery_pop h1 a.close {position:absolute; right:10px; top:18px; background:#fff; padding:5px; line-height:0;}
#myDelivery_pop .cont {padding:15px}
#myDelivery_pop dl{position:relative; border:1px solid #ddd; border-top:0; padding:25px 20px;}
#myDelivery_pop dl:first-child{border-top:1px solid #ddd;}
#myDelivery_pop dl.over{border:3px solid #356340;}
#myDelivery_pop dt{font-size:15px; letter-spacing:-0.5pt; color:#444; padding-bottom:3px}
#myDelivery_pop dd.txt{font-size:13px; line-height:24px}
#myDelivery_pop dd.btn{position:absolute; right:8px; top:8px}

#myDelivery_pop p.basic{display:inline-block; width:90px; height:29px; line-height:29px; border:2px solid #356340; text-align:center; color:#356340; letter-spacing:-0.3pt;}
#myDelivery_pop input[type=button].modi{ padding:6px 15px; border:1px solid #a3a3a3; color:#666; background:#fff; margin:0 0 3px 2px; cursor:pointer;}
#myDelivery_pop input[type=button]:hover.modi{background-color:#f9f9f9}
#myDelivery_pop input[type=button].delete{ padding:6px 15px; border:1px solid #a3a3a3; color:#fff; background:#a3a3a3; margin:0 0 3px 2px; cursor:pointer;}
#myDelivery_pop input[type=button]:hover.delete{background-color:#868686; border:1px solid #868686;}


#myDelivery_pop .btn_area{text-align:center; margin-top:30px;}
#myDelivery_pop .btn_area .btn_wb {width:201px; height:55px; line-height:52px; cursor:pointer; display:inline-block; background:#fff; text-align:center; color:#444; font-weight:500; border:1px solid #918f8f;}
#myDelivery_pop .btn_area .btn_b {width:201px; height:55px; line-height:52px; cursor:pointer; display:inline-block; background:#356340; text-align:center; color:#fff; font-weight:500; border:none; cursor:pointer}
#myDelivery_pop .btn_area .btn_b:hover{background-color:#4a8959}

.add_select {background:#f6f6f6; padding:10px; margin-bottom:10px;}
.add_select input[type=radio] {vertical-align:middle; margin-top:-2px;}
.add_select label {margin-right:10px; font-size:13px; }








/* 사이트맵 */
.sitemap_cont {display:flex; flex-wrap:wrap;}
.sitemap_cont dl {width:calc((100% - 90px) / 4); margin: 0 30px 50px 0; text-align:center; text-align:center; border-top: 2px solid var(--main);}
.sitemap_cont dl:nth-child(4n) {margin-right:0;}
.sitemap_cont dl dt{border-bottom:1px solid var(--border); font-weight:500; color:var(--black); letter-spacing:-0.35pt; padding:20px 0; line-height:120%; font-size:1.125rem;}
.sitemap_cont dl dd {border-bottom:1px solid var(--border); }
.sitemap_cont dl dd a{display:block; width:100%; padding:17px 0; line-height:120%; letter-spacing:-0.3pt; transition:all 0.3s linear; font-size:1rem;}
.sitemap_cont dl dd a:hover{color:var(--main); transition:all 0.3s linear; font-weight:500;}



/* 이용약관, 개인정보취급방침 */
.policy_cont {position:relative; overflow:hidden; font-size:1rem;}
#privacy_table {width:780px; border-collapse:separate; border-spacing:0; border-top:2px solid var(--main); text-align:center; margin:20px 0 0;}
#privacy_table th {font-size:1rem; letter-spacing:-0.35pt; line-height:150%; font-weight:400; color:var(--black); box-sizing:border-box; padding:12px 10px; border-bottom:1px solid var(--border); border-right:1px solid var(--border); background:var(--grayBg);}
#privacy_table th:last-of-type {border-right:0;}
#privacy_table td {font-size:0.88rem; letter-spacing:-0.35pt; line-height:150%; font-weight:400; color:var(--basic); box-sizing:border-box; padding:15px; border-bottom:1px solid var(--border); border-right:1px solid var(--border);}
#privacy_table td:last-of-type {border-right:0;}
.policy_cont br{display:block;}
.policy_cont .table_scr {width:100%; overflow-x:scroll; padding-bottom:15px;}
/* 스크롤바의 폭 너비 */
.table_scr::-webkit-scrollbar {
    height: 4px;  
}

.table_scr::-webkit-scrollbar-thumb {
    background: var(--main); /* 스크롤바 색상 */
    border-radius: 10px; /* 스크롤바 둥근 테두리 */
}

.table_scr::-webkit-scrollbar-track {
    background: var(--grayBg);  /*스크롤바 뒷 배경 색상*/
}

.policy_cont strong{font-weight:500; color:var(--black);}
.policy_cont .cont_title{font-size:1.2rem; color:var(--black); padding-bottom:10px; letter-spacing:-0.02em; font-weight:500;}
.policy_cont p.cont_tit {display:block; font-size:1.2em !important; padding-bottom:10px; font-weight:500; color:var(--black) !important; letter-spacing:-0.02em;}
.policy_cont .cont_txt {padding:0px 0px 35px 0;}
.policy_cont .cont_txt2 {padding-bottom:35px;}
.policy_cont .cont_box {padding:15px; background:var(--grayBg); margin:7px 0px 10px 0px; display:block;  letter-spacing:-0.02em; line-height:1.7;}
.policy_cont .height7 {height:10px;}
.privacy_list {width:91%; overflow:hidden; clear:both; *zoom:1; padding:4% 4% 3% 4%; border:1px solid var(--border); margin-bottom:30px;}
.privacy_list li {width:50%; float:left; padding-bottom:1%;}
.privacy_list li a {font-weight:500; color:var(--black);} 






/*******************************************************************************
	@media 420px
*******************************************************************************/
@media all and (max-width:460px) { 

.tab_list li a {font-size:11px;}


/*.cart_btm {height:45px;}
.cart_btm .result_cont {padding:0 10px; width:calc(100% - 225px);}
.cart_btm .result_cont .total_number {width:22px; height:22px; line-height:22px; font-size:13px;}
.cart_btm .cart_btm_in {width:calc(100% - 38px);}
.cart_btm .result_cont .total_price_txt {font-size:13px;}
.cart_btm .cart_btm_in .apply_btn {width:100px; gap:0 5px; font-size:12px;}
.cart_btm .cart_btm_in .apply_btn::after {font-size:16px;}
.cart_btm .fold_btn {width:38px; height:45px;}
.apply_ver {width: 75px; height: 45px;}
.apply_ver.last{width: 75px;}*/

.cart_btm .result_cont {padding:0 10px;}
.cart_btm .result_cont .total_price_txt {font-size:1rem;}
.cart_btm .result_cont .total_number {width:22px; height:22px; line-height:22px; font-size:12px;}

}