@font-face { font-family:"Noto Sans KR"; font-style:normal; font-weight:300; font-display:swap; src:url("../wp_default_image/notosanskr_300.woff") format("woff"), url("../wp_default_image/notosanskr_300.woff2") format("woff2"); }
@font-face { font-family:"Noto Sans KR"; font-style:normal; font-weight:400; font-display:swap; src:url("../wp_default_image/notosanskr_400.woff") format("woff"), url("../wp_default_image/notosanskr_400.woff2") format("woff2"); }
@font-face { font-family:"Noto Sans KR"; font-style:normal;	font-weight:500; font-display:swap; src:url("../wp_default_image/notosanskr_500.woff") format("woff"), url("../wp_default_image/notosanskr_500.woff2") format("woff2"); }
@font-face { font-family:"Noto Sans KR"; font-style:normal; font-weight:600; font-display:swap; src:url("../wp_default_image/notosanskr_600.woff") format("woff"),url("../wp_default_image/notosanskr_600.woff2") format("woff2"); }
/*****************************************************************************************************************/
html { font-size:16px; }
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-family:"Noto Sans KR", "dotum", 돋움, Helvetica, sans-serif; font-size:1rem; font-weight:400; color:#222; line-height:1.7; letter-spacing:0.7px; }
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; }
a:hover { text-decoration:none; }
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; border-radius:0; box-shadow:none; 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; }
input, input::placeholder, input::file-selector-button, select { font-family:"Noto Sans KR"; font-size:95%; }
input::placeholder { color:#777; }
:root
{
	--form-check-color:#245aa9;
	--form-button-color:#245aa9;
	--mobile-point-color:#245aa9;
}
.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:600; }
.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:42px; padding:5px; border:1px solid #ddd; box-sizing:border-box; }
.form_input_file { height:42px; padding:5px; border:1px solid #ddd; box-sizing:border-box; }
.form_select_box { height:42px; padding:5px 20px 5px 5px; border:1px solid #ddd; background:url("../wp_default_image/admin_select_arrow.png") no-repeat 93% center; box-sizing:border-box; appearance:none; }
.form_textarea_box { width:100%; padding:5px; border:1px solid #ddd; vertical-align:middle; box-sizing:border-box; }
.form_textarea_chk { width:100%; padding:5px; border:1px solid #ddd; 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"] { position:absolute; top:calc(50% - 11px); left:0; width:22px; height:22px; margin:0; padding:0; border:none; appearance:none; }
.form_check_title input[type="radio"] + label { padding-left:25px; }
.form_check_title input[type="radio"] + label:before { content:""; position:absolute; top:calc(50% - 10px); left:0; width:20px; height:20px; border:1px solid #ddd; background-color:#fff; border-radius:20px; box-sizing:border-box; }
.form_check_title input[type="radio"]:checked + label:before { border:6px solid var(--form-check-color); background-color:#fff; }
.form_check_title input[type="checkbox"]::-ms-check { border:solid 1px #fff; }
.form_check_title input[type="checkbox"] { position:absolute; top:calc(50% - 11px); left:0; width:22px; height:22px; margin:0; padding:0; border:none; appearance: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 #ddd; background:#fff 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 var(--form-check-color); background:var(--form-check-color) 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"] { width:20px; height:20px; margin:0; padding:0; border:none; appearance:none; }
.form_check_choose input[type="checkbox"] + label { display:block; position:absolute; top:0; left:0; width:20px; height:20px; margin:0 auto; border:1px solid #ddd; background:#fff 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 var(--form-check-color); background:var(--form-check-color) url("../wp_default_image/check_sprite.png") no-repeat 0 -20px; }
#form_button { text-align:center; }
#form_button button { display:inline-block; height:48px; width:140px; margin:0 10px; background-color:var(--form-button-color); font-size:130%; font-weight:500; text-align:center; color:#fff; line-height:48px; box-sizing:border-box; }
#form_button button.cancel { background-color:#777; color:#fff; }
/*****************************************************************************************************************/
.popup_box .form_check_choose { display:inline-block; vertical-align:middle; }
.popup_box .close_ment { display:inline-block; height:22px; font-size:90%; font-weight:400; vertical-align:middle; line-height:22px; }
#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 #222; }
#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 #ddd; border-bottom:none; background:url("../wp_default_image/admin_select_arrow.png") no-repeat 90% center; font-weight:400; color:#777; border-radius:10px 10px 0 0; }
#board_tab_menu li.on a { border:1px solid #222; border-bottom:none; font-weight:500; color:#000; }
#board_tab_menu li.on::after { content:""; display:block; position:absolute; bottom:-1px; left:1px; width:calc(100% - 2px); border-bottom:1px solid #fff; }
#board_list { width:100%; margin:0 0 50px; border:0; border-collapse:collapse; }
#board_list th { padding:15px 0; border-top:2px solid #222; border-bottom:1px solid #ddd; background-color:#fbfbfb; font-size:110%; font-weight:600; color:#000; white-space:nowrap; }
#board_list tr.notice td { border-bottom:1px solid #ddd; background-color:#fbfbfb; }
#board_list td { padding:12px 0; border-bottom:1px solid #ededed; 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; white-space:nowrap; text-overflow:ellipsis; }
#board_list .subject .icon_division { float:left; margin-right:10px; padding:0 12px; border:1px solid #777; background-color:#fff; font-size:90%; color:#777; border-radius:20px; }
#board_list .subject > a { position:relative; }
#board_list .subject > a::before { content:""; display:block; position:absolute; bottom:-4px; left:50%; width:0; border-bottom:1px solid #222; transition:0.3s; }
#board_list .subject > a::after { content:""; display:block; position:absolute; right:50%; bottom:-4px; width:0; border-bottom:1px solid #222; transition:0.3s; }
#board_list .subject > a:hover::before { width:50%; transition:0.3s; }
#board_list .subject > a:hover::after { width:50%; transition:0.3s; }
#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; top:0; right:5px; }
#board_list .file_download .down_button a { margin-left:3px; }
#board_list .file_download .close { padding:0 8px; border:1px solid #ddd; background-color:#fff; font-size:90%; color:#333; 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 #222; }
#board_view_title .board_view_head { position:relative; }
#board_view_title .board_view_head .board_title { overflow:hidden; margin:0; padding:10px; background-color:#fbfbfb; font-size:110%; 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 #777; background-color:#fff; font-size:80%; color:#777; 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:#777; }
#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; padding:30px 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:20px; padding:10px 15px; border:1px solid #ededed; background-color:#fbfbfb; font-size:90%; text-align:left; }
#board_prev_next { margin:0 0 50px; padding:10px 20px; border:1px solid #ededed; font-size:95%; }
#board_prev_next li { overflow:hidden; margin:0; padding:3px 0; border-bottom:1px solid #ededed; }
#board_prev_next li:last-child { border:none; }
#board_prev_next li strong { display:block; float:left; width:50px; }
#board_prev_next li a { display:block; overflow:hidden; width:calc(100% - 50px); white-space:nowrap; text-overflow:ellipsis; }
#board_input { margin:0 0 40px; }
#board_input h4 { display:block; float:left; margin:0 0 10px; font-size:140%; font-weight:500; }
#board_input .compulsory_guide { float:right; font-size:95%; font-weight:400; text-align:right; box-sizing:border-box; }
#board_input .compulsory_guide span { font-size:150%; color:#fd7070; }
#board_input ul { clear:both; padding:15px 20px 0; border-top:2px solid #222; }
#board_input li { overflow:hidden; padding:20px 0; border-bottom:1px solid #ededed; vertical-align:middle; }
#board_input li:last-child { border:none; }
#board_input .title { display:block; float:left; position:relative; width:200px; padding:0 50px 0 0; font-weight:500; text-align:right; line-height:40px; box-sizing:border-box; }
#board_input .title span { position:absolute; top:-5px; right:35px; font-size:140%; color:#fd7070; }
#board_input .input_box { float:left; height:42px; margin-right:5px; padding:5px 10px; border:1px solid #ddd; font-weight:300; box-sizing:border-box; }
#board_input .input_file { height:42px; padding:5px 10px; border:1px solid #ddd; font-size:90%; line-height:32px; box-sizing:border-box; }
#board_input .input_file::file-selector-button { padding:3px 10px; border:1px solid #ddd; background-color:#fbfbfb; }
#board_input .input_guide { display:block; clear:both; margin:0 0 0 200px; padding:5px 0 0; font-size:90%; color:#777; }
#board_input .select_box { float:left; height:42px; padding:0 30px 0 10px; border:1px solid #ddd; background:url("../wp_default_image/admin_select_arrow.png") no-repeat 93% center; color:#333; box-sizing:border-box; appearance:none; }
#board_input .form_check_title { float:left; height:42px; margin-right:20px; line-height:42px; }
#board_input .textarea_box { width:100%; padding:5px; border:1px solid #ddd; vertical-align:middle; box-sizing:border-box; }
#board_input .attach_file { border:none; padding:0 20px; word-break:keep-all; }
#board_input .attach_file li { border-top:1px solid #ededed; }
#board_input .attach_modify { padding:10px; border:1px solid #ddd; }
#board_input .attach_modify li { overflow:hidden; padding:8px 0; }
#board_input .attach_modify li:last-child { border-bottom:none; }
#board_input .attach_modify .first_line { border-bottom:1px solid #ddd; font-weight:500; }
#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:1px solid #ddd; border-radius:3px; box-sizing:border-box; }
#board_auth p { margin:0 0 10px; font-size:90%; font-weight:400; text-align:center; }
#board_auth label { float:left; width:100px; height:42px; padding-right:20px; font-weight:500; text-align:right; line-height:42px; box-sizing:border-box; }
#board_auth .form_input_box { float:left; width:calc(100% - 100px); }
#board_gallery_list { display:grid; grid-template-columns:1fr 1fr 1fr 1fr; column-gap:20px; row-gap:50px; margin:0 0 30px; }
#board_gallery_list li { text-align:center; box-sizing:border-box; }
#board_gallery_list li a { display:block; }
#board_gallery_list .img_box { overflow:hidden; position:relative; margin:0 0 15px; 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 15px; padding-top:75%; border-radius:3px; }
#board_gallery_list .gallery_subject { display:-webkit-box; overflow:hidden; height:60px; margin:0 0 10px; font-size:95%; font-weight:400; text-align:left; word-break:keep-all; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
#board_gallery_list .date { display:block; overflow:hidden; margin:0; font-size:90%; font-weight:300; text-align:right; color:#777; }
#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; top:6px; right:-9px; height:15px; border-right:1px solid #aaa; }
#board_faq_list li { margin-bottom:20px; }
#board_faq_list li > h4 { position:relative; padding:20px 20px 20px 60px; border:1px solid #ddd; 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; top:calc(50% - 14px); left:20px; 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; top:calc(50% - 9px); right:20px; 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 var(--form-button-color); }
#board_faq_list li > div { display:none; position:relative; margin:20px 0 0; padding:40px; background-color:#ededed; border-radius:10px; word-break:keep-all; }
#board_faq_list li > div::before { content:""; display:block; position:absolute; top:-15px; left:60px; border-right:15px solid transparent; border-bottom:15px solid #ededed; border-left:15px solid transparent; }
#board_faq_list li > div p { 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; }
#board_blog_list { padding:0 10px; }
#board_blog_list li { margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #ededed; }
#board_blog_list li:last-child { border-bottom:none; }
#board_blog_list li a { display:block; overflow:hidden; }
#board_blog_list .blog_image { display:block; float:left; width:250px; height:187px; font-size:0; text-indent:-9999px; }
#board_blog_list .blog_content { float:right; position:relative; width:calc(100% - 300px); height:187px; padding:10px 0 0; color:#000; word-break:keep-all; box-sizing:border-box; }
#board_blog_list .blog_content .title { display:block; margin-bottom:10px; font-size:120%; font-weight:500; }
#board_blog_list .blog_content p { display:-webkit-box; overflow:hidden; margin-bottom:10px; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
#board_blog_list .blog_content .date { display:block; position:absolute; bottom:0; left:0; font-size:90%; color:#777; }
#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 #ddd; 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 #ddd; font-size:90%; line-height:140%; }
#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 #ddd; }
#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 #ddd; border-radius:3px; box-sizing:border-box; }
#reply_body .reply_input li .input_guide { float:left; height:32px; font-size:90%; 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:3px; }
#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:3px; }
#reply_body .replay_delete div a.delete_cancel { display:block; position:absolute; top:5px; right:10px; 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 #ddd; box-sizing:border-box; }
#reply_body .replay_delete button { display:inline-block; padding:0 5px; border:1px solid #ddd; font-size:90%; line-height:140%; }
#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 #222; font-size:95%; font-weight:400; text-align:center; line-height:38px; box-sizing:border-box; transition:0.3s; }
#board_bottom .board_btn:hover { background-color:#222; color:#fff; transition:0.3s; }
#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 #222; background-color:#fbfbfb; font-size:90%; vertical-align:middle; box-sizing:border-box; }
#board_bottom .search .board_btn { display:block; float:right; 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:20px 20px 20px 50px; border:1px solid #ededed; background-color:#fbfbfb; word-break:keep-all; }
#member_guide li { position:relative; padding:2px 0; }
#member_guide li::before { content:""; display:block; position:absolute; top:14px; left:-10px; width:4px; height:4px; background-color:#222; border-radius:5px; }
#member_guide li a { padding:3px 10px; background-color:#222; font-size:90%; font-weight:430; color:#fff; border-radius:3px; }
#member_input { margin:0 0 40px; }
#member_input h4 { display:block; float:left; margin:0 0 10px; padding:0; font-size:140%; font-weight:500; }
#member_input .compulsory_guide { float:right; font-size:95%; font-weight:400; text-align:right; box-sizing:border-box; }
#member_input .compulsory_guide span { font-size:150%; color:#fd7070; }
#member_input ul { clear:both; margin:0 0 50px; padding:15px 20px 0; border-top:2px solid #222; }
#member_input ul:last-child { margin:0; }
#member_input li { overflow:hidden; padding:20px 0; border-bottom:1px solid #ededed; vertical-align:middle; }
#member_input li:last-child { border:none; }
#member_input .title { display:block; float:left; position:relative; width:200px; padding:0 50px 0 0; font-weight:500; text-align:right; line-height:40px; box-sizing:border-box; }
#member_input .title span { position:absolute; top:-5px; right:35px; font-size:140%; color:#fd7070; }
#member_input .input_box { float:left; height:42px; margin-right:5px; padding:5px 10px; border:1px solid #ddd; font-weight:300; box-sizing:border-box; }
#member_input .input_box#new_passwd { margin-left:200px; }
#member_input .select_box { float:left; height:42px; padding:0 30px 0 10px; border:1px solid #ddd; background:url("../wp_default_image/admin_select_arrow.png") no-repeat 93% center; font-size:95%; box-sizing:border-box; appearance:none; }
#member_input .form_check_title { height:42px; margin-right:20px; line-height:42px; }
#member_input .input_guide { display:block; clear:both; margin:0 0 0 200px; padding:5px 0 0; font-size:90%; color:#999; }
#member_input .textarea_box { float:left; width:calc(100% - 200px); padding:5px 10px; border:1px solid #ddd; box-sizing:border-box; }
#member_input .click_button { display:block; float:left; width:90px; height:42px; margin-right:10px; background-color:#222; font-size:95%; font-weight:400; text-align:center; color:#fff; line-height:42px; box-sizing:border-box; }
#member_input .change_pw { display:block; }
#member_input strong { display:block; height:42px; line-height:42px; }
#member_login { width:580px; margin:0 auto; padding:80px; border:1px solid #ddd; 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 #ddd; 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:var(--form-button-color); font-size:110%; font-weight:500; text-align:center; color:#fff; }
#member_login .account_button { 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; top:calc(50% - 7px); right:-17px; height:14px; border-right:2px solid #222; }
#member_login .account_button li:last-child::after { display:none; }
#member_search .search_title { position:relative; margin:0 0 10px; padding:25px 0; border-bottom:2px solid #222; font-size:180%; font-weight:500; text-align:center; }
#member_search .search_title::before { content:""; display:block; position:absolute; top:calc(50% - 19px); left:calc(50% - 125px); width:35px; height:35px; background:url("../wp_default_image/page_login_sprite.png") no-repeat 0 0; }
#member_search .search_title.pw::before { background-position:0 -35px; }
#member_search .search_guide { margin:0 0 10px; padding:10px 0; font-size:95%; text-align:center; word-break:keep-all; }
#member_search .search_field { width:100%; margin:0 0 30px; padding:0 20px; box-sizing:border-box; }
#member_search .search_field li { overflow:hidden; padding:15px; border-bottom:1px solid #ededed; vertical-align:middle; }
#member_search .search_field li:last-child { border:none; }
#member_search .search_field .title { display:block; float:left; position:relative; width:130px; padding:0 30px 0 0; font-weight:500; text-align:right; line-height:40px; box-sizing:border-box; }
#member_search .search_field .form_input_box { float:left; width:calc(100% - 140px); }
#privacy_agree .agree_list { margin:0 0 50px; padding: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 { margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #ddd; }
#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 #ededed; border-radius:3px; vertical-align:middle; }
#privacy_agree .agree_text { display:none; overflow-y:scroll; clear:both; width:100%; max-height:300px; margin:10px 0; padding:10px; background-color:#fbfbfb; 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 #ddd; }
#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 #ddd; font-size:110%; text-align:center; line-height:160%; word-break:keep-all; }
#privacy h4 { margin:0; padding:10px; border-bottom:2px solid #222; font-size:110%; font-weight:500; }
#privacy h4 .round { display:inline-block; margin-right:8px; padding:2px 10px; background-color:#222; color:#fff; border-radius:9px; }
#privacy .comment { margin-bottom:40px; padding:20px; border:1px solid #ededed; border-top:none; 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; margin:0 3px; width:30px; font-size:90%; font-weight:500; vertical-align:middle; line-height:30px; box-sizing:border-box; }
#paging_move_round .number a { display:block; height:30px; padding:0; color:#222; box-sizing:border-box; transition:0.2s; }
#paging_move_round .number strong { display:block; height:30px; background-color:#222; color:#fff; line-height:32px; border-radius:30px; box-sizing:border-box; }
#paging_move_round .number a:hover { background-color:#ddd; color:#333; border-radius:30px; transition:0.2s; }
#paging_move_round .none { display:inline-block; width:15px; height:30px; margin:0 10px; text-indent:-9999px; vertical-align:middle; }
#paging_move_round .none.prev { background:url("../wp_default_image/page_paging_sprite.png") no-repeat center 6px; }
#paging_move_round .none.next { background:url("../wp_default_image/page_paging_sprite.png") no-repeat center -23px; }
/*****************************************************************************************************************/
#admin_body { background-color:#e9edf2; }
#admin_login_wrap { width:100%; height:100%; }
#admin_login_wrap .login_box { position:absolute; top:calc(50% - 250px); left:calc(50% - 370px); width:740px; height:500px; padding:30px 0 0 30px; box-sizing:border-box; }
#admin_login_wrap .title_box { position:absolute; top:0; left: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; }
#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; top:calc(50% - 8px); left:20px; 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:110%; color:#333; 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 #222; background-color:#fff; font-size:160%; font-weight:600; text-align:center; }
#admin_login_wrap .form_box .link_btn { overflow:hidden; border-top:1px solid #ededed; border-bottom:1px solid #ededed; 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; letter-spacing:2px; }
#admin_login_wrap .form_box .link_btn li a::before { content:""; display:block; position:absolute; top:calc(50% - 7px); right:0; 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 { display:block; overflow:hidden; width:195px; height:45px; font-size:160%; 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 { display:block; float:left; 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% - 7px); 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% - 7px); 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; top:5px; right:10px; 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% - 7px); 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; position:relative; width:100%; height:85px; 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 { display:block; position:relative; 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:""; display:block; position:absolute; bottom:-6px; left:calc(50% - 6px); z-index:2000; border-top:6px solid #262833; border-right:6px solid transparent; border-left:6px solid transparent; }
#admin_header .main_menu .menu_box > li > a::before { content:""; display:block; position:absolute; top:calc(50% - 8px); left:40px; 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; top:45px; left:0; 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; 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; }
#admin_aside .today_date #live_time { display:block; font-size:120%; color:#ff3333; }
#admin_aside .aside_title { display:block; margin-bottom:5px; word-break:keep-all; }
#admin_aside .aside_title span { font-size:90%; color:#666; }
#admin_aside .login_ment { display:block; margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #e5e5e5; color:#777; }
#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 #ededed; }
#admin_aside .aside_search select { width:100%; margin-bottom:5px; padding:5px; border:1px solid #ddd; background:url("../wp_default_image/admin_select_arrow.png") no-repeat 95% center; box-sizing:border-box; appearance:none; }
#admin_aside .input_box { position:relative; }
#admin_aside .input_box input { width:100%; padding:5px; border:1px solid #999; background-color:#ededed; box-sizing:border-box; }
#admin_aside .input_box button { position:absolute; top:calc(50% - 8px); right:5px; 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:120%; 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; top:10px; left:0; width:16px; height:16px; }
#admin_main_section .main_box .more { display:block; position:absolute; top:30px; right: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 { display:block; float:left; width:100px; height:100px; margin-right:3%; padding-top:15px; background:url("../wp_default_image/admin_sprite.png") no-repeat -120px 0; text-align:center; color:#fff; line-height:1.3; 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:80%; 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 { font-size:90%; color:#ff3333; letter-spacing:0; }
#admin_main_section .main_volume .volume_box .small { font-size:90%; }
#admin_main_section .main_volume .volume_box .capacity { font-size:90%; color:#666; letter-spacing:0; }
#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; top:0; left: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; 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; font-size:130%; }
#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 #ddd; }
#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 #ededed; }
#admin_main_section .plan ul li .date { display:block; float:left; width:130px; word-break:keep-all; }
#admin_main_section .plan ul li .subject { display:block; float:left; 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 { display:block; overflow:hidden; float:left; width:60px; margin-right:5px; background-color:#222; font-size:95%; text-align:center; color:#fff; border-radius:5px; }
#admin_main_section .notice_box ul li .subject { display:block; overflow:hidden; float:left; width:calc(100% - 150px); font-size:105%; white-space:nowrap; text-overflow:ellipsis; word-break:keep-all; }
#admin_main_section .notice_box ul li .reply { float:left; }
#admin_main_section .notice_box ul li .date { display:block; float:right; 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 { display:block; overflow:hidden; margin:0 auto; width:100%; text-align:center; white-space:nowrap; text-overflow:ellipsis; }
#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; border-radius:5px; box-shadow:2px 2px 5px #bbc6d3; box-sizing:border-box; }
#admin_sub_section .button_big { display:inline-block; padding:0 10px; border:1px solid #ddd; background-color:#fff; vertical-align:middle; box-sizing:border-box; transition:0.3s; }
#admin_sub_section .button_big.button_excel { position:relative; padding-left:30px; background-color:#fbfbfb; }
#admin_sub_section .button_big.button_excel::before { content:""; display:block; position:absolute; top:calc(50% - 10px); left:5px; width:20px; height:20px; background:url("../wp_default_image/admin_sprite.png") no-repeat -20px -60px; }
#admin_sub_section .button_big.search { padding:3px 10px; font-size:95%; }
#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 #ddd; background-color:#fff; font-size:90%; vertical-align:middle; line-height:20px; box-sizing:border-box; }
#admin_position { overflow:hidden; 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:150%; font-weight:600; line-height:26px; }
#admin_position .etc_menu { float:right; }
#admin_position .sub_menu { overflow:hidden; float:left; }
#admin_position .sub_menu li { float:left; position:relative; margin-right:20px; font-size:105%; line-height:26px; }
#admin_position .sub_menu li::after { content:""; display:block; position:absolute; top:9px; right:-10px; 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 #ddd; }
#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; vertical-align:middle; line-height:30px; }
#admin_sub_search #search_area .form_check_title { display:inline-block; height:26px; margin-right:10px; vertical-align:middle; line-height:26px; }
#admin_document input.input_box { padding:3px 5px; border:1px solid #ddd; vertical-align:middle; box-sizing:border-box; }
#admin_document input.input_chk { padding:3px 5px; border:1px solid #ddd; background:url("../wp_default_image/admin_require_arrow.gif") no-repeat left top; vertical-align:middle; box-sizing:border-box; appearance:none; }
#admin_document select.input_box { padding:3px 25px 3px 5px; border:1px solid #ddd; background:url("../wp_default_image/admin_select_arrow.png") no-repeat 93% center; vertical-align:middle; box-sizing:border-box; appearance:none; }
#admin_document select.input_chk { padding:3px 25px 3px 5px; border:1px solid #ddd; background:url("../wp_default_image/admin_require_arrow.gif") no-repeat left top, url("../wp_default_image/admin_select_arrow.png") no-repeat 93% center; vertical-align:middle; box-sizing:border-box; appearance:none; }
#admin_document .textarea_box { width:100%; padding:5px; border:1px solid #ddd; vertical-align:middle; box-sizing:border-box; }
#admin_document .textarea_chk { width:100%; padding:5px; border:1px solid #ddd; 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 #ddd; background:#fff url("../wp_default_image/admin_select_arrow.png") no-repeat 93% center; box-sizing:border-box; cursor:pointer; }
#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 #ddd; 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:inline-block; overflow:hidden; width:100%; margin-top:1px; color:#666; line-height:100%; cursor:pointer; }
#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; top:8px; left:10px; border-top:4px solid transparent; border-right:4px solid #222; border-bottom:4px solid transparent; }
#admin_document .select_box .select_data ul li dl dd p { padding:4px; border:1px solid #222; 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:#ededed; 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 #ededed; background-color:#fbfbfb; 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; white-space:normal; word-break:break-all; }
#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%; }
#admin_document .board_prev_next li { overflow:hidden; margin:0; padding:3px 0; border-bottom:1px dotted #ddd; }
#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 { display:block; overflow:hidden; width:calc(100% - 50px); white-space:nowrap; text-overflow:ellipsis; }
#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; text-align:left; color:#444; 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; vertical-align:middle; line-height:26px; }
#admin_document .table_input .sub_title { display:inline-block; height:26px; vertical-align:middle; line-height:26px; }
#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 #ddd; }
#admin_document .table_input .attach_modify .first_line { border-bottom:1px solid #ddd; }
#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 { 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 #ddd; border-left:0; background-color:#ededed; }
#admin_document #statistic_graph .graph_bar span { position:absolute; top:0; right:-160px; width:150px; color:#777; 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; font-size:110%; font-weight:500; color:#fff; border-radius:3px; }
#admin_document #bottom .center_button button.cancel { border:1px solid #ddd; background-color:#fbfbfb; color:#000; }
#admin_document #bottom #keyword_search { clear:both; text-align:center; }
/*****************************************************************************************************************
- 개발자가 개발범위에 맞는 Class 및 ID 값을 작성규칙에 의거하여 새롭게 정의한다. (네이밍 수정불가)
*****************************************************************************************************************/

/* Body */
#popup_body { margin:0; padding:0; }
#main_body { position:relative; margin:0; padding:0; }
#main_body::after { content:""; display:block; position:absolute; top:0; left:0; z-index:-1; width:100%; height:430px; background:#245aa9 url("../wp_images/main_bg.jpg") no-repeat right bottom; }
#sub_body { margin:0; padding:0; }

/* 메인화면 레이아웃 */
#main_wrap { margin:0; padding:0; }
#main_header { margin:0; padding:0; }
#main_section { overflow:hidden; margin:0; padding:0; }
#main_footer { clear:both; margin:0; padding:0; }

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

/* 상단영역 콘텐츠 */
#top_contents { position:fixed; top:0; left:0; z-index:1500; width:100%; height:80px; transition:.5s; }
#top_contents:hover { background-color:#fff; transition:.5s; }
#top_contents:hover .top_logo .main_logo { display:none; }
#top_contents:hover .top_logo .mouse_hover_logo { display:inline-block; }
#top_contents:hover .main_menu .menu_list > li > a { color:#222; }
#top_contents:hover .main_menu .menu_top { display:none; }
#top_contents:hover .main_menu .menu_hover { display:inline-block; }
#top_contents.on { background-color:#fff; transition:.5s; }
#top_contents.on .top_logo .main_logo { display:none; }
#top_contents.on .top_logo .mouse_hover_logo { display:inline-block; }
#top_contents.on .main_menu .menu_list > li > a { color:#222; }
#top_contents.on .main_menu .menu_top { display:none; }
#top_contents.on .main_menu .menu_hover { display:inline-block; }
#top_contents .top_division { width:1200px; height:100%; margin:0 auto; }
#top_contents .top_logo { display:inline-block; margin-top:27px; }
#top_contents .top_logo a:nth-child(2) { display:none; }
#top_contents .top_logo .mouse_hover_logo { display:none; }
#top_contents .mobile_menu_open { display:none; }
#top_contents .top_nav { float:right; position:relative; width:calc(100% - 280px); }
#top_contents .mobile_menu_top { display:none; }
#top_contents .main_menu { position:relative; z-index:2000; }
#top_contents .main_menu .menu_list::after { content:""; display:block; clear:both; }
#top_contents .main_menu .menu_list > li { float:left; position:relative; width:19.5%; text-align:center; }
#top_contents .main_menu .menu_list > li:hover { background-color:#205198; }
#top_contents .main_menu .menu_list > li:hover a { color:#fff; }
#top_contents .main_menu .menu_list > li:hover ul { background-color:#245aa9; background-image:none; box-shadow:0 -1px 2px rgba(0,0,0,0.1); }
#top_contents .main_menu .menu_list > li > a { display:block; height:80px; font-size:1.187rem; font-weight:600; color:#fff; line-height:85px; }
#top_contents .main_menu .menu_list > li > button { display:none; }
#top_contents .main_menu .menu_list ul { display:none; position:absolute; top:100%; left:0; z-index:1000; width:100%; height:220px; padding:20px 0 0; background:url("../wp_images/menu_cover_bg-02.jpg") no-repeat right center; box-sizing:border-box; }
#top_contents .main_menu .menu_list > li:last-child ul { background-image:none; }
#top_contents .main_menu .menu_list ul li { position:relative; line-height:40px; }
#top_contents .main_menu .menu_list ul li::after { content:""; display:block; position:absolute; bottom:0; left:50%; width:0; height:1px; background-color:#fff; transition:all .3s; }
#top_contents .main_menu .menu_list ul li:hover::after { left:27px; width:70%; }
#top_contents .main_menu .menu_list ul li:hover a { font-size:1.06rem; font-weight:500; transition:.1s; }
#top_contents .main_menu .menu_list ul li a { font-size:1rem; color:#333; transition:.1s; }
#top_contents .main_menu img { position:absolute; top:30px; right:0; cursor:pointer; }
#top_contents .main_menu .menu_hover { display:none; }
#top_contents .main_menu .copyright { display:none; }
#menu_cover { display:none; position:fixed; top:80px; left:0; z-index:1000; width:100%; height:220px; background:#f7f7f7 url("../wp_images/menu_cover_bg-01.jpg") no-repeat left calc(50% - 525px) bottom; box-sizing:border-box; }

/* 하단영역 콘텐츠 */
#bottom_contents { padding:30px 0; background-color:#f7f7f7; box-sizing:border-box; }
#bottom_contents .bottom_list { position:relative; width:1200px; margin:0 auto; }
#bottom_contents .logo { position:absolute; top:15px; left:0; }
#bottom_contents .top_move { position:fixed; right:calc(50% - 680px); bottom:108px; z-index:1000; width:52px; height:52px; background:#a0a0a0 url("../wp_images/top_move_icon.jpg") no-repeat center center; border-radius:12px; text-indent:-9999px; }
#bottom_contents .bottom_address { position:relative; padding-left:24.3%; font-size:0.875rem; box-sizing:border-box; }
#bottom_contents .bottom_address::before { content:""; display:block; position:absolute; top:4px; left:261px; width:1px; height:72px; background-color:#989898; }
#bottom_contents .bottom_address .space { margin-right:15px; font-weight:400; color:#555; }
#bottom_contents .bottom_address .space strong { margin-right:4px; font-weight:600; color:#222; }
#bottom_contents .bottom_address .space .title { margin-right:4px; font-weight:600; color:#222; }
#bottom_contents .bottom_address .space.tel { margin-right:50px; }
#bottom_contents .bottom_address .space.fax { margin-right:50px; }
#bottom_contents .bottom_address .space.address { display:inline-block; }
#bottom_contents .bottom_address .space.mobile_tel { display:none; }
#bottom_contents .copyright { margin-top:7px; padding-left:24.3%; font-size:0.875rem; font-weight:400; color:#555; box-sizing:border-box; }
#bottom_contents .quick_menu { position:fixed; right:calc(50% - 760px); bottom:185px; z-index:1000; width:152px; padding:14px 28px 10px 28px; border:1px solid #e5e5e5; background-color:#fff; border-radius:150px; }
#bottom_contents .quick_menu .customer { display:block; padding-left:23px; background:url("../wp_images/m_quick_icon.png") no-repeat left 25px center; font-size:1rem; font-weight:500; text-align:center; line-height:22px; box-sizing:border-box; }
#bottom_contents .quick_menu .tel { display:block; font-size:1.437rem; font-weight:600; text-align:center; letter-spacing:0; }
#bottom_contents .quick_menu .tablet_contents { display:none; }
#bottom_contents .quick_menu_mobile { display:none; }

/* 메인화면 콘텐츠 */
#main_visual { position:relative; }
#main_visual .image_slide { position:relative; width:1200px; height:450px; margin:0 auto 80px; padding-top:85px; border-radius:15px; }
#main_visual .image_slide .visual_01 { background:url("../wp_images/main_visual_01.jpg") no-repeat center center / cover; }
#main_visual .image_slide .visual_01 .vision { position:absolute; top:100px; left:0; width:100%; color:#fff; }
#main_visual .image_slide .visual_01 .vision .detail { display:block; position:absolute; top:60px; left:0; width:100%; font-family:"Josefin Sans"; text-align:center; font-size:1.875rem; text-shadow:-2px 1px 3px rgba(0, 0, 0, 0.4); opacity:0; transition:0.8s; }
#main_visual .image_slide .visual_01 .vision .comment { display:block; position:absolute; top:110px; left:0; width:100%; font-size:2.5rem; font-weight:600; text-align:center; line-height:60px; text-shadow:-2px 1px 3px rgba(0, 0, 0, 0.4); opacity:0; transition:0.8s; }
#main_visual .image_slide .visual_01 .vision .mobile_contents { display:none; position:absolute; top:110px; left:0; width:100%; font-size:2.5rem; font-weight:600; text-align:center; line-height:60px; text-shadow:-1px 1px 8px rgba(0, 0, 0,1); opacity:0; transition:1.5s; }
#main_visual .image_slide .visual_01.swiper-slide-active .vision .detail { top:20px; opacity:1; transition:1s; }
#main_visual .image_slide .visual_01.swiper-slide-active .vision .comment { top:90px; opacity:1; transition:1s; transition-delay:0.7s; }
#main_visual .image_slide .visual_01.swiper-slide-active .vision .mobile_contents { top:65px; opacity:1; transition:1.5s; }
#main_visual .image_slide .visual_02 { background:url("../wp_images/main_visual_02.jpg") no-repeat center center / cover; border-radius:15px; }
#main_visual .visual_pagination { bottom:25px; }
#main_visual .visual_pagination .swiper-pagination-bullet { width:130px; height:5px; margin-right:30px; border-radius:0; }
#main_visual .visual_pagination .swiper-pagination-bullet-active { background-color:#fff; }
#main_visual .visual_btn.swiper-button-prev { top:285px; left:calc(50% - 680px); height:50px; background:url("../wp_images/visual_prev.png") no-repeat; opacity:1; cursor:pointer; pointer-events:auto; }
#main_visual .visual_btn.swiper-button-next { top:285px; right:calc(50% - 700px); height:50px; background:url("../wp_images/visual_next.png") no-repeat; opacity:1; cursor:pointer; pointer-events:auto; }
#main_item .title { font-size:1.56rem; font-weight:600; text-align:center; color:#245aa9; }
#main_item .comment { font-size:2.375rem; font-weight:700; text-align:center; color:#222; letter-spacing:-1px; }
#main_item .main_best_product { position:relative; margin:30px 0 50px; }
#main_item .main_best_product::before { content:""; display:block; position:absolute; top:51px; left:0; width:100%; height:520px; background-color:#f7f7f7; }
#main_item .main_best_product .product_slide { overflow:hidden; position:relative; width:1200px; margin:0 auto 175px; }
#main_item .main_best_product .product_slide .swiper-slide.swiper-slide-active { position:relative; margin:20px 14px; background:#245aa9 url("../wp_images/product_list_bg.jpg") no-repeat right bottom -65px; box-shadow:10px 10px 10px rgba(0, 0, 0, 0.1); }
#main_item .main_best_product .product_slide .swiper-slide.swiper-slide-active::before { content:""; display:block; position:absolute; top:-20px; left:-20px; width:150px; height:130px; background:url("../wp_images/product_mark.png") no-repeat top left; }
#main_item .main_best_product .product_slide .swiper-slide.swiper-slide-active::after { content:""; display:block; position:absolute; top:0; right:-18px; z-index:-1; width:50px; height:50px; background:url("../wp_images/product_list_bg-02.jpg") no-repeat top right; }
#main_item .main_best_product .product_slide .swiper-slide.swiper-slide-active a .product_image { padding-top:48px; }
#main_item .main_best_product .product_slide .swiper-slide.swiper-slide-active a .product_image .best_product_small { display:none; }
#main_item .main_best_product .product_slide .swiper-slide.swiper-slide-active a .product_image .best_product_big { display:block; }
#main_item .main_best_product .product_slide .swiper-slide.swiper-slide-active a .contents { margin-top:20px; }
#main_item .main_best_product .product_slide .swiper-slide.swiper-slide-active a .contents .title { color:#fff600; }
#main_item .main_best_product .product_slide .swiper-slide.swiper-slide-active a .contents .detail { color:#fff; }
#main_item .main_best_product .product_slide .swiper-slide.swiper-slide-active a .contents .comment { color:#ffffffd9; }
#main_item .main_best_product .product_slide .swiper-slide.swiper-slide-active a .contents .explanation { opacity:1; }
#main_item .main_best_product .product_slide .swiper-slide a { display:block; width:100%; height:100%; }
#main_item .main_best_product .product_slide .swiper-slide a .product_image { width:100%; padding-top:112px; box-sizing:border-box; }
#main_item .main_best_product .product_slide .swiper-slide a .product_image img { display:block; margin:0 auto; }
#main_item .main_best_product .product_slide .swiper-slide a .product_image .best_product_big { display:none; }
#main_item .main_best_product .product_slide .swiper-slide a .contents .title { display:block; font-size:1rem; color:#245aa9; }
#main_item .main_best_product .product_slide .swiper-slide a .contents .detail { display:block; margin:5px; font-size:1.5rem; font-weight:600; text-align:center; color:#222; word-break:keep-all; }
#main_item .main_best_product .product_slide .swiper-slide a .contents .comment { display:block; margin-bottom:20px; font-size:0.937rem; font-weight:400; text-align:center; color:#222; letter-spacing:1px; }
#main_item .main_best_product .product_slide .swiper-slide a .contents .skill { margin-bottom:50px; }
#main_item .main_best_product .product_slide .swiper-slide a .contents .explanation { width:100%; height:73px; padding:10px 0 10px 100px; background-color:#1d48879e; box-sizing:border-box; opacity:0; }
#main_item .main_best_product .product_slide .swiper-slide a .contents .explanation li { position:relative; width:100% !important; padding-left:15px; font-size:0.937rem; color:#b0c6e6; box-sizing:border-box; }
#main_item .main_best_product .product_slide .swiper-slide a .contents .explanation li::before { content:""; display:block; position:absolute; top:10px; left:0; width:3px; height:3px; background-color:#fff; border-radius:100%; }
#main_item .main_best_product .product_slide .swiper-slide a .contents .explanation li strong { margin-right:10px; color:#fff; }
#main_item .main_best_product .product_prev { top:280px; left:50px; width:80px; height:80px; background:url("../wp_images/product_prev.png") no-repeat left center; }
#main_item .main_best_product .product_next { top:280px; right:50px; width:80px; height:80px; background:url("../wp_images/product_next.png") no-repeat right center; }
#main_item .main_best_product .product_pagination { bottom:-54px; font-size:1rem; color:#9a9a9a; }
#main_item .main_best_product .product_pagination span { font-size:1.125rem; color:#245aa9; }
#main_item .product_pagination_bullets { overflow:hidden; position:relative; bottom:90px; left:0; width:550px; margin:0 auto; }
#main_item .product_pagination_bullets .swiper-slide { position:relative; width:52px !important; height:2px; margin-right:3px; background-color:#d4d4d4; cursor:pointer; }
#main_item .product_pagination_bullets .swiper-slide-thumb-active { width:52px !important; color:#d4d4d4; }
#main_item .product_pagination_bullets .swiper-slide-thumb-active::after { content:""; display:block; position:absolute; bottom:0; left:0; width:100%; border-bottom:2px solid #245aa9; }
#main_item .main_product_menu { overflow:hidden; width:1200px; margin:0 auto 50px; padding-left:90px; box-sizing:border-box; }
#main_item .main_product_menu li { float:left; width:250px; height:55px; margin-right:1%; padding-top:14px; background-color:#f5f5f5; font-size:1rem; font-weight:500; text-align:center; border-radius:150px; box-sizing:border-box; transition:.3s; }
#main_item .main_product_menu li:last-child { margin-right:0; }
#main_item .main_product_menu li.on { background-color:#1b1b1b; color:#fff; }
#main_item .main_product_menu li:hover { background-color:#1b1b1b; color:#fff; transition:.3s; }
#main_item .main_product_menu li a { display:block; width:100%; height:100%; }
#main_item .main_product_item { width:1200px; margin:0 auto; }
#main_item .main_product_item #product_title_01 { margin-bottom:20px; font-size:2rem; font-weight:600; }
#main_item .main_product_item .item { overflow:hidden; display:grid; grid-template-columns:31.9% 31.9% 31.9%; column-gap:2%; row-gap:50px; margin-bottom:65px; }
#main_item .main_product_item .item li:nth-child(3n) { margin:0; }
#main_item .main_product_item .item li a { display:block; width:100%; height:100%; }
#main_item .main_product_item .item li .product_image { position:relative; height:400px; border:1px solid #e5e5e5; text-indent:-9999px; }
#main_item .main_product_item .item li .product_image::after { content:""; display:block; position:absolute; top:0; left:0; width:99%; height:99%; border:2px solid #245aa9; box-shadow:5px 5px 10px rgba(0,0,0,0.05); opacity:0; transition:.3s; }
#main_item .main_product_item .item li .product_image:hover::after { opacity:1; transition:.3s; }
#main_item .main_product_item .item li:first-child .product_image { background:url("../wp_images/main_product_01.jpg") no-repeat center center; }
#main_item .main_product_item .item li:nth-child(2) .product_image { background:url("../wp_images/main_product_02.jpg") no-repeat center center; }
#main_item .main_product_item .item li:nth-child(3) .product_image { background:url("../wp_images/main_product_03.jpg") no-repeat center center; }
#main_item .main_product_item .item li:nth-child(4) .product_image { background:url("../wp_images/main_product_04.jpg") no-repeat center center; }
#main_item .main_product_item .item li:nth-child(5) .product_image { background:url("../wp_images/01_01_product-05.jpg") no-repeat center center; }
#main_item .main_product_item .item li:last-child { position:relative; }
#main_item .main_product_item .item li:last-child .product_image { background:url("../wp_images/main_product_21.jpg") no-repeat center center; }
#main_item .main_product_item .item li:last-child .product_image:hover::after { display:none; }
#main_item .main_product_item .item li .subject { display:block; margin-top:20px; padding-left:3px; font-size:1.31rem; font-weight:bolder; color:#222; box-sizing:border-box; }
#main_item .main_product_item .item li .explanation { display:block; padding:2px 0 0 3px; font-size:0.937rem; box-sizing:border-box; }
#main_item .main_product_item .item li .contents { overflow:hidden; margin-top:8px; }
#main_item .main_product_item .item li .contents li { float:left; width:auto; height:inherit; margin:0 1% 0 4px; padding:2px 15px; font-size:0.812rem; color:#fff; border-radius:150px; box-sizing:border-box; }
#main_item .main_product_item .item li .contents li:first-child { background-color:#444 }
#main_item .main_product_item .item li .contents li:last-child { background-color:#245aa9; }
#main_item .main_product_item .item li:last-child .comment { position:absolute; top:122px; left:0; width:100%; font-family:"Josefin Sans"; font-size:1.875rem; font-weight:600; text-align:center; color:#fff; line-height:40px; letter-spacing:1px; }
#main_item .main_product_item #product_title_02 { margin-bottom:20px; font-size:2rem; font-weight:600; }
#main_item .main_product_item .item.abalone li .product_image { height:320px; }
#main_item .main_product_item .item.abalone li:first-child .product_image { background:url("../wp_images/main_product_07.jpg") no-repeat center right; }
#main_item .main_product_item .item.abalone li:nth-child(2) .product_image { background:url("../wp_images/main_product_08.jpg") no-repeat center center; }
#main_item .main_product_item .item.abalone li:nth-child(3) .product_image { background:url("../wp_images/main_product_09.jpg") no-repeat center center; }
#main_item .main_product_item .item.abalone li:nth-child(4) .product_image { background:url("../wp_images/main_product_13.jpg") no-repeat center center; }
#main_item .main_product_item .item.abalone li:nth-child(5) .product_image { background:url("../wp_images/main_product_12.jpg") no-repeat center center; }
#main_item .main_product_item .item.abalone li:last-child .product_image { background:url("../wp_images/main_product_11.jpg") no-repeat center center; }
#main_item .main_product_item .item.abalone li:nth-child(2) .contents li:last-child { background-color:#008392; }
#main_item .main_product_item .item.abalone li:nth-child(3) .contents li:first-child { background-color:#008392; }
#main_item .main_product_item .item.abalone li:nth-child(3) .contents li:last-child { background-color:#245aa9; }
#main_item .main_product_item .item.abalone li:nth-child(6) .contents li:first-child { background-color:#008392; }
#main_item .main_product_item .item.abalone li:nth-child(7) .contents li:first-child { background-color:#245aa9; }
#main_item .main_product_item .item.abalone li:nth-child(7) .contents li:last-child { background-color:#008392; }
#main_item .main_product_item .item.abalone li:last-child .product_image:hover::after { display:block; }
#main_item .main_product_item #product_title_03 { margin-bottom:20px; font-size:2rem; font-weight:600; }
#main_item .main_product_item .item.wash li .product_image { height:400px; }
#main_item .main_product_item .item.wash li:first-child .product_image { background:url("../wp_images/main_product_19.jpg") no-repeat center center; }
#main_item .main_product_item .item.wash li:nth-child(2) .product_image { background:url("../wp_images/main_product_18.jpg") no-repeat center center; }
#main_item .main_product_item .item.wash li:nth-child(3) .product_image { background:url("../wp_images/main_product_20.jpg") no-repeat center center; }
#main_item .main_product_item .item.wash li:nth-child(4) .product_image { background:url("../wp_images/main_product_16.jpg") no-repeat center center; }
#main_item .main_product_item .item.wash li:nth-child(5) .product_image { background:url("../wp_images/01_03_product-05.jpg") no-repeat center center; }
#main_item .main_product_item .item.wash li:nth-child(6) .product_image { background:url("../wp_images/main_product_23.jpg") no-repeat center center; }
#main_item .main_product_item .item.wash li:nth-child(7) .product_image { background:url("../wp_images/main_product_24.jpg") no-repeat center center; }
#main_item .main_product_item .item.wash li:nth-child(8) .product_image { background:url("../wp_images/01_03_product-08.jpg") no-repeat center center; }
#main_item .main_product_item .item.wash li:last-child .product_image { background:url("../wp_images/main_product_21.jpg") no-repeat center center; }
#main_item .main_product_item .item.wash li:nth-child(3) .contents li:last-child { background-color:#008392; }
#main_item .main_product_item .item.wash li:nth-child(4) .contents li:first-child { background-color:#008392; }
#main_item .main_product_item .item.wash li:nth-child(5) .contents li:first-child { background-color:#008392; }
#main_item .main_product_item #product_title_04 { margin-bottom:20px; font-size:2rem; font-weight:600; }
#main_item .main_product_item .item.machine { margin-bottom:80px; }
#main_item .main_product_item .item.machine li .product_image { height:400px; }
#main_item .main_product_item .item.machine li:first-child .product_image { background:url("../wp_images/main_product_25.jpg") no-repeat center center; }
#main_item .main_product_item .item.machine li:nth-child(2) .product_image { background:url("../wp_images/01_04_product-02.jpg") no-repeat center center; }
#main_item .main_product_item .item.machine li:nth-child(3) .product_image { background:url("../wp_images/01_04_product-03.jpg") no-repeat center center; }
#main_item .main_product_item .item.machine li:nth-child(4) .product_image { background:url("../wp_images/01_04_product-04.jpg") no-repeat center center; }
#main_item .main_product_item .item.machine li:nth-child(5) .product_image { background:url("../wp_images/01_04_product-05.jpg") no-repeat center center; }
#main_item .main_product_item .item.machine li:last-child .product_image { background:url("../wp_images/main_product_27.jpg") no-repeat center center; }
#main_item .main_banner { padding-bottom:80px; background:url("../wp_images/main_banner_bg.jpg") no-repeat top center; box-sizing:border-box; }
#main_item .main_banner .vision { width:100%; padding-top:115px; font-size:1.875rem; font-weight:600; text-align:center; color:#fff; line-height:57px; box-sizing:border-box; }
#main_item .main_banner .vision .comment { display:block; font-size:2.812rem; font-weight:600; color:#fff; letter-spacing:0; text-shadow:3px 2px 3px rgba(0,0,0,0.4); }
#main_item .main_banner .direct { overflow:hidden; width:1200px; height:180px; margin:90px auto 0; }
#main_item .main_banner .direct li { float:left; position:relative; width:25%; height:100%; color:#fff; }
#main_item .main_banner .direct li::after { content:""; display:block; position:absolute; right:0; bottom:0; width:1px; height:83%; background-color:#ffffff1f; }
#main_item .main_banner .direct li:last-child::after { display:none; }
#main_item .main_banner .direct li:first-child { background:#245aa9 url("../wp_images/main_direct_01.png") no-repeat top 40px center; }
#main_item .main_banner .direct li:nth-child(2) { background:#245aa9 url("../wp_images/main_direct_02.png") no-repeat top 40px center; }
#main_item .main_banner .direct li:nth-child(3) { background:#245aa9 url("../wp_images/main_direct_03.png") no-repeat top 42px center; }
#main_item .main_banner .direct li:last-child { background:#245aa9 url("../wp_images/main_direct_04.png") no-repeat top 42px center; }
#main_item .main_banner .direct li a { display:block; width:100%; height:100%; }
#main_item .main_banner .direct li strong { display:block; padding-top:110px; font-size:1.25rem; text-align:center; box-sizing:border-box; }
#main_item .main_banner .direct li:first-child strong { padding-top:100px; }
#main_item .main_banner .direct li span { display:block; font-size:0.937rem; text-align:center; color:#abc0de; line-height:22px; }
#main_item .main_banner .direct li .arrow { display:block; position:absolute; top:0; right:0; z-index:1; width:60px; height:60px; background:#193f76 url("../wp_images/main_direct_more.png") no-repeat center center; opacity:0; transition:.3s; text-indent:-9999px; }
#main_item .main_banner .direct li:hover .arrow { opacity:1; transition:.3s; }

/* 서브화면 콘텐츠 */
#sub_header #top_contents { background-color:#fff; }
#sub_header #top_contents .top_logo .main_logo { display:none; }
#sub_header #top_contents .top_logo .mouse_hover_logo { display:block; }
#sub_header #top_contents .main_menu .menu_top { display:none; }
#sub_header #top_contents .main_menu .menu_hover { display:block; }
#sub_header #top_contents .main_menu .menu_list > li > a { color:#222; }
#sub_header #top_contents .main_menu .menu_list > li:hover > a { color:#fff; }
#sub_visual { height:320px; margin-top:80px; }
#sub_nav { position:relative; width:1200px; margin:0 auto 63px; }
#sub_nav h2 { position:absolute; top:-290px; width:100%; margin:0; padding:0; font-size:2.5rem; font-weight:600; text-align:center; color:#fff; text-shadow:0 1px 4px rgba(0,0,0,1); }
#sub_nav span { display:block; position:absolute; position:absolute; top:-205px; width:100%; font-weight:400; text-align:center; color:#fff; }
#sub_nav ul { position:absolute; bottom:63px; left:0; background-color:#345770; }
#sub_nav li { display:table-cell; position:relative; width:1%; font-size:1.25rem; font-weight:500; text-align:center; line-height:55px; color:#fff; }
#sub_nav ul li.on::after { opacity:1; transition:0.3s; }
#sub_nav ul li::after { content:""; display:block; position:absolute; bottom:0; left:0; z-index:1; width:100%; height:calc(100% + 6px); background:#245aa9 url("../wp_images/sub_nav_bg.jpg") no-repeat top right; opacity:0; transition:0.3s; }
#sub_nav ul li a { display:block; position:relative; z-index:2; width:100%; height:100%; }
#sub_nav ul li.on a { top:-2px; }
#sub_aside { display:none; }
#sub_position { margin-bottom:50px; text-align:center; }
#sub_position_title { font-size:2.187rem; font-weight:600; color:#222; }
#sub_position_text { display:none; }
#sub_document { overflow:hidden; width:1200px; margin:0 auto; padding:20px 0 60px 0; table-layout:fixed; }
.sub_product { width:100% !important; padding:0 0 60px !important; }
#sub_page_preparation { width:100%; height:240px; margin:0 auto; background:url("../wp_default_image/page_preparation.gif") no-repeat center center; background-size:contain; }
#sub_page_update { width:100%; height:240px; margin:0 auto; background:url("../wp_default_image/page_update.gif") no-repeat center center; background-size:contain; }

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

/* 페이지 공용 */
.accessibility_skip_nav a { display:block; overflow:hidden; position:absolute; top:0; left:0; width:100%; height:0; background-color:#676767; color:#fff; text-align:center; }
.accessibility_skip_nav a:focus { position:absolute; z-index:9999; width:100%; height:auto; margin:0; padding:10px 0; color:#fff; font-weight:500; }
.accessibility_ir { overflow:hidden; position:absolute; top:auto; left:-10000px; height:1px; }
#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; }
.page_scroll_none { position:fixed; top:0; left:0; width:100%; height:100%; }
.page_table { width:1200px; margin:0 auto; border-top:1px solid #222; 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 #ddd; border-bottom:1px solid #ddd; background-color:#f7f7f7; font-size:0.937rem; font-weight:600; }
.page_table thead th:first-child { border-left:none; }
.page_table tbody tr th { border-bottom:1px solid #ddd; }
.page_table tbody tr .bg_gray { background-color:#fbfbfb; }
.page_table tbody tr td { padding:10px 5px; border-bottom:1px solid #ddd; border-left:1px solid #ddd; font-size:0.937rem; text-align:center; word-break:keep-all; }
.page_table tbody tr td:first-child { border-left:none; }
.page_table tbody tr td.border_left { border-left:1px solid #ddd; }
.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; top:50px; right:0; z-index:100; width:230px; margin:0; padding:10px 0; border:1px solid #ddd; 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 #ddd; 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 #ddd; 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 #ddd; 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 #ddd; 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:600; }
.page_view_title .caution { font-weight:normal; color:#ff3333; }
.page_tab_menu { margin:0 0 50px; border:1px solid #ddd; }
.page_tab_menu li { display:table-cell; width:1%; border-right:1px solid #ddd; box-sizing:border-box; }
.page_tab_menu li:last-child { border-right:0; }
.page_tab_menu li a { display:block; position:relative; padding:10px 0; font-size:110%; font-weight:400; text-align:center; color:#777; }
.page_tab_menu li.on a { color:var(--form-check-color); }
.page_tab_menu li.on a::before { content:""; display:block; position:absolute; bottom:0; left:0; width:100%; border-bottom:3px solid var(--form-check-color); }
.page_tab_menu li.on a::after { content:""; display:block; position:absolute; bottom:3px; left:calc(50% - 6px); border-right:6px solid transparent; border-bottom:6px solid var(--form-check-color); border-left:6px solid transparent; }
.page_mobile_tel { display:none; }
.page_mobile_enter { width:0; height:0; font-size:0; }
.page_image_pc { display:block; max-width:100%; margin:0 auto; }
.page_image_mobile { display:none; max-width:100%; margin:0 auto; }
.page_title_h3 { position:relative; width:1200px; margin:100px auto 50px; font-size:2.187rem; font-weight:500; text-align:center; }
.page_title_h3::before { content:""; display:block; position:absolute; top:30px; left:0; width:39.5%; height:2px; background-color:#cacaca; z-index:-1; }
.page_title_h3::after { content:""; display:block; position:absolute; top:30px; right:0; width:39.5%; height:2px; background-color:#cacaca; z-index:-1; }
.page_title_h3.shelter::before { content:""; display:block; position:absolute; top:30px; left:0; width:30%; height:2px; background-color:#cacaca; }
.page_title_h3.shelter::after { content:""; display:block; position:absolute; top:30px; right:0; width:30%; height:2px; background-color:#cacaca; }
.page_title_h3.rope::before { content:""; display:block; position:absolute; top:30px; left:0; width:27%; height:2px; background-color:#cacaca; }
.page_title_h3.rope::after { content:""; display:block; position:absolute; top:30px; right:0; width:27%; height:2px; background-color:#cacaca; }
.page_title_h3.wash { margin:60px auto 50px; }
.page_title_h3.tone::before { content:""; display:block; position:absolute; top:30px; left:0; width:35%; height:2px; background-color:#cacaca; }
.page_title_h3.tone::after { content:""; display:block; position:absolute; top:30px; right:0; width:35%; height:2px; background-color:#cacaca; }
.page_title_h4 { margin-bottom:28px; padding-left:15px; background:url("../wp_images/05_03.png") no-repeat left center; font-size:1.56rem; font-weight:600; box-sizing:border-box; }

/* 메인메뉴1 (제품소개) */
.page01_product_list { overflow:hidden; }
.page01_product_list li { float:left; width:380px; height:auto; margin:0 29px 0 0; }
.page01_product_list li:hover .product::after { opacity:1; transition:.3s; }
.page01_product_list li:first-child { margin:0 29px 63px 0; }
.page01_product_list li:nth-child(2) { margin:0 29px 63px 0; }
.page01_product_list li:nth-child(3n) { margin:0 0 63px 0; }
.page01_product_list li:last-child { margin:0; }
.page01_product_list li a { width:100%; height:100%; }
.page01_product_list li a .product { position:relative; width:100%; height:400px; border:1px solid #e5e5e5; }
.page01_product_list li a .product::after { content:""; display:block; position:absolute; top:0; left:0; width:99%; height:99%; border:2px solid #245aa9; opacity:0; transition:.3s; }
.page01_product_list li a .title { display:block; margin-top:20px; font-size:1.31rem; text-align:center; }
.page01_top_image { position:relative; height:576px; }
.page01_top_image::after { content:""; display:block; position:absolute; bottom:0; left:0; z-index:-1; width:100%; height:100%; background:url("../wp_images/top01_bg.jpg") no-repeat bottom center; }
.page01_top_image::before { content:""; display:block; position:absolute; bottom:0; left:0; width:100%; height:567px; }
.page01_top_image img { position:relative; top:0; left:calc(50% - 640px); }
.page01_top_image .contents { overflow:hidden; position:absolute; right:calc(50% - 640px); bottom:50px; width:580px; height:395px; background-color:#245aa9; color:#fff; border-radius:12px; box-sizing:border-box; }
.page01_top_image .contents .title { display:block; width:88%; margin:0 auto; padding:15px 0; font-size:1.56rem; text-align:center; color:#fff; word-break:keep-all; }
.page01_top_image .contents iframe { border-radius:0 0 12px 12px; }
.page01_top_image .contents .detail { display:block; padding:33px 45px; font-size:2.5rem; font-weight:600; line-height:60px; box-sizing:border-box; animation:up 1.2s ease-in-out; }
.page01_top_image .contents .detail span.space { display:block; }
.page01_top_image .contents .patent { display:block; width:100%; padding:11px 0; background-color:#205198; text-align:center; color:#ffffffeb; border-radius:0 0 12px 12px; box-sizing:border-box; }
.page01_top_image.ledge .contents { right:calc(50% - 410px); bottom:85px; width:330px; height:275px; border-radius:0; }
.page01_top_image.ledge .contents .title { padding:20px 0 15px; border-bottom:1px solid #668cc3; font-size:1.187rem; color:#c5d8f4; }
.page01_top_image .contents.automatic { right:calc(50% - 410px); bottom:83px; width:330px; height:275px; padding-top:23px; }
.page01_top_image .abalone_image { left:calc(50% - 600px); }
.page01_top_image .wash_image { left:calc(50% - 500px); }
.page01_top_image.wash .contents { right:calc(50% - 470px); bottom:85px; width:400px; height:300px; border-radius:0; }
.page01_top_image.wash .contents .title { padding:20px 0 15px; border-bottom:1px solid #668cc3; font-size:1.187rem; color:#c5d8f4; }
.page01_top_image.wash .contents .detail { padding:33px 37px; }
.page01_top_image.wash .contents.wash { right:calc(50% - 430px); bottom:85px; width:355px; height:275px; }
.page01_top_image.wash .contents.sweeper { bottom:100px; height:245px; }
.page01_top_image.wash .contents.sweeper .title { width:90%; }
.page01_top_image.wash .contents.sweeper .detail { padding:33px 43px; }
.page01_top_image.wash .contents.rope { right:calc(50% - 440px); bottom:120px; width:370px; height:210px; }
.page01_top_image.wash .contents.rope .detail { padding:33px 29px; }
.page01_top_image.wash .contents.measurement { right:calc(50% - 420px); bottom:87px; width:350px; height:265px; }
.page01_top_image.wash .contents.measurement .detail { padding:33px 48px; }
.page01_top_image.machine .machine_image { top:30px; left:calc(50% - 480px); }
.page01_top_image.machine .contents { right:calc(50% - 470px); bottom:85px; width:400px; height:300px; border-radius:0; }
.page01_top_image.machine .contents .title { padding:20px 0 15px; border-bottom:1px solid #668cc3; font-size:1.187rem; color:#c5d8f4; }
.page01_top_image.machine .contents.mackerel { right:calc(50% - 420px); bottom:120px; width:350px; height:205px; }
.page01_top_image.machine .contents.mackerel .detail { padding:33px 31px; }
.page01_top_image.machine .contents.scallop .title { width:87%; }
.page01_top_image.machine .contents.scallop { bottom:93px; height:254px; }
.page01_top_image.machine .contents.scallop .detail { padding:33px 19px; }
.page01_top_image.machine .contents.cabbage { bottom:90px; height:265px; }
.page01_top_image.machine .contents.cabbage .detail { padding:33px 44px; }
.page01_top_image.machine .contents.pump { right:calc(50% - 390px); bottom:90px; width:320px; height:260px; }
.page01_top_image.machine .contents.pump .detail { padding:33px 45px; }
.page01_consult { overflow:hidden; width:1200px; margin:70px auto 100px; padding-left:320px; box-sizing:border-box; }
.page01_consult li { float:left; width:200px; height:50px; margin-right:10px; padding:8px 0 0 30px; font-size:1.125rem; font-weight:500; text-align:center; border:1px solid #222; box-sizing:border-box; }
.page01_consult li:hover { border:none; }
.page01_consult li:first-child { padding:8px 0 0 20px; background:url("../wp_images/01_01_01-01.jpg") no-repeat left 48px center; transition:all .3s; }
.page01_consult li:first-child:hover { background:#245aa9 url("../wp_images/01_01_01-01-hover.jpg") no-repeat left 48px center; color:#fff; }
.page01_consult li:nth-child(2) { background:url("../wp_images/01_01_01-02.jpg") no-repeat left 27px center; }
.page01_consult li:nth-child(2):hover { background:#245aa9 url("../wp_images/01_01_01-02-hover.jpg") no-repeat left 27px center; color:#fff; }
.page01_consult li:last-child { width:130px; margin-right:0; background:url("../wp_images/01_01_01-03.jpg") no-repeat left 29px center; }
.page01_consult li:last-child:hover { background:#245aa9 url("../wp_images/01_01_01-03-hover.jpg") no-repeat left 29px center; color:#fff; }
.page01_consult li a { display:block; width:100%; height:100%; }
.page01_relevance { display:block; margin:0 auto; }
.page01_excellence { width:1200px; margin:0 auto; }
.page01_excellence .title { display:block; padding-left:100px; font-size:1.812rem; box-sizing:border-box; }
.page01_excellence .characteristic { overflow:hidden; margin-bottom:80px; padding:10px 100px; box-sizing:border-box; }
.page01_excellence .characteristic li { float:left; position:relative; padding-left:10px; font-size:1.06rem; text-align:left; color:#333; box-sizing:border-box; }
.page01_excellence .characteristic li::before { content:""; display:block; position:absolute; top:13px; left:0; width:5px; height:1px; background-color:#333; }
.page01_excellence .characteristic li:nth-child(odd) { width:60%; }
.page01_excellence .characteristic li .accent { color:#0080cd; }
.page01_excellence.wash .characteristic { margin-bottom:60px; }
.page01_excellence .point { overflow:hidden; padding:0px 60px; box-sizing:border-box; }
.page01_excellence.auto .point { border-bottom:1px solid #d6d6d6; }
.page01_excellence .point li { overflow:hidden; float:left; width:50%; height:280px; margin-bottom:9%; word-break:keep-all; box-sizing:border-box; }
.page01_excellence .point li:first-child { width:500px; }
.page01_excellence .point li:nth-child(2) { padding:40px 0 0 120px; }
.page01_excellence .point li:nth-child(3) { padding:45px 79px 0 25px; }
.page01_excellence .point li:nth-child(4) { width:500px; margin-left:40px; }
.page01_excellence .point li:nth-child(7) { width:500px; }
.page01_excellence .point li.mobile_contents { display:none; }
.page01_excellence .point li:nth-child(8) { padding:30px 0 0 115px; }
.page01_excellence .point li .subject { display:block; margin-bottom:10px; font-size:1.812rem; font-weight:600; }
.page01_excellence .point li .detail { font-size:0.937rem; color:#333; line-height:20px; letter-spacing:0; }
.page01_excellence .point li .contents li { float:none; position:relative; width:inherit; height:inherit; margin:0; padding:0 0 0 10px; font-size:0.937rem; color:#333; box-sizing:border-box; }
.page01_excellence .point li .contents li::before { content:""; display:block; position:absolute; top:13px; left:0; width:5px; height:1px; background-color:#333; }
.page01_excellence .point li img { transition:all .3s; }
.page01_excellence .point li:hover img { transform:scale(1.05); }
.page01_excellence.pulley { padding-top:40px; }
.page01_excellence.abalone { overflow:hidden; }
.page01_excellence.abalone .characteristic { padding:10px 0 10px 100px; }
.page01_excellence.abalone li { float:none; }
.page01_excellence.abalone li:nth-child(odd) { width:inherit; }
.page01_excellence.abalone .structure { float:left; width:60%; }
.page01_excellence.abalone .control { float:right; width:30%; }
.page01_excellence.abalone .control .title { padding-left:0; }
.page01_excellence.abalone .control .characteristic { padding:10px 0; }
.page01_part_image { overflow:hidden; width:1200px; margin:0 auto 90px; padding:90px 0 0 160px; border-top:1px solid #adadad; box-sizing:border-box; }
.page01_part_image li { float:left; width:41.8%; margin-right:4%; }
.page01_part_image li:last-child { margin-right:0; }
.page01_part_image li span { display:block; margin-top:20px; font-size:1.125rem; text-align:center; }
.page01_part_image.abalone li { margin:0 4% 40px 0; }
.page01_part_image.abalone li:nth-child(3) { margin:0 4% 0 0; }
.page01_part_image.abalone li:last-child { margin:0 4% 0 0; }
.page01_part_image.circle li:last-child { width:85%; margin:0; }
.page01_part_image.circle li:last-child img { display:block; margin:0 auto; }
.page01_banner { width:100%; height:250px; background:url("../wp_images/01_01_01-08.jpg") no-repeat center center; }
.page01_banner.seaweed { width:100%; height:250px; background:url("../wp_images/01_01_02-02.jpg") no-repeat center center; }
.page01_banner.automatic { background:url("../wp_images/01_01_03-04.jpg") no-repeat center center; }
.page01_banner.rotation { background:url("../wp_images/01_01_04-02.jpg") no-repeat center center; }
.page01_banner.pulley { background:url("../wp_images/01_01_05-01.jpg") no-repeat center center; }
.page01_banner.abalone { background:url("../wp_images/01_02_01-06.jpg") no-repeat center center; }
.page01_banner.vibration { background:url("../wp_images/01_02_02-06.jpg") no-repeat center center; }
.page01_banner.circle { background:url("../wp_images/01_02_03-05.jpg") no-repeat center center; }
.page01_banner.elimination { background:url("../wp_images/01_02_04-04.jpg") no-repeat center center; }
.page01_banner.ledge { background:url("../wp_images/01_02_05-04.jpg") no-repeat center center; }
.page01_banner.shelter { background:url("../wp_images/01_02_06-04.jpg") no-repeat center center; }
.page01_banner.diesel { background:url("../wp_images/01_03_02-04.jpg") no-repeat center center; }
.page01_banner.gasoline { background:url("../wp_images/01_03_03-05.jpg") no-repeat center center; }
.page01_banner.cleaner { background:url("../wp_images/01_03_04-04.jpg") no-repeat center center; }
.page01_banner.sweeper { background:url("../wp_images/01_03_05-05.jpg") no-repeat center center; }
.page01_banner.rope { background:url("../wp_images/01_03_06-03.jpg") no-repeat center center; }
.page01_banner.measurement { background:url("../wp_images/01_03_07-03.jpg") no-repeat center center; }
.page01_banner.mackerel { background:url("../wp_images/01_04_01-01.jpg") no-repeat center center; }
.page01_banner.trap { margin-top:100px; background:url("../wp_images/01_04_02-02.jpg") no-repeat center center; }
.page01_banner.scallop { background:url("../wp_images/01_04_03-04.jpg") no-repeat center center; }
.page01_banner.cabbage { background:url("../wp_images/01_04_04-01.jpg") no-repeat center center; }
.page01_banner .comment { display:block; width:1200px; margin:0 auto; padding-top:77px; font-size:2.187rem; font-weight:600; text-align:right; color:#fff; line-height:51px; box-sizing:border-box; }
.page01_banner.scallop .comment { padding-top:100px; }
.page01_unit { display:block; width:1200px; margin:0 auto; font-size:0.875rem; text-align:right; }
.page01_explanation { overflow:hidden; display:block; width:1200px; margin:0 auto; font-size:0.875rem; }
.page01_explanation .unit { display:block; float:right; width:90px; text-align:right; }
.page01_company { position:relative; width:1200px; height:592px; margin:0 auto; padding-top:60px; border-top:1px solid #959595; background:url("../wp_images/01_company-01.png") no-repeat bottom right 70px; }
.page01_company .title { display:block; margin-bottom:30px; padding-left:80px; font-size:2.5rem; font-weight:600; box-sizing:border-box; }
.page01_company .comment { display:block; padding-left:80px; font-size:1.437rem; font-weight:500; line-height:36px; letter-spacing:0; box-sizing:border-box; }
.page01_company img { position:absolute; bottom:162px; right:166px; transition:.2s; }
.page01_company img:hover { transition:all .3s; transform:translateY(-5px); }
.page01_vision { width:1200px; margin:30px auto 0; padding:40px 0; border:1px solid #ddd; background:#f7f7f7 url("../wp_images/01_company-03.png") no-repeat left 70px center; box-sizing:border-box; }
.page01_vision .promise { display:block; padding-left:210px; font-size:1.25rem; font-weight:500; box-sizing:border-box; }
.page01_vision span.space { display:block; }
.page01_03_accessory { display:grid; grid-template-columns:18.5% 18.5% 18.5% 18.5% 18.5%; column-gap:2%; row-gap:3%; width:1080px; margin:0 auto 146px; }
.page01_03_accessory li .product { position:relative; width:100%; height:200px; border:1px solid #e5e5e5; }
.page01_03_accessory li .product::after { content:""; display:block; position:absolute; top:0; left:0; width:99%; height:99%; border:1px solid #245aa9; opacity:0; }
.page01_03_accessory li:hover .product::after { opacity:1; transition:.3s; }
.page01_03_accessory li .product img { width:100%; }
.page01_03_accessory li .subject { display:block; margin-top:10px; font-size:1.125rem; font-weight:500; text-align:center; }
.page01_etc_image { display:grid; grid-template-columns:18.6% 18.6% 18.6% 18.6% 18.6%; column-gap:1.7%; width:1080px; margin:0 auto; }
.page01_etc_image li .product { border:1px solid #e5e5e5; }
.page01_etc_image li .product img { width:100%; }
.page01_etc_image li span { display:block; width:100%; margin-top:15px; font-size:1.125rem; font-weight:400; text-align:center; }

/* 메인메뉴2 (제품리뷰) */

/* 메인메뉴3 (고객지원) */
.page03_01_location { overflow:hidden; margin-bottom:60px; }
.page03_01_location li { float:left; margin:0 3% 0 0; }
.page03_01_location li:last-child { margin:0 0 10px; }
.page03_01_location li .root_daum_roughmap { max-width:100%; }
.page03_01_location li .info { position:relative; width:100%; padding:16px 0 16px 45px; box-sizing:border-box; box-shadow:2px 2px 10px #eaeaea; }
.page03_01_location li .info span { display:block; }
.page03_01_location li .info .address { display:block; font-size:1.25rem; font-weight:500; letter-spacing:0; word-break:keep-all; }
.page03_01_location li .info .map_link { display:block; position:absolute; top:calc(50% - 30px); right:30px; width:62px; height:62px; background:url("../wp_images/page_map_naver.jpg") no-repeat center center; text-indent:-9999px; border-radius:100%; }
.page03_01_location:last-child { margin-bottom:0; }
.page03_01_location:last-child li .info { box-shadow:2px 6px 10px #eaeaea; }

/* 메인메뉴4 (기술소개) */
.page04_01_certification { display:grid; grid-template-columns:repeat(3, 260px); column-gap:90px; row-gap:50px; position:relative; justify-content:center; }
.page04_01_certification li { background-color:#fff; border:1px solid #bfbfbf; }
.page04_01_certification li a { display:block; padding:10px; }
.page04_01_certification li a img { display:block; width:100%; margin:0 0 21px; border:1px solid #e5e5e5; }
.page04_01_certification li a span { display:block; position:relative; width:100%; padding:12.5px 5px; background-color:#aaa; font-size:1rem; font-weight:450; text-align:center; color:#fff; line-height:130%; word-break:keep-all; box-sizing:border-box; }
.page04_01_certification li a span::after { content:""; display:block; position:absolute; left:calc(50% - 7px); top:-8px; border-bottom:10px solid #aaa; border-left:6px solid transparent; border-right:6px solid transparent; }
.page04_01_certification li:hover { border:1px solid #245aa9; box-shadow:10px 8px 8px rgba(0, 0, 0, 0.1); }
.page04_01_certification li:hover a span { background-color:#245aa9; }
.page04_01_certification li:hover a span::after { border-bottom-color:#245aa9; }

/* 메인메뉴5 (회사소개) */
.page05_01_company { position:relative; margin-bottom:63px; padding:0 41px 82px 0; box-sizing:border-box; }
.page05_01_company img { display:block; margin:0 auto; }
.page05_01_company .contents { position:absolute; right:0; bottom:0; width:300px; height:300px; background:url("../wp_images/05_01_01.jpg") no-repeat 0 0; box-shadow:6px 6px 15px rgba(0, 0, 0, 0.1); }
.page05_01_company .contents .comment { display:block; padding:55px 0 0 45px; font-size:2.06rem; font-weight:600; color:#fff; line-height:50px; word-break:keep-all; box-sizing:border-box; animation:up 1.2s ease-in-out; }
.page05_01_company .contents .comment.mobile { display:none; }
.page05_01_overview .title { display:block; position:relative; width:89%; margin:0 auto; padding-bottom:28px; border-bottom:1px solid #a0a0a0; font-size:1.81rem; font-weight:600; text-align:center; }
.page05_01_overview .title::after { content:""; display:block; position:absolute; right:-23px; bottom:-3px; width:30px; height:10px; background:url("../wp_images/05_01_02.png") no-repeat right bottom; }
.page05_01_overview .title span { color:#20529a; }
.page05_01_overview .greeting { padding:50px 150px 80px 200px; font-size:1.125rem; word-break:keep-all; box-sizing:border-box; }
.page05_01_product { overflow:hidden; padding-left:70px; box-sizing:border-box; }
.page05_01_product li { float:left; width:12.4%; margin-right:1.2%; padding-top:10%; border-radius:5px; }
.page05_01_product li:first-child { background:#f5f5f5 url("../wp_images/05_01_03.jpg") no-repeat center center; }
.page05_01_product li:nth-child(2) { background:#f5f5f5 url("../wp_images/05_01_04.jpg") no-repeat center center; }
.page05_01_product li:nth-child(3) { background:#f5f5f5 url("../wp_images/05_01_05.jpg") no-repeat center center; }
.page05_01_product li:nth-child(4) { background:#f5f5f5 url("../wp_images/05_01_06.jpg") no-repeat center center; }
.page05_01_product li:nth-child(5) { background:#f5f5f5 url("../wp_images/05_01_07.jpg") no-repeat center center; }
.page05_01_product li:nth-child(6) { background:#f5f5f5 url("../wp_images/05_01_08.jpg") no-repeat center center; }
.page05_01_product li:last-child { background:#f5f5f5 url("../wp_images/05_01_09.jpg") no-repeat center center; }
.page05_03_basic { margin-bottom:80px; padding:81px 40px; border:1px solid #cacaca; border-top:1px solid #245aa9; background:url("../wp_images/05_03_01.jpg") no-repeat center center; box-sizing:border-box; }
.page05_03_basic img { display:block; margin:0 auto; }
.page05_03_type { overflow:hidden; margin-bottom:80px; }
.page05_03_type li { float:left; width:48%; margin-right:4%; }
.page05_03_type li:last-child { margin-right:0; }
.page05_03_type li .contents { height:280px; margin-top:28px; border:1px solid #cacaca; }
.page05_03_type li:first-child .contents { background:url("../wp_images/05_03_03.png") no-repeat center top 38px; }
.page05_03_type li:last-child .contents { background:#2759a8 url("../wp_images/05_03_04.png") no-repeat center top 50px; }
.page05_03_type li .contents .subject { display:block; margin-top:220px; padding:13px 5px; background-color:#f7f7f7; font-size:1.25rem; font-weight:500; text-align:center; box-sizing:border-box; }
.page05_03_type li:last-child .contents .subject { background-color:#fff; }
.page05_03_rule { overflow:hidden; }
.page05_03_rule li { float:left; width:23.4%; height:180px; margin-right:2.13%; padding:53px 0 0 30px; background-color:#245aa9; color:#fff; box-sizing:border-box; }
.page05_03_rule li:nth-child(2) { background-color:#2f93d1; }
.page05_03_rule li:nth-child(3) { background-color:#41bbed; }
.page05_03_rule li:last-child { margin-right:0; background-color:#151f41; }
.page05_03_rule li .color { display:block; margin-bottom:15px; font-size:1.25rem; }
.page05_03_download { overflow:hidden; margin-top:70px; padding-left:calc(50% - 255px); }
.page05_03_download li { float:left; width:240px; height:45px; margin-right:3%; padding:8px 0 0 50px; border:1px solid #8ca8d2; background:#f4f7fb url("../wp_images/05_03_05.png") no-repeat right 45px center; font-weight:500; color:#013582; border-radius:5px; box-sizing:border-box; }
.page05_03_download li:last-child { margin-right:0; padding:8px 0 0 60px; }
.page05_03_download li a { display:block; width:100%; height:100%; }
@keyframes up { from { transform:translateY(30px); opacity:0; }	to { transform:translateY(0); opacity:1; } }

/* 제품리뷰 */
.blog_detail .blog_content .date { display:none !important; }
.blog_detail .blog_content .title { font-size:118% !important; }
.blog_detail .blog_content p { word-break:break-all; }

/* A/S 및 제품문의 */
.consult_guide { height:340px; margin-bottom:93px; padding:40px 0 20px; background-color:#f7f7f7; border-radius:15px; box-sizing:border-box; }
.consult_guide .comment { display:block; margin-bottom:30px; font-size:1.375rem; text-align:center; word-break:keep-all; }
.consult_guide .comment span { color:#245aa9; }
.consult_guide .contents { overflow:hidden; margin:0 0 30px calc(50% - 380px); }
.consult_guide .contents li { float:left; position:relative; width:130px; height:130px; margin-right:187px; border-radius:100%; }
.consult_guide .contents li::after { content:""; display:block; position:absolute; top:55px; right:-100px; width:13px; height:20px; background:url("../wp_images/03_02_03.png") no-repeat center center; }
.consult_guide .contents li:first-child { background:#fff url("../wp_images/03_02.png") no-repeat top 35px center; }
.consult_guide .contents li:nth-child(2) { background:#fff url("../wp_images/03_02_01.png") no-repeat top 30px center; }
.consult_guide .contents li:last-child { margin-right:0; background:#fff url("../wp_images/03_02_02.png") no-repeat top 30px center; }
.consult_guide .contents li:last-child::after { display:none; }
.consult_guide .contents li span { display:block; margin-top:75px; font-weight:500; text-align:center; }
.consult_guide .information { overflow:hidden; width:785px; margin:0 auto; padding:11px 45px; background-color:#eee; border-radius:150px; box-sizing:border-box; }
.consult_guide .information li { float:left; position:relative; margin-right:6%; font-size:1.06rem; font-weight:500; }
.consult_guide .information li:last-child { margin-right:0; }
.consult_guide .information li::after { content:""; display:block; position:absolute; top:5px; right:-20px; width:1px; height:18px; background-color:#a0a0a0; }
.consult_guide .information li:last-child::after { display:none; }
.board_write { margin-bottom:40px !important; }

/* 연혁관리 */
.history_list { margin:0; padding:0; }
.history_list .decade { overflow:hidden; margin:0 0 70px; padding:0; }
.history_list .decade:last-child { margin:0; }
.history_list .decade .title { float:left; width:280px; padding-top:160px; background:url("../wp_images/history_01.jpg") no-repeat center top; }
.history_list .decade .title h4 { width:180px; height:180px; margin:0 auto; padding:50px 0 0; background-color:#222; font-size:180%; font-weight:500; text-align:center; color:#fff; line-height:90%; border-radius:180px; box-sizing:border-box; }
.history_list .decade .year { float:right; position:relative; width:calc(100% - 420px); padding:10px 0; border-bottom:1px solid #ededed; }
.history_list .decade .year::before { content:""; display:block; position:absolute; bottom:-1px; z-index:1900; width:75px; border-bottom:1px solid #222; }
.history_list .decade .year dt { float:left; width:75px; padding-top:10px; font-size:140%; font-weight:500; text-align:center; }
.history_list .decade .year dd { overflow:hidden; float:right; width:calc(100% - 100px); padding:10px 0; border-bottom:1px solid #ededed; }
.history_list .decade .year dd:last-child { border:none; }
.history_list .decade .year dd .month { float:left; width:100px; text-align:left; font-weight:400; }
.history_list .decade .year dd .text { float:left; width:calc(100% - 100px); word-break:keep-all; }

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

	/* 상단영역 콘텐츠 */
	#top_contents .top_division { width:100%; padding:0 55px; box-sizing:border-box; }
	#top_contents .top_nav { width:calc(100% - 230px); }
	#top_contents .main_menu .menu_list > li { width:19.5%; word-break:keep-all; }
	#menu_cover { background-position:left -86px bottom; background-size:380px; }

	/* 하단영역 콘텐츠 */
	#bottom_contents .bottom_list { width:100%; padding:0 55px; box-sizing:border-box; }
	#bottom_contents .top_move { right:25px; }
	#bottom_contents .logo { left:55px; }
	#bottom_contents .bottom_address { padding-left:290px; }
	#bottom_contents .copyright { padding-left:290px; }
	#bottom_contents .quick_menu { right:0; bottom:200px; z-index:1000; width:65px; height:180px; padding:0; border:none; background:#151f41 url("../wp_images/m_quick_bg.jpg") no-repeat bottom left; border-radius:0; }
	#bottom_contents .quick_menu .customer { display:none; }
	#bottom_contents .quick_menu .tel { display:none; }
	#bottom_contents .quick_menu .tablet_contents { display:block; padding-top:62px; background:url("../wp_images/m_quick_icon-1300.jpg") no-repeat top 25px center; font-size:1.25rem; font-weight:600; text-align:center; color:#fff; line-height:27px; box-sizing:border-box; }
	#bottom_contents .quick_menu .tablet_contents .number { display:block; margin-bottom:5px; font-size:1rem; font-weight:400; }
	#bottom_contents .quick_menu_mobile { display:none; }

	/* 메인화면 콘텐츠 */
	#main_visual .image_slide { width:91%; }
	#main_visual .image_slide .visual_01 { border-radius:15px; }
	#main_visual .visual_btn.swiper-button-prev { left:15px; }
	#main_visual .visual_btn.swiper-button-next { right:-3px; }
	#main_item .main_best_product::before { height:calc(50% + 190px); }
	#main_item .main_best_product .product_slide { width:100%; }
	#main_item .main_best_product .product_slide .swiper-slide.seaweed a .product_image { height:inherit; padding:40px 0 0; }
	#main_item .main_best_product .product_slide .swiper-slide a .product_image { padding-top:80px; }
	#main_item .main_best_product .product_slide .swiper-slide a .product_image img { width:100%; height:100%; }
	#main_item .main_best_product .product_slide .swiper-slide.seaweed a .product_image img { width:100%; height:100%; }
	#main_item .main_best_product .product_slide .swiper-slide.swiper-slide-active { margin:20px 0; }
	#main_item .main_best_product .product_slide .swiper-slide.swiper-slide-active a .contents { margin-top:10px; }
	#main_item .main_best_product .product_slide .swiper-slide a .contents .detail { font-size:1.375rem; }
	#main_item .main_best_product .product_slide .swiper-slide a .contents .comment { font-size:0.875rem; word-break:keep-all; }
	#main_item .main_best_product .product_slide .swiper-slide a .contents .skill { margin-bottom:60px; }
	#main_item .main_best_product .product_slide .swiper-slide a .contents .explanation { padding:8px 0 8px 27%; }
	#main_item .main_best_product .product_prev { left:10px; background-size:55px; }
	#main_item .main_best_product .product_next { right:10px; background-size:55px; }
	#main_item .main_product_menu { width:100%; padding-left:calc(50% - 470px); }
	#main_item .main_product_menu li { width:225px; }
	#main_item .main_product_item { width:100%; padding:0 55px; box-sizing:border-box; }
	#main_item .main_product_item .item { grid-template-columns:repeat(auto-fit,minmax(24.8%, 1fr)); }
	#main_item .main_product_item .item li .contents li:last-child { margin:0; }
	#main_item .main_product_item .item li .explanation { word-break:keep-all; }
	#main_item .main_product_item .item li .product_image { height:33.5vw; }
	#main_item .main_product_item .item li:first-child .product_image { background-size:66.5%; }
	#main_item .main_product_item .item li:nth-child(2) .product_image { background-size:49.8%; }
	#main_item .main_product_item .item li:nth-child(3) .product_image { background-size:66%; }
	#main_item .main_product_item .item li:nth-child(4) .product_image { background-size:64%; }
	#main_item .main_product_item .item li:nth-child(5) .product_image { background-size:cover; }
	#main_item .main_product_item .item li:last-child .product_image { background-size:cover; }
	#main_item .main_product_item .item.abalone li .product_image { height:29.7vw; }
	#main_item .main_product_item .item.abalone li:first-child .product_image { background-size:80%; }
	#main_item .main_product_item .item.abalone li:nth-child(2) .product_image { background-size:80%; }
	#main_item .main_product_item .item.abalone li:nth-child(3) .product_image { background-size:80%; }
	#main_item .main_product_item .item.abalone li:nth-child(4) .product_image { background-size:71%; }
	#main_item .main_product_item .item.abalone li:nth-child(5) .product_image { background-size:77%; }
	#main_item .main_product_item .item.abalone li:nth-child(6) .product_image { background-size:80%; }
	#main_item .main_product_item .item.abalone li:last-child .product_image { background-size:80%; }
	#main_item .main_product_item .item.wash li .product_image { height:35.6vw; }
	#main_item .main_product_item .item.wash li:first-child .product_image { background-size:69%; }
	#main_item .main_product_item .item.wash li:nth-child(2) .product_image { background-size:63.5%; }
	#main_item .main_product_item .item.wash li:nth-child(3) .product_image { background-size:63.5%; }
	#main_item .main_product_item .item.wash li:nth-child(4) .product_image { background-size:68%; }
	#main_item .main_product_item .item.wash li:nth-child(5) .product_image { background-size:cover; }
	#main_item .main_product_item .item.wash li:nth-child(6) .product_image { background-size:49.9%; }
	#main_item .main_product_item .item.wash li:nth-child(7) .product_image { background-size:58.8%; }
	#main_item .main_product_item .item.wash li:nth-child(8) .product_image { background-size:cover; }
	#main_item .main_product_item .item.wash li:last-child .product_image { background-size:cover; }
	#main_item .main_product_item .item.machine li .product_image { height:35.6vw; }
	#main_item .main_product_item .item.machine li:first-child .product_image { background-size:42.8%; }
	#main_item .main_product_item .item.machine li:nth-child(2) .product_image { background-size:cover; }
	#main_item .main_product_item .item.machine li:nth-child(3) .product_image { background-size:cover; }
	#main_item .main_product_item .item.machine li:nth-child(4) .product_image { background-size:cover; }
	#main_item .main_product_item .item.machine li:nth-child(5) .product_image { background-size:cover; }
	#main_item .main_product_item .item.machine li:last-child .product_image { background-size:cover; }
	#main_item .main_banner .direct { width:90%; height:173px; }

	/* 서브화면 콘텐츠 */
	#sub_header #top_contents .top_logo a:first-child { display:none; }
	#sub_header #top_contents .top_logo .main_logo { display:none; }
	#sub_header #top_contents .mobile_menu_open { background:url("../wp_images/tm_hover_01.png") no-repeat center center; }
	#sub_visual { background-position:left calc(50% - 10px) top; }
	#sub_visual.sub_visual_05 { background-position:left -310px top !important; }
	#sub_nav { width:100%; }
	#sub_section { width:100%; }
	#sub_document { width:100%; padding:20px 5px 60px 5px; box-sizing:border-box; }

	/* 페이지 공용 */
	.page_table { width:100%; }
	.page_title_h3 { width:100%; }

	/* 메인메뉴1 (제품소개) */
	.page01_product_list li { width:31.65%; margin:0 2.4% 0 0; }
	.page01_product_list li:first-child { margin:0 2.4% 4% 0; }
	.page01_product_list li:nth-child(2) { margin:0 2.4% 4% 0; }
	.page01_product_list li:nth-child(3n) { margin:0 0 4% 0; }
	.page01_product_list.abalone li:last-child { margin:0; }
	.page01_product_list li a .product { height:33.4vw; }
	.page01_product_list li a .product img { width:100%; height:100%; }
	.page01_product_list li a .title { margin-top:5%; font-size:1.125rem; }
	.page01_top_image .contents { right:calc(50% - 500px); width:440px; height:363px; }
	.page01_top_image .contents iframe { width:100%; height:290px; }
	.page01_top_image.elimination .contents .title { line-height:35px; }
	.page01_top_image.shelter .contents .title { width:90%; }
	.page01_relevance { width:100%; }
	.page01_consult { width:100%; padding-left:calc(50% - 260px); }
	.page01_excellence { width:100%; }
	.page01_excellence .title { padding-left:8%; }
	.page01_excellence .point li img { width:96%; }
	.page01_excellence .point li:first-child { width:44%; height:auto; }
	.page01_excellence .point li:nth-child(2) { padding:3% 0 0 14%; }
	.page01_excellence .point li:nth-child(3) { padding:4% 6% 0 2%; }
	.page01_excellence .point li:nth-child(4) { width:43.45%; height:auto; margin-left:6.5%; }
	.page01_excellence .point li:nth-child(7) { width:51%; height:auto; }
	.page01_excellence .point li:nth-child(7) img { width:86.8%; }
	.page01_excellence .point li:nth-child(8) { width:49%; padding:3% 0 0 9%; }
	.page01_excellence .characteristic { padding:10px 5% 0 8%; }
	.page01_excellence .characteristic.seaweed li:nth-child(odd) { width:56%; }
	.page01_excellence .characteristic.rotation { padding:10px 0% 0 8%; }
	.page01_excellence .characteristic.rotation li:nth-child(odd) { width:56%; }
	.page01_excellence.abalone .characteristic { padding:10px 5% 0 8%; }
	.page01_excellence.abalone .control { width:36%; }
	.page01_part_image { width:100%; margin:0 auto 7vw; padding:8% 0 0 11%; }
	.page01_part_image li img { width:100%; height:auto; }
	.page01_part_image.circle li:last-child img { max-width:49.2%; }
	.page01_banner { background-position:left -500px center; }
	.page01_banner .comment { width:100%; padding:77px 20px 0 0; }
	.page01_unit { width:100%; }
	.page01_explanation { width:100%; }
	.page01_company { width:100%; }
	.page01_company .title { padding-left:7%; }
	.page01_company .comment { padding-left:7%; }
	.page01_vision { width:100%; }
	.page01_03_accessory { grid-template-columns:repeat(auto-fit,minmax(15.5%, 1fr)); width:100%; margin:0 auto 14%; }
	.page01_03_accessory li .product { height:auto; }
	.page01_etc_image { width:90%; }

	/* 메인메뉴3 (고객지원) */
	.page03_01_location li { width:48%; }
	.page03_01_location li:first-child img { width:100%; }
	.page03_01_location li .root_daum_roughmap { width:100% !important; }
	.page03_01_location li .root_daum_roughmap .wrap_map { height:20.7vw !important; }
	.page03_01_location li .info { padding:2.6% 0 2.6% 9%; }

	/* 메인메뉴5 (회사소개) */
	.page05_01_company img { width:100%; }
	.page05_01_overview .greeting { padding:50px 150px 80px calc(50% - 400px); }
	.page05_01_product { padding-left:6%; }
}
@media (max-width:1024px)
{
	#board_tab_menu ul { overflow:hidden; margin:0; padding:0; border:1px solid #ddd; }
	#board_tab_menu li { display:block; float:left; width:25%; margin:0; padding:0; border-right:1px solid #ddd; box-sizing:border-box; }
	#board_tab_menu li:last-child { border:none; }
	#board_tab_menu li a { display:block; padding:5px 0; border:none; background:none; text-align:center; border-radius:0; }
	#board_tab_menu li.on a { border:none; color:var(--form-check-color); }
	#board_tab_menu li.on a::before { content:""; display:block; position:absolute; bottom:0; left:0; width:100%; border-bottom:3px solid var(--form-check-color); }
	#board_tab_menu li.on a::after { content:""; display:block; position:absolute; bottom:3px; left:calc(50% - 6px); border-right:6px solid transparent; border-bottom:6px solid var(--form-check-color); border-left:6px solid transparent; }
	#board_list { border-top:1px solid #222; }
	#board_list .mobile_none { display:none; }
	#board_list td { padding:10px 5px; }
	#board_list .subject { width:100%; }
	#board_list .subject .icon_division { float:none; margin-right:5px; padding:0 10px; }
	#board_list .subject a { display:inline-block; overflow:hidden; max-width:700px; font-weight:400; vertical-align:middle; white-space:nowrap; text-overflow:ellipsis; }
	#board_list .mobile_board_name { overflow:hidden; font-size:90%; color:#777; }
	#board_list .mobile_board_name span { display:block; float:left; position:relative; margin-right:20px; }
	#board_list .mobile_board_name span::before { content:""; display:block; position:absolute; top:calc(50% - 5px); right:-10px; height:10px; border-right:1px solid #ddd; }
	#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:90%; }
	#board_view_title .board_view_head .name_row { font-size:90%; }
	#board_view_title .board_view_head .name { margin-right:3px; }
	#board_view_title .board_view_head .icon_notice { font-size:90%; }
	#board_prev_next { padding:5px 10px; border:1px solid #ddd; font-size:95%; list-style:none; }
	#board_input ul { padding:20px 5px 0; box-sizing:border-box; }
	#board_input ul li { margin:0 0 20px; padding:0; border:none; }
	#board_input .title { float:none; height:inherit; margin:0 0 3px; padding:0; text-align:left; line-height:140%; }
	#board_input .title span { display:inline; position:relative; top:0; right:0; }
	#board_input .input_box { float:none; width:100%; margin:0; outline:none; }
	#board_input .input_file { float:none; width:100%; }
	#board_input #subject { margin:5px 0 0; }
	#board_input .input_guide { margin:0; }
	#board_input .select_box { float:none; width:100%; margin:0; outline:none; }
	#board_input .attach_file { padding:0; }
	#board_input .attach_file li { border:none; }
	#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:90%; }
	#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:240px; height:180px; }
	#board_blog_list .blog_content { width:calc(100% - 260px); height:180px; }
	#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:#fbfbfb; }
	#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 { width:490px; max-width:100%; margin:0 auto; }
	#member_input h4 { float:none; margin:0 auto 10px; }
	#member_input .compulsory_guide { float:none; margin:-40px auto 0; padding:0 0 10px; }
	#member_input ul { margin:0 auto 50px; padding:20px 5px 0; box-sizing:border-box; }
	#member_input ul li { margin:0 0 20px; padding:0; border:none; }
	#member_input .title { float:none; height:inherit; margin:0 0 3px; padding:0; text-align:left; line-height:inherit; }
	#member_input .title span { display:inline; position:relative; right:0; top:0; }
	#member_input .input_box { float:none; width:100%; margin:0; outline:none; }
	#member_input .input_box#id { float:left; width:calc(100% - 100px); }
	#member_input .input_box#passwd { margin-bottom:5px; }
	#member_input .input_box#postcode { float:left; width:calc(100% - 100px); }
	#member_input .input_box#address1 { margin-bottom:5px; }
	#member_input .input_box#new_passwd { margin:0 0 5px; }
	#member_input .select_box { float:none; width:100%; outline:none; }
	#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_login { width:470px; padding:40px; }
	#member_login h4 { font-size:170%; }
	#privacy .title { font-size:100%; }
	#privacy .comment { padding:15px; }
	/*****************************************************************************************************************/

	/* 상단영역 콘텐츠 */
	#top_contents { display:block; position:relative; width:100%; height:80px; padding:10px 0; box-sizing:border-box; }
	#top_contents.on { display:none; }
	#top_contents:hover { background:none; transition:0; }
	#top_contents:hover .top_logo .main_logo { display:block; }
	#top_contents:hover .top_logo .mouse_hover_logo { display:none; }
	#top_contents:hover .main_menu .menu_top { display:none; }
	#top_contents:hover .main_menu .menu_hover { display:none; }
	#top_contents .top_division { padding:0; }
	#top_contents .top_logo { width:100%; height:100%; margin:0 auto; }
	#top_contents .top_logo a { display:block; height:50px; background:url("../wp_images/logo.jpg") no-repeat center center; background-size:contain; }
	#top_contents .top_logo a img { display:block; margin:15px auto 0; }
	#top_contents .mobile_menu_open { display:block; position:absolute; top:calc(50% - 33px); right:7px; width:45px; height:71px; background:url("../wp_images/tm_01.png") no-repeat center center; text-indent:-9999px; }
	#top_contents .top_nav { position:fixed; top:0; right:-100%; z-index:10000; width:100%; height:100vh; background-color:#fff; transition:0.4s ease; }
	#top_contents .top_nav.open { right:0; }
	#top_contents .mobile_menu_top { display:block; overflow:hidden; position:relative; height:70px; padding:0 10px; border-bottom:1px solid #ededed; box-sizing:border-box; }
	#top_contents .mobile_menu_top .home { display:inline-block; max-width:calc(100% - 40px); padding-left:40px; background:url("../wp_default_image/logo.png") no-repeat left center; background-size:30px; font-size:120%; font-weight:500; color:#000; line-height:70px; box-sizing:border-box; }
	#top_contents .mobile_menu_top .close { position:absolute; top:calc(50% - 12px); right:15px; width:24px; height:24px; background:url("../wp_default_image/page_mobile_sprite.png") no-repeat -40px 0; text-indent:-9999px; box-sizing:border-box; }
	#top_contents .top_menu { height:80px; padding:0 20px; border-bottom:1px solid #ededed; box-sizing:border-box; }
	#top_contents .top_menu li { float:left; width:50%; padding-top:15px; box-sizing:border-box; }
	#top_contents .top_menu li a { display:block; width:95%; height:50px; margin:0 auto; font-size:100%; font-weight:450; text-align:center; line-height:50px; box-sizing:border-box; }
	#top_contents .top_menu .login a { border:1px solid var(--mobile-point-color); background-color:var(--mobile-point-color); color:#fff; }
	#top_contents .top_menu .auth a { border:1px solid var(--mobile-point-color); }
	#top_contents .main_menu { overflow:scroll; position:relative; width:100%; height:calc(100vh - 150px); padding:15px 15px 30px 15px; box-sizing:border-box; }
	#top_contents .main_menu .menu_list { margin-bottom:10px; }
	#top_contents .main_menu .menu_list > li { float:none; width:100%; }
	#top_contents .main_menu .menu_list > li:hover { background:none; }
	#top_contents .main_menu .menu_list > li:hover ul { background:none; box-shadow:none; }
	#top_contents .main_menu .menu_list > li:hover a { color:#333; }
	#top_contents .main_menu .menu_list ul li:hover::after { display:none; }
	#top_contents .main_menu .menu_list ul li:hover a { font-size:105%; font-weight:normal; }
	#top_contents .main_menu .menu_list > li > a { display:none; }
	#top_contents .main_menu .menu_list > li > button { display:block; position:relative; width:100%; padding:4% 0 4% 5%; border-bottom:1px solid #ddd; background-color:#fff; font-size:110%; font-weight:500; text-align:left; color:#222; line-height:inherit; box-sizing:border-box; }
	#top_contents .main_menu .menu_list > li > button::before { content:""; display:block; position:absolute; top:calc(50% - 5px); right:30px; width:19px; height:11px; background:url("../wp_default_image/page_mobile_sprite.png") no-repeat 0 -34px; }
	#top_contents .main_menu .menu_list > li > button.on { color:var(--mobile-point-color); }
	#top_contents .main_menu .menu_list > li > button.on::before { background-position:-29px -34px; }
	#top_contents .main_menu .menu_list > li:first-child > button { border-top:none; }
	#top_contents .main_menu .menu_list ul { position:static; height:inherit; padding:0 15px; border-bottom:1px solid #ddd; background:none; box-sizing:border-box; }
	#top_contents .main_menu .menu_list ul li { border-bottom:1px solid #dcdcdc; }
	#top_contents .main_menu .menu_list ul li:last-child { border-bottom:none; }
	#top_contents .main_menu .menu_list ul li a { display:block; position:relative; padding:15px 0 15px 7%; font-size:105%; text-align:left; }
	#top_contents .main_menu .menu_list ul li a::before { content:""; display:block; position:absolute; top:calc(50% - 5px); right:23px; width:6px; height:11px; background:url("../wp_default_image/page_mobile_sprite.png") no-repeat -74px 0; }
	#top_contents .main_menu .copyright { display:block; width:100%; font-size:90%; text-align:center; }
	#menu_cover { display:none; }

	/* 하단영역 콘텐츠 */
	#bottom_contents { display:block; padding:20px 10px; border-top:1px solid #ddd; font-size:90%; color:#333; }
	#bottom_contents .bottom_menu { display:none; }
	#bottom_contents .logo { display:none; }
	#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; }
	#bottom_contents .bottom_address { margin-bottom:0; padding-left:0; text-align:center; }
	#bottom_contents .bottom_address::before { display:none; }
	#bottom_contents .bottom_address .space { display:none; margin:0; }
	#bottom_contents .bottom_address .space::after { display:none; }
	#bottom_contents .bottom_address .space.tel { margin-right:5px; }
	#bottom_contents .bottom_address .space.fax { display:inline-block; margin-right:0; }
	#bottom_contents .bottom_address .space.address { margin:5px 0; }
	#bottom_contents .bottom_address .mobile_show { display:block; line-height:130%; }
	#bottom_contents .bottom_address .tel { display:inline-block; margin:0 5px; }
	#bottom_contents .copyright { padding:0; text-align:center; }

	/* 메인화면 콘텐츠 */
	#main_visual .image_slide { padding-top:5px; }
	#main_visual .image_slide .visual_01 .vision .detail { font-size:1.625rem; }
	#main_visual .image_slide .visual_01 .vision .comment { font-size:2rem; line-height:50px; }
	#main_visual .visual_btn { display:none; }
	#main_item .main_best_product::before { height:calc(50% + 170px); }
	#main_item .main_best_product .product_slide { width:50%; margin:0 auto 150px; }
	#main_item .main_best_product .product_slide .swiper-slide a .product_image img { display:block; width:auto; height:38vw; margin:0 auto; }
	#main_item .main_best_product .product_slide .swiper-slide a .contents .explanation { padding:8px 0 8px calc(50% - 100px); }
	#main_item .main_best_product .product_slide .swiper-slide.swiper-slide-active { width:96% !important; margin:20px; }
	#main_item .main_best_product .product_pagination { bottom:-40px; }
	#main_item .product_pagination_bullets { top:-86px; left:6px; width:500px; }
	#main_item .product_pagination_bullets .swiper-slide { width:47px !important; }
	#main_item .product_pagination_bullets .swiper-slide-thumb-active { width:47px !important; }
	#main_item .main_product_menu { padding-left:40px; }
	#main_item .main_product_menu li { width:23.2%; height:50px; padding-top:13px; font-size:0.937rem; }
	#main_item .main_product_item { padding:0 40px; }
	#main_item .main_product_item .item li .contents li { margin:0 1% 0 0; padding:2px 2.5%; font-size:0.75rem; }
	#main_item .main_product_item .item li:last-child .comment { top:24%; font-size:1.375rem; line-height:31px; }
	#main_item .main_product_item .item.wash li:last-child .comment { top:26.5%; }
	#main_item .main_banner { background-size:1550px; }
	#main_item .main_banner .vision { padding-top:87px; font-size:1.75rem; }
	#main_item .main_banner .vision .comment { font-size:2.625rem; }
	#main_item .main_banner .direct { height:150px; margin:60px auto 0; }
	#main_item .main_banner .direct li strong { padding-top:90px; font-size:1.125rem; }
	#main_item .main_banner .direct li:first-child { background-position:top 30px center; }
	#main_item .main_banner .direct li:first-child strong { padding-top:80px; }
	#main_item .main_banner .direct li:nth-child(2) { background-position:top 30px center; }
	#main_item .main_banner .direct li:nth-child(3) { background-position:top 32px center; }
	#main_item .main_banner .direct li:last-child { background-position:top 32px center; }

	/* 서브화면 콘텐츠 */
	#sub_visual { margin-top:0; }
	#sub_nav li { font-size:1.125rem; }
	#sub_header #top_contents .main_menu .menu_hover { display:none; }

	/* 페이지 공용 */
	.page_mobile_tel { display:block; }
	.page_pc_tel { display:none; }
	.page_title_h3.pulley::before { width:35.5%; }
	.page_title_h3.pulley::after { width:35.5%; }
	.page_title_h3.shelter::before { width:28%; }
	.page_title_h3.shelter::after { width:28%; }
	.page_title_h3.rope::before { width:22%; }
	.page_title_h3.rope::after { width:22%; }

	/* 제품소개 */
	.page01_top_image { height:auto; }
	.page01_top_image::before { height:auto; }
	.page01_top_image::after { background-position:top center; background-size:125%; }
	.page01_top_image img { top:0; left:8%; width:67%; }
	.page01_top_image.seaweed img { top:0; }
	.page01_top_image .contents { right:calc(50% - 370px); bottom:calc(50% - 145px); width:315px; height:279px; }
	.page01_top_image .contents .title { padding:15px 0 10px; font-size:1.375rem; }
	.page01_top_image .contents iframe { height:215px; }
	.page01_top_image .contents .detail { padding:21px 45px; font-size:2rem; line-height:50px; }
	.page01_top_image .contents .patent { padding:9px 0; }
	.page01_top_image .contents.automatic { right:calc(50% - 370px); bottom:calc(50% - 130px); width:270px; height:235px; }
	.page01_top_image .contents.automatic .detail { padding:33px 20px 33px 25px; }
	.page01_top_image .contents.rotation .title { word-break:keep-all; }
	.page01_top_image .contents.rotation { bottom:calc(50% - 112px); width:275px; }
	.page01_top_image .contents.pulley .title { width:91%; }
	.page01_top_image .contents.abalone { bottom:calc(50% - 130px); width:270px; }
	.page01_top_image .contents.abalone .detail { padding:21px 35px; }
	.page01_top_image .abalone_image { left:10%; width:57%; }
	.page01_top_image.ledge .contents { right:calc(50% - 360px); bottom:calc(50% - 120px); width:285px; height:212px; }
	.page01_top_image.shelter .contents .title { line-height:31px; }
	.page01_top_image.wash .contents { right:calc(50% - 370px); bottom:calc(50% - 140px); width:320px; height:255px; }
	.page01_top_image.wash .contents .detail { padding:21px 48px; }
	.page01_top_image .wash_image { left:10%; width:48%; }
	.page01_top_image.wash .contents.wash { right:calc(50% - 370px); bottom:calc(50% - 125px); width:317px; height:225px; }
	.page01_top_image.wash .contents.cleaner .detail { padding:21px 39px; }
	.page01_top_image.wash .contents.sweeper { bottom:calc(50% - 125px); width:350px; height:218px; }
	.page01_top_image.wash .contents.sweeper .detail { padding:27px 49px; }
	.page01_top_image.wash .contents.rope { right:calc(50% - 370px); bottom:calc(50% - 100px); width:315px; height:162px; }
	.page01_top_image.wash .contents.rope .detail { padding:21px 31px; }
	.page01_top_image.wash .contents.measurement { right:calc(50% - 370px); bottom:calc(50% - 132px); width:300px; height:240px; }
	.page01_top_image.machine .machine_image { top:0; left:15%; width:52%; }
	.page01_top_image.machine .contents.mackerel { right:calc(50% - 370px); bottom:calc(50% - 100px); width:321px; height:160px; }
	.page01_top_image.machine .contents.mackerel .detail { padding:21px 45px; }
	.page01_top_image.machine .contents.scallop { right:calc(50% - 370px); bottom:calc(50% - 130px); height:228px; }
	.page01_top_image.machine .contents.scallop .detail { padding:21px 10px; }
	.page01_top_image.machine .contents.cabbage { right:calc(50% - 370px); bottom:calc(50% - 125px); width:295px; height:210px; }
	.page01_top_image.machine .contents.cabbage .detail { padding:21px; }
	.page01_top_image.machine .contents.pump { right:calc(50% - 360px); bottom:calc(50% - 135px); width:275px; height:235px; }
	.page01_top_image .contents .detail { padding:21px 41px; }
	.page01_consult { margin:30px auto 12%; padding-left:calc(50% - 270px); }
	.page01_consult.excellence { margin:30px auto 6%; }
	.page01_excellence .title { padding-left:4%; }
	.page01_excellence .characteristic { padding:10px 4% 0 4%; }
	.page01_excellence .characteristic li { word-break:keep-all; }
	.page01_excellence .characteristic li:nth-child(odd) { width:calc(100% - 355px); }
	.page01_excellence .characteristic.seaweed li:nth-child(odd) { width:calc(100% - 380px); }
	.page01_excellence .characteristic.rotation { padding:10px 2% 0 4%; }
	.page01_excellence .characteristic.rotation li:nth-child(odd) { width:calc(100% - 290px); }
	.page01_excellence.abalone .control { width:37%; }
	.page01_excellence.abalone .characteristic { padding:10px 4% 0 4%; }
	.page01_excellence.abalone .characteristic li:nth-child(odd) { width:inherit; }
	.page01_excellence.cabbage .characteristic li:nth-child(odd) { width:calc(100% - 300px); }
	.page01_excellence .point { padding:0 40px; }
	.page01_excellence .point li img { width:100%; height:100%; }
	.page01_excellence .point li:first-child { width:46%; height:27vw; }
	.page01_excellence .point li:nth-child(2) { padding:2% 0 0 10%; }
	.page01_excellence .point li:nth-child(3) { margin-bottom:0; padding:3% 3% 0 1%; }
	.page01_excellence .point li:nth-child(4) { width:46%; height:27vw; margin:0 0 14% 4%; }
	.page01_excellence .point li:nth-child(7) { width:46%; height:27vw; }
	.page01_excellence .point li:nth-child(7) img { width:100%; }
	.page01_excellence .point li:nth-child(8) { width:50%; padding:3% 0 0 10%; }
	.page01_excellence .point li .subject { font-size:1.625rem; }
	.page01_excellence.scallop .point li:nth-child(4) { margin:0 0 10% 4%; }
	.page01_excellence.scallop .point li .contents li:nth-child(4) { margin:0; }
	.page01_excellence.pulley { padding-top:20px; }
	.page01_excellence.pulley .point li:nth-child(4) { margin:0 0 9% 4%; }
	.page01_part_image { margin:0 auto 8vw; padding:65px 40px 0 40px; }
	.page01_part_image li { width:48%; }
	.page01_part_image li span { font-size:1rem; word-break:keep-all; }
	.page01_part_image.abalone li:nth-child(2) { margin:0 0 40px 0; }
	.page01_part_image.abalone li:last-child { margin:0; }
	.page01_part_image.circle li:last-child { width:100%; }
	.page01_part_image.circle li:last-child img { max-width:48%; }
	.page01_banner .comment { font-size:1.812rem; }
	.page01_banner { background-position:left -550px center; }
	.page01_banner.seaweed { background-position:left -550px center; }
	.page01_banner.measurement { background-position:left -450px center; }
	.page01_banner.trap { margin-top:12%; }
	.page01_company { background-size:650px; }
	.page01_company .title { padding-left:4%; }
	.page01_company .comment { padding-left:4%; }
	.page01_vision { background-position:left 50px center; }
	.page01_vision .promise { padding-left:180px; font-size:1.125rem; }
	.page01_etc_image { width:96%; }
	.page01_etc_image li span { margin-top:10px; font-size:1rem; }

	/* 고객지원 */
	.page03_01_location li .root_daum_roughmap .wrap_map { height:20vw !important; }
	.page03_01_location li .info .address { font-size:1rem; }
	.page03_01_location li .info .map_link { right:15px; background-size:30px; }

 	/* 메인메뉴4 (기술소개) */
 	.page04_01_certification { grid-template-columns:repeat(auto-fit, minmax(23%, 1fr)); column-gap:7%; }
 	.page04_01_certification li a span { font-size:0.937rem; }

	/* 메인메뉴5 (회사소개) */
	.page05_01_overview .title { word-break:keep-all; }
	.page05_01_overview .greeting { padding:50px 80px 80px 80px; text-align:center; }
	.page05_01_product li:first-child { background-size:53px; }
	.page05_01_product li:nth-child(2) { background-size:80px; }
	.page05_01_product li:nth-child(3) { background-size:80px; }
	.page05_01_product li:nth-child(4) { background-size:53px; }
	.page05_01_product li:nth-child(5) { background-size:80px; }
	.page05_01_product li:nth-child(6) { background-size:80px; }
	.page05_01_product li:last-child { background-size:53px; }
	.page05_03_rule li { width:23.5%; margin-right:2%; padding:53px 0 0 2%; }
	.page05_03_rule li span { font-size:0.937rem; }

	/* A/S 및 제품문의 */
	.consult_guide { height:auto; }
	.consult_guide .contents { margin:0 0 30px calc(50% - 350px); }
	.consult_guide .contents li { margin-right:148px; }
	.consult_guide .contents li::after { right:-78px; }
	.consult_guide .information { width:697px; padding:11px 26px; }
	.consult_guide .information li { margin-right:5%; font-size:1rem; }
	.consult_guide .information li::after { right:-16px; }

	/* 연혁관리 */
	.history_list .decade .title { float:none; margin:0 auto 50px; padding-top:170px; }
	.history_list .decade .year { overflow:hidden; float:none; width:100%; }
}
@media (max-width:768px)
{
	.popup_box { width:400px !important; top:100px !important; left:calc(50% - 200px) !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_gallery_list { grid-template-columns:1fr 1fr 1fr; }
	#board_faq_list li > h4 { padding:15px 55px 15px 50px; font-size:100%; }
	#board_blog_list .blog_image { float:none; width:300px; height:225px; margin:0 auto 20px; }
	#board_blog_list .blog_content { float:none; width:100%; height:inherit; text-align:center; }
	#board_blog_list .blog_content .date { position:relative; text-align:right; }
	#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:90%; }
	#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:90%; }
	#reply_body .reply_modify { padding:5px; border:1px solid #ff8000; }
	#reply_box .reply_reply .arrow { width:40px; margin-right:5px; font-size:90%; }
	#reply_box .reply_reply .reply_input { width:calc(100% - 45px); border:1px solid #ff8000; }
	/*****************************************************************************************************************/

	/* Body */
	#main_body::after { height:340px; }

	/* 상단영역 콘텐츠 */
	#top_contents { height:70px; }
	#top_contents .main_menu .menu_list > li > button { font-size:3.5vw; }
	#top_contents .main_menu .menu_list ul li:hover a { font-size:3vw; }
	#top_contents .main_menu .menu_list ul li a { padding:3% 0 3% 7%; font-size:3vw; }
	#bottom_contents .quick_menu_mobile { bottom:90px; }

	/* 하단영역 콘텐츠 */
	#bottom_contents .bottom_list { padding:0; }

	/* 메인화면 콘텐츠 */
	#main_visual .image_slide { height:355px; }
	#main_visual .image_slide .visual_01 .vision { top:80px; }
	#main_visual .image_slide .visual_01 .vision .detail { font-size:1.125rem; }
	#main_visual .image_slide .visual_01 .vision .comment { font-size:1.75rem; line-height:43px; word-break:keep-all; }
	#main_visual .image_slide .visual_01.swiper-slide-active .vision .comment { top:80px; }
	#main_visual .image_slide .visual_02 { background:url("../wp_images/main_visual_02-768.jpg") no-repeat center center / cover; }
	#main_visual .visual_pagination { display:none; }
	#main_item .title { font-size:1.375rem; }
	#main_item .comment { padding:10px 40px 0 40px; font-size:2.125rem; line-height:45px; word-break:keep-all; box-sizing:border-box; }
	#main_item .main_best_product { margin:30px 0 125px; }
	#main_item .main_best_product::before { display:none; }
	#main_item .main_best_product .product_slide { width:100%; margin:0; padding:0 40px 0 20px; box-sizing:border-box; }
	#main_item .main_best_product .product_slide .swiper-slide.swiper-slide-active::after { display:none; }
	#main_item .main_best_product .product_slide .swiper-slide a .product_image { padding:0 0 6px; }
	#main_item .main_best_product .product_slide .swiper-slide a .product_image img { height:57vw; }
	#main_item .main_best_product .product_slide .swiper-slide a .contents .comment { padding:0 40px; line-height:30px; }
	#main_item .main_best_product .product_slide .swiper-slide a .contents .explanation { height:67px; }
	#main_item .main_best_product .product_slide .swiper-slide a .contents .skill { margin-bottom:35px; }
	#main_item .main_best_product .product_prev { display:none; }
	#main_item .main_best_product .product_next { display:none; }
	#main_item .product_pagination_bullets { top:-65px; left:0; width:400px; }
	#main_item .product_pagination_bullets .swiper-slide { width:37px !important; }
	#main_item .product_pagination_bullets .swiper-slide-active { width:37px !important; }
	#main_item .main_product_menu { padding:0 40px; }
	#main_item .main_product_menu li { width:19%; height:43px; margin-right:0.6%; padding:10px 0.5% 0 0.5%; font-size:0.875rem; }
	#main_item .main_product_menu li:first-child { width:22%; }
	#main_item .main_product_menu li:last-child { width:38.2%; }
	#main_item .main_product_item #product_title_01 { font-size:1.625rem; }
	#main_item .main_product_item .item { grid-template-columns:repeat(auto-fit,minmax(35%, 1fr)); row-gap:30px; margin-bottom:40px; }
	#main_item .main_product_item .item li:last-child .comment { top:26%; padding:0; }
	#main_item .main_product_item .item li .product_image { height:50.5vw; }
	#main_item .main_product_item .item li:first-child .product_image { background-size:84%; }
	#main_item .main_product_item .item li:nth-child(2) .product_image { background-size:63%; }
	#main_item .main_product_item .item li:nth-child(3) .product_image { background-size:83.2%; }
	#main_item .main_product_item .item li:nth-child(4) .product_image { background-size:80.8%; }
	#main_item .main_product_item .item li .subject { font-size:1.125rem; line-height:27px; word-break:keep-all; }
	#main_item .main_product_item .item li .explanation { padding:6px 0 0 3px; font-size:0.875rem; }
	#main_item .main_product_item .item li .contents { display:none; }
	#main_item .main_product_item .item li .contents li { margin:0 1% 3px 0; }
	#main_item .main_product_item #product_title_02 { font-size:1.625rem; }
	#main_item .main_product_item .item.abalone li:nth-child(7) .contents li { padding:2px 3%; }
	#main_item .main_product_item .item.abalone li .product_image { height:40vw; }
	#main_item .main_product_item .item.abalone li:first-child .product_image { background-size:94.3%; }
	#main_item .main_product_item .item.abalone li:nth-child(2) .product_image { background-size:91%; }
	#main_item .main_product_item .item.abalone li:nth-child(3) .product_image { background-size:96%; }
	#main_item .main_product_item .item.abalone li:nth-child(4) .product_image { background-size:79%; }
	#main_item .main_product_item .item.abalone li:nth-child(5) .product_image { background-size:85%; }
	#main_item .main_product_item #product_title_03 { font-size:1.625rem; }
	#main_item .main_product_item .item.wash li .product_image { height:50.5vw; }
	#main_item .main_product_item .item.wash li:first-child .product_image { background-size:77%; }
	#main_item .main_product_item .item.wash li:nth-child(2) .product_image { background-size:70.8%; }
	#main_item .main_product_item .item.wash li:nth-child(3) .product_image { background-size:71%; }
	#main_item .main_product_item .item.wash li:nth-child(4) .product_image { background-size:76.3%; }
	#main_item .main_product_item .item.wash li:nth-child(6) .product_image { background-size:55.8%; }
	#main_item .main_product_item .item.wash li:nth-child(7) .product_image { background-size:65.6%; }
	#main_item .main_product_item .item.wash li:last-child { display:none; }
	#main_item .main_product_item #product_title_04 { font-size:1.625rem; }
	#main_item .main_product_item .item.machine { margin-bottom:60px; }
	#main_item .main_product_item .item.machine li .product_image { height:50.5vw; }
	#main_item .main_product_item .item.machine li:first-child .product_image { background-size:47.8%; }
	#main_item .main_banner { padding-bottom:45px; background-size:1350px; }
	#main_item .main_banner .vision { font-size:1.437rem; line-height:50px; }
	#main_item .main_banner .vision .comment { font-size:2.125rem; }
	#main_item .main_banner .direct { height:122px; margin:40px auto 0; }
	#main_item .main_banner .direct li strong { padding-top:70px; font-size:1rem; }
	#main_item .main_banner .direct li:first-child { background-position:top 20px center; background-size:25px; }
	#main_item .main_banner .direct li:first-child strong { padding-top:60px; font-size:1rem; }
	#main_item .main_banner .direct li:nth-child(2) { background-position:top 23px center; background-size:28px; }
	#main_item .main_banner .direct li:nth-child(3) { background-position:top 25px center; background-size:30px; }
	#main_item .main_banner .direct li:last-child { background-position:top 25px center; background-size:30px; }
	#main_item .main_banner .direct li span { font-size:0.875rem; line-height:18px; }
	#main_item .main_banner .direct li .arrow { width:40px; height:40px; background-size:18px; }

	/* 서브화면 콘텐츠 */
	#sub_visual { height:280px; background-position:left calc(50% - 150px) top; }
	#sub_nav h2 { top:-253px; }
	#sub_nav span { top:-174px; }
	#sub_nav ul { display:none; }
	#sub_position { margin-bottom:35px; }
	#sub_position_title { font-size:2rem; }
	#sub_document { padding:20px 40px 60px 40px; }

	/* 페이지 공용 */
	.page_table_contents { overflow:scroll; margin:0 40px; }
	.page_table { width:685px; margin:0 auto 10px; }
	.page_mobile_enter { display:block; }
	.page_image_pc { display:none; }
	.page_image_mobile { display:block; position:relative; text-align:center; }
	.page_image_mobile::after { content:""; display:block; position:absolute; top:5px; right:5px; width:56px; height:56px; background:url("../wp_default_image/page_image_mobile.png") no-repeat 0 0; }
	.page_image_mobile img { display:block; max-width:100%; margin:0 auto 10px; }
	.page_title_h3 { margin:60px auto 40px; font-size:1.937rem; }
	.page_title_h3::before { left:40px; width:30.5%; z-index:-1; }
	.page_title_h3::after { right:40px; width:30.5%; z-index:-1; }
	.page_title_h3.pulley::before { width:24.5%; }
	.page_title_h3.pulley::after { width:24.5%; }
	.page_title_h3.shelter::before { left:40px; width:15%; }
	.page_title_h3.shelter::after { right:40px; width:15%; }
	.page_title_h3.rope::before { left:40px; width:8%; }
	.page_title_h3.rope::after { right:40px; width:8%; }
	.page_title_h3.tone::before { left:40px; width:22%; }
	.page_title_h3.tone::after { right:40px; width:22%; }

	/* 메인메뉴1 (제품소개) */
	.page01_product_list li { width:31.48%; }
	.page01_product_list li:first-child { margin:0 2.4% 6% 0; }
	.page01_product_list li:nth-child(2) { margin:0 2.4% 6% 0; }
	.page01_product_list li:nth-child(3n) { margin:0 0 6% 0; }
	.page01_product_list li a .title { margin-top:15px; font-size:1rem; line-height:23px; word-break:keep-all; }
	.page01_product_list.abalone li:first-child { margin:0 2.4% 0 0; }
	.page01_product_list.machine li:first-child { margin:0 2.4% 0 0; }
	.page01_top_image::after { display:none; }
	.page01_top_image img { top:12px; left:0; display:block; width:92%; margin:0 auto; }
	.page01_top_image.seaweed img { top:12px; }
	.page01_top_image .contents { position:static; width:90%; height:50.5vw; margin:30px auto 5%; }
	.page01_top_image .contents .title { width:100%; padding:15px 0; border-bottom:none; }
	.page01_top_image .contents iframe { height:100%; }
	.page01_top_image .contents .detail { padding:4px 6%; font-size:1.625rem; line-height:45px; }
	.page01_top_image .contents .detail span.space { display:inline; }
	.page01_top_image .contents .patent { padding:6px 6%; font-size:0.875rem; text-align:left; }
	.page01_top_image .contents.automatic { width:90%; height:117px; }
	.page01_top_image .contents.automatic .detail { padding:6px 40px; }
	.page01_top_image .contents.rotation { width:90%; }
	.page01_top_image .contents.pulley { margin:20px auto 5%; }
	.page01_top_image .contents.abalone { width:90%; }
	.page01_top_image .contents.abalone .detail { padding:6px 40px; }
	.page01_top_image .abalone_image { left:0; width:92%; }
	.page01_top_image.vibration .abalone_image { left:-7%; }
	.page01_top_image.vibration .contents { margin:20px auto 5%; }
	.page01_top_image.circle .abalone_image { left:0; }
	.page01_top_image.elimination .abalone_image { left:-2%; }
	.page01_top_image.elimination .contents { margin:0 auto 5%; }
	.page01_top_image.ledge .contents { width:90%; height:115px; margin:0 auto 5%; }
	.page01_top_image.ledge .contents .title { padding:15px 0 0 6%; border-bottom:0; font-size:1.06rem; text-align:left; }
	.page01_top_image.shelter .abalone_image { left:4%; }
	.page01_top_image .wash_image { left:0; width:80%; }
	.page01_top_image.wash .wash_image.gasoline { left:6%; }
	.page01_top_image.wash .contents { width:90%; height:142px; }
	.page01_top_image.wash .contents .title { padding:15px 0 0 6%; border-bottom:0; font-size:1.06rem; text-align:left; }
	.page01_top_image.wash .contents .detail { padding:6px 6%; }
	.page01_top_image.wash .contents.wash { width:90%; height:115px; }
	.page01_top_image.wash .contents.cleaner .detail { padding:6px 6%; }
	.page01_top_image.wash .contents.sweeper { width:90%; height:141px; margin:-30px auto 0; }
	.page01_top_image.wash .contents.sweeper .title { width:100%; }
	.page01_top_image.wash .contents.sweeper .detail { padding:6px 6%; }
	.page01_top_image.wash .contents.rope { width:90%; height:115px; }
	.page01_top_image.wash .contents.rope .detail { padding:6px 6%; }
	.page01_top_image.wash .contents.measurement { width:90%; height:115px; }
	.page01_top_image.wash .contents.measurement .detail { padding:6px 6%; }
	.page01_top_image.machine .machine_image { left:0; width:82%; }
	.page01_top_image.machine .contents.mackerel { width:90%; height:110px; margin:0 auto; }
	.page01_top_image.machine .contents.mackerel .title { padding:15px 0 0 6%; border-bottom:0; font-size:1.06rem; text-align:left; }
	.page01_top_image.machine .contents.mackerel .detail { padding:6px 6%; line-height:45px; }
	.page01_top_image.machine .contents.cabbage { width:90%; height:110px; margin:0 auto; }
	.page01_top_image.machine .contents.cabbage .title { padding:15px 0 0 6%; border-bottom:0; font-size:1.06rem; text-align:left; }
	.page01_top_image.machine .contents.cabbage .detail { padding:6px 6%; }
	.page01_top_image.machine .contents.scallop { width:90%; height:142px; }
	.page01_top_image.machine .contents.scallop .detail { padding:6px 6%; }
	.page01_top_image.machine.pump .machine_image { left:6%; }
	.page01_top_image.machine .contents.pump { width:90%; height:110px; margin:0 auto; }
	.page01_top_image.machine .contents.pump .title { padding:15px 0 0 6%; border-bottom:0; font-size:1.06rem; text-align:left; }
	.page01_top_image.machine .contents.pump .detail { padding:6px 6%; }
	.page01_consult { margin:40px auto 10%; padding-left:calc(50% - 210px); }
	.page01_consult li { width:150px; font-size:1.06rem; }
	.page01_consult li:first-child { width:140px; padding:9px 0 0 30px; background-position:left 25px center; }
	.page01_consult li:first-child:hover { background-position:left 25px center; }
	.page01_consult li:nth-child(2) { background-position:left 10px center; }
	.page01_consult li:nth-child(2):hover { background-position:left 10px center; }
	.page01_consult li:last-child { width:110px; background-position:left 22px center; }
	.page01_consult li:last-child:hover { background-position:left 22px center; }
	.page01_relevance { padding:0 40px; box-sizing:border-box; }
	.page01_excellence .title { padding-left:40px; font-size:1.625rem; }
	.page01_excellence .characteristic { margin-bottom:60px; padding:10px 40px 0 40px; }
	.page01_excellence .characteristic li { font-size:1rem; }
	.page01_excellence .characteristic li:nth-child(odd) { width:100%; }
	.page01_excellence .characteristic.seaweed li:nth-child(odd) { width:100%; }
	.page01_excellence .characteristic.rotation { margin-bottom:45px; }
	.page01_excellence .characteristic.rotation li:nth-child(odd) { width:100%; }
	.page01_excellence.abalone .structure { float:none; width:100%; }
	.page01_excellence.abalone .structure .characteristic { margin-bottom:30px; padding:10px 40px 0 40px; }
	.page01_excellence.abalone .control { float:none; width:100%; }
	.page01_excellence.abalone .control .title { padding-left:40px; }
	.page01_excellence.abalone .control .characteristic { padding:10px 40px 0 40px; }
	.page01_excellence.wash .structure { float:left; width:52%; }
	.page01_excellence.wash .control { float:right; width:48%; }
	.page01_excellence.cabbage .characteristic li:nth-child(odd) { width:100%; }
	.page01_excellence .point li { float:none; width:100%; height:auto; margin-bottom:5%; }
	.page01_excellence .point li:first-child { width:100%; height:45vw; }
	.page01_excellence .point li:nth-child(2) { margin-bottom:9%; padding:0; }
	.page01_excellence .point li:nth-child(3) { display:none; }
	.page01_excellence .point li:nth-child(4) { display:none; }
	.page01_excellence .point li.mobile_contents { display:block; }
	.page01_excellence .point li:nth-child(5) { width:100%; height:45vw; }
	.page01_excellence .point li:nth-child(6) { margin-bottom:9%; padding:0; }
	.page01_excellence .point li:nth-child(7) { width:100%; height:45vw; margin-bottom:5%; }
	.page01_excellence .point li:nth-child(8) { width:100%; }
	.page01_excellence .point li:nth-child(8) .contents li:nth-child(3) { position:static; }
	.page01_excellence .point li:nth-child(8) .contents li:nth-child(4) { position:static; }
	.page01_excellence .point li:last-child { margin-bottom:55px; padding:0; }
	.page01_excellence .point li:hover img { transform:none; }
	.page01_excellence.pulley { padding-top:0; }
	.page01_part_image { width:90%; margin:0 auto 9vw; padding:60px 0 0 0; }
	.page01_banner { height:215px; }
	.page01_banner.seaweed { height:215px; }
	.page01_banner .comment { padding:70px 20px 0 0; font-size:1.625rem; line-height:45px; }
	.page01_banner.scallop .comment { padding-top:90px; }
	.page01_unit { padding-right:40px; box-sizing:border-box; }
	.page01_explanation { padding:0 40px; box-sizing:border-box; }
	.page01_company { margin-top:-20px; padding-top:48px; }
	.page01_company .title { margin-bottom:15px; padding-left:0; font-size:2.125rem; text-align:center; line-height:43px; }
	.page01_company .comment { padding-left:0; font-size:1.25rem; text-align:center; line-height:32px; }
	.page01_company { height:94vw; background:url("../wp_images/01_company-01-768.png") no-repeat bottom center; background-size:100%; }
	.page01_company img { display:none; }
	.page01_vision { padding:20px 16px; background-color:#f7f7f7; background-image:none; }
	.page01_vision .promise { padding:0; font-size:1rem; text-align:center; word-break:keep-all; }
	.page01_vision span.space { display:inline; }
	.page01_03_accessory { grid-template-columns:repeat(auto-fit,minmax(25.5%, 1fr)); row-gap:2%; width:100%; margin:0 auto 55%; }
	.page01_03_accessory li .subject { font-size:1rem; }
	.page01_etc_image { width:90%; }
	.page01_etc_image li span { line-height:24px; word-break:keep-all; }

	/* 고객지원 */
	.page03_01_location { margin-bottom:50px; }
	.page03_01_location li { float:none; width:100%; margin:0 3% 15px 0; }
	.page03_01_location li:first-child img { height:40vw; object-fit:cover; }
	.page03_01_location li .root_daum_roughmap .wrap_map { height:27.5vw !important; }
	.page03_01_location li .info { padding:2.6% 0 2.6% 6%; }
	.page03_01_location li .info .map_link { background-size:55%; }

	/* 메인메뉴4 (기술소개) */
 	.page04_01_certification { grid-template-columns:repeat(auto-fit, minmax(30%, 1fr)); column-gap:8%; }

	/* 메인메뉴5 (회사소개) */
	.page05_01_company { margin-bottom:0; padding:0 0 100px 0; }
	.page05_01_company .contents { right:22px; bottom:21px; width:calc(100% - 45px); height:auto; margin:0 auto; background:#2359a8 url("../wp_images/05_01_01.jpg") no-repeat right bottom; }
	.page05_01_company .contents .comment { display:none; padding:6% 0 6% 6%; font-size:1.125rem; line-height:31px; }
	.page05_01_company .contents .comment.mobile { display:block; }
	.page05_01_company .contents .comment.mobile span.space { display:block; font-size:1.375rem; }
	.page05_01_overview .title { display:none; }
	.page05_01_overview .greeting { padding:15px 0 60px 0; }
	.page05_01_product { padding-left:0; }
	.page05_01_product li { width:24.1%; margin:0 1.2% 7px 0; padding-top:15%; }
	.page05_01_product li:nth-child(4) { margin:0 0 7px 0; }
	.page05_01_product li:nth-child(5) { width:32.5%; margin:0 1.2% 0 0; }
	.page05_01_product li:nth-child(6) { width:32.5%; margin:0 1.2% 0 0; }
	.page05_01_product li:last-child { width:32.5%; margin:0; }
	.page05_03_basic { margin-bottom:60px; }
	.page05_03_basic img { width:300px; }
	.page05_03_type { margin-bottom:60px; }
	.page05_03_type li .contents { height:230px; }
	.page05_03_type li:first-child .contents { background-size:130px; }
	.page05_03_type li:last-child .contents { background-size:100px; }
	.page05_03_type li .contents .subject { margin-top:170px; }
	.page05_03_rule li { width:48%; margin:0 4% 10px 0; padding:53px 0 0 4.5%; }
	.page05_03_rule li:nth-child(2n) { margin:0 0 10px 0; }
	.page05_03_rule li span { font-size:1rem; }
	.page05_03_download { margin:60px auto 0; padding-left:calc(50% - 190px); }
	.page05_03_download li { width:185px; height:45px; padding:8px 0 0 30px; background-position:right 25px center; }
	.page05_03_download li:last-child { padding:8px 0 0 35px; }

	/* A/S 및 제품문의 */
	.consult_guide { margin-bottom:50px; padding:30px 0; }
	.consult_guide .comment { margin-bottom:20px; padding:0 60px; font-size:1.25rem; box-sizing:border-box; }
	.consult_guide .contents { margin:0 0 25px calc(50% - 185px); }
	.consult_guide .contents li { width:100px; height:100px; margin-right:35px; }
	.consult_guide .contents li::after { top:42px; right:-25px; background-size:8px; }
	.consult_guide .contents li:first-child { background-position:top 26px center; background-size:20px; }
	.consult_guide .contents li:nth-child(2) { background-position:top 23px center; background-size:24px; }
	.consult_guide .contents li:last-child { background-position:top 23px center; background-size:27px; }
	.consult_guide .contents li span { margin-top:60px; font-size:0.875rem; }
	.consult_guide .information { width:360px; padding:11px 21px; border-radius:15px; }
	.consult_guide .information li { margin-right:9%; font-size:0.937rem; }
	.consult_guide .information li:nth-child(2) { margin-right:0; }
	.consult_guide .information li:nth-child(2)::after { display:none; }
	.agree_contents .agree_list li { width:400px !important; }

	/* 연혁관리 */
	.history_list .decade .year { margin:0 0 20px; }
	.history_list .decade .year::before { display:none; }
	.history_list .decade .year dt { float:none; margin:0 auto 10px; padding:0 0 10px; border-bottom:2px solid #222; }
	.history_list .decade .year 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 { grid-template-columns:1fr 1fr; }
	#member_guide { padding:15px 15px 15px 30px; font-size:95%; }
	#member_input .change_pw .guide { display:block; }
	#member_login { width:100%; padding:0 20px; border:none; }
	#member_login .account_button li { font-size:95%; margin:0 8px; }
	#member_login .account_button li::after { right:-10px; }
	#member_input .search_title { padding-left:20px; font-size:170%; }
	#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_search .search_title { padding-left:20px; font-size:170%; }
	#member_search .search_field { padding:0 5px; }
	#member_search .search_field li { padding:15px 0; }
	#member_search .search_field .title { width:110px; padding:0 10px 0 0; font-size:95%; }
	#member_search .search_field .form_input_box { float:left; width:calc(100% - 120px); }
	#privacy_agree .agree_list li { width:100%; }
	#privacy_agree .agree_list li label { font-size:95%; letter-spacing:-1px; }
	#paging_move_round .number { width:25px; height:25px; margin:0 2px; font-size:90%; line-height:23px; }
	#paging_move_round .number strong { height:25px; line-height:25px; }
	#paging_move_round .none { width:15px; height:25px; margin:0 5px; }
	#paging_move_round .none.prev { background-position:center 3px; }
	#paging_move_round .none.next { background-position:center -26px; }
	/*****************************************************************************************************************/

	/* Body */
	#main_body::after { height:275px; background-size:200px; }

	/* 상단영역 콘텐츠 */
	#top_contents { height:65px; padding:13px 0 0; }
	#top_contents .top_logo a { height:40px; }
	#top_contents .top_logo a img { margin:10px auto 0; }
	#top_contents .top_logo a:first-child { display:none; }
	#top_contents .top_logo a:nth-child(2) { display:block; }
	#top_contents .top_logo a:last-child { display:none; }
	#top_contents .mobile_menu_open { top:0; background-size:22px; }
	#top_contents .mobile_menu_top { height:60px; }
	#top_contents .mobile_menu_top .home { font-size:110%; line-height:60px; }
	#top_contents .top_menu { height:60px; padding:0 10px; }
	#top_contents .top_menu li { padding-top:10px; }
	#top_contents .top_menu li a { height:40px; font-size:95%; line-height:40px; }
	#top_contents .main_menu .menu_list > li > button { font-size:95%; }
	#top_contents .main_menu .menu_list ul li:hover a { font-size:90%; }
	#top_contents .main_menu .menu_list ul li a { padding:3% 0 3% 7%; font-size:90%; }

	/* 하단영역 콘텐츠 */
	#bottom_contents { padding:15px 5px; font-size:75%; }
	#bottom_contents .bottom_address { padding-left:15px; text-align:left; }
	#bottom_contents .bottom_address .space.tel { display:none; }
	#bottom_contents .bottom_address .space.mobile_tel { display:inline-block; margin-right:8px; }
	#bottom_contents .quick_menu { display:none; }
	#bottom_contents .quick_menu_mobile { display:block; position:fixed; right:0; bottom:80px; z-index:1000; width:50px; height:145px; padding:0; border:none; background:#151f41 url("../wp_images/m_quick_bg.jpg") no-repeat bottom left / 35px; border-radius:0; }
	#bottom_contents .quick_menu_mobile a { display:block; width:100%; height:100%; }
	#bottom_contents .quick_menu_mobile .contents { display:block; padding-top:50px; background:url("../wp_images/m_quick_icon-1300.jpg") no-repeat top 20px center / 25px; font-size:1rem; font-weight:600; text-align:center; color:#fff; line-height:21px; box-sizing:border-box; }
	#bottom_contents .quick_menu_mobile .contents .number { display:block; margin-bottom:3px; font-size:0.875rem; font-weight:400; }

	/* 메인화면 콘텐츠 */
	#main_visual .image_slide { width:100%; height:290px; margin:0 auto 60px; padding-top:6px; border-radius:0; }
	#main_visual .image_slide .visual_01 { background:url("../wp_images/main_visual_01-480.jpg") no-repeat center center / cover; border-radius:0; }
	#main_visual .image_slide .visual_01 .vision { top:40px; }
	#main_visual .image_slide .visual_01 .vision .detail { display:none; font-size:1rem; }
	#main_visual .image_slide .visual_01 .vision .comment { display:none; }
	#main_visual .image_slide .visual_01 .vision .mobile_contents { display:block; font-size:1.75rem; line-height:45px; }
	#main_visual .image_slide .visual_01.swiper-slide-active .vision .comment { top:70px; }
	#main_visual .image_slide .visual_02 { background:url("../wp_images/main_visual_02-480.jpg") no-repeat center center / cover; border-radius:0; }
	#main_item .main_best_product .product_slide .swiper-slide.swiper-slide-active a .contents { margin-top:0; }
	#main_item .title { font-size:1.125rem; }
	#main_item .comment { padding:5px 20px 0 20px; font-size:1.625rem; line-height:39px; }
	#main_item .main_best_product { margin:20px 0 93px; }
	#main_item .main_best_product .product_slide { width:100%; padding:0 24px 0 0; }
	#main_item .main_best_product .product_slide .swiper-slide.swiper-slide-active { background-position:right -47px bottom -105px; box-shadow:none; }
	#main_item .main_best_product .product_slide .swiper-slide.swiper-slide-active::before { background-size:100px; }
	#main_item .main_best_product .product_slide .swiper-slide a .product_image { padding:30px 0 5px; }
	#main_item .main_best_product .product_slide .swiper-slide a .product_image img { height:70vw; }
	#main_item .main_best_product .product_slide .swiper-slide a .contents .title { font-size:0.937rem; }
	#main_item .main_best_product .product_slide .swiper-slide a .contents .detail { margin:0; padding:0 2px; font-size:1.375rem; }
	#main_item .main_best_product .product_slide .swiper-slide a .contents .comment { margin:10px 0 30px; padding:0 10px; line-height:25px; font-size:0.937rem; }
	#main_item .main_best_product .product_slide .swiper-slide a .contents .explanation { display:none; }
	#main_item .main_best_product .product_slide .swiper-slide a .contents .explanation li { font-size:0.875rem; }
	#main_item .main_best_product .product_slide .swiper-slide.swiper-slide-active a .product_image { padding-top:28px; }
	#main_item .main_best_product .product_pagination { bottom:-30px; }
	#main_item .product_pagination_bullets { top:-50px; width:280px; }
	#main_item .product_pagination_bullets .swiper-slide { width:26px !important; margin-right:2px; }
	#main_item .product_pagination_bullets .swiper-slide-active { width:26px !important; }
	#main_item .main_product_menu { margin:0 auto 30px; padding:0 20px; }
	#main_item .main_product_menu li { width:49.4%; margin:0 1% 5px 0; }
	#main_item .main_product_menu li:hover { background-color:#f5f5f5; color:#222; }
	#main_item .main_product_menu li:first-child { width:49.4%; }
	#main_item .main_product_menu li:last-child { width:49.4%; }
	#main_item .main_product_menu li:nth-child(2n) { margin:0 0 5px 0; }
	#main_item .main_product_item { padding:0 20px; }
	#main_item .main_product_item .item { margin-bottom:50px; }
	#main_item .main_product_item .item li .product_image::after { display:none; }
	#main_item .main_product_item .item li .subject { margin-top:15px; padding-left:0; font-size:1rem; text-align:center; line-height:24px; }
	#main_item .main_product_item .item li .subject .space { display:block; }
	#main_item .main_product_item .item li .explanation { display:none; font-size:0.875rem; }
	#main_item .main_product_item .item li:last-child .comment { font-size:1.125rem; line-height:26px; }
	#main_item .main_product_item #product_title_01 { font-size:1.437rem; }
	#main_item .main_product_item #product_title_02 { font-size:1.437rem; }
	#main_item .main_product_item .item.abalone li:last-child .product_image:hover::after { display:none; }
	#main_item .main_product_item #product_title_03 { font-size:1.437rem; }
	#main_item .main_product_item #product_title_04 { font-size:1.437rem; }
	#main_item .main_product_item .item.machine { margin-bottom:50px; }
	#main_item .main_banner { padding:0 20px 30px 20px; background:none; }
	#main_item .main_banner .vision { display:none; font-size:1.125rem; line-height:37px; }
	#main_item .main_banner .vision .comment { display:none; font-size:1.75rem; }
	#main_item .main_banner .direct { width:100%; margin:0 auto; padding-bottom:122px; }
	#main_item .main_banner .direct li { width:50%; }
	#main_item .main_banner .direct li .arrow { display:none; }

	/* 서브화면 콘텐츠 */
	#sub_header #top_contents .top_logo a:nth-child(2) { display:none; }
	#sub_header #top_contents .top_logo a:last-child { display:block; }
	#sub_header #top_contents .mobile_menu_open { background-size:22px; }
	#sub_visual { height:215px; background-position:left -350px top; }
	#sub_visual.sub_visual_01 { background:url("../wp_images/sub_visual_01-480.jpg") no-repeat right center !important; }
	#sub_visual.sub_visual_02 { background:url("../wp_images/sub_visual_02-480.jpg") no-repeat right center !important; }
	#sub_visual.sub_visual_03 { background:url("../wp_images/sub_visual_03-480.jpg") no-repeat center center !important; }
	#sub_visual.sub_visual_04 { background:url("../wp_images/sub_visual_04-480.jpg") no-repeat center center !important; }
	#sub_visual.sub_visual_05 { background:url("../wp_images/sub_visual_05-480.jpg") no-repeat center center !important; }
	#sub_nav { margin:0 auto 35px; }
	#sub_nav h2 { top:-166px; font-size:2.06rem; }
	#sub_nav span { display:none; }
	#sub_position { margin-bottom:15px; }
	#sub_position_title { font-size:1.75rem; }
	#sub_document { padding:20px 20px 60px 20px; }

	/* 페이지 공용 */
	.page_table_contents { margin:0 20px; }
	.page_table_contents.pump .page_table { width:440px; }
	.page_title_h3 { margin:40px auto 20px; font-size:1.625rem; }
	.page_title_h3::before { top:25px; left:20px; width:27%; }
	.page_title_h3::after { top:25px; right:20px; width:27%; }
	.page_title_h3.shelter::before { top:25px; left:20px; width:12%; }
	.page_title_h3.shelter::after { top:25px; right:20px; width:12%; }
	.page_title_h3.rope::before { top:25px; left:20px; width:6%; }
	.page_title_h3.rope::after { top:25px; right:20px; width:6%; }
	.page_title_h3.wash { margin:40px auto 20px; }
	.page_title_h3.tone::before { top:25px; left:20px; width:20%; }
	.page_title_h3.tone::after { top:25px; right:20px; width:20%; }
	.page_title_h4 { margin-bottom:20px; font-size:1.25rem; }

	/* 메인메뉴1 (제품소개) */
	.page01_product_list li { width:48.5%; }
	.page01_product_list li:nth-child(2n) { margin:0 0 8% 0; }
	.page01_product_list li:nth-child(3n) { margin:0 2.4% 8% 0; }
	.page01_product_list li a .product { height:50.4vw; }
	.page01_product_list li a .product::after { display:none; }
	.page01_product_list li a .title { font-size:0.937rem; line-height:20px; }
	.page01_product_list.wash li:nth-child(6) { margin:0 0 8% 0; }
	.page01_product_list.wash li:last-child { margin:0; }
	.page01_top_image img { width:100%; }
	.page01_top_image .contents { width:92%; height:60vw; }
	.page01_top_image .contents .title { padding:10px 0; font-size:1.06rem; }
	.page01_top_image .contents iframe { height:86%; }
	.page01_top_image .contents .detail { padding:0 4%; font-size:1.25rem; line-height:43px; }
	.page01_top_image .contents .patent { padding:5px 4%; font-size:0.875rem; }
	.page01_top_image .contents.automatic { height:100px; }
	.page01_top_image .contents.automatic .detail { padding:0 20px; }
	.page01_top_image .abalone_image { width:100%; }
	.page01_top_image .contents.abalone { width:92%; }
	.page01_top_image .contents.abalone .detail { padding:0 20px; }
	.page01_top_image.ledge .contents { width:92%; height:95px; }
	.page01_top_image.ledge .contents .title { padding:15px 0 0 4%; font-size:0.937rem; }
	.page01_top_image.wash .contents { height:120px; }
	.page01_top_image.wash .contents .title { padding:15px 0 0 4%; font-size:0.937rem; }
	.page01_top_image.wash .contents .detail { padding:0 4%; }
	.page01_top_image.wash .contents.wash { width:92%; height:95px; }
	.page01_top_image.wash .contents.cleaner .detail { padding:0 4%; }
	.page01_top_image.wash .contents.sweeper { width:92%; height:118px; margin:-10px auto 0; }
	.page01_top_image.wash .contents.sweeper .detail { padding:0 4%; }
	.page01_top_image.wash .contents.rope { width:92%; height:95px; }
	.page01_top_image.wash .contents.rope .detail { padding:0 4%; }
	.page01_top_image.wash .contents.measurement { width:92%; height:95px; }
	.page01_top_image.wash .contents.measurement .detail { padding:0 4%; }
	.page01_top_image.machine .machine_image { width:100%; }
	.page01_top_image.machine .contents.mackerel { width:92%; height:95px; }
	.page01_top_image.machine .contents.mackerel .title { padding:15px 0 0 4%; font-size:0.937rem; }
	.page01_top_image.machine .contents.mackerel .detail { padding:0 4%; }
	.page01_top_image.machine .contents.scallop { width:92%; height:123px; }
	.page01_top_image.machine .contents.scallop .detail { padding:0 4%; }
	.page01_top_image.machine .contents.cabbage { width:92%; height:95px; }
	.page01_top_image.machine .contents.cabbage .title { padding:15px 0 0 4%; font-size:0.937rem; }
	.page01_top_image.machine .contents.cabbage .detail { padding:0 4%; }
	.page01_top_image.machine .contents.pump { width:92%; height:95px; }
	.page01_top_image.machine .contents.pump .title { padding:15px 0 0 4%; font-size:0.937rem; }
	.page01_top_image.machine .contents.pump .detail { padding:0 4%; }
	.page01_consult { margin:30px auto 13%; padding:0 20px; box-sizing:border-box; }
	.page01_consult li:hover { border:1px solid #222; }
	.page01_consult li { height:47px; margin-right:2%; padding:10px 0 0 30px; font-size:0.937rem; }
	.page01_consult li:first-child { width:30%; padding:10px 0 0 30px; background-position:left calc(50% - 30px) center; }
	.page01_consult li:first-child:hover { background:#fff url("../wp_images/01_01_01-01.jpg") no-repeat left calc(50% - 30px) center; color:#222; }
	.page01_consult li:nth-child(2) { width:40.5%; background-position:left calc(50% - 48px) center; }
	.page01_consult li:nth-child(2):hover { background:#fff url("../wp_images/01_01_01-02.jpg") no-repeat left calc(50% - 48px) center; color:#222; }
	.page01_consult li:last-child { width:25.2%; background-position:left calc(50% - 20px) center; }
	.page01_consult li:last-child:hover { background:#fff url("../wp_images/01_01_01-03.jpg") no-repeat left calc(50% - 20px) center; color:#222; }
	.page01_relevance { padding:0 20px; }
	.page01_excellence .title { padding-left:20px; font-size:1.375rem; }
	.page01_excellence .characteristic { margin-bottom:50px; padding:10px 20px 0 20px; }
	.page01_excellence .characteristic li { font-size:0.937rem; }
	.page01_excellence.abalone .structure .title { padding-left:20px; }
	.page01_excellence.abalone .structure .characteristic { padding:10px 20px 0 20px; }
	.page01_excellence.abalone .control .title { padding-left:20px; }
	.page01_excellence.abalone .control .characteristic { padding:10px 20px 0 20px; }
	.page01_excellence.wash .structure { float:none; width:100%; }
	.page01_excellence.wash .control { float:none; width:100%; }
	.page01_excellence.wash .characteristic { margin-bottom:40px; }
	.page01_excellence .point { padding:0 20px; }
	.page01_excellence .point li { margin-bottom:25px; }
	.page01_excellence .point li .subject { font-size:1.375rem; }
	.page01_excellence .point li .detail { font-size:0.875rem; }
	.page01_excellence .point li:nth-child(7) { margin-bottom:7%; }
	.page01_excellence .point li:last-child { margin-bottom:50px; }
	.page01_part_image { width:92%; margin:0 auto 10vw; }
	.page01_part_image li { float:none; width:100%; margin:0 0 30px 0; }
	.page01_part_image li:last-child { margin:0; }
	.page01_part_image li span { font-size:1.06rem; }
	.page01_part_image.abalone li { margin:0 0 30px 0; }
	.page01_part_image.abalone li:nth-child(2) { margin:0 0 30px 0; }
	.page01_part_image.abalone li:nth-child(3) { margin:0 0 30px 0; }
	.page01_part_image.circle li:last-child img { max-width:100%; }
	.page01_banner { height:160px; background:url("../wp_images/01_01_01-08-480.jpg") no-repeat left center; }
	.page01_banner.seaweed { height:160px; background:url("../wp_images/01_01_02-02-480.jpg") no-repeat left center; }
	.page01_banner.automatic { background:url("../wp_images/01_01_03-04-480.jpg") no-repeat left center; }
	.page01_banner.rotation { background:url("../wp_images/01_01_04-02-480.jpg") no-repeat left center; }
	.page01_banner.pulley { background:url("../wp_images/01_01_05-01-480.jpg") no-repeat left center; }
	.page01_banner.abalone { background:url("../wp_images/01_02_01-06-480.jpg") no-repeat left center; }
	.page01_banner.vibration { background:url("../wp_images/01_02_02-06-480.jpg") no-repeat left center; }
	.page01_banner.circle { background:url("../wp_images/01_02_03-05-480.jpg") no-repeat left center; }
	.page01_banner.elimination { background:url("../wp_images/01_02_04-04-480.jpg") no-repeat left center; }
	.page01_banner.ledge { background:url("../wp_images/01_02_05-04-480.jpg") no-repeat left center; }
	.page01_banner.shelter { background:url("../wp_images/01_02_06-04-480.jpg") no-repeat left center; }
	.page01_banner.diesel { background:url("../wp_images/01_03_02-04-480.jpg") no-repeat left center; }
	.page01_banner.gasoline { background:url("../wp_images/01_03_03-05-480.jpg") no-repeat left center; }
	.page01_banner.cleaner { background:url("../wp_images/01_03_04-04-480.jpg") no-repeat left center; }
	.page01_banner.sweeper { background:url("../wp_images/01_03_05-05-480.jpg") no-repeat left center; }
	.page01_banner.rope { background:url("../wp_images/01_03_06-03-480.jpg") no-repeat left center; }
	.page01_banner.measurement { background:url("../wp_images/01_03_07-03-480.jpg") no-repeat left center; }
	.page01_banner.mackerel { background:url("../wp_images/01_04_01-01-480.jpg") no-repeat left center; }
	.page01_banner.trap { margin-top:100px; background:url("../wp_images/01_04_02-02-480.jpg") no-repeat left center; }
	.page01_banner.scallop { background:url("../wp_images/01_04_03-04-480.jpg") no-repeat left center; }
	.page01_banner.cabbage { background:url("../wp_images/01_04_04-01-480.jpg") no-repeat left center; }
	.page01_banner .comment { padding:50px 10px 0 0; font-size:1.25rem; line-height:35px; }
	.page01_banner.scallop .comment { padding-top:70px; }
	.page01_unit { padding-right:20px; }
	.page01_explanation { padding:0 20px; font-size:0.875rem; }
	.page01_company { height:104vw; margin-top:-12px; padding-top:35px; }
	.page01_company .title { font-size:1.625rem; }
	.page01_company .comment { font-size:0.937rem; line-height:26px; }
	.page01_vision .promise { font-size:0.937rem; }
	.page01_03_accessory { grid-template-columns:repeat(auto-fit,minmax(32.5%, 1fr)); row-gap:1%; margin:0 auto 91%; }
	.page01_03_accessory li .product::after { display:none; }
	.page01_etc_image { grid-template-columns:repeat(auto-fit,minmax(49%, 1fr)); row-gap:3.5%; width:92%; margin-bottom:23%; }

	/* 고객지원 */
	.page03_01_location { margin-bottom:40px; }
	.page03_01_location li:first-child img { height:48vw; }
	.page03_01_location li .root_daum_roughmap .wrap_map { height:32vw !important; }
	.page03_01_location li .info { padding:3% 0 3% 6%; }
	.page03_01_location li .info .address { font-size:0.937rem; }
	.page03_01_location li .info .map_link { right:0; background-size:50%; }

	/* 메인메뉴4 (기술소개) */
 	.page04_01_certification { display:block; }
 	.page04_01_certification li { width:266px; margin:0 auto 30px; }
 	.page04_01_certification li:last-child { margin:0 auto; }
 	.page04_01_certification li:hover { border:1px solid #bfbfbf; box-shadow:none; }
 	.page04_01_certification li:hover a span { background-color:#aaa; }
 	.page04_01_certification li:hover a span::after { border-right:7px solid transparent; border-bottom:10px solid #aaa; border-left:7px solid transparent; }

	/* 메인메뉴5 (회사소개) */
	.page05_01_company { padding:0 0 90px 0; }
	.page05_01_company .contents { right:15px; bottom:30px; width:calc(100% - 30px); background-size:50%; }
	.page05_01_company .contents .comment { padding:6.5% 0 6.5% 5.5%; font-size:0.875rem; line-height:26px; }
	.page05_01_company .contents .comment.mobile span.space { font-size:1.06rem; }
	.page05_01_overview .greeting { padding:0 0 50px 0; font-size:1rem; }
	.page05_01_product li:first-child { background-size:40px; }
	.page05_01_product li:nth-child(2) { background-size:70px; }
	.page05_01_product li:nth-child(3) { background-size:70px; }
	.page05_01_product li:nth-child(4) { background-size:40px; }
	.page05_01_product li:nth-child(5) { background-size:70px; }
	.page05_01_product li:nth-child(6) { background-size:70px; }
	.page05_01_product li:last-child { background-size:40px; }
	.page05_03_basic { margin-bottom:40px; padding:60px 40px; }
	.page05_03_basic img { width:200px; }
	.page05_03_type { margin-bottom:40px; }
	.page05_03_type li { width:100%; margin:0 0 30px 0; }
	.page05_03_type li:last-child { margin:0; }
	.page05_03_type li .contents { height:170px; margin-top:20px; }
	.page05_03_type li:first-child .contents { background-position:center top 25px; background-size:100px; }
	.page05_03_type li:last-child .contents { background-position:center top 35px; background-size:78px; }
	.page05_03_type li .contents .subject { margin-top:125px; padding:9px 5px; font-size:1rem; }
	.page05_03_rule li { height:155px; padding:40px 0 0 4% }
	.page05_03_rule li .color { margin-bottom:10px; font-size:1rem; }
	.page05_03_rule li span { font-size:0.875rem; line-height:25px; letter-spacing:0; }
	.page05_03_download { margin:40px auto 0; padding-left:calc(50% - 150px); }
	.page05_03_download li { width:145px; padding:10px 0 0 15px; background-position:right 20px center; background-size:10px; font-size:0.875rem; }
	.page05_03_download li:last-child { padding:10px 0 0 20px; }

	/* A/S 및 제품문의 */
	.consult_guide { margin-bottom:40px; }
	.consult_guide .comment { margin-bottom:10px; padding:0 20px; font-size:1.06rem; line-height:25px; }
	.consult_guide .contents { margin:0 0 25px calc(50% - 155px); }
	.consult_guide .contents li { width:85px; height:85px; margin-right:30px; }
	.consult_guide .contents li::after { top:30px; right:-22px; }
	.consult_guide .contents li:first-child { background-position:top 23px center; background-size:16px; }
	.consult_guide .contents li:nth-child(2) { background-position:top 20px center; background-size:20px; }
	.consult_guide .contents li:last-child { background-position:top 21px center; background-size:22px; }
	.consult_guide .contents li span { margin-top:50px; font-size:0.75rem; }
	.consult_guide .information { width:315px; padding:11px 27px; }
	.consult_guide .information li { font-size:0.75rem; }
	.consult_guide .information li::after { top:4px; right:-13px; height:13px; }
	.agree_contents .agree_list li { width:100% !important; }
}
@media (max-width:375px)
{
	/*****************************************************************************************************************/

	/* 하단영역 콘텐츠 */
	#bottom_contents .bottom_address { padding-left:5px; }

	/* 메인화면 콘텐츠 */
	#main_item .title { font-size:1.125rem; }
	#main_item .comment { padding:5px 10px 0 10px; font-size:1.625rem; }
	#main_item .main_best_product .product_slide .swiper-slide a .contents .detail { font-size:1.25rem; }
	#main_item .main_product_menu { padding:0 10px; }
	#main_item .main_product_item { padding:0 10px; }
	#main_item .main_product_item .item li:last-child .comment { font-size:1.06rem; line-height:22px; }
	#main_item .main_banner { padding:0 10px 20px 10px; background-size:1030px; }
	#main_item .main_banner .vision { padding-top:75px; font-size:1.06rem; }
	#main_item .main_banner .vision .comment { font-size:1.625rem; }

	/* 서브화면 콘텐츠 */
	#sub_document { padding:20px 10px 60px 10px; }

	/* 페이지 공용 */
	.page_table_contents { margin:0 10px; }
	.page_title_h3 { font-size:1.5rem; }
	.page_title_h3::before { top:20px; left:10px; }
	.page_title_h3::after { top:20px; right:10px; }
	.page_title_h3.shelter::before { top:20px; left:10px; }
	.page_title_h3.shelter::after { top:20px; right:10px; }
	.page_title_h3.rope::before { top:20px; left:10px; width:5%; }
	.page_title_h3.rope::after { top:20px; right:10px; width:5%; }
	.page_title_h3.tone::before { top:20px; left:10px; }
	.page_title_h3.tone::after { top:20px; right:10px; }

	/* 메인메뉴1 (제품소개) */
	.page01_top_image .contents { width:96%; }
	.page01_top_image .contents.abalone { width:95%; }
	.page01_top_image.ledge .contents { width:95%; height:95px; }
	.page01_top_image.wash .contents { width:95%; }
	.page01_top_image.wash .contents.sweeper { width:95%; }
	.page01_top_image.wash .contents.rope { width:95%; }
	.page01_top_image.wash .contents.measurement { width:95%; }
	.page01_top_image.wash .contents.wash { width:95%; }
	.page01_top_image.machine .contents.mackerel { width:95%; }
	.page01_top_image.machine .contents.cabbage { width:95%; }
	.page01_top_image.machine .contents.pump { width:95%; }
	.page01_consult { padding:0 10px; }
	.page01_relevance { padding:0 10px; }
	.page01_excellence .title { padding-left:10px; font-size:1.25rem; }
	.page01_excellence .characteristic { padding:10px 10px 0 10px; }
	.page01_excellence.abalone .structure .title { padding-left:10px; }
	.page01_excellence.abalone .structure .characteristic { padding:10px 10px 0 10px; }
	.page01_excellence.abalone .control .title { padding-left:10px; }
	.page01_excellence.abalone .control .characteristic { padding:10px 10px 0 10px; }
	.page01_excellence .point { padding:0 10px; }
	.page01_part_image { width:95%; }
	.page01_banner { height:155px; }
	.page01_banner .comment { font-size:1.125rem; line-height:30px; }
	.page01_unit { padding-right:10px; }
	.page01_explanation { padding:0 10px; }
	.page01_etc_image { width:95%; }
}