@charset "utf-8";
.greeting-tag {font-weight: 700; color: var(--secondary-color); letter-spacing: .6em;}
.greeting-tit h2 {font-size: var(--font-size-30); line-height: 1.4667em;}
.greeting-txt .sign {font-size: var(--font-size-17);}
.greeting-cnt {display: flex; gap: 20px 30px; margin-top: var(--space-55);}
.greeting-txt {width: 57.91666%;}

.partners-list ul {display: flex; flex-wrap: wrap; margin: calc(clamp(10px, calc( 21 / var(--inner) * 100vw ), 21px) * -1);}
.partners-list li {width: 33.3335%; padding: clamp(10px, calc( 21 / var(--inner) * 100vw ), 21px);}
.profile-history li:before {content: "ㆍ";}
.page-partner-view {display: flex; gap: 20px var(--space-60)}
.partner-photo {width: 31.0833%;}
.partner-photo .img {position: relative; width: 100%; padding-bottom: 111.26%; border-radius: var(--radius-24); overflow: hidden;}
.partner-photo .img img {position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover;}
.profile-history {display: flex; gap: 20px;}
.profile-history .group {border-top: 2px solid var(--secondary-color);}
.profile-history h3 {font-size: var(--font-size-20); font-weight: 700; line-height: 1.2em; padding: 15px 0; color: var(--secondary-color);}
.partner-profile {display: flex;flex-direction: column; gap: clamp(20px, calc( 70 / var(--inner) * 100vw ), 70px);}

.root_daum_roughmap {width:100% !important;}
.root_daum_roughmap .cont {display: none;}
.directions {margin-top:40px;}
.directions .address-info {margin-bottom:30px;}
.directions .address-info .comp {color:var(--secondary-color); font-weight:600; margin-bottom:2px;}
.directions .address-info .addr {color:#242424; font-size:23px; font-weight:600; line-height:1.33em; letter-spacing:-.03em; margin-bottom:5px;}
.directions .address-info .etc {color:#454545;}
.directions .address-info .etc span {display:inline-block; margin-right:16px;}
.directions .address-info .etc span:last-child {margin-right:0;}
.directions .contact-info {border-top:1px solid #ddd; line-height:1.5em;}
.directions .contact-info dl {display:flex; padding:28px 0; border-bottom:1px solid #ddd;}
.directions .contact-info dt {width:180px; padding-left:30px; color:#242424; font-size:1.125em; font-weight:500;}
.directions .contact-info dt svg {vertical-align:middle; margin:-.2em 15px 0 0;}
.directions .contact-info dt path {fill:var(--secondary-color);}
.directions .contact-info dd {flex:1 1 auto; min-width:0; width:1%; color:#454545;}

@media (max-width: 1024px) {
	.root_daum_roughmap .wrap_map {height:300px !important;}
	.directions .address-info .addr {font-size:20px; text-align: left;}
	.directions .contact-info dl {padding:20px 0;}
	.directions .contact-info dt {padding-left:20px; width:140px;}
}

@media (max-width: 640px) {
	.root_daum_roughmap .wrap_map {height:250px !important;}
	.directions {margin-top:30px;}
	.directions .address-info .addr {font-size:18px; text-align: left;}
	.directions .address-info {margin-bottom:20px;}
	.directions .contact-info dl {padding:16px 0;}
	.directions .contact-info dt {padding-left:5px; width:110px;}
	.directions .contact-info dt svg {margin-right:10px;}
}

.page-crime-search {display: flex; justify-content: space-between; gap: 25px var(--space-50);}
.page-crime-search .main-category-questions {border: 1px solid #ddd;}

.page-sexiual-crime {text-align: center;}
.penal-procedure {margin-top: var(--space-70);}
.page-sexiual-crime .tab-content { font-size: var(--font-size-18); text-align: left;}
.page-sexiual-crime .tab-content h2 {font-size: var(--font-size-32); line-height: 1.2em; color: var(--dark-color); text-align: left;}
.page-sexiual-crime .tab-content h2:after {content: ''; display: block; width: 40px; height: 3px; background: var(--secondary-color); margin: var(--space-35) 0;}
.page-sexiual-crime .tab-content h3 {margin-bottom: 10px; font-size: var(--font-size-24); color: var(--primary-color); font-weight: 600;}
.page-sexiual-crime .tab-content strong {display: block;margin-bottom: var(--space-35);color: var(--primary-color); font-weight: 400;}
.menu-sexiaul-crime {position: relative; margin-bottom: var(--space-60);}
.menu-sexiaul-crime:before {position: absolute; content: ''; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid #ddd; border-bottom: 1px solid var(--secondary-color);}
.menu-sexiaul-crime .swiper {width: 100%;}
.menu-sexiaul-crime li {flex:1;}
.menu-sexiaul-crime a {position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: var(--lnb-height); padding: 0 10px; letter-spacing: -.02em;}
.menu-sexiaul-crime .active a:before {position: absolute; content: ''; top: 0; right: 0; bottom: 0; left: 0; border: 2px solid var(--secondary-color); border-bottom-color: #fff}
.menu-sexiaul-crime li:not(:last-child) a {border-right: 1px solid #ddd;}
.menu-sexiaul-crime .active a  {color: var(--secondary-color); font-weight: 700;}
.page-sexiual-crime .main-section {margin-top: var(--space-150);}
.crime-content-txt strong span {display: block;}
.crime-content-txt strong span:not(:last-child) {margin-bottom: 7px;}

.defense-procedure-items {display: flex; flex-wrap: wrap; gap: 40px; font-size: var(--font-size-20); color: var(--dark-color); font-weight: 700;}
.defense-procedure-item {position: relative; width: calc((100% - 120px) / 4); box-shadow: 8px 8px 24px rgba(0, 0, 0, .16); border-radius: var(--radius-24);}
.defense-procedure-item:nth-child(2n) {background: #f7f5ee;}
.defense-procedure-item:nth-child(4) ~ .defense-procedure-item:nth-child(2n + 1) {background: #f7f5ee;}
.defense-procedure-item:nth-child(4) ~ .defense-procedure-item:nth-child(2n) {background: #fff;}
.defense-procedure-item:after {position: absolute; content: ''; top: 0; right: -40px; width: 40px; height: 100%; background: url('/images/sub/defense-procedure-arrow.png') no-repeat center center / 20px; }
.defense-procedure-item:before {content:''; display: block; width: 100%; padding-bottom: 100%;}
.defense-procedure-item:nth-child(4n):after {display: none;}
.defense-procedure-item .wrap {display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.defense-procedure-item .num {color: var(--secondary-color);}
.defense-procedure-item .icon {margin: var(--space-15) 0;}

.sec-procedure-help, .page-remedies .sec-welcome {padding: var(--space-100) 0; margin-top: var(--space-100); background: url('/images/sub/bg-procedure-help.jpg') no-repeat center center / cover; font-size: var(--font-size-18); color: #fff;}
.sec-procedure-help h2, .page-remedies .sec-welcome h2 {font-size: var(--font-size-32); line-height: 1.25em; margin-bottom: var(--space-35); text-align: left;}
.page-remedies .sec-welcome {font-size: var(--font-size-20); line-height: 1.5em; margin-top: 0; padding-bottom: var(--space-100); background-image: url('/images/sub/bg-remedies-welcome.jpg');}

.sec-remedies-howto {padding: var(--space-100) 0;}
.sec-remedies-howto .group:not(:last-child) {margin-bottom: var(--space-60);}
.remedies-questions {gap: var(--space-40); text-align: center;}
.remedies-questions-item {border-radius: var(--radius-24); overflow: hidden; border: 1px solid #ddd;}
.remedies-questions h2 {background: var(--primary-color); color: #fff; padding: clamp(10px, calc( 18 / var(--inner) * 100vw ), 18px) 20px;font-size: var(--font-size-20); font-weight: 600; line-height: 1.2em;}
.remedies-questions .wrap {padding: 0 var(--space-40);}
.remedies-questions h3 {border-bottom: 1px solid #ddd; font-size: var(--font-size-20); font-weight: 600; line-height: 1.2em; padding: var(--space-35) 0; color: var(--secondary-color);}
.remedies-questions .txt {padding: var(--space-35) 0;}
.group-txt {margin-bottom: var(--space-35); font-size: var(--font-size-18);}
.group-txt h2 {margin-bottom: 10px; font-size: var(--font-size-24); line-height: 1.25em; color: var(--primary-color); text-align: left;}
.group-txt p span {color: #ff0000;}
.group-txt.group {margin-bottom: 0;}
.remedies-case-list {display: flex; flex-wrap: wrap;margin: -10px;}
.remedies-case-list li {width: 33.3335%; padding: 10px;}
.remedies-case-list .txt-gray-box {height: 100%; background: #eee;border-radius: 8px;}

.sec-promise {background: var(--primary-color); color: #fff;}
.sec-promise .img {width: 50%;}
.sec-promise .img img {width: 100%;}
.promise-txt li {display: flex; align-items: center; gap: 20px; font-size: var(--font-size-20); line-height: 1.3em;}
.promise-txt li:not(:last-child) {margin-bottom: var(--space-15);}
.promise-txt li .num {display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #fff; font-weight: 600; font-size: var(--font-size-24); font-weight: 600;}
.promise-txt .wrap {max-width: 600px; padding: var(--space-40) var(--container-space); padding-left: var(--space-55);}
.promise-mistake {margin-bottom: var(--space-30);font-size: var(--font-size-24); line-height: 1.5em;}
.promise-txt h2 {font-size: var(--font-size-40); line-height: 1.2em; margin-bottom: var(--space-60);}