@charset "utf-8";

:root {
  /* color */
  --main-color: #4A36B3;

  /* width */
  --max-width: 1280px;

  /* font */
  --h2-size: 38px;
  --text-large : 32px;
  --text-normal : 16px;
  --text-small : 14px;
  --text-xsmall : 12px;

  --gap-normal : 24px;
  --gap-small : 12px;
  --gap-xsmall : 8px;
}

@media screen and (max-width: 899px) { 
  :root {
    /* font */
    --h2-size: 22px;
    --text-large : 16px;
    --text-normal : 14px;
    --text-small : 12px;
    --text-xsmall : 10px;
  
    --gap-normal : 12px;
    --gap-small : 8px;
    --gap-xsmall : 4px;
  }
}

.wrap_new .back {position: fixed; background: rgba(0,0,0,.8);}

/* header */
.header_new *,
.footer_new * {font-family:'roboto','opensans','Malgun Gothic','맑은 고딕','Helvetica nenu',Arial, "Apple SD Gothic";}

.header_util_new {background-color: #f7f7f7;}
.header_util_new > .inner {display: flex; align-items: center; justify-content: space-between; max-width:var(--max-width); height:40px; margin:0 auto; padding:0 24px;}
.util_menu > ul {display: flex; gap:24px;}
.util_menu > ul > li {position: relative;}
.util_menu > ul > li + li::before {content: ""; position: absolute; top:7px; left:-14px; display:block; width:1px; height:8px; background-color: #dce1e6;}
.util_menu > ul > li > a {font-size:12px; color: #a8adb3;}

.header_sch_new > .inner {position: relative; display: flex; align-items: center; justify-content: space-between; max-width:var(--max-width); height:112px; margin: 0 auto; padding:0 24px;}
.header_sch_new .btn-logo {display:block; width:200px; height:40px; background: url(../../images/2023/logo.png) no-repeat center / 100% auto;}

.sch_form_new {position: absolute; left:50%; top:50%; z-index: 100; transform: translate(-50%, -50%);}
.total_sch_area {position: relative; display: flex; align-items: center; width:500px; border: 1px solid #dce1e6; border-radius: 40px; background-color: #fff;}
.total_sch_area .search_toggle {width:115px;}
.total_sch_area .search_toggle > button {display: block; width:100%; height:40px; padding:0 0 0 24px; text-align: left; border:0; color: #6f757a; cursor: pointer; box-sizing: border-box; background: transparent url(../../images/2023/icon_search_combo.svg) no-repeat right 12px top 50% / 16px 16px;}
.total_sch_area .search_toggle .search_option {display:none; position: absolute; width:115px; padding:12px; border:1px solid #ccc; background-color: #fff;}
.total_sch_area .sch_inp {display:block; flex:1; height:40px; border:0; font-size:14px;}
.total_sch_area .sch_inp::placeholder {color:#d3d6d9;}
.total_sch_area .btn_search {display:block; width:40px; height:40px; margin-right:10px; border:0; cursor: pointer; background: transparent url('../../images/2023/btn_total_search.svg') no-repeat center center / 20px 20px;}

.sch_form_new .result_sch {position: absolute; z-index:999; width:100%; box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.16);}
.sch_form_new .result_keyword{ min-height:150px; max-height:350px; padding:0 12px; overflow-y:auto; overflow-x:hidden;}
.sch_form_new .result_keyword .keyword_list{padding:12px 0;}
.sch_form_new .result_keyword .keyword_list li a{display:block; padding:5px 15px; font-size:13px; color:#404040; letter-spacing:-0.2px; /* background:#fff; */}
.sch_form_new .result_keyword .keyword_list li a:hover{background:#f5f5f5;}

.popular_sch {display: flex; align-items: center; max-width:500px; margin: 12px 0 0 24px;}
.popular_sch .tit {margin-right:12px; text-transform: uppercase; color: #888e94; padding-right:12px; background: url(../../images/common/bul_util_right.png) no-repeat right center / 4px 7px}
.favorite_list {display: flex; align-items: center; flex-wrap: wrap;}
.favorite_list > li + li::before {content:""; display:inline-block; vertical-align: middle; width:1px; height:10px; margin:0 12px; background-color:#dce1e6;}
.favorite_list a {color: #a8adb3; font-size:15px;} 

.drop_open ul li.tit {
    color: #e80030;
    font-size: 15px;
    width: 100%;
    text-align: center;
    font-weight: 600;
}


.drop_open {position: absolute; z-index: 20; width:70px; left: 50%; transform: translateX(-50%); display:none; margin-top:10px; padding:0;  border-radius: 10px; background-color: #fff;}
.drop_open::-webkit-scrollbar {width: 5px;}
.drop_open::-webkit-scrollbar-thumb { border-radius: 5px; background-color: #ccc;}
.drop_open::-webkit-scrollbar-button:vertical:start:decrement,
.drop_open::-webkit-scrollbar-button:vertical:start:increment {
  display: block;
  height: 5px;
}
.drop_open::-webkit-scrollbar-button:vertical:end:decrement {
  display: block;
  width: 25px;
}

.util_menu_icon > ul {display: flex; gap:var(--gap-normal);}
.util_menu_icon > ul li {position: relative; padding-bottom:5px;}
.util_menu_icon > ul > li .new {position:absolute;top:-4px;right:-4px; width:20px; height:20px; background:url(../../images/common/new/icon_new.png) no-repeat center center / 100% 100%;z-index:99;}
[class^="btn-util-"] {display:block; width:32px; height:32px; border:0; cursor: pointer; background-color: transparent;}
.btn-util-myp {background: url('../../images/2023/icon_util_mypage_b.svg') no-repeat center / 20px 21px;}
.btn-util-msg {background: url('../../images/2023/icon_util_message_1.svg') no-repeat center / 22px 20px;}
.btn-util-region {background: url('../../images/2023/icon_util_etrade.svg') no-repeat center / 18px 21px;}
.btn-util-lang {background: url('../../images/2023/icon_util_country.svg') no-repeat center / 24px 24px;}

[class^="btn-mo-"] {display:block; width:28px; height:28px; border:0; cursor: pointer; background-color: transparent;}
.btn-mo-srh {background: url('../../images/2023/icon_mo_search.svg') no-repeat center / 22px 22px;}
.btn-mo-cate {background: url('../../images/2023/icon_mo_cate.svg') no-repeat center / 28px 28px;}
.btn-mo-mypage {background: url('../../images/2023/util_mypage.png') no-repeat center / 20px 22px;}
.btn-mo-logout {background: url('../../images/2023/icon_mo_logout02.png') no-repeat center / 24px 23px;}



 .normal.mypage {
    background: url('/front/mobile/images/common/util_mypage.png') no-repeat 50% 50%;
    background-size: 19px 22px;
}

.hearder_cate {position:absolute; left:10px; top:21px;}
.cate_open .hearder_cate {position:absolute; left:auto; right:10px; top:17px;}


.btn-util-lang + .drop_open {overflow-y: auto; height:300px;}

.header_gnb_new {background-color: #4a36b3; transition: background-color 1s;}
.header_gnb_new > .inner {display: flex; align-items: center; justify-content: space-between; max-width: var(--max-width); height:80px; margin:0 auto;}
.header_gnb_new .left_cont {display:flex; align-items: center;}
.header_gnb_new .allcate {margin-right:24px;}
.header_gnb_new [class^="btn-"] {display:inline-block; border:0; color: #fff; font-size: var(--text-normal); font-weight: 300; background-color: transparent; cursor: pointer;}
.header_gnb_new [class^="btn-"] > i {margin-right:12px;}
.btn-link + .btn-link {margin-left:24px;}

[class^="icon40-"] {display: inline-block; width:40px; height:40px; vertical-align: middle;}
.icon40-allcate {background: url(../../images/2023/icon_allcate.svg) no-repeat center / 100% 100%;}
.icon40-online {background: url(../../images/2023/icon_online.svg) no-repeat center / 100% 100%;}
.icon40-business {background: url(../../images/2023/icon_business.svg) no-repeat center / 100% 100%;}
.icon40-program {background: url(../../images/2023/icon_program.svg) no-repeat center / 100% 100%;}


@media screen and (min-width: 1000px) {
  .util_menu_icon > ul .hidden {position: absolute; clip: rect(0 0 0 0);width: 1px;height: 1px; margin: -1px; overflow: hidden;}

  /* GNB pc */
  .category_list {display:none; position: absolute; z-index:999; left:50%;  width:100%; }

  .category_list .cate_tit {display: none;}

  .gnb-wrap { overflow-y:auto; width:33.33%; height:443px;}
  .gnb-wrap a {display: block; overflow: hidden; height:60px; line-height: 60px; padding:0 20px; border-bottom:1px solid #eff0f1; color: #3f4447; font-size: 15px; text-overflow: ellipsis; word-wrap: break-word; white-space: nowrap;}

  .gnb-wrap .cate_menu3 {display: none; overflow-y: auto; position: absolute; top:0; bottom:0; left:33.333%; width:33.333%; background-color: #fff;}
  .gnb-wrap .cate_menu3 > li {width:100%;}
  .gnb-wrap .cate_menu3 > li .btn-menu-open {display:none}
  .gnb-wrap .cate_menu4 {display: none; position: absolute; top:0; bottom:0; left:50%; width:50%; border-left:12px solid #f1f1f1; overflow-y:scroll;}
  .gnb-wrap li {background-color: #fff;}

  .gnb-wrap li.active > .menu-btns a,
  .gnb-wrap li > .menu-btns a:hover {color:#fff; background-color: #6045e6;}
  .gnb-wrap > li.active .cate_menu3 {display: block;}
  /* .gnb-wrap .cate_menu3 > li.active .cate_menu4 {display: block;} */

  .allcate_close {position: absolute; top:-80px;}
  .allcate_close button.close {display: block; width:200px; height:80px; border:0; text-align: left; color:#fff; font-weight: 300; font-size: 16px; background-color: #4A36B3; cursor: pointer;}
  .allcate_close button.close > i {margin-right:10px;}

  .gnb-wrap .menu-btns {position: relative;}
  .gnb-wrap .btn-menu-open {position: absolute; top:50%; right:0; transform: translateY(-50%); display: block; width:60px; height:60px; border:0; cursor: pointer; background: transparent url(../../images/2023/icon_menu_open.svg) no-repeat center / 20px 20px; }

  .mobile_cate_close {display: none;}
}

@media screen and (max-width: 999px) { 
  .header_new {position: sticky; top:0; z-index:999;}
  /* GNB mobile*/
  .cate_open {position: fixed; z-index:99999; top:0; bottom:0; right:0; left:0; width:100%; background-color: #fff;}
  .cate_open .header_util_new .inner {display:none; justify-content: flex-start;}
  .cate_open .header_util_new .util_menu.master li:first-child {display: none;}
  .cate_open .header_util_new .util_menu.master li::before {display: none;}
  .cate_open .util_menu_icon > ul.for-pc { position: absolute; left:0; right:0; top:0; bottom:0; display: none; background-color:#4A36B3;}
  .cate_open .util_menu_icon > ul.for-pc > li {flex:1;}
  .cate_open .util_menu_icon > ul.for-pc > li > button,
  .cate_open .util_menu_icon > ul.for-pc > li > a {display: block; width:100%; height:100%; padding-top:32px; box-sizing: border-box; text-align: center; color:#fff}
  .cate_open .util_menu_icon > ul.for-pc > li > a.btn-util-msg {padding-top:40px;}
  .cate_open .util_menu_icon .for-mobile {position: absolute; top:-30px; right:24px;}
  .cate_open .util_menu_icon .btn-mo-srh {display:none; width:20px; height:20px; background: url('../../images/2023/icon_mo_search_w.svg') no-repeat center / 20px 20px;}
  .cate_open .util_menu_icon .btn-mo-cate.cate_close {right:10px; margin-top:8px; width:20px; height:20px; background:transparent url(../../images/2023/icon_mocate_close.svg) no-repeat center / 20px 20px;} 
   .cate_open .util_menu_icon .btn-mo-mypage {display:none; } 
	.cate_open .category_list {display: block;}
  .cate_open .header_util_new {display:block;}
  .cate_open .util_menu_icon > ul > li .new {top:10px; right:18px;}



  .cate_open .header_sch_new .btn-logo { margin-left: 0px;}


  
  .btn-util-myp {background: url('../../images/2023/icon_util_mypage_mo.svg') no-repeat center top 10px / 28px 28px;}
  .btn-util-msg {background: url('../../images/2023/icon_util_message_mo.svg') no-repeat center top 10px / 28px 28px;}
  .btn-util-region {background: url('../../images/2023/icon_util_etrade_mo.svg') no-repeat center top 10px / 28px 28px;}
  .btn-util-lang {background: url('../../images/2023/icon_util_country_mo.svg') no-repeat center top 10px / 28px 28px;}
 

  .category_list {display: none; position: absolute; bottom:0; top:110px; right:0; left:0;}
  .category_list .inner_list {overflow-y:auto; height:100%;}
  .category_list .cate_tit {position: sticky; top:0; z-index: 10; padding:20px 0; border-bottom:10px solid #F1F0FA; text-align: center; color: #181b1f; font-size: 16px; font-weight: 300; overflow-y: auto; background-color: #fff;}
  .gnb-wrap a {display: block; overflow: hidden; height:60px; line-height: 60px; padding:0 20px; border-bottom:1px solid #eff0f1; color: #3f4447; font-size: 15px; text-overflow: ellipsis; word-wrap: break-word; white-space: nowrap; } 
  .gnb-wrap > li.active > .cate_menu3 {display: block;}
  .gnb-wrap > li.active > .cate_menu3 > li.active .cate_menu4 {display: block;}
  .gnb-wrap li.active > .menu-btns a.btn-menu3 {color:#fff; background-color: #6045e6;}

  .gnb-wrap > li.active {overflow-y:auto; overflow-x:hidden; position: absolute; z-index: 10; top:0; bottom:0; left:0; right:0; background-color: #fff;}
  .gnb-wrap > li.active > .menu-btns {position: sticky; top:0; z-index: 20;}
  .gnb-wrap > li.active > .menu-btns .btn-menu2 {padding:0 40px; border-bottom:10px solid #F1F0FA; text-align: center; color: #181b1f; font-weight: 300; background-color: #fff;} 
  .gnb-wrap > li.active > .menu-btns .btn-menu-open {right: auto; left:0; top:30px; background-image: url(../../images/2023/icon_menu_back.svg);}

  .gnb-wrap .cate_menu3 {display: none;}
  .gnb-wrap .cate_menu3 .menu-btns .btn-menu-open {transform: translateY(-50%) rotate(90deg);}
  .gnb-wrap .cate_menu3 li.active .menu-btns .btn-menu-open {transform: translateY(-50%) rotate(-90deg); }
  .gnb-wrap .cate_menu4 {display: none; background-color: #F7F7F7;}
  .gnb-wrap .cate_menu4 > li > a {border-color:#fff;}

  .gnb-wrap .menu-btns {position: relative;}
  .gnb-wrap .btn-menu-open {position: absolute; top:50%; right:0; transform: translateY(-50%); display: block; width:50px; height:50px; border:0;
    cursor: pointer; background: transparent url(../../images/2023/icon_menu_open.svg) no-repeat center / 20px 20px;}

  .allcate_close {display: none;}
  
  .mobile_cate_close {position: absolute; top:10px; right:24px;}
  .mobile_cate_close .btn_cate_close {display: block; width:20px; height:20px; border:0; background:transparent url(../../images/2023/icon_mocate_close.svg) no-repeat center / 20px 20px;}
}

.container_new {min-height:400px;}
.wing_side {position: fixed !important; top:auto !important; bottom:10px;}

/* pc  */
@media screen and (max-width: 1300px) {
  /*.util_menu_icon > ul.for-pc li:last-child .drop_open {transform: none; right:0;} */
}

/* pc  */
@media screen and (min-width: 1000px) {
  .util_menu_icon > ul.for-mobile {display:none}
}

/* 모바일 */
@media screen and (max-width: 999px) {
  .util_menu_icon > ul.for-pc,
  .header_sch_new .sch_form_new,
  .util_menu:not(.master),
  .header_gnb_new {display:none;}
  .push_wrap .for-pc {display:none;}

  .header_util_new {display:none; border-bottom:1px solid #6045e6; background: #4a36b3;}
  .header_util_new > .inner {justify-content: center;}

  .header_sch_new {background-color: var(--main-color);}
  .header_sch_new > .inner {height:70px; padding:0 24px}
  .header_sch_new .btn-logo {margin-left:30px; display:block; width:120px; height:25px; background: url(../../images/2023/logo_mobile.png) no-repeat center / 100% auto;}

  .util_menu > ul > li > a {color: #f1f0fa;}
  .util_menu > ul > li + li::before {background-color: #6045e6;}
  .util_menu.master li:last-child {display: none;}
}

/* 모바일 */
@media screen and (max-width: 500px) {
  .btn-util-myp + .drop_open {left:10px; top:60px; transform: none;}
  .btn-util-lang + .drop_open {top:60px; transform: none; right:0; left:auto;} 
  .wing_side .cart,
  .wing_side .wishlist {display: none;}
  .wing_side .push_wrap ul li .push_tip {position: static; width:100%; height:auto;}
  .wing_side .push_wrap ul li .push_tip span {padding:5px 0; font-size: 9px; text-align: center; line-height: 12px; font-weight: normal;}
  .wing_side .push_wrap ul li:hover .push_tip {width: 100% !important;}
}




/* footer-wrap --------------------------*/
.footer-wrap {border-top:0;}
.footer-wrap.style-new .footer_top {position: relative; margin: 0 auto; padding:14px 0; max-width: var(--max-width);}
.footer-wrap.style-new .slick-control button {display: inline-block; width:40px; height:40px; border: 0; cursor: pointer; background-color: transparent;}
.footer-wrap.style-new .site_list {max-width: var(--max-width); margin: 0 auto; padding:0 50px;}
.footer-wrap.style-new .footer_top .slick-initialized .slick-slide {margin:0 10px; margin-right:10px;}
.footer-wrap.style-new .slick-slide img {width:100%; max-width: 200px; margin:0 5px;}
.footer-wrap.style-new .footer_top .slick-control {position: static; transform: none;}
.footer-wrap.style-new .slick-control .slick-pause,
.footer-wrap.style-new .slick-control .slick-play {display: none;}
.footer-wrap.style-new .slick-control .slick-prev {position: absolute; z-index: 99; left:0; top:50%; transform: translateY(-50%);}
.footer-wrap.style-new .slick-control .slick-next {position: absolute; z-index: 99; right:0; top:50%; transform: translateY(-50%);}
.footer-wrap.style-new .slick-control .slick-prev::after {content: 'prev'; color:#dce1e6; font-weight: 600; font-family: swiper-icons;} 
.footer-wrap.style-new .slick-control .slick-next::after {content: 'next'; color:#dce1e6; font-weight: 600; font-family: swiper-icons;} 

/* footer */
.footer_new {position: relative; background-color: #272b2e;}

.foot_cont_new {padding:50px 0;}
.foot_cont_new .copy_logo img {display:block; width:188px; margin-bottom:6px;}
.foot_cont_new .notitxt {max-width:992px; margin-top:56px; color:#888e94; font-size:var(--text-normal); line-height: 24px;}
.foot_cont_new .notitxt .name {color:#fff;}
.foot_cont_new .notitxt .link {text-decoration: underline; color:#A495F0;}
.foot_cont_new .notitxt > p + p {margin-top:14px;}
.foot_cont_new .copyright {margin-top:44px; color:#888e94; font-size:var(--text-normal);}


.sns_w_new {position: absolute; bottom:70px; right:24px; width:fit-content; display:flex; justify-content: flex-end;}
.sns_w_new h3 {margin-bottom:21px; color:#fff; font-weight: 300;}
.sns_w_new .sns_list {display:flex; gap:10px; margin-bottom:30px;}
.sns_w_new .sns_list a {display: block;}
.sns_w_new .sns_list a img {display: block; width:40px; height:40px; border-radius: 100%;}

.qr_list {display: flex; gap:10px;}
.qr > a {display:block;   color:#fff; text-align: center;}
.qr > a > img {display: block; width:78px; height:78px; margin-top:5px; background-color: #fff;}


.app_area {display: none;}
.btn-app-store {position: relative; display:block; width:170px; padding:8px 12px 8px 52px; border: 1px solid #6f757a; border-radius: 48px; line-height:1.1; color:#fff; box-sizing: border-box;}
.btn-app-store > span {display: block; color: #888e94; font-size:13px;}
.btn-app-store > strong {font-size:14px; font-weight: normal;}
.btn-app-store > i {position: absolute; left:12px;}
.btn-app-store + .btn-app-store {margin-top:12px;}

[class^="icon-app-"] {display:inline-block; width:28px; height:28px;}
.icon-app-apple {background: url(../../images/2023/icon_app_apple.svg) no-repeat center / 100% 100%;}
.icon-app-google {background: url(../../images/2023/icon_app_google.svg) no-repeat center / 100% 100%;}

@media screen and (min-width:1280px) {
  .sns_w_new {left:50%; width:100%; max-width:640px;}
}

@media screen and (min-width: 801px) {
  .foot_util_new {border-bottom: 1px solid #3f4447;}
  .foot_util_new .util_inner,
  .foot_cont_new .cont_inner {max-width: var(--max-width); margin:0 auto; padding:0 24px;}
  .foot_util_new .menu_list {display: flex; align-items: center; gap:56px; height:64px; }
  .foot_util_new .menu_list > li {position: relative; flex:1; text-align: center;}
  .foot_util_new .menu_list > li + li::before {content: ""; position: absolute; top:7px; left:-25px; display:block; width:2px; height:10px; background-color: #33373a;}
  .foot_util_new .menu_list a {color:#c5cacf; font-size: 14px;}
}

/* 모바일 */
@media screen and (max-width: 800px) {
  .footer_new {padding-top:40px;}
  .sns_w_new {position: static; margin:0 auto 30px;}
  .sns_w_new h3 {text-align: center;}
  .sns_w_new .sns_list {justify-content: center;}
  .qr_area {display:none}
  .app_area {display:block}

  .foot_util_new {margin-bottom:48px;}
  .foot_util_new .util_inner {width: fit-content; margin:0 auto;}
  .foot_util_new .menu_list {line-height:30px;}
  .foot_util_new .menu_list a {display: block; color:#fff; text-align: center; font-size: 16px; font-weight: 300;}
  .foot_util_new .menu_list li:nth-child(3),
  .foot_util_new .menu_list li:nth-child(6) {display: none;}
  
  .foot_cont_new {padding:0 24px 32px;}
  .foot_cont_new .notitxt {margin-top:20px;}
  .foot_cont_new .copy_logo img {width:94px;}
}

/* ----------------- 통합 검색 레이어 팝업 ----------------- */
.search_real_layer * {font-family:roboto,'opensans','Malgun Gothic','맑은 고딕','Helvetica nenu',Arial, "Apple SD Gothic";}
.search_real_layer {position:absolute; top:0; left:0; width:100%; height:100%; text-align: left; background:#fff; z-index:999999; box-sizing:border-box;}
.search_real_layer .search_real_header {position:relative; padding:6px; padding-right:49px; background:#4A36B3; box-sizing:border-box;}
.search_real_layer .search_real_header .form_area {position:relative; background:#fff; height:38px; border-radius: 38px;}
.search_real_layer .search_real_header .form_area .sch_inp{display:block; width:100%; box-sizing:border-box; height:38px; line-height:38px; margin:0; border:0; padding:0; padding-left:8px; padding-right:40px; text-align:left; font-size:14px; color:#404040; font-weight:normal; background:none; letter-spacing:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; border-radius:none;}
.search_real_layer .search_real_header .form_area .keydel_btn{position:absolute; right:48px; top:50%; margin-top:-12px;}
.search_real_layer .search_real_header .form_area .keydel_btn button{display:block; border:0; width:24px; height:24px; padding:0; margin:0; cursor:pointer; border-radius:50%; background:#ccc url('../../images/common/keyword_delete.png') no-repeat 50% 50%; background-size:11px 11px;}
.search_real_layer .search_real_header .form_area .sch_btn{position:absolute; right:0; top:0;}
.search_real_layer .search_real_header .form_area .sch_btn button {display:block; border:0; width:38px; height:38px; padding:0; margin:0; cursor:pointer; border-radius:none; background:transparent url('../../images/2023/btn_search02.svg') no-repeat 50% 50%; background-size:20px 20px;}
.search_real_layer .search_real_header .pop_close{position:absolute; right:8px; top:50%; width:36px; height:36px; margin-top:-18px; background:url("../../images/common/pop_close_white.png") no-repeat 50% 50%; background-size:17px 17px;}

.search_real_layer .search_real_cont{position:relative; height:100%;  height:100%; overflow-y:auto; overflow-x:hidden; -webkit-overflow-scrolling:touch; background:#fff; box-sizing:border-box; padding-bottom:50px;}

.search_real_layer .search_history{position:relative; background:#fff; padding:24px; margin-bottom:8px;}
.search_real_layer .search_history .tit_area{position:relative; padding-bottom:8px;}
.search_real_layer .search_history .tit_area .tit{display:inline-block; line-height:150%; color:#404040; font-size:16px; letter-spacing:normal; ; font-weight:300;}
.search_real_layer .search_history .history_list{margin-bottom:8px;}
.search_real_layer .search_history .history_list li{border-bottom:1px solid #eee;}
.search_real_layer .search_history .history_list li > a {display: block; padding:10px 0; text-align: center; color: #888e94;}
.search_real_layer .search_history .history_list li:last-child{border-bottom:none;}
.search_real_layer .search_history .history_list li .inner {position:relative; height:41px; padding-right:42px;}
.search_real_layer .search_history .history_list li .inner a {display:block; line-height:41px; color:#606060; letter-spacing:normal; font-size:13px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.search_real_layer .search_history .history_list li .inner .delete_row {position:absolute; right:8px; top:50%; margin-top:-13px;}
.search_real_layer .search_history .history_list li .inner .delete_row .btn_delete{display:block; border:0; width:26px; height:26px; padding:0; margin:0; cursor:pointer; border-radius:50%; background:#f5f5f5 url('../../images/common/row_delete.png') no-repeat 50% 50%; background-size:11px 11px;}
.search_real_layer .search_history .btn_white {width:100%; border-radius: 35px; color: #888e94; font-weight: normal;}

.search_real_layer .suggestions{position:relative; background:#fff; padding:24px; margin-bottom:8px;}
.search_real_layer .suggestions .tit_area{position:relative; padding-bottom:8px;}
.search_real_layer .suggestions .tit_area .tit{display:inline-block; line-height:150%; color:#404040; font-size:16px; letter-spacing:normal; font-weight:300;}
.search_real_layer .suggestions .keyword_area{margin-top:10px; font-size:0;}
.search_real_layer .suggestions .keyword_area a{display:inline-block; border:1px solid #d1d1d1; padding:6px 16px; margin-right:4px; margin-bottom:5px; background:#fff; line-height:155%; font-size:13px; color:#606060; letter-spacing:-0.5px; border-radius:30px;}

.search_real_layer .suggestions_history{position:relative; background:#fff; padding:24px; padding-bottom:0; margin-bottom:8px;}
.search_real_layer .suggestions_history .tit_area{position:relative; padding-bottom:8px;}
.search_real_layer .suggestions_history .tit_area .tit{display:inline-block; line-height:150%; color:#404040; font-size:16px; letter-spacing:normal; font-weight:300;}
.search_real_layer .suggestions_history .history_list li:last-child{border-bottom:none;}
.search_real_layer .suggestions_history .history_list li .inner{position:relative; height:41px;}
.search_real_layer .suggestions_history .history_list li .inner a{display:block; padding-left:12px; line-height:41px; color:#606060; letter-spacing:normal; font-size:13px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.search_real_layer .result_keyword {border-top:10px solid #F7F7F7;}

.result_keyword {background:#fff; padding:0 24px; padding-bottom:15px; box-sizing:border-box;}
.result_keyword .tit_area{position:relative; padding:8px; background-color:#39298A;}
.result_keyword .tit_area .tit{display:inline-block; line-height:150%; color:#fff; font-size:16px; letter-spacing:normal; font-weight:300;}
.result_keyword .history_list{margin-bottom:25px;}
.result_keyword .history_list li{border-bottom:1px solid #eee;}
.result_keyword .history_list li .inner{position:relative; height:41px;}
.result_keyword .history_list li .inner a{display:block; line-height:41px; color:#606060; letter-spacing:normal; font-size:13px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

.result_keyword .recom_category{position:relative;}
.result_keyword .recom_category li{position:relative; margin-bottom:8px;}
.result_keyword .recom_category li:before{content:''; position:absolute; left:8px; top:50%; margin-top:-1px; background:#7c818c; width:2px; height:2px;}
.result_keyword .recom_category li:last-child{margin-bottom:0;}
.result_keyword .recom_category li a{display:block; padding:8px 15px; font-size:13px; color:#606060; letter-spacing:normal; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:#f5f5f5; border-radius:2px;}

.page_back {
    display:block; position:fixed; bottom:10px; left:8px; box-sizing:border-box; z-index:99;
    margin:0; border:0; border-radius:none; cursor:pointer;
    width:44px; height:44px; padding:0; background:rgba(255,255,255,.5); border-radius:2px; -webkit-box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.16); box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.16); }
.page_back span {display:block; width:100%; height:100%; background: url('../../images/common/page_back.png') no-repeat center;background-size: 25px 23px;}

@media screen and (min-width: 1000px) {
  .page_back {display: none;}
}