



.adm_wrap{}
.adm_wrap{display:flex;}

.adm_tit{position:relative;font-weight:bold;word-break: keep-all;line-height: 1.2em;}
.adm_tit a{float:right;font-weight: 400;}

.adm_tit2{position:relative;font-weight:bold;word-break: keep-all;line-height: 1.2em;text-align:center;}
.adm_tit2 a{float:right;font-weight: 400;}



.key_set div{display:flex;flex-wrap: wrap;}
.key_set div a{display: inline-block;}
.key_set div button{display:inline-block; vertical-align:middle; background:transparent;}

 .key_set div a:hover,.key_set div a.on{background-color:#b55c20; font-weight:bold; color:#fff; border:1px solid #b55c20;}
 .key_set div a:hover button,.key_set div a.on button{color:#fff;}


.key_list{font-size:0}
.key_list li{position:relative;}
.key_list li:last-child{margin-bottom:0;}
.key_list li em{font-weight:bold; position:absolute; top:0; left:0;}
.key_list li a{font-weight:300;}
.key_list .rank{position:absolute;right:0;top: 0;}
.key_list .rank span{display:inline-block; vertical-align:middle; font-weight:600}

.key_list>ul{display:inline-block; width:50%;}
.key_list li:first-child{font-weight:bold;font-weight:600;}




.key_list2{font-size:0}
.key_list2 li{position:relative;}
.key_list2 li:last-child{margin-bottom:0;}
.key_list2 li em{font-weight:bold; position:absolute; top:0; left:0;}
.key_list2 li a{font-weight:300;}
.key_list2 .rank{position:absolute;right:0;top: 0;}
.key_list2 .rank span{display:inline-block; vertical-align:middle; font-weight:600}


.key_list2>ul{display:inline-block; width:42%;margin-left:8%; }
.key_list2 li:first-child{font-weight:bold;font-weight:600;}
.key_list2 ul:first-child{border-right:1px solid #f1f1f1;}

.keyword_cont{display:flex;}
.keyword_cont2{display:flex;}
.sort{display:flex;align-items: flex-start;}

.cont_list{}
.cont_list li div{display:flex;font-weight:300;align-items: center;}
.cont_list div span{display:flex;justify-content: center;}
.cont_list div span img{width:85%}
.cont_list h5 a{font-weight:bold;line-height:1.4em;word-break:keep-all;height: 2.8em;}
.cont_list li p{font-weight:300;line-height:1.4em;height: 2.5em;}
.cont_list li p span{line-height:1.4em}


.more{display:block;}


.adm_link{position:absolute;top: 50%;right:0;font-size:0;}
.adm_link a{display:inline-block;vertical-align:middle;text-align: center;}


.tab_box{padding: 0 !important;}

 .tab{font-size:0;text-align:center;padding: 0 !important;border-bottom: 1px solid #f1f1f1;}
.tab span{display: inline-block;width:33.3%;border-right: 1px solid #f1f1f1;cursor: pointer;}
 .tab span:last-child{border-right:0;}
.tab span:hover,.tab span.on{background-color:#b55c20;font-weight:bold;color:#fff;}



.tab2{font-size:0;text-align:center;padding-bottom: 0 !important;border-bottom: 1px solid #f1f1f1;margin-bottom:20px;}
.tab2 span{display: inline-block;width:33.3%;border-right: 1px solid #f1f1f1;border-top: 1px solid #f1f1f1;cursor: pointer;}
.tab2 span:hover,.tab2 span.on{background-color:#b55c20;font-weight:bold;color:#fff;}


.tab3{font-size:0;text-align:center;padding-bottom: 0 !important;border-bottom: 1px solid #f1f1f1;margin-bottom:20px;}
.tab3 span{display: inline-block;width:33.3%;border-right: 1px solid #f1f1f1;border-top: 1px solid #f1f1f1;cursor: pointer;}
.tab3 span:hover,.tab3 span.on{background-color:#b55c20;font-weight:bold;color:#fff;}

@media (min-width:1400px) {
 
.adm_wrap{border: 1px solid #f1f1f1;}
.keyword_wrap{width:25%;padding: 20px;border-right: 1px solid #f1f1f1;}
.keyword_wrap_all{width:100%;padding: 20px;}


.keyword_cont{width:75%;}
.keyword_cont2{width:100%;}

.adm_tit{font-size:20px;margin-bottom: 30px;}
.adm_tit a{font-size:15px;line-height: 20px;}

.adm_tit2{font-size:20px;margin-bottom: 30px;}
.adm_tit2 a{font-size:15px;line-height: 20px;}


.key_set div a{padding:0 20px;font-size:16px;margin-bottom:10px;height: 50px;line-height: 50px;margin-right: 10px;border-radius: 25px;}
.key_set div a button{font-size:16px; margin-left:15px;}

.key_list{}

.key_list li{padding-left:20px;padding-right: 10px;margin-bottom:15px;}
.key_list li {font-size:16px;}
.key_list li span{font-size: 15px;margin-left: 12px;}

.key_list2{}

.key_list2 li{padding-left:20px;padding-right: 10px;margin-bottom:15px;}
.key_list2 li {font-size:16px;}
.key_list2 li span{font-size: 15px;margin-left: 12px;}


.admin .nice-select{width:130px; border-radius:25px; margin-right:20px;}
.admin .nice-select .current{height:50px; line-height:50px; font-size:16px;}
.admin .nice-select li{height:40px; line-height:40px; font-size:16px} 
.keyword_cont>div{width:33.3%;padding: 20px;}
.keyword_cont2>div{width:33.3%;padding: 20px;}
.cont_list li{padding: 15px 0;border-bottom: 1px solid #f1f1f1;}
 .cont_list li:last-child{border-bottom:0 }
.cont_list li div{font-size:15px;margin-bottom: 12px;}
.cont_list div span{padding:0 15px;height:30px;line-height:30px;font-size:15px;border-radius:15px;margin-right: 10px;max-width: 130px;}
.update_time{font-size:15px;}



 .cont_2{border-left:1px solid #f1f1f1;border-right:1px solid #f1f1f1;}
.cont_list h5 {margin-bottom: 10px;}
.cont_list h5 a{font-size: 18px;}
.cont_list li p{font-size: 14px;}


.more{width:100px; height:46px; margin:30px auto 0; border-radius:23px; font-size:16px;}

.theme{right: 215px !important;}

.adm_link {margin-top:-23px}
.adm_link a{width:100px;height:45px;line-height:45px;border-radius:25px;font-size:16px;margin-left: 5px;}



.tab_box{margin: 0px 0;border: 1px solid #f1f1f1;}
.tab span{height: 50px;line-height: 50px;font-size: 16px;}
.tab_view{padding:20px}

.tab2 span{height: 50px;line-height: 50px;font-size: 16px;}
.tab3 span{height: 50px;line-height: 50px;font-size: 16px;}
}


@media (min-width:1200px) and (max-width: 1399px){

.adm_wrap{margin:0 -20px;border-left: 1px solid #f1f1f1;border-right: 1px solid #f1f1f1;}
.keyword_wrap{width:25%;padding: 0 1.4vw;border-right: 1px solid #f1f1f1;}
.keyword_wrap_all{width:100%;padding: 0 1.4vw;border-right: 1px solid #f1f1f1;}
.keyword_cont{width:75%;}
.keyword_cont2{width:100%;}
.adm_tit{font-size: 1.4vw;margin-bottom: 1.4vw;}
.adm_tit a{font-size: 1vw;line-height: 1.4vw;}


.adm_tit2{font-size: 1.4vw;margin-bottom: 1.4vw;}
.adm_tit2 a{font-size: 1vw;line-height: 1.4vw;}


.key_set div a{padding: 0 1.4vw;font-size: 1.1vw;margin-bottom: 0.7vw;height: 3.5vw;line-height: 3.5vw;margin-right: 0.7vw;border-radius: 1.75vw;}
.key_set div a button{font-size: 1.1vw;margin-left: 1vw;}

.key_list{}

.key_list li{padding-left:20px;padding-right: 10px;margin-bottom:15px;}
.key_list li em{font-size:1.1vw}
.key_list li a{font-size:1.1vw;}
.key_list li span{font-size: 1.1vw;margin-left: 1vw;}


.key_list2{}

.key_list2 li{padding-left:20px;padding-right: 10px;margin-bottom:15px;}
.key_list2 li em{font-size:1.1vw}
.key_list2 li a{font-size:1.1vw;}
.key_list2 li span{font-size: 1.1vw;margin-left: 1vw;}



.admin .nice-select{width: 9vw;border-radius: 2vw;margin-right: 1vw;}
.admin .nice-select .current{height: 3.5vw;line-height: 3.5vw;font-size: 1.1vw;}
.admin .nice-select li{height:40px; line-height:40px; font-size:16px} 

.keyword_cont>div{width:33.3%;padding: 0 1.4vw;}

 .keyword_cont2>div{width:33.3%;padding: 0 1.4vw;}

 
 
.cont_list li{padding: 1vw 0;border-bottom: 1px solid #f1f1f1;}
 .cont_list li:last-child{border-bottom:0 }
.cont_list li div{font-size: 1vw;margin-bottom: 1vw;}
.update_time{font-size:1vw;}


.cont_list div span{padding:0 15px;height: 2.1vw;line-height: 2.1vw;font-size: 1vw;border-radius:15px;margin-right: 1vw;width: 9vw;text-align: center;}

 .cont_2{border-left:1px solid #f1f1f1;border-right:1px solid #f1f1f1;}
 
.cont_list h5 {margin-bottom: 10px;}
.cont_list h5 a{font-size: 1.2vw;}
.cont_list li p{font-size: 1vw;}


.more{width: 7.1vw;height: 3.2vw;margin: 2vw auto 0;border-radius: 1.6vw;font-size: 1.1vw;}

.theme{right:14vw !important;}
.adm_link {margin-top:-1.5vw}
.adm_link a{width: 6vw;height:3vw;line-height:3vw;border-radius:1.5vw;font-size: 1.1vw;margin-right:0.5vw;}

.tab_box{margin: 0px  0;border: 1px solid #f1f1f1;}
.tab span{height: 3.5vw;line-height: 3.5vw;font-size: 1vw;}
.tab2 span{height: 3.5vw;line-height: 3.5vw;font-size: 1vw;}
.tab3 span{height: 3.5vw;line-height: 3.5vw;font-size: 1vw;}
.tab_view{padding: 2vw;}
}
@media (min-width:1200px){
.cont_list p span{/* display:inline-block; */}
.cont_list li>div{/* display:none; */}
}
@media (max-width:1199px){
.cont_list p span{/* display:none; */}
.cont_list li>div{display:flex;}
}
@media (min-width:1199px){
.cont_list ul{display:block !important; transform:translate3d(0px, 0px, 0px) !important;}

}
@media (min-width:750px){

}
@media (min-width: 750px) and (max-width: 1199px){
.in-area{padding:0}

.header h1{margin:0;}
.header .in-area{padding:0 4.5vw !important;}
 
.adm_wrap{display: block;}
.keyword_wrap{display:flex;padding: 0 4.5vw;border-bottom: 1px solid #f1f1f1;}             
.keyword_wrap>div{width:33.3%}

.keyword_wrap_all{display:flex;padding: 0 4.5vw;border-bottom: 1px solid #f1f1f1;border-top: 1px solid #f1f1f1;}             
.keyword_wrap_all>div{width:100%}


.key_set, .key_list, .key_graph{padding: 2vw;}
 .key_set{width:25%;}
 .key_list, .key_graph{/* width: 33.3%; */}

     
		 .key_set, .key_list2, .key_graph{padding: 2vw;}
 .key_set{width:25%;}
 .key_list2, .key_graph{/* width: 33.3%; */}

       


.keyword_cont{
    display: block;
}

.keyword_cont2{
    display: block;
}

.adm_tit{font-size: 2vw;margin-bottom: 2vw;}
.adm_tit a{font-size: 1.6vw;line-height: 2vw;}

.adm_tit2{font-size: 2vw;margin-bottom: 2vw;}
.adm_tit2 a{font-size: 1.6vw;line-height: 2vw;}



.key_set div a{position: relative;padding: 0 2.5vw 0 1vw;font-size: 1.5vw;margin-bottom: 1.7vw;height: 4vw;line-height: 4vw;margin-right: 1vw;border-radius: 2.5vw;}
.key_set div a button{position: absolute;font-size: 1.5vw;top: 50%;transform: translateY(-50%);right: 1vw;}

 .key_set{border-left:1px solid #f1f1f1;}
 .key1{border-right:0 !important;}
 .tab_box{/* display:flex; *//* flex-direction: column; */border-right: 1px solid #f1f1f1;border-left: 1px solid #f1f1f1;}
.key_list{
    /* border-right: 1px solid #f1f1f1; */
    /* border-left: 1px solid #f1f1f1; */
}
 .key_graph{border-right:1px solid #f1f1f1;}

.key_list li{padding-left: 2vw;padding-right: 2vw;margin-bottom: 2vw;}
 .key_list li em{font-size:1.4vw;}
.key_list li{font-size: 1.6vw;}
.key_list li span{font-size: 1.3vw;margin-left: 1vw;}


.key_list2 li{padding-left: 2vw;padding-right: 2vw;margin-bottom: 2vw;}
.key_list2 li em{font-size:1.4vw;}
.key_list2 li{font-size: 1.6vw;}
.key_list2 li span{font-size: 1.3vw;margin-left: 1vw;}




.admin .nice-select{width: 12vw;border-radius: 2.5vw;margin-right: 1vw;}
.admin .nice-select .current{height: 5vw;line-height: 5vw;font-size: 1.6vw;}
.admin .nice-select li{height:40px; line-height:40px; font-size:16px} 
.keyword_cont>div{position: relative;padding: 7vw 4.5vw;border-bottom: 1px solid #444;}
 .keyword_cont>div:last-child{border-bottom:0;}
.keyword_cont .sort{position:absolute;top: 5.5vw;right:0;}
 

 .keyword_cont2>div{position: relative;padding: 7vw 4.5vw;border-bottom: 1px solid #444;}
 .keyword_cont2>div:last-child{border-bottom:0;}
.keyword_cont2 .sort{position:absolute;top: 5.5vw;right:0;}
 


.cont_list li{width: 38vw;padding: 2.5vw 2vw;border: 1px solid #f1f1f1;border-left: 0;}
.cont_list li:first-child{border-left:1px solid #f1f1f1;}
.cont_list li div{font-size: 1.5vw;margin-bottom: 1vw;}
.cont_list div span{padding: 0 1.2vw;height: 3vw;line-height: 3vw;font-size: 1.5vw;border-radius: 1.5vw;margin-right: 1vw;max-width: 13vw;}
.update_time{font-size: 1.5vw;position: absolute;top: 7vw;right: 4.5vw;}



.cont_list h5 {margin-bottom: 10px;}
.cont_list h5 a{font-size: 2vw;}
.cont_list li p{font-size: 1.3vw;}


.more{display:none;}

.theme{right: 21vw !important;}
.adm_link {margin-top:-2.1vw}
.adm_link a{width: 10vw;height:4.2vw;line-height:4.2vw;border-radius:2.1vw;font-size: 1.6vw;margin-left: 0.5vw;}


.bb-chart-arc text{display:none;}
 
.tab span{height: 50px;line-height: 50px;font-size: 16px;}
.tab2 span{height: 50px;line-height: 50px;font-size: 16px;}
.tab3 span{height: 50px;line-height: 50px;font-size: 16px;}
.tab_view{padding:20px}


.tab{}
.tab2{}
.tab3{}
.tab_box{}
.tab span{height: 5vw;line-height: 5vw;font-size: 1.5vw;}
.tab2 span{height: 5vw;line-height: 5vw;font-size: 1.5vw;}
.tab3 span{height: 5vw;line-height: 5vw;font-size: 1.5vw;}
}

@media (max-width:749px){
 .in-area{padding:0 !important; }
 
 .header h1{margin:0;}
.header .in-area{padding:0 5vw !important;}


.adm_wrap{display: block;}
.keyword_wrap{display: block;padding: 0 5vw;border-bottom: 1px solid #f1f1f1;}             
.keyword_wrap>div,.tab_box>div{padding: 8vw 5vw;border: 1px solid #f1f1f1;}

.keyword_wrap_all{display: block;padding: 0 5vw;}             
.keyword_wrap_all>div,.tab_box>div{padding: 8vw 5vw;border: 1px solid #f1f1f1;}

         

.keyword_cont{
    display: block;
}

.keyword_cont2{
    display: block;
}
.adm_tit{font-size: 4.8vw;margin-bottom: 4vw;}
.adm_tit a{font-size: 3vw;line-height: 5vw;}

.adm_tit2{font-size: 4.8vw;margin-bottom: 4vw;}
.adm_tit2 a{font-size: 3vw;line-height: 5vw;}



 .key_set{border-bottom: 1px solid #f1f1f1 !important;}
.key_set div a{padding: 0 2vw;font-size: 3.2vw;margin-bottom: 2vw;height: 10vw;line-height: 10vw;margin-right: 2vw;border-radius: 5vw;}
.key_set div a button{font-size:16px; margin-left:15px;}

.key_graph{}
 .key_graph >div{/* padding-right:5vw; */}
 
.key_list li{padding-left: 4vw;padding-right: 5vw;margin-bottom: 6vw;}
 .key_list li em{font-size: 4vw;}
.key_list li{font-size: 4vw;}
.key_list li span{font-size: 3vw;margin-left: 2vw;}
 
.key_list2 li{padding-left: 4vw;padding-right: 5vw;margin-bottom: 6vw;}
.key_list2 li em{font-size: 4vw;}
.key_list2 li{font-size: 4vw;}
.key_list2 li span{font-size: 3vw;margin-left: 2vw;}


 
.tab_box{margin: 7vw 0;}
.tab span{height: 9vw;line-height: 9vw;font-size:3vw;}
.tab2 span{height: 9vw;line-height: 9vw;font-size:3vw;}
.tab3 span{height: 9vw;line-height: 9vw;font-size:3vw;}




.admin .nice-select{width: 16vw;border-radius: 4vw;margin-right: 1vw;}
.admin .nice-select .current{height: 7vw;line-height: 7vw;font-size: 2.5vw;}
.admin .nice-select li{height:40px; line-height:40px; font-size:16px} 
.keyword_cont>div{position: relative;padding: 7vw 5vw;border-bottom: 1px solid #f1f1f1;}
.keyword_cont .sort{position:absolute;top: 5.5vw;right:0;}

.keyword_cont2>div{position: relative;padding: 7vw 5vw;border-bottom: 1px solid #f1f1f1;}
.keyword_cont2 .sort{position:absolute;top: 5.5vw;right:0;}

 .cont_list{/* border-left:1px solid #f1f1f1; */}
.cont_list li{width: 60vw;padding: 2.5vw 2vw;border: 1px solid #f1f1f1;border-left: 0;}
 .cont_list li:first-child{border-left:1px solid #f1f1f1}
.cont_list li div{font-size: 2.5vw;margin-bottom: 2vw;}
.cont_list div span{/* display: block; */padding: 0 2vw;height: 5vw;line-height: 5vw;font-size: 2.5vw;border-radius: 2.5vw;margin-right: 1vw;max-width: 19vw;text-align: center;}
.update_time{font-size: 2.5vw;margin-bottom: 3vw;}


.cont_list h5 {margin-bottom: 10px;}
.cont_list h5 a{font-size: 4vw;}
.cont_list li p{font-size: 2.5vw;}


.more{display:none;}


.theme{right: 32vw !important;}
.adm_link {margin-top: -4vw;}
.adm_link a{width: 15vw;height: 8vw;line-height: 8vw;border-radius: 4vw;font-size: 3vw;margin-left: 1vw;}

 
}





 .rankGrid{
    display:flex;
    flex-wrap:wrap;
    gap:16px;
    justify-content:center;
  }

  /* 기본 240 고정 + 작은 화면에서는 자동 축소 */
  .rankCircle{
    width:230px;
    height:230px;
    max-width:100%;
  }
  .rankCircle svg{ width:100%; height:100%; display:block; }

  .rankCircle text{
    font-family:"Noto Sans KR","Malgun Gothic",system-ui,sans-serif;
    fill:#fff;
    font-weight:700;
    user-select:none;
  }
  .r1{ font-size:15px; font-weight:800; }
  .r2{ font-size:13px; }
  .r3{ font-size:11px; }
  .r4{ font-size:9px; opacity:.95; }


   .rankGrid2{
    display:flex;
    flex-wrap:wrap;
    gap:16px;
    justify-content:center;
  }

  /* 기본 240 고정 + 작은 화면에서는 자동 축소 */
  .rankCircle2{
    width:230px;
    height:230px;
    max-width:100%;
  }
  .rankCircle2 svg{ width:100%; height:100%; display:block; }

  .rankCircle2 text{
    font-family:"Noto Sans KR","Malgun Gothic",system-ui,sans-serif;
    fill:#fff;
    font-weight:700;
    user-select:none;
  }
  .ra1{ font-size:15px; font-weight:800; }
  .ra2{ font-size:13px; }
  .ra3{ font-size:11px; }
  .ra4{ font-size:9px; opacity:.95; }



