/**
 * tag style
 */
* {margin: 0px; padding: 0px;font-family: NanumGothic;font-size:13px;box-sizing:border-box;}
html {}
body {width:100%;}
html, body {margin:0; padding: 0;}
table {border-collapse: collapse;width:100%;}
table * {font-size:12px;}
a {color:#444;}

.header-frame {height:75px;}
.header-frame-popup {height:77px;}
.footer-frame {height:58px;}
/**
 * page common
 */
.row {box-sizing:border-box;padding: 0 30px;overflow:hidden;}
.page-background {width:100%;background:#D9E0E9;min-height:100%;}
.page {width:980px; /****/ background:#fff;margin:0px auto;min-height:100%;/*padding-bottom:20px;*/}

/**
 * page header
 */
.header {border-bottom:5px solid #363636;/* �슂援� */ border-bottom:5px solid #777;}
.page .header {background: #F9F6F6;}
.page .header > .row > * { /* column �넂�씠 */height: 60px;}
.page .header .g-main-logo {margin-top: 10px;}
.page .header .g-search-area {margin-top: 15px;}
.page .header .g-links {margin-top: 20px;}
.page .header .g-search-area {background :url(image/bg_search.png) no-repeat;background-size:100% 100%;height: 34px;width: 110%;left: -16px;position: relative;}
.page .header .g-search-area>.search-input {border:0;width:85%;height:100%;background-color:transparent;padding-left:10px;float:left;}
.page .header .g-search-area>.search-button {width: 14%;opacity:0;border:0px;height:100%;float:left;}
.page .header .g-links {text-align:right;}
.page .g-link {cursor:pointer;color: #333;text-decoration:none;margin: 0 10px;font-size:16px;}
.page .g-link:last-child {margin-right:0px;}
.page .g-link:hover {color: #f00;}

/**
 * page footer
 */
.page .footer {background: #eee;height: 58px;padding: 10px 0;border-top: 1px solid #ddd;}
.page .footer .ci {display:inline-block;height:32px;}
.page .footer .ci>img{height:100%;}
.page .footer .hk-icon {display: inline-block;background: url(image/hanguk-icon.png);height: 16px;width: 17px;background-size: 100% 100%;}
.page .footer .col4 {text-align:right;}
.page .footer .b1 {font-size:14px;display:inline;}
.page .footer .b2 {font-size:10px;}



/**
 * page body
 */

.page .content {overflow:hidden;/*�궗�씠�뱶 �옉�뾽 �떆 諛깃렇�씪�슫�뱶 �븞蹂댁뿬�꽌 異붽�. 臾몄젣 諛쒖깮�떆 �궘�젣 �븘�슂.*/min-height: 640px;}



/**
 * main page style
 */
.main-page .main {/*margin-top:10px;*/height: 280px;background: url(image/00_background_image.png) no-repeat bottom;background-position-x: 22px;background-size: 70% !important;}
.main-page .title1 {padding: 20px 0 0 0;font-family:"바탕";font-size: 3.2em;margin: 10px 0;font-weight:bold;display:inline-block;}
.main-page .title3 {margin: 30px 0 0 0;font-family:"바탕";font-size:2.2em;display:inline-block;color:#555;}
.main-page .main-link {position:relative;height:200px;padding:20px 20px 20px 20px;border:0px solid #fff;color: #555;}
/*.main-page .main-link>.title{margin:0 0 15px 0;}*/
.main-page .main-link>.title::before{content: ' ';width: 15px;height: 15px;background-image: url(./image/hanguk-icon.png);margin-right:4px;display: inline-block;background-size: 100%;}
/*.main-page .main-link>.description {margin: 10px 0 10px 0;}*/
.main-page .main-link>img {display: block;position: absolute;top: 90px;right: 30px;width: 150px;height: 90px;}
.main-page .main-link.o1 {background: #e3ecef;}
.main-page .main-link.o2 {background: #dde3dc;}	
.main-page .main-link.o3 {background: #e3ecef;}	
.main-page .main-link .description {line-height:26px;}
.main-page .sub-links {/*  padding:5px 0; */}
.main-page .sub-links a {display: block;background: #ECEBEB;width: 100%;height: 77px;margin-bottom: 10px;border-radius: 2px;padding: 0 10px;box-sizing: border-box;}
.main-page .sub-links .icon {width: 40px;background-size: 100%;height: 40px;margin-top: 13px;} 
.main-page .sub-links .title {font-size: 1.6em;font-weight: bold;margin: 22px 10px;}
.main-page .sub-links .sub {font-size: 1.3em;margin: 22px 0 0 10px;}
.main-page .article-list {background: #58588f;color:#fff;position:relative;}
.main-page .article-list .heading{display: inline-block;padding: 0 10px 0 34px;font-size: 2.4em;color: #FFE4C4;vertical-align:bottom;top: -30px;position: relative;}
.main-page .article-list .slick-prev {left:35px;}
.main-page .article-list .slick-next {right:35px;}
.main-page .article-list .slick-slider{position:inherit !important;margin: 20px 0;}
.main-page .article-list img.article-title{vertical-align: initial;margin: 0 20px 0 40px;}
.main-page .article-list .carousel {width: 65%;display: inline-block;}
.main-page .article-list .desc {color:#c9eaff;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.main-page .article-list a {color:#fff;} /* 글자색상 */
.main-page .article-list a.article-link{position: absolute;top: 16px;right: 70px;}
.main-page .article-list .slick-prev {/*background:url(news_arrow_left.);*/}
.main-page .region-search {background:#E3E3EF;position:relative;text-align: right;}
.main-page .region-search img {height: 240px;margin: 10px 0;}
.main-page .region-search h1 {position:absolute;top:10px;left:20px;color: #555;}
.main-page .region-search h1::before{content: ' ';width: 15px;height: 15px;background-image: url(./image/hanguk-icon.png);margin-right:4px;display: inline-block;background-size: 100%;}


/** 
 * popup style
 */
.popup {width:100%;/*height:100%;background:#fff;*/padding-bottom:20px;}
.popup th, .popup td {border: 1px solid #666;padding:5px;}
.pupup th{background:#eee;}
.popup .header {background:#D9E0E9;min-height: 34px;padding-top: 8px;/*background: #F9F6F6;*/}
.popup .title {display:inline-block;}
.popup .header .title {display:inline;}
.popup .content .title {line-height:30px; vertical-align:middle;font-size: 16px;font-family: NanumGothicBold;}
.popup .header .icon {margin:-1px 10px 2px 0;}
.popup .img-arrow-r {height:13px; width:13px; margin: 0px 5px 0 0;}
.popup .row {margin: 5px 0;}
.popup .description {border: 1px solid #666; padding:5px;}
.popup table.display {border: 0px;margin:0;}
.popup table.display th, .popup table.display td {border:0;}
.popup table.display th {font-family:NanumGothicBold;font-size:1.1em;}
.popup table.display td {text-align:left;}

/**
 * sidebar style
 */
.sidebar h4 {color: #022969;/*height:30px;*/font-size: 30px;font-weight: 900;margin: 10px 0;}
.sidebar ul {position:relative;margin:10px 0;}
.sidebar ul li{margin: 10px 0;padding-left:15px;cursor:pointer;\position:relative;}
.sidebar ul li > a {display:block;width:80%;padding: 4px 0px 4px 10px;border-radius:5px;font-size:14px;}
.sidebar li li li > a {font-size:12px;}
.sidebar ul li > a:hover {color:#474747;background:#eee;}
/*.sidebar ul.side-nav li.selected > a, .sidebar ul.side-nav-acc ul li.selected > a{color: #f00;}*/
/*.sidebar ul.side-nav li.selected::before, .sidebar ul.side-nav-acc ul li.selected > a:not()::before{content: ' ';display:black;height:80%;width:3px;background:#f00;position:absolute;left:15px;margin-top:5px;bottom:4px;}*/
.sidebar ul li.last-node.selected > a {color:#f00;}
.sidebar ul li.last-node.selected::before {content: ' ';display:black;height:80%;width:3px;background:#f00;position:absolute;left:15px;margin-top:5px;bottom:4px;}
.sidebar ul.side-nav-acc > li > a{font-family: NanumGothicBold;font-size:16px;}
.sidebar ul.side-nav-acc > li.selected > a{background:#dde3dc;}
.sidebar ul.side-nav-acc ul {display:none;}
.sidebar ul.side-nav-acc li.selected > ul {display:block;}

.line-search-area {padding: 5px 0;border-bottom:1px solid #ddd;}
.line-search-area input {width:300px;}

table.display {border:1px solid #ccc;padding:10px;border-radius:5px;margin:10px 0;}
table.display * {font-size:12px;}
table.display th, table.display td {text-align:center;padding:5px;}
table.display thead {
  background: linear-gradient(to bottom, #F9F5F0 0%, #EEEAE4 100%);border-bottom: 1px solid #ccc;color: #ddd;
  background:#EDE4F7; /* �빟媛� 蹂대씪 */background:#E2EAFB;background:#4B6CB0;}
table.search {border: 1px solid #ccc;padding: 10px;}
table.search select {height:20px;}
table.search td {padding:5px;border-left:1px solid #ccc; height:35px;}
table.search th, table.search td{border:1px solid #bbb;}
table.search th {text-align:left; padding-left:5px;
  background: #F4F1EA;background:#E2EAFB;background:#EDE4F7;}
table.search tr:last-child {border-top:1px solid #ccc;}



/**
 * component style
 */

button, .button { 
    background: #d9e2e9;background: -ms-linear-gradient(top, #F4F4F4 0%, #E5E6E5 100%);background: -moz-linear-gradient(top, #F4F4F4 0%, #E5E6E5 100%);
    background: -o-linear-gradient(top, #F4F4F4 0%, #E5E6E5 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F4F4F4), color-stop(1, #E5E6E5));background: -webkit-linear-gradient(top, #F4F4F4 0%, #E5E6E5 100%);
    background: linear-gradient(to bottom, #F4F4F4 0%, #E5E6E5 100%);border-color: #a7a7a7;color: #000000;
    display: inline-block;position: relative;cursor: pointer;overflow: visible;text-align: center;padding: 0px 16px;vertical-align: middle;
    line-height: 24px;min-height: 25px;text-decoration: none;border-width: 1px;border-style: solid;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;font-size: 12px;margin:5px 0;
}


button:hover, .button:hover {
  color: #ffffff;
  background: #00cfdc;
  background: -ms-linear-gradient(top, #8BEEF4 0%, #2BD9E4 100%);
  background: -moz-linear-gradient(top, #8BEEF4 0%, #2BD9E4 100%);
  background: -o-linear-gradient(top, #8BEEF4 0%, #2BD9E4 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8BEEF4), color-stop(1, #2BD9E4));
  background: -webkit-linear-gradient(top, #8BEEF4 0%, #2BD9E4 100%);
  background: linear-gradient(to bottom, #8BEEF4 0%, #2BD9E4 100%);
  border-color: #00a0ae; }

button:active, .button:active {
  background: #00bede;
  background: -ms-linear-gradient(top, #32D0EB 0%, #04BFE0 100%);
  background: -moz-linear-gradient(top, #32D0EB 0%, #04BFE0 100%);
  background: -o-linear-gradient(top, #32D0EB 0%, #04BFE0 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #32D0EB), color-stop(1, #04BFE0));
  background: -webkit-linear-gradient(top, #32D0EB 0%, #04BFE0 100%);
  background: linear-gradient(to bottom, #32D0EB 0%, #04BFE0 100%);
  border-color: #007191;
  color: #ffffff; 
}

input[type="text"], input[type="password"] {
  overflow: hidden;
  padding: 0px 8px;
  line-height: 23px;
  height: 24px;
  vertical-align: middle;
  border: 1px solid #bfc8cf;
  background: #ffffff;
  font-size: 12px;
  color: #000000;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px; }

input[type="text"]:hover, input[type="password"]:hover {
  border: 1px solid #00bede;
  background: #ffffff; }

input[type="text"]:focus, input[type="password"]:focus {
  border: 1px solid #00bede;
  background: #ffffff; }

textarea {
  padding: 8px;
    line-height: 21px;
    vertical-align: middle;
    overflow: auto;
    border: 1px solid #bfc8cf;
    background-color: #ffffff;
    font-size: 12px;
    color: #000000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}


.paging {
  display: inline-block;
  cursor: pointer;
  padding: 0px;
  text-align: center;
  border: 1px solid #E2E2E2;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px; 
margin:0 auto;
}

.paging a {
  display: inline-block;
  padding: 5px 10px;
  float: left;
  line-height: 14px;
  border-right: 1px solid #E2E2E2; }

.paging a:hover {
  background: #edeef0;
  background: -ms-linear-gradient(top, #f4f4f4 0%, #f4f4f4 100%);
  background: -moz-linear-gradient(top, #f4f4f4 0%, #f4f4f4 100%);
  background: -o-linear-gradient(top, #f4f4f4 0%, #f4f4f4 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f4f4f4), color-stop(1, #f4f4f4));
  background: -webkit-linear-gradient(top, #f4f4f4 0%, #f4f4f4 100%);
  background: linear-gradient(to bottom, #f4f4f4 0%, #f4f4f4 100%); }

.paging a:active {
  background: #43d3eb;
  background: -ms-linear-gradient(top, #65d9ec 0%, #04bfe0 100%);
  background: -moz-linear-gradient(top, #65d9ec 0%, #04bfe0 100%);
  background: -o-linear-gradient(top, #65d9ec 0%, #04bfe0 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #65d9ec), color-stop(1, #04bfe0));
  background: -webkit-linear-gradient(top, #65d9ec 0%, #04bfe0 100%);
  background: linear-gradient(to bottom, #65d9ec 0%, #04bfe0 100%);
  font-weight: bold;
  color: #ffffff;
  /*border: 1px solid #00b5d4; */}

.paging a.selected {
  font-weight: bold;
  color: red; }

.paging a:last-child {
  border-right: 0px; }


ul.list {
  list-style: none;
  padding: 0px;
  height: auto;
  background: #ffffff;
  border: 1px solid #e2e2e2;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px; }

ul.list span {
  display: inline-block; }

ul.list > li {
  position: relative;
  display: block;
  margin: 0;
  height: auto;
  overflow: hidden;
  min-height: 24px;
  /*line-height: 40px;*/
  border-bottom: 1px solid #edeef0;
  background: #ffffff;
  font-size: 12px;
  color: #333; }

ul.list > li:not(.Link) {}

ul.list > li > a {
  display: block;
  opacity:0.9;
}

ul.list > li > a:hover {
  background: #edeef0;
  background: -ms-linear-gradient(top, #f4f4f4 0%, #e5e6e5 100%);
  background: -moz-linear-gradient(top, #f4f4f4 0%, #e5e6e5 100%);
  background: -o-linear-gradient(top, #f4f4f4 0%, #e5e6e5 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f4f4f4), color-stop(1, #e5e6e5));
  background: -webkit-linear-gradient(top, #f4f4f4 0%, #e5e6e5 100%);
  background: linear-gradient(to bottom, #f4f4f4 0%, #e5e6e5 100%);
  font-weight: bold; }


ul.list > li{background: url(./image/navibar_child_normal.png) no-repeat center right 20px;}
ul.list > li:hover{background: url(./image/navibar_child_hover.png) no-repeat center right 20px;}
ul.list > li > a {
  padding: 5px 30px 5px 20px;
   }

ul.list > li:hover {
   }

ul.list > li:active > a, ul.list > li:focus > a {
  background: url(./image/navibar_child_click.png) no-repeat center right 20px; }

/**
 * page specific style
 */
.introduction img {width:100%;}
.population .search-area th {padding-left:20px;}



/**
 * class specific style
 */
.result-area {border-top:2px solid #ccc;margin-top:20px;position:relative;padding:5px 0;}
.result-area h4{padding-top:10px;}
.result-area .list {/*margin:10px 0;*/}
.result-area .list a{padding:5px 10px;}
.result-area .paging {margin:5px 0;}
.reply {width: 8px;top: -2px;position: relative;margin-left: 5px;}
.org-image {border: 1px solid #555;background:#eee;height:830px;}
.result-area .graph-button {position: absolute;right: 0;top: 8px;}








#container .main .search-area table td:first {
  text-align:center;
}

.content .search-area {
 /* padding:10px 0;
  border-top:1px solid #888;
  border-bottom:1px solid #888;*/
}
/*
.content .search-result {
  margin:30px 0;
}
.content .search-result ul.list {margin:20px 0;}
.content .search-result ul.list li > a > * {display: inline-block;}
.content .search-result ul.list li > a > span {color:blue;}
.content .search-result ul.list li > a > h5  {min-width:100px;}
*/
table td.content-title {background:#C0D4F9}
table td.content-body { height: 500px;vertical-align: top;}

div.login {width: 40%;
    min-height: 200px;background: #fff;
    margin: 0px auto;position: absolute;left: 30%;top: 25%;padding: 30px;}
div.login input, div.login button {width:100%;margin:5px 0;}
div.login button {background:#3E5588; color:#fff}