@charset "utf-8";
/* latin-ext */
@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;700&display=swap');
.ctt_admin {width: 0px; height: 0px; line-height: 0; text-indent: -9999px; overflow: hidden; position: absolute;}
.tb_type1 td {height:120px !important; padding:0 !important;font-size:16px;} 
.tb_type1 td img {margin:12px 0;}
.box_grid .vote {width:49.5%;font-family: 'Rajdhani', sans-serif;}
.box_grid .txt_num {font-family: 'Rajdhani', sans-serif;font-size:30px;font-weight:700;}
.box_grid .txt_name {font-size:25px;font-weight:500;}
.box_grid .gubun_wrap {display: block; margin-top:10px; text-align:center;}
.box_grid .gubun_wrap .gubun {width: 100px; border: 1px solid #ddd; padding: 5px;border-radius: 4px;}
.box_grid .gubun_wrap .gubun option {background: lightcoral; color: #fff; padding: 3px; font-size: 16px;}
.box_grid .gubun_wrap .gubun:focus {border: 1px solid #aaa;}
.box_grid .pic {width:100%;height:100%;position:relative;}
.box_grid .graph {position: relative; /* IE is dumb */margin:10px; border: 1px solid #e5e5e5;font-family: 'Rajdhani', sans-serif;font-size:20px;border-radius: 4px;overflow: hidden;}
.box_grid .graph .bar {display: block; position: relative; background-color: #ffc600; text-align: center; color: #333; height: 1.8em; line-height: 1.8em;}
.box_grid .score {width:90%;font-family: 'Rajdhani', sans-serif;font-size:23px;}
input[type=text] {text-align:right;font-size:20px;font-weight:500;}
.btn_confirm {clear:both;margin-top:5px;}

.tab_container {}
.tab_container:after {content: "";clear: both;height: 0;display: block;visibility: hidden;}
.tab_list {margin-bottom: 30px;}
.tab_list:after {content: "";clear: both;height: 0;display: block;visibility: hidden;}
.tab_list li {border-width: 1px 1px 1px 0px; border-style: solid solid solid none; border-color: rgb(214, 214, 214) rgb(214, 214, 214) rgb(15, 153, 209) currentColor; border-image: none; width: 20%; text-align: center; float: left; background-color: rgb(250, 250, 250);}
.tab_list li:first-child { border-left-color: rgb(214, 214, 214); border-left-width: 1px; border-left-style: solid;}
.tab_list li.on {border-width: 1px; border-style: solid; border-color: rgb(15, 153, 209) rgb(15, 153, 209) rgb(255, 255, 255); border-image: none; color: rgb(238, 30, 30); background-color: rgb(255, 255, 255);}
.tab_list li a { text-align: center; color: rgb(51, 51, 51); line-height: 40px; font-size: 14px; font-weight: bold; display: inline-block;}
.tab_conts {height: auto;}
.tab_conts .rate {float:right;position: relative; width:380px;border: 1px solid #e5e5e5;border-radius: 10px;overflow: hidden;}
.tab_conts .rate .prog { display: block; position: relative; background-color: #e86fa8; text-align: center; color: #ffcfe5; height: 1.5em; line-height: 1.5em;font-size:14px;font-weight:normal;}

 /* common */
.ribbon {width: 100px; height: 100px; left:0; top:0; overflow: hidden; position: absolute;}
.ribbon span {position: absolute; display: block; width: 270px; padding: 5px 0 5px 75px;; background-color: #b9a8ff; opacity: 0.8;box-shadow: 0 5px 10px rgba(0,0,0,.1); color: #fff; font-size: 14px !important; text-shadow: 0 1px 1px rgba(0,0,0,.2); text-transform: uppercase; text-align: center;}

/* top left*/
.ribbon-top-left {top: 0; left: 0;}
.ribbon-top-left span { right: -25px; top: 30px; transform: rotate(-45deg);}