@charset "UTF-8";
.layout_lnb nav {
  height: var(--lnb-h);
  background-color: #4156a7;
  z-index: 99;
}
@media screen and (max-width: 1023.9px) {
  .layout_lnb nav {
    display: none;
  }
}
.layout_lnb nav .inner {
  display: flex;
}
.layout_lnb nav li {
  position: relative;
  min-width: var(--lnb-h);
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.layout_lnb nav li > .link_wrap {
  height: var(--lnb-h);
}
.layout_lnb nav li > label {
  cursor: pointer;
}
.layout_lnb nav li.home {
  border-left: 1px solid rgba(255, 255, 255, 0.3);
}
.layout_lnb nav li.home > .link_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}
.layout_lnb nav li:not(.home) {
  min-width: 220px;
}
.layout_lnb nav li:not(.home) > .link_wrap {
  display: flex;
  align-items: center;
  padding-inline: 15px 35px;
  width: 100%;
  height: var(--lnb-h);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.347 14'%3E%3Cpath data-name='사각형 21297' style='fill:none' d='M0 0h14v14H0z' transform='translate(.173)'/%3E%3Cg data-name='그룹 19141'%3E%3Cg data-name='그룹 19142'%3E%3Cpath data-name='패스 49948' d='M13.269 1.83 7.55 7.55l-5.8-5.8' transform='translate(-.336 2.351)' style='stroke:%23fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;fill:none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: 14.347px;
  background-repeat: no-repeat;
  background-position: calc(100% - 15px) center;
}
.layout_lnb nav :is(.dep1_list, .dep2_list) {
  position: absolute;
  width: calc(100% + 2px);
  max-height: 0;
  border-inline: 1px solid #e4e4e4;
  overflow: hidden;
  transform: translateX(-1px);
  transition: all 0.3s;
}
.layout_lnb nav :is(.dep1_list, .dep2_list) a {
  color: #222;
  display: flex;
  align-items: center;
  padding-inline: 15px;
}
.layout_lnb nav :is(.dep1_list, .dep2_list) > a, .layout_lnb nav :is(.dep1_list, .dep2_list) > li {
  border-bottom: 1px solid #e4e4e4;
  height: var(--lnb-h);
}
.layout_lnb nav [type=checkbox]:checked ~ :is(.dep1_list, .dep2_list) {
  max-height: none;
  background-color: #fff;
  opacity: 1 !important;
  z-index: 2 !important;
}

.com_sub_visual {
  display: flex;
  width: 100%;
  color: #fff;
  background: url(../img/sub/sub_visual.png) no-repeat center center;
}
.com_sub_visual.sub_visual1 {
  background-image: url(../img/sub/sub_visual1.png);
}
@media screen and (max-width: 767.9px) {
  .com_sub_visual.sub_visual1 {
    background-image: url(../img/sub/sub_visual1_m.png);
    background-color: #1bccfd;
  }
}
.com_sub_visual.sub_visual2 {
  background-image: url(../img/sub/sub_visual2.png);
}
@media screen and (max-width: 767.9px) {
  .com_sub_visual.sub_visual2 {
    background-image: url(../img/sub/sub_visual2_m.png);
    background-color: #6699ff;
  }
}
.com_sub_visual.sub_visual3 {
  background-image: url(../img/sub/sub_visual3.png);
}
@media screen and (max-width: 767.9px) {
  .com_sub_visual.sub_visual3 {
    background-image: url(../img/sub/sub_visual3_m.png);
    background-color: #00a8ff;
  }
}
.com_sub_visual.sub_visual4 {
  background-image: url(../img/sub/sub_visual4.png);
}
@media screen and (max-width: 767.9px) {
  .com_sub_visual.sub_visual4 {
    background-image: url(../img/sub/sub_visual4_m.png);
    background-color: #43c784;
  }
}
.com_sub_visual.sub_visual5 {
  background-image: url(../img/sub/sub_visual5.png);
}
@media screen and (max-width: 767.9px) {
  .com_sub_visual.sub_visual5 {
    background-image: url(../img/sub/sub_visual5_m.png);
    background-color: #00ccff;
  }
}
.com_sub_visual.sub_visual6 {
  background-image: url(../img/sub/sub_visual6.png);
}
@media screen and (max-width: 767.9px) {
  .com_sub_visual.sub_visual6 {
    background-image: url(../img/sub/sub_visual6_m.png);
    background-color: #00a8ff;
  }
}
.com_sub_visual.sub_visual7 {
  background-image: url(../img/sub/sub_visual7.png);
}
@media screen and (max-width: 767.9px) {
  .com_sub_visual.sub_visual7 {
    background-image: url(../img/sub/sub_visual7_m.png);
    background-color: #00a8ff;
  }
}
@media screen and (min-width: 1429.9px) {
  .com_sub_visual {
    background-position-x: left;
  }
}
@media screen and (min-width: 767.9px) {
  .com_sub_visual {
    align-items: center;
    height: 320px;
    background-size: cover;
  }
}
@media screen and (max-width: 767.9px) {
  .com_sub_visual {
    height: 160px;
    background-size: contain;
    background-position-x: 80%;
    background-position-y: bottom;
  }
}
@media screen and (max-width: 575.9px) {
  .com_sub_visual {
    background-size: cover;
    background-position-x: right;
  }
}
.com_sub_visual .inner {
  width: 100%;
  padding-inline: 8.5%;
}
@media screen and (max-width: 767.9px) {
  .com_sub_visual .inner {
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
}
.com_sub_visual h1 {
  line-height: 1.4;
  font-weight: 800;
}
@media screen and (min-width: 767.9px) {
  .com_sub_visual h1 {
    font-size: 64px;
  }
}
@media screen and (max-width: 767.9px) {
  .com_sub_visual h1 {
    font-size: 25px;
  }
}
.com_sub_visual h2 {
  line-height: 1.4;
  font-weight: 600;
}
@media screen and (min-width: 767.9px) {
  .com_sub_visual h2 {
    font-size: 30px;
    margin-top: 14px;
  }
}
@media screen and (max-width: 767.9px) {
  .com_sub_visual h2 {
    font-size: 15px;
    margin-top: 17.5px;
  }
}

.com_datepicker_wrap {
  display: inline-flex;
  align-items: center;
}

.datepicker {
  padding-right: 34px;
  margin-right: -20px;
}
@media screen and (max-width: 1023.9px) {
  .datepicker {
    width: 100%;
  }
}
.datepicker + img {
  position: relative;
  right: 10px;
}

.slick-slide img[class*=view_w_full_up], .slick-slide img[class*=view_w_full] {
  display: none;
}
@media screen and (min-width: 1620px) {
  .slick-slide img.view_w_full_up {
    display: block;
  }
  .slick-slide img.view_w_full_up.none {
    display: none;
  }
  .slick-slide img.view_w_full_up.inblock {
    display: inline-block;
  }
  .slick-slide img.view_w_full_up.flex {
    display: flex;
  }
  .slick-slide img.view_w_full_up.inflex {
    display: inline-flex;
  }
  .slick-slide img.view_w_full_up.table {
    display: table;
  }
}
@media screen and (max-width: 1620px) {
  .slick-slide img.view_w_full {
    display: block;
  }
  .slick-slide img.view_w_full.none {
    display: none;
  }
  .slick-slide img.view_w_full.inblock {
    display: inline-block;
  }
  .slick-slide img.view_w_full.flex {
    display: flex;
  }
  .slick-slide img.view_w_full.inflex {
    display: inline-flex;
  }
  .slick-slide img.view_w_full.table {
    display: table;
  }
}
.slick-slide img[class*=view_w_xxl_up], .slick-slide img[class*=view_w_xxl] {
  display: none;
}
@media screen and (min-width: 1429.9px) {
  .slick-slide img.view_w_xxl_up {
    display: block;
  }
  .slick-slide img.view_w_xxl_up.none {
    display: none;
  }
  .slick-slide img.view_w_xxl_up.inblock {
    display: inline-block;
  }
  .slick-slide img.view_w_xxl_up.flex {
    display: flex;
  }
  .slick-slide img.view_w_xxl_up.inflex {
    display: inline-flex;
  }
  .slick-slide img.view_w_xxl_up.table {
    display: table;
  }
}
@media screen and (max-width: 1429.9px) {
  .slick-slide img.view_w_xxl {
    display: block;
  }
  .slick-slide img.view_w_xxl.none {
    display: none;
  }
  .slick-slide img.view_w_xxl.inblock {
    display: inline-block;
  }
  .slick-slide img.view_w_xxl.flex {
    display: flex;
  }
  .slick-slide img.view_w_xxl.inflex {
    display: inline-flex;
  }
  .slick-slide img.view_w_xxl.table {
    display: table;
  }
}
.slick-slide img[class*=view_w_xl_up], .slick-slide img[class*=view_w_xl] {
  display: none;
}
@media screen and (min-width: 1239.9px) {
  .slick-slide img.view_w_xl_up {
    display: block;
  }
  .slick-slide img.view_w_xl_up.none {
    display: none;
  }
  .slick-slide img.view_w_xl_up.inblock {
    display: inline-block;
  }
  .slick-slide img.view_w_xl_up.flex {
    display: flex;
  }
  .slick-slide img.view_w_xl_up.inflex {
    display: inline-flex;
  }
  .slick-slide img.view_w_xl_up.table {
    display: table;
  }
}
@media screen and (max-width: 1239.9px) {
  .slick-slide img.view_w_xl {
    display: block;
  }
  .slick-slide img.view_w_xl.none {
    display: none;
  }
  .slick-slide img.view_w_xl.inblock {
    display: inline-block;
  }
  .slick-slide img.view_w_xl.flex {
    display: flex;
  }
  .slick-slide img.view_w_xl.inflex {
    display: inline-flex;
  }
  .slick-slide img.view_w_xl.table {
    display: table;
  }
}
.slick-slide img[class*=view_w_l_up], .slick-slide img[class*=view_w_l] {
  display: none;
}
@media screen and (min-width: 1023.9px) {
  .slick-slide img.view_w_l_up {
    display: block;
  }
  .slick-slide img.view_w_l_up.none {
    display: none;
  }
  .slick-slide img.view_w_l_up.inblock {
    display: inline-block;
  }
  .slick-slide img.view_w_l_up.flex {
    display: flex;
  }
  .slick-slide img.view_w_l_up.inflex {
    display: inline-flex;
  }
  .slick-slide img.view_w_l_up.table {
    display: table;
  }
}
@media screen and (max-width: 1023.9px) {
  .slick-slide img.view_w_l {
    display: block;
  }
  .slick-slide img.view_w_l.none {
    display: none;
  }
  .slick-slide img.view_w_l.inblock {
    display: inline-block;
  }
  .slick-slide img.view_w_l.flex {
    display: flex;
  }
  .slick-slide img.view_w_l.inflex {
    display: inline-flex;
  }
  .slick-slide img.view_w_l.table {
    display: table;
  }
}
.slick-slide img[class*=view_w_m_up], .slick-slide img[class*=view_w_m] {
  display: none;
}
@media screen and (min-width: 767.9px) {
  .slick-slide img.view_w_m_up {
    display: block;
  }
  .slick-slide img.view_w_m_up.none {
    display: none;
  }
  .slick-slide img.view_w_m_up.inblock {
    display: inline-block;
  }
  .slick-slide img.view_w_m_up.flex {
    display: flex;
  }
  .slick-slide img.view_w_m_up.inflex {
    display: inline-flex;
  }
  .slick-slide img.view_w_m_up.table {
    display: table;
  }
}
@media screen and (max-width: 767.9px) {
  .slick-slide img.view_w_m {
    display: block;
  }
  .slick-slide img.view_w_m.none {
    display: none;
  }
  .slick-slide img.view_w_m.inblock {
    display: inline-block;
  }
  .slick-slide img.view_w_m.flex {
    display: flex;
  }
  .slick-slide img.view_w_m.inflex {
    display: inline-flex;
  }
  .slick-slide img.view_w_m.table {
    display: table;
  }
}
.slick-slide img[class*=view_w_s_up], .slick-slide img[class*=view_w_s] {
  display: none;
}
@media screen and (min-width: 639.9px) {
  .slick-slide img.view_w_s_up {
    display: block;
  }
  .slick-slide img.view_w_s_up.none {
    display: none;
  }
  .slick-slide img.view_w_s_up.inblock {
    display: inline-block;
  }
  .slick-slide img.view_w_s_up.flex {
    display: flex;
  }
  .slick-slide img.view_w_s_up.inflex {
    display: inline-flex;
  }
  .slick-slide img.view_w_s_up.table {
    display: table;
  }
}
@media screen and (max-width: 639.9px) {
  .slick-slide img.view_w_s {
    display: block;
  }
  .slick-slide img.view_w_s.none {
    display: none;
  }
  .slick-slide img.view_w_s.inblock {
    display: inline-block;
  }
  .slick-slide img.view_w_s.flex {
    display: flex;
  }
  .slick-slide img.view_w_s.inflex {
    display: inline-flex;
  }
  .slick-slide img.view_w_s.table {
    display: table;
  }
}
.slick-slide img[class*=view_w_xs_up], .slick-slide img[class*=view_w_xs] {
  display: none;
}
@media screen and (min-width: 575.9px) {
  .slick-slide img.view_w_xs_up {
    display: block;
  }
  .slick-slide img.view_w_xs_up.none {
    display: none;
  }
  .slick-slide img.view_w_xs_up.inblock {
    display: inline-block;
  }
  .slick-slide img.view_w_xs_up.flex {
    display: flex;
  }
  .slick-slide img.view_w_xs_up.inflex {
    display: inline-flex;
  }
  .slick-slide img.view_w_xs_up.table {
    display: table;
  }
}
@media screen and (max-width: 575.9px) {
  .slick-slide img.view_w_xs {
    display: block;
  }
  .slick-slide img.view_w_xs.none {
    display: none;
  }
  .slick-slide img.view_w_xs.inblock {
    display: inline-block;
  }
  .slick-slide img.view_w_xs.flex {
    display: flex;
  }
  .slick-slide img.view_w_xs.inflex {
    display: inline-flex;
  }
  .slick-slide img.view_w_xs.table {
    display: table;
  }
}
.slick-slide img[class*=view_w_xxs_up], .slick-slide img[class*=view_w_xxs] {
  display: none;
}
@media screen and (min-width: 359.9px) {
  .slick-slide img.view_w_xxs_up {
    display: block;
  }
  .slick-slide img.view_w_xxs_up.none {
    display: none;
  }
  .slick-slide img.view_w_xxs_up.inblock {
    display: inline-block;
  }
  .slick-slide img.view_w_xxs_up.flex {
    display: flex;
  }
  .slick-slide img.view_w_xxs_up.inflex {
    display: inline-flex;
  }
  .slick-slide img.view_w_xxs_up.table {
    display: table;
  }
}
@media screen and (max-width: 359.9px) {
  .slick-slide img.view_w_xxs {
    display: block;
  }
  .slick-slide img.view_w_xxs.none {
    display: none;
  }
  .slick-slide img.view_w_xxs.inblock {
    display: inline-block;
  }
  .slick-slide img.view_w_xxs.flex {
    display: flex;
  }
  .slick-slide img.view_w_xxs.inflex {
    display: inline-flex;
  }
  .slick-slide img.view_w_xxs.table {
    display: table;
  }
}
.slick-slide img[class*=view_w_mini_up], .slick-slide img[class*=view_w_mini] {
  display: none;
}
@media screen and (min-width: 319.9px) {
  .slick-slide img.view_w_mini_up {
    display: block;
  }
  .slick-slide img.view_w_mini_up.none {
    display: none;
  }
  .slick-slide img.view_w_mini_up.inblock {
    display: inline-block;
  }
  .slick-slide img.view_w_mini_up.flex {
    display: flex;
  }
  .slick-slide img.view_w_mini_up.inflex {
    display: inline-flex;
  }
  .slick-slide img.view_w_mini_up.table {
    display: table;
  }
}
@media screen and (max-width: 319.9px) {
  .slick-slide img.view_w_mini {
    display: block;
  }
  .slick-slide img.view_w_mini.none {
    display: none;
  }
  .slick-slide img.view_w_mini.inblock {
    display: inline-block;
  }
  .slick-slide img.view_w_mini.flex {
    display: flex;
  }
  .slick-slide img.view_w_mini.inflex {
    display: inline-flex;
  }
  .slick-slide img.view_w_mini.table {
    display: table;
  }
}

.pop_slider .slick-dots {
  position: absolute;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1023.9px) {
  .pop_slider .slick-dots {
    top: -75px;
    right: 34px;
  }
}
@media screen and (max-width: 1023.9px) {
  .pop_slider .slick-dots {
    top: -44px;
    right: 20px;
  }
}
.pop_slider .slick-dots > li button {
  font-size: 1px;
  color: transparent;
}
@media screen and (min-width: 1023.9px) {
  .pop_slider .slick-dots > li button {
    width: 15px;
    min-width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 3px solid #9e9b93;
  }
}
@media screen and (min-width: 1023.9px) and (max-width: 1023.9px) {
  .pop_slider .slick-dots > li button {
    width: 15px;
    min-width: 15px;
    height: 15px;
  }
}
@media screen and (max-width: 1023.9px) {
  .pop_slider .slick-dots > li button {
    width: 8px;
    min-width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 1px solid #9e9b93;
  }
}
@media screen and (max-width: 1023.9px) and (max-width: 1023.9px) {
  .pop_slider .slick-dots > li button {
    width: 8px;
    min-width: 8px;
    height: 8px;
  }
}
.pop_slider .slick-dots > li + li {
  margin-left: 10px;
}
.pop_slider .slick-dots > li.slick-active button {
  background-color: #4156a7;
  border-color: #4156a7;
  opacity: 1;
}
@media screen and (min-width: 1023.9px) {
  .pop_slider .slick-dots > li.slick-active button {
    width: 22px;
    min-width: 22px;
    height: 22px;
    border-radius: 50%;
  }
}
@media screen and (min-width: 1023.9px) and (max-width: 1023.9px) {
  .pop_slider .slick-dots > li.slick-active button {
    width: 22px;
    min-width: 22px;
    height: 22px;
  }
}
@media screen and (max-width: 1023.9px) {
  .pop_slider .slick-dots > li.slick-active button {
    width: 12px;
    min-width: 12px;
    height: 12px;
    border-radius: 50%;
  }
}
@media screen and (max-width: 1023.9px) and (max-width: 1023.9px) {
  .pop_slider .slick-dots > li.slick-active button {
    width: 12px;
    min-width: 12px;
    height: 12px;
  }
}
.visual_slider .slick-dots {
  position: absolute;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1023.9px) {
  .visual_slider .slick-dots {
    left: 16%;
    bottom: 180px;
  }
}
@media screen and (max-width: 1023.9px) {
  .visual_slider .slick-dots {
    top: 25px;
    left: 26px;
  }
}
.visual_slider .slick-dots > li button {
  font-size: 1px;
  color: transparent;
  background-color: #fff;
  opacity: 0.5;
}
@media screen and (min-width: 1023.9px) {
  .visual_slider .slick-dots > li button {
    width: 26px;
    min-width: 26px;
    height: 26px;
    border-radius: 50%;
  }
}
@media screen and (min-width: 1023.9px) and (max-width: 1023.9px) {
  .visual_slider .slick-dots > li button {
    width: 26px;
    min-width: 26px;
    height: 26px;
  }
}
@media screen and (max-width: 1023.9px) {
  .visual_slider .slick-dots > li button {
    width: 14px;
    min-width: 14px;
    height: 14px;
    border-radius: 50%;
  }
}
@media screen and (max-width: 1023.9px) and (max-width: 1023.9px) {
  .visual_slider .slick-dots > li button {
    width: 14px;
    min-width: 14px;
    height: 14px;
  }
}
.visual_slider .slick-dots > li + li {
  margin-left: 10px;
}
.visual_slider .slick-dots > li.slick-active button {
  opacity: 1;
}

.slick_control {
  color: #333;
}
.slick_control .play, .slick_control .pause {
  display: none;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
}
@media screen and (min-width: 1023.9px) {
  .slick_control .play, .slick_control .pause {
    width: 18px;
    height: 19px;
  }
}
@media screen and (max-width: 1023.9px) {
  .slick_control .play, .slick_control .pause {
    width: 8px;
    height: 10px;
  }
}
.slick_control .play.show, .slick_control .pause.show {
  display: flex;
}
@media screen and (min-width: 1023.9px) {
  .slick_control .play {
    font-size: 19px;
  }
}
@media screen and (max-width: 1023.9px) {
  .slick_control .play {
    font-size: 10px;
  }
}
.slick_control .pause span {
  display: inline-block;
  background-color: #333;
}
@media screen and (min-width: 1023.9px) {
  .slick_control .pause span {
    width: 5px;
    height: 19px;
  }
}
@media screen and (max-width: 1023.9px) {
  .slick_control .pause span {
    width: 4px;
    height: 10px;
  }
}
.slick_control .pause span + span {
  margin-left: 4px;
}

.com_sub_page_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 600;
  line-height: 1;
  color: #333;
}
@media screen and (min-width: 1023.9px) {
  .com_sub_page_title {
    padding-block: 32px 15px;
    font-size: 30px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_sub_page_title {
    padding-bottom: 15px;
    font-size: 20px;
  }
}
.sec_detail_review .com_sub_page_title {
  text-align: center;
  padding: 0;
}

.com_sub_big_title {
  font-weight: 600;
  letter-spacing: -0.05em;
  line-height: 1.2;
}
@media screen and (min-width: 1023.9px) {
  .com_sub_big_title {
    font-size: 50px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_sub_big_title {
    font-size: 25px;
  }
}
@media screen and (min-width: 1023.9px) {
  .com_act .com_sub_big_title {
    margin-top: 60px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_act .com_sub_big_title {
    margin-top: 30px;
  }
}

.com_sub_sec_title {
  display: flex;
  justify-content: space-between;
  font-weight: 600;
}
@media screen and (min-width: 1023.9px) {
  .com_sub_sec_title {
    font-size: 22px;
    margin-block: 40px 18px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_sub_sec_title {
    font-size: 15px;
    margin-block: 20px 8px;
  }
}
@media screen and (min-width: 1023.9px) {
  .com_pay .right_wrap .com_sub_sec_title {
    margin-top: 30px;
  }
}

.com_sub_sec_title .txt_sub,
.com_sub_page_title .txt_sub {
  align-self: flex-end;
  font-weight: 400;
  color: #666;
}
@media screen and (min-width: 1023.9px) {
  .com_sub_sec_title .txt_sub,
  .com_sub_page_title .txt_sub {
    font-size: 15px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_sub_sec_title .txt_sub,
  .com_sub_page_title .txt_sub {
    font-size: 12px;
  }
}
.com_sub_sec_title .txt_sub.right,
.com_sub_page_title .txt_sub.right {
  justify-self: flex-end;
}

.com_has_top_tab main {
  padding-top: 0;
}

.com_top_tab {
  position: relative;
  width: 100%;
}
@media screen and (min-width: 1023.9px) {
  .com_top_tab::after {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 4px;
    background-color: #e4e4e4;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_top_tab .inner {
    padding-inline: 0;
  }
}
.com_top_tab .com_tab {
  position: relative;
  margin-top: 0;
  z-index: 1;
}
@media screen and (max-width: 1239.9px) and (min-width: 1023.9px) {
  .com_act .com_top_tab .com_tab {
    height: 70px;
  }
}
@media screen and (max-width: 450px) {
  .com_act .com_top_tab .com_tab {
    overflow-x: auto;
  }
}
.com_top_tab .com_tab_li {
  text-align: center;
  padding-inline: 8px;
}
@media screen and (max-width: 1239.9px) and (min-width: 1023.9px) {
  .com_act .com_top_tab .com_tab_li {
    font-size: 16px;
  }
}
@media screen and (max-width: 767.9px) {
  .com_act .com_top_tab .com_tab_li {
    height: 80px;
    align-items: flex-start;
  }
}
@media screen and (max-width: 450px) {
  .com_act .com_top_tab .com_tab_li {
    min-width: 90px;
  }
}
@media screen and (max-width: 390px) {
  .com_top_tab .com_tab_li {
    padding-block: 7px 4px;
    height: 80px;
  }
}

.com_bg_cont {
  background-color: #e3f6ff;
  margin-bottom: -40px;
  padding-bottom: 40px;
}
@media screen and (min-width: 1023.9px) {
  .com_bg_cont {
    margin-top: 90px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_bg_cont {
    margin-top: 45px;
  }
}

hr.line {
  width: 100%;
  height: 1px;
  background-color: #e4e4e4;
  border: 0;
}
hr.line.blue {
  background-color: #4156a7;
}
hr.line.lightblue {
  background-color: #bed2de;
}

.com_guide {
  border: 1px solid #e4e4e4;
  margin-top: 40px;
}
@media screen and (min-width: 1023.9px) {
  .com_guide {
    padding: 30px 26px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_guide {
    padding: 14px 12px;
  }
}
.com_guide li {
  position: relative;
  font-size: 14px;
  line-height: 1.7;
  color: #666;
}
@media screen and (min-width: 1023.9px) {
  .com_guide li {
    font-size: 14px;
    padding-left: 16px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_guide li {
    font-size: 11px;
    padding-left: 10px;
  }
}
.com_guide li::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  background-color: #4156a7;
}
@media screen and (min-width: 1023.9px) {
  .com_guide li::before {
    top: 9px;
    width: 5px;
    min-width: 5px;
    height: 5px;
    border-radius: 50%;
  }
}
@media screen and (min-width: 1023.9px) and (max-width: 1023.9px) {
  .com_guide li::before {
    width: 5px;
    min-width: 5px;
    height: 5px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_guide li::before {
    top: 6px;
    width: 3px;
    min-width: 3px;
    height: 3px;
    border-radius: 50%;
  }
}
@media screen and (max-width: 1023.9px) and (max-width: 1023.9px) {
  .com_guide li::before {
    width: 3px;
    min-width: 3px;
    height: 3px;
  }
}
@media screen and (min-width: 1023.9px) {
  .com_guide li + li {
    margin-top: 20px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_guide li + li {
    margin-top: 10px;
  }
}

.com_finish main > .inner {
  text-align: center;
}
@media screen and (min-width: 1023.9px) {
  .com_finish main > .inner {
    max-width: 600px;
    margin-top: 40px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_finish main > .inner {
    margin-top: 10px;
  }
  .com_finish main > .inner img {
    width: 80px;
  }
}
.com_finish .sec_title h1 {
  font-weight: 600;
  line-height: 1.25;
}
@media screen and (min-width: 1023.9px) {
  .com_finish .sec_title h1 {
    margin-top: 40px;
    font-size: 35px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_finish .sec_title h1 {
    margin-top: 20px;
    font-size: 20px;
  }
}
.com_finish .sec_title h2 {
  margin-top: 10px;
  color: #666;
}
@media screen and (min-width: 1023.9px) {
  .com_finish .sec_title h2 {
    font-size: 22px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_finish .sec_title h2 {
    font-size: 13px;
  }
}
@media screen and (min-width: 1023.9px) {
  .com_finish .sec_reserve_info {
    margin-top: 30px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_finish .sec_reserve_info {
    margin-top: 20px;
  }
}
@media screen and (min-width: 1023.9px) {
  .com_finish .com_btn_wrap {
    margin-top: 60px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_finish .com_btn_wrap {
    margin-top: 30px;
  }
}
.com_finish .new_login_cont {
  text-align: center;
}

.com_account.com_finish main {
  padding-bottom: 0;
}
.com_account.com_finish main > .inner {
  max-width: 1500px;
}
.com_account .com_account_tab {
  display: block;
}
@media screen and (min-width: 1023.9px) {
  .com_account .com_account_tab .com_oval_tab {
    width: 40%;
  }
}
@media screen and (min-width: 1239.9px) {
  .com_account .com_account_tab .com_oval_tab {
    width: 31%;
  }
}
.com_account .com_account_tab .com_oval_tab .oval,
.com_account .com_account_tab .com_oval_tab .tab {
  width: 50%;
}
.com_account .com_bg_cont {
  background-image: url(../img/sub/login_bg.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100%;
}
@media screen and (min-width: 1023.9px) {
  .com_account .com_bg_cont {
    padding-block: 60px 140px;
    margin-top: 60px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_account .com_bg_cont {
    padding-block: 30px 100px;
    margin-top: 30px;
  }
}
.com_account .new_login_title {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #4156a7;
  color: #fff;
  height: 100px;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (min-width: 1023.9px) {
  .com_account .new_login_title {
    padding-inline: 90px;
    border-radius: 40px 40px 0 0;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_account .new_login_title {
    padding-inline: 45px 36px;
    border-radius: 20px 20px 0 0;
  }
}
@media screen and (max-width: 639.9px) {
  .com_account .new_login_title {
    font-size: 16px;
  }
}
.com_account .new_login_title.big {
  font-size: 30px;
}
.com_account .new_login_title::before, .com_account .new_login_title::after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 9px;
}
.com_account .new_login_title::before {
  width: 45px;
  height: 73px;
  background: url(../img/sub/img_character_login1.png) no-repeat center center;
}
@media screen and (min-width: 767.9px) {
  .com_account .new_login_title::before {
    left: 42px;
  }
}
@media screen and (max-width: 767.9px) {
  .com_account .new_login_title::before {
    left: 4px;
  }
}
.com_account .new_login_title::after {
  width: 36px;
  height: 63px;
  background: url(../img/sub/img_character_login2.png) no-repeat center center;
}
@media screen and (min-width: 767.9px) {
  .com_account .new_login_title::after {
    right: 42px;
  }
}
@media screen and (max-width: 767.9px) {
  .com_account .new_login_title::after {
    right: 4px;
  }
}
.com_account .new_login_cont {
  background-color: #fff;
}
@media screen and (min-width: 1023.9px) {
  .com_account .new_login_cont {
    border: 6px solid #4156a7;
    border-radius: 0 0 40px 40px;
    padding: 60px 50px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_account .new_login_cont {
    border: 3px solid #4156a7;
    border-radius: 0 0 20px 20px;
    padding: 30px 16px;
  }
}
.com_account .com_check_wrap,
.com_account .com_radio_wrap {
  display: flex;
}
.com_account .com_page_title {
  line-height: 1.4;
  font-weight: 600;
  text-align: center;
}
@media screen and (min-width: 1023.9px) {
  .com_account .com_page_title {
    font-size: 45px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_account .com_page_title {
    font-size: 24px;
  }
}
.com_account .com_page_sub_title {
  font-weight: 500;
  text-align: center;
}
@media screen and (min-width: 1023.9px) {
  .com_account .com_page_sub_title {
    font-size: 20px;
    margin-block: 0 37px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_account .com_page_sub_title {
    font-size: 13px;
    margin-block: 5px 20px;
  }
}
.com_account .sec_join_step {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1023.9px) {
  .com_account .sec_join_step {
    margin-block: 45px 65px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_account .sec_join_step {
    margin-block: 16px 25px;
  }
}
.com_account .join_step {
  position: relative;
  text-align: center;
}
@media screen and (min-width: 1023.9px) {
  .com_account .join_step {
    padding-inline: 40px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_account .join_step {
    padding-inline: 14px;
  }
}
.com_account .join_step.step1 i {
  background-image: url(../img/sub/join_step1.svg);
}
.com_account .join_step.step2 i {
  background-image: url(../img/sub/join_step2.svg);
}
.com_account .join_step.step3 i {
  background-image: url(../img/sub/join_step3.svg);
}
.com_account .join_step.step4 i {
  background-image: url(../img/sub/join_step4.svg);
}
.com_account .join_step:not(:first-of-type)::before {
  content: "";
  display: inline-block;
  position: absolute;
  height: 1px;
  width: calc(100% - 20px);
  background-color: #eceef6;
}
@media screen and (min-width: 1023.9px) {
  .com_account .join_step:not(:first-of-type)::before {
    top: 40px;
    left: -50%;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_account .join_step:not(:first-of-type)::before {
    top: 24px;
    left: -40%;
  }
}
.com_account .join_step i {
  position: relative;
  background-size: contain;
  background-position: center center;
  z-index: 1;
}
@media screen and (min-width: 1023.9px) {
  .com_account .join_step i {
    width: 80px;
    height: 80px;
    border: 10px solid #fff;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_account .join_step i {
    width: 45px;
    height: 45px;
  }
}
.com_account .join_step h1 {
  font-weight: 600;
}
@media screen and (min-width: 1023.9px) {
  .com_account .join_step h1 {
    font-size: 18px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_account .join_step h1 {
    font-size: 13px;
    margin-top: 4px;
  }
}
.com_account .join_step.active h1 {
  color: #4156a7;
}
.com_account .join_step.active.step1 i {
  background-image: url(../img/sub/join_step1_on.svg);
}
.com_account .join_step.active.step2 i {
  background-image: url(../img/sub/join_step2_on.svg);
}
.com_account .join_step.active.step3 i {
  background-image: url(../img/sub/join_step3_on.svg);
}
.com_account .join_step.active.step4 i {
  background-image: url(../img/sub/join_step4_on.svg);
}
.com_account .sec_type_select {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1023.9px) {
  .com_account .sec_type_select {
    flex-direction: column;
  }
}
.com_account .type_select_container {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e4e4e4;
  transition: all 0.2s;
}
@media screen and (min-width: 1023.9px) {
  .com_account .type_select_container {
    flex-direction: column;
    padding-block: 45px 40px;
    width: 32%;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_account .type_select_container {
    padding-block: 20px 25px;
  }
  .com_account .type_select_container:not(:first-of-type) {
    margin-top: 10px;
  }
  .com_account .type_select_container img {
    width: 100px;
    margin-right: 34px;
  }
}
.com_account .type_select_container h1 {
  font-weight: 600;
  color: #4156a7;
}
@media screen and (min-width: 1023.9px) {
  .com_account .type_select_container h1 {
    margin-block: 20px;
    font-size: 30px;
    text-align: center;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_account .type_select_container h1 {
    font-size: 18px;
  }
}
.com_account .type_select_container button {
  margin-inline: auto;
}
@media screen and (max-width: 1023.9px) {
  .com_account .type_select_container button {
    margin-top: 8px;
  }
}
.com_account .type_select_container:hover {
  border-color: #4156a7;
  background-color: #eceef6;
}
.com_account .type_select_container .link_wrap > div {
  text-align: center;
}
.com_account .sec_self_certifi {
  text-align: center;
  max-width: 900px;
  margin-inline: auto;
  border: 1px solid #e4e4e4;
}
@media screen and (min-width: 1023.9px) {
  .com_account .sec_self_certifi {
    padding: 60px 50px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_account .sec_self_certifi {
    padding: 20px 0 25px;
  }
  .com_account .sec_self_certifi > img {
    width: 80px;
  }
}
.com_account .sec_self_certifi h1 {
  font-weight: 600;
  color: #4156a7;
}
@media screen and (min-width: 1023.9px) {
  .com_account .sec_self_certifi h1 {
    font-size: 30px;
    margin-top: 20px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_account .sec_self_certifi h1 {
    font-size: 15px;
    margin-top: 15px;
  }
}
.com_account .sec_self_certifi .guide_text {
  margin-top: 15px;
  line-height: 1.78;
  color: #666;
  background-color: #f7f7f7;
}
@media screen and (min-width: 1023.9px) {
  .com_account .sec_self_certifi .guide_text {
    padding: 23px 48px;
    font-size: 14px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_account .sec_self_certifi .guide_text {
    padding: 18px;
    font-size: 12px;
  }
}
@media screen and (min-width: 1023.9px) {
  .com_account .sec_self_certifi form {
    margin-top: 35px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_account .sec_self_certifi form {
    padding-inline: var(--side-pd);
    margin-top: 20px;
  }
}
.com_account .sec_self_certifi .com_check_wrap {
  justify-content: center;
}
@media screen and (max-width: 1023.9px) {
  .com_account .sec_self_certifi .com_check_wrap label {
    text-align: left;
  }
}
.com_account .sec_self_certifi .com_check_wrap + .com_btn_wrap .btn_certifi {
  margin-top: 23px;
}
.com_account .sec_account_input_form {
  max-width: 600px;
  margin-inline: auto;
  padding-inline: 0;
}
.com_account .sec_check_wrap {
  border-bottom: 1px solid #e4e4e4;
}
@media screen and (min-width: 1023.9px) {
  .com_account .sec_check_wrap {
    padding-block: 30px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_account .sec_check_wrap {
    padding-block: 15px;
    margin-bottom: 15px;
  }
}
.com_account .sec_check_wrap .com_check_wrap + .com_check_wrap {
  margin-top: 12px;
}
.com_account .btn_pop_terms_view {
  text-decoration: underline;
}
@media screen and (min-width: 1023.9px) {
  .com_account .btn_join {
    margin-top: 30px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_account .btn_join {
    margin-top: 20px;
  }
}
@media screen and (min-width: 1023.9px) {
  .com_account .btn_find_wrap {
    margin-top: 40px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_account .btn_find_wrap {
    margin-top: 20px;
  }
}

.com_login main {
  padding-bottom: 0;
}
@media screen and (min-width: 1023.9px) {
  .com_login main > .inner {
    padding: 0;
  }
}
@media screen and (min-width: 1023.9px) {
  .com_login .com_tab {
    margin-block: 30px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_login .com_tab {
    margin-block: 12px;
  }
}
.com_login .btn_login {
  position: relative;
  margin-top: 16px;
}
@media screen and (min-width: 1023.9px) {
  .com_login .btn_login {
    font-size: 24px;
  }
}
.com_login .btn_login .oval_arrow {
  position: absolute;
  right: 32%;
}
.com_login .btn_login_t {
  margin-top: 40px;
}
@media screen and (min-width: 1023.9px) {
  .com_login .btn_login_t {
    margin-top: 40px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_login .btn_login_t {
    margin-top: 20px;
  }
}
.com_login .sec_link_wrap {
  text-align: center;
}
@media screen and (min-width: 1023.9px) {
  .com_login .sec_link_wrap {
    margin-top: 30px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_login .sec_link_wrap {
    margin-top: 20px;
  }
  .com_login .sec_link_wrap a {
    font-size: 13px;
  }
}
@media screen and (min-width: 1023.9px) {
  .com_login .sec_link_wrap a + a {
    position: relative;
  }
  .com_login .sec_link_wrap a + a::before {
    content: "";
    display: inline-block;
    position: relative;
    width: 1px;
    height: 13px;
    margin-inline: 12px;
    background: #f0f0f0;
    cursor: default;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_login .sec_link_wrap a + a {
    position: relative;
  }
  .com_login .sec_link_wrap a + a::before {
    content: "";
    display: inline-block;
    position: relative;
    width: 1px;
    height: 13px;
    margin-inline: 10px;
    background: #f0f0f0;
    cursor: default;
  }
}
.com_login .login_divider {
  position: relative;
  width: 100%;
  text-align: center;
}
@media screen and (min-width: 1023.9px) {
  .com_login .login_divider {
    margin-block: 60px 40px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_login .login_divider {
    margin-block: 30px;
  }
}
.com_login .login_divider::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #e4e4e4;
}
.com_login .login_divider span {
  position: relative;
  display: inline-block;
  color: #999;
  background-color: #fff;
  padding-inline: 33px;
  letter-spacing: 0;
  z-index: 1;
}
.com_login .sec_sns h1 {
  font-weight: 500;
  text-align: center;
}
@media screen and (min-width: 1023.9px) {
  .com_login .sec_sns h1 {
    font-size: 18px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_login .sec_sns h1 {
    font-size: 13px;
    margin-bottom: 10px;
  }
}
.com_login .sec_sns .com_btn {
  background-repeat: no-repeat;
  background-position-y: center;
}
@media screen and (min-width: 1023.9px) {
  .com_login .sec_sns .com_btn {
    background-size: 40px;
    background-position-x: 30px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_login .sec_sns .com_btn {
    background-size: 30px;
    background-position-x: 24px;
  }
}
.com_login .sec_sns .btn_kakao {
  background-color: #ffe600;
  color: #3a2020;
  background-image: url(../img/common/rnb/rnb_kakao.png);
}
@media screen and (min-width: 1023.9px) {
  .com_login .sec_sns .btn_kakao {
    margin-top: 35px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_login .sec_sns .btn_kakao {
    margin-top: 10px;
  }
}
.com_login .sec_sns .btn_naver {
  background-color: #00c300;
  color: #fff;
  background-image: url(../img/sub/sns_naver.png);
}
@media screen and (min-width: 1023.9px) {
  .com_login .sec_sns .btn_naver {
    margin-top: 15px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_login .sec_sns .btn_naver {
    margin-top: 10px;
  }
}
.com_login .login_t_title {
  text-align: center;
}
.com_login .login_t_title h1 {
  font-weight: 500;
}
@media screen and (min-width: 1023.9px) {
  .com_login .login_t_title h1 {
    margin-top: 16px;
    font-size: 24px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_login .login_t_title h1 {
    margin-top: 12px;
    font-size: 18px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_login .login_t_title img {
    width: 100px;
    margin-top: 10px;
  }
}
.com_login .com_guide {
  margin-top: 20px;
}

.p_epki main {
  padding-block: 60px 110px;
}
.p_epki .login_t_title {
  font-size: 23px;
  line-height: 1.4;
}
.p_epki .login_t_title img {
  margin-top: 30px;
}
@media screen and (min-width: 1023.9px) {
  .p_epki fieldset {
    margin-top: 50px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_epki fieldset {
    margin-top: 40px;
  }
}

.p_epki_reg {
  padding-bottom: 100px;
}
@media screen and (min-width: 1023.9px) {
  .p_epki_reg > .inner {
    max-width: 620px;
  }
}
.p_epki_reg .com_btn_wrap.two {
  justify-content: space-between;
}
.p_epki_reg .com_btn_wrap.two .com_btn {
  margin-top: 40px;
}

.com_bmcm_tab {
  display: block;
}
@media screen and (min-width: 1239.9px) {
  .com_bmcm_tab .com_oval_tab {
    width: 77%;
  }
}
.com_bmcm_tab .com_oval_tab .oval,
.com_bmcm_tab .com_oval_tab .tab {
  width: 17%;
}

.com_bmcm_title {
  text-align: center;
}
@media screen and (min-width: 1023.9px) {
  .com_bmcm_title {
    margin-top: 100px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_bmcm_title {
    margin-top: 50px;
  }
}
.com_bmcm_title h1 {
  position: relative;
  display: inline-block;
  font-weight: 600;
}
@media screen and (min-width: 1023.9px) {
  .com_bmcm_title h1 {
    font-size: 40px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_bmcm_title h1 {
    font-size: 24px;
  }
}
.com_bmcm_title h1 .underline {
  color: #070707;
  display: initial;
}
@media screen and (min-width: 1023.9px) {
  .com_bmcm_title h1 .underline {
    box-shadow: inset #e3f6ff 0 -22px 0;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_bmcm_title h1 .underline {
    box-shadow: inset #e3f6ff 0 -11px 0;
  }
}

.bmcm_red_icon {
  width: 46px;
  min-width: 46px;
  height: 46px;
  border-radius: 50%;
  background-color: #e5354c;
  margin-right: 10px;
}
@media screen and (max-width: 1023.9px) {
  .bmcm_red_icon {
    width: 46px;
    min-width: 46px;
    height: 46px;
  }
}

.p_location main {
  padding-bottom: 0 !important;
}
.p_location .com_bg_cont {
  background-image: url(../img/sub/location_bg.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
  padding-block: 100px;
}
@media screen and (max-width: 1023.9px) {
  .p_location .com_bg_cont {
    padding-block: 40px 100px;
  }
}
.p_location .sec_map {
  width: 100%;
  aspect-ratio: 2/1;
  border-radius: 40px;
  overflow: hidden;
}
@media screen and (max-width: 1023.9px) {
  .p_location .sec_map {
    aspect-ratio: 2/1.5;
    border-radius: 10px;
  }
}
.p_location .sec_map .map_border {
  display: none !important;
}
.p_location .sec_map .wrap_controllers.hide {
  border: none !important;
}
.p_location .sec_map .root_daum_roughmap .wrap_map {
  height: calc(100% - 1px) !important;
}
.p_location .sec_location {
  display: flex;
}
@media screen and (min-width: 1023.9px) {
  .p_location .sec_location {
    justify-content: space-between;
    padding-block: 90px 80px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_location .sec_location {
    flex-direction: column;
    padding-block: 45px 40px;
  }
}
@media screen and (min-width: 1023.9px) {
  .p_location .sec_location .left_wrap {
    width: 36%;
    min-width: 36%;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_location .sec_location .left_wrap {
    margin-bottom: 80px;
  }
}
@media screen and (min-width: 1023.9px) {
  .p_location .sec_location .right_wrap {
    width: 60%;
    min-width: 60%;
  }
}
.p_location .sec_location .tit_area {
  font-size: 30px;
  margin-bottom: 29px;
  font-weight: 500;
}
@media screen and (max-width: 1023.9px) {
  .p_location .sec_location .tit_area {
    font-size: 20px;
    margin-bottom: 15px;
  }
}
.p_location .sec_location .list .item {
  display: flex;
}
@media screen and (max-width: 1023.9px) {
  .p_location .sec_location .list .item {
    display: block;
  }
}
.p_location .sec_location .list .item:not(:last-child) {
  margin-bottom: 29px;
}
.p_location .sec_location .list .item .tit {
  color: #fff;
  background: #4156a7;
  padding-left: 19px;
  font-size: 18px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
}
@media screen and (min-width: 1023.9px) {
  .p_location .sec_location .list .item .tit {
    border-radius: 100px;
    height: 50px;
    width: 140px;
    min-width: 140px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_location .sec_location .list .item .tit {
    border-radius: 65px;
    height: 40px;
    width: 110px;
    min-width: 110px;
    font-size: 15px;
  }
}
@media screen and (min-width: 1023.9px) {
  .p_location .sec_location .list .item .tit img {
    margin-right: 7px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_location .sec_location .list .item .tit img {
    margin-right: 4px;
    width: 21px;
  }
}
.p_location .sec_location .list .item .info {
  width: calc(100% - 140px);
  font-size: 20px;
  letter-spacing: -0.05em;
  color: #333;
  margin-top: 10px;
  padding-left: 10px;
  line-height: 1.5;
}
@media screen and (max-width: 1023.9px) {
  .p_location .sec_location .list .item .info {
    width: 100%;
    font-size: 15px;
  }
}

.p_group main {
  padding-bottom: 0 !important;
}
.p_group .com_table_radius {
  border-radius: 20px 20px 0 0;
}
@media screen and (min-width: 1023.9px) {
  .p_group .com_bg_cont {
    padding-block: 57px 180px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_group .com_bg_cont {
    padding-block: 32px 100px;
  }
}
.p_group .fax {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: -1px;
  text-align: left;
  margin-bottom: 11px;
  color: #070707;
}
@media screen and (max-width: 767.9px) {
  .p_group .fax {
    font-size: 16px;
  }
}
.p_group .fax:last-of-type {
  margin-top: 37px;
}

.p_greeting main {
  padding-bottom: 0 !important;
}
.p_greeting .com_bg_cont {
  background-image: url(../img/sub/greeting.png);
  background-repeat: no-repeat;
  background-position: 22%;
  background-size: cover;
  width: 100%;
}
@media screen and (max-width: 1023.9px) {
  .p_greeting .com_bg_cont {
    background-image: url(../img/sub/greeting_m.jpg);
  }
}
@media screen and (min-width: 1023.9px) {
  .p_greeting .com_bg_cont {
    min-height: 1000px;
    aspect-ratio: 2/1;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_greeting .com_bg_cont {
    min-height: auto;
    padding-bottom: 330px;
  }
}
.p_greeting .com_bg_cont h1 {
  padding-top: 100px;
  font-size: 30px;
  line-height: 1.6;
}
@media screen and (max-width: 1023.9px) {
  .p_greeting .com_bg_cont h1 {
    font-size: 18px;
    padding-top: 45px;
  }
}
.p_greeting .com_bg_cont h1 span {
  font-weight: 600;
}
.p_greeting .com_bg_cont h1 .txt_c1 {
  color: #032376;
}
.p_greeting .com_bg_cont h1 .txt_c2 {
  color: #006aee;
}
.p_greeting .com_bg_cont h2 {
  padding-top: 60px;
  font-size: 20px;
  line-height: 2;
}
@media screen and (max-width: 1023.9px) {
  .p_greeting .com_bg_cont h2 {
    padding-top: 30px;
    font-size: 18px;
    line-height: 1.6;
  }
}

.p_intro main {
  padding-bottom: 0 !important;
}
@media screen and (min-width: 1023.9px) {
  .p_intro .com_bg_cont {
    padding-top: 80px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_intro .com_bg_cont {
    padding-top: 40px;
  }
}
.p_intro .intro_title {
  display: block;
  line-height: 1;
  text-decoration: underline;
  text-underline-offset: 4px;
  font-weight: 500;
  color: #070707;
  text-align: center;
}
@media screen and (min-width: 1023.9px) {
  .p_intro .intro_title {
    font-size: 40px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_intro .intro_title {
    font-size: 26px;
  }
}
.p_intro .intro_content {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
@media screen and (min-width: 1023.9px) {
  .p_intro .intro_content {
    margin-block: 90px 180px;
  }
}
@media screen and (max-width: 1429.9px) {
  .p_intro .intro_content {
    flex-wrap: wrap;
    justify-content: space-evenly;
  }
  .p_intro .intro_content li {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 40%;
  }
  .p_intro .intro_content li:nth-child(n+3) {
    margin-top: 50px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_intro .intro_content {
    flex-direction: column;
    margin-block: 45px 90px;
  }
  .p_intro .intro_content li {
    width: 100%;
  }
  .p_intro .intro_content li img {
    max-width: 120px;
  }
  .p_intro .intro_content li + li {
    margin-top: 40px;
  }
}
.p_intro .intro1 .color {
  color: #e5354c;
}
.p_intro .intro2 .color {
  color: #006aee;
}
.p_intro .intro3 .color {
  color: #6ba101;
}
.p_intro .intro4 .color {
  color: #c89b01;
}
.p_intro .intro_txt {
  font-weight: 500;
  text-align: center;
  color: #032376;
}
@media screen and (min-width: 1023.9px) {
  .p_intro .intro_txt {
    font-size: 24px;
    margin-top: 40px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_intro .intro_txt {
    font-size: 16px;
    margin-top: 20px;
  }
}
.p_intro .box {
  border: 1px solid #4156a7;
  background-color: #fff;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1023.9px) {
  .p_intro .box {
    gap: 50px;
    min-height: 320px;
    padding: 75px 20px;
    border-radius: 40px;
    margin-top: 80px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_intro .box {
    gap: 40px;
    padding: 40px 20px 30px;
    border-radius: 20px;
    margin-top: 40px;
  }
}
@media screen and (max-width: 767.9px) {
  .p_intro .box {
    display: flex;
    flex-direction: column;
  }
}
.p_intro .box .wrap {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1023.9px) {
  .p_intro .box .wrap {
    align-self: stretch;
    gap: 100px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_intro .box .wrap {
    gap: 20px;
    justify-content: center;
  }
}
.p_intro .box .wrap .img_field {
  align-self: flex-end;
}
@media screen and (max-width: 1023.9px) {
  .p_intro .box .wrap .img_field {
    width: 80px;
    text-align: center;
  }
}
@media screen and (min-width: 767.9px) {
  .p_intro .box .wrap:first-child .img_field, .p_intro .box .wrap:first-of-type .img_field {
    order: 2;
  }
}
@media screen and (max-width: 767.9px) {
  .p_intro .box .wrap .info_area {
    width: 176px;
  }
}
.p_intro .box .wrap .tit_field {
  color: #032376;
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width: 1023.9px) {
  .p_intro .box .wrap .tit_field {
    font-size: 32px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_intro .box .wrap .tit_field {
    font-size: 18px;
    margin-bottom: 5px;
  }
}
.p_intro .box .wrap .txt_field {
  color: #333333;
  text-align: center;
}
@media screen and (min-width: 1023.9px) {
  .p_intro .box .wrap .txt_field {
    font-size: 18px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_intro .box .wrap .txt_field {
    font-size: 13px;
  }
}
@media screen and (min-width: 1023.9px) {
  .p_intro .box.ci_sec {
    margin-block: 65px 116px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_intro .box.ci_sec {
    margin-block: 40px 60px;
  }
}
.p_intro .box_tit {
  background-color: #4156a7;
  border-radius: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  position: absolute;
}
@media screen and (min-width: 1023.9px) {
  .p_intro .box_tit {
    font-size: 18px;
    height: 50px;
    width: 120px;
    left: 47px;
    top: -23px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_intro .box_tit {
    font-size: 13px;
    height: 35px;
    width: 100px;
    left: 20px;
    top: -17px;
  }
}
.p_intro .ci_info {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1023.9px) {
  .p_intro .ci_info {
    gap: 25px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_intro .ci_info {
    gap: 10px;
  }
}
.p_intro .ci_info li {
  display: flex;
  align-items: baseline;
  gap: 17px;
  color: #333333;
}
@media screen and (min-width: 1023.9px) {
  .p_intro .ci_info li {
    font-size: 18px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_intro .ci_info li {
    font-size: 13px;
  }
}
.p_intro .ci_info .tit_field {
  font-weight: bold;
  color: #032376;
}
@media screen and (min-width: 1023.9px) {
  .p_intro .ci_info .tit_field {
    font-size: 32px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_intro .ci_info .tit_field {
    font-size: 18px;
  }
}

.p_rules .com_bmcm_tab .com_oval_tab .oval {
  width: 16.6666666667%;
}
.p_rules .link_wrap {
  text-align: center;
}
.p_rules main {
  padding-bottom: 0 !important;
}
.p_rules .com_bg_cont {
  padding-bottom: 200px;
}
@media screen and (max-width: 767.9px) {
  .p_rules .com_bg_cont {
    padding-bottom: 80px;
  }
}
.p_rules .intro_title {
  display: block;
  line-height: 1;
  text-decoration: underline;
  text-underline-offset: 4px;
  font-weight: 500;
  color: #070707;
  text-align: center;
  padding-top: 80px;
}
@media screen and (min-width: 1023.9px) {
  .p_rules .intro_title {
    font-size: 40px;
  }
}
@media screen and (max-width: 1239.9px) {
  .p_rules .intro_title {
    padding-top: 40px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_rules .intro_title {
    font-size: 26px;
  }
}
.p_rules .box {
  border: 1px solid #4156a7;
  background-color: #fff;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1023.9px) {
  .p_rules .box {
    gap: 50px;
    min-height: 320px;
    padding: 75px 20px;
    border-radius: 40px;
    margin-top: 40px;
  }
}
@media screen and (max-width: 1239.9px) {
  .p_rules .box {
    gap: 40px;
    padding: 40px 20px 30px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    margin-top: 40px;
  }
}
.p_rules .box .img_area {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 767.9px) {
  .p_rules .box .img_area {
    width: 470px;
    min-width: 470px;
  }
}
@media screen and (max-width: 767.9px) {
  .p_rules .box .img_area img {
    width: 80%;
  }
}
.p_rules .list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media screen and (max-width: 1239.9px) {
  .p_rules .list {
    width: 100%;
  }
}
@media screen and (max-width: 767.9px) {
  .p_rules .list {
    gap: 8px;
  }
}
.p_rules .list li {
  display: flex;
  align-items: baseline;
  font-size: 20px;
  gap: 14px;
  line-height: 45px;
}
@media screen and (max-width: 767.9px) {
  .p_rules .list li {
    font-size: 13px;
    line-height: 1.5;
    gap: 10px;
  }
}
.p_rules .list .num {
  width: 29px;
  min-width: 29px;
  height: 29px;
  background-color: #4156a7;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  border-radius: 50px;
}
@media screen and (max-width: 767.9px) {
  .p_rules .list .num {
    font-size: 11px;
    width: 23px;
    height: 23px;
  }
}

.p_guide main {
  padding-bottom: 0;
}
.p_guide .com_bg_cont {
  padding-block: 100px 180px;
}
@media screen and (max-width: 767.9px) {
  .p_guide .com_bg_cont {
    padding-block: 65px 100px;
  }
}
.p_guide .guide_section {
  display: flex;
  justify-content: space-between;
  margin-bottom: 57px;
}
@media screen and (max-width: 767.9px) {
  .p_guide .guide_section {
    display: block;
    margin-bottom: 30px;
  }
}
.p_guide .guide_section .img_area {
  width: 48%;
  min-width: 48%;
}
@media screen and (max-width: 767.9px) {
  .p_guide .guide_section .img_area {
    width: 100%;
    min-width: auto;
  }
}
.p_guide .guide_section .img_area img {
  width: 100%;
  border-radius: 40px;
}
@media screen and (min-width: 1023.9px) {
  .p_guide .guide_section .img_area .guide_slide {
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_guide .guide_section .img_area .guide_slide {
    padding-bottom: 40px;
  }
}
.p_guide .guide_section .img_area .guide_slide .swiper-pagination {
  bottom: 0;
}
.p_guide .guide_section .img_area .guide_slide .swiper-pagination-bullet {
  background: #d9dded;
  opacity: 1;
  margin: 0 8px;
  bottom: 0;
  box-sizing: content-box;
}
@media screen and (min-width: 1023.9px) {
  .p_guide .guide_section .img_area .guide_slide .swiper-pagination-bullet {
    width: 14px;
    min-width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 10px solid #d9dded;
  }
}
@media screen and (min-width: 1023.9px) and (max-width: 1023.9px) {
  .p_guide .guide_section .img_area .guide_slide .swiper-pagination-bullet {
    width: 14px;
    min-width: 14px;
    height: 14px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_guide .guide_section .img_area .guide_slide .swiper-pagination-bullet {
    width: 10px;
    min-width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 5px solid #d9dded;
  }
}
@media screen and (max-width: 1023.9px) and (max-width: 1023.9px) {
  .p_guide .guide_section .img_area .guide_slide .swiper-pagination-bullet {
    width: 10px;
    min-width: 10px;
    height: 10px;
  }
}
.p_guide .guide_section .img_area .guide_slide .swiper-pagination-bullet-active {
  border-color: #4156a7;
  background: none;
}
.p_guide .guide_section .info_area {
  width: 52%;
  min-width: 52%;
  padding-left: 75px;
  margin-top: 15px;
}
@media screen and (max-width: 767.9px) {
  .p_guide .guide_section .info_area {
    padding-left: 0;
    width: 100%;
    margin-top: 30px;
  }
}
.p_guide .guide_section .info_area .table {
  display: flex;
  flex-wrap: wrap;
}
.p_guide .guide_section .info_area .table .item {
  padding-block: 15px;
  display: flex;
  width: 100%;
}
@media screen and (max-width: 1023.9px) {
  .p_guide .guide_section .info_area .table .item {
    align-items: center;
  }
}
@media screen and (max-width: 767.9px) {
  .p_guide .guide_section .info_area .table .item {
    padding-block: 6px;
  }
}
.p_guide .guide_section .info_area .table .item .tit_field {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: -0.75px;
  text-align: center;
  color: #fff;
  background: #4156a7;
  margin-right: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1023.9px) {
  .p_guide .guide_section .info_area .table .item .tit_field {
    width: 120px;
    line-height: 50px;
    min-width: 120px;
    height: 50px;
    border-radius: 50px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_guide .guide_section .info_area .table .item .tit_field {
    align-self: flex-start;
    width: 80px;
    line-height: 30px;
    min-width: 80px;
    height: 30px;
    border-radius: 30px;
  }
}
@media screen and (max-width: 767.9px) {
  .p_guide .guide_section .info_area .table .item .tit_field {
    font-size: 13px;
  }
}
.p_guide .guide_section .info_area .table .item .txt_field {
  font-size: 20px;
  line-height: 1.67;
  letter-spacing: -0.75px;
  color: #333;
}
@media screen and (min-width: 1023.9px) {
  .p_guide .guide_section .info_area .table .item .txt_field {
    padding-top: 10px;
  }
}
@media screen and (max-width: 767.9px) {
  .p_guide .guide_section .info_area .table .item .txt_field {
    font-size: 13px;
  }
}
.p_guide .price_section .tit {
  font-size: 20px;
  color: #070707;
  font-weight: bold;
  margin-bottom: 16px;
}
.p_guide .price_section .tit img {
  margin-inline: 10px 11px;
}
.p_guide .price_section .com_table_radius .table {
  border: 1px solid #4156a7;
}
.p_guide .price_section .com_table_radius .table thead tr:not(:first-child) th {
  border-top: 1px solid #d9dded;
}
.p_guide .price_section .com_table_radius .table thead th {
  background: #4156a7;
  color: #fff;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: -0.75px;
  padding: 17px 0;
  border-bottom: 0;
}
.p_guide .price_section .com_table_radius .table thead th:not(:last-child) {
  border-right: 1px solid #d9dded;
}
.p_guide .price_section .com_table_radius .table thead th:not(:first-child) {
  border-left: 1px solid #d9dded;
}
@media screen and (max-width: 1023.9px) {
  .p_guide .price_section .com_table_radius .table thead th {
    padding: 10px 0;
  }
}
.p_guide .price_section .com_table_radius .table tbody {
  background-color: #fff;
}
.p_guide .price_section .com_table_radius .table tbody tr:last-child > * {
  border-bottom: 0 !important;
}
.p_guide .price_section .com_table_radius .table tbody th {
  border-right: 1px solid #d9dded;
  color: #4156a7;
  font-weight: 600;
  font-size: 16px;
}
.p_guide .price_section .com_table_radius .table :is(th, td) {
  border-bottom: 1px solid #d9dded;
  text-align: center;
}
.p_guide .price_section .com_table_radius .table th {
  font-size: 18px;
}
@media screen and (max-width: 1023.9px) {
  .p_guide .price_section .com_table_radius .table th {
    font-size: 13px;
  }
}
.p_guide .price_section .com_table_radius .table td {
  color: #4156a7;
  font-weight: 700;
  font-size: 16px;
  padding: 20px 19px;
  line-height: 2;
}
.p_guide .price_section .com_table_radius .table td:not(:last-child) {
  border-right: 1px solid #e4e4e4;
}
@media screen and (max-width: 1023.9px) {
  .p_guide .price_section .com_table_radius .table td {
    font-size: 13px;
    padding: 10px 5px;
    line-height: 1.5;
  }
}
.p_guide .price_section .tip_field {
  font-size: 15px;
  line-height: 1.4;
  letter-spacing: -0.75px;
  color: #333;
  margin-top: 30px;
}
@media screen and (max-width: 767.9px) {
  .p_guide .price_section .tip_field {
    font-size: 13px;
    margin-top: 15px;
  }
}

.com_board_tab {
  display: block;
}
@media screen and (min-width: 1239.9px) {
  .com_board_tab .com_oval_tab {
    width: 90%;
  }
}
.com_board_tab .com_oval_tab .oval {
  width: 16.7%;
}
.com_board_tab .com_oval_tab .tab {
  width: 16.6666%;
}

.com_board_page main {
  padding-bottom: 0 !important;
}
.com_board_page .com_bg_cont {
  background-image: url(../img/sub/board_bg.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100%;
}
@media screen and (min-width: 1023.9px) {
  .com_board_page .com_bg_cont {
    margin-top: 60px;
    padding-block: 60px 120px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_board_page .com_bg_cont {
    margin-top: 40px;
    padding-block: 30px 100px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_board_page .type_view {
    border-top: 0;
  }
  .com_board_page .type_view tbody {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_board_page .type_view th, .com_board_page .type_view td {
    padding-block: 10px;
    display: block;
  }
}

@media screen and (max-width: 1023.9px) {
  .p_notice tr.tr_notice td:nth-child(1),
  .p_library tr.tr_notice td:nth-child(1) {
    display: block !important;
    min-width: 68px;
    padding-inline: 14px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_notice tr.tr_notice td:nth-child(2),
  .p_library tr.tr_notice td:nth-child(2) {
    width: calc(100% - 68px - 88px);
    padding-inline: 0;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_notice td:nth-child(2),
  .p_library td:nth-child(2) {
    width: calc(100% - 88px);
    padding-inline: 14px 0;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_notice td:nth-child(4),
  .p_library td:nth-child(4) {
    min-width: 88px;
    padding-inline: 0;
    text-align: right;
    padding-right: 14px;
  }
}

.p_calendar .sec_calendar {
  display: flex;
  border-radius: 20px 20px 0 0;
  overflow: hidden;
  background-color: #fff;
}
@media screen and (min-width: 1023.9px) {
  .p_calendar .sec_calendar {
    justify-content: space-between;
  }
  .p_calendar .sec_calendar > div {
    width: 48.5%;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_calendar .sec_calendar {
    flex-direction: column;
  }
}
.p_calendar .program_area {
  margin-top: 80px;
}
.p_calendar .program_item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #e4e4e4;
  background-color: #f7f7f7;
}
@media screen and (min-width: 1023.9px) {
  .p_calendar .program_item {
    padding: 22px 30px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_calendar .program_item {
    padding: 12px 15px;
  }
}
.p_calendar .program_item:not(:first-of-type) {
  margin-top: 10px;
}
.p_calendar .program_item .name {
  display: flex;
  align-items: center;
}
.p_calendar .program_item h1 {
  font-weight: 700;
  margin-left: 10px;
}
@media screen and (min-width: 1023.9px) {
  .p_calendar .program_item h1 {
    font-size: 17px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_calendar .program_item h1 {
    font-size: 13px;
  }
}
.p_calendar .program_item .date {
  color: #999;
  white-space: nowrap;
  margin-left: 10px;
}
@media screen and (min-width: 1023.9px) {
  .p_calendar .program_item .date {
    font-size: 17px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_calendar .program_item .date {
    font-size: 16px;
  }
}
@media screen and (min-width: 1023.9px) {
  .p_calendar .sec_calendar {
    border-bottom: 6px solid #4156a7;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_calendar .sec_calendar {
    border-bottom: 3px solid #4156a7;
  }
}
@media screen and (min-width: 1023.9px) {
  .p_calendar .calendar_area {
    border-left: 6px solid #4156a7;
    border-right: 1px solid #d9dded;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_calendar .calendar_area {
    border: 3px solid #4156a7;
  }
}
.p_calendar .fc .fc-toolbar.fc-header-toolbar {
  margin-bottom: 0;
  background-color: #4156a7;
}
@media screen and (min-width: 1023.9px) {
  .p_calendar .fc .fc-toolbar.fc-header-toolbar {
    padding-block: 25px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_calendar .fc .fc-toolbar.fc-header-toolbar {
    padding-block: 12px;
  }
}
.p_calendar .fc .fc-button.fc-button-primary {
  background-color: #fff;
}
.p_calendar .fc .fc-toolbar-title {
  color: #Fff;
}
.p_calendar .program_area {
  margin-top: 0;
}
@media screen and (min-width: 1023.9px) {
  .p_calendar .program_area {
    border-right: 6px solid #4156a7;
    width: 51.5% !important;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_calendar .program_area {
    border: 6px solid #4156a7;
    border-width: 0px 3px;
  }
}
.p_calendar .program_area .title {
  color: #fff;
  font-weight: 600;
  background-color: #4156a7;
}
@media screen and (min-width: 1023.9px) {
  .p_calendar .program_area .title {
    font-size: 30px;
    padding-inline: 35px;
    padding-block: 29px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_calendar .program_area .title {
    font-size: 20px;
    padding-inline: 16px;
    padding-block: 12px;
  }
}
.p_calendar .program_item_wrap .com_badge {
  height: auto;
  min-height: 26px;
}
@media screen and (min-width: 1023.9px) {
  .p_calendar .program_item_wrap {
    padding: 18px 30px;
    aspect-ratio: 720.5/531.05;
    overflow-y: auto;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_calendar .program_item_wrap {
    padding: 10px 14px;
  }
}

.p_gallery .non_list {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  border: 6px solid #4156a7;
  border-radius: 40px 40px 0 0;
  background-color: #fff;
  width: 100%;
  padding: 50px;
}
.p_gallery .gallery_board {
  display: flex;
  border: 6px solid #4156a7;
  border-radius: 40px 40px 0 0;
  background-color: #fff;
  width: 100%;
  padding: 70px 30px;
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 20px * 2);
  margin-left: -20px;
}
.p_gallery .gallery_board > li,
.p_gallery .gallery_board > div,
.p_gallery .gallery_board > article,
.p_gallery .gallery_board > section,
.p_gallery .gallery_board > figure,
.p_gallery .gallery_board > a {
  width: calc(25% - 20px * 2);
  margin-left: 20px;
  margin-right: 20px;
}
.p_gallery .gallery_board > li:nth-child(n+5),
.p_gallery .gallery_board > div:nth-child(n+5),
.p_gallery .gallery_board > article:nth-child(n+5),
.p_gallery .gallery_board > section:nth-child(n+5),
.p_gallery .gallery_board > figure:nth-child(n+5),
.p_gallery .gallery_board > a:nth-child(n+5) {
  margin-top: 74px;
}
@media screen and (max-width: 1023.9px) {
  .p_gallery .gallery_board {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 10px * 2);
    margin-left: -10px;
    padding: 25px 10px;
  }
  .p_gallery .gallery_board > li,
  .p_gallery .gallery_board > div,
  .p_gallery .gallery_board > article,
  .p_gallery .gallery_board > section,
  .p_gallery .gallery_board > figure,
  .p_gallery .gallery_board > a {
    width: calc(50% - 10px * 2);
    margin-left: 10px;
    margin-right: 10px;
  }
  .p_gallery .gallery_board > li:nth-child(n+3),
  .p_gallery .gallery_board > div:nth-child(n+3),
  .p_gallery .gallery_board > article:nth-child(n+3),
  .p_gallery .gallery_board > section:nth-child(n+3),
  .p_gallery .gallery_board > figure:nth-child(n+3),
  .p_gallery .gallery_board > a:nth-child(n+3) {
    margin-top: 30px;
  }
}
.p_gallery .gallery_board .item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.p_gallery .gallery_board .item figure {
  max-width: 100%;
  height: 205px;
  min-height: 205px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1023.9px) {
  .p_gallery .gallery_board .item figure {
    height: 100px;
    min-height: 100px;
  }
}
.p_gallery .gallery_board .item img {
  max-height: 100%;
  min-height: 100%;
  min-width: 100%;
  object-fit: cover;
}
.p_gallery .gallery_board .item .text_wrap {
  height: 100%;
}
.p_gallery .gallery_board .item .tit {
  -webkit-line-clamp: 2;
  white-space: normal;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.56;
  letter-spacing: -0.9px;
  margin-top: 23px;
}
@media screen and (max-width: 1023.9px) {
  .p_gallery .gallery_board .item .tit {
    font-size: 15px;
    margin-top: 10px;
  }
}
.p_gallery .gallery_board .item .date {
  font-size: 16px;
  font-weight: 200;
  line-height: 0.63;
  margin-top: 28px;
}
@media screen and (max-width: 1023.9px) {
  .p_gallery .gallery_board .item .date {
    font-size: 13px;
    margin-top: 10px;
  }
}

@media screen and (max-width: 1023.9px) {
  .p_gallery_view .com_table_radius {
    border-width: 6px;
  }
}
.p_gallery_view .com_board {
  display: block;
  background-color: #fff;
  width: 100%;
  padding: 44px 72px 69px;
  border-radius: 40px 40px 0 0;
}
@media screen and (max-width: 1023.9px) {
  .p_gallery_view .com_board {
    border-radius: 20px 20px 0 0;
    border: none;
    padding: 22px 26px 38px;
  }
}
.p_gallery_view .com_board :is(tbody, tr, th, td) {
  display: block;
  width: 100%;
}
.p_gallery_view .com_board th.title {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -1.2px;
  text-align: left;
  color: #222;
  background: none;
  padding: 0 0 13px 0;
  border: none;
}
@media screen and (max-width: 1023.9px) {
  .p_gallery_view .com_board th.title {
    font-size: 18px;
    padding-bottom: 0;
  }
}
.p_gallery_view .com_board .post_info_wrap {
  border-top: none;
  padding-block: 0 27px;
}
@media screen and (max-width: 1023.9px) {
  .p_gallery_view .com_board .post_info_wrap {
    padding-block: 10px;
  }
}
.p_gallery_view .com_board .post_info_wrap .post_info > div {
  padding-inline: 0;
}
.p_gallery_view .com_board .post_content {
  padding-block: 68px;
}
@media screen and (max-width: 1023.9px) {
  .p_gallery_view .com_board .post_content {
    padding-block: 30px;
  }
}
.p_gallery_view .com_board .post_preview {
  display: flex;
  justify-content: center;
}
.p_gallery_view .com_board .post_preview th {
  background: none;
  width: 170px;
  min-width: 170px;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.9px;
  text-align: left;
  color: #4159a4;
  padding: 25px 34px;
}
@media screen and (max-width: 1023.9px) {
  .p_gallery_view .com_board .post_preview th {
    font-size: 12px;
    padding: 10px;
    width: 90px;
    min-width: 90px;
  }
}
.p_gallery_view .com_board .post_preview td {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.9px;
  text-align: left;
  color: #222;
  width: calc(100% - 170px);
}
@media screen and (max-width: 1023.9px) {
  .p_gallery_view .com_board .post_preview td {
    font-size: 12px;
    width: calc(100% - 90px);
  }
}

.p_qna .tabs_slider_area {
  position: relative;
}
@media screen and (min-width: 1023.9px) {
  .p_qna .tabs_slider_area {
    padding-inline: 88px;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_qna .tabs_slider_area {
    padding-inline: 40px;
    margin-bottom: 25px;
  }
}
.p_qna .tabs_slider_area.pd0 {
  padding-inline: 0 !important;
}
.p_qna .big_slider {
  border-bottom: 1px solid #e4e4e4;
}
.p_qna .sec_qna_cont .arrow {
  display: block;
  background: url(../img/sub/icon_qna_arrow.svg) no-repeat center center;
  background-size: contain;
  transition: all 0.1s;
}
@media screen and (min-width: 1023.9px) {
  .p_qna .sec_qna_cont .arrow {
    width: 34px;
    min-width: 34px;
    height: 34px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_qna .sec_qna_cont .arrow {
    width: 26px;
    min-width: 26px;
    height: 26px;
  }
}
.p_qna .sec_qna_cont .active .arrow {
  background-image: url(../img/sub/icon_qna_arrow_active.svg);
}
.p_qna .qna_q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #e4e4e4;
  cursor: pointer;
}
@media screen and (min-width: 1023.9px) {
  .p_qna .qna_q {
    padding: 14px 24px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_qna .qna_q {
    padding: 12px 12px;
  }
}
.p_qna .qna_q .left_wrap {
  display: flex;
  align-items: center;
  color: #333;
  letter-spacing: -0.05em;
}
@media screen and (min-width: 1023.9px) {
  .p_qna .qna_q .left_wrap {
    font-size: 15px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_qna .qna_q .left_wrap {
    font-size: 12px;
    padding: 2px 3px;
  }
}
.p_qna .qna_q .left_wrap .cate {
  color: #fff;
  background-color: #4156a7;
  border-radius: 15px;
}
@media screen and (min-width: 1023.9px) {
  .p_qna .qna_q .left_wrap .cate {
    padding: 5px 12px;
    margin-right: 15px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_qna .qna_q .left_wrap .cate {
    padding: 2px 6px;
    margin-right: 10px;
  }
}
.p_qna .qna_q .left_wrap h1 {
  font-weight: 500;
  color: #4156a7;
}
@media screen and (min-width: 1023.9px) {
  .p_qna .qna_q .left_wrap h1 {
    font-size: 16px;
  }
}
.p_qna .qna_a {
  display: none;
  border-top: 1px solid #e4e4e4;
  background-color: #f7f7f7;
  color: #333;
  letter-spacing: -0.05em;
}
@media screen and (min-width: 1023.9px) {
  .p_qna .qna_a {
    font-size: 15px;
    padding: 20px 24px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_qna .qna_a {
    font-size: 13px;
    padding: 12px 16px;
  }
}
.p_qna .qna_a * {
  font-size: inherit;
  color: inherit;
  letter-spacing: inherit;
}
.p_qna .sec_qna_cont {
  border-radius: 20px 20px 0 0;
  overflow: hidden;
  background-color: #fff;
}
@media screen and (min-width: 1023.9px) {
  .p_qna .sec_qna_cont {
    border: 6px solid #4156a7;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_qna .sec_qna_cont {
    border: 3px solid #4156a7;
  }
}

.com_program main {
  padding-bottom: 0 !important;
}
.com_program .com_top_tab .com_tab_li {
  width: 33.333%;
}
@media screen and (max-width: 390px) {
  .com_program .com_top_tab .com_tab_li {
    height: 50px;
  }
}
@media screen and (min-width: 1023.9px) {
  .com_program .com_box_tab {
    margin-block: 50px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_program .com_box_tab {
    margin-block: 20px;
    overflow-x: auto;
  }
}
.com_program .com_box_tab .tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  font-weight: 400;
  line-height: 1.2;
  padding: 0;
}
@media screen and (min-width: 1023.9px) {
  .com_program .com_box_tab .tab {
    min-width: 200px;
    height: 50px;
    font-size: 17px;
    border-radius: 5px;
    margin-right: 10px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_program .com_box_tab .tab {
    min-width: 150px;
    padding: 12px 5px 11px;
    font-size: 13px;
    border-radius: 5px;
    margin-right: 6px;
    font-weight: 500;
  }
}
.com_program .com_box_tab .tab:last-child {
  margin-right: 0;
}
.com_program .com_program_tab {
  display: block;
}
@media screen and (min-width: 1239.9px) {
  .com_program .com_program_tab .com_oval_tab {
    width: auto;
  }
}
.com_program .com_program_tab .com_oval_tab .oval {
  width: 230px;
}
.com_program .com_program_tab .com_oval_tab .tab {
  width: 230px;
}
.com_program .com_bg_cont {
  background-image: url("../img/sub/program_bg.png");
  background-position: center top;
  background-repeat: repeat-y;
  background-size: 100%;
}
@media screen and (min-width: 1023.9px) {
  .com_program .com_bg_cont {
    padding-block: 75px 100px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_program .com_bg_cont {
    padding-block: 30px 100px;
  }
}
.com_program .sec_detail {
  display: flex;
  background: #4156a7;
  border-radius: 40px;
  overflow: hidden;
}
@media screen and (min-width: 1023.9px) {
  .com_program .sec_detail {
    justify-content: space-between;
    flex-wrap: wrap;
    border: 6px solid #4156a7;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_program .sec_detail {
    flex-direction: column;
    border: 3px solid #4156a7;
  }
}
.com_program .sec_detail .com_sub_big_title {
  background: #4156a7;
  width: 100%;
  color: #fff;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1023.9px) {
  .com_program .sec_detail .com_sub_big_title {
    padding-block: 16px;
  }
}
.com_program .sec_detail .com_sub_big_title:before {
  content: "";
  display: inline-block;
  background: url("../img/sub/img_character.png") no-repeat;
  background-position: bottom center;
  background-size: contain;
}
@media screen and (min-width: 1023.9px) {
  .com_program .sec_detail .com_sub_big_title:before {
    width: 123px;
    height: 93px;
    margin-right: 45px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_program .sec_detail .com_sub_big_title:before {
    width: 123px;
    height: 93px;
    margin-right: 5%;
  }
}
@media screen and (max-width: 575.9px) {
  .com_program .sec_detail .com_sub_big_title:before {
    display: none;
  }
}
.com_program .sec_detail .left_wrap {
  background-color: #fff;
}
@media screen and (min-width: 1023.9px) {
  .com_program .sec_detail .left_wrap {
    width: 49%;
    padding: 60px 55px 82px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_program .sec_detail .left_wrap {
    padding: 30px 20px 30px;
  }
}
.com_program .sec_detail .right_wrap {
  background-color: #fff;
}
@media screen and (min-width: 1023.9px) {
  .com_program .sec_detail .right_wrap {
    width: 51%;
    padding: 60px 55px 82px 0;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_program .sec_detail .right_wrap {
    padding: 0 20px 30px 20px;
  }
}
.com_program .swiper-slide img {
  width: 100%;
  object-fit: contain;
}
@media screen and (min-width: 1023.9px) {
  .com_program .thumbs_slider_area {
    margin-top: 30px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_program .thumbs_slider_area {
    margin-top: 15px;
  }
}
.com_program .sec_info_txt {
  border-top: 1px solid #4156a7;
}
.com_program .info_wrap {
  display: flex;
  height: 100%;
  border-bottom: 1px solid #e4e4e4;
  padding-block: 10px;
}
@media screen and (min-width: 575.9px) {
  .com_program .info_wrap {
    align-items: stretch;
  }
}
@media screen and (max-width: 575.9px) {
  .com_program .info_wrap {
    flex-direction: column;
    align-items: flex-start;
  }
}
.com_program .info_wrap .title {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #4156a7;
  color: #fff;
  letter-spacing: -0.05em;
  line-height: 1.4;
  font-weight: bold;
}
@media screen and (min-width: 1023.9px) {
  .com_program .info_wrap .title {
    width: 90px;
    min-width: 90px;
    min-height: 50px;
    border-radius: 5px;
    font-size: 17px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_program .info_wrap .title {
    width: 60px;
    min-width: 60px;
  }
}
@media screen and (max-width: 1023.9px) and (min-width: 575.9px) {
  .com_program .info_wrap .title {
    min-height: 30px;
    border-radius: 3px;
    font-size: 13px;
  }
}
@media screen and (max-width: 575.9px) {
  .com_program .info_wrap .title {
    min-height: 24px;
    width: auto;
  }
}
.com_program .info_wrap .text {
  display: inline-flex;
  align-items: center;
  line-height: 1.7;
  letter-spacing: -0.05em;
  color: #333;
}
@media screen and (min-width: 1023.9px) {
  .com_program .info_wrap .text {
    margin-left: 30px;
    font-size: 17px;
  }
}
@media screen and (max-width: 1023.9px) and (min-width: 575.9px) {
  .com_program .info_wrap .text {
    margin-left: 15px;
    font-size: 13px;
  }
}
@media screen and (max-width: 575.9px) {
  .com_program .info_wrap .text {
    margin-top: 6px;
  }
}
@media screen and (min-width: 1023.9px) {
  .com_program .com_btn_wrap {
    margin-top: 50px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_program .com_btn_wrap {
    margin-top: 25px;
  }
}

.p_career main .inner {
  max-width: 1280px;
}
.p_career .page_tit {
  font-weight: 600;
  text-align: center;
}
@media screen and (min-width: 1023.9px) {
  .p_career .page_tit {
    font-size: 45px;
    margin-top: 110px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_career .page_tit {
    font-size: 20px;
    margin-top: 30px;
  }
}
.p_career .sec01 {
  text-align: center;
  margin-bottom: 156px;
}
@media screen and (max-width: 1023.9px) {
  .p_career .sec01 {
    margin-bottom: 60px;
  }
}
.p_career .sec01 .sub_tit {
  font-size: 36px;
  font-weight: bold;
  line-height: 0.83;
  letter-spacing: -1.8px;
  text-align: center;
  color: #fff;
  padding: 15px 24px;
  border-radius: 30px;
  background-color: #0a9cfb;
  display: inline-block;
  margin: 40px auto 48px;
}
@media screen and (max-width: 1023.9px) {
  .p_career .sec01 .sub_tit {
    font-size: 17px;
    margin: 15px auto;
    line-height: 1.2;
    padding: 10px 20px;
  }
}
.p_career .sec01 .txt {
  margin-bottom: 80px;
  font-size: 18px;
  line-height: 1.94;
  letter-spacing: -0.9px;
  text-align: center;
}
@media screen and (max-width: 1023.9px) {
  .p_career .sec01 .txt {
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 35px;
  }
}
.p_career .sec01 .video {
  border: 3px solid #a6e0f8;
}
.p_career .sec01 .video iframe {
  width: 100%;
  max-width: 1280px;
  aspect-ratio: 16/9;
  margin-bottom: -4px;
}
.p_career .sec02 {
  background: #e3f6fe;
  padding-block: 80px 50px;
}
@media screen and (max-width: 1023.9px) {
  .p_career .sec02 {
    padding-block: 20px 25px;
  }
}
.p_career .sec02 .inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 1023.9px) {
  .p_career .sec02 .inner {
    flex-direction: column;
  }
}
.p_career .sec02 .inner .img {
  width: 390px;
  max-width: 390px;
}
@media screen and (max-width: 1023.9px) {
  .p_career .sec02 .inner .img {
    width: 100%;
    padding-left: 5%;
  }
}
.p_career .sec02 .inner .img img {
  width: 100%;
}
.p_career .sec02 .inner .info {
  width: calc(100% - 390px);
  padding-left: 50px;
}
@media screen and (max-width: 1023.9px) {
  .p_career .sec02 .inner .info {
    width: 100%;
    padding-left: 0;
  }
}
.p_career .sec02 .inner .info .page_tit {
  margin-bottom: 69px;
  text-align: left;
  margin-top: 0;
}
@media screen and (max-width: 1023.9px) {
  .p_career .sec02 .inner .info .page_tit {
    margin-bottom: 30px;
  }
}
.p_career .sec02 .inner .info .guide {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 1023.9px) {
  .p_career .sec02 .inner .info .guide {
    flex-direction: column;
    padding-left: 38px;
  }
}
.p_career .sec02 .inner .info .guide li {
  width: 50%;
  padding-left: 68px;
}
@media screen and (max-width: 1023.9px) {
  .p_career .sec02 .inner .info .guide li {
    padding-left: 0;
    width: 100%;
    margin-bottom: 30px;
  }
}
.p_career .sec02 .inner .info .guide li .tit {
  font-size: 30px;
  font-weight: bold;
  letter-spacing: -1.5px;
  color: #0a9cfb;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1023.9px) {
  .p_career .sec02 .inner .info .guide li .tit {
    font-size: 15px;
  }
}
.p_career .sec02 .inner .info .guide li .tit .num {
  min-width: 60px;
  width: 60px;
  height: 60px;
  margin-right: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #0a9cfb;
  font-size: 26px;
  font-weight: bold;
  letter-spacing: -1.3px;
  text-align: center;
  color: #fff;
  margin-left: -68px;
  border-radius: 100%;
}
@media screen and (max-width: 1023.9px) {
  .p_career .sec02 .inner .info .guide li .tit .num {
    min-width: 30px;
    width: 30px;
    height: 30px;
    font-size: 13px;
    margin-left: -38px;
  }
}
.p_career .sec02 .inner .info .guide li .txt {
  font-size: 18px;
  line-height: 1.56;
  letter-spacing: -0.9px;
  color: #333;
  margin-bottom: 42px;
}
@media screen and (max-width: 1023.9px) {
  .p_career .sec02 .inner .info .guide li .txt {
    font-size: 12px;
    margin-bottom: 15px;
  }
}
.p_career .sec02 .inner .info .guide li .btn_area .btn {
  max-width: 280px;
  margin-bottom: 20px;
  display: block;
}
@media screen and (max-width: 1023.9px) {
  .p_career .sec02 .inner .info .guide li .btn_area .btn {
    margin-bottom: 10px;
  }
}
.p_career .sec02 .inner .info .guide li .btn_area .btn img {
  width: 100%;
}
.p_career .sec02 .inner .info .guide li .qr_area {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.p_career .sec02 .inner .info .guide li .qr_area .qr {
  border-radius: 10px;
  background: #fff;
  width: calc((100% - 20px) / 2);
  overflow: hidden;
  text-align: center;
}
.p_career .sec02 .inner .info .guide li .qr_area .qr img {
  padding: 18px 15px;
  max-width: 149px;
  width: 100%;
}
.p_career .sec02 .inner .info .guide li .qr_area .qr .name {
  display: block;
  background-color: #0a9cfb;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  line-height: 2.33;
  letter-spacing: normal;
  text-align: center;
  padding: 5px;
}
@media screen and (max-width: 1023.9px) {
  .p_career .sec02 .inner .info .guide li .qr_area .qr .name {
    font-size: 11px;
  }
}
.p_career .sec03 .page_tit {
  text-align: left;
  margin-bottom: 47px;
}
@media screen and (max-width: 1023.9px) {
  .p_career .sec03 .page_tit {
    margin-bottom: 25px;
  }
}
.p_career .sec03 .list {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 1023.9px) {
  .p_career .sec03 .list {
    display: block;
  }
}
.p_career .sec03 .list li {
  width: calc((100% - 32px) / 5);
  background: #c8e7fc;
  padding-top: 30px;
  text-align: center;
}
@media screen and (max-width: 1023.9px) {
  .p_career .sec03 .list li {
    width: 100%;
    padding-top: 15px;
    margin-bottom: 10px;
  }
}
.p_career .sec03 .list li .txt {
  color: #3d74f2;
  padding-bottom: 30px;
  font-size: 15px;
  font-weight: 500;
}
@media screen and (max-width: 1023.9px) {
  .p_career .sec03 .list li .txt {
    font-size: 13px;
    padding-top: 20px;
  }
}

.com_reserve_tab {
  display: block;
}
@media screen and (min-width: 1239.9px) {
  .com_reserve_tab .com_oval_tab {
    width: 77%;
  }
}
.com_reserve_tab .com_oval_tab .oval,
.com_reserve_tab .com_oval_tab .tab {
  width: 25%;
}

.p_reserve_group main,
.p_program_list main,
.com_program_detail main,
.com_program_item main,
.com_program_item_big main {
  padding-bottom: 0 !important;
}
.p_reserve_group .com_bg_cont,
.p_program_list .com_bg_cont,
.com_program_detail .com_bg_cont,
.com_program_item .com_bg_cont,
.com_program_item_big .com_bg_cont {
  background-image: url(../img/sub/reserve_bg.png);
  background-repeat: repeat-y;
  background-position: top center;
  background-size: 100%;
}
@media screen and (min-width: 1023.9px) {
  .p_reserve_group .com_bg_cont,
  .p_program_list .com_bg_cont,
  .com_program_detail .com_bg_cont,
  .com_program_item .com_bg_cont,
  .com_program_item_big .com_bg_cont {
    margin-top: 60px;
    padding-block: 60px 120px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_reserve_group .com_bg_cont,
  .p_program_list .com_bg_cont,
  .com_program_detail .com_bg_cont,
  .com_program_item .com_bg_cont,
  .com_program_item_big .com_bg_cont {
    margin-top: 40px;
    padding-block: 30px 100px;
  }
}

.com_program_item_big {
  display: flex;
  cursor: pointer;
}
@media screen and (min-width: 1023.9px) {
  .com_program_item_big {
    align-items: center;
    padding: 60px;
  }
}
@media screen and (max-width: 575.9px) {
  .com_program_item_big {
    flex-direction: column;
    padding: 30px 16px;
  }
}
.com_program_item_big:hover .program_img img {
  transform: scale(1.05);
}
.com_program_item_big:hover .name, .com_program_item_big:hover .txt {
  text-decoration: underline;
}
.com_program_item_big:not(:first-of-type) {
  border-top: 1px solid #e4e4e4;
}
.com_program_item_big .program_img {
  overflow: hidden;
}
.com_program_item_big .program_img img {
  transition: all 0.2s;
}
@media screen and (min-width: 1023.9px) {
  .com_program_item_big .program_img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 42%;
    aspect-ratio: 470/318;
  }
  .com_program_item_big .program_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
@media screen and (max-width: 1023.9px) and (min-width: 767.9px) {
  .com_program_item_big .program_img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 30%;
    aspect-ratio: 470/318;
  }
  .com_program_item_big .program_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
@media screen and (max-width: 767.9px) and (min-width: 575.9px) {
  .com_program_item_big .program_img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 40%;
    aspect-ratio: 140/95;
  }
  .com_program_item_big .program_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
@media screen and (max-width: 575.9px) {
  .com_program_item_big .program_img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    aspect-ratio: 140/95;
  }
  .com_program_item_big .program_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width: 1023.9px) {
  .com_program_item_big .program_info {
    margin-left: 60px;
  }
}
@media screen and (max-width: 1023.9px) and (min-width: 575.9px) {
  .com_program_item_big .program_info {
    margin-left: 20px;
  }
}
@media screen and (max-width: 575.9px) {
  .com_program_item_big .program_info {
    margin-top: 12px;
  }
}
.com_program_item_big .program_info .name {
  font-weight: 600;
}
@media screen and (min-width: 1023.9px) {
  .com_program_item_big .program_info .name {
    font-size: 45px;
  }
}
@media screen and (max-width: 1023.9px) and (min-width: 575.9px) {
  .com_program_item_big .program_info .name {
    font-size: 22px;
  }
}
@media screen and (max-width: 575.9px) {
  .com_program_item_big .program_info .name {
    font-size: 18px;
  }
}
.com_program_item_big .program_info .txt {
  line-height: 1.6;
}
@media screen and (min-width: 1023.9px) {
  .com_program_item_big .program_info .txt {
    margin-top: 17px;
    font-size: 18px;
  }
}
@media screen and (max-width: 1023.9px) and (min-width: 575.9px) {
  .com_program_item_big .program_info .txt {
    margin-top: 8px;
    font-size: 13px;
  }
}
@media screen and (max-width: 575.9px) {
  .com_program_item_big .program_info .txt {
    margin-top: 4px;
    font-size: 12px;
  }
}
.com_program_item_big .program_info .recom_wrap h1 {
  font-weight: 500;
}
@media screen and (min-width: 1023.9px) {
  .com_program_item_big .program_info .recom_wrap h1 {
    margin-block: 40px 9px;
    font-size: 18px;
  }
}
@media screen and (max-width: 1023.9px) and (min-width: 575.9px) {
  .com_program_item_big .program_info .recom_wrap h1 {
    margin-block: 20px 6px;
    font-size: 13px;
  }
}
@media screen and (max-width: 575.9px) {
  .com_program_item_big .program_info .recom_wrap h1 {
    margin-block: 14px 4px;
    font-size: 12px;
  }
}
.com_program_item_big .program_info .recom_wrap .recom {
  display: inline-block;
  font-weight: 500;
  background-color: rgba(5, 137, 218, 0.2);
  color: #0589da;
}
@media screen and (min-width: 1023.9px) {
  .com_program_item_big .program_info .recom_wrap .recom {
    padding: 6px 15px;
    font-size: 18px;
  }
}
@media screen and (max-width: 1023.9px) and (min-width: 575.9px) {
  .com_program_item_big .program_info .recom_wrap .recom {
    padding: 4px 8px;
    font-size: 13px;
  }
}
@media screen and (max-width: 575.9px) {
  .com_program_item_big .program_info .recom_wrap .recom {
    padding: 2px 6px;
    font-size: 12px;
  }
}

.com_program_item {
  display: flex;
  align-items: center;
  border-block: 1px solid #e4e4e4;
}
@media screen and (min-width: 1023.9px) {
  .com_program_item {
    padding-block: 30px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_program_item {
    padding-block: 15px;
    flex-direction: column;
  }
}
@media screen and (min-width: 1023.9px) {
  .com_program_item .program_img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 200px;
    aspect-ratio: 200/136;
  }
  .com_program_item .program_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_program_item .program_img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 140px;
    aspect-ratio: 140/95;
  }
  .com_program_item .program_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width: 1023.9px) {
  .com_program_item .program_info {
    margin-left: 30px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_program_item .program_info {
    margin-top: 10px;
  }
}
.com_program_item .program_info .name {
  font-weight: 600;
}
@media screen and (min-width: 1023.9px) {
  .com_program_item .program_info .name {
    font-size: 20px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_program_item .program_info .name {
    font-size: 14px;
  }
}
@media screen and (min-width: 1023.9px) {
  .com_program_item .program_info ul {
    margin-top: 15px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_program_item .program_info ul {
    margin-top: 7px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_program_item .program_info li {
    font-size: 12px;
  }
}
.com_program_item .program_info li .legend {
  min-width: 52px;
  color: #999;
}
.p_free_pay .com_program_item .program_info li .legend {
  min-width: 82px;
}
.com_program_item .program_info li .txt {
  padding-left: 12px;
}
.com_program_item .program_info li + li {
  margin-top: 4px;
}

.com_pay .payments_container {
  display: flex;
  border-top: 1px solid #e4e4e4;
}
@media screen and (min-width: 1239.9px) {
  .com_pay .payments_container {
    align-items: stretch;
    border-bottom: 1px solid #e4e4e4;
  }
}
@media screen and (max-width: 1239.9px) {
  .com_pay .payments_container {
    flex-direction: column;
  }
}
@media screen and (min-width: 1239.9px) {
  .com_pay .left_wrap {
    width: calc(100% - 475px);
    padding-right: 2.7%;
    border-right: 1px solid #e4e4e4;
  }
}
.com_pay .right_wrap {
  flex-shrink: 1;
}
@media screen and (min-width: 1239.9px) {
  .com_pay .right_wrap {
    width: 475px;
    background-color: #f7f7f7;
    padding-inline: 2.7%;
    padding-bottom: 44px;
  }
}
.com_pay .right_wrap .com_btn_wrap {
  margin-top: 30px;
}
.com_pay .select, .com_pay .input {
  height: 45px;
}
@media screen and (max-width: 1300px) {
  .com_pay .com_board td {
    padding-inline: 8px;
  }
}
.com_pay .pay_type_container {
  display: flex;
  align-items: center;
  padding-block: 16px;
  border-block: 1px solid #e4e4e4;
}
.com_pay .pay_type_container .com_radio_wrap:not(:first-of-type) {
  margin-left: 20px;
}
.com_pay .sec_pay_account .com_sub_sec_title,
.com_pay .sec_cash_receipt .com_sub_sec_title {
  border-bottom: 1px solid #e4e4e4;
}
@media screen and (min-width: 1023.9px) {
  .com_pay .sec_pay_account .com_sub_sec_title,
  .com_pay .sec_cash_receipt .com_sub_sec_title {
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_pay .sec_pay_account .com_sub_sec_title,
  .com_pay .sec_cash_receipt .com_sub_sec_title {
    padding-bottom: 10px;
  }
}
.com_pay .sec_pay_account .select, .com_pay .sec_pay_account .input,
.com_pay .sec_cash_receipt .select,
.com_pay .sec_cash_receipt .input {
  width: 100%;
}
.com_pay .sec_pay_account .select + :is(.select, .input), .com_pay .sec_pay_account .input + :is(.select, .input),
.com_pay .sec_cash_receipt .select + :is(.select, .input),
.com_pay .sec_cash_receipt .input + :is(.select, .input) {
  margin-top: 10px;
}
.com_pay .receipt_type_area {
  display: flex;
}
@media screen and (min-width: 1023.9px) {
  .com_pay .receipt_type_area {
    align-items: center;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_pay .receipt_type_area {
    flex-direction: column;
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 1023.9px) {
  .com_pay .receipt_type_area .com_radio_wrap:not(:first-of-type) {
    margin-left: 20px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_pay .receipt_type_area .com_radio_wrap:not(:first-of-type) {
    margin-top: 8px;
  }
}
.com_pay .sec_total_price tr td {
  border-bottom: 0;
}
.com_pay .sec_total_price tr:last-child td {
  border-top: 1px solid #e4e4e4;
}
.com_pay .sec_total_price td {
  padding-inline: 0;
}
.com_pay .sec_total_price td:first-child {
  text-align: left;
}
.com_pay .sec_total_price td:last-child {
  text-align: right;
}
@media screen and (min-width: 1023.9px) {
  .com_pay .txt_total_price {
    font-size: 17px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_pay .txt_total_price {
    font-size: 15px;
  }
}
.com_pay .sec_total_question .com_check_wrap {
  margin-top: 20px;
}

@media screen and (max-width: 1023.9px) {
  .p_pay .sec_visit_time col:nth-child(2),
  .p_pay .sec_visit_time col:nth-child(3) {
    width: 25%;
  }
}
.p_pay .sec_visit_time .select_wrap {
  display: flex;
  align-items: center;
}
.p_pay .sec_visit_time .select_wrap .select + .select {
  margin-left: 10px;
}
@media screen and (max-width: 1023.9px) {
  .p_pay .sec_price_type col {
    width: 23%;
  }
  .p_pay .sec_price_type col:nth-child(2), .p_pay .sec_price_type col:nth-child(3) {
    width: 27%;
  }
}
.p_pay .sec_price_type .com_board_top {
  margin-block: 33px 21px;
}
@media screen and (max-width: 359.9px) {
  .p_pay .sec_price_type .com_board_top .com_btn.gray {
    width: 48%;
  }
}
.p_pay .sec_price_type .com_board_top [type=checkbox]:checked + .com_btn.gray, .p_pay .sec_price_type .com_board_top [type=radio]:checked + .com_btn.gray {
  background-color: #4156a7;
  cursor: pointer;
}
@media screen and (max-width: 1023.9px) {
  .p_pay .sec_total_price col:nth-child(2),
  .p_pay .sec_total_price col:nth-child(3) {
    width: 21%;
  }
  .p_pay .sec_total_price col:nth-child(4) {
    width: 23%;
  }
}
@media screen and (min-width: 1023.9px) {
  .p_pay .sec_leader_info .input {
    min-width: 400px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_pay .sec_leader_info .input {
    width: 100%;
  }
}
.p_pay .discount_msg {
  margin-top: 10px;
}

@media screen and (max-width: 1023.9px) {
  .p_group_reserve .sec_price_type col {
    width: 33%;
  }
  .p_group_reserve .sec_price_type col:nth-child(3) {
    width: 25%;
  }
}

.p_group_detail main {
  padding-top: 0 !important;
}
.p_group_detail .sec_program_slide {
  position: relative;
  margin: 0 auto;
}
@media screen and (min-width: 1239.9px) {
  .p_group_detail .sec_program_slide {
    width: 1000px;
  }
}
@media screen and (max-width: 1239.9px) and (min-width: 575.9px) {
  .p_group_detail .sec_program_slide {
    width: 90%;
  }
}
@media screen and (max-width: 575.9px) {
  .p_group_detail .sec_program_slide {
    width: 100%;
    padding-block: 20px;
  }
}
.p_group_detail .sec_program_slide .swiper-container {
  display: flex;
  align-items: center;
}
.p_group_detail .sec_program_slide .swiper-wrapper {
  align-items: center;
}
.p_group_detail .sec_program_slide .swiper-slide {
  opacity: 0.5;
  transition: all 0.4s;
}
.p_group_detail .sec_program_slide .swiper-slide .slider__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 100%;
  aspect-ratio: 720/486;
}
.p_group_detail .sec_program_slide .swiper-slide .slider__inner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p_group_detail .sec_program_slide .swiper-slide .slider__inner img {
  width: 50%;
  height: auto;
}
.p_group_detail .sec_program_slide .swiper-slide-active {
  opacity: 1;
}
.p_group_detail .sec_program_slide .swiper-slide-active .slider__inner {
  width: 100%;
}
@media screen and (min-width: 575.9px) {
  .p_group_detail .sec_program_slide .swiper-slide-active .slider__inner {
    padding-inline: 14%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    aspect-ratio: 1000/486;
  }
  .p_group_detail .sec_program_slide .swiper-slide-active .slider__inner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
@media screen and (max-width: 575.9px) {
  .p_group_detail .sec_program_slide .swiper-slide-active .slider__inner {
    padding-inline: 8%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    aspect-ratio: 720/486;
  }
  .p_group_detail .sec_program_slide .swiper-slide-active .slider__inner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
.p_group_detail .sec_program_slide .swiper-slide-active .slider__inner img {
  width: 100%;
  border: 10px solid #fff;
  box-shadow: 20px 20px 20px 0 rgba(0, 0, 0, 0.1);
}
.p_group_detail .sec_program_slide .swiper-slide-next .slider__inner {
  justify-content: flex-start;
}
.p_group_detail .sec_program_slide .swiper-slide-prev .slider__inner {
  justify-content: flex-end;
}
@media screen and (min-width: 1023.9px) {
  .p_group_detail .sec_program_desc_slide {
    margin-top: 70px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_group_detail .sec_program_desc_slide {
    margin-top: 40px;
  }
}
.p_group_detail .sec_program_desc_slide li {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.p_group_detail .sec_program_desc_slide h1 {
  text-align: center;
  font-weight: 600;
}
@media screen and (min-width: 1023.9px) {
  .p_group_detail .sec_program_desc_slide h1 {
    font-size: 45px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_group_detail .sec_program_desc_slide h1 {
    font-size: 28px;
  }
}
.p_group_detail .sec_program_desc_slide h2 {
  text-align: center;
  font-weight: 500;
  color: #4156a7;
}
@media screen and (min-width: 1023.9px) {
  .p_group_detail .sec_program_desc_slide h2 {
    margin-top: 25px;
    font-size: 26px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_group_detail .sec_program_desc_slide h2 {
    margin-top: 16px;
    font-size: 18px;
  }
}
.p_group_detail .sec_program_desc_slide h3 {
  text-align: center;
  line-height: 1.6;
}
@media screen and (min-width: 1023.9px) {
  .p_group_detail .sec_program_desc_slide h3 {
    margin-top: 20px;
    font-size: 18px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_group_detail .sec_program_desc_slide h3 {
    margin-top: 12px;
    font-size: 13px;
  }
}
@media screen and (min-width: 1023.9px) {
  .p_group_detail .sec_program_desc_slide .com_btn {
    margin-top: 40px;
    width: 20%;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_group_detail .sec_program_desc_slide .com_btn {
    margin-top: 28px;
  }
}
@media screen and (min-width: 1239.9px) {
  .p_group_detail .swiper-button-next {
    right: calc(50% - 500px + 30px);
  }
}
@media screen and (max-width: 1239.9px) and (min-width: 575.9px) {
  .p_group_detail .swiper-button-next {
    right: calc(0.5% + 30px);
  }
}
@media screen and (max-width: 575.9px) {
  .p_group_detail .swiper-button-next {
    right: calc(0% + 12.5px);
  }
}
@media screen and (min-width: 1239.9px) {
  .p_group_detail .swiper-button-prev {
    left: calc(50% - 500px + 30px);
  }
}
@media screen and (max-width: 1239.9px) and (min-width: 575.9px) {
  .p_group_detail .swiper-button-prev {
    left: calc(0.5% + 30px);
  }
}
@media screen and (max-width: 575.9px) {
  .p_group_detail .swiper-button-prev {
    left: calc(0% + 12.5px);
  }
}
@media screen and (min-width: 1023.9px) {
  .p_group_detail .sec_inquiry_info {
    margin-top: 65px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_group_detail .sec_inquiry_info {
    margin-top: 40px;
  }
}
.p_group_detail .sec_inquiry_info ul {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1023.9px) {
  .p_group_detail .sec_inquiry_info ul {
    justify-content: space-between;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_group_detail .sec_inquiry_info ul {
    flex-direction: column;
  }
}
.p_group_detail .sec_inquiry_info ul li {
  display: flex;
  align-items: center;
  border: 1px solid #e4e4e4;
}
@media screen and (min-width: 1023.9px) {
  .p_group_detail .sec_inquiry_info ul li {
    padding: 20px 30px;
    width: 32%;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_group_detail .sec_inquiry_info ul li {
    padding: 8px 14px;
    width: 90%;
    margin-top: 8px;
  }
}
.p_group_detail .sec_inquiry_info ul li.info1 i {
  background-image: url(../img/sub/group_info1.svg);
}
@media screen and (max-width: 1023.9px) {
  .p_group_detail .sec_inquiry_info ul li.info1 i {
    background-size: contain;
  }
}
.p_group_detail .sec_inquiry_info ul li.info2 i {
  background-image: url(../img/sub/group_info2.svg);
}
@media screen and (max-width: 1023.9px) {
  .p_group_detail .sec_inquiry_info ul li.info2 i {
    background-size: contain;
  }
}
.p_group_detail .sec_inquiry_info ul li.info3 i {
  background-image: url(../img/sub/group_info3.svg);
}
@media screen and (max-width: 1023.9px) {
  .p_group_detail .sec_inquiry_info ul li.info3 i {
    background-size: contain;
  }
}
.p_group_detail .sec_inquiry_info ul li.info4 i {
  background-image: url(../img/sub/group_info4.svg);
}
@media screen and (max-width: 1023.9px) {
  .p_group_detail .sec_inquiry_info ul li.info4 i {
    background-size: contain;
  }
}
.p_group_detail .sec_inquiry_info ul li.info5 i {
  background-image: url(../img/sub/group_info5.svg);
}
@media screen and (max-width: 1023.9px) {
  .p_group_detail .sec_inquiry_info ul li.info5 i {
    background-size: contain;
  }
}
.p_group_detail .sec_inquiry_info ul li.info6 i {
  background-image: url(../img/sub/group_info6.svg);
}
@media screen and (max-width: 1023.9px) {
  .p_group_detail .sec_inquiry_info ul li.info6 i {
    background-size: contain;
  }
}
.p_group_detail .sec_inquiry_info ul li i {
  background-color: #daedf9;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (min-width: 1023.9px) {
  .p_group_detail .sec_inquiry_info ul li i {
    width: 90px;
    min-width: 90px;
    height: 90px;
    border-radius: 50%;
    margin-right: 20px;
  }
}
@media screen and (min-width: 1023.9px) and (max-width: 1023.9px) {
  .p_group_detail .sec_inquiry_info ul li i {
    width: 90px;
    min-width: 90px;
    height: 90px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_group_detail .sec_inquiry_info ul li i {
    width: 45px;
    min-width: 45px;
    height: 45px;
    border-radius: 50%;
    margin-right: 6px;
  }
}
@media screen and (max-width: 1023.9px) and (max-width: 1023.9px) {
  .p_group_detail .sec_inquiry_info ul li i {
    width: 45px;
    min-width: 45px;
    height: 45px;
  }
}
.p_group_detail .sec_inquiry_info ul li h1 {
  font-weight: 600;
}
@media screen and (min-width: 1023.9px) {
  .p_group_detail .sec_inquiry_info ul li h1 {
    font-size: 20px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_group_detail .sec_inquiry_info ul li h1 {
    font-size: 14px;
  }
}
@media screen and (min-width: 1023.9px) {
  .p_group_detail .sec_inquiry_info ul li h2 {
    margin-top: 8px;
    font-size: 16px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_group_detail .sec_inquiry_info ul li h2 {
    margin-top: 4px;
    font-size: 12px;
  }
}

.p_reserve_group main {
  padding-bottom: 0 !important;
}
.p_reserve_group .new_design_wrap {
  border: 6px solid #4156a7;
  background-color: #fff;
  border-radius: 40px;
}

:root {
  --fast-select-h: 65px;
}
@media screen and (max-width: 1023.9px) {
  :root {
    --fast-select-h: 45px;
  }
}

@media screen and (min-width: 1023.9px) {
  .p_program_list .com_sub_page_title:not(:first-of-type) {
    padding-block: 40px 20px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_program_list .com_sub_page_title:not(:first-of-type) {
    padding-block: 20px 15px;
  }
}
@media screen and (min-width: 1023.9px) {
  .p_program_list :is(.com_radio_wrap, .com_check_wrap):not(:first-of-type) {
    margin-left: 30px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_program_list :is(.com_radio_wrap, .com_check_wrap):not(:first-of-type) {
    margin-left: 10px;
  }
}
@media screen and (min-width: 1023.9px) {
  .p_program_list .com_board_top {
    margin-top: 40px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_program_list .com_board_top {
    margin-top: 30px;
  }
  .p_program_list .com_board_top + .com_board_container {
    margin-top: 15px;
  }
}
.p_program_list .sec_fast_reserve {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767.9px) {
  .p_program_list .sec_fast_reserve {
    flex-direction: column;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_program_list .sec_fast_reserve .com_btn {
    margin-top: 6px;
  }
}
.p_program_list .fast_select_wrap {
  position: relative;
  width: 43%;
  height: var(--fast-select-h);
}
@media screen and (min-width: 1023.9px) {
  .p_program_list .fast_select_wrap {
    font-size: 20px;
    margin-right: 22px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_program_list .fast_select_wrap {
    font-size: 14px;
  }
}
@media screen and (max-width: 767.9px) {
  .p_program_list .fast_select_wrap {
    width: 100%;
  }
  .p_program_list .fast_select_wrap:not(:first-of-type) {
    margin-top: 5px;
  }
}
.p_program_list .fast_select_wrap::after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 0;
  height: 0;
}
@media screen and (min-width: 1023.9px) {
  .p_program_list .fast_select_wrap::after {
    right: 17px;
    top: 24px;
    border-top: 15px solid #4156a7;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_program_list .fast_select_wrap::after {
    right: 10px;
    top: 16px;
    border-top: 10px solid #4156a7;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
  }
}
.p_program_list .fast_select {
  width: 100%;
  height: 100%;
  min-width: 100px;
  font-size: inherit;
  font-weight: 600;
  line-height: 1.4;
  cursor: pointer;
}
@media screen and (min-width: 1023.9px) {
  .p_program_list .fast_select {
    padding: 16px 25px;
    padding-right: calc(var(--fast-select-h) + 20px);
  }
}
@media screen and (max-width: 1023.9px) {
  .p_program_list .fast_select {
    padding-right: 28px;
  }
}
.p_program_list .fast_select option {
  color: #333;
}
.p_program_list .btn_fast_reserve {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 13.8%;
  height: var(--fast-select-h);
  background-color: #e5354c;
  color: #fff;
  font-size: inherit;
  line-height: 1;
  font-weight: 600;
}
@media screen and (min-width: 767.9px) {
  .p_program_list .btn_fast_reserve {
    margin-left: 10px;
  }
}
@media screen and (max-width: 767.9px) {
  .p_program_list .btn_fast_reserve {
    margin-top: 5px;
    width: 100%;
  }
}
.p_program_list .btn_fast_reserve i {
  width: 20px;
  height: 20px;
  margin-left: 10px;
  background: url(../img/sub/btn_fast_reserve.svg) no-repeat center center;
}
@media screen and (min-width: 1023.9px) {
  .p_program_list .date_select_wrap {
    display: inline-flex;
    align-items: center;
    margin-left: 30px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_program_list .date_select_wrap {
    display: flex;
    align-items: center;
    margin-top: 10px;
    width: 100%;
  }
  .p_program_list .date_select_wrap .com_datepicker_wrap {
    width: 100%;
  }
}
.p_program_list .date_select_wrap span {
  padding-inline: 4px;
  font-weight: 600;
}
.p_program_list .search_wrap {
  width: 100%;
}
@media screen and (min-width: 1023.9px) {
  .p_program_list .search_wrap [type=text] {
    margin-inline: 10px;
    min-width: 30%;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_program_list .search_wrap [type=text] {
    margin-inline: 5px;
    width: 100%;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_program_list .search_wrap .com_btn {
    width: 60px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_program_list .type_list tr {
    position: relative;
    flex-wrap: wrap;
    padding: 16px 0 18px;
  }
  .p_program_list .type_list td {
    padding: 0;
    font-size: 12px;
  }
  .p_program_list .type_list td:nth-child(2) {
    margin-bottom: 8px;
    width: calc(100% - 54px);
    text-align: left;
  }
  .p_program_list .type_list td:not(:nth-child(2)) {
    margin-top: 5px;
  }
  .p_program_list .type_list td:last-child {
    position: absolute;
    right: 0;
    top: 14px;
    margin-top: 0;
  }
  .p_program_list .type_list td a {
    font-size: 15px;
    font-weight: 600;
  }
}
@media screen and (max-width: 1239.9px) and (min-width: 1023.9px) {
  .p_program_list .com_btn.xs {
    width: 100%;
    min-width: auto;
  }
}
.p_program_list .new_design_wrap {
  background-color: #fff;
  overflow: hidden;
}
@media screen and (min-width: 1023.9px) {
  .p_program_list .new_design_wrap {
    border-radius: 40px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_program_list .new_design_wrap {
    border-radius: 20px;
  }
}
.p_program_list .fast_reserve_wrap {
  background-color: #4156a7;
}
@media screen and (min-width: 1023.9px) {
  .p_program_list .fast_reserve_wrap {
    padding-inline: 60px;
    padding-bottom: 32px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_program_list .fast_reserve_wrap {
    padding: 26px 12px 16px;
  }
}
.p_program_list .fast_reserve_wrap .com_sub_page_title {
  color: #fff;
  font-weight: 500;
}
.p_program_list .detail_reserve_wrap {
  border-top: 0;
  overflow: hidden;
}
@media screen and (min-width: 1023.9px) {
  .p_program_list .detail_reserve_wrap {
    border: 6px solid #4156a7;
    border-radius: 0 0 40px 40px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_program_list .detail_reserve_wrap {
    border: 3px solid #4156a7;
    border-radius: 0 0 20px 20px;
  }
}
@media screen and (min-width: 1023.9px) {
  .p_program_list .detail_reserve_wrap .com_sub_page_title {
    font-size: 24px;
    padding: 22px 60px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_program_list .detail_reserve_wrap .com_sub_page_title {
    padding: 12px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_program_list .detail_reserve_wrap .com_board__normal.type_view {
    border: 0;
    border-top: 1px solid #e4e4e4;
  }
}
.p_program_list .detail_reserve_wrap .com_board__normal.type_view.type_view__style2 th {
  color: #4156a7;
  background-color: #fff;
  border-right: 1px solid #d9dded;
}
@media screen and (min-width: 1023.9px) {
  .p_program_list .detail_reserve_wrap .com_board__normal.type_view.type_view__style2 th {
    padding-inline: 74px 40px;
  }
}
.p_program_list .detail_reserve_wrap .com_board__normal.type_view.type_view__style2 th, .p_program_list .detail_reserve_wrap .com_board__normal.type_view.type_view__style2 td {
  border-color: #d9dded;
}
@media screen and (max-width: 1023.9px) {
  .p_program_list .detail_reserve_wrap .com_board__normal.type_view.type_view__style2 th, .p_program_list .detail_reserve_wrap .com_board__normal.type_view.type_view__style2 td {
    padding-inline: 12px;
  }
}
.p_program_list .post_count {
  font-size: 20px;
  padding-left: 40px;
}
@media screen and (max-width: 1023.9px) {
  .p_program_list .post_count {
    font-size: 16px;
    padding-left: 15px;
  }
}
.p_program_list .com_table_radius .com_btn.oval {
  font-weight: 400;
}
@media screen and (min-width: 1023.9px) {
  .p_program_list .com_board__normal.type_list th, .p_program_list .com_board__normal.type_list .th {
    padding-block: 14px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_program_list .com_board__normal.type_list th, .p_program_list .com_board__normal.type_list .th {
    padding-block: 8px;
  }
}
@media screen and (min-width: 1023.9px) {
  .p_program_list .com_board__normal.type_list td, .p_program_list .com_board__normal.type_list .td {
    padding-block: 8px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_program_list .com_board__normal.type_list td, .p_program_list .com_board__normal.type_list .td {
    margin-top: 0;
    padding-block: 4px;
    padding-inline: 12px;
  }
}
.p_program_list .com_board__normal.type_list a.link_wrap {
  font-weight: 500;
  text-decoration: underline;
  color: #4156a7;
  text-align: left;
}
@media screen and (min-width: 1023.9px) {
  .p_program_list .com_board__normal.type_list a.link_wrap {
    font-size: 16px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_program_list .btn_state {
    width: 50px;
    min-height: 26px;
    font-size: 12px;
  }
}

.com_program_detail main {
  padding-bottom: 0 !important;
}
.com_program_detail .calendar_area {
  position: relative;
}
.com_program_detail .calendar_legend_wrap {
  position: absolute;
  right: 0;
}
@media screen and (min-width: 1023.9px) {
  .com_program_detail .calendar_legend_wrap {
    top: 10px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_program_detail .calendar_legend_wrap {
    top: 42px;
  }
}
.com_program_detail .calendar_legend_wrap .com_btn {
  min-height: 30px;
  margin-left: 6px;
}
@media screen and (max-width: 1239.9px) {
  .com_program_detail .calendar_legend_wrap .com_btn {
    position: relative;
    color: #333;
    background-color: transparent !important;
    padding-left: 18px;
  }
  .com_program_detail .calendar_legend_wrap .com_btn.gray {
    margin-left: 12px;
  }
  .com_program_detail .calendar_legend_wrap .com_btn::before {
    content: "";
    display: inline-block;
    width: 8px;
    min-width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    border-radius: 50%;
  }
}
@media screen and (max-width: 1239.9px) and (max-width: 1023.9px) {
  .com_program_detail .calendar_legend_wrap .com_btn::before {
    width: 8px;
    min-width: 8px;
    height: 8px;
  }
}
@media screen and (max-width: 1239.9px) {
  .com_program_detail .calendar_legend_wrap .com_btn.blue::before {
    background-color: #4156a7;
  }
  .com_program_detail .calendar_legend_wrap .com_btn.gray::before {
    background-color: #999;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_program_detail .com_board_bottom {
    padding-top: 20px;
  }
}
.com_program_detail .sec_program_info {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  overflow: hidden;
}
.com_program_detail .sec_program_info .com_sub_big_title {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-weight: 600;
  color: #fff;
  background-color: #4156a7;
  text-align: center;
}
@media screen and (min-width: 1023.9px) {
  .com_program_detail .sec_program_info .com_sub_big_title {
    font-size: 50px;
    border-radius: 40px 40px 0 0;
    padding-block: 18px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_program_detail .sec_program_info .com_sub_big_title {
    font-size: 26px;
    border-radius: 20px 20px 0 0;
    padding-inline: 12px;
    padding-block: 8px;
  }
}
.com_program_detail .sec_program_info .com_sub_big_title::before {
  position: relative;
  content: "";
  display: inline-block;
  background: url("../img/sub/img_character2.png") no-repeat;
  background-position: bottom center;
  background-size: contain;
}
@media screen and (min-width: 1023.9px) {
  .com_program_detail .sec_program_info .com_sub_big_title::before {
    width: 105px;
    height: 63px;
    margin-right: 45px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_program_detail .sec_program_info .com_sub_big_title::before {
    height: 40px;
    aspect-ratio: 105/63;
    margin-right: 5%;
  }
}
.com_program_detail .sec_program_info .program_info_detail {
  display: flex;
  align-items: stretch;
  width: 100%;
  background-color: #fff;
  border-top: 0;
}
@media screen and (min-width: 1023.9px) {
  .com_program_detail .sec_program_info .program_info_detail {
    padding: 60px;
    border: 6px solid #4156a7;
    border-radius: 0 0 40px 40px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_program_detail .sec_program_info .program_info_detail {
    flex-direction: column;
    padding: 30px 12px;
    border: 3px solid #4156a7;
    border-radius: 0 0 20px 20px;
  }
}
.com_program_detail .program_img {
  overflow: hidden;
}
.com_program_detail .program_img img {
  transition: all 0.2s;
}
@media screen and (min-width: 1023.9px) {
  .com_program_detail .program_img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 45%;
    aspect-ratio: 620/420;
  }
  .com_program_detail .program_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_program_detail .program_img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    aspect-ratio: 620/420;
  }
  .com_program_detail .program_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
.com_program_detail .program_info {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media screen and (min-width: 1429.9px) {
  .com_program_detail .program_info {
    margin-left: 60px;
  }
}
@media screen and (max-width: 1429.9px) and (min-width: 1023.9px) {
  .com_program_detail .program_info {
    margin-left: 40px;
    padding-block: 8px;
  }
}
@media screen and (min-width: 1023.9px) {
  .com_program_detail .program_info {
    max-width: calc(55% - 68px);
  }
}
@media screen and (max-width: 1023.9px) {
  .com_program_detail .program_info {
    margin-top: 10px;
    width: 100%;
    max-width: 100%;
  }
}
.com_program_detail .program_info .line:first-of-type {
  background-color: #4156a7;
}
.com_program_detail .program_info .info_txt_wrap {
  margin-top: 0;
  margin-bottom: 15px;
}
.com_program_detail .program_info .com_btn_wrap {
  justify-content: flex-start;
  margin-top: auto;
}
@media screen and (max-width: 1023.9px) {
  .com_program_detail .program_info .com_btn_wrap {
    margin-top: 20px;
    justify-content: center;
  }
}
.com_program_detail .program_info .com_btn_wrap .com_btn {
  margin-top: 15px;
  width: 260px;
  font-size: 20px;
}
@media screen and (max-width: 1023.9px) {
  .com_program_detail .program_info .com_btn_wrap .com_btn {
    width: 180px;
    font-size: 17px;
  }
}
.com_program_detail .program_info .target {
  font-weight: 500;
  color: #0589da;
}
@media screen and (min-width: 1023.9px) {
  .com_program_detail .program_info .target {
    font-size: 22px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_program_detail .program_info .target {
    font-size: 12px;
  }
}
.com_program_detail .program_info .name {
  font-weight: 600;
}
@media screen and (min-width: 1023.9px) {
  .com_program_detail .program_info .name {
    font-size: 45px;
    margin-bottom: 27px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_program_detail .program_info .name {
    font-size: 20px;
    margin-top: 3px;
    margin-bottom: 15px;
  }
}
.com_program_detail .program_info .place {
  background-color: #0099ff;
  color: #fff;
  font-weight: 500;
}
@media screen and (min-width: 1023.9px) {
  .com_program_detail .program_info .place {
    margin-top: 20px;
    padding: 8px 25px;
    font-size: 20px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_program_detail .program_info .place {
    margin-top: 10px;
    padding: 6px 8px;
    font-size: 13px;
  }
}
@media screen and (min-width: 1023.9px) {
  .com_program_detail .program_info .info_txt_wrap {
    margin-top: 26px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_program_detail .program_info .info_txt_wrap {
    margin-top: 15px;
  }
}
.com_program_detail .program_info .info_txt_wrap li {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1023.9px) {
  .com_program_detail .program_info .info_txt_wrap li {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (min-width: 1023.9px) {
  .com_program_detail .program_info .info_txt_wrap li + li {
    margin-top: 15px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_program_detail .program_info .info_txt_wrap li + li {
    margin-top: 10px;
  }
}
.com_program_detail .program_info .info_txt_wrap .legend {
  position: relative;
  display: flex;
  align-items: center;
  font-weight: 500;
  color: #0099ff;
  padding-left: 12px;
}
@media screen and (min-width: 1023.9px) {
  .com_program_detail .program_info .info_txt_wrap .legend {
    font-size: 17px;
    width: 116px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_program_detail .program_info .info_txt_wrap .legend {
    font-size: 13px;
    min-width: 66px;
    padding-bottom: 4px;
  }
}
.com_program_detail .program_info .info_txt_wrap .legend::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  width: 4px;
  min-width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #0099ff;
}
@media screen and (max-width: 1023.9px) {
  .com_program_detail .program_info .info_txt_wrap .legend::before {
    width: 4px;
    min-width: 4px;
    height: 4px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_program_detail .program_info .info_txt_wrap .txt {
    padding-left: 12px;
  }
}
@media screen and (min-width: 1239.9px) {
  .com_program_detail .sec_calendar {
    margin-top: 32px;
  }
}
@media screen and (max-width: 1239.9px) {
  .com_program_detail .sec_calendar {
    margin-top: 20px;
  }
}
.com_program_detail .sec_calendar .fc-daygrid-day-top span {
  display: none;
  position: absolute;
}
@media screen and (min-width: 359.9px) {
  .com_program_detail .sec_calendar .fc-daygrid-day-top span {
    width: 8px;
    min-width: 8px;
    height: 8px;
    border-radius: 50%;
    top: 5px;
    right: 5px;
  }
}
@media screen and (min-width: 359.9px) and (max-width: 1023.9px) {
  .com_program_detail .sec_calendar .fc-daygrid-day-top span {
    width: 8px;
    min-width: 8px;
    height: 8px;
  }
}
@media screen and (max-width: 359.9px) {
  .com_program_detail .sec_calendar .fc-daygrid-day-top span {
    width: 6px;
    min-width: 6px;
    height: 6px;
    border-radius: 50%;
    top: 3px;
    right: 3px;
  }
}
@media screen and (max-width: 359.9px) and (max-width: 1023.9px) {
  .com_program_detail .sec_calendar .fc-daygrid-day-top span {
    width: 6px;
    min-width: 6px;
    height: 6px;
  }
}
@media screen and (max-width: 1239.9px) {
  .com_program_detail .sec_calendar .fc-daygrid-day-top span.active {
    display: block;
  }
}
@media screen and (min-width: 359.9px) {
  .com_program_detail .sec_calendar .fc-daygrid-day-top span.active + .end_dot {
    right: 16px;
  }
}
@media screen and (max-width: 359.9px) {
  .com_program_detail .sec_calendar .fc-daygrid-day-top span.active + .end_dot {
    right: 12px;
  }
}
.com_program_detail .sec_calendar .ing_dot {
  background-color: #4156a7;
}
.com_program_detail .sec_calendar .end_dot {
  background-color: #999;
}
.com_program_detail .sec_schedule {
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 12px;
  padding-bottom: 16px;
  border-bottom: 1px solid #e4e4e4;
  margin-bottom: 16px;
}
@media screen and (min-width: 1239.9px) {
  .com_program_detail .sec_schedule {
    display: none;
  }
}
@media screen and (max-width: 1239.9px) {
  .com_program_detail .sec_schedule {
    display: flex;
    align-items: center;
  }
}
.com_program_detail .sec_schedule .schedule_item {
  width: 48.5%;
  font-size: 12px;
  line-height: 1;
  font-weight: 400;
  color: #fff;
  border-radius: 0;
  padding: 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  margin-top: 6px;
}
.com_program_detail .sec_schedule .schedule_item.ing {
  background-color: #4156a7;
}
.com_program_detail .sec_schedule .schedule_item.end {
  background-color: #999;
  cursor: default;
}
@media screen and (min-width: 1023.9px) {
  .com_program_detail .sec_guide {
    margin-top: 50px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_program_detail .sec_guide {
    margin-top: 20px;
  }
}
.com_program_detail .sec_guide .com_tab {
  justify-content: center;
  z-index: 2;
}
.com_program_detail .sec_guide .com_tab .com_tab_li {
  background-color: #4156a7;
  font-weight: 600;
  color: #fff;
  border-bottom: 0;
}
@media screen and (min-width: 1023.9px) {
  .com_program_detail .sec_guide .com_tab .com_tab_li {
    width: 250px;
    font-size: 20px;
    border: 6px solid #4156a7;
    border-radius: 30px 30px 0 0;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_program_detail .sec_guide .com_tab .com_tab_li {
    width: 29%;
    border: 3px solid #4156a7;
    border-radius: 15px 15px 0 0;
  }
}
.com_program_detail .sec_guide .com_tab .com_tab_li.active {
  background-color: #fff;
  color: #4156a7;
  font-weight: 600;
}
@media screen and (min-width: 1023.9px) {
  .com_program_detail .sec_guide .com_tab .com_tab_li:not(:last-of-type) {
    margin-right: 10px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_program_detail .sec_guide .com_tab .com_tab_li:not(:last-of-type) {
    margin-right: 6px;
  }
}
.com_program_detail .sec_detail_guide {
  background-color: #fff;
}
@media screen and (min-width: 1023.9px) {
  .com_program_detail .sec_detail_guide {
    padding: 66px 85px;
    margin-top: -6px;
    border: 6px solid #4156a7;
    border-radius: 40px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_program_detail .sec_detail_guide {
    padding: 20px 14px;
    margin-top: -3px;
    border: 3px solid #4156a7;
    border-radius: 0;
  }
}
@media screen and (min-width: 1023.9px) {
  .com_program_detail .sec_detail_guide > div:not(:first-of-type) h1 {
    margin-top: 40px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_program_detail .sec_detail_guide > div:not(:first-of-type) h1 {
    margin-top: 20px;
  }
}
.com_program_detail .sec_detail_guide h1 {
  display: inline-flex;
  font-weight: 600;
  align-items: center;
  width: auto;
}
@media screen and (min-width: 1023.9px) {
  .com_program_detail .sec_detail_guide h1 {
    padding-inline: 28px;
    font-size: 20px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_program_detail .sec_detail_guide h1 {
    padding-inline: 14px;
    min-height: 30px;
  }
}
@media screen and (min-width: 1023.9px) {
  .com_program_detail .sec_detail_guide ul {
    margin-top: 15px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_program_detail .sec_detail_guide ul {
    margin-top: 10px;
  }
}
.com_program_detail .sec_detail_guide li {
  position: relative;
  padding-left: 10px;
  line-height: 1.6;
}
.com_program_detail .sec_detail_guide li + li {
  margin-top: 6px;
}
.com_program_detail .sec_detail_guide li::before {
  position: absolute;
  content: "-";
  display: inline-block;
  left: 0;
}
@media screen and (min-width: 1023.9px) {
  .com_program_detail .sec_detail_review .satis_container {
    padding: 60px 20px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_program_detail .sec_detail_review .satis_container {
    padding: 20px 10px;
  }
}
.com_program_detail .sec_detail_review .satis_container .satis_list {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1023.9px) {
  .com_program_detail .sec_detail_review .satis_container .satis_list {
    margin-top: 43px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_program_detail .sec_detail_review .satis_container .satis_list {
    margin-top: 20px;
  }
}
.com_program_detail .sec_detail_review .satis_container .satis_list li {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1429.9px) {
  .com_program_detail .sec_detail_review .satis_container .satis_list li {
    width: 23.5%;
  }
}
@media screen and (max-width: 1429.9px) {
  .com_program_detail .sec_detail_review .satis_container .satis_list li {
    width: 33.333%;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_program_detail .sec_detail_review .satis_container .satis_list li {
    flex-direction: column;
  }
}
.com_program_detail .sec_detail_review .satis_container .satis_list li + li {
  border-left: 1px solid #e4e4e4;
}
@media screen and (min-width: 1023.9px) {
  .com_program_detail .sec_detail_review .satis_container .satis_list li .txt_wrap {
    margin-left: 20px;
  }
}
.com_program_detail .sec_detail_review .satis_container .satis_list li .txt_wrap h1 {
  line-height: 1;
}
@media screen and (min-width: 1023.9px) {
  .com_program_detail .sec_detail_review .satis_container .satis_list li .txt_wrap h1 {
    font-size: 18px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_program_detail .sec_detail_review .satis_container .satis_list li .txt_wrap h1 {
    text-align: center;
    font-size: 13px;
  }
}
.com_program_detail .sec_detail_review .satis_container .satis_list li .txt_wrap span {
  display: flex;
  align-items: flex-end;
  line-height: 1;
}
@media screen and (min-width: 1023.9px) {
  .com_program_detail .sec_detail_review .satis_container .satis_list li .txt_wrap span {
    font-size: 20px;
    margin-top: 10px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_program_detail .sec_detail_review .satis_container .satis_list li .txt_wrap span {
    font-size: 13px;
    margin-top: 4px;
  }
}
.com_program_detail .sec_detail_review .satis_container .satis_list li .txt_wrap span b {
  font-weight: 600;
}
@media screen and (min-width: 1023.9px) {
  .com_program_detail .sec_detail_review .satis_container .satis_list li .txt_wrap span b {
    font-size: 40px;
    margin-right: 6px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_program_detail .sec_detail_review .satis_container .satis_list li .txt_wrap span b {
    font-size: 30px;
    margin-right: 4px;
  }
}
@media screen and (min-width: 1023.9px) {
  .com_program_detail .sec_detail_review .review_container {
    margin-top: 42px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_program_detail .sec_detail_review .review_container {
    margin-top: 20px;
  }
}
.com_program_detail .sec_detail_review .review_container .review_line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e4e4e4;
}
@media screen and (min-width: 1023.9px) {
  .com_program_detail .sec_detail_review .review_container .review_line {
    padding: 25px 30px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_program_detail .sec_detail_review .review_container .review_line {
    padding: 16px 0px;
  }
}
.com_program_detail .sec_detail_review .review_container .review_line:first-of-type {
  border-top: 1px solid #e4e4e4;
}
@media screen and (min-width: 1023.9px) {
  .com_program_detail .sec_detail_review .review_container .review_line:first-of-type {
    margin-top: 24px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_program_detail .sec_detail_review .review_container .review_line:first-of-type {
    margin-top: 17px;
  }
}
@media screen and (min-width: 1023.9px) {
  .com_program_detail .sec_detail_review .review_container .review_line .writer_info {
    font-size: 13px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_program_detail .sec_detail_review .review_container .review_line .writer_info {
    font-size: 12px;
  }
}
.com_program_detail .sec_detail_review .review_container .review_line .writer_info b {
  position: relative;
  font-size: inherit;
  font-weight: 400;
  line-height: 1;
  color: #4156a7;
}
@media screen and (min-width: 1023.9px) {
  .com_program_detail .sec_detail_review .review_container .review_line .writer_info b {
    margin-right: 8px;
    padding-right: 8px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_program_detail .sec_detail_review .review_container .review_line .writer_info b {
    margin-right: 6px;
    padding-right: 6px;
  }
}
.com_program_detail .sec_detail_review .review_container .review_line .writer_info b::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 3px;
  right: 0;
  width: 1px;
  background-color: #e4e4e4;
}
@media screen and (min-width: 1023.9px) {
  .com_program_detail .sec_detail_review .review_container .review_line .writer_info b::after {
    height: 12px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_program_detail .sec_detail_review .review_container .review_line .writer_info b::after {
    height: 10px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_program_detail .sec_detail_review .review_container .review_line .writer_info .eval {
    padding: 4px 10px;
    margin-left: 15px;
  }
}
@media screen and (min-width: 1023.9px) {
  .com_program_detail .sec_detail_review .review_container .review_line .writer_info .eval {
    padding: 3px 8px;
    margin-left: 5px;
  }
}
.com_program_detail .sec_detail_review .review_container .review_line .writer_info .eval.bad {
  background-color: #fee7e7;
  color: #f45f5f;
}
.com_program_detail .sec_detail_review .review_container .review_line .writer_info .eval.good {
  background-color: #daedf9;
  color: #4156a7;
}
.com_program_detail .sec_detail_review .review_container .review_line .writer_info .eval.great {
  background-color: #d9f5f8;
  color: #01bacc;
}
@media screen and (min-width: 1023.9px) {
  .com_program_detail .sec_detail_review .review_container .review_line .txt_review {
    margin-top: 13px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_program_detail .sec_detail_review .review_container .review_line .txt_review {
    margin-top: 6px;
  }
}
.com_program_detail .sec_detail_review .review_container .review_line figure {
  margin-left: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 125px;
  aspect-ratio: 125/84;
}
.com_program_detail .sec_detail_review .review_container .review_line figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 1023.9px) {
  .com_program_detail .sec_detail_review .review_container .review_line figure {
    max-width: 97px;
  }
}

@media screen and (min-width: 1023.9px) {
  .p_free .line {
    margin-block: 30px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_free .line {
    margin-block: 14px;
  }
}

.p_free_calendar main {
  margin-bottom: 100px;
}
.p_free_calendar .sec_schedule {
  border-bottom: 0;
  padding-bottom: 0;
}

.p_free_pay .sec_schedule {
  border-bottom: 0;
  padding-bottom: 0;
}
.p_free_pay .sec_price_type .com_board_top {
  margin-block: 33px 21px;
}
.p_free_pay .sec_total_question {
  margin-top: 10px;
}

.p_normal_detail .sec_program_info .com_sub_big_title {
  padding-block: 0;
}
.p_normal_detail .sec_program_info .com_sub_big_title::before {
  background-image: url("../img/sub/img_character3.png");
}
@media screen and (min-width: 1023.9px) {
  .p_normal_detail .sec_program_info .com_sub_big_title::before {
    width: 187px;
    height: 100px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_normal_detail .sec_program_info .com_sub_big_title::before {
    aspect-ratio: 187/100;
    height: 63px;
    margin-right: 5%;
  }
}

.p_docent.com_program_detail .sec_program_info .com_sub_big_title {
  padding-block: 0;
}
.p_docent.com_program_detail .sec_program_info .com_sub_big_title::before {
  background-image: url(../img/sub/img_character3.png);
  width: 187px;
  height: 100px;
}
@media screen and (max-width: 1023.9px) {
  .p_docent.com_program_detail .sec_program_info .com_sub_big_title::before {
    width: 102px;
    height: 55px;
  }
}
.p_docent.com_program_detail .sec_program_info .program_info_detail {
  border-top: none;
}
.p_docent.com_program_detail .sec_program_info .program_info_detail .program_info .info_txt_wrap .txt .com_btn {
  margin-left: 10px;
}
.p_docent.com_program_detail .sec_program_info .program_info_detail .program_info .info_txt_wrap .txt .com_btn img {
  margin-right: 5px;
  width: 14px;
}

.com_my .com_sub_page_title {
  margin-top: 22px;
}
.com_my main {
  padding-top: 0;
}

.p_my_info .btn_leave {
  display: flex;
  align-items: center;
  justify-content: center;
}
.p_my_info .btn_leave i {
  width: 22px;
  height: 22px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg data-name='구성 요소 32 – 3' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath data-name='사각형 21328' style='fill:none' d='M0 0h22v22H0z'/%3E%3Cpath data-name='Path 2 Copy' d='m0 0 6.667 6L0 12' transform='rotate(180 6.5 8.25)' style='stroke:%23333;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-width:1.5px;fill:none'/%3E%3C/svg%3E");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: center center;
  transform: rotate(-180deg);
}
@media screen and (min-width: 1023.9px) {
  .p_my_info .com_board.type_view th, .p_my_info .com_board.type_view td {
    padding: 10px 20px;
    height: 66px;
  }
}
.p_my_info .com_board.type_view th {
  padding-inline: 40px;
}
@media screen and (max-width: 1023.9px) {
  .p_my_info .com_board.type_view th {
    padding: 15px 0 5px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_my_info .com_board.type_view td {
    padding-block: 5px 15px;
  }
}
.p_my_info .com_board fieldset:not(.com_check_wrap) {
  display: flex;
  align-items: center;
  max-width: 540px;
}
@media screen and (max-width: 1023.9px) {
  .p_my_info .com_board fieldset:not(.com_check_wrap) {
    max-width: none;
    width: 100%;
  }
}
@media screen and (min-width: 1023.9px) {
  .p_my_info .com_board fieldset:not(.com_check_wrap) .input {
    width: calc(100% - 130px);
  }
}
@media screen and (max-width: 1023.9px) {
  .p_my_info .com_board fieldset:not(.com_check_wrap) .input {
    width: calc(100% - 110px);
  }
}
@media screen and (min-width: 1023.9px) {
  .p_my_info .com_board fieldset:not(.com_check_wrap) .com_btn {
    margin-left: 10px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_my_info .com_board fieldset:not(.com_check_wrap) .com_btn {
    margin-left: 5px;
  }
}
.p_my_info .com_board fieldset:not(.com_check_wrap) .txt_between {
  text-align: center;
}
@media screen and (min-width: 1023.9px) {
  .p_my_info .com_board fieldset:not(.com_check_wrap) .txt_between {
    min-width: 20px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_my_info .com_board fieldset:not(.com_check_wrap) .txt_between {
    min-width: 12px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_my_info .com_check_wrap {
    display: flex;
  }
}
@media screen and (min-width: 1023.9px) {
  .p_my_info .com_check_wrap + .com_check_wrap {
    margin-left: 20px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_my_info .com_check_wrap + .com_check_wrap {
    margin-top: 12px;
  }
}
.p_my_info .sec_check_wrap {
  width: 100%;
  border-bottom: 1px solid #e4e4e4;
}
@media screen and (min-width: 1023.9px) {
  .p_my_info .sec_check_wrap {
    padding-block: 30px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_my_info .sec_check_wrap {
    padding-block: 15px;
    margin-bottom: 15px;
  }
}
.p_my_info .sec_check_wrap .btn_pop_terms_view {
  text-decoration: underline;
  margin-left: 20px;
}
.p_my_info .com_btn_wrap {
  align-items: center;
  margin-top: 30px;
}
.p_my_info .com_btn_wrap .com_btn + .com_btn {
  margin-left: 10px;
}
.p_my_info .btn_epki_go {
  width: 100% !important;
  height: auto !important;
  padding-block: 4rem;
}

.p_my_leave .input {
  width: 100%;
}

@media screen and (min-width: 1023.9px) {
  .com_my_board .com_board_top {
    margin-top: 23px;
  }
}
@media screen and (max-width: 1350px) and (min-width: 1023.9px) {
  .com_my_board .com_board_top {
    flex-direction: column;
  }
}
.com_my_board .com_board_top .input {
  min-width: auto;
}
@media screen and (min-width: 1023.9px) {
  .com_my_board .com_board_top .select {
    min-width: 120px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_my_board .com_board_top .com_datepicker_wrap {
    width: 100%;
    justify-content: space-between;
  }
}
@media screen and (min-width: 1023.9px) {
  .com_my_board .com_board_top .datepicker {
    max-width: 150px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_my_board .com_board_top .datepicker {
    width: calc(44% + 20px);
  }
  .com_my_board .com_board_top .datepicker + img {
    right: calc(1.8% + 10px);
  }
}
@media screen and (max-width: 1350px) and (min-width: 1023.9px) {
  .com_my_board .com_board_top__left {
    align-self: flex-start;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_my_board .com_board_top__left {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
@media screen and (min-width: 1023.9px) {
  .com_my_board .com_board_top__left .com_btn {
    min-width: 150px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_my_board .com_board_top__left .com_btn {
    width: 32.5%;
    min-width: 32.5%;
    padding-inline: 6px;
    text-align: center;
  }
}
@media screen and (max-width: 1350px) and (min-width: 1023.9px) {
  .com_my_board .com_board_top__right {
    align-self: flex-end;
    margin-top: 20px;
  }
}
.com_my_board .com_board_top__right .com_field {
  display: flex;
}
@media screen and (max-width: 1023.9px) {
  .com_my_board .com_board_top__right .com_field {
    flex-direction: column;
  }
  .com_my_board .com_board_top__right .com_field > fieldset:first-child {
    flex-direction: column;
    align-items: flex-start;
  }
  .com_my_board .com_board_top__right .com_field > fieldset:first-child .com_datepicker_wrap {
    margin-top: 4px;
    margin-left: 0;
  }
}
.com_my_board fieldset {
  display: inline-flex;
  align-items: center;
  margin-top: 0 !important;
}
@media screen and (min-width: 1023.9px) {
  .com_my_board fieldset + fieldset {
    margin-left: 60px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_my_board fieldset + fieldset {
    margin-top: 10px !important;
  }
}
.com_my_board .type_list tr {
  flex-direction: column;
  align-items: flex-start !important;
  padding-block: 14px;
}
.com_my_board .type_list .m_th {
  position: absolute;
  left: 0;
}
@media screen and (max-width: 1350px) and (min-width: 1023.9px) {
  .com_my_board .type_list td {
    font-size: 14px;
    padding-inline: 12px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_my_board .type_list td {
    width: 100%;
    position: relative;
    order: 1;
    padding: 0 0 0 68px;
    font-size: 12px;
    margin-top: 5px;
    text-align: left;
  }
  .com_my_board .type_list td:nth-child(2) {
    order: 0;
    margin-bottom: 7px;
    font-size: 15px;
    padding-left: 0;
  }
}
.com_my_board .type_list td .type {
  display: inline-block;
}
@media screen and (max-width: 1023.9px) {
  .com_my_board .type_list td .type + .type::before {
    content: ",";
    display: inline-block;
    padding-right: 4px;
  }
}
.com_my_board .type_list td b {
  font-weight: 500;
}
@media screen and (max-width: 1023.9px) {
  .com_my_board .type_list .th_btn_wrap {
    width: 100%;
    display: flex;
    justify-content: flex-end;
  }
}
@media screen and (max-width: 575.9px) {
  .com_my_board .type_list .th_btn_wrap {
    justify-content: space-between;
  }
}
.com_my_board .type_list .com_btn {
  margin-top: 5px;
}
.com_my_board .type_list .com_btn.xs {
  width: 100%;
}
@media screen and (min-width: 1023.9px) {
  .com_my_board .type_list .com_btn.xs {
    font-size: 13px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_my_board .type_list .com_btn.xs {
    width: 100px;
    max-height: 25px;
    font-size: 12px;
    text-align: center;
    margin-left: 6px;
  }
}
@media screen and (max-width: 575.9px) {
  .com_my_board .type_list .com_btn.xs {
    max-width: 48.5%;
    width: 100%;
    margin-left: 0;
  }
}

@media screen and (max-width: 1023.9px) {
  :is(.p_my_reserve_group, .p_my_review, .p_my_reserve_free) .type_list td {
    padding-left: 84px;
  }
}
@media screen and (max-width: 1023.9px) {
  :is(.p_my_reserve_group, .p_my_review, .p_my_reserve_free) .type_list .com_btn.xs {
    max-width: 100%;
  }
}

@media screen and (min-width: 1239.9px) {
  .p_my_review .com_board_top {
    position: absolute;
    right: 0;
    top: 0;
  }
}
@media screen and (max-width: 1239.9px) {
  .p_my_review .com_board_top {
    justify-content: flex-end;
  }
}

.com_reserve_card .com_board + .com_board {
  margin-top: 20px;
}
.com_reserve_card .com_btn_wrap {
  margin-top: 30px;
}
@media screen and (min-width: 575.9px) {
  .com_reserve_card .com_btn_wrap .com_btn + .com_btn {
    margin-left: 10px;
  }
}
@media screen and (max-width: 575.9px) {
  .com_reserve_card .com_btn_wrap .com_btn + .com_btn {
    padding-inline: 4px;
    margin-left: 4px;
  }
}

.p_my_review_write .sec_satis {
  display: flex;
  align-items: center;
  border-top: 1px solid #e4e4e4;
  padding-block: 30px;
}
@media screen and (min-width: 1023.9px) {
  .p_my_review_write .sec_satis {
    justify-content: center;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_my_review_write .sec_satis {
    justify-content: space-between;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_my_review_write .com_radio_wrap {
    width: 31.5%;
  }
}
@media screen and (min-width: 1023.9px) {
  .p_my_review_write .com_radio_wrap + .com_radio_wrap {
    margin-left: 55px;
  }
}
.p_my_review_write .com_radio_wrap label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(247, 247, 247, 0.9);
}
@media screen and (min-width: 1023.9px) {
  .p_my_review_write .com_radio_wrap label {
    width: 230px;
    height: 90px;
    border-radius: 45px;
    padding: 10px 25px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_my_review_write .com_radio_wrap label {
    width: 100%;
    border-radius: 20px;
    padding: 4px 10px;
    flex-direction: column;
  }
}
.p_my_review_write .com_radio_wrap label p {
  font-weight: 600;
}
@media screen and (min-width: 1023.9px) {
  .p_my_review_write .com_radio_wrap label p {
    font-size: 18px;
    margin-left: 10px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_my_review_write .com_radio_wrap label p {
    font-size: 14px;
  }
}
.p_my_review_write .com_radio_wrap .radio:checked ~ label {
  background-color: rgba(218, 237, 249, 0.9);
}
.p_my_review_write .com_btn_wrap {
  margin-top: 40px;
}
.p_my_review_write .com_btn_wrap .com_btn + .com_btn {
  margin-left: 10px;
}
.p_my_review_write .com_file_wrap {
  width: 100%;
}
@media screen and (min-width: 1023.9px) {
  .p_my_review_write .com_file_wrap .file_name {
    width: 50%;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_my_review_write .com_file_wrap .file_name {
    width: calc(100% - 60px);
  }
}

@media print {
  .com_print h1, .com_print h2, .com_print h3, .com_print div, .com_print table, .com_print tr, .com_print th, .com_print td, .com_print .img_wrap {
    -webkit-print-color-adjust: exact;
    page-break-inside: avoid;
    page-break-after: auto;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_print .com_sub_page_title {
    margin-top: 32px;
  }
}
.com_print .btn_print {
  position: absolute;
}
@media screen and (min-width: 1023.9px) {
  .com_print .btn_print {
    top: 25px;
    right: 0;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_print .btn_print {
    top: 0;
    right: var(--side-pd);
  }
}
.com_print .sec_print {
  position: relative;
  margin: 35px auto;
  border: 1px solid #707070;
  aspect-ratio: 210/297;
}
@media screen and (min-width: 840px) {
  .com_print .sec_print {
    width: 800px;
  }
}
@media screen and (max-width: 840px) {
  .com_print .sec_print {
    width: 100%;
  }
}

.p_certifi_print .sec_print {
  padding: 5%;
}
.p_certifi_print .logo {
  max-width: 20%;
}
.p_certifi_print .title {
  margin-top: 14%;
  font-weight: 600;
  text-align: center;
}
@media screen and (min-width: 1023.9px) {
  .p_certifi_print .title {
    font-size: 36px;
  }
}
@media screen and (max-width: 1023.9px) and (min-width: 575.9px) {
  .p_certifi_print .title {
    font-size: 18px;
  }
}
@media screen and (max-width: 575.9px) {
  .p_certifi_print .title {
    margin-top: 8%;
    font-size: 14px;
  }
}
.p_certifi_print .program_info_container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-block: 2px solid #333;
}
@media screen and (min-width: 1023.9px) {
  .p_certifi_print .program_info_container {
    margin-top: 60px;
    padding: 30px 20px;
  }
}
@media screen and (max-width: 1023.9px) and (min-width: 575.9px) {
  .p_certifi_print .program_info_container {
    margin-top: 10%;
    padding: 5% 0;
  }
}
@media screen and (max-width: 575.9px) {
  .p_certifi_print .program_info_container {
    margin-top: 4%;
    padding: 4% 0;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_certifi_print .program_info_container ul {
    width: 71%;
  }
}
@media screen and (max-width: 575.9px) {
  .p_certifi_print .program_info_container ul {
    width: 80%;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_certifi_print .program_info_container li {
    font-size: 11px;
  }
}
@media screen and (max-width: 575.9px) {
  .p_certifi_print .program_info_container li {
    font-size: 9px;
  }
}
.p_certifi_print .program_info_container li .legend {
  font-weight: 500;
}
@media screen and (min-width: 1023.9px) {
  .p_certifi_print .program_info_container li .legend {
    font-size: 16px;
    width: 124px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_certifi_print .program_info_container li .legend {
    font-size: 11px;
    width: 30%;
  }
}
@media screen and (max-width: 575.9px) {
  .p_certifi_print .program_info_container li .legend {
    font-size: 9px;
  }
}
@media screen and (min-width: 1023.9px) {
  .p_certifi_print .program_info_container li + li {
    margin-top: 20px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_certifi_print .program_info_container li + li {
    margin-top: 5%;
  }
}
@media screen and (max-width: 575.9px) {
  .p_certifi_print .program_info_container li + li {
    margin-top: 3%;
  }
}
@media screen and (min-width: 1023.9px) {
  .p_certifi_print .program_info_container figure {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 230px;
    aspect-ratio: 230/143;
  }
  .p_certifi_print .program_info_container figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_certifi_print .program_info_container figure {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 28%;
    aspect-ratio: 230/143;
  }
  .p_certifi_print .program_info_container figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
@media screen and (max-width: 575.9px) {
  .p_certifi_print .program_info_container figure {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 18%;
    aspect-ratio: 230/143;
  }
  .p_certifi_print .program_info_container figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
.p_certifi_print .certifi_content_container {
  line-height: 1.9;
  text-align: center;
}
@media screen and (min-width: 1023.9px) {
  .p_certifi_print .certifi_content_container {
    margin-top: 90px;
    font-size: 18px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_certifi_print .certifi_content_container {
    margin-top: 14%;
    font-size: 12px;
  }
}
@media screen and (max-width: 575.9px) {
  .p_certifi_print .certifi_content_container {
    margin-top: 10%;
    font-size: 9px;
  }
}
.p_certifi_print .stamp_container {
  position: absolute;
  width: 100%;
}
@media screen and (min-width: 1023.9px) {
  .p_certifi_print .stamp_container {
    bottom: 40px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_certifi_print .stamp_container {
    bottom: 5%;
  }
}
.p_certifi_print .stamp_container h1 {
  font-weight: 600;
  text-align: center;
}
@media screen and (min-width: 1023.9px) {
  .p_certifi_print .stamp_container h1 {
    font-size: 22px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_certifi_print .stamp_container h1 {
    font-size: 14px;
  }
}
@media screen and (max-width: 575.9px) {
  .p_certifi_print .stamp_container h1 {
    font-size: 10px;
  }
}

.p_receipt_print .sec_print {
  padding: 3%;
  overflow: auto;
}
.p_receipt_print .sec_print .com_sub_page_title {
  padding: 0;
}
.p_receipt_print .sec_print .com_board {
  margin-top: 20px;
  min-width: 500px;
}
@media screen and (min-width: 1023.9px) {
  .p_receipt_print th, .p_receipt_print td, .p_receipt_print .th, .p_receipt_print .td {
    padding: 13px 20px !important;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_receipt_print th, .p_receipt_print td, .p_receipt_print .th, .p_receipt_print .td {
    padding: 13px 10px !important;
    font-size: 12px !important;
  }
}

.p_reserve_receipt .table_wrap {
  overflow-x: auto;
}
.p_reserve_receipt .table_wrap table {
  min-width: 600px;
}
.p_reserve_receipt .table_wrap .type {
  display: block;
}
@media screen and (max-width: 1023.9px) {
  .p_reserve_receipt .com_btn_wrap .com_btn {
    order: 0;
  }
}

@media screen and (max-width: 1239.9px) and (min-width: 1023.9px) {
  .p_reserve_refund th, .p_reserve_refund td, .p_reserve_refund .th, .p_reserve_refund .td {
    padding: 12px 16px !important;
    height: 65px !important;
  }
}
@media screen and (min-width: 1023.9px) {
  .p_reserve_refund th[rowspan] {
    border-right: 1px solid #e4e4e4;
  }
  .p_reserve_refund th[rowspan] ~ :is(th, td) {
    font-weight: 400;
  }
  .p_reserve_refund .rowspan th {
    font-weight: 400;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_reserve_refund th, .p_reserve_refund td, .p_reserve_refund .th, .p_reserve_refund .td {
    height: auto !important;
  }
  .p_reserve_refund colgroup {
    display: none !important;
  }
  .p_reserve_refund th[rowspan="2"],
  .p_reserve_refund th[rowspan="4"] {
    color: #4156a7;
    border-bottom-width: 1px !important;
    font-size: 16px !important;
    padding-bottom: 20px !important;
  }
}
.p_reserve_refund .com_check_wrap + .com_check_wrap {
  margin-left: 24px;
}
@media screen and (min-width: 1023.9px) {
  .p_reserve_refund [type=text], .p_reserve_refund [type=number] {
    width: 150px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_reserve_refund [type=text], .p_reserve_refund [type=number] {
    width: 100%;
  }
  .p_reserve_refund [type=text].has_text, .p_reserve_refund [type=number].has_text {
    width: calc(100% - 20px);
  }
}
.p_reserve_refund textarea.input {
  min-height: 84px;
}
.p_reserve_refund .group_name {
  width: 100%;
}
.p_reserve_refund .account_input {
  margin-right: 35px;
}
.p_reserve_refund .account_input input {
  margin-left: 15px;
}
@media screen and (max-width: 1461px) and (min-width: 1023.9px) {
  .p_reserve_refund .account_input:nth-child(2) {
    margin-right: 0;
  }
  .p_reserve_refund .account_input:nth-child(3) {
    margin-top: 10px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_reserve_refund .account_input {
    width: 100%;
    margin-right: 0;
  }
  .p_reserve_refund .account_input input {
    width: calc(100% - 65px) !important;
  }
  .p_reserve_refund .account_input:not(:first-child) {
    margin-top: 6px;
  }
}
.p_reserve_refund .account_input:nth-child(2) input {
  width: 280px;
}

.p_my_docent.com_my .com_board_top {
  margin-top: 52px;
}
@media screen and (max-width: 1023.9px) {
  .p_my_docent.com_my .com_board_top {
    margin-top: 22px;
  }
}
.p_my_docent.com_my .com_sub_page_title {
  margin-top: 0;
  padding: 0;
}
@media screen and (max-width: 1023.9px) {
  .p_my_docent.com_my_board .type_list td {
    padding-left: 90px;
  }
}
.p_my_docent .com_board .txt_skyblue {
  font-weight: 500;
}
.p_my_docent .com_board__normal.type_list .m_th {
  width: 100px;
}

.com_act main {
  padding-bottom: 0 !important;
}
.com_act .com_bg_cont {
  background-image: url("../img/sub/act_bg.png");
  background-position: top center;
  background-size: 100%;
  background-repeat: repeat-y;
}
@media screen and (min-width: 1023.9px) {
  .com_act .com_bg_cont {
    padding-block: 70px 142px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_act .com_bg_cont {
    padding-block: 36px 100px;
  }
}

.com_program_tab {
  display: block;
}
@media screen and (min-width: 1239.9px) {
  .com_program_tab .com_oval_tab {
    width: auto;
  }
}
.com_program_tab .com_oval_tab .oval {
  width: 270px;
}
.com_program_tab .com_oval_tab .tab {
  width: 270px;
}

.com_act_floor_tab {
  display: flex;
  align-items: center;
}
.com_act_floor_tab .floor_tab {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #eceef6;
  font-weight: 600;
  color: #cacdd6;
}
@media screen and (min-width: 1023.9px) {
  .com_act_floor_tab .floor_tab {
    width: 100px;
    height: 100px;
    font-size: 40px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_act_floor_tab .floor_tab {
    width: 50px;
    height: 50px;
    font-size: 22px;
  }
}
.com_act_floor_tab .floor_tab.active {
  background-color: #4156a7;
  color: #fff;
}
@media screen and (min-width: 1023.9px) {
  .com_act_floor_tab .floor_tab + .floor_tab {
    margin-left: 20px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_act_floor_tab .floor_tab + .floor_tab {
    margin-left: 10px;
  }
}

.sec_floor_info {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  background: #fff;
  border-radius: 40px;
}
@media screen and (min-width: 1023.9px) {
  .sec_floor_info {
    padding: 60px 55px;
    border: 6px solid #4156a7;
  }
}
@media screen and (max-width: 1023.9px) {
  .sec_floor_info {
    flex-direction: column;
    border: 3px solid #4156a7;
    padding: 20px;
  }
}
@media screen and (min-width: 1023.9px) {
  .sec_floor_info .left_wrap {
    width: calc(50% - 30px);
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 50px;
    margin-right: 30px;
  }
}
@media screen and (max-width: 1023.9px) {
  .sec_floor_info .left_wrap {
    flex-direction: column;
  }
}
@media screen and (min-width: 1023.9px) {
  .sec_floor_info .right_wrap {
    width: 50%;
  }
}
@media screen and (max-width: 1023.9px) {
  .sec_floor_info .right_wrap {
    margin-top: 25px;
  }
}
.sec_floor_info .right_wrap figure {
  width: 100%;
  height: 100%;
}
.sec_floor_info .right_wrap figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sec_floor_info .txt {
  line-height: 1.666;
  color: #333;
  letter-spacing: -0.05em;
}
@media screen and (min-width: 1023.9px) {
  .sec_floor_info .txt {
    font-size: 18px;
    margin-top: 20px;
    width: 75%;
  }
}
@media screen and (max-width: 1023.9px) {
  .sec_floor_info .txt {
    font-size: 13px;
    margin-top: 10px;
  }
}

@media screen and (min-width: 1023.9px) {
  .sec_preview {
    margin-top: 50px;
  }
}
@media screen and (max-width: 1023.9px) {
  .sec_preview {
    margin-top: 30px;
  }
}
.sec_preview .com_sub_page_title {
  padding: 0;
}
@media screen and (min-width: 1023.9px) {
  .sec_preview .com_sub_page_title {
    margin-bottom: 28px;
  }
}
@media screen and (max-width: 1023.9px) {
  .sec_preview .com_sub_page_title {
    margin-bottom: 20px;
  }
}
.sec_preview .com_board__image {
  width: calc(100% + 26px);
  margin-left: -13px;
}
@media screen and (max-width: 1620px) {
  .sec_preview .com_board__image {
    width: calc(100% + 10px);
    margin-left: -5px;
  }
}
.sec_preview .com_board__image .preview_box {
  cursor: pointer;
  background: #4156a7;
  border-radius: 10px;
}
@media screen and (min-width: 1023.9px) {
  .sec_preview .com_board__image .preview_box {
    border: 6px solid #4156a7;
  }
}
@media screen and (max-width: 1023.9px) {
  .sec_preview .com_board__image .preview_box {
    border: 3px solid #4156a7;
  }
}
.sec_preview .com_board__image .preview_box figure {
  display: flex;
  justify-content: center;
  align-items: stretch;
  overflow: hidden;
  aspect-ratio: 340/212;
}
.sec_preview .com_board__image .preview_box figure img {
  transition: all 0.5s;
}
.sec_preview .com_board__image .preview_box figure:hover * {
  text-decoration: none;
}
.sec_preview .com_board__image .preview_box figure:hover img {
  transform: scale(1.03);
}
.sec_preview .com_board__image .preview_box figure img {
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.sec_preview .com_board__image .preview_box .youtubeP {
  display: none;
}
@media screen and (min-width: 1023.9px) {
  .sec_preview .com_board__image .preview_box .text_wrap {
    margin-block: 20px 13px;
  }
}
@media screen and (max-width: 1023.9px) {
  .sec_preview .com_board__image .preview_box .text_wrap {
    margin-block: 12px 5px;
    padding-inline: 10px;
  }
}
.sec_preview .com_board__image .preview_box .text_wrap p {
  font-weight: 500;
  line-height: 1.388;
  letter-spacing: -0.05em;
  color: #fff;
}
@media screen and (min-width: 1023.9px) {
  .sec_preview .com_board__image .preview_box .text_wrap p {
    font-size: 18px;
    text-align: center;
  }
}
@media screen and (max-width: 1023.9px) {
  .sec_preview .com_board__image .preview_box .text_wrap p {
    font-size: 13px;
  }
}

.pop_preview .video_area {
  position: relative;
  width: 100%;
}
.pop_preview .youtubeP {
  aspect-ratio: 840/556;
}
.pop_preview .youtubeP iframe {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.preview_slider .scroll {
  overflow-y: auto;
}

.p_online .info_section {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  justify-content: space-between;
  margin-bottom: 100px;
}
@media screen and (max-width: 767.9px) {
  .p_online .info_section {
    margin-bottom: 50px;
  }
}
.p_online .info_section .tit {
  font-size: 40px;
  font-weight: bold;
  line-height: 0.75;
  letter-spacing: -2px;
  width: 100%;
}
@media screen and (max-width: 1239.9px) {
  .p_online .info_section .tit {
    line-height: 1.5;
  }
}
@media screen and (max-width: 767.9px) {
  .p_online .info_section .tit {
    font-size: 20px;
  }
}
.p_online .info_section .txt {
  font-size: 22px;
  font-weight: normal;
  line-height: 1.36;
  letter-spacing: -1.1px;
  width: 100%;
  margin-top: 12px;
  margin-bottom: 80px;
}
@media screen and (max-width: 767.9px) {
  .p_online .info_section .txt {
    font-size: 15px;
    margin-bottom: 40px;
  }
}
.p_online .info_section .item {
  min-width: 21%;
  aspect-ratio: 1/1;
  border: solid 20px #01bacc;
  background: #fff;
  border-radius: 100%;
  font-size: 22px;
  font-weight: normal;
  line-height: 1.36;
  letter-spacing: -1.1px;
}
@media screen and (max-width: 1429.9px) {
  .p_online .info_section .item {
    width: 30%;
    min-width: 30%;
  }
}
@media screen and (max-width: 1239.9px) {
  .p_online .info_section .item {
    width: 100%;
    border-radius: 300px;
    border-width: 10px;
    aspect-ratio: auto;
    margin-bottom: 10px;
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 767.9px) {
  .p_online .info_section .item {
    font-size: 13px;
    border-width: 5px;
  }
}
.p_online .info_section .item:nth-of-type(1) {
  margin-left: 4%;
}
@media screen and (max-width: 1239.9px) {
  .p_online .info_section .item:nth-of-type(1) {
    margin-left: 0;
  }
}
.p_online .info_section .item:nth-of-type(2) {
  border-color: #0589da;
}
.p_online .info_section .item:nth-of-type(2) .num {
  color: #0589da;
}
.p_online .info_section .item:nth-of-type(3) {
  border-color: #4156a7;
  margin-right: 4%;
}
@media screen and (max-width: 1239.9px) {
  .p_online .info_section .item:nth-of-type(3) {
    margin: 0;
  }
}
.p_online .info_section .item:nth-of-type(3) .num {
  color: #4156a7;
}
.p_online .info_section .item .num {
  font-size: 36px;
  font-weight: bold;
  line-height: 0.83;
  letter-spacing: -1.8px;
  margin: 60px 0 19px;
  color: #01bacc;
}
@media screen and (max-width: 1239.9px) {
  .p_online .info_section .item .num {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767.9px) {
  .p_online .info_section .item .num {
    font-size: 20px;
  }
}
.p_online .img_section {
  background: #eceef6;
  padding: 100px;
}
@media screen and (max-width: 767.9px) {
  .p_online .img_section {
    padding: 50px 0;
  }
}
.p_online .img_section .inner {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767.9px) {
  .p_online .img_section .inner {
    justify-content: center;
    flex-direction: column;
  }
}
.p_online .img_section .item {
  width: 30.6666666667%;
}
@media screen and (max-width: 767.9px) {
  .p_online .img_section .item {
    width: 100%;
  }
  .p_online .img_section .item:not(:last-child) {
    margin-bottom: 30px;
  }
}
.p_online .img_section .item img {
  margin-bottom: 30px;
}
@media screen and (max-width: 767.9px) {
  .p_online .img_section .item img {
    margin-bottom: 15px;
  }
}
.p_online .img_section .item .tit {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.38;
  letter-spacing: -1.2px;
}
@media screen and (max-width: 767.9px) {
  .p_online .img_section .item .tit {
    font-size: 18px;
    margin-bottom: 5px;
  }
}
.p_online .img_section .item .txt {
  font-size: 15px;
  font-weight: normal;
  line-height: 1.67;
  letter-spacing: -0.75px;
}
@media screen and (max-width: 767.9px) {
  .p_online .img_section .item .txt {
    font-size: 13px;
    line-height: 1.5;
  }
}
.p_online .video_section {
  padding-top: 100px;
  padding-bottom: 100px;
  text-align: center;
}
@media screen and (max-width: 767.9px) {
  .p_online .video_section {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.p_online .video_section .video {
  margin-bottom: 50px;
}
.p_online .video_section .com_btn {
  padding: 0 33px;
  width: auto;
  height: 65px;
}
.p_online .floor_section .sec_title {
  margin: 50px 0 40px;
  font-size: 40px;
  font-weight: bold;
  line-height: 0.75;
  letter-spacing: -2px;
}
@media screen and (max-width: 767.9px) {
  .p_online .floor_section .sec_title {
    margin: 25px 0 20px;
    font-size: 20px;
  }
}
.p_online .floor_section .tab_contents > div {
  display: none;
}
.p_online .floor_section .tab_contents > div.active {
  display: block;
}
.p_online .floor_section .list {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1239.9px) {
  .p_online .floor_section .list {
    flex-wrap: wrap;
  }
}
.p_online .floor_section .list .item {
  display: flex;
  justify-content: space-between;
  width: 47.5%;
}
@media screen and (max-width: 1239.9px) {
  .p_online .floor_section .list .item {
    width: 100%;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767.9px) {
  .p_online .floor_section .list .item {
    flex-wrap: wrap;
    margin-bottom: 30px;
  }
}
.p_online .floor_section .list .item .img_field {
  width: 100%;
}
.p_online .floor_section .list .item .info_area {
  width: 45%;
}
@media screen and (max-width: 767.9px) {
  .p_online .floor_section .list .item .info_area {
    width: 100%;
  }
}
.p_online .floor_section .list .item .info_area .tit {
  margin: 24px 0 14px;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.38;
  letter-spacing: -1.2px;
}
@media screen and (max-width: 767.9px) {
  .p_online .floor_section .list .item .info_area .tit {
    font-size: 16px;
    margin: 12px 0 7px;
  }
}
.p_online .floor_section .list .item .info_area .txt {
  font-size: 15px;
  line-height: 1.67;
  letter-spacing: -0.75px;
}
@media screen and (max-width: 767.9px) {
  .p_online .floor_section .list .item .info_area .txt {
    font-size: 13px;
    line-height: 1.5;
  }
}
.p_online .btn_download {
  margin-block: 40px 60px;
  text-align: center;
  flex-direction: column;
}
@media screen and (max-width: 767.9px) {
  .p_online .btn_download {
    margin-block: 20px 40px;
  }
}
.p_online .btn_download .com_btn {
  height: 70px;
  min-width: 200px;
}
@media screen and (max-width: 767.9px) {
  .p_online .btn_download .com_btn {
    height: 50px;
    min-width: 150px;
  }
}
.p_online .btn_download .tip_txt {
  margin-top: 15px;
}
@media screen and (max-width: 767.9px) {
  .p_online .btn_download .tip_txt {
    margin-top: 10px;
  }
}
.p_online .tip_txt {
  width: 100%;
  font-size: 13px;
  font-weight: normal;
  line-height: 1.54;
  letter-spacing: -0.65px;
  color: #aaa;
  margin-top: 30px;
}
@media screen and (max-width: 767.9px) {
  .p_online .tip_txt {
    font-size: 12px;
    margin-top: 15px;
  }
}

@media screen and (min-width: 1023.9px) {
  .sec_terms_content {
    margin-top: 50px;
  }
}
@media screen and (max-width: 1023.9px) {
  .sec_terms_content {
    margin-top: 30px;
  }
}
.sec_terms_content > * {
  line-height: 1.6;
}
@media screen and (min-width: 1023.9px) {
  .sec_terms_content > * {
    font-size: 15px;
  }
}
@media screen and (max-width: 1023.9px) {
  .sec_terms_content > * {
    font-size: 13px;
  }
}
.p_terms_refund .sec_terms_content h1 {
  line-height: 1.3;
  font-weight: 600;
  text-align: center;
}
@media screen and (min-width: 1023.9px) {
  .p_terms_refund .sec_terms_content h1 {
    font-size: 30px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_terms_refund .sec_terms_content h1 {
    font-size: 24px;
  }
}
.p_terms_refund .sec_terms_content h2 {
  font-weight: 500;
  text-align: right;
  margin-top: 16px;
}
@media screen and (min-width: 1023.9px) {
  .p_terms_refund .sec_terms_content h2 {
    font-size: 18px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_terms_refund .sec_terms_content h2 {
    font-size: 15px;
  }
}
.p_terms_refund .sec_terms_content h3 {
  font-size: 16px;
  font-weight: 600;
  margin-block: 30px 6px;
}
.p_terms_refund .sec_terms_content ol {
  margin-block: 6px;
  margin-left: 20px;
}
.p_terms_refund .sec_terms_content ol li {
  list-style: auto;
}
.p_terms_refund .sec_terms_content .center {
  font-size: 18px;
  font-weight: 500;
  margin-block: 50px 20px;
  text-align: center;
}

.p_bicce_style a {
  vertical-align: top;
}
.p_bicce_style .mgt5 {
  margin-top: 5px !important;
}
.p_bicce_style .mgt10 {
  margin-top: 10px !important;
}
.p_bicce_style .mgt30 {
  margin-top: 30px !important;
}
.p_bicce_style .mgt40 {
  margin-top: 40px !important;
}
.p_bicce_style .a_down {
  font-weight: 400;
  padding-left: 20px;
  text-decoration: underline;
}
.p_bicce_style .tit1 {
  margin-bottom: 14px;
  padding-top: 10px;
  font-size: 24px;
  line-height: 1.3;
  font-weight: 400;
  color: #111;
  letter-spacing: -1px;
}
@media screen and (max-width: 1023.9px) {
  .p_bicce_style .tit1 {
    font-size: 18px;
  }
}
.p_bicce_style .tit1 span {
  display: initial;
  box-shadow: inset rgba(23, 98, 191, 0.1) 0 -10px 0;
}
.p_bicce_style .tit2 {
  margin-bottom: 10px;
  padding-top: 18px;
  font-size: 18px;
  line-height: 1.3;
  color: #333;
  background: url(../img/sub/bu_tit2.png) no-repeat left 2px;
  font-weight: 400;
}
.p_bicce_style .bu_st1 {
  position: relative;
  padding-left: 16px;
  line-height: 1.6;
  color: #444;
}
.p_bicce_style .bu_st1::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  width: 8px;
  height: 8px;
  background: url(../img/sub/bu_st1.png) no-repeat;
}
.p_bicce_style .bu_st4 {
  position: relative;
  padding-left: 8px;
  line-height: 1.5;
  color: #555;
}
.p_bicce_style .bu_st4::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 3px;
  height: 3px;
  background: #8c8c8c;
}
.p_bicce_style .bu_wnrn2 {
  padding-left: 20px;
  line-height: 20px;
  margin-top: 6px;
  background: url(../img/sub/bu_atte2.png) no-repeat left 2px;
}
@media screen and (min-width: 1023.9px) {
  .p_bicce_style .bu_wnrn2 {
    display: flex;
    align-items: center;
  }
}
.p_bicce_style .bu_wnrn2 .new_link {
  padding: 4px 8px;
  background-color: #515151;
  line-height: 1;
  color: #fff;
  font-size: 13px;
  border-radius: 3px;
  transition: background 0.3s;
}
@media screen and (min-width: 1023.9px) {
  .p_bicce_style .bu_wnrn2 .new_link {
    margin-left: 8px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_bicce_style .bu_wnrn2 .new_link {
    margin-top: 6px;
  }
}
.p_bicce_style .bu_wnrn2 .new_link:hover {
  background-color: #40455f;
}
.p_bicce_style a.bu_linkL {
  padding-left: 17px;
  color: #003873;
  text-decoration: underline;
  background: url(../img/sub/bu_link_line.png) no-repeat left 3px;
  vertical-align: top;
}
.p_bicce_style a.bu_downL {
  padding-left: 17px;
  color: #003873;
  text-decoration: underline;
  background: url(../img/sub/bu_down_line.png) no-repeat left 3px;
}
.p_bicce_style .box_st1 {
  position: relative;
  padding: 10px 16px;
  border: 1px solid #bfbfbf;
  background: #fff;
}
.p_bicce_style .box_st2_1 {
  position: relative;
  padding: 10px 16px;
  background: #f9f9f9;
}
.p_bicce_style .list_stT1 > li {
  padding: 0 0 4px;
  line-height: 1.4;
  color: #444;
  font-weight: 400;
}
.p_bicce_style .list_stT1 .list_stT1 {
  margin-top: 4px;
  padding-left: 6px;
}
.p_bicce_style .list_st1 > li {
  position: relative;
  padding: 4px 0 4px 16px;
  line-height: 1.6;
  color: #444;
}
.p_bicce_style .list_st1 > li::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 0;
  width: 8px;
  height: 8px;
  background: url(../img/sub/bu_st1.png) no-repeat;
}
.p_bicce_style .list_st2 > li {
  position: relative;
  padding: 4px 0 4px 15px;
  line-height: 1.5;
  color: #444;
}
.p_bicce_style .list_st2 > li::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #666;
}
.p_bicce_style .list_st3 {
  margin-top: 4px;
}
.p_bicce_style .list_st3 > li {
  position: relative;
  padding: 3px 0 3px 15px;
  line-height: 1.5;
  color: #555;
}
.p_bicce_style .list_st3 > li::before {
  content: "";
  position: absolute;
  top: 13px;
  left: 0;
  width: 7px;
  height: 2px;
  background: #8c8c8c;
}
.p_bicce_style .tbl_st {
  position: relative;
  width: 100%;
  background: #fff;
  overflow: hidden;
}
.p_bicce_style .tbl_st table {
  position: relative;
  width: 100%;
  margin: 5px 0 0 -1px;
  text-align: center;
  border-top: 2px solid #111;
  -webkit-overflow-scrolling: touch;
  word-break: keep-all;
}
.p_bicce_style .tbl_st table thead th {
  padding: 12px 10px;
  vertical-align: middle;
  color: #111;
  font-weight: 400;
  border-bottom: 1px solid #d7d7d7;
  border-left: 1px solid #d7d7d7;
  background: #f4f4f4;
}
.p_bicce_style .tbl_st table td {
  padding: 10px;
  border-bottom: 1px solid #d7d7d7;
  border-left: 1px solid #d7d7d7;
  color: #444;
}
@media screen and (max-width: 860px) {
  .p_bicce_style .scroll_gr {
    width: 100%;
    overflow-x: auto;
    background-repeat: no-repeat;
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
    background-position: right 5px;
    background-size: 30px 100%;
    z-index: 1;
  }
  .p_bicce_style .scroll_gr table {
    width: 860px;
  }
}

[class*=view_w_full_up],
[class*=view_w_full] {
  display: none;
}

@media screen and (min-width: 1620px) {
  table.view_w_full_up {
    display: table;
  }
  col.view_w_full_up {
    display: table-column;
  }
  tr.view_w_full_up {
    display: table-row;
  }
  :is(td, th).view_w_full_up {
    display: table-cell;
  }
  .view_w_full_up {
    display: block;
  }
  .view_w_full_up.none {
    display: none;
  }
  .view_w_full_up.inblock {
    display: inline-block;
  }
  .view_w_full_up.flex {
    display: flex;
  }
  .view_w_full_up.inflex {
    display: inline-flex;
  }
  .view_w_full_up.table {
    display: table;
  }
}
@media screen and (max-width: 1620px) {
  table.view_w_full {
    display: table;
  }
  tr.view_w_full {
    display: table-row;
  }
  :is(td, th).view_w_full {
    display: table-cell;
  }
  .view_w_full {
    display: block;
  }
  .view_w_full.none {
    display: none;
  }
  .view_w_full.inblock {
    display: inline-block;
  }
  .view_w_full.flex {
    display: flex;
  }
  .view_w_full.inflex {
    display: inline-flex;
  }
  .view_w_full.table {
    display: table;
  }
}
[class*=view_w_xxl_up],
[class*=view_w_xxl] {
  display: none;
}

@media screen and (min-width: 1429.9px) {
  table.view_w_xxl_up {
    display: table;
  }
  col.view_w_xxl_up {
    display: table-column;
  }
  tr.view_w_xxl_up {
    display: table-row;
  }
  :is(td, th).view_w_xxl_up {
    display: table-cell;
  }
  .view_w_xxl_up {
    display: block;
  }
  .view_w_xxl_up.none {
    display: none;
  }
  .view_w_xxl_up.inblock {
    display: inline-block;
  }
  .view_w_xxl_up.flex {
    display: flex;
  }
  .view_w_xxl_up.inflex {
    display: inline-flex;
  }
  .view_w_xxl_up.table {
    display: table;
  }
}
@media screen and (max-width: 1429.9px) {
  table.view_w_xxl {
    display: table;
  }
  tr.view_w_xxl {
    display: table-row;
  }
  :is(td, th).view_w_xxl {
    display: table-cell;
  }
  .view_w_xxl {
    display: block;
  }
  .view_w_xxl.none {
    display: none;
  }
  .view_w_xxl.inblock {
    display: inline-block;
  }
  .view_w_xxl.flex {
    display: flex;
  }
  .view_w_xxl.inflex {
    display: inline-flex;
  }
  .view_w_xxl.table {
    display: table;
  }
}
[class*=view_w_xl_up],
[class*=view_w_xl] {
  display: none;
}

@media screen and (min-width: 1239.9px) {
  table.view_w_xl_up {
    display: table;
  }
  col.view_w_xl_up {
    display: table-column;
  }
  tr.view_w_xl_up {
    display: table-row;
  }
  :is(td, th).view_w_xl_up {
    display: table-cell;
  }
  .view_w_xl_up {
    display: block;
  }
  .view_w_xl_up.none {
    display: none;
  }
  .view_w_xl_up.inblock {
    display: inline-block;
  }
  .view_w_xl_up.flex {
    display: flex;
  }
  .view_w_xl_up.inflex {
    display: inline-flex;
  }
  .view_w_xl_up.table {
    display: table;
  }
}
@media screen and (max-width: 1239.9px) {
  table.view_w_xl {
    display: table;
  }
  tr.view_w_xl {
    display: table-row;
  }
  :is(td, th).view_w_xl {
    display: table-cell;
  }
  .view_w_xl {
    display: block;
  }
  .view_w_xl.none {
    display: none;
  }
  .view_w_xl.inblock {
    display: inline-block;
  }
  .view_w_xl.flex {
    display: flex;
  }
  .view_w_xl.inflex {
    display: inline-flex;
  }
  .view_w_xl.table {
    display: table;
  }
}
[class*=view_w_l_up],
[class*=view_w_l] {
  display: none;
}

@media screen and (min-width: 1023.9px) {
  table.view_w_l_up {
    display: table;
  }
  col.view_w_l_up {
    display: table-column;
  }
  tr.view_w_l_up {
    display: table-row;
  }
  :is(td, th).view_w_l_up {
    display: table-cell;
  }
  .view_w_l_up {
    display: block;
  }
  .view_w_l_up.none {
    display: none;
  }
  .view_w_l_up.inblock {
    display: inline-block;
  }
  .view_w_l_up.flex {
    display: flex;
  }
  .view_w_l_up.inflex {
    display: inline-flex;
  }
  .view_w_l_up.table {
    display: table;
  }
}
@media screen and (max-width: 1023.9px) {
  table.view_w_l {
    display: table;
  }
  tr.view_w_l {
    display: table-row;
  }
  :is(td, th).view_w_l {
    display: table-cell;
  }
  .view_w_l {
    display: block;
  }
  .view_w_l.none {
    display: none;
  }
  .view_w_l.inblock {
    display: inline-block;
  }
  .view_w_l.flex {
    display: flex;
  }
  .view_w_l.inflex {
    display: inline-flex;
  }
  .view_w_l.table {
    display: table;
  }
}
[class*=view_w_m_up],
[class*=view_w_m] {
  display: none;
}

@media screen and (min-width: 767.9px) {
  table.view_w_m_up {
    display: table;
  }
  col.view_w_m_up {
    display: table-column;
  }
  tr.view_w_m_up {
    display: table-row;
  }
  :is(td, th).view_w_m_up {
    display: table-cell;
  }
  .view_w_m_up {
    display: block;
  }
  .view_w_m_up.none {
    display: none;
  }
  .view_w_m_up.inblock {
    display: inline-block;
  }
  .view_w_m_up.flex {
    display: flex;
  }
  .view_w_m_up.inflex {
    display: inline-flex;
  }
  .view_w_m_up.table {
    display: table;
  }
}
@media screen and (max-width: 767.9px) {
  table.view_w_m {
    display: table;
  }
  tr.view_w_m {
    display: table-row;
  }
  :is(td, th).view_w_m {
    display: table-cell;
  }
  .view_w_m {
    display: block;
  }
  .view_w_m.none {
    display: none;
  }
  .view_w_m.inblock {
    display: inline-block;
  }
  .view_w_m.flex {
    display: flex;
  }
  .view_w_m.inflex {
    display: inline-flex;
  }
  .view_w_m.table {
    display: table;
  }
}
[class*=view_w_s_up],
[class*=view_w_s] {
  display: none;
}

@media screen and (min-width: 639.9px) {
  table.view_w_s_up {
    display: table;
  }
  col.view_w_s_up {
    display: table-column;
  }
  tr.view_w_s_up {
    display: table-row;
  }
  :is(td, th).view_w_s_up {
    display: table-cell;
  }
  .view_w_s_up {
    display: block;
  }
  .view_w_s_up.none {
    display: none;
  }
  .view_w_s_up.inblock {
    display: inline-block;
  }
  .view_w_s_up.flex {
    display: flex;
  }
  .view_w_s_up.inflex {
    display: inline-flex;
  }
  .view_w_s_up.table {
    display: table;
  }
}
@media screen and (max-width: 639.9px) {
  table.view_w_s {
    display: table;
  }
  tr.view_w_s {
    display: table-row;
  }
  :is(td, th).view_w_s {
    display: table-cell;
  }
  .view_w_s {
    display: block;
  }
  .view_w_s.none {
    display: none;
  }
  .view_w_s.inblock {
    display: inline-block;
  }
  .view_w_s.flex {
    display: flex;
  }
  .view_w_s.inflex {
    display: inline-flex;
  }
  .view_w_s.table {
    display: table;
  }
}
[class*=view_w_xs_up],
[class*=view_w_xs] {
  display: none;
}

@media screen and (min-width: 575.9px) {
  table.view_w_xs_up {
    display: table;
  }
  col.view_w_xs_up {
    display: table-column;
  }
  tr.view_w_xs_up {
    display: table-row;
  }
  :is(td, th).view_w_xs_up {
    display: table-cell;
  }
  .view_w_xs_up {
    display: block;
  }
  .view_w_xs_up.none {
    display: none;
  }
  .view_w_xs_up.inblock {
    display: inline-block;
  }
  .view_w_xs_up.flex {
    display: flex;
  }
  .view_w_xs_up.inflex {
    display: inline-flex;
  }
  .view_w_xs_up.table {
    display: table;
  }
}
@media screen and (max-width: 575.9px) {
  table.view_w_xs {
    display: table;
  }
  tr.view_w_xs {
    display: table-row;
  }
  :is(td, th).view_w_xs {
    display: table-cell;
  }
  .view_w_xs {
    display: block;
  }
  .view_w_xs.none {
    display: none;
  }
  .view_w_xs.inblock {
    display: inline-block;
  }
  .view_w_xs.flex {
    display: flex;
  }
  .view_w_xs.inflex {
    display: inline-flex;
  }
  .view_w_xs.table {
    display: table;
  }
}
[class*=view_w_xxs_up],
[class*=view_w_xxs] {
  display: none;
}

@media screen and (min-width: 359.9px) {
  table.view_w_xxs_up {
    display: table;
  }
  col.view_w_xxs_up {
    display: table-column;
  }
  tr.view_w_xxs_up {
    display: table-row;
  }
  :is(td, th).view_w_xxs_up {
    display: table-cell;
  }
  .view_w_xxs_up {
    display: block;
  }
  .view_w_xxs_up.none {
    display: none;
  }
  .view_w_xxs_up.inblock {
    display: inline-block;
  }
  .view_w_xxs_up.flex {
    display: flex;
  }
  .view_w_xxs_up.inflex {
    display: inline-flex;
  }
  .view_w_xxs_up.table {
    display: table;
  }
}
@media screen and (max-width: 359.9px) {
  table.view_w_xxs {
    display: table;
  }
  tr.view_w_xxs {
    display: table-row;
  }
  :is(td, th).view_w_xxs {
    display: table-cell;
  }
  .view_w_xxs {
    display: block;
  }
  .view_w_xxs.none {
    display: none;
  }
  .view_w_xxs.inblock {
    display: inline-block;
  }
  .view_w_xxs.flex {
    display: flex;
  }
  .view_w_xxs.inflex {
    display: inline-flex;
  }
  .view_w_xxs.table {
    display: table;
  }
}
[class*=view_w_mini_up],
[class*=view_w_mini] {
  display: none;
}

@media screen and (min-width: 319.9px) {
  table.view_w_mini_up {
    display: table;
  }
  col.view_w_mini_up {
    display: table-column;
  }
  tr.view_w_mini_up {
    display: table-row;
  }
  :is(td, th).view_w_mini_up {
    display: table-cell;
  }
  .view_w_mini_up {
    display: block;
  }
  .view_w_mini_up.none {
    display: none;
  }
  .view_w_mini_up.inblock {
    display: inline-block;
  }
  .view_w_mini_up.flex {
    display: flex;
  }
  .view_w_mini_up.inflex {
    display: inline-flex;
  }
  .view_w_mini_up.table {
    display: table;
  }
}
@media screen and (max-width: 319.9px) {
  table.view_w_mini {
    display: table;
  }
  tr.view_w_mini {
    display: table-row;
  }
  :is(td, th).view_w_mini {
    display: table-cell;
  }
  .view_w_mini {
    display: block;
  }
  .view_w_mini.none {
    display: none;
  }
  .view_w_mini.inblock {
    display: inline-block;
  }
  .view_w_mini.flex {
    display: flex;
  }
  .view_w_mini.inflex {
    display: inline-flex;
  }
  .view_w_mini.table {
    display: table;
  }
}