/** COMMON **/;
.panel-header > h2 { position:relative; }
select.select-2::-ms-expand { display: none; }
select.select-2 { -o-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.select__wrap { display:inline-block; position:relative; margin-left:8px; vertical-align:top; }
.select-2  { display:inline-block; position:relative; width:auto; height:22px; border-radius:2px; border:none; padding: 0 7px 0 22px; background-color:#fff; background-image:url("../images/icon-select-default.svg"); background-repeat:no-repeat; background-size:8px; background-position:16% 50%; font-size:12px; }
.select-2 option { font-size:12px; }
.select__wrap + font { position:absolute; right:20px; top:50%; transform:translateY(-50%); padding-left:0px !important; }

.select__wrap.select--status { display:none; width:100%; margin-top:18px; margin-left:0; }
.select__wrap.select--status h2 { line-height:22px; }
.select__wrap.select--status .select-2 { width:100%; height:30px; padding-left:14px; padding-right:14px; margin-top:3px; border:1px solid #ccc; background-position:14px 50%; text-align:right; }
.select__wrap.select--status .select-2 option {  }

.radio--chart-period { display:none; width:100%; margin-top:18px; box-sizing:border-box; }
.radio__box { width:100%; margin-top:3px; border:1px solid #ccc; font-size:0; box-sizing:border-box; }
.radio__box .radio__label { display:inline-block; width:50%; background-color:#fff; }
.radio__box .radio__label .radio__input { display:none; }
.radio__box .radio__label .radio__text { display:inline-block; width:100%; line-height:28px; font-size:12px; text-align:center; vertical-align:top; }
.radio__box .radio__label .radio__input:checked + .radio__text { background-color:#7e97b4; color:#fff; }

#statusChartPeriod.radio--chart-period { display:inline-block; position:absolute; top:-5px; right:0; width:49%; text-align:right; z-index:200; }
#statusChartPeriod .h2-t-1 { display:none; margin-right:10px; line-height:34px; font-size:13px; font-weight:500; color:#666; letter-spacing:-0.04rem; }
#statusChartPeriod .radio__box { display:inline-block; width:auto; /* border:1px solid #ccc; */ border:none; border-radius:30px; background-color:#dee2e7; /* overflow:hidden; */ box-shadow: 1px 1px 3px rgba(88,88,88,0.2) inset; }
#statusChartPeriod .radio__box .radio__label { width:auto; border-radius:30px; background-color:rgba(255,255,255,0); }
#statusChartPeriod .radio__box .radio__label .radio__text { width:auto; min-width:42px; line-height:38px; border-radius:30px; font-size:13px; }
#statusChartPeriod .radio__box .radio__label .radio__input:checked + .radio__text { background-color:#446b98; box-shadow:1px 1px 6px rgba(50,50,50,0.3); }

.ask-period .date { box-sizing:border-box; }
.ask-period .date input { width:130px; }

/*#header { width:100%; background-color:#5b626a; height:40px; z-index:1000; min-width:1200px;}*/
#header { width:100%; background-color:#446b98; height:50px; z-index:1000; min-width:1200px;}
#header .header-panel { width:1200px; margin:0 auto; position:relative; box-sizing:border-box; overflow:hidden; }
.header-panel h1 { overflow:hidden; width:197px; float:left;  }
.header-panel h1 a { display:block; width:100%; background-color:#283d56; box-sizing:border-box; height:50px; line-height:50px; text-align:center; }
.header-panel h1 a img { /* width:80px */height:21px; margin-top: -4px; }
.header-panel nav { float:left; width:950px;  box-sizing:border-box;  }
.header-panel nav ul { padding-left:20px; }
.header-panel nav ul li { float:left;  }
.header-panel nav ul li a { display:block; color:#fff; font-family: 'Pretendard', 'Open Sans', sans-serif; font-weight:500; padding:0 15px; line-height:50px; font-size:15px;}
.header-panel nav ul li a:hover, .header-panel nav ul li.on a { color:#c3f842; }
.header-panel .login a { display:block; width:25px; height:29px; float:right; line-height:45px; }
.header-panel .login a img { width:20px; -webkit-filter:brightness(10) saturate(0); filter:brightness(10) saturate(0) }

#wrapper { width:100%; height:100%; background-color:#eee; }
#wrapper .wrapper-panel { width:1200px; height:100%; margin:0 auto; position:relative; box-sizing:border-box;background:url('/images/bg.gif') repeat-y center;  }
.wrapper-panel aside#menu { position:absolute; left:0; top:0px;  width:197px; background-color:#fff; box-sizing:border-box;  }
aside#menu .ask-period { width:159px; margin:20px auto 20px; box-sizing:border-box;}
.h2-t-1 { font-size:13px; font-family:"Pretendard"; line-height:22px; overflow:hidden; clear:both; }
.p-t-1 { line-height:18px; }
.p-t-1, #vLeftDay { font-size:12px }
.period-ul { width:100%; margin:10px 0 18px 0; overflow:hidden }
.period-ul li { width:25%;float:left; }
.period-ul li a { display:block; border:1px solid #ccc;text-align:center; border-left:0; font-size:11px; color:#999; }
.period-ul li:first-child a { border-left:1px solid #ccc; }
span.date { border:1px solid #ccc; display:block; width:100%; margin-top:3px; }
span.date input { border:0; width:135px; border-radius:2px; font-size:12px; line-height:20px; height:25px; padding-left:5px }
span.date a { display:inline-block; margin-right:5px; line-height:17px; }
span.date a img { vertical-align:top;  }

aside .result { width:100%; border-top:1px solid #e4e5e7; padding:10px 0; border-bottom:1px solid #e4e5e7; }
aside .result .title { width:159px; margin:0 auto; border-bottom:1px solid #e4e5e7; position:relative; padding-bottom:7px; overflow:hidden; box-sizing:border-box;  }
aside .result .h2-t-2{ font-size:13px; font-family:"Pretendard"; line-height:20px; }
aside .result a { display:block; position:absolute; right:0; top:-3px; }
#resultButton { font-size:12px; box-sizing:border-box; cursor:pointer; padding:2px 6px 3px 15px; text-shadow:1px 1px 3px rgba(0, 0, 0, .5); margin:0 10px; line-height:30px; height:35px; width:177px; border:none; color:white; text-align:left; background:url("../images/resultArrow.png") no-repeat 145px 7px #446b98; border-radius:5px; outline:none }
#resultButton:hover { background-color:#598ecc }
#resultButton:active { padding:3px 5px 2px 16px; background-position:146px 8px }
.result-ul  { width:159px; margin:5px auto; box-sizing:border-box;}
.result-ul li { width:100%; font-size:12px; font-family:"Pretendard"; line-height:26px; background:url('/images/ic-arrow-blue.gif') no-repeat 0px 12px; padding-left:5px;  position:relative; }
.result-ul span { position:absolute; right:4px; top:0;  }
.button-g-1 { padding:2px 5px; line-height:18px; color:#fff; background-color:#ccc; border:0; border-radius:3px; font-size:10px;  font-family:"Pretendard"; cursor:pointer; }


#wrapper #content { position:absolute; left:197px; top:0px; width:1003px;  box-sizing:border-box; padding:20px 0 0 20px;}
.row { width:100%; position:relative; margin-bottom:20px; overflow:hidden; }
.row .hpanel-50:first-child { float:left; }
.hpanel-50 { width:49%; float:right; }
.hpanel-50 .panel-body { height:215px; padding:10px; box-sizing:border-box;}
.hpanel-100 { width:100%; overflow:hidden;  }

.panel-header h2 { font-size:12px;  /*font-family:"Pretendard";*/  line-height:30px; color:#393e43; background-color:#cbdbed; padding-left:10px }
.panel-body { background:#fff; border:1px solid #cbdbed;width:100%; box-sizing:border-box }
.graph-box { text-align:center; }

.average-ul { width:100%; overflow:hidden; }
.average-ul li { width:33.33333%; float:left; border-left:1px solid #eaeaea; box-sizing:border-box; }
.average-ul li span.icon { display:block; padding:20px 30px; float:left; width:100px;  }
.average-ul li p.text { text-align:right; padding:20px 30px 10px 10px;  }
.average-ul li p.text .blue-text { display:block; font-size:35px; color:#3e98e0;  font-family: 'Pretendard', 'Open Sans', sans-serif; font-weight:300; line-height:50px; }
.average-ul li p.text .span-text-t-1 { display:block;  font-family:"Pretendard";}
.average-ul li p.text .blue-text i {font-size:40px;  font-family: 'Open Sans', sans-serif;  color:#ccc;line-height:50px; font-weight:300; vertical-align:top}


.table-box { padding:20px;  }
.table-list-1 { width:100%; margin:0 auto; border-collapse:collapse;  }
.table-list-1 thead th { text-align:left; font-size:14px; color:#333; border:1px solid #e4e5e7; line-height:22px;font-family: "Pretendard"; font-size:12px; padding:5px 0 5px 10px;  }
.table-list-1 tbody td { text-align:left; color:#4e4e4e; border:1px solid #e4e5e7; line-height:22px;font-size:12px;  padding:5px 0 5px 10px;   }
.table-list-1 tbody tr:nth-child(odd) { background-color:#f9f9f9; }

.paging{text-align: center;font-family: 'verdana';}
.paging span{background: url('/images/board_arrow.gif') no-repeat 0 center;width:25px;height:25px;display:inline-block}
.paging span.pagell{background-position:2px 1px;}
.paging span.pagel{background-position:0 -28px;}
.paging span.pager{background-position:2px -89px;}
.paging span.pagerr{background-position:2px -59px;}
.paging span span{visibility:hidden;position: absolute}
.paging li{display:inline;vertical-align:top}
.paging li em,
.paging li a{display:inline-block;padding: 0 10px;height: 25px;line-height:25px;border:1px solid #dbdbdb;cursor: pointer}
.paging li em, .paging li a:focus, .paging li a:hover, .paging li a:active{ color:#000; border:1px solid #000; font-weight:700;}
.paging li.img {width:22px;display:inline-block;}
.paging li.img a{padding: 0;display:inline-block;}
.paging li {padding:0;}
.paging li.pal{padding: 0 10px 0 5px}
.paging li.par{padding: 0 5px 0 5px}
.paging li *{overflow:hidden;}

.table-search { float:right; overflow:hidden; margin-bottom:10px;}
.table-search label.txt { display:inline-block; padding-left:15px; }

select.select-1 { border:1px solid #dee2e1; border-radius:2px; font-size:12px; line-height:30px; height:30px; padding:0 0 0 10px;}
input.input-1 { border:1px solid #dee2e1; border-radius:2px; font-size:12px; line-height:30px; height:30px; padding:0 10px;}
button.button-1 { display:inline-block !important; background-color:#94bd30 !important; color:#fff !important; line-height:27px !important; height:30px !important; border:0 !important; border-radius:2px !important; font-size:12px !important; padding:0 15px !important; font-weight:400 !important; cursor:pointer !important; border:1px solid #7b9f25 !important}
button.button-1:hover {  background-color:#7b9f25 !important; border:1px solid #7b9f25 !important; }

button.button-2 { display:inline-block !important; background-color:#cccccc !important; color:#fff !important; line-height:27px !important; height:30px !important; border:0 !important; border-radius:2px !important; font-size:12px !important; padding:0 15px !important; font-weight:400 !important; cursor:pointer !important; border:1px solid #ababab !important; margin-right:10px;}
button.button-2:hover {  background-color:#999999 !important; border:1px solid #999999 !important; }

#chartContainer11 { position:absolute; top:30px; left:0; }
#chartContainer22,#chartContainer33 { position:absolute; top:50px; left:0;z-index:-1; }
.graph-abs td { position:relative; width:33.33333%; height:200px;}
.title-1 { display:block; position:absolute; left:-22px; top:-22px; z-index:999999; }

label + label { marginleft:7px }

.flex { display:flex }
.flex > div { border:1px solid #cbdbed; box-sizing:border-box }
.flex > .snsBox { height:280px; width:150px; background-color:white; flex:1 1 auto; min-width:150px }
.flex > .snsBox + .snsBox { margin-left:17px }
.snsBox .snsTitle { height:30px; box-sizing:border-box }
.snsBox.facebook .snsTitle { background:url("../images/fb_logo.png") no-repeat center center #3c599b }
.snsBox.twitter .snsTitle { background:url("../images/tw_logo.png") no-repeat center center #33ccff }
.snsBox.instagram .snsTitle { background:url("../images/insta_logo.png") no-repeat center center white; border-bottom:1px solid #cbdbed }
.snsBox.blog .snsTitle { background:url("../images/blog_logo.png") no-repeat center center #34b996 }
.snsBox.cafe .snsTitle { background:url("../images/cafe_logo.png") no-repeat center center #3cd2b2 }
.snsBox.kin .snsTitle { background:url("../images/kin_logo.png") no-repeat center center #0ac73c }
.snsBox .dataHole { height:120px; margin:10px 0 }
.snsBox ul { margin:14px 15px 0 }
.snsBox ul li { line-height:33px}
.snsBox ul li span { float:right; font-weight:bold; font-size:24px; font-family:Tahoma }
.snsBox ul li:nth-child(1), .snsBox ul li:nth-child(1) span { color:#50aeff; line-height:33px }
.snsBox ul li:nth-child(2), .snsBox ul li:nth-child(2) span { color:#fe6152; line-height:33px }
.snsBox ul li:nth-child(3), .snsBox ul li:nth-child(3) span { color:#939393; line-height:33px }

/* 구글차트 툴팁 깜빡임 개선. 2023.11.01. by.김도현*/
.hpanel-50 svg > g > g:last-child { pointer-events: none }