@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;padding: 50rem 0 0;}
#contents p {word-break:keep-all;}

/* 서브비주얼 */
#sub_visual{margin-top:100rem; position:relative;height:325rem;background-color:#000;background-size:cover;background-position:60%;text-align:center;display: flex;justify-content: center; align-items: center; }
#sub_visual h2{word-break: keep-all; font-weight:800;font-size:45rem;color:#fff;animation:up .5s .2s forwards;}
#sub_visual p{word-break: keep-all; position:relative;line-height:1;font-weight:500;font-size:15rem;color:#fff;letter-spacing:5px;animation:up .5s .2s forwards;}

/* 서브 상단 이미지 */
#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;}
#snb {position:relative;width:100%;  z-index:10; }
.left_snb{width:1400rem; margin:0 auto; text-align:center;}
.left_snb h3 {float:left; font-size:20rem; font-weight:800; color:#333; padding-top:17rem; margin-right:30rem;}
.left_snb h3:after {content: ""; position:absolute; width:1rem; height:15rem; background:#e5e5e5; text-align:left; margin-left:25rem; margin-top:7rem;}
.left_snb ul {}
.left_snb li {display:inline-block;padding:0rem 25rem; }
.left_snb li:first-child a:after{display:none;}
.left_snb li a{color:#000; display:block; margin:0 10rem; letter-spacing:-.5px; font-size:20rem; font-weight:600;  position:relative;}
.left_snb li.on a { color:#6b702e;  }
.left_snb li.on a:before{width:1px;height:30px;background:#6b702e;display:block; margin:0px auto 20rem; content:"";-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-moz-transition:all 0.2s ease;}


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

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

@media (max-width:860px) {
	#sub_visual{height:250rem}
	#sub_visual h2{font-size:35rem;}
	#sub_visual p{ font-size:13rem}
}

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

	#sub_visual{height:180rem}
	#sub_visual h2{font-size:23rem; }
	#sub_visual p{font-size:13rem; letter-spacing:3px; }

	.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{padding:0rem 0}
	#contents p{font-size:14rem}

}

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

.sec_dr {position: relative; overflow: hidden; margin-bottom:50rem; }
.sec_dr .inner {  max-width: 73%; margin: 0 auto;  display: flex; align-items: flex-start; } 
.sec_dr .pic { width: 40%; max-width: 600px; padding-bottom:50rem;} 
.sec_dr .pic img { border-radius:10px; display: block; width: 100%; height: 100%; object-fit: cover; } 
.sec_dr .pic::after { content: ""; width: 50vw; height: 290px; border-radius: 0 20px 20px 0; background: #6b712f; position: absolute; left: -25vw; bottom: -60px; z-index: -1; } 
.sec_dr .txt { position: relative; flex: 1; padding-left: 7vw; background: url("../img/sub/symbol.png") no-repeat 100% 100%/350px auto; } 
.sec_dr .txt .tt { padding-bottom: 40px; border-bottom: 1px solid #ddd; } 
.sec_dr .txt > p { display: flex; align-items: center; justify-content: center; width: 420px; height: 52px; border-radius: 26px; margin: 40px 0; background: #6b712f; color: #fff; font-size: 1.1em; } 
.sec_dr .txt .name { display: flex; align-items: flex-end; gap: 12px; padding-bottom: 30px; border-bottom: 1px solid #ddd;} 
.sec_dr .txt .name dt { font-size: 40rem; font-weight: 800; color: #000; } 
.sec_dr .txt .name dd { font-size: 30rem; font-weight: 800; } 
.sec_dr .txt .uls {margin-top:30rem; display: flex; gap: 5vw; } 
.sec_dr .txt .uls li { position: relative; padding-left: 8px; padding-bottom: 12px; font-size: 19rem; font-weight:500; letter-spacing:-.5px; line-height: 140%; color:#3d3c3c; } 
.sec_dr .txt .uls li:before { content: ""; position: absolute; top: 11px; left: 0; display: block; width: 4px; height: 4px; border-radius: 50%; background: #b1a17b; } 
.sec_dr .txt .uls li.last {margin-bottom:30rem;}

@media all and (max-width: 1400px){
 .sec_dr .txt .uls { flex-direction: column; gap: 12px; } 
 }
@media all and (max-width: 1024px){
 .sec_dr .inner { flex-direction: column; gap: 20px; } 
 .sec_dr .pic { width: 100%; margin: auto; } 
 .sec_dr .pic::after {display:none;  width: 130vw; height: 160px; border-radius: 0px; right: -30vw; } 
 .sec_dr .txt { width: 100%; padding: 0px; background-image: none; } 
 .sec_dr .txt > p { width: 310px; height: 42px; margin: 30px 0; } 
 .sec_dr .txt .name { padding-bottom: 30px; } 
 .sec_dr .txt .name dt { font-size: 30rem; }
 .sec_dr .txt .name dd { font-size: 22rem; }
 .sec_dr .txt .uls li { font-size: 1em; padding-bottom: 8px; } 
 .sec_dr .txt .uls li:before { top: 8px; } 
 }



.sub_con{}
.sub_con *{font-family:'pretendard',sans-serif;font-size:20px;font-weight:300;letter-spacing:-0.0455em;line-height:160%;box-sizing:border-box;}
.sub_con .wrap{max-width:84%;margin:0 auto;}
.sub_con .tt{padding-bottom:60px;}
.sub_con .tt em{font-style:normal; display:block;padding-bottom:14px;font-size:0.85em;letter-spacing:0.25em;color:#d7b761;}
.sub_con .tt h3{font-size:40rem;line-height:130%;font-weight:200;}
.sub_con .tt h3 b{font-size:1em;line-height:130%;font-weight:700;}
.sub_con .tt p{padding-top:24px;}

.sub_con .taC{text-align:center;}
.sub_con .wht *{color:#fff !important;}
.sub_con .monly{display:none;}
.sub_con b{font-weight:700;}
.sub_con .key{color:#d7b761;}

@media all and (max-width: 1024px) {
    
    .sub_con{padding:60px 20px;}
    .sub_con *{font-size:16px;}
    .sub_con .wrap{max-width:100%;}
    .sub_con .tt{padding-bottom:40px;}
    .sub_con .tt h3{font-size:25rem;}
    
    .sub_con .monly{display:block !important;}
    .sub_con br.m{display:block !important;}
}

.sec_bothbox{padding:50rem 0;}
.sec_bothbox .con {margin-bottom:30rem;}
.sec_bothbox .box{display:flex;align-items:center;padding-bottom:100px;}
.sec_bothbox .box:last-child{padding-bottom:0;}
.sec_bothbox .box.reverse { flex-direction: row-reverse; justify-content: space-between;}
.sec_bothbox .pic{width:50%;}
.sec_bothbox .pic img{display:block;width:100%;border-radius:10px;}
.sec_bothbox .pic dl.tag {margin-top:20rem; display:flex;flex-wrap:wrap;gap:5rem;}
.sec_bothbox .pic dl.tag dd {border-radius:50px; font-size:15rem; font-weight:500; color:#fff; text-align:center; padding:1rem 10rem; }
.sec_bothbox .pic dl.pink dd {background:#da9dbe;}
.sec_bothbox .pic dl.blue dd {background:#80c3d6;}
.sec_bothbox .pic dl.purple dd {background:#8f4f9b;}
.sec_bothbox .pic dl.yellow dd {background:#e9b927;}

.sec_bothbox .box.reverse .txt{padding-left:0%;}
.sec_bothbox .txt{width:50%;max-width:800px;padding-left:5%;display:flex;align-items:center;}
.sec_bothbox .txt em{font-style:normal; display:flex;align-items:center;gap:20px;font-size:25rem;font-weight:700;letter-spacing:-1px;color:#8a855c; margin-bottom:20rem; }
.sec_bothbox .txt em span {font-size:inherit;font-weight:inherit;color:#000;}
.sec_bothbox .txt em i{display:block;width:200px;height:1px;background:#353922;}
.sec_bothbox .txt h4{word-break: keep-all; font-size:27rem;font-weight:800; letter-spacing:-1px; margin-bottom:13rem; line-height:1.3; }
.sec_bothbox .txt h4.pink {color:#da9dbe;}
.sec_bothbox .txt h4.blue {color:#80c3d6;}
.sec_bothbox .txt h4.purple {color:#8f4f9b;}
.sec_bothbox .txt h4.yellow {color:#e9b927;}
.sec_bothbox .txt h4 i {display:inline-block; font-size:inherit;font-weight:inherit; font-style:normal; background:#f9e4f0; border-radius:7px; padding:2px 5px; line-height:1.3; }
.sec_bothbox .txt h4 span {display:block;font-size:18rem; letter-spacing:-.5px; font-weight:500; }
.sec_bothbox .txt h4 span.ex {display:inline-block;font-size:27rem; letter-spacing:-1px; font-weight:800; }
.sec_bothbox .txt div {width:600rem; display:flex; padding:10rem 0;}
.sec_bothbox .txt .target_title {margin-bottom:7rem; padding:7px; font-size:16rem;font-weight:500; letter-spacing:-.5px;  color:#fff; background:#6b722f; text-align:center; width:175rem; border-radius:10px; }
.sec_bothbox .txt h6 {font-size:25rem;font-weight:800; letter-spacing:-.5px;  color:#6b722f; padding-bottom:7rem; }
.sec_bothbox .txt p {font-size:18rem;font-weight:500; letter-spacing:-.5px;  padding-bottom:20rem; color:#393939; line-height:1.5;  }
.sec_bothbox .txt h5 {width:22%; font-size:18rem;font-weight:800; letter-spacing:-.5px;  color:#353922; }
.sec_bothbox .txt dl {width:75%; }
.sec_bothbox .txt dl p {font-size:17rem; font-weight:500; letter-spacing:-.5px; line-height:1.5; }
.sec_bothbox .txt dl p b {font-size:17rem;}
.sec_bothbox .txt dl p b.pink {color:#da9dbe;}
.sec_bothbox .txt dl p b.blue {color:#80c3d6;}
.sec_bothbox .txt dl p b.purple {color:#8f4f9b;}
.sec_bothbox .txt dl p b.yellow {color:#e9b927;}
.sec_bothbox .txt dl dd {word-break: keep-all; font-size:17rem; font-weight:500; letter-spacing:-.5px; margin-left:25rem; margin-bottom:7rem;}
.sec_bothbox .txt dl dd i {content: ""; position:absolute; color:#fff; text-align:left; font-size:12px; padding:3rem; margin-left:-25rem; margin-top:2px; background:#6b722f; border-radius:50px; }
.sec_bothbox .txt dl dd i.pink {background:#da9dbe; }
.sec_bothbox .txt dl dd i.blue {background:#80c3d6; }
.sec_bothbox .txt dl dd i.purple {background:#8f4f9b; }
.sec_bothbox .txt dl dd i.yellow {background:#e9b927; }

.sec_bothbox .txt dl.price {width:100%;}
.sec_bothbox .txt dl.price {margin-top:0rem; display:grid;grid-template-columns: repeat(3, 1fr);gap:10rem; }
.sec_bothbox .txt dl.price dd {border-radius:10px;width:100%; font-size:15rem; text-align:center; background:#e5ebe9; margin-left:0rem; margin-bottom:0rem; padding-bottom:3rem; }
.sec_bothbox .txt dl.price dd.pink {background:#f1e9ec; }
.sec_bothbox .txt dl.price dd.blue {background:#e4f1f5; }
.sec_bothbox .txt dl.price dd.purple {background:#f1e9ef; }
.sec_bothbox .txt dl.price dd.yellow {background:#f5f0e4; }
.sec_bothbox .txt dl.price dd span {border-radius: 10rem 10rem 0 0; background:#6b722f; font-size:18rem; font-weight:500; color:#fff; text-align:center; display:block; padding:7rem 10rem; }
.sec_bothbox .txt dl.price dd span.pink {background:#da9dbe;}
.sec_bothbox .txt dl.price dd span.blue {background:#80c3d6;}
.sec_bothbox .txt dl.price dd span.purple {background:#8f4f9b;}
.sec_bothbox .txt dl.price dd span.yellow {background:#e9b927;}
.sec_bothbox .txt dl.price dd p {padding:10rem 0; font-size:16rem;  }
.sec_bothbox .txt dl.price dd i {position: relative; font-size:16rem;  margin-left:0rem; margin-top:0px; padding:0; font-style:normal; margin-right:10rem;text-decoration:line-through;color:#999; background:none; } 
.sec_bothbox .txt dl.price dd b {font-weight:600; font-size:20rem; } 
.sec_bothbox .txt dl.price dd u {display:block; font-size:15rem; color:#c18b65; font-weight:800; } 

.sec_bothbox .text_promise {text-align:center; margin-bottom:50rem;}
.sec_bothbox .text_promise h3 {font-size:30rem; color:#1b97c5; font-weight:800; }
.sec_bothbox span.text_blue {display:block; white-space: pre; text-align:center; font-size:25rem; font-weight:600; color:;#1b97c5; background:#f0f6f7; margin:0 auto; max-width:420rem; }
.sec_bothbox .text_promise p { font-size:20rem; font-weight:500; color:#000; margin-top:20rem;}

@media all and (max-width: 1023px) {
    .sec_bothbox .box{display:block; padding-bottom:50px;}
    .sec_bothbox .pic{width:100%;}
    .sec_bothbox .txt{width:100%;padding-left:0;padding-top:16px;}
	.sec_bothbox .txt em {flex-direction:column; font-size:20rem; }
	.sec_bothbox .txt h4{font-size:22rem;}
	.sec_bothbox .txt h4 span.ex {font-size:22rem; }
	.sec_bothbox .txt h6{font-size:17rem;}
    .sec_bothbox .txt div{flex-direction:column; width:100%; }
	.sec_bothbox .txt dl p b {font-size:14rem;}
    .sec_bothbox .txt h5 {font-size:16rem; width:100%; margin-bottom:10rem; }
	.sec_bothbox .txt dl {width:100%; }
    .sec_bothbox .txt dl dd{font-size:15rem;}
	.sec_bothbox .pic dl.tag dd {font-size:13rem; }
	.sec_bothbox .txt dl.price dd {font-size:13rem;}
	.sec_bothbox .txt dl.price dd span { font-size:13rem;  }
	.sec_bothbox .txt dl.price dd p { font-size:13rem;  }
	.sec_bothbox .txt dl.price dd b {font-size:15rem; } 
	.sec_bothbox .txt dl.price dd i {font-size:13rem; margin-right:5rem;}
	.sec_bothbox .text_blue { font-size:20rem; }
}

@media all and (max-width: 520px) {
	.sec_bothbox .txt h4 span.ex {display:block;font-size:17rem; }
	.sec_bothbox .text_promise h3 { font-size:20rem; }
	.sec_bothbox span.text_blue {font-size:17rem; width:100%;}
	.sec_bothbox .text_promise p { font-size:16rem; }
	.sec_bothbox .pic dl.tag {margin-bottom:20rem;}
}


.sec_equipment{padding:50rem 0;}
.sec_equipment .con {margin-bottom:30rem;}
.sec_equipment .box{display:flex;padding-bottom:100px;}
.sec_equipment .box:last-child{padding-bottom:0;}
.sec_equipment .box:nth-child(even){flex-direction:row-reverse;}
.sec_equipment .pic{width:50%;}
.sec_equipment .pic img{display:block;width:100%;border-radius:10px;}
.sec_equipment .box:nth-child(even) .txt {margin-right:50rem;}
.sec_equipment .txt{width:50%;max-width:800px;padding-left:5%;display:flex;align-items:center;}
.sec_equipment .txt em{font-style:normal; display:flex;align-items:center;gap:20px;font-size:25rem;font-weight:700;letter-spacing:-1px;color:#8a855c; margin-bottom:20rem; }
.sec_equipment .txt em span {font-size:inherit;font-weight:inherit;color:#000;}
.sec_equipment .txt em i{display:block;width:200px;height:1px;background:#353922;}
.sec_equipment .txt p {font-size:18rem;font-weight:500; letter-spacing:-.5px;  padding-bottom:20rem; color:#393939; line-height:1.5;  }

@media all and (max-width: 1023px) {
    .sec_equipment .box{flex-direction:column;padding-bottom:50px;}
    .sec_equipment .box:nth-child(even){flex-direction:column;}
	.sec_equipment .box:nth-child(even) .txt {margin-right:0rem;}
    .sec_equipment .pic{width:100%;}
    .sec_equipment .txt{width:100%;padding-left:0;padding-top:16px;}
	.sec_equipment .txt em {flex-direction:column; font-size:20rem; }

}
.sec01{background:#f4f2ee; padding:70rem 0;}
.sec01 .con{display:flex;justify-content:space-between;padding:0 5vw;}
.sec01 .item{display:flex;flex-direction:column;align-items:center;width:500px;padding-bottom:30px;border-bottom:1px solid #c5c2bf;}
.sec01 .item h4{position:relative;width:100%;padding-bottom:40px;}
.sec01 .item h4:after{content:'';position:absolute;top:18px;left:120px;display:block;width:calc(100% - 120px);height:1px;background:#c5c2bf;}
.sec01 .item h4 span{font-size:25rem; font-weight:800; letter-spacing:0;color:#6b722f;}

.sec01 .item01 dl{display:flex;gap:20px;padding-bottom:16px;}
.sec01 .item01 dt{width:100px;text-align-last:justify;font-weight:600;font-size:18rem; color:#482a2a;}
.sec01 .item01 dd{font-weight:500; font-size:20rem;}
.sec01 .item01 dd span{font-size:inherit;font-weight:inherit;color:#b9afa8;}
.sec01 .item01 p{font-size:18rem;color:#000; letter-spacing:-.5px; font-weight:400;}

.sec01 .item02 > div{padding-top:30px;}
.sec01 .item02 dl{display:flex;align-items:center;gap:20px;padding-bottom:15px;}
.sec01 .item02 dt{display:flex;justify-content:center;align-items:center;width:52px;aspect-ratio:1;border-radius:50%;background:#6b722f;}
.sec01 .item02 dt i{font-size:20rem;color:#fff;}
.sec01 .item02 .kakao dt{background:#ffe11b;}
.sec01 .item02 .kakao dt i{font-size:28rem;color:#3b1c1d;}
.sec01 .item02 dd{font-size:25rem;font-weight:700;}
.sec01 .item02 dd b{font-size:inherit;font-weight:700;}

@media all and (max-width: 1400px) {
    
    .sec01 .con{padding:0;}
    .sec01 .item{width:450px;}
}
@media all and (max-width: 1024px) {
    .sec01{padding:50rem 20rem;}
    .sec01 .con{display:block;}
    .sec01 .item{width:100%;}
    .sec01 .item + .item{margin-top:30px;}
    .sec01 .item h4:after{left:140px;width:calc(100% - 140px);}
	.sec01 .item h4 span{font-size:20rem;}
    
    .sec01 .item01 dt{width:70px; font-size:16rem;}
	.sec01 .item01 dd{ font-size:16rem;}
	.sec01 .item01 p{font-size:15rem;}
    
    .sec01 .item02 > div{padding-top:0;}
    .sec01 .item02 dt{width:42px;}
	.sec01 .item02 dd{font-size:20rem;}
}

.sec02{padding:50rem 0; }
.sec02 .mapw{height:500px;}
.sec02 .mapw .wrap_map,
.sec02 .mapw .root_daum_roughmap{width:100% !important;height:100% !important;}
.sec02 .boxes{padding-top:40px;display:flex;gap:24px;}
.sec02 .boxes > div{width:33%;padding:0px 0;background:#fff; border-right:1px solid #ddd;text-align:center;}
.sec02 .boxes > div:last-child{border-right:0px solid #ddd;}
.sec02 .boxes > div .tit{padding-bottom:40px;}
.sec02 .boxes > div .tit dt{width:60px;height:60px;line-height:60px;margin:0 auto 20px;border-radius:50%;font-size:25rem;font-weight:700;background:#e3b4b1;color:#fff;}
.sec02 .boxes > div .tit dd{font-size:25rem;font-weight:700;}
.sec02 .boxes > div p{font-size:18rem; font-weight:400;}
.sec02 .boxes > div p b{font-size:inherit;display:block;}
.sec02 .boxes > div p.color{padding-top:8px;font-weight:700;color:#6b722f;}
.sec02 .boxes .box02 .inner{display:flex;justify-content:center;}
.sec02 .boxes .box02 li{display:flex;flex-wrap:wrap; align-items: center;  gap:20px;padding-bottom:20px;}
.sec02 .boxes .box02 li span {text-align:left; font-size:17rem; font-weight:500; letter-spacing:-.5px; }
.sec02 .boxes .box02 li h4{width:100px; height:32px;line-height:32px;border-radius:32px;font-size:15rem;font-weight:600;color:#fff;border:0; }
.sec02 .boxes .box02 li h4.green{background:#8a855c;}
.sec02 .boxes .box02 li h4.red{background:#b1a17b;}

@media all and (max-width: 1024px) {
    
    .sec02 .mapw{height:360px;}
    .sec02 .boxes{padding-top:30px;flex-direction:column;gap:12px;}
    .sec02 .boxes > div{width:100%;padding:34px 0px; border-bottom:1px solid #ddd;border-right:0px solid #ddd;}
    .sec02 .boxes > div .tit{padding-bottom:24px;}
    .sec02 .boxes > div .tit dt{width:46px;height:46px;line-height:46px;margin:0 auto 14px;font-size:1.1em;}
	.sec02 .boxes > div .tit dd{font-size:20rem;}
	.sec02 .boxes .box02 li span {font-size:14rem;}
	.sec02 .boxes .box02 li h4{font-size:13rem;padding:0 15rem; }
}


#sec_form .box{width:100%;max-width:800rem; margin:0 auto; padding:30px;border:1px solid #ddd; background-color:#fff;}
#sec_form .box .cont_box {margin-top:50px;}
#sec_form .box .step{display:flex;flex-wrap:wrap;align-items:flex-start;width:100%}
#sec_form .box .step+.step{margin-top:20px;}
#sec_form .box .step .write_title {width:10%;padding: 8px 10px;text-align:left;font-weight:400;  }
#sec_form .box .step .write_title label {font-size:16px; font-weight:600; }
#sec_form .box .step .write_cont{width:80%;text-align: left;}
#sec_form .box .step .write_cont input[type="text"], #sec_form .box .step .write_cont input[type="number"], #sec_form .box .step .write_cont textarea,
#sec_form .box .step .write_cont select{border-radius: 0;border: 1px solid #ddd;width:95%;background:#fff}
#sec_form .box .step .write_cont textarea{height:100px;}
#sec_form .box .step .write_cont div{line-height:150%;margin:5px 0px;color:#666666;}
#sec_form .box .step .write_cont input.tel-input {width:30%; height:35px; outline: none; background: none;  font-size: 16px; font-weight: 500; letter-spacing: -0.05px; color: #888888;}

#sec_form .box .step_tit{font-weight:700;padding-left:20px;position:relative;top:0;left:0;text-align:left; margin-bottom:20px; font-size:18px; }
#sec_form .box .step_tit:After{display:block;content:"";clear:both;width:14px;height:4px;background:#443b32;position:absolute;top:0; bottom:0; margin:auto; left:0}
#sec_form .box .step_cont{margin-top:2rem;margin-bottom:2rem;;}
#sec_form .step.radio .write_cont{display:flex;flex-wrap:wrap;}
#sec_form .step.radio .write_cont label{width:calc((100% - 4px) /2);margin:0 1px;margin-top:10px; font-weight:400;}
#sec_form .step.radio .write_cont label:nth-child(-n+2){margin-top:0}
#sec_form .step.radio .write_cont input[type="radio"]{display:none}
#sec_form .step.radio .write_cont input[type="radio"] + span{display:block;background:#fff;width:100%;border:1px solid #ddd;padding: 10px;text-align:center;cursor:pointer;line-height:1;}
#sec_form .step.radio .write_cont input[type="radio"]:checked + span, 
#sec_form .step.radio .write_cont input[type="radio"] + span:hover{border:1px solid var(--pointcolor2);background:var(--pointcolor2);color:#fff;}

#sec_form .privacy_box .step{font-size:1.125rem}
#sec_form .privacy_box .step+.step{margin-top:15px}
#sec_form .privacy_box .step .ckIn{display: flex;width: 100%;justify-content: space-between;}
#sec_form .privacy_box .step .ckIn a{justify-self: flex-end;font-size: 0.9em; font-weight:400; color: #aaa;text-decoration: underline;}
#sec_form .privacy_box .step .ckIn a:hover{color: var(--pointcolor);}
#sec_form .privacy_box .ckHide{display: none;margin-top: 0.625rem;text-align:left;width:100%}
#sec_form .privacy_box .ckHide.on{display: block;}
#sec_form .privacy_box .ckHide section, #sec_form .privacy_box .ckHide textarea{width:100%;text-align:left;background:#fff;height: 150px;padding: 1.875rem!important;border: 1px solid #f4f4f4;overflow-y: scroll;}
#sec_form .privacy_box .ckHide .cont_box{margin-top:0; }
#sec_form .privacy_box input[type="checkbox"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0}
#sec_form .privacy_box input[type="checkbox"] + label {display: inline-block;position: relative;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;}
#sec_form .privacy_box input[type="checkbox"] + label:before {content: ' ';display: inline-block;width: 15px;height:15px; line-height: 15px;margin: -2px 8px 0 0;text-align: center; vertical-align: middle;background: #fff;border: 1px solid #a6a6a6;border-radius : 0px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);margin-top: 0;opacity: .6;box-shadow: none;border-color: #ddd;-webkit-transition: all .12s, border-color .08s;transition: all .12s, border-color .08s;}
#sec_form .privacy_box input[type="checkbox"] + label:active:before,
#sec_form .privacy_box input[type="checkbox"]:checked + label:active:before {box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}
#sec_form .privacy_box input[type="checkbox"]:checked + label:before {content: '\2714';color: #99a1a7;text-shadow: 1px 1px #fff;background: #a6a6a6;border-color: #a6a6a6;box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);}
#sec_form .privacy_box input[type="checkbox"] + label {padding-left: 30px; font-weight:500; font-size:15px; }

#sec_form .privacy_box input[type="checkbox"]:checked + label:before {position: absolute;content: "";width: 7px;top:0;left: 5px;border-radius: 0;opacity:1; background: transparent;border-color:transparent #a6a6a6 #a6a6a6 transparent;border-top-color:transparent;border-left-color:transparent;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
#sec_form .privacy_box input[type="checkbox"]:checked + label{color: #000;}

#sec_form .btn_confirm {text-align:center; margin:30rem 0;}
#sec_form input.form_btn{border:0; width: 200px; margin:0 auto; padding: 20px 10px;background: #6b722f; font-size: 20px; color:#fff; border-radius:40px; font-weight:500;}
#sec_form input.form_btn:hover{background: #353821; }

@media(max-width:990px){
    #sec_form .box{margin:30rem 0; width:100%; } 
	#sec_form .box .step{flex-direction:column;}
	#sec_form .box .step .write_cont{width:100%;}
	#sec_form .box .step .write_cont input.tel-input {width:30%; height:35px; font-size: 14px; }

}

.sub_eq ul {display:grid;grid-template-columns: repeat(3, 1fr);gap:20rem; }
.sub_eq ul li .txt {text-align:center; margin-top:20rem; }
.sub_eq ul li .txt h4 {font-size:20rem; font-weight:600;}

.sub_eq p:active, :hover, :focus {  outline: 0!important;  outline-offset: 0;}
.sub_eq p::before,
.sub_eq p::after {  position: absolute;  content: "";}

.sub_eq .btn {  position: relative;  display: inline-block;  width: auto; height: auto;  background-color: transparent;  border: none;  cursor: pointer;  margin: 10px 25px 15px;  min-width: 120px;}
.sub_eq .btn span {position: relative;    display: inline-block;    font-size: 15rem;    font-weight: 600;    letter-spacing: -.5px;    text-transform: uppercase;    top: 0; left: 0;    width: 100%;    padding: 7px 10px;    transition: 0.3s;  }

.btn-2::before {  background-color: #15312b;  transition: 0.3s ease-out;}
.btn-2 span {  color: #15312b;  border: 1px solid #15312b;  transition: 0.2s;}  
.btn-2 span:hover {  color: rgb(255,255,255);  transition: 0.2s 0.1s;}

/* 6. hover-slide-down */
.btn.hover-slide-down::before {  top: 0; left: 0; right: 0;   height: 0%; width: 100%;}
.btn.hover-slide-down:hover::before {  height: 100%;}

@media(max-width:990px){
    .sub_eq {margin:30rem 0;}
    .sub_eq ul {display:grid;grid-template-columns: repeat(2, 1fr);}
	.sub_eq ul li .txt h4 {font-size:16rem; }
	.sub_eq .btn {  min-width: 100px; }
	.sub_eq .btn span { font-size: 13rem; padding: 5px 10px; }

}

.subimg {margin:30rem 0;}
.subimg img {width:100%;}


.sec_subtop{position:relative;padding:70rem 0;background:url(../img/sub/diet_bg.jpg) no-repeat top center/cover;}
.sec_subtop .wrap{display:flex;align-items:center;height:100%;padding:0 5vw;}
.sec_subtop .txt *{color:#000;}
.sec_subtop .txt h2{font-size:25rem;font-weight:800;line-height:120%;letter-spacing:-.5px;}
.sec_subtop .txt h3{padding-top:40px;font-size:30rem; font-weight:600;}
.sec_subtop .txt p{padding-top:40px; font-weight:400; font-size:18rem; }
.sec_subtop .txt ul{display:flex;gap:10px;padding-top:40px;}
.sec_subtop .txt li{padding:10px 25px;font-size:0.95em;border-radius:50px;background:rgba(255,255,255,0.7);color:#222;}

.sec_subtop ul.con {display:grid;grid-template-columns: repeat(2, 1fr); justify-content: center;  position: relative; z-index: 1; } 
.sec_subtop ul.con li { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 16px; background: #fff; padding: 30px; border-radius: 40px; border: 1px solid #d1bc91; } 
.sec_subtop ul.con li img { width: 100%; border-radius: 20px; }
.sec_subtop ul.con li em { display: block; font-size: 13rem; letter-spacing: 0.1em; text-transform: uppercase; font-weight: 600; background: #6b722f; font-style:normal; color: #fff; padding: 8px 20px; border-radius: 99px; } 
.sec_subtop ul.con li > h4 { font-size: 25rem; line-height: 130%; font-weight:600; }
.sec_subtop ul.con li > span {display:block; font-size: 18rem; line-height: 150%; font-weight:400; }

@media all and (max-width: 1023px) {
    
    .sec_subtop{width:100%;height:auto;max-width:1023px;background-image:url(../img/sub/diet_bg_m.jpg);}
    .sec_subtop .wrap{display:block;padding:80px 20px;}
    .sec_subtop .txt h2{font-size:20rem;}
    .sec_subtop .txt h3{padding-top:20px;font-size:18rem;}
    .sec_subtop .txt p{padding-top:20px;font-size:15rem;}
}

@media all and (max-width: 600px) {
    .sec_subtop{width:100%;height:auto;max-width:1023px;background-image:url(../img/sub/diet_bg_m.jpg)}
	.sec_subtop ul.con {display:grid;grid-template-columns: repeat(1, 1fr); } 
	.sec_subtop ul.con li > h4 { font-size: 17rem; }
	.sec_subtop ul.con li > span { font-size: 14rem; }
}

.sec03 {margin-top:50rem;}
.sec03 .tt {text-align:center; margin-bottom:50rem; }
.sec03 .tt em {font-size:25rem; letter-spacing:-.5px; font-weight:600; font-style:normal; color:#6b722f;  }
.sec03 .tt h3 {font-size:35rem; letter-spacing:-.5px; font-weight:600; margin-bottom:10rem; }
.sec03 .tt p {font-size:18rem; letter-spacing:-.5px; font-weight:500; }
.sec03 .con{background:#f2f1ee; display:flex;justify-content:center;align-items:center; }
.sec03 .con .pic img {width:611rem;}
.sec03 .con .box{position:relative; padding-top:50rem;  }
.sec03 .con .box dd {position:relative;  margin-bottom:50rem; max-width:600px; padding:35px 20px 30px;border-radius:20px;text-align:center;background:#fff;}
.sec03 .con .box dd h5{position:absolute;top:-30px;left:50%;transform:translateX(-50%);width:85%; letter-spacing:-1px; padding:10px 30px;font-size:18rem;border-radius:60px;background:#6b722f;color:#fff;}
.sec03 .con .box dd h5 b {font-weight:700; }
.sec03 .con .box dd p {font-size:17rem; font-weight:400; letter-spacing:-.5px; padding-top:10rem; }
.sec03 .con .box dd p b.color{color:#6b722f;}

@media all and (max-width: 1023px) {
    .sec03 .tt {padding:20rem; }
    .sec03 .tt em {font-size:18rem;}
    .sec03 .tt h3 {font-size:22rem;}
    .sec03 .con{display:block;}
    .sec03 .con .pic img{display:block;max-width:85%;margin:0 auto;}
    .sec03 .con .box{width:100%;max-width:500px;margin:0px auto 0;padding:0px 0 20px;border-radius:10px;}
    .sec03 .con .box dd h5{top:-18px;padding:12px 20px;font-size:16rem;width:90%;}
    .sec03 .con .box p{font-size:0.85em;}
}

.sec_after{display:flex;padding:0;}
.sec_after .tit{display:flex;justify-content:center;align-items:center;width:50%;min-width:500px;height:450px;background:#15312b;}
.sec_after .tit .tt{padding-bottom:0; color:#fff; text-align:center; }
.sec_after .tit .tt h4 {font-size:35rem; font-weight:500; letter-spacing:-.5px;}
.sec_after .tit .tt h4 b {font-weight:800; }
.sec_after .tit .tt p {font-size:25rem; font-weight:300; letter-spacing:-.5px;}
.sec_after .con{flex:1;display:flex;justify-content:center;align-items:center;background:#e7eeec;}
.sec_after .con li{position:relative;padding-left:30px;padding-bottom:12px;font-size:18rem; font-weight:500;line-height:150%;}
.sec_after .con li i{position:absolute;top:6px;left:0;font-size:0.9em;font-weight:600;color:var(--key);}

@media all and (max-width: 1280px) {
    
    .sec_after{display:block;}
    .sec_after .tit{width:100%;min-width:unset;height:auto;padding:80px 0;}
    .sec_after .con{padding:80px 20px;}
}
@media all and (max-width: 1023px) {
    
    .sec_after .tit{padding:60px 0;}
	.sec_after .tit .tt h4 {font-size:22rem;}
    .sec_after .tit .tt p{font-size:0.8em;}
    .sec_after .con{padding:50px 20px;}
    .sec_after .con li{padding-left:20px;font-size:15rem;}
    .sec_after .con li i{top:4px;}
}

.sec_noti ul {display: flex; align-items: center; justify-content: center; border:2px solid #15312b; border-radius:10px; max-width:1400rem; margin:40rem auto; }
.sec_noti ul h4 {color:#15312b; font-size:20rem; font-weight:600; letter-spacing:-.5px; }

@media all and (max-width: 1023px) {
    .sec_noti ul {flex-direction:column; padding-bottom:30rem; }
	.sec_noti ul h4 {font-size:15rem; text-align:center; padding:0 20rem; }
	.sec_noti ul i img {width:70rem; }
}

.sec_view {margin:50rem 0;}
.sec_view .slider_wrap{position:relative;padding:0 5px;}
.sec_view .slider .item {width: 550px; border-radius: 40px; margin: 0 75px; overflow: hidden; opacity: 0.2; }
.sec_view .slider .item.slick-center {opacity: 1; }
.sec_view .slider .item img { width: 100%; }
.sec_view .thumbs{padding-top:20px; max-width: 1100px; margin: auto; }
.sec_view .thumbs .item{position:relative;margin:0 5px;opacity:0.2; overflow: hidden; border-radius: 10px; }
.sec_view .thumbs .item.slick-current{opacity:1;}
.sec_view .con { position: relative; }
.sec_view .controls{position:absolute;top:calc(35% - 0px);left:50%;width: 100%; max-width: 750px; transform: translate(-50%, -50%); display: flex;justify-content: space-between;align-items:center;}
.sec_view .controls button{display:flex;justify-content:center;align-items:center;width:52px;aspect-ratio:1;border-radius:50%;background:#353821; border:0; }
.sec_view .controls button i{color:#fff;}

@media all and (max-width: 1024px) {
    .sec_view {padding:20rem;}
	.sec_view .slider_wrap{padding:0px;}
    .sec_view .slider .item { border-radius: 20px; margin: 0; opacity: 1; }
    .sec_view .thumbs .item { border-radius: 10px; margin: 0 2px; }
    
    .sec_view .controls { position: unset; transform: unset; width: 80px; margin: 10px auto 0; }
    .sec_view .controls button {width:32px;}
    .sec_view .controls button i {font-size:0.85em;}
}