.section .inner{
    height: calc(100% - 60px - 80px);
    margin-top: 140px;
}

.sub_banner ~ .section .inner{
    margin-top: 0;
}

.section.sec1.tab_board{
    height: fit-content;
}

#center_head { width: 100%; height: 40px; background:#d8b267; align-items: center; font-weight: bold; position: fixed; top: 0; left: 0; z-index: 5; } 
#center_head h3 { font-weight:600; color: #fff; font-size: 17px; letter-spacing:0.5px;} 

.blink{animation: blinks 1.2s infinite; color:#fff;}
@keyframes blink{
	from{opacity: 0;}
	to{opacity: 1;}
}
#center_head+#header{    top: 40px;}
.button{top: 40px;}
.nav{top: 0px}

.section .mainSwiper h4.mg-btm-30{
    margin-bottom: 30px;
}
.section .mainSwiper .txt_wrap h5.fs-30{
    font-size: 30px;
    line-height: 46px;
    word-break: keep-all;
        letter-spacing: 1px;
}

.sub_banner{
    margin-top: 120px;
}
#section11{
    background: url(/img/kb/main_sec11_bg.png) no-repeat;
    background-position: center;
    background-size: cover;
}

#section11 .swiper{
    width: 100%;
}

#section11 .swiper .success_con{
    padding: 36px;
    text-align: left;
    font-size: 18px;
    border: 1px solid #555;
    gap: 20px;
    background: rgba(255,255,255,0.5);
}

#section11 .tab_wrap li{
    background: rgba(255, 255, 255, .5);
}
#section11 .tab_wrap li.active{
    background: var(--main-c);
}

#section11 .swiper .success_con .img_wrap{
    width: 250px;
    height: 360px;
    background: #cecece;
    display: flex;
}

#section11 .swiper .success_con .txt_wrap{
    width: calc(100% - 250px);
}

#section11 .swiper .pan{
    padding: 4px 10px;
    background: var(--main-c);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: fit-content;
}

#section11 .swiper .title{
    font-size: 22px;
    margin: 10px 0;
    font-weight: 900;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

#section11 .swiper .bo_cnt{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

#section11 .swiper .success_con h6{
    display: flex;
    margin: 20px 0 10px 0;
    font-weight: 600;
}

#section11 .swiper .lawyers{
    gap: 10px;
    flex-wrap: wrap;
    height: 120px;
    overflow: auto;
}

#section11 .swiper .lawyers .item{
    width: 45px;
    position: relative;
    height: 55px;
    overflow: hidden;
    border-radius: 4px;
}

#section11 .swiper .lawyers .tooltip{
    position: absolute;
    width: 100%;
    padding: 2px;
    background: #fff;
    border: 1px solid var(--main-c);
    border-radius: 4px;
    text-align: center;
    bottom: 0;
    left: 0;
    font-size: 12px;
    display: none;
}

#section11 .swiper .lawyers .item:hover .tooltip{
    display: block;
}

/*건설·부동산*/
#section0 .slide_111 { background:url(/img/kb/main_slide111.png) no-repeat; background-size:cover; background-position:center } 
#section0 .slide_112 { background:url(/img/kb/main_slide112.png) no-repeat; background-size:cover; background-position:center } 

#section1.sub101{   
    background: url(/img/kb/main_sec2_bg101.png) no-repeat;
    background-size: cover;
    background-position: center;}
/*건설·부동산*/

/*금융범죄*/
#section0 .slide_21 { background:url(/img/kb/main_slide21.png) no-repeat; background-size:cover; background-position:center } 
#section0 .slide_22 { background:url(/img/kb/main_slide22.png) no-repeat; background-size:cover; background-position:center } 
/*금융범죄*/

/*민사*/
#section0 .slide_31 { background:url(/img/kb/main_slide31.png) no-repeat; background-size:cover; background-position:center } 
#section0 .slide_32 { background:url(/img/kb/main_slide32.png) no-repeat; background-size:cover; background-position:center } 
/*민사*/

/*성범죄*/
#section0 .slide_41 { background:url(/img/kb/main_slide41.png) no-repeat; background-size:cover; background-position:center } 
#section0 .slide_42 { background:url(/img/kb/main_slide42.png) no-repeat; background-size:cover; background-position:center } 
/*성범죄*/

/*소액손해배상*/
#section0 .slide_51 { background:url(/img/kb/main_slide51.png) no-repeat; background-size:cover; background-position:center } 
#section0 .slide_52 { background:url(/img/kb/main_slide52.png) no-repeat; background-size:cover; background-position:center } 
/*현재 금융이랑 같이 사용*/
/*소액손해배상*/

/*음주운전*/
#section0 .slide_61 { background:url(/img/kb/main_slide61.png) no-repeat; background-size:cover; background-position:center } 
#section0 .slide_62 { background:url(/img/kb/main_slide62.png) no-repeat; background-size:cover; background-position:center } 
/*음주운전*/

/*이혼가사*/
#section0 .slide_71 { background:url(/img/kb/main_slide71.png) no-repeat; background-size:cover; background-position:center } 
#section0 .slide_72 { background:url(/img/kb/main_slide72.png) no-repeat; background-size:cover; background-position:center } 
/*이혼가사*/

/*학교폭력*/
#section0 .slide_81 { background:url(/img/kb/main_slide81.png) no-repeat; background-size:cover; background-position:center } 
#section0 .slide_82 { background:url(/img/kb/main_slide82.png) no-repeat; background-size:cover; background-position:center } 


/*학교폭력*/

/*형사*/
#section0 .slide_91 { background:url(/img/kb/main_slide91.png) no-repeat; background-size:cover; background-position:center } 
#section0 .slide_92 { background:url(/img/kb/main_slide92.png) no-repeat; background-size:cover; background-position:center } 
/*형사*/

/*회생·파산*/
#section0 .slide_101 { background:url(/img/kb/main_slide101.png) no-repeat; background-size:cover; background-position:center } 
#section0 .slide_102 { background:url(/img/kb/main_slide102.png) no-repeat; background-size:cover; background-position:center } 

#section1.sub101{   
    background: url(/img/kb/main_sec2_bg101.png) no-repeat;
    background-size: cover;
    background-position: center;}
/*회생·파산*/



@media (max-width: 860px) {
	#center_head+#header{top:30px;}
	.button{top: 30px;}
    .sub_banner {
        margin-top: 90px;
    }
    .section .inner {
        height: auto;
        margin-top: 0;
        padding: 100px 0;
    }
}


@media all and (max-width: 620px){
    #section11 .swiper .success_con{
        flex-direction: column;
    }
    #section11 .swiper .success_con .img_wrap{
        margin: 0 auto;
    }
    #section11 .swiper .success_con .txt_wrap{
        width: 100%;
    }
    .section .mainSwiper .txt_wrap h5.fs-30{
        font-size: 3.6vw;
        line-height: 5vw;
        
    }
}

@media all and (max-width: 500px){
	#center_head{height:30px;}
    #center_head h3{
        /*font-size: 5vw;*/
		font-size:15px;
    }
    .section .inner {
        margin-top: 0;
    }
	.fp-viewing-2 #fullpage .txt_wrap .tit .ani2 br {display:block;}
}


@media all and (max-width: 370px){
    #section11 .swiper .success_con .img_wrap{
        width: 100%;
        height: auto;
    }
}