@font-face {
    font-family: 'GongGothicMedium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.b_inner{max-width: 1480px; width: 96%; margin:0 auto;}

/* header */
#b_header{position: fixed; left: 0; top: 0; width: 100%; height: 100px; z-index: 20;}
#b_header.scr{background-color: rgba(0,0,0,.1); backdrop-filter: blur(20px);}
#b_header .b_inner{height: 100%; display: flex; align-items: center; justify-content: space-between;}
#b_header .b_hd_logo a{display: block;}
#b_header #b_gnb {display: flex; align-items: center; }
#b_header #b_gnb li a{display: block; color:#fff; font-weight: 500; font-size: 1.125rem; padding: 5px;}
#b_header #b_gnb li {margin-right: 60px;}
#b_header #b_gnb li:last-child {margin-right: 0px;}
#b_header .b_toggle_btn{display: none;}


/* site map */
.b_site_wrap{position: fixed; right: 0; top: 0; width: 100%; background-color: rgba(0,0,0,.6); height: 100%; z-index: 50; display: none;}
.b_site_wrap #b_site_map{max-width: 360px; width: 94%; background-color: #004cac; position:absolute; right: 0; top: 0; height: 100%; }
#b_site_map .b_close_btn{width: 32px; height: 32px; display: flex; align-items: center; margin: 20px 20px 0px auto; transform: rotate(45deg);}
#b_site_map .b_close_btn span{height: 2px; width: 100%; display: block; background-color: #fff; position: relative;}
#b_site_map .b_close_btn span::after{content:''; width: 2px; height:32px; background-color: #fff; position:absolute; left: 50%; top:50%; transform: translate(-50%,-50%);}
#b_site_map nav{margin-top: 70px;}
#b_site_map #b_gnb {max-width: 300px; width: 100%; margin: 0 auto;}
#b_site_map #b_gnb li{font-family: 'GongGothicMedium' ; color: #fff; margin-bottom: 20px; font-size: 1.5rem;}


/* 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;}


/* 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; }


/* section 공통 */
.b_section{position:relative; }
.b_section figure img{display: block; max-width: 100%; margin: 0 auto;}


/* section background */
.b_mv_sec{background: url(/img/index/bg/mv_bg.jpg) no-repeat center / cover; }
.b_sec01{background: url(/img/index/bg/sec01_bg.jpg) no-repeat center / cover; }
.b_sec02{background: url(/img/index/bg/sec02_bg.jpg) no-repeat center / cover; }
.b_sec03{background: url(/img/index/bg/sec03_bg.jpg) no-repeat center / cover; }
.b_sec04{background: url(/img/index/bg/sec04_bg.jpg) no-repeat center / cover; }
.b_sec05{background: url(/img/index/bg/sec05_bg.jpg) no-repeat center / cover; }
.b_sec06{background: url(/img/index/bg/sec06_bg.jpg) no-repeat center / cover; }
.b_sec07{background: url(/img/index/bg/sec07_bg.jpg) no-repeat center / cover; }
.b_sec08{background: url(/img/index/bg/sec08_bg.jpg) no-repeat center / cover; }
.b_sec09{background: url(/img/index/bg/sec09_bg.jpg) no-repeat center / cover; }
.b_sec10{background: url(/img/index/bg/sec10_bg.jpg) no-repeat center / cover; }
.b_sec11{background: url(/img/index/bg/sec11_bg.jpg) no-repeat center / cover; }
.b_sec12{background: url(/img/index/bg/sec12_bg.jpg) no-repeat center / cover; }


/* main visual */
.b_mv_sec{height: 950px; display: flex; justify-content: center; align-items: center; overflow-x: hidden; flex-direction: column;}
.b_mv_sec .b_btn_wrap{margin-top:30px; }
.b_mv_sec .b_btn_wrap a{display:block;}
.b_mv_sec .b_btn_wrap img{display:block; max-width:100%; }
.b_mv_sec .b_track{position:absolute; white-space: nowrap; will-change: transform; animation: move_txt 20s linear infinite; z-index: 10; bottom:0; left:0;}
.b_mv_sec .b_track img{margin-right: 100px;}

@keyframes move_txt{
    0%{
        transform: translateX(0);
    }
    100%{
        transform: translateX(-50%);
    }
}


/* sec01 */
.b_sec01 .b_btn_wrap{display: flex; align-items: center; justify-content: center; margin-top: -10%; padding-bottom: 50px;}


/* sec09 인테리어 */
.b_sec09 {padding-bottom: 110px; overflow: hidden;}
.b_sec09 .b_slide_box{max-width: 740px; margin:0 auto; position: relative; width: 92%;}
.b_sec09 .b_slide_box li {opacity: .2;}
.b_sec09 .b_slide_box .swiper-slide-active{border:8px solid #004cac; opacity: 1; transition:opacity .3s; }
.b_sec09 .b_slide_box li img{display: block; width: 100%; height: 100%; object-fit: cover;}
.b_sec09 .b_slide_box .b_pagi{position:unset; margin:0; margin-top: 35px;}
.b_sec09 .b_slide_box .b_pagi span{width: 10px; height: 10px; background-color: transparent; border:1px solid #2963ad; opacity: 1;}
.b_sec09 .b_slide_box .b_pagi span.swiper-pagination-bullet-active{background-color: #2963ad;;}
.swiper-button-next:after, .swiper-button-prev:after{display: none;}
.b_sec09 .b_slide_box .b_prev img{transform: rotate(180deg);}
.b_sec09 .b_slide_box .b_prev, .b_sec09 .b_slide_box .b_next {width: auto; height: auto; opacity: 1;}
.b_sec09 .b_slide_box .b_prev {transform: translate(-60%, -50%);}
.b_sec09 .b_slide_box .b_next {transform: translate(60%, -50%);}


/* sec11 창업비용 */
.b_sec11 .b_tab_list{display: flex; align-items: center; justify-content: center;}
.b_sec11 .b_tab_list li{cursor: pointer;}
.b_sec11 .b_tab_list li:first-child{margin-right: 20px;}
.b_sec11 .b_tab_list li img.on{display: none;}
.b_sec11 .b_tab_list li.on img.on{display: block;}
.b_sec11 .b_tab_list li.on img.off{display: none;}
.b_sec11 .b_tab_box{display: none;}
.b_sec11 .b_tab_box.on{display: block;}
.b_sec11 .b_tab_box .pc_ver{max-width: 100%; margin:0 auto; display: block;}


/* sec12 창업문의 */
.b_sec12 {padding-bottom: 90px;}
.b_sec12 .b_form_box{max-width: 520px; margin: 0 auto; width: 92%;}
.b_sec12 .b_form_box ul{width: 100%; }
.b_sec12 .b_form_box ul li{margin-bottom: 15px; }
.b_sec12 .b_input_wrap{width: 100%; display: flex; align-items: center; background-color: #fff; height: 55px; border-radius: 6px; overflow: hidden;}
.b_sec12 .b_input_wrap .b_input_tit{font-size: 1.063rem; font-weight: 500; width: 120px; padding-left: 30px;}
.b_sec12 .b_input_box{height: 100%; width: calc(100% - 120px); padding:0 30px 0 15px; border:0; outline:0; }
.b_sec12 .b_content_box .b_input_wrap {height: 100px; align-items: flex-start;}
.b_sec12 .b_content_box .b_input_wrap p{margin-top: 15px;}
.b_sec12 .b_content_box textarea.b_input_box{resize: none; padding:15px 30px 15px 15px; }
.b_sec12 .b_chk_box {color:#fff; display: flex; align-items: center;}
.b_sec12 .b_chk_box label {display: flex; align-items: center;} 
.b_sec12 .b_chk_box .b_chk{width: 22px; height: 22px; appearance:none; position: relative; }
.b_sec12 .b_chk_box .b_chk::after{content: ''; width: 22px; height: 22px; border-radius: 50%; background-color: #ccc; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.b_sec12 .b_chk_box .b_chk::before{content: ''; width: 13px; height: 9px; background:url(/img/b_chk_icon.png) no-repeat center/ 100%; position: absolute; left: 5px; top: 50%; transform: translateY(-50%); z-index: 5;}
.b_sec12 .b_chk_box .b_chk:checked::after{background-color: #111; transition:background-color .1s;}
.b_sec12 .b_chk_box a{display: block; font-weight: 500; margin-left: 5px;}
.b_sec12 .b_chk_box span{margin-left: 5px;}
.b_sec12 .b_submit_btn{width: 100%; height: 75px; font-size: 1.875rem; background-color: #000; color: #fff; border-radius: 6px; font-weight: bold;}


/* footer */
#b_footer{background-color: #1f1f1f; padding: 45px 0 140px;}
#b_footer .b_inner{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
#b_footer address span{color:#656565; font-size: 0.874rem; line-height: 2;}
#b_footer address p{color:#656565; font-size: 0.874rem; margin-top: 12px;}


/* 하단고정폼 */
#b_quick_form{position: fixed; left: 0; bottom: 0; background-color: #004cac; width: 100%; z-index: 20; padding: 10px 0;}
#b_quick_form .b_inner{display: flex; align-items: center; justify-content: space-between; height: 100%; }
#b_quick_form .b_left_box{display: flex; align-items:center; width: 31%; justify-content: space-between;}
#b_quick_form .b_left_box h2 img{display: block; max-width: 100%;}
#b_quick_form .b_num_box{display: flex; align-items: center; }
#b_quick_form .b_num_box p{color:#fff; font-weight: bold; font-size: 2.5rem; margin-left: 15px; letter-spacing: -1.8px;}
#b_quick_form .b_right_box{width: 65.5%; }
#b_quick_form .b_form_box {display: flex; align-items: center; justify-content: flex-end; }
#b_quick_form .b_form_box ul{display: flex; align-items: center; justify-content: space-between; width: 100%; max-width: 750px; flex-wrap: wrap;}
#b_quick_form .b_form_box li{width: 24.5%;}
#b_quick_form .b_form_box li .b_input_wrap{height: 55px; background-color: #fff; border-radius: 6px; overflow: hidden;}
#b_quick_form .b_form_box .b_input_box{border:0; outline: 0; height: 100%; padding:0 20px; width: 100%;}
#b_quick_form .b_form_box li.b_chk_box{font-weight: 400; font-size: 0.874rem; color:#fff; width: 22%;}
#b_quick_form .b_chk_box {color:#fff; }
#b_quick_form .b_chk_box label {display: flex; align-items: center;} 
#b_quick_form .b_chk_box .b_chk{width: 18px; height: 18px; appearance:none; position: relative; }
#b_quick_form .b_chk_box .b_chk::after{content: ''; width: 18px; height: 18px; border-radius: 50%; background-color: #ccc; position: absolute; left: 0; top: 50%; transform: translateY(-50%) ;}
#b_quick_form .b_chk_box .b_chk::before{content: ''; width: 13px; height: 9px; background:url(/img/b_chk_icon.png) no-repeat center/ 100%; position: absolute; left: 3px; top: 50%; transform: translateY(-50%) ; z-index: 5;}
#b_quick_form .b_chk_box .b_chk:checked::after{background-color: #111; transition:background-color .1s; }
#b_quick_form .b_chk_box a{display: block; font-weight: 500; margin-left: 21px; width: fit-content;}
#b_quick_form .b_chk_box span{margin-left: 3px; word-break:keep-all; }
#b_quick_form .b_submit_btn{max-width: 210px; height: 55px; font-size: 1.25rem; background-color: #000; color: #fff; border-radius: 6px; font-weight: bold; width: 100%;}


/*popup 개인정보처리방침 */
.k_pop_wrap{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 2000; display: none;}
.k_pop_inner{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 80%; max-width: 800px; background: #FFF; box-shadow: 5px 5px 13px rgba(0,0,0,0.3); padding: 30px; border-radius:10px;}
.pop_content{position: relative;}
.pop_content h4{font-size: 1.3rem; font-weight: bold; letter-spacing: -0.045em; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #ddd;}
.pop_content p{max-height: 350px; overflow-y: scroll; font-size: 14px; line-height: 1.3;}
.pop_content p i{display: block;}
.pop_content p i b{font-weight: 500;}
.pop_close{position: absolute; top: 0; right: 0; width: 30px; height: 30px;}
.pop_close span{position: absolute; top: 14px; left: 0; width: 100%; height: 2px; background: #222; transition: transform 0.3s;}
.pop_close span:nth-child(1){transform: rotate(45deg);}
.pop_close span:nth-child(2){transform: rotate(-45deg);}
.pop_close:hover span{transform: rotate(0);}


.b_section .mo_ver{display: none; }


@media screen and (max-width: 1480px){ 
		#b_footer{padding-bottom: 120px;}
	 
		#b_quick_form .b_num_box p{margin-left: 7px;}
		#b_quick_form .b_left_box{justify-content: flex-start;}
		#b_quick_form .b_left_box h2{margin-right:30px;}
		#b_quick_form .b_left_box h2 img{width:120px;}
		#b_quick_form .b_form_box ul{max-width: 590px;}
		#b_quick_form .b_submit_btn{margin-left: 10px; max-width: 150px;}
}
@media screen and (max-width: 1280px){
    .b_mv_sec{height: 800px;}
    .b_mv_sec .pc_ver img{max-width: 600px;}

    .b_sec01 .b_btn_wrap img{width: 300px;}

		#b_quick_form .b_num_box p{font-size: 2rem;}
		#b_quick_form .b_num_box img{width:30px;}
		#b_quick_form .b_left_box{width: 38%;}
		#b_quick_form .b_right_box {width: 61%;}
		#b_quick_form .b_form_box ul {max-width: 500px;}
		#b_quick_form .b_form_box li {width: 22.5%;}
		#b_quick_form .b_form_box li.b_chk_box{width: 27%;}
		#b_quick_form .b_submit_btn {max-width: 120px;}
		#b_quick_form .b_form_box .b_input_box{padding: 0 10px;}
}
@media screen and (max-width: 1080px){
    #b_header{height: 80px;}
    #b_header .b_hd_logo img{width: 100px;}
    #b_header nav{display: none;}
    #b_header .b_toggle_btn{display: block; width: 40px; height: 40px;}
    #b_header .b_toggle_btn span{height: 2px; display: block; width: 100%; background-color: #fff;}
    #b_header .b_toggle_btn span:first-child{margin-bottom: 10px;}

		#b_footer{padding: 30px 0 170px;}

		#b_quick_form .b_inner{flex-direction: column; justify-content:center; }
		#b_quick_form .b_form_box {flex-wrap: wrap;}
		#b_quick_form .b_left_box{margin-bottom:10px; width: fit-content;}
		#b_quick_form .b_left_box h2 {margin-right: 20px;}
		#b_quick_form .b_right_box {width: 100%;}
		#b_quick_form .b_form_box{justify-content:center;}
	
		.b_adm_list{right: 10px; bottom: 160px;}
}
@media screen and (max-width: 767px){
    #b_header {height: 60px;}
    #b_header .b_toggle_btn{width: 30px; height: 30px;}
    #b_header .b_toggle_btn span:first-child {margin-bottom: 7px;}

    .b_section .pc_ver{display: none; }
    .b_section .mo_ver{display: block; }

    .b_mv_sec{background: url(/img/index/bg/mo/mv_bg.jpg) no-repeat center / cover; }
    .b_sec01{background: url(/img/index/bg/mo/sec01_bg.jpg) no-repeat center / cover; }
    .b_sec02{background: url(/img/index/bg/mo/sec02_bg.jpg) no-repeat center / cover; }
    .b_sec03{background: url(/img/index/bg/mo/sec03_bg.jpg) no-repeat center / cover; }
    .b_sec04{background: url(/img/index/bg/mo/sec03_bg.jpg) no-repeat center / cover; }
    .b_sec05{background: url(/img/index/bg/mo/sec05_bg.jpg) no-repeat center / cover; }
    .b_sec06{background: url(/img/index/bg/mo/sec06_bg.jpg) no-repeat center / cover; }
    .b_sec07{background: url(/img/index/bg/mo/sec07_bg.jpg) no-repeat center / cover; }
    .b_sec08{background: url(/img/index/bg/mo/sec08_bg.jpg) no-repeat center / cover; }
    .b_sec09{background: url(/img/index/bg/mo/sec09_bg.jpg) no-repeat center / cover; }
    .b_sec10{background: url(/img/index/bg/mo/sec10_bg.jpg) no-repeat center / cover; }
    .b_sec11{background: url(/img/index/bg/mo/sec11_bg.jpg) no-repeat center / cover; }
    .b_sec12{background: url(/img/index/bg/mo/sec12_bg.jpg) no-repeat center / cover; }

    .b_mv_sec {height: 600px;}
    .b_mv_sec .mo_ver {margin: 0 auto; width: 92%; max-width: 767px;}
    .b_mv_sec .mo_ver img{width: 350px;}
    .b_mv_sec .b_track img {margin-right: 50px; width: 1500px;}
		.b_mv_sec .b_btn_wrap img{width:300px; }


    .b_sec01 .b_btn_wrap{margin-top: -5%; padding-bottom: 40px;}

    .b_sec09 {padding-bottom: 50px;}
    .b_sec09 .b_slide_box{width: 88%;}
    .b_sec09 .b_slide_box .b_prev img, .b_sec09 .b_slide_box .b_next img{width: 50px;}
    .b_sec09 .b_slide_box .b_pagi{margin-top: 20px;}
    .b_sec09 .b_slide_box .b_pagi span{width: 8px; height: 8px;}

    .b_sec11 .b_tab_list li:first-child {margin-right: 10px;}
    .b_sec11 .b_tab_list li img{width: 150px;}
		.b_sec11 .b_tab_box .pc_ver{display: none;}
		.b_sec11 .b_tab_box .mo_ver{display: block; max-width:100%; margin:0 auto; }

    .b_sec12 {padding-bottom: 70px;}
    .b_sec12 .b_form_box ul li {margin-bottom: 10px;}
    .b_sec12 .b_input_wrap{height: 40px; border-radius: 3px;}
    .b_sec12 .b_input_wrap .b_input_tit{padding-left: 20px; width: 90px;}
    .b_sec12 .b_submit_btn{height: 60px; font-size: 1.5rem;}

		#b_footer{padding: 30px 0 220px;}
    #b_footer .b_inner{flex-direction: column-reverse;}
    #b_footer .b_ft_logo img{width: 100px;}
    #b_footer address{text-align: center; margin-top: 20px; }
    #b_footer address span{line-height: 1.7;}

		#b_quick_form .b_left_box h2 img {width: 90px;}
		#b_quick_form .b_form_box li {width: 49%; margin-bottom:8px; }
		#b_quick_form .b_form_box li.b_chk_box {width: 49%; display: flex; align-items: center;}
		#b_quick_form .b_form_box li .b_input_wrap{height: 35px; border-radius: 3px;}
		#b_quick_form .b_chk_box a{margin-left: 5px;}
		#b_quick_form .b_submit_btn{max-width:500px; width:100%; margin-left:0; height: 35px; border-radius: 3px; }

		.b_adm_list{bottom: 210px;}
		.b_adm_list li {margin-bottom:5px; }
		.b_adm_list li a{width: 80px;}

		.k_pop_inner{padding: 20px; width: 90%;}
		.pop_close{top: -5px; right: 0; width: 20px; height: 20px;}
}
@media screen and (max-width: 1560px){
		#hd_pop .hd_pops{top: 120px !important; left: 50% !important; transform: translateX(-50%); width: fit-content;}
		#hd_pop .hd_pops .hd_pops_con{width: fit-content !important; height: auto !important; line-height: 0;}
		#hd_pop .hd_pops .hd_pops_con br{display: none;}
		#hd_pop .hd_pops .hd_pops_con p{font-size:0;}
}



/* 반응형 따른 줄바꿈 */
.br_767o{display: none;}
@media screen and (max-width: 767px){
    .br_767o{display: block;}
}