#lol-rate {padding: 10px; background-color: #091528;}
#lol-rate button {margin: 0; padding: 0; border: 0; background: transparent; outline: 0; cursor: pointer;}
#lol-rate .gallery_title {height: 35px; margin-bottom: 2px; padding-left: 9px; background-color: #1b4072; color: #fff; font-size: 12px; font-weight: normal; line-height: 35px; letter-spacing: -0.5px;}

#lol-rate .champion_select {margin-bottom: 15px;}
#lol-rate .champion_select .title_bar {height: 35px; background-color: #3967b7;}
#lol-rate .champion_select .title_bar .btn_toggle {position: relative; width: 100%; height: 35px; padding-left: 10px; color: #fff; font-weight: bold; line-height: 35px; text-align: left;}
#lol-rate .champion_select .title_bar .btn_toggle::before {content: ''; position: absolute; top: 12px; right: 10px; width: 19px; height: 11px; background: url('//static.inven.co.kr/image_2011/lol/skin/btn_arrow.png') no-repeat 0 0; background-size: 100%;}
#lol-rate .champion_select .title_bar .btn_toggle.active::before {background-position: 0 -10px;}
#lol-rate .champion_select .content_wrap {border: 1px solid #3967b7; border-top: 0;}
#lol-rate .champion_select .search_area {padding: 10px 14px; background-color: #0d1c32;}
#lol-rate .champion_select .search_area .nav {margin: 0 -6px;}
#lol-rate .champion_select .search_area .nav::after {display: block; content: ''; clear: both;}
#lol-rate .champion_select .search_area .nav li {float: left; padding: 0 6px;}
#lol-rate .champion_select .search_area .nav li a {height: 28px; color: #00b4ff; font-size: 12px; line-height: 28px;}
#lol-rate .champion_select .search_area .nav li a.new {color: #fff;}
#lol-rate .champion_select .search_area .nav li a.selected {color: #f8e900;}
#lol-rate .champion_select .search_area .search {position: relative;margin-top: 5px;}
#lol-rate .champion_select .search_area .search .x-close-button { position: absolute; top: 0; right: 0; background: url(//static.inven.co.kr/image_2011/lol/skin/bttn-close.svg) no-repeat; width: 32px; height: 32px; text-indent: -9999px; overflow: hidden; background-size: 32px 32px; z-index: 99; }
#lol-rate .champion_select .search_area .search::after {display: block; content: ''; clear: both;}
#lol-rate .champion_select .search_area .input {float: left; width: calc(100%); height: 30px; padding: 0 10px; border: 0; color: #242428; font-size: 13px; font-weight: bold; line-height: 30px; box-sizing: border-box}
#lol-rate .champion_select .search_area .btn_search {float: left; width: 61px; height: 30px; margin-left: 5px; background-color: #bb4848; color: #fff; font-size: 13px; font-weight: bold; line-height: 30px; text-align: center;}
#lol-rate .champion_select .champion_list_wrap {height: 127px; padding: 9px 9px; background-color: #010306; overflow-y: scroll;}
#lol-rate .champion_select .champion_list::after {display: block; content: ''; clear: both;}
#lol-rate .champion_select .champion_list li {float: left; max-width: 12.2%; margin: 0 1%;}
#lol-rate .champion_select .champion_list li:nth-child(7n) {margin-right: 0;}
#lol-rate .champion_select .champion_list li .icon_wrap {position:relative;min-width: 28px; border: 2px solid #262626;}
#lol-rate .champion_select .champion_list li .icon_wrap img {display: block; width: 100%; min-height: 28px;}
#lol-rate .champion_select .champion_list li .icon_wrap .freerotation {
    display: inline-block;
    position: absolute;
    left: 4px;
    top: 4px;
    background: url(//static.inven.co.kr/image_2011/lol/common/icon_15x15_nkp.png) no-repeat;
    width: 14px;
    height: 13px;
}
#lol-rate .champion_select .champion_list li .name {display: block; height: 18px; padding-top: 5px; color: #b4b4b4; font-size: 11px; letter-spacing: -2px; text-align: center; overflow: hidden;}
#lol-rate .champion_select .champion_list li a {display: block;}
#lol-rate .champion_select .champion_list li a.selected .icon_wrap {border-color: #ff8f17;}
#lol-rate .champion_select .champion_list li a.selected .name {color: #ff8f17; font-weight: bold;}
#lol-rate .champion_select .btn_bar .btn_fold {width: 100%; height: 27px; background-color: #0d1c32; color: #6aa0ff; font-size: 12px; font-weight: bold; line-height: 27px; text-align: center;} 

#lol-rate .rate_appraisal {}
#lol-rate .rate_appraisal .gallery_title {font-size: 14px; font-weight: bold;}
#lol-rate .appraisal_list {}
#lol-rate .appraisal_list li {margin-bottom: 1px; padding: 10px; background-color: #102037;}
#lol-rate .appraisal_list li .summary::after {display: block; content: ''; clear: both;}
#lol-rate .appraisal_list li .icon_wrap {float: left; width: 36px; height: 36px; border: 2px solid #6f6f6f;}
#lol-rate .appraisal_list li .icon_wrap img {width: 100%; height: 100%;}
#lol-rate .appraisal_list li .desc {float: left; width: calc(100% - 50px); margin-left: 10px;}
#lol-rate .appraisal_list li .desc .info_area::after {display: block; content: ''; clear: both;}
#lol-rate .appraisal_list li .desc .name {float: left; width: calc(100% - 105px); height: 18px; color: #d76b25; font-size: 14px; line-height: 18px; letter-spacing: -1px; overflow-y: hidden; text-overflow: ellipsis; white-space: nowrap;}
#lol-rate .appraisal_list li .desc .nickname {float: right; color: #8697ae; font-size: 12px; letter-spacing: -1px;}
#lol-rate .appraisal_list li .desc .nickname img {margin: -3px 5px 0 0; vertical-align: middle;}
#lol-rate .appraisal_list li .desc .average {}
#lol-rate .appraisal_list li .desc .average .star {display: inline-block; width: 68px; height: 11px; background: url('//static.inven.co.kr/image_2011/lol/skin/icon_star.png?v=2') no-repeat 0 0;}
#lol-rate .appraisal_list li .desc .average .star.star_rating {display: block; background-position: 0 -11px;}
#lol-rate .appraisal_list li .desc .average .value {color: #fff; font-size: 12px; font-weight: bold;}
#lol-rate .appraisal_list li .text {max-height: 36px; padding-top: 10px; color: #9babc1; font-size: 12px; line-height: 18px; letter-spacing: -0.5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#lol-rate .appraisal_list li .text a { color: #9babc1; text-decoration: none; }

#lol-rate .db_paging{padding:10px 0;text-align:center;color:#9babc1;}
#lol-rate .db_paging a{color:#9babc1;}
#lol-rate .db_paging .currentpg{color:red;font-weight:bold}