/* @import url('https://webfontworld.github.io/pretendard/Pretendard.css'); */

/* font-size */
.fs_14{font-size: 0.874rem;}
.fs_15{font-size: 0.938rem;}
.fs_17{font-size: 1.063rem;}
.fs_18{font-size: 1.125rem;}
.fs_20{font-size: 1.25rem;}
.fs_22{font-size: 1.375rem;}
.fs_30{font-size: 1.875rem;}
.fs_40{font-size: 2.5rem;}
.fs_45{font-size: 2.813rem;}
.fs_50{font-size: 3.125rem;}
.fs_55{font-size: 3.438rem;}
.fs_80{font-size: 5rem;}
.fs_85{font-size: 5.313rem;}
.fs_100{font-size: 6.25rem;}


@media screen and (max-width:1080px){
    .fs_100{font-size: 65px;}
    .fs_80{font-size: 50px;}
    .fs_40{font-size: 25px;}
    .fs_30{font-size: 22px;}
}

@media screen and (max-width:720px){
    .fs_15{font-size: 14px;}
    .fs_22{font-size: 16px;}
    .fs_30{font-size: 18px;}
    .fs_40{font-size: 20px;}
    .fs_45{font-size: 25px;}
    .fs_80{font-size: 40px;}
    .fs_85{font-size: 42px;}
    .fs_100{font-size: 50px;}
}



/* font-weight */
.fw_m{font-weight: 500;}
.fw_b{font-weight: bold;}


.b_inner{max-width: 1520px; margin:0 auto; width:94%;}

#b_header{width: 100%; position:fixed; left:0; top:0; height:80px; z-index: 20; transition:.5s;}
#b_header .b_inner{max-width: 1720px; display: flex; justify-content: space-between; align-items: center; height:100%; position: relative; }
#b_header .b_logo a{display: block;}
#b_header .b_logo .logo_on{display: none;}
#b_header nav{position:absolute; left:50%; top:0; transform:translateX(-50%); height: 100%; }
#b_header #b_gnb {display: flex; height: 100%; align-items: center;  }
#b_header #b_gnb > li {padding:0 20px; height: 100%; position: relative; }
#b_header #b_gnb > li > .b_sub_menu{position:absolute; left:50%; transform:translateX(-50%); background-color:#fff; border-radius: 20px; width:160px; padding:10px 0; box-shadow: 0 6px 20px rgba(0,0,0,.1);top: 80px; display: none;}
#b_header #b_gnb > li > .b_sub_menu.on{top: 70px; transition:.3s; transition-delay: .2s;}
#b_header #b_gnb > li > .b_sub_menu li{text-align: center; width:100%; }
#b_header #b_gnb > li > .b_sub_menu li a{display: block; width:100%; padding: 5px 0; font-size:0.938rem; font-weight:500; }
#b_header #b_gnb > li > a{display: flex; height: 100%; align-items: center; color:#fff; padding: 5px 10px; font-weight: 500; position: relative; font-size:1.125rem; }

#b_header #b_gnb > li:hover > a {color:transparent; transition:color .2s; }
#b_header #b_gnb > li > a:after{width:120%; height:100%; position:absolute; left:50%; top:45%; transform:translate(-50%,-50%); display:flex; align-items:center; justify-content:center; opacity:0; color:#fff; }
#b_header #b_gnb > li:hover > a:after{top:50%; opacity:1; transition:top .2s, opacity .1s; transition-delay:.1s;}

#b_header #b_gnb > li.b_menu_4 > a:after{content:'포트폴리오'; }
#b_header #b_gnb > li.b_menu_2 > a:after{content:'제작안내'; }
#b_header #b_gnb > li.b_menu_1 > a:after{content:'회사소개'; }
#b_header #b_gnb > li.b_menu_5 > a:after{content:'부가서비스'; }
#b_header #b_gnb > li.b_menu_6 > a:after{content:'고객지원'; }

#b_header .b_hd_right {display: flex; height: 100%; align-items: center; }
#b_header .b_hd_right > a{display: flex; align-items: center; justify-content: center; border-radius: 50px; color:#fff; height:40px; margin-right:10px; }
#b_header .b_hd_right .b_inq_btn{background-color: #000; width: 145px; }

#b_header .b_hd_right .b_inq_btn img{margin-left: 7px; transition:.3s;}
#b_header .b_hd_right .b_inq_btn:hover img{margin-left:12px; transition:.3s; transform:rotate(45deg); }

#b_header .b_hd_right .b_num_btn{background-color: #e40d3a; width: 180px; }
#b_header .b_hd_right .b_num_btn img{width: 16px;margin-right: 5px; }

#b_header .b_hd_right .b_toggle_btn{width: 40px; height:40px; border-radius: 50%; background-color: rgba(255,255,255,.15); display: flex; align-items: center; justify-content: center; flex-direction: column;}
#b_header .b_hd_right .b_toggle_btn span{width:20px; height:2px; background-color: #fff; display: block;}
#b_header .b_hd_right .b_toggle_btn span.b_1st{margin-bottom:4px; }


/* header on */
#b_header.on{background-color: #fff; transition:.5s; border-bottom:1px solid #efefef;}
#b_header.on #b_gnb > li > a{color:#111; }
#b_header.on .b_hd_right .b_toggle_btn{background-color: #000;}
#b_header.on .b_logo .logo_off{display: none;}
#b_header.on .b_logo .logo_on{display: block;}
#b_header.on #b_gnb > li:hover > a {color:transparent; transition:.2s; }
#b_header.on #b_gnb > li > a:after{color:#111;}


/* quick menu */
#b_quick_menu_m{display:none;}
#b_quick_menu {position:fixed; right:100px; bottom:40px; z-index: 20;}
#b_quick_menu ul li{width: 60px; height: 60px; border-radius: 50%; margin-bottom: 10px; position:relative; }
#b_quick_menu ul li:nth-child(4){margin-bottom: 0px; }
#b_quick_menu ul li a{display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; transition:.3s; border-radius: 50%; }
/*
#b_quick_menu ul li:nth-child(1) a{background-color: #fff;}
#b_quick_menu ul li:nth-child(2) a{background-color: #e40d3a;}
#b_quick_menu ul li:nth-child(3) a{background-color: #ad072a;}
#b_quick_menu ul li:nth-child(4) a{background-color: #20232b;}
*/

#b_quick_menu ul li.b_hover a:after{content:''; width:60px; height:60px; border-radius: 50%; position:absolute; right:0; top:0; z-index:-1; transition:.2s; box-shadow: 3px 3px 20px rgba(156,23,51,.10); }
#b_quick_menu ul li img{transition:.3s;}
#b_quick_menu ul li.b_hover:hover a{width:190px; border-radius: 50px; transition:.2s; }
#b_quick_menu ul li.b_hover:hover a:after{border-radius: 50px; transition:.2s;}

#b_quick_menu ul li.b_hover:nth-child(1):hover a:after{width:190px; }
#b_quick_menu ul li.b_hover:nth-child(2):hover a:after{width:150px; }
#b_quick_menu ul li.b_hover:nth-child(3):hover a:after{width:150px; }

#b_quick_menu ul li.b_hover:hover img{transition:.3s;}
#b_quick_menu ul li.b_hover:nth-child(1):hover img{transform: translateX(-195px); }
#b_quick_menu ul li.b_hover:nth-child(2):hover img{transform: translateX(-150px); }
#b_quick_menu ul li.b_hover:nth-child(3):hover img{transform: translateX(-150px); }


#b_quick_menu ul li:nth-child(1) a:after{background-color: #fff;}
#b_quick_menu ul li:nth-child(2) a:after{background-color: #e40d3a;}
#b_quick_menu ul li:nth-child(3) a:after{background-color: #ffc000;}
#b_quick_menu ul li:nth-child(4){background-color: #20232b;}
#b_quick_menu ul li a:before{width:170px; height:auto; position:absolute; top:50%; transform:translateY(-50%); text-align: left; font-weight:bold; left: -30px; opacity:0;}
#b_quick_menu ul li:nth-child(1) a:before{content:'0505-329-0707'; color:#fff; }
#b_quick_menu ul li:nth-child(2) a:before{content:'견적문의'; color:#e40d3a; }
#b_quick_menu ul li:nth-child(3) a:before{content:'카톡문의';color:#20232b; }
#b_quick_menu ul li:hover a:before{transition:left .4s , opacity .5s; opacity:1;}
#b_quick_menu ul li:hover:nth-child(1) a:before{color:#e40d3a; left: -83px; }
#b_quick_menu ul li:hover:nth-child(2) a:before{color:#fff; left: -35px; }
#b_quick_menu ul li:hover:nth-child(3) a:before{color:#fff; left: -35px; }

.b_scr_line{position:relative; }


@media screen and (max-width:1480px){
    #b_quick_menu{right: 50px;}

		
		#b_header .b_hd_right .b_inq_btn{width: 125px;}
		#b_header .b_hd_right .b_num_btn{width: 160px;}

		#b_header nav{left: 190px; transform:unset; }
		#b_header #b_gnb li{padding:0 10px;}
}

@media screen and (max-width:1280px){
	 #b_header .b_logo a img{width: 140px;}
	 #b_header nav{left: 150px; transform:unset; }
}

@media screen and (max-width:1080px){
    #b_header #b_gnb {display: none;}
    #b_quick_menu{right: 25px;}
}

@media screen and (max-width:720px){
    #b_header{height: 70px;}
    #b_header .b_logo img{width: 110px;}
    #b_header .b_hd_right .b_inq_btn{height: 32px; width: auto; margin-right: 5px; padding: 0 10px;}
    #b_header .b_hd_right .b_inq_btn img {margin-left: 4px; width: 9px; }
    #b_header .b_hd_right .b_toggle_btn {width: 32px; height: 32px;}
    #b_header .b_hd_right .b_toggle_btn span{width: 16px;}
    #b_header .b_hd_right .b_toggle_btn span.b_1st {margin-bottom: 3px;}

		#b_header .b_hd_right .b_num_btn{height: 32px; width: auto; margin-right: 5px; padding: 0 10px;}
		#b_header .b_hd_right .b_num_btn img {width: 10px; margin-right: 3px;}

	  #b_header .b_hd_right .b_num_btn{display:none;}
		
	  #b_quick_menu {right: 10px; display:none;}
    #b_quick_menu ul li{width: 45px; height: 45px; margin-bottom: 5px;}
    #b_quick_menu ul li img{width: 15px; height: 15px;}
		#b_quick_menu ul li.b_hover a:after{width: 45px; height: 45px;}
		#b_quick_menu ul li.b_hover:nth-child(1):hover a:after{width:150px; }
		#b_quick_menu ul li.b_hover:nth-child(2):hover a:after{width:120px; }
		#b_quick_menu ul li.b_hover:nth-child(3):hover a:after{width:120px; }
		#b_quick_menu ul li.b_hover:nth-child(1):hover img{transform: translateX(-175px); }
		#b_quick_menu ul li.b_hover:nth-child(2):hover img{transform: translateX(-145px); }
		#b_quick_menu ul li.b_hover:nth-child(3):hover img{transform: translateX(-145px); }
		#b_quick_menu ul li:hover:nth-child(1) a:before{left: -65px; }
		#b_quick_menu ul li:hover:nth-child(2) a:before{left: -35px; }
		#b_quick_menu ul li:hover:nth-child(3) a:before{left: -35px; }

		/*
	  #b_quick_menu {right:unset; left: 0; bottom:0; width:100%; }
		#b_quick_menu ul {display:flex; }
		#b_quick_menu ul li{width:calc((100% - 50px) / 3); margin-bottom:0; height: 50px; border-radius:30px;}
		#b_quick_menu ul li.b_hover a:after{display:none;}
		#b_quick_menu ul li.b_hover:nth-child(1):hover a:after{width:auto; }
		#b_quick_menu ul li.b_hover:nth-child(2):hover a:after{width:auto; }
		#b_quick_menu ul li.b_hover:nth-child(3):hover a:after{width:auto; }
		#b_quick_menu ul li.b_hover:nth-child(1):hover img{transform: unset; }
		#b_quick_menu ul li.b_hover:nth-child(2):hover img{transform: unset; }
		#b_quick_menu ul li.b_hover:nth-child(3):hover img{transform: unset; }

		#b_quick_menu ul li a:before{left:50%; transform:translate(-50%,-50%); width:100%; }
		#b_quick_menu ul li:hover:nth-child(1) a:before{left: -30px; }
		#b_quick_menu ul li:hover:nth-child(2) a:before{left: -30px;}
		#b_quick_menu ul li:hover:nth-child(3) a:before{left: -30px;}

		#b_quick_menu ul li.b_hover:nth-child(1){background-color:#fff; }
		#b_quick_menu ul li.b_hover:nth-child(2){background-color: #e40d3a;}
	  #b_quick_menu ul li.b_hover:nth-child(3){background-color: #ffc000;}

	  #b_quick_menu ul li:nth-child(2){display:none;}
		#b_quick_menu ul li.top_btn{width:50px; height:50px; }
		#b_quick_menu ul li.top_btn img{width:17px; height:auto; }
*/

	 #b_quick_menu_m{position:fixed; bottom: 20px; z-index: 20; left:50%; transform:translateX(-50%); width: 100%; display: block;}
	 #b_quick_menu_m ul{display:flex; justify-content: center;}
	 #b_quick_menu_m ul li{border-radius:50px; margin-right:5px}
	 #b_quick_menu_m ul li a{display:flex; width:100%; height:100%; justify-content:center; align-items:center;}
	 #b_quick_menu_m ul li a{padding:0 20px; color:#fff; font-weight:bold; }
	 #b_quick_menu_m ul li:nth-child(1){background-color: #ffc000;}
	 #b_quick_menu_m ul li:nth-child(1) img{width:15px; margin-right:5px; }

	 #b_quick_menu_m ul li:nth-child(2){background-color: #e40d3a;}
	 #b_quick_menu_m ul li:nth-child(2) img{filter:brightness(0) invert(1); width:15px; margin-right:5px; }

	 
	 #b_quick_menu_m ul .top_btn{width:40px; height:40px; background-color: #20232b; border-radius:50%; margin-right:0; }
	 #b_quick_menu_m ul .top_btn img{width:17px;}
	 
}




/* site map */
#b_site_map{position: fixed; width:100%; height:100%; left: 0; top:0; z-index: 50; background-color: rgba(0,0,0,.8);  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); display: none; }
#b_site_map .b_inner{height:100%; align-items: center; display: flex; justify-content: center; position: relative; max-width: 1720px;}
#b_site_map .b_site_hd{position:absolute; left:0; top:0; height:80px; width:100%; display: flex; align-items: center; justify-content: space-between; }
#b_site_map .b_site_hd .b_logo img{width: 45px; opacity: .7;}
#b_site_map #b_gnb {display: flex; align-items: flex-start;}
#b_site_map #b_gnb > li{color: #fff; padding:0 50px;}
#b_site_map #b_gnb > li > a{font-weight: bold; font-size: 2.5rem; letter-spacing: -1px;}
#b_site_map #b_gnb > li:hover > a{color:#e40d3a; transition:.1s;}
#b_site_map #b_gnb > li .b_sub_menu{margin-top: 40px;}
#b_site_map #b_gnb > li .b_sub_menu li {margin-bottom: 5px;}
#b_site_map #b_gnb > li .b_sub_menu li a{font-size:1.125rem;}
#b_site_map #b_gnb > li .b_sub_menu li a:hover{text-decoration: underline;}
#b_site_map .b_close_btn{width: 40px; height:40px; border-radius: 50%; background-color: rgba(255,255,255,.15); display: flex; align-items: center; justify-content: center; flex-direction: column; position:absolute; right:0; top:20px; }
#b_site_map .b_close_btn span{width:20px; height:2px; background-color: #fff; display: block; }
#b_site_map .b_close_btn span.b_1st{transform: rotate(45deg);}
#b_site_map .b_close_btn span.b_2nd{transform: translateY(-2px) rotate(-45deg);}



@media screen and (max-width:1280px){
    #b_site_map #b_gnb > li{padding: 0 35px;}
}

@media screen and (max-width:1080px){
    #b_site_map #b_gnb{flex-direction: column; }
    #b_site_map #b_gnb > li .b_sub_menu{display: none; margin-top: 20px;}
    #b_site_map #b_gnb > li{padding:0; padding-bottom: 20px;}
    #b_site_map #b_gnb > li > a{font-size: 30px; }
}

@media screen and (max-width:720px){
    #b_site_map .b_site_hd .b_logo img{width: 35px;}
    #b_site_map #b_gnb > li > a{font-size: 35px;}

	  #b_site_map #b_gnb > li .b_sub_menu li a {font-size: 16px;}
}








/* 메인비주얼 */
.b_mv_box{width: 100%; height:100vh; overflow: hidden; position: relative;}
.b_mv_box ul li{position: relative; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.b_mv_box ul li figure{position:absolute; left:0; top:0; width: 100%; height: 100%; z-index: -1; display: flex; justify-content: center; align-items: center; background:url(/img/index/b_mv_01.jpg) no-repeat center / cover;}
.b_mv_box ul li figure img{display: block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display:none;}
.b_mv_box ul li .b_inner{text-align: center; color: #fff;}
.b_mv_box ul li .b_tit_txt{width: fit-content; margin:0 auto ; transform:translateY(30px); opacity:0;}
.b_mv_box ul li .b_tit_txt b{position: relative; }
.b_mv_box ul li .b_tit_txt img{ position:absolute; top:-15px; right:-90px; }
.b_mv_box ul li .b_sub_txt{margin-top:30px; transform:translateY(30px); opacity:0;}


@media screen and (min-width:1930px) { 
    .b_mv_box ul li figure img{height:100%; width: unset;} 
}

@media screen and (max-width:1080px){
    .b_mv_box{height:80vh; }
    .b_mv_box ul li figure img{height: 100%;}
    .b_mv_box ul li .b_tit_txt{font-size: 62px;}
}

@media screen and (max-width:720px){
    .b_mv_box{height:70vh; }
    .b_mv_box ul li .b_tit_txt{font-size: 42px;}
}


.b_mv_box ul li.swiper-slide-active .b_tit_txt{transform:translateY(0px); opacity:1; transition:1s; }
.b_mv_box ul li.swiper-slide-active .b_sub_txt{transform:translateY(0px); opacity:1; transition:1s; transition-delay: .3s;}

@keyframes mv_icon2 {
    0%{
        transform: translateY(0);
    }
    90%{
        transform: translateY(-10px);
    }
    100%{
        transform: translateY(0);
    }
}

@keyframes mv_icon {
    0%{
        /* width:0;  */
        transform: scale(0);
    }
    90%{
        /* width:0;  */
        transform: scale(1.1);
    }
    100%{
        /* width:78px; */
        transform: scale(1);
    }
}


.b_mv_box .b_mv_pagi {bottom:0; top:unset; }
.b_mv_pagi .swiper-pagination-bullet{display: none; }
.b_mv_pagi .swiper-pagination-bullet-active{display: block; width: 100%; height:4px; border-radius: 0; background-color: rgba(255,255,255,.4); margin:0 !important;}
.b_mv_pagi .swiper-pagination-bullet-active::after{content:''; width:0; height:100%; background-color: #e40d3a; position: absolute; left: 0; top: 0; animation: mv_pagi 5s linear 1 normal none ;}

@keyframes mv_pagi {
    0%{
        width:0; 
    }
    100%{
        width:100%; 
    }
}


/* 메인비주얼 스크롤 */
.b_scr_box{position:absolute; left:50%; bottom:30px; z-index:10;transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; }
.b_scr_box .b_icon_box{width:22px; height:38px; border-radius: 50px; border:1px solid #fff; display: flex; flex-direction: column; align-items: center; justify-content: center;  }
.b_scr_box span{display: block; width: 4px; height: 4px; border-radius: 50%; opacity:0;  animation-duration: 2s ; animation-iteration-count:infinite; }
.b_scr_box span.circle_01{background-color: #fff; opacity:0; margin-bottom: 3px; animation-name: mv_scr1 ;}
.b_scr_box span.circle_02{background-color: #fff; opacity:0; margin-bottom: 3px; animation-delay: .6s; animation-name: mv_scr2 ;}
.b_scr_box span.circle_03{background-color: #e40d3a; animation-delay: 1.1s; animation-name: mv_scr3 ; }
.b_scr_box p{color: #fff; letter-spacing: 2px;}


@keyframes mv_scr1 {
    0%{
        opacity:0; 
    }
    50%{
        opacity:.3; 
    }
    100%{
        opacity:0; 
    }
}
@keyframes mv_scr2 {
    0%{
        opacity:0; 
    }
    50%{
        opacity:.6;
    }
    100%{
        opacity:0; 
    }
}
@keyframes mv_scr3 {
    0%{
        opacity:0; 
    }
    50%{
        opacity:1;
    }
    100%{
        opacity:0; 
    }
}




.br_1080o{display: none;}
@media screen and (max-width:1080px) {
    .br_1080o{display: block;}
    .b_mv_box ul li .b_tit_txt img{width:55px; top: -10px; right: -60px;}
}

@media screen and (max-width:720px) {
    .b_mv_box ul li .b_tit_txt img{width:35px; top: -10px; right: -40px;}

}



/* 더보기 버튼 */
.b_section .b_more_btn{display: flex; align-items: center; justify-content: center; width:200px; height:55px; border-radius: 50px; margin:0 auto; }
.b_section .b_more_btn img{ transition:.3s;}
.b_section .b_more_btn:hover img{transform: rotate(45deg) ; transition:.3s; margin-left:20px;}

@media screen and (max-width:720px) {
    .b_section .b_more_btn{width: 150px; height: 45px;}
}


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

.b_motion .b_delay_01{transition-delay: .2s;}
.b_motion .b_delay_02{transition-delay: .3s;}
.b_motion .b_delay_03{transition-delay: .4s;}
.b_motion .b_delay_04{transition-delay: .5s;}
.b_motion .b_delay_05{transition-delay: .6s;}



.b_sec_01{background-color:#f9f9f9 ; position: relative; padding:170px 0; overflow: hidden;}
.b_sec_01 .b_bg_img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index: 0; max-width: 100%;}
.b_sec_01 .b_svc_list {position: relative ; display: flex; align-items: center; flex-direction: column;}
.b_sec_01 .b_svc_list li {margin-top: 40px;}
.b_sec_01 .b_svc_list li:nth-child(1) {margin-left: auto; margin-right: 6%; margin-top: 0;}
.b_sec_01 .b_svc_list li:nth-child(2) {margin-right: auto; margin-top: 0px;     margin-left: 3%;}
.b_sec_01 .b_svc_list li:nth-child(3) {margin-left: auto; margin-right: 7%;}
.b_sec_01 .b_svc_list li:nth-child(4) {align-items: center;}
.b_sec_01 .b_svc_list li a{display: flex; justify-content: center; align-items: center; transition:.4s; }
.b_sec_01 .b_svc_list li p{transition:.3s; word-break:keep-all; }
.b_sec_01 .b_svc_list li img{margin:0 40px; display: block; max-width: 100%;}
.b_sec_01 .b_svc_list li:hover a{color:#e40d3a; transition:.4s; }
.b_sec_01 .b_svc_list li:hover p{transform:translateY(-5px); transition:.3s; }


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

.svc_motion .b_delay_01{transition-delay: .3s;}
.svc_motion .b_delay_02{transition-delay: .6s;}
.svc_motion .b_delay_03{transition-delay: .9s;}


@media screen and (max-width:1280px) {
    .b_sec_01{padding: 120px 0;}
    .b_sec_01 .b_svc_list li img{width:350px; max-width: unset; margin: 0 20px;}
}
@media screen and (max-width:1080px) {
    .b_sec_01 .b_svc_list li p{font-size: 60px;}
    .b_sec_01 .b_svc_list li img{width:270px; margin: 0 5px;}
    .b_sec_01 .b_svc_list li:nth-child(1) {margin-left: 0; margin-right: 0; }
    .b_sec_01 .b_svc_list li:nth-child(2) {margin-left: 0; margin-right: 0; }
    .b_sec_01 .b_svc_list li:nth-child(3) {margin-left: 0; margin-right: 0; }
    .b_sec_01 .b_svc_list li:nth-child(4) {margin-left: 0; margin-right: 0; }
}

@media screen and (max-width:720px) {
    .b_sec_01{padding: 80px 0;}
    .b_sec_01 .b_svc_list{align-items: flex-end; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
    .b_sec_01 .b_svc_list li{width: 48%;}
    .b_sec_01 .b_svc_list li a{flex-direction: column;}
    .b_sec_01 .b_svc_list li p {font-size: 30px;}
    .b_sec_01 .b_svc_list li:nth-child(2) p:first-child{margin-bottom:-25px;}
    .b_sec_01 .b_svc_list li img {width: 220px;}
}
@media screen and (max-width:530px) {
    .b_sec_01 .b_svc_list li{width: 100%;}
    .b_sec_01 .b_svc_list li:nth-child(2){margin-top: 40px;}
}



.b_sec_02 {padding:200px 0; }
.b_sec_02 .b_tit_box{margin-bottom:160px; display: flex ; align-items: flex-end; flex-direction: column;}
.b_sec_02 .b_tit_box h2{margin-bottom: 65px; display: flex; align-items: flex-start;}
.b_sec_02 .b_tit_box p{line-height:1.4; word-break:keep-all; text-align: right;}
.b_sec_02 .b_port_list{display: flex; align-items: flex-start; flex-wrap:wrap}
.b_sec_02 .b_port_list li{width: 32%; margin-right:2%; margin-bottom:100px; }
.b_sec_02 .b_port_list li a{display: block;}
.b_sec_02 .b_port_list li:nth-child(3n){margin-right:0; }
.b_sec_02 .b_port_list li:nth-child(2){margin-top:60px; }
.b_sec_02 .b_port_list li:nth-child(5){margin-top:60px; }
.b_sec_02 .b_port_list li:nth-child(8){margin-top:60px; }
.b_sec_02 .b_port_list li:nth-child(11){margin-top:60px; }
.b_sec_02 .b_port_list li .b_img_box {position: relative; transition:box-shadow .45s; overflow: hidden;}
.b_sec_02 .b_port_list li .b_img_box img{display: block; width: 100%;transition:transform .5s;}
.b_sec_02 .b_port_list li .b_txt_box span{display:block; margin:20px 0 5px; color:#888; transition: .2s;  }
.b_sec_02 .b_port_list li .b_txt_box h5{display: flex; align-items: flex-start; transition: .2s; }
.b_sec_02 .b_port_list li .b_txt_box img{margin-left:30px; margin-top:5px; opacity:0; transform:translate(-5px, 5px); transition: .45s; }
.b_sec_02 .b_port_list li:hover .b_img_box {box-shadow: 5px 5px 40px rgba(156,23,51,.27); transition:box-shadow .45s;}
.b_sec_02 .b_port_list li:hover .b_img_box img{transform:scale(1.1); transition:transform .5s;}
.b_sec_02 .b_port_list li .b_img_box::after {content:''; width:0; height:4px; background-color: #e40d3a; position:absolute; right:0; bottom:0; transition:width .45s; z-index: 10;}
.b_sec_02 .b_port_list li:hover .b_img_box::after {width:100%; left:0;}
.b_sec_02 .b_port_list li:hover .b_txt_box img{transform:translate(0, 0); opacity:1; }
.b_sec_02 .b_port_list li:hover .b_txt_box h5{color:#e40d3a; transition: .2s; }
.b_sec_02 .b_port_list li:hover .b_txt_box span{color:#333; transition: .2s; }
.b_sec_02 .b_more_btn{color:#e40d3a; border:1px solid #e40d3a;}
.b_sec_02 .b_more_btn img{width:11px; margin-left:8px;}


@media screen and (max-width:1280px) {
    .b_sec_02 {padding:120px 0; }
    .b_sec_02 .b_tit_box h2 {margin-bottom: 45px;}
    .b_sec_02 .b_tit_box {margin-bottom: 100px;}
}
@media screen and (max-width:1080px){
    .b_sec_02 .b_port_list li .b_txt_box h5{font-size: 20px;}
}

@media screen and (max-width:870px){
    .b_sec_02 .b_port_list li{width: 48.5%; margin-bottom: 50px; margin-right: 3%;}
    .b_sec_02 .b_port_list li:nth-child(3n){margin-right:3%; }
    .b_sec_02 .b_port_list li:nth-child(5){margin-top:0px; }
    .b_sec_02 .b_port_list li:nth-child(8){margin-top:0px; }
		.b_sec_02 .b_port_list li:nth-child(11){margin-top:0px; }
    .b_sec_02 .b_port_list li:nth-child(2n){margin-top:30px; margin-right:0; }
}

@media screen and (max-width:720px){
    .b_sec_02 {padding:80px 0; }
    .b_sec_02 .b_tit_box{align-items: flex-start;margin-bottom: 60px;}
    .b_sec_02 .b_tit_box h2 {margin-bottom: 30px; }
    .b_sec_02 .b_tit_box h2 img{width: 35px;}
		.b_sec_02 .b_tit_box p{text-align:left;}
    .b_sec_02 .b_port_list li .b_txt_box img{width:11px;}
    .b_sec_02 .b_more_btn img{width:9px; margin-left: 4px}
}

@media screen and (max-width:480px){
    .b_sec_02 .b_port_list li{width: 100%; margin-right:0;}
    .b_sec_02 .b_port_list li:nth-child(3n){margin-right:0; }
    .b_sec_02 .b_tit_box h2 {font-size: 35px;}
    .b_sec_02 .b_tit_box h2 img {width: 25px;}
    .b_sec_02 .b_tit_box .b_txt_box p {word-break: keep-all;}
}




.b_sec_03{background-color: #000; padding:100px 0; overflow:hidden; }
.b_sec_03 .b_tit_box{color:#fff; display: flex; align-items: center; justify-content: center; margin-bottom: 95px;}
.b_sec_03 .b_tit_box .b_left_txt{padding-right:40px; }
.b_sec_03 .b_tit_box .b_right_txt1{padding-right:12px; }
.b_sec_03 .b_cont_box{margin-bottom: 90px;}
.b_sec_03 .b_txt_slide {width:320px; height:90px; overflow:hidden; border-bottom: 4px solid #fff;  }
.b_sec_03 .b_txt_slide ul li{display: flex; justify-content: center; align-items: center;}
.b_sec_03 .b_txt_slide ul li p{text-align: center ; vertical-align: middle;}
.b_sec_03 .b_txt_slide ul li i{position: relative; padding-top: 10px;}
.b_sec_03 .b_txt_slide ul li i:after{content:''; width:6px; height:6px; background-color: #e40d3a; border-radius: 50%; position:absolute; left:50%; transform:translateX(-50%); top:0; }
.b_sec_03 .b_partner_01{margin-bottom:20px;}
.b_sec_03 .b_part_swiper .swiper-wrapper{transition-timing-function: linear; }
.b_sec_03 .b_part_swiper ul li{background-color: rgba(255,255,255,.1); border-radius:10px; display: flex; justify-content: center; width:250px;}
.b_sec_03 .b_part_swiper ul li img{max-width: 100%;}
.b_sec_03 .b_more_btn{color:#fff; border:1px solid #e40d3a; background-color: #e40d3a;}
.b_sec_03 .b_more_btn img{width:11px; margin-left:8px;}


@media screen and (max-width:1280px) {
    .b_sec_03 .b_tit_box > p{font-size: 35px;}
    .b_sec_03 .b_txt_slide ul li p{font-size: 40px;}
    .b_sec_03 .b_txt_slide {width: 250px; height: 70px;}
}

@media screen and (max-width:1080px) {
    .b_sec_03 .b_tit_box{flex-wrap: wrap;}
    .b_sec_03 .b_tit_box .b_left_txt{width:100%; padding-right:0; text-align: center; margin-bottom:10px;}
    .b_sec_03 .b_txt_slide{height: 60px; border-bottom: 3px solid #fff;}
    .b_sec_03 .b_txt_slide ul li p{font-size: 35px;}
    .b_sec_03 .b_txt_slide ul li i{padding-top: 5px;}
    .b_sec_03 .b_txt_slide ul li i:after{width:4px; height:4px; }
    
}

@media screen and (max-width:720px) {
    .b_sec_03{padding:80px 0;}
    .b_sec_03 .b_tit_box{margin-bottom: 70px;}
    .b_sec_03 .b_tit_box > p{font-size: 28px;}
    .b_sec_03 .b_txt_slide {width: 200px; height:47px; }
    .b_sec_03 .b_txt_slide ul li p{font-size: 28px;}
    .b_sec_03 .b_partner_01 {margin-bottom: 10px;}
    .b_sec_03 .b_part_swiper ul li{border-radius: 5px; width: 190px;}
    .b_sec_03 .b_cont_box {margin-bottom: 50px;}
    .b_sec_03 .b_more_btn img {width: 9px; margin-left: 4px;}
}

@media screen and (max-width:454px) {
    .b_sec_03 .b_tit_box .b_right_txt2{padding-top:12px; }
}



.b_sec_04{padding:130px 0; overflow:hidden; background-color: #fff;}
.b_sec_04 .b_inner{display: flex; align-items: flex-start; justify-content: space-between;}
.b_sec_04 .b_left_box{padding-right: 80px;}
.b_sec_04 .b_right_box{max-width: 760px;width: 100%;}
.b_sec_04 .b_tit_box h2{margin-bottom: 90px; display: flex; align-items: flex-start;}
.b_sec_04 .b_tit_box h2 b{margin-left: 17px; display: flex; align-items: flex-start;}
.b_sec_04 .b_tit_box h2 b img{margin-left: 3px;}
.b_sec_04 .b_left_box .b_tit_box p{line-height: 1.4; word-break: keep-all; text-align:left;}
.b_sec_04 fieldset{border:0; }
.b_sec_04 .b_form_tit{border-bottom:1px solid #000; padding-bottom:7px; margin-bottom: 25px; ; }

.b_sec_04 .b_bot_box .b_chk_list {display: flex; flex-wrap: wrap;}
.b_sec_04 .b_bot_box .b_chk_list label{margin-right: 25px; word-break: keep-all;margin-bottom: 5px;}
.b_sec_04 .b_bot_box .b_chk_list label:last-child{margin-right: 0;}
.b_sec_04 .b_bot_box .b_chk_list [type="radio"]{appearance: none; width:19px; height:19px; border-radius: 3px; background-color: #f1f1f1; vertical-align: middle;}
.b_sec_04 .b_bot_box .b_chk_list [type="radio"]:checked{background-color: #e40d3a; position: relative;}
.b_sec_04 .b_bot_box .b_chk_list [type="radio"]:checked:after{content:''; width:12px; height:10px; background: url(/img/icon/b_chk_icon.png) no-repeat center; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }

.b_sec_04 .b_form_list {display: flex; flex-wrap: wrap; justify-content: space-between; }
.b_sec_04 .b_form_list li{width:100%; margin-bottom: 15px;}
.b_sec_04 .b_form_list li p{margin-bottom: 10px;}
.b_sec_04 .b_form_list .b_half{width:49%; }
.b_sec_04 .b_form_list .b_input_box{width:100%; }
.b_sec_04 .b_form_list .b_input_box input{width:100%; border: 0; outline: 0; background-color:#f9f9f9 ; height:55px; border-radius: 5px; padding:0 15px; }
.b_sec_04 .b_form_list .b_input_box input.lh_55 {line-height:55px;}
.b_sec_04 .b_form_list .b_input_box textarea{width:100%; background-color:#f9f9f9 ; height:150px; border-radius: 5px; padding:15px; border: 0; outline: 0; resize:none;}
.b_sec_04 .b_form_list .b_policy_btn {display:flex; align-items: center; margin-top:7px;  }
.b_sec_04 .b_form_list .b_policy_btn input{margin-right: 5px;;}
.b_sec_04 .b_bot_box .b_form_cont {display: none;}
.b_sec_04 .b_bot_box .b_form_tit{display: flex; justify-content: space-between; cursor:pointer; } 
.b_sec_04 .b_bot_box .b_open_btn span{color: #e40d3a;}
.b_sec_04 .b_bot_box .b_open_btn{display: flex; align-items: center;}
.b_sec_04 .b_bot_box .b_open_btn img{margin-left:7px; transition:transform .5s;}
.b_sec_04 .b_bot_box .b_open_btn.open img{transform:rotate(180deg); transition:transform .5s;}
.b_sec_04 .b_bot_box select{width:100%; height: 55px; background-color:#f9f9f9 ; border-radius: 5px; padding:15px; border: 0; outline: 0; appearance: none;}
.b_sec_04 .b_bot_box select option{margin-bottom: 5px;}
.b_sec_04 .b_bot_box .b_input_box{position: relative}
.b_sec_04 .b_bot_box .b_arw_icon{position: absolute; right:15px; top:50%; transform:translateY(-50%); z-index: 5;}
.b_sec_04 .b_btn_box{ display: flex; justify-content: center; margin-top: 20px;;}
.b_sec_04 .b_btn_box button{color:#e40d3a; display: flex; align-items: center; justify-content: center; max-width:350px; width:100%; height:75px; border:1px solid #e40d3a ; border-radius: 50px; transition:background-color .3s;}
.b_sec_04 .b_btn_box button img{margin-left: 12px; transition:margin-left .3s, transform .3s;}
.b_sec_04 .b_btn_box button:hover{background-color: #e40d3a; color:#fff; transition:background-color .3s;}
.b_sec_04 .b_btn_box button:hover img{filter: brightness(0) invert(1); margin-left: 30px;  transform:rotate(45deg); transition:margin-left .3s, transform .3s;}




@media screen and (max-width:1080px) {
    .b_sec_04 .b_inner{flex-direction: column; justify-content: center; align-items: center; }
    .b_sec_04 .b_left_box{padding-right: 0; margin-bottom: 80px;}
    .b_sec_04 .b_tit_box p{text-align: center;}
    .b_sec_04 .b_tit_box h2 {margin-bottom: 50px;}
    .b_sec_04 .b_tit_box h2 b img {width: 22px; margin-left: 5px; }
		.b_sec_04 .b_left_box .b_tit_box p{text-align:center; }
}

@media screen and (max-width: 720px){
    .b_sec_04{padding:70px 0;}
    .b_sec_04 .b_tit_box h2 {margin-bottom: 25px;}
    .b_sec_04 .b_top_box .b_chk_list [type="radio"]{width: 15px; height:15px;}
    .b_sec_04 .b_form_list .b_input_box input{height: 45px; padding: 0 10px;}
    .b_sec_04 .b_bot_box select{height: 45px; padding: 0 10px;}
    .b_sec_04 .b_form_list .b_input_box textarea{height: 100px;}
    .b_sec_04 .b_btn_box button{max-width: 200px; height: 60px;}
    .b_sec_04 .b_btn_box button img{width: 12px; margin-left: 7px;}
}

@media screen and (max-width:480px) {
    .b_sec_04 .b_tit_box h2 b img{width:25px; }
    .b_sec_04 .b_form_list li{margin-bottom: 10px;}
}

@media screen and (max-width:400px) {
    .b_sec_04 .b_top_box .b_chk_list label{width: 50%; margin-right:0; }
    .b_sec_04 .b_form_list .b_half{width: 100%;}
}




#b_footer {background-color: #000; padding:100px 0; border-top:1px solid rgba(255,255,255,.2)}
#b_footer .b_inner{display: flex; justify-content: space-between; }
#b_footer address span{color:#777777; line-height: 1.5; position: relative; margin-right:25px; }
#b_footer address span.b_line::after{content: ''; width:1px ; height:60%; background-color: #777; position:absolute; right:-14px; top:54%; transform:translateY(-50%); }
#b_footer .b_ft_left{display: flex; flex-direction: column; justify-content: space-between;}
#b_footer .b_ft_left .b_bot_box p{color: #777; margin-bottom:5px;  }
#b_footer .b_ft_left .b_policy_list{display: flex; align-items: center; color:#fff; }
#b_footer .b_ft_left .b_policy_list li:first-child{margin-right:25px; position: relative; }
#b_footer .b_ft_left .b_policy_list li:first-child::after{content: ''; width:1px ; height:50%; background-color: #fff; position:absolute; right:-14px; top:54%; transform:translateY(-50%); }
#b_footer #b_gnb > li{margin-bottom: 25px;}
#b_footer #b_gnb > li .b_sub_menu{display:none;}
#b_footer #b_gnb > li:last-child{margin-bottom: 0;}
#b_footer #b_gnb > li > a{color:#fff; font-weight: bold; transition:.15s;}
#b_footer #b_gnb > li:hover > a{color:#e40d3a; transition:.15s;}
#b_footer .b_ft_right {display: flex; flex-wrap: wrap;}
#b_footer .b_ft_right > div{color:#fff; }
#b_footer .b_ft_right .b_tit_box{margin-bottom:50px; }
#b_footer .b_ft_right .b_title a{display: flex; align-items: center; color:#fff; width: fit-content;}
#b_footer .b_ft_right .b_title h4{margin-right:15px;}
#b_footer .b_ft_right .b_title button{display: flex; align-items: center; justify-content: center; width: 25px; height: 25px; border-radius: 5px; background-color: #e40d3a ; transition:.2s;}
#b_footer .b_ft_right .b_title button img{transition:.2s;}
#b_footer .b_ft_right .b_title button:hover{background-color: #c20830 ;  transition:.2s;}
#b_footer .b_ft_right .b_title button:hover img{transform:rotate(45deg); transition:.2s;}
#b_footer .b_ft_right .b_number{color:#fff; margin-top:25px; }
#b_footer .b_ft_right .b_time_info li{color:#999;display: flex; align-items: center; padding-bottom:5px; }
#b_footer .b_ft_right .b_time_info li:last-child{padding-bottom:0; }
#b_footer .b_ft_right .b_time_info p{width: 140px; }
#b_footer .b_bank_box {color:#fff; } 
#b_footer .b_account_box{margin-bottom: 40px;}
#b_footer .b_cont_txt {margin-top: 25px; color:#fff; }
#b_footer .b_cont_txt span{display: block; word-break: keep-all; line-height: 1.3;}



#b_footer .b_ft_right .b_tit_box {margin-bottom: 25px;}
#b_footer .b_ft_right .b_num_info {margin-top: 25px;}
#b_footer .b_ft_right .b_num_info li{margin-bottom:10px;}
#b_footer .b_ft_right .b_num_info li b{display:block; padding-bottom:5px;}
#b_footer .b_ft_right .b_num_info li i{margin:0 5px; opacity:.3; }
#b_footer .b_account_box {margin-bottom: 60px;}
#b_footer #b_gnb > li {margin-bottom: 40px;}



#b_footer .b_cs_link{display:flex; align-items:center; justify-content: center; width: 220px; height: 55px; background-color: #e40d3a; border-radius: 50px; margin:0 auto; margin-top:20px; }
#b_footer .b_cs_link img{margin-left:7px; transition:.3s;  }
#b_footer .b_cs_link:hover img{margin-left:12px; transition:.3s; transform:rotate(45deg); }

#b_footer .b_ft_right .b_num_info li p span{color:#999;}


@media screen and (max-width: 1080px){
    #b_footer {padding: 50px 0; }
    #b_footer .b_inner{flex-direction: row-reverse; flex-wrap: wrap;}
		#b_footer nav{display: none;}
    #b_footer .b_ft_right .b_tit_box {margin-bottom: 20px;}
    #b_footer .b_ft_right .b_title a{margin:0 auto; }
    #b_footer .b_ft_right .b_title h4 {margin-right: 7px; }
    #b_footer .b_ft_right .b_number{text-align: center; margin-top: 15px;}
    #b_footer .b_ft_right .b_title button{width: 20px; height: 20px; border-radius: 2.5px;}
    #b_footer .b_ft_right .b_title button img{width: 9px;}
    #b_footer .b_ft_right .b_time_info p {width: 110px;}
    #b_footer address {text-align: center; }
    #b_footer address span.b_line_x::after{display: none;}
    #b_footer address span{margin-right:0;}
    #b_footer address span:first-child{margin-right:20px;}
    #b_footer address span.b_line::after{right: -12px;}
    #b_footer .b_ft_left .b_bot_box {margin-top:20px}
    #b_footer .b_ft_left .b_bot_box p{text-align: center;}
    #b_footer .b_ft_left .b_policy_list{justify-content: center;}
    #b_footer .b_ft_left{width: 100%; margin-bottom: 40px;}
    #b_footer .b_ft_right{width: 50%; justify-content: center;}
    #b_footer .b_bank_box{width: 50%; text-align: center; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: space-between;}
    #b_footer .b_bank_box > div{width:50%; }
		#b_footer .b_ft_right .b_num_info li p{text-align: center;}
		#b_footer .b_cs_link{width:100%; max-width:200px; height: 35px;}
		#b_footer .b_cs_link img{width: 9px;}
}


@media screen and (max-width: 720px){
	 #b_footer {padding-bottom:80px;}
}

@media screen and (max-width: 580px){
    #b_footer .b_inner{justify-content: center;}
    #b_footer .b_ft_right{width: 100%; }
    #b_footer .b_bank_box{width: 100%; flex-direction: row; align-items: flex-start;}
		#b_footer .b_account_box {margin-bottom: 40px;}
		#b_footer .b_cs_link{max-width:150px;}
}




/*pop_up 개인정보처리방침 및 이용약관 */
.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: 40px; border-radius: 20px;}
.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;}
.pop_content p i{display: block;}
.pop_content p i b{font-weight: 500;}
.pop_close{position: absolute;top: 0;right: 0;width: 20px;height: 20px;}
.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);}


@media screen and (max-width: 720px){
	.k_pop_inner{padding: 20px; border-radius: 10px;}
	.pop_content p {font-size:12px;}
}















.br_720o{display: none;}

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

}

.br_480o{display: none;}

@media screen and (max-width: 480px){
    .br_480x{display: none;}
    .br_480o{display: block;}

}





/*231121 메인 영상추가 및 수정*/
.b_mv_vid{width:100%; height:100vh; display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden;}
.b_mv_vid video{width:100%; object-fit: cover; height: 100%;}
.b_mv_vid .b_inner{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); color:#fff; width:100%; height:100%; max-width:unset; display:flex; align-items:center; justify-content:center; flex-direction:column; z-index:10; }
.b_mv_vid .b_inner:after{content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background-color:rgba(0,0,0,.6); z-index:-1;  width:150%; height:150%;}
.b_mv_vid .b_tit_txt {text-align:center; position:relative; transform:translateY(40px); opacity:.2; }
.b_mv_vid .b_tit_txt b{position: relative; }
.b_mv_vid .b_tit_txt img{ position:absolute; top:-15px; right:-90px; }
.b_mv_vid .b_sub_txt {padding-top:20px; transform:translateY(40px); opacity:.2; }

.b_mv_vid .b_inner.on .b_tit_txt {transform:translateY(0px); opacity:1; transition:1s;}
.b_mv_vid .b_inner.on .b_sub_txt {transform:translateY(0px); opacity:1; transition:1s; transition-delay: .3s;}


@media screen and (max-width: 1080px){ 
	.b_mv_vid{height:80vh; } 
	.b_mv_vid .b_tit_txt {font-size: 62px;}
	.b_mv_vid .b_tit_txt img{width: 50px; top: -4px; right: -60px;}
}


@media screen and (max-width: 720px){ 
	.b_mv_vid{height:70vh; }  
	.b_mv_vid .b_tit_txt {font-size: 42px;}
	.b_mv_vid .b_tit_txt img{width: 35px; right: -44px;}

}


#b_footer .b_ft_right .b_num_info li p span strong{color: #e5385c;}




/*230109*/
.b_sec_04 .b_form_list .b_input_box.b_input_wid {display:flex; justify-content:space-between; align-items:center; background-color: #f9f9f9; border-radius: 5px;}
.b_sec_04 .b_form_list .b_input_box.b_input_wid input{width:80%; }
.b_sec_04 .b_form_list .b_input_box.b_input_wid span{width:auto; margin-right:15px; color:#888; }

#inquiry_pop{position:fixed; width:100%; height:100%; z-index:30; left: 0;
 top: 0; background-color:rgba(0,0,0,.6); display:none; }
#inquiry_pop .b_pop_wrap{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width: 1520px; margin: 0 auto; width: 94%; border-radius:30px; overflow: hidden;}
#inquiry_pop .b_close_btn{width:30px; height:30px; display:flex; align-items:center; position:absolute; right:30px; top:30px; }
#inquiry_pop .b_close_btn span{display:block; width:100%; height:2px; background-color:#888; position:relative; transform:rotate(-45deg); transition:.3s; }
#inquiry_pop .b_close_btn span:after{content:''; width:100%; height:100%;  top:50%; transform:translateY(-50%) rotate(90deg); position:absolute; left:0; background-color:#888; transition:.3s; }

#inquiry_pop .b_close_btn:hover span{ transform:rotate(0); transition:.3s; }
#inquiry_pop .b_close_btn:hover span:after{transform:translateY(-50%) rotate(0); transition:.3s; }
#inquiry_pop .b_sec_04{padding: 80px 0;}


@media screen and (max-width: 1080px){ 
	 #inquiry_pop .b_pop_wrap{overflow-y:scroll; height:700px; }
}

@media screen and (max-width: 720px){ 
	 #inquiry_pop .b_close_btn {width: 22px; height: 22px;right: 20px; top: 20px;}
}





/*240112*/
.b_sec_04 .b_top_box .b_form_list .b_half {width: 32.5%;}


.b_sec_02 .b_port_list li > a{display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.b_sec_02 .b_port_list li .b_img_box > a:before{content:''; width:100%; height:100%; background-color:#000; position:absolute; left:0; top:0; opacity:0; z-index:10; transition: .45s;}
.b_sec_02 .b_port_list li:hover .b_img_box > a:before{opacity:.6; transition: .45s; }
.b_sec_02 .b_port_list li:hover .b_link_wrap{opacity:1; transition: .4s;}


.portfolio_01 .b_port_list li > a{display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.portfolio_01 .b_port_list li .b_img_box > a:before{content:''; width:100%; height:100%; background-color:#000; position:absolute; left:0; top:0; opacity:0; z-index:10; transition: .45s;}
.portfolio_01 .b_port_list li:hover .b_img_box > a:before{opacity:.6; transition: .45s; }
.b_port_list .b_link_wrap{position:absolute; left:50%; top: 50%;
 transform: translate(-50%,-50%); width:100%; z-index:10; transition: .2s; opacity:0; transition: .4s;}
.b_port_list .b_link_wrap .b_link_btn{border-radius:30px; background-color:rgba(255,255,255,.8); color:#000; display:flex; align-items:center; justify-content:center; padding:8px 16px; font-size:0.874rem; font-weight:500; width:fit-content; }
.b_port_list .b_link_wrap .b_site_link{margin-right:5px; background-color:#e40d3a; color:#fff; }
/*.b_port_list li:hover .b_link_wrap {bottom:20px; transition: .4s;}*/
.b_port_list .b_link_wrap .b_hover_btn{display:flex; justify-content:center; }

.b_port_list .b_link_wrap .b_hover_txt{width:100%; text-align:center; color:#fff;  }
.b_port_list .b_link_wrap .b_hover_txt h6{margin:10px 0; }
.b_port_list .b_link_wrap .b_hover_txt span i:first-child{margin-right: 28px;
 position: relative;}
.b_port_list .b_link_wrap .b_hover_txt span i:first-child:after {content: ''; position: absolute; right: -16px; top: 50%; transform: translateY(-50%); width: 1px; height: 12px; background-color: #ccc;}

.portfolio_01 .b_port_list li:hover .b_link_wrap{opacity:1; transition: .4s;}

@media screen and (max-width:720px){ 
	 .b_port_list .b_link_wrap .b_link_btn{padding: 6px 10px;}
}

@media screen and (max-width:460px){ 
	 .b_sec_04 .b_top_box .b_form_list .b_half {width: 100%;}

	 .b_port_list .b_link_wrap .b_hover_txt span i:first-child {margin-right: 15px;}
	 .b_port_list .b_link_wrap .b_hover_txt span i:first-child:after{right: -10px;}
}