@charset "uft-8";

@font-face {font-family: 'Pretendard'; font-weight: 300; src: url('https://img.getju.co.kr/_skin/bona/img/etc/Pretendard-Light.woff') format('woff');}
@font-face {font-family: 'Pretendard'; font-weight: 400; src: url('https://img.getju.co.kr/_skin/bona/img/etc/Pretendard-Regular.woff') format('woff');}
@font-face {font-family: 'Pretendard'; font-weight: 500; src: url('https://img.getju.co.kr/_skin/bona/img/etc/Pretendard-Medium.woff') format('woff');}
@font-face {font-family: 'Pretendard'; font-weight: 600; src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff'); font-style: normal;}
@font-face {font-family: 'Pretendard'; font-weight: 700; src: url('https://img.getju.co.kr/_skin/bona/img/etc/Pretendard-Bold.woff') format('woff');}
@font-face {font-family: 'Pretendard'; font-weight: 800; src: url('https://img.getju.co.kr/_skin/bona/img/etc/Pretendard-ExtraBold.woff') format('woff');}

html {scroll-behavior: smooth;}
html, body {display: block; margin: 0;}
html pre {font-family: 'Pretendard', sans-serif; white-space: pre-line;}

* {margin: 0; padding: 0;box-sizing:border-box;}

body {margin: 0; padding: 0; list-style: none; font-size:1.0rem; background-color:#fff; color:#000; overflow-x: hidden; box-sizing:border-box;max-width: 100%;}
ul,li{list-style:none;}
a {color: inherit;text-decoration: none;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none;  margin: 0;}



/* scrollbar

body::-webkit-scrollbar {width: 5px;}
body::-webkit-scrollbar-thumb {height: 30%; background: #3074F1; border-radius: 10px;}
body::-webkit-scrollbar-track {background: #000;} */


/*아이디 비번 찾기 페이지 */
.section_body2 {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    background-color: #f5f5f5;
}

/* 탭 스타일 */
.find-main-tap {
    display: flex;
    margin-bottom: 20px;
    justify-content: center;
}

.find-main-tap button {
    font-size: 1.2rem;
    cursor: pointer;
    width: 100%; /* 박스와 같은 너비 */
    height: 60px; /* 입력 박스와 동일한 높이 */
    background-color: transparent;
    border: none;
    border-bottom: 2px solid #F9F9F9;
    transition: border-color 0.3s;
 }

/*.find-main-tap button {*/
/*    border-bottom: 4px solid #007bff;*/
/*}*/
.find-main-tap button2 {
    border-bottom: none;
}

.button-container_charging{
    padding-top: 16px;
}
.find-box-charging .label-text {
    display: inline-block;
    width: 64px; /* 원하는 너비로 설정 */
    font-weight: bold;
    text-align: left/* 고정된 이름 스타일 지정 */
}

/*!* hover 효과 *!*/
/*.find-main-tap button:hover {*/
/*    border-bottom: 4px solid #007bff;*/
/*}*/

/* hover 효과 */
.find-main-tap .find-id {
    border-bottom: 4px solid #007bff;}


/* 입력 박스 스타일 */
.find-write {
    padding: 20px;
    background-color: #ffffff;
    border-radius: 0 4px 4px 4px;
}

.find-id-box, .find-number-box {
    margin-bottom: 20px;
}

.find-id-box label, .find-number-box label {
    display: block;
    font-weight: bold;
    margin-bottom: 8px;
}

.find-box input {
    width: 100%;
    padding: 16px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 16px;
    outline: none;
    transition: border-color 0.3s;
}
.find-box-charging { padding-bottom: 16px; display:flex; align-items: center;}


.label-text {margin-right: 10px; font-weight: bold;}


.find-box input:focus {
    border-color: #007bff;
}
.button-container {
    display: flex;
    gap: 1rem; /* 버튼 사이의 간격 */
}
input[data-testid="input-box"] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
}


.find_search_button {
    text-align: center;
    margin-top: 40px;
}

.find_search {
    background-color: #007bff;
    color: #ffffff;
    padding: 10px 20px;
    font-size: 16px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.find_search:disabled {
    font-size: 1.2rem;
    cursor: pointer;
    width: 100%;
    padding: 20;
}

/*.find_search:hover:enabled {background-color: linear-gradient(92deg, #3074F1 6%, #0049CF 100%);}*/

/*회원가입*/
.terms_box {
    overflow: auto;
    box-sizing: border-box;
    max-height: 200px;
    padding: 15px;
    border-radius: 6px;
    border: 1px solid #d6d6d6;
}

.article-main {margin: 40 0 10 0}
.checkbox-container {display: flex; align-items: baseline;}
.article-main {margin-left: 8px; /* 텍스트와 체크박스 사이의 간격 */}
.input-box {width:100%; padding: 16px; border: 1px solid #d6d6d6; border-radius: 4px; outline:none;}
/*.input-box:nth-of-type(1) {width:32%; padding: 16px; border: 1px solid #d6d6d6; border-radius: 4px;}*/
/*.input-box:nth-of-type(2) {width:24%; padding: 16px; border: 1px solid #d6d6d6; border-radius: 4px;}*/
/*.input-box:nth-of-type(3) {width:41%; padding: 16px; border: 1px solid #d6d6d6; border-radius: 4px;}*/
#wrap {width: 100%; height: auto;}


.layout_header {position: fixed; top: 0; width: 100%; height: auto; z-index: 99; background-color: #fff; display: flex; align-items: center; justify-content: flex-end; border-bottom:2px solid #F9F9F9; padding-top:20px;}
.header_body {width:100%; max-width:1200px; margin: 0 auto; position: relative; display: flex; justify-content: space-between;  align-items: center;  padding:0 1%;}
.layout_etaxbill_logo img {width:110px;}

.layout_header_right{display:flex; justify-content: flex-end;}
.layout_header_right > a {padding: 10px 20px; color:#000; font-size:1.15rem; font-weight: 500; border-bottom:3px solid #fff;}
.layout_header_right > a:hover{color:#3074F1; font-weight: 600; border-bottom:3px solid #3074F1;}
.layout_header_menu-mobile{display:none;}

.main_top_body {width:100%; max-width:1200px; margin: 0 auto; position: relative; padding:80px 2% 0 2%;; display: flex; gap: 5.0rem; min-height:450px;}
.section_body {width:100%; max-width:1200px; margin: 0 auto; position: relative; padding:0 1%;}
.section_body .table_number {text-align:center; display: flex; justify-content: center; padding:5% 0;}
.section_body .table_number a {padding:0.5rem 0.8rem; border:1px solid #DEE2E6;  color:#3074F1; display: flex; align-items: center;}
.section_body .table_number a.checked {padding:0.5rem 0.8rem; border:1px solid #DEE2E6;  background-color:#3074F1; color:#fff;}
.section_body .table_number a:first-child {border-radius:0.3rem 0 0 0.3rem;}
.section_body .table_number a:last-child {border-radius:0 0.3rem 0.3rem 0; }

.section_body_full {width:100%; position: relative; padding:0;}
.section_body_full .table_number {text-align:center; display: flex; justify-content: center; padding:5% 0;}
.section_body_full .table_number a {padding:0.5rem 0.8rem; border:1px solid #DEE2E6;  color:#3074F1; display: flex; align-items: center;}
.section_body_full .table_number a.checked {padding:0.5rem 0.8rem; border:1px solid #DEE2E6;  background-color:#3074F1; color:#fff;}
.section_body_full .table_number a:first-child {border-radius:0.3rem 0 0 0.3rem;}
.section_body_full .table_number a:last-child {border-radius:0 0.3rem 0.3rem 0; }


.section_banner_body {width:100%; max-width:1200px; margin: 0 auto; position: relative; padding:50px 2%;}
.section_banner_body2 {width:100%; max-width:680px; margin: 0 auto; position: relative; padding:30px 2%;}
.section_banner_body h3 {color:#3074F1; font-size:1.8rem;}

.section_popup {width:100%; position: relative; padding:2%;}
.section_popup .search_popup {display:flex; flex-direction: row;  align-items: center;}
.section_popup .table_number {text-align:center; display: flex; justify-content: center; padding:5% 0;}
.section_popup .table_number a {padding:0.5rem 0.8rem; border:1px solid #DEE2E6;  color:#3074F1; display: flex; align-items: center;}
.section_popup .table_number a.checked {padding:0.5rem 0.8rem; border:1px solid #DEE2E6;  background-color:#3074F1; color:#fff;}
.section_popup .table_number a:first-child {border-radius:0.3rem 0 0 0.3rem;}
.section_popup .table_number a:last-child {border-radius:0 0.3rem 0.3rem 0; }

/* 탭메뉴 */
.main_container{width:100%;	margin: 0 auto;}
.main_container ul.tabs {margin: 0px; padding-bottom: 1.5rem;	list-style: none; max-width:1200px; margin:0 auto; display: flex; gap:0.5rem; /* justify-content: flex-end; */}
.main_container ul.tabs li {background: #F0F3FA; color: #111; display: inline-block; padding: 10px 15px;cursor: pointer; border-radius: 3.0rem;}
.main_container ul.tabs li.current {background: #3074F1;color: #fff;}
.main_container .tab-content {display: none; padding: 15px;}
.main_container .tab-content.current {display: inherit;}

.find-main {width:100%;	margin: 0 auto;}
.find-main ul.tabs {display: flex; margin-bottom: 20px; justify-content: center;}
.find-main ul.tabs li {font-size: 1.25rem; cursor: pointer; width: 100%; height: 60px; background-color: transparent; border: none; border-bottom: 2px solid #F9F9F9; transition: border-color 0.3s; display: flex;  justify-content: center;  align-items: center;}
.find-main ul.tabs li.current {border-bottom: 4px solid #007bff;}
.find-main .tab-content {display: none; }
.find-main .tab-content.current {display: inherit;}


/* 모달 팝업 */
body.modal-open {overflow: hidden;}
.modalOverlay {position: fixed;top: 0;left: 0;background: rgba(0, 0, 0, 0.5);z-index: 999;height: 100%;width: 100%; display: none;}
.modalOverlay2 {position: fixed;top: 0;left: 0;background: rgba(0, 0, 0, 0.5);z-index: 999;height: 100%;width: 100%;}
.modalPopup {position: absolute;top: 40%; left: 50%;transform: translate(-50%, -50%);background: #fff;width: 80%;max-width:550px;padding:60px 40px;border-radius:10px;-webkit-box-shadow: 0 2px 10px 3px rgba(0,0,0,.2);-moz-box-shadow: 0 2px 10px 3px rgba(0,0,0,.2);box-shadow: 0 2px 10px 3px rgba(0,0,0,.2);}
.modalContent {padding: 0 1.0em; line-height:180%; text-align: center; word-break: break-all;}
.modalContent h2 {padding-bottom:30px;}
.modalContent p {width:40%; margin: 0 auto; padding-top:30px; margin-block-start: 0; margin-block-end: 0; }
.modalContent img {height:1.8rem; vertical-align: bottom;}
.modalContent .button_area {display: flex; justify-content: center; gap:0.5rem; padding-top:1.0rem;}
.buttonStyle {position: absolute; top:20px; right:20px; background: none; border: none; cursor: pointer;}
.buttonStyle:after {display: inline-block;content: "\00d7"; font-size: 1.5rem;}

.section_main {width:100%; background: linear-gradient(105deg, #E1EEFF 10.39%, #D8E8FF 44.38%, #9BC4FF 86.84%); margin-top:52px;}
.login_body {width:38%; margin-bottom:80px;}
.login_box {background-color: #fff; border-radius: 0.5rem 0.5rem 0 0; padding:1.5rem;}
.login_body .login_border {border-radius: 0.5rem !important;}
.login_box .id_input {display: flex; flex-direction: column;}
.login_box .id_input input {width:100%; border:0; background-color: #fff; padding:0.8rem 2.0rem 0.8rem 1.0rem; border-radius: 0.3rem; outline: none;}
.login_box .id_input .main_id {border-radius: 0.3rem 0.3rem 0 0; border:1px solid #DDD;}
.login_box .id_input .main_pw {border-radius: 0 0 0.3rem 0.3rem; border:1px solid #DDD; border-top:0;}
.login_box_btn {background-color: #fff; border-radius: 0 0 0.5rem 0.5rem; display: flex; border-top: 1px solid #F0F3FA;}
.login_box_btn li {width:50%; text-align: center; padding:1.5rem 0.5rem; }
.login_box_btn li.idbtn {border-right: 1px solid #F0F3FA;}
.main_bg {width:62%;}
.main_bg li.title1 {font-size:2.0rem; font-weight: 600;}
.main_bg li.title2 {font-size: 2.5rem; font-weight: bold; background: linear-gradient(91deg, #3074F1 3.06%, #1557D1 31.23%, #165AD6 31.23%); color: transparent; -webkit-background-clip: text;}
.main_bg li.mainimage {text-align:right;}
.main_bg {background:url('/images/main_img.png') no-repeat right bottom; background-size: 600px;}

.sub_title {width:100%; font-size:1.8rem; font-weight:700; color:#3074F1; padding:1rem 0;}
.sub_title span {font-size:1.4rem; color:#000; font-weight: 500; margin-left: 0.8rem;}
.sub_title button {float:right;}

.notice_main {width:100%; background-color:#3074F1; margin-top:50px;}
.notice_body {width:100%; max-width:1200px; margin:0 auto; display: flex; align-items: center; padding:5% 1%;    justify-content: space-between;}
.notice_body .notice_body_left {display:flex; flex-direction: column; gap:1.0rem; width:100%; max-width:600px;}
.notice_body .notice_body_right img {width:100%; max-width:250px;}
.notice_body .notice_title {font-size:2.5rem; font-weight:bold; color:#fff;}
.notice_body form {display: flex; justify-content: space-between; width: 100%;}
.notice_input {overflow: hidden;position: relative; width: 100%; border-radius: 6px; background: #fff; border-bottom: 1px solid #fff; color: #fff; text-align: left; }
.notice_input .search_input {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:100%; padding-right:2.857rem; border:0; background:transparent; font-size:1.0rem; color:#000; height: 3.0rem; padding: 0.286rem 1.071rem; outline: none;}
.notice_input .boxbtn {position: absolute; top: 0.5rem; right: 0.786rem; width: 2.0rem; height: 2.0rem;}
.notice_input .notice_search_btn {display:flex;}
.notice_input .notice_search_btn img {cursor: pointer;}

.notice_number {padding:80 0 0 0; border-bottom:2px solid #dadada; margin-bottom:1.0rem;}
.notice_write {display:flex; gap:0.8rem;flex-direction: column;}
.notice_write input {width:100%; background-color: #F9F9F9; border:1px solid #E3E3E3; padding:0.8rem; border-radius:0.3rem; outline: none;}
.notice_write input[type=file]::file-selector-button {background-color: #F0F3FA; color:#3074F1; padding:0.5rem 1.0rem; border-radius: 0.5rem; border:0;}
.notice_write input[type=file] {background-color: #fff; cursor: pointer;  padding:0.5rem;}
.notice_write input::placeholder {color:#888; font-family: auto; font-weight:400;}
.notice_write textarea {width:100%; background-color: #F9F9F9; border:1px solid #E3E3E3; padding:0.8rem; border-radius:0.3rem; outline: none; height: 15.0rem; resize: none;}
.notice_write textarea::placeholder {color:#888; font-family: auto; font-weight:400;}
.notice_write button {padding:0.8rem; font-size:1.1rem;}
.notice_view {width:100%;}
.notice_view .notice_title {padding:1.0rem 4%; border-top:2px solid #000; border-bottom:1px solid #808080; font-size: 1.3rem; font-weight: 600; color:#000; display: flex; justify-content: space-between; align-items: center;}
.notice_view .notice_title span {font-size: 1.0rem; font-weight: normal;}
.notice_view .notice_detail {padding:1.5rem 4%; line-height:180%;}
.notice_view .notice_arrow {padding:1.5rem 4%; line-height:180%;  border-top:1px solid #808080;  border-bottom:1px solid #808080; display: flex; justify-content: space-between; font-size:0.8rem; gap:2.0rem;}
.notice_view .notice_arrow img {width:3.0rem;}
.notice_view .notice_arrow .arrow_left {display: flex; flex-direction: column; gap:0.5rem; line-height: 120%;}
.notice_view .notice_arrow .arrow_right {display: flex; flex-direction: column; gap:0.5rem; align-items: flex-end; line-height: 120%; text-align: right}
.notice_view .notice_arrow .disable {filter: grayscale(100%); opacity: 0.5;}
.notice_view .board_upload {padding:0 4%;}
.notice_view .file_name {font-weight: 600;}
.board_write {width:100%; display: flex; justify-content: space-between; align-items: center;}
.board_write select {border: 1px solid #E3E3E3; padding: 0.6rem 3.0rem 0.6rem 0.5rem; border-radius: 0.3rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; background: url(/images/select_arrow.png) no-repeat 90% 50%; background-size:0.4rem; background-color: #fff;}
.board_write button {padding: 0.2rem 1.0rem; font-size: 0.9rem; height: fit-content;}
.board_detail {width:100%;}
.board_file {width:100%;}
.board_button {width:100%;}
.board_upload {width:100%; display: flex; padding:0 0.5rem; color:#333; flex-direction: column;}
.board_upload img {width:50%; max-width:400px;}
.board_upload a {width:50%; max-width:400px; display: inline-block; margin-top: 10px; color: white; background-color:#0e2154; padding: 8px 12px; text-decoration: none; border-radius: 4px; text-align: center;}
.board_upload p {font-size: 0.9rem; display: flex; gap: 0.4rem; flex-wrap: wrap; padding: 0.4rem 0; border-bottom:1px solid #e5e5e5; align-items: center;}
.board_upload button {border-radius:4px; font-size: 0.8rem; padding: 0.1rem 0.5rem; color:#fff; cursor: pointer; border: 0;}
.board_upload button.download {background-color:#4365a4;}
.board_upload button.delete {background-color: #6b81a9;}

.notice_title {color: #3074F1;margin-top:0rem; font-size:1.8rem; font-weight: 700; width:auto;}
.notice_title_2 {color: #3074F1; margin-top:4rem; font-size:1.8rem; font-weight: 700; width:auto;}
.notice_title_3 {color: #3074F1; margin: -9px 0 24px 0; font-size:1rem; font-weight: 700; width:auto;}
.main_price_box {border-radius: 8px;padding: 40; width:40%; background: #73CDFF; margin-top:2.0rem; font-size:1.2rem; font-weight: 400; }
.main_price_box_w {border-radius: 8px;padding: 40; width:60%; background: #FFF; margin-top:2.0rem; font-size:1.2rem; font-weight: 400; }
.main_price_box_w .notice_list {display: flex; justify-content: space-between;padding: 0 0 12 0; align-items: baseline;}
.main_price_box_w .underline {border-bottom: 1px solid #000000; margin-bottom:20px;}
.main_price_box h3{border-bottom: 1px solid #000000; padding-bottom: 18px; margin-bottom: 16px;}
.main_price_box_w h3{padding-bottom: 8px;}
.main_contents {display: flex; gap: 20px}
.main_price_box .main_price_box_txt {font-size:1.4rem; font-weight: 400; }
.main_price_txt {font-size:1.2rem; font-weight: 400; margin-top: 8;}
.main_price_txt li {margin-bottom: 10px;}
.main_price_box_txt {font-size:1.5rem; margin-top:200;}
.main_price_tx {align-items: center; display: flex; font-size:1.2rem; margin-top:80px; flex-wrap: nowrap; flex-direction: row; align-content: space-around; justify-content: space-between;}
.main_price_tx img { width: 40px; height: auto;}
.main_notice {width:100%; margin-top:3.0rem; padding:1.0rem 0 0 0; border-top:2px solid #000; display: flex; justify-content: space-between; gap:10%;}
.main_notice .notice_title {color: #3074F1; font-size:1.8rem; font-weight: 800; width:200px;}
.main_notice .notice_title img {width:1.5rem; vertical-align: middle; margin-bottom:0.2rem;}
.main_notice .notice_list_body {width:100%;}
.main_notice .notice_list_body .notice_list {width:100%; display: flex; justify-content: space-between;}
.main_notice .notice_list_body .notice_list li {padding:0.5rem 0;}
.main_notice .notice_list_body .notice_list li.date {color:#888; text-align: right;}

.managebox {width:100%; background-color:#F0F3FA; border-radius: 0.5rem; padding:1.0rem; display: flex; gap:2%;}
.manager_form {display: flex; gap:0.8rem; align-items: center;}
.manager_form select {border:0; padding:1.0rem 3.0rem 1.0rem 0.5rem; border-radius: 0.3rem; -webkit-appearance: none;  /* 크롬 화살표 없애기 */    -moz-appearance: none; /* 파이어폭스 화살표 없애기 */    appearance: none;  /* 화살표 없애기 */ outline: none;}
.manager_form select.selectbox {background: url(/images/select_arrow.png) no-repeat 90% 50%; background-size:0.4rem; background-color: #fff; }
.manager_form select.popup {padding:0.65rem 3.0rem 0.65rem 0.5rem;}
.manager_input {width:90%; display: flex; gap:0.8rem; flex-direction: column;}
.manager_search {width:100%; display: flex; flex-direction: column;  gap: 0.5rem;}
.manager_search input {width:100%; border:0; background-color: #fff; padding:1.0rem 2.0rem 1.0rem 1.0rem; border-radius: 0.3rem; outline: none;}
.manager_search .manager_period {display: flex; align-items: center; gap:0.5rem;}
.manager_search .manager_period span {width:380px;}
.manager_search .manager_period input[type='checkbox'] {margin-left:1.0rem;}
.manager_search .manager_period input {width:unset;  padding: 1.0rem 2.0rem 1.0rem 1.0rem;}
.manager_search .manager_period input[type='date']::-webkit-calendar-picker-indicator {position: absolute;left: 0;top: 0; width: 100%;height: 100%;background: transparent;color: transparent;cursor: pointer;}
.manager_search .manager_period input[type='date']::before {content: attr(placeholder);width: 100%;height: 100%;}
.manager_search .manager_period input[type='date']:valid::before {display: none;}
.manager_search .manager_period input[type='date'] {position: relative; background: url('/images/icon_date.png') no-repeat 92% 50%; background-size: 1.0rem; background-color:#fff; padding: 0.5rem 2.0rem 0.5rem 0.6rem; border-radius: 0.3rem; outline: none; border:0; color:#777; font-family: auto; font-weight: 400;}
.manager_search .manager_period input[type='month']::-webkit-calendar-picker-indicator {position: absolute;left: 0;top: 0; width: 100%;height: 100%;background: transparent;color: transparent;cursor: pointer;}
.manager_search .manager_period input[type='month']::before {content: attr(placeholder);width: 100%;height: 100%;}
.manager_search .manager_period input[type='month']:valid::before {display: none;}
.manager_search .manager_period input[type='month'] {position: relative; background: url('/images/icon_date.png') no-repeat 90% 50%; background-size: 1.0rem; background-color:#fff; padding: 0.5rem 2.0rem 0.5rem 1.0rem; border-radius: 0.3rem; outline: none; border:0; color:#777; font-family: auto; font-weight: 400;}
.manager_search .manager_period input[type=radio]+label {background-color: #f9f9f9; color:#111; font-weight: 500;}
.manager_search .manager_period input[type='text'] {width:100%;}
.manager_search .manager_period .manager_period_date {display: flex; align-items: center;  gap: 0.5rem;}
.manager_search p{width:8rem; text-align: center}

.managerbtn {width:10%;}
.management {width:100%; margin-top:150px;}

.privacy-policy {width:100%; margin-top:100px; line-height: 150%; position: relative;}
.privacy-policy .policy_box {margin-bottom:4.5rem; display: flex; flex-direction: column;}
.privacy-policy .policy_box .policy_box_menu {border-bottom:1px solid #cccccc; padding-bottom:2.5rem; padding-top:0.5rem;}
.privacy-policy .policy_box h3 {padding-bottom:0.5rem;}
.privacy-policy .policy_box .term_box {display: flex; gap:0.4rem;}
.privacy-policy_top {position: fixed; left:50%; margin-left:600px; bottom:5%; z-index: 100;}

.department {width:100%; display: flex; gap:0.5rem;}
.department input {width:100%; border:0; background-color: #fff; padding:0.6rem 1.0rem; border-radius: 0.3rem; outline: none;}
.department .depart_input {display: flex; gap:0.5rem; padding:1.0rem 0;}
.department .department_left {background-color: #F0F3FA; border-radius: 0.5rem; padding:1.2rem; width:30%;}
.department .department_right {background-color: #F0F3FA; border-radius: 0.5rem; padding:1.2rem; width:70%;}
.department .department_left .depart_list {padding:0.6rem 0.8rem 0.8rem;}
.department .department_left .depart_list img {width:1.0rem;}
.department .department_left .depart_list li {padding:0.2rem 0; display:flex; justify-content: space-between; align-items: center;}


/* 로그인 */
.id_check {display:flex; gap:0.5rem; align-items: center; padding:1.2rem 0;}
.id_check input[type="checkbox"] + label {display: block; width:1.0rem; height: 1.0rem; background: url('/images/icon_checkbox_off.png') no-repeat 0 0px / contain; cursor: pointer;}
.id_check input[type="checkbox"]:checked + label {background: url('/images/icon_checkbox_on.png') no-repeat 0 1px / contain;}
.id_check input[type="checkbox"] {display: none;}

.my_info .info_name {display:flex;  justify-content: space-between; align-items: center;}
.my_info .info_name b {display:contents; font-size: 1.5rem;}
.my_info .info_ex {font-size: 0.9rem; color:#888;}

.more_info {margin-top:2.0rem;}
.more_info li {padding:0.5rem 0; border-bottom:1px solid #F0F0F0; font-weight:600; display: flex; justify-content: space-between;}
.more_info li:last-child {border-bottom: 0;}
.more_info li img {width:1.2rem; vertical-align: middle; margin-right:0.2rem;}
.more_info li span {font-weight: 400; color:#888;}

.manager_select input[type=radio]{display: none;}
.manager_select input[type=radio]+label{display: inline-block;  cursor: pointer;  border:0;  text-align: center;  font-weight:bold;  font-size: 0.8rem;  border-radius: 3.0rem;  padding:0.5rem 1.0rem;}
.manager_select input[type=radio]+label{  background-color: #fff;  color: #111;}
.manager_select input[type=radio]:checked+label{ background-color: #3074F1;  color: #fff;}

.table_btn {width:100%; padding:2.0rem 0; display: flex; justify-content: flex-end; gap:0.5rem;}
.popup_btn {width:100%; padding:0 0 1.0rem 0; display: flex; justify-content: flex-end; gap:0.5rem;}

.table_body {width: 100%;}
.table_body table {width:100%; border-collapse: collapse}
.table_body table tr.odd {background: rgba(240, 243, 250, 0.60);}
.table_body table th {text-align: center; padding:0.8rem 0; border-bottom:2px solid #000;}
.table_body table td {padding:0.8rem 0.5rem; border-top:1px solid #fff;}
.table_body table td:nth-child(1) {text-align:center;}
.table_body table td:nth-child(2) {text-align:center;}
.table_body table td:nth-child(3) {text-align:left;}
.table_body table td:nth-child(4) {text-align:center;}
.table_body table td:nth-child(5) {text-align:left;}
.table_body table td:nth-child(6) {text-align:center;}
.table_body table td:nth-child(7) {text-align:left;}
.table_body table td:nth-child(8) {text-align:center;}

.table_body_location {width: 100%;}
.table_body_location table {width:100%; border-collapse: collapse}
.table_body_location table tr.odd {background: rgba(240, 243, 250, 0.60);}
.table_body_location table th {text-align: center; padding:0.8rem 0; border-bottom:2px solid #000;}
.table_body_location table td {padding:0.8rem 0.5rem; border-top:1px solid #fff;}

.table_body_total {width: 100%;}
.table_body_total table {width:100%; border-collapse: collapse; background-color:#3074F1; color:#fff;}
.table_body_total table td {border-right:2px solid #fff; padding: 0.8rem 0.5rem; text-align: center}
.table_body_total table td:last-child {border-right:0;}

.table_body_notice {width: 100%;}
.table_body_notice table {width:100%; border-collapse: collapse}
.table_body_notice table tr.odd {background: rgba(240, 243, 250, 0.60);}
.table_body_notice table th {text-align: center; padding:0.8rem 0; border-bottom:2px solid #000;}
.table_body_notice table td {padding:0.5rem 0.5rem; border-top:1px solid #fff;}
.table_body_notice table td:nth-child(1) {text-align:center;}
.table_body_notice table td:nth-child(2) {text-align:center; color:#3074F1; font-weight: 500;}
.table_body_notice table td:nth-child(3) {text-align:left;}
.table_body_notice table td:nth-child(4) {text-align:center;}
.table_body_notice table td:nth-child(5) {text-align:center;}

.table_body_basic_body {width:100%; border-top: 2px solid #F0F3FA; border-right: 2px solid #F0F3FA;}
.table_body_title {text-align: center; padding: 0.8rem 0; border-bottom: 2px solid #000; font-size: 1.2rem; background-color: #F6F8FC; font-weight: 600;}
.table_body_basic {display: flex; flex-wrap: wrap;}
.table_body_basic p {display: flex;  align-items: center; flex-wrap: wrap; gap:0.2rem;}
.table_body_basic .basic_table {display: flex; width:calc(100% /2); border-bottom:2px solid #F0F3FA; }
.table_body_basic .width100 {width:100%;}
.table_body_basic .width100 li.title {width:15% !important;}
.table_body_basic .width100 li {width:85% !important;}
.table_body_basic .basic_table li {padding:0.5rem; width:70%; display: flex; gap:0.5rem; font-size: 0.9rem;}
.table_body_basic .basic_table li.title {width:30%; background-color:#F0F3FA; border-bottom:2px solid #fff; text-align: center; justify-content: center; align-items:center; font-size:1.0rem;}
.table_body_basic .basic_table li input {background-color: #F9F9F9; border: 0px solid #E3E3E3; padding:0.2rem; font-size: 0.9rem;  outline: none;}
.table_body_basic .basic_table li input.width100 {width:100%;}
.table_body_basic .basic_table li input.width50 {width:50%;}
.table_body_basic .basic_table li input.width30 {width:30%;}
.table_body_basic .basic_table li input.width25 {width:25%;}
.table_body_basic .basic_table li select {background-color: #F9F9F9; border: 0px solid #E3E3E3; padding:0.2rem; font-size: 0.9rem; outline: none;}
.table_body_basic .basic_table li input[type=checkbox] {width:unset;}
.table_body_basic .basic_table li.file {display: flex; flex-direction: column;justify-content: center; align-items: flex-start;}
.table_body_basic .basic_table li.file img {width:74px; height:74px;}
.table_body_basic .basic_table li input[type=radio] {width: auto}

.table_body_popup .basic_table {display: flex; width:calc(100%);}
.table_body_popup {display: flex; flex-wrap: wrap;}
.table_body_popup .basic_table {display: flex; width:calc(100%);}
.table_body_popup .basic_table li {padding:0.5rem; border-bottom:2px solid #F0F3FA; width:85%; display: flex; gap:0.5rem; align-items: center;}
.table_body_popup .basic_table li.title {width:15%; background-color:#F0F3FA; border-bottom:2px solid #fff; text-align: center; justify-content: center;}
.table_body_popup .basic_table li input {width: 100%;; background-color: #F9F9F9; border: 0px solid #E3E3E3; padding:0.2rem; font-size: 0.9rem;  outline: none;}
.table_body_popup .basic_table li select {background-color: #F9F9F9; border: 0px solid #E3E3E3; padding:0.2rem; font-size: 0.9rem; outline: none;}
.table_body_popup .basic_table li input[type=radio] {width:unset;}

.table_body_seal {display: flex;}
.table_body_seal_left {width:100%; border-bottom: 2px solid #F0F3FA; border-left: 2px solid #F0F3FA;}
.table_body_seal_right {border-bottom: 2px solid #F0F3FA; border-left: 2px solid #F0F3FA;}
.table_body_seal_right img {width:9.9rem; height:9.9rem;}
.table_body_seal .basic_table {display: flex; flex-direction: column;}
.table_body_seal .basic_table li {padding:0.5rem;display: flex; gap:0.5rem; text-align: center; justify-content: center;}
.table_body_seal .basic_table li.title {background-color:#F0F3FA; border-bottom:2px solid #fff;}


.table_body_search {width: 100%; margin-top:1.0rem;}
.table_body_search table {width:100%; border-collapse: collapse}
.table_body_search table th {text-align: center; padding:0.8rem 0; background-color: #F6F8FC; border-bottom:2px solid #fff;}
.table_body_search table td {padding:0.8rem 0; text-align: center; width:calc(100% / 15); color:#3074F1; font-weight: 500; border-bottom:2px solid #fff;}
.table_body_search table td.title {color:#000; background-color: #F6F8FC; border-bottom: 2px solid #fff; width:10%;}

.table_body_member {width: 100%; margin-top:1.0rem;}
.table_body_member table {width:100%; border-collapse: collapse; margin-top:1.5rem;}
.table_body_member table.center {text-align: center;}
.table_body_member table th {text-align: center; padding:0.8rem 0; border-bottom:2px solid #000; font-size: 1.2rem; background-color: #F6F8FC;}
.table_body_member table td {padding:0.8rem 0.5rem; border-top:1px solid #fff; border-bottom:2px solid #F6F8FC;}
.table_body_member table td span {color:#3074F1; margin-left:1.0rem;}
.table_body_member table tr.tabletitle {background-color: #F6F8FC; font-weight: 500;}
.table_body_member table tr.tabletitle td {border-bottom:2px solid #fff;}
.table_body_member table tr.popup {border-left:2px solid #F6F8FC;}
.table_body_member table tr.popup td {border-left:2px solid #F6F8FC;  border-right:2px solid #F6F8FC;}
.table_body_member table tr.box6 td {width:calc(100% / 6);}
.table_body_member table tr.box5 td {width:calc(100% / 5);}
.table_body_member table tr.box4 td {width:calc(100% / 4);}
.table_body_member table tr.box2 td {width:calc(100% / 2);}
.table_body_member table tr.boxcenter td {text-align: center;}
.table_body_member table td.title {color:#000;background-color: #F6F8FC; text-align: center; border-bottom:2px solid #fff;}
.table_body_member table td.charge {display: flex; justify-content: space-between;}
.table_body_member table td.charge img {width:1.0rem; vertical-align: bottom;}
.table_body_member table td .charge_box {display: flex; gap:0.8rem;}
.table_body_member table td .charge_box input {text-align: right;}
.table_body_member input {background-color:#F9F9F9; padding: 0.5rem 1.0rem; border-radius: 0.3rem; outline: none; border:0;}
.table_body_member input::placeholder {text-align: right;}
.table_body_member select {padding: 0.5rem 3.0rem 0.5rem 1.0rem;  border-radius: 0.3rem; outline: none; border:0; -webkit-appearance: none;  /* 크롬 화살표 없애기 */    -moz-appearance: none; /* 파이어폭스 화살표 없애기 */    appearance: none;  /* 화살표 없애기 */ outline: none;}
.table_body_member select.selectbox{background: url(/images/select_arrow.png) no-repeat 90% 50%; background-size:0.4rem; background-color: #f9f9f9; color:#777; }
.table_body_member .charge input[type=radio]{display: none;}
.table_body_member .charge input[type=radio]+label{display: inline-block;  cursor: pointer;  border:0;  text-align: center;  font-size: 0.8rem;  border-radius: 3.0rem;  padding:0.5rem 1.0rem;}
.table_body_member .charge input[type=radio]+label{  background-color: #F9F9F9;  color: #111;}
.table_body_member .charge input[type=radio]:checked+label{  background-color: #3074F1;  color: #fff;}
.table_body_member table td.tax {display: flex; align-items: center; gap: 1.0rem;}
.table_body_member input[type='date']::-webkit-calendar-picker-indicator {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: transparent;color: transparent;cursor: pointer;}
.table_body_member input[type='date']::before {content: attr(placeholder);width: 100%;height: 100%;}
.table_body_member input[type='date']:valid::before {display: none;}
.table_body_member input[type='date'] {position: relative; background: url('/images/icon_date.png') no-repeat 90% 50%; background-size: 1.0rem; background-color:#F9F9F9; padding: 0.5rem 2.0rem 0.5rem 1.0rem; border-radius: 0.3rem; outline: none; border:0; color:#777; font-family: auto; font-weight: 400;}

.table_body_info {width: 100%;}
.table_body_info table {width:100%; border-collapse: collapse}
.table_body_info table tr.odd {background: rgba(240, 243, 250, 0.60);}
.table_body_info table tr.underline {border-bottom:2px solid #000;}
.table_body_info table tr.total {background-color:#3074F1; color:#fff;}
.table_body_info table tr.total2 {background-color:#3074F1; color:#fff;}
.table_body_info table tr.total2 td{border:1px solid #fff;}
.table_body_info table th {text-align: center; padding:0.8rem 0.5rem; border-bottom:2px solid #000;}
.table_body_info table tr.toptitle th {border:1px solid #F0F3FA;}
.table_body_info table tr.toptitle th.white {border:1px solid #fff;}
.table_body_info table tr.toptitle td {border:1px solid #F0F3FA;}
.table_body_info table td {padding:0.8rem 0.5rem; border-top:1px solid #fff; text-align: center;}
.table_body_info table td.point {color:#3074F1;}
    /* .table_body_info table td:nth-child(1) {text-align:center;}
    .table_body_info table td:nth-child(2) {text-align:left;}
    .table_body_info table td:nth-child(3) {text-align:center;}
    .table_body_info table td:nth-child(4) {text-align:center;}
    .table_body_info table td:nth-child(5) {text-align:left;}
    .table_body_info table td:nth-child(6) {text-align:center;}
    .table_body_info table td:nth-child(7) {text-align:center;}
    .table_body_info table td:nth-child(8) {text-align:left;} */


.manager_body {width: 100%;}
.manager_body table {width:100%; border-collapse: collapse; margin-top:1.0rem;}
.manager_body table tr {background-color: #fff;}
.manager_body table th {text-align: center; padding:0.8rem 0; border-bottom:2px solid #000; background-color: rgba(240, 243, 250, 0.60);}
.manager_body table td {padding:0.8rem 0.5rem; text-align:center;}
.manager_body table td.title {background-color: rgba(240, 243, 250, 0.60);}


/* 로그인 팝업 */
.popup_body {width:100%; display: flex; justify-content: center;}
.poplogin_body {width:100%;}
.poplogin_body h1 {padding:1.0rem 0;}



/* 버튼 */
.manage_search {width:100%; height:100%; border:0; color:#fff; background-color: #3074F1; border-radius: 0.3rem; font-size: 1.05rem; cursor: pointer;}
.manage_search:hover {background-color: #30adf1;}
.button_gray {border:0; color:#111; background-color: #F0F3FA; border-radius: 0.3rem; font-size: 0.8rem; padding:0.5rem 1.0rem; cursor: pointer;}
.button_gray:hover {background-color: #3074F1; color:#fff;}
.button_gray2 {border:0; color:#000; background-color: #F0F3FA; border-radius: 2.0rem; font-size: 1.0em; font-weight: 500; padding:0.4rem 0.8rem; cursor: pointer;}
.button_gray2:hover {background-color: #3074F1; color:#fff;}
.button_gray3 {border:0; color:#3074F1; background-color: #F0F3FA; border-radius: 0.3rem; font-size: 1.0rem; padding:0.8rem 1.4rem; font-weight: 500; cursor: pointer;}
.button_gray3:hover {background-color: #3074F1; color:#fff;}
.button_gray4 {border:0; color:#3074F1; background-color: #F0F3FA; border-radius: 0.3rem; font-size: 1.0rem; padding:0.5rem 2.0rem; cursor: pointer;}
.button_gray4:hover {background-color: #3074F1; color:#fff;}
.button_blue {width:100%; border:0; color:#fff; background-color: #3074F1; border-radius: 0.3rem;}
.button_blue:hover {background-color: #30adf1;}
.button_blue2 {border:0; color:#fff; background-color: #3074F1; border-radius: 0.3rem; font-size: 0.8rem; padding:0.5rem 1.0rem; cursor: pointer;}
.button_blue2:hover {background-color: #30adf1; color:#fff;}
.button_blue3 {width:100%; border:0; color:#fff; background: linear-gradient(92deg, #3074F1 6%, #0049CF 100%); border-radius:0 0 0.3rem 0.3rem; padding:1.0rem 0; font-size:1.2rem; font-weight:500; cursor: pointer;}
.button_blue3:hover { background: linear-gradient(270deg, #3074F1 6%, #0049CF 100%);}
.button_blue4 {border:0; color:#000; background-color: #3074F1; border-radius: 2.0rem; font-size: 1.0em; font-weight: 500; padding:0.4rem 0.8rem; cursor: pointer;}
.button_blue4:hover {background-color: #3074F1; color:#fff;}
.button_login {width:100%; border:0; color:#fff; background: linear-gradient(92deg, #3074F1 6%, #0049CF 100%); border-radius:0.3rem; padding:1.0rem 0; font-size:1.2rem; cursor: pointer;}
.button_login:hover { background: linear-gradient(270deg, #3074F1 6%, #0049CF 100%);}
.button_white {border:0; color:#111; background-color: #F0F3FA; border-radius: 0.3rem; font-size: 0.8rem; width: -webkit-fill-available; cursor: pointer;}
.button_white:hover {background-color: #3074F1; color:#fff;}
.button_black {border:0; color:#fff; background-color: #000; border-radius: 0.3rem; font-size: 0.8rem; padding:0.5rem 1.0rem; cursor: pointer;}
.button_black:hover {background-color: #30adf1; color:#fff;}
.button_notice {border:0; color:#111; background-color: #Fff; border-radius: 0.3rem; padding:0.3rem 1.0rem; font-size: 0.9rem; border:1px solid #F0F3FA; cursor: pointer;}
.button_notice:hover {background-color: #3074F1; color:#fff;}
.button_notice2 {border:0; color:#111; background-color: #Fff; border-radius: 0.3rem; padding:0.3rem 1.0rem; font-size: 0.9rem; border:1px solid #E3E3E3; cursor: pointer;}
.button_notice2:hover {background-color: #E3E3E3; color:#111;}
.button_policy {border:0; color:#111; background-color: #Fff; border-radius: 50%; padding:0.5rem; border:1px solid #E3E3E3; cursor: pointer; width: 3.0rem; height: 3.0rem;}
.button_policy:hover {background-color: #E3E3E3; color:#111;}
.btn_100 {width:100%;}
.btn_25 {width:25%;}
.btn_20 {width:20%;}
.btn_30 {width:30%;}
.btn_pd20 {padding:20px; font-size:1.2rem;}
.btn_border3 {border-radius: 0.3rem;}
.btn_border30 {border-radius: 3.0rem;}
.btn_round50 {border-radius:100px !important;}
.btn_fit {width:fit-content;}
.margin20 {margin-top:20px;}
.margin10p {margin-top:10%;}

/* 에러 */
.error_body {width:100%; height:100vh; background-color: #f5f5f5; display:flex; justify-content: center; align-items: center;}
.error_body .error_left {width:50%; text-align: right; padding:50px;}
.error_body .error_right {width:50%; display:flex; justify-content: center; flex-direction: column; gap:1.0rem; padding:20px;}
.error_body .error_right p {line-height:180%;}
.error_body .error_right h1 {font-size:3.0rem;}
.error_body .error_right h1 img {height:2.0rem;}
.error_body .error_left img {width:40%; max-width:230px; min-width:180px;}
.error_body .error_left .error_button {display:flex; gap:0.5rem;}

/* 로딩 */
.loading_body {position: fixed; top: 0; left: 0; width:100%;  height:100%;  background: rgba(0, 0, 0, 0.35); z-index: 998;}
.loading {position: fixed; top: 50%;  left: 50%; transform: translate(-50%, -50%); pointer-events: none;}
.loading img {width:5.0rem;}
.loading img.rotate{animation: rotate_image 3s linear infinite;  transform-origin: 50% 50%;}

@keyframes rotate_image{
    100% {
        transform: rotate(360deg);
    }
}

footer {background-color:#F6F6F6; padding:5% 2%; margin-top:3.0rem;}
footer .footer_terms {display: flex; justify-content: flex-end;}
footer .footer_terms a:after {content:' l '; color: #909090; margin:0 0.5rem;}
footer .footer_terms a:last-child::after {content: none;}
footer .footer_customer {display: flex; flex-direction: column;}
footer .footer_customer ul {display: flex; align-items: center; gap:0.5rem; padding-bottom:0.5rem;}
footer .footer_customer li.title {font-size:1.5rem; font-weight: 700;}
footer .footer_customer li.phone {font-size:2.0rem; font-weight: 700; color:#3074F1;}
footer .footer_info {margin-top:1.0rem; line-height: 150%; display: flex; gap:1.0rem; align-items: center;}
footer .footer_info p {display: inline-block; margin-right:1.0rem;}
footer .footer_info img {width:150px;vertical-align: middle;}
footer .copyright {display: flex; color:#888; font-size: 1.1rem; padding-top:1.0rem;}



/* admin */
#header {background: #fff; margin: 0; z-index: 10; border-bottom: 2px solid #F9F9F9;}
#header .logo{font-size: 25px;box-sizing: border-box;}
#header .container{display: flex;justify-content: space-between;align-items: center; width:100%;}
#header .gnb{text-align: right;}
#header .nav .logo{display:flex;width:200px;flex-wrap:wrap;justify-content: center;align-items: center;text-transform:uppercase;cursor:pointer;}
#header .menu_btn{position:absolute;right:20px;top:20px;display:none; z-index: 10;}
#header .menu_btn div { width: 25px;height: 2px;background-color:#000; margin: 6px 0px;position: relative;transition:all .8s ease;}
#header .menu_btn.menu_body div{position:absolute;transition:all .8s ease;}
#header .menu_btn.menu_body div:nth-child(1){transform: rotate(45deg);top: 0;right: 0px;}
#header .menu_btn.menu_body div:nth-child(2){width:0px;top: 0;right: 0px;}
#header .menu_btn.menu_body div:nth-child(3){transform: rotate(-45deg);top: 0; right: 0px;}
#header .nav ul.gnb{margin-bottom:0px;padding-left:0px;display: flex;}
#header .nav ul.gnb li {margin-bottom:0px;color:#000;text-align: center;position: relative;}
#header .nav ul.gnb li a {box-sizing: border-box;display:block;transition:.8s ease;text-transform:uppercase;}
#header .nav ul.gnb li a:hover {color:#3074F1;}
#header .nav ul.gnb > li > a {padding: 14px 40px; font-size:1.15rem; font-weight:500;}
#header .nav ul.gnb li ul.sub{position:absolute;padding-left:0px;opacity:0;visibility: hidden;padding-top:10px;z-index: 3;width: 100%; background-color: #fff; padding-bottom:10px;}
#header .nav ul.gnb li ul.sub li {display: block;position: relative;}
#header .nav ul.gnb li ul.sub li a{padding:10px; font-size: 0.95rem;}


@media(min-width:1024px){
    #header .nav ul.gnb:hover li ul.sub{visibility:visible;opacity:1;transform:translateY(0px);}
    #header .nav ul.gnb li:hover{display:inline-block;margin-bottom:0px;}
    #header.open .hd_bg{position: absolute;width: 100%;background: #fff;z-index: 1;transition: all .3s;border-top: 1px solid #dcdcdc}
    #header .nav ul.gnb li ul.sub li a{text-align: center}
    #header .nav .active  {position: relative;  color:#3074F1;}
    #header .nav .active:hover:after{content: '';display: block;width: 100%;height: 3px;background: #3074F1;position: absolute;left: 0;bottom: 0;}
}


@media (max-width:1100px) {
    .main_center_body {padding:0 10px 50px 10px;}
}

@media (max-width:1200px) {
    .privacy-policy_top {
        left:unset;
        right:2%;
        margin-left: unset;
    }
}

@media (max-width:768px) {

    .header_body {display: block;}
    .layout_etaxbill_logo {position: absolute; width:100%; text-align: center; z-index: 10; left:0;}
    .layout_etaxbill_logo img {width:100px;}
    .layout_header_menu-pc{display:none;}
    .layout_header_menu-mobile{display:block;}
    .layout_header_mobileMenu {display:flex; justify-content: flex-end;}
    .layout_header_mobileMenu:before{content:''; display:inline-block; width:30px; height:30px; background:url(/images/mobile-menu-btn.png) no-repeat; background-size:cover; cursor:pointer; z-index:11;}
    .layout_header_mobileMenu.active:before {content:'';  display:inline-block; width:30px; height:30px; background:url(/images/mobile-menu-btn2.png) no-repeat; background-size:cover; cursor:pointer; z-index:11;}
    .layout_header_mobileSlide{position:absolute; top:46px; left:0; width:100%; z-index:3; background:#f7f7f7; display:none;}
    .layout_header_mobileSlide > div{display:flex; flex-direction:column; padding:10px 0;}
    .layout_header_mobileSlide > div img {vertical-align:middle;}
    .layout_header_mobileSlide > div > a{width:100%; border-bottom:1px solid #F9F9F9; padding:10px 20px 10px 20px; color:#111;}

    .modalPopup {top:50%; padding:40px 20px;}
    .buttonStyle {top:10px; right:10px;}
    .modalContent {padding:0}
    .modalContent p {width:100%;}
    .modalContent pre {overflow: hidden;}

    .main_contents {flex-direction: column;}
    .main_price_box {width:100%;}
    .main_price_box_w {width:100%; margin-top:0; padding:1.0rem; font-size:1.0rem;}

    .section_body {padding:0 4%;}
    .management {margin-top:75px;}
    .sub_title {font-size: 1.5rem;}
    .managebox {flex-direction: column;}
    .manager_input {width:100%;}
    .managerbtn {width: 100%; padding-top:1.2rem;}
    .manage_search {padding:0.5rem 0;}

    .privacy-policy {margin-top:80px;}

    .table_body_member input {width:100%;}
    .table_body_member table td.charge {flex-direction: column;}
    .table_body_member table td .charge_box {flex-direction: column;}
    .table_body_member table td .charge_box .charge {margin-bottom:1.0rem;}
    .table_body_member .charge input[type=radio]+label {padding:0.5rem 0.6rem;}
    .table_body_member table td.tax {flex-direction: column; align-items: flex-start;}
    .table_body_member table td.tax .tax_input input {width: unset;}
    .table_body_member table td.tax .tax_input .sms_box {margin-top:0.5rem; width:100%;}
    .table_body_member .table_scroll .scroll {overflow-x: scroll;}
    .table_body_member .table_scroll .scroll table {width:200%;}
    .table_body_member .table_scroll .scroll table th {text-align: left; padding-left:2.0rem;}

    .table_body_popup .basic_table li {width:70%;}
    .table_body_popup .basic_table li.title {width:30%;;}

    .table_body_basic .basic_table li {flex-direction: column;}
    .table_body_basic .width100 li.title {width:36% !important;}
    .table_body_basic li p {width:100%;}

    .main_notice {flex-direction: column;}
    .main_notice .notice_title {width:100%; padding-bottom: 0.5rem;}

    .notice_body .notice_title {text-align: center; font-size:2.0rem;}
    .notice_body .notice_body_left {padding:0 4%;}
    .notice_body .notice_body_right {display:none;}

    .table_body {overflow-x: scroll;}
    .table_body table {width:200%;}
    .table_body_search {overflow-x: scroll;}
    .table_body_search table {width:200%;}
    .table_body_info {overflow-x: scroll;}
    .table_body_info table {width:300%;}
    .table_body_member {overflow-x: scroll;}
    .table_body_member table {width:200%;}
    .table_body_member table.noscroll {width:100%;}

    .department {flex-direction: column;}
    .department .department_left {background-color: #F0F3FA; border-radius: 0.5rem; padding:1.2rem; width:100%;}
    .department .department_right {background-color: #F0F3FA; border-radius: 0.5rem; padding:1.2rem; width:100%;}

    .section_main {margin-top:0;}
    .main_top_body {flex-direction: column-reverse;  gap: 1.0rem; min-height: unset;}
    .login_body {width:100%; margin-bottom:2%;}
    .main_bg {width:100%; text-align:center; background: unset; padding-top:2.0rem;}
    .main_bg li.title1 {font-size:1.5rem;}
    .main_bg li.title2 {padding 6 0 0 0; font-size: 2.0rem; padding:0.5rem 0;}

    .section_banner_body2 {padding:30px 4%;}

    .manager_search .manager_period {flex-direction: column;}
    .manager_search .manager_period .manager_period_date {width:100%;}
    .manager_search .manager_period .manager_form {width:100%}
    .manager_search .manager_period input {width:100%;}
    .manager_search .manager_period input[type='checkbox'] {width:unset; margin-left:1.0rem;}
    .manager_search .manager_period select {width:100%; padding: 1.0rem 0.5rem;}
    .manager_search .manager_period span {width:100%; text-align: center; padding-right:1.0rem;}

    .section_popup .search_popup {flex-direction: column;}

    footer {padding:10% 2%;}
    footer .footer_terms {display: flex; justify-content: center; padding-bottom:1.0rem;}
    footer .footer_customer ul {justify-content: center; text-align: center;}
    footer .footer_info {text-align: center; flex-direction: column;}
    footer .copyright {justify-content: center; text-align: center; font-size: 1.0rem;}

    .error_body {flex-direction: column; justify-content: unset;}
    .error_body .error_left {width:100%; text-align: center; padding: 50px 20px 10px 20px;}
    .error_body .error_right {width:100%; text-align: center; align-items: center; padding:0 20px 50px 20px;}
    .error_body .error_left img {width:50%; max-width:unset; min-width: unset;}


    /* admin */
    #header {position: fixed;width: 100%;top: 0;left: 0;}
    #header .menu_btn{display:block;top:50%;transform: translateY(-50%)}
    #header .menu_btn.menu_body{top: 30%}
    #header .nav ul.gnb{position: absolute;top: 52px;transform: translateX(100%);left: 0;transition:.6s ease;width:100%; height: calc(100vh - 65px);background: #fff;overflow-y: auto;display: block}
    #header .nav ul.gnb li a{text-align: left;}
    #header .nav ul.gnb.toggle_menu {transform: translateX(0%);}
    #header .nav ul.gnb.toggle_menu li {border-bottom:2px solid #F9F9F9;}

    #header .nav ul.gnb li ul.sub{opacity: 1;visibility: visible;display:none;position:relative;padding-top:0px;width:100%;transition:0s;transform: translateY(0px);}
    #header .nav ul.gnb li ul.sub:after{display:none; font-size: 0.9rem;}
    #header .nav ul.gnb li ul.sub li {border-bottom:0;}
    #header .nav ul.gnb li ul.sub li a{padding:10px 10px 10px 30px; font-size:1.0rem;}
    #header .container {height:50px;}
    #header .container .nav {width:100%;}
    #header .nav ul.gnb > li > a {font-size:1.05rem;}
    .layout_header {padding-top:10px;}
    #header .nav ul.gnb li ul.sub li {padding-left:25px;}

    .table_body_basic {flex-direction: column;}
    .table_body_basic .basic_table {width:100%}
    .table_body_seal {flex-direction: column;}
    .table_body_seal_right {width:100%; text-align: center; display: flex; justify-content: center;  padding: 0.5rem 0;}

    .notice_view .notice_title {flex-direction: column-reverse; align-items: unset; gap:0.5rem;}

}

@media (max-width:350px) {

    .section_body .table_number a {padding: 0.3rem 0.5rem;}
    .table_body table {width:250%;}

}