@charset "utf-8";

.box {border: 1px solid #ddd; overflow: hidden;}
.deco-tit {position: relative; padding-left: 32px;}
.deco-tit:before {position: absolute; content: ''; left: 0; top: 50%; margin-top: -11px; width: 22px; height: 22px; border-radius: 100%; border: 6px solid #123389;}
.hyphen-list li {position: relative; padding-left: 10px;}
.hyphen-list li:before {position: absolute; content: '-'; left: 0;}
.square-list li {position: relative; padding-left: 15px;}
.square-list li:before {position: absolute; content: ''; top: 50%; margin-top: -2px; left: 0; width: 4px; height: 4px; background: #737373;}
.section.bgc1 {padding: var(--padding-gray);}
.desc p:not(:last-child) {margin-bottom: 20px;}
.flex-wrap {display: flex; align-items: center; gap: 20px;}

.white-box {display: flex; align-items: center; justify-content: center; gap: 30px; padding: 40px; background: #fff;}
.white-box .items {display: flex; color:#fff;margin-left: 30px;}
.white-box .circle {display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 17px; width: 220px; height: 220px; margin-left: -30px; border-radius: 100%;}

.logo-items {position: relative; padding-bottom: 235px;}
.logo-items:before {position: absolute; content: ''; right: 0; bottom: 0; width: 311px; height: 279px; background: url('../images/sub/logo-of-bethel.png') no-repeat center center; background-size: contain;}
.flex-item {display: flex; align-items: center; gap: 50px;}
.flex-item .box {display: flex; align-items: center; justify-content: center; width: 37.5%; height: 240px;}
.flex-item .txt {flex: 1; padding-left: 30px;}
.logo-items .flex-item:nth-child(even) {flex-direction: row-reverse;}
.logo-items .flex-item:nth-child(even) .txt {padding-left: 20px;}

.history, .greetings {display: flex; gap: 60px;}
.history .img {flex: 1;}
.history-cnt {width: 55%;}
.history-cnt .item {display: flex; padding: 20px 0;border-top: 2px solid #505050;}
.history-cnt h2 {min-width: 130px;}
.history-list>ul>li {display: flex; color: #505050;}
.history-list h3 {min-width: 35px;}

.greetings .txt {flex: 1;}
.greetings .img {width: 37.166667%;}

.sec-principal .box {padding: 40px 52px; border-radius: 16px;}
.sec-principal .flex-tit {display: flex; gap: 20px; align-items: center;}
.sec-principal h3 {background: #123389; border-radius: 25px; padding: 10px 30px; color: #fff;}
.sec-principal .items {display: flex; gap: 210px;}
.sec-principal li {font-size: 16px; line-height: 2em;}
.career-list {display: flex; gap: 50px;}
.sec-staff h3 {background: #123389; border-radius: 20px; padding: 5px 22px; width: fit-content; margin-bottom: 15px; color: #fff;}
.sec-staff .box {padding: 33px 30px; border-radius: 8px; width: calc((100% - 40px) / 3);}
.staff-list {display: flex; flex-wrap: wrap; gap: 20px;}

.root_daum_roughmap .wrap_controllers {display: none;}
.root_daum_roughmap .wrap_map, .root_daum_roughmap {width: 100% !important;}
.directions .square-list {padding-left: 80px;}
.table-wrap {border-top: 2px solid #242424;}
.table-wrap th {background: #f4f4f4; border-right: 1px solid #ddd;}
.table-wrap th, .table-wrap td {padding: 15px 35px; border-bottom: 1px solid #ddd; font-size: 16px;}
.table-wrap .bus-list li {display: flex; align-items: center; gap: 20px;}
.table-wrap .bus-list li:not(:last-child) {margin-bottom: 10px;}
.table-wrap .bus-list span {display: flex; align-items: center; justify-content: center; width: 100px; height: 26px; border-radius: 13px; color: #fff;}

.curriculum-programs .section .contain {display: flex; gap: 70px;}
.curriculum-programs .section:nth-child(even) .contain {flex-direction: row-reverse;}
.curriculum-programs .img.bgc1 {padding: 30px;}
.curriculum-programs .img.bgc1 img {position: unset; width: auto; height: auto;}
.curriculum-programs .img {position: relative; display: flex; align-items: center; justify-content: center; width: 41.6667%; border-radius: 50px 0 0 0; overflow: hidden; text-align: center;}
.curriculum-programs .img img {position: absolute; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%;}
.curriculum-programs .section:nth-child(even) .img {border-radius: 0 50px 0 0;}
.curriculum-programs .img.fit-h {height: 0; padding-bottom: 25%;}
.curriculum-programs .txt {flex: 1;padding: 50px 0;}
.curriculum-programs h2 {position: relative; padding-top: 20px; border-top: 1px solid #ddd;}
.curriculum-programs h2:before {position: absolute; content: ''; width: 118px; height: 2px; background: #123389; top: -1px; left: 0;}

.world-view .contain {padding: 80px 30px;}
.world-view .items {display: flex;}
.world-view .items .img {flex: 1;}
.world-view .items .img img {width: 100%;}

.graduate {padding: var(--padding-white);}
.graduate h3 {display: flex; gap: 15px;}
.graduate-items {display: flex; gap: 30px;}
.graduate-items .item {flex: 1; padding: 36px; border: 1px solid #123389;}
.graduate-items .item:nth-child(even) {border: 1px solid #0482c5;}

.edu-mou .section {display: flex; align-items: center; border: 1px solid #ddd; border-radius: 8px; min-height: 220px;}
.edu-mou .txt {flex: 1; padding: 30px 50px 30px 110px;}
.edu-mou .img {width: 33.3333333%; text-align: center; padding-right: 24px;}
.edu-mou h2 {position: relative;}
.edu-mou h2 .num {display: flex; align-items: center; justify-content: center; position: absolute; left: -60px; top: 50%; width: 45px; height: 45px; margin-top: -22px; background: #123389; border-radius: 100%; font-weight: 700; font-size: 22px; color: #fff;}

.christian .photoes {display: flex; gap: 20px;}
.christian .photoes .img {flex: 1;}
.christian .desc {padding-right: 66px;}

.parent-role .items {display: flex; flex-wrap: wrap; gap: 20px;}
.parent-role .box {display: flex; align-items: center; position: relative; border-radius: 8px; width: calc((100% - 20px) / 2); min-height: 130px; padding: 22px 50px 22px 70px;}
.parent-role .num {position: absolute; left: -5px; bottom: 0; font-weight: 700; font-size: 80px; color: rgba(18,51,137,.1); line-height: .7em;}

.info-cnt .txt {width: fit-content; margin: -20px auto 0; padding: 30px 50px 0; background: #fff; position: relative; font-size: 16px;}
.school-works {border-top: 1px solid #ddd;}
.school-works .item {padding: 20px 0; border-bottom: 1px solid #ddd; display: flex; align-items: center; gap: 15px;}
.school-works .num {display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; line-height: 30px; border-radius: 100%; background: #ddd; font-weight: 600; font-size: 20px; color: #123389;}
.school-works .item p {flex: 1;}
.domitory-photoes {display: flex; flex-wrap: wrap; gap: 10px;}
.domitory-photoes .img {flex: 1 0 auto;}

.table-cnt {border-top: 2px solid #123389;}
.table-cnt thead th {background: #fafafa; font-weight: 600; color: #242424;}
.table-cnt tbody td {font-weight: 300;}
.table-cnt thead th, .table-cnt tbody td {border: 1px solid #ddd; padding: 12px;}
.table-cnt tr th:first-child,
.table-cnt tr td:first-child {border-left:0;}
.table-cnt tr th:last-child,
.table-cnt tr td:last-child {border-right:0;}

.inquiry-items {padding: 40px 60px; display: flex; justify-content: space-between; gap: 15px; align-items: center;}
.inquiry-items .circle {display: flex; flex-direction: column; justify-content: center; width: 160px; height: 160px; border-radius: 100%; background: #123389; color: #fff;}
.inquiry-items .arrow {display: block; width: 22px; height: 38px; background: url('../images/sub/inquiry-arrow.png') no-repeat center center; background-size: contain;}
.btn-download {display: flex; align-items: center; gap: 10px; width: fit-content; margin: 0 auto; color: #123389; border: 1px solid #123389; font-size: 16px; padding: 8px 25px;}
.btn-download .icon img {vertical-align: middle; margin-top: -0.2em;}

.scholarships {display: flex; gap: 30px;}
.scholarships .item {flex: 1;}
.scholarships .num {position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; margin: 0 auto -30px; border-radius: 100%; background: #123389; color: #fff; font-weight: 700; font-size: 24px;}
.scholarships .box {padding: 65px 15px 50px; border-radius: 16px;}
.scholarships .icon {margin-bottom: 20px;}

.support .sec:not(:last-child) {margin-bottom: 100px;}

.txt-deco {display: inline-block; transform: translateY(28px); font-size: 70px; font-weight: 700; line-height: 0;}
.txt-deco.txt-prev {margin-left: -10px; margin-right: 10px;}
.txt-deco.txt-after {margin-right: -10px; margin-left: 10px; transform: translateY(43px);}
.pray-subject ol {list-style: normal; padding-left: 20px;}
.pray-subject ol li:not(:last-child) {margin-bottom: 8px;}
.pray-subject .items {border-top: 1px solid #ddd;}
.pray-subject .item {display: flex; align-items: center; gap: 50px; padding: 40px 20px; border-bottom: 1px solid #ddd;}
.pray-subject .item .circle {display: flex; align-items: center; justify-content: center; width: 150px; height: 150px; border-radius: 100%; background: #123389; color: #fff; font-weight: 700;}
.pray-subject .item p {flex: 1;}

.support-boxes .fz35 {line-height: 1.57em;}
.support-boxes .box {padding: 65px 70px; border-radius: 30px;}
.support-boxes .box:not(:last-child) {margin-bottom: 18px;}
.support .btn-download {font-weight: 500; color: #fff; background: #123389; border-radius: 28px; font-size: 18px; padding: 11px 30px;}