/*ALL CSS-----------------------------------------------------*/
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
* {font-family: 'Pretendard', sans-serif;}
.b_eng{font-family: 'Manrope'; letter-spacing:2px; text-transform:uppercase;}


/*font size*/
.fs_18{font-size: 1.125rem;}
.fs_20{font-size: 1.25rem;}
.fs_24{font-size: 1.5rem;}
.fs_32{font-size: 2rem;}
.fs_36{font-size: 2.25rem;}
.fs_48{font-size: 3rem;}
.fs_64{font-size: 4rem;}
.fs_84{font-size: 5.25rem;}

@media screen and (max-width:720px){ 
	.fs_18{font-size: 12px;}
	.fs_20{font-size: 13px;}
	.fs_24{font-size: 16px;}
	.fs_32{font-size: 20px;}
	.fs_36{font-size: 23px;}
	.fs_48{font-size: 42px;}
	.fs_64{font-size: 42px;}
	.fs_84{font-size: 42px;}
}

.fw_m{font-weight: 500;}
.fw_b{font-weight: bold;}
.fw_eb{font-weight: 800; -webkit-text-stroke: 0.02em;}


.b_inner{max-width:1700px; width:94%; margin:0 auto; }
#b_header{position:fixed; width:100%; left:0; top:0; height:120px; transition:.3s; z-index:60;}
#b_header.hide{top:-120px; transition: .3s; }
#b_header .b_inner{display:flex; align-items:center; justify-content:space-between; position:relative; height:100%; }
#b_header .b_logo {display:block;}
#b_header .b_logo .b_off{display:block;}
#b_header .b_logo .b_on{display:none;}
#b_header nav{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); height: 100%; display: flex; align-items: center;}
#b_header #b_gnb {display:flex; align-items:center; height: 100%;}
#b_header #b_gnb > li {padding:0px 30px; position:relative; height: 100%; display: flex; align-items: center;}
#b_header #b_gnb > li > a{color:#fff; font-family: 'Manrope'; font-size: 1.25rem; font-weight: 500; height: 100%; display: flex; align-items: center;  transition:color .3s; -webkit-text-stroke: 0.01em; text-align: center;}
#b_header #b_gnb > li:hover > a{color:#0068b7; transition:color .3s; }
#b_header #b_gnb > li .b_sub_menu{background-color:#fff; position:absolute; left:50%; top:100%; transform:translateX(-50%); width:240px; padding:35px 0; box-shadow:0 0 15px rgba(0,0,0,.1); display:none; margin-top:-22px;}
#b_header #b_gnb > li .b_sub_menu li{margin-bottom:18px; text-align:center; display:flex; justify-content:center; }
#b_header #b_gnb > li .b_sub_menu li:last-child{margin-bottom:0px; }
#b_header #b_gnb > li .b_sub_menu li a{display:block; padding:5px 0; font-weight: 500; color:#333; position:relative; width:fit-content; font-size:1.125rem; }
#b_header #b_gnb > li .b_sub_menu li a:after{content:''; width:0; height:1px; background-color:#97c5e7; position:absolute; bottom:0; left:0; transition:width .3s;}
#b_header #b_gnb > li .b_sub_menu li:hover a{color:#0068b7; }
#b_header #b_gnb > li .b_sub_menu li:hover a:after{width:100%; transition:width .3s;}
#b_header .b_hd_right{display:flex; align-items:center; height:100%; }
#b_header .b_lang_box {position:relative;}
#b_header .b_lang_box .b_now_lang{color:#fff; padding:20px 5px ; cursor:pointer; }
#b_header .b_lang_box .b_now_lang img{filter:invert(1); margin-right:8px; }
#b_header .b_lang_box .b_lang_list{position:absolute; top:100%; left:0; width:70px; background-color:#fff; padding-top:20px; padding:10px 0; box-shadow:0 0 15px rgba(0,0,0,.1); display:none;}
#b_header .b_lang_box .b_lang_list li a{display:block; padding:8px 0; text-align:center; color:#999; }
#b_header .b_lang_box .b_lang_list li.on a{font-weight: bold; color:#000; }
#b_header .b_toggle_btn{width:36px; height:36px; display:flex; flex-direction:column; justify-content:center; margin-left:45px; }
#b_header .b_toggle_btn span{display:block; width:100%; height:2px; background-color:#fff; }
#b_header .b_toggle_btn span.b_1th{margin-bottom:10px; }

/*헤더 마우스오버 모션*/
#b_header.on{background-color:#fff; transition: .3s;}
#b_header.on .b_logo .b_off{display:none;}
#b_header.on .b_logo .b_on{display:block;}
#b_header.on #b_gnb > li > a{color:#000; }
#b_header.on #b_gnb > li:hover > a{color:#0068b7; transition:color .3s; }
#b_header.on .b_lang_box .b_now_lang{color:#000; }
#b_header.on .b_lang_box .b_now_lang img{filter:unset;}
#b_header.on .b_toggle_btn span{background-color:#000;}

/*헤더 스크롤 모션*/
#b_header.scr{background-color:#fff; transition: .3s;}
#b_header.scr .b_logo .b_off{display:none;}
#b_header.scr .b_logo .b_on{display:block;}
#b_header.scr #b_gnb > li > a{color:#000; }
#b_header.scr #b_gnb > li:hover > a{color:#0068b7; transition:color .3s; }
#b_header.scr .b_lang_box .b_now_lang{color:#000; }
#b_header.scr .b_lang_box .b_now_lang img{filter:unset;}
#b_header.scr .b_toggle_btn span{background-color:#000;}

/*사이트맵 오픈 시 헤더 스타일*/
#b_header.open{top:0 !important; transition:.3s;}
#b_header.open{background-color:transparent; transition: .3s;}
#b_header.open .b_logo .b_on{display:none;}
#b_header.open .b_logo .b_off{display:block;}
#b_header.open .b_lang_box .b_now_lang{color:#fff; }
#b_header.open .b_lang_box .b_now_lang img{filter:invert(1);}
#b_header.open .b_toggle_btn span{background-color:#fff;}


@media screen and (max-width:1480px){ 
	#b_header .b_logo img{width: 200px;}
	#b_header #b_gnb > li {padding: 0px 25px;}
	#b_header #b_gnb > li > a{font-size: 1.125rem;}
	#b_header .b_toggle_btn{margin-left: 20px;}
}
@media screen and (max-width:1280px){ 
	#b_header{height:100px;}
	#b_header #b_gnb > li {padding: 0px 18px;}
	#b_header #b_gnb > li .b_sub_menu{width: 160px; padding: 25px 0;}
	#b_header #b_gnb > li .b_sub_menu li {margin-bottom: 10px;}
}
@media screen and (max-width:1080px){ 
	#b_header nav{display:none !important;}
}
@media screen and (max-width:720px){ 
	#b_header {height:60px; }
	#b_header .b_logo img{width: 120px;}
	#b_header .b_toggle_btn{width:27px; height:27px; margin-left: 24px;}
	#b_header .b_toggle_btn span.b_1th {margin-bottom: 7px;}
	#b_header .b_lang_box .b_now_lang{padding: 20px 0px;}
	#b_header .b_lang_box .b_now_lang img{margin-right: 0;}
	#b_header .b_lang_box .b_now_lang span{display:none;}
	#b_header .b_lang_box .b_lang_list{left:50%; transform:translateX(-50%);}
}


/*사이트맵*/
#b_site_map{position:fixed; width:100%; left:0; top:0; height:100%; background:url(/img/b_img/b_sitemap_bg.jpg) no-repeat center / cover; z-index:50; display:none;}
#b_site_map .b_inner{margin-top:15%; }
#b_site_map #b_gnb {display:flex; align-items:flex-start; height: 100%;}
#b_site_map #b_gnb > li {width:25%; display: flex; justify-content:center; flex-direction:column; align-items:center;}
#b_site_map #b_gnb > li > a{color:#fff; font-family: 'Manrope'; font-size: 2.25rem; font-weight: bold; width:fit-content; height: 100%; display: flex; align-items: center; transition:opacity .3s; justify-content:center; opacity:.5;}
#b_site_map #b_gnb > li:hover > a{opacity:1; transition:opacity .3s;}
#b_site_map #b_gnb > li .b_sub_menu {margin-top:45px; display:none; transform:translateY(40px); transition:transform .2s; }
#b_site_map #b_gnb > li .b_sub_menu.show {transform:translateY(0px); transition:transform .3s; transition-delay:.1s; }
#b_site_map #b_gnb > li .b_sub_menu li{text-align:center; margin-bottom:22px; }
#b_site_map #b_gnb > li .b_sub_menu li:last-child{margin-bottom:0px; }
#b_site_map #b_gnb > li .b_sub_menu li a{color:#fff; display:block; padding:5px 0; font-weight: 500; position:relative; width:fit-content; font-size:1.25rem; margin: 0 auto; opacity:.4; transition:opacity .3s;}
#b_site_map #b_gnb > li .b_sub_menu li a:after{content:''; width:0; height:1px; background-color:#fff; position:absolute; bottom:0; left:0; transition:width .3s;}
#b_site_map #b_gnb > li .b_sub_menu li:hover a{opacity:1; transition:opacity .3s; }
#b_site_map #b_gnb > li .b_sub_menu li:hover a:after{width:100%; transition:width .3s;}

@media screen and (max-width:1080px){ 
	#b_site_map{background:url(/img/b_img/b_sitemap_bg_m.jpg) no-repeat center / cover; }
	#b_site_map .b_inner {margin-top: 220px;}
	#b_site_map #b_gnb{flex-direction:column; }
	#b_site_map #b_gnb > li{width:100%; align-items: flex-start; margin-bottom:48px; position:relative;}
	#b_site_map #b_gnb > li:after{content:''; width:18px; height:18px; background-color:rgba(255,255,255,.12); position:absolute; right:0; top:0; transition:background-color .3s;}
	#b_site_map #b_gnb > li > a{width:100%; opacity:1; line-height: 1; justify-content: flex-start; position:relative; z-index:3; font-size:24px;}
	#b_site_map #b_gnb > li > a:after{content:''; width:7px; height:1px; background-color:#797979; position:absolute; right:5px; top:31%; transition:background-color .3s;}
	#b_site_map #b_gnb > li > a:before{content:''; width:7px; height:1px; background-color:#797979; position:absolute; right:5px; top:31%; transform:rotate(90deg); transition: .3s;}
	#b_site_map #b_gnb > li.open:after{background-color:rgba(255,255,255,.25); transition:background-color .3s;}
	#b_site_map #b_gnb > li.open > a:before{transform:rotate(90deg); background-color:rgba(255,255,255,0); transition:.3s;}
	#b_site_map #b_gnb > li.open > a:after{background-color:#fff; transition:background-color .3s;}
	#b_site_map #b_gnb > li .b_sub_menu{transform:unset;margin-top: 25px; width: 100%;}
	#b_site_map #b_gnb > li .b_sub_menu li{float: left; width: 50%; margin-bottom: 15px;}
	#b_site_map #b_gnb > li .b_sub_menu li a{margin:0; }
}


/* 메인 비주얼 */
.b_mv_box{width:100%; height:950px; position:relative; overflow:hidden; }
.b_mv_box:after{content:''; width:100%; height:100%; background-color:#010923; position:absolute; left:0; top:0; z-index:-5;}
.b_mv_box .b_vdo_wrap{position:absolute; left:0; top:0; z-index:-1; width: 100%; height: auto; }
.b_mv_box .b_vdo_wrap video{width: 100%;}
.b_mv_box .b_inner{height:100%; position:relative;  }
.b_mv_box .b_txt_box{color:#fff; padding-top:340px; }
.b_mv_box .b_txt_box h2{text-transform:uppercase; line-height: 1.2; font-size: 5.25rem;}
.b_mv_box .b_txt_box p{margin-top:20px;}
.b_mv_box .b_scr_box{position:absolute; right:0; bottom:140px; color:#fff; display:flex; align-items:center; transform:rotate(90deg); }
.b_mv_box .b_scr_box span{display:flex; align-items:center; justify-content:center; width:30px; height:30px; border:1px solid rgba(255,255,255,.5); margin-left:15px;}
.b_mv_box .b_ctr_box{margin-top:100px; display:flex; align-items:center;  }
.b_mv_box .b_ctr_btn{width:30px; height:30px; background-color:rgba(255,255,255,.13); display:flex; align-items:center; justify-content:center;}
.b_mv_box .b_ctr_btn .play_icon{display:none;}
.b_mv_box .b_ctr_btn.on .pause_icon{display:none;}
.b_mv_box .b_ctr_btn.on .play_icon{display:block;}

/* video 타임라인 모션 */
.b_mv_box .b_ctr_box .b_time_line{width:200px; height:2px; margin-left:25px; }
.b_mv_box .b_ctr_box .b_time_line span{display:block; width:100%; height:100%; background-color:rgba(255,255,255,.3); position:relative; }
.b_mv_box .b_ctr_box .b_time_line span:after{content:''; width:0; height:100%; background-color:#fff; position:absolute; left:0; top:0; animation-name: time_line; animation-duration:10s;/*영상길이만큼 시간 입력*/ animation-timing-function: linear; animation-iteration-count: infinite; animation-delay: .5s;}

@keyframes time_line{ 
	0%{ 
		 width:0;
	}
	100%{ 
		 width:100%; 
	}
}
.b_mv_box .b_ctr_box .b_time_line span.stop:after{animation-play-state:paused;}

@media screen and (max-width:1700px){ 
	 .b_mv_box .b_vdo_wrap{top:120px;}
}
@media screen and (max-width:1280px){ 
	.b_mv_box .b_vdo_wrap{top:100px;}
}
@media screen and (max-width:1080px){ 
	.b_mv_box{height:850px; }
}
@media screen and (max-width:720px){ 
	.b_mv_box{height:600px; }
	.b_mv_box .b_vdo_wrap{top:60px;}
	.b_mv_box .b_txt_box{padding-top:315px; }
	.b_mv_box .b_txt_box h2{font-size:46px;}
	.b_mv_box .b_txt_box p {margin-top: 13px;}
	.b_mv_box .b_ctr_box {margin-top: 35px;}
	.b_mv_box .b_scr_box {display:none;}
	.b_mv_box .b_ctr_btn{width:20px; height:20px;}
	.b_mv_box .b_ctr_btn img{width:6.3px;}
	.b_mv_box .b_ctr_box .b_time_line {width: 132.5px; height: 1.5px; margin-left:15px;}
}


/*섹션 공통*/
.b_section{padding:150px 0; }
.b_tit_box{text-align:center; margin-bottom:80px; }
.b_tit_box h2{text-transform:uppercase; line-height:1; }
.b_tit_box p{margin-top:40px; line-height:1.5; color:#222; }

/*더보기 버튼 스타일*/
.b_more_btn{display:flex; align-items:center; padding-bottom:8px; position:relative; width:fit-content; }
.b_more_btn:after{content:''; width:0; height:1px; background-color:#000; opacity:.3; position:absolute; left:0; bottom:0; }
.b_more_btn:hover:after{width:100%; transition:width .3s; }
.b_more_btn span{margin-right:10px; transition:margin-right .3s;}
.b_more_btn:hover span{margin-right:20px; transition:margin-right .3s;}


@media screen and (max-width:1120px){ 
	body{overflow-x:clip;}
}

@media screen and (max-width:720px){ 
	.b_section{padding:75px 0; }
	.b_tit_box{margin-bottom:35px;}
	.b_tit_box h2{line-height:1.1; }
	.b_tit_box p{margin-top:20px; }

	.b_more_btn img{width:16px;}
}



/*motion*/
.b_motion .b_item { /* 페이드 이펙트 */
    transition: transform 0.8s, opacity 0.8s ease;
    opacity: 0;
    transform: translate3d(0px, 50px, 0);
}
.b_motion .b_item.b_tr { /* 모션 오른쪽으로 */
    transform: translate3d(-50px, 0, 0);
}
.b_motion .b_item.b_tl { /* 모션 왼쪽으로 */
    transform: translate3d(50px, 0, 0);
}
.b_motion .b_item.b_move { /* 모션 작동 */
    opacity: 1 !important;
    transform: translateZ(0) !important;
}

.b_delay_01{transition-delay: .2s !important;}
.b_delay_02{transition-delay: .4s !important;}
.b_delay_03{transition-delay: .6s !important;}
.b_delay_04{transition-delay: .8s !important;}
.b_delay_05{transition-delay: 1s !important;}



/* sec01 > DRIVING INNOVATION */
.b_sec_01 {overflow:hidden; padding:150px 0 0 0; }
.b_sec_01 .b_tit_box{margin-bottom:0; }
.b_sec_01 .b_tit_box span{color:#999999; display:block; margin-bottom:40px;}
.b_sec_01 .b_list_box {padding-top:150px; position:relative; margin-top: -4px; overflow: hidden;}
.b_sec_01 .b_list_box ul{display:flex; flex-wrap:wrap; align-items:flex-start; }
.b_sec_01 .b_list_box ul li{width:50%; display:flex; flex-direction:column; align-items:center; }
.b_sec_01 .b_list_box ul li:nth-child(1){margin-bottom:190px; }
.b_sec_01 .b_list_box ul li:nth-child(2){margin-bottom:190px; }
.b_sec_01 .b_list_box ul li:nth-child(2n){margin-top:80px; }
.b_sec_01 .b_list_box ul li:last-child{padding-bottom:150px;}
.b_sec_01 .b_list_box figure{/*aspect-ratio:9/8;*/ display:flex; align-items:center; justify-content:center; margin-bottom:40px; padding: 0 70px; }
.b_sec_01 .b_list_box figure img{display:block; max-width:100%; }
.b_sec_01 .b_list_box .b_txt_box {text-align:center; }
.b_sec_01 .b_list_box .b_txt_box h3{text-transform:uppercase; margin-bottom:20px; }
.b_sec_01 .b_list_box .b_txt_box p{line-height:1.5; }

/*--- 라인 모션 스타일 영역 ---*/
.b_sec_01 .b_line_01 > svg{width:100%; height: auto;}
.b_sec_01 .b_line_01 #Layer_2{width:100%; }
.b_sec_01 .b_line_01 #Layer_2 #left{stroke-dasharray: 973.5;}
.b_sec_01 .b_line_01 #Layer_2 #right{stroke-dasharray: 973.5;}
.b_sec_01 .b_line_01 #Layer_2.on #left{ animation: left_line .7s linear alternate;}
.b_sec_01 .b_line_01 #Layer_2.on #right{ animation: right_line .7s linear alternate;}

@keyframes left_line {
  0% {
    stroke-dashoffset: 973.5;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes right_line {
  0% {
    stroke-dashoffset: 973.5;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

.b_sec_01 .b_line_02{position:absolute; left:50%; top:-100%; width:1px; height:100%; background-color:#d9e4ec; }

@media screen and (max-width:1080px){ 
	.b_sec_01 .b_list_box figure{padding: 0 40px;}
	.b_sec_01 .b_line_01{display:none;}
	.b_sec_01 .b_line_02{display:none;}
}
@media screen and (max-width:980px){ 
	.b_sec_01 .b_line_01{display:none;}
	.b_sec_01 .b_list_box {padding-top: 100px;}
	.b_sec_01 .b_list_box ul{flex-direction: column; align-items: center;}
	.b_sec_01 .b_list_box ul li:nth-child(1),.b_sec_01 .b_list_box ul li:nth-child(2) {margin-bottom: 55px;}
	.b_sec_01 .b_list_box ul li:nth-child(2n){margin-top:0px; }
	.b_sec_01 .b_list_box ul li{margin-bottom: 55px; width:100%; }
	.b_sec_01 .b_list_box ul li:last-child{margin-bottom:0; padding-bottom: 95px;}
	.b_sec_01 .b_list_box figure{margin-bottom: 25px;}
	.b_sec_01 .b_list_box .b_txt_box h3{margin-bottom: 15px;}
}
@media screen and (max-width:720px){ 
	.b_sec_01{padding-top:75px; }
	.b_sec_01 .b_tit_box span{margin-bottom: 21px;}
	.b_sec_01 .b_list_box {padding-top: 70px;}
	.b_sec_01 .b_list_box figure{padding: 0 ;}
}

/* sec02 > 제품 슬라이드 */
.b_sec_02 {background:url(/img/b_img/index/sec02_bg.jpg) no-repeat center / cover; overflow:hidden ; position:relative; cursor:none; }
.b_sec_02 .b_txt_wrap{position:relative;transform:translateY(50px);transition:transform .4s; }
.b_sec_02 .b_txt_wrap.on{transform:translateY(0px); transition:transform .4s ease; z-index: 3;}
.b_sec_02 .b_txt_box{display:none; color:#fff; position:absolute; left:0; top:0; z-index:5; }
.b_sec_02 .b_txt_box_1{display:block;}
.b_sec_02 .b_txt_box h2 {line-height:1;}
.b_sec_02 .b_txt_box h2 b{display:block;}
.b_sec_02 .b_txt_box p{margin:25px 0 50px 0; line-height:1.5;}
.b_sec_02 .b_txt_box .b_more_btn img{filter:brightness(0) invert(1);}
.b_sec_02 .b_txt_box .b_more_btn:after{background-color:#fff; }
.b_sec_02 .b_pagi{color:rgba(255,255,255,.3); width:94%; max-width:1700px;  right: 0; left: 50%; transform:translateX(-50%); bottom:unset; top:150px; text-align:right;}
.b_sec_02 .b_pagi span{font-family: 'Manrope'; font-size:1.25rem; }
.b_sec_02 .b_pagi .swiper-pagination-current{font-size:1.75rem; font-weight:500; color:#fff;}
.b_sec_02 .b_swiper_box ul{width: 94%; max-width: 1700px; margin: 0px auto;}
/*.b_sec_02 .b_swiper_box li.swiper-slide-prev {transform: translateX(19%);}*/
/*.b_sec_02 .b_swiper_box li.swiper-slide-next {transform: translateX(-32%)}*/
.b_sec_02 .b_swiper_box li{opacity:.4; transition:opacity .3s;}
.b_sec_02 .b_swiper_box li.swiper-slide-active{opacity:1; transition:opacity .3s;}
.b_sec_02 .b_swiper_box li .b_inner{position:relative; width: 1575px; max-width:unset; }
.b_sec_02 .b_swiper_box li figure{display: flex; justify-content: center;}
.b_sec_02 .b_swiper_box li figure .mo_ver{display:none;}

@media screen and (min-width:1921px){ 
/*	.b_sec_02 .b_swiper_box li.swiper-slide-next {transform: translateX(-50%)}*/
}
@media screen and (max-width:1480px){ 
	.b_sec_02 {padding-bottom: 50px;}
	.b_sec_02 .b_swiper_box li {padding-top:100px;}
	.b_sec_02 .b_swiper_box li.swiper-slide-next {transform: translateX(0%)}
	.b_sec_02 .b_swiper_box li .b_inner { width: 100%;max-width: 1575px;}
}
@media screen and (max-width:1280px){ 
	.b_sec_02 {padding-bottom: 150px;}
	.b_sec_02 .b_pagi{top:75px; left:0; transform:unset; text-align:left; margin: 0 auto;}
	.b_sec_02 .b_swiper_box li{padding-top:450px; }
/*	.b_sec_02 .b_swiper_box li.swiper-slide-prev{transform: translateX(0%)}*/
/*	.b_sec_02 .b_swiper_box li.swiper-slide-next {transform: translateX(0%)}*/
	.b_sec_02 .b_swiper_box li .b_inner{width: 720px; max-width: unset;}
	.b_sec_02 .b_swiper_box li figure .pc_ver{display:none;}
	.b_sec_02 .b_swiper_box li figure .mo_ver{display:block; max-width: 100%;}
}
@media screen and (max-width:720px){ 
	.b_sec_02 {padding-bottom: 40px;}
	.b_sec_02 .b_txt_box{margin-top: 36px;}
	.b_sec_02 .b_txt_box h2 b{margin-bottom:4px;}
	.b_sec_02 .b_txt_box p {margin: 16px 0 23px 0;}
	.b_sec_02 .b_pagi {top: 63px;}
	.b_sec_02 .b_pagi span{font-size:13px; }
	.b_sec_02 .b_pagi .swiper-pagination-current{font-size:18px; }
	.b_sec_02 .b_swiper_box li {padding-top: 313px; padding-bottom: 20px;}
	.b_sec_02 .b_swiper_box li .b_inner{width: 500px;}
}
@media screen and (max-width:540px){ 
	.b_sec_02 .b_swiper_box li .b_inner {width: 360px; }
}
@media screen and (max-width:400px){ 
	.b_sec_02 .b_swiper_box li .b_inner {margin-left: -3%;}
}

.b_sec_02 .motion_box{position:absolute; z-index: 5; display: flex; align-items:flex-start;}
.b_sec_02 .motion_box.down{align-items:flex-end;}
.b_sec_02 .motion_box .b_icon{display:flex; align-items:center; justify-content:center; background-color:rgba(255,255,255,.2); width:fit-content; opacity:0; }
.b_sec_02 .motion_box .b_border{display:block; position:absolute; width:1px; background-color:#fff; opacity:.6; }
.b_sec_02 .motion_box .b_circle{position:absolute; right:0; bottom:-3px; width:7px; height:7px; border-radius:50%; background-color:rgba(255,255,255,.6);}
.b_sec_02 .motion_box .b_circle:after{content:''; position:absolute; width:17px; height:17px; border-radius:50%; background-color:#0068b7; opacity:.35; left:50%; top:50%; transform:translate(-50%,-50%); z-index:-1; }

/*active icon style*/
.b_sec_02 .motion_box.on .b_icon{opacity:1; transition-duration:.5s; transition-delay:1s; }

@media screen and (max-width:720px){ 
	.b_sec_02 .motion_box .b_circle{width: 3.5px; height: 3.5px; }
	.b_sec_02 .motion_box .b_circle:after{width: 9.5px; height: 9.5px; }
	.b_sec_02 .motion_box .b_icon img{width:28px;}
}
.b_sec_02 .line_1 .b_circle{left:-2.5px; }


/*--- 슬라이드 모션 스타일 영역 ---*/
/*1번 슬라이드 > 1. 선으로 둘러싸인 박스 크기 설정*/
.b_sec_02 .b_slide_01 .motion_box_01 {width:150px; height:305px; left: 44.5%; top: 8%;}
.b_sec_02 .b_slide_01 .motion_box_02 {width:100px; height:280px; left: 51%; top: 8%;}
.b_sec_02 .b_slide_01 .motion_box_03 {width:56px; height:312px; left: 60.7%; top: 8%;}
.b_sec_02 .b_slide_01 .motion_box_04 {width:56px; height:368px; left: 76.2%; top: 8%;}
.b_sec_02 .b_slide_01 .motion_box_05 {width:56px; height:254px; left: 56.5%; bottom: 4%;}
.b_sec_02 .b_slide_01 .motion_box_06 {width:56px; height:237px; left: 84.5%; bottom: 4%;}

/*1번 슬라이드 > 2. 선 및 원형벡터 위치 설정*/
/* .border_01은 아이콘과 이어지는 가장 긴 선입니다. */
.b_sec_02 .b_slide_01 .motion_box_01 .border_01{height:0; bottom:0; }
.b_sec_02 .b_slide_01 .motion_box_01 .border_02{width: 0; height: 1px; right: 0; bottom: 0;}
.b_sec_02 .b_slide_01 .motion_box_02 .border_01{height:0; bottom:0; }
.b_sec_02 .b_slide_01 .motion_box_02 .border_02{width: 0; height: 1px; right: 0; bottom: 0;}
.b_sec_02 .b_slide_01 .motion_box_03 .border_01{height:0;bottom: 0;}
.b_sec_02 .b_slide_01 .motion_box_03 .border_02{top:50%; width:0; height:1px; left:-30px; }
.b_sec_02 .b_slide_01 .motion_box_03 .border_03{bottom:0; width:1px; height:0; left:-30px; }
.b_sec_02 .b_slide_01 .motion_box_03 .b_circle_01{left:-33px}
.b_sec_02 .b_slide_01 .motion_box_03 .b_circle_02{right:unset; left:-3px}
.b_sec_02 .b_slide_01 .motion_box_04 .border_01{height:0;bottom: 0;}
.b_sec_02 .b_slide_01 .motion_box_05 .border_01{height:0; top: 0;}
.b_sec_02 .b_slide_01 .motion_box_05 .border_02{top:135px; width:0; height:1px; left:-18px; }
.b_sec_02 .b_slide_01 .motion_box_05 .border_03{top:60px; width:1px; height:0; left:-18px; }
.b_sec_02 .b_slide_01 .motion_box_05 .b_circle_01{top:60px; left:-22px}
.b_sec_02 .b_slide_01 .motion_box_05 .b_circle_02{right:unset; left:-3px; top:-3px;}
.b_sec_02 .b_slide_01 .motion_box_06 .border_01{height:0; top: 0;}
.b_sec_02 .b_slide_01 .motion_box_06 .b_circle{right:unset; left:-3px; top:-3px;}


/* 1번 슬라이드 > 3. 선 애니메이션 길이 및 시간 설정 */
.b_sec_02 .b_slide_01 .motion_box_01.on .border_01{height:100%; transition-duration:.5s; transition-delay:.5s;}
.b_sec_02 .b_slide_01 .motion_box_01.on .border_02{width: 100%; transition-duration:.5s; }
.b_sec_02 .b_slide_01 .motion_box_02.on .border_01{height:100%; transition-duration:.5s; transition-delay:.5s;}
.b_sec_02 .b_slide_01 .motion_box_02.on .border_02{width: 100%; transition-duration:.5s; }
.b_sec_02 .b_slide_01 .motion_box_03.on .border_01{height:100%; transition-duration:1s; }
.b_sec_02 .b_slide_01 .motion_box_03.on .border_02{width: 30px; transition-duration:.3s; transition-delay:.7s;}
.b_sec_02 .b_slide_01 .motion_box_03.on .border_03{height:156px; transition-duration:.7s;}
.b_sec_02 .b_slide_01 .motion_box_04.on .border_01{height:100%; transition-duration:1s; }
.b_sec_02 .b_slide_01 .motion_box_05.on .border_01{height:100%; transition-duration:1s; }
.b_sec_02 .b_slide_01 .motion_box_05.on .border_02{width: 18px; transition-duration:.3s; transition-delay:.7s; }
.b_sec_02 .b_slide_01 .motion_box_05.on .border_03{height: 77px; transition-duration:.7s; }
.b_sec_02 .b_slide_01 .motion_box_06.on .border_01{height:100%; transition-duration:1s; }


@media screen and (max-width:1280px){ 
	.b_sec_02 .b_slide_01 .motion_box_01 {width: 200px; height: 272px; left: 24%; top: -32%;}
	.b_sec_02 .b_slide_01 .motion_box_02 {width: 80px; height: 260px; left: 45%; top: -32%;}

	.b_sec_02 .b_slide_01 .motion_box_03 {width: 56px; height: 285px; left: 60%; top: -33%;}
	.b_sec_02 .b_slide_01 .motion_box_03 .b_circle_01, .b_sec_02 .b_slide_01 .motion_box_03.on .border_02, .b_sec_02 .b_slide_01 .motion_box_03.on .border_03{display:none;}

	.b_sec_02 .b_slide_01 .motion_box_04 {width: 56px; height: 318px; left: 80.2%; top: -31%;}

	.b_sec_02 .b_slide_01 .motion_box_05{width: 56px; height: 215px; left: 55.3%; bottom: -6%;}
	.b_sec_02 .b_slide_01 .motion_box_05.on .border_03 {height: 52px;}
	.b_sec_02 .b_slide_01 .motion_box_05 .border_02{top: 98px;}
	.b_sec_02 .b_slide_01 .motion_box_05 .border_03 {top: 47px;}
	.b_sec_02 .b_slide_01 .motion_box_05 .b_circle_01 {top: 44px;}

	.b_sec_02 .b_slide_01 .motion_box_06 {width: 56px; height: 200px; left: 91%; bottom: -6%;}
}

@media screen and (max-width:720px){ 
	.b_sec_02 .b_slide_01 .motion_box_01 {width: 97px; height: 136px; left: 32.5%; top: -11%;}

	.b_sec_02 .b_slide_01 .motion_box_02 {width: 37.5px; height: 127px; left: 48.3%; top: -11%; }
	.b_sec_02 .b_slide_01 .motion_box_02 .border_01{width:0.5px; }

	.b_sec_02 .b_slide_01 .motion_box_03 {width: 28px; height: 141px; left: 60.2%; top: -11.5%; }
	.b_sec_02 .b_slide_01 .motion_box_03 .border_01{width:0.5px; }

	.b_sec_02 .b_slide_01 .motion_box_04 {width: 28px; height: 167px; left: 80.2%; top: -12%; }

	.b_sec_02 .b_slide_01 .motion_box_05 {width: 28px; height: 107.5px; left: 55.3%; bottom: 10%;}
	.b_sec_02 .b_slide_01 .motion_box_05 .border_02 {top: 50px;}
	.b_sec_02 .b_slide_01 .motion_box_05 .border_03{top: 26px; left: -8px; width:0.5px; }
	.b_sec_02 .b_slide_01 .motion_box_05.on .border_02{width: 8px; left: -8px;}
	.b_sec_02 .b_slide_01 .motion_box_05.on .border_03 {height: 26px;}
	.b_sec_02 .b_slide_01 .motion_box_05 .b_circle_01 {top: 22px; left: -10px;}
	.b_sec_02 .b_slide_01 .motion_box_05 .b_circle_02{left: -2px;}

	.b_sec_02 .b_slide_01 .motion_box_06 {width: 28px; height: 100px; left: 91%; bottom: 11%; }
	.b_sec_02 .b_slide_01 .motion_box_06 .border_01{width:0.5px; }
	.b_sec_02 .b_slide_01 .motion_box_06 .b_circle{left: -1px;}
}
@media screen and (max-width:540px){ 
	.b_sec_02 .b_slide_01 .motion_box_01{left: 24.5%; top: -31%;}
	.b_sec_02 .b_slide_01 .motion_box_02{left: 45.3%; top: -31%;}
	.b_sec_02 .b_slide_01 .motion_box_03{top: -31.5%;}
	.b_sec_02 .b_slide_01 .motion_box_04{height: 160px; top: -32%;}
	.b_sec_02 .b_slide_01 .motion_box_05{left: 55%; bottom: -7%;}
	.b_sec_02 .b_slide_01 .motion_box_06{bottom: -6%;}
}



/*2번 슬라이드 > 1. 선으로 둘러싸인 박스 크기 설정*/
.b_sec_02 .b_slide_02 .motion_box_01 {width:95px; height:200px; left: 42.7%; top: 8%;}
.b_sec_02 .b_slide_02 .motion_box_02 {width:56px; height:228px; left: 59.5%; top: 8%;}
.b_sec_02 .b_slide_02 .motion_box_03 {width:56px; height:265px; left: 70%; top: 8%;}
.b_sec_02 .b_slide_02 .motion_box_04 {width:56px; height:358px; left: 45%; bottom: 3%;}
.b_sec_02 .b_slide_02 .motion_box_05 {width:56px; height:312px; left: 66%; bottom: 3%;}

/*2번 슬라이드 > 2. 선 및 원형벡터 위치 설정*/
/* .border_01은 아이콘과 이어지는 가장 긴 선입니다. */
.b_sec_02 .b_slide_02 .motion_box_01 .border_01{height:0; bottom:0; }
.b_sec_02 .b_slide_02 .motion_box_01 .border_02{width: 0; height: 1px; right: 0; bottom: 0;}
.b_sec_02 .b_slide_02 .motion_box_02 .b_circle{left: -145px; bottom:-3px;}
.b_sec_02 .b_slide_02 .motion_box_02 .border_01{height:0; bottom:0; }
.b_sec_02 .b_slide_02 .motion_box_02 .border_02{width:0; height:1px; left:-145px; bottom: 0;}
.b_sec_02 .b_slide_02 .motion_box_03 .border_01{height:0; bottom:0; }
.b_sec_02 .b_slide_02 .motion_box_03 .border_02{display:none;}

.b_sec_02 .b_slide_02 .motion_box_04 .border_01{height:0; top:0; }
.b_sec_02 .b_slide_02 .motion_box_04 .b_circle{left: -3px; top:-3px;}
.b_sec_02 .b_slide_02 .motion_box_05 .border_01{height:0; top:0; }
.b_sec_02 .b_slide_02 .motion_box_05 .border_02{width:0; height:1px; left:-90px; top:0; }
.b_sec_02 .b_slide_02 .motion_box_05 .b_circle{left: -90px; top:-3px;}


/* 2번 슬라이드 > 3. 선 애니메이션 길이 및 시간 설정 */
.b_sec_02 .b_slide_02 .motion_box_01.on .border_01{height:100%; transition-duration:.5s; transition-delay:.5s;}
.b_sec_02 .b_slide_02 .motion_box_01.on .border_02{width: 100%; transition-duration:.5s;}
.b_sec_02 .b_slide_02 .motion_box_02.on .border_01{height:100%; transition-duration:.5s; transition-delay:.5s;}
.b_sec_02 .b_slide_02 .motion_box_02.on .border_02{width: 145px; transition-duration:.5s;}
.b_sec_02 .b_slide_02 .motion_box_03.on .border_01{height:100%; transition-duration:1s;}
.b_sec_02 .b_slide_02 .motion_box_04.on .border_01{height:100%; transition-duration:1s;}
.b_sec_02 .b_slide_02 .motion_box_05.on .border_01{height:100%; transition-duration:.5s; transition-delay:.5s;}
.b_sec_02 .b_slide_02 .motion_box_05.on .border_02{width: 90px; transition-duration:.5s;}

@media screen and (max-width:1280px){ 
	.b_sec_02 .b_slide_02 .motion_box_01 {width: 125px; height: 162px; left: 24%; top: -26%;}

	.b_sec_02 .b_slide_02 .motion_box_02 {width: 56px; height: 185px; left: 45%; top: -27%;}
	.b_sec_02 .b_slide_02 .motion_box_02 .b_circle {left: -3px;}
	.b_sec_02 .b_slide_02 .motion_box_02.on .border_02{display:none;}

	.b_sec_02 .b_slide_02 .motion_box_03 {width: 100px; height: 200px; left: 67.5%; top: -27%;}
	.b_sec_02 .b_slide_02 .motion_box_03 .border_02 {display: block; width: 0; height: 1px; bottom: 0; right: 0;}
	.b_sec_02 .b_slide_02 .motion_box_03.on .border_01{transition-duration:.5s; transition-delay:.5s; }
	.b_sec_02 .b_slide_02 .motion_box_03.on .border_02 {transition-duration:.5s; width: 100%;}
	.b_sec_02 .b_slide_02 .motion_box_03 .b_circle{left:unset;right: 0;}

	.b_sec_02 .b_slide_02 .motion_box_04 {width: 56px; height: 300px; left: 31%; bottom: -13%;}

	.b_sec_02 .b_slide_02 .motion_box_05 .border_02{display:none;}
	.b_sec_02 .b_slide_02 .motion_box_05 .b_circle{left: -3px;}
	.b_sec_02 .b_slide_02 .motion_box_05 {width: 56px; height: 312px; left: 73%; bottom: -20%;}
	.b_sec_02 .b_slide_02 .motion_box_05.on .border_01{transition-duration: 1s; transition-delay:unset;}
}

@media screen and (max-width:720px){ 
.b_sec_02 .b_slide_02 .motion_box_01 {width: 62.5px; height: 81px; left: 28.5%; top: -14%; }
.b_sec_02 .b_slide_02 .motion_box_02 {width: 28px; height: 92.5px; left: 45%; top: -14.3%; }
.b_sec_02 .b_slide_02 .motion_box_02 .b_circle {left: -1px;}
.b_sec_02 .b_slide_02 .motion_box_03 {width: 50.5px; height: 100px; left: 70.5%; top: -13%; }
.b_sec_02 .b_slide_02 .motion_box_03 .b_circle{bottom: -1px;}
.b_sec_02 .b_slide_02 .motion_box_04 {width: 28px; height: 151px; left: 31%; bottom: 8%; }
.b_sec_02 .b_slide_02 .motion_box_04 .b_circle {left: -2px;}
.b_sec_02 .b_slide_02 .motion_box_05 {width: 28px; height: 143.5px; left: 73%; bottom: 8%; }
.b_sec_02 .b_slide_02 .motion_box_05 .b_circle {left: -2px;}

}

@media screen and (max-width:540px){ 
.b_sec_02 .b_slide_02 .motion_box_01{left: 24.5%;top: -28%;}
.b_sec_02 .b_slide_02 .motion_box_02{height: 95.5px; top: -29.3%;}
.b_sec_02 .b_slide_02 .motion_box_03{left: 67.5%; top: -29%;}
.b_sec_02 .b_slide_02 .motion_box_04{bottom: -14%;}
.b_sec_02 .b_slide_02 .motion_box_05{bottom: -14%;}
}




/* 3번 슬라이드 > 1. 선으로 둘러싸인 박스 크기 설정 */
.b_sec_02 .b_slide_03 .motion_box_01 {width:150px; height:305px; left: 44.5%; top: 8%;}
.b_sec_02 .b_slide_03 .motion_box_02 {width:100px; height:280px; left: 51%; top: 8%;}
.b_sec_02 .b_slide_03 .motion_box_03 {width:56px; height:312px; left: 60.7%; top: 8%;}
.b_sec_02 .b_slide_03 .motion_box_04 {width:56px; height:368px; left: 76.2%; top: 8%;}
.b_sec_02 .b_slide_03 .motion_box_05 {width:56px; height:254px; left: 56.5%; bottom: 4%;}
.b_sec_02 .b_slide_03 .motion_box_06 {width:56px; height:237px; left: 84.5%; bottom: 4%;}

/* 3번 슬라이드 > 2. 선 및 원형벡터 위치 설정 */
/* .border_01은 아이콘과 이어지는 가장 긴 선입니다. */
.b_sec_02 .b_slide_03 .motion_box_01 .border_01{height:0; bottom:0; }
.b_sec_02 .b_slide_03 .motion_box_01 .border_02{width: 0; height: 1px; right: 0; bottom: 0;}
.b_sec_02 .b_slide_03 .motion_box_02 .border_01{height:0; bottom:0; }
.b_sec_02 .b_slide_03 .motion_box_02 .border_02{width: 0; height: 1px; right: 0; bottom: 0;}
.b_sec_02 .b_slide_03 .motion_box_03 .border_01{height:0;bottom: 0;}
.b_sec_02 .b_slide_03 .motion_box_03 .border_02{top:50%; width:0; height:1px; left:-30px; }
.b_sec_02 .b_slide_03 .motion_box_03 .border_03{bottom:0; width:1px; height:0; left:-30px; }
.b_sec_02 .b_slide_03 .motion_box_03 .b_circle_01{left:-33px}
.b_sec_02 .b_slide_03 .motion_box_03 .b_circle_02{right:unset; left:-3px}
.b_sec_02 .b_slide_03 .motion_box_04 .border_01{height:0;bottom: 0;}
.b_sec_02 .b_slide_03 .motion_box_05 .border_01{height:0; top: 0;}
.b_sec_02 .b_slide_03 .motion_box_05 .border_02{top:135px; width:0; height:1px; left:-18px; }
.b_sec_02 .b_slide_03 .motion_box_05 .border_03{top:60px; width:1px; height:0; left:-18px; }
.b_sec_02 .b_slide_03 .motion_box_05 .b_circle_01{top:60px; left:-22px}
.b_sec_02 .b_slide_03 .motion_box_05 .b_circle_02{right:unset; left:-3px; top:-3px;}
.b_sec_02 .b_slide_03 .motion_box_06 .border_01{height:0; top: 0;}
.b_sec_02 .b_slide_03 .motion_box_06 .b_circle{right:unset; left:-3px; top:-3px;}


/* 3번 슬라이드 > 3. 선 애니메이션 길이 및 시간 설정 */
.b_sec_02 .b_slide_03 .motion_box_01.on .border_01{height:100%; transition-duration:.5s; transition-delay:.5s;}
.b_sec_02 .b_slide_03 .motion_box_01.on .border_02{width: 100%; transition-duration:.5s; }
.b_sec_02 .b_slide_03 .motion_box_02.on .border_01{height:100%; transition-duration:.5s; transition-delay:.5s;}
.b_sec_02 .b_slide_03 .motion_box_02.on .border_02{width: 100%; transition-duration:.5s; }
.b_sec_02 .b_slide_03 .motion_box_03.on .border_01{height:100%; transition-duration:1s; }
.b_sec_02 .b_slide_03 .motion_box_03.on .border_02{width: 30px; transition-duration:.3s; transition-delay:.7s;}
.b_sec_02 .b_slide_03 .motion_box_03.on .border_03{height:156px; transition-duration:.7s;}
.b_sec_02 .b_slide_03 .motion_box_04.on .border_01{height:100%; transition-duration:1s; }
.b_sec_02 .b_slide_03 .motion_box_05.on .border_01{height:100%; transition-duration:1s; }
.b_sec_02 .b_slide_03 .motion_box_05.on .border_02{width: 18px; transition-duration:.3s; transition-delay:.7s; }
.b_sec_02 .b_slide_03 .motion_box_05.on .border_03{height: 77px; transition-duration:.7s; }
.b_sec_02 .b_slide_03 .motion_box_06.on .border_01{height:100%; transition-duration:1s; }

@media screen and (max-width:1280px){ 
	.b_sec_02 .b_slide_03 .motion_box_01 {width: 200px; height: 272px; left: 24%; top: -32%;}
	.b_sec_02 .b_slide_03 .motion_box_02 {width: 80px; height: 260px; left: 45%; top: -32%;}

	.b_sec_02 .b_slide_03 .motion_box_03 {width: 56px; height: 285px; left: 60%; top: -33%;}
	.b_sec_02 .b_slide_03 .motion_box_03 .b_circle_01, .b_sec_02 .b_slide_03 .motion_box_03.on .border_02, .b_sec_02 .b_slide_03 .motion_box_03.on .border_03{display:none;}

	.b_sec_02 .b_slide_03 .motion_box_04 {width: 56px; height: 318px; left: 80.2%; top: -31%;}

	.b_sec_02 .b_slide_03 .motion_box_05{width: 56px; height: 215px; left: 55.3%; bottom: -6%;}
	.b_sec_02 .b_slide_03 .motion_box_05.on .border_03 {height: 52px;}
	.b_sec_02 .b_slide_03 .motion_box_05 .border_02{top: 98px;}
	.b_sec_02 .b_slide_03 .motion_box_05 .border_03 {top: 47px;}
	.b_sec_02 .b_slide_03 .motion_box_05 .b_circle_01 {top: 44px;}

	.b_sec_02 .b_slide_03 .motion_box_06 {width: 56px; height: 200px; left: 91%; bottom: -6%;}
}

@media screen and (max-width:720px){ 
	.b_sec_02 .b_slide_03 .motion_box_01 {width: 97px; height: 136px; left: 32.5%; top: -11%;}

	.b_sec_02 .b_slide_03 .motion_box_02 {width: 37.5px; height: 127px; left: 48.3%; top: -11%; }
	.b_sec_02 .b_slide_03 .motion_box_02 .border_01{width:0.5px; }

	.b_sec_02 .b_slide_03 .motion_box_03 {width: 28px; height: 141px; left: 60.2%; top: -11.5%; }
	.b_sec_02 .b_slide_03 .motion_box_03 .border_01{width:0.5px; }

	.b_sec_02 .b_slide_03 .motion_box_04 {width: 28px; height: 167px; left: 80.2%; top: -12%; }

	.b_sec_02 .b_slide_03 .motion_box_05 {width: 28px; height: 107.5px; left: 55.3%; bottom: 10%;}
	.b_sec_02 .b_slide_03 .motion_box_05 .border_02 {top: 50px;}
	.b_sec_02 .b_slide_03 .motion_box_05 .border_03{top: 26px; left: -8px; width:0.5px; }
	.b_sec_02 .b_slide_03 .motion_box_05.on .border_02{width: 8px; left: -8px;}
	.b_sec_02 .b_slide_03 .motion_box_05.on .border_03 {height: 26px;}
	.b_sec_02 .b_slide_03 .motion_box_05 .b_circle_01 {top: 22px; left: -10px;}
	.b_sec_02 .b_slide_03 .motion_box_05 .b_circle_02{left: -2px;}

	.b_sec_02 .b_slide_03 .motion_box_06 {width: 28px; height: 100px; left: 91%; bottom: 11%; }
	.b_sec_02 .b_slide_03 .motion_box_06 .border_01{width:0.5px; }
	.b_sec_02 .b_slide_03 .motion_box_06 .b_circle{left: -1px;}
}

@media screen and (max-width:540px){ 
	.b_sec_02 .b_slide_03 .motion_box_01{left: 24.5%;top: -31%;}
	.b_sec_02 .b_slide_03 .motion_box_02{left: 45.3%;top: -31%;}
	.b_sec_02 .b_slide_03 .motion_box_03{top: -31.5%;}
	.b_sec_02 .b_slide_03 .motion_box_04{height: 160px; top: -32%;}
	.b_sec_02 .b_slide_03 .motion_box_05{left: 55%; bottom: -7%;}
	.b_sec_02 .b_slide_03 .motion_box_06{bottom: -6%;}
}



/* 4번 슬라이드 > 1. 선으로 둘러싸인 박스 크기 설정 */
.b_sec_02 .b_slide_04 .motion_box_01 {width:95px; height:200px; left: 42.7%; top: 8%;}
.b_sec_02 .b_slide_04 .motion_box_02 {width:56px; height:228px; left: 59.5%; top: 8%;}
.b_sec_02 .b_slide_04 .motion_box_03 {width:56px; height:265px; left: 70%; top: 8%;}
.b_sec_02 .b_slide_04 .motion_box_04 {width:56px; height:358px; left: 45%; bottom: 3%;}
.b_sec_02 .b_slide_04 .motion_box_05 {width:56px; height:312px; left: 66%; bottom: 3%;}

/* 4번 슬라이드 > 2. 선 및 원형벡터 위치 설정 */
/* .border_01은 아이콘과 이어지는 가장 긴 선입니다. */
.b_sec_02 .b_slide_04 .motion_box_01 .border_01{height:0; bottom:0; }
.b_sec_02 .b_slide_04 .motion_box_01 .border_02{width: 0; height: 1px; right: 0; bottom: 0;}
.b_sec_02 .b_slide_04 .motion_box_02 .b_circle{left: -145px; bottom:-3px;}
.b_sec_02 .b_slide_04 .motion_box_02 .border_01{height:0; bottom:0; }
.b_sec_02 .b_slide_04 .motion_box_02 .border_02{width:0; height:1px; left:-145px; bottom: 0;}
.b_sec_02 .b_slide_04 .motion_box_03 .border_01{height:0; bottom:0; }
.b_sec_02 .b_slide_04 .motion_box_03 .border_02{display:none;}
.b_sec_02 .b_slide_04 .motion_box_04 .border_01{height:0; top:0; }
.b_sec_02 .b_slide_04 .motion_box_04 .b_circle{left: -3px; top:-3px;}
.b_sec_02 .b_slide_04 .motion_box_05 .border_01{height:0; top:0; }
.b_sec_02 .b_slide_04 .motion_box_05 .border_02{width:0; height:1px; left:-90px; top:0; }
.b_sec_02 .b_slide_04 .motion_box_05 .b_circle{left: -90px; top:-3px;}


/* 4번 슬라이드 > 3. 선 애니메이션 길이 및 시간 설정 */
.b_sec_02 .b_slide_04 .motion_box_01.on .border_01{height:100%; transition-duration:.5s; transition-delay:.5s;}
.b_sec_02 .b_slide_04 .motion_box_01.on .border_02{width: 100%; transition-duration:.5s;}
.b_sec_02 .b_slide_04 .motion_box_02.on .border_01{height:100%; transition-duration:.5s; transition-delay:.5s;}
.b_sec_02 .b_slide_04 .motion_box_02.on .border_02{width: 145px; transition-duration:.5s;}
.b_sec_02 .b_slide_04 .motion_box_03.on .border_01{height:100%; transition-duration:1s;}
.b_sec_02 .b_slide_04 .motion_box_04.on .border_01{height:100%; transition-duration:1s;}
.b_sec_02 .b_slide_04 .motion_box_05.on .border_01{height:100%; transition-duration:.5s; transition-delay:.5s;}
.b_sec_02 .b_slide_04 .motion_box_05.on .border_02{width: 90px; transition-duration:.5s;}

@media screen and (max-width:1280px){ 
	.b_sec_02 .b_slide_04 .motion_box_01 {width: 125px; height: 162px; left: 24%; top: -26%;}

	.b_sec_02 .b_slide_04 .motion_box_02 {width: 56px; height: 185px; left: 45%; top: -27%;}
	.b_sec_02 .b_slide_04 .motion_box_02 .b_circle {left: -3px;}
	.b_sec_02 .b_slide_04 .motion_box_02.on .border_02{display:none;}

	.b_sec_02 .b_slide_04 .motion_box_03 {width: 100px; height: 200px; left: 67.5%; top: -27%;}
	.b_sec_02 .b_slide_04 .motion_box_03 .border_02 {display: block; width: 0; height: 1px; bottom: 0; right: 0;}
	.b_sec_02 .b_slide_04 .motion_box_03.on .border_01{transition-duration:.5s; transition-delay:.5s; }
	.b_sec_02 .b_slide_04 .motion_box_03.on .border_02 {transition-duration:.5s; width: 100%;}
	.b_sec_02 .b_slide_04 .motion_box_03 .b_circle{left:unset;right: 0;}

	.b_sec_02 .b_slide_04 .motion_box_04 {width: 56px; height: 300px; left: 31%; bottom: -13%;}

	.b_sec_02 .b_slide_04 .motion_box_05 .border_02{display:none;}
	.b_sec_02 .b_slide_04 .motion_box_05 .b_circle{left: -3px;}
	.b_sec_02 .b_slide_04 .motion_box_05 {width: 56px; height: 312px; left: 73%; bottom: -20%;}
	.b_sec_02 .b_slide_04 .motion_box_05.on .border_01{transition-duration: 1s; transition-delay:unset;}
}
@media screen and (max-width:720px){ 
	.b_sec_02 .b_slide_04 .motion_box_01 {width: 62.5px; height: 81px; left: 28.5%; top: -14%; }
	.b_sec_02 .b_slide_04 .motion_box_02 {width: 28px; height: 92.5px; left: 45%; top: -14.3%; }
	.b_sec_02 .b_slide_04 .motion_box_02 .b_circle {left: -1px;}
	.b_sec_02 .b_slide_04 .motion_box_03 {width: 50.5px; height: 100px; left: 70.5%; top: -13%; }
	.b_sec_02 .b_slide_04 .motion_box_03 .b_circle{bottom: -1px;}
	.b_sec_02 .b_slide_04 .motion_box_04 {width: 28px; height: 151px; left: 31%; bottom: 8%; }
	.b_sec_02 .b_slide_04 .motion_box_04 .b_circle {left: -2px;}
	.b_sec_02 .b_slide_04 .motion_box_05 {width: 28px; height: 143.5px; left: 73%; bottom: 8%; }
	.b_sec_02 .b_slide_04 .motion_box_05 .b_circle {left: -2px;}
}
@media screen and (max-width:540px){ 
	.b_sec_02 .b_slide_04 .motion_box_01{left: 24.5%;top: -28%;}
	.b_sec_02 .b_slide_04 .motion_box_02{height: 95.5px; top: -29.3%;}
	.b_sec_02 .b_slide_04 .motion_box_03{left: 67.5%; top: -29%;}
	.b_sec_02 .b_slide_04 .motion_box_04{bottom: -14%;}
	.b_sec_02 .b_slide_04 .motion_box_05{bottom: -14%;}
}



/* 5번 슬라이드 > 1. 선으로 둘러싸인 박스 크기 설정 */
.b_sec_02 .b_slide_05 .motion_box_01 {width:150px; height:305px; left: 44.5%; top: 8%;}
.b_sec_02 .b_slide_05 .motion_box_02 {width:100px; height:280px; left: 51%; top: 8%;}
.b_sec_02 .b_slide_05 .motion_box_03 {width:56px; height:312px; left: 60.7%; top: 8%;}
.b_sec_02 .b_slide_05 .motion_box_04 {width:56px; height:368px; left: 76.2%; top: 8%;}
.b_sec_02 .b_slide_05 .motion_box_05 {width:56px; height:254px; left: 56.5%; bottom: 4%;}
.b_sec_02 .b_slide_05 .motion_box_06 {width:56px; height:237px; left: 84.5%; bottom: 4%;}

/* 5번 슬라이드 > 2. 선 및 원형벡터 위치 설정 */
/* .border_01은 아이콘과 이어지는 가장 긴 선입니다. */
.b_sec_02 .b_slide_05 .motion_box_01 .border_01{height:0; bottom:0; }
.b_sec_02 .b_slide_05 .motion_box_01 .border_02{width: 0; height: 1px; right: 0; bottom: 0;}
.b_sec_02 .b_slide_05 .motion_box_02 .border_01{height:0; bottom:0; }
.b_sec_02 .b_slide_05 .motion_box_02 .border_02{width: 0; height: 1px; right: 0; bottom: 0;}
.b_sec_02 .b_slide_05 .motion_box_03 .border_01{height:0;bottom: 0;}
.b_sec_02 .b_slide_05 .motion_box_03 .border_02{top:50%; width:0; height:1px; left:-30px; }
.b_sec_02 .b_slide_05 .motion_box_03 .border_03{bottom:0; width:1px; height:0; left:-30px; }
.b_sec_02 .b_slide_05 .motion_box_03 .b_circle_01{left:-33px}
.b_sec_02 .b_slide_05 .motion_box_03 .b_circle_02{right:unset; left:-3px}
.b_sec_02 .b_slide_05 .motion_box_04 .border_01{height:0;bottom: 0;}
.b_sec_02 .b_slide_05 .motion_box_05 .border_01{height:0; top: 0;}
.b_sec_02 .b_slide_05 .motion_box_05 .border_02{top:135px; width:0; height:1px; left:-18px; }
.b_sec_02 .b_slide_05 .motion_box_05 .border_03{top:60px; width:1px; height:0; left:-18px; }
.b_sec_02 .b_slide_05 .motion_box_05 .b_circle_01{top:60px; left:-22px}
.b_sec_02 .b_slide_05 .motion_box_05 .b_circle_02{right:unset; left:-3px; top:-3px;}
.b_sec_02 .b_slide_05 .motion_box_06 .border_01{height:0; top: 0;}
.b_sec_02 .b_slide_05 .motion_box_06 .b_circle{right:unset; left:-3px; top:-3px;}


/* 5번 슬라이드 > 3. 선 애니메이션 길이 및 시간 설정 */
.b_sec_02 .b_slide_05 .motion_box_01.on .border_01{height:100%; transition-duration:.5s; transition-delay:.5s;}
.b_sec_02 .b_slide_05 .motion_box_01.on .border_02{width: 100%; transition-duration:.5s; }
.b_sec_02 .b_slide_05 .motion_box_02.on .border_01{height:100%; transition-duration:.5s; transition-delay:.5s;}
.b_sec_02 .b_slide_05 .motion_box_02.on .border_02{width: 100%; transition-duration:.5s; }
.b_sec_02 .b_slide_05 .motion_box_03.on .border_01{height:100%; transition-duration:1s; }
.b_sec_02 .b_slide_05 .motion_box_03.on .border_02{width: 30px; transition-duration:.3s; transition-delay:.7s;}
.b_sec_02 .b_slide_05 .motion_box_03.on .border_03{height:156px; transition-duration:.7s;}
.b_sec_02 .b_slide_05 .motion_box_04.on .border_01{height:100%; transition-duration:1s; }
.b_sec_02 .b_slide_05 .motion_box_05.on .border_01{height:100%; transition-duration:1s; }
.b_sec_02 .b_slide_05 .motion_box_05.on .border_02{width: 18px; transition-duration:.3s; transition-delay:.7s; }
.b_sec_02 .b_slide_05 .motion_box_05.on .border_03{height: 77px; transition-duration:.7s; }
.b_sec_02 .b_slide_05 .motion_box_06.on .border_01{height:100%; transition-duration:1s; }

@media screen and (max-width:1280px){ 
	.b_sec_02 .b_slide_05 .motion_box_01 {width: 200px; height: 272px; left: 24%; top: -32%;}
	.b_sec_02 .b_slide_05 .motion_box_02 {width: 80px; height: 260px; left: 45%; top: -32%;}

	.b_sec_02 .b_slide_05 .motion_box_03 {width: 56px; height: 285px; left: 60%; top: -33%;}
	.b_sec_02 .b_slide_05 .motion_box_03 .b_circle_01, .b_sec_02 .b_slide_05 .motion_box_03.on .border_02, .b_sec_02 .b_slide_05 .motion_box_03.on .border_03{display:none;}

	.b_sec_02 .b_slide_05 .motion_box_04 {width: 56px; height: 318px; left: 80.2%; top: -31%;}

	.b_sec_02 .b_slide_05 .motion_box_05{width: 56px; height: 215px; left: 55.3%; bottom: -6%;}
	.b_sec_02 .b_slide_05 .motion_box_05.on .border_03 {height: 52px;}
	.b_sec_02 .b_slide_05 .motion_box_05 .border_02{top: 98px;}
	.b_sec_02 .b_slide_05 .motion_box_05 .border_03 {top: 47px;}
	.b_sec_02 .b_slide_05 .motion_box_05 .b_circle_01 {top: 44px;}

	.b_sec_02 .b_slide_05 .motion_box_06 {width: 56px; height: 200px; left: 91%; bottom: -6%;}
}

@media screen and (max-width:720px){ 
	.b_sec_02 .b_slide_05 .motion_box_01 {width: 97px; height: 136px; left: 32.5%; top: -11%;}

	.b_sec_02 .b_slide_05 .motion_box_02 {width: 37.5px; height: 127px; left: 48.3%; top: -11%; }
	.b_sec_02 .b_slide_05 .motion_box_02 .border_01{width:0.5px; }

	.b_sec_02 .b_slide_05 .motion_box_03 {width: 28px; height: 141px; left: 60.2%; top: -11.5%; }
	.b_sec_02 .b_slide_05 .motion_box_03 .border_01{width:0.5px; }

	.b_sec_02 .b_slide_05 .motion_box_04 {width: 28px; height: 167px; left: 80.2%; top: -12%; }

	.b_sec_02 .b_slide_05 .motion_box_05 {width: 28px; height: 107.5px; left: 55.3%; bottom: 10%;}
	.b_sec_02 .b_slide_05 .motion_box_05 .border_02 {top: 50px;}
	.b_sec_02 .b_slide_05 .motion_box_05 .border_03{top: 26px; left: -8px; width:0.5px; }
	.b_sec_02 .b_slide_05 .motion_box_05.on .border_02{width: 8px; left: -8px;}
	.b_sec_02 .b_slide_05 .motion_box_05.on .border_03 {height: 26px;}
	.b_sec_02 .b_slide_05 .motion_box_05 .b_circle_01 {top: 22px; left: -10px;}
	.b_sec_02 .b_slide_05 .motion_box_05 .b_circle_02{left: -2px;}

	.b_sec_02 .b_slide_05 .motion_box_06 {width: 28px; height: 100px; left: 91%; bottom: 11%; }
	.b_sec_02 .b_slide_05 .motion_box_06 .border_01{width:0.5px; }
	.b_sec_02 .b_slide_05 .motion_box_06 .b_circle{left: -1px;}
}

@media screen and (max-width:540px){ 
	.b_sec_02 .b_slide_05 .motion_box_01{left: 24.5%;top: -31%;}
	.b_sec_02 .b_slide_05 .motion_box_02{left: 45.3%;top: -31%;}
	.b_sec_02 .b_slide_05 .motion_box_03{top: -31.5%;}
	.b_sec_02 .b_slide_05 .motion_box_04{height: 160px; top: -32%;}
	.b_sec_02 .b_slide_05 .motion_box_05{left: 55%; bottom: -7%;}
	.b_sec_02 .b_slide_05 .motion_box_06{bottom: -6%;}
}
/*--- 라인 모션 스타일 영역 끝 ---*/


/* 마우스 커서 변경 */
.b_drag_box{position:fixed; left:0; top:0;  border-radius:50%; pointer-events:none; z-index:999; display:none;}
.b_drag_box p{border-radius:50%; background-color:rgba(255,255,255,.1); display:flex; align-items:center; justify-content:center; color:#fff; width:100px; height:100px; margin:0 10px; }
.b_drag_box img.left_arw{transform:rotate(180deg); }
.b_drag_box .b_drag_wrap{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display:flex; align-items:center; justify-content:center;}




/* sec03 > GLOBAL LEADER */
.b_sec_03 {background-color:#f9f9f9; overflow:hidden; padding-top:100px;}
.b_sec_03 .b_list_wrap ul{display:flex; justify-content:space-between; align-items:flex-start; left: 39%;}
.b_sec_03 .b_list_wrap ul li{width:22%; }
.b_sec_03 .b_list_wrap ul li figure img{display:block; max-width:100%; margin: 0 auto;}
.b_sec_03 .b_list_wrap ul li .b_txt_box{text-align:center; margin-top:40px; }
.b_sec_03 .b_list_wrap ul li .b_txt_box p{margin-bottom:25px; word-break:keep-all;}
.b_sec_03 .b_list_wrap ul li .b_txt_box span{line-height:1.5; color:#222222; word-break:keep-all; }

.b_sec_03 .b_tit_box{padding-top: 50px; margin-bottom:50px; }

@media screen and (min-width:1930px){ 
	.b_sec_03 .b_tit_box{padding-top: 200px; margin-bottom:80px; }
}
@media screen and (max-width:1280px){ 
	.b_sec_03 .b_list_wrap ul li {width: 23.5%;}
}
@media screen and (max-width:1120px){ 
	.b_sec_03 .b_inner{width:100%; overflow:hidden; }
	.b_sec_03 .b_list_wrap ul{left: 0;}

}

@media screen and (max-width:1090px){ 
	.b_sec_03 .b_list_wrap ul li:nth-child(2) .b_txt_box span br{display:none;}
}
@media screen and (max-width:1080px){ 
	.b_sec_03 .b_list_wrap {overflow:hidden;}
	.b_sec_03 .b_list_wrap ul{justify-content:unset; left: 0;}
	.b_sec_03 .b_list_wrap ul li:nth-child(2) .b_txt_box span br{display:block;}
	.b_sec_03 .b_list_wrap ul li .b_txt_box{margin-top:23px; }
	.b_sec_03 .b_list_wrap ul li .b_txt_box p {margin-bottom: 15px;}
}

@media screen and (max-width:720px){ 
	.b_sec_03{padding-top:75px; }
	.b_sec_03 .b_tit_box{padding-top:0; margin-bottom:40px; }
}




/* sec04 > MEDIA & NEWS */
.b_sec_04 .b_tit_box {display:flex; justify-content:space-between; align-items:center; }
.b_sec_04 .b_cont_box{display:flex; justify-content:space-between; align-items:flex-start; }
.b_sec_04 .b_cont_box > div{height:400px;}
.b_sec_04 .b_left_box{width:33%; }
.b_sec_04 .b_right_box{width:62.3%; }
.b_sec_04 .b_left_box .b_thum_box {width:100%; height:100%; }
.b_sec_04 .b_left_box .b_thum_box a{width:100%; height:100%; display:flex; position:relative; flex-direction:column; justify-content:flex-end; padding:40px; color:#fff; }
.b_sec_04 .b_left_box .b_thum_box figure{position:absolute; left:0; top:0; width:100%; height:100%; z-index:-1; overflow:hidden;}
.b_sec_04 .b_left_box .b_thum_box figure img{display:block; width:100%; height:100%; object-fit:cover;}
.b_sec_04 .b_left_box .b_thum_box .b_date{opacity:.6; display:block; margin-bottom:40px;  }
.b_sec_04 .b_left_box .b_thum_box .b_subject{line-height:1.5; word-break:keep-all;}
.b_sec_04 .b_news_list {border-top:1px solid #000; display:flex; flex-direction:column; height:100%; }
.b_sec_04 .b_news_list li{width:100%; height:25%; border-bottom:1px solid #e0e0e0; position:relative; display:flex; align-items:center; justify-content:space-between; padding:0 30px; }
.b_sec_04 .b_news_list li:first-child{display:none; }
.b_sec_04 .b_news_list li a{display:block; position:absolute; left:0; top:0; width:100%; height:100%; }
.b_sec_04 .b_news_list li .b_txt_box{display:flex; align-items:center; width:calc(100% - 18px); }
.b_sec_04 .b_news_list li .b_txt_box p{width:86%; padding-right: 30px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.b_sec_04 .b_news_list li .b_txt_box .b_date{width:14%; display:block; color:#999; word-break:keep-all;}

@media screen and (max-width:1480px){ 
	.b_sec_04 .b_left_box {width: 35%;}
	.b_sec_04 .b_left_box .b_thum_box a{padding: 40px 30px;}
	.b_sec_04 .b_news_list li{padding: 0 20px;}
}
@media screen and (max-width:1280px){ 
	.b_sec_04 .b_cont_box > div{height:320px;}
	.b_sec_04 .b_left_box .b_thum_box a{padding: 30px 25px;}
	.b_sec_04 .b_left_box .b_thum_box .b_date{margin-bottom: 25px;}
	.b_sec_04 .b_news_list li{padding: 0 12px;}
	.b_sec_04 .b_news_list li .b_icon_box img{width:15px; }
	.b_sec_04 .b_news_list li .b_txt_box .b_date{width: 90px;}
	.b_sec_04 .b_news_list li .b_txt_box p{padding:0 15px;}
}
@media screen and (max-width:1080px){ 
	.b_sec_04 .b_tit_box{flex-direction:column; align-items: flex-start;}
	.b_sec_04 .b_tit_box h2{margin-bottom:20px;}
	.b_sec_04 .b_cont_box{flex-wrap:wrap;}
	.b_sec_04 .b_cont_box > div{height:auto; width:100%; }
	.b_sec_04 .b_left_box {aspect-ratio:9/6; margin-bottom:25px;}
	.b_sec_04 .b_news_list li{height:62px; padding:0 15px 0 10px;}
	.b_sec_04 .b_news_list li .b_txt_box .b_date{display:none;}
	.b_sec_04 .b_news_list li .b_icon_box img{width:11px; }
	.b_sec_04 .b_news_list li .b_txt_box p{padding:0 15px 0 0; width: 100%;}
}
@media screen and (max-width:720px){ 
	.b_sec_04 .b_left_box .b_thum_box a{padding: 20px 17px;}
	.b_sec_04 .b_left_box .b_thum_box .b_date {margin-bottom: 15px;}
}



/* 풋터 */
#b_footer{background-color:#f6f6f6; overflow: hidden;}
#b_footer .b_inner{position:relative; padding:40px 0;}
#b_footer .b_ft_top{display:flex; justify-content:space-between; align-items:center; margin-bottom:30px; }
#b_footer .b_ft_top .b_ft_logo a{display:block; }
#b_footer .b_ft_top .b_ft_logo img{display:block; }
#b_footer .b_ft_top #b_gnb {display:flex; align-items:center; }
#b_footer .b_ft_top #b_gnb li {margin-left:40px; }
#b_footer .b_ft_top #b_gnb li:first-child {margin-left:0px; }
#b_footer .b_ft_top #b_gnb li > a{display:block; padding:3px 0; color:#777777; font-family: 'Manrope'; }
#b_footer .b_ft_top #b_gnb li .b_sub_menu{display:none; }
#b_footer .b_ft_bot address div{margin-bottom:12px; display:flex; align-items:center; }
#b_footer .b_ft_bot address div b{margin-right:5px; color:#777777;}
#b_footer .b_ft_bot address p{display:flex; align-items:center; }
#b_footer .b_ft_bot address span{display:block; padding:0 7px; color:#aaaaaa; position:relative; }
#b_footer .b_ft_bot address span:after{content:''; width:1px; height:15px; background-color:#aaa; position:absolute; right:0; top:50%; transform:translateY(-50%); }
#b_footer .b_ft_bot address span:last-child:after{display:none;}
#b_footer .b_ft_bot .b_copyright{text-transform:uppercase; color:#cccccc; padding-top:15px; line-height:1.4;}
#b_footer .b_top_btn{background-color:#222222; width:50px; height:50px; display:flex; align-items:center; justify-content:center; color:#fff; position:absolute; right:0; bottom:40px; }
#b_footer .b_top_btn span{letter-spacing: 0px;}

@media screen and (max-width: 1080px){ 
	#b_footer .b_inner{padding:30px 0; } 
	#b_footer .b_ft_top .b_ft_logo img{width:151px; }
	#b_footer .b_ft_top nav{display:none;}
	#b_footer .b_top_btn{bottom: unset; width:35px; height:35px; top: 25px;}
	#b_footer .b_top_btn span{font-size:11px;}
	#b_footer .b_ft_bot address div{align-items:flex-start; margin-bottom: 10px;}
	#b_footer .b_ft_bot address div b{display:block; width:65px; }
	#b_footer .b_ft_bot address p{flex-direction:column; align-items:flex-start;}
	#b_footer .b_ft_bot address span{line-height:1.5;}
	#b_footer .b_ft_bot address span:after{display:none;}
	#b_footer .b_ft_bot address div:first-child span:after{display:block; height:11px;}
	#b_footer .b_ft_bot address div:first-child span:last-child:after{display:none;}
	#b_footer .b_ft_bot .b_copyright{padding-top:10px;}
}





.br_1080o{display:none;}
@media screen and (max-width: 1080px){
  .br_1080o{display:block;}
	.br_1080x{display:none;}
}

.br_720o{display:none;}
@media screen and (max-width: 720px){
  .br_720o{display:block;}
	.br_720x{display:none;}
}