@charset "utf-8";

.search_box{
    width: 600px;
    height: 40px;
    border-radius: 32px;
    border: 1px solid #dddddd;
    background: #fafafa;
    padding: 0 5px 0 20px;
    margin: 0;
    position:relative;
}

.search_box #textSearchGameListBox{
    top: 49px;
    width: 600px;
    border: 1px solid #DDD;
    border-radius: 30px;
    padding: 20px 24px;
    padding-right: 0px;
    background: #FFF;
    position: absolute;
    left: 0;
    z-index: 5;
    box-sizing: border-box;
    transform: translateX(-1px);
}

#textSearchGameListBox{
    top: 52px;
    width: 600px;
    border: 1px solid #DDD;
    border-radius: 20px;
    padding: 20px 24px;
    padding-right: 0px;
    background: #FFF;
    position: absolute;
    left: 0;
    z-index: 5;
}

#textSearchGameListBox .sch_game .game.on ul{
    font-size: 14px;
    letter-spacing: -0.28px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    color: #181b18;
    flex-direction: column;
}
/*
#textSearchGameInput{
    padding: 0px 0px 0px 0px;
    background: none;
    font-size: 15px;
    color: #181b18;
    line-height: 15px;
}*/
#textSearchGameInput:hover,
#textSearchGameInput:focus{
    background: none;
}
#textSearchGameInput{
    border: none;
    outline: none;
    font-size: 15px;
    line-height: normal;
    width: 100%;
    padding: 0px 0px 0px 0px;
    background: none;
    color: #181b18;
    border:0px;
    font-family: "Pretendard", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;
    padding-right: 75px;
}
#textSearchGameInput::placeholder{
    font-size: 15px;
}
#textSearchGameListBox .sch_game_tab .tab:after {
    content: "";
    display: block;
    clear: both;
}
#textSearchGameListBox .sch_game_tab .tab li{
    float: left;
    width: 50%;
}
#textSearchGameListBox .sch_game_tab .no_lst{
    font-size: 16px;
    color: #181b18;
    line-height: 27px;
}

#textSearchGameListBox .game.drsv li{
    display: block;
    font-size: 14px;
    line-height: 19px;
    padding: 6px 0px;
    color: #181b18;
}


#textSearchGameListBox.sch_box .sch_game{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 240px;
    overflow: auto;
    margin-right: 5px;
}

#textSearchGameListBox.sch_box .game.on {
    min-width: 220px;
    padding-right: 20px;
}
#textSearchGameListBox.sch_box .server {
    position: relative;
    height: 240px;
    overflow: auto;
    width: 474px;
    border-left: 1px solid #eaeef7;
    margin-right: 5px;
}
#textSearchGameListBox.sch_box .server .scr_area {
    position: relative;
    height: auto;
    min-height: 100%;
}
#textSearchGameListBox.sch_box .server li {
    float: left;
    width: 50%;
}
#textSearchGameListBox.sch_box .server ul li a {
    display: block;
    font-size: 14px;
    line-height: 19px;
    padding: 6px 12px;
    color: #181b18;
}
#textSearchGameListBox.sch_box .server ul:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 0;
    height: 100%;
    border-left: 1px solid #eaeef7;
}
#textSearchGameListBox .sch_game_tab .tab li a {
    display: block;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 0 9px;
    border: 1px solid #eaeef7;
    color: #6d6d6d;
    text-align: center;
    background-color: #fafafa;
}
#textSearchGameListBox .sch_game_tab .tab li a.on {
    font-weight: 700;
    background-color: #fff;
    color: #000;
}

#textSearchGameListBox .sch_game_tab .game_lst {
    padding-left: 10px;
    margin-top: 17px;
    height: 182px;
    overflow: auto;
}
#textSearchGameListBox .sch_game_tab .game_lst li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    color: #181b18;
    line-height: 23px;
}
#textSearchGameListBox .game_lst ul{
    display: flex;
    flex-direction: column;
    gap: 7px;
}
#textSearchGameListBox .game_lst li a i {
    font-size: 11px;
    font-weight: 700;
    font-style: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 46px;
    width: 46px;
    height: 22px;
    margin-right: 9px;
    color: #1398ff;
    border: 1px solid #1398ff;
    border-radius: 11px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#textSearchGameListBox .no_lst {
    font-size: 14px;
    color: #666;
    text-align: center;
}
#textSearchGameListBox .sch_game_tab .game_lst .cfg_my_game {
    margin-top: 14px;
    text-align: center;
}
#textSearchGameListBox .cfg_my_game a {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 165px;
    height: 40px;
    color: #fff;
    padding: 0;
    background: #635bca;
    border-radius: 5px;
}
#textSearchGameListBox .cfg_my_game a img {
    margin-right: 5px;
}
#textSearchGameListBox .sch_game_tab{
    margin-right: 20px;
}
#textSearchGameListBox .game.drsv em{
    font-style: normal;
}
#textSearchGameListBox .game li:hover a,
#textSearchGameListBox.sch_box .server ul li:hover a,
#textSearchGameListBox.sch_box .server ul li a.on,
#textSearchGameListBox .game.on .on{
    color: #ff3c3c;
    font-weight: 600;
}

.search_box.main-search-box{
    margin: 27px auto 0;
    width: 710px;
    height: 70px;
    border-radius: 35px;
    border: 3.5px solid var(--ink-700);
    display: flex;
    align-items: center;
    padding: 0 6px 0 28px;
    background: white;
    box-sizing: border-box;
}
.search_box.main-search-box #textSearchGameInput{
    border: none;
    outline: none;
    font-size: 18px;
    line-height: normal;
    width: 100%;
    padding-right: 100px;
    box-sizing: border-box;
}
#btnSearchGameSubmit{
    cursor: pointer;
    position: absolute;
    right:0;
    padding:0;
}
.menu-trigger{
    padding:0;
}
.search_box.main-search-box .sch_ipt{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.search_box.main-search-box #textSearchGameListBox{
    top:74px;
    width:711px;
    border: 3.5px solid var(--ink-700);
    transform: translateX(-3.5px);
}
.search_box.main-search-box .sch_game{
    text-align: left;
}
.hero h1{
 line-height: 54px;
}
.search_box.main-search-box #textSearchGameInput::placeholder{
    font-size: 18px;
}

.search_box.header-search-box{
    width: 600px;
    height: 40px;
    border-radius: 32px;
    border: 1px solid #dddddd;
    background: #fafafa;
    padding: 0 5px 0 20px;
    padding-top:0px;
    margin: 0;
    position: relative;
    box-sizing: border-box;
}
.search_box.header-search-box .sch_game{
    text-align: left;
}
/* 전체 스크롤바 */
#headerGameSearchArea * ::-webkit-scrollbar-thumb,
.cont_wrap ::-webkit-scrollbar {
    width: 6px;        /* 세로 스크롤 두께 */
    height: 6px;       /* 가로 스크롤 두께 */
}
/* 스크롤바 핸들 */
#headerGameSearchArea * ::-webkit-scrollbar-thumb,
.cont_wrap ::-webkit-scrollbar-thumb {
    background: #bdbdbd;
    border-radius: 10px;
}
.main_header .search .search_box .sch_ipt .sch_del{
    position: absolute;
    right: 44px;
}