#uma-compare{position:relative;width:100%;max-width:1360px;margin:0 auto;padding:10px 20px;box-sizing:border-box}#uma-compare .text-blind{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;clip:rect(0 0 0 0)}#uma-compare .nowrap{white-space:nowrap}#uma-compare #top-area{display:flex;position:relative}#uma-compare #top-area .select-info{width:24%;margin-right:1%;box-sizing:border-box}#uma-compare #top-area .select-info h3{height:36px;background:linear-gradient(#7acb02, #3a9c05);border:1px solid #498b00;border-top-color:#77a941;font-weight:bold;color:#fff;text-align:center;line-height:36px}#uma-compare #top-area .select-info div{width:100%;padding:5px;border:1px solid #498b00;box-sizing:border-box;text-align:center}#uma-compare #type-filter{background-color:#f0eff0;box-sizing:border-box}#uma-compare #type-filter.type-icon{display:flex;justify-content:center;gap:10px;padding:0 0 10px}#uma-compare #type-filter.type-icon li{width:40px;height:40px;background:url("https://static.inven.co.kr/image_2011/uma/dataninfo/simulator/uma_cate_img_sprite_v2.png") no-repeat;text-indent:-9999px;cursor:pointer}#uma-compare #type-filter.type-icon li:nth-child(1){background-position:0px -40px}#uma-compare #type-filter.type-icon li:nth-child(1).on,#uma-compare #type-filter.type-icon li:nth-child(1):hover{background-position:0px 0px}#uma-compare #type-filter.type-icon li:nth-child(2){background-position:-40px -40px}#uma-compare #type-filter.type-icon li:nth-child(2).on,#uma-compare #type-filter.type-icon li:nth-child(2):hover{background-position:-40px 0px}#uma-compare #type-filter.type-icon li:nth-child(3){background-position:-80px -40px}#uma-compare #type-filter.type-icon li:nth-child(3).on,#uma-compare #type-filter.type-icon li:nth-child(3):hover{background-position:-80px 0px}#uma-compare #type-filter.type-icon li:nth-child(4){background-position:-120px -40px}#uma-compare #type-filter.type-icon li:nth-child(4).on,#uma-compare #type-filter.type-icon li:nth-child(4):hover{background-position:-120px 0px}#uma-compare #type-filter.type-icon li:nth-child(5){background-position:-160px -40px}#uma-compare #type-filter.type-icon li:nth-child(5).on,#uma-compare #type-filter.type-icon li:nth-child(5):hover{background-position:-160px 0px}#uma-compare #type-filter.type-icon li:nth-child(6){background-position:-200px -40px}#uma-compare #type-filter.type-icon li:nth-child(6).on,#uma-compare #type-filter.type-icon li:nth-child(6):hover{background-position:-200px 0px}#uma-compare #type-filter.type-icon li:nth-child(7){background-position:-240px -40px}#uma-compare #type-filter.type-icon li:nth-child(7).on,#uma-compare #type-filter.type-icon li:nth-child(7):hover{background-position:-240px 0px}#uma-compare #card-list{width:75%}#uma-compare #card-list .contentWrap{width:100%;display:flex}#uma-compare #card-list .card-box{width:23.875%;margin:0 .75%}#uma-compare #card-list .card-box:last-child{margin-right:0}#uma-compare #card-list .card-box.selected{position:relative}#uma-compare #card-list .card-box.selected .x-btn{position:absolute;top:0;right:0;z-index:8;display:block;width:15px;height:15px;background-color:rgba(0,0,0,.7);cursor:pointer}#uma-compare #card-list .card-box.selected .x-btn::before,#uma-compare #card-list .card-box.selected .x-btn::after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;width:1px;height:11px;margin:auto;background-color:#fff}#uma-compare #card-list .card-box.selected .x-btn::before{transform:rotate(45deg)}#uma-compare #card-list .card-box.selected .x-btn::after{transform:rotate(-45deg)}#uma-compare #card-list .card-box .x-btn{display:none}#uma-compare #card-list .card-box .selected-block{position:relative;width:100%;padding-top:128%;border:1px solid rgba(0,0,0,0);box-sizing:border-box;cursor:pointer}#uma-compare #card-list .card-box .selected-block .selected-card{position:absolute;width:100%;top:0;left:0;bottom:0;right:0;margin:auto}#uma-compare #card-list .card-box .selected-block .selected-card img{width:102%}#uma-compare #card-list .card-box .selected-block::before,#uma-compare #card-list .card-box .selected-block::after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;background:none}#uma-compare #card-list .card-box .selected-block::before{width:3px;height:15px}#uma-compare #card-list .card-box .selected-block::after{width:15px;height:3px}#uma-compare #card-list .card-box:not(.selected) .selected-block{border:1px solid #498b00;background-color:#e9f4d3}#uma-compare #card-list .card-box:not(.selected) .selected-block::before,#uma-compare #card-list .card-box:not(.selected) .selected-block::after{background:#498b00}#uma-compare #card-list .card-box .text-link{display:block;width:100%;height:24px;margin:8px auto 0;font-size:14px;font-weight:bold;text-align:center;color:#498b00;line-height:24px;border:1px solid #abd982;border-radius:16px;cursor:pointer;overflow:hidden;box-sizing:border-box}#uma-compare #card-list .card-box .text-link.disabled{border-color:#999;color:#999;cursor:default;pointer-events:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}#uma-compare #detail-area{margin-top:15px}#uma-compare #detail-area select#trainingBonus{width:calc(100% - 10px);margin:5px}#uma-compare #detail-area .table-block{border:1px solid #498b00}#uma-compare #detail-area .table-block .list-table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed}#uma-compare #detail-area .table-block .list-table colgroup .col01{width:25%}#uma-compare #detail-area .table-block .list-table colgroup .col02[span="4"]{width:18.75%}#uma-compare #detail-area .table-block .list-table colgroup .col02[span="5"]{width:15%}#uma-compare #detail-area .table-block .list-table colgroup .col02[span="6"]{width:12.5%}#uma-compare #detail-area .table-block .list-table colgroup .col02[span="7"]{width:10.7142857143%}#uma-compare #detail-area .table-block .list-table colgroup .col02[span="8"]{width:9.375%}#uma-compare #detail-area .table-block .list-table tr{height:36px}#uma-compare #detail-area .table-block .list-table tr.hide{display:none}#uma-compare #detail-area .table-block .list-table tr:not(:first-child){border-top:1px dotted #abd982}#uma-compare #detail-area .table-block .list-table tr.limitmax{border-top:1px solid #abd982}#uma-compare #detail-area .table-block .list-table tr th{padding:5px;background-color:#63c404;color:#fff}#uma-compare #detail-area .table-block .list-table tr td{color:#794016;text-align:center}#uma-compare #detail-area .table-block .list-table tr td:not(:last-child){border-right:1px solid #abd982}#uma-compare #detail-area .table-block .list-table tr td.select-item select{width:80%;height:20px;font-weight:bold;text-align:center;color:#794016}#uma-compare #detail-area .table-block .list-table tr td.onlyunique{color:red}#uma-compare #detail-area .table-block .list-table tr td>span.unique{color:red}#uma-compare #detail-area .caution-block{padding:5px 0 5px 10px}#uma-compare #detail-area .caution-block p{margin-left:1.3em;text-indent:-1.3em;font-weight:bold;color:#794016}#uma-compare #detail-area .error{height:200px;padding-top:20px;font-size:16px;text-align:center}#uma-compare #list-layer{display:none;position:absolute;top:0;left:0;width:100%;height:100%;margin:0;background:#fff;z-index:10}#uma-compare #list-layer h3{position:relative;height:35px;padding:0 15px;background:linear-gradient(#7acb02, #3a9c05);border:1px solid #498b00;border-top-color:#77a941;border-bottom:0;color:#fff;line-height:35px}#uma-compare #list-layer h3::before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:1px;background:#bbe521}#uma-compare #list-layer .top{position:relative;z-index:10}#uma-compare #list-layer .con-list{position:relative;height:calc(100% - 36px);z-index:1;background:#fff;border:1px solid #498b00;box-sizing:border-box}#uma-compare #list-layer .x-btn{position:absolute;top:0;bottom:0;right:10px;width:20px;height:20px;margin:auto 0;cursor:pointer}#uma-compare #list-layer .x-btn::before,#uma-compare #list-layer .x-btn::after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;width:2px;height:18px;margin:auto;background-color:#fff}#uma-compare #list-layer .x-btn::before{transform:rotate(45deg)}#uma-compare #list-layer .x-btn::after{transform:rotate(-45deg)}#uma-compare #list-layer .search{display:flex;padding:10px;background-color:#f0eff0}#uma-compare #list-layer .search input{width:100%;height:30px;padding:0 10px;border:1px solid #d0d0d0;outline:none}#uma-compare #list-layer .search input:-ms-input-placeholder{font-size:12px}#uma-compare #list-layer .search input::placeholder{font-size:12px}#uma-compare #list-layer ul.support-list{width:99%;height:calc(100% - 100px);margin:0 auto;padding:10px 5px;background:#fff;overflow-y:scroll;box-sizing:border-box}#uma-compare #list-layer ul.support-list li{float:left;width:23%;margin:0 1% 1%;cursor:pointer}#uma-compare #list-layer ul.support-list li img{width:100%}#uma-compare #list-layer ul.support-list li span{display:block;position:absolute;width:1px;height:1px;overflow:hidden;border:0;z-index:-1;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%)}#uma-compare #list-layer ul.support-list li.error{width:100%}@media screen and (max-width: 767px){#uma-compare #top-area #card-list .card-box .text-link{width:90%;font-size:12px}#uma-compare #top-area .select-info h3{height:auto;padding:2px 0;font-size:12px;line-height:1.5}#uma-compare #top-area .select-info div{padding:4px;font-size:11px;letter-spacing:-1.1px}#uma-compare #detail-area .table-block .list-table tr{height:30px}#uma-compare #detail-area .table-block .list-table tr th{padding:2px;font-size:12px}#uma-compare #detail-area .table-block .list-table tr td{padding:2px;font-size:14px}#uma-compare #detail-area .table-block .list-table td.select-item select{height:20px;font-size:13px}#uma-compare #detail-area .caution-block{padding:5px 0}#uma-compare #detail-area .caution-block p{font-size:11px}}@media screen and (max-width: 499px){#detail-area .table-block .list-table colgroup .col01{min-width:115px}}@media screen and (max-width: 414px){#uma-compare #top-area #card-list .card-box .text-link{width:95%;height:18px;padding:2px 4px;line-height:1.2;font-size:11px;box-sizing:border-box}#uma-compare #top-area .select-info{min-width:105px}#uma-compare #type-filter.type-icon{gap:8px}#uma-compare #type-filter.type-icon li{width:35px;height:35px;background-size:245px 70px}#uma-compare #type-filter.type-icon li:nth-child(1){background-position:0px -35px}#uma-compare #type-filter.type-icon li:nth-child(1).on,#uma-compare #type-filter.type-icon li:nth-child(1):hover{background-position:0px 0px}#uma-compare #type-filter.type-icon li:nth-child(2){background-position:-35px -35px}#uma-compare #type-filter.type-icon li:nth-child(2).on,#uma-compare #type-filter.type-icon li:nth-child(2):hover{background-position:-35px 0px}#uma-compare #type-filter.type-icon li:nth-child(3){background-position:-70px -35px}#uma-compare #type-filter.type-icon li:nth-child(3).on,#uma-compare #type-filter.type-icon li:nth-child(3):hover{background-position:-70px 0px}#uma-compare #type-filter.type-icon li:nth-child(4){background-position:-105px -35px}#uma-compare #type-filter.type-icon li:nth-child(4).on,#uma-compare #type-filter.type-icon li:nth-child(4):hover{background-position:-105px 0px}#uma-compare #type-filter.type-icon li:nth-child(5){background-position:-140px -35px}#uma-compare #type-filter.type-icon li:nth-child(5).on,#uma-compare #type-filter.type-icon li:nth-child(5):hover{background-position:-140px 0px}#uma-compare #type-filter.type-icon li:nth-child(6){background-position:-175px -35px}#uma-compare #type-filter.type-icon li:nth-child(6).on,#uma-compare #type-filter.type-icon li:nth-child(6):hover{background-position:-175px 0px}#uma-compare #type-filter.type-icon li:nth-child(7){background-position:-210px -35px}#uma-compare #type-filter.type-icon li:nth-child(7).on,#uma-compare #type-filter.type-icon li:nth-child(7):hover{background-position:-210px 0px}#uma-compare #detail-area .table-block .list-table colgroup .col01{min-width:103px}#uma-compare #detail-area .table-block .list-table tr td{font-size:12px}#uma-compare #detail-area .table-block .list-table tr td.select-item select{width:92%;font-size:12px}}
/*# sourceMappingURL=db_compare.css.map */