@charset "utf-8";


/* root */
:root{
	--c-01:#324471;
}

/* common */
.container_title {transform: rotate(-0.03deg);  position:relative; text-align:center;font-size:35rem;line-height:1;letter-spacing:-1.5px;font-weight:600;padding-bottom:30rem;margin:0rem 0 30rem 0;color:#324471;}
.container_title:before {content: "";display:block;margin: 0rem auto 30rem;width:1rem;height:50rem;background:#324471;}

@media (max-width:860px) {
	.container_title {font-size:25rem;padding-bottom:0rem;margin:0rem 0 30rem 0;}
}

.tit01 {transform: rotate(-0.03deg);z-index:50; position: relative; margin: 0 0 30rem 10rem;font-size:25rem;font-weight: 600;color: #222;line-height: 1;} 
.tit01::before {content: "";position: absolute;left: 0;top: 0;width:3rem;height: 22rem;background:#324471; margin-left:-10rem; }

.tit02 {transform: rotate(-0.03deg);z-index:50; display:flex; align-items: center; position: relative;margin: 40rem 0 20rem;font-size:21rem; padding-left:13rem; font-weight: 600;color:#222;line-height: 1;} 
.tit02::before {content: ""; position:absolute; left:0; top:8rem; width:5rem;height:5rem;background:#c5a56e; border-radius:50%;} 

.service1 {background:url("../img/sub/service_img1.jpg")}

.service_box ul {width:50%; margin:0 auto; border:2px solid #324471; border-radius:200rem; padding:20rem 30rem; overflow:hidden;}
.service_con li { display:block; border-bottom:1px solid #ddd; padding:70rem 0 20rem; }
.service_con li:last-child {border-bottom:0;}

.cont-box{margin-bottom:45rem;}
.cont-box:last-child{margin-bottom:0}

.list_dot {margin-bottom:40rem;}
.list_dot dd{transform: rotate(-0.03deg); position:relative; letter-spacing:-.2px; font-weight:500; padding-bottom:10rem; line-height:1.7; padding-left:10rem;word-break: keep-all;}
.list_dot dd:before{content: ""; position:absolute; left:0; top:10rem; display:block; width:4rem; height:4rem; background:#324471; border-radius:50%}
.list_dot dd:last-child{padding-bottom:0}
.list_dot dd b {font-weight:700; font-size:18rem;}
span.red {color:#df0000;}

.subtable { width:100%; margin:20rem 0;border-top:2px solid #39270c; }
.subtable thead th{background:#473721; padding:15rem 5rem; border-left:1rem solid #695841; border-bottom:1rem solid #695841; color:#fff; }
.subtable tbody th {text-align:center; background:#f9f9f9; color:#333;  font-weight:500; padding:15rem 0; width:20%; border:1px solid #ddd;}
.subtable tbody td {border-bottom:1px solid #dbdbdb; padding:15rem 5rem; background:#fff; line-height:26px; color:#35363a; text-align:center; font-weight:300; letter-spacing:-0.03em; border:1px solid #ddd;}
.subtable tbody td.t_left{text-align:left;}

#contents {  overflow: hidden;position:relative;padding: 0rem 0 0rem;}
#contents p {line-height:1.5;word-break:keep-all;}

/* 서브비주얼 */
#sub_visual{position:relative;height:450rem;background-color:#000;background-size:100% 100%; background-position:60%;text-align:center;display: flex;align-items: center;}
#sub_visual h2{font-weight:600; font-size:50rem; color:#fff; animation:up .5s .2s forwards;}
#sub_visual h2 b{display:block; font-weight:bold}
#sub_visual p{position:relative;line-height:1;padding: 60rem 0 5rem 0;font-size:25rem;text-align:center;color:#fff;letter-spacing:2px;}

/* 서브 상단 이미지 */
#sub_visual.sub10{background-image:url(../img/sub/sub01_top.jpg); }
#sub_visual.sub20{background-image:url(../img/sub/sub02_top.jpg) }
#sub_visual.sub30{background-image:url(../img/sub/sub03_top.jpg) }
#sub_visual.sub40{background-image:url(../img/sub/sub04_top.jpg) }
#sub_visual.sub50{background-image:url(../img/sub/sub05_top.jpg) }
.cont-top{margin-bottom:50rem;}
.cont-top > img{width:100%;}
/* snb */
#left_area{float:none; width:100%; margin-top:0px;}
.left_snb{width:100%; text-align:center; border-bottom:1px solid #e7e7e7; padding:20rem 0;}
.left_snb h2{position:relative; line-height:1; padding:60px 0; background:#4cc4cd; border-bottom:0px solid #5ac9d1; font-weight:600; font-size:1.7em; color:#fff; text-align:center; text-transform:uppercase;}
.left_snb li{display:inline-block; position:relative; margin:0rem 20rem 0; text-align:center;}
.left_snb li:last-child{margin-right:0}
.left_snb li a{font-weight:500; font-size:18rem; color:#535353;}
.left_snb li:hover a:after{width:10px;}
.left_snb li:hover a{color:var(--c-01);}
.left_snb li.on a{font-weight:600; color:var(--c-01);}
.left_snb ul{width:1400rem; margin:0 auto; text-align:center;}
.left_snb li.on::after{opacity:1;}

/* 
* discription: 사이트 복사시 지우고 사용하는 custom 영역
*/


@media (max-width:860px) {
	#sub_visual{height:250rem}
	#sub_visual h2{font-size:22rem;}
	#sub_visual p{padding:0 0 15rem 0; font-size:16rem}
}

@media (max-width:540px) {
	body {font-size:14rem}

	#sub_visual{height:180rem}
	#sub_visual h2{font-size:20rem}
	#sub_visual p{font-size:14rem}

	.facility-slide .swiper-button-next, .facility-slide .swiper-button-prev{width:30rem; height:30rem}

	.tit01{margin:0 0 15rem; font-size:20rem;}
	.tit02{margin:20rem 0 10rem; font-size:17rem}
	.add{margin:-5rem 0 10rem;}
	.cont-box{margin-bottom:30rem}
	
	.subtable thead th,
	.subtable tbody td,
	.subtable tbody th{line-height:1.5; padding:5rem; font-size:12rem;}

}

/*end 사이트 복사시 지우고 사용하는 custom 영역 */


.map-zone-bx{margin-top:20rem; overflow:hidden;}
.map-zone-bx .map-api{width:100%;height:auto;background-color:transparent}
.map-zone-bx .map-api .img-zone{border:1px solid #ddd}
.map-zone-bx .map-api .img-zone img{width:100%}

.map-zone-bx .map-info{position:relative;margin:29rem 20rem 0 20rem;color:#333;}
.map-zone-bx .map-info .addr-txt{font-size:22rem;font-weight:500;margin-bottom:19rem;line-height:1.5}
.map-zone-bx .map-info .addr-num {float:left;}
.map-zone-bx .map-info .addr-num span{display:inline-block;margin-bottom:10rem;font-size:16rem; font-weight:500;}
.map-zone-bx .map-info .addr-num span:after{content:'';display:inline-block;width:1rem;height:14rem;margin:0 14rem;background:#ddd}
.map-zone-bx .map-info .addr-num span:last-child:after{display:none}
.map-zone-bx .map-info .addr-num span em{font-style:normal; margin-right:8rem;font-weight:700;vertical-align:0}
.map-zone-bx .map-info .location-link{float:right; margin:0rem 0 40rem;text-align:right;}
.location-link li {display:inline-block; cursor:pointer; width:50rem;height:50rem; border:1px solid #ddd; border-radius:50rem;}
.location-link li.ico-google{width:50rem;height:50rem;background:url("../img/sub/icon_google.png")}
.location-link li.ico-kakao{width:50rem;height:50rem;background:url("../img/sub/icon_kakao.png")}

@media (max-width:540px) {
     .map-zone-bx .map-info .addr-txt{font-size:18rem;}
	 .map-zone-bx .map-info .addr-num span{display:block;}
	 .map-zone-bx .map-info .addr-num span:after{display:none}
	 .location-link li.ico-google{width:40rem;height:40rem;background:url("../img/sub/icon_google.png"); background-size:100%;}
	 .location-link li.ico-kakao{width:40rem;height:40rem;background:url("../img/sub/icon_kakao.png"); background-size:100%;}
}


.member_con01 {padding: 20rem 0 20rem;}
.member_con01 .card_wrap {display: flex; flex-wrap: wrap; row-gap: 0px; gap: 0px;}
.member_con01 .card_box {position: relative; width: calc(100% /2 - 0rem);  transition: all 0.5s; height: auto; background-color: #ecf4fa; padding: 70px 50px; box-sizing: border-box; }
.member_con01 .card_box i.mem_r {position:absolute; text-align:center; right:0; transform:translateX(0%); top:-20rem;}
.member_con01 .card_box i.mem_l {position:absolute; text-align:center; left:0; transform:translateX(0%); top:-20rem;}
/*.member_con01 .card_box:hover {background: #0066ae; color: #fff;}
.member_con01 .card_box:hover .history h6 {color: #fff;}
.member_con01 .card_box:hover .history ul {color: #fff;}*/
.member_con01 .card_box:nth-child(2) {text-align:right;}
.member_con01 .card_box .title p {font-weight: 700; font-size: 16rem; letter-spacing: -0.025em; margin-bottom: 0.83rem;}
.member_con01 .card_box .title h5 {font-weight: 100; font-size: 22rem; letter-spacing: -0.025em;}
.member_con01 .card_box .title h5 b {font-weight: 700; font-size:25rem; margin-right:10rem;}
.member_con01 .card_box .history {margin-top: 16rem;}
.member_con01 .card_box .history h6 {font-weight: 700; font-size: 18rem; letter-spacing: -0.025em; margin-bottom: 15rem; color: #809db3;}

.member_con01 .card_box .history ul {list-style: '- '; padding-left: 0.75em; font-weight: 300; font-size: 18rem; line-height: 2em; letter-spacing: -0.025em; color: #666;}
.member_con01 .card_box .history ul p {margin-bottom:10rem; font-weight:500;}

@media all and (max-width:1024px) {
    .member_con01 .card_box {width: 100%; max-width: 425px; margin: 0 auto;}
    .member_con01 .card_box:last-child{margin: 0 auto;}
}

@media all and (max-width:1000px) {
    .member_con01 .card_box {width: 100%;  padding: 20px 20px 0;}
	.member_con01 .card_box:nth-child(2) {text-align:left;}
	.member_con01 .card_box i.mem_r {position:relative; text-align:center; right:0; transform:translateX(0%); top:0rem;}
	.member_con01 .card_box i.mem_l {position:relative; text-align:center; left:0; transform:translateX(0%); top:0rem;}
}
@media all and (max-width:900px) {
    .member_con01 .card_box {margin-bottom:20rem;}
}


/*
#whoSec { text-align:center;}
#whoSec .whoSecWrap {display: inline-block;overflow: visible;}
#whoSec .whoSecWrap .wsRight {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#whoSec .whoSecWrap .wsRight .sub {width: calc(100% /3 - 40rem); margin-right:40rem; margin-top: 100rem; opacity: 0; -webkit-transition: all 1s ease; transition: all 1s ease; }

#whoSec .whoSecWrap .wsRight .sub .thumb {width: 390rem; height: 500rem; float: left; position: relative; overflow: hidden; border:1px solid #ddd; border-radius: 50px 0px 50px 0;}
#whoSec .whoSecWrap .wsRight .sub .thumb .thumbWrap1 {background: url(../img/sec03_01.jpg) no-repeat; }
#whoSec .whoSecWrap .wsRight .sub .thumb .thumbWrap2 {background: url(../img/sec03_02.jpg) no-repeat;}
#whoSec .whoSecWrap .wsRight .sub .thumb .thumbWrap3 {background: url(../img/sec03_04.jpg) no-repeat;}
#whoSec .whoSecWrap .wsRight .sub .thumb .thumbWrap4 {background: url(../img/sec03_05.jpg) no-repeat;}
#whoSec .whoSecWrap .wsRight .sub .thumb .thumbWrap5 {background: url(../img/sec03_03.jpg) no-repeat;}
#whoSec .whoSecWrap .wsRight .sub .thumb .thumbWrap {width:100%; height:100%; transition:0.5s;}
#whoSec .whoSecWrap .wsRight .sub .thumb .thumbTxt { position: absolute; width:100%; padding:20rem; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#whoSec .whoSecWrap .wsRight .sub .thumb .thumbTxt h3 {transform: rotate(-0.03deg); font-size: 25rem; color: #324471; font-weight: 700;}
#whoSec .whoSecWrap .wsRight .sub .thumb .thumbTxt p {transform: rotate(-0.03deg); font-size: 17rem; color: #333; font-weight: 700; padding:20rem 0;}
#whoSec .whoSecWrap .wsRight .sub .thumb .thumbTxt span {transform: rotate(-0.03deg); font-size: 15rem; color: #666; font-weight: 500; display:block;}
#whoSec .whoSecWrap .wsRight .sub .txt {float: left; font-weight:700; writing-mode: vertical-lr; font-size: 15rem; color: #333333;  transform: rotate(-0.03deg);}
#whoSec .whoSecWrap .wsRight .sub.aos-animate {opacity: 1; margin-top: 0;}
#whoSec .whoSecWrap .wsRight .sub:hover  .thumbWrap {transform:scale(1.2); transition:0.5s;}


@media( max-width:1200px) {
	#whoSec .whoSecWrap .wsRight {width:100%;}
	#whoSec .whoSecWrap .wsRight .sub {min-width: 320px; height: auto; }
	#whoSec .whoSecWrap .wsRight .sub .thumb {width: calc(100% - 20px); height: 600rem;}
}
@media( max-width:1100px) {
	#whoSec .whoSecWrap .wsLeft {height: auto;}
	#whoSec .whoSecWrap .wsRight {display: block; flex-wrap: initial; min-height: 0; height: auto;}
	#whoSec .whoSecWrap .wsRight .sub {width: 100%; margin-right: auto !important; }
	#whoSec .whoSecWrap .wsRight .sub .thumb {height: 500rem; margin-bottom:20rem;}
	#whoSec .whoSecWrap .wsRight .sub:nth-child(2n) {-webkit-transform: translateY(0px); transform: translateY(0px);}
	#whoSec .whoSecWrap .wsRight .sub:nth-child(2n-1) {-webkit-transform: translateY(0px); transform: translateY(0px);}
	#whoSec .whoSecWrap .wsRight .sub .thumb .thumbWrap {background-size: cover;}
}

@media( max-width:500px) {
	#whoSec .whoSecWrap .wsRight .sub .thumb {height: 600rem;}
}
*/

.apply_wrap01 {width:100%; position:relative; }
.apply_wrap01 > ul {width:100%; display:flex; flex-wrap: wrap;  justify-content: center;}
.apply_wrap01 > ul > li {border:0; width: calc(100% /4 - 20rem); margin-right:20rem; background:#f8f8f8; border-radius:10px; text-align:center; padding:50rem 30rem; margin-bottom:30rem;}

.apply_wrap02 {width:100%; position:relative; }
.apply_wrap02 > ul {width:100%; display:flex; flex-wrap: wrap;  justify-content: center;}
.apply_wrap02 > ul > li {width: calc(100% /3 - 20rem); margin-right:20rem; background:#f8f8f8; border-radius:10px; text-align:center; padding:50rem 30rem; margin-bottom:30rem;}

.apply_ico {width:100rem; height:100rem; display:inline-block; margin-top:10rem; }
.apply_ico01 {background:url("../img/sub/pass_icon1.png") no-repeat center center;}
.apply_ico02 {background:url("../img/sub/pass_icon2.png") no-repeat center center;}
.apply_ico03 {background:url("../img/sub/pass_icon3.png") no-repeat center center;}
.apply_ico04 {background:url("../img/sub/pass_icon4.png") no-repeat center center;}
.apply_ico05 {background:url("../img/sub/pass_icon5.png") no-repeat center center;}

.apply_tit02 {transform: rotate(-0.03deg); font-size:20rem; margin-top:10rem; color:#324471; font-weight:700; margin-bottom:10rem;}
.apply_num02 {display:block; font-size:20rem; color:#b4b4b4;}
.ap_ul_li p {transform: rotate(-0.03deg); font-weight:500; font-size:15rem; margin-bottom:2rem;}


.apply_wrap03 {width:100%; position:relative; margin-top:3.0rem; }
.apply_wrap03 > ul {width:100%; display:flex; flex-wrap: wrap;  justify-content: space-between;}
.apply_wrap03 > ul > li {width:19%; background:#f8f8f8; border-radius:10px; text-align:center; padding:4.0rem 2.0rem; margin-bottom:30px;}

@media screen and (max-width: 600px){
     .apply_wrap02 > ul > li {width:100%; margin-bottom:15px; padding:30rem 15rem;}
     .apply_wrap03 > ul > li {width:100%; margin-bottom:15px; padding:30rem 15rem;}
     
     .apply_wrap01 > ul > li {width: 100%; margin-right:0rem; }

}



.con03 {margin:50rem 0; text-align:center;}
.con03 ul {display: flex; gap: 25px;}
.con03 ul li {width:18%; background-color: #fff; border-radius: 10px; border: 1px solid #dcdcdc; box-sizing: border-box; text-align: center; padding: 40px; box-sizing: border-box; position: relative;}
.con03 ul li .arrow {position: absolute; top: 50%; right: -13px; transform: translate(50%, -50%); width: 60px; height: 60px; border-radius: 50%; z-index: 1; display: flex; align-items: center; justify-content: center;}
.con03 ul li .arrow::before {content: url(../img/sub/arrow.png);}
.con03 ul li .icon_box {width: 100%; max-width: 70rem; aspect-ratio: 1/1; border-radius: 50%; margin: auto; position: relative; padding: 20px; box-sizing: border-box;}
.con03 ul li .icon_box img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50%; max-width: fit-content;}
.con03 ul li .txt_box {margin-top: 10px;}
.con03 ul li .txt_box h6 {transform: rotate(-0.03deg); font-weight: 700; font-size:15rem; line-height: 1.27em; color: #444;}
.con03 ul li .txt_box h6 span {font-size:13rem; display:block;}

.service_con li:last-child .con03 ul li {border: 1px solid #dcdcdc;}

@media all and (max-width:1024px){
    .con03 ul {flex-wrap: wrap; justify-content: center;}
    .con03 ul li {width: calc(33.333% - 16.666px);}
	.con03 ul li:nth-child(3) .arrow {display:none;}
}

@media all and (max-width: 767px) {
    .con03 ul li {width: 100%;}
    .con03 ul li .arrow {top: calc(100% + 5px); right: 50%; transform: translate(50%, -50%) rotate(90deg);}
	.con03 ul li:nth-child(3) .arrow {position: absolute; top: calc(100% + 5px); right: 50%; transform: translate(50%, -50%) rotate(90deg); width: 60px; height: 60px; border-radius: 50%; background-color: none; z-index: 1; display: flex; align-items: center; justify-content: center;}
}

.law-pass {text-align:center; padding:100rem 50rem;}
.law-pass ul {background:rgba(0,0,0,0.8); color:#fff; padding:50rem;}
.law-pass ul h3 {font-size:25rem; transform: rotate(-0.03deg); margin-bottom:20rem; font-weight:700;}
.law-pass ul p {font-size:18rem; transform: rotate(-0.03deg); margin-bottom:20rem; font-weight:500; line-height:1.8;}
.law-pass ul p b {font-weight:700; font-size:20rem;}
.law-pass ul span {transform: rotate(-0.03deg); font-weight:500; display:block; font-size:16rem; margin-top:20rem;}

.pass1 {background:url("../img/sub/pass_img1.jpg") center top no-repeat; }
.pass2 {background:url("../img/sub/pass_img2.jpg") center top no-repeat; }
.pass3 {background:url("../img/sub/pass_img3.jpg") center top no-repeat; }
.pass4 {background:url("../img/sub/pass_img4.jpg") center top no-repeat; }

@media all and (max-width: 767px) {
    .law-pass {padding:60rem 30rem;}
	.law-pass ul {padding:40rem 20rem;}
	.law-pass ul h3 {font-size:20rem;}
	.law-pass ul p {font-size:15rem;}
}



.intro_con01 {position: relative; overflow: hidden; }
.intro_con01 .inner {}
.intro_con01 .img_box {float:left; width: 50%; box-sizing: border-box;}
.intro_con01 .img_box img {width: 100%;}
.intro_con01 .txt_box {display:inline-block; width: 50%; box-sizing: border-box; padding-left: 5%; padding-top:100rem;}
.intro_con01 .txt_box .txt h3{transform: rotate(-0.03deg); font-size: 27rem; color: #222222; font-weight: 600; line-height: 1.30434em; margin-bottom:30rem;}
.intro_con01 .txt_box .txt h4{transform: rotate(-0.03deg); font-size: 27rem; color: #222222; font-weight: 600; line-height: 1.30434em; margin-top:100rem; padding-left:250rem;}
.intro_con01 .txt_box .txt p{transform: rotate(-0.03deg); font-size: 20rem; color: #222222; font-weight: 600; line-height: 1.30434em;}
.intro_con01 .txt_box .txt p b {font-size:40rem; font-weight:800;}
.intro_con01 .txt_box .btn{margin-top: 80px;}
.intro_con01 .txt_box .txt span{transform: rotate(-0.03deg); display: inline-block; font-weight:500; margin-top:40rem; font-size: 17rem; color: #333; letter-spacing: -0.045em; line-height: 1.8;}
.intro_con01 .txt_box .txt span h5 {font-weight:600; font-size:20rem; color:#000; padding-bottom:10rem;}
.intro_con01 .txt_box .txt span dd{margin-left:25rem;}
.intro_con01 .txt_box .txt span dd:before {content: ""; position:absolute; width:21px; height:20px; background:url("../img/sub/check_icon.png") center top no-repeat; text-align:left; margin-left:-25rem; margin-top:5rem;}

@media all and (max-width:1400px){
    .intro_con01 .txt_box {padding-top:50rem;}
}

@media all and (max-width:1200px){
    .intro_con01 .txt_box {padding-top:50rem;}
	.intro_con01 .txt_box .txt p{font-size: 25rem; }
	.intro_con01 .txt_box .txt p b {font-size:30rem; font-weight:800;}
	.intro_con01 .txt_box .txt span{ font-size: 16rem;}

}

@media all and (max-width:1000px){
    .intro_con01 .img_box {float:none; width: 100%; }
	.intro_con01 .txt_box {display:block; width: 100%;  padding:20rem;}
}

@media all and (max-width:800px){
	.intro_con01 .txt_box .txt p{font-size: 18rem; }
}


.intro_con02 {padding:30rem 0 100rem; text-align:center;}


.service_con01 {position: relative; overflow: hidden; }
.service_con01 .inner {}
.service_con01 .img_box {float:left; width: 50%; box-sizing: border-box;}
.service_con01 .img_box img {width: 100%;}
.service_con01 .txt_box {display:inline-block; width: 50%; box-sizing: border-box; padding-left: 5%; }
.service_con01 .txt_box .txt h3{ font-size: 30rem; color: #222222; font-weight: 600; line-height: 1.30434em; margin-bottom:30rem;}
.service_con01 .txt_box .txt p{ font-size: 20rem; color: #222222; font-weight: 500; line-height: 1.30434em;}
.service_con01 .txt_box .txt p b {font-size:40rem; font-weight:800;}
.service_con01 .txt_box .btn{margin-top: 80px;}

.service_con01 .txt_box2 {position: relative;  display:inline-block; width: 50%; box-sizing: border-box; padding:67rem 100rem; border-top:3px solid #324471;}
.service_con01 .txt_box2 .txt h4{ font-size: 20rem; color: #000; font-weight: 600; line-height: 1.30434em;  margin-bottom:10rem;}
.service_con01 .txt_box2 .txt h4:before {content: ""; width:100rem; height:100rem; position:absolute; top:30rem;  right:0%; transform:translateX(0%); margin-right:250rem; background:url("../img/sub/icon2.png") center top no-repeat; }
.service_con01 .txt_box2 .txt dl{color:#fff; font-weight:500; margin-top:30rem; color: #666666; letter-spacing: -0.045em; line-height: 1.8; }
.service_con01 .txt_box2 .txt dl dd{ background: #324471; color:#fff;  font-size: 17rem; border-radius:20rem; display:inline-block; padding:5rem 20rem 5rem 40rem; margin-bottom:5rem; }
.service_con01 .txt_box2 .txt dl dd:before {content: ""; position:absolute; width:21px; height:20px; background:url("../img/sub/check_icon_w.png") center top no-repeat; text-align:left; margin-left:-25rem; margin-top:5rem;}

.service_con01 .txt_box2 .txt span{transform: rotate(-0.03deg); display: inline-block; font-weight:500; margin-top:10rem; font-size: 17rem; color: #333; letter-spacing: -0.045em; line-height: 1.8;}
.service_con01 .txt_box2 .txt span dd{margin-left:25rem;}
.service_con01 .txt_box2 .txt span dd:before {content: ""; position:absolute; width:21px; height:20px; background:url("../img/sub/check_icon.png") center top no-repeat; text-align:left; margin-left:-25rem; margin-top:5rem;}


.pat40 {padding-top:40rem;}
.pat100 {padding-top:100rem;}
.pat150 {padding-top:150rem;}

@media all and (max-width:1800px){
	.service_con01 .txt_box .btn{margin-top: 30px;}

	.service_con01 .txt_box2 {padding:42rem 100rem;}
	.service_con01 .txt_box2 .txt dl dd{ padding:5rem 10rem 5rem 35rem; font-size:16rem;}
	.service_con01 .txt_box2 .txt dl dd:before {margin-top:5rem;}
	.service_con01 .txt_box2 .txt h4:before {top:20rem; margin-right:100rem; }
	

	.pat40 {padding-top:0rem;}
}

@media all and (max-width:1700px){
	.service_con01 .txt_box .btn{margin-top: 30px;}
	.service_con01 .txt_box .txt h3{ font-size: 20rem;}
	.service_con01 .txt_box .txt p{font-size: 20rem; }
	.service_con01 .txt_box .txt p img {width:70rem;}
	.service_con01 .txt_box .txt p b {font-size:20rem; font-weight:800;}
	.service_con01 .txt_box .txt span{ font-size: 13rem;}

	.service_con01 .txt_box2 {padding:42rem 100rem;}
	.service_con01 .txt_box2 .txt dl dd{ padding:5rem 10rem 5rem 30rem;  font-size: 15rem;}
	.service_con01 .txt_box2 .txt dl dd:before {margin-top:2rem;}
	.service_con01 .txt_box2 .txt h4:before {margin-right:50rem;}

	.pat50 {padding-top:0rem;}
}

@media all and (max-width:1200px){
	.service_con01 .txt_box .txt p{font-size: 25rem; }
	.service_con01 .txt_box .txt p b {font-size:30rem; font-weight:800;}
	.service_con01 .txt_box .txt span{ font-size: 16rem;}
	.service_con01 .txt_box2 .txt h4:before {background-size:100%; top:150rem; width:50rem; height:50rem;}

}

@media all and (max-width:1000px){
    .service_con01 .img_box {float:none; width: 100%; }
	.service_con01 .txt_box {display:block; width: 100%;  padding:20rem;}
	.service_con01 .txt_box2 {display:block; width: 100%;  padding:67rem 30rem; }
	.service_con01 .txt_box2 .txt h4{ font-size: 20rem;}
	.service_con01 .txt_box2 .txt h4:before {background-size:100%; top:30rem; width:70rem; height:70rem;}
}

@media all and (max-width:800px){
	.service_con01 .txt_box .txt h3{ font-size: 20rem;}
	.service_con01 .txt_box .txt p{font-size: 15rem; }
	.service_con01 .txt_box2 .txt h4{ font-size: 15rem; }
	.service_con01 .txt_box2 .txt dl {margin-top:30rem;}
	.service_con01 .txt_box2 .txt dl dd{ display:block; font-size: 14rem;}
	.service_con01 .txt_box2 .txt h4:before {margin-right:30rem; background-size:100%; top:30rem; width:50rem; height:50rem;}
}

.law-counseling {width:800rem; margin:0 auto;}
.law-counseling h4 {text-align:center; margin-bottom:30rem; font-size:25rem; font-weight:600; color:#222;}
.law-counseling h3 {font-size:20rem; font-weight:700; transform: rotate(-0.03deg); margin-bottom:20rem;}
.law-counseling h3 span:after {content: ""; position:absolute; width:5px; height:5px; background:#dd1212; text-align:left; margin-left:8px; border-radius:5px; margin-top:7px;}
.law-counseling li  {margin-bottom:30rem;}
.law-counseling input.put {width:100%;}
.law-counseling input.put1 {width:100rem;}
.law-counseling textarea.put {width:100%; height:100rem;}

.law-counseling .main_bt {margin:0 auto; text-align:center;}
.law-counseling input.btn2_more{width:200rem; margin:0 auto; transform: rotate(-0.03deg);display:inline-block; padding:10rem 25rem; background-color:#324471; font-weight:500; border:2px solid #324471; background-size:14rem; border-radius:30rem; color:#fff; font-size:15rem}
.law-counseling input.btn2_more:hover{background-color:#fff; border:2px solid #324471; color:#324471; }

@media all and (max-width: 800px) {
    .law-counseling {width:100%; padding:0 10rem;}
	.law-counseling h3 {font-size:18rem; }
}

label {
  font-weight: 500;
  font-size: 18rem;
  display: block;
  padding-left: 30px;
  margin-bottom: 15px;
  cursor: pointer;
}

input {
  padding: 0.75rem 0.5rem 0.75rem 0.8rem;
  border: solid 1px #CCCCCC;
  width: 100%;
}
input:hover {
  cursor: pointer;
}

input[readonly],
input[disabled] {
  cursor: not-allowed;
  background: #FFFFFF;
}

input[readonly=readonly],
input[disabled=disabled] {
  cursor: not-allowed;
  background: #FFFFFF;
}

label {
  display: inline-block;
  position: relative;
}

input[type=radio] {
  margin-right: 0.25rem;
  margin-bottom: 1rem;
}

input[type=radio] + label::before {
  display: inline-block;
  content: "";
  border: 1px solid #CCCCCC;
  width: 20px;
  height: 20px;
  border-radius: 12px;
  margin-right: 5px;
}

input[type=radio] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}

input[type=radio] + label::before {
  position: absolute;
  top: 2px;
  left: 0;
}

input[type=radio] + label::after {
  background-color: #324471;
  content: "";
  border-radius: 10px;
  opacity: 0;
  width: 11px;
  height: 11px;
  top: 6.5rem;
  left: 5rem;
  position: absolute;
  transform: scale(0);
  transition: transform 200ms ease;
}

input[type=radio]:checked + label:after {
  transform: scale(1);
  opacity: 1;
}

input[type=radio]:disabled + label::before {
  box-shadow: none;
  cursor: not-allowed;
}

.control-group {
  display: inline-block;
  vertical-align: top;
  background: #FFFFFF;
  text-align: left;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  padding: 30px;
  width: 200px;
  height: 210px;
  margin: 10px;
}


label.checkbox {
  margin-right: 1rem;
  padding-left: 1.75rem;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size:15rem;
}
label.checkbox input[type=checkbox] {
  position: absolute;
  opacity: 0;
}
label.checkbox input[type=checkbox]:focus ~ span {
  border: 2px solid #324471;
}
label.checkbox input[type=checkbox]:focus:checked ~ span {
  border: 2px solid #324471;
}
label.checkbox input[type=checkbox]:checked ~ span {
  color: #FFFFFF;
  background: #324471 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIxMiIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMTIgOSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgPHBhdGggZD0iTTQuNTc1IDguOTc3cy0uNDA0LS4wMDctLjUzNi0uMTY1TC4wNTcgNS42NGwuODI5LTEuMjI3TDQuNDcgNy4yNjggMTAuOTIxLjA4NmwuOTIzIDEuMTAzLTYuODYzIDcuNjRjLS4xMzQtLjAwMy0uNDA2LjE0OC0uNDA2LjE0OHoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPg0KPC9zdmc+) 50% 40% no-repeat;
  border: 2px solid #324471;
}
label.checkbox span {
  border-radius: 3px;
  position: absolute;
  left: 0;
  top: 5rem;
  width: 20rem;
  height: 20rem;
  background-color: #d4d7dc;
  border: 2px solid #d4d7dc;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
label.checkbox i {display:inline-block; margin-left:25rem; font-style:normal; margin-top:.3em;}

.wd1000 {width:1000rem; margin:0 auto; position:relative }

@media all and (max-width:1000px){
    .wd1000 {width:100%; }
}

.layout01{position: relative;}
.layout01 .wd1000{display: flex; align-items: center; justify-content: space-between;}
.layout01 .img_box{max-width: 600px; width: 41%; align-self: flex-end;}
.layout01 .img_box img {object-fit: contain;}
.layout01 .con_box{max-width: 500rem; width: 59%;}
.layout01 .con_box .tit h4{transform: rotate(-0.03deg); font-size: 30rem; color: #444444; letter-spacing: -0.05em; line-height: 1.0952em; font-weight: 700;}
.layout01 .con_box .tit h4 span{color: #324471; font-size:35rem;}
.layout01 .con_box .tit p{transform: rotate(-0.03deg);  font-size: 25rem; font-weight: 500; letter-spacing: -0.05em; color: #444444; line-height: 1.555em; margin-top: 15px;}
.layout01 .con_box .tit {position: relative; padding-bottom: 30rem;}
.layout01 .con_box .tit:before {position: absolute; width: 60px; height: 1px; content: ''; background-color: #324471; bottom: 0; left: 0;}
.layout01 .con_box .career_list{margin-top: 40px; }
.layout01 .con_box .career_list li{transform: rotate(-0.03deg); font-size: 20rem; color: #444444; letter-spacing: -0.05em; font-weight: 500; margin-bottom:10rem;}

.con02 {border-bottom:1px solid #ddd;}

@media all and (max-width:1600px){
    .layout01 .img_box{text-align: center; max-width: none;}
    .layout01 .con_box .career_list li{width: 100%;}
    .layout01 .con_box{width: 55%;}
}

@media all and (max-width:1024px){
    .layout01 .inner {flex-wrap: wrap;}
    .layout01 .img_box{order: 1; width: 70%; max-width: 400px; margin: 0 auto;}
    .layout01 .con_box {width: 100%; max-width: none; padding:0  10rem;}
    .layout01 .con_box .career_list{gap: 10px 0; padding-bottom: 30px;}
    .layout01 .con_box .career_list li{width: 50%;}
}

@media all and (max-width:767px){
	.layout01 .con_box .career_list li{width: 100%; font-size:13rem;}
	.layout01 .con_box .tit h4{ font-size: 20rem; }
	.layout01 .con_box .tit h4 span{ font-size:23rem;}
	.layout01 .con_box .tit p{font-size: 20rem; }
	.con02 {margin:50rem 0;}
}


.con02 .left_wrap {order: 1;}
.con02 .img_box {order: 1;}

.bg_gray {background:#f9f9f9;}

.topbox {text-align:center; padding:70rem 60rem; margin:50rem auto; position:relative; color:#333; background: url("../img/sub/topbox_bg.jpg") no-repeat; }
/*.topbox:before {content:""; position:absolute;  background: url("../img/sub/box_left.png") no-repeat; width:56px; height:46px; z-index:1; left:50px; top:-23px;}
.topbox:after {content:""; position:absolute;  background: url("../img/sub/box_right.png") no-repeat; width:56px; height:46px; z-index:1; right:50px; bottom:-23px;}*/
.topbox > dl > i {font-style:normal; background:#324471; color:#fff; padding:5rem 20rem; margin:10rem 0; display:inline-block; border-radius:100rem;  font-size:17rem;  font-weight:500;}
.topbox > dl {margin-bottom:30rem;}
.topbox > dl > dt {transform: rotate(-0.03deg);font-size:20rem;  font-weight:500;}
.topbox > dl dt b {font-weight:800; color:#22324b;}
.topbox > dl > h3 {transform: rotate(-0.03deg);font-size:27rem;  font-weight:800; margin-bottom:20rem;}
.topbox > dl > h3 b {font-weight:700;}
.topbox > dl ul {width:330rem; margin:0 auto; text-align:left;}
.topbox > dl ul dd {transform: rotate(-0.03deg);font-size:20rem; margin-top:1.0rem; line-height:1.65; margin-left:25rem;}
.topbox > dl ul dd:before {content: ""; position:absolute; width:21px; height:20px; background:url("../img/sub/check_icon.png") center top no-repeat; text-align:left; margin-left:-25rem; margin-top:6rem;}
.topbox > dl ul dd b {font-weight:800; color:#22324b;}

@media all and (max-width:767px){
	.topbox {padding:50rem 40rem; }
	.topbox > dl > dt {font-size:18rem;}
	.topbox > dl > h3 {font-size:18rem;}
	.topbox > dl > dd {font-size:15rem; }
}

@media all and (max-width:500px){
	.topbox > dl > dt {font-size:16rem;}
	.topbox > dl > h3 {font-size:20rem;}
	.topbox > dl > dd {font-size:13rem; }
	.topbox > dl ul {width:100%; margin:0 auto; text-align:left;}
	.topbox > dl ul dd {font-size:16rem; }
	.topbox > dl ul dd:before {margin-top:4rem;}
}

.topbox2 {background:#0c1e3b; text-align:center; padding:30rem 60rem; margin:50rem auto 0; position:relative; color:#fff; }
.topbox2 dt {width:100rem; height:100rem; display:inline-block; margin-right:10rem;}
.topbox2 dd {font-size:25rem; font-weight:800; display:inline-block; color:#fff; }

@media all and (max-width:500px){
	.topbox2 {padding:30rem 30rem;}
	.topbox2 dd {font-size:18rem; display:block;}
}

.topbox3 {border:5px solid #0c1e3b;  text-align:center; padding:30rem 60rem; margin:50rem auto 0; position:relative; color:#fff; }
.topbox3 h3{font-size:20rem; font-weight:600;  color:#333; padding-bottom:10rem;}
.topbox3 dt {font-size:23rem; font-weight:800;  color:#333; }
.topbox3 dd {font-size:18rem; font-weight:500;  color:#333; }

@media all and (max-width:500px){
	.topbox3 {padding:30rem 30rem;}
	.topbox3 h3 {font-size:15rem; }
	.topbox3 dt {font-size:16rem; padding-bottom:10rem;}
	.topbox3 dd {font-size:15rem; }
}

ul.menu {  border-bottom: 1px solid rgba(255, 255, 255, 0.05);  margin: 40rem 20rem;}
ul.menu li {cursor:pointer; transform: rotate(-0.03deg); font-weight:500;  width: calc(100% /3 - 0px);  border-left: 1px solid rgba(255, 255, 255, 0.05);  display: inline-block;  position: relative;}
ul.menu li a {font-size:20rem;  transition: background 0.5s;  background-color: #f8f8f8;  color: #333;  display: block;  padding: 20px 0px;  text-align: center;}
ul.menu li a:after {  content: "";  transition: width 0.5s;  width: 0px;  height: 3rem;  border-bottom: 3px solid #324471;  position: absolute;  bottom: 0;  left: 50%;  transform: translate(-50%, 0);  /*  */}
ul.menu li a:hover {  background-color: #fff; }
ul.menu li a:hover:after {  width: 100%;}
ul.menu li a.active {  transition: background 0.5s;  background-color: #f8f8f8;  color: #324471;  font-weight:700; display: block;  padding: 20px 0px;  text-align: center;}
ul.menu li a.active:after {content: ""; position:absolute; width:100%; height:3rem; background:#324471; bottom:0;}


@media all and (max-width:767px){
	ul.menu li a {font-size:15rem; }
}

ul.menu2 {  border-bottom: 1px solid rgba(255, 255, 255, 0.05);  margin: 40rem 20rem;}
ul.menu2 li {cursor:pointer; transform: rotate(-0.03deg); font-weight:500;  width: calc(100% /5 - 10px);  border-left: 1px solid rgba(255, 255, 255, 0.05);  display: inline-block;  position: relative;}
ul.menu2 li a {font-size:20rem;  transition: background 0.5s;  background-color: #f8f8f8;  color: #333;  display: block;  padding: 20px 0px;  text-align: center;}
ul.menu2 li a:after {  content: "";  transition: width 0.5s;  width: 0px;  height: 3rem;  border-bottom: 3px solid #324471;  position: absolute;  bottom: 0;  left: 50%;  transform: translate(-50%, 0);  /*  */}
ul.menu2 li a:hover {  background-color: #fff; }
ul.menu2 li a:hover:after {  width: 100%;}
ul.menu2 li a.active {  transition: background 0.5s;  background-color: #f8f8f8;  color: #324471;  font-weight:700; display: block;  padding: 20px 0px;  text-align: center;}
ul.menu2 li a.active:after {content: ""; position:absolute; width:100%; height:3rem; background:#324471; bottom:0;}


@media all and (max-width:767px){
	ul.menu2 li {width: calc(100% /3 - 10px); margin-bottom:6rem;}
	ul.menu2 li a {font-size:13rem; }
}

.pa50 {padding:0rem 0 20rem;}


.result_con {position: relative; overflow: hidden; padding-bottom:40rem;}
.result_con .inner {}
.result_con .img_box {float:left; width:40%; box-sizing: border-box;}
.result_con .txt_box {display:inline-block; width: 50%; box-sizing: border-box; padding-left:3%; padding-top:100rem;}
.result_con .txt_box .txt h3{transform: rotate(-0.03deg); font-size: 27rem; color: #222222; font-weight: 600; line-height: 1.30434em; margin-bottom:30rem;}
.result_con .txt_box .txt p{transform: rotate(-0.03deg); font-size: 20rem; color: #222222; font-weight: 600; line-height: 1.30434em;}
.result_con .txt_box .txt h3 b {font-size:30rem; color:#324471; font-weight:800;}

@media all and (max-width:1000px){
	.result_con {padding-bottom:40rem; text-align:center;}
	.result_con .img_box {float:none; width:100%; }
	.result_con .img_box img {width:500rem;}
	.result_con .txt_box {display:block; width: 100%; padding-left:0%; padding-top:10rem;}
	.result_con .txt_box .txt h3{font-size: 20rem; }
	.result_con .txt_box .txt h3 b {font-size:25rem; }
	.result_con .txt_box .txt p{font-size: 16rem;}
}

@media all and (max-width:600px){
	.result_con .img_box img {width:100%;}
	.result_con .txt_box .txt h3{font-size: 20rem; }
	.result_con .txt_box .txt h3 b {font-size:25rem; }
	.result_con .txt_box .txt p{font-size: 16rem;}
}