a, p, li, span, pre, input, select {letter-spacing: -0.05em;}

/* select */
select {height: 40px;padding: 0 3rem;border: 1px solid var(--medium-grey);background-color:var(--white);background-image:url("/assets/img/select.png");background-repeat:no-repeat;background-position: right 1.3rem top 50%;background-size:1.1rem;letter-spacing: -.05em;}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
    select {background-size:2rem;background-position: right 2.5rem top 50%;font-size: 3rem;line-height:3rem;height:9.2rem;padding:0 3rem;border:.2rem solid #ddd;}
}

/* button */
button {letter-spacing: -.05em;}

/* input text */
input::placeholder {letter-spacing: -.05em;}
input[type="text"] {letter-spacing: -.05em;border:1px solid #ddd;border-radius: 1rem;padding: 0 2.4rem;color:var(--black);font-size: 1.5rem;background: var(--white);height:5rem;line-height:5rem;transition: border-width 0.2s, border-color 0.2s;box-sizing: border-box;}
input[type="text"]::placeholder {font-size: 1.5rem;line-height:5rem;color:#959595;}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
  input[type="text"] {font-size: 3rem;line-height:3rem;height:9.2rem;padding:0 3rem;border:.2rem solid #ddd;}
  input[type="text"]::placeholder {font-size: 3rem;line-height:3rem;}
}


/* input number */
input[type="number"] {letter-spacing: -.05em;border:1px solid #ddd;border-radius: 1rem;padding: 0 2.4rem;color:var(--black);font-size: 1.5rem;background: var(--white);height:5rem;line-height:5rem;transition: border-width 0.2s, border-color 0.2s;box-sizing: border-box;}
input[type="number"]::placeholder {font-size: 1.5rem;line-height:5rem;color:#959595;}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
  input[type="number"] {font-size: 3rem;line-height:3rem;height:9.2rem;padding:0 3rem;border:.2rem solid #ddd;}
  input[type="number"]::placeholder {font-size: 3rem;line-height:3rem;}
}


/* input radio */
input[type="radio"] { position:relative; opacity:1; width:1.6rem; height:1.6rem; cursor:pointer; appearance:none; -webkit-appearance:none; -moz-appearance:none; border:0; border-radius:50%; border:1px solid #ddd; outline:0; letter-spacing: -.05em; background-image:url("/assets/img/radio_noncheck.svg");background-size: 58%;background-position: center;background-repeat: no-repeat;}
input[type="radio"]:checked { background-color:var(--black);background-image:url("/assets/img/radio_check.svg"); background-size: 58%;background-position: center;background-repeat: no-repeat;}
input[type="radio"]::-ms-check { border:1px solid var(--black); background-color:var(--white); }

/* input checkbox */
input[type="checkbox"] { position:relative; opacity:1; cursor:pointer; width:1.6rem; height:1.6rem; vertical-align: text-top; appearance:none; -webkit-appearance:none; -moz-appearance:none; /*border:1px solid #BCBCBC; border-radius:.4rem; background:#fff;*/ outline:0; vertical-align: middle;background-image:url("/assets/img/input_checkbox.png"); background-size:1.6rem 1.6rem; background-repeat:no-repeat; letter-spacing: -.05em;}
input[type="checkbox"]:checked { border:0; background-image:url("/assets/img/input_checked2.png"); background-size:1.6rem 1.6rem; -webkit-transition:.2s ease-out; transition:.2s ease-out; background-repeat:no-repeat; }
/* ie support */
input[type="checkbox"]::-ms-check { border:1px solid #ababab; background-color:var(--white); }
input[type="checkbox"]:checked::-ms-check { color:transparent; border:0; background-image:url("//img.echosting.cafe24.com/skin/skin/common/bg_checkbox_checked.png"); background-size:1.6rem 1.6rem; background-repeat:no-repeat; }
label > input[type=radio], label > input[type=checkbox] { margin:0 1rem 0 0; vertical-align:middle; }
label + label { margin-left:1.6rem; }
@media screen and (max-width:1023px) { /* Mobile, Tablet */
    input[type="checkbox"] {width:3rem;height:3rem;background-size:3rem 3rem;}
    input[type="checkbox"]:checked {background-size:3rem 3rem;}
    input[type="checkbox"]:checked::-ms-check {background-size:3rem 3rem;}
}

/* textarea */
textarea {border:1px solid #ddd;border-radius: 1rem;padding: 2.4rem 1.8rem;color:var(--black);font-size: 1.5rem;background: var(--white);transition: border-width 0.2s, border-color 0.2s;box-sizing: border-box;}
textarea::placeholder {font-size: 1.5rem;line-height:5rem;color:#959595;}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
  textarea {font-size: 3rem;line-height:3rem;padding:3.2rem 3rem;border:.2rem solid #ddd;}
  textarea::placeholder {font-size: 3rem;line-height:3rem;}
}


/* 게시판 공통 paginate */
.paginate {display:flex;gap:.5rem;align-items: center;justify-content: center;margin-top:4.2rem;}
.paginate > a {border:1px solid #BCBCBC;display:flex;justify-content: center;align-items: center;width:3.2rem;height:3.2rem;}
.paginate > a:hover {border:1px solid var(--black);}
.paginate > a:hover svg, .paginate > a:hover path {fill:var(--black);}
.paginate > a > img {height:1rem;width:auto;}
.paginate ol {display:flex;gap:.5rem;align-items: center;}
.paginate ol li:first-child {padding-left:1rem;}
.paginate ol li:last-child {padding-right:1rem;}
.paginate ol li a {font-size:1.5rem;color:#999;display:block;line-height:3.2rem;width:3.2rem;height:3.2rem;text-align: center;}
.paginate ol li a.selected {color:var(--black);font-weight:700;}


/* 게시판 공통 더보기 버튼 */
.btnMore {text-align: center;margin:6.4rem auto 0;}
.btnMore a {display:flex;font-size:2.6rem;line-height:3rem;color:var(--medium-grey);    justify-content: center;align-items: center;gap: 1.15rem;}
.btnMore a .arrow {transform:rotate(135deg);border-radius:.2rem;border-top: .2rem solid var(--medium-grey);border-right: .2rem solid var(--medium-grey);width: 1.6rem;height: 1.6rem;margin-bottom: .4rem;}


/* 게시판 공통 이전글, 다음글 보기 */
.board_movement {}
.board_movement > ul {border-top:.1rem solid #ddd;border-bottom:.1rem solid #ddd;}
.board_movement > ul > li {padding:1.3rem 4rem;display:flex;align-items: center;gap:6.7rem;}
.board_movement > ul > li:first-child {border-bottom:.05rem solid #ddd;}
.board_movement > ul > li a,
.board_movement > ul > li p {font-size:1.4rem;line-height:2.4rem;color:var(--medium-grey);}
.board_movement > ul > li > p {font-size:1.4rem;line-height:2.4rem;color:var(--medium-grey);display: flex;align-items: center;gap: 1.3rem;}
.board_movement > ul > li > p > .arrow {border-color:var(--medium-grey);width:.7rem;height:.7rem;}
.board_movement > ul > li.prev > p > .arrow {transform:rotate(-45deg);margin-top: .5rem;}
.board_movement > ul > li.next > p > .arrow {transform:rotate(135deg);margin-bottom: .3rem;}
.board_movement > ul > li .other_list {display:flex;justify-content: space-between;width: 100%;align-items: center;}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
  .board_movement > ul > li {font-size:3rem;line-height:3rem;padding:3.3rem 2rem;}
  .board_movement > ul > li a,
  .board_movement > ul > li p {font-size:3rem;line-height:3rem;}
  .board_movement > ul > li > p > .arrow {width:1.6rem;height:1.6rem;border-width:.2rem;}
  .board_movement > ul > li.next .other_list .title {color:var(--font-black);font-weight:700;}
  .board_movement > ul > li .other_list .date {display:none;}
  
}


/* TOP SELECT AREA */
.select_toparea {display: flex;align-items: center;justify-content: space-between;max-width:var(--max-width);margin:0 auto 1.6rem;padding:2rem 0 0;}
.select_toparea .flex_wrap {display: flex;align-items: center;gap:1rem;}
.select_toparea .flex_wrap.right {gap:0;}
.select_toparea .flex_wrap p {font-size:1.5rem;line-height:2rem;}
.select_toparea .flex_wrap .form_field {width:100%;}
.select_toparea .right p {font-size:1.5rem;line-height:2rem;color:#444;}
.select_toparea .right > span {display:inline-block;height:1.2rem;width:.1rem;background:#ddd;margin-top: .2rem;}
.select_toparea .right .num {font-size:1.5rem;line-height:2rem;color:#444;font-weight:700;display:inline-block;padding-left:.3rem;}
.select_toparea .custom-select {width:18rem;}
.select_toparea .custom-select__trigger {border:1px solid #ddd;color:#959595;padding:0 1.8rem;border-radius:.6rem;z-index:11;}
.select_toparea .custom-select__trigger.error {border-width:.2rem;border-color: #85BAFF;outline: none;}
.select_toparea .custom-select__label {color:#959595;font-size: 1.5rem;}
.select_toparea .custom-select__label.selected {color:var(--black);}
.select_toparea .custom-select__option {text-align: left;}
.select_toparea .custom-select__options {bottom:unset;top: calc(100% - 2rem);padding-top:1.9rem;z-index:10;border:1px solid #ddd;border-radius:0 0 1rem 1rem;}
.select_toparea .custom-select__option:hover{background-color:var(--sub-color-blue);} 
@media screen and (max-width:1023px) { /* Mobile, Tablet */
    .select_toparea {margin-bottom:2rem;flex-direction: column;align-items: flex-start;gap:2rem;padding:2rem var(--side-padding) 0;}
    .select_toparea .flex_wrap {gap:1.2rem;}
    .select_toparea .flex_wrap p {font-size:2.6rem;line-height:4rem;color:#444;}
    .select_toparea .right p {font-size:2.6rem;line-height:4rem;}
    .select_toparea .right > span {height:2rem;width:.1rem;margin-top: .2rem;}
    .select_toparea .right .num {font-size:2.6rem;line-height:4rem;}
    .select_toparea .custom-label {font-size:2.8rem;line-height:4rem;margin-bottom:1.6rem;}
    .select_toparea .custom-select {width:23.4rem;}
    .select_toparea .custom-select__trigger {height:7rem;padding:0 3rem;border:.2rem solid #ddd;border-radius:1rem;}
    .select_toparea .custom-select__label {font-size: 2.8rem;line-height:3rem;color:#444;}
    .select_toparea .custom-select__trigger::after {right:2.2rem;}
    .select_toparea .custom-select__option {font-size:3rem;line-height:3rem;padding:3.2rem 3rem;color:#444;}
    .select_toparea .custom-select__option:focus,
    .select_toparea .custom-select__option:active {background:var(--sub-color-blue);}
    .select_toparea .custom-select__options {padding:2rem 0 0 0;border:.2rem solid #ddd;}
}


/* CUSTOM SELECT */
.custom-select {position: relative;width: 100%;font-size: 1.5rem;}
.custom-select__trigger{width:100%;padding:1rem 1.3rem;border:1px solid var(--medium-grey);background-color:var(--white);color:var(--medium-grey);text-align:left;cursor:pointer;position:relative;height:4.4rem;}
.custom-select__trigger::after{content:'';position:absolute;right:1.6rem;top:50%;width:.8rem;height:.8rem;border-right:1px solid var(--medium-grey);border-bottom:1px solid var(--medium-grey);transform:translateY(-50%) rotate(45deg);transition:transform 0.5s}
.custom-select.open .custom-select__trigger::after{transform:translateY(-50%) rotate(-135deg);transition:transform 0.5s}
.custom-select__options{display:none;position:absolute;left:0;width:100%;max-height:22rem;overflow-y:auto;overflow-x:hidden;border:1px solid var(--medium-grey);background-color:var(--white);z-index:10;bottom:calc(100% - .1rem);}
.custom-select__options>li>a{font-size:1.5rem;color:var(--black)}
.custom-select__options>li>a:hover{font-weight:400}
.custom-select__option{padding:1rem 1.3rem;cursor:pointer}
.custom-select__option:hover{background-color:var(--background-grey)}

@media screen and (max-width:1023px) { /* Mobile, Tablet */
  .custom-select__trigger {padding:1.4rem 3rem;border-radius:1.5rem;border:.2rem solid var(--medium-grey);height:7rem;border-radius: 1rem;z-index:11;}
  .custom-select__trigger::after {width:1.4rem;height:1.4rem;border-right:.2rem solid var(--medium-grey);border-bottom:.2rem solid var(--medium-grey);}
  .custom-select__options {border-radius:1.5rem;border:.2rem solid var(--medium-grey);max-height:38rem;padding-bottom:2rem;bottom:calc(100% - 2rem);}
}


/* UI */
.text_left {text-align: left;}
.text_center {text-align: center;}
.bold700 {font-weight:700;}
.color_main_blue {color:var(--main-blue-1);}


/* 커스텀 alert 모달 */
.custom-alert {position: fixed;z-index: 9999;left:50%;top:50%;transform:translate(-50%, -50%);width: 34.2rem;}
.custom-alert .custom-alert__content {border: 1px solid #ddd;box-shadow: 0px 0px 4px 0px rgba(0,0,0,.15);background: var(--white);border-radius: 1rem;padding: 2rem 2.4rem;}
.custom-alert .custom-alert__message {font-size: 1.5rem;line-height:2rem;margin-bottom: 4.8rem;}
.custom-alert .btn_area {display:flex;gap:.8rem;justify-content: flex-end;}
.custom-alert .btn_area button {border: none;font-size: 1.5rem;line-height:2rem;padding:.6rem 1.6rem;border-radius: .6rem;cursor: pointer;transition: background 0.2s ease;}
#customAlertCancle {background: var(--white);color: var(--black);border:1px solid var(--black);}
#customAlertOk {background: var(--black);color: var(--font-white);}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
    .custom-alert {width: calc(100% - var(--side-padding)*2 );}
    .custom-alert .custom-alert__content {border: .2rem solid #ddd;padding: 4rem 4.4rem;}
    .custom-alert .custom-alert__message {font-size: 3rem;line-height:4rem;margin-bottom: 9.8rem;}
    #customAlertCancle {font-size: 3rem;line-height:3rem;padding: 1.6rem 2.6rem;}
    #customAlertOk {font-size: 3rem;line-height:3rem;padding: 1.6rem 2.6rem;}
}


/* swiper-navigation */
.swiper-navigation .swiper-button-next,
.swiper-navigation .swiper-button-prev {border-radius: 50%;background-color: rgba(0, 0, 0, .5);margin:0;color:var(--white);width:3rem;height:3rem;margin:0;top:50%;transform:translate(0, -50%);}
.swiper-navigation .swiper-button-next:hover,
.swiper-navigation .swiper-button-prev:hover {background-color: rgba(0, 0, 0, .8);}
.swiper-horizontal .swiper-button-next,
.swiper-horizontal .swiper-navigation .swiper-button-prev {margin:0 !important;}
.swiper-navigation .swiper-button-next svg,
.swiper-navigation .swiper-button-prev svg {fill:none;stroke:var(--white);stroke-width: 2px;width:.5rem;height:1rem;}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
}


/* button */
.btn {display:inline-block;border-radius:10rem;}
.btnBlue {display:inline-block;height:3.2rem;line-height:3.2rem;background:#2364CF;color:var(--font-white);padding:0 2.5rem;border-radius:10rem;font-size:1.3rem;}
.sizeM {padding:0 2.5rem;height:3.2rem;line-height:3.2rem;font-size:1.3rem;}
.sizeL {padding:0 4.6rem;height:5rem;line-height:5rem;font-size:1.5rem;}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
  .sizeM {padding:0 5rem;height:6.6rem;line-height:6.6rem;font-size:2.6rem;}
  .sizeL {padding:0 5rem;height:8.2rem;line-height:8.2rem;font-size:2.6rem;}
}
.customBtn {display:block;background:#ECF3FF;color:#444;padding:0 1.2rem;height:3.4rem;line-height:3.4rem;border-radius:.5rem;font-size:1.2rem;}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
  .customBtn {height:6.8rem;line-height:6.8rem;font-size:2.6rem;border-radius:1.2rem;display:inline-block;}
}

.navyblue {background:#000D93;color:var(--font-white);}


/* tab_cont */
.tab_cont > .jq_tab {display:flex;gap:1rem;justify-content: center;margin-bottom:4.6rem;align-items: center;}
.tab_cont > .jq_tab li {}
.tab_cont > .jq_tab li > a {display:block;width:12rem;height:4rem;background:var(--btncolor-2);border-radius:5rem;color:var(--font-white);text-align: center;font-size:1.3rem;line-height:4rem;white-space: nowrap;}
.tab_cont > .jq_tab li > a:hover{color:var(--main-blue-1);}
.tab_cont > .jq_tab li.selected > a {background:var(--main-blue-1);font-weight:700;}
.tab_cont > .jq_tab li.selected > a:hover {color:var(--font-white);}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
    .tab_cont > .jq_tab {overflow:auto;justify-content: flex-start;margin-bottom:3.6rem;}
    .tab_cont > .jq_tab::-webkit-scrollbar {display:none;}
    .tab_cont > .jq_tab li > a {height:7rem;font-size:2.8rem;line-height:7rem;width: auto;padding: 0 4rem;}
    .tab_cont > .jq_tab li.selected > a {font-weight:400;}
}

/* tab_cont_2 */
.tab_cont_2 > ul {display:inline-flex;justify-content: center;margin-bottom:4.6rem;align-items: center;border:1px solid #ddd;border-radius:1rem;}
.tab_cont_2 > ul > li {}
.tab_cont_2 > ul > li.selected a {background:#000D93;color:var(--font-white);}
.tab_cont_2 > ul > li a {display:block;height:5.8rem;background:var(--white);border-radius:1rem;color:#7C8492;text-align: center;font-size:1.5rem;line-height:5.8rem;white-space: nowrap;text-align: center;padding:0 9.7rem;}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
  .tab_cont_2::-webkit-scrollbar {display:none;}
  .tab_cont_2 > ul {justify-content: flex-start;margin-bottom:3rem;width:100%;border-radius:1.3rem;}
  .tab_cont_2 > ul > li {width:100%;}
  .tab_cont_2 > ul > li a {height:9.4rem;font-size:2.8rem;line-height:9.4rem;width: auto;padding:0;border-radius:1.3rem;}
}

/* inner_tab_cont */
.inner_tab_cont {text-align: center;}
.inner_tab_cont > ul {display:inline-flex;justify-content: center;gap:6.4rem;margin-bottom:1.7rem;align-items: center;}
.inner_tab_cont > ul > li {}
.inner_tab_cont > ul > li.selected a {border-bottom:3px solid var(--main-blue-1);font-weight:700;}
.inner_tab_cont > ul > li a {text-align: center;font-size:1.5rem;}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
  .inner_tab_cont {}
  .inner_tab_cont::-webkit-scrollbar {display:none;}
  .inner_tab_cont > ul {justify-content: flex-start;padding: 0 var(--side-padding);overflow: auto;width:100%;}
  .inner_tab_cont > ul::-webkit-scrollbar {display: none;}
  .inner_tab_cont > ul > li a {height:7rem;font-size:2.8rem;line-height:7rem;width: auto;}
}


/* toggleBtn */
.rule-toggle {
  width: 4.9rem;
  height: 2.4rem;
  background: #E0E6ED;
  border-radius: 10rem;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  display: flex;
  align-items: center;
  transition: background 0.25s ease;
}

/* circle */
.rule-toggle .circle {
  width: 1.8rem;
  height: 1.8rem;
  background: var(--white);
  border-radius: 50%;
  position: absolute;
  left: .3rem;
  top: .3rem;
  transition: transform 0.25s ease;
}

/* active 상태 (파란 배경 + circle 오른쪽 이동) */
.rule-toggle.active {background: #000D93;}
.rule-toggle.active .circle {transform: translateX(2.4rem);}
.rule-label .block {font-size:1.5rem;line-height:2rem;color:#ddd;display:inline-block;padding:0 .5rem;}
.rule-label > span {font-size:1.5rem;line-height:2rem;color:#444;}
.rule-label .label.off {display:inline-block;}
.rule-label .label.on {display:none;}
.rule-label.active .label {}
.rule-label.active .label.off {display:none;}
.rule-label.active .label.on {display:inline-block;}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
  .rule-label .label {width:100%;text-align: right;}
  .rule-label .label > span {display:inline;}
  .rule-label .label.off {right:unset;left:-10rem;color:var(--medium-grey);font-size:2.6rem;line-height:4rem;}
  .rule-label .label.on {right:unset;left:-10rem;color:var(--medium-grey);font-size:2.6rem;line-height:4rem;}
  .rule-toggle {width: 9.4rem;height: 5rem;overflow:unset;}
  .rule-toggle .circle {width: 3.8rem;height: 3.8rem;left: .6rem;top: .6rem;}
  .rule-toggle.active .circle {transform: translateX(4.4rem);}
}