.none{ display: none !important; }
    .view { display: block; }
    /* COMMON TOP */ 
        #pokemongoDb .pokemongoDbCommonTop{ width: calc(100% - 25px); padding: 10px; background-color: #7373be; border: 1px solid #464684; border-radius: 5px; margin-top: 15px;}
        #pokemongoDb div.pokemongoDbCommonTop div.menuGroups { width: 706px; _width: 708px; border: 1px solid #998a75; clear: both; overflow: hidden; }
        #pokemongoDb div.pokemongoDbCommonTop div.menuGroup { width: 696px; _width: 706px; border: 5px solid #6d583a; clear: both; overflow: hidden; }
        #pokemongoDb div.pokemongoDbCommonTop table { width: 100%; clear: both; overflow: hidden; margin-bottom: -1px; }
        #pokemongoDb div.pokemongoDbCommonTop table col.col1 { width: 121px; }
        #pokemongoDb div.pokemongoDbCommonTop table col.col2 { width: 575px; }
        #pokemongoDb div.pokemongoDbCommonTop table th,
        #pokemongoDb div.pokemongoDbCommonTop table td { line-height: 15px; padding: 6px 0 5px 0; _padding: 7px 0 4px 0; height: auto; border-radius: 5px; }
        @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
            #pokemongoDb div.pokemongoDbCommonTop table th,
            #pokemongoDb div.pokemongoDbCommonTop table td { padding: 8px 0 3px 0; }
        }
 
        #pokemongoDb div.pokemongoDbCommonTop table th { text-align: center; font-weight: bold; color: #fff; border-radius: 5px; background-color: #9c9cd8; border: 1px solid #babad9;  }
        #pokemongoDb div.pokemongoDbCommonTop table td { padding-left: 8px; color: #fff; background-color:#ebebeb; background-color: #fff;}
        #pokemongoDb div.pokemongoDbCommonTop table td input.checkbox { margin-right: 4px; vertical-align: -1px; float: left; }
        #pokemongoDb div.pokemongoDbCommonTop table td ul { width: 100%; clear: both; }
        #pokemongoDb div.pokemongoDbCommonTop table td ul li { float: left;}
        #pokemongoDb div.pokemongoDbCommonTop table td ul li a { text-decoration: none; margin: 2px; color: #2f251c; background-color: #ebebeb; border-radius: 5px;   height: 25px; width: 59px; line-height: 25px; text-align: center; display: inline-block;}
        
        #pokemongoDb div.pokemongoDbCommonTop table td ul li a.active{color: #fff; background-color: #e66450;}
        #pokemongoDb div.pokemongoDbCommonTop table td ul li.right { margin-left: 0; margin-right: -10px; float: right; }

        #pokemongoDb div.pokemongoDbCommonTop table td .glink,
        #pokemongoDb div.pokemongoDbCommonTop table td .glast { 
            display: inline-block; *display: inline; zoom: 1;
            background: url('//static.inven.co.kr/image_2011/pokemongo/common/guidelink_1x10_commonTop1a.png') right 50% no-repeat;
            padding: 2px 11px 2px 7px;
        }
        #pokemongoDb div.pokemongoDbCommonTop table td .glast { background: none; }
        #pokemongoDb div.pokemongoDbCommonTop table td .active { color: #c21205; font-weight: bold; }
        #pokemongoDb div.pokemongoDbCommonTop select{ width: 98%; }

        #pokemongoDb div.pokemongoDbCommonTop table td.orderby ul li a{
            width: 80px; height: 20px; border: 1px solid #a0a0a0; background-color: #ebebeb; color: #6e6e6e; font-weight: bold; line-height: 20px;
            text-indent: 5px; text-align: left;
            background: #ebebeb url('//static.inven.co.kr/image_2011/pokemongo/dataninfo/pokemon/arrow_none.png') 50px 5px no-repeat;
        }

        #pokemongoDb div.pokemongoDbCommonTop table td.orderby ul li a.desc{
            background: #ebebeb url('//static.inven.co.kr/image_2011/pokemongo/dataninfo/pokemon/arrow_desc.png') 50px 5px no-repeat;
        }

        #pokemongoDb div.pokemongoDbCommonTop table td.orderby ul li a.asc{
            background: #ebebeb url('//static.inven.co.kr/image_2011/pokemongo/dataninfo/pokemon/arrow_asc.png') 50px 5px no-repeat;
        }
    /* Search */
    #pokemongoDbPokemonTopF1, 
    #pokemongoDbPokemonTopF1 fieldset,
    #pokemongoDb .pokemonSearch{ 
        width: 100%;
    }

    #pokemongoDb .pokemonSearch label{
        display: none;
    }
    #pokemongoDb .pokemonSearch input{
        background-color: #ebebeb;
        border: 1px solid #656565;    
        width: calc(100% - 62px);
        height: 20px;
        text-indent: 10px;
    }

    #pokemongoDb .pokemonSearch #btnSearch{
        text-indent: -10000em;
        background: url('//static.inven.co.kr/image_2011/pokemongo/dataninfo/pokemon/btn_search_35x24a.png') no-repeat left top; 
        border: none;
        width: 35px;
        height: 24px;
        cursor: hand;
    }
   
   #pokemonEval{ margin-left: 15px; }

/*LIST*/

 #pokemongoDb .title-board{
    background-color: #da7d7d;
    color: #fff;
    display: block;
    margin-top: 15px;
    border-radius: 5px;
    padding: 5px 0px;
    text-indent: 10px;
 }

 #pokemongoList {
    margin-left: 15px;
    padding: 15px 0px;
    width: 100%;
 }

 #pokemongoList .pokemonList li{
    float: left;
    width: 105px;
    text-align: center;
    margin-bottom: 15px;
    margin: 0px 4px; 
    margin-bottom: 15px;
 }

 #pokemongoList .pokemonList li a{
    display: block;
    border: 1px solid #cdcdcd;
    border-radius: 6px;
    height: 240px;
    text-decoration: none;
 }

 span.pokemontype{
    display: block;
 }

 #pokemongoList .pokemonList span.pokemonname{
        background: url('//static.inven.co.kr/image_2011/pokemongo/dataninfo/pokemon/bg_list_ti_105_27a.png') no-repeat left top; 
       /* width: 134px;*/
        height: 27px;
        line-height: 27px; 
        color: #e36944;
        font-weight: bold;
        display: block;
        margin-top: -1px;
        margin-left: -1px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        text-indent: 2px;

 }

 #pokemongoList .pokemonList span.pokemontype{
    display: block;
    height: 24px;
    border-top: 1px solid #cdcdcd;
    background-color: #fafafa; 
    padding-top: 3px;
 }

#pokemongoList .pokemonList span.pokemontype img{
    vertical-align: middle; 
}
 #pokemongoList .pokemonList span.line{
    display: block;
    background-color: #cdcdcd;
    height: 1px;
    /*width: 120px;*/
 }
 #pokemongoList .pokemonList .pokemoninfo{ 
    background-color: #fafafa;
    border-radius: 5px;
    font-size: 8pt;
 }

 #pokemongoList .pokemonList .pokemoninfo li{
    color: #323232;
    width: 40px;
    height: 15px;
    line-height: 15px;
    margin: 3px 4px;
 }
 #pokemongoList .pokemonList .pokemoninfo li.pinfo{
    border-radius: 10px;
    background-color: #e6e6e6;
    font-weight: bold;
 }
 
 #pokemongoList span.noResult{
    display: inline-block;
    text-align: center;
    width: 100%;
    font-weight: bold;
    margin-left: -15px;
 }


 .pokemonNavi{
    width: 100%;
    height: 40px;
    text-align: center;
    padding: 10px;
    margin-bottom: 10px;
 }
 .pokemonNavi a{
    display: block;
    width: calc(50% - 32px); 
    width: -webkit-calc(50% - 32px); 
    width: -moz-calc(50% - 32px); 
    height: 20px;
    float: left;
    line-height: 21px;
    padding: 10px;
 }
 .pokemonNavi a:hover{
    background-color: #e66450;
    color: #fff;
 }
 .pokemonNavi a.next{
    border: 1px solid #d7d7d7;
    border-radius: 0px 5px 5px 0px;
    margin-left: -1px;
 }
 .pokemonNavi a.prev{
    border: 1px solid #d7d7d7;
    border-radius: 5px 0px 0px 5px; 
}
 .pokemonNavi a.prev span{
    display: block;
    width: 15px;
    height: 19px;
    background:  url('//static.inven.co.kr/image_2011/pokemongo/dataninfo/pokemon/pokemon_arrow_25x30.png')  no-repeat left 2px;
    float: left;
 }
 .pokemonNavi a.next span{
    display: block;
    width: 15px;
    height: 19px;
    background:  url('//static.inven.co.kr/image_2011/pokemongo/dataninfo/pokemon/pokemon_arrow_25x30.png')  no-repeat right 2px;
    float: right;
 }
 .pokemonNavi a.prev:hover span{
    background-position:  0px -14px;
 }
 .pokemonNavi a.next:hover span{
    background-position:  -10px -14px;
 }

 .articleContent h3{ 
    height: 10px; 
    color: #fff;
    border-radius: 5px;
    line-height: 12px; 
    padding: 10px 3px;
    text-indent: 5px;
    font-size: 12pt;
 }

 .articleContent h3.evolution,
 .articleContent h3.pokemonname{ 
    background-color: #da7d7d; 
 }

 .articleContent h3.counterpick,
 .articleContent h3.recommended,
 .articleContent h3.typechart,
 .articleContent h3.quickmove,
 .articleContent h3.chargemove{ 
    background-color: #6bcac4; 
    
 }

 .articleContent .pokemonimage,
 .articleContent .pokemontype {
    width: 100%;
    margin: 10px 0px;
 }

 .articleContent .pokemonimage{
    border: 1px solid #d7d7d7;
    border-radius: 5px;
 }
 .articleContent .pokemonimage img{
    width: 256px;
    height: 256px;
    margin: 5px auto;
    display: block;
 }

 .articleContent .pokemontype {
    width: 100%;
    height: 35px;
    border: 1px solid #d7d7d7;
    border-radius: 5px; 
 }
 .articleContent .pokemontype li{ 
    display: block;
    height: 35px;
    float: left;
    line-height: 37px; 
    padding: 0px 2px;
    
}

 .articleContent .pokemontype li.title{
    width: 70px;
    text-align: center;
    background-color: #9c9cd8;
    color: #fff;
    border-radius: 5px; 
    
 }

 .articleContent .pokemontype li.text{
    text-indent: 5px;
 }
 .articleContent .pokemontype li.type{
    
    width: calc(55% - 65px);
    width: -webkit-calc(55% - 65px);
    width: -moz-calc(55% - 65px);
 }
.articleContent .pokemontype li.evolvecandy{
    width: calc(45% - 85px);
    width: -webkit-calc(45% - 85px);
    width: -moz-calc(45% - 85px);

}
 .articleContent .pokemontype li img{
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -2px;
 }


 .articleContent  table.pokemontype2{
    border: 1px solid #cdcdcd !important;
    border-radius: 5px !important;
 }

 .articleContent table.pokemontype2 th{
    width: 75px;
    background-color: #9c9cd8 !important;
    border-radius: 5px !important;
    color: #fff !important;
 }

 .articleContent table.pokemontype2 td{ 
    border-bottom: none !important;
 }

 .articleContent table.pokemontype2 td span{
    display: inline-block !important; 
 }

 .articleContent table.pokemontype2 td.type{
    text-align: left !important;
 }
 .articleContent table.pokemontype2 td img{
    vertical-align: middle;
 }

 .articleContent table.pokemontype2 td.evolvecandy{
    width: 60px;
 }
 .articleContent .chargeData,
 .articleContent .quickData{
    margin-top: 5px;
    margin-bottom: 10px;
 }
  
 #articleView .articleContent table{
    border-bottom: 2px solid #cde3e2;
    width: 100%;
 } 
 #articleView .articleContent table th{
    color: #1d625f;
    background-color: #cde3e2;
    height: 35px;
    line-height: 35px;
    
 } 
 #articleView .articleContent table th.first{
    border-radius: 5px 0px 0px 5px; 
 } 
 #articleView .articleContent table th.last{
    border-radius: 0px 5px 5px 0px; 
 }
 
 #articleView .articleContent table td {
    height: 35px;
    line-height: 30px;
    border-bottom: 1px solid #ebebeb;
    color: #6e6e6e;
    vertical-align: middle;
    text-align: center;
 }
 
 #articleView .articleContent table td span{
    text-align: left; 
    display: block; 
    color: #6e6e6e !important;
 } 
 #articleView .articleContent table td span.movename{
    font-weight: bold;
    line-height: 20px;
    margin-top: 5px;
 }
 
 #articleView .articleContent .chargeData table td span.movetype{
    width: 60px;
    
    float: left;
 }

 #articleView .articleContent .chargeData table td span.energygauge{
    display: block;
    width: calc(100% - 60px);
    width: -webkit-calc(100% - 60px);
    width: -moz-calc(100% - 60px);
    height: 7px;
    float: right;
    margin-top: 15px;
 }
 #articleView .articleContent .chargeData table td li.energygauge1,
 #articleView .articleContent .chargeData table td li.energygauge2,
 #articleView .articleContent .chargeData table td li.energygauge3,
 #articleView .articleContent .chargeData table td li.energygauge4,
 #articleView .articleContent .chargeData table td li.energygauge5{
    display: block;
    height: 5px;
    background-color: #bc6cff;
    float: left;
    margin-right: 3px;
    border: 1px solid #cdcdcd;
 }

 #articleView .articleContent .chargeData table td li.energygauge1{
    width: calc(100% - 5px); 
    width: -webkit-calc(100% - 5px);
    width: -moz-calc(100% - 5px); 
}
 #articleView .articleContent .chargeData table td li.energygauge2{ width: calc(50% - 5px);  
    width: -webkit-calc(50% - 5px);
    width: -moz-calc(50% - 5px); }
 #articleView .articleContent .chargeData table td li.energygauge3{ width: calc(33% - 5px);   
    width: -webkit-calc(33% - 5px);
    width: -moz-calc(33% - 5px); }
 #articleView .articleContent .chargeData table td li.energygauge4{ width: calc(25% - 5px);  
    width: -webkit-calc(25% - 5px);
    width: -moz-calc(25% - 5px); }
 #articleView .articleContent .chargeData table td li.energygauge5{ width: calc(20% - 5px);  
    width: -webkit-calc(20% - 5px);
    width: -moz-calc(20% - 5px); }

 @media (min-width: 934px){
    #articleView .articleContent .chargeData table td li.energygauge3{ width: calc(33% - 3px);   
    width: -webkit-calc(33% - 3px);
    width: -moz-calc(33% - 3px); }
 }
    
 @media (min-width: 1234px){
    #articleView .articleContent .chargeData table td li.energygauge3{ width: calc(33% - 2px);   
    width: -webkit-calc(33% - 2px);
    width: -moz-calc(33% - 2px); }
 }


 #articleView .articleContent .groupList li,
 .articleList .pokemonList li{
    display: block; 
    float: left;
    width: 30%;
    margin: 10px 0px;
 }
 
 #articleView .articleContent .groupList li.arrow{
    width: 15px;
    margin-top: 50px;
 } 

 #articleView .articleContent .groupList li a.pokemonicon,
 .articleList .pokemonList li a.pokemonicon{ 
    display: block; 
    width: 85px;
    height: 85px;
    margin: 0 auto;

 }
 #articleView .articleContent .groupList li a span,
 .articleList .pokemonList li a span{
    display: block;
    width: 100%;
    text-align: center;
 } 

 #articleView .articleContent .groupList li a img,
 .articleList .pokemonList li a img{
    width: 85px;
    height: 85px;
    border-radius: 5px;
    border: 1px solid #ebebeb;   
    display: block; 
    margin: 0 auto;
 }


 #articleView .articleContent .groupList li span, 
 .articleList .pokemonList li span{
    display: block;
    text-align: center;
 }

 #articleView .articleContent .groupList li span.pokemonname a,
 .articleList .pokemonList li span.pokemonname a{
    color: #e36944;
    font-weight: bold;
 }
 span.yellow{
    color: #fff000;
 }

 #articleView .articleContent .typeData{
    margin-bottom: 10px;
 }
 #articleView .articleContent .typeData table th{
    border-radius: 5px; 
    width: 20%;
 }
 #articleView .articleContent .typeData table td{
    width: 13%;
 }

 #articleView .articleContent .typeData span {
    margin-bottom: 10px;
    display: inline-block; 
 }


/* 카운터 픽 */
 .counterPick{ margin-bottom: 10px; width: 100%;}
 .Recommended{ margin-bottom: 10px; width: 100%;}

#att,
#def{
    display: block;
    float: left;
    width: calc(50% - 4px);
    padding: 10px 0px;
    color: #000;
    background-color: #ffffff;
    border: 1px solid #cdcdcd;
    border-radius: 5px 0px 0px 5px;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: bold;
    text-decoration: none;
}

#def{
    border-radius: 0px 5px 5px 0px;
}


.Recommended #att.active, 
.Recommended #def.active, 
.Recommended a#att:hover,
.Recommended a#def:hover{ 
    color: #fff;
    background-color: #da7d7d; 
    border: 1px solid #dd5050;
}
 


 .counterPick table td{
    padding: 9px 0px;
    text-align: left !important;

 }
.Recommended table td{
    padding: 5px 0px;
    text-align: left !important;
 }

.Recommended table td a{
    text-decoration: none;    
}
.Recommended table td.pokemonname a,
 .counterPick table td.pokemonname a{ 
    color: #e36944;
    text-decoration: none;
    float: left;
 }

.Recommended table td.pokemonname img,
 .counterPick table td.pokemonname img{
    width: 60px;
    height: 60px;
    border: 1px solid #cdcdcd;
    border-radius: 5px;
    vertical-align: middle;
 }

.Recommended table td.movetype img,
 .counterPick table td.movetype img{
    vertical-align: middle;
 }

.Recommended table td.movetype a,
 .counterPick table td.movetype a{
    color: #6e6e6e;
    text-decoration: none;
 }
    

 .Recommended table td.rate,
 .counterPick table td.rate{
    font-size: 9pt; 
    font-weight: bold;
 }
 .counterPick table td.pokemonname a.name{
    display: block;
    width: calc(100% - 70px);
    float: left;
    line-height: 15px;
    margin-top: 20px;
 }
h3 a.open{
    display: block;
    width: 60px;
    height: 20px;
    border-radius: 5px;
    background-color: #e35c46;
    color: #fff000;
    font-weight: bold;
    line-height: 20px;
    margin-top: -5px;
    margin-right: 5px;
    float: right;
    text-decoration: none;
    font-size: 10pt;
}

h3 a.close{
    display: block;
    width: 60px;
    height: 20px;
    border-radius: 5px;
    background-color: #646464;
    color: #ffffff;
    font-weight: bold;
    line-height: 20px;
    margin-top: -5px;
    margin-right: 5px;
    float: right;
    text-decoration: none;
    font-size: 10pt;
}

 #articleView .articleContent .Recommended span{
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
 }