/*ALL CSS-----------------------------------------------------*/
@font-face {
    font-family: 'BMDOHYEON';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/BMDOHYEON.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

* {font-family: 'Pretendard', sans-serif;}
.font_dh{font-family: 'BMDOHYEON';}

#b_header{position:fixed; left:0; top:0; width:100%; display: flex; justify-content: space-between; z-index: 20;}

#b_header .b_logo{margin:35px 0 0 55px ; }
#b_header .b_logo a{display: block;}
#b_gnb_box {width:160px; background-color: #194095; height:100vh; }
#b_gnb_box nav{height:100%; }
#b_gnb_box #b_gnb {height:100%; width: 100%; display: flex; flex-direction: column; }
#b_gnb_box #b_gnb li{color:#fff; height:14.28%; text-align:center; border-bottom:1px solid rgba(255,255,255,.4); }
#b_gnb_box #b_gnb li:last-child{border-bottom:0}
/*#b_gnb_box #b_gnb li:hover{background-color: #ffa71d;}*/
#b_gnb_box #b_gnb li.on{background-color: #ffa71d; transition:.2s; }
/*추가 수정 */

#b_gnb_box #b_gnb li.c_red {background:#fd5100;}
#b_gnb_box #b_gnb li a{display: flex; height:100%; width: 100%; align-items: center; justify-content: center; font-family: 'BMDOHYEON'; font-size: 1.25rem;}


.b_menu_box{position: absolute; right: 0; top: 0; display: flex;}
.b_toggle_btn{width: 24px; height: 21px; margin-top: 50px; display: none; transition:.4s; position: relative; position: absolute; left: -50px; }
.b_toggle_btn span{width: 100%; display: block; margin-bottom: 5px; background-color: #fff; height:2px; }



#b_footer {background-color: #000000; }
#b_footer .b_inner{width: 96%; margin:0 auto; padding:30px 0; display: flex; justify-content: space-between; align-items: flex-end; }
#b_footer address{color:#c0c0c0; }
#b_footer address span{line-height: 1.5; word-break: keep-all; margin-right: 18px;;}
#b_footer address span:nth-child(4){margin-right: 0;}
#b_footer address span:last-child{margin-right: 0;}
#b_footer .b_copyright{color:#fff; margin-right:160px; line-height: 1.5; word-break: keep-all; }

@media screen and (max-width:1370px){
    #b_footer .b_inner{flex-direction: column; justify-content: center; align-items: flex-start;}
}

@media screen and (max-width:1280px){ 
	
	 #b_header .b_logo img{width: 120px;}

    #b_gnb_box{width: 110px; }
    #b_gnb_box #b_gnb li.b_menu_1 img{width: 45px;}
    #b_gnb_box #b_gnb li a{font-size: 0.938rem;}

		.b_toggle_btn{ display: block; }

    .b_menu_box{transform:translateX(110px); transition:.4s;}
    .b_menu_box.on {transform:translateX(0); transition:.4s; }
    .b_menu_box.on .b_toggle_btn{transition:.4s; display: flex; flex-direction: column; justify-content: center; left: -35px;}

    .b_menu_box.on .b_toggle_btn span{position: absolute; top: 50%; transition:.4s;}
    .b_menu_box.on .b_toggle_btn span:nth-child(2){opacity:0; }
    .b_menu_box.on .b_toggle_btn span:nth-child(1){margin:0; transform:rotate(45deg);}
    .b_menu_box.on .b_toggle_btn span:nth-child(3){margin:0px; transform:rotate(-45deg); }
}

@media screen and (max-width:1080px){
    #b_header .b_logo {margin: 20px 0 0 30px;}
    #b_header .b_logo img{width:100px; }


}

@media screen and (max-width:840px){
    #b_footer .b_inner{text-align: center; align-items: center;}
    #b_footer .b_copyright{margin-right:0; }
    #b_footer address span:nth-child(2){margin-right: 0;}
}

@media screen and (max-width:780px){
	#b_header .b_logo img {width: 80px;}
	.b_toggle_btn{margin-top: 35px;}
}



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


.d_delay_01{transition-delay:.2s; }
.d_delay_02{transition-delay:.4s; }
.d_delay_03{transition-delay:.6s; }





.b_mo_img{display: none;}


.b_section{overflow: hidden;}
.img_wrap img{display: block; width:100%; }


#b_mv_sec{/*background: url(/img/pc/main_bg.jpg) no-repeat center / cover;*/ height: 100vh; display: flex; align-items: center; position: relative; justify-content: center;}
#b_mv_sec .bg_box{width:100%; height:100%; position:absolute; left:0; top:0; background: url(/img/pc/main_bg.jpg) no-repeat center / cover; transform:scale(1.1);}
#b_mv_sec .bg_box.on{transform:scale(1); transition:5s linear;}
#b_mv_sec .b_inner {width:100%; }
#b_mv_sec .b_inner .b_pc_img {display: flex; width:100%;}
#b_mv_sec .b_inner .b_pc_img figure{ }
#b_mv_sec .b_inner .b_pc_img figure:first-child{display:flex; justify-content:flex-end; width:40%;}
#b_mv_sec .b_inner .b_pc_img figure:last-child{display:flex; align-items:center; justify-content: flex-start; width:60%;}


#b_mv_sec .b_scr_box{width: 1px; height: 100px; position:absolute; left:50% ; bottom:0; transform:translateX(-50%); background-color: rgba(255,255,255,.3); overflow: hidden;}
#b_mv_sec .b_scr_box span{display: block; width: 100%; height: 16px; background-color: #fff; animation-name: scr_box; animation-duration: 1s; animation-iteration-count:infinite;  animation-fill-mode:backwards ; animation-timing-function: linear ;}

@keyframes scr_box {
    0%{
        transform: translateY(-17px);
    }
    100%{
        transform: translateY(100px);
    }
}






#b_sec_01{background: url(/img/pc/sec01_bg.jpg) no-repeat center / cover; }
#b_sec_02{background: url(/img/pc/sec02_bg.jpg) no-repeat center / cover; }
#b_sec_03{background: url(/img/pc/sec03_bg.jpg) no-repeat center / cover; }
#b_sec_04{background: url(/img/pc/sec04_05_bg.jpg) no-repeat center / cover; }
#b_sec_05{background: url(/img/pc/sec06_bg.jpg) no-repeat center / cover; }



@media screen and (max-width:1480px){
    #b_mv_sec{height: 80vh;}
}
@media screen and (max-width:1280px){
    #b_mv_sec{height: auto; justify-content: center;}
    #b_mv_sec .b_inner .b_pc_img {display: none; }
    #b_mv_sec .b_inner .b_mo_img {display: flex; flex-direction: column; align-items: center; justify-content: center;}
    #b_mv_sec .b_inner .b_mo_img img{max-width: 60%; margin: 0 auto;}


}

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

    .b_pc_img{display: none;}
    .b_mo_img{display: block;}


    #b_sec_01{background: url(/img/mo/mobile_sec01_bg.jpg) no-repeat center / cover; }
    #b_sec_02{background: url(/img/mo/mobile_sec02_bg.jpg) no-repeat center / cover; }
    #b_sec_03{background: url(/img/mo/mobile_sec03_bg.jpg) no-repeat center / cover; }
    #b_sec_04{background: url(/img/mo/mobile_sec04_bg.jpg) no-repeat center / cover; }
    #b_sec_05{background: url(/img/mo/mobile_sec06_bg.jpg) no-repeat center / cover; }


/*		#b_mv_sec .b_inner {padding-top:50px; }*/
		#b_mv_sec .b_inner .b_mo_img img{max-width: unset; }
		#b_mv_sec .b_scr_box{height: 60px;}
    

}

@media screen and (max-width:460px){
	#b_mv_sec .b_inner {padding-top: 20px;}
}





#b_sec_03 .b_cont_box{display:none; position:relative; margin-bottom:125px; width:100%; }
#b_sec_03 .b_cont_box.on{display:block;}
#b_sec_03 .b_slide_box {overflow:hidden;}
#b_sec_03 .b_slide_box li{border-radius:25px; overflow:hidden; }
#b_sec_03 .b_slide_box li img{max-width:100%; display:block; }
.swiper-button-next:after, .swiper-button-prev:after{display:none; }
#b_sec_03 .b_next{right:-50px; opacity:1; }
#b_sec_03 .b_prev{left:-50px; opacity:1; }

#b_sec_03 .b_tab_list {margin-bottom:60px; }
#b_sec_03 .b_tab_list ul{display:flex; max-width:875px; width:94%; margin:0 auto; justify-content:space-between; z-index: 10; position: relative;}
#b_sec_03 .b_tab_list ul li{width:32.5%; background-color:#194095; border-radius:13px; height:97px; color:#fff; font-size:1.875rem; font-weight:500; position: relative;}
#b_sec_03 .b_tab_list ul li button{display:flex; align-items:center; justify-content:center; width:100%; height:100%; }
#b_sec_03 .b_tab_list ul li:after{content:''; width:46px; height:23px; background:url(/img/pc/tab_on.png) no-repeat ; position:absolute; left:50%; bottom:0; transform:translateX(-50%); z-index: -1;}
#b_sec_03 .b_tab_list ul li.on:after{bottom:-23px; transition:bottom .3s; }


#b_sec_03 .b_cont_wrap{position: relative; max-width:1500px; margin:0 auto; width:94%; }
#b_sec_03 .b_deco_img{position:absolute; right:-4.7%; bottom: -60px;}


@media screen and (max-width: 1480px){
	#b_sec_03 .b_tab_list ul li{height: 70px;}

}

@media screen and (max-width: 1280px){
	#b_sec_03 .b_next img, #b_sec_03 .b_prev img{width:20px; }
	#b_sec_03 .b_next{right:-33px; }
	#b_sec_03 .b_prev{left:-33px; }

	#b_sec_03 .b_deco_img{width: 110px; right: -3.7%; bottom: -40px;}
}

@media screen and (max-width: 1080px){
	#b_sec_03 .b_slide_box li{border-radius:10px; }
	#b_sec_03 .b_tab_list ul{max-width: 600px;}
	#b_sec_03 .b_tab_list ul li{border-radius:10px; font-size: 18px; height: 60px;}

	#b_sec_03 .b_tab_list ul li:after{width: 30px; height: 17px; background: url(/img/pc/tab_on.png) no-repeat center / 100%;}
	#b_sec_03 .b_tab_list ul li.on:after {bottom: -15px;}
}


@media screen and (max-width: 780px){
	#b_sec_03 .b_next{right:13%; }
	#b_sec_03 .b_prev{left:13%; }
	#b_sec_03 .b_tab_list {margin-bottom: 30px;}
	#b_sec_03 .b_tab_list ul li {border-radius: 8px;}
	#b_sec_03 .b_next img, #b_sec_03 .b_prev img {width: 15px;}

	#b_sec_03 .b_deco_img {width: 85px; right: 11.3%; bottom: -33px;}

	
}

@media screen and (max-width: 580px){ 
	#b_sec_03 .b_cont_box{margin-bottom: 75px;} 
	#b_sec_03 .b_next, #b_sec_03 .b_prev{display:none; }
	#b_sec_03 .b_tab_list ul li{height: 40px; border-radius: 5px; font-size: 16px;}
	#b_sec_03 .b_tab_list ul li.on:after {bottom: -10px;}

	#b_sec_03 .b_deco_img {width: 60px; }
}




#b_sec_05 .b_cont_box{width: 94%; max-width: 1400px; margin:0 auto; border-radius:50px; overflow:hidden; margin-bottom: 125px; margin-top: 40px; box-shadow:10px 10px 20px rgba(0,0,0,.16)}
#b_sec_05 .b_cont_box > div{width:100%; }
#b_sec_05 .b_map_box{width:100%; height:525px; }
#b_sec_05 .root_daum_roughmap_landing{width:100%; height:100%; }
#b_sec_05 .root_daum_roughmap .wrap_map{width:100%; height:100%; }
#b_sec_05 .root_daum_roughmap .wrap_controllers{display: none;}
#b_sec_05 .b_info_box{background-color: #fd5100; padding:60px 75px; height:185px; display: flex; position: relative;} 
#b_sec_05 .b_info_box .b_info_wrap{color:#fff; width:50%; }
#b_sec_05 .b_info_box h3{font-weight: bold; font-size: 1.375rem; width:85px; }
#b_sec_05 .b_info_box .b_info_02 h3{width:120px; }
#b_sec_05 .b_info_box h3 img{vertical-align: text-top;}
#b_sec_05 .b_info_box > div > div{display: flex; align-items: flex-start;}
#b_sec_05 .b_info_box p{font-size: 1.125rem; line-height: 1.9; margin-top: -4px;}
#b_sec_05 .b_info_02 > div{margin-bottom: 10px;}
#b_sec_05 .b_info_02 > div:last-child{margin-bottom: 0px;}
#b_sec_05 .b_qr_box{position:absolute; right:70px; top:50%; transform:translateY(-50%); }
#b_sec_05 .root_daum_roughmap .wrap_btn_zoom{z-index: 5;}


@media screen and (max-width: 1280px){
	#b_sec_05 .b_info_box{padding: 45px; height: auto;}
	#b_sec_05 .b_qr_box img{width:75px; }
	#b_sec_05 .b_info_box .b_info_02 h3 {width: 110px;}
}



@media screen and (max-width: 1080px){
	#b_sec_05 .b_info_box{flex-direction:column; }
	#b_sec_05 .b_info_box .b_info_wrap{width:100%; }
	#b_sec_05 .b_info_box h3 {width: 110px;}
/*	#b_sec_05 .b_info_02 > div{margin-bottom: 0;}*/
	#b_sec_05 .b_info_01 {margin-bottom: 15px;}
}

@media screen and (max-width: 780px){ 
	#b_sec_05 .b_map_box{height: 325px;}
	#b_sec_05 .b_cont_box{border-radius: 25px; margin-bottom: 75px; margin-top: 20px;}
	#b_sec_05 .b_info_box {padding: 30px; }
	#b_sec_05 .b_qr_box{right: 40px; top: unset; bottom: 0;}
	#b_sec_05 .b_qr_box img{width:60px; }
}


@media screen and (max-width: 630px){ 
	#b_sec_05 .b_info_box h3 img{width:18px; }
	#b_sec_05 .b_info_box > div > div{flex-direction: column;}
	#b_sec_05 .b_info_box h3{margin-bottom:10px; }
}

@media screen and (max-width: 390px){ 
	#b_sec_05 .b_info_box{padding: 20px 18px;}
	#b_sec_05 .b_qr_box {right: 20px;}

}






.br_840o{display: none;}
@media screen and (max-width:840px){
    .br_840o{display: block;}

}


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

}