/* ==========================================================================
  기본 설정
   ========================================================================== */
/*html {font-size: 18px;}*/
div,button {border: 0;}
em, i{font-style: normal;}
button{background-color: transparent;}

/* ==========================================================================
  공통 레이아웃
   ========================================================================== */
@media screen and (max-width: 1280px) {
  .fp-section, .fp-tableCell {height: auto !important;}
  .section .fp-tableCell {display: block;height: auto;min-height: auto;}
  .section .visual {position: relative;width: 100%;margin-bottom: 65px;background: none;}
  .section .visual .group-title {position: relative;width: 100%;height: auto;bottom: auto;left: auto;background: none;}
  .section .visual .title-box {position: relative;top: auto;left: auto;width: auto;height: auto;padding: 0;text-align: center;}
  .section .visual .section-title {color: #252525;margin-bottom: 15px;}
  .section .visual .section-description {color: #252525;opacity: 0.8;}
  .section .content-group {display: block;height: auto;min-height: auto;padding: 0;}
  .section .content-group > .inner {height: auto;min-height: auto;max-width: 1080px;padding: 0 40px;}
  .main-title.type_02 {display: none;}
}
@media screen and (max-width: 840px) {
  .main-title > em, .main-title {font-size: 22px;}
  .section .visual .section-title {font-size: 28px;}
}
@media screen and (max-width: 768px) {
  /* .section .content-group > .inner {padding: 0 20px;} */
}
@media screen and (max-width: 490px) {
  .main-title > em, .main-title {font-size: 18px;}
}

/* ==========================================================================
  헤더
   ========================================================================== */
@media screen and (max-width: 1850px) {
  #gnb #gnb_1dul {display: none;}
}
@media screen and (max-width: 900px) {
  #gnb_all .gnb_al_li {width: 50%;height: 360px;}
}
@media screen and (max-width: 768px) {
  #logo {left: 30px;}
  #hd.scroll_on #logo a, #hd.on_search #logo a, #logo a {width: 330px;}
  .menu_btn {position: absolute;right: 0px;}
}
@media screen and (max-width: 710px) {
  .hd_sch_wr .hd_sch_title {font-size: 20px;}
  #hd_sch .total_search {width: 440px;}
}
@media screen and (max-width: 600px) {
  #gnb_all .gnb_al_ul {padding: 0;}
  #gnb_all .gnb_al_li {width: 100%;height: auto;padding: 0;line-height: 40px;}
  #gnb_all .gnb_al_li .gnb_al_a {font-size: 18px;text-align: left;padding: 10px 15px;border-bottom: 1px solid #eee;}
  #gnb_all .m_gnb_ul {display: none;background: #fafafa;}
  #gnb_all .gnb_al_li li {margin-top: 0;font-size: 16px;border-bottom: 1px solid #efefef;}
  #gnb_all .gnb_al_li li a {padding: 5px 15px;}
}
@media screen and (max-width: 549px) {
  #logo {left: 10px;}
  #logo a, #logo a.logo_on, #hd.on_search #logo a, #hd.scroll_on #logo a {width: 280px;}
  .hd_sch_wr .hd_sch_title {font-size: 15px;}
  #hd_sch .total_search {width: 240px;}
}
@media screen and (max-width: 490px) {
  #logo a {width: 200px;}
  #logo a.logo_on {width: 200px;}
  #hd.on_search #logo a {width: 200px;}
  #hd.scroll_on #logo a {width: 200px;}
  .hd_sch_wr {top: 63px;}
  .menu_btn button {position: relative;width: 65px;height: 65px;font-size: 20px;}
  #hd_wrapper {position: relative;height: 65px;}
}

/* ==========================================================================
  Section 01
   ========================================================================== */
#section01 .title .sentence span {transition: 0.5s;}
#section01 .title .sentence.n1 span{transition-delay: 0.4s;}
#section01 .title .sentence.n2 span{transition-delay: 0.7s;}
#section01 .title .sentence.n3 span{transition-delay: 1s;}
@media screen and (max-width: 1280px) {
  #section01 .content-group {min-height: 100vh;flex-wrap: wrap;}
}
@media screen and (max-width: 1080px) {
  #section01 .title {height: 150px;margin-top: -150px;}
  #section01 .information {bottom: 0;}
  #section01 .information .info_in {max-width: 100%;height: 10.25rem;display: flex;justify-content: space-between;flex-direction: column;}
  #section01 .information .info_in .info_title {max-width: 100%;}
  #section01 .information .info_in .info_text .list {display: block;}
  #section01 .information .info_in .info_text .list .item {display: inline-flex;width: calc(33% - 3px);height: 3.2em;justify-content: center;}
  #section01 .information .info_in .info_text .list .item:nth-child(4) {width: 100%;}
}
@media screen and (max-width: 960px) {
  #section01 .title .sentence.n1 span {font-size: 0.75rem;letter-spacing: 0.5rem;}
  #section01 .title .sentence.n2 span {font-size: 2.375rem;letter-spacing: -0.3rem;}
  #section01 .title .sentence.n3 span {font-size: 3rem;letter-spacing: -0.3rem;}
}
@media screen and (max-width: 768px) {
  #section01 .information .info_in {height: 300px;}
  #section01 .information .info_in .info_title {height: 60px;}
  #section01 .information .info_in .info_text {height: 240px;padding: 0;}
  #section01 .information .info_in .info_text .list {text-align: center;}
  #section01 .information .info_in .info_text .list .item {width: 100%;border-bottom: 1px solid #eaedf0;}
}
@media screen and (max-width: 560px) {
  #section01 .title .sentence.n1 span {font-size: 0.5rem;letter-spacing: 0.2rem;}
  #section01 .title .sentence.n2 span {font-size: 1.5rem;letter-spacing: -0.2rem;}
  #section01 .title .sentence.n3 span {font-size: 2rem;letter-spacing: -0.2rem;}
}

/* ==========================================================================
  Section 02
   ========================================================================== */
#section02 .main-title.type_02{top: 40px;}
#section02 .item .textbox {position: relative;width: 17rem;padding: 0.575rem 0.5rem;border-bottom: 1px solid #f4f6f8;}
#section02 .item strong {display: block;line-height: 1;margin-bottom: 0.45rem;font-size: 1.625rem;}
#section02 .item {display: flex;height: 16.8125rem;transition: 0.5s;}
#section02 .item .textbox .title em {font-size: 1.1rem;margin-bottom: 10px;color: #8d959d;font-weight: 700;line-height: 1;letter-spacing: -0.0225rem;text-transform: uppercase;display: block;font-style: normal;}
#section02 .item .textbox .title span {font-size: 1.625rem;color: #252525;font-weight: 700;line-height: 1;letter-spacing: -1.04px;text-transform: uppercase;display: block;margin-bottom: 1rem;}
#section02 .info_glist .item {flex-direction: column-reverse;}
#section02 .info_glist .item .textbox {width: 100%;height: 40%;}
#section02 .item .g_text {display: block;margin-bottom: 2.25rem;color: #767e86;font-size: 1.1rem;font-weight: 400;line-height: 120%;letter-spacing: -0.0469rem;text-transform: uppercase;}
#section02 .item .textbox .icon-box {position: absolute;display: flex;left: 4%;bottom: 17%;flex-direction: row-reverse;}
#section02 .item .textbox .icon-box .arrow01 {display:inline-block;width: 2.5rem;height: 2.5rem;background-image:url(../img/arrow01.svg);transition: all 0.3s;margin-left: 0.5rem;background-size: 2.7rem;position: absolute;top: 3px;}
#section02 .item .textbox .icon-box .arrow01:hover {background-image:url(../img/arrow02.svg);}
#section02 .item .textbox .icon-box a {font-size: 0.9rem;line-height: 2.8;}
@media screen and (min-width: 2199px) {
  #section02 .main-title.type_02 {top: 30px;}
  #section02 .item {height: 21.5rem;}
  #section02 .item .textbox {width: 40%;min-width: 23rem;padding: 1.075rem 1rem;}
  #section02 .item strong{margin-bottom: 1.05rem;}
  #section02 .item strong, #section02 .item .textbox .title span {font-size: 2.4rem;letter-spacing: -0.105rem;}
  #section02 .item .textbox .title em {font-size: 1.4rem;margin-bottom: 15px;}
  #section02 .item .g_text {font-size: 1.1rem;}
  #section02 .busi_list .item img {width:60%;max-width: calc(100% - 23rem);}
  #section02 .item .textbox .icon-box {bottom:28%;}
  #section02 .item .textbox .icon-box .arrow01 {max-width: 100%;}
  #section02 .item .textbox .icon-box a {font-size: 1.2rem;line-height: 2.1;}
}
@media screen and (max-width: 1850px) {
  #section02 .main-title.type_02 {top: 30px;}
}
@media screen and (max-width: 1280px) {
  #section02 .visual {top: auto;height: auto;background: none;}
  #section02 .item .textbox {width: 250px}
  #section02 .item strong, #section02 .item .textbox .title span {font-size: 1.4rem;}
  #section02 .item .g_text {font-size: 0.8735rem;}
  #section02 .busi_list .item {height: 13.8125rem;}
  #section02 .busi_list .item img {width: calc(100% - 250px);}
  #section02 .info_glist .item {height: 13.8125rem;}
  /* #section02 .item .textbox .icon-box {bottom:28%;} */
}
@media screen and (max-width: 840px) {
  #section02 .content-group > .inner {flex-direction: column;}
  #section02 .busi_list {width: 100%;padding-top: 0px;}
  #section02 .busi_list .item img {height: 100%;}
  #section02 .info_glist {width: 100%;flex-direction: row;padding-top: 0px;}
  #section02 .info_glist .item {border: 0px solid;margin-bottom: 1rem;width: 50%;height: 300px;}
  #section02 .info_glist .item img {border: 1px solid #ebebeb;width: 98%;}
  .info_glist > .item:nth-child(2) {display: flex;justify-content: flex-end;}
}
@media screen and (max-width: 640px) {
  #section02 .fp-tableCell {padding-top: 90px;padding-bottom: 90px;}
}
@media screen and (max-width: 549px) {
  #section02 .item img {aspect-ratio: 16 / 9;object-fit: cover;}
  #section02 .busi_list {flex-direction: column;align-items: center;}
  #section02 .busi_list .item {height: auto !important;flex-direction: column-reverse;}
  #section02 .busi_list .item img {border: 1px solid #ebebeb;width: 100%;height: auto;}
  #section02 .busi_list .item .textbox {width: 100%;height: auto;}
  #section02 .info_glist {flex-direction: column;align-items: center;}
  #section02 .info_glist .item {width: 100%;height: auto !important;}
  #section02 .info_glist .item img {border: 1px solid #ebebeb;width: 100%;height: auto;}
  #section02 .info_glist .item .textbox {width: 100%;height: auto;}
  #section02 .item .textbox .icon-box {position: absolute;display: flex;right: 50px;bottom: 3%;flex-direction: row-reverse;}
}

/* ==========================================================================
  Section 03
   ========================================================================== */
#section03 .main-title.type_02 {top: 0;}
@media screen and (min-width: 2199px) {
  #section03 .main-title.type_02 {top: 20px;}
}
@media screen and (max-width: 1690px) {
  #section03 .ex_facility .item .textbox .g_text {font-size: 0.8735rem;}
}
@media screen and (max-width: 1350px) {
  #section03 .ex_facility {gap: 0px;}
  #section03 .ex_facility .item {margin-bottom: 10px;}
}
@media screen and (max-width: 1280px) {
  #section03 .fp-tableCell {padding-bottom: 90px;}
  #section03 .visual {top: auto;height: auto;background: none;}
  #section03 .visual .section-title {color: #fff;margin-bottom: 15px;}
  #section03 .visual .section-description {color: #fff;opacity: 1;}
  #section03 .ex_facility .item .textbox strong {font-size: 1.4rem;margin-bottom: 20px;}
}
@media screen and (max-width: 1080px) {
  #section03 .ex_facility {align-items: center;}
  #section03 .ex_facility .item {width: 100%;}
  #section03 .ex_facility .item .textbox {width: 250px;}
  #section03 .ex_facility .item .imgbox {width: calc(100% - 250px);}
}
@media screen and (max-width: 840px) {
  #section03 .ex_facility {gap: 10px;}
  #section03 .ex_facility .item {flex-direction: row;margin-bottom: 0px;width: 100%;}
  #section03 .ex_facility .item .textbox {width: 40%;height: 16.8125rem;}
  #section03 .ex_facility .item .imgbox {width: 60%;}
  #section03 .ex_facility .item .textbox strong {font-size: 24px;margin-bottom: 25px;}
}
@media screen and (max-width: 768px) {
  #section03 .ex_facility .item .textbox .g_text {font-size: 14px;}
}
@media screen and (max-width: 549px) {
  #section03 .ex_facility .item {flex-direction: column-reverse;}
  #section03 .ex_facility .item .textbox {width: 100%;height: 120px;padding: 20px;}
  #section03 .ex_facility .item .imgbox {width: 100%;height: 150px;}
}
@media screen and (max-width: 510px) {
  #section03 .ex_facility .item .textbox strong {margin-bottom: 18px;}
}

/* ==========================================================================
   Section 04
   ========================================================================== */
#section04 .calendar-content .list-box slick-track {opacity: 1; transform: translate3d(0px, 0px, 0px);}
#section04 .calendar-content .list-box slick-slide .item {width: 100%; display: inline-block;}

@media screen and (max-width: 1280px) {
  #section04 .visual {top: auto;height: auto;background: none;}
}
@media screen and (max-width: 1080px) {
  #section04 .main-notice .list .content-link {padding: 22px 52px 23px 15px;}
}
@media screen and (max-width: 840px) {
  #section04 .main-collection .edu_list .item {height: 200px;}
}
@media screen and (max-width: 586px) {
  #section04 .fp-tableCell {padding-bottom: 0;}
  #section04 .main-collection {width: 100%;padding-right: 0%;}
  #section04 .main-collection .edu_list .item {height: 400px;}
  #section04 .main-notice {width: 100%;margin-bottom: 21px;min-height: auto;}
  #section04 .main-calendar {width: calc(100% + 40px);margin: 0 -20px;}
  /* #section04 .main-calendar img {height: 100%;} */
}
@media screen and (max-width: 490px) {
  #section04 .main-collection .edu_list .item {height: 304px;}
  #section04 .main-notice .list .content-link {padding: 12px 52px 11px 15px;}
}
@media screen and (max-width: 460px) {
}
/* 캘린더 */
#section04 .main-calendar .inner-box {position: relative;width: 100%;height: 100%;border: 5px solid #1786a9;}
#section04 .main-calendar .inner-box .calendar-box {position: relative;display: flex;flex-wrap: wrap;align-items: center;width: 100%;height: 5.875rem;padding: 1.25rem 0.625rem;background-color: #1786a9;}
#section04 .main-calendar .inner-box .calendar-title {position: relative;width: 6.75rem;padding: 0 1.875rem;}
#section04 .main-calendar .inner-box .calendar-title .month, #section04 .main-calendar .inner-box .calendar-title .year {display: block;line-height: 1;text-align: center;}
#section04 .main-calendar .inner-box .calendar-title .month em, #section04 .main-calendar .inner-box .calendar-title .year em {display: block;font-family: 'Gmarket Sans';color: #fff;line-height: 1;}
#section04 .main-calendar .inner-box .calendar-title .month em {font-size: 1.875rem;font-weight: 800;letter-spacing: -0.0375rem;}
#section04 .main-calendar .inner-box .calendar-title .year em {font-size: 0.8125rem;font-weight: 300;letter-spacing: 0.04875rem;}
#section04 .main-calendar .inner-box .calendar-week {width: calc(100% - 11.25rem);}
#section04 .main-calendar .inner-box .calendar-ul {display: flex;flex-wrap: wrap;justify-content: space-between;}
#section04 .main-calendar .inner-box .calendar-ul .li {width: calc(100% / 7 - 0.5rem);}
#section04 .main-calendar .inner-box .calendar-ul .li .calendar-btn {width: 100%;}
#section04 .main-calendar .inner-box .calendar-ul .li .calendar-btn em, #section04 .main-calendar .inner-box .calendar-ul .li .calendar-btn em i, #section04 .main-calendar .inner-box .calendar-ul .li .calendar-btn span {color: #fff;line-height: 1;display: block;text-align: center;}
#section04 .main-calendar .inner-box .calendar-ul .li .calendar-btn em, #section04 .main-calendar .inner-box .calendar-ul .li .calendar-btn em i {margin-bottom: 0.4375rem;font-size: 0.875rem;font-weight: 700;letter-spacing: -0.0175rem;}
#section04 .main-calendar .inner-box .calendar-ul .li .calendar-btn em i {display: inline-block;vertical-align: middle;position: relative;top: 1px;}
#section04 .main-calendar .inner-box .calendar-ul .li .calendar-btn span {margin: 0 auto;width: 1.25rem;height: 1.25rem;font-size: 0.875rem;font-weight: 400;letter-spacing: -0.0175rem;line-height: 1.25rem;}
#section04 .main-calendar .inner-box .calendar-ul .li.on .calendar-btn span {background-color: #fff;border-radius: 50%;color: #1786a9;}
#section04 .main-calendar .calendar-content .list-box {position: relative;padding: 1.25rem 2.1875rem;}
#section04 .main-calendar .calendar-content .list {position: relative;}
#section04 .main-calendar .calendar-content .item {display: block;width: 100%;padding: 0 0.625rem;}
#section04 .main-calendar .calendar-content .link {display: flex;width: 100%;justify-content: space-between;}
#section04 .main-calendar .calendar-content .link .state {display: flex;width: 4rem;padding: 0.375rem 0.625rem;justify-content: center;color: #fff;font-size: 0.875rem;font-weight: 400;line-height: 1;letter-spacing: -0.035rem;align-items: center;}
#section04 .main-calendar .calendar-content .link .state.state1 {background: #0087c6;}
#section04 .main-calendar .calendar-content .link .state.state2 {background: #3e577d;}
#section04 .main-calendar .calendar-content .link strong {display: inline-block;width: calc(100% - 4.375rem);color: #3c4653;font-size: 1rem;font-weight: 400;letter-spacing: -0.04rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;word-break: break-all;word-wrap: break-word;}
#section04 .main-calendar .calendar-content .button {position: absolute;top: 20px;width: 30px;height: 1.875rem;background-repeat: no-repeat;background-position: 50%;font-size: 0;}
#section04 .main-calendar .calendar-content .prev {left: 0;background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.43057 1.13892L1.56946 6.00003L6.43057 10.8611' stroke='black' stroke-opacity='0.6' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E%0A");}
#section04 .main-calendar .calendar-content .next {right: 0;background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.56944 1.13892L6.43056 6.00003L1.56944 10.8611' stroke='black' stroke-opacity='0.6' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E%0A");}
#section04 .main-calendar .calendar-more {position: absolute;top: 24px;right: 10px;width: 4rem;height: 2.875rem;}
#section04 .main-calendar .calendar-more:before {content: '';position: absolute;top: 0;left: 0;width: 1px;height: 100%;background-color: rgba(255, 255, 255, 0.4);}
#section04 .main-calendar .calendar-more span {display: block;position: relative;width: 100%;height: 100%;padding: 0.125rem 1.1875rem;word-wrap: break-word;word-break: break-all;color: #fff;font-size: 0.875rem;font-weight: 700;line-height: 1;letter-spacing: -0.0175rem;}
#section04 .main-calendar .calendar-more span:before {content: '';position: absolute;bottom: 0;left: 50%;transform: translate(-50%, 0);background-size: auto 100%;width: 0.875rem;height: 0.5rem;background-image: url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 6H15M15 6L11 10M15 6L11 2' stroke='white' stroke-opacity='0.6' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E%0A");background-repeat: no-repeat;}

@media screen and (max-width: 1024px) {#section04 .main-calendar .inner-box .calendar-box {padding: 20px 4px;}}
@media screen and (max-width: 560px) {#section04 .main-calendar .inner-box .calendar-ul .li .calendar-btn em i {display: none;}}
@media screen and (max-width: 480px) {
  #section04 .main-calendar {height: 322px;}
  #section04 .main-calendar .inner-box {border: 10px solid #1786a9; }
  #section04 .main-calendar .inner-box .calendar-title {width: 6rem;}
  #section04 .main-calendar .calendar-content .link {margin: 5px 0; }
  #section04 .main-calendar .calendar-content .list-box {padding: 20px; }
  #section04 .main-calendar .control {display: none; }
  #section04 .main-calendar .slick-dots {display: flex;justify-content: center;}
  #section04 .main-calendar .slick-dots li {width: 1.25rem;height: 1.25rem;}
  #section04 .main-calendar .slick-dots li button {display: block;width: 100%;height: 100%;position: relative;font-size: 0;}
  #section04 .main-calendar .slick-dots li button:before {content: '';position: absolute;top: 5px;left: 5px;right: 5px;bottom: 5px;width: 10px;height: 10px;border: 1px solid #ddd;background-color: #fff;border-radius: 50%;}
  #section04 .main-calendar .slick-dots li.slick-active button:before {background-color: #025e8e;border-color: #025e8e; }
}

@media (min-width:2199px){
  #section04 .content-group > .inner{min-height:55.6250rem;}
  #section04 .main-collection .list .link{height:30rem;}
  #section04 .main-collection .list .link img{max-height:30rem;}
  #section04 .main-notice .board-more{left:131px;width:2.5000rem;height:2.5000rem;}
  #section04 .main-notice .board-more a{width:2.5000rem;height:2.5000rem;}
  #section04 .main-notice .board-more a span{background-size:100%}
  #section04 .main-notice .content-title .new-icon{top:-6px;}
  #section04 .main-notice .list .content-box:last-child{display:block;}
  #section04 .main-notice .list .content-link{padding: 1.6875rem 6.9125rem 1.5625rem 1.8750rem;font-size: 1.375rem;letter-spacing: -0.055rem;}
  #section04 .main-calendar{height:15.3750rem;}
  #section04 .main-calendar .calendar-content .button{top:31px;width:2.275rem;height:2.275rem;}
  #section04 .main-calendar .calendar-content .list-box{padding:1.750rem 2.1875rem}
  #section04 .main-calendar .inner-box .calendar-box{height:8.8125rem;}
  #section04 .main-calendar .inner-box .calendar-week{width:calc(100% - 14.3750rem)}
  #section04 .main-calendar .calendar-more{height: 5.875rem;width:6rem;}
  #section04 .main-calendar .calendar-more span{padding:1.5rem 1.75rem;font-size: 1.3125rem;letter-spacing: -0.02625rem;}
  #section04 .main-calendar .calendar-more span:before{bottom:1rem}
  #section04 .main-calendar .inner-box .calendar-ul .li .calendar-btn em,
  #section04 .main-calendar .inner-box .calendar-ul .li .calendar-btn em i{font-size: 1.3125rem;letter-spacing: -0.02625rem;}
  #section04 .main-calendar .inner-box .calendar-ul .li .calendar-btn em i{display:inline-block;font-style:normal;font-size: 1.3125rem;letter-spacing: -0.02625rem;vertical-align:middle;}
  #section04 .main-calendar .inner-box .calendar-ul .li .calendar-btn span{font-size: 1.3125rem;letter-spacing: -0.02625rem;width:2rem;height:2rem;line-height:2rem}
  #section04 .main-calendar .calendar-content .link strong{font-size: 1.5rem;letter-spacing: -0.06rem;}
  #section04 .main-calendar .calendar-content .link .state{width:6rem;font-size: 1.3125rem;letter-spacing: -0.0525rem;}
  #section04 .main-popup{height:15.3750rem}
  #section04 .main-popup .main-title, #section04 .main-popup .main-title > em{font-size:0;}
  #section04 .main-popup .slick-slide img{max-width:none;width:100%;max-height:15.3750rem}
  #section04 .main-notice .content-title{font-size: 1.3125rem;letter-spacing: -0.02625rem;height: 1.6rem;}
}