@charset "utf-8";

.pcbr{display:block !important;}
.ptbr{display:block !important;}
.tbr{display:none !important;}
.mbr{display:none !important;}
.pc_view{display:block !important;}
.pt_view{display:block !important;}
.tm_view{display:none !important;}
.t_view{display:none !important;} 
.m_view{display:none !important;}

* {font-family:'Heebo';}
main {background:#f3f3f3;}

p.txt1 {font-size:17px;line-height:1.6;color:#000;}
.btn1 {width:110px;height:36px;line-height:34px;border-radius:18px;border:1px solid rgba(0,0,0,0.5);text-align: center;}
.btn1>a {display: flex;align-items: center;width:100%;height:100%;font-size:14px;}
.btn1>a>span {display: block;width: 100%;height: 22px;overflow: hidden;}
.btn1>a>span>p {font-size:14px;color:#000;line-height: 1.7;}
.btn1:hover>a>span>p {transform:translateY(-24px);transition:0.3s;}

.section {position: relative;padding-bottom:190px;}
.section .conwrap {width:94%;max-width:1600px;margin:0 auto;}
.section .sec_tit {position: relative;display:flex;justify-content:space-between;padding:25px 0 80px;}
.section .sec_tit:before {content:"";position: absolute;top:0;left:50%;transform:translateX(-50%);width:100%;height:1px;background:#000;}
.section .sec_tit:after {content:"";position: absolute;bottom:0;left:50%;transform:translateX(-50%);width:100%;height:1px;background:#ddd;}
.section .sec_tit strong {display: block;font-size:36px;color:#000;line-height: 1;}

/* section01 - main_slider */
.section01 {width:100%;height:100vh;}
.section01 .main_slider {width:100%;height:100%;}
.section01 .main_item {width:100%;height:100%;overflow: hidden;}
.section01 .main_item .bg {width:100%;height:100%;}
.section01 .main_item .tit_g {position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:94%;max-width:1600px;}
.section01 .main_item .tit_g strong {display: block;font-size:100px;color:#fff;line-height:1.5;}
.section01 .main_item .tit_g p {font-size:18px;font-weight: 300;color:#fff;line-height:1.6;}
.section01 .main_arrow {position: absolute;top:50%;width:30px;height:61px;margin-top:-30px;z-index: 1;}
.section01 .main_prev {left: 40px;background:url(/images/main/main_prev.png) no-repeat center / contain;}
.section01 .main_next {right: 40px;background:url(/images/main/main_next.png) no-repeat center / contain;}
.section01 .main_state {position: absolute;bottom:114px;left:50%;transform:translateX(-50%);display: flex;justify-content:flex-end;align-items: center;width:94%;max-width:1600px;z-index:1;}
.section01 .main_state .state {margin-left:12px;}
.section01 .main_state .state button.pause {width:8px;height:12px;background:url(/images/main/pause_icon.png) no-repeat center / contain;}
.section01 .main_pagination {display: flex;}
.section01 .main_pagination>span {position: relative;width:200px;height:2px;border-radius:0;background: rgba(255,255,255,0.35);margin-left: 10px;opacity: 1;}
.section01 .main_pagination>span>.bar {position: absolute;top:0;left:0;width:0;height:100%;background:#fff;}
.section01 .main_pagination>span.swiper-pagination-bullet-active>.bar {width:100%;transition:5s;}
.section01 .scroll {position: absolute;bottom:5px;left:50%;width:94%;max-width:1600px;height: 100px;transform:translateX(-50%);z-index:1;}
.section01 .scroll:before {content:"Scoll Down";position: absolute;top: -30px;left:0;font-family:'Heebo';font-size:14px;font-weight: 300;color:#fff;}
.section01 .scroll .bar {display: block;width:1px;height:100px;background:rgba(255,255,255,0.4);animation:scroll_ani 1.2s infinite 1.1s;}
@keyframes scroll_ani {
	0% {height:0;}
	100% {height:100px;}
}


/* section02 */
.section02 {padding:230px 0 190px;overflow: hidden;}
.section02 .conwrap {position: relative;}
.section02 .text_wrap {width:94%;max-width:900px;margin:0 auto;text-align: center;}
.section02 .text_wrap strong {display:block;font-size:72px;font-weight:500;color:#000;line-height:1.1;}
.section02 .text_wrap>p {font-size:18px;line-height:1.5;color:#000;margin-top: 20px;}
.section02 .text_wrap .btn {width:118px;height:40px;line-height:38px;border-radius:20px;border:1px solid #000;background:#142248;margin:55px auto 0;}
.section02 .text_wrap .btn>a {display: flex;align-items: center;width:100%;height:100%;}
.section02 .text_wrap .btn>a>span {display: block;width: 100%;height: 22px;overflow: hidden;}
.section02 .text_wrap .btn>a>span>p {font-size:14px;color:#fff;line-height: 1.7;}
.section02 .text_wrap .btn:hover>a>span>p {transform:translateY(-24px);transition:0.3s;}

.section02 #dots {position: absolute;top:0;left:0;width:100%;/* height:110%; */}

/* section03 */
.section03 {}
.section03 .merit_slider {margin-top:17px;}
.section03 .merit_l {transform:none !IMPORTANT;}
.section03 .merit_l>li {width:calc(33.333% - 24px);margin-right: 36px;}
.section03 .merit_l>li .img_wrap {position: relative;border-radius:15px;overflow: hidden;}
.section03 .merit_l>li .img_wrap span.num {position: absolute;top:30px;left:30px;font-size:15px;font-weight:300;color:#fff;border-bottom:1px solid #fff;line-height:1;}
.section03 .merit_l>li .img_wrap img {width:100%;}
.section03 .merit_l>li .text_wrap {padding-top:25px;}
.section03 .merit_l>li .text_wrap strong {display: block;font-size:28px;color: #000;margin-bottom:10px;}

/* section04 */
.section04 {}
.section04 .curr_l {display:flex;justify-content:space-between;margin-top:17px;}
.section04 .curr_l>li {width:calc(50% - 40px);}
.section04 .curr_l>li .img_wrap {position: relative;border-radius:15px;overflow: hidden;background:#000;}
.section04 .curr_l>li .img_wrap img {width:100%;transform:scale(1);transition:0.9s;}
.section04 .curr_l>li .img_wrap .text {position: absolute;top:50%;left:0;width:100%;text-align: center;transform:translateY(-50%);}
.section04 .curr_l>li .img_wrap .text strong {display: block;font-size:36px;color:#fff;}
.section04 .curr_l>li .img_wrap .text .more {position: relative;width:54px;height:54px;background:url(/images/main/more_icon.png) no-repeat center;margin:20px auto 0;}
.section04 .curr_l>li .img_wrap .text .more svg {position: absolute;top:0;left:0;width:100%;height:100%;}
.section04 .curr_l>li .img_wrap .text .more circle {stroke-width:0.5;stroke-dashoffset: 0;stroke-dasharray: 200;transition:0.5s;}
.section04 .curr_l>li:hover .img_wrap img {transform:scale(1.07);opacity:0.5;}
.section04 .curr_l>li:hover .img_wrap .text .more circle {stroke-dashoffset:200;}

.section04 .curr_l>li p.txt1 {margin-top:27px;}

/* section05 */
.section05 .slide_wrap {display:none;}
.section05 #video_popup{display:none;}
.section05 {padding:190px 0;background:#142248;}
.section05 .sec_tit:before {background:#fff;}
.section05 .sec_tit:after {background:rgba(255,255,255,0.3);}
.section05 .sec_tit strong {color:#fff;}
.section05 .btn1 {border:1px solid rgba(255,255,255,0.45);}
.section05 .btn1>a>span>p {color:#fff;}
.section05 .slide_tab {margin-top:35px;}
.section05 .slide_tab button {padding:0 15px;height:50px;border-radius:5px;font-size:18px;font-weight:600;color:#fff;margin-right:20px;}
.section05 .slide_tab button.on {background:#81eef3;color:#04132c;}

/* section05_board list */
.section05 .board_wrap{width:100%;}
.section05 .board_wrap .container{width:100%; padding-top: 90px;}
.section05 .board_wrap .container .board_list{border-top:1px solid #F3F4F6;}
.section05 .board_wrap .container .board_list li{border-bottom:1px solid #555;}
.section05 .board_wrap .container .board_list li a{display:flex;align-items:center;padding: 34px 4px;}
.section05 .board_wrap .container .board_list li a .tit_g {width:calc(100% - 20px);}
.section05 .board_wrap .container .board_list li a .tit_g .cate{
display:inline-block; border:1px solid #3075f4; color: #3075f4; font-size: 14px;  
font-weight: 500;padding: 5px 18px; border-radius: 24px; margin-bottom: 17px;}
.section05 .board_wrap .container .board_list li a .tit_g strong.tit{font-family: "Heebo";
display: block;width:100%;font-size:2.4rem;font-weight: 600;color:#fff;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.section05 .board_wrap .container .board_list li a .tit_g span.date {display: block;font-size:1.7rem;color:rgba(255,255,255,0.8);margin-bottom: 5px;}
.section05 .board_wrap .container .board_list li a .titwrap{display: flex;align-items:center;margin-bottom: 5px;}
.section05 .board_wrap .container .board_list li a .titwrap .mark{display:inline-block;font-family: "Heebo";font-size:1.4rem;color:#3075f4;box-sizing:border-box;line-height: 24px;border:2px solid #3075f4;font-weight: 700;
width:121px;height:26px;border-radius:13px;text-align: center;margin-right: 15px;}
.section05 .board_wrap .container .board_list li a .tit_g  .txt{font-size:1.8rem;color:rgba(255,255,255,0.6);
overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.section05 .board_wrap .container .board_list li a:hover .tit_g strong.tit{
text-decoration: underline;text-decoration-thickness: 2px;text-underline-offset:5px;}

/*section05_ paging */
 .section05 .paging {text-align: center;margin-top:80px;}
.section05 .paging * {display: inline-block;vertical-align: top;width:40px;height:40px;font-size:18px;line-height:40px;color:rgba(0,0,0,0.7);border-radius:3px;text-align: center;margin:0 8px;}
.section05 .paging strong {font-weight:500;color:#fff;background:#3075f4;}
.section05 .paging a.page_begin {background:rgba(76,85,112,0.5) url(/images/page/page_begin_wht.png) no-repeat center;margin-right:0;}
.section05 .paging a.page_prev {background:rgba(76,85,112,0.5) url(/images/page/page_prev_wht.png) no-repeat center;margin-right:70px;}
.section05 .paging a.page_next {background:rgba(76,85,112,0.5) url(/images/page/page_next_wht.png) no-repeat center;margin-left:70px;}
.section05 .paging a.page_end {background:rgba(76,85,112,0.5) url(/images/page/page_end_wht.png) no-repeat center;margin-left:0;}

/* .section05 .slide_wrap {margin-top:35px;}
.section05 .video_slider {overflow: visible;display: none;} 
.section05 .video_slider.on {display: block;}
.section05 .video_slider .swiper-slide {width:calc(50% - 18px);margin-right:36px;} 
.section05 .video_slider .swiper-slide:last-child {margin-right:0;}
.section05 .video_slider .swiper-slide .video_thumb {position: relative;border-radius:15px;overflow: hidden;}
.section05 .video_slider .swiper-slide .video_thumb .play_btn {position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:97px;height:97px;background:url(/images/main/video_icon.png) no-repeat center / contain;}
.section05 .video_slider .swiper-slide .video_thumb .play_btn:before {
	content:"";
	position: absolute;
	top:50%;
	left:50%;
	width:110px;
	height:110px;
	margin:-55px 0 0 -55px;
	border-radius:50%;
	box-sizing:border-box;
	border:1px solid rgba(255,255,255,0.6);
	opacity:0;
	transition: 0.2s;
}
.section05 .video_slider .swiper-slide .video_thumb .play_btn:after {
	content:"";
	position: absolute;
	top:50%;
	left:50%;
	width:122px;
	height:122px;
	margin:-61px 0 0 -61px;
	border-radius:50%;
	box-sizing:border-box;
	border:1px solid rgba(255,255,255,0.2);
	opacity:0;
	transition: 0.2s 0.05s;
}
.section05 .video_slider .swiper-slide .video_thumb:hover .play_btn:before,
.section05 .video_slider .swiper-slide .video_thumb:hover .play_btn:after {opacity:1;}
.section05 .video_slider .swiper-slide strong.tit {display: block;font-size:28px;font-weight:500;color:#fff;margin-top:30px;}
.section05 .video_slider .swiper-slide span.date {display: block;font-size:15px;font-weight:300;color:rgba(255,255,255,0.5);margin-top:10px;}
.section05 .video_paging {display:flex;align-items:center;justify-content:space-between;margin-top:45px;}
.section05 .video_pagination {position: relative;width:calc(100% - 138px);height:3px;background: transparent;}
.section05 .video_pagination:before {content:"";position: absolute;bottom:0;left:0;width:100%;height:1px;background:rgba(255,255,255,0.3);}
.section05 .video_pagination>span {background:#3d80f5;}
.section05 .video_arrow {display:flex;}
.section05 .video_arrow button {width:54px;height:54px;border-radius:50%;border:1px solid rgba(255,255,255,0.45);margin-left:10px;}
.section05 .video_arrow button.video_prev {background:url(/images/main/slide_prev.png) no-repeat center;}
.section05 .video_arrow button.video_next {background:url(/images/main/slide_next.png) no-repeat center;}

#video_popup {position: fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:94%;max-width:1280px;z-index:1001;display: none;}
#video_popup button.close {position: absolute;top:-31px;right:0;width:21px;height:21px;background:url(/images/main/close.png) no-repeat center / contain;}
#video_popup .inner {position: relative;width:100%;padding-bottom: 56%;}
#video_popup .inner iframe {position: absolute;top: 0;left: 0;width:100%;height:100%;}
 */
/* section06 */
.section06 {padding:190px 0;background:url(/images/main/sec6_bg.png) no-repeat top -175px right;}
.section06 .bbs_l {margin-top:17px;transform: none !IMPORTANT;}
.section06 .bbs_l>li {position: relative;width:calc(33.333% - 48px);margin-right:36px;background:#fff;border-radius:15px;}
.section06 .bbs_l>li:before {content:"";position: absolute;top:0;right:-36px;width:1px;height:100%;background:#ddd;}
.section06 .bbs_l>li + li {margin-left:36px;}
.section06 .bbs_l>li:last-child {margin-right:0;}
.section06 .bbs_l>li:last-child:before {display: none;}
.section06 .bbs_l>li a {display: block;padding:45px 35px 55px;}
.section06 .bbs_l>li strong.tit {display: block;font-size:28px;color:#000;line-height:1.3;margin-bottom:90px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;word-wrap:break-word;}
.section06 .bbs_l>li p.txt1 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;word-wrap:break-word;}
.section06 .bbs_l>li span.date {display: block;font-size:15px;color:rgba(0,0,0,0.5);margin-top:25px;}
.section06 .bbs_l>li:hover strong.tit {text-decoration:underline;text-decoration-thickness:2px;}

/* section07 */
.section07 {padding-bottom:100px;}
.section07 .interview_wrap {display:flex;align-items:flex-start;margin-top:17px;}
.section07 .interview_wrap>div {position: relative;}
.section07 .interview_wrap>div:before {content:"";position: absolute;top:0;right:-27px;width:1px;height:100%;background:#ddd;}
.section07 .interview_wrap>div:last-child:before {display: none;}
.section07 .interview_wrap>div .item {padding-bottom:45px;}
.section07 .interview_wrap>div .img_wrap {border-radius:15px;overflow: hidden;background: #000;}
.section07 .interview_wrap>div .img_wrap img {width:100%;transition:0.9s;}
.section07 .interview_wrap>div span.tag {display: block;width:84px;height:26px;line-height:24px;font-size:14px;font-weight:700;color:#e1002a;text-align: center;border-radius:13px;border:1px solid #e1002a;margin-top:18px;}
.section07 .interview_wrap>div p.txt1 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word;}
.section07 .interview_wrap .aside  {width: calc(24.5% - 36px);}
.section07 .interview_wrap .aside strong.tit {display: block;font-size:22px;line-height:1.4;color:#000;margin-top:12px;}
.section07 .interview_wrap .aside .item:last-child {padding-bottom:85px;}
.section07 .interview_wrap .center {width: calc(51% - 36px);margin: 0 54px;}
.section07 .interview_wrap .center strong.tit {display: block;font-size:28px;line-height:1.3;color:#000;margin:15px 0 18px;}
.section07 .interview_wrap>div .item:hover .img_wrap img {transform:scale(1.07);opacity: 0.5;}


/* motion */
#wrap .header_wrap h1.logo {opacity:0;transition:opacity 0.7s;}
.intro #wrap .header_wrap h1.logo {opacity:1;}
#wrap .header_wrap .gnb>li>a {opacity:0;transform:translateY(20px);transition:opacity 0.7s 0.3s,transform 0.7s 0.3s;}
.intro #wrap .header_wrap .gnb>li>a {opacity:1;transform:translateY(0);}
#wrap .header_wrap .menu {opacity:0;transform:translateY(20px);transition:opacity 0.7s 0.5s,transform 0.7s 0.5s;}
.intro #wrap .header_wrap .menu {opacity:1;transform:translateY(0);}

.section .sec_tit:before,.section .sec_tit:after {width:0;transition:width 0.9s;}
.section .sec_tit.in-view:before,.section .sec_tit.in-view:after {width:100%;}
.section .sec_tit strong,.section .sec_tit .btn1 {opacity:0;transform:translateY(20px);transition:0.7s 0.3s;}
.section .sec_tit.in-view strong,.section .sec_tit.in-view .btn1 {opacity:1;transform:translateY(0);}

.section01 .main_item .bg {transform:scale(1.07);transition:2.5s;}
.section01 .main_item.swiper-slide-active .bg {transform:scale(1);}
.section01 .main_item .tit_g strong {opacity:0;transform:translateY(30px);transition:0.7s 0.7s;}
.section01 .main_item.swiper-slide-active .tit_g strong {opacity:1;transform:translateY(0);}
.section01 .main_item .tit_g p {opacity:0;transform:translateY(30px);transition:0.7s 0.9s;}
.section01 .main_item.swiper-slide-active .tit_g p {opacity:1;transform:translateY(0);}
.section01 .main_arrow,.section01 .main_state,.section01 .scroll {opacity:0;transition: opacity 0.7s 1.5s;}
.intro .section01 .main_arrow,.intro .section01 .main_state,.intro .section01 .scroll {opacity:1;}

.section02 .dot_bg {position: absolute;top: 50%;left: 50%;width: 500px;height: 500px;transform: scale(5);margin: -250px 0 0 -250px;border-radius: 50%;background:#195bf5;z-index: 10;}
.section02.in-view .dot_bg {transform: scale(0);transition: 0.8s 0.1s;}
.section02 #dots {transform:scale(0.5);opacity:0;}
.section02.in-view #dots {transform:scale(1);opacity:1;transition: 0.6s 0.65s;}
.section02 .text_wrap>div>div {overflow: hidden;}
.section02 .text_wrap strong {transform:translateY(100%);transition: 0.7s 1s;}
.section02.in-view .text_wrap strong {transform:translateY(0);}
.section02 .text_wrap>p {opacity:0;transform:translateY(30px);transition: 0.7s 1.2s;}
.section02.in-view .text_wrap>p {transform:translateY(0);opacity:1;}
.section02 .text_wrap .btn {opacity:0;transform:translateY(30px);transition: 0.7s 1.4s;}
.section02.in-view .text_wrap .btn {transform:translateY(0);opacity:1;}

.section03 .merit_l>li {opacity:0;transform:translateY(30px);transition:0.7s;}
.section03 .merit_l>li:nth-child(2) {transition-delay:0.2s;}
.section03 .merit_l>li:nth-child(3) {transition-delay:0.4s;}
.section03 .merit_l.in-view>li {opacity:1;transform:translateY(0);}
.section04 .curr_l>li {opacity:0;transform:translateY(30px);transition:0.7s;}
.section04 .curr_l>li:nth-child(2) {transition:opacity 0.7s 0.2s,transform 0.7s 0.2s;}
.section04 .curr_l.in-view>li {opacity:1;transform:translateY(0);}

.section05 .slide_tab {opacity:0;transform:translateY(30px);transition:0.7s;}
.section05 .slide_tab.in-view {opacity:1;transform:translateY(0);}
.section05 .video_slider .swiper-slide {opacity:0;transform:translateY(30px);transition:0.7s;}
.section05 .video_slider .swiper-slide:nth-child(2) {transition-delay:0.2s;}
.section05 .video_slider .swiper-slide:nth-child(3) {transition-delay:0.4s;}
.section05 .video_slider.in-view .swiper-slide {opacity:1;transform:translateY(0);}
.section05 .video_paging {opacity:0;transform:translateY(30px);transition:0.7s;}
.section05 .video_paging.in-view {opacity:1;transform:translateY(0);}

.section06 .bbs_l>li {opacity:0;transform:translateY(30px);transition:0.7s;}
.section06 .bbs_l>li:nth-child(2) {transition-delay:0.2s;}
.section06 .bbs_l>li:nth-child(3) {transition-delay:0.4s;}
.section06 .bbs_l.in-view>li {opacity:1;transform:translateY(0);}

.section07 .interview_wrap>div .item {opacity:0;transform:translateY(30px);transition:0.7s;}
.section07 .interview_wrap>div .item.in-view {opacity:1;transform:translateY(0);}