


@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Black.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}


body {
	font-size:62.5%;
}

.ptF {font-family: 'Pretendard';  font-weight: 400;}

section img {
	width:100%;
	height:auto;
}
.mo_only {display:none;}

@media (max-width:991px) {
	.mo_only {display:block!important;}
	.pc_only {display:none!important;}
}



#sec01 {
    padding: 20.9rem 0 19rem;
    position: relative;
    overflow: hidden;
    background: #2a91e0;
}

.mainImg {
    display: flex;
    width: 100%;
}

.sec01BgTxt {
    position: absolute;
    left: 0;
    bottom: 12.5%;
    width: 46%;
    z-index: 1;
}

.sec01BgTxt img {
	width:100%;
	height:auto;
}

.sec01Left {
    width: 50%;
    text-align: left;
    padding-left: 17%;
    z-index: 1;
    background: #2a91e0;
}

.sec01Stitle {
	font-size:3.2rem;
	color:#fff;
	margin-bottom:2.4rem;
}

.sec01Btitle {
	font-weight:700;
	line-height:1.2;
	font-size:6rem;
	color:#fff;
}


.sec01Right {
    width: 50%;
	position:relative;
}

.sec01RSlide {width:50%;}
.sec01RSlide .slick-list {overflow:unset!important;}
.slideImg {	}
.slideImg img {width:100%; height:auto;}

.sec01RSlide .slick-slide {margin-right: 8.5rem;}

.sec01RSlide .slick-prev, .sec01RSlide .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 9rem;
    height: 9rem;
    padding: 0;

    transform: translate(0, -60%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    background: red;
    boder: 1px solid red;
    left: 0;
    z-index: 111111;
}
.sec01RSlide .slick-next {
    right: 190%;
    left: unset;
    background: url(/STATIC/img/sec01_btnNext.png) no-repeat center / cover;
    margin-left: 1.7rem;
}
.sec01RSlide .slick-prev {
    left: unset;
    right: 213%;
	background: url(/STATIC/img/sec01_btnPrev.png) no-repeat center / cover;
}

.sec01RSlide .slick-prev::before, .sec01RSlide .slick-next::before {
	display:none!important;
}


#sec03Botm {
	padding:10rem 2rem 15rem;
	background:url(/STATIC/img/sec03Botm.jpg) no-repeat center / cover;
}
#sec03Botm .mainInner {
	width:100%;
	max-width:95rem;
	margin:0 auto;
}

.sec03Btitle  {
	text-align:center;
	font-family:"Pretendard";
	font-weight:700;
	font-size:6rem;
	line-height:1.16;
	color:#211646;
	letter-spacing:-0.025em;
}

.sec03BSlide {
	margin-top:6.4rem;
}

.sec03BSlide .slick-list {

    padding: 3rem 0!important;
}

.sec03BSlide img.on {
	display:none
}
.sec03BSlide .slick-slide {
	padding:0 3.2rem;
}

.sec03BSlide .slick-center img {transform: scale(1.15);}
.sec03BSlide .slick-center img.on {display:block!important;}
.sec03BSlide .slick-center img.offf {display:none!important;}


.sec03BSlide .slick-prev, .sec03BSlide .slick-next {
    width: 7rem;
    height: 7rem;
    border-radius: 999%;
    overflow: hidden;
    box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.3);
}
.sec03BSlide .slick-next {
    background: url(/STATIC/img/sec03_btnNext.png) no-repeat center / cover;
    right: -10%;
}
.sec03BSlide .slick-prev {
    background: url(/STATIC/img/sec03_btnPrev.png) no-repeat center / cover;
    left: -10%;
}

.sec03BSlide .slick-prev::before, .sec03BSlide .slick-next::before {
	display:none!important;
}


.DownBtn {
	width: 31.2%;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	padding-bottom: 12rem;
}

.DownBtn a {
	display: inline-block;
	position: absolute;
	width: 100%;
	height: 100%;
}



.sec03Down {
    margin: 0 auto;
    margin-top: 9.5rem;
    width: 63.2%;
}

.sec03Down a {display: inline-block;}
.sec03Down a img {width:100%; height:auto;}


#sec05, #sec06 {position: relative;}

#sec05 .DownBtn {bottom: 7.5%;}
#sec06 .DownBtn {bottom: 12.5%;}

#sec08 {position:relative;}
.sec08Down {bottom: 11.5%;}
