@charset "utf-8";

/* 공통사용 */
html{height:100%; }
li,ul{margin:0px; padding:0px; list-style:none; display:list-item; text-align:-webkit-match-parent;}
img{border:0px;}
body{overflow-y:scroll; .overflow-y:auto; margin:0px; padding:0px; font-family: "Nanum Gothic", sans-serif;}

input[type="text"], input[type="number"], input[type="tel"], input[type="password"], input[type="email"], input[type="search"], textarea, {-webkit-appearance: none;/*기본속성없애기*/  border-radius:0;/*기본 라운드 없애기*/ margin:0;}
* {-webkit-text-size-adjust:none;}
p{padding:0px; margin:0;}

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@font-face{font-family:'georgiai'; font-style: normal; font-weight: normal;  src: url('../css/georgiai.eot'); src: local('☺'), url('../css/georgiai.woff') format('woff'), url('../css/georgiai.ttf') format('truetype'); }
@font-face {font-family: 'Buri';  font-style: normal;  font-weight: 400;  src: url(../css/Arita-buriM-subset.eot);  src: local(※), url(../css/Arita-buriM-subset.woff) format("woff"); }

/* Mobile Device */
/*768px 미만 해상도의 모바일 기기를 위한 코드를 작성한다. 모든 해상도에서 이 코드가 실행됨. 미디어 쿼리를 지원하지 않는 모바일 기기를 위해 미디어 쿼리 구문을 사용하지 않는다.*/

.grayline a:link{color:#999; text-decoration:underline;}
.grayline a:visited{color:#999; text-decoration:underline;}
.grayline a:active{color:#999; text-decoration:underline;}
.grayline a:hover{color:#999; text-decoration:underline;}

.aaa a:link{color:#333; text-decoration:none;}
.aaa a:visited{color:#333; text-decoration:none;}
.aaa a:active{color:#333; text-decoration:none;}
.aaa a:hover{color:#333; text-decoration:none;}

a:link{color:#333; text-decoration:none;}
a:visited{color:#333; text-decoration:none;}
a:active{color:#333; text-decoration:none;}
a:hover{color:#333; text-decoration:none;}

.contents_wrap{ width:1640px; margin:0 auto;}

/* subpage title */
.subpage_title{font-size:20px; font-weight:bold; padding:20px 0 20px 0; border-bottom:1px solid #ddd;}
.data_stat_h1{ font-size:14px; letter-spacing:-0.5px; padding:20px 0 10px 20px; color:#1870d1; font-weight:bold; background:url(../images/dot.png) no-repeat 0 25px;}

/* data stat */
.data_stat_table{ width:100%; border-top:1px solid #1870d1; border-left:1px solid #ddd;}
.data_stat_table th{text-align:left; font-size:13px; border-bottom:1px solid #ddd; padding:10px 0 10px 15px; border-right:1px solid #f5f5f5;background-color:#f5f5f5;}
.data_stat_table td{text-align:left; border-bottom:1px solid #ddd; font-size:13px; padding:10px 0 10px 10px; border-right:1px solid #ddd;}

/* search opt */
.search_opt_pac{margin:15px 0 0 0;}
.data_stat_table2{ width:100%; border-top:1px solid #1870d1; border-left:1px solid #ddd;}
.data_stat_table2 th{text-align:left; font-size:13px; border-bottom:1px solid #ddd; padding:10px 0 10px 15px; border-right:1px solid #f5f5f5;background-color:#f5f5f5;}
.data_stat_table2 td{text-align:left; border-bottom:1px solid #ddd; font-size:13px; padding:7px 0 7px 10px; border-right:1px solid #ddd;}

.txt_style{ border:1px solid #ccc; padding:5px; font-size:13px;}
.txt_style2{ border:1px solid #ccc; padding:5px; font-size:13px; width:35.6%;}
.select_style{border:1px solid #ccc; padding:2px 5px 6px 5px; font-size:13px;}
.search_btn{ text-align:center; padding:15px 0 0 0;}
.btn_search_style{background-color:#2577d2; border:0px; color:#fff; padding:6px 0px 7px 0; width:130px; font-weight:bold; font-size:15px; cursor:pointer;}
.btn_search_style2{background-color:#6aa6e9; border:0px; color:#fff; padding:5px 0px 7px 0; width:130px; font-weight:bold; font-size:15px; cursor:pointer;}
.btn_search_style3{background-color:#ff7f00; border:0px; color:#fff; padding:6px 0px 7px 0; width:130px; font-weight:bold; font-size:15px; cursor:pointer;}
.btn_search_style4{background-color:#c0c0c0; border:0px; color:#fff; padding:6px 0px 7px 0; width:130px; font-weight:bold; font-size:15px; cursor:pointer;}
.btn_search_style5{background-color:#ec5840; border:0px; color:#fff; padding:6px 0px 7px 0; width:130px; font-weight:bold; font-size:15px; cursor:pointer;}

/* 검색결과 */
.result_pac{padding:0 0 30px 0;}
.result_top_btn{ text-align:right; padding:0 0 10px 0;}
.data_stat_table3{ width:100%; border-top:1px solid #1870d1; border-left:1px solid #ddd;}
.data_stat_table3 th{text-align:center; font-size:12px; border-bottom:1px solid #333; padding:6px 0 7px 0px; border-right:1px solid #4b4b4b; background-color:#666; color:#fff;}
.data_stat_table3 td{text-align:center; border-bottom:1px solid #ddd; font-size:13px; padding:7px 0 7px 0px; border-right:1px solid #ccc;}
.data_stat_table3 td.no{text-align:center;}
.data_stat_table3 td.thh{border-right:1px solid #ddd; font-size:12px; background-color:#f5f5f5;}
.data_stat_table3 td.tdd{text-align:left; padding-left:15px; font-size:12px;}
.data_stat_table3 td.underline{border-bottom:2px solid #666;}

/* surveyResultView */
.data_stat_table5{ width:100%; border-top:1px solid #1870d1; border-left:1px solid #ddd;}
.data_stat_table5 th{text-align:left; font-size:13px; border-bottom:1px solid #ddd; padding:10px 10px 10px 10px; border-right:1px solid #ddd;background-color:#f5f5f5;}
.data_stat_table5 td{text-align:left; border-bottom:1px solid #ddd; font-size:13px; padding:10px 0px 10px 10px; border-right:1px solid #ddd;}

/* Tablet & Desktop Device */
@media all and (min-width:768px) {
/*사용자 해상도가 768px 이상일 때 이 코드가 실행됨. 테블릿과 데스크톱의 공통 코드를 작성한다.*/



}

/* Tablet Device */
@media all and (min-width:768px) and (max-width:1024px) {
/*사용자 해상도가 768px 이상이고 1024px 이하일 때 이 코드가 실행됨. 아이패드 또는 비교적 작은 해상도의 랩탑이나 데스크톱에 대응하는 코드를 작성한다.*/


}
/* Desktop Device */
@media all and (min-width:1025px) {
/*사용자 해상도가 1025px 이상일 때 이 코드가 실행됨. 1025px 이상의 랩탑 또는 데스크톱에 대응하는 코드를 작성한다.*/


}