@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:blue; 
	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;
}

.sec01Menu {
    width: 50rem;
    margin: 10.6rem 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 a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}
.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;
}

.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;
}

.menuSTitle {
    font-size:2.4rem;
    color:#666666;
    line-height: 3rem;;
}


.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;
}

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



/** +++++++++++++ section02 START ~  +++++++++++++ **/
.sec02 {
    background: #FFF;
    padding:14rem 0;
    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: 20px 0 20px 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;
}

.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;
}

.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;
}

/** +++++++++++++ ~ 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;
}

.sec03Stxt span {
    font-weight: 700;
}

.sec03LogoBox {
    margin-top: 4.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;
}

.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: 3.1rem 0 2.8rem 0;
}
.telBotmTxt {
    font-size:6rem;
    line-height: 9rem;
    color:#fff;
    margin-right:2rem;
    margin-left:2.4rem;
}

.telNum {
    font-family: 'GmarketSansBold';
    font-size:6rem;
    line-height: 9rem;
    color:#ffe399;
    margin-right:2.1rem;
}