@charset "utf-8";


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

/* common */
.container_title {position:relative; text-align:center;font-size:30rem;line-height:1;letter-spacing:-1.5px;font-weight:600;padding-bottom:30rem;margin:5rem 0 30rem 0;color:#222;display: none;}
.container_title:after {content: "";display:block;margin: 20rem auto 0 auto;width:40rem;height:1rem;background:#e8e8e8;}
.tit01 {z-index:50; position: relative; padding-top:14rem; margin: 0 0 30rem;font-size:25rem;font-weight: 600;color: #222;line-height: 1;} 
.tit01::before {content: "";position: absolute;left: 0;top: 0;width:12rem;height: 3rem;background:#c5a56e;} 
.tit01::after {content: "";position: absolute;left: 12rem;top: 0;width:12rem;height: 3rem;background:#6f4a12;} 
.tit02 {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%;} 

.bg_gray{background:#f6f6f6;}

.subtable { width:100%; margin:20rem 0;border-top:2px solid #39270c; }
.subtable thead th{text-align:center; word-break: keep-all;background:#1845d9; 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 25rem; background:#fff; line-height:26px; color:#35363a; font-weight:500; letter-spacing:-0.03em; border:1px solid #ddd;}
.subtable tbody td.t_left{text-align:left;}
.subtable td.gray {background:#fbfbfb; font-weight:600; }
.subtable td input {margin-bottom:3rem;}
.subtable td input.lynda_input {width:24%;}
.subtable td input.lynda_input2 {width:100%;}
.subtable td input.lynda_input3 {width:50%;}
.subtable td span {font-size:15rem; font-weight:400;}

.subtable_area { width:100%; margin:20rem 0;}
.subtable_area thead th{text-align:center; word-break: keep-all;background:#1845d9; padding:15rem 5rem; border:1rem solid #fff; color:#fff; }
.subtable_area tbody th {text-align:center; background:#f9f9f9; color:#333;  font-weight:500; padding:15rem 0; width:20%; border:1px solid #ddd;}
.subtable_area tbody td {border-bottom:1px solid #dbdbdb; padding:15rem 25rem; background:#fff; line-height:26px; color:#35363a; text-align:center; font-weight:500; letter-spacing:-0.03em; border:1px solid #ddd;}
.subtable_area tbody td.t_left{text-align:left;}


#contents {word-break: keep-all; position:relative;}
#contents p {word-break:keep-all;}

/* 서브비주얼 */
#sub_visual{margin-top:100rem; position:relative;height:410rem;background-color:#000;background-size:cover;background-position:60%;text-align:center;display: flex;align-items: center;}
#sub_visual h2{font-weight:600; font-size:18rem; color:#000; animation:up .5s .2s forwards; }
#sub_visual p{color:#000; font-weight:800; position:relative;line-height:1;padding: 10rem 0 0rem 0;font-size:35rem;}

/* 서브 상단 이미지 */
#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) }
#sub_visual.sub60{background-image:url(../img/sub/sub06_top.jpg) }
#sub_visual.sub70{background-image:url(../img/sub/sub07_top.jpg) }
.cont-top{margin-bottom:50rem;}
.cont-top > img{width:100%;}
/* snb */
#left_area{float:none; width:100%; margin-top:0px;}
#snb {width:100%; position:absolute; text-align:center; bottom:-14rem; left:50%; transform:translateX(-50%);}

.left_snb{ margin:0 auto; text-align:center; }
.left_snb ul {display:inline-block; border-radius: 130rem; padding:15rem 60rem; }
.left_snb li {display:inline-block; }
.left_snb li a {color:#000; display:block; padding:0px 15px; letter-spacing:-.5px; font-size:20rem; font-weight:600; position:relative; }

.left_snb li.on a {}
.left_snb li.on a:after {content: ""; display:block;  margin:10rem auto 0; width:1px; height:50rem; background:#000;  }



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

@media (max-width:1023px) {
	#sub_visual{margin-top:80rem;}

}

@media (max-width:860px) {
	#sub_visual{height:250rem}
	#sub_visual h2{font-size:22rem;}
	#sub_visual h2:after {height:20px; background:#fff; text-align:left; margin-top:6px; opacity:0.35;}
	#sub_visual p{ font-size:16rem}

}

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

	#sub_visual{height:130rem}
	#sub_visual h2{font-size:16rem; display:none;}
	#sub_visual h2:after {display:none;}
	#sub_visual p{font-size:17rem; }

	.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;}
	.subtable tbody th{width:15%;}
	.subtable td span {font-size:13rem;}
	.subtable td input.lynda_input {width:20%;}

	.subtable_area thead th,
	.subtable_area tbody td,
	.subtable_area tbody th{line-height:1.5; padding:5rem 3rem; font-size:12rem;}
	.subtable_area tbody th{width:15%;}

	#contents p{font-size:14rem}

}

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


.aboutSection01{width:100%; position:relative; }
.aboutSection01 .Inner{width:100%; min-width:100%;}
.aboutSection01 .contWrap{width:100%; display:inline-flex; align-items:center; justify-content:start; }
.aboutSection01 .contWrap .imgWrap{width:48%; text-align:right; position:relative; z-index:1; padding-right:6%;}
.aboutSection01 .contWrap .imgWrap::before{content:''; width:100%; height:448px; background:#1d2741 url(../img/sub/symbol_t.png)120% 120% no-repeat; border-radius:0 224px 0 0; display:block; position:absolute; left:0; bottom:0; z-index:-1;}

.aboutSection01 .contWrap .txtWrap{margin-left:4%; width:48%;}
.aboutSection01 .contWrap .txtWrap .logo{width:100%; font-size:22rem; font-weight:600; letter-spacing:-.5px; border-bottom:1px solid #000; display:flex; align-items: center;gap:10px; padding-bottom:20rem; }
.aboutSection01 .contWrap .txtWrap .logo span {padding-top:7rem; }
.aboutSection01 .contWrap .txtWrap .logo span b{color:#15a8cc; }
.aboutSection01 .contWrap .txtWrap .logo img{width:30rem;}

.aboutSection01 .contWrap .txtWrap .name{margin-top:25px; display:flex; align-items: center;gap:10px; }
.aboutSection01 .contWrap .txtWrap .name p{letter-spacing:-.5px; }
.aboutSection01 .contWrap .txtWrap .name p.typeB{font-size:30rem; font-weight:600; color:#000;}
.aboutSection01 .contWrap .txtWrap .name p.typeA{font-weight:600; color:#1d2741; font-size:20rem; letter-spacing:-.5px; }

.aboutSection01 .contWrap .txtWrap .career{width:100%; margin-top:30rem;}
.aboutSection01 .contWrap .txtWrap .career .left{display:inline-block; vertical-align:top; width:40%;}
.aboutSection01 .contWrap .txtWrap .career .right{display:inline-block; vertical-align:top;}
.aboutSection01 .contWrap .txtWrap .career .last {margin-bottom:20rem;}
.aboutSection01 .contWrap .txtWrap .career .txt{text-align:left; margin-top:5px; display:block;}
.aboutSection01 .contWrap .txtWrap .career .txt p{display:inline-block; vertical-align:top; font-size:18rem; font-weight:500; line-height:1.5; color:#000; margin-left:10px; }
.aboutSection01 .contWrap .txtWrap .career .txt p:before {content: ""; position:absolute; width:3px; height:3px; background:#000; text-align:left; margin-left:-10px; border-radius:5px; margin-top:13px;}

@media all and (max-width: 1023px) {
    .aboutSection01 .contWrap{flex-direction:column;  }
	.aboutSection01 .contWrap .imgWrap{width:100%; padding-right:7%;}
	.aboutSection01 .contWrap .imgWrap::before{height:348px;  border-radius:0 124px 0 0; }
	.aboutSection01 .contWrap .imgWrap img {width:250rem;}
	.aboutSection01 .contWrap .txtWrap{margin-left:0%; width:100%; padding:20rem 10rem;}
	.aboutSection01 .contWrap .txtWrap .name p.typeB{font-size:25rem; }
	.aboutSection01 .contWrap .txtWrap .logo{ font-size:15rem;}
	.aboutSection01 .contWrap .txtWrap .career { }
	.aboutSection01 .contWrap .txtWrap .career .left{width:100%;}
	.aboutSection01 .contWrap .txtWrap .career .txt p{font-size:15rem; }
}



.footerMap{width:100%; height:auto; display:flex; flex-wrap:wrap; align-items:flex-start; align-content:flex-start;}
.footerMap .infoBox{display:flex; width:100%; height:auto;}
.footerMap .infoBox .inInfoBox{display:flex;justify-content:center; align-items:center; width:100%; height:auto;}
.footerMap .infoBox .inInfoBox .boxItem{display:inline-flex; justify-content:flex-end; align-items:flex-start; width:50%; height:100%; border-top:1px solid #efefef;}
.footerMap .infoBox .inInfoBox .boxItem + .boxItem{justify-content:flex-start; background:#efefef; padding-left:20px; border-top:0;}
.footerMap .infoBox .inInfoBox .boxItem .inBox{display:flex; align-items:flex-start; width:100%; max-width:700px; text-align:left; color:#222; padding:95px 60px;}
.footerMap .infoBox .inInfoBox .boxItem .sprite{flex-shrink:0; margin-right:25px;}
.footerMap .infoBox .inInfoBox .boxItem .boxContent{display:inline-block; padding-top:20px; flex-grow:1;}
.footerMap .infoBox .inInfoBox .boxItem .boxContent dl {padding:10rem 0;}
.footerMap .infoBox .inInfoBox .boxItem .boxContent dl dd {font-size:18rem; color:#333; font-weight:500;}
.footerMap .infoBox .inInfoBox .boxItem .itemTitle{width:100%; height:auto; font-size:30rem; font-weight:700; letter-spacing:-0.025em; line-height:1; margin-bottom:25px; color:#1d2741; }
.footerMap .infoBox .inInfoBox .boxItem dl {display: flex; align-items: center; gap:20px; }
.footerMap .infoBox .inInfoBox .boxItem address{  font-size:22rem; font-weight:600; letter-spacing:-0.025em; line-height:1.5; color:#000; font-style:normal;}
.footerMap .infoBox .inInfoBox .boxItem address span {display:block; font-size:20rem; color:#333; }
.footerMap .infoBox .inInfoBox .boxItem i {display:inline-block;}
.footerMap .infoBox .inInfoBox .boxItem i img {width:40rem;}
.footerMap .infoBox .inInfoBox .boxItem .inCall{display: flex; align-items: center; gap:20px;  margin-top:20rem;}
.footerMap .infoBox .inInfoBox .boxItem .inCall a{color:inherit;}
.footerMap .infoBox .inInfoBox .boxItem .inCall span {font-size:46rem; font-weight:700; letter-spacing:-0.025em; line-height:1; }
.footerMap .infoBox .inInfoBox .boxItem .naver {max-width:300rem; cursor:pointer; display: flex; align-items: center; justify-content: center; gap:10px; margin-top:30rem; background:#1d2741; color:#fff; font-size:18rem; font-weight:600; letter-spacing:-.5px; border-radius:50px; padding:10rem; }
.footerMap .infoBox .inInfoBox .boxItem .naver2 {display:none; max-width:300rem; cursor:pointer; margin-top:30rem; background:#1d2741; color:#fff; font-size:18rem; font-weight:600; letter-spacing:-.5px; border-radius:50px; padding:10rem; }
.footerMap .infoBox .inInfoBox .boxItem .linkBox{width:100%; height:auto; margin-top:50px;}
.footerMap .infoBox .inInfoBox .boxItem .linkBox a{display:flex; justify-content:space-between; align-items:center; width:100%; max-width:410px; height:80px; font-size:24px; font-weight:300; letter-spacing:-0.025em; line-height:1; padding:0 30px 0 38px; box-sizing:border-box;}
.footerMap .infoBox .inInfoBox .boxItem .linkBox a + a{margin-top:20px;}
.footerMap .infoBox .inInfoBox .boxItem .linkBox a .textBox{display:inline-flex; align-items:center;}
.footerMap .infoBox .inInfoBox .boxItem .linkBox a .textBox .sprite{flex-shrink:0; margin-right:15px;}
.footerMap .infoBox .inInfoBox .boxItem .linkBox a .textBox strong{display:inline-block; font-weight:900; margin-right:8px;}
.footerMap .infoBox .inInfoBox .boxItem .linkBox a span{display:inline-flex; flex-shrink:0; overflow:hidden;}
.footerMap .infoBox .inInfoBox .boxItem .linkBox a.ddocdoc{background:#fdd20d; color:#000;}
.footerMap .infoBox .inInfoBox .boxItem .linkBox a.naver{background:#03cf5c; color:#fff;}
.footerMap .infoBox .inInfoBox .boxItem .linkBox a.naver img{filter:drop-shadow(0px 100px 0 #fff); transform:translateY(-100px);}
.footerMap .infoBox .inInfoBox .boxItem .linkBox a.naver2{background:#03cf5c; color:#fff;}
.footerMap .infoBox .inInfoBox .boxItem .linkBox a.naver2 img{filter:drop-shadow(0px 100px 0 #fff); transform:translateY(-100px);}
.footerMap .infoBox .inInfoBox .boxItem .timeList{width:100%; height:auto;}
.footerMap .infoBox .inInfoBox .boxItem .timeList .listItem{display:flex; align-items:center; width:100%; height:auto; font-size:22rem; font-weight:500; letter-spacing:0; line-height:1;}
.footerMap .infoBox .inInfoBox .boxItem .timeList .listItem + .listItem{margin-top:15rem;}
.footerMap .infoBox .inInfoBox .boxItem .timeList .listItem .inItemTitle{display:inline-block; flex-shrink:0; width:auto; min-width:110px; font-weight:500;}
.footerMap .infoBox .inInfoBox .boxItem .timeList .listItem .inItemTitle span{display:inline-block; width:1.6em; text-align:center;}
.footerMap .infoBox .inInfoBox .boxItem .timeList .listItem strong{font-weight:500; margin-left:0.3em;}
.footerMap .infoBox .inInfoBox .boxItem .timeList .listItem .night{display:inline-block; padding:6.5px 12px; border-radius:16px; background:#1d2741; font-size:15rem; font-weight:700; letter-spacing:-0.025em; line-height:1; color:#fff; margin-left:15px;}
.footerMap .infoBox .inInfoBox .boxItem .timeCaution{display:flex; align-items:flex-start; width:100%; height:auto; font-size:16rem; font-weight:400; letter-spacing:-0.025em; line-height:1.4; color:#5e5e5e; margin-top:30px;}
.footerMap .infoBox .inInfoBox .boxItem .timeCaution + .timeCaution{margin-top:8px;}
.footerMap .infoBox .inInfoBox .boxItem .timeCaution span{display:inline-block; flex-shrink:0; margin-right:5px;}
.footerMap .infoBox .inInfoBox .boxItem .timeCaution b {font-weight:600; color:#ee7703; }
.footerMap .mapBox{width:100%; height:460px; overflow:hidden; position:relative;}
.footerMap .mapBox .root_daum_roughmap{width:100%; height:100%; position:absolute; top:0; left:0;}
.footerMap .mapBox .root_daum_roughmap .wrap_map{height:100% !important;}

@media (max-width:1280px) {
	.footerMap .infoBox .inInfoBox .boxItem .inBox{padding:95px 30px;}
}


@media (max-width:1200px) {
	.footerMap .infoBox .inInfoBox{flex-wrap:wrap; justify-content:center; align-content:flex-start; width:100%; height:auto;}
	.footerMap .infoBox .inInfoBox .boxItem{justify-content:center; align-items:flex-start; width:100%; height:auto;}
	.footerMap .infoBox .inInfoBox .boxItem + .boxItem{justify-content:center; padding-left:0;}
}

@media (max-width:1000px) {
	.footerMap .infoBox .inInfoBox .boxItem .inBox{padding:95px 30px;}
	.footerMap .infoBox .inInfoBox .boxItem .itemTitle{font-size:32px;}
	.footerMap .infoBox .inInfoBox .boxItem address{font-size:26px;}
	.footerMap .infoBox .inInfoBox .boxItem .inCall span {font-size:52px;}
	.footerMap .infoBox .inInfoBox .boxItem .linkBox a{max-width:450px; height:85px; font-size:28px;}
	.footerMap .infoBox .inInfoBox .boxItem .timeList .listItem{font-size:26px;}
	.footerMap .infoBox .inInfoBox .boxItem .timeList .listItem .inItemTitle{min-width:130px;}
	.footerMap .infoBox .inInfoBox .boxItem .timeCaution{font-size:24px;}


}


@media (max-width:768px) {
	.footerMap .infoBox .inInfoBox .boxItem .inBox{padding:12.36979vw 3.90625vw;}
	.footerMap .infoBox .inInfoBox .boxItem .sprite{margin-right:3.25521vw;}
	.footerMap .infoBox .inInfoBox .boxItem .boxContent{padding-top:2.60417vw;}
	.footerMap .infoBox .inInfoBox .boxItem .itemTitle{font-size:4.68750vw; margin-bottom:3.25521vw;}
	.footerMap .infoBox .inInfoBox .boxItem i img {width:30rem;}
	.footerMap .infoBox .inInfoBox .boxItem address{font-size:16rem;}
	.footerMap .infoBox .inInfoBox .boxItem address span {font-size:14rem;}
	.footerMap .infoBox .inInfoBox .boxItem .boxContent dl dd {font-size:14rem; }
	.footerMap .infoBox .inInfoBox .boxItem .inCall{ margin-top:5.20833vw;}
	.footerMap .infoBox .inInfoBox .boxItem .inCall span {font-size:7.29167vw;}
	
	.footerMap .infoBox .inInfoBox .boxItem .linkBox{margin-top:6.51042vw;}
	.footerMap .infoBox .inInfoBox .boxItem .linkBox a{max-width:65.10417vw; height:11.71875vw; font-size:4.16667vw; padding:0 3.90625vw 0 4.94792vw;}
	.footerMap .infoBox .inInfoBox .boxItem .linkBox a + a{margin-top:2.60417vw;}
	.footerMap .infoBox .inInfoBox .boxItem .linkBox a .textBox .sprite{margin-right:1.95313vw;}
	.footerMap .infoBox .inInfoBox .boxItem .linkBox a .textBox strong{margin-right:1.04167vw;}
	.footerMap .infoBox .inInfoBox .boxItem .linkBox a img{width:3.64583vw; height:auto;}
	.footerMap .infoBox .inInfoBox .boxItem .naver {display:none;}
	.footerMap .infoBox .inInfoBox .boxItem .naver2 {display: flex; align-items: center; justify-content: center; gap:10px;}
	.footerMap .infoBox .inInfoBox .boxItem .linkBox a.naver img{filter:drop-shadow(0.00000vw 13.02083vw 0 #fff); transform:translateY(-13.02083vw);}
	.footerMap .infoBox .inInfoBox .boxItem .linkBox a.naver2 img{filter:drop-shadow(0.00000vw 13.02083vw 0 #fff); transform:translateY(-13.02083vw);}
	.footerMap .infoBox .inInfoBox .boxItem .timeList .listItem{font-size:3.90625vw;}
	.footerMap .infoBox .inInfoBox .boxItem .timeList .listItem + .listItem{margin-top:3.25521vw;}
	.footerMap .infoBox .inInfoBox .boxItem .timeList .listItem .inItemTitle{min-width:19.53125vw;}
	.footerMap .infoBox .inInfoBox .boxItem .timeList .listItem .night{padding:0.84635vw 1.56250vw; font-size:2.64583vw; border-radius:2.60417vw; margin-left:1.95313vw;}
	.footerMap .infoBox .inInfoBox .boxItem .timeCaution{font-size:3.64583vw; margin-top:3.90625vw;}
	.footerMap .infoBox .inInfoBox .boxItem .timeCaution + .timeCaution{margin-top:1.04167vw;}
	.footerMap .infoBox .inInfoBox .boxItem .timeCaution span{margin-right:0.65104vw;}
	.footerMap .mapBox{height:59.89583vw;}
}


.sub_con *{font-family:'pretendard',sans-serif;font-size:20px;font-weight:300;letter-spacing:-.5px;color:#000;word-break:keep-all;}
.sub_con .wrap{max-width:80%;margin:0 auto;}
.sub_con .tt span { transform: rotate(-0.03deg); font-size:20rem;  font-weight:500; color:#ee7700; letter-spacing:5px; margin-bottom:0rem; display:block; }
.sub_con .tt span.point { transform: rotate(-0.03deg); font-size:17rem;  font-weight:500; color:#ee7700; letter-spacing:-.5px; margin-bottom:0rem; display:block; }
.sub_con .tt em{ display:block;padding-bottom:10rem;font-size:15rem;letter-spacing:0.1em;color:#008fd2; font-style:normal; transform: rotate(-0.03deg);}
.sub_con .tt h3{ font-size:35rem;line-height:130%; font-weight:600;}
.sub_con .tt p{padding-top:34px;font-size:17rem; font-weight:400; }
.sub_con .tt p b{font-size:20rem; margin-bottom:20rem; display:block; font-weight:600;}
.sub_con .tt p span {color:#ee7700; font-weight:600; font-size:inherit; }
.sub_con p{line-height:160%;}

.sub_con .taC{text-align:center;}
.sub_con .wht *{color:#fff !important;}
.sub_con .monly{display:none;}
.sub_con .imgmo{display:none;}

@media all and (max-width: 1023px) {
    
    .sub_con *{font-size:16px;}
    .sub_con .wrap{max-width:100%;}
    .sub_con .tt em{font-size:0.75em;padding-bottom:14px;}
	.sub_con .tt span {font-size:15rem;}
	.sub_con .tt span.point {font-size:15rem;}
    .sub_con .tt h4{font-size:1.4em;}
    .sub_con .tt h3{font-size:22rem;}
    .sub_con .tt p{padding-top:18px; font-size:15rem; }
	.sub_con .tt p b{font-size:16rem; }
	.sub_con .tt p span{font-size:16rem; }
    
    .sub_con .monly{display:block !important;}
    .sub_con br.m{display:block !important;}
    .sub_con .imgmo{display:block;}
    .sub_con .imgpc{display:none;}
}
@media all and (max-width: 375px) {
    .sub_con *{font-size:15rem;}
}

.sec01{position:relative; padding:50rem 0;}
.sec01 .inner{max-width:1400rem; margin:0 auto; display: flex;  align-items: center;  justify-content: space-between;}
.sec01 .inner img{border-radius:20px; }

@media (max-width: 1023px) {
	.sec01 .inner{flex-direction:column; }
	.sec01 .tt{margin-bottom:30rem;}
}



.process {}
.process .process-wrap {padding: 70rem;background: #f5f5f5;border-radius: 30rem;}
.process .process-title {margin-bottom: 10rem;letter-spacing: -0.02rem; font-size:30rem; font-weight:600; letter-spacing:-.5px; text-align:center; }
.process .process-txt { text-align:center; margin:50rem 0; }
.process .process-txt h4 {font-size:25rem; font-weight:700; letter-spacing:-.5px; margin-bottom:20rem; color:#008fd7; }
.process .process-txt p {font-size:18rem; font-weight:500; letter-spacing:-.5px;}
.process .process-step {display: flex;flex-wrap: wrap;align-items: center;background: #ffffff;border-radius: 44.5rem;padding: 21.5rem 25rem;margin-bottom: 10rem;opacity: 0;letter-spacing: -0.02rem;}
.process .process2-step {max-width:900rem; margin:0 auto 10rem; display: flex;flex-wrap: wrap;align-items: center;background: #ffffff;border-radius: 44.5rem;padding: 21.5rem 25rem;opacity: 0;letter-spacing: -0.02rem;}
.process .step-pill {width: 100rem;text-align: center;padding: 10.5rem 0;border-radius: 22.5rem;background: #008fd7;color: #fff;font-size: 16rem;font-weight: 700;}
.process .step2-pill {width: 100rem;text-align: center;padding: 10.5rem 0;border-radius: 22.5rem;background: #008fd7;color: #fff;font-size: 16rem;font-weight: 700;}
.process .step-title {width: 480rem;font-size: 20rem;font-weight: 700;padding-left: 40rem; letter-spacing:-.5px; }
.process .step-desc {width: calc(100% - 580rem);font-size: 16rem;color: #666666;}
.process .step-desc img {width:100rem; border-radius:50px; }
.process .step2-title {width: 300rem;font-size: 20rem;font-weight: 700;padding-left: 40rem; letter-spacing:-.5px; }
.process .step2-desc {width: calc(100% - 400rem);font-size: 16rem;color: #666666;}
.process .arrow-wrap {padding: 12rem 70rem 30rem;text-align: center;display: flex;align-items: center; justify-content: center;background: transparent;border-radius: inherit;margin-bottom: 0;}
.process .arrow_box {}
.process .arrow {display: block;font-size: 16rem;font-weight: 900;color: #008fd7;animation: arrow-motion 1.2s infinite ease-in-out;}
.process .arrow:nth-child(1) {animation-delay: 0.0s;}
.process .arrow:nth-child(2) {animation-delay: 0.2s;}
.process .arrow:nth-child(3) {animation-delay: 0.4s;}

@keyframes arrow-motion {
	0% {
		transform: translateY(0);
		opacity: 1;
	}
	80% {
		opacity: 0;
	}
	100% {
		transform: translateY(20px);
		opacity: 0;
	}
}

@media screen and (max-width: 1300px){
	.process .process-wrap {padding: 50rem 20rem;}
	.process .step-title {width: 280rem;}
	.process .step-desc {width: calc(100% - 380rem);}
}
@media screen and (max-width: 768px){
	.process .process-title {font-size:22rem;}
	.process .step-pill {width: 70rem;text-align: center;padding: 7rem 0;font-size: 13rem;}
	.process .step2-pill {width: 70rem;text-align: center;padding: 7rem 0;font-size: 13rem; margin:0 auto; }
	.process .step-title {width: 100%;padding-left: 0;padding-top: 10rem; font-size:16rem;}
	.process .step-desc {width: 100%;padding-top: 10rem; font-size:14rem;}
	.process .step2-title {width: 100%;padding-left: 0;padding-top: 10rem; font-size:16rem;}
	.process .step2-desc {width: 100%;padding-top: 10rem; font-size:14rem;}
	.process .process-step {border-radius: 30rem;}
	.process .process2-step {border-radius: 30rem; text-align:center; }
}


.ethical {}
.ethical .ethics-section {width: 100%;letter-spacing: -0.02rem;}
.ethical .ethics-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 20rem;position: relative;}
.ethical .ethics-item {display: flex; align-items: center; gap:30rem; background: #f5f5f5;padding: 75rem 60rem;border-radius: 30rem;}
.ethical .ethics-item img {text-align:center; margin:0 auto; }
.ethical .ethics-item i img {width:120rem; border-radius:200rem; }
.ethical .ethics-item ul {width:85%;}
.ethical .ethics-item span {background:#1d2741; font-size: 13rem;font-weight: 700; color:#fff; border-radius:20px; padding:7rem 10rem; }
.ethical .ethics-item h3 {font-size: 22rem;font-weight: 700; margin-top:10rem; }
.ethical .ethics-item p {font-size: 17rem;letter-spacing:-.5px; color: #666666;line-height: calc(30 / 20);padding-top: 7rem;}
.ethical .ethics-center-badge {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background: #008fd7;color: #fff;font-size: 22rem;font-weight: 600;width: 200rem;aspect-ratio: calc(200/ 54);border-radius: 47rem;}
.ethical .ethics-center-badge .ethics-center-badge_wrap {width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.ethical .ethics-center-badge .ethics-center-badge_wrap:before {content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: calc(100% + 30rem);height: calc(100% + 30rem);background: rgba(0, 143, 215, 0.3);z-index: -1;border-radius: 60rem;}

@media screen and (max-width: 1023px){
	.ethical .ethics-grid {grid-template-columns: repeat(1, 1fr);}
	.ethical .ethics-center-badge {background:none; color:#000; font-size:25rem; position: relative;top: auto;left: auto;transform: translate(0%, 0%);order: 1;width: 80%;margin:0 auto; aspect-ratio: auto;padding: 10rem;margin-bottom: 20rem;  }
	.ethical .ethics-center-badge .ethics-center-badge_wrap:before {display:none;}
	.ethical .ethics-item {order: 2; padding: 30rem 20rem;}
	.ethical .ethics-item ul {width:85%; }
	.ethical .ethics-item h3 {font-size: 18rem;}
	.ethical .ethics-item p {font-size: 14rem;}
}


.sec_chk{background:#fff6f1; padding-bottom:100rem; }
.sec_chk .con{display:flex;justify-content:center;}
.sec_chk .con li{min-width:450px;border-bottom:1px solid rgba(0,0,0,0.1);padding:30rem;}
.sec_chk .con li span{position:relative;display:block;line-height:1.5;padding-left:48px;font-size:20rem;font-weight:400;word-break: keep-all;}
.sec_chk .con li span b{font-size:1em;font-weight:600 !important;}
.sec_chk .con li span:before{content:'';display:block;position:absolute;top:0px;left:0;width:30px;height:30px;background:url(../img/sub/chk2.png) no-repeat center center/contain;}
.sec_chk .con li span b{font-weight:700;}
    
@media all and (max-width: 1023px) {
        
        .sec_chk .tt p br{display:none;}
        .sec_chk .con ul{width:100%;}
        .sec_chk .con li{min-width:auto;padding:12px 0;height:auto;}
        .sec_chk .con li span{padding-left:32px;line-height:150%;font-size:15rem;}
        .sec_chk .con li span:before{width:22px;height:22px;top:0px;left:0;}
}



.sec_caution{padding:100rem 0;   }
.sec_caution .wrap { display: flex;gap:50px; }
.caution_title {width:400rem;}
.sec_caution ul {}
.sec_caution ul li { display: flex; margin-bottom:10rem;  }
.sec_caution ul li .num{display: flex; align-items: center; justify-content: center;  color: #008fd7; font-weight:600; margin-right:20rem; font-size:15rem; background:#ecf5fa; width:40px; height:40px; text-align:center; border-radius:50px;   }
.sec_caution ul li p {color: #000; font-weight:400; font-size:17rem; margin-bottom:15rem; padding-top:5rem; width:100%;}

@media all and (max-width: 1023px) {
	.sec_caution .wrap {    flex-direction: column; }
	.caution_title {width:300rem;}
	.sec_caution ul li .num{ font-size:13rem; width:30px; height:30px;  }
	.sec_caution ul li p { font-size:14rem;  width:85%;}
}


.sec_boxes{padding:100rem 0 50rem; }
.sec_boxes .box4 ul{display:grid;grid-template-columns: repeat(4, 1fr);gap:20px;text-align:center;}
.sec_boxes .box5 ul{ display:grid;grid-template-columns: repeat(5, 1fr);gap:20px;text-align:center;}
.sec_boxes .con ul{margin-top:50rem; }
.sec_boxes .con li{display:flex;justify-content:center;align-items:center;border-radius:20px;padding:50rem 20rem; background:#1d2741;}
.sec_boxes .con li i{font-size:20rem;font-weight:400;color:#fff; background:#008fd7; border-radius:50px; padding:10rem; }
.sec_boxes .con li p{padding-top:20px;font-size:17rem;font-weight:400;color:#fff;}
    
@media all and (max-width: 1024px) {
        .sec_boxes .box4 ul{display:grid;grid-template-columns: repeat(2, 1fr);gap:12px;}
        .sec_boxes .box5 ul{display:grid;grid-template-columns: repeat(2, 1fr);gap:12px;}
        .sec_boxes .con li{padding:30px 10px;}
		.sec_boxes .con li i{font-size:15rem;padding:5rem; }
        .sec_boxes .con li img{width:32px;}
        .sec_boxes .con li p{padding-top:14px;font-size:14rem;}
}


.sec_point_s{padding:100rem 0; background:url(../img/sub/s_point_bg.jpg) center top no-repeat; }
.processList1{margin-top:50rem; display:flex; flex-wrap:wrap; align-content:flex-start; width:100%; gap:20px; }
.processList1 .listItem{display:flex; align-items:center; width:100%; background:rgba(255,255,255,0.9); border-radius:18px; padding:30px;}
.processList1 .listItem .itemTitle{display:inline-flex; flex-shrink:0; align-items:flex-start; width:250rem; text-align:center; font-size:22rem; letter-spacing:-0.05em;}
.processList1 .listItem .itemTitle .number{display:inline-block; flex-shrink:0; font-weight:700; line-height:1; color:#093fb4;}
.processList1 .listItem .itemTitle .text{display:inline-flex; justify-content:center; align-items:center; width:200rem; height:60px; font-weight:600; line-height:30px; color:#222;}
.processList1 .listItem .itemText{display:inline-block; flex-grow:1; padding-left:30px; font-size:18rem; font-weight:500; letter-spacing:-.5px; line-height:1.5; color:#222; position:relative;}
.processList1 .listItem .itemText::before{content:""; display:block; width:1px; height:100%; min-height:55px; background:#dbdbdb; position:absolute; top:50%; left:0; transform:translateY(-50%);}

@media (max-width:1000px) {
	.processList1{gap:20px;}
	.processList1 .listItem{flex-direction:column;border-radius:18px; padding:30px;}
	.processList1 .listItem .itemTitle{width:230px; font-size:25rem;}
	.processList1 .listItem .itemTitle .text{height:68px; width:170px; line-height:34px;}
	.processList1 .listItem .itemText{padding-left:0px; font-size:14rem; border-top:1px solid #ddd; padding-top:30rem; }
	.processList1 .listItem .itemText::before {display:none;}

}




.sec_implant_table {padding:50px 0; letter-spacing:-2px;}
.sec_implant_table table {text-align:center; width:100%; max-width:1200px; margin:50px auto; box-sizing:border-box; border-spacing:0; border-collapse:separate; }
.sec_implant_table table th { padding:3% 0; font-weight:600; border-radius: 30rem 30rem 0 0; }
.sec_implant_table table th.table_left {font-size:25rem; color:#fff; background:#333; border-right:1px solid #b8b8b8; border-top:1px solid #b8b8b8; border-left:1px solid #b8b8b8;}
.sec_implant_table table th.table_center {background:none; font-size:25rem; border-top:0px solid #b8b8b8;}
.sec_implant_table table th.table_right {font-size:25rem; color:#fff; background:#008fd7; border-top:1px solid #008fd7; border-right:1px solid #008fd7;}

.sec_implant_table table td {padding:2.5% 0; font-size:18rem; line-height:1.35; letter-spacing:-1px; font-weight:400; background:#fff;}
.sec_implant_table table td.table_left {border-left:1px solid #b8b8b8; border-right:1px solid #b8b8b8; border-bottom:1px solid #b8b8b8;}
.sec_implant_table table td.table_center {background:none;font-size:18rem; color:#333; }
.sec_implant_table table td.table_right {border:1px solid #008fd7; border-top:none; color:#1d2741; font-weight:600;}

.sec_implant_table table td.table_left.img {padding:0; }
.sec_implant_table table td.table_right.img {padding:0; background:#fff1ea;}

.sec_implant_table table td.table_left strong {font-weight:800;}
.sec_implant_table table td.table_right strong {font-weight:800; color:#008fd7;}


@media screen and (max-width: 1600px){

	.sec_implant_table table {width:85%;}
	.sec_implant_table ul {width:85%;}

}


@media screen and (max-width: 1280px){
	.sec_implant_table table {width:75%;}
	.sec_implant_table ul {width:75%;}
}


@media screen and (max-width: 1024px) {

	.sec_implant_table dl dt {font-size:30px;}
	.sec_implant_table dl dd {font-size:64px;}
	.sec_implant_table ul li p {font-size:22px;}
	.sec_implant_table ul li p strong {font-size:36px;}
	.sec_implant_table table td.table_center {font-size:13px;}

}



@media screen and (max-width: 720px) {

	.sec_implant_table {padding:11.11vw 0px; letter-spacing: -0.28vw;}
	.sec_implant_table dl dt {font-size:4.44vw;}
	.sec_implant_table dl dt strong {font-size:4.44vw;}
	.sec_implant_table dl dd {font-size: 9.03vw; font-weight: 600; margin-top: 2.08vw; letter-spacing: -0.69vw;}

	.sec_implant_table table {width:100%; margin:6.25vw auto 4.17vw;}
	.sec_implant_table table th {border-radius: 10rem 10rem 0 0; }
	.sec_implant_table table th.table_left {font-size:3.33vw; border-top:0.42vw solid #b8b8b8; border-left:0.42vw solid #b8b8b8; border-right:0.42vw solid #b8b8b8;}
	.sec_implant_table table th.table_right {font-size:3.33vw; border-top:0.42vw solid #008fd7; border-right:0.42vw solid #008fd7;}
	.sec_implant_table table th.table_center {font-size:15px; }

	.sec_implant_table table td {font-size:12px;}
	.sec_implant_table table td.table_left {border-left:0.42vw solid #b8b8b8; border-bottom:0.42vw solid #b8b8b8; border-right:0.42vw solid #b8b8b8;}
	.sec_implant_table table td.table_center {font-size:3vw;}
	.sec_implant_table table td.table_right {border:0.42vw solid #008fd7; border-top:none;}

}


.bgColor3{background-color:#f1f5f8 !important;}

.sec_check{padding:50rem; margin-bottom:20rem; }
.sec_check .tt {text-align:center; margin-bottom:50rem; margin-top:50rem; }
.sec_check h3 {font-size:30rem; font-weight:800; letter-spacing:-1px; margin-bottom:10rem;}
.sec_check p {font-size:20rem; font-weight:500; letter-spacing:-.5px; }
.sec_check .dr{display:flex;align-items:center;gap:10%;}
.sec_check .dr:nth-child(even){flex-direction:row-reverse;}
.sec_check .dr + .dr{padding-top:80px;}
.sec_check .dr .pic {width:100%; }
.sec_check .dr .pic img {border-radius:20px; }
.sec_check .dr .txt{width:100%;padding-top:30px;}
.sec_check .dr .txt h4{padding-top:32px;font-size:25rem;font-weight:600; color:#000; letter-spacing:-.5px;}
.sec_check .dr .txt h5{padding-top:32px;font-size:20rem;font-weight:500; color:#16a6cb; letter-spacing:-.5px; }
.sec_check .dr .txt p.txt {padding-top:32px;font-size:18rem;font-weight:400; color:#000; letter-spacing:-.5px;}
.sec_check .dr .txt ul{padding-top:24px;}
.sec_check .dr .txt li{display: flex; gap:10px;  position:relative;padding-left:8px;margin-bottom:20rem;font-size:17rem;line-height:130%;  font-size:18rem; font-weight:500; letter-spacing:-0.025em; line-height:28px; color:#222;}
.sec_check .dr .txt li i {color:#008fd7; padding-top:5rem; }
.sec_check .dr .txt li p {font-weight:600; font-size:20rem; color:#008fd7; }
.sec_check .dr .txt li p.black {color:#333; }
.sec_check .dr .txt li p span {display:block; font-weight:400; font-size:16rem; margin-top:10rem; color:#222;}
.sec_check .img {text-align:center;}

@media all and (max-width: 1024px) {
    .sec_check{padding:50rem 20rem;}
	.sec_check h3 {font-size:22rem; line-height:1.4; margin-bottom:15rem;}
    .sec_check .dr{display:block;}
    .sec_check .dr + .dr{padding-top:50px;}
    .sec_check .dr .pic{text-align:center;}
    .sec_check .dr .pic img{max-width:100%;}
    .sec_check .dr .txt{padding-top:30px;text-align:center;}
	.sec_check .dr .txt h4{font-size:20rem;}
	.sec_check .dr .txt h5{font-size:15rem;}
	.sec_check .dr .txt p.txt {font-size:14rem;}
    .sec_check .dr .txt ul{padding-top:20px;text-align:left;}
	.sec_check .dr .txt li p {font-size:18rem; }
	.sec_check .dr .txt li p span {font-size:14rem; }
    
}


.sec_key{ background-image: linear-gradient(to bottom, #fff, #1d2741); padding:50rem 0; position: relative; }
.sec_key .inner .pic_box {position: relative; max-width: 770px; width: 100%; margin: 0 auto; margin-bottom: -100px; }
.sec_key .inner .pic_box img { max-width: 770px; width: 100%; margin: 0 auto; display: block; }
.sec_key .tt {margin-bottom:30rem;}
.sec_key .inner ul.con {max-width:850rem; margin:0 auto; display:grid;grid-template-columns: repeat(3, 1fr); gap: 20px 20px; justify-content: center;  position: relative; z-index: 1; } 
.sec_key .inner ul.con li {display: flex; flex-direction: column; justify-content: center;  align-items: center; text-align: center; gap: 16px; background: #fff; padding: 20px 10px; border-radius: 40px; aspect-ratio: 1 / 1; border: 1px solid #1d2741; } 
.sec_key .inner ul.con li img { width: 100%; border-radius: 20px; }
.sec_key .inner ul.con li h4 { display: block; font-size: 18rem; text-transform: uppercase; font-weight: 600; background: #1d2741; color: #fff; padding: 8px 20px; border-radius: 99px; } 
.sec_key .inner ul.con li p { font-size: 17rem; line-height: 130%; font-weight:400;}

@media all and (max-width: 1024px){
    .sec_key .inner .pic_box { margin-top: 40px; margin-bottom: 0px; }
    .sec_key .inner ul.con { display:grid;grid-template-columns: repeat(3, 1fr);  gap: 14px; }
	.sec_key .inner ul.con li {aspect-ratio: 1 / 0.6;}
    .sec_key .inner ul.con li img { border-radius: 10px; }
    .sec_key .inner ul.con li h4 { font-size: 14rem; padding: 4px 12px; }
    .sec_key .inner ul.con li p {font-size: 14rem; }
 }
 @media all and (max-width: 800px){
    .sec_key .inner ul.con { display:grid;grid-template-columns: repeat(1, 1fr);  gap: 14px; }
	.sec_key .inner ul.con li {aspect-ratio: 1 / 0.3; }
 }

 .mart50 {margin-top:50rem;}


.sec_greeting{padding:70rem 0; position:relative;}
.sec_greeting .wrap{  display:flex;}
.sec_greeting .tt{width:50%; display: flex;  align-items: center; gap:20rem;}
.sec_greeting .tt h2 {}
.sec_greeting .tt h3 span {line-height:1.5; font-size:30rem; color:#008cd6; letter-spacing:-.5px; }
.sec_greeting .tt h3 span i {font-size:30rem; display:block; font-style:normal; color:#1d2741; font-weight:700;}
.sec_greeting .con .txt p{font-size:18rem; font-weight:500; letter-spacing:-.5px; line-height:180%;color:#343434;}

@media all and (max-width: 1023px) {
	.sec_greeting{padding:50rem 0;}
	.sec_greeting .wrap{display:block}
    .sec_greeting .tt{width:100%; }
	.sec_greeting .tt h2 img {width:30rem;}
	.sec_greeting .tt h3 span { font-size:18rem;}
	.sec_greeting .tt h3 span i { font-size:18rem;}
	 .sec_greeting .con .txt p{font-size:15rem; margin-top:30rem; }
}


.intro {padding:90rem 0 50rem; background:#d2ddf1 url("../img/sub/intro_bg.jpg") center top no-repeat;}
.intro_list{}
.intro_item{display: flex;  align-items: center;  justify-content: space-between; margin-bottom:10rem; width:100%; background:rgba(255,255,255,0.9); border-radius:18px; padding:30px; }
.intro_list h5 {display: flex;  align-items: center;  width:40%; color:#000;   font-size:22rem; font-weight:600; line-height: 1.4; letter-spacing:-.5px; margin-bottom:20rem;}
.intro_list h5 span {display:inline-block; width: 100rem;text-align: center;padding: 7rem 0;border-radius: 22.5rem; margin-right:10rem; background: #008fd7;color: #fff;font-size: 16rem;font-weight: 700;}
.intro_list p {width:80%; color:#333; font-weight:400;font-size:17rem; line-height: 1.7;  letter-spacing:-.5px;  word-break: keep-all;}

@media(max-width:1024px){
	.intro_item {flex-direction:column; padding:30px 10px; }
	.intro_list h5 {width:100%; flex-direction:column; font-size:17rem; letter-spacing:-.5px;}
	.intro_list h5 span {padding: 5rem 0;margin-right:0rem; font-size: 14rem; margin-bottom:10rem; }
	.intro_list p {font-size:13rem; }
}