@charset "utf-8";
/* CSS Document */

/* body 공통속성 */
body,div,ul,li,dl,dt,dd,ol,p,h1,h2,h3,h4,h5,h6,form,input {margin:0; padding:0; z-index:2;}
ul {list-style:none; padding:0; margin:0;}
body {font: 12px "돋움",Dotum,Helvetica,AppleGothic,Sans-serif; background-image:url(../img/bg.gif); background-repeat:repeat-x;}
img {border:0; vertical-align:top;}
fieldset {border:0;}
textarea {border:1px solid #dadada;}
input[type="checkbox"]{vertical-align:middle;}
input, select, textarea{ vertical-align:middle;}
/* body 공통속성-끝 */

/* 레이아웃 큰 박스 속성 */
.wrap {width:1000px; margin:0 auto;}
.header {float:left; width:1000px; height:156px;}
.con {float:left; width:1000px; height:612px;}
.content {float:left; width:680px; height:612px; margin-top:8px;}
.footer {float:left; width:100%; height:105px; background-image:url(../img/foot_bg.gif); background-repeat:repeat-x;}

/* top_set 박스속성 */
.top_set {float:left; width:1000px; height:8px; font-size:16px; margin-top:11px;}
.top_set .topset1 {float:right;}
.top_set .topset2 {float:right;}
.top_set .topset3 {float:right;}

/* gnb_box 박스속성 */
.sub_menu  {float:left; width:1000px; height:27px; margin-top:39px;}
.sub_menu .logo {float:left;}
.sub_menu .m1 {float:right; padding-top:13px;}
.sub_menu .m2 {float:right; padding-top:13px;}

/* navi 박스속성 */
.main_navi {float:left; width:1000px; height:0px; margin-top:8px; z-index:1;}
.main_navi .navi {position:absolute; width:1000px; height:80px; z-index:2;}

/* navibar  replaced_hyk */
.navbar {
	overflow: hidden;
	background-color: transparent;
	/* height: 40px; */
  }
  
  .navbar a {
	float: left;
	font-size: 16px;
	color: white;
	text-align: center;
	padding: 11px 16px;
    margin-left: 17px;
    margin-right: 40px;
	/* margin: 0px 30px; */
	text-decoration: none;
  }
  
  .subnav {
	float: left;
	overflow: hidden;
  }
  
  .subnav .subnavbtn {
	font-size: 15px;  
	font-weight: 600;
	border: none;
	outline: none;
	color: white;
	padding: 9px 35px;
	margin: 0px 5px;
	background-color: transparent;
	font-family: inherit;
	cursor: pointer;
  }
  
  .navbar a:hover, .subnav:hover .subnavbtn {
	background-color: #3794a3;
  }
  
  .subnav-content {
	display: none;
	position: absolute;
	float: left;
	/* left: 0; */
	/* left: calc((100vw - 1007px)/ 2); */
	margin-left: 5px;
	width: 230px;
	background-color: #3794a3;
	/* width: 100%; */

	z-index: 1;
  }

  
  .subnav-content a {
	float: left;
	color: white;
	text-decoration: none;
  }
  
  .subnav-content a:hover {
	  color: #26bfa0;
  }
  
  .subnav:hover .subnav-content {
	display: block;
  }

/* sub-category  replaced_hyk */
.sub-category-ul {
    list-style-type: none;
    margin: 10px;
    padding: 0;
    /* width: 195px; */
    background-color: #fff;
  }
  
  .sub-category-link {

	display: block;
    color: #000;
    padding: 7px 0px;
	border: 1px solid white;
	font-size: 13px;
	width: 165px;
    font-weight: 600;
	text-decoration: none;
  }
  
  .sub-category-ul a.active {

	background-color: #F37503;
    border: 1px solid #d66601;
    color: white;
  }
  
  .sub-category-ul a:hover:not(.active) {
	background-color: #ff7429;
	color: white;
  }

  .sub-category-ul span {
	  padding: 0px 9px;
	  color: white;
  }

/* con 박스속성 */

/* con #left 박스속성 */
.con .left {float:left; width:207px; height:490px;}
	/* 로그인*/
	.left .login { width:200px; height:180px; margin-left:7px; background-image:url(../img/bg_login.gif); background-repeat:no-repeat;}
		.left .login .login_set01 {width:162px; height:69px; padding:18px 0 0 20px;}
			.left .login .login_set01 li {float:left; width:162px;}
			.left .login .login_set01 .tit {float:left; width:162px; height:13px;}
			.left .login .login_set01 #id {float:left; width:106px; height:23px; background-image:url(../img/id_bg.gif); background-repeat:no-repeat; margin-top:6px;}
			.left .login .login_set01 #pw {float:left; width:106px; height:23px; background-image:url(../img/pw_bg.gif); background-repeat:no-repeat; margin-top:4px;}
			.left .login .login_set01 .input_box {float:left; width:49px; height:23px; border:0px; padding-left:56px;line-height: 21px;}
		.left .login .login_set02 {width:162px; height:20px; margin:6px 0 0 20px;}	
			.left .login .login_set02 li {float:left; width:162px; height:20px;}
			.left .login .login_set02 .check {width:18px; height:20px;}	
			.left .login .login_set02 .check #checkbox { padding:4px 0 0 5px;}
			.left .login .login_set02 .text {width:69px; height:16px; padding:5px 0 0 7px; font-size:11px; color:#666666; letter-spacing:1px;}	
			.left .login .login_set02 .login_btn { float:right; width:56px; height:20px; padding-left:7px;}	
		.left .login .go_set {width:170px; height:38px; margin:20px 0 0 12px;}	
		.left .login .go_set li {float:left;}	
		.left .login .go_set li.join_btn {width:170px; height:13px; padding-top:4px;}		
		
			/* 로그아웃*/
	.left .logout { width:200px; height:180px; margin-left:7px;  background-image:url(../img/bg_login.gif); background-repeat:no-repeat;}
		.left .logout .logout_set01 {width:162px; height:72px; padding:18px 0 0 20px;}
			.left .logout .logout_set01 li {float:left; width:162px;}
			.left .logout .logout_set01 .tit_01 {float:left; width:162px; height:13px;}
			.left .logout .logout_set01 .greeting {float:left; width:162px; height:48px; margin-top:10px; background-image:url(../img/text_bg.gif); background-repeat:no-repeat;}
			.left .logout .logout_set01 .greeting span.text{float:left; width:121px; height:48px; padding:1px 0 0 21px;}

		.left .logout .logout_set02 {width:162px; height:26px; margin:5px 0 0 20px; background-image:url(../img/note_bg.gif); background-repeat:no-repeat;}	
			.left .logout .logout_set02 li.message {float:left; width:117px; height:13px; padding:6px 0 0 23px;}
			.left .logout .logout_set02 li.message span.bold { font-weight:bold; color:#006666;}
		.left .logout .go_set_02 {width:170px; height:38px; margin:14px 0 0 12px;}	
		.left .logout .go_set_02 li {float:left;}	
		.left .logout .go_set_02 li.my {width:170px; height:13px; padding-top:4px;}		
		
    /* 마이페이지*/
    .left .mypage {width:200px; height:78px; margin-top:8px; margin-left:7px; background-image:url(../img/mypage.gif); background-repeat:no-repeat;}	
		.left .mypage ul.mymy {width:158px; height:32px; padding-top:27px; padding-left:32px;}
		.left .mypage li {padding-top:6px;}					
			
	/* 검색*/
    .left .search {width:200px; height:61px; margin-top:8px; margin-left:7px; background-image:url(../img/search.gif); background-repeat:no-repeat;}
		.left .search ul.search_set {width:180px; height:24px; padding:30px 0 0 11px;}
		.left .search ul.search_set li.input {width:123px; height:24px;}
		.left .search ul.search_set li.input .box {width:119px; height:18px; border:524a47 solid 1px;} 
		.left .search ul.search_set li.sbtn {width:57px; height:24px;}
		.left .search ul.search_set li {float:left;}
		
		
	/* 배너*/	
	.left .banner {width:200px; height:42px; margin-top:7px; margin-left:7px;}
	.left .csbanner {width:200px; height:184px; margin-top:8px; margin-left:7px;}
	
/* con .center 박스속성*/		
.con .center {float:left; width:606px; height:576px; margin-left:8px;}

	/* visual */	
	.con .visual {float:left; width:606px; height:298px;}
	
	/* 게시판 */
	.con .board_set {float:left; width:606px; height:155px;}
		.con .board_set .board_01 {float:left; width:297px; height:179px;}
		.con .board_set .board_01 .board_title01 {float:left; width:297px; height:25px; background-image:url(../img/board_tit_bg.gif); background-repeat:		                                              repeat-x;}
			
			.con .board_set .board_01 .board_title01 {float:left; width:297px; height:25px; background-image:url(../img/board_tit_bg.gif); background-repeat:		                                              repeat-x;}
			.con .board_set .board_01 .board_title01 .notice {float:left; width:97px; height:25px;} 
			.con .board_set .board_01 .board_title01 .news {float:left; width:97px; height:25px;}
			.con .board_set .board_01 .board_title01 .more {float:left; width:103px; height:25px; font-size:11px;}
			.con .board_set .board_01 .board_title01 .more span.text { float:right; padding:10px 10px 0 0;}


		.con .board_set .board_01 .list {float:left; width:297px; height:154px; background-image:url(../img/list_bg.gif); background-repeat:no-repeat;}
		.con .board_set .board_01 .list ul.n_list {float:left; width:297px; height:100px; padding-top:12px;}
			.con .board_set .board_01 .list ul.n_list a { color:#333333; text-decoration:none;}
			.con .board_set .board_01 .list ul.n_list a:hover {color:#339999; text-decoration:underline;} 
		.con .board_set .board_01 .list .list_text {float:left; width:216px; height:20px; padding-left:13px;}
		.con .board_set .board_01 .list .date {float:left; width:68px; height:20px;}

	.con .board_set .board_02 {float:left; width:299px; height:179px; margin-left:10px;}
		.con .board_set .board_02 .board_title02 {float:left; width:299px; height:25px; background-image:url(../img/p_title.gif); background-repeat:no-repeat;}
		.con .board_set .board_02 .board_title02 span.text { float:right; padding:10px 10px 0 0;}
			.con .board_set .board_02 .process_list {float:left; width:297px; height:154px; background-image:url(../img/list_bg.gif); background-repeat:no-repeat;}
			.con .board_set .board_02 .process_list ul.p_list {float:left; width:297px; height:100px; padding-top:12px;}
				.con .board_set .board_02 .process_list ul.p_list a { color:#333333; text-decoration:none;}
				.con .board_set .board_02 .process_list ul.p_list a:hover {color:#339999; text-decoration:underline;} 
			.con .board_set .board_02 .process_list .list_text {float:left; width:216px; height:20px; padding-left:13px;}
			.con .board_set .board_02 .process_list .date {float:left; width:68px; height:20px;}
		
	/* 배너 */	
	.con .sbanner {float:left; width:606px; height:80px;} 
	.con .sbanner li {float:left;} 
	.con .sbanner .excel {float:left; width:297px; height:99px; background:url(../img/excel_banner.gif) left no-repeat;}
	.con .sbanner .excel image{float:left; margin-left:18px; margin-top:30px;}
	.con .sbanner .power {float:right; width:299px; height:99px; background:url(../img/power_banner.gif) left no-repeat;}
	.con .sbanner .power image{float:left; margin-left:18px; margin-top:30px;}

/* con .right 박스속성 */	
.con .right {float:left; width:170px; height:413px; margin-left:9px;}

	/* con .quick */
	.con .right .quick {float:left; width:162px; height:183px; background-image:url(../img/quick_bg.gif); background-repeat:no-repeat;}
		.con .right .quick li {float:left;}
		.con .right .quick .q_banner01 {float:left; padding:36px 0 0 6px; width:150px; height:34px;}
		.con .right .quick .q_banner02 {float:left; padding:2px 0 0 6px; width:150px; height:34px;}
		
	/* con .event */	
	.con .right .event_tit {float:left; width:162px; height:23px; margin-top:6px;}
		.con .right .event {float:left; width:160px; height:129px; margin-top:6px; border:1px solid #dedede; background-color:#FFFFFF;}
		
	/* con .go_banner */	
	.con .right .go_banner {float:left; width:162px; height:57px; margin-top:7px;}
	
	
/* foot */		
.footer .copy {width:1000px; height:105px; margin:0 auto;}
.footer .copy .info {float:right; width:270px; height:22px;}
.footer .copy .info li {float:right;}
.footer .copy .adress {width:1000px; height:83px;}