@charset "utf-8";

/* banner */
.banner{position: relative; width: 100%; height: 924px;}
.bn_list{position: relative; width: 100%; height: 850px;}
.bn_list .bn_img{position: relative; width: 100%; height: 850px; }
.bn_list .bn_img .bn_txt_wrap{width: 1440px; margin: 0 auto;/* padding: 300px 0 0 280px;  */color: #fff;}
.bn_txt_wrap .bn_txt{padding: 300px 0 0 30px;}
.bn_txt_wrap .bn_txt p { transition:all 0.2s; }
.bn_txt_wrap .bn_txt p:nth-child(1){margin-bottom: 35px; font-size: 3.5em; line-height: 1.1em;}
.bn_txt_wrap .bn_txt p:nth-child(1) span{font-weight: bold;}
.bn_txt_wrap .bn_txt p:nth-child(1) span em{color: #ffcf00;}
.bn_txt_wrap .bn_txt p:nth-child(2){font-size: 1.5em; line-height: 1.5em;}
.bn_bottom_bar{display: flex; justify-content: space-between; position: relative; z-index: 888; width: 1440px; height: 146px; margin: -74px auto 0; background: #ffcf00; box-sizing: border-box;
	box-shadow: 0 1px 14px rgb(0 0 0 / 30%), 0 0 40px rgb(0 0 0 / 15%) inset; z-index:10;
}

.bn_bottom_bar{ overflow:hidden; }
.bn_bottom_bar>div{ height: 146px; padding: 60px 0px; box-sizing: border-box; text-align:center;}
.bn_bottom_bar>div p{ font-size: 1.85em; }
.bn_bottom_bar>div.txt{ border-right: 1px solid #fff; font-weight:600; width:40%; animation-duration:2s; animation-name:fadeIn; }
.bn_bottom_bar>div.call{display: flex; font-weight:600; width:60%; text-align:center; padding-left:80px; border-left:3px solid #ebbe00;}
.bn_bottom_bar>div.call p{display: flex; margin-right: 15px; animation-duration: 1.8s; animation-name: slideup; }

.bn_bottom_bar>div.call p span { display:inline-block; margin-left:10px;}
.bn_bottom_bar>div.call p:nth-child(1):before{content: ''; width: 30px; height: 30px; margin-right: 25px; background: url(../img/call.png) no-repeat center center; }
.bn_bottom_bar>div.call p:nth-child(1):after{content: ' · ';}

@keyframes fadeIn {
	0% {
		opacity:0;
	}
	30% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}
@keyframes slideup {
  0% {
    margin-top: 0px;
	opacity:0;
  }
  30% {
    margin-top: -30px;
	opacity:0;
  }
  100% {
    margin-top: 0%;
	opacity:1;
  }
}
/* sec 공통 --------------------------------------------------------------------------------------*/
.sec_bg{padding: 100px 0; box-sizing: border-box; }
.sec{width: 1440px; margin: 0 auto;}
.sec .sec_tit{width: 1440px; margin: 0 auto; padding: 0 0 50px; text-align: center;}
.sec .sec_tit h2{margin-bottom: 24px; font-size: 2.5em; font-weight: bold; color: #222;}
.sec .sec_tit p{font-size: 1.4em; color: #666;}
/*----------------------------------------------------------------------------------------------*/
.sec01_bg{background-color: #f4f4f4; margin-top: -74px; height: 706px;}
.sec01 .sec_tit{padding: 74px 0 50px;}
.sec01_cont{ text-align:center; }
.sec01_cont ul{display: inline-block; text-align:center; margin:auto;  /* justify-content: space-between; */} 
.sec01_cont ul li{ display:inline-block; margin:0 15px; }
.sec01_cont ul li a{display: block; position: relative;}
.sec01_cont .img { -webkit-filter: brightness(0.50);filter: brightness(0.50); transition: all 0.3s; } 
.sec01_cont .txt{position: absolute; bottom: -10px; left: 50%; transform: translate(-50%,0); width: 90%; padding: 30px 40px; margin: 0 auto; background: #fff; opacity: 0.8; border-radius: 10px; text-align: center; font-size: 1em; line-height: 1em; box-sizing: border-box; transition: all 0.5s;}
.sec01_cont ul li:hover .img { -webkit-filter: brightness(1);filter: brightness(1);  } 
.sec01_cont ul li:hover .txt {background: #ffcf00; opacity: 0.8; bottom:85px; border-radius:0;  }
.sec01_cont .txt p{margin-bottom: 0px; font-size: 1.25em; font-weight: 500;}

.sec02_cont .img_box{ position:relative; width: 25%; height: 507px; background: url(../img/main_lawyer_bg.jpg) no-repeat center center; overflow:hidden; }
.sec02_cont .img_box img { position:absolute; width:100%; float:left; bottom:0; }

.sec03_bg{width: 100%; height: 778px; background: url(../img/main_advice_bg.jpg) no-repeat center center; background-size: cover;}
.sec03 .sec_tit h2,.sec03 .sec_tit p{color: #fff;}
.sec03_cont h3{margin-bottom: 21px; font-size: 24px; font-family: WebNotoSans; word-spacing: -4px; text-align: center; color: #ffffff;}
.sec03_cont{width: 1440px;}
.sec03_cont>div{float: left; margin-right: 15px;}
.sec03_cont .cont03_box{width: 460px; height: 349px; background-color: #ffffff;}
.sec03_cont .cont03_box_padding{position: relative; width: 384px; height: 278px; padding: 35px;}
.sec03_cont .cont03_box a.more ,
.sec03_cont .cont03_box button.more {display: block; position: absolute; bottom: 35px; width: 384px; height: 57px; background-color: #ffcf00; color: #ffffff; font-size: 18px; text-align: center; line-height: 57px; border: none;}


.sec03_cont .cont01{margin-left: 15px;}
.sec03_cont .cont01 .cont03_box .notice{width: 100%; font-family: WebNotoSans; font-size: 18px;}
.sec03_cont .cont01 .cont03_box .notice div{margin-bottom: 15px;}
.sec03_cont .cont01 .cont03_box .notice span{float: left; display: block; width: 85px; margin-right: 10px; color: #14345b; font-size: 16px;}
.sec03_cont .cont01 .cont03_box .notice span:last-child{margin-bottom: 0;}
.sec03_cont .cont01 .cont03_box .notice div a{float: left; display: block; width: 209px; margin-right: 10px; color: #000000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.sec03_cont .cont01 .cont03_box>a{display: block; text-align: center; color: #14345b;}
.sec03_cont form input{outline: 0; border: 1px solid #d8d8d8; background-color: #f5f5f5;}
.sec03_cont form label{font-size: 18px; }
.sec03_cont form label.check{font-size: 12px;}
.sec03_cont form .agree{display: inline-block; width: 40px; height: 14px; margin-left: 8px; border: 1px solid #d8d8d8; color: #999999; font-size: 10px; line-height:14px; text-align:center;}

.sec03_cont .cont02 form #tel01{width: 272px; height: 38px; margin: 0 0 9px 56px;}
.sec03_cont .cont02 form #quick_text{width: 272px; height: 83px; margin-left: 38px;}
.sec03_cont .cont02 form #check01{width: 11px; height: 11px; margin: 8px 5px 0 110px;}
.sec03_cont .cont02 form p{/* margin-bottom: 25px; */}
.sec03_cont .cont03 p.text_title{margin-bottom: 30px; font-size: 18px; line-height: 24px; text-align: center; font-family: WebNotoSans; color: #14345b; }
.sec03_cont .cont03 form input{width: 272px; height: 38px;}
.sec03_cont .cont03 form #name{margin-left: 74px; margin-bottom: 9px;}
.sec03_cont .cont03 form #quick_name { margin: 0 0 9px 73px; }
.sec03_cont .cont03 form #tel02{margin-left: 56px;}
.sec03_cont .cont03 form #check02{width: 11px; height: 11px; margin: 8px 5px 0 110px;}

.sec04_bg{background: #f8f8f8;}
.sec04_cont .img_box{display: block;}
.sec04_cont .img_box .txt_wrap{width: 100%; padding: 30px 45px; background-color: #fff; box-sizing: border-box; 
}
.sec04_cont .img_box .txt_wrap .tit{width: 100%; margin-bottom: 20px; font-size: 1.25em; color: #222; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.sec04_cont .img_box .txt_wrap .txt{width: 100%; height: 38px; color: #666; text-align: left; font-size: 1em; line-height: 1.25em; white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}