@charset "utf-8";

.analysis-layout{margin-bottom:40px}
.h3year{margin:0 0 12px 6px;color:#000;font-family: PretendardB,sans-serif;font-size:18px;letter-spacing: -0.025em;}
.h3year>span{color:#000;font-family: PretendardB,sans-serif;font-size:18px;letter-spacing: -0.025em;}
.analysis-result{padding: 28px;border: 1px solid #dfdfdf;border-radius: 25px;}
.analysis-result p{color:#454545;font-family: PretendardM,sans-serif;}
.analysis-result p a{color:#ff9902;font-family: PretendardM,sans-serif;}


.chart-layout:not(:last-of-type){margin-bottom:40px}
.analysis-subtitle-1{margin:0 0 12px 6px;color:#000;font-family: PretendardB,sans-serif;font-size:18px;letter-spacing: -0.025em;}

.chart-category{margin-bottom:12px}
.chart-category .inner{ overflow: hidden;}
.chart-category .swiper-wrapper{height:auto}
.chart-category .item{display:inline-block;width:auto}
.chart-category .item:not(:last-child){margin-right: 8px;}
.chart-category .item a{position:relative;display:block;padding:0 14px;height:39px;background:#ededf0;border-radius: 15px;color:#000;font-size:16px;line-height: 39px;cursor:pointer;}
.chart-category .item.current a{color:#fff;background:#ff9902;font-family: PretendardB,sans-serif;}

.fieldArea::after{content:"";display:block;clear:both}
.chart-year-subject-list{float:left;border:2px solid #dfdfdf;border-right:none;width:30%;border-radius: 25px 0 0 25px;overflow: hidden;}
.chart-year-subject-list table{width:100%}
.chart-year-subject-list.current{border:2px solid #ff9902;border-radius: 0 25px 25px 0;}
.th_pYear{padding:10px 0;border-bottom:1px solid #dfdfdf;font-family: PretendardSB,sans-serif;font-size:18px;text-align: center;}
.th_cYear{padding:10px 0;border-bottom:1px solid #dfdfdf;font-family: PretendardSB,sans-serif;font-size:18px;text-align: center;}

.chart-year-subject-list table.subject-list td{text-align: right;}
.chart-year-subject-list table.subject-list td ul{height: 212px;overflow-x: hidden;overflow-y: auto;padding-left: 16px;text-align: left;}
.chart-year-subject-list table.subject-list td #fieldUlContainer{overflow: auto !important;}
.chart-year-subject-list table.subject-list td ul li{margin: 10px 0;width: 100%}
.chart-year-subject-list table.subject-list td ul li span {color:#2e2e2e;font-family: PretendardB,sans-serif;}
.chart-year-subject-list table.subject-list td ul li span.rank {color: #999;font-size: 12px;line-height: 18px;float: right;margin-right: 6px}
.chart-year-subject-list table.subject-list td ul li span.rank .rknew {width: 9px;height: 8px;line-height: 0 !important;margin-right: 2px;overflow: hidden;}
.chart-year-subject-list table.subject-list td ul li span.rank .rkno {display: inline-block;font-size: 0 !important;width: 9px;height: 8px;line-height: 0 !important;margin-right: 2px;overflow: hidden;}
.chart-year-subject-list table.subject-list td ul li span.rank .rkup {background:url(../../images/ko/common/ico/up.png) no-repeat}
.chart-year-subject-list table.subject-list td ul li span.rank .rkdown {background:url(../../images/ko/common/ico/down.png) no-repeat}
.chart-year-subject-list table.subject-list td ul li span.rank .up {color: #fd0400;font-size: 12px}
.chart-year-subject-list table.subject-list td ul li span.rank .down {color: #0b4ef7;font-size: 12px}
.chart-year-subject-list table.subject-list td ul li a {display:inline-block; width: calc(100% - 90px);margin-left: 10px;color: #595959;font-size: 16px;vertical-align: bottom; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.chart-year-subject-list table.subject-list td ul li a:hover {text-decoration: underline}

.chart-year-subject-list table{table-layout: fixed;}
.chart-year-subject-list table.subject-list a.more, .chart-year-subject-list table.subject-list a.less{display:block;padding:10px 0;background:#fafafa;color:#2c2c2c;text-align: center;}
.chart-year-subject-list table.subject-list a span{position:relative;padding-right:16px}
.chart-year-subject-list table.subject-list a.more span::after{content:"";display:block;position:absolute;top:5.5px;right:0;width:10px;height:6px;background:url(../../images/ko/common/ico/selArrow3.png)}
.chart-year-subject-list table.subject-list a.less span::after{content:"";display:block;position:absolute;top:4.5px;right:0;width:10px;height:6px;background:url(../../images/ko/common/ico/selArrow3.png);transform: rotate(180deg);}
.chart {float: right;width:35%;height:305px}


/* 예전 css 필요시 주석 해제 요청드립니다

.analytics {}
.analytics ul.tab2 {margin-bottom: 15px;padding: 20px 20px;border: 1px solid #d5d5d5;background-color: #f3f3f3}
.analytics ul.tab2 li {display: inline-block}
.analytics ul.tab2 li a{font-size:14px;display: inline-block;padding:0 25px}
.analytics ul.tab2 li a:hover {font-weight:bold}
.analytics ul.tab2 li.current a {font-weight:bold}
.analytics ul.tab2 li:last-child {background:url(../../../images/ko/common/bg/atozListBg.gif) no-repeat 0 50%}


.analytics .analysis-layout {background: url("../../../images/ko/analytics/resultMsgbg2.png") no-repeat scroll center top;margin-bottom: 20px;height: 510px}
.analytics .analysis-layout2 {background: url("../../../images/ko/analytics/resultMsgbg9.png") no-repeat scroll center top;margin-bottom: 20px;height: 510px}
.analytics .analysis-layout h3 {font-size:16px;display: inline-block}
.analytics .analysis-layout h3.h3year {position: relative;top: 32px;width: 500px;color: #ffffff;letter-spacing: -1px;font-weight: bold;left:85px;margin-bottom:40px}
.analytics .analysis-layout h3.h3year span.cYear1{font-size:16px}
.analytics .analysis-layout .analysis-result {height: auto;left: 53px;overflow: auto;padding: 5px 0;position: relative;top: 0;width: 910px;max-height: 330px}
.analytics .analysis-layout .analysis-result p {margin: 3px 0;word-break: keep-all;line-height: 1.7;color: #363636;font-size: 14px}
.analytics .analysis-layout .analysis-result p span {color: #E55E37;margin: 0 5px 0 0;font-size:14px}
.analytics .analysis-layout .analysis-result p a {color: #E55E37;margin: 0 5px 0 0;font-size:14px}
.analytics .analysis-resultBg {background: url("../../../images/ko/analytics/resultMsgbg.png") no-repeat scroll center center;height: 48px;position: relative;width: 100%;display: inline-block}
.analytics .analysis-resultBg2 {background: url("../../../images/ko/analytics/resultMsgbg10.png") no-repeat scroll center center;height: 48px;position: relative;width: 100%;display: inline-block}
.analytics .chart-layout {background: url("../../../images/ko/analytics/analysis_arrwBtn.png") no-repeat scroll 615px 215px;display: inline-block;width: 100%;margin-bottom:30px}
.analytics .chart-layout2 {background: url("../../../images/ko/analytics/analysis_arrwBtn3.png") no-repeat scroll 615px 215px;}
.analytics .chart-layout h3 {padding: 5px 0 5px 19px;font-size: 16px;font-weight:bold}
.analytics .chart-layout h3.analysis-subtitle-1 {background: url("../../../images/ko/analytics/analysis-subtitle-1.png") no-repeat scroll left center}
.analytics .chart-layout h3.analysis-subtitle-2 {background: url("../../../images/ko/analytics/analysis-subtitle-5.png") no-repeat scroll left center}
.analytics .chart-layout ul.chart-category {margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #eeeeee;margin-top:10px}
.analytics .chart-layout ul.chart-category li {display: inline-block}
.analytics .chart-layout .chart-category li a {background: #b0b0b0 none repeat scroll 0 0;color: #ffffff;display: block;height: 24px;line-height: 1.8;padding: 0 10px;text-align: center;text-decoration: none;font-weight: bold;border-radius: 1px;cursor: pointer}
.analytics .chart-layout .chart-category li a:hover {background: #FA7612 none repeat scroll 0 0;}
.analytics .chart-layout .chart-category li.current a {background: #FA7612 none repeat scroll 0 0;}
.analytics .chart-layout2 .chart-category li a:hover {background: #C2A180 none repeat scroll 0 0;}
.analytics .chart-layout2 .chart-category li.current a {background: #C2A180 none repeat scroll 0 0;}
.analytics .chart-layout div.current {border:2px solid #FA7612}
.analytics .chart-layout2 div.current {border:2px solid #C2A180}
.analytics .chart-year-subject-list {float: left;width: 298px;height: 280px;border: 1px solid #ebebeb}
.analytics .chart-year-subject-list div.no-data {min-height: 225px;text-align: center}
.analytics .chart-year-subject-list div.no-data span {display: inline-block;height: 225px;position: relative;vertical-align: middle;line-height: 190px}
.analytics .chart-year-subject-list table.subject-list { float: left;width: 298px; background: #ffffff; height: 100%}
.analytics .chart-year-subject-list table.subject-list th {padding: 15px;font-size: 16px;border-bottom: 1px solid #ebebeb;font-weight: 500;text-align: center}
.analytics .chart-year-subject-list table.subject-list td ul {height: 205px;overflow-x: hidden;overflow-y: auto;padding-left: 10px}
.analytics .chart-year-subject-list table.subject-list td ul li {list-style: none;margin: 10px 0;width: 100%}
.analytics .chart-year-subject-list table.subject-list td ul li span {font-size: 16px;font-weight: bold;vertical-align: middle}
.analytics .chart-year-subject-list table.subject-list td ul li span.rank {color: #999;display: inline-block;font-size: 12px;line-height: 18px;vertical-align: middle;margin-left: 10px;float: right;margin-right: 6px}
.analytics .chart-year-subject-list table.subject-list td ul li span.rank .rkno {display: inline-block;font-size: 0 !important;height: 12px;line-height: 0 !important;margin-right: 2px;margin-top: 1px;overflow: hidden;vertical-align: middle;width: 7px}
.analytics .chart-year-subject-list table.subject-list td ul li span.rank .rkup {background:  url("../../../images/ko/analytics/bg_rank.png") no-repeat scroll 0px 0px}
.analytics .chart-year-subject-list table.subject-list td ul li span.rank .rkdown {background:  url("../../../images/ko/analytics/bg_rank.png") no-repeat scroll -16px 0px}
.analytics .chart-year-subject-list table.subject-list td ul li span.rank .up {color: #c10021;font-weight: normal;font-size: 12px}
.analytics .chart-year-subject-list table.subject-list td ul li span.rank .down {color: #0467a6;font-weight: normal;font-size: 12px}
.analytics .chart-year-subject-list table.subject-list td ul li a {font-size: 14px;color: #787878;text-decoration: none;margin-left: 10px;cursor: pointer;font-size: 14px;display: inline-block;width: 205px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;vertical-align: middle}
.analytics .chart-year-subject-list table.subject-list td ul li a:hover {text-decoration: underline}
.analytics .chart-year-subject-list table.subject-list a.more {position: relative;top: -2px;color: #000000;float: right;margin-right: 10px;cursor: pointer;font-weight: bold}
.analytics .chart-year-subject-list table.subject-list a.less {position: relative;top: -2px;color: #000000;float: right;margin-right: 10px;cursor: pointer;font-weight: bold}
.analytics .chart {float: right;height: 284px;min-width: 390px}
.godetail {position: absolute;}

path {
  stroke: #fff;
  fill-rule: evenodd; 
}

text {
  font-family: "나눔고딕", NanumGothic, NG, Dotum, "돋움", sans-serif;  
  font-size: 11px;  
}
svg:not(:root) { overflow: hidden; } 
  

.axis path,
.axis line {
    fill: none;
    stroke: grey;
    stroke-width: 1;
    shape-rendering: crispEdges;
}

div.tooltip {	
    position: absolute;text-align: center;pointer-events: none;  background: #FFFFFF;width: auto;padding: 2px;border: 1px solid #D5D5D5;font-family: "나눔고딕", NanumGothic, NG, Dotum, "돋움", sans-serif;position: absolute;font-size: 11px;color: #696969;padding: 5px;border-radius: 5px;background: rgba(255,255,255,0.9);color: #000;box-shadow: 0 1px 5px rgba(0,0,0,0.4);-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.4);border:1px solid rgba(200,200,200,0.85);opacity:0;font-weight:bold;letter-spacing:1px		
}
.godetail {	
	position: absolute;
	top:10px;
    right:0;
	font-size: 12px;
	text-decoration: none;
	color: #2F4F4F;
	font-weight: bold
}
.godetail:hover{text-decoration: underline} 


*/