@charset "utf-8";

/* 초기화 */
html {overflow-y:scroll}
/* body {margin:0;padding:0;font-size:0.75em;font-family:'Malgun Gothic', dotum, sans-serif;background:#fff} */
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:'Malgun Gothic', dotum, sans-serif} */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
/* input, button {margin:0;padding:0;font-family:'Malgun Gothic', dotum, sans-serif;font-size:1em} */
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

/* textarea, select {font-family:'Malgun Gothic', dotum, sans-serif;font-size:1em} */
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

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

input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
-webkit-box-shadow:0 0 5px #9ed4ff;
-moz-box-shadow:0 0 5px #9ed4ff;
box-shadow:0 0 5px #9ed4ff;
border:1px solid #558ab7 !important;
}

.placeholdersjs {color:#aaa !important}

/* 레이아웃 크기 지정 */
/* #hd, #wrapper, #ft {min-width:1200px} */

/* #hd_pop,
#hd_wrapper,
#tnb .inner,

#gnb .gnb_wrap,
#container_wr,
#ft_wr {width:1200px} */

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops img {max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}

/* 팝업레이어 */
/* #hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops img {max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0} */

/* #hd_pop {position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0,0,0,.9); z-index: 9999999999; transition: all 0.3s ease-in; opacity: 1; visibility: visible;}
#hd_pop.hide {transition: all 0.3s ease-in;opacity: 0; visibility: hidden;}
#hd_pop {display: flex; flex-direction: column; justify-content: center; align-items: center;}
#popup_logo {max-width: 300px; margin-bottom: 30px; padding: 0 15px;}
#popup_logo>img {width: 100%; filter: brightness(0) invert(1);}
#hd_pop .hd_popup_wrapper {padding: 0 15px; width: 100%;}

.popup_swiper {margin: 0 auto; max-width: 1200px;}
.hd_pops {overflow: hidden; aspect-ratio: 3/4; border-radius: 12px;}
.hd_pops .hd_pops_con, .hd_pops .hd_pops_con>p {width: 100% !important; height: 100% !important;}
.hd_pops .hd_pops_con img {width: 100%; height: 100%; object-fit: cover;}
#hd_pop .swiper-button-next, #hd_pop .swiper-rtl .swiper-button-prev {right: 15%; color: #fff; background: none;}
#hd_pop .swiper-button-prev, #hd_pop .swiper-rtl .swiper-button-next {left: 15%; color: #fff; background: none;}
.hd_pops_footer {margin-top: 30px;}
.hd_pops_footer>button {background: none; border: none; outline: none; margin-right: 8px; line-height: 0;}
.hd_pops_footer>button:last-of-type {margin-right: 0;}
.hd_pops_footer>button {border: 1px solid #fff; border-radius: 18px; padding: 7px 18px; color: #fff; font-size: 1.1rem; font-family: var(--mfont);} */

/* 상단 레이아웃 */
/* #hd {background:#212020}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden} */

#tnb {border-bottom:1px solid #383838;margin:0 auto}
#tnb:after {display:block;visibility:hidden;clear:both;content:""}
#tnb .inner {margin:0 auto}

/* #hd_wrapper {position:relative;margin:0 auto;height:140px;zoom:1}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""} */

/* #logo {float:left;padding:30px 0 0} */

.hd_sch_wr {float:left;padding:30px 0;width:445px;margin-left:65px}
#hd_sch h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_sch {border-radius:30px;overflow:hidden}
#hd_sch #sch_stx {float:left;width:385px;height:45px;padding-left:10px;border-radius:30px 0 0 30px;background:#2c2c2c;border:0;border-right:0;font-size:1.25em;color:#fff}
#hd_sch #sch_submit {float:left;width:60px;height:45px;border:0;background:#2c2c2c;color:#fff;border-radius:0 30px 30px 0;cursor:pointer;font-size:16px}

#hd_define {float:left}
#hd_define:after {display:block;visibility:hidden;clear:both;content:""}
#hd_define li {float:left;font-size:1.083em;line-height:14px;border-right:1px solid #4a4a4a;position:relative;text-align:center;margin:15px 10px 15px 0;padding-right:10px}
#hd_define li:last-child {padding-right:0;margin-right:0;border-right:0}
#hd_define li a {display:inline-block;color:#919191}
#hd_define li.active a {color:#fff}

#hd_qnb {float:right;text-align:right}
#hd_qnb:after {display:block;visibility:hidden;clear:both;content:""}
#hd_qnb li {float:left;font-size:1.083em;line-height:14px;border-right:1px solid #4a4a4a;position:relative;text-align:center;margin:15px 10px 15px 0;padding-right:10px}
#hd_qnb li:last-child {padding-right:0;margin-right:0;border-right:0}
#hd_qnb li span {display:block;margin-top:5px;font-size:0.92em}
#hd_qnb li a {display:inline-block;color:#919191}
#hd_qnb .visit .visit-num {display:inline-block;line-height:16px;padding:0 5px;margin-left:5px;border-radius:10px;background:#da22f5;color:#fff;font-size:10px}


/* .hd_login {position:absolute;right:0;top:60px}
.hd_login li {float:left;margin:0 5px;border-left:1px solid #616161;padding-left:10px;line-height:13px}
.hd_login li:first-child {border-left:0}
.hd_login a {color:#fff} */


/* 메인메뉴 */
/* #gnb {position:relative;background:#fff} */
#gnb > h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb .gnb_wrap {margin:0 auto;position:relative}
#gnb .gnb_wrap:hover, #gnb .gnb_wrap:focus, #gnb .gnb_wrap:active{z-index:3}
/* #gnb #gnb_1dul {font-size:1.083em;padding:0;border-bottom:1px solid #e0e2e5;zoom:1}
#gnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb .gnb_1dli {float:left;line-height:55px;padding:0px;position:relative} */
/* #gnb .gnb_1dli:hover > a {color:#3a8afd;
-webkit-transition:background-color 2s ease-out;
-moz-transition:background-color 0.3s ease-out;
-o-transition:background-color 0.3s ease-out;
transition:background-color 0.3s ease-out} */

.gnb_1dli .bg {position:absolute;top:24px;right:8px;display:inline-block;width:10px;height:10px;overflow:hidden;background:url('./img/gnb_bg2.gif') no-repeat 50% 50%;text-indent:-999px}
.gnb_1da {display:block;font-weight:bold;padding:8px 15px;text-decoration:none}
/* .gnb_1dli.gnb_al_li_plus .gnb_1da{padding-right:25px} */
.gnb_2dli:first-child {border:0}
/* .gnb_2dul {display:none;position:absolute;top:54px;min-width:140px;padding-top:2px}
.gnb_2dul .gnb_2dul_box {border:1px solid #e0e2e5;border-top:0;padding:0;
-webkit-box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2);
-moz-box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2);
box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2)} */
/* .gnb_2da {display:block;padding:0 10px;line-height:40px;background:#fff;color:#080808;text-align:center;text-decoration:none;} */
/* a.gnb_2da:hover {color:var(--mc);background:#edf4ff;
-moz-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
transition:all 0.3s ease-out} */

.gnb_1dli_air .gnb_2da {}
.gnb_1dli_on .gnb_2da {}
.gnb_2da:focus, .gnb_2da:hover {color:#fff}
/* .gnb_1dli_over .gnb_2dul {display:block;left:0}
.gnb_1dli_over2 .gnb_2dul {display:block;right:0} */
.gnb_wrap .gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2.7em;color:#080808}
.gnb_wrap .gnb_empty a {color:var(--mc);text-decoration:underline}
.gnb_wrap .gnb_al_ul .gnb_empty, .gnb_wrap .gnb_al_ul .gnb_empty a {color:#555}

/* #gnb .gnb_menu_btn {background:#4158d1;color:#fff;width:50px;height:55px;border:0;vertical-align:top;font-size:18px}
#gnb .gnb_close_btn {background:#fff;color:#b6b9bb;width:50px;height:50px;border:0;vertical-align:top;font-size:18px;position:absolute;top:0;right:0}
#gnb .gnb_mnal {float:right;padding:0} */

/* #gnb_all {display:none;position:absolute;border:1px solid #c5d6da;width:100%;background:#fff;z-index:1000;-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.2);
-moz-box-shadow:0 2px 5px rgba(0,0,0,0.2);
box-shadow:0 2px 5px rgba(0,0,0,0.2)}
#gnb_all h2 {font-size:1.3em;padding:15px 20px;border-bottom:1px solid #e7eeef}
#gnb_all .gnb_al_ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb_all .gnb_al_ul > li:nth-child(5n+1) {border-left:0}
#gnb_all .gnb_al_li {float:left;width:20%;min-height:150px;padding:20px;border-left:1px solid #e7eeef}
#gnb_all .gnb_al_li .gnb_al_a {font-size:1.2em;display:block;position:relative;margin-bottom:10px;font-weight:bold;color:#3a8afd}
#gnb_all .gnb_al_li li {line-height:2em}
#gnb_all .gnb_al_li li a {color:#555}
#gnb_all_bg {display:none;background:rgba(0,0,0,0.1);width:100%;height:100%;position:fixed;left:0;top:0;z-index:999} */

/* 중간 레이아웃 */
#wrapper {}
/* #container_wr:after {display:block;visibility:hidden;clear:both;content:""} */
#container_wr {margin:0 auto;zoom:1;margin-top: 120px;}
#aside {float:right;width:235px;padding:0;height:100%;margin:20px 0 20px 20px}

/* #container {position:relative;float:left;min-height:500px;height:auto !important;margin:20px 0;height:500px;font-size:1em;width:930px;zoom:1}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {font-size:1.333em;margin:0 auto;font-weight:bold}
#container_title span {margin:0 auto 10px;display:block;line-height:30px} */

.lt_wr {width:32%}
.lt_wr:nth-child(3n+1) {clear:both}
.latest_wr {margin-bottom:20px}
.latest_wr:after {display:block;visibility:hidden;clear:both;content:""}
.latest_top_wr {margin:0 -10px 20px}
.latest_top_wr:after {display:block;visibility:hidden;clear:both;content:""}

/* 하단 레이아웃 */
#ft {background:#212020;margin:0 auto;text-align:center;color: #fff; padding: 50px 15px;}
#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
/* #ft_wr {max-width:1240px;margin:0;padding:40px 0;position:relative;display:inline-block;text-align:left} */
/* #ft_wr:after {display:block;visibility:hidden;clear:both;content:""} */
#ft_wr .ft_cnt {width:25%;float:left;padding:0 20px}

#ft_link {text-align:left}
#ft_link a {display:block;color:#fff;line-height:2em;font-weight:bold}
#ft_company h2 {font-size:1.2em;margin-bottom:20px}
#ft_company {font-weight:normal;color:#e3e3e3;line-height:2em}
#ft_catch {margin:20px 0 10px}
#ft_copy {text-align:center;width:1200px;margin:0 auto;padding:20px 0;color:#5b5b5b;font-size:0.92em;border-top:1px solid #383838}
#top_btn {position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5)}
#top_btn:hover {border-color:var(--mc);background:var(--mc);color:#fff}

/* 게시물 선택복사 선택이동 */
#copymove {}
#copymove .win_desc {text-align:center;display:block}
#copymove .tbl_wrap {margin:20px}
#copymove .win_btn {padding:0 20px 20px}
.copymove_current {float:right;background:#ff3061;padding:5px;color:#fff;border-radius:3px}
.copymove_currentbg {background:#f4f4f4}

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

/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* ie6 이미지 너비 지정 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;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;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:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block}
#captcha.m_captcha #captcha_reload {position:static;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}
#captcha.m_captcha #captcha_reload span {display:none}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../img/captcha2.png') no-repeat 0 0 ; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc {display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.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:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* 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}

/* 버튼 */
a.btn,.btn {line-height:35px;height:35px;padding:0 10px;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}

a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;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;padding:7px;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:right} /* 서식단계 진행 */

.btn_submit {border:0;background:var(--mc);color:var(--fc);cursor:pointer;border-radius:3px;transition: background 0.3s;}
/* .btn_submit:hover {background: var(--mc);transition: background 0.3s;} */
.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:#969696;color:#fff;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
.btn_cancel:hover {background:#aaa}
a.btn_frmline, button.btn_frmline {display:inline-block;width:128px;padding:0 5px;height:40px;border:0;background:#434a54;border-radius:3px;color:#fff;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {}
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-block;color:#bababa;text-decoration:none;vertical-align:middle;border:0;background:transparent}
.btn_b01:hover, .btn_b01:hover {color:#000}
a.btn_b02,.btn_b02 {display:inline-block;background:#253dbe;padding:0 10px;color:#fff;text-decoration:none;border:0;vertical-align:middle}
a.btn_b02:hover, .btn_b02:hover {background:#0025eb}
a.btn_b03, .btn_b03 {display:inline-block;background:#fff;border:1px solid #b9bdd3;color:#646982;text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {background:#ebedf6}
a.btn_b04, .btn_b04 {display:inline-block;background:#fff;border:1px solid #ccc;color:#707070;text-decoration:none;vertical-align:middle}
a.btn_b04:hover, .btn_b04:hover {color:#333;background:#f9f9f9}
a.btn_admin,.btn_admin {display:inline-block;color:#d13f4a;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
.btn_admin:hover, a.btn_admin:hover {color:#ff3746}


/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0 5px;background:#fff;border-top:1px solid #ececec;border-bottom:1px solid #ececec} 
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}
.tbl_head01 {margin:0 0 10px}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:20px 0;font-weight:normal;text-align:center;border-bottom:1px solid #ececec;height:40px}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-bottom:1px solid #e8e8e8}
.tbl_head01 td {color:#666;padding:10px 5px;border-top:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1;line-height:1.4em;height:60px;word-break:break-all}
.tbl_head01 tbody tr:hover td {background:#fafafa}
.tbl_head01 a:hover {text-decoration:underline}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.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, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff;line-height:1.4em;word-break:break-all}
.tbl_head02 a {}

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border:1px solid #d0d3db;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;
-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);
}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:40px}

.full_input {width:100%}
.half_input {width:49.5%}
.twopart_input {width:385px;margin-right:10px}
.tbl_frm01 textarea, .write_div textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/*기본 리스트*/
.list_01 ul {border-top:1px solid #ececec}
.list_01 li {border-bottom:1px solid #ececec;background:#fff;padding:10px 15px;list-style:none;position:relative}
.list_01 li:nth-child(odd) {background:#f6f6f6}
.list_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.list_01 li:hover {background:#f9f9f9}
.list_01 li.empty_li {text-align:center;padding:20px 0;color:#666}

/*폼 리스트*/
.form_01 h2 {font-size:1.167em}
.form_01 li {margin-bottom:10px}
.form_01 ul:after,
.form_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.form_01 .left_input {float:left}
.form_01 .margin_input {margin-right:1%}
.form_01 textarea {height:100px;width:100%}
.form_01 .frm_label {display:inline-block;width:130px}

/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;color:#666;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:80px;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:110px;text-align:center}
.td_group {width:80px;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:#ccc}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {position:relative}
.new_win .tbl_wrap {margin:0 20px}
.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 .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:var(--mc);border-color:var(--mc);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 .frm_info {font-size:0.92em;color:#919191}
.new_win .win_total {float:right;display:inline-block;line-height:30px;font-weight:normal;font-size:0.75em;color:var(--mc);background:#f6f6f6;padding:0 10px;border-radius:5px}
.new_win .new_win_con {margin:20px 0;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 .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_btn {text-align:center}
.new_win .cert_btn {margin-bottom:30px;text-align:center}
.new_win .btn_close {padding:0 20px;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:var(--mc);background:var(--sc2);padding:2px 8px 3px;line-height:18px;margin:0 2px;border-radius: 8px;}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 사이드뷰 */
.sv_wrap {position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;font-size:0.92em;background:#333;
-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;margin:0;padding:0 10px;line-height:30px;width:100px;font-weight:normal;color:#bbb}
.sv_wrap .sv a:hover {background:#000;color:#fff}
.sv_member {color:#333}
.sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
/* .pg_wrap {clear:both;float:left;display:inline-block} */
/* .pg_wrap:after {display:block;visibility:hidden;clear:both;content:""}  */
.pg_wrap {display: block; text-align: center;}
.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:var(--mc);border:1px solid var(--mc);color:#fff;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:3px}

/* cheditor 이슈 */
.cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before {
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
}

/* Mobile화면으로 */
#device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}

/* 추가 스타일 */
/* head.php */
#hd {position: fixed; top: 0; left: 0; width: 100%; z-index: 9999999999;}
#hd {background-color: #fff; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);}
#hd_wrapper {padding: 20px 15px 0; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start;}
#hd_wrapper #logo {max-width: 250px; filter: none; transition: all 0.3s ease-in;}
#hd_wrapper #logo>a {display: block; width: 100%;}
#hd_wrapper #logo>a>img {max-width: 100%;}

#gnb {margin-top: 25px; width: 100%;}
#gnb #gnb_1dul {display: flex; font-size: 1.12rem;}
.gnb_1dli {position: relative; line-height: 0; text-align: center; width: 25%; padding-bottom: 5px;}
.gnb_1dli .gnb_1da {line-height: 100%; font-size: 1.35rem;}
.gnb_2dul {display:block;position:absolute;top: calc(100%);min-width: 100%; max-height: 0; overflow: hidden;left: 50%; transform: translateX(-50%); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);}
.gnb_2dul .gnb_2dul_box {transition: all 0.3s ease-in;}
.gnb_2da {display:block;padding:12px 10px;line-height:120%; background-color:rgb(255, 255, 255);color:#080808;text-align:center;text-decoration:none;min-width: 170px; transition: all 0.3s ease-in; font-size: 1.05rem;}

#gnb_all {background-color: rgba(0, 0, 0, 0.7); color: #fff; max-height: 0; overflow: hidden;transition: max-height 0.5s ease-in-out; width: 100%; position: absolute; top: 100%; left: 0;}
#gnb_all.active {max-height: 500px;transition: max-height 0.5s ease-in-out;}
#gnb_all .gnb_al_ul {display: flex; padding: 8px 15px; z-index: 2; position: relative;}
#gnb_all .gnb_al_ul .gnb_al_li {width: 25%; display: flex; flex-direction: column; justify-content: flex-start; align-items: center;}
#gnb_all .gnb_al_ul .gnb_al_li a {display: block; padding: 8px 15px; width: 100%; text-align: center; font-size: 1rem;  transition: all 0.3s linear; border-radius: 16px; font-weight: 400; word-break: keep-all;}
#gnb_all .gnb_al_ul .gnb_al_li a:hover {background-color:var(--mc); color:var(--fc); transition: all 0.3s linear; font-weight: 700}
#gnb_all .bg_img {bottom: 50px; right: 70px; max-width: 60%; opacity: 0.04; z-index: 1; filter: brightness(0) invert(1);}

#gnb_all .gnb_al_ul, #hd_wrapper {max-width: 1200px;}

#gnb_mobile {display: none; position: fixed; width: 70vw; height: 100vh; top: 0; right: -100%; background-color: #fff; transition: all 0.45s; box-shadow: -10px 0 15px rgba(0, 0, 0, 0.2); z-index: 9999;}
#gnb_mobile.on {right: 0; transition: all 0.45s;}
#gnb_mobile .gnb_bg_img {position: absolute; top: 60%; left: 30px; opacity: 0.12; width: 300%;}
#gnb_mobile #gnb_1dul {}
#gnb_mobile #gnb_1dul .gnb_1dli {width: 100%; position: relative; border-bottom: 1px dashed var(--mc); padding: 15px 20px;}
#gnb_mobile #gnb_1dul .gnb_1dli:last-of-type {border-bottom: none;}
#gnb_mobile #gnb_1dul .gnb_1dli .more_btn {position: absolute; top: 20px; left: 90%; color: var(--mc); font-size: 1.5rem; z-index: 99; cursor: pointer; transition: all 0.45s;}
#gnb_mobile #gnb_1dul .gnb_1dli .more_btn.on {transform: rotate(180deg); transition: all 0.45s;}
#gnb_mobile #gnb_1dul .gnb_1dli .more_btn>i {vertical-align: middle; line-height: 0;}
#gnb_mobile #gnb_1dul .gnb_1dli .gnb_2dul {max-height: 0; position: inherit; box-shadow: none; background: none; transition: all 0.45s;}
#gnb_mobile #gnb_1dul .gnb_1dli .gnb_2dul.on {max-height: 300px; transition: all 0.45s;}
#gnb_mobile #gnb_1dul .gnb_1dli .gnb_2dul .gnb_2da {background: none;}
#gnb_mobile #gnb_1dul .gnb_1dli .gnb_2dul .gnb_2da:focus,
#gnb_mobile #gnb_1dul .gnb_1dli .gnb_2dul .gnb_2da:hover {color: inherit;}
#gnb_mobile .hd_login {display: flex; width: 100%; justify-content: center; position: inherit; color: #fff; margin-top: 15px; font-weight: 700;}
#hd_wrapper #gnb_mobile #logo {padding: 30px 20px; max-width: none; background-color: var(--mc);}
#hd_wrapper #gnb_mobile #logo>a {filter: brightness(0) invert(1); max-width: 250px; margin: 0 auto; text-align: center;}

.gnb_mobile_btn {border: none; background: none; outline: none; display: none;}
.gnb_mobile_close_btn {border: none; background: none; outline: none;}
.gnb_mobile_btn>i, .gnb_mobile_close_btn>i {vertical-align: middle; line-height: 0;}

.gnb_mobile_btn {color: var(--mc); font-size: 1.6rem;}
.gnb_mobile_close_btn {position: fixed; color: #fff; font-size: 1.7rem; top: 10px; left: -10px; transition: all 0.45s; z-index: 999;}
.gnb_mobile_close_btn.on {left: 15px; transition: all 0.45s}
.gnb_mobile_bg {width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; transition: all 0.45s}
.gnb_mobile_bg.on {opacity: 1; visibility: visible; transition: all 0.45s}


.hd_login {display: flex; position: absolute; top: 8px; right: 12px;}
.hd_login li {margin-right: 15px;}
.hd_login li:last-of-type {margin-right: 0;}
.hd_login i {font-size: 1rem; color: var(--mc); transition: all 0.3s ease-in;}

#hd.ontop {background-color: rgba(0, 0, 0, 0.5); color: #fff; transition: all 0.3s ease-in;}
#hd.ontop #hd_wrapper #logo {filter: brightness(0) invert(1); transition: all 0.3s ease-in;}
#hd.ontop .gnb_1dli::after {background-color: #fff; transition: all 0.3s ease-in;}
#hd.ontop .gnb_2dul .gnb_2dul_box {border:1px solid #000; transition: all 0.3s ease-in;}
#hd.ontop .gnb_2da {background-color:rgba(0, 0, 0, 0.5);color:#fff; transition: all 0.3s ease-in;}
#hd.ontop .gnb_2da:hover {background-color:rgba(0, 0, 0, 0.8); transition: all 0.3s ease-in;}
#hd.ontop .hd_login i {color: #fff; transition: all 0.3s ease-in;}

/* tail.php */
#ft #ft_wr {font-size: 1rem;}
#ft #ft_wr * {word-break: keep-all;}
#ft #ft_wr>ul {display: flex; justify-content: center; align-items: center;}
#ft #ft_wr>ul.ft_info li {}
#ft #ft_wr>ul.ft_info li::after {content: '|'; display: inline-block; margin: 0 8px;}
#ft #ft_wr>ul.ft_info li:last-of-type:after {content: '';margin: 0;}
#ft #ft_wr>p.copyright {margin: 30px 0;}
#ft #ft_wr>ul.ft_sns li {margin-right: 12px;}
#ft #ft_wr>ul.ft_sns li:last-of-type {margin-right: 0; border-radius: 50%; background-color: #fff; width: 1.8rem; aspect-ratio: 1/1; padding: 2px; display: flex; justify-content: center; align-items: center; text-align: center;}
#ft #ft_wr>ul.ft_sns li>a {display: block;}
#ft #ft_wr>ul.ft_sns li>a>i {font-size: 1.8rem; vertical-align: text-top; line-height: 0;}
#ft #ft_wr>ul.ft_sns li>a>img {width: 80%;}

/* 공통 */
.index_title {text-align: center; font-family: var(--sfont); font-size: 2.5rem; word-break: keep-all; margin-bottom: 10px;}
.title_text {text-align: center; word-break: keep-all; font-size: 1.12rem;}
.board_title {font-family: var(--sfont); text-align: center; font-size: 1.8rem;}

/* section#upper_banner */
#upper_banner {width: 100%; height: 400px; background-position: center center; background-repeat: no-repeat; background-size: cover; display: flex; justify-content: center; align-items: center; position: relative}
#upper_banner::after {content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); backdrop-filter: brightness(0.5);}
#upper_banner .banner_title {text-align: center; color: #fff; z-index: 1; padding: 0 15px;}
#upper_banner .banner_title>h1 {font-size: 3rem;}
/* #upper_banner .banner_title>p {font-size: 1.2rem; margin-top: 5px; padding: 0 10px; border-left: 2px solid #fff; border-right: 2px solid #fff; line-height: 120%; word-break: keep-all;} */
#upper_banner .banner_title>p {display: none;}

/* index_banner.php */
#index_banner {width: 100%;}
#index_banner .banner_youtube {position: relative; padding-bottom: 56.25%; height: 0; pointer-events: none;}
#index_banner .banner_youtube>iframe {width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
#index_banner .banner_down {bottom: 20px; left: 50%; transform: translateX(-50%); width: 60px; aspect-ratio: 1/1; border-radius: 50%; background-color: #fff; color: var(--mc); display: flex; justify-content: center; align-items: center; border: 1px solid #ddd; opacity: 0.8;}
#index_banner .banner_down>i {font-size: 1.5rem; vertical-align: text-top; line-height: 0; animation: updown 1.2s infinite alternate ease-in;}
@keyframes updown {
  from {
    margin-top: -12px;
  }

  to {
    margin-top: 12px;
  }
}

/* index_floor.php */
#index_floor {}
#index_floor .floorgallery {}
#index_floor .floorgallery .swiper-slide {max-height: 700px; display: flex; justify-content: center; align-items: center; position: relative;}
#index_floor .floorgallery .swiper-slide>img {width: 100%;}
#index_floor .floorgallery .swiper-slide>.floor_info {position: absolute; width: 40%; height: 180px; bottom: 35px; right: 35px; z-index: 3; padding: 15px 30px; background-color: var(--mc); color: #fff; display: flex; justify-content: space-between; align-items: center;}
#index_floor .floorgallery .swiper-slide>.floor_info>div {font-family: var(--sfont);}
#index_floor .floorgallery .swiper-slide>.floor_info>div>h3 {font-size: 2rem; margin-bottom: 7px;}
#index_floor .floorgallery .swiper-slide>.floor_info>div>p {font-weight: 400; word-break: keep-all; font-size: 1.1rem;}
#index_floor .floorgallery .swiper-slide>.floor_info>h1 {font-size: 5rem; margin-left: 20px;}

#index_floor .floorthumb {margin-top: 10px;}
#index_floor .floorthumb .swiper-slide {max-height: 150px; cursor: pointer;}
#index_floor .floorthumb .swiper-slide>img {width: 100%;}

/* index_program.php */
#index_program {margin: 80px auto; padding: 15px;}
#index_program .program_latest {margin-top: 40px;}

/* index_campaign.php */
#index_campaign {margin: 80px auto; padding: 15px;}
#index_campaign .campaign_latest {margin-top: 40px;}

/* index_notice_news.php */
#index_nn {background-color: #f1f5f8; padding: 80px 15px;}
#index_nn .index_nn_wrap {display: flex; justify-content: space-between; align-items: stretch;}
#index_nn .index_nn_wrap>div {width: 48%;}

/* index_notice_sche.php */
#index_ns {background-color: #f1f5f8; padding: 80px 15px;}
#index_ns .index_ns_wrap {display: flex; justify-content: space-between; align-items: stretch;}
#index_ns .index_ns_wrap .notice_latest {width: 65%;}
#index_ns .index_ns_wrap .notice_latest.notice_only {width: 100%;}
#index_ns .index_ns_wrap .sche_latest {width: 31%; background-color: #fff; padding: 15px; border-radius: 12px; border: 1px solid var(--mc); display: flex; justify-content: center; align-items: center;}
#index_ns .index_ns_wrap .sche_latest>div {width: 100% !important;}

#index_ns .index_ns_wrap .sche_latest .sche_title .sche_plus {position: absolute; top: 20px; right: 35px;}
#index_ns .index_ns_wrap .sche_latest .sche_title .sche_plus i {color: var(--mc); font-weight: 700;}
#index_ns .index_ns_wrap .sche_latest .sche_title td {line-height:27px; color: var(--mc); font-size: 1.2rem;} 
#index_ns .index_ns_wrap .sche_latest .sche_title td i {vertical-align: middle; margin-right: 4px;} 
#index_ns .index_ns_wrap .sche_latest .sche_cal {vertical-align: middle; margin-right: 4px;} 
#index_ns .index_ns_wrap .sche_latest .sche_cal table tbody tr:first-of-type {font-weight: 700;} 
#index_ns .index_ns_wrap .sche_latest .sche_cal td p {border-radius: 50%; aspect-ratio: 1/1; margin: 5px; display: flex; justify-content: center; align-items: center;} 
#index_ns .index_ns_wrap .sche_latest .sche_cal .sche_on {background-color: var(--mc); color: #fff; font-weight: 700;} 
#index_ns .index_ns_wrap .sche_latest .sche_cal .sche_on>a {display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;} 

/* index_sns.php */
#index_sns {background-color: #f1f5f8; padding: 0 15px 80px;}
#index_sns .index_sns_wrapper {}
#index_sns .index_sns_inner {}
#index_sns .index_sns_inner>li {border:1px solid #cdd2d4;border-radius: 8px;overflow: hidden; background-color: #fff;}
#index_sns .index_sns_inner>li>div {width: 100%; aspect-ratio: 3/2; overflow: hidden;}
#index_sns .index_sns_inner>li>div>iframe {width: 100%; height: 100%;}
#index_sns .index_sns_inner>li>div>a {width: 100%; height: 100%; display: block; background-image: url('/img/index_sns_bg.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover;}
#index_sns .index_sns_inner>li>h3 {text-align: center; font-size: 1.2rem; padding: 10px 15px;}


/* #index_sns .index_sns_inner {display: flex; justify-content: space-between; align-items: flex-start; margin-top: 40px;} */
/* #index_sns .index_sns_inner>li {width: 23%; padding: 15px; background-color: #fff; border: 1px solid #eee; border-radius: 12px;} */
/* #index_sns .index_sns_inner>li>h3 {text-align: center; font-size: 1.2rem; margin-bottom: 10px;} */
/* #index_sns .index_sns_inner>li>iframe {width: 100%; aspect-ratio: 1/1.2;} */

#index_sns .swiper-button-next,
#index_sns .swiper-container-rtl .swiper-button-prev,
#index_sns .swiper-button-prev,
#index_sns .swiper-container-rtl .swiper-button-next {background: none; color: #fff; background-color: rgba(0, 0, 0, 0.5); border-radius: 50%; aspect-ratio: 1/1; width: 45px; top: 60%;}
#index_sns .swiper-button-next::after,
#index_sns .swiper-container-rtl .swiper-button-prev::after,
#index_sns .swiper-button-prev::after,
#index_sns .swiper-container-rtl .swiper-button-next::after {font-size: 18px; font-weight: 700;}

#index_sns .swiper-button-next,
#index_sns .swiper-container-rtl .swiper-button-prev {right: -60px;}
#index_sns .swiper-button-prev,
#index_sns .swiper-container-rtl .swiper-button-next {left: -60px;}
  
/* index_newsletter.php */
#index_nl {background: url('/img/nl bg.jpg') center center no-repeat; background-size: cover; padding: 15px; width: 100%; height: 280px; display: flex; justify-content: center; align-items: center; position: relative;}
#index_nl::after {content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); backdrop-filter: brightness(0.5);}
#index_nl .index_nl_wrap {display: flex; justify-content: space-between; align-items: center; color: #fff; z-index: 3; width: 100%; max-width: 1100px;}
#index_nl .index_nl_wrap .nl_text {}
#index_nl .index_nl_wrap .nl_text>h1 {font-family: var(--sfont); font-size: 2.1rem;}
#index_nl .index_nl_wrap .nl_text>p {font-size: 1.2rem; margin-top: 5px;}
#index_nl .index_nl_wrap .nl_button {display: inline-block; padding: 8px 15px; border: 1px solid #fff; font-size: 1.2rem; transition: all 0.3s;}
#index_nl .index_nl_wrap .nl_button:hover {background-color: #fff; color: var(--mc); transition: all 0.3s;}

/* index_map.php */
#index_map {margin: 30px auto; padding: 15px;}
#index_map>div.index_map_inner {width: 100% !important; border: 2px solid var(--mc); border-radius: 12px;}
#index_map>div.index_map_inner .wrap_controllers {display: none !important;}
#index_map>div.index_map_inner .map_border {display: none;}

/* index_poll.php */
#index_poll {background: url('/img/center pic.jpg') center center no-repeat; background-size: cover; padding: 15px; width: 100%; height: 400px; display: flex; justify-content: center; align-items: center; position: relative;}
#index_poll::after {content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); backdrop-filter: brightness(0.3) blur(5px);}
#index_poll .index_poll_inner {z-index: 1; width: 100%;}

/* 동래구혁신어울림센터 */
/* about.php */
#center_about {margin: 80px auto; padding: 0 15px;}
#center_about>div {margin-bottom: 50px;}
#center_about>div:last-of-type {margin-bottom: 0;}
#center_about .about_title {text-align: center; font-family: var(--sfont); margin-bottom: 25px; font-size: 2.1rem;}
#center_about .about_text {font-size: 1.1rem;}

#center_about .about_purpose>div {display: flex; justify-content: space-between; align-items: center;}
#center_about .about_purpose .about_text {line-height: 140%; margin-left: 30px;}

#center_about .history>div{background:#eee;border-radius:10px;margin-bottom:16px;}
#center_about .history>div b:before{display:block;content:'';position:absolute;top:50%;right:5%;width:12px;height:12px;margin-top:-6px;border-radius:50%;background:#fff;z-index:2}
#center_about .history>div b{position:relative;color:#fff;display:inline-block;width:15%;border-radius:10px 0 10px 10px;padding:10px 45px 10px 20px;}
#center_about .history>div b:after{display:block;content:'';position:absolute;top:100%;right:8.3%;width:1px;height:16px;background:#dcdcdc;z-index:1}
#center_about .history>div:last-child b:after{display:none;}
#center_about .history>div b.year_25{background:#be0bcb;}
#center_about .history>div b.year_24{background:#510d99;}
#center_about .history>div b.year_22{background:#260199;}
#center_about .history>div b.year_20{background:#5968a7;}
#center_about .history>div b.year_19{background:#5bb6d0;}
#center_about .history>div b.year_18{background:#4acba8;}
#center_about .history>div b.year_17{background:#75bf48;}
#center_about .history>div b.year_16{background:#dead2b;}
#center_about .history>div span{display:inline-block;padding:10px;color:#333;}

/* hello.php */
#center_hello {margin: 80px auto; padding: 0 15px;}
#center_hello .hello_title {text-align: center; font-family: var(--sfont); font-size: 2.1rem; margin-bottom: 45px;}
#center_hello .hello_title>span {color: var(--mc);}
#center_hello .hello_inner {display: flex; justify-content: space-between; align-items: stretch;}
#center_hello .hello_inner>div {width: 48%;}
#center_hello .hello_inner .hello_text {border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; padding: 10px 0;}
#center_hello .hello_inner .hello_text>p {font-size: 1rem; line-height: 140%;}
#center_hello .hello_inner .hello_text>h3 {text-align: right;}
#center_hello .hello_inner .hello_text>h3>span {color: var(--mc);}
#center_hello .hello_inner .hello_img {overflow: hidden;}
#center_hello .hello_inner .hello_img>img {max-width: 100%; height: 100%;}

/* mission.php */
#center_mission {margin: 80px auto; padding: 0 15px; display: flex; justify-content: space-between; align-items: flex-start;}
#center_mission .cm_cont {width: 32.5%;}
#center_mission .cm_cont.cm1 {}
#center_mission .cm_cont.cm2 {}
#center_mission .cm_cont.cm3 {}
#center_mission .cm_cont .cm_title {padding: 15px; border-radius: 12px; color: #fff;}
#center_mission .cm_cont.cm1 .cm_title {background-color: #aad08e;}
#center_mission .cm_cont.cm2 .cm_title {background-color: #3bb9b5;}
#center_mission .cm_cont.cm3 .cm_title {background-color: #a499d6;}
#center_mission .cm_cont .cm_title>div {background: transparent; display: flex; justify-content: space-around; align-items: center; border: dashed 1px #fff; padding: 15px 20px; border-radius: 8px;}
#center_mission .cm_cont .cm_title h3 {font-size: 1.3rem;}
#center_mission .cm_cont .cm_text {border-radius: 12px; background-color: #f5f5f5; margin-top: 8px; list-style-type: disc; padding: 15px 20px; font-size: 1rem; line-height: 160%; list-style-position: inside;}

/* member.php */
#center_member {padding: 0 15px; margin: 80px auto;}
#center_member .operation{position:relative;}
#center_member .operation>strong{position:absolute;width:275px;height:70px;background:url(/img/20240221.png) 50% 50% no-repeat; background-size:100%; left: 50%; transform: translateX(-50%);}
#center_member .operation>strong:before{display:block;content:'';position:absolute;top:50%;left:-49px;width:49px;/*height:1px;*/background:#eee;}
#center_member .operation>strong:after{display:block;content:'';position:absolute;top:50%;right:-49px;width:49px;/*height:1px;*/background:#eee;}
#center_member .operation>dl{width:230px;height:70px;text-align:center;display:inline-block;}
#center_member .operation>dl>dt{background:#6eb1d2;color:#fff;border-radius:10px 10px 0 0;padding:6px 0;}
#center_member .operation>dl>dd{background:#f0f7f9;color:#148ec7;border-radius:0 0 10px 10px;padding:5px 0;}
#center_member .operation>dl.step1{position:absolute;left:5%;}
#center_member .operation>dl.step2{position:absolute;/*left:648px;*/right: 5%;}
#center_member .operation>div.centerjan{position:relative;position:absolute;top:112px;width:152px;height:152px;line-height:152px;border-radius:50%;text-align:center;display:inline-block;background:#c8cfdb;left: 50%; transform: translateX(-50%);}
#center_member .operation>div.centerjan:before{display:block;content:'';position:absolute;top:-43px;left:50%;width:1px;height:43px;background:#eee;}
#center_member .operation>div.centerjan:after{display:block;content:'';position:absolute;bottom:-41px;right:50%;width:1px;height:41px;background:#eee;}
#center_member .operation>div.centerjan em{display:inline-block;color:#576a8e;font-size:20px;width:142px;height:142px;margin:3px;border:dotted 1px #fff;border-radius:50%;font-style: normal;}
#center_member .operation>span{width:215px;height:70px;line-height:70px;display:inline-block;border-radius:10px;background:#8aa2ce;color:#fff;text-align:center;}
#center_member .operation>span.step1{position:absolute;top:153px;left:20.4%;}
#center_member .operation>span.step1:before{display:block;content:'';position:absolute;top:50%;right:-8px;width:16px;height:16px;margin-top:-8px;background:#8aa2ce;border:solid 3px #ffff;border-radius:50%;z-index:2;box-sizing:border-box;}
#center_member .operation>span.step1:after{display:block;content:'';position:absolute;top:50%;right:-56px;width:56px;height:1px;background:#eee;z-index:1}
#center_member .operation>span.step2{position:absolute;top:153px;left:60.3%;}
#center_member .operation>span.step2:before{display:block;content:'';position:absolute;top:50%;left:-8px;width:16px;height:16px;margin-top:-8px;background:#8aa2ce;border:solid 3px #ffff;border-radius:50%;z-index:2;box-sizing:border-box;}
#center_member .operation>span.step2:after{display:block;content:'';position:absolute;top:50%;left:-56px;width:56px;height:1px;background:#eee;}
#center_member .operation>ul>li:nth-child(1):after{display:block;content:'';position:absolute;top:385px;left:114px;width:703px;height:1px;background:#eee;}
#center_member .operation>ul>li>strong{width:215px;height:70px;line-height:70px;display:inline-block;border-radius:10px;background:#ad8bd4;color:#fff;text-align:center;}
#center_member .operation>ul>li:nth-child(1)>strong{position:absolute;top:268px;left:123px;}
#center_member .operation>ul>li:nth-child(1)>strong:before{display:block;content:'';position:absolute;top:50%;right:-8px;width:16px;height:16px;margin-top:-8px;background:#ad8bd4;border:solid 3px #ffff;border-radius:50%;z-index:2;box-sizing:border-box;}
#center_member .operation>ul>li:nth-child(1)>strong:after{display:block;content:'';position:absolute;top:50%;right:-585px;width:585px;height:1px;background:#eee;}
#center_member .operation>ul>li:nth-child(1)>strong span{position:relative;}
#center_member .operation>ul>li:nth-child(1)>strong span:before{display:block;content:'';position:absolute;bottom:-74px;left:45px;width:1px;height:47px;background:#eee;}
#center_member .operation>ul>li:nth-child(2)>strong{position:absolute;top:268px;right: 26px;}
#center_member .operation>ul>li:nth-child(2)>strong:before{display:block;content:'';position:absolute;top:50%;left:-8px;width:16px;height:16px;margin-top:-8px;background:#ad8bd4;border:solid 3px #ffff;border-radius:50%;z-index:2;box-sizing:border-box;}
#center_member .operation>ul>li:nth-child(2)>strong:after{display:block;content:'';position:absolute;bottom:-100px;left:56%;width:1px;height:100px;background:#eee;}
#center_member .operation>ul>li>ul>li{width:19.5%;}
#center_member .operation>ul>li>ul>li:before{display:block;content:'';position:absolute;top:-8px;left:50%;width:16px;height:16px;margin-left:-8px;background:#79caba;border:solid 3px #ffff;border-radius:50%;z-index:2;box-sizing:border-box;}
#center_member .operation>ul>li:nth-child(1)>ul>li:nth-child(1){position:absolute;top:435px;width:19.5%;}
#center_member .operation>ul>li:nth-child(1)>ul>li:nth-child(2){position:absolute;top:435px;left:20%;}
#center_member .operation>ul>li:nth-child(1)>ul>li:nth-child(3){position:absolute;top:435px;left:40%;}
#center_member .operation>ul>li:nth-child(1)>ul>li:nth-child(4){position:absolute;top:435px;left:60%;}
#center_member .operation>ul>li:nth-child(1)>ul>li:nth-child(1):after{display:block;content:'';position:absolute;top:-50px;left:50%;width:1px;height:50px;background:#eee;}
#center_member .operation>ul>li:nth-child(1)>ul>li:nth-child(2):after{display:block;content:'';position:absolute;top:-50px;left:50%;width:1px;height:50px;background:#eee;}
#center_member .operation>ul>li:nth-child(1)>ul>li:nth-child(3):after{display:block;content:'';position:absolute;top:-50px;left:50%;width:1px;height:50px;background:#eee;}
#center_member .operation>ul>li:nth-child(1)>ul>li:nth-child(4):after{display:block;content:'';position:absolute;top:-50px;left:50%;width:1px;height:50px;background:#eee;}
#center_member .operation>ul>li:nth-child(2)>ul>li{position:absolute;top:435px;left: 80%;}
#center_member .operation>ul>li>ul>li>strong{display:block;border: 2px solid #79caba;text-align:center;color:#000;height:50px;line-height:50px;border-radius:10px;margin-bottom:4px;}
#center_member .operation>ul>li>ul>li>div{display:flex; flex-direction:column; align-items:center; justify-content:center; border:solid 1px #d2d2d2;min-height:80px;border-radius:10px 10px 0 0; border-bottom:0;background:#f3f1ed;text-align:center;}
#center_member .operation>ul>li>ul>li>div>span{display:block;color:#333;;font-size:14px;}
#center_member .operation>ul>li>ul>li>ul{border:solid 1px #d2d2d2;padding:10px 10px;border-radius:0 0 10px 10px;min-height:311px; border-top:0;}
#center_member .operation>ul>li>ul>li>ul>li{margin:3px 0;}
#center_member .operation>ul>li>ul>li>ul>li>span{display:block;position:relative;color:#333333;font-size:14px;padding-left:10px;}
#center_member .operation>ul>li>ul>li>ul>li>span:before{display:block;content:'';position:absolute;top:50%;left:0;margin-top:-1px;width:2px;height:2px;background:#333;}
#center_member .operation>ul>li>ul>li>ul>li>strong{display:block;}

/* Level-specific connections */
#center_member .organization-chart .level.level-1::after {content: "";position: absolute; bottom: -10px; height: 2px;width: 76.2%;left: 50%;transform: translateX(-50%);background-color: #999;}
#center_member .organization-chart .team_flex .box:first-child::before {content: "";position: absolute;width: 2px;height: 21px;background-color: #999;top: -21px;left: 50%;transform: translateX(-50%);}
#center_member .organization-chart .team_flex .box:not(:last-child)::after {content: "";  position: absolute;width: 2px;height: 23px;background-color: #999;bottom: -23px;left: 50%;transform: translateX(-50%);}

/* local.php */
#center_local {margin: 80px auto; padding: 0 15px;}
#center_local>section {margin-bottom: 50px;}
#center_local>section>div.center_local_inner {width: 100% !important; margin-top: 50px; border: 2px solid var(--mc); border-radius: 12px;}
#center_local>section>div.center_local_inner .wrap_controllers {display: none !important;}
#center_local>section>div.center_local_inner .map_border {display: none;}

#center_local .local_road {}
#center_local .local_road .road_title {border-bottom: 2px solid var(--mc); color: var(--mc); margin-bottom: 5px; padding-bottom: 5px; font-family: var(--sfont); font-size: 1.8rem;}
#center_local .local_road .road_text {display: grid; grid-template-columns: 1fr 5fr; margin: 10px 0; align-items: start;}
#center_local .local_road .road_text.road_img {grid-template-columns: 1fr 2.5fr 2.5fr;}
#center_local .local_road .road_text i {vertical-align: middle; line-height: 0; }
#center_local .local_road .road_text>p {display: flex; justify-content: center; align-items: center; margin: 20px 0;}
#center_local .local_road .road_text>p>i {font-size: 1.8rem; color: var(--mc);border-radius: 18px; padding: 15px; border: 2px solid var(--mc);}
#center_local .local_road .road_text>ul {line-height: 160%; font-size: 1.1rem; margin: 10px 0 20px;}

/* 캡챠(댓글) */
#container .bo_vc_w_info {display: flex; align-items: flex-end;}

/* admin_alert.php */
#admin_alert {padding: 20px 15px;}
#admin_alert .aa_logo {text-align: center;}
#admin_alert .aa_logo>img {max-width: 180px;}

/* facility_rental.php */
#facility_rental {padding: 0 15px; margin: 30px auto;}
#facility_rental>div {margin: 30px 0;}
#facility_rental>div .prg_title {font-size: 1.8rem; margin-bottom: 12px;}
#facility_rental>div .prg_title>i {vertical-align: middle; line-height: 0; margin-right: 9px; color: var(--sc);}
#facility_rental ul {font-size: 1rem; line-height: 160%;}
#facility_rental ul li, #facility_rental ol li {text-indent: -5px; word-break: keep-all;}
#facility_rental ul.prg_info li::before {content: "- "; text-indent: -5px; font-weight: 700; color: var(--sc); font-size: 1.1rem;}
#facility_rental ol {color: #888; font-size: 0.9rem; line-height: 140%; margin: 10px 0 8px;}
#facility_rental ol.prg_note li::before {content: "※ "; text-indent: -5px; font-size: 1.3rem;}

#facility_rental .program_tabs {display: flex; justify-content: space-between; align-items: stretch; margin-bottom: 0;}
#facility_rental .program_tabs>div.tab {width: 33.3333333333333333333%; border: 1px solid var(--mc); padding: 15px 10px; font-size: 1.2rem; text-align: center; border-right: none; cursor: pointer; color: var(--mc);}
#facility_rental .program_tabs>div.tab:last-of-type {border-right: 1px solid var(--mc);}
#facility_rental .program_tabs>div.tab.tab_on {background-color: var(--mc); color: #fff; font-weight: 700;}

#facility_rental .program_cont {margin-top: 0;}
#facility_rental .program_cont>div {padding: 20px 30px; border: 1px solid var(--mc); border-top: none; display: none;}
#facility_rental .program_cont>div.tab_on {display: block;}

#facility_rental .reserve_btn {text-align: center; margin: 20px 0;}
#facility_rental .reserve_btn>a {display: inline-block; padding: 15px 18px; border: 2px solid var(--mc); color: var(--mc); transition: all 0.3s; font-size: 1.1rem; border-radius: 8px;}
#facility_rental .reserve_btn>a:hover {color: #fff; background-color: var(--mc); transition: all 0.3s;}

#facility_rental .facilities {display: flex; justify-content: space-between; padding-bottom: 30px; border-bottom: 1px solid #ccc;}
#facility_rental .facilities .fac {width: 32%;}
#facility_rental .facilities .fac .fac_img {background-color: violet; border-radius: 12px; width: 100%; aspect-ratio: 1/1;}
#facility_rental .facilities .fac .fac_title {text-align: center; margin-top: 12px; font-family: var(--sfont); font-size: 1.5rem; word-break: keep-all;}
#facility_rental .facilities .fac .fac_text {text-align: center; margin: 0 0 12px; font-size: 0.9rem;}

#facility_rental .viewing_flex {display: flex; justify-content: space-between;}
#facility_rental .viewing_flex>div {width: 32%;}

/* #main_index */
.main_index {margin: 80px auto !important; padding: 0 15px;}
.main_index .mi_logo {text-align: right; margin-bottom: 15px;}
.main_index_cont {display: flex; justify-content: space-between; align-items: center;}
.main_index_cont img {width: 100%;}
.main_index_cont .mi_bg {width: 45%;}
.main_index_cont .mi_link {width: 55%;}
.main_index_cont .mi_link li {width: 100%; margin-bottom: 8px;}
.main_index_cont .mi_link li:last-of-type {margin-bottom: 0;}
.main_index_cont .mi_link li a {display: block;}

/* #index_business */
#index_business {margin: 20px auto 40px; padding: 15px; max-width: 1300px;}
#index_business .index_business_wrapper {padding: 60px 30px; border-radius: 16px; background-color: #a2b5cc; background-image: radial-gradient(circle, rgba(255, 255, 255, 0.2) 2px, transparent 1px); background-size: 30px 22px; /* dot 간의 간격 */}

#index_business .ib_button {display: flex; justify-content: center; align-items: center; cursor: pointer; margin-bottom: 30px;}
#index_business .ib_button .ib_btn {padding: 12px 25px; border-radius: 32px; margin-right: 15px; background-color: #fff; transition: all 0.3s; font-size: 1.2rem; font-weight: 700; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);}
#index_business .ib_button .ib_btn:last-of-type {margin-right: 0;}
#index_business .ib_button .ib_btn.ib_on {color: #fff; transition: all 0.3s;}
#index_business .ib_button .ib_home {}
#index_business .ib_button .ib_home.ib_on {background-color: #2b80c2;}
#index_business .ib_button .ib_kinder {}
#index_business .ib_button .ib_kinder.ib_on {background-color: #ec90ac;}

#index_business .ib_cont {display: none; justify-content: center; align-items: center; margin: 0 auto;}
#index_business .ib_cont li {width: calc(100% / 7); height: 160px; background-color: #fff; border: 2px solid #ddd; margin-right: 5px; border-radius: 12px; transition: all 0.3s;}
#index_business .ib_cont li:hover {width: calc(100% / 4); transition: all 0.3s; aspect-ratio: auto; background-color: #fe8374;}
#index_business .ib_cont li:last-of-type {margin-right: 0px;}
#index_business .ib_cont li a {display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; width: 100%; height: 100%; padding: 10px;transition: all 0.3s;}
#index_business .ib_cont li:hover a {flex-direction: row-reverse; transition: all 0.3s; color: #fff;}
#index_business .ib_cont li a img {}
#index_business .ib_cont li a h3 {margin-top: 8px; font-size: 1rem; font-weight: 400;transition: all 0.3s; word-break: keep-all;}
#index_business .ib_cont li:hover a h3 {transition: all 0.3s; color: #fff; font-size: 1.3rem; margin-right: 15px;}
#index_business .ib_cont.ib_on {display: flex; flex-wrap: wrap;}

/* info style */
.cs_title {font-size: 1.8rem; margin-bottom: 8px; word-break: keep-all;}
.cs_title>i {vertical-align: middle; line-height: 0; margin-right: 9px; color: var(--mc);}
.cs_title>br {display: none;}
.cs_text {font-size: 1rem; margin: 12px 0; word-break: keep-all;}
ul.cs_info {font-size: 1rem; line-height: 160%;}
ul.cs_info>li, ol.cs_note>li {text-indent: -5px; word-break: keep-all;}
ul.cs_info>li::before {content: "- "; text-indent: -5px; font-weight: 700; color: var(--sc); font-size: 1.1rem;}
ul.cs_info>li.inner {text-indent: 1.5rem;}
ul.cs_info>li.inner::before {content: '';}
ul.cs_info>li.inner .inner_inner {text-indent: 0; padding-left: 2.3rem;}
ol.cs_note {color: #888; font-size: 0.9rem; line-height: 140%; margin: 10px 0 8px;}
ol.cs_note>li::before {content: "※ "; text-indent: -5px; font-size: 0.9rem; color: #888;}

div.info_table_wrap {width: 100%; margin-top: 15px;}
table.info_table {border-collapse: collapse; border: 2px solid var(--fc); table-layout: fixed; width: 100%; min-width: 730px;}
table.info_table thead {background-color: var(--sc2); font-size: 1rem; color: var(--fc); word-break: keep-all;}
table.info_table thead tr {}
table.info_table thead tr th {padding: 12px 15px; border-right: 1px solid var(--sc2);}
table.info_table thead tr th:last-of-type {border-right: none;}
table.info_table tbody {text-align: center; font-size: 1rem;}
table.info_table tbody tr {}
table.info_table tbody tr th {padding: 12px 15px; border: 1px solid var(--sc2);}
table.info_table tbody tr td {padding: 12px 15px; border: 1px solid var(--sc2);}

/* tab button style */
.tab_button {display: flex; justify-content: center; align-items: flex-start; padding: 0 15px;}
.tab_button .tab_btn {max-width: 250px; border: 1px solid #ccc; border-radius: 18px;margin-right: 8px;transition: all 0.3s; text-align: center; font-size: 1.2rem; margin-top: 30px;}
.tab_button .tab_btn:last-of-type {margin-right: 0;}
.tabl_button .tab_btn:hover {transition: all 0.3s; background-color: var(--mc); color: var(--fc);}
.tab_button .tab_btn.tab_on {background-color: var(--mc); font-weight: 700; color: var(--fc); border-color: var(--mc);}
.tab_button .tab_btn>a {display: block; padding: 12px 10px;}

/* reserve button style */
.reserve_btn {text-align: center; margin: 20px 0;}
.reserve_btn>a {display: inline-block; padding: 15px 18px; border: 2px solid var(--mc); color: var(--fc); transition: all 0.3s; font-size: 1.1rem; border-radius: 8px;}
.reserve_btn>a:hover {background-color: var(--mc); transition: all 0.3s;}

/* inner tab style */
.inner_tabs {display: flex; justify-content: space-between; align-items: stretch; margin-bottom: 0; padding: 0 15px;}
.inner_tabs>div.tab {width: 33.3333333333333333333%; border: 1px solid var(--mc); padding: 15px 10px; font-size: 1.2rem; text-align: center; border-right: none; cursor: pointer; color: var(--fc); word-break: keep-all;}
.inner_tabs>div.tab:last-of-type {border-right: 1px solid var(--mc);}
.inner_tabs>div.tab.tab_on {background-color: var(--mc); color: var(--fc); font-weight: 700;}
.inner_tabs>div.tab>a {display: block; height: 100%; word-wrap: break-word;}

/* inner tab style PLUS */
.inner_tabs.itp>div.tab {padding: 0;}
.inner_tabs.itp>div.tab>a {padding: 15px 10px;}

/* atmospheric style */
.atmospheric {}
.atmospheric:after{display:block;clear:both;content:'';}
.atmospheric>div {padding:0 10px;width:33.33%;float:left;}
.atmospheric>div>div{position:relative;min-height:160px;margin:10px 0;border:solid 1px var(--mc);border-radius:5px;text-align:center;}
.atmospheric>div>div:after{display:block;content:'';position:absolute;top:50%;right:-24px;width:24px;height:13px;margin-top:-7px;background:url(/img//course_bg.png) 50% 50% no-repeat;transform:rotate(-90deg)}
.atmospheric>div:nth-child(3)>div:after,
.atmospheric>div:nth-child(6)>div:after{display:none;background:none;}
.atmospheric>div>div strong{color:var(--fc);display:block;margin-bottom:15px;height:60px;line-height:60px;background:var(--sc2);border-radius:5px 5px 0 0;}
.atmospheric>div>div em{display:inline-block;vertical-align:middle;width:25px;height:25px;line-height:25px;margin-right:5px;border-radius:50%;background:var(--mc);color:var(--fc);text-align:center;font-style: normal;font-size: 0.9rem;}
.atmospheric>div>div span{display:block;margin:10px 0;padding: 0 15px;word-break: keep-all; line-height: 140%;}

/* .counsel_button */
.counsel_button .tab_btn {width: 50%;}

/* download a tag style */
a.download_link {display: inline-block; padding: 3px 10px; border: 1px solid var(--fc); color: var(--fc); border-radius: 6px; text-indent: 0; margin: 5px 0;}
a.download_link>i {margin-right: 3px; vertical-align: middle; line-height: 0;}
div>a.download_link {padding: 6px 10px; font-size: 1rem;}

/* kid_counsel.off.php */
#counsel_off {padding: 0 15px; margin: 30px auto; max-width: 1000px;}
#counsel_off>div {margin: 30px 0;}

/* kid_timecare.php */
#time_care {margin: 60px auto; padding: 0 15px;}
#time_care .time_care_wrap {}
#time_care .time_care_wrap>div {margin: 30px 0;}
#time_care .tc_1 {}
#time_care .tc_1 .frame {text-align: center;}
#time_care .tc_2 {}
#time_care .tc_3 .info_table .online_reserve a {display: inline-block; color: var(--fc); background-color: var(--mc);    padding: 3px 5px;border-radius: 8px;margin-left: 3px;margin-bottom: 3px;font-size: 0.8rem;}
#time_care .tc_4 {}
#time_care .tc_4 .care_reserve {margin-top: 15px; text-align: center;}
#time_care .tc_4 .care_reserve>a {display: inline-flex; justify-content: center; align-items: center; padding: 20px 18px;border: 1px solid #ccc; border-radius: 16px; overflow: hidden;}
#time_care .tc_4 .care_reserve>a p {margin: 0 10px; word-break: keep-all; font-size: 1.1rem; font-weight: 700;}
#time_care .tc_4 .care_reserve>a i {font-size: 1.5rem; color: var(--mc);}
#time_care .tc_5 {}
#time_care .tc_5 .cs_info ul.tc_location {display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 15px; text-indent: 0;}
#time_care .tc_5 .cs_info ul.tc_location>li {width: 49%;}
#time_care .tc_5 .cs_info ul.tc_location>li .tc_img {}
#time_care .tc_5 .cs_info ul.tc_location>li .tc_img>img {width: 100%;}
#time_care .tc_5 .cs_info ul.tc_location>li .tc_text {background-color: #f5f5f5; padding: 15px 20px;}
#time_care .tc_5 .cs_info ul.tc_location>li.tc_5_map {}
#time_care .tc_5 .cs_info ul.tc_location>li.tc_5_map .tc_5_kakaomap {width: 100% !important;}

/* kid_nursery.php */
#nursery_info {margin: 40px auto; padding: 0 15px;}
#nursery_info .nursery_info_wrap {}
#nursery_info .nursery_info_wrap>div {margin: 40px 0;}
#nursery_info .nursery_info_wrap .ni_1 {}
#nursery_info .nursery_info_wrap .ni_2 {}
#nursery_info .nursery_info_wrap .ni_3 {}

#nursery_info .nursery_check_ten{}
#nursery_info .nursery_check_ten>li{position:relative;margin:10px 0;min-height:200px;border:solid 1px var(--sc);border-radius:10px;display:table;width:100%;}
#nursery_info .nursery_check_ten>li.icon1 .icon{background:var(--sc2) url(/img/tip_icon1_bg.png) 50% 50% no-repeat;}
#nursery_info .nursery_check_ten>li.icon2 .icon{background:var(--sc2) url(/img/tip_icon2_bg.png) 50% 50% no-repeat;}
#nursery_info .nursery_check_ten>li.icon3 .icon{background:var(--sc2) url(/img/tip_icon3_bg.png) 50% 50% no-repeat;}
#nursery_info .nursery_check_ten>li.icon4 .icon{background:var(--sc2) url(/img/tip_icon4_bg.png) 50% 50% no-repeat;}
#nursery_info .nursery_check_ten>li.icon5 .icon{background:var(--sc2) url(/img/tip_icon5_bg.png) 50% 50% no-repeat;}
#nursery_info .nursery_check_ten>li.icon6 .icon{background:var(--sc2) url(/img/tip_icon6_bg.png) 50% 50% no-repeat;}
#nursery_info .nursery_check_ten>li.icon7 .icon{background:var(--sc2) url(/img/tip_icon7_bg.png) 50% 50% no-repeat;}
#nursery_info .nursery_check_ten>li.icon8 .icon{background:var(--sc2) url(/img/tip_icon8_bg.png) 50% 50% no-repeat;}
#nursery_info .nursery_check_ten>li.icon9 .icon{background:var(--sc2) url(/img/tip_icon9_bg.png) 50% 50% no-repeat;}
#nursery_info .nursery_check_ten>li.icon10 .icon{background:var(--sc2) url(/img/tip_icon10_bg.png) 50% 50% no-repeat;}
#nursery_info .nursery_check_ten>li .icon{display:table-cell;width:20%;background:var(--sc2);border-radius:10px 0 0 10px}
#nursery_info .nursery_check_ten>li .con{display:table-cell;width:80%;padding:10px 20px;}
#nursery_info .nursery_check_ten>li .con strong{color:var(--fc);display:block;margin-bottom:15px;}
#nursery_info .nursery_check_ten>li .con em{display:inline-block;vertical-align:middle;width:25px;height:25px;line-height:25px;margin-right:5px;border-radius:50%;background:var(--mc);color:#fff;text-align:center; font-style: normal;}
#nursery_info .nursery_check_ten>li .con span{display:block;color:#333;font-size:0.95rem;margin-bottom:15px;}
#nursery_info .nursery_check_ten>li .con ul:after{display:block;clear:both;content:'';}
#nursery_info .nursery_check_ten>li .con ul li {position:relative;width:50%;float:left;margin:2px 0;padding-left:10px;font-size:14px;}
#nursery_info .nursery_check_ten>li .con ul li:before{display:block;clear:both;content:'';position:absolute;top:50%;left:0;width:4px;height:4px;background:#9e9e9e;transform: translateY(-50%);}

.nursery_button .tab_btn {width: 30%;}

/* kid_enter.php */
#nursery_enter {margin: 40px auto; padding: 0 15px;}
#nursery_enter .nursery_enter_wrap {margin-top: 30px;}
#nursery_enter .nursery_enter_wrap p {word-break: keep-all;}

/* kid_sum.php */
#nursery_sum {padding: 0 15px;}
#nursery_sum .ns_cont {margin: 30px 0 60px;}
#nursery_sum .ns_cont .ns_cont_in {display: none;}
#nursery_sum .ns_cont .ns_cont_in.tab_on {display: block;}

/* kid_ordinance.php */
#kid_ordinance {padding: 0 15px;}

#kid_ordinance .ordinance{text-align:center;margin:50px 0;}
#kid_ordinance .ordinance strong{font-size:20px;color:#333;display:block;margin-bottom:5px;}
#kid_ordinance .ordinance span{color:#666;display:block;margin-bottom:10px;font-size:15px;}
#kid_ordinance .ordinance p{text-align:right;color:#666;font-size:15px;}
#kid_ordinance .personal>li{margin-bottom:30px;}
#kid_ordinance .personal>li h4{margin-bottom:5px !important;font-size:17px !important;padding-left:0 !important;color:var(--mc) !important;background:none !important;}
#kid_ordinance .cate7 .personal>li h4{color:#000 !important;}
#kid_ordinance .personal>li h5{margin:0 0 10px 0;font-size:15px;color:#333;}
#kid_ordinance .personal>li h6{margin:10px 0;font-size:15px;color:#333;font-size:15px;}
#kid_ordinance .personal>li p{font-size:15px;color:#333;}
#kid_ordinance .personal>li i{display:inline-block;vertical-align:top;width:16px;font-style: normal;}
#kid_ordinance .personal>li span{display:inline-block;vertical-align:top;width:92%;}
#kid_ordinance .personal>li>ul>li{position:relative;margin:3px 0;font-size:15px;}
#kid_ordinance .personal>li>ul>li .hwp{display:inline-block;padding-right:25px;background:url(/img/hwp_icon.png) right 0 no-repeat;}
#kid_ordinance .personal>li>ul>li>ul{margin:3px 0 3px 16px;}
#kid_ordinance .per_area{background:#f5f5f5;padding:20px;border-radius:10px;margin:30px 0;box-shadow:2px 2px 5px #ccc;}
#kid_ordinance ul.dash_list>li{position:relative;margin:3px 0;padding-left:16px;}
#kid_ordinance ul.dash_list>li:before{display:block;clear:both;content:"";position:absolute;top:10px;left:0;width:5px;height:1px;background:#777;}

/* kid_join.php */
#kid_join {margin: 60px auto; padding: 0 15px;}
#kid_join .kid_join_wrap {}
#kid_join .kid_join_wrap>div {margin: 30px 0;}

#kid_join .atmospheric>div>div strong{padding: 10px 15px; line-height: 120%; word-break: keep-all;}
#kid_join .kj_3 div h3 {margin: 5px 0 8px;}
#kid_join .kj_3 div h3>span {display: inline-block; padding: 2px 8px; color: var(--fc); background-color: var(--sc); font-size: 1.2rem;}
#kid_join .kj_3 .kj_3_personal .atmospheric>div {width:19.5%;}
#kid_join .kj_3 .kj_3_business .atmospheric>div {width:24.5%;}

/* kid_program.php */
#kid_program {margin: 60px auto; padding: 0 15px;}
#kid_program .kid_program_wrap {}
#kid_program .kid_program_wrap>div {margin: 30px 0;}

#kid_program .kp_2 .kp_program_list {display: flex; justify-content: left; flex-wrap: wrap; margin-top: 20px;}
#kid_program .kp_2 .kp_program_list li {width: 32.7%; margin-right: 10px; margin-bottom: 10px; padding: 30px 35px; border: 1px solid var(--mc); border-radius: 18px;}
#kid_program .kp_2 .kp_program_list li {display: flex; justify-content: center; align-items: center; flex-direction: column;}
#kid_program .kp_2 .kp_program_list li:nth-of-type(3n) {margin-right: 0;}
#kid_program .kp_2 .kp_program_list li img {}
#kid_program .kp_2 .kp_program_list li h3 {font-size: 1.1rem; margin: 20px 0 10px;}
#kid_program .kp_2 .kp_program_list li p {font-size: 1rem; text-align: justify;}

/* kid_parents_edu.php */
#kid_parents_edu {margin: 60px auto; padding: 0 15px;}
#kid_parents_edu table.info_table tbody tr td,
#kid_parents_edu table.info_table thead tr th {padding: 10px 5px; text-align: center;}

/* kid_playground.php */
#kid_playground {margin: 60px auto; padding: 0 15px;}
#kid_playground .kid_playground_wrap {}
#kid_playground .kid_playground_wrap>div {margin: 45px 0;}
#kid_playground .kid_playground_wrap>div h6 {font-size: 1.2rem; padding-left: 1rem;}
#kid_playground .kid_playground_wrap>div>p {padding-left: 1rem; color: gray;}
#kid_playground .kid_playground_wrap>div .pg_img {padding: 20px; border: 1px solid var(--mc); border-radius: 12px;}
#kid_playground .kid_playground_wrap>div .pg_img>img {width: 100%; border-radius: 8px;}

/* kid_rental.php */
#kid_rental {margin: 60px auto; padding: 0 15px;}
#kid_rental .kid_rental_wrap {}
#kid_rental .kid_rental_wrap>div {margin: 45px 0;}
#kid_rental .kid_rental_wrap .kr_3>ul {display: flex; justify-content: left; flex-wrap: wrap;}
#kid_rental .kid_rental_wrap .kr_3>ul>li {width: calc(100% / 9.5); background-color: #f5f5f5; border-radius: 8px; font-weight: 700; text-align: center; height: 80px; padding: 5px; display: flex; justify-content: center; align-items: center; font-size: 1rem; min-width: 100px; margin-right: 7px; margin-bottom: 10px;}
#kid_rental .kid_rental_wrap .kr_3>ul>li:last-of-type {margin-right: 0;}

/* kid_library.php */
#kid_library {margin: 60px auto; padding: 0 15px;}
#kid_library .kid_library_wrap {}
#kid_library .kid_library_wrap>div {margin: 45px 0;}
#kid_library .kid_library_wrap>div h6 {font-size: 1.2rem; padding-left: 1rem;}
#kid_library .kid_library_wrap>div>p {padding-left: 1rem; color: gray;}
#kid_library .kid_library_wrap>div .kl_img {padding: 20px; border: 1px solid var(--mc); border-radius: 12px;}
#kid_library .kid_library_wrap>div .kl_img>img {width: 100%; border-radius: 8px;}

/* kid_teacher.php */
#kid_teacher {margin: 60px auto; padding: 0 15px;}
#kid_teacher .kid_teacher_wrap {}
#kid_teacher .kid_teacher_wrap>div {margin: 45px 0;}
#kid_teacher table.info_table tbody tr td,
#kid_teacher table.info_table thead tr td {padding: 10px 5px; text-align: center;}
#kid_teacher table.info_table tbody tr th,
#kid_teacher table.info_table tbody tr td {padding: 12px 15px; border: 1px solid #333;}
#kid_teacher table.info_table .color1 {background-color: #ffe7d8;}
#kid_teacher table.info_table .color2 {background-color: #fff5cc;}
#kid_teacher table.info_table .color3 {background-color: #ecf8d4;}
#kid_teacher table.info_table .color4 {background-color: #cdf2e4;}
#kid_teacher table.info_table .color5 {background-color: #c7e9fc;}
#kid_teacher table.info_table .color6 {background-color: #ebdef1;}
#kid_teacher p.caution {padding-top: 10px; color: gray;}
#kid_teacher a.pdf_down {display: inline-block;padding: 3px 5px;border: 1px solid var(--fc);background-color: var(--sc2);border-radius: 5px;margin-top: 10px;}

/* kid_trip.php */
#kid_trip {margin: 60px auto; padding: 0 15px;}
#kid_trip .kid_trip_wrap {}
#kid_trip .kid_trip_wrap>div {margin: 45px 0;}

/* kid_cook.php */
#kid_cook {margin: 60px auto; padding: 0 15px;}
#kid_cook .kid_cook_wrap {}
#kid_cook .kid_cook_wrap>div {margin: 45px 0;}
#kid_cook .kid_cook_wrap>div h6 {font-size: 1.2rem; padding-left: 1rem;}

/* kid_nuri.php */
#kid_nuri {margin: 60px auto; padding: 0 15px;}
#kid_nuri .kid_nuri_wrap {}
#kid_nuri .kid_nuri_wrap>div {margin: 45px 0;}

#kid_nuri .explanation{margin-top: 20px;}
#kid_nuri .explanation:after{display:block;clear:both;content:'';}
#kid_nuri .explanation>li{padding:0 10px;width:33.33%;float:left; margin-bottom: 10px;}
#kid_nuri .explanation>li>div{border:solid 1px var(--mc);border-radius:4px;}
#kid_nuri .explanation:not(.common2024)>li>div{min-height:333px;}
#kid_nuri .explanation>li>div strong{display:block; position:relative; padding:22px;border-radius:4px 4px 0 0; font-size:18px;color:var(--fc); background-color:var(--sc2);}
#kid_nuri .explanation>li>div strong a{position:absolute; right:20px; top:50%; transform:translateY(-50%); width:36px; height:36px; border-radius: 50%; background-color: var(--mc); color: #fff; display: flex; justify-content: center; align-items: center;}
#kid_nuri .explanation>li>div strong span{font-size: 14px;}
#kid_nuri .explanation>li>div>ul{padding:18px;}
#kid_nuri .explanation>li>div>ul>li{position:relative;border-bottom:solid 1px #dcdcdc;color:#555;padding:10px;font-size:1rem;}
#kid_nuri .explanation>li>div>ul>li:last-child{border:none;}
#kid_nuri .explanation>li>div>ul>li:before{display:block;content:'';position:absolute;top:20px;left:0;width:2px;height:2px;background:#666;}

/* kid_consult.php */
#kid_consult {margin: 60px auto; padding: 0 15px;}
#kid_consult .kid_consult_wrap {}
#kid_consult .kid_consult_wrap>div {margin: 45px 0;}
#kid_consult .kid_consult_wrap>div .kc_img {text-align: center; margin-top: 15px;}
#kid_consult .kid_consult_wrap>div .kc_img>img {max-width: 100%}
#kid_consult .info_table {font-size: 1rem;}
#kid_consult .alignLeft {text-align: left;}
#kid_consult .dot_list{padding-left:20px;}

/* kid_consult2.php */
#kid_consult .kc_22 .atmplus>div {width: 50%;}
#kid_consult .kc_22 .atmplus>div>div {min-height: 190px;}

/* kid_consult3.php */
#kid_consult .operSystem{margin:15px 0 50px; display: flex; justify-content: space-between;}
#kid_consult .operSystem>div {width: 50%;}
#kid_consult .operSystem div.opersystem_1 {}
#kid_consult .operSystem div.opersystem_2 {}
#kid_consult .operSystem>div>li {width: 100%;position:relative;float:left;margin-bottom:40px;padding:0 10px;box-sizing:border-box;}
#kid_consult .operSystem>div>li:nth-of-type(1)::after,
#kid_consult .operSystem>div>li:nth-of-type(2)::after {position:absolute;display:block;content:"";left:50%;bottom:-40px;margin-left:-27px;width:54px;height:39px;background:url(/img/bg_operSystem.png) no-repeat center center;}
#kid_consult .operSystem>div>li:last-of-type {margin: 0;}
#kid_consult .operSystem div.opersystem_1>li:before {position:absolute;display:block;content:"";top:100px;right:-10px;width:20px;height:1px;background:#ddd;}
#kid_consult .operSystem div.opersystem_2>li:nth-of-type(2)::before {position:absolute;display:block;content:"";left:-10px;bottom:-115px;width:20px;height:202px;background:url(/img/bg_operSystem02.png) no-repeat center center;}

#kid_consult .operSystem div.lineBox h6{height:42px;line-height:42px;font-size:1.1rem;text-align:center;color:#fff;border-radius:10px 10px 0 0;}
#kid_consult .operSystem div.lineBox h6.purple{background:#9fade7;}
#kid_consult .operSystem div.lineBox h6.green{background:#63cfd0;}
#kid_consult .operSystem div.lineBox > div{height:135px;border:1px solid #ccc;border-radius:0 0 10px 10px;box-sizing:border-box; font-size: 1rem;}
#kid_consult .operSystem div.lineBox > div>ul {padding: 0 max(10px, 5%); display: flex; flex-direction: column; justify-content: center; align-items: flex-start; height: 100%;}

#kid_consult .minList:after{display:block;clear:both;content:'';}
#kid_consult .minList > ul{position:relative;/*padding-left:150px;*/ display: flex; justify-content: flex-end;}
#kid_consult .minList > ul:after{position:absolute;display:block;content:"";top:-51px;right:180px;width:396px;height:52px;background:url(/img/bg_operSystem03.png) no-repeat center center;}
#kid_consult .minList > ul > li{width:30%; margin-left: 15px;}
#kid_consult .minList > ul > li h6{height:42px;line-height:42px;font-size:1.1rem;text-align:center;color:#fff;background:#f8795a;border-radius:10px 10px 0 0;}
#kid_consult .minList > ul > li div{height:135px;border:1px solid #ccc;border-radius:0 0 10px 10px;box-sizing:border-box;font-size: 1rem;}
#kid_consult .minList > ul > li div>ul {padding: 0 max(10px, 10%); display: flex; flex-direction: column; justify-content: center; align-items: flex-start; height: 100%;}

/* kid_material.php */
#kid_material {margin: 60px auto; padding: 0 15px;}
#kid_material .kid_material_wrap {}
#kid_material .kid_material_wrap>div {margin: 45px 0;}
#kid_material .atmplus>div>div {min-height: 180px;}

/* aside_btn.php */
#aside_btn {top: 50%; right: 20px; transform: translateY(-50%); opacity: 0.9; display: flex; flex-direction: column; align-items: flex-end;}
#aside_btn .aside_link {display: flex; justify-content: space-between; align-items: center; padding: 10px 12px; border-radius: 32px; margin-bottom: 8px;}
#aside_btn .aside_link:last-of-type {margin-bottom: 0;}
#aside_btn .aside_link.aside_kid {background-color: #88b9e4;}
#aside_btn .aside_link.aside_toy {background-color: #da5959;}
#aside_btn .aside_link.aside_dream {background-color: #19641e;}
#aside_btn .aside_link .aside_icon {display: flex; justify-content: center; align-items: center;}
#aside_btn .aside_link .aside_icon {background-color: #fff; width: 40px; aspect-ratio: 1/1; border-radius: 50%;}
#aside_btn .aside_link .aside_icon>i {vertical-align: middle; line-height: 0; font-size: 1.2rem;}
#aside_btn .aside_link.aside_kid .aside_icon>i {color: #88b9e4;}
#aside_btn .aside_link.aside_toy .aside_icon>i {color: #da5959;}
#aside_btn .aside_link.aside_dream .aside_icon>i {color: #19641e;}
#aside_btn .aside_link .aside_title {color: #fff; font-size: 1rem; font-family: var(--sfont);}
#aside_btn .aside_link .aside_title>span {display: none; margin-left: 5px;}
#aside_btn .aside_link:hover .aside_title>span {display: inline;}

/* index_banner.php - toy_banner */
#index_banner.toy_banner {display: flex;}
#index_banner.toy_banner .ib_card {width: 75%;}
#index_banner.toy_banner .ib_button {width:25%; display: flex; flex-wrap: wrap;}
#index_banner.toy_banner .ib_button a{width: 50%; display: flex; align-items: center;}
#index_banner.toy_banner .ib_button a:nth-child(1){background:#1aa7ec url(/img/main_choice_1.png) no-repeat 90% 50%;}
#index_banner.toy_banner .ib_button a:nth-child(2){background:#4adede url(/img/main_choice_2.png) no-repeat 90% 50%;}
#index_banner.toy_banner .ib_button a:nth-child(3){background:#797ef6 url(/img/main_choice_3.png) no-repeat 90% 50%;}
#index_banner.toy_banner .ib_button a:nth-child(4){background:#ffffff url(/img/main_choice_4.png) no-repeat 90% 50%;}
#index_banner.toy_banner .ib_button a:nth-child(5){background:#505faf url(/img/main_choice_5.png) no-repeat 90% 50%;}
#index_banner.toy_banner .ib_button a:nth-child(6){background:#1cd59a url(/img/main_choice_6.png) no-repeat 90% 50%;}
#index_banner.toy_banner .ib_button a span{display:inline-block;vertical-align:middle;font-weight:700;font-size:1.1rem;line-height:24px;color:#fff;margin-left:25px;font-family:"NanumSquare";}
#index_banner.toy_banner .ib_button a:nth-child(4) span{color:#172481;}

/* index_banner.php - dream_banner */
#index_banner.dream_banner {display: flex;}
#index_banner.dream_banner .ib_card {width: 75%;}
#index_banner.dream_banner .ib_button {display: flex; flex-wrap: wrap; width: 32.5%;}
#index_banner.dream_banner .ib_button a{width: 50%; display: flex; align-items: center;}
#index_banner.dream_banner .ib_button a:nth-child(1){background:#1aa7ec url(/img/main_choice_1.png) no-repeat 90% 50%;}
#index_banner.dream_banner .ib_button a:nth-child(2){background:#4adede url(/img/main_choice_2.png) no-repeat 90% 50%;}
#index_banner.dream_banner .ib_button a:nth-child(3){background:#797ef6 url(/img/main_choice_3.png) no-repeat 90% 50%;}
#index_banner.dream_banner .ib_button a:nth-child(4){background:#ffffff url(/img/main_choice_4.png) no-repeat 90% 50%;}
#index_banner.dream_banner .ib_button a:nth-child(5){background:#505faf url(/img/main_choice_5.png) no-repeat 90% 50%;}
#index_banner.dream_banner .ib_button a:nth-child(6){background:#1cd59a url(/img/main_choice_6.png) no-repeat 90% 50%;}
#index_banner.dream_banner .ib_button a:nth-child(7){background:#58a9ff url(/img/main_choice_7.png) no-repeat 90% 50%;}
#index_banner.dream_banner .ib_button a:nth-child(8){background:#8ed264 url(/img/main_choice_8.png) no-repeat 90% 50%;}
#index_banner.dream_banner .ib_button a span{display:inline-block;vertical-align:middle;font-weight:700;font-size:1.1rem;line-height:24px;color:#fff;margin-left:25px;font-family:"NanumSquare";}
#index_banner.dream_banner .ib_button a:nth-child(4) span{color:#172481;}

/* index_banner.php - kid_banner */
#index_banner.kid_banner {display: flex; justify-content: space-between; max-width: 1300px;}
#index_banner.kid_banner .ib_card {aspect-ratio: 4/5; width: 32.5%;}
#index_banner.kid_banner .ib_card>div {height: 100%;}
#index_banner.kid_banner .ib_cal { width: 32.5%;}
#index_banner.kid_banner .ib_button {display: flex; flex-wrap: wrap; width: 32.5%;}
#index_banner.kid_banner .ib_button a{width: 50%; display: flex; align-items: center;}
#index_banner.kid_banner .ib_button a:nth-child(1){background:#1aa7ec url(/img/main_choice_1.png) no-repeat 90% 50%;}
#index_banner.kid_banner .ib_button a:nth-child(2){background:#4adede url(/img/main_choice_2.png) no-repeat 90% 50%;}
#index_banner.kid_banner .ib_button a:nth-child(3){background:#797ef6 url(/img/main_choice_3.png) no-repeat 90% 50%;}
#index_banner.kid_banner .ib_button a:nth-child(4){background:#ffffff url(/img/main_choice_4.png) no-repeat 90% 50%;}
#index_banner.kid_banner .ib_button a:nth-child(5){background:#505faf url(/img/main_choice_5.png) no-repeat 90% 50%;}
#index_banner.kid_banner .ib_button a:nth-child(6){background:#1cd59a url(/img/main_choice_6.png) no-repeat 90% 50%;}
#index_banner.kid_banner .ib_button a:nth-child(7){background:#58a9ff url(/img/main_choice_7.png) no-repeat 90% 50%;}
#index_banner.kid_banner .ib_button a:nth-child(8){background:#8ed264 url(/img/main_choice_8.png) no-repeat 90% 50%;}
#index_banner.kid_banner .ib_button a.width_x2 {width: 100%;}
#index_banner.kid_banner .ib_button a span{display:inline-block;vertical-align:middle;font-weight:700;font-size:1.1rem;line-height:24px;color:#fff;margin-left:25px;font-family:"NanumSquare";}
#index_banner.kid_banner .ib_button a:nth-child(4) span{color:#172481;}

#index_banner.kid_banner .swiper-slide {max-height: none;}
#index_banner.kid_banner .swiper-slide>a {display: block; height: 100%;}
#index_banner.kid_banner .swiper-slide img {width: 100% !important; height: 100%; object-fit: cover;}
#index_banner.kid_banner .swiper-button-prev,
#index_banner.kid_banner .swiper-container-rtl .swiper-button-next,
#index_banner.kid_banner .swiper-button-next,
#index_banner.kid_banner .swiper-container-rtl .swiper-button-prev {background: none; color: black;}

#index_banner.kid_banner .ib_cal {display: flex; justify-content: center; align-items: center;}
#index_banner.kid_banner .ib_cal .ib_cal_inner {background-color: #fff; padding: 15px; border-radius: 12px; border: 1px solid var(--mc); display: flex; justify-content: center; align-items: center; width: 100%;}
#index_banner.kid_banner .ib_cal .ib_cal_inner>div {width: 100% !important;}
#index_banner.kid_banner .ib_cal .ib_cal_inner .sche_title .sche_plus {position: absolute; top: 20px; right: 35px;}
#index_banner.kid_banner .ib_cal .ib_cal_inner .sche_title .sche_plus i {color: var(--mc); font-weight: 700;}
#index_banner.kid_banner .ib_cal .ib_cal_inner .sche_title td {line-height:27px; color: var(--mc); font-size: 1.2rem;} 
#index_banner.kid_banner .ib_cal .ib_cal_inner .sche_title td i {vertical-align: middle; margin-right: 4px;} 
#index_banner.kid_banner .ib_cal .ib_cal_inner .sche_cal {vertical-align: middle; margin-right: 4px;} 
#index_banner.kid_banner .ib_cal .ib_cal_inner .sche_cal table tbody tr:first-of-type {font-weight: 700;} 
#index_banner.kid_banner .ib_cal .ib_cal_inner .sche_cal td p {border-radius: 50%; aspect-ratio: 1/1; margin: 5px; display: flex; justify-content: center; align-items: center;} 
#index_banner.kid_banner .ib_cal .ib_cal_inner .sche_cal .sche_on {background-color: var(--mc); color: #fff; font-weight: 700;} 
#index_banner.kid_banner .ib_cal .ib_cal_inner .sche_cal .sche_on>a {display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;}

/* register_form_member.php */
#container .btn_rfm .btn_submit {margin: 0;}
.btn_rfm a.btn_leave {float: right; height: 50px !important; width: 49%; background-color: crimson; padding: 0 30px; font-weight: bold; font-size: 1.083em; display: flex; justify-content: center; align-items: center; color: #fff; border-radius: 3px;}

/* mypage */
#mypage_menu {margin: 30px auto; padding: 0 15px; display: flex; justify-content: center; align-items: center; padding-bottom: 30px; border-bottom: 1px solid #ddd;}
/* #mypage_menu li {width: 33.33%;} */
#mypage_menu li {width: 25%;}
#mypage_menu li>a {display: block; padding: 10px 5px; text-align: center; border: 1px solid var(--mc); font-size: 1.12rem; border-right: none;}
#mypage_menu li:last-of-type>a {border-right: 1px solid var(--mc);}
#mypage_menu li.on>a {background-color: var(--mc); color: var(--fc);}

#mypage_reserve {margin-bottom: 60px; padding: 0 15px;}
#mypage_reserve .mypage_table_wrap {}
#mypage_reserve .mypage_table_wrap table {width: 100%; border-collapse: collapse; border-top: 3px solid var(--mc);}
#mypage_reserve .mypage_table_wrap table thead {background-color: var(--sc2);}
#mypage_reserve .mypage_table_wrap table thead tr {}
#mypage_reserve .mypage_table_wrap table thead tr th {padding: 15px 10px; font-size: 1.1rem; font-family: var(--sfont);}
#mypage_reserve .mypage_table_wrap table tbody {}
#mypage_reserve .mypage_table_wrap table tbody tr {border-bottom: 1px solid var(--sc2);}
#mypage_reserve .mypage_table_wrap table tbody tr td {padding: 15px 10px;}
#mypage_reserve .mypage_table_wrap table tbody tr td.td_board {width: 25%;  font-size: 1rem;}
#mypage_reserve .mypage_table_wrap table tbody tr td.td_title {width: 50%; text-indent: 1rem; font-size: 1rem;}
#mypage_reserve .mypage_table_wrap table tbody tr td.td_datetime {width: 15%;}
#mypage_reserve .mypage_table_wrap table tbody tr td.td_href {width: 10%; text-align: center;}
#mypage_reserve .mypage_table_wrap table tbody tr td.td_href>a {display: inline-block; border: 1px solid var(--mc); color: var(--fc); border-radius: 3px; padding: 6px 10px; background-color: var(--mc);}
#mypage_reserve span.hidden {display: none;}

#mypage_reserve .pagination {margin-top: 15px;}
#mypage_reserve .pagination a {display: inline-block; padding: 5px 8px;font-size: 0.9rem; border: 1px solid #aaa; border-radius: 3px;}
#mypage_reserve .pagination a.current_page {background-color: var(--mc); color: var(--fc); border: 1px solid var(--mc);}

/* mobile_menu.php */
#mobile_menu {position: fixed; bottom: 0; left: 0; width: 100%; background-color: #fff; z-index: 999; padding: 15px 0; display: none; box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.1);}
#mobile_menu>ul {display: flex; justify-content: space-between; gap: 10px;}
#mobile_menu>ul>li {width: 25%;text-align: center;}
#mobile_menu>ul>li>a {font-size: 1.5rem;}
#mobile_menu>ul>li>a>i {color: var(--mc);}

/* 바코드 aside */
#main_barcode {position:fixed;bottom:80px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5)}
#main_barcode:hover {border-color:var(--mc);background:var(--mc);color:#fff}
#main_barcode>a {display: block; font-size: 20px;}
#main_barcode>a>i {vertical-align: middle;}

/* 이용약관 */
section.terms {padding: 60px 15px;}
.personal>li{margin-bottom:30px;}
.personal>li h4{margin-bottom:5px !important;font-size:17px !important;padding-left:0 !important;color:#ea861a !important;background:none !important;}
.cate7 .personal>li h4{color:#000 !important;}
.personal>li h5{margin:0 0 10px 0;font-size:15px;color:#333;}
.personal>li h6{margin:10px 0;font-size:15px;color:#333;font-size:15px;}
.personal>li p{font-size:15px;color:#333;}
.personal>li i{display:inline-block;vertical-align:top;width:16px;font-style: normal;}
.personal>li span{display:inline-block;vertical-align:top;width:92%;}
.personal>li>ul>li{position:relative;margin:3px 0;font-size:15px;}
.personal>li>ul>li .hwp{display:inline-block;padding-right:25px;background:url(../images/hwp_icon.png) right 0 no-repeat;}
.personal>li>ul>li>ul{margin:3px 0 3px 16px;}
.per_area{background:#f5f5f5;padding:20px;border-radius:10px;margin:30px 0;box-shadow:2px 2px 5px #ccc;}
ul.dash_list>li{position:relative;margin:3px 0;padding-left:16px;}
ul.dash_list>li:before{display:block;clear:both;content:"";position:absolute;top:10px;left:0;width:5px;height:1px;background:#777;}
.txt1{color:#222;font-size:15px;}