@charset "utf-8";
/* 공통 */
*{ margin:0; padding:0; border:0px; }
ul, ol, li { list-style:none; }
legend, hr { overflow:hidden; position:absolute; top:0; left:0}
legend, hr, caption { visibility:hidden; font-size:0; width:0; height:0; line-height:0}
label { cursor:pointer; }
.hidden { visibility:hidden; position:absolute; }
html{ height:100%; }
body{ height:100%; overflow-x:hidden; }

h3 span{ color: #ff0000}

#page { height:100%; background:#f1f1f1; }
#contentPanel { float:left; position:relative; }

#popup  { -moz-opacity:0.75; -khtml-opacity:0.75; opacity:0.75; filter:alpha(opacity=75); height:100%;

    position:absolute; z-index:100; display:none; top:0; left:0;}
#window {
    position:fixed; z-index:102; background:#ffffff; display:none; border:2px solid #242f43;
    _position:absolute; _z-index:-1;
}

#header { background:#fff url(/images/mobile/top_bg.png) repeat-x; box-shadow:0px 0px 3px #333; text-align:center; width:100%; display:block; border-bottom:solid 2px #018611; height:50px; z-index:99; }
#header dl { display:inline-block; width:100%; }
#header dt { margin-top:8px; position:absolute; z-index:1; text-align:center; width:100%; }
#header dd { margin:0; position:relative; z-index:3; }

#sub_menu { background:#fff; border-bottom:solid 2px #ddd; height:50px; width:100%; display:block; position:relative;}
#sub_menu .left_btn { top:0; left:0;  position:absolute; }
#sub_menu .right_btn { top:0; right:0; position:absolute;}
#sub_menu ul { display:block; width:100%;}
#sub_menu li { padding:0 10px 0 10px; position:relative; float:left; text-align:center;  line-height:40px; margin-top:5px;}
#sub_menu li a { font-weight:bold; font-size:13px; text-decoration:none; color:#555; display:block;}
#sub_menu .menu_on { border-radius:6px; padding: 0 12px 0 12px;  background:#018611; margin-top:10px; line-height:30px;}
#sub_menu .menu_on a{ font-size:13px; color:#fff; font-weight:bold; display:block;}


#menuPanel { float:left; width:249px; height:100%; display:inline-block; background:#f4f4f4; border-right:solid 1px #aaa; display:none; }
#menuPanel .menu_title { background-image:-moz-linear-gradient(top, #efefef, #dedede); background-image:-webkit-gradient(linear,left top,left bottom, color-stop(0, #efefef), color-stop(1, #dedede)); font-weight:bold; }
#menuPanel li { border-bottom:solid 1px #bbb; background-image:-moz-linear-gradient(top, #fff, #f6f6f6); background-image:-webkit-gradient(linear,left top,left bottom, color-stop(0, #fff), color-stop(1, #f6f6f6));  }
	
#menuPanel li A  { color:#333; text-decoration:none; font-size:14px; padding:11px 0 11px 15px; display:block; }
#menuPanel li A:link   { color:#333; text-decoration:none; }
#menuPanel li A:visited{ color:#333; text-decoration:none; }
#menuPanel li A:active { color:#333;text-decoration:none; }
#menuPanel li A:hover	 { color:#999;text-decoration:none;  }



#popup_title { background:#4e6175; clear:both; color:#fff; border-bottom:solid 1px #000; height:40px;}
#popup_title h1  { float:left; display:inline; margin:12px 0 0 12px; color:#FFF; font-weight:bold; font-size:14px; }
#popup_title .right { float:right; display:inline; margin:12px 12px 0 0; color:#000; font-weight:bold; font-size:14px; }
#popup_title .right a {color:#000; font-weight:bold; }


/* main */

#main_container { width:100%; display:block; margin-bottom:15px;}
#main_container .main_menu { display:inline-block; margin-bottom:10px; }
#main_container .main_menu li  { float:left; padding:12px 0 0 0; }
#main_container .main_menu li A img { vertical-align:middle; text-align:center; }
#main_container .activity { border-radius:10px; border:solid 1px #29c474; background:#fbfbfb; margin:0 10px 0 10px; }
#main_container .activity ul { margin:50px 10px 0 10px; }
#main_container .activity ul li { border-radius:10px; border:solid 1px #eaeaea; background:#f5f5f5; padding:5px 12px 5px 12px; margin-bottom:7px; font-size:12px; color:#666; }
#main_container .activity ul li span { float:right; color:#555; }

#main_container .main_content { margin:0 10px; }


/* sub */
#sub_container { display:block; background:url(../images/mobile/sub_bg.gif) repeat; padding:10px;}
#sub_container .content { background:#fff; position:relative; box-shadow: 0 0 3px #bbb; margin-bottom:10px; min-width:300px;}
#sub_container .content_img { display:block; padding:12px; }

.title { width:100%; background:#fff; box-shadow:0px 0px 3px #333; border-bottom:solid 1px #ccc; display:inline-block;}
.title h2 { position:relative; font-size:26px; font-weight:bold; color:#308895; line-height:120%; padding:8px 0 5px 5px;}
.title .position          { margin:12px 8px 0 8px;}
.title .position  dd      { display:inline; }
.title .position .parents { font-size:13px; color:#999; padding:0 0 0 14px; background:url('/images/mobile/icon_arrow.png') no-repeat 4px 2px;  background-size:5px;}
.title .position .this    { font-size:13px; color:#514139; padding:0 0 0 14px; background:url('/images/mobile/icon_arrow.png') no-repeat 4px 2px; background-size:5px; font-weight:bold; }





#footer    { display:block; background-image:-moz-linear-gradient(top, #f5f5f5, #fff);
    background-image:-webkit-gradient(linear,left top,left bottom, color-stop(0, #f5f5f5), color-stop(1, #fff));
    border-top:solid 1px #ddd; padding:15px 0 0 0; height:70px; text-align:center;  clear:both;}
#footer dt { font-size:13px; color:#666; }
#footer dd { font-size:11px; color:#bbb; margin-top:12px; }
#footer span { font-size:11px; color:#ddd; font-weight:normal; vertical-align:middle; }
#footer A		{  padding:0 6px 0 3px; font-size:13px; text-decoration:none; color:#555; } /* 방문전 */


#popup_header { background:#fff url(/images/top_bg.png) repeat-x; box-shadow:0px 0px 3px #333; text-align:center; width:100%; position:relative; display:inline-block; border:none; height:50px; z-index:99; }
#popup_header dl 		{ display:inline-block; width:100%; }
#popup_header dt 		{ margin-top:10px; float:left; text-align:center; font-size:26px; font-weight:bold; color:#fff; }
#popup_header dd 		{ margin:12px 15px 0 8px; position:relative; z-index:3; }
#popup_header dd A	{ font-size:26px; font-weight:bold; color:#fff; text-decoration:none; }

/* 팝업 */
.popup_write { border-radius:7px; box-shadow:0 2px 1px #ddd; margin:10px; background:#f5f5f5; border:solid 1px #ccc; padding:8px 0 8px 0; display:block;}
.popup_write dl { margin:5px 0 5px 0; position:relative; width:100%; display:inline-block;}
.popup_write dt { position:absolute; font-size:14px; left:8px; top:10px;}
.popup_write dd { display:block; padding:7px 35px 0 55px;}
.popup_write dd div { width:100%; position:relative; }
.popup_write .wrp { float:left;  display:block;}
.popup_write dt label { color:#000; line-height:34px; }


/* 연혁 리스트 */
.history_list { width:100%; display:inline-block; border-collapse:collapse; position:relative; border-top:solid 2px #ddd; }
.history_list dt { float:left; position:absolute; left:0; top:5px;  font-weight:bold; font-size:24px; color:#454545; font-family:Verdana, Geneva, sans-serif;width:120px; }
.history_list dd { float:left; font-weight:bold; font-size:12px; color:#777;width:100%; }
.history_list dd ul { padding-left:100px;}
.history_list dd li { padding:7px 0; border-top:dotted 1px #ccc; border-collapse:collapse; }
.history_list dd p { font-family: Verdana, Geneva, sans-serif,'Nanum Gothic'; color:#454545; font-size:12px; }
.history_list .year_span { width:40px; float:left; padding:0px 0 0 0; font-family:Verdana, Geneva, sans-serif;}
.history_list .etc_span { float:right; text-align:center; width:200px; }



/* 로그인 */
.member_login { position:relative; max-width:330px; margin:0 auto; background:#fff; border-radius:12px; box-shadow:0 1px 3px #bbb; padding:0 0 20px 0; border:solid 1px #ccc;  }
.member_login  .login_title  { 
display:block; height:30px; padding:20px 0 10px 0; background-color:#13ba62;
text-align:center; border-bottom:solid 1px #29909b;  border-radius:12px 12px 0 0; font-size:1.2em; font-weight:bold; color:#fff;
}
.member_box { margin:0; padding:0 10px;}
.member_box dl { margin:10px 0; width:100%; }
.member_box dd { color:#777; display:block; margin-top:15px;}
.member_box .login_btn { display:block; margin:10px 0 0 0;}
.member_box .login_btn button { width:100%; height:40px; }

/* 설문조사  */

.check_write { border-radius:7px; box-shadow:0 2px 1px #ddd; margin:8px 20px; background:#f5f5f5; border:solid 1px #ccc; padding:8px 0 8px 0; }
.check_write dl { margin:14px 0 8px 0; display:inline-block; width:100%; }
.check_write dt { margin:0 15px 0 15px; color:#333; font-weight:bold; font-size:14px; }
.check_write dd { margin:5px 15px 0px 15px; color:#777; }
.check_write dd div { margin:3px; }
.check_write dt label { color:#000; line-height:25px; }


#loding { width:100%;}
#loding div{ text-align:center; }

.box_corporate_1 h3 {margin-top:15px; margin-bottom:25px; padding-top:40px; font-weight:bold; font-size:22px; font-family:'NanumBold'; color:#333333;}
.box_corporate_1 h2 {margin:20px 0; font-weight:bold; font-size:18px; font-family:'NanumBold'; color:#333;}
.box_corporate_1 h3.none {margin-top:0; padding-top:20px; border-top:none;}
.box_corporate_1 dl dt {margin:16px 0; font-weight:bold; font-size:16px; font-family:'NanumBold'; color:#333;}
.box_corporate_1 dl dd {margin:10px 0; line-height:22px; font-size:14px; color:#333;}

/* 출자금/건강화폐 관리 검색 */
.report_data { display:table; width:100%; table-layout:fixed; background:#f5f5f5; border:solid 1px #ccc; padding:8px 0 8px 0; }
.report_data dl { margin:5px 0 5px 0; position:relative; width:100%; display:inline-block;}
.report_data dd { display:block; padding:7px 26px 0 8px;}
.report_data dd div { width:100%; position:relative; }
.report_data .wrp { float:left;  display:block;}
.report_data dt label { color:#000; line-height:34px; }

	/* 멤버 리스트 */
.member_list				{ border-top:solid 1px #ccc; }
.member_list li		{ position:relative; border-bottom:solid 1px #ccc; background:#fafafa; box-shadow:inset 0 0px 3px #e5e5e5; padding:18px 12px 18px 12px;}
.member_list li p	{ color:#777; font-size:12px; margin-top:4px; font-family:Verdana, Geneva, sans-serif;  line-height:18px;}
.member_list li p span	{ color:#bbb; font-size:11px; padding:0 5px 0 5px; }
.member_list li .right_text { font-size:11px; position:absolute; right:7px; top:25px; border:solid 1px #ccc; border-radius:10px; padding:4px;  background:#FFF; }
.member_list .boardNone { text-align:center; padding:120px 0 120px 0; }