@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'); }
@font-face { font-family:NanumSquareR; src:url('../wp_default_image/NanumSquareR.eot'); src:url('../wp_default_image/NanumSquareR.eot?#iefix') format('embedded-opentype'), url('../wp_default_image/NanumSquareR.woff') format('woff'), url('../wp_default_image/NanumSquareR.ttf') format('truetype'); url('../wp_default_image/NanumSquareR.svg#NanumGothic') format('svg') src:local(※), url('../wp_default_image/NanumSquareR.woff') format('woff'); }
@font-face { font-family:NanumSquareB; src:url('../wp_default_image/NanumSquareB.eot'); src:url('../wp_default_image/NanumSquareB.eot?#iefix') format('embedded-opentype'), url('../wp_default_image/NanumSquareB.woff') format('woff'), url('../wp_default_image/NanumSquareB.ttf') format('truetype'); url('../wp_default_image/NanumSquareB.svg#NanumGothic') format('svg') src:local(※), url('../wp_default_image/NanumSquareB.woff') format('woff'); }
body { font-size:1.1em; font-family:NanumGothic,돋움,dotum; line-height:1.6em; }
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; }
.input_box_round { height:20px; padding:6px 12px; border:1px solid #ccc; background-image:none; background-color:#fff; font-size:14px; color:#555; line-height:1.42857143; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; }
.select_box_round { height:33px; padding:6px 12px; border:1px solid #ccc; background-image:none; background-color:#fff; font-size:14px; color:#555; line-height:1.42857143; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; }
.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; }
.textarea_box_round { width:99%; padding:6px 12px; border:1px solid #b7b7b7; background-image:none; background-color:#fff; vertical-align:middle; color:#444; line-height:1.42857143; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; }
.ime_disabled { ime-mode:disabled; }
.ime_active { ime-mode:active; }
.select_box { float:left; position:relative; width:300px; }
.select_box ul,.select_box li,.select_box dl,.select_box dt,.select_box dd,.select_box p { margin:0; padding:0; }
.select_box .select_label { height:12px; padding:4px 17px 3px 5px; border:1px solid #6e706f; border-right-color:#d4d5d7; border-bottom-color:#d4d5d7; background:url('../wp_default_image/btn_select_arrow.gif') no-repeat 100% 0; background-color:#fff; line-height:12px; cursor:pointer; _cursor:hand; }
.select_box .select_label span { display:block; overflow:hidden; width:100%; white-space:nowrap; text-overflow:ellipsis; }
.select_box .select_data { display:none; position:absolute; top:19px; left:0; width:100%; background-color:#fff; }
.select_box .select_data ul { border:1px solid #d4d5d7; border-left-color:#6e706f; border-top:0; padding:1px 2px 2px; }
.select_box .select_data ul li { display:inline-block; width:100%; vertical-align:top; }
.select_box .select_data ul li dl dt { display:block; display:inline-block; overflow:hidden; width:100%; margin-top:1px; color:#666; line-height:100%; cursor:pointer; _cursor:hand; }
.select_box .select_data ul li dl dt span { display:block; overflow:hidden; padding:4px 3px 3px; white-space:nowrap; }
.select_box .select_data ul li dl { position:relative; }
.select_box .select_data ul li dl dd { display:none; position:absolute; top:-2px; left:100%; margin-left:-5px; padding-left:14px; background:url('../wp_default_image/select_arrow_tip.gif') no-repeat 10px -1px; color:#fff; line-height:15px; }
.select_box .select_data ul li dl dd p { padding:4px; border:1px solid #333; border-left:0; background:#4d4d4d; white-space:nowrap; }
.select_box .select_data ul li dl dd img { vertical-align:top; }
.select_box .select_data ul li.on dl dd { display:block; }
.select_box .select_data ul li.on dl dt { background-color:#eee; color:#000; }
a.button_big { display:inline-block; padding-right:4px; background:url('../wp_default_image/button_bg.gif') no-repeat 100% 0; font-size:100%; font-weight:bold; text-decoration:none; color:#666; line-height:26px; word-spacing:-1px; }
a.button_big span,a.button_big strong { display:block; padding:1px 8px 0 12px; background:url('../wp_default_image/button_bg.gif') no-repeat; }
a:hover.button_big { position:relative; top:1px; left:1px; }
a.button_small { display:inline-block; padding-right:4px; background:url('../wp_default_image/button_bg.gif') no-repeat 100% -27px; font-size:100%; text-decoration:none; color:#666; line-height:21px; word-spacing:-1px; letter-spacing:-1px; }
a.button_small span,a.button_small strong { display:block; padding:1px 4px 0 8px; background:url('../wp_default_image/button_bg.gif') no-repeat 0 -27px; }
a:hover.button_small { position:relative; top:1px; left:1px; }
.board_list { margin:0; }
.board_list table { width:100%; margin:0; padding:0; border-collapse:collapse; border-bottom:2px solid #cdcdcd; color:#4a4a4a; table-layout:fixed; }
.board_list caption { overflow:hidden; width:0; height:0; font-size:0; line-height:0; }
.board_list th { padding:5px; border-left:1px solid #ccc; border-bottom:1px solid #ccc; background-color:#eee; font-size:100%; }
.board_list th:first-child { border-left:none; }
.board_list tr.notice { background-color:#f2f2f2; }
.board_list td { padding:5px 10px; border:0; border-bottom:1px solid #e6e6e6; text-align:center; vertical-align:middle; }
.board_list td.subject { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.board_list td.td_align_left { text-align:left; }
.board_list img { vertical-align:middle; }
.board_view_title { margin:0 10px; }
.board_view_head { background-color:#666; border-radius:3px }
.board_view_head h4 { margin:0; padding:5px 10px; font-weight:bold; color:#fff; }
.board_view_head .name_row { height:20px; margin:0; padding:5px 5px 8px 5px; border-bottom:1px solid #ddd; background-color:#f6f6f6; font-size:11px; color:#666; zoom:1; }
.board_view_head .name { float:left; padding-left:5px; font-weight:bold; }
.board_view_head .name .time { font-weight:normal; }
.board_view_head .ref { float:right; margin-top:-2px; padding-right:10px; }
.board_view_head .name_row img { vertical-align:middle; }
#board_view_comment { margin:0; padding:10px; }
#board_view_comment img { max-width:100%; width:expression(this.width > 680 ? 680: true); height:auto; border:0 none; }
#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; }
#board_auth { margin:0; padding:0; border:0; }
#board_auth p { text-align:center; }
.board_gallery_list { overflow:hidden; margin:0; padding:0 0 10px; border-bottom:2px solid #999; }
.board_gallery_list .photo { float:left; width:31%; margin:0 1% 10px; padding:0; text-align:center; }
.board_gallery_list .thumbnail { overflow:hidden; position:relative; margin:0; padding-top:75%; }
.board_gallery_list .thumbnail .img { position:absolute; top:0; left:0; bottom:0; right:0; -webkit-transform:translate(50%, 50%); -ms-transform:translate(50%, 50%); transform:translate(50%, 50%); }
.board_gallery_list .thumbnail .img img { position:absolute; top:0; left:0; max-width:100%; height:auto; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); }
.board_gallery_list .subject { overflow:hidden; margin-top:5px; padding:0; font-size:90%; line-height:150%; white-space:nowrap; text-overflow:ellipsis; }
.board_gallery_list .subject .ref { display:block; margin:0; padding:0; font-size:80%; text-align:center; color:#555; }
.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; }
.table_file_down { width:98%; margin:3px; padding:5px; border:2px solid #c7c7c7; }
.table_file_down legend { padding:0 5px; }
.table_down_box { margin-top:10px; padding:5px; border:4px solid #e6e6e6; background-color:#fafafa; text-align:left; }
#board_prev_next { margin:10px 10px 0; padding:5px; border:1px solid #c9c9c9; }
#board_prev_next li { margin:0; padding:3px 0; }
#board_prev_next .prev_nex_line { border-bottom:1px dotted #ccc; }
#table_bottom { overflow:hidden; clear:both; margin:0 10px; padding:20px 0; }
#table_bottom .left_button { float:left; width:33%; }
#table_bottom .right_button { float:right; width:33%; text-align:right; }
#table_bottom .center_button { text-align:center; }
#table_bottom .center_page { float:left; height:22px; margin-top:5px; padding:0; width:33%; text-align:center; vertical-align:middle; }
.page_move_box { margin:0; padding:0; }
.page_move_box .number { margin:0 3px; font-weight:bold; word-spacing:0.1em; }
.page_move_box .number a, .page_move_box .number strong { padding:5px 5px 4px 5px; border:1px solid #eaeaea; font-family:Tahoma; text-align:center; text-decoration:none; color:#666; }
.page_move_box .number strong { color:#ff6600; border:2px solid #ff6600; }
.page_move_box .number a { color:#666; }
.page_move_box .number a:hover { border:1px solid #ff6600; color:#000; }
.page_move_box span.none { color:#666; cursor:default; }
.page_move_box .none a { font-weight:bold; text-decoration:none; color:#000; }
.page_move_box .none a:hover { font-weight:bold; text-decoration:underline; color:#ff6600; }
.page_move { margin:0; padding:0; }
.page_move a, .page_move strong { display:inline-block; position:relative; padding:3px 8px 2px 8px; background:url('../wp_default_image/page_move_line.gif') no-repeat 0 7px; font-family:Tahoma,Serif; font-weight:bold; text-decoration:none; color:#666; line-height:normal; }
.page_move strong { color:#ff1315; }
.page_move a:hover, .page_move a:active, .page_move a:focus { background-color:#f7f7f7; font-family:Tahoma,Serif; font-weight:bold; text-decoration:none; color:#000; line-height:normal; }
.page_move a.prev, .page_move a.next { font-family:돋움,Dotum,Sans-serif; }
.page_move a.prev { margin-right:-5px; padding:4px 10px 2px 17px; background:url('../wp_default_image/page_move_prev.gif') no-repeat left center; }
.page_move a.next { padding:4px 18px 2px 11px; background:url('../wp_default_image/page_move_next.gif') no-repeat right center; }
#board_bottom { overflow:hidden; clear:both; padding:10px 0 20px; }
#board_bottom .left_search { float:left; margin-left:5px; }
#board_bottom .right_button { float:right; margin-right:5px; text-align:right; }
#board_bottom .center_paging { clear:both; height:30px; margin:10px 0; padding:0; text-align:center; }
#board_keyword_search { display:inline-block; margin:0; padding:0; }
#board_keyword_search .search_input { width:45%; margin:0; padding:2px; border:1px solid #b7b7b7; border-right-color:#e1e1e1; border-bottom-color:#e1e1e1; background-color:transparent; font-size:80%; color:#999; }
#board_keyword_search button { margin:0; padding:2px 3px 0; border:1px solid #b7b7b7; font-size:80%; color:#666; }
#board_keyword_search button:hover { color:#000; }
#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_arrow: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:120%; }
.text_small { font-size:90%; }
.text_bold { font-weight:bold; }
.text_strong { font-weight:bold; }
.text_left { text-align:left; }
.text_right { text-align:right; }
.text_center { text-align:center; }
.text_emphasis { font-weight:bold; color:#cc0000; }
.display_none { display:none; }
.border_line { border:1px solid #ccc; }
.example { padding-left:10px; 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; }
.tip_icon_box { display:inline-block; margin:0; padding:0 3px; background-color:#555; font-size:95%; font-weight:bold; color:#ffff00; vertical-align:middle; border-radius:5px; }

/******************************************************************************/
/** 개발자가 개발범위에 맞는 Class 및 ID 값을 새롭게 정의한다.(네이밍 수정불가) **/
/******************************************************************************/

/* 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 { clear:both; margin:0; padding:0; }
#sub_footer { margin:0; padding:0; }

/* 상단영역 콘텐츠 */
#top_contents { overflow:hidden; margin:0; padding:0; }
#top_logo { width:50%; margin:15px auto 10px; padding:0; text-align:center; }
#top_logo a { font-size:130%; font-weight:bold; }
#top_logo a .round { display:inline-block; margin:0; padding:2px 5px; background-color:#3399ff; font-size:80%; font-weight:normal; color:#fff; border-radius:30px; }
#top_icon { position:absolute; top:20px; left:2%; width:10%; margin:0; padding:0; }
#top_menu { position:absolute; top:20px; right:2%; width:10%; margin:0; padding:0; }
#main_menu { position:fixed; top:0%; right:-60%; z-index:9000; width:60%; height:100%; margin:0; padding:0; transition: All 0.4s ease; }
#main_menu.open { right:0; }
#main_menu .menu_list { position:absolute; top:10%; width:100%; height:100%; margin:0; padding:0; background-color:#666; }
#main_menu .menu_list li{ width:100%; margin:0; padding:0; box-sizing:border-box; }
#main_menu .menu_list > li > a { display:block; width:100%; margin:0; padding:5% 0 5% 7%; border-top:1px solid #898989; border-bottom:1px solid #333; background:#666 url('../wp_default_image/menu_off.gif') no-repeat 90% center; font-weight:bold; color:#fff; box-sizing:border-box; }
#main_menu .menu_list > li > a.on { background:#0066cc url('../wp_default_image/menu_on.gif') no-repeat 90% center; }
#main_menu .menu_list ul { margin:0; padding:0; }
#main_menu .menu_list ul li { margin:0; padding:4% 0 4% 19%; border-bottom:1px solid #dcdcdc; background:#eee url('../wp_default_image/circle_gray.gif') no-repeat 8% center; }
#main_menu .menu_list ul li a { font-size:85%; }
#main_menu .menu_list ul li:last-child { border-bottom:0; }
#main_menu .main_menu_close { overflow:hidden; position:absolute; top:0; left:0; width:100%; height:10%; padding:0; background-color:rgba(255,255,255,0.9); box-sizing:border-box; }
#main_menu .main_menu_close a { display:block; float:right; width:15%; margin:15px 2% 0 0; }

/* 하단영역 콘텐츠 */
#bottom_contents { overflow:hidden; margin:0; padding:20px; background-color:#535353; font-size:80%; color:#bcbcbc; line-height:150%; }
#bottom_menu { display:none; margin:0; padding:0; }
#bottom_address { margin-bottom:10px; padding:0; text-align:center; }
#bottom_copyright { margin:0; padding:0; text-align:center; }
#bottom_copyright span a { display:inline-block; width:60%; margin:10px auto 0; padding:5px; background-color:#999999; font-size:95%; color:#fff; text-align:center; border-radius:20px; }
.bottom_top_move { display:none; position:fixed; right:10px; bottom:20px; }

/* 메인화면 콘텐츠 */
#main_visual { margin:0; padding:20% 0 30%; background-image:url('../wp_images/main_visual_03.jpg'); background-repeat:no-repeat; background-position:top center; box-sizing:border-box; background-size:cover; }
#main_visual .visual_text { display:block; position:relative; width:100%; margin:0 auto; padding:0; font-family:NanumSquareB; color:#fff; line-height:200%; opacity:1; }
#main_visual .visual_text .text_animate { position:absolute; width:100%; text-align:center; }
#main_visual .visual_text .text_top { top:-50px; font-size:130%; color:#ccff66; opacity:0; }
#main_visual .visual_text .text_bottom { top:140px; font-size:110%; font-family:NanumSquareR; opacity:0; }
#main_item { margin:0; padding:0; }
#main_item h3 { margin:0; padding:10px 0; }
#main_item p { margin:0; padding:0; }
#main_item .service { overflow:hidden; margin:0; padding:10px; background-color:#3399ff; list-style:none; }
#main_item .service li { float:left; width:50%; margin:0; padding:30px 10px; border:1px solid #99ccff; box-sizing:border-box; }
#main_item .service li:nth-child(1) { border-right:none; background:url('../wp_images/m_service_01.jpg') no-repeat 90% center; }
#main_item .service li:nth-child(2) { background:url('../wp_images/m_service_02.jpg') no-repeat 90% center; }
#main_item .service li h3 { font-size:130%; font-weight:500; color:#ffff00; }
#main_item .service li p { font-size:80%; color:#fff; line-height:140%; }
#main_item .introduce { margin:0; padding:40px 10px 30px; background:url('../wp_images/m_introduce_bg.jpg') no-repeat top center; background-size:cover; text-align:center; }
#main_item .introduce h3 { font-size:180%; font-weight:500; color:#fff; }
#main_item .introduce p { color:#fff; }
#main_item .introduce a { display:block; width:50%; margin:20px auto 0; padding:5px 0; background:rgba(0,0,0,0.5) url('../wp_images/arrow_right_white.png') no-repeat 80% center; font-size:90%; color:#fff; }
#main_item .major_info { margin:0; padding:40px 10px 30px; background:url('../wp_images/m_majorinfo_bg.jpg') no-repeat top center; background-size:cover; text-align:center; }
#main_item .major_info h3 { font-size:180%; font-weight:500; color:#333; }
#main_item .major_info p { color:#333; }
#main_item .major_info a { display:block; width:50%; margin:20px auto 0; padding:5px 0; background:rgba(0,0,0,0.5) url('../wp_images/arrow_right_white.png') no-repeat 80% center; font-size:90%; color:#fff; }
#main_item .open_mind { position:relative; margin:0; background-color:#ffffcc; text-align:center; }
#main_item .open_mind a { display:block; padding:35px 10px 30px; }
#main_item .open_mind p { font-weight:500; color:#ff6600; }
#main_item .open_mind .banner { position:absolute; right:10%; top:10%; }
#main_item .counsel_info { margin:0; padding:40px 10px 30px; background:url('../wp_images/m_counsel_bg.jpg') no-repeat top center; background-size:cover; text-align:center; }
#main_item .counsel_info h3 { font-size:180%; font-weight:500; color:#fff; }
#main_item .counsel_info p { font-size:90%; color:#fff; }
#main_item .counsel_info a { display:inline-block; margin:10px 0; padding:30px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; font-size:260%; font-weight:500; color:#ffcc33; }
#main_item .map_info { margin:0; background:url('../wp_images/m_map_bg.jpg') no-repeat top center; background-size:cover; text-align:center; }
#main_item .map_info a { display:block; padding:30px 10px; color:#fff; }
#main_item .map_info h3 { margin-bottom:20px; font-size:180%; font-weight:500; }
#main_item .map_info p { font-size:90%; }

/* 서브화면 콘텐츠 */
#sub_visual { margin:0; padding:0; }
#sub_position { margin:0; padding:0; border-top:#dcdcdc 1px solid; border-bottom:#dcdcdc 1px solid; }
#sub_position_title { display:none; margin:0; padding:0; }
#sub_position_text { margin:0; padding:0; color:#555; }
#sub_position_text .position_bull { display:inline-block; margin:0 10px 0 0; padding:5px 20px 5px 10px; background:url('../wp_default_image/position_arrow_home.gif') no-repeat right center; background-color:#eee; }
#sub_position_text .position_name { display:none; margin:0 0 0 10px; padding:5px 10px 5px 20px; background:url('../wp_default_image/position_arrow_name.gif') no-repeat left center; font-size:105%; font-weight:bold; color:#0066cc; }
#sub_document { padding:20px 10px; table-layout:fixed; }
#sub_page_wait { width:90%; margin:0 auto; padding:0; text-align:center; }

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

/* 페이지 공용 */
.accessibility_skip_nav a { display:block; overflow:hidden; position:absolute; top:0; left:0; width:100%; height:0; background-color:#676767; color:#fff; text-align:center; }
.accessibility_skip_nav a:focus { position:absolute; z-index:9999; width:100%; height:auto; margin:0; padding:10px 0; color:#fff; font-weight:bold; }
.accessibility_ir { overflow:hidden; position:absolute; left:-10000px; top:auto; height:1px; }
.page_cover { position:fixed; top:0; z-index:5; width:100%; height:100%; background-color:rgba(0,0,0,0.5); }
.page_tab_menu { display:block; margin:0 auto 30px; padding:0; }
.page_tab_menu li { display:table-cell; width:1%; margin:0; padding:5px; border:1px solid #ddd; background-color:#eee; text-align:center; color:#000; }
.page_tab_menu li:not(:first-child) { border-left:none; }
.page_tab_menu li.on { background-color:#ccc; color:#fff; border:1px solid #ccc; }
.page_tab_select { display:none; width:100%; margin:0 auto 30px; padding:5px; border:1px solid #ddd; border-radius:5px; }
.page_image_size { width:100%; height:auto; }
.page_image_margin { margin-bottom:40px; }
.page_table_basic { width:100%; margin:0 auto 40px; border-top:2px solid #444; border-collapse:collapse; }
.page_table_basic.last { margin-bottom:0; }
.page_table_basic caption { overflow:hidden; width:0; height:0; font-size:0; line-height:0; }
.page_table_basic thead th { padding:6px 5px; border-left:1px solid #ccc; border-bottom:1px solid #ccc; background-color:#eee; font-weight:bold; color:#444; }
.page_table_basic thead th:first-child { border-left:none; }
.page_table_basic tbody tr th { border-bottom:1px solid #ccc; }
.page_table_basic tbody tr td.border_left_none { border-left:none; }
.page_table_basic tbody tr td.text_left { padding-left:20px; text-align:left; }
.page_table_basic tbody tr td.text_left ul { margin:0; padding-left:20px; }
.page_table_basic tbody tr td.text_left ol { margin:0; padding-left:20px; }
.page_table_basic tbody tr .bg_gray { background-color:#eee; }
.page_table_basic tr td { padding:10px 5px; border-bottom:1px solid #ccc; border-left:1px solid #ccc; text-align:center; word-break:keep-all; }
.page_table_basic tr td:first-child { border-left:none; }
.page_title_h4 { margin:0 0 20px; padding:10px 0 10px 30px; background:url('../wp_images/page_title_h4.gif') no-repeat left center; font-size:130%; font-family:Noto Sans Korean; font-weight:500; }
.page_title_h5 { margin:0 0 10px; padding:5px 0 5px 30px; background:url('../wp_images/page_title_h5.gif') no-repeat left center; font-size:120%; font-weight:bold; }
.page_gray_box { margin:0 0 30px; padding:20px; background-color:#eee; word-break:keep-all; border-radius:10px; }
.page_gray_box.blue { background-color:#ddf1ff; }
.page_gray_box.last { margin-bottom:0; }
.page_gray_box .text_blue { color:#003399; }
p.page_gray_box { line-height:180%; }
ul.page_gray_box { padding-left:30px; }
ul.page_gray_box li { padding:5px 0; list-style-image:url('../wp_images/page_blue_dot.gif'); }
dl.page_gray_box { list-style:none; }
dl.page_gray_box dt { margin-bottom:10px; color:#003399; }
dl.page_gray_box dd { margin:0 0 20px 10px; padding:0; }
dl.page_gray_box dd.last { margin-bottom:0; }

/* 메인메뉴1 (기관소개) */
.page01_01_box .title { margin:0 0 40px; padding:40px 10px; background:url('../wp_images/01_01_01.jpg') no-repeat top center; background-size:cover; font-size:140%; text-align:center; color:#fff; line-height:160%; border-radius:10px; }
.page01_01_box .contents { margin:0; padding:0; font-size:95%; word-break:keep-all; }
.page01_01_box .contents.text_right { margin-bottom:40px; }
.page01_01_box .text_blue { color:#0066cc; }
.page01_01_box .text_green { color:#009966; }
.page01_01_box .text_big { font-size:110%; }
.page01_01_box .contents strong { font-size:120%; color:#33cc66; }
.page01_01_box img { vertical-align:middle; }
.page01_01_box .organization_list { margin:0; padding:10px 0 0; background:url('../wp_images/01_01_04.gif') repeat-y center top; word-break:keep-all; }
.page01_01_box .organization_list > li { width:100%; margin:0 0 40px; padding:0; border:1px solid #3399ff; background-color:#fff; border-radius:10px; box-shadow:1px 1px #ccc; list-style:none; }
.page01_01_box .organization_list > li strong { display:block; margin:0; padding:15px; background:url('../wp_images/01_01_03.gif') 0 0; font-size:130%; text-align:center; color:#fff; border-radius:10px 10px 0 0; }
.page01_01_box .organization_list ul { margin:0; padding:20px 0 20px 30px; }
.page01_01_box .organization_list ul li { font-size:90%; list-style-image:url('../wp_images/page_blue_dot.gif'); }
.page01_01_box .organization_list > li:nth-child(1) ul { background:url('../wp_images/01_01_05.gif') no-repeat 90% center; }
.page01_01_box .organization_list > li:nth-child(2) ul { background:url('../wp_images/01_01_06.gif') no-repeat 90% center; }
.page01_01_box .organization_list > li:nth-child(3) ul { background:url('../wp_images/01_01_07.gif') no-repeat 90% center; }

/* 메인메뉴2 (주요사업안내) */
.page02_01_list { margin:0 0 40px; padding:0; border-top:2px solid #999; }
.page02_01_list > li { overflow:hidden; padding:20px 0; border-bottom:1px solid #ccc; }
.page02_01_list > li p { display:block; margin:0 0 10px; padding:0; font-size:120%; font-weight:bold; text-align:center; color:#0066cc; line-height:150%; vertical-align:middle; }
.page02_01_list > li:nth-child(2n) p { color:#66cc00; }
.page02_01_list > li ul { margin:0; padding:0 10px 0 30px; word-break:keep-all; }
.page02_01_list > li ul li { padding:3px 0; list-style-image:url('../wp_images/page_blue_dot.gif'); }

/* 메인메뉴3 (대상자 지원서비스) */
.page03_01_table { overflow:scroll; }
.page03_01_table table { width:600px; font-size:80%; word-break:keep-all; }
.page03_01_table table .round { display:inline-block; width:40px; height:40px; padding-top:8px; text-align:center; font-weight:normal; color:#fff; box-sizing:border-box; border-radius:80px; }
.page03_01_table table .round.green { background-color:#33cc99; }
.page03_01_table table .round.blue { background-color:#66cccc; }
.page03_01_table table .text_orange { color:#ff6633; }
.page03_01_box { font-size:95%; }
.page03_01_box .text_orange { color:#ff6633; }
.page03_01_box img { margin-right:10px; vertical-align:middle; }
.page03_01_box strong.text_orange { display:block; margin:0 0 5px; padding-left:10px; background:url('../wp_images/page_orange_dot.gif') no-repeat left center; }
.page03_01_box span.text { display:block; margin:0 0 20px; padding-left:10px; }


/* 메인메뉴4 (가족 지원서비스) */
.page04_01_list { margin:0; padding:20px 0 0; word-break:keep-all; list-style:none; }
.page04_01_list ul { margin:0; padding:10px 10px 10px 30px; background-color:#eee; border-radius:10px; }
.page04_01_list ul li { padding:3px 0; list-style-image:url('../wp_images/page_blue_dot.gif'); }
.page04_01_list h5 { font-size:110%; font-weight:bold; text-align:center; color:#0066cc; }
.page04_01_list > li strong { display:block; font-size:140%; font-weight:500; text-align:center; color:#0066cc; }
.page04_01_list li p { padding:5px 0; }
.page04_01_list2 ul { padding-left:10px; }
.page04_01_list2 ul li { list-style-image:url('../wp_images/page_orange_dot.gif'); }

/* 메인메뉴5 (열린마음상담센터) */
.page05_01_box { margin:0; padding:0; border-top:1px solid #333; }
.page05_01_box li { overflow:hidden; margin:0; padding:20px 0; border-bottom:1px solid #ccc; }
.page05_01_box li p { padding:0 0 0 60px; background:url('../wp_images/05_01_04.jpg') no-repeat 10px top; }
.page05_01_box li p strong { font-size:150%; font-family:Noto Sans Korean; font-weight:500; }
.page05_01_box li p span { color:#ff6633; }
.page05_01_box li p span.text_small { color:#b96000; }
.page05_01_box li img { vertical-align:middle; }
.page05_01_text { margin-bottom:50px; word-break:keep-all; }

/* 메인메뉴6 (찾아오시는 길) */
.page06_01_map #map_canvas { width:100%; height:310px; border:1px solid #ccc; border-bottom:none; box-sizing:border-box; }
.page06_01_map .info { width:100%; margin-bottom:50px; padding:10px; border:1px solid #ccc; background:#eee; font-size:95%; line-height:180%; box-sizing:border-box; }
.page06_01_map .info strong { display:block; margin:0 0 10px; padding:0; font-size:120%; }
.page06_01_map .info a { display:block; width:100%; padding:10px 0; background:#3399ff url('../wp_images/06_01_01.gif') no-repeat 20px center; color:#fff; text-align:center; box-sizing:border-box; border-radius:10px; }
.page06_01_map .info .font_blue { color:#448aca; }
.page06_01_map .bus { overflow:hidden; margin:0; padding:0; }
.page06_01_map table { margin-bottom:0; font-size:90%; }
.page06_01_map table .gan { margin-right:10px; padding:2px 3px; background-color:#395cb3; color:#fff; }
.page06_01_map table .ji { margin-right:10px; padding:2px 3px; background-color:#50a332; color:#fff; }
.page06_01_map table .speed { margin-right:10px; padding:2px 3px; background-color:#cc1117; color:#fff; }
.page06_01_map table .ma { margin-right:10px; padding:2px 3px; background-color:#207700; color:#fff; }

/** 스크린 미디어 쿼리: 개발자가 필요할 경우 자유롭게 정의하여 사용한다. **/
@media only screen and (max-device-width:550px)
{
	#main_visual .visual_text .text_top { font-size:120%; }
	#main_visual .visual_text .text_bottom { font-size:80%; }
	#main_item .service li { float:left; width:50%; margin:0; padding:20px 10px; border:1px solid #99ccff; box-sizing:border-box; }
	#main_item .service li:nth-child(1) { background:url('../wp_images/m_service_01.jpg') no-repeat 95% 80%; }
	#main_item .service li:nth-child(2) { background:url('../wp_images/m_service_02.jpg') no-repeat 95% 80%; }
}
@media only screen and (max-device-width:450px)
{
	#main_visual .visual_text .text_bottom { font-size:70%; }
	#main_item p { font-size:90%; word-break:keep-all; }
	#main_item .service { overflow:hidden; margin:0; padding:10px; background-color:#3399ff; list-style:none; }
	#main_item .service li { float:none; width:100%; padding:20px; }
	#main_item .service li:nth-child(1) { border-right:1px solid #99ccff; border-bottom:none; background:url('../wp_images/m_service_01.jpg') no-repeat 90% center; }
	#main_item .service li:nth-child(2) { background:url('../wp_images/m_service_02.jpg') no-repeat 90% center; }
	#main_item .introduce h3 { font-size:160%; }
	#main_item .introduce a { width:60%; }
	#main_item .major_info h3 { font-size:160%; }
	#main_item .major_info a { width:60%; }
	#main_item .counsel_info h3 { font-size:160%; }
	#main_item .counsel_info p { font-size:80%; }
	#main_item .counsel_info a { padding:30px 0; font-size:200%; }
	#main_item .map_info h3 { font-size:160%; }
	.page01_01_box .title { font-size:120%; }
	.page01_01_box .contents strong { font-size:110%; }
	.page01_01_box .organization_list > li strong { font-size:120%; }
	.page02_01_list { font-size:95%; }
	.page04_01_box .page_gray_box{ font-size:95%; }
}
@media only screen and (max-device-width:320px)
{
	/* 모바일웹(320px 이하) */
	.page_tab_menu { display:none; }
	.page_tab_select { display:block; }
	#main_visual .visual_text .text_bottom { font-size:60%; }
	#main_item .counsel_info p { font-size:70%; }
	.page_title_h4 { font-size:110%; }
	.page_title_h5 { font-size:105%; }
	.page01_01_box .organization_list > li:nth-child(1) ul { background:none; }
	.page01_01_box .organization_list > li:nth-child(2) ul { background:none; }
	.page01_01_box .organization_list > li:nth-child(3) ul { background:none; }
	.page02_01_list > li p { font-size:100%; }
	.page02_01_list > li ul { padding:0 0 0 20px; }
	.page02_01_list > li ul li { font-size:85%; word-break:keep-all; }
	.page03_01_table { font-size:60%; word-break:keep-all; }
	.page03_01_box { font-size:85%; }
	.page04_01_box .page_gray_box{ font-size:85%; }
	.page05_01_box li p { padding:0; background:url('../wp_images/05_01_04.jpg') no-repeat right top; }
	.page05_01_box li p strong { font-size:120%; }
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px)
{
	/* 아이패드 */
}