@charset "euc-kr";
@import url("../css/common.css");
@import url("../css/layout.css");

#sub {
	POSITION: relative; 
	WIDTH:100%; height:100%; overflow:hidden; min-height:100px;
	TOP:0px; 
	text-align:center;
	margin:0px auto 0 auto;
	z-index:1;
	 padding:0;border-top:5px solid #6aa208; }

#sub.subimg01 {background:#fff url(../image/main1.jpg) no-repeat center; background-size:cover;}
#sub.subimg02 {background:#fff url(../image/main2.jpg) no-repeat center; background-size:cover;}
#sub.subimg03 {background:#fff url(../image/main3.jpg) no-repeat center; background-size:cover;}
#sub.subimg04 {background:#fff url(../image/main4.jpg) no-repeat center; background-size:cover;}

#sub_txt { text-align:center;margin:40px  auto; Z-INDEX: 5; color:#fff; font-size:30px; letter-spacing:-1px; font-weight:500}
#sub_txt img {width:90%;}

/* ~ 768px ----------- */
@media only screen 
and (min-width : 640px){
	
	

/*.main_contents p.m5 span {padding:28% 0 29% 0 ;}*/
}
/* main css */
.tc {text-align:center;} 
.mt10{margin-top:10px;}
.mt30{margin-top:30px;}

.pd10 {padding:10px;}

.topmenu{background:url(../image/bt_pt01.gif) repeat-x bottom; width:100%;height:100%; overflow:hidden; border-bottom:1px solid #d1d1d1;border-top:1px solid #d1d1d1}
.topmenu ul li{  color:#858585;float:left;padding-top:7px ; padding-bottom:7px ;padding-right:15px ;padding-left:15px ;text-align:center;background: url(../image/arrow.png) no-repeat right center; font-size:11px;}
.topmenu ul li.last{background:none;}

.topmenu ul li a{ font-size:11px;}
.topmenu ul li a,.topmenu ul li a:hover{ color:#858585;}
.topmenu ul li a:visited { color:#858585;}

.topmenu_sub{background:#fff;height:36px;width:100%; }
.topmenu_sub ul{margin:1% 0;padding:0;}
.topmenu_sub ul li{margin:1%;color:#222;float:left; width:48%;  text-align:center;box-sizing:border-box;}

.topmenu_sub ul li a.subon{color:#fff; font-weight:700;background:#6aa208;border:1px solid #5c8b0b;}
.topmenu_sub ul li.firstA{border-left: 0px ; }
.topmenu_sub ul li.last{border-right: 0px solid #4e6736;}

.topmenu_sub ul li a{ display:block; font-size:13px;color:#444;padding:7px 0;border:1px solid #d9d9d9;}
.topmenu_sub ul li a,.topmenu ul li a:hover{ color:#000;}

/* ~ 768px ----------- */
@media only screen 
and (min-width : 640px){
	
	.topmenu_sub ul li{ width:23%};
}


/* Sub Layout :: Location */
#contentLocation{position:relative; }
.sub-navi-inner{height:100%; width:100%; height:40px; border-top:1px solid #c5c5c5; border-bottom:1px solid #c5c5c5; background-color:#ecedee; margin:0 auto;}
.sub-navi-inner > ul{ height:100%;}
.sub-navi-inner > ul > li{position:relative; float:left;  height:100%; letter-spacing:-0.25px; color:#373737;  background:url(../image/sub_navi_bg1.gif) no-repeat 100% 50%; padding-right:20px;}
.sub-navi-inner > ul > li.home{width:auto;line-height:40px; font-size:13px; font-weight:300; padding:0 10px;  }

.sub-navi-inner > ul > li.home img{margin-right:15px; vertical-align:middle;}
.sub-navi-inner > ul > li > a{display:block; line-height:40px; padding:0 30px 0 15px; font-size:15.5px; background:url(../image/sub_navi_arrow.gif) no-repeat 95% 50%;}
.sub-navi-inner > ul > li .sub-navi-2dep{display:none; position:absolute; top:40px; left:-15px;width:100%; border:1px solid #cfcfcf; border-bottom-color:#000000; background-color:#fff; z-index:11; margin:0px 0 0 0}

.sub-navi-inner > ul > li .sub-navi-2dep li{ border-top:1px solid #cfcfcf;}
.sub-navi-inner > ul > li .sub-navi-2dep li:first-child{border-top:0;}
.sub-navi-inner > ul > li .sub-navi-2dep li a{display:block; line-height:17px; padding:8px 20px  8px 20px; color:#414141; font-size:15px; font-weight:300; letter-spacing:-0.75px;}
.sub-navi-inner > ul > li .sub-navi-2dep li a:hover{color:#0060a1;background:#f8f8f8 url(../image/sub-navi_arrow2.jpg) no-repeat 95% 50%}
.sub-navi-inner > ul > li .sub-navi-2dep li a.son{ color:#0060a1;background:#f0f0f0 url(../image/sub-navi_arrow2.jpg) no-repeat 95% 50%;}


/* ============================================================================== */

.w3 li{width:49%;}
.w4 li{width:13%;}
.w5 li{width:100%;}

.contents { background:#fff; width:100%; padding:30px 0px;line-height:150%;}
.contents h3{font-size:25px;color:#000;margin:0 0 20px 10px; line-height:140%;}
.contents h2 {font-size:16px; margin:0 10px; line-height:150%;}
.contents p{margin-bottom:10px; }

.contents p span { color:#f37506; }
.contents #box1 {margin:0 auto; width:95%;  }
.contents #box1 img {width:100%;}
.contents #box1 p.gimg {margin:0 0 20px 0;}
.contents #box1 p {margin:0 10px 20px 10px;}


.contents #box2 {margin:0 auto; width:98%;  }

p.tit1{margin:0px  0 10px 0 ; background:url(../image/bt_icon4.gif) no-repeat 0 7px; color:#064b8f; padding:0 0 0 15px; font-size:20px; font-weight:700;line-height:150%;}

/* ÆĶõ»ö±Û¾¾ */
p.txt1{font-size:16px; color:#0873a7;line-height:130%;font-weight:500;}
p.txt1 span {font-size:14px; color:#333}

p.txt2{padding-top:20px;font-size:15px; color:#f56143;line-height:150%;font-weight:bold;}
p.txt3{padding-top:20px;font-size:15px; color:#47851a;line-height:150%;font-weight:bold;}
p.txt4{padding-top:20px;font-size:15px; color:#3e5285;line-height:150%;font-weight:bold;}

ul.txt1 {border:1px solid #d9d9d9; background:#fff; padding:10px;}
ul.txt1 li {background:url(../image/bt_icon1.gif) no-repeat 0 6px; padding:0 0 0 14px;}
ul.txt1 li span {color:#064b8f; font-weight:700;}
ul.txt1 li span.name1 {color:#383838; font-weight:normal; text-align:right; display:block; margin:10px 0;}

ul.txt2 {border:1px solid #d9d9d9; background:#f7f7f7; padding:10px;}
ul.txt2 li {background:url(../image/bt_icon1.gif) no-repeat 0 6px; padding:0 0 0 14px;}
ul.txt2 li span {color:#064b8f; font-weight:700;}
ul.txt2 li span.name1 {color:#383838; font-weight:normal; text-align:right; display:block; margin:10px 0;}

 .maplist p{background:url(../image/icon2.gif) no-repeat 0 3px;padding-left:20px; font-size:12px;margin-bottom:15px;}
 .maplist p strong{font-weight:bold;display:inline-block;width:60px;color:#110c3d;}
 .mapWrap{ border:1px solid #ccc;height:250px;overflow:hidden;}

.line1 {height:1px;  margin:10px 0 40px 0; background:url(../image/bt_line1.gif) repeat-x;}

/*-------------------------Àλ縻------------------------------*/
#a1010:after {clear:both;display:block;content:"";}
#a1010 { width:90%;margin:0px  auto 30px  auto; padding:0px 0 0px 0; text-align:left;box-sizing:border-box; }

#a1010 p { margin:0 0 20px 0; word-break:keep-all; }
#a1010 p.txt {font-size:20px; color:#0873a7; font-weight:700; margin: 0 0 20px 0; line-height:25px; text-align:left }
#a1010 p span { color:#026b9b ; text-decoration:underline}
#a1010 p.t1 { float:right;padding:0px 10px 0px 0px;font-size:14px; color:#666}
#a1010 p.t1 span { font-size:18px; letter-spacing:8px; font-weight:700;  margin:0 0 0 20px; color:#000; text-decoration:none;}

#a1010 p img {width:100%; max-width:542px;}

/*-------------------------ã¾Æ¿À½Ã´Â±æ------------------------------*/
#a1040:after {clear:both;display:block;content:"";}
#a1040 {width:95%;margin:0px  auto 30px  auto;  text-align:center; }
#a1040 h1 {font-size:15px; font-weight:500;padding:5px 5px 5px 5px; margin: 0 0 20px 0px;background:#f7f7f7 url(/image/bt_icon2.png) no-repeat 1% 13%;}


/*-------------------------Á¦Ç°¼Ò°³------------------------------*/

#a2010 {width:94%;list-style-type:none; margin:0px  auto; text-align:left;box-sizing:border-box; }
#a2010 h1 { clear:both;background:url(/images/icon05.gif) no-repeat 0 4px; margin:0 0 0 0; padding:0px 0 0px 18px; font-size:15px; color:#113184; font-weight:700;font-family:'Noto Sans KR','Nanum Gothic','Malgun Gothic', 'Dotum', 'verdana';}

#a2010 p.pt10 { margin:10px 0 20px 0px;}
#a2010 p.txt {margin:5px 18px;}

#a2010 div#txt{ margin:5px 0 30px 0; text-align:center;}
#a2010 div#txt li {background:url(/images/icon.gif) no-repeat 0 9px; margin:0 0 0 10px; padding:0 0 0 10px;text-align:left;}
#a2010 div#txt li span {display:block; color:#666}

#a2010 .proimg { display:block; text-align:center; margin:10px;box-sizing:border-box;}
#a2010 .proimg img {max-width:100%; }

/* Ãß°¡ */
#a2010 .tbox p { margin:0 0 20px 0; font-size:14px; color:#333;}


/*-»çÁø¹è¿­-*/
#ev:after {clear:both;display:block;content:"";}
#ev {width:100%; height:100%; overflow:hidden; margin:20px 0 30px 0; text-align:center;}
#ev h1 { clear:both;background:url(/images/icon05.gif) no-repeat 0 4px; margin:0 0 10px 0; padding:0px 0 0px 18px; font-size:15px; color:#113184; font-weight:700; text-align:left;font-family:'Noto Sans KR','Nanum Gothic','Malgun Gothic', 'Dotum', 'verdana';}

#ev li { display:inline-block; width:49%; height:100%; overflow:hidden;  text-align:center; margin:0px auto 15px auto; vertical-align:top}
#ev li img { max-width:100%; margin:0 auto 5px auto;}
#ev li span{ display:block;margin:0px 5% 0px 5%; font-size:12px; text-align:center;  line-height:17px !important;}
#ev li.last {clear:both;}

/* ~ 768px ----------- */
@media only screen 
and (min-width : 640px){


	
}

/*-±â¼úÁ¤º¸-*/
#a3010:after {clear:both;display:block;content:"";}
#a3010 {width:680px;list-style-type:none; margin:0px 0 0 0; text-align:left; }
#a3010 h1 { clear:both;background:url(image/bt_icon1.gif) no-repeat 0 3px; margin:0 0 0 0; padding:0px 0 0px 18px; font-size:15px; color:#113184; font-weight:700;font-family:'Noto Sans KR','Nanum Gothic','Malgun Gothic', 'Dotum', 'verdana';}
#a3010 p.txt {margin:5px 18px;}
/*-img ·¹À̾ƿô-*/
#a3010 div#tech:after {clear:both;display:block;content:"";}
#a3010 div#tech {width:680px; min-height:310px;}
#a3010 div#tech li { display:inline-block; width:49%; height:100%; overflow:hidden;  text-align:center; margin:0px auto 15px auto; vertical-align:top}
#a3010 div#tech li img {min-width:120px;  margin:0 auto 5px auto;}
#a3010 div#tech li span{margin:0px 0 0px 0; font-size:11px; text-align:center;  line-height:120%;}
#a3010 div#tech li.last {clear:both;}








/* ¼³¸í¹Ú½º */
#online:after {clear:both;display:block;content:"";}
#online { margin:10px auto 10px auto;height:100%; overflow:hidden;padding:0 0 0px 0;text-align:left; background:#f7f7f7}
#onlineul {margin:15px ; height:100%; overflow:hidden;}
#online li {background:url(../image/bt_icon1.gif) no-repeat left 7px; padding-left:12px;font-weight:300 !important ; color:#4a4a4a;}
#online li.t1{font-weight:600; color:#222; background:none !important; padding:0}

.bt_list {margin:30px auto; width:100px;}
.bt_list a{display:block; background:#666; color:#fff; border:1px solid #d9d9d9; text-align:center; line-height:40px;}

/* Æû */

.box {border:1px solid #B0A5B3;font-size:13px;color:#555555;line-height:20px;padding:3px;scrollbar-face-color: #FFFFFF; margin:8px;
scrollbar-shadow-color: #E8E8E8;
scrollbar-highlight-color: #E8E8E8;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #E8E8E8;box-sizing:border-box;}


.stit{font-weight:bold; margin:0 0 10px 0}

.agreeA{width:97%; height:140px; background:#fbfbfb; padding:10px; overflow-y: scroll; border:1px solid #d6d6d6; line-height:20px;box-sizing:border-box;}
.tableArea {width:97%; margin:5px 0 0 0}

table td.pd4 {padding:4px;}
table {table-layout:auto;box-sizing:border-box; margin:0 0 30px 0 }
table.ontb01 th.td_underline{ width:20%;border-bottom:1px solid #cccccc; padding:8px 8px 8px 20px; text-align:left; vertical-align:middle; background:#f7f7f7;}
table.ontb01 td{border-bottom:1px solid #cccccc;}

table.ontb01 td textarea {width:80%;}

table.ontb01 td input.box02 {width:80%;}
table.ontb01 td input.box03 {width:60%;}
table.ontb01 td input.box04 {width:5%;}

@media all and (max-width:768px){
	table.ontb01 th.td_underline{ width:25%;padding:8px;}
	table.ontb01 td textarea {width:90%;}
}



/*°Ô½ÃÆÇ*/

.list_area{background:#f7f7f7;margin-bottom:20px;padding:5px;border-bottom: 1px solid #ccc;}
.list_subject{padding-top:20px;}
.list_subject a, .list_subject a:hover {font-size:17px; color:#419122;}
.list_contents{padding-top:20px;padding-bottom:20px}
.write_info{font-size:12px;color:#989898;}


.list_area2{width:130px;float:left;text-align:center;}
.list_area2 .list_img img{width:125px;height:80px;}
.list_subject2{text-align:center; }
.list_subject2 a, .list_subject2 a:hover {font-size:11px;}



.pagearea{text-align:center;}


#DivContents img{width:100%;}

.td_underline
{
 	border-bottom-width:1px;
	border-bottom-color:#ccc;
	border-bottom-style:solid;	
	padding-top:8px;
}
.form_style
{
	border:1px solid;
	border-color:#707070;
	background-color:#FFFFFF;
	color:#333333;
	font-family:±¼¸²;
}
.form_style1 
{
	border:1px solid;
	border-color:#ccc;
	background-color:#FFFFFF;
	color:#333333;
	font-family:µ¸¿ò;
}


.form_textarea
{
	border:1px solid;
	font-size:9pt;
	border-color:#ccc;
	background-color:#FFFFFF;
	color:#333333;
	font-family:µ¸¿ò;
	width:100%;
	background-image:url('/admin/board_image/text_line.gif');
    line-height:130%;
}
.form_etextarea
{
	border:1px solid;
	font-size:9pt;
	border-color:#ccc;
	background-color:#FFFFFF;
	color:#333333;
	font-family:µ¸¿ò;
	width:100%;
	background-image:url('/admin/eboard_image/text_line.gif');
    line-height:130%;
}


/* ¿À½Ã´Â±æ */
 

.map_area{width:98%; margin:28px  auto 20px  auto; border:1px solid #ccc;}
.map_area div { margin:0 0 20px 0}
 
 

/* ~ 1024px ----------- */
@media only screen 
and (max-width : 1023px)
{
 
	/* ¿À½Ã´Â±æ */
	.map_area{ height:400px;}
	.map_area div{height:400px;}

}  
 

/* ~ 768px ----------- */
@media only screen 
and (max-width : 766px)
{
 

 	.map_area{height:277px;}
	.map_area div{height:277px;}

 
	 
}