@font-face {
    font-family: 'Paperlogy-7Bold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}


@font-face {
    font-family: 'Paperlogy-8ExtraBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}


@font-face {
    font-family: 'Paperlogy-9Black';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-9Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Cafe24Ssurround';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/Cafe24Ssurround.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



.pp7 {font-family: 'Paperlogy-7Bold';}
.pp8 {font-family: 'Paperlogy-8ExtraBold';}
.pp9 {font-family: 'Paperlogy-9Black';}
.surF {font-family: 'Cafe24Ssurround';}

.txtEffet {overflow:hidden; position:relative; text-align:center;}
.secInner {}



.mainWrap {
    width:100%;
    overflow: hidden;
}

/* 메인 베너 */
.mainVBanner {width:100%; height: auto;}
.mainVBanner img {width:100%; height: auto;}


/** +++++++++++++ section01 START ~  +++++++++++++ **/

.sec01 {
	background:#fff; 
	position:relative;
	overflow:hidden;
}
.sec01 .secInner {padding:14rem 0rem;}

.sec01Title {
  color: #111;
  font-size: 8.4rem;
  margin-bottom: 4.7rem;
}

.sec01STitle {
    font-size: 2.8rem;
    line-height: 3rem;
    font-family: "Pretendard";
}

.sec01Menu {
  width: 50rem;
  margin: 6.5rem auto 0;
  overflow: unset!important;
}

.sec01 .slick-list {
    position: relative;
    display: block;
    overflow: unset!important;
    margin: 0;
    padding: 0;

}


.sec01 .slick-track {
    display: flex;
    align-items: flex-end;
}


.sec01 .slick-arrow {display: none!important;}


.sec01MenuSGroup {
    margin-right: 4rem;
}
.sec01Menu .sec01MenuSCont {
    border-radius: 4rem;
    border: 3px solid #f8b300;
    background: #fde8b1;
    height: 38rem;
    width: 100%;

    display: flex!important;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.2);
}

.sec01Menu .sec01MenuSCont .newTag {
    position: absolute;
    left: 2rem;
    top: 2rem;
    font-size: 3rem;
    padding: 1.2rem 2rem 1rem 2rem;
    border-radius: 14.4rem;
    background: #ff5a00;
    color: #fff;
    line-height: 1;
    z-index: 111;
}

.sec01Menu .sec01MenuSCont a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
	z-index:111;
}
.menuImg {
    width:33.2rem;
    height: auto;
}

.menuImg img {
    width:100%;
    height: auto;
}

.moreBtn {
    opacity: 1;
    display: flex;
    background: #1c1c1c;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    align-items: center;
    justify-content: space-between;
    padding: 2.1rem 3.8rem 2.3rem 4.5rem;
    transform: translateY(100%);
    transition: all 0.3s ease-in-out;
    border-radius: 0;
    BORDER-RADIUS: 0 0 4rem 4rem;
}

.moreBtnT {
    color:#fff;
    font-weight: 700;
    font-size:2.6rem;
    line-height: 3rem;
    letter-spacing: -0.025em;
}
.moreBtnE {
    color: #fff;
    font-size: 2rem;
    line-height: 3rem;
    letter-spacing: -0.025em;
    position: relative;
}

.menuTitleBoxGroup {
    position: relative;
    overflow: hidden;
    text-align: center;
    margin-top:3rem;
}

.menuTitleBox {
    height: 0;
    text-align: center;
    margin-top: 0;
    /*transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;*/
}
.menuBTitle {
    font-weight: 700;
    font-size:3.6rem;
    color:#1c1c1c;
	font-family: "Pretendard";
}

.menuSTitle {
    font-size: 2.4rem;
    color: #666666;
    line-height: 3rem;
    font-family: "Pretendard";
    min-height: 6rem;
}


.sec01Menu .slick-active .sec01MenuSCont {
    background:#f8b300;
    padding-bottom: 7.4rem;
}

.sec01Menu .slick-active .sec01MenuSCont .moreBtn {
    opacity: 1;
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
}

.sec01Menu .slick-active .menuTitleBox {
    margin-top:2rem;
    height: auto;
}


@media (max-width:768px) {
	.sec01 .secInner {
		padding: 18.1333vw 0rem 0;
	}
	
	.sec01Title {
		font-size: 10.9387vw;
		margin-bottom: 6.1333vw;
	}

	.sec01STitle {
		font-size: 3.6453vw;
		line-height: 1;
	}
	
	.sec01Menu {
		width: 75%;
		margin: 8.5333vw auto 0;
		overflow: unset!important;
	}
	
	.moreBtn {
		padding: 3.4667vw 4.8000vw 3.4667vw 5.3333vw;
		transform: translateY(100%);
		transition: all 0.3s ease-in-out;
		border-radius: 0 0 19.53px 19.53px;
	}

	.moreBtnT {
		font-size: 3.9067vw;
		line-height: 1;
	}

	.moreBtnE {
		font-size: 2.6053vw;
		line-height: 3.9067vw;
	}

	.menuBTitle {
		line-height:1.2;
		font-size: 4.6880vw;
	}
		
	.menuSTitle {
		font-size: 3.1253vw;
		line-height: 3.9067vw;
		min-height: 7.8134vw!important;
	}
	
	.menuImg {
		width: 85%;
		height: auto;
	}
	
	
	.sec01Menu .sec01MenuSCont {
		border-radius: 19.53px;
		border: 1.5px solid #f8b300;
		background: #fde8b1;
		height: 46.8747vw;
		width: 100%;
		display: flex!important;
		flex-direction: column;
		justify-content: center;
		align-content: center;
		align-items: center;
		position: relative;
		overflow: hidden;
		transition: all 0.3s ease-in-out;
		box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.2);
	}


	.sec01Menu .sec01MenuSCont .newTag {
		left: 1rem;
		top: 1rem;
		font-size: 15px;
		border-radius: 14.4rem;
		padding: 6px 10px 4px;
	}

	.sec01Menu .slick-active .menuTitleBox {margin-top: 2.6667vw;}
	.sec01Menu .slick-active .sec01MenuSCont {
		padding-bottom: 11.1147vw;
	}


	.sec01MenuSGroup {
		margin-right: 0;
		margin: 0 2.66665vw;
	}
	
	.menuTitleBoxGroup {
		margin-top: 4.0000vw;
	}
}


@media (max-width:450px) {
	.sec01Menu {
		width: 53.48%;
		margin: 8.5333vw auto 0;
		overflow: unset!important;
	}
}

@media (max-width:320px) {
	.sec01Menu .sec01MenuSCont .newTag {
		font-size: 12px
	}
}

/** +++++++++++++ ~ section01 END // +++++++++++++ **/



/** +++++++++++++ section02 START ~  +++++++++++++ **/
.sec02 {
    background: #FFF;
    padding: 0 0 14rem;
    position: relative;
}
.sec02::before {
    content:'';
    width:100%;
    height: 22rem;
    background: #f7b200;
    position: absolute;
    left:0%;
    bottom:0%;
    z-index: 0;
}

.sec02Inner {
    width: 100%;
    margin: 0 auto;
    padding: 0 2rem;
    max-width: 162rem;
    z-index: 1;
    position: relative;
}
.enContGroup {
    display: flex;
    border-radius: 60px;
    overflow: hidden;
    box-shadow: 0px 0 40px rgba(0, 0, 0, 0.15);
}

.eventCont {
    width:50%;
    text-align: right;
    position: relative;
    padding:9.5rem 8.7rem 7.8rem 0;
    background: url(../images/s02_eventBg.png) no-repeat center / cover;
}

.newsCont {
    width:50%;
    position: relative;
    background: #1c1c1c;
    padding:9.5rem 0 6rem 9rem;
}

.enTitle {
    font-size:7.2rem;
    line-height: 6rem;
    color:#111111;
    margin-bottom:4rem;
}
.enSTxt {
    font-size: 2.4rem;
    line-height: 3rem;
    color: #111111;
    font-family: "Pretendard";
    font-weight: 500;
}

.enVmoreBtn {
    margin-top: 12.2rem;
    border-radius: 2.8rem;
    padding: 1.7rem 2.4rem 1.8rem 3.2rem;
    display: inline-block;
    z-index: 1;
    position: relative;
    -webkit-border-radius:;
    -moz-border-radius:;
    -ms-border-radius:;
    -o-border-radius:;
}
.enVmoreBtn a {
    display: flex;
    align-items: center;
}
.enVmoreBtnT {
    font-size: 2.4rem;
    font-weight: 700;
    color: #FFF;
    margin-right: 1.1rem;
    font-family: "Pretendard";
}
.enVmoreBtn img {
    width:2.6rem;
    height: 1.2rem;
}

.eventContImg {
    width: 100%;
    position: absolute;
    left: -18.3rem;
    top: unset;
    bottom: -7rem;
    z-index: 0;
}

.eventContImg img {
    width:100%;
    height: auto;
}
.newsCont .enTitle {color:#f8b300;}
.newsCont .enSTxt {color:#fff;}
.newsCont .enVmoreBtnT {color:#1c1400;}
.newsContImg {
    width: 73%;
    position: absolute;
    RIGHT: -14%;
    top: unset;
    bottom: -32%;
    z-index: 0;
}

.newsContImg img {
    width:100%;
    height: auto;
}

@media (max-width:768px) {
	
	.sec02 {
		background: #FFF;
		padding: 18.4000vw 0 0;
		position: relative;
	}
	
	
	.sec02Inner {
		padding: 0 8.0000vw;
	}
	.enContGroup {
		display: flex;
		border-radius: 29.3px;
		overflow: hidden;
		box-shadow: 20px 0 20px rgba(0, 0, 0, 0.15);
		flex-direction: column;
	}


	.eventCont {
		width: 100%;
		text-align: right;
		position: relative;
		padding: 9.5rem 8.7rem 7.8rem 0;
		background: url(../images/s02_eventBg.png) no-repeat center / cover;
	}
	
	.eventCont {
		width: 100%;
		text-align: right;
		position: relative;
		padding: 11.2000vw 7.7333vw 36.2667vw 0;
		background: url(../images/s02_eventBg.png) no-repeat center / cover;
	}

	.enTitle {
		font-size: 10.9387vw;
		line-height: 1;
		color: #111111;
		margin-bottom: 4.8000vw;
	}
	
	.enSTxt {
		font-size: 3.6453vw;
		line-height: 4.4267vw;
	}

	.enVmoreBtn {
		margin-top: 5.0667vw;
		border-radius: 2.8rem;
		padding: 2.1333vw 3.2000vw 2.1333vw 3.2000vw;
		display: inline-block;
		z-index: 1;
		position: relative;
		-webkit-border-radius: ;
		-moz-border-radius: ;
		-ms-border-radius: ;
		-o-border-radius: ;
	}
	
	.enVmoreBtn img {
		width: 4.0000vw;
		height: 2.1333vw;
	}
	
	.eventContImg {
		width: 118%;
		position: absolute;
		left: -26%;
		top: unset;
		bottom: -13%;
		z-index: 0;
	}

	.enVmoreBtnT {
		font-size: 3.1253vw;
		margin-right: 0.6rem;
	}
	
	.newsCont {
		width: 100%;
		position: relative;
		background: #1c1c1c;
		padding: 11.2000vw 0 35.7333vw 8.0000vw;
	}
	
	.newsContImg {
		width: 68%;
		position: absolute;
		RIGHT: -4%;
		top: unset;
		bottom: -19%;
		z-index: 0;
	}


}

/** +++++++++++++ ~ section02 END // +++++++++++++ **/

.sec03 {
    padding:4rem 0 14rem;
    background: #f7b200;
    position: relative;
}

.sec03Bg {position: absolute;}

.sec03Bg01 {
    top: 0;
	left: 0;
    width: 70.5rem;
    height: auto;
}

.sec03Bg02 {
    right: 2%;
    top: 37%;
    z-index: 0;
	width: 41.8rem;
    height: auto;
}
.sec03Bg03 {
    left: 0;
    bottom: 24%;
	width:38.2rem;
	height:auto;
}

.sec03Bg04 {
    right: -0.7%;
    bottom: 5%;
	width: 41.1rem;
    height: auto;
}

.sec03Inner {
    width: 100%;
    max-width: 114rem;
    padding: 0 1rem;
    margin: 0 auto;
    z-index: 1;
    position: relative;
}

.sec03Title {
    font-size: 8.4rem;
    line-height: 9rem;
    color: #000000;
    text-align: center;
}


.sec03Title span {
    color:#FFf;
    position: relative;
    z-index: 1;
    padding-right:1rem;
}
.sec03Title span::before {
    content: '';
    width: 0;
    height: 100%;
    background: #f24100;
    position: absolute;
    left: -5px;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
	transition:all 0.8s ease-in-out;
}

.sec03Title span.aos-animate::Before {
	width:100%;
}


.sec03Stxt {
    text-align: center;
    font-size: 2.8rem;
    margin-top: 4.7rem;
    line-height: 3.4rem;
    font-family: "Pretendard";
    font-weight: 500;
}

.sec03Stxt span {
    font-weight: 700;
}

.sec03LogoBox {
    margin-top: 8.6rem;
    background: #FFF;
    border-radius: 40px;
    overflow: hidden;
    z-index: 1;
    position: relative;
}

.sec03LogoBoxInner {
    padding:7.4rem 6.8rem 5.3rem 10.2rem;
}

.sec03Logo01 {
    width: 89.7%;
    margin: 0 auto 0 0;
}

.sec03LogoBoxInner img {
    width:100%;
    height: auto;
}

.sec03LogoList {
    display: flex;
    margin-top:7.3rem;
}

.sec03LogoList {
    display: flex;
    justify-content: space-between;
    height: 19.5rem;
    align-items: center;
}

.sec03LogoList li {
    height: 100%;
}
.sec03LogoList li:nth-child(1) {
    width:16.3rem;
    height:auto;
}

.sec03LogoList li:nth-child(2) {
    border-right: 1px solid #000;
    border-left: 1px solid #000;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sec03LogoList li:nth-child(2) div {
    width:22.2rem;
    height:auto;
    margin:0 8rem 0 10.6rem;
}

.sec03LogoList li:nth-child(3) {
    width:21rem;
    height:auto;
}


.sec03LogoList li img {
    width:100%;
    height: auto;
}

.tellBotm {
    width:100%;
    background: #111111;
}
.tellBotm a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem 0 2.7rem 0;
}
.telBotmTxt {
    font-size: 6rem;
    line-height: 1;
    color: #fff;
    margin-right: 2rem;
    margin-left: 2.4rem;
}
.telNum {
    font-family: 'GmarketSansBold';
    font-size: 6rem;
    line-height: 1;
    color: #ffe399;
    margin-right: 2.1rem;
    padding-top: 1rem;
}


@media (max-width:991px) {
	.sec03 {
		padding: 18.4000vw 0 95.4667vw;
		position: relative;
	}
	
	
	.sec03LogoBoxInner {
		padding: 11.7333vw 8vw;
	}
	
	

	.sec03Title {
		font-size: 10.9387vw;
		line-height: 11.7173vw;
		word-break: keep-all;
	}
	
	.sec03Stxt {
		font-size: 3.6453vw;
		margin-top: 5.8667vw;
		line-height: 4.4267vw;
	}
		
	.sec03LogoBox {
		margin-top: 10.6667vw;
		background: #FFF;
		border-radius: 19.53px;
		overflow: hidden;
		z-index: 1;
		position: relative;
	}

  .sec03Logo01 {
    width: 96.8%;
    margin: 0 auto;
  }

	.sec03LogoList {
		display: flex;
		justify-content: space-between;
		height: 15.3573vw;
		margin-top: 6.6667vw;
		align-items: center;
	}


	.sec03LogoList li:nth-child(1) {
		width: 15.2000vw;
		margin-right: 5.8667vw;
	}

	.sec03LogoList li:nth-child(2) div {
		width: 20.8000vw;
		margin: 0 3.7333vw 0 5.8667vw;
	}


	.sec03LogoList li:nth-child(3) {
		width: 19.7333vw;
		margin-left: 5.8667vw;
	}
	
  .tellBotm a {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 3.1rem 0 2.8rem 0;
    padding: 4.2667vw 0;
}

	.telBotmTxt {
		font-size: 7.0320vw;
		line-height: 1;
		margin-right: 2.6667vw;
		margin-left: 2.6667vw;
	}
	
	.telNum {
		font-size: 7.0320vw;
		line-height: 1;
		margin-right: 2.6667vw;
		padding-top: 0.2rem;
	}
	
	.telIcon {
		width: 5.8667vw;
		margin-top: 0.25rem;
	}

.telIcon img {width:100%;}
	
	.sec03Bg01 {
		top: unset;
		left: 50%;
		width: 100%;
		height: auto;
		bottom: 2%;
		transform: translateX(-50%);
	}
	
	.sec03Bg.sec03Bg02,
	.sec03Bg.sec03Bg03,
	.sec03Bg.sec03Bg04 {display:none;}
	
	
	
	


}
.sec03Bg01 img {
	width:100%;
}