*{font-family: "Noto Sans KR", sans-serif; letter-spacing:-1px; }
.b_eng{font-family: "Montserrat", sans-serif;}
.b_pre{font-family: "Pretendard", sans-serif;}
.b_gm{font-family: 'Gmarket Sans';}
.b_inner{max-width:1600px; width:96%; margin:0 auto; }


/*font weight*/
.fw_l{font-weight: 200;}
.fw_m{font-weight: 400;}
.fw_sb{font-weight: 500;}
.fw_b{font-weight: 600;}
.fw_bl{font-weight: 900;}


/*font size*/
.fs_18{font-size: 1.125rem;}
.fs_20{font-size: 1.25rem;}
.fs_22{font-size: 1.375rem;}
.fs_26{font-size: 1.625rem;}
.fs_30{font-size: 1.875rem;}
.fs_34{font-size: 2.125rem;}
.fs_40{font-size: 2.5rem;}
.fs_60{font-size: 3.75rem;}
.fs_70{font-size: 4.375rem;}

@media screen and (max-width:1080px){ 
	.fs_26{font-size: 20px;}
	.fs_34{font-size: 25px;}
	.fs_60{font-size: 40px;}
	.fs_70{font-size: 40px;}

}
@media screen and (max-width:720px){ 
	.fs_26{font-size: 18px;}
	.fs_30{font-size: 18px;}
	.fs_34{font-size: 20px;}
	.fs_60{font-size: 50px;}
	.fs_70{font-size: 50px;}

}



#b_header{position:fixed; width:100%; height:100px; left:0; top:0; z-index:10; }
#b_header .b_inner{display:flex; height:100%; align-items:center; justify-content:space-between; }
#b_header .b_logo a{display:block; }
#b_header #b_gnb {display:flex; column-gap:40px; align-items:center; }
#b_header #b_gnb li a{color:#fff; font-size:1.125rem; font-weight:400; display:block; padding:3px; }
#b_header .b_util_box{display:flex; align-items:center; column-gap:20px; }
#b_header .b_toggle_btn{width:32px; height:32px;flex-direction:column; justify-content:center; align-items:center; row-gap:6px; display:none;}
#b_header .b_toggle_btn span{display:block; width:100%; height:2px; background-color:#fff; }

#b_header.scr{background-color:rgba(0,0,0,.4); backdrop-filter: blur(10px);}

#b_site_wrap{position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,.6); z-index:10; display:none;}
#b_site_map{position:absolute; right:-400px; top:0; width:100%; max-width:360px; height:100%; background-color:#3772ff; }
#b_site_map.open{right:0; transition:right .3s; transition-delay:.2s;}
#b_site_map .b_close_btn{width:24px; height:24px; position:relative; margin:20px; float:right; transform:rotate(48deg); }
#b_site_map .b_close_btn span{display:block; position:absolute;  background-color:#fff; }
#b_site_map .b_close_btn span:first-child{width:100%; height:2px; left:0; top:50%; transform:translateY(-50%);}
#b_site_map .b_close_btn span:last-child{width:2px; height:100%; left:50%; top:0; transform:translateX(-50%);}
#b_site_map nav{margin: 0 20px; margin-top:150px; }
#b_site_map #b_gnb li {margin-bottom:20px; }
#b_site_map #b_gnb li:last-child {margin-bottom:0px; }
#b_site_map #b_gnb li a{color:#fff; font-weight:500; display:block; padding:5px; width:fit-content; font-size:18px; margin: 0 auto;}



/* admin menu */
.b_adm_list{position:fixed; right:20px; bottom:20px; z-index:15; }
.b_adm_list li{margin-bottom:7px; }
.b_adm_list li:last-child{margin-bottom:0px; }
.b_adm_list li a{display:flex; align-items: center; justify-content: center; color:#fff; width:100px; height:40px; border-radius:6px; text-align:center; background-color:#111; border:1px solid #666; }


@media screen and (max-width:1080px){ 
	#b_header{height:80px; }
	#b_header nav{display:none; }
	#b_header .b_logo img{width:50px; }
	#b_header .b_toggle_btn{display:flex; }

}
@media screen and (max-width:720px){ 
	#b_header{height:70px; }
}




.b_mv_box{height:950px; background:url(/img/index/mv_bg.jpg) no-repeat center / cover; overflow:hidden; position:relative; }
.b_mv_box .b_inner{display:flex; height:100%; align-items:center; justify-content:center; position:relative; }
.b_mv_box figure{padding-right:40px; margin-right:40px; position:relative; }
.b_mv_box figure:after{content:''; width:1px; height:100px; background-color:#fff; opacity:.5; position:absolute; right:0; top:50%; transform:translateY(-50%); }
.b_mv_box h2{color:#fff; letter-spacing:-2.5px; word-break:keep-all;  }
.b_mv_box .b_txt_box{display:flex; align-items:center; }
.b_mv_box .b_txt_box strong{font-style:italic; color:#3772ff; }
.b_mv_box .b_scr_box{position:absolute; left:50%; bottom:100px; transform:translateX(-50%); width:20px; height:40px; border:1px solid #fff; border-radius:10px; z-index:1; display:flex; align-items:flex-start; justify-content:center; }
.b_mv_box .b_scr_box span{display:block; width:4px; height:16px; background-color:#3772ff; border-radius:5px; animation-name: scr_motion; animation-duration: 1s; animation-iteration-count: infinite; animation-timing-function: linear;}
.b_mv_box .b_deco_txt{position:absolute; left:0; bottom:0; display:flex; align-items:center; column-gap:240px; animation-name: txt_motion; animation-duration: 6s; animation-iteration-count: infinite; animation-timing-function: linear;}

@keyframes scr_motion{ 
	0%{transform:translateY(0); opacity:0;}
	60%{opacity:1;}
	100%{transform:translateY(15px); } 
}

@keyframes txt_motion{ 
	0%{left:0;}
	100%{left:-100%;} 
}

@media screen and (max-width:1280px){ 
	.b_mv_box figure img{width:120px;}
}
@media screen and (max-width:1080px){ 
	.b_mv_box {height: 800px;}
	.b_mv_box .b_txt_box{flex-direction:column; }
	.b_mv_box h2{text-align:center; }
	.b_mv_box figure{padding-right:0; margin-right:0; padding-bottom:20px; margin-bottom:20px; }
	.b_mv_box figure:after{width:50px; height:1px; right:unset; top:unset; bottom:0; left:50%; transform:translateX(-50%); }
}
@media screen and (max-width:720px){ 
	.b_mv_box {height: 700px;}
	.b_mv_box h2{font-size: 40px;}
	.b_mv_box figure img {width: 90px;}
	.b_mv_box .b_deco_txt img{width:1500px; }
}



/*scroll motion*/
.b_motion .b_item {transition: transform .8s, opacity 0.6s 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_item.b_delay_01{transition-delay: .3s;}
.b_item.b_delay_02{transition-delay: .6s;}
.b_item.b_delay_03{transition-delay: .9s;}
.b_item.b_delay_04{transition-delay: 1.2s;}


/*섹션 공통*/
.b_section {position:relative; }
.b_section .b_cont_img{max-width: 1920px; margin: 0 auto; position: relative;}
.b_section .b_cont_img img{display:block; max-width:100%;  }
.b_section .mo_ver{display:none;}

@media screen and (max-width:720px){ 
	.b_section .pc_ver{display:none;}
	.b_section .mo_ver{display:block;}

}

/*섹션 백그라운드*/
.b_sec01{background:url(/img/index/sec01_bg.jpg) no-repeat center / cover;}
.b_sec02{background:url(/img/index/sec02_bg.jpg) no-repeat center / cover;}
.b_sec03{background:url(/img/index/sec03_bg.jpg) no-repeat center / cover;}
.b_sec04{background:url(/img/index/sec04_bg.jpg) no-repeat center / cover;}
.b_sec05{background:url(/img/index/sec05_bg.jpg) no-repeat right center / cover;}
.b_sec06{background:url(/img/index/sec06_bg.jpg) no-repeat center / cover;}
.b_sec07{background:url(/img/index/sec07_bg.jpg) no-repeat center / cover;}
.b_sec08{background:url(/img/index/sec08_bg.jpg) no-repeat center / cover;}
.b_sec09{background:url(/img/index/sec09_bg.jpg) no-repeat center / cover;}

@media screen and (max-width:720px){ 
	.b_sec04{background:url(/img/index/mobile/sec04_bg.jpg) no-repeat center / cover;}
	.b_sec07{background:url(/img/index/mobile/sec07_bg.jpg) no-repeat center / cover;}
	.b_sec08{background:url(/img/index/mobile/sec08_bg.jpg) no-repeat center / cover;}
	.b_sec09{background:url(/img/index/mobile/sec09_bg.jpg) no-repeat center / cover;}
}


.b_sec01 .b_cont_img img.b_deco_img{position:absolute; top:0; left: 0;}

.b_sec03 .b_inner{padding:70px 0 100px; }
.b_sec03 .b_list_box{display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; row-gap:50px;}
.b_sec03 .b_list_box li{width:33.333%; display:flex; align-items:center; flex-direction:column;  }
.b_sec03 .b_list_box .b_icon_box img{display:block; max-width:100%; }
.b_sec03 .b_list_box .b_txt_box{color:#fff; text-align:center; margin-top:40px; }
.b_sec03 .b_list_box .b_txt_box p{margin-bottom:8px; word-break:keep-all;}
.b_sec03 .b_list_box .b_txt_box b{color:#1d60ff; position:relative; margin-right:40px; }
.b_sec03 .b_list_box .b_txt_box b:after{content:''; width:20px; height:1px; background-color:#1d60ff; position:absolute; right:-33px; top:50%; transform:translateY(-50%); }
.b_sec03 .b_list_box .b_txt_box span{line-height:1.3; word-break:keep-all;}


@media screen and (max-width:1080px){ 
	.b_sec03 .b_list_box .b_icon_box img{width:70px;}
	.b_sec03 .b_list_box .b_txt_box p{display: flex; flex-direction: column; align-items: center;}
}
@media screen and (max-width:720px){ 
	.b_sec03 .b_list_box li{width:50%; }
	.b_sec03 .b_list_box .b_icon_box img{width:50px;}
	.b_sec03 .b_list_box .b_txt_box{margin-top: 20px;}
}


.b_sec05 {padding:150px 0; }
.b_sec05 .b_inner{max-width:1480px; }
.b_sec05 .b_tit_box{text-align:center; }
.b_sec05 .b_tit_box img{display:block; max-width:100%; margin:0 auto;}
.b_sec05 .b_tit_box h3{margin:30px 0; color:#154fda; word-break:keep-all; }
.b_sec05 .b_tit_box h3 b{color:#111; }
.b_sec05 .b_tit_box p{line-height:1.4; word-break:keep-all; }
.b_sec05 .b_cont_box{margin-top:80px;}
.b_sec05 .b_list_box ul{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; }
.b_sec05 .b_list_box ul li{width:19.3%; border-radius:0 50px 50px 0; text-align:center; height:52px; display:flex; align-items:center; justify-content:center; }
.b_sec05 .b_list_box ul li:nth-child(1){background-color:#eaf0ff; }
.b_sec05 .b_list_box ul li:nth-child(2){background-color:#d8e3ff; }
.b_sec05 .b_list_box ul li:nth-child(3){background-color:#c6d6ff; }
.b_sec05 .b_list_box ul li:nth-child(4){background-color:#bccfff; }
.b_sec05 .b_list_box ul li:nth-child(5){background-color:#abc3ff; }
.b_sec05 .b_list_box ul li span{word-break:keep-all; }
.b_sec05 .b_list_box p{text-align:center; line-height:1.4; margin-top:50px; word-break:keep-all; }
.b_sec05 .b_list_box p b{color:#1d60ff; }
.b_sec05 .b_port_box{display:flex; align-items:flex-start; justify-content:center; background: linear-gradient(to right, #00174c 0% , #0035b4 100%); border-radius:20px; margin-top:100px; padding: 0 20px;}
.b_sec05 .b_port_box > div{width:50%; display:flex; align-items:center; justify-content:center; flex-direction:column; }
.b_sec05 .b_port_box .b_title_box{background-color:#fff; border-radius:10px; color:#154fda; width:250px; text-align:center; height:52px; display:flex; align-items:center; justify-content:center; box-shadow:0 20px 50px rgba(0,0,0,.1); margin-top:-20px; }
.b_sec05 .b_before_box .b_title_box{margin-bottom:35px; }
.b_sec05 .b_after_box .b_title_box{margin-bottom:20px; }
.b_sec05 .b_before_box .b_img_box{border-radius:10px 0 0 10px; overflow:hidden; margin-bottom:60px; margin-left: auto;}
.b_sec05 .b_before_box .b_img_box img{display:block; max-width:100%; }
.b_sec05 .b_after_box .b_img_box{width:100%; position:relative; }
.b_sec05 .b_after_box .b_img_box:after{content:'재생 버튼을 눌러 영상을 시청해 보세요!'; font-size:0.874rem; font-weight:400; color:#fff; position:absolute; left:50%; transform:translateX(-50%); bottom:-25px; }
.b_sec05 .b_after_box iframe{width:96%; aspect-ratio:16/10; border-radius:10px; overflow:hidden;}

@media screen and (max-width:1480px){ 
	.b_sec05 .b_port_box .b_before_box {width:45%; }
	.b_sec05 .b_port_box .b_after_box {width:55%; }
}
@media screen and (max-width:1080px){ 
	.b_sec05 {padding: 100px 0;}
	.b_sec05 .b_cont_box {margin-top: 50px;}
	.b_sec05 .b_list_box ul{justify-content: flex-start; column-gap:2%; row-gap:10px;}
	.b_sec05 .b_list_box ul li {width: 32%;}
}
@media screen and (max-width:960px){ 
	.b_sec05 .b_port_box{margin-top: 50px; flex-direction: column; align-items: center;}
	.b_sec05 .b_port_box .b_before_box {width:100%; }
	.b_sec05 .b_port_box .b_after_box {width:100%; margin-bottom: 40px;}
	.b_sec05 .b_before_box .b_title_box {margin-bottom: 20px;}
	.b_sec05 .b_before_box .b_img_box{margin-left: 0; border-radius:10px ;}
	.b_sec05 .b_after_box iframe {width: 100%; aspect-ratio: 16 / 9;}

}
@media screen and (max-width:720px){ 
	.b_sec05 {padding: 70px 0;}
	.b_sec05 .b_cont_box {margin-top: 40px;}
	.b_sec05 .b_list_box ul li {width: 49%;}
	.b_sec05 .b_tit_box img{width: 300px;}
}


.b_sec06 .b_inner{padding:150px 0; max-width:1480px;}
.b_sec06 .b_top_box{display:flex; flex-wrap:wrap; align-items:flex-start; }
.b_sec06 .b_top_box > div{width:50%; }
.b_sec06 .b_bot_box{margin-top:100px; }
.b_sec06 .b_bot_box img{display:block; max-width:100%; margin:0 auto;}
.b_sec06 .b_txt_box{color:#fff;}
.b_sec06 .b_txt_box h3 {line-height:1; word-break:keep-all;}
.b_sec06 .b_txt_box h3 b{color:#abc4ff; }
.b_sec06 .b_txt_box p {line-height:1.4; word-break:keep-all; margin:60px 0 40px; padding-right:80px;}
.b_sec06 .b_txt_box span {line-height:1.6; word-break:keep-all;}
.b_sec06 .b_txt_box span b{position:relative; }
.b_sec06 .b_txt_box span b:after{content:''; position:absolute; left:0; bottom:0; height:4px; width:100%; background-color:#ffda47; border-radius:2px; z-index:1; }
.b_sec06 .b_list_box ul{display:flex; flex-wrap:wrap;  align-items:center; justify-content:space-between; row-gap:25px; }
.b_sec06 .b_list_box li{width:48%; border-radius:20px; border:1px solid #fff; height:300px; position:relative; cursor: default; }
.b_sec06 .b_list_box li figure{width:100%; border-radius:20px; overflow:hidden; position:absolute; left:0; top:0; height:100%; z-index:1; opacity:0; }
.b_sec06 .b_list_box li figure img{width:100%; height:100%; object-fit:cover; display:block;}
.b_sec06 .b_list_box li .b_box_wrap{width:100%; height:100%; position:relative; z-index:5; display:flex; align-items:center; justify-content:center; flex-direction:column; text-align:center;  }
.b_sec06 .b_list_box .b_box_wrap p{padding:5px 15px; margin-bottom:30px; color:#dddddd; font-style:italic; }
.b_sec06 .b_list_box .b_box_wrap span{line-height:1.3; word-break:keep-all; color:#fff;}
.b_sec06 .b_list_box li.on{border-color:transparent; }
.b_sec06 .b_list_box li.on figure{opacity:1; transition:.5s; transform:scale(1.07);}
.b_sec06 .b_list_box li.on .b_box_wrap p{background-color:#fff; color:#3772ff; border-radius:20px; font-style:normal; font-weight:900;  }

@media screen and (max-width:1280px){ 
	.b_sec06 .b_inner {padding: 100px 0;}
	.b_sec06 .b_top_box > div {width: 100%;}
	.b_sec06 .b_txt_box span br{display:none;}
	.b_sec06 .b_txt_box p{margin: 30px 0;}
	.b_sec06 .b_list_box {margin-top:50px;}
	.b_sec06 .b_list_box li {width: 31%; height: 250px;}
	.b_sec06 .b_list_box .b_box_wrap p{margin-bottom: 20px;}
}
@media screen and (max-width:720px){ 
	.b_sec06 .b_inner {padding: 80px 0;}
	.b_sec06 .b_txt_box span br{display:block;}

	.b_sec06 .b_list_box li {width: 48%; height: auto; aspect-ratio: 5 / 4; border-radius:10px; }
	.b_sec06 .b_list_box li figure{border-radius:10px; }
	.b_sec06 .b_list_box .b_box_wrap p {margin-bottom: 10px;}
	.b_sec06 .b_list_box li.on figure{opacity:1; transition:.5s; transform:scale(1.04);}
	.b_sec06 .b_bot_box {margin-top: 50px;}
}


#b_footer{background-color:#000c45; padding:80px 0; }
#b_footer .b_inner{max-width:1480px; display:flex; justify-content:space-between; align-items:flex-start; }
#b_footer h1 a{display:block; }
#b_footer address span{color:#fff; display:block; margin-bottom:10px; }
#b_footer address span:last-child{margin-bottom:0; }
#b_footer address span b{margin-right:30px; }


@media screen and (max-width:1080px){ 
	#b_footer{padding: 40px 0;} 
	#b_footer h1 img{width:150px; }
	#b_footer address span{margin-bottom: 5px;}
	#b_footer address span b {margin-right: 20px;}
}
@media screen and (max-width:720px){ 
	#b_footer .b_inner{flex-direction: column-reverse; align-items: center; }
	#b_footer h1 img{width:100px; }
	#b_footer address {text-align: center; margin-top:20px; }
	#b_footer address span b {margin-right: 10px;}
}








@media screen and (max-width:1080px){ 

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

}