@charset "utf-8";


@font-face {
    font-family: 'LeferiBaseType-RegularA';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/LeferiBaseType-RegularA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@import url('https://fonts.googleapis.com/css2?family=Philosopher:wght@400;700&display=swap');

/* mVisual */
#mVisual{}
#mVisual .mv{background-repeat: no-repeat; background-position: center center; background-size: cover; height: 100vh; max-height: calc(100vh - 100px); margin: 0 auto; max-width: 100%; position: relative;}
/* #mVisual .mv.mv1{background-image: url(/images/main/mv1_221117.jpg);} */
#mVisual .mv.mv1{background-image: url(/images/main/mv1_230531.png);}
#mVisual .mv.mv1 .mv_txt{margin-top: 6%; text-align: center; width: 100%;}
#mVisual .mv.mv1 .mv_txt img{display: inline-block !important; width:95%; max-width: 1200px;}
#mVisual .mv.mv1 .mv_txt .txt_c{display: none;}
#mVisual .mv.mv1 .mv_txt2{position: absolute; width: 100%; right: 5%; bottom: 10%; text-align: right;}
#mVisual .mv.mv1 .mv_txt2 img{max-width: 60%; display: inline-block !important;}
#mVisual .mv.mv2{background-image: url(/images/main/mv3_221209.jpg);}
#mVisual .mv .inner{height: 100%;}
#mVisual .mv .inner .txt{padding-top: 80px;}
#mVisual .mv .inner .txt.txt2{display: none;}
#mVisual .mv .inner .txt h4{font-size: 3.4rem; color: #222222; font-weight: 400;}
#mVisual .mv .inner .txt h3{font-size: 7rem; color: #1c90cf;}
#mVisual .mv .inner .txt h3 span{color: #00557a;}

.main_btn{
	position:absolute;
	right:30px;
	top:0px;
	margin-top:60px;
	margin-left:7px;
}

.main_btn img{
	width:185px;
}

@media all and (max-width:976px){
	.main_btn{right: auto; left: 50%; top: 0; margin-top: 50px; margin-left: 0; transform: translateX(-50%); display: flex;}
	.main_btn img{width: 160px;}
	#mVisual .mv{max-height: calc(100vh - 70px); min-height: 680px;}
	#mVisual .mv.mv1{background-image:url('/images/main/mv1_230531_m.jpg'); background-position: bottom center}
    #mVisual .mv.mv1 .mv_txt .txt_c{display: block; margin-top: 5%;}
    #mVisual .mv.mv1 .mv_txt2{display: none;}
	#mVisual .mv.mv2{background-image: url(/images/main/mv3_mo.jpg); background-position: bottom center;}
	#mVisual .mv .inner .txt{padding-top: 200px; text-align: center;}
    #mVisual .mv .inner .txt.txt2{display: block;}
	#mVisual .mv .inner .txt img{max-width: 360px; margin: 0 auto;}
	#mVisual .mv .inner .txt h4{font-size: 3rem;}
	#mVisual .mv .inner .txt h3{font-size: 5.6rem;}
	#mVisual .mv .inner .txt h3 span{}


    #mVisual .mv.mv1 .mv_txt2{text-align: center;}
    #mVisual .mv.mv1 .mv_txt2 img{max-width: 75%;}
}
@media all and (max-width:640px){
	.main_btn{margin-top: 20px;}
	.main_btn img{width: 140px;}
	#mVisual .mv{max-height: calc(100vh - 220px);}
	#mVisual .mv .inner .txt{padding-top: 140px;}
	#mVisual .mv .inner .txt img{max-width: 280px; margin: 0 auto;}
/*	#mVisual .mv{max-height: calc(100vh - 300px); background-position: left -320px center;}*/
/*
	#mVisual .mv .inner .txt{padding-top: 100px;}
	#mVisual .mv .inner .txt h4{font-size: 2.6rem;}
	#mVisual .mv .inner .txt h3{font-size: 4.8rem;}
*/

        #mVisual .mv.mv1 .mv_txt{margin-top: 13%;}
}
@media all and (max-width:500px){
    #mVisual .mv .inner .txt{padding-top: 30vw;}
    #mVisual .mv .inner .txt img{max-width: 210px;}
    #mVisual .mv{max-height: 135vw; min-height: auto;}
}

/* sec1 */
.sec1{height: 850px; display: flex;position: relative; max-width: 1920px; margin: 0 auto; justify-content: space-between; }
.sec1 .left_cont{background: url(/images/main/sec1_left_cont_bg.png) no-repeat right -69px center; width: 50%; padding-left: 160px; height: 100%; display: flex; flex-direction: column; justify-content: center;}
.sec1 .left_cont .tit{}
.sec1 .left_cont .tit h4{font-size: 3.2rem; color: #1c90cf; font-weight: 500;}
.sec1 .left_cont .tit h3{font-family: 'Philosopher', sans-serif; font-size: 7.5rem; color: #00557a; margin-top: -10px; line-height: 1em;}
.sec1 .left_cont .tit h3 span{font-family: 'Jost', sans-serif; font-weight: 600; font-size: 13rem;}
.sec1 .left_cont .tit p{font-size: 2.2rem; color: #222222; margin-top: 50px;}
.sec1 .left_cont .list{margin-top: 90px;}
.sec1 .left_cont .list li{font-size: 1.8rem; color: #686868; margin-bottom: 25px; position: relative;}
.sec1 .left_cont .list li:last-child{margin-bottom: 0;}
.sec1 .left_cont .list li::before{content: '';  width: 14px; height: 14px; border-radius: 100%; border: 4px solid #00556f; background-color: #fff; display: inline-block; margin-right: 20px; position: relative; z-index: 2;}
.sec1 .left_cont .list li::after{content: ''; background-color: #d5dfe0; height: 50px; width: 1px; display: block; position: absolute; left: 6px; top: 7px;}
.sec1 .left_cont .list li:last-child::after{display: none;}
.sec1 .right_cont{width: 50%; height: 100%;}
.sec1 .right_cont .img{background: url(/images/main/sec1_img1.jpg) no-repeat center center / cover; width: 100%; height: 100%;}
.sec1 .premium_box{position: absolute; right: 0; bottom: 140px; max-width: 1080px;}
.sec1 .premium_box .arrows{display: flex; align-items: center; justify-content: flex-end; margin-right: 30px; margin-bottom: 20px;}
.sec1 .premium_box .arrows .prev{margin-right: 2px;}
.sec1 .premium_box .arrows .next{}
.sec1 .premium_box .arrows > div img{cursor: pointer;}
.sec1 .premium_box .premium_list{}
.sec1 .premium_box .premium_list .list{display: flex; justify-content: center; align-items: center; flex-direction: column; width: 280px; height: 300px; border-top-right-radius: 20px; background-color: #fff; margin-right: 20px;}
.sec1 .premium_box .premium_list .list .img{}
.sec1 .premium_box .premium_list .list .img img{}
.sec1 .premium_box .premium_list .list h4{font-family: 'Philosopher', sans-serif;  font-size: 1.9rem; color: #1c90cf; margin-top: 30px;}
.sec1 .premium_box .premium_list .list h3{font-size: 2.8rem; color: #00556f;}

@media all and (max-width:976px){
	.sec1{flex-wrap: wrap; height: auto;}
	.sec1 .left_cont{width: 100%; padding: 90px 3%;}
	.sec1 .right_cont{width: 100%; height: 600px; display: none;}
	.sec1 .premium_box{display: none;}
	.sec1 .left_cont .tit h4{font-size: 2.8rem}
	.sec1 .left_cont .tit h3{font-size: 6.4rem; margin-top: 0;}
	.sec1 .left_cont .tit h3 span{font-size: 10rem;}
	.sec1 .left_cont .tit p{font-size: 2rem; margin-top: 35px;}
	.sec1 .left_cont .list{margin-top: 65px;}
	.sec1 .left_cont .list li{margin-bottom: 15px;}
}
@media all and (max-width:640px){
	.sec1 .left_cont{padding: 80px 3%; background: url(/images/main/sec1_left_cont_bg.png) no-repeat right -99px center;}
	.sec1 .left_cont .tit h4{font-size: 2.4rem}
	.sec1 .left_cont .tit h3{font-size: 5.6rem; margin-top: 0;}
	.sec1 .left_cont .tit h3 span{font-size: 8rem;}
	.sec1 .left_cont .tit p{font-size: 1.8rem; margin-top: 25px;}
	.sec1 .left_cont .list{margin-top: 55px;}
	.sec1 .left_cont .list li{margin-bottom: 15px;}
}

/* sec2 */
/*
.sec2{height: 950px; width: 100%; max-width: 1920px; margin: 0 auto; position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover; transition: .3s;background-image:url(/images/main/sec2_bg1.jpg);}
.sec2 .txt{position: absolute; top: 120px; left: 50%; transform: translateX(-50%) !important; color: #fff; text-align: center; width: 100%; text-align: center;}
.sec2 .txt img{height: 0; width: 0; opacity: 0; visibility: hidden; position: fixed; left: -9999px;}
.sec2 .txt h3{font-weight: 400; font-family: 'Philosopher', sans-serif; font-size: 4.2rem; line-height: 1em;}
.sec2 .txt h3 span{font-weight: 700; font-size: 8rem;}
.sec2 .txt p{font-size: 2.2rem; margin-top: 30px; width: 100%;text-align: center;}
.sec2 .list{display: flex; height: 100%;}
.sec2 .list li{width: 25%; text-align: center; color: #fff; display: flex; align-items: flex-end; height: 100%; justify-content: center;padding-bottom: 180px; border-right: 1px solid rgba(255,255,255,0.1); background: transparent; transition: .3s ease-in-out;}
.sec2 .list li:last-child{border-right: 0;}
.sec2 .list li:hover{background: linear-gradient(-90deg , rgba(0,85,122,0.62), rgba(0,149,172,0.62), rgba(0,149,172,0.62));}
.sec2 .list li .text{}
.sec2 .list li .text .tit{}
.sec2 .list li .text .tit h4{font-size: 2.2rem; font-family: 'Philosopher', sans-serif; line-height: 1em;}
.sec2 .list li .text .tit h3{font-size: 3.8rem;}
.sec2 .list li .text .cont{visibility: hidden; opacity: 0; transition: .3s; margin-bottom: -180px;}
.sec2 .list li:hover .text .cont{visibility: visible; opacity: 1; margin-bottom: 0;}
.sec2 .list li .text .cont p{font-size: 1.6rem; margin-top: 35px;}
.sec2 .list li .text .cont a{margin-top: 50px; display: block;}
.sec2 .list li .text .cont a img{}

@media all and (max-width:976px){
	.sec2{background: #fafafa !important; padding: 90px 3%; height: auto;}
	.sec2 .txt{position: relative; text-align: left; color: #000; top: 0;}
	.sec2 .txt h3{font-size: 3.4rem; color: #1c90cf;}
	.sec2 .txt h3 span{font-size: 6.4rem; color: #00557a; display: block; margin-top: 30px;}
	.sec2 .txt p{font-size: 2rem; margin-top: 45px; text-align: left;}
	.sec2 .list{flex-wrap: wrap; margin-top: 30px;}
	.sec2 .list li{width: 50%; height: 50%; padding-bottom: 0; padding: 50px 20px;}
	.sec2 .list li:nth-child(1){background: url(/images/main/sec2_bg1.jpg) no-repeat center center / cover;}
	.sec2 .list li:nth-child(2){background: url(/images/main/sec2_bg2.jpg) no-repeat center center / cover;}
	.sec2 .list li:nth-child(3){background: url(/images/main/sec2_bg3.jpg) no-repeat center center / cover;}
	.sec2 .list li:nth-child(4){background: url(/images/main/sec2_bg4.jpg) no-repeat center center / cover;}
	.sec2 .list li .text .cont{opacity: 1; margin-bottom: 0; visibility: visible;}
	.sec2 .list li .text .tit h4{font-size: 2rem;}
	.sec2 .list li .text .tit h3{font-size: 3.2rem;}
	.sec2 .list li .text .cont p{margin-top: 20px;}
	.sec2 .list li .text .cont a{margin-top: 30px;}
	.sec2 .list li .text .cont a img{max-width: 50px;}
}
@media all and (max-width:640px){
	.sec2{padding: 80px 3%;}
	.sec2 .txt h3{font-size: 3rem;}
	.sec2 .txt h3 span{font-size: 5.6rem; margin-top: 20px;}
	.sec2 .txt p{font-size: 1.8rem; margin-top: 35px;}
	.sec2 .list{margin-top: 45px;}
	.sec2 .list li{width: 100%; padding: 35px 20px 30px;}
	.sec2 .list li .text .tit h4{font-size: 1.8rem;}
	.sec2 .list li .text .tit h3{font-size: 2.8rem;}
	.sec2 .list li .text .cont p{margin-top: 15px;}
	.sec2 .list li .text .cont a{margin-top: 20px;}
	.sec2 .list li .text .cont a img{max-width: 46px;}
}
*/


/* sec3 */
.sec3{height: 850px; width: 100%; display: flex; justify-content: space-between; position: relative; overflow: hidden;}
.sec3 .left_cont{width: 50%; background-color: #f7f7f7;}
.sec3 .right_cont{width: 50%; background: linear-gradient(109deg, #00557a, #0095ac); height: 100%; display: flex; flex-direction: column; justify-content: center; padding-left: 210px; padding-right: 160px; color: #fff;}
.sec3 .right_cont .txt{}
.sec3 .right_cont .txt h4{font-family: 'Jost', sans-serif; font-weight: 500; font-size: 2.8rem;}
.sec3 .right_cont .txt h3{font-family: 'Philosopher', sans-serif; font-size: 7.5rem; line-height: 1em;}
.sec3 .right_cont .txt p{font-size: 2.4rem; margin-top: 50px;}
.sec3 .right_cont .txt .list{margin-top: 80px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.sec3 .right_cont .txt .list li{width: 260px;}
.sec3 .right_cont .txt .list li a{color: #fff; font-family: 'Jost', sans-serif; font-weight: 500; font-size: 2.2rem; border-bottom: 1px solid rgba(255,255,255,0.36); width: 100%; display: inline-block; line-height: 70px; background: url(/images/main/sec3_arrow.png) no-repeat right 32px center;}
.sec3 .unit_box{position: absolute; bottom: 150px; left: 0; max-width: 1060px;}
.sec3 .unit_box .slick-track{left: -116%;}
.sec3 .unit_box .unit_list{background-color: #fff; padding: 40px; position: relative; margin-left: 20px;}
.sec3 .unit_box .unit_list img{}
.sec3 .unit_box .unit_list .txt{width: 270px; height: 55px; background-color: #00557a; border-top-right-radius: 20px; line-height: 55px; color: #fff; padding-left: 22px; font-size: 1.8rem; position: absolute; left: 0; bottom: 0;}
.sec3 .unit_box .unit_list .txt b{font-family: 'Jost', sans-serif; font-weight: 600; font-size: 2rem;}
.sec3 .unit_box .unit_list .txt span{margin: 0 5px; opacity: 0.2; font-weight: 100;}
.sec3 .slick-dots{bottom: -40px;}
.sec3 .slick-dots li{width: 10px; height: 10px; background-color: #e5e5e5;}
.sec3 .slick-dots li.slick-active{background-color: #989898;}

@media all and (max-width:976px){
	.sec3{height: auto; flex-wrap: wrap;}
	.sec3 .left_cont{display: none;}
	.sec3 .right_cont{width: 100%; padding: 90px 3%;}
	.sec3 .right_cont .txt h4{font-size: 2.5rem;}
	.sec3 .right_cont .txt h3{font-size: 6.4rem; margin-top: 10px;}
	.sec3 .right_cont .txt p{font-size: 2rem; margin-top: 30px;}
	.sec3 .right_cont .txt .list{margin-top: 35px;}
	.sec3 .right_cont .txt .list li{width: 49%;}
	.sec3 .right_cont .txt .list li a{line-height: 60px;}
	.sec3 .unit_box{position: static; max-width: 100%;}
	.sec3 .unit_box .unit_list{margin-left: 0;}
	.sec3 .unit_box .unit_list img{width: 100%;}
	.sec3 .unit_box .slick-track{left: 0;}
}
@media all and (max-width:640px){
	.sec3 .right_cont{padding: 65px 3%;}
	.sec3 .right_cont .txt h4{font-size: 2.2rem;}
	.sec3 .right_cont .txt h3{font-size: 5.6rem; margin-top: 10px;}
	.sec3 .right_cont .txt p{font-size: 1.8rem; margin-top: 25px;}
	.sec3 .right_cont .txt .list li a{font-size: 2rem; line-height: 56px;}
}


#section02 {
	text-align: center;
	padding-top:120px;
	padding-bottom: 150px;
	box-sizing:border-box;
}

#section02 .section2_t{
	height: 26px;
	display:block;
	margin:0 auto;
}
#section02 .section2_t img{height:100%}
#section02 .section2_b{text-align: center; margin-top: 70px;}

#section03 {
	background: #EDF3F7;
	text-align: center;
	padding-top:120px;
	padding-bottom: 150px;
	box-sizing:border-box;
}

#section03 .section3_t{
	height: 26px;
	display:block;
	margin:0 auto;
}
#section03 .section3_t img{height:100%}

#section03 .section3_b{
	display:flex;
	margin:0 auto;
	margin-top:70px;
}

@media all and (max-width:976px){
	#section02,
	#section03{padding-top: 90px; padding-bottom: 110px;}
	#section02 .section2_t,
	#section03 .section3_t{height: 20px;}
	#section03 .section3_b{flex-direction: column; margin-top: 50px;}	
	#section03 .section3_b img{width: 100% !important;}
}