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


/* main css */
 
.mt10{margin-top:10px;}
.mt30{margin-top:30px;}

.pd10 {padding:10px;}

.topmenu{background:#e9e9e9; min-height:28px;width:100%; border-bottom:1px solid #d1d1d1}
.topmenu ul li{ color:#858585;float:left;padding-top:6px ; padding-bottom:6px ;padding-right:15px ;padding-left:15px ;text-align:center;background: url(../image/arrow.png) no-repeat right center}
.topmenu ul li.last{background:none;}

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


.snslink{
	 position:relative;
	padding:0px auto;
	background:#fff;
	 
	
}
 .snslink .snslink_in{
	padding-top:30px;
	background:#fff;
 }
.snslink a{
	 position:relative;
	display:block;
	background:#03c75a;
	text-align:center;
	padding: 10px 0;
	max-width:280px;
	margin:0px auto;
	border-radius:6px;
}
.snslink a img{max-width:100%;}



.topmenu_sub{background:#6382c3;height:36px;width:100%; border-bottom:1px solid #3d61ac;}
.topmenu_sub ul{margin:0;padding:0;}
.topmenu_sub ul li{margin:0;color:#fff;float:left;padding-top:10px ; padding-bottom:10px ; text-align:center;border-left: 1px solid #9fb8eb;border-right: 1px solid #3d61ac;}
.topmenu_sub ul li.subon{background:#3f5ed8;}
.topmenu_sub ul li.subon a{color:#ffff00; font-weight:700;}
.topmenu_sub ul li.firstA{border-left: 0px ; }
.topmenu_sub ul li.last{border-right: 0px solid #4e6736;}

.topmenu_sub ul li a{ font-size:13px; padding:0 5px }
.topmenu_sub ul li a,.topmenu ul li a:hover{ color:#fff;}

.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:30px;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:98%;  }
.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_icon2.gif) no-repeat 0 10px; color:#064b8f; padding:0 0 0 15px; font-size:20px; font-weight:700;line-height:150%;}

p.txt1{font-size:22px; color:#529621;line-height:150%;font-weight:bold;}
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 ; background:url(../image/bt_line1.gif) repeat-x;}

.proimg img{width:100%;}

/*樨毢*/
.embed-container { position:relative; height:0;padding-bottom: 56.25%;" max-width:100%; overflow:hidden;}
.embed-container iframe,.embed-container object,.embed-container embed {position:absolute;top:0;left:0;width:100%; height:100%;}



/*°Ô½ÃÆÇ*/

.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;display:inline-block; zoom:1; *display:inline;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;}

 
	 
}