@charset "utf-8";
html, body{height:100%; }
a{ text-decoration:none; border:none; outline:none; }
a:hover, a:focus{ text-decoration:none; }
select:focus {outline:none;}
::-webkit-scrollbar {
width:10px;
height:10px
}
::-webkit-scrollbar-thumb {
border-radius:8px;
background-color:rgba(0,0,0,.2)
}
::-webkit-scrollbar-track {
border-radius:8px;
background-color:rgba(0,0,0,.1)
}
table{width:100%}
.text_biz{font-family:"GmarketSansMedium"; color:#000; font-size:14px; padding-left:22px; position:relative}
.text_biz:before{content:''; display:block; width:16.5px; height:16.5px; background:url('/images/Inqten/Common/biz_q.svg'); position:absolute; left:0; top:-2px}
.won_unit{font-family: 'DM Sans', sans-serif; font-weight:600; letter-spacing: -0.26px; font-size:13px }
img { max-width: 100%; vertical-align: middle; border: none; outline: none; }
.pcHideMoShow{display:none;}
.en{font-family: 'DM Sans', sans-serif; }
textarea {
border: 1px solid #ddd;
width: 100%;
box-sizing: border-box;
vertical-align: bottom;
resize: none;
-webkit-border-radius: 0;
border-radius: 0;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
height: 50px;
font-family: inherit;
color: #999;
font-size: 1rem;
padding: 10px;
}
/* -------------------------------------- Layout --------------------------------------------- */
.wrap, .wrapper{height:100%; }
.inqten_wrap { max-width:1280px; margin:0 auto; position:relative; }
.inqten_wrap:after {display:block; content:""; clear:both;}
@media only screen and (max-width:1280px) {
.inqten_wrap { padding-left:15px; padding-right:15px; }
}
@media only screen and (max-width:768.98px) {
html, body{font-size:12px}
.pcHideMoShow { display:block; }
#HappytalkIframe {width: 60px !important; height: 60px !important; bottom: 90px !important;}
}
/* -------------------------------------- //Layout --------------------------------------------- */
/* ========================= FOOTER ========================= */
.layout_footer { margin-top:60px; font-size:13px; line-height:1.5; font-weight:400; color:#999; background:#fff; position:relative; }
.layout_footer a, .layout_footer span, .layout_footer div{color:#999;}
.layout_footer .title { font-size:14px; line-height:1.3; font-weight:700; color:#444; padding-bottom:15px; }
.layout_footer .copyright { padding-top:15px; letter-spacing: -0.26px;}
.layout_footer .footer_a { border-top:1px #ddd solid; padding:0 0 40px; text-align:center; }
.layout_footer .footer_b { border-top:1px #ddd solid; }
.layout_footer .footer_c { border-top:1px #ddd solid; padding:45px 0 45px; }
.layout_footer .footer_c .inqten_wrap { position:relative; }
.layout_footer .menu2 { padding:19px 0 20px; }
.layout_footer .menu2:after {display:block; content:""; clear:both;}
.layout_footer .menu2>li { float:left; }
.layout_footer .menu2>li:first-child { background:none; }
.layout_footer .menu2>li>a { display:block; padding-right: 60px}
.layout_footer .menu2>li>a:last-child{margin-right:0}
.layout_footer .menu3 { padding-right: 0px; line-height:1.925; }
.layout_footer .menu3:after {display:block; content:""; clear:both;}
.layout_footer .menu3 p{display:block; font-weight:400; }
.layout_footer .menu3 p span{display:inline-block; margin-right:22px}
.layout_footer .menu3 p span:last-child{margin-right:0}
.layout_footer .family_site{position:relative;display:inline-block;width:170px;vertical-align:middle;font-size:13px;
-webkit-box-sizing: border-box; box-sizing: border-box; z-index:1}
.layout_footer .family_site *{margin:0;padding:0;cursor:pointer;}
.layout_footer .family_site .selected{position:relative;display:inline-block;width:100%;box-sizing: border-box; padding:4px 21px 5px; line-height:1.85;
color:#999;text-align:left; background:#F5F5F5; border-radius: 50px; z-index:90}
.layout_footer .family_site:before{position:absolute;right:15px;top:3px;display:inline-block;content: "\F0140"; color:#999;
font-family: "Material Design Icons"; font-size:18px; z-index:99
}
.layout_footer .family_site.active:before{content: "\F0143"!important; }
.layout_footer .family_site:after{content:'';display:none; }
.layout_footer .family_site ul{position:absolute;bottom:100%;left:0;display:block; z-index:99; box-sizing: border-box;content:'';width:100%;height:auto;overflow:auto;list-style:none;
;border-bottom:0;background:#F5F5F5; border-radius: 5px;}
.layout_footer .family_site ul.list{display:none;}
.layout_footer .family_site li{position:relative;overflow:hidden;white-space:nowrap;border-bottom:1px solid #ddd;}
.layout_footer .family_site li:first-child{padding-top:5px}
.layout_footer .family_site li:last-child{padding-bottom:5px; border-bottom:none;}
.layout_footer .family_site li a{display:block; color:#999; text-decoration:none;text-align:left; font-size:13px; padding:5px 9px}
.layout_footer .family_site li:hover *{ color:#45B035;}
.footer_menu_banner_wrap{margin-bottom:30px}
.layout_footer .footer_c .footer_company_menu{ margin-bottom: 0px }
.layout_footer .footer_c .footer_company_menu li{ padding-right: 60px; position:relative;}
.layout_footer .footer_c .footer_company_menu li a{font-weight:600; color:#333}
.layout_footer .footer_c .footer_company_menu li:after{content:'';display:block; width:1px; height:10px; background:#ddd; position:absolute; top:5px; right: 30px}
.layout_footer .footer_c .footer_company_menu li:last-child{padding-right:0}
.layout_footer .footer_c .footer_company_menu li:last-child:after{display:none;}
/* .footer_info_wrap{ } */
.footer_info_wrap, .footer_info_wrap a{color:#999}
.footer_info_wrap .footer_L{ width:calc(100% - 370px); }
.footer_info_wrap .footer_L h3{font-size:16px; font-family: 'DM Sans', sans-serif; letter-spacing: -0.32px; color: #666; margin-bottom:10px; font-weight:500}
.footer_info_wrap .footer_L .footer_sns_box{ margin-top:20px }
.footer_info_wrap .footer_L .footer_sns_box a{display:inline-block; margin-right:15px;box-sizing:border-box;}
.footer_info_wrap .footer_L .footer_sns_box a:last-child{margin-right:0}
.footer_info_wrap .footer_L .footer_sns_box i{display:block; width:36px; height:36px}
.footer_info_wrap .footer_L .footer_sns_box .icon_blog{background:url(/images/Inqten/Common/icon_blog.png) no-repeat}
.footer_info_wrap .footer_L .footer_sns_box .icon_instagram{background:url(/images/Inqten/Common/icon_instagram.png) no-repeat}
.footer_info_wrap .footer_L .footer_sns_box .icon_youtube{background:url(/images/Inqten/Common/icon_youtube.png) no-repeat}
.footer_info_wrap .info_txt_box{ }
.footer_info_wrap .footer_cs_box{ width:340px}
.footer_info_wrap .footer_cs_box .cs_title{margin-bottom:10px }
.footer_info_wrap .footer_cs_box .cs_title h3{font-size:16px; font-family: 'DM Sans', sans-serif; letter-spacing: -0.32px; color: #666; margin-bottom:5px; font-weight:500 }
.footer_info_wrap .footer_cs_box .cs_title strong{display:block; color:#4FB748; font-size:26px; font-family: 'DM Sans', sans-serif; font-weight:500}
.footer_info_wrap .footer_cs_box .cs_title h4{font-size:14px; font-family: 'DM Sans', sans-serif; letter-spacing: -0.32px; color: #666; margin-bottom:0px; }
.footer_info_wrap .footer_cs_box .cs_title.fax_txt{margin-bottom:0}
.footer_info_wrap .footer_cs_box .cs_title.fax_txt strong{color:#fdb813; font-size:18px; margin-bottom:10px; margin-top:5px}
.footer_info_wrap .footer_cs_box .cs_info li{ line-height:1.85 }
.footer_c .footer_banner_box{ margin-top:25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.footer_c .footer_banner_box p:last-child { border-left: 1px solid #ededed;}
.footer_info_wrap .footer_R{width:154px; margin-left:96px }
.footer_info_wrap .footer_R ul, .footer_info_wrap li{ padding:0; margin:0; list-style:none}
.footer_info_wrap .footer_R li {line-height:2.25}
.footerBar {display:none; background:#F5F5F5; position:fixed; bottom:0; left:0; width:100%; z-index:990}
.footerBar .navList{ display: flex; padding: 0px 10px; justify-content: space-around;}
/* .footerBar .navList a{} */
.footerBar .navList> a { position: relative; display: block; flex: 1 1 0%; padding: 10px 0px; text-align: center;}
.footerBar .navList> a img{height:27px}
@media only screen and (max-width:1280px) {
.layout_footer .menu2>li>a { padding-left:15px; padding-right: 15px}
.layout_footer .footer_c { padding: 45px 0 45px 15px; }
.footer_info_wrap .footer_L{ width:calc(100% - 200px); }
.footer_info_wrap .info_txt_box{width:calc(100% - 245px)}
.footer_info_wrap .footer_cs_box{ width:245px}
.footer_info_wrap .footer_R{width:154px; margin-left:46px }
}
@media only screen and (max-width:1023px) {
.layout_footer .menu1>li,
.layout_footer .menu1>li.delivery { width:50%; max-width:none; }
.layout_footer .menu3 { padding-right:110px; }
#floating_over .ico_floating_back,
#floating_over .ico_floating_foward { display:block; }
.footer_info_wrap{display:block!important;}
.footer_info_wrap .footer_L{ width:100%; border-bottom:1px #ddd solid; border-right:none; padding-bottom:30px}
.footer_info_wrap .footer_R{ width: 100%; padding-top:30px; margin-left:0px; position:relative; }
.footer_info_wrap .footer_R ul{
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
.footer_info_wrap .footer_R li{padding-right:15px}
.footer_info_wrap .footer_R li:last-child{padding-right:0px}
.footer_info_wrap .footer_R .footer_sns_box{position:absolute; top:-60px; right:0; width:250px}
}
@media only screen and (max-width:767px) {
.layout_footer { margin-top:40px; }
.layout_footer .menu1 { display:flex; flex-flow:row wrap; margin-left:0; }
.layout_footer .menu1>li,
.layout_footer .menu1>li.delivery { padding-left:0; flex:0 0 100%; width:100%; }
.layout_footer .menu1>li.guide { order:2; }
/* .layout_footer .menu2 { } */
.layout_footer .menu3 { padding-right: 0px; }
.layout_footer .menu3 br{display:none;}
/* .layout_footer .menu3 p:first-child{} */
.layout_footer .escrow { position:static; right:none; top:none; padding-top:10px; }
.layout_footer .escrow_fix { position:static; right:none; top:none; margin-top:10px; }
.layout_footer .footer_c { padding: 25px 0 25px 0px; }
.footer_menu_wrap{display:block!important; padding-bottom:15px}
.footer_info_wrap .footer_L h3{margin-bottom:15px}
.layout_footer .copyright{padding-top:15px}
.footer_info_wrap .footer_L{display:block;}
.footer_info_wrap .info_txt_box{width:100%}
.footer_info_wrap .footer_cs_box{ width:100%; padding-top:30px}
.footer_info_wrap .footer_R{padding-bottom:50px; padding-top: 15px;}
.footer_info_wrap .footer_R .footer_sns_box{position:absolute; right:0; width:245px}
.footer_info_wrap .footer_cs_box .cs_title { margin-bottom: 10px;}
.footer_info_wrap .footer_cs_box .cs_info li{display:inline-block; margin-right:10px}
.footer_info_wrap .footer_cs_box .cs_info li:first-child{display:block;}
.footer_info_wrap .footer_cs_box .cs_info li:last-child{margin-right:0}
.footer_info_wrap .footer_R .footer_sns_box{right:auto; left:0; width:100%}
.footerBar {display:block;}
.mfooterN .footerBar {display:none!important}
.mfooterN .layout_footer {display:none!important}
.mfooterN .sub_content_container{padding-bottom:150px!important}
.layout_footer .footer_c .footer_company_menu li{ padding-right: 40px; }
.layout_footer .footer_c .footer_company_menu li:after{ right: 20px}
.footer_menu_banner_wrap{display:block!important;}
.footer_menu_banner_wrap .footer_banner_box{margin-top:15px}
.footer_menu_banner_wrap .footer_sns_box{ margin-top:15px }
}
@media only screen and (max-width:479px) {
.layout_footer .title { padding-bottom:10px; }
.layout_footer .menu1>li { padding-top:30px; }
/* .layout_footer .menu3 { } */
.layout_footer .menu3>li { padding-left:0; float:none; }
/* .layout_footer .menu2 { } */
.layout_footer .menu2>li>a { font-size:12px}
/*
.footer_info_wrap .footer_cs_box {position:relative; padding-bottom:50px}
.footer_info_wrap .footer_cs_box .cs_info{ position:absolute; left:10px; bottom:0}*/
.footer_info_wrap .cs_icon{display:none}
/* .layout_footer .menu2>li:nth-child(4){ } */
.layout_footer .menu2>li{width:auto; margin:2px 22px 2px 0; position:relative; }
.layout_footer .menu2>li:after{content:''; display:block; width:1px; height:10px; background:#eee; position:absolute; top:5px; right:-11px}
.layout_footer .menu2>li >a{padding:0}
.layout_footer .menu2>li:last-child{margin:2px 0}
.layout_footer .menu2>li:last-child:after{display:none;}
}
/* ========================= //FOOTER( /layout_footer ) ========================= */
/* ========================= HEADER( /layout_header ) ========================= */
@media only screen and (min-width:768px) {
/*.layout_header{position:fixed; top:0; left:0; width:100%; height:170px; background:#fff; z-index:100}
.inqten_content_wrap{padding-top: 0px;}*/
}
.header_top{padding:35px 0 35px 0}
.header_top h1, .header_top h1 a{line-height:1; display: block; display:flex; justify-content:center; align-items:center; }
.header_top .util_wrap li a{color:#999; font-size:13px; letter-spacing: -0.26px; white-space: nowrap; }
.header_top .util_wrap li {padding-right:39px; position:relative;}
.header_top .util_wrap li:last-child{padding-right:0}
.header_top .util_wrap li:last-child:after{display:none;}
.header_top .util_wrap li:after{ content:''; display:block; width:1px; height:10px; position:absolute; top:50%; margin-top:-5px; right:20px; background:#ddd;}
.header_bottom{position:relative; padding-left:70px; }
.search_cart_wrap .top_search_box{background:#f5f5f5; padding:9px 20px 12px 24px; min-height:45px; margin-right:12px; width:250px; cursor: pointer;}
.search_cart_wrap .top_search_box input, .search_cart_wrap .top_search_box .txt{border:none; padding:0; background:transparent; color:#999; height:23px; line-height:23px; padding-top:2px }
.search_cart_wrap .top_search_box img{height:25px; }
.search_cart_wrap .top_search_box input:-moz-placeholder { color:#999; }
.search_cart_wrap .top_search_box input::-moz-placeholder {color:#999;}
.search_cart_wrap .top_search_box input::-webkit-input-placeholder {color:#999; }
.top_cart_box{background:#f5f5f5; min-height:45px; padding:9px 11px 0px; width:200px; font-family: 'DM Sans', sans-serif;}
.top_cart_box .cart_info{text-align:right; padding-right:34px; position:relative; }
.top_cart_box .cart_info:after{content:''; width:26px; height:24.8px; background:url(/images/Inqten/Common/icon_cart.svg); position:absolute; right:0; top:1px}
.top_cart_box .cart_info span, .search_cart_wrap .top_cart_box .cart_info strong{display:block}
.top_cart_box .cart_info span { font-size:12px; font-weight:500; line-height:1; }
.top_cart_box .cart_info strong{font-weight:700; line-height:1; margin-top:3px; font-size:15px}
.top_cart_box .cart_num{font-size:13px; color:#fff; letter-spacing: -0.26px; width:23px; line-height:23px; height:23px; text-align:center; background:#FF5151; border-radius:50% }
.top_cart_box.non_member_cart{width:65px}
.inqten_nav_wrap{position:relative; /*overflow:hidden; */ }
/* .top_menu_box{ } */
.top_menu_box .categoryList { width:100% }
.top_menu_box .categoryList:after{content:''; display:block; clear:both;}
.top_menu_box .categoryList>li { width: auto; float:left; margin:0 25px; position:relative; padding :10px 0 35px 0}
.top_menu_box .categoryList>li a{ font-size:18px; letter-spacing: -0.36px; }
.top_menu_box .categoryList>li a:hover{color:#4FB748}
.top_menu_box .categoryList>li.active > a{color:#4FB748; }
.top_menu_box .categoryList>li.active:after{content:''; display:block; width:calc(100% + 40px); height:2px; background:#4FB748; position:absolute; bottom:-2px;left:-20px; z-index:999}
.top_menu_box .categoryList .mo_biz{display:none;}
.layout_header .gnb_wrap{ position:relative; width:100%; }
/* .gnb_wrap .gnb { } */
.gnb_wrap .gnb>li{ float:left; margin:0 0px}
.gnb_wrap .gnb>li>a{position:relative;display:block; color:#333; text-align:center; font-size:18px; padding: 10px 30px 35px 30px; }
.gnb_wrap.active .gnb>li:hover>a,
.gnb_wrap.active .gnb li.active>a{color:#4FB748;}
.gnb_wrap .gnb>li>a:before,
.gnb_wrap .gnb>li>a:before{position:absolute;bottom:0px;left:50%;display:block;content:'';width:0;height:2px;background:#4FB748 ;transition:all .5s;}
.gnb_wrap .gnb>li.active>a:before,
.gnb_wrap .gnb>li:hover>a:before{left:0;width:100%;}
.gnb_wrap .gnb .depth2{position:absolute;top:100%;left:0;z-index:1;width:100%;height:0;margin:0;transition:padding .35s, height .35s;overflow:hidden; z-index: 999}
.gnb_wrap:hover .depth2{height:260px;padding:13px 0 0;}
/* .gnb_wrap .gnb>li .depth2>li:first-child{ } */
.gnb_wrap .gnb .depth2>li a{display:block; padding:10px 0; }
.gnb_wrap .gnb .depth2>li a:hover{color:#4FB748;}
.gnb_wrap .gnb .depth2>li{padding-left:0px; text-align:center;}
.gnb_wrap .gnb .depth2>li.active a{color:#4FB748;}
.gnb_wrap .bg_box{position:absolute;top:100%;left:-500%;width:1000%;height:0; background:#fff; transition:height .35s;box-sizing:border-box; z-index:10}
/*.gnb_wrap .gnb:hover .bg_box{height:70px; border-top:1px #ddd solid;}
.gnb_wrap .gnb:hover .bg_box{height:70px; border-top:1px #ddd solid; border-bottom:1px #ddd solid;}
.inqten_index .gnb_wrap:hover .bg_box{ border-bottom:none;}*/
.gnb_wrap .gnb .mo_biz{display:none;}
@media only screen and (min-width:1440px) {
.gnb_wrap .gnb>li>a{ line-height:1}
}
.gnb_wrap .gnb>li .hover {
display:none;
position:fixed;
left:0;
z-index:15;
width:100%;
height:70px;
background:#fff;
border-top:1px #ddd solid;
border-bottom:1px #ddd solid;
}
.gnb_wrap .gnb>li:hover .hover {
display:block
}
.gnb_wrap .gnb>li .hover ul {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
max-width:1200px;
margin:0 auto;
}
.gnb_wrap .gnb>li .hover ul li {
margin:0 20px;
height:70px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
.gnb_wrap .gnb>li .hover ul li a {
color:#888;
font-size:16px;
transition:.5s
}
.gnb_wrap .gnb>li .hover ul li a:hover {
color:#222;
font-size:16px
}
.gnb_wrap .gnb>li:nth-child(3) .hover ul li:first-child{
margin-left:250px
}
.gnb_wrap .gnb>li:nth-child(4) .hover ul li:first-child{
margin-left:350px
}
@media only screen and (max-width:1440px) {
.header_bottom{ padding-left:45px; }
.layout_header .gnb_wrap{ margin-right:60px }
}
@media only screen and (max-width:1200px) {
.gnb_wrap .gnb>li>a{ font-size:16px;}
.layout_header .gnb_wrap{ margin-right: 0px }
.gnb_wrap .gnb>li .hover{top:62px!important}
}
@media only screen and (max-width:1024px) {
.gnb_wrap .gnb{display:inline-block; font-size: 0; white-space: nowrap; vertical-align: top; position: relative; overflow-x: scroll; width:100% }
.gnb_wrap .gnb::-webkit-scrollbar {display:none}
.gnb_wrap .gnb::-webkit-scrollbar-thunmb {display:none}
.gnb_wrap .gnb::-webkit-scrollbar {display:none}
.gnb_wrap .gnb::-webkit-scrollbar-thunmb { display:none}
.gnb_wrap .gnb>li{ width:auto; float:none; display: inline-block; }
.gnb_wrap .gnb .depth2>li a{font-size:12px }
}
@media only screen and (max-width:767.98px) {
.gnb_wrap{background:#fff; text-align:center; height:35px; }
.layout_sub_header .gnb_wrap{ padding-right:40px}
.gnb_wrap:hover .bg_box{display:none!important; height:0; border-top:none;}
.gnb_wrap:hover .depth2{display:none!important;height:0px;padding:0;}
.gnb_wrap .bg_box{display:none!important;}
.gnb_wrap .gnb .mo_biz{display:block;}
.gnb_wrap .gnb>li{ margin:0; height:35px; line-height:35px}
.gnb_wrap .gnb>li>a{ font-size:14px; padding: 0px 0 0px 0;}
.search_cart_wrap .top_search_box img{width:20px!important;height:23px !important;}
.gnb_wrap .gnb>li .hover {display:none!important;}
.top_cart_box .cart_info:after{ top:-4px}
}
@media only screen and (max-width:580px) {
.gnb_wrap .gnb>li>a{ padding:0 18px }
}
@media only screen and (max-width:478.98px) {
.gnb_wrap .gnb>li>a{ padding:0 14px }
}
@media only screen and (max-width:375.98px) {
.gnb_wrap .gnb>li>a{ padding:0 10px }
}
@media only screen and (max-width:340px) {
.gnb_wrap .gnb>li>a{ font-size:12px; }
}
/*---------------------------------------------*/
.sub-menu {
list-style-type: none;
position: absolute;
top:0;
left:100%;
min-width: 120px;
max-width: 225px;
background-color: #F5F5F5;
border-top:2px #4FB748 solid;
transition: all 0.4s;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
-moz-transition: all 0.4s;
padding: 10px 0;
width:100%;
visibility: hidden;
opacity: 0;
}
.sub-menu li {
position: relative;
background-color: transparent;
transition: all 0.4s;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
-moz-transition: all 0.4s;
}
.categoryList > li > .sub-menu {
top:100%;
left: 50%;
margin-left:-60px;
}
.sub-menu a {
font-size: 14px!important;
color: #333;
text-align:center;
display: block;
padding: 10px 0px;
width: 100%;
transition: all 0.4s;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
-moz-transition: all 0.4s;
}
/*---------------------------------------------*/
.categoryList > li:hover > a {
text-decoration: none;
color: #4FB748;
}
.categoryList > li:hover > .sub-menu {
visibility: visible;
opacity: 1;
z-index:200
}
.sub-menu li:hover > .sub-menu {
visibility: visible;
opacity: 1;
}
.sub-menu li:hover {
background-color: transparent;
}
.sub-menu > li:hover > a {
color: #4FB748;
text-decoration: none;
}
.sub-menu li.active a{ color: #4FB748;}
/*스크롤 */
.layout_header.fix-menu-desktop{ position: fixed; border-bottom: 1px solid #ddd; width:100%; background:rgba(255,255,255,0.9); z-index:101; top:-106px}
/* .layout_header.fix-menu-desktop .header_top{ } */
.layout_header.fix-menu-desktop .header_bottom{margin-top:22px}
.layout_header.fix-menu-desktop .top_biz{position:fixed; top:7px; text-align:right; max-width:1280px; width:100%;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.layout_sub_header.fix-menu-subtop{position: fixed; top:0;left:0; width:100%; }
@media only screen and (max-width:1280px) {
.layout_header.fix-menu-desktop .top_biz{max-width:100%; padding-right:15px!important}
}
/* 햄버거 */
.top_hamburger{position:absolute; top:0; left:0; width:45px; height:45px; background:#4FB748;}
.top_hamburger>a { display:block; position:relative; width:21px; height:17px; margin-top:14px; margin-left:12px}
.top_hamburger>a>b,
.top_hamburger>a:before,
.top_hamburger>a:after { display:block; font-size:0; content:''; position:absolute; right:0; height:2px; width:100%; background:#fff; }
.top_hamburger>a>b { overflow:hidden; text-indent:-9999px; top:calc(50% - 1px); }
.top_hamburger>a:before { top:calc(50% - 1px); transform:translateY(-8px) rotate(0deg); transition:transform 0.2s, width 0.2s 0.2s, right 0.2s 0.2s; }
.top_hamburger>a:after { top:calc(50% - 1px); transform:translateY(8px) rotate(0deg); transition:transform 0.2s, width 0.2s 0.2s, right 0.2s 0.2s; }
.top_hamburger>a:hover:before { width:12px; right:-1px; transform:translateY(-5px) rotate(405deg); transition:transform 0.2s 0.2s, width 0.2s, right 0.2s; }
.top_hamburger>a:hover:after { width:12px; right:-1px; transform:translateY(5px) rotate(-405deg); transition:transform 0.2s 0.2s, width 0.2s, right 0.2s; }
.top_hamburger>a.on:before { width:12px; right:-1px; transform:translateY(-5px) rotate(45deg); }
.top_hamburger>a.on:after { width:12px; right:-1px; transform:translateY(5px) rotate(-45deg); }
/* 검색창 */
.top_search_wrap{ position:absolute; top:0px; width:477px; background:#f5f5f5; box-shadow: 5px 5px 30px #00000012; border:1px #333 solid;z-index:12000;
border-radius: 3px; padding:0 27px 22px 27px; display:none;}
.top_search_wrap .top_search_form {border-bottom:1px #333 solid;}
.top_search_wrap .top_search_form input{border:none; background:transparent; height:52px; line-height:52px; color:#999;font-size:14px; width: -webkit-fill-available;}
.top_search_wrap .top_search_form input:-moz-placeholder { color:#999; }
.top_search_wrap .top_search_form input::-moz-placeholder {color:#999;}
.top_search_wrap .top_search_form input::-webkit-input-placeholder {color:#999; }
.top_search_wrap .recent_search_box{padding:25px 0 0 0}
.top_search_wrap .recommended_search_box{padding:20px 0 0 0}
.top_search_wrap .ts_list li{ border-bottom:1px #ddd solid; padding:15px 22px}
.top_search_wrap .ts_list li:last-child{border-bottom:0}
.top_search_wrap .ts_list li a{letter-spacing: -0.77px; font-size:11px; font-family: 'DM Sans', sans-serif; font-weight:600; letter-spacing: -0.63px;}
.top_search_wrap .ts_list .no_search_txt{padding:11px 0 24px; text-align:center; font-family: 'DM Sans', sans-serif; font-weight:600; font-size:10px; line-height:1.8; border-bottom:1px #ddd solid;}
.top_search_wrap .ts_title a{ font-family: 'DM Sans', sans-serif; font-weight:600; font-size:9px}
.top_search_wrap .ts_title a.on{color:#4FB748}
.top_search_wrap .top_search_inner{position:relative;}
.top_search_wrap .top_search_inner .ts_close{position:absolute; bottom:-29px; right:0px;font-size:12px; font-family: 'DM Sans', sans-serif; font-weight:500; color:#fff;
width:57px; height:29px; background:url(/images/Inqten/Common/btn_close_bg.svg);}
.top_search_wrap .top_search_inner .ts_close span{color:#fff; display:block; margin-left:7px; text-align:center; line-height:29px;}
.search_close_btn{display:none; width:26px; margin-left:10px; height:26px}
.search_close_btn span{display:block; position:relative; }
.search_close_btn span:before, .search_close_btn span:after { display:block; content:''; position:absolute; top: 13px; width:26px; height:1.5px; background:#000;border-radius:0px; transform:rotate(0deg); transition:transform 0.4s 0s; }
.search_close_btn span:before { transform:rotate(45deg); }
.search_close_btn span:after { transform:rotate(-45deg); }
/* 모바일 검색창 */
.mo_search_cart_wrap .top_search_box{cursor:pointer;}
.mo_search_cart_wrap .top_cart_box{width:auto; background:#fff; padding:0; min-height:auto; margin-left:15px; position:relative;}
.mo_search_cart_wrap .top_cart_box .cart_num{position:absolute; top:-10px;left:-10px}
.modal-search-header { position: fixed; z-index: 2000; width: 100%; height: 100%; bottom: 101%; left: 0; background-color: #f5f5f5; padding: 50px;}
.show-modal-search { bottom: 0;}
.modal-search-header .search_close_btn{position:absolute; top:50px; right:70px}
.container-search-header{width:100%}
.container-search-header .wrap-search-header{border-bottom:2px #000 solid; padding:10px}
.container-search-header .wrap-search-header input{border:none; font-size:18px; width:90%; background:transparent;}
@media only screen and (max-width:1279px) {
}
@media only screen and (max-width:1023px) {
.header_bottom{position:relative; padding-left:65px}
.top_menu_box .categoryList>li {margin:0 20px}
.top_menu_box .categoryList>li a{ font-size:16px }
}
@media only screen and (max-width:991.98px) {
.header_top { padding: 20px 0 }
.header_bottom{ padding-left:45px}
.inqten_nav_wrap, .top_menu_box{width:100%}
/* .top_menu_box .categoryList{ } */
.layout_header .top_menu_box .categoryList>li{width:auto; line-height:45px; margin:0; text-align:center; padding:5px 20px 15px 20px}
.sub-menu li{line-height:20px!important}
.top_menu_box .categoryList>li a{ font-size:15px; }
.layout_header.fix-menu-desktop .top_biz{ top:18px; z-index:99;
left: -300px;
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
.search_cart_wrap .top_search_box .txt{display:none}
.search_cart_wrap .top_search_box{width:65px}
}
@media only screen and (max-width:768.98px) {
.header_top .util_wrap {display:none}
.header_bottom .top_cart_box {position:absolute; top: -31px; right:15px; width:180px; background:none; min-height:auto;}
.header_bottom.index_type2 .top_cart_box { right:15px; }
/* .header_bottom .search_cart_wrap{ } */
.header_bottom .search_cart_wrap .top_search_box { position:absolute; top:-46px; right:0px; margin-right:0; background:none; }
.top_cart_box.non_member_cart{width:65px!important; right:30px!important}
.layout_header .inqten_wrap{padding-left:0; padding-right:0}
.header_top { padding: 12px 15px 12px 15px; background:#F5F5F5}
.header_top h1 img{height:22px}
.header_bottom{ padding-left:35px; margin-bottom:13px; position:relative; }
.header_bottom:after{content:''; display:block; width:100%; height:1px; background:#eee; position:absolute;left:0; top:35px;}
.header_bottom .top_hamburger{ width:35px; height:35px; }
.header_bottom .top_hamburger>a { width:17px; height:12px; margin-top:12px; margin-left:8px}
.header_bottom .top_hamburger>a:before { transform:translateY(-7px) rotate(0deg); }
.header_bottom .top_hamburger>a:after { transform:translateY(7px) rotate(0deg); }
.layout_header.fix-menu-desktop .header_bottom { margin-top: 0px; margin-bottom:0}
.layout_header.fix-menu-desktop{border-bottom:0}
.top_search_wrap{position:fixed; width:100%; top:0; right:0!important; height:calc(100% - 0px); overflow-y:auto;}
.search_close_btn{display:block}
.top_search_wrap .top_search_inner .ts_close{display:none}
.layout_header.fix-menu-desktop .header_top{display:block;}
.layout_header.fix-menu-desktop .header_top h1, .layout_header.fix-menu-desktop .header_top h1 a{justify-content: flex-start; align-items: flex-start;}
.layout_header.fix-menu-desktop .top_menu_box .categoryList>li {padding-bottom:0}
.layout_header.fix-menu-desktop{ top:0px}
.layout_header .top_menu_box .categoryList>li{padding: 0px 20px 15px 20px;}
.categoryList > li:hover > .sub-menu { visibility: hidden!important; opacity: 0!important; }
.top_menu_box .categoryList>li{ width:20%; padding:0 0px; line-height:35px }
.top_menu_box .categoryList .mo_biz{display:block;}
.top_menu_box .categoryList .mo_biz img{width:16px; height:16px}
.top_menu_box .categoryList>li a{ font-size:14px; }
.top_menu_box .categoryList>li.active:after{ display:none; width:calc(100% + 0px); left:0}
}
@media only screen and (max-width:640px) {
.header_bottom .top_cart_box a{ justify-content: flex-end!important}
.header_bottom .top_cart_box .cart_num{margin-right:8px}
}
@media only screen and (max-width:479px) {
.top_menu_box .categoryList>li{width:auto!important; padding:0 17px; line-height:35px }
.layout_header .top_menu_box .categoryList>li{width:auto; line-height:35px; padding:0 17px; }
.top_menu_box{text-align:center; max-height:35px}
.top_menu_box .categoryList{width:auto; display:inline-block;}
.header_bottom .top_cart_box { width:150px; padding:0px 0px 0px}
/* .header_bottom.index_type2 .top_cart_box { right:15px; } */
.top_cart_box.non_member_cart{padding: 9px 11px 0px!important; width:55px!important }
.header_bottom .top_cart_box.non_member_cart .cart_info:after{top:3px}
.header_top .top_biz_box{margin-right:-10px}
.header_bottom .top_cart_box .cart_num { font-size: 12px; width: 17px; line-height: 17px; height: 17px;}
.header_bottom .top_cart_box .cart_info span{font-size:11px}
.header_bottom .top_cart_box .cart_info:after { width: 20px; height: 19px; background-size:20px 19px; right: 0; top: -3px;}
.header_bottom .top_cart_box .cart_info strong { margin-top: 0px; font-size: 13px; white-space: nowrap;}
.header_bottom .top_cart_box .cart_info { padding-right: 27px;}
}
@media only screen and (max-width:375.98px) {
.layout_header .top_menu_box .categoryList>li{ padding:0 13px}
.top_menu_box .categoryList>li:first-chlid{padding:0 13px 0 0 }
.top_menu_box .categoryList>li:last-chlid{padding:0 0 0 13px }
}
@media only screen and (max-width:320px) {
.layout_header .top_menu_box .categoryList>li{ padding:0 10px}
.top_menu_box .categoryList>li:first-chlid{padding:0 10px 0 0 }
.top_menu_box .categoryList>li:last-chlid{padding:0 0 0 10px }
.top_menu_box .categoryList>li a{ font-size:12px; }
/* .header_top h1 img{ } */
.header_bottom.index_type2 .top_cart_box{width:120px}
.header_bottom.index_type2 .top_cart_box .cart_info:after { display:none }
.header_bottom.index_type2 .top_cart_box .cart_info{padding-right:0}
}
/* ========================= //HEADER( /layout_header ) ========================= */
/* ========================= HEADER( layout_sub_header ) ========================= */
.layout_sub_header{position:fixed; top:0; left:0; width:100%; z-index:1001; background:rgba(255,255,255,0.9) }
.layout_sub_header:after{content:''; display:block; width:100%; height:1px; background:#ddd; position:absolute; left:0; bottom:-1px}
.layout_sub_header h1, .layout_sub_header h1 a{line-height:1; display: block; display:flex; justify-content:center; align-items:center; }
.inqten_subtop_wrap{position:relative; padding:0px 35px 0px 115px; z-index:110}
.layout_sub_header .top_hamburger{ width:80px; height:84px; z-index:990 }
.layout_sub_header .top_hamburger>a { width:35px; height:25px; margin-top:28px; margin-left:22px}
.layout_sub_header .top_hamburger>a:before { top:calc(50% - 1px); transform:translateY(-11px) rotate(0deg); transition:transform 0.2s, width 0.2s 0.2s, right 0.2s 0.2s; }
.layout_sub_header .top_hamburger>a:after { top:calc(50% - 1px); transform:translateY(11px) rotate(0deg); transition:transform 0.2s, width 0.2s 0.2s, right 0.2s 0.2s; }
.layout_sub_header .top_hamburger:hover>a:before { width:12px; right:-1px; transform:translateY(-5px) rotate(405deg); transition:transform 0.2s 0.2s, width 0.2s, right 0.2s; }
.layout_sub_header .top_hamburger:hover>a:after { width:12px; right:-1px; transform:translateY(5px) rotate(-405deg); transition:transform 0.2s 0.2s, width 0.2s, right 0.2s; }
.layout_sub_header .top_hamburger:hover>a.on:before { width:12px; right:-1px; transform:translateY(-5px) rotate(45deg); }
.layout_sub_header .top_hamburger:hover>a.on:after { width:12px; right:-1px; transform:translateY(5px) rotate(-45deg); }
.layout_sub_header .top_hamburger:hover, .layout_sub_header .top_biz:hover{ cursor: pointer;}
.layout_sub_header .top_biz{display:none; position:absolute; top:0; right:0; width:80px; height:84px; background:#333; display: flex; justify-content: center; -ms-align-items: center; align-items: center;}
.layout_sub_header .top_biz .text_biz{ color:#fff; font-size:14px; padding-left:22px; }
.layout_sub_header .top_biz .text_biz:before{ background:url('/images/Inqten/Common/biz_q_w.svg'); background-size:17px 17px; top: 0px}
.layout_sub_header .header_bottom{padding-left:0}
.layout_sub_header .top_menu_box{margin-left:35px}
.layout_sub_header .top_menu_box .categoryList>li {padding:29px 0}
.layout_sub_header .top_search_wrap{top:20px}
.layout_sub_header .gnb_wrap{position:relative; width:100%; }
/* .layout_sub_header .gnb_wrap .gnb>li{ } */
/* .layout_sub_header .gnb_wrap .gnb .depth2{ } */
.layout_sub_header .gnb_wrap .bg_box{ top:85px; z-index:10 }
.layout_sub_header .gnb_wrap:hover .bg_box{height:70px;top:85px; border-top:1px #ddd solid; border-bottom:1px #ddd solid; border-top:none; }
.layout_sub_header .gnb_wrap .gnb>li>a { padding-top:33px; padding-bottom:33px}
/* .substep2_menu_wrap { } */
.substep2_menu_wrap {display:block; text-align:center; background:#f5f5f5; margin-top:0px}
.substep2_menu_wrap li{margin:0 25px; padding:8px 0; position:relative;}
.substep2_menu_wrap li a{ font-size:14px; }
.substep2_menu_wrap li.active a{color:#4FB748; }
.substep2_menu_wrap li.active:after{content:''; display:block; width:100%; height:2px; background:#4FB748; position:absolute; bottom:0px;left: 0px; z-index:101}
/*********************************
메뉴 슬라이딩
*********************************/
.substep2_menu_wrap .navSlide{ margin:0 0px 0px 0px;}
.substep2_menu_wrap .navSlide{overflow-x: auto;height: 37px;;position:relative;font-size: 0px;}
.substep2_menu_wrap .navSlide>.list{display: inline-block; white-space:nowrap; min-width:100%; list-style: none; padding: 0; margin: 0;position:relative; vertical-align: middle;}
.substep2_menu_wrap .navSlide>.list>li{ list-style: none; padding: 0; margin:0 20px; display:inline-block; position:relative; vertical-align: middle; font-size: 14px;}
.substep2_menu_wrap .navSlide>.list>li>a{display:block;padding: 8px 0 6px;border-bottom: 0.3rem solid transparent;height:35px;box-sizing: border-box;font-size: 14px}
.substep2_menu_wrap .navSlide>.list>li.active>a{color: #4FB748; }
.substep2_menu_wrap .navSlide>.list>li.active>a::before{width: 100%; position:absolute; left:0px; bottom: 0px; content:""; background: #4FB748; height:1px;}
.substep2_menu_wrap .navSlide::-webkit-scrollbar {display:none}
.substep2_menu_wrap .navSlide::-webkit-scrollbar-thunmb {display:none}
.substep2_menu_wrap .navSlide::-webkit-scrollbar {display:none}
.substep2_menu_wrap .navSlide::-webkit-scrollbar-thunmb { display:none}
@media only screen and (max-width:1490px) {
.layout_sub_header .gnb_wrap .gnb>li{ margin:0 15px }
}
@media only screen and (max-width:1482px) {
.layout_sub_header .inqten_nav_wrap{ width:100%; margin-right:35px}
.layout_sub_header .top_menu_box { width:100%}
/* .layout_sub_header .gnb_wrap .gnb>li{ } */
.layout_sub_header .gnb_wrap .gnb>li>a {padding-left:15px; padding-right:15px }
.layout_sub_header .gnb_wrap .gnb .depth2>li { padding-left: 15px;}
}
@media only screen and (max-width:1340px) {
.layout_sub_header .search_cart_wrap .top_search_box .txt{display:none}
.layout_sub_header .search_cart_wrap .top_search_box{width:65px}
.layout_sub_header .top_menu_box{margin-left:15px}
.layout_sub_header .inqten_nav_wrap{ margin-right:15px}
.layout_sub_header .gnb_wrap .gnb>li>a {padding-left:10px; padding-right:10px }
}
@media only screen and (max-width:1200px) {
.layout_sub_header h1 img{ height:22px}
.inqten_subtop_wrap{position:relative; padding:0 20px 0 80px }
.layout_sub_header{ height:62px;}
.layout_sub_header .top_hamburger{ width:60px; height:62px; }
.layout_sub_header .top_hamburger>a { width:35px; height:25px; margin-top:18px; margin-left:12px}
.layout_sub_header .top_biz{ width:60px; height:62px; }
.layout_sub_header .top_search_wrap{top:8px}
.layout_sub_header .top_menu_box .categoryList>li { padding:19px 0; margin:0 20px; }
.layout_sub_header .top_menu_box .categoryList>li a{ font-size:16px; }
.layout_sub_header .gnb_wrap .gnb>li>a {padding:19px 7px; font-size:16px; }
.substep2_menu_wrap{margin-top:63px}
}
@media only screen and (max-width:991.98px) {
.layout_header .top_menu_box .categoryList>li { line-height:35px }
.layout_sub_header .top_menu_box .categoryList>li { padding:14px 0; margin:0 10px; line-height:35px }
.layout_sub_header .top_menu_box .categoryList>li a{ font-size:14px }
.inqten_subtop_wrap{position:relative; padding:0 35px 0 70px }
.layout_sub_header .search_cart_wrap .top_search_box{width:40px; padding:9px 0px 9px 0px; text-align:center; display:block; margin-right:5px}
}
@media only screen and (max-width:768.98px) {
.layout_sub_header{height:81px; background:#fff}
.layout_sub_header .inqten_nav_wrap{margin-right:0}
.inqten_subtop_wrap{padding:0 0px; height:81px;}
.inqten_subtop_wrap:after{content:''; width:100%; height:46px; background:#f5f5f5; position:absolute; left:0; top:0; z-index:0}
.layout_sub_header .search_cart_wrap .top_search_box{top:0px; right:1px; z-index:8 ; margin-right:0; width: 60px; padding: 9px 0px 12px 0px;}
.layout_sub_header .top_search_wrap{top:0px}
.layout_sub_header .top_biz{display:none}
.layout_sub_header .top_hamburger{ top:46px; width:35px; height:35px; z-index:99 }
.layout_sub_header .top_hamburger>a { width:17px; height:12px; margin-top:12px; margin-left:8px}
.layout_sub_header .top_hamburger>a:before { transform:translateY(-7px) rotate(0deg); }
.layout_sub_header .top_hamburger>a:after { transform:translateY(7px) rotate(0deg); }
.layout_sub_header h1 {position:absolute; top:12px; left:15px; z-index:9}
.layout_sub_header .top_cart_box{z-index:9}
.layout_sub_header .top_menu_box, .layout_sub_header .top_search_wrap{z-index:12000}
.layout_sub_header .top_cart_box{right:15px; top:15px}
.layout_sub_header .top_menu_box { margin-top:46px; margin-left: 35px;}
.layout_sub_header .top_menu_box .categoryList>li{width:20%; padding:0 ; line-height:35px; margin:0; text-align:center; }
/* .layout_sub_header .gnb_wrap .gnb>li{ } */
.layout_sub_header .gnb_wrap .gnb>li>a {padding:0px 0; font-size:14px; }
.substep2_menu_wrap{margin-top: 0px}
.main_popup {
max-width: 100vw !important;
max-height: 100vh !important;
left: 0px !important;
top: 85px !important;
}
.Modal_Content {
max-width: 100vw !important;
}
.Modal_Content img {
width: auto !important;
height: auto !important;
}
}
@media only screen and (max-width:580px) {
.layout_sub_header .gnb_wrap .gnb>li{ width:auto; margin:0 0px }
.layout_sub_header .gnb_wrap .gnb>li>a{ padding:0 18px }
}
@media only screen and (max-width:479px) {
.layout_sub_header .top_menu_box .categoryList>li{width:auto!important; padding:0 17px; }
/* .layout_sub_header .top_cart_box{right:15px} */
.layout_sub_header .gnb_wrap .gnb>li>a{ padding:0 14px }
}
@media only screen and (max-width:375.98px) {
.layout_sub_header .top_menu_box .categoryList>li{ padding:0 13px}
.layout_sub_header .gnb_wrap .gnb>li>a{ padding:0 10px }
}
@media only screen and (max-width:340px) {
.layout_sub_header .top_menu_box .categoryList>li{ padding:0 10px}
.layout_sub_header .top_menu_box .categoryList>li a{ font-size:12px }
.layout_sub_header .gnb_wrap .gnb>li>a{ padding:0 10px; font-size:12px }
}
/* ========================= //HEADER( layout_sub_header) ========================= */
/* ==================== Mobile Aside ==================== */
.wrap-header-aside { position: fixed; z-index: 2100; width: 100%; height: 100vh; top: 0; left: 0; background-color: rgba(0,0,0,0.0); visibility: hidden;
-webkit-transition: all 0.4s; -o-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;}
.header-aside {
position: fixed;
z-index: 2100;
width: 255px;
max-width: calc(100% - 30px);
height: 100%;
top: 0;
left: -300px;
background-color: #fff;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
-moz-transition: all 0.34;
transition: all 0.4s;
overflow: auto;
}
.header-aside::after { content: ""; display: block; width: 100%; height: 1%; min-height: 10px;}
.header-aside::-webkit-scrollbar-thumb {
background: transparent;
display: none;
}
.header-aside::-webkit-scrollbar {
width: 0px;
/* remove scrollbar space */
background: transparent;
display: none;
/* optional: just make scrollbar invisible */
}
.show-header-aside { visibility: visible; background-color: rgba(0,0,0,0.5);}
.show-header-aside .header-aside { left: 0; }
.header-aside-right {
position: fixed;
z-index: 1100;
width: 255px;
max-width: calc(100% - 30px);
height: 100%;
top: 0;
right: -300px;
background-color: #fff;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
-moz-transition: all 0.34;
transition: all 0.4s;
overflow: auto;
}
.header-aside-right::after { content: ""; display: block; width: 100%; height: 1%; min-height: 10px;}
.show-header-aside-right { visibility: visible; background-color: rgba(0,0,0,0.5);}
.show-header-aside-right .header-aside-right { right: 0; }
.header-aside-content .top_cart_box{width:100%}
.aside_close_btn { opacity:0; transition: all 0.5s; position:fixed; left:255px ; top:107px; width:45px; height:45px; color:#fff; background:#4FB748; z-index:-1; overflow:hidden; border-radius:0 23px 23px 0 }
.aside_close_btn.show{ opacity:1; z-index:2110; cursor: pointer;}
.aside_close_btn span{display:block; }
.aside_close_btn span:before, .aside_close_btn span:after { display:block; content:''; position:absolute; left:11px; top:22px; width:20px; height:2px; background:#fff;border-radius:0px; transform:rotate(0deg); transition:transform 0.4s 0s; }
.aside_close_btn span:before { transform:rotate(45deg); }
.aside_close_btn span:after { transform:rotate(-45deg); }
.aside_close_right_btn { opacity:0; transition: all 0.5s; position:fixed; right:255px ; top:107px; width:45px; height:45px; color:#fff; background:#4FB748; z-index:-1; overflow:hidden; border-radius:23px 0 0 23px }
.aside_close_right_btn.show{ opacity:1; z-index:2110; cursor: pointer;}
.aside_close_right_btn span{display:block; }
.aside_close_right_btn span:before, .aside_close_right_btn span:after { display:block; content:''; position:absolute; left:13px; top:22px; width:20px; height:2px; background:#fff;border-radius:0px; transform:rotate(0deg); transition:transform 0.4s 0s; }
.aside_close_right_btn span:before { transform:rotate(45deg); }
.aside_close_right_btn span:after { transform:rotate(-45deg); }
.header-aside-title {background:#333; text-align:center; position:relative; height:107px}
.header-aside-title .biz_logo{font-family:"GmarketSansMedium"; font-size:27px; letter-spacing: -0.66px; text-align:center; }
.header-aside-title .biz_logo span{display:block; padding-left:51px; position:relative; margin:0 auto; color:#fff; line-height:1; margin-top:5px}
.header-aside-title .biz_logo span:after{content:''; display:block; width:41px; height:41px; background:url('/images/Inqten/Common/biz_q_w.svg'); position:absolute; left:0; top:-11px}
.header-aside-title .biz_logo.type2{font-size:27px}
.header-aside-title .logo {font-size:27px; color:#fff ;font-family: 'DM Sans', sans-serif; font-weight:600;}
/* .header-aside-content, .header-aside-innner{ } */
/*.header-aside-content .aside_my_box{padding:40px 0 15px}*/
.header-aside-content .aside_my_box{padding:15px 0 15px}
.header-aside-content .aside_my_box .member_name{text-align:right; font-size:14px; padding-bottom: 0px}
.header-aside-content .aside_utilmenu_box{padding:15px 0 15px; background:#f5f5f5}
.header-aside-content .aside_utilmenu_box ul:after{content:'';display:block; clear:both;}
.header-aside-content .aside_utilmenu_box li{float:left; width:75px; text-align:center; margin:0 5px }
.header-aside-content .aside_utilmenu_box li img{height:22px}
.header-aside-content .aside_utilmenu_box li p{ font-size:14px; margin-top:10px; overflow-wrap: break-word;}
.member_info .my_profile .profile_inner{border-radius:50%; }
.member_info .my_profile .profile_inner .profile_thumb{ position: relative; width:45px; height: 45px;}
.member_info .my_profile .profile_inner .profile_thumb img{ border:1px #4FB748 solid; position: absolute; top: 0; left: 0; transform: translate(50, 50); width: 100%; height: 100%; object-fit: cover; margin: auto; border-radius: 50%;}
.header-aside-content .aside_login_box{padding:0 0px; background:#f5f5f5;
display: flex;
justify-content: space-between;
-ms-align-items: center;
align-items: center;
}
.header-aside-content .aside_login_box a{display:flex; width:105px; border:1px #ddd solid; background:#fff; text-align:center; height:45px; align-items:center; border-radius: 3px; vertical-align: middle;justify-content: center; }
.header-aside-content .aside_login_box .login_txt {text-align:center; font-size:14px; padding :15px 0 10px}
.header-aside-content .aside_category>li>a, .header-aside-content .aside_category2>li>a {
color:#333; font-size:16px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center; border-bottom:1px solid #ddd; padding:16px 9px 16px 55px;
position:relative;
}
.header-aside-content .aside_category.aside_shopcategory{
margin:0;
border-bottom:1px #f5f5f5 solid;
background:#fff;
}
.header-aside-content .aside_category.aside_shopcategory>li>a{
align-items:center; border-bottom:1px solid #ddd; padding:7px 0px 7px 0px;
}
.header-aside-content .aside_category.aside_shopcategory>li>a .text_biz{margin-left:15px; margin-top:2px}
.header-aside-content .aside_category.aside_shopcategory>li>a .text_biz:before{top:0}
.header-aside-content .aside_category.aside_shopcategory>li>a .cate_more {margin-right:15px; font-size:12px; color:#333; padding-right:15px;position:relative;}
.header-aside-content .aside_category.aside_shopcategory>li>a .cate_more:after{ content: "\F0142"; font-family: "Material Design Icons"; position:absolute; top:2px; right:0 }
.header-aside-content .header-aside-innner .shopping_title{background:#ddd; padding:15px}
.header-aside-content .header-aside-innner .shopping_title .logo img{height:25px}
.header-aside-content .header-aside-innner .shopping_title a{font-size:12px; color:#333; padding-right:15px;position:relative;}
.header-aside-content .header-aside-innner .shopping_title a:after{ content: "\F0142"; font-family: "Material Design Icons"; position:absolute; top:2px; right:0 }
.header-aside-content .aside_category{margin:0 10px}
.header-aside-content .aside_category>li:last-child>a,
.header-aside-content .aside_category2>li:last-child>a{ border-bottom:none;}
.header-aside-content .aside_category>li>a i,
.header-aside-content .aside_category2>li>a i { color:#333; transition:1s }
.header-aside-content .aside_category>li ul,
.header-aside-content .aside_category2>li ul{ margin: 5px 0; border-bottom:1px #ddd solid; }
.header-aside-content .aside_category>li ul li a,
.header-aside-content .aside_category2>li ul li a { color:#333; font-size:14px; padding:12px 16px; display:block}
.header-aside-content .aside_category>li.active>a i,
.header-aside-content .aside_category2>li.active>a i{ color:#333; transform:rotate(-180deg)}
.header-aside-content .aside_category>li ul li:last-child a,
.header-aside-content .aside_category2>li ul li:last-child a{padding:8px 16px 18px 16px;}
.header-aside-content .aside_category>li ul li a:hover,
.header-aside-content .aside_category2>li ul li a:hover{color:#4FB748}
.header-aside-content .aside_category>li>a:before{ content:''; display:block; position:absolute; left:16px; top:11px; }
.header-aside-content .aside_category>li ul li.active a{color:#4FB748}
.header-aside-content .aside_category.aside_shopcategory>li ul {border-bottom:0; border-top:1px #f5f5f5 solid;}
.aside_category .aside_myshop:before{width:21px; height:19px; }
.aside_category .aside_cscenter:before{width:21px; height:20px; }
.aside_category .aside_allowance:before{width:23px; height:22px; }
.aside_category .aside_group:before{width:24px; height:22px; }
.aside_category .aside_autoship:before{ width:21px; height:22px; }
.aside_category .aside_consumer:before{width:18px; height:21px; }
.aside_category .aside_dashboard:before{width:22px; height:19.3px; }
.header-aside-content .openmarket_banner_box{margin:15px 10px 15px; border:1px #ddd solid; background:#f5f5f5; padding:18px 0; display:block;}
.header-aside-content .openmarket_banner{font-size:14px;letter-spacing: -0.28px; }
.header-aside-content .openmarket_banner > div{margin:0 7px}
.aside_url{padding-left:16px; padding-top:30px}
.aside_url span{padding-left:15px; position:relative;}
.aside_url span:after{content:''; display:block; width:5px; height:5px; background:#FF4242; position:absolute; top:50%; margin-top:-3px; left:0}
.aside_logout{ text-align:right; font-size:12px; font-family: 'DM Sans', sans-serif; font-weight:600; letter-spacing: -0.24px;}
.logout{display:inline-block; position:relative; padding-left:17px; }
.logout:before{content:''; display:block; width:10px; height:10px; background:url(/images/Inqten/Common/icon_logout.svg); background-size:10px 10px; position:absolute; top:2px; left:0}
.aside_type2 .header-aside-content{ padding:0 0px}
.aside_type2 .header-aside-content .aside_my_box{background:#f5f5f5; padding-left: 20px; padding-right:20px; border-bottom:1px #ddd solid;}
.aside_type2 .header-aside-content .aside_my_box .top_cart_box{background:#fff}
.aside_type2 .header-aside-content .aside_my_box .login_txt{margin-bottom:15px}
.aside_quickmenu_box{ padding:0px 10px 0px 10px; text-align:center; }
/* .aside_quickmenu_box li{ } */
.aside_quickmenu_box li a{ display: flex!important; justify-content: flex-start; align-items: center; padding:0!important; }
.aside_quickmenu_box li span{display:block; width:calc(100% - 65px); font-size:14px; text-align:left; margin-left:15px}
.aside_quickmenu_box li i{display:block; margin:0 auto; background:#fff; border-radius:50%; width:50px; height:50px; display: flex; align-items: center; justify-content: center;
background-position: center center;
background-repeat: no-repeat;
background-size:30px 30px;
font-style:normal;
font-size:14px
}
.aside_quickmenu_box li a:hover i{background-size:40px 40px; background-color:#4FB748; color:#fff}
.aside_quickmenu_box li.health i{background-image:url('/images/Inqten/Common/quicK_icon01.svg')}
.aside_quickmenu_box li.health:hover i{background-image:url('/images/Inqten/Common/quicK_icon01_on.svg')}
.aside_quickmenu_box li.cosmetics i{background-image:url('/images/Inqten/Common/quicK_icon02.svg')}
.aside_quickmenu_box li.cosmetics:hover i{background-image:url('/images/Inqten/Common/quicK_icon02_on.svg')}
.aside_quickmenu_box li.living i{background-image:url('/images/Inqten/Common/quicK_icon03.svg')}
.aside_quickmenu_box li.living:hover i{background-image:url('/images/Inqten/Common/quicK_icon03_on.svg')}
.aside_quickmenu_box li.package i{background-image:url('/images/Inqten/Common/quicK_icon04.svg')}
.aside_quickmenu_box li.package:hover i{background-image:url('/images/Inqten/Common/quicK_icon04_on.svg')}
.aside_quickmenu_box li.promotion i{background-image:url('/images/Inqten/Common/megaphone.svg')}
.aside_quickmenu_box li.promotion:hover i{background-image:url('/images/Inqten/Common/megaphone_on.svg')}
.aside_quickmenu_box .all_product_view a{display:block; background:#fff; font-size:15px; padding:14px 0 13px; border-radius: 0 25px 0 25px;}
.aside_quickmenu_box .all_product_view a:hover{color:#fff; background:#4FB748}
.header-aside-right .header-aside-content{padding:15px 20px 0 20px}
.aside_biz_url_box{background:#f5f5f5; margin:0 0px; padding:13px 0; margin-top:15px}
.aside_biz_url_box2 li{padding:7px 0 8px 15px; position:relative;}
.aside_biz_url_box2 li:after{content:''; display:block; width:5px; height:5px; background:#FF4242; position:absolute; top:50%; margin-top:-3px; left:0}
.aside_biz_url_box2{background:#f5f5f5; margin:0 0px; padding:13px 30px; margin-top:15px}
.inqten_sub .header-aside-title {height:84px}
.inqten_sub .aside_close_btn, .inqten_sub .aside_close_right_btn{top:84px}
.show_navi{ overflow: hidden;}
@media only screen and (max-width:768.98px) {
.header-aside-title, .inqten_sub .header-aside-title { height:46px}
.header-aside-title .biz_logo{padding: 0px 0 0 0; font-size:18px;}
.aside_type2 .header-aside-title .biz_logo,
.header-aside-title .biz_logo.type2{font-size:18px;}
.header-aside-title .logo img{height:25px}
.header-aside-title .logo{font-size:20px}
.header-aside-title .biz_logo span{ padding-left:35px; }
.header-aside-title .biz_logo span:after{ width:25px; height:25px; background-size:25px 25px; position:absolute; left:0; top:-6px}
.header-aside-content .aside_login_box a{ width:112px; }
.header-aside-content .aside_category>li>a, .header-aside-content .aside_category2>li>a { font-size:14px; padding:13px 9px 13px 55px; }
.header-aside-content .aside_category.aside_shopcategory>li>a{ padding:13px 0px 12px 0px; }
.header-aside-content .aside_category>li ul li a, .header-aside-content .aside_category2>li ul li a{font-size:12px; padding: 8px 16px;}
.header-aside-right .header-aside-content{ padding:14px 0px 0px 0px!important}
.aside_type2 .header-aside-content .aside_my_box{ padding-left: 10px; padding-right:10px}
.aside_quickmenu_box{ padding:0px 10px 0px 10px; }
.aside_close_btn { top:46px; width:35px; height:35px; }
.aside_close_btn span:before, .aside_close_btn span:after { left:7px; top:17px; width:20px; }
.aside_close_btn span:before, .aside_close_btn span:after { left:7px; top:17px; width:20px; }
.aside_close_right_btn { top:46px; width:35px; height:35px; }
.aside_close_right_btn span:before, .aside_close_right_btn span:after { left:7px; top:17px; width:20px; }
.aside_close_right_btn span:before, .aside_close_right_btn span:after { left:7px; top:17px; width:20px; }
.inqten_sub .aside_close_btn, .inqten_sub .aside_close_right_btn {top:46px}
.header-aside-content .aside_my_box { padding: 15px 0 15px; }
/* .header-aside-content .aside_my_box .top_cart_box{ } */
.aside_biz_url_box { margin:0 -20px; margin-top:26px }
.aside_biz_url_box ul { margin: 0 42px; }
.top_biz_box{margin-left:15px; }
.top_biz_box .text_biz{ font-size:14px; padding-left:30px; }
.top_biz_box .text_biz:before{ width:22px; height:22px; background-size:22px 22px; left:0; top:-4px}
.header-aside-content .header-aside-innner .shopping_title{ padding:14px 15px 12px}
}
/* ==================== //Mobile Aside ==================== */
/* ==================== //left-right menu ==================== */
.leftside_menu{width:80px; position:fixed; bottom:0; top:0; background:#f5f5f5; height:100%; z-index:1991 }
.leftside_menu .leftside_logo{height:84px;position:relative; z-index:1000}
.leftside_menu_container{height: 100%!important; position:relative;}
.leftside_menu .top_hamburger{ width:80px; height:84px; }
.leftside_menu .top_hamburger>a { width:35px; height:25px; margin-top:28px; margin-left:22px}
.leftside_menu .top_hamburger>a:before { top:calc(50% - 1px); transform:translateY(-11px) rotate(0deg); transition:transform 0.2s, width 0.2s 0.2s, right 0.2s 0.2s; }
.leftside_menu .top_hamburger>a:after { top:calc(50% - 1px); transform:translateY(11px) rotate(0deg); transition:transform 0.2s, width 0.2s 0.2s, right 0.2s 0.2s; }
.leftside_menu .top_hamburger:hover>a:before { width:12px; right:-1px; transform:translateY(-5px) rotate(405deg); transition:transform 0.2s 0.2s, width 0.2s, right 0.2s; }
.leftside_menu .top_hamburger:hover>a:after { width:12px; right:-1px; transform:translateY(5px) rotate(-405deg); transition:transform 0.2s 0.2s, width 0.2s, right 0.2s; }
.leftside_menu .top_hamburger:hover>a.on:before { width:12px; right:-1px; transform:translateY(-5px) rotate(45deg); }
.leftside_menu .top_hamburger:hover>a.on:after { width:12px; right:-1px; transform:translateY(5px) rotate(-45deg); }
.leftside_menu .top_hamburger:hover, .leftside_menu .top_biz:hover{ cursor: pointer;}
.rightside_menu{width:80px; z-index:1000; position:fixed; bottom:0; top:0; right:0; background:#f5f5f5; height:100%; z-index:1991 }
.rightside_menu .rightside_logo{height:84px;position:relative; }
.rightside_menu_container{height: 100%!important; position:relative;}
.rightside_menu .top_biz{position:absolute; top:0; right:0; width:80px; height:84px; background:#333; display: flex; justify-content: center; -ms-align-items: center; align-items: center;}
.rightside_menu .top_biz .text_biz{ color:#fff; font-size:14px; padding-left:22px; }
.rightside_menu .top_biz .text_biz:before{ background:url('/images/Inqten/Common/biz_q_w.svg'); background-size:17px 17px; top: 0px}
.side_menu_box{padding:0px 15px 10px 15px}
.side_menu_box li{padding:0 0 15px 0}
.side_menu_box .my_profile .profile_inner{border-radius:50%; }
.side_menu_box .my_profile .profile_inner .profile_thumb{ position: relative; width:50px; height: 50px;}
.side_menu_box .my_profile .profile_inner .profile_thumb img{ border:1px #4FB748 solid; position: absolute; top: 0; left: 0; transform: translate(50, 50); width: 100%; height: 100%; object-fit: cover; margin: auto; border-radius: 50%;}
.side_menu_box li:first-child{border-top:1px #ddd solid; padding:20px 0 15px 0}
.side_menu_box li i{font-family: 'DM Sans', sans-serif; font-weight:700; font-size:14px; font-style:normal; display:block; width:50px; height:50px; border-radius:50%; background:#fff; display: flex; justify-content: center; -ms-align-items: center; align-items: center; background-size:30px 30px; background-position:center center; background-repeat:no-repeat;}
.side_menu_box li i:hover{ background-color:#4FB748; color:#fff; background-size:45px 45px; background-position:center center; background-repeat:no-repeat;}
/* .side_menu_box li:nth-child(2){ }
.side_menu_box li:last-child{ } */
.side_nav_box{margin-top:27px}
.navList > li {position:relative; margin-bottom:9px }
.navList > li > a{display:block; height:56px; position:relative }
.navList > li > a:before{content:''; display:block; position:absolute; top:50%; left:50%;transform: translate(-50%, -50%); background-position: center center; background-repeat: no-repeat;}
.navList li:hover { background-color: #4FB748; border-radius:0 0 0 25px}
.navList li:hover > .sub_nav, .navList > li:hover > .sub_nav { visibility: visible; opacity: 1; z-index:200}
.navList > li:hover > a { color: #4FB748; text-decoration: none;}
.navList .aside_myshop:before{width:33px; height:29px; background-size:33px 29px}
.navList .aside_cscenter:before{width:30px; height:29px; background-size:30px 29px}
.navList .aside_allowance:before{width:31px; height:30px; background-size:31px 30px}
.navList .aside_group:before{width:33px; height:30px; background-size:33px 309px}
.navList .aside_consumer:before{width:25px; height:29px; background-size:25px 29px}
.navList .aside_autoship:before{width:29px; height:29px; background-size:29px 29px}
.navList .aside_dashboard:before{width:32px; height:30px; background-size:31px 30px}
.sub_nav{ list-style-type: none; position: absolute; top:0; left:100%; min-width: 230px; padding: 0px 0; visibility: hidden; opacity: 0; }
.sub_nav dt{height:56px; background-color: #4FB748; color:#fff; border-radius:0 25px 0 0; padding-left:35px; line-height:56px; font-size:16px; font-weight:normal;}
.sub_nav dd{border:1px #ddd solid; border-top:none; padding:10px 0 10px 15px; background-color: #F5F5F5;}
.sub_nav dd > ul > li {padding:10px 0}
.sub_nav dd > ul > li:hover{ background-color: transparent;}
.sub_nav dd > ul > li:hover > a{ color:#4FB748}
.sub_nav dd > ul > li.active a{ color:#4FB748}
.sub_nav dd > ul > li a{overflow-wrap: break-word}
.fix-category-menu .leftside_menu,
.fix-category-menu .rightside_menu{position:absolute; min-height:880px}
.rightside_menu_container .sub_nav{left:auto; right:100%}
.rightside_menu_container .sub_nav dt{ border-radius:25px 0 0 0; padding-left:35px; }
.rightside_menu_container .navList > li:hover { background-color: #4FB748; border-radius:0 0 25px 0}
@media only screen and (max-width:1200px) {
.leftside_menu, .rightside_menu{display:none}
}
@media only screen and (max-width:768.98px) {
}
/* ==================== left-right Aside ==================== */
/* ==================== 공통 ==================== */
/*퀵메뉴*/
.quick_menu_wrap{background:#F5F5F5; padding:18px; }
.quick_menu_box .quick_title{width:700px}
.quick_menu_box .quick_title h3{ font-family: 'DM Sans', sans-serif; font-weight:700; font-size:28px; color:#4FB748; letter-spacing: -0.56px; line-height:0.89285;}
.quick_menu_box .quick_title h3 span{color:#333}
.quick_menu_box .quick_title p{margin-top:12px; color:#666; font-size:16px;letter-spacing: -0.32px; }
.quick_menu_box .quick_menu li{padding:0 26px; text-align:center; }
.quick_menu_box .quick_menu li i{display:block; width:90px; height:90px; border-radius:50%; background:#fff; margin:0 auto;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
justify-content: center;
-ms-align-items: center;
align-items: center;
background-position:center center; background-repeat:no-repeat;
}
.quick_menu_box .quick_menu li span{display:block; color:#666; font-size:16px;letter-spacing: -0.32px; margin-top:10px; min-height:32px; }
.quick_menu_box .quick_menu li:hover i{background:#4FB748; background-position:center center; background-repeat:no-repeat;}
/*아이콘*/
i.health {background-image:url('/images/Inqten/Common/quicK_icon01.svg')!important; }
i.health:hover {background-image:url('/images/Inqten/Common/quicK_icon01_on.svg')!important;}
i.cosmetics {background-image:url('/images/Inqten/Common/quicK_icon02.svg')!important;}
i.cosmetics:hover {background-image:url('/images/Inqten/Common/quicK_icon02_on.svg')!important;}
i.living {background-image:url('/images/Inqten/Common/quicK_icon03.svg')!important;}
i.living:hover {background-image:url('/images/Inqten/Common/quicK_icon03_on.svg')!important;}
i.package {background-image:url('/images/Inqten/Common/quicK_icon04.svg')!important;}
i.package:hover {background-image:url('/images/Inqten/Common/quicK_icon04_on.svg')!important;}
i.promotion {background-image:url('/images/Inqten/Common/megaphone.svg')!important;}
i.promotion:hover {background-image:url('/images/Inqten/Common/megaphone_on.svg')!important;}
.aside_myshop:before{ background-image:url(/images/Inqten/Common/icon_myshop.svg); }
.aside_cscenter:before{ background-image:url(/images/Inqten/Common/icon_cs.svg); }
.aside_allowance:before{ background-image:url(/images/Inqten/Common/icon_allowance.svg); }
.aside_group:before{ background-image:url(/images/Inqten/Common/icon_group.svg); }
.aside_autoship:before{ background-image:url(/images/Inqten/Common/icon_autoship.svg); }
.aside_consumer:before{ background-image:url(/images/Inqten/Common/icon_consumer.svg); }
.aside_dashboard:before{ background-image:url(/images/Inqten/Common/icon_dashboard.svg); }
.product_list_wrap{margin:0 -20px}
.product_list{
margin: 0px 0 0 0; padding:0;
display: -webkit-box;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}
.product_list:after {
content:''; display:block; clear:both;
}
.product_list li{float:left; width:calc(100% / 4); padding:60px 20px 0 20px; box-sizing:border-box; }
.product_list li .pl_img{position:relative; width:100%; overflow:hidden; }
.product_list li .pl_img img{transition: all 0.2s;
position: absolute;
top: 0;
left: 0;
transform: translate(50, 50);
width: 100%;
height: 100%;
object-fit: cover;
margin: auto;
}
.product_list li .pl_img .goodsIcon{position:absolute; top:0;left:0; color:#fff; background:#0BBB9F; width:56px; height:56px; transform:translateX(0px) translateY(0px); transition:all 0.2s;
font-size:14px; padding:0 14px; box-sizing:border-box; line-height:1.26666; text-align: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
justify-content: center;
-ms-align-items: center;
align-items: center;
}
.product_list li:hover .pl_img .goodsIcon{ transform:translateX(0px) translateY(-5px); opacity:0.5;
}
.product_list li:hover .pl_img .respItemImageArea img{transform:scale(1.1);}
.pl_inner_item_box .pl_info{padding:12px 0 0px 0; }
.pl_inner_item_box .pl_info .pl_name{font-size:16px; color:#000; letter-spacing: -0.32px; line-height:1.5625; font-weight:bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.pl_inner_item_box .pl_info .pl_desc{font-size:14px; color:#777; letter-spacing: -0.28px; line-height:1.78571; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.pl_inner_item_box .pl_info .pl_price{padding:12px 0 0 0}
.pl_inner_item_box .pl_info .pl_price span{letter-spacing: -0.64px; color:#999; font-size:12px; margin-right:15px }
.pl_inner_item_box .pl_info .pl_price span em{font-family: 'DM Sans', sans-serif;font-size:16px; text-decoration: line-through; }
.pl_inner_item_box .pl_info .pl_price strong{ font-size:17px; color:#000; letter-spacing: -0.6px; }
.pl_inner_item_box .pl_info .pl_price strong em{font-size:20px; font-family: 'DM Sans', sans-serif; font-weight:700;}
.pl_inner_item_box .pl_info .pl_pv span{display:inline-block}
.pl_inner_item_box .pl_info .pl_price strong span{display:block; margin-bottom:7px; margin-right:0}
.pl_inner_item_box .pl_cart_box{padding-top:10px}
.pl_pv span{min-width:66px; display: block; background:#4FB748; color:#fff; border-radius:50px; font-size:11px; font-family: 'DM Sans', sans-serif;
font-weight:500; padding:4px 9px 3px 9px; line-height:1.90909; line-height:1; text-align:center; }
/* .pl_inner_item_box .pl_cart_box .pl_cart_input_inner{} */
.pl_inner_item_box .pl_cart_box .pl_cart_input_inner input{width:63px; text-align:center; border:none; height:27px; font-family: 'DM Sans', sans-serif; font-weight:500; font-size:15px; }
.pl_cart_input_inner .pl_cart_input{border:1px #ddd solid; margin-right:7px;}
.pl_cart_input_inner .pl_cart_input a{width:29px; height:27px; display:block; background:#ddd; color:#fff; position:relative;}
.pl_cart_input_inner .pl_cart_input a.btn_minus:after{content:''; display:block; width:13px;; height:1px; background:#fff; position:absolute; left:8px; top:14px }
.pl_cart_input_inner .pl_cart_input a.btn_plus:after{content:''; display:block; width:13px; height:1px; background:#fff; position:absolute; left:8px; top:14px }
.pl_cart_input_inner .pl_cart_input a.btn_plus:before{content:''; display:block; width:1px; height:13px; background:#fff; position:absolute; left:14px; top:8px }
.pl_cart_input_inner .btn_pl_cart{
border-radius:3px; background:#f5f5f5; border:1px #ddd solid; color:#333; width:29px; height:29px; font-size:13px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: center; -ms-align-items: center; align-items: center; white-space: nowrap;
position:relative;
}
.pl_cart_input_inner .btn_pl_cart:after{
content: '';
width: 18px;
height: 17px;
height: 17px;
background-color: #000; /* 여기가 색상입니다 */
-webkit-mask: url(/images/Inqten/Common/icon_cart.svg) no-repeat;
-webkit-mask-size: 18px 17px;
mask: url(/images/Inqten/Common/icon_cart.svg) no-repeat;
mask-size: 18px 17px;
position: absolute;
left: 5px;
}
.pl_cart_input_inner .btn_pl_cart.cancel{background:#000; color:#fff; border:none;}
.pl_cart_input_inner .btn_pl_cart.cancel:after{
background-color: #fff; /* 여기가 색상입니다 */
}
.pl_cart_input_inner .btn_pl_cart2{border-radius:3px; background:#f5f5f5; border:1px #ddd solid; color:#333; width:50px; height:29px; font-size:13px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: center; -ms-align-items: center; align-items: center;}
.pl_cart_input_inner .btn_pl_cart2.cancel{background:#000; color:#fff; border:none;}
.putin_cart .goodsDisplayImageWrap .respItemImageArea:after{content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,0.6); position:absolute; top:0; left:0}
.gl_inner_item_wrap { position: relative; }
.respItemImageArea { display: block; overflow: hidden;}
@media only screen and (max-width:1340px) {
.product_list_wrap{margin:0 0px; overflow:hidden}
.product_list li{ padding:60px 10px 0 10px; box-sizing:border-box; }
.product_list li:nth-child(-n+3){margin-top:0}
}
@media only screen and (max-width:1280px) {
.product_list_wrap{margin:0 -10px; }
}
@media only screen and (max-width:1200px) {
.product_list li{ width:calc(100% / 3);}
}
@media only screen and (max-width:991.98px) {
.pl_inner_item_box .pl_cart_box { display:block }
.pl_inner_item_box .pl_cart_box .pl_pv { margin-top:15px }
}
@media only screen and (max-width:768.98px) {
.product_list li{ width:calc(100% / 2); padding:40px 10px 0 10px; margin-top:0}
.product_list li:nth-child(-n+2){margin-top:0!important}
.pl_inner_item_box .pl_cart_box .pl_cart_input_inner {justify-content: space-between!important;}
.pl_cart_input_inner .pl_cart_input {width: calc(100% - 35px ); margin-right:0}
.pl_cart_input_inner .pl_cart_input a{width:29px; height:27px; }
.pl_inner_item_box .pl_cart_box .pl_cart_input_inner input{height:27px}
}
@media (max-width: 575.98px) {
.product_list_wrap{margin:0 -4px}
.product_list li{ padding:40px 8px 0 8px}
.pl_inner_item_box .pl_info .pl_price span{ font-size:14px; margin-right:10px}
.pl_inner_item_box .pl_cart_box .pl_cart_input_inner input{width:calc(100% - 58px )!important; font-size:13px; }
.product_list li .pl_img .goodsIcon{ width:45px; height:45px; font-size:11px; padding:0 10px; }
.pl_cart_input_inner .btn_pl_cart{font-size:12px}
.pl_cart_input_inner .btn_pl_cart2{font-size:12px}
.pl_inner_item_box .pl_info .pl_price strong{ font-size:15px; }
.pl_inner_item_box .pl_info .pl_price strong em{font-size:18px;}
}
@media (max-width: 575.98px) {
/*퀵메뉴*/
.quick_menu_wrap{background:#fff; padding:0px 0; }
.quick_menu_box .quick_title{display:none;}
/* .quick_menu_box .quick_menu li { } */
.quick_menu_box .quick_menu li i{ background:#f5f5f5; margin:0 auto; width:65px; height:65px; background-size:40px 40px; background-position:center center; background-repeat:no-repeat;}
.quick_menu_box .quick_menu li i img{height:40px}
.quick_menu_box .quick_menu li span{font-size:11px}
.quick_menu_box .quick_menu li:hover i{background-size:55px 55px; background-position:center center; background-repeat:no-repeat;}
}
.bottomBtn{margin-top:5rem; text-align:center; font-size:0}
@media only screen and (max-width:768.98px) {
.bottomBtn{margin-top:30px; }
}
.btn-outline-basic{background:#fff!important; border:1px #4FB748 solid!important; color:#4FB748!important; border-radius: 3px;}
.btn-basic{background:#4FB748!important; border:1px #4FB748 solid!important; color:#fff!important; border-radius: 3px; }
.btn-second{background:#333!important; border:1px #333 solid!important; color:#fff!important; border-radius: 3px;}
.btn-basic-small{letter-spacing: -0.28px; background:#666; color:#fff; border-radius:25px 0 ; padding:11px 20px 10px 20px}
.btn-outline-basic:hover{ color:#4FB748; }
.btn-basic:hover{ color:#fff}
.btn-second:hover{ color:#fff}
.btn_group{border-radius:15px 0 15px 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: flex-start; -ms-align-items: center; align-items: center;}
.btn_group a{border-radius:0; padding: 4px 15px 6px 15px; font-size:12px}
.btn_group a:first-child{border-radius:0 0 0 15px;}
.btn_group a:last-child{border-radius:0 15px 0 0;}
.bottomBtn a, .bottomBtn button{font-size:1.35714rem; text-align:center; min-width:148px; display:inline-block; padding:1.14285rem 1rem; margin:0 8px}
.displayNone{display:none!important}
.mainColor {
background-color: #333 !important
}
.subColor {
background-color: #74c968 !important
}
.pointColor {
background-color: #4FB748 !important
}
.bdPoint {
border: 1px solid #4FB748 !important;
}
.textC_red, .red{color:#FF5151!important}
.blue{ color: #207ee4 !important;}
.closed .vertical {
transition: all .5s ease-in-out;
transform: rotate(-90deg)
}
.closed .horizontal {
transition: all .5s ease-in-out;
transform: rotate(-90deg);
opacity: 1
}
.opened {
opacity: 1
}
.opened .vertical {
transition: all .5s ease-in-out;
transform: rotate(90deg)
}
.opened .horizontal {
transition: all .5s ease-in-out;
transform: rotate(90deg);
opacity: 0
}
.circle-plus .circle {
position: relative;
width: 20px;
height: 20px;
border-radius: 10%
}
.circle-plus .circle .horizontal {
position: absolute;
background-color: #4FB748;
width: 16px;
height: 2px;
left: 50%;
top: 50%;
margin-left: -8px;
margin-top: -1px
}
.circle-plus .circle .vertical {
position: absolute;
background-color: #4FB748;
width: 2px;
height: 16px;
left: 50%;
top: 50%;
margin-left: -1px;
margin-top: -8px
}
.ribbon {
position: absolute;
top: -5px;
right: -5px;
z-index: 1;
overflow: hidden;
width: 75px;
height: 75px;
text-align: right;
}
.textL{text-align:left!important}
.textR{text-align:right!important}
.textC{text-align:center!important}
.pointCTxt{color:#4FB748!important}
.pointCTxt2{color:#fdb813!important}
.basicSearchBtn{width:20px; height:17px; margin:0 5px ; display:block; background-image:url(/images/Inqten/Common/icon_search.svg); background-size:20px 17px; background-repeat:no-repeat; background-position:center center;}
.Pointer {
cursor: pointer !important;
}
.radioWrap label {
display: inline-block;
transition: .4s
}
.radioWrap label+label {
margin-left: 20px
}
.radioWrap label>input {
display: none
}
.radioWrap label i {
display: inline-block;
width: 16px;
height: 16px;
border-radius: 50%;
border: 1px solid #ddd;
margin-right: 8px;
vertical-align: middle;
transition: .4s
}
.radioWrap label>input:checked+i {
box-shadow: inset 0 0 0 .2em #fff;
background: #45b035
}
.radioWrap label:hover {
cursor: pointer
}
.radioWrap label span {
font-size: 14px
}
.dump_input {
width: 0;
height: 0;
border: 0;
margin: 0;
padding: 0
}
/* .optionRadio_list { } */
.optionRadio_list div{text-align:center; font-size:13px; color: #6a6a6b; margin-bottom:10px }
.optionRadio_rdolst {
overflow: hidden; padding:0; margin: 0;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
justify-content: flex-start;
-ms-align-items: center;
align-items: center;
}
.optionRadio_rdolst > li { display: block; padding: 0px 0px; -webkit-box-sizing: border-box; box-sizing: border-box;
position: relative; margin:0px; text-align:center;}
.optionRadio_rdobtn {margin: 0 auto; overflow: hidden; display: block; position: relative; font-size: 14px; text-align: center; }
.optionRadio_rdobtn input[type="radio"] + label { cursor: pointer; padding: 0px 25px 0px 25px;
height: 29px; background-color: #fff; margin-bottom:0; border-radius: 0px 15px; display:block; }
.optionRadio_rdobtn .gc_rdo_tx { font-size: 14px; line-height: 29px; word-break: keep-all;
}
.optionRadio_rdobtn input[type="radio"]:checked + label { background-color: #333; color: #fff; }
.Modal {
visibility:hidden;
border: 2px solid #fff;
background: #fff;
border-radius: 0px;
box-shadow: rgb(0 0 0 / 20%) 0px 0px 10px;
max-height:90%;
position:fixed;
z-index:110;
white-space:nowrap;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
font-size:.8125rem;
line-height:50px;
max-width:90vw;
max-height:90vh;
}
.Modal_Content_Wrap {
white-space:normal;
width:100%;
overflow:hidden;
}
.Modal_Content_Wrap .Modal_Content {
line-height:180%;
width:100%;
box-sizing:border-box
}
.Modal_Content_Wrap .Modal_Content img {
width:100% !important;
height:auto !important;
display:block
}
.Modal_Content_Wrap .Modal_Content i {
color:#fff;
font-size:1.125rem;
cursor:pointer;
position:absolute;
top:10px;
right:10px;
background:#4FB748;
border-radius:50%;
padding:5px
}
.Modal_Handle {
width:100%;
height:45px;
background-color:#4FB748;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
flex-wrap:nowrap
}
.Modal_Handle_2row {
height:90px;
flex-direction: column;
}
.Modal_Handle .Modal_Title {
color:#fff;
font-size:.9375rem;
height:45px;
cursor:pointer;
flex:1;
text-align:center
}
.Modal_Handle .Modal_Title:last-child {
border-left:1px solid rgba(255,255,255,.2);
box-sizing:border-box
}
.Modal_Slider {
width:500px;
height:550px;
position:fixed;
top:50%;
left:50%;
transform:translate(-50%,-50%);
z-index:9;
box-shadow:0 2px 5px rgba(0,0,0,.3);
background-color:#fff;
display:none
}
.Modal_Slider .Modal_Slider_container {
height:500px
}
.Modal_Slider .Modal_Slider_Btn {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
border-top:1px solid #ededed
}
.Modal_Slider .Modal_Slider_Btn a {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:50%;
height:50px;
color:dimgray;
font-size:.75rem
}
.Modal_Slider .Modal_Slider_Btn a:first-child {
border-right:1px solid #ededed;
box-sizing:border-box
}
.Modal_Slider .swiper-slide img {
width:100%
}
.Modal_Slider .swiper-pagination-bullet-active {
background-color:#333
}
.alert-popup-layer{display:none;position:fixed;left:0;top:0;z-index:100000;width:100%;height:100%;background-color:rgba(0,0,0,.5)}
.alert-popup-layer .alert{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);width:auto;min-width:450px;background-color:#fff;text-align:center}
.alert-popup-layer .alert .msg{padding:35px 30px;font-weight:400;font-size:1rem;color:#222;}
.alert-popup-layer .alert-btn{display:block;width:100%; overflow:hidden; text-align:center;margin:0 auto;}
.alert-popup-layer .alert-btn a{display:inline-block;width:30%;float:none;height:46px;line-height:46px;text-align:center;font-weight:400;margin-left:1em; margin-bottom:1em;color:#fff;}
.alert-popup-layer .alert-btn a:nth-child(3n+1) {margin-left:0;}
.alert-popup-layer .alert-btn .green{background-color:#4fb748; color:#fff !important;}
.alert-popup-layer .alert-btn .black{background-color:#333; color:#fff !important;}
.alert-popup-layer .alert-btn .white{background-color:#ddd; color:#333 !important;}
/* ==================== //공통 ==================== */