/* 나눔고딕: @font-face { font-family:NanumGothic; src:url('../wp_default_image/NanumGothic.eot'); src:url('../wp_default_image/NanumGothic.eot?#iefix') format('embedded-opentype'), url('../wp_default_image/NanumGothic.woff') format('woff'), url('../wp_default_image/NanumGothic.ttf') format('truetype'); url('../wp_default_image/NanumGothic.svg#NanumGothic') format('svg') src:local(※), url('../wp_default_image/NanumGothic.woff') format('woff'); } */
* { margin:0; padding:0; -webkit-text-size-adjust:none; }
body { font-size:0.75em; font-family:돋움,dotum; line-height:1.5em; }
img, fieldset { border:0 none; }
ul, ol, li, dl { list-style:none; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
hr { display:none; }
a { color:inherit; }
em, i, address { font-style:normal; font-weight:normal; }
legend, caption { display:none; clear:both; }
input, textarea, select, button, table { font-size:inherit; font-family:inherit; line-height:inherit; }
input, textarea { background:url(none); -webkit-border-radius:1px; -webkit-apprearance:none; }
textarea { resize:none; }
label { cursor:pointer; }
section, nav, article, aside, hgroup, header, footer { display:block; }
a:link, a:visited, a:active { text-decoration:none; color:#333; }
a:hover { text-decoration:none; color:#ff6600; }
.input_chk { padding:2px 3px; border:1px solid #b7b7b7; border-right-color:#efefef; border-bottom-color:#efefef; background:url('../wp_default_image/input_require_arrow.gif') no-repeat left top; background-color:#fff; vertical-align:middle; color:#444; line-height:16px; }
.input_box { padding:2px 3px; border:1px solid #b7b7b7; border-right-color:#efefef; border-bottom-color:#efefef; background-color:transparent; vertical-align:middle; color:#444; line-height:16px; }
.textarea_chk { width:99%; padding:2px 3px; border:1px solid #b7b7b7; border-right-color:#efefef; border-bottom-color:#efefef; background:url('../wp_default_image/input_require_arrow.gif') no-repeat left top; background-color:#fff; vertical-align:middle; color:#444; line-height:16px; }
.textarea_box { width:99%; padding:2px 3px; border:1px solid #b7b7b7; border-right-color:#efefef; border-bottom-color:#efefef; background-color:#fff; vertical-align:middle; color:#444; line-height:16px; }
.ime_disabled { ime-mode:disabled; }
.ime_active { ime-mode:active; }
#board_input { margin:0; padding:0; border:0; }
#board_input ul { margin:0; padding:5px; border:2px solid #c9c9c9; }
#board_input li { margin:0 20px; padding:7px 0; }
#board_input li.bottom_line { border-bottom:1px dotted #ccc; }
#board_input li img { vertical-align:middle; }
#board_input label { display:inline-block; width:110px; }
#board_input label span { color:#cc0000; }
#board_input label.sub_label { display:inline; margin:0; padding:0 3px; }
#board_input ul.attach_file { padding:10px 0; }
#board_input ul.attach_file li { padding:3px 0; }
.gallery_horizontality_list { margin:0; padding:0; }
.gallery_horizontality_list li { display:inline; margin:0; padding:0; }
.gallery_horizontality_list li img { margin:8px; border:#ccc 1px solid; vertical-align:middle; box-shadow:2px 2px 1px #ccc; }
.member_agree { padding:10px; border:2px solid #ccc; }
.member_agree textarea { width:100%; margin:10px 0 0 -5px; padding:5px; border:0; color:#333; }
.member_agree p { margin:0; padding-top:10px; font-weight:bold; text-align:center; }
#form_bottom { clear:both; padding-top:20px; }
#form_bottom .left_button { float:left; width:33%; }
#form_bottom .right_button { float:right; width:33%; text-align:right; }
#form_bottom .center_button { text-align:center; }
#form_bottom .center_page { float:left; height:22px; margin-top:5px; padding:0; width:33%; text-align:center; }
.button { display:inline-block; white-space:nowrap; margin:0.5em; padding:0 1.5em; border:1px solid #777; background-color:#ddd; background-image:linear-gradient(top, #eee, #ccc); background-image:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc)); background-image:-webkit-linear-gradient(top, #eee, #ccc); background-image:-moz-linear-gradient(top, #eee, #ccc); background-image:-ms-linear-gradient(top, #eee, #ccc); background-image:-o-linear-gradient(top, #eee, #ccc); font:bold 1em/2em Arial, Helvetica; text-decoration:none; color:#333; text-shadow:0 1px 0 rgba(255,255,255,.8); border-radius:.2em; -moz-border-radius:.2em; -webkit-border-radius:.2em; box-shadow:0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3); -moz-box-shadow:0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3); -webkit-box-shadow:0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3); }
.button:hover { background-color:#eee; background-image:linear-gradient(top, #fafafa, #ccc); background-image:-webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ccc)); background-image:-webkit-linear-gradient(top, #fafafa, #ccc); background-image:-moz-linear-gradient(top, #fafafa, #ccc); background-image:-ms-linear-gradient(top, #fafafa, #ccc); background-image:-o-linear-gradient(top, #fafafa, #ccc); }
.button:active { position:relative; top:1px; left:0; box-shadow:0 0 4px 2px rgba(0,0,0,.3) inset; -moz-box-shadow:0 0 4px 2px rgba(0,0,0,.3) inset; -webkit-box-shadow:0 0 4px 2px rgba(0,0,0,.3) inset; }
.button:before { float:left; width:1em; margin:0 1em 0 -1em; padding:0 .2em; background-color:#ccc; background-color:rgba(0,0,0,.1); font-size:1.5em; text-align:center; border-radius:.15em 0 0 .15em; -moz-border-radius:.15em 0 0 .15em; -webkit-border-radius:.15em 0 0 .15em; pointer-events:none; box-shadow:1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5); -moz-box-shadow:1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5); -webkit-box-shadow:1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5); }
.add:before { content:'\271A'; }
.edit:before { content:'\270E'; }
.delete:before { content:'\2718'; }
.save:before { content:'\2714'; }
.email:before { content:'\2709'; }
.next:before { content:'\279C'; }
.play:before { content:'\25B6'; }
.sub_tab_menu { position:relative; height:25px; margin-bottom:5px; padding:0 10px; background:url('../wp_default_image/sub_tab_menu.gif') repeat-x 0 100%; }
.sub_tab_menu ul li { float:left; margin:0; margin-right:-1px; padding:0; line-height:22px; list-style:none; }
.sub_tab_menu ul li, .sub_tab_menu ul li a { background:url('../wp_default_image/sub_tab_off.gif') no-repeat; }
.sub_tab_menu ul li a { display:inline-block; padding:2px 16px 1px; _padding:3px 16px 0; background-position:100% 0; font-weight:bold; color:#666; text-decoration:none !important }
.sub_tab_menu ul li.menu_on, .sub_tab_menu ul li.menu_on a { background-image:url('../wp_default_image/sub_tab_on.gif'); }
.sub_tab_menu ul li.menu_on a { font-weight:bold; color:#ff7141; }
.company_ment { font-weight:bold; color:#ff6600; }
.company_name { font-size:110%; font-weight:bold; }
.float_left { float:left; }
.float_right { float:right; }
.clear_both { clear:both; }
.text_blue { color:#0000ff; }
.text_red { color:#ff0000; }
.text_big { font-size:110%; }
.text_small { font-size:90%; }
.text_strong { font-weight:bold; }
.text_right { text-align:right; }
.text_center { text-align:center; }
.text_emphasis { font-weight:bold; color:#cc0000; }
.price_align { text-align:right; }
.display_none { display:none; }
.border_line { border:1px solid #ccc; }
.example { padding-left:10px; font-size:90%; color:#666; }
.image_view_box { padding:5px; text-align:center; }
.image_list_view ul { margin:0; padding:0; }
.image_list_view li { float:left; margin:3px; padding:5px; border:1px solid #ccc; }

/******************************************************************************/
/** 개발자가 개발범위에 맞는 Class 및 ID 값을 새롭게 정의한다.(네이밍 수정불가) **/
/** WebPlus_Mobile_1.0_utf-8 2012년 10월 31일 KDW                                  **/
/******************************************************************************/

/* Body */
#main_body { margin:0; padding:0; }
#sub_body { margin:0; padding:0; }

/* 메인화면 레이아웃 */
#main_header { margin:0; padding:0; }
#main_article { margin:0; padding:0; }
#main_footer { margin:0; padding:0; }

/* 서브화면 레이아웃 */
#sub_header { margin:0; padding:0; }
#sub_article { margin:0; padding:0; }
#sub_footer { margin:0; padding:0; }

/* 상단영역 콘텐츠 */
#top_contents { margin:0 auto; padding:0; }
#top_logo { width:35%; margin:0 auto; padding:3% 0 1% 0; }
#top_nav { width:100%; margin:0 auto; padding:0; }

#top_menu { display:inline-block; float:right; width:20%; margin-top:-30px; padding-right:10px; }
#top_menu li { margin:0; padding:0; text-align:right; }
#top_menu li a { margin:0; padding:2% 4%; border:#eee 1px solid; background-color:#448aca; font-size:80% color:#666; }
#top_button { display:inline-block; float:left; width:30%; margin-top:-8%; margin-bottom:0; padding-left:2%; }
#top_button .home { float:left; }
#top_button .prev { float:left; }
#top_button li { display:inline; width:20%; margin:0 3%; }

#main_menu { clear:both; width:100%; height:auto; margin:0; padding:0; border-top:#0068b7 1px solid; background-color:#448aca; }
#main_menu li { float:left; width:33.33%; margin:0; padding:3% 0; text-align:center; background:url("../wp_images/menu_list_line.gif") repeat-y right top; border-bottom:#0068b7 2px solid; background-color:#448aca; }
#main_menu li a { font-weight:bold; text-align:center; color:#fff; }
#main_menu li:hover { background-color:#004dcc; }
#main_menu li:hover a { color:#fff; }
#main_menu li.on { margin:0; padding-top:3%; background-color:#0068b7; color:#fff; }

#sub_menu { clear:both; margin:0; padding:0; border:#ddd 1px solid ; background-color:#e6e6e6; }
#sub_menu li { display:inline-block; margin:0; padding:2% 1%; text-align:center; }
#sub_menu li.on a { font-weight:bold; color:#000; }

/* 하단영역 콘텐츠 */
#bottom_contents { clear:both; width:100%; margin:0 auto; padding:0; background-color:#242d3c; text-align:center; }
#bottom_menu { display:none; margin:0; padding:0; }
#bottom_address { width:100%; margin:0; padding:0; background-color:#e6e6e6;}
#bottom_address img { width:12%; margin:0; padding-right:1%; vertical-align:bottom;}
.phone_number a { display:inline-block; padding-bottom:3%; font-size:220%; font-weight:bold; color:#f96232; }
.pc_version { width:30%; margin:0 auto; margin-bottom:1%; margin-right:2%; padding:1%; border:1px solid #9d8363; background-color:#a6937c; font-size:110%; font-weight:bold; color:#fff; }
.main_map { width:30%; margin:0 auto; margin-bottom:1%; padding:1%; border:1px solid #9d8363; background-color:#a6937c; font-size:110%; font-weight:bold; color:#fff; }
#bottom_copyright { display:block; margin:0; padding:2% 0; color:#999; }

/* 메인화면 콘텐츠 */
#main_visual { clear:both; position:relative; width:100%; height:auto; margin:0 auto; padding:0; }
#main_visual li { position:relative; padding:0; }
#main_visual li img { display:block; }
#main_visual .slide_navigation { display:none; position:absolute; top:0; bottom:0; width:80%; margin:0 auto; margin-bottom:2.5%; padding:0 10%; text-align:center; }
#main_visual .slide_navigation span { display:inline-block; width:22px; height:22px; margin:0 3%; background:url("../wp_images/btn_off.png"); font-weight:bold; color:#fff; line-height:23px; }
#main_visual .slide_navigation span.on { display:inline-block; width:22px; height:22px; margin:0 3%; background:url("../wp_images/btn_on.png"); font-weight:bold; color:#fff; line-height:23px; }
#main_item { margin:0; padding:0; }
.main_icon { margin:2% 0; padding:0; }
.main_icon li { float:left; width:25%; margin-bottom:2%; padding:0; }
.main_icon li img { display:block; }
.main_member { margin:2% 0; padding:0; }
.main_member li { float:left; width:33.3%; margin-bottom:2%; padding:0; }
.main_member li img { display:block; }

/* 서브화면 콘텐츠 */
#sub_visual { margin:0; padding:0; }
#sub_position { display:none; margin:0; padding:0; }
#sub_position_title { margin:0; padding:0; }
#sub_document { padding:20px 10px; table-layout:fixed; }
#sub_data_request { width:400px; height:145px; margin:0 auto; background:url('../wp_default_image/data_request.gif') no-repeat; }
#sub_page_preparation { width:400px; height:145px; margin:0 auto; background:url('../wp_default_image/page_preparation.gif') no-repeat; }

/** 스크린 미디어 쿼리 : 개발자가 필요할 경우 자유롭게 정의하여 사용한다. > 2012년 10월 31일 KDW **/
@media only screen and (min-device-width:320px) and (max-device-width:480px;)
{
	/* 모바일웹 */
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (prientation:portrait)
{
	/* 아이패드 */
}
@media only screen and (min-device-pixel-ratio:1.5)) and (-webkit-min-device-pixel-ratio:1.5), only screen and (-moz-min-device-pixel-ratio:1.5)
{
	/* 레티나 디스플레이 */
}

/*********************************************************************************/
/** 아래 라인부터는 개발자가 필요할 경우 Class 및 ID를 자유롭게 정의하여 사용한다. **/
/** 자주 사용될 수 있는 Class는 관리자 승인 후 공통설정으로 지정하여 사용한다.      **/
/** WebPlus_Mobile_1.0_utf-8 2012년 10월 31일 KDW                                      **/
/*********************************************************************************/

/* 페이지 공용 */
.page_sub_icon { margin:0; padding:0; }
.page_text_blue { color:#055cb7; }
.page_text_orange { color:#eb6100; }
.page_text_gold { color:#996600; }
.page_tab_menu { margin:0; padding:0; }
.page_h3_title { clear:both; margin-bottom:2%; padding:0; font-size:150%; font-weight:bold; color:#003399; }
.page_h4_title { clear:both; margin-bottom:2%; padding:0 font-size:140%; font-weight:bold; color:#3399ff; }
.page_list_decimal { margin-bottom:3%; padding-left:2%; line-height:160%; }
.page_list_decimal li { margin-left:2%; padding:0; list-style-type:decimal; }
.page_list_disc { margin-bottom:3%; padding-left:2%; line-height:160%; }
.page_list_disc li { margin-left:2%; padding:0; list-style-type:disc; }

/* 메인메뉴1 (광주YWCA) */
.page01_01_target { margin:0; padding:0; line-height:160%; }
.page01_01_target .ment { margin:0; margin:0; padding-bottom:5%; background:url('../wp_images/01_01.jpg') no-repeat 20px bottom; background-size:30%; font-size:120%; text-align:center; }
.page01_01_target .ment .emphasis { font-size:150%; font-weight:bold; color:#cc9900; }
.page01_01_target .ment .list { margin:3% 0 2% 20%; color:#666; }
.page01_01_target .info { margin:0; padding-top:5%; border-top:solid 1px #e6e6e6; font-size:100%; font-weight:bold; line-height:180%; text-align:center; }
.page01_02_identity { margin:0; padding:0; font-size:110%; line-height:160%; }
.page01_02_identity dl { clear:both; margin-bottom:6%; padding:0; }
.page01_02_identity dl dt { float:left; display:inline-block; width:18%; margin-right:2%; padding:0; background-color:#3399cc; font-size:300%; font-weight:bold; text-align:center; vertical-align:top; color:#fff; line-height:160%; }
.page01_02_identity dl dt .ywca { display:inline-block; margin:0; font-size:60%; line-height:80%; }
.page01_02_identity dl dd { margin:0; padding:0; }
.page01_02_identity dl dd.name { padding-bottom:1%; font-size:120%; font-weight:bold; color:#0066cc;}
.page01_03_ci { margin:0; padding:0; font-size:110%; line-height:160%; }
.page01_03_ci .ci { margin:0; padding:0; text-align:center;}
.page01_03_ci .info { margin:0; padding:0; }
.page01_03_ci .info { margin-top:30px; padding:0; }
.page01_03_ci .info li { margin:0; padding:5px 0; }
.page01_04_policy { margin:0; padding:0; text-align:center; }
.page01_05_map { width:95%; height:300px; margin:0 auto; margin-bottom:4%; padding:0; }
.page01_05_transport { display:inline-block; width:100%; margin-bottom:4%; padding:0; font-size:110%; }
.page01_05_transport li { margin:0; padding:2% 0; }
.page01_05_transport li .title_transport{ margin-left:0; padding:1% 0; font-size:120%; font-weight:bold; color:#0066cc; }
.page01_05_transport li .bus_list { display:inline-block; width:100%;margin-left:0; padding:0; border-top:solid 1px #e6e6e6; border-bottom:solid 1px #e6e6e6;}
.page01_05_transport li .bus_list li { margin:0; padding:0; }
.page01_05_transport li .bus_list dt { clear:both; float:left; width:25%; margin:0; padding:1% 0; border-top:solid 1px #e6e6e6; font-weight:bold; text-align:center; }
.page01_05_transport li .bus_list dd { float:left; width:75%; margin:0; padding:10px 0; border-bottom:solid 1px #e6e6e6; line-height:160%; }
.page01_05_transport li .bus_list dd .bus_green { margin-right:5px; padding:2px 4px; background-color:#50a332; color:#fff; }
.page01_05_transport li .bus_list dd .bus_blue { margin-right:5px; padding:2px 4px; background-color:#395CB3; color:#fff; }
.page01_05_transport li .bus_list dd .bus_red { margin-right:5px; padding:2px 4px; background-color:#cc1117; color:#fff; }
.page01_05_transport li .bus_list dd .bus_orange { margin-right:5px; padding:2px 4px; background-color:#ed8b32; color:#fff; }
.page01_05_transport li .bus_list dd .bus_sky { margin-right:5px; padding:2px 4px; background-color:#68a4d0; color:#fff; }

/* 메인메뉴2 (조직도) */
.page02_01_네이밍 { margin:0; padding:0; }


/* 메인메뉴3 (회원안내) */
.page03_01_member { margin:0; padding:0; font-size:110%; }
.page03_01_member .list { margin-bottom:4%; padding:4%; line-height:160%; }
.page03_01_member .list.info { background:url('../wp_images/02_01_01.jpg') no-repeat right 0; }
.page03_01_member .list.back_gray { background-color:#eee; }
.page03_01_member .list li { margin-left:2%; padding:2% 0; border-bottom:solid 1px #e6e6e6; list-style-type:disc; }
.page03_02_benefit { margin:0; padding:3%; border:solid 1px #e6e6e6; background:url('../wp_images/02_02_01.jpg') no-repeat 30px 30px; background-color:#e6e6e6; font-size:110%; }
.page03_02_benefit .page_list_decimal { margin:0; padding:0; line-height:160%; }
.page03_02_benefit .page_list_decimal li { margin-left:5%; padding:3% 0; border-bottom:solid 1px #ddd; list-style-type:decimal; }

/* 메인메뉴4 (후원가입안내) */
.page04_01_join { margin:0; padding:0; font-size:110%;}
.page04_01_join .button_join a { display:block; margin-bottom:2%; padding:10px 30px; background-color:#0066cc; color:#fff; text-align:center; vertical-align:middle; }
.page04_01_join .info { margin-bottom:30px; padding:0; }
.page04_01_join .table_layout { width:100%; margin-bottom:3%; border-collapse:collapse; border-top:2px solid #ddd; font-size:80%;}
.page04_01_join .table_layout thead { display:none; }
.page04_01_join .table_layout tr.back_gray { background-color:#e6e6e6; }
.page04_01_join .table_layout th { padding:1%; border-bottom:1px solid #ccc; background-color:#996633; color:#fff; text-align:center; }
.page04_01_join .table_layout td { padding:1%; border-bottom:1px solid #ddd; word-break:keep-all; text-align:center; line-height:170%; }
.page04_01_join .table_layout td.align_center { text-align:center; }
.page04_01_join .table_layout td > ul { margin-top:5px; }
.page04_01_join .table_layout > tfoot { display:none; }
.page04_01_join .table_layout + p { margin-top:10px; }

/* 메인메뉴5 (메뉴명) */
.page05_01_네이밍 { margin:0; padding:0; }