.skin_gallery {padding: 10px; background-color: #091528;}
.skin_gallery button {margin: 0; padding: 0; border: 0; background: transparent; outline: 0; cursor: pointer;}
.skin_gallery .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;}

.skin_gallery .champion_select {margin-bottom: 15px;}
.skin_gallery .champion_select .title_bar {height: 35px; background-color: #3967b7;}
.skin_gallery .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;}
.skin_gallery .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%;}
.skin_gallery .champion_select .title_bar .btn_toggle.active::before {background-position: 0 -10px;}
.skin_gallery .champion_select .content_wrap {border: 1px solid #3967b7; border-top: 0;}
.skin_gallery .champion_select .search_area {padding: 10px 14px; background-color: #0d1c32;}
.skin_gallery .champion_select .search_area .nav {margin: 0 -6px;}
.skin_gallery .champion_select .search_area .nav::after {display: block; content: ''; clear: both;}
.skin_gallery .champion_select .search_area .nav li {float: left; padding: 0 6px;}
.skin_gallery .champion_select .search_area .nav li a {height: 28px; color: #00b4ff; font-size: 12px; line-height: 28px;}
.skin_gallery .champion_select .search_area .nav li a.new {color: #fff;}
.skin_gallery .champion_select .search_area .nav li a.selected {color: #f8e900;}
.skin_gallery .champion_select .search_area .search {position: relative;margin-top: 5px;}
.skin_gallery .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; }
.skin_gallery .champion_select .search_area .search::after {display: block; content: ''; clear: both;}
.skin_gallery .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}
.skin_gallery .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;}
.skin_gallery .champion_select .champion_list_wrap {height: 127px; padding: 9px 9px; background-color: #010306; overflow-y: scroll;}
.skin_gallery .champion_select .champion_list::after {display: block; content: ''; clear: both;}
.skin_gallery .champion_select .champion_list li {float: left; max-width: 12.2%; margin: 0 1%;}
.skin_gallery .champion_select .champion_list li:nth-child(7n) {margin-right: 0;}
.skin_gallery .champion_select .champion_list li .icon_wrap {position:relative;min-width: 28px; border: 2px solid #262626;}
.skin_gallery .champion_select .champion_list li .icon_wrap img {display: block; width: 100%; min-height: 28px;}
.skin_gallery .champion_select .champion_list li .icon_wrap .new {
    display: inline-block;
    position: absolute;
    left: 4px;
    top: 4px;
    background: url(//static.inven.co.kr/image_2011/lol/common/icon_skin_new_short.png) no-repeat;
    width: 14px;
    height: 13px;
}
.skin_gallery .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;}
.skin_gallery .champion_select .champion_list li a {display: block;}
.skin_gallery .champion_select .champion_list li a.selected .icon_wrap {border-color: #ff8f17;}
.skin_gallery .champion_select .champion_list li a.selected .name {color: #ff8f17; font-weight: bold;}
.skin_gallery .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;} 

.skin_gallery .skin_appraisal {}
.skin_gallery .skin_appraisal .gallery_title {font-size: 14px; font-weight: bold;}
.skin_gallery .appraisal_list {}
.skin_gallery .appraisal_list li {margin-bottom: 1px; padding: 10px; background-color: #102037;}
.skin_gallery .appraisal_list li .summary::after {display: block; content: ''; clear: both;}
.skin_gallery .appraisal_list li .icon_wrap {float: left; width: 36px; height: 36px; border: 2px solid #6f6f6f;}
.skin_gallery .appraisal_list li .icon_wrap img {width: 100%; height: 100%;}
.skin_gallery .appraisal_list li .desc {float: left; width: calc(100% - 50px); margin-left: 10px;}
.skin_gallery .appraisal_list li .desc .info_area::after {display: block; content: ''; clear: both;}
.skin_gallery .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;}
.skin_gallery .appraisal_list li .desc .nickname {float: right; color: #8697ae; font-size: 12px; letter-spacing: -1px;}
.skin_gallery .appraisal_list li .desc .nickname img {margin: -3px 5px 0 0; vertical-align: middle;}
.skin_gallery .appraisal_list li .desc .average {}
.skin_gallery .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;}
.skin_gallery .appraisal_list li .desc .average .star.star_rating {display: block; background-position: 0 -11px;}
.skin_gallery .appraisal_list li .desc .average .value {color: #fff; font-size: 12px; font-weight: bold;}
.skin_gallery .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;}
.skin_gallery .appraisal_list li .text a { color: #9babc1; text-decoration: none; }

.skin_gallery .section_skin {margin-bottom: 10px;}
.skin_gallery .section_skin .title {height: 32px; padding-left: 14px; border-top: 2px solid #659dff; background-color: #1b4072; color: #00c0ff; font-size: 14px; font-weight: bold; line-height: 32px;}
.skin_gallery .skin_list {padding: 10px 3px 3px 10px; border: 1px solid #1b4072; background-color: #010306; overflow-y: scroll;}
.skin_gallery .skin_list::after {display: block; content: ''; clear: both;}
.skin_gallery .skin_list li {float: left; width: 25%; height: 80px; box-sizing: border-box}
.skin_gallery .skin_list li:nth-child(4n) {}
.skin_gallery .skin_list li .icon_wrap {position:relative;min-height: 50px; box-sizing: border-box;}
.skin_gallery .skin_list li .icon_wrap img {display: block; width: 100%; min-height: 50px;}
.skin_gallery .skin_list li .icon_wrap .new {
    position: absolute;
    top: 3px;
    left: 3px;
    background: url(//static.inven.co.kr/image_2011/lol/common/icon_skin_new.png) no-repeat;
    width: 30px;
    height: 15px;
}
.skin_gallery .skin_list li .name {display: block; height: 18px; padding-top: 5px; color: #b4b4b4; font-size: 11px; text-align: center; overflow: hidden;line-height: 18px;}
.skin_gallery .skin_list li a {display: block; padding-right: 7px;}
.skin_gallery .skin_list li a.selected .icon_wrap {border: 2px solid #ff8f17;}
.skin_gallery .skin_list li a.selected .name {color: #ff8f17; font-weight: bold;}

.skin_gallery .skin_info { margin-bottom: 10px; }
.skin_gallery .skin_info li {margin-bottom: 10px;}
.skin_gallery .skin_info li:last-child {margin-bottom: 0;}
.skin_gallery .skin_info li .skin_area {width: 100%; line-height: 0;}
.skin_gallery .skin_info li .skin_area:nth-of-type(2) {padding-top: 6px;}
.skin_gallery .skin_info li .skin_area img {width: 100%; height: 100%;}
.skin_gallery .skin_info li .webp_wrap {display:flex;flex-wrap: wrap;}
.skin_gallery .skin_info li .webp_wrap a {width: 100%}
.skin_gallery .skin_info li .webp_wrap img {width: 100%}
.skin_gallery .skin_info li .story_area {padding: 15px 10px; background-color: #102037;}
.skin_gallery .skin_info li .story_area p {color: #fff; font-size: 12px; line-height: 19px; letter-spacing: -0.5px;}

.skin_gallery .section_vote {margin-bottom: 10px;}
.skin_gallery .section_vote .title {height: 32px; border-top: 2px solid #659dff; background-color: #1b4072; color: #00c0ff; font-size: 15px; font-weight: bold; line-height: 32px; text-align: center; color: #FFF; }
.skin_gallery .db_vote{margin-bottom:20px;}
.skin_gallery .db_vote .vote_title{height:30px;background:#252429;color:#fff;border:1px solid #000;border-top:2px solid #e3aa10;font-size:13px;font-weight:bold;text-align:center;line-height:30px;display:none;}
.skin_gallery .db_vote .vote_wrap{padding:10px 15px 10px 15px;background:#3c3c3c;background-color: #102037;}
.skin_gallery .db_vote .vite_box{width:100%;background:#38719c;border:1px solid #000;box-sizing:border-box}
.skin_gallery .db_vote .vite_box.second{background-color:#38609c}
.skin_gallery .db_vote .vite_box p{margin:0}
.skin_gallery .db_vote .vite_box .line{padding:1px;border:1px solid #99a3b8}
.skin_gallery .db_vote .vite_box .name{height:30px;padding:0 10px;color:#fff;font-size:13px;font-weight:bold;line-height:30px}
.skin_gallery .db_vote .vite_box .name p{float:left}
.skin_gallery .db_vote .vite_box .name .right{float:right;font-size:11px}
.skin_gallery .db_vote .vite_box .name .right span{color:#fff18f}
.skin_gallery .db_vote .vite_box .box{padding:6px;background:#dadcdf;border:1px solid #24140f;border-radius:5px}
.skin_gallery .db_vote .btn_ara{margin-bottom:10px}
.skin_gallery .db_vote .btn_ara .box{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;padding:6px 3px}
.skin_gallery .db_vote .btn_ara .btn_appraisal{-webkit-flex:1 0 0;-moz-flex:1 0 0;-ms-flex:1 0 0;flex:1 0 0;margin:0 3px;border:1px solid #202120;border-radius:2px;box-sizing:border-box;outline:0}
.skin_gallery .db_vote .btn_ara .btn_appraisal .btn_name{height:24px;background:#202120;color:#fff;font-size:12px;font-weight:bold;text-align:center;line-height:24px}
.skin_gallery .db_vote .btn_ara .btn_appraisal[data-vote-point="2"]{border:1px solid #3e3f3e}
.skin_gallery .db_vote .btn_ara .btn_appraisal[data-vote-point="2"] .btn_name{background:#3e3f3e}
.skin_gallery .db_vote .btn_ara .btn_appraisal[data-vote-point="3"]{border:1px solid #073456}
.skin_gallery .db_vote .btn_ara .btn_appraisal[data-vote-point="3"] .btn_name{background:#073456}
.skin_gallery .db_vote .btn_ara .btn_appraisal[data-vote-point="4"]{border:1px solid #ad520a}
.skin_gallery .db_vote .btn_ara .btn_appraisal[data-vote-point="4"] .btn_name{background:#ad520a}
.skin_gallery .db_vote .btn_ara .btn_appraisal[data-vote-point="5"]{border:1px solid #9d0a0a}
.skin_gallery .db_vote .btn_ara .btn_appraisal[data-vote-point="5"] .btn_name{background:#9d0a0a}
.skin_gallery .db_vote .btn_ara .btn_appraisal .btn_value{height:45px;background:#fff;color:#950b0b;font-size:13px;font-weight:bold;text-align:center;line-height:45px}
.skin_gallery .db_vote .vite_value{}
.skin_gallery .db_vote .vite_value .box{padding:19px 6px; overflow: hidden}
.skin_gallery .db_vote .vite_value .star{float:left;width:calc(100% - 93px);padding-top:3px;font-size:0;text-align:center}
.skin_gallery .db_vote .vite_value .star .item{display:inline-block;float:none;width:30px;height:32px;margin:0 1px;background:url('//static.inven.co.kr/image_2011/destinyguardians/dataninfo/img_star_off.png') no-repeat 0 0 / 30px 32px}
.skin_gallery .db_vote .vite_value .star .item.act{background:url('//static.inven.co.kr/image_2011/destinyguardians/dataninfo/img_star_on.png') no-repeat 0 0 / 30px 32px}
.skin_gallery .db_vote .vite_value .star .item.half{background:url('//static.inven.co.kr/image_2011/destinyguardians/dataninfo/img_star_half.png') no-repeat 0 0 / 30px 32px}
.skin_gallery .db_vote .vite_value .point{float:right;width:93px;height:45px;background:-moz-linear-gradient(top, #ffffff 0%, #c5c5c5 100%);background:-webkit-linear-gradient(top, #ffffff 0%,#c5c5c5 100%);background:linear-gradient(to bottom, #ffffff 0%,#c5c5c5 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c5c5c5',GradientType=0 );color:#950b0b;border:1px solid #7d7d7d;border-radius:5px;font-size:16px;font-weight:bold;text-align:center;line-height:43px;box-sizing:border-box}

#skinComment {margin-top:10px;display:none;overflow:hidden}
#skinComment.visible{display:block}
#skinComment #powerbbsCmt2 {background-color:#FFF}