@CHARSET "UTF-8";

@font-face { font-family:'NanumSquare'; font-weight:300; src:url('../fonts/NanumSquareL.otf') format('opentype'); }
@font-face { font-family:'NanumSquare'; font-weight:400; src:url('../fonts/NanumSquareR.otf') format('opentype'); }
@font-face { font-family:'NanumSquare'; font-weight:700; src:url('../fonts/NanumSquareB.otf') format('opentype'); }
@font-face { font-family:'NanumSquare'; font-weight:800; src:url('../fonts/NanumSquareEB.otf') format('opentype'); }

/* 이 CSS가 적용되는 모든 페이지에서 다른 font-family 지정을 덮어쓰고 NanumSquare로 강제 통일 */
html, body, * { font-family:'NanumSquare' !important; }

/* 공통사항 초기화 - 모든 색상값들은 레이아웃 영역과 문자를 표시하기 위하여 임의로 설정됨 */
* { margin:0; padding:0; border:0; }
ul { list-style:none }
ol { margin:0 0 20px 20px; line-height:150% }
body { margin:10px; /* color:#FFFFFF; */ font-size:12px; font-family:'NanumSquare'; height:100% }
#body_right a { color:black; text-decoration:none;}
a { color:#FFFFFF; text-decoration:none; }
a:hover,
a:focus,
a:active { color:#FFFF00;}

h1 { font-size:50px; font-weight:bold; position:relative; padding:10px 20px; width:200px; }
h2 { font-size:30px; font-weight:bold; border-bottom:1px solid #000000; /* background:#666666 */; padding:5px; line-height:100%; margin-bottom:20px }
p { margin-bottom:20px }
hr { display:none }

/* 레이아웃 */
#logo { background:#FFFFFF }
#gnb { position:relative; height:60px; margin-bottom:1px;}

#lnb { cursor:pointer; position:relative;  width:130px; margin:0 -200px 10px 0;} /*left:-220px; float:left;*/
#content { position:relative; background:#999999; margin-bottom:10px; text-align:justify; padding:20px }
#copyright { clear:both; background:#999999; font-size:30px; font-weight:bold; }

/* 메뉴를 건너 뛰고 페이지 본문으로 이동하기 */
#skipToContent { position:relative;}
#skipToContent a { display:block; height:1px; width:1px; margin-bottom:-1px; overflow:hidden; text-align:center; color:#000; white-space:nowrap;}
#skipToContent a:focus,
#skipToContent a:active { height:auto; width:auto; padding:5px; margin-bottom:10px;}

/* 페이지 맨 위로 이동하기 */
#returnToPageTop { position:relative; }
#returnToPageTop a { display:block; height:1px; width:1px; margin-bottom:-1px; overflow:hidden; text-align:center; color:#000; white-space:nowrap; }
#returnToPageTop a:focus,
#returnToPageTop a:active { height:auto; width:auto; padding:5px; margin-bottom:10px;}

/* 헤더 2단 배치: 위 = 로고/English, 아래 = 네비게이션 */
#container.header_stack { display:block; padding:0; margin:0; }
#container.header_stack .top_bar { display:flex; justify-content:space-between; align-items:center; height:60px; }
#container.header_stack #logo { background:transparent; margin:0; padding:0; }
#container.header_stack #logo img { display:block; max-height:40px; width:auto; }
#container.header_stack #lengChange { flex:0 0 auto; }
#lengChange a { font-size:13px; font-weight:bold; color:#112975; }

/* 글로벌 메뉴 배치 (아랫줄, 중앙 정렬) */
#container.header_stack #gnb { border-top:1px solid #eee; padding-top:2px; }
#gnb > ul { display:flex; justify-content:center; align-items:center; list-style:none; margin:0; padding:0; }
#gnb li { position:relative; text-align:center; background:none; font-size:14px; font-weight:bold; font-family:'NanumSquare'; cursor:pointer; margin:0 18px; }
#gnb li li {float:none; width:auto; height:auto; border-top:0; background:#FFF; text-align:left; font-size:12px; font-family:'NanumSquare'; color:#0066CC; list-style:none; margin:0;}
#gnb li a { display:block; height:auto; padding:8px 2px; color:#112975; text-transform:uppercase; letter-spacing:0.5px; }
#gnb li li a { display:block; height:auto; padding:8px 14px; margin:0; color:#4977a6; text-transform:none; letter-spacing:normal; }

#gnb li a:hover { background:none; color:#579bd8; }
#gnb li li a:hover { color:gray; background:#f5f5f5; }

#gnb ul#gm1, #gnb ul#gm2, #gnb ul#gm3, #gnb ul#gm4, #gnb ul#gm5 {
	position:absolute; top:100%; left:50%; transform:translateX(-50%);
	display:none; white-space:nowrap; background:#fff; box-shadow:0 4px 10px rgba(0,0,0,0.08); border-radius:4px; padding:6px 0; z-index:50;
}

/* 글로벌 메뉴 활성 */
#gnb .active ul { display:block; }
#gnb .active a { text-decoration:underline; }
#gnb .active li a { text-decoration:none; }
#gnb .active .active a { text-decoration:underline; }

/* 로컬 메뉴 활성 */
#lnb .active ul { display:block; }
#lnb .active a {}
#lnb .active li a { text-decoration:none;}
#lnb .active .active a { text-decoration:underline; }

/* 페이지 중간 */
#middle { display:block; width:850px; overflow:hidden; }

/* 로컬 네비게이션 */
#lnb li a { /* display:block; width:160px; padding:10px; border-bottom:1px solid #FFFFFF; background: #000000 url(../images/leftmenu.png); */
display:block;
font-size: 100%;
font-weight: bold;
width: 110px; /* 160px; */
color: navy;
border-bottom:1px solid #FFFFFF; 
background: white ;
padding: 5px 0 5px 10px;
}
#lnb li ul { display:none;

margin: 0;
padding: 0;
margin-bottom: 8px;}
#lnb li li a {/*  display:block; width:150px; padding:5px 10px 5px 20px; border-bottom:1px solid #FFFFFF; background:#006699; */
width:110px; /*150px*/
color: #6495EB;
background: url("../images/arrowbullet.png") no-repeat top left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
/* border-bottom: 1px solid #dadada; */
font-size: 100%;
margin-left: 12px;
}

#lnb li li a:hover{ /*hover state CSS*/
color: #483D8B;
background-color: #F3F3F3;
}

/* 왼쪽 메뉴(leftmenu.xml 기반) - 이미지 대신 텍스트로 표시 */
#body_left .lnb_title { font-size:16px; font-weight:bold; color:#112975; padding:12px 0 12px 10px; border-bottom:2px solid #112975; }
#body_left .lnb_item a { display:block !important; font-size:12px; font-weight:bold; color:#000000 !important; background:#fff !important; padding:8px 0 8px 10px; border-bottom:1px solid #eee; text-decoration:none !important; transition:background-color .15s ease, color .15s ease; }
#body_left .lnb_item a:hover { color:#ffffff !important; background-color:#112975 !important; }

/* Index.jsp 화면 */
#body_wrap {margin:0 auto; position:relative;}
#body1 {width: 50%; height: 400px; margin: 50px 0 0 0; float:left;}
#body2 {width: 50%; height: 400px; margin: 50px 0 0 0; float:left;}
#body3 {width:100%; height: 0px; margin: 50px 0 0 0; float:left;}  /* 빈 공간을 나타내기 위함. */

/* 좌측 메뉴 영역 left 180*/
#body_left {display:block; width: 170px; min-height:650px; margin: 10px 0 0 0; float:left; border:1px solid #f0f0f0; text-align:left;}
#body_middle {width: 10px; margin: 10px 0 0 0; float:left;}
#body_right {width: 850px; margin: 10px 0 0 0; float:left; text-align:left; color:black;}

/* Footer */
/* #copy1 {width: 30%; height: 20px; margin: 10px 0 10px 0; float:left;}
#copy2 {width: 50%; height: 20px; margin: 10px 0 10px 0; float:left;}
#copy3 {width: 20%; height: 20px; margin: 10px 0 10px 0; float:left;} */
#copy2 {width: 100%; height: 20px; margin: 10px 0 10px 0; float:left; text-align:center;}


/* 화면가운데 위치하는 로그인 상자 */
#loginDiv { 
	width:740px; 
	height:274px; 
	position: absolute; 
	left: 48%; 
	margin-left: -248px; 
	margin-top: -50px; 
	background:url(../images/intr_img01.jpg) no-repeat; 
	vertical-align:middle; 
	top:50%; 
}
#loginDiv div { width: 600px; top: 90px; position: relative; left: 330px; }

/* 로그인 상자 안의 로그인 폼 부분 */
#loginDiv div dl { float: left; width: 300px;}
#loginDiv div dt { float: left; width: 80px; margin-left: 50px; padding: 5px 0 3px 0; }
#loginDiv div dd { float: left; width: 150px; margin-left: -10px; margin-top: -5px; padding: 2px 0 3px 0; }
#loginDiv div input { height: 18px; width: 145px; font-size:11pt; padding: 2px; border: 1px solid #CCC; }

/* 로그인 폼 안의 로그인 버튼 */
#loginDiv div p { float: left; width: 81px; height: 50px; margin-left: -25px; margin-top: -3px; }

#wrap {width: 1090px; height:600px; margin :0 auto; position:relative;}

/*-----------------------공통 ------------------------------------------*/

/*Contents*/
#contents{width:850px;padding:0 39px;float:left;min-height:650px;}

/* Title */
#div_title{margin:1%;height:20%;font-size:20px;text-align:center;color:#1c5a85; font-weight: bolder;}

#div_row{margin:auto;width:100%;height:30px;}
#label{float:left;height:25px;text-align:right; padding-right:10px;display:table;}

#Input{float:left;height:25px;}
#hidden{display:none;}

label {
	font-size:12px;
	display: table-cell; vertical-align:middle;
}
input[type='text'],input.text, input[type='password'],input.password{ 
	height: 18px;
	margin: 0px; 
    padding: 3px 3px 3px 3px;
    border: 1px #dedede solid; 
    font-size:12px;
	vertical-align:middle;
}
input[type='radio'],input.radio {
	width:15px;     height:25px;  
	-webkit-appearance:button;      
	color:#FFF;     
	white-space: nowrap;     
	overflow:hidden;
	vertical-align:middle;    
}
input[type='checkbox'],input.checkbox {
	width:15px;     height:22px; 
	position: absolute;
    padding: 0px;
    vertical-align:middle;
}

select{
	height: 26px;
	margin: 0px; 
	padding: 3px 0px 3px 3px;
	border: 1px #dedede solid;
	font-size:12px;
	vertical-align:middle;
}
textarea{
	padding: 3px 10px 3px 10px;
	border: 1px #dedede solid;
	font-size:12px;
	resize:none;
}

/*Button*/
.btn{
border:1px solid #d6d6d6;-webkit-box-shadow: #B7B8B8 0px 1px 0px inset;-moz-box-shadow: #B7B8B8 0px 1px 0px inset; box-shadow: #B7B8B8 0px 1px 0px inset; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; font-family:arial, helvetica, sans-serif; padding: 3px 10px 3px 10px; text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; text-align: center; color: #000000; background-color: #efefef;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #efefef), color-stop(100%, #dedede));
 background-image: -webkit-linear-gradient(top, #efefef, #dedede);
 background-image: -moz-linear-gradient(top, #efefef, #dedede);
 background-image: -ms-linear-gradient(top, #efefef, #dedede);
 background-image: -o-linear-gradient(top, #efefef, #dedede);
 background-image: linear-gradient(top, #efefef, #dedede);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#efefef, endColorstr=#dedede);
}

.btn:hover{
 border-color:#d6d6d6;border-width: 1px 1px 1px 1px;border-style: solid; background-color: #d6d6d6;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6d6d6), color-stop(100%, #c5c5c5));
 background-image: -webkit-linear-gradient(top, #d6d6d6, #c5c5c5);
 background-image: -moz-linear-gradient(top, #d6d6d6, #c5c5c5);
 background-image: -ms-linear-gradient(top, #d6d6d6, #c5c5c5);
 background-image: -o-linear-gradient(top, #d6d6d6, #c5c5c5);
 background-image: linear-gradient(top, #d6d6d6, #c5c5c5);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d6d6d6, endColorstr=#c5c5c5);
}



.btn1{
 cursor:pointer;
 width:50px;height:25px;
 border:1px solid #2r6759e;-webkit-box-shadow: #B7B8B8 0px 1px 0px inset;-moz-box-shadow: #B7B8B8 0px 1px 0px inset; box-shadow: #B7B8B8 0px 1px 0px inset; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; font-family:arial, helvetica, sans-serif; padding: 3px 10px 3px 10px; text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; text-align: center; color: #FFFFFF; background-color: #3093c7;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3093c7), color-stop(100%, #1c5a85));
 background-image: -webkit-linear-gradient(top, #3093c7, #1c5a85);
 background-image: -moz-linear-gradient(top, #3093c7, #1c5a85);
 background-image: -ms-linear-gradient(top, #3093c7, #1c5a85);
 background-image: -o-linear-gradient(top, #3093c7, #1c5a85);
 background-image: linear-gradient(top, #3093c7, #1c5a85);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#3093c7, endColorstr=#1c5a85);
}

.btn1:hover{
 border:1px solid #26759e; background-color: #26759e;
 cursor:hand;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#26759e), color-stop(100%, #133d5b));
 background-image: -webkit-linear-gradient(top, #26759e, #133d5b);
 background-image: -moz-linear-gradient(top, #26759e, #133d5b);
 background-image: -ms-linear-gradient(top, #26759e, #133d5b);
 background-image: -o-linear-gradient(top, #26759e, #133d5b);
 background-image: linear-gradient(top, #26759e, #133d5b);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#26759e, endColorstr=#133d5b);
}

.btn2{
 border:1px solid #819bcb;-webkit-box-shadow: #B7B8B8 0px 1px 0px inset;-moz-box-shadow: #B7B8B8 0px 1px 0px inset; box-shadow: #B7B8B8 0px 1px 0px inset; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;  padding: 3px 10px 3px 10px; text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; text-align: center; color: #FFFFFF; background-color: #a5b8da;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a5b8da), color-stop(100%, #7089b3));
 background-image: -webkit-linear-gradient(top, #a5b8da, #7089b3);
 background-image: -moz-linear-gradient(top, #a5b8da, #7089b3);
 background-image: -ms-linear-gradient(top, #a5b8da, #7089b3);
 background-image: -o-linear-gradient(top, #a5b8da, #7089b3);
 background-image: linear-gradient(top, #a5b8da, #7089b3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a5b8da, endColorstr=#7089b3);
 }		
 
.btn2:hover{
 border:1px solid #819bcb; background-color: #819bcb;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#819bcb), color-stop(100%, #536f9d));
 background-image: -webkit-linear-gradient(top, #819bcb, #536f9d);
 background-image: -moz-linear-gradient(top, #819bcb, #536f9d);
 background-image: -ms-linear-gradient(top, #819bcb, #536f9d);
 background-image: -o-linear-gradient(top, #819bcb, #536f9d);
 background-image: linear-gradient(top, #819bcb, #536f9d);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#819bcb, endColorstr=#536f9d);
}

.btn3{
border:1px solid #bababa;-webkit-box-shadow: #B7B8B8 0px 1px 0px inset;-moz-box-shadow: #B7B8B8 0px 1px 0px inset; box-shadow: #B7B8B8 0px 1px 0px inset; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; padding: 3px 10px 3px 10px; text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; text-align: center; color: #FFFFFF; background-color: #d3d3d3;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d3d3d3), color-stop(100%, #707070));
 background-image: -webkit-linear-gradient(top, #d3d3d3, #707070);
 background-image: -moz-linear-gradient(top, #d3d3d3, #707070);
 background-image: -ms-linear-gradient(top, #d3d3d3, #707070);
 background-image: -o-linear-gradient(top, #d3d3d3, #707070);
 background-image: linear-gradient(top, #d3d3d3, #707070);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d3d3d3, endColorstr=#707070);
 }
 
.btn3:hover{
 border:1px solid #bababa; background-color: #bababa;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bababa), color-stop(100%, #575757));
 background-image: -webkit-linear-gradient(top, #bababa, #575757);
 background-image: -moz-linear-gradient(top, #bababa, #575757);
 background-image: -ms-linear-gradient(top, #bababa, #575757);
 background-image: -o-linear-gradient(top, #bababa, #575757);
 background-image: linear-gradient(top, #bababa, #575757);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#bababa, endColorstr=#575757);
}



/*-----------------------목록 조회-------------------------------------------*/

/*Page total */
#div_status{height:16px;font-size:12px;text-align:left;overflow:hidden;}
	#status_total{float:right;width:10%;}
	#status_page{float:right;width:10%;}

/* Table Header*/
#boardlist{margin:auto;font-size:12px;color:black;}
	#div_caption{width:100%;height:20px;font-size:14px;text-align:center;padding-top:2px; border-bottom:2px solid #006699; border-top:2px solid #006699;line-height:20px;}

/*Table contents*/
#div_boardlist{margin:0 auto;height:60%;font-size:12px;}
	#listA:HOVER{background-color:#f3f7fc; cursor:pointer}
	#list{margin:0 auto;height:25px;line-height:25px;text-align:center;border-bottom:1px solid #F0F0F0;} /* border-bottom-style:outset; */
#div_page{height:50px;line-height:50px;font-size:12px;text-align:center;color:black;}

/*Search*/
#div_serch{height:50px;line-height:50px;text-align:center;}

/*Calendar Image*/
#calendar{width:25px;height:25px;vertical-align:middle;}

/*Search Image*/
#search{width:25px;height:25px;vertical-align:middle;}
#search:hover{cursor:hand;}

/*-----------------------상세-------------------------------------------*/

#div_detail{margin:auto;width:100%;color:black;}


/*---------- Error Page ------------*/
#wrap_error{width:560px;height:618px;font:12px/1.7em 굴림,Gulim,AppleGothic,sans-serif;min-height:618px;margin:0 auto;text-align:left;}

#header_error{overflow:hidden;position:relative;height:80px;}
#header_error h1{margin:36px 0 0 26px;}
#header_error .menu{overflow:hidden;position:absolute;top:55px;right:28px;width:100%;color:#00008b;font-family:'NanumSquare';letter-spacing:-1px;text-align:right;font-weight:bold; }
#header_error .menu a{margin:0 3px;color:#00008b;text-decoration:none;font-weight:bold; }
#header_error .menu a:hover{text-decoration:underline;color:#6495ed;}

#body_error{padding:33px 20px 0 81px;}
#body_error h2{margin-bottom:24px;font:bold 14px/1.6em 돋움;}
#body_error .content p{margin-bottom:10px;}

#footer_error{margin-top:80px;text-align:center;}