@charset "utf-8";
/* * {-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease; }*/
.trans-effect1 {
	-moz-transition: all .2s ease-out;-webkit-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;
}
.wrap.sub {background-color: #0d124a;}
/* MAIN : S */
.purple {color: var(--purple) !important;}
.orange {color: var(--orange) !important;}
.content {
}

.content .section {
    position: relative;
    padding: 80px 0;
    min-height: 931px;
}

.content .section.first {
    background: url(../../images/main-img-pc.jpg) center;
    /* overflow: hidden; */
    /* height: 900px; */
    padding: 0;
    height: 100vh;
    /* min-height: -webkit-fill-available; */
    background-size: cover;
}
.content .section.first:before {
	content: url(../../images/num5.png) / "5";
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-46%);
	z-index: 0;
}
.content .section.first:after {
	content: url(../../images/num0.png) / "0";
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-46%);
	right: 0;
	z-index: 0;
}
.content .section.first .txt {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 700px;
    z-index: 0;
    width: 32%;
}
.content .section.first .txt .txt1 {}
.content .section.first .txt .txt2 {
    color: #c9caca;
    font-size: 27px;
    font-weight: 900;
    line-height: 2;
    margin-top: 20px;
}
.content .section.first .txt .txt3 {
    font-size: 16px;
    color: #c9caca;
    line-height: 2;
}
.content .section.first .txt .yt {
    margin-top: 20px;
    position: relative;
    padding-bottom: 56.35%;
    text-align: left;
    overflow: hidden;
    border-radius: 10px;
}
.content .section.first .txt .yt iframe {
    width: 100%;
    position: absolute;
    height: 100%;
}


.content .section.second {background: url(../../images/main-docu-back-pc.jpg) center;height: 100vh;display: flex;background-size: cover;}
.content .section .main-box-head {
    position: relative;
}
.content .section .white-book .main-box-head {
    padding-bottom: 45px
}
.content .section .m-st {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 15px;
}
.content .section .m-mt {
    font-size: 56px;
    font-weight: 800;
    position: relative;
}
.content .section .m-mt u {
	text-decoration: none;
	font-size: 20px;
	font-weight: 200;
	letter-spacing: -0.05em;
}
.content .section .m-dt {
    font-size: 26px;
	margin-top: 15px;
}
.content .section .docu-box {
    display: flex;
    align-items: center;
}
.content .section .docu-box .l {
    width: 50%;
    margin-right: 5%;
}
.content .section .docu-box .r {
    width: 45%;
}
.content .section .docu-box .r .ytb {
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
    position: relative;
    padding-bottom: 56%;
}
.content .section .docu-box .r .ytb iframe {
    width: 100%;
    height: 100%;
    position: absolute;
}
.content .section .main-box-body {
    margin-top: 45px;
}
.content .section .main-box-body .txt1 {
    font-size: 18px;
    line-height: 1.4;
}
.content .section .main-box-body .txt2 {
    font-size: 14px;
    margin-top: 30px;
    margin-bottom: 30px;
}
.content .section .btn-more {
    border: 1px solid #0d124a;
    display: inline-block;
    font-size: 14px;
    line-height: 30px;
    padding: 0 25px;
    font-weight: 500;
}


.content .section.third {height: 100vh;display: flex;}
.content .section .interview {}
.content .section .plus-more {
    background: url(../../images/ico-plus.png) no-repeat center;
    border: 1px solid #0d124a;
    width: 30px;
    height: 30px;
    display: block;
    text-indent: -100px;
    overflow: hidden;
}
.content .section .interview .plus-more {position: absolute;right: 0;bottom: 14px;}
.content .section .interview .box {
    display: flex;
    flex-wrap: wrap;
    margin-top: 42px;
    margin-left: -3px;
}
.content .section .interview .box .photo {
    margin-left: 3px;
    margin-top: 3px;
    flex: 1 1 17%;
    overflow: hidden;
    /* aspect-ratio: 370/208; */
}
.content .section .interview .box .photo img {
    /* width: 100%; */
    /* height: 100%; */
    /* object-fit: cover; */
}
.content .section .interview .box .photo:hover img {
    transform: scale(1.2);
	-moz-transition: all .5s ease-out;-webkit-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;
}
.content .section.fourth {height: 100vh;display: flex;background: url(../../images/main-photo-back-pc.jpg) center;background-size: cover;}
.content .section .photo50 {}
.content .section .photo50 .m-st, .content .section .photo50 .m-mt {color: #fff;}
.content .section .photo50 .plus-more {position: absolute;right: 0;bottom: 14px;background-image: url(../../images/ico-plus-white.png);border-color: #fff;}
.content .section .photo50 .box {
    display: grid;
    margin-top: 42px;
    row-gap: 5%;
    column-gap: 2%;
    grid-auto-flow: column;
    grid-template-columns: 49% 23.5% 23.5%;
}
.content .section .photo50 .box .photo {
	overflow: hidden;
}
.content .section .photo50 .box .photo img {max-width: none;width: 100%;margin: 0;}

.content .section .photo50 .box .photo:hover img {
    transform: scale(1.2);
	-moz-transition: all .5s ease-out;-webkit-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;
}

.content .section .photo50 .box .photo:nth-child(1) {
    grid-column: 1;
    grid-row: 1 / span 2;
}
.content .section .photo50 .box .photo:nth-child(2) {
    grid-column: 2;
    grid-row: 1;
}
.content .section .photo50 .box .photo:nth-child(3) {
    grid-column: 3;
    grid-row: 1;
}
.content .section .photo50 .box .photo:nth-child(4) {
    grid-column: 2;
    grid-row: 2;
}
.content .section .photo50 .box .photo:nth-child(5) {
    grid-column: 3;
    grid-row: 2;
}
.content .section .photo50 .slide-btn {
    background-repeat:no-repeat;
    background-position: center;
    border: 1px solid #fff;
    width: 30px;
    height: 30px;
    display: block;
    text-indent: -100px;
    overflow: hidden;
    position: absolute;
    bottom: 14px;
}
.content .section .photo50 .slide-prev {background-image: url(../../images/ico-left.png);right: 75px;}
.content .section .photo50 .slide-next {background-image: url(../../images/ico-right.png);right: 37px;}


.content .section.fifth {
    background: url(../../images/main-hist-back-pc.jpg) center;
    height: 100vh;
    display: flex;
    background-size: cover;
}
.content .section .history {}
.content .section .history .plus-more {position: absolute;right: 0;bottom: 14px;}
.content .section .history .box {
    border: 1px solid #cccee9;
    display: flex;
    padding: 48px;
    position: relative;
    margin-top: 45px;
}
.content .section .history .box .t {
    flex: 1 1 18%;
    position: relative;
    z-index: 3;
    text-align: center;
    cursor: default;
}
.content .section .history .box .t .dot {
    background: #fff;
    border: 1px solid #cccee9;
    display: inline-block;
    width: 29px;
    height: 29px;
    border-radius: 100px;
    padding: 7px;
	-moz-transition: all .2s ease-out;-webkit-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;
}
.content .section .history .box .t .dot .i {
    background: #cccee9;
    height: 13px;
    width: 13px;
    border-radius: 100px;
	-moz-transition: all .2s ease-out;-webkit-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;
}
.content .section .history .box .t:hover .dot, .content .section .history .box .t:focus .dot {
    background: #cccee9;
}
.content .section .history .box .t:hover .dot .i, .content .section .history .box .t:focus .dot .i {
    background: #0d124a;
}
.content .section .history .box .t .tit {
    font-size: 34px;
    font-weight: 800;
    margin-top: 20px;
}
.content .section .history .box .t .desc {
    font-size: 14px;
    margin-top: 20px;
    visibility: hidden;
    opacity: 0;
    -moz-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    letter-spacing: -0.05em;
}
.content .section .history .box .t:hover .desc, .content .section .history .box .t:focus .desc {
    visibility: visible;
    opacity: 1;
}
.content .section .history .box:before {content:'';display:block;background: #fff;width: 100%;height: 100%;position: absolute;top: 0;left: 0;opacity: 0.4;z-index: 0;}
.content .section .history .box:after {content:'';display:block;background: #cccee9;width: calc(100% - calc(48px * 2));height: 1px;position: absolute;margin-top: 16px;}


.content .section.sixth {
    height: 100vh;
    display: flex;
}
.content .section .sympho {
    width: 100%;
}
.content .section .sympho .plus-more {position: absolute;right: 0;bottom: 14px;}
.content .section .sympho .box {
    display: flex;
    margin-top: 45px;
    gap: 40px;
}
.content .section .sympho .box .l {
    flex: 1 1 50%;
    border-bottom: 1px solid #cccee9;
}
.content .section .sympho .box .r {
    flex: 1 1 50%;
    border-bottom: 1px solid #cccee9;
}
.content .section .sympho .tit {
    background: #0d124a;
    color: #fff;
    position: relative;
    padding: 15px 20px;
    font-size: 18px;
    font-weight: 600;
}
.content .section .sympho .tit strong {
    color: #96c1ed;
}
.content .section .sympho .tit strong.present {
    position: absolute;
    right: 20px;
    font-size: 15px;
    font-weight: 500;
}
.content .section .sympho .cont {
    font-size: 19px;
    line-height: 1.4;
    padding: 35px 20px;
}
.content .section .sympho .cont .cont-t {
    margin-top: 25px;
    display: block;
}
.content .section .sympho .cont .cont-t:first-of-type {
	margin-top:0;
}
.content .section .sympho .cont .dot {}
.content .section .sympho .cont .dot li {
    margin-left: 15px;
    position: relative;
    padding: 5px 0;
}
.content .section .sympho .cont .dot li strong a {color:#0d124a;}
.content .section .sympho .cont .dot li strong a img {width: 20px;vertical-align: middle;}
.content .section .sympho .cont .dot li:before {content:'·';color: #4d8ccc;position: absolute;left: -13px;}

.content .section.seventh {
    height: 100vh;
    display: flex;
    background: #f2f2fb;
}
.content .section .sympho .btn-sympho-down {
    position: absolute;
    right: 0;
    width: 216px;
    height: 52px;
    line-height: 52px;
    top: 43px;
    font-weight: 700;
    font-size: 21px;
    border: 1px solid #0d124a;
    padding-left: 20px;
    color: #0d124a;
}
.content .section .sympho .btn-sympho-down:after {content:'';background: url(../../images/btn-arrow.png);width: 12px;height: 19px;display: block;position: absolute;right: 20px;top: 50%;transform: translateY(-50%);}

.content .section .white-book {
    width: 100%;
}
.content .section .white-book .button-zone {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    gap: 15px;
}
.content .section .white-book .plus-more {
	position:relative;
	/* width: 216px; */
	height: 52px;
	line-height: 52px;
	font-weight: 700;
	font-size: 18px;
	border: 1px solid #0d124a;
	padding-left: 20px;
	color: #0d124a;
	text-indent: 0;
	background: none;
	max-width: 245px;
	width: auto;
	overflow: hidden;
	padding-right: 58px;
}
.content .section .white-book .plus-more:after {
    content: '';
    background: url(../../images/btn-arrow.png);
    width: 12px;
    height: 19px;
    display: block;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}
.content .section .white-book .box {
    display: flex;
    gap: 90px;
}
.content .section .white-book .l {flex: 1 1 50%;border-bottom: 1px solid #c2c2c9;}
.content .section .white-book .r {
    width: 26.83%;
}
.content .section .white-book .cont {
    border-top: 1px solid #c2c2c9;
    /* border-bottom: 1px solid #c2c2c9; */
    /* margin-top: 45px; */
    padding: 45px 20px;
    font-size: 19px;
}
.content .section .white-book .cont ul.toc {}
.content .section .white-book .cont ul.toc li {
    display: flex;
    line-height: 1.3;
    padding: 2px 0;
}
.content .section .white-book .cont ul.toc li strong {margin-top:10px;font-weight: 700 !important;}
.content .section .white-book .cont ul.toc .t {
    width: 100px;
}
.content .section .white-book .cont ul.toc .c {
    flex: auto;
    font-weight: 600;
}
.content .section .white-book .img-box {
    box-shadow: rgba(0, 0, 0, 0.25) 19px 20px 28px, rgba(0, 0, 0, 0.22) 4px 4px 10px;
}


.scroll-down {
    position: absolute;
    bottom: 40px;
    color: #fff;
    margin: auto;
    background: url(../../images/scroll-down_ani.png) no-repeat center;
    width: 65px;
    height: 52px;
    text-indent: -1000px;
    overflow: hidden;
    left: calc(50% - 32px);
    background-size: cover;
    /* animation: backtransition 2s 1s infinite alternate; */
    -moz-transition: all .5s ease;
    /* -webkit-transition: all .5s ease; */
    -o-transition: all .5s ease;
    /* transition: all .5s ease; */
    /* filter: invert(0.9); */
    cursor: pointer;
}
.scroll-down a {
	width: 100%;
	height: 100%;
	display: block;
}
/* MAIN : E */

/* 서브 */
.wrap.sub .sub-content {padding-top: 90px;color: #fff;padding-bottom: 80px;}
.sub-content .head {
    color: #fff;
    padding: 80px 0;
    text-align: center;
    border-bottom: 1px solid #3d416e;
}
.sub-content .head .tag {
    font-size: 20px;
    font-weight: 600;
    border-top: 1px solid #3d416e;
    display: inline-block;
    line-height: 50px;
}
.sub-content .head .title {
    font-size: 56px;
    font-weight: 200;
    line-height: 1.4;
}
.sub-content .tab {
    display: flex;
    text-align: center;
	margin-top: -1px;
}
.sub-content .tab a {
    color: #fff;
    flex: 1;
    border: 1px solid #3d416e;
    margin-left: -1px;
    line-height: 58px;
    font-size: 24px;
    font-weight: 100;
	-moz-transition: all .2s ease-out;-webkit-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;
}
.sub-content .tab a.on, .sub-content .tab a:hover {
    font-weight: 600;
    border-color: #fff;
    z-index: 0;
}
.sphoto {}
.sphoto .cont-box {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    position: relative;
    width: 100%;
}
.sphoto .cont-box .view-box {
    position: relative;
}
.sphoto .cont-box .view-box .box {}
.sphoto .cont-box .view-box figure {}
.sphoto .cont-box .view-box figure img {
    margin: 0;
    width: 100%;
}
.sphoto .cont-box .view-box figure figcaption {
    font-weight: 100;
    line-height: 1.3;
    margin-top: 24px;
    margin-bottom: 40px;
}
.sphoto .cont-box .view-box figure figcaption .t {
    font-size: 17px;
	margin-top: 20px
}
.sphoto .cont-box .view-box figure figcaption .c {
    font-size: 14px;
    margin-top: 8px;
}
.sphoto .cont-box .list-box {
    display: flex;
    border-top: 1px solid #353966;
    padding-top: 40px;
    gap: 25px;
    flex-wrap: wrap;
}
.sphoto .cont-box .list-box a {
    width: calc(20% - 20px);
}
.sphoto .cont-box .list-box a img {}
.sphoto .cont-box .slide-btn {
    background-repeat:no-repeat;
    background-position: center;
    width: 33px;
    height: 65px;
    display: block;
    text-indent: -100px;
    overflow: hidden;
    position: absolute;
    /* top: 50%; */
    /* transform: translateY(-50%); */
    z-index: 1;
    background-color: #0d124a;
    width: 72px;
    height: 72px;
    border-radius: 100px;
    margin-top: -36px;
}
.sphoto .cont-box .slide-prev {background-image: url(../../images/ico-left-big.png);left: 20px;}
.sphoto .cont-box .slide-next {background-image: url(../../images/ico-right-big.png);right: 20px;}



.shistory .cont-box {
    position: relative;
	-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;
}
.shistory .cont-box:before {content: '';background: #353966;width: 1px;height: 100%;display: block;position: absolute;left: 50%;}
.shistory .cont-box .year-box {
    width: 50%;
    position: relative;
    margin-left: 50%;
}
.shistory .cont-box .year-box:before {content: '';display: block;position: absolute;border: 7px solid #4d8ccc;border-radius: 15px;width: 13px;height: 13px;top: 55px;left: -12px;background: #0d124a;}
.shistory .cont-box .year-box .title {
    border-bottom: 1px solid #353966;
    font-size: 38px;
    line-height: 68px;
    font-weight: 700;
    padding-left: 85px;
}
.shistory .cont-box .year-box .desc {
    padding-left: 85px;
}
.shistory .cont-box .year-box .desc ul {
    line-height: 1.4;
    padding: 12px 0;
}
.shistory .cont-box .year-box .desc ul li {
    font-size: 15px;
    display: flex;
    padding: 5px 0;
}
.shistory .cont-box .year-box .desc ul li .t {
    width: 60px;
    color: #96c1ed;
}
.shistory .cont-box .year-box .desc ul li .c {
    width: calc(100% - 60px);
    font-weight: 200;
}



.shistory .cont-box .year-box:nth-child(odd) {margin-left: 0;}
.shistory .cont-box .year-box:nth-child(odd):before {
    right: -13px;
    left: auto;
}
.shistory .cont-box .year-box:nth-child(odd) .title {text-align: right;padding-right: 85px;padding-left: 0;}
.shistory .cont-box .year-box:nth-child(odd) .desc {padding-right: 85px;padding-left: 0;}
.shistory .cont-box .year-box:nth-child(odd) .desc ul {
}
.shistory .cont-box .year-box:nth-child(odd) .desc ul li {
    text-align: right;
    flex-direction: row-reverse;
}
.shistory .cont-box .year-box:nth-child(odd) .desc ul li .t {
}
.shistory .cont-box .year-box:nth-child(odd) .desc ul li .c {}



.sdocu {}
.sdocu .cont-box {
    text-align: center;
    line-height: 1.4;
}
.sdocu .cont-box .tit {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.3;
}
.sdocu .cont-box .desc {
    font-size: 19px;
    font-weight: 300;
    margin-top: 30px;
}
.sdocu .cont-box .det {
    font-size: 15px;
    font-weight: 100;
    margin-top: 30px;
}
.sdocu .cont-box .det span.blk {
	display: inline-block;
	padding: 0 5px;
	font-weight: 100;
}
.sdocu .cont-box .ifr {
    width: 100%;
    margin: 60px auto auto auto;
    max-width: 890px;
    position: relative;
    overflow: hidden;
    padding-bottom: 34.5%;
    text-align: left;
}
.sdocu .cont-box .ifr * {
    width: 100%;
    height: 100%;
    position: absolute;
}
.sdocu .cont-box .txt1 {
    font-size: 30px;
    font-weight: 100;
    margin-top: 60px;
    display: block;
}
.sdocu .cont-box .txt2 {
    font-size: 19px;
    font-weight: 300;
    margin-top: 30px;
}
.sdocu .cont-box a.link {
    font-size: 14px;
    display: inline-block;
    color: #fff;
    border: 1px solid #8689a5;
    line-height: 30px;
    padding: 0 22px;
    margin-top: 50px;
}


.sinterview .cont-box {}
.sinterview .cont-box .list-desc {text-align: right;margin-bottom: 20px;}

.sinterview .cont-box .list {
    display: flex;
    flex-wrap: wrap;
    margin-left: -1.8%;
    margin-top: -45px;

}
.sinterview .cont-box .list a {
    margin-left: 1.8%;
    width: calc(25% - 1.8%);
    margin-top: 45px;
}
.sinterview .cont-box .list a:hover .img-box img {
    transform: scale(1.2);
	-moz-transition: all .5s ease-out;-webkit-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;
}
.sinterview .cont-box .list a .img-box {
    aspect-ratio: 352/198;
    overflow: hidden;
}
.sinterview .cont-box .list a .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sinterview .cont-box .list a .title {
    font-size: 17px;
    color: #fff;
    padding: 10px 0;
    line-height: 1.4;
}

.paging {
    margin-top: 60px;
    display: flex;
    justify-content: center;
}
.paging a {
    border: 1px solid #3d416e;
    margin-left: -1px;
    width: 38px;
    height: 38px;
    color: #fff;
    font-size: 18px;
    font-weight: 200;
    display: flex;
    align-items: center;
    justify-content: center;
}
.paging a.on {
    background: #ffffff;
    color: #0d124a;
    font-weight: 900;
}