@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

.notosanskr * { 
 font-family: 'Noto Sans KR', sans-serif;
}

/* 초기화 */
html {overflow-y:scroll;height:100%;}
body {margin:0;padding:0;font-size:0.89em;background:#fff;height:100%;font-family:'Noto Sans KR', dotum, sans-serif}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Noto Sans KR', dotum, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-size:1em;font-family:'Noto Sans KR', dotum, sans-serif;outline:none;}
button {cursor:pointer}
input[type=text], input[type=datetime-local], input[type=password], input[type=submit] { font-size:16px;-webkit-appearance: none;}
input[type=image], button {font-size:1em;-webkit-appearance:none}

textarea, select {font-size:1em;font-family:'Noto Sans KR', dotum, sans-serif}
textarea {border-radius:0;-webkit-appearance:none;font-family:'Noto Sans KR', dotum, sans-serif}
select {margin:0;background:none;font-family:'Noto Sans KR', dotum, sans-serif}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1em}
a {color:#000;text-decoration:none;font-size:1.1em}
ul,li,dl,dt,dd {padding:0;margin:0}
ul {list-style:none}

*,:after,:before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

select {
outline:none;
-webkit-appearance: none;
-moz-appearance: none; 
appearance: none;
color:#333;
/*화살표 배경 넣기*/
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M12 15.0006L7.75732 10.758L9.17154 9.34375L12 12.1722L14.8284 9.34375L16.2426 10.758L12 15.0006Z"></path></svg>');
   background-size: 24px; /* 아이콘 크기 조정 */
   background-repeat: no-repeat;
   background-position: right 0px center; /* 오른쪽으로 10px 이동 */
}
select::-ms-expand{ 
display:none; /* 화살표 없애기 for IE10, 11*/
}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:100%;height:0}
#hd_pop h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops img {max-width:100%;height:auto}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}

/* 상단 레이아웃 */
#hd {position:relative;background:#fff;box-shadow:0 0 10px 3px rgba(0,0,0,0.1);}
#hd:after {display:block;visibility:hidden;clear:both;content:""}
#hd_h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}

#logo {padding:8px 10px;height:60px;text-align:center}
#logo img {vertical-align:middle;margin-top:0px;max-height:100%;width:auto}
#logos {padding:8px 10px;height:80px;text-align:center}
#logos img {vertical-align:middle;margin-top:0px;max-height:100%;width:auto}

#gnb_open {position:absolute;top:12px;left:10px;padding:0;height:40px;width:40px;border:0;background-size:70%;color:#023894;background:none;}
#gnb_open svg{width:25px;height:25px;fill:#333}
#gnb {display:none;background:#efefef;position:fixed;top:0;left:0;z-index:99999;width:100%;max-width:400px;height:100%;overflow-y:auto;
-webkit-box-shadow:0 0 5px rgba(55,55,5,0.4);
-moz-box-shadow:0 0 5px rgba(55,55,5,0.4);
box-shadow:0 0 5px rgba(55,55,5,0.4)}

#gnb_1dul {background:#fff}
#gnb_1dul a {display:block;color:#333;font-weight: 400;}
.gnb_1dli {position:relative;line-height:40px}
.gnb_1dli button {position:absolute;top:5px;right:0;width:40px;height:40px;overflow:hidden;border:0;font-size:1.2em;background:#fff;background:url(../img/mobile/gnb_bg2.png) no-repeat 50% 50%;text-indent:-9999px}
.gnb_1dli button.btn_gnb_cl {background:url(../img/mobile/gnb_bg.png) no-repeat 50% 50%}
.gnb_1da {padding:10px 20px;border-bottom:1px solid #eee;font-weight:bold;font-size:1.2em;}
.gnb_2dul {display:none;background:#fafafa}
.gnb_2da {padding-left:30px}
#gnb_close {display:block;position:absolute;right:8px;top:13px;z-index:99;font-weight:bold;margin:0;height:40px;width:40px;border:0;color:#bfb8b2;background:transparent}
#gnb_close svg{width:20px;height:20px;fill:#333}
#gnb_empty {padding:20px 0;color:#333;text-align:center;line-height:2em}
#gnb_empty a {display:inline;text-decoration:underline}

#hd_sch {text-align:center;padding:12px 55px 12px 15px;background:#023894}
#hd_sch h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#hd_sch form {position:relative;padding-right:0px}
#hd_sch #sch_stx {padding-left:10px;width:100%;height:40px;margin-left:0px;background:#fff;border:0;color:#fff}
#hd_sch #sch_submit {position:absolute;top:0;right:0;width:40px;height:40px;border:0;border-radius:3px;cursor:pointer;color:#a6a5a5;background:#fff;font-size:1.25em}

#hd_sch svg{width:20px;height:20px;fill:#333;margin-top: 4px;}

#user_btn {position:absolute;top:13px;right:10px;padding:0 10px;height:40px;width:40px;border:0;color:#023894;font-size:1.8em;background:none;letter-spacing:-0.1em}
#user_btn svg{width:25px;height:25px;fill:#333}
#user_menu {display:none;position:fixed;top:0;right:0;width:100%;height:100%;overflow-y:auto;z-index:9999;text-align:center}
#user_close {display:block;position:absolute;right:8px;top:13px;z-index:99;font-weight:bold;margin:0;height:40px;width:40px;border:0;color:#bfb8b2;font-size:1.8em;background:transparent}
#user_close svg{width:25px;height:25px;fill:#fff;margin-top: 4px;}

#snb_cnt span {display:inline-block;float:right;padding:0 7px;height:18px;margin-top:3px;line-height:18px;font-size:12px;background:#da22f5;border-radius:20px;color:#fff}

#hd_nb {background:#fff;margin-top:10px;border-bottom:1px solid #e1e1e1}
#hd_nb:after {display:block;visibility:hidden;clear:both;content:""}
#hd_nb li {width:50%;float:left;text-align:center;line-height:25px;font-size:1.083em;font-weight:bold}
#hd_nb li a {display:block;color:#717171;text-align:left;padding:10px 15px}
#hd_nb li i {font-size:14px;margin-right:10px;color:#a5a8ac}
#hd_nb .hd_nb1 {border-right:1px solid #efefef;border-bottom:1px solid #efefef}
#hd_nb .hd_nb2 {border-bottom:1px solid #efefef}
#hd_nb .hd_nb3 {border-right:1px solid #efefef}

/* 텍스트 크기 조절 */
#text_size {margin:10px 0;text-align:center;display:inline-block;padding:7px 20px;background:#e6e7e9;border-radius:25px;height:48px}
#text_size button {margin:0 5px;border:0;background:none;height:35px;width:35px;border-radius:50%}
#text_size button.select {background:#fff;border-bottom:1px solid #bbb;
-webkit-box-shadow:0 0 5px rgba(100,80,100,0.2);
-moz-box-shadow:0 0 5px rgba(100,100,100,0.2);
box-shadow:0 0 5px rgba(100,100,100,0.2)}
.ts_up {font-size:1.167em !important}
.ts_up2 {font-size:1.3em !important}

/* 중간 레이아웃 */
#wrapper {}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}
#container {position:relative;}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {font-size:1.2em;font-weight:bold;height:50px;padding:10px 15px;line-height:30px;background:#fff;color:#333;
-webkit-box-shadow:0 0 10px rgba(181, 181, 181, 0.4);
-moz-box-shadow:0 0 10px rgba(181, 181, 181, 0.4);
box-shadow:0 0 10px rgba(181, 181, 181, 0.4);
}
#container_title a {display:inline-block;margin-right:5px}
.top {position:relative}
.btn_top {position:absolute;top:0px;right:10px;z-index:999;padding:8px 0}
.btn_top li {display:inline-block}
.btn_top a,.btn_top button,.btn_top .btn_submit {}
.btn_top .btn_cancel,.btn_top .btn_b01 {border:1px solid #aaa;background:none;color:#666;line-height:28px;background:#fff}
.fixed {position:fixed;top:0;right:0;z-index:999}
.fixed.btn_bo_user {right:10px}
#container_title.fixed {width:100%}

#fts {padding:10px;position:absolute;bottom:0;width:100%;background:#042551;margin-top:0px;text-align:center;}
#fts .ft_info{font-size:0.85em;line-height:1em;color:#fff;}
#fts small{font-size:0.75em;line-height:1em;color:#fff;}

/* 하단 레이아웃 */
#ft {background:#042551;padding:0px 20px 10px;margin-top:0px;}
#ft h1 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#ft p {margin:0;padding:10px 0 0;}
#ft .ft_info{font-size:0.85em;line-height:1em;color:#fff;}

#ft_copy {padding:20px 0 5px;line-height:1em;text-align:center;color:#777}
#ft_copy #ft_company {text-align:center}
#ft_copy #ft_company a {display:inline-block;padding:0 10px;font-size:0.9em;line-height:1em;border-left:1px solid #333;color:#fff}
#ft_copy #ft_company a:first-child {border:0}
.ft_cnt {font-weight:normal;color:#e3e3e3;line-height:2em;text-align:center}
.ft_cnt h2 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#ft_copy b {color:inherit}
#ft_copy a {color:inherit;text-decoration:none}

#top_btn {position:fixed;bottom:10px;right:-75px;width:50px;height:50px;border:0px solid #d2d2d2;border-radius:50%;background:#fff;color:#d2d2d2;text-align:center;z-index:99;
-webkit-box-shadow:1px 2px 5px rgba(191, 191, 191, 0.4);
-moz-box-shadow:1px 2px 5px rgba(191, 191, 191, 0.4);
box-shadow:1px 2px 5px rgba(191, 191, 191, 0.4)}
#top_btn svg{width:25px;height:25px;fill:#ccc}
#top_btn:hover {background:#023894;border-color:#023894;color:#fff}
#device_change {display:block;line-height:40px;border-radius:5px;background:#302e2e;color:#777;font-size:1em;text-decoration:none;text-align:center}

/* 게시물 선택복사 선택이동 */
#copymove {}
.copymove_current {float:right;color:#ff3061}
.copymove_currentbg {background:#f4f4f4}
#copymove .tbl_head01 {margin-top:10px}
#copymove td {background:#fff}
#copymove .win_btn {margin:10px}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;width:0;height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;font-size:0 !important;line-height:0 !important;overflow:hidden}

/* 본문 바로가기 */
.to_content a {z-index:100000;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden}

/* 이미지 등비율 리사이징 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;width:40px;height:40px;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:0;vertical-align:top}
#captcha #captcha_info {display:block;margin:3px 0 5px;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px}

/* 구글리캡챠 크기 조정 scale */
#captcha.recaptcha {width:213px;height:55px;overflow:hidden}
#rc-imageselect, .g-recaptcha {transform:scale(0.7);-webkit-transform:scale(0.7);transform-origin:0 0;-webkit-transform-origin:0 0}

/* ckeditor 태그 기본값 */
#bo_v_con ul {display:block;list-style-type:disc;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con ol {display:block;list-style-type:decimal;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con li {display:list-item}

/*단축키일람 */
.cke_sc {text-align:right}
.btn_cke_sc {background:#333;color:#fff;padding:5px;border:none}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl {margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:50%;font-weight:bold}
.cke_sc_def dd {width:50%}
.btn_cke_sc_close {background:#333;padding:5px;border:none;color:#fff}

/* 버튼 */
.btn {display:inline-block;padding:0 5px;height:30px;line-height:30px;border-radius:3px}
a.btn01 {display:inline-block;background:#ddd;color:#444;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:center} /* 서식단계 진행 */

.btn_submit {border:0;background:#023894;color:#fff;cursor:pointer;border-radius:3px}
.btn_submit:hover {background:#2375eb}
.btn_close {border:1px solid #dcdcdc;cursor:pointer;border-radius:3px;background:#fff}
a.btn_close {text-align:center;line-height:50px}

a.btn_cancel {display:inline-block;background:#ddd;color:#444;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none}
a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;border:0;background:#fff;border:1px solid #023894;color:#023894;letter-spacing:-0.1em;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-block;background:#023894;color:#fff;border-radius:3px;padding:10px;border:1px solid #023894;text-decoration:none;vertical-align:middle}
.btn_b01:hover, .btn_b01:hover {}
a.btn_b02, .btn_b02 {display:inline-block;background:transparent;color:#fff;border:1px solid #ccc;border-radius:3px;padding:10px;text-decoration:none;vertical-align:middle}
a.btn_b02:hover, .btn_b02:hover {}
a.btn_b03, .btn_b03 {display:inline-block;line-height:28px;border:0;background:transparent;color:#bababa;text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {}
a.btn_b04, .btn_b04 {display:inline-block;background:#fff;color:#333;border:1px solid #ccc;border-radius:3px;padding:10px;text-decoration:none;vertical-align:middle}
a.btn_b04:hover, .btn_b02:hover {}
a.btn_admin {display:inline-block;color:#d13f4a;font-size:1em;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover {}
.fix_btn {position:fixed;z-index:99;bottom:80px;right:15px;background:#023894;width:50px;height:50px;color:#fff;text-align:center;border-radius:50% !important;font-size:1.8em;line-height:50px !important;-webkit-box-shadow:1px 2px 5px rgba(191, 191, 191, 0.4);
-moz-box-shadow:1px 2px 5px rgba(191, 191, 191, 0.4);
box-shadow:1px 2px 5px rgba(191, 191, 191, 0.4)}
.fix_btn_app {position:fixed;z-index:99;bottom:15px;right:15px;background:#023894;width:50px;height:50px;color:#fff;text-align:center;border-radius:50% !important;font-size:1.8em;line-height:50px !important;-webkit-box-shadow:1px 2px 5px rgba(191, 191, 191, 0.4);
-moz-box-shadow:1px 2px 5px rgba(191, 191, 191, 0.4);
box-shadow:1px 2px 5px rgba(191, 191, 191, 0.4)}
a.btn,.btn {line-height:35px;width:30px;height:35px;padding:0 5px;text-align:center;font-weight:bold;border:0;font-size:1.4em;
-webkit-transition:background-color 0.3s 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}


/* 기본테이블 */
.tbl_wrap {margin:0 10px 10px}
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_wrap caption {padding:10px 0;color:#4b8b99;font-weight:bold;text-align:left}

.tbl_head01 {}
.tbl_head01 caption {padding:0 0 10px;color:#777;text-align:left}
.tbl_head01 thead th {padding:12px 0;border:1px solid #d8dbdf;background:#f7f7f9;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head01 thead a {color:#383838}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff}
.tbl_head01 tfoot td {border-color:#e3e3e5;background:#484848;color:#fff;font-weight:bold;text-align:center}
.tbl_head01 tbody {text-align:left}
.tbl_head01 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 td {padding:5px;border:1px solid #e7e9ec;border-top:0;line-height:1.5em;word-break:break-all}

.tbl_head02 {}
.tbl_head02 caption {padding:0 0 10px;color:#777;text-align:left}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff}
.tbl_head02 tfoot td {background:#484848;color:#fff;font-weight:bold;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all}

/* 기본리스트 */
.list_01 ul {}
.list_01 li {border-bottom:1px solid #e5ecee;padding:15px}
.list_01 .flex {display: flex;}
.list_01 li .listpadding { padding-left:10px;}

.list_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.all_chk {padding:15px;border-bottom:1px solid #e8eaee;background:#fff}
/* 기본폼 */
.form_01 .write_div {margin-bottom:10px;position:relative}
.form_01 li {margin:0 0 10px;position:relative;list-style:none}
.form_01 textarea, .frm_input {border:1px solid #d0d3db;color:#000;vertical-align:middle;padding:5px;border-radius:0;box-shadow:none}
.form_01 textarea {width:100%;height:100px}
.frm_input {height:50px}
.full_input {width:100% !important} 
.form_01 .frm_file {display:block;margin-bottom:5px;width:100%}
.form_01 select {height:45px;background-color:#fff}
.form_01 .frm_info {font-size:0.92em;color:#023894;text-align:left;margin:3px 0 10px;display:block;line-height:1.3em}

/* 자료 없는 목록 */
.empty_table {padding:100px 0 !important;color:#777;text-align:center}
.empty_list {padding:20px 0 !important;text-align:center}

/* 필수입력 */
.required, textarea.required {background-image:url('../img/require.png') !important;background-repeat:no-repeat  !important;background-position:right top !important}

/* 테이블 항목별 정의 */
.td_board {width:120px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:150px;text-align:center}
.td_group {width:100px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#999}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {position:relative;background:#fff}
.new_win #win_title {font-size:1.3em;height:50px;line-height:30px;padding:10px 20px;background:#fff;color:#000;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1);
-moz-box-shadow:0 1px 10px rgba(0,0,0,.1);
box-shadow:0 1px 10px rgba(0,0,0,.1)}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win_con {}

.new_win .win_ul {margin-bottom:15px;padding:0 20px}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;background:#fff;text-align:center;padding:0 10px;border:1px solid #d6e9ff;border-radius:30px;margin-left:5px}
.new_win .win_ul li:first-child {margin-left:0}
.new_win .win_ul li a {display:block;padding:8px 0;color:#6794d3}
.new_win .win_ul .selected {background:#023894;border-color:#023894;position:relative;z-index:5}
.new_win .win_ul .selected a {color:#fff;font-weight:bold}
.new_win .win_desc {position:relative;margin:10px;border-radius:5px;font-size:1em;background:#f2838f;color:#fff;line-height:50px;text-align:left;padding:0 20px}
.new_win .win_desc i {font-size:1.2em;vertical-align:baseline}
.new_win .win_desc:after {content:"";position:absolute;left:0;top:0;width:4px;height:50px;background:#da4453;border-radius:3px 0 0 3px}

.new_win .win_total {float:right;display:inline-block;line-height:30px;font-weight:normal;font-size:0.75em;color:#023894;background:#f6f6f6;padding:0 10px;border-radius:5px}
.new_win .new_win_con {padding:20px}
.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .new_win_con2 {margin:20px 0}

.new_win .win_btn {clear:both;padding:10px 0 30px;text-align:center}
.new_win .win_btn a {display:inline-block;height:45px;line-height:40px;font-weight:bold}
.new_win .cert_btn {text-align:center}
.new_win .btn_close {width:60px;height:45px;overflow:hidden;cursor:pointer}
.new_win .btn_submit {padding:0 20px;height:45px;font-weight:bold;font-size:1.083em}

/* 검색결과 색상 */
.sch_word {color:#fff;background:#023894;padding:2px 4px;margin:0 2px}

/* 사이드뷰 */
.sv_wrap {display:inline-block;position:relative;font-weight:normal;line-height:20px}
.sv_wrap .sv {z-index:1000;width:100px;display:none;margin:5px 0 0;font-size:0.92em;background:#333;text-align:left;
-webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)}
.sv_wrap .sv:before {content:"";position:absolute;top:-6px;left:15px;width:0;height:0;border-style:solid;border-width:0 6px 6px 6px;border-color:transparent transparent #333 transparent}
.sv_wrap .sv a {display:inline-block;width:100px;margin:0;padding:0 10px;line-height:30px;font-weight:normal;color:#bbb}
.sv_wrap .sv a:hover {background:#000;color:#fff}
.sv_member {color:#333;font-weight:bold}
.sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;display:block;padding:10px 0;text-align:center}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {text-align:center}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;background:#eee;border:1px solid #eee}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#959595;font-size:1.083em;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:3px}
.pg_page:hover {background-color:#fafafa}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color:#fafafa}

.pg_current {display:inline-block;background:#023894;border:1px solid #023894;color:#fff;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:3px}

.p15 {padding:15px;}
.hidden {display:none;}

a.sbtn_frmline, button.sbtn_frmline {display:inline-block;margin-top:4px;padding:0 20px;height:37px;border:0;background:#fff;border:1px solid #023894;border-radius:3px;color:#023894;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.sbtn_frmline {}
button.sbtn_frmline {font-size:1em}
a.sbtn_frmline {line-height:24px}

.main_slider img{ width:100%;}

.centerbox{
width:100%;
height:100%;
/*min-height:300px;*/
text-align:center;
vertical-align:middle;
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}

.lds-ripple {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ripple div {
  position: absolute;
  border: 4px solid #023894;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1.4s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
  animation-delay: -0.7s;
}
@keyframes lds-ripple {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 0;
  }
  4.9% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 0;
  }
  5% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
}

.index_searchbox {
    position: relative;
    top: 0;
    right: 0px;
}

.index_searchbox .sch_bar {
    display: flex;
    width: 100%;
    margin-top: 5px;
    background: #fff;
    border: 5px solid #023894;
    border-radius: 0px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.index_searchbox .sch_select {
	width:60px;
	height: 38px;
    border: 0;
    padding: 0 10px;
    background-color: transparent;
    font-size: 16px;
    color: #000; /* 글씨 색상 설정 */

}
.searchsortbox {
    position: relative;
    width: 100%;
	padding:10px 10px;
}
.searchsortbox .sort_select {
    position: absolute;
	width:90px;
    top: 5px;
    right: 10px;
	height: 30px;
    border: 1px solid #ccc;
    padding: 0 10px;
    background-color: transparent;
    font-size: 0.9em;
    color: #000; /* 글씨 색상 설정 */
}
.searchsortbox .small {
    font-size: 0.7em;
}


.index_searchbox .sch_input {
    width: calc(100% - 120px); /* Adjust width to account for select and button */
    height: 38px;
    border: 0;
    padding: 0 10px;
    background-color: transparent;
    flex: 1; /* Use flex to make it responsive */
}

.index_searchbox .sch_btn {
    height: 34px;
    color: #656565;
    background: none;
    border: 0;
    width: 40px;
    font-size: 20px;
}
/*
.index_searchbox .sch_bar {display:inline-block;width:100%;clear:both;margin-top:5px;background:#fff;border:5px solid #023894;border-radius:0px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);}
.index_searchbox .sch_input {width:calc(100% - 40px);height:38px;border:0;padding:0 10px;background-color:transparent;float:left}
.index_searchbox .sch_btn {height:34px;float:right;color:#656565;background:none;border:0;width:40px;font-size:20px}*/
.index_searchbox .bo_sch_cls {position:absolute;right:0;top:0;color:#b5b8bb;border:0;padding:12px 15px;font-size:16px;background:#fff}
.bo_sch_bg {background:#000;background:rgba(0,0,0,0.1);width:100%;height:100%}


.item-list .item {
  position:relative;
  padding: 12px 10px;
  margin-left: -10px;
  margin-right: -10px;
  border-radius: 5px; }
  .item-list .item:hover, .item-list .item:focus {
    background-color: rgba(120, 120, 120, 0.0); }
    .item-list .item:hover .item-info:after, .item-list .item:focus .item-info:after {
      display: none; }

.item-list .item .map_point{
position:absolute;
bottom:10px;
right:10px;
z-index:1000;
width:40px;
height:40px;
border-radius:50%;
border:1px solid #ccc;
background-color:#ccc;
text-align:center;
padding-top:8px;
}

.item-list .add_info{
margin-top:10px;
}

.item-list .visible-list {
  display: block !important; }

.item-list.item-list-lg .item-media {
  width: 90px;
  height: 90px; }

.item-list.item-list-lg .item-info {
  min-height: 90px; }

.item-list.item-list-md .item-media {
  width: 60px;
  height: 60px; }

.item-list.item-list-md .item-info {
  min-height: 60px; }

.item-list.item-list-sm .item-media {
  width: 40px;
  height: 40px; }

.item-list.item-list-sm .item-info {
  min-height: 40px; }

.item-list.item-list-xs .item-media {
  width: 0;
  height: 0;
  position: static; }
  .item-list.item-list-xs .item-media button {
    width: 30px;
    height: 30px; }

.item-list.item-list-xs .item-media-content {
  display: none; }

.item-list.item-list-xs .item-info {
  min-height: 20px; }

.item-list.item-list-xs .center {
  left: 30px;
  margin-top: -15px; }

.item-list.item-list-xs .item:hover:before,
.item-list.item-list-xs .item:focus:before,
.item-list.item-list-xs .item.active:before,
.item-list.item-list-xs .open .item:before {
  opacity: 0; }

.item-list.item-list-by > div {
  float: none;
  width: 100%; }

.item-list .item-media {
  width: 120px;
  height: 120px;
  padding-bottom: 0;
  float: left;
  margin-right: 16px;
  z-index: 1; }

.item-list .item-media2 {
  position: relative;
  border-radius:10px;
  width: 83px;
  height: 110px;
  padding-bottom: 0;
  float: left;
  margin-right: 16px;
  z-index: 1; }

.item-list .item-info {
  padding: 0;
  position: relative;
  min-height: 120px; }

.item-list .item-info2 {
  padding: 0;
  position: relative;
  min-height: 84px; }
  .item-list .item-info2 .bottom {
    position: relative;
    float: right;
    background: transparent;
    color: inherit; }
  .item-list .insidebox {

    border-bottom: 1px solid rgba(120, 120, 120, 0.1); }

  .item-list .item-info .bottom {
    position: relative;
    float: right;
    background: transparent;
    color: inherit; }
  .item-list .item-info:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -12px;
    border-bottom: 1px solid rgba(120, 120, 120, 0.1); }

.item-list .item-title {
  line-height: 1.4; }

.item-list .item-meta-right {
  position: absolute;
  right: 0;
  top: 2px; }

.item-list .item:hover .item-meta-right,
.item-list .item:focus .item-meta-right,
.item-list .open ~ .item-meta .item-meta-right {
  display: none; }

.item-list-li {
  counter-reset: li; }
  .item-list-li .item {
    padding-left: 50px; }
  .item-list-li .item-overlay {
    padding: 3px 8px; }
  .item-list-li .item:before {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -12px;
    content: counter(li);
    counter-increment: li;
    text-align: center;
    width: 50px;
    display: inline-block;
    opacity: 0.6;
    font-size: 16px;
    font-weight: bold; }

.item-media iframe,
.item-media2 iframe,
.item-media-content {
  position: absolute;
  top: 0;
  bottom: 0px;
  left: 0;
  right: 0;
  border: 0;
    width: 83px;
  height: 83px;
  border-radius: inherit;
  background-size: cover;
  background-repeat: none;
  background-position: 50% 50%;
  background-color: rgba(120, 120, 120, 0.2); }

.ititle{
 font-size:1.1rem;
 margin-bottom:5px;
}

.ititle:before {
  display: inline-flex;
  content: ' ';
  background-image: url('../images/location.svg?v=1');
  background-repeat: none;
  background-size: 25px 25px;
  background-position: 50% 50%;
  height: 25px;
  width: 25px;
}
.item-meta {
}
.item-meta .item-meta-name {
 font-size:1.1rem;
 color:#1b1b1b;
 font-weight:600;
}

.item-meta .item-meta-flag {
font-size:0.8rem;
font-weight:400;
color:#969696;
}

.item-meta .item-meta-address {
font-size:0.8rem;
 font-weight:400;
color:#969696;
line-height:1rem;
}

.item-meta .item-meta-phone {
font-size:0.8rem;
font-weight:400;
color:#969696;
}

.index_quick_button {
padding:10px 0 20px; 
overflow:auto;
}
.index_quick_button ul li{
padding:7px 10px;
width:25%;
line-height:2rem;
float:left;
text-align:center
}

.index_quick_button ul li a{
display:block;
color:#41484f;
}


.jscroll-loading {
  padding: 5px 10px; }

.jscroll-loading-center .jscroll-loading {
  text-align: center; }


.more_box {
width:100%;
padding:10px;
background-color:#fff;
border:1px solid #ccc;
color:#888 !important;
text-align:center;
display:block;
margin:10px 0 10px;
}

.w30px{
width:30px;
}

.w40px{
width:40px;
}

.w50px{
width:50px;
}

.w75px{
width:75px;
}

.w100px{
width:100px;
}

.gtext {
color:#969696;
}

.item .item_toggle{
position:absolute;
bottom:-10px;
right:0;
cursor:pointer;
width:50px;
text-align: right;
}

.item .item_toggle svg{
width:25px;
height:25px;
transition: transform 0.5s ease;
}

.item .item_toggle.rotate svg {
    transform: rotate(180deg);
}

.add_info {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.5s ease, opacity 0.5s ease;
}

.add_info.active {
    max-height: 500px; /* 충분히 큰 값으로 설정하세요. 실제 높이에 맞게 조정 가능 */
    opacity: 1;
}

.stpoint{position:absolute;top:50%;left:50%;z-index:1000;margin-top:-50px;margin-left:-38px;}
.map-wrapper{position:relative;}

.mapcontainer {
    position:fixed;
	bottom:0px;
	z-index:10;
	width: 100%;
    padding: 0px;
	background:#fff;
	/*border-top:2px solid #ed1c24*/;
}

.mypin {
position:absolute;
top:20px;
right:470px;
z-index:11;
background:#fff;
/*width:33px;
height:33px;*/
border-radius:33px;
padding:7px;
line-height:0rem;
}
.distance{
font-size:1.5rem;
font-weight:500;
}

.distanceoriprice{
font-size:1rem;
font-weight:400;
}

.discountbox{
font-size:0.7rem;
}

.distanceprice{
font-size:1.25rem;
font-weight:500;
}
.delibox {width:100%;text-align:center;margin:10px 0;display:none;position:relative;}
.delibox .btn_submit {width:100%;height:45px;padding:0 30px;font-weight:bold;font-size:1.083em}
.delibox .btn_cancel {width:49%;line-height:45px;height:45px;padding:0 30px;font-weight:bold;border-radius:0px;border:1px solid #dcdcdc;font-size:1.083em;background:#fff}
.mapcontainer .btn_list {width:49%;height:45px;padding:7px 30px;font-weight:bold;border-radius:0px;border:1px solid #dcdcdc;font-size:1.083em;background:#fff}
.mapcontainer .btn_ready {width:49%;height:45px;padding:7px 30px;font-weight:bold;border-radius:0px;border:1px solid #dcdcdc;font-size:1.083em;background:#ed1c24;color:#fff;}
.mapcontainer .btn_iconk {width:24%;height:45px;border-radius:0px;border:1px solid #dcdcdc;font-size:1.083em;background:#f7e111}
.mapcontainer .btn_iconc {width:24%;height:45px;border-radius:0px;border:1px solid #dcdcdc;font-size:1.083em;background:#2bc47a}
.mapcontainer .btn_iconk .kakaoicon {width:45px;height:45px;}
.mapcontainer .btn_iconc .kakaoicon {width:45px;height:45px;}
.locate_title {
	display: inline-block;
    padding: 0 0 7px;
    border: 0;
	font-size:0.9rem;
    text-decoration: none;
    vertical-align: top;
}

.mapcontainer .togglebtn {
position:absolute;
top:10px;
right:10px;
width:24px;
height:24px;
display:none;
z-index:11;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.rotated180 { 
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}


.wflip {
transform: scale(-1, 1);
-moz-transform: scale(-1, 1);
-webkit-transform: scale(-1, 1);
-o-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
}

.deli_list_distance{
font-size:0.9rem;
}

.list_button {
position:fixed;
<?php if(G5_IS_APP){ ?>
bottom:30px;
<?php } else { ?>
bottom:90px;
<?php } ?>

width:80%;
text-align:center;
background-color:#fff;
border-radius:30px;
padding:10px;
left:50%;
margin-left:-40%;
font-size:1rem;
z-index:11;
	-webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.15);
	-moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.15);
	box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.15);

}
    .wrap {position: absolute;left: -3px;bottom: 38px;width: 288px;height: 172px;margin-left: -144px;text-align: left;overflow: hidden;font-size: 12px;line-height: 1.5;}
    .wrap * {padding: 0;margin: 0;}
    .wrap .info {width: 286px;height: 160px;border-radius: 5px;border-bottom: 2px solid #ccc;border-right: 1px solid #ccc;overflow: hidden;background: #fff;}
    .wrap .info:nth-child(1) {border: 0;box-shadow: 0px 1px 2px #888;}
    .info .title {padding: 6px 0 5px 10px;background: #fff;border-bottom: 1px solid #ddd;font-size: 1rem;font-weight: 400;line-height:1.5rem;}
    .info .close {position: absolute;top: 9px;right: 10px;color: #888;width: 17px;height: 17px;background: url('http://t1.daumcdn.net/localimg/localimages/07/mapapidoc/overlay_close.png');}
    .info .close:hover {cursor: pointer;}
    .info .body {position: relative;overflow: hidden;}
    .info .descs {position: relative;margin: 7px 0 0 90px;height: 75px;padding-right:5px;line-height:1rem;white-space:normal}
    .descs .ellipsis {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .descs .jibun {font-size: 11px;color: #888;margin-top: 2px;}
    .info .img {position: absolute;top: 7px;left: 7px;width: 73px;height: 71px;border: 1px solid #ddd;color: #888;overflow: hidden;}
    .info:after {content: '';position: absolute;margin-left: -12px;left: 50%;bottom: 0;width: 22px;height: 12px;background: url('http://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png')}
    .info .link {color: #5085BB;}


.popup_list {
width:100%;
height:100%;
background-color:#fff;
z-index:11;
position:relative;
overflow-x:hidden;
overflow-y:auto;
}


.addr_title {
	font-size:1.5rem;
}

.searchbox{
width:100%;
position:relative;
background:#fff;
z-index:12;
padding:0px 10px;
}
.searchinbox {
padding:10px 20px;
}

.clear {
clear:both;
}

.jscroll-loading {
  padding: 5px 10px; }

.jscroll-loading-center .jscroll-loading {
  text-align: center; }


.more_box {
width:100%;
padding:10px;
background-color:#fff;
border:1px solid #ccc;
color:#888 !important;
text-align:center;
display:block;
margin:10px 0 10px;
}
	.page-bg { 
	width: 100%;
    display: flex;
    align-content: center;
    align-items: center;
    background: url('../img/mobile_bg7.jpg?v=1');
    background-size: cover;
    background-position: center bottom;
	}

	.page-content {
	/*background:url('../img/mobile_bg3.jpg') no-repeat center bottom;*/
	background-size:cover;
    /*padding: 0px 15px 150px;*/
    padding: 0px 15px 0px;
    position: relative;
    z-index: 10;
	text-align:center;
	}
	.page-content .titlebox{
	padding-bottom:10px;
	}
	.page-content .titlebox h2{
	color:#fff;
	font-size:2em;
	line-height:1em;
	font-weight:400;
	}
	.page-content .titlebox h5{
	color:#fff;
	font-size:1.2em;
	line-height:2em;
	font-weight:400;
	}
	.page-content .itemfullbox {
    float: left;
    width: 100%;
    height: 70px;
    vertical-align: middle;
	padding:5px;
    font-size: 1.2em;
	}

	.page-content .itembox {
    float: left;
    width: 33.333333%;
    height: 110px;
    vertical-align: middle;
	padding:5px;
    font-size: 2em;
	font-weight:600;
	}
	.page-content .item {
	position:relative;
	width:100%;
	height:100%;
    color: #fff;
    align-items: baseline;
    cursor: pointer;
    display: flex;
    border-radius: 10px;
    align-content: center;
    flex-wrap: wrap;
    justify-content: center;
	background: rgba(255, 255, 255, 0.2);
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
border: 1px solid rgba(255, 255, 255, 0.1);
}

	.page-content .items {
	width:100%;
	height:100%;
    background: rgba(0,30,80,0.8);
    color: #fff;
    align-items: baseline;
    cursor: pointer;

    display: flex;
    border-radius: 10px;
	border:1px solid rgba(255,255,255,0.2);;
    align-content: center;
    flex-wrap: wrap;
    justify-content: center;
}
	.page-content .item .flag{
	font-size:0.5em;
	font-weight:300;
}
	.page-content .item .myear{
	color:rgba(255,255,255,0.1);
	font-size:0.5em;
	font-weight:700;
	position:absolute;
	top:0px;
	left:5px;
	letter-spacing:-1px;
}


.cntbox {
font-size: 0.5em;
    color: #fff;
    background: #e60000;
    border-radius: 50%;
    position: absolute;
    top: 19px;
    right: 14px;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.add_button{
margin-top:5px;
}

.add_button .accept{
width:33%;
float:left;
border:1px solid #94db95;
color:#fff;
background:#94db95;
text-align:center;
padding:2px 10px;
cursor:pointer;
}

.add_button .modify a {
width:100%;
display:block;
border:1px solid #ccc;
color:#333;
background:#fff;
text-align:center;
padding:2px 10px;
cursor:pointer;
font-size:1em;
}

.add_button .delete{
width:33%;
float:left;
border:1px solid #ff7b7b;
color:#fff;
background:#ff7b7b;
text-align:center;
padding:2px 10px;
cursor:pointer;
}

.buttonbox{
padding:0 20px 20px;
}

.buttonbox .addbtn a {
width:100%;
display:block;
border:1px solid #ccc;
border-radius:10px;
color:#333;
background:#fff;
text-align:center;
padding:10px 10px;
cursor:pointer;
font-size:1em;;
}

#fregisterform .btn_del .btn_delete {
    line-height: 45px;
    height: 45px;
    padding: 5px 30px;
    border-radius: 3px;
    border: 1px solid #ccc;
    font-size: 0.9em;
    background: #fff;
	color:#ccc;
}

/* 게시판 버튼 */
/* 목록 버튼 */
#bo_list a.btn_b01 {}
#bo_list a.btn_b01:focus, #bo_list .btn_b01:hover {}
#bo_list a.btn_b02 {}
#bo_list a.btn_b02:focus, #bo_list .btn_b02:hover {}
#bo_list a.btn_admin {} /* 관리자 전용 버튼 */
#bo_list a.btn_admin:focus, #bo_list a.btn_admin:hover {}

/* 읽기 버튼 */
#bo_v a.btn_b01 {}
#bo_v a.btn_b01:focus, #bo_v .btn_b01:hover {}
#bo_v a.btn_b02 {}
#bo_v a.btn_b02:focus, #bo_v .btn_b02:hover {}
#bo_v a.btn_admin {} /* 관리자 전용 버튼 */
#bo_v a.btn_admin:focus, #bo_v a.btn_admin:hover {}

/* 쓰기 버튼 */
#bo_w .btn_confirm {} /* 서식단계 진행 */
#bo_w .btn_submit {}
#bo_w .btn_cancel {}
#bo_w .btn_frmline {} /* 우편번호검색버튼 등 */

/* 읽기 내 테이블 */
#bo_v .tbl_head01 {}
#bo_v .tbl_head01 caption {}
#bo_v .tbl_head01 thead th {}
#bo_v .tbl_head01 thead a {}
#bo_v .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
#bo_v .tbl_head01 tfoot th {}
#bo_v .tbl_head01 tfoot td {}
#bo_v .tbl_head01 tbody th {}
#bo_v .tbl_head01 td {}
#bo_v .tbl_head01 a {}
#bo_v td.empty_table {}

/* 쓰기 테이블 */
#bo_w table {}
#bo_w caption {}
#bo_w .frm_address {}
#bo_w .frm_file {}
#bo_w .frm_info {}

#bo_w .tbl_frm01 {}
#bo_w .tbl_frm01 caption {}
#bo_w .tbl_frm01 th {}
#bo_w .tbl_frm01 td {}
#bo_w .tbl_frm01 textarea, #bo_w .frm_input {}
#bo_w .tbl_frm01 textarea {}
#bo_w .tbl_frm01 a {}

#bo_w .required, #bo_w textarea.required {}

/* ### 기본 스타일 커스터마이징 끝 ### */

/* 게시판 목록 */
#bo_list {}
#bo_list li {background:#fff}

#bo_list .li_stat {float:right;display:inline-block;height:25px;padding:0 10px;border-radius:15px;margin-top:3px}
#bo_list .txt_rdy {background:#ccd1d9;color:#fff;line-height:23px;border-radius:3px}
#bo_list .txt_done {background:#f6bb42;color:#fff;line-height:25px;border-radius:3px}

#bo_list .li_info {line-height:28px;color:#666;position:relative} 
#bo_list .li_info:after {display:block;visibility:hidden;clear:both;content:""}
#bo_list .profile_img img {border-radius:50%}
#bo_list .li_sbj {display:block;font-weight:bold;margin:5px 0;font-size:1.083em}

#bo_cate h2 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {background:#fff;padding-left:1px;border-bottom:1px solid #d9dce3;zoom:1}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""} 
#bo_cate li {display:inline-block;float:left}
#bo_cate a {display:block;line-height:24px;padding:15px}
#bo_cate #bo_cate_on {display:inline-block;position:relative;color:#3a8afd}
#bo_cate #bo_cate_on:after {content:"";position:absolute;left:0;bottom:0;width:100%;height:4px;display:inline-block;background:#3a8afd}

/* 게시판 목록 공통 */
.bo_fx {margin-bottom:5px;padding:0 10px}
.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx ul {margin:0;padding:0;list-style:none}
#bo_list_total {margin:10px;text-align:center;padding:10px;text-align:center;background:#e3e7ec;color:#8b8b8b;border-radius:3px}

.btn_bo_user > li {float:left;text-align:center;margin-left:5px}
.btn_bo_adm button {border:0;padding:0 10px;background:#d13f4a;color:#fff;text-decoration:none;vertical-align:middle}
.btn_more_opt {width:30px}
.more_opt {display:none;position:absolute;top:50px;right:7px;width:90px;background:#fff;border:1px solid #b8bfc4;z-index:999}
.more_opt:before {content:"";position:absolute;top:-8px;right:6px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #b8bfc4 transparent}
.more_opt:after {content:"";position:absolute;top:-6px;right:6px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
.more_opt li {display:block;border-bottom:1px solid #f1f1f1;padding:10px;margin:0;color:#6b757c;text-align:left}
.more_opt li:last-child {border-bottom:0}
.more_opt li button, .more_opt li a {width:100%;border:0;background:#fff;color:#6b757c}
.more_opt li:hover a,
.more_opt li:hover button {color:#000}
.more_opt li i {line-height:20px}

.bo_cate_link {display:inline-block;background:#e2eaf6;padding:0 5px;line-height:20px;border-radius:5px;font-weight:bold;font-size:11px;color:#3ca1ff !important;text-decoration:none;/*font-size:0.92em*/} /* 글제목줄 분류스타일 */
.bo_cnt {display:block;width:100%;font-size:1.083em;font-weight:bold;line-height:1.4em}
.bo_cnt i {color: #8d96c2;font-size:12px}
.bo_cnt .fa-heart {color:#ff0000}
.bo_cnt .fa-download {display:inline-block;width:16px;height:16px;line-height:18px;font-size:0.833em;color:#daae37;background:#ffefb9;text-align:center;border-radius:2px;vertical-align:middle}
.bo_chk {display:inline-block;float:left;margin-right:5px}

.selec_chk {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
.chk_op {margin:10px 0}
.chk_op label {vertical-align:baseline}
.chk_box {position:relative}
.chk_box input[type="checkbox"] + label {padding-left:20px;color:#676e70}
.chk_box input[type="checkbox"] + label:hover {color:#2172f8}
.chk_box input[type="checkbox"] + label span {position:absolute;top:0;left:0;width:15px;height:15px;display:block;background:#fff;border:1px solid #d0d4df;border-radius:3px}
.chk_box input[type="checkbox"]:checked + label {color:#000}
.chk_box input[type="checkbox"]:checked + label span {background:url(./img/chk.png) no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px}
.chk_box input[type="radio"] {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
.chk_box input[type="radio"] + label {position:relative;padding-left:23px;display:inline-block;color:#676e70}
.chk_box input[type="radio"] + label span {position:absolute;top:0;left:0;width:15px;height:15px;display:block;background:#f7f8f9;border:1px solid #cdd6df;border-radius:50%}
.chk_box input[type="radio"]:checked + label {color:#ff8080}
.chk_box input[type="radio"]:checked + label span {border-color:#ea6060}
.chk_box input[type="radio"]:checked + label span:before {width:9px;height:9px;background:#ff8080;content:'';position:absolute;top:3px;left:3px;border-radius:50%}
.all_chk.chk_box input[type="checkbox"] + label span {top:18px;left:15px}

.bo_cmt {background:#e9eff5;color:#3a8afd;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle}

.bo_subject {display:block;width:100%;padding:5px 0}
.bo_current {color:#e8180c}
.bo_info:after {display:block;visibility:hidden;clear:both;content:""}
.bo_info {position:relative;padding-top:5px;line-height:20px;color:#646464;vertical-align:top}
.bo_info i {margin-left:5px}
.bo_info .comment_icon {background:url(./img/icon_comment.png) no-repeat 50% 50%;display:inline-block;width:20px;height:28px;text-indent:-999px;overflow:hidden;vertical-align:top;background-size:70%;margin:0 0px 0 5px}
.bo_info .bo_date {}
.bo_info .cnt_cmt {display:inline-block;margin: 0 5px 0 3px}
.bo_info .profile_img img {border-radius:50%;vertical-align:top}

#bo_sch {background:#fff;border:1px solid #d0d3db;position:relative;margin:10px}
#bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
#bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#bo_sch select {border:0;height:38px;border-right:1px solid #f8f8f8;float:left;width:30%}
#bo_sch .sch_input {height:38px;border:0;padding:0;background-color:transparent;float:left;width:70%;padding:0 40px 0 10px}
#bo_sch .sch_btn {height:38px;position:absolute;top:0;right:0;border:0;width:40px;background:none;font-size:15px}


/* 게시판 쓰기 */
#bo_w {padding:15px}
#bo_w .bo_v_option li {display:inline-block;float:left;margin:0 5px 0 0}
#bo_w .bo_v_option li label {vertical-align:baseline}
#bo_w .bo_v_option:after {display:block;visibility:hidden;clear:both;content:""}
#bo_w .bo_w_select select {border:1px solid #d0d3db;background:#fff;width:100%}
#bo_w .bo_w_link label {position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;width:45px;height:43px;line-height:43px;font-size:1.2em;text-align:center;color:#b2b2b2}
#bo_w .bo_w_link .frm_input {padding-left:50px}
#bo_w .bo_w_flie .lb_icon, .form_01 .bo_w_flie .lb_icon {position:absolute;top:0px;left:0px;border-radius:3px 0 0 3px;width:45px;height:43px;line-height:43px;font-size:1.2em;text-align:center;color:#b2b2b2}
#bo_w .bo_w_flie .frm_file, .form_01 .bo_w_flie .frm_file {padding-left:50px}
#bo_w .bo_w_flie .file_wr, .form_01 .bo_w_flie .file_wr {position:relative;color:#000;vertical-align:middle;margin:0}
#bo_w .bo_w_flie .frm_input {margin:5px 0 0}

.filebox .btn_file {display:inline-block;position:absolute;right:8px;top:8px;border:1px solid #3a8afd;border-radius:3px;width:60px;height:30px;color:#3a8afd;font-size:1em;line-height:30px;font-weight:bold;background:#fff;text-align:center;vertical-align:middle;cursor:pointer}
.filebox .fileName {display:inline-block;position:relative;width:100%;height:45px;padding-left:45px;line-height:30px;border:1px solid #d0d3db;background-color:#fff;color:red;vertical-align:middle;border-radius:0}
.filebox input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

#bo_w .btn_confirm {text-align:center;margin:20px 0}
#bo_w .btn_submit {width:49%;height:45px;padding:0 30px;font-weight:bold;font-size:1.083em}
#bo_w .btn_cancel {width:49%;line-height:45px;height:45px;padding:0 30px;font-weight:bold;font-size:1.083em;background:#fff;border-radius:3px;border:1px solid #dcdcdc}

/* 게시판 읽기 */
#bo_v {padding:20px 0 0;background:#fff}
#bo_v>header {padding:0 15px}

#bo_v_title {}
.bo_v_cate {display:inline-block;background:#e2eaf6;color:#3a8afd;border-radius:13px;line-height:20px;border-radius:5px;padding:0 5px;font-weight:bold}
.bo_v_tit {display:block;font-size:1.5em;margin:10px 0 0}

#bo_v_info {position:relative;margin-top:10px;color:#767e86}
#bo_v_info h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#bo_v_info strong {display:inline-block;font-weight:normal}
#bo_v_info i {margin-left:5px}
#bo_v_info .profile_img img {border-radius:50%}

#bo_v_file {}
#bo_v_file h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#bo_v_file ul {margin:0;padding:0;list-style:none}
#bo_v_file li {padding:0 10px;border-bottom:1px solid #eee;background:#f7f7f7}
#bo_v_file a {display:inline-block;padding:5px 0;color:#000;text-decoration:none}
#bo_v_file a:focus, #bo_v_file a:hover, #bo_v_file a:active {text-decoration:none}
.bo_v_file_cnt {display:inline-block;margin:0 10px}

#bo_v_link {}
#bo_v_link h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#bo_v_link ul {margin:0;padding:0;list-style:none}
#bo_v_link li {padding:0 10px;border-bottom:1px solid #eee;background:#f7f7f7}
#bo_v_link a {display:inline-block;padding:5px 0;color:#000;text-decoration:none}
#bo_v_link a:focus, #bo_v_link a:hover, #bo_v_link a:active {text-decoration:none}
.bo_v_link_cnt {display:inline-block;margin:0 10px}

#bo_v_contact {border-bottom:1px solid #eee}
#bo_v_contact h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#bo_v_contact dl {margin:0;padding:10px 0;color:#666;list-style:none}
#bo_v_contact dl:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_contact dt, #bo_v_contact dd {float:left;margin:0}
#bo_v_contact dt {clear:both;margin-right:5px;text-align:center;font-weight:bold}
#bo_v_contact dd {width:80%}

#bo_v_top {margin:0 0 10px;padding:10px}
#bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_top h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#bo_v_top ul {margin:0;padding:0;list-style:none}

#bo_v_bot {padding:0 10px}
#bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_bot h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#bo_v_bot ul {margin:0;padding:0;list-style:none}

.bo_v_nb {position:relative;margin:10px 0 0;border-top:1px solid #e4e4ec;border-bottom:1px solid #e4e4ec;text-align:left}
.bo_v_nb:after {display:block;visibility:hidden;clear:both;content:""}
.bo_v_nb li {}
.bo_v_nb li a {display:block;padding:15px;color:#777}
.bo_v_nb li a i {color:#c5cfdd}
.bo_v_nb li.bo_v_prev {border-bottom:1px solid #f8f8f8}
.bo_v_nb li.bo_v_next {}

#bo_v_atc {min-height:200px;padding:15px}
#bo_v_atc_title {margin:0;padding:0;height:0;overflow:hidden}

#bo_v_img {margin:0 0 10px;width:100%;overflow:hidden;zoom:1}
#bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_img img {margin-bottom:15px;max-width:100%;height:auto}

#bo_v_con {margin-bottom:20px;width:100%;line-height:1.7em;word-break:break-all;overflow:hidden}
#bo_v_con a {color:#000;text-decoration:underline}
#bo_v_con img {max-width:100%;height:auto}

#bo_v_act {margin-bottom:20px;text-align:center}
#bo_v_act a {margin-right:5px;vertical-align:top}
#bo_v_act span {display:inline-block;margin-right:5px;padding:0 10px;border:1px solid #eee !important;background:#fafafa !important;color:#000 !important;text-decoration:none !important;line-height:2em;vertical-align:top}
#bo_v_act strong {color:#ff3061}
#bo_v_act_good, #bo_v_act_nogood {display:inline-block;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}

#bo_v_sns {margin:0 0 20px;padding:0;list-style:none;zoom:1}
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_sns li {float:left;margin:0 5px 0 0}

#bo_v_addq {margin:0 0 30px;text-align:right}

#bo_v_ans {margin-top:10px;background:#fff;position:relative}
#bo_v_ans h2 {font-size:1.2em;padding:15px 15px 5px}
#bo_v_ans h2 span {display:inline-block}
#bo_v_ans h2 .tit_rpl {font-size:11px;padding:0 5px;line-height:23px;border-radius:25px;margin-right:5px;font-weight:normal;background:#fff;color:#3a8afd;border:1px solid #a9c6fe}
#bo_v_ans h2 .tit_cnt {font-size:1.125em}
#bo_v_ans #ans_datetime {padding:10px 0 15px;border-bottom:1px solid #eee;color:#767e86;font-size:0.825em;font-weight:normal}
#bo_v_ans #ans_con {padding:15px;line-height:1.8em;border-bottom:1px solid #e4e4ec}
#bo_v_ans #ans_con img {max-width:100%;height:auto}

#bo_v_ans #btn_ans_btn {position:absolute;right:5px;top:10px}
#bo_v_ans #ans_add {display:none;position:absolute;right:8px;top:53px;background:#fff;border:1px solid #b8bfc4;z-index:999}
#bo_v_ans #ans_add:before {content:"";position:absolute;top:-8px;right:6px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #b8bfc4 transparent}
#bo_v_ans #ans_add:after {content:"";position:absolute;top:-6px;right:6px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
#bo_v_ans #ans_add a {display:block;border-bottom: 1px solid #f1f1f1;padding:10px;color:#6b757c}
.add_qu {display:block;text-align:center;margin:15px;height:45px;line-height:45px;padding:0 10px;border:0;font-weight:bold;background:#3a8afd;color:#fff;border-radius:3px}

#bo_v_ans #ans_msg {padding:40px 0;background:#f2f5f9;text-align:center}
#bo_v_ans .btn_submit {width:100%;height:40px;border-radius:5px}
#bo_v_ans .btn_confirm {margin:0 10px}
#bo_v_ans form{padding:1em}

#bo_v_rel {}
#bo_v_rel h2 {margin:0 10px 10px;font-size:1.2em}
#bo_v_rel .li_stat {float:right;display:inline-block;height:25px;padding:0 10px;border-radius:15px;margin-top:3px}
#bo_v_rel .txt_rdy {border:1px solid #ff63ab;color:#ff63ab;line-height:23px}
#bo_v_rel .txt_done {background:#ff63ab;color:#fff;line-height:25px}

#bo_v_rel .li_title {display:block;font-weight:bold;margin:5px 0}
#bo_v_rel .li_title strong {color:#3ca1ff !important;font-weight:normal;text-decoration:none;font-size:0.92em}

/* 게시판 댓글 */
#bo_vc {margin:0 0 5px;padding:15px 15px 5px;border-top:1px solid #cfded8;border-bottom:1px solid #cfded8;background:#f7f7f7}
#bo_vc h2 {margin-bottom:5px}
#bo_vc article {padding:0 0 5px;border-top:1px dotted #ccc}
#bo_vc header {position:relative;padding:13px 0 5px}
#bo_vc header .icon_reply {position:absolute;top:13px;left:-20px}
#bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold}
.bo_vc_hdinfo {display:inline-block;margin:0 10px 0 5px}
#bo_vc h1 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#bo_vc a {color:#000;text-decoration:none}
#bo_vc p {padding:0 0 5px;line-height:1.8em}
#bo_vc p a {text-decoration:underline}
#bo_vc_empty {margin:0;padding:15px !important;border-bottom:1px dotted #ccc;text-align:center}
#bo_vc fieldset {margin:0 0 10px;padding:0}
#bo_vc #bo_vc_winfo {float:left}
#bo_vc footer {zoom:1}
#bo_vc footer:after {display:block;visibility:hidden;clear:both;content:""}

.bo_vc_act {float:right;margin:0;list-style:none}
.bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_act li {float:left;margin-left:5px}

#bo_vc_w {position:relative;margin-bottom:10px;padding:0 15px 15px;border-bottom:1px solid #cfded8}
#bo_vc_w h2 {padding:10px 0 5px}
#bo_vc_w #char_cnt {display:block;margin-bottom:5px}
#bo_vc_w textarea {width:99%}

#bo_vc_sns {margin:0;padding:0;list-style:none;zoom:1}
#bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc_sns li {float:left;margin:0 10px 0 0}
#bo_vc_sns input {margin:0 0 0 5px}

#bo_vc form {padding:0}

.separator {
  writing-mode: vertical-rl; /* Vertical text orientation */
  transform: rotate(180deg); /* Rotate to have the correct orientation */
  margin: 0 50px 0px;
  font-size:1.3em;
}

.btn_del .btn_delete {
    line-height: 45px;
    height: 45px;
    padding: 5px 30px;
    border-radius: 3px;
    border: 1px solid #ccc;
    font-size: 0.9em;
    background: #fff;
	color:#ccc;
}

.latest_schedule{
padding:15px;
position:relative;

}
.latest_schedule a.title{
	display: block;
    font-size: 1.2em;
	font-weight:600;
}
.latest_schedule {
    padding: 15px 15px;
    line-height: 24px;
    background: #fff;
	top: -90px;
    width: 95%;
   margin: 0 auto;
   margin-bottom:-90px;
    border-radius: 10px 10px 20px;
	background: rgba(255, 255, 255, 0.2);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.latest_schedule .lt_more
{
position: absolute;
    top: 12px;
    right: 15px;
    color: #999;
    border: 1px solid rgba(255,255,255,0.2);
    font-size: 0.85em;
    border-radius: 3px;
    padding: 1px 5px;
    z-index: 1;
}
.latest_item {
	position: relative;
    width: 100%;
	margin-top:10px;
    padding: 30px 20px 9px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 7px;
    box-sizing: border-box;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.1), 0 1px 10px rgba(0, 0, 0, 0.05);
    text-align: left;
    color: #fff;
	font-size:1.1em;
	font-weight:500;
	line-height: 1.7em;
}

.latest_schedule .titlebox {
margin-bottom:21px;
}

.latest_schedule .titlebox a {
color:#fff;
}

.latest_schedule a.content {
color:#fff;
font-size:1em;
}

.latest_item .date{
   position:absolute;
   top:0;
   left:0;
   padding:7px 20px;
   font-size:0.85em;
   line-height:1em;
   text-align:left;
   font-weight:600;
   background:#48d35ab5;
   color:#fff;
   border-radius: 7px 0 7px 0;
   width:100%;
}
.latest_box{
    width: 95%;
	margin: 0 auto;
	margin-top: 15px;
	margin-bottom: 15px;
    border-radius: 10px 10px 20px;
	background: rgba(255, 255, 255, 0.2);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.text-center{
text-align:center;
}

.mbskin_bg {width:100%;height:100%;display: flex;
    align-content: center;
    align-items: center;
	background:url('../img/mobile_bg6.jpg');
	background-size:cover;
	background-position:center bottom;
	}

.tran_frm_input {
    border-radius: 10px 10px 20px;
	background: rgba(255, 255, 255, 0.2);
    border-radius: 7px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.tran_frm_input::placeholder {
color:#fff;
}

.tailbar {
    position:fixed;
    bottom:0;
	left:0;
    width:100%;
    height:65px;
    border-top:0px solid #ccc;
    z-index:100;
}

/* Menu */
.app_menu {
 position:fixed;
 animation: none !important;
 bottom:0;
 width:100%;
 list-style-type: none;
 margin: 0;
 padding: 0;
 overflow: hidden;
 text-align:center;
 background-color: #fff;
 border-top:0px solid #a5a8ac;
  -webkit-box-shadow: 0px -4px 3px rgba(50, 50, 50, 0.1);
  -moz-box-shadow: 0px -4px 3px rgba(50, 50, 50, 0.1);
  box-shadow: 0px -4px 3px rgba(50, 50, 50, 0.1);
 z-index:9998;
}

.app_menu li {
 float: left;
 width:20%;
 text-align:center;
 position:relative;
}
.navibtn{
text-align:center;
 font-size:0.8rem;
 line-height:1.1rem;
}
.app_menu li div {
 display: block;
 color: #000;
 text-align: center;
 padding: 10px 5px 3px;
 font-size:0.75rem;
 line-height:1rem;
 text-decoration: none;
 height:60px;
 background-color: #fff;
}
.app_menu li i {text-align:center;color:#c8c8c8;line-height:1.2em;font-size:2em}
.app_menu li .navibtn .mysvg {fill:#c8c8c8;width:22px;height:22px;}
.app_menu li.active div i {color:#000;}
.app_menu li.active div{
/* background-color: #a5a8ac;
 color:#fff;*/
}
.app_menu li #badge {position:absolute;top:10%;right:16%;display:block;height:16px;line-height:16px;border-radius:8px;background:#ff4444;font-size:10px;color:#fff;padding:0 5px;}

.app_menu li.active .navibtn .mysvg {fill:#023894;}
.app_menu li.active .navibtn span {
 color:#023894;
 }

#tailball {
border-radius:50%;background:#023894 !important;border:4px solid #cee48d;z-index:9999;position:absolute;width:70px;height:70px;padding:7px 0px 5px;top:-10px;margin-left:-35px;left:50%;text-align:center;line-height:0.9rem;color:#fff;font-size:0.7rem;
}

.menuarea{
width:100%;
height:60px;
display:block;
}

.loading-box {
    width: 100%;
    height: 100%;
    background-color: #FFF;
    position: fixed;
    left: 0;
    top: 0;
    opacity: 1;
    z-index: 9999;
	display: flex;
    justify-content: center;
    align-items: center;
}

.loader {
  width: 50px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: 
    radial-gradient(farthest-side,#0194db 94%,#0000) top/8px 8px no-repeat,
    conic-gradient(#0000 30%,#0194db);
  -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0);
  animation: l13 1s infinite linear;
}
@keyframes l13{ 
  100%{transform: rotate(1turn)}
}

.owner {
width:25px;
height:18px;
vertical-align: baseline;
}