/* 서브뷰 */
.sub_view {margin-top: 170px;}
.sv_tit p {font-size: 22px; font-weight: 700; color: var(--main-color);}
.sv_tit h1 {font-size: 52px; font-weight: 800; line-height: 1.3; margin: 30px 0 0 0; word-break: keep-all;}

/* .sub_nav {font-size: 16px; display: flex; align-items: center; justify-content: center; margin: 25px 0 0 0;}
.sub_nav li {position: relative; padding: 0 0 0 13px;}
.sub_nav li:first-child {padding: 0!important;}
.sub_nav li:first-child::before {display: none;}
.sub_nav li::before {content: ""; background: url(/img/sub/nav-arrow.svg) no-repeat center center / cover; width: 14px; height: 14px; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.sub_nav .home {background: url(/img/sub/home.svg) no-repeat center center / cover; width: 17px; height: 17px;} 
.sub_nav .home, .sub_nav p {margin: 0 15px;} */

/* 서브 공통 */
.sub_bg {background: #f7f7f7; margin-top: 70px; padding: 70px 0 100px;}
.sub_img {background: #000; max-width: 1400px; margin: 0 auto; height: 500px; margin-top: 70px; border-radius: 10px; transition: 0.3s;}
.sub_img.scroll {max-width: 100%; border-radius: 0;}

.sub_0101 {background: url(/img/sub/sub_0101.jpg) no-repeat center center / cover;}
.sub_0102 {background: url(/img/sub/sub_0102.jpg) no-repeat center center / cover;}
.sub_0103 {background: url(/img/sub/sub_0103.jpg) no-repeat center center / cover;}
.sub_0201 {background: url(/img/sub/sub_0201.jpg) no-repeat center center / cover;}

.flex {display: flex;}
.sub_cont {padding: 100px 0;}
.sub_h1 {font-size: 37px; line-height: 1.3; width: 22%; flex-shrink: 0; font-weight: 800;}
.sub_txt p {font-size: 18px; line-height: 1.5; word-break: keep-all;}

/* 재단소개 */
.greeting p.p {font-size: 28px; font-weight: 800; line-height: 1.3;}
.greeting p {font-size: 20px; margin-bottom: 30px;}

/* 연혁 */
.history {margin: 100px auto; overflow: hidden;}
.history::after {content: ""; background: var(--main-color); width: 2px; height: 100%; position: absolute; top: 0; left: calc(22% - 11px); z-index: -1; opacity: 0.1;}
.year_cont {display: flex; border-top: 1px dashed #eee; padding: 50px 0 20px;}
.year_cont:first-child {padding-top: 0; border-top: 0;}
.year {width: 22%; position: relative; padding: 0 0 0 20px; flex-shrink: 0;}
.year h1 {font-size: 37px; font-weight: 800; position: relative;}
.year h1::after {content: ""; background: var(--main-color); width: 20px; height: 20px; border-radius: 50%; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.year h1::before {content: ""; background: #fff; width: 8px; height: 8px; border-radius: 50%; position: absolute; top: 50%; right: 6px; transform: translateY(-50%); z-index: 1;}
.month {display: flex; margin: 8px 0 28px 0;}
.month h1 {font-size: 22px; color: #c1c1c1; font-weight: 700; padding: 0 0 0 80px; width: 185px; flex-shrink: 0;}
.month_list li {font-size: 18px; line-height: 1.3; margin: 0 0 10px 0; word-break: keep-all;}

/* 찾아오시는길 */
.root_daum_roughmap {width: 100%; margin-top: 70px;}
.root_daum_roughmap .wrap_map {height: 500px;}
.root_daum_roughmap .cont .section.lst {display: none;}
.map_info p {font-size: 24px; color: var(--main-color); font-weight: 600;}
.map_info h1 {font-size: 35px; font-weight: 800; margin: 30px 0; word-break: keep-all;}
.map_info ul {display: flex; font-size: 24px;}
/* .map_info li:first-child::after {content: ""; background: #d1d1d1; width: 1px; height: 20px; display: inline-block; margin: 0 25px; position: relative; top: 2px;} */
.map_info ul span {color: #999; font-weight: 600; margin-right: 10px;}
.traffic_info.flex {border-top: 1px dashed #d1d1d1; margin-top: 50px; padding-top: 50px;}
.traffic_info .sub_txt {display: flex; align-items: center; margin: 0 0 10px 0;}
.traffic_info .sub_txt span {font-size: 18px; color: #fff; border-radius: 5px; line-height: 50px; width: 150px; text-align: center; margin: 0 20px 0 0; flex-shrink: 0;}
.traffic_01 {background: #02a5e3;}
.traffic_02 {background: #1e7bdb;}
.traffic_03 {background: #59be0a;}

/* 주요사업 */
.business {width: 100%;}
.business li {display: flex; align-items: center; background: #f7f7f7; border-radius: 10px; padding: 30px 50px; margin: 0 0 25px 0;}
.icon03 {background: url(/img/sub/icon03.svg) no-repeat center center / 55% #fff;}
.icon04 {background: url(/img/sub/icon04.svg) no-repeat center center / 45% #fff;}
.icon05 {background: url(/img/sub/icon05.svg) no-repeat center center / 52% #fff;}
.icon06 {background: url(/img/sub/icon06.svg) no-repeat center center / 60% #fff;}
.icon07 {background: url(/img/sub/icon07.svg) no-repeat center center / 55% #fff;}
.business .icon_txt h1 {line-height: 1.3; word-break: keep-all;}
.business .icon_txt p {line-height: 1.3; word-break: keep-all;}

/* 학술지소개 */
.sub_Juurnal {align-items: center;}
.sub_Juurnal .img {width: 25%; padding-top: 38%; flex-shrink: 0; margin: 0 70px 0 0; box-shadow: 5px 7px 15px rgba(0,0,0,0.15);}
.sub_Juurnal .sub_txt p {margin-bottom: 15px;}
.sub_Juurnal .sub_txt .tit { font-size: 35px; font-weight: 800; margin-bottom: 35px;}
.sub_Juurnal .sub_txt .tit .min_tit {font-size: 21px; color: #999; font-weight: 500; display: block; font-style: italic;}
.sub_Juurnal .journal_link {width: 330px;}

/* 후원안내 */
.sub_0601 .img {background: url(/img/sub/sub_0601.jpg) no-repeat center center / cover;}
.sub_Sponsor .sub_txt .tit {font-size: 28px;}
.sponsor_down::after {content: ""; background: url(/img/sub/spon_download.svg) no-repeat center center / cover; width: 22px; height: 22px;}

/* 기부금 영수증 발급안내 */
.sub_0602 .img {background: url(/img/sub/sub_0602.jpg) no-repeat center center / cover;}
.table {font-size: 16px; width: 100%; line-height: 1.3; border-top: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; margin-top: 35px;}
.table th {background: #efefef; border-left: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; padding: 15px 20px;}
.table td {background: #fff; border-left: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; padding: 15px 20px; word-break: keep-all;}

@media (max-width:1600px) {

}

@media (max-width:1420px) {
    /* 서브뷰 */
    .sub_view {margin-top: 160px;}
    .sv_tit h1 {font-size: 48px;}

    /* 서브 공통 */
    .sub_img {max-width: 100%; border-radius: 0; height: 30vw;}
    .sub_h1 {font-size: 35px;}

    /* 재단소개 */
    .greeting p {font-size: 18px; margin-bottom: 20px;}
    .greeting p.p {font-size: 24px;}

    /* 찾아오시는길 */
    .root_daum_roughmap .wrap_map {height: 30vw;}
    .map_info p {font-size: 20px;}
    .map_info h1 {font-size: 30px; margin: 23px 0;}
    .map_info ul {font-size: 20px;}

    /* 주요사업 */
    .business li {padding: 30px;}

    /* 학술지소개 */
    .sub_Juurnal .img {margin: 0 50px 0 0;}
    .sub_Juurnal .sub_txt .tit {font-size: 35px;}
    .sub_Juurnal .sub_txt .tit .min_tit {font-size: 20px;}
    .sub_Juurnal .journal_link {width: 300px;}

    /* 후원안내 */
    .sub_Sponsor .sub_txt .tit {font-size: 24px;}
}

@media (max-width:1200px) {
    /* 서브뷰 */
    .sub_view {margin-top: 120px;}
    .sv_tit p {font-size: 20px;}
    .sv_tit h1 {font-size: 33px;}
    /* .sub_nav {font-size: 15px;}
    .sub_nav .home {width: 13px; height: 13px;}
    .sub_nav .home, .sub_nav p {margin: 0 10px;} */

    /* 서브 공통 */
    .sub_bg {margin-top: 50px; padding: 50px 0 70px;}
    .sub_img {margin-top: 50px;}
    .sub_cont {padding: 70px 0;}
    .sub_h1 {font-size: 28px; width: 20%;}

    /* 재단법인 */
    .greeting p.p {font-size: 20px;}
    .greeting p {font-size: 16px;}

    /* 연혁 */
    .history {margin: 70px auto;}
    .history::after {left: calc(20% - 9px);}
    .year {width: 20%; padding: 0 0 0 40px;}
    .year h1 {font-size: 28px;}
    .year h1::before {width: 7px; height: 7px; right: 4px;}
    .year h1::after {width: 15px; height: 15px;}
    .month h1 {font-size: 19px; padding: 0 0 0 60px; width: 140px;}
    .month_list li {font-size: 16px;}

    /* 찾아오시는길 */
    .root_daum_roughmap {margin-top: 50px;}
    .root_daum_roughmap .wrap_map {height: 350px;}
    .map_info p {font-size: 18px;}
    .map_info h1 {font-size: 25px;}
    .map_info ul {font-size: 18px;}
    .traffic_info .sub_txt span {font-size: 16px; line-height: 43px; width: 135px; margin: 0 15px 0 0;}
    .sub_txt p {font-size: 16px;}

    /* 주요사업 */
    .business li {margin: 0 0 15px 0; padding: 25px 30px;}
    .business .icon {width: 80px; height: 80px;}

    /* 학술지소개 */
    .sub_Juurnal .sub_txt .tit {font-size: 27px; margin-bottom: 25px;}
    .sub_Juurnal .sub_txt .tit .min_tit {font-size: 17px;}
    .sub_Juurnal .journal_link {width: 270px;}

    /* 후원안내 */
    .sub_Sponsor .sub_txt .tit {font-size: 20px;}

    /* 기부금 영수증 발급 안내 */
    .table {margin-top: 20px; font-size: 15px;}
}

@media (max-width:1000px) {
    /* 서브뷰 */
    /* .sub_nav {font-size: 14px; margin: 15px 0 0 0;}
    .sub_nav li {padding: 0 0 0 10px;}
    .sub_nav li::before {width: 11px; height: 11px;}
    .sub_nav .home {width: 11px; height: 11px;}
    .sub_nav .home, .sub_nav p {margin: 0 7px;} */

    /* 서브공통 */
    .sub_img {height: 35vw;}
    .flex {flex-direction: column;}
    .sub_cont {padding: 50px 0 70px;}
    .sub_h1 {display: none;}

    /* 재단소개 */
    .greeting p.p {line-height: 1.5;}
    .greeting p.p br {display: none;}

    /* 연혁 */
    .history {margin: 50px 20px 70px;}
    .history::after {left: 6px;} 
    .year_cont {flex-direction: column; padding: 35px 0 15px;}
    .year {padding: 0 0 25px 0;}
    .year h1 {padding: 0 0 0 30px;}
    .year h1::after {right: auto; left: 0;}
    .year h1::before {right: auto; left: 4px;}
    .month {margin: 0 0 13px 0;}
    .month h1 {padding: 0 0 0 30px; width: 110px;}

    /* 찾아오시는길 */
    .map_info h1 {margin: 18px 0;}
    .traffic_info.flex {margin-top: 35px; padding-top: 35px;}

    /* 주요사업 */
    .business li {padding: 20px 25px;}
    .business .icon {width: 75px; height: 75px;}
    .business .icon_txt h1 {font-size: 20px;}

    /* 학술지소개 */
    .sub_Juurnal .img {width: 50%; padding-top: 76%; margin: 0 0 30px 0;}

    /* 후원안내 */
    .sub_0601 .img {background: url(/img/sub/sub_0601_mo.jpg) no-repeat center center / cover;}
    .sub_Sponsor {align-items: flex-start;}
    .sub_Sponsor .img {width: 100%; height: 35vw; box-shadow: none; padding-top: 0;}

    /* 기부금 영수증 발급 안내 */
    .sub_0602 .sub_txt {width: 100%}
}

@media (max-width:700px) {
    /* 서브뷰 */
    .sub_view {margin-top: 100px;}
    .sv_tit p {font-size: 15px;}
    .sv_tit h1 {font-size: 23px; margin: 15px 0 0 0;}
    
    /* 서브 공통 */
    .sub_bg {margin-top: 30px; padding: 30px 0 50px;}
    .sub_img {height: 170px; margin-top: 30px;}
    .sub_cont {padding: 30px 0 50px;}
    
    /* 재단소개 */
    .greeting p {font-size: 15px; margin-bottom: 15px;}
    .greeting p.p {font-size: 15px; font-weight: 700;}

    /* 연혁 */
    .history {margin: 30px 20px 50px;}
    .history::after {left: 5px; width: 1px;}
    .year {padding: 0 0 20px 0;}
    .year h1 {font-size: 20px; padding: 0 0 0 25px;}
    .year h1::before {width: 5px; height: 5px; left: 3px;}
    .year h1::after {width: 11px; height: 11px;}
    .month {margin: 0 0 10px 0;}
    .month h1 {font-size: 15px; padding: 2px 0 0 25px; width: 80px;}
    .month_list li {font-size: 15px; margin: 0 0 7px 0;}

    /* 찾아오시는길 */
    .root_daum_roughmap {margin-top: 30px;}
    .root_daum_roughmap .wrap_map {height: 250px;}
    .map_info p {font-size: 15px;}
    .map_info h1 {font-size: 17px; line-height: 1.3; margin: 15px 0;}
    .map_info ul {font-size: 15px;}
    .map_info li:first-child::after {height: 10px; margin: 0 13px; top: 0;}
    .traffic_info.flex {margin-top: 25px; padding-top: 25px;}
    .traffic_info .sub_txt {flex-direction: column; align-items: start; margin: 0 0 15px 0;}
    .traffic_info .sub_txt span {font-size: 15px; line-height: 32px; width: 105px; margin: 0 0 10px 0;}
    .sub_txt p {font-size: 15px;}

    /* 주요사업 */
    .business li {flex-direction: column; align-items: start; padding: 15px 20px;}
    .business .icon {width: 60px; height: 60px; margin: 0 0 10px 0;}
    .business .icon_txt h1 {font-size: 16px;}
    .business .icon_txt p {line-height: 1.2;}

    /* 학술지소개 */
    .sub_Juurnal .sub_txt .tit {font-size: 20px; margin-bottom: 15px;}
    .sub_Juurnal .sub_txt .tit .min_tit {font-size: 15px;}
    .sub_Juurnal .journal_link {display: block; width: 100%; margin: 20px 0 0 0;}

    /* 후원안내 */
    .sub_Sponsor .sub_txt .tit {font-size: 16px;}
    .sub_Sponsor .img {height: 170px;}
    .sub_Sponsor .sub_txt .tit br {display: none;}

    /* 기부금 영수증 발급 안내 */
    .table {font-size: 14px;}
    .table th {padding: 15px 0; width: 22%;}
    .table td {padding: 15px;}
}

@media (max-width:425px) {
    /* 설립취지 */
    .br {display: none;}
}