@charset "utf-8";

/* font 추가 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

/* basic */
.inner{width:100%; max-width:1400px; margin:0 auto; position:relative;}

@media all and (max-width:1400px){
	.inner{width:93.75%;}
}
@media all and (max-width:767px){
	.mo_hidden{display: none;}
}

.kor {font-family: 'Noto Sans KR', sans-serif;}

/*=========================================================
	header
==========================================================*/
#header {position: relative; z-index: 100; width: 100%; top: 0; transition: all 0.3s;}
#header .top {background: #fff;}
#header .top .inner {height: 100%;}
#header .top .logo {position: absolute; left: 0; top: 50%; width: 179px; transform: translateY(-50%); -webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%); transition: all 0.3s; margin: 0;}
#header .top .logo img {width: 100%;}
#header .top .menu_box {text-align: center; font-size: 0; letter-spacing: -4px; padding: 15px 44px 15px 0; box-sizing: border-box; transition: all 0.3s;}
#header .top .menu_box ul li {display: inline-block; vertical-align: top; margin: 0 17px;}
#header .top .menu_box ul li a {display: block; color: #444444; font-weight: 400; font-size: 14px; letter-spacing: 0; padding: 10px; box-sizing: border-box;}
#header .top .menu_box ul li a i {display: inline-block; vertical-align: top; margin-right: 10px; width: 20px; height: 20px;}
#header .top .menu_box ul li a i img {width: 100%; height: 100%; object-fit: none; object-position: center center;}
#header .top .menu_box ul li a span {display: inline-block; vertical-align: top;}
#header .top .right_box {position: absolute; z-index: 101; right: 0; top: 50%; font-size: 0; letter-spacing: -4px; transform: translateY(-50%); -webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%); display: flex; align-items: center;}
#header .top .right_box .login_box {display: inline-block; vertical-align: middle; margin-right: 7px; padding: 5px; box-sizing: border-box;}
#header .top .right_box .login_box a {display: inline-block; vertical-align: middle; width: 100px; height: 31px; line-height: 31px; color: #444444; font-weight: 400; font-size: 14px; letter-spacing: 0; text-align: center; border-radius: 16px; color: #fff;}
#header .top .right_box .login_box a.signup_btn {background: #ca4e34;}
#header .top .right_box .login_box a.login_btn {background: #f5950e; margin-right: 5px;}

/* 국가 선택창 전체 수정 (기존 20230224 파일 확인) */
#header .lang_box {width: 155px; letter-spacing: 0; position: relative;}
#header .lang_box .lang {position: absolute; top: -20px; left: 0; width: 100%; background-color: #fff; border: 1px solid #cecece; border-radius: 20px; overflow: hidden; cursor: pointer;}
#header .lang_box .lang::before {content: ''; position: absolute; top: 17px; right: 15px; width: 10px; height: 6px; background: url(/img/front/lang_arrow.png) no-repeat center center / cover;}
#header .lang_box .lang ul {display: none;}
#header .lang_box .lang a {display: flex; align-items: center; width: 100%; height: 40px; font-size: 14px; color: #444; gap: 10px; padding: 0 10px; box-sizing: border-box;}
#header .lang_box .lang > a {pointer-events: none;}

#header .bot {position: relative;}
#header .bot:before {position: absolute; z-index: -1; width: 100%; height: calc(100% - 35px); background: #f5950e; content: '';}
#header .bot .menu_slide {padding: 15px 0 8px;}
#header .bot .menu_slide ul {font-size: 0; letter-spacing: -4px;}
#header .bot .menu_slide ul li {display: inline-block; vertical-align: middle; margin-right: 10px;}/*margin-right수정*/
#header .bot .menu_slide ul li:last-of-type {margin-right: 0;}
#header .bot .menu_slide ul li label {display: block; font-size: 0; letter-spacing: -4px; box-sizing: border-box; border-radius: 22px; transition: all 0.3s; margin: 0;}
#header .bot .menu_slide ul li i {display: inline-block; vertical-align: middle;}
#header .bot .menu_slide ul li .check_custom p + i {margin-left: 10px;}
#header .bot .menu_slide ul li span {display: inline-block; vertical-align: middle; width: calc(100% - 67px); padding-left: 10px; box-sizing: border-box; color: #fff; font-weight: 400; font-size: 14px; letter-spacing: 0; transition: all 0.3s;}
#header .bot .menu_slide ul li a {display: table; width: 183px; height: 43px; font-size: 0; letter-spacing: -4px; padding: 4px 4px 4px 20px; box-sizing: border-box; border-radius: 22px; transition: all 0.3s; background: #fff;}/*width수정*/
#header .bot .menu_slide ul li a p {display: table-cell; vertical-align: middle;}
#header .bot .menu_slide ul li a span {width: calc(100% - 18px); color: #222222;}
#header .bot .search_wrap {width: 100%; max-width: 1028px; height: 70px; margin: 0 auto; position: relative;}
#header .bot .search_wrap .search_box {width: 100%; max-width: 1028px; height: 100%; border: 1px solid #f5950e; box-sizing: border-box; border-radius: 35px; font-size: 0; letter-spacing: -4px; background: #fff; padding: 5px 20px; position: relative; z-index: 1;}
#header .bot .search_wrap .search_box .category {display: inline-block; vertical-align: middle; width: 150px; padding: 10px 20px 10px 10px; box-sizing: border-box; cursor: pointer; position: relative;}
#header .bot .search_wrap .search_box .category:after {position: absolute; right: 10px; top: 45%; width: 10px; height: 6px; background: url('/img/front/search_arrow.png') no-repeat; content: '';}
#header .bot .search_wrap .search_box .category p {color: #454545; font-weight: 400; font-size: 14px; letter-spacing: 0; line-height: 1.2;}
#header .bot .search_wrap .search_box input[type="text"] {display: inline-block; vertical-align: middle; width: calc(100% - 184px); height: 100%; padding: 0 20px; border: none; background: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; box-sizing: border-box; font-weight: 300; font-size: 14px; letter-spacing: 0;}
#header .bot .search_wrap .search_box input[type="text"]::placeholder {color: #999999;}
#header .bot .search_wrap .search_box .search_btn {display: inline-block; vertical-align: middle; padding: 10px; margin-left:0; box-sizing: border-box; border: 0; background: transparent;}
#header .bot .search_wrap .search_box .translate_btn { display: inline-block; vertical-align: middle; margin-left: -40px; margin-right: 0; border:none; -webkit-appearance: none; background-image: url('/img/front/search-translate.png'); background-color: transparent; background-size: 100%; background-repeat: no-repeat; width: 33px; height: 33px; }
/*#header .bot .menu_slide ul li a:hover {background: #fff;}*/
/*#header .bot .menu_slide ul li a:hover span {color: #222;}*/
#header .bot .search_wrap .category_sub {display: none; position: absolute; z-index: -1; left: 0; top: 0; background: #ffffff; padding: 90px 30px 30px; box-sizing: border-box; font-size: 0; letter-spacing: -4px; width: 100%; border: 1px solid #f5950e; border-radius: 35px; min-height: 414px;}
#header .bot .search_wrap.on .category_sub {display: block;}
#header .bot .search_wrap .category_sub ul {display: inline-block; vertical-align: top; width: 33.333%; box-sizing: border-box;}
#header .bot .search_wrap .category_sub ul.type_w01 {width: 175px;}
#header .bot .search_wrap .category_sub ul li + li {margin-top: 10px;}
#header .bot .search_wrap .category_sub ul li a {color: #666666; font-weight: 300; font-size: 16px; letter-spacing: 0;}
#header .bot .search_wrap .category_sub ul li a:hover {color: #222222; font-weight: 600;}
#header .m_btn {display:none; vertical-align: middle; width:24px; margin:0 auto; text-align:right; cursor:pointer; margin-left: 20px;}
#header .m_btn i{display:inline-block; width:100%; height:2px; margin:3px 0; background:#000; transition:all 0.5s;}
#header .m_btn i:nth-of-type(2){width:84%;}
#header.onscroll {position: fixed;}
#header.onscroll .top .logo {width: 120px;}
#header.onscroll .top .menu_box {padding: 5px 44px 5px 0;}
#header.onscroll .bot:before {height: calc(100% - 25px);}
#header.onscroll .bot .menu_slide {padding: 5px 0;}
#header.onscroll .bot .search_wrap {height: 55px;}
#header.onscroll .bot .search_wrap .search_box .category {padding: 5px 20px 5px 10px;}
#header.onscroll .bot .search_wrap .search_box .category:after {top: 15px;}
#header.onscroll .bot .search_wrap .category_sub {padding-top: 70px;}

/* 20230220 헤더 메뉴 온 오프 버튼 추가 */
#header .bot .menu {display: none; height: 55px; align-items: center; justify-content: center; width: 100%; max-width: 55px; border: 1px solid #f5950e; border-radius: 35px; box-sizing: border-box; background-color: #fff; }
#header .bot .menu span {color: #222; font-weight: 700; font-size: 16px; letter-spacing: 0; line-height: 1.4;}
#header .bot .menu.active i {transform: rotate(180deg);}
#header .bot .menu img {vertical-align: unset;}
#header.onscroll .bot .menu {height: 50px;}

/* 각 사이트별 배경색 */
#header .bot.yahoo:before {background-color: #ffda45;}
#header .bot.yahoo .menu,
#header .bot.yahoo .search_wrap .search_box {border-color: #ffda45;}
#header .bot.rakuten:before {background-color: #bd0808;}
#header .bot.rakuten .menu,
#header .bot.rakuten .search_wrap .search_box {border-color: #bd0808;}
#header .bot.rakuma:before {background-color: #0045bf;}
#header .bot.rakuma .menu,
#header .bot.rakuma .search_wrap .search_box {border-color: #0045bf;}
#header .bot.surugaya:before {background-color: #131689;}
#header .bot.surugaya .menu,
#header .bot.surugaya .search_wrap .search_box {border-color: #131689;}
#header .bot.yahoo-shopping:before {background-color: #620a70;}
#header .bot.yahoo-shopping .menu,
#header .bot.yahoo-shopping .search_wrap .search_box {border-color: #620a70;}
#header .bot.mercari:before {background-color: #4dc9ff;}/* mercari추가 */
#header .bot.mercari .menu,
#header .bot.mercari .search_wrap .search_box {border-color: #4dc9ff;}

@media all and (max-width: 1400px) {
	#header .top .menu_box ul li {margin: 0 10px;}
	#header .bot .menu_slide ul li {width: calc(20% - 24px); margin-right: 30px;}
	#header .bot .menu_slide ul li:nth-of-type(5n) {margin-right: 0;}
	#header .bot .menu_slide ul li:nth-of-type(n+6) {margin-top: 15px;}
	#header .bot .menu_slide ul li a {width: 100%;}
	#header.onscroll .top .menu_box {padding: 15px 20% 15px 0;}
}
@media all and (max-width: 1200px) {
	#header .top .logo {left: 0; width: 160px;}
	#header .top .right_box {right: 5px;}
	#header .top .right_box .login_box a {width: 70px;}
	#header .top .menu_box ul li {margin: 0 5px;}
	#header .top .menu_box ul li a {padding: 10px 2px;}
	#header .bot .menu_slide ul li {width: calc(25% - 22.5px);}
	#header .bot .menu_slide ul li:nth-of-type(5n) {margin-right: 30px;}
	#header .bot .menu_slide ul li:nth-of-type(4n) {margin-right: 0;}
	#header .bot .menu_slide ul li:nth-of-type(n+5) {margin-top: 15px;}
}
@media all and (max-width: 1000px) {
	#header .top {height: 90px;}
	#header .top .menu_box {display: none;}
	#header .top .right_box .login_box {display: none;}
	#header .bot .menu_slide ul { display: block; }
	#header .bot .menu_slide ul li {width: calc(33.333333% - 20px);}
	#header .bot .menu_slide ul li:nth-of-type(4n) {margin-right: 30px;}
	#header .bot .menu_slide ul li:nth-of-type(3n) {margin-right: 0;}
	#header .bot .menu_slide ul li:nth-of-type(n+4) {margin-top: 15px;}
	#header .bot .search_wrap .category_sub ul {width: 50%;}
	#header .bot .search_wrap .category_sub ul.type_w01 {width: 50%;}
	#header .bot .search_wrap .category_sub ul:nth-of-type(n+3) {margin-top: 10px;}
	#header .m_btn {display: inline-block;}
	#header.onscroll .top {height: 70px;}
}
@media all and (max-width: 767px) {
	#header .bot .menu {display: flex;}
	#header .bot .search_wrap {display: flex;}
	#header .bot .menu_slide ul {display: none;}
	#header .bot .menu_slide ul.active {display: block;}
	#header .bot .menu_slide ul li {width: calc(50% - 15px);}
	#header .bot .menu_slide ul li:nth-of-type(3n) {margin-right: 30px;}
	#header .bot .menu_slide ul li:nth-of-type(2n) {margin-right: 0;}
	#header .bot .menu_slide ul li:nth-of-type(n+3) {margin-top: 15px;}
    #header .bot .menu_slide ul li span{width: calc(100% - 73px); padding-left: 5px;}
    #header .bot .menu_slide ul li label {display: flex; flex-wrap: nowrap; align-items: center;}/*추가*/
	#header .bot .search_wrap .category_sub {padding: 90px 20px 20px;}
	#header .bot .search_wrap .category_sub ul {padding-left: 20px;}
    #header .bot .search_wrap .search_box{padding-right: 0; height: 55px;}
    #header .bot .search_wrap .search_box .category{display: none;}
    #header .bot .search_wrap .search_box input[type="text"]{width: calc(100% - 40px); padding-left: 2px;}
    #header .bot .search_wrap .search_box .translate_btn{background-color: #fff;}
}

/*=========================================================
	m_menu
==========================================================*/
.m_menu_bg {z-index:101; position:fixed; left:0; top:0; display:none; width:100%; height:100%; background:rgba(0,0,0,.7); cursor:pointer; }
#m_menu {z-index:102; position:fixed; right:-100%; top:0; width:500px; max-width:80%; height:100%; background-color:#fff; box-sizing:Border-box; transition:all 0.5s; overflow-x: hidden; overfloW-y:auto;}
#m_menu.on {right:0; }
#m_menu .top_box {position:relative; padding:10px; box-sizing:border-box; }
#m_menu .top_box img {width: 150px;}
#m_menu .top_box .close_btn {position:absolute; right:20px; top:calc(50% - 15px); width:30px; height:30px; }
#m_menu .top_box .close_btn i {display:block; width:100%; height:2px; background-color:#333; }
#m_menu .top_box .close_btn i:first-of-type {-webkit-transform:rotate(45deg) translate(9px,9px); -moz-transform:rotate(45deg) translate(9px,9px); -ms-transform:rotate(45deg) translate(9px,9px); -o-transform:rotate(45deg) translate(9px,9px); transform:rotate(45deg) translate(9px,9px); }
#m_menu .top_box .close_btn i:last-of-type {-webkit-transform:rotate(-45deg) translate(-7px,8px); -moz-transform:rotate(-45deg) translate(-7px,8px); -ms-transform:rotate(-45deg) translate(-7px,8px); -o-transform:rotate(-45deg) translate(-7px,8px); transform:rotate(-45deg) translate(-7px,8px); }
#m_menu .login_box {padding:20px 0; background-color:#292929; text-align:center; }
#m_menu .login_box a {position:relative; padding:0 30px; font-size:20px; color:#fff; letter-spacing:-0.04em; }
#m_menu .login_box a:first-of-type:before {content:''; position:absolute; right:-1px; top:calc(50% - 7px); width:2px; height:15px; background-color:#fff; }
#m_menu .request_box > a{display: block; padding: 20px; font-size: 20px; font-weight: 500; color: #222;}
#m_menu .request_box > a > p i {display: inline-block; vertical-align: middle;height: 25px;}
#m_menu .category_box {border-top:1px solid #ddd; }
#m_menu .category_box > a {display:block; padding:20px 20px; font-size:20px; font-weight:500; color:#cc4a28; box-sizing:border-box; }
#m_menu .category_box .category_sub {position: absolute; right: -100%; top: 0; width: 100%; height: 100%; background: #fff; padding: 50px 20px 20px; box-sizing: border-box; transition:all 0.5s; display: none;}
#m_menu .category_box .category_sub.on {display: block; right: 0; padding-bottom: 960px;}
#m_menu .category_box .category_sub.on h2{color: #cc4a28;}
#m_menu .category_box .category_sub .close_btn { width:30px; height:30px; }
#m_menu .category_box .category_sub .close_btn i {display:block; width:100%; height:2px; background-color:#333; }
#m_menu .category_box .category_sub .close_btn i:first-of-type {-webkit-transform:rotate(45deg) translate(9px,9px); -moz-transform:rotate(45deg) translate(9px,9px); -ms-transform:rotate(45deg) translate(9px,9px); -o-transform:rotate(45deg) translate(9px,9px); transform:rotate(45deg) translate(9px,9px); }
#m_menu .category_box .category_sub .close_btn i:last-of-type {-webkit-transform:rotate(-45deg) translate(-7px,8px); -moz-transform:rotate(-45deg) translate(-7px,8px); -ms-transform:rotate(-45deg) translate(-7px,8px); -o-transform:rotate(-45deg) translate(-7px,8px); transform:rotate(-45deg) translate(-7px,8px); }
#m_menu .category_box .category_sub ul {padding:20px 0; box-sizing: border-box;}
#m_menu .category_box .category_sub ul > li + li {margin-top: 15px;}
#m_menu .category_box .category_sub.on ul > li + li{margin-top: 0;}
#m_menu .category_box .category_sub ul > li > a {display: block; font-size:17px; font-weight:200; color:#666666; line-height: 1.8em; box-sizing:border-box;}
#m_menu .menu_box {border-top:1px solid #ddd; padding: 20px; box-sizing: border-box;}
#m_menu .menu_box h5 {color: #f5950e;}
#m_menu .menu_box > ul > li + li {margin-top: 15px;}
#m_menu .menu_box > ul > li  a {display: block; font-size:18px; font-weight:300; color:#666666; box-sizing:border-box;}
#m_menu .menu_box > ul > li > ul >li a{font-size: 16px; font-weight: 200; padding: 5px 0;}
#m_menu .menu_box .cart_item_count.mobile { font-size: 14px; height: 24px; width: 24px; line-height: 24px; margin-left: 5px; }

@media all and (min-width: 1001px) {
	.m_menu_bg {display: none !important;}
	#m_menu.on {right:-100%; }
}

/*=========================================================
	blank (visible on scroll)
==========================================================*/
.blank {display: none; /* height: 100px; jw 20230227 */ height: 150px;}
#header.onscroll + .blank {display: block;}

/*=========================================================
	quick_menu
==========================================================*/
.quick_bg {position: fixed; top: 0; left: 0; width: 100%; height: 100vh; display: none;}
.quick_bg.on {display: block;}
.quick_menu {position: fixed; z-index: 100; right: 0; height: 0; bottom: 100px;}
.quick_menu > a {position: absolute; right: 0; top: calc(50% - 46.5px); display: table; width: 90px; height: 60px; background: #f5950e; opacity: 0.7; border-top-left-radius: 30px; border-bottom-left-radius: 30px;}
.quick_menu > a:before {position: absolute; left: 16px; top: calc(50% - 7px); width: 8px; height: 14px; background: url('/img/front/quick_menu_arrow.png') no-repeat; content: '';}
.quick_menu > a span {display: table-cell; vertical-align: middle; padding-left: 30px; box-sizing: border-box; color: #fff; font-weight: 500; font-size: 15px; letter-spacing: 0; text-align: center; line-height: 1.2;}
.quick_menu .quick_menu_on {position: absolute; right: calc(-100% - 3px); top: 0; width: 100%; height: 100%; background: #fff; border: 3px solid #f5950e; border-right: none; box-sizing: border-box; border-top-left-radius: 30px; border-bottom-left-radius: 30px; overflow: hidden; font-size: 0; letter-spacing: -4px;}

/* 닫기버튼 추가*/
.quick_close {background-color: #f5950d;}
.quick_close .quick_close_btn {color: #fff; font-size: 22px; text-align: center; letter-spacing: 0; width: 100%; padding: 7px 0;}
.quick_close .quick_close_btn:before, .quick_close .quick_close_btn:after { position: absolute; top: 4px; right: 25px; content: ' '; height: 40px; width: 2px; background-color: #fff;}
.quick_close .quick_close_btn:before {transform: rotate(45deg);}
.quick_close .quick_close_btn:after {transform: rotate(-45deg);}

.quick_menu .quick_menu_on .tit .tit_box {display: inline-block; vertical-align: top; width: calc(100% - 127px);}
.quick_menu .quick_menu_on .tit .tit_box .t_box {display: table; width: 100%; height: 87px;}
.quick_menu .quick_menu_on .tit .tit_box .t_box .tc_box {display: table-cell; vertical-align: middle; padding: 0 20px 0 40px; box-sizing: border-box;}
.quick_menu .quick_menu_on .tit .tit_box .t_box .tc_box p {display: inline-block; vertical-align: middle; color: #fff; font-weight: 700; font-size: 28px; letter-spacing: 0;}
.quick_menu .quick_menu_on .tit .tit_box .t_box .tc_box span {display: inline-block; vertical-align: middle; color: #fff; font-weight: 300; font-size: 18px; letter-spacing: 0;}
.quick_menu .quick_menu_on .quick_menu_tab {display: inline-block; vertical-align: top; width: 127px; height: 100%;}
.quick_menu .quick_menu_on .quick_menu_tab ul {width: 100%; height: 100%;}
.quick_menu .quick_menu_on .quick_menu_tab ul li {width: 100%; height: 50%;}
.quick_menu .quick_menu_on .quick_menu_tab ul li a {display: table; width: 100%; height: 100%; background: #dddddd;}
.quick_menu .quick_menu_on .quick_menu_tab ul li a span {display: table-cell; vertical-align: middle; text-align: center; color: #222222; font-weight: 500; font-size: 16px; letter-spacing: 0; line-height: 1.2;}
.quick_menu .quick_menu_on .quick_menu_tab ul li a span i {display: block; margin: 0 auto; margin-bottom: 15px;}
.quick_menu .quick_menu_on .quick_menu_tab ul li a span i.tab_icon01 {background: url('/img/front/quick_menu_tab_icon01.png') no-repeat; width: 28px; height: 37px;}
.quick_menu .quick_menu_on .quick_menu_tab ul li a span i.tab_icon02 {background: url('/img/front/quick_menu_tab_icon02.png') no-repeat; width: 35px; height: 35px;}
.quick_menu .quick_menu_on .quick_menu_tab ul li.on a {background: #ca4e34;}
.quick_menu .quick_menu_on .quick_menu_tab ul li.on a span {color: #fff;}
.quick_menu .quick_menu_on .quick_menu_tab ul li.on a span i.tab_icon01 {background: url('/img/front/quick_menu_tab_icon01_on.png') no-repeat;}
.quick_menu .quick_menu_on .quick_menu_tab ul li.on a span i.tab_icon02 {background: url('/img/front/quick_menu_tab_icon02_on.png') no-repeat;}
.quick_menu .quick_menu_on .tab_content {display: inline-block; vertical-align: top; width: calc(100% - 127px); height: 100%; padding: 35px 20px 35px 40px; box-sizing: border-box; overflow-y: auto;}
.quick_menu .quick_menu_on .tab_content::-webkit-scrollbar { background-color: #fff; width: 1rem; }
.quick_menu .quick_menu_on .tab_content::-webkit-scrollbar-thumb { height: 15%; background-color: #babac0; border-radius: 1rem; border: 4px solid #fff; }
.quick_menu .quick_menu_on .tit_content {font-size: 16px; letter-spacing: 0; color: #222; }
/* 230109추가 */
.tab_content .tit_content {font-family: "Poppins";font-weight: 600; font-size: 20px; letter-spacing: 0; color: #222; margin-bottom: 30px;}


.quick_menu .calc + .calc {margin-top: 30px;}
.quick_menu .calc .title h3 {font-size: 20px; line-height: 1.2em; font-weight: 600; letter-spacing: 0; color: #222;}
.quick_menu .calc .input_box {margin-top: 20px; position: relative;}
.quick_menu .calc.basic dl {font-size: 0; letter-spacing: -4px;}
.quick_menu .calc.basic dl + dl {margin-top: 6px;}
.quick_menu .calc.basic dl > * {display: inline-block; vertical-align: top;}
.quick_menu .calc.basic dl dt {font-size: 16px; line-height: 1.5em; color: #222; font-weight: 500; letter-spacing: 0;}
@media all and (min-width: 1001px) {
.quick_menu .calc .input_box img{position:absolute;right: 75px; top: -20px; }
}

.quick_menu .calc.basic dl dd {font-size: 16px; line-height: 1.5em; letter-spacing: 0; color: #222; font-weight: 400;}
.quick_menu .calc.basic dl dd select,
.quick_menu .calc.basic dl dd input {width: 100%; height: 50px; border-radius: 25px; border: 1px solid #c6c6c6; padding: 0 27px; box-sizing: border-box; outline: none;}
.quick_menu .calc.basic dl dd select { -webkit-appearance: none; -moz-appearance: none;  appearance: none; background: #fff url('/img/front/select_arrow.png') no-repeat center right 25px; }

.quick_menu .calc.basic dl.grid02 > * {width: calc(50% - 10px);}
.quick_menu .calc.basic dl.grid02 dd + dd {margin-left: 20px;}
.quick_menu .calc.basic dl.grid02 dt + dt {margin-left: 20px;}

.quick_menu .calc.basic dl.grid04 > * {width: calc(25% - 5px);}
.quick_menu .calc.basic dl.grid04 dd + dd {margin-left: 6px;}
.quick_menu .calc.basic dl.grid04 dt + dt {margin-left: 6px;}

.quick_menu .calc.basic .search_btn {margin-top: 14px;}
.quick_menu .calc.basic .search_btn button {display: block; width: 100%; height: 50px; border-radius: 25px; background-color: #ca4e34; font-size: 16px; line-height: 1.5em; color: #fff; letter-spacing: 0; padding: 13px 0; box-sizing: border-box; text-align: center;}

.quick_menu .calc.shipping .desc_box {margin-top: 11px;}
.quick_menu .calc.shipping .desc_box b {font-size: 16px; letter-spacing: 0; font-weight: 500; line-height: 1.5em; color: #222;}
.quick_menu .calc.shipping .desc_box p {font-size: 16px; line-height: 1.5em; font-weight: 400; letter-spacing: 0; color: #222; margin: 11px 0;}

.quick_menu .calc.shipping dl {font-size: 0; letter-spacing: -4px;}
.quick_menu .calc.shipping dl > * {display: inline-block; vertical-align: top; width: 50%; font-size: 16px; line-height: 2.25em; color: #222; letter-spacing: 0; font-weight: 400;}
.quick_menu .calc.shipping dl dt {display: inline-flex; align-items: center;}
.quick_menu .calc.shipping dl dt img{width: 25px; margin-right: 5px;}

.quick_menu .quick_menu_on .bottom_txt {margin: 30px 0 25px;}
.quick_menu .quick_menu_on .bottom_txt p {color: #888888; font-weight: 300; font-size: 14px; letter-spacing: 0; line-height: 1.6;}
.quick_menu .quick_menu_on .total dl dt {display: inline-block; vertical-align: middle; width: 355px; padding-right: 20px; box-sizing: border-box; color: #ca4e34; font-weight: 600; font-size: 20px; letter-spacing: 0; line-height: 1.2;}
.quick_menu .quick_menu_on .total dl dd {display: inline-block; vertical-align: middle; width: calc(100% - 355px); color: #ca4e34; font-weight: 600; font-size: 20px; letter-spacing: 0; line-height: 1.2;}
.quick_menu .quick_menu_on .bottom_txt02 {margin-top: 40px;}
.quick_menu .quick_menu_on .bottom_txt02 p {color: #888888; font-weight: 300; font-size: 14px; letter-spacing: 0; line-height: 1.6;}
.quick_menu .quick_menu_on ul {font-size: 0; letter-spacing: -4px;}
.quick_menu .quick_menu_on ul li {display: inline-block; vertical-align: top; width: calc(20% - 20px); margin-right: 20px; max-width: 130px;}
.quick_menu .quick_menu_on ul li:nth-of-type(5n) {margin-right: 0;}
.quick_menu .quick_menu_on ul li:nth-of-type(n+6) {margin-top: 30px;}
.quick_menu .quick_menu_on ul li .img_box {position: relative; overflow: hidden; padding: 50% 0; border: 2px solid #e5e5e5; box-sizing: border-box; background: #fff; border-radius: 20px;}
.quick_menu .quick_menu_on ul li:hover .img_box{border: 2px solid #f5950e ;}
.quick_menu .quick_menu_on ul li .img_box img {position: absolute; position:absolute; top:0; left:0; right:0; bottom:0; max-width:100%; max-height:100%; margin:auto;}
.quick_menu .quick_menu_on ul li .txt_box {padding-top: 8px;}
.quick_menu .quick_menu_on ul li .txt_box:after {content: ''; display: block; clear: both;}
.quick_menu .quick_menu_on ul li .txt_box span {color: #222222; font-weight: 500; font-size: 16px; letter-spacing: -1.5px;}
.quick_menu .quick_menu_on ul li .txt_box .time {float: right;}
.quick_menu .quick_menu_on ul li .txt_box .time i {vertical-align: middle; margin-right: 5px;}
.quick_menu .quick_menu_on ul li .txt_box p {margin-top: 10px; color: #888888; font-weight: 400; font-size: 14px; letter-spacing: 0; line-height: 1; display:-webkit-box;  word-wrap:break-word; -webkit-line-clamp:2;  -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; height:2em; width: 100%;}
.quick_menu.active {top: 50%; height: 740px; bottom: unset; transform: translateY(-50%); -webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%); width: 90%; max-width: 925px;}
.quick_menu.active .quick_menu_on {right: 0;}

/* 20230104  Recently Viewed Items 하단 로드 영역 추가 */
.quick_menu .quick_menu_on .more_box {display: flex; align-items: center; justify-content:flex-end; margin-top: 20px;}
.quick_menu .quick_menu_on .more_box p {font-size: 16px; letter-spacing: 0; color: #000;}
.quick_menu .quick_menu_on .more_box a {display: flex; align-items: center; justify-content: center; background: #ca4e34; font-size: 16px; letter-spacing: 0; color: #fff; padding: 0 30px ; height: 40px; border-radius: 20px;}


@media all and (max-width: 1200px) {
	.quick_menu .quick_menu_on .details dl dt {width: 250px;}
	.quick_menu .quick_menu_on .details dl dd {width: calc(100% - 250px);}
}
@media all and (max-width: 1000px) {
    .quick_menu.active{ top:auto; bottom:calc(0% - 340px); width: 100%; height: 680px;}
	.quick_menu > a { position: fixed; right: 10px; top: calc(100% - 95px); width: 85px; height: 85px; opacity: 0.9; 
    border-radius: 50px; box-shadow: 0px -3px 10px 0px rgb(85 85 85 / 30%);}
    .quick_menu > a span{font-size: 17px; padding-left: 0;}
    .quick_menu > a:before{display: none}
    .quick_menu .quick_menu_on{width: 100vw; border-radius: 0; border: none;}
    .quick_menu .calc.basic dl.grid02 > *{width: 100%;}
    .quick_menu .calc.basic dl.grid04 > *{width: calc(33.3333% - 5px);}s
    .quick_menu .calc .input_box img{position: relative; right: 0; top: 0;}
    /* 20230707 추가 */
    .quick_menu .quick_menu_on{display: flex; flex-direction: column; flex-wrap: nowrap;}
    .quick_menu .quick_menu_on .quick_menu_tab{width: 100vw; height: 130px;}
    .quick_menu .quick_menu_on .quick_menu_tab ul{display: flex; justify-content: space-between; flex-wrap: nowrap; align-items: flex-start;}
    .quick_menu .quick_menu_on .quick_menu_tab ul li{height: 100%; margin: 0; max-width: none;}
    .quick_menu .quick_menu_on .quick_menu_tab ul li a span i{margin-bottom: 3px;}
    .quick_menu .quick_menu_on .quick_menu_tab ul li a span br{}
    .quick_menu .quick_menu_on .tab_content{width: 100%; padding: 20px;}
    .quick_menu .quick_menu_on .tab_content .tab_cont.on:first-child{display: flex; flex-direction: column-reverse;}
    .quick_menu .quick_menu_on .tab_content .tab_cont.on .shipping{padding: 20px; background-color: #f2f2f2; margin: 0 0 30px 0;}
    .quick_menu .calc .input_box{margin-top: 0;}
    .quick_menu .calc.basic dl dd select, .quick_menu .calc.basic dl dd input{height: 40px;}
    
}

/*=========================================================
	footer
==========================================================*/
#footer { margin-top:150px; }
#footer .top {font-size: 0; letter-spacing: -4px; background: #000000; padding: 55px 0 100px;}
#footer .top .menu {display: inline-block; vertical-align: top; padding-left: 35px; box-sizing: border-box;}
#footer .top .menu.type_w50 {width: 50%;}
#footer .top .menu.type_w25 {width: 25%;}
#footer .top .menu p {color: #f5950e; font-weight: 500; font-size: 18px; letter-spacing: 0; text-transform: uppercase;}
#footer .top .menu ul {margin-top: 5px;}
#footer .top .menu ul li ul {margin-top: 5px;}
#footer .top .menu ul li ul li {margin-left: 25px;}
#footer .top .menu.type_w50 ul {display: inline-block; vertical-align: top; width: 50%; padding-right: 15px; box-sizing: border-box;}
#footer .top .menu ul li + li {margin-top: 5px;}
#footer .top .menu ul li  {color: #ffffff; font-weight: 500; font-size: 16px; letter-spacing: 0; line-height: 1.5; text-transform: uppercase;}
#footer .top .menu ul li a {color: #ffffff; font-weight: 200; font-size: 14px; letter-spacing: 1px; line-height: 1.5; text-transform: uppercase;}
#footer .bot {background: #fff; padding: 30px 0; text-align: center;}
#footer .bot p {color: #444444; font-weight: 500; font-size: 14px; letter-spacing: 0; line-height: 1.5;}
#footer .bot p br {display: none;}
#footer .bot p span {display: inline-block; vertical-align: top; margin: 0 5px;}
#footer .bot p.copy {color: #999999; font-weight: 300;}

@media all and (max-width: 1400px) {
	#footer .top .menu {padding-left: 15px;}
	#footer .top .menu p {font-size: 20px;}
}
@media all and (max-width: 1000px) {
	#footer .top .menu {padding-right: 10px; padding-left: 0;}
	#footer .top .menu.type_w50 {width: 100%; margin-bottom: 50px; padding-right: 0;}
	#footer .top .menu.type_w25 {width: 50%;}
	#footer .top .menu.type_w25:nth-of-type(n+3) {margin-top: 50px;}
	#footer .bot p br {display: block;}
}


html{scroll-behavior: smooth;}