@charset "utf-8";

/* Font */

@font-face {
    font-family: notokr-Regular; 
    font-style: normal;
    font-weight: 100;
    src:url(font/notokr-regular.eot);
    src:url(font/notokr-regular.eot?#iefix) format('embedded-opentype');
    src:url(font/notokr-regular.woff2) format('woff2');
    src:local(NotoSansCJKkr-Regular), url('font/notokr-regular.woff') format('woff');
    src:local(NotoSansCJKkr-Regular), url('font/notokr-regular.woff') format('woff');
}

/* 게시판, 프로그램 템플릿 관련 */

.p_title {font-family: Dotum,DotumChe,Arial; font-size: 9pt; line-height: 18px; color: #444444}
.p_input {font-family: Dotum,DotumChe,Arial; font-size: 9pt; line-height: 18px; color: 494949; background-color: #FFFFFF; border: 1px solid C9C9C9}
.p_select {font-size: 9pt; font-family: Dotum,DotumChe,Arial; background-color: #FFFFFF; border: 1px solid #D7D7D7; padding-left: 5}
.p_textarea {
	font-size: 9pt;
	font-family: "굴림";
	color: #494949;
	SCROLLBAR-bace-COLOR: #F1F4EA;
	SCROLLBAR-FACE-COLOR: #F1F4EA;
	scrollbar-highlight-color: #FFFFFF;
	SCROLLBAR-3DLIGHT-COLOR: #E2E4DC;
	SCROLLBAR-ARROW-COLOR: #E2E4DC;
	SCROLLBAR-DARKSHADOW-COLOR: #E2E4DC;
	scrollbar-track-color: #F3F3F3;
	background-color: #FFFFFF;
	border: 1x solid CFCFCF
}

/* 공통 */
a:link	{font-family: Dotum,DotumChe,Arial; color: #7e7e7e; text-decoration: none; letter-spacing: 0px}
a:active {font-family: Dotum,DotumChe,Arial; color: #7e7e7e; text-decoration: none; letter-spacing: 0px}
a:visited {font-family: Dotum,DotumChe,Arial; color: #7e7e7e; text-decoration: none; letter-spacing: 0px}
a:hover	{font-family: Dotum,DotumChe,Arial; color: #179FD5; text-decoration: none; letter-spacing: 0px}

.none {border: 0px}

body {scrollbar-face-color: #EEEEEE; scrollbar-shadow-color: #BBBBBB; scrollbar-highlight-color: #BBBBBB; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #EEEEEE; scrollbar-arrow-color: #AAAAAA}


/* 비쥬얼 */
.top_bg {background:url(../images/main/top_bg.jpg) repeat-x 0 0; height:121px;}
.visual01 {background:url(../images/flash/back.jpg) 50% 0 no-repeat;width:100%;}
.visual01_sub {background:url(../images/flash/back2.jpg) 50% 0 no-repeat;width:100%;}
.footer_bg {background:url(../images/main/footer_bg.jpg) repeat-x 0 0; height:109px;}

.gallery_bg {background:url(../images/main/gallery_bg.gif) no-repeat; height:94px; padding:10px;}
.gallery_border {width:80px; height:53px; border:2px solid #dadada;}

/* 폰트 */
td {font-family:Dotum,DotumChe,Arial; font-size:0.75em;letter-spacing:-0.04em;color:#7e7e7e;line-height:18px;}
.news_day {font-size:0.75em;letter-spacing:-0.04em;color:#e3c3aa;white-space:nowrap;}

/* 기타 */
.sub_margin{height:30px;}
.sub_margin02{height:40px;}

.about_table {border-left:1px solid #e8e8e8;border-top:2px solid #a0bc64;}
.about_table02 {border-right:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8; background:#f9f9f9; padding:5px;text-align:center;}
.about_table03 {border-right:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8; padding:6px;}
.about_table04 {border-right:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8; padding:6px 10px 3px 10px;}
.simulation {border:1px solid #efefef; padding:20px; width:723px;}
.contractors{border-top:1px solid #e8e8e8; border-left:1px solid #e8e8e8;text-align:center; padding:5px 10px 2px;}
.contractors td{border-right:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;}

/* Top Menu*/
#topMenu {padding-top: 13px;width: 100%; }
#topMenu ul { list-style-type: none; margin: 0px; padding: 0px; } 
#topMenu ul li {  color: #333; float: left; vertical-align: middle; text-align: center; position: relative; margin: 0 20px; } 
#topMenu ul li:last-child {margin-right: 0;}
.menuLink, .submenuLink {text-decoration:none; display: block; font-size: 13px; font-weight: bold; } 
.menuLink { color: white; padding-bottom: 32px; display: inline-block; } 
.submenu { /* 하위 메뉴 스타일 설정 */ position: absolute; width: 690px; height: 0px; overflow: hidden; transition: height .2s; -webkit-transition: height .2s; -moz-transition: height .2s; -o-transition: height .2s;  /*width: 574px; [변경] 가로 드랍다운 메뉴의 넓이 */ } 
.submenu.short {width: 200px;}
.submenu.last {width: 305px;right: 0;}
.submenu li { display: inline-block; margin: 0 20px 0 0!important;/* [변경] 가로로 펼쳐지도록 설정 */ } .topMenuLi:hover .submenu { /* 상위 메뉴에 마우스 모버한 경우 그 안의 하위 메뉴 스타일 설정 */ height: 27px; /* [변경] 높이를 32px로 설정 */ } 
.submenu li:last-child { margin-right: 0!important;}
.submenuLink { /* 하위 메뉴의 a 태그 스타일 설정 */  color: #fff;  margin-right: -1px; font-size: 0; opacity: 0.7;  height: 27px; padding: 6px 0; display: inline-block;} 
.submenuLink:hover { /* 하위 메뉴의 a 태그의 마우스 오버 스타일 설정 */opacity: 1; }

.standard {width: 100%; border-top: 2px solid #167402; font-family:'notokr-Regular', '맑은고딕', Malgun Gothic, 'Dotum', 'Dotumche';}
.standard td {color: #167402; text-align: left; background-color: #f9fdfa; border-bottom: 1px solid #cbebce; padding: 15px 20px;  font-family:'notokr-Regular', '맑은고딕', Malgun Gothic, 'Dotum', 'Dotumche'; font-size: 16px; font-weight: 600; line-height: 21px;}
.standard td .downBtn  {float: right; font-family:'notokr-Regular', '맑은고딕', Malgun Gothic, 'Dotum', 'Dotumche'; color: #fff; font-weight: 500; font-size: 14px; padding: 5px 20px; background: #167402; border-radius: 25px;}
.standard td .downBtn:hover {background: #3ba424;}
.standard td ul {margin-bottom:0; }
.standard td li {color: #777; font-weight: 600; font-size: 14px; padding: 8px 0;}
.standard td li .linkurl { font-family:'notokr-Regular', '맑은고딕', Malgun Gothic, 'Dotum', 'Dotumche'; color: #167402; font-weight: 600; font-size: 14px; text-decoration: underline;}

.banner_wraper { height: 55px; width: 988px; border: 1px solid #eee; position: absolute; overflow: hidden; }
.banner_wraper img { height: auto; position: absolute; }


.tabSt {width: 100%; margin: 10px 0 20px; overflow:hidden; padding:0;}
.tabSt li {width:219px; float: left;border: 1px solid #ddd; padding: 10px; text-align:center; background: #f5f5f5; list-style:none;}
.tabSt li:first-child {border-right: none;}
.tabSt li a {font-family:'notokr-Regular', '맑은고딕', Malgun Gothic, 'Dotum', 'Dotumche'; color: #777; font-weight: 600; font-size: 15px;}
.tabSt li a:hover {color: #167402;}
.tabSt li.on {background: #666;}
.tabSt li.on a {color:#fff;}