@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; 
}
* {
	margin: 0;
	padding: 0; 
	/*
	outline-style: none;
	*/
}

body {
	/* min-width: 320px; */
	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: 10px;
}

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





/* 스킵네비게이션 
.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%
}

.sr-only{position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}

.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;
}

.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;
}

/* header */
.header {
	position: relative;
	height: 124px;
	top:0;
	left:0;
	width:100%;
	background:#ffffff;
	z-index:10;
}


.blind{
	position:absolute;
	top:-500000em;
	left:-500000em;
	text-shadow:none;
	z-index:-1;
	width:0;
	height:0;
	font-size:0;
	background:transparent;
}

/* gnb */
.gnb-area {
	height: 35px;
	background: transparent url(../../images/bg_gnb_line01.gif);
	background: -webkit-linear-gradient(transparent,transparent),url(../../images/bg_gnb_line01@2x.gif);
	background: linear-gradient(transparent,transparent),url(../../images/bg_gnb_line01@2x.gif);
	background-repeat: repeat-x; 
	background-position: left bottom;
	background-size: 1px 1px;
}

.gnb-box {
	max-width: 1000px;
	height: 35px;
	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 {
	font-size:16px;
	display: block;
	padding: 0 20px;
	height: 34px;
	line-height: 34px;
	color: #414141;
	font-family: "notoKrB", sans-serif;
	font-weight: 700;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #d8dadb;
	margin-right: -1px;
	background: transparent url(../../images/icon_gnb_bar01.gif);
	background: -webkit-linear-gradient(transparent,transparent),url(../../images/icon_gnb_bar01@2x.gif);
	background: linear-gradient(transparent,transparent),url(../../images/icon_gnb_bar01@2x.gif);
	background-repeat: no-repeat; 
	background-position: right center;
	background-size: 1px 11px;
}

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


.gnb-box .left li a:hover,
.gnb-box .left li a.on{
	position: relative;
	color: #333333;
	border-left: 1px solid #d8dadb;
	border-right: 1px solid #d8dadb;
	border-bottom: 1px solid #fff;
	background: transparent;
	z-index: 3;
}


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

.gnb-box .right li {
	float: left;
	height: 34px;
	line-height: 34px;
	padding-left: 15px;
	margin-left: 14px;
	background: transparent url(../../images/icon_gnb_bar01.gif);
	background: -webkit-linear-gradient(transparent,transparent),url(../../images/icon_gnb_bar01@2x.gif);
	background: linear-gradient(transparent,transparent),url(../../images/icon_gnb_bar01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 1px 11px;	
}


.gnb-box .right li a {
	display: inline-block;
	vertical-align: middle;
	color: #7b7b7b;
	font-size: 0.923em;
	line-height: 34px;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
}

/* 상단 메뉴 */
.header-area {
	position: absolute;
	top: 35px;
	left: 0;
	width: 100%;
	height: 89px;
}

.header-area .header-box {
	max-width: 1000px;
	height: 63px;
	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:2px;
}

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

.header-area .header-box h1 a img {
	display: inline-block;
	vertical-align: middle;
	/*width:163px;*/
}

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

.header-area .header-box .top-menu > li {
	float: left;
	padding-right: 16px;
	margin-right: 19px;
	background: transparent url(../../images/icon_topmenu_bar01.gif);
	background: -webkit-linear-gradient(transparent,transparent),url(../../images/icon_topmenu_bar01@2x.gif);
	background: linear-gradient(transparent,transparent),url(../../images/icon_topmenu_bar01@2x.gif);
	background-repeat:  no-repeat;
	background-position: right center;
	background-size: 1px 15px;	
}

.header-area .header-box .top-menu > li:last-child {
	padding-right: 0;
	margin-right: 0;
}

.header-area .header-box .top-menu > li > a {
	display: block;
	font-size: 1.385em;
	line-height: 1.111em;
	color: #111111;
	font-family: "notoKrM", 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 {
	color: #126bc2;
}

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

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

.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 {
	/* float: left; */
	width: 17px;
	height: 17px;
	background: transparent url(../../images/icon_allmenu.gif);
	background: -webkit-linear-gradient(transparent,transparent),url(../../images/icon_allmenu@2x.gif);
	background: linear-gradient(transparent,transparent),url(../../images/icon_allmenu@2x.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 17px 17px;	
	text-indent: -5000em;
}

.header-area .header-box .search-totalmenu .btn-totalmenu.on {
	background: transparent url(../../images/icon_allmenu_close.png);
	background: -webkit-linear-gradient(transparent,transparent),url(../../images/icon_allmenu_close@2x.png);
	background: linear-gradient(transparent,transparent),url(../../images/icon_allmenu_close@2x.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 17px 17px;	
}


.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:208px; */
	height:198px;
	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/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/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;}
.menulayer01 div.menu2{width:173px;height:175px;left:345px;}
.menulayer01 div.menu3{width:159px;height:180px;left:512px;}
.menulayer01 div.menu4{width:119px;left:657px;}
.menulayer01 div.menu5{width:141px;height:130px;left:763px;}
.menulayer01 div.menu6{width:190px;left:872px;}

/* .menulayer01 div.menu1{width:127px;left:226px;}
.menulayer01 div.menu2{width:173px;height:155px;left:345px;}
.menulayer01 div.menu3{width:159px;height:160px;left:512px;}
.menulayer01 div.menu4{width:119px;left:657px;}
.menulayer01 div.menu5{width:141px;height:88px;left:763px;}
.menulayer01 div.menu6{width:190px;left:872px;}
 */
.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: 89px;
	left: 0;
	width: 100%;
	background-color: #f8f8f8;
	border-top: 1px solid #dbdfe5;
	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: 999px;
	margin: 0 auto;
	border-left: 1px solid #ebedf0;
}	

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



.totalmenu-area {
	float: left;
	width: 168px;
	height: 265px;
	padding: 25px 15px;
	border-right: 1px solid #ebedf0;
	border-top: 3px solid #f8f8f8
}

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

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

.totalmenu-area > h2 a {
	color: #4b65a2;
	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: 7px;
}

.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", notoKrL, sans-serif;
	font-weight: 100;
	letter-spacing: -1px;

	background: transparent url(../../images/icon_top_submenu.gif);
	background: -webkit-linear-gradient(transparent,transparent),url(../../images/icon_top_submenu@2x.gif);
	background: linear-gradient(transparent,transparent),url(../../images/icon_top_submenu@2x.gif);
	background-position: 0 50%;
	background-repeat: no-repeat;
	background-size: 3px 5px;	
}
/* .totalmenu-area > ul > li > a.menu3depth{
	font-size:14px;
	padding-left:13px;
	background:none;
	line-height:1.2;
} */
.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/bg_opacity60.png) repeat;
	z-index: 11;
}


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

.layerpopup-totalsearch-wrapper .layerpopup-totalsearch-area {
	position: relative;
	display: block;
	width: 100%;
	max-width: 450px;
	padding: 25px 55px;
	background: #fff;
	margin: 0 auto;
	font-family: "notoKrL", sans-serif;
	font-weight: 100;
}

.layerpopup-totalsearch-wrapper .layerpopup-totalsearch-area h2 {
	text-align: center;
	font-size: 1.385em;
	line-height: 1.333em;
	color: #444449;
	padding-bottom: 9px;
	margin-bottom: 20px;
	border-bottom: 1px solid #e5e5e5;
}

.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: #e9e9e9;
	border: 0;
	border-radius: 0;
	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: 80px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	color: #ffffff;
	font-size: 1.385em;
	background: #2266C3;
	border: 0;
	border-radius: 0;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
}

.layerpopup-totalsearch-wrapper .layerpopup-totalsearch-area .btn-totalsearch-close {
	position: absolute;
	top: 15px;
	right: 15px;
	height: 15px;
	width: 15px;
	text-indent: -5000em;
	background: transparent url(../../images/btn_document_close.gif) no-repeat 0 0;
	background: -webkit-linear-gradient(transparent,transparent),url(../../images/btn_document_close@2x.gif) no-repeat 0 0;
	background: linear-gradient(transparent,transparent),url(../../images/btn_document_close@2x.gif) no-repeat 0 0;
	background-size: 15px 15px;	
}

/* 고정 상단 메뉴 */
.header-area.fixed {
	position: fixed;
	top: 0;
	height: 60px;
	margin-top: -60px;
	background: #1b6dbd;
	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: 1px;
}

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

.header-area.fixed .header-box .top-menu > li {
	background: transparent url(../../images/icon_topmenu_bar01_fixed.gif);
	background: -webkit-linear-gradient(transparent,transparent),url(../../images/icon_topmenu_bar01_fixed@2x.gif);
	background: linear-gradient(transparent,transparent),url(../../images/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/icon_search_white.png);
	background: -webkit-linear-gradient(transparent,transparent),url(../../images/icon_search_white@2x.png);
	background: linear-gradient(transparent,transparent),url(../../images/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/icon_allmenu_white.gif);
	background: -webkit-linear-gradient(transparent,transparent),url(../../images/icon_allmenu_white@2x.gif);
	background: linear-gradient(transparent,transparent),url(../../images/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/icon_allmenu_close_white.png);
	background: -webkit-linear-gradient(transparent,transparent),url(../../images/icon_allmenu_close_white@2x.png);
	background: linear-gradient(transparent,transparent),url(../../images/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{padding-right:40px;}
.top-menu > li{padding-bottom:33px;}
.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/icon_top_submenu.gif);
	background: -webkit-linear-gradient(transparent,transparent),url(../../images/icon_top_submenu@2x.gif);
	background: linear-gradient(transparent,transparent),url(../../images/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 {
	clear: both;
	display: block;
	width: 100%;
	margin-bottom: 25px;
	background: rgb(33,71,134);
}

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

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

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

.contents-navigation-area .contents-navigation-box .contents-navigation .icon-home {
	display: inline-block;
	vertical-align: middle;
	width: 15px;
	height: 15px;
	text-indent: -5000em;
	background: transparent url(../../images/icon_home.gif);
	background: -webkit-linear-gradient(transparent,transparent),url(../../images/icon_home@2x.gif);
	background: linear-gradient(transparent,transparent),url(../../images/icon_home@2x.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 15px 15px;	
}

.contents-navigation-area .contents-navigation-box .contents-navigation .icon-gt {
	display: inline-block;
	vertical-align: middle;
	width: 6px;
	height: 10px;
	margin: 0 13px;
	text-indent: -5000em;
	background: transparent url(../../images/icon_gt.png);
	background: -webkit-linear-gradient(transparent,transparent),url(../../images/icon_gt@2x.png);
	background: linear-gradient(transparent,transparent),url(../../images/icon_gt@2x.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 6px 10px;	
}

.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: 1.077em;
	line-height: 1em;
	color: #ffffff;
}


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

.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/icon_print.png);
	background: -webkit-linear-gradient(transparent,transparent),url(../../images/icon_print@2x.png);
	background: linear-gradient(transparent,transparent),url(../../images/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/icon_print_white.png);
	background: -webkit-linear-gradient(transparent,transparent),url(../../images/icon_print_white@2x.png);
	background: linear-gradient(transparent,transparent),url(../../images/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/icon_view.png);
	background: -webkit-linear-gradient(transparent,transparent),url(../../images/icon_view@2x.png);
	background: linear-gradient(transparent,transparent),url(../../images/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/icon_view_white.png);
	background: -webkit-linear-gradient(transparent,transparent),url(../../images/icon_view_white@2x.png);
	background: linear-gradient(transparent,transparent),url(../../images/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/icon_view_white.png);
	background: -webkit-linear-gradient(transparent,transparent),url(../../images/icon_view_white@2x.png);
	background: linear-gradient(transparent,transparent),url(../../images/icon_view_white@2x.png);
	background-repeat: no-repeat;
 	background-position: center center;
 	background-color: #1680e8;
 	background-size: 60px 60px;
}


.contents-navigation-area .contents-navigation-box .sub-function-list button.btn-font-bigger {
	text-indent: -5000em;
	background: transparent url(../../images/icon_plus.png);
	background: -webkit-linear-gradient(transparent,transparent),url(../../images/icon_plus@2x.png);
	background: linear-gradient(transparent,transparent),url(../../images/icon_plus@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-bigger:hover,
.contents-navigation-area .contents-navigation-box .sub-function-list .btn-font-bigger:focus {
	text-indent: -5000em;
	background: transparent url(../../images/icon_plus_white.png);
	background: -webkit-linear-gradient(transparent,transparent),url(../../images/icon_plus_white@2x.png);
	background: linear-gradient(transparent,transparent),url(../../images/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/icon_font_reset.png);
	background: -webkit-linear-gradient(transparent,transparent),url(../../images/icon_font_reset@2x.png);
	background: linear-gradient(transparent,transparent),url(../../images/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/icon_font_reset_white.png);
	background: -webkit-linear-gradient(transparent,transparent),url(../../images/icon_font_reset_white@2x.png);
	background: linear-gradient(transparent,transparent),url(../../images/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/icon_minus.png);
	background: -webkit-linear-gradient(transparent,transparent),url(../../images/icon_minus@2x.png);
	background: linear-gradient(transparent,transparent),url(../../images/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/icon_minus_white.png);
	background: -webkit-linear-gradient(transparent,transparent),url(../../images/icon_minus_white@2x.png);
	background: linear-gradient(transparent,transparent),url(../../images/icon_minus_white@2x.png);
	background-repeat: no-repeat;
 	background-position: center center;
 	background-size: 60px 60px; 
}

/* container */
.container {
	position: relative;
	padding-left: 220px;
	width: 780px;
	margin: 0 auto;
}

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

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

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

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

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

.lnb > h2 {
	color: #202020;
	font-size: 24px;
	line-height: 1em;
	margin-bottom: 20px;
	text-align: center;
	font-family: "notoKrM", notoKrM, sans-serif;
	font-weight: 500;

}
.lnb ul {
	margin: 0;
	padding: 0;
	background: #fff;
	border-top: 4px solid #494b4d;
}

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

.lnb ul > li > a {
	display: block;
	min-height: 18px;
	padding: 12px 18px 10px 18px;
	color: #555555;
	font-size: 	1.385em;
	line-height: 1.333em;
	letter-spacing: -1px;
	word-break: keep-all;
	-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 {
	color: #0a66b8;
	background-color: #f0f0f0;    border-left: 1px solid #0a66b8;
}
.lnb ul > li > a:hover {
	color: #0a66b8;
	background-color: #f0f0f0;
	font-weight:bold;
	
}


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

.contents .contents-title-wrapper {
	position:relative;
	margin-bottom: 15px;
	border-bottom: 1px solid #e5e5e5;
}

.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;
	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{position:relative;margin-bottom: 15px;border-bottom: 1px solid #e5e5e5;}
.contents-pop-title-wrapper{background:#24448c;text-align:center;
	background: linear-gradient(45deg,
	 #123c9a 25%, #24448c 0, #24448c 50%,
	 #123c9a 0, #123c9a 75%, #24448c 0);
	 -webkit-background-size:10px 10px;
	 background-size:10px 10px;
}
.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:#ffffff;border:none;float:none;line-height:75px;height:75px;margin:0;}

.contents-iframe-title-wrapper{
	background: linear-gradient(45deg, #123c9a 25%, #24448c 0, #24448c 50%, #123c9a 0, #123c9a 75%, #24448c 0);
	-webkit-background-size:10px 10px;
	background-size:10px 10px;
    text-align: center;
    font-size: 20pt;
    color: #fff;
    padding: 15px 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 5;
    height: 45px;
	border-bottom: 1px solid #e5e5e5;
}
.contents-iframe-title-wrapper h3{
	font-family: "notoKrM", notoKrM, sans-serif;
	font-weight: 500;
	color: #ffffff;
    border: none;
    float: none;
    line-height: 42px;}

/* footer */
.footer {
	background:#575e6b;
	padding-bottom:15px;
}

.footer-menulist {
	padding: 20px;
}

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

.footer-menulist ul > li {
	float: left;
	padding-right: 14px;
	margin-right: 9px;
	background: transparent url(../../images/icon_footer_dotted01.png);
	background: -webkit-linear-gradient(transparent,transparent),url(../../images/icon_footer_dotted01@2x.png);
	background: linear-gradient(transparent,transparent),url(../../images/icon_footer_dotted01@2x.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 3px 3px;
}

.footer-menulist ul > li > a {
	color: #ffffff;
	font-family: "notoKrB", notoKrB, sans-serif;
	font-weight: 700;
}

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

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

.footer-information {
	position:relative;
	width: 1000px;
	margin: 0 auto;
}

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

.footer-information .copyrigyht {
	padding-top: 5px;
	color: #c7c9cc;
	font-family: "notoKrB", notoKrB, sans-serif;
	font-weight: 700;
}

.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;
}

.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;
}

.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:-33px;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/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/btn_view_answer.png') no-repeat right center; font-weight:bold; color:#666;}
.dl_FAQ dt a.on {background:url('../../images/btn_close_answer.png') no-repeat right center;}
.dl_FAQ dd {display:none; padding:17px 45px 17px 47px; background:#f9f9f9 url('../../images/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/btn_view_answer.png');}
.dl_FAQ dt a.on {background-image:url('../../images/btn_close_answer.png');}
.dl_FAQ dd {padding:11px 35px 11px 38px; background:#f9f9f9 url('../../images/txt_answer.png') no-repeat 0 0; }
}
/* 자주하는 질문 E */

/* 개방통계 */
.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: 40px;
	height: 35px;
	line-height: 35px;
	padding: 0 20px;
	color: #fff;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
	cursor: pointer;
	text-align: center;
}

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

.btns-color02 span {
	border: 1px solid #53586c;
	background-color: #53586c;
	color: #fff
}

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

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

.btns-color05 {
	background-color: #126bc2; 
}

.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 23px;
	box-sizing: border-box;
	margin: 0 2px;
}

.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
}

.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: 30px;
	font-size: 13px;
	color: #fff;
	padding: 0 8px;
	box-sizing: border-box;
}

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

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

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

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

.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: #31343f;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
}

.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: 35px;
	line-height: 35px;
	border: 1px solid #a6aaaf;
	border-radius: 0;
	text-indent: 10px;
	box-sizing: border-box;
}

.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 #a6aaaf;
	height: 35px;
	line-height: 35px;
	padding: 0;
	width: 220px;
	text-indent: 10px;
	background: #fff;
	border-radius: 0;
	-webkit-appearance: none;
	box-sizing: border-box;
}


.board-area .search-area .search-box input[type="submit"] {
	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;
}

.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: 35px;
	line-height: 35px;
	font-size: 1.154em;
	color: #fff;
	padding: 0 30px;
	box-sizing: border-box;
	text-align: center;
}

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

.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: 30px;
	line-height: 30px;
	border: 1px solid #c0c0c0;
	border-radius: 0;
	text-indent: 10px;
	margin-left: 1px;
}

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

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


.board-area .search-area02 .search-box02 input[type="submit"] {
	position: absolute;
	top: 0;
	right: 0;
	width: 64px;
	height: 30px;
	line-height: 30px;
	border-radius: 0;
	border: 0;
	text-align: left;
	-webkit-appearance: none;
	color: #fff;
	cursor: pointer;
	text-align: center;
	background: #767676;
	font-size: 1.077em;
}

.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;
}

/* 게시판 목록 */
.board-list09{clear:both;border-top:2px solid #66575a;}
.board-list09 table{font-size:14px;line-height:14px;border-collapse:collapse;}

.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/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/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;}

.board-list01 {clear: both;border-top: 2px solid #66575a;}
.board-list01 table {font-size: 1.231em;line-height: 1.500em;}
.board-list01 tr.notice {background: #f8f7f2;}
.board-list01 table th,
.board-list01 table td{border-width:0;}

.board-list01.line01 table {
	font-size: 1.154em;
	line-height: 1.067em;
}

.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: #666666;
	background: #f7f7f7;
	padding: 10px 5px 13px 5px;
	text-align: center; 
	vertical-align: middle; 
	border-bottom: 1px solid #cccccc;
	font-family: "notoKrL", sans-serif;
	font-weight: 100;
} 

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

.board-list01 table tbody td {
	border-bottom: 1px solid #dddddd; 
	color: #666666; 
	text-align: center; 
	padding: 10px 5px 13px 5px;
}

.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/icon_key.gif);
	background: -webkit-linear-gradient(transparent,transparent),url(../../images/icon_key@2x.gif);
	background: linear-gradient(transparent,transparent),url(../../images/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;
}

.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", 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/icon_reply.gif) no-repeat 0 0;
	background: -webkit-linear-gradient(transparent, transparent), url(../../images/icon_reply@2x.gif) no-repeat 0 0;
	background: linear-gradient(transparent, transparent), url(../../images/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%;
	padding-top: 12px;
}

.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%;
	padding-top: 12px;
}

.board-list01 table .writer {
	width: 10%;
}
.board-list01 table .file {
	width: 10%;
	padding-top: 7px;
}

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

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

.board-list01 table .hit {
	width: 8%;
	padding-top: 12px;
}

.board-list01 table .hit02 {
	width: 10%;
	padding-top: 12px;
}


.board-list01 table .counter {
	width: 10%;
	padding-top: 12px;
}

.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", 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;
	margin-top: -3px;
}

.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;
}
.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 #636363; 
	color: #fff; 
	vertical-align: middle;
	background: #636363;
}
.paging-navigation a.btn-first {
	width: 35px;
	padding: 0;
	text-indent: -5000em;
	background: transparent url(../../images/btn_first.gif) no-repeat center center;
	background: -webkit-linear-gradient(transparent, transparent), url(../../images/btn_first@2x.gif) no-repeat center center;
	background: linear-gradient(transparent, transparent), url(../../images/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/btn_previous.gif) no-repeat center center;
	background: -webkit-linear-gradient(transparent, transparent), url(../../images/btn_previous@2x.gif) no-repeat center center;
	background: linear-gradient(transparent, transparent), url(../../images/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/btn_next.gif) no-repeat center center;
	background: -webkit-linear-gradient(transparent, transparent), url(../../images/btn_next@2x.gif) no-repeat center center;
	background: linear-gradient(transparent, transparent), url(../../images/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/btn_last.gif) no-repeat center center;
	background: -webkit-linear-gradient(transparent, transparent), url(../../images/btn_last@2x.gif) no-repeat center center;
	background: linear-gradient(transparent, transparent), url(../../images/btn_last@2x.gif) no-repeat center center;
	background-size: 12px 10px;
}


/* 게시판 글보기 */
.board-view {
	overflow: hidden;
	border-top: 2px solid #808086;
}

.board-view .one-box {
	position:relative;
	border-bottom: 1px solid #cccccc;
}

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

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

.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: 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;

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

.board-view 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;
}

.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/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-contents {
	position: relative;
	border-top: 1px solid #808086;
	border-bottom: 1px solid #808086;
	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: #666666;
	font-family: "notoKrL", notoKrL, sans-serif;
	font-weight: 100;
}

.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", 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/icon_arrow_up.gif) no-repeat 71px center;
	background: -webkit-linear-gradient(transparent, transparent), url(../../images/icon_arrow_up@2x.gif) no-repeat 71px center;
	background: linear-gradient(transparent, transparent), url(../../images/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/icon_arrow_down.gif) no-repeat 71px center;
	background: -webkit-linear-gradient(transparent, transparent), url(../../images/icon_arrow_down@2x.gif) no-repeat 71px center;
	background: linear-gradient(transparent, transparent), url(../../images/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: 125px;
	border-bottom: 1px solid #efefef;
	background: #f9f9f9;
}

.board-write dl dt {
	position: absolute;
	top: 50%;
	left: 0;
	width: 125px;
	margin-top: -8px;
	padding-left: 0;
	color: #333333;
	font-size: 1.154em;;
	text-align: center;
}

.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 #b9b9bb;

	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 #b9b9bb;
}

.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 #b9b9bb;
	border-radius: 0;
	overflow-y: auto;
	box-sizing: border-box;
	-webkit-appearance: none;
	appearance: none;
}



.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/icon_date.png) no-repeat left 1px;
	background: -webkit-linear-gradient(transparent, transparent), url(../../images/icon_date@2x.png) no-repeat left 1px;
	background: linear-gradient(transparent, transparent), url(../../images/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/icon_hit.png) no-repeat left 2px;
	background: -webkit-linear-gradient(transparent, transparent), url(../../images/icon_hit@2x.png) no-repeat left 2px;
	background: linear-gradient(transparent, transparent), url(../../images/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;
}
.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.5);z-index:9998;}
.layerPopup:not(.type2){overflow:hidden;overflow-y:auto;}
/*.layerPopup .close{position:absolute;top:18px;right:20px;overflow:hidden;width:15px;height:15px;text-indent:-9999%;background:url(../../images/soportal/btn_x_new.png) no-repeat 0 0;}*/
.layerPopup .close{position: absolute;
top: 0;
right: 7px;
width: 50px;
height: 50px;
background: url(../../images/btn_nemo_x.png) no-repeat 0 0;
display: block;
text-indent: -9999px;}
/*.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 {
	position: absolute;
	overflow: hidden;
	top: 50%;
	left: 50%;
	width: 500px;
	max-height: 100%;
	border-radius: 0;
	border: 0;
	background: #3261c9;
		transform:translate(-50%, -50%);
		-webkit-transform:translate(-50%, -49.7%);;
}
.layerPopup .popArea .popHeader {padding: 0;background: none;
	/* padding: 13px 10px 12px 10px; */
	/* background: url(../../images/soportal/bg_popup_new.png) repeat-x 0 0; */
	margin: 0 0 9px 0;
	height: 50px;}
.layerPopup .popArea .popHeader .tit{font-size: 20px;color:#fff;
	line-height: 55px;
	margin-left: 18px;font-weight:500 ;}
.layerPopup .popArea .popHeader .tit .ico{margin-right:5px;}
.layerPopup .popArea .popConts{padding:10px;background:#fff;border-radius: 0;margin-top:0}
.layerPopup .popBody{padding:10px 8px;border:0px solid #d7d7d7;background:#fff;}

.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/soportal/btn_img01.png) no-repeat 0 0;*/
/*	min-width:65px;*/
/*	height:26px;*/
/*	font-size:13px;*/
/*	line-height:26px;*/
/*}*/
/*.btnSt2.btn2{*/
/*	background:url(../../images/soportal/btn_img02.png) no-repeat 0 0;*/
/*	width:65px;*/
/*	height:26px;*/
/*	font-size:13px;*/
/*	line-height:26px;*/
/*}*/
.btnSt2.btn1{min-width: 70px;
	height: 30px;
	line-height: 30px;
	background: #1d418f;
	color: #fff;
	display: inline-block;
	border-radius: 5px;
	font-size: 16px}
.btnSt2.btn2{min-width: 70px;
	height: 30px;
	line-height: 30px;
	background: #818181;
	color: #fff;
	display: inline-block;
	border-radius: 5px;
	font-size: 16px}

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/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;
}

.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/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: #1B6DBD !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: 2px solid #66575a
}

.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/icon_q02.png);
	background: -webkit-linear-gradient(transparent, transparent),
		url(../../images/icon_q02@2x.png);
	background: linear-gradient(transparent, transparent),
		url(../../images/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: 1.231em;
	line-height: 1.750em;
	color: #666666;
}

.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/icon_arrow_down04.png);
	background: -webkit-linear-gradient(transparent, transparent),
		url(../../images/icon_arrow_down04@2x.png);
	background: linear-gradient(transparent, transparent),
		url(../../images/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/icon_arrow_up04.png);
	background: -webkit-linear-gradient(transparent, transparent),
		url(../../images/icon_arrow_up04@2x.png);
	background: linear-gradient(transparent, transparent),
		url(../../images/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/icon_a02.png);
	background: -webkit-linear-gradient(transparent, transparent),
		url(../../images/icon_a02@2x.png);
	background: linear-gradient(transparent, transparent),
		url(../../images/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.231em;
	line-height: 1.750em;
	font-family: "notoKrL", 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", notoKrB, sans-serif;
	font-weight: 700;
	padding-right: 37px;
	background: transparent
		url(../../images/icon_blue_arrow_down01.png);
	background: -webkit-linear-gradient(transparent, transparent),
		url(../../images/icon_blue_arrow_down01@2x.png);
	background: linear-gradient(transparent, transparent),
		url(../../images/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/icon_blue_arrow_up01.png);
	background: -webkit-linear-gradient(transparent, transparent),
		url(../../images/icon_blue_arrow_up01@2x.png);
	background: linear-gradient(transparent, transparent),
		url(../../images/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 #d2d2d2;
	border-bottom: 1px solid #9ca7b2;
}

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

.contents-accordion-area h5 a {
	position: relative;
	display: block;
	padding: 15px 130px 13px 58px;
	overflow: hidden;
	font-size: 1.538em;
	line-height: 1.400em;
	color: #333333;
	font-family: "notoKrB", sans-serif;
	font-weight: 700;
}

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

.contents-accordion-area h5 a .icon-number {
	position: absolute;
	top: 17px;
	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/icon_blue_arrow_down02.png);
	background: -webkit-linear-gradient(transparent, transparent),
		url(../../images/icon_blue_arrow_down02@2x.png);
	background: linear-gradient(transparent, transparent),
		url(../../images/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: #4297ee;
	color: #fff;
}

.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/icon_white_arrow_up02.png);
	background: -webkit-linear-gradient(transparent, transparent),
		url(../../images/icon_white_arrow_up02@2x.png);
	background: linear-gradient(transparent, transparent),
		url(../../images/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-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/icon_arrow_right01.png);
	background: -webkit-linear-gradient(transparent, transparent),
		url(../../images/icon_arrow_right01@2x.png);
	background: linear-gradient(transparent, transparent),
		url(../../images/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/bul_type01.gif);
	background: -webkit-linear-gradient(transparent, transparent),
		url(../../images/bul_type01@2x.gif);
	background: linear-gradient(transparent, transparent),
		url(../../images/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", notoKrL, sans-serif;
	font-weight: 100;
	background: transparent
		url(../../images/icon_arrow_right01.png);
	background: -webkit-linear-gradient(transparent, transparent),
		url(../../images/icon_arrow_right01@2x.png);
	background: linear-gradient(transparent, transparent),
		url(../../images/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", notoKrL, sans-serif;
	font-weight: 100;
	background: transparent url(../../images/bul_type07.gif);
	background: -webkit-linear-gradient(transparent, transparent),
		url(../../images/bul_type07@2x.gif);
	background: linear-gradient(transparent, transparent),
		url(../../images/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", notoKrL, sans-serif;
	font-weight: 100;
	background: transparent url(../../images/bul_type07.gif);
	background: -webkit-linear-gradient(transparent, transparent),
		url(../../images/bul_type07@2x.gif);
	background: linear-gradient(transparent, transparent),
		url(../../images/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", notoKrL, sans-serif;
	font-weight: 100;
	background: transparent url(../../images/bul_type07.gif);
	background: -webkit-linear-gradient(transparent, transparent),
		url(../../images/bul_type07@2x.gif);
	background: linear-gradient(transparent, transparent),
		url(../../images/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/bul_type09.png);
	background: -webkit-linear-gradient(transparent, transparent),
		url(../../images/bul_type09@2x.png);
	background: linear-gradient(transparent, transparent),
		url(../../images/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", 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", 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", 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 {
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
}

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

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

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

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

.table-type01 thead 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;
	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;
	font-family: "notoKrL", sans-serif;
	font-weight: 100;
	word-break: keep-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", notoKrL, sans-serif;
	font-weight: 100;
}

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

.table-type01.bg01 thead th {
	background: #eff5fb;
	color: #55555f;
	border: 1px solid #dfdfdf;
	font-family: "notoKrM", notoKrM, sans-serif;
	font-weight: 500;
}

.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: 2px solid #5e5e5e;
}

.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 #e4e4e4;
}

.table-type04 thead th,.table-type04 tbody th {
	text-align: left;
	padding: 10px;
	background: #fbfbfb;
	color: #666666;
	font-size: 12px;
	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 #000;
}

.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: #E52A00;
}

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

.title0401 {
	color: #2660a8;
	font-size: 1.385em;
	line-height: 1.923em;
	padding-left: 15px;
	margin-bottom: 10px;
	font-family: "notoKrM", notoKrM, sans-serif;
	font-weight: 500;
	background: transparent
		url(../../images/bul_circle_type01.png);
	background: -webkit-linear-gradient(transparent, transparent),
		url(../../images/bul_circle_type01@2x.png);
	background: linear-gradient(transparent, transparent),
		url(../../images/bul_circle_type01@2x.png);
	background-position: 0 13px;
	background-repeat: no-repeat;
	background-size: 9px 9px;
}

.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", 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: #000000;
	font-size: 1.077em;
	line-height: 1.429em;
	font-family: "notoKrL", 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", 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", 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", 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", 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", notoKrL, sans-serif;
	font-weight: 100;
	word-wrap: break-word;
}

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

.tabmenu-type01>ul {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	border-bottom: 1px solid #0073cf;
}

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

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

.tabmenu-type01>ul>li>a {
	display: block;
	min-width: 98px;
	padding:0 15px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #888888;
	font-size: 14px;
	font-family: "notoKrM", notoKrM, sans-serif;
	font-weight: 500;
	border: 1px solid #cccdce;
	border-bottom: 1px solid #0073cf;
}

.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 #0073cf;
	padding-left:8px;
	padding-right:8px;	
}

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

/*
.tabmenu-type01 > ul > li:first-child {
	margin-left: 0;
}
*/
.tabmenu-type01>ul>li.on>a:hover,.tabmenu-type01>ul>li.on>a {
	background: #fff;
	border: 1px solid #0073cf;
	border-bottom: 1px solid #fff;
	color: #0066cc;
}

.tabmenu-type01>ul>li>a:hover {
	background: #f0f3f9;
	border: 1px solid #a3bedf;
	border-bottom: 1px solid #0073cf;
	color: #888888;
}

/* 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: #666666;
	font-size: 1.231em;
	border: 1px solid #cecfd4;
	box-sizing: border-box;
	font-family: "notoKrM", notoKrM, sans-serif;
	font-weight: 500;
	text-align: center;
}

.tabmenu-type02>li.on>a,.tabmenu-type02>li.on>a:hover {
	border: 1px solid #2c77bc;
	background: #4297ee;
	color: #fff;
	z-index: 10;
	font-family: "notoKrB", notoKrB, sans-serif;
	font-weight: 700;
}

.tabmenu-type02>li>a:hover {
	border: 1px solid #a9c5eb;
	background: #e6effb;
	color: #666666;
	z-index: 10;
	font-family: "notoKrR", notoKrR, sans-serif;
	font-weight: 300;
}

/* 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/icon_bar02.gif);
	background: -webkit-linear-gradient(transparent, transparent),
		url(../../images/icon_bar02@2x.gif);
	background: linear-gradient(transparent, transparent),
		url(../../images/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", notoKrL, sans-serif;
	font-weight: 100;
}

.tabmenu-type04>li a:hover,.tabmenu-type04>li a.on {
	color: #0e6fc1;
	background: transparent url(../../images/bg_line01.gif);
	background: -webkit-linear-gradient(transparent, transparent),
		url(../../images/bg_line01@2x.gif);
	background: linear-gradient(transparent, transparent),
		url(../../images/bg_line01@2x.gif);
	background-position: 0 100%;
	background-repeat: repeat-x;
	background-size: 1px 3px;
}

.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", 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", 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", 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", 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", 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", 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", 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;
}

/* 로그인 */
.social-login-wrapper {
	max-width: 380px;
	margin: 50px auto 0 auto
}

.social-login-area {
	margin-bottom: 15px;
}

/* 한눈에 보는 주택금융 */
.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 {
	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;
}

.stats-top-information {
	padding: 5px 10px;
    background: #ecf1f8;
    border: 1px solid #cad6d9;
    height:auto;
    margin:0 5px 10px 5px;
}

.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: #595959;
	font-size: 1.231em;
	/* background: transparent
		url(../../images/icon_arrow_right01.png);
	background: -webkit-linear-gradient(transparent, transparent),
		url(../../images/icon_arrow_right01@2x.png);
	background: linear-gradient(transparent, transparent),
		url(../../images/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: #214786
}

.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: 18px 135px 18px 75px;
	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
}

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

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

.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: #2383e4;
	font-size: 1.538em;
	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: #214786;
	font-size: 1.231em;
	background: transparent url(../../images/icon_arrow.png);
	background: -webkit-linear-gradient(transparent, transparent),
		url(../../images/icon_arrow@2x.png);
	background: linear-gradient(transparent, transparent),
		url(../../images/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: #2e8be5;
	border: 1px solid #2c77bc;;
}

.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;
}

.finance-menu-wrapper>dl>dt.on>button>.arrow {
	color: #fff;
	background: transparent
		url(../../images/icon_arrow_on.png);
	background: -webkit-linear-gradient(transparent, transparent),
		url(../../images/icon_arrow_on@2x.png);
	background: linear-gradient(transparent, transparent),
		url(../../images/icon_arrow_on@2x.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;
	-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);
}

.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: #0073cf;
	font-family: "notoKrB", 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/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", 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;
	background:url(../../images/publ_bg.png) no-repeat 0 0;
}

.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", 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", 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-area {
	border: 1px solid #d0d0d0;
	border-left: 0;
	padding: 25px;
	height: 427px;
	overflow-x: hidden;
	overflow-y: auto;
}

.presentation-material-wrapper .presentation-material-area.bg0301 {
	background: #fff url(../../images/bg0301.jpg) no-repeat
		center bottom;
	background-size: 100%;
}

/* 통계용어사전 */
.dictionary-search-wrapper {
	border: 1px solid #cad6d9;
	background: #ecf1f8;
	padding: 5px 20px 5px 30px;
	margin-bottom: 20px;
}

.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: 30px;
	color: #666666;
	font-family: "notoKrL", notoKrL, sans-serif;
	font-weight: 100;
}

.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: #0098E2;
	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/bg_button_type01_off.gif);
	background: -webkit-linear-gradient(transparent, transparent),
		url(../../images/bg_button_type01_off@2x.gif);
	background: linear-gradient(transparent, transparent),
		url(../../images/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.on,.consonant-group-wrapper .korean .consonant-group-list a:hover
	{
	color: #fff;
	width: 27px;
	border-top: 1px solid #005c89;
	border-left: 1px solid #005c89;
	border-bottom: 1px solid #00baf2;
	border-right: 0;
	background: transparent
		url(../../images/bg_button_type01_on.gif);
	background: -webkit-linear-gradient(transparent, transparent),
		url(../../images/bg_button_type01_on@2x.gif);
	background: linear-gradient(transparent, transparent),
		url(../../images/bg_button_type01_on.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-size: 1px 32px;
	background-color: #fefefe;
}

.consonant-group-wrapper  .btn-choise-language {
	display: inline-block;
	vertical-align: top; height : 30px;
	line-height: 30px;
	padding: 0 13px;
	margin-left: 10px;
	border-top: 1px solid #892d00;
	border-left: 1px solid #892d00;
	border-bottom: 1px solid #ef9528;
	border-right: 0;
	color: #fff;
	font-size: 0.923em; background : transparent
	url(../../images/bg_button_type02.gif);
	background: -webkit-linear-gradient(transparent, transparent),
		url(../../images/bg_button_type02@2x.gif);
	background: linear-gradient(transparent, transparent),
		url(../../images/bg_button_type02@2x.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-size: 1px 31px;
	background-color: #ef9829;
	background: transparent
		url(../../images/bg_button_type02.gif);
	height: 30px;
}

.consonant-group-wrapper .english {
	display: none;
}

.consonant-group-wrapper .english .consonant-group-list {
	display: inline-block;
	vertical-align: top;
	width: 450px;
}

.consonant-group-wrapper .english .consonant-group-list a {
	display: inline-block;
	vertical-align: top;
	width: 28px;
	height: 32px;
	line-height: 32px;
	margin-bottom: 5px;
	color: #666666;
	font-size: 0.923em;
	border: 1px solid #d4d4d4;
	background: transparent
		url(../../images/bg_button_type01_off.gif);
	background: -webkit-linear-gradient(transparent, transparent),
		url(../../images/bg_button_type01_off@2x.gif);
	background: linear-gradient(transparent, transparent),
		url(../../images/bg_button_type01_off@2x.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-size: 1px 32px;
	background-color: #fefefe;
}

.consonant-group-wrapper .english .consonant-group-list a.on,.consonant-group-wrapper .english .consonant-group-list a:hover
	{
	color: #fff;
	width: 29px;
	border-top: 1px solid #005c89;
	border-left: 1px solid #005c89;
	border-bottom: 1px solid #00baf2;
	border-right: 0;
	background: transparent
		url(../../images/bg_button_type01_on.gif);
	background: -webkit-linear-gradient(transparent, transparent),
		url(../../images/bg_button_type01_on@2x.gif);
	background: linear-gradient(transparent, transparent),
		url(../../images/bg_button_type01_on.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-size: 1px 32px;
	background-color: #fefefe;
}

.dictionary-result-wrapper {
	margin: 0;
	padding: 0;
}

.dictionary-result-wrapper .title-area {
	border-top: 1px solid #e8e9e9;
	height: 37px;
	background: #f7f7f7;
}

.dictionary-result-wrapper .title-area:after {
	content: "";
	clear: both;
	display: block;
}

.dictionary-result-wrapper .title-area>p {
	float: left;
	color: #55555f;
	font-size: 1.077em;
	height: 37px;
	line-height: 37px;
	text-align: center;
	box-sizing: border-box;
	border-left: 1px solid #e8e8e8;
}

.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-top: 2px solid #00a0ed;
	border-bottom: 1px solid #e8e9e9;
}

.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", notoKrL, sans-serif;
	font-weight: 100;
}

.dictionary-result-area>ol>li>a.on,.dictionary-result-area>ol>li>a:hover
	{
	background: #ffe7b7;
	color: #666666;
}

.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: 11px 10px;
	box-sizing: border-box;
	text-align: center;
}

.dictionary-result-area>ol>li>a .title {
	float: left;
	display: block;
	width: calc(100% - 40px);
	padding: 11px 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;
	font-size: 0.923em;
	line-height: 2.000em
}

.dictionary-result-area>ol>li .dictionary-caption-area dl dd {
	background: #fff;
	padding: 10px;
	color: #008ce2;
	font-size: 1em;
	line-height: 1.846em;
	font-family: "notoKrL", notoKrL, sans-serif;
	font-weight: 100;
	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", 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/bg0401.png) no-repeat right
		bottom;
}

.stats-meta-menu>li.type02 {
	float: right;
	border: 1px solid #c78108;
	background: url(../../images/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: 12px;
}

.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", notoKrB, sans-serif;
	font-weight: 700;
	background: transparent
		url(../../images/bul_title_type01.png);
	background: -webkit-linear-gradient(transparent, transparent),
		url(../../images/bul_title_type01@2x.png);
	background: linear-gradient(transparent, transparent),
		url(../../images/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: #8899b0;
	font-size: 0.923em;
	line-height: 1em;
	margin-top: -5px;
	background: transparent
		url(../../images/icon_arrow_down03.png);
	background: -webkit-linear-gradient(transparent, transparent),
		url(../../images/icon_arrow_down03@2x.png);
	background: linear-gradient(transparent, transparent),
		url(../../images/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: transparent
		url(../../images/icon_arrow_up03.png);
	background: -webkit-linear-gradient(transparent, transparent),
		url(../../images/icon_arrow_up03@2x.png);
	background: linear-gradient(transparent, transparent),
		url(../../images/icon_arrow_up03@2x.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 15px 9px;
}

.meta-inforamtion-area {
	display: none;
	border-top: 2px solid #808086;
}

.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/bul_title_type02.png);
	background: -webkit-linear-gradient(transparent, transparent),
		url(../../images/bul_title_type02@2x.png);
	background: linear-gradient(transparent, transparent),
		url(../../images/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", 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: 25px;
	border: 1px solid #f7f7f7;
	background: #f7f7f7;
	box-sizing: border-box;
	text-align: center;
	color: #666666;
	font-size: 1.231em;
}

.service-menu-wrapper>li>a.on {
	background: #0089df;
	border: 1px solid #2c77bc;
	color: #fff;
	font-family: "notoKrB", notoKrB, sans-serif;
	font-weight: 700;
}

.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", notoKrB, sans-serif;
	font-weight: 700;
}

.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", 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: #C84F16;
	text-align: center;
	clear: both;
}

.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 #2c53af;
	border-bottom: 1px solid #e4e4e4;
	padding: 14px 10px 10px 10px;
	color: #4b65a2;
	font-size: 1.385em;
	line-height: 1em;
	color: #4b65a2;
	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", 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", 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", 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", 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", 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/bg_chemu01.png) no-repeat 0 0;}
.chemu02{position:relative;height:199px;background:url(../../images/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/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/icon_em01.png);}
.economic_menu li.em02 a{background-image:url(../../images/icon_em02.png);}
.economic_menu li.em03 a{background-image:url(../../images/icon_em03.png);}
.economic_menu li.em04 a{background-image:url(../../images/icon_em04.png);}
.economic_menu li.em05 a{background-image:url(../../images/icon_em05.png);}
.economic_menu li.em06 a{background-image:url(../../images/icon_em06.png);}
.economic_menu li.em07 a{background-image:url(../../images/icon_em07.png);}
.economic_menu li.em08 a{background-image:url(../../images/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/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/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/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/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/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/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/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/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 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%;} */
.economic_content img{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/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/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:#fff;
	text-shadow:1px 1px 0 #000000;
	-webkit-text-shadow:1px 1px 0 #000000;
	-moz-text-shadow:1px 1px 0 #000000;
	-ms-text-shadow:1px 1px 0 #000000;
	-o-text-shadow:1px 1px 0 #000000;
}

ul.socialLog .naver {background-color:#2db400; background-image:url('../../images/icon_socialLog_naver.png');}
ul.socialLog .daum {background-color:#6285c3; background-image:url('../../images/icon_socialLog_daum.png');}
ul.socialLog .google {background-color:#e5665c; background-image:url('../../images/icon_socialLog_google.png');}
ul.socialLog .kakaotalk {background-color:#ee9b02; background-image:url('../../images/icon_socialLog_kakaotalk.png');}
ul.socialLog .facebook {background-color:#3554a4; background-image:url('../../images/icon_socialLog_facebook.png');}
ul.socialLog .twitter {background-color:#1a9bf7; background-image:url('../../images/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;}
.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 #a6aaaf;
	height: 42px;
	line-height: 42px;
	padding: 0;
	text-indent: 10px;
	-webkit-appearance: none;
	box-sizing: border-box;
	width:250px;
	font-size:14px;
}
.reg-form{width:500px;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:"※ ";}

.reg-form.new_lay{display: flex}
.reg-form.new_lay .info{margin-bottom: 5px}

.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:176px;background:#0e6fc1;width:94px;height:94px;text-align:center;color:#ffffff;font-family:"notoKrM", sans-serif;font-weight:500;font-size:16px;line-height:80px;}
.btn_form{overflow:hidden;margin:20px 0 0 244px;width:360px;}
.btn_form li{float:right;width:58%;}
.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/icon_join.gif) no-repeat 15px center;text-align:center;}
.btn_form li a.btn-find{background:url(../../images/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: 14px;
}

.member-form-btn{text-align:center;padding:20px 0;}
.btn-memberjoin{display:inline-block;background:#0e6fc1;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/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/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/icon_detailview_arrow.gif) no-repeat right center;
	background: -webkit-linear-gradient(transparent, transparent), url(../../images/icon_detailview_arrow@2x.gif) no-repeat right center;
	background: linear-gradient(transparent, transparent), url(../../images/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/btn_previous02.png) no-repeat 0 0;
	background: -webkit-linear-gradient(transparent, transparent), url(../../images/btn_previous02@2x.png) no-repeat 0 0;
	background: linear-gradient(transparent, transparent), url(../../images/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/btn_next02.png) no-repeat 0 0;
	background: -webkit-linear-gradient(transparent, transparent), url(../../images/btn_next02@2x.png) no-repeat 0 0;
	background: linear-gradient(transparent, transparent), url(../../images/btn_next02@2x.png) no-repeat 0 0;
	background-size: 20px 32px;
}


.header-popup-area .btns-area {
	padding: 0;
	height: 32px;
	background: url(../../images/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/icon_top_popup_bar01.gif) no-repeat right center;
	background: -webkit-linear-gradient(transparent,transparent),url(../../images/icon_top_popup_bar01@2x.gif) no-repeat right center;
	background: linear-gradient(transparent,transparent),url(../../images/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/btn_top_popup_close.gif) no-repeat right center;
	background: -webkit-linear-gradient(transparent,transparent),url(../../images/btn_top_popup_close@2x.gif) no-repeat right center;
	background: linear-gradient(transparent,transparent),url(../../images/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/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:#f2f7fb;border:1px solid #dddddd;padding:20px 10px;margin:15px;}
.bio_result_report > ul > li > div strong{font-size:15px;padding:0 0 15px 0;display:block;color:#111111;letter-spacing:-1px;}
.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:6px 12px;text-align:center;background:#ffffff;margin:0 2px;border:1px solid #dddddd;}
.bio_result_report > ul > li > div ul li a:hover{background:#0089df;border:1px solid #2c77bc;color:#ffffff;}

.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;
}

.leftArea .boxTab .tab{margin-bottom:0;border:none;background:none;}

.tab-content {
    padding: 10px;
    /* height:910px;
    background:url(../../images/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: 220px;
    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: 718px;
    float: right;
    position: relative;
}
.textzone {
    display:none;
}
#stat-list-sect{float:left;}

.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;    
    font-family:"notoKrM";
    line-height:1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.source-selected {
    background-color:#8fb7dc;
}

.source-selected a{
    color:#FFFFFF;
	text-shadow:1px 1px 0 #000000;
}

.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%;  border:1px solid #e2e2e2;background:#f6f6f6; padding:11px 0 11px 5px}
.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; padding:0 0 0 10px;width:180px; border-left:none; text-align:left; color:#393939;}

.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{color:#0000ff;text-decoration:underline;}
.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;}
.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/jipyo_icon01.png) no-repeat center center;}
.look_stat_list ul li.lsl02{background:url(../../images/jipyo_icon02.png) no-repeat center center;}
.look_stat_list ul li.lsl03{background:url(../../images/jipyo_icon03.png) no-repeat center center;}
.look_stat_list ul li.lsl04{background:url(../../images/jipyo_icon04.png) no-repeat center center;}
.look_stat_list ul li.lsl05{background:url(../../images/jipyo_icon05.png) no-repeat center center;}
.look_stat_list ul li.lsl06{background:url(../../images/jipyo_icon06.png) no-repeat center center;}
.look_stat_list ul li.lsl07{background:url(../../images/jipyo_icon07.png) no-repeat center center;}
.look_stat_list ul li.lsl08{background:url(../../images/jipyo_icon08.png) no-repeat center center;}
.look_stat_list ul li.lsl09{background:url(../../images/jipyo_icon09.png) no-repeat center center;}
.look_stat_list ul li.lsl10{background:url(../../images/jipyo_icon10.png) no-repeat center center;}
.look_stat_list ul li.lsl11{background:url(../../images/jipyo_icon11.png) no-repeat center center;}
.look_stat_list ul li.lsl12{background:url(../../images/jipyo_icon12.png) no-repeat center center;}
.look_stat_list ul li.lsl13{background:url(../../images/jipyo_icon13.png) no-repeat center center;}
.look_stat_list ul li.lsl14{background:url(../../images/jipyo_icon14.png) no-repeat center center;}
.look_stat_list ul li.lsl15{background:url(../../images/jipyo_icon15.png) no-repeat center center;}
.look_stat_list ul li.lsl16{background:url(../../images/jipyo_icon16.png) no-repeat center center;}
.look_stat_list ul li.lsl17{background:url(../../images/jipyo_icon17.png) no-repeat center center;}
.look_stat_list ul li.lsl18{background:url(../../images/jipyo_icon18.png) no-repeat center center;}
.look_stat_list ul li.lsl19{background:url(../../images/jipyo_icon19.png) no-repeat center center;}
.look_stat_list ul li.lsl20{background:url(../../images/jipyo_icon20.png) no-repeat center center;}
.look_stat_list ul li.lsl21{background:url(../../images/jipyo_icon21.png) no-repeat center center;}
.look_stat_list ul li.lsl22{background:url(../../images/jipyo_icon22.png) no-repeat center center;}
.look_stat_list ul li.lsl23{background:url(../../images/jipyo_icon23.png) no-repeat center center;}
.look_stat_list ul li.lsl24{background:url(../../images/jipyo_icon24.png) no-repeat center center;}
.look_stat_list ul li.lsl25{background:url(../../images/jipyo_icon25.png) no-repeat center center;}
.look_stat_list ul li.lsl26{background:url(../../images/jipyo_icon26.png) no-repeat center center;}
.look_stat_list ul li.lsl27{background:url(../../images/jipyo_icon27.png) no-repeat center center;}
.look_stat_list ul li.lsl28{background:url(../../images/jipyo_icon28.png) no-repeat center center;}
.look_stat_list ul li.lsl29{background:url(../../images/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;
}
.ganhang-container .ganhang_tree{width:35%;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:63%;float:right;border:1px solid #b3b3b3;height:607px;background:url(../../images/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{position:absolute;margin:25px;background:url(../../images/img_ganhangmul.png) no-repeat center center;}
.ganghangmul_img img{border:1px solid #dddddd;width:130px;height:175px;}

.ganghangmul_info{padding:25px 25px 0 180px;}

.ganhang-container table td > span{vertical-align:middle;}

.ganhang_tree h3{
	font-family: 'NotoKrM';
    background: #057bf5;
    text-align: center;
    color: #ffffff;
    font-size: 16px;
    padding: 11px 20px;
    border: 1px solid #057bf5;
    border-bottom: none;
}

.ganhang_view{text-align:right;padding:10px 0 0 0;}
.btn_ganhang_view{
	display: inline-block;
    background: #0095ff;
    padding: 7px 14px;
    color: #ffffff;
    font-size: 14px;
}

.btn_envyear_view{
	display: inline-block;
    background: #214786;
    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/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/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/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/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 10px 0 10px; background:#53586c; border:1px solid #363948; border-radius:3px; text-align:center; font-weight:bold; font-size:14px; 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/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/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/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/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/btn_E_map.png') no-repeat 0 0%;}
.btn_E_map_B {width:129px; background:url('../../images/btn_E_map_B.png') no-repeat 0 0%;}
.btn_EB_reset_map {width:105px; background:url('../../images/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/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/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:#214786;position:relative;}
ul.search > li .btn_B.on::before{
	position:absolute;
	bottom:4px;
	left:50%;
	width:6px;
	margin-left:-3px;
	height:1px;
	background:#ffffff;
	content:"";
	display:block;
}
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/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/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/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/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/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/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/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/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/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/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/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/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/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/icon_sortMenu_1_on.png');}
.detail_summary .sort.sort_2 {background-image:url('../../images/icon_sortMenu_2_on.png');}
.detail_summary .sort.sort_3 {background-image:url('../../images/icon_sortMenu_3_on.png');}
.detail_summary .sort.sort_4 {background-image:url('../../images/icon_sortMenu_4_on.png');}
.detail_summary .sort.sort_5 {background-image:url('../../images/icon_sortMenu_5_on.png');}
.detail_summary .sort.sort_6 {background-image:url('../../images/icon_sortMenu_6_on.png');}
.detail_summary .sort.sort_7 {background-image:url('../../images/icon_sortMenu_7_on.png');}
.detail_summary .sort.sort_8 {background-image:url('../../images/icon_sortMenu_8_on.png');}
.detail_summary .sort.sort_9 {background-image:url('../../images/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/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;}
}
@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:15px;line-height:1.1;height:42px; padding:1px 0 2px 0; background:#fbfbfb; border-top:1px solid #e4e4e4; font-weight:normal; color:#666;}
.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/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/ico_sortMenu_1_s_on.png');}
.table_boardList_A .sort.sort_2:before {background-image:url('../../images/ico_sortMenu_2_s_on.png');}
.table_boardList_A .sort.sort_3:before {background-image:url('../../images/ico_sortMenu_3_s_on.png');}
.table_boardList_A .sort.sort_4:before {background-image:url('../../images/ico_sortMenu_4_s_on.png');}
.table_boardList_A .sort.sort_5:before {background-image:url('../../images/ico_sortMenu_5_s_on.png');}
.table_boardList_A .sort.sort_6:before {background-image:url('../../images/ico_sortMenu_6_s_on.png');}
.table_boardList_A .sort.sort_7:before {background-image:url('../../images/ico_sortMenu_7_s_on.png');}
.table_boardList_A .sort.sort_8:before {background-image:url('../../images/ico_sortMenu_8_s_on.png');}
.table_boardList_A .sort.sort_9:before {background-image:url('../../images/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/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/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/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/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; text-decoration:underline;}
.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/icon_file_A_1.png'); text-decoration:underline;}
.file.ty_A_2 {background-image:url('../../images/icon_file_A_2.png'); text-decoration:underline;}
.file.ty_A_3 {background-image:url('../../images/icon_file_A_3.png'); text-decoration:underline;}
.file.ty_A_4 {background-image:url('../../images/icon_file_A_4.png'); text-decoration:underline;}
.file.ty_A_5 {background-image:url('../../images/icon_file_A_5.png'); text-decoration:underline;}
.file.ty_A_6 {background-image:url('../../images/icon_file_A_6.png'); text-decoration:underline;}
.file.ty_A_7 {background-image:url('../../images/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/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/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/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/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/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/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/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/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/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/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/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/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/icon_top_sns.png) no-repeat 0 center;padding-left:18px;background-size:auto 16px;}
.top_rss{background:url(../../images/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/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/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:#0053a8 url(../../images/logo_hwan.png) no-repeat 0 center;padding:15px 15px 15px 185px;}
.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;}*/
.bx-wrapper{margin-bottom:0px !important;max-width:92% !important;}

.btn_x{position:absolute;top:17px;right:30px;display:block;text-indent:-9999px;width:20px;height:20px;background:url(../../images/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-email{width:250px;display:inline-block;}
.reg-form-email 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/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:#ffffff;margin:0 auto;box-sizing:border-box;height:488px;background:url(../../images/bg_allmenu_new.png) no-repeat center 0;padding:110px 0 0 0;}
.top_menu_all_list{display:flex;justify-content:space-between;width:1000px;margin:0 auto;}
.top_menu_all_list h4{font-size:21px;color:#000000;font-family:'NotoKrB';}
.top_menu_all_list li div{border-left:1px solid #e5e5e5;padding:0 0 0 40px;height:100%;}
.top_menu_all_list li div > ul{margin:15px 0 0 0;}
.top_menu_all_list li a{font-size:15px;color:#666666;display:inline-block;padding:5px 10px 5px 18px;background:url(../../images/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/icon_new_dash.png) no-repeat 10px center;}
.top_menu_all_list li a:hover{color:#ffffff;background:#1983e4 url(../../images/icon_white_right.png) no-repeat 10px center;}
.top_menu_all_list li a.menu3depth:hover{color:#ffffff;background:#1983e4 url(../../images/icon_new_dash_white.png) no-repeat 10px center;}

.btn_allmenu_btnarea{position:absolute;top:0;left:50%;width:1000px;margin-left:-500px;text-align:right;}
.btn_allmenu_x{width:51px;height:51px;background:url(../../images/btn_allmenu_new_x.png) no-repeat 0 0;display:inline-block;text-indent:-9999px;text-align:left;}

.pd10{padding:10px;}


/* 관심지표 관련 임시 추가 CSB */
.jipyo_sect{position: relative;height: 30px;text-align: right;}
.jipyo_btn{
	display: inline-block;width: 120px;
    height: 30px;
    line-height: 30px;
    text-decoration: none;
    text-align: center;
    font-family: 'NotoKrB';
    font-size: 14px;
    color: #fff;
	background: #012956;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    position: absolute;
    top: 0;
    right: 0;
}
.jipyo_btn>span{display:inline-block;position:relative;padding-left:25px;}
.jipyo_btn>span:before{
	content:""; display:block; position:absolute; left:0; top:50%; width:16px; height:16px; background:url(../../images/svg_icon.png) no-repeat center center; width: 16px; height: 16px; background-position: -267px 0px;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
.jipyuo_layer_pop{width:350px; overflow:hidden; display:none;position:absolute;left:50%;margin-left:-350px;top: 200px;height: auto;text-align:left !important; background-color:#dfeaf6;-webkit-border-radius:8px; border-radius:8px;-webkit-box-shadow:0px 7px 4px rgba(0, 0, 0, 0.15); box-shadow:0px 7px 4pxrgba(0, 0, 0, 0.15);-webkit-transform:translateX(50%); transform:translateX(50%);}
.jipyuo_layer_pop>.jipyuo_head,
.jipyuo_layer_pop>.jipyuo_midd{position:relative; z-index:0; padding:0 10px;}
.jipyuo_layer_pop>.jipyuo_head{height:50px; line-height:50px; background-color:#126bc2;border-top-left-radius:8px;border-top-right-radius:8px;}
.jipyuo_layer_pop>.jipyuo_head>strong{display:block; font-weight:normal;font-size:16px; color:#fff;}
.jipyuo_layer_pop>.jipyuo_midd{height:calc(100% - 40px);}
.jipyuo_layer_pop>.jipyuo_midd>ul{
	padding: 8px 8px 8px 8px;
    background: #fff;
    margin: 8px 0px 0px 0px;
    border: 1px solid #445e85;
 }
 .jipyuo_layer_pop>.jipyuo_midd>ul>li{padding:3px 0px;}
 .jipyuo_layer_pop>.jipyuo_midd>ul>li>label{padding:3px 10px;line-height:20px;font-size:15px; color:#000;}

.jipyuo_layer_pop>.jipyuo_close{
	display:block; position:absolute; right:10px; top:18px; z-index:100; width:16px; height:16px; background-color:#E0E0E0;
	-webkit-border-radius:50%;
	border-radius:50%;
}
.jipyuo_layer_pop>.jipyuo_close>span{
	overflow:hidden; display:block; width:100%; height:100%; text-indent:-1000px; background-image:url(../../images/svg_icon.png); background-repeat:no-repeat; background-position:center center; width: 16px; height: 16px; background-position: 0px 0px;
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg);
	-webkit-transition:transform 0.3s ease;
	transition:transform 0.3s ease;
}
.jipyuo_layer_pop>.jipyuo_close:hover>span, .jipyuo_layer_pop>.jipyuo_close:focus>span{-webkit-transform:rotate(180deg); transform:rotate(180deg);}




/* // 관심지표 관련 임시 추가 CSB */

.kwan_sim{padding:15px;}
/*.kwan_sim ul{display:flex;flex-wrap:wrap;}*/
/*.kwan_sim ul li{width:33%;margin:4px 0;}*/
.kwan_sim ul li label{font-size:15px;display:inline-block;margin-left:4px;vertical-align:middle;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: calc(100% - 30px);
}
.kwan_sim_div{border: 1px solid #ccc;padding:15px;border-radius: 5px}
.itrstTxt {position: relative;
	color: #333333;
	font-size: 14px;
	line-height: 30px;
	padding:5px 0 0 10px;
font-weight: 600}
.itrstTxt:after{content: '';position: absolute;top:16px;left:0px;width:3px;height: 3px;border-radius: 50%;background: #333}
.itrstUl li{padding:4px 0}

.my_kwan_sim{padding:15px;}
.my_kwan_sim ul{display:flex;flex-wrap:wrap;}
.my_kwan_sim ul li{width:33%;margin:4px 0;}
.my_kwan_sim ul li label{font-size:15px;display:inline-block;margin-left:4px;vertical-align:middle;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: calc(100% - 30px);
}
.my_kwan_sim{border: 1px solid #ccc;padding:15px;border-radius: 5px}

/**/


.region_popup_chang{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.8);
	z-index:999999;
}
.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, .btn_nemo_x{position:absolute;top:0;right:0;width:55px;height:55px;background:url(../../images/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;}


/* popup 관련뉴스 section (s) */
.popBody .RelatedNewsList{overflow-y: auto;max-height: 540px; }
.popBody .RelatedNewsList .item_contents{}
.popBody .RelatedNewsList .item_contents dl{display: flex;width: 100%;margin:10px 0;padding-bottom: 10px;border-bottom: 1px dashed #bdbdbd}
.popBody .RelatedNewsList .item_contents dt{margin-right: 15px}
.popBody .RelatedNewsList .item_contents dt .imgbox{display: block;width:150px;height:85px;border:1px solid #ccc;text-align: center;border-radius:3px}
.popBody .RelatedNewsList .item_contents dt .imgbox a{display:flex;align-items: center;justify-content: center;height: 100%}
.popBody .RelatedNewsList .item_contents dt .imgbox img{max-width: 100px;}
.popBody .RelatedNewsList .item_contents dd{width:100%}
.popBody .RelatedNewsList .item_contents dd a{display: block}
.popBody .RelatedNewsList .item_contents dd .channel_title{padding:5px 0}
.popBody .RelatedNewsList .item_contents dd .channel_title .title{color:#eb3333;font-size: 15px;margin-right:10px}
.popBody .RelatedNewsList .item_contents dd .channel_title .datetime{color: #000000}
.popBody .RelatedNewsList .item_contents dd .channel_contents{}
.popBody .RelatedNewsList .item_contents dd .channel_contents b{vertical-align: inherit !important;}
.popBody .RelatedNewsList .item_contents dd .channel_contents .item_t{overflow: hidden;text-overflow: ellipsis;font-size: 14px;
	line-height: 1.3em;color:#000;max-height: 33px;margin-bottom: 4px}
.popBody .RelatedNewsList .item_contents dd .channel_contents .item_d{overflow: hidden;text-overflow: ellipsis;
	max-height:70px;color: #767678;	line-height: 1.3em;}

@media only screen and ( max-width:600px) {
	.popBody .RelatedNewsList .item_contents dt .imgbox{width:90px;height:75px;}
	.popBody .RelatedNewsList .item_contents dt .imgbox img{max-width:70px;}
	.popBody .RelatedNewsList .item_contents dd .channel_contents .item_d{max-height:32px ;}
}
/* popup 관련뉴스 section (e) */


.SearchBoardList .total{height: 25px;font-size:14px;margin-top: 10px}
.SearchBoardList .board-list01 table tbody td a{text-align: left;display: block}
#rissRelApiBox .ytab{margin: 30px 0 10px !important;}

.jiyeok_date_sect{padding:0 0 10px 0;}
.jiyeok_date_sect select{height:auto;background:#141b2e;padding:8px 20px;font-size:20px;border:none;border-radius:3px;color:#ffffff;}
.jiyeok_data{
	position: relative;
	background: #141b2e;
	padding: 110px 0 80px 0;
	min-height:820px;
	background-size: 100% 40%;
	background-position: 0 0;
	background-repeat: no-repeat;
}
.jiyeok_data:before{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-height: 1080px;
	content: "";
	display: block;
	background-image: -webkit-linear-gradient(top, rgba(20, 27, 46, 0.1) 15%,rgba(20, 27, 46, 0.2) 20%,rgba(20, 27, 46, 1) 40%,#141b2e 100%);
	background-image: -moz-linear-gradient(top, rgba(20, 27, 46, 0.1) 15%,rgba(20, 27, 46, 0.2) 20%,rgba(20, 27, 46, 1) 40%,#141b2e 100%);
	background-image: -o-linear-gradient(top, rgba(20, 27, 46, 0.1) 15%,rgba(20, 27, 46, 0.2) 20%,rgba(20, 27, 46, 1) 40%,#141b2e 100%);
}

.comp.jiyeok_data:before{width:50%;}

.m_seoul{background-image:url(../../images/m_seoul.jpg);}
.m_busan{background-image:url(../../images/m_busan.jpg);}
.m_chungbuk{background-image:url(../../images/m_chungbuk.jpg);}
.m_chungnam{background-image:url(../../images/m_chungnam.jpg);}
.m_daegu{background-image:url(../../images/m_daegu.jpg);}
.m_daejeon{background-image:url(../../images/m_daejeon.jpg);}
.m_gangwon{background-image:url(../../images/m_gangwon.jpg);}
.m_gwangju{background-image:url(../../images/m_gwangju.jpg);}
.m_gyeongbuk{background-image:url(../../images/m_gyeongbuk.jpg);}
.m_gyeonggi{background-image:url(../../images/m_gyeonggi.jpg);}
.m_gyeongnam{background-image:url(../../images/m_gyeongnam.jpg);}
.m_incheon{background-image:url(../../images/m_incheon.jpg);}
.m_jeju{background-image:url(../../images/m_jeju.jpg);}
.m_jeonbuk{background-image:url(../../images/m_jeonbuk.jpg);}
.m_jeonnam{background-image:url(../../images/m_jeonnam.jpg);}
.m_sejong{background-image:url(../../images/m_sejong.jpg);}
.m_ulsan{background-image:url(../../images/m_ulsan.jpg);}

.jiyeok_data_header{position:relative;z-index:3;text-align:center;}
.jiyeok_data_h{margin-bottom:40px;display:block;}
.jiyeok_data_h h3{
	font-size: 60px;
	font-family: 'NotoKrB';
	color: #ffffff;
	text-shadow: 2px 2px 0 #000, -2px 2px 0 #000, -2px -2px 0 #000, 2px -2px 0 #000;
	display:inline-block;
}
.jiyeok_data_sect select{border:none;font-size:20px;font-family:'NotoKrB';padding: 8px 20px;height: auto;border-radius:3px;}
.jiyeok_data_content{position:relative;z-index:3;text-align:center;}
.jiyeok_data_content ul{display:flex;flex-wrap:wrap;}
.jiyeok_data_content ul li{width:33.3%;}
.jiyeok_data_content ul li > div{position:relative;margin:70px 0 0 0;}
.jiyeok_data_content ul strong{
	font-family: 'NotoKrB';
	color: #ffffff;
	display: inline-block;
	background: #2d97ff;
	padding: 10px 20px;
	border-radius: 100px;
	margin: 10px 0;
	font-size: 16px;
	box-shadow:2px 3px 0 rgba(0,0,0,0.7);
}
.jiyeok_data_content ul em{font-family: 'NotoKrB';font-size:16px;color:#2d97ff;display:block;margin:10px 0;}
.jiyeok_data_content ul span{font-size:30px;color:#ffffff;display:block;font-family: 'NotoKrB';margin:10px 0;}

.jiyeok_data_content ul li > div > div{display:flex;flex-direction:column;align-items:center;}

.vs_l{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:50%;
	height:100%;
	/* background-size:center auto; css validator */
	background-position:center 0;
	background-repeat:no-repeat;
}
.vs_l:before{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	max-height:1080px;
	content:"";
	display:block;
	background-image:-webkit-linear-gradient(top, rgba(20, 27, 46, 0.1) 15%,rgba(20, 27, 46, 0.2) 30%,rgba(20, 27, 46, 1) 40%,#141b2e 100%);
	background-image:-moz-linear-gradient(top, rgba(20, 27, 46, 0.1) 15%,rgba(20, 27, 46, 0.2) 30%,rgba(20, 27, 46, 1) 40%,#141b2e 100%);
	background-image:-o-linear-gradient(top, rgba(20, 27, 46, 0.1) 15%,rgba(20, 27, 46, 0.2) 30%,rgba(20, 27, 46, 1) 40%,#141b2e 100%);
}
.vs_r{
	display:none;
	position:absolute;
	top:0;
	right:0;
	width:50%;
	height:100%;
	/* background-size:center auto; css validator */
	background-position:center 0;
	background-repeat:no-repeat;
}
.vs_r:before{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	max-height:1080px;
	content:"";
	display:block;
	background-image:-webkit-linear-gradient(top, rgba(20, 27, 46, 0.1) 15%,rgba(20, 27, 46, 0.2) 30%,rgba(20, 27, 46, 1) 40%,#141b2e 100%);
	background-image:-moz-linear-gradient(top, rgba(20, 27, 46, 0.1) 15%,rgba(20, 27, 46, 0.2) 30%,rgba(20, 27, 46, 1) 40%,#141b2e 100%);
	background-image:-o-linear-gradient(top, rgba(20, 27, 46, 0.1) 15%,rgba(20, 27, 46, 0.2) 30%,rgba(20, 27, 46, 1) 40%,#141b2e 100%);
}

.jiyeok_data_header h3.vs_txt{
	display:none;
	color: #fff266;
}
.jiyeok_data_header h3.vs_txt:before{
	content: "vs";
	margin: 0 50px;
	font-size: 50px;
	color: rgba(0,0,0,0.7);
	text-shadow: none;
	font-family: Arial;
	font-weight: bold;
}


.jiyeok_data_content ul span.vs_data{
	position:relative;
	color: #fff266;
	border-top: 1px dotted rgba(255,255,255,0.2);
	display: none;
	padding: 18px 0 0 0;
}
.vs_num{font-style:normal;font-size:12px;padding:4px 6px;display:none;color:#ffffff;border-radius:5px;}
.vs_num.minus{display:none;}
.vs_num:before{content:"\25B2";color:#ff4040;margin-right:4px;}
.vs_num.minus:before{content:"\25BC";color:#1286ff;margin-right:4px;}

.comp .vs_txt{display:inline-block !important;}
.comp .vs_data{display:inline-block !important;}
.comp .vs_num{display:inline-block !important;}
.comp .vs_l{display:block;}
.comp .vs_r{display:block;}



.tabmenu-type01 select.ytab_mobile{display: none}
@media only all and (max-width: 1000px) {
	.tabmenu-type01 ul.naverul{display: none !important}
	.tabmenu-type01 select.ytab_mobile{display: block;width: 100%;height: 35px;font-size: 15px;border: 1px solid #5b78bb}
}

/* 지도 관련 css - CSB 추가 */

.gwanjong{display:flex;height:970px;background:url(../../images/stme/map/mt.png) no-repeat left bottom;}
.gwanjong_left{width:320px;min-width:320px;}

.hex {
  width: 32px;
  height: calc(10 * 5.732px);
  background: #3a89cf;
  position: relative;
}
.hex:hover,
.hex.selected{
	background: #78b15b ;
}
.hex.selected a{    background: #2e6611;
	border: 4px dotted #2E6614;}

.hex::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: inherit;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(60deg);
}
.hex::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: inherit;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-60deg);
}
.hex a { 
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 14px;
  color: #fff;
  z-index: 1;
	text-shadow:1px 1px 0 #000000;
}

.seoul-log{position:relative;height:130px;}
.seoul-log > img{height:50px;}
.seoul-log > span{font-size: 25px;color: #000000;font-family: 'NotoKrB';}

.visual-itst-set {
    display:inline-block;
}
.visual-itst-area{
	position:absolute;
	bottom:15px;
	right:20px;
}
.visual-itst-set span{display: block;width:25px;height:25px;border-radius:50%;position: relative;background:#4caf50;font-size: 0}
.visual-itst-set span:before {
	content: "설정";
	display: block;
	position: absolute;
	left:4px;
	top: 4px;
	width: 16px;
	height: 16px;
	background: url(../../images/svg_icon.png) no-repeat center center;
	width: 16px;
	height: 16px;
	background-position: -267px 0px;
}
.visual-itst-txt{
	font-size: 15px;
	color: #a3a3a3;
	font-family: "notoKrM", notoKrM, sans-serif;
	display: inline-block;
	vertical-align: middle;
}

.visual-itm-list{display:flex;flex-wrap:wrap;margin-left:-5px;width:calc(100% + 9px);}
.visual-itm-list > li{flex:1 0 20%;margin:5px;}
.visual-itm-list > li > a {width:100%;display:table;text-align:center;color:#000000;border:1px solid #dddddd;border-radius:10px;height:50px;vertical-align:middle;}
.visual-itm-list > li > a:hover,
.visual-itm-list > li > a.on{background:#78b15b;border:1px solid #78b15b;color:#ffffff;
	text-shadow:1px 1px 0 #000000;
}
.visual-itm-list > li > a span{display:table-cell;font-family: 'NotoKrB';font-size: 14px;line-height: 1.4;

}

.gwanjong_chart{height:300px;margin:25px 0;}
.gwanjong_graph{border:1px solid #dddddd;border-radius:10px;padding:25px 25px 35px 25px;}
.ggraph_top{display:flex;justify-content:space-between;border-bottom:2px solid #888888;padding:0 0 15px 0;margin:0 0 15px 0;align-items:center;}
.ggraph_top h4{font-family:'NotoKrB';font-size:20px;color:#000000;}
/*.ggraph_top span{color:#adadad;font-size:15px;}*/
.ggraph_top span{color:#000;font-size:15px;}
.ggraph_txt{display:flex;justify-content:space-between;align-items:center;}
.ggraph_txt span{background:#f44336;-webkit-border-radius:20px;color:#ffffff;font-size:15px;padding:7px 18px;}
.ggraph_txt strong{font-size:17px;color:#333333;}
.ggraph_txt em{font-size:17px;color:#000;font-family:'NotoKrB';}
/*.ggraph_txt em{font-size:17px;color:#78b15b;font-family:'NotoKrB';}*/
.ggraph_chart{margin:20px 0 0 0; height:350px;}

/* // 지도 관련 css - CSB 추가 */

.sim_stat_sect select {height: auto;background: #3F51B5;padding: 8px 15px;font-size: 14px;border: none;border-radius: 3px;color: #ffffff;}

.back{position:fixed;top:0 !important;left:0;width:100%;height:100%;background:#000000;z-index:10;opacity:0.5;filter:alpha(opacity=50);}
.fixed{overflow:hidden;}

.excelBtn a{float: right}


/* 24.10 대시보드*/
.N_tabmenu{display: flex;width: 100%;}
.N_tabmenu li{width: 100%}
.N_tabmenu li a{display: flex;height:38px;	align-items: center;justify-content: center;background:#fff;color:#000;font-family: "notoKrM", sans-serif;font-size: 16px;border: 1px solid #ccc; }
.N_tabmenu li.selected a{background:#057bf5;color: #fff; border: 1px solid #057bf5}

.dashboardWrap{position: relative;margin: 15px 0;display: flex; flex-wrap: wrap;	gap: 20px;}
.dashboardWrap .dash_panel{width: 100%}
.dashboardWrap .dash_panel.dash_50{width:49%}
.dashboardWrap .dash_panel .panelTitle{display: flex;justify-content: center;align-items: center;height: 38px;background: #d1e2f3;margin-bottom:-1px;border: 1px solid #b4c6d8;border-radius: 4px 4px 0 0}
.dashboardWrap .dash_panel .panelTitle h5{text-align: center;font-size: 16px;color: #214786;}
.dashboardWrap .dash_panel .statBorder{height: auto}

.yeon_sec{text-align:right;}
.yeon_sec select{border:1px solid #c0c0c0;height:30px;padding:0 5px;width:150px;font-size:14px;color:#000;}