@charset "utf-8";
/* CSS Document */
@font-face{
	font-family:'NanumGothic';
	font-style:normal;
	font-weight:normal;
	src:url('../fonts/NanumGothic-Regular.eot');
	src:url('../fonts/NanumGothic-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/NanumGothic-Regular.woff') format('woff'),
		url('../fonts/NanumGothic-Regular.ttf') format('truetype')
}
@font-face{
	font-family:'NanumGothic';
	font-style:normal;
	font-weight:bold;
	src:url('../fonts/NanumGothic-Bold.eot');
	src:url('../fonts/NanumGothic-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/NanumGothic-Bold.woff') format('woff'),
		url('../fonts/NanumGothic-Bold.ttf') format('truetype')
}
@font-face{
	font-family:'NanumGothic';
	font-style:normal;
	font-weight:900;
	src:url('../fonts/NanumGothic-ExtraBold.eot');
	src:url('../fonts/NanumGothic-ExtraBold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/NanumGothic-ExtraBold.woff') format('woff'),
		url('../fonts/NanumGothic-ExtraBold.ttf') format('truetype')
}

*{ margin: 0; padding: 0; font-family: '나눔고딕',NanumGothic,'맑은 고딕',Verdana, Geneva, sans-serif; letter-spacing: 0.5px;}

li {list-style:none; }

.logo {padding-top:5px; padding-left:10px;}
.form_text {border: 1px #CECDCF solid; background-color:#FFFFFF; color:#666666; font-size:9pt; text-align:left; min-width: 80px; height: 30px; text-indent: 2pt;}
.icon{ float:left; padding-top: 2px; }
.form{ float:left; padding-left: 2px; }
.line{ height:1px; background-color:#CCC;}
.line2{ height:1px; background-color:#2285c1; height:2px;}
.padding-left{padding-left:10px;}
.padding-left1{padding-left:4px;}
.text_s{padding-left:10px; padding-top:8px; font-size:66%;  color:#484747; line-height:1.3;}
.text_padding{padding-left:10px;}
.color_1{ font-weight:bold; color:#2f9a16; }
.color_text{ color:#124c83; }
.color_text A:hover {color:#6596c1;}
#directmenu-area{padding-left: 15px;}

.mainmenu-li {position:relative; padding:2px 7px; background-color: #0085d2; float: left; width: 183px; text-align: center;}
.mainmenu-li:HOVER {background-color: #166ca7;}
.mainmenu-li a{font-size:11pt; font-weight:bold; color: #fff;}

.topmenu-ul>li{text-align: center;}


/* 링크색상 
#mainmenu-ul-1 li a{color:#932461; font-size:9.0pt;}
#mainmenu-ul-1 li a:hover{color:#be2a75;}

#mainmenu-ul-2 li a{color:#1b6b99; font-size:9.0pt;}
#mainmenu-ul-2 li a:hover{color:#036fad;}

#mainmenu-ul-3 li a{color:#0a7330; font-size:9.0pt;}
#mainmenu-ul-3 li a:hover{color:#479c0e;}

#mainmenu-ul-4 li a{color:#2996b0; font-size:9.0pt;}
#mainmenu-ul-4 li a:hover{color:#2c9ad3;}

#mainmenu-ul-5 li a{color:#104076; font-size:9.0pt;}
#mainmenu-ul-5 li a:hover{color:#1762ad;}

#mainmenu-ul-6 li a{color:#0a7330; font-size:9.0pt;}
#mainmenu-ul-6 li a:hover{color:#12916e;}

#mainmenu-ul-7 li a{color:#1b6b99; font-size:9.0pt;}
#mainmenu-ul-7 li a:hover{color:#2baeb6;}

#mainmenu-ul-8 li a{color:#1b6b99; font-size:9.0pt;}
#mainmenu-ul-8 li a:hover{color:#228cc9;}

#mainmenu-ul-9 li a{color:#0a7330; font-size:9.0pt;}
#mainmenu-ul-9 li a:hover{color:#439521;}

#mainmenu-ul-10 li a{color:#05768a; font-size:9.0pt;}
#mainmenu-ul-10 li a:hover{color:#21a8ae;}

#mainmenu-ul-11 li a{color:#087929; font-size:9.0pt;}
#mainmenu-ul-11 li a:hover{color:#439521;}

#mainmenu-ul-12 li a{color:#05768a; font-size:9.0pt;}
#mainmenu-ul-12 li a:hover{color:#21a8ae;}
*/

.mainmenu-div{width: 1100px; margin: 0 auto;}
/* 메뉴 라인 색상
#mainmenu-div-1  {border-bottom: solid #962b66; height:62px;}
#mainmenu-div-2  {border-bottom: solid #2990cb; height:62px;}
#mainmenu-div-3  {border-bottom: solid #38bf25; height:62px;}
#mainmenu-div-4  {border-bottom: solid #258dbf; height:62px;}
#mainmenu-div-5  {border-bottom: solid #1e89bd; height:62px;}
#mainmenu-div-6  {border-bottom: solid #1ebd74; height:62px;}
#mainmenu-div-7  {border-bottom: solid #2990cb; height:62px;}
#mainmenu-div-8  {border-bottom: solid #2990cb; height:62px;}
#mainmenu-div-9  {border-bottom: solid #0a7330; height:62px;}
#mainmenu-div-10 {border-bottom: solid #1eabbd; height:62px;}
#mainmenu-div-11 {border-bottom: solid #107d30; height:62px;}
#mainmenu-div-12 {border-bottom: solid #1eabbd; height:62px;}
 */

.submenu-wrapper {position: relative; width:1100px; margin: 0 auto;}
.submenu-div {position: relative; z-index:10000; width:183px; float: left; min-height: 192px; padding: 0 10px; border-right: 1px solid #eee;}
.submenu-div:first-child {border-left: 1px solid #eee;}
.submenu-div > ul > li > a {color:#999; font-size: 11pt;}


/* 하위메뉴 위치 조정 
.topmenu-ul-1   {background-color:#ffffff;}
.topmenu-ul-2   {background-color:#166ca7;}
.topmenu-ul-3   {background-color:#ffffff;}
.topmenu-ul-4   {background-color:#ffffff;}
.topmenu-ul-5   {background-color:#ffffff;}
.topmenu-ul-6   {background-color:#ffffff;}
.topmenu-ul-7   {background-color:#ffffff;}
.topmenu-ul-8   {background-color:#ffffff;}
.topmenu-ul-9   {background-color:#ffffff;}
.topmenu-ul-10  {background-color:#ffffff;}
.topmenu-ul-11  {background-color:#ffffff;}
.topmenu-ul-12  {background-color:#ffffff;}
*/

/* 숨김 요소 */
#side h2, .title_h2 h2, .depth01 h2, .tabbox h3, #side1_02 h2, #side1_03 h2, #side1_04 h2,
#side2_01 h2, #side2_02 h2, #side5_01 h2, #side5_02 h2, #side5_03 h2 , .side h2
{
	position:absolute;
	overflow:hidden;	
	width:1px;
	height:1px;
	font-size:0;
	line-height:0;
}


/* 세로 중앙 레이아웃 설정*/
#wrapper{position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0 auto; min-width: 1100px; background-color: #FFF; background-position: center center;}

/* 헤더영역 레이아웃 크기 */
#header-wrapper {width:100%; height: 76px; margin:0;}

/* 컨텐츠영역 레이아웃 크기 */
#content-wrapper {width:100%;overflow:hidden;}

/* 좌측메뉴 영역(left) */
.left-area {float: left; overflow-y:auto; overflow-x: hidden; position: relative;}

/* 중앙컨텐츠 영역(center) */
.content-base{width:100%; float: left; }
.content-base > .content-area {
	width: 1100px;
	margin: 0 auto;
	overflow: hidden;
	scrollbar-highlight-color:#FFFFFF; 
	scrollbar-3dlight-color:#FFFFFF; 
	scrollbar-face-color:#DFDFDF; 
	scrollbar-shadow-color:#FFFFFF; 
	scrollbar-darkshadow-color:white; 
	scrollbar-track-color:#FFFFFF; 
	scrollbar-arrow-color:#B58E63;
}

::-webkit-scrollbar {width: 8px; height: 8px; border: 3px solid #fff; }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 10px; background: #efefef}
::-webkit-scrollbar-track {background: #efefef; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)}
::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(0,0,0,.2); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)}



/* 탑메뉴 영역(top) */
.top-area {width:100%; height:30px; background-color:#0085d2; position: relative;}
.top-sub-area{width: 100%; background-color: #FFF; position: absolute; z-index: 999; padding: 15px 0; border-bottom: 1px solid #ddd; display: none;}
/* 푸터 영역 */
#footer-wrapper{
	width:100%;
	height:35px;
	background-image:url(../images/comm/copy_bg.gif);
	background-color: #e1e4e5;
    background-repeat: no-repeat;
	text-align: right;
    font-size: 10px;
    font-weight: bold;
    padding-top: 8px;
    position: fixed;
    bottom: 0;
}
#footer-wrapper a{
	margin-right: 10px;
	font-weight: bold;
	color: #6A6868;
}
#footer-wrapper a:ACTIVE, #footer-wrapper a:VISITED, #footer-wrapper a:FOCUS, #footer-wrapper a:HOVER{
	color: #6A6868;
}
div.h0 {
	height: 0px;
}
div.h1 {
	height: 1px;
}
div.h5 {
	height: 5px;
	margin: 0px 0px;
}
div.h10 {
	height: 10px;
}
div.h15 {
	height: 15px;
}
div.h20 {
	height: 20px;
}
div.h30 {
	height: 30px;
}
div.h40 {
	height: 40px;
}
div.h50 {
	height: 50px;
}
div.h60 {
	height: 60px;
}
div.h70 {
	height: 70px;
}
div.h80 {
	height: 80px;
}
div.h90 {
	height: 90px;
}
div.h100 {
	height: 100px;
}
div.h200 {
	height: 200px;
}
div.h300 {
	height: 300px;
}
div.h400 {
	height: 400px;
}
div.h500 {
	height: 500px;
}
.submenu-area{
	padding: 10px 20px;
}
/**
navbar 설정
*/
@media (min-width: 768px) {
    .navbar-brand.abs{
        position: absolute;
        width: auto;
        left: 50%;
        transform: translateX(-50%);
        text-align: center;
    }
}
@media (max-width: 990px) {
    .d-flex {
        width: 100%;
    }
}