/* 공통 폰트 */
/*
@import url('https://fonts.googleapis.com/css?family=Arimo|Noto+Sans+KR&display=swap');
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: url(font/NotoSansKR-Bold.woff2) format('woff2'),
        url(font/NotoSansKR-Bold.woff) format('woff'),
        url(font/NotoSansKR-Bold.otf) format('opentype');
}
*/
@font-face { font-family: 'Noto Sans KR'; font-weight: 200; font-style: normal; src: url("https://img.malltail.com/goods_img/font/NotoSansKR-Thin.woff"); }
@font-face { font-family: 'Noto Sans KR'; font-weight: 300; font-style: normal; src: url("https://img.malltail.com/goods_img/font/NotoSansKR-Light.woff"); }
@font-face { font-family: 'Noto Sans KR'; font-weight: 400; font-style: normal; src: url("https://img.malltail.com/goods_img/font/NotoSansKR-Regular.woff"); }
@font-face { font-family: 'Noto Sans KR'; font-weight: 500; font-style: normal; src: url("https://img.malltail.com/goods_img/font/NotoSansKR-Medium.woff"); }
@font-face { font-family: 'Noto Sans KR'; font-weight: 700; font-style: normal; src: url("https://img.malltail.com/goods_img/font/NotoSansKR-Bold.woff"); }

html,
body,
button,
input,
select,
textarea {
    color: #000;
    font-family: 'Noto Sans KR', 'HelveticaNeue-Light, AppleSDGothicNeo-Light, sans-serif' !important;
    -webkit-border-radius: 0;
}

/* v4 검색 헤더 */
.clearfix { display: block !important; }
.page-main { min-width: 320px; height: 100%; }
.page-main .header { position: relative; padding: 0 15px; height: 42px; line-height: 42px; background-color: #519bff; }
.page-main .header-logo {position:absolute; left:50%;margin-left:-11px;text-align:center; width: 22px; height: 42px; background: transparent url(/img/v4/index/malltail_app_logo.png) no-repeat 0 50%; background-size: 22px 19px; }/*s:190910 edit*/
.page-main.search .header-logo { float: left; width: 42px; height: 42px; background: transparent url(/img/v3/common/bul_hdr_malltail_prev.png) no-repeat 0 50%; background-size: 30px 19px; }
.page-main .header-logo a { display: block; width: 100%; height: 100%; text-indent: -9999px; }
.page-main .header-btn-shipping { float: left; display: inline-block; padding: 2px 8px; letter-spacing: -1px; margin-top: 7px; line-height: normal; font-size: .875em; color: #fff; border: 1px solid #fff; /*background-color: #3084f6;*/ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }/*s:190910 edit*/
.page-main .header-btn-shipping span { vertical-align: 1px; }
/* .page-main .search-form-wrap { position: absolute; top: 0; bottom: 0; left: 60px; right: 85px; width:260px; } */
.page-main .search-form-wrap { position: absolute; top: 0; bottom: 0; right: 0;display:inline-block }/*s:190910 edit*/
.page-main .search-form { z-index: 1; position: relative; display: none; margin-top: 0; margin-right: 5px; }
.page-main .search-form-input { padding: 4px 40px 4px 10px ; border: 1px solid #3084f6; font-size: .813em; color: #000; width: 100%; }
.page-main .search-form-btn { position: absolute; top: 7px; right: 0; display: block; width: 30px; height: 30px; text-indent: -9999px; background: transparent url(/img/v4/index/search_form_btn.png) no-repeat 50% 50%; background-size: 16px 16px; }
.page-main .search-form-toggle {/* position: absolute; top: 0; right: 0; */display: block; width: 42px; height: 42px; text-indent: -9999px; background: transparent url(/img/v4/index/search_form_toggle.png) no-repeat 50% 50%; background-size: 16px 16px; }/*s:190910 edit*/
.page-main input[type=text] { line-height:normal; height:auto; }
.page-main button, input, select, textarea { vertical-align: baseline; }

/* v4 기본 페이지 헤더 */
#header {z-index:1; padding:0 !important;}
#header .sub_header.v4 {background:#fff; position:relative; z-index:2; border-bottom:1px solid #e2e5eb; padding-bottom:3px; }
#header .sub_header.v4 .btn_back{display:block;width:11px; height:17px; position: absolute; top: 11px; left:12px; background: url('/img/v4/mytails/btn_arr_l.png') no-repeat left 50%; background-size: 6.5px auto; }
#header .sub_header.v4 .info-tit{color:#000; font-size:0.79em; font-weight:bold; letter-spacing:-1.1px; line-height:38px;padding-left:31px;}
#header .sub_header.v4 .info-tit b{font-size:1.3em;}
#header .sub_header.v4 #app_view_arrow{display:inline-block;}

/* v3 헤더 */
#header .btn-logo { position:absolute; top:50%; left:50%; margin-top:-12px; margin-left:-15px; width:30px; height:25px; background:url(/img/v3/common/bul_hdr_malltail.png) no-repeat 0 0; background-size:30px 25px; text-indent:-9999px; }
#header .btn-search { position:absolute; top:0; right:0; width:60px; height:45px; background:url(/img/v3/btn/h29_search.gif) no-repeat 50% 48%; background-size:22px auto; text-indent:-9999px; }
#header .btn-setting { position:absolute; top:0; right:0; width:60px; height:40px; background:url(/img/v4/mytails/mytail_new_icon08.png) no-repeat 50% 50%; background-size:19px auto; text-indent:-9999px; }
#header select { position:absolute; top:8px; right:12px; width:80px; line-height:26px; border:1px solid #000; background:0; color:#000; font-size:.82em; }

/* 인기검색어 / 최근검색어 */
#keywordLayer {
    display:none;
    z-index:12;
    position:absolute;
    top:42px;
    right:0;
    left:0;
    background:#e4e8ec;
}
.keyword-tab {
    overflow:hidden;
    border-top:1px solid #bdc4cc;
    border-bottom:1px solid #bdc4cc;
    background:#f6f6f6;
}
.keyword-tab li {
    float:left;
    width:50%;
    border-right:1px solid #bdc4cc;
    box-sizing:border-box;
    text-align:center;
}
.keyword-tab li:last-child {
    border-right:0;
}
.keyword-tab li a {
    display:block;
    height:44px;
    font-size:.875em;
}
.keyword-tab li a span {
    display:inline-block;
    height:42px;
    line-height:42px;
    border-bottom:2px solid #f6f6f6;
}
.keyword-tab li.now a span {
    border-bottom:2px solid #1a73e1;
    color:#1a73e1;
    font-weight:bold;
}
.keyword-wrap .ranking {
    overflow:hidden;
    margin-top:5px;
    background:#fff;
}
.keyword-wrap .ranking ul {
    float:left;
    width:50%;
    border-right:1px solid #bdc4cc;
    box-sizing:border-box;
}
.keyword-wrap .ranking ul:last-child {
    border-right:0;
}
.keyword-wrap .ranking ul li a {
    display:block;
    width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    height:40px;
    line-height:40px;
    padding:0 10px;
    border-bottom:1px solid #bdc4cc;
    box-sizing:border-box;
    color:#666;
    font-size:.75em;
}
.keyword-wrap .ranking ul li a em {
    display:inline-block;
    width:25px;
    color:#1a73e1;
    text-align:center;
    font-style: normal;
}
.keyword-wrap .ranking ul li a strong {
    color:#000;
}
.keyword-wrap .recent {
    margin-top:8px;
    background:#fff;
}
.keyword-wrap .recent ul li {
    position:relative;
    height:40px;
    line-height:40px;
    padding:0 10px 0 20px;
    border-bottom:1px solid #bdc4cc;
    color:#4f7dd1;
    font-size:.75em;
}
.keyword-wrap .recent ul li span {
    position:absolute;
    top:0;
    right:40px;
    color:#666;
}
.keyword-wrap .recent ul li .btn-delete {
    position:absolute;
    top:10px;
    right:10px;
    width:20px;
    height:20px;
    background:url(/img/v3/btn/h40_close.gif) no-repeat 0 0;
    background-size:20px 20px;
    text-indent:-9999px;
}
.keyword-wrap .btn-center {
    padding:15px 0;
    text-align:center;
    background:#fff;
}
.keyword-wrap .btn-center a {
    margin:0 2px;
}
.keyword-wrap .btn-h30-gray {
    display:inline-block;
    width:120px;
    height:27px;
    line-height:27px;
    border:1px solid #d6d6d6;
    background:#f4f4f4;
    font-size:.875em;
    text-align:center;
}

/*v4 검색레이어 s:190902*/
.search-bar-new{position:fixed; top:0;left:0; height:100%; width:100%;z-index:12;background:#fff;;transition:all 0.3s;display:none}
.search-bar-new .search-wrap{padding:20px 15px}
.search-bar-new .search-wrap .search-box{border-bottom:2px solid #519bff;position:relative;transition:all 0.3s}
.search-bar-new .search-wrap .search-box .search-back-btn{width:42px;position:absolute; left:0; top:50%; margin-top:-11px}
.search-bar-new .search-wrap .search-box .search-back-btn img{height:22px;vertical-align:middle;display:block}
.search-bar-new .search-wrap .search-box .search-input{}
.search-bar-new .search-wrap .search-box .search-input{vertical-align:middle; display:inline-block;width:100%;padding:0 42px;border:0;color:#000;font-size:1em;height:60px; font-family: 'Noto Sans KR', 'HelveticaNeue-Light, AppleSDGothicNeo-Light, sans-serif';transition:all 0.3s}
.search-bar-new .search-wrap .search-box .search-input::placeholder{color:#666;font-size:1em;font-family: 'Noto Sans KR', 'HelveticaNeue-Light, AppleSDGothicNeo-Light, sans-serif';}
.search-bar-new .search-wrap .search-box .search-btn{position:absolute; right:0; top:50%; margin-top:-21px;display: inline-block;width: 42px;height: 42px;text-indent: -9999px;background:transparent url('/img/v4/index/search_form_btn.png') no-repeat 50% 50%;background-size: 20px 20px;}
.search-bar-new .search-wrap .search-box .search-btn span{}
/*e:190902*/