@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"); }
@font-face { font-family:"Noto Serif KR"; font-style:normal; font-weight:900; src:url("../wp_default_image/notoserifskr_900.woff") format("woff"); }
@font-face { font-family:"Cinzel"; font-style:normal; font-weight:400; src:url("../wp_default_image/cinzel_400.woff2") format("woff2"); }
@font-face { font-family:"Cinzel"; font-style:normal; font-weight:500; src:url("../wp_default_image/cinzel_500.woff2") format("woff2"); }
@font-face { font-family:"Cinzel"; font-style:normal; font-weight:600; src:url("../wp_default_image/cinzel_600.woff2") format("woff2"); }
@font-face { font-family:"Cormorant_Garamond"; font-style:normal; font-weight:700; src:url("../wp_default_image/cormorant_garamond_700.woff2") format("woff2"); }
@font-face { font-family:"quentin"; font-style:normal; font-weight:400; src:url("../wp_default_image/quentin.woff") format("woff"),url("../wp_default_image/quentin.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:#112b23;
	--form-button-color:#112b23;
	--mobile-point-color:#112b23;
}
.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:30px; 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:5px; }
#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 { margin:0; padding:0; }
#sub_body { margin:0; padding:0; }

/* 메인화면 레이아웃 */
#main_wrap { overflow:hidden; margin:0; padding:0; word-break:keep-all; }
#main_header { margin:0; padding:0; }
#main_section { margin:0; padding:0; }
#main_footer { position:relative; clear:both; margin:0; padding:0; }

/* 서브화면 레이아웃 */
#sub_wrap { overflow:hidden; position:relative; margin:0; padding:0; word-break:keep-all; }
#sub_header { height:120px; margin:0; padding:0; }
#sub_container { margin:0; padding:0; }
#sub_footer { position:relative; clear:both; margin:0; padding:0; }

/* 상단영역 콘텐츠 */
#top_contents { position:fixed; top:0; left:0; z-index:10000; width:100%; height:120px; border-bottom:1px solid #ffffff33; box-sizing:border-box; transition:0.6s; }
#top_contents .top_division { display:flex; justify-content:space-between; align-items:center; width:95%; max-width:1300px; height:100%; margin:0 auto; }
#top_contents .top_logo { margin:0; padding:0; }
#top_contents .mobile_menu_open { display:none; }
#top_contents .top_nav { width:960px; }
#top_contents .mobile_menu_top { display:none; }
#top_contents .main_menu { position:relative; z-index:2000; }
#top_contents .main_menu .menu_list { margin:0; padding:0; }
#top_contents .main_menu .menu_list::after { content:""; display:block; clear:both; }
#top_contents .main_menu .menu_list > li { float:left; position:relative; width:20%; text-align:center; }
#top_contents .main_menu .menu_list > li > a { display:block; padding-top:10px; font-size:1.151rem; font-weight:600; color:#fff; line-height:110px; }
#top_contents .main_menu .menu_list > li > button { display:none; }
#top_contents .main_menu .menu_list ul { display:none; position:absolute; top:88%; left:50%; width:100%; max-width:170px; padding:13px 0; background-color:#fff; border-radius:10px; box-sizing:border-box; transform:translatex(-50%); }
#top_contents .main_menu .menu_list ul li a { display:block; padding:7px 0; font-size:0.938rem; line-height:1.5; }
#top_contents .main_menu .menu_list ul li a.long { letter-spacing:-0.1px; }
#top_contents .main_menu .menu_list ul li a:hover { font-weight:600; color:#77440e; }
#top_contents .main_menu .copyright { display:none; }
#top_contents.on { background-color:#fff; border-bottom:1px solid #dcdcdc; transition:0.6s; }
#top_contents.on .main_menu .menu_list > li > a { color:#706458; }
#main_header #top_contents .top_logo .sub_logo { display:none; }
#main_header #top_contents.on .top_logo .sub_logo { display:block; }
#main_header #top_contents.on .top_logo .main_logo { display:none; }
#sub_header #top_contents .top_logo .main_logo { display:none; }
#sub_header #top_contents { background-color:#fff; border-bottom:1px solid #dcdcdc; }
#sub_header #top_contents .main_menu .menu_list > li > a { color:#222; }
#sub_header #top_contents .main_menu .menu_list ul { background-color:#f8f7f5; }
.quick_consult { display:none; }
.quick_icon { display:none; }
#menu_cover { display:none; position:absolute; top:150px; left:0; z-index:1000; width:100%; height:300px; background-color:#ededed; box-sizing:border-box; }

/* 하단영역 콘텐츠 */
#bottom_contents { padding:50px 0; background-color:#f3f0eb; font-size:0.875rem; box-sizing:border-box; }
#bottom_contents .bottom_division { display:flex; width:95%; max-width:1300px; margin:0 auto; }
#bottom_contents .bottom_division .bottom_info { position:relative; width:60%; }
#bottom_contents .bottom_division .bottom_info::before { content:""; position:absolute; top:9px; right:0; width:1px; height:140px; background-color:#d2d2d2; }
#bottom_contents .bottom_division .bottom_info .area { display:flex; align-items:center; column-gap:45px; margin-bottom:30px; }
#bottom_contents .bottom_division .bottom_info .area .bottom_menu { display:flex; column-gap:45px; width:calc(100% - 105px); }
#bottom_contents .bottom_division .bottom_info .area .bottom_menu li { position:relative; }
#bottom_contents .bottom_division .bottom_info .area .bottom_menu li::before { content:""; position:absolute; top:8px; right:-22px; width:1px; height:10px; background-color:#d5d4d2; }
#bottom_contents .bottom_division .bottom_info .area .bottom_menu li:last-child::before { display:none; }
#bottom_contents .bottom_division .bottom_info .bottom_address { margin-bottom:10px; }
#bottom_contents .bottom_division .bottom_info .bottom_address .mobile_show { display:none; }
#bottom_contents .bottom_division .bottom_info .bottom_address .space { margin-right:15px; }
#bottom_contents .bottom_division .bottom_info .bottom_address .space.last { margin-right:0; }
#bottom_contents .bottom_division .bottom_info .bottom_address .space .title { margin-right:5px; }
#bottom_contents .bottom_division .bottom_info .copyright { color:#888; }
#bottom_contents .bottom_division .bottom_customer { width:32%; padding:0 0 0 60px; color:#623607; box-sizing:border-box; }
#bottom_contents .bottom_division .bottom_customer .title { font-size:1rem; }
#bottom_contents .bottom_division .bottom_customer .page_cinzel { margin-bottom:16px; font-size:2.5rem; font-weight:500; }
#bottom_contents .bottom_division .bottom_customer .number.mobile { display:none; }
#bottom_contents .bottom_division .bottom_customer .time span { margin-right:5px; }
#bottom_contents .bottom_division > .bottom_menu { width:8%; padding-top:23px; text-align:right; }
#bottom_contents .bottom_division > .bottom_menu li { margin-bottom:4px; }
#bottom_contents .bottom_division > .bottom_menu li:last-child { margin-bottom:0; }
#bottom_contents .bottom_division > .bottom_menu a { display:block; }
#bottom_contents .top_move { display:none; }

/* 메인화면 콘텐츠 */
#main_visual { height:925px; margin:0; padding:0; }
#main_visual .visual_slide { overflow:hidden; position:relative; width:100%; height:100%; }
#main_visual .visual_slide .visual_01 { background:url("../wp_images/m_visual_01.jpg") no-repeat center center; background-size:cover; }
#main_visual .visual_slide .visual_01 .text_box { position:relative; width:95%; max-width:1300px; margin:350px auto 0; }
#main_visual .visual_slide .visual_01 .text_box .big { opacity:0; font-size:4.688rem; font-weight:500; color:#fff; letter-spacing:3px; transform:translatey(10px); }
#main_visual .visual_slide .visual_01 .text_box .small { opacity:0; font-size:1.563rem; font-weight:500; color:#fff; transform:translatey(10px); }
/* 2025.05.09 MHJ: 추후 비주얼 이미지 추가 시 주석 해제한다.
#main_visual .visual_btn { position:absolute; top:57%; z-index:500; width:28px; height:57px; transform:translatey(-50%); }
#main_visual .visual_prev { left:8%; background:url("../wp_images/m_visual_prev.png") no-repeat 0 0; }
#main_visual .visual_next { right:8%; background:url("../wp_images/m_visual_next.png") no-repeat 0 0; }
#main_visual .visual_pagination { display:inline-block; text-align:center; }
#main_visual .visual_pagination.swiper-pagination { bottom:25px; z-index:900; }
#main_visual .visual_pagination .swiper-pagination-bullet { width:65px; height:4px; margin-right:20px; border-radius:0; background:#0000004d; }
#main_visual .visual_pagination .swiper-pagination-bullet:last-child { margin-right:0; }
#main_visual .visual_pagination .swiper-pagination-bullet-active { background:#fff; }
*/
#main_visual .visual_slide .visual_01.swiper-slide-active::before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url("../wp_images/m_visual_01.jpg") no-repeat center center; background-size:cover; transform:scale(1.1); animation:visual_size 1s 0.4s forwards; filter:brightness(0.4); }
#main_visual .visual_slide .visual_01.swiper-slide-active .text_box .big { opacity:1; transform:translatey(0); transition:all 0.8s ease; }
#main_visual .visual_slide .visual_01.swiper-slide-active .text_box .small { opacity:1; transform:translatey(0); transition:all 0.8s 0.8s ease; }
@keyframes visual_size { 0% { transform:scale(1.1); filter:brightness(0.4); } 100% { transform:scale(1); filter:brightness(1); } }
#main_item { margin:0; padding:0; }
#main_item .m_more { display:block; width:180px; height:48px; border:1px solid #d9c5ae; background-color:#f8f5f3; font-weight:500; color:#573007; text-align:center; line-height:48px; border-radius:50px; }
#main_item .thesis { display:flex; width:95%; max-width:1300px; margin:80px auto 120px; }
#main_item .thesis .text_box { width:calc(100% - 500px); }
#main_item .thesis .text_box .title { margin:0 0 10px 30px; font-size:1.125rem; font-weight:600; color:#77440e; }
#main_item .thesis .text_box .comment { position:relative; width:fit-content; padding:0 30px 30px 30px; font-size:1.875rem; font-weight:600; line-height:1.4; }
#main_item .thesis .text_box .comment .page_serif { position:absolute; font-weight:900; }
#main_item .thesis .text_box .comment .page_serif.start { top:0; left:0; }
#main_item .thesis .text_box .comment .page_serif.end { bottom:30px; right:0; }
#main_item .thesis .text_box .comment::before { content:""; position:absolute; bottom:0; left:25px; width:53px; height:3px; background-color:#77440e80; }
#main_item .thesis .text_box .detail { margin:30px 0 50px 30px; font-size:1.125rem; color:#555; line-height:1.6; }
#main_item .thesis .text_box .m_more { margin-left:20px; transition:0.3s; }
#main_item .thesis .text_box .m_more:hover { background-color:#5d473c; color:#fff; transition:0.3s; }
#main_item .thesis .image_box { position:relative; width:500px; }
#main_item .thesis .image_box li { position:absolute; }
#main_item .thesis .image_box li.item_01 { bottom:0; right:0; }
#main_item .thesis .image_box li.item_02 { bottom:0; right:75px; }
#main_item .thesis .image_box li.item_03 { bottom:0; right:155px; }
#main_item .thesis .image_box li.item_04 { bottom:25px; left:0; }
#main_item .thesis .image_box li.item_05 { top:0; right:110px; }
#main_item .thesis .image_box li img { box-shadow:3px 3px 5px rgba(8, 6, 7, 0.2); }
#main_item .franchise { position:relative; width:95%; max-width:1500px; margin:0 auto 100px; }
#main_item .franchise .franchise_slide { overflow:hidden; width:100%; max-width:1299px; height:558px; margin:0 auto; }
#main_item .franchise .franchise_slide .swiper-slide { filter:grayscale(1); transition:0.3s; }
#main_item .franchise .franchise_slide .swiper-slide:hover { filter:grayscale(0); transition:0.3s; }
#main_item .franchise .franchise_slide .swiper-slide a { position:relative; display:block; height:100%; }
#main_item .franchise .franchise_slide .swiper-slide a .title { position:absolute; bottom:35px; left:55px; font-size:1.563rem; font-weight:500; color:#fff; }
#main_item .franchise .franchise_slide .slide_01 { background:url("../wp_images/m_franchise_01.jpg") no-repeat center center; background-size:cover; }
#main_item .franchise .franchise_slide .slide_02 { background:url("../wp_images/m_franchise_02.jpg") no-repeat center center; background-size:cover; }
#main_item .franchise .franchise_slide .slide_03 { background:url("../wp_images/m_franchise_03.jpg") no-repeat center center; background-size:cover; }
#main_item .franchise .franchise_slide .slide_04 { background:url("../wp_images/m_franchise_04.jpg") no-repeat center center; background-size:cover; }
#main_item .franchise .franchise_slide .slide_05 { background:url("../wp_images/m_franchise_05.jpg") no-repeat center center; background-size:cover; }
#main_item .franchise .franchise_btn { position:absolute; top:50%; z-index:500; width:45px; height:45px; border:1px solid #222; border-radius:3px; box-sizing:border-box; transform:translatey(-50%); }
#main_item .franchise .franchise_prev { left:0; background:#fff url("../wp_images/m_franchise_prev.png") no-repeat center center; }
#main_item .franchise .franchise_next { right:0; background:#fff url("../wp_images/m_franchise_next.png") no-repeat center center; }
#main_item .startup { margin-bottom:145px; }
#main_item .startup ul { display:flex; justify-content:center; column-gap:30px; width:95%; max-width:1400px; margin:0 auto; text-align:center; }
#main_item .startup ul li { width:20%; }
#main_item .startup ul li .image_box { overflow:hidden; display:block; margin-bottom:40px; padding-top:100%; border-radius:50%; transition:0.3s; }
#main_item .startup ul li.item_01 .image_box { background:url("../wp_images/m_startup_01.gif") no-repeat center center; background-size:100%; }
#main_item .startup ul li.item_02 .image_box { background:url("../wp_images/m_startup_02.gif") no-repeat center center; background-size:100%; }
#main_item .startup ul li.item_03 .image_box { background:url("../wp_images/m_startup_03.gif") no-repeat center center; background-size:100%; }
#main_item .startup ul li.item_04 .image_box { background:url("../wp_images/m_startup_04.gif") no-repeat center center; background-size:100%; }
#main_item .startup ul li.item_05 .image_box { background:url("../wp_images/m_startup_05.gif") no-repeat center center; background-size:100%; }
#main_item .startup ul li .image_box:hover { background-size:280px; transition:0.3s; }
#main_item .startup ul li .comment { font-size:1.063rem; color:#555; line-height:1.5; }
#main_item .startup ul li .comment strong { display:block; margin-bottom:12px; font-size:1.375rem; font-weight:600; color:#222; }
#main_item .startup .startup_slide { display:none; }
#main_item .product { margin-bottom:105px; padding:65px 0 50px; background-color:#f3f0eb; box-sizing:border-box; }
#main_item .product .product_slide { margin-bottom:35px; }
#main_item .product .product_slide .swiper-wrapper { margin-bottom:50px; }
#main_item .product .product_slide .swiper-wrapper .swiper-slide { width:405px; }
#main_item .product .product_slide .swiper-wrapper .swiper-slide a { overflow:hidden; display:block; margin-bottom:25px; }
#main_item .product .product_slide .swiper-wrapper .swiper-slide .title { font-size:1.125rem; font-weight:600; line-height:1.5; text-align:center; }
#main_item .product .product_slide .control { display:flex; justify-content:center; align-items:center; column-gap:40px; position:relative; }
#main_item .product .product_slide .control .product_btn { width:13px; height:27px; }
#main_item .product .product_slide .control .product_prev { background:url("../wp_images/m_product_prev.png") no-repeat 0 0; }
#main_item .product .product_slide .control .product_next { background:url("../wp_images/m_product_next.png") no-repeat 0 0; }
#main_item .product .product_slide .control .product_pagination { display:inline-block; width:fit-content; text-align:center; }
#main_item .product .product_slide .control .product_pagination.swiper-pagination { position:static; }
#main_item .product .product_slide .control .product_pagination .swiper-pagination-bullet { width:100px; height:2px; margin:0; border-radius:0; background:#dcdcdc; }
#main_item .product .product_slide .control .product_pagination .swiper-pagination-bullet-active { height:4px; background:#c8baaa; }
#main_item .product .m_more { margin:0 auto; border:none; background-color:#b990641a; color:#86705a; transition:0.3s; }
#main_item .product .m_more:hover { background-color:#5d473c; color:#fff; transition:0.3s; }
#main_item .store { width:95%; max-width:1300px; margin:0 auto 105px; padding:100px 0 75px; background:url("../wp_images/m_store_bg.jpg") no-repeat center center; background-size:cover; color:#fff; text-align:center; box-sizing:border-box; }
#main_item .store .title { margin-bottom:65px; font-size:2.813rem; font-weight:600; line-height:1.6; }
#main_item .store .title .small { display:block; font-size:1.313rem; font-weight:500; }
#main_item .store .comment { margin-bottom:45px; font-size:1.063rem; }
#main_item .store .more { display:block; width:200px; height:50px; margin:0 auto; border:1px solid #ffffffb3; background:linear-gradient(55deg, #fff 50%, transparent 50%) no-repeat 100% 100%; background-size:400%; line-height:50px; border-radius:3px; box-sizing:border-box; transition:all 0.5s ease-in; }
#main_item .store .more:hover { background-position:0; color:#112b23; transition:all 0.5s ease-in; }
#main_item .sale { margin-bottom:105px; }
#main_item .sale .area { display:flex; column-gap:23px; width:95%; max-width:1300px; margin:0 auto; }
#main_item .sale .area .item { width:418px; }
#main_item .sale .area .item .image_box { position:relative; width:418px; height:462px; margin-bottom:35px; }
#main_item .sale .area .item.item_01 .image_box { background:url("../wp_images/m_sale_01.jpg") no-repeat center center; background-size:cover; }
#main_item .sale .area .item.item_01 .image_box .graph_box { position:absolute; bottom:80px; height:327px; transform:rotate(180deg); }
#main_item .sale .area .item.item_01 .image_box .graph_box.before { left:155px; }
#main_item .sale .area .item.item_01 .image_box .graph_box.after { right:75px; }
#main_item .sale .area .item.item_01 .image_box .graph_box .progress_bar { display:block; width:67px; height:0%; background:linear-gradient(to bottom, #ffffff1a, #fff); }
#main_item .sale .area .item.item_01 .image_box .graph_box .progress_bar.before { animation:progress_bar_before 1.5s forwards ease-out; }
#main_item .sale .area .item.item_01 .image_box .graph_box .progress_bar.after { animation:progress_bar_after 1.5s 1.5s forwards ease-out; }
#main_item .sale .area .item.item_02 .image_box { background:url("../wp_images/m_sale_02.jpg") no-repeat center center; background-size:cover; }
#main_item .sale .area .item.item_03 .image_box { background:url("../wp_images/m_sale_03.jpg") no-repeat center center; background-size:cover; }
#main_item .sale .area .item.item_03 .image_box .diploma { position:absolute; top:65px; left:50%; transform:translatex(-50%); animation:rotation 1s ease infinite; }
#main_item .sale .area .item .comment { font-size:1.75rem; font-weight:600; text-align:center; }
#main_item .sale .area .item .comment .small { display:block; font-size:1.125rem; font-weight:500; }
#main_item .sale .area .item .comment .text_color { padding:0 5px; background:#84452d; font-weight:900; color:#fff; border-radius:5px; }
@keyframes progress_bar_before { 0% { height:0%; } 100% { height:33.5%; } }
@keyframes progress_bar_after { 0% { height:0%; } 100% { height:100%; } }
@keyframes rotation { 0% { transform:translatex(-50%) rotate(-1deg); } 50% { transform:translatex(-50%) rotate(1deg); } 100% { transform:translatex(-50%) rotate(-1deg); } }
#main_item .payment { min-height:450px; margin-bottom:105px; background:url("../wp_images/m_payment_bg.jpg") no-repeat center center; background-size:cover; }
#main_item .payment .area { display:flex; justify-content:space-between; align-items:center; width:95%; max-width:1300px; margin:0 auto; }
#main_item .payment .area .text_box { position:relative; padding-top:40px; color:#fff; box-sizing:border-box; }
#main_item .payment .area .text_box .title { margin-bottom:80px; font-size:3.125rem; font-weight:600; line-height:0.65; }
#main_item .payment .area .text_box .title .small { display:block; font-size:1.5rem; font-weight:400; }
#main_item .payment .area .text_box .title .line { position:relative; z-index:100; font-size:6.25rem; color:#ffe9bf; }
#main_item .payment .area .text_box .title .line::before { content:""; position:absolute; bottom:0; left:50%; width:110px; height:23px; background:url("../wp_images/m_payment_line.png") no-repeat center center; transform:translatex(calc(-50% + 0.5px)); }
#main_item .payment .area .text_box .comment { font-size:1.563rem; font-weight:600; }
#main_item .payment .area .text_box .stamp { position:absolute; top:-25px; right:-55px; opacity:0; transform:scale(1.5); }
#main_item .payment .area .text_box .stamp.mobile { display:none; }
#main_item .payment .area .text_box .stamp.stamp_zoom { animation:stamp_zoom 0.5s 2.3s forwards ease-out; }
@keyframes stamp_zoom { 0% { opacity:0; transform:scale(1.5); } 100% { opacity:1; transform:scale(1); } }
#main_item .payment .area .check_box { min-height:450px; margin-right:105px; padding:65px 60px 0 65px; background-color:#472f154d; font-size:1.375rem; font-weight:600; color:#fff; box-sizing:border-box; }
#main_item .payment .area .check_box .item { margin-bottom:15px; }
#main_item .payment .area .check_box .item:last-child { margin-bottom:0; }
#main_item .payment .area .check_box .item .check { padding-left:40px; background:url("../wp_images/m_payment_check.png") no-repeat top 11px left; }
#main_item .payment .area .check_box .item .check .small { display:block; margin-top:10px; font-size:1.063rem; font-weight:500; }
#main_item .difference { margin-bottom:90px; }
#main_item .difference .area { display:flex; width:95%; max-width:1300px; margin:0 auto; }
#main_item .difference .area .item { width:50%; box-sizing:border-box; }
#main_item .difference .area .item.pentagon { position:relative; padding:0 55px 20px 0; }
#main_item .difference .area .item.pentagon::before { content:""; position:absolute; top:50%; right:0; width:1px; height:590px; background-color:#c9c9c9; transform:translatey(calc(-50% + 0.5px)); }
#main_item .difference .area .item.stick { padding:0 0 20px 55px; }
#main_item .difference .area .item .graph_area { position:relative; height:431px; margin-bottom:45px; }
#main_item .difference .area .item .graph_area .blur_image { position:absolute; top:0; right:0; z-index:100; box-shadow:3px 3px 10px rgba(8, 6, 7, 0.1); }
#main_item .difference .area .item.pentagon .graph_area .image_box { position:absolute; bottom:0; left:0; width:474px; height:363px; background:url("../wp_images/m_difference_01.jpg") no-repeat center center; background-size:cover; }
#main_item .difference .area .item.pentagon .graph_area .image_box .graph { position:absolute; top:56.5%; left:50%; width:319px; height:258px; transform:translate(calc(-50% + 0.5px), calc(-50% + 0.5px)) scale(0); background:url("../wp_images/m_difference_02.png") no-repeat center center; background-size:cover; }
#main_item .difference .area .item.pentagon .graph_area .image_box .graph.pentagon_01 { animation:pentagon_01 1s forwards ease-out; }
#main_item .difference .area .item.stick .graph_area .image_box { width:585px; height:431px; background:url("../wp_images/m_difference_04.jpg") no-repeat center center; background-size:cover; }
#main_item .difference .area .item.stick .graph_area .image_box .graph_box { position:absolute; bottom:42px; height:382px; transform:rotate(180deg); }
#main_item .difference .area .item.stick .graph_area .image_box .graph_box.graph_01 { left:110px; }
#main_item .difference .area .item.stick .graph_area .image_box .graph_box.graph_02 { left:284px; }
#main_item .difference .area .item.stick .graph_area .image_box .graph_box.graph_03 { left:460px }
#main_item .difference .area .item.stick .graph_area .image_box .graph_box .graph_bar { display:block; width:98px; height:0%; background:linear-gradient(to bottom, #936b401a, #916a404d); }
#main_item .difference .area .item.stick .graph_area .image_box .graph_box .graph_bar.graph_01 { animation:graph_01 1.5s 1s forwards ease-out; }
#main_item .difference .area .item.stick .graph_area .image_box .graph_box .graph_bar.graph_01::before { content:""; opacity:0; position:absolute; top:25px; left:25px; width:95px; height:65px; background:url("../wp_images/m_difference_06.png") no-repeat center center; background-size:cover; transform:rotate(180deg); animation:graph_arrow_01 1s 3s forwards ease-out;  }
#main_item .difference .area .item.stick .graph_area .image_box .graph_box .graph_bar.graph_02 { animation:graph_02 1.5s 1.5s forwards ease-out; }
#main_item .difference .area .item.stick .graph_area .image_box .graph_box .graph_bar.graph_02::before { content:""; opacity:0; position:absolute; top:88px; left:-8px; width:170px; height:116px; background:url("../wp_images/m_difference_06.png") no-repeat center center; background-size:cover; transform:rotate(180deg); animation:graph_arrow_02 1s 3.5s forwards ease-out;  }
#main_item .difference .area .item.stick .graph_area .image_box .graph_box .graph_bar.graph_03 { animation:graph_03 1.5s 2s forwards ease-out; }
#main_item .difference .area .item.stick .graph_area .image_box .arrow { opacity:0; position:absolute; top:0; right:60px; width:259px; height:177px; background:url("../wp_images/m_difference_06.png") no-repeat center center; background-size:cover; }
#main_item .difference .area .item.stick .graph_area .image_box .arrow.arrow_01 { animation:arrow_01 1.3s 3s forwards ease-out; }
#main_item .difference .area .item .comment { padding:20px 10px; background-color:#a5714e; font-size:1.875rem; font-weight:800; color:#fff; text-align:center; line-height:1.4; border-radius:10px; box-sizing:border-box; }
#main_item .difference .area .item .comment .small { display:block; font-size:1.438rem; font-weight:500; color:#ffeddb; }
@keyframes pentagon_01 { 0% { transform:translate(calc(-50% + 0.5px), calc(-50% + 0.5px)) scale(0.2); } 100% { transform:translate(calc(-50% + 0.5px), calc(-50% + 0.5px)) scale(1); } }
@keyframes graph_01 { 0% { height:0%; } 100% { height:60%; } }
@keyframes graph_02 { 0% { height:0%; } 100% { height:79.5%; } }
@keyframes graph_03 { 0% { height:0%; } 100% { height:100%; } }
@keyframes graph_arrow_01 { 0% { opacity:0; } 100% { opacity:0.1; } }
@keyframes graph_arrow_02 { 0% { opacity:0; } 100% { opacity:0.3; }  }
@keyframes arrow_01 { 0% { opacity:0; top:calc(100% - 185px); right:calc(100% - 275px); transform:scale(0.35); } 100% { opacity:1; top:0; right:60px; transform:scale(1); } }
#main_item .success { margin-bottom:70px; }
#main_item .success .area { display:flex; justify-content:space-between; width:95%; max-width:1300px; margin:0 auto; }
#main_item .success .area .item { position:relative; width:261px; height:261px; padding-top:65px; background:url("../wp_images/m_success_bg.gif") no-repeat center center; background-size:cover; text-align:center; box-sizing:border-box; }
#main_item .success .area .item::before { content:""; position:absolute; top:50%; right:-60px; width:34px; height:34px; background:url("../wp_images/m_success_plus.png") no-repeat center center; transform:translatey(calc(-50% + 0.5px)); }
#main_item .success .area .item:last-child::before { display:none; }
#main_item .success .area .item .small { display:block; margin-bottom:16px; font-size:1.125rem; font-weight:600; color:#ffe0bf; }
#main_item .success .area .item .comment { font-size:1.25rem; font-weight:600; color:#fff; }
#main_item .success .area .item .comment strong { display:block; font-size:1.5rem; font-weight:800; }
#main_item .success .area .item .number { display:block; position:absolute; top:16px; right:12px; width:49px; height:49px; background-color:#cba58b; font-family:"Cormorant_Garamond"; font-size:2.5rem; color:#fff; text-align:center; line-height:38px; border-radius:50%; }
#main_item .success .area .item:nth-child(3) .number { font-size:1.875rem; }
#main_item .success .area .item:nth-child(4) .number { line-height:35px; }

/* 서브화면 콘텐츠 */
#sub_visual { display:none; }
#sub_nav { width:95%; max-width:1300px; margin:130px auto 0; text-align:center; }
#sub_nav h2 { display:none; }
#sub_nav p { margin-bottom:50px; font-size:1.125rem; }
#sub_nav ul { display:flex; justify-content:center; }
#sub_nav li { position:relative; font-size:1.375rem; color:#777; }
#sub_nav li a { display:block; padding:10px 50px; box-sizing:border-box; }
#sub_nav li.on a { font-weight:600; color:#77440e; }
#sub_nav li.on::before { content:""; position:absolute; bottom:0; left:50%; width:70%; height:2px; background-color:#77440e; transform:translatex(calc(-50% + 0.5px)); }
#sub_nav .long li a { padding:10px 23px; }
#sub_nav .long li.on::before { width:90%; }
#sub_aside { display:none; }
#sub_aside ul { display:none; }
#sub_aside li { display:none; }
#sub_section { width:95%; max-width:1300px; margin:0 auto; }
#sub_section.page_no_margin { width:100%; max-width:none; }
#sub_position { position:absolute; top:160px; left:0; width:100%; text-align:center; }
#sub_position_title { font-size:2.813rem; font-weight:600; text-align:center; }
#sub_position_text { display:none; }
#sub_document { overflow:hidden; padding:78px 0 70px; table-layout:fixed; }
#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; }

/* 아이프레임 콘텐츠 */
#consultFrame { display:block; width:100%; height:100px; background-color:#5d473c; }
.bottom_consult { display:flex; align-items:center; width:95%; max-width:1300px; height:100%; margin:0 auto; color:#fff; }
.bottom_consult #form_button { width:215px; }
.bottom_consult #form_button button { width:100%; height:50px; margin:0; background-color:#ffffff1a; font-size:100%; line-height:50px; border-radius:3px; }
#consult_input { display:flex; align-items:center; }
#consult_input .title { margin-right:50px; font-size:1.25rem; font-weight:600; }
#consult_input .check { display:flex; margin-right:50px; font-size:0.938rem; }
#consult_input .check li { margin-right:20px; }
#consult_input .check li:last-child { margin-right:0; }
#consult_input .check .form_check_title input[type="checkbox"] { width:16px; height:16px; }
#consult_input .check .form_check_title input[type="checkbox"] + label:before { top:calc(50% - 7px); left:0; width:16px; height:16px; margin-right:0; border:none; background:#fff; border-radius:2px; }
#consult_input .check .form_check_title input[type="checkbox"]:checked + label:before { background:#77440e url("../wp_default_image/check_sprite.png") no-repeat center -20px; }
#consult_input .check .form_check_title input[type="checkbox"] + label { padding:0 0 0 22px; }
#consult_input .info { display:flex; column-gap:30px; margin-right:50px; padding-top:30px; }
#consult_input .info .input_label { margin-right:10px; font-size:1.125rem; font-weight:500; }
#consult_input .info li:nth-child(1) .input_box { width:150px; }
#consult_input .info li:nth-child(2) .input_box { width:210px; }
#consult_input .info #privacy_agree .agree_list { margin:0 0 0 30px; padding:0; }
#consult_input .info #privacy_agree .agree_list li { width:auto; padding:0; }
#consult_input .info #privacy_agree .agree_list li label { font-size:0.75rem; }
#consult_input .info #privacy_agree .form_check_title input[type="checkbox"] + label { padding:0 0 0 25px; }
#consult_input .info #privacy_agree .form_check_title input[type="checkbox"] + label:before { top:calc(50% - 4px); left:0; width:14px; height:14px; background:transparent; }
#consult_input .info #privacy_agree .form_check_title input[type="checkbox"]:checked + label:before { border:none; background:#fff url("../wp_default_image/check_sprite.png") no-repeat 0 0; background-size:14px; }
#consult_input .info #privacy_agree .agree_list li button { padding:7px 0 0 0; border:none; font-size:0.75rem; color:#fff; }
.bottom_agree_text { display:none; position:absolute; top:-112px; left:calc(95% - 575px); clear:both; margin:0; padding:10px; border:1px solid #84452d; background-color:#f8f5f3; font-size:90%; color:#573007; box-sizing:border-box; }
.bottom_agree_text li { overflow:hidden; width:inherit; margin:0; padding:10px 0; border-bottom:1px solid #ddd; }
.bottom_agree_text li:first-child { margin:0; border-bottom:none; }
.bottom_agree_text li:last-child { border:none; }
.bottom_agree_text li strong { display:block; float:left; width:160px; text-align:center; }
.bottom_agree_text li span { display:block; float:left; width:calc(100% - 160px); }
.bottom_agree_text .modal_close { position:absolute; top:13px; right:13px; height:13px; width:13px; height:13px; padding:2px; border:1px solid #222; background:url("../wp_images/modal_close.svg") no-repeat center center; text-indent:-9999px; }

/*****************************************************************************************************************
- 아래 라인부터는 개발자가 필요할 경우 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:100%; margin-bottom:60px; 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:#fbfbfb; font-size:110%; 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; 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 { 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 { 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 { 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 { 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_first { display:none; }
.page_tab_menu { display:flex; justify-content:center; column-gap:16px; margin-bottom:90px; }
.page_tab_menu li { background-color:#f8f7f5; font-size:1.125rem; font-weight:500; color:#777; border-radius:50px; }
.page_tab_menu li.on { background-color:#706458; font-weight:600; color:#fff; }
.page_tab_menu li a { display:block; padding:8px 36px; box-sizing:border-box; }
.page_mobile_tel { display:none; }
.page_mobile_enter { width:0; height:0; font-size:0; }
.page_pc_enter { display:block; 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_cinzel { font-family:"Cinzel"; font-weight:600; }
.page_serif { font-family:"Noto Serif KR"; }
.page_quentin { font-family:"quentin"; font-weight:400; }
.page_title_h3 { margin-bottom:45px; font-size:2.5rem; font-weight:600; text-align:center; line-height:1.6; }
.page_title_h3 .small { display:block; font-size:1.375rem; font-weight:400; }
.page_title_h3 .line { position:relative; }
.page_title_h3 .line span { display:block; position:absolute; bottom:-10px; left:0; z-index:-100; width:172px; height:25px; background:url("../wp_images/m_title_line.gif") no-repeat center center; }
.page_title_h4 { font-size:2.188rem; font-weight:600; }
.page_no_margin { margin-bottom:0 !important; }
.page_margin { width:95%; max-width:1300px; margin:0 auto; }
.page_dot { position:relative; padding-left:10px; box-sizing:border-box; }
.page_dot::before { content:""; position:absolute; top:13px; left:0; width:2px; height:2px; background-color:#222; border-radius:50%; }
.page_sian_box { display:flex; justify-content:center; }

/* 메인메뉴1 (DIOWELLCARE) */
.page01_01_brand { padding:225px 0 230px; background:url("../wp_images/01_01-bg.jpg") no-repeat center center; background-size:cover; color:#fff; text-align:center; box-sizing:border-box; }
.page01_01_brand .title { margin-bottom:16px; font-size:4.688rem; font-weight:500; }
.page01_01_brand .comment { font-size:1.875rem; }
.page01_overview { display:flex; justify-content:center; align-items:center; column-gap:100px; margin-bottom:110px; }
.page01_overview .overview_slide { overflow:hidden; position:relative; width:420px; margin-left:110px; border-radius:20px; }
.page01_overview .overview_slide .overview_pagination { position:absolute; left:0; bottom:27px; z-index:100; width:100%; text-align:center; }
.page01_overview .overview_slide .overview_pagination .swiper-pagination-bullet { width:13px; height:13px; margin:0 7px; background-color:#ffffff33; }
.page01_overview .overview_slide .overview_pagination .swiper-pagination-bullet-active { background-color:#fff; }
.page01_overview .text_box { width:calc(100% - 630px); box-sizing:border-box; }
.page01_overview .text_box .page_title_h4 { position:relative; margin-bottom:35px; }
.page01_overview .text_box .page_quentin { position:absolute; top:-65px; left:110px; font-size:4.375rem; color:#2222221a; white-space:nowrap; }
.page01_overview .text_box .comment { font-size:1.188rem; line-height:2.2; }
.page01_program { margin-bottom:120px; padding:60px 0 90px; background-color:#f8f7f5; box-sizing:border-box; }
.page01_program .page_title_h4 { margin-bottom:40px; text-align:center; }
.page01_program .program { display:flex; align-items:center; column-gap:110px; margin-bottom:50px; padding:0 210px; box-sizing:border-box; }
.page01_program .program:nth-of-type(2n) { flex-direction:row-reverse; }
.page01_program .program:last-child { margin-bottom:0; }
.page01_program .program .image_box { overflow:hidden; border-radius:10px; }
.page01_program .program .info { width:calc(100% - 470px); }
.page01_program .program .info .page_cinzel { margin-bottom:5px; font-size:1.25rem; color:#77440e; }
.page01_program .program .info .page_title_h5 { font-size:2rem; font-weight:600; }
.page01_program .program .info .comment { margin-bottom:45px; font-size:1.25rem; }
.page01_program .program .info .detail li { display:flex; align-items:center; padding:15px 3px; border-bottom:1px solid #d9d2c8; box-sizing:border-box; }
.page01_program .program .info .detail li:last-child { border-bottom:none; }
.page01_program .program .info .detail li .title { width:120px; font-size:1.25rem; font-weight:500; }
.page01_program .program .info .detail li .text { display:flex; align-items:center; column-gap:16px; width:calc(100% - 120px); font-size:1.438rem; font-weight:600; }
.page01_program .program .info .detail li .text .price { position:relative; padding:0 18px 0 4px; font-size:1.25rem; font-weight:400; color:#999; }
.page01_program .program .info .detail li .text .price::before { content:""; position:absolute; top:50%; left:0; width:100%; height:1px; background-color:#000; transform:translatey(calc(-50% + 0.5px)); }
.page01_program .program .info .detail li .text .price::after { content:""; position:absolute; top:50%; right:0; transform:translatey(calc(-50% + 0.5px)); width:7px; height:7px; background:url("../wp_images/01_price_arrow.svg") no-repeat center center; }
.page01_media { display:flex; justify-content:center; column-gap:60px; }
.page01_media .item { overflow:hidden; position:relative; width:25%; max-width:280px; height:487px; }
.page01_media .item img { width:100%; border-radius:10px; }
.page01_media .item .video_button { display:block; position:absolute; top:50%; left:50%; z-index:100; width:98px; height:110px; text-indent:-9999px; background:url("../wp_images/01_play.png") no-repeat center center; background-size:cover; transform:translate(calc(-50% + 0.5px), calc(-50% + 0.5px)); }
.page01_media .item .video_player { border-radius:10px; }

/* 메인메뉴2 (가맹점) */
.page02_overview { overflow:hidden; margin-bottom:75px; }
.page02_overview.last { margin-bottom:0; }
.page02_overview .text_box { display:flex; position:relative; top:-45px; margin:0 100px; padding:45px 90px; background-color:#fff; box-sizing:border-box; }
.page02_overview .text_box .title_box { width:235px; line-height:1.6; }
.page02_overview .text_box .title_box .page_cinzel { font-size:1.25rem; color:#77440e; }
.page02_overview .text_box .title_box .title { font-size:2rem; font-weight:600; }
.page02_overview .text_box .title_box .title { letter-spacing:-0.1px; }
.page02_overview .text_box .comment_box { width:calc(100% - 235px); padding:35px 0 0 8px; box-sizing:border-box; }
.page02_overview .text_box .comment_box strong { display:inline-block; margin-bottom:25px; font-size:1.438rem; font-weight:600; }
.page02_overview .text_box .comment_box p { margin-bottom:16px; }
.page02_overview .text_box .comment_box p:last-child { margin-bottom:0; }
.page02_01_goods { margin-bottom:30px; padding:80px 0; background:#f8f7f5 url("../wp_images/02_01_bg.gif") no-repeat right bottom; box-sizing:border-box; }
.page02_01_goods .page_margin { display:flex; justify-content:center; column-gap:205px; text-align:center; }
.page02_01_goods .page_margin img { margin-bottom:16px; }
.page02_01_goods .page_margin .title { font-size:1.25rem; font-weight:600; }
.page02_01_franchise { padding:75px 0 95px; box-sizing:border-box; }
.page02_01_franchise.last { margin-bottom:0; }
.page02_01_franchise.background_color { background-color:#f8f7f5; }
.page02_01_franchise .title { margin-bottom:30px; font-size:1.875rem; font-weight:600; text-align:center; }
.page02_01_franchise .page_margin { display:flex; padding:0 30px; box-sizing:border-box; }
.page02_01_franchise .info { width:calc(100% - 800px); }
.page02_01_franchise .info .chief { margin-bottom:20px; }
.page02_01_franchise .info .chief_name { padding-left:60px; font-size:1.563rem; font-weight:600; }
.page02_01_franchise .info .chief_name span { margin-left:8px; font-size:1.063rem; font-weight:400; }
.page02_01_franchise .info .image_box { margin-bottom:40px; }
.page02_01_franchise .info .place_name { margin-bottom:25px; padding-left:6px; font-size:1.375rem; font-weight:600; }
.page02_01_franchise .info ul { padding-left:10px; }
.page02_01_franchise .info ul li { margin-bottom:20px; padding-left:33px; font-size:1.063rem; }
.page02_01_franchise .info ul .address { background:url("../wp_images/02_01_address.png") no-repeat top 5px left; }
.page02_01_franchise .info ul .time { background:url("../wp_images/02_01_time.png") no-repeat top 5px left; }
.page02_01_franchise .info ul .tel { margin-bottom:0; background:url("../wp_images/02_01_tel.png") no-repeat top 5px left; }
.page02_01_franchise .slide_box .franchise_slide { overflow:hidden; position:relative; max-width:800px; margin-bottom:28px; text-align:center; border-radius:5px; }
.page02_01_franchise .slide_box .franchise_slide .swiper-slide { position:relative; box-sizing:border-box; }
.page02_01_franchise .slide_box .franchise_slide .swiper-slide img { max-width:100%; }
.page02_01_franchise .slide_box .franchise_slide .swiper-slide span { display:block; position:absolute; left:50%; bottom:0; z-index:100; width:100%; padding:9px 0; background-color:#0000004d; font-weight:500; color:#fff; font-size:1.125rem; text-align:center; transform:translateX(-50%); }
.page02_01_franchise .slide_box .franchise_slide .franchise_btn { display:block; position:absolute; top:calc(50% - 19px); z-index:100; width:46px; height:42px; cursor:pointer; }
.page02_01_franchise .slide_box .franchise_slide .franchise_btn.franchise_prev { left:0; background:#00000080 url("../wp_images/page_slide_prev.png") no-repeat center center; border-radius:0 50px 50px 0; }
.page02_01_franchise .slide_box .franchise_slide .franchise_btn.franchise_next { right:0; background:#00000080 url("../wp_images/page_slide_next.png") no-repeat center center; border-radius:50px 0 0 50px; }
.page02_01_franchise .slide_box .control_box { display:flex; justify-content:space-between; align-items:center; max-width:800px; margin-bottom:10px; }
.page02_01_franchise .slide_box .control_box .swiper-pagination { position:static; width:fit-content; font-size:0.938rem; }
.page02_01_franchise .slide_box .control_box .btn_box a { display:inline-block; }
.page02_01_franchise .slide_box .thumb_box { overflow:hidden; position:relative; max-width:800px; padding:16px 70px; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; box-sizing:border-box; }
.page02_01_franchise .slide_box .thumb_box .franchise_btn { display:block; position:absolute; top:calc(50% - 19px); z-index:100; width:48px; height:48px; border-radius:50%; cursor:pointer; }
.page02_01_franchise .slide_box .thumb_box .franchise_btn.franchise_prev { left:5px; background:#fff url("../wp_images/page_thumb_prev.png") no-repeat center center; }
.page02_01_franchise .slide_box .thumb_box .franchise_btn.franchise_next { right:5px; background:#fff url("../wp_images/page_thumb_next.png") no-repeat center center; }
.page02_01_franchise .slide_box .thumb_box .franchise_thumb { overflow:hidden; }
.page02_01_franchise .slide_box .thumb_box .franchise_thumb .swiper-slide { overflow:hidden; border-radius:5px; }
.page02_01_franchise .slide_box .thumb_box .franchise_thumb .swiper-slide::before { content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#00000080; transition:0.3s; }
.page02_01_franchise .slide_box .thumb_box .franchise_thumb .swiper-slide-thumb-active::before { opacity:0; transition:0.3s; }
.page02_01_franchise .slide_box .thumb_box .franchise_thumb .swiper-slide img { width:100%; }
.page02_05_list { display:grid; grid-template-columns:repeat(auto-fit, 405px); column-gap:42px; row-gap:60px; }
.page02_05_list li a { display:block; }
.page02_05_list li a .image_box { overflow:hidden; margin-bottom:30px; }
.page02_05_list li a .title { font-size:1.5rem; font-weight:500; text-align:center; }
.page02_05_list li a .image_box img { transition:0.4s; }
.page02_05_list li a:hover .image_box img { transform:scale(1.05); transition:0.4s; }
.page02_05_info { display:flex; column-gap:60px; margin-bottom:115px; padding:0 50px; box-sizing:border-box; }
.page02_05_info .image_box { width:500px; }
.page02_05_info .text_box { width:calc(100% - 560px); padding-top:16px; box-sizing:border-box; }
.page02_05_info .text_box .page_cinzel { margin-bottom:5px; font-size:1.125rem; color:#77440e; }
.page02_05_info .text_box .title { padding-bottom:27px; border-bottom:1px solid #dcdcdc; font-size:1.875rem; font-weight:600; box-sizing:border-box; }
.page02_05_info .text_box .info_box { padding-top:35px; box-sizing:border-box; }
.page02_05_info .text_box .info_box .product_tab { display:flex; column-gap:35px; margin-bottom:25px; font-size:0.938rem; font-weight:500; color:#777; }
.page02_05_info .text_box .info_box .product_tab li { position:relative; }
.page02_05_info .text_box .info_box .product_tab li::before { content:""; position:absolute; top:7px; right:-17px; width:1px; height:11px; background-color:#e4e4e4; }
.page02_05_info .text_box .info_box .product_tab li:last-child::before { display:none; }
.page02_05_info .text_box .info_box .product_tab li.on { color:#77440e; }
.page02_05_info .text_box .info_box .product_tab li a { display:block; }
.page02_05_info .text_box .info_box .product_tab_box .product_tab_item:first-child { display:block; }
.page02_05_info .text_box .info_box .product_tab_box .product_tab_item { display:none; }
.page02_05_info .text_box .info_box .product_tab_box .small { padding-left:10px; font-size:0.875rem; color:#777; }
.page02_05_ingredient .page_cinzel { font-size:1.125rem; font-weight:500; color:#77440e; }
.page02_05_ingredient .page_title_h4 { margin-bottom:45px; }
.page02_05_ingredient { margin-bottom:130px; }
.page02_05_ingredient.center_title { margin-bottom:195px; }
.page02_05_ingredient .area { position:relative; padding-bottom:83px; text-align:center; }
.page02_05_ingredient .area .ingredient_list { position:absolute; top:0; left:0; width:100%; height:100%; }
.page02_05_ingredient .area .ingredient_list .item { display:flex; column-gap:30px; position:absolute; min-width:260px; text-align:left; }
.page02_05_ingredient .area .ingredient_list .item img { border-radius:50%; }
.page02_05_ingredient .area .ingredient_list .item .title { padding-top:65px; font-size:1.438rem; font-weight:500; box-sizing:border-box; }
.page02_05_ingredient .area .ingredient_list .item.left { flex-direction:row-reverse; }
.page02_05_ingredient .area .ingredient_list .item.center { left:50%; bottom:0; min-width:auto; transform:translatex(calc(-50% + 0.5px)); }
.page02_05_ingredient .area .ingredient_list .item.center.left { left:calc(50% - 165px); transform:none; }
.page02_05_ingredient .area .ingredient_list .item.center.right { left:auto; right:calc(50% - 165px); transform:none; }
.page02_05_ingredient .area .ingredient_list .item.center_title { display:block; bottom:-65px; text-align:center; }
.page02_05_ingredient .area .ingredient_list .item.center_title .title { padding-top:20px; }
.page02_05_ingredient .area .ingredient_list .item_01 { bottom:56.2%; left:calc(50% - 625px); }
.page02_05_ingredient .area .ingredient_list .item_02 { bottom:56.2%; right:calc(50% - 625px); }
.page02_05_ingredient .area .ingredient_list .item_03 { bottom:60px; left:calc(50% - 505px); }
.page02_05_ingredient .area .ingredient_list .item_04 { bottom:60px; right:calc(50% - 505px); }
.page02_05_ingredient.woman .area .ingredient_list .item_03 { bottom:60px; left:calc(50% - 545px); }
.page02_05_ingredient.woman .area .ingredient_list .item_04 { bottom:60px; right:calc(50% - 545px); }
.page02_05_ingredient.physical { margin-bottom:75px; }
.page02_05_ingredient.physical >.page_cinzel { font-family:"Noto Sans KR"; }
.page02_05_ingredient.physical .area .ingredient_list .item { min-width:auto; }
.page02_05_ingredient.physical .area .ingredient_list .item .title { padding-top:0; font-size:1.875rem; font-weight:600; }
.page02_05_ingredient.physical .area .ingredient_list .item.text { bottom:83%; left:calc(50% - 440px); }
.page02_05_ingredient.physical .area .ingredient_list .item_02 { bottom:42%; right:calc(50% - 505px); }
.page02_05_ingredient.physical .area .ingredient_list .item_03 { bottom:11%; left:calc(50% - 505px); }
.page02_05_ingredient.scalp_ld .area .ingredient_list .item.center.left { left:calc(50% - 140px); }
.page02_05_ingredient.scalp_ld .area .ingredient_list .item.center.right { bottom:-5px; right:calc(50% - 140px); }
.page02_05_ingredient.scalp_03 .area .ingredient_list .item_03 { bottom:125px; left:calc(50% - 645px); }
.page02_05_ingredient.scalp_03 .area .ingredient_list .item_04 { bottom:125px; right:calc(50% - 645px); }
.page02_05_ingredient.scalp_03 .area .ingredient_list .item.center.left { bottom:6%; left:calc(50% - 260px); }
.page02_05_ingredient.scalp_03 .area .ingredient_list .item.center.right { bottom:6%; right:calc(50% - 260px); }
.page02_05_efficacy { margin-bottom:130px; padding:50px 0 60px; color:#fff; box-sizing:border-box; }
.page02_05_efficacy.aroma { background:url("../wp_images/02_05_aroma-efficacy.jpg") no-repeat center center; background-size:cover; }
.page02_05_efficacy.lywave { background:url("../wp_images/02_05_lywave-efficacy.jpg") no-repeat center center; background-size:cover; }
.page02_05_efficacy.gel { background:url("../wp_images/02_05_gel-efficacy.jpg") no-repeat center center; background-size:cover; }
.page02_05_efficacy.scalp { background:url("../wp_images/02_05_scalp-efficacy.jpg") no-repeat center center; background-size:cover; }
.page02_05_efficacy.woman { background:url("../wp_images/02_05_woman-efficacy.jpg") no-repeat center center; background-size:cover; color:#222; }
.page02_05_efficacy .page_cinzel { font-size:1.125rem; font-weight:500; }
.page02_05_efficacy.woman .page_cinzel { color:#77440e; }
.page02_05_efficacy .page_title_h4 { margin-bottom:40px; }
.page02_05_efficacy .area { display:flex; text-align:center; }
.page02_05_efficacy .area li { position:relative; width:20%; }
.page02_05_efficacy.scalp_02 .area li { width:33.33%; }
.page02_05_efficacy .area li::before { content:""; position:absolute; top:5px; right:0; width:1px; height:162px; background-color:#ffffff33; }
.page02_05_efficacy .area li:last-child::before { display:none; }
.page02_05_efficacy .area li .image_box { margin-bottom:25px; }
.page02_05_efficacy .area li .title { font-size:1.125rem; line-height:1.5; }
.page02_05_how { display:flex; column-gap:70px; margin-bottom:130px; }
.page02_05_how .image_box { width:450px; }
.page02_05_how .text_box { width:calc(100% - 520px); padding-top:20px; box-sizing:border-box; }
.page02_05_how .text_box .page_title_h4 { margin-bottom:16px; }
.page02_05_how .text_box .check_list { margin-bottom:40px; padding-bottom:60px; border-bottom:1px solid #e5e5e5; box-sizing:border-box; }
.page02_05_how .text_box .check_list li { margin-bottom:20px; padding-left:42px; font-size:1.25rem; background:url("../wp_images/02_05_check.gif") no-repeat top 4px left; }
.page02_05_how .text_box .check_list li .small { display:block; margin-top:10px; font-size:1rem; }
.page02_05_how .text_box .check_list li:last-child { margin-bottom:0; }
.page02_05_how .text_box strong.page_cinzel { display:inline-block; margin-bottom:16px; font-size:1.563rem; color:#77440e; }
.page02_05_how .text_box .comment { font-size:1.125rem; line-height:1.9; }
.page02_05_how.physical .text_box .check_list { margin-bottom:0; padding-bottom:0; border-bottom:none; }
.page02_05_how.physical .text_box .page_title_h4 .page_cinzel { margin-left:16px; font-size:1.563rem; }
.page02_05_advantage { margin-bottom:110px; }
.page02_05_advantage .page_cinzel.title { font-size:1.125rem; font-weight:500; color:#77440e; }
.page02_05_advantage .page_title_h4 { position:relative; width:fit-content; margin:0 auto 35px; }
.page02_05_advantage .page_title_h4 .number { display:block; position:absolute; top:-28px; right:-110px; width:87px; height:87px; background-color:#f7ede1; font-size:3.125rem; font-weight:500; color:#77440e; line-height:87px; border-radius:50%; }
.page02_05_advantage .number_list { width:fit-content; margin:0 auto; }
.page02_05_advantage .number_list li { display:flex; align-items:center; column-gap:26px; padding:16px; border-bottom:1px solid #f1f1f1; line-height:1.6; box-sizing:border-box; }
.page02_05_advantage .number_list li:last-child { border-bottom:none; }
.page02_05_advantage .number_list li .number { font-size:1.563rem; color:#d8b389; font-style:italic; }
.page02_05_advantage .number_list li .text { font-size:1.125rem; }
.page02_05_oil { margin-bottom:130px; padding:85px 0; background:url("../wp_images/02_05_aroma-oil.jpg") no-repeat center right; background-size:cover; box-sizing:border-box; }
.page02_05_oil .page_margin .text_box { width:fit-content; margin-left:auto; }
.page02_05_oil .page_margin .text_box .title { margin-bottom:25px; font-size:1.875rem; font-weight:600; }
.page02_05_oil .page_margin .text_box .comment { margin-bottom:16px; font-size:1.188rem; line-height:1.8; }
.page02_05_oil .page_margin .text_box .comment:last-child { margin-bottom:0; }
.page02_05_oil.physical { background:url("../wp_images/02_05_physical-oil.jpg") no-repeat center right; background-size:cover; }
.page02_05_oil.physical .page_margin .text_box { margin-left:155px; margin-right:auto; }
.page02_05_position { position:relative; width:1300px; max-width:none; height:600px; background:url("../wp_images/02_05_aroma-position.jpg") no-repeat center center; }
.page02_05_position .position_list { position:absolute; width:100%; height:100%; top:0; left:0; }
.page02_05_position .position_list_mobile { display:none; }
.page02_05_position .image_box { display:none; }
.page02_05_position .position_list .item { position:absolute; width:330px; right:0; }
.page02_05_position .position_list .item::before { content:""; position:absolute; top:18px; right:calc(100% + 18px); width:300px; height:1px; background-color:#dedede; }
.page02_05_position .position_list .item::after { content:""; position:absolute; top:13px; right:calc(100% + 315px); width:10px; height:10px; background-color:#ff0000; border-radius:50%; box-shadow:0 0 0 5px #ff000033; }
.page02_05_position .position_list .item .title { display:flex; align-items:center; column-gap:9px; margin-bottom:5px; font-size:1.188rem; font-weight:500; }
.page02_05_position .position_list .item .title .number { display:inline-block; width:38px; height:38px; background-color:#f7ede1; font-weight:600; color:#77440e; text-align:center; line-height:38px; border-radius:50%; }
.page02_05_position .position_list .item_01 { bottom:20px; }
.page02_05_position .position_list .item_02 { bottom:93px; }
.page02_05_position .position_list .item_03 { bottom:163px; }
.page02_05_position .position_list .item_04 { bottom:220px; }
.page02_05_position .position_list .item_05 { bottom:310px; }
.page02_05_position .position_list .item_06 { bottom:410px; }
.page02_05_position .position_list .item_07 { bottom:460px; }
.page02_05_position .position_list .item.item_02::after { background-color:#ff8a00; box-shadow:0 0 0 5px #ff8a0033; }
.page02_05_position .position_list .item.item_03::after { background-color:#e4ff00; box-shadow:0 0 0 5px #e4ff0033; }
.page02_05_position .position_list .item.item_04::after { background-color:#5dd100; box-shadow:0 0 0 5px #5dd10033; }
.page02_05_position .position_list .item.item_05::after { background-color:#0066ff; box-shadow:0 0 0 5px #0066ff33; }
.page02_05_position .position_list .item.item_06::after { background-color:#003c8e; box-shadow:0 0 0 5px #003c8e33; }
.page02_05_position .position_list .item.item_07::after { background-color:#ba00ff; box-shadow:0 0 0 5px #ba00ff33; }
.page02_05_position .position_list .item.left { text-align:right; right:auto; left:0; }
.page02_05_position .position_list .item.left::before { right:auto; left:calc(100% + 18px); }
.page02_05_position .position_list .item.left::after { right:auto; left:calc(100% + 315px); }
.page02_05_position .position_list .item.left .title { justify-content:end; }
.page02_05_position .position_list .item.left .comment { box-sizing:border-box; padding-right:15px; }
.page02_05_position .position_list .item_07.on { bottom:430px; }
.page02_05_position .position_list .item.on .title { column-gap:14px; font-size:1.563rem; font-weight:600; }
.page02_05_position .position_list .item.on .title .number { background-color:#77440e; color:#fff; }
.page02_05_position .position_list .item.on .comment { font-size:1.125rem; }
.page02_05_position .position_list .item.on::before { top:21px; }
.page02_05_position .position_list .item.on::after { content:""; position:absolute; top:11px; right:calc(100% + 310px); width:20px; height:20px; box-shadow:0 0 0 10px #ff000033; }
.page02_05_position .position_list .item.item_02.on::after { box-shadow:0 0 0 10px #ff8a0033; }
.page02_05_position .position_list .item.item_03.on::after { box-shadow:0 0 0 10px #e4ff0033; }
.page02_05_position .position_list .item.item_04.on::after { box-shadow:0 0 0 10px #5dd10033; }
.page02_05_position .position_list .item.item_05.on::after { box-shadow:0 0 0 10px #0066ff33; }
.page02_05_position .position_list .item.item_06.on::after { box-shadow:0 0 0 10px #003c8e33; }
.page02_05_position .position_list .item.item_07.on::after { box-shadow:0 0 0 10px #ba00ff33; }
.page02_05_note { display:flex; justify-content:center; flex-wrap:wrap; padding:0 77px; column-gap:6.3%; row-gap:70px; box-sizing:border-box; }
.page02_05_note li { width:29.13%; max-width:350px; }
.page02_05_note li .image_box { overflow:hidden; max-width:300px; margin:0 auto 45px; border-radius:8px; }
.page02_05_note li .text_box { width:fit-content; margin:0 auto; }
.page02_05_note li .text_box .title { position:relative; font-size:1.375rem; font-weight:600; width:fit-content; margin:0 auto 12px; }
.page02_05_note li .text_box .title .number { position:absolute; top:-23px; left:-25px; z-index:-100; font-size:2.5rem; font-weight:500; color:#f0ddc8; font-style:italic; }
.page02_05_note li .text_box .comment { position:relative; margin-bottom:5px; padding-left:9px; line-height:1.5; box-sizing:border-box; }
.page02_05_note li .text_box .comment:last-child { margin-bottom:0; }
.page02_05_note li .text_box .comment::before { content:""; position:absolute; top:11px; left:0; width:2px; height:2px; background-color:#222; border-radius:50%; }
.page02_05_physical { min-height:480px; margin-bottom:130px; padding:65px 20px; color:#fff; box-sizing:border-box; }
.page02_05_physical.type_a { background:url("../wp_images/02_05_physical-a.jpg") no-repeat center center; background-size:cover; }
.page02_05_physical.type_b { background:url("../wp_images/02_05_physical-b.jpg") no-repeat center center; background-size:cover; }
.page02_05_physical.type_ab { background:url("../wp_images/02_05_physical-ab.jpg") no-repeat center center; background-size:cover; }
.page02_05_physical.type_o { background:url("../wp_images/02_05_physical-o.jpg") no-repeat center center; background-size:cover; }
.page02_05_physical .page_cinzel { font-size:1.125rem; font-weight:500; }
.page02_05_physical .page_title_h4 { margin-bottom:45px; }
.page02_05_physical .comment { margin-bottom:30px; font-size:1.125rem; }
.page02_05_physical .comment:last-child { margin-bottom:0; }
.page02_05_type .small { font-size:1.125rem; font-weight:500; }
.page02_05_type .type_list { display:flex; flex-wrap:wrap; justify-content:center; column-gap:6.77%; }
.page02_05_type .type_list li { position:relative; width:46.61%; padding:100px 0 60px 40px; box-sizing:border-box; }
.page02_05_type .type_list li::before { content:""; position:absolute; top:50%; right:-8%; width:1px; height:58%; background-color:#d2d2d2; transform:translatey(calc(-50% + 0.5px)); }
.page02_05_type .type_list li:nth-child(2n)::before { display:none; }
.page02_05_type .type_list li::after { content:""; position:absolute; bottom:0; left:0; width:97%; height:1px; background-color:#d2d2d2; }
.page02_05_type .type_list li:nth-child(2n)::after { left:auto; right:0; }
.page02_05_type .type_list li .type { position:absolute; top:35px; right:30px; font-size:4.375rem; font-weight:400; color:#77440e33; }
.page02_05_type .type_list li .title { margin-bottom:20px; font-size:1.25rem; font-weight:600; color:#77440e; }
.page02_05_last { margin-bottom:0; }

/* 메인메뉴3 (Education) */
.page03_01_banner { margin-bottom:100px; padding:89px 0; background:url("../wp_images/03_01_01.jpg") no-repeat center center; background-size:cover; color:#fff; text-align:center; box-sizing:border-box; }
.page03_01_banner .page_title_h4 { margin-bottom:20px; }
.page03_01_banner p { font-size:1.125rem; }
.page03_01_info { display:flex; margin-bottom:100px; text-align:center; }
.page03_01_info li { position:relative; width:25%; padding-top:75px; box-sizing:border-box; }
.page03_01_info li::before { content:""; position:absolute; top:50%; right:0; width:1px; height:175px; background-color:#ededed; transform:translatey(calc(-50% + 0.5px)); }
.page03_01_info li:last-child::before { display:none; }
.page03_01_info .item_01 { background:url("../wp_images/03_01_02.gif") no-repeat top center; }
.page03_01_info .item_02 { background:url("../wp_images/03_01_03.gif") no-repeat top center; }
.page03_01_info .item_03 { background:url("../wp_images/03_01_04.gif") no-repeat top center; }
.page03_01_info .item_04 { background:url("../wp_images/03_01_05.gif") no-repeat top center; }
.page03_01_info li .title { display:inline-block; margin-bottom:12px; font-size:1.375rem; font-weight:500; }
.page03_01_info li .comment { color:#555; }
.page03_01_education { padding:130px 0; background-color:#f8f7f5; box-sizing:border-box; }
.page03_01_education .education_list li { display:flex; column-gap:75px; margin-bottom:75px; }
.page03_01_education .education_list li:nth-child(2) { flex-direction:row-reverse; }
.page03_01_education .education_list li:last-child { margin-bottom:0; }
.page03_01_education .education_list li .image_box { width:700px; }
.page03_01_education .education_list li .text_box { width:calc(100% - 775px); padding-top:35px; box-sizing:border-box; }
.page03_01_education .education_list li .text_box .page_cinzel { font-size:1.125rem; color:#77440e; }
.page03_01_education .education_list li .text_box .title { margin-bottom:35px; font-size:1.875rem; font-weight:600; }
.page03_01_education .education_list li .text_box .comment { margin-bottom:20px; font-size:1.125rem; color:#555; }
.page03_01_education .education_list li .text_box .comment:last-child { margin-bottom:0; }
.page03_01_photo { padding-top:90px; box-sizing:border-box; }
.page03_01_photo .page_title_h4 { margin-bottom:50px; }
.page03_01_photo .photo_list { display:flex; flex-wrap:wrap; justify-content:center; column-gap:2.31%; row-gap:30px; }
.page03_01_photo .photo_list .image_box { width:63.07%; }
.page03_01_photo .photo_list .image_box.small { width:34.6%; }
.page03_01_photo .photo_list .image_box img { width:100%; }

/* 갤러리 */
.gallery_list#board_gallery_list { display:grid; grid-template-columns:1fr 1fr 1fr; column-gap:28px; row-gap:45px; }
.gallery_list#board_gallery_list .background_box { margin:0 0 20px; padding-top:56.6%; border-radius:10px; }
.gallery_list#board_gallery_list .gallery_subject { height:auto; margin:0 10px; font-size:1.125rem; font-weight:500; text-align:center; line-height:1.5; }
.gallery_list#board_gallery_list .date { display:none; }

/* 자주하는 질문 */
.faq_list#board_faq_list li > h4 { border:1px solid #dcdcdc; color:#333; }
.faq_list#board_faq_list li > h4.on { border:1px solid #77440e; color:#000; }
.faq_list#board_faq_list li > h4::after { top:calc(50% - 17px); right:35px; width:36px; height:36px; background:url("../wp_default_image/page_faq_close.png") no-repeat center center; }
.faq_list#board_faq_list li > h4.on::after { background:url("../wp_default_image/page_faq_open.png") no-repeat center center; }
.faq_list#board_faq_list li > div { margin:36px 0 0; background-color:#f8f7f5; color:#333; }
.faq_list#board_faq_list li > div::before { border-bottom:15px solid #f8f7f5; }
.faq_list#board_faq_list li > div::after { content:""; position:absolute; top:-37px; left:60px; width:25px; height:12px; background:url("../wp_default_image/page_faq_arrow.png") no-repeat center center; }
.faq_list#board_faq_list li > h4 img { display:none; }

/* 상담관리 */
.consult_banner { margin-bottom:65px; padding:35px 0 45px; background-color:#f8f7f5; text-align:center; border-radius:10px; box-sizing:border-box; }
.consult_banner .title { margin-bottom:16px; font-size:1.875rem; font-weight:600; }
.consult_banner .comment { margin-bottom:28px; font-size:1.063rem; }
.consult_banner .advantage { position:relative; width:100%; max-width:910px; height:56px; margin:0 auto; }
.consult_banner .advantage li { position:absolute; top:0; width:330px; background-color:#77440e0d; font-size:1.125rem; font-weight:500; color:#3f382a; line-height:56px; border-radius:50px; }
.consult_banner .advantage li::before { content:""; position:absolute; top:20px; right:11px; width:16px; height:16px; background:url("../wp_images/consult_plus.png") no-repeat center center; }
.consult_banner .advantage li.item_01 { left:0; }
.consult_banner .advantage li.item_02 { left:50%; transform:translatex(calc(-50% + 0.5px)); }
.consult_banner .advantage li.item_03 { right:0; }
.consult_banner .advantage li.item_03::before { display:none; }
.consult_info { float:left; width:480px; }
.consult_info .page_cinzel { margin-bottom:45px; font-size:2.5rem; color:#77440e; }
.consult_info .address_box { padding:0 0 0 6px; box-sizing:border-box; }
.consult_info .address_box li { margin-bottom:12px; padding-left:30px; font-size:1.125rem; box-sizing:border-box; }
.consult_info .address_box li.address { background:url("../wp_images/consult_address.gif") no-repeat top 5px left; }
.consult_info .address_box li.call { background:url("../wp_images/consult_call.gif") no-repeat top 5px left; }
.consult_info .address_box li.email { margin-bottom:0; background:url("../wp_images/consult_email.gif") no-repeat top 5px left; }
.consult_input_box { float:left; width:calc(100% - 480px); padding:55px 68px 65px; background-color:#f8f7f5; box-sizing:border-box; }
.consult_input_box > .title { margin-bottom:50px; font-size:1.875rem; font-weight:600; text-align:center; line-height:1.5; }
.consult_input_box #board_input { border-top:1px solid #222; }
.consult_input_box #board_input h4 { display:none; }
.consult_input_box #board_input .compulsory_guide { display:none; }
.consult_input_box #board_input ul { display:flex; align-items:center; padding:16px 5px; border:none; border-bottom:1px solid #e5e5e5; box-sizing:border-box; }
.consult_input_box #board_input ul.check li { margin-right:50px; }
.consult_input_box #board_input ul.check li:first-child { margin-right:0; }
.consult_input_box #board_input ul.check li:last-child { margin-right:0; }
.consult_input_box #board_input ul.check li label { position:relative; line-height:35px; }
.consult_input_box #board_input .form_check_title { float:none; height:35px; margin-right:0; line-height:30px; }
.consult_input_box #board_input .form_check_title input[type="checkbox"] + label:before { border-radius:2px; }
.consult_input_box #board_input .form_check_title input[type="checkbox"]:checked + label:before { border:1px solid #77440e; background:#77440e url("../wp_default_image/check_sprite.png") no-repeat 0 -20px; }
.consult_input_box #board_input ul.info { justify-content:space-between; border-bottom:none; }
.consult_input_box #board_input ul.info li { display:flex; }
.consult_input_box #board_input ul.info li .input_box { width:calc(100% - 100px); height:35px; margin-right:0; line-height:35px; border-radius:3px; }
.consult_input_box #board_input ul.info li:nth-child(1) .input_box { max-width:150px; }
.consult_input_box #board_input ul.info li:nth-child(2) .input_box { max-width:180px; }
.consult_input_box #board_input li { padding:0; border-bottom:none; }
.consult_input_box #board_input .title { clear:both; width:100px; padding:0; text-align:left; line-height:35px; }
.consult_input_box #board_input .title span { position:static; margin-left:8px; font-size:1.125rem; font-weight:600; color:#e6384c; }
.consult_input_box #privacy_agree .agree_list { margin:0 0 40px; }
.consult_input_box #privacy_agree .agree_list li { width:375px; }
.consult_input_box #privacy_agree .agree_list li label { font-size:1rem; }
.consult_input_box #privacy_agree .agree_list li button { padding:5px 9px; background-color:#fff; }
.consult_input_box #privacy_agree .agree_text { margin-top:10px; background-color:#77440e0d; border-radius:5px; }
.consult_input_box #privacy_agree .agree_text li { width:100%; }
.consult_input_box #privacy_agree ul.agree_text li strong { width:90px; }
.consult_input_box #privacy_agree ul.agree_text li span { width:calc(100% - 90px); }
.consult_input_box .consult_button#form_button button { width:375px; font-size:1.063rem; font-weight:400; border-radius:4px; }
.consult_button#form_button button { width:180px; margin:0 5px; background-color:#77440e; font-size:1.125rem; border-radius:2px; }
.consult_button#form_button button.cancel { background-color:#777; }

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

	/* 하단영역 콘텐츠 */
	#bottom_contents .bottom_division .bottom_info { width:50%; }
	#bottom_contents .bottom_division .bottom_customer { width:35%; }
	#bottom_contents .bottom_division .bottom_menu { width:15%; }

	/* 메인화면 콘텐츠 */
	#main_item .thesis .text_box .title { margin:0 0 10px; }
	#main_item .thesis .text_box .comment { padding:0 0 30px; }
	#main_item .thesis .text_box .comment::before { left:0; }
	#main_item .thesis .text_box .comment .page_serif { display:none; }
	#main_item .thesis .text_box .detail { margin:30px 0 50px; }
	#main_item .thesis .text_box .m_more { margin-left:0; }
	#main_item .franchise .franchise_btn { border:none; border-radius:0; }
	#main_item .franchise .franchise_prev { background:#0000001a url("../wp_images/m_franchise_prev-mobile.png") no-repeat center center; }
	#main_item .franchise .franchise_next { background:#0000001a url("../wp_images/m_franchise_next-mobile.png") no-repeat center center; }
	#main_item .store { border-radius:10px; }
	#main_item .sale .area { flex-wrap:wrap; justify-content:center; row-gap:40px; }
	#main_item .payment .area .check_box { margin-right:0; padding:65px 40px 0 40px; }
	#main_item .difference .area { flex-wrap:wrap; justify-content:center; row-gap:70px; }
	#main_item .difference .area .item { width:100%; max-width:700px; }
	#main_item .difference .area .item.pentagon { padding:0 55px; }
	#main_item .difference .area .item.pentagon::before { display:none; }
	#main_item .difference .area .item.stick { padding:0 55px; }
	#main_item .success .area { flex-wrap:wrap; justify-content:center; column-gap:85px; row-gap:40px; max-width:700px; }
	#main_item .success .area .item:nth-child(2)::before { display:none; }

	/* 서브화면 콘텐츠 */
	#sub_nav ul { flex-wrap:wrap; }
	#sub_nav .long li a { padding:10px 50px; }

	/* 아이프레임 콘텐츠 */
	#consultFrame { height:185px; }
	.bottom_consult { display:block; }
	#consult_input { justify-content:space-between; max-width:1050px; margin:0 auto 25px; }
	#consult_input .title { width:130px; margin-right:0; }
	#consult_input .check { width:290px; margin-right:0; }
	#consult_input .info { width:523px; margin-right:0; }
	.bottom_consult #form_button { width:285px; margin:0 auto; }
	.bottom_agree_text { top:-117px; left:calc(92% - 370px); }

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

	/* 메인메뉴1 (DIOWELLCARE) */
	.page01_01_brand .comment { font-size:1.75rem; }
	.page01_overview { column-gap:80px; }
	.page01_overview .overview_slide { width:350px; margin-left:60px; }
	.page01_overview .overview_slide .swiper-slide img { width:100%; }
	.page01_overview .text_box { width:calc(100% - 490px); }
	.page01_overview .text_box .page_quentin { top:-40px; left:110px; font-size:3.25rem; }
	.page01_program .program { padding:0 60px; }
	.page01_media { column-gap:40px; }
	.page01_media .item { height:auto; }

	/* 메인메뉴2 (가맹점) */
	.page02_overview img { width:100%; }
	.page02_01_franchise .page_margin { column-gap:30px; }
	.page02_01_franchise .info { width:30%; }
	.page02_01_franchise .info .chief { width:100%; max-width:270px; }
	.page02_01_franchise .slide_box { width:70%; }
	.page02_05_list { grid-template-columns:1fr 1fr 1fr; }
	.page02_05_list li a .image_box img { display:block; width:100%; max-width:405px; }
	.page02_05_info { padding:0; }
	.page02_05_ingredient .area .ingredient_background { width:100%; max-width:1016px; }
	.page02_05_ingredient .area .ingredient_list .item_01 { left:0; }
	.page02_05_ingredient .area .ingredient_list .item_02 { right:0; }
	.page02_05_ingredient .area .ingredient_list .item_03 { left:9.5%; }
	.page02_05_ingredient .area .ingredient_list .item_04 { right:9.5%; }
	.page02_05_ingredient.woman .area .ingredient_list .item_03 { left:5%; }
	.page02_05_ingredient.woman .area .ingredient_list .item_04 { right:5%; }
	.page02_05_ingredient.scalp_03 .area .ingredient_list .item_03 { bottom:65px; left:0; }
	.page02_05_ingredient.scalp_03 .area .ingredient_list .item_04 { bottom:65px; right:0; }
	.page02_05_ingredient.scalp_03 .area .ingredient_list .item.center.left { left:calc(50% - 205px); }
	.page02_05_ingredient.scalp_03 .area .ingredient_list .item.center.right { right:calc(50% - 205px); }
	.page02_05_oil { background:url("../wp_images/02_05_aroma-oil.jpg") no-repeat center right -160px; background-size:cover; }
	.page02_05_oil.physical { background:url("../wp_images/02_05_physical-oil.jpg") no-repeat center right -160px; background-size:cover; }
	.page02_05_oil.physical .page_margin .text_box { margin-left:0; margin-right:0; }
	.page02_05_position { width:95%; max-width:95%; background:url("../wp_images/02_05_aroma-position.jpg") no-repeat center center; background-size:420px; }
	.page02_05_position .position_list .item { right:calc(50% - 485px); width:250px; }
	.page02_05_position .position_list .item::before { width:212px; }
	.page02_05_position .position_list .item::after { right:calc(100% + 230px); }
	.page02_05_position .position_list .item .comment { line-height:1.5; }
	.page02_05_position .position_list .item.left { right:auto; left:calc(50% - 485px); }
	.page02_05_position .position_list .item.left::after { left:calc(100% + 230px); }
	.page02_05_position .position_list .item_01 { bottom:47px; }
	.page02_05_position .position_list .item_02 { bottom:92px; }
	.page02_05_position .position_list .item_03 { bottom:155px; }
	.page02_05_position .position_list .item_04 { bottom:230px; }
	.page02_05_position .position_list .item_05 { bottom:300px; }
	.page02_05_position .position_list .item_06 { bottom:360px; }
	.page02_05_position .position_list .item_07 { bottom:405px; }
	.page02_05_position .position_list .item_07.on { bottom:405px; }
	.page02_05_position .position_list .item.on::after { right:calc(100% + 225px); }
	.page02_05_note { column-gap:5%; padding:0; }
	.page02_05_note li .image_box img { width:100%; }

	/* 메인메뉴3 (EDUCATION) */
	.page03_01_education { padding:100px 0; }
	.page03_01_education .education_list li { column-gap:60px; }
	.page03_01_education .education_list li .image_box { width:580px; }
	.page03_01_education .education_list li .image_box img { width:100%; }
	.page03_01_education .education_list li .text_box { width:calc(100% - 640px); padding-top:16px; }

	/* 상담관리 */
	.consult_info { width:380px; }
	.consult_input_box { width:calc(100% - 380px); padding:50px 50px 60px; }
	.consult_input_box #board_input ul.info { column-gap:20px; }
}
@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; }
	/*****************************************************************************************************************/

	/* 서브화면 레이아웃 */
	#sub_header { height:70px; }

	/* 상단영역 콘텐츠 */
	#top_contents { display:block; position:absolute; top:0; left:0; width:100%; height:70px; padding:10px 0; }
	#top_contents .top_logo { width:170px; margin:0 auto; }
	#top_contents .top_logo a { display:block; height:45px; background:url("../wp_images/logo.png") no-repeat center center; background-size:contain; }
	#top_contents .top_logo a img { display:none; }
	#top_contents .mobile_menu_open { display:block; position:absolute; top:calc(50% - 11px); right:15px; width:25px; height:16px; background:url("../wp_default_image/mobile_tab_menu.png") no-repeat 0 0; 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 > 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; color:#222; text-align:left; 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 > li:nth-child(4) > button { display:none; }
	#top_contents .main_menu .menu_list > li:nth-child(4) > a { 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; color:#222; text-align:left; line-height:inherit; box-sizing:border-box; }
	#top_contents .main_menu .menu_list > li:nth-child(4) > a: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; transform:rotate(-90deg); }
	#top_contents .main_menu .menu_list ul { position:static; max-width:none; height:inherit; padding:0 15px; border-bottom:1px solid #ddd; box-sizing:border-box; transform:none; }
	#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; }
	#sub_header #top_contents .top_logo a { background:url("../wp_images/logo_sub.png") no-repeat center center; background-size:contain; }
	#sub_header #top_contents .mobile_menu_open { background:url("../wp_default_image/mobile_tab_menu-sub.png") no-repeat 0 0 }
	#sub_header #top_contents .main_menu .menu_list ul { background-color:#fff; border-bottom:none; }
	#menu_cover { display:none; }

	/* 하단영역 콘텐츠 */
	#bottom_contents { padding:30px 0; }
	#bottom_contents .bottom_division .bottom_info { width:100%; }
	#bottom_contents .bottom_division .bottom_info::before { display:none; }
	#bottom_contents .bottom_division .bottom_info .area { display:none; }
	#bottom_contents .bottom_division .bottom_info .bottom_address { text-align:center; }
	#bottom_contents .bottom_division .bottom_info .bottom_address .mobile_none { display:none; }
	#bottom_contents .bottom_division .bottom_info .bottom_address .mobile_show { display:inline; }
	#bottom_contents .bottom_division .bottom_info .bottom_address .address { margin-bottom:16px; }
	#bottom_contents .bottom_division .bottom_info .bottom_address .block { display:block; }
	#bottom_contents .bottom_division .bottom_info .copyright { text-align:center; }
	#bottom_contents .bottom_division .bottom_customer { display:none; }
	#bottom_contents .bottom_division .bottom_menu { display:none; }

	/* 메인화면 콘텐츠 */
	#main_visual { height:auto; }
	#main_visual .visual_slide { height:inherit; }
	#main_visual .visual_slide .swiper-slide { height:0; padding-top:68.5%; }
	#main_visual .visual_slide .visual_01 .text_box { position:absolute; top:50%; left:50px; margin:0; transform:translatey(-50%); }
	#main_item .thesis { flex-wrap:wrap-reverse; justify-content:center; row-gap:60px; width:92%; }
	#main_item .thesis .text_box { width:100%; text-align:center; }
	#main_item .thesis .text_box .comment { width:auto; }
	#main_item .thesis .text_box .comment::before { left:50%; transform:translatex(calc(-50% + 0.5px)); }
	#main_item .thesis .text_box .comment .page_serif { display:inline; position:static; }
	#main_item .thesis .image_box { height:425px; }
	#main_item .thesis .text_box .m_more { margin:0 auto; }
	#main_item .franchise { width:100%; }
	#main_item .franchise .franchise_btn { width:40px; height:40px; }
	#main_item .startup .pc { display:none; }
	#main_item .startup .startup_slide { overflow:hidden; display:block; width:calc(100% - 40px); margin-left:auto; }
	#main_item .startup .startup_slide .swiper-slide { width:26.5%; }
	#main_item .startup .startup_slide .swiper-slide .image_box { overflow:hidden; display:block; margin-bottom:20px; padding-top:128%; border-radius:10px; }
	#main_item .startup .startup_slide .slide_01 .image_box { background:url("../wp_images/m_startup_01s.gif") no-repeat center center; background-size:cover; }
	#main_item .startup .startup_slide .slide_02 .image_box { background:url("../wp_images/m_startup_02s.gif") no-repeat center center; background-size:cover; }
	#main_item .startup .startup_slide .slide_03 .image_box { background:url("../wp_images/m_startup_03s.gif") no-repeat center center; background-size:cover; }
	#main_item .startup .startup_slide .slide_04 .image_box { background:url("../wp_images/m_startup_04s.gif") no-repeat center center; background-size:cover; }
	#main_item .startup .startup_slide .slide_05 .image_box { background:url("../wp_images/m_startup_05s.gif") no-repeat center center; background-size:cover; }
	#main_item .startup .startup_slide .swiper-slide .comment { padding:0 20px; color:#555; line-height:1.5; box-sizing:border-box; }
	#main_item .startup .startup_slide .swiper-slide .comment strong { display:block; margin-bottom:12px; font-size:1.25rem; font-weight:600; color:#222; }
	#main_item .product .product_slide { overflow:hidden; width:calc(100% - 40px); margin-left:auto; }
	#main_item .product .product_slide .swiper-wrapper .swiper-slide { width:40%; }
	#main_item .product .product_slide .swiper-wrapper .swiper-slide a { border-radius:10px; }
	#main_item .product .product_slide .swiper-wrapper .swiper-slide img { width:100%; }
	#main_item .product .product_slide .control .product_btn { display:none; }
	#main_item .product .product_slide .control { margin-left:-40px; }
	#main_item .store { width:92%; }
	#main_item .sale .area { width:92%; }
	#main_item .sale .area .item { width:100%; }
	#main_item .sale .area .item .image_box { margin:0 auto 35px; }
	#main_item .payment { padding-top:35px; }
	#main_item .payment .area { flex-wrap:wrap; justify-content:center; row-gap:40px; width:100%; }
	#main_item .payment .area .text_box { text-align:center; }
	#main_item .payment .area .text_box .title { margin-bottom:40px; font-size:2.5rem; line-height:1; }
	#main_item .payment .area .text_box .title .small { font-size:1.375rem; }
	#main_item .payment .area .text_box .title .line { font-size:4rem; }
	#main_item .payment .area .text_box .title .line::before { bottom:-10px; }
	#main_item .payment .area .text_box .stamp { top:0; right:-75px; width:150px; height:150px; }
	#main_item .payment .area .text_box .comment { font-size:1.25rem; }
	#main_item .payment .area .check_box { width:100%; min-height:auto; padding:25px 0 25px calc(50% - 265px); font-size:1.25rem; }
	#main_item .payment .area .check_box .item { margin-bottom:7px; }
	#main_item .payment .area .check_box .item .check { display:flex; column-gap:5px; }
	#main_item .payment .area .check_box .item .check .small { margin-top:4px; font-size:1rem; }
	#main_item .difference .area { width:92%; }

	/* 서브화면 콘텐츠 */
	#sub_nav { width:92%; margin:105px auto 0; }
	#sub_nav ul { display:none; }
	#sub_nav p { margin-bottom:0; }
	#sub_position { top:100px; }
	#sub_position_title { font-size:2.5rem; }
	#sub_section { width:92%; }

	/* 아이프레임 콘텐츠 */
	#consultFrame { height:235px; }
	#consult_input { flex-wrap:wrap; justify-content:center; column-gap:30px; row-gap:16px; margin:0 auto 25px; }
	#consult_input .title { margin-top:20px; }
	#consult_input .check { margin-top:20px; }
	#consult_input .info { padding-top:0; }
	.bottom_consult #form_button { width:523px; }
	.bottom_agree_text { top:-117px; left:calc(92% - 370px); }

	/* 페이지 공용 */
	.page_mobile_tel { display:block; }
	.page_pc_tel { display:none; }
	.page_margin { width:92%; }

	/* 메인메뉴1 (DIOWELLCARE) */
	.page01_01_brand { padding:225px 50px 230px; }
	.page01_overview { display:block; }
	.page01_overview .overview_slide { margin:0 auto 60px; }
	.page01_overview .text_box { width:fit-content; margin:0 auto; padding-top:25px; }
	.page01_overview .text_box .comment { line-height:2; }
	.page01_program .program { column-gap:55px; padding:0; }
	.page01_program .program .image_box { max-width:275px; }
	.page01_program .program .image_box img { width:100%; }
	.page01_program .program .info { width:calc(100% - 330px); }
	.page01_media { column-gap:30px; }
	.page01_media .item .video_button { width:70px; height:79px; }

	/* 메인메뉴2 (가맹점) */
	.page02_overview .text_box { display:block; margin:0 60px; padding:45px 70px; }
	.page02_overview .text_box .title_box { width:auto; }
	.page02_overview .text_box .title_box .title { margin-bottom:35px; }
	.page02_overview .text_box .comment_box { width:auto; padding:0; }
	.page02_01_goods .page_margin { column-gap:140px; }
	.page02_01_franchise .page_margin { display:block; }
	.page02_01_franchise .info { display:flex; justify-content:center; column-gap:60px; width:100%; max-width:800px; margin:0 auto 60px; }
	.page02_01_franchise .info .image_box { width:200px; margin-bottom:0; text-align:center; }
	.page02_01_franchise .info .chief_name { padding-left:0; }
	.page02_01_franchise .info .text_box { padding-top:20px; box-sizing:border-box; }
	.page02_01_franchise .info .place_name { padding-left:0; }
	.page02_01_franchise .info ul { padding-left:0; }
	.page02_01_franchise .slide_box { width:100%; max-width:800px; margin:0 auto; }
	.page02_05_list { column-gap:30px; row-gap:50px; }
	.page02_05_list li a .title { font-size:1.375rem; }
	.page02_05_info { display:block; }
	.page02_05_info .image_box { width:400px; margin:0 auto 40px; }
	.page02_05_info .image_box img { width:100%; }
	.page02_05_info .text_box { width:100%; max-width:550px; margin:0 auto; }
	.page02_05_ingredient.center_title { margin-bottom:175px; }
	.page02_05_ingredient .area .ingredient_list .item { min-width:230px; }
	.page02_05_ingredient .area .ingredient_list .item_01 { bottom:62%; }
	.page02_05_ingredient .area .ingredient_list .item_02 { bottom:62%; }
	.page02_05_ingredient .area .ingredient_list .item_03 { bottom:10%; left:2%; }
	.page02_05_ingredient .area .ingredient_list .item_04 { bottom:10%; right:2%; }
	.page02_05_ingredient.woman .area .ingredient_list .item_03 { bottom:10%; left:0; }
	.page02_05_ingredient.woman .area .ingredient_list .item_04 { bottom:10%; right:0; }
	.page02_05_ingredient .area .ingredient_list .item.center.left { bottom:36%; left:-20px; }
	.page02_05_ingredient .area .ingredient_list .item.center.right { bottom:36%; right:-20px; }
	.page02_05_ingredient .area .ingredient_list .item.center { bottom:20px; }
	.page02_05_ingredient .area .ingredient_list .item.center_title { bottom:-45px; }
	.page02_05_ingredient .area .ingredient_list .item img { width:90px; height:90px; }
	.page02_05_ingredient .area .ingredient_list .item .title { padding-top:35px; }
	.page02_05_ingredient.physical .area .ingredient_list .item.text { bottom:82%; left:2%; }
	.page02_05_ingredient.physical .area .ingredient_list .item_02 { bottom:53%; right:5%; }
	.page02_05_ingredient.physical .area .ingredient_list .item_03 { bottom:20%; left:5%; }
	.page02_05_ingredient.scalp_ld .area .ingredient_list .item.center.left { display:flex; flex-direction:row; align-items:center; bottom:36%; left:-20px; }
	.page02_05_ingredient.scalp_ld .area .ingredient_list .item.center.left .title { padding-top:0; }
	.page02_05_ingredient.scalp_ld .area .ingredient_list .item.center.right { bottom:36%; right:-20px; }
	.page02_05_ingredient.scalp_03 .area .ingredient_list .item_03 { bottom:10%; left:0; }
	.page02_05_ingredient.scalp_03 .area .ingredient_list .item_04 { bottom:10%; right:0; }
	.page02_05_ingredient.scalp_03 .area .ingredient_list .item.center.left { bottom:36%; left:-20px; }
	.page02_05_ingredient.scalp_03 .area .ingredient_list .item.center.right { bottom:36%; right:-20px; }
	.page02_05_efficacy .area li { padding:0 10px; box-sizing:border-box; }
	.page02_05_efficacy .area li .image_box img { width:100%; max-width:100px; }
	.page02_05_efficacy .area li .title { font-size:1.063rem; }
	.page02_05_how { display:block; }
	.page02_05_how .image_box { width:400px; margin:0 auto 40px; }
	.page02_05_how .image_box img { width:100%; }
	.page02_05_how .text_box { width:100%; max-width:550px; margin:0 auto; }
	.page02_05_oil { padding:65px 0; }
	.page02_05_oil .page_margin .text_box { width:auto; margin:0; text-align:center; }
	.page02_05_oil .page_margin .text_box .comment { font-size:1.125rem; line-height:1.5; }
	.page02_05_position { height:auto; background:none; }
	.page02_05_position .position_list { display:none; }
	.page02_05_position .image_box { display:block; position:relative; width:450px; margin:0 auto 50px; }
	.page02_05_position .image_box img { width:100%; max-width:500px; }
	.page02_05_position .image_box .spot_list { position:absolute; width:100%; height:100%; top:0; left:0; }
	.page02_05_position .image_box .spot_list .spot { display:block; position:absolute; bottom:90px; left:50%; width:10px; height:10px; background-color:#ff0000; border-radius:50%; box-shadow:0 0 0 5px #ff000033; transform:translatex(calc(-50% + 0.5px)); }
	.page02_05_position .image_box .spot_list .spot_02 { bottom:145px; background-color:#ff8a00; box-shadow:0 0 0 5px #ff8a0033; }
	.page02_05_position .image_box .spot_list .spot_03 { bottom:210px; background-color:#e4ff00; box-shadow:0 0 0 5px #e4ff0033; }
	.page02_05_position .image_box .spot_list .spot_04 { bottom:265px; background-color:#5dd100; box-shadow:0 0 0 5px #5dd10033; }
	.page02_05_position .image_box .spot_list .spot_05 { bottom:340px; background-color:#0066ff; box-shadow:0 0 0 5px #0066ff33; }
	.page02_05_position .image_box .spot_list .spot_06 { bottom:430px; background-color:#003c8e; box-shadow:0 0 0 5px #003c8e33; }
	.page02_05_position .image_box .spot_list .spot_07 { bottom:480px; background-color:#ba00ff; box-shadow:0 0 0 5px #ba00ff33; }
	.page02_05_position .image_box .spot_list .spot.on { width:20px; height:20px; box-shadow:0 0 0 10px #ff000033;  }
	.page02_05_position .image_box .spot_list .spot_02.on { box-shadow:0 0 0 10px #ff8a0033; }
	.page02_05_position .image_box .spot_list .spot_03.on { box-shadow:0 0 0 10px #e4ff0033; }
	.page02_05_position .image_box .spot_list .spot_04.on { box-shadow:0 0 0 10px #5dd10033; }
	.page02_05_position .image_box .spot_list .spot_05.on { box-shadow:0 0 0 10px #0066ff33; }
	.page02_05_position .image_box .spot_list .spot_06.on { box-shadow:0 0 0 10px #003c8e33; }
	.page02_05_position .image_box .spot_list .spot_07.on { box-shadow:0 0 0 10px #ba00ff33; }
	.page02_05_position .position_list_mobile { display:block; }
	.page02_05_position .position_list_mobile { display:flex; flex-wrap:wrap; column-gap:40px; width:100%; max-width:700px; margin:0 auto; }
	.page02_05_position .position_list_mobile .item { width:47.1%; padding:16px 0; border-bottom:1px solid #f1f1f1; box-sizing:border-box; }
	.page02_05_position .position_list_mobile .item .title { display:flex; align-items:center; column-gap:9px; margin-bottom:5px; font-size:1.188rem; font-weight:500; }
	.page02_05_position .position_list_mobile .item .title .number { display:inline-block; width:38px; height:38px; background-color:#f7ede1; font-weight:600; color:#77440e; text-align:center; line-height:38px; border-radius:50%; }
	.page02_05_position .position_list_mobile .item.on .title .number { background-color:#77440e; color:#fff; }
	.page02_05_note { column-gap:3%; }
	.page02_05_note li { width:31.3%; }

	/* 메인메뉴3 (EDUCATION) */
	.page03_01_banner { padding:70px 40px; }
	.page03_01_info { flex-wrap:wrap; row-gap:75px; position:relative; max-width:700px; margin:0 auto 100px; }
	.page03_01_info::before { content:""; position:absolute; top:50%; left:0; width:100%; height:1px; background-color:#ededed; transform:translatey(calc(-50% + 0.5px)); }
	.page03_01_info li { width:50%; }
	.page03_01_info li:nth-child(2)::before { display:none; }
	.page03_01_education .education_list li { display:block; }
	.page03_01_education .education_list li .image_box { width:100%; max-width:700px; margin:0 auto 40px; }
	.page03_01_education .education_list li .text_box { width:100%; max-width:700px; margin:0 auto; padding-top:0; }

	/* 상담관리 */
	.consult_banner { padding:35px 30px 45px; }
	.consult_banner .advantage { display:flex; column-gap:10px; max-width:none; }
	.consult_banner .advantage li { position:static; top:auto; left:auto; width:33.3%; font-size:1.063rem; }
	.consult_banner .advantage li::before { display:none; }
	.consult_banner .advantage li.item_02 { transform:none; }
	.consult_info { float:none; width:fit-content; margin:0 auto 40px; }
	.consult_info .page_cinzel { text-align:center; }
	.consult_input_box { float:none; width:100%; }
	.consult_input_box > .title { margin-bottom:45px; font-size:1.688rem; }
	.consult_input_box #board_input { width:fit-content; margin:0 auto 40px; }
	.consult_input_box #board_input li { margin:0; }
}
@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; }
	/*****************************************************************************************************************/

	/* 하단영역 콘텐츠 */
	#bottom_contents .top_move { display:none; position:fixed; right:3.5%; bottom:65px; z-index:100; width:45px; height:45px; background:url("../wp_default_image/page_mobile_sprite.png") no-repeat -58px -41px; text-indent:-9999px; }

	/* 메인화면 콘텐츠 */
	#main_visual .visual_slide .visual_01 .text_box { left:50%; text-align:center; transform:translate(-50%, -50%); }
	#main_visual .visual_slide .visual_01 .text_box .big { font-size:3rem; line-height:1.4; }
	#main_visual .visual_slide .visual_01 .text_box .small { font-size:1.438rem; }
	#main_item .thesis { row-gap:40px; margin:75px auto 75px; }
	#main_item .thesis .text_box .title { font-size:1rem; }
	#main_item .thesis .text_box .comment { padding:0 0 25px; font-size:1.438rem; }
	#main_item .thesis .text_box .detail { margin:25px 0; font-size:1.063rem; }
	#main_item .thesis .image_box { width:400px; height:293px; }
	#main_item .thesis .image_box li img { width:100%; }
	#main_item .thesis .image_box li.item_01 { width:167px; height:226px; }
	#main_item .thesis .image_box li.item_02 { width:161px; height:223px; }
	#main_item .thesis .image_box li.item_03 { width:141px; height:212px; }
	#main_item .thesis .image_box li.item_04 { width:198px; height:255px; }
	#main_item .thesis .image_box li.item_05 { width:139px; height:166px; }
	#main_item .thesis .text_box .m_more:hover { background-color:#f8f5f3; color:#573007; transition:none; }
	#main_item .franchise .franchise_slide .swiper-slide { filter:grayscale(0); transition:none; }
	#main_item .franchise .franchise_slide .swiper-slide:hover { transition:none; }
	#main_item .franchise { margin:0 auto 75px; }
	#main_item .startup { margin-bottom:75px; }
	#main_item .startup .startup_slide .swiper-slide { width:35.8%; }
	#main_item .product { margin-bottom:75px; padding:40px 0 35px; }
	#main_item .product .product_slide .swiper-wrapper .swiper-slide .title { font-size:1rem; }
	#main_item .product .m_more:hover { background-color:#b990641a; color:#86705a; transition:none; }
	#main_item .store { margin:0 auto 75px; padding:60px 0 50px; }
	#main_item .store .title { font-size:2.5rem; }
	#main_item .store .title .small { font-size:1.125rem; }
	#main_item .store .more { background:transparent; background-size:auto; transition:none; }
	#main_item .store .more:hover { background-position:0; color:#fff; transition:none; }
	#main_item .sale { margin-bottom:75px; }
	#main_item .sale .area .item .image_box { margin:0 auto 25px; }
	#main_item .sale .area .item .comment { font-size:1.563rem; }
	#main_item .payment { min-height:auto; margin-bottom:75px; padding-top:50px; }
	#main_item .payment .area { row-gap:30px; }
	#main_item .payment .area .text_box .title { margin-bottom:30px; font-size:1.875rem; }
	#main_item .payment .area .text_box .title .line { font-size:3.125rem; }
	#main_item .payment .area .text_box .title .line::before { width:62px; height:19px; background:url("../wp_images/m_payment_line-mobile.png") no-repeat center center; }
	#main_item .payment .area .text_box .title .small { font-size:1.063rem; }
	#main_item .payment .area .text_box .stamp { display:none; top:-25px; right:-10px; width:119px; height:119px; }
	#main_item .payment .area .text_box .stamp.mobile { display:block; }
	#main_item .payment .area .text_box .comment { font-size:1.125rem; }
	#main_item .payment .area .check_box { padding:25px 0 25px calc(50% - 195px); font-size:1.063rem; }
	#main_item .payment .area .check_box .item { margin-bottom:5px; }
	#main_item .payment .area .check_box .item .check { padding-left:26px; background:url("../wp_images/m_payment_check.png") no-repeat top 8px left; }
	#main_item .payment .area .check_box .item .check .small { font-size:0.938rem; }
	#main_item .difference { margin-bottom:75px; }
	#main_item .difference .area .item .graph_area { height:306px; }
	#main_item .difference .area .item.pentagon { padding:0; }
	#main_item .difference .area .item.pentagon .graph_area { width:415px; margin:0 auto 45px; }
	#main_item .difference .area .item.pentagon .graph_area .image_box { width:338px; height:259px; }
	#main_item .difference .area .item.pentagon .graph_area .image_box .graph { width:227px; height:182px; }
	#main_item .difference .area .item .graph_area .blur_image { width:215px; height:127px; }
	#main_item .difference .area .item.stick { padding:0; }
	#main_item .difference .area .item.stick .graph_area .image_box { position:relative; width:415px; height:306px; margin:0 auto; }
	#main_item .difference .area .item.stick .graph_area .image_box .graph_box { bottom:30px; height:271.5px; }
	#main_item .difference .area .item.stick .graph_area .image_box .graph_box.graph_01 { left:60px; }
	#main_item .difference .area .item.stick .graph_area .image_box .graph_box.graph_02 { left:205px; }
	#main_item .difference .area .item.stick .graph_area .image_box .graph_box.graph_03 { left:352px; }
	#main_item .difference .area .item.stick .graph_area .image_box .graph_box .graph_bar { width:60px; }
	#main_item .difference .area .item.stick .graph_area .image_box .graph_box .graph_bar.graph_01::before { top:20px; left:5px; width:70px; height:48px; animation:graph_arrow_01 1s 3s forwards ease-out; }
	#main_item .difference .area .item.stick .graph_area .image_box .graph_box .graph_bar.graph_02::before { top:95px; left:-5px; width:100px; height:68px; animation:graph_arrow_02 1s 3.5s forwards ease-out; }
	#main_item .difference .area .item.stick .graph_area .image_box .arrow { top:0; right:15px; width:150px; height:103px; }
	#main_item .difference .area .item.stick .graph_area .image_box .arrow.arrow_01 { animation:arrow_01 1.5s 3s forwards ease-out }
	@keyframes arrow_01 { 0% { opacity:0; top:calc(100% - 120px); right:calc(100% - 155px); transform:scale(0.4); } 100% { opacity:1; top:0; right:15px; transform:scale(1); } }
	#main_item .difference .area .item .comment { margin:0 20px; font-size:1.438rem; }
	#main_item .difference .area .item .comment .small { font-size:1.125rem; }
	#main_item .success .area { row-gap:5px; }
	#main_item .success .area .item { display:flex; align-items:center; width:100%; height:auto; padding:15px 30px; background:linear-gradient(to bottom, #cca78e, #a5714e); text-align:left; border-radius:5px; }
	#main_item .success .area .item::before { display:none; }
	#main_item .success .area .item .number { display:inline; position:static; width:33px; background-color:transparent; font-size:1.875rem; text-align:left; line-height:normal; }
	#main_item .success .area .item .small { width:182px; margin-bottom:0; font-size:1rem; }
	#main_item .success .area .item .comment { width:calc(100% - 215px); font-size:1.063rem; font-weight:400; line-height:1.4; }
	#main_item .success .area .item .comment strong { font-size:1.25rem; }

	/* 서브화면 콘텐츠 */
	#sub_nav { margin:90px auto 0; }
	#sub_nav p { font-size:1rem; }
	#sub_position_title { font-size:1.875rem; }
	#sub_document { padding:50px 0 70px; }

	/* 아이프레임 콘텐츠 */
	#consultFrame { height:260px; }
	#consult_input .title { width:auto; font-size:1.063rem; }
	#consult_input .check { width:auto; }
	#consult_input .check li { margin-right:10px; }
	#consult_input .info .input_label { float:left; display:inline-block; width:80px; font-size:1.063rem; }
	#consult_input .info { display:block; width:403px; }
	#consult_input .info li { overflow:hidden; margin-bottom:7px; }
	#consult_input .info li:last-child { margin-bottom:0; }
	#consult_input .info li:nth-child(1) .input_box { float:left; width:calc(100% - 105px); }
	#consult_input .info li:nth-child(2) .input_box { float:left; width:calc(100% - 105px); }
	#consult_input .info #privacy_agree .agree_list { margin:0; }
	.bottom_consult #form_button { width:403px; }
	.bottom_consult #form_button button { height:45px; line-height:45px; }
	.bottom_agree_text { top:-46px; left:calc(90% - 400px); }

	/* 페이지 공용 */
	.page_mobile_enter { display:block; }
	.page_pc_enter { display:inline; }
	.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_tab_first { display:block; width:100%; padding:10px 20px; border:1px solid #e5e5e5; background:#fff url('../wp_default_image/admin_select_arrow.png') no-repeat 95% center; font-weight:400; color:#555; cursor:pointer; border-radius:5px; box-sizing:border-box; }
	.page_tab_menu { display:none; margin-top:-1px; margin-bottom:0; padding:10px 20px; border:1px solid #e5e5e5; background-color:#fff; font-size:1rem; font-weight:400; border-radius:5px; box-sizing:border-box; }
	.page_tab_menu li { display:block; top:0; width:100%; height:auto; padding:0; border:none; background-color:#fff; font-weight:400; box-sizing:border-box; }
	.page_tab_menu li a { top:0; height:50px; padding:0; border:none; border-bottom:1px dotted #e5e5e5; font-size:1rem; text-align:left; line-height:50px; border-radius:0; }
	.page_tab_menu li.on a { padding:0; background-color:#fff; background-image:none; color:var(--mobile-point-color); }
	.page_tab_menu li:first-child a { border-left:none; }
	.page_tab_menu li:last-child a { border:none; }
	.page_tab_first.sub { width:92%; margin:0 auto; }
	.page_tab_menu.sub { width:92%; margin:0 auto; }
	.page_title_h3 { margin-bottom:30px; font-size:1.875rem; }
	.page_title_h3 .small { font-size:1.25rem; }
	.page_title_h4 { font-size:1.438rem; }
	.page_dot::before { top:11px; }

	/* 메인메뉴1 (DIOWELLCARE) */
	.page01_01_brand { padding:120px 50px 130px; }
	.page01_01_brand .title { font-size:2.5rem; }
	.page01_01_brand .comment { font-size:1.25rem; line-height:1.5; }
	.page01_overview { margin-bottom:75px; }
	.page01_overview .overview_slide { width:300px; margin:0 auto 40px; }
	.page01_overview .overview_slide .overview_pagination { bottom:15px; }
	.page01_overview .overview_slide .overview_pagination .swiper-pagination-bullet { width:10px; height:10px; margin:0 4px; }
	.page01_overview .text_box { text-align:center; }
	.page01_overview .text_box .page_quentin { left:50%; font-size:2.875rem; transform:translatex(-50%); }
	.page01_overview .text_box .comment { font-size:1rem; line-height:1.7; }
	.page01_program { margin-bottom:75px; padding:70px 0; }
	.page01_program .program { display:block; }
	.page01_program .program .image_box { width:220px; height:220px; margin:0 auto 40px; }
	.page01_program .program .info { width:fit-content; margin:0 auto; }
	.page01_program .program .info .page_cinzel { font-size:1rem; text-align:center; }
	.page01_program .program .info .page_title_h5 { margin-bottom:5px; font-size:1.375rem; text-align:center; }
	.page01_program .program .info .comment { margin-bottom:16px; font-size:1rem; text-align:center; }
	.page01_program .program .info .detail li .title { width:100px; font-size:1rem; }
	.page01_program .program .info .detail li .text { width:calc(100% - 100px); font-size:1.125rem; }
	.page01_program .program .info .detail li .text .price { font-size:0.938rem; }
	.page01_media { column-gap:16px; }
	.page01_media .item .video_button { width:50px; height:56px; }

	 /* 메인메뉴2 (가맹점) */
	.page02_overview { margin-bottom:30px; }
	.page02_overview .text_box { margin:0 40px; padding:45px 75px 0; }
	.page02_overview .text_box .title_box .page_cinzel { font-size:1rem; }
	.page02_overview .text_box .title_box .title { margin-bottom:25px; font-size:1.438rem; }
	.page02_overview .text_box .comment_box { font-size:0.938rem; }
	.page02_overview .text_box .comment_box strong { margin-bottom:16px; font-size:1.125rem; }
	.page02_01_goods { padding:50px 0; background-size:70%; }
	.page02_01_goods .page_margin { justify-content:space-around; column-gap:60px; padding:0 40px; box-sizing:border-box; }
	.page02_01_goods .page_margin img { width:100%; }
	.page02_01_goods .page_margin .title { font-size:1rem; }
	.page02_01_franchise { padding:45px 0 75px; }
	.page02_01_franchise .page_margin { padding:0; }
	.page02_01_franchise .title { font-size:1.438rem; }
	.page02_01_franchise .info { column-gap:40px; margin:0 auto 40px; }
	.page02_01_franchise .info .image_box { width:150px; }
	.page02_01_franchise .info .chief { margin-bottom:16px; }
	.page02_01_franchise .info .chief_name { font-size:1.25rem; }
	.page02_01_franchise .info .chief_name span { font-size:0.938rem; }
	.page02_01_franchise .info .place_name { margin-bottom:16px; font-size:1.25rem; }
	.page02_01_franchise .info ul li { font-size:0.938rem; }
	.page02_01_franchise .info ul .address { background:url("../wp_images/02_01_address.png") no-repeat top 3px left; }
	.page02_01_franchise .info ul .time { background:url("../wp_images/02_01_time.png") no-repeat top 3px left; }
	.page02_01_franchise .info ul .tel { background:url("../wp_images/02_01_tel.png") no-repeat top 3px left; }
	.page02_01_franchise .slide_box .thumb_box { padding:10px 20px; }
	.page02_01_franchise .slide_box .thumb_box .franchise_btn { display:none; }
	.page02_05_list { grid-template-columns:repeat(2, minmax(47%, 1fr)); column-gap:20px; row-gap:30px; margin-top:25px; }
	.page02_05_list li a .image_box { margin-bottom:16px; }
	.page02_05_list li a .title { font-size:1.125rem; }
	.page02_05_list li a .image_box img { transition:none; }
	.page02_05_list li a:hover .image_box img { transform:none; transition:none; }
	.page02_05_info { margin-top:25px; margin-bottom:75px; }
	.page02_05_info .image_box { width:350px; margin:0 auto 25px; }
	.page02_05_info .text_box .page_cinzel { margin-bottom:0; font-size:1rem; }
	.page02_05_info .text_box .title { padding-bottom:20px; font-size:1.438rem; }
	.page02_05_info .text_box .info_box { padding-top:20px; }
	.page02_05_info .text_box .info_box .product_tab { margin-bottom:16px; }
	.page02_05_info .text_box .info_box .product_tab_box .product_tab_item { font-size:0.938rem; }
	.page02_05_ingredient { margin-bottom:75px; }
	.page02_05_ingredient.center_title { margin-bottom:90px; }
	.page02_05_ingredient .page_cinzel { font-size:1rem; }
	.page02_05_ingredient .page_title_h4 { margin-bottom:25px; }
	.page02_05_ingredient .area { padding-bottom:55px; }
	.page02_05_ingredient .area .ingredient_list .item { column-gap:16px; min-width:145px; }
	.page02_05_ingredient .area .ingredient_list .item img { width:50px; height:50px; }
	.page02_05_ingredient .area .ingredient_list .item .title { padding-top:16px; font-size:1rem; }
	.page02_05_ingredient .area .ingredient_list .item.center_title { bottom:-14px; }
	.page02_05_ingredient .area .ingredient_list .item.center_title .title { padding-top:10px; }
	.page02_05_ingredient.physical .area .ingredient_list .item .title { font-size:1.438rem; }
	.page02_05_ingredient.scalp_03 .area .ingredient_list .item_03 { bottom:13%; }
	.page02_05_ingredient.scalp_03 .area .ingredient_list .item_04 { bottom:13%; }
	.page02_05_efficacy { margin-bottom:75px; padding:40px 0; }
	.page02_05_efficacy .page_cinzel { font-size:1rem; }
	.page02_05_efficacy .page_title_h4 { margin-bottom:25px; }
	.page02_05_efficacy .area { flex-wrap:wrap; justify-content:center; row-gap:20px; }
	.page02_05_efficacy .area li { width:33.3%; padding:0 20px; }
	.page02_05_efficacy .area li::before { top:22px; height:75px; }
	.page02_05_efficacy .area li .image_box { margin-bottom:10px; }
	.page02_05_efficacy .area li .image_box img { max-width:60px; }
	.page02_05_efficacy .area li .title { font-size:0.938rem; }
	.page02_05_how { margin-bottom:75px; }
	.page02_05_how .image_box { width:350px; margin:0 auto 25px; }
	.page02_05_how .text_box .check_list li { padding-left:35px; background:url("../wp_images/02_05_check.gif") no-repeat top 4px left; background-size:18px; font-size:1rem; }
	.page02_05_how .text_box .check_list li { margin-bottom:10px; }
	.page02_05_how .text_box .check_list li .small { margin-top:5px; font-size:0.813rem; }
	.page02_05_how .text_box .check_list { padding-bottom:30px; margin-bottom:30px; }
	.page02_05_how .text_box strong.page_cinzel { font-size:1.375rem; }
	.page02_05_how .text_box .comment { font-size:1rem; }
	.page02_05_advantage { margin-bottom:75px; }
	.page02_05_advantage .page_cinzel.title { font-size:1rem; }
	.page02_05_advantage .page_title_h4 { margin:0 auto 25px; }
	.page02_05_advantage .page_title_h4 .number { top:-19px; right:-60px; width:50px; height:50px; font-size:2rem; line-height:50px; }
	.page02_05_advantage .number_list li .number { font-size:1.25rem; }
	.page02_05_advantage .number_list li .text { font-size:1rem; line-height:1.5; }
	.page02_05_oil { margin-bottom:75px; }
	.page02_05_oil .page_margin .text_box .title { margin-bottom:16px; font-size:1.438rem; }
	.page02_05_oil .page_margin .text_box .comment { font-size:0.938rem; }
	.page02_05_position .position_list_mobile { max-width:550px; }
	.page02_05_position .position_list_mobile .item { width:100%; }
	.page02_05_position .position_list_mobile .item .title { font-size:1rem; }
	.page02_05_position .position_list_mobile .item .title .number { width:30px; height:30px; line-height:30px; }
	.page02_05_position .position_list_mobile .item .comment { font-size:0.938rem; line-height:1.5; }
	.page02_05_note { display:block; }
	.page02_05_note li { width:100%; margin:0 auto 40px; }
	.page02_05_note li:last-child { margin:0 auto; }
	.page02_05_note li .image_box { margin:0 auto 35px; }
	.page02_05_note li .text_box .title { font-size:1.25rem; }
	.page02_05_note li .text_box .title .number { top:-18px; left:-20px; font-size:2rem; }
	.page02_05_note li .text_box .comment { font-size:0.938rem; }
	.page02_05_physical { min-height:auto; padding:45px 30px; margin-bottom:75px; }
	.page02_05_physical .page_cinzel { font-size:1rem; }
	.page02_05_physical .comment { margin-bottom:16px; font-size:0.938rem; }
	.page02_05_type .small { font-size:1rem; }
	.page02_05_type .page_title_h4 { margin-bottom:10px; }
	.page02_05_type .type_list { display:block; }
	.page02_05_type .type_list li { width:100%; padding:40px 20px; border-bottom:1px solid #d2d2d2; }
	.page02_05_type .type_list li:last-child { border-bottom:none; }
	.page02_05_type .type_list li::before { display:none; }
	.page02_05_type .type_list li::after { display:none; }
	.page02_05_type .type_list li .type { top:10px; right:35px; font-size:3rem; }

	/* 메인메뉴3 (EDUCATION) */
	.page03_01_banner { margin-bottom:75px; }
	.page03_01_banner p { font-size:1rem; }
	.page03_01_info { margin:0 auto 75px; }
	.page03_01_info li { padding:75px 20px 0; }
	.page03_01_info li .title { font-size:1.125rem; }
	.page03_01_info li .comment { font-size:1rem; line-height:1.5; }
	.page03_01_education { padding:75px 0; }
	.page03_01_education .education_list li .text_box .page_cinzel { font-size:1rem; }
	.page03_01_education .education_list li .text_box .title { margin-bottom:16px; font-size:1.375rem; }
	.page03_01_education .education_list li .text_box .comment { margin-bottom:16px; font-size:1rem; line-height:1.5; }
	.page03_01_photo { padding-top:75px; }
	.page03_01_photo .page_title_h4 { margin-bottom:30px; }
	.page03_01_photo .photo_list { column-gap:3%; row-gap:16px; }
	.page03_01_photo .photo_list .image_box { width:100%; }
	.page03_01_photo .photo_list .image_box.small { width:48.5%; }

	/* 상담문의 */
	.consult_banner .title { font-size:1.438rem; }
	.consult_banner .comment { margin-bottom:20px; font-size:1rem; }
	.consult_banner .advantage { flex-wrap:wrap; justify-content:center; column-gap:3%; row-gap:10px; max-width:640px; height:auto; box-sizing:border-box; }
	.consult_banner .advantage li { width:48.5%; font-size:0.938rem; line-height:45px; }
	.consult_info .page_cinzel { margin-bottom:16px; font-size:2rem; }
	.consult_info .address_box li { padding-left:35px; font-size:1rem; }
	.consult_info .address_box li.address { background:url("../wp_images/consult_address.gif") no-repeat top 3px left; }
	.consult_info .address_box li.call { background:url("../wp_images/consult_call.gif") no-repeat top 3px left; }
	.consult_info .address_box li.email { background:url("../wp_images/consult_email.gif") no-repeat top 3px left; }
	.consult_input_box #board_input { width:100%; margin:0 auto 25px; }
	.consult_input_box #board_input ul { flex-wrap:wrap; }
	.consult_input_box #board_input ul.check li { margin-right:25px; }
	.consult_input_box #board_input ul.check li:first-child { width:100%; }
	.consult_input_box #board_input ul.info li { width:100%; }
	.consult_input_box #board_input ul.info li:nth-child(1) .input_box { max-width:none; }
	.consult_input_box #board_input ul.info li:nth-child(2) .input_box { max-width:none; }
	.consult_input_box > .title { font-size:1.438rem; }
	.consult_input_box .consult_button#form_button button { width:100%; max-width:375px; min-width:250px; margin:0; }
	.consult_input_box #privacy_agree .agree_list li { width:100%; max-width:375px; min-width:250px; }

	/* 갤러리 */
	.gallery_list#board_gallery_list { grid-template-columns:repeat(2, minmax(40%, 1fr)); column-gap:20px; row-gap:40px; }
	.gallery_list#board_gallery_list .gallery_subject { font-size:1rem; }

	/* 자주하는 질문 */
	.faq_list#board_faq_list li > h4::after { top:calc(50% - 10px); right:20px; width:20px; height:20px; background:url("../wp_default_image/page_faq_close.png") no-repeat center center; background-size:20px; }
	.faq_list#board_faq_list li > h4.on::after { background:url("../wp_default_image/page_faq_open.png") no-repeat center center; background-size:20px; }
}
@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; }
	/*****************************************************************************************************************/

	/* 상단영역 콘텐츠 */
	#top_contents .top_logo a { height:45px; }
	#top_contents .mobile_menu_top .home { font-size:110%; line-height:70px; }
	#top_contents .top_menu { height:70px; padding:0 10px; }
	#top_contents .top_menu li { padding-top:10px; }
	#top_contents .top_menu li a { height:45px; font-size:95%; line-height:45px; }
	#top_contents .main_menu .menu_list > li > button { font-size:95%; }
	#top_contents .main_menu .menu_list > li:nth-child(4) > a { font-size:95%; }
	#top_contents .main_menu .menu_list ul li a { padding:3% 0 3% 7%; font-size:90%; }
	.quick_consult { display:block; position:fixed; bottom:0; z-index:1100; width:100%; height:60px; background-color:#5d473c; font-size:1.125rem; font-weight:600; color:#fff; text-align:center; line-height:60px; border-radius:10px 10px 0 0; }
	.quick_consult span { padding-left:48px; background:url("../wp_images/quick_consult.png") no-repeat center left; }
	.quick_icon { display:block; position:fixed; right:2%; z-index:1100; width:55px; height:55px; border-radius:50%; }
	.quick_blog { bottom:175px; }
	.quick_call { bottom:115px; }

	/* 하단영역 콘텐츠 */
	#bottom_contents { padding:30px 0 90px; font-size:0.813rem; }

	/* 메인영역 콘텐츠 */
	#main_visual .visual_slide .swiper-slide { padding-top:125%; }
	#main_visual .visual_slide .visual_01 { background:url("../wp_images/m_visual_01s.jpg") no-repeat center center; background-size:cover; }
	#main_visual .visual_slide .visual_01 .text_box { top:57%; }
	#main_visual .visual_slide .visual_01 .text_box .big { font-size:2.063rem; letter-spacing:normal; }
	#main_visual .visual_slide .visual_01 .text_box .small { font-size:1.25rem; }
	#main_item .thesis { width:90%; margin:40px auto; }
	#main_item .thesis .text_box .title { font-size:0.938rem; }
	#main_item .thesis .text_box .comment { font-size:1.375rem; }
	#main_item .thesis .text_box .detail { font-size:1rem; }
	#main_item .thesis .image_box { width:283px; height:207px; }
	#main_item .thesis .image_box li img { width:100%; }
	#main_item .thesis .image_box li.item_01 { width:118px; height:160px; }
	#main_item .thesis .image_box li.item_02 { width:114px; height:156px; }
	#main_item .thesis .image_box li.item_03 { width:100px; height:150px; }
	#main_item .thesis .image_box li.item_04 { width:140px; height:180px; }
	#main_item .thesis .image_box li.item_05 { width:98px; height:117px; }
	#main_item .m_more { width:150px; height:43px; font-size:0.938rem; line-height:43px; }
	#main_item .franchise { margin:0 auto 40px; }
	#main_item .franchise .franchise_slide { height:400px; }
	#main_item .franchise .franchise_slide .swiper-slide a .title { left:0; width:100%; text-align:center; }
	#main_item .startup .startup_slide { width:calc(100% - 24px); }
	#main_item .startup .startup_slide .swiper-slide { width:59%; }
	#main_item .startup .startup_slide .swiper-slide .comment { font-size:0.938rem; }
	#main_item .product { margin-bottom:40px; padding:35px 0; }
	#main_item .product .product_slide { width:calc(100% - 24px); margin-bottom:20px; }
	#main_item .product .product_slide .swiper-wrapper { margin-bottom:20px; }
	#main_item .product .product_slide .swiper-wrapper .swiper-slide { width:45.4%; }
	#main_item .product .product_slide .swiper-wrapper .swiper-slide .title { font-size:0.875rem; }
	#main_item .store { width:90%; margin:0 auto 40px; padding:55px 0 40px; background:url("../wp_images/m_store_bg-mobile.jpg") no-repeat center center; background-size:cover; }
	#main_item .store .title { font-size:2.188rem; }
	#main_item .store .title .small { font-size:1.063rem; }
	#main_item .store .comment { margin-bottom:35px; font-size:0.938rem; }
	#main_item .store .more { width:180px; height:43px; font-size:0.938rem; line-height:43px; }
	#main_item .sale { margin-bottom:40px; }
	#main_item .sale .area { width:90%; row-gap:25px; }
	#main_item .sale .area .item .image_box { width:100%; height:380px; border-radius:10px; }
	#main_item .sale .area .item.item_01 .image_box { background:url("../wp_images/m_sale_01s.jpg") no-repeat center center; background-size:cover; }
	#main_item .sale .area .item.item_02 .image_box { background:url("../wp_images/m_sale_02s.jpg") no-repeat center center; background-size:cover; }
	#main_item .sale .area .item.item_03 .image_box { background:url("../wp_images/m_sale_03s.jpg") no-repeat center center; background-size:cover; }
	#main_item .sale .area .item.item_01 .image_box .graph_box { bottom:70px; height:260px; }
	#main_item .sale .area .item.item_01 .image_box .graph_box .progress_bar { width:53px; }
	#main_item .sale .area .item.item_01 .image_box .graph_box.before { left:calc(50% - 55px); }
	#main_item .sale .area .item.item_01 .image_box .graph_box.after { right:calc(50% - 115px); }
	#main_item .sale .area .item.item_03 .image_box .diploma { top:44px; left:36px; width:156px; height:217px; }
	@keyframes rotation { 0% { transform:rotate(-1deg); } 50% { transform:rotate(1deg); } 100% { transform:rotate(-1deg); } }
	#main_item .payment { margin-bottom:40px; background:url("../wp_images/m_payment_bg-mobile.jpg") no-repeat center center; background-size:cover; }
	#main_item .payment .area .text_box .title { font-size:1.75rem; }
	#main_item .payment .area .text_box .title .small { font-size:1rem; }
	#main_item .payment .area .text_box .comment { font-size:1.063rem; }
	#main_item .payment .area .check_box { padding:25px 11%; font-size:0.938rem; line-height:1.5; }
	#main_item .payment .area .check_box .item .check { display:block; background:url("../wp_images/m_payment_check.png") no-repeat top 5px left; }
	#main_item .payment .area .check_box .item .check .small { font-size:0.875rem; }
	#main_item .difference { margin-bottom:40px; }
	#main_item .difference .area { width:90%; }
	#main_item .difference .area .item .graph_area { height:245px; margin-bottom:20px; }
	#main_item .difference .area .item .graph_area .blur_image { width:170px; height:100px; }
	#main_item .difference .area .item.pentagon .graph_area { width:100%; margin:0 auto 20px; }
	#main_item .difference .area .item.pentagon .graph_area .image_box { width:300px; height:230px; }
	#main_item .difference .area .item.pentagon .graph_area .image_box .graph { width:200px; height:162px; }
	#main_item .difference .area .item.stick .graph_area .image_box { width:330px; height:243px; }
	#main_item .difference .area .item.stick .graph_area .image_box .graph_box { bottom:24px; height:215px; }
	#main_item .difference .area .item.stick .graph_area .image_box .graph_box.graph_01 { left:50px; }
	#main_item .difference .area .item.stick .graph_area .image_box .graph_box.graph_02 { left:158px; }
	#main_item .difference .area .item.stick .graph_area .image_box .graph_box.graph_03 { left:265px; }
	#main_item .difference .area .item.stick .graph_area .image_box .graph_box .graph_bar.graph_01::before { width:60px; height:41px; animation:graph_arrow_01 1s 3s forwards ease-out; }
	#main_item .difference .area .item.stick .graph_area .image_box .graph_box .graph_bar.graph_02::before { top:78px; left:-2px; width:80px; height:55px; animation:graph_arrow_02 1s 3.5s forwards ease-out; }
	#main_item .difference .area .item.stick .graph_area .image_box .arrow { top:0; right:15px; width:90px; height:62px; }
	#main_item .difference .area .item.stick .graph_area .image_box .arrow.arrow_01 { animation:arrow_01 1.8s 3s forwards ease-out }
	@keyframes arrow_01 { 0% { opacity:0; top:calc(100% - 90px); right:calc(100% - 120px); transform:scale(0.7); } 100% { opacity:1; top:0; right:15px; transform:scale(1); } }
	#main_item .difference .area .item .comment { font-size:1.25rem; }
	#main_item .difference .area .item .comment .small { font-size:1rem; }
	#main_item .success { margin-bottom:50px; }
	#main_item .success .area { width:90%; }
	#main_item .success .area .item { padding:15px 30px; }
	#main_item .success .area .item .number { width:30px }
	#main_item .success .area .item .small { width:120px; font-size:0.813rem; }
	#main_item .success .area .item .comment { width:calc(100% - 150px); font-size:0.875rem; letter-spacing:-0.1px; }
	#main_item .success .area .item .comment strong { font-size:1.125rem; }

	/* 서브화면 콘텐츠 */
	#sub_nav { display:none; }
	#sub_section { width:90%; }
	#sub_position { position:static; margin-top:40px; }
	#sub_position_title { font-size:1.75rem; }
	#sub_document { padding:40px 0 50px; }

	/* 아이프레임 콘텐츠 */
	#consultFrame { display:none; height:300px; }
	#consult_input .info { width:90%; }
	#consult_input .check { justify-content:center; column-gap:10px; width:100%; margin-top:0; }
	.bottom_consult #form_button { width:90%; }
	.bottom_agree_text { display:none; }

	/* 페이지 공용 */
	.page_tab_first { font-size:0.875rem; }
	.page_tab_menu li a { height:45px; font-size:0.875rem; line-height:45px; }
	.page_margin { width:90%; }
	.page_tab_first.sub { width:90%; margin:0 auto; }
	.page_tab_menu.sub { width:90%; margin:0 auto; }
	.page_title_h3 { margin-bottom:20px; font-size:1.5rem; }
	.page_title_h3 .small { font-size:1rem; }
	.page_title_h3 .line span { width:100px; background-size:100px; }

	/* 메인메뉴1 (DIOWELLCARE) */
	.page01_01_brand { padding:60px 20px 70px; }
	.page01_01_brand .title { font-size:2rem; margin-bottom:16px; }
	.page01_01_brand .comment { font-size:0.938rem; }
	.page01_overview { margin-bottom:40px; }
	.page01_overview .overview_slide { width:230px; }
	.page01_overview .text_box { padding-top:15px; }
	.page01_overview .text_box .page_title_h4 { margin-bottom:16px; }
	.page01_overview .text_box .page_quentin { top:-25px; font-size:2rem; }
	.page01_overview .text_box .comment { font-size:0.875rem; }
	.page01_program { margin-bottom:40px; padding:40px 0; }
	.page01_program .program { margin-bottom:30px; }
	.page01_program .program .image_box { width:200px; height:200px; margin:0 auto 25px; }
	.page01_program .program .info .page_cinzel { font-size:0.875rem; }
	.page01_program .program .info .page_title_h5 { font-size:1.25rem; }
	.page01_program .program .info .comment { font-size:0.875rem; }
	.page01_program .program .info .detail li { padding:10px 3px; }
	.page01_program .program .info .detail li .title { width:85px; font-size:0.875rem; }
	.page01_program .program .info .detail li .text { width:calc(100% - 85px); column-gap:10px; font-size:0.938rem; }
	.page01_program .program .info .detail li .text .price { font-size:0.813rem; }
	.page01_media { flex-wrap:wrap; row-gap:16px; }
	.page01_media .item { width:47.6%; }
	.page01_media .item .video_button { width:45px; height:51px; }

	/* 메인메뉴2 (가맹점) */
	.page02_overview { margin-bottom:40px; }
	.page02_overview .text_box { position:static; margin:25px 20px 0 20px; padding:0; text-align:center; }
	.page02_overview .text_box .title_box .page_cinzel { font-size:0.875rem; }
	.page02_overview .text_box .title_box .title { margin-bottom:16px; font-size:1.25rem; }
	.page02_overview .text_box .comment_box { font-size:0.875rem; line-height:1.5; }
	.page02_overview .text_box .comment_box strong { margin-bottom:10px; font-size:1rem; }
	.page02_01_goods { margin-bottom:0; padding:40px 0; }
	.page02_01_goods .page_margin { padding:0 20px; }
	.page02_01_goods .page_margin img { margin-bottom:10px; }
	.page02_01_goods .page_margin .title { font-size:0.938rem; line-height:1.5; }
	.page02_01_franchise { padding:40px 0; }
	.page02_01_franchise .info { align-items:center; column-gap:25px; }
	.page02_01_franchise .info .image_box { width:120px; }
	.page02_01_franchise .info .chief { margin-bottom:10px; }
	.page02_01_franchise .info .chief_name { font-size:1rem; }
	.page02_01_franchise .info .chief_name span { margin-left:4px; font-size:0.813rem; }
	.page02_01_franchise .info .place_name { font-size:1rem; }
	.page02_01_franchise .info .text_box { width:calc(100% - 145px); padding-top:0; }
	.page02_01_franchise .info ul li { margin-bottom:16px; padding-left:25px; font-size:0.875rem; line-height:1.5; }
	.page02_01_franchise .info ul .address { background:url("../wp_images/02_01_address.png") no-repeat top 3px left; background-size:15px; }
	.page02_01_franchise .info ul .time { background:url("../wp_images/02_01_time.png") no-repeat top 3px left; background-size:15px; }
	.page02_01_franchise .info ul .tel { background:url("../wp_images/02_01_tel.png") no-repeat top 3px left; background-size:15px; }
	.page02_01_franchise .slide_box .franchise_slide { margin-bottom:20px; }
	.page02_01_franchise .slide_box .franchise_slide .franchise_btn.franchise_prev { background:#00000080 url("../wp_images/page_slide_prev.png") no-repeat center center; background-size:7px; }
	.page02_01_franchise .slide_box .franchise_slide .franchise_btn.franchise_next { background:#00000080 url("../wp_images/page_slide_next.png") no-repeat center center; background-size:7px; }
	.page02_01_franchise .slide_box .control_box .swiper-pagination { font-size:0.875rem; }
	.page02_05_list li a .title { font-size:0.875rem; line-height:1.5; }
	.page02_05_info { margin-bottom:40px; }
	.page02_05_info .image_box { width:300px; }
	.page02_05_info .text_box .page_cinzel { font-size:0.938rem; }
	.page02_05_info .text_box .title { padding-bottom:16px; }
	.page02_05_info .text_box .info_box { padding-top:16px; }
	.page02_05_info .text_box .info_box .product_tab { column-gap:20px; font-size:0.938rem; }
	.page02_05_info .text_box .info_box .product_tab li::before { right:-10px; }
	.page02_05_info .text_box .info_box .product_tab_box .product_tab_item { font-size:0.875rem; }
	.page02_05_ingredient { margin-bottom:40px; }
	.page02_05_ingredient.center_title { margin-bottom:45px; }
	.page02_05_ingredient .page_cinzel { font-size:0.938rem; }
	.page02_05_ingredient .area { padding-bottom:0; }
	.page02_05_ingredient .area .ingredient_background { display:none; }
	.page02_05_ingredient .area .ingredient_list { display:flex; flex-wrap:wrap; justify-content:center; row-gap:16px; position:static; max-width:235px; margin:0 auto; }
	.page02_05_ingredient .area .ingredient_list .item { display:block; position:static; width:50%; min-width:auto; text-align:center; }
	.page02_05_ingredient .area .ingredient_list .item.center { transform:none; }
	.page02_05_ingredient .area .ingredient_list .item .title { padding-top:10px; font-size:0.938rem; }
	.page02_05_ingredient.scalp_ld .area .ingredient_list .item.center.left { display:block; }
	.page02_05_ingredient.scalp_ld .area .ingredient_list .item.center.left .title { padding-top:10px; }
	.page02_05_ingredient.physical { margin-bottom:40px; }
	.page02_05_ingredient.physical .area .ingredient_list .item.text { display:none; }
	.page02_05_efficacy { margin-bottom:40px; padding:30px 0; }
	.page02_05_efficacy .page_cinzel { font-size:0.938rem; }
	.page02_05_efficacy .area { display:block; width:90%; margin:0 auto; text-align:left; }
	.page02_05_efficacy .area li { display:flex; align-items:center; column-gap:16px; width:100%; margin-bottom:5px; padding:0; }
	.page02_05_efficacy.scalp_02 .area li { width:100%; }
	.page02_05_efficacy .area li:last-child { margin-bottom:0; }
	.page02_05_efficacy .area li::before { display:none; }
	.page02_05_efficacy .area li .image_box { width:50px; margin-bottom:0; }
	.page02_05_efficacy .area li .image_box img { width:50px; }
	.page02_05_efficacy .area li .title { width:calc(100% - 66px); font-size:0.875rem; }
	.page02_05_how { margin-bottom:40px; }
	.page02_05_how .image_box { width:300px; }
	.page02_05_how .text_box .check_list { padding-bottom:20px; margin-bottom:20px; }
	.page02_05_how .text_box .check_list li { padding-left:30px; background:url("../wp_images/02_05_check.gif") no-repeat top 4px left; background-size:15px; font-size:0.875rem; }
	.page02_05_how .text_box strong.page_cinzel { font-size:1.25rem; }
	.page02_05_how .text_box .comment { font-size:0.875rem; line-height:1.5; }
	.page02_05_advantage { margin-bottom:24px; }
	.page02_05_advantage .page_cinzel.title { font-size:0.938rem; }
	.page02_05_advantage .page_title_h4 .number { top:-17px; right:-56px; width:45px; height:45px; font-size:1.688rem; line-height:45px; }
	.page02_05_advantage .number_list li .text { font-size:0.875rem; }
	.page02_05_oil { margin-bottom:40px; padding:35px 0; }
	.page02_05_oil .page_margin .text_box .title { font-size:1.25rem; line-height:1.5; }
	.page02_05_oil .page_margin .text_box .comment { font-size:0.875rem; }
	.page02_05_position .image_box { width:300px; margin:0 auto 25px; }
	.page02_05_position .image_box .spot_list .spot { bottom:59px; }
	.page02_05_position .image_box .spot_list .spot_02 { bottom:100px; }
	.page02_05_position .image_box .spot_list .spot_03 { bottom:140px; }
	.page02_05_position .image_box .spot_list .spot_04 { bottom:180px; }
	.page02_05_position .image_box .spot_list .spot_05 { bottom:225px; }
	.page02_05_position .image_box .spot_list .spot_06 { bottom:285px; }
	.page02_05_position .image_box .spot_list .spot_07 { bottom:320px; }
	.page02_05_position .position_list_mobile .item .comment { font-size:0.875rem; }
	.page02_05_note { margin-top:25px; }
	.page02_05_note li { max-width:280px; }
	.page02_05_note li .image_box { max-width:280px; margin:0 auto 25px; }
	.page02_05_note li .text_box .title { margin:0 auto 10px; font-size:1.125rem; }
	.page02_05_note li .text_box .title .number { top:-13px; left:-16px; font-size:1.688rem; }
	.page02_05_note li .text_box .comment { font-size:0.875rem; }
	.page02_05_note li .text_box .comment::before { top:9px; }
	.page02_05_physical { margin-bottom:40px; padding:40px 30px; }
	.page02_05_physical.type_a { background:url("../wp_images/02_05_physical-a.jpg") no-repeat center right -230px; background-size:cover; }
	.page02_05_physical.type_b { background:url("../wp_images/02_05_physical-b.jpg") no-repeat center right -230px; background-size:cover; }
	.page02_05_physical.type_ab { background:url("../wp_images/02_05_physical-ab.jpg") no-repeat center right -230px; background-size:cover; }
	.page02_05_physical.type_o { background:url("../wp_images/02_05_physical-o.jpg") no-repeat center right -230px; background-size:cover; }
	.page02_05_physical .page_cinzel { font-size:0.938rem; }
	.page02_05_physical .page_title_h4 { margin-bottom:16px; }
	.page02_05_physical .comment { font-size:0.875rem; line-height:1.5; }
	.page02_05_type .small { font-size:0.938rem; }
	.page02_05_type .type_list li { padding:30px 20px; }
	.page02_05_type .type_list li .type { top:4px; font-size:2.875rem; }
	.page02_05_type .type_list li .title { margin-bottom:16px; font-size:1.125rem; }
	.page02_05_type .type_list li .comment { font-size:0.875rem; line-height:1.5; }

	/* 메인메뉴3 (EDUCATION) */
	.page03_01_banner { margin-bottom:40px; padding:45px 50px; }
	.page03_01_banner .page_title_h4 { margin-bottom:16px; line-height:1.5; }
	.page03_01_banner p { font-size:0.938rem; line-height:1.5; }
	.page03_01_info { row-gap:50px; margin:0 auto 40px; }
	.page03_01_info li { padding:55px 20px 0; }
	.page03_01_info li .title { font-size:1rem; line-height:1.5; }
	.page03_01_info li .comment { font-size:0.875rem; }
	.page03_01_info .item_01 { background:url("../wp_images/03_01_02.gif") no-repeat top center; background-size:40px; }
	.page03_01_info .item_02 { background:url("../wp_images/03_01_03.gif") no-repeat top center; background-size:40px; }
	.page03_01_info .item_03 { background:url("../wp_images/03_01_04.gif") no-repeat top center; background-size:40px; }
	.page03_01_info .item_04 { background:url("../wp_images/03_01_05.gif") no-repeat top center; background-size:40px; }
	.page03_01_education { padding:40px 0; }
	.page03_01_education .education_list li { margin-bottom:40px; }
	.page03_01_education .education_list li .image_box { margin:0 auto 25px; }
	.page03_01_education .education_list li .text_box .page_cinzel { font-size:0.938rem; }
	.page03_01_education .education_list li .text_box .title { font-size:1.25rem; }
	.page03_01_education .education_list li .text_box .comment { font-size:0.875rem; }
	.page03_01_photo { padding-top:40px; }
	.page03_01_photo .photo_list { row-gap:10px; }

	/* 상담관리 */
	.consult_banner { margin-bottom:40px; padding:30px 20px; }
	.consult_banner .title { font-size:1.25rem; line-height:1.5; }
	.consult_banner .comment { font-size:0.938rem; line-height:1.5; }
	.consult_banner .advantage li { width:100%; max-width:250px; font-size:0.875rem; line-height:40px; }
	.consult_button#form_button button { width:140px; height:45px; margin:0 4px 0 0; line-height:45px; }
	.consult_info .page_cinzel { font-size:1.438rem; }
	.consult_info .address_box { padding:0; }
	.consult_info .address_box li { padding-left:30px; font-size:0.875rem; line-height:1.5; }
	.consult_info .address_box li.address { background:url("../wp_images/consult_address.gif") no-repeat top 2px left; background-size:16px; }
	.consult_info .address_box li.call { background:url("../wp_images/consult_call.gif") no-repeat top 2px left; background-size:16px; }
	.consult_info .address_box li.email { background:url("../wp_images/consult_email.gif") no-repeat top 2px left; background-size:16px; }
	.consult_input_box { padding:25px 30px; }
	.consult_input_box > .title { margin-bottom:25px; font-size:1.25rem; }
	.consult_input_box #board_input { font-size:0.875rem; }
	.consult_input_box #board_input .title { width:85px; font-size:0.938rem; }
	.consult_input_box #board_input ul.check li label { line-height:20px; }
	.consult_input_box #board_input ul.check li label.title { line-height:35px; }
	.consult_input_box #board_input ul.info li .input_box { width:calc(100% - 85px); }
	.consult_input_box #privacy_agree .agree_list li label { font-size:0.875rem; }
	.consult_input_box #privacy_agree .form_check_title input[type="checkbox"] + label:before { top:calc(50% - 8px); }
	.consult_input_box #privacy_agree .agree_list li button { padding:3px 8px; }

	/* 갤러리 */
	.gallery_list#board_gallery_list .background_box { margin:0 0 16px; }
	.gallery_list#board_gallery_list .gallery_subject { font-size:0.938rem; word-break:break-all; -webkit-line-clamp:1; }
}
@media (max-width:375px)
{
	/*****************************************************************************************************************/

	/* 메인화면 콘텐츠 */
	#main_item .payment .area .text_box .title .small { font-size:0.938rem; }
	#main_item .payment .area .text_box .comment { font-size:1rem; }
	#main_item .payment .area .text_box .stamp { top:-10px; right:-5px; width:100px; height:100px; }
	#main_item .payment .area .check_box .item .check .small { font-size:0.813rem; }
	#main_item .success .area .item .small { width:110px; }
	#main_item .success .area .item .comment { width:calc(100% - 140px); font-size:0.813rem; }

	/* 갤러리 */
	.gallery_list#board_gallery_list .gallery_subject { font-size:0.875rem; }
}