@charset "UTF-8"; /*@charset "euc-kr"; */
/************************************************************************
 * 최적화       : html5
 * 서비스       : dino
 * 최초작성일   : 170901
 * 작성자       : 박노성
************************************************************************/

/*hexa*/
.wrap .contents .cells .rader_chart .hexa_con .hex { fill-opacity: 0.5; stroke: #1ab0ff; stroke-width: 2;}
.wrap .contents .cells .rader_chart .hexa_con #color-fill .hex { fill: #1ab0ff;}
.wrap .contents .cells .rader_chart .hexa_con svg:not(:root) { margin: -41px 0 0 0; position: relative;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);}
.wrap .contents .cells .rader_chart .hexa_con .stick_hide svg:not(:root) {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);}

.wrap .contents .cells .rader_chart .hexa_con { position: relative; width: 140px; height: 80.83px; margin: 60px 45px; border-left: solid 1px #999; border-right: solid 1px #999; border-color:#999;}
.wrap .contents .cells .rader_chart .hexa_con:before,
.wrap .contents .cells .rader_chart .hexa_con:after {content: ""; position: absolute; width: 99px; height: 98.99px; background-color: inherit; left: 19.5025px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);}
.wrap .contents .cells .rader_chart .hexa_con:before { top: -50px; border-top: solid 1.4142px #999;border-right: solid 1.4142px #999;}
.wrap .contents .cells .rader_chart .hexa_con:after { bottom: -50.5px; border-bottom: solid 1.4142px #999; border-left: solid 1.4142px #999;}

.wrap .contents .cells .rader_chart .hexa_con .hexa_pod { position: absolute; height: 159px; border-right: solid 1px #ccc; left: 69px; top: -39px;}
.wrap .contents .cells .rader_chart .hexa_con .hexa_pod:before,
.wrap .contents .cells .rader_chart .hexa_con .hexa_pod:after {content: ""; position: absolute; width: 98.99px; height: 98.99px; background-color: inherit; left: 19.5025px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);}
.wrap .contents .cells .rader_chart .hexa_con .hexa_pod:before { top: 70px; left: -50px; border-top: solid 1.4142px #ccc;border-right: solid 1.4142px #ccc;}
.wrap .contents .cells .rader_chart .hexa_con .hexa_pod:after { top: -11px; left: -49px; border-bottom: solid 1.4142px #ccc; border-left: solid 1.4142px #ccc;}

.wrap .contents .cells .rader_chart .hexa_con .hexa_2 { position: absolute; width: 112px;  height: 64.66px; margin: 8px 13px; border-left: solid 1px #ddd; border-right: solid 1px #ddd;}
.wrap .contents .cells .rader_chart .hexa_con .hexa_2:before,
.wrap .contents .cells .rader_chart .hexa_con .hexa_2:after { content: ""; position: absolute; width: 79.20px; height: 79.20px; background-color: inherit; left: 15.4020px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);}
.wrap .contents .cells .rader_chart .hexa_con .hexa_2:before { top: -39.5980px; border-top: solid 1.4142px #ddd; border-right: solid 1.4142px #ddd;}
.wrap .contents .cells .rader_chart .hexa_con .hexa_2:after { bottom: -39.5980px; border-bottom: solid 1.4142px #ddd; border-left: solid 1.4142px #ddd;}

.wrap .contents .cells .rader_chart .hexa_con .hexa_3 { position: absolute; width: 84px; height: 48.50px; margin: 8px 13px; border-left: solid 1px #ddd; border-right: solid 1px #ddd;}
.wrap .contents .cells .rader_chart .hexa_con .hexa_3:before,
.wrap .contents .cells .rader_chart .hexa_con .hexa_3:after { content: ""; position: absolute; width: 59.40px; height: 59.40px; background-color: inherit; left: 11.3015px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);}
.wrap .contents .cells .rader_chart .hexa_con .hexa_3:before { top: -29.6985px; border-top: solid 1.4142px #ddd; border-right: solid 1.4142px #ddd;}
.wrap .contents .cells .rader_chart .hexa_con .hexa_3:after { bottom: -29.6985px; border-bottom: solid 1.4142px #ddd; border-left: solid 1.4142px #ddd;}

.wrap .contents .cells .rader_chart .hexa_con .hexa_4 { position: absolute; width: 56px; height: 32.33px; margin: 8px 13px; border-left: solid 1px #ddd; border-right: solid 1px #ddd;}
.wrap .contents .cells .rader_chart .hexa_con .hexa_4:before,
.wrap .contents .cells .rader_chart .hexa_con .hexa_4:after { content: ""; position: absolute; width: 39.60px; height: 39.60px; background-color: inherit; left: 7.2010px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);}
.wrap .contents .cells .rader_chart .hexa_con .hexa_4:before { top: -19.7990px; border-top: solid 1.4142px #ddd; border-right: solid 1.4142px #ddd;}
.wrap .contents .cells .rader_chart .hexa_con .hexa_4:after { bottom: -19.7990px; border-bottom: solid 1.4142px #ddd; border-left: solid 1.4142px #ddd;}

.wrap .contents .cells .rader_chart .hexa_con .hexa_5 { position: relative; width: 28px;  height: 16.17px; margin: 8px 13px; border-left: solid 1px #ddd; border-right: solid 1px #ddd;}
.wrap .contents .cells .rader_chart .hexa_con .hexa_5:before,
.wrap .contents .cells .rader_chart .hexa_con .hexa_5:after { content: ""; position: absolute; width: 19.80px; height: 19.80px; background-color: inherit; left: 3.1005px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);}
.wrap .contents .cells .rader_chart .hexa_con .hexa_5:before { top: -9.8995px; border-top: solid 1.4142px #ddd; border-right: solid 1.4142px #ddd;}
.wrap .contents .cells .rader_chart .hexa_con .hexa_5:after { bottom: -9.8995px; border-bottom: solid 1.4142px #ddd; border-left: solid 1.4142px #ddd;}


.wrap .contents .cells .rader_chart .hexa_con .ability{ position: absolute; color:#666;}