/*ALL CSS-----------------------------------------------------*/
@import url('//cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

body {font-family: 'Pretendard', sans-serif; letter-spacing: -1.5px; word-break: keep-all;}

/*font size*/
.fs_13{font-size: 0.813rem;}
.fs_15{font-size: 0.938rem;}
.fs_18{font-size: 1.125rem;}
.fs_20{font-size: 1.25rem;}
.fs_25{font-size: 1.563rem;}
.fs_28{font-size: 1.75rem;}
.fs_30{font-size: 1.875rem;}
.fs_45{font-size: 2.813rem;}
.fs_50{font-size: 3.125rem;}
.fs_80{font-size: 5rem;}

@media screen and (max-width: 1080px){
    .fs_25{font-size: 20px;}
    .fs_30{font-size: 22px;}
    .fs_50{font-size: 40px;}
    .fs_80{font-size: 50px;}
}
@media screen and (max-width: 720px){
    .fs_25{font-size: 17px;}
    .fs_30{font-size: 17px;}
    .fs_50{font-size: 30px;}
    .fs_80{font-size: 40px;}
}


/*font weight*/
.fw_r{font-weight: 400;}
.fw_m{font-weight: 500;}
.fw_sb{font-weight: 600;}
.fw_b{font-weight: 700;}
.fw_eb{font-weight: 800;}
.fw_h{font-weight: 900;}

/* text align center */
.txt_c{text-align: center;}

/* main color */
.b_color{color: #004ece;}

/* inner */
.b_inner{max-width: 1400px; width: 96%; margin: 0 auto;}


/* header */
#b_header{position: fixed; height: 100px; width: 100%; transition: background-color .3s; z-index: 20; top: 0; left:0;}
#b_header .b_inner{max-width: 1920px; display: flex; justify-content: space-between; align-items: center; height: 100%; position: relative;}
#b_header .b_logo a{display: block; width: fit-content; }
#b_header #b_gnb {display: flex; align-items: center; column-gap: 60px;}
#b_header #b_gnb li a{color:#fff; font-size: 1.125rem; font-weight: 600; padding: 5px;}
#b_header .b_hd_right{display: flex; align-items: center; column-gap: 20px; }
#b_header .b_toggle_btn{width: 27px; height: 25px; flex-direction: column; display: none; justify-content: center; row-gap: 5px;}
#b_header .b_toggle_btn span{display: block; width: 100%; height: 2px; background-color: #fff; transition: .3s; }

/* header scroll */
#b_header.scr{transition: background-color .4s; background-color: #fff; }
#b_header.scr .b_logo img{filter:brightness(0)}
#b_header.scr #b_gnb li a{color:#111;}
#b_header.scr .b_toggle_btn span{background-color: #111; }

/* sitemap */
#b_site_map{position:fixed; left:0; top:-100%; width:100%; height:100%; background-color:#fff; display:flex; align-items:flex-start; justify-content:center; z-index:15; }
#b_site_map nav{margin-top:150px; }
#b_site_map #b_gnb li{margin-bottom:10px; }
#b_site_map #b_gnb li:last-child{margin-bottom:0px; }
#b_site_map #b_gnb li a{font-size:1.8rem; font-weight:500; display:block; text-align:center; padding:5px; }

/* header scroll */
#b_header.scr{transition: background-color .4s; background-color: #fff; }
#b_header.scr .b_logo img{filter:brightness(0)}
#b_header.scr #b_gnb li a{color:#111;}
#b_header.scr .b_toggle_btn span{background-color: #111; }

/* sitemap open */
#b_site_map.open{top:0; transition: top 1s; }

#b_header.open .b_logo img{filter:brightness(0);}
#b_header.open .b_toggle_btn span{background-color: #111; }
#b_header.open .b_toggle_btn span:nth-child(2){opacity:0; transform:translateX(10px); transition:.3s; }
#b_header.open .b_toggle_btn span:nth-child(1){transform:translateY(7px) rotate(45deg); transition:transform .5s; }
#b_header.open .b_toggle_btn span:nth-child(3){transform:translateY(-7px) rotate(-45deg); transition:transform .5s; }


@media screen and (max-width: 1280px){
    #b_header #b_gnb {column-gap: 40px;}
}
@media screen and (max-width: 1080px){
    #b_header{height: 70px;}
    #b_header .b_toggle_btn{display: flex;}
    #b_header nav{display: none;}
		#b_header .b_logo img{width: 150px;}
}
@media screen and (max-width: 720px){
    #b_header{height: 60px;}
    #b_header .b_logo img{width: 110px;}
    #b_header .b_hd_right{column-gap: 12px;}
}

/* admin menu */
.b_adm_list{position:fixed; right:20px; bottom:110px; 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; }


/* 메인 비주얼 */
.b_mv_box{position: relative; height: 100vh; width: 100%;}
.b_mv_box .b_bg_box{width:100%; height: 100%; background: url(/img/index/mv_bg.jpg) no-repeat center / cover; position:absolute; left: 0; top: 0; z-index: -1; }
.b_mv_box .b_inner{height:100%; display: flex; align-items: center; justify-content: center; flex-direction: column; color: #fff;}
.b_mv_box h2 b{display: block; background-color: #004ece; width: fit-content; padding: 0 10px; margin: 0 auto; margin-top: 15px;}
.b_mv_box p{margin: 40px 0; line-height: 1.5;}
.b_mv_box .b_link_btn{width: 200px; height: 60px; background-color: #fff; color: #004ece; display: flex; align-items: center; justify-content: center; border-radius: 30px;}

@media screen and (max-width: 1080px){
    .b_mv_box{height: 80vh; }
}
@media screen and (max-width: 720px){
    .b_mv_box{height: 70vh; }
}



/* 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: .2s;}
.b_item.b_delay_02{transition-delay: .4s;}
.b_item.b_delay_03{transition-delay: .6s;}
.b_item.b_delay_04{transition-delay: .8s;}
.b_item.b_delay_05{transition-delay: 1s;}



/* 섹션 공통 */
.b_section{padding: 150px 0;}
.b_section .b_tit_box {margin-bottom: 60px;}
.b_section .b_tit_box .b_top_txt{display: flex; align-items: center; justify-content: center; width: 200px; height: 50px; background-color: #111; color: #fff; border-radius: 30px; margin: 0 auto; margin-bottom: 20px;}
.b_section .b_tit_box p{margin-top: 20px; line-height: 1.5;}

@media screen and (max-width: 1080px){
    .b_section{padding: 100px 0;}
    .b_section .b_tit_box {margin-bottom: 40px;}
}
@media screen and (max-width: 720px){
    .b_section{padding: 70px 0;}
    .b_section .b_tit_box {margin-bottom: 30px;}
    .b_section .b_tit_box .b_top_txt{width: 130px; height: 35px;}
}


/* 현재 한국 볼링장 시스템 */
.b_sec01{background: url(/img/index/sec01_bg.jpg) no-repeat center bottom / cover; }
.b_sec01 .b_tit_box{color: #fff;}
.b_sec01 .b_list_box{display: flex; align-items: flex-start; margin-left:2%; flex-wrap: wrap;}
.b_sec01 .b_list_box li{border-radius: 40px; background-color: #cee1ff; width:26%; margin-left:-2%; min-height: 385px; display: flex; align-items: center; flex-direction: column; padding-top: 25px;}
.b_sec01 .b_list_box li:nth-child(1){margin-left:0;}
.b_sec01 .b_list_box li:nth-child(2n){background-color: #fff;}
.b_sec01 .b_list_box .b_txt_box p{margin: 22px 0;}
.b_sec01 .b_list_box .b_txt_box span{line-height: 1.3;}
.b_sec01 .b_bot_txt{color: #fff; margin-top: 60px;}
.b_sec01 .b_bot_txt p{background-color: #031c45; width: fit-content; margin: 0 auto; padding: 3px 15px; margin-top: 10px;}
.b_sec01 .b_bot_txt span{line-height: 1.5;}

@media screen and (max-width: 1080px){
    .b_sec01 .b_bot_txt{margin-top: 40px;}
    .b_sec01 .b_list_box {row-gap: 20px; margin-left: 4%;}
    .b_sec01 .b_list_box li{width:51%; }
    .b_sec01 .b_list_box li:nth-child(1){margin-left:-2%;}
}
@media screen and (max-width: 720px){
    .b_sec01 .b_list_box {max-width: 400px; margin: 0 auto; row-gap: 10px; }
    .b_sec01 .b_list_box li{width:100%; border-radius: 20px; min-height: 250px; padding-top: 15px; margin-left:0;}
    .b_sec01 .b_list_box li:nth-child(1){margin-left:0;}
    .b_sec01 .b_list_box .b_img_box img{width: 90px;}
    .b_sec01 .b_list_box .b_txt_box p {margin: 15px 0;}
    .b_sec01 .b_bot_txt{margin-top: 30px;}
    .b_sec01 .b_bot_txt p{font-size: 25px;}
}


/* 시스템 구성 */
.b_sec02{background-color: #f9f9f9;}
.b_sec02 .b_list_box{display: flex; justify-content: space-between; align-items: flex-start; position: relative; flex-wrap: wrap;}
.b_sec02 .b_list_box::after{content:''; width:90%; height:1px; border-top:1px dashed #7f8b9f; position:absolute; left:50%; top:41%; z-index: 1; transform:translateX(-50%); }
.b_sec02 .b_list_box li{text-align: center; width: 14%; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 535px; padding-top: 120px; justify-content: flex-start; position: relative; z-index: 10;}
.b_sec02 .b_list_box li strong{display: block; color:#555555; margin-top: 5px;}
.b_sec02 .b_list_box .b_icon_box{width:94%; aspect-ratio: 1/1; border-radius: 50%; border:1px solid #d3d9e3; display: flex; justify-content: center; align-items: center; flex-direction: column; background-color: #fff;}
.b_sec02 .b_list_box .b_icon_box img{max-width: 70px; width: 100%; }
.b_sec02 .b_list_box .b_icon_box p{margin-top: 20px; line-height: 1;}
.b_sec02 .b_list_box .b_txt_box{margin-top: 20px;}
.b_sec02 .b_list_box .b_txt_box span{display: block; padding-left: 12px; text-align: left; position: relative; margin-bottom: 8px; color:#333;}
.b_sec02 .b_list_box .b_txt_box span::after{content:''; width: 5px; height: 5px; border-radius: 50%; background-color: #3f3f3f; position:absolute; left: 0; top: 8px;}
.b_sec02 .b_list_box li.on{background-color: #004ece; width:31.5%; border-radius: 20px; padding:40px 0; justify-content: center; transition:width .6s;}
.b_sec02 .b_list_box li.on .b_icon_box {max-width: 245px;}
.b_sec02 .b_list_box li.on .b_icon_box img{max-width:100px; transition: .4s;}
.b_sec02 .b_list_box li.on .b_txt_box span{color: #fff;}
.b_sec02 .b_list_box li.on .b_txt_box span::after{background-color: #fff;}

@media screen and (max-width: 1280px){
    .b_sec02 .b_list_box li{width: 16%; height: unset; padding-top: 40px;}
    .b_sec02 .b_list_box .b_icon_box img {max-width: 45px;}
    .b_sec02 .b_list_box li.on{width:19.5%; }
    .b_sec02 .b_list_box li.on .b_icon_box {max-width: 170px;}
    .b_sec02 .b_list_box li.on .b_icon_box img {max-width: 55px;}
    .b_sec02 .b_list_box::after{top: 34%;}
}
@media screen and (max-width: 1080px){
    .b_sec02 .b_list_box{max-width: 800px; justify-content: center; width: 100%; margin: 0 auto;}
    .b_sec02 .b_list_box::after{display: none;}
    .b_sec02 .b_list_box li{width: 32%; }
    .b_sec02 .b_list_box li.on{width: 33%; border-radius: 10px; padding: 20px 0; transition:width .3s;}
    .b_sec02 .b_list_box .b_icon_box{max-width: 150px; width: 100%;}
    .b_sec02 .b_list_box li.on .b_icon_box img {max-width: 45px;}
}
@media screen and (max-width: 720px){
    .b_sec02 .b_list_box{justify-content: flex-start; column-gap: 2%; max-width: 500px;}
    .b_sec02 .b_list_box li {width: 49%; padding: 20px 0;}
    .b_sec02 .b_list_box .b_icon_box{max-width: 130px;}
    .b_sec02 .b_list_box .b_icon_box p {margin-top: 10px;}
    .b_sec02 .b_list_box li.on {width: 49%;  transition:background-color .4s;}
    .b_sec02 .b_list_box li.on .b_icon_box {max-width: 130px;}
}


/* ERP */
.b_sec03{background: url(/img/index/sec03_bg.jpg) no-repeat center top / cover; }
.b_sec03 .b_tit_box {color: #fff;}
.b_sec03 .b_tit_box .b_top_txt{background-color: #fff; color: #004ece; }
.b_sec03 .b_list_box{display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap;}
.b_sec03 .b_list_box li{background-color: #fff; border-radius: 10px; min-height: 210px; width: 32%; padding-top: 35px;}
.b_sec03 .b_list_box li p b{margin-right: 5px;}
.b_sec03 .b_list_box .b_cont_txt {margin-top: 25px;}
.b_sec03 .b_list_box .b_cont_txt span{display: block; line-height: 1.5;}
.b_sec03 .b_video_box{width: 100%; aspect-ratio: 16/9; background-color: #fff; margin:30px 0; border-radius: 10px; overflow: hidden;}
.b_sec03 .b_video_box iframe{width: 100%; height:100%; }

@media screen and (max-width: 720px){
    .b_sec03 .b_list_box li{padding-top: 20px;}
    .b_sec03 .b_list_box li p b{display: block; margin-right: 0;}
    .b_sec03 .b_list_box .b_cont_txt {margin-top: 15px;}
    .b_sec03 .b_video_box{margin: 15px 0;}
}
@media screen and (max-width: 540px){
    .b_sec03 .b_list_box{row-gap: 10px;}
    .b_sec03 .b_list_box li{width: 100%; min-height: unset; padding-bottom: 20px;}
}


/* POS */
.b_sec04 .b_list_box {display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap;}
.b_sec04 .b_list_box li{width: 24%; border-radius: 15px; overflow: hidden; border: 1px solid #004ece;}
.b_sec04 .b_list_box li p{height: 65px; background-color: #004ece; color: #fff; display: flex; align-items: center; justify-content: center;}
.b_sec04 .b_list_box span{display: block; height: 180px; line-height: 1.5; padding-top: 40px;}

.b_sec04 .b_monitor_box{display: flex; align-items: center; justify-content: center; flex-wrap: wrap; column-gap: 7%; margin-bottom:60px; }
.b_sec04 .b_monitor_box .b_box_wrap {width:42.3%;}
.b_sec04 .b_monitor_box .b_box_wrap > p{margin-left:15px; }
.b_sec04 .b_monitor_box .b_box{position:relative; width:fit-content; }
.b_sec04 .b_monitor_box .b_box img{display:block; max-width:100%; }
.b_sec04 .b_monitor_box .b_slide_box{position:absolute; left:50%; top:6.5%; z-index:5; transform:translateX(-50%); width:87%; overflow:hidden; }


@media screen and (max-width: 1080px){  
    .b_sec04 .b_list_box {row-gap: 20px;}
    .b_sec04 .b_list_box li{width: 49%; }
    .b_sec04 .b_list_box span{padding-top: 20px; height: 120px;}
}
@media screen and (max-width: 720px){
    .b_sec04 .b_list_box {row-gap: 10px;}
    .b_sec04 .b_list_box li{border-radius: 10px;}
    .b_sec04 .b_list_box li p{height: 40px;}
		.b_sec04 .b_monitor_box {margin-bottom:20px; }
		.b_sec04 .b_monitor_box .b_box_wrap {width:100%;}

}


/* KIOSK */
.b_sec05 .b_inner{display: flex; justify-content: space-between; align-items: flex-start;}
.b_sec05 .b_left_box{width: 30%; display: flex; flex-direction: column; align-items: center; }
.b_sec05 .b_right_box{width: 60%; padding-top: 30px;}
.b_sec05 .b_left_box img{display: block; max-width: 100%;}
.b_sec05 .b_tit_box .b_top_txt{margin-left: 0;}
.b_sec05 .b_tit_box .b_tag_txt span{margin-right: 25px;}
.b_sec05 .b_list_box li {margin-bottom: 60px;}
.b_sec05 .b_list_box li:last-child {margin-bottom: 0px;}
.b_sec05 .b_list_box li p{height: 70px; width:100%; display: flex; align-items: center; justify-content: center; margin-bottom: 25px;}
.b_sec05 .b_list_box li:nth-child(1) p{background-color: #f2f5fa;}
.b_sec05 .b_list_box li:nth-child(2) p{background-color: #eaf0fa;}
.b_sec05 .b_list_box li:nth-child(3) p{background-color: #dbe4f4;}
.b_sec05 .b_list_box li span{line-height: 1.5;}

@media screen and (max-width: 1080px){
    .b_sec05 .b_inner{justify-content:flex-start; }
    .b_sec05 .b_right_box{margin-left: 30px;}
    .b_sec05 .b_list_box li p{height: 50px; }
}
@media screen and (max-width: 720px){
    .b_sec05 .b_inner{flex-direction: column-reverse;}
    .b_sec05 .b_tit_box {text-align: center;}
    .b_sec05 .b_tit_box .b_top_txt{margin-left: auto;}
    .b_sec05 .b_left_box {width: 100%;}
    .b_sec05 .b_right_box{margin-left: 0px; width: 100%;}
    .b_sec05 .b_list_box li {margin-bottom: 30px;}
    .b_sec05 .b_list_box li p {height: 40px; margin-bottom: 10px;}
    .b_sec05 .b_left_box img{max-width: 200px; width: 100%;}
}


/* KIOSK > 실제 화면 예시 */
.b_sec06{background-color: #f9f9f9; overflow: hidden;}
.b_sec06 .b_inner{display: flex; align-items: center; justify-content: space-between; max-width:1920px;}
.b_sec06 .b_tit_box{width: 40%;}
.b_sec06 .b_tit_box .b_top_txt{margin: 0; margin-bottom: 20px;}
.b_sec06 .b_tit_box .b_navi_box{display: flex; align-items: center; margin-top: 60px; column-gap:20px;}
.b_sec06 .b_tit_box .b_navi_box > div{width: 60px; height: 60px; border-radius: 50%; border: 1px solid #9db2d4;}
.b_sec06 .b_tit_box .b_next img{transform: rotate(180deg);}
.b_sec06 .b_slide_box{width: 60%; overflow:hidden; }
.b_sec06 .b_slide_box .b_txt{margin-top: 25px;}
.b_sec06 .b_slide_box figure{box-shadow: 0 3px 35px rgba(0,0,0,.07);}
.b_sec06 .b_slide_box figure img{display: block; max-width: 100%;}
.swiper-button-next, .swiper-button-prev{position: unset;}
.swiper-button-next:after, .swiper-button-prev:after{display: none;}

@media screen and (max-width: 1080px){
    .b_sec06 .b_inner{flex-direction: column;}
    .b_sec06 .b_tit_box {width: 100%;}
    .b_sec06 .b_slide_box {width: 100%;}
    .b_sec06 .b_tit_box .b_navi_box{margin-top: 50px; column-gap: 10px;}
    .b_sec06 .b_tit_box .b_navi_box > div {width: 40px; height: 40px;}
    .b_sec06 .b_tit_box .b_navi_box img{width: 9px;}
}


/* MOBILE 자동 점수 기록 */
.b_sec07 .b_tit_box{margin-bottom: 25px;}
.b_sec07 figure img{display: block; max-width: 100%; margin: 0 auto;}
.b_sec07 .b_list_box {display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; row-gap: 60px; margin-top: 45px;}
.b_sec07 .b_list_box li {width: 48%;}
.b_sec07 .b_list_box li p{height: 70px; width:100%; display: flex; align-items: center; justify-content: center; margin-bottom: 25px;}
.b_sec07 .b_list_box li:nth-child(1) p{background-color: #f2f5fa;}
.b_sec07 .b_list_box li:nth-child(2) p{background-color: #eaf0fa;}
.b_sec07 .b_list_box li:nth-child(3) p{background-color: #dbe4f4;}
.b_sec07 .b_list_box li:nth-child(4) p{background-color: #c8d9f7;}
.b_sec07 .b_list_box li span {line-height: 1.5;}

@media screen and (max-width: 1080px){
    .b_sec07 .b_list_box li p{height: 50px; }
}
@media screen and (max-width: 720px){
    .b_sec07 figure img{width: 100%; max-width: 300px;}
    .b_sec07 .b_list_box{margin-top: 20px; row-gap: 30px;}
    .b_sec07 .b_list_box li {width: 100%; }
    .b_sec07 .b_list_box li p{height: 40px; margin-bottom: 10px;}
}


/* MOBILE 자동 점수 기록 */
.b_sec08 {background-color: #f9f9f9;}
.b_sec08 .b_list_box {display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; }
.b_sec08 .b_list_box li {width: 32%; border-radius: 20px; position: relative; }
.b_sec08 .b_list_box li:after{width:60px; height: 60px; border-radius: 50%; background-color: #004ece; position: absolute; left: 50%; top: -30px; z-index: 3; color: #fff; font-size: 1.563rem; font-weight: 800; display: flex; align-items: center; justify-content: center; letter-spacing: 0; transform:translateX(-50%);}
.b_sec08 .b_list_box li:nth-child(1):after{content: '01';}
.b_sec08 .b_list_box li:nth-child(2):after{content: '02';}
.b_sec08 .b_list_box li:nth-child(3):after{content: '03';}
.b_sec08 .b_list_box .b_img_box{border-radius:20px 20px 0 0 ; overflow: hidden; }
.b_sec08 .b_list_box .b_img_box img{display: block; max-width: 100%;}
.b_sec08 .b_list_box .b_txt_box{min-height: 250px; padding-top:35px ; border-radius: 0 0 20px 20px; background-color: #fff;}
.b_sec08 .b_list_box .b_txt_box p{margin-bottom: 20px;}
.b_sec08 .b_list_box .b_txt_box span {line-height: 1.5;}

@media screen and (max-width: 1080px){
    .b_sec08 .b_list_box li:after {width: 50px; height: 50px; top: -25px; font-size: 18px;}
    .b_sec08 .b_list_box .b_txt_box {min-height: 200px; padding-top: 20px;}
    .b_sec08 .b_list_box .b_txt_box p {margin-bottom: 10px;}
}
@media screen and (max-width: 720px){
    .b_sec08 .b_list_box{max-width: 400px; width: 100%; margin: 0 auto; row-gap: 30px;}
    .b_sec08 .b_list_box li {width: 100%; border-radius: 10px;}
    .b_sec08 .b_list_box li:after {width: 40px; height: 40px; top: -20px; }
    .b_sec08 .b_list_box .b_img_box {border-radius: 10px 10px 0 0;}
    .b_sec08 .b_list_box .b_txt_box {border-radius: 0 0 10px 10px ; min-height: unset; padding-bottom: 20px;}
}


/* 게임모니터, 영상 */
.b_sec09 .b_cont_box .b_tit_txt{padding-left: 20px; position: relative; margin-bottom: 20px;}
.b_sec09 .b_cont_box .b_tit_txt::after{content:''; width: 7px; height: 7px; border-radius: 50%; background-color: #004ece; position: absolute; left: 0; top: 14px;}
.b_sec09 .b_monitor_box {margin-bottom: 50px;}
.b_sec09 .b_monitor_box ul{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.b_sec09 .b_monitor_box ul li{width: 49%; border-radius: 15px; overflow: hidden; }
.b_sec09 .b_monitor_box figure{width: 100%;}
.b_sec09 .b_monitor_box figure img{display:block; max-width:100%; }
.b_sec09 .b_video_box{overflow: hidden;}
.b_sec09 .b_video_box ul li{aspect-ratio: 16/9; border-radius: 10px; overflow: hidden;}
.b_sec09 .b_video_box ul li iframe{width:100%; height:100%; }
.b_sec09 .b_video_box .b_pagi{position: unset; margin-top: 30px;}
.b_sec09 .b_video_box .b_pagi span{border: 1px solid #9db2d4; background-color: #fff; opacity: 1;}
.b_sec09 .b_video_box .b_pagi .swiper-pagination-bullet-active{background-color: #020f25; border: 1px solid #020f25; }
.b_sec09 .b_link_btn{width: 200px; height: 60px; display: flex; align-items: center; justify-content: center; background-color: #004ece; color: #fff; border-radius: 30px; margin: 0 auto; margin-top: 70px;}

@media screen and (max-width: 720px){
    .b_sec09 .b_monitor_box ul{row-gap: 10px;}
    .b_sec09 .b_monitor_box ul li{width: 100%; border-radius: 10px;}
}


/* footer */
#b_footer{background-color: #000000; padding:100px 0; letter-spacing: -1px; }
#b_footer .b_inner > div{display: flex; justify-content: space-between; color: rgba(255, 255, 255, .5);}
#b_footer .b_top_box{align-items: flex-start; }
#b_footer .b_bot_box{align-items: flex-end; }
#b_footer .b_top_box address span{margin-right: 10px; line-height: 1.6;}
#b_footer .b_top_box .b_link_list{display: flex; align-items:center; column-gap: 15px;}
#b_footer .b_top_box .b_link_list li{cursor: pointer;}
#b_footer .b_top_box .b_link_list li:first-child{color: #fff;}
#b_footer .b_ft_logo img{opacity: .4;}

@media screen and (max-width: 1080px){
    #b_footer{padding: 50px 0;}
    #b_footer .b_top_box{flex-direction: column-reverse; row-gap:20px;}
    #b_footer .b_bot_box{flex-direction: column; row-gap:20px; margin-top: 10px;}
    #b_footer .b_inner > div{align-items: center;}
    #b_footer address{text-align: center;}
    #b_footer .b_ft_logo img{width: 120px;}
}


/* 개인정보처리방침, 이용약관 팝업 */
.add_pop_wrap{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.6);z-index: 9999;display: none;}
.add_pop_inner{position: absolute;top: 50%;left: 50%;width: 94%;max-width: 800px;height: 600px;border-radius: 0px;overflow: hidden;transform: translate(-50%,-50%) scale(.9);transition: transform .3s ease;}
.add_pop_wrap.active .add_pop_inner{transform: translate(-50%,-50%) scale(1);}
.add_pop_tit{background: #004ece; color: #FFF;display: flex;flex-direction: row;align-items: center;justify-content: space-between;padding: 0 25px;font-weight: bold;}
.add_pop_close{width: 20px;height: 60px;position: relative;}
.add_pop_close span{position: absolute;top: 29px;left: 0;width: 20px;height: 2px;background: #FFF;z-index: 1;transition: transform .3s ease;}
.add_pop_close span:nth-child(1){transform: rotate(45deg);}
.add_pop_close span:nth-child(2){transform: rotate(-45deg);}
.add_pop_close:hover span{transform: rotate(0);}
.add_pop_con{background: #FFF;padding: 22px 25px;overflow-y: scroll;height: calc( 100% - 60px );}
.add_pop_con h5{font-size: 1rem;font-weight: bold;margin-bottom: 10px;}
.add_pop_con p{font-size: 14px;line-height: 160%;margin-bottom: 25px;
	-webkit-text-stroke: 0.015em; /*-- 기본폰트 나눔스퀘어/나눔스퀘어 라운드가 아닐 경우 제거 --*/
}

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

}

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