@charset "utf-8";

html,body {
	height: 100%;
	-webkit-tap-highlight: rgba(0,0,0,0);
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
	-webkit-focus-ring-color: rgba(0,0,0,0);
	-webkit-print-color-adjust: exact;
	overflow:auto;
}
* {
	margin: 0;
	padding: 0;
	/*
	outline-style: none;
	*/
}

body {
	font-size: 81.3%;
	font-family: 'NotoKrR',sans-serif;
	font-weight: 300;
	color: #666667;
	list-style: none;
	line-height: 1;
	letter-spacing: -0.03em;
	word-spacing: 0.1em;
	outline: 0;
	-webkit-text-size-adjust: none;
	overflow:hidden;
	overflow-y:scroll;
}

body.wide .contents {
	padding-bottom: 0;
}

body.fixed-body {
	height: 100%;
	/* overflow: hidden; */
}

body.fixed-cont{
	height: 100%;
	overflow:hidden;
}

.layout_error {width:100%; height:100%; background:#f9f9f9;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* 스킵네비게이션
.skip-navigation a {
	display: block;
	height: 1px;
	width: 1px;
	margin: 0 -1px -1px 0;
	padding: 0;
	overflow: hidden;
	font-size:0; line-height:0;
}

.skip-navigation a:hover,
.skip-navigation a:active,
.skip-navigation a:focus {
	position: fixed;
	top: 0;
	left: 0;

	width: 100%;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	font-size: 75%;
	font-weight: bold;
	text-align: center;
	background: #000;
	color: #fff;
	z-index: 10;
	border: 0px solid red;
}
*/

/* 스킵네비게이션 */
.skip-navigation{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}
.skip-navigation a {
	position: absolute;
	display: block;
	width: 100%;
	left: 0;
	text-align: center;
	top: -500000px;
	left: 0;
	z-index: 1000000;
}

.skip-navigation a:active,
.skip-navigation a:focus {
	position: absolute;
	top: 0;
	left:0;
	padding: 15px 0;
	font-weight: bold;
	color: #fff;
	background: #000;
	width:100%
}

.line-none {
	background: transparent !important;
}

.break-all {
	word-break: break-all !important;
	word-wrap:break-word !important;
}

a.break-all {
	display: inline-block;
}

.span-br01 {
	display: block;
}

.span-br-mobile01 {
	display: inline;
}

/* 폰트 선명도 */
.wrapper .contents.on,
.wrapper .contents.on ul,
.wrapper .contents.on ul li, 
.wrapper .contents.on ul li ol, 
.wrapper .contents.on ul li ol li, 
.wrapper .contents.on ul li ol, 
.wrapper .contents.on p,
.wrapper .contents.on span,
.wrapper .contents.on div,
.wrapper .contents.on table,
.wrapper .contents.on thead,
.wrapper .contents.on tbody,
.wrapper .contents.on table thead th,
.wrapper .contents.on table tbody th,
.wrapper .contents.on table tbody td,
.wrapper .contents.on table tbody td a {
	color: #000 !important;
}

.left {
	text-align: left !important;
	word-break: keep-all !important;
}

.center {
	text-align: center !important;
}

.right {
	text-align: right !important;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

/* total */
.wrapper {
	position: relative;
	margin: 0;
	padding: 0;
	font-size: 1em;
	min-width:320px;
}


/* header */
.header {
	position: relative;
	top:0;
	left:0;
	width:100%;
}

/* gnb */
.gnb-area {background:#f7f7f7;}

.gnb-box {
	max-width: 1280px;
	height: 40px;
	margin: 0 auto;
}

.gnb-box .left {
	float: left;
}

.gnb-box .left li {
	float: left;
}
.gnb-box .left li:first-child a{
	/* padding-left:46px; */
}
.gnb-box .left li:first-child a:before{
	position:absolute;
	top:4px;
	left:20px;
	content:'';
}

.gnb-box .left li a {
	display: block;
	padding: 0 27px;
	height: 30px;
	line-height: 30px;
	color: #414141;
	font-family: 'NotoKrB', sans-serif;
	font-weight: 700;
}
.gnb-box li .reb{font-size: 0;
	background: url("/images/uportal/site/reb_logo.png") no-repeat;
	width: 190px;
	height: 24px;
	background-size: contain;
	margin-top: 14px;
	text-indent:-9999px;
	text-align:left;
}

/*.gnb-box .left li:last-child a {*/
/*	background: transparent !important;*/
/*}*/

/*.gnb-box .left li a.on {*/
/*	position: relative;*/
/*	z-index: 3;*/
/*}*/

.gnb-box .right {
	float: right;
}

.gnb-box .right li {
	float: left;
	height: 40px;
	line-height: 40px;
	padding-left: 15px;
}
.gnb-box .right li:before{
	content:"|";
	font-size:14px;
	margin-right:10px;
}
.gnb-box .right li:first-child:before{content:"";}
.gnb-box .right li span{
	color: #000000;
	font-size: 14px;
	font-family: 'NotoKrM', sans-serif;
	font-weight: 500;
}

.gnb-box .right li a {
	display: inline-block;
	color: #000000;
	font-size: 13px;
	line-height: 30px;
	font-family: 'NotoKrB';
	vertical-align:initial;
}

/* 상단 메뉴 */
.header-area {
	position: relative;
	width: 100%;
	height:100px;
	background:#fff;
	border-bottom: 1px solid #e5e5e5;
}

.header-area .header-box {
	max-width: 1300px;
	padding-top: 21px;
	margin: 0 auto;
}

.header-area .header-box:after {
	content: "";
	clear: both;
	display: block;
}

.header-area .header-box h1 {
	float: left;
	 margin-top:11px;
	margin-right: 50px;
}

.header-area .header-box h1 a {
	display: block;
}

.header-area .header-box h1 a img {
}

.header-area .header-box .top-menu {
	float: left;
	margin-top: 20px;
	margin-left:30px;
}

.header-area .header-box .top-menu > li {
	float: left;
	margin: 0 0 0 60px;
}

.header-area .header-box .top-menu > li:last-child {
}

.header-area .header-box .top-menu > li > a {
	display: block;
	font-size: 19px;
	color: #000000;
	font-family: 'NotoKrB', sans-serif;

}



.header-area .header-box .top-menu > li > a:hover,
.header-area .header-box .top-menu > li > a:focus,
.header-area .header-box .top-menu > li > a.selected,
.header-area .header-box .top-menu > li > a.on {
	position:relative;
	color: #328c99;
	display:inline-block;
}
.header-area .header-box .top-menu > li > a.selected:before {
	position:absolute;
	bottom:0px;
	left:0;
	background:#328c99;
	height:4px;
	width:100%;
	content:"";
	display:block;
}


.header-area .header-box .top-menu > li{position:relative;margin:0;padding:0 45px;}
.header-area .header-box .top-menu > li > a{height:59px;}
.header-area .header-box .top-menu .subDep{display:none;position: absolute;left: 0;top:59px;z-index:9;}
.header-area .header-box .top-menu .subDep {width:100%;min-width: 150px;padding:10px 0 20px 0; border-top: 1px solid #ddd;background-color: #ffffff;
	-webkit-box-shadow: 1px 5px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 5px 10px 0px rgba(0,0,0,0.2);
	box-shadow: 1px 5px 10px 0px rgba(0,0,0,0.2);}
.header-area .header-box .top-menu .subDep > li {
    margin-top: 10px;
    padding:0 8px 0;text-align: left;
}
.header-area .header-box .top-menu .subDep > li > a {
	display: inline-block;
	vertical-align: middle;
	padding-left: 15px;
	color: #666666;
	font-size:14px;
	line-height: 1.200em;
	font-family: 'NotoKrM', sans-serif;
	font-weight: 100;
	letter-spacing: -1px;
	word-break: break-word;
	background: transparent url(/images/uportal/site/icon_top_submenu.gif);
	background: -webkit-linear-gradient(transparent,transparent),url(/images/uportal/site/icon_top_submenu@2x.gif);
	background: linear-gradient(transparent,transparent),url(/images/uportal/site/icon_top_submenu@2x.gif);
	background-position: left top 6px;
	background-repeat: no-repeat;
	background-size: 3px 5px;
}

.header-area .header-box .search-totalmenu {
	float: right;
	margin-top: 6px;
}

.header-area .header-box .search-totalmenu .btn-search {
	float: left;
	margin-right:13px;
	width:48px;
	height:48px;
	background:url(/images/uportal/bx_search.png) no-repeat center center;
}
.header-area .header-box .search-totalmenu .btn-search i{display:none;}
.header-area .header-box .search-totalmenu .icon-bar01 {
	float: left;
	width: 1px;
	height: 18px;
	background: #e1e1e1;
	margin: 0 20px;
}

.header-area .header-box .search-totalmenu .btn-totalmenu i{display:none;}

.header-area .header-box .search-totalmenu .btn-totalmenu.on {}

.header-area .header-box .search-totalmenu .btn-totalmenu-mobile {
	display: none;
}

/* 임시 추가 */
.allmenu{position:absolute;top:124px;left:0;width:100%;height:245px;z-index:9;background:#edeff2;border-top:3px solid #1a64b3;border-bottom:1px solid #1b66b0;}
.allmenu_inner{width:1200px;margin:0 auto;}
.allmenu_box{overflow:hidden;}
.allmenu_box > div{position:relative;float:left;height:202px;box-sizing:border-box;}
.allmenu_box > div:before{
	position:absolute;
	top:0;
	left:0;
	width:1px;
	height:100%;
	content:"";
	display:block;
	background:#dce0e4;
}
.allmenu:before{
	position:absolute;
	top:0;
	right:-462px;
	width:50%;
	height:245px;
	background:#ffffff;
	content:"";
	display:block;	
}

.allmenu_box > div.menu1{width:148px;background:#ffffff;}
.allmenu_box > div.menu2{width:197px;}
.allmenu_box > div.menu3{width:167px;background:#ffffff;}
.allmenu_box > div.menu4{width:162px;}
.allmenu_box > div.menu5{width:183px;}
.allmenu_box > div.menu6{width:177px;background:#ffffff;}
.allmenu_box > div.menu7{width:191px;}
.allmenu_box > div.menu7:after{
	position:absolute;
	top:0;
	right:0;
	width:1px;
	height:100%;
	content:"";
	display:block;
	background:#dce0e4;
}

.moremenu .allmenu_box > div.menu1{width:137px;background:#edeff2;}
.moremenu .allmenu_box > div.menu2{width:171px;background:#ffffff;}
.moremenu .allmenu_box > div.menu3{width:159px;background:#edeff2;}
.moremenu .allmenu_box > div.menu4{width:128px;background:#ffffff;}
.moremenu .allmenu_box > div.menu5{width:145px;}
.moremenu .allmenu_box > div.menu6{width:143px;background:#ffffff;}
.moremenu .allmenu_box > div.menu7{width:164px;background:#edeff2;}

.allmenu_box > div > a{color:#1a64b3;font-size:19px;font-family:'NotoKrM';}
.allmenu_box > div > a.allmenu_list_btn{font-family:'NotoKrM';color:#ffffff;font-size:13px;background:#1a64b3;display:inline-block;padding:2px 4px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
}
.allmenu_box > div > ul{margin:10px 0 0 0;}
.allmenu_box > div > ul li a{font-size:14px;letter-spacing:-0.5px;padding:4px 10px;display:block;}
.allmenu_box > div > ul li a:hover{color:#ffffff;background:#2788D5;}

.allmenu_box_search{position:relative;float:left;width:200px;height:30px;padding:0 0 0 20px;box-sizing:border-box;}
.allmenu_box_search:before{
	position:absolute;
	top:0;
	left:0;
	width:1px;
	height:100%;
	background:#d3d9e0;
	content:"";
	display:block;
}
.menulayer01{position:relative;}
.menulayer01 li > div h4{
	color:#4b65a2;
	font-size:16px;
	font-family:'NotoKrB', sans-serif;
	padding:5px 15px 10px 15px;
	display:none;
}
.menulayer01 li > div{
	position:absolute;
	top:50px;
	left:0;
	text-align:left;
	padding:13px 0 0 0;
	box-sizing:border-box;
	height:328px;
	z-index:95;
	background:#ffffff;
	display:none;
	border:1px solid #1983e4;
	box-shadow:2px 2px 2px rgba(0,0,0,0.5);
	-webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.5);
}
.menulayer01 li > div:before{
	position:absolute;
	top:-6px;
	left:0;
	width:100%;
	height:10px;
	background:url(/images/uportal/site/bg_menu_top.png) no-repeat center 0;
	content:"";
	display:block;
}

/* 메뉴 왼쪽 세로선
.menulayer01 li > div:before{
	position:absolute;
	top:0;
	left:0;
	width:1px;
	height:100%;
	content:"";
	display:block;
	background:#dce0e4;
}
*/
.menulayer01 li > div li a.menu3depth{
	font-size:13px;
	padding-left:25px;
	background:none;
	line-height:1.2;
}
.menulayer01 li > div li a.menu3depth:before{
	content:"- ";
}
.menulayer01 li > div li a{
    font-size: 14px;
    letter-spacing: -0.5px;
    padding: 4px 10px 4px 18px;
    display: block;	
    background:url(/images/uportal/site/icon_top_submenu@2x.gif) no-repeat 11px center;
    background-size:3px auto;
}
.menulayer01 li > div li a:hover{color:#ffffff;background-color:#2788D5;}

.menulayer01 li > div li a.selected{color:#ffffff;background-color:#2788D5;}

.menulayer01 div.menu1{width:127px;left:226px;height:210px;}
.menulayer01 div.menu2{width:160px;left:300px;height:130px;}
.menulayer01 div.menu3{width:159px;left:400px;height:120px;}
.menulayer01 div.menu4{width:165px;left:500px;height:140px;}
.menulayer01 div.menu5{width:100px;left:640px;height:73px;}
.menulayer01 div.menu6{width:160px;left:690px;height:70px;}
.menulayer01 div.menu6:after{
	position:absolute;
	top:0;
	right:0;
	width:1px;
	height:100%;
	content:"";
	display:block;
	background:#dce0e4;
}
/* //임시 추가 */

/* 전체메뉴 */
.totalmenu {
	display: none;
	position: absolute;
	top: 76px;
	left: 0;
	width: 100%;
	background-color: #ffffff;
	border-bottom: 2px solid #9abcd9;
	-webkit-box-shadow: 1px 5px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 5px 10px 0px rgba(0,0,0,0.2);
	box-shadow: 1px 5px 10px 0px rgba(0,0,0,0.2);
	z-index: 100000;
}


.totalmenu-wrapper {
	max-width: 1280px;
	margin: 0 auto;
	border-left: 1px solid #ebedf0;
}	

.totalmenu-wrapper:after {
	content: "";
	clear: both;
	display: block;
}



.totalmenu-area {
	float: left;
	/*width: 182px;*/
	width: 175.5px;
	height: 240px;
	padding: 20px 3px;
	border-right: 1px solid #ebedf0;
	border-top: 3px solid #ffffff;
}

.totalmenu-area:hover,
.totalmenu-area.on,
.totalmenu-area.selected {
	background: #fff;
	border-top: 3px solid #006ED4;
}


.totalmenu-area > h2 {
	padding-bottom:5px;
	padding-left:7px;
}

.totalmenu-area > h2 a {
	color: #006ED4;
	font-size: 1.231em;
	line-height: 1em;
	font-family: 'NotoKrM', sans-serif;
	font-weight: 500;
}

.totalmenu-area > ul {
	margin: 0;
	padding: 0;
}

.totalmenu-area > ul > li {
	margin-top: 10px;padding-left: 8px;
}

.totalmenu-area > ul > li > a {
	display: inline-block;
	vertical-align: middle;
	padding-left: 10px;
	color: #666666;
	font-size: 1.154em;
	line-height: 1.200em;
	font-family: 'NotoKrL', sans-serif;
	font-weight: 100;
	letter-spacing: -1px;
	word-break: break-all;

	background: transparent url(/images/uportal/site/icon_top_submenu.gif);
	background: -webkit-linear-gradient(transparent,transparent),url(/images/uportal/site/icon_top_submenu@2x.gif);
	background: linear-gradient(transparent,transparent),url(/images/uportal/site/icon_top_submenu@2x.gif);
	background-position: left top 6px;
	background-repeat: no-repeat;
	background-size: 3px 5px;	
}

.totalmenu-area > ul > li > a.menu3depth:before{
	content:"- ";
}
	

.totalmenu-area > ul > li > a:hover, 
.totalmenu-area > ul > li > a.on,
.totalmenu-area > ul > li > a.selected {
	color: #0a66b8
}



.totalmenu-mobile {
	display: none;
}

.mask {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(/images/uportal/site/bg_opacity60.png) repeat;
	z-index: 11;
}


/* 통합검색 */
.layerpopup-totalsearch-wrapper {
	display: none;
	position: fixed;
	top: 250px;
	left: 50%;
	width: 660px;
	z-index: 20;
	margin-left: -280px;
}

.layerpopup-totalsearch-wrapper .layerpopup-totalsearch-area {
	position: relative;
	display: block;
	width: 100%;
	max-width: 550px;
	padding: 35px 55px;
	background: #328c99;
	margin: 0 auto;
	font-family: 'NotoKrL', sans-serif;
	font-weight: 100;
	border-radius: 10px;
	box-shadow: 5px 5px 10px rgba(0,0,0,.2)
}

.layerpopup-totalsearch-wrapper .layerpopup-totalsearch-area h2 {
	font-size: 1.385em;
	line-height: 1.333em;
	color: #fff;
	font-family: 'NotoKrB', sans-serif;
	padding-bottom: 9px;
	margin-bottom: 10px;
	background: url("/images/uportal/site/bx-search.svg") no-repeat left 2px;
	padding-left:30px
}

.layerpopup-totalsearch-wrapper .layerpopup-totalsearch-area .layerpopup-totalsearch-box {
	position: relative;
	padding-right: 84px;
	height: 45px;
}

.layerpopup-totalsearch-wrapper .layerpopup-totalsearch-area .layerpopup-totalsearch-box input[type="text"] {
	display: block;
	padding: 0 10px;
	height: 45px;
	width: 100%;
	max-width: 430px;
	background: #fff;
	border: 0;
	border-radius: 5px;
	font-size: 1.385em;
	color: #999;
	-webkit-appearance: none;
	appearance: none;
}

.layerpopup-totalsearch-wrapper .layerpopup-totalsearch-area .layerpopup-totalsearch-box input[type="submit"] {
	position: absolute;
	top: 0;
	right: 0;
	width: 85px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	color: #ffffff;
	font-size: 1.385em;
	background: #000;
	border: 0;
	border-radius: 0;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 5px;
}

.layerpopup-totalsearch-wrapper .layerpopup-totalsearch-area .btn-totalsearch-close {
	position: absolute;
	top: 5px;
	right: 5px;
	height: 40px;
	width: 40px;
	text-indent: -5000em;
	background: url(/images/uportal/site/btn_close.png) no-repeat center;
}

/* 고정 상단 메뉴 */
.header-area.fixed {
	position: fixed;
	top: 0;
	height: 60px;
	margin-top: -60px;
	background: #1867ad;
	z-index: 12;
	-webkit-box-shadow: 1px 5px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 5px 10px 0px rgba(0,0,0,0.2);
	box-shadow: 1px 5px 10px 0px rgba(0,0,0,0.2);
}

.header-area.fixed .header-box {
	height: 46px;
	padding-top: 7px;
}

.header-area.fixed .header-box h1 {
	margin-top: -2px;
}

.header-area.fixed .header-box .top-menu {
	margin-top: 14px;
}

.header-area.fixed .header-box .top-menu > li {
	background: transparent url(/images/uportal/site/icon_topmenu_bar01_fixed.gif);
	background: -webkit-linear-gradient(transparent,transparent),url(/images/uportal/site/icon_topmenu_bar01_fixed@2x.gif);
	background: linear-gradient(transparent,transparent),url(/images/uportal/site/icon_topmenu_bar01_fixed@2x.gif);
	background-repeat:  no-repeat;
	background-position: right center;
	background-size: 1px 15px;	
}

.header-area.fixed .header-box .top-menu > li .top-menu-depth1 {
	color: #fff;
}

.header-area.fixed .header-box .top-menu > li .top-menu-depth1:hover,
.header-area.fixed .header-box .top-menu > li .top-menu-depth1.selected,
.header-area.fixed .header-box .top-menu > li .top-menu-depth1.on {
	color: #c4e4ff
}

.header-area.fixed .header-box .search-totalmenu .btn-search {
	background: transparent url(/images/uportal/site/icon_search_white.png);
	background: -webkit-linear-gradient(transparent,transparent),url(/images/uportal/site/icon_search_white@2x.png);
	background: linear-gradient(transparent,transparent),url(/images/uportal/site/icon_search_white@2x.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 16px 17px;	
	text-indent: -5000em;
}

.header-area.fixed .header-box .search-totalmenu .btn-totalmenu {
	background: transparent url(/images/uportal/site/icon_allmenu_white.gif);
	background: -webkit-linear-gradient(transparent,transparent),url(/images/uportal/site/icon_allmenu_white@2x.gif);
	background: linear-gradient(transparent,transparent),url(/images/uportal/site/icon_allmenu_white@2x.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 17px 17px;	
	text-indent: -5000em;
}

.header-area.fixed .header-box .search-totalmenu .btn-totalmenu.on {
	background: transparent url(/images/uportal/site/icon_allmenu_close_white.png);
	background: -webkit-linear-gradient(transparent,transparent),url(/images/uportal/site/icon_allmenu_close_white@2x.png);
	background: linear-gradient(transparent,transparent),url(/images/uportal/site/icon_allmenu_close_white@2x.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 17px 17px;	
	text-indent: -5000em;
}

.header-area.fixed .totalmenu {
	top: 60px;
	border-top: 0;
}

.header-area.fixed .top-menu ol{top:39px;}

/* 메뉴 수정 */
.header-area .header-box .top-menu > li{background-position:right 3px;}

.top-menu{}
.top-menu > li{padding-bottom:23px;}
.top-menu li ol{display:none;}
.top-menu li:hover ol{display:block;}
.top-menu li:focus ol{display:block;}

.top-menu li ol{position:absolute;top:52px;left:0;background:#f8f8f8;padding:0 0 0 15px;z-index:9999;border-top:1px solid #dbdfe5;border-bottom:2px solid #06365b;
	-webkit-box-shadow: 1px 5px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 5px 10px 0px rgba(0,0,0,0.2);
	box-shadow: 1px 5px 10px 0px rgba(0,0,0,0.2);
}
.top-menu li .tm01{left:-36px;width:157px;}
.top-menu li .tm02{left:120px;width:162px;}
.top-menu li .tm03{left:263px;width:116px;}
.top-menu li .tm04{left:366px;width:138px;padding-left:12px;}
.top-menu li .tm05{left:480px;width:125px;padding-left:12px;}
.top-menu li .tm06{left:560px;width:98px;}
.top-menu li ol li{margin:15px 0;}
.top-menu li ol li a{color:#666666;font-size:15px;letter-spacing:-1px;display:inline-block;padding-left:10px;
	background: transparent url(/images/uportal/site/icon_top_submenu.gif);
	background: -webkit-linear-gradient(transparent,transparent),url(/images/uportal/site/icon_top_submenu@2x.gif);
	background: linear-gradient(transparent,transparent),url(/images/uportal/site/icon_top_submenu@2x.gif);
	background-position: 0 50%;
	background-repeat: no-repeat;
	background-size: 3px 5px;	
}
.top-menu li ol li a:hover{color:#0a66b8;}


/* contents navigation */
.contents-navigation-area {
	position:relative;
	clear: both;
	display: block;
	width: 100%;
	margin-bottom: 35px;
}

.contents-navigation-area .contents-navigation-box {
	max-width: 1280px;
	height: 40px;
	line-height: 40px;
	margin: 0 auto;
}

.contents-navigation-area .contents-navigation-box:after {
	content: "";
	clear: both;
	display: block;
}

.contents-navigation-area .contents-navigation-box .contents-navigation {
	float: right;
}

.contents-navigation-area .contents-navigation-box .contents-navigation .icon-home {
	display: inline-block;
	vertical-align: middle;
	width:25px;
	height: 25px;
	text-indent: -5000em;
	background: url(/images/uportal/site/icon_nhome.png) no-repeat center center;
	background-size:100% 100%;
}

.contents-navigation-area .contents-navigation-box .contents-navigation .icon-gt {
	position:relative;
	width: 6px;
	height: 10px;
	margin: 0 13px;
	color:#000000;
	display:inline-block;
	text-indent:-9999px;
	vertical-align: top;
}
.contents-navigation-area .contents-navigation-box .contents-navigation .icon-gt:before{
	position:absolute;
	top:2px;
	left:0;
	content:"\232A";
	text-indent:0;
	display:block;
	font-weight:bold;
    font-size:15px;
}


.contents-navigation-area .contents-navigation-box .contents-navigation .location,
.contents-navigation-area .contents-navigation-box .contents-navigation strong {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	color: #000000;
}


.contents-navigation-area .contents-navigation-box .sub-function-list {
	float: right;
	height: 45px;
	border-left: 1px solid #415d80;
	display:none;
}

.contents-navigation-area .contents-navigation-box .sub-function-list button,
.contents-navigation-area .contents-navigation-box .sub-function-list a {
	float: left;
	width: 45px;
	height: 45px;
	cursor: pointer;
	background: transparent;
	border-right: 1px solid #415d80;
}

.contents-navigation-area .contents-navigation-box .sub-function-list .btn-print {
	text-indent: -5000em;
	background: transparent url(/images/uportal/site/icon_print.png);
	background: -webkit-linear-gradient(transparent,transparent),url(/images/uportal/site/icon_print@2x.png);
	background: linear-gradient(transparent,transparent),url(/images/uportal/site/icon_print@2x.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 45px 45px;	
}

.contents-navigation-area .contents-navigation-box .sub-function-list .btn-print:hover,
.contents-navigation-area .contents-navigation-box .sub-function-list .btn-print:focus{
	text-indent: -5000em;
	background: transparent url(/images/uportal/site/icon_print_white.png);
	background: -webkit-linear-gradient(transparent,transparent),url(/images/uportal/site/icon_print_white@2x.png);
	background: linear-gradient(transparent,transparent),url(/images/uportal/site/icon_print_white@2x.png);
	background-repeat: no-repeat;
 	background-position: center center;
 	background-size: 60px 60px; 
}

.contents-navigation-area .contents-navigation-box .sub-function-list .btn-font-viewer {
	text-indent: -5000em;
	background: transparent url(/images/uportal/site/icon_view.png);
	background: -webkit-linear-gradient(transparent,transparent),url(/images/uportal/site/icon_view@2x.png);
	background: linear-gradient(transparent,transparent),url(/images/uportal/site/icon_view@2x.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 45px 45px;
}

.contents-navigation-area .contents-navigation-box .sub-function-list .btn-font-viewer:hover,
.contents-navigation-area .contents-navigation-box .sub-function-list .btn-font-viewer:focus {
	text-indent: -5000em;
	background: transparent url(/images/uportal/site/icon_view_white.png);
	background: -webkit-linear-gradient(transparent,transparent),url(/images/uportal/site/icon_view_white@2x.png);
	background: linear-gradient(transparent,transparent),url(/images/uportal/site/icon_view_white@2x.png);
	background-repeat: no-repeat;
 	background-position: center center;
 	background-size: 60px 60px;  
}

.contents-navigation-area .contents-navigation-box .sub-function-list button.btn-font-viewer.on {
	background: transparent url(/images/uportal/site/icon_view_white.png);
	background: -webkit-linear-gradient(transparent,transparent),url(/images/uportal/site/icon_view_white@2x.png);
	background: linear-gradient(transparent,transparent),url(/images/uportal/site/icon_view_white@2x.png);
	background-repeat: no-repeat;
 	background-position: center center;
 	background-color: #1680e8;
 	background-size: 60px 60px;
}


.btn-font-bigger{position:relative;text-indent: -9999px;display:inline-block;background:none;width:15px;height:15px;}
.btn-font-bigger:before{
	position:absolute;
	top:2px;
	left:0;
	content:"\271A";
	display:block;
	text-indent:0;
	font-size:15px;
	font-family:'NotoKrB';
	line-height:1;
	color:#000000;
}
.btn-font-small{position:relative;text-indent: -9999px;display:inline-block;background:none;width:15px;height:15px;}
.btn-font-small:before{
	position:absolute;
	top:1px;
	left:0;
	content:"\268A";
	display:block;
	text-indent:0;
	font-size:16px;
	font-family:'NotoKrB';
	line-height:1;
}

.contents-navigation-area .contents-navigation-box .sub-function-list .btn-font-bigger:hover,
.contents-navigation-area .contents-navigation-box .sub-function-list .btn-font-bigger:focus {
	text-indent: -5000em;
	background: transparent url(/images/uportal/site/icon_plus_white.png);
	background: -webkit-linear-gradient(transparent,transparent),url(/images/uportal/site/icon_plus_white@2x.png);
	background: linear-gradient(transparent,transparent),url(/images/uportal/site/icon_plus_white@2x.png);
	background-repeat: no-repeat;
 	background-position: center center;
 	background-size: 60px 60px; 
}


.contents-navigation-area .contents-navigation-box .sub-function-list button.btn-font-reset {
	text-indent: -5000em;
	background: transparent url(/images/uportal/site/icon_font_reset.png);
	background: -webkit-linear-gradient(transparent,transparent),url(/images/uportal/site/icon_font_reset@2x.png);
	background: linear-gradient(transparent,transparent),url(/images/uportal/site/icon_font_reset@2x.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 45px 45px;
}

.contents-navigation-area .contents-navigation-box .sub-function-list .btn-font-reset:hover,
.contents-navigation-area .contents-navigation-box .sub-function-list .btn-font-reset:focus {
	text-indent: -5000em;
	background: transparent url(/images/uportal/site/icon_font_reset_white.png);
	background: -webkit-linear-gradient(transparent,transparent),url(/images/uportal/site/icon_font_reset_white@2x.png);
	background: linear-gradient(transparent,transparent),url(/images/uportal/site/icon_font_reset_white@2x.png);
	background-repeat: no-repeat;
 	background-position: center center;
 	background-size: 60px 60px; 
}

.contents-navigation-area .contents-navigation-box .sub-function-list button.btn-font-small {
	text-indent: -5000em;
	background: transparent url(/images/uportal/site/icon_minus.png);
	background: -webkit-linear-gradient(transparent,transparent),url(/images/uportal/site/icon_minus@2x.png);
	background: linear-gradient(transparent,transparent),url(/images/uportal/site/icon_minus@2x.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 45px 45px;
}

.contents-navigation-area .contents-navigation-box .sub-function-list .btn-font-small:hover,
.contents-navigation-area .contents-navigation-box .sub-function-list .btn-font-small:focus {
	text-indent: -5000em;
	background: transparent url(/images/uportal/site/icon_minus_white.png);
	background: -webkit-linear-gradient(transparent,transparent),url(/images/uportal/site/icon_minus_white@2x.png);
	background: linear-gradient(transparent,transparent),url(/images/uportal/site/icon_minus_white@2x.png);
	background-repeat: no-repeat;
 	background-position: center center;
 	background-size: 60px 60px; 
}

/* container */
.container {
	position: relative;
	padding-left: 317px;
	width: 963px;
	margin: 0 auto;
	min-height:620px;
}

.container.hide-pc-lnb {
	padding-left: 0;
	width: 100%;
	max-width: 1300px;
}

.container:after {
	content: "";
	clear: both;
	display: block;
}

.container.total-search {
	max-width: 1290px;
	padding: 0 20px 80px 20px;
}

.container.hide-pc-lnb .lnb {
	display: none;
}

.lnb {
	position: absolute;
	top: 0;
	left: 0;
	width: 259px;
}

.lnb > h2 {
	position:relative;
	color: #000000;
	font-size: 26px;
	line-height: 1em;
	padding:0 0 27px 0;
	margin-bottom: 20px;
	font-weight: 600;
	border-bottom: 2px solid #07535e;
}

.lnb ul {
	margin: 21px 0 0 0;
	padding: 0;
	background: #fff;
}

.lnb ul > li {
	display: block;
	border-bottom: 1px solid #c5c5c5;
}

.lnb ul > li > a {
	position:relative;
	display: block;
	padding: 0 15px;
	color: #000000;
	font-size: 	16px;
	height:60px;
	line-height:60px;
	font-family:'NotoKrB';
	word-break: keep-all;
	border-radius:5px;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;

}

.lnb ul > li > a.depth3{padding-left:25px;font-size:16px;}
.lnb ul > li > a.depth3:before{content:"- ";}
 
.lnb ul > li > a.on,
.lnb ul > li > a.selected {
	font-size: 	17px;
	color: #ffffff;
	background-color: #07535e;
	box-shadow:0px 0px 15px rgb(99 99 99 / 60%);
}

.lnb ul > li > a.selected:after{
	width: 5px;
	height: 5px;
	background: #fff;
	border-radius: 5px;
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 21px;
}

.left_tab {
	width: 259px;
}

.left_tab > h2 {
	display:none;
	position:relative;
	color: #000000;
	font-size: 26px;
	line-height: 1em;
	padding:0 0 27px 0;
	margin-bottom: 20px;
	font-weight: 600;
	border-bottom: 2px solid #4e93cc;
	background: url("/images/uportal/site/lnb_bg.png") no-repeat right bottom;
}

.left_tab ul {
	margin: 6px 0 0 0;
	padding: 0;
	background: #fff;
	border-top: 1px dotted #c5c5c5;
}

.left_tab ul > li {
	display: block;
	border-bottom: 1px dotted #c5c5c5;
}

.left_tab ul > li > a {
	position:relative;
	display: block;
	padding: 0 30px;
	color: #666666;
	font-size: 	14px;
	height:40px;
	line-height:40px;
	font-family:'NotoKrM';
	word-break: keep-all;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;

}

.left_tab ul > li > a.depth3{padding-left:25px;font-size:16px;}
.left_tab ul > li > a.depth3:before{content:"- ";}

.left_tab ul > li > a.on,
.left_tab ul > li > a.selected {
	color: #ffffff;
	background-color: #00C0F3;
}

/*.left_tab ul > li > a.selected:after{
	width: 5px;
	height: 5px;
	background: #fff;
	border-radius: 5px;
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 21px;
}*/

/* contents */
.contents {
	min-height: 530px;
	padding-bottom: 50px;
}

.contents .contents-title-wrapper {
	position:relative;
	margin-bottom: 25px;
	border-bottom: 1px solid #000;
	padding-bottom: 3px;
}

.contents .contents-title-wrapper:after {
	content: "";
	clear: both;
	display: block;
}

.contents .contents-title-wrapper i{position:absolute;bottom:10px;right:0;font-style:normal;color:#222222;}

.contents .contents-title-wrapper h3  {
	float: left;
	font-size: 30px;
	padding:0 0 19px 0;
	color: #000000;
	font-family: 'NotoKrM', NotoKrM, sans-serif;
	font-weight: 500;
}

.contents-pop-title-wrapper{position:relative;margin-bottom: 15px;border-bottom: 1px solid #e5e5e5;}
.contents-pop-title-wrapper{
	text-align:center;
	background:url(/images/uportal/site/bg_header_area.png) no-repeat 0 center;
	background-size:cover;
}
.contents-pop-title-wrapper:after{content: "";clear: both;display: block;}
.contents-pop-title-wrapper i{position:absolute;bottom:10px;right:0;font-style:normal;color:#222222;}
.contents-pop-title-wrapper h3{float: left;height: 48px;margin-bottom: -1px;font-size: 2.154em;line-height: 1em;color: #126bc2;font-family: 'NotoKrM', NotoKrM, sans-serif;font-weight: 500;border-bottom: 4px solid #126bc2;}
.contents-pop-title-wrapper h3{color:#000000;border:none;float:none;line-height:75px;height:75px;margin:0;}

.rightCont.hfix .content_body{background:#ffffff;}

/* footer */
.footer {
	position:relative;
	padding-bottom:50px;
}

.footer-menulist {
	padding: 20px;
	border-top:1px solid #E4E4E4;
	border-bottom:1px solid #E4E4E4;
	margin-bottom:35px;
}

.footer-menulist ul {
	width: 1280px;
	margin: 0 auto;
}

.footer-menulist ul > li {
	float: left;
	padding-right: 14px;
	margin-right: 9px;
}

.footer-menulist ul > li > a {
	color: #000000;
	font-family: 'NotoKrM';
	font-size:16px;
}

.footer-menulist ul > li > a:hover {
	text-decoration: underline;
}

.footer-menulist ul > li > a.point-privacy {
	color: #006ED4;
}

.footer-information {
	position:relative;
	width: 1280px;
	margin: 0 auto;
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
}

.footer-information address,
.footer-information .callcenter-information {
	display: inline-block;
	vertical-align: middle;
	color: #4d4d4d;
	font-size: 1.077em;
	line-height: 1.286em
}

.footer-information .copyrigyht {
	padding-top: 5px;
	color: #222222;
	font-family: 'NotoKrB',  sans-serif;
	font-weight: 700;
}
.footer-information .copyrigyht span{vertical-align:top;}

.clear{position:relative;}

.footer-menulist ul > li.last_phone{position:absolute;right:0;padding:0;margin:0;float:none;}
.footer-menulist ul > li.last_phone span{font-family: 'NotoKrB';font-size:16px;color:#000000;}
.footer-menulist ul > li.last_phone span:before{
	position:absolute;
	left:-31px;
	top:-3px;
	width:24px;
	height:24px;
	background-image:url(/images/uportal/site/icon_cellphone.png);
	content:"";
	display:inline-block;
}

.about_stat *{color:#4D4D4D;}
.about_stat > strong{font-family:'NotoKrB';font-size:16px;margin-bottom:6px;display:block;}
.about_stat dl{display:flex;gap:17px;}
.about_stat dl *{font-family:'NotoKrR';font-size:14px;}
.about_stat dl div{margin:7px 0;}

.logo_add{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 35px;
}
.logo_add address{color:#4d4d4d;}




.btn-top-go {
	display: none;
	position: fixed;
	bottom: 50%;
	right: 0;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	font-family: 'NotoKrM', sans-serif;
	font-weight: 500;
	background: #173b65;
	opacity: 0.8;
	border-radius: 2px;
	z-index:200;
}

.btn-mobile-back {
	display: none;
	position: fixed;
	bottom: 50%;
	right: 0;
	width: 50px;
	height: 50px;
	line-height: 50px;
	margin-bottom: -52px;
	text-align: center;
	color: #fff;
	font-family: 'NotoKrM', sans-serif;
	font-weight: 500;
	background: #173b65;
	opacity: 0.8;
	border-radius: 2px;
	z-index:200;
}

.new-window-header {
	margin-bottom: 15px;
	height: 63px;
	background: #24476d;
	-webkit-box-shadow: 1px 5px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 5px 10px 0px rgba(0,0,0,0.2);
	box-shadow: 1px 5px 10px 0px rgba(0,0,0,0.2);	
}

.new-window-header-area {
	max-width: 1000px;
	height: 63px;
	margin: 0 auto;
}

.new-window-header-area h1 {
	display: block;
	padding-top: 10px;
}

.new-window-header-area h1 > a {
	float: left;
	margin-right: 11px;
}

.new-window-header-area h1 > a > img {
	display: inline-block;
	vertical-align: middle;
	height: 41px;
}

.new-window-header-area h1 > span {
	float: left;
	margin-top: 22px;
	color: #91a7ba;
	font-size: 1.231em;
	font-family: 'NotoKrM', NotoKrM, sans-serif;
	font-weight: 500;
}

.text-red {color:#ff0000;vertical-align:top;}
.stat-click {background:#c7eaff;}

.wa{position:absolute;top:-20px;right:0;}
.wa img{-ms-interpolation-mode:nearest-neighbor;}

.chartMenu{text-align:right;}

.dropdown-content{position:absolute;top:44px;right:0;z-index:10;}
.dropdown-content ul{background:#f8f8f8;border:1px solid #adadad;border-radius:3px;display:inline-block;text-align:left;padding:5px 10px 5px 5px;}
.dropdown-content ul li:before{content:"- ";}
.dropdown-content a{color:#336699;font-size:12px;}
.dropdown-content a > span{display:inline-block;width:56px;vertical-align:baseline;}
.dropdown-content a:hover{font-weight:bold;color:#0046ae;}
.dropdown-content a:hover > span{font-weight:bold;color:#0046ae;}

/* communication.css */
/* 개발자공간 */
.section_OpenAPI_guide ol {margin:4px 0 0px 0px;}
.section_OpenAPI_guide ol li {padding:10px 0 2px 32px;}
.section_OpenAPI_guide ol li.num_1 {background:url('../../img/ggportal/desktop/communication/num_1.png') no-repeat 4px 8px;}
.section_OpenAPI_guide ol li.num_2 {background:url('../../img/ggportal/desktop/communication/num_2.png') no-repeat 4px 8px;}
.section_OpenAPI_guide ol li.num_3 {background:url('../../img/ggportal/desktop/communication/num_3.png') no-repeat 4px 8px;}
.section_OpenAPI_guide ol li.num_4 {background:url('../../img/ggportal/desktop/communication/num_4.png') no-repeat 4px 8px;}
.section_OpenAPI_guide ol .num {position:absolute; left:-100000px; text-indent:-100000px;}
.section_OpenAPI_guide .txt_OpenAPIguide {border:1px solid #d1d1d1;}
.section_OpenAPI_guide p + .txt_OpenAPIguide {margin:7px 0 0 0;}
.section_OpenAPI_guide .txt_OpenAPIguide + p {margin:6px 0 0 0;}
.OpenAPI {padding:16px 14px 17px 20px;}
.OpenAPI p {padding:0px 0px 12px 0px;}
@media all and (max-width:767px) {
.OpenAPI {padding:6px 5px 7px 10px; font-size:11px; line-height:18px;}
.area_OpenAPIguide .OpenAPIguide {padding:6px 5px 5px 10px; background:#f9f9f9; border:1px solid #e4e4e4;}
.area_OpenAPIguide .OpenAPIguide .tit.mq_tablet {display:none;}
.area_OpenAPIguide .OpenAPIguide ul li {font-size:11px; line-height:18px;}
}
@media all and (min-width:768px) {
.area_OpenAPIguide {position:relative; overflow:hidden; width:100%; height:0; margin:30px 0 0 0; padding-bottom:28%;}
.area_OpenAPIguide .OpenAPIguide {position:absolute; top:0; left:0; width:100%; height:100%; padding:0 4% 0 4%; -webkit-box-sizing:border-box; box-sizing:border-box; background:#f9f9f9; background-size:contain;}
.area_OpenAPIguide .OpenAPIguide .tit {display:block; padding:35px 0 24px 0; color:#555; text-decoration:underline;}
}
/* 개발자공간 E */

/* 자주하는 질문 */
.wrap_dl_FAQ {border-bottom:1px solid #c6c6c6;}
.dl_FAQ dt {background:#fff url('/images/uportal/site/txt_question.png') no-repeat 15px 15px; border-top:1px solid #e4e4e4;}
.wrap_dl_FAQ dl:first-child dt {border-top:1px solid #919191;} 
.dl_FAQ dt a {display:block; padding:16px 45px 17px 47px; background:url('/images/uportal/site/btn_view_answer.png') no-repeat right center; font-weight:bold; color:#666;}
.dl_FAQ dt a.on {background:url('/images/uportal/site/btn_close_answer.png') no-repeat right center;}
.dl_FAQ dd {display:none; padding:17px 45px 17px 47px; background:#f9f9f9 url('/images/uportal/site/txt_answer.png') no-repeat 0 0; color:#656565;}
.dl_FAQ span.tit {position:absolute; left:0px; top:0px; visibility:hidden;}
.dl_FAQ .noData {background:#fff; padding:5px 0 6px 0; text-align:center; color:#284e85;}
@media all and (max-width:767px) {
.wrap_dl_FAQ + fieldset {margin:10px 0 0 0;}
.dl_FAQ dt {background-position:10px 10px;}
.dl_FAQ dt a {padding:10px 35px 11px 38px; background-image:url('/images/uportal/site/btn_view_answer.png');}
.dl_FAQ dt a.on {background-image:url('/images/uportal/site/btn_close_answer.png');}
.dl_FAQ dd {padding:11px 35px 11px 38px; background:#f9f9f9 url('/images/uportal/site/txt_answer.png') no-repeat 0 0; }
}
/* 자주하는 질문 E */

.faq_nodata{text-align:center;padding:20px;font-size:14px;}

/* 개방통계 */
.section_stats_result {margin:30px 0 0 0}
@media all and (max-width:767px) {
.section_stats_result {margin:0px 0 0 0}
.section_stats_result .table_datail_AB.w_1 th {width:30%;}
.section_stats_result .table_datail_AB.w_1 td {width:20%;}
}
.stats.stats_sort {background:#3e3f54;}
.stats.stats_type {background:#ff6600;}
.stats div:after {display:block; content:''; clear:both;}
.stats a {float:left; height:43px; padding:37px 0 0 0; background-repeat:no-repeat; background-position:50% 0%; text-align:center; font-size:11px; color:#fff;}
.stats.stats_sort a{background-size:55%;}
.stats.stats_type a.type_1 {background-image:url('../../img/ggportal/desktop/intro/icon_type_1.png')}
.stats.stats_type a.type_2 {background-image:url('../../img/ggportal/desktop/intro/icon_type_2.png')}
.stats.stats_type a.type_3 {background-image:url('../../img/ggportal/desktop/intro/icon_type_3.png')}
.stats.stats_type a.type_4 {background-image:url('../../img/ggportal/desktop/intro/icon_type_4.png')}
.stats.stats_type a.type_5 {background-image:url('../../img/ggportal/desktop/intro/icon_type_5.png')}
.stats.stats_type a.type_6 {background-image:url('../../img/ggportal/desktop/intro/icon_type_6.png')}
.stats.stats_type a.type_7 {background-image:url('../../img/ggportal/desktop/intro/icon_type_7.png')}
.stats a strong {display:block; font-size:11px; color:#fff; line-height:17px;}
.stats.stats_sort a strong {color:#fe6601;}
@media all and (max-width:767px) {
.stats {padding:19px 0 6px 0px;}
.stats a {padding:34px 0 6px 0; font-size:12px;}
.stats.stats_sort a {background-size:39px 29px;}
.stats.stats_type a {background-size:29px 29px;}
.stats.stats_sort a,
.stats.stats_type a {width:33.33333%;}
.stats a strong {font-size:14px; line-height:16px;}
.graph_stats {display:none;}
}
@media all and (min-width:768px) {
.stats {height:98px; padding:29px 0 0 0px;}
.stats.stats_sort a {width:8.33%;}
.stats.stats_type a {width:14.2857142857%;}
}
.graph_stats {width:100%; margin:50px 0 0 0px;}
.graph_stats th {padding:6px 0 0 0; border-top:1px solid #dbdbdb; text-align:center; font-size:11px; color:#4b4a5c; font-weight:normal;}
.graph_stats.graph_stats_sort th {width:8.33%;}
.graph_stats.graph_stats_type th {width:14.2857142857%;}
.graph_stats td {height:100px; text-align:center; vertical-align:bottom;}
.graph_stats td div {position:relative; background:url('../../img/ggportal/desktop/communication/bar_graph_stats.png') repeat-y center 0px;}
.graph_stats td div strong {position:absolute; left:0px; top:-20px; width:100%; text-align:center; font-size:11px; color:#4b4a5c;}
/* 개방통계 E */

/* board.css */
.btns-area {
	text-align: center;
}

.btns-area:after {
	content: "";
	clear:both;
	display: block;
}

.btns {
	display: inline-block;
	vertical-align: middle;
	height: 27px;
	line-height: 27px;
	margin-bottom: 12px;
	color: #fff;
	font-size: 14px;
	font-family: 'NotoKrM', sans-serif;
	font-weight: 500;
	margin: 0 2px;
	border: 0;
	cursor: pointer;
	box-sizing: border-box;
}

.btns02 {
	display: inline-block;
	vertical-align: middle;
	margin: 0 2px;
}

.btns02 span {
	display: block;
	min-width: 50px;
	height: 43px;
	line-height: 43px;
	padding: 0 20px;
	color: #fff;
	font-family: 'NotoKrM', sans-serif;
	font-weight: 500;
	cursor: pointer;
	text-align: center;
	border-radius:4px;
}

.btns-color01 span {
	border: 1px solid #5f646d;
	background-color: #5f646d
}

.btns-color02 span {
	font-size: 14px;
	color: #000000;
	border: 1px solid #000;
}

.btns-color03 span {
	border: 1px solid #1680e8;
	background-color: #1680e8
}

.btns-color04 span {
	border: 1px solid #787C86;
	background-color: #787C86
}

.btns-color05 {
	background-color: #5c9ad7;
	/*background: -moz-linear-gradient(-45deg,  #48c95c 2%, #126bc2 100%);*/
	/*background: -webkit-linear-gradient(-45deg,  #48c95c 2%,#126bc2 100%);*/
	/*background: linear-gradient(135deg,  #48c95c 2%,#126bc2 100%);*/
}

.btns-color06 {
	background-color: #f26826 
}

.btns-color07 {
	background-color: #53586c 
}

.btns-color08 {
	border: 1px solid #b2b9c4;
	color: #666666 !important;
	background: #fff;
}

.btn-m {
	display: inline-block;
	vertical-align: middle;
	height: 37px;
	line-height: 37px;
	font-size: 1.231em;
	color: #fff;
	padding: 0 30px;
	box-sizing: border-box;
	margin: 0 2px;
	text-align: center;
}

.btn-b {
	display: inline-block;
	vertical-align: middle;
	height: 52px;
	width: 236px;
	font-size: 1.385em;
	line-height: 1.333em;
	color: #fff;
	padding: 15px 30px;
	box-sizing: border-box;
	margin: 0 2px;
	border-radius:30px;
	text-shadow: 0px 0px 2px rgba(0,0,0,.8);
	font-family: 'NotoKrB', NotoKrM, sans-serif
}

.btn-download span {
	float: left;
}

.btn-download img {
	float: right;
	width: 19px;
	margin-top: 5px;
}

.btn-s {
	display: inline-block;
	vertical-align: middle;
	height: 22px;
	line-height: 22px;
	font-size: 13px;
	color: #fff;
	padding: 0 15px;
}

.btn-s02 {
	display: inline-block !important;
	vertical-align: middle;
	height: 19px;
	line-height: 19px;
	font-size: 12px;
	color: #fff;
	padding: 0 10px;
	border: 1px solid #b2b9c4;
	border-radius: 3px;
}

.btn-s03 {
	display: inline-block;
	vertical-align: middle;
	height: 26px;
	line-height: 26px;
	font-size: 13px;
	color: #fff;
	padding: 0 15px;
	box-sizing: border-box;
}

.btn-s04 {
	display: inline-block;
	vertical-align: middle;
	height: 30px;
	line-height: 27px;
	font-size: 13px;
	color: #fff;
	padding: 0 8px;
	box-sizing: border-box;
	border-radius:4px
}

.btn-s04 > img {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}

.btn-s04.h43{height: 43px;	line-height:43px;font-size: 14px;}

.search-wrapper02 .btn-s04.h43.btns-color08{line-height:39px;}
.search-wrapper02 .btn-s04.h43.btns-color08 img{top:0;}

.btn-s04 > span {
	display: inline-block;
	vertical-align: middle;	
}



/* 게시판 */
.board-area {
	position: relative;
}

.board-area h3.title{
	font-size: 19px;
	color: #000000;
	font-family: 'NotoKrB';
	display: inline-block;
	margin-bottom: 10px;
}

.board-area .total {
	float: left;
	margin-top: 15px;
	font-size: 1.154em;
	line-height: 1em;
	color: #6c6e6f;
}


.board-area .total.type02 {
	margin-top: 5px;
	color: #333333;
	font-size: 1.231em;
	font-family: 'NotoKrM', NotoKrM, sans-serif;
	font-weight: 500;
}

.board-area .total.float-none {
	float: none;
}

.board-area .total strong {
	color: #ed0000;
	font-family: 'NotoKrB', sans-serif;
}

.board-area .search-wrapper {
	float: right;
	border: 0px solid red;
}

.board-area .search-area {
	text-align: right;
	margin: 0;
	padding: 0;
	padding-bottom: 15px;
}

.board-area .search-area.fl {
	float: left;
}

.board-area .search-area select {
	display: inline-block;
	vertical-align: top;
	width: 134px;
	height: 43px;
	line-height: 43px;
	border: 1px solid #d5d5d5;
	border-radius: 0;
	text-indent: 10px;
	box-sizing: border-box;
	font-size:14px;
}

.board-area .search-area .search-box {
	display: inline-block;
	vertical-align: top;
}

.board-area .search-area .search-box input[type="search"] {
	display: inline-block;
	vertical-align: top;
	border: 1px solid #d5d5d5;
	height: 43px;
	line-height: 43px;
	padding: 0;
	width: 220px;
	text-indent: 10px;
	background: #fff;
	border-radius: 0;
	-webkit-appearance: none;
	box-sizing: border-box;
	font-size:14px;
}


.board-area .search-area .search-box input[type="submit"] {
	display: inline-block;
	vertical-align: middle;
	width: 64px;
	height: 43px;
	line-height: 43px;
	margin-left: 1px;
	border-radius: 0;
	border: 0;
	text-align: left;
	-webkit-appearance: none;
	color: #fff;
	cursor: pointer;
	text-align: center;
	background:#000;
	font-size: 14px;
	border-radius:4px;
}

.board-area .search-area .search-box button[type="button"] {
	display: inline-block;
	vertical-align: middle;
	width: 64px;
	height: 35px;
	line-height: 35px;
	margin-left: 1px;
	border-radius: 0;
	border: 0;
	text-align: left;
	-webkit-appearance: none;
	color: #fff;
	cursor: pointer;
	text-align: center;
	background: #767676;
	font-size: 1.154em;
}

.search-wrapper .qna-insert-button {
	float: right;
	margin-left: 4px;
	background: #53586c;
	height: 43px;
	line-height: 43px;
	font-size: 14px;
	color: #fff;
	padding: 0 30px;
	box-sizing: border-box;
	text-align: center;
	border-radius:4px;
}

.board-area .search-wrapper02 {
	position: relative;
	margin: 0;
	padding: 0;
	text-align: center;
	padding-bottom: 10px;
}

.search-area02.openApi{text-align: right;padding-right:130px}

.board-area .search-wrapper02 > .btn-s04 {
	position: absolute;
	top: 0;
	right: 0;
}

.board-area .search-wrapper02 .search-area02 select {
	display: inline-block;
	vertical-align: top;
	width: 134px;
	height: 43px;
	line-height: 43px;
	border: 1px solid #d5d5d5;
	border-radius: 0;
	text-indent: 10px;
	box-sizing: border-box;
	font-size:14px;
	border-radius: 5px;
}

.board-area .search-area02 .search-box02 {
	position: relative;
	display: inline-block;
	vertical-align: top;
}

.board-area .search-area02 .search-box02 input[type="search"] {
	display: inline-block;
	vertical-align: top;
	border: 1px solid #d5d5d5;
	height: 43px;
	line-height: 43px;
	padding: 0;
	width: 220px;
	text-indent: 10px;
	background: #fff;
	border-radius: 0;
	-webkit-appearance: none;
	box-sizing: border-box;
	font-size:14px;
	border-radius: 5px;
}


.board-area .search-area02 .search-box02 input[type="submit"] {
	display: inline-block;
	vertical-align: middle;
	width: 64px;
	height: 43px;
	line-height: 43px;
	margin-left: 1px;
	border-radius: 0;
	border: 0;
	text-align: left;
	-webkit-appearance: none;
	color: #fff;
	cursor: pointer;
	text-align: center;
	background: #4e93cc;
	font-size: 14px;
	border-radius:5px;
}

.board-area .search-area02 .search-box02.selected-depth2 > select {
	width: 100px;
}

.board-top-information {
	position: relative;
	margin-bottom: 10px;
}

.board-top-information.totalsearch {
	margin-bottom: 10px;
}

.board-top-information.totalsearch .total {
	margin-top: 10px;
	margin-bottom: 0;
	float: left !important;
}

.board-top-information.totalsearch .btns-wrapper {
	clear: none;
	float: right !important;
}


.btns-wrapper {
	float: right;
}

.word-right {
	float: right;
}

.search-wrapper.search-micro .search-area{display: flex;align-items: center;gap: 10px}
.search-wrapper.search-micro .board-area .search-area .search-box input{font-size: 15px}

/* 게시판 목록 */
.board-list09{clear:both;border-top:2px solid #66575a;}

.board-list09 table thead .title{width:64%;}
.board-list09 table thead .writer{width:10%;}
.board-list09 table thead .date{width:16%;}
.board-list09 table thead .hit{width:10%;}

.board-list09 table tbody tr:hover{background:#f9f9f9;}
.board-list09 table thead th{color: #666666;background:#f7f7f7;padding:10px 5px;text-align:center;vertical-align:middle;border-bottom:1px solid #cccccc;font-family: 'NotoKrL', sans-serif;font-weight:100;}
.board-list09 table tbody td{border-bottom:1px solid #dddddd;color:#666666;text-align:center;padding:10px 5px;}
.board-list09 table tbody td a{color:#666666;display:inline-block;vertical-align:middle;max-width:100%;}

.board-list09 .mobile_block{display:none;overflow:hidden;}
.board-list09 .mobile_block li{float:left;padding:0 5px 0 0;font-size:12px;}
.board-list09 .mobile_block li:before{content:"|";margin:0 5px 0 0;font-size:10px;color:#999999;}
.board-list09 .mobile_block li:first-child:before{content:"";margin:0;}

.mobile_content{display:none;}

.ncontent_next ul li{border-bottom:1px solid #dddddd;padding:10px;}
.ncontent_next ul li span{vertical-align:top;display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:calc(100% - 100px);}

.nc_next strong{background:url(/images/uportal/site/icon_prev_next.png) no-repeat 0 5px;display:inline-block;padding:0 0 0 25px;margin:0 10px 0 0;}
.nc_prev strong{background:url(/images/uportal/site/icon_prev_next.png) no-repeat 0 -87px;display:inline-block;padding:0 0 0 25px;margin:0 10px 0 0;}

@media only all and (max-width:767px) {
	.m767none{display:none;width:0;}
	.mobile_content{display:block;text-align:left;padding:8px 0 0 0;border-top:1px solid #dddddd;margin:6px 0 0 0;}
	.mobile_title{text-align:left;padding:0 0 3px 0;color:#000000;}
	.board-list09 .mobile_block{display:block;}
	.ncontent_next ul li{padding:10px 0;}
	.nc_next strong{text-indent:-9999px;width:17px;padding:0;margin:0 5px 0 0;}
	.nc_prev strong{text-indent:-9999px;width:17px;padding:0;margin:0 5px 0 0;}
}

.align_left{text-align:left !important;}

.content-list{clear: both;border-top: 2px solid #0053a3;}
.content-list table {font-size: 14px;}
.content-list.line01 table th,
.content-list.line01 table td {padding: 13px 5px;border-right: 1px solid #e5e6e6;}
.content-list table thead th {
	color: #000000;
	background: #f7f7f7;
	padding: 10px 5px;
	text-align: center;
	vertical-align: middle;
	border-bottom: 1px solid #cccccc;
	font-family: 'NotoKrB', sans-serif;
	font-weight: normal;
}
.content-list table tbody td {
	border-bottom: 1px solid #dddddd;
	color: #000000;
	text-align: center;
	padding: 10px 5px;
}

.content-list table tbody td .board-icon{width:20px;}
.content-list table tbody td .board-icon.mobile{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-left: 0;
	margin-right: 1px;
	margin-top: -3px;
}

.content-list table tbody td.left{text-align:left;}
.content-list table tbody td .mobile-info{display:none;}

.board-list01 {clear: both;border-top:1px solid #328c99;}
.board-list01 table {font-size: 14px;}
.board-list01 tr.notice {background: #f8f7f2;}
.board-list01 table th,
.board-list01 table td{border-width:0;}

.presentation-material-area.otherTb{padding:0 !important;}
.presentation-material-area.otherTb .board-list01{border-top: 0 !important;}

.board-list01.line01 table {
	font-size: 14px;
}

.board-list01.line01 table th,
.board-list01.line01 table td {
	padding: 13px 5px;
	border-right: 1px solid #e5e6e6;
}

.board-list01.line01 table th.line-none,
.board-list01.line01 table td.line-none,
.board-list01.line01 table th:last-child,
.board-list01.line01 table td:last-child {
	border-right: 0;
}

.board-list01.line01 table tbody td.title {
	padding: 13px 15px;
}


.board-list01 table thead th {
	color: #000000;
	background: #f5f6f8;
	padding: 18px 5px;
	text-align: center; 
	vertical-align: middle; 
	border-bottom: 1px solid #cccccc;
	font-family: 'NotoKrB', sans-serif;
	font-weight: normal;
}

.board-list01 table tbody th{
	background:#f7f7f7;
	border-top:1px solid #dddddd; 
	border-bottom:1px solid #dddddd; 
	font-weight:normal;
	font-size: 15px;
}

.board-list01 table tbody td {
	border-bottom: 1px solid #dddddd; 
	color: #000000;
	text-align: center; 
	padding: 20px 5px;
	font-size: 15px;
}

.board-list01 table tbody td a {
	color: #666666;
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
}


.board-list01 table tbody td input[type="radio"] {
	display: inline-block;
	vertical-align: middle;
}
.board-list01 table tbody td .key {
	display: inline-block;
	vertical-align: middle;
	padding-left: 30px;
	color: #555560;
	background: transparent url(/images/uportal/site/icon_key.gif);
	background: -webkit-linear-gradient(transparent,transparent),url(/images/uportal/site/icon_key@2x.gif);
	background: linear-gradient(transparent,transparent),url(/images/uportal/site/icon_key@2x.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
	background-size: 16px 16px;		
}

/*
.board-list01 table tbody td.title {
	padding: 10px 15px 13px 15px;
}
*/

.board-list01 table tbody td.title a {
	overflow: hidden;
	white-space: nowrap; 
	text-overflow: ellipsis; 
	-o-text-overow: ellipsis;
	color:#000000;
	font-size: 15px;
}

.board-list01 table tbody td.title a.w100 {
	max-width: 100% !important;
}

.board-list01 table tbody td.title a:hover {
	text-decoration: none;
}


.board-list01 table tbody td .word-summary {
	display: inline-block;
	vertical-align: top;
	max-width: 90%;
	overflow: hidden;
	white-space: nowrap; 
	text-overflow: ellipsis; 
	-o-text-overow: ellipsis;
	color: #999999;
	font-family: 'NotoKrL', sans-serif;
	font-weight: 100;
	line-height: 1em;
}


.board-list01 table tbody td.title a img {
	margin-left: 5px;
}

.board-list01 table tbody td a:hover {
	color: #5994ed;
	text-decoration: underline;
}
	
.board-list01 table tbody td a .comment-hit {
	color: #f56300
}

.board-list01 table tbody td .icon {
	display: inline-block;
	vertical-align: top;
	padding: 0 5px;
	height: 19px;
	line-height: 19px;
	margin-top: 3px;
	margin-right: 5px;
	color: #fff;
	font-size: 0.688em;
}

.board-list01 table tbody td .icon-answer,
.board-list01 table tbody td .icon-hit {
	display: inline-block;
	vertical-align: middle;
	min-width: 40px;
	padding: 0 5px;
	height: 19px;
	line-height: 19px;
	margin-right: 5px;
	color: #fff;
	font-size: 12px;
}

.board-list01 table tbody td .icon.notice {
	background: #4a4a5c
}

.board-list01 table tbody td .icon-answer.type01 {
	background: #f15c22
}
.board-list01 table tbody td .icon-answer.type02 {
	background: #4b4a5c
}
.board-list01 table tbody td .icon-answer.type03 {
	background: #1680e8
}

.board-list01 table tbody td .icon-hit.type01 {
	background: #f19d22
}

.board-list01 table tbody td .icon-hit.type02 {
	background: #184e96
}


.board-list01 table tbody td .icon-reply {
	display: inline-block;
	vertical-align: middle;
	width: 13px;
	height: 9px;
	margin-right: 5px;
	text-indent: -5000em;
	background: transparent url(/images/uportal/site/icon_reply.gif) no-repeat 0 0;
	background: -webkit-linear-gradient(transparent, transparent), url(/images/uportal/site/icon_reply@2x.gif) no-repeat 0 0;
	background: linear-gradient(transparent, transparent), url(/images/uportal/site/icon_reply@2x.gif) no-repeat 0 0;
	background-size: 13px 9px;
}

.board-list01 table tbody td.right-line {
	border-right: 1px solid #f2f2f2
}

.board-list01 table th.notice,
.board-list01 table td.notice {
	width: 5%;
}

.board-list01 table .number {
	width: 8%;
}

.board-list01 table .number-block {
	width: 10%;
}

.board-list01 table .division {
	width: 15%;
	word-break: keep-all;
}

.board-list01 table .division02 {
	width: 10%;
}

.board-list01 table .name {
	width: 18%;
}

.board-list01 table .summary {
	width: 60%;
}

.board-list01 table .affiliate {
	width: 12%; 
	color: #e84a4e
}

.board-list01 table .date {
	width: 12%;
	font-family:'NotoKrM';
}

.board-list01 table .writer {
	width: 10%;
}
.board-list01 table .file {
	width: 10%;
}

.board-list01 table .file02 {
	width: 15%;
}

.board-list01 table .answer {
	width: 10%;
}

.board-list01 table .hit {
	width: 8%;
	font-family:'NotoKrM';
}

.board-list01 table .hit02 {
	width: 10%;
}

.board-list01 table .counter {
	width: 10%;
}

.board-list01 table .support {
	width: 10%;
}

.board-list01 table .disclosure {
	width: 10%;
}

.board-list01 table .status {
	width: 10%;
}

.board-list01 table .item {
	width: 25%;
}

.board-list01 table .cycle {
	width: 10%;
}

.board-list01 table .department {
	width: 15%;
}

.board-list01 table .stats-type {
	width: 12%;
}

.board-list01 table .hit-type {
	width: 12%;
}

.board-list01 table .btn-hit {
	width: 12%;
}

.board-list01 table .code-search {
	width: 15%;
}

.board-list01 table tbody td.left {
	text-align:left; 
}
.board-list01 table tbody td.center {
	text-align:center; 
}
.board-list01 table tbody td.right {
	text-align:right; 
}
.board-list01 table tbody td .mobile-notice-icon {
	display: none;
}
.board-list01 table tbody td .mobile-info {
	display: none;
}

.word-right .board-icon,
.board-list01 table tbody td .board-icon {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
}


.board-list01 table tbody td.file02 .board-icon {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	margin-top: -2px;
}

.board-list01 table tbody td.no-data {
	color: #999999;
	font-family: 'NotoKrL', sans-serif;
	font-weight: 100;
}

.board-list01 table tbody td .board-icon.pc {
	display: none;
}

.board-list01 table tbody td .board-icon.mobile {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-left: 0;
	margin-right: 1px;
}

.tdh table{font-size:14px;line-height:14px;}
.tdh table th{padding:10px 5px !important;}
.tdh table td{padding:10px 5px !important;}

/* 페이징 네비게이션 */
.paging-navigation {
	clear: both; 
	text-align: center; 
	padding-bottom: 0;
	margin-top: 35px;
}

.paging-navigation a {
	display: inline-block; 
	line-height: 35px; 
	min-width: 29px; 
	height: 35px; 
	padding: 0 3px;
	color: #4c4c50;
	border: 1px solid #c5c7cc; 
	vertical-align: middle; 
	background: #fff;
	border-radius:4px;
}
.paging-navigation a:hover {
	border: 1px solid #636363; 
	color: #fff;
	background: #636363;
	text-decoration: none;
}
.paging-navigation strong {
	display: inline-block; 
	line-height: 35px; 
	min-width: 29px; 
	height: 35px; 
	padding: 0 3px; 
	border: 1px solid #328c99;
	color: #fff; 
	vertical-align: middle;
	background: #328c99;
	border-radius:4px;
}
.paging-navigation a.btn-first {
	width: 35px;
	padding: 0;
	text-indent: -5000em;
	background: transparent url(/images/uportal/site/btn_first.gif) no-repeat center center;
	background: -webkit-linear-gradient(transparent, transparent), url(/images/uportal/site/btn_first@2x.gif) no-repeat center center;
	background: linear-gradient(transparent, transparent), url(/images/uportal/site/btn_first@2x.gif) no-repeat center center;
	background-size: 12px 10px;
}
.paging-navigation a.btn-pre {
	width: 35px;
	padding: 0;
	text-indent: -5000em; 
	background: transparent url(/images/uportal/site/btn_previous.gif) no-repeat center center;
	background: -webkit-linear-gradient(transparent, transparent), url(/images/uportal/site/btn_previous@2x.gif) no-repeat center center;
	background: linear-gradient(transparent, transparent), url(/images/uportal/site/btn_previous@2x.gif) no-repeat center center;
	background-size: 6px 10px;
}
.paging-navigation a.btn-next {
	width: 35px;
	padding: 0;
	text-indent: -5000em; 
	background: transparent url(/images/uportal/site/btn_next.gif) no-repeat center center;
	background: -webkit-linear-gradient(transparent, transparent), url(/images/uportal/site/btn_next@2x.gif) no-repeat center center;
	background: linear-gradient(transparent, transparent), url(/images/uportal/site/btn_next@2x.gif) no-repeat center center;
	background-size: 6px 10px;
}
.paging-navigation a.btn-last {
	width: 35px;
	padding: 0;
	text-indent: -5000em; 
	background: transparent url(/images/uportal/site/btn_last.gif) no-repeat center center;
	background: -webkit-linear-gradient(transparent, transparent), url(/images/uportal/site/btn_last@2x.gif) no-repeat center center;
	background: linear-gradient(transparent, transparent), url(/images/uportal/site/btn_last@2x.gif) no-repeat center center;
	background-size: 12px 10px;
}

#notice-attach-sect{padding-bottom: 0;min-height: 22px}
/* 게시판 글보기 */
.board-view {overflow: hidden;}
.board-view .one-box {position:relative;padding: 4px 0}
.board-view .one-box:first-child dt{display:none;}
.board-view .one-box:first-child dl{padding-left:0;border-bottom:2px solid #328c99;margin-top:25px;padding-bottom:15px;}
.board-view .one-box:last-child dl{border-bottom:1px solid #ddd;margin-top:15px;padding-bottom: 15px}

/*.nb_reg{background:url(/images/uportal/site/nicon_clock.png) no-repeat 0 center;}*/
/*.nb_hit{background:url(/images/uportal/site/nicon_eye.png) no-repeat 0 center;}*/
/*.nb_buseo{background:url(/images/uportal/site/nicon_time.png) no-repeat 0 center;}*/
/*.nb_tel{background:url(/images/uportal/site/nicon_tel.png) no-repeat 0 center;}*/
/*.nb_file{background:url(/images/uportal/site/nicon_disk.png) no-repeat 0 center;}*/

.top_mg{margin-top:20px;}
.bottom_mg{margin-bottom:20px;}


.board-view .one-box:after {
	content: "";
	clear: both;
	display: block;
}

.board-view .half-box {
	float: left;
	width: 50%;
}


/*.board-view .half-box.Ldiv {float: left;	width: 50%;}*/
.board-view .half-box.Rdiv {float: right;	width: 25%;}

.board-view .depth3-box {
	float: left;
	width: 40%;
}

.board-view .depth3-box.type02 {
	width: 20%;
}

.board-view dl {
	position: relative;
	padding-left: 180px;
}

.board-view dl dt {
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	height: 16px;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 15px;
	color: #000;
	font-size: 14px;
	line-height: 1;
	font-family: 'NotoKrB', sans-serif;

	/*
	background: transparent url(/images/uportal/site/icon_board_bar02.gif) no-repeat right center;
	background: -webkit-linear-gradient(transparent, transparent), url(/images/uportal/site/icon_board_bar02@2x.gif) no-repeat right center;
	background: linear-gradient(transparent, transparent), url(/images/uportal/site/icon_board_bar02@2x.gif) no-repeat right center;
	background-size: 1px 16px;
	*/
}

.board-view dl dd {position: relative;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-right: 20px;
	color: #000000;
	font-size: 14px;
	line-height: 1;
	font-family: 'NotoKrL';
	word-break:break-all;
}
.board-view dl dd:before{    display: block;
	content: '';
	position: absolute;
	top: 7px;
	left: -13px;
	width: 1px;
	height: 16px;
	background: #797979;}
.board-view dl dd.linenone:before{display: none}
.board-view dl dd .add-file {
	display: block;
	padding-bottom: 10px;
}

.board-view dl dd .add-file a {
	display: inline-block;
	max-width: 100%;
	padding-left: 25px;
	background: url(/images/uportal/site/icon_file.png) no-repeat left center;
	text-decoration: underline;
	color: #767676;
	box-sizing: border-box;
	font-size: 0.938em;
	line-height: 1.600em;
	overflow: hidden;
	white-space: nowrap; 
	text-overflow: ellipsis; 
	-o-text-overow: ellipsis;
}

.board-view dl dd .add-file a:hover {
	color: #5994ed;
}
.board-view dl dd strong.bbsTit{color:#328c99;font-size:24px;font-family:'NotoKrR';letter-spacing: -1px;}

.board-contents {
	position: relative;
	border-top: 1px solid #d6d5d5;
	border-bottom: 1px solid #d6d5d5;
	margin-top: -1px;
	padding: 25px 20px;
/*	min-height: 400px; */
}

.board-contents > pre {
	word-wrap: break-word;
	box-sizing: border-box; 
	white-space: pre-wrap;
	word-wrap: break-word; 
	font-size: 1.154em;
	line-height: 1.867em;
	color: #000000;
	font-family: 'NotoKrL';
}


.board-contents img {
	display: block;
	margin: 20px auto;
	max-width: 100%;
}

.board-contents-answer {
	background: #fafafa;
	padding: 25px 30px;
	margin-top: 50px;
	border: 1px solid #c6c6c6
}

.board-contents-answer > h3 {
	margin-bottom: 40px;
	color: #333333;
	font-size: 1em;
	font-family: 'NotoKrB',  sans-serif;
	font-weight: 700;
}

.board-contents-answer > p {
	margin-top: 40px;
}

.board-contents-answer > p:first-child,
.board-contents-answer > .person-information {
	margin-top: 0;
}

.board-contents-answer > pre {
	width: 100%; 
	word-wrap: break-word;
	box-sizing: border-box; 
	white-space: pre-wrap;
	word-wrap: break-word;
	font-size: 1.154em;
	line-height: 1.867em;	
	font-family: 'NotoKrR', notoKrR, sans-serif;
	font-weight: 300;
}



.preview-next {
	border-top: 1px solid #808086;
	border-bottom: 1px solid #808086;
}

.preview-next a {
	display: block;
}

.preview-next a.line {
	border-bottom: 1px solid #d3d3d3
}

.preview-next a dl {
	position: relative;
	display: block;
	padding-left: 107px;
}

.preview-next a:hover {
	background: #f9f9f9;
}

.preview-next a dl dt {
	position: absolute;
	top: 0;
	left: 0;
	width: 88px;
	height: 55px;
	line-height: 55px;
	padding-left: 19px;
	color: #636363;
}


.preview-next a dl dt.preview {
	font-family: 'NotoKrM', sans-serif;
	font-weight: 500;

	background: transparent url(/images/uportal/site/icon_arrow_up.gif) no-repeat 71px center;
	background: -webkit-linear-gradient(transparent, transparent), url(/images/uportal/site/icon_arrow_up@2x.gif) no-repeat 71px center;
	background: linear-gradient(transparent, transparent), url(/images/uportal/site/icon_arrow_up@2x.gif) no-repeat 71px center;;
	background-size: 7px 4px;	
}

.preview-next a dl dt.next {
	font-family: 'NotoKrM', sans-serif;
	font-weight: 500;

	background: transparent url(/images/uportal/site/icon_arrow_down.gif) no-repeat 71px center;
	background: -webkit-linear-gradient(transparent, transparent), url(/images/uportal/site/icon_arrow_down@2x.gif) no-repeat 71px center;
	background: linear-gradient(transparent, transparent), url(/images/uportal/site/icon_arrow_down@2x.gif) no-repeat 71px center;;
	background-size: 7px 4px;	

}

.preview-next a dl dd {
	height: 55px;
	line-height: 55px;
	display: block;
	overflow: hidden;
	white-space: nowrap; 
	text-overflow: ellipsis; 
	-o-text-overow: ellipsis;; 
}


/* 글쓰기 */
.board-info01 {
	margin-bottom: 20px;
	color: #000000
}

.board-info01 li {
	position: relative;
	padding-left: 15px;
}

.board-info01 li span {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
}


.board-info01 li strong {
	color: #ff0000;
}

.board-write {
	border-collapse: collapse; 
	border-top: 2px solid #555555;
	border-bottom: 1px solid #cdcfd1;
}

.board-write dl {
	position: relative;
	padding-left: 195px;
	border-bottom: 1px solid #efefef;
	background: #f9f9f9;
}

.board-write dl dt {
	position: absolute;
	top: 50%;
	left: 0;
	width: 195px;
	margin-top: -8px;
	padding-left: 0;
	color: #333333;
	font-size: 14px;
	text-align: center;
	font-family:'NotoKrB';
}

.board-write dl dd {
	padding: 10px; 
	min-height: 36px;
	background: #fff;
	border-left: 1px solid #efefef;
}

.board-write dl dd:after {
	content: "";
	clear: both;
	display: block;
}


.board-write dl dd select {
	display: inline-block;
	vertical-align: middle;
	height: 36px;
	padding-left: 5px;
	border: 1px solid #d5d5d5;
	font-size:14px;
	border-radius: 0;
	/*
	-webkit-appearance: none;
	*/
}
.board-write dl dd input[type="checkbox"] {
	display: inline-block;
	vertical-align: middle;
	border-radius: 0;
	/*
	-webkit-appearance: none;
	*/
}

.board-write dl dd .secret-area {
	display: inline-block;
	vertical-align: middle;
	margin-left: 20px;
}

.board-write dl dd input[type="text"], 
.board-write dl dd input[type="password"],
.board-write dl dd input[type="email"]
{
	display: inline-block;
	vertical-align: middle;
	height: 34px;
	width:  100%;
	border-radius: 0;
	text-indent: 10px;
	-webkit-appearance: none;
	border: 1px solid #d5d5d5;
	font-size:14px;
}

.board-write dl dd .radio-checkbox-depth {
	float: left;
	width: 50%;
	max-width: 100px;
	height: 36px;
	line-height: 36px;
	border: 0px solid red;
}

.board-write dl dd .radio-checkbox-depth input[type="radio"],
.board-write dl dd .radio-checkbox-depth input[type="checkbox"] {
	display: inline-block;
	vertical-align: middle;
}

.board-write dl dd .radio-checkbox-depth label {
	margin-left: 5px;
}

.board-write dl dd .ckecked-notice-area {
	margin-bottom: 10px;
}
.board-write dl dd .ckecked-notice-area label {
	margin-left: 5px;
}

.board-write dl dd .input-schdule-area {
	position: relative;
	padding-left: 80px;
}

.board-write dl dd .input-schdule-area label {
	position: absolute;
	top: 0;
	left: 0;
}

.board-write dl dd .input-schdule-area .input-schdule-box {
	max-width: 300px;
}

.board-write dl dd .input-schdule-area .input-schdule-box:after {
	content: "";
	clear: both;
	display: block;
}

.board-write dl dd .input-schdule-area .input-schdule-box .input-datepicker {
	float: left;
	width: 45%;
	text-align: center;
	box-sizing: border-box;
}

.board-write dl dd .input-schdule-area .input-schdule-box span {
	float: left;
	width: 10%;
	text-align: center;
}

.board-write dl dd .file-area {
	padding-bottom: 10px;
}
.board-write dl dd .file-box {
	position: relative;
	padding-right: 90px;
	margin-bottom: 5px;
}
.board-write dl dd .file-box .upload-name {
	width: 100%; 
	height: 28px; 
	background: #fff; 
	border: 1px solid #e1e2e2
}
.board-write dl dd .file-box .file-btns {
	position: absolute; 
	top: 0; 
	right: 0;
}

.board-write dl dd .file-box .file-btns:after {
	content: "";
	clear: both;
	display: block;
}
.board-write dl dd .file-box label, 
.board-write dl dd .file-box a {
	float: left; 
	width: 82px; 
	height: 27px; 
	border: 1px solid #d6d6d9; 
	background: #eff0f0; 
	text-align: center; 
	line-height: 27px; 
	color: #31343f; 
	font-size: 12px; 
	font-family: 'NotoKrM', sans-serif;
	font-weight: 500;
	margin-left: 4px;
}
.board-write dl dd .file-box input[type="file"] {
	display: none;
}

.board-write dl dd .alt-area {
	position: relative;
	padding-left: 80px;
	padding-right: 125px;
}

.board-write dl dd .alt-area label {
	position: absolute;
	top: 4px;
	left: 0;
}

.board-write dl dd .alt-area .text-cmt {
	position: absolute;
	top: 4px;
	right: 0;
}

.board-write dl dd input[type="text"]:focus, 
.board-write dl dd input[type="password"]:focus,
.board-write dl dd input[type="email"]:focus {
	background: #f4f4f4;
}

.board-write dl dd input[type="text"].w30, 
.board-write dl dd input[type="password"].w30,
.board-write dl dd input[type="email"].w30 {
	width: 30%;
}

.board-write dl dd input[type="text"].w50, 
.board-write dl dd input[type="password"].w50,
.board-write dl dd input[type="email"].w50 {
	width: 50%;
}

.board-write dl dd input[type="text"].w70, 
.board-write dl dd input[type="password"].w70,
.board-write dl dd input[type="email"].w70 {
	width: 70%;
}

.board-write dl dd .input-phone-area {
	overflow: hidden;
}

.board-write dl dd .input-phone-area select {
	float: left;
	width: 100px;
}

.board-write dl dd .input-phone-area span {
	float: left;
	width: 20px;
	text-align: center;
}

.board-write dl dd .input-phone-area input[type="text"] {
	float: left;
	width: 100px;
}


.board-write dl dd .input-mail-area {
	overflow: hidden;
}

.board-write dl dd .input-mail-area select {
	float: left;
	width: 150px;
	margin-left: 5px;
}

.board-write dl dd .input-mail-area span {
	float: left;
	width: 20px;
	text-align: center;
}

.board-write dl dd .input-mail-area input[type="text"] {
	float: left;
	width: 150px;
}

.board-write dl dd .zipcode-area {
	position: relative;
}

.board-write dl dd .zipcode-area input[type="text"] {
	min-width: 143px;
	max-width: 173px;
	margin-right: 5px;
}

.board-write dl dd .adress-area {
	display: block;
}

.board-write dl dd .adress-area input[type="text"] {
	margin-top: 5px;
}



.board-write dl dd textarea {
	padding: 10px;
	height: 300px;
	border: 1px solid #d5d5d5;
	border-radius: 0;
	overflow-y: auto;
	box-sizing: border-box;
	-webkit-appearance: none;
	appearance: none;
	font-size:14px;
}

.board-write dl dd .btn_download {
	background-color: #0f57ce;
	border-color: #0f57ce;
	zoom:1;
	margin:0;
	font-size:13px;
	color:#fff;
	line-height:36px;
	text-align:center;
	vertical-align:middle;
	-ms-touch-action:manipulation;
	touch-action:manipulation;
	border:1px solid transparent;
	white-space:nowrap;
	padding:5px 8px;
	cursor: pointer;
}

.board-write dl dd > span{font-size:14px;margin-right:15px;}
.board-write dl dd > label{font-size:14px;}


.board-write .btn_table_view{margin-left:15px;}

.btnDetail{
	color: #0c5fa9 !important;
	text-decoration: underline;
	font-family:'NotoKrM';
}

.editer-area {
	padding-top: 10px;
	height: 500px;
	border-top: 1px solid #545861;
	border-bottom: 1px solid #e3e3e3;
}



.btn-center {
	overflow: hidden;
	padding-top: 20px;
	margin-bottom: 25px;
	text-align: center;
}
.btn-right {
	overflow: hidden;
	padding: 10px 0;
	text-align: right;
}

.no-mobile-support {
	display: none;
}

.photo-list {	
	position: relative;
	border-top: 2px solid #808086;
	border-bottom: 1px solid #e1e2e2;
	padding-top: 37px;
}

.photo-list ul {
	overflow: hidden;
	border: 0px solid red;
}

.photo-list ul li {
	float: left;
	width: 23.5%;
	margin-right: 2%;
	min-height: 189px;
	padding-bottom: 20px;
	text-align: center;
}

.photo-list ul li.depth4 {
	margin-right: 0;
}

.photo-list ul li a {
	display: block;
	font-size: 16px;
	font-family: 'NotoKrL', sans-serif;
	font-weight: 100;
	color: #555559;
	border: 0px solid red;	
}

.photo-list ul li a .no-image {
	display: block;
	width: 100%;
	height: 128px;
	margin-bottom: 15px;
	background: transparent url(../image/bg/no_image.png) no-repeat center center;
	background: -webkit-linear-gradient(transparent,transparent),url(../image/bg/no_image@2x.png) no-repeat center center;
	background: linear-gradient(transparent,transparent),url(../image/bg/no_image@2x.png) no-repeat center center;
	background-size: 95px 54px;		
	background-color: #f0f0f0;
}

.photo-list ul li a .image {
	display: block;
	height: 160px;
	line-height: 160px;
	border: 1px solid #cdcdcd;
	text-align: center;
	background: #000;
}

.photo-list ul li a .image:after {
	content: " ";
	margin-left: -0.6em;
	white-space: pre;
}

.photo-list ul li a .image img {
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
}

.photo-list ul li a .date {
	margin-top: 35px;
	display: block;
	text-align: center;
}

.photo-list ul li a .title {
	display: block;
	text-align: center;
}


/* TV광고 */
.movie-wrapper {
	position: relative;
	padding-right: 0;
	margin-bottom: 50px;
}

.movie-wrapper .movie-box {
	width: 100%;
	margin-bottom: 50px;
}

.movie-wrapper .movie-box iframe {
	display: block;
	width: 100%;
	height: 360px;
}

.movie-caption-area {
	display: block;
}

.movie-caption-area .title-area {
	height: 80px;
}

.movie-caption-area h4 {
	font-size: 26px;
	font-family: 'NotoKrM', sans-serif;
	font-weight: 500;
	color: #333339;
	margin-bottom: 15px;
}

.movie-caption-area .date {
	color: #acacac;
	font-size: 16px;
	font-family: 'NotoKrM', sans-serif;
	font-weight: 500;
}


.movie-caption-area .btn-caption {
	display: inline-block;
	vertical-align: middle;
	height: 35px;
	line-height: 35px;
	text-align: center;
	font-size: 18px;
	border: 0;
	color: #fff;
	padding: 0 40px 0 20px;
	background: transparent url(../image/icon/icon_bottom_arrow.png) no-repeat 90% center;
	background: -webkit-linear-gradient(transparent, transparent), url(../image/icon/icon_bottom_arrow@2x.png) no-repeat 90% center;
	background: linear-gradient(transparent, transparent), url(../image/icon/icon_bottom_arrow@2x.png) no-repeat 90% center;
	background-size: 20px 12px;	
	background-color: #636363;
}


.movie-caption-area .btn-caption.on {
	background: transparent url(../image/icon/icon_top_arrow.png) no-repeat 90% center;
	background: -webkit-linear-gradient(transparent, transparent), url(../image/icon/icon_top_arrow@2x.png) no-repeat 90% center;
	background: linear-gradient(transparent, transparent), url(../image/icon/icon_top_arrow@2x.png) no-repeat 90% center;
	background-size: 20px 12px;	
	background-color: #4cb7ee;
}


.movie-caption-area .movie-caption {
	display: none;
	border: 1px solid #e5e5e5;
	padding: 30px;
	height: 220px;
	overflow-x: hidden;
	overflow-y: auto;
	color: #666669;
	font-size: 17px;
	line-height: 26px;
	overflow-x: hidden;
	overflow-y: auto;
}

.movie-list {
	border-top: 2px solid #808086;
	border-bottom: 1px solid #e1e2e2;
	padding-top: 20px;
	padding-bottom: 25px;
	overflow: hidden;
}

.movie-list li {
	float: left;
	width: 32%;
	margin-right: 2%;
}

.movie-list li.last {
	margin-right: 0;
}

.movie-list li a {
	display: block;
	font-family: 'NotoKrL', sans-serif;
	font-weight: 100;
}

.movie-list li a div {
	display: block;
	width: 100%;
	line-height: 177px;
	height: 177px;
	background: #000;
	text-align: center;
	padding: 0;
	margin-bottom: 20px;
}

.movie-list li a div:after {
	content: "";
	white-space: pre;
}

.movie-list li a div img {
	display: inline-block;
	max-width: 100%;
	max-height: 100%;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

.movie-list li a .no-image {
	display: block;
	max-width: 100%;
	height: 177px;
	margin-bottom: 20px; 
	background: transparent url(../image/bg/no_image.png) no-repeat center center;
	background: -webkit-linear-gradient(transparent,transparent),url(../image/bg/no_image@2x.png) no-repeat center center;
	background: linear-gradient(transparent,transparent),url(../image/bg/no_image@2x.png) no-repeat center center;
	background-size: 95px 54px;		
	background-color: #f0f0f0;
	text-indent: -5000em;
}

.movie-list li a .title {
	display: block;
	color: #555559;
	font-size: 18px;
	margin-bottom: 10px;
}

.movie-list li a .date {
	display: block;
	color: #acacac;
	font-size: 16px;
}

.admin-modify-btns {
	display: block;
	padding-top: 10px;
}

.admin-modify-btns input[type="checkbox"],
.admin-modify-btns .btn-admin-modify {
	display: inline-block;
	vertical-align: middle;
}

.admin-modify-btns .btn-admin-modify {
	margin-left: 5px;
	padding: 0 15px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	background: #636363
}



/* 갤러리 게시판 */
.gallery-list01 {
	border-top: 2px solid #6f7074;
}

.gallery-list01 ul {
	margin: 0;
	padding: 0;
}

.gallery-list01 ul li {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #e9e9ea;
}

.gallery-list01 ul li {
	display: block;
	position: relative;
	min-height: 160px;
	padding: 25px 0 25px 270px;
}

.gallery-list01 ul li{
	background: #f9f9f9;
}

.gallery-list01 ul li .image {
	position: absolute;
	top: 25px;
	left: 0;
	width: 224px;
	height: 160px;
}

.gallery-list01 ul li .image img {
	display: block;
	width: 224px;
	height: 160px;
}

.gallery-list01 ul li a.newsImg {
	position: absolute;
	top: 20px;
	left: 0;
	width: 118px;
	height: 84px;
	padding: 0;
	z-index: 1000;
}

.gallery-list01 ul li a.newsImg .image {
	position: relative;
	top: 0;
	left: 0;
	width: 224px;
	height: 160px;
}

.gallery-list01 ul li a.newsImg .image img {
	display: block;
	width: 224px;
	height: 160px;

}


.gallery-list01 ul li a .title {
	display: block;
	padding-top: 33px;
	color: #222229;
	font-size: 19px;
	line-height: 24px;
	margin-bottom: 15px;
}

.gallery-list01 ul li a .sub-contents {
	display: block;
	color: #777779;
	font-size: 1.154em;
	margin-bottom: 30px;
}

.gallery-list01 ul li a .sub-info {
	display: block;
}

.gallery-list01 ul li a .sub-info .date {
	display: inline-block;
	vertical-align: middle;
	padding-left: 20px;
	margin-right: 25px;
	color: #555559;
	background: transparent url(/images/uportal/site/icon_date.png) no-repeat left 1px;
	background: -webkit-linear-gradient(transparent, transparent), url(/images/uportal/site/icon_date@2x.png) no-repeat left 1px;
	background: linear-gradient(transparent, transparent), url(/images/uportal/site/icon_date@2x.png) no-repeat left 1px;
	background-size: 15px 15px;
}

.gallery-list01 ul li a .sub-info .hit {
	display: inline-block;
	vertical-align: middle;
	padding-left: 22px;
	color: #555559;
	background: transparent url(/images/uportal/site/icon_hit.png) no-repeat left 2px;
	background: -webkit-linear-gradient(transparent, transparent), url(/images/uportal/site/icon_hit@2x.png) no-repeat left 2px;
	background: linear-gradient(transparent, transparent), url(/images/uportal/site/icon_hit@2x.png) no-repeat left 2px;
	background-size: 17px 13px;
}

.gallery-list01 ul li.no-data {
	text-align: center;
	font-size: 1.154em;
	color: #555559;
	font-weight: bold;
	height: 160px;
	line-height: 160px;
	padding-left: 0;
}


/* Q & A */
.qna-list {
	border-top: 1px solid #e1e2e2;
}

.qna-list dl {
	border-bottom: 1px solid #e1e2e2
}

.qna-list dl dt {
	display: block;
}


.qna-list dl dt a {
	position: relative;
	display: block;
	padding: 23px 40px 23px 50px;
	font-size: 18px;
	font-family: 'NotoKrM', sans-serif;
	font-weight: 500;
	color: #475057;
}

.qna-list dl dt a .icon-q {
	display: block;
	position: absolute;
	top: 19px;
	left: 15px;
	width: 26px;
	height: 26px;
	text-indent: -5000em;
	background: transparent url(../image/bg/bg_q.png) no-repeat 0 0;
	background: -webkit-linear-gradient(transparent,transparent),url(../image/bg/bg_q@2x.png) no-repeat 0 0;
	background: linear-gradient(transparent,transparent),url(../image/bg/bg_q@2x.png) no-repeat 0 0;
	background-size: 26px 26px;	
}

.qna-list dl dt a .category-title { 
	position: relative;
	display: block;
	padding-left: 190px;
}

.qna-list dl dt a .category-title .category {
	position: absolute;
	top: 0;
	left: 0;
	width: 180px;
}


.qna-list dl dt a.on {
	color: #fff;
	background: #61a4ff;
}

.qna-list dl dt a.on .icon-q {
	background: transparent url(../image/bg/bg_q_white.png) no-repeat 0 0;
	background: -webkit-linear-gradient(transparent,transparent),url(../image/bg/bg_q_white@2x.png) no-repeat 0 0;
	background: linear-gradient(transparent,transparent),url(../image/bg/bg_q_white@2x.png) no-repeat 0 0;
	background-size: 26px 26px;	
}



.qna-list dl dd {
	display: none;
	position: relative;
	padding: 19px 40px 55px 50px;
	border-top: 1px solid #e1e2e2
}

.qna-list dl dd .icon-a {
	display: block;
	position: absolute;
	top: 19px;
	left: 15px;
	width: 26px;
	height: 26px;
	text-indent: -5000em;
	background: transparent url(../image/bg/bg_a.png) no-repeat 0 0;
	background: -webkit-linear-gradient(transparent,transparent),url(../image/bg/bg_a@2x.png) no-repeat 0 0;
	background: linear-gradient(transparent,transparent),url(../image/bg/bg_a@2x.png) no-repeat 0 0;
	background-size: 26px 26px;	
}


.layerpopup-password-wrapper {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 298px;
	min-height: 138px;
	margin-top: -75px;
	margin-left: -150px;
	z-index: 100;
	background: #fff;
	border: 1px solid #666666;
}

.layerpopup-password-area {
	padding: 45px 30px 13px 30px;
}

.layerpopup-password-area label,
.layerpopup-password-area p {
	display: block;
	color: #666666;
	font-size: 1.077em;
	line-height: 1.286em;
	margin-bottom: 20px;
	text-align: center;
}

.layerpopup-password-box {
	position: relative;
	padding-right: 64px;
}

.layerpopup-password-box .userPw {
	display: block;
	width: 100%;
	height: 34px;
	border: 1px solid #b9b9bb;
	text-indent: 10px;
	font-size: 1.154em
}


.layerpopup-password-box input[type="submit"] {
	position: absolute;
	top: 0;
	right: 0;
	width: 60px;
	height: 36px;
	line-height: 36px;
	font-size: 1em;
	border: 0;
	border-radius: 0;
	-webkit-appearance: none;
	appearance: none;
	color: #fff;
	background: #1680e8;
	text-align: center;
}

.layerpopup-password-area .btn-close {
	position: absolute;
	top: 13px;
	right: 13px;
	display: block;
	width: 11px;
	height: 11px;
	background: transparent;
}

.layerpopup-password-area .btn-close img {
	display: inline-block;
	vertical-align: top;
	width: 11px;
}

.surveyPop{position:absolute;
	margin:0 0 0 -340px;
	width:680px;
	height:810px;
	top:60px;
	left: 50%;
	overflow:hidden;
}

.survey-iframe{width:680px;height:810px;border:none;}

.search-select{display:inline-block;}
.search-select select{vertical-align:middle !important;}
.search-select label{margin:0 0 0 8px;vertical-align:middle;}
.sbwid input[type="search"]{width:150px !important;vertical-align:middle !important;}
.sbwid label{margin:0 0 0 8px;vertical-align:middle;}
.sbwid2 input[type="search"]{width:80px !important;vertical-align:middle !important;}
.sbwid2 label{margin:0 0 0 8px;vertical-align:middle;}
.sswid select{width:75px !important;}

.board-area .sel_w128px select{width:128px;}

.search-area.select_input select.sel1{width:100px;}
.search-area.select_input select.sel2{width:150px;}
.search-area.select_input select.sel3{width:150px;}
.search-area.select_input select.sel4{width:84px;}
.search-area.select_input span{vertical-align:middle;}
.search-select .nbdash{margin:0 8px;}
.search-select .nbuntil{margin:0 8px;}
.sel_bar{position:relative;margin-left:3px;padding-left:5px;}
.sel_bar:before{
	position:absolute;
	top:7px;
	left:0;
	width:1px;
	height:20px;
	background:#aaaaaa;
	content:"";
	display:block;
}

.m-block824{display:none;}
.nbtab_select{display:none;margin-bottom:15px;}
.nbtab_select select{width:100%;font-size:15px;border:2px solid #126bc2;}



.nbbtn{background:#4a93d8;color:#ffffff;font-size:12px;display:inline-block;width:90px;padding:3px 0;margin:1px 0;}
.search-checkbox{text-align:left;padding:0 0 15px 0;}
.search-checkbox > div{display:inline-block;}
.search-checkbox span{vertical-align:middle;margin:0 10px 0 8px;}
.search-checkbox label{vertical-align:middle;margin:0 30px 0 0;}

.board-list01.th_theme{border-top:2px solid #509be1 !important;}
.board-list01.th_theme th{background:#f2f7fc;color:#1a5894;border-bottom:1px solid #c9e0f5;font-size:15px;}
.board-list01.th_theme td{font-size:15px;color:#888888;}

.search-area.select_input.pdtr{padding:10px 23px 0 23px;}
.table.pdlr0{padding:0 5px;}
.table.pdlr0 table th{padding:0 5px;}
.table.pdlr0 table td{padding:3px 5px;}
.pgtb .paging-navigation{margin-top:0;padding-bottom:25px;}

.board-area .search-area.select_input.pdtr input[type="search"]{width:180px;}

.popArea.npop.nbpop#npop{width:1000px;}

.popBody .pop_inner .nb_unit_btn{padding:3px 5px 8px 5px;}

#INListDiv .economic_content table{table-layout:auto;}
#INListDiv .economic_content table tbody td{font-size:13px;}
#OTListDiv .economic_content table{table-layout:auto;}
#OTListDiv .economic_content table tbody td{font-size:13px;}
	
.economic_content font{color:#ff0000 !important;}
	
@media all and (max-width:768px){ 
	.sbwid input[type="search"]{width:100% !important;}
	.sbwid2 input[type="search"]{width:100% !important;}
	.sswid select{width:100% !important;}
	.search-select{display:block;}
	.m-pr0{padding-right:0 !important;}
	.sbwid input[type="search"]{margin-bottom:5px;}
	.sbwid2 input[type="search"]{margin-bottom:5px;}
	.m-none824{display:none;}
	.m-block824{display:inline-block;}
	.board-area .search-area select.sel1{display:inline-block;width:calc(100% - 40px);}
	.board-area .search-area select.sel2{width:100%;}
	.board-area .search-area select.sel3{width:100%;}
	.board-area .search-area select.sel4{width:100%;}
	.nbdash{margin-right:0 !important;}
	.nbuntil{margin-right:0 !important;}
	.sel_bar{padding-left:0;margin-left:0;}
	.sel_bar:before{border:none;}
	.search-box .nbtn_inquiry{width:100% !important;}
	.nb_unit_btn{padding-top:2px !important;}
	.nbtab_select{display:block;}
	.board-area .search-area .search-box.nb_align{padding:0}
	.board-area .search-area .search-box.nb_align button[type="button"]{position:static;width:100%;display:block;margin:5px 0;}
	
	.search-checkbox > div{display:block;margin-top:10px;}
	.search-checkbox > div:first-child{margin:0;}
	.search-checkbox span{display:none;}
	
	.m-none768{display:none;}
}

table th.bl_year{width:10%;text-align:left !important;padding-left:20px !important;}
table th.bl_subject01{width:10%;text-align:left !important;padding-left:20px !important;}
table th.bl_subject02{width:80%;text-align:left !important;padding-left:20px !important;}

table th.bl2_num{width:10%;}
table th.bl2_year{width:10%;}
table th.bl2_subject01{width:10%;}
table th.bl2_subject02{width:10%;}
table th.bl2_subject03{width:14%;}

.align-left{text-align:left !important;}
.barhei li{background-position:right 6px !important;}
.border-none{border:0 !important;border-top:1px solid #cccccc !important;}

/* layerPopup */
.layerPopup .popArea.npop{background:#ffffff !important;width:800px;}

.layerPopup{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:9998;}
.layerPopup:not(.type2){overflow:hidden;overflow-y:auto;}
.layerPopup .close{position:absolute;top:16px;right:20px;overflow:hidden;width:15px;height:15px;text-indent:-9999%;background:url(/images/uportal/stat/btn_x_new.png) no-repeat 0 0;}

.layerPopup .popArea{position:absolute;overflow:hidden;top:50%;left:50%;width:500px;max-height:100%;border-radius:10px;border:1px solid #445e85;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50.1%);background: #dfeaf6;}
.layerPopup .popArea .popHeader{padding:13px 10px 12px 10px;background:url(/images/uportal/stat/bg_popup_new.png) repeat-x 0 0; height:51px;}
.layerPopup .popArea .popHeader .tit{display:inline-block;line-height:140%;color:#ffffff;font-size:18px;font-weight:bold;}
.layerPopup .popArea .popHeader .tit .ico{margin-right:5px;}
.layerPopup .popArea .popConts{margin-top:-1px;padding:0 10px 10px 10px;border-radius:0 0 10px 10px;background:#dfeaf6;}
.layerPopup .popBody{padding:10px 8px;border:1px solid #d7d7d7;background:#fff;border-top:none;}
.layerPopup .popBody > div::-webkit-scrollbar {width: 5px;}
.layerPopup .popBody > div::-webkit-scrollbar-thumb {background-color: #006FD4;}
.layerPopup .popBody > div::-webkit-scrollbar-track {background-color: #C2E1FF ;}
 
.layerPopup .popArea div.popConts.newContentPup{margin-top:0 !important;background:#ffffff !important;}
.layerPopup .newContentPup .popBody{border:0 none;}

.btnBox{text-align:center;}
.btnSt2{display:inline-block;height:24px;line-height:24px;font-size:12px;text-align:center;color:#fff; /* letter-spacing:-1px; */}
.btnSt2.btn1{
	background:url(/images/uportal/stat/btn_img01.png) no-repeat 0 0;
	min-width:65px;
	height:26px;
	font-size:13px;
	line-height:26px;
}
.btnSt2.btn2{
	background:url(/images/uportal/stat/btn_img02.png) no-repeat 0 0;
	width:65px;
	height:26px;
	font-size:13px;
	line-height:26px;
}

td.mhfix{height:285px;padding:10px 0 !important;overflow:hidden;overflow-y:auto;vertical-align:top;line-height:1.4;}
td.mhfix span,
td.mhfix p,
td.mhfix i,
td.mhfix u,
td.mhfix strike,
td.mhfix *{font-family:'NotoKrR' !important;/*font-size:14px !important;*/}
.mobile_content span,
.mobile_content p,
.mobile_content i,
.mobile_content u,
.mobile_content strike,
.mobile_content *{font-family:'NotoKrR' !important;/*font-size:14px !important;*/}

.good_title{display:block;background:#2660a8;color:#ffffff;font-size:13px;text-align:center;height:24px;line-height:25px;width:120px;margin:20px 0 10px 0;
	border-radius:24px;
	-webkit-border-radius:24px;
	-moz-border-radius:24px;
	-o-border-radius:24px;
}
.bgred{background:#dc5757 !important;}
.bgmore1{background:#7657dc !important;}
.bgmore2{background:#acad3d !important;}

.bt_year{width:15%;}
.bt_type{width:15%;}
.bt_comm{}
.bt_organ{width:20%;}
.bt_date{width:15%;}
.bt_hit{width:10%;}

@media all and (max-width:1023px){
.layerPopup:not(.type2) .popArea{width:90% !important;}
.m-on{display:block;}
.directTitle{display:none;}
}

.board-list01.border-none *{font-family:'NotoKrR' !important;/*font-size:14px !important;*/}

.hei18{padding-top:18px !important;padding-bottom:18px !important;}
.hei18 .word-type01{margin:0 !important;}

table td.tdpd15{text-align:left !important;padding-left:15px !important;}

.nb_unit_btn{text-align:right;padding:0 0 8px 0;}
.nbtn_excel{position:relative;color:#1d79d4;padding:1px 20px 1px 10px;border:1px solid #3f9ad3;margin-left:5px;font-size:13px;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%,#f4f4f4 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#f4f4f4 100%);
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
}
.nbtn_excel:after{
	content:""; 
	display:block;
	position:absolute;
	top:5Px;
	right:8px;
	width:0;
	height:0;
	border-top:4px solid transparent;
	border-bottom:4px solid transparent;
	border-left:4px solid #0b7fe9;
}
.new-box{position:relative;border:1px solid #cad6d9;background:#ecf1f8;padding:10px 0;margin-bottom:10px;}
.new-box th{font-size:15px;padding:3px;font-weight:normal;text-align:left;color:#333333;}
.new-box th span{font-size:15px;font-weight:normal;text-align:left;color:#333333;background:#d9e1ec;display:block;height:30px;line-height:30px;padding:0 0 0 10px;border:1px solid #ccd4de;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}
.new-box td{font-size:15px;padding:3px;}
.new-box td input{border:1px solid #b2b9c4;height:35px;font-size:15px;text-indent:5px;}
.new-box td select{border:1px solid #b2b9c4;height:35px;font-size:15px;}
.l10x{padding-left:10px !important;}
.btn_year_table{text-align:right;margin:0 0 15px 0;}
.btn_year{background:#0b81dc url(/images/uportal/site/icon_search9.png) no-repeat 28px 6px;padding:0 0 0 10px;color:#ffffff;text-align:center;width:110px;height:40px;font-size:15px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
.btn_download{background:#53586c;text-align:center;width:110px;height:40px;font-size:15px;color:#ffffff;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
/*손정식 임의 생성*/
.btn_download2{background:#0f57ce;text-align:center;width:110px;height:40px;font-size:15px;color:#ffffff;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;

}

.w100p{width:100%;}

.board_order_mobile{display:none;}

.tt-row{display:table;width:calc(100% - 10px);margin:6px 0 0 0;}
.tt-row:first-child{margin:0;}

.tt-row > div.ttfl{float:left;width:50%;}

.tt-head{display:table-cell;width:14%;}
.tt-head label{font-size:15px;font-weight:normal;text-align:left;color:#333333;background:#d8e0eb;display:inline-block;margin:0 10px;height:35px;line-height:35px;vertical-align:middle;width:85%;text-indent:6px;}
.tt-cell{display:table-cell;width:86%;}
.tt-cell2{display:table-cell;width:36%;}

div.tt-cell input{border:1px solid #b2b9c4;height:35px;font-size:15px;text-indent:5px;vertical-align:middle;}
div.tt-cell select{border:1px solid #b2b9c4;height:35px;font-size:15px;}
div.tt-cell2 input{border:1px solid #b2b9c4;height:35px;font-size:15px;text-indent:5px;vertical-align:middle;}
div.tt-cell2 select{border:1px solid #b2b9c4;height:35px;font-size:15px;}

.ttc-table{display:table;width:100%;}
.ttc-cell{display:table-cell;width:47%;}
.ttc-span{display:table-cell;width:6%;}

.form_table_year{display:table;width:100%;}
.form_table_year > div{display:table-cell;width:45%;}
.form_table_year > span{display:table-cell;width:10%;text-align:center;}

#com-data-table .title.left .coNm{color:#000000;}

.board-top-sel{display:table;width:100%;padding:0 0 10px 0;}
.count_all{display:table-cell;width:200px;font-size:15px;vertical-align:middle;}
.count_all strong{font-size:15px;color:#000000;}
.board_order{display:table-cell;overflow:hidden;vertical-align:middle;}
.board_order li{position:relative;float:left;margin:0 0 0 10px;padding-left:10px;}
.board_order li:first-child:before{width:0;height:0;}
.board_order li:before{
	position:absolute;
	top:0;
	left:0;
	width:1px;
	height:15px;
	background:#dddddd;
	content:"";
	display:block;	
}
.board_order li a{font-size:15px;}
.board_order li a.on{position:relative;color:#126bc2;font-family:'NotoKrM';}
.board_order li a.on:before{
	position:absolute;
	top:22px;
	left:50%;
	margin-left:-3.5px;
	width:7px;
	height:4px;
	background:url(/images/uportal/site/icon_down_arrow.png);
	content:"";
	display:block;	
} 
.board_10{display:table-cell;text-align:right;}
.board_10 select{font-size:15px;}

.sh_title{position:relative;height:71px;}
.sh_title > img{max-height:56px;vertical-align:top;margin:5px 20px 0 20px;}
.sh_title > div{display:inline-block;padding:15px 0 0 0;}
.sh_title > div > a{color:#126bc2;display:block;margin:5px 0 0 0;}
.sh_title > div > a:hover{text-decoration:underline;}
.sh_com{color:#000000;font-size:20px;font-family:'NotoKrM';}
.sh_phone{}

.btn-right-ab{position:absolute;top:10px;right:0;}
.btn-right-ab a{margin:0 0 0 2px;}
.btn-right-ab a span{
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}

.ob_acc{display:inline-block;padding:0 10px;color:#126bc2;background:#eaf2fb;}

.sheet_coop{padding:15px 0;}
.sheet_coop table{width:100%;}
.sheet_coop table th{background:#e5f0fb;border:1px solid #c4d4e4;padding:8px 0;color:#5882ab;}
.sheet_coop table td{background:#ffffff;border:1px solid #c4d4e4;padding:8px;color:#666666;}

.align_center{text-align:center !important;}

#com-data-table tbody td{padding:0 5px;height:80px;}
#com-data-table tbody td.loctNm{
	text-align:left;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}

#com-data-table tbody td.mainBtpNm{
	text-align:left;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}

#com-data-table th.coNm{width:190px;}
#com-data-table th.rsvNm{width:100px;}
#com-data-table th.loctNm{width:320px;}
#com-data-table th.estbYy{width:110px;}
/*#com-data-table th.stdYy{width:110px;}*/


.h100p dt{height:calc(100% - 28px);}

#com-select-form .one-box dt{}
#com-select-form .one-box dt:before{
	position:absolute;
	top:0;
	left:0;
	width:168px;
	height:100%;
	background:#ecf0f5;
	content:"";
	display:block;	
	z-index:-1;
}

.tabBtnList_mobile{display:none;}
.amlr0 a{margin:0;}
.object_con{margin-top:-64px;}

.one-box-center-align{display:table;height:100%;}
.one-box-center-align > span{display:table-cell;vertical-align:middle;}

.one-box select.chartSel{font-size:15px;color:#545454;}

.sheet_comment{border:1px solid #99BCE8;background:#edf5ff;margin:5px 0 0 0;padding:10px;}
.sheet_comment{border:1px solid #99BCE8;background:#edf5ff;margin:5px 0 0 0;padding:10px;}
.sheet_comment > div{position:relative;line-height:1.4;}
.sheet_comment > div strong{position:absolute;top:0;left:0;font-size:12px;}
.sheet_comment > div p{padding-left:17px;font-size:12px;}

/* content.css */
/* common */
.point-color01 {
	color: #222229 !important;
}

.point-color02 {
	color: #328c99 !important
}

.point-color03 {
	color: #f23426 !important
}

.point-color04 {
	color: #3570aa !important
}

.point-color05 {
	color: #1274b8 !important
}

.point-color06 {
	color: #18a950 !important
}

.point-color07 {
	color: #f8791c !important
}

.point-color08 {
	color: #81ffe9 !important
}

.point-color09 {
	color: #ff3333 !important
}

.point-term {
	color: #ff4e00
}

.point-delay {
	color: #f23426;
}

.point-processing {
	color: #1dab54;
}

.point-complate {
	color: #0054a4;
}

.contents-box {
	margin-bottom: 30px;
}

/* FAQ */
.faq-list-wrapper {
	border-top: 1px solid #66575a
}

.faq-list-wrapper .faqGrpTxt{font-size: 18px;
	font-family: 'NotoKrB', sans-serif;
	background: #f4f9ff;
	padding: 15px 20px;
	border-top: 1px solid #ced7e5;
	border-bottom: 1px solid #ced7e5;
	color: #054485;}

.faq-list-wrapper dl {
	border-bottom: 1px solid #e6e7e7;
	word-break: keep-all;
}

.faq-list-wrapper dl dt {
	display: block;
}

.faq-list-wrapper dl dt button {
	position: relative;
	display: block;
	width: 100%;
	padding: 15px 55px 15px 65px;
	border: 0;
	border-radius: 0;
	box-sizing: border-box;
	-webkit-appearance: none;
	appearance: none;
	text-align: left;
	background: #fff;
}

.faq-list-wrapper dl dt .icon-q {
	position: absolute;
	top: 15px;;
	left: 20px;
	display: block;
	width: 26px;
	height: 26px;
	line-height: 26px;
	background: transparent url(/images/uportal/site/icon_q02.png);
	background: -webkit-linear-gradient(transparent, transparent),
		url(/images/uportal/site/icon_q02@2x.png);
	background: linear-gradient(transparent, transparent),
		url(/images/uportal/site/icon_q02@2x.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 26px 26px;
	text-indent: -5000em;
}

.faq-list-wrapper dl dt .title {
	display: block;
	font-size:15px;
	line-height: 1.750em;
	color: #000;
	font-family:'NotoKrM';
}

.faq-list-wrapper dl dt .arrow {
	position: absolute;
	top: 50%;
	right: 20px;
	display: block;
	width: 13px;
	height: 9px;
	margin-top: -5px;
	background: transparent
		url(/images/uportal/site/icon_arrow_down04.png);
	background: -webkit-linear-gradient(transparent, transparent),
		url(/images/uportal/site/icon_arrow_down04@2x.png);
	background: linear-gradient(transparent, transparent),
		url(/images/uportal/site/icon_arrow_down04@2x.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 13px 9px;
}

.faq-list-wrapper dl dt.on .arrow {
	background: transparent
		url(/images/uportal/site/icon_arrow_up04.png);
	background: -webkit-linear-gradient(transparent, transparent),
		url(/images/uportal/site/icon_arrow_up04@2x.png);
	background: linear-gradient(transparent, transparent),
		url(/images/uportal/site/icon_arrow_up04@2x.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 13px 9px;
}

.faq-list-wrapper dl dd {
	display: none;
	position: relative;
	padding: 15px 15px 15px 65px;
	background: #f9f9f9;
	border-top: 1px solid #e6e7e7;
}

.faq-list-wrapper dl dd .icon-a {
	position: absolute;
	top: 15px;;
	left: 20px;
	display: block;
	width: 26px;
	height: 26px;
	line-height: 26px;
	background: transparent url(/images/uportal/site/icon_a02.png);
	background: -webkit-linear-gradient(transparent, transparent),
		url(/images/uportal/site/icon_a02@2x.png);
	background: linear-gradient(transparent, transparent),
		url(/images/uportal/site/icon_a02@2x.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 26px 26px;
	text-indent: -5000em;
}

.faq-list-wrapper dl dd .submit {
	display: block;
	font-size: 1.131em;
	line-height: 1.750em;
	font-family: 'NotoKrL', sans-serif;
	font-weight: 100;
}



/* 수요실태조사 - 조사안내 */
.contents-accordion-wrapper {
	margin: 0;
	padding: 0;
}

.word-total-view {
	text-align: right;
	margin-bottom: 20px;
}

.word-total-view button {
	color: #636363;
	font-size: 1.154em;
	line-height: 1.200em;
	font-family: 'NotoKrB',  sans-serif;
	font-weight: 700;
	padding-right: 37px;
	background: transparent
		url(/images/uportal/site/icon_blue_arrow_down01.png);
	background: -webkit-linear-gradient(transparent, transparent),
		url(/images/uportal/site/icon_blue_arrow_down01@2x.png);
	background: linear-gradient(transparent, transparent),
		url(/images/uportal/site/icon_blue_arrow_down01@2x.png);
	background-repeat: no-repeat;
	background-position: 95% 50%;
	background-size: 20px 10px;
}

.word-total-view button.on {
	color: #1274b8;
	background: transparent
		url(/images/uportal/site/icon_blue_arrow_up01.png);
	background: -webkit-linear-gradient(transparent, transparent),
		url(/images/uportal/site/icon_blue_arrow_up01@2x.png);
	background: linear-gradient(transparent, transparent),
		url(/images/uportal/site/icon_blue_arrow_up01@2x.png);
	background-repeat: no-repeat;
	background-position: 95% 50%;
	background-size: 20px 10px;
}

.contents-accordion-area {
	margin-bottom: 7px;
	/*border: 1px solid #5aa1cc;*/
}

.contents-accordion-area h5 {
	display: block;
}

.contents-accordion-area h5 a {
	position: relative;
	display: block;
	padding: 15px 130px 13px 58px;
	overflow: hidden;
	font-size:16px;
	line-height: 1.400em;
	color: #333333;
	font-family: 'NotoKrM', sans-serif;
	background: #f9f9f9;
}

.contents-accordion-area h5 a.type02 {
padding-left: 30px;
}

.contents-accordion-area h5 a .icon-number {
	position: absolute;
	top: 14px;
	left: 23px;
	width: 24px;
	height: 24px;
	line-height: 24px;
	font-size: 0.900em;
	color: #ffffff;
	text-align: center;
	background: #4297ee;
	border-radius: 100%;
	font-family: 'NotoKrR', notoKrR, sans-serif;
	font-weight: 300;
}

.contents-accordion-area h5 a .arrow {
	position: absolute;
	top: 50%;
	right: 15px;
	display: block;
	height: 10px;
	line-height: 10px;
	margin-top: -5px;
	color: #686868;
	font-size: 0.800em;
	padding-right: 31px;
	background: transparent
		url(/images/uportal/site/icon_blue_arrow_down02.png);
	background: -webkit-linear-gradient(transparent, transparent),
		url(/images/uportal/site/icon_blue_arrow_down02@2x.png);
	background: linear-gradient(transparent, transparent),
		url(/images/uportal/site/icon_blue_arrow_down02@2x.png);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	background-size: 20px 10px;
	font-family: 'NotoKrR', notoKrR, sans-serif;
	font-weight: 300;
}

.contents-accordion-area h5 a.on {
	background: -moz-linear-gradient(-45deg,  #5098d3 1%, #95d49f 100%);
	background: -webkit-linear-gradient(-45deg,  #5098d3 1%,#95d49f 100%);
	background: linear-gradient(135deg,  #5098d3 1%,#95d49f 100%);
	font-family: 'NotoKrB', sans-serif;
	color: #fff;font-size: 18px;border-radius:5px
}

.contents-accordion-area h5 a.on .icon-number {
	background: #fff;
	border-radius: 100%;
	color: #0e6fc1;
}

.contents-accordion-area h5 a.on .arrow {
	color: #fff;
	background: transparent
		url(/images/uportal/site/icon_white_arrow_up02.png);
	background: -webkit-linear-gradient(transparent, transparent),
		url(/images/uportal/site/icon_white_arrow_up02@2x.png);
	background: linear-gradient(transparent, transparent),
		url(/images/uportal/site/icon_white_arrow_up02@2x.png);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	background-size: 20px 10px;
}

.contents-accordion-box {
	display: none;
	padding: 25px 15px 40px 15px;
}

.gray-box01 {
	background: #f7f7f7;
	margin-bottom: 20px;
	padding: 25px 30px;
}
.gray-box03 {
	background: #fdfdfd;
	margin-bottom: 20px;
	padding: 25px 30px;
	border-radius: 10px;
	box-shadow:-1px 1px 6px rgb(0 0 0 / 12%);
	border: 1px solid #e5e5e5
}

.gray-box01.type02 {
	padding: 15px 25px;
}

.gray-box01.type03 {
	margin-bottom: 6px;
}

.dl-list01 {
	margin: 0;
	padding: 0;
}

.dl-list01>dl {
	position: relative;
	color: #666666;
	font-size: 1.231em;
	line-height: 1.750em;
	padding-left: 85px;
	word-break: keep-all;
}

.dl-list01 dl>dt {
	position: absolute;
	top: 0;
	left: 0;
	padding-left: 15px;
	display: block;
	font-family: 'NotoKrM', NotoKrM, sans-serif;
	font-weight: 500;
	background: transparent
		url(/images/uportal/site/icon_arrow_right01.png);
	background: -webkit-linear-gradient(transparent, transparent),
		url(/images/uportal/site/icon_arrow_right01@2x.png);
	background: linear-gradient(transparent, transparent),
		url(/images/uportal/site/icon_arrow_right01@2x.png);
	background-position: left 7px;
	background-repeat: no-repeat;
	background-size: 7px 11px;
}

.dl-list01 dl>dd {
	display: block;
}

.ul-list01 {
	margin: 0;
	padding: 0;
	font-size: 1.231em;
	line-height: 1.750em;
}

.ul-list01>li {
	padding-left: 12px;
	background: transparent url(/images/uportal/site/bul_type01.gif);
	background: -webkit-linear-gradient(transparent, transparent),
		url(/images/uportal/site/bul_type01@2x.gif);
	background: linear-gradient(transparent, transparent),
		url(/images/uportal/site/bul_type01@2x.gif);
	background-repeat: no-repeat;
	background-position: 0 10px;
	background-size: 4px 4px;
	font-family: 'NotoKrL', sans-serif;
	font-weight: 100;
}

.ul-list01 li>.pre-box02 {
	border: 0;
	padding: 0 0 0 22px;
	background: transparent;
	font-size: 1em;
	font-family: 'NotoKrL', sans-serif;
	font-weight: 100;
}

.ul-list02 {
	margin: 0;
	padding: 0;
	font-size: 1.231em;
	line-height: 2.000em;
	color: #666666;
}

.ul-list02>li {
	padding-left: 15px;
	display: block;
	font-family: 'NotoKrL', sans-serif;
	font-weight: 100;
	background: transparent
		url(/images/uportal/site/icon_arrow_right01.png);
	background: -webkit-linear-gradient(transparent, transparent),
		url(/images/uportal/site/icon_arrow_right01@2x.png);
	background: linear-gradient(transparent, transparent),
		url(/images/uportal/site/icon_arrow_right01@2x.png);
	background-position: left 10px;
	background-repeat: no-repeat;
	background-size: 7px 11px;
}

.ul-list02>li>strong {
	font-family: 'NotoKrM', NotoKrM, sans-serif;
	font-weight: 500;
}

.ul-list02>li p {
	font-size: 0.938em;
	line-height: 1.600em;
	color: #888888;
}

.ul-list02>li>ol {
	padding-bottom: 20px;
}

.ul-list02>li>ol>li {
	position: relative;
	padding-left: 20px;
}

.ul-list02>li>ol>li .number {
	position: absolute;
	top: 0;
	left: 0;
}

.ul-list02>li>ol>li>ol {
	padding-bottom: 20px;
}

.ul-list02>li>ol>li>ol>li {
	position: relative;
	padding-left: 25px;
}

.ul-list02>li>ol>li>ol>li .number {
	position: absolute;
	top: 0;
	left: 0;
}

.ul-list02>li>ul {
	padding-bottom: 20px;
}

.ul-list02>li>ul>li {
	padding-left: 10px;
	font-family: 'NotoKrL', sans-serif;
	font-weight: 100;
	background: transparent url(/images/uportal/site/bul_type07.gif);
	background: -webkit-linear-gradient(transparent, transparent),
		url(/images/uportal/site/bul_type07@2x.gif);
	background: linear-gradient(transparent, transparent),
		url(/images/uportal/site/bul_type07@2x.gif);
	background-position: 0 16px;
	background-repeat: no-repeat;
	background-size: 5px 1px;
}

ul>li>.table-type01 thead th,ul>li>.table-type01 tbody th,ul>li>.table-type01 tbody td
	{
	font-size: 1em;
	word-break: keep-all;
}

ul>li .pre-box02 {
	font-size: 1em;
	margin-left: -20px;
	padding: 0;
}

.ul-list03 {
	color: #7b7b7b;
	font-size: 1.231em;
	line-height: 1.500em;
}

.ul-list03>li {
	padding-left: 10px;
	font-family: 'NotoKrL', sans-serif;
	font-weight: 100;
	background: transparent url(/images/uportal/site/bul_type07.gif);
	background: -webkit-linear-gradient(transparent, transparent),
		url(/images/uportal/site/bul_type07@2x.gif);
	background: linear-gradient(transparent, transparent),
		url(/images/uportal/site/bul_type07@2x.gif);
	background-position: 0 12px;
	background-repeat: no-repeat;
	background-size: 5px 1px;
}

.ul-list04 {
	color: #333333;
	font-size: 1.077em;
	line-height: 1.714em;
}

.ul-list04>li {
	padding-left: 10px;
	font-family: 'NotoKrL', sans-serif;
	font-weight: 100;
	background: transparent url(/images/uportal/site/bul_type07.gif);
	background: -webkit-linear-gradient(transparent, transparent),
		url(/images/uportal/site/bul_type07@2x.gif);
	background: linear-gradient(transparent, transparent),
		url(/images/uportal/site/bul_type07@2x.gif);
	background-position: 0 12px;
	background-repeat: no-repeat;
	background-size: 5px 1px;
}

.ul-list05 {
	color: #333333;
	font-size: 1.231em;
	line-height: 1.500em
}

.ul-list05>li {
	padding-left: 10px;
	background: transparent url(/images/uportal/site/bul_type09.png);
	background: -webkit-linear-gradient(transparent, transparent),
		url(/images/uportal/site/bul_type09@2x.png);
	background: linear-gradient(transparent, transparent),
		url(/images/uportal/site/bul_type09@2x.png);
	background-position: 2px 12px;
	background-repeat: no-repeat;
	background-size: 2px 2px;
}

.word-type00 {
	margin-bottom: 30px;
	color: #292929;
	font-size: 1.385em;
	line-height: 1.556em;
	word-break: keep-all;
}

.textIndt{padding-left:20px;text-indent:-19px;}
.textIndt:before{content:"※";font-weight:bold;}

.textIndt2{padding-left:19px;text-indent:-9px;}
.textIndt2:before{content:"- ";font-weight:bold;}

.textIndt3{padding-left:19px;}

.mb5{margin-bottom:5px !important;}

.word-type00>strong {
	font-family: 'NotoKrB',  sans-serif;
	font-weight: 700;
	color: #0e6fc1;
}

.word-type01 {
	margin-bottom: 30px;
	color: #666666;
	font-size: 1.231em;
	line-height: 1.500em;
	font-family: 'NotoKrL', sans-serif;
	font-weight: 100;
	word-break: keep-all;
}

.word-type02 {
	color: #666666;
	font-size: 1.154em;
	line-height: 1.667em;
	word-break: keep-all;
}

.word-type03 {
	color: #333333;
	font-size: 1.077em;
	line-height: 1.714em;
	word-break: keep-all;
	font-family: 'NotoKrL', sans-serif;
	word-wrap: break-word;
}

.word-point{background:#f0f0f0;}

.images-box {
	display: block;
}

.images-box.line {
	border: 1px solid #d2d2d2
}

.images-box img {
	max-width: 100%;
	margin: 0 auto;
	text-align: center;
}

.images-box img.pc {
	display: block;
}

.images-box img.mobile {
	display: none;
}

.table-type01 {
	margin: 0;
	padding: 0;
}

.table-type01 table {
	border-top: 1px solid #0768ca;
}

.table-type01 thead th {
	padding: 18px 20px;
	background:#f5f6f8;;
	color: #000;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	font-family: 'NotoKrR', sans-serif;
	text-align: center;
	word-wrap: break-word;
}

.table-type01 tbody th {
	text-align: left;
	padding: 12px 20px;
	background: #f7f7f7;
	color: #555559;
	font-size: 1.154em;
	line-height: 1.467em;
	border-bottom: 1px solid #dedfe3;
	border-right: 1px solid #dedfe3;
	font-family: 'NotoKrR', sans-serif;
	font-weight: 300;
	word-break: keep-all;
}

.table-type01 tbody td {
	text-align: center;
	padding: 12px 20px;
	font-size: 1.154em;
	line-height: 1.467em;
	border-bottom: 1px solid #dedfe3;
	border-right: 1px solid #dedfe3;
	color:#000;
	word-break: keep-all;
}

.table-type01 tbody td a{
	word-break: break-all;
}

.table-type01 tbody td.left {
	text-align: left;
}

.table-type01 tbody td.right {
	text-align: right;
}

.table-type01 th.line-none {
	background: #f7f7f7 !important;
	border-right: 0;
}

.table-type01 thead th:last-child,.table-type01 tbody td:last-child,.table-type01 thead .line-none,.table-type01 tbody .line-none
	{
	border-right: 0;
}

.table-type01 tbody .ul-list01 {
	font-size: 1.000em;
	line-height: 1.500em
}

.table-type01 tbody pre {
	border: 1px solid #e4e4e4;
	padding: 15px;
	word-wrap: break-word;
	box-sizing: border-box;
	white-space: pre-wrap;
	word-wrap: break-word;
	font-size: 0.813em;
	line-height: 1.231em;
	background: #fcfcfc;
	color: #666666;
	font-family: "돋움", "dotum", 돋움, dotum, sans-serif;
}

.table-type01 tbody pre.pre-box02 {
	font-size: 1em;
	line-height: 1.500em;
	font-family: 'NotoKrR', notoKrR, sans-serif;
	font-weight: 300;
	border: 0;
	padding: 0;
	box-sizing: border-box;
	background: #fff;
	padding-left: 10px;
}

.table-type01 tbody .word-sampleurl {
	font-size: 0.750em;
	line-height: 1.333em;
	font-family: 'NotoKrL', sans-serif;
	font-weight: 100;
}

.table-type01.bg01 table {
	border-top: 2px solid #5e5e5e;
}

.table-type01.bg01 thead th {
	background: #eef5fd;
	color: #000;
	/*border: 1px solid #dfdfdf;*/
	font-family: 'NotoKrM', NotoKrM, sans-serif;
}

.table-type01.bg01 tbody td {
	background: #fff;
	/*border: 1px solid #dfdfdf;*/
}

.table-type01.bg01 tbody td .ul-list05 {
	color: #666667;
	font-size: 1em;
}

.table-type01 tfoot {
	border-spacing: 10px;
}

.table-type01 tfoot td {
	text-align: center;
	padding: 8px 10px;
	font-size: 1.154em;
	line-height: 1.467em;
	color: #949494;
	border-bottom: 1px solid #dedfe3;
	border-right: 1px solid #dedfe3;
	font-family: 'NotoKrL', sans-serif;
	font-weight: 100;
	word-break: keep-all;
}

.table-type01 th.line-none {
	background: #f7f7f7 !important;
	border-right: 0;
}

.table-type01 thead th:last-child,.table-type01 tbody td:last-child,.table-type01 tfoot td:last-child,.table-type01 thead .line-none,.table-type01 tbody .line-none,.table-type01 tfoot .line-none
	{
	border-right: 0;
}

.table-type01 tfoot pre {
	border: 1px solid #e4e4e4;
	padding: 15px;
	word-wrap: break-word;
	box-sizing: border-box;
	white-space: pre-wrap;
	word-wrap: break-word;
	background: #fcfcfc;
	color: #666666;
	font-size: 0.867em;
	line-height: 1.385em;
	font-family: "돋움", "dotum", 돋움, dotum, sans-serif;
}

.table-type02 table {
	border-top:1px solid #0768ca;
}

.table-type02 thead th,.table-type02 tbody th {
	text-align: center;
	padding: 15px 12px;
	background: #f7f7f7;
	color: #555559;
	font-size: 1.154em;
	line-height: 1.467em;
	border-bottom: 1px solid #dedfe3;
	border-right: 1px dotted #dedfe3;
	font-family: 'NotoKrM', sans-serif;
	font-weight: 500;
	word-break: keep-all;
}

.table-type02 tbody td {
	text-align: center;
	padding: 15px 12px;
	font-size: 1.154em;
	line-height: 1.467em;
	border-bottom: 1px solid #dedfe3;
	border-right: 1px solid #dedfe3;
	font-family: 'NotoKrL', sans-serif;
	font-weight: 100;
	word-break: keep-all;
}

.table-type02 th.line-none {
	background: #f7f7f7 !important;
	border-right: 0;
}

.table-type02 thead th.line-none,.table-type02 tbody td.line-none {
	border-right: 0;
}

.table-type02 tbody td .ul-list01 {
	font-size: 1.000em;
	line-height: 1.500em
}

.table-type02 tbody td .btn-db-search {
	margin-left: 5px;
	margin-top: -2px;
}

.table-type02 tbody td select {
	min-width: 230px;
}

.table-type03 table {
	border-top: 2px solid #999999;
}

.table-type03 thead th {
	text-align: left;
	padding: 8px 10px;
	background: #f7f7f7;
	color: #55555f;
	font-size: 1.077em;
	line-height: 1em;
	border-bottom: 1px solid #dedfe3;
	border-right: 1px solid #dedfe3;
	font-family: 'NotoKrM', sans-serif;
	font-weight: 500;
	text-align: center;
	word-wrap: break-word;
}

.table-type03 tbody td {
	text-align: center;
	padding: 8px 10px;
	color: #949494;
	font-size: 0.923em;
	line-height: 1.500em;
	border-bottom: 1px solid #dedfe3;
	border-right: 1px solid #dedfe3;
	font-family: 'NotoKrL', sans-serif;
	font-weight: 100;
	word-break: keep-all;
}

.table-type03.line01 thead th,.table-type03.line01 tbody td {
	border: 1px solid #e9e9e9;
}

.table-type03.line01 thead th:last-child,.table-type03.line01 tbody td:last-child
	{
	border-right: 1px solid #e9e9e9;
}

.table-type03 tfoot {
	border-spacing: 10px;
}

.table-type03 tfoot td {
	text-align: center;
	padding: 8px 10px;
	color: #949494;
	font-size: 0.923em;
	line-height: 1.500em;
	border-bottom: 1px solid #dedfe3;
	border-right: 1px solid #dedfe3;
	font-family: 'NotoKrL', sans-serif;
	font-weight: 100;
	word-break: keep-all;
}

.table-type03 th.line-none {
	background: #f7f7f7 !important;
	border-right: 0;
}

.table-type03 thead th:last-child,.table-type03 tbody td:last-child,.table-type03 tfoot td:last-child,.table-type03 thead .line-none,.table-type03 tbody .line-none,.table-type03 tfoot .line-none
	{
	border-right: 0;
}

.table-type03 tfoot pre {
	border: 1px solid #e4e4e4;
	padding: 15px;
	word-wrap: break-word;
	box-sizing: border-box;
	white-space: pre-wrap;
	word-wrap: break-word;
	background: #fcfcfc;
	color: #666666;
	font-family: "돋움", "dotum", 돋움, dotum, sans-serif;
}

.table-type04 table {
	border-top:1px solid #0768ca;
}

.table-type04 thead th,.table-type04 tbody th {
	text-align: left;
	padding: 10px;
	background: #f5f6f8;
	color: #666666;
	font-size: 15px;
	line-height: 15px;
	border-bottom: 1px solid #e5e6e6;
	border-left: 1px solid #e5e6e6;
	font-family: 'NotoKrR', sans-serif;
	font-weight: 300;
	text-align: center;
	word-wrap: break-word;
}

.table-type04 thead th.right-line {
	border-right: 1px solid #e5e6e6;
}

.table-type04 tbody td {
	text-align: center;
	padding: 10px;
	color: #666666;
	font-size: 12px;
	line-height: 15px;
	border-bottom: 1px solid #dedfe3;
	border-left: 1px solid #dedfe3;
	font-family: 'NotoKrL', sans-serif;
	font-weight: 100;
	word-break: keep-all;
}

.table-type04 thead th:first-child,.table-type04 tbody td:first-child {
	border-left: 0;
}

.table-type04 thead th.bottom-line {
	border-bottom: 1px solid #afafaf;
}

.input-code-wrapper {
	margin: 0;
	padding: 0;
}

.input-code-wrapper dl {
	position: relative;
	padding-left: 190px;
	margin-top: 5px;
}

.input-code-wrapper dl:first-child {
	margin-top: 0;
}

.input-code-wrapper dl dt {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	line-height: 26px;
	font-family: 'NotoKrL', sans-serif;
	font-weight: 100;
}

.input-code-wrapper dl dd {
	display: block;
}

.input-code-wrapper dl dd input[type="text"] {
	width: 100%;
	border: 1px solid #b3b3b3;
	color: #000000;
	text-indent: 10px;
}

/* Open API 소개 */
.openapi-information-wrapper {
	position: relative;
	padding-right: 300px;
	margin-bottom: 50px;
	margin-top: 35px;
}

.openapi-information-wrapper>.bg {
	position: absolute;
	top: 10px;
	right: 20px;
	display: block;
	max-width: 264px;
}

.openapi-information-wrapper>.bg>img {
	display: block;
	width: 100%;
}

.openapi-information-slogan {
	margin: 0;
	padding: 0;
}

.openapi-information-slogan>h4 {
	margin-bottom: 15px;
	color: #333333;
	font-size: 2.462em;
	line-height: 1.313em;
	font-family: 'NotoKrM', NotoKrM, sans-serif;
	font-weight: 500;
}

.openapi-information-slogan>h4>.block {
	display: block;
	color: #333333
}

.openapi-information-slogan>h4>.block>span,.openapi-information-slogan>h4>span
	{
	color: #eb0202;
}

.openapi-information-slogan>p {
	color: #666666;
	font-size: 1.154em;
	line-height: 1.467em;
	word-break: keep-all;
	font-family: 'NotoKrL', sans-serif;
	font-weight: 100;
}

.title0401 {
	color: #07535e;
	font-size:20px;
	line-height: 1.923em;
	margin-bottom: 10px;
	font-family: 'NotoKrB', NotoKrM, sans-serif;
	font-weight: 500;
	background-position: 0 7px;
	background-repeat: no-repeat;
}

.title0402 {
	color: #202020;
	font-size: 1.692em;
	line-height: 1.136em;
	margin-bottom: 25px;
	font-family: 'NotoKrM', NotoKrM, sans-serif;
	font-weight: 500;
}

.title0402.bold {
	font-family: 'NotoKrB',  sans-serif;
	font-weight: 700;
}

.title0403 {
	color: #333333;
	font-size: 1.385em;
	line-height: 1.923em;
	margin-bottom: 10px;
	font-family: 'NotoKrM', NotoKrM, sans-serif;
	font-weight: 500;
}

.title0601 {
	margin-bottom: 10px;
	font-size: 1.231em;
	line-height: 1.125em;
	color: #333333;
	font-family: 'NotoKrM', NotoKrM, sans-serif;
	font-weight: 500;
}

.openapi-information {
	border: 1px solid #dbdbdb;
	margin-top: 55px;
}

.openapi-information:after {
	content: "";
	clear: both;
	display: block;
}

.openapi-information .openapi-information-area {
	position: relative;
	float: left;
	width: 50%;
	box-sizing: border-box;
}

.openapi-information .openapi-information-area:first-child {
	border-right: 1px solid #dbdbdb
}

.openapi-information .openapi-information-area .simbol {
	position: absolute;
	top: 46px;
	left: 50px;
	display: block;
	width: 54px;
}

.openapi-information .openapi-information-area dl {
	padding: 25px 25px 25px 140px;
	min-height: 106px;
}

.openapi-information .openapi-information-area dl dt {
	display: block;
	margin-bottom: 8px;
	color: #333333;
	font-size: 1.462em;
	line-height: 1.158em;
	font-family: 'NotoKrM', NotoKrM, sans-serif;
	font-weight: 500;
}

.openapi-information .openapi-information-area dl dd {
	display: block;
}

.openapi-information .openapi-information-area dl dd>p {
	min-height: 60px;
	margin-bottom: 10px;
	color: #999999;
	font-size: 1.077em;
	line-height: 1.429em;
	font-family: 'NotoKrL', sans-serif;
	font-weight: 100;
	word-break: keep-all;
}

.openapi-information .openapi-information-area dl dd>a {
	display: block;
	max-width: 110px;
	height: 30px;
	line-height: 30px;
	padding: 0 15px;
	background: #f4f4f4;
	border-radius: 15px;
}

.openapi-information .openapi-information-area dl dd>a:after {
	content: "";
	clear: both;
	display: block;
}

.openapi-information .openapi-information-area dl dd>a>span {
	float: left;
	color: #666666;
	font-family: 'NotoKrL', sans-serif;
	font-weight: 100;
}

.openapi-information .openapi-information-area dl dd>a>img {
	float: right;
	display: block;
	width: 11px;
	margin-top: 8px;
}

.statement-download-wrapper {
	position: relative;
	padding-right: 190px;
	margin-top: 10px;
}

.statement-download-wrapper.type02 {
	padding-right: 81px;
}

.statement-download-wrapper.title {
	padding-left: 70px;
}

.statement-download-wrapper input[type="search"] {
	display: block;
	width: 100%;
	height: 43px;
	text-indent: 10px;
	color: #666669;
	font-size: 1.231em;
	border: 1px solid #d2d2d2;
	font-family: 'NotoKrL', sans-serif;
	font-weight: 100;
	box-sizing: border-box;
}

.statement-download-wrapper select {
	display: block;
	width: 100%;
	height: 43px;
	text-indent: 10px;
	color: #666669;
	font-size: 1.231em;
	border: 1px solid #d2d2d2;
	font-family: 'NotoKrL', sans-serif;
	font-weight: 100;
}

.statement-download-wrapper a {
	position: absolute;
	top: 0;
	right: 0;
	height: 13px;
	display: block;
	width: 146px;
	padding: 15px 20px;
	background: #4297ee;
	color: #fff;
}

.statement-download-wrapper.type02 .btn-search {
	position: absolute;
	top: 0;
	right: 0;
	height: 43px;
	display: block;
	width: 77px;
	padding: 13px 20px;
	background: #126bc2;
	color: #fff;
	font-size: 1.154em;
}

.statement-download-wrapper.title label {
	position: absolute;
	top: 0;
	left: 0;
	height: 43px;
	line-height: 43px;
	color: #333333;
	font-size: 1.154em;
	font-family: 'NotoKrR', notoKrR, sans-serif;
	font-weight: 300;
}

.statement-download-wrapper a:after {
	content: "";
	clear: both;
	display: block;
}

.statement-download-wrapper a span {
	float: left;
	font-size: 1.154em;
	line-height: 1em;
	letter-spacing: -1px;
	font-family: 'NotoKrM', NotoKrM, sans-serif;
	font-weight: 500;
}

.statement-download-wrapper a img {
	float: right;
	display: block;
	width: 19px;
}

.word-statement-download {
	padding-top: 10px;
	padding-left: 70px;
	color: #666666;
	font-size: 1.154em;
	line-height: 1.600em;
	font-family: 'NotoKrL', sans-serif;
	font-weight: 100;
}

.detail-address-information {
	padding: 20px 23px;
	background: #f7f7f7;
	font-size: 1.231em;
	line-height: 1.563em;
	color: #474747;
	font-family: 'NotoKrL', sans-serif;
	font-weight: 100;
	word-wrap: break-word;
}

/* tabmenu01 */
.tabmenu-type01 {
	margin-top: 32px;
}

.tabmenu-type01>ul {position: relative;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	border-bottom: 2px solid #0074A5;
}

.tabmenu-type01>ul :after {
	content: "";
	clear: both;
	display: block;
}

.tabmenu-type01>ul>li {
	float: left;
	margin-left: 5px;
	margin-bottom: -2px;
}

.tabmenu-type01>ul>li>a {
	display: block;
	min-width: 130px;
	padding:0 15px;
	box-sizing: border-box;
	height: 42px;
	line-height: 42px;
	text-align: center;
	color: #888888;
	font-size: 1.077em;
	font-family: 'NotoKrM', NotoKrM, sans-serif;
	font-weight: 500;
	border: 1px solid #cccdce;
	border-bottom: 1px solid #328c99;border-radius: 5px 5px 0 0;
}

.tabmenu-type01.w148px>ul>li>a {
	display: block;
	width:auto;
	min-width:132px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #888888;
	font-size: 1.077em;
	font-family: 'NotoKrM', NotoKrM, sans-serif;
	font-weight: 500;
	border: 1px solid #cccdce;
	border-bottom: 1px solid #328c99;
	padding-left:8px;
	padding-right:8px;
}

.tabmenu-type01>ul.none-fixed-width>li>a {
	width: auto;
	padding: 0 40px;
}

/*
.tabmenu-type01 > ul > li:first-child {
	margin-left: 0;
}
*/
.info_img{text-align: center}
.info_img img{max-width:960px;width: 100% }
.info_txt01{background: #f2f6f9;padding:13px;text-align: center}
.info_txt01 p{font-size: 15px;color: #000}
.tabmenu-type01>ul>li.on>a:hover,.tabmenu-type01>ul>li.on>a {
	background: #fff;
	border: 2px solid #0074A5;
	border-bottom: 1px solid #fff;
	color: #0074A5;
	font-size: 16px;border-radius: 5px 5px 0 0;
}
.tabmenu-type01>ul>li.on>a:hover,.tabmenu-type01>ul>li.on>a span{vertical-align:top;}

.tabmenu-type01>ul>li>a:hover {
	background: #f1f1f1;
	border: 1px solid #a3bedf;
	border-bottom: 2px solid #328c99;
	color: #888888;
	margin-bottom: -1px;
}

/* tabmenu type02  */
.tabmenu-type02 {
	margin-bottom: 35px;
}

.tabmenu-type02:after {
	content: "";
	clear: both;
	display: block;
}

.tabmenu-type02.depth2 {
	margin-bottom: 15px;
}

.tabmenu-type02.depth4 {
	margin-bottom: 15px;
}

.tabmenu-type02.eightList {
	margin-bottom: 15px;
}

.tabmenu-type02>li {
	float: left;
	width: calc(33.33% + 1px);
	margin-left: -1px;
}

.tabmenu-type02>li:nth-child(2) {
	width: 33.34%;
}

.tabmenu-type02.depth2>li {
	width: calc(50% + 1px);
}

.tabmenu-type02.depth4>li {
	width: calc(25% + 1px);
	margin-left: -1px;
}

.tabmenu-type02.eightList>li {
	width: calc(12.5% + 1px);
}

.tabmenu-type02.harfList>li {
	width: calc(20% + 1px);
}

.tabmenu-type02>li>a {
	display: block;
	width: 100%;
	height: 44px;
	line-height: 44px;
	color: #328c99;
	font-size: 1.231em;
	border: 1px solid #328c99;
	box-sizing: border-box;
	font-family: 'NotoKrB', NotoKrM, sans-serif;
	font-weight: 500;
	text-align: center;
}

.tabmenu-type02>li.on>a,.tabmenu-type02>li.on>a:hover {
	border: 1px solid #328c99;
	background: #328c99;
	color: #fff;
	z-index: 10;
	font-family: 'NotoKrB',  sans-serif;
	font-weight: 700;
	text-shadow: 0px 0px 2px rgba(0,0,0,.8);
}

.tabmenu-type02>li>a:hover {
	border: 1px solid #328c99;
	color: #328c99;
	background: #f1f1f1;
	z-index: 10;
	font-family: 'NotoKrB', notoKrR, sans-serif;
}

/* tabmenu type03  */
.tabmenu-type03 {
	margin: 0;
	padding: 0;
	border: 1px solid #d2d2d2;
	border-bottom: 0;
}

.tabmenu-type03:after {
	content: "";
	clear: both;
	display: block;
}

.tabmenu-type03>li {
	float: left;
	width: 33.33%;
}

.tabmenu-type03>li:nth-child(2) {
	width: 33.34%;
}

.tabmenu-type03>li>a {
	display: block;
	padding: 20px 50px 0 50px;
	height: 63px;
	background: #fafafa;
	border-left: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2
}

.tabmenu-type03>li>a:hover,.tabmenu-type03>li>a.on {
	background: #fff;
	border-bottom: 1px solid #fff
}

.tabmenu-type03>li:first-child>a {
	border-left: 0;
}

.tabmenu-type03>li>a>img {
	display: inline-block;
	vertical-align: middle;
	width: 44px;
}

.tabmenu-type03>li>a>span {
	display: inline-block;
	vertical-align: middle;
	margin-left: 15px;
	color: #5b5b5b;
	font-size: 1.308em;
	line-height: 1.176em;
}

/*
.tab-contents-wrapper,
.ECsource-content {
	padding: 28px 20px;
	border: 1px solid #d8d8d8;
	border-top: 0;
}
*/
.tab-contents-wrapper,.ECsource-content {
	padding-top: 30px;
}
/* tabmenu type04 */
.tabmenu-type04 {
	margin-bottom: 25px;
	border-top: 1px solid #cecfd4;
	border-bottom: 1px solid #cecfd4;
}

.tabmenu-type04>li {
	float: left;
	background: transparent url(/images/uportal/site/icon_bar02.gif);
	background: -webkit-linear-gradient(transparent, transparent),
		url(/images/uportal/site/icon_bar02@2x.gif);
	background: linear-gradient(transparent, transparent),
		url(/images/uportal/site/icon_bar02@2x.gif);
	background-position: 0 center;
	background-repeat: no-repeat;
	background-size: 1px 12px;
}

.tabmenu-type04>li:first-child {
	background: transparent;
}

.tabmenu-type04>li a {
	display: block;
	padding: 15px 35px;
	margin-bottom: -1px;
	color: #666667;
	font-size: 1.154em;
	line-height: 1em;
	font-family: 'NotoKrL', sans-serif;
	font-weight: 100;
}

.tabmenu-type04>li a:hover,.tabmenu-type04>li a.on {
	color: #000;
	border-bottom:3px solid #000;
}

.smaple-url-wrapper {
	padding-bottom: 35px;
}

.smaple-url-wrapper .api-link-text {
	display: block;
	font-size: 1.154em;
	line-height: 1.667em;
	font-family: 'NotoKrL', sans-serif;
	font-weight: 100;
	color: #474747;
}

.smaple-url-wrapper .api-link-text a {
	display: block;
	color: #3399ff;
	margin-bottom: 5px;
	word-wrap: break-word;
}

.smaple-url-wrapper .api-link-text a:hover {
	text-decoration: underline;
}

.smaple-ex-wrapper {
	margin: 0;
	padding: 0;
}

.smaple-ex-wrapper iframe {
	border: 1px solid #cccccc;
	width: 100%;
	height: 180px;
}

.error-list {
	padding-left: 15px;
	color: #999999;
	font-family: 'NotoKrL', sans-serif;
	font-weight: 100;
}

.error-list>li {
	position: relative;
	padding-left: 10px;
	font-size: 1.077em;
	line-height: 1.786em;
	word-break: keep-all
}

.error-list>li:before {
	position: absolute;
	left: 0;
	content: "-"
}

.url-reg-information {
	padding-top: 20px;
	margin-bottom: 15px;
}

.url-reg-information ol {
	margin: 0;
	padding: 0;
}

.url-reg-information ol>li {
	position: relative;
	padding-left: 130px;
	color: #666666;
	font-size: 1.154em;
	line-height: 1.667em;
	margin-bottom: 10px;
	font-family: 'NotoKrL', sans-serif;
	font-weight: 100;
	word-break: keep-all;
}

.url-reg-information ol>li>strong {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	padding-left: 3px;
	font-family: 'NotoKrM', NotoKrM, sans-serif;
	font-weight: 500;
}

/* 개발소스 예제 */
.ECsource-content-area {
	margin: 0;
	padding: 0;
}

.ECsource-type-area {
	position: relative;
	display: block;
	max-width: 100%;
	max-height: 600px;
	margin: 0 auto 50px auto;
}

.ECsource-type-area img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}

.ECsource-type-area #barChart {
	display: block;
}

.ECsource-type-area #pieChart {
	min-width: 310px;
	height: 400px;
	max-width: 310px;
	margin: 0 auto
}

.ECsource-content-area pre {
	word-wrap: break-word;
	box-sizing: border-box;
	white-space: pre-wrap;
	word-wrap: break-word;
	font-size: 1em;
	line-height: 1.231em;
	color: #666666;
	font-family: "돋움", "dotum", 돋움, dotum, sans-serif;
}

/* source code */
.source-code-wrapper {
	margin-top: 10px;
	padding: 10px;
	border: 1px solid #d2d2d2
}

.source-code-wrapper>p {
	margin-bottom: 10px;
	color: #333;
	font-family: 'NotoKrM', NotoKrM, sans-serif;
	font-weight: 500;
	font-size: 1.077em;
}

.source-code-wrapper pre {
	word-wrap: break-word;
	box-sizing: border-box;
	white-space: pre-wrap;
	word-wrap: break-word;
	font-size: 0.813em;
	line-height: 1.231em;
	color: #666666;
	font-family: "돋움", "dotum", 돋움, dotum, sans-serif;
}

/* open API 인증키 이용안내 */
.open-api-information-wrapper {
	margin-top: 30px;
}

.open-api-information-area {
	height: 160px;
	border: 1px solid #cecece;
	padding: 20px 25px;
	margin-bottom: 15px;
	color: #666666;
	font-size: 1.154em;
	line-height: 1.467em;
	overflow-x: hidden;
	overflow-y: auto;
}

.pre-box {
	word-wrap: break-word;
	box-sizing: border-box;
	white-space: pre-wrap;
	word-wrap: break-word;
	font-size: 1em;
	line-height: 1.385em;
	font-family: 'NotoKrL', sans-serif;
	font-weight: 100;
	padding: 10px;
	height: 250px;
	border: 1px solid #b9b9bb;
	box-sizing: border-box;
	overflow-x: hidden;
	overflow-y: auto;
}

.pre-box02 {
	word-wrap: break-word;
	box-sizing: border-box;
	white-space: pre-wrap;
	word-wrap: break-word;
	font-size: 1.231em;
	line-height: 1.750em;
	font-family: 'NotoKrL', sans-serif;
	font-weight: 100;
	padding: 10px;
	box-sizing: border-box;
}

.pre-box02.no-padding {
	padding: 0;
}

/* 이용약관 */
.agreement-wrapper {
	margin-bottom: 40px;
}

.agreement-area {
	padding: 20px 25px;
	height: 163px;
	margin-bottom: 15px;
	overflow-x: hidden;
	overflow-y: auto;
	border: 1px solid #cecece;
	color: #666666;
	font-size: 1.154em;
	line-height: 1.467em;
	font-family: 'NotoKrL', sans-serif;
	font-weight: 100;
}

.checked-agreement {
	text-align: right;
}

.checked-agreement input[type="checkbox"] {
	display: inline-block;
	vertical-align: middle;
	margin-right: 8px;
}

.checked-agreement label {
	display: inline-block;
	vertical-align: middle;
	min-width: 205px;
	font-size: 1.154em;
	line-height: 1.333em;
	color: #333333;
	text-align: left;
	font-family: 'NotoKrL', sans-serif;
	font-weight: 100;
}

/* 개인정보 입력 */
.personal-information-input {
	position: relative;
	height: 48px;
	padding-left: 120px;
	margin-bottom: 25px;
	background: #f9f9f9;
	border-top: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
}

.personal-information-input>dt {
	position: absolute;
	top: 0;
	left: 0;
	width: 120px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	color: #333333;
	font-size: 1.154em;
}

.personal-information-input>dd {
	background: #fff;
	height: 36px;
	padding: 6px 10px;
}

.personal-information-input>dd input[type="text"] {
	display: block;
	width: 194px;
	height: 34px;
	border: 1px solid #b9b9bb;
	font-size: 1.154em;
	color: #333333;
	text-indent: 10px;
}

/* 로그인 */
.loginTitle, .loginTitle strong{font-family: 'NotoKrB', sans-serif;}
.social-login-wrapper {
	max-width: 590px;
	margin: 20px 0 0 0
}

.social-login-area {
	margin-bottom: 15px;
}
.social-login-area .socialLog{overflow: hidden;width: 100%}
.social-login-area .socialLog li{float:left;width:50%;padding:10px !important;box-sizing: border-box}
.social-login-area .socialLog li a{font-family: 'NotoKrB', sans-serif;font-size: 16px;border:1px solid #dddddd;border-radius: 10px;font-weight: 700;height: 70px;line-height: 70px}
.social-login-wrapper .attention{font-size: 13px;background: url("/images/uportal/site/info-circle-fill.svg") no-repeat left 5px;padding-left:30px}
.social-login-wrapper .attention .txt01{font-size:16px;font-family: 'NotoKrR', sans-serif;color:#3981df;padding: 8px 0}
.social-login-wrapper .attention li{padding: 5px 0;font-size: 15px; line-height: 1.2}
.social-login-wrapper .attention li strong{color: #000}

/* 한눈에 보는 부동산통계 */
.icon-period-wrapper {
	margin-bottom: 7px;
}

.icon-period-wrapper ul {
	float: right;
}

.icon-period-wrapper ul>li {
	float: left;
	margin-left: 13px;
}

.icon-period-wrapper ul>li .word {
	display: inline-block;
	vertical-align: middle;
}

.icon-type01 {
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	line-height: 18px;
	border-radius: 2px;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	font-family: "돋움", "dotum", 돋움, dotum, sans-serif;
	text-align: center;
}

.icon-type01.day {
	background: #dd5454;
}

.icon-type01.month {
	background: #48a000;
}

.icon-type01.quarter {
	background: #3495a6;
}

.icon-type01.year {
	background: #ff5009;
}

.icon-type01.week {
	background: #0076d4;
}

.icon-type01.half {
	background: #795548;
}

.stats-top-information {
	padding: 13px 10px;
	background: #f9f9f9;
	border: 1px solid #328c99;
	height: auto;
	margin: 10px 0 15px;
	box-shadow: 1px 1px 6px rgba(0,0,0,.2)
}

.stats-top-information.mrl00 {
    margin:0 0 10px 0;
}

.stats-top-information .left {
	float: left;
}

.stats-top-information .left .date {
	display: block;
	height: 30px;
	line-height: 30px;
	padding-left: 12px;
	color: #328c99;
	font-size: 1.331em;
	/* background: transparent
		url(/images/uportal/site/icon_arrow_right01.png);
	background: -webkit-linear-gradient(transparent, transparent),
		url(/images/uportal/site/icon_arrow_right01@2x.png);
	background: linear-gradient(transparent, transparent),
		url(/images/uportal/site/icon_arrow_right01@2x.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 7px 11px; */
	font-family: 'NotoKrM', NotoKrM, sans-serif;
	font-weight: 500;
}

.stats-top-information .right {
	float: right;
}

.finance-search-wrapper {
	float: right;
	margin-left: 4px;
}

.finance-search-area {
	position: relative;
	display: block;
	/* padding-right: 65px; */
}

.finance-search-area input[type="search"] {
	display: block;
	border: 1px solid #b2b9c4;
	width: 215px;
	height: 30px;
	text-indent: 10px;
	box-sizing: border-box;
}

.finance-search-area input[type="submit"] {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 60px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	font-size: 1.077em;
	text-align: center;
	border: 0;
	border-radius: 0;
	-webkit-appearance: none;
	background: #5c9ad7
}

.stats-top-information .right .btns-wrapper {
	float: left;
}

.stats-top-information .right .btns-wrapper a {
	float: left;
	width: 81px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	border: 1px solid #b2b9c4;
	background: #fff;
	margin-left: 4px;
}

.stats-top-information .right .btns-wrapper a.type02 {
	width: auto;
	padding: 0 8px;
}

.stats-top-information .right .btns-wrapper a>img {
	display: inline-block;
	vertical-align: middle;
	width: 14px;
	margin-top: -2px;
}

.stats-top-information .right .btns-wrapper a>span {
	display: inline-block;
	vertical-align: middle;
	color: #666666;
	font-size: 1em;
	margin-top: -2px;
}

/* 한눈에 보는 부동산통계 메뉴 목록 */
.finance-menu-wrapper {
	display: block;
	margin: 0;
	padding: 0
}

.finance-menu-wrapper>dl {
	display: block;
	margin-bottom: 9px;
}

.finance-menu-wrapper>dl>dt {
	display: block;
}

.finance-menu-wrapper>dl>dt>button {
	position: relative;
	display: block;
	width: 100%;
	padding: 15px 135px 15px 23px;
	box-sizing: border-box;
	background: #f5f5f5;
	cursor: pointer;
	/*border: 1px solid #ecf1f8;*/
	border-radius: 0;
	-webkit-appearance: none;
	appearance: none;
	text-align: left;
	word-break: keep-all
}

.finance-menu-wrapper>dl>dt>button:focus {
	border-color: #719ECE;
	box-shadow: 0 0 5px #719ECE;
	outline: 4px dotted red;
}

.finance-menu-wrapper>dl>dt>button>.icon {
	position: absolute;
	top: 50%;
	left: 30px;
	display: block;
	width: 35px;
	height: 35px;
	margin-top: -18px;
	display:none;
}

.finance-menu-wrapper>dl>dt>button>.icon img {
	width: 35px;
}

.finance-menu-wrapper>dl>dt>button>.icon img.off {
	display: block;
}

.finance-menu-wrapper>dl>dt>button>.icon img.on {
	display: none;
}

.finance-menu-wrapper>dl>dt>button>.title {
	display: block;
	color: #000;
	font-size:18px;
	line-height: 1.500em
}

.finance-menu-wrapper>dl>dt>button>.arrow {
	position: absolute;
	top: 50%;
	right: 22px;
	display: block;
	height: 30px;
	line-height: 30px;
	margin-top: -15px;
	padding-right: 40px;
	color: #7c7c7c;
	font-size: 1.231em;
	background: transparent url(/images/uportal/site/icon_arrow.png);
	background: -webkit-linear-gradient(transparent, transparent),
		url(/images/uportal/site/icon_arrow@2x.png);
	background: linear-gradient(transparent, transparent),
		url(/images/uportal/site/icon_arrow@2x.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 29px 30px;
	font-family: 'NotoKrM', NotoKrM, sans-serif;
	font-weight: 500;
}

.finance-menu-wrapper>dl>dt.on>button {
	background: #328c99;
	border-radius:5px
}

.finance-menu-wrapper>dl>dt.on>button>.icon img.off {
	display: none;
}

.finance-menu-wrapper>dl>dt.on>button>.icon img.on {
	display: block;
}

.finance-menu-wrapper>dl>dt.on>button>.title {
	color: #fff;font-size: 20px;text-shadow: 0px 0px 2px rgb(0 0 0 / 80%)
}

.finance-menu-wrapper>dl>dt.on>button>.arrow {
	color: #fff;
	background: transparent
		url(/images/uportal/site/icon_arrow_on.png);
	background: -webkit-linear-gradient(transparent, transparent),
		url(/images/uportal/site/icon_arrow_on@2x1.png);
	background: linear-gradient(transparent, transparent),
		url(/images/uportal/site/icon_arrow_on@2x1.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 29px 30px;
}

.finance-menu-wrapper>dl>dd {
	display: none;
	/*border: 1px solid #d0d0d0;*/
	background: #ffffff;
}

.finance-menu-wrapper>dl>dd.on {
	display: block;
}

.finance-menu-wrapper>dl>dd>ul {
	padding: 8px 0;
}

.finance-menu-wrapper>dl>dd>ul:after {
	content: "";
	clear: both;
	display: block;
}

.finance-menu-wrapper>dl>dd>ul>li {
	float: left;
	display: block;
	width: 50%;
	padding: 0 20px;
	box-sizing: border-box;
}

.finance-menu-wrapper>dl>dd>ul>li:nth-child(4n + 1) {
	background: #f9f9f9
}

.finance-menu-wrapper>dl>dd>ul>li:nth-child(4n + 2) {
	background: #f9f9f9
}

.finance-menu-wrapper>dl>dd>ul>li .finance-information {
	display: block;
	border: 2px solid #fff;
	padding: 3px 8px;
	line-height: 1.923em;
}

.finance-menu-wrapper>dl>dd>ul>li .finance-information:after {
	content: "";
	clear: both;
	display: block;
}

.finance-menu-wrapper>dl>dd>ul>li .finance-information .title-area {
	position: relative;
	float: left;
	padding-left: 20px;
}

.finance-menu-wrapper>dl>dd>ul>li .finance-information .title-area>.icon-type01
	{
	position: absolute;
	top: 5px;
	left: 0;
}

.finance-menu-wrapper>dl>dd>ul>li .finance-information .title-area>.title
	{
	color: #666666;
	font-size:15px;
}

.finance-menu-wrapper>dl>dd>ul>li .finance-information .title-area>.title .icon-new
	{
	display: inline;
	margin-left: 5px;
}

.finance-menu-wrapper>dl>dd>ul>li .finance-information .result {
	float: right;
	color: #666666;
}

.finance-menu-wrapper>dl>dd>ul>li:nth-child(4n + 1) .finance-information,.finance-menu-wrapper>dl>dd>ul>li:nth-child(4n + 2) .finance-information
	{
	border: 2px solid #f9f9f9;
}

.finance-menu-wrapper>dl>dd>ul>li .finance-information.changFC {
	border: 2px solid #f26826 !important;
	background: #fff;
}

.finance-menu-wrapper>dl>dd>ul>li .finance-information.changFC .title-area>.title
	{
	color: #000000;
}

.finance-menu-wrapper>dl>dd>ul>li .finance-information.changFC .result {
	color: #ff2a00;
}

.finance-menu-wrapper>dl>dd>ul>li.no-data {
	height: 35px;
}

.grahph-wrapper {
	display: block;
	padding-top: 10px;
}
/* 통계항목 및 분류코드 조회 팝업 */
.layerpopup-wrapper {
	position: fixed;
	top: 50%;
	left: 50%;
	display: none;
	width: 485px;
	min-height: 604px;
	margin-left: -242px;
	margin-top: -302px;
	z-index: 1000;
}

.layerpopup-area {
	position: relative;
	display: block;
	background: #fff;
}

.layerpopup-area h2 {
	height: 56px;
	line-height: 56px;
	text-align: center;
	font-size: 1.538em;
	color: #fff;
	background: #328c99;
	font-family: 'NotoKrB',  sans-serif;
	font-weight: 700;
}

.layerpopup-area .layerpopup-box {
	padding: 20px;
}

.layerpopup-area .layerpopup-box .tabmenu-type01 {
	margin-top: 20px;
	margin-bottom: 10px;
}

.layerpopup-area .layerpopup-box .table-scroll-area {
	max-height: 380px;
	overflow-x: hidden;
	overflow-y: auto;
}

.btn-layerpopup-close {
	position: absolute;
	top: 21px;
	right: 20px;
	display: block;
	width: 15px;
	height: 15px;
	background: transparent;
	border: 0;
	border-radius: 0;
	-webkit-appearance: none;
	appearance: none;
}

.btn-layerpopup-close img {
	display: block;
	width: 15px;
}

/* 발표자료 */
.presentation-list{position:relative;text-align:center;padding:20px 0 30px 0;}
.presentation-list .presentation-list-ul{overflow:hidden;display:inline-block;}
.presentation-list .presentation-list-ul li{float:left;width:176px;text-align:center;}
.presentation-list .presentation-list-ul li a{display:inline-block;border:1px solid #dddddd;padding:15px 30px;background:#f9f9f9;}
.presentation-list .presentation-list-ul li a:hover{background:#0089df;border:1px solid #2c77bc;}
.presentation-list .presentation-list-ul li a > span{display:block;font-size:15px;font-weight:700;margin:0 0 20px 0;line-height:1;}
.presentation-list .presentation-list-ul li a:hover > span{color:#ffffff;}
.presentation-list .presentation-list-ul li a img{outline:1px solid #b3b3b3;width:96px;height:136px;}
.presentation-list .presentation-list-ul li.on a{background:#0089df;border:1px solid #2c77bc;}
.presentation-list .presentation-list-ul li.on a > span{color:#ffffff;}

.presentation-list-btn{position:absolute;top:110px;left:0;width:100%;}
.presentation-list-btn .plb_prev{position:absolute;top:0;left:0;}
.presentation-list-btn .plb_next{position:absolute;top:0;right:0;}
.presentation-list-btn a{display:block;text-indent:-9999px;}
.presentation-list-btn .plb_prev a:before{
	position:absolute;
	top:2px;
	left:2px;
	content:"";
	display:block;
	width:16px;
	height:16px;
	border-top:2px solid #bebebe;
	border-left:2px solid #bebebe;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.presentation-list-btn .plb_next a:before{
	position:absolute;
	top:2px;
	left:-5px;
	content:"";
	display:block;
	width:16px;
	height:16px;
	border-top:2px solid #bebebe;
	border-right:2px solid #bebebe;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.presentation-list-btn .plb_prev a:hover:before{
	border-top:2px solid #777777;
	border-left:2px solid #777777;
}
.presentation-list-btn .plb_next a:hover:before{
	border-top:2px solid #777777;
	border-right:2px solid #777777;
}

.presentation-material-wrapper {
	position: relative;
	/*padding-left: 213px;*/
	/*height: 478px;*/
}

/*.presentation-material-wrapper .presentation-material-title {*/
/*	position: absolute;*/
/*	top: 0;*/
/*	left: 0;*/
/*	width: 211px;*/
/*	height: 477px;*/
/*	border: 1px solid #2c77bb;*/
/*	text-align: center;*/
/*	background: #0189df url(/images/uportal/site/bg0201.jpg)*/
/*		no-repeat 100% 50%;*/
/*}*/

.presentation-material-wrapper .presentation-material-title h4 {
	padding: 115px 40px 25px 40px;
	color: #fff;
	font-size: 1.846em;
	line-height: 1.167em;
	font-family: 'NotoKrB',  sans-serif;
	font-weight: 700;
}

.presentation-material-wrapper .presentation-material-title img {
	display: block;
	width: 96px;
	margin: 0 auto;
}

/*.presentation-material-wrapper .presentation-material-tabmenu {*/
/*	position: absolute;*/
/*	top: 0;*/
/*	left: 0;*/
/*	width: 213px;*/
/*	height: 479px;*/
/*	text-align: center;*/
/*	background: #ececef;*/
/*}
.presentation-material-wrapper .presentation-material-tabmenu>li {
	height: 50%;
}

.presentation-material-wrapper .presentation-material-tabmenu>li>a {
	position: relative;
	display: block;
	height: 100%;
	padding: 39px 30px 0 30px;
	border: 1px solid #d0d0d0;
	box-sizing: border-box;
	text-align: center;
}

.presentation-material-wrapper .presentation-material-tabmenu>li>a.first
	{
	padding-top: 39px;
	border-bottom: 0;
}

.presentation-material-wrapper .presentation-material-tabmenu>li>a .title
	{
	display: block;
	margin-bottom: 29px;
	color: #666666;
	font-size: 1.846em;
	line-height: 1.167em;
	letter-spacing: -1px;
	font-family: 'NotoKrB',  sans-serif;
	font-weight: 700;
}

.presentation-material-wrapper .presentation-material-tabmenu>li>a .title>span
	{
	display: block;
}

.presentation-material-wrapper .presentation-material-tabmenu>li>a>img {
	display: block;
	width: 73px;
	margin: 0 auto;
}

.presentation-material-wrapper .presentation-material-tabmenu>li>a .date
	{
	display: inline-block;
	vertical-align: middle;
	min-width: 80px;
	height: 30px;
	line-height: 30px;
	padding: 0 15px;
	margin-bottom: 20px;
	text-align: center;
	color: #999999;
	font-size: 1.231em;
	font-family: 'NotoKrB',  sans-serif;
	font-weight: 700;
}

.presentation-material-wrapper .presentation-material-tabmenu>li>a>img {
	display: block;
	width: 73px;
	margin: 0 auto;
}

.presentation-material-wrapper .presentation-material-tabmenu>li>a.on,.presentation-material-wrapper .presentation-material-tabmenu>li>a.on:hover
	{
	background: #0089df;
	border: 1px solid #2c77bc;
}

.presentation-material-wrapper .presentation-material-tabmenu>li>a:hover
	{
	background: #f39d52;
	border: 1px solid #f39d52;
}

.presentation-material-wrapper .presentation-material-tabmenu>li>a.on .title,.presentation-material-wrapper .presentation-material-tabmenu>li>a:hover .title
	{
	color: #fff;
}

.presentation-material-wrapper .presentation-material-tabmenu>li>a.on .date,.presentation-material-wrapper .presentation-material-tabmenu>li>a.on:hover .date
	{
	color: #fff;
	background: #2499e2;
	border-radius: 15px;
}

.presentation-material-wrapper .presentation-material-tabmenu>li>a:hover .date
	{
	color: #fff;
	background: #feb96e;
	border-radius: 15px;
}
*/

.presentation-material-wrapper .presentation-material-tabmenu{    
	display: flex;
	justify-content: flex-start;
	position: relative;
	margin-bottom: 10px;
	flex-wrap: wrap;
}
/*.presentation-material-wrapper .presentation-material-tabmenu:before{position: absolute;left:0;bottom:-1px;content: '';width:100%;height:2px;background: #6ca7d9;z-index: -1}*/
.presentation-material-wrapper .presentation-material-tabmenu li{width: calc(33% + 1px);margin-left: -1px;height: calc(100% + 1px);margin-bottom: -1px;}
.presentation-material-wrapper .presentation-material-tabmenu li a{display: block;background: #fff;padding:14px 25px 14px 30px;border:1px solid #90B6CF;text-align: center;}
.presentation-material-wrapper .presentation-material-tabmenu li a:hover{color: #002C6D;background: #f1f1f1;}
.presentation-material-wrapper .presentation-material-tabmenu li a.on{
	border:1px solid #00C0F3;
	color: #fff;
	background: #00C0F3;
}
.presentation-material-wrapper .presentation-material-tabmenu li a span{color:#0074a5;text-align: center;font-size: 14px;}
.presentation-material-wrapper .presentation-material-tabmenu li a.on span{color: #fff;
	text-shadow: 0px 0px 2px rgba(0,0,0,.8);}
.presentation-material-wrapper .presentation-material-tabmenu li a span.title{font-family: 'NotoKrB', NotoKrM, sans-serif;}
.presentation-material-wrapper .presentation-material-tabmenu li a span.date{font-family: 'NotoKrM', NotoKrM, sans-serif;font-size: 14px;margin-left:5px;
	background:#a9bedf;
	padding: 1px 12px;
	border-radius: 18px;
	color: #fff;
}
.presentation-material-wrapper .presentation-material-tabmenu li a.on span.date{
	background: rgba(0,0,0,0.3);
	padding: 1px 12px;
	border-radius: 18px;}

.presentation-material-wrapper .presentation-material-tabmenu li a img{display:none;}

.presentation-material-wrapper .presentation-material-area {
	border: 0px solid #d0d0d0;
	padding:10px 10px 10px 0;
	height: 427px;
	overflow-x: hidden;
	overflow-y: auto;

}

/*.presentation-material-wrapper .presentation-material-area.bg0301 {*/
/*	background: #fff url(/images/uportal/site/bg0301.jpg) no-repeat*/
/*		center bottom;*/
/*	background-size: 100%;*/
/*}*/

/* 통계용어사전 */
.dictionary-search-wrapper {
	/*border: 1px solid #cad6d9;*/
	background: #f5f5f5;
	padding:13px 22px;
	margin-bottom: 20px;
	border-radius: 5px
}

.search-area03 {
	float: left;
}

.search-area03 dl {
	position: relative;
	padding-left: 60px;
}

.search-area03 dl dt {
	position: absolute;
	top: 0;
	left: 0;
	height: 30px;
	line-height:28px;
	color: #666666;
	font-family: 'NotoKrB', NotoKrL, sans-serif;
	font-weight: normal;
}

.search-area03 dl dd {
	position: relative;
	display: block;
	padding-right: 128px;
}

.search-area03 dl dd input[type="search"] {
	display: block;
	text-indent: 10px;
	width: 248px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #c0c0c0;
	text-indent: 10px;
	box-sizing: border-box;
}

.search-area03 dl dd>.btns {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	margin: 0;
}

.search-area03 dl dd>.btns:after {
	content: "";
	clear: both;
	display: block;
}

.search-area03 dl dd>.btns button {
	float: left;
	display: block;
	width: 60px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	/*
	font-size: 1.077em;
	*/
}

.search-area03 dl dd>.btns>.btn-search {
	background: #0768ca;
	margin-right: 4px;
}

.search-area03 dl dd>.btns>.btn-reset {
	background: #767676
}

.dictionary-search-wrapper>.btn-s04 {
	float: right;
}

/* 초성 버튼 */
.consonant-group-wrapper {
	margin-bottom: 15px;
	text-align: center;
}

.consonant-group-wrapper .korean {
	display: block;
}

.consonant-group-wrapper .korean .consonant-group-list {
	display: inline-block;
	vertical-align: top;
	/*width: 450px;*/
}

/*.consonant-group-wrapper .korean .consonant-group-list a {*/
/*	display: inline-block;*/
/*	vertical-align: top;*/
/*	width: 26px;*/
/*	height: 30px;*/
/*	line-height: 30px;*/
/*	color: #666666;*/
/*	font-size: 0.923em;*/
/*	margin-bottom: 5px;*/
/*	border: 1px solid #d4d4d4;*/
/*	background: transparent*/
/*		url(/images/uportal/site/bg_button_type01_off.gif);*/
/*	background: -webkit-linear-gradient(transparent, transparent),*/
/*		url(/images/uportal/site/bg_button_type01_off@2x.gif);*/
/*	background: linear-gradient(transparent, transparent),*/
/*		url(/images/uportal/site/bg_button_type01_off@2x.gif);*/
/*	background-repeat: repeat-x;*/
/*	background-position: left bottom;*/
/*	background-size: 1px 32px;*/
/*	background-color: #fefefe;*/
/*}*/

.consonant-group-wrapper .korean .consonant-group-list a{
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 28px;
	background: #fdfdfd;
	border: 2px solid #dfdfdf;
	border-radius: 50%;
	font-size: 15px;
	font-family: 'NotoKrM';
	font-weight: 600;
	margin:2px 1px
}

.consonant-group-wrapper .korean .consonant-group-list a.on,.consonant-group-wrapper .korean .consonant-group-list a:hover
	{
background: #0768ca;color: #fff;border-color:#0768ca;
}

.consonant-group-wrapper  .btn-choise-language{
	background:#002C6D ;color:#fff;padding:8px 20px;border-radius: 30px;
}
.consonant-group-wrapper .english {
	display: block;
}

.consonant-group-wrapper .english .consonant-group-list {
	display: inline-block;
	vertical-align: top;
	width: 530px;
}

.consonant-group-wrapper .english .consonant-group-list a {
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 28px;
	background: #fdfdfd;
	border: 2px solid #dfdfdf;
	border-radius: 50%;
	font-size: 14px;
	font-family: 'NotoKrM';
	margin:2px 1px
}

.consonant-group-wrapper .english .consonant-group-list a.on,.consonant-group-wrapper .english .consonant-group-list a:hover
	{
	background: #5c9ad7;color: #fff;border-color:#5c9ad7;
}

.dictionary-result-wrapper {
	margin: 0;
	padding: 0;
}

.dictionary-result-wrapper .title-area {
	border-top: 1px solid #0053a3;
	height: 43px;
	background: #f7f7f7;
}

.dictionary-result-wrapper .title-area:after {
	content: "";
	clear: both;
	display: block;
}

.dictionary-result-wrapper .title-area>p {
	float: left;
	color: #000;
	font-size: 1.077em;
	height: 37px;
	line-height: 37px;
	text-align: center;
	box-sizing: border-box;
	border-left: 1px solid #e8e8e8;
	font-family: 'NotoKrB', sans-serif;
}

.dictionary-result-wrapper .title-area>p.number {
	width: 40px;
	border-left: 0;
}

.dictionary-result-wrapper .title-area>p.term {
	width: 250px;
}

.dictionary-result-wrapper .title-area>p.caption {
	width: calc(100% - 290px);
}

.dictionary-result-area {
	position: relative;
	border:1px solid #ccc;box-shadow: 2px 2px 8px rgb(0,0,0,0.12)
}

.dictionary-result-area>ol {
	display: block;
	width: 290px;
	height: 375px;
	overflow-x: hidden;
	overflow-y: auto;
	background: #fff;
	border-right: 1px solid #e8e9e9;
}

.dictionary-result-area>ol>li {
	display: block;
	border-bottom: 1px solid #e8e9e9;
}

.dictionary-result-area>ol>li>a {
	display: block;
	color: #000000;
	font-size: 1.077em;
	line-height: 1.143em;
	font-family: 'NotoKrL', sans-serif;
	font-weight: 100;
}


.dictionary-result-area>ol>li>a:hover
{
	background: #f1f1f1;
	color:#000
}

.dictionary-result-area>ol>li>a.on, .dictionary-result-area>ol>li>a:hover.on
{
	background: #5c9ad7;
	color: #fff;
}

.dictionary-result-area>ol>li>a:after {
	content: "";
	clear: both;
	display: block;
}

.dictionary-result-area>ol>li>a .number {
	float: left;
	display: block;
	width: 40px;
	height: 100%;
	padding:15px 10px;
	box-sizing: border-box;
	text-align: center;
}

.dictionary-result-area>ol>li>a .title {
	float: left;
	display: block;
	width: calc(100% - 40px);
	padding: 15px 10px;
	/*border-left: 1px solid #e8e9e9;*/
	box-sizing: border-box;
}

.dictionary-result-area>ol>li .dictionary-caption-wrapper {
	display: none;
	position: absolute;
	top: 0;
	left: 290px;
	height: 375px;
	overflow-x: hidden;
	overflow-y: auto;
	width:calc(100% - 290px);
}

.dictionary-result-area>ol>li .dictionary-caption-area {
	display: block;
}

.dictionary-result-area>ol>li .dictionary-caption-area .mobile-title,.dictionary-result-area>ol>li .dictionary-caption-area .btn-mobile-close
	{
	display: none;
}

.dictionary-result-area>ol>li .dictionary-caption-area dl {
	position: relative;
	padding-left: 140px;
	min-height: 34px;
	background: #edf3f8;
	border-bottom: 1px solid #e8e9e9;
}

.dictionary-result-area>ol>li .dictionary-caption-area dl dt {
	position: absolute;
	top: 0;
	left: 0;
	width: 120px;
	padding: 10px;
	color: #000000;
	line-height: 2.000em;font-family: 'NotoKrB';text-align: center
}

.dictionary-result-area>ol>li .dictionary-caption-area dl dd {
	background: #fff;
	padding: 10px;
	color: #008ce2;
	font-size:14px;
	line-height: 1.846em;
	font-family: 'NotoKrB', NotoKrL, sans-serif;
	border-left: 1px solid #e8e9e9;
}

.dictionary-result-area>ol>li .dictionary-caption-area .dictionary-caption-box
	{
	display: block;
	padding: 15px 20px;
	color: #666666;
	font-size: 1.077em;
	line-height: 1.714em
}

/* 통계메타정보 */
.stats-meta-menu {
	max-width: 780px;
	margin: 0 auto;
	padding: 0;
}

.stats-meta-menu:after {
	content: "";
	clear: both;
	display: block;
}

.stats-meta-menu>li {
	width: 48%;
	max-width: 378px;
}

.stats-meta-menu>li a {
	display: block;
	box-sizing: border-box;
	text-align: center;
	height: 100%;
	padding: 50px 25px 35px 25px;
}

.stats-meta-menu>li a>.icon {
	display: block;
	width: 115px;
	margin: 0 auto 7px auto
}

.stats-meta-menu>li a>.title {
	display: block;
	margin-bottom: 15px;
	color: #fff;
	font-size: 1.846em;
	line-height: 1.250em;
	font-family: 'NotoKrB',  sans-serif;
	font-weight: 700;
}

.stats-meta-menu>li a>.circle {
	display: block;
	width: 38px;
	margin: 0 auto;
}

.stats-meta-menu>li.type01 {
	float: left;
	border: 1px solid #1d70bc;
	background: url(/images/uportal/site/bg0401.png) no-repeat right
		bottom;
}

.stats-meta-menu>li.type02 {
	float: right;
	border: 1px solid #c78108;
	background: url(/images/uportal/site/bg0402.png) no-repeat right
		bottom;
}

/* 통계메타정보 상세 */
.meta-inforamtion-wrapper {
	margin-bottom: 50px;
}

.meta-inforamtion-wrapper:last-child {
	margin-bottom: 0;
}

.meta-inforamtion-wrapper h2 {
	margin-bottom: 15px;
	padding: 15px 0;border-bottom: 1px solid #ccc;
}

.meta-inforamtion-wrapper h2 a {
	position: relative;
	display: block;
	padding-right: 85px;
}

.meta-inforamtion-wrapper h2 a>.title {
	display: block;
	padding-left: 23px;
	color: #173b65;
	font-size: 1.538em;
	line-height: 1.200em;
	font-family: 'NotoKrB',  sans-serif;
	font-weight: 700;
	background: transparent
		url(/images/uportal/site/bul_title_type01.png);
	background: -webkit-linear-gradient(transparent, transparent),
		url(/images/uportal/site/bul_title_type01@2x.png);
	background: linear-gradient(transparent, transparent),
		url(/images/uportal/site/bul_title_type01@2x.png);
	background-repeat: no-repeat;
	background-position: 0 3px;
	background-size: 17px 17px;
}

.meta-inforamtion-wrapper h2 a .arrow {
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	padding-right: 26px;
	color: #1c3351;
	font-size:14px;
	line-height: 1em;
	margin-top: -5px;
	background: transparent
		url(/images/uportal/site/icon_arrow_down03.png);
	background: -webkit-linear-gradient(transparent, transparent),
		url(/images/uportal/site/icon_arrow_down03@2x.png);
	background: linear-gradient(transparent, transparent),
		url(/images/uportal/site/icon_arrow_down03@2x.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 15px 9px;
}

.meta-inforamtion-wrapper h2 a.on .arrow {
	background: linear-gradient(transparent, transparent),
		url(/images/uportal/site/icon_arrow_up03@2x.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 15px 9px;
}

.meta-inforamtion-area {
	display: none;
	border-top:1px solid #0768ca;
}

.meta-inforamtion-area tbody th {
	text-align: left;
	padding: 12px 20px;
	background: #ecf0f5;
	color: #333333;
	font-size: 1.231em;
	line-height: 1.154em;
	border: 1px solid #dddddd;
	word-break: break-all;
	text-align: center;
	font-family: 'NotoKrR', notoKrR, sans-serif;
	font-weight: 300;
}

.meta-inforamtion-area tbody th.title {
	color: #333333;
	background: #fff;
	padding-left: 26px;
	background: transparent
		url(/images/uportal/site/bul_title_type02.png);
	background: -webkit-linear-gradient(transparent, transparent),
		url(/images/uportal/site/bul_title_type02@2x.png);
	background: linear-gradient(transparent, transparent),
		url(/images/uportal/site/bul_title_type02@2x.png);
	background-repeat: no-repeat;
	background-position: 12px 16px;
	background-size: 7px 6px;
	text-align: left;
	border-right: none;
    border-left: none;
}

.meta-inforamtion-area tbody td {
	text-align: center;
	padding: 12px 20px;
	color: #777777;
	text-align: left;
	font-size: 1.131em;
	line-height: 1.385em;
	border: 1px solid #dddddd;
	font-family: 'NotoKrL', sans-serif;
	font-weight: 100;
	word-break: break-all;
}

.meta-inforamtion-area tbody td .pre-box02 {
	font-size:100%;
}

/* 통합검색 */
.word-search-result {
	position: relative;
	padding-left: 25px;
	margin-top: 30px;
	margin-bottom: 40px;
	color: #333333;
	font-size: 1.231em;
	line-height: 1.750em;
	font-family: 'NotoKrL', sans-serif;
	font-weight: 100;
	word-break: keep-all;
}

.word-search-result>img {
	position: absolute;
	top: 5px;
	left: 0;
	width: 18px;
	margin-right: 0;
}

.word-search-result>strong {
	color: #f51414
}

/* 주요 서비스 이용안내 */
.service-menu-wrapper {
	margin-bottom: 25px;
}

.service-menu-wrapper.mobile {
	display: none;
}

.service-menu-wrapper:after {
	content: "";
	clear: both;
	display: block;
}

.service-menu-wrapper>li {
	float: left;
	width: 24.2%;
	margin-right: 1%;
	margin-bottom: 1%;
}

.service-menu-wrapper>li:nth-child(4n) {
	margin-right: 0;
}

.service-menu-wrapper>li>a {
	display: block;
	width: 100%;
	height: 120px;
	padding-top: 15px;
	border: 1px solid #f7f7f7;
	background: #f7f7f7;
	box-sizing: border-box;
	text-align: center;
	color: #666666;
	font-size: 1.231em;
	border-radius: 5px;
}

.service-menu-wrapper>li>a.on {
	background: -moz-linear-gradient(-45deg,  #95d49f 0%, #5098d3 100%);
	background: -webkit-linear-gradient(-45deg,  #95d49f 0%,#5098d3 100%);
	background: linear-gradient(135deg,  #95d49f 0%,#5098d3 100%);
	/*border: 1px solid #2c77bc;*/
	color: #fff;
	font-family: 'NotoKrB',  sans-serif;
	font-weight: 700;
	text-shadow: 0px 0px 2px rgba(0,0,0,.8);
}

.service-menu-wrapper>li>a>img {
	display: block;
	width: 88px;
	margin: 0 auto 5px auto;
}

.service-information-wrapper {
	display: none;
}

.service-information-wrapper.on {
	display: block;
}

.service-information-wrapper>h4 {
	padding: 15px 25px;
	background: #ecf1f8;
	color: #2383e4;
	font-size: 1.538em;
	line-height: 1.200em;
	font-family: 'NotoKrB',  sans-serif;
	font-weight: 700;
	border-radius:10px 10px 0 0
}

.service-information-area {
	border: 1px solid #e7e7e7;
	border-top: 0;
	color: #666666;
	font-size: 1.231em;
	line-height: 1.750em;
	padding: 18px 23px;
	font-family: 'NotoKrL', sans-serif;
	font-weight: 100;
	word-break: keep-all;
}

.service-information-area:after {
	content: "";
	clear: both;
	display: block;
}

.service-information-area .image {
	float: left;
	border: 3px solid #ecf1f8;
	margin-right: 23px;
}

.service-information-area .image img {
	display: block;
	max-width: 100%;
}

.service-information-area>.btn-go {
	margin-top: 15px;
}

.service-information-area>.btn-go>a {
	display: inline-block;
	width: 120px;
	height: 26px;
	line-height: 26px;
	font-size: 0.813em;
	color: #fff;
	background: #438dcb;
	text-align: center;
	clear: both;
	border-radius: 15px;
}

.function-btns-wrapper {
	padding: 10px 0;
	text-align: right;
}

.selected-wrapper {
	display: inline;
}

.function-btns-wrapper select {
	width: 100px;
	height: 30px;
	line-height: 30px;
	text-indent: 10px;
	border: 1px solid #b2b9c4;
	color: #666666 !important;
	background-color: #fff;
}

/* 사이트맵 */
.sitemap-wrapper {
	padding-top: 5px;
}

.sitemap-area {
	margin-bottom: 25px;
	text-align: left;
}

.sitemap-area:after {
	content: "";
	clear: both;
	display: block;
}

.sitemap-area .sitemap-box {
	float: left;
	width: 49%;
}

.sitemap-area .sitemap-box dl {
	float: left;
	width: 48%;
}

.sitemap-area .sitemap-box dl:nth-child(even) {
	float: right;
}

.sitemap-area .sitemap-box:nth-child(even) {
	float: right;
}

.sitemap-area .sitemap-box>dl {
	margin: 0;
	padding: 0;
}

.sitemap-area .sitemap-box>dl>dt {
	display: block;
	margin-bottom: 10px;
}

.sitemap-area .sitemap-box>dl>dt>a {
	display: block;
	border-top: 1px solid #328c99;
	border-bottom: 1px solid #e4e4e4;
	padding: 14px 10px 10px 10px;
	color: #328c99;
	font-size: 1.385em;
	line-height: 1em;
	font-family: 'NotoKrM', NotoKrM, sans-serif;
	font-weight: 500;
}

.sitemap-area .sitemap-box>dl>dd {
	padding: 0 10px;
}

.sitemap-area .sitemap-box>dl>dd>a {
	display: inline-block;
	vertical-align: middle;
	font-size: 1.231em;
	line-height: 1.750em;
	color: #666666;
	font-family: 'NotoKrL', sans-serif;
	font-weight: 100;
}

.sitemap-area .sitemap-box>dl>dd>a.menu3depth{
	font-size:14px;
	margin-left:5px;
}
.sitemap-area .sitemap-box>dl>dd>a.menu3depth:before{
	content:"- ";
}

.sitemap-area .sitemap-box>dl>dd>a:hover {
	color: #0a66b8
}

.sitemap-wrapper>.image {
	display: block;
	text-align: center;
	padding: 0 20px;
}

.sitemap-wrapper>.image>img {
	display: inline-block;
	vertical-align: bottom;
	max-width: 100%;
}

/* 2018.04.12 추가작업 */
.layerpopup-stat-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	text-align: center;
	box-sizing: border-box;
	display: none;
}

.bg-opacity-black45 {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.45
}

.layerpopup-stat-area {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 510px;
	min-height: 190px;
	margin-left: -255px;
	margin-top: -95px;
	background: #fff;
	border: 1px solid #445e85;
	border-radius: 9px;
	text-align: left;
}

.layerpopup-stat-area .title-area {
	height: 38px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	padding: 15px 20px 0 24px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4899eb+0,3b8ce0+50,2d81d6+100 */
	background: #4899eb; /* Old browsers */
	background: -moz-linear-gradient(top, #4899eb 0%, #3b8ce0 50%, #2d81d6 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #4899eb 0%, #3b8ce0 50%, #2d81d6 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #4899eb 0%, #3b8ce0 50%, #2d81d6 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4899eb',
		endColorstr='#2d81d6', GradientType=0); /* IE6-9 */
}

.layerpopup-stat-area .title-area h2 {
	color: #fff;
	font-size: 1.385em;
	line-height: 1.333em;
	font-family: 'NotoKrB',  sans-serif;
	font-weight: 700;
}

.layerpopup-stat-area .layerpopup-stat-box {
	padding: 20px 25px;
	text-align: left;
}

.layerpopup-stat-area .layerpopup-stat-box p {
	display: block;
	min-height: 55px;
	margin-bottom: 20px;
	font-size: 1.231em;
	line-height: 1.625em;
	color: #333333;
	font-family: 'NotoKrL', sans-serif;
	font-weight: 100;
	word-break: keep-all;
}

.layerpopup-stat-area .layerpopup-stat-box .btns-right {
	text-align: right;
}

.layerpopup-stat-area .layerpopup-stat-box .btns-right>a {
	display: inline-block;
	vertical-align: middle;
	padding: 0 10px;
	min-width: 65px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	color: #fff;
	border-radius: 2px;
	box-sizing: border-box;
}

.layerpopup-stat-area .layerpopup-stat-box .btns-right>a.type01 {
	border: 1px solid #18346c;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4d71a5+0,4a6da2+50,3c6195+100 */
	background: #4d71a5; /* Old browsers */
	background: -moz-linear-gradient(top, #4d71a5 0%, #4a6da2 50%, #3c6195 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #4d71a5 0%, #4a6da2 50%, #3c6195 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #4d71a5 0%, #4a6da2 50%, #3c6195 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d71a5',
		endColorstr='#3c6195', GradientType=0); /* IE6-9 */
}

.layerpopup-stat-area .layerpopup-stat-box .btns-right>a.type02 {
	background:#444444;
}

.layerpopup-stat-area .btn-layerpopup-close02 {
	position: absolute;
	top: 17px;
	right: 20px;
	display: block;
	width: 15px;
	border: 0;
	border-radius: 0;
	background: transparent;
	-webkit-appearance: none;
	appearance: none;
}

.layerpopup-stat-area .btn-layerpopup-close02>img {
	display: block;
	width: 15px;
}

.layerpopup-loading-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	text-align: center;
	box-sizing: border-box;
	display: none;
}

.layerpopup-loading-area {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 358px;
	height: 98px;
	line-height: 98px;
	margin-left: -180px;
	margin-top: -50px;
	background: #fff;
	border: 1px solid #445e85;
	border-radius: 9px;
	color: #333333;
	font-size: 1.231em;
	font-family: 'NotoKrL', sans-serif;
	font-weight: 100;
}

.layerpopup-loading-openinfo {
	position: absolute;
	top: 35%;
	left: 50%;
	width: 200px;
	height: 98px;
	line-height: 98px;
	margin-left: -180px;
	margin-top: -50px;
	background: #fff;
	border: 1px solid #445e85;
	border-radius: 9px;
	color: #333333;
	font-size: 1.231em;
	font-family: 'NotoKrL', sans-serif;
	font-weight: 100;
}

.layerpopup-loading-area>img {
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}

.layerpopup-loading-area>span {
	display: inline-block;
	vertical-align: middle;
}

/* 채무채무 시계 */
.chemu01{position:relative;height:199px;background:url(/images/uportal/site/bg_chemu01.png) no-repeat 0 0;}
.chemu02{position:relative;height:199px;background:url(/images/uportal/site/bg_chemu02.png) no-repeat 0 0;margin:15px 0 20px 0;}
.year_chemu{border:1px #d0d3da solid;}
.g-debt .date{position:absolute;top:56px;right:53px;}
.g-debt .text{position:absolute;top:56px;right:53px;}
.g-debt .chemu01 h3{position:absolute;top:48px;left:37px;font-size:22px;font-weight:bold;color:#333333;}
.g-debt .chemu02 h3{position:absolute;top:48px;left:37px;font-size:22px;font-weight:bold;color:#333333;}
.g-debt .chemu03 h3{font-size:22px;font-weight:bold;color:#333333;padding:0 0 10px 0;}
.g-debt .chemu_number{position:absolute;top:93px;left:37px;}
.g-debt .dc2.chemu_number{left:401px;}
.g-debt .chemu_number div{float:left;width:182px;}
.g-debt .chemu_number div:first-child{margin-left:0;}
.g-debt .chemu_number span{display:inline-block;font-size:35px;color:#ffffff;font-weight:bold;background:url(/images/uportal/site/bg_chemu_number.png) no-repeat 0 0;width:33px;height:51px;text-align:center;letter-spacing:0;line-height:50px;}
.g-debt .chemu_number span.unit{display:inline-block;font-size:20px;color:#333333;font-weight:bold;background:0 none;height:51px;text-align:left;letter-spacing:0;line-height:50px;}

.economic_menu{overflow:hidden;margin-top:-3px;}
.economic_menu li{float:left;width:25%;}
.economic_menu li a{font-size:16px;display:block;height:220px;text-align:center;color:#777777;background-color:#f7f7f7;line-height:392px;margin:3px;background-position:center center;background-repeat:no-repeat;}
.economic_menu li a:hover{color:#ffffff;background-color:#3191ee;}
.economic_menu li.em01 a{background-image:url(/images/uportal/site/icon_em01.png);}
.economic_menu li.em02 a{background-image:url(/images/uportal/site/icon_em02.png);}
.economic_menu li.em03 a{background-image:url(/images/uportal/site/icon_em03.png);}
.economic_menu li.em04 a{background-image:url(/images/uportal/site/icon_em04.png);}
.economic_menu li.em05 a{background-image:url(/images/uportal/site/icon_em05.png);}
.economic_menu li.em06 a{background-image:url(/images/uportal/site/icon_em06.png);}
.economic_menu li.em07 a{background-image:url(/images/uportal/site/icon_em07.png);}
.economic_menu li.em08 a{background-image:url(/images/uportal/site/icon_em08.png);}

#ob-sect.economic_content table{white-space:nowrap;table-layout:auto;}
#ob-sect.economic_content table td{padding:10px 5px;}

.contents-area .check-list{}
.contents-area .check-list dt{position:relative;border:1px solid #d2d2d2;padding:20px 10px;margin:5px 0 0 0;}
.contents-area .check-list dt.on{background:#4297ee;border:1px solid #4297ee;}
.contents-area .check-list dt:first-child{margin:0;}
.contents-area .check-list dt h4{font-size:15px;color:#333333;background:url(/images/uportal/site/icon_blue_arrow_down02@2x.png) no-repeat right center;background-size:16px auto;}
.contents-area .check-list dt.on h4{color:#ffffff;background:url(/images/uportal/site/icon_white_arrow_up02@2x.png) no-repeat right center;background-size:23px auto;}
.contents-area .check-list dt h4 a:before{content:"- ";}
.contents-area .check-list dd{padding:10px;}
.contents-area .check-list dd p{font-size:14px;line-height:1.4;}


.popConts.newContentPup .check-list{overflow-y:auto;max-height:360px;}
.popConts.newContentPup .check-list dt{position:relative;border:1px solid #d2d2d2;padding:12px 10px;margin:5px 0 0 0;}
.popConts.newContentPup .check-list dt.on{background:#4297ee;border:1px solid #4297ee;}
.popConts.newContentPup .check-list dt:first-child{margin:0;}
.popConts.newContentPup .check-list dt h4{font-size:15px;color:#333333;background:url(/images/uportal/site/icon_blue_arrow_down02@2x.png) no-repeat right center;background-size:16px auto;}
.popConts.newContentPup .check-list dt.on h4{color:#ffffff;background:url(/images/uportal/site/icon_white_arrow_up02@2x.png) no-repeat right center;background-size:23px auto;}
.popConts.newContentPup .check-list dt h4 a:before{content:"- ";}
.popConts.newContentPup .check-list dt > span{font-size:15px;color:#333333;background:url(/images/uportal/site/icon_blue_arrow_down02@2x.png) no-repeat right center;background-size:16px auto;display:block;}
.popConts.newContentPup .check-list dt.on > span{color:#ffffff;background:url(/images/uportal/site/icon_white_arrow_up02@2x.png) no-repeat right center;background-size:23px auto;}
.popConts.newContentPup .check-list dt > span a:before{content:"- ";}
.popConts.newContentPup .check-list dd{background:#f6f6f6;padding:10px;}
.popConts.newContentPup .check-list dd p{font-size:14px;}

.m-block{display:none;}

.nmenu01{width:100%;font-size:15px;height:46px;border:2px solid #0c75ca;background:#f0f3f9;} 
.nmenu02{width:100%;margin-bottom:10px;font-size:15px;height:46px;border:2px solid #0c75ca;background:#f0f3f9;} 

/************** 경제교실 editor stylesheet **************/
.economic_content{line-height:1.4;}
/*.economic_content h3{color:#2660a8;font-size:18px;margin:10px 0;background:url(/images/uportal/site/bul_circle_type01@2x.png) no-repeat 0 center;background-size:9px 9px;font-weight:500;padding:0 0 0 15px;}*/
.economic_content h4{color:#111111;font-size:16px;margin:10px 0;background:url(/images/uportal/site/bul_type11@2x.gif) no-repeat 5px center;background-size:5px 5px;padding:0 0 0 15px;}
.economic_content h5{color:#111111;font-size:15px;margin:10px 0;padding:0 0 0 5px;}
.economic_content h5:before{content:"- ";}
.economic_content h6{position:relative;color:#111111;font-size:15px;margin:10px 0;padding:0 0 0 27px;}
.economic_content h6:before{
	position:absolute;
	top:0;
	left:15px;	
	content:"▶ ";
	font-size:9px;
}
.economic_content .number{background:0 none !important;}
.economic_content .number:before{content:"" !important;}
.economic_content p{font-size:15px;font-weight:normal;padding:0 0 0 15px;text-align:justify;margin-bottom:20px;}
.economic_content picture{display:block;text-align:center;margin:30px 0;padding:0 0 0 15px;}
.economic_content picture img{max-width:100%;}
.economic_content mark{display:block;color:#666666;background:none;padding:0 0 10px 15px;margin-top:-10px;}
.economic_content button{background:#676767;height:30px;text-align:center;width:100px;color:#ffffff;}
.economic_content .btn_download2{background:#0f57ce;height:30px;text-align:center;width:100px;color:#ffffff;}
.economic_content ul{margin:0 0 15px 15px;}
.economic_content ul li{font-size:15px;}
.economic_content ul li:before{content:"ㆍ";}
.economic_content .align-center{text-align:center;margin:10px 0;}
.economic_content .align-right{text-align:right;margin:10px 0;}
.economic_content table{border-top:2px solid #509be1;margin:15px 10px 15px 15px;width:calc(100% - 15px);}
.economic_content.mg0 table{margin:15px 0;width:100%;}

.economic_content table thead th{font-size:14px;background:#f2f7fc;border:1px solid #c9e0f5;color:#1a5894;font-weight:normal;padding:13px 0;text-align:center;}
.economic_content table tbody th{font-size:14px;background:#f7f7f7;border:1px solid #dddee2;font-weight:normal;padding:10px;color:#333333;text-align:left;}
.economic_content table tbody td{font-size:14px;border:1px solid #dddee2;padding:10px;color:#888888;text-align:right;}
.economic_content table tfoot th{font-size:14px;background:#f7f7f7;border:1px solid #dddee2;font-weight:normal;padding:10px;color:#333333;text-align:left;}
.economic_content table tfoot td{font-size:14px;background:#f7f7f7;border:1px solid #dddee2;padding:10px;color:#333333;text-align:right;}
.economic_content .table.txt-left table td{text-align:left !important;}
.economic_content .table.txt-left.td-first-center table tr td:first-child{text-align:center !important;}

.economic_content img{max-width:100%;}

.txt-center{text-align:center !important;}
.txt-left{text-align:left !important;}
.txt-right{text-align:right !important;}
.txt-unit{margin-bottom:4px !important;font-size:13px !important;text-align:right !important;}

ul.text_juseok{margin:0;}
ul.text_juseok li{ text-indent:-34px;margin-left:34px;padding:2px 0;color:#666666;background:none;line-height:1.4;font-size:13px;}
ul.text_juseok li:before{content:"";}




.presentation-list-mobile{display:none;padding:10px 0;}
.presentation-list-mobile select{border:3px solid #1b6dbd;width:100%;font-size:16px;padding:10px;height:auto;}

@media all and (max-width:600px){
	/*.economic_content .table{overflow:hidden;overflow-x:auto;}
	.economic_content .table table{width:calc(600px - 15px);}*/
	.economic_content table thead th{font-size:13px;padding:7px 0;}
	.economic_content table tbody th{font-size:13px;padding:5px;}
	.economic_content table tbody td{font-size:13px;padding:5px;}
}

/************** 경제교실 editor stylesheet **************/

@media all and (max-width:1023px){
	
	.presentation-list-mobile{display:block;}
	.presentation-list{display:none;}
	
	.m-none{display:none;}
	.m-block{display:block;}
	.termList.check-list.mt20{margin-top:0 !important;}
	
	.chemu01{width:780px;margin:0 auto;}
	.chemu02{width:780px;margin:15px auto 20px auto;}
	.chemu03{width:780px;margin:0 auto;}
}

@media all and (max-width:820px){ 
	.economic_menu li{width:50%;}

	.chemu01{width:auto;height:360px;margin:0;padding:0 10px;border:1px solid #dfdfdf;background:#f5f5f5;
		border-radius:4px;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		-o-border-radius:4px;
	}
	.chemu02{width:auto;height:248px;margin:0;padding:0 10px;border:1px solid #dfdfdf;background:#f5f5f5;margin:15px auto 20px auto;
		border-radius:4px;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		-o-border-radius:4px;
	}
	.g-debt .chemu_number{position:relative;left:0;}
	.g-debt .chemu_number div{float:none;margin:0 auto;width:190px;}
	.g-debt .chemu_number div:first-child{margin-left:auto;}
	.g-debt .chemu_number span{display:inline-block;font-size:35px;color:#ffffff;font-weight:bold;background:url(/images/uportal/site/bg_chemu_number.png) no-repeat 0 0;width:33px;height:51px;text-align:center;letter-spacing:0;line-height:50px;}
	.g-debt .chemu_number span.unit{display:inline-block;font-size:20px;color:#333333;font-weight:bold;background:0 none;width:33px;height:51px;text-align:left;letter-spacing:0;line-height:50px;padding-left:5px;}
	.g-debt .dc2.chemu_number{position:relative;left:0;}
	.chemu03{width:100%;margin:0;}
}

@media all and (max-width:560px){
	.g-debt h3{text-align:center;width:100%;left:0 !important;}
	.g-debt .date{top:76px;width:100%;text-align:center;right:0;}
	.g-debt .text{top:76px;width:100%;text-align:center;right:0;}
}

.sheet_header{position:relative;background:#f6f6f6;height:44px;margin:40px 0 20px 0;border-bottom:1px solid #808086;}
.sheet_header strong{position:relative;color:#333333;font-size:17px;display:block;padding:16px 0 0 25px;}
.sheet_header strong:before{
	position:absolute;
	top:18px;
	left:10px;
	width:5px;
	height:5px;
	border:2px solid #000000;
	content:"";
	display:block;	
}
.sheet_header > div{position:absolute;top:6px;right:180px;}
.sheet_header > div select{font-size:15px;color:#555555;height:32px;}
.sheet_header ul{position:absolute;top:8px;right:10px;}
.sheet_header ul li{float:left;margin:0 0 0 4px;padding:1px 0 0 0;}
.sheet_header ul li a{padding:6px 12px;text-align:center;background:#7593b7;display:block;color:#ffffff;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
.sheet_header ul li span{padding:6px 0 0 0;display:inline-block;}
.sheet_year{border-bottom:1px solid #dddddd;display:table;padding:10px 0;width:100%;}
.sheet_year div{display:table-cell;}
.sheet_year div label{font-size:15px;margin-right:10px;}
.sheet_year div select{font-size:15px;}
.sy01{width:170px;padding-left:15px;}
.sy02{width:200px;}
.year_search{display:inline-block;height:36px;padding:0 18px;line-height:36px;font-size:15px;color:#ffffff;text-align:center;background:#00a0ed;}

.bio_sheet_theme table{line-height:1.4;}
.bio_sheet_theme table th{background:#ecf0f5;border:1px solid #dddddd;color:#333333;height:38px;font-size:15px;}
.bio_sheet_theme table td{border:1px solid #dddddd;height:36px;padding:0 10px;font-size:15px;}
.bio_sheet_theme table tbody .noData {background:#fff; padding:5px 0 6px 0; text-align:center; color:#284e85;}

#tab-cont{position:relative;}
.loading{position:absolute;top:0;left:0;width:100%;height:100%;z-index:9999;text-align:center;}
.loading_img{display:table;width:100%;height:100%;text-align:center;}
.loading_img > span{display:table-cell;vertical-align:middle;}
.loading > .bg_trans{position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffff;z-index:-1;}

/* data.css */
/* ��Ÿ ���� */
#metaInfo {clear:both; margin-top:30px;}
.view_metaInfo {display:block;}
.metaInfo {display:none;}
.metaInfo_B {margin:30px 0 30px 0;}
@media all and (max-width:767px) {
#metaInfo {margin-top:20px;}
.metaInfo_B {margin:20px 0 20px 0;}
}
/* ��Ÿ ���� E */
    
/* sheet */
.section_sheet {padding:30px 0px 0px 0px;}
.area_sheet {position:relative; overflow:hidden; width:100%; height:0; padding-bottom:33.16%;}
.lifeDataConts .area_sheet{padding-bottom:49.5%;}
.area_sheet .sheet {/*overflow-x:scroll;*/ position:absolute; top:0; left:0; width:100%; height:100%;  box-sizing:border-box; background:#fff;}
@media all and (max-width:767px) {
.section_sheet {padding:10px 0px 0px 0px;}
.area_sheet {padding-bottom:60%;}
}
@media all and (min-width:768px) {
.section_sheet .search {margin:14px 0 0 0;}
}
/* sheet E */

/* OpenAPI */
.section_OpenAPI .tab_B {margin:22px 0 0 0;}
.OpenAPI_address {padding:10px 0px 10px 0px;}
.section_OpenAPI .tab_B a {width:13%;}
.iframe_sampleTest, 
.iframe_sampleURL {width:100%; height:270px; margin:12px 0 0 0; background:#f9fafb; }
.sampleTest, 
.sampleURL {overflow-y:scroll;  box-sizing:border-box; width:100%; height:270px; padding:10px; border:1px solid #ddd;}
@media all and (max-width:767px) {
.section_OpenAPI {padding:38px 0 0 0;}
.OpenAPI_address {padding:6px 0px 6px 0px;}
.section_OpenAPI .tab_B {margin:20px 0 0 0;}
.section_OpenAPI .tab_B a {width:25%;}
.section_OpenAPI .tab_B a:last-child strong {background:none;}
.section_OpenAPI .mq_tablet {display:none;}
.section_OpenAPI .box_A .list_B {margin:0px 0px 0px 3px;}
.section_OpenAPI .tab_B_cont .box_A {margin:10px 0 0 0;}
}
@media all and (min-width:768px) {
.section_OpenAPI .mq_mobile {display:none;}
.section_OpenAPI .area_btn_D {margin:24px 0 5px 0;}
.section_OpenAPI .tab_B_cont .box_A {margin:15px 0 0 0;}
}
/* OpenAPI E */

/* chart */
.section_chart {margin-top:30px;border:1px solid #dddddd;padding-right:10px;}
.area_chart {position:relative; overflow:hidden; width:100%; height:0; padding-bottom:33.16%;}
.area_chart .chart {position:absolute; top:0; left:0; width:100%; height:100%;}
@media all and (max-width:767px) {
.section_chart {margin-top:10px;}
.area_chart {padding-bottom:60%;}
}
/* chart E */

/* map */
.section_map {padding-top:30px;}
.area_map {position:relative; overflow:hidden; width:100%; height:0; padding-bottom:48.98%;}
.lifeDataConts .area_map{padding-bottom:60%;}
.area_map .map {position:absolute; top:0; left:0; width:100%; height:100%; background:#dbdbdb;}
@media all and (max-width:767px) {
.section_map {padding-top:10px;}
}
/* map E */

/* file */ 
.section_file {margin-top:30px;}
.area_file_dataSet {position:relative; overflow:hidden; width:100%; height:0; padding-bottom:80%;}
.area_file_dataSet .iframe_file_dataSet {position:absolute; top:0; left:0;  width:100%; height:100%;}
.file_dataSet {overflow-y:scroll; width:100%; height:100%; background:#dbdbdb;}
.area_btn_allView_file {display:block; height:36px; background:#434343; text-align:right;}
.area_btn_allView_file .btn_allView_file {display:inline-block; width:86px; height:23px; background:#fff; margin:6px 7px 0 0; text-align:center; color:#424242; line-height:22px;}
@media all and (max-width:767px) {
.section_file {margin-top:10px;}
.area_btn_allView_file {height:32px;}
.area_btn_allView_file .btn_allView_file {height:21px; margin:5px 7px 0 0; line-height:20px;}
}
/* file E */

/* link */ 
.section_link {margin-top:30px;}
.area_link {position:relative; overflow:hidden; width:100%; height:0; margin-bottom:20px; padding-bottom:48.98%; background:#fff; border:1px solid #e4e4e4;}
.area_link .link { box-sizing:border-box; position:absolute; top:0; left:0;  width:100%; height:100%; text-align:center;}
@media all and (max-width:767px) {
.section_link {margin-top:10px;}
.area_link {margin-bottom:10px;}
}
/* link E */

/* ���ü����� */ 
.area_dataSet_service {min-width:230px; max-width:980px; height:142px; background:#fbfbfb; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;}
.area_dataSet_service:after {display:block; content:''; clear:both;}
.dataSet_service {overflow:hidden; position:relative; width:100%; height:142px;}
.dataSet_service .service {width:100%; padding:0 3.1632653%;  box-sizing:border-box;}
.list_dataSet_service li {float:left; height:130px;}
.module_dataSet_service a.link {float:left;  box-sizing:border-box; width:31.59%; height:118px; margin:12px 0.87%; padding:1.3% 0% 0 2.4%; background:#fff; border:1px solid #dbdbdb; color:#ccc;}
.module_dataSet_service a.link:hover,
.module_dataSet_service a.link.on {border:1px solid #ff5d6a;}
.module_dataSet_service a.link .tit {display:block; width:80%; margin:0 0 4px 0; font-weight:normal; font-size:14px; color:#4b495e; line-height:20px;}
.module_dataSet_service span.sort,
.module_dataSet_service span.date {color:#494a5e;}
.module_dataSet_service .area_txt_A {display:block; margin:9px 0 0px 0;}
.module_dataSet_service a.icon_sort.icon_sort_1 {background:#fff url('../../img/ggportal/desktop/data/icon_dataSet_service_1.png') no-repeat 97% 0px;}
.module_dataSet_service a.icon_sort.icon_sort_2 {background:#fff url('../../img/ggportal/desktop/data/icon_dataSet_service_2.png') no-repeat 97% 0px;}
.module_dataSet_service a.icon_sort.icon_sort_3 {background:#fff url('../../img/ggportal/desktop/data/icon_dataSet_service_3.png') no-repeat 97% 0px;}
.module_dataSet_service a.icon_sort.icon_sort_4 {background:#fff url('../../img/ggportal/desktop/data/icon_dataSet_service_4.png') no-repeat 97% 0px;}
.module_dataSet_service a.icon_sort.icon_sort_5 {background:#fff url('../../img/ggportal/desktop/data/icon_dataSet_service_5.png') no-repeat 97% 0px;}
.module_dataSet_service a.icon_sort.icon_sort_6 {background:#fff url('../../img/ggportal/desktop/data/icon_dataSet_service_6.png') no-repeat 97% 0px;}
.module_dataSet_service a.icon_sort.icon_sort_7 {background:#fff url('../../img/ggportal/desktop/data/icon_dataSet_service_7.png') no-repeat 97% 0px;}
.module_dataSet_service a.icon_sort.icon_sort_8 {background:#fff url('../../img/ggportal/desktop/data/icon_dataSet_service_8.png') no-repeat 97% 0px;}
.module_dataSet_service a.icon_sort.icon_sort_9 {background:#fff url('../../img/ggportal/desktop/data/icon_dataSet_service_9.png') no-repeat 97% 0px;}
.bx-default-pager {position:absolute; top:-3px; right:8px;}
.area_dataSet_service .bx-controls-direction {position:relative; width:100%;}
.area_dataSet_service .bx-controls-direction a {z-index:11; width:5px; height:9px; overflow:hidden; color:transparent; text-indent:-10000px}
.area_dataSet_service .bx-controls-direction a.bx-prev {left:-20px; top:-64px; background:url('../../img/ggportal/desktop/data/btn_slide_service_L.png') no-repeat 0 0px;}
.area_dataSet_service .bx-controls-direction a.bx-next {right:-20px; top:-64px; background:url('../../img/ggportal/desktop/data/btn_slide_service_R.png') no-repeat 0 0px;}
@media all and (max-width:767px) {
.area_dataSet_service {height:106px; background:none; border:0px}
.dataSet_service {height:106px;}
.module_dataSet_service a.link {width:94%; height:106px; margin:0px 3%; padding:2.5% 0% 0 5%; background-size:30px 46px;}
.module_dataSet_service a.link .tit {margin:0 0 2px 0;}
.module_dataSet_service .area_txt_A {margin:4px 0 0px 0;}
.bx-default-pager {position:absolute; top:-20px; right:8px;}
.area_dataSet_service .bx-controls-direction a.bx-prev {left:0px; top:-84px;}
.area_dataSet_service .bx-controls-direction a.bx-next {right:0px; top:-84px;}
.area_dataSet_service.mq_tablet {display:none;}
}
@media all and (min-width:768px) and (max-width:979px) {
.dataSet_service .service {padding:0 1.5%;}
.module_dataSet_service a.link {width:31.99%; margin:12px 0.67%; padding:1.9% 0% 0 1.4%;}
.area_dataSet_service .bx-controls-direction a.bx-prev {left:-5px;}
.area_dataSet_service .bx-controls-direction a.bx-next {right:-5px;}
}
@media all and (min-width:768px) {
.area_dataSet_service.mq_mobile {display:none;}
}
/* ���ü����� E */

/* Media */
.section_media .p_tyA {display:none; margin:30px 0 0 0;}
/*
@media screen and (-webkit-min-device-pixel-ratio:0) { 
/* safari only override
::i-block-chrome,
.section_media .p_tyA {display:block;}
}*/
.area_media {position:relative; overflow:hidden; width:100%; height:0; margin:30px 0 0px 0; padding-bottom:50%;}
.area_media .iframe_media {position:absolute; top:0; left:0; width:100%; height:100%;}
.area_media .media { box-sizing:border-box; width:100%; height:100%; background:#fff; border:1px solid #e4e4e4;}
.media_image {margin:35px 0 0px 0; border-bottom:1px solid #e4e4e4;}
.tab_mediaDetail {padding:30px 0 20px 0; text-align:center;}
.tab_mediaDetail .thumbnail {width:70px; height:70px;}
.tab_mediaDetail img {margin:0px 3px; border:2px solid #fff;}
.tab_mediaDetail .on img {border:2px solid #4a4a5c;}
.tab_mediaDetail_cont {width:100%;}
.tab_mediaDetail_cont td {width:100%; text-align:center; vertical-align:middle; height:350px;}
.tab_mediaDetail_cont img {max-width:100%;  max-height:100%;}
@media all and (max-width:767px) {
.area_media {margin:20px 0 0px 0;} 
.media_image {margin:20px 0 0px 0; padding:10px 0 0 0; background:#fff; border:1px solid #ddd;}
.tab_mediaDetail {padding:10px 0 10px 0;}
.tab_mediaDetail .thumbnail {width:50px; height:50px;}
.tab_mediaDetail img {margin:0px 1px;}
.tab_mediaDetail_cont td {height:200px;}
}

.zoom_images {position:relative; overflow:hidden; width:57.6923%; height:0; margin:0 auto; padding-bottom:57.6923%;}
.zoom_images .area_images {position:absolute; top:0; left:0; width:100%; height:100%;}
#mediaDetail_image {position:relative; width:100%; text-align:center; vertical-align:middle;}
#mediaDetail_image ul {display:inline-block; margin-top:60%; padding:0;}
#mediaDetail_image ul:after {content:""; display:block; clear:both}
#mediaDetail_image li {display:inline-block; padding:0 10px;}
#mediaDetail_image a {display:block; border:2px solid #fff;}
#mediaDetail_image a.on {border:2px solid #4a4a5c;}
#mediaDetail_image .area_zoom_images {position:absolute; top:0px; left:0;}
#mediaDetail_image .area_zoom_images img {display:inline-block; max-width:100%;  max-height:100%; line-height:100%;}
#mediaDetail_image .thumbnail {width:70px; height:70px;}

.area_subtitles {position:relative; overflow:hidden; width:100%; height:0; margin:0 0 20px 0; padding-bottom:20%;}
.area_subtitles .subtitles {overflow-y:auto; position:absolute; top:0; left:0; width:100%;padding:16px 15px 12px 20px; height:100%;  box-sizing:border-box;}
.area_subtitles .subtitles pre {line-height:20px;}
.area_subtitles .subtitles textarea {height:100%;width:100%;line-height:20px;}
@media all and (max-width:767px) {
.area_subtitles {margin:0 0 10px 0;padding-bottom:30%;}
}
/* Media E */

/* ��Ƽ�̵��� ������ */ 
.area_slide_media_image {min-width:230px; max-width:980px; margin:30px 0 0 0; background:#fbfbfb; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;}
.area_slide_media_image:after {display:block; content:''; clear:both;}
.slide_media_image {overflow:hidden; position:relative; width:100%;}
.slide_media_image .slide_image {width:100%; padding:0 5.897435897%;  box-sizing:border-box;}
.list_media_image li {float:left;}
.list_media_image li:after {display:block; content:''; clear:both;}
.list_media_image a.link {float:left; position:relative; overflow:hidden;  box-sizing:border-box; width:11.470588235%; height:0; margin:12px 0.512820512%; padding-bottom:11.2%; background:#fff; border:1px solid #e0e0e0;}
.list_media_image a.link .thumbnail {position:absolute; top:0; left:0; width:100%; height:100%; padding:1px;  box-sizing:border-box;}
.list_media_image a.link:hover {border:2px solid #4a4a5c; padding-bottom:10.8%;}
.list_media_image a.link:hover .thumbnail  {padding:0px;}
.bx-default-pager {position:absolute; top:-30px; right:8px;}
.area_slide_media_image .bx-controls-direction {position:relative; width:100%; vertical-align:middle;}
.area_slide_media_image .bx-controls-direction a {z-index:11; width:16px; height:76px; line-height:80px; overflow:hidden; color:transparent; text-indent:-10000px;}
.area_slide_media_image .bx-controls-direction a.bx-prev {position:absolute; left:-30px; top:0%; margin-top:-90px; background:url('../../img/ggportal/desktop/data/btn_slide_mediaDetail_L.png') no-repeat 50% 50%; border-radius:3px 0px 0 3px; border:1px solid #e7e8e9;}
.area_slide_media_image .bx-controls-direction a.bx-next {position:absolute; right:-30px; top:0%; margin-top:-90px; background:url('../../img/ggportal/desktop/data/btn_slide_mediaDetail_R.png') no-repeat 50% 50%; border-radius:0 3px 3px 0; border:1px solid #e7e8e9;}
@media all and (max-width:767px) {
.area_slide_media_image {margin:20px 0 0 0;}
.area_slide_media_image.mq_tablet {display:none;}
.list_media_image a.link {width:23%; margin:12px 1%;  padding-bottom:22%;}
.list_media_image a.link:hover {padding-bottom:21.5%;}
.area_slide_media_image .bx-controls-direction a.bx-prev {left:-20px; margin-top:-82px; background:url('../../img/ggportal/mobile/data/btn_slide_mediaDetail_L.png') no-repeat 50% 50%; background-size:5px 9px; border:0px;}
.area_slide_media_image .bx-controls-direction a.bx-next {right:-20px; margin-top:-82px; background:url('../../img/ggportal/mobile/data/btn_slide_mediaDetail_R.png') no-repeat 50% 50%; background-size:5px 9px; border:0px;}
}
@media all and (min-width:768px) and (max-width:979px) {
.area_slide_media_image .bx-controls-direction a.bx-prev {}
.area_slide_media_image .bx-controls-direction a.bx-next {}
}
@media all and (min-width:768px) {
.area_slide_media_image.mq_mobile {display:none;}
}
/* ��Ƽ�̵��� ������ E */

/* �츮���� ������ ã�� */
.area_btn_map {height:70px; background:#fff;  vertical-align:middle;}
.area_btn_map.area_btn_map_B {border-bottom:1px solid #494a5c;}
.area_btn_map:after {display:block; content:''; clear:both;}
.area_btn_map img {vertical-align:middle;}
.logo_region {float:left; padding:9px 0 0px 0;}
.btn_map {float:right; padding:15px 0 0px 0;}
.section_map_search {width:100%;}
.area_map_search .map_Gyeonggido {position:relative;}
@media all and (max-width:767px) {
.area_btn_map {height:50px; margin:0px 0 10px 0; border-top:1px solid #494a5c; border-bottom:1px solid #494a5c;}
.area_btn_map.area_btn_map_B {margin:20px 0 10px 0;}
.logo_region img {width:120px; height:30px;}
.btn_map {float:right; padding:13px 0 0px 0;}
.section_region_search {width:100%; margin-top:-10px}
.section_map_search.mq_tablet {display:none;} 
.section_region_search select { box-sizing:border-box; width:100%; height:34px; background:#fff url('/images/uportal/site/select_menuSort.png') no-repeat right 50%; border-radius:2px; border:1px solid #cbcbcd; text-align:left;}
.area_btn_map .btn_view_layerPopup.mq_tablet {display:none;}
}
@media all and (min-width:768px) {
.area_map_search {position:relative; overflow:hidden; width:100%; height:0; padding-bottom:82.69%;}
.area_map_search .map_search {position:absolute; top:0; left:0; width:100%; height:100%; padding:6% 0 0 26%;  box-sizing:border-box; background:#f5f5f5; border:1px solid #ddd;}
.section_region_search.mq_mobile,
.area_btn_map .btn_view_layerPopup.mq_mobile {display:none;}
.select_map_1 {position:absolute; left:234px; top:113px; width:83px; height:177px; background:url('../../img/ggportal/desktop/data/btn_select_map_1_on.png') no-repeat 0 0;}
.select_map_2 {position:absolute; left:40px; top:207px; width:104px; height:62px; background:url('../../img/ggportal/desktop/data/btn_select_map_2_on.png') no-repeat 0 0;}
.select_map_3 {position:absolute; left:152px; top:341px; width:27px; height:28px; background:url('../../img/ggportal/desktop/data/btn_select_map_3_on.png') no-repeat 0 0;}
.select_map_4 {position:absolute; left:97px; top:336px; width:39px; height:36px; background:url('../../img/ggportal/desktop/data/btn_select_map_4_on.png') no-repeat 0 0;}
.select_map_5 {position:absolute; left:193px; top:318px; width:85px; height:83px; background:url('../../img/ggportal/desktop/data/btn_select_map_5_on.png') no-repeat 0 0;}
.select_map_6 {position:absolute; left:184px; top:245px; width:37px; height:40px; background:url('../../img/ggportal/desktop/data/btn_select_map_6_on.png') no-repeat 0 0;}
.select_map_7 {position:absolute; left:113px; top:381px; width:40px; height:40px; background:url('../../img/ggportal/desktop/data/btn_select_map_7_on.png') no-repeat 0 0;}
.select_map_8 {position:absolute; left:2px; top:142px; width:82px; height:121px; background:url('../../img/ggportal/desktop/data/btn_select_map_8_on.png') no-repeat 0 0;}
.select_map_9 {position:absolute; left:174px; top:196px; width:94px; height:101px; background:url('../../img/ggportal/desktop/data/btn_select_map_9_on.png') no-repeat 0 0;}
.select_map_10 {position:absolute; left:157px; top:101px; width:47px; height:49px; background:url('../../img/ggportal/desktop/data/btn_select_map_10_on.png') no-repeat 0 0;}
.select_map_11 {position:absolute; left:57px; top:320px; width:53px; height:34px; background:url('../../img/ggportal/desktop/data/btn_select_map_11_on.png') no-repeat 0 0;}
.select_map_12 {position:absolute; left:175px; top:317px; width:55px; height:69px; background:url('../../img/ggportal/desktop/data/btn_select_map_12_on.png') no-repeat 0 0;}
.select_map_13 {position:absolute; left:128px; top:387px; width:70px; height:61px; background:url('../../img/ggportal/desktop/data/btn_select_map_13_on.png') no-repeat 0 0;}
.select_map_14 {position:absolute; left:33px; top:348px; width:78px; height:36px; background:url('../../img/ggportal/desktop/data/btn_select_map_14_on.png') no-repeat 0 0;}
.select_map_15 {position:absolute; left:10px; top:373px; width:107px; height:50px; background:url('../../img/ggportal/desktop/data/btn_select_map_15_on.png') no-repeat 0 0;}
.select_map_16 {position:absolute; left:186px; top:429px; width:119px; height:106px; background:url('../../img/ggportal/desktop/data/btn_select_map_16_on.png') no-repeat 0 0;}
.select_map_17 {position:absolute; left:104px; top:344px; width:58px; height:47px; background:url('../../img/ggportal/desktop/data/btn_select_map_17_on.png') no-repeat 0 0;}
.select_map_18 {position:absolute; left:108px; top:129px; width:80px; height:94px; background:url('../../img/ggportal/desktop/data/btn_select_map_18_on.png') no-repeat 0 0;}
.select_map_19 {position:absolute; left:245px; top:267px; width:125px; height:77px; background:url('../../img/ggportal/desktop/data/btn_select_map_19_on.png') no-repeat 0 0;}
.select_map_20 {position:absolute; left:269px; top:335px; width:91px; height:134px; background:url('../../img/ggportal/desktop/data/btn_select_map_20_on.png') no-repeat 0 0;}
.select_map_21 {position:absolute; left:69px; top:2px; width:146px; height:132px; background:url('../../img/ggportal/desktop/data/btn_select_map_21_on.png') no-repeat 0 0;}
.select_map_22 {position:absolute; left:141px; top:462px; width:71px; height:25px; background:url('../../img/ggportal/desktop/data/btn_select_map_22_on.png') no-repeat 0 0;}
.select_map_23 {position:absolute; left:194px; top:391px; width:78px; height:95px; background:url('../../img/ggportal/desktop/data/btn_select_map_23_on.png') no-repeat 0 0;}
.select_map_24 {position:absolute; left:159px; top:365px; width:53px; height:49px; background:url('../../img/ggportal/desktop/data/btn_select_map_24_on.png') no-repeat 0 0;}
.select_map_25 {position:absolute; left:139px; top:196px; width:54px; height:38px; background:url('../../img/ggportal/desktop/data/btn_select_map_25_on.png') no-repeat 0 0;}
.select_map_26 {position:absolute; left:246px; top:364px; width:86px; height:111px; background:url('../../img/ggportal/desktop/data/btn_select_map_26_on.png') no-repeat 0 0;}
.select_map_27 {position:absolute; left:40px; top:90px; width:108px; height:128px; background:url('../../img/ggportal/desktop/data/btn_select_map_27_on.png') no-repeat 0 0;}
.select_map_28 {position:absolute; left:77px; top:465px; width:119px; height:76px; background:url('../../img/ggportal/desktop/data/btn_select_map_28_on.png') no-repeat 0 0;}
.select_map_29 {position:absolute; left:172px; top:63px; width:103px; height:155px; background:url('../../img/ggportal/desktop/data/btn_select_map_29_on.png') no-repeat 0 0;}
.select_map_30 {position:absolute; left:201px; top:281px; width:53px; height:57px; background:url('../../img/ggportal/desktop/data/btn_select_map_30_on.png') no-repeat 0 0;}
.select_map_31 {position:absolute; left:3px; top:408px; width:215px; height:107px; background:url('../../img/ggportal/desktop/data/btn_select_map_31_on.png') no-repeat 0 0;}
p.map_blank {position:absolute; z-index:10; left:0; top:0;}
p.map_origin {position:absolute; z-index:1; left:0; top:0;}
.map_Gyeonggido div {z-index:2}
}
/* �츮���� ������ ã�� E */

/* ������ �ð�ȭ */
.area_chart_dataVisualization {position:relative; overflow:hidden; width:100%; height:0; padding-bottom:57%;}
.area_chart_dataVisualization .chart_dataVisualization {position:absolute; top:0; left:0; width:100%; height:100%;  box-sizing:border-box;}
/* ������ �ð�ȭ E */

/* ���� Ÿ���� ������ */
.otherAgency_address {padding:9px 0px 9px 0px;}
.otherAgency_address:after {display:block; content:''; clear:both;}
.otherAgency_address ul {margin:1px 0px 0px 10px;}
/* ���� Ÿ���� ������ E */


/* new map */
.map_pop{position:relative;left:50px;}
#layerPopup_map2 *{outline:none}
#layerPopup_map2 .map_pop{float:left;position:relative;width:546px;left:0;}
#layerPopup_map2 .map_pop .map_pop_blank{position:absolute;top:-17px;left:-15px;z-index:2;}
#layerPopup_map2 .map_pop .map_pop_origin{position:absolute;top:-17px;left:-15px;}
#layerPopup_map2 .map_pop .map_pop_over{position:absolute;top:-17px;left:-15px;z-index:1;}
.map_pop_tit{position:relative;padding-left:12px;margin-top:20px;margin-bottom:5px;font-size:13px;font-weight:bold;color:#000000;}
.map_pop_tit:before{position:absolute;top:2px;left:0;display:inline-block;content:'';height:14px;width:5px;vertical-align:middle;background:#30a4dc;}
.map_pop_tit:first-child{margin-top:0;}

.mapSelecte{float:right;width:222px;padding-right:26px;margin-top:-10px;position:relative;z-index:99}
.mapSelecte .img{text-align:center;border:3px solid #ebebeb;}
.mapSelecte .map_pop_blank{width:222px;}
.mapSelecte .mapSelecte{width:459px;}
.mapSelecte .selcArea ul{height:331px;overflow-x:hidden;overflow-y:auto;}
.mapSelecte .selcArea li{float:left;width:50%;height:43px;margin-top:4px;box-sizing:border-box;}
.mapSelecte .selcArea li.oneline{width:100%;float:none;}
.mapSelecte .selcArea li:nth-child(odd){padding-right:1px;}
.mapSelecte .selcArea li:nth-child(even){padding-left:1px;}
.mapSelecte .selcArea li a{position:relative;display:block;height:100%;padding:0 20px 0 17px;font-weight:bold;line-height:43px;overflow:hidden;border:1px solid #ebebeb;border-radius:2px;color:#666666;background:#ebebeb;}
.mapSelecte .selcArea li a:after{position:absolute;top:18px;right:12px;display:block;content:'';width:0px;height:0px;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid #999999;}
.mapSelecte .selcArea li.on a{color:#336699;border:1px solid #3399cc;background:#fff url('../../img/ggportal/desktop/lifedata/bg_selctArea.png') no-repeat 50% 0;}
.mapSelecte .selcArea li.on a:after{border-left:4px solid #003366;}

/* member.css */
/* ��� */
.section_socialLog {margin:0 auto;}
ul.socialLog {width:100%;}
ul.socialLog li {padding:10px 0 0px 0;}
ul.socialLog a {display:block;  box-sizing:border-box;  border-radius:2px; background-repeat:no-repeat;  text-align:right; vertical-align:middle; color:#000000;}

ul.socialLog .naver {position:relative;}
ul.socialLog .google {position:relative;}
ul.socialLog .kakaotalk {position:relative;}
ul.socialLog .facebook {position:relative;}

ul.socialLog .naver:before{position:absolute;top:10px;left:28px;width:50px;height:50px;border-radius:50px;content:"";display:block;background:#4bb749 url('/images/uportal/site/snsicon_naver.png') no-repeat center center;background-size:80% 80%;}
ul.socialLog .google:before{position:absolute;top:10px;left:28px;width:50px;height:50px;border-radius:50px;content:"";display:block;background:#e84537 url('/images/uportal/site/snsicon_google.png') no-repeat center center;background-size:90% 90%;}
ul.socialLog .kakaotalk:before{position:absolute;top:10px;left:28px;width:50px;height:50px;border-radius:50px;content:"";display:block;background:#ffe600 url('/images/uportal/site/snsicon_kakao.png') no-repeat center center;background-size:82% 86%;}
ul.socialLog .facebook:before{position:absolute;top:10px;left:28px;width:50px;height:50px;border-radius:50px;content:"";display:block;background:#455e99 url('/images/uportal/site/snsicon_facebook.png') no-repeat 1px 6px;background-size:70% 70%;}

ul.socialLog .daum {background-color:#6285c3; background-image:url('/images/uportal/site/icon_socialLog_daum.png');}
ul.socialLog .twitter {background-color:#1a9bf7; background-image:url('/images/uportal/site/icon_socialLog_twitter.png');}

@media all and (max-width:767px) {
.section_socialLog {width:80%;}
ul.socialLog {margin:1px 0 6px 0;}
ul.socialLog li {padding:8px 0 0px 0;}
ul.socialLog a {height:38px; padding:0 17px 0 0; background-position:0px 50%; background-size:117px 50px; line-height:38px;}
}
@media all and (min-width:768px) {
.section_socialLog {width:380px; padding:50px 0 0 0;}
ul.socialLog {margin:12px 0 19px 0;}
ul.socialLog a {height:50px; padding:0 30px 0 0; background-position:10px 50%; background-size:150px 60px; line-height:50px;}
}
/* ��� E */

/* �������� */
.area_agreement  {padding-bottom:20%;}
@media all and (max-width:767px) {
.area_agreement {padding-bottom:67%;}
}
/* �������� E */

/* ����Ű �߱� */
.notice_authenticationKey {padding:16px 0 14px 20px;}
@media all and (max-width:767px) {
.notice_authenticationKey {padding:6px 5px 5px 10px;}
.notice_authenticationKey li {font-size:11px; line-height:18px;}
}
.area_OpenAPI_guide  {padding-bottom:40.5%;}
@media all and (max-width:767px) {
.area_OpenAPI_guide {padding-bottom:67%;}
}
/* ����Ű �߱� E */

.user-login-form{position:relative;margin:70px 0 0 0;width:960px;margin:0 auto;}
.login-form{width:500px;margin:10px auto;}
.login-form > label{width:100px;color:#333333;font-family:'NotoKrM', sans-serif;font-weight:500;font-size:18px;display:inline-block;}
.user-login-form .login-form input{
	border:1px solid #c3ccd7;
	height: 42px;
	line-height: 42px;
	padding: 0;
	text-indent: 10px;
	-webkit-appearance: none;
	box-sizing: border-box;
	width:250px;
	font-size:14px;
	border-radius: 4px;
}
.reg-form{width:700px;margin:10px auto;}
.reg-form > label{width:140px;color:#333333;font-family:'NotoKrM', sans-serif;font-weight:500;font-size:15px;display:inline-block;}
.member-form .reg-form input{
	border:1px solid #a6aaaf;
	height: 35px;
	line-height: 35px;
	padding: 0;
	text-indent: 10px;
	-webkit-appearance: none;
	box-sizing: border-box;
	width:250px;
	vertical-align: middle;
	font-size:14px;
}
.member-form .reg-form select{
	border:1px solid #a6aaaf;
	height: 35px;
	line-height: 35px;
	padding: 0;
	box-sizing: border-box;
	width:250px;
	vertical-align: middle;
	font-size:14px;
}
.reg-form span{display:block;padding:8px 0 0 143px;color:#838383;}
.reg-form span:before{content:"※ ";}

.pwd-form{width:346px;margin:10px auto;}
.pwd-form > label{width:140px;color:#333333;font-family:'NotoKrM', sans-serif;font-weight:500;font-size:15px;display:inline-block;}
div.pwd-form input{
	border:1px solid #a6aaaf;
	height: 35px;
	line-height: 35px;
	padding: 0;
	text-indent: 10px;
	-webkit-appearance: none;
	box-sizing: border-box;
	width:200px;
	vertical-align: middle;
	font-size:14px;
}

.btn-login{position:absolute;top:10px;right:273px;background:#328c99;width:94px;height:94px;text-align:center;color:#ffffff;border-radius: 4px;
	font-family:'NotoKrM', sans-serif;font-weight:500;font-size:16px;line-height:80px;}
.btn_form{overflow:hidden;margin:20px 0 0 333px;width:360px;display:flex;gap:5px;}
.btn_form li{float:right;width:57%;}
.btn_form li:first-child{float:left;width:40%;}
.btn_form li a{border:1px solid #dddddd;padding:11px 0;display:block;color:#888888;font-size:14px;}
.btn_form li a.btn-member{background:url(/images/uportal/site/icon_join.gif) no-repeat 15px center;text-align:center;}
.btn_form li a.btn-find{background:url(/images/uportal/site/icon_search9.gif) no-repeat 15px center;text-align:center;}

.btn_person{background:#ffffff;border:1px solid #dddddd;padding:11px 0;width:164px;display:inline-block;color:#888888;font-size:14px;margin:1px 0;}
.member-text{border:1px solid #d2d2d2;padding:20px;text-align:center;background:#f9f9f9;}
.member-text-notice{font-size:15px;margin:0 0 20px 0;}
.member-text-btn ul{margin:0 0 0 15px;}
.member-text a{display:inline-block;}
.member-text ul{display:inline-block;}
.member-text ul li{display:inline-block;}

.member-form{border:1px solid #d2d2d2;padding:20px;margin:20px 0 0 0;}

.btn-check{
	display: inline-block;
	vertical-align: middle;
	width: 64px;
	height: 35px;
	line-height: 35px;
	margin-left: 1px;
	border-radius: 0;
	border: 0;
	text-align: left;
	-webkit-appearance: none;
	color: #fff;
	cursor: pointer;
	text-align: center;
	background: #767676;
	font-size: 11px;
}

.member-form-btn{text-align:center;padding:20px 0;}
.btn-memberjoin{display:inline-block;background:#328c99;width:110px;height:35px;text-align:center;color:#ffffff;font-family:'NotoKrM', sans-serif;font-weight:500;font-size:14px;line-height:35px;}
.btn-cancel{display:inline-block;background:#767676;width:110px;height:35px;text-align:center;color:#ffffff;font-family:'NotoKrM', sans-serif;font-weight:500;font-size:14px;line-height:35px;}

.input-style{border:0 none !important;outline:0;}

.layerpopup-wrapper2 {
	position: fixed;
	top: 50%;
	left: 50%;
	display: none;
	width: 800px;
	min-height: 604px;
	margin-left: -400px;
	margin-top: -302px;
	z-index: 1000;
}

.layerpopup-wrapper3 {
	position: fixed;
	top: 50%;
	left: 50%;
	display: none;
	width: 400px;	
	margin-left: -200px;
	margin-top: -200px;
	z-index: 1000;
}

.layerpopup-wrapper3 fieldset{padding:20px 0 0 0;} 

.service-text{font-size:14px;line-height:1.6;padding:25px;height:540px;overflow-y:scroll;}
.input-user{width:180px !important;}

@media all and (max-width:1023px) {
	
	.member-form{padding:20px 0 !important;}
	
	.word-type01{text-align:center;}
	.user-login-form{margin-top:30px;text-align:center;}
	.login-form{width:100%;text-align:center;}
	.login-form label{display:inline-block;width:100%;}
	.login-form input{display:inline-block;width:100%;margin-top:10px !important;}
	.btn-login{position:static;display:inline-block;background:#0e6fc1;width:250px;height:58px;text-align:center;color:#ffffff;font-family:'NotoKrM', sans-serif;font-weight:500;font-size:16px;line-height:58px;}
	.btn_form{overflow:hidden;margin:20px 0 0 0;width:auto;}
	.btn_form li{float:left;width:100% !important;text-align:center;padding-bottom:4px;}
	.btn_form li a{width:249px;display:inline-block;text-align:left;}
	
	.member-text-notice{line-height:1.4;}
	.member-text-btn ul{display:block;margin:10px 0 0 0 !important;}
	
	.reg-form{width:100%;text-align:center;}
	.reg-form label{display:inline-block;width:100%;}
	.reg-form input{display:inline-block;width:100%;margin-top:10px !important;}
	.reg-form select{display:inline-block;width:100%;margin-top:10px !important;}
	.reg-form span{display:inline-block;width:100%;padding-left:0 !important;}
	.btn-check{vertical-align:bottom !important;}
	.input-style{text-align:center;}
	
	.layerpopup-wrapper2{
		top: 8%;
		left: 0;
		width: 100%;
		min-height: 460px;
		margin-left: 0;
		margin-top: 0;
		padding: 0 10px;
		box-sizing: border-box;
	}
	.service-text{height:360px;}
	.member-form-btn a{width:30% !important;}
}

@media all and (max-width:420px) {
	.layerpopup-wrapper3{
		top: 8%;
		left: 0;
		width: 100%;
		margin-left: 0;
		margin-top: 0;
		padding: 0 10px;
		box-sizing: border-box;
	}
	.pwd-form{text-align:center;width:100%;}
	.pwd-form label{display:inline-block;width:100%;margin:10px 0 5px 0;}
	.pwd-form input{display:inline-block;width:100%;}
}

/* popup.css */
/* 공통 레이어 팝업 */
.layout_layerPopup_A {display:none; position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:99999;}
.layout_layerPopup_A .transparent {position:absolute; top:0px; left:0px; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.view {display:block;}
.layerPopup_A {position:absolute; top:50%; left:50%; background:#f5f5f5; white-space:normal;}
.layerPopup_A h4.pop {background:#4b4a5c;  box-sizing:border-box; background-repeat:no-repeat; font-weight:bold; color:#25baf4; font-size:14px;}
.layerPopup_A .cont.scroll {overflow-y:auto;}
.layerPopup_A a.btn_close {position:absolute; top:15px; right:16px; width:19px; height:19px; background:url('../../img/ggportal/desktop/popup/btn_close_layerPopup_A.png') no-repeat 0% 0%;}
.layerPopup_A a.btn_close span {position:absolute; left:-10000px;}
@media all and (max-width:767px) {
.layerPopup_A h4.pop {height:32px; padding:6px 0 0 9px; background-position:10px 50%;}
.layerPopup_A .cont {padding:10px 10px 10px 10px;}
.layerPopup_A a.btn_close {top:7px; right:8px; background:url('../../img/ggportal/mobile/popup/btn_close_layerPopup_A.png') no-repeat 0% 0%; background-size:17px 17px}
}
@media all and (min-width:768px) {
.layerPopup_A h4.pop {height:50px; padding:16px 0 0 20px; background-position:20px 50%;}
.layerPopup_A .cont {padding:18px 15px 15px 15px;}
}
/* 공통 레이어 팝업 E */

/* 지역 선택 레이어 팝업 */
/*.layerPopup_A h4.pop.h4_pop_map {background-image:url('../../img/ggportal/desktop/popup/bul_h4_pop_map.png');}*/
@media all and (max-width:767px) {
#layerPopup_map {width:300px; height:200px; margin:-100px 0 0 -150px;}
.layerPopup_A h4.pop.h4_pop_map {padding:6px 0 0 29px; background-size:15px 17px} 
#layerPopup_map .map_pop {display:none;}
.region_search_pop select { box-sizing:border-box; width:100%; height:34px; background:#fff url('/images/uportal/site/select_menuSort.png') no-repeat right 50%; border-radius:2px; border:1px solid #cbcbcd; text-align:left;}
}
@media all and (min-width:768px) {
#layerPopup_map {width:500px; height:640px; margin:-320px 0 0 -250px;}
.layerPopup_A h4.pop.h4_pop_map {padding:16px 0 0 15px;}
p.map_pop_blank {position:absolute; z-index:10; left:0; top:0;}
p.map_pop_origin {position:absolute; z-index:1; left:0; top:0;}
.map_pop div {z-index:2}
.region_search_pop.mq_mobile {display:none;}

#layerPopup_map2 {width:800px; height:640px; margin:-320px 0 0 -400px;}
#layerPopup_map2 .cont{position:absolute;top:65px;left:15px;bottom:15px;right:15px;box-shadow:0 0 5px rgba(0,0,0,0.5);background:#ffffff;}

}
/* 지역 선택 레이어 팝업 E */

/* 메타 레이어팝업 */
#layerPopup_meta{width:820px;margin:-160px 0 0 -410px;}
#layerPopup_meta .cont{padding:8px;}
#layerPopup_meta .cont{margin:14px;box-shadow:0 0 5px rgba(0,0,0,0.5);background:#ffffff;}
#layerPopup_meta .metaInfo{display:block;}
#layerPopup_meta #metaInfo{margin-top:0;}
@media all and (max-width:950px) {
	#layerPopup_meta{width:80%;margin:0;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%)}
}
/* 메타 레이어팝업 E */

/* 공지사항레이어팝업 */
.layout_layerPopup_A_notice{width:450px;height:auto;}
.layout_layerPopup_A_notice .transparent{display:none;}
.layout_layerPopup_A_notice .layerPopup_A{top:10px;left:10px;right:0;border:1px solid #4a7aa7;}
.layout_layerPopup_A_notice .layerPopup_A h4.pop.h4_pop_map{font-size:20px;color:#fff;background:#148ec8;}
.layout_layerPopup_A_notice .layerPopup_A .cont{background:#fff;}
.layout_layerPopup_A_notice .layerPopup_A .todayStop{float:left;padding-top:10px;}
.layout_layerPopup_A_notice .layerPopup_A .more{text-align:right;padding-top:10px;}

.table_notice{table-layout:fixed;width:100%;border-bottom:1px solid #9ba5ae;}
.table_notice tr:hover{background:#e5f5fd;}
.table_notice tr:hover td,
.table_notice tr:hover td a{color:#333333;}
.table_notice td{padding:7px;color:#666666;border-top:1px solid #9ba5ae;}
.table_notice td a{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden;}
.table_notice .blue td,
.table_notice .blue td a{color:#005bd7;}

@media all and (max-width:1023px) {
	.layout_layerPopup_A_notice{display:none !important;}
}
/* 공지사항레이어팝업 E*/



/* 태그 레이어 팝업 */
#layerPopup_bestTag {width:600px; height:300px; margin:-150px 0 0 -300px;}
.layerPopup_A h4.pop.h4_pop_bestTag {padding:16px 0 0 48px; background-image:url('../../img/ggportal/desktop/popup/bul_h4_pop_bestTag.png');}
#layerPopup_bestTag .cont {height:217px; padding:18px 7px 15px 15px;}
.layerPopup_A .bestTag {padding:0px 0 9px 0;}
#layerPopup_bestTag .bestTag a {display:inline-block; padding:3px 9px 5px 0px;}
#layerPopup_bestTag .bestTag a.level_2 {font-size:17px;}
/* 태그 레이어 팝업 E */

/* 제공기관 레이어 팝업 */
#layerPopup_providingOrganization {width:600px; height:300px; margin:-150px 0 0 -300px;}
.layerPopup_A h4.pop.h4_pop_providingOrganization {padding:16px 0 0 48px; background-image:url('../../img/ggportal/desktop/popup/bul_h4_pop_providingOrganization.png'); background-position:20px 49%;}
#layerPopup_providingOrganization .cont {height:217px; padding:18px 7px 15px 15px;}
.providingOrganization_pop {padding:0px 0 9px 0;}
.providingOrganization_pop ul:after {display:block; content:''; clear:both;}
.providingOrganization_pop li {float:left; width:25%; padding:0 0 4px 0;}
.providingOrganization_pop li a {display:inline-block; margin:0 0 0 5px; padding:0 0 0 11px; background:url('/images/uportal/site/bul_LNB.png') no-repeat 0% 8px; color:#4a4a5c;}
.providingOrganization_pop li a:hover {text-decoration:underline;}
/* 제공기관 레이어 팝업 E */

/* 비밀번호 레이어 팝업 */
#layerPopup_password {width:500px; height:200px; margin:-100px 0 0 -250px;}
.layerPopup_A h4.pop.h4_pop_password {padding:16px 0 0 45px; background-image:url('../../img/ggportal/desktop/popup/bul_h4_pop_password.png'); background-position:20px 49%;}
#layerPopup_password .cont {padding:18px 15px 15px 15px;}
.password_pop {padding:8px 0 9px 0;}
.password_pop .table_datail_AB_pop {width:70%; margin:16px auto 0 auto;}
@media all and (max-width:767px) {
#layerPopup_password {width:300px; height:200px; margin:-100px 0 0 -150px;}
.layerPopup_A h4.pop.h4_pop_password {padding:6px 0 0 42px;}
#layerPopup_password .cont {padding:5px 10px 0px 10px;}
.password_pop .table_datail_AB_pop {width:100%; margin:16px auto 0 auto;}
}
/* 비밀번호 레이어 팝업 E */

/* 경기도 공공데이터 개방 포털 오픈 이벤트 레이어 팝업 */
#layerPopup_openEvent {width:500px; height:300px; margin:-150px 0 0 -250px; background:#fcfbfb;}
#layerPopup_openEvent .cont {padding:0px 0px 15px 0px;}
.openEvent_pop {padding:0px 0 9px 0;}

#layerPopup_openEvent .openEvent_pop{padding:85px 0;}
#layerPopup_openEvent .openEvent_pop p{font-size:24px;}

@media all and (max-width:767px) {
#layerPopup_openEvent {width:300px; height:200px; margin:-100px 0 0 -150px;}
#layerPopup_openEvent .cont {padding:0px;}
}
/* 경기도 공공데이터 개방 포털 오픈 이벤트 레이어 팝업 E */

/* 관련서비스 레이어 팝업 */
#layerPopup_dataSet_service {width:800px; height:452px; margin:-226px 0 0 -400px;}
.layerPopup_A h4.pop.h4_pop_dataSet_service {padding:16px 0 0 48px; background-image:url('../../img/ggportal/desktop/popup/bul_h4_pop_bestTag.png');}
#layerPopup_dataSet_service .cont {height:381px; padding:6px 0px 15px 12px;  box-sizing:border-box;}
.layerPopup_A .dataSet_service_pop:after {display:block; content:''; clear:both;}
@media all and (max-width:767px) {
#layerPopup_dataSet_service {width:300px; height:275px; margin:-138px 0 0 -150px;}
.layerPopup_A h4.pop.h4_pop_dataSet_service {padding:6px 0 0 38px;}
#layerPopup_dataSet_service .cont {padding:5px 10px 0px 10px;}
.dataSet_service_pop a.link {width:100%; margin:5px 0% !important;} 
.dataSet_service_pop a:last-child.link {margin:5px 0% 10px 0% !important;} 
#layerPopup_dataSet_service .cont.scroll {height:238px; overflow-y:auto;}
}
@media all and (min-width:768px) and (max-width:979px) {
#layerPopup_dataSet_service {width:740px; margin:-226px 0 0 -370px;}
#layerPopup_dataSet_service .cont {padding:6px 0px 15px 5px;}
}
@media all and (min-width:768px) {
.dataSet_service_pop {margin:0 0 6px 0;}
.dataSet_service_pop .link {width:32.13%; margin:6px 0.6% !important; padding:1.3% 0% 0 1.4% !important;}
}
/* 관련서비스 레이어 팝업 E */

/* table 등록 */
.table_datail_AB_pop {width:100%;}
.table_datail_AB_pop th {text-align:center; vertical-align:middle; font-weight:normal; color:#444;}
.table_datail_AB_pop td { box-sizing:border-box; color:#797979; word-break:break-all;}
.table_datail_AB_pop td input { box-sizing:border-box; height:23px; border:1px solid #ddd; vertical-align:middle;}
.table_datail_AB_pop td select { box-sizing:border-box; border-radius:0; height:23px; border:1px solid #ddd; vertical-align:middle;}
.table_datail_AB_pop .pwd {font-size:10px; line-height:18px;}
@media all and (max-width:767px) {
.table_datail_AB_pop th { box-sizing:border-box; padding:4px 0 5px 0; letter-spacing:-1px;}
.table_datail_AB_pop td {padding:4px 5px 5px 5px;}
.table_datail_AB_pop td.ty_B {padding-top:4px; padding-bottom:4px;}
.table_datail_AB_pop td input {height:25px;}
.table_datail_AB_pop td select {height:25px;}
.table_datail_AB_pop.w_1 th {width:25%;}
.table_datail_AB_pop.w_1 td.ty_AB {width:75%;}
.table_datail_AB_pop td .f_150px.f_120_mq_mobile {width:120px;}
}
@media all and (min-width:768px) {
.table_datail_AB_pop th {padding:7px 0 8px 0;}
.table_datail_AB_pop td {padding:7px 0 8px 0; padding-left:1.53%;}
.table_datail_AB_pop td.ty_B {padding-top:5px; padding-bottom:5px;}
.table_datail_AB_pop.w_1 th {width:15.77%;}
.table_datail_AB_pop.w_1 td {width:34.23%; padding-left:10px; padding-right:10px;}
.table_datail_AB_pop.w_1 td.ty_AB {width:84.23%;}
.table_datail_AB_pop td .f_150px {width:150px;}
}

/* 단락 */
.p_tyA_pop {text-align:center}
.p_ty_B_pop {text-align:center; font-size:14px;}

/* 버튼 */
.area_btn_A_pop {margin:10px 0 0 0; text-align:center;}


/* 이벤트  팝업 */
.eventPopLayer{position: fixed; top:50%; left:50%; z-index: 999992;margin: -250px 0 0 -250px}
.eventPopLayer .eventPop{width:500px;height:auto;border:1px solid #4a7aa7;background:#fff;}
.eventPopLayer .eventPop .viewDetail{position:absolute;top:434px;left:0;width:100%;text-align:center;z-index:10;}
.eventPopLayer .eventPop .viewDetail a{display:inline-block;width:257px;height:46px;z-index:5;background:red;opacity:0}
.eventPopLayer .eventPop .viewDetail a span{display:inline-block;opacity:0;font-size:1px;}
.eventPopLayer .eventPop .viewDetail2{position:absolute;top:420px;left:0;width:100%;text-align:center;z-index:10;}
.eventPopLayer .eventPop .viewDetail2 a{display:inline-block;width:257px;height:40px;text-indent:-9999px;overflow:hidden;}
.eventPopLayer .eventPop .btn_close{display:block;position:absolute;top:0;right:0;width:40px;height:40px;z-index:5;background:red;opacity:0}
.eventPopLayer .eventPop .btn_close span{display:inline-block;opacity:0;overflow:hidden;font-size:1px;width:40px;height:40px;}
.eventPopLayer .eventPop .cont  .img{position:relative;z-index:1;}
.eventPopLayer .notToday{padding:5px;color:#fff;background:#000;}
.eventPopLayer .notToday label{color:#fff;}
.eventPopLayer .notToday input{margin-right:5px;}

@media all and (max-width:1023px) {
	.eventPopLayer{display:none;}
}


/* 현황이력팝업 */
.layout_layerPopup_B {display:none; position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:99999;}
.layout_layerPopup_B .transparent {position:absolute; top:0px; left:0px; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.layerPopup_B{padding:30px 25px;border:4px solid #26bbf3;}
.layerPopup_B .popHeader{padding-bottom:25px;}
.layerPopup_B .popHeader .tit{font-size:20px;color:#333333;font-weight:bold;}
.layerPopup_B .popHeader .tit strong{font-size:20px;color:#0066cc;}
.layerPopup_B {position:absolute; top:50%; left:50%; background:#f5f5f5; white-space:normal;}
.layerPopup_B .popCont{position:absolute;top:68px;left:25px;bottom:30px;right:25px;overflow-x:hidden;overflow-y:auto;}
.layerPopup_B a.btn_close {position:absolute; top:25px; right:25px; width:20px; height:19px; background:url('../../img/ggportal/desktop/popup/btn_close_layerPopup_B.png') no-repeat 0% 0%;}
.layerPopup_B a.btn_close span {position:absolute; left:-10000px;}

#statusHistory{width:580px;height:280px;margin:-140px 0 0 -290px;background:#fff;}
@media all and (min-width:1024px) {
.statusHistoryTbl ul{display:table;width:100%;}
.statusHistoryTbl ul li{display:table-row;}
.statusHistoryTbl ul li .cell{display:table-cell;width:33.3333%;font-size:12px;height:10px;padding:10px;border-bottom:1px solid #9a9a9a;border-left:1px solid #9a9a9a;text-align:center;}
.statusHistoryTbl ul li .cell span{color:#333333;}
.statusHistoryTbl ul li .cell:first-child{border-left:none;}
.statusHistoryTbl ul li .cell.num{text-align:right;}
.statusHistoryTbl ul li .cell.dataNum{text-align:right;}
.statusHistoryTbl ul li .cell .txt{display:none;}
.statusHistoryTbl ul.tblHeader li .cell{font-weight:bold;border-top:1px solid #9a9a9a;font-size:13px;color:#333333;}
}
@media all and (max-width:1023px) {
	.statusHistoryTbl ul{border-bottom:1px solid #9a9a9a;}
	.statusHistoryTbl ul li{clear:both;}
	.statusHistoryTbl ul li:after{content:""; display: block;clear:both;}
	.statusHistoryTbl ul li .cell{height:18px;padding:8px 10px;font-size:12px;}
	.statusHistoryTbl ul li .cell span{font-size:12px;color:#333333;}
	.statusHistoryTbl ul li .cell:first-child{color:#333333;font-weight:bold;color:#333333;border-bottom:1px solid #d7d7d7;border-top:1px solid #9a9a9a;background:#fafafa;}
	.statusHistoryTbl ul li .cell:nth-child(2),
	.statusHistoryTbl ul li .cell:nth-child(3){height:34px;float:left;width:50%;box-sizing:border-box;}
	.statusHistoryTbl ul.tblHeader{display:none;}
}

@media all and (max-width:768px) {
#statusHistory{height:100%;width:100%;top:0;left:0;box-sizing:border-box;margin: 0 0 0 0;}
}

/* top popup */
.header-popup-area {
	position: relative;
	height: 163px;
	background: #595d65;
	z-index: 10;
}

.header-popup-area .header-popup-box {
	position: relative;
	max-width: 950px;
	height: 131px;
	margin: 0 auto;
	padding: 0 25px;
}

.header-popup-area .header-popup-box  #responsive-popup {
	display: block;
	min-height: 100px;
}

.header-popup-area .header-popup-box  #responsive-popup li {
	border: 0px solid red;
}

.header-popup-area .header-popup-box  #responsive-popup li a {
	display: block;
	height: 91px;
	padding: 43px 0 0 20px;
}

.header-popup-area .header-popup-box  #responsive-popup li a .title {
	display: block;
	color: #fff;
	font-size: 22px;
	line-height: 24px;
	margin-bottom: 8px;
	overflow: hidden;
	white-space: nowrap; 
	text-overflow: ellipsis; 
	-o-text-overow: ellipsis;
	font-family: 'NotoKrM', sans-serif;
	font-weight: 500;
}

.header-popup-area .header-popup-box #responsive-popup li a .submit {
	display: block;
	color: #aeafb3;
	line-height: 24px;
	font-family: 'NotoKrL', sans-serif;
	font-weight: 100;

	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* 라인수 */
	-webkit-box-orient: vertical;
	word-wrap:break-word; 
	height: 48px;
}

.header-popup-area .header-popup-box #responsive-popup li a .word-detail-view {
	display: inline-block;
	padding-right: 12px;
	font-size: 13px;
	line-height: 15px;
	color: #fff;
	text-decoration: underline;
	background: transparent url(/images/uportal/site/icon_detailview_arrow.gif) no-repeat right center;
	background: -webkit-linear-gradient(transparent, transparent), url(/images/uportal/site/icon_detailview_arrow@2x.gif) no-repeat right center;
	background: linear-gradient(transparent, transparent), url(/images/uportal/site/icon_detailview_arrow@2x.gif) no-repeat right center;
	background-size: 5px 9px;
}



.header-popup-area .header-popup-box .bx-prev {
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 20px;
	height: 32px;
	border: 0;
	margin-top: -16px;
	text-indent: -5000em;
	cursor: pointer;
	background: transparent url(/images/uportal/site/btn_previous02.png) no-repeat 0 0;
	background: -webkit-linear-gradient(transparent, transparent), url(/images/uportal/site/btn_previous02@2x.png) no-repeat 0 0;
	background: linear-gradient(transparent, transparent), url(/images/uportal/site/btn_previous02@2x.png) no-repeat 0 0;
	background-size: 20px 32px;
}

.header-popup-area .header-popup-box  .bx-next {
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	width: 20px;
	height: 32px;
	border: 0;
	margin-top: -16px;
	text-indent: -5000em;
	cursor: pointer;
	background: transparent url(/images/uportal/site/btn_next02.png) no-repeat 0 0;
	background: -webkit-linear-gradient(transparent, transparent), url(/images/uportal/site/btn_next02@2x.png) no-repeat 0 0;
	background: linear-gradient(transparent, transparent), url(/images/uportal/site/btn_next02@2x.png) no-repeat 0 0;
	background-size: 20px 32px;
}


.header-popup-area .btns-area {
	padding: 0;
	height: 32px;
	background: url(/images/uportal/site/bg_top_popup02.png) repeat;
}

.header-popup-area .btns-area .btns-box {
	max-width: 1000px;
	height: 32px;
	line-height: 32px;
	margin: 0 auto;
	text-align: right;
}

.header-popup-area .btns-area .btns-box .today-close {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	background: transparent url(/images/uportal/site/icon_top_popup_bar01.gif) no-repeat right center;
	background: -webkit-linear-gradient(transparent,transparent),url(/images/uportal/site/icon_top_popup_bar01@2x.gif) no-repeat right center;
	background: linear-gradient(transparent,transparent),url(/images/uportal/site/icon_top_popup_bar01@2x.gif) no-repeat right center;
	background-size: 1px 13px;
}

.header-popup-area .btns-area .btns-box .today-close input[type="checkbox"],
.header-popup-area .btns-area .btns-box .today-close label {
	display: inline-block;
	vertical-align: middle;
}

.header-popup-area .btns-area .btns-box .today-close input[type="checkbox"] {
	margin-right: 5px;
	}


.header-popup-area .btns-area .btns-box .today-close label {
	color: #aeafb3;
	padding-right: 15px;
	font-family: 'NotoKrL', sans-serif;
	font-weight: 100;
}

.header-popup-area .btns-area .btns-box .btn-top-popup-close {
	display: inline-block;
	vertical-align: middle;
	padding-right: 18px;
	color: #ffffff;
	background: transparent url(/images/uportal/site/btn_top_popup_close.gif) no-repeat right center;
	background: -webkit-linear-gradient(transparent,transparent),url(/images/uportal/site/btn_top_popup_close@2x.gif) no-repeat right center;
	background: linear-gradient(transparent,transparent),url(/images/uportal/site/btn_top_popup_close@2x.gif) no-repeat right center;
	background-size: 9px 9px;
}

@media only all and (max-width: 1199px) {
	/* top popup */
	.header-popup-area .header-popup-box {
		padding: 0 20px;
	}

	.header-popup-area .btns-area .btns-box {
		padding: 0 20px;
	}
}

@media only all and (max-width: 767px) {
	.header-popup-area .header-popup-box  #responsive-popup li a .title {
		font-size: 18px;
		line-height: 24px;
	}
	.header-popup-area .header-popup-box  #responsive-popup li a .word-detail-view {
		display: inline-block;
		padding-right: 12px;
		font-size: 13px;
		line-height: 15px;
		color: #fff;
		text-decoration: underline;
	}
}

/* responsiveslides.css */
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
  
.div-table-box{border-top:2px solid #808086}
.div-table{overflow:hidden;}
.div-table.col3 .div-tr{width:100%;}
.div-table.lines strong{height:50px;}
.div-table.lines span{height:50px;}

.div-tr{width:50%;border-bottom:1px solid #dddddd;float:left;display:table;}
.div-tr strong{background:#ecf0f5;color:#333333;font-weight:700;display:table-cell;width:120px;padding:15px;font-size:15px;font-family:'NotoKrB', sans-serif;vertical-align:middle;line-height:1.3;}
.div-tr span{word-break:break-all;display:table-cell;padding:0 15px;font-size:15px;line-height:1.3;vertical-align:middle;}
.div-tr span .homeurl{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block;width:320px;}

.div-tr2{display:table;width:70px;height:80px;float:left;border-bottom:1px solid #dddddd;}
.div-tr2 strong{background:#ecf0f5;color:#333333;font-weight:700;display:table-cell;padding:15px;font-size:15px;font-family:'NotoKrB', sans-serif;vertical-align:middle;line-height:1.3;border-right:1px solid #dddddd;}

.div-tr3{display:table;height:80px;border-bottom:1px solid #dddddd;width:calc(100% - 70px);}
.div-tr3 > div{position:relative;width:100%;height:40px;display:table;}
.div-tr3 > div:first-child:before{
	position:absolute;
	top:39px;
	left:0;
	width:100%;
	height:1px;
	background:#dedede;
	content:"";
	display:block;
}
.div-tr3 > div > strong{background:#ecf0f5;color:#333333;font-weight:700;display:table-cell;width:50px;padding:0 15px;font-size:15px;font-family:'NotoKrB', sans-serif;vertical-align:middle;line-height:1.3;}
.div-tr3 > div > span{word-break:break-all;display:table-cell;padding:0 15px;font-size:15px;line-height:1.3;vertical-align:middle;}

.tr_btn{background:#868686;padding:3px 10px;color:#ffffff;font-size:13px;display:inline-block;}

.bio_map{width:100%;height:400px;border:1px solid #dedede;border-top:none;}

.popup_user{position:fixed;top:0;left:0;width:100%;height:100%;display:none;z-index:9999;}
.popup_user_content{position:absolute;top:50%;left:50%;margin:-160px 0 0 -125px;background:#ffffff;width:250px;height:320px;z-index:9999;text-align:center;}
.popup_user_content h3{display:block;background:#007ae2;color:#ffffff;font-size:18px;text-align:center;height:45px;line-height:45px;}
.popup_select_list{text-align:left;}
.popup_select_list ul{padding:16px 30px;}
.popup_select_list ul li{padding:9px 0;}
.popup_select_list ul li input{vertical-align:middle;}
.popup_select_list ul li label{font-size:15px;margin:0 0 0 4px;vertical-align:middle;}
.popup_btn_okay{background:#666666;display:inline-block;color:#ffffff;font-size:13px;width:60px;height:30px;text-align:center;line-height:30px;}
.popup_btn_x{position:absolute;top:10px;right:10px;width:22px;height:22px;background:url(/images/uportal/site/btn_close_x.png) no-repeat center center;display:block;text-indent:-9999px;}
.popup_shadow{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000;z-index:9998;
	opacity:0.5;
	filter:alpha(opacity=50);
}

.terms_txt > strong{font-family:'NotoKrB';font-size:19px;color:#000000;}
.terms_txt > div{margin:25px 0;font-size:15px;line-height:1.5;}
.terms_txt > div > strong{font-family:'NotoKrB';font-size:17px;color:#333333;display:block;margin:10px 0;}
.terms_txt > div > span{display:block;line-height:1.4;}
.terms_txt > div > span > strong{font-family:'NotoKrB';color:#333333;vertical-align:top;}
.terms_txt > div > ol{padding:0 0 0 25px;margin:10px 0;}
.terms_txt > div > ol > li{list-style-type:decimal;line-height:1.4;padding:2px 0;}
.terms_txt > div > ul{margin:10px 0;padding:0 0 0 9px;}
.terms_txt > div > ul > li{padding-left:17px;text-indent:-17px;line-height:1.4;padding-top:2px;padding-bottom:2px;}
.terms_txt > div > ul > li > ol{padding:0 0 0 16px;margin:0;}
.terms_txt > div > ul > li > ol > li{list-style-type:decimal;line-height:1.4;padding:2px 0;padding-left:0;text-indent:0;}
.terms_txt > div > ul > li > .list_dash{padding:0;}
.terms_txt > div > ul > li > .list_dash > li{padding-left:10px;text-indent:-8px;}
.terms_txt > div > ul > li > .list_dash > li a{vertical-align:top;}
.terms_txt > div > ul > li > .list_dash > li:before{content:"- ";}
.terms_txt > div > p{padding:0 0 0 25px;}
.terms_txt > div > table{width:auto;}
.terms_txt > div > table th{background:#f2f5f8;border:1px solid #e4e4e4;padding:10px;color:#000000;}
.terms_txt > div > table td{border:1px solid #e4e4e4;padding:10px;}

.terms_txt li strong{font-family:'NotoKrB';color:#333333;vertical-align:top;}
.terms_txt ul.inside{list-style-position:inside;}
.terms_txt ol.inside{list-style-position:inside;}
.terms_txt li.inside{list-style-position:inside;}

.tab0{ margin:12px 0 25px 0; overflow:hidden;}
.tab0 li{ float:left; width: 25%; font-size:14px; margin-left:-1px; font-family:'NotoKrM';}
.tab0 li:first-child{margin:0;}
.tab0 li a{ display:block; height:35px; line-height:35px; color:#7d7d7d; text-align:center; text-decoration:none;border:1px solid #c3c4c9;}
.tab0 li a:hover, 
.tab0 a.selected{ color:#FFF; background-color: #057bf5; border:1px solid #057bf5;}

.tab06{margin:12px 0 25px 0; display:flex; }
.tab06 li{width:100%; margin-right:-1px; font-family:'NotoKrM';}
.tab06 li.nonselected a{border-top:1px solid #c3c4c9; border-bottom:1px solid #c3c4c9; border-right:1px solid #c3c4c9;}
.tab06 li a{ display:block; font-size:14px; color:#7d7d7d; text-align:center; text-decoration:none;height:37px;line-height:37px;}
.tab06 li:first-child a{border-left:1px solid #c3c4c9;}
.tab06 li:first-child a.selected{border-left:1px solid #057bf5;}
.tab06 li a:hover, 
.tab06 a.selected{ color:#ffffff; background-color: #057bf5; border-top:1px solid #057bf5;border-bottom:1px solid #057bf5;}

.tab08{ margin:12px 0 25px 0; overflow:hidden;}
.tab08 li{ float:left; width: 16.7%; font-size:14px; margin-left:-1px; font-family:'NotoKrM';}
.tab08 li:first-child{margin:0;}
.tab08 li a{ display:block; height:35px; line-height:35px; color:#7d7d7d; text-align:center; text-decoration:none;border:1px solid #c3c4c9;}
.tab08 li a:hover, 
.tab08 a.selected{ color:#FFF; background-color: #057bf5; border:1px solid #057bf5;}

/* 통계로본 환경 컨텐츠 */
.Content_box { position:relative; background:#f2f7fb; width:100%; box-sizing:border-box; border:1px solid #d3d3d3; padding:20px 20px 45px 20px; overflow:hidden; margin:0 0 20px 0;}
.Content_box_img { width:200px; border:1px solid #d3d3d3; margin:0 40px 0 0; float:left; box-sizing:border-box;}
.Content_box_img img { width:100%;}
.Content_box_conts { width:460px; float:left; color:#8f8f8f; line-height:130%; font-size:14px;}
.Content_box_conts_ttl { font-size:18px; font-weight:600; color:#515151; padding:5px 0 0 0;}
.Content_box_conts_ttl:after { content:''; display:inline-block; width:40px; height:4px; background:#116bc2; margin-top:15px;}
.Content_more { position:absolute; right:15px; bottom:12px; background:#fff; padding:3px 6px;border:1px solid #d3d3d3; font-size:13px;}
.Content_box_conts p{margin:12px 0 0 0;}

.bio_result_report{}
.bio_result_report > ul{overflow:hidden;}
.bio_result_report > ul > li{float:left;width:33.3%;text-align:center;}
.bio_result_report > ul > li > div{background:#F5F5F5;border:1px solid #F5F5F5;padding:20px 10px;margin:12px;border-radius: 10px}
.bio_result_report > ul > li > div strong{font-size:18px;font-weight: normal;padding:0 0 15px 0;color:#111111;letter-spacing:-1px;display: inline-block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 100%;}
.bio_result_report > ul > li > div img{border:1px solid #b3b3b3;}
.bio_result_report > ul > li > div ul{overflow:hidden;}
.bio_result_report > ul > li > div ul li{padding:15px 0 0 0;text-align:center;}
.bio_result_report > ul > li > div ul li a{display:inline-block;padding:8px 20px;text-align:center;background:#0768ca;margin:0 2px;color: #fff;border-radius: 5px}
.bio_result_report > ul > li > div ul li a:hover{background:#0089df;color:#fff;}

.tabs-menu {
    /*height: 30px;
    float: left;
    clear: both;*/
    display:flex;
}

.tabs-menu li:first-child{margin:0;}
.tabs-menu li {
	width:100%;
    height: 36px;
    line-height: 36px;
    margin-left:-1px;
    background-color: #f9f9fa;
    border-top: 1px solid #d4d4d1;
    border-right: 1px solid #d4d4d1;
    border-left: 1px solid #d4d4d1;
}

.tabs-menu li.current {
    background-color: #116bc2;
    z-index: 5;
}

.tabs-menu li a {
    text-transform: uppercase;
    color: #7d7d7d;
    letter-spacing: -2px;
    text-decoration: none;
    width:135px;
    display:block;
    text-align:center;
    font-family:'NotoKrM';
    font-size:14px;
}

.tabs-menu .current a {
    color: #fff;
}

.tab {
    border: 1px solid #d4d4d1;
    background-color: #fff;
    margin-bottom: 20px;    border-radius: 5px;
	box-shadow: 1px 1px 5px rgba(0,0,0,.2);
}

.leftArea .boxTab .tab{margin-bottom:0;border:none;background:none;}

.tab-content {
    padding: 10px;
    /* height:910px;
    background:url(/images/uportal/site/bg_statsmeta.png) no-repeat center bottom; */
}

#tab-1 {
 display: block;   
}

.source-container {
	padding:10px;
	overflow:hidden;
}
.source-title-box {
    color: #000;
    background: #fff;    
    width: 259px;
    position: relative;
    margin-top:1px;
    border-bottom: 1px dotted #bdbdbd;
}
.textzone {
    font:12px 'Open Sans', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight:400;
    /* text-align:justify; */
    background: #fff;
    color: #000;
    display:block;
    width: 963px;
    float: right;
    position: relative;
}
.textzone {
    display:none;
}
.source-title-box span{display:inline-block;
	width: calc(100% - 33px);
    margin-right: 10px;
}
.source-title-box img{display:inline-block;width:14px;}
.source-title-box a{
    color:#666;
    display:block;
    text-decoration:none;
    font-size: 14px;
    padding: 10px 30px;
    font-family:'NotoKrM';
    line-height:1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
	box-sizing:border-box;
}

.source-selected {
    background-color:#00c0f3;
}

.source-selected a{
    color:#FFFFFF;
}

.info02more {
	display:block;
	border: none;
	padding: 0px 0px 0px 0px;
	background: none;
}

.info02more div {
	/* margin: 0px 3px 0px 5px; */
}

/*info02*/
.info02{ float:left; width:100%; overflow:hidden; margin:5px 0 15px;border-top:1px solid #e2e2e2; }
.info02view {font-size:12px; border-bottom:1px solid #e2e2e2; background:url(/fileserver/spring/mesp2/images/bul/plus.png) no-repeat 99% 17px;cursor:pointer; padding:4px 0 4px 13px}
.info02view p{ background:url(/fileserver/spring/mesp2/images/icon/icon_03.png) no-repeat left 52%;cursor:pointer; padding-left:0px; }
.info02view p span{ margin:0 10px 0 5px; color:#fff; font-weight:bold; letter-spacing:-1px; font-size:11px;}
.info02more {font-size:12px; line-height:150%; padding-left:5px;
	border-top:1px solid #000000;
	padding-top:15px;
	margin-top:26px;
}
.info02more div{ clear:both; /* border-top:2px solid #106bc2;margin:0 10px 0px 5px */  }
.info02more div table{ width:100%; font-size:12px;}
.info02more div table th{vertical-align:middle;font-size:14px;background:#eef0f0; border-bottom:1px solid #d7d7d7;border-left:1px solid #ccc; width:180px; border-left:none; text-align:center; color:#000;font-weight: 500}

.info02more div table td{font-size:14px;color:#666666; border-left:1px solid #ccc;border-bottom:1px solid #ccc;padding:10px;background:#fff;line-height:1.4;overflow-y:auto;min-height:100%;}
.info02more div table td > span{font-size:14px;color:#666666;height:40px;/* display:table-cell; */}
.info02more div table td > span a{cursor:default;}
.r1_line_bgB a{cursor:default;}
.info02view.clicked { background-image:url(/fileserver/spring/mesp2/images/bul/minus.png); color:#368716}
.graph { border:1px solid #d8d8d8; height:248px; margin-bottom:15px; clear:both}

.ganghangmul_info div{clear:both;overflow-y:auto;max-height:433px;}
.ganghangmul_info div table{ width:100%; font-size:12px;}
.ganghangmul_info div table th{vertical-align:middle;font-size:14px;background:#eef0f0;border:1px solid #ccc; border-bottom:1px solid #d7d7d7;border-left:1px solid #ccc; width:100px; color:#393939;}
.ganghangmul_info div table td{font-size:14px;color:#666666; border:1px solid #ccc;border-bottom:1px solid #ccc;padding:10px;background:#fff;line-height:1.4;overflow-y:auto;min-height:100%;}
.ganghangmul_info div table td > span{font-size:14px;color:#666666;height:23px;display:table-cell;}
.ganghangmul_info div table td > span a{color:#0000ff;text-decoration:underline;}

.textzone_mobile{display:none;}

.highcharts-axis-labels.highcharts-xaxis-labels text{color:#ffffff !important;} 

.new_gallery_board ul{overflow:hidden;}
.new_gallery_board ul li{float:left;width:199.5px;text-align:center;}
.new_gallery_board ul li a{border:1px solid #dddddd;display:block;background:#ffffff;padding:10px 0;margin-left:18px;margin-bottom:20px;}
.new_gallery_board ul li a:hover{border:1px solid #bbbbbb;}
.new_gallery_board ul li a span{display:block;padding:20px 10px 10px 10px;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.new_gallery_board ul li.ngm0{width:181.5px;}
.new_gallery_board ul li.ngm0 a{margin-left:0;}

.new_gallery_board ul li a img{width:160px;height:103px;border:1px solid #dcdcdc;}

/** csb 추가 삭제 필요  **/

/* 대시보드 나중에 수정 필요*/
.stat_chartA{overflow:hidden;}
.stat_chartA > div{margin:15px 0;}
.stat_chart_clear > div{position:relative;}

.stat_chart_option{overflow:hidden;}
.stat_chart_option select{height:26px;float:left;}
.stat_chart_option ul{float:right;}
.stat_chart_option ul li{float:left;}
.statC_down{background:#777777;color:#ffffff;padding:6px 8px;display:block;}
.statC_bunseok{background:#777777;color:#ffffff;padding:6px 8px;display:block;margin-left:3px;}

.stat_chartA strong{position:relative;text-align:center;display:block;font-size:16px;color:#214786;height:38px;z-index:2;background:#d1e2f3;line-height:38px;margin-bottom:5px;border:1px solid #b4c6d8;padding-left:20px;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
}
/* .stat_chartA strong:before{
    position: absolute;
    top: 16px;
    left: 10px;
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background: #25b5f8;
	content: '';
    display: block;
} */

.stat_chartA1{float:left;width:100%;}
.stat_chartA2{float:left;width:485px;}
.stat_chartA3{float:right;width:485px;}
.stat_chartA4{float:right;width:400px;}
.stat_chartA5{float:left;width:570px;}
.stat_chartA6{float:left;width:100%;}

.stat_chartA1 .statBorder{height:450px;overflow:hidden;}
.stat_chartA2 .statBorder{height:450px;overflow:hidden;}
.stat_chartA3 .statBorder{height:450px;overflow:hidden;}
.stat_chartA4 .statBorder{height:450px;overflow:hidden;}
.stat_chartA5 .statBorder{height:450px;overflow:hidden;}
.stat_chartA6 .statBorder{height:450px;overflow:hidden;}

.stat_chart_clear{overflow:hidden;float:left;width:100%;}

.stat_chartA #charts-air-sect01,
.stat_chartA #charts-air-sect02,
.stat_chartA #charts-air-sect03,
.stat_chartA #charts-air-sect04,
.stat_chartA #charts-water-sect01,
.stat_chartA #charts-water-sect02,
.stat_chartA #charts-water-sect03,
.stat_chartA #charts-water-sect04
{
	height:100%;	
}



.statBorder{
	position:relative;
	border:1px solid #dddddd;
	padding:10px 10px 20px 10px;
	height:100%;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
}

.look_stat_list ul{overflow:hidden;}
.look_stat_list ul li{width:20%;float:left;}
.look_stat_list ul li a{position:relative;display:block;border:1px solid #dddddd;text-align:center;height:160px;margin:5px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
}
.look_stat_list ul li a:hover{border:1px solid #71a2ce;
	box-shadow:2px 2px 0 #accce8;
	-webkit-box-shadow:2px 2px 0 #accce8;
	-moz-box-shadow:2px 2px 0 #accce8;
	-o-box-shadow:2px 2px 0 #accce8;
}
.look_stat_list ul li a > div{display:table;width:100%;text-align:center;}
.look_stat_list ul li a > div strong{display:table-cell;vertical-align:middle;
	font-size: 15px;
    line-height: 1.2;
    color: #444444;
    height: 55px;
    padding:0 20px;
    word-break:keep-all;
}
.look_stat_list ul li a span{position:absolute;bottom:0;left:0;width:100%;display:block;
	height: 34px;
    line-height: 34px;
    background: #edf5ff;
    color: #0059b1;
    font-size: 16px;
    font-family: 'NotoKrM';
}
.look_stat_list ul li.lsl01{background:url(/images/uportal/site/jipyo_icon01.png) no-repeat center center;}
.look_stat_list ul li.lsl02{background:url(/images/uportal/site/jipyo_icon02.png) no-repeat center center;}
.look_stat_list ul li.lsl03{background:url(/images/uportal/site/jipyo_icon03.png) no-repeat center center;}
.look_stat_list ul li.lsl04{background:url(/images/uportal/site/jipyo_icon04.png) no-repeat center center;}
.look_stat_list ul li.lsl05{background:url(/images/uportal/site/jipyo_icon05.png) no-repeat center center;}
.look_stat_list ul li.lsl06{background:url(/images/uportal/site/jipyo_icon06.png) no-repeat center center;}
.look_stat_list ul li.lsl07{background:url(/images/uportal/site/jipyo_icon07.png) no-repeat center center;}
.look_stat_list ul li.lsl08{background:url(/images/uportal/site/jipyo_icon08.png) no-repeat center center;}
.look_stat_list ul li.lsl09{background:url(/images/uportal/site/jipyo_icon09.png) no-repeat center center;}
.look_stat_list ul li.lsl10{background:url(/images/uportal/site/jipyo_icon10.png) no-repeat center center;}
.look_stat_list ul li.lsl11{background:url(/images/uportal/site/jipyo_icon11.png) no-repeat center center;}
.look_stat_list ul li.lsl12{background:url(/images/uportal/site/jipyo_icon12.png) no-repeat center center;}
.look_stat_list ul li.lsl13{background:url(/images/uportal/site/jipyo_icon13.png) no-repeat center center;}
.look_stat_list ul li.lsl14{background:url(/images/uportal/site/jipyo_icon14.png) no-repeat center center;}
.look_stat_list ul li.lsl15{background:url(/images/uportal/site/jipyo_icon15.png) no-repeat center center;}
.look_stat_list ul li.lsl16{background:url(/images/uportal/site/jipyo_icon16.png) no-repeat center center;}
.look_stat_list ul li.lsl17{background:url(/images/uportal/site/jipyo_icon17.png) no-repeat center center;}
.look_stat_list ul li.lsl18{background:url(/images/uportal/site/jipyo_icon18.png) no-repeat center center;}
.look_stat_list ul li.lsl19{background:url(/images/uportal/site/jipyo_icon19.png) no-repeat center center;}
.look_stat_list ul li.lsl20{background:url(/images/uportal/site/jipyo_icon20.png) no-repeat center center;}
.look_stat_list ul li.lsl21{background:url(/images/uportal/site/jipyo_icon21.png) no-repeat center center;}
.look_stat_list ul li.lsl22{background:url(/images/uportal/site/jipyo_icon22.png) no-repeat center center;}
.look_stat_list ul li.lsl23{background:url(/images/uportal/site/jipyo_icon23.png) no-repeat center center;}
.look_stat_list ul li.lsl24{background:url(/images/uportal/site/jipyo_icon24.png) no-repeat center center;}
.look_stat_list ul li.lsl25{background:url(/images/uportal/site/jipyo_icon25.png) no-repeat center center;}
.look_stat_list ul li.lsl26{background:url(/images/uportal/site/jipyo_icon26.png) no-repeat center center;}
.look_stat_list ul li.lsl27{background:url(/images/uportal/site/jipyo_icon27.png) no-repeat center center;}
.look_stat_list ul li.lsl28{background:url(/images/uportal/site/jipyo_icon28.png) no-repeat center center;}
.look_stat_list ul li.lsl29{background:url(/images/uportal/site/jipyo_icon29.png) no-repeat center center;}

/* CSB 추가 제공통계현황(추후삭제) */
.offer-menu-wrapper {
	display: block;
	margin: 0;
	padding: 0
}

.offer-menu-wrapper>dl {
	display: block;
	margin-bottom: 9px;
}

.offer-menu-wrapper>dl>dt {
	display: block;
}

.offer-menu-wrapper>dl>dt>button {
	position: relative;
	display: block;
	width: 100%;
	padding: 18px 135px 18px 15px;
	box-sizing: border-box;
	background: #ecf1f8;
	cursor: pointer;
	border: 1px solid #ecf1f8;
	border-radius: 0;
	-webkit-appearance: none;
	appearance: none;
	text-align: left;
	word-break: keep-all
}

.offer-menu-wrapper>dl>dt>button:focus {
	outline: none !important;
	border-color: #719ECE;
	box-shadow: 0 0 5px #719ECE;
}

.offer-menu-wrapper>dl>dt>button>.icon {
	position: absolute;
	top: 50%;
	left: 16px;
	display: block;
	width: 30px;
	height: 30px;
	margin-top: -15px;
}

.offer-menu-wrapper>dl>dt>button>.icon img {
	width: 30px;
}
.offer-menu-wrapper>dl>dt>button>.title {
	display: block;
	color: #2383e4;
	font-size: 20px;
	line-height: 10px;
}


.offer-menu-wrapper>dl>dt.on>button {
	background: #8bb275;
	border: 1px solid #cad6d9;;
}


.offer-menu-wrapper>dl>dt.on>button>.title {
	color: #fff;
}

.offer-menu-wrapper>dl>dd {
	display: none;
	border: 1px solid #d0d0d0;
	background: #ffffff;
}

.offer-menu-wrapper>dl>dd.on {
	display: block;
}

.offer-menu-wrapper>dl>dd>ul {
	padding: 8px 0;
}

.offer-menu-wrapper>dl>dd>ul:after {
	content: "";
	clear: both;
	display: block;
}

.offer-menu-wrapper>dl>dd>ul>li {
	float: left;
	display: block;
	width: 49%;
	padding: 0 20px;
	box-sizing: border-box;
}

.offer-menu-wrapper>dl>dd>ul>li .offer-information {
	display: block;
	border: 2px solid #fff;
	padding: 3px 8px;
	line-height: 1.923em;
}

.offer-menu-wrapper>dl>dd>ul>li .offer-information:after {
	content: "";
	clear: both;
	display: block;
}

.offer-menu-wrapper>dl>dd>ul>li .offer-information .title-area {
	position: relative;
	float: left;
	padding-left: 20px;
}

.offer-menu-wrapper>dl>dd>ul>li .offer-information .title-area>.icon-type01
	{
	position: absolute;
	top: 5px;
	left: 0;
}

.offer-menu-wrapper>dl>dd>ul>li .offer-information .title-area>.title
	{
	color: #666666;
}

.offer-menu-wrapper>dl>dd>ul>li .offer-information .title-area>.title .icon-new
	{
	display: inline;
	margin-left: 5px;
}

.offer-menu-wrapper>dl>dd>ul>li .offer-information .result {
	float: right;
	color: #666666;
}


.offer-menu-wrapper>dl>dd>ul>li .offer-information.changFC {
	border: 2px solid #f26826 !important;
	background: #fff;
	-webkit-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.3);
}

.offer-menu-wrapper>dl>dd>ul>li .offer-information.changFC .title-area>.title
	{
	color: #000000;
}

.offer-menu-wrapper>dl>dd>ul>li .offer-information.changFC .result {
	color: #ff2a00;
}

.offer-menu-wrapper>dl>dd>ul>li.no-data {
	height: 35px;
}

.icon-type01.offer {
	top:7px !important;
	width:6px;
	height:6px;
	border:3px solid #8fc2f4;
	text-indent:-9999px;
	background: #ffffff;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-o-border-radius:6px;
}
/* //CSB 추가 제공통계현황(추후삭제) */

.title_txt{position:relative;margin:30px 0;}
.title_txt span{font-size:16px;}
.title_txt a{position:absolute;top:7px;right:12px;}

.title_tonggye{position:relative;margin:20px 0;}
.title_tonggye span{font-size:16px;}
.title_tonggye a{position:absolute;top:-8px;right:0;}

.btn_bunseok{background:#777777;color:#ffffff;display:inline-block;font-size:14px;padding:8px 12px;}

.stats-high-top-txt{margin:0 0 15px 0;}
.stats-high-top-txt p{font-size:15px;margin:2px 0;}
.stats-high-top-txt p:before{content:"ㆍ";}
.stats-high-top-txt p strong{font-size:15px;color:#2e8be5;vertical-align:baseline;}

.title-area.bullet_circle img{width:13px;}


.ganhang-container {
	overflow:hidden;
}

.ganghang_group{display:flex;gap:40px;padding:50px;}

.ganhang-container .ganhang_tree{width:20%;float:left;}
.ganhang-container .ganhang_tree .tree{border:1px solid #b5cee8;overflow:auto;height:558px;padding:5px;background:#fafcff;}
.ganhang-container .ganhang_tree .tree .dynatree-container{background:#fafcff;}
.ganhang-container .tongzone{width:78%;float:right;border:1px solid #b3b3b3;height:607px;background:url(/images/uportal/site/bg_ganghangmul.png) no-repeat right  bottom;}
.ganhang-container .tongzone h3{
	border-bottom: 1px solid #b3b3b3;
    height: 39px;
    text-align: center;
    line-height: 39px;
    font-size: 16px;
    background:#f5f5f5;
}

.ganhang_tree_m{display:none;}

.ganghangmul_img{width:346px;flex-shrink:0;}
.ganghangmul_img img{border:1px solid #dddddd;width:100%;}

.ganghangmul_info{}

.ganhang-container table td > span{vertical-align:middle;}

.ganhang_tree h3{
	font-family: 'NotoKrM';
    background: #07535e;
    text-align: center;
    color: #ffffff;
    font-size: 16px;
    padding: 11px 20px;
    border: 1px solid #07535e;
    border-bottom: none;
}

.ganhang_view{text-align:right;padding:10px 0 0 0;}
.btn_ganhang_view{
	display: inline-block;
    background: #f56600;
    padding: 7px 14px;
    color: #ffffff;
    font-size: 14px;
}

.btn_envyear_view{
	display: inline-block;
    background: #8bc34a;
    padding: 7px 14px;
    color: #ffffff;
    font-size: 14px;
}
.tree{/*border:1px solid #b5cee8;*/border-top:none;}



/* dataset */

/* tab */
.tab_A {margin:30px 0 0px 0; padding:0 0 0 10px; background:url('/images/uportal/site/tab_A.png') repeat-x 0 100%;}
.tab_A a {font-size:14px; display:inline-block;  box-sizing:border-box;  height:30px; background:#fff;  border-radius:1px 1px 0 0; border:1px solid #e4e4e4; border-bottom:1px solid #26b8f1; text-align:center; vertical-align:middle; color:#7c7c7c; line-height:30px; font-family:'NotoKrM';font-weight:400;}
.tab_A a:hover, 
.tab_A a.on {border:1px solid #26b8f1; border-bottom:0px; color:#26b8f1;}
@media all and (max-width:1023px) {
.tab_A {margin:20px 0 0px 0; padding:0px;}
.tab_A:after {display:block; content:''; clear:both;}
.tab_A a {float:left; margin-right:1px; padding:0 7px 0 6px; font-size:13px;}

	/* ----- */

	/* ----- */

}
@media all and (min-width:1024px) {
.tab_A a {width:12.24%;}
}

.tab_AB {height:30px; margin:30px 0 0px 0; padding:0 0 0 10px; background:url('/images/uportal/site/tab_AB.png') repeat-x 0 100%;}
.tab_AB a {display:inline-block;  box-sizing:border-box; height:30px; background:#fff; border-radius:2px 2px 0 0; border:1px solid #e3e3e3; border-bottom:1px solid #707183; text-align:center; vertical-align:middle; color:#999; line-height:26px;}
.tab_AB a:hover, 
.tab_AB a.on {border:1px solid #727183; border-bottom:0px; font-weight:bold; color:#48495b;}
@media all and (max-width:1023px) {
.tab_AB {margin:20px 0 0px 0; padding:0px;}
.tab_AB:after {display:block; content:''; clear:both;}
.tab_AB a {float:left; margin-right:1px; padding:0 5px 0 4px; font-size:13px; letter-spacing:-1px; min-width:68px;}
}
@media all and (min-width:1024px) {
.tab_AB a {width:13%;}
.tab_AB.w_1 a {width:16%;}
}

.tab_B {width:100%; background:url('/images/uportal/site/tab_B_a.png') repeat-x 0% 100%;}
.tab_B:after {display:block; content:''; clear:both;}
.tab_B a {z-index:2; float:left; margin:0 3px 0 0;  box-sizing:border-box; background:#f3f3f5; border:1px solid #f3f3f5; border-bottom:1px solid #dbdbdb; text-align:center;}
.tab_B a strong {display:block; padding:5px 0 5px 0;  font-weight:normal; color:#7c7c7c;}
.tab_B a:hover,
.tab_B .on {background:#fff; border:1px solid #dbdbdb; border-bottom:1px solid #fff; font-weight:bold; color:#444; }
.tab_B_cont {margin:10px 0 0 0;}
@media all and (max-width:768px) {
.tab_B a {margin:0px; border:1px solid #dbdbdb; border-left:0px;  border-bottom:1px solid #dbdbdb;}
.tab_B a strong {font-size:12px; color:#444;}
.tab_B a:hover,
.tab_B .on {border-left:0px; border-bottom:1px solid #dbdbdb !important;}
.tab_B a:first-child {border-left:1px solid #dbdbdb;}
.tab_B_cont {margin:5px 0 0 0;}
}

.tab_C {display:table;height:30px;width:100%;margin-top:35px;}
.tab_C a {position:relative;display:table-cell;width:20%; vertical-align:middle;box-sizing:border-box; height:30px; font-size:13px;background:#afafaf; color:#fff; border-radius:2px 2px 0 0; text-align:center; vertical-align:middle; line-height:26px;}
.tab_C a:before{display:block;content:'';position:absolute;top:0;left:0;width:1px;height:30px;background:#fff;}
.tab_C a:hover, 
.tab_C a.on {font-weight:bold; color:#fff; background:#444444;}
.tab_C a span{color:#fff;}
@media all and (min-width:1024px) {
.tab_C a {width:13%;}
.tab_C.w_1 a {width:16%;}
}
@media all and (max-width:480px) {
.tab_C{margin-top:5px;}
.tab_C a {font-size:12px;}
.tab_C a > span{display:block;line-height:1em;font-size:12px;}
}



/* tab E */

/* button */
.area_btn_A {text-align:right; margin-top:19px;}
.area_btn_A  .flTxt{float:left; display: none;}
.area_btn_E {text-align:center; margin-top:19px;}
.area_btn_F {margin:0 8px 0 4px;}
.btn_A,
.btn_AB {display:inline-block; width:78px; height:23px; border-radius:3px; text-align:center; font-weight:bold; line-height:23px;}
.btn_A {background:#53586c; border:1px solid #363948; color:#fff; text-shadow:0px 0px 1px #000;}
.btn_A.auto{padding:0 15px;width:auto;}
.btn_A .ico{vertical-align:middle;margin-left:5px;}
.btn_A .ico img{vertical-align:baseline;}
.btn_A.w_100.w_120_mq_mobile {width:100px;}
.btn_AB {background:url('/images/uportal/site/btn_AB.png') repeat-x 0px 0px; border:1px solid #c7cad1; color:#61667a; text-shadow:0px 0px 1px #fff;}
.btn_AC {display:inline-block; height:33px; padding:0 20px; background:#5098d3; border:1px solid #5098d3; border-radius:20px; text-align:center; font-weight:bold; font-size:15px; color:#fff; line-height:33px; text-shadow:0px 0px 1px #000;}
.btn_C {display:inline-block; height:19px; padding:0 5px 0 5px; background:#707384; border:1px solid #535762; text-align:center; vertical-align:middle; font-size:11px; color:#fffffd; line-height:18px;}
.area_btn_D {text-align:right; margin:-28px 0 6px 0;}
.btn_D {display:inline-block; height:21px; padding:0 18px 0 6px; background:#fff url('/images/uportal/site/btn_D.png') no-repeat right 50%; border:1px solid #d4d4d4; text-align:left; font-size:12px; color:#444; line-height:21px;}
.btn_D.btn_D_more {background:#fff url('/images/uportal/site/btn_D_more.png') no-repeat right 50%;}
.btn_E, 
.btn_EB {display:inline-block; height:38px; margin:0 1px; padding:0 25px; border-radius:3px; text-align:center; font-size:14px; color:#fff; line-height:38px;}
.btn_E {background:#27b9f2;}
.btn_EB {background:#656574;}
@media all and (max-width:1023px) {
.area_btn_A, 
.area_btn_AC, 
.area_btn_E {margin-top:20px; text-align:center;}
.area_btn_AC.area_btn_AC_B {margin-top:10px;}
.area_btn_AC.mq_tablet {display:none;}
.area_btn_D {text-align:right; margin:-30px 0 6px 0;}
.btn_A,
.btn_AB {width:70px; height:23px; line-height:22px;} 
.btn_AC {padding:0 10px 0 10px; height:23px; line-height:22px;}
.btn_A.w_100.w_120_mq_mobile {width:120px;}
.btn_C {height:21px; line-height:21px;}
.btn_D {padding:0 15px 0 5px;}
.btn_E, 
.btn_EB {height:24px; padding:0 10px; font-size:14px; line-height:24px;}
.btn_E_map,
.btn_E_map_B,
.btn_EB_reset_map {display:inline-block; height:24px; margin:0 0 0 -1px; padding:0 0 0 16px; border-radius:3px;}
.btn_E_map, 
.btn_E_map_B {background:#27b9f2 url('/images/uportal/site/btn_E_map.png') no-repeat 3px 50%; background-size:13px 15px;}
.btn_E_map {width:50px;}
.btn_E_map_B {width:72px;}
.btn_EB_reset_map {width:50px; background:#666575 url('/images/uportal/site/btn_EB_reset_map.png') no-repeat 3px 48%; background-size:13px 13px;}
.btn_E_map span, 
.btn_E_map_B span, 
.btn_EB_reset_map span {font-size:12px; color:#fff; line-height:24px; letter-spacing:-1px;}
}
@media all and (min-width:1024px) {
.area_btn_AC {position:relative; top:-43px; height:0px; padding:0 3px 0 0; text-align:right;}
.btn_A.mq_mobile,
.area_btn_AC.mq_mobile {display:none;}
.btn_E_map,
.btn_E_map_B,
.btn_EB_reset_map {display:inline-block; height:38px; margin:0 0 0 1px;}
.btn_E_map {width:105px; background:url('/images/uportal/site/btn_E_map.png') no-repeat 0 0%;}
.btn_E_map_B {width:129px; background:url('/images/uportal/site/btn_E_map_B.png') no-repeat 0 0%;}
.btn_EB_reset_map {width:105px; background:url('/images/uportal/site/btn_EB_reset_map.png') no-repeat 0 0%;}
.btn_E_map span, 
.btn_E_map_B span, 
.btn_EB_reset_map span {position:absolute; left:-10000px;}
}
/* button E */

/* paragraph */
.area_desc_A, 
.area_desc_AB,
.area_desc_AC {float:right; margin:-27px 0 0 0;}
.area_desc_B {padding:27px 0 7px 0;}
.p_tyA {padding:0 0 0 11px; background:url('/images/uportal/site/bul_star_A.png') no-repeat 1px 9px; font-size:13px; line-height:25px;}
.p_tyA img {vertical-align:middle;}
.p_tyA .point {font-size:12px; color:#28b9f0;}
.p_tyB {padding:1px 0 10px 21px; background:url(/images/uportal/site/icon_search04@2x.png) no-repeat 0 2px; color:#777; font-size:16px; line-height:19px;background-size:18px auto;}
.p_tyB .point {font-size:16px; color:#f15c22; font-weight:500; font-family:'NotoKrM';}
.p_tyC {font-size:12px; line-height:19px;}
.p_tyC strong.ty_A {font-size:12px; text-decoration:underline;}
@media all and (max-width:768px) {
.area_desc_A {float:none; margin:-4px 0 7px 0;}
.area_desc_AC {float:none; margin:10px 0 0 0;}
.area_desc_B {padding:16px 0 6px 0;}
.p_tyA {padding:0px 0 0 11px; background-position:1px 8px; line-height:18px; font-size:11px;}
.p_tyC {padding:2px 0 0 0px; line-height:18px;}
}
/* paragraph E */

.contents-LANG{clear:both;}
.flR.mq_tablet dt label{height:21px;display:inline-block;line-height:21px;}
.search.search_AB .flL dt label{height:21px;display:inline-block;line-height:21px;}

.single-count-sect{color:#f25b24;}

.ty_A.mgTm10_mq_mobile.pd_search{padding-top:50px;}

.tab_AB.tab_key{height:40px;}
.tab_AB.tab_key a{height:40px;line-height:40px;width:18%;}

.key_mobile{
	display:none;
	margin-bottom:50px;
}
.key_mobile select{
	border: 1px solid #666666;
    width: 100%;
    height: 40px;
}


/* align */
.block {display:block;}
.inline {display:inline;}
.flL  {float:left;}
.flR  {float:right;}
.clear {clear:both;}
.clearL {clear:left;}
.clearR {clear:right;}
.positionR {position:relative;}
.positionA {position:absolute;}
.talR {text-align:right;}
.talL {text-align:left;}
.talC {text-align:center;}
.valT {vertical-align:top;}
.valM {vertical-align:middle;}
.valB {vertical-align:bottom;}
/* align E */

ul.search > li {padding:8px 0 8px 0px;}
ul.search > li:after {display:block; content:''; clear:both;}
ul.search > li dt {display:none;}
ul.search dd {float:left; padding:0px 20px 0 0px;}
ul.search > li .btn_B {display:inline-block; width:44px; height:23px; background:#888888; border-radius:1px; text-align:center; vertical-align:middle; font-weight:bold; font-family:'맑은 고딕',Malgun gothic; font-size:10px; color:#fff; line-height:22px;}
ul.search > li .btn_B.on {background:#26baf1;}
ul.search > li .mq_PC {display:none;}
ul.search.search_AB {border-top:0px !important;}
ul.search > li.ty_B dl.flR dd {padding:0px;}
ul.search li .chk {margin:0px 16px 0px 0px; line-height:12px;}
ul.search li .chk input {margin:0px 4px 0px 0px; vertical-align:middle;}
ul.search > li .desc {display:inline-block; padding:2px 0 0 0; display:none;}
@media all and (max-width:1023px) {
ul.search > li {padding:0px;}
ul.search > li.ty_B {padding:10px 0 10px 0px;}
ul.search > li dd {padding:0px 12px 0 0px;}
ul.search > li .mq_tablet {display:none;}
ul.search > li select {display:inline-block; height:23px; padding:0 12px 0 0px; background:#fff url('/images/uportal/site/btn_select.png') no-repeat 100% 50%; border:1px solid #d5d5d5; vertical-align:middle; line-height:21px; -webkit-appearance:none; -moz-appearance:none !important;}
ul.search li .chk {margin:0px 10px 0px 0px; line-height:12px;}
ul.search li .chk input {margin:0px 2px 0px 0px; vertical-align:middle;}
ul.search > li .desc {clear:both; display:block; padding:6px 0 2px 0; display:none;}

}
@media all and (min-width:1024px) {
ul.search {border-top:2px solid #4a4a5c;}
ul.search.search_AB {border-top:1px solid #e4e4e4;}
ul.search.search_AC {border-top:0px;}
ul.search.search_AD {border-top:1px solid #e4e4e4;}
ul.search > li {border-top:1px solid #e4e4e4;}
ul.search > li:first-child {border-top:0px;}
ul.search > li:after {display:block; content:''; clear:both;}
ul.search > li.ty_B {padding:10px 0 4px 0px;}
ul.search > li.ty_B .btn_D {margin:0px 0 1px 0px;}
ul.search > li.ty_BB {padding:6px 0px;}
ul.search > li dl:after {display:block; content:''; clear:both;}
ul.search > li dt {float:left; display:inline-block; padding:1px 7px 0 8px;  background:url('/images/uportal/site/bul_sq_A.png') no-repeat 0% 56%; vertical-align:middle; color:#777;font-size:13px;}
ul.search > li select {display:inline-block; height:23px; padding:0 0px 0 0px; /*background:url('/images/uportal/site/btn_select.png') no-repeat 100% 50%;*/ border:1px solid #d5d5d5; vertical-align:middle; line-height:21px; /*-webkit-appearance:none; -moz-appearance:none !important;*/}
ul.search > li .btn_B {width:50px;}
ul.search > li ul.ty_A:after {display:block; content:''; clear:both;}
ul.search > li ul.ty_A li {float:left; padding:5px 15px 1px 8px;white-space:nowrap;background:url('/images/uportal/site/bul_sq_A.png') no-repeat 0% 56%; vertical-align:middle; color:#777;font-size:14px;}
ul.search > li ul.ty_A li.on a{font-weight:bold;color:#000;}
ul.search > li ul.ty_A li .totalNum {color:#555;font-weight:bold;color:#333333;}
ul.search > li ul.ty_A li .pageNum strong {font-weight:normal; color:#000;}
ul.search > li .mq_PC {display:block;}
ul.search li .form {padding:2px 0px 3px 0px;}
}
/*@media screen and (-webkit-min-device-pixel-ratio:0) {ul.search > li select {padding:0 12px 0 0px;}}
@-moz-document url-prefix() {ul.search > li select {padding:0 12px 0 0px;}}*/
@media all and (min-width:1024px) and (max-width:979px) {
ul.search > li .mq_PC {display:none;}
}

.search_B {padding:9px 0 10px 0; background:#fbfbfb; border-bottom:1px solid #c6c6c6; text-align:center;}
.search_B:after {display:block; content:''; clear:both;}
.search_B .search {display:inline-block;  box-sizing:border-box; width:50%; height:28px; background:#fff; border:1px solid #e5e5e5; vertical-align:middle;}
.search_B .search:after {display:block; content:''; clear:both;}
.search_B .search input {float:left; width:90%; height:27px; padding:0 4px 1px 4px; background:none; vertical-align:middle;border:none;}
.search_B .btn_search {float:right; width:28px; height:28px; background:url('/images/uportal/site/btn_search.png') no-repeat 50% 50%;}
.search_B .btn_search span {display:inline-block; text-indent:-10000px;}
.search_B select {width:15%; height:28px;  box-sizing:border-box; border:1px solid #e5e5e5; vertical-align:middle;}
@media all and (max-width:1023px) {
.search_B {width:100%; padding:0px; background:none; border-bottom:0px;}
.search_B .search {width:100%; height:34px; border-radius:2px; border:1px solid #cbcbcd; text-align:left;}
.search_B .search input {width:78%; height:32px; padding:0px 4px 0 4px; font-size:14px;}
.search_B .btn_search {width:43px; height:32px; background:url('/images/uportal/site/btn_search.png') no-repeat 50% 50%; background-size:43px 32px; border-left:1px solid #cbcbcd;}
.search_B.search_BB .select {float:left; width:32%; padding-right:4px;  box-sizing:border-box; }
.search_B.search_BB select {width:100%; height:34px; border:1px solid #e5e5e5;}
.search_B.search_BB .search {float:left; width:68%;}
}

.btn_sns{position:absolute;top:15px;right:0;}
.btn_facebook{width:32px;height:32px;background:url(/images/uportal/site/icon_facebook.png) no-repeat 0 0;background-size:100% 100%;display:inline-block;text-indent:-9999px;}
.btn_twitter{width:32px;height:32px;background:url(/images/uportal/site/icon_twitter.png) no-repeat 0 0;background-size:100% 100%;display:inline-block;text-indent:-9999px;}
@media all and (max-width:1000px) {
	.btn_sns{top:-36px;}
	.btn_facebook{width:26px;height:26px;}
	.btn_twitter{width:26px;height:26px;}
}

/* h */ 
h2.hide,
h3.hide, 
h4.hide, 
h5.hide {position:absolute; left:0px; top:0px; visibility:hidden;}
h3.ty_A span {position:absolute; left:-10000px; text-indent:-10000px;}
h4.ty_A,
h5.ty_h4 {padding:30px 0 7px 0; font-weight:bold; font-size:17px; color:#222222; font-family:'NotoKrR';}
h5.ty_h4_B {padding:30px 0 7px 0; font-weight:bold; font-size:13px; color:#4a4a5c;}
h4.ty_A.ty_AB {padding:17px 0 7px 0;}
h5.ty_A {padding:19px 0 7px 0; font-size:17px; color:#4a4a5c;}
h3 .num,
h4 .num, 
h5 .num {font-size:17px; font-weight:normal; }
h3 .num strong,
h4 .num strong,  
h5 .num strong {font-size:11px; font-weight:bold !important; color:#f25b24;}
.area_h4{position: relative;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #494a5c;}
.area_h4 p{font-size:20px;color:#333333;font-weight:bold;padding-left:15px;}
.area_h4 p:before{content:"";position:absolute;top:17px;left:0;width:4px;height:4px;border:3px solid #73abe3;}
@media all and (max-width:1023px) {
.area_h3 img,
h3.ty_B img,
.area_h3 p,
.area_h3.mq_tablet {position:absolute; left:-10000px; text-indent:-10000px;}
.area_h3 .sort {display:inline-block; padding:6px 0 7px 0px;}  
h3.ty_A, 
h3.ty_B {padding:17px 0 7px 13px; font-weight:bold; color:#000; font-size:16px;background:url('/images/uportal/site/bul_h3.png') no-repeat 0px 24px; background-size:5px 5px;}
h3.ty_A strong,  
h3.ty_B strong {font-size:16px; color:#000;} 
h3 strong .num {font-size:11px; font-weight:normal; color:#f25b24;}
h3 strong .num strong {font-size:11px; font-weight:bold !important; color:#f25b24;}
h4.ty_A,
h5.ty_h4,
h5.ty_A, 
h5.ty_h4_B {padding:16px 0 7px 0; font-size:14px;}
h4.ty_A .mq_tablet,  
h4.ty_A.mq_tablet {display:none;} 
.mgTm10_mq_mobile, 
.area_h3 + h4.ty_A {margin-top:-10px !important;}
.mgT0_mq_mobile {margin-top:0px !important;}
.mgT10_mq_mobile {margin-top:10px !important;}
.mgT20_mq_mobile {margin-top:20px !important;}
.section_socialLog h4.ty_A {padding:18px 0 8px 0; text-align:center; font-weight:bold; font-size:18px;}
}

h4.ty_A strong{font-size:17px;font-family:'NotoKrR';color:#222222;}

/*
@media all and (max-width:1023px) {
h4.ty_A.mq_mobile {display:block; padding:16px 0 6px 0;}
h4.ty_A.mq_mobile + table {margin:-3px 0 0px 0;}
h5.hide.mq_mobile {position:relative; visibility:visible; padding:11px 0 6px 0; font-size:14px;}
}*/ 

@media all and (min-width:1024px) {
.area_h3 {padding:2px 0 0 0;margin-bottom:20px; clear:both;}
.area_h3n {padding:12px 0 0 0;margin-bottom:20px;}
.area_h3.auto {height:auto;}
.area_h3 h3.ty_A {display:block; border-bottom:1px solid #e5e5e5;height:55px;}

h3.ty_B {padding:33px 0 10px 0;font-size:26px;color:#333333;font-weight:bold;}
h3.ty_B + p{margin-top:15px;}

h3.ty_A{position:relative;} 
h3.ty_A strong{font-family:'NotoKrM';font-weight:500;font-size:28px;color:#0a66b8;padding:0 0 14px 0;letter-spacing:-1px;border-bottom:4px solid #0e6fc1;}
 

h3.ty_B{display:block; border-bottom:1px solid #e5e5e5;height:45px;} 
h3.ty_B strong{font-family:'NotoKrM';font-weight:500;font-size:28px;color:#0a66b8;padding:0 0 14px 0;letter-spacing:-1px;border-bottom:4px solid #0e6fc1;}
 

.area_h3 p {margin:20px 0 0 0;color:#666666;font-size:15px;padding:20px;background-color:#f7f7f7;/*border-left:3px solid #2167b0;*/line-height:1.4;}
.area_h3.area_h3_AC p {margin:34px 0 0 0;}
.area_h3 p strong {color:#25bbf0;}
.area_h3 .sort {display:inline-block;color:#2167b0;padding:8px 0 0 0; vertical-align:middle; font-size:15px;}
.area_h3 .sort strong {font-size:15px;color:#2167b0;}
.area_h3 .sort strong:before{content:"#";font-weight:normal;}

.area_h3.deco_h3_4.area_h3.area_h3_AB {border-bottom:2px solid #494a5c;}
.area_h3.deco_h3_4.area_h3.area_h3_AB.area_h3 {padding-bottom:10px;}

h4.ty_A .mq_mobile, 
h4.ty_A.mq_mobile,
h5.ty_h4.mq_mobile {display:none;}
}
/* h E */

/* 상세 요약 */  
.detail_summary{position:relative; display:block; padding:17px 0px 17px 0px; background:#fff; border-top:2px solid #494a5c; border-bottom:1px solid #707183;margin:20px 0 0 0;}
.detail_summary:after{display:block; content:''; clear:both;}
.detail_summary.detail_summary_AB{border-top:1px solid #494a5c;}
.detail_summary .thumbnail{
	padding:20px 10px;
	text-align:center;
	float:left;
	width:13%;
	box-sizing:border-box;
	width:115px;
	margin:0 20px 0 10px;
	background: #3bafff;
}
.detail_summary .thumbnail figcaption{display:none;position:relative;font-size:13px;margin:10px 0 0 0;font-family:'NotoKrM';color:#1088B2;
    border:1px solid #9fcede;
    border-radius:5px;
    padding:2px 1px;
    margin-top:6px;
    letter-spacing:-1px;
}

.sm_inf{margin:7px 0 0 0;}

.detail_summary .thumbnail2{float:left; width:13%; padding:0 0px 0 10px;  box-sizing:border-box;}
.detail_summary .thumbnail2 img{width:100px; height:100px;}
.detail_summary .historyDate{float:left; width:152px; height:100px;padding:25px 0px 0 10px;  box-sizing:border-box;border-right:1px solid #e2e2e2;margin-right:23px;}
.detail_summary .historyDate .tit{display:inline-block;height:18px;line-height:18px;padding:0 8px;border-radius:3px;font-size:11px;color:#fff;background:#4f81bd;}
.detail_summary .historyDate .date{display:block;margin-top:5px;font-size:22px;color:#0066cc;}
.detail_summary .summary{box-sizing:border-box;padding-left:90px;}
.detail_summary .summary .tit{display:inline-block; padding:0px 0 4px 0; font-size:19px; color:#001732;margin:4px 5px 0 0;}
.detail_summary .summary .cont{display:block; width:80%; color:#676767; line-height:18px; }
.detail_summary.w_1 .summary{width:100%; padding:0 10px 0 11px;}
.detail_summary.w_1 .summary .tit{width:100%;}
.detail_summary.w_1 .summary .cont{width:100%;}
.detail_summary.w_2 .thumbnail{width:16%;}
.detail_summary.w_2 .thumbnail2{width:16%;}
.detail_summary.w_2 .summary{width:84%;}
.detail_summary .area_grade{margin:40px 0 0 0;}
.detail_summary .area_grade:after{display:block; content:''; clear:both;}
.detail_summary .area_grade, 
.detail_summary .area_grade strong,
.detail_summary .area_grade a, 
.detail_summary .area_grade img{vertical-align:middle;}
.detail_summary .area_grade .flL:after{display:block; content:''; clear:both;}
.detail_summary .area_grade .tit_totalGrade{display:inline-block; padding:0px 1px 0 0; font-weight:normal; font-size:13px;}
.detail_summary .area_grade .icon_grade{display:inline-block;}
.detail_summary .area_grade .make_grade{display:inline-block; position:relative; margin:0 1px 0 6px;}
.detail_summary .area_grade .toggle_grade{display:inline-block; width:80px; height:19px; border:1px solid #cbcbcb;padding:0 0 0 5px;}
.detail_summary .area_grade .toggle_grade img{vertical-align:top;}
.detail_summary .area_grade .view_grade{position:absolute; left:0px; top:20px; z-index:2; width:80px; padding:0 0 0 5px; background:#fff; border:1px solid #e5e5e5;}
.detail_summary .area_grade .view_grade li{padding:0 0 1px 0; vertical-align:top;}
.detail_summary .area_grade .view_grade li:after{display:block; content:''; clear:both;}
.detail_summary .area_grade .btn_make_grade{
	display: inline-block;
    width: 31px;
    height: 18px;
    padding: 0 0 1px 0;
    border-radius: 1px;
    background: #757388;
    text-align: center;
    font-weight: bold;
    font-family: '맑은 고딕',Malgun gothic;
    font-size: 11px;
    color: #fff;
    line-height: 18px;
    text-indent: -2px;
}
.detail_summary .area_grade .btn_make_grade:focus{outline:medium; outline:dotted;}

.toggle_metaInfo{float:right; width:105px; height:24px; margin:-4px 0 0 0; padding:0px 0 0 7px; background:#8f91a0; border-radius:1px; font-weight:bold; font-size:11px; color:#fff;}
.toggle_metaInfo:after{display:block; content:''; clear:both;}
.toggle_metaInfo strong{float:left; padding:4px 0 0 0; font-size:11px; color:#fff;}
.toggle_metaInfo img{float:right; font-size:11px; color:#fff;}

.detail_summary dl{margin:4px 0 6px 0;}
.detail_summary dl.ty_B{margin:1px 0 2px 0;}
.detail_summary dl:after{display:block; content:''; clear:both;}
.detail_summary dl dt{float:left; padding:0 5px 0 8px; background:url(/images/uportal/site/sec_summary_dd.png) no-repeat 0% 5px; font-size:11px; color:#999;}
.detail_summary dl :first-child{padding:0 5px 0 0px; background:none;}
.detail_summary dl dd{float:left; padding:0 7px 0 6px; background:url(/images/uportal/site/sec_summary_dt.png) no-repeat 0% 5px; font-size:11px; color:#999;}
.detail_summary dl dt.ty_B{clear:left; padding:0 5px 0 0px; background:none;}
.detail_summary dl .link{font-size:11px; color:#999; text-decoration:underline;}

.detail_summary.type2{padding:21px 0px 17px 0px;}
.detail_summary.type2 .thumbnail{width:auto;}
.detail_summary.type2 .thumbnail img{width:66px; height:66px;}
.detail_summary.type2 .summary{padding:0 10px 0 90px;}

.detail_summary.type2 .summary .textArea{width:80%;}
.detail_summary.type2 .summary .textArea .cont{min-height:37px;}
.detail_summary.type2 .tabArea{position:absolute;top:21px;right:0;z-index:1;}

.detail_summary.buya01{background:url(/images/uportal/site/icon_buya.png) no-repeat 0 23px;}

.select_board{border-top:1px solid #66575a;}
.select_board li{display:table;background:#f2f5f8;width:100%;border-bottom:1px solid #cccccc;}
.select_board li > span{display:table-cell;color:#333333;font-size:15px;font-family:'NotoKrM';padding:14px 5px;text-align:center;}
.hd_no{width:5%;}         	
.hd_viewFileNm{width:53%;}            	
.hd_wrtNm{width:12%}
.hd_ftCrDttm{width:22%;}             	
.hd_link{width:8%;}

.hdNew_no{width:5%;}         	
.hdNew_viewFileNm{width:65%;}            	
.hdNew_wrtNm{width:12%}
.hdNew_ftCrDttm{width:20%;}             	
.hdNew_fileDown{width:10%;}
.hdNew_fileView{width:10%;}

.title_dcsNtcDt{display:none;}


#file-data-list.list_A li{position:relative;display:table;width:100%;border-bottom:1px solid #cccccc;}         	
#file-data-list.list_A li:hover{background:none;}         	
#file-data-list.list_A li > span{display:table-cell;color:#666666;font-size:15px;padding:14px 5px;text-align:center;}
#file-data-list.list_A li > span > em{color:#666666;font-size:15px;vertical-align:middle;}

#file-data-list.list_A .no{width:5%;}         	
#file-data-list.list_A .viewFileNm{width:53%;}            	
#file-data-list.list_A .wrtNm{width:12%}
#file-data-list.list_A .ftCrDttm{width:22%;}             	
#file-data-list.list_A .linkA{width:8%;}

#link-thumbnail-sect > img{max-width:100%;height:100%;}

.select_file_search{padding:10px 0;border:none;background:none;}

h5.ty_A.attachDoc{font-family:'NotoKrM';border-bottom:1px solid #333333;display:block;padding:0 0 8px 14px;font-size:15px;color:#000000;background:url(/images/uportal/site/icon_nemo.png) no-repeat 0 3px;font-weight:500;}

.ot01 {
    color: #d00000;
    font-size: 13px;
    border: 1px solid #d00000;
    width: 72px;
    height: 21px;
    line-height: 21px;
    text-align: center;
    display: inline-block;
    vertical-align:top;
}

@media all and (max-width:1023px) {

.add_line{margin-bottom:10px;}


.detail_summary {padding:48px 9px 8px 9px;}
.detail_summary .thumbnail {display:none;}
.detail_summary .thumbnail2 {display:none;}
.detail_summary .historyDate {float:none;display:block;width:auto;height:auto;padding:10px 0 15px 0;}
.detail_summary .historyDate .tit{display:inline-block;vertical-align:middle;margin-right:10px;}
.detail_summary .historyDate .date{display:inline-block;vertical-align:middle;margin-top:0;}
.detail_summary .summary {width:100%; padding:0px;}
.detail_summary .summary .tit {width:100%; padding:0px 0 3px 0;  font-size:15px; color:#333;}
.detail_summary .summary .cont {width:100%;}
.detail_summary.w_1 .summary {padding:0px;}
.detail_summary.w_2 .summary {width:100%;}
.detail_summary .sortArea{display:block;}
.detail_summary .sort {display:block; float:right; margin:4px 0 0 14px;}
.detail_summary .sort span {font-size:13px; color:#333; letter-spacing:-1px;}
.detail_summary .area_grade {clear:both;padding:3px 0 0 0;}
.detail_summary .area_grade .tit_totalGrade {display:none;}
.detail_summary .area_grade .make_grade {margin:0px;}
.detail_summary .area_grade .toggle_grade {width:78px; padding:0px;}
.detail_summary .area_grade .view_grade {width:78px; padding:0px;}
.detail_summary .area_grade .btn_make_grade {width:24px; line-height:17px;}
.detail_summary .area_grade .toggle_metaInfo {clear:both; width:100px; margin:5px 0 0 0;}
.detail_summary dl {margin:0px;}
.detail_summary dl dt, 
.detail_summary dl dd {background-position:0px 3px;}
.detail_summary dl dt,
.detail_summary dl dt.ty_B, 
.detail_summary dl dd, 
.detail_summary dl dd a {line-height:15px;}

.detail_summary.type2{padding:8px 9px 8px 9px;}
.detail_summary.type2 .summary{padding:0;}
.detail_summary.type2 .summary .textArea{width:100%;}
.detail_summary.type2 .tabArea{position:relative;top:0;padding:10px 0;text-align:right;}
}
@media all and (min-width:1024px) {
*+html .detail_summary {border-bottom:0px;}
*+html .detail_summary .area_grade .tit_totalGrade {float:left}
*+html .detail_summary .area_grade .icon_grade {float:left}
*+html .detail_summary .area_grade .make_grade {float:left}
*+html .detail_summary .area_grade .toggle_grade img {margin-top:-1px;}
*+html .detail_summary .area_grade .btn_make_grade {float:left}
.detail_summary .summary .cont {min-height:50px;font-size:14px;}
.detail_summary .summary .cont.cont_B {min-height:78px;}
.detail_summary .sortArea .sort:first-child{position:absolute; right:75px; top:17px;}
.detail_summary .sortArea .sort:last-child{position:absolute; right:10px; top:17px;}
.detail_summary .sort {display:inline-block; width:60px; height:24px; padding-top:34px; border-radius:3px; background-color:#26baf1; background-repeat:no-repeat; background-position:50% 50%; background-size:58px 58px; text-align:center;}
.detail_summary .sort span {font-size:11px; color:#fff; letter-spacing:-1px;}
.detail_summary .sort.sort_1 {background-image:url('/images/uportal/site/icon_sortMenu_1_on.png');}
.detail_summary .sort.sort_2 {background-image:url('/images/uportal/site/icon_sortMenu_2_on.png');}
.detail_summary .sort.sort_3 {background-image:url('/images/uportal/site/icon_sortMenu_3_on.png');}
.detail_summary .sort.sort_4 {background-image:url('/images/uportal/site/icon_sortMenu_4_on.png');}
.detail_summary .sort.sort_5 {background-image:url('/images/uportal/site/icon_sortMenu_5_on.png');}
.detail_summary .sort.sort_6 {background-image:url('/images/uportal/site/icon_sortMenu_6_on.png');}
.detail_summary .sort.sort_7 {background-image:url('/images/uportal/site/icon_sortMenu_7_on.png');}
.detail_summary .sort.sort_8 {background-image:url('/images/uportal/site/icon_sortMenu_8_on.png');}
.detail_summary .sort.sort_9 {background-image:url('/images/uportal/site/icon_sortMenu_9_on.png');}
}
@media all and (min-width:1024px) and (max-width:979px) {
.detail_summary .thumbnail {width:17%;}
.detail_summary .thumbnail2 {width:17%;}
.detail_summary .summary {width:83%;}
}
/* 상세 요약  E */

/* table */
.table_boardList_A {width:100%; border-collapse:separate; border-spacing:0px 4px;}
.table_boardList_A th {text-align:center;}
.table_boardList_A td {background:#fff;}
.table_boardList_A .area_summary {text-align:left;}
.table_boardList_A .area_summary:after {display:block; content:''; clear:both;}
.table_boardList_A .area_tit {text-align:left;}
.table_boardList_A .area_tit img {vertical-align:middle;}
.table_boardList_A .ellipsis {display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.table_boardList_A .sort strong {font-weight:normal;}
.table_boardList_A .mq_tablet {display:block;font-size:14px;line-height:1.3;}  
.table_boardList_A td img {vertical-align:middle;}
.table_boardList_A .best {font-weight:bold;}
.table_boardList_A .area_txt_A {z-index:3;}

.table_B th{text-align:center;height:30px;font-weight:bold;padding:1px 0 2px 0; background:#fbfbfb; border-top:1px solid #e4e4e4;color:#666;}
.table_B td{padding:8px 0 8px 0; border-top:1px solid #e4e4e4; text-align:center; vertical-align:middle; color:#666;}
.table_B tr:first-child td {border-top:1px solid #919191;}
.table_B tr:last-child td {border-bottom:1px solid #c6c6c6;}
.table_B tr:hover td{background:#e6e6e6;cursor:pointer;}

@media all and (max-width:1023px) {
.table_boardList_A tr:first-child td {border-top:2px solid #666666;}
.table_boardList_A tr td {border-bottom:1px solid #dddddd;}
.table_boardList_A tr.notice td {}
.table_boardList_A .tit {position:absolute; left:24px; width:85%; margin-top:12px; font-family:'NotoKrM'; font-size:15px; color:#4a4a5c;}
.table_boardList_A .thumbnail, 
.table_boardList_A .cont,
.table_boardList_A thead, 
.table_boardList_A .mq_tablet {display:none;}
.table_boardList_A .area_summary {display:block; width:100% !important; height:98px;}
.table_boardList_A.table_boardList_AB .area_tit {display:block; width:100% !important; height:65px;}
.table_boardList_A .area_txt_A {position:absolute; left:24px; margin-top:14px;}
.table_boardList_A .date {position:absolute; left:24px; margin-top:-13px; color:#666666;}
.table_boardList_A .date{margin-top:-12px;}
.table_boardList_A .date.regDttm{margin-top:-10px;}
.table_boardList_A .area_summary.w_1 .tit {height:90px;}
.table_boardList_A .area_summary.w_1 .date,
.table_boardList_A .area_summary.w_1 .clickNum {margin-top:36px;}
.table_boardList_A .area_summary.w_1 .txt_B {position:absolute; left:0px; margin-top:51px;}
.table_boardList_A .clickNum,
.table_boardList_A .sort,
.table_boardList_A .txt_sort,
.table_boardList_A .supply,
.table_boardList_A .writer {position:absolute; left:110px; padding:0  0 0 10px; margin-top:-13px; color:#999 !important; background:url('/images/uportal/site/sec_date.png') no-repeat left 4px;}
.table_boardList_A .reply {position:absolute; right:20px; color:#999 !important;}
.table_boardList_A .supply {left:80px; margin-top:13px;}
.table_boardList_A.table_boardList_AB .date,
.table_boardList_A .date.date_AB, 
.table_boardList_A.table_boardList_AB .sort,
.table_boardList_A.table_boardList_AB .writer {margin-top:0px;}
.table_boardList_A.table_boardList_AB .addFile span,
.table_boardList_A.table_boardList_AB .txt span {position:absolute; right:20px;}
.table_boardList_A .sort strong {color:#999;}
.table_boardList_A .btn_detail {display:block; position:absolute; left:0px; z-index:2; width:100%; height:98px; /*border:1px solid #dddddd;*/}
.table_boardList_A .btn_detail a {display:block; height:98px; margin:0 10px 0 10px; text-indent:-10000px;}
.table_boardList_A.table_boardList_AB .btn_detail,
.table_boardList_A.table_boardList_AB .btn_detail a {height:65px;} 
.table_boardList_A td.noData,
.table_boardList_A.table_boardList_AB td.noData, 
.table_boardList_A td.noData_AB {height:54px; padding:5px 0 6px 0; text-align:center; color:#a0a0a0;}
.table_boardList_A.table_boardList_AB.mq_tablet {display:none;}

table.thd_block thead{display:block;}

}
@media all and (min-width:1024px) {
.table_boardList_A {border-top:2px solid #66575a;border-bottom:1px solid #c6c6c6; border-collapse:collapse; border-spacing:0px;}
.table_boardList_A tr.notice td {background:#f3f3f4;}
.table_boardList_A thead th {font-size:13px;line-height:1.1;height:42px; padding:1px 0 2px 0; background:#fbfbfb;
	border-top:1px solid #e4e4e4; font-weight:normal; color:#000;font-family: 'NotoKrB', sans-serif}
.table_boardList_A td {padding:15px 0 15px 0; border-top:1px solid #e4e4e4; text-align:center; vertical-align:middle; color:#666;}
/* .table_boardList_A tr:first-child td {border-top:1px solid #919191;} */
.table_boardList_A tr:last-child td {border-bottom:1px solid #c6c6c6;}
.table_boardList_A td.talL,
.table_boardList_A td.talR {padding:15px 7px 15px 7px;}
.table_boardList_A.table_boardList_AB td {padding:15px 0;}
.table_boardList_A.table_boardList_AB td.talL,
.table_boardList_A.table_boardList_AB td.talR {padding:7px 7px 8px 7px;}
.table_boardList_A.table_boardList_AB .btn, 
.table_boardList_A.table_boardList_AB .txt {padding:0px; vertical-align:middle}
.table_boardList_A td a.link:hover {color:#30689f; text-decoration:underline;}
.table_boardList_A td a.link:hover span,
.table_boardList_A td a.link:hover strong {text-decoration:underline;}
.table_boardList_A td a.link:hover .txt_C,
.table_boardList_A .area_summary.w_1 a.link:hover .txt_B,
.table_boardList_A .area_summary.w_1 a.link:hover .time {text-decoration:none;}
.table_boardList_A td.noData, 
.table_boardList_A td.noData_AB {padding:7px 0 8px 0; color:#a0a0a0;}
.table_boardList_A .thumbnail {display:inline-block; position:relative; width:20%;background:#3bafff;border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;height:60px;width:60px;margin:0 10px 0 0;text-align:center;vertical-align:middle;}
.table_boardList_A .thumbnail img {vertical-align:middle;margin:12px 0 0 0;width:40px;max-height:40px;}
.table_boardList_A .thumbnail .icon_gallery {width:60px; height:60px;}
.table_boardList_A .summary {display:inline-block; width:100%; vertical-align:middle;}
.table_boardList_A .tit {display:block; color:#666;}
.table_boardList_A .cont {font-size:15px;display:block; padding:5px 0 4px 0; color:#666; line-height:1.3;}
.table_boardList_A .date {display:inline-block; color:#666666;font-size:15px;line-height:1.3;}
.table_boardList_A .txt_A {margin-left:-1px;}
.table_boardList_A .clickNum {display:inline-block; padding:0 0 0 16px; background:url('/images/uportal/site/sec_date.png') no-repeat 5px 3px; color:#999;}
.table_boardList_A .reply img {display:none;}
.table_boardList_A .thumbnail .time {position:absolute; left:142px; bottom:0px; z-index:2; width:38px; height:14px; background:#372f2c; opacity:.80; filter:alpha(opacity=80); text-align:center; font-size:11px; font-family:'맑은 고딕',Malgun gothic; color:#fff; line-height:13px;}
.table_boardList_A .sort {display:inline-block; width:87px; height:24px;box-sizing:border-box;border-radius:2px; border:1px solid #c6c6c6;text-align:center;background-color:#9e9e9e;color:#fff;}
/* .table_boardList_A .sort:before{display:inline-block;content:'';height:22px; width:18px;margin-right:3px;vertical-align:top;background-repeat:no-repeat; background-position:50% 60%; background-size:auto 16px; } */
.table_boardList_A .sort strong{display:inline-block;line-height:24px;}
.table_boardList_A .sort + .sort{margin-top:3px;}
.table_boardList_A .sort.sort_1:before {background-image:url('/images/uportal/site/ico_sortMenu_1_s_on.png');}
.table_boardList_A .sort.sort_2:before {background-image:url('/images/uportal/site/ico_sortMenu_2_s_on.png');}
.table_boardList_A .sort.sort_3:before {background-image:url('/images/uportal/site/ico_sortMenu_3_s_on.png');}
.table_boardList_A .sort.sort_4:before {background-image:url('/images/uportal/site/ico_sortMenu_4_s_on.png');}
.table_boardList_A .sort.sort_5:before {background-image:url('/images/uportal/site/ico_sortMenu_5_s_on.png');}
.table_boardList_A .sort.sort_6:before {background-image:url('/images/uportal/site/ico_sortMenu_6_s_on.png');}
.table_boardList_A .sort.sort_7:before {background-image:url('/images/uportal/site/ico_sortMenu_7_s_on.png');}
.table_boardList_A .sort.sort_8:before {background-image:url('/images/uportal/site/ico_sortMenu_8_s_on.png');}
.table_boardList_A .sort.sort_9:before {background-image:url('/images/uportal/site/ico_sortMenu_9_s_on.png');}
.table_boardList_A .txt_sort {display:inline-block; font-size:11px; color:#999999; letter-spacing:-1px;vertical-align:top;}
.table_boardList_A .sort strong {display:inline-block; font-size:11px; color:#ffffff; letter-spacing:-1px;vertical-align:top;}


.table_boardList_A .W300 {width:300px;}
.table_boardList_A .W300.infNm {font-size:15px;width:400px;font-weight:500; font-family: 'NotoKrM'; color: #000000;margin-bottom:4px;}
.table_boardList_A .w_400 {width:400px;}
.table_boardList_A .w_500 {width:500px;} 
.table_boardList_A .btn_detail {display:none;}
.table_boardList_A .area_summary.w_1 .thumbnail {width:25.4%;}
.table_boardList_A .area_summary.w_1 .summary {width:73.6%; padding:0px;}
.table_boardList_A .area_summary.w_2 .thumbnail {width:0%;}
.table_boardList_A .area_summary.w_2 .summary {width:100%; padding:0px 0 0 10px;  box-sizing:border-box;}
}

.txt_A {display:inline-block; width:42px; height:19px; background:#4b4a5c; border-radius:1px; text-align:center; vertical-align:middle; font-weight:bold; font-family:'맑은 고딕',Malgun gothic; font-size:10px; color:#fff; line-height:18px;}
.module_dataSet_service .txt_A {width:36px; margin-left:-1px; font-size:9px;}
@media all and (min-width:1024px) and (max-width:979px) {
.module_dataSet_service .txt_A {width:32px;}
}
.txt_A.txt_A_1 {background:#df6473;}
.txt_A.txt_A_2 {background:#cf6929;}
.txt_A.txt_A_3 {background:#a764df;}
.txt_A.txt_A_4 {background:#6487df;}
.txt_A.txt_A_5 {background:#95995f;}
.txt_A.txt_A_6 {background:#4a4a5c;}
.txt_A.txt_A_7 {background:#4272af;}
.txt_A.txt_A_7.type2{width:auto;padding:0 10px;white-space:nowrap;line-height:18px;}
.txt_A.txt_A_7.type2 i{margin-right:5px;line-height:17px;}
.txt_B {display:inline-block; width:42px; height:18px; margin:0 2px 0 0; background:#4b4a5c;  border-radius:1px; text-align:center; vertical-align:middle; font-weight:bold; font-family:'맑은 고딕',Malgun gothic; font-size:10px; color:#fff; line-height:16px;}
.txt_C {display:inline-block; width:32px; height:16px; margin:0 2px 0px 0; background:#4a4a5c; border-radius:1px; text-align:center; vertical-align:middle; font-weight:bold; font-size:11px; color:#fff; line-height:15px; letter-spacing:-1px;}
.txt_new {display:inline-block; width:26px; height:15px; margin:0 0px 1px 0; background:url('/images/uportal/site/txt_new.png') no-repeat 0 0px; background-size:26px 15px; vertical-align:middle; font-size:11px; color:#fff; line-height:15px; }
.txt_D {display:inline-block; width:54px; height:19px; margin-bottom:1px; border-radius:1px; text-align:center; vertical-align:middle; font-size:11px; color:#fff; line-height:18px;}
.txt_D.txt_D_answer {background:#f15c22;}
.txt_D.txt_D_standby {background:#2abab1;}
.txt_D.txt_D_inquiry {background:#4b4a5c;}
.txt_D.txt_D_impossibility {background:#b2b2b8;}
@media all and (max-width:1023px) {
.txt_C {display:none;}
}

.table_boardList_B { box-sizing:border-box; width:100%; background:#fff; border-bottom:1px solid #dbdbdb;}
.table_boardList_B tr:hover {background:#f3fafb;}
.table_boardList_B thead th { box-sizing:border-box; height:30px; padding:0px 0 1px 0; background:#f9f9f9; border-left:1px solid #e9e9e9; border-top:1px solid #dbdbdb; text-align:center; vertical-align:middle; font-size:15px; color:#434343;font-weight:normal;font-family:'NotoKrM';}
.table_boardList_B td { box-sizing:border-box; padding:8px 0 9px 0; border-left:1px solid #e9e9e9; border-top:1px solid #e9e9e9; text-align:center; vertical-align:middle; color:#7b7b7b;font-size:14px;}
.table_boardList_B th:first-child, 
.table_boardList_B td:first-child {border-left:none;}
.table_boardList_B td.talL {text-align:left; padding:5px 5px 6px 5px;}
.table_boardList_B td.talR {text-align:right; padding:5px 5px 6px 5px;}
.table_boardList_B td a.link {display:inline-block; vertical-align:middle; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.table_boardList_B td a.link:hover {color:#30689f; text-decoration:underline;}
.table_boardList_B td a.link img {vertical-align:middle;}
.table_boardList_B td .ellipsis {display:inline-block; vertical-align:middle; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.table_boardList_B td.noData {color:#284e85;}
.table_boardList_B td input.radio {border:0px;}
.table_boardList_B td input.chk {border:0px;}
@media all and (max-width:1023px) {
.table_boardList_B thead th {height:32px; font-size:13px; letter-spacing:-1px;}
.table_boardList_B td {padding:4px 0 5px 0; font-size:12px; letter-spacing:-1px;}
.table_boardList_B td span {font-size:12px; letter-spacing:-1px;}
.table_boardList_B.mq_tablet,
.table_boardList_B .mq_tablet {display:none;}
}
@media all and (min-width:1024px) {
.table_boardList_B.mq_mobile {display:none;}
}

.table_datail_A {width:100%;}
.table_datail_A th {font-size:14px;text-align:center; vertical-align:middle; font-weight:400; color:#555555; font-family:'NotoKrM';}
.table_datail_A td {font-size:14px;border-bottom:1px solid #e9e9e9; color:#797979;}
.table_datail_A td pre{font-size:14px;font-family:'NotoKrR';}
.table_datail_A .point {color:#f45b21;}
@media all and (max-width:1023px) {
.table_datail_A { box-sizing:border-box; background:#fff url('/images/uportal/site/bg_table_datail_A_th.png') repeat-y 0 0px; border-top:1px solid #dbdbdb;}
.table_datail_A th { box-sizing:border-box; position:absolute; z-index:2; width:100px; padding:4px 0 5px 0; letter-spacing:-1px;}
.table_datail_A td { box-sizing:border-box; display:block; width:100%; min-height:30px; padding:4px 5px 5px 0; padding-left:110px;}
.table_datail_A .mq_tablet {display:none;}
}
@media all and (min-width:1024px) {
.table_datail_A tr:first-child th {border-top:1px solid #dbdbdb;}
.table_datail_A tr:first-child td {border-top:1px solid #dbdbdb;}
.table_datail_A th {padding:11px 0 12px 0; background:#f9f9f9; border-bottom:1px solid #e9e9e9;}
.table_datail_A td {padding:11px 0 12px 0; padding-left:1.53%;}
.table_datail_A tr:last-child th,
.table_datail_A tr:last-child td {border-bottom:1px solid #dbdbdb;}
.table_datail_A.width_A th {width:12.24%;}
.table_datail_A.width_A td {width:36.23%;}
.table_datail_A.width_A td.ty_AB {width:86.23%;}
.table_datail_A.w_2 th {width:15.24%;}
.table_datail_A.w_2 td {width:33.23%;}
.table_datail_A.w_2 td.ty_AB {width:86.23%;}
.table_datail_A.w_3 th {width:15.77%;}
.table_datail_A.w_3 td {width:17.5633333%; padding-left:10px; padding-right:10px;}
}

/* table 등록 */
.table_datail_AB {width:100%;}
.table_datail_AB tr:first-child th {border-top:1px solid #dbdbdb;}
.table_datail_AB tr:first-child td {border-top:1px solid #dbdbdb;}
.table_datail_AB th {background:#f9f9f9; border-bottom:1px solid #e9e9e9; text-align:center; vertical-align:middle; font-weight:normal; color:#444;}
.table_datail_AB td { box-sizing:border-box; background:#fff; border-bottom:1px solid #e9e9e9; color:#797979; word-break:break-all;}
.table_datail_AB td input { box-sizing:border-box; height:23px; border:1px solid #ddd; vertical-align:middle;}
.table_datail_AB td select { box-sizing:border-box; border-radius:0; height:23px; border:1px solid #ddd; vertical-align:middle;}
.table_datail_AB td textarea { box-sizing:border-box; width:100%; height:200px; border:1px solid #ddd;}
.table_datail_AB td textarea.ty_AB {height:100px;}
.table_datail_AB td img {vertical-align:middle;}
.table_datail_AB .f_110px {width:110px;}
.table_datail_AB .f_170px {width:170px;}
.table_datail_AB .f_6per {width:6%;}
.table_datail_AB .f_7per {width:7%;}
.table_datail_AB .f_8per {width:8%;}
.table_datail_AB .f_35per {width:35%;}
.table_datail_AB .f_44per {width:44%;}
.table_datail_AB .f_65per {width:65%;}
.table_datail_AB .f_90per {width:89%;}
.table_datail_AB .f_100per {width:100%;}
.table_datail_AB .desc {padding:1px 0 0 14px; background:url('/images/uportal/site/bul_sq_A.png') no-repeat 8px 7px; font-size:11px; color:#999; line-height:19px;}
.table_datail_AB th label strong {padding:0 10px 0 0px; background:url('/images/uportal/site/bul_requisite.png') no-repeat right 5px; font-weight:normal; color:#777;}
.table_datail_AB th label strong span {position:absolute; left:-10000px; text-indent:-10000px;}
.table_datail_AB .point {color:#f45b21;}
.table_datail_AB .pwd {font-size:10px; line-height:18px;}
@media all and (max-width:1023px) {
.table_datail_AB th { box-sizing:border-box; padding:4px 0 5px 0; letter-spacing:-1px;}
.table_datail_AB td {padding:4px 5px 5px 5px; background:#fff;}
.table_datail_AB td.ty_B {padding-top:4px; padding-bottom:4px;}
.table_datail_AB td input {height:25px;}
.table_datail_AB td select {height:25px;}
.table_datail_AB td textarea, 
.table_datail_AB td textarea.ty_AB {height:120px;}
.table_datail_AB.w_1 th {width:25%;}
.table_datail_AB.w_1 td.ty_AB {width:75%;}
.table_datail_AB .f_170px.f_100per,
.table_datail_AB .f_90per.f_70per {width:70%;}
.table_datail_AB .f_6per.f_23per,
.table_datail_AB .f_8per.f_23per {width:23%;}
.table_datail_AB .f_35per.f_57per,
.table_datail_AB .f_44per.f_57per {width:57%;}
.table_datail_AB .f_110px.f_46per,
.table_datail_AB .f_170px.f_46per {width:46%;}
.table_datail_AB .f_7per.f_20per {width:20%;}
.table_datail_AB .f_8per_mq_mobile {width:8%;}
.table_datail_AB .f_46per_mq_mobile {width:46%;}
.table_datail_AB .f_50per_mq_mobile {width:50%;}
.table_datail_AB .f_100per_mq_mobile {width:100%;}
.table_datail_AB .f_mgT3_mq_mobile {display:inline-block; margin:3px 0 0 0;}
.table_datail_AB .desc {display:block; padding:1px 0 0 6px; background-position:0px 9px;}
.table_datail_AB .chk,
.table_datail_AB .radio {margin:0 10px 0 0px; vertical-align:middle; line-height:20px;}
.table_datail_AB .chk input,
.table_datail_AB .radio  input {vertical-align:middle; line-height:20px;}
.table_datail_AB .chk label,
.table_datail_AB .radio label {margin:0 0px 0 4px; vertical-align:middle; line-height:20px;}
.table_datail_AB .chk.secret {margin:0 0 0 1px !important; vertical-align:middle; line-height:20px;}
.table_datail_AB .chk.secret label {margin:0 0 0 2px !important; vertical-align:top; font-size:12px; line-height:25px;}
.table_datail_AB .area_form_radio_B .radio {display:block;}
}
@media all and (min-width:1024px) {
.table_datail_AB th {padding:7px 0 8px 0;}
.table_datail_AB td {padding:7px 0 8px 0; padding-left:1.53%;}
.table_datail_AB td.ty_B {padding-top:5px; padding-bottom:5px;}
.table_datail_AB tr:last-child th,
.table_datail_AB tr:last-child td {border-bottom:1px solid #dbdbdb;}
.table_datail_AB.w_1 th {width:15.77%;}
.table_datail_AB.w_1 td {width:34.23%; padding-left:10px; padding-right:10px;}
.table_datail_AB.w_1 td.ty_AB {width:84.23%;}
.table_datail_AB .chk,
.table_datail_AB .radio {margin:0 22px 0 0px; vertical-align:middle;}
.table_datail_AB .chk label,
.table_datail_AB .radio label {margin:0 0px 0 4px; vertical-align:middle;}
.table_datail_AB .chk.secret {margin:0 0 0 5px !important;}
.table_datail_AB .chk.secret label {margin:0 0 0 4px !important;}
}

.file_B li {padding:4px 0 0 0;}
.file_B li:first-child {padding:0px;}
.file_B li:after {display:block; content:''; clear:both;}
.file_B li input {width:93%; border:0px;}
.file_B.file_BB li input {border:1px solid #ddd;}
.file_B li input.f_90per {width:90%;}
.file_B li img {vertical-align:middle;}
@media all and (max-width:1023px) {
.file_B li {padding:3px 0 0 0;}
.file_B li input {width:80%;}
.file_B li input.f_90per.f_80per,
.file_B li input.f_65per.f_80per {width:80%;}
}
.file {padding:0 0 1px 19px; background-repeat:no-repeat; background-position:0 3px; }
.table_datail_AB .list_file {margin:4px 0 1px 0;}
.table_datail_AB .file {background-position:0 1px; line-height:19px;}
.table_datail_B .file {display:block;}
.file.ty_A_1 {background-image:url('/images/uportal/site/icon_file_A_1.png'); text-decoration:underline;}
.file.ty_A_2 {background-image:url('/images/uportal/site/icon_file_A_2.png'); text-decoration:underline;}
.file.ty_A_3 {background-image:url('/images/uportal/site/icon_file_A_3.png'); text-decoration:underline;}
.file.ty_A_4 {background-image:url('/images/uportal/site/icon_file_A_4.png'); text-decoration:underline;}
.file.ty_A_5 {background-image:url('/images/uportal/site/icon_file_A_5.png'); text-decoration:underline;}
.file.ty_A_6 {background-image:url('/images/uportal/site/icon_file_A_6.png'); text-decoration:underline;}
.file.ty_A_7 {background-image:url('/images/uportal/site/icon_file_A_7.png'); text-decoration:underline;}

/* Form type */
.area_form:after {display:block; content:''; clear:both;}
.area_form .divi_select, 
.area_form .divi_form {display:block; float:left; padding-left:4px;  box-sizing:border-box;}
.area_form .divi_form.divi_form_AB {padding-left:0px; padding-right:20px;}
.area_form .divi_form.divi_form_AC {padding-left:10px;}
.area_form .txt {float:left; padding:0 4px;  box-sizing:border-box;}
@media all and (max-width:1023px) {
.area_form .txt {padding:0 2px;}
.area_form .divi_select.paL0_mq_mobile {padding-left:0px;}
.area_form .divi_form.divi_form_AB {padding-left:0px; padding-right:0px;}
}
/* Form type E */

.table_datail_B {width:100%;}
.table_datail_B th {background:#f9f9f9;  box-sizing:border-box; border-bottom:1px solid #c6c6c6; text-align:center; font-weight:normal; color:#777;}
.table_datail_B th.area_tit {padding:8px 0 1px 10px !important; background:#f9f9f9; border-top:1px solid #919191; border-bottom:0px; text-align:left; vertical-align:top;}
.table_datail_B th.area_tit:after {display:block; content:''; clear:both;}
.table_datail_B th.area_tit .tit {float:left; font-weight:bold; color:#555;}
.table_datail_B th .replyNum {font-size:11px; color:#407FD5; font-weight:normal;}
.table_datail_B th .replyNum strong {font-size:11px; color:#407FD5; font-weight:bold;}
.table_datail_B td {background:#fff;  box-sizing:border-box; border-bottom:1px solid #c6c6c6; color:#666;}
.table_datail_B img {vertical-align:middle;}
.table_datail_B td.cont {padding:18px 10px 21px 10px !important;}
.table_datail_B td.cont pre {line-height:20px;}
.table_datail_B td.cont .sTit {padding:20px 0 0 0; font-weight:bold; font-size:14px;}
.table_datail_B td.cont .sTit:first-child {padding:0px;}
.table_datail_B td.answer {padding:18px 10px 21px 10px !important; background:#f9f9f9;}
.table_datail_B td.answer .tit {display:block; margin:0 0 5px 0; color:#555;}
.table_datail_B td.answer .cont {line-height:20px;}
.table_datail_B td.ty_B {padding:0px 10px 8px 0px !important; background:#f9f9f9;}
.table_datail_B td.ty_B.ty_C {padding:0px 10px 8px 0px !important; background:#fff;}
.table_datail_B td.ty_B:after {display:block; content:''; clear:both;}
.table_datail_B td.ty_B dl {float:left;}
.table_datail_B td.ty_B dl:after {display:block; content:''; clear:both;}
.table_datail_B td.ty_B dt {float:left; padding:0 0px 0 19px; background:url('/images/uportal/site/sec_table_datail_B_dt.png') no-repeat 9px 4px; color:#777;}
.table_datail_B td.ty_B dt:first-child {padding:0 0px 0 10px; background:none;}
.table_datail_B td.ty_B dd {float:left; padding:0 0px 0 12px; background:url('/images/uportal/site/sec_table_datail_B_dd.png') no-repeat 5px 4px; color:#777;}
.table_datail_B td dl.ty_B {margin:13px 0 0px 0;}
.table_datail_B td dl.ty_B:after {display:block; content:''; clear:both;}
.table_datail_B td dl.ty_B dt {float:left; padding:0 0px 0 10px; background:url('/images/uportal/site/sec_table_datail_B_dt.png') no-repeat 0px 4px; font-size:11px; color:#777;}
.table_datail_B td dl.ty_B dt:first-child {padding:0px; background:none;}
.table_datail_B td dl.ty_B dd {float:left; padding:0 0px 0 12px; background:url('/images/uportal/site/sec_table_datail_B_dd.png') no-repeat 5px 4px; font-size:11px; color:#777;}
.table_datail_B td dl.ty_B .file {font-size:11px;}
.table_datail_B.w_1 th {width:15%; padding:7px 0 8px 0px;}
.table_datail_B.w_1 td {width:85%; padding:7px 0 8px 10px;}
@media all and (max-width:1023px) {
.table_datail_B th.area_tit {padding:6px 0 1px 6px !important;}
.table_datail_B td.cont {padding:8px 7px 11px 10px !important;}
.table_datail_B td.ty_B {padding:0px 5px 5px 0px !important;}
.table_datail_B td.ty_B dt {float:left; padding:0 0px 0 8px; background:url('/images/uportal/site/sec_table_datail_B_dt.png') no-repeat 3px 5px; font-size:11px;}
.table_datail_B td.ty_B dt:first-child {padding:0 0px 0 7px;}
.table_datail_B td.ty_B dd {float:left; padding:0 0px 0 6px; background:url('/images/uportal/site/sec_table_datail_B_dd.png') no-repeat 2px 5px; font-size:11px;}
.table_datail_B .mq_tablet {display:none;}
.table_datail_B.w_1 td {width:100%;}
}
/* table */

.toggle_search_C {display:flex;justify-content:center;align-items:center;  box-sizing:border-box; height:29px; background:#fcfcfc; border:1px solid #dbdbdb; text-align:center; font-family:'NotoKrM'; color:#7c7c7c;}
.toggle_search_C img {margin:0 0 0 5px; vertical-align:middle;}
.view_search_C, 
.close_search_C { box-sizing:border-box; width:100%; background:#fff; border:1px solid #dbdbdb; padding:6px 0 13px 0;}
.search_C {padding:8px 0 9px 0;}
.view_search_C {display:block;} 
.close_search_C {display:none;}
.view_search_C:after,
.close_search_C:after {display:block; content:''; clear:both;}
.toggle_search_C + .view_search_C,
.toggle_search_C + .close_search_C {border-top:0px;}
.table_search_C {width:100%;}
.table_search_C th { box-sizing:border-box; background:url('/images/uportal/site/bul_sq_A.png') no-repeat 18px 13px; text-align:left; vertical-align:top; font-weight:normal; color:#777;}
.table_search_C th.ty_B {background:none; color:#444;}
.table_search_C th label {color:#777;}
.table_search_C th label strong {padding:0 10px 0 0; background:url('/images/uportal/site/bul_requisite.png') no-repeat right 4px; font-weight:normal; color:#777;}
.table_search_C th label strong span {position:absolute; left:-10000px; text-indent:-10000px;}
.table_search_C td { box-sizing:border-box; vertical-align:top;}
.table_search_C td img {vertical-align:middle;}
.table_search_C td input {display:inline-block;  box-sizing:border-box; height:22px;  border-radius:0px; border:1px solid #d5d5d5; vertical-align:middle;}
.table_search_C td input.right {text-align:right;}
.table_search_C td input.center {text-align:center;} 
.table_search_C td select {display:inline-block;  box-sizing:border-box; height:22px; border-radius:0px; border:1px solid #d5d5d5; vertical-align:middle;}
.table_search_C td span.radio, 
.table_search_C td span.chk {margin:0 16px 0 0;}
.table_search_C td span.radio label, 
.table_search_C td span.chk label {margin:0 0px 0 4px;}
.area_btn_search_C {display:block; margin:2px 0 0 0; text-align:center;}
.table_search_C .desc {font-size:11px; color:#888; line-height:18px;}
.table_search_C .desc.block,
.table_search_C p.desc {padding:4px 0 0 0;}
@media all and (max-width:1023px) {
.table_search_C th {position:absolute; z-index:2; width:100px; padding:4px 0 5px 16px; background-position:8px 13px; letter-spacing:-1px;}
.table_search_C td {display:block; width:100%; padding:4px 10px 5px 10px; padding-left:100px;}
.table_search_C.w_2 th {width:25%;}
.table_search_C.w_2 td {width:100%; padding:4px 10px 5px 10px; padding-left:25%;}
.table_search_C th.ty_B {padding:6px 0 0px 10px;}
.table_search_C td span.radio, 
.table_search_C td span.chk {margin:0 6px 0 0;}
.table_search_C td span.radio label, 
.table_search_C td span.chk label {margin:0 0px 0 2px; font-size:12px; letter-spacing:-1px;}
.table_search_C th label strong span {position:absolute; left:-10000px; top:0px;}
.table_search_C .f_93per.f_83per {width:80%;}
}
@media all and (min-width:1024px) {
.table_search_C th {padding:6px 0 0px 26px;}
.table_search_C th.ty_B {padding:6px 0 0px 22px;}
.table_search_C td {padding:4px 10px 3px 10px;}
.table_search_C.width_A th {width:16%;}
.table_search_C.width_A td {width:84%;}
.table_search_C.w_2 th {width:14.5%;}
.table_search_C.w_2 td {width:85.5%;}
.table_search_C .f_93per {width:93%;}
}

/* 파일 list */
.list_A {width:100%; background:#fff; /*border-top:1px solid #4b4a5c;*.*/}
.list_A li {border-bottom:1px solid #dbdbdb;}
.list_A li:after {display:block; content:''; clear:both;}
.list_A li:after {display:block; content:''; clear:both;}

.list_A li:hover,
.list_A li.on {background:#f9f9f9;}
.list_A span.ty_A {float:left; display:inline-block; padding:8px 7px 6px 9px; text-align:left; vertical-align:middle;}
.list_A .link {float:left; display:inline-block; overflow:hidden; padding:13px 7px 9px 9px; text-align:left; text-overflow:ellipsis; white-space:nowrap;}
.list_A .link:hover {font-weight:bold; text-decoration:underline;}
.list_A .btn {float:right; padding:6px 10px 7px 0;}
.list_A .icon_file_A {vertical-align:middle;}
.list_A .w_1 span.ty_A {width:75%}
.list_A .w_3 span.ty_A {width:80%}
.list_A .w_1 .link,
.list_A .w_3 .link {float:none; overflow:hidden; width:75%; padding:14px 0 2px 0; vertical-align:middle; text-overflow:ellipsis; white-space:nowrap;}
.list_A .w_2 .link {width:85%}
.list_A .w_3 .link {width:100%}
.list_A .txt_A {float:left; margin:8px 0 0 10px;}
.list_A li.noData {padding:8px 0px 9px 0px; text-align:center; color:#284e85;}
@media all and (max-width:1023px) {
.list_A .link {display:block;  box-sizing:border-box; padding:6px 7px 3px 9px; word-break:break-all;}
.list_A .w_1 span.ty_A,
.list_A .w_3 span.ty_A, 
.list_A .w_1 .link, 
.list_A .w_2 .link { box-sizing:border-box; width:100%;} 
.list_A .w_3 span.ty_A {width:82%;}
.list_A .w_1 .link {display:inline-block;}
.list_A .w_3 .link {width:100%; display:inline-block;}
.list_A .w_1 .btn,
.list_A .w_2 .btn,
.list_A .w_3 .btn {padding:0px 10px 8px 10px;}
.list_A .btn_D {height:19px; line-height:18px;}
.list_A .mq_tablet {display:none}
}

/* bullet list */
.list_B {margin:0px 0px 0px 10px;}
.list_B li {padding:0px 7px 2px 8px; background:url('/images/uportal/site/bul_sq_AB.png') no-repeat 0px 9px; color:#878787;}
.list_B li a:hover {text-decoration:underline;}
.list_B_B li {padding:0px 7px 2px 12px; background:url('/images/uportal/site/bul_bar_A.png') no-repeat 0px 9px; color:#666;}
.list_B_B li a:hover {text-decoration:underline;}
@media all and (max-width:1023px) {
.list_B li,
.list_B li a,
.list_B li span {font-size:13px; word-break:break-all;}
}

/* OpenAPI */
.section_OpenAPI .tab_B {margin:22px 0 0 0;}
.OpenAPI_address {padding:10px 0px 10px 0px;}
.section_OpenAPI .tab_B a {width:13%;}
.iframe_sampleTest, 
.iframe_sampleURL {width:100%; height:270px; margin:12px 0 0 0; background:#f9fafb; }
.sampleTest, 
.sampleURL {overflow-y:scroll;  box-sizing:border-box; width:100%; height:270px; padding:10px; border:1px solid #ddd;}
@media all and (max-width:767px) {
.section_OpenAPI {padding:38px 0 0 0;}
.OpenAPI_address {padding:6px 0px 6px 0px;}
.section_OpenAPI .tab_B {margin:20px 0 0 0;}
.section_OpenAPI .tab_B a {width:25%;}
.section_OpenAPI .tab_B a:last-child strong {background:none;}
.section_OpenAPI .mq_tablet {display:none;}
.section_OpenAPI .box_A .list_B {margin:0px 0px 0px 3px;}
.section_OpenAPI .tab_B_cont .box_A {margin:10px 0 0 0;}
}
@media all and (min-width:768px) {
.section_OpenAPI .mq_mobile {display:none;}
.section_OpenAPI .area_btn_D {margin:24px 0 5px 0;}
.section_OpenAPI .tab_B_cont .box_A {margin:15px 0 0 0;}
}
/* OpenAPI E */

/* box */
.box_A {background:#f9f9f9; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;}
.box_AB {border-top:2px solid #4a4a5c; border-bottom:1px solid #e4e4e4;}
.box_B {background:#fff; border:1px solid #dbdbdb;}
.box_BB {background:#f9f9f9; border:1px solid #e4e4e4;}
.box_C {background:#fff; border:1px solid #78d4f6;}
/* box E */

/* bullet list */
.list_B {margin:0px 0px 0px 10px;}
.list_B li {padding:4px 7px 4px 8px; background:url('/images/uportal/site/bul_sq_AB.png') no-repeat 0px 9px; color:#878787;font-size:14px;}
.list_B li a:hover {text-decoration:underline;}
.list_B_B li {padding:4px 7px 4px 12px; background:url('/images/uportal/site/bul_bar_A.png') no-repeat 0px 9px; color:#666;}
.list_B_B li a:hover {text-decoration:underline;}
@media all and (max-width:1023px) {
.list_B li,
.list_B li a,
.list_B li span {font-size:13px; word-break:break-all;}
}

.juyo_txt{font-size:15px;line-height:33px;}

.infoP{display:block;line-height:1;padding-bottom:8px;}
.infoP strong{display:block;font-size:15px;color:#000000;}
.infoP strong:before{content:"ㆍ";}

.board-list01.table_border_u th,
.board-list01.table_border_u td{border:1px solid #dddddd;font-size:15px;}
.board-list01.table_border_u td.left span{font-size:14px;color:#9e9e9e;}

.top_sns{background:url(/images/uportal/site/icon_top_sns.png) no-repeat 0 center;padding-left:18px;background-size:auto 16px;}
.top_rss{background:url(/images/uportal/site/icon_top_sns.png) no-repeat -50px center;padding-left:19px;background-size:auto 16px;}

.search-box02.ml200{margin-left:200px;}

.skip_table a{position:absolute;top:-99999px;left:-99999px;overflow:hidden;}
.skip_table a:focus{position:relative;top:0;left:0;overflow:visible;width:100%;color:#333333;margin:0 0 5px 0;}
.skip_table a:after{content:" ▶";}

.skip_btn a{position:absolute;top:-99999px;left:-99999px;overflow:hidden;}
.skip_btn a:focus{position:relative;top:0;left:0;overflow:visible;width:100%;color:#333333;margin:0 0 5px 0;}
.skip_btn a:after{content:" ▶";}


div.join_step02 .tit p {padding-top: 0}
div.join_step02 dl {text-align:center;margin-top:100px;}
div.join_step02 dl:after {clear:both; content:""; display:block;}
div.join_step02 dl dt h4 {padding:0 0 20px 0;}
div.join_step02 dl dt p a {display:inline-block; font-size:15px; color:#fff; width:140px; height:42px; line-height:42px; background-color:#333; border-radius:5px;margin-top:70px;}
div.join_step02 dl dt p a:hover {background-color:#222;}
.exp_acc_desc{margin-top:50px;padding:20px;background:#f6f6f6;}

.join_step02{position:relative;background:url(/images/uportal/site/img_kookmin.png) no-repeat 0 0;height:382px;}
.join_step02 a{
    display: inline-block;
    background: #4b5a69;
    color: #ffffff;
    padding: 15px 25px;
    font-size: 15px;
    position: absolute;
    top: 240px;
    left: 300px;
}
.js_desc{padding:12px 0 0 0;font-size:14px;line-height:1.2;}

.rss_title{background:url(/images/uportal/site/icon_rss_l.png) no-repeat right bottom;padding:30px 150px 3px 0;}
.rss_title h4{
	color: #333333;
    font-size: 32px;
    margin-bottom: 20px;
    font-family: 'NotoKrM', NotoKrM, sans-serif;
    font-weight: 500;	
}
.rss_title h4 span{color:#C11C1C;}
.rss_title p{
	font-size: 15px;
    line-height: 1.4;
    margin-bottom: 25px;
}    
.rss_p{
	font-size: 15px;
    line-height: 1.4;
    margin-bottom: 25px;
}

.rss_img{
	text-align:center;
	margin-bottom:25px;
}
.rss_img img{
	max-width:100%;
}

.rss_hanrss{
	display:flex;
	justify-content:space-between;
}

.rss_hanrss li{
	width:50%;
	margin-left:10px;
}
.rss_hanrss div{background:#e6e6e6;text-align:center;padding:20px;height:100%;box-sizing:border-box;
	border-radius:8px;
	-webkit-border-radius:8px;
}
.rss_hanrss div a{word-break:break-all;}
.rss_hanrss strong{font-size:23px;display:block;margin:0 0 10px 0;color:#000000;line-height:1;}

.popup_help{background:#07535e;padding:15px}
.popup_help h2{color:#ffffff;font-size:19px;font-family:'NotoKrM';font-weight:normal;color:#ffffff;}
.popup_help_content{text-align:center;}
.help_pop_area{}
.help_pop_area h3{
	display: block;
    background: #e3effb;
    text-align: left;
    height: 33px;
    font-size: 16px;
    font-family: 'NotoKrM';
    font-weight: normal;
    line-height: 33px;
    padding-left: 10px;
    color: #003b77;
}
.help_pop_inner{overflow:hidden;padding:20px 20px 0 20px;background:#ffffff;}
.help_pop_img{float:left;width:400px;border:1px solid #c5c5c5;text-align:center;}
.help_pop_img img{max-width:100%;max-height:100%;display:inline-block !important;}
.help_pop_txt{
	float: right;
    background: #efefef;
    padding: 0 10px;
    box-sizing: border-box;
    width: 550px;
    text-align: left;
    height: 390px;
    overflow-y: auto;
}
.help_pop_txt li{position:relative;margin:10px 0;}
.help_pop_txt li em{position:absolute;top:0;left:0;font-family:Arial;display:inline-block;background:#ff6207;font-style:normal;font-size:11px;text-align:center;color:#ffffff;width:18px;height:18px;line-height:18px;font-weight:bold;
    border-radius:16px;
    -webkit-border-radius:16px;
    -moz-border-radius:16px;
    -o-border-radius:16px;
}
.help_pop_txt li span{margin:0 0 0 21px;display:block;font-size:13px;}

.bx-wrapper{margin-bottom:35px !important;}

.btn_x{position:absolute;top:17px;right:30px;display:block;text-indent:-9999px;width:20px;height:20px;background:url(/images/uportal/site/btn_close_x.png) no-repeat center center;}

#stat_title img{height:17px !important;margin:0 0 2px 3px;}
.dynatree-title em img{height:14px !important;margin-bottom:2px;}

.reg-email label{vertical-align:top;margin:33px 0 0 0;}

.reg-form-username{width:250px;display:inline-block;}
.reg-form-username p{margin-bottom:5px;}
.member-form .reg-form input.rf-email01{width:calc(100% - 120px);}
.member-form .reg-form input.rf-email02{width:100px;}

/* csb 추가 관련 파일*/
.stbl-file-list {
	position: relative;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
}
.stbl-file-list dl {
	position: relative;
    padding-left: 85px;
}

.stbl-file-list dl dt {
	position: absolute;
    top: 0;
    left: 0;
    width: 153px;
    min-height: 16px;
    padding-top: 15px;
    padding-bottom: 13px;
    padding-left: 15px;
    color: #333;
    font-size: 1.231em;
    line-height: 1.500em;
    font-family: 'NotoKrB', sans-serif;
    font-weight: 700;
}

.stbl-file-list dl dd {
	min-height: 16px;
    padding-top: 15px;
    padding-bottom: 13px;
    padding-right: 20px;
    color: #545454;
    font-size: 1.231em;
    line-height: 1.500em;
    font-family: 'NotoKrL', sans-serif;
    font-weight: 100;
    word-break: break-all;
}

.stbl-file-list dl dd .add-file {
	display: block;
    padding-bottom: 10px;
}

.stbl-file-list dl dd .add-file a {
	display: inline-block;
    max-width: 100%;
    padding-left: 25px;
    background: url(/images/uportal/site/icon_file.png) no-repeat left center;
    color: #767676;
    box-sizing: border-box;
    font-size: 0.938em;
    line-height: 1.600em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.enara{display:flex;margin:0 0 30px 0;}
.enara_txt{margin-left:40px;padding:14px 0 0 0;}
.enara_txt strong{display:block;font-size:20px;color:#000000;}
.enara_txt span{display:block;font-size:15px;line-height:1.3;margin:15px 0 17px 0;}
.enara_txt div a{display:inline-block;background:#126bc2;padding:10px 17px;color:#ffffff;}
.enara_link .btn-s02.btns-color08 > img{height:9px;}
.enara_link table td{line-height:1.3;}

.stat_data{position:absolute;top:5px;right:0;color:#e50000;font-size:15px;font-family:'NotoKrB';letter-spacing:0;}
.h3_beta{
	background: #ff0000;
    color: #ffffff;
    border:1px solid #bf0000;
    display: inline-block;
    padding: 6px 8px;
    font-size: 15px;
    margin-left: 7px;
    box-shadow: 1px 1px 3px #adadad;
    -webkit-box-shadow: 1px 1px 3px #666666;
    border-radius: 6px;
    -webkit-border-radius: 6px;
}

.top_menu_all{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:99999;}
.top_menu_inner{background:#f4fdff;margin:0 auto;box-sizing:border-box;height:400px;background:#f5f5f5 url(/images/uportal/site/bg_allmenu_new.png) no-repeat calc(100% - 100px) 100px;padding:100px 0 0 0;}
.top_menu_all_list{display:flex;justify-content:space-between;width:1500px;margin:0 auto;}
.top_menu_all_list li{flex: 1}
.top_menu_all_list h4{font-size:20px;color:#000000;font-family:'NotoKrB';    padding-left: 15px;}
.top_menu_all_list li div{border-left:1px solid #e5e5e5;padding:0 0 0 0;height:100%;}
.top_menu_all_list li div > ul{margin:15px 0 0 0;}
.top_menu_all_list li div ul li{padding:3px 0}
.top_menu_all_list li a{font-size:15px;color:#666666;display:block;padding:5px 10px 5px 18px;background:url(/images/uportal/site/icon_top_submenu@2x.gif) no-repeat 10px center;background-size:3px auto;}
.top_menu_all_list li a.menu3depth{margin:0 0 0 10px;font-size:14px;color:#666666;display:inline-block;padding:4px 10px 4px 18px;background:url(/images/uportal/site/icon_new_dash.png) no-repeat 10px center;}
.top_menu_all_list li a:hover{color:#ffffff;background:#1983e4 url(/images/uportal/site/icon_white_right.png) no-repeat 10px center;}
.top_menu_all_list li a.menu3depth:hover{color:#ffffff;background:#1983e4 url(/images/uportal/site/icon_new_dash_white.png) no-repeat 10px center;}

.btn_allmenu_btnarea{position:absolute;top:10px;left:50%;width:1200px;margin-left:-500px;text-align:right;}
.btn_allmenu_x{width:51px;height:51px;background:url(/images/uportal/site/btn_allmenu_new_x.png) no-repeat 0 0;display:inline-block;text-indent:-9999px;text-align:left;}

.pd10{padding:10px;}

/* 2022-07-29 add */

table.table_reg {border-top: 2px solid #5e5e5e;border-collapse:initial;}

.table_reg thead th,
.table_reg tbody th {
	padding: 15px 12px;
	background: #f7f7f7;
	color: #555559;
	font-size: 1.154em;
	line-height: 1.467em;
	border-bottom: 1px solid #dedfe3;
	border-right: 1px dotted #dedfe3;
	font-family: 'NotoKrM', sans-serif;
	font-weight: 500;
	word-break: keep-all;
}

.table_reg tbody td {
	padding: 15px 12px;
	font-size: 1.154em;
	line-height: 1.467em;
	border-bottom: 1px solid #dedfe3;
	border-right: 1px solid #dedfe3;
	font-family: 'NotoKrL', sans-serif;
	font-weight: 100;
	word-break: keep-all;
}

.table_reg th.line-none {
	background: #f7f7f7 !important;
	border-right: 0;
}

.table_reg thead th.line-none,.table-type02 tbody td.line-none {
	border-right: 0;
}

.table_reg tbody td .ul-list01 {
	font-size: 1.000em;
	line-height: 1.500em
}

.table_reg tbody td .btn-db-search {
	margin-left: 5px;
	margin-top: -2px;
}

.table_reg tbody td select {
	min-width: 230px;
}

.table_reg tbody td input{width:100%;box-sizing:border-box;height:36px;}
.table_reg input{border:1px solid #cecece !important;}
.table_reg .table_reg_file{width:calc(100% - 60px);}
.table_reg .table_btn_reg{
	display: inline-block;
	height: 36px;
	line-height: 36px;
	background: #727272;
	padding: 0 13px;
	color: #ffffff;
}
.fc_red{color:#ff0000;}

.btn_area{text-align:center;padding:20px 0 0 0;}
.btn_reg_save{font-size:15px;border:1px solid #53586c;background:#53586c;color:#ffffff;display:inline-block;padding:12px 0;width:100px;text-align:center;}
.btn_reg_wide{font-size:15px;border:1px solid #53586c;background:#53586c;color:#ffffff;display:inline-block;padding:12px 0;width:100px;text-align:center;}

/* 22-11-16추가 */
.easySearch .rightArea .btnSt1.btn7.reset{height:22px;}
.easySearch .rightArea .btnSt1.btn7.delete{height:22px;}
input.w_300p{width:300px !important;}
input.w_auto{width:auto !important;}
.admin_span_radio01{}
.admin_span_radio01 input{width: auto !important;}
.admin_span_radio01 label{margin-right:20px;cursor: pointer;}
.ns_mark::before{
	position:absolute;
	top:-8px;
	right:117px;
	width:40px;
	height:40px;
	background:url(/images/uportal/site/icon_ns.png) no-repeat right center;
	background-size:100% 100%;
	display:block;
	content:"";
}

/**/


.itrstTxt {position: relative;
	color: #333333;
	font-size: 14px;
	line-height: 30px;
	padding:5px 0 0 20px;
	font-weight: 600}
.itrstTxt:after{content: '';position: absolute;top:18px;left:12px;width:3px;height: 3px;border-radius: 50%;background: #333}
.itrstUl li{padding:4px 0}


.itrstUl {
	margin-top: -15px;
}
.itrstUl li {
	float: left;
	width: 33%;
	font-size: 14px;
	line-height:18px;
}
.itrstStngSect {
	font-size: 15px;
	margin: 0px 5px 5px 5px;
	position: relative;
	font-family: 'NotoKrM';
	padding: 10px 10px 10px 10px;
	background: #f9f9f9;
	color: #214786;
	text-align: left;
	border: 1px solid #b4c6d8;
	-webkit-border-radius: 4px;
}

.btnBox{text-align:center;}
.btnBox .popup_btn01{    min-width: 30%;
	height: 30px;
	line-height: 30px;
	background: #4e93cc;
	border:1px solid #4e93cc;
	color: #fff;
	display: inline-block;
	border-radius: 5px;
	font-size: 16px;}
.btnBox .popup_btn02{    min-width:30%;
	height: 30px;
	line-height: 30px;
	background: #fff;
	border:1px solid #4e93cc;
	color: #4e93cc;
	display: inline-block;
	border-radius: 5px;
	font-size: 16px;}

.layerPopup.dashBoardPop{overflow-y:hidden;}

.real_container{}
.real_container h3{text-align:center;background:#4e93cc;color:#ffffff;font-size:17px;padding:10px 15px;border-radius:6px;}
.real_container .rp_cont{padding:15px;border-radius:6px;border:1px solid #dddddd;margin:10px 0;background:#ffffff;}
.rpopup_btn{text-align:center;margin:10px 0;}
.rpopup_btn a{
	background: #ffffff;
	border: 1px solid #4e93cc;
	color: #4e93cc;
	border-radius: 3px;
	height:26px;
	font-size:13px;
	line-height:26px;
	width:100px;
	text-align:center;
	display:inline-block;
}
.rp_flex{display:flex;justify-content:space-between;gap:10px;}
.rp_flex > div{width:100%;display:flex;}
.rp_flex > div > h3{display:flex;align-items:center;justify-content:center;min-width:100px;margin:10px 10px 10px 0;}
.rp_flex > div > div{width:100%;}

.rp_flex.rp_hor > div > h3{margin-right:0;}
.rp_flex.rp_hor > div{display:block;}
.rp_flex.rp_hor > div > div{width:auto;}
.real_popup .pcs_close{top:20px;right:20px;}


/* 타이틀 */
#contView [class^="tit"] {/* line-height: 1.3; *//* font-weight: 600; *//* letter-spacing: -1px; */}
.tit1 {margin:30px 0 17px 0; font-size: 1.3rem; font-weight: 700; color: #131313; background: url("../images/con_com/bu_tit1.gif") no-repeat left 0.3rem;}
.tit2 {margin-top: 1rem; margin-bottom: 0.5rem; font-size: 1.1rem; font-weight: 700; color: #033d78;}
.tit3 {
	position: relative;
	margin-top: 1rem;
	margin-bottom: 0.5rem;
	font-size: 17px;
	color: #000000;
	font-family:'NotoKrB';
}
.tit4 {position: relative; margin-top: 1rem; margin-bottom: 0.5rem; padding-left: 0.8rem; font-size: 0.85rem; color: #131313;}
.tit4:before {position: absolute; top: 0.5rem; left: 0; width: 4px; height: 4px; background: #033d78; content: '';}
.tit4:after {position: absolute; top: 0.5rem; left: 6px; width: 4px; height: 4px; background: #049fdc; content: '';}

#contView [class^="tit"] > span {position: relative; display: inline-block; margin-left: 0.625rem; padding-left: 0.625rem; font-size: 0.9rem; font-weight: 400; color: #6a6a6a;}
#contView [class^="tit"] > span:before {position: absolute; top: 0.25rem; left: 0; width: 1px; height: 0.7rem; background: #ddd; content: "";}
.tit3 > span,
.tit4 > span {font-size: 0.8rem;}

/* 텍스트 요소 : 폰트컬러 타입 */
.impactColor1 {color: #0768ca;}/* 강조텍스트 1 pc_blue  */
.impactColor2 {color: #cf4307;}/* 강조텍스트 2 pc_org */
.impactColor3 {color: #d12222;}/* 강조텍스트 3 pc_red */

/* 블릿 */
[class^="bu_wnrn"] {position: relative; margin: 0.25rem 0; padding-left: 1.25rem; line-height: 1rem; font-size: 0.75rem; color: #6a6a6a;}
[class^="bu_wnrn"]:after {position: absolute; top: 0; left: 0; font-family: 'xeicon'; font-size: 1rem; color: #76797c; content: "\e9a7";}
.bu_wnrn.type2:after {color: #eb3e52;}


/* 리스트 : 블릿 타입 */
[class^="list_st"] > li {
	position: relative;
	padding: 0.25rem 0;
	padding-left:15px;
	text-indent:-14px;
	font-size: 15px;
	line-height: 1.5;
	color: #333;
}
[class^="list_st"] > li:before {}
.list_st1 ul {margin-top: 0.25rem;}
.list_st1 > li:before {content:"ㆍ";}
.list_st2 > li {padding-left: 0.9rem; color: #45494b;}
.list_st2 > li:before {top: 0.75rem; left: 0.2rem; width: 2px; height: 2px; background: #6a6a6a;}
.list_st3 > li{padding-left: 1rem; font-size: 0.85rem; color: #6a6a6a;}
.list_st3 > li:before {content:"- ";}
.list_st4 > li {padding-left: 0.6rem; font-size: 0.75rem; color: #6a6a6a;}
.list_st4 > li:before {top: 0.75rem; left: 0.2rem; width: 2px; height: 2px; background: #6a6a6a;}
[class^="list_st"].noBullet > li {padding-left: 0;}
[class^="list_st"].noBullet > li:before {display: none;}

.list_st1 li strong{font-family:'NotoKrB';}

.box_st5 .list_st1 > li{font-family:'NotoKrB';}

/* 리스트 : 순차적 리스트 타입 */
[class^="list_ol"] > li {position: relative; padding-left: 1.8rem; line-height: 1.35rem; color: #333;}
[class^="list_ol"] li + li {margin-top: 0.35rem;}
[class^="list_ol"] > li > span.num {position: absolute; left: -12px; top: 0; width: 1.35rem; height: 1.35rem; line-height: 1.35rem; text-align: center; font-size: 0.7rem; font-weight: 700; border-radius: 0.4rem;}
.list_ol1 > li > span.num {color: #fff; background: #033d78;}
.list_ol2 > li > span.num {line-height: 1.25rem; color: #033d78; background: #fff; border: 1px solid #033d78;}
[class^="list_ol"] .strong {font-size: 0.9rem; color: #131313;}
[class^="list_ol"] strong {font-weight: 600;}
[class^="list_ol"] .impactColor1 {color: #033d78;}/* 강조텍스트 1 */
[class^="list_ol"] > li ul,
[class^="list_ol"] > li ol  {margin-top: 0.35rem;}

/* 리스트 : 가로 나열 */
[class^="li_w"] {float: left; overflow: hidden;}
.li_w50 > li {width: 50%;}
.li_w30 > li {width: 33.333%;}
.li_w25 > li {width: 25%;}
.li_w20 > li {width: 20%;}

/* BOX */
[class*="box_st"] {padding: 1rem; color: #333; background: #fff; border-radius: 0.5rem;}
[class*="box_st"] > strong.impactColor1 {display: block; margin-bottom: 1rem; font-size: 1rem; font-weight: 600; color: #033d78;}
[class*="box_st"] .list_st1 > li {padding-left: 0.6rem;}
[class*="box_st"] .list_st1 > li:before {top: 0.7rem; width: 5px; height: 5px;}
[class*="box_st"].wnrn {padding: 0.25rem 0.75rem; border-radius: 0.25rem;}

.box_st1 {border: 2px dotted #93aebf;}
.box_st2 {border: 1px dotted #767676; color: #45494b;}
.box_st3 {padding: 1rem; border: 1px solid #ddd;}
.box_st4 {color: #45494b; border: 1px solid #bedbed;}
.box_st5 {color: #45494b; background: #f5f6f8; border: 1px solid #ddd;}
.box_st6 {background: #fafafa; border: 1px solid #cdd5dd;}
.box_st7 {background: #f4f8ff; border: 1px solid #bacff5;}

.box_st11 {position: relative; padding: 0; background: #fff; border: 1px solid #e8e8e8; border-radius: 0;}/* TOP BOX */
.box_st11:before {position: absolute; top: -1px; left: -1px; width: 30%; height: 4px; background: #00aeff; content: '';}
.box_st11:after {position: absolute; right: -1px; bottom: -1px; width: 35%; height: 70%; border-bottom: 4px solid #ddd; border-right: 4px solid #ddd; content: '';}
.box_st_ico {display: table; width: 100%;}
.box_st_ico .ico_boxImg {display: table-cell; padding: 0 1.5rem; width: 10.5rem; vertical-align: middle; text-align: center;}
.box_st_ico .ico_boxImg img {width: 7.5rem;}
.box_st_ico .box_cont {display: table-cell; padding: 0 1rem; width: calc(100% - 10.5rem); vertical-align: middle; color: #5b5e60;}
.box_st_ico .box_cont strong {display: block; margin-bottom: 0.5rem; font-size: 1.1rem; font-weight: 600; color: #033d78;}

.lstIcon {overflow: hidden;}
.lstIcon > li {float: left; padding: 1rem; text-align: center;}
.lstIcon > li img {max-width: 100%;}

/* 들여쓰기 */
.indent1 {margin-left: 0.75rem;}
/* .indent2 {margin-left: 0.7rem;} */

/* input select px */
.InpSel_50 {width: 50px !important}
.InpSel_80 {width: 80px !important}
.InpSel_100 {width: 100px !important}
.InpSel_150 {width: 150px !important}
.InpSel_200 {width: 200px !important}
.InpSel_250 {width: 250px !important}
.InpSel_300 {width: 300px !important}
.InpSel_350 {width: 350px !important}
.InpSel_400 {width: 400px !important}
.InpSel_450 {width: 450px !important}
.InpSel_500 {width: 500px !important}

/* input select % */
.InpSel_w10 {width: 10% !important}
.InpSel_w20 {width: 20% !important}
.InpSel_w30 {width: 30% !important}
.InpSel_w40 {width: 40% !important}
.InpSel_w50 {width: 50% !important}
.InpSel_w60 {width: 60% !important}
.InpSel_w70 {width: 70% !important}
.InpSel_w80 {width: 80% !important}
.InpSel_w90 {width: 90% !important}
.InpSel_w100 {width: 100% !important}

/* 버튼 */
.btn.blue.revert:hover,
.btn.blue {color: #fff; background: #0768ca;}
.btn.blue.revert,
.btn.blue:hover {color: #0768ca; background: #fff;}
.btn.blue.revert:before,
.btn.blue:hover:before {border-color: #0768ca;}

.btn.navy.revert:hover,
.btn.navy {color: #fff; background: #033d78;border: 1px solid #033d78}
.btn.navy.revert,
.btn.navy:hover {color: #033d78; background: #fff;}
.btn.navy.revert:before,
.btn.navy:hover:before {border-color: #033d78;}

.btn.green.revert:hover,
.btn.green {color: #fff; background: #098658;}
.btn.green.revert,
.btn.green:hover {color: #098658; background: #fff;}
.btn.green.revert:before,
.btn.green:hover:before {border-color: #098658;}

.btn.purple.revert:hover,
.btn.purple {color: #fff; background: #7e44bd;}
.btn.purple.revert,
.btn.purple:hover {color: #7e44bd; background: #fff;}
.btn.purple.revert:before,
.btn.purple:hover:before {border-color: #7e44bd;}

.btn.lag {min-width: 0; line-height: 3.35rem; font-size: 1.2rem; font-weight: 200;}
.btn.mid {min-width: 9.5rem; line-height: 2.3rem; font-size: 0.85rem;}
.btn.sml {min-width: 5.75rem; padding: 0 1.5rem; line-height: 1.8rem; font-size: 0.75rem;}

.btn.icon {padding-right: 3rem; text-align: left;}
.btn.icon i {position: absolute; top: 50%; right: 1.5rem; font-size: 1rem; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.btn.sml.icon {padding-right: 2.25rem;}
.btn.sml.icon i {right: 0.65rem;}

/* 버튼스타일 1 */
.btn_st {overflow:hidden}
.btn_st a {display:inline-block; line-height:20px; padding:8px 0.75rem; margin:1px; text-decoration:none; font-size:0.75rem; text-align:center; color:#fff; border-bottom:1px solid #343848; border-right:1px solid #343848; background:#45495b; /* border-radius:3px; */} /* 191022 버튼모양 통일 jhk*/
.btn_st a:hover {text-decoration:underline;}
.btn_st a.blue {background-color:#0f57ce; border-color:#0f57ce;}/* 211015수정 */
.btn_st a.midblue { background-color:#1c52ab; border-color:#1c52ab;}  /* 211015추가 */
.btn_st a.darkblue { background-color:#083071; border-color:#083071;}  /* 211015추가 */

.btn_st a.green {background-color:#0c7954; border-color:#0c7954;}/* 211015수정 */
.btn_st a.midgreen { background-color:#076e88; border-color:#076e88;}  /* 211015추가 */
.btn_st a.darkgreen { background-color:#0e4d4e; border-color:#0e4d4e;}  /* 211015추가 */

.btn_st a.yellow {background-color:#f3ad05;border-color:#f3ad05;color:#131313;}/* 211015수정 */
.btn_st a.midyellow {background-color:#d58c0c;border-color:#d58c0c; color:#131313;}   /* 211015추가 */
.btn_st a.darkyellow {background-color:#7b5400;border-color:#7b5400;}   /* 211015추가 */
/*.btn_st a.yellow {color:#131313; border-bottom:1px solid #3e9416; border-right:1px solid #3e9416; background-color:#f0ad4e; border-color:#f0ad4e}*/
.btn_st a.red {background-color:#c43b3b; border-color:#c43b3b;}/* 211015수정 */
.btn_st a.midred {background-color:#bb1a1a; border-color:#bb1a1a;}   /* 211015추가 */
.btn_st a.darkred {background-color:#710404; border-color:#710404;}   /* 211015추가 */

.btn_st a.violet {background-color: #501fcc;border-color: #501fcc;}   /* 211015추가 */
.btn_st a.midviolet {background-color: #4032af;border-color: #4032af;}   /* 211015추가 */
.btn_st a.darkviolet {background-color: #302586;border-color: #302586;}   /* 211015추가 */

.btn_st a.orange {background-color:#d5391b; border-color:#d5391b;}   /* 211015추가 */
.btn_st a.darkorange {background-color:#9d3510; border-color:#9d3510;}   /* 211015추가 */

.btn_st a.line {padding:7px 0.75rem 8px; color:#222; border:1px solid #9298af; background:#fff;}
.btn_st a.blue_l {padding:7px 0.75rem 8px; color:#1e5ebc; border:1px solid #1e5ebc; background:#fff;}
.btn_st a.green_l {padding:7px 0.75rem 8px; color:#42991a; border:1px solid #42991a; background:#fff;}

.btn_st a.mini {padding:2px 8px; font-size:12px; font-weight:bold;}


/* 링크 텍스트 */
a.bu_link {position: relative; display: inline-block; text-decoration: underline;}
a.bu_link:after {margin-left: 0.25rem; font-family: 'xeicon'; color: #033d78; content: "\e980";}
a.bu_down {position: relative; display: inline-block; text-decoration: underline;}
a.bu_down:after {margin-left: 0.25rem; font-family: 'xeicon'; color: #033d78; content: "\eb7c";}

/* 테이블 : 테이블 기본 타입 */
.tbl_st {position: relative; margin-top: 0.5rem; width: 100%; font-size: 0.8rem; background: #fff; overflow: hidden;}
.tbl_st table {position: relative; width: 100%; margin-left: -1px; text-align: center; border-top: 1px solid #0768ca; -webkit-overflow-scrolling: touch; word-break: keep-all;}/* word-break: break-all; 강제 줄바꿈 */
.tbl_st table th {font-size:14px;font-family:'NotoKrB';padding: 18px 5px; vertical-align: middle; font-weight: 400; color: #000000; background: #f5f6f8; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd;}
.tbl_st table td {padding: 15px 10px; color: #333; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd;font-size:14px;line-height:1.3;}
.tbl_st table tbody tr:last-child th,
.tbl_st table tbody tr:last-child td {border-bottom-color: #cacaca;}
.tbl_st table tfoot th{line-height:1.5;}

.jconfirm-box .tbl_st table label input{margin-right:3px;}

td.al{text-align:left;}

.micro_btns{text-align:center;margin:30px 0 20px 0;}
.btn_next_step{
	display: inline-block;
	vertical-align: middle;
	min-width:90px;
	height: 43px;
	line-height: 43px;
	border: 0;
	text-align: left;
	-webkit-appearance: none;
	color: #fff;
	cursor: pointer;
	text-align: center;
	background: #0768ca;
	font-size: 14px;
	border-radius: 4px !important;
	padding:0 15px;
}

.btn_table_view{
	display: inline-block;
	vertical-align: middle;
	min-width:90px;
	height: 43px;
	line-height: 43px;
	border: 0;
	text-align: left;
	-webkit-appearance: none;
	color: #fff;
	cursor: pointer;
	text-align: center;
	background: #53586c;
	font-size: 14px;
	border-radius: 4px !important;
	padding:0 15px;
}

/* BOX */
[class*="box_st"] {padding: 1rem; color: #333; background: #fff; border-radius: 0.5rem;}
[class*="box_st"] > strong.impactColor1 {display: block; margin-bottom: 1rem; font-size: 1rem; font-weight: 600; color: #033d78;}
[class*="box_st"] .list_st1 > li {padding-left: 0.6rem;}
[class*="box_st"] .list_st1 > li:before {top: 0.7rem; width: 5px; height: 5px;}
[class*="box_st"].wnrn {padding: 0.25rem 0.75rem; border-radius: 0.25rem;}


.box_st1 {border: 2px dotted #93aebf;}
.box_st2 {border: 1px dotted #767676; color: #45494b;}
.box_st3 {padding: 1rem; border: 1px solid #ddd;}
.box_st4 {color: #45494b; border: 1px solid #bedbed;}
.box_st5 {color: #45494b; background: #f5f6f8; border: 1px solid #ddd;margin-top:20px;}
.box_st6 {background: #fafafa; border: 1px solid #cdd5dd;}
.box_st7 {background: #f4f8ff; border: 1px solid #bacff5;}

.list_em em{display:block;text-indent:0;}

.jconfirm-box{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;background:rgba(0,0,0,0.6);}
.jconfirm-box-obj{display:flex;justify-content:center;height:100%;align-items:center;}
.jconfirm-box-obj > div{width:840px;background:#ffffff;border-radius:4px;padding:20px 30px;}
.jconfirm-buttons{text-align:center;margin-top:20px;}
.jconfirm-buttons button{
	display: inline-block;
	vertical-align: middle;
	min-width:90px;
	height: 43px;
	line-height: 43px;
	border: 0;
	text-align: left;
	-webkit-appearance: none;
	color: #fff;
	cursor: pointer;
	text-align: center;
	background: #0768ca;
	font-size: 14px;
	border-radius: 4px !important;
	padding:0 15px;
}

.box_st5 dl.inner *{font-size:15px;line-height:1.3;}
.box_st5 dl.inner dd{margin-top:10px;font-family:'NotoKrM';color:#000000;}

.bu_wnrnT:before{
	position: absolute;
	top: 0;
	left: 0;
	font-family: 'xeicon';
	font-size: 1rem;
	color: #76797c;
	content: "\e9a7";
}


@media all and (max-width:699px){
	.surveyPop{
		margin:0;
		width:100%;
		top:0;
		left: 0;
	}
	.survey-iframe{width:100%;}
}

.outside:after{content:url(/images/uportal/site/icon_menu_link.png);margin-left:5px;}

#stat-list-sect .source-title-box:first-child{border-top:1px dotted #bdbdbd;}

/*#mtiDataDiv{margin-top:30px;}*/
#mtiDataDiv .tab-content{padding:0;}
#mtiDataDiv .tab-content .source-container{padding:0;}

.contents-area.left_area{display:flex;justify-content:space-between;}
.contents-area.left_area .board-area{width:950px;}




/****** 지역비교통계 추가 S ******/
.no-after::after {content: none !important;}
.Region_stats_wrap{position: relative}
.Region_stats_wrap .Region_top_div{display: flex;/* min-height:860px; */}
.Region_stats_wrap .Region_top_div .area-section{width: 100%;background-size: cover !important;position: relative;backdrop-filter: blur(20px);}
.Region_stats_wrap .Region_top_div .area-section:after{content: '';display: block;position: absolute;top:50px;left:-30px;width: 60px;height: 60px;background:url("/images/uportal/site/region_vs.png") no-repeat center;background-size: contain}
.Region_stats_wrap .Region_top_div > div:first-child:after{display: none;}
.Region_stats_wrap .Region_top_div .area-section:before{content: '';display: block;position: absolute;top:0;left:0;width: 100%;height: 100%;background:rgba(0,0,0,.6);z-index:-1}
.Region_stats_wrap .Region_top_div .area-section.area10{background:#0F2648 url("/images/uportal/site/background_nationalmap.png") no-repeat top center} /* 전국 */
.Region_stats_wrap .Region_top_div .area-section.area98{background:#0F2648 url("/images/uportal/site/background_nationalmap01.png") no-repeat top center} /* 수도권 */
.Region_stats_wrap .Region_top_div .area-section.area99{background:#0F2648 url("/images/uportal/site/background_nationalmap02.png") no-repeat top center} /* 지방 */
.Region_stats_wrap .Region_top_div .area-section.area11{background:#0F2648 url("/images/uportal/site/background_seoul.png") no-repeat top center} /* 서울 */
.Region_stats_wrap .Region_top_div .area-section.area41{background:#0F2648 url("/images/uportal/site/background_Gyeonggi.png") no-repeat top center} /* 경기 */
.Region_stats_wrap .Region_top_div .area-section.area28{background:#0F2648 url("/images/uportal/site/background_Incheon.png") no-repeat top center} /* 인천 */
.Region_stats_wrap .Region_top_div .area-section.area26{background:#0F2648 url("/images/uportal/site/background_Busan.png") no-repeat top center} /* 부산 */
.Region_stats_wrap .Region_top_div .area-section.area43{background:#0F2648 url("/images/uportal/site/background_chungbuk.png") no-repeat top left} /* 충북 */
.Region_stats_wrap .Region_top_div .area-section.area44{background:#0F2648 url("/images/uportal/site/background_chungnam.png") no-repeat top center} /* 충남 */
.Region_stats_wrap .Region_top_div .area-section.area29{background:#0F2648 url("/images/uportal/site/background_Gwangju.png") no-repeat top center} /* 광주 */
.Region_stats_wrap .Region_top_div .area-section.area36{background:#0F2648 url("/images/uportal/site/background_sejong.png") no-repeat top center} /* 세종 */
.Region_stats_wrap .Region_top_div .area-section.area30{background:#0F2648 url("/images/uportal/site/background_Daejeon.png") no-repeat top center} /* 대전 */
.Region_stats_wrap .Region_top_div .area-section.area51{background:#0F2648 url("/images/uportal/site/background_Gangwon.png") no-repeat top center} /* 강원 */
.Region_stats_wrap .Region_top_div .area-section.area52{background:#0F2648 url("/images/uportal/site/background_jeonbuk.png") no-repeat top center} /* 전북 */
.Region_stats_wrap .Region_top_div .area-section.area46{background:#0F2648 url("/images/uportal/site/background_jeonnam.png") no-repeat top center} /* 전남 */
.Region_stats_wrap .Region_top_div .area-section.area47{background:#0F2648 url("/images/uportal/site/background_gyeongbuk.png") no-repeat top center} /* 경북 */
.Region_stats_wrap .Region_top_div .area-section.area48{background:#0F2648 url("/images/uportal/site/background_gyeongnam.png") no-repeat top center} /* 경남 */
.Region_stats_wrap .Region_top_div .area-section.area27{background:#0F2648 url("/images/uportal/site/background_Daegu.png") no-repeat top center} /* 대구 */
.Region_stats_wrap .Region_top_div .area-section.area31{background:#0F2648 url("/images/uportal/site/background_Ulsan.png") no-repeat top center} /* 울산 */
.Region_stats_wrap .Region_top_div .area-section.area50{background:#0F2648 url("/images/uportal/site/background_jeju.png") no-repeat top center} /* 제주 */

.Region_stats_wrap .Region_top_div .area-section .region_top_title{margin: 60px 0 30px}
.Region_stats_wrap .Region_top_div .area-section h2{font-family: 'NotoKrB', sans-serif;font-size: 48px;color: #fff;text-shadow: 1px 1px 4px rgba(0,0,0,.5);text-align: center}
.Region_stats_wrap .Region_top_div .area-section .btn_div{text-align: center;margin-top: 25px}
.Region_stats_wrap .Region_top_div .area-section .btn_div a{background: #000;color: #fff;font-size: 14px; padding: 5px 8px;display: inline-block;border-radius: 5px;margin: 1px}
.Region_stats_wrap .Region_top_div .area-section .btn_div a:before{content: '';display: inline-block;width: 20px;height: 20px; margin-right: 5px; vertical-align: middle;background: #0a66b8}
.Region_stats_wrap .Region_top_div .area-section .btn_div a.region_chg:before{background:url("/images/uportal/site/icon_map_01.png") no-repeat center}
.Region_stats_wrap .Region_top_div .area-section .btn_div a.region_cmpr:before{background:url("/images/uportal/site/icon_map_02.png") no-repeat center;background-size: contain}
.Region_stats_wrap .Region_top_div .area-section .btn_div a.region_del:before{background:url("/images/uportal/site/icon_map_03.png") no-repeat center}

.Region_stats_wrap .Region_top_div .area-section .region_b_content{padding: 5% 5%; min-height: 300px;}
.region_b_content .region_list{}
.region_b_content .region_list li{border-bottom:1px solid rgba(255,255,255,.3);padding: 12px 0}
.region_b_content .region_list li dl{text-align: center}
.region_b_content .region_list li dt{padding: 5px 0}
.region_b_content .region_list li dt span{display: inline-block;margin: 1px 3px;;font-family: 'NotoKrB', sans-serif}
.region_b_content .region_list li dt span.import{font-size: 18px;color: #FFF500}
.region_b_content .region_list li dt span.title{font-size: 18px;color: #fff;}
.region_b_content .region_list li dt span.figure{background: #000;padding: 3px 10px;font-size: 16px;color: #fff;border-radius: 12px;}
.region_b_content .region_list li dt span.figure:before{content: '';width: 15px;height: 15px;display: inline-block;margin-right: 3px;vertical-align: middle;}
.region_b_content .region_list li dt span.figure.up_:before{background:url("/images/uportal/site/icon_map_up.png") no-repeat center }
.region_b_content .region_list li dt span.figure.down_:before{background:url("/images/uportal/site/icon_map_down.png") no-repeat center }
.region_b_content .region_list li dd{font-size: 14px;color:rgba(255,255,255,.9);padding: 5px 0}

.MyRegion_stats_wrap{position: relative;margin: 15px 0;}
.MyRegion_stats_wrap .region_wrap{}
.MyRegion_stats_wrap .top_title{background:#4BA2D8 !important;border-radius: 10px 10px 0 0;height: 50px;line-height: 50px;text-align: center;color: #fff;font-family: 'NotoKrB', sans-serif;font-size:16px;font-weight: bold; }
.MyRegion_stats_wrap ._contents{width: 100%;height: 100%;border-radius: 0 0 10px 10px;border: 1px solid #ddd;border-top: 0;box-sizing: border-box;margin-bottom: 10px}

/* 지역비교 팝업*/
.AreaChangeCheck{position: absolute; left: calc(50% - 460px);top: calc(15vh - 80px);	background: #fff;border: none;    box-shadow: 2px 5px 10px rgba(0, 0, 0, .15);
width:960px;padding:18px;height: auto;box-sizing: border-box;z-index: 9999}
.AreaChangeCheck .top_area{display: flex;}
.AreaChangeCheck .top_area .attention{font-size: 15px;background: url("/images/uportal/site/attention_icon01.png") no-repeat left 0;padding-left: 28px;line-height: 25px}
.AreaChangeCheck .top_area .attention strong{color: #E10F0F}
.AreaChangeCheck .top_area .reset_btn{display: inline-block;background: #000;color: #fff;font-size: 14px; padding: 5px 8px;display: inline-block;border-radius: 5px;margin: 1px}
.AreaChangeCheck .top_area .reset_btn:before{content: '';display: inline-block;	width: 20px;height: 20px;margin-right: 5px;vertical-align: middle;;background:url("/images/uportal/site/icon_map_01.png") no-repeat center}
.AreaChangeCheck ul {width: 100%;margin-bottom:20px;display: flex;  flex-wrap: wrap;}
.AreaChangeCheck ul li {width: 25%;	padding:5px;box-sizing: border-box;}
.AreaChangeCheck ul li > div{text-align: left;background: #f5f5f5;padding: 10px;border-radius: 5px;	-webkit-border-radius: 5px;	font-size: 15px;color: #707070;}
.AreaChangeCheck ul li input {position: absolute;width: 18px;height: 18px}
.AreaChangeCheck ul li label {position: relative;margin-left: 25px;display: inline-block;vertical-align: middle;cursor: pointer;line-height: 22px;}
/*
.AreaChangeCheck ul li label:before {content: "";opacity: 0;-webkit-opacity: 0;	position: absolute;	left: -22px;top: 8px;z-index: 5;
	display: block;	width: 0;height: 0;	background: #000 url(/images/uportal/site/check_input.png) no-repeat center;	transition: all 0.3s ease;-webkit-transition: all 0.3s ease;}
.AreaChangeCheck ul li label:after {content: "";position: absolute;left: -25px;top: 3px;z-index: 1;display: block;
	width: 16px;height: 16px;border: 1px solid #666;background: #fff;box-sizing: border-box;border-radius: 2px;}
 */
.AreaChangeCheck ul li input:checked+label:before {	width: 18px;height: 18px;left: -25px;top: 2px;opacity: 1;-webkit-opacity: 1;border-radius: 2px;}
.AreaChangeCheck ul li input:checked+label:after {border: 1px solid #666;box-sizing: border-box;}
.AreaChangeCheck .open_btns{display: flex;}
.AreaChangeCheck .open_btns a{display: block;background: #777;color: #fff;font-size: 17px;padding: 15px 0;text-align: center;flex: 1;margin: 1px}
.AreaChangeCheck .open_btns a span{display:inline-block;margin-right: 8px;vertical-align: bottom}
.AreaChangeCheck .open_btns a.ok_btn{background: #0055d9}

.AreaChangeCheck.AreaChoice{width: 280px;left: calc(50% - 140px);}
.AreaChangeCheck.AreaChoice .AreaChoicediv{margin-bottom: 15px}
.AreaChangeCheck.AreaChoice .AreaChoicediv select{width: 100%;height: 40px;border: 2px solid #000;padding: 0 20px;font-size: 16px;}

.AreaChangeCheck .top_area{position: relative;}
.AreaChangeCheck .top_area p{width: calc(100% - 100px)}
.AreaChangeCheck .top_area span{font-size: 15px}
.AreaChangeCheck .top_area span strong{font-weight: 500;color: #ff0000}
.AreaChangeCheck .top_area .reset_btn{position: absolute;top:0;right:0}

.AreaChangeCheck .content_area{display: flex;justify-content: space-between;}
.AreaChangeCheck .title_p{font-size: 20px;font-family: 'NotoKrB', sans-serif;color: #000;line-height: 27px;margin: 10px 0}
.AreaChangeCheck .title_p:before{content: '';width: 6px;height: 18px;background: #1531BB;display: inline-block;margin-right: 10px}
.AreaChangeCheck .content_area .left_area{width: 35%}
.AreaChangeCheck .content_area .selectd_wrap{padding: 8px;border: 1px solid #EBEBEB}
.AreaChangeCheck .content_area .selectd_wrap ul{margin-bottom: 0}
.AreaChangeCheck .content_area .selectd_wrap ul li{width: 33.3%}
.AreaChangeCheck .content_area .right_area{width: 63%}
.AreaChangeCheck .content_area .right_area .total_select_zone .city_select{padding: 8px;border: 1px solid #EBEBEB}
.AreaChangeCheck .content_area .right_area .total_select_zone .city_select ul{margin-bottom:0}
.AreaChangeCheck .content_area .right_area .total_select_zone .city_select li{width: auto;padding: 3px;}
.AreaChangeCheck .content_area .right_area .total_select_zone .city_select li a{display: block;background: #F3F3FF;color: #7385CC;font-size: 15px;font-family: 'NotoKrM', sans-serif;width: 75px;
	padding:10px 5px;text-align: center;border-radius: 6px}
.AreaChangeCheck .content_area .right_area .total_select_zone .city_select li a span{font-size: 12px;font-weight: 300;vertical-align: middle;}
.AreaChangeCheck .content_area .right_area .total_select_zone .city_select li a.select{background: #445FCD;color: #fff}
.AreaChangeCheck .content_area .right_area .total_select_zone .gungu_select{}
.AreaChangeCheck .content_area .right_area .total_select_zone .gungu_select ul{display: flex;}
.AreaChangeCheck .content_area .right_area .total_select_zone .gungu_select li{width: auto}
.AreaChangeCheck .content_area .right_area .total_select_zone .gungu_select li > div{background: #fff;padding: 0}
.AreaChangeCheck .content_area .right_area .total_select_zone .gungu_select #gunguGroup{overflow: hidden;margin-top: 10px}
.AreaChangeCheck .content_area .right_area .total_select_zone .gungu_select #gunguGroup .gungu-checkbox{float: left;width:140px;margin-bottom: 10px}
.select_area_list{}
.select_area_list ul{width: 100%;background: #F8F8F8;padding: 10px;box-sizing: border-box;margin-bottom: 0; min-height: 58px}
.select_area_list li{}
.select_area_list li > p{background: #fff;padding: 7px 10px;border-radius: 15px}

.AreaChangeCheck .btn_area{display: flex;justify-content: center;}
.AreaChangeCheck .open_btns.area_btn{  width: 50%;}
.list_menu_div .scroll_div .title_p{    font-size: 20px;	font-family: 'NotoKrB', sans-serif;	color: #000;	line-height: 27px;	margin: 10px 0;}
.list_menu_div .scroll_div .title_p:before{content: '';width: 6px;height: 18px;background: #1531BB;display: inline-block;margin-right: 10px}
#newAreaWrapper .bg_shadow{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000;z-index:9998;
	opacity:0.5;
	filter:alpha(opacity=50);
}

/* 지역비교통계 설정*/
.AreaCheckSetting{left: calc(50% - 460px);top: calc(15vh - 80px);	background: #fff;border: none;
	width:100%;padding:18px;height: auto;box-sizing: border-box;z-index: 99}
.AreaCheckSetting .top_area{display: flex;}
.AreaCheckSetting .top_area .attention{font-size: 15px;background: url("/images/uportal/site/attention_icon01.png") no-repeat left 0;padding-left: 28px;line-height: 25px}
.AreaCheckSetting .top_area .attention strong{color: #E10F0F}
.AreaCheckSetting .top_area .reset_btn{display: inline-block;background: #000;color: #fff;font-size: 14px; padding: 5px 8px;display: inline-block;border-radius: 5px;margin: 1px}
.AreaCheckSetting .top_area .reset_btn:before{content: '';display: inline-block;	width: 20px;height: 20px;margin-right: 5px;vertical-align: middle;;background:url("/images/uportal/site/icon_map_01.png") no-repeat center}
.AreaCheckSetting ul {width: 100%;margin-bottom:20px;display: flex;  flex-wrap: wrap;}
.AreaCheckSetting ul li {width: 25%;	padding:5px;box-sizing: border-box;}
.AreaCheckSetting ul li > div{text-align: left;background: #f5f5f5;padding: 10px;border-radius: 5px;	-webkit-border-radius: 5px;	font-size: 15px;color: #707070;}
.AreaCheckSetting ul li input {position: absolute;width: 18px;height: 18px}
.AreaCheckSetting ul li label {position: relative;margin-left: 25px;display: inline-block;vertical-align: middle;cursor: pointer;line-height: 22px;}
.AreaCheckSetting ul li input:checked+label:before {	width: 18px;height: 18px;left: -25px;top: 2px;opacity: 1;-webkit-opacity: 1;border-radius: 2px;}
.AreaCheckSetting ul li input:checked+label:after {border: 1px solid #666;box-sizing: border-box;}
.AreaCheckSetting .open_btns{display: flex;}
.AreaCheckSetting .open_btns a{display: block;background: #777;color: #fff;font-size: 17px;padding: 15px 0;text-align: center;flex: 1;margin: 1px}
.AreaCheckSetting .open_btns a span{display:inline-block;margin-right: 8px;vertical-align: bottom}
.AreaCheckSetting .open_btns a.ok_btn{background: #0055d9}

.AreaCheckSetting.AreaChoice{width: 280px;left: calc(50% - 140px);}
.AreaCheckSetting.AreaChoice .AreaChoicediv{margin-bottom: 15px}
.AreaCheckSetting.AreaChoice .AreaChoicediv select{width: 100%;height: 40px;border: 2px solid #000;padding: 0 20px;font-size: 16px;}

.AreaCheckSetting .top_area{position: relative;}
.AreaCheckSetting .top_area p{width: calc(100% - 100px)}
.AreaCheckSetting .top_area span{font-size: 15px}
.AreaCheckSetting .top_area span strong{font-weight: 500;color: #ff0000}
.AreaCheckSetting .top_area .reset_btn{position: absolute;top:0;right:0}

.AreaCheckSetting .content_area{display: flex;justify-content: space-between;}
.AreaCheckSetting .title_p{font-size: 20px;font-family: 'NotoKrB', sans-serif;color: #000;line-height: 27px;margin: 10px 0}
.AreaCheckSetting .title_p:before{content: '';width: 6px;height: 18px;background: #1531BB;display: inline-block;margin-right: 10px}
.AreaCheckSetting .content_area .left_area{width: 35%}
.AreaCheckSetting .content_area .selectd_wrap{padding: 8px;border: 1px solid #EBEBEB}
.AreaCheckSetting .content_area .selectd_wrap ul{margin-bottom: 0}
.AreaCheckSetting .content_area .selectd_wrap ul li{width: 33.3%}
.AreaCheckSetting .content_area .right_area{width: 63%}
.AreaCheckSetting .content_area .right_area .total_select_zone .city_select{padding: 8px;border: 1px solid #EBEBEB}
.AreaCheckSetting .content_area .right_area .total_select_zone .city_select ul{margin-bottom:0}
.AreaCheckSetting .content_area .right_area .total_select_zone .city_select li{width: auto;padding: 3px;}
.AreaCheckSetting .content_area .right_area .total_select_zone .city_select li a{display: block;background: #F3F3FF;color: #7385CC;font-size: 15px;font-family: 'NotoKrM', sans-serif;width: 75px;
	padding:10px 5px;text-align: center;border-radius: 6px}
.AreaCheckSetting .content_area .right_area .total_select_zone .city_select li a span{font-size: 12px;font-weight: 300;vertical-align: middle;}
.AreaCheckSetting .content_area .right_area .total_select_zone .city_select li a.select{background: #445FCD;color: #fff}
.AreaCheckSetting .content_area .right_area .total_select_zone .gungu_select{}
.AreaCheckSetting .content_area .right_area .total_select_zone .gungu_select ul{display: flex;}
.AreaCheckSetting .content_area .right_area .total_select_zone .gungu_select li{width: auto}
.AreaCheckSetting .content_area .right_area .total_select_zone .gungu_select li > div{background: #fff;padding: 0}
.AreaCheckSetting .content_area .right_area .total_select_zone .gungu_select #gunguGroup{overflow: hidden;margin-top: 10px}
.AreaCheckSetting .content_area .right_area .total_select_zone .gungu_select #gunguGroup .gungu-checkbox{float: left;width:140px;margin-bottom: 10px}

.AreaCheckSetting .btn_area{display: flex;justify-content: center;}
.AreaCheckSetting .open_btns.area_btn{  width: 50%;}

.select_Stats_list{}
.select_Stats_list ul{width: 100%;background: #F8F8F8;padding: 10px;box-sizing: border-box;margin-bottom: 0; min-height: 58px}
.select_Stats_list li{}
.select_Stats_list li > p{background: #fff;padding: 7px 10px;border-radius: 15px}

.MyAreaCmprStats_popup * a{text-decoration: none}
.MyAreaCmprStats_popup .top_title{position: relative;background: #0a66b4;}
.MyAreaCmprStats_popup .top_title h2{text-align: center;color: #fff;font-family: 'NotoKrB', sans-serif;font-size:20px;line-height: 50px}
.MyAreaCmprStats_popup .top_title .setting_btn{position: absolute;right:10px;top:10px;display: inline-block;background: #0c2c60;border-radius: 4px;color: #fff;padding: 7px 10px}
.MyAreaCmprStats_popup .top_title .setting_btn:before{content: '';display:inline-block;width: 15px;height: 15px;background: url(/images/uportal/site/icon_panel_setting.png) no-repeat center;
	vertical-align: bottom;	margin-right: 5px;}
.MyAreaCmprStats_popup .top_title .closed{position: absolute;right:10px;top:10px;}
.MyAreaCmprStats_popup .top_title .closed a{display: block;width: 30px;height: 30px;background: url(/images/uportal/site/closed.png) no-repeat center;font-size: 0}
.MyAreaCmprStats_popup .content_wrap{display: flex;padding: 10px}
.MyAreaCmprStats_popup .content_wrap .list_menu_div{width: 500px;}
.MyAreaCmprStats_popup .content_wrap .list_menu_div .scroll_div{height: 100%;overflow-y: auto;overflow-x: hidden; padding: 2px;}
.MyAreaCmprStats_popup .content_wrap .list_menu_div ul{}
.MyAreaCmprStats_popup .content_wrap .list_menu_div ul li{display: flex; align-items: center;margin-bottom:5px }

.ChartsContainScroll{max-height:550px;overflow-y: auto;  background: #fcfdff;	border: 1px solid #8c9ad2;}
.ChartsContainScroll ul{padding: 8px 0 5px 8px}
.ChartsContainScroll li{padding: 2px}
.ChartsContainScroll li input{width: 18px;height: 18px}
.ChartsContainScroll li label{font-size: 14px}

.select_area_list{}
.select_area_list ul{width: 100%;background: #F8F8F8;padding: 10px;box-sizing: border-box;margin-bottom: 0; min-height: 58px}
.select_area_list li{}
.select_area_list li > p{background: #fff;padding: 7px 10px;border-radius: 15px}

#areaCmprSstatSetting {display: flex; justify-content: center; align-items: center; text-align: center;}

/* 컨텐츠영역*/
.Region_stats_tab{background:#0F2648;}
.Region_stats_tab .mobile_tab{display: none;}
.Region_stats_tab ul{display: flex}
.Region_stats_tab li{width: 16.666%;text-align: center;padding: 0 2px;}
.Region_stats_tab li a{display: block}
.Region_stats_tab li span{cursor: pointer;text-align: center;display: block;color: #fff;font-size: 17px;border: 1px solid #0C79CF;    padding: 10px 0;line-height: 1.3;border-radius: 5px 5px 0 0}
.Region_stats_tab li.on span{background: #034b85;border-color: #034b85;color: #C7FD55;font-family: 'NotoKrB', sans-serif}

.Region_stats_contents{background: #F9F9F9;padding:10px 20px;display: grid;grid-template-columns: 1fr 1fr; justify-content: space-between; gap: 20px;}
.Region_stats_contents .stats_pannel{background: #fff;border-radius: 10px;margin:0 0 30px 0; flex: 1 1 48%;	box-sizing: border-box;	min-width: 400px; border: 1px solid #ccc;}
.Region_stats_contents .stats_pannel .toptitle{}
.Region_stats_contents .stats_pannel .toptitle > div{display: flex;padding: 15px 10px 15px 20px;justify-content: space-between;align-items: center;}
.Region_stats_contents .stats_pannel .toptitle > div:first-child{background: #4BA2D8;border-radius: 10px 10px 0 0;}
.Region_stats_contents .stats_pannel .toptitle h3{color: #fff;font-family: 'NotoKrB', sans-serif;font-size: 20px}
.Region_stats_contents .stats_pannel .toptitle .btnarea{}
.Region_stats_contents .stats_pannel .toptitle .btnarea a{background: #fff;border-radius: 3px;color: #000;display: inline-block;padding: 5px 5px 3px 5px;margin: 2px;font-size: 15px}
.Region_stats_contents .stats_pannel .toptitle .btnarea a span{font-size: 19px;margin-right: 2px}
.Region_stats_contents .stats_pannel .chart_area{padding: 20px;box-shadow: 0px 0px 3px rgba(0, 0, 0, .1);}
.Region_stats_contents .stats_pannel .chart_area .infotxt{font-size: 16px;margin-bottom:40px}

.microdata_div{margin: 30px 0}
.div_microdata{background: #F8F8F8;padding: 30px 10px;text-align: center;border-radius: 10px}
.div_microdata img{max-width: 1020px;width: 100%}

.statMetaEx_top{display: flex;    justify-content: space-between;	align-items: center;}

.statMetaEx_top #mb_sel_stat {
	border: 1px solid #333;
	background: #f0f7ff;
	height: 45px;
	padding: 0 5px 0 10px;
	font-size: 14px;
}

.statMetaEx_top .btns-wrapper {
	float: left;
}

.statMetaEx_top .btns-wrapper a {
	float: left;
	width: 81px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	border: 1px solid #b2b9c4;
	background: #fff;
	margin-left: 4px;
}

.statMetaEx_top .btns-wrapper a>img {
	display: inline-block;
	vertical-align: middle;
	width: 14px;
	margin-top: -2px;}

.add_btns{text-align: right}
.add_btns a{display: inline-block;background: #b63d3d;color: #fff;padding: 7px 12px;border-radius: 4px;border: 1px solid rgba(0,0,0,.4);font-size: 15px}

@media all and (max-width:1200px){
	.Region_stats_wrap{margin-top:-3px}
}

@media all and (max-width:1000px){
	.Region_stats_wrap .Region_top_div{ flex-direction: column;}
	.Region_stats_wrap .Region_top_div .area-section{padding-bottom: 20px}
	.Region_stats_wrap .Region_top_div .area-section:after{display: none}
	.Region_stats_wrap .Region_top_div .area-section .region_b_content{min-height: auto}
	.add_btns{text-align: center}
}

@media all and (max-width:800px){
	.Region_stats_wrap .Region_top_div .area-section h2{font-size: 36px}
	.region_b_content .region_list li dt *{font-size: 15px !important;}
	.Region_stats_tab .mobile_tab{display: block;position: relative;padding: 10px}
	.Region_stats_tab ul{display: none}
	/* selectbox */
	.Region_stats_tab .mobile_tab select { background-color: transparent; color: #C7FD55;  padding:10px; width:100%; border: none;font-family: 'NotoKrB', sans-serif;cursor: pointer;border: 1px solid #0C79CF;
		font-size: 18px;-webkit-appearance: button; appearance: button;height: 50px}
	.Region_stats_tab .mobile_tab::before {  content: ""; position: absolute; top:20px; right:15px; width:35px;height:30px; background:#0F2648 url("/images/uportal/site/seectarrow.png") no-repeat center; pointer-events: none;}
	.Region_stats_tab .mobile_tab select option {background: #0F2648;padding: 10px ;color: #fff}

	.Region_stats_contents{padding: 10px}
	.Region_stats_contents .stats_pannel .toptitle > div{flex-direction: column;padding: 10px}
	.Region_stats_contents .stats_pannel .toptitle h3{padding:10px 0 15px;}

	.statMetaEx_top{flex-direction: column;}
	.statMetaEx_top > div{width: 100%}

}

@media all and (max-width:460px){
	.Region_stats_contents .stats_pannel .toptitle .btnarea a span{display: none}
}
/****** 지역비교통계 추가 E ******/




/* 엑셀전체받기 임시 none */
.bexc,
.a_excel_down{display:none;}


.sitelist {border-bottom: 1px solid #037cce;display:block;position: relative;}
.sitelist li {float:left; border-bottom:1px solid #eee;font-size:14px;padding:15px 0; /* height: 2.5rem; padding: 0.6rem 0; */box-sizing:border-box;}
.sitelist li.linktit {position: relative; width: 22%; padding-left: 0rem; font-size:14px;color: #45494b;box-sizing:border-box;}
.sitelist li.linktxt {width: 28%; font-size:14px;/* font-size: .7rem; */ color: #888; font-weight: 300; letter-spacing: 0.025rem;box-sizing:border-box;}

.sitelist02 {border-top:1px solid #037cce;width:100%;display:block;position: relative;}
.sitelist02 li {float:left;border-bottom: 1px solid #037cce; border-bottom:1px solid #eee; padding:15px 0;/* height: 2.5rem;  *//* padding: 0.6rem 0; */box-sizing:border-box;}
.sitelist02 li.linktit {position: relative;width:30%; padding-right:5%; font-size:14px;color: #45494b;box-sizing:border-box;}
.sitelist02 li.linkdesc {width:39%;font-size:14px;color:#41607f;font-weight:300;box-sizing:border-box;}
.sitelist02 li.linktxt {width:31%; font-size:14px;/* font-size: .7rem; */ color: #888; font-weight: 300; box-sizing:border-box;}

.sitelist02 li.linktxt:hover {color: #037cc2;}

.r_txt1 {border: 1px #0768ca solid; padding: 0.1rem 0.6rem; border-radius: 0.5rem; margin-right:0.25rem; background: #0768ca; color: #fff;}
.r_txt2 {border: 1px #033d78 solid; padding: 0.1rem 0.6rem; border-radius: 0.5rem; margin-right:0.25rem; background: #033d78; color: #fff;}

/**/
.rone_tbl_st table th{background: #f5f9fe;font-size: 15px;    border-left: 0;}
.rone_tbl_st table td{border-right: 0 ;font-size: 15px;letter-spacing: -1px;color: #000}
.rone_tbl_st table td > span a{color: #000 }
.rone_tbl_st table th h4{font-family: 'NotoKrB';padding-left: 0.8rem;
	text-align: left;
	color: #0a0a0a;
	/*background: url(/images/uportal/site/tit_lg.png) no-repeat left center;*/
}
.rone_tbl_st table .box_st2{padding: 30px}
.list_ol2 > li > span.num{/*color: #fff;	background: #0768ca;*/width:20px;height: 20px;border-radius: 20px;left:-9px}

.rone_tbl_st .tbl_st table th{background: #f5f5f5;padding: 10px;font-family: 'NotoKrM', sans-serif}
/* ------------------------------------ */
.info02more div table td > span.r1_line_bgB{display:inline-block;height:auto;}
.rone_tbl_st table .rone_row td ul li {position: relative; display: block; line-height: 1.25rem; padding-bottom: 0.5rem;}
.rone_tbl_st table .rone_row td ul li:after {content:''; display: block; clear: both;}
.rone_tbl_st table .rone_row td ul .row_left { clear: none;position: relative; float: left; width: 8rem; padding-left: 0.5rem;}
.rone_tbl_st table .rone_row td ul .row_right { clear: none;position: relative; float: right; width: calc(100% - 10rem); padding-left: 0.75rem;}
.rone_tbl_st table .rone_row td ul .row_right2 { clear: none;position: relative; float: right; width: calc(100% - 10rem); padding-left: 0.75rem;}
.rone_tbl_st table .rone_row td ul .row_left:before {width: 0.25rem; height: 0.25rem; background: #727fdb; position: absolute; top: 0.55rem; left: 0px; border-radius: 50%; content: '';}
.rone_tbl_st table .rone_row td ul .row_right:before {width: 0.4rem; height: 0.1rem; background: #767676; position: absolute; top: 0.6rem; left: 0; border-radius: 50%; content: '';}
.rone_tbl_st table .rone_row td ul .row_right2:before {width: 0.2rem; height: 0.2rem; background: #a8abc2; position: absolute; top: 0.6rem; left: 0.25rem; border-radius: 50%; content: '';}

.rone_tbl_st table tr td .rone_inbox01 {overflow: hidden;}
.rone_tbl_st table tr td .rone_inbox01 li {position: relative; float: left; width: 30%; height: 3.5rem; line-height: 3.5rem; text-align: center; color: #fff; border-radius: 2.5rem;}
.rone_tbl_st table tr td .rone_inbox01 li:nth-of-type(1) {background: #0172f0; opacity:0.8;}
.rone_tbl_st table tr td .rone_inbox01 li:nth-of-type(2) {background: #2f42ff; opacity:0.8;}
.rone_tbl_st table tr td .rone_inbox01 li:nth-of-type(3) {background: #008577; opacity:0.8;}
.rone_tbl_st table tr td .rone_inbox01 li + li {margin-left: -1.5rem;}
.rone_tbl_st table tr td .rone_inbox01 li + li:before {position: absolute; left: 0; top:50%; margin-top: -1rem; width: 1.5rem; height: 1.8rem; line-height: 2rem; font-size: 1.5rem; text-align: center; content: "+";}

.meta-inforamtion-area .rone_tbl_st > table th{vertical-align: top;}

.vm {vertical-align: middle;}
.r1_line_bgB {-webkit-box-shadow:inset #ddf1ff 0 -0.5rem 0; box-shadow: inset #ddf1ff 0 -0.5rem 0;}

a.bu_link {position: relative; display: inline-block; text-decoration: underline;}
a.bu_link:after {margin-left: 0.25rem; font-family: 'xeicon'; color: #033d78; content: "\e980";}

.meta-inforamtion-area [class^="list_st"] > li p{text-indent:0;}
.meta-inforamtion-area [class^="list_ol"] > li{padding-left:15px;}
.meta-inforamtion-area [class^="list_ol"] > li > span.num{text-indent:0;}
.meta-inforamtion-area [class^="list_st"] > li a{text-indent:0;}
.meta-inforamtion-area .box_st6 .clearfix{overflow:hidden;}
.meta-inforamtion-area .box_st6 .clearfix .InpSel_w60{width:auto !important;}
.meta-inforamtion-area .box_st6 .clearfix .InpSel_w40{width:auto !important;}
.meta-inforamtion-area .box_st6 .btn{position:relative;display:inline-block;}
.meta-inforamtion-area .box_st6 .btn.icon i{right:10px;}

.meta-inforamtion-area [class^="list_st"] > li {position: relative; padding: 0.25rem 0; line-height: 1.5; color: #333;}
.meta-inforamtion-area [class^="list_st"] > li:before {position: absolute; left: 0; content: '';}
.meta-inforamtion-area .list_st1 ul {margin-top: 0.25rem;}
.meta-inforamtion-area .list_st1 > li {padding-left: 0.5rem;}
.meta-inforamtion-area .list_st1 > li:before {top: 0.7rem; width: 4px; height: 4px; background: #303030;}
.meta-inforamtion-area .list_st2 > li {padding-left: 0.6rem; color: #45494b;}
.meta-inforamtion-area .list_st2 > li:before {top: 0.75rem; left: 0.2rem; width: 2px; height: 2px; background: #6a6a6a;}
.meta-inforamtion-area .list_st3 > li{padding-left: 1rem; font-size: 0.75rem; color: #6a6a6a;}
.meta-inforamtion-area .list_st3 > li:before {top: 0.7rem; left: 0.2rem; width: 0.4rem; height: 3px; background: #767676;}
.meta-inforamtion-area .list_st4 > li {padding-left: 0.6rem; font-size: 0.75rem; color: #6a6a6a;}
.meta-inforamtion-area .list_st4 > li:before {top: 0.75rem; left: 0.2rem; width: 2px; height: 2px; background: #6a6a6a;}
.meta-inforamtion-area [class^="list_st"].noBullet > li {padding-left: 0;}
.meta-inforamtion-area [class^="list_st"].noBullet > li:before {display: none;}
.meta-inforamtion-area [class^="list_st"] > li{text-indent:0;}

.meta-inforamtion-area .ar {text-align:right !important}
.meta-inforamtion-area .btns.ar  { display: inherit;}
.meta-inforamtion-area .btns .btn + .btn {margin-left: 0.5rem;}

.meta-inforamtion-area .rone_tbl_st table th {vertical-align:middle;text-align:center;}
.meta-inforamtion-area .tbl_st_tc table tbody td{text-align:center;}

.meta-inforamtion-area .lstType02 {overflow: hidden;}
.meta-inforamtion-area .lstType02 > li {float: left; margin-left: 0;width: 100%; padding: 0.5rem 0.75rem; border: 1px dotted #8b8b8b; border-radius: 0.5rem;box-sizing: border-box;}
.meta-inforamtion-area .lstType02 > li + li {position: relative;}
.meta-inforamtion-area .lstType02 > li + li:before {position: absolute; left: -2.5rem; top: 0; width: 2.5rem; height: 100%; background: url("/images/uportal/site/icon_arrow_down@2x.png") no-repeat center center; content: "";top:-3rem;left:0;width:100%;height:3rem}
.meta-inforamtion-area .lstType02 > li > dl {display: table; width: 100%; height: 4rem; overflow: hidden;}
.meta-inforamtion-area .lstType02 > li > dl > dt {display: table-cell; width: 2.8rem; vertical-align: middle;}
.meta-inforamtion-area .lstType02 > li > dl > dt > span {display: flex; width: 2.8rem; height: 2.8rem; line-height: 1; align-items: center; justify-content: center; flex-direction: column; font-size: 0.7rem; font-weight: 700; color: #fff; background: #0e6cd8; border-radius: 50%;}
.meta-inforamtion-area .lstType02 > li > dl > dt > span em {display: block;}
.meta-inforamtion-area .lstType02 > li > dl > dd {display: table-cell; padding-left: 0.75rem; width: calc(100% - 2.8rem); vertical-align: middle;}
.meta-inforamtion-area .lstType02 > li > dl > dd .tit {margin-bottom: 0.25rem; font-size: 0.85rem; font-weight: 700; color: #033d78;}
.meta-inforamtion-area .lstType02 > li + li {position: relative;margin-top: 3rem;}

.meta-inforamtion-area img{max-width:100%;}

.meta_infoarea_new{display: table;width: 100%;border-bottom: 1px solid #d7d7d7;}
.meta_infoarea_new:after{content: '';display: block;clear: both}
.meta_infoarea_new .title{display: table-cell;font-size: 14px; width: 175px;    font-family: 'NotoKrR', notoKrR, sans-serif;	background: #eef0f0;padding: 12px 20px;box-sizing: border-box}
.meta_infoarea_new .title h4 {
	font-family: 'NotoKrB';
	padding-left: 0.8rem;
	text-align: left;
	color: #0a0a0a;}
.meta_infoarea_new .content{display: table-cell;padding: 10px;border-left:1px solid #ccc;box-sizing: border-box}


#list-menu-select{
	border:2px solid #0768ca;
	background:#f0f7ff;
	width:auto;
	text-indent:0;
	padding-left:10px;
}
#mb_sel_stat{
	border: 1px solid #333;
	background: #f0f7ff;
	height: 43px;
	padding:0 5px 0 10px;
	font-size:14px;
}



@media (max-width: 1024px){
	
	.meta-inforamtion-area .rone_tbl_st > table,
	.meta-inforamtion-area .rone_tbl_st > table > tbody,
	.meta-inforamtion-area .rone_tbl_st > table > tbody > tr,
	.meta-inforamtion-area .rone_tbl_st > table > tbody > tr > th,
	.meta-inforamtion-area .rone_tbl_st > table > tbody > tr > td {display: block;border:none; }
	.meta-inforamtion-area .rone_tbl_st > table > tbody > tr > th,
	.meta-inforamtion-area .rone_tbl_st > table > tbody > tr > td {padding:10px;border-bottom: 1px solid #a6c1dc;}
	.meta-inforamtion-area .rone_tbl_st > table .tbl_st {overflow-x: auto;}
	.meta-inforamtion-area .rone_tbl_st > table .tbl_st table {min-width: 1200px;}
	.meta-inforamtion-area .rone_tbl_st > table td {padding: 0.5rem 0.5rem 0.5rem 1rem; font-size: 0.8rem; color:#0a0a0a; vertical-align: middle; }
	.meta-inforamtion-area .rone_tbl_st table th h4{padding-left:0;}
	
}

@media (max-width: 600px){
	
	.meta-inforamtion-area .rone_tbl_st table tr td .rone_inbox01 li {width: 100%;}
	.meta-inforamtion-area .rone_tbl_st table tr td .rone_inbox01 li + li {margin-top: 1.8rem; margin-left: 0;}
	.meta-inforamtion-area .rone_tbl_st table tr td .rone_inbox01 li + li:before {top: -1.8rem; margin-top: 0; width: 100%; text-align: center; color: #000;}
	.meta-inforamtion-area .rone_tbl_st table .rone_row td ul .row_left {width: 100%;}
	.meta-inforamtion-area .rone_tbl_st table .rone_row td ul .row_right {width: 100%;}
	.meta-inforamtion-area .rone_tbl_st table .rone_row td ul .row_right2 {width: 100%;}
}


.mobile_select{display: none}

#inputStartDt,#inputEndDt{margin-right:5px;}

/* 자료이용확인서 팝업추가작업 24-10-16*/
.box_open{overflow: auto;height: 700px}
.box_open .add_box_div{}
.box_open .add_box_div .title{font-weight: bold;color:#000;font-size: 14px;margin-bottom: 10px}
.box_open .add_box_div ul .list_li{margin-bottom: 5px}
.box_open .add_box_div ul .list_li > div{display: flex;}
.box_open .add_box_div ul .list_li span{display: inline-block;margin-right: 5px}
.box_open .add_box_div ul .list_li ol li{margin-left: 15px;display: flex}

#openapi-excel-button2 {
	display: inline-block;
	vertical-align: middle;
	height: 35px;
	line-height: 32px;
	font-size: 13px;
	color: #fff;
	padding: 0 8px;
	box-sizing: border-box;
	border-radius: 4px;
	float: right;
}

#thead2 > th,#thead3 > th{
	border-top: solid 2px;
	border-top-color: rgb(153, 153, 153);
}

.new_radio_ul{display: flex}
.new_radio_ul li{margin-right: 10px}
.new_radio_ul li label{margin-left:5px}
.order_list{padding: 5px !important;}
.order_list p{float: left;margin:0 3px}

.selectDay p{padding-left:6px;margin:2px 0;}

#openapi-excel-button{display:flex;align-items:center;}

.gigabyun{text-align:center;margin-top:10px;font-size:15px;line-height:20px;font-family:'NotoKrB',NotoKrM,sans-serif;font-weight:500;}

.ifi_mobile{display:none;}

.fr.btn-m.myboard.btn_AC{display:inline-flex;align-items:center;}
.ul-list05.statblCd > div{overflow:hidden;margin-bottom:10px;}


#board-data-table{line-height:1.2;}


.chartCom_select {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 0 10px;
  font-family: 'NotoKrR', sans-serif;
  color: #666667;
  font-size: 13px;
  cursor: pointer;
  outline: none;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.05);
  transition: border 0.2s ease, box-shadow 0.2s ease;
  height: 30px;
  line-height: 30px;
}

.chartCom_select:hover {
  border-color: #007bff;
}

.chartCom_select:focus {
  border-color: #007bff;
  box-shadow: 0 0 4px rgba(0, 123, 255, 0.3);
}
.regionCom_select {
	height: 29px;
	line-height: 29px;
    background-color: #11a1d9;
    color: #ffffff;
    margin: 1px 0px 0px 0px;
    background-color: #11a1d9 !important;
    border: 1px solid #ffffff !important;
	
}
.regionCom_select option {
    color: #666667;
    background-color: #ffffff;
    border: 1px solid #ddd;
}

/* 2024-10-30 */
#zan_popup_chang {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	z-index: 999999;
}

#zan_popup_chang #innerDiv{
	position: relative;
	width: 80%;
	left: 10%;
	top: 15%;
}

.rpc_inner{
	display: flex;
	justify-content: center;
	align-items: center;
	height:0;
	margin-top:450px
}
.rpc_flex{position:relative;width:500px;height:500px;background:#ffffff;text-align: left}

.rpc_title{background:#3261c9;height:55px;}
.rpc_title h3{color:#ffffff;font-size:20px;line-height:59px;margin-left:18px;}
.rpc_title a{position:absolute;top:0;right:0;width:55px;height:55px;background:url(/images/uportal/site/btn_nemo_x.png) no-repeat 0 0;display:block;text-indent:-9999px;}
.rpc_cont{padding:30px 15px 10px 15px;}

.region_pop.region_en .cont2 ul li .tit2{margin-top:10px;margin-bottom:7px;}
.region_pop.region_en .cont2 ul li .plus{font-size:17px;margin-top:5px;line-height:1.1;}

.popup_btn01{    min-width: 70px;
	height: 30px;
	line-height: 30px;
	background: #1d418f;
	color: #fff;
	display: inline-block;
	border-radius: 5px;
	font-size: 16px;}
.popup_btn02{    min-width: 70px;
	height: 30px;
	line-height: 30px;
	background: #818181;
	color: #fff;
	display: inline-block;
	border-radius: 5px;
	font-size: 16px;}

.popup_btn03{    min-width: 70px;
	height: 30px;
	line-height: 30px;
	background: #ff9000;
	color: #fff;
	display: inline-block;
	border-radius: 5px;
	font-size: 16px;}


/**/
.main_div{text-align: center;background: linear-gradient(to right,  #f0f9fe 0%,#fbfeff 100%);}
footer{background: #fff;border-top:1px solid #ddd;}
.zasis_foot{max-width: 1300px;margin:0 auto;padding: 20px 0;display: flex;justify-content: space-between;}
.zasis_foot .foot_div *{color:#000;font-family:'NotoKrM';}
.zasis_foot .foot_div div{text-align: left;padding: 3px 0;    line-height: 1.4;}
.zasis_foot .foot_select{}
.zasis_foot .foot_select select{width: 200px;padding: 0 15px;border-radius: 5px;border:1px solid #ddd;}

.gnb-box .left li a.go_ocgs{
	font-size: 15px;
	font-family: 'NotoKrL';
	height: 40px;
	background: #fff;
	color: #444;
	line-height: 28px;
	padding: 0 20px;
	line-height: 40px;
	font-family: 'NotoKrB';
	box-shadow: 5px 0 3px rgba(0, 0, 0, 0.02);
}

.si_pic img{max-width:100%;}
.si_txt{
	font-size: 16px;
	margin: 30px 0;
	line-height: 1.5;
	color: #000;
	font-family: 'NotoKrM';
}

.board_buttons{
	display: flex;
	justify-content: flex-end;
	gap: 20px;
	margin: 0 0 10px 0;
}
.btn_mon{font-size:13px;color:#000;font-family:'NotoKrM';}
.btn_mon:before{
	width:19px;
	height:19px;
	text-align:center;
	line-height:20px;
	background:#0597ee;
	color:#fff;
	font-family:'NotoKrB';
	content:'M';
	display:inline-block;
	vertical-align:middle;
	font-size:13px;
	border-radius:2px;
	margin-right:4px;
}
.btn_qty{font-size:13px;color:#000;font-family:'NotoKrM';}
.btn_qty:before{
	width:19px;
	height:19px;
	text-align:center;
	line-height:20px;
	background:#b8006d;
	color:#fff;
	font-family:'NotoKrB';
	content:'Q';
	display:inline-block;
	vertical-align:middle;
	font-size:13px;
	border-radius:2px;
	margin-right:4px;
}
.btn_ann{font-size:13px;color:#000;font-family:'NotoKrM';}
.btn_ann:before{
	width:19px;
	height:19px;
	text-align:center;
	line-height:20px;
	background:#00b895;
	color:#fff;
	font-family:'NotoKrB';
	content:'Y';
	display:inline-block;
	vertical-align:middle;
	font-size:13px;
	border-radius:2px;
	margin-right:4px;
}

.tab_menu{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 30px 0;}
.tab_menu a{display:flex;justify-content:center;align-items:center;flex:1 0 20%;width:100%;background:#efefef;border-radius:3px;border:1px solid #ddd;}
.tab_menu a.onMouse{background: #328c99;color:#fff;font-family:'NotoKrM';box-shadow:3px 3px 3px rgb(0 82 167 / 14%);}
.tab_menu a.on{background:#328c99;color:#fff;font-family:'NotoKrM';box-shadow:3px 3px 3px rgb(0 82 167 / 14%);}
.tab_menu span{font-size:16px;padding:10px 20px;line-height:1.2;}

.top_sec{display:flex;flex-wrap:wrap;align-items:center;background:#f5f6f8;padding:10px 30px;margin:0 0 30px 0;gap:5px 20px;border:1px solid #e7e7e7;}
.top_sec div{display:flex;align-items:center;gap:8px;}
.top_sec label{font-family:'NotoKrB';font-size:16px;min-width:35px;color:#000;}
.pyramid_sec label:nth-child(3){margin-left:30px;}
.pyramid_sec select{
	border: 1px solid #07535e;
	background: #e1f4ff;
	border-radius: 5px;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
	padding: 0 10px;
	min-width: 110px;
}

.zanmap{}
.zanmap_head{height:55px;padding:15px 0;display:flex;justify-content:space-between;align-items:center;}
.zanmap_head strong{color:#000;font-family:'NotoKrB';font-size:17px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.zanmap_head select{width:85px !important;}
.zanmap_cont{
	background: #ffffff;
	height: 846px;
	border: 1px solid #4e93cc;
	border-radius: 6px;
	overflow:hidden;
}

.mobile_btn_lang{display:none;}

.mapMenu{
	background: #eaf1f3;
	padding: 10px;
}


/* 로딩 오버레이 설정 */
.loading-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6); /* 어두운 배경 음영 */
	z-index: 9999;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* 로딩바 컨테이너 */
.loading-container {position: relative;;
	text-align: center;
	color: white;
}

/* 로딩 스피너 */
.loading-spinner {
	width: 80px;
	height: 80px;
	border: 3px solid transparent; /* 배경을 투명하게 설정 */
	border-top: 3px solid #328c99; /* 상단은 색상 적용 */
	border-right: 3px solid #328c99; /* 우측에 색상 추가 */
	border-radius: 50%;
	animation: spin 1s ease-in-out infinite; /* 부드러운 애니메이션 */
	margin: 10px auto;
}
.load_imge{
	width: 50px;
	height: 50px;
	background: url(/images/uportal/site/loading.png) no-repeat center;
	background-size: contain;
	position: absolute;
	top: calc(50% - 10px);
	left: 50%;
	transform: translate(-50%, -50%);
}
/* 애니메이션 효과 */
@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

/* 로딩 텍스트 */
.loading-text {
	font-size: 16px;
	font-weight: 500;
	color: #ffffff;
	margin-top: 15px;
	animation: fadeIn 1.5s ease-in-out infinite; /* 텍스트 부드럽게 나타남 */
}

/* 텍스트 페이드 효과 */
@keyframes fadeIn {
	0%, 100% {
		opacity: 0.6;
	}
	50% {
		opacity: 1;
	}
}

.rone_left img{max-width:100%;}
.rone_right{line-height:1.3;}
.rone_right h4{font-size:25px;color:#000;margin:30px 0 0 0;line-height:1.3;}
.rone_right h4 strong{color:#000;}
.rone_right p{font-size:19px;}

/* new */
.nboard_list{
	position: relative;
}
.nboard_block{border-bottom:1px solid #ddd;padding:20px;}
.nboard_block:hover{background:#f7f7f7;}
.nboard_block:hover a{color:#195f5e;}
.nboard_box{display:flex;gap:20px;flex-direction:column;transition:all 0.3s;}
.nblock01{display:flex;align-items:center;gap:20px;flex-wrap:wrap;transition:all 0.3s;}
.nblock01 strong{border:1px solid #3e7f7e;display:inline-block;background:#368173;color:#fff;padding:8px 16px;border-radius:4px;font-size:16px;}
.nblock01 span{font-size:18px;color:#555;font-family:'NotoKrB';}
.nblock01 em{font-size:18px;color:#999;}
.nblock01 em:last-child{border-left:1px solid #ddd;padding-left:16px;}
.nblock02{font-size:30px;color:#000;font-family:'NotoKrB';transition:all 0.3s;}
.nblock03{font-size:17px;color:#555;transition:all 0.3s;line-height:1.3;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	overflow:hidden;
}

.nboard_box ul{display:flex;gap:8px;}
.nboard_box ul li a{
	font-size: 15px;
	display: block;
	background: #e6e9e97a;
	padding: 10px 13px;
	border-radius: 7px;
	color: #368173;
}
.nboard_box ul li a:before{content:"#";}


.nboard_view{
	border-bottom:1px solid #ddd;
	display:flex;
	flex-direction:column;
	gap:30px;
	padding: 30px 0 30px 0;
}
.nboard_view_title{color:#000;font-size:34px;font-family:'NotoKrB';}
.nboard_view_etc{display:flex;align-items:center;justify-content:space-between;}
.nboard_view_etc ul li{display:inline-block;font-size:18px;}
.nboard_view_etc ul:first-child li{border-left:1px solid #ddd;padding:0 15px;}
.nboard_view_etc ul:first-child li:first-child{border-left:none;padding:0 15px 0 0;font-family:'NotoKrM';color:#000;}
.nboard_view_etc ul:last-child li{position:relative;margin-left:15px;}
.nboard_view_etc ul:first-child li.userDttm{background:url(/images/uportal/icons_calendar.png) no-repeat 15px center;padding-left:38px;background-size:contain;}
.nboard_view_etc ul:first-child li.viewCnt{background:url(/images/uportal/icons_eyes.png) no-repeat 15px center;padding-left:42px;background-size:21px;}

.nboard_cont{padding:30px 0;font-size:18px;line-height:1.4;border-bottom:1px solid #ddd;min-height:260px;}
.nboard_btn{text-align:center;padding:20px 0;}
.btns_pdf{width:24px;height:24px;display:block;text-indent:-9999px;background:url(/images/uportal/icons_download.png) no-repeat 0 0;}
.btns_share{width:24px;height:24px;display:block;text-indent:-9999px;background:url(/images/uportal/icons_sns.png) no-repeat 0 0;}

.nboard_cont table{width:auto;}

.btns_sns_icons{
	position: absolute;
	top: 37px;
	right: 0;
	background: #fff;
	padding: 15px;
	border-radius: 8px;
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
	display:none;
}
.btns_sns_icons > div{display:flex;gap:10px;}
.sns_naver{width:50px;height:50px;display:inline-block;text-indent:-9999px;background:#49b649 url(/images/uportal/icon_sns_naver.png) no-repeat center center;background-size:81%;border-radius:50px;}
.sns_facebook{width:50px;height:50px;display:inline-block;text-indent:-9999px;background:url(/images/uportal/icon_sns_facebook.png) no-repeat center center;background-size:contain;}
.sns_twitter{width:50px;height:50px;display:inline-block;text-indent:-9999px;background:url(/images/uportal/icon_sns_twitter.png) no-repeat center center;background-size:contain;}
.is-open{display:block;}

.rel_owner{display:flex;gap:6px;margin:0 0 20px 0;justify-content:space-between;align-items:center;}
.rel_owner strong{color:#000;font-family:'NotoKrB';font-size:16px;}
.rel_owner span{font-size:14px;color:#8b8b8b;}
.rel_owner > div:first-child{display:flex;gap:6px;flex-direction:column;}

.rel_site{
	display:grid;
	gap:33px;
	grid-template-columns:1fr 1fr 1fr 1fr;
}
.rel_site a{transition:all 0.3s;background:#f6f7f9 url(/images/uportal/bg_spri.png) no-repeat right bottom;padding:20px;display:flex;flex-direction:column;flex:0 0 20%;}
.rel_site a > div{display:flex;gap:6px;}
.rs01{background:#368173;color:#fff;display:block;border-radius:20px;padding:10px 15px;line-height:1.1;}
.rs02{border:1px solid #368173;color:#368173;display:block;border-radius:20px;padding:10px 15px;line-height:1.1;background:#fff;}
.rel_site a > strong{font-size:20px;color:#000;font-family:'NotoKrB';height:44px;margin:20px 0;line-height:1.2;}
.rel_site a > span{font-size:16px;line-height:1.2;}
.rel_site a > em{display:block;margin:15px 0 0 0;color:#368173;}
.rel_sns{position:relative;}

.rel_site a:hover{background:#368173 url(/images/uportal/bg_spri20.png) no-repeat right bottom;}
.rel_site a:hover > strong{color:#fff;}
.rel_site a:hover > span{color:#fff;}
.rel_site a:hover > em{color:#fff;}
.rel_site a:hover .rs01{background:#164139;}

.others_search{padding:0 0 80px 0;}
.os_searchbox{display:flex;width:700px;margin:0 auto;align-items:center;}
.os_searchbox h3{font-size:30px;font-family:'NotoKrB';color:#000;width:140px;flex-shrink:0;}
.os_searchbox div{display:flex;align-items:center;width:100%;gap:20px;}
.os_searchbox input{font-size:24px;width:100%;height:63px;border:none;border-bottom:2px solid #368173;
	background:url(/images/uportal/icons_glass_search.png) no-repeat 0 center;
}
.os_searchbox input:not(:placeholder-shown){background:none;}

.os_searchbox button{width:150px;height:65px;border-radius:5px;color:#fff;background:#368173;font-size:20px;}
.os_select{margin:60px 0;padding:40px 60px;border-radius:8px;background:#f6f6f6 url(/images/uportal/bg_search_detail.png) no-repeat right bottom;box-sizing:border-box;background-size:150px;}
.os_select > div{display:flex;gap:15px;}
.os_select > div:first-child{margin-bottom:30px;}
.os_select > div strong{width:100px;color:#000;font-size:18px;font-family:'NotoKrB';}
.os_select > div ul{display:flex;gap:32px;}
.os_select > div ul li{display:flex;align-items:center;gap:9px;}
.os_select > div ul li input{width:20px;height:20px;}
.os_select > div label{font-size:16px;}
.os_select p{margin:15px 0 0 0;padding:0 0 0 115px;}
.os_select p input{
	font-size: 16px;
	border: 1px solid #368173;
	color: #368173;
	padding: 9px;
	border-radius: 6px;
}
.os_tab ul{display:flex;gap:5px;}
.os_tab ul li{width:100%;}
.os_tab ul li a{
	display: block;
	border: 1px solid #ddd;
	text-align: center;
	padding: 16px 0;
	font-size: 18px;
	font-family: 'NotoKrB';
	border-radius: 5px;
}
.os_tab ul li a.on{background:#368173;border:1px solid #368173;color:#fff;}
.os_result{
	padding: 50px 0;
	border-bottom: 1px solid #ddd;
	font-size: 26px;
	line-height:1.3;
}
.os_result em{font-family:'NotoKrB';color:#00afaf;text-decoration:underline;}

.sitemap_box{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:30px;}
.sitemap_box dt{border-top:1px solid #047c4b;border-bottom:1px solid #ddd;padding:15px 10px;margin-bottom:10px;}
.sitemap_box dt a{font-size:18px;font-family:'NotoKrB';color:#3c7f63;}
.sitemap_box dd{padding:8px 10px;}
.sitemap_box dd a{font-size:17px;}

.unit_area{display:flex;justify-content:space-between;flex-direction:row-reverse;padding:10px;}
.unit_area > span:before{content:"[";}
.unit_area > span:after{content:"]";}
.unit_area a[href*='dtlAnalyze']{background:#368173;border:1px solid #368173;}
.unit_area a[href*='dtlAnalyze'] span{color:#fff;}