@charset "utf-8";
@import url(reset.css);
@import url(layout.css);


/*header*/
#header_wrap h1{
		height:138px;
		width:410px;
		margin:0 auto;
}
#header_wrap h1 a img{
		padding-top:36px;
}
#DB_navi38 ul, #DB_navi38 li{margin:0;padding:0;list-style:none;}
#DB_navi38 p{margin:0;padding:0}
#DB_navi38 a{text-decoration:none;}
#DB_navi38 img{border:0;vertical-align:top}

#DB_navi38 {position:relative;width:1100px;height:38px; margin-top:-80px !important;}
#DB_navi38 .DB_main{float:left;position:relative;margin-right:0px/*�޴�����*/}
#DB_navi38 .DB_main.DB_select{z-index:1}

#DB_navi38 .DB_main .DB_sub{display:none;position:absolute;top:38px/*�������*/;border-top:none;padding:10px;background:#ffffff}
#DB_navi38 .DB_main .DB_sub.s1{left:0px; top:51px; width:275px; height:300px; background:url(/images/broad/gnb_bg01.gif) no-repeat;}
#DB_navi38 .DB_main .DB_sub.s2{left:0px; top:51px; width:275px; height:300px; background:url(/images/broad/gnb_bg02.gif) no-repeat;}
#DB_navi38 .DB_main .DB_sub.s3{left:0px; top:51px; width:275px; height:300px; background:url(/images/broad/gnb_bg03.gif) no-repeat;}
#DB_navi38 .DB_main .DB_sub.s4{left:0px; top:51px; width:275px; height:300px; background:url(/images/broad/gnb_bg04.gif) no-repeat;}

#DB_navi38 .DB_main .DB_sub ul{float:left;width:120px;margin-right:5px}
#DB_navi38 .DB_main .DB_sub ul li a{color:#333333;display:block;padding:3px 20px; width:220px; font-size:15px; line-height:30px;}

#DB_navi38 > div{display:none !important;}
ㄴ

/* ��ǥ���ΰ�� li�� ��������
#DB_navi38 .DB_main .DB_sub ul li{font-size:0}
#DB_navi38 .DB_main .DB_sub ul li a{color:#333333;display:block;padding:3px;font-size:12px}
*/
#DB_navi38 .DB_main .DB_sub ul li a:hover{font-weight:bold;}
#DB_navi38 .DB_main .DB_sub .DB_show{float:right;margin:-5px}

.usermenu{position: absolute; top: -35px; right: 0; z-index: 999; font-size:13px;}
.usermenu li{float:left; padding-left:5px; padding-right:10px;}
.usermenu li:before{content:'|   ';}
.usermenu li:first-child:before{content:none;}
/*footer*/

/*main*/
#container .box_1{
		height:417px; 
		margin-bottom:15px; 
		overflow:hidden;
		margin-top:3px;
		float:left;
		position:relative;
}
#container .box_1 .box_1_info{    
		position: absolute;
   	 	top: 19px;
   		right:10px;
    	color: #333;
   		font-size: 15px;
}
#container .box_1 span{
		margin-top: -24px;
	    margin-right: 20px;
}
#container .box_1 h3{
		background:url(/images/broad/box_title01.png) no-repeat;
		height:47px;
		text-indent:-9999px;
		margin-top:5px;
}
#container .box_1 .box1_line{
		/* border-left:1px solid #84ccc9;
		border-right:1px solid #84ccc9;
		border-bottom:1px solid #84ccc9; */
		height:341px;
		padding:4px;
		width:1090px;
}
#container .box_2{
		/* width:734px; */ 
		float:left; 
		margin-right:10px; 
		overflow:hidden;
		margin-top:-32px;
}
#container .box_2 h3{
		background:url(/images/broad/box_title02.png) no-repeat;
		height:42px;
		text-indent:-9999px;
		margin:8px 0;
}
#container .box_2 .box2_line{
		border:1px solid #d6d3d3;
		/* border-left:1px solid #5e93d4;
		border-right:1px solid #5e93d4;
		border-bottom:1px solid #5e93d4; */
		height:352px;
		padding:5px;
		background:#fff;
		WIDTH:625px;
		margin-top:1px; 
}
#container .box_3{
		width:353px;
		float:right;
		overflow:hidden;
		margin-top:-10px;
}
#container .notice_box1{
		overflow:hidden;
		/* background:#fafafa;
		border:1px solid #e8e8e8; */
		width:449px;
		float:right;
		/* border-radius:20px 20px 0 0; */
	    margin-top: -23px;
}
#container .notice_box1 h3{
		padding:21px 15px 6px 25px;
		font-size:19px;
		text-indent:-9999px;
		background:url(/images/broad/box_title03.png) no-repeat;
}
#container .notice_box1 .more_btn{
		float:right;
		margin-top:-28px;
		margin-right:2px;
}
#container .notice_box1 .notice_list {
		padding:10px 0 10px 20px;
		background:#fff;
		border:1px solid #d6d3d3;
		height:344px;
		margin-bottom:60px;
}
#container .notice_box1 .notice_list li{
		font-size:14px;
		width:91%;
		border-bottom:1px solid #dcdcdc;
		background:url(/images/broad/list_style_type.gif) no-repeat 0 13px;
		line-height:29px;
		padding-left:8px;
}
#container .notice_box1 .notice_list li span{
		float:right;
		font-size:12px;
}
#container .box_3 h3{
		background:url(/images/broad/box_title03.gif) no-repeat;
		height:42px;
		text-indent:-9999px;
}
#container .box_3 .box_3_line{
		border-left:1px solid #2f87ae;
		border-right:1px solid #2f87ae;
		border-bottom:1px solid #2f87ae;
		height:350px;
		padding:10px;
}
#container .box_3_line iframe{
		width:330px;
		height:345px;
}

/*가입자현황판*/
.join_board_table{
		border-collapse:collapse;
		background:#fff;
}
.join_board_table thead th{
		border-top:1px solid #d6d3d3;
		border-right:1px solid #d6d3d3;
		border-left:1px solid #d6d3d3;
		background:#edf3f9 !important;
		font-size:12px !important;
		height:26px !important;
}
.join_board_table tbody td{
		border-top:1px solid #d6d3d3;
		border-right:1px solid #d6d3d3;
		border-left:1px solid #d6d3d3;
		height:20px !important; 
		font-size:12px !important;
}

/*알림판*/
#calendar table tbody td{
		height:20px !important;
		
}
#calendar table tbody td h2{
		border:none;
}
#calendar table{
		border:none !important;
}

/*login*/
.login_wrap{
		background:url(/images/broad/login_bg.gif) no-repeat center top;
		height:950px;
}
.login_wrap h1{
		text-align:center;
		padding:200px 0 40px 0;
}
.login_box{
		background:url(/images/broad/login_box_bg.gif) no-repeat;
		width:652px;
		height:385px;
		margin:0 auto;
		margin-top:9px;
}
.login_box fieldset{
		text-align:center;
}


.login_box h3{
		background:url(/images/broad/key.png) no-repeat 227px 51px;
		height:65px;
		padding-left:25px;
		font-size:34px;
		font-weight:normal;
		color:#0c648e;
		padding-top:67px;
		text-align:center;
}
.login_box input:-webkit-autofill{
    	-webkit-box-shadow: 0 0 0px 1000px white inset;
}
.login_box fieldset.login_field01{
		background:url(/images/broad/id_box.png) no-repeat center 0!important; 
		margin-bottom: 10px;
}
.login_box fieldset.login_field02{
		background:url(/images/broad/pw_box.png) no-repeat center 0!important; 
		margin-bottom: 10px;
}
.login_box #user_id{
		width:255px; 
		z-index:9999;
		height:40px; 
		padding-left:10px;
		border:none;
		margin-left:98px;
		margin-bottom: 10px;
		font-size:18px;
		margin-top:2px;
}
.login_box #user_pwd{
		width:255px; 
		height:40px; 
		padding-left:10px;
		border:none;
		margin-left:99px;
		margin-top:2px;
		margin-bottom: 10px;
		font-size:18px;
}
.login_footer{
		width:395px;
		margin: 105px auto 0 auto;
		overflow: hidden;
}
.login_footer ul li{
		float:left;
}

@media all and (max-height:830px){

.login_wrap{
		background:url(/images/broad/login_bg2.gif) no-repeat center top;
		height:600px;
}
.login_wrap h1{
		text-align:center;
		padding:82px 0 28px 0;
}
.login_footer{
		margin:75px auto 0 auto;
}
.login_box{
		height:340px;
		background-size:642px 340px; 
}	
.login_box h3{
		background: url(/images/broad/key.png) no-repeat 227px 33px;
	    height: 65px;
	    padding-left: 25px;
	    font-size: 34px;
	    font-weight: normal;
	    color: #0c648e;
	    padding-top: 50px;
	    text-align: center;
}
}


/*table*/
table{
		border:0;
		border-collapse:collapse; 
		text-align:center; 
		border:1px solid #d6d3d3;
		border-top: 1px solid #0D5170;	
}
table thead th, table thead td{
		height:40px !important; 
		padding:3px !important; 
		border-right:1px solid #d9d7d7 !important;
		background: #edf3f9 !important;
		font-size:15px !important
}
table thead th, table thead td{
		font-weight:bold;
}
table thead td{
		border-top:1px solid #d9d7d7 !important;
}
table tbody td{
		height:40px; 
		padding:3px; 
		border:1px solid #d9d7d7;
}
/*제출확인 테이블*/

#tab1 table thead th, #tab1 table thead td,
#tab2 table thead th, #tab2 table thead td,
#tab3 table thead th, #tab3 table thead td,
#tab4 table thead th, #tab4 table thead td,
#tab5 table thead th, #tab5 table thead td,
#tab6 table thead th, #tab6 table thead td,
#tab7 table thead th, #tab7 table thead td,
#tab8 table thead th, #tab8 table thead td{
		font-size:12px !important;
		line-height:15px;
}

/*내정보관리 테이블*/
.mypage_table{
		border-collapse:collapse; 
}
.mypage_table thead th{
		border-top:1px solid #0D5170 !important;
}
.mypage_table thead td input{
		height:25px;
}
.mypage_table thead th, .mypage_table thead td{
		border-bottom:1px solid #dcdcdc;
		height:30px !important;
		background:#f2f5f7 !important;
}
.mypage_table thead td{
		border-top: 1px solid #dcdcdc;
		text-align: left;
		padding-left: 10px !important;
		background:#ffffff !important;
		font-weight:normal !important;
}
.mypage_table thead tr:first-child td{
		border-top:1px solid #0D5170 !important;
}
.mypage_table tbody td{
		border:none;
}

.mypage_table2 thead th, .mypage_table2 thead td{
		height:81px !important;
		line-height:27px;
}
.mypage_table thead td{
		padding:20px !important;
}

.brd_list02 thead tr td img{
		vertical-align:middle !important;
		margin-left:3px;
}

/*tab*/
ul.tabs, ul.tabs2{
		margin: 0;
		padding: 0;
		list-style: none;
		height: 50px;
		font-size:15px;
		margin-top:30px;
		overflow:hidden;
		clear:both;
}
ul.tabs li, ul.tabs2 li{
		float: left;
		text-align:center;
		cursor: pointer;
		width:136px;
		height: 38px;
		line-height: 31px;
		border-left: none;
		background:#f7f5f5;
		overflow: hidden;
		color:#454545 !important;
		position: relative;
		margin-right:-1px;
		padding-top:3px;
		border:1px solid #dcdcdc;
		font-size:16px;
}
ul.tabs li.active, ul.tabs2 li.active {
		background: #0d5170;
		color:#ffffff !important;
		border:1px solid #dcdcdc;
}
ul.tabs li.active a, ul.tabs2 li.active a{
		color:#ffffff !important;
}
ul.tabs li a{
		width:182px; 
		height:36px;
		cursor:pointer;
		display:block;
}
ul.tabs2 li a{
		height:36px;
		cursor:pointer;
		display:block;
}
.tabs-menu li.current {
    position: relative;
}
.tabs-menu .current a {
    color:#e8252c !important;
}


/*container*/
#container{
		margin-bottom:70px;
}
.con_title{
		font-size:24px;
		margin-bottom:25px;
		margin-top:30px;
		padding:15px 0 7px 30px;
		background:url(/images/broad/con_title_bg.gif) no-repeat 0 17px;
		color:#162126;
}
.sub_title{
		font-size:20px;
		color:#21679e;
		margin-bottom:20px;
		background:url(/images/broad/sub_title_bg.gif) no-repeat 0 10px;
		padding-left:13px;
		margin-left:10px;
}
.now{
		background:url(/images/broad/home_btn.gif) no-repeat 0 7px;
		padding-left:23px;
		margin-top:-55px !Important;
		padding-top:3px;
		
}
#tabs-container ul li{
		float:left;
		padding: 3px 25px;
		margin: 2px 5px 15px 0;
		cursor:pointer;
		font-size:16px;
}
#tabs-container .tabs-menu{
		background:#f7f7f7;
		overflow:hidden;
		height:37px;
		margin-top:5px;
}

/*��������*/
.remote_btn{
		font-size:18px;
		display:inline-block;
		padding:7px 15px 9px 15px;
		background:#f4f9f9;
		border:1px solid #5fa4c4;
		margin-left:25px;
		cursor:pointer;
}
.remote_btn a{
		color:#174960;
}

/*��������*/
#search_box{
		height:30px;
		width:300px;
		vertical-align:middle;
}
#notice_search{
		height:34px;
		vertical-align:middle;
		width:60px;
}
.notice_table thead td{
		border-top: 1px solid #0D5170 !important;
		text-align: left;
		padding-left: 10px;
		background:#ffffff;
}
.notice_table thead td input{
		height:20px;
}
.notice_table thead th{
		border-top:1px solid #0D5170 !important;
		height:38px;
}
.notice_table thead td{
		height:38px;
		border:1px solid #dcdcdc;
}
.notice_table thead tr:first-child td{border-top:1px solid #0D5170;}
.notice_table body td{
		border:none !important;
}
.notice_table tbody td{
		border-bottom:1px solid #dcdcdc;
		border-right:1px solid #dcdcdc;
}

/*공지사항등록*/
.file-div .file-button{
		position: absolute;
	    width: 91px;
	    height: 32px !important;
	    top: 0px;
	    border: 0;
	    background: url(/images/broad/btn_file.gif) no-repeat 0 0;
}
.file-div{
		position: relative;
	    width: 91px;
	    height: 32px;
	    overflow: hidden;
}
.file-div .file-hidden{
	    position: absolute;
	    font-size: 24px;
	    top: 0px;
	    right: 0;
	    opacity: 0;
	
}
.gry{
		background:#faf9f9 !important;
}


/*������ ����*/
#myaddress1, #myaddress2{
		width:80px;
		margin-bottom:5px
}
#myaddress3{
		margin-bottom:5px
}
#myaddress3, #myaddress4{
		width:360px;
}
 #mycall1, #mycall2, #mycall3{
		width:50px;
}
#pwchange1, #pwchange2, #pwchange3{
		width:200px;
}

/*���ó���м�*/
.table_01 h3, .table_02 h3, .table_03 h3{
		font-weight:normal;
}

/*�˸��ǵ��*/
#notice_title{
		width:700px;
}
#notice_file{
		width:300px;
}
/*��������Ȯ������*/
#submit_title, #submit2_title{
		width:700px;
}
#submit_file, #submit2_file{
		width:300px;
}

/*관련법률 및 고시*/
.legal_table tbody td{
		height:30px !important;
		text-align:left;
		padding-left:15px;
}
.legal_table thead th{
		height:39px !important;
}
.legal_con1 div, .legal_con2 div, .legal_con3 div{
		border:1px solid #dcdcdc;
		padding:20px;
		background:#fbfbfb;
}
ul.legal_tabs {
		margin: 0;
		padding: 0;
		list-style: none;
		height: 41px !important;
		border-bottom:1px solid #dcdcdc;
		font-size:15px;
		margin-top:30px;
		overflow:hidden;
		clear:both;
}

/*제출안내*/

.submit_info_list{
		padding: 20px;
   	    background: #f7f5f5;
    	margin-bottom: 40px;
}
.submit_process{
		background:url(/images/broad/submit_process.gif) no-repeat;
		width:1095px;
		height:702px;
}
.submit_process li{
		padding:71px 0 0 160px;
}

/*알림판 달력*/

#ui-datepicker-div{
		position:absolute !important;
		top:322px !important;
}

.select{
		border:1px solid #c9c9c9;
		font-family:'Noto Sans KR', sans-serif !important;
		vertical-align:middle;
}