@font-face { font-family:"Noto Sans KR"; font-style:normal; font-weight:300; font-display:swap; src:local("Noto Sans KR"), url("/wp_default_image/notosanskr_300.woff") format("woff"); }
@font-face { font-family:"Noto Sans KR"; font-style:normal; font-weight:400; font-display:swap; src:local("Noto Sans KR"), url("/wp_default_image/notosanskr_400.woff") format("woff"); }
@font-face { font-family:"Noto Sans KR"; font-style:normal;	font-weight:500; font-display:swap; src:local("Noto Sans KR"), url("/wp_default_image/notosanskr_500.woff") format("woff"); }
@font-face { font-family:"Noto Sans KR"; font-style:normal; font-weight:600; font-display:swap; src:local("Noto Sans KR"), url("/wp_default_image/notosanskr_600.woff") format("woff"); }
@font-face { font-family:"Noto Sans KR"; unicode-range: U+0041-005A, U+0061-007A, U+0030-0039; font-style:normal; font-weight:300; font-display:swap; src:local("Noto Sans KR"), url("/wp_default_image/lato_300.woff") format("woff"); }
@font-face { font-family:"Noto Sans KR"; unicode-range: U+0041-005A, U+0061-007A, U+0030-0039; font-style:normal; font-weight:400; font-display:swap; src:local("Noto Sans KR"), url("/wp_default_image/lato_400.woff") format("woff"); }
@font-face { font-family:"Noto Sans KR"; unicode-range: U+0041-005A, U+0061-007A, U+0030-0039; font-style:normal; font-weight:500; font-display:swap; src:local("Noto Sans KR"), url("/wp_default_image/lato_500.woff") format("woff"); }
@font-face { font-family:"Noto Sans KR"; unicode-range: U+0041-005A, U+0061-007A, U+0030-0039; font-style:normal; font-weight:600; font-display:swap; src:local("Noto Sans KR"), url("/wp_default_image/lato_600.woff") format("woff"); }
/*****************************************************************************************************************/
html, body, header, footer, nav, section, article, aside, canvas, iframe, div, object, iframe, h1, h2, h3, h4, h5, h6, p, a, address, img, video, audio, span, strong, pre, del, ul, ol, li, dl, dt, dd, form, fieldset, legend, label, table, caption, summary, thead, tbody, tfoot, tr, th, td { margin:0; padding:0; border:0; }
header, section, nav, article, aside, hgroup, footer { display:block; }
body { font-size:1.1em; font-family:"Noto Sans KR", "dotum", "돋움", "Helvetica", "sans-serif"; font-weight:300; color:#333; line-height:1.7em; }
img { vertical-align:middle; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
ul, ol { list-style:none; }
a { color:inherit; }
a:link, a:visited, a:active { text-decoration:none; color:#333; }
a:hover { text-decoration:none; color:#ff6600; }
strong, b { font-weight:500; }
address { font-style:normal; }
legend { display:none; clear:both; }
textarea { resize:none; font-family:inherit; }
button { overflow:visible; padding:0; border:none; background:inherit; font-family:inherit; box-shadow:none; border-radius:0; cursor:pointer; }
table { border:0; border-collapse:collapse; }
table caption { overflow:hidden; width:0; height:0; font-size:0; line-height:0; }
select::-ms-expand { display:none; }
.display_none { display:none; }
.float_left { float:left; }
.float_right { float:right; }
.clear_both { clear:both; }
.text_big { font-size:120%; }
.text_small { font-size:90%; }
.text_xsmall { font-size:80%; }
.text_bold { font-weight:500; }
.text_thin { font-weight:300; }
.text_left { text-align:left; }
.text_right { text-align:right; }
.text_center { text-align:center; }
.text_blue { color:#0066cc; }
.text_red { color:#ff3333; }
.text_gray { color:#999; }
.text_emphasis { font-weight:500; color:#ff3333; }
.form_input_box { height:32px; padding:5px; border:1px solid #ccc; border-radius:3px; box-sizing:border-box; }
.form_input_file { height:36px; padding:5px; border:1px solid #ccc; border-radius:3px; box-sizing:border-box; }
.form_select_box { height:32px; padding:5px 20px 5px 5px; border:1px solid #ccc; background:url("../wp_default_image/admin_select_arrow.png") no-repeat 93% center; border-radius:3px; box-sizing:border-box; appearance:none; -moz-appearance:none; -webkit-appearance:none; }
.form_textarea_box { width:100%; padding:5px; border:1px solid #ccc; vertical-align:middle; box-sizing:border-box; }
.form_textarea_chk { width:100%; padding:5px; border:1px solid #ccc; background:url("../wp_default_image/admin_require_arrow.gif") no-repeat left top; vertical-align:middle; box-sizing:border-box; }
.form_check_title { position:relative; }
.form_check_title input[type="radio"]::-ms-check { border:solid 1px #fff; }
.form_check_title input[type="radio"] { -webkit-appearance:none; position:absolute; top:calc(50% - 11px); left:0; width:22px; height:22px; margin:0; padding:0; border:none; }
.form_check_title input[type="radio"] + label { padding-left:25px; }
.form_check_title input[type="radio"] + label:before { content:""; position:absolute; left:0; top:calc(50% - 10px); width:20px; height:20px; border:1px solid #aaa; background-color:#fff; border-radius:20px; box-sizing:border-box; }
.form_check_title input[type="radio"]:checked + label:before { border:6px solid #3399ff; background-color:#fff; }
.form_check_title input[type="checkbox"]::-ms-check { border:solid 1px #fff; }
.form_check_title input[type="checkbox"] { -webkit-appearance:none; position:absolute; top:calc(50% - 11px); left:0; width:22px; height:22px; margin:0; padding:0; border:none; }
.form_check_title input[type="checkbox"] + label { padding:0 0 0 30px; }
.form_check_title input[type="checkbox"] + label:before { content:""; display:block; position:absolute; top:calc(50% - 10px); left:1px; width:20px; height:20px; margin-right:10px; border:1px solid #ccc; background:url("../wp_default_image/check_sprite.png") no-repeat 0 0; box-sizing:border-box; }
.form_check_title input[type="checkbox"]:checked + label:before { border:1px solid #3399ff; background:#3399ff url("../wp_default_image/check_sprite.png") no-repeat 0 -20px; }
.form_check_choose { display:block; position:relative; width:22px; height:22px; margin:0 auto; }
.form_check_choose input[type="checkbox"]::-ms-check { border:solid 1px #fff; }
.form_check_choose input[type="checkbox"] { -webkit-appearance:none; width:20px; height:20px; margin:0; padding:0; border:none; }
.form_check_choose input[type="checkbox"] + label { display:block; position:absolute; left:0; top:0; width:20px; height:20px; margin:0 auto; border:1px solid #ccc; background:url("../wp_default_image/check_sprite.png") no-repeat 0 0; font-size:0; box-sizing:border-box; }
.form_check_choose input[type="checkbox"]:checked + label { border:1px solid #3399ff; background:#3399ff url("../wp_default_image/check_sprite.png") no-repeat 0 -20px; }
#form_button { text-align:center; }
#form_button button { display:inline-block; height:54px; width:150px; margin:0 10px; background-color:#3a6160; font-size:140%; font-weight:500; text-align:center; color:#fff; line-height:54px; border-radius:10px; box-sizing:border-box; }
#form_button button.cancel { background-color:#666; color:#fff; }
/*****************************************************************************************************************/
#board_tab_menu { margin:0 0 40px; }
#board_tab_menu .mobile_first { display:none; }
#board_tab_menu ul { margin:0; padding:0 10px; border-bottom:1px solid #666; list-style:none; }
#board_tab_menu li { display:inline-block; position:relative; margin-right:5px; }
#board_tab_menu li a { display:block; padding:5px 30px 5px 20px; border:1px solid #ccc; border-bottom:none; background:url("../wp_default_image/admin_select_arrow.png") no-repeat 85% center; font-weight:400; color:#999; border-radius:10px 10px 0 0; }
#board_tab_menu li.on a { border:1px solid #666; border-bottom:none; color:#000; }
#board_tab_menu li.on::after { content:""; display:block; position:absolute; left:1px; bottom:-1px; width:calc(100% - 2px); border-bottom:1px solid #fff; }
#board_list { width:100%; margin:0 0 50px; border:0; border-collapse:collapse; color:#4a4a4a; }
#board_list th { padding:10px 0; border-top:2px solid #666; border-bottom:1px solid #ccc; background-color:#eee; white-space:nowrap; }
#board_list tr.notice { background-color:#f9f9f9; }
#board_list td { padding:12px 0; border-bottom:1px solid #e6e6e6; text-align:center; vertical-align:middle; white-space:nowrap; }
#board_list .icon_notice { padding:0 8px; border:1px solid #ff3333; font-size:95%; font-weight:500; color:#ff3333; border-radius:20px; }
#board_list .subject { overflow:hidden; text-align:left; text-overflow:ellipsis; white-space:nowrap; }
#board_list .subject .icon_division { float:left; margin-right:10px; padding:0 12px; border:1px solid #666; background-color:#fff; font-size:90%; color:#666; border-radius:20px; }
#board_list .file_download { position:relative; margin:0; padding:10px 20px; border:2px solid #ddd; font-size:95%; }
#board_list .file_download legend { display:block; padding:0 5px; font-weight:400; box-sizing:border-box; }
#board_list .file_download .down_button { position:absolute; right:5px; top:0; }
#board_list .file_download .down_button a { margin-left:3px; }
#board_list .file_download .close { padding:0 8px; border:1px solid #333; background-color:#fff; font-size:90%; color:#000; border-radius:20px; }
#board_list .list_button { padding:0 8px; border:1px solid #0066cc; background-color:#fff; font-size:90%; color:#0066cc; border-radius:20px; }
#board_list .list_button.delete { border:1px solid #ff3333; color:#ff3333; }
#board_view_title { border-top:2px solid #666; }
#board_view_title .board_view_head { position:relative; }
#board_view_title .board_view_head .board_title { overflow:hidden; margin:0; padding:5px 10px; background-color:#eee; font-size:120%; font-weight:500; line-height:36px; white-space:nowrap; text-overflow:ellipsis; }
#board_view_title .board_view_head .icon_division { float:left; margin-right:10px; padding:0 12px; border:1px solid #666; background-color:#fff; font-size:80%; color:#666; border-radius:20px; }
#board_view_title .board_view_head .name_row { margin:0; padding:5px 10px; border-bottom:1px solid #ddd; font-size:90%; color:#666; }
#board_view_title .board_view_head .name_row img { vertical-align:middle; }
#board_view_title .board_view_head .name { margin-right:15px; font-weight:500; }
#board_view_title .board_view_head .icon_notice { padding:0 6px; border:1px solid #ff3333; font-size:95%; font-weight:500; color:#ff3333; border-radius:20px; }
#board_view_title .board_view_head .time { margin:0; }
#board_view_title .board_view_head .ref { float:right; }
#board_view_title .board_view_head .ref img { vertical-align:middle; }
#board_view_comment { margin:0 0 50px; padding:15px 0; }
#board_view_comment .smartOutput img { max-width:100%; height:inherit; }
#board_view_comment .smartOutput video { max-width:100%; height:inherit; }
#board_view_comment .image_view_box { margin-bottom:20px; text-align:center; }
#board_view_comment .image_view_box img { max-width:100%; height:inherit; }
#board_view_comment .image_view_box span { display:block; margin:0 auto; }
#board_view_comment .image_view_box video { max-width:100%; height:inherit; }
#board_view_comment .file_download { margin-top:10px; padding:10px; border:3px solid #e6e6e6; background-color:#f9f9f9; text-align:left; }
#board_prev_next { margin:0 0 50px; padding:10px 20px; border:1px solid #ddd; font-size:95%; list-style:none; }
#board_prev_next li { overflow:hidden; margin:0; padding:3px 0; border-bottom:1px dotted #ccc; }
#board_prev_next li:last-child { border:none; }
#board_prev_next li strong { display:block; float:left; width:50px; }
#board_prev_next li a { overflow:hidden; display:block; width:calc(100% - 50px); text-overflow:ellipsis; white-space:nowrap; }
#board_input { margin-bottom:60px; }
#board_input legend { display:none; margin:0; padding:0; }
#board_input ul { padding:20px 30px; border:1px solid #c9c9c9; }
#board_input li { overflow:hidden; padding:10px 0; border-bottom:1px dotted #ccc; }
#board_input li:last-child { border:none; }
#board_input .title { float:left; width:140px; height:36px; font-weight:400; line-height:36px; box-sizing:border-box; }
#board_input .title span { display:inline-block; height:36px; font-size:90%; color:#ff0000; line-height:36px; }
#board_input .input_box { float:left; height:36px; margin-right:5px; padding:5px 10px; border:1px solid #ccc; font-weight:300; border-radius:3px; box-sizing:border-box; }
#board_input .input_file { height:38px; padding:5px; border:1px solid #ccc; border-radius:3px; box-sizing:border-box; }
#board_input .input_guide { clear:both; display:block; margin:0 0 0 140px; padding:5px 0 0; font-size:90%; color:#999; }
#board_input .select_box { float:left; height:36px; margin-right:5px; padding:5px 25px 5px 10px; border:1px solid #ccc; background:url("../wp_default_image/admin_select_arrow.png") no-repeat 93% center; border-radius:3px; box-sizing:border-box; appearance:none; -moz-appearance:none; -webkit-appearance:none; }
#board_input .form_check_title { float:left; height:36px; margin-right:20px; line-height:36px; }
#board_input .textarea_box { width:100%; padding:5px; border:1px solid #ccc; vertical-align:middle; box-sizing:border-box; }
#board_input .attach_file { border-top:none; padding:20px 30px; word-break:keep-all; }
#board_input .attach_file li { padding:3px 0; border-bottom:none; }
#board_input .attach_modify { padding:10px; border:1px solid #b7babc; border-top:none; list-style:none; }
#board_input .attach_modify li { overflow:hidden; padding:8px 0; border-bottom:1px dotted #ccc; }
#board_input .attach_modify li:last-child { border-bottom:none; }
#board_input .attach_modify .first_line { border-bottom:1px solid #ccc; font-weight:400; }
#board_input .attach_modify .first_line span { height:inherit; }
#board_input .attach_modify .first_line .attach_name { font-size:100%; }
#board_input .attach_modify .attach_sort { float:left; width:100px; text-align:center; }
#board_input .attach_modify .attach_sort input { float:none; width:40px; margin:0 auto; text-align:center; }
#board_input .attach_modify .attach_name { float:left; width:calc(100% - 200px); font-size:90%; text-align:left; }
#board_input .attach_modify .attach_name img { margin:0 5px 0 0; vertical-align:middle; }
#board_input .attach_modify .attach_name .input_box { float:none; margin-left:5px; }
#board_input .attach_modify .attach_delete { float:left; position:relative; width:100px; height:45px; margin:0; text-align:center; }
#board_input .attach_modify .attach_delete .form_check_choose { position:absolute; top:calc(50% - 11px); left:calc(50% - 11px); }
#board_auth { width:450px; margin:0 auto 60px; padding:30px; border:2px solid #ddd; border-radius:5px; box-sizing:border-box; }
#board_auth p { margin:0 0 10px; font-size:90%; text-align:center; }
#board_auth label { float:left; width:100px; height:36px; padding-right:20px; font-weight:500; text-align:right; color:#ff3333; line-height:36px; box-sizing:border-box; }
#board_auth input { float:left; width:calc(100% - 100px); height:36px; padding:5px 10px; border:1px solid #ccc; font-weight:300; border-radius:3px; box-sizing:border-box; }
#board_gallery_list { overflow:hidden; margin:0 0 60px; padding:0 0 10px; border-bottom:2px solid #333; }
#board_gallery_list li { float:left; width:23%; height:inherit; margin:0 2.66% 70px 0; text-align:center; list-style:none; box-sizing:border-box; }
#board_gallery_list li:nth-child(4n) { margin-right:0; }
#board_gallery_list .img_box { overflow:hidden; position:relative; margin:0 0 10px; padding-top:75%; }
#board_gallery_list .img_box img { position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; border-radius:3px; }
#board_gallery_list .background_box { overflow:hidden; position:relative; margin:0 0 10px; padding-top:75%; background-size:contain; border-radius:3px; }
#board_gallery_list .background_box a { position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; }
#board_gallery_list .gallery_subject { display:block; overflow:hidden; margin:0; padding-top:5px; white-space:nowrap; text-overflow:ellipsis; }
#board_gallery_list .gallery_subject a { overflow:hidden; display:inline-block; width:100%; font-size:95%; font-weight:400; text-overflow:ellipsis; vertical-align:middle; }
#board_gallery_list .gallery_ref { font-size:90%; }
#board_gallery_list .gallery_ref span { position:relative; margin-right:10px; }
#board_gallery_list .gallery_ref span::after { content:""; display:block; position:absolute; right:-9px; top:6px; height:15px; border-right:1px solid #aaa; }
#board_faq_list { margin:0; padding:0; list-style:none; }
#board_faq_list li { margin-bottom:20px; }
#board_faq_list li > h4 { position:relative; padding:20px 20px 20px 60px; border:1px solid #c9c9c9; font-size:120%; font-weight:500; word-break:keep-all; border-radius:10px; cursor:pointer; }
#board_faq_list li > h4::before { content:""; display:block; position:absolute; left:20px; top:calc(50% - 14px); width:26px; height:28px; background:url("../wp_default_image/page_faq_sprite.png") no-repeat 0 0; }
#board_faq_list li > h4::after { content:""; display:block; position:absolute; right:20px; top:calc(50% - 9px); width:35px; height:18px; background:url("../wp_default_image/page_faq_sprite.png") no-repeat -60px 0; }
#board_faq_list li > h4.on::before { background-position:-30px 0; }
#board_faq_list li > h4.on::after { background-position:-60px -18px; }
#board_faq_list li > h4 img { vertical-align:middle; }
#board_faq_list li > h4.on { border:1px solid #313131; }
#board_faq_list li > div { display:none; position:relative; margin:20px 0 0; padding:40px; background-color:#eee; border-radius:10px; word-break:keep-all; }
#board_faq_list li > div::before { content:""; display:block; position:absolute; left:60px; top:-15px; border-bottom:15px solid #eee; border-left:15px solid transparent; border-right:15px solid transparent; }
#board_faq_list li > div p { margin:0; padding:0; word-break:keep-all; }
#board_faq_list li > div p .orange { color:#ff6600; }
#board_faq_list li > div p strong { font-weight:500; }
#board_faq_list .image_view_box { text-align:center; }
#board_faq_list .image_view_box img { max-width:100%; }
#board_faq_list .file_download { padding:10px; background-color:#fff; border-radius:5px; }
#board_blog_list { margin:0 0 50px; padding:0 0 10px; border-bottom:2px solid #333; list-style:none; }
#board_blog_list li { margin-bottom:20px; border-bottom:1px dotted #ccc; }
#board_blog_list li:last-child { border-bottom:none; }
#board_blog_list li a { overflow:hidden; display:block; padding:20px 10px; }
#board_blog_list li:hover a { background-color:#f2f2f2; transition:0.5s; }
#board_blog_list .blog_image { display:block; float:left; width:22%; padding:5px; background-color:#fff; border:1px solid #ccc; }
#board_blog_list .blog_image img { width:100%; }
#board_blog_list .blog_content { float:right; width:75%; color:#000; word-break:keep-all; }
#board_blog_list .blog_content .title { display:block; margin-bottom:10px; font-size:120%; font-weight:500; }
#board_blog_list .blog_content p { display:block; margin-bottom:10px; }
#board_blog_list .blog_content .date { display:block; font-size:90%; color:#666; }
#reply_iframe { margin:0; padding:0; }
#reply_iframe #replyFrame { width:100%; height:100%; margin:0; padding:0; border:0 solid transparent; }
#reply_body { overflow:hidden; margin:0; padding:0; }
#reply_title { padding:5px; border-bottom:#666 2px solid; font-size:95%; word-break:keep-all; }
#reply_box { clear:both; }
#reply_box .reply_list { clear:both; margin:0; padding:10px 0; border-bottom:1px dotted #ccc; font-size:95%; color:#444; }
#reply_box .reply_list .list_name { float:left; height:30px; line-height:30px; }
#reply_box .reply_list .list_name .icon_notice { padding:0 6px; border:1px solid #ff3333; font-size:95%; font-weight:500; color:#ff3333; border-radius:20px; }
#reply_box .reply_list .list_name span { margin-right:5px; }
#reply_box .reply_list .list_name img { margin-right:3px; vertical-align:middle; }
#reply_box .reply_list .list_button { float:right; }
#reply_box .reply_list .list_button a { display:inline-block; padding:0 5px; border:1px solid #ccc; font-size:90%; line-height:140%; border-radius:2px; }
#reply_box .reply_list .list_comment { clear:both; margin:0; padding-top:10px; }
#reply_body .reply_input { border:1px solid #ddd; }
#reply_body .reply_input ul { padding:10px; }
#reply_body .reply_input li { overflow:hidden; padding:5px 0; border-bottom:1px dotted #ccc; }
#reply_body .reply_input li:last-child { border:none; }
#reply_body .reply_input li .title { float:left; width:70px; height:32px; font-size:90%; font-weight:500; line-height:32px; }
#reply_body .reply_input li .title span { color:#ff3333; }
#reply_body .reply_input li .input_box { float:left; height:32px; margin-right:10px; padding:5px; border:1px solid #ccc; border-radius:3px; box-sizing:border-box; }
#reply_body .reply_input li .input_guide { float:left; font-size:90%; height:32px; line-height:32px; }
#reply_body .reply_input li .textarea_box { float:left; width:calc(100% - 150px); height:65px; padding:5px; border:1px solid #ddd; vertical-align:middle; border-radius:3px; box-sizing:border-box; }
#reply_body .reply_input li button { display:block; float:right; width:70px; height:65px; background-color:#333; color:#fff; line-height:65px; border-radius:5px; }
#reply_body .reply_input li .form_check_title { margin-right:10px; }
#reply_body .reply_input li .form_check_title label { line-height:25px; }
#reply_body .reply_input li .form_check_title label img { vertical-align:baseline; }
#reply_body .reply_input li .cancel_button { float:right; padding:0 5px; border:1px solid #ff3333; font-size:95%; color:#ff3333; }
#reply_body .reply_modify { margin-top:10px; padding:10px; border:2px solid #ff8000; }
#reply_body .replay_delete { position:absolute; right:0; }
#reply_body .replay_delete div { position:relative; padding:25px 10px 10px; border:2px solid #999; background-color:#fff; text-align:right; border-radius:5px; }
#reply_body .replay_delete div a.delete_cancel { display:block; position:absolute; right:10px; top:5px; width:21px; height:21px; padding:0; border:none; background:url("../wp_default_image/colorbox_control.png") no-repeat -27px -2px; font-size:0; text-indent:-9999px; border-radius:10px; }
#reply_body .replay_delete input { height:23px; border:1px solid #ccc; box-sizing:border-box; }
#reply_body .replay_delete button { display:inline-block; padding:0 5px; border:1px solid #ccc; font-size:90%; line-height:140%; border-radius:2px; }
#reply_paging { clear:both; margin:0 auto; padding:20px; text-align:center; }
#reply_box .reply_reply { overflow:hidden; margin-top:10px; }
#reply_box .reply_reply .arrow { float:left; width:50px; margin-right:10px; font-weight:500; color:#444; }
#reply_box .reply_reply .reply_input { float:right; width:calc(100% - 60px); border:2px solid #ff8000; box-sizing:border-box; }
#board_bottom { overflow:hidden; clear:both; margin:0 auto; padding:0; }
#board_bottom .paging { height:40px; margin-bottom:10px; text-align:center; line-height:40px; box-sizing:border-box; }
#board_bottom .board_btn { display:inline-block; height:40px; margin:0 1px; padding:0 15px; border:1px solid #b7b7b7; text-align:center; font-size:95%; font-weight:400; color:#fff; line-height:38px; border-radius:5px; box-sizing:border-box; }
#board_bottom .search { overflow:hidden; float:left; width:25%; }
#board_bottom .search .search_input { float:left; width:calc(100% - 65px); height:40px; padding:3px 10px; border:1px solid #b7b7b7; background-color:#f2f2f2; font-size:90%; color:#000; border-radius:5px; vertical-align:middle; box-sizing:border-box; }
#board_bottom .search .board_btn { float:right; display:block; width:60px; padding:0; }
#board_bottom .left_button { overflow:hidden; float:left; width:25%; }
#board_bottom .right_button { float:right; width:25%; text-align:right; }
#member_guide { margin-bottom:50px; padding:30px 20px 30px 50px; background-color:#f9f9f9; border-radius:5px; word-break:keep-all; list-style:disc; }
#member_guide li { padding:3px 0; }
#member_guide li a { padding:0 10px; background-color:#333; font-weight:400; color:#fff; border-radius:3px; }
#member_input { margin:0; padding:0; }
#member_input h4 { display:block; margin:0 0 10px; padding:0; font-size:140%; font-weight:500; color:#444; }
#member_input ul { margin:0 0 50px; padding:25px 20px 0; border-top:1px solid #333; list-style:none; }
#member_input ul li { overflow:hidden; padding:20px 0; border-bottom:1px dotted #ccc; vertical-align:middle; }
#member_input ul li:last-child { border:none; }
#member_input .title { float:left; display:block; width:140px; padding:0 30px 0 0; font-size:110%; font-weight:400; text-align:right; line-height:40px; box-sizing:border-box; }
#member_input .input_box { float:left; height:40px; margin-right:5px; padding:5px 10px; border:1px solid #ccc; font-size:100%; font-weight:300; border-radius:3px; box-sizing:border-box; }
#member_input .input_box::placeholder { font-size:95%; }
#member_input .select_box { float:left; height:40px; padding:0 30px 0 10px; border:1px solid #ccc; background:url("../wp_default_image/admin_select_arrow.png") no-repeat 93% center; font-size:95%; border-radius:3px; box-sizing:border-box; appearance:none; -moz-appearance:none; -webkit-appearance:none; }
#member_input .form_check_title { margin-right:20px; }
#member_input .input_guide { clear:both; display:block; margin:0 0 0 140px; padding:5px 0 0; font-size:90%; color:#999; }
#member_input .textarea_box { float:left; width:calc(100% - 140px); padding:5px 10px; border:1px solid #ccc; border-radius:3px; box-sizing:border-box; }
#member_input .click_button { display:block; float:left; width:130px; height:40px; margin-right:10px; background-color:#333; text-align:center; color:#fff; line-height:40px; border-radius:3px; box-sizing:border-box; }
#member_input .change_pw { display:block; margin:0 0 10px; }
#member_input strong { display:block; height:40px; line-height:40px; }
#member_input .search_title { position:relative; margin:0; padding:30px 0; border-bottom:2px solid #333; font-size:190%; font-weight:500; text-align:center; }
#member_input .search_title::before { content:""; display:block; position:absolute; left:calc(50% - 130px); top:calc(50% - 17px); width:35px; height:35px; background:url("../wp_default_image/page_login_sprite.png") no-repeat 0 0; }
#member_input .search_title.pw::before { background-position:0 -35px; }
#member_login { width:580px; margin:0 auto; padding:80px; border:1px solid #ccc; box-sizing:border-box; }
#member_login h4 { margin:0 0 30px; padding:0; font-size:190%; font-weight:500; }
#member_login .login_account { margin:0 0 30px; padding:0; list-style:none; }
#member_login .login_account .input_box { width:100%; height:50px; margin:0 0 10px; padding:10px 20px; border:1px solid #ccc; font-size:95%; line-height:60px; box-sizing:border-box; }
#member_login .login_account .input_box::placeholder { font-size:90%; }
#member_login .login_account button { display:block; width:100%; height:50px; background-color:#3399ff; text-align:center; font-size:110%; font-weight:500; color:#fff; }
#member_login .account_button { margin:0; padding:0; list-style:none; text-align:center; }
#member_login .account_button li { display:inline-block; position:relative; margin:0 15px; }
#member_login .account_button li a { font-weight:400; }
#member_login .account_button li::after { content:""; display:block; position:absolute; right:-17px; top:calc(50% - 7px); height:14px; border-right:2px solid #333; }
#member_login .account_button li:last-child::after { display:none; }
#privacy_agree .agree_list { margin:0 0 50px; padding:30px 0 0; }
#privacy_agree .agree_list li { width:490px; margin:0 auto; padding:5px 0; }
#privacy_agree .agree_list li label { font-size:110%; }
#privacy_agree .agree_list li.agree_all { padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #ccc; }
#privacy_agree .agree_list li.agree_all label { font-size:130%; font-weight:500; color:#000; }
#privacy_agree .agree_list li button { float:right; margin-left:10px; padding:3px 10px; border:1px solid #e5e5e5; border-radius:3px; vertical-align:middle; }
#privacy_agree .agree_text { display:none; clear:both; overflow-y:scroll; width:100%; max-height:300px; margin:10px 0; padding:10px; background-color:#fafafa; font-size:90%; word-break:keep-all; box-sizing:border-box; }
#privacy_agree ul.agree_text { height:inherit; margin:0; padding:20px; border:none; }
#privacy_agree ul.agree_text li { overflow:hidden; width:inherit; margin:0; padding:10px 0; border-bottom:1px solid #ccc; }
#privacy_agree ul.agree_text li:first-child { margin:0; }
#privacy_agree ul.agree_text li:last-child { border:none; }
#privacy_agree ul.agree_text li strong { display:block; float:left; width:160px; text-align:center; }
#privacy_agree ul.agree_text li span { display:block; float:left; width:calc(100% - 160px); }
#privacy .title { margin:0 0 40px; padding:0 0 20px; border-bottom:1px solid #ccc; font-size:110%; text-align:center; line-height:160%; word-break:keep-all; }
#privacy h4 { margin:0; padding:10px; border-bottom:2px solid #333; font-size:110%; font-weight:500; }
#privacy h4 .round { display:inline-block; margin-right:8px; padding:2px 10px; background-color:#333; color:#fff; border-radius:9px; }
#privacy .comment { margin-bottom:40px; padding:20px; border:1px solid #eee; border-top:none; font-size:95%; line-height:160%; word-break:keep-all; }
#privacy .comment.last { margin-bottom:0; }
#privacy .comment p { margin:0; padding:0; }
#privacy .comment ul ul li { padding:5px 0; list-style:disc; }
#privacy .comment ol ul li { padding:5px 0; list-style:disc; }
#privacy .comment ol > li { padding:5px 0; list-style:decimal; }
#privacy .comment ol > li > ul > li > ul > li { padding:5px 0; list-style:upper-roman; }
#privacy .comment ol { margin-left:0; padding-left:20px; }
#privacy .comment ul { margin-left:20px; padding-left:0; }
#paging_move_box { margin:0; padding:0; }
#paging_move_box .number { display:inline-block; margin:0 3px; font-weight:500; line-height:28px; }
#paging_move_box .number a { display:block; padding:0 5px; border:1px solid #e5e5e5; text-align:center; color:#333; }
#paging_move_box .number strong { display:block; padding:0 5px; border:1px solid #ff6600; color:#ff6600; }
#paging_move_box .number a:hover { border:1px solid #ff6600; color:#000; }
#paging_move_box span.none { margin:0 10px; color:#666; cursor:default; }
#paging_move_box .none a { font-weight:400; text-decoration:none; color:#000; }
#paging_move_box .none a:hover { text-decoration:underline; color:#ff6600; }
#paging_move_round { margin:0; padding:0; }
#paging_move_round .number { display:inline-block; width:28px; margin:0 3px; font-weight:500; line-height:28px; }
#paging_move_round .number a { display:block; height:28px; padding:0; border:1px solid #e5e5e5; background-color:#e5e5e5; text-align:center; color:#333; border-radius:28px; }
#paging_move_round .number strong { display:block; height:28px; border:1px solid #ff6600; color:#ff6600; border-radius:28px; }
#paging_move_round .number a:hover { border:1px solid #ff6600; color:#000; }
#paging_move_round span.none { margin:0 10px; font-size:120%; color:#fff; cursor:default; }
#paging_move_round .none a { font-weight:500; text-decoration:none; color:#000; }
#paging_move_round .none a:hover { font-weight:500; text-decoration:underline; color:#ff6600; }
/*****************************************************************************************************************/
#admin_body { background-color:#e9edf2; font-size:90%; font-weight:400; }
#admin_login_wrap { width:100%; height:100%; }
#admin_login_wrap .login_box { position:absolute; left:calc(50% - 370px); top:calc(50% - 250px); width:740px; height:500px; padding:30px 0 0 30px; box-sizing:border-box; }
#admin_login_wrap .title_box { position:absolute; left:0; top:0; width:300px; height:400px; padding:90px 10px 0; background-color:#fff; text-align:center; box-shadow:5px 5px 10px rgba(0,0,0,0.1); box-sizing:border-box; }
#admin_login_wrap .title_box h1 { margin-bottom:40px; }
#admin_login_wrap .title_box .name { display:block; margin:0 0 20px; padding:10px; background-color:#535561; font-size:110%; color:#fff; border-radius:5px; }
#admin_login_wrap .title_box strong { display:block; font-size:180%; font-weight:600; }
#admin_login_wrap .form_box { width:710px; height:400px; margin-bottom:40px; padding:50px 50px 30px 320px; background-color:#fff; box-shadow:10px 10px 30px rgba(0,0,0,0.2); box-sizing:border-box; }
#admin_login_wrap .form_box .login_input { margin-bottom:40px; }
#admin_login_wrap .form_box .login_input li { position:relative; margin-bottom:15px; }
#admin_login_wrap .form_box .login_input li label { position:absolute; left:20px; top:calc(50% - 8px); width:16px; height:16px; text-indent:-9999px; }
#admin_login_wrap .form_box .login_input li input { width:100%; padding:13px 10px 13px 60px; border:1px solid #d2d2d2; background-color:#e8f0fe; font-size:115%; color:#333; border-radius:5px; box-sizing:border-box; }
#admin_login_wrap .form_box .login_input .id_label { background:url("../wp_default_image/admin_sprite.png") no-repeat 0 0; }
#admin_login_wrap .form_box .login_input .pw_label { background:url("../wp_default_image/admin_sprite.png") no-repeat -20px 0; }
#admin_login_wrap .form_box .login_input .btn { display:block; width:100%; margin-top:35px; padding:13px 0; border:2px solid #333; background-color:#fff; font-size:160%; font-weight:600; text-align:center; border-radius:5px; }
#admin_login_wrap .form_box .link_btn { overflow:hidden; border-top:1px solid #eee; border-bottom:1px solid #eee; text-align:center; }
#admin_login_wrap .form_box .link_btn li { display:inline-block; margin:0 40px; }
#admin_login_wrap .form_box .link_btn li a { display:block; position:relative; padding:15px 20px 15px 0; font-size:110%; letter-spacing:2px; }
#admin_login_wrap .form_box .link_btn li a::before { content:""; display:block; position:absolute; right:0; top:calc(50% - 7px); width:13px; height:13px; }
#admin_login_wrap .form_box .link_btn .homepage a::before { background:url("../wp_default_image/admin_sprite.png") no-repeat -40px 0 }
#admin_login_wrap .form_box .link_btn .bookmark a::before { background:url("../wp_default_image/admin_sprite.png") no-repeat -60px 0; }
#admin_login_wrap .copyright { font-size:105%; text-align:center; color:#666; }
#admin_login_wrap .copyright span { font-weight:500; color:#333; }
#admin_header { overflow:hidden; margin-bottom:30px; background-color:#535561; }
#admin_header .top_logo { float:left; margin:10px; }
#admin_header .top_logo a { overflow:hidden; display:block; width:195px; height:45px; font-size:180%; font-weight:600; }
#admin_header .top_logo a img { float:left; width:35px; height:35px; margin-right:10px; border:5px solid #fff; background-color:#fff; border-radius:3px; }
#admin_header .top_logo a span { float:left; display:block; color:#fff; line-height:45px; }
#admin_header .top_menu { overflow:hidden; float:right; padding-right:40px; }
#admin_header .top_menu li { float:left; margin-left:5px; }
#admin_header .top_menu li a { display:block; position:relative; padding:7px 30px 9px 40px; border:1px solid #262833; border-top:none; background-color:#e9edf2; font-size:110%; color:#333; border-radius:0 0 10px 10px; transition:0.3s; }
#admin_header .top_menu li a::before { content:""; display:block; position:absolute; left:20px; }
#admin_header .top_menu li:hover a { padding:12px 30px 14px 40px; transition:0.3s; }
#admin_header .top_menu .main_go a::before { top:calc(50% - 5px); width:11px; height:11px; background:url("../wp_default_image/admin_sprite.png") no-repeat 0 -20px; }
#admin_header .top_menu .home_go a::before { top:calc(50% - 7px); width:14px; height:14px; background:url("../wp_default_image/admin_sprite.png") no-repeat -20px -20px; }
#admin_header .top_menu .maintenance_go a { background-color:#ff3333; color:#fff; }
#admin_header .top_menu .maintenance_go a::before { top:calc(50% - 6px); width:14px; height:12px; background:url("../wp_default_image/admin_sprite.png") no-repeat -40px -20px; }
#admin_header .top_menu .maintenance_go a::after { content:""; display:block; position:absolute; right:10px; top:5px; width:13px; height:13px; background:url("../wp_default_image/admin_sprite.png") no-repeat -60px -20px; }
#admin_header .top_menu .logout a { padding:5px 20px 5px 40px; background-color:#939393; color:#fff; }
#admin_header .top_menu .logout:hover a { padding:8px 20px 8px 40px; transition:0.3s; }
#admin_header .top_menu .logout a::before { top:calc(50% - 5px); width:14px; height:11px; background:url("../wp_default_image/admin_sprite.png") no-repeat -80px -20px; }
#admin_header .main_menu { clear:both; }
#admin_header .main_menu .menu_box { overflow:hidden; width:100%; height:85px; position:relative; border-top:1px solid #262833; border-bottom:1px solid #bfbfbf; background-color:#434551; }
#admin_header .main_menu .menu_box::after { content:""; display:block; position:relative; bottom:-45px; width:100%; height:40px; background-color:#d7dfea; }
#admin_header .main_menu .menu_box > li { float:left; border-right:1px solid #262833; }
#admin_header .main_menu .menu_box > li > a { position:relative; display:block; width:200px; height:45px; padding-left:10px; font-size:120%; text-align:center; color:#fff; line-height:45px; box-sizing:border-box; }
#admin_header .main_menu .menu_box > li > a.on { background-color:#ff3333; }
#admin_header .main_menu .menu_box > li > a.on::after { content:""; position:absolute; left:calc(50% - 6px); bottom:-6px; z-index:2000; display:block; border-top:6px solid #262833; border-left:6px solid transparent; border-right:6px solid transparent; }
#admin_header .main_menu .menu_box > li > a::before { content:""; display:block; position:absolute; left:40px; top:calc(50% - 8px); width:16px; height:16px; background:url("../wp_default_image/admin_sprite.png") no-repeat -100px 0; }
#admin_header .main_menu .menu_box > li .member::before { background:url("../wp_default_image/admin_sprite.png") no-repeat -100px -20px; }
#admin_header .main_menu .menu_box > li .menu::before { background:url("../wp_default_image/admin_sprite.png") no-repeat -80px 0; }
#admin_header .main_menu .menu_box > li .setting::before { background:url("../wp_default_image/admin_sprite.png") no-repeat -40px -60px; }
#admin_header .main_menu .sub_menu { overflow:hidden; position:absolute; left:0; top:45px; z-index:1000; width:100%; height:40px; padding-left:20px; border-top:1px solid #262833; background-color:#d7dfea; }
#admin_header .main_menu .sub_menu li { float:left; margin-right:25px; line-height:40px; }
#admin_header .main_menu .sub_menu li a { display:block; font-size:105%; line-height:40px; }
#admin_header .main_menu .sub_menu li.wp_menu a { color:#ff3333; }
#admin_aside { float:left; width:170px; margin:0 30px 70px 0; padding:30px 20px; background-color:#fff; border-radius:0 5px 5px 0; box-shadow:2px 2px 5px #bbc6d3; box-sizing:border-box; }
#admin_aside .today_date { margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #e5e5e5; font-size:110%; }
#admin_aside .today_date #live_time { display:block; font-size:140%; color:#ff3333; }
#admin_aside .aside_title { display:block; margin-bottom:5px; word-break:keep-all; }
#admin_aside .aside_title span { font-size:90%; font-weight:400; color:#666; }
#admin_aside .login_ment { display:block; margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #e5e5e5; color:#888; }
#admin_aside .aside_state { margin-bottom:15px; padding:0 0 15px 10px; border-bottom:1px solid #e5e5e5; list-style-image:url("../wp_default_image/admin_gray_dot.png"); }
#admin_aside .aside_state.last { margin-bottom:0; padding:0 0 0 10px; border:none; }
#admin_aside .aside_search { margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #e5e5e5; }
#admin_aside .aside_search select { width:100%; margin-bottom:5px; padding:5px; border:1px solid #ccc; background:url("../wp_default_image/admin_select_arrow.png") no-repeat 95% center; box-sizing:border-box; appearance:none; -moz-appearance:none; -webkit-appearance:none; }
#admin_aside .input_box { position:relative; }
#admin_aside .input_box input { width:100%; padding:5px; border:1px solid #999; background-color:#eee; box-sizing:border-box; }
#admin_aside .input_box button { position:absolute; right:5px; top:calc(50% - 8px); width:16px; height:16px; background:url("../wp_default_image/admin_sprite.png") no-repeat 0 -60px; text-indent:-9999px; }
#admin_footer { clear:both; width:100%; margin:0; padding:20px 0; border-top:1px solid #a0a0a0; background-color:#fff; font-size:110%; text-align:center; }
#admin_footer .null_frame { width:0; height:0; margin:0; padding:0; }
#admin_main_section { overflow:hidden; float:left; width:calc(100% - 200px); padding-right:30px; box-sizing:border-box; }
#admin_main_section .left { float:left; width:49%; margin-right:2%; }
#admin_main_section .right { float:left; width:49%; }
#admin_main_section .main_box { overflow:hidden; position:relative; padding:30px; margin-bottom:30px; background-color:#fff; border-radius:5px; box-shadow:2px 2px 5px #bbc6d3; box-sizing:border-box; }
#admin_main_section .main_box .box_title { position:relative; margin-bottom:20px; padding-left:25px; font-size:130%; font-weight:500; }
#admin_main_section .main_box .box_title::before { content:""; display:block; position:absolute; left:0; top:5px; width:16px; height:16px; }
#admin_main_section .main_box .more { display:block; position:absolute; right:30px; top:30px; width:10px; height:10px; background:url("../wp_default_image/admin_sprite.png") no-repeat -60px -40px; text-indent:-9999px; }
#admin_main_section .main_volume { float:left; width:68%; height:160px; margin:0 2% 30px 0; }
#admin_main_section .main_volume .since { float:left; display:block; width:100px; height:100px; margin-right:3%; padding-top:15px; background:url("../wp_default_image/admin_sprite.png") no-repeat -120px 0; font-size:110%; text-align:center; color:#fff; line-height:140%; word-break:keep-all; border-radius:100px; box-sizing:border-box; }
#admin_main_section .main_volume .since span { display:block; margin-top:7px; padding:0 15px; font-size:90%; color:#ffcc33; }
#admin_main_section .main_volume .volume_box { float:left; width:calc(30.33% - 33.33px); margin-right:3%; padding-top:10px; }
#admin_main_section .main_volume .volume_box.last { margin-right:0; }
#admin_main_section .main_volume .volume_box .title { font-size:110%; }
#admin_main_section .main_volume .volume_box .use { color:#ff3333; }
#admin_main_section .main_volume .volume_box .small { font-size:85%; }
#admin_main_section .main_volume .volume_box .capacity { color:#666; }
#admin_main_section .main_volume .graph_box { overflow:hidden; position:relative; width:100%; height:8px; margin-top:10px; background-color:#e5e5e5; border-radius:5px; }
#admin_main_section .main_volume .graph_box .percent { position:absolute; left:0; top:0; height:8px; background-color:#ff3333; text-indent:-9999px; }
#admin_main_section .main_volume .graph_text { position:relative; width:100%; font-size:80%; color:#666; }
#admin_main_section .main_volume .graph_text .percent_50 { position:absolute; left:0; width:100%; text-align:center; }
#admin_main_section .main_volume .graph_text .percent_100 { position:absolute; right:0; }
#admin_main_section .volume_guide { overflow-x:auto; float:right; width:30%; height:160px; margin-bottom:30px; padding:20px 20px 20px 40px; }
#admin_main_section .volume_guide ul { list-style:url("../wp_default_image/admin_gray_dot.png"); }
#admin_main_section .volume_guide ul li { min-width:360px; margin-bottom:5px; }
#admin_main_section .member .box_title::before { background:url("../wp_default_image/admin_sprite.png") no-repeat 0 0; }
#admin_main_section .member ul { overflow:hidden; }
#admin_main_section .member ul li { float:left; width:25%; }
#admin_main_section .member ul li a { display:block; width:90px; height:90px; margin:0 auto; padding-top:18px; background-color:#e9edf2; font-size:105%; text-align:center; color:#333; border-radius:90px; box-sizing:border-box; }
#admin_main_section .member ul li.gray a { background-color:#e5e5e5; }
#admin_main_section .member ul li a strong { display:block; margin-top:3px; font-size:150%; font-weight:400; }
#admin_main_section .member ul li a strong span { font-size:60%; }
#admin_main_section .state .box_title::before { background:url("../wp_default_image/admin_sprite.png") no-repeat -100px -40px; }
#admin_main_section .admin_main_table { width:100%; font-size:110%; text-align:center; }
#admin_main_section .admin_main_table thead { border-bottom:2px solid #ccc; }
#admin_main_section .admin_main_table thead th { padding:5px 0; border:1px solid #dcdcdc; border-right:none; background-color:#efefef; font-weight:400; }
#admin_main_section .admin_main_table thead th:first-child { border-left:none; }
#admin_main_section .admin_main_table tbody td { padding:10px 0; border:1px solid #dcdcdc; border-right:none; }
#admin_main_section .admin_main_table tbody tr td:first-child { border-left:none; }
#admin_main_section .admin_main_table .red { color:#ff3333; }
#admin_main_section .admin_main_table strong { font-size:140%; font-weight:500; }
#admin_main_section .plan .box_title::before { background:url("../wp_default_image/admin_sprite.png") no-repeat -80px -40px; }
#admin_main_section .plan ul li { overflow:hidden; padding:10px 0; border-top:1px solid #eee; }
#admin_main_section .plan ul li .date { float:left; display:block; width:130px; word-break:keep-all; }
#admin_main_section .plan ul li .subject { float:left; display:block; width:calc(100% - 130px); word-break:keep-all; }
#admin_main_section .maintenance .box_title::before { background:url("../wp_default_image/admin_sprite.png") no-repeat -20px -40px; }
#admin_main_section .maintenance #webplusFrame { width:100%; height:280px; border:none; }
#admin_main_section .notice_box .box_title::before { background:url("../wp_default_image/admin_sprite.png") no-repeat 0 -40px; }
#admin_main_section .notice_box ul li { overflow:hidden; padding:4px 0 4px 10px; background:url("../wp_default_image/admin_gray_dot.png") no-repeat left 60%; }
#admin_main_section .notice_box ul li .icon_notice { overflow:hidden; float:left; display:block; width:60px; margin-right:5px; background-color:#333; font-size:95%; text-align:center; color:#fff; border-radius:5px; }
#admin_main_section .notice_box ul li .subject { overflow:hidden; float:left; display:block; width:calc(100% - 150px); font-size:105%; word-break:keep-all; text-overflow:ellipsis; white-space:nowrap; }
#admin_main_section .notice_box ul li .reply { float:left; }
#admin_main_section .notice_box ul li .date { float:right; display:block; width:70px; text-align:right; color:#666; word-break:keep-all; }
#admin_main_section .gallery .box_title::before { width:17px; background:url("../wp_default_image/admin_sprite.png") no-repeat -40px -40px; }
#admin_main_section .gallery ul { overflow:hidden; text-align:center; }
#admin_main_section .gallery ul li { float:left; width:19.2%; margin:0 1% 20px 0; }
#admin_main_section .gallery ul li:nth-child(5n) { margin-right:0; }
#admin_main_section .gallery ul li .image { display:block; margin:0 auto 5px; width:100%; padding-top:75%; }
#admin_main_section .gallery ul li span { overflow:hidden; display:block; margin:0 auto; width:100%; text-align:center; text-overflow:ellipsis; white-space:nowrap; }
#admin_main_section .gallery ul li .ref { font-size:90%; }
#admin_sub_section { overflow:hidden; margin:0 30px 30px 0; padding:25px 20px; background-color:#fff; box-shadow:2px 2px 5px #bbc6d3; border-radius:5px; box-sizing:border-box; }
#admin_sub_section .button_big { display:inline-block; height:26px; padding:0 10px; border:1px solid #ccc; background-color:#fff; box-sizing:border-box; vertical-align:middle; transition:0.3s; }
#admin_sub_section .button_big.button_excel { position:relative; padding-left:30px; background-color:#f9f9f9; }
#admin_sub_section .button_big.button_excel::before { content:""; display:block; position:absolute; left:5px; top:calc(50% - 10px); width:20px; height:20px; background:url("../wp_default_image/admin_sprite.png") no-repeat -20px -60px; }
#admin_sub_section .button_big.text_blue { color:#0066cc; }
#admin_sub_section .button_big.text_red { color:#ff3333; }
#admin_sub_section .button_big:hover { background-color:#efefef; transition:0.3s; }
#admin_sub_section .button_small { display:inline-block; height:22px; padding:0 5px; border:1px solid #ccc; background-color:#fff; font-size:85%; line-height:20px; box-sizing:border-box; vertical-align:middle; }
#admin_position { overflow:hidden; height:28px; margin-bottom:20px; }
#admin_position .home_buttom { overflow:hidden; float:left; margin-right:20px; }
#admin_position .home_buttom a { float:left; margin-left:5px; }
#admin_position .text_red { color:#ff3333; }
#admin_position .title { float:left; margin-right:20px; padding-left:15px; border-left:2px solid #666; font-size:180%; font-weight:600; line-height:26px; }
#admin_position .etc_menu { float:right; }
#admin_position .sub_menu { float:left; overflow:hidden; }
#admin_position .sub_menu li { position:relative; float:left; margin-right:20px; font-size:105%; line-height:26px; }
#admin_position .sub_menu li::after { content:""; display:block; position:absolute; right:-10px; top:9px; width:0; height:10px; border-right:2px solid #666; }
#admin_position .sub_menu li:last-child::after { display:none; }
#admin_position .sub_menu a.on { font-weight:500; color:#dd0000; }
#admin_sub_search { margin-bottom:20px; border-top:2px solid #9b9b9b; border-bottom:2px solid #ccc; }
#admin_sub_search h3 { padding:10px 10px; background-color:#f2f2f2; }
#admin_sub_search h3 strong { display:inline-block; margin-right:10px; font-size:130%; font-weight:500; vertical-align:middle; }
#admin_sub_search #search_area { padding:5px 10px; }
#admin_sub_search #search_area li { padding:4px 0; }
#admin_sub_search #search_area li .title { display:inline-block; margin-right:5px; padding-left:10px; background:url("../wp_default_image/admin_gray_dot.png") no-repeat left 15px; font-weight:500; line-height:30px; vertical-align:middle; }
#admin_sub_search #search_area .form_check_title { display:inline-block; height:26px; margin-right:10px; line-height:26px; vertical-align:middle; }
#admin_document input.input_box { height:26px; padding:3px 5px; border:1px solid #ccc; box-sizing:border-box; vertical-align:middle; }
#admin_document input.input_chk { height:26px; padding:3px 5px; border:1px solid #ccc; background:url("../wp_default_image/admin_require_arrow.gif") no-repeat left top; box-sizing:border-box; appearance:none; -moz-appearance:none; -webkit-appearance:none; vertical-align:middle; }
#admin_document select.input_box { height:26px; padding:3px 20px 3px 5px; border:1px solid #ccc; background:url("../wp_default_image/admin_select_arrow.png") no-repeat 93% center; box-sizing:border-box; appearance:none; -moz-appearance:none; -webkit-appearance:none; vertical-align:middle; }
#admin_document .textarea_box { width:100%; padding:5px; border:1px solid #ccc; vertical-align:middle; box-sizing:border-box; }
#admin_document .textarea_chk { width:100%; padding:5px; border:1px solid #ccc; background:url("../wp_default_image/admin_require_arrow.gif") no-repeat left top; vertical-align:middle; box-sizing:border-box; }
#admin_document .icon_notice { padding:0 6px; border:1px solid #ff3333; font-size:95%; font-weight:500; color:#ff3333; border-radius:20px; }
#admin_document .icon_item { padding:0 5px; border:1px solid #666; background-color:#666; font-size:80%; color:#fff; border-radius:5px; }
#admin_document .step_select1 { padding:2px 3px; border:1px solid #b7b7b7; border-right-color:#efefef; border-bottom-color:#efefef; background-color:#666; font-size:90%; color:#fff; line-height:16px; }
#admin_document .step_select2 { padding:2px 3px; border:1px solid #b7b7b7; border-right-color:#efefef; border-bottom-color:#efefef; background-color:#ffff00; font-size:90%; color:#0000ff; line-height:16px; }
#admin_document .step_select3 { padding:2px 3px; border:1px solid #b7b7b7; border-right-color:#efefef; border-bottom-color:#efefef; background-color:#3399ff; font-size:90%; color:#fff; line-height:16px; }
#admin_document .step_select9 { padding:2px 3px; border:1px solid #b7b7b7; border-right-color:#efefef; border-bottom-color:#efefef; background-color:#000; font-size:90%; color:#fff; line-height:16px; }
#admin_document #subFrame { width:100%; height:800px; }
#admin_document .select_box { float:left; position:relative; width:300px; margin-right:10px; }
#admin_document .select_box ul,.select_box li,.select_box dl,.select_box dt,.select_box dd,.select_box p { margin:0; padding:0; }
#admin_document .select_box .select_label { height:26px; padding:0 20px 0 5px; border:1px solid #ccc; background:#fff url("../wp_default_image/admin_select_arrow.png") no-repeat 93% center; cursor:pointer; box-sizing:border-box; }
#admin_document .select_box .select_label span { display:block; overflow:hidden; width:100%; height:100%; line-height:24px; white-space:nowrap; text-overflow:ellipsis; }
#admin_document .select_box .select_data { display:none; position:absolute; top:25px; left:0; width:100%; background-color:#fff; }
#admin_document .select_box .select_data ul { border:1px solid #ccc; border-top:0; padding:1px 2px 2px; }
#admin_document .select_box .select_data ul li { display:inline-block; width:100%; vertical-align:top; }
#admin_document .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; }
#admin_document .select_box .select_data ul li dl dt span { display:block; overflow:hidden; padding:4px 3px 3px; white-space:nowrap; }
#admin_document .select_box .select_data ul li dl { position:relative; }
#admin_document .select_box .select_data ul li dl dd { display:none; position:absolute; top:-2px; left:100%; margin-left:-5px; padding-left:14px; color:#fff; line-height:15px; }
#admin_document .select_box .select_data ul li dl dd::before { content:""; display:block; position:absolute; left:10px; top:8px; border-right:4px solid #333; border-top:4px solid transparent; border-bottom:4px solid transparent; }
#admin_document .select_box .select_data ul li dl dd p { padding:4px; border:1px solid #333; border-left:0; background:#4d4d4d; white-space:nowrap; }
#admin_document .select_box .select_data ul li dl dd img { vertical-align:top; }
#admin_document .select_box .select_data ul li.on dl dd { display:block; }
#admin_document .select_box .select_data ul li.on dl dt { background-color:#eee; color:#000; }
#admin_document .table_list { width:100%; border:0; border-collapse:collapse; }
#admin_document .table_list caption { overflow:hidden; width:0; height:0; font-size:0; line-height:0; }
#admin_document .table_list th { padding:5px 0; border:1px solid #c9c9c9; border-bottom:2px solid #9b9b9b; background-color:#ececec; color:#444; vertical-align:middle; white-space:normal; }
#admin_document .table_list th p { display:inline-block; margin:0; padding:0; text-align:left; vertical-align:middle; }
#admin_document .table_list th p.order_by { line-height:0; }
#admin_document .table_list th p.order_by a { display:block; }
#admin_document .table_list td { padding:5px; border:1px solid #c9c9c9; text-align:center; vertical-align:middle; white-space:normal; word-break:break-all; }
#admin_document .table_list td.text_left { text-align:left; }
#admin_document .table_list td.text_right { text-align:right; }
#admin_document .table_list td.text_center { text-align:center; }
#admin_document .table_view { width:100%; margin:0 0 10px; border:0; border-collapse:collapse; }
#admin_document .table_view caption { overflow:hidden; width:0; height:0; font-size:0; line-height:0; }
#admin_document .table_view th { width:8%; padding:5px; border:1px solid #c9c9c9; border-right:2px solid #9b9b9b; background-color:#ececec; color:#444; text-align:left; vertical-align:middle; white-space:normal; }
#admin_document .table_view td { padding:5px; border:1px solid #c9c9c9; background-color:#fff; vertical-align:middle; }
#admin_document .table_view .bottom_line { border-bottom:1px solid #8e8e8e; }
#admin_document .table_view .smartOutput img { max-width:100%; height:inherit; }
#admin_document .table_view .smartOutput video { max-width:100%; height:inherit; }
#admin_document .table_view .image_view_box { margin-bottom:20px; text-align:center; }
#admin_document .table_view .image_view_box img { max-width:100%; height:inherit; }
#admin_document .table_view .image_view_box span { display:block; margin:0 auto; }
#admin_document .table_view .image_view_box video { max-width:100%; height:inherit; }
#admin_document .table_view .file_download { margin-top:10px; padding:10px; border:3px solid #e6e6e6; background-color:#f9f9f9; text-align:left; }
#admin_document .table_view .inner_table { width:100%; border:0; border-collapse:collapse; table-layout:fixed; }
#admin_document .table_view .inner_table th { padding:5px 0; border:1px solid #c9c9c9; border-bottom:2px solid #9b9b9b; background-color:#ececec; text-align:center; color:#444; vertical-align:middle; }
#admin_document .table_view .inner_table td { padding:5px; border:1px solid #c9c9c9; text-align:center; vertical-align:middle; word-break:break-all; white-space:normal; }
#admin_document .table_view .inner_table td.text_left { text-align:left; }
#admin_document .table_view .inner_table img { vertical-align:middle; }
#admin_document .board_prev_next { margin:0 0 50px; padding:10px 20px; border:1px solid #c9c9c9; font-size:95%; list-style:none; }
#admin_document .board_prev_next li { overflow:hidden; margin:0; padding:3px 0; border-bottom:1px dotted #ccc; }
#admin_document .board_prev_next li:last-child { border:none; }
#admin_document .board_prev_next li strong { display:block; float:left; width:50px; }
#admin_document .board_prev_next li a { overflow:hidden; display:block; width:calc(100% - 50px); text-overflow:ellipsis; white-space:nowrap; }
#admin_document .table_input { width:100%; border:0; border-collapse:collapse; }
#admin_document .table_input caption { overflow:hidden; width:0; height:0; font-size:0; line-height:0; }
#admin_document .table_input th { width:8%; padding:5px; border:1px solid #c9c9c9; border-right:2px solid #9b9b9b; background-color:#ececec; color:#444; text-align:left; vertical-align:middle; white-space:normal; }
#admin_document .table_input td { padding:5px; border:1px solid #c9c9c9; background-color:#fff; vertical-align:middle; }
#admin_document .table_input img { vertical-align:middle; }
#admin_document .table_input p { margin:0; padding:0; }
#admin_document .table_input .bottom_line { border-bottom:1px solid #8e8e8e; }
#admin_document .table_input .form_check_title { display:inline-block; height:26px; margin-right:10px; line-height:26px; vertical-align:middle; }
#admin_document .table_input .sub_title { display:inline-block; height:26px; line-height:26px; vertical-align:middle; }
#admin_document .table_input .attach_file { padding:10px; }
#admin_document .table_input .attach_file li { margin-bottom:5px; }
#admin_document .table_input .attach_file li:last-child { margin-bottom:0; }
#admin_document .table_input .attach_modify { margin:0; padding:5px; border:1px solid #b7babc; list-style:none; }
#admin_document .table_input .attach_modify li { overflow:hidden; padding:5px 0; border-bottom:1px dotted #ccc; }
#admin_document .table_input .attach_modify .first_line { border-bottom:1px solid #ccc; }
#admin_document .table_input .attach_modify .attach_sort { float:left; width:80px; text-align:center; }
#admin_document .table_input .attach_modify .attach_sort input { width:24px; text-align:center; }
#admin_document .table_input .attach_modify .attach_name { float:left; width:calc(100% - 180px); text-align:left; }
#admin_document .table_input .attach_modify .attach_name img { margin:0 5px 5px 0; }
#admin_document .table_input .attach_modify .attach_delete { float:left; width:100px; margin:0; text-align:center; }
#admin_document .table_input .attach_modify .attach_delete .form_check_title { width:20px; margin:0 auto; }
#admin_document .table_input .attach_modify .attach_delete label { font-size:0; }
#admin_document .table_input .attach_modify .attach_delete label::before { margin:0; left:0; }
#admin_document #statistic_graph h4 { padding-bottom:5px; border-bottom:1px solid #666; font-size:120%; font-weight:600; }
#admin_document #statistic_graph ul { margin:0; padding:0; padding-left:180px; border-bottom:1px solid #ddd; }
#admin_document #statistic_graph li { position:relative; height:40px; padding:8px 0 0; border-left:1px solid #ddd; vertical-align:top; white-space:nowrap; box-sizing:border-box; }
#admin_document #statistic_graph .graph_name { position:absolute; top:0; left:-180px; width:180px; height:40px; text-align:center; color:#3a3a3a; line-height:40px; }
#admin_document #statistic_graph .graph_bar { display:inline-block; position:relative; height:20px; border:1px solid #ccc; border-left:0; background-color:#e9e9e9; }
#admin_document #statistic_graph .graph_bar span { position:absolute; top:0; right:-160px; width:150px; color:#767676; line-height:20px; }
#admin_document .board_setting li { margin:3px 0; }
#admin_document .board_setting strong { margin-right:5px; }
#admin_document #bottom { overflow:hidden; clear:both; padding:20px 0; }
#admin_document #bottom .paging { width:100%; text-align:center; vertical-align:middle; }
#admin_document #bottom .left_button { float:left; }
#admin_document #bottom .right_button { float:right; text-align:right; }
#admin_document #bottom .center_button { text-align:center; }
#admin_document #bottom .center_button button { margin:0 5px; padding:10px 25px; border:1px solid #ff3333; background-color:#ff3333; color:#fff; font-size:115%; font-weight:500; border-radius:3px; }
#admin_document #bottom .center_button button.cancel { border:1px solid #ccc; background-color:#f9f9f9; color:#000; }
#admin_document #bottom #keyword_search { clear:both; text-align:center; }
/*****************************************************************************************************************
- 개발자가 개발범위에 맞는 Class 및 ID 값을 작성규칙에 의거하여 새롭게 정의한다. (네이밍 수정불가)
*****************************************************************************************************************/

/* Body */
#popup_body { }
#main_body { background-color:#262e35; color:#fff; }
#sub_body { background-color:#262e35; color:#fff; }

/* 메인화면 레이아웃 */
#main_wrap { }
#main_header { }
#main_section { }
#main_section.slide { padding-top:120px; }
#main_footer { clear:both; background-color:#1a2025; }

/* 서브화면 레이아웃 */
#sub_wrap { }
#sub_header { }
#sub_container { }
#sub_footer { clear:both; background-color:#1a2025; }

/* 상단영역 콘텐츠 */
#mobile_top_contents { display:none; }
#top_contents { position:relative; z-index:20000; background-color:#262e35; width:100%; }
#top_contents.slide { position:fixed; top:-40px; z-index:10000; }
#top_contents::before { content:""; display:block; position:absolute; left:0; top:0; width:100%; height:40px; background-color:#f6f6f6; }
#top_contents .top_division { overflow:hidden; position:relative; z-index:10; width:1200px; height:125px; margin:0 auto; padding:40px 0 0; box-sizing:border-box; }
#top_contents .top_logo { position:absolute; left:0; top:60px; }
#top_contents .top_nav { float:right; width:calc(100% - 250px); }
#top_contents .top_menu { overflow:hidden; position:absolute; right:0; top:0; line-height:40px; }
#top_contents .top_menu li { float:left; margin-left:50px; padding-left:20px; background:url("../wp_images/tm_01.gif") no-repeat left center; font-size:90%; font-weight:400; color:#333; }
#top_contents .top_menu li.email { background-image:url("../wp_images/tm_02.gif"); }
#top_contents .main_menu { overflow:hidden; position:relative; z-index:1000; }
#top_contents .main_menu > ul { overflow:hidden; }
#top_contents .main_menu > ul > li { float:left; width:16%; text-align:center; }
#top_contents .main_menu > ul > li:nth-child(1) { width:20%; }
#top_contents .main_menu > ul > li > a {overflow:hidden; display:block; position:relative; height:85px; font-size:115%; font-weight:400; color:#fff; line-height:85px; letter-spacing:-1px; }
#top_contents .main_menu > ul > li > a::before { content:""; opacity:0; display:block; position:absolute; left:10%; bottom:-10px; width:80%; border-bottom:2px solid #8099b6; transition:0.3s; }
#top_contents .main_menu > ul > li.on > a { color:#fff; text-shadow:0 0 3px #8099b6; }
#top_contents .main_menu > ul > li.on > a::before { opacity:1; bottom:10px; }
#top_contents .main_menu > ul > li:hover > a::before { opacity:1; bottom:10px; transition:0.3s; }

/* 하단영역 콘텐츠 */
#mobile_bottom_contents { display:none; }
#bottom_contents { position:relative; width:1200px; margin:0 auto; padding:30px 0; text-align:center; }
#bottom_contents .bottom_address { font-size:85%; line-height:150%; }
#bottom_contents .bottom_address span { margin:0 10px; }
#bottom_contents .copyright { font-size:85%; }
#bottom_contents .top_move { position:absolute; right:0; top:calc(50% - 40px); width:80px; height:80px; background-color:#3a6160; font-weight:400; color:#fff; line-height:80px; }

/* 메인화면 콘텐츠 */
#main_visual { height:600px; margin:0 0 100px; background:url("../wp_images/m_visual_01.jpg") no-repeat center center; }
#main_visual p { width:1200px; margin:0 auto; padding:10% 0 0; text-align:right; }
#main_visual p .gray { opacity:0; display:block; position:relative; margin:0 0 25px; font-size:130%; font-weight:400; color:#bdb9b1; animation:visual_gray 1s 0s forwards; }
#main_visual p .white { display:block; position:relative; margin:0 0 40px; font-size:200%; font-weight:400; }
#main_visual p span.white { opacity:0; animation:visual_gray 1s 1s forwards; }
#main_visual p strong.white { opacity:0; font-size:250%; font-weight:600; animation:visual_gray 1s 2s forwards; }
#main_visual p .blue { font-weight:500; color:#00d8ff; }
@keyframes visual_gray
{
	0% { right:-100px; }
	100% { opacity:1; right:0; }
}
#main_item { overflow:hidden; }
#main_item .item_title { margin:0 0 40px; padding:3px 0; font-size:230%; font-weight:600; text-align:center; }
#main_item .business_area { overflow:hidden; width:1200px; margin:0 auto 100px; }
#main_item .business_area li { float:left; width:18.5%; margin:0 1.87% 0 0; box-sizing:border-box; }
#main_item .business_area li:nth-child(5) { margin:0; }
#main_item .business_area li a { display:block; width:100%; height:210px; padding:150px 10px 0; background:#3a6160 url("../wp_images/m_area_01.png") no-repeat center 50px; font-size:105%; text-align:center; color:#fff; line-height:120%; word-break:keep-all; box-sizing:border-box; transition:0.3s; }
#main_item .business_area li:nth-child(2) a { background-image:url("../wp_images/m_area_02.png"); }
#main_item .business_area li:nth-child(3) a { background-image:url("../wp_images/m_area_03.png"); }
#main_item .business_area li:nth-child(4) a { background-image:url("../wp_images/m_area_04.png"); }
#main_item .business_area li:nth-child(5) a { background-image:url("../wp_images/m_area_05.png"); }
#main_item .business_area li:hover a { background-color:#429391; background-position:center 40px; transition:0.3s; }
#main_item .robot { position:relative; margin:0 0 100px; padding:60px 0; background:url("../wp_images/m_robot_bg.jpg") no-repeat 64% center, linear-gradient(90deg, rgba(63,72,81,1) 0%, rgba(63,72,81,1) 62%, rgba(81,89,97,1) 64%); }
#main_item .robot::after { content:""; display:block; position:absolute; left:0; bottom:0; width:56.5%; height:3px; box-shadow:0 3px 7px rgba(0,0,0,0.6); }
#main_item .robot h3 { margin:0 0 30px; }
#main_item .robot .item_text { margin:0 0 40px; font-size:110%; color:#c9d4df; text-align:center; word-break:keep-all; }
#main_item .robot ul { width:1200px; margin:0 auto; }
#main_item .robot ul::after { content:""; display:block; clear:both; }
#main_item .robot ul li { float:left; position:relative; top:0; width:237px; margin:0 2% 0 0; box-sizing:border-box; transition:0.3s; }
#main_item .robot ul li:nth-child(4) { float:right; width:341px; margin:0; padding-top:30px; }
#main_item .robot ul li:hover { top:-10px; transition:0.3s; }
#main_item .company_info { position:relative; width:1200px; margin:0 auto; }
#main_item .company_info::before { content:""; display:block; position:absolute; right:100%; top:0; width:1000px; height:100%; background-color:#3a6160; }
#main_item .company_info::after { content:""; clear:both; display:block; width:0; height:0; }
#main_item .contact { float:left; position:relative; width:35%; height:360px; padding:60px 0 0; background-color:#3a6160; box-sizing:border-box; }
#main_item .contact::before { content:""; display:block; position:absolute; right:0; bottom:0; width:60px; height:60px; background-color:#262e35; }
#main_item .contact::after { content:""; display:block; position:absolute; right:-34px; bottom:20px; width:34px; height:34px; background-color:#3a6160; }
#main_item .contact h3 { margin:0 0 30px; font-size:130%; font-weight:500; color:#6fa3a2; }
#main_item .contact span { display:block; }
#main_item .contact .tel { display:block; margin:0 0 40px; font-size:200%; font-weight:500; }
#main_item .contact .address { margin:0 0 20px; }
#main_item .contact .fax { padding:0 0 0 30px; background:url("../wp_images/m_contact_01.gif") no-repeat 3px center; }
#main_item .contact .email { padding:0 0 0 30px; background:url("../wp_images/m_contact_02.gif") no-repeat left center; }
#main_item .icon_list { position:relative; float:right; width:65%; padding:90px 0 0 80px; text-align:center; box-sizing:border-box; }
#main_item .icon_list:before { content:""; display:block; position:absolute; left:-20%; top:0; width:2000px; border-top:1px solid #60656a; }
#main_item .icon_list li { display:inline-block; }
#main_item .icon_list li:nth-child(2) { margin:0 90px; }
#main_item .icon_list li a { display:block; width:150px; padding:150px 0 0; background:url("../wp_images/m_icon_01.gif") no-repeat center 10px; font-size:115%; font-weight:400; color:#fff; transition:0.3s; }
#main_item .icon_list li:nth-child(2) a { background-image:url("../wp_images/m_icon_02.gif"); }
#main_item .icon_list li:nth-child(3) a { background-image:url("../wp_images/m_icon_03.gif"); }
#main_item .icon_list li:hover a { background-position:center top; transition:0.3s; }

/* 서브화면 콘텐츠 */
#sub_visual { height:300px; background:url("../wp_images/sub_visual_img.jpg") no-repeat center bottom; }
#sub_visual.slide { padding-top:140px; }
#sub_nav { overflow:hidden; position:relative; height:300px; margin:-300px 0 0; }
#sub_nav::before { content:""; display:block; position:absolute; right:calc(50% - 200px); top:-30px; height:190px; border-left:1px solid #dcddde; transform:rotate(20deg); }
#sub_nav::after { content:""; display:block; position:absolute; left:calc(50% - 200px); bottom:-30px; height:190px; border-left:1px solid #dcddde; transform:rotate(20deg); }
#sub_nav h2 { position:relative; font-size:260%; font-weight:600; text-align:center; line-height:300px; }
#sub_nav ul { display:none; }
#sub_nav li { }
#sub_aside { display:none; }
#sub_aside ul { }
#sub_aside li { }
#sub_section { width:1200px; margin:0 auto; }
#sub_position { display:none; }
#sub_position_title { font-size:180%; text-align:center; }
#sub_position_text { display:none; }
#sub_document { padding:50px 0; table-layout:fixed; }
#sub_page_preparation { width:700px; max-width:100%; height:240px; margin:0 auto; background:url("../wp_default_image/page_preparation.gif") no-repeat center center; background-size:contain; border-radius:30px; }
#sub_page_update { width:700px; max-width:100%; height:240px; margin:0 auto; background:url("../wp_default_image/page_update.png") no-repeat center center; background-size:contain; border-radius:30px; }

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

/* 페이지 공용 */
#page_loading { display:block; position:fixed; top:0; left:0; z-index:1000; width:100%; height:100%; background-color:#fff; text-align:center; opacity:0.8; }
#page_loading > img { position:absolute; top:50%; left:50%; z-index:10000; }
.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:500; }
.accessibility_ir { overflow:hidden; position:absolute; left:-10000px; top:auto; height:1px; }
.page_scroll_none { position:fixed; width:100%; height:100%; top:0; left:0; }
.page_table { width:100%; margin-bottom:60px; border-top:1px solid #333; border-collapse:collapse; }
.page_table.last { margin-bottom:0; }
.page_table caption { overflow:hidden; width:0; height:0; font-size:0; line-height:0; }
.page_table thead th { padding:8px 5px; border-left:1px solid #ccc; border-bottom:1px solid #ccc; background-color:#f2f2f2; font-size:110%; font-weight:600; }
.page_table thead th:first-child { border-left:none; }
.page_table tbody tr th { border-bottom:1px solid #ccc; }
.page_table tbody tr .bg_gray { background-color:#f2f2f2; }
.page_table tbody tr td { padding:10px 5px; border-bottom:1px solid #ccc; border-left:1px solid #ccc; text-align:center; word-break:keep-all; }
.page_table tbody tr td:first-child { border-left:none; }
.page_table tbody tr td.text_left { text-align:left; }
.page_table tbody tr td.text_left ul { margin:0; padding-left:20px; }
.page_table tbody tr td.text_left ol { margin:0; padding-left:20px; }
.page_sns_list { text-align:right; }
.page_sns_list > li { display:inline-block; position:relative; margin-left:5px; }
.page_sns_list > li a { display:block; width:40px; height:40px; text-align:left; text-indent:-9999px; }
.page_sns_list .share_btn { background:url("../wp_default_image/page_sns_sprite.png") no-repeat -100px -100px; }
.page_sns_list .share_box { display:none; overflow:hidden; position:absolute; right:0; top:50px; z-index:100; width:230px; margin:0; padding:10px 0; border:1px solid #ccc; background-color:#fff; text-align:center; list-style:none; }
.page_sns_list .share_box li { display:inline-block; margin:0 5px; padding:0; }
.page_sns_list .facebook a { background:url("../wp_default_image/page_sns_sprite.png") no-repeat 0 0; }
.page_sns_list .twitter a { background:url("../wp_default_image/page_sns_sprite.png") no-repeat 0 -50px; }
.page_sns_list .kakaostory a { background:url("../wp_default_image/page_sns_sprite.png") no-repeat -150px 0; }
.page_sns_list .kakaotalk a { background:url("../wp_default_image/page_sns_sprite.png") no-repeat -50px 0; }
.page_sns_list .naver a { background:url("../wp_default_image/page_sns_sprite.png") no-repeat -100px 0; }
.page_sns_list .print a { background:url("../wp_default_image/page_sns_sprite.png") no-repeat -50px -100px; }
.page_sns_list .link_copy a { background:url("../wp_default_image/page_sns_sprite.png") no-repeat 0 -100px; }
.page_step_select1 { height:26px; padding:3px 5px; border:1px solid #ccc; background-color:#efefef; font-size:95%; color:#000; vertical-align:middle; box-sizing:border-box; }
.page_step_select2 { height:26px; padding:3px 5px; border:1px solid #ccc; background-color:#ffff00; font-size:95%; color:#0000ff; vertical-align:middle; box-sizing:border-box; }
.page_step_select3 { height:26px; padding:3px 5px; border:1px solid #ccc; background-color:#3399ff; font-size:95%; color:#fff; vertical-align:middle; box-sizing:border-box; }
.page_step_select9 { height:26px; padding:3px 5px; border:1px solid #ccc; background-color:#000; font-size:95%; color:#fff; vertical-align:middle; box-sizing:border-box; }
.page_view_title { margin:20px 0 5px; padding:0; font-weight:bold; }
.page_view_title .caution { font-weight:normal; color:#ff0000; }
.page_title_h4 { margin:0 0 20px; font-size:150%; }
.page_pc_image { display:block; max-width:100%; margin:0 auto; }
.page_mobile_image { display:none; text-align:center; }
.page_mobile_image img { display:block; max-width:100%; margin:0 auto 10px; }
.page_mobile_image span { font-size:80%; color:#fff; }
.page_margin80 { margin:0 auto 80px; }
.page_division_box { display:inline-block; margin:0 5px 5px 0; padding:2px 5px; border:1px solid #ccc; background-color:#fafafa; }

/* 메인메뉴1 (Why automation?) */
.page01_01_why li { position:relative; margin:0; padding:0 0 0 320px; border-bottom:1px solid #686d72; }
.page01_01_why li::after { content:""; display:block; position:absolute; left:0; bottom:-3px; width:280px; border-bottom:5px solid #3a6160; }
.page01_01_why li span { display:block; position:absolute; left:0; top:calc(50% - 15px); width:280px; height:30px; font-size:120%; font-weight:500; text-align:center; color:#7ab3b2; line-height:30px; }
.page01_01_why li:last-child span { font-size:115%; letter-spacing:-1px; }
.page01_01_why li p { padding:60px 0; font-size:110%; word-break:keep-all; }

/* 메인메뉴2 (Business Area) */
.page02_01_business { overflow:hidden; position:relative; margin:0 0 100px; padding:0; }
.page02_01_business::after { content:""; display:block; position:absolute; left:0; top:50%; z-index:-1; width:100%; border-bottom:1px solid #51585d; }
.page02_01_business li { float:left; width:200px; height:200px; margin-right:calc(25% - 250px); padding:60px 0 0; border:2px solid #4a5a67; background-color:#1e252a; font-weight:400; text-align:center; line-height:130%; word-break:keep-all; box-sizing:border-box; }
.page02_01_business li:last-child { margin:0; }
.page02_01_business li.area:nth-child(1) { padding:50px 0 0; }
.page02_01_business li.area:nth-child(2) { padding:50px 0 0; }
.page02_01_business li strong { display:block; padding:0 25px; font-size:110%; color:#ecebeb; }
.page02_01_business li span { display:block; padding:0 10px; margin:10px 0 0; font-size:90%; color:#7ab3b2; }
.page02_01_robots { overflow:hidden; position:relative; margin:0 0 100px; padding:0; }
.page02_01_robots ul { float:left; width:60%; margin:20px 0 0; }
.page02_01_robots ul li { margin-right:calc(50% - 300px); padding:65px 0 0; }
.page02_01_robots ul li strong { margin:0 0 20px; font-size:160%; font-weight:600; color:#7ab3b2; }
.page02_01_robots ul li span { font-size:130%; color:#ecebeb; }
.page02_01_robots dl { overflow:hidden; float:right; width:32%; }
.page02_01_robots dl dt { display:block; position:relative; height:50px; line-height:30px; font-size:110%; font-weight:400; }
.page02_01_robots dl dt::after { content:""; display:block; position:absolute; right:0; top:20px; width:calc(100% - 300px); border-bottom:1px solid #bec1c3; }
.page02_01_robots dl dd { float:left; margin-right:calc(100% - 340px); width:170px; height:170px; padding:50px 0 0; border:2px solid #4a5a67; background-color:#1e252a; font-size:105%; font-weight:400; text-align:center; box-sizing:border-box; }
.page02_01_robots dl dd:last-child { margin:0; }
.page02_01_robots dl dd strong { display:block; margin:0 0 5px; font-size:130%; font-weight:600; color:#c09a69; }
.page02_01_business.sw { margin:0; }
.page02_01_business.sw li { width:30%; height:150px; margin-right:5%; padding:0; font-size:120%; font-weight:400; line-height:150px; }
.page02_01_business.sw li:last-child { margin:0; }

/* 메인메뉴5 (About Us) */
.page05_01_text { position:relative; height:260px; margin:70px 0 80px; padding:120px 50px 0 0; background:url("../wp_images/05_01_02.jpg") no-repeat center center; font-size:230%; font-weight:600; text-align:right; box-sizing:border-box; }
.page05_01_text::before { content:""; display:block; position:absolute; left:20px; top:-70px; width:245px; height:245px; background:url("../wp_images/05_01_01.png") no-repeat center center, linear-gradient(to right, #649594, #46706e); box-shadow:3px 3px 15px rgba(0,0,0,0.6); }
.page05_01_plan { overflow:hidden; margin:0 0 80px; }
.page05_01_plan li { float:left; width:33.33%; text-align:center; }
.page05_01_plan li .round { display:block; width:160px; height:160px; margin:0 auto 20px; padding:50px 0 0; border:3px solid #4a5a67; background-color:#171c20; font-size:110%; border-radius:160px; box-sizing:border-box; }
.page05_01_plan li .round strong { display:block; font-family:"Play"; font-size:120%; font-weight:600; color:#8cccc9; }
.page05_01_plan li p { padding:0 30px; word-break:keep-all; }
#page05_01_history:target:before { content:''; display:block; height:80px; margin-top:-100px; visibility:hidden; }
.page05_01_certificate { text-align:center; }
.page05_01_certificate li { display:inline-block; margin:0 50px; }
.page05_01_certificate li a { display:block; width:270px; padding:18px; border:1px solid #262e35; background-color:#1b2025; color:#fff; transition:0.3s; }
.page05_01_certificate li a img { width:100%; margin:0 0 10px; }
.page05_01_certificate li:hover a { border:1px solid #fff; transition:0.3s; }

/* 메인메뉴6 (Contact Us) */
.page06_address { overflow:hidden; margin:0 0 60px; padding:5px 0 0; }
.page06_address div { float:left; position:relative; width:50%; padding:20px 0 0; font-weight:400; text-align:center; border-top:1px solid #93979a; }
.page06_address div::before { content:""; display:block; position:absolute; left:calc(50% - 65px); top:-2px; width:130px; border-bottom:3px solid #6fa2a0; }
.page06_address div strong { display:block; margin:0 0 30px; font-size:130%; text-align:center; }
.page06_address div p { padding-top:20px; word-break:keep-all; }
.page06_address div ul { width:320px; margin:0 auto; text-align:left; }
.page06_address div ul li { overflow:hidden; margin:0 0 5px; }
.page06_address div ul li span { float:left; display:block; }
.page06_address div ul li .title { width:80px; color:#7892a9; }
.page06_address div ul li .text { width:calc(100% - 80px); }
.page06_map { margin:0 0 50px; }
.page06_map .root_daum_roughmap { max-width:100% !important; }
#board_input.bg_black .text_right { color:#fff; }
#board_input.bg_black .text_right span { color:#ffa200; }
#board_input.bg_black ul { border:1px solid #3c4349; background-color:#1e252a; color:#fff; }
#board_input.bg_black ul li { border-bottom:1px dotted #6e7376; }
#board_input.bg_black ul li:last-child { border:none; }
#board_input.bg_black .title span { color:#ffa200; }
#board_input.bg_black .select_box { background-color:#fff; }
#privacy_agree.bg_black .agree_text { background-color:#1e252a; }
#privacy_agree.bg_black .agree_list li button { background-color:#fff; color:#1e252a; }

/* 제품관리(Our Products) */
.product_list { overflow:hidden; }
.product_list li { float:left; width:23%; margin:0 2.66% 60px 0; }
.product_list li:nth-child(4n) { margin-right:0; }
.product_list li a { display:block; background-color:#1b2025; color:#ecebeb; transition:0.3s; }
.product_list li a:hover { background-color:#14171a; transition:0.3s; }
.product_list li a .img_thumb { width:100%; padding-top:100%; }
.product_list li a .subject { display:block; padding:20px 10px; text-align:center; word-break:keep-all; }
.product_view { overflow:hidden; margin:0 0 80px; padding:30px 0 0; border-top:1px solid #93979a; }
.product_view .image { float:left; width:500px; }
.product_view .info { overflow:hidden; float:right; width:calc(100% - 550px); }
.product_view .info .info_text { overflow:auto; max-height:400px; margin-bottom:30px; padding:65px; background-color:#171c20; word-break:keep-all; box-sizing:border-box; }
.product_view .info .info_text .comment { margin-bottom:20px; }
.product_view .info .info_text .round { margin-right:10px; padding:0 15px; background-color:#3a6160; font-weight:400; border-radius:20px; }
.product_view .info .link { display:block; float:left; position:relative; width:48%; padding:15px 0; border:2px solid #3a6160; font-size:120%; font-weight:400; text-align:center; color:#8dd0cf; box-sizing:border-box; transition:0.3s; }
.product_view .info .link:hover { background-color:#3a6160; color:#fff; transition:0.3s; }
.product_view .info .link::before { content:""; display:block; position:absolute; right:-2px; bottom:-2px; border-right:12px solid #3a6160; border-bottom:12px solid #3a6160; border-top:12px solid transparent; border-left:12px solid transparent; }
.product_view .info .link::after { content:""; display:block; position:absolute; right:-2px; bottom:-2px; border-right:11px solid #262e35; border-bottom:11px solid #262e35; border-top:11px solid transparent; border-left:11px solid transparent; }
.product_view .info .link2 { float:right; }
.product_view.add_image { margin:0; text-align:center; }
.product_view.add_image img { display:inline-block; margin:0 10px 20px; }

/* 연혁관리 */
.page_history { margin:0 0 80px; padding:0; }
.page_history .decade_list { overflow:hidden; margin:0 0 70px; padding:0; }
.page_history .decade_list:last-child { margin:0; }
.page_history .decade_list .title { float:left; width:280px; padding-top:220px; background:url("../wp_images/history_01.jpg") no-repeat center top; }
.page_history .decade_list .title h4 { width:80%; margin:0 auto; padding:20px 30px; background-color:#497472; font-size:110%; text-align:center; color:#fff; box-sizing:border-box; }
.page_history .decade_list .title h4 span { display:block; width:150px; padding:0 0 5px; margin:0 auto 10px; border-bottom:1px solid #89afb9; letter-spacing:1px; }
.page_history .decade_list .title h4 strong { font-size:140%; line-height:10%; }
.page_history .decade_list .year_list { float:right; position:relative; width:calc(100% - 420px); padding:10px 0; border-bottom:1px solid #51585d; }
.page_history .decade_list .year_list::before { content:''; display:block; position:absolute; bottom:-1px; z-index:1900; width:75px; border-bottom:2px solid #fff; }
.page_history .decade_list .year_list dt { float:left; width:75px; padding-top:10px; font-size:140%; font-weight:500; text-align:center; }
.page_history .decade_list .year_list dd { overflow:hidden; float:right; width:calc(100% - 100px); padding:10px 0; border-bottom:1px solid #262e35; }
.page_history .decade_list .year_list dd:last-child { border:none; }
.page_history .decade_list .year_list dd .month { float:left; width:60px; text-align:center; font-weight:400; }
.page_history .decade_list .year_list dd .text { float:left; width:calc(100% - 60px); word-break:keep-all; }

/*****************************************************************************************************************
- 반응형웹 스크린 미디어: 개발자가 필요할 경우 Class 및 ID를 작성규칙에 의거하여 자유롭게 정의하여 사용한다.
*****************************************************************************************************************/
@media (max-width:1300px)
{
	/*****************************************************************************************************************/

	/* 상단영역 콘텐츠 */
	#top_contents .top_division { width:100%; }
	#top_contents .top_logo { left:5px; }
	#top_contents .top_nav { width:calc(100% - 200px); }
	#top_contents .top_menu { right:5px; }

	/* 하단영역 콘텐츠 */
	#bottom_contents { width:100%; }
	#bottom_contents .top_move { right:5px; }

	/* 메인화면 콘텐츠 */
	#main_visual { height:500px; background-size:cover; }
	#main_visual p { overflow:hidden; width:100%; padding:10% 50px 0 0; box-sizing:border-box; }
	#main_item .business_area { width:100%; padding:0 5px; box-sizing:border-box; }
	#main_item .robot::after { width:50%; }
	#main_item .robot ul { width:100%; }
	#main_item .robot ul li { width:19%; margin:0; }
	#main_item .robot ul li:nth-child(4) { width:43%; margin:0; padding-top:20px; }
	#main_item .robot ul li img { display:block; max-width:98%; margin:0 auto; }
	#main_item .company_info { width:100%; }
	#main_item .company_info::before { display:none; }
	#main_item .company_info::after { display:none; }
	#main_item .contact { width:40%; padding:60px 0 0 20px; }
	#main_item .icon_list { width:60%; padding:90px 0 0; border-top:1px solid #60656a; }
	#main_item .icon_list:before { display:none; }
	#main_item .icon_list li:nth-child(2) { margin:0 40px; }

	/* 서브화면 콘텐츠 */
	#sub_visual { height:250px; background-size:cover; }
	#sub_nav { height:250px; margin:-250px 0 0; }
	#sub_nav::before { right:calc(50% - 220px); height:160px; }
	#sub_nav::after { left:calc(50% - 220px); height:160px; }
	#sub_nav h2 { font-size:240%; line-height:250px; }
	#sub_section { width:100%; padding:0 5px; box-sizing:border-box; }
}
@media (max-width:1024px)
{
	#board_tab_menu .mobile_first { display:block; width:100%; padding:10px; border:1px solid #666; background:#fafafa url("../wp_default_image/admin_select_arrow.gif") no-repeat 95% center; cursor:pointer; border-radius:5px; box-sizing:border-box; }
	#board_tab_menu ul { display:none; margin:0; padding:10px; border:1px solid #666; border-top:none; border-radius:5px; }
	#board_tab_menu li { display:block; margin:0; border-bottom:1px dotted #ddd; }
	#board_tab_menu li:last-child { border:none; }
	#board_tab_menu li a { display:block; padding:5px 0 5px 10px; border:none; background:none; color:#333; border-radius:0; }
	#board_tab_menu li a::after { content:""; display:block; position:absolute; right:5%; top:calc(50% - 5px); width:6px; height:11px; background:url("../wp_default_image/page_mobile_sprite.png") -74px 0; }
	#board_tab_menu li.on a { border:none; }
	#board_tab_menu li.on::after { display:none; }
	#board_list { border-top:1px solid #333; }
	#board_list td { padding:10px 5px; }
	#board_list .subject .icon_division { float:none; margin-right:5px; padding:0 10px; }
	#board_list .subject a { overflow:hidden; display:inline-block; max-width:700px; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle; }
	#board_list .mobile_board_name { overflow:hidden; }
	#board_list .mobile_board_name span { float:left; display:block; position:relative; margin-right:20px; }
	#board_list .mobile_board_name span::before { content:""; display:block; position:absolute; right:-10px; top:calc(50% - 8px); height:16px; border-right:1px solid #333; }
	#board_list .mobile_board_name span.last::before { display:none; }
	#board_view_title .board_view_head .board_title { font-size:105%; }
	#board_view_title .board_view_head .icon_division { float:none; margin-right:5px; padding:0 10px; font-size:85%; }
	#board_view_title .board_view_head .name_row { font-size:85%; }
	#board_view_title .board_view_head .name { margin-right:3px; }
	#board_view_title .board_view_head .icon_notice { font-size:85%; }
	#board_prev_next { padding:5px 10px; border:1px solid #ddd; font-size:95%; list-style:none; }
	#board_input ul { padding:20px 0 0; border:none; }
	#board_input .title { float:none; display:block; width:100%; }
	#board_input .input_box { float:none; width:100%; margin:0; }
	#board_input #subject { margin:5px 0 0; }
	#board_input .input_guide { margin:0; }
	#board_input .select_box { float:none; width:100%; margin-right:5px; padding:5px 25px 5px 10px; border:1px solid #ccc; background:url("../wp_default_image/admin_select_arrow.png") no-repeat 98% center; border-radius:3px; box-sizing:border-box; appearance:none; -moz-appearance:none; -webkit-appearance:none; }
	#board_input .attach_file { padding:20px 0 0; }
	#board_input .attach_modify { padding:10px 0; border:none; }
	#board_input .attach_modify .attach_sort { width:80px; text-align:center; }
	#board_input .attach_modify .attach_name { width:calc(100% - 160px); font-size:85%; }
	#board_input .attach_modify .attach_name .input_box { margin:5px 0 0; }
	#board_input .attach_modify .attach_delete { width:80px; }
	#board_faq_list li > h4 { padding:15px 55px 15px 50px; font-size:110%; word-break:keep-all; }
	#board_faq_list li > h4::before { left:15px; }
	#board_faq_list li > h4::after { right:15px; }
	#board_faq_list li > div { padding:30px; }
	#board_blog_list .blog_image { width:25%; }
	#board_blog_list .blog_content { width:70%; }
	#board_blog_list .blog_content .title { font-size:110%; }
	#board_bottom .board_btn { display:block; width:100%; height:inherit; margin:0 0 5px; padding:4px 0; background-color:#fafafa; }
	#board_bottom .search { display:none; }
	#board_bottom .left_button { float:none; width:100%; }
	#board_bottom .right_button { float:none; width:100%; text-align:center; }
	#member_guide { padding:20px 20px 20px 40px; }
	#member_input h4 { width:470px; margin:0 auto 10px; }
	#member_input ul { width:470px; margin:0 auto 50px; padding:20px 5px 0; box-sizing:border-box; }
	#member_input ul li { padding:10px 0; }
	#member_input .title { float:none; margin:0 0 5px; padding:0; text-align:left; }
	#member_input .input_box { float:none; width:100%; margin:0; }
	#member_input .input_box#id { float:left; width:calc(100% - 140px); }
	#member_input .input_box#passwd { margin-bottom:5px; }
	#member_input .input_box#postcode { float:left; width:calc(100% - 140px); }
	#member_input .input_box#address1 { margin-bottom:5px; }
	#member_input .input_box#new_passwd { margin-bottom:5px; }
	#member_input .select_box { float:none; width:100%; }
	#member_input .input_guide { margin:0; }
	#member_input .textarea_box { float:none; width:100%; }
	#member_input .click_button { margin:0 0 0 10px; }
	#member_input .change_pw { font-size:90%; }
	#member_input .search_guide { margin:0; padding:10px 0; text-align:center; word-break:keep-all; }
	#member_input .search_field { width:100%; margin:0; padding:20px; border:none; }
	#member_input .search_field .title { float:left; width:160px; padding-right:30px; text-align:right; }
	#member_input .search_field .input_box { float:left; width:calc(100% - 160px); }
	#member_input .search_field .input_box#id { width:calc(100% - 160px); }
	#member_login { width:470px; padding:40px; }
	#member_login h4 { font-size:170%; }
	#privacy_agree .agree_list li { width:470px; }
	#privacy .title { font-size:100%; }
	#privacy .comment { padding:15px; }
	/*****************************************************************************************************************/

	/* 상단영역 콘텐츠 */
	#top_contents { display:none; }
	#menu_cover { display:none; }
	#mobile_top_contents { display:block; position:relative; width:100%; padding:10px 0; border-bottom:1px solid #222; }
	#mobile_top_contents .top_logo { width:170px; margin:0 auto; text-align:center; }
	#mobile_top_contents .top_logo a { display:block; }
	#mobile_top_contents .top_icon { display:block; position:absolute; top:calc(50% - 16px); width:31px; height:31px; text-indent:-9999px; }
	#mobile_top_contents .top_tel { left:15px; background:url("../wp_default_image/page_mobile_sprite.png") no-repeat -90px 0; }
	#mobile_top_contents .top_menu { right:15px; top:calc(50% - 11px); width:30px; height:22px; background:url("../wp_default_image/page_mobile_sprite.png") no-repeat 0 0; }
	#mobile_top_contents #mobile_main_menu { position:fixed; top:0%; right:-100%; z-index:9000; width:100%; height:100%; background-color:#fff; transition: All 0.4s ease; }
	#mobile_top_contents #mobile_main_menu a:hover { color:#3399ff; }
	#mobile_top_contents #mobile_main_menu.open { right:0; }
	#mobile_top_contents #mobile_main_menu .menu_top { overflow:hidden; position:relative; height:70px; padding:0 10px; border-bottom:1px solid #eee; box-sizing:border-box; }
	#mobile_top_contents #mobile_main_menu .menu_home { display:inline-block; max-width:calc(100% - 50px); padding-left:40px; background:url("../wp_default_image/logo.png") no-repeat left center; background-size:30px; font-size:130%; font-weight:500; color:#000; line-height:70px; }
	#mobile_top_contents #mobile_main_menu .menu_close { position:absolute; right:15px; top:calc(50% - 12px); width:24px; height:24px; background:url("../wp_default_image/page_mobile_sprite.png") no-repeat -40px 0; text-indent:-9999px; box-sizing:border-box; }
	#mobile_top_contents #mobile_main_menu .menu_list { overflow:scroll; position:absolute; top:70px; z-index:1000; width:100%; height:calc(100% - 110px); padding:15px; box-sizing:border-box; }
	#mobile_top_contents #mobile_main_menu .menu_list li { box-sizing:border-box; }
	#mobile_top_contents #mobile_main_menu .menu_list > li > a { display:block; position:relative; width:100%; padding:4% 0 4% 5%; border-bottom:1px solid #ccc; background-color:#fff; font-size:115%; font-weight:500; box-sizing:border-box; }
	#mobile_top_contents #mobile_main_menu .menu_list > li > a::before { content:""; display:block; position:absolute; right:30px; top:calc(50% - 5px); width:19px; height:11px; background:url("../wp_default_image/page_mobile_sprite.png") no-repeat 0 -34px; transform:rotate(-90deg); }
	#mobile_top_contents #mobile_main_menu .menu_list > li:first-child > a { border-top:none; }
	#mobile_top_contents #mobile_main_menu .menu_list ul { margin:0; padding:0 15px; border-bottom:1px solid #dcdcdc; }
	#mobile_top_contents #mobile_main_menu .menu_list ul li { border-bottom:1px solid #dcdcdc; }
	#mobile_top_contents #mobile_main_menu .menu_list ul li:last-child { border-bottom:none; }
	#mobile_top_contents #mobile_main_menu .menu_list ul li a { display:block; position:relative; padding:15px 0 15px 7%; font-size:105%; }
	#mobile_top_contents #mobile_main_menu .menu_list ul li a::before { content:""; display:block; position:absolute; right:23px; top:calc(50% - 5px); width:6px; height:11px; background:url("../wp_default_image/page_mobile_sprite.png") no-repeat -74px 0; }
	#mobile_top_contents #mobile_main_menu .copyright { position:absolute; bottom:5px; left:0; width:100%; font-size:95%; text-align:center; color:#333; }

	/* 하단영역 콘텐츠 */
	#bottom_contents { display:none; }
	#mobile_bottom_contents { display:block; overflow:hidden; padding:20px 10px; border-top:1px solid #222; background-color:#3f4851; font-size:90%; color:#fff; }
	#mobile_bottom_contents .bottom_menu { display:none; }
	#mobile_bottom_contents .bottom_address { margin-bottom:5px; text-align:center; }
	#mobile_bottom_contents .bottom_address span { padding:0 10px; }
	#mobile_bottom_contents .bottom_address a { color:#fff; }
	#mobile_bottom_contents .copyright { text-align:center; }
	#mobile_bottom_contents .copyright span a { display:inline-block; width:70%; margin:10px auto 0; padding:5px; border:1px solid #7d7d7d; background-color:#434343; color:#fff !important; text-align:center; border-radius:20px; }
	#mobile_bottom_contents .top_move { display:none; position:fixed; right:10px; bottom:10px; width:45px; height:45px; background:url("../wp_default_image/page_mobile_sprite.png") no-repeat -58px -41px; text-indent:-9999px; }

	/* 메인화면 콘텐츠 */
	#main_visual { height:300px; background-size:cover; }
	#main_visual p .gray { margin:0 0 10px; font-size:110%; }
	#main_visual p .white { margin:0 0 20px; font-size:150%; }
	#main_visual p strong.white { font-size:200%; }
	#main_item .item_title { font-size:190%; }
	#main_item .robot { background-color:#3f4851; background-image:none; }
	#main_item .robot::after { display:none; }
	#main_item .robot ul li { width:33.33%; }
	#main_item .robot ul li:nth-child(4) { width:100%; padding-top:40px; }
	#main_item .contact { float:none; width:70%; height:inherit; margin:0 0 80px; padding:50px 0 50px 10%; }
	#main_item .icon_list { float:none; width:100%; margin:0 0 50px; padding:0; border-top:none; }
	#main_item .icon_list:before { display:none; }

	/* 서브화면 콘텐츠 */
	#sub_visual { height:200px; background-size:cover; }
	#sub_nav { height:200px; margin:-200px 0 0; }
	#sub_nav::before { right:calc(50% - 220px); height:160px; }
	#sub_nav::after { left:calc(50% - 220px); height:160px; }
	#sub_nav h2 { font-size:200%; line-height:200px; }

	/* 페이지 공용 */
	.page_title_h4 { text-align:center; }

	/* 메인메뉴1 (Why automation?) */
	.page01_01_why li { margin:0 0 20px; padding:0; border:none; text-align:center; }
	.page01_01_why li:last-child { margin:0; }
	.page01_01_why li::after { display:none; }
	.page01_01_why li span { display:inline-block; position:relative; left:0; top:0; width:inherit; margin:0 auto; padding:0 10px 10px; border-bottom:3px solid #3a6160; }
	.page01_01_why li:last-child span { font-size:120%; }
	.page01_01_why li p { padding:30px 0; font-size:100%; }

	/* 메인메뉴2 (Business Area) */
	.page02_01_business::after { left:50%; top:0; width:0; height:100%; border-right:1px solid #51585d; }
	.page02_01_business li { float:none; width:300px; height:inherit; margin:0 auto 20px; padding:30px; }
	.page02_01_business li:last-child { margin:0 auto; }
	.page02_01_business li.area:nth-child(1) { padding:30px; }
	.page02_01_business li.area:nth-child(2) { padding:30px; }
	.page02_01_robots ul { float:none; width:100%; margin:0 0 40px; }
	.page02_01_robots ul li { margin:0 auto 20px; padding:30px; }
	.page02_01_robots dl { float:none; width:100%; }
	.page02_01_robots dl dt { text-align:center; }
	.page02_01_robots dl dt::after { right:0; width:calc(50% - 150px); }
	.page02_01_robots dl dd { float:none; margin:0 auto 30px; width:190px; height:inherit; padding:20px; }
	.page02_01_robots dl dd:last-child { margin:0 auto; }
	.page02_01_business.sw li { width:320px; height:inherit; margin:0 auto 20px; padding:20px; line-height:inherit; }
	.page02_01_business.sw li:last-child { margin:0 auto; }

	/* 메인메뉴5 (About Us) */
	.page05_01_text { height:inherit; margin:0 0 80px; padding:120px 0 120px; background-size:cover; font-size:180%; text-align:center; word-break:keep-all; }
	.page05_01_text::before { left:10px; top:-20px; width:245px; height:120px; }
	.page05_01_plan li p { padding:0 10px; }
	.page05_01_certificate li { margin:0 20px 20px; }

	/* 메인메뉴6 (Contact Us) */
	.page06_map .wrap_map { height:400px !important; }

	/* 제품관리(Our Products) */
	.product_list li { width:32%; margin:0 2% 40px 0; }
	.product_list li:nth-child(3n) { margin-right:0; }
	.product_list li:nth-child(4n) { margin-right:2%; }
	.product_list li:nth-child(12n) { margin-right:0; }
	.product_view .image { float:none; width:100%; margin:0 0 50px; text-align:center; }
	.product_view .image img { max-width:100%; }
	.product_view .info { float:none; width:100%; }
	.product_view .info .info_text { padding:40px; }
	.product_view.add_image { margin:0; text-align:center; }
	.product_view.add_image img { display:block; max-width:100%; margin:0 auto 20px; }

	/* 연혁관리 */
	.page_history .decade_list .title { float:none; margin:0 auto 50px; padding-top:170px; }
	.page_history .decade_list .year_list { overflow:hidden; float:none; width:100%; }
}
@media (max-width:768px)
{
	.popup_box { width:400px !important; left:calc(50% - 200px) !important; top:100px !important; margin:0 !important; padding:0 !important; }
	.popup_box img { max-width:100%; height:auto; }
	#board_list .subject { font-size:95%; }
	#board_list .subject a { max-width:370px; }
	#board_faq_list li > h4 { padding:15px 55px 15px 50px; font-size:100%; }
	#reply_box .reply_list .list_name .icon_notice { padding:0 5px; font-size:90%; }
	#reply_box .reply_list .list_name span { margin-right:0; }
	#reply_box .reply_list .list_name img { margin-right:1px; }
	#reply_box .reply_list .list_button a { padding:0 3px; font-size:85%; }
	#reply_body .reply_input li .title { width:60px; }
	#reply_body .reply_input li .form_check_title { float:left; margin-right:10px; }
	#reply_body .reply_input li .cancel_button { padding:0 3px; font-size:85%; }
	#reply_body .reply_modify { padding:5px; border:1px solid #ff8000; }
	#reply_box .reply_reply .arrow { width:40px; margin-right:5px; font-size:85%; }
	#reply_box .reply_reply .reply_input { width:calc(100% - 45px); border:1px solid #ff8000; }
	/*****************************************************************************************************************/

	/* 메인화면 콘텐츠 */
	#main_visual { height:200px; margin:0 0 50px; background-position:70% center; }
	#main_visual p { padding:10% 20px 0 0; font-size:80%; line-height:140%; text-shadow:0 0 3px #000; }
	#main_visual p .gray { margin:0 0 5px; }
	#main_visual p .white { margin:0 0 10px; }
	#main_item .item_title { font-size:170%; }
	#main_item .business_area { margin:0 auto 50px; }
	#main_item .business_area li { width:32%; margin:0 2% 10px 0; }
	#main_item .business_area li:nth-child(3) { margin:0 0 10px; }
	#main_item .business_area li:nth-child(4) { width:49%; margin:0 2% 0 0; }
	#main_item .business_area li:nth-child(5) { width:49%; margin:0; }
	#main_item .business_area li:nth-child(4) a { height:190px; padding:130px 10px 0; background-position:center 30px; }
	#main_item .business_area li:nth-child(5) a { height:190px; padding:130px 10px 0; background-position:center 30px; }
	#main_item .robot { margin:0 0 50px; padding:50px 0; }
	#main_item .robot .item_text { font-size:90%; }
	#main_item .contact { width:90%; padding:40px 0 40px 5%; }
	#main_item .contact .tel { margin:0 0 20px; }
	#main_item .icon_list li:nth-child(2) { margin:0 20px; }
	#main_item .icon_list li a { width:110px; font-size:100%; }

	/* 서브화면 콘텐츠 */
	#sub_visual { height:160px; background-size:cover; }
	#sub_nav { height:160px; margin:-160px 0 0; }
	#sub_nav::before { right:10%; height:120px; }
	#sub_nav::after { left:10%; height:120px; }
	#sub_nav h2 { font-size:180%; line-height:160px; }

	/* 페이지 공용 */
	.page_title_h4 { font-size:130%; word-break:keep-all; }
	.page_pc_image { display:none; }
	.page_mobile_image { display:block; }

	/* 메인메뉴5 (About Us) */
	.page05_01_text { padding:120px 0 70px; }
	.page05_01_plan li { float:none; width:100%; margin:0 0 30px; }
	.page05_01_plan li:last-child { margin:0; }

	/* 메인메뉴6 (Contact Us) */
	.page06_address div { float:none; width:100%; margin:0 0 40px; }
	.page06_address div:last-child { margin:0; }
	.page06_address div p { padding:0; }

	/* 제품관리(Our Products) */
	.product_view .info .info_text { padding:30px 20px; }

	/* 연혁관리 */
	.page_history .decade_list .year_list { margin:0 0 20px; }
	.page_history .decade_list .year_list::before { display:none; }
	.page_history .decade_list .year_list dt { float:none; margin:0 auto 10px; padding:0 0 10px; border-bottom:2px solid #27829b; }
	.page_history .decade_list .year_list dd { float:none; width:100%; }
}
@media (max-width:480px)
{
	.popup_box { width:300px !important; left:calc(50% - 150px) !important; }
	#form_button button { height:50px; width:120px; font-size:130%; line-height:50px; }
	#board_list .subject .icon_division { padding:0 5px; }
	#board_list .subject a { max-width:280px; }
	#board_auth { width:100%; padding:20px; }
	#board_gallery_list li { width:48%; margin:0 4% 20px 0; }
	#board_gallery_list li:nth-child(2n) { margin-right:0; }
	#board_blog_list .blog_image { float:none; width:40%; margin:0 auto 20px; }
	#board_blog_list .blog_content { float:none; width:100%; }
	#member_guide { padding:15px 15px 15px 30px; font-size:95%; }
	#member_input h4 { width:100%; }
	#member_input ul { width:100%; }
	#member_input ul .title { font-size:100%; }
	#member_input .change_pw .guide { display:block; }
	#member_input .search_title { font-size:170%; padding-left:20px; }
	#member_input .search_guide { font-size:90%; }
	#member_input .search_field .title { float:none; text-align:left; }
	#member_input .search_field .input_box { float:none; width:100%; }
	#member_input .search_field .input_box#id { width:100%; }
	#member_login { width:100%; padding:0 20px; border:none; }
	#member_login h4 { font-size:170%; }
	#member_login .account_button li { font-size:95%; margin:0 8px; }
	#member_login .account_button li::after { right:-10px; }
	#privacy_agree .agree_list li { width:100%; }
	#privacy_agree .agree_list li label { font-size:95%; letter-spacing:-1px; }
	/*****************************************************************************************************************/

	/* 하단영역 콘텐츠 */
	#mobile_bottom_contents { font-size:80%; }

	/* 메인화면 콘텐츠 */
	#main_visual { background-position:60% center; }
	#main_visual p { padding:10% 0 0; text-align:center; line-height:180%; }
	#main_item .business_area li a { font-size:90%; }
	#main_item .robot ul li:nth-child(4) img { max-width:80%; }
	#main_item .contact { width:100%; padding:30px 10px; }
	#main_item .contact::after { right:0; bottom:0; }
	#main_item .contact .tel { font-size:160%; }
	#main_item .contact .address { font-size:90%; }
	#main_item .icon_list { overflow:hidden; }
	#main_item .icon_list li { display:block; float:left; width:33.33%; }
	#main_item .icon_list li:nth-child(2) { margin:0; }
	#main_item .icon_list li a { width:100%; padding:110px 0 0; background-size:90px; background-position:center top; font-size:90%; }

	/* 서브화면 콘텐츠 */
	#sub_visual { height:130px; background-size:cover; }
	#sub_nav { height:130px; margin:-130px 0 0; }
	#sub_nav::before { right:5%; height:100px; }
	#sub_nav::after { left:5%; height:100px; }
	#sub_nav h2 { font-size:160%; line-height:130px; }

	/* 제품관리(Our Products) */
	.product_list li { width:49%; margin:0 2% 30px 0; }
	.product_list li:nth-child(2n) { margin-right:0; }
	.product_list li:nth-child(3n) { margin-right:2%; }
	.product_list li:nth-child(6n) { margin-right:0; }
	.product_view .info .info_text .comment { font-size:90%; }
}
@media (max-width:375px)
{
	/*****************************************************************************************************************/

}