/* 공통 */
:root{
    --main-color : #10538a;
}
.inner {max-width: 1400px; margin: 0 auto; position: relative;}
.bold {font-weight: 800;}
.img {position: relative; overflow: hidden; padding-top: 60%; width: 100%;}
.img img {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; transition: 0.3s;}
.main-color {color: var(--main-color);}
.mobile {display: none;}
.none_list {font-size: 14px; color: #999; text-align: center; padding: 28% 0;}
.mainData .cont_inner li.none_list {width: 100%; padding: 18% 0;}


/* 헤드 */
.header_bg {background: #fff; position: fixed; top: 0; left: 0; width: 100%; height: 0px; z-index: 99998; transition: 0.3s; box-shadow: 0px 0px 20px rgba(0,0,0,0.12);}
.header_bg.on {height: 332px;}
.header {background: #fff; width: 100%; height: 100px; position: fixed; top: 0; left: 0; z-index: 99999; border-bottom: 1px solid #d1d1d1;}
.hd_wrap {position: relative; height: 100%;}
.logo {position: absolute; top: 50%; left: 80px; transform: translateY(-50%); width: 243px;}
.logo img {width: 100%;}
.nav {display: flex; text-align: center; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 940px;}
.gnb1 {position: relative;}
.gnb1:first-child .gnb2 {border-left: 1px solid #eee;}
.gnb1 > a {font-size: 20px; padding: 0 40px; line-height: 100px; position: relative;}
.gnb1 > a::after {content: ""; width: 100%; height: 3px; background: var(--main-color); position: absolute; bottom: 0; left: 0; opacity: 0;}
.gnb2 {position: absolute; top: 100px; left: 0; padding: 25px 0; width: 100%; height: 232px; border-right: 1px solid #eee; opacity: 0; visibility: hidden;}
.gnb2 a {font-size: 15px; line-height: 1.3; display: block; opacity: 0.7; padding: 13px 0;}
.menu_btn {background: url(/img/main/menu.svg) no-repeat center center / cover; width: 33px; height: 33px; position: absolute; top: 50%; right: 80px; transform: translateY(-50%);}

.nav:hover .gnb2 {opacity: 1; visibility: visible; transition: 0.5s; transition-delay: 0.15s;}
.gnb1:hover .gnb2 {background: #f7f7f7;}
.gnb2 a:hover {opacity: 1; color: #000; text-decoration: underline;}
.gnb1:hover > a {color: var(--main-color);}
.gnb1:hover a::after {opacity: 1;}

/* 모바일 메뉴 */
.mobile_menu {background: #fff; width: 100%; height: 100%; position: fixed; top: 0; right: -100%; bottom: 0; z-index: 99999; transition: 0.5s;}
.mobile_menu.on {right: 0;}
.close_btn {background: url(/img/main/close.svg) no-repeat center center / 35% var(--main-color); width: 100px; height: 100px; position: absolute; top: 0; right: 0;}
.m_menu_inner {display: flex; align-items: center;}
.m_menu_img {background: url(/img/main/m_menu_bg.jpg) no-repeat center center / cover; color: #fff; width: 32%; height: 100vh; display: flex; align-items: center; justify-content: center; text-align: center; text-shadow: 0px 2px 7px rgba(0,0,0,0.6)}
.m_menu_img h1 {font-size: 47px; font-weight: 800;}
.m_menu_img p {font-size: 22px; margin: 20px 0 0 0;}
.m_menu {padding: 0 100px; width: 68%;}
.m_gnb1 {border-bottom: 1px solid #eee; display: flex; align-items: center;}
.m_gnb1 > a {font-size: 24px; font-weight: 800; padding: 35px; width: 240px;}
.m_gnb2 li {display: inline-block; padding: 0 40px;}
.m_gnb2 a {font-size: 17px;}

.m_gnb1:hover {border-bottom: 1px solid var(--main-color); background: #f7f7f7;}
.m_gnb2 a:hover {color: var(--main-color); font-weight: 700}

/* 메인뷰 */
.mianView {width: 100%;; height: 100dvh; position: relative;}
.mv_tit {color: #fff; position: absolute; left: 0; bottom: 150px; z-index: 2; width: 100%; text-shadow: 0px 0px 15px rgba(0,0,0,0.6);}
.mv_tit h1 {font-size: 70px; font-weight: 700;}
.mv_tit p {font-size: 33px; margin: 25px 0 0 0;}

.swiperView {width: 100%; height: 100%;}
.mv {width: 100%; height: 100%; transform: scale(1.1); transition: 5s;}
.mv_01 {background: url(/img/main/mv_01.jpg) no-repeat center center / cover;}
.mv_02 {background: url(/img/main/mv_02.jpg) no-repeat center center / cover;}
.mv_03 {background: url(/img/main/mv_03.jpg) no-repeat center center / cover;}

.swiper-slide-active .mv {transform: scale(1);}
.mianView .swiper-button-wrap {position: relative; margin-top: -70px; display: flex; align-items: center; justify-content: end;}
.swiper-button-next:after, .swiper-button-prev:after {display: none;}
.mianView .swiper-button-next, .mianView .swiper-button-prev {width: 70px; height: 70px; margin-top: 0; position: initial;}
.mianView .swiper-button-next {background: url(/img/main/mv-next.svg) no-repeat center center / 45% #fff;}
.mianView .swiper-button-prev {background: url(/img/main/mv-prev.svg) no-repeat center center / 45% var(--main-color);}
.swiper-pagination-fraction {color: #fff; font-size: 22px; font-weight: 700; letter-spacing: 3px; position: initial; width: auto; margin-right: 35px;}

/* 메인 퀵메뉴 */
.mainQuick {display: flex; gap: 30px; align-items: center; margin-top: 100px; margin-bottom: 60px;}
.mainQuick .content {border-radius: 10px; width: calc(33.333% - 15px); background: #efefef;}
.mainQuick .content:first-child {background: #fff;}
.mainTit h1 {font-size: 40px; font-weight: 800;}
.mainTit p {font-size: 20px; color: #999; margin-top: 30px;}
.quickIcon a {display: flex; align-items: center; padding: 27px 50px; border-radius: 10px;}
.icon {width: 95px; height: 95px; border-radius: 50%; margin: 0 23px 0 0; flex-shrink: 0;}
.icon01 {background: url(/img/main/icon01.svg) no-repeat center center / 55% #fff;}
.icon02 {background: url(/img/main/icon02.svg) no-repeat center center / 60% #fff;}
.icon_txt h1 {font-size: 25px; font-weight: 800;}
.icon_txt p {font-size: 18px; color: #bbb; margin: 15px 0 0 0;}

/* 메인 콘텐츠 공통 */
.mainFlex {display: flex; gap: 30px; flex-wrap: wrap; margin-bottom: 100px;}
.mainFlex .content {border: 1px solid #d1d1d1; border-radius: 10px; padding: 30px 40px; width: calc(50% - 15px);}
.cont_tit {display: flex; align-items: center; justify-content: space-between;}
.cont_tit h1 {font-size: 30px; font-weight: 800;}
.link_btn {width: 30px; height: 30px; border-radius: 50%; border: 1px solid #d1d1d1; background: url(/img/main/plus.svg) no-repeat center center / 70% #fff;}
.cont_inner {margin-top: 25px;}

/* 학술지 */
.journal_list {display: flex; align-items: center;}
.journal_list .img {margin-right: 30px; width: 40%; flex-shrink: 0;}
.journal_list h1 {font-size: 28px; font-weight: 700;}
.journal_list h1 span {font-size: 20px; font-weight: 300; margin-top: 13px; font-style: italic;}
.journal_list p {font-size: 18px; line-height: 1.5; word-break: keep-all; color: #999; margin-top: 25px;}
.journal_link {background: linear-gradient(to bottom, #1679c9, #10538a); color: #fff; font-size: 18px; line-height: 60px; border-radius: 5px; padding: 0 30px; width: 100%; position: relative; margin: 35px 0 0 0;}
.journal_link::after {content: ""; background: url(/img/main/link_btn.svg) no-repeat center center / cover; width: 15px; height: 15px; position: absolute; top: 50%; right: 30px; transform: translateY(-50%);}

/* 간행물 */
.book_list {display: flex; align-items: center;}
.book_list .img {margin-right: 30px; width: 20%; flex-shrink: 0; padding-top: 28%; background: #f7f7f7; color: #999;}
.book_list h1 {font-size: 25px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.book_list p {font-size: 18px; line-height: 1.5; word-break: keep-all; color: #999; margin-top: 15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.line {border-bottom: 1px dashed #d1d1d1; margin: 10px 0;}
.no_image {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.mainBook .swiper-button-wrap {position: relative; display: flex; align-items: center; justify-content: end;}
.mainBook .swiper-button-next, .mainBook .swiper-button-prev {width: 30px; height: 30px; margin-top: 0; position: initial; border-radius: 50%;}
.mainBook .swiper-button-next {background: url(/img/main/next_arrow.svg) no-repeat center center / 50% #efefef;}
.mainBook .swiper-button-prev {background: url(/img/main/prev_arrow.svg) no-repeat center center / 50% #efefef; margin-right: 5px;}

/* 공지사항 */
.mainNotice .cont_inner {display: flex; row-gap: 10px; flex-direction: column;}
.mainNotice .cont_inner a {background-color: #f7f7f7; padding: 20px 30px; width: 100%; border-radius: 10px;}
.mainNotice .tit, .mainData .tit {font-size: 18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.mainNotice .date, .mainData .date {font-size: 16px; color: #bbb; margin: 10px 0 0 0;}

/* 재단운영자료 */
.mainFlex .content.content4 {border: none; padding: 0;}
.mainData {background-color: #f7f7f7; padding: 30px 40px; border-radius: 10px;}
.mainData .cont_inner {display: flex; gap: 10px; flex-wrap: wrap;}
.mainData .cont_inner li {width: calc(50% - 5px);}
.mainData .cont_inner a {background-color: #fff; padding: 33px 30px; width: 100%; border-radius: 10px;}

/* 기부금 */
.mainSponsor {background: linear-gradient(to bottom, #1679c9, #10538a); color: #fff; padding: 41px 40px; margin: 30px 0 0 0; border-radius: 10px; display: flex; align-items: center; position: relative; overflow: hidden;}
.mainSponsor::after {content: ""; background: url(/img/main/sponsor.svg) no-repeat center center / cover; width: 120px; height: 100px; position: absolute; right: 5px; bottom: -20px; opacity: 0.1; transition: 0.3s;}
.mainSponsor h1 {font-size: 25px; font-weight: 800;}
.mainSponsor p {font-size: 18px; opacity: 0.6; margin: 0 0 0 30px;}

.mainSponsor:hover::after {opacity: 0.5;}

/* 푸터 */
.footer {background: #111; color: #b1b1b1; font-size: 15px; line-height: 1.2; padding-top: 10px;}
.ft_cont {padding: 50px 0; display: flex; align-items: center; justify-content: space-between;}
.ft_cont:first-child {border-bottom: 1px solid rgba(255,255,255,0.2);}
.ft_list li {margin: 0 40px 0 0; display: inline-block; word-break: keep-all;}
.ft_list li:last-child {margin: 0;}
.ft_list li span {margin: 0 40px 0 0; color: #fff;}
.ft_btn .ft_link, .ft_btn .count {border: 1px solid #444; border-radius: 5px; line-height: 50px; display: inline-block; min-width: 180px; margin: 0 0 0 15px; text-align: center; padding: 0 20px;}
.ft_btn .ft_link p {text-align: left; background: url(/img/main/go-white.svg) no-repeat right center / 17px;}

.top_btn {width: 50px; height: 50px; line-height: 50px; background: #fff; border: 1px solid #d1d1d1; border-radius: 5px; position: fixed; right: 20px; bottom: 20px; cursor: pointer; z-index: 100; display: none; font-size: 14px; text-align: center; font-weight: 700;}

.top_btn.on {display: block;} 

@media screen and (max-width:3000px) and (min-width:1001px){
    /* 메인 퀵메뉴 */
    .mainQuick .content.quickIcon a:hover {background: linear-gradient(to bottom, #1679c9, #10538a); color: #fff;}
    .quickIcon a:hover .icon01 {background: url(/img/main/icon01-blue.svg) no-repeat center center / 55% #fff;}
    .quickIcon a:hover .icon02 {background: url(/img/main/icon02-blue.svg) no-repeat center center / 60% #fff;}
    .quickIcon a:hover .icon_txt p {color: #fff; opacity: 0.6;}

    /* 학술지 */
    .journal_link:hover {background: var(--main-color);}

    /* 간행물 */
    .book_list:hover h1 {color: var(--main-color);}
    .book_list:hover .img {background: var(--main-color);}
    .book_list:hover .img::after {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url(/img/main/plus-white.svg) no-repeat center center / 70%; width: 60px; height: 60px; border-radius: 50%; border: 2px solid #fff;}
    .book_list:hover .img img {opacity: 0.3;}

    /* 공지사항 */
    /* .mainNotice .cont_inner a:hover .tit, .mainData .cont_inner a:hover .tit {text-decoration: underline;} */
    .mainNotice .cont_inner a:hover, .mainData .cont_inner a:hover {background: linear-gradient(to bottom, #1679c9, #10538a); color: #fff;}
    .mainNotice .cont_inner a:hover .date, .mainData .cont_inner a:hover .date {color: #fff; opacity: 0.6;}


    /* 푸터 */
    .footer a:hover {color: #fff;}
    .ft_btn .ft_link:hover {border: 1px solid #999;}
}

@media (max-width:1600px) {
    /* 헤드 */
    .logo {left: 20px;}
    .nav {width: 880px;}
    .gnb1 > a {padding: 0 35px;}
    .menu_btn {right: 20px;}

    /* 모바일 메뉴 */
    .m_menu {padding: 0 80px;}
}

@media (max-width:1420px) {
    /* 공통 */
    .inner {margin: 0 20px;}

    /* 헤드 */
    .header {height: 90px;}
    .header_bg.on {height: 322px;}
    .logo {width: 185px;}
    .nav {width: 774px;}
    .gnb1 > a {font-size: 18px; line-height: 90px; padding: 0 30px;}
    .gnb2 {top: 90px;}
    .menu_btn {width: 30px; height: 30px;}

    /* 모바일 메뉴 */
    .close_btn {width: 90px; height: 90px;}
    .m_menu_img h1 {font-size: 42px;}
    .m_menu_img p {font-size: 20px;}
    .m_menu {padding: 0 45px;}
    .m_gnb1 > a {padding: 35px 20px; width: 200px;}
    .m_gnb2 li {padding: 0 35px;}

    /* 메인 퀵메뉴 */
    .mainQuick {margin-top: 100px; margin-bottom: 60px;}
    .mainTit p {font-size: 19px;}
    .quickIcon a {padding: 27px 24px;}
    .icon {margin: 0 10px 0 0;}

    /* 메인 콘텐츠 공통 */
    .mainFlex {margin-bottom: 100px;}

    /* 학술지, 간행물 */
    .journal_list .img, .book_list .img {margin-right: 15px;}
}

@media (max-width:1200px) {
    /* 헤드 */
    .header {height: 70px;}
    .logo {width: 160px;}
    .nav {display: none;}

    /* 모바일 메뉴 */
    .close_btn {width: 70px; height: 70px;}
    .m_menu_img h1 {font-size: 35px;}
    .m_menu_img p {font-size: 16px; margin: 15px 0 0 0;}
    .m_menu {padding: 0 35px;}
    .m_gnb1 > a {padding: 35px 15px; width: 175px; font-size: 22px;}
    .m_gnb2 li {padding: 0 25px;}
    .m_gnb2 a {font-size: 16px;}

    /* 메인뷰 */
    .mv_tit {bottom: 180px;}
    .mv_tit h1 {font-size: 50px;}
    .mv_tit p {font-size: 25px;}
    .mianView .swiper-button-wrap {margin-top: -60px;}
    .mianView .swiper-button-next, .mianView .swiper-button-prev {width: 60px; height: 60px;}
    .swiper-pagination-fraction {font-size: 18px; margin-right: 20px;}

    /* 메인 퀵메뉴 */
    .mainQuick {gap: 15px; margin-top: 70px; margin-bottom: 40px;}
    .mainQuick .content {width: calc(33.333% - 7.5px);}
    .mainTit h1 {font-size: 35px;}
    .mainTit p {font-size: 16px; margin-top: 15px;}
    .quickIcon a {padding: 20px;}
    .icon {width: 65px; height: 65px; margin: 0 15px 0 0;}
    .icon_txt h1 {font-size: 22px;}
    .icon_txt p {font-size: 15px; margin: 10px 0 0 0;}

    /* 메인 콘텐츠 공통 */
    .mainFlex {gap: 15px; margin-bottom: 70px;}
    .mainFlex .content {width: calc(50% - 7.5px); padding: 25px 20px;}
    .cont_tit h1 {font-size: 25px;}
    .cont_inner {margin-top: 20px;}
    .link_btn {width: 25px; height: 25px;}

    /* 학술지 */
    .journal_list h1 {font-size: 22px;}
    .journal_list h1 span {font-size: 16px;}
    .journal_list p {font-size: 16px; margin-top: 20px;}
    .journal_link {font-size: 16px; line-height: 50px; padding: 0 20px; margin: 20px 0 0 0;}
    .journal_link::after {right: 20px;}

    /* 간행물 */
    .book_list h1 {font-size: 22px;}
    .book_list p {font-size: 16px;}
    .mainBook .swiper-button-next, .mainBook .swiper-button-prev {width: 25px; height: 25px;}

    /* 공지사항 */
    .mainNotice .tit, .mainData .tit {font-size: 16px;}
    .mainNotice .date, .mainData .date {font-size: 15px;}
    .mainNotice .cont_inner a {padding: 20px;}

    /* 재단운영자료 */
    .mainData {padding: 25px 20px;}
    .mainData .date {margin: 20px 0 0 0;}
    .mainData .cont_inner a {padding: 33px 20px;}

    /* 기부금 */
    .mainSponsor {margin-top: 15px; padding: 37px 20px;}
    .mainSponsor h1 {font-size: 22px;}
    .mainSponsor p {font-size: 16px; margin: 0 0 0 20px;}

    /* 푸터 */
    .footer {font-size: 14px;}
    .ft_cont {padding: 35px 0;}
    .ft_list li span {margin: 0 30px 0 0;}
    .ft_btn .ft_link, .ft_btn .count {min-width: 160px; margin: 0 0 0 5px;}
}

@media (max-width:1000px) {
    /* 모바일메뉴 */
    .m_menu_img {display: none;}
    .m_menu {width: 100%; padding: 70px 20px;}
    .m_gnb2 a {color: #999;}

    /* 메인뷰 */
    .mianView::after {content: ""; background: #000; position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; z-index: 1; opacity: 0.3;}
    .mv_tit {bottom: auto; text-align: center; top: 50%; left: 50%; transform: translate(-50%, -50%); margin-top: 35px; text-shadow: 2px 2px 3px rgba(0,0,0,0.6)}
    .mv_tit h1 {font-size: 45px;}
    .mv_tit p {font-size: 22px; margin: 20px 0 0 0;}

    /* 메인 퀵메뉴 */
    .mainQuick {flex-wrap: wrap;}
    .mainQuick .content {width: calc(50% - 7.5px);}
    .mainQuick .content:first-child {width: 100%; text-align: center; margin-bottom: 0 0 20px 0;}
    .mainTit p {margin: 15px 0 20px;}

    /* 메인 콘텐츠 공통 */
    .mainFlex .content {width: 100%;}

    /* 재단운영자료 */
    .mainData .cont_inner a {padding: 20px;}
    .mainData .date {margin: 10px 0 0 0;}

    /* 기부금 */
    .mainSponsor {padding: 30px 25px;}
    .mainSponsor::after {width: 100px; height: 80px; bottom: -13px;}

    /* 푸터 */
    .footer {padding-top: 0;}
    .ft_cont {flex-direction: column; text-align: center;}
    .ft_cont:last-child {flex-direction: column-reverse;}
    .ft_list li {margin: 13px 10px 0 10px!important;}
    .ft_cont:last-child .ft_list li {margin: 0 10px 13px 10px!important;}
    .ft_list br {display: none;}
    .ft_btn {margin: 25px 0 0 0;}
    .ft_btn .ft_link, .ft_btn .count {margin: 3px;}
}

@media (max-width:700px) {
    /* 공통 */
    .mobile {display: block!important;}

    /* 헤드 */
    .header {height: 60px;}
    .logo {width: 140px;}
    .menu_btn {width: 27px; height: 27px;}

    /* 모바일 메뉴 */
    .close_btn {width: 60px; height: 60px;}
    .m_menu {padding: 60px 20px;}
    .m_gnb1 {flex-direction: column; align-items: start;}
    .m_gnb1 > a {padding: 25px 15px; width: 100%; font-size: 19px;}
    .m_gnb2 {padding: 0 0 25px 15px;}
    .m_gnb2 li {padding: 0 22px 0 0;}
    .m_gnb2 a {font-size: 15px;}

    /* 메인뷰 */
    .mv_tit h1 {font-size: 35px;}
    .mv_tit p {font-size: 18px; margin: 15px 0 0 0;}
    .swiper-pagination-fraction {font-size: 15px; margin-right: 15px;}

    /* 메인 퀵메뉴 */
    .mainQuick {margin-top: 50px; margin-bottom: 30px; gap: 10px;}
    .mainQuick .content {width: 100%;}
    .mainTit h1 {font-size: 27px;}
    .mainTit p {font-size: 15px; margin: 10px 0 15px;}
    .quickIcon a {padding: 15px;}
    .icon_txt h1 {font-size: 19px;}
    .icon_txt p {font-size: 14px;}

    /* 메인 콘텐츠 공통 */
    .mainFlex {margin-bottom: 50px;}
    .mainFlex .content {padding: 20px 15px;}
    .cont_tit h1 {font-size: 22px;}

    /* 학술지 */
    .journal_list h1 {font-size: 20px; line-height: 1.2;}
    .journal_list h1 span {font-size: 15px; margin-top: 5px;}
    .journal_list p {font-size: 15px; line-height: 1.3; margin-top: 15px;}
    .journal_link {display: none; font-size: 15px; margin: 15px 0 0 0;}

    /* 간행물 */
    .book_list .img {width: 30%; padding-top: 45%;}
    .book_list h1 {font-size: 18px; line-height: 1.2;}
    .book_list p {font-size: 14px; line-height: 1.3;}

    /* 공지사항 */
    .mainNotice .cont_inner a {padding: 20px 15px;}
    .mainNotice .tit, .mainData .tit {font-size: 15px; font-weight: 600;}
    .mainNotice .date, .mainData .date {font-size: 14px;}

    /* 재단운영자료 */
    .mainData {padding: 20px 15px;}
    .mainData .cont_inner a {padding: 20px 15px;}
    .mainData .cont_inner li {width: 100%;}

    /* 기부금 */
    .mainSponsor h1 {font-size: 20px;}
    .mainSponsor p {font-size: 14px;}

    /* 기부금 영수증 발급 안내 */
    .sub_Juurnal .sub_txt p br {display: none;}

    /* 푸터 */
    .ft_list li {margin: 13px 7px 0 7px!important;}
    .ft_cont:last-child .ft_list li {margin: 0 7px 13px 7px!important;}
    .ft_list li span {margin: 0 15px 0 0;}
}

@media (max-width:400px) {
    
}