@charset "utf-8";

/* common */
#container_index article{overflow:hidden; z-index:60; min-height:100vh;}

/* visual */
.area_visual [data-visual="00"]{background-image: url(../img/main/img_visual01.jpg);}
.area_visual [data-visual="01"]{background-image: url(../img/main/img_visual02.jpg);}
.area_visual [data-visual="02"]{background-image: url(../img/main/img_visual01.jpg);}
.visual_list > li{height:100vh; background-size:cover; background-position:50% 50%;}
.visual_tit{position:absolute; bottom:102rem; left:0; z-index:99;}
article.area_visual{position:relative;overflow:hidden;background:#1c1c1c;min-height:100vh;max-height: 100vh;z-index: 5;}
#main-control{background:#1777c1;}
#main-control  *{color:#fff; font-style:normal;}
#main-control .controls_box{display:flex; justify-content:center; align-items:center; width:132rem; flex-direction:column;}
#main-control .line{display:block; position:absolute; right:131rem; width:1rem; height:100%; background:rgba(255,255,255,0.1);}
#main-control .controls{display:flex; align-items:center; height:278rem;}
#main-control .controls strong{line-height:1; padding-right:133rem; padding-left:50rem; font-family:'Pretendard', dotum, sans-serif; font-weight:600; font-size:85rem; letter-spacing:-0.025rem; text-transform:uppercase;}
#main-control .controls strong > i{display:block; opacity:0.3; margin-bottom:22rem; font-size:19rem; letter-spacing:0; text-indent:2rem;}
#main-counter > *{font-size:17rem;}
#main-counter > *:not(:first-child){opacity:0.2;}
#main-counter > i{margin:0 7rem 0 8rem;}
.controls_btn{display:flex; margin-bottom:65rem; flex-direction:column;}
.controls_btn a{display:flex; justify-content:center; align-items:center; opacity:0.4; width:53rem; height:53rem; border:1rem solid #fff; font-size:0; transition:opacity 0.5s ease; border-radius:100%;}
.controls_btn a::after{content:""; display:block; width:15rem; height:7rem; background-position:50% 50%; background-image:url(../img/common/arr_basic.png); background-repeat:no-repeat;}
.controls_btn a.bx-next::after{transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.controls_btn a.bx-next{margin-top:9rem;}
.controls_btn a:hover{opacity:1;}
#main-control .line::after{content:""; position:absolute; bottom:0; width:100%; height:0%; background:#fff;}
#main-control .line.on::after{height:100%; transition:all 3s ease;}
#fullpage > div::after{content:""; position:absolute; top:0; left:377rem; z-index:60; width:1rem; height:100%; background:#eee;}
#fullpage > #section0::after{opacity:0.14;}
.main_wrap{width:1200rem; margin:0 auto; margin-left:379rem;}
.area_visual .main_wrap,
.area_info .main_wrap{display:flex; align-items:center; height:100vh;}
.area_visual .visual_list .txt h3{padding-left:207rem; font-weight:100; font-size:57rem; color:#fff; animation:visualAniTitle 1.3s ease 0s forwards;}
.area_visual .visual_list .txt h3 strong{font-weight:600;}
.area_visual .visual_list .txt{position:absolute; bottom:170rem; padding-top:0;}
li.empty_li{border: none !important;}
#fullpage{overflow-x: hidden;}

#en .area_visual .visual_list .txt h3{font-size: 50rem;}
#en .info_txt h2{font-size: 53rem;}

/* info */
.info_txt h2{margin-bottom:48rem; font-weight:100; font-size:57rem; color:#222; letter-spacing:-0.05rem;}
.info_logo{display:flex;justify-content:flex-start;align-items:center;position:absolute;top:-26rem;right:-80rem;flex-direction:column;z-index: 0;}
.info_txt{position:relative; z-index:9; margin-left:56rem; padding-top:12vh;}
.info_txt *:not(h2):not(h2 > strong){font-size:23rem;}
.info_txt > p{opacity:0.58;}
.info_txt > strong{display:block; margin-top:13rem;}
.info_logo > span > [data-info]{margin:0 30rem;}
#section1 .info_logo [data-info]{opacity:0; transition:all 1.5s ease;}
.info_logo > span > [data-info="00"]{transform:translate3d(-100rem, 0rem, 0);}
.info_logo > span > [data-info="01"]{transform:translate3d(100rem, 0rem, 0);}
#section1.active .info_logo [data-info]{opacity:1;}
#section1.active .info_logo > span > [data-info]{transform:translate3d(0, 0rem, 0); transition-delay:0.4s;}
#section1 .info_logo [data-info="00"]{width:562rem; height:296rem;}
#section1 .info_logo > span{display:flex; align-items:center;}
#section1 .info_logo [data-info="01"]{width:488rem; height:310rem;}
#section1 .info_logo > i{position:relative;}
#section1 .info_logo > i::after{content:""; position:absolute; bottom:0; left:0; width:100%; height:100%; background:#fff; transition:all 1.6s ease;}
#section1.active .info_logo > i::after{height:0; transition-delay:0.8s;}
#section1 .info_logo [data-info="03"]{width:575rem; height:221rem; transform:translate3d(0, 40rem, 0);}
#section1 .info_logo [data-info="02"]{width:560rem; height:299rem;}
#section1.active .info_logo [data-info="03"]{transform:translate3d(0, 0rem, 0); transition-delay:1.7s;}


/* board */

.area_board::before{content:""; position:absolute; top:0; left:0rem; z-index:0; width:100%; height:70%; transform:rotate(180deg); -webkit-transform:rotate(180deg); pointer-events:none; background-image:linear-gradient(rgb(207 26 26 / 0%), rgb(248 248 248) 80%);}
.area_board .main_wrap{position:relative; margin-bottom:256rem;}
.board_notice{position:absolute;bottom:0rem;left:0;width:100%;}
.notice_tit{position:absolute; bottom:102rem; left:0; z-index:66;}
.area_board{display:flex;justify-content:center;flex-direction:column;overflow: hidden;height: 100%;}
article.area_board #main-control .line.on::after{display:none;}
.board_data{display:flex; gap:54rem;}
.board_data > li{width:50%; height:312rem;}
.board_data > li > a{display:block; position:relative; height:100%;}
.board_data > li:nth-child(1) > a > i{background-image:url(../img/main/img_data01.jpg);}
.board_data > li > a > i{display:block; width:100%; height:100%; background-size:cover; background-position:50% 50%; background-repeat:no-repeat;}
.board_data > li:nth-child(2) > a > i{background-image:url(../img/main/img_data02.jpg);}
.board_data > li .txt{display:flex; align-items:flex-start; position:absolute; bottom:42rem; left:49rem; flex-direction:column;}
.board_data > li .txt *{color:#fff; font-style:normal;}
.board_data > li .txt strong{margin-top:8rem; font-size:25rem;}
.board_data > li .txt i{font-size:15rem;}
.area_board .main_wrap > div{margin-left:188rem; max-width:none !important;}
.notice_list > li > a{display:flex; justify-content:flex-start; flex-direction:column;}
.notice_list > li > a *{font-style:normal;}
.main.fp-viewing-1Page #fp-nav ul li a + span{color:#fff;}
.main.fp-viewing-1Page #fp-nav ul li a.active span:last-child::before{background:#fff;}
.main.fp-viewing-1Page #fp-nav ul li a span:last-child::after{opacity:0.2; background:#fff;}
.main.fp-viewing-1Page #fp-nav ul li a span:last-child::before{background:#fff;}
.notice_list > li{height:279rem; border:1rem solid #e8e8e8;}
.notice_list > li > a{display:block; padding:39rem 37rem; font-family:'Pretendard', dotum, sans-serif;}
.notice_list > li > a > i{font-weight:600; font-size:15rem; color:#ccc;}
.notice_list > li > a > h3{display:-webkit-box; overflow:hidden; line-height:1.6; margin-top:24rem; font-size:20rem; color:#222; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; max-height:62rem;}
.notice_list > li > a > p{display:-webkit-box; overflow:hidden; line-height:1.6; margin-top:50rem; font-size:16rem; color:#666; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; max-height:50rem;}
.board_notice .main_wrap{margin-bottom:101rem;}

[lang="en-US"] .info_txt h2{line-height: 1.3;}

@keyframes visualAniTitle{
	0%{transform: translate3d(0, 70rem, 0);opacity: 0; visibility: hidden;}
	100%{transform: translate3d(0, 0, 0);opacity: 1;visibility: visible;}
}

@media (max-width:1919px){
    .notice_list > li{width:300rem !important; margin-right:56rem !important;}
	.notice_list > li:last-child{margin-right:0;}


}

@media (max-width:1640px){
	.area_board > .main_wrap{width:auto; margin-right:50rem; margin-left:50rem;}
	.board_data{position:relative; z-index:65;}
	
    
}

@media (max-width:1480px){
   #section1 .info_logo [data-info]{width:auto !important;}
	#section1 .info_logo [data-info="00"]{height:236rem;}
	#section1 .info_logo [data-info="01"]{height:250rem;}
	#section1 .info_logo [data-info="02"]{height:239rem;}
	#section1 .info_logo [data-info="03"]{height:186rem;}
	.info_txt{position:absolute; bottom:90rem; margin-left:56rem; padding-top:0;}    
}

@media (max-width:1280px){
    #wrapper{overflow:hidden;}
}

@media (max-width:1279px){   
	.area_visual .visual_list .txt h3{padding-left:0;}
	.area_visual .visual_list .txt{bottom:480rem; left:50rem; padding-top:0;}
	.main_wrap{margin-left:50rem;}
	.info_txt{margin-left:0;}
	.info_txt{bottom:250rem;}
	.board_notice .main_wrap{margin-left:379rem;}
	.board_notice .main_wrap{margin-bottom:0; margin-left:0;}
	.board_notice{position:relative;}
	.notice_tit{position:relative; bottom:0; left:0; margin-right:40rem;}
	.board_notice .main_wrap{width:auto; margin:0 auto !important;}
	.area_board .main_wrap > div{margin-left:0;}
	.board_notice{display:flex; flex-direction:row-reverse;}
	.notice_list > li{margin-right:46rem !important;}
	#section2,
	#section2 .fp-tableCell,
	#container_index article.area_board{height:auto !important; min-height:auto;}
	.area_board{padding:160rem 0;}
	.area_board .main_wrap{margin-bottom:66rem;}    
}

@media (max-width:1023px){
	.info_logo{right:-100rem;}
	#section1 .info_logo [data-info="00"]{height:236rem;}
	#section1 .info_logo [data-info="01"]{height:250rem;}
	#section1 .info_logo [data-info="03"]{height:181rem;}
	.info_txt{bottom:210rem;}
	.info_txt h2{margin-bottom:38rem;}
	.board_data > li{height:262rem;}
	.board_data{gap:38rem;}
	.board_data > li .txt{bottom:37rem; left:44rem;}
	.area_board{padding:90rem 0;}
	.area_board .main_wrap{margin-bottom:53rem;}
}

@media (max-width:860px){
   #main-control .controls strong{padding-left:30rem;}
	.area_visual .visual_list .txt h3{font-size:49rem;}
	.area_visual .visual_list .txt{bottom:450rem;}
	.main_wrap{margin:0 23rem;}
	.info_txt h2{font-size:49rem;}
	#section1 .info_logo [data-info="00"]{height:196rem;}
	#section1 .info_logo [data-info="01"]{height:210rem;}
	#section1 .info_logo [data-info="03"]{height:160rem;}
	#section1 .info_logo [data-info="02"]{height:229rem;}
	.info_txt{bottom:180rem;}
	.area_board > .main_wrap{margin-right:30rem; margin-left:30rem;}
	.board_data{gap:32rem;}
	.board_data > li .txt strong{font-size:22rem;}
	.board_data > li .txt{bottom:32rem; left:38rem;}
	.board_data > li{height:222rem;}
	.area_board .main_wrap{margin-bottom:53rem;}
	.area_board .bx-viewport{overflow:visible !important;}
	.board_notice #main-control .controls strong{display:none;}
	.notice_list > li{margin-right:36rem !important;}
	.board_notice #main-control .line{display:none;}
}

@media (max-width:540px){
	.main_wrap{width:auto; margin:0 23rem;}
	#main-control .controls strong{display:none; padding-right:0; padding-left:23rem; font-size:65rem;}
	#main-control .controls strong > i{font-size:17rem;}
	#main-control .line::after{width:0;}
	#main-control{background:none;}
	#main-control .line.on::after{opacity:0.4; width:100%; height:100%;}
	#main-control .line{display:block; right:0rem; bottom:-10rem; left:50%; width:100%; width:87%; height:1rem; transform:translate(-50%, -50%);}
	.visual_tit{bottom:77rem; width:100%;}
	.scroll_down{bottom:24rem; left:23rem;}
	.controls_btn{align-items:center; margin-bottom:0; flex-direction:row;}
	.controls_btn a.bx-next{margin-top:0; margin-left:7rem;}
	.controls_btn a{width:43rem; height:43rem;}
	#main-control .controls{justify-content:flex-end; height:auto; margin-right:35rem; margin-left:0; padding-bottom:12rem;}
	#main-control .controls_box{flex-direction:row;}
	#main-counter{margin-left:20rem;}
	#main-control .line{}
	#main-control .controls{}
	.area_visual .visual_list .txt h3{font-size:32rem; word-break:keep-all;}
	.area_visual .visual_list .txt{bottom: 144rem; left:23rem; padding-top:0;}
	.info_txt h2{width:80%; margin-bottom:18rem; font-size:25rem; word-break:keep-all;}
	.info_txt{bottom:120rem; margin-right:23rem;}
	.info_txt *:not(h2):not(h2 > strong){font-size:17rem;}
	.info_txt > strong{margin-top:5rem;}
	#section1 .info_logo [data-info="00"]{height:101rem;}
	#section1 .info_logo [data-info="01"]{height:105rem;}
	.info_logo{top:-10rem;}
	#section1 .info_logo [data-info="02"]{height:125rem;}
	#section1 .info_logo [data-info="03"]{height:90rem;}
	.info_logo > span > [data-info]{margin:0 10rem;}
	.info_logo{right:auto; left:50%; transform:translateX(-50%);}
	#container_index article{min-height:auto;}
	#main-counter > *{font-size:15rem;}
	.fp-tableCell{height:auto !important;}
	.area_visual .main_wrap,
	.area_info .main_wrap{height:auto;}
	.board_data{gap:15rem; flex-direction:column;}
	.area_board > .main_wrap{margin-right:20rem; margin-left:20rem;}
	.board_data > li{width:100%; height:172rem;}
	#section2 .fp-tableCell{height:auto !important; padding:50rem 0rem;}
	#section2.fp-section{height:auto !important;}
	.board_data > li .txt strong{margin-top:2rem; font-size:19rem;}
	.board_data > li .txt{bottom:25rem; left:29rem;}
	.notice_list > li{width:220rem !important; height:179rem; margin-right:20rem !important;}
	.notice_list > li > a{padding:24rem 26rem;}
	.notice_list > li > a > h3{margin-top:23rem; font-size:16rem;}
	.notice_list > li > a > i{font-size:12rem;}
	.notice_list > li > a > p{margin-top:12rem; font-size:13rem;}
	.board_notice{flex-direction:column-reverse;}
	.area_board{padding:20rem 0;}
	.area_board #main-control *{color:#222;}
	.area_board #main-counter > *{font-size:14rem;}
	.area_board #main-control .controls{margin:0 20rem; padding-bottom:30rem;}
	.area_board .controls_btn a{opacity:1; width:41rem; height:41rem; background:#1777c1;}
	.area_board .controls_btn a.bx-next{margin-left:2rem;}
	.area_board .controls_btn a.bx-next{background:#ccc !important;}
	.area_board .main_wrap{margin-left:20rem !important;}
	.area_board #main-counter{margin-left:15rem;}
	.notice_tit{margin-right:0;}
	.area_board .controls_btn{position:absolute; left:21rem;}
	.area_board #main-control .controls_box{width:auto;}

	#section1 .info_logo [data-info]{transition:all 1s ease;}
	#section1.active .info_logo > span > [data-info]{transition-delay:0.2s;}
	#section1.active .info_logo > i::after{transition-delay:0.4s;}
	#section1.active .info_logo [data-info="03"]{transition-delay:0.7s;}	

	.active .full_motion{transition-delay:0s;}

	#en .area_visual .visual_list .txt{bottom: 170rem;}
	#en .area_visual .visual_list .txt h3{line-height: 1.3; font-size:28rem}

	#en .info_txt h2{font-size:23rem}
	#en .info_txt h2 br{display:none}

[lang="en-US"] .info_txt h2 {
    width: 100%;
}
}

@media (min-height:610px) and (max-height:680px){
	.info_txt{bottom:110rem;}
	.info_txt h2{margin-bottom:19rem; font-size:26rem;}
	#section1 .info_logo [data-info="00"]{height:96rem;}
	#section1 .info_logo [data-info="01"]{height:100rem;}
	#section1 .info_logo [data-info="02"]{height:105rem;}
	#section1 .info_logo [data-info="03"]{height:80rem;}
}

@media (min-width:1921px){
	.notice_list > li{width:300rem !important; margin-right:56rem !important;}
	.notice_list > li:last-child{margin-right:0;}


}