/* @import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css"); */

:root {
    --theme-color: #ffb714;
    --theme-pcolor: #FF9C14;
    --wrap-width: 1392px;
    --main-text: #383838;
    --sub-text: #808080;
    --border-color: #383838;

    /* 
    --main-color: rgba(81, 66, 206, 1);
    --main-color1: rgba(81, 66, 206, 0.1);
    --main-color2: rgba(81, 66, 206, 0.2);
    --main-color3: rgba(81, 66, 206, 0.3);
    --main-color4: rgba(81, 66, 206, 0.4);
    --main-color5: rgba(81, 66, 206, 0.5);
    --main-color6: rgba(81, 66, 206, 0.6);
    --main-color7: rgba(81, 66, 206, 0.7);
    --main-color8: rgba(81, 66, 206, 0.8);
    --main-color9: rgba(81, 66, 206, 0.9);

    --sub-color: rgba(66, 66, 66, 1);
    --sub-color1: rgba(66, 66, 66, 0.1);
    --sub-color2: rgba(66, 66, 66, 0.2);
    --sub-color3: rgba(66, 66, 66, 0.3);
    --sub-color4: rgba(66, 66, 66, 0.4);
    --sub-color5: rgba(66, 66, 66, 0.5);
    --sub-color6: rgba(66, 66, 66, 0.6);
    --sub-color7: rgba(66, 66, 66, 0.7);
    --sub-color8: rgba(66, 66, 66, 0.8);
    --sub-color85: rgba(66, 66, 66, 0.85);
    --sub-color9: rgba(66, 66, 66, 0.9); */

    --sub-border: #333;
    --sub-hover: yellow;
    --sub-bg1: #50577A;
    --sub-bg2: #FD711E;
    /* --sub-text : #eaeaea; */
    --sub-placeholder : #bdbdbd;
    
    --li-odd : #f5f5f5;
    /* --main-text : #2b2b2b; */
    --sel-row: rgba(255, 236, 239, .7);
    --btn-bg : #0277bd;

    --btn-search : linear-gradient(0, #283593     0%, #5c6bc0     100%);
    --btn-reset : linear-gradient(0, #1b5e20 0%, #43a047 100%);
    --btn-save : linear-gradient(0, #e65100 0%, #ff8a65     100%);
    --btn-del : linear-gradient(0, #b71c1c 0%, #ef5350   100%);

    --btn-udt : purple;
    --btn-header-hover : orange;
    --li-hover: #455a64;

    --li-bg1 : #455a64;

    --wrap-gap : 10px;

    --effect-3s: 0.3s ease-in-out;

    --line-color: #DDDDDD;
    --pc-gap: 24px;
    --mb-gap: 16px;
}

html {overflow-y:scroll}
html, body { font-family: "pretendard", "Malgun Gothic"; width:100%; margin:0; padding:0; color: var(--main-text); }
section, header, div, ul, li, input, button, form, label, span, textarea { box-sizing:border-box; margin:0; padding:0; border:0; vertical-align:top; font-family: 'pretendard', "Poppins", sans-serif; }
a { text-decoration:none; color:var(--main-text);}
ul, dl,dt,dd, pre {margin:0;padding:0;list-style:none}
li, label, span, a { display:inline-block; }
select, input { appearance: none; -webkit-appearance: none;-moz-appearance: none; }
select, button, input, textarea { outline:none; border: 1px solid var(--border-color); }
input[type=file] { border:none; }
select, textarea, pre { font-family: 'pretendard', "Poppins", sans-serif; font-weight: 400; }
pre { white-space: pre-wrap; }
em { font-style:normal; }
i:hover { cursor: pointer; }
button:hover { cursor: pointer;}
button.more { position:relative; display: inline-block; font-size: 16px; padding: 14px 20px 14px; border-radius: 24px; background: inherit; text-align: left; width: 160px; transition: 0.3s ease-out; }
button.white { color:#fff; border: 1px solid #fff; }
button.black { color:var(--main-text); border: 1px solid var(--main-text); }
button.more:after { content:""; position:absolute; display: inline-block; top:12px; right:18px; width:24px; height:24px; font-family: "FontAwesome"; }
button.white:after { background-image: url(/img/icon/more_white.svg);}
button.black:after { background-image: url(/img/icon/more_black.svg);}
/* button.black:after { content:"\f061"; } */
button.orange:after { background-image: url(/img/icon/more_orange.svg);}

textarea { resize: none; }
select { color: var(--main-text); font-weight: 500; }
input { padding-left: 10px; }
input::placeholder,
textarea::placeholder { font-family: "pretendard", "Malgun Gothic";}
img { vertical-align: bottom;}


a:hover { cursor: pointer;}
a.more { position:relative; display: inline-block; font-size: 16px; padding: 14px 20px 14px; border-radius: 24px; background: inherit; text-align: left; width: 160px; transition: 0.3s ease-out; box-sizing: border-box; }
a.white { color:#fff; border: 1px solid #fff; }
a.black { color:var(--main-text); border: 1px solid var(--main-text); }
a.more:after { content:""; position:absolute; display: inline-block; top:12px; right:18px; width:24px; height:24px; font-family: "FontAwesome"; }
a.white:after { background-image: url(/img/icon/more_white.svg);}
a.black:after { background-image: url(/img/icon/more_black.svg);}
/* a.black:after { content:"\f061"; } */
a.orange:after { background-image: url(/img/icon/more_orange.svg);}

button.more:hover,
a.more:hover { border: 1px solid var(--theme-color); color: #fff; background: var(--theme-color); transition: 0.3s ease-out; }
a.more_small { padding: 10px 20px 10px; width: 130px; }
a.more_small:after { top:7px; right:18px; }


.flex-normal { display:flex; align-items: center; }
.flex-s-s { display:flex; justify-content: flex-start; align-items: flex-start; }
.flex-s-e { display:flex; justify-content: flex-start; align-items: flex-end; }
.flex-s-c { display:flex; justify-content: flex-start; align-items: center; }
.flex-e-s { display:flex; justify-content: flex-end; align-items: flex-start; }
.flex-e-e { display:flex; justify-content: flex-end; align-items: flex-end; }
.flex-e-c { display:flex; justify-content: flex-end; align-items: center; }
.flex-c-s { display:flex; justify-content: center; align-items: flex-start; }
.flex-c-e { display:flex; justify-content: center; align-items: flex-end; }
.flex-c-c { display:flex; justify-content: center; align-items: center; }
.flex-sb-s { display:flex; justify-content: space-between; align-items: flex-start; }
.flex-sb-e { display:flex; justify-content: space-between; align-items: flex-end; }
.flex-sb-c { display:flex; justify-content: space-between; align-items: center; }
.flex-sa-s { display:flex; justify-content: space-around; align-items: flex-start; }
.flex-sa-e { display:flex; justify-content: space-around; align-items: flex-end; }
.flex-sa-c { display:flex; justify-content: space-around; align-items: center; }
.flex-c-sa { display:flex; justify-content: center; align-items: space-around; }
.flex-wrap-ok { flex-wrap:wrap; }
.flex-wrap-no { flex-wrap:nowrap; }
.flex-inline { display:inline-flex; }
.flex-direction-column { flex-direction: column;}

.po_rel { position:relative; }
.display-none { display:none; }
.disp-none { display:none; }
.text_center { text-align:center; }
.text_left { text-align:left; }
.text_right { text-align:right; }

.mb_only { display: none; }
.mb_only_460 { display: none; }


.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

input[type=checkbox] { display:none; }
input[type=checkbox] + label { position:relative; width:16px; height:16px; margin-top: 3px; line-height:16px; text-align:center; border-radius:3px; border:1px solid grey; box-sizing:border-box; background: var(--sub-bg1); }
input[type=checkbox]:checked + label:after { content:""; position:absolute; top:0; left:0; right:0; bottom:0; background:url('/img/icon/checkbox_check.svg') no-repeat center; }

input[type=radio] { display:none; }
input[type=radio] + label { display:inline-flex; justify-content:center; align-items:center; }
input[type=radio] + label > span { display:flex; justify-content:center; align-items:center; width:16px; height:16px; border:1px solid grey; background:grey; border-radius:50%; margin-right:5px; }
input[type=radio]:checked + label > span:after { content:""; width:10px; height:10px; border-radius:50%; background:var(--sub-bg1); }

ul[id^=scrollwrap]::-webkit-scrollbar { width:4px; height:8px; }
ul[id^=scrollwrap]::-webkit-scrollbar-thumb { background-color: #ddd; border-radius: 4px; opacity:0.5; }
ul[id^=scrollwrap]::-webkit-scrollbar-track { background-color: var(--sub-color3); border-radius: 4px; }
ul[id^=scrollwrap]::-webkit-scrollbar-corner { background-color: #ffffff; }

.scrollwrap::-webkit-scrollbar { width:4px; height:6px; }
.scrollwrap::-webkit-scrollbar-thumb { background-color: #ddd; border-radius: 4px; opacity:0.5; }
.scrollwrap::-webkit-scrollbar-track { background-color: var(--sub-color3); border-radius: 4px; }
.scrollwrap::-webkit-scrollbar-corner { background-color: #ffffff; }
.scrollwrap { padding-bottom: 10px; overflow: auto; }

textarea[id^=txtarea]::-webkit-scrollbar { width:4px; height:8px; }
textarea[id^=txtarea]::-webkit-scrollbar-thumb { background-color: #ddd; border-radius: 4px; opacity:0.5; }
textarea[id^=txtarea]::-webkit-scrollbar-track { background-color: var(--sub-color3); border-radius: 4px; }
textarea[id^=txtarea]::-webkit-scrollbar-corner { background-color: #ffffff; }

div[id^=scrolldiv_]::-webkit-scrollbar { width:4px; height:1px; }
div[id^=scrolldiv_]::-webkit-scrollbar-thumb { background-color: #ddd; border-radius: 4px; opacity:0.5; }
div[id^=scrolldiv_]::-webkit-scrollbar-track { background-color: var(--sub-color3); border-radius: 4px; }
div[id^=scrolldiv_]::-webkit-scrollbar-corner { background-color: #ffffff; }

div[id^=none_scroll_]::-webkit-scrollbar { width:0px; height:0px; }
div[id^=none_scroll_]::-webkit-scrollbar-thumb { background-color: #ddd; border-radius: 4px; opacity:0.5; }
div[id^=none_scroll_]::-webkit-scrollbar-track { background-color: var(--sub-color3); border-radius: 4px; }
div[id^=none_scroll_]::-webkit-scrollbar-corner { background-color: #ffffff; }

#wrapper { min-height: calc(100vh - 83px - 266px); }    /* 본문 최소크기 : 풀화면 - header - fotter */

#gnb { position:relative; border-bottom: 1px solid #E6E6E6; }
#gnb > h2 { display: none; }
#gnb .gnb_wrap { width: var(--wrap-width); margin: 0 auto; height: 55px; }
/* 메인메뉴 */
#gnb {position:relative;background:#fff; z-index: 100; position: sticky; top: 0; left: 0; }
#gnb > h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb .gnb_wrap {margin:0 auto;position:relative}
/*
#gnb .gnb_wrap:hover, #gnb .gnb_wrap:focus, #gnb .gnb_wrap:active{z-index:3}
#gnb #gnb_1dul {font-size:1.083em;padding:0; zoom:1}
#gnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb .gnb_1dli {padding:0px;position:relative; display:inline-flex; align-items: center;height: 50px;}
#gnb .gnb_1dli:hover > a {color:var(--theme-color);
                        -webkit-transition:background-color 2s ease-out;
                        -moz-transition:background-color 0.3s ease-out;
                        -o-transition:background-color 0.3s ease-out;
                        transition:background-color 0.3s ease-out;
                        border-bottom: 2px solid var(--theme-color); }
#gnb .gnb_1dli:hover > .gnb_2dul { display: block; }

.gnb_1dli .bg {position:absolute;top:24px;right:8px;display:inline-block;width:10px;height:10px;overflow:hidden;background:url('../img/gnb_bg2.gif') no-repeat 50% 50%;text-indent:-999px}
.gnb_1da {display:block;font-weight:bold;padding:10px 20px;color:#080808;text-decoration:none; font-size: 16px; border-bottom: 2px solid #fff; }
.gnb_2dli:first-child {border:0}
.gnb_2dul {display:none;position:absolute;top:49px;min-width:162px;}
.gnb_2dul .gnb_2dul_box {border:1px solid #e0e2e5;border-top:0;padding:0;
                        -webkit-box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2);
                        -moz-box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2);
                        box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2)}
.gnb_2dli { width: 100%; }
.gnb_2da {display:block;background:#fff;color:#080808;text-align:left;text-decoration:none; padding: 8px 10px;}
a.gnb_2da:hover {color:#3a8afd;background:#f7f7f8;
                -moz-transition:all 0.3s ease-out;
                -o-transition:all 0.3s ease-out;
                transition:all 0.3s ease-out}
*/

/* #gnb .gnb_1dli_add {padding:0px;position:relative; display:inline-flex; align-items: center;height: 50px;}
.gnb_1dli_add .bg {position:absolute;top:24px;right:8px;display:inline-block;width:10px;height:10px;overflow:hidden;background:url('../img/gnb_bg2.gif') no-repeat 50% 50%;text-indent:-999px}
.gnb_1da {display:block;font-weight:bold;padding:10px 20px;color:#080808;text-decoration:none; font-size: 16px; border-bottom: 2px solid #fff; }
.gnb_2dli:first-child {border:0}
.gnb_2dul {display:none;position:absolute;top:49px;min-width:162px;}
.gnb_2dul .gnb_2dul_box {border:1px solid #e0e2e5;border-top:0;padding:0;
    -webkit-box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2);
    -moz-box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2);
    box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2)}
.gnb_2dli { width: 100%; } */

/* #gnb .gnb_1dli_add:hover .gnb_2dul { display: block; } */
#menu_main > li {padding:0px;position:relative; display:inline-flex; align-items: center;height: 50px;}
.gnb_1da {display:block;font-weight:600;padding:17px 20px;color:#080808;text-decoration:none; font-size: 16px; }    /*border-bottom: 2px solid #fff;*/

.menu_sub_wrap { display:none; position: absolute; bottom:0; left:0; right:0; top: 99%; background: #fff; 
        height:0; z-index: 10; border-top: 1px solid #ddd; box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2); }
.menu_sub_wrap .inner { padding:40px 0; }
.menu_sub_wrap.on { display:block; min-height:350px; transition: all 1s ease-in; }
.menu_sub_wrap #menu_sub_ul { display:flex; justify-content: space-between; }
.menu_sub_wrap #menu_sub_ul li { text-align: center; }
.menu_sub_wrap #menu_sub_ul > li > span { font-size: 18px; font-weight: 700; padding: 16px 0; }
.menu_sub_wrap .sub_ul { display:flex; flex-direction: column; }
.menu_sub_wrap .sub_ul li { padding:6px 0; text-align: center; }

#gnb_top { gap: 20px; font-size: 14px; padding:5px 0 0; padding-right: 50px; font-weight: 600; }
#gnb_top a:hover { color: var(--theme-color); }
#gnb .gnb_wrap .h_img { margin-top:-15px; }

#menu_main a:hover, #menu_sub_ul a:hover { color: var(--theme-color); }


/** header */
.h_right_wrap { gap: 12px; }
.h_right_wrap img { height: 24px; width: auto; }
#gnb_top select { width: 100px; border-radius: 12px; padding: 0px 5px 2px; appearance: auto; -webkit-appearance: auto; }

.inner { width: var(--wrap-width); margin: 0 auto; }

/** footer */
#ft { border-top: 1px solid #ddd; }
#ft .inner { padding-top: 10px; padding-bottom: 10px; }
#ft h2 { display: none;}
#ft .footer_logo { margin-bottom: 20px; }
#ft #ft_link { margin-bottom: 24px; }
#ft #ft_link a { font-size: 16px; font-weight: 500; margin-right: 20px; }
#ft #ft_company { gap: 40px;}
#ft #ft_company p { margin:0; line-height: 24px; }
#ft #ft_copy { font-size: 14px; color: #808080; margin-top: 24px; }

.goto_top { position: fixed; right: 10px; bottom: 15px; z-index: 12; transition: display 0.5s ease-in-out; width: 38px; height: 38px; }
#top_btn { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; border-radius: 50%; background: #ffffff; font-size: 20px; border: 1px solid #919191; }

/** 페이지 */
.page_wrap { margin: 40px 0; }
.page_wrap .pg { text-align: center;}
.page_wrap .pg .pg_current,
.page_wrap .pg .pg_page { display: inline-flex; justify-content: center; align-items: center; width: 36px; height: 36px; border-radius: 50%; }
.page_wrap .pg .pg_page:hover,
.page_wrap .pg_current { background: var(--theme-color);}

.page_wrap .pg_arrow { display: inline-flex; justify-content: center; align-items: center; width: 24px; height: 24px; color: #bbbbbb; }
.page_wrap .pg_arrow:hover { color: var(--theme-color); }


table .even { background: #FAFDFB; }
p { margin: 0; }

.file_del input[type=checkbox] + label { margin-top: 0px; margin-right: 5px; }

.btn_wrapper { text-align: center; min-height: 47px; margin-top: 24px; }
.btn_wrapper a { padding: 14px 70px; background: var(--theme-color); border-radius: 8px;}

.neo_btn { padding: 7px 10px; background: var(--theme-color); color: #ffffff; border-radius: 8px; }

/* .img { overflow: hidden; }
.img img { transition: 0.5s ease-out; }
.img img:hover { transform: scale(1.2); transition: 0.5s ease-out; } */
img { border-radius: 8px; transition: 0.5s ease-out; }

/* 검색시 */
.sch_word { color: var(--theme-color); }

/** mobile 메뉴 */
.mb_menu_bar { display: none;}

/* TODO. 2025-10-16. 게시판 관리로부터 iframe 으로 열릴때(header/footer 표시하지 않기위한)와 일반 사이트에서 열릴때 구분*/
#open_adm #gnb,
#open_adm .subpage_nav,
#open_adm #ft { display: none !important; }

.toast-bottom-center { bottom:0; }

@media screen and (max-width: 1392px) {
    .inner { width: 100%; padding-left: 40px; padding-right: 40px; }
    #gnb .gnb_wrap { width: 100%; padding: 0 20px; }

    /* #container { padding-left: 40px; padding-right: 40px; } */
    #ft .inner { padding-top: 40px; padding-bottom: 10px; }
}



/*메뉴*/
@media screen and (max-width: 1220px) {
    .gnb_1da { padding: 17px 10px; font-size: 14px; }
}

/*메뉴*/
@media screen and (max-width: 1000px) {
    .gnb_1da { padding: 17px 5px; font-size: 14px; }
    .menu_sub_wrap #menu_sub_ul > li > span { font-size: 16px; }
    .menu_sub_wrap.on .inner { padding: 20px; }
    .menu_sub_wrap .sub_ul a { font-size: 14px; }
    .h_img img { width: 80%; }

    #ft .inner { padding: 20px 20px 10px; }
    #ft #ft_company { gap: 15px; flex-wrap: wrap;}
    #ft #ft_company .ft_info_1 { width: 100%; }
    #ft #ft_company .ft_info_3 { margin-left: 30px; }
    #ft .footer_logo,
    #ft #ft_link { display: inline-block; }
    #ft #ft_link { margin:0; height: 70px; line-height: 68px; margin-left: 30px; }
    #ft .footer_logo { margin-bottom: 10px; }
    #ft #ft_copy { margin-top: 12px; }

    /* mobile */
    #menu_main { display: none;}
    .mb_menu_bar { display: block;}
    #gnb_top { padding-right: 10px; }
    #gnb .gnb_wrap { height: 40px; }

    .menu_sub_wrap {
        position: fixed; top:0; left:-100vw; bottom:0; display: block; background: rgba(0,0,0,0.8); 
        z-index: 1000; width: 100vw; height: 100vh; transition: all 0.2s ease-out;
    }
    .menu_sub_wrap.bar_open { left:0; transition: all 0.5s ease-in-out; }
    .menu_sub_wrap.bar_open .inner { width: 360px; height: 100%; margin: 0; padding:0; background: #fff; }
    .menu_sub_wrap.bar_open #menu_sub_ul { align-items: flex-start; justify-content: flex-start; flex-direction: column; width: 100%;}
    .menu_sub_wrap.bar_open #menu_sub_ul > li > div { max-height:0; overflow: hidden; }
    .menu_sub_wrap.bar_open #menu_sub_ul > li > span { position:relative; padding: 16px 16px; width: 100%; border-bottom: 1px solid #DDDDDD; }
    .menu_sub_wrap.bar_open #menu_sub_ul > li > span::after { content: "\f107"; position:absolute; top: 18px; right: 18px; width: 12px; height: 12px; font-family: "FontAwesome"; }
    .menu_sub_wrap.bar_open #menu_sub_ul > li { width: 100%; text-align: left; }
    .menu_sub_wrap.bar_open #menu_sub_ul > li:first-child { border-top: 1px solid #DDDDDD; }
    .menu_sub_wrap.bar_open #menu_sub_ul > li.on > div { max-height:250px; transition: all 0.5s ease-in-out; border-bottom: 1px solid #DDDDDD; }
    .menu_sub_wrap.bar_open #menu_sub_ul > li.on > span { background: #f5f5f5; }
    .menu_sub_wrap.bar_open #menu_sub_ul > li.on > span::after { content: "\f106"; }
    .menu_sub_wrap.bar_open #menu_sub_ul .sub_ul li { text-align: left; padding: 8px 0 8px 50px; }
    .menu_sub_wrap.bar_open #menu_sub_ul .sub_ul li a { font-size: 16px; }
    .menu_sub_wrap.bar_open .mb_hd { position: relative; border-bottom: 1px solid #DDDDDD; height: 50px; padding: 0 16px; }
    .menu_sub_wrap.bar_open .mb_hd a { height: 100%; }
    .menu_sub_wrap.bar_open .mb_hd a img { width: auto; height: 100%; }
    .menu_sub_wrap.bar_open .mb_menu_close { position: absolute; top:14px; right: 16px; }
    .menu_sub_wrap.bar_open .mb_menu_close img { width: 24px; height: 24px; cursor: pointer;}
    .menu_sub_wrap.bar_open .mb_info_wrap { padding: 16px; border-bottom: 1px solid #DDDDDD; }
    .menu_sub_wrap.bar_open .mb_user_info span { font-size: 20px; line-height: 28px; }
    .menu_sub_wrap.bar_open .mb_menu_btn a { font-size: 12px; border:1px solid #ddd; padding: 5px 8px; border-radius: 4px; }
    .menu_sub_wrap.bar_open .mb_top_cont { padding: 16px; }
    .menu_sub_wrap.bar_open .mb_top_cont a { font-size: 12px; border:1px solid #ddd; padding: 5px 8px; border-radius: 4px; }
    .menu_sub_wrap.bar_open .mb_top_cont select { font-size: 12px; border:1px solid #ddd; padding: 5px 8px; border-radius: 4px; appearance: auto; -webkit-appearance: auto; }
    #mb_menu_header, #mb_menu_footer { display: block; }
    .mb_call { padding: 10px 20px 0; gap: 16px; }
    .mb_call a {  background-color: var(--theme-color); border-radius: 50%; }
    .mb_call img { border-radius: 50%;  }
}

/*메뉴 : 800 보다 작으면 메뉴 접자*/
@media screen and (max-width: 800px) {
    .inner { padding-left: 20px; padding-right: 20px; }
    .gnb_1da { padding: 17px 5px; font-size: 14px; }
    .menu_sub_wrap #menu_sub_ul > li > span { font-size: 16px; }
    .menu_sub_wrap.on .inner { padding: 20px; }
    .h_img img { width: 80%; }

    #gnb_top { display: none;}
    #gnb .gnb_wrap .h_img { margin-top: 0; }
}


@media screen and (max-width: 600px) {
    .h_right_wrap a:not(.mb_menu_bar) { display: none; }
    .mb_top_cont .adm { display: none;}
    .h_img img { width: 60%; }
    .inner { padding-left: 15px; padding-right: 15px; }
    .menu_sub_wrap.on .inner {  padding-top: 0px; padding-left: 0px; padding-right: 0px; }
    .menu_sub_wrap.bar_open .mb_hd a img { height: 80%; padding-top: 5px;}
    #ft #ft_company .ft_info_3 { margin-left: 0; }

    /*#ft #ft_link { margin: 0 0 15px; height: auto; line-height: 1; display: block; text-align: center;}*/
    #ft #ft_link { margin-left: 0; }
    #ft #ft_link a { font-size: 14px; margin-right: 10px;}
    #ft #ft_link a:last-child { margin-right: 0px;}
    #ft #ft_company { font-size: 14px; }
    #ft #ft_company p { line-height: 20px;}
    #ft #ft_copy { font-size: 12px;}
    #ft .footer_logo img { width: 80%; }

    .page_wrap { margin: 20px 0 0; }
}

@media screen and (max-width: 500px) {
    #ft #ft_company .mb_ft_info { display: inline; }
    #ft #ft_company .mb_ft_info_space { display: inline; padding-left:24px; }
}