body {font-family: 'Noto Sans KR', sans-serif; background: #f6f6f6;}
header {position: fixed; top: 0; left: 0; width: 100%; height: 80px; padding: 18px 50px 12px; background: #5e756b; box-sizing: border-box; z-index: 9999;}
.logo {width: 210px; height: 50px;}
.logo img {width: 210px;}
section {padding-top: 130px; overflow-x: hidden;}
.container {max-width: 850px; margin: 0 auto;}
.tit-box {text-align: center; margin-bottom: 60px;}
.tit-box .tit {margin-bottom: 10px; font-size: 50px; font-weight: bold; line-height: 1.44; color: #5e756b; word-break: keep-all;}
.tit-box .tit > span {font-weight: 300; color: #262626; word-break: keep-all;}
.tit-box .sub-tit {font-size: 18px; font-weight: 300; line-height: 1.28; color: #000; word-break: keep-all;}

.sub-tit-box {margin-bottom: 60px; padding: 0 15px;}
.sub-tit-box .tit {padding-left: 11px; border-left: 3px solid #A1AD8E; margin-bottom: 16px; font-size: 24px; font-weight: bold; line-height: 1.1; color: #585858; word-break: keep-all;}
.sub-tit-box .tit > span {font-weight: bold; color: #A1AD8E;}
.sub-tit-box .sub-tit {font-size: 15px; font-weight: 300; line-height: 1.28; color: #000; word-break: keep-all;}

.vod-box {width: 100%; height: auto;}
.vod-box iframe {width: 100%; height: 501.2px;}
.vod-box .ds {margin-bottom: 70px; margin-top: 9.8px; font-size: 16px; font-weight: 300; line-height: 1.44; color: #389CDB; text-align: center;}

.content-item {width: 100%;}
.content-item ul {display: flex; align-items: center; flex-wrap: wrap; margin: 0 -25px;}
.content-item ul li {width: calc(100% / 2); padding: 0 25px; margin-top: 25px; box-sizing: border-box;}
.content-item ul li:nth-child(-n+2) {margin-top: 0;}
.content-item ul li a {display: flex; align-items: center; justify-content: center; flex-flow: column; background: #fff; border-radius: 5px; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15); padding: 35px 50px 30px; box-sizing: border-box;}
.content-item ul li:hover .img-box {transform: scale(1.2); transition: all 0.3s;}
.content-item ul li a span {display: block; text-align: center; transition: all 0.3s;}
.content-item ul li a .img-box {width: 80px; height: 80px; margin-bottom: 27px; border-radius: 15px; overflow: hidden;}
.content-item ul li a .img-box img {width: 100%; height: 100%;}
.content-item ul li a .tit {margin-bottom: 11px; font-size: 24px; font-weight: bold; line-height: 1; color: #000;}
.content-item ul li a .txt {margin-bottom: 30px; font-size: 16px; font-weight: 300; line-height: 1.5; color: #888;}
.content-item ul li a .more {position: relative; left: 10px; font-size: 16px; font-weight: 600; line-height: 1.5; color: #389cdb;}

footer {padding: 80px 0; margin-top: 70px; background: #5e756b;}
footer .f-container {display: flex; align-items: center; justify-content: center; max-width: 992px; margin: 0 auto;}
.f-logo {min-width: 210px; height: 50px; margin-right: 50px;}
.f-logo img {width: 100%; height: 100%;}
.adress {}
.adress p {font-size: 15px; font-weight: 300; line-height: 1.4; color: #fff;}
.adress p span {font-weight: bold;}


[data-aos^=zoom][data-aos^=zoom].aos-animate {z-index: -1 !important;}