/* 모바일 검색 영역 */
.search_wrap {
    width: 100vw;
    margin: 4vw 0 6vw;
    padding: 0 5.3333vw;
}
.search_box {
    height: 12vw;
    border-radius: 6vw;
    border: 0.4vw solid #5C72DD;
    background: #1E2026;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 4vw;
    box-sizing: border-box;
}
.search_box input[type="text"] {
    flex: 1;
    height: 7vw;
    border: none;
    outline: none;
    font-size: 4vw;
    color: #0094ff;
    background: transparent;
}
.search_box input[type="text"]::placeholder {
    color: #0094ff;
}
.search_box button {
    background: none;
    border: none;
    padding: 0;
    margin-left: 2vw;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.search_box button img {
    width: 4.5vw;
    height: 4.5vw;
    object-fit: contain;
}
/* 랭킹 - index */
.content.ranking {
    padding: 0 0 10.8vw 0;
}

.ranking .bnr_bx {
    position: relative;
    height: 33.3333vw;
    line-height: 1.2;
    color: #fff;
    font-size: 5.3333vw;
    text-align: center;
    color: #eee;
}

.ranking .bnr_bx:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 25.333vw;
    background: rgba(35,38,55,.4);
}

.ranking .bnr_bx img {
    height: 100%
}

.ranking .bnr_bx .bnr_txt_bx {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%
}

.ranking .bnr_bx .bnr_txt_bx >span {
    display: block;
    font-weight: 500;
}

.ranking .bnr_bx .bnr_txt_bx .txt2 {
    margin-top: 0.533vw
}

.ranking .date {
    position: relative;
    height: 0;
    font-size: 2.9333vw;
    padding: 0 9.3333vw;
    text-align: right;
}

.ranking .date span {
    display: inline-block;
    transform: translateY(calc(-100% - 1.6000vw));
}

.ranking .select_bx {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: sticky;
    top: 15.6vw;
    left: 0;
    right: 0;
    padding: 0 5.3333vw 2.6667vw;
    z-index: 100
}

.ranking .select_bx >[class^="sel_"] {
    height: 12.267vw;
    color: #fff;
    font-size: 4vw;
    line-height: 12.267vw;
    border-radius: 2.1333vw;
    background: #1E2026;
}

.ranking .select_bx >.sel_global {
    width: 28vw;
    
}
.ranking .select_bx >.sel_global .i-global::before {
    content: "";
    display: inline-block;
    width: 4vw;
    height: 4vw;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    vertical-align: bottom;
    background-image: url(/images_search/flag_others.svg);
}

.ranking .select_bx >[class^="sel_"] .sel_btn {
    position: relative;
    width: 100%;
    font-size: 4.0000vw;
    text-align: center;
    color: #eee;
}

.ranking .select_bx >[class^="sel_"] .sel_btn i {
    margin-right: 1.0667vw;
    font-size: 3.7333vw;
    vertical-align: -0.2667vw;
    color: rgba(238, 238, 238, .4);
}

.ranking .select_bx >[class^="sel_"]:hover {
    background-color: #5C72DD;
}

.ranking .select_bx >[class^="sel_"]:hover i {
    color: #eee;
}

.ranking .select_bx >.sel_category {
    width: 28vw;
}

.ranking .select_bx >.sel_theme {
    width: 31vw;
}

.ranking .select_bx >.sel_order {
    width: 28vw;
}

.ranking .select_bx.on {
    background-color: #13161C;
}

/* layer popup(공통) */
.ly_popup_wrap {
    display: none;
    position: fixed;
    top: 16vw;
    left: 50%;
    width: calc(100vw - 16.0000vw);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1001
}

.ly_popup {
    position: relative;
    border-radius: 4.0000vw;
    background-color: #292D35;
}

.ly_popup_wrap .hd_popup {
    padding: 4.2667vw 5.3333vw 2.6667vw;
}

.ly_popup_wrap .hd_popup .hd_popup_tit {
    line-height: 1.2;
    font-size: 4.2667vw;
    font-weight: 500;
    color: #eee;
}

.ly_popup_wrap .hd_popup .hd_popup_tit i {
    margin-right: 1.0667vw;
    font-size: 4.0000vw;
    vertical-align: -0.5333vw;
}

.ly_popup_wrap .sel_global .hd_popup .hd_popup_tit i::before {
    content: "";
    display: inline-block;
    width: 4vw;
    height: 4vw;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    background-image: url(/images_search/flag_global.svg);
}

.ly_popup_wrap .btn_close {
    overflow: hidden;
    position: absolute;
    top: 3.7333vw;
    right: 4.8000vw;
    width: 7.2000vw;
    height: 7.2000vw;
    border-radius: 13.3333vw;
    background-color: #000;
}

.ly_popup_wrap .btn_close span {
    overflow: hidden;
    display: block;
    width: 0.2667vw;
    height: 0.2667vw;
    margin: -0.2667vw;
    border: 0;
    font-size: 0.2667vw;
    line-height: 0;
    clip: rect(0,0,0,0)
}

.ly_popup_wrap .btn_close:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0.533vw;
    height: 4.0000vw;
    background: #fff;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -moz-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    -o-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.ly_popup_wrap .btn_close:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0.533vw;
    height: 4.0000vw;
    background: #fff;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -moz-transform: translate(-50%, -50%)rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    -o-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.ly_popup_wrap .btn_confirm {
    width: 100%;
    height: 13vw;
    border-radius: 2.1333vw;
    margin-top: 6.4vw;
    text-align: center;
    background-color: #393C46;
    color: #fff;
    font-size: 4vw;
}

.bd_popup {
    padding: 2.6667vw 5.3333vw 5.3333vw;
}

/* 랭킹 - layer popup */
.ly_popup[class*="sel_"] .hd_popup_tit {
    position: relative;
}

/*.ly_popup[class*="sel_"] .hd_popup_tit:after{content:''; display:block; position:absolute; background:url('../images_mobile/common/ico_select.png') no-repeat; background-size:4.773vw auto}*/
.ly_popup.sel_ranking .hd_popup_tit:after {
    top: 0.267vw;
    left: 2.4vw;
    width: 4.773vw;
    height: 4.747vw;
    background-position: 0 -4.6vw
}

.ly_popup.sel_order .hd_popup_tit:after {
    top: -0.266vw;
    left: 3.2vw;
    width: 4.133vw;
    height: 5.44vw;
    background-position: -0.5vw -10.25vw
}

.ly_popup.sel_category .hd_popup_tit:after {
    top: 0.8vw;
    left: 2.667vw;
    width: 4.56vw;
    height: 4vw;
    background-position: 0 0
}

.ly_popup .srch_select_bx .srch_range {
}

.ly_popup .srch_select_bx .srch_range:after {
    content: '';
    display: block;
    clear: both
}

.ly_popup .srch_select_bx .srch_range .srch_item {
    float: left;
    position: relative;
    margin-top: 2.1333vw;
    width: calc((100% - 2.1333vw)/2);
}

.ly_popup .srch_range .srch_item >a {
    height: 10.133vw;
    line-height: 10.133vw;
    border: 0.2667vw solid transparent;
    border-radius: 2.1333vw;
    padding: 0 3.733vw;
    font-size: 3.733vw;
    color: #ddd;
    background-color: #393C46;
}

.ly_popup .srch_range .srch_item.on a {
    color: #fff;
    background: #5272DD;
    z-index: 1;
}

.ly_popup.sel_theme_channel .srch_range .srch_item.on a {
    background: #943DFF;
}

.ly_popup.sel_subsc .srch_range .srch_item.on a {
    background: #72C225;
}

.ly_popup.sel_global .srch_range .srch_item.on a {
    border: 2px solid #FF5722;
    background: #393C46;
}

.ly_popup .srch_range .srch_item:nth-child(even) {
    margin-left: 3%
}

.ly_popup.sel_category .srch_range .srch_item:nth-child(1), .ly_popup.sel_subsc .srch_range .srch_item:nth-child(1), .ly_popup.sel_global .srch_range .srch_item:nth-child(1) {
    width: 100%;
    margin-left: 0 !important;
    text-align: center;
}

.ly_popup.sel_category .srch_range .srch_item:nth-child(1) a, .ly_popup.sel_subsc .srch_range .srch_item:nth-child(1) a, .ly_popup.sel_global .srch_range .srch_item:nth-child(1) a {
    padding: 0;
}

.ly_popup.sel_category .srch_range .srch_item:nth-child(2n), .ly_popup.sel_subsc .srch_range .srch_item:nth-child(2n), .ly_popup.sel_global .srch_range .srch_item:nth-child(2n) {
    margin-left: 0;
}

.ly_popup.sel_category .srch_range .srch_item:nth-child(2n + 1), .ly_popup.sel_subsc .srch_range .srch_item:nth-child(2n + 1), .ly_popup.sel_global .srch_range .srch_item:nth-child(2n + 1) {
    margin-left: 1.8667vw;
}

.ly_popup.sel_category .srch_range .srch_item >a, .ly_popup.sel_subsc .srch_range .srch_item >a, .ly_popup.sel_global .srch_range .srch_item >a {
    padding: 0 2.6667vw 0 8.0000vw;
}

.ly_popup.sel_subsc .srch_range .srch_item >a, .ly_popup.sel_subsc .srch_range .srch_item >a, .ly_popup.sel_global .srch_range .srch_item >a {
    padding: 0 2.6667vw 0 9.0000vw;
}

.ly_popup.sel_category .srch_range .srch_item:before, .ly_popup.sel_subsc .srch_range .srch_item:before {
    content: '';
    display: block;
    font-family: 'xeicon';
    position: absolute;
    top: 50%;
    left: 4.2667vw;
    transform: translate(-50%, -50%);
    font-size: 4.2667vw;
    color: rgba(255,255,255, .3);
}

 .ly_popup.sel_global .srch_range .srch_item:before {
    content: '';
    display: block;
    font-family: 'xeicon';
    position: absolute;
    top: 50%;
    left: 5.2667vw;
    transform: translate(-50%, -50%);
    font-size: 4.2667vw;
    color: rgba(255,255,255, .3);
}

.ly_popup.sel_category .srch_item.life:before {
    content: "\eb32";
}

.ly_popup.sel_category .srch_item.music:before {
    content: "\ea65";
}

.ly_popup.sel_category .srch_item.beauty:before {
    content: "\eb2b";
}

.ly_popup.sel_category .srch_item.movie:before {
    content: "\eb1b";
}

.ly_popup.sel_category .srch_item.kids:before {
    content: "\eb1d";
}

.ly_popup.sel_category .srch_item.game:before {
    content: "\eae1";
}

.ly_popup.sel_category .srch_item.trip:before {
    content: "\eae0";
}

.ly_popup.sel_category .srch_item.sports:before {
    content: "\eb40";
}

.ly_popup.sel_category .srch_item.news:before {
    content: "\e9d1";
}

.ly_popup.sel_category .srch_item.ngo:before {
    content: "\e9be";
}

.ly_popup.sel_category .srch_item.entertain:before {
    content: "\eb9f";
}

.ly_popup.sel_category .srch_item.food:before {
    content: "\eb82";
}

.ly_popup.sel_category .srch_item.celebrity:before {
    content: "\e9f9";
}

.ly_popup.sel_category .srch_item.it:before {
    content: "\e9f6";
}

.ly_popup.sel_category .srch_item.animal:before {
    content: "\ea10";
}

.ly_popup.sel_category .srch_item.hobby:before {
    content: "\e995";
}

.ly_popup.sel_category .srch_item.vehicle:before {
    content: "\eb48";
}

.ly_popup.sel_category .srch_item.economy:before {
    content: "\ea79";
}

.ly_popup.sel_category .srch_item.edu:before {
    content: "\eb64";
}

.ly_popup.sel_category .srch_item.etc:before {
    content: "\ec32";
}

.ly_popup.sel_subsc .srch_range .srch_item:before {
    display: inline-block;
    width: 4.8vw;
    height: 4.8vw;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.ly_popup.sel_subsc .srch_item.person-2:before {
    background-image: url(/images_search/icon-person-2.svg);
}
.ly_popup.sel_subsc .srch_item.on.person-2:before {
    background-image: url(/images_search/icon-person-2-active.svg);
}
.ly_popup.sel_subsc .srch_item.person-3:before {
    background-image: url(/images_search/icon-person-3.svg);
    width: 6vw;
    height: 6vw;
}
.ly_popup.sel_subsc .srch_item.on.person-3:before {
    background-image: url(/images_search/icon-person-3-active.svg);
}
.ly_popup.sel_subsc .srch_item.building-1:before {
    background-image: url(/images_search/icon-building-1.svg);
    width: 5vw;
    height: 5vw;
}
.ly_popup.sel_subsc .srch_item.on.building-1:before {
    background-image: url(/images_search/icon-building-1-active.svg);
}
.ly_popup.sel_subsc .srch_item.building-2:before {
    background-image: url(/images_search/icon-building-2.svg);
    width: 8vw;
    height: 4.8vw;
}
.ly_popup.sel_subsc .srch_item.on.building-2:before {
    background-image: url(/images_search/icon-building-2-active.svg);
}

.ly_popup.sel_global .srch_range .srch_item:before {
    display: inline-block;
    width: 4vw;
    height: 4vw;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.ly_popup.sel_global .srch_item.korea:before {
    background-image: url(/images_search/flag_ko.svg);
}
.ly_popup.sel_global .srch_item.japan:before {
    background-image: url(/images_search/flag_ja.svg);
}
.ly_popup.sel_global .srch_item.us:before {
    background-image: url(/images_search/flag_us.svg);
}
.ly_popup.sel_global .srch_item.taiwan:before {
    background-image: url(/images_search/flag_taiwan.svg);
}
.ly_popup.sel_global .srch_item.hongkong:before {
    background-image: url(/images_search/flag_hk.svg);
}
.ly_popup.sel_global .srch_item.others:before {
    background-image: url(/images_search/flag_others.svg);
}

.ly_popup.sel_theme_channel .srch_select_bx .srch_range .srch_item {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.ly_popup .srch_select_bx .srch_range.srch_tab_menu {
    border-radius: 2.1333vw;
    background-color: #393c46;
}

.ly_popup .srch_select_bx .srch_range.srch_tab_menu .srch_item {
    width: 50%;
    margin: 0;
}

.ly_popup .srch_select_bx .srch_range.srch_tab_menu .srch_item img {
    margin-left: 1.0667vw;
    vertical-align: 0.5333vw;
    opacity: .7;
}

.ly_popup .srch_select_bx .srch_range.srch_tab_menu .srch_item.on img {
    opacity: 1;
}