@charset "utf-8";/* layout.css는 전체적인 레이아웃 스타일을 정의합니다. */

.fancybox-close {background-color:#242424 !important;}

#skipToContent a { z-index:100000; position:absolute; top:0; left:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden } 
#skipToContent a:focus, 
#skipToContent a:active { width:200px; height:50px; background:#21272e; color:#fff; font-size:14px; font-weight:bold; text-align:center; text-decoration:none; line-height:50px } 

.only-desktop-tablet { display:block; } 
.only-desktop { display:block; } 
.only-tablet { display:none; } 
.only-mobile { display:none; } 

#main #wrapper,
#sub #wrapper{margin-top:var(--header-height);}


/* header */
#header {position:fixed; top:0; left:0; width:100%; z-index:90; background:#fff; box-shadow:rgba(0, 0, 0, 0.16) 0px 1px 4px; transition: all 0.3s;} 
#header .contain {display:flex; align-items:center; justify-content:space-between; position:relative; height:var(--header-height); max-width:1780px !important; transition: all 0.3s;} 
#header .sitelogo a {display:block; width:clamp(100px, calc( 171 / var(--inner) * 100vw ), 171px); height:var(--header-height); text-indent:-999em; background-image:url(../images/common/logo-c.png); background-size:contain; background-repeat:no-repeat; background-position: 0 50%;transition: all 0.3s;} 

#header .contain {position:relative; display:flex; align-items:center; justify-content:space-between; height:var(--header-height); z-index:10;}

#header.active .contain {height:clamp(80px, calc( 100 / var(--inner) * 100vw ), 100px);}
#header.active .sitelogo a {width:clamp(120px, calc( 150 / var(--inner) * 100vw ), 150px); height:clamp(80px, calc( 100 / var(--inner) * 100vw ), 100px) ;}
#header.active #gnb>ul>li>a {height:clamp(80px, calc( 100 / var(--inner) * 100vw ), 100px);}

#gnb {text-align:center; flex:1 1 auto; min-width:0; width:1%;}
#gnb>ul {display:flex; justify-content:flex-end;} 
#gnb>ul>li {position:relative; padding:0 clamp(10px, calc( 14 / var(--inner) * 100vw ), 14px);font-family:var(--fontfamily4);}
#gnb>ul>li>a {position:relative; display:flex; align-items:center; flex-direction: column; justify-content:center; height:var(--header-height); color:#000; font-size:16px; font-weight:700; letter-spacing: .0625rem; line-height:1.3em; text-transform: uppercase;}
#gnb>ul>li>a:hover {color:var(--color-1);}
#gnb>ul>li.active>a {color:var(--color-1);}
#gnb .submenu {display:none; position:absolute; left:50%; width:300px; transform:translateX(-50%); background:var(--color-1);  text-align:center;}

#gnb .submenu>ul>li>a {display:block; padding:clamp(16px, calc( 20 / var(--inner) * 100vw ), 20px) 0; color:#fff; line-height:1.33em;font-family:var(--fontfamily4);}
#gnb .submenu>ul>li>a:hover {background:var(--color-2);}
#gnb .submenu>ul>li.active>a {text-decoration: underline;}

.nav-right {margin-left:15px;}
.nav-right,
.sns-item {display:flex;align-items:center;justify-content:center;}
.sns-list {margin-left:clamp(5px, calc( 10 / var(--inner) * 100vw ), 10px);}
.sns-list:first-child {margin-left:0;}
.sns-list img {width:clamp(30px, calc( 42 / var(--inner) * 100vw ), 42px);}
.ivylog {display:flex;align-items:center;justify-content:center; margin-left:clamp(5px, calc( 10 / var(--inner) * 100vw ), 10px); width:clamp(36px, calc( 55 / var(--inner) * 100vw ), 55px);height:clamp(36px, calc( 55 / var(--inner) * 100vw ), 55px);background:var(--color-1);color:#fff;font-size:clamp(9px, calc( 13 / var(--inner) * 100vw ), 13px);text-align:center;}
 


/* 공통  */
.section {overflow:hidden;}
.flxWrap {display:flex; flex-wrap:wrap;}
.align-items-start {align-items: flex-start !important;}
.sec-pd {padding:100px 0;}
.text-center {text-align:center;}
.main-color {color:var(--color-1) !important;}
.sub-color {color:var(--color-2) !important;}
.sub-color2 {color:#506b9d !important;}
.red {color:#e32020;}
.pt-0 {padding-top:0 !important;} 
.pb-0 {padding-bottom:0 !important;}
.mb-0 {margin-bottom:0 !important;}
.mt-0 {margin-top:0 !important;}
.pt-45 {padding-top:clamp(30px, 1.4063rem + 1.1719vw, 45px);}
.max-wid {max-width:1920px; width:100%; margin:0 auto;}
.sec-titbox {text-align:center; line-height:1.1;}
.sec-titbox .section-tit {font-size:var(--font-size-50-28); font-weight:bold; color:#242424;}
.sec-titbox .section-dec {padding-top:28px; font-size:var(--font-size-18-15); color:#454545; line-height:1.6;}



/* main */
[data-aos=fade-up] { transform: translate3d(0,100px,0); } 
.main-visual { position:relative;  overflow:hidden; color:#fff; } 
.main-visual .item {position:relative; overflow:hidden;}
/*.main-visual .image {position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; transition:5s linear; transform:scale(1.15);}*/
.main-visual .image  {aspect-ratio: 16/9; width: 100%; height: auto;}
.main-visual .image img {width:100%; height:100%; object-fit:cover;}
.main-visual .video-js  { aspect-ratio: 16/9; width: 100%; height: auto;}
.main-visual .video-js video,
.main-visual .video-js iframe {width:100%; height:100%; object-fit:cover;}
.main-visual .text-box {padding:50px;position:absolute; left:0; bottom:0; width:100%; }
.main-visual .text-box .textpd {max-width:600px; width:100%;}
.main-visual .text-box p {transition:1.2s; transform:translate(50px,0); opacity:0; font-family:var(--fontfamily4);  text-shadow:-2px 4px 10px #242424; font-weight:600; line-height:1.1666666667;}
.main-visual .text-box .txt1 {font-size:48px; }
.main-visual .text-box .txt2 {font-size:30px; letter-spacing:-.03em; margin-top:10px;}
/*.main-visual .active .image {transform:scale(1);}*/
.main-visual .active .text-box p {transform:translate(0,0); opacity:1;}
.main-visual .active .text-box .txt1 {transition-delay:.5s;}
.main-visual .active .text-box .txt2 {transition-delay:.7s;}
.main-visual .slick-dots {position:absolute; bottom:clamp(10px, calc( 40 / var(--inner) * 100vw ), 40px); left:0; width:100%; text-align:center; line-height:0; z-index:50;}
.main-visual .slick-dots li {display:inline-block; margin:0 10px;}
.main-visual .slick-dots li button {position:relative; display:block; width:12px; height:12px; background:transparent; border:1px solid #fff; border-radius:100%; overflow:hidden; text-indent:-9999em; transition:.2s;}
.main-visual .slick-dots .slick-active button {background:#fff;}
.main-visual .slick-arrow {position:absolute; top:50%; width:81px; height:20px; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; border:0; overflow:hidden; text-indent:-9999em; z-index:50;}
.main-visual .slick-prev {left:0; background-image:url("../images/main/slide_prev.png");}
.main-visual .slick-next {right:0; background-image:url("../images/main/slide_next.png");}


/* 공통 */
.common-sec .flxWrap {align-items:center;}
.common-sec .titlebx {position:relative; font-size:46px; font-weight:600; font-family:var(--fontfamily1); line-height:1.05; color:#fff;}
.common-sec .titlebx.type2 {flex:1 0 440px; max-width:440px; padding-right:20px;}
.common-sec .titlebx::after {position:absolute; content:''; right:0; top:50%;transform:translatey(-50%); width:8px; height:120px; background:#fff;}
.common-sec .smalltit {display:inline-block;font-size:clamp(16px, calc( 20 / var(--inner) * 100vw ), 20px);line-height:1.5;}
.common-sec .frombox {flex:1 0 auto;width:1%;padding-left:60px; display:flex;align-items:center;flex-wrap:wrap;justify-content: space-between;}  
.common-sec .frombox .text {font-size:24px; font-style:italic; font-family:var(--fontfamily1); color:#fff;}
.common-sec2 .flxWrap {justify-content:space-between;}
.common-sec2 .title {font-family:var(--fontfamily1); font-weight:600; color:#242424; font-size:var(--font-size-50-24); line-height:1;}

/*.section-flex {display:flex; flex-wrap:wrap;}*/
/*.secflex1 {flex:1 0 720px; max-width:720px; margin-right:clamp(20px, -0.9375rem + 5.4688vw,90px);}*/
/*.secflex2 {flex:1 0 auto; width:1%;}*/


.sec1 {padding:95px 0 45px; position:relative; background:var(--color-1);}
.sec1 .quick-title {position:absolute; top:0; left:50%; transform: translateX(-50%); background:var(--color-2); border-bottom-right-radius:95px; border-bottom-left-radius:95px;}
.sec1 .quick-title .tit {display:inline-block; padding:9px clamp(20px, -0.0357rem + 2.0089vw, 38px); font-size:var(--font-size-24-18); color:#fff; width:clamp(240px, 13.125rem + 4.6875vw, 300px); text-align:center;}
.sec1 .quick-item {display:flex; flex-wrap:wrap;} 
.sec1 .quick-list {flex:1 0 16.66%; max-width:16.66%; position:relative; text-align:center;}
.sec1 .quick-list::after {position:absolute; content:''; right:0; top:0; width:1px; height:80px; background:#6fb7bc;}
.sec1 .quick-list:last-child::after {display:none;}
.sec1 .quick-list .link {display:block;padding:10px;}
.sec1 .quick-list:hover .link {margin-top:-10px;}
.sec1 .quick-list:hover .name {font-size:var(--font-size-19);}
.sec1 .quick-list .icn {display:flex; align-items:center; justify-content:center; height:48px;}
.sec1 .quick-list .name {padding-top:clamp(10px, 0.2679rem + 0.558vw, 15px); font-size:var(--font-size-17); color:#fff; font-weight:500; height:42px;text-transform: uppercase;}


/*.sec2 .flxWrap {justify-content:space-between;}*/
.sec2 {background:#f1f4f8;overflow:visible;}
.sec2 .titlebx {flex:1 0 440px; max-width:440px; color:var(--color-1);}
.sec2 .titlebx::after {background:var(--color-1);}
.sec2 .frombox .text {color:#686868;flex:1 0 auto;width:1%;}
.sec2 .btn-news {display:flex; align-items:center;justify-content:center; margin-top:clamp(15px, calc( 30 / var(--inner) * 100vw ), 30px); width:220px; height:66px; font-family:var(--fontfamily4); background:var(--color-1); color:#fff; text-align:center; letter-spacing: .09375rem;}
.sec2 .btn-news:hover {background:var(--color-2);}



.sec3 {background:#f1f4f8;}
.sec3 .flxWrap {padding-bottom:clamp(20px, -0.0357rem + 2.0089vw, 38px);}
.swiperWrap .small {font-weight:600;}
.swiperWrap .text {display:-webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2; }
.mySwiper2 {margin-bottom:clamp(10px, -0.8036rem + 2.2321vw, 30px);}
.swiperWrap .img {position:relative; overflow:hidden;}
.swiperWrap .img img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; height:auto; max-width:100%; min-height:100%;}
.mySwiper2 .img {padding-bottom:66.66%; }
.mySwiper .img {padding-bottom:67.41%; }
.mySwiper2 .inner {display:block; position:relative;}
.mySwiper2 .textbox {position:absolute; left:39px; bottom:40px; color:#fff; max-width:730px; width:100%;}
.mySwiper2 .text {margin-top:3px; font-size:clamp(16px, calc( 34 / var(--inner) * 100vw ), 34px); font-weight:bold; line-height:1.15;}
.mySwiper2 .btn-dot {margin-top:clamp(16px, 0rem + 1.5625vw, 30px);}
.mySwiper .textbox {margin-top:clamp(10px, -0.0893rem + 1.1161vw, 20px);}
.mySwiper .small {color:var(--color-1);}
.mySwiper .text {margin-top:5px; font-weight:500; font-size:var(--font-size-20-16);}
.mySwiper .btn-dot {margin-top:clamp(20px, 0.5938rem + 1.6406vw, 41px);}
.btn-dot {display:inline-block; background:#fff url(../images/main/dot-off.png) no-repeat center center; width:25px; height:25px; border-radius:50%; border:1px solid #707070;} 
.textbox:hover .btn-dot {background:var(--color-1) url(../images/main/dot-on.png) no-repeat center center; border:1px solid var(--color-1);}
.sec3 .sub-swipe {position:relative;}
.sec3 .btn-arrow {top:30%; width:clamp(30px, 0.625rem + 3.125vw, 70px); height:clamp(30px, 0.625rem + 3.125vw, 70px); border-radius:50%; background:#fff; border:1px solid #ddd;z-index: 100;}
.sec3 .btn-arrow.swiper-button-disabled {pointer-events: visible !important;}
.sec3 .btn-arrow::after {font-size: clamp(14px, calc( 20 / var(--inner) * 100vw ), 20px); color:#686868;}
.sec3 .btn-arrow:hover {background:var(--color-1); border:1px solid var(--color-1);}
.sec3 .btn-arrow:hover::after {color:#fff;}
.sec3 .swiper-button-next {right:-35px;}
.sec3 .swiper-button-prev {left:-35px;}

.sec3tabwrap .tab-slider {display:flex;flex-wrap:wrap; position: relative;}
.sec3tabwrap .tab {padding-right:30px;  position: sticky; top:0;width: 320px;}
.sec3tabwrap .tablist {padding-left:20px;border-bottom:1px solid #ddd;}
.sec3tabwrap .tablist .link {display:block;padding-left:34px; padding-top:20px; padding-bottom:20px; font-size:18px;font-weight:600;color:#686868;  background-size:24px auto;  background-repeat: no-repeat; background-position:left center;}
.sec3tabwrap .tablist:first-child .link {background-image:url('../images/main/sec3-tab1.png') ;}
.sec3tabwrap .tablist:last-child .link {background-image:url('../images/main/sec3-tab2.png') ;}
.sec3tabwrap .tablist.active {background:#fff;border-right:4px solid var(--color-1);border-bottom:4px solid var(--color-1);}
.sec3tabwrap .tablist.active .link {color:#242424;}
.sec3tabwrap .tablist.active:first-child .link {background-image:url('../images/main/sec3-tab1on.png') ;}
.sec3tabwrap .tablist.active:last-child .link {background-image:url('../images/main/sec3-tab2on.png');}
.sec3tabwrap .slidefix {width: calc(100% - 320px);}
.sec3 .selectbx {display:none;}
.idx2item {display:flex;flex-wrap:wrap;margin:-30px -15px;}
.idx2list {flex:1 0 33.33%;max-width:33.33%; padding:30px 15px;}
.idx2list .images {position:relative; padding-bottom:66.66%; overflow:hidden;}
.idx2list .images img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; height:auto; max-width:100%; min-height:100%;object-fit : cover;}



.tab-slider .tab {
    position: sticky;
    top: 0; /* 상단에 고정 */
    z-index: 100; /* 다른 요소 위에 표시 */

  }


.sec4 {background:var(--color-2);}

.sec5 .sec5-item {display:flex; flex-wrap:wrap; }
.sec5 .sec5-list {flex:1 0 33.33%; max-width:33.33%; padding:0 60px; border-right:1px solid #ddd;}
.sec5 .sec5-list:last-child {border-right:0;}
.sec5 .inner {display:flex; flex-direction:column; justify-content:space-between; height:100%;}
.sec5 .icnbx {text-align:center;}
.sec5 .icn {height:73px;}
.sec5 .name {display:inline-block; padding-top:11px; font-size:var(--font-size-20-16); font-weight:bold; color:#242424;}
.sec5 .imgbx {margin-top:clamp(15px, 0.5938rem + 0.8594vw, 26px);}
.sec5 .images {position:relative; padding-bottom:64.28%; overflow:hidden;}
.sec5 .images img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; height:auto; max-width:100%; min-height:100%;}
.sec5 .textbx {margin-top:clamp(12px, 0.4063rem + 0.8594vw, 23px);}
.sec5 .title {display:-webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2; font-size:24px; font-weight:500; color:#242424;}
.sec5 .dec {margin-top:clamp(6px, 0.1563rem + 0.5469vw, 13px); font-size:18px; color:#686868; line-height:1.7; font-family: var(--fontfamily1);}
.sec5 .arrowbx {display:flex; align-items:center;padding-top:15px;}
.sec5 .arrowbx .tit {display:inline-block; padding-right:20px; font-size:var(--font-size-18-15); font-weight:600; color:var(--color-3);}
.sec5 .arrowbx .arrow {display:flex; align-items:center; justify-content:center; width:25px; height:25px; border-radius:50%; border:1px solid var(--color-3);}
.sec5 .arrowbx svg {width:13px; height:13px; color:var(--color-3);}
.sec5 .inner:hover .arrowbx .arrow {background:var(--color-3);}
.sec5 .inner:hover .arrowbx svg {color:#fff;}

.sec6 {position:relative; background-repeat:no-repeat; background-size:cover;}
.bg-fade-layer {  position: absolute; inset: 0; background-size: cover; z-index: 0;  opacity: 0; transition: opacity 0.5s ease-in-out; pointer-events: none;}
.sec6.active { background-image: var(--hover-bg);}
.sec6 .contain {max-width:1660px;padding-right:0;margin-right:0;}
.sec6 .flxWrap {align-items:center;}
.sec6 .textbx {flex:1 0 50%; max-width:50%;padding-right:10px; padding-left:calc((100% - 1350px)/2 + 1.04166667%); font-family:var(--fontfamily1); color:#fff;}
.sec6 .textbx .title {font-size:48px; line-height:1.1666666667; font-weight:700;}
.sec6 .textbx .dec {padding-top:24px; font-size:24px; font-style:italic; line-height:1.5;}
.sec6 .acadlinkbx {flex:1 0 auto; width: 1%;padding-left:clamp(15px, calc( 30 / var(--inner) * 100vw ), 30px);padding-right:clamp(15px, calc( 30 / var(--inner) * 100vw ), 30px);background:rgba(0,0,0,0.5);padding-top:12%;padding-bottom:12%; position:relative;z-index:50;}
.sec6 .acad-item {display:flex; flex-wrap:wrap;}
.sec6 .acad-list { flex:1 0 50%; max-width:50%; border-top:1px solid #999a9a; color:#fff; }
.sec6 .acad-list:nth-child(1),
.sec6 .acad-list:nth-child(2){border-top:0;}
.sec6 .acad-list:nth-child(odd) {border-right:1px solid #999a9a;}
.sec6 .acad-list .link {display:flex; align-items:center; padding:50px;width:100%;height:100%;font-size:24px;line-height:1.3333;}
.sec6 .acad-list .link .txt {display:inline-block;margin-right:2px;}
.sec6 .acad-list .link img {margin-left:10px;opacity:0;transition: opacity 0.3s ease;}
.sec6 .acad-list:hover {background:rgba(37, 52, 118, 0.6); border-color:#4d547c;}
.sec6 .acad-list:hover .link img {opacity:1;}
.sec6 .secretitem {max-width:1780px;width:40%;padding-left:var(--container-space); padding-right:var(--container-space);color:#fff;}
/*.sec6 .secretlist {position:fixed;left: clamp(1px, calc( 70 / var(--inner) * 100vw ), 70px); bottom:100px; font-size:20px; font-family:var(--fontfamily4); font-weight:500;line-height:1.5;opacity:0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease;}*/
.sec6 .secretlist {position:absolute;left: clamp(1px, calc( 70 / var(--inner) * 100vw ), 70px); top:50%; transform: translateY(-50%); font-size:20px; width:45%; font-family:var(--fontfamily4); font-weight:500;line-height:1.5;opacity:0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease;}
.sec6 .intxtbx { opacity: 1;  transition: opacity 0.3s ease;}
.sec6.hover-active .intxtbx { opacity: 0;}
.sec6.hover-active .secretlist.active {  opacity: 1;visibility: visible;}

.sec7 {background:var(--color-5);}

.sec8 .contain {overflow:hidden;}
.swipe_items {display:flex; margin-right:-45px;}
.swipe_item {flex:1 0 33.33%; max-width:33.33%; padding-right:45px;}
.swipe_item .inner {position:relative; }
.swipe_item .background {position:relative; padding-bottom:160.91%; overflow:hidden;}
.swipe_item .background .images {background-size:cover;}
.swipe_item .background .images,
.swipe_item .background video ,
.swipe_item .background iframe {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; height:auto; max-width:100%; min-height:100%; background-repeat:no-repeat; object-fit:cover;}
.swipe_item .background video ,
.swipe_item .background iframe {opacity:0;}
.swipe_item .person_text {padding:clamp(10px, 0.4375rem + 0.4688vw, 16px) clamp(5px, 0.1563rem + 0.3906vw, 10px); position:absolute; bottom:0; width:100%; background:rgba(237, 98, 101, 0.6); color:#fff; text-align:center; display:block;z-index:10;}
/*.swipe_item .person_text .tit {display:none;}*/
/*.swipe_item .person_text .name {display:none;}*/
.swipe_item .tit {font-size:var(--font-size-26-16); font-weight:bold;}
.swipe_item .name {display:inline-block; padding-top:8px; font-size:var(--font-size-18-15); font-weight:500;}
.swipe_item .bg-box {display:flex; align-items:center; justify-content:center; position:absolute; bottom:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.6);}
.swipe_item .box {text-align:center; color:#fff;}
.swipe_item .bg-box button {display:block; margin:0 auto; padding-top:clamp(10px, 0rem + 1.5625vw, 30px); border:0; background:transparent; }

.swipe_item.active .images {opacity:0;}
.swipe_item.active video,
.swipe_item.active iframe {opacity:1;}
.swipe_item.active .bg-box {display:none;}
.swipe_item.active .person_text {display:none;}
.swipe_item.active .person_text .tit {display:block;}
.swipe_item.active .person_text .name {display:block;}

.sec8 .swiper-slide-active .images {opacity:0;}
.sec8 .swiper-slide-active video {opacity:1;}
.sec8 .swiper-slide-active .bg-box {display:none;}
.sec8 .swiper-slide-active .person_text {display:block;}
.sec8 .swiper-slide-active .person_text .tit {display:block;}
.sec8 .swiper-slide-active .person_text .name {display:block;}

.sec8 .swiper { overflow: visible;  /* 중요: overflow를 visible로 설정 */}
.sec8 .swiper-slide { transform-origin: center;  /* 변환 기준점을 센터로 */}


.sec9 {background:#f8f8f8;}
.sec9 .flxWrap {padding-bottom:clamp(15px, 0.1875rem + 1.875vw, 39px);}
.sec9 .swiper-slide .inner {display:flex; padding:clamp(20px, 0.3125rem + 2.3438vw,50px); background:#fff; position:relative;}
.sec9 .swiper-slide .images {flex:1 0 180px; max-width:180px;}
.sec9 .swiper-slide .img9 {position:relative; padding-bottom:122.22%; overflow:hidden;}
.sec9 .swiper-slide .img9 img {position:absolute; top:50%; left:0; transform:translateY(-50%); height: 100%; object-fit: cover;  max-width:100%; min-height:100%;}
.sec9 .swiper-slide .textbx {flex:1 0 auto; width:1%; padding-left:40px;}
.sec9 .swiper-slide .small {color:var(--color-1); line-height:1; font-size:clamp(13px, calc( 16 / var(--inner) * 100vw ), 16px);}
.sec9 .swiper-slide .name {padding-top:3px; font-size:clamp(16px, calc( 32 / var(--inner) * 100vw ), 32px); font-weight:bold; color:#242424;}
.sec9 .swiper-slide .text {display:-webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp:4; font-size:var(--font-size-17); color:#686868;}
.sec9 .swiper-pagination {margin:0 -7px; width:auto; top:initial; bottom:44px; left:267px;}
.sec9 .swiper-pagination-bullet {margin:0 7px !important; width:10px; height:10px; background:#fff; border:1px solid var(--color-6); opacity:1; z-index:10;}
.sec9 .swiper-pagination-bullet-active {background:var(--color-6);}
.control_bx {padding:14px; position:relative; background:var(--color-6); color:#fff;}
.control_bx .year {display:block; text-align:center; font-size:20px; font-weight:600;}
.control_bx .btn {position:absolute; top:50%; transform: translateY(-50%);}
.control_bx .btn.btn_next {right:20px;}
.control_bx .btn.btn_prev {left:20px;}
.calendar_wrap_b .schedule_type_b {table-layout:fixed; border-collapse:collapse; width:100%; background:#fff;}
.calendar_wrap_b .schedule_type_b tr th {border-bottom:1px solid #ddd }
.calendar_wrap_b .schedule_type_b thead tr th {padding:15px 10px;color: #242424; font-size:18px; font-weight:500; text-align: center; }
.calendar_wrap_b .schedule_type_b tbody tr td {padding:12px 5px; text-align: center;  color: #454545;}
.calendar_wrap_b .schedule_type_b tbody tr td a {width:32px;  height:32px; line-height:32px; text-align:center;}
.calendar_wrap_b .schedule_type_b tbody tr td.select a {display:inline-block; color: #fff; background-color:var(--color-6); border-radius: 50%;}
.calendar_wrap_b .schedule_type_b tbody tr td.check a {display:inline-block; color: #fff; background-color:rgba(204,0,0,0.5); border-radius: 50%;}
.calendar_wrap_b .schedule_type_b .sun {color: #c00;}

.sec10 .tab-item {display:flex; border:1px solid #ddd;}
.sec10 .tab-list {flex:1; max-width:inherit;}
.sec10 .tab-list .link {display:flex; align-items:center; justify-content:center; padding:16px 10px; width:100%; background:#f8f8f8; font-size:16px; line-height:1.1; font-weight:bold; color:#242424; border-right:1px solid #ddd;}
.sec10 .tab-list:last-child .link {border-right:0;}
.sec10 .tab-list.active .link {background:var(--color-6); color:#fff; border-color:var(--color-6);}
.sec10 .tab-list.active::after {display:none;}
.sec10 .content {padding:37px 40px; border:1px solid #ddd; border-top:0;}
.sec10 .content-list {display:flex; justify-content:space-between; margin-top:36px; padding-left:17px; position:relative;}
.sec10 .content-list:first-child {margin-top:0;}
.sec10 .content-list::after {position:absolute; content:''; left:0; top:8px; width:5px; height:5px; background:#bdbfc0;}
.sec10 .content-list .link {display:inline-block; width:80%; font-size:17px; color:#454545; display:-webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp:1;}
.sec10 .content-list .date {flex:1 0 56px; max-width:56px; font-size:15px; color:#b5b5b5;}

.sec10 .link-item {display:flex; flex-wrap:wrap;}
.sec10 .link-list {flex:1 0 25%; max-width:25%; margin-top:-1px; margin-left:-1px; padding:12px; border:1px solid #ddd; text-align:center; background:#fff;}
.sec10 .link-list.bg2 {background:#f8f8f8;}
.sec10 .link-list .icn {display:flex; align-items:flex-end; justify-content:center; height:48px;}
.sec10 .link-list .name {display:inline-block; padding-top:16px; font-weight:500; }
.sec10 .buttonbx {margin-top:30px; text-align: center;}
.sec10 input {height:38px;}
.sec10 .board-form table th,
.sec10 .board-form table td {padding:8px 12px;}
.sec10 .captcha-wrap {height:38px;}


/* sub page */
.contain { max-width:1460px; margin:0 auto; padding-left:var(--container-space); padding-right:var(--container-space);} 
#contArea { max-width:1460px; padding-left:var(--container-space); padding-right:var(--container-space); margin:0 auto;} 
#contArea.wide { max-width:100% !important; padding-left:0; padding-right:0;} 
#sub #contArea {max-width:1460px; margin:0 auto; padding-left:var(--container-space); padding-right:var(--container-space);}
.sub-title {max-width:1460px; width:100%; padding-left:var(--container-space); padding-right:var(--container-space); margin:0 auto; margin-top:clamp(50px, 2.6563rem + 1.1719vw, 65px);; text-align:center;}
.sub-title h1 { font-size:50px; line-height:var(--line-height-sm); color:#242424; font-weight:600; line-height:1.2; font-family:var(--fontfamily1);} 
.sub-title.type2 {margin-top:0;}

.sub-box { display:flex; align-items:center; justify-content:center; width:300px; height:300px; border-radius:var(--border-radius-30); background-color:var(--color-warning); font-size:var(--font-size-20); color:var(--color-white); text-align:center; } 

.real-cont {padding:clamp(50px, 1.5625rem + 3.9063vw, 100px) 0; position:relative;} 

.sub-visual { position:relative;  height:860px; z-index:10; overflow:hidden; } 
.sub-visual .background {position:absolute;top:0;left:0;width:100%; height:100%;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;transform:scale(1.09); -ms-transform:scale(1.09); /* IE 9 */
 -moz-transform:scale(1.09); /* Firefox */
 -webkit-transform:scale(1.09); /* Safari and Chrome */
 -o-transform:scale(1.09); /* Opera */
transition: all 2s ease-out 0s;transition-delay: 0.1s;z-index:0; } 
.sub-visual.load .background {transform:scale(1); -ms-transform:scale(1); /* IE 9 */
 -moz-transform:scale(1); /* Firefox */
 -webkit-transform:scale(1); /* Safari and Chrome */
 -o-transform:scale(1); /* Opera */}
.sub-visual .tt-wrap {padding-right:var(--container-space); padding-left:var(--container-space); max-width:1460px; width: 100%; position: absolute; left:50%; transform: translateX(-50%); bottom:80px; z-index: 1; color: #fff; font-family:var(--fontfamily1); text-shadow:-1px 2px 5px #242424;} 
.sub-visual .tt-wrap .tit {font-size: 80px; line-height: 1.2; font-weight: 600;  text-shadow:-2px 2px 6px #242424;}
.sub-visual .tt-wrap .sub-tit {padding-top:10px; font-size:24px; font-weight: 500; line-height:1.3; letter-spacing:-0.5px;text-shadow:none;}
.sub-visual.type2 {height:330px;}
.sub-visual.type2 .tt-wrap {bottom:25px;}
.sub-visual.type2 .tt-wrap .tit {font-size:var( --font-size-100-40);}


.lnb-contain {position:relative; margin-top:-20px; z-index:10;}
.path-wrap {display:inline-block; padding:0 25px; border-radius:20px; border:1px solid #ddd; background:#fff;}
.path-wrap .inner {display:flex;}
.path-wrap .home {display:flex; align-items:center; background:url("../images/common/arrow.png")  no-repeat right 50%;}
.path-wrap .home a {display:flex; align-items:center; padding-left:20px; font-size:var(--font-size-15); color:var(--color-1); width:83px; background:url("../images/common/home.png") left top 3px no-repeat; background-size:initial; }
.path-wrap .part {display:flex; align-items:center; position:relative; font-size:var(--font-size-15); color:var(--color-1); line-height:1.3em; padding:0 15px; cursor:default; z-index:50; height:38px;}
.path-wrap .part.second { padding-right:0; padding-left:23px;}
.path-wrap .part.second::after {position:absolute; content: ''; left:-2px; top:50%; transform: translateY(-50%); width:7px; height:12px; background:url("../images/common/arrow.png") 50% 50% no-repeat;}


.lnb ul {display:none; justify-content:center; margin:0 auto; max-width:1200px; width:100%;}
.lnb ul li {width:auto; flex:1; text-align:center;}
.lnb ul li.active {background:var(--color-1);}
.lnb ul li.active a {color:#fff;}
.lnb ul li a {display:flex; align-items:center; justify-content:center; padding:0 20px; height:var(--nav-height); line-height:1.2em; font-size:var(--font-size-18-15); color:#242424;}


/* footer */
#footer { background-color:#020a2d;} 
#footer .contain {max-width:1060px !important;text-align:center;}
#footer .foot-top {padding:clamp(40px, calc( 60 / var(--inner) * 100vw ), 60px) 0 clamp(30px, calc( 40 / var(--inner) * 100vw ), 40px); border-bottom:1px solid rgba(255,255,255,0.3);}
#footer .foot-logo {margin-bottom:clamp(30px, calc( 40 / var(--inner) * 100vw ), 40px);}
#footer .foot-logo img {width:clamp(160px, calc( 316 / var(--inner) * 100vw ), 316px);}
#footer .infoitem {display:flex;justify-content:center;flex-wrap:wrap;margin-bottom:clamp(30px, calc( 40 / var(--inner) * 100vw ), 40px);}
#footer .infolist {margin-right:clamp(10px, calc( 40 / var(--inner) * 100vw ), 40px);padding-left:clamp(22px, calc( 28 / var(--inner) * 100vw ), 28px);position:relative;font-size:clamp(16px, calc( 20 / var(--inner) * 100vw ), 20px);font-weight:500;color:#fff;}
#footer .infolist:last-child {margin-right:0;}
#footer .infolist:after {position:absolute;content:'';left:0;top:clamp(3px, calc( 5 / var(--inner) * 100vw ), 5px);width:clamp(12px, calc( 16 / var(--inner) * 100vw ), 16px);height:clamp(16px, calc( 20 / var(--inner) * 100vw ), 20px);}
#footer .infolist.bg1:after {background:url(../images/common/foot-icn1.png) no-repeat 50% 50% /contain;}
#footer .infolist.bg2:after {background:url(../images/common/foot-icn2.png) no-repeat 50% 50% /contain;}
#footer .linkitem {display:flex;justify-content:center;flex-wrap:wrap;}
#footer .linklist {margin-right:clamp(10px, calc( 34 / var(--inner) * 100vw ), 34px);}
#footer .linklist:last-child {margin-right:0;}
#footer .linklist .link {display:flex; align-items:center;color:rgba(255,255,255,0.4);font-family:var(--fontfamily1);font-size:clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px);}
#footer .linklist .link .txt {display:inline-block;margin-right:10px;}
#footer .linklist .linkicn img {position:absolute;left:0; vertical-align: middle;top: 50%;transform: translateY(-50%);}
#footer .linklist .linkicn {position:relative;width:clamp(12px, calc( 16 / var(--inner) * 100vw ), 16px);height:clamp(12px, calc( 16 / var(--inner) * 100vw ), 16px);}
#footer .linklist .link .icn1 {opacity:0;}
#footer .linklist:hover .link {color:#fff;}
#footer .linklist:hover .link .icn1 {opacity:1;}
#footer .linklist:hover .link .icn2 {opacity:0;}
#footer .foot-bottom {padding:clamp(30px, calc( 40 / var(--inner) * 100vw ), 40px) 0;}



/* 탑/비디오 */
.quick-box {position:fixed; right:70px; bottom:100px; z-index:50;}
.quick-box .inner {display:flex; flex-direction:column; align-items:center;}
.quick-box .video-box {display:none; flex-direction:column; align-items:center; justify-content: center; padding-top:4px; width:120px; height:110px; border-radius:10px; background:var(--color-3);}
.video-box .tit {display:block; margin-top:6px; color:#fff; line-height:1.2; text-align:center; height:40px; letter-spacing:normal;}
.quick-box .video-box:hover .tit {font-size:18px;}
.btn-top {display:flex; align-items:flex-end; justify-content:center; margin-top:clamp(10px, 0.3125rem + 0.7813vw, 20px); padding-bottom:7px; width:45px; height:45px; border-radius:50%; background:#aaa url(../images/sub/top.png) no-repeat top 11px center; font-size:13px; font-weight:500; color:#fff;}

/* for mobile */
.only-mobile { display:none; } 
.btn-m-menu {display:none; position:relative; margin-left: clamp(5px, calc( 10 / var(--inner) * 100vw ), 10px); top:0; right:0; width:clamp(36px, 0.8214rem + 2.2321vw, 56px); height:clamp(36px, 0.8214rem + 2.2321vw, 56px); text-align:center; text-indent:-9999em; z-index:99; transition:all 0.5s ease-in-out; background:url(../images/main/btn-m.jpg) no-repeat; background-size:contain;} 
.mobile-navigation { position:fixed; top:0; right:0; padding:20px 15px calc(20px + 1.04166667%); width:400px; height:100%; overflow:auto; transition:.3s ease-in-out; -ms-transform:translateX(100%); transform:translateX(100%); background:#fff; z-index:202; } 
.mobile-navigation .home {padding-left:15px; width:189px;}
.mobile-navigation .sitelogo {display:block; margin-bottom:20px; padding-left:15px; } 
.mobile-navigation .sitelogo img { height:23px; } 
.mobile-navigation .nav-menu>ul {margin-top:5px;}
.mobile-navigation .nav-menu>ul { margin-top:30px; } 
.mobile-navigation .nav-menu>ul>li { border-bottom:1px solid #dfdfdf; } 
.mobile-navigation .nav-menu>ul>li>a { position:relative; padding:23px 15px 10px; display:block; color:#000; font-size: 1.5rem;font-weight:700; line-height:1.3em; font-family:var(--fontfamily5);} 
.mobile-navigation .nav-menu>ul>li a:after { content:""; position:absolute; top:50%; right:15px; transform:translateY(-75%) rotate(45deg); width:10px; height:10px; border-right:2px solid #2c2c2c; border-bottom:2px solid #2c2c2c; } 
.mobile-navigation .nav-menu>ul>li.active>a { color:#305e92 } 
.mobile-navigation .nav-menu>ul>li.active>a:after { transform:translateY(-35%) rotate(-135deg); border-color:#305e92; } 
.mobile-navigation .nav-menu .submenu { display:none; margin:-1px 0 0 0; padding:0 15px 15px; } 
.mobile-navigation .nav-menu .submenu>ul:after { content:""; display:block; clear:both; } 
.mobile-navigation .nav-menu .submenu>ul>li {border-bottom: 1px solid #f0f2f3;}
.mobile-navigation .nav-menu .submenu>ul>li>a { display:block; position:relative; padding:11px 18px; color:#000; font-size:0.875rem; font-weight:400; line-height:1.3em; } 
.mobile-navigation .nav-menu .submenu>ul>li>a:after { display:none; content:""; position:absolute; top:14px; left:5px; width:4px; height:4px; background:#dfdfdf; border-radius:50%; transition:.3s ease-in-out; } 
.mobile-navigation .nav-menu .submenu>ul>li>a:hover { color:#305e92 } 
/*.mobile-navigation .nav-menu .submenu>ul>li>a:hover:after { background:#305e92 } */
.mobile-navigation .close { position:absolute; top:20px; right:15px; width:24px; height:24px; text-indent:-9999em; overflow:hidden; } 
.mobile-navigation .close:before,
.mobile-navigation .close:after { content:" "; position:absolute; top:12px; left:0; width:100%; height:2px; background:#2c2c2c; } 
.mobile-navigation .close:before { transform:rotate(45deg); } 
.mobile-navigation .close:after { transform:rotate(-45deg); } 

.mobile-overlay { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.6; z-index:201; } 

html.menu-opened { overflow:hidden; } 
html.menu-opened .mobile-navigation { -ms-transform:translateX(0); transform:translateX(0); } 
html.menu-opened .mobile-overlay { display:block; }