/* top-area 고정 */
.top-area-fixed {
	position: fixed;
	width: 100%;
	z-index: 200;
}

/* sub-header */
.sub-header {
	height:160px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}

.sub-header-10 {
	background-image: url("../img/sub-top-bg1.jpg");
}
.sub-header-20 {
	background-image: url("../img/sub-top-bg2.jpg");
}
.sub-header-30 {
	background-image: url("../img/sub-top-bg3.jpg");
}
.sub-header-40 {
	background-image: url("../img/sub-top-bg4.jpg");
}
.sub-header-50 {
	background-image: url("../img/sub-top-bg5.jpg");
}

.sub-header-title {
	padding: 70px 0;
	color: #111;
	font-size: 32px;
	line-height: 1;
	text-align: center;
	text-transform: uppercase;
	letter-spacing:.5rem;
}
#breadscrumbs {
	pad ding: 0 0 30px;
	text-align: center;
	border-bottom: 1px solid #d5d5d5;
}
#breadscrumbs li {
	display: inline-block;
	*display: inline; *zoom: 1;
	margin: 0 10px;
	padding: 15px 0;
}
#breadscrumbs a {
	color: #606060;
	font-size: 1.1em;
}
#breadscrumbs a.active {
	color: #FD7927;
	font-size: 1.3em;
	font-we ight: bold;
	letter-spacing: -0.1em;
	tex t-decoration: underline;
	te xt-shadow: 0 0 1px rgba(255, 255, 0, 0.4);
	border-bottom: 1px solid #FD7927;
}

/*sub tab common*/
.sub-tab-wrap{
	max-width:1080px;
	margin:0 auto 4rem;
	text-align:center;
	font-size:16px;
	border-bottom:1px solid #ddd;
}
.sub-tab-wrap .sub-tab{
	position:relative;
}
.sub-tab-wrap .sub-tab li{
	display: inline-block;
    padding: 20px;
    margin: 0 2%;
    position: relative;
}
.sub-tab .now::before{
    content: '';
    display: block;
    width: 120px;
    height: 4px;
    background-color: #444;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -60px;
}
.sub-tab .owl-nav button:focus{
    outline:none;
}
.sub-tab .owl-next,
.sub-tab .owl-prev {
	position:absolute;
	top:0;
	left:0;
}
.sub-tab .owl-next {
	left: auto;
	right: 0;
}
.sub-tab .owl-prev span, 
.sub-tab .owl-next span {
	font-size:54px;
	color:#ddd;
	line-height:.9;
}
/*fade effect*/
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInUp {
  animation-name: fadeInUp;
}
/*sub-bottom-common*/
.sub-bottom-common{
	padding-bottom:32px;
}
.sub-bottom-common h2{
	font-size:24px;
	padding:48px 0 ;
	text-align:center;
	border-top:1px solid #ddd;
}
.sub-bottom-common ul{
	font-size:0;
}
.sub-bottom-common ul li{
	display:inline-block;
	width:calc(33.33% - 32px);
	margin:16px;
	font-size:14px;
	border:1px solid #d9a679;
	vertical-align:top;
}
.sub-bottom-common ul li h3{
	font-size:18px;
	color:#d9a679;
	padding:24px 0;
	text-align:center;
	position:relative;
}
.sub-bottom-common ul li h3:after{
	content:"";
	position:absolute;
	top:60px;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	width:20px;
	height:2px;
	background:#d9a679;
	transition:all .4s
}
.sub-bottom-common ul li:hover h3:after{
	content:"";
	position:absolute;
	top:0px;
	width:100%;
	height:100%;
	background:#d9a679;
	z-index:-1;
}
.sub-bottom-common ul li:hover h3{
	color:#fff;	
}
.sub-bottom-common ul li p{
	line-height:1.75;
	padding:24px;
	text-align:justify;

}
/*sub bottom card-height*/
.sub0201-com ul li,
.sub0203-com ul li{
	min-height:340px;
}
.sub0202-com ul li{
	min-height:420px;
}
.sub0204-com ul li{
	min-height:360px;
}
.sub0205-com ul li{
	min-height:330px;
}


/*sub sec common*/
.sub-sec-common{
	line-height:1.75;
	padding-bottom:64px;
	transition:all 2s;
}
/*.sub-sec-common:hover{
	background:#f7f7f7;
}*/
.sub-sec-common .sub-title{
	width:20%;
	float:left;
	font-size:22px;
	font-weight:600;
	color:#d9a679;
}
.sub-sec-common .sub-con{
	width:80%;
	float:right;
	padding-bottom:48px;
	text-align:justify;
}
.sub-sec-common .sub-con:last-of-type{
	padding-bottom:0;
}
.sub-sec-common .sub-con p{
	padding-bottom:8px;
}
.sub-sec-common .sub-title-bar{
	width:160px;
	height:5px;
	background:#d9a679;
	margin-bottom:8px;
}
.sub-sec-common .txt h1{
	font-size:22px;
	padding-bottom:16px;
}
.sub-sec-common .sub-con h3{
    font-size: 18px;
	font-weight:500;
    color: #292a2f;
	padding-bottom:16px;
	line-height:1.6;
}
.sub-sec-common .sub-con div{
	padding:12px 0 22px 0;
}
.sub-sec-common .sub-con div:last-child{
	padding:16px 0 0 0;
}
.sub-sec-common .sub-con div h4{
	padding-bottom:14px;
	font-weight:500;
}
.sub-sec-common .quote-keyword{
    color: #292a2f;
}
.sub-sec-common .quote-keyword q{
	quotes:""" """;
}

/*sub01*/
.sub01 {
	padding:6rem 0;
}
.sub01-l, .sub01-r{
	width:50%;
	color:#3c3c3c;
}
.sub01-l{
	float:left;
	color:#292a2f;
}
.sub01-r{
	float:right;
	border-top:5px solid #292a2f;
	padding-top:1rem;
	font-size:1rem;
	text-align:justify;
}
.sub01-l h1{
	font-size:2.175rem;
	padding-bottom:.5rem;
}
.sub01-l p{
	font-size:1.175rem
}
.sub01-02{
	padding:6rem 0;
	background:#f7f7f7;
}
.sub-cv{
	font-size:0
}
.sub-cv li{
	display:inline-block;
	margin:0 13px;
	font-size:1rem; 
	vertical-align:top;
}
.sub-cv .sub-img {
	width:calc(26% - 7px);
}
.sub-cv .sub-info {
	width: calc(36.63% - 35px);
}
.sub-cv li h3{
	font-size:22px;
	color:#d9a679;
	padding-bottom:2rem;
}
.sub-cv figure{
	display:table;
	text-align:center;
	margin:0;
}
.sub-cv figcaption{
	padding-top:8px;
}
.sub-cv li img{
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}

.sub-cv .sub-title-bar{
	width:100%;
}


/*sub02 card sec common*/
.sub02-card-sec{
	width:100%;
	height:240px;
}
.sub02-card-sec:after{
	content:"";
	display:block;
	clear:both;
}

.sub02-card-sec .img{
	width:60%;
	height:100%;
	float:left;
	background:url('../img/sub0201-card01.jpg') no-repeat ;
	background-size:cover;
}
/*민사소송 card img*/
.sub02-card-sec .img-bg2{
	background:url('../img/sub0201-card02.jpg') no-repeat ;
}
.sub02-card-sec .img-bg3{
	background:url('../img/sub0201-card03.jpg') no-repeat ;
}
.sub02-card-sec .img-bg4{
	background:url('../img/sub0201-card04.jpg') no-repeat ;
}
.sub02-card-sec .img-bg5{
	background:url('../img/sub0201-card05.jpg') no-repeat ;
}
.sub02-card-sec .img-bg6{
	background:url('../img/sub0201-card06.jpg') no-repeat ;
}
.sub02-card-sec .img-bg7{
	background:url('../img/sub0201-card07.jpg') no-repeat ;
}
.sub02-card-sec .img-bg8{
	background:url('../img/sub0201-card08.jpg') no-repeat ;
}
/*형사소송 card img*/
.sub02-card-sec .img-bg2-1{
	background:url('../img/sub0202-card01.jpg') no-repeat ;
}
.sub02-card-sec .img-bg2-2{
	background:url('../img/sub0202-card02.jpg') no-repeat ;
}
.sub02-card-sec .img-bg2-3{
	background:url('../img/sub0202-card03.jpg') no-repeat ;
}
.sub02-card-sec .img-bg2-4{
	background:url('../img/sub0202-card04.jpg') no-repeat ;
}
.sub02-card-sec .img-bg2-5{
	background:url('../img/sub0202-card05.jpg') no-repeat ;
}
/*이혼소송 card img*/
.sub02-card-sec .img-bg3-1{
	background:url('../img/sub0203-card01.jpg') no-repeat ;
}
.sub02-card-sec .img-bg3-2{
	background:url('../img/sub0203-card02.jpg') no-repeat ;
}
.sub02-card-sec .img-bg3-3{
	background:url('../img/sub0203-card03.jpg') no-repeat ;
}
.sub02-card-sec .img-bg3-4{
	background:url('../img/sub0203-card04.jpg') no-repeat ;
}
.sub02-card-sec .img-bg4-1{
	background:url('../img/sub0204-card01.jpg') no-repeat ;
}
.sub02-card-sec .img-bg5-3{
	background:url('../img/sub0205-card03.jpg') no-repeat ;
}
.sub02-card-sec .img-bg5-4{
	background:url('../img/sub0205-card04.jpg') no-repeat ;
}
.sub02-card-sec .txt{
	width:40%;
	height:100%;
	float:right;
	padding:24px;
	background:#d9a679;
	color:#fff;
}

/* 민사집행 3차 메뉴 높이*/
#item205010, #item205010, 
#item205010, #item205030, 
#item205010, #item205040{
	line-height:3;
}

/*sub05 contact*/
.cs-infor{
	padding-top:5rem;
}
.cs-infor h3{
	font-size:24px;
	font-weight:500;
	letter-spacing:1px;
	padding-bottom:32px;
}
.cs-infor p{
	padding-bottom:12px;
}
.cs-infor span{
	font-weight:500;
	margin-right:2px;
}
.cs-infor a{
	color:#777;
}
.cs-infor .cs-txt{
	float:left;
	width:50%;
}
.cs-infor .cs-form{
	float:right;
	width:50%;
}
.row{
	margin-bottom:1%;
}
.row:after {
    content: "";
    display: table;
    clear: both;
}
.col-50 {
    float: left;
    width: 49%;
}
.col-50:nth-child(odd){
	margin-right:1% ;
}
.col-50:nth-child(even){
	margin-left:1% ;
}
.cs-form input[type="text"],
.cs-form input[type="email"],
.cs-form input[type="submit"],
.cs-form select, 
.cs-form textarea {
    width: 100%;
	font-family:'Noto Sans KR', sans-serif;
    border: 1px solid #ccc;
    resize: vertical;
	font-size:1rem;
	padding:.5rem;
}
.cs-form input[type="submit"]{
    border: none;
	padding:0;
}
.cs-form input, 
.cs-form textarea{
    padding: 0px;	
}
.cs-form select{
	padding:7px;
}
.submit-btn input[type="submit"]{
	font-weight:600;
	background:#d9a679;
	color:#fff;
	border:none;
	margin-top:.5rem;
	padding:.75rem 0;
}
.submit-btn input:hover{
	background:#292a2f;
	transition:ease-out .5s
}
.maps{
	padding-bottom:0;
	line-height:0;
}
.sub-footer{
	background:#292a2f;
}
.sub-page-info{
	padding:2rem 0;
	color:#ddd;
	text-align:center;
}
.sub-page-info span {
	display: inline-block;
	font-size: 16px;
	line-height: 1.5;
}
.sub-page-info span:last-child {
	border-right: 0;
}
.sub-page-info span a{
	color:#ddd;
}
.sub-page-info .page-kakao{
	color:#d9a679;
}

@media screen and (max-width: 912px) {
	.sub-sec-common .sub-title{
		width:25%;
	}
	.sub-sec-common .sub-con{
		width:75%;
	}

}
@media screen and (max-width: 768px) {
	.sub-tab-wrap{
		padding:0 12px;
	}
	.sub-sec-common .sub-title{
		width:30%;
	}
	.sub-sec-common .sub-con{
		width:70%;
	}
	.sub-bottom-common ul li{
		width:calc(50% - 32px);
		margin:16px;
	}
	.sub01-l,
	.sub01-r{
		float:none;
		width:100%;
	}
	.sub01-l{
		padding-bottom:3rem;
		text-align:center;
	}
	.sub-cv li:first-child{
		width:100%;
		text-align:center;
		padding-bottom:3rem;
		margin:0;
	}
	.sub-cv li:nth-child(2),
	.sub-cv li:nth-child(3){
		width:calc(50% - 32px);
	}
	.sub-cv figure{
		display:block;
		text-align:center;
		margin:0;
	}
}
@media screen and (max-width: 660px) {
	.boundary{
		padding:0 8px;
	}
	.sub02-card-sec{
		min-height:240px;
	}	
	.sub02-card-sec .img{
		display:none;
	}
	.sub02-card-sec .txt{
		width:100%;
		float:none;
	}
	.sub-sec-common .sub-title{
		width:100%;
		float:none;
		text-align:center;
		margin-bottom:32px;
	}
	.sub-sec-common .sub-con{
		width:100%;
		float:none
	}
	.sub-sec-common .sub-title-bar{
		margin:8px auto;
		width:100%;
		height:2px;
	}
	.sub-page-info{
		padding:2rem 0;
	}
	.cs-infor .cs-txt,
	.cs-infor .cs-form{
		float:none;
		width:100%;
	}
	.cs-infor .cs-txt{
		padding-bottom:3rem;
	}
	.cs-infor h3{
		padding-bottom:24px;
	}
	.cs-infor p{padding-bottom:0px;}
}
@media screen and (max-width: 480px) {
	
	.sub-header{
		height:120px;
	}
	.sub-header-title{
		font-size:24px;
		padding:48px;
	}
	.sub-bottom-common  ul li{
		width:calc(100% - 32px);
		margin:16px;
		font-size:13px;
	}	
	.sub01-02{
		padding:4rem 0;
	}
	.sub-cv li:nth-child(2),
	.sub-cv li:nth-child(3){
		width:100%;
		margin:0;
		padding:0 .5rem 2rem .5rem;
	}
	.sub-cv li h3{
		text-align:center;
	}
	.sub0201-com ul li{
		min-height:300px;
	}
	.sub0202-com ul li,
	.sub0203-com ul li,
	.sub0204-com ul li,
	.sub0205-com ul li{
		min-height:auto;
	}
	#item205010, #item205010, 
	#item205010, #item205030, 
	#item205010, #item205040{
		line-height:inherit;
	}
	.sub-bottom-common h2{
		font-size:22px;
		padding:32px 0 ;
		text-align:center;
		border-top:1px solid #ddd;
	}
	.cs-infor p,
	.sub-page-info span {
		font-size: 14px;
	}
}

@media screen and (max-width: 320px) {
	.sub-tab-wrap{
		font-size:15px;
	}
	.cs-infor p, .sub-page-info span{font-size:0.9rem;}
	.cs-checkbox{font-size:0.8rem;}
}