@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");

*{ font-family:inherit; font-size:inherit; font-weight:inherit; border:0; outline:none; }
html,body{ font-family:"Pretendard"; font-size:16px; color:#000; letter-spacing:-0.05em; }
body{ -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; background:#fff; }
a{ text-decoration:none !important; }
a:focus,
a:hover{ color:inherit; }
i{ font-family:"FontAwesomes"; font-style:initial; }
input, select, textarea, button{ font-family:"Pretendard"; }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active{ -webkit-text-fill-color:#000; -webkit-box-shadow:0 0 0px 1000px #fff inset; box-shadow:0 0 0px 1000px #fff inset;
 transition: background-color 5000s ease-in-out 0s; }
input:autofill, input:autofill:hover, input:autofill:focus, input:autofill:active{ -webkit-text-fill-color:#000; -webkit-box-shadow:0 0 0px 1000px #fff inset; box-shadow:0 0 0px 1000px #fff inset; transition:background-color 5000s ease-in-out 0s; }

.tcol,.pageNavigation strong,.colorActive,.mobile_menu .btnWrap a:before,.productView .productSaleInfo .mallControlBtn ul li #cartBtn
{color:#E53032 !important;}
.tcolb,.table_basic,#ajax_body,.productView .productInfo .productImageZoom a:hover,.tmp-select > a:before,.form-control:focus,.input:focus
{border-color:#00ba9d !important;}
{border-color:#00ba9d;}
.tcolbg,.tb thead tr,#ajax_display .menu_black,.new_login_box .loginbtn,#clNav:hover > div,.tabRecent .on:before,.subHeader h3,.productView,.productTab li.on .productSaleInfo .mallControlBtn ul li .buyBtn
,.banner .bx-pager div a.active,.Photo:before,.Photo *:before
{background-color:#E53032 !important;}
.btnPack.strong,.box:after,.btnPack.blue,.btnPack.red
{background-color:#E53032;}

#Default .emailContent{background:rgba(45,130,194,0.1);}
#Default .emailContent dt{color:rgba(45,130,194,0.7);}

.container{ width:auto; padding-right:0; padding-left:0; }
.row{ margin-right:0; margin-left:0; }
.btnPack, input, select, textarea, button{ font-family:"Pretendard"; }


/*header*/
#header .stickmenu .container {width:calc(100% - 100px);max-width:1820px; border-radius:15px; padding:0 50px; margin:20px auto 0 auto;background:#fff;}
#header .stickmenu .container .row {position:relative;display:flex;align-items:center;height:80px;}
#header .stickmenu .container .row #Menu3 {margin-left:auto;}
#header .stickmenu .container .row #Menu3 .localNavi #topmenu>li {position:relative;width:auto !important;}
#header .stickmenu .container .row #Menu3 .localNavi #topmenu>li .mlink {font-size:18px; line-height:80px; font-weight:600;padding:0 60px;}
#header .stickmenu .container .row #Menu3 .localNavi #topmenu>li::before {content:"";position:absolute;bottom:0;left;0;width:0;height:3px; background:#008f79;transition:all .5s ease}
#header .stickmenu .container .row #Menu3 .localNavi #topmenu>li:hover::before {width:100%;}
#header .stickmenu .container .row #Menu3 .localNavi #topmenu>li .depth2 {width:100%; padding:20px 15px;padding:20px;}
#header .stickmenu .container .row #Menu3 .localNavi #topmenu>li .depth2 li {line-height:1.3;}
#header .stickmenu .container .row #Menu3 .localNavi #topmenu>li .depth2 li:nth-child(n+2) {margin-top:20px;}
#header .stickmenu .container .row #Menu3 .localNavi #topmenu>li .depth2 li a {line-height:1;font-size:17px; color:#888;white-space:normal;word-break:keep-all;transition:all .3s ease;}
#header .stickmenu .container .row #Menu3 .localNavi #topmenu>li .depth2 li:hover a {color:#000;}
#header .stickmenu .container .row #opNav {width:30px;height:30px;cursor:pointer;display:flex;flex-direction:column;justify-content:space-around;right:0;}
#header .stickmenu .container .row #opNav span {width:100%;height:3px;background:#000;display:block;}
#header .stickmenu .menu_wrap {padding:20px; background:#fff;width:calc(100% - 100px);margin:0 auto; border-radius:15px; position:absolute;left:50%;transform:translate(-50%);height:calc(100% + 300px) !important;z-index:-9;height:calc(100% + 280px) !important;}

#header .sticky {background:#fff;}
#header .sticky .container {margin:10px auto;margin:0 auto}
#header .sticky .menu_wrap {width:100%;border-radius:0;}


#header .stickmenu .container{background:#00a88f;color:#fff;background:#008f79}
#header .stickmenu .container .row #Menu3 .localNavi #topmenu>li::before {background:#fff;}
#header .stickmenu .container .row #Menu3 .localNavi #topmenu>li .depth2 li a {color:rgba(256,256,256,0.7)}
#header .stickmenu .container .row #Menu3 .localNavi #topmenu>li .depth2 li:hover a {color:#fff;}
#header .stickmenu .container .row #opNav span {background:#fff;}
#header .stickmenu .menu_wrap {background:#00a88f;background:#008f79}
#header .sticky {background:#00a88f;background:#008f79}
/*#header .sticky {box-shadow:0px 2px 2px rgba(0,0,0,.15)}*/

/*footer*/
#footer {background:#222;padding:0;background:#111}
#footer .footer {display:flex;justify-content:space-between;padding:100px 200px;max-width:1520px; margin:0 auto;padding:100px 0}
#footer .footer .info {color:rgba(0,0,0,.8);overflow:inherit}
#footer .footer .info img {margin-bottom:40px;}
#footer .footer .info div {margin-bottom:10px}
#footer .footer .info div:last-of-type {margin-bottom:0;}
#footer .footer .info div span {font-size:15px;font-weight:400}
#footer .footer .info div span:nth-of-type(n+2){margin-left:15px;}
#footer .footer .info div span:after {display:none;}
#footer .footer .info div span strong {font-weight:600;margin-right:5px;}
#footer .footer .info div:las-of-type {margin-bottom:0;}
#footer .footer .footer_menu {display:flex;flex-wrap:wrap;align-content:space-between;}
#footer .footer .footer_menu ul {width:100%;text-align:right;padding-bottom:0;display:flex;justify-content:flex-end;}
#footer .footer .footer_menu ul li {margin-right:15px;}
#footer .footer .footer_menu ul li:last-child {margin-right:0;}
#footer .footer .footer_menu ul li:after {display:none;}
#footer .footer .footer_menu .link li {margin-right:20px;}

#footer .scroll_btn {position:fixed;right:50px;bottom:50px; display:flex;flex-direction:column;align-items:center;z-index:99;gap:10px;}
#footer .scroll_btn .quick_menu {position:relative;display:flex;flex-direction:column;justify-content:flex-end;}
#footer .scroll_btn .quick_menu:before {position:absolute;bottom:0;right:0;width;100%;border-radius:15px; content:"";background:#008f79;height:80px; box-shadow:0px 0px 10px rgba(0,0,0,.15);z-index:-1;transition:all .3s ease-in-out;width:80px}
#footer .scroll_btn .quick_menu:hover::before {height:100%;}
#footer .scroll_btn .quick_menu .box {display:flex;align-items:center;justify-content:center;width:80px;height:0;color:#fff;font-size:13px; flex-direction:column;opacity:0;visibility:hidden;overflow:hidden;transition:all .3s ease;}
#footer .scroll_btn .quick_menu .box.quick {background:#00ba9d;border-radius:15px;height:80px !important;width:80px;opacity:1 !important;visibility:visible !important;overflow:visible;z-index:10;box-shadow: 0px 0px 10px rgba(0,0,0,.15);}
#footer .scroll_btn .quick_menu:hover .box {height:80px; opacity:1;visibility:visible;}
#footer .scroll_btn .quick_menu .box p {margin-top:10px}
#footer .scroll_btn .quick_menu #bottom.box {display:none;}
#footer .scroll_btn .quick_menu #bottom.box img {width:21px;}
#footer .scroll_btn .back-to-top {width:80px !important;height:80px !important;background:#fff !important;border:0;border-radius:15px !important;box-shadow: 0px 0px 10px rgba(0,0,0,.15);position:initial !important;display:block !important;opacity:1 !important;bottom:0 !important;right:0 !important;align-content:center;}
#footer .scroll_btn .back-to-top:before {color:#000;font-size:22px;}
#footer .scroll_btn .insta, #footer .scroll_btn .kakao {width:80px;height:80px;border-radius:15px; display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow: 0px 0px 10px rgba(0,0,0,.15);}
/*#footer .scroll_btn .insta img, #footer .scroll_btn .kakao img {width:20px;}*/
#footer .scroll_btn .insta {background-image:url(../image/insta_bg.png);background-size:cover;background-repeat:no-repeat;}
#footer .scroll_btn .kakao {background:#ffe900;}


#container {margin-top:-100px;}


/*mobile_menu*/
.mobile_menu {width:100%;background:#008f79;}
.mobile_menu #clNav > i {background:#fff !important;width:25px}
.mobile_menu #clNav {width:25px; height:25px;right:25px; top:25px}
.mobile_menu>ul {margin-top:80px;}
.mobile_menu>ul>li {border-top:0;}
.mobile_menu>ul>li.keep>a:before {content:"\f078";font-family:"FontAwesomes";right:35px;width:20px !important;height:20px !important;background: transparent !important;display:flex;align-items:center;justify-content:center}
.mobile_menu>ul>li.open>a:before {transform:rotate(180deg);}
.mobile_menu>ul>li.keep>a:after{display:none;}
.mobile_menu>ul>li>a {color:#fff;height:auto;line-height:1.5;padding:20px; font-size:16px;}
.mobile_menu>ul>li>ul>li {border-top:0;}
.mobile_menu>ul>li>ul>li>a {color:rgba(256,256,256,.85);line-height:1.5;height:auto;padding:15px 30px;font-size:15px;padding:15px 25px}
.mobile_menu>ul>li>ul>li>a:before {right:30px;}
.mobile_menu>ul>li>ul>li>ul.childes {border-top:0;background:transparent;padding:0 35px;}
.mobile_menu>ul>li>ul>li>ul>li>a {color:rgba(256,256,256,.5);display:block;height:auto;line-height:inherit;padding:4px 0}
.mobile_menu>ul>li>ul>li>ul>li>a:before {display:none;}


/*개인정보취급방침*/
#Default table {width:100%;}
#Default table tbody tr {border-top:1px solid rgba(0,0,0,.15);}
#Default table tbody tr th {padding:10px ;text-align:center;background:#F5F3EB;border-bottom:1px solid rgba(0,0,0,.15);background:#f5f5f5;border-right:1px solid rgba(0,0,0,.15);}
#Default table tbody tr td {padding:5px ;text-align:center;border-bottom:1px solid rgba(0,0,0,.15);border-right:1px solid rgba(0,0,0,.15);}
#Default table tbody tr th:last-child, #Default table tbody tr td:last-child {border-right:0}


/*모달창*/
#facebox {top:50% !important;left:50% !important;transform:translate(-50% , -50%);position:fixed;}
#facebox .popup {display:flex;flex-direction:column-reverse;border-radius:20px;background:#fff;overflow:hidden;}
#facebox .popup .content {padding:10px 10px 20px 10px}
#facebox .popup .content>div {height:580px ;overflow-y:scroll;overflow-y:auto}
#facebox .txt {margin-top:20px;word-break:keep-all}
#facebox .txt h4 {font-size:24px; font-weight:700;}
#facebox .txt p {margin-top:20px;font-size:18px}
#facebox .close {padding:10px 20px;text-align:right;position:relative;background:transparent;top:0;right:0}






@media only screen and (max-width:1600px){
	/*header*/
	#header .stickmenu .container {padding:0 40px;}
	#header .stickmenu .container .row #Menu3 .localNavi #topmenu>li .mlink {padding: 0 50px;}
	#header .stickmenu .menu_wrap {height:calc(100% + 300px) !important}
	/*footer*/
	#footer .footer {width:calc(100% - 100px)}
}
@media only screen and (max-width:1400px){
	/*header*/
	#header .stickmenu .container {padding:0 35px;width:calc(100% - 50px); }
	#header .stickmenu .container .row #Menu3 .localNavi #topmenu>li .mlink {padding: 0 40px;}
	#header .stickmenu .container .row #Menu3 .localNavi #topmenu>li .depth2 {padding:20px;}
	#header .stickmenu .menu_wrap {width:calc(100% - 50px);height:calc(100% + 330px) !important;}
	#header .stickmenu.sticky .menu_wrap {width:100%}
	/*footer*/
	#footer .footer {width:calc(100% - 50px);padding:80px 0;}
	#footer .footer .info img {margin-bottom:25px;}
	#footer .scroll_btn {right:25px;}
}
@media only screen and (max-width:1200px){
	/*header*/
	#header .stickmenu.sticky .container {padding:0 }
	#header .stickmenu .container {padding:0 30px;}
	#header .stickmenu .container .row {height:75px;}
	#header .stickmenu .container .row .logo {width:160px;}
	#header .stickmenu .container .row .logo img {width:100%;}
	/*footer*/
	#footer .footer {flex-wrap:wrap;flex-direction:column;padding:60px 0 }
	#footer .footer .info {width:100%;}
	#footer .footer .info img{width:160px; ;}
	#footer .footer .footer_menu {margin-top:30px;width:100%;}
	#footer .footer .footer_menu ul {text-align:left;margin-top:20px;justify-content:flex-start;}
	#footer .footer .footer_menu .link {margin-top:0}
	/*facebox*/
	#facebox .txt h4{font-size:22px;}
	#facebox .txt p {font-size:17px;}
}
@media only screen and (max-width:1000px){
}
@media only screen and (max-width:800px){
	/*header*/
	#header .stickmenu {background:#fff;background:#008f79}
	#header .stickmenu .container {padding:0 ;margin:0 auto;}
	#header .stickmenu .container .row {height:70px;}
	#header .stickmenu .container .row .logo {width:140px;}
	/*footer*/
	#footer .footer .info img{width:150px; }
	#footer {padding-bottom:80px;}
	#footer .scroll_btn {position:fixed !important; left:0 !important ;right:0 !important; bottom:0 !important; width:100% !important;margin:0 !important;padding:0 !important; flex-direction:row !important; gap:0 !important;background:#008f79 ;overflow:hidden !important;box-sizing:border-box !important;}
	#footer .scroll_btn .quick_menu {flex-direction:row !important;width:100% !important;justify-content:space-around; height:80px !important;display:flex !important;margin:0 !important;padding:0 !important;overflow:hidden !important;}
	#footer .scroll_btn .quick_menu:before {display:none;content:none}
	#footer .scroll_btn .quick_menu .box.quick {display:none;}
	#footer .scroll_btn .quick_menu .box {height:100% !important;opacity:1 !important;visibility:visible !important;width:25% ;padding:15px 0;flex:1 !important;width:auto  !important;;padding:0  !important;}
	#footer .scroll_btn .quick_menu #bottom.box {display:inherit;}
	#footer .scroll_btn .back-to-top{position:fixed !important;right:15px !important; bottom:95px !important;width:60px !important;height:60px !important ;margin:0 !important;}
	#footer .scroll_btn .back-to-top:before{font-size:15px;}
	#footer .scroll_btn .kakao {position:fixed !important;right:15px !important; bottom:235px !important;width:60px !important;height:60px !important ;margin:0 !important;}
	#footer .scroll_btn .insta{position:fixed !important;right:15px !important; bottom:165px !important;width:60px !important;height:60px !important ;margin:0 !important;}
	#footer .scroll_btn .insta .icon, #footer .scroll_btn .kakao .icon {width:25px;}
	#footer .scroll_btn .insta .icon img, #footer .scroll_btn .kakao .icon img{width:100%;}
/*	html,body {max-width:100% !important;overflow-x:hidden !important;}*/
}
@media only screen and (max-width:767px){
	/*footer*/
	#footer .footer .info img {width:140px}
	#footer .footer .info div span {display:block; margin-left:0 !important;line-height:1.5;white-space:normal;word-break:keep-all}
	#footer .footer .footer_menu .link li {margin-right:15px;}
	#footer .footer .footer_menu ul {font-size:0;line-height:1}
	#footer .footer .footer_menu ul li a {font-size:15px}
	/*facebox*/
/*	#facebox {width:calc(100% - 50px) !important;left:50% !important;transform:translateX(-50%) }*/
	#facebox {width:calc(100% - 100px) !important;}
	#facebox .content{width:auto ;}
	#facebox .popup .content>div {width:auto !important;height:400px}
	#facebox .txt h4{font-size:20px;}
	#facebox .txt p {font-size:16px;}
}
@media only screen and (max-width:600px){
	/*footer*/
	#footer .footer .footer_menu ul {flex-wrap:wrap;}
	#footer .footer .footer_menu ul li{width:100%;margin-bottom:10px}
	#footer .footer .footer_menu .link {flex-wrap:nowrap;}
	#footer .footer .footer_menu .link li {width:auto;}
}
@media only screen and (max-width:500px){
	/*footer*/
	#footer .scroll_btn .quick_menu .box  {font-size:10px;}
	#footer .scroll_btn .quick_menu .box p {margin-top:5px;}
	/*facebox*/
	#facebox {width:calc(100% - 50px) !important;}
}
@media only screen and (max-width:400px){
}