/* BASIC css start */
/* .fixed_logo img { opacity : 0; } */

/* */
.tabSub_box_inner2 .SMS_LeftToggle .box_sub .t_list {
    display: block;
}
/*====================================================
¸ÞÀÎ Àüü Æ˾÷ CSS ½ÃÀÛ
====================================================*/
.main_popup_box {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 30px;
background: rgba(0,0,0,0.75);
z-index: 9999;
display: none;
}

.main_popup_box .main_popup_DisplayContainer {
display: box;
box-pack: center;
box-align: center;
display: -webkit-box;
-webkit-box-pack: center;
-webkit-box-align: center;
height: 100%;
}

.main_popup_box .main_popup_container {
width: 100%;
max-width: 400px;
margin: 0 auto;
overflow: hidden;
}

.main_popup_box .main_popup_container .main_popup_btn {
text-align: center;
}

.main_popup_box .main_popup_container .main_popup_btn .btn_todayClose {
text-align: right;
color: #949494;
display: block;
padding: 7px 10px;
font-size: 13px;
}

.main_popup_box .main_popup_container .main_popup_btn .btn_todayClose input {
background-color: rgba(221, 221, 221, 0.25);
border-left-color: rgba(221, 221, 221, 0.1);
border-right-color: rgba(221, 221, 221, 0.1);
background-size: 70%;
background-position: center;
background-repeat: no-repeat;
border: none;
border-radius: 38px;
}

.main_popup_box .main_popup_container .main_popup_btn .btn_todayClose input[type="checkbox"] {
background-size: 70% !important;
background-position: center !important;
background-repeat: no-repeat !important;
border: none !important;
border-radius: 38px !important;
}

.main_popup_box .main_popup_container .main_popup_btn .btn_close {
display: block;
font-size: 12px;
letter-spacing: 5px;
text-align: center;
height: 40px;
line-height: 40px;
color: #fff;
margin: 10px 0 0 0;
border: 1px solid #fff;
}

.main_popup_box .main_popup_body {
text-align: center;
color: #444;
padding: 0px;
}

.main_popup_box .main_popup_body img {
width: 100%;
vertical-align: middle;
}

#smartskinMain_popup_floating {
display: none;
position: fixed;
bottom: 0px;
width: 100%;
height: 45px;
padding: 0px;
background: #fff;
z-index: 11;
color: #333;
font-size: 12px;
text-align: center;
font-weight: bold;
line-height: 14px;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.22);
}

#smartskinMain_popup_floating .container {
position: relative;
width: 100%;
height: 100%;
}

#smartskinMain_popup_floating img {
width: 100%;
margin: 0 auto;
vertical-align: middle;
}

.kslogo
{
width: 50%;
}

/*====================================================
¸ÞÀÎ Àüü Æ˾÷ CSS ³¡
====================================================*/
/* ============================================================
À¥¿¡¼­ ¾Û¿¡¼­ - ¾Û¿¡¼­ Á¢¼Ó ½Ã Æ˾÷ ½ÃÀÛ
==============================================================*/

#SMS_AppWeb_wrap {
position: fixed;
top: 30%;
left: 50%;
margin-left: -150px;
width: 300px;
height: 250px;
border: 1px solid #9C9C9C;
z-index: 1000;
box-shadow: 1px 1px 3px #a5a5a5;
border-radius: 3px;
overflow: hidden;
opacity: 0;
display: none;
}

#SMS_AppWeb_wrap.APPWEBOpen {
opacity: 1;
-webkit-animation: APPWEBOpen 600ms;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: ease-in-out;
display: block;
}

#SMS_MenuAll_wrapSMS_MenuAll_wrap.APPWEBOpen_close {
opacity: 0;
-webkit-animation: APPWEBOpen_close 600ms;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: ease-in-out;
display: none;
}

@-webkit-keyframes APPWEBOpen {
0% {
-webkit-opacity: 0;
opacity: 0;
}

100% {
-webkit-opacity: 1;
opacity: 1;
}
}

@-webkit-keyframes APPWEBOpen_close {
0% {
-webkit-opacity: 1;
opacity: 1;
}

100% {
-webkit-opacity: 0;
opacity: 0;
}
}

#SMS_AppWeb_wrap .top_appweb {
height: 179px;
background: rgba(255, 255, 255, 0.95);
text-align: center;
padding: 28px 0 0 0;
}

#SMS_AppWeb_wrap .top_appweb .appweb_body {
height: 150px;
line-height: 25px;
font-size: 14px;
color: #444;
}

#SMS_AppWeb_wrap .top_appweb .appweb_body b {
color: #FF6262;
}

#SMS_AppWeb_wrap .top_appweb .appweb_body .app {
background: #FF6262;
color: #fff;
width: 136px;
height: 39px;
line-height: 39px;
font-weight: bold;
font-size: 16px;
border-radius: 48px;
margin: 15px auto 0;
}

#SMS_AppWeb_wrap .top_appweb .appweb_body .app a {
display: block;
color: #fff;
}

#SMS_AppWeb_wrap .btn_appweb {
border-top: 1px solid #ddd;
overflow: hidden;
padding: 15px 10px;
background: rgba(232, 232, 232, 0.95);
}

#SMS_AppWeb_wrap .btn_appweb div {
padding: 0 2px;
text-align: center;
margin: 0 auto;
}

#SMS_AppWeb_wrap .btn_appweb div a {
display: block;
border: 1px solid #ddd;
background: #FFFFFF;
color: #717171;
height: 40px;
line-height: 40px;
font-size: 13px;
border-radius: 2px;
}

/*Fmily site Btn*/
.SMS_famliy {
    position: fixed;
    bottom: 75px;
    left: 11px;
    width: 44px;
    height: 44px;
    padding-top:9px;
    border-radius: 4px;
    border: 1px solid #848484;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
    line-height: 13px;
    background-color: rgba(255, 255, 255, 0.6);
    z-index: 101;
}

.SMS_famliy a {
    display: block;
    color: #444;
}

.pop-layer .pop-container {
  /*padding: 20px 15px;*/
}

.pop-layer p.ctxt {
  position:absolute;
  width:100%;
  bottom:43%;
  color: #eaeaea;
  font-size:13px;
  line-height:17px;
  text-align:center;
  margin:0 auto;
}

.pop-layer p.ctxt span {
  font-size:25px;
  font-weight:bold;
  letter-spacing:3px;
  line-height:60px;
}

.pop-layer .btn-r {
  width: 100%;
  max-width:400px;
  margin:0 auto;
  padding-bottom: 10px;
  text-align: right;
  padding-right:18px;
}

.pop-layer {
  position: absolute;
  width:100%;
  height: auto;
  z-index: 10;
  top:18%;
  margin:0 auto;
}

.mall-layer {
  display: none;
  position: fixed;
  /*position: absolute;*/
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}

.mall-layer .mallBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  filter: alpha(opacity=50);
}

.mall-layer .pop-layer {
  display: block;
}

.back-img {
  width:330px;
  height:330px;
  background-image:url(http://dint.img18.kr/pop/familysite/familyBN.jpg);
  background-size:cover;
  margin:0 auto;
}

.go-btn {
  position: absolute;
  width: 30%;
  border: 1px solid #eaeaea;
  padding: 8px 0;
  text-align: center;
  left: 35%;
  bottom: 27%;
  background: rgba(255, 255, 255, 0.3);
}

.go-btn a {
  color:#eaeaea;
}

a.btn-layerClose {
  display: inline-block;
  height: 25px;
  font-size: 15px;
  color: #fff;
  line-height: 25px;
  padding:0 5px 0;
  width:25px;
}

a.btn-layerClose img { width:100%; }

/*App down Btn*/
.SMS_app {
    position: fixed;
    width: 35px;
    height: 35px;
    left: 6px;
    bottom: 165px;
    font-weight: 400;
    color: #fff;
    padding-top:9px;
    border-radius: 4px;
    border: 1px solid #D7D7D7;
    text-align: center;
    font-size: 10px;
    line-height: 13px;
    background-color: rgba(255, 255, 255, 0.6);
    z-index: 101;
}
.SMS_app a {
    display: block;
    color: #444;
}

/*Naver Btn*/
.SMS_NaverBtn {
    position: fixed;
    bottom: 23px;
    right: 5px;
    width: 36px;
    height: 36px;
    z-index: 101;
}

/*Kakao Btn*/
.SMS_KakaoBtn {
    position: fixed;
    bottom: 63px;
    right: 5px;
    width: 36px;
    height: 36px;
    z-index: 101;
}


/*ROLLING_POPUP*/
.popupSlider {
position: relative;
width: 100%;
margin: 0 auto;
overflow: hidden;
}

.popupSlider .bx-pager {
position: absolute;
bottom: 10px;
left: 0;
width: 100%;
text-align: center;
}

.popupSlider .bx-pager div {
display: inline;
}

.popupSlider .bx-pager a {
display: inline-block;
width: 5px;
height: 5px;
margin: 0 10px;
border-radius: 10px;
background-color: #fff;
line-height: 99;
overflow: hidden;
}

.popupSlider img {
width:100%;
}

.popupSlider .bx-pager a.active {
background-color: #676767;
}


/*join_btn*/
#Basement .logout_text .r01, #Basement .logout_text .r02 { margin:35px 0 2px 0; }
#Basement .logout_text .r02 img { width:60%; position:absolute; bottom:120%; left:20%; z-index:999; }

/* TOP ¹öÆ° */
.SMS_TopBtn {
position: fixed;
text-align: center;
color: #2a2a2a;
font-weight: 400;
font-size: 0;
bottom: 245px;
left: 6px;
line-height: 23px;
width: 35px;
height: 35px;
background-color: rgba(255, 255, 255, 0.5);
border: 1px solid #D7D7D7;
z-index: 101;
border-radius: 1px;
}

.SMS_TopBtn:before {
content: "\f106";
font-family: FontAwesome;
font-size: 20px;
color: #000;
}

/* BOTTOM ¹öÆ° */
.SMS_BottomBtn {
position: fixed;
text-align: center;
color: #2a2a2a;
font-weight: 400;
font-size: 0;
bottom: 210px;
left: 6px;
line-height: 27px;
width: 35px;
height: 35px;
background-color: rgba(255, 255, 255, 0.5);
border: 1px solid #D7D7D7;
z-index: 101;
border-radius: 1px;
}

.SMS_BottomBtn:before {
content: "\f107";
font-family: FontAwesome;
font-size: 20px;
color: #000;
}


/* ==================================================================
- ¿ÃÀοø »ó´Ü °¶·¯¸® ½ÃÀÛ
================================================================== */
#SMS_oneSlideBanner {
position: fixed;
top: 0;
left: 0;
width: 100%;
padding: 9px 0;
z-index: 99;
transition: 0.5s;
}
.nav-up #SMS_oneSlideBanner {
background: rgba(2355,255,255,0.8);
}
#SMS_oneSlideBanner .SMS_fixed_inner {
position: relative;
text-align: center;
}

#SMS_oneSlideBanner .SMS_fixed_inner img {
width: 77px;
height: auto;
vertical-align: middle;
}
#SMS_oneSlideBanner .SMS_fixed_inner img.up {
display: none;
}

.nav-up #SMS_oneSlideBanner .SMS_fixed_inner img {
display: none;
}
.nav-up #SMS_oneSlideBanner .SMS_fixed_inner img.up {
display: inline;
}

#SMS_oneSlideBanner .SMS_fixed_inner img.fix_logo_w {
width: 120px;
height: auto;
vertical-align: middle;
margin-top: 12px;
}

#SMS_oneSlideBanner .SMS_fixed_inner .small_icon {
position: absolute;
top: 7px;
text-align: center;
color: #000;
width: 30px;
height: 30px;
line-height: 30px;
font-size: 0;
}

#SMS_oneSlideBanner .SMS_fixed_inner .left_p01 {
left: 12px;
}

#SMS_oneSlideBanner .SMS_fixed_inner .right_p01 {
right: 12px;
}
#SMS_oneSlideBanner .SMS_fixed_inner .search_btn {
  right: 46px;
}


/************** È­ÀÌÆ® ¹öÀü **************/
#SMS_oneSlideBanner .SMS_fixed_inner.white .left_p01 {
background-image: url("/design/dint/newbird/mobile/m_menu_wh.png");
background-repeat: no-repeat;
background-size: 85%;
background-position: center;
}

#SMS_oneSlideBanner .SMS_fixed_inner.white .right_p01 {
background-image: url("/design/dint/newbird/mobile/m_cart_wh.png");
background-repeat: no-repeat;
background-size: 80%;
background-position: center;
}

#SMS_oneSlideBanner .SMS_fixed_inner.white .search_btn {
background-image: url("/design/dint/newbird/mobile/m_search_wh.png");
background-repeat: no-repeat;
background-size: 80%;
background-position: center;
}

/************** TOPºí·¢ ¹öÀü
#SMS_oneSlideBanner .SMS_fixed_inner.white .left_p01 {
background-image: url("/design/dint/newbird/mobile/hamburger.png");
background-repeat: no-repeat;
background-size: 85%;
background-position: center;
}

#SMS_oneSlideBanner .SMS_fixed_inner.white .right_p01 {
background-image: url("/design/dint/newbird/mobile/cart_icon.svg");
background-repeat: no-repeat;
background-size: 78%;
background-position: center;
}

#SMS_oneSlideBanner .SMS_fixed_inner.white .search_btn {
background-image: url("/design/dint/newbird/mobile/search_icon.svg");
background-repeat: no-repeat;
background-size: 80%;
background-position: center;
} **************/


/************** ºí·¢ ¹öÀü **************/
/* ¸Þ´º */
#SMS_oneSlideBanner .SMS_fixed_inner.black .left_p01 {
background-image: url("/design/dint/newbird/mobile/hamburger.png");
background-repeat: no-repeat;
background-size: 85%;
background-position: center;
}

/* °Ë»ö */
#SMS_oneSlideBanner .SMS_fixed_inner.black .right_p01 {
background-image: url("/design/dint/newbird/mobile/cart_icon.png");
background-repeat: no-repeat;
background-size: 78%;
background-position: center;
}

#SMS_oneSlideBanner .SMS_fixed_inner.black .search_btn {
background-image: url("/design/dint/newbird/mobile/search_icon.png");
background-repeat: no-repeat;
background-size: 80%;
background-position: center;
}



/* ¸Þ´º */
.nav-up #SMS_oneSlideBanner .SMS_fixed_inner .left_p01 {
background-image: url("/design/dint/newbird/mobile/hamburger.png");
background-repeat: no-repeat;
background-size: 85%;
background-position: center;
}

/* °Ë»ö */
.nav-up #SMS_oneSlideBanner .SMS_fixed_inner .right_p01 {
background-image: url("/design/dint/newbird/mobile/cart_icon.png");
background-repeat: no-repeat;
background-size: 78%;
background-position: center;
}

.nav-up #SMS_oneSlideBanner .SMS_fixed_inner .search_btn {
background-image: url("/design/dint/newbird/mobile/search_icon.png");
background-repeat: no-repeat;
background-size: 80%;
background-position: center;
}

#SMS_oneSlideBanner .SMS_fixed_inner .small_icon img {
width: 100%;
}

#SMS_oneSlideBanner #floating {
position: absolute;
bottom: 20px;
right: 15px;
width: 30px;
height: 30px;
z-index: 10;
text-align: center;
color: #444;
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
border-radius: 2px;
overflow: hidden;
}

#SMS_oneSlideBanner #floating img {
width: 100%;
border: 1px solid #444;
}

#SMS_oneSlideBanner #floating.icon01 {
bottom: 100px !important;
}

#SMS_oneSlideBanner #floating.icon02 {
bottom: 63px !important;
}

#SMS_oneSlideBanner #floating.icon03 {
bottom: 25px !important;
}

#SMS_oneSlideBanner .SMS_oneNone {
display: none;
}

/* ==================================================================
- ¿ÃÀοø »ó´Ü °¶·¯¸® ³¡
================================================================== */
/* ==================================================================
- ¿ÞÂʸ޴º Çܹö°Å ±âº» ¹öÀü
================================================================== */
#Basement {
position: fixed;
top: 0px;
left: -100%;
visibility: hidden;
overflow: hidden;
overflow-x: hidden;
width: 100%;
height: 100% !important;
z-index: 9999;
background: #fff;
overflow: auto;
overflow: scroll;
text-align: center;
-webkit-overflow-scrolling: touch;
-webkit-backface-visibility: hidden;
}

.SMS_HamOpenClass {
position: static;
left: 0;
top: 0;
width: 100% !important;
height: 100% !important;
overflow-y: hidden !important;
-webkit-pointer-events: none !important;
-webkit-overflow-scrolling: none !important;
z-index: -1 !important;
}

.login_top {
width: 140px;
display: block;
height: 38px;
background: #fff;
margin: 15px auto 15px;
}

.login_top img {
width: 100%;
}

#Basement::-webkit-scrollbar {
width: 0 !important
}

@-webkit-keyframes BasementOpenAnimation {
0% {
-webkit-transform: translate(-70%,0px);
transform: translate(-70%,0px);
}

100% {
-webkit-transform: translate(0px,0px);
transform: translate(0px,0px);
}
}

#Basement.BasementOpen {
visibility: visible;
-webkit-animation: BasementOpenAnimation 500ms;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: ease-in-out;
}

@-webkit-keyframes BasementOffAnimation {
0% {
-webkit-transform: translate(-0px,0px);
transform: translate(0px,0px);
}

100% {
-webkit-transform: translate(-70%,0px);
transform: translate(-70%,0px);
}
}

#Basement.BasementOff {
visibility: visible;
-webkit-animation: BasementOffAnimation 500ms;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: ease-in-out;
}

/*.MenuAllCon {
  margin-top: 51px;
}*/

.MenuAllCon .sub_list {
  display: block;
  margin-top:30px;
  border-top: 0;
}
.MenuAllCon > ul {
  padding: 6px 0;
}
.MenuAllCon .user_tab li a {
  font-size: 16px;
  font-weight: 600;
  padding: 11px 0;
}
.MenuAllCon ul li > ul {
  padding: 11px 0 0;
  border-top: 0;
  display: none;
}
.MenuAllCon ul li > .depth_list{
  padding-left:20px;
}
.MenuAllCon ul li > .depth_list:after{
  content:'';
  display:block;
  clear:both;
}

.MenuAllCon ul li > .depth_list li {
  float:left;
  width:50%;
  padding: 6px 0;
}
.MenuAllCon ul li > .depth_list li a{
    font-size:14px;
}
.MenuAllCon ul li > ul li > ul {
  display: none;
}
.MenuAllCon ul li, .MenuAllCon ul li a {
  display: block;
  font-family: 'GeosansLight', sans-serif;
  text-align: center;
}
.MenuAllCon ul li.category_item {
  font-size: 16px;
  padding: 11px 0;
  font-weight: 600;
  letter-spacing: 0.06em;
}
.MenuAllCon ul li.category_item span {
  position: relative;
}
.MenuAllCon ul li.category_item.on span {
  border-bottom: 1px solid #000;
}
.MenuAllCon ul li.sub_item {
  padding: 15px 20px;
}
.MenuAllCon ul li.sub_item,
.MenuAllCon ul li.sub_item a {
  font-size: 15px;
  text-align:left;
}
.MenuAllCon ul li.sub_item span {
 
}
.MenuAllCon ul li.sub_item.on span {
  display:block;
  padding-bottom:5px;
  font-weight:bold;
  border-bottom: 1px solid #dedede;
}
.MenuAllCon ul li.sub_item.depth_menu{
  position:relative;
}
.MenuAllCon ul li.sub_item.depth_menu:after{
  content: '';
  display: block;
  position: absolute;
  top: 14px;
  right: 25px;
  width: 1px;
  height: 9px;
  background: #2a2a2a;
  transition:all 0.3s;
}
.MenuAllCon ul li.sub_item.depth_menu:before{
  content: '';
  display: block;
  position: absolute;
  top: 18px;
  right: 21px;
  width: 9px;
  height: 1px;
  background: #2a2a2a;
}
.MenuAllCon ul li.sub_item.depth_menu.on:after{
    transform:rotate(90deg);
}

.language_tab {
  text-align: center;
}
.language_tab ul li {
  display: inline-block;
  padding: 0 10px;
}
.language_tab ul li .lang_tit {
  display: block;
  margin-right: 6px;
  font-size: 11px;
}
.language_tab ul li a {
  padding: 3px 6px;
  color: #000;
}
.language_tab ul li a.active {
  border: 1px solid #d9d9d9;
  border-radius: 50%;
}
#SMS_HamburgerClose {
display: none;
position: fixed;
top: 17px;
right: 21px;
width: 18px;
height: 18px;
overflow: hidden;
background: url('/design/dint/newbird/mobile/close_btn.jpg') center no-repeat;
background-size: 15px;
color: transparent;
z-index: 1001;
}

/* --------------------- Çܹö°Å ÃÖ»ó´Ü ¸Þ´º ½ÃÀÛ --------------------- */
#left-menu .top_menu01 {
border-bottom: none;
overflow: hidden;
border-bottom: 1px solid #ddd;
background: #F5F5F5;
}

#left-menu .top_menu01 ul {
width: 100%;
overflow: hidden;
}

#left-menu .top_menu01 ul li {
display: inline-block;
float: left;
width: 33.3%;
color: #444;
text-align: center;
background: none;
border-top: none;
border-bottom: none;
border-right: none;
padding: 10px 10px;
border-right: 1px solid #ddd;
font-size: 12px;
}

#left-menu .top_menu01 ul li:last-child {
border-right: none;
}

/* --------------------- Çܹö°Å ÃÖ»ó´Ü ¸Þ´º ³¡ --------------------- */
/* --------------------- Çܹö°Å ·Î±×ÀÎ Àü ȸ¿øÁ¤º¸ ½ÃÀÛ --------------------- */
#left-menu .custom #member {
padding: 0;
border-top: none;
border-bottom: none;
list-style: none;
}

#member {
padding: 0;
border-bottom: 1px solid #363636;
background: #fff;
}

#member div {
text-align: center;
}

#member div.member_my_info {
padding: 0;
}

#member div.member_login_info {
position: relative;
padding: 5px 0;
}

#member div.member_login_info .logoff_txt {
line-height: 16px;
font-size: 12px;
color: #888;
padding: 5px 10px;
text-align: center;
}

#member div.member_login_info .logoff_txt b {
font-weight: bold;
color: #000;
}

#member div.member_login_info .logoff_txt .title_logoff {
display: inline-block;
font-size: 13px;
color: #888;
margin: 0 0 5px;
}

#member .login_join_wrap {
overflow: hidden;
padding: 0 9px;
}

#member .login_join_wrap div {
width: 50%;
float: left;
padding: 0 2px;
}

#member .login_join_wrap div a {
display: block;
background: #DCDCDC;
color: #717171;
height: 35px;
line-height: 35px;
font-size: 12px;
border-radius: 2px;
}

/* --------------------- Çܹö°Å ·Î±×ÀÎ Àü ȸ¿øÁ¤º¸ ³¡ --------------------- */
/* --------------------- Çܹö°Å ·Î±×ÀÎ ÈÄ È¸¿øÁ¤º¸ ½ÃÀÛ --------------------- */
#member div.member_my_info {
padding: 0;
}

#member div.member_my_info .member_my_info_box {
position: relative;
padding: 10px 20px;
}

#member div.member_my_info .member_my_info_box_login {
position: relative;
}

#member div .login_info_box {
font-size: 15px;
font-weight: normal;
text-align: left;
}

#member div .member_box1 {
line-height: 21px;
font-size: 13px;
text-align: left;
color: #666;
}

#member div .member_name {
display: inline-block;
font-size: 16px;
font-weight: bold;
color: #000;
margin: 0;
}

#member div.member_box2 {
display: block;
font-size: 12px;
text-align: center;
padding: 0 10px;
}

#member div.member_box2 .member_border {
padding: 10px 0 5px;
border-top: 1px solid #ddd;
box-shadow: inset 0 1px rgba(255,255,255,0.5);
-webkit-box-shadow: inset 0 1px rgba(255,255,255,0.5);
-moz-box-shadow: inset 0 1px rgba(255,255,255,0.5);
}

#member div.member_box2 dl {
display: table;
table-layout: fixed;
width: 100%;
}

#member div.member_box2 dd {
display: table-cell;
font-size: 12px;
}

#member div.member_box2 dd.ham_in_title {
position: relative;
width: 73px;
line-height: 21px;
text-align: left;
}

#member div.member_box2 dd.ham_in_title .opt_ico {
display: inline-block;
line-height: 0;
width: 18px;
height: 18px;
vertical-align: middle;
margin: -1px 3px 0 0;
background: url("img/member_icon.gif") no-repeat;
background-size: 54px 18px;
}

#member div.member_box2 dd.ham_in_title .ico_po_01 {
background-position: 0;
}

#member div.member_box2 dd.ham_in_title .ico_po_02 {
background-position: -18px 0;
}

#member div.member_box2 dd.ham_in_title .ico_po_03 {
background-position: -36px 0;
}

#member div.member_box2 dd.ham_in_info {
position: relative;
text-align: right;
}

#member div.member_box2 dd.ham_in_info .point, #member div.member_box2 dd.ham_in_info .coupon, #member div.member_box2 dd.ham_in_info .deposit {
font-weight: bold;
color: #000;
}

#member div.member_box2 dd.ham_in_info .end_tag {
display: inline-block;
width: 13px;
text-align: center;
color: #888;
}

#member .myInfo_logout {
padding: 0 10px
}

#member .myInfo_logout a {
display: block;
background: #DCDCDC;
color: #717171;
height: 35px;
line-height: 35px;
font-size: 12px;
border-radius: 2px;
}

/* --------------------- Çܹö°Å ·Î±×ÀÎ ÈÄ È¸¿øÁ¤º¸ ³¡ --------------------- */
/* -- ÀÚÁÖ°¡´Â Ä«Å×°í¸® ¿µ¿ª ½ÃÀÛ -- */
#Basement .MenuAllCon .logout_text {
height: auto;
float: initial;
position: relative;
padding: 15px 13px 0px 13px;
background: #F5F5F5;
overflow: hidden;
}

#Basement .MenuAllCon .logout_text .text {
height: auto;
float: initial;
text-align: center;
margin: 0 0 9px 0;
}

#Basement .logout_text .r01, #Basement .logout_text .r02 {
display: inline-block;
float: right;
width: 50%;
height: 30px;
line-height: 30px;
margin: 0 0 2px 0;
}

#Basement .logout_text .r01 {
}

#Basement .MenuAllCon .logout_text .r01 a, #Basement .MenuAllCon .logout_text .r02 a {
display: inline-block;
width: 100%;
height: 30px;
line-height: 30px;
background: #FFFFFF;
border: 1px solid #ddd;
font-weight: normal;
border-radius: 0;
text-align: center;
position: relative;
top: 0;
right: initial;
}

#Basement .MenuAllCon .logout_text .r01 a {
right: initial;
background: #868485;
color: #fff;
}

#Basement .SMS_LikeCategory {
position: relative;
top: 0;
right: initial;
padding: 5px 21px;
border: none;
color: #fff;
background: #bdbdbd;
text-align: center;
border-radius: 0px;
font-size: 11px;
clear: both;
margin: 0px 1px 7px 1px;
}

#Basement .SMS_LikeCategory_Inbody {
margin: 0px auto;
background: #f5f5f5;
padding: 2px 14px;
border: 0px solid #ddd;
display: none;
width: 100%;
}

#Basement .user_Inbody .SMS_LikeCategory_Inbody {
width: 100%;
}

#Basement .MenuAllCon .SMS_user_info .user_Inbody .logmenu_bottom {
margin: 5px 0 0 0;
}

/* --------------------- Çܹö°Å °Ë»öâ --------------------- */
.SMS_Topmodule_03_ham {
}

.SMS_Topmodule_03_ham .container_Box {
position: relative;
padding: 7px 10px;
border-bottom: none;
background: #fff;
}

.SMS_Topmodule_03_ham .container_Box ul li.search {
position: relative;
width: 100%;
}

.SMS_Topmodule_03_ham .container_Box .search_btn {
display: inline-block;
position: absolute;
z-index: 1;
right: 0;
top: 0;
width: 34px;
height: 34px;
line-height: 34px;
font-size: 15px;
color: #000;
text-align: center;
border: none;
}

.SMS_Topmodule_03_ham .container_Box .search_btn:before {
font-family: FontAwesome;
content: "\f002";
color: #000;
}

.SMS_Topmodule_03_ham .container_Box .search input {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
width: 100%;
height: 34px;
line-height: 12px;
padding: 0 8px;
border-radius: 2px;
border: 1px solid #ccc;
background: #fff;
color: #ddd;
}

.SMS_Topmodule_03_ham .container_Box .search input::-webkit-input-placeholder {
font-size: 12px;
color: #888;
line-height: 14px;
}

/* --------------------- Çܹö°Å °Ë»öâ END ---------------------  */
/* --------------------- Çܹö°Å ±âº» ÅÇ ¸Þ´º ½ÃÀÛ --------------------- */
#Basement .basementTab {
display: none;
}

.basementTabNavigation {
display: box;
display: -webkit-box;
display: -moz-box;
box-orient: horizontal;
-webki-box-orient: horizontal;
-moz-box-orient: horizontal;
padding: 0;
background: #f1f1f1;
border-top: 1px solid #ddd;
}

.basementTabNavigation div {
display: box;
display: -webkit-box;
display: -moz-box;
box-align: top;
-webkit-box-align: top;
-moz-box-align: top;
box-pack: center;
-webkit-box-pack: center;
-moz-box-pack: center;
box-flex: 1;
-webkit-box-flex: 1;
-moz-box-flex: 1;
float: none;
width: 100% !important;
height: 50px;
line-height: 20px;
font-size: 13px;
text-align: center;
font-weight: bold;
color: #fff;
padding: 13px 0 9px;
background: none;
}

.basementTabNavigation div {
border-bottom: 1px solid #ddd;
color: #111;
font-weight: normal;
}

.basementTabNavigation div.active {
border-bottom: 5px solid #323232;
color: #000000;
}

/* --------------------- Çܹö°Å ±âº» ÅÇ ¸Þ´º ³¡ --------------------- */
/* --------------------- Çܹö°Å Åä±Û ¸Þ´º ½ÃÀÛ --------------------- */
.SMS_LeftToggle {
}

.SMS_LeftToggle .box_sub {
height: auto;
line-height: 37px;
}

.SMS_LeftToggle .box_sub .title {
color: #444;
padding-bottom: 0;
font-size: 12px;
background: none;
font-weight: normal;
padding: 0 10px;
border-bottom: 1px solid #eee;
clear: both;
}

.SMS_LeftToggle .box_sub .title span {
width: 14px;
height: 21px;
display: inline-block;
overflow: hidden;
margin: 0 4px 0 0;
position: relative;
top: 2px;
}

.SMS_LeftToggle .box_sub .title span img {
width: 100%;
}

.SMS_LeftToggle .box_sub .title b {
display: block;
width: 15px;
height: 18px;
padding: 0;
background-image: url("img/down_arr.png");
background-repeat: no-repeat;
background-position: center;
background-size: 9px;
float: right;
position: relative;
top: 9px;
}


.SMS_LeftToggle .box_sub .t_list {
display: none;
font-size: 12px;
background: #fff;
overflow: hidden;
}

.SMS_LeftToggle .box_sub .t_list .ham_sub_menu {
width: 100%;
display: block;
border-right: 0px solid #eee;
/* border-bottom: 1px solid #eee; */
padding: 0 0 0 9px;
text-indent: 15px;
font-size: 12px;
}

.SMS_LeftToggle .box_sub .t_list .ham_sub_menu a {
display: block;
}

.SMS_LeftToggle .box_sub .t_list .ham_sub_menu:nth-last-child(1) {
border-bottom: 1px solid #eee;
}

/* --------------------- Çܹö°Å Åä±Û ¸Þ´º ½ÃÀÛ --------------------- */
/* --------------------- Çܹö°Å ÀÏ¹Ý ¸Þ´º ½ÃÀÛ --------------------- */
.basementTab .BasicMenu {
display: block;
padding: 0px;
background: #fff;
height: 35px;
line-height: 35px;
text-indent: 14px;
border-bottom: 1px solid #eee;
}

/* --------------------- Çܹö°Å ÀÏ¹Ý ¸Þ´º ³¡ --------------------- */

#iosBookmark{position:fixed;bottom:0;left:50%;margin-left:-90px;width:180px;background:#f7f7f7;border-radius:3px;box-shadow:0 0 6px rgba(29,29,29,.48);padding:0 0 15px;z-index:9999;display:none}#iosBookmark .iosB_text b{display:block;width:60px;height:60px;border-radius:70px;margin:11px auto;border:4px solid #DADADA;background-color:#fff;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAA6CAMAAAD4IJuIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQzMTI2NzlBRkVDMzExRTQ5MzkwQTQ1QkNDQzVEN0Q3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQzMTI2NzlCRkVDMzExRTQ5MzkwQTQ1QkNDQzVEN0Q3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDMxMjY3OThGRUMzMTFFNDkzOTBBNDVCQ0NDNUQ3RDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDMxMjY3OTlGRUMzMTFFNDkzOTBBNDVCQ0NDNUQ3RDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6yz7w9AAAANlBMVEX///+mz/qhzPubyPuVxvuSxfuPw/uJwPuGvvuAu/t+uvt+uvx7uPx4t/wylP41lf4Aev8DfP+3CVdXAAAAEHRSTlMAmKWvubzBycvS1dfY3Pz8E52r6QAAAHZJREFUSMft00sKhEAMRdGntn9Lb+1/sw60EWnQlBNbzB2GMwiBSDfUdUkaEvwA0Cdpsx+ghdboAzQCNSYfoJJAqgw+EAstXJ9TXxNzfbmKSHnsx0wbVz7ZrrNya8/h7Nr47/waP1/GuXPnlu917vxd3NJV/i/NJEIXn6FPCTcAAAAASUVORK5CYII=);background-repeat:no-repeat;background-size:45%;background-position:center}
#iosBookmark .iosB_text b{display:block;width:60px;height:60px;border-radius:70px;margin:11px auto;border:4px solid #DADADA;background-color:#fff;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAA6CAMAAAD4IJuIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQzMTI2NzlBRkVDMzExRTQ5MzkwQTQ1QkNDQzVEN0Q3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQzMTI2NzlCRkVDMzExRTQ5MzkwQTQ1QkNDQzVEN0Q3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDMxMjY3OThGRUMzMTFFNDkzOTBBNDVCQ0NDNUQ3RDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDMxMjY3OTlGRUMzMTFFNDkzOTBBNDVCQ0NDNUQ3RDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6yz7w9AAAANlBMVEX///+mz/qhzPubyPuVxvuSxfuPw/uJwPuGvvuAu/t+uvt+uvx7uPx4t/wylP41lf4Aev8DfP+3CVdXAAAAEHRSTlMAmKWvubzBycvS1dfY3Pz8E52r6QAAAHZJREFUSMft00sKhEAMRdGntn9Lb+1/sw60EWnQlBNbzB2GMwiBSDfUdUkaEvwA0Cdpsx+ghdboAzQCNSYfoJJAqgw+EAstXJ9TXxNzfbmKSHnsx0wbVz7ZrrNya8/h7Nr47/waP1/GuXPnlu917vxd3NJV/i/NJEIXn6FPCTcAAAAASUVORK5CYII=);background-repeat:no-repeat;background-size:45%;background-position:center}#iosBookmark .iosB_text{line-height:20px;color:#6B6B6B;text-align:center;font-size:13px}


/* °Ë»ö Ãß°¡ */
.MenuAllCon .search-top {position:relative; margin:19px 10px 20px; padding-bottom:20px; border-bottom:1px solid #d3d3d3;}
.MenuAllCon .search-top .btn_language {position:absolute; left:10px; top:0; font-family: 'GeosansLight', sans-serif; font-size:12px;}
.MenuAllCon .search-top .btn_language a.btn_open span {display:inline-block; margin-left:4px; font-size:8px; transform: rotate(180deg); transition:all 0.5s ease; vertical-align:top;}
.MenuAllCon .search-top .btn_language a.btn_open.rotate span {transform: rotate(0deg);}
.MenuAllCon .search-top .language {display:none; position:absolute; left:0; top:22px; border:1px solid #6e6e6e; overflow:hidden; padding:0 6px; background:#fff; z-index:1;}
.MenuAllCon .search-top .language li {float:left; margin:0 7px; padding:13px 0;}
.MenuAllCon .search-top .language li a {width:32px; height:23px;}
.MenuAllCon .search-top .logo {display:inline-block; width:80px; height:16px;}

.MenuAllCon .smp-btn-search{position:relative; margin:0 10px;}
.MenuAllCon .smp-btn-search input {
  display: inline-block;
  width: 100%;
  height: 39px;
  border:1px solid #d3d3d3;
}
.MenuAllCon .smp-btn-search .search_btn {
  position:absolute;
  right:11px;
  top:11px;
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url('/design/dint/newbird/mobile/search_btn.jpg') center no-repeat;
  background-size: 18px;
  vertical-align: middle;
}
.MenuAllCon .user_tab {display:flex; align-items:center; justify-content:center; margin:24px 0px; border-top:0; padding:0;}
.MenuAllCon .user_tab li {margin:0 18px;}
.MenuAllCon .user_tab li a {padding:10px 0;}
.MenuAllCon .user_tab li a .join_txt {font-size:12px; }

.MenuAllCon .hamTopBtn {
    padding:0 20px;
    margin-bottom:20px;
}

.MenuAllCon .hamTopBtn ul li{
    width:calc((100% - 10px)/2);
    margin-right:10px;
}

.MenuAllCon .hamTopBtn ul li:last-child{
    margin-right:0;
}

.MenuAllCon .hamTopBtn ul li a{
    display:block;
    font-size:11px;
    line-height:34px;
    text-align:center;
    font-family:'Noto Sans KR', AppleSDGothicNeo-Light, sans-serif;
    background:#f1f1f1;
    border-radius:5px;
}

.MenuAllCon .hamTopBan{
    position:relative;
}

.MenuAllCon .hamTopBan .imgWrap img{
    display:block;
    width:100%;
}

.MenuAllCon .hamTopBan .textWrap{
    position: absolute;
    top: 8vw;
    right: 15vw;
}

.MenuAllCon .hamTopBan .textWrap strong{
    display:block;
    color:#fff;
    font-size:5vw;
    line-height:1.2;
    font-weight:300;
    text-align:center;
}

.MenuAllCon .hamTopBan .textWrap span{
    display:block;
    color:#fff;
    font-size:2vw;
    font-weight:300;
    text-align:center;
}

.MenuAllCon .hamBottomBtn{
    padding:50px 20px 10px;
}

.MenuAllCon .hamBottomBtn ul li{
    width:calc((100% - 5px)/2);
    margin-right:5px;
    margin-bottom:5px;
}

.MenuAllCon .hamBottomBtn ul li:nth-child(3){
    width:100%;
    margin-right:0;
}

.MenuAllCon .hamBottomBtn ul li:nth-child(2),
.MenuAllCon .hamBottomBtn ul li:nth-child(5){
    margin-right:0;
}

.MenuAllCon .hamBottomBtn ul li a{
    display: block;
    background: #f1f1f1;
    line-height: 34px;
    border-radius: 5px;
    font-size: 11px;
    font-weight:300;
    font-family:'Noto Sans KR', AppleSDGothicNeo-Light, sans-serif;
}

.MenuAllCon .hamBottomBtn ul li:nth-child(3) a{
    font-size: 14px;
}

.MenuAllCon .hamBottomBtn img{
    width: 14px;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 3px;
}



/*°Ë»öâ*/
.allFinderWrap{
    position:relative;
    padding:50px 10px 0;
    text-align:left;
    
}

.allFinderWrap.open{
    visibility: visible;
    right:0;
}


.allFinderWrap .finderConBox{
    width:100%;
    margin-top:30px;
}

.allFinderWrap .finderConBox .finderTit{
    margin-bottom:10px;
}


.allFinderWrap .finderConBox .finderTit strong{
    display:block;
    font-size:14px;
    color:#7a7a7a;
    font-weight:400;
}

.allFinderWrap .finderConBox .finderTit span{
    display:block;
    margin-top:5px;
     font-size:10px;
    color:#7a7a7a;
} 



.allFinderWrap .finderConBox.favKeyWord .keyWordList li{
    padding:5px 0;
}

.allFinderWrap .finderConBox.favKeyWord .keyWordList li a{
    display:block;
}

.allFinderWrap .finderConBox.favKeyWord .keyWordList li a:after{
    display:block;
    content:'';
    clear:both;
}

.allFinderWrap .finderConBox.favKeyWord .keyWordList li span{
    display:block;
    float:left;
    font-size:12px;
}

.allFinderWrap .finderConBox.favKeyWord .keyWordList li span:nth-child(1){
    width:20%;
    text-align:center;
}

.allFinderWrap .finderConBox.favKeyWord .keyWordList li span:nth-child(2){
    width:70%;
    padding-right:10px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.allFinderWrap .finderConBox.favKeyWord .keyWordList li span:nth-child(3){
    width:10%;
    text-align:center;
    font-size:10px;
}

.allFinderWrap .finderConBox.rcmdKeyWord li {
    width:33.333%;
    text-align:center;
    padding:5px 10px 5px 0;
}

.allFinderWrap .finderConBox.rcmdKeyWord li a{
    display:block;
    font-size:12px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

/* ´Ùã´Ù °Ë»ö ÆÄÀδõ - ·¹À̾î */
.all-finder-layer { width:100%; height:100%; background:#fff; overflow-y:auto; }
.all-finder-layer .finder-search { position: absolute; top: 5px; left: 0; width: calc(100% - 20px); margin: 0 10px; border: 1px solid #cfcfcf;  }
.all-finder-layer .finder-search .fa-search { display: none; }
.all-finder-layer .finder-search .txt-input { width:85%; height:42px; line-height:42px; margin:0; padding:0 0 0 10px; font-size:14px; outline:none; border:none; color: #000; vertical-align:top; letter-spacing:-1px; }
.all-finder-layer .finder-search .txt-input::-webkit-input-placeholder { color:#b1b1b1; }
.all-finder-layer .finder-search dd { background:#FFF; }
.all-finder-layer .finder-opt { padding:0 0 55px;  }


.all-finder-layer .finder-opt .finder-price .finder-price-input { padding:0 5px 10px; text-align:right; font-size:12px; }
.all-finder-layer .finder-opt .finder-price .finder-price-input:after { clear: both; content: ""; display: block; }
.all-finder-layer .finder-opt .finder-price .finder-price-input span { float:left; display:inline-block; height:34px; line-height:34px; }
.all-finder-layer .finder-opt .finder-price .finder-price-input label { display: inline-block; width: 33%; padding: 0 8px; border: 1px solid #ccc; border-radius:3px; color: #666; background:#fff; }
.all-finder-layer .finder-opt .finder-price .finder-price-input label .txt-input { display: inline-block; width: 84%; height: 32px; line-height: 32px; padding: 0; border: none; background: none; color: #000; outline:none; text-align:right; }
.all-finder-layer .finder-opt .finder-child-category { padding:0; }
.all-finder-layer .finder-opt .finder-child-category .mobile-select-category { padding:15px; margin-bottom:9px; border-bottom:1px solid #e7e7e7; font-size:14px; font-weight:bold; color:#9a9a9a; background:#fff; word-break:break-all; letter-spacing:-1px; }
.all-finder-layer .finder-opt .finder-child-category .mobile-select-category .pd-2px { padding:0 2px; }
.all-finder-layer .finder-opt .finder-child-category .mobile-select-category .fc-black { color:#000; }
.all-finder-layer .finder-opt .finder-child-category .mobile-select-category .fa { margin-left:2px; color:#000; }
.all-finder-layer .finder-btn-c button { position:absolute; top:15px; right:20px;}
.all-finder-layer .finder-btn-c button img{ display:block; width:23px; }

.all-finder-layer .finder-opt .finder-option-color.color-picker { width:33px; height:33px; padding: 0; border: none; font-size:10px; color:#7a7a7a; } 
.all-finder-layer .finder-opt .finder-option-color.color-picker .fa-check { display:none; width:55px; color:#fff; position:absolute; top:5px; left:-1px; text-align:center; }
.all-finder-layer .finder-opt .finder-option-color.color-picker.on .fa-check { display:block; }
.all-finder-layer .finder-opt .finder-option-color.color-picker.on.finder-option-color-white .fa-check { color:#000; }

.all-finder-layer .finder-color{width:90%; margin:10px auto 0;}
.all-finder-layer .finder-color:after{display:block; content:''; clear:both;}
.all-finder-layer .finder-color label{position:relative; float: left; width: 55px; margin-bottom: 15px; text-align: center; }
.finder-option-color em:before{ content:''; display:block; width:20px; height:20px; margin:0 auto; border:1px solid #999; }
.finder-option-color.finder-option-color-black em:before { background-color: #000; }
.finder-option-color.finder-option-color-white em:before { background-color: #FFF; }
.finder-option-color.finder-option-color-gray em:before { background-color: #808080; }
.finder-option-color.finder-option-color-beige em:before { background-color: #e5d0b2; }
.finder-option-color.finder-option-color-brown em:before { background-color: #aa6810; }
.finder-option-color.finder-option-color-navy em:before { background-color: #425583; }
.finder-option-color.finder-option-color-blue em:before { background-color: #0000ff; }
.finder-option-color.finder-option-color-light-blue em:before { background-color: #62acff; }
.finder-option-color.finder-option-color-red em:before { background-color: #ff0000; }
.finder-option-color.finder-option-color-orange em:before { background-color: #ffa500; }
.finder-option-color.finder-option-color-yellow em:before { background-color: #ffff00; }
.finder-option-color.finder-option-color-pink em:before { background-color: #ffc0cb; }
.finder-option-color.finder-option-color-purple em:before { background-color: #800080; }
.finder-option-color.finder-option-color-jaju em:before { background-color: #a63f7f; }
.finder-option-color.finder-option-color-khaki em:before { background-color: #2f5e2f; }
.finder-option-color.finder-option-color-green em:before { background-color: #008000; }
.finder-option-color.finder-option-color-light-green em:before { background-color: #72dd95; }
.finder-option-color.finder-option-color-silver em:before { background-color: #dfdfdf; }
.finder-option-color.finder-option-color-gold em:before { background-color: #cfbc4e;  }
.finder-option-color.finder-option-color-apricot em:before { background-color: #fbceb1;  }

.all-finder-layer .search-auto-complete-list { display:none; z-index:1; position:absolute; top:43px; left:0; width:100%; line-height:14px; background:#fff; box-shadow:0px 0px 5px 0px rgb(0 0 0 / 20%); }
.all-finder-layer .search-auto-complete-list ul { width:100%; padding:8px 5px 10px 5px; border-bottom:1px solid #ddd; display: flex; flex-wrap: wrap;}
.all-finder-layer .search-auto-complete-list ul li { text-align:center; margin: 3px; }
.all-finder-layer .search-auto-complete-list ul li a { display:block; padding:8px 14px; color:#000; border: 1px solid #eee; border-radius: 10px; background:none; font-family:'malgun gothic'; font-size:11px; letter-spacing:-1px; } 
.all-finder-layer .search-auto-complete-list ul li a strong { color:#ab3e41; }
.all-finder-layer .search-auto-complete-list ul li a:hover { background:#f2f2f2; }
.all-finder-layer .search-auto-complete-list ul li a:hover span {}
.all-finder-layer .search-auto-complete-list .search-list-close { display:block; padding:10px 11px; text-align:right; color:#666; font-size:11px; }


/* BASIC css end */