@charset "utf-8";


/* root */
:root{
	--c-01:#1c2d63;
}

/* common */
.container_title {position:relative; text-align:center;font-size:40rem;line-height:1;letter-spacing:-1.5px;font-weight:800;margin:55rem 0 60rem 0;color:#262626;}

.tit01 { position: relative; padding-top:20rem; margin: 0 0 40rem;font-size:30rem;font-weight: 600;color: #222;line-height: 1; text-align:center; } 
.tit01:before {content: ""; display:block; margin:10rem auto; width:30rem; height:37rem; background:url("../img/sub/symbol.png") center top no-repeat; background-size:100%;}
.tit02 { width:320rem; position: relative;margin: 0rem auto 20rem; padding:10rem 0rem; text-align:center; font-size:18rem; background:#008f5a; border-radius:50rem;  font-weight: 600;color:#fff;line-height: 1;} 

.subtable { width:100%; margin:20rem 0;border-top:1px solid #333; }
.subtable thead th{background:#fbfbfb; padding:15rem 5rem; border-left:1rem solid #ddd; border-bottom:1rem solid #ddd; color:#666; }
.subtable tbody th {text-align:center; background:#f5f5f5; color:#333;  font-weight:500; padding:15rem 0; width:20%; border:1px solid #ddd;}
.subtable tbody td {font-size:16rem; border-bottom:1px solid #f7f7f7; padding:15rem 5rem; background:#fff; line-height:1.5; color:#35363a; text-align:center; font-weight:400; letter-spacing:-0.03em; border:1px solid #ddd;}
.subtable tbody td.t_left{text-align:left;}

#contents {overflow: hidden;position:relative;padding: 30rem 0 0rem;}
#contents p {line-height:1.5;word-break:keep-all;}
.cont-box {padding:30rem 0 10rem;}
/* 서브비주얼 */
#sub_visual{margin-top:100rem; position:relative;height:338rem;background-color:#000;background-size:cover;background-position:60%;display: flex;align-items: center;}
#sub_visual h2{font-weight:800; font-size:50rem; color:#fff; animation:up .5s .2s forwards;}
#sub_visual p{color:#fff; font-weight:600; position:relative;line-height:1;padding: 60rem 0 5rem 0;font-size:20rem;letter-spacing:1px;}

/* 서브 상단 이미지 */
#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 {}

.left_snb{display:flex; position:absolute; bottom: 0; right: 0; width: 55%; margin-left: auto; background: #fff; animation:up 1s 0.2s both}
.left_snb .home a{display:flex; align-items:center; justify-content:center; width: 85px; height: 80px; background: #2ab943; text-align: center;}
.left_snb ul {display:flex; align-items:center; padding: 0 25px;}
.left_snb li {display:inline-block; }
.left_snb li a{position:relative; display:inline-block; vertical-align: top; margin: 0 10rem; font-weight:600;font-size:18rem; color: #111; line-height: 80px;}
.left_snb li a::after{content:""; position:absolute; bottom: 22px; left: 0; width: 0; height: 3px; background: #008f5a;}
.left_snb li.on a { color:#008f5a; }
.left_snb li.on a::after{width: 100%;}


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


@media (max-width:1600px) {
	.left_snb{width: 70%; }
	.left_snb li a{margin: 0 15rem; font-size:16rem;}
}



@media (max-width:860px) {
	#sub_visual{height:250rem; margin-top:80rem;}
	#sub_visual h2{font-size:22rem;}
	#sub_visual p{padding:40rem 0 5rem 0; font-size:16rem}
	#contents {padding: 0rem 0 0;}

	.container_title {font-size:25rem; padding-bottom:0rem;}


}

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

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

	.tit01{margin:0 0 15rem; font-size:20rem;}
	.tit01:before {width:20rem; height:27rem; }
	.tit02{font-size:15rem}
	.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;}

	#contents{padding:0rem 0 0}

}

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


#greeting{margin: 75px 0;}
#greeting .content .img{position: relative;margin-top: 60px;}
#greeting .content .img p{position: absolute;color:#fff;font-weight: bold;top: 275px;right: 90px;line-height: 1.72;transition:all 0.5s;}
#greeting .content .txt {background:#fff; min-height:440rem; padding:80rem 0 0 100rem;width: calc(100% - 100px);position: relative;  margin: -500px 0 0 500px;}
#greeting .content .txt h3{font-size:30rem; font-weight:800; color:#000; margin-bottom:30rem;}
#greeting .content .txt h3 span {color:#008f5a; }
#greeting .content .txt p{line-height: 1.5;color:#212121; font-size:18rem; font-weight:400; }
#greeting .content .txt p:not(:last-child){margin-bottom: 35px;}

@media all and (max-width:1400px){
	#greeting .content .txt {margin: -500px 0 0 300px;}
}

@media all and (max-width:1023px){
	#greeting{margin: 75px 0 0;}
	#greeting .content .txt {width:100%; margin:0px 0 0 0px;padding:50rem 0 0 20rem;}
	#greeting .content .txt h3{font-size:20rem; }
	#greeting .content .txt p{font-size:15rem;}
}


.tour_con01{padding:0rem 0rem 50rem;}
.tour_con01 .img_box {overflow:hidden; position:relative; }
.tour_con01 .img_box li {padding:0; }
.tour_con01 .img_box span.arrow {position:absolute; z-index:2; cursor:pointer; }
.tour_con01 .img_box span.arrow.prev {left:3%; top:50%; }
.tour_con01 .img_box span.arrow.next {right:3%; top:50%; }
.tour_con01 .img_box img{width:100%;}
.tour_con01 .thumb_box {overflow:hidden; margin-top:10rem; }
.tour_con01 .thumb_box li {background-color:#000; cursor:pointer; margin-right:10rem; }
.tour_con01 .thumb_box li:last-child {margin-right:0rem; }
.tour_con01 .thumb_box img {width:100%; opacity:0.4; }
.tour_con01 .thumb_box li.swiper-slide-thumb-active img {opacity:1; }

@media all and (max-width:1000px){
	.tour_con01 .img_box span.arrow img {width:auto; max-height:30rem; }
	.tour_con01 .img_box span.arrow.prev {left:0; top:40%; }
	.tour_con01 .img_box span.arrow.next {right:0; top:40%; }
	.tour_con01 .thumb_box {overflow:hidden; margin-top:10px; }
}

.directions{margin-bottom:50rem; }
.directions .cont{margin-top: 0px;}
.directions .cont .map_box{width: 100%; max-width: 1500px; height: 550px; margin: 0 auto;}
.directions .cont .map_box > div > div,
.directions .cont .map_box > div{width: 100%; height: 100%;}
.directions .cont .flex_box{display:flex; align-items:center; justify-content:space-between; margin-top: 50px;}
.directions .cont .addr{display:flex; align-items:center;}
.directions .cont .addr figure{margin-right: 16px;}
.directions .cont .addr figure img {width:70rem; }
.directions .cont .addr .txt{margin-right:30rem; }
.directions .cont .addr .txt h3{font-weight:800; font-size:20px; color: #222; margin-bottom:18px;}
.directions .cont .addr .txt p{word-break: keep-all; font-weight:300; font-size:18px; color: #222;}
.directions .cont .addr .txt p span{font-size:16px;}
.directions .cont ul{display:flex; align-items:center;}
.directions .cont ul li{font-weight:300; font-size:18px; color: #111; margin-right: 30px;}
.directions .cont ul li:last-of-type{margin-right: 0;}
.directions .cont ul li span{font-weight:800; color: #222; margin-right: 16px;}
.directions .cont ul li span i{color: #de0515;}

@media (max-width: 1400px){
	.directions .cont{margin-top: 50px;}
	.directions .cont .map_box{height: 400px;}
	.directions .cont .addr{width: 700rem;}
	.directions .cont .flex_box{flex-wrap:wrap; margin-top: 40px; }
	.directions .cont .flex_box ul{margin-top: 40px;  flex-wrap:wrap; justify-content:center}

}

@media (max-width: 1023px){
	.directions .wrap {padding:0 20rem; }
	.directions .cont .map_box{height: 320px;}
	.directions .cont .flex_box{  flex-direction: column;}
	.directions .cont .addr .txt{  flex-direction: column;}
	.directions .cont .addr{width: 100%; margin-bottom:40px;}
	.directions .cont .flex_box ul{width: 100%; justify-content:flex-start}
	.directions .cont .flex_box ul li:nth-of-type(2n){margin-right: 30px;}
	.directions .cont .flex_box ul li:last-of-type{width: auto;text-align: left; margin-top: 0;}

}


.sec_point{background:#f1f5f5; padding:70rem 0; }
.sec_point .con{}
.sec_point .txt{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;}
.sec_point .txt > div{width:calc(33.33% - 10px);padding:30px 24px;text-align:center;background:rgba(255,255,255,0.8);border-radius:10px;}
.sec_point .txt > div em{display:block;width:38px;margin:0 auto 20px;height:38px;line-height:38px;border-radius:50%;font-size:0.8em;font-weight:700;text-align:center;background:#2ab943; font-style:normal; color:#fff;}
.sec_point .txt dt{font-size:22rem;font-weight:700;}
.sec_point .txt dd{font-size:16rem;line-height:160%;padding-top:12px;color:#777; word-break: keep-all;}

@media all and (max-width: 850px) {
    
    .sec_point{background-position:35% center;}
    .sec_point .con{width:100%;margin-left:0;}
    .sec_point .txt{flex-direction:column;}
    .sec_point .txt > div{width:100%;gap:10px;padding:24px 20px;}
    .sec_point .txt > div em{width:32px;margin:0 auto 12px;height:32px;line-height:32px;}
    .sec_point .txt dt{font-size:18rem;line-height:30px;}
    .sec_point .txt dd{padding-top:4px; font-size:14rem;}

}

.sub_con{padding:0rem 0;}
.sub_con .wrap{max-width:64.583%;margin:0 auto;}
.sub_con .tt{padding-bottom:58px;}
.sub_con .tt em{display:block;padding-bottom:0;font-size:0.95em;font-weight:700;letter-spacing:0.3em;color:#67998e;}
.sub_con .tt h3{font-size:33rem;font-weight:200;}
.sub_con .tt h3 b{font-size:33rem;font-weight:800;}
.sub_con .tt h3 b.color{color:#2b9b8d;}
.sub_con .tt p{padding-top:20rem;}
.sub_con .tt p b{font-weight:600;background:#e1f3f3;}
.sub_con p{line-height:160%;}

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

@media all and (max-width: 1023px) {
    
    .sub_con {padding:0 10rem;}
    .sub_con .tt h3{font-size:22rem;}
	.sub_con .tt h3 b{font-size:22rem;}
	.sub_con .tt p{font-size:15rem;}
}

.sec_about{background:url(../img/sub/bg_pattern.jpg) repeat; padding:50rem 10rem;}
.sec_about .tt img{display:block;width:27rem;margin:0 auto 28px;}
.sec_about .con img{display:block;margin:0 auto;width:100%;max-width:1240px;}

@media all and (max-width: 1023px) {
    .sec_about{padding:20rem 10rem;}
}


.col_wrap {display: flex;flex-wrap: wrap;gap:40rem; padding:20rem 0; }

.img_area { display: flex;    flex-direction: column;    align-items: center;    justify-content: center; }
.img_area img {  border-radius:20rem;  }
.img_area h3 {font-size:25rem; font-weight:800; margin-bottom:30rem; }
.area_allline .col_wrap>div {  width: calc(100% /2 - 50px);}
.area_allline stong {    font-size: 25rem;    font-weight: 800;    display: flex;    align-items: center;    margin-bottom: 20px;    flex-direction: row;}
.area_allline stong>i {font-style:normal;    font-size: 16px;    color: #019353;    text-transform: uppercase;    font-weight: 800;    padding: 9px 18px;    border: 1px solid #019353;    display: inline-block;    border-radius: 100rem;    margin-right: 16px;}
.area_allline .txt_area>div:not(:first-child) {    margin-top: 70px;}

.list_bullet>li {    position: relative;    padding-left: 12px;    word-break: keep-all;    text-align: left;    color: #555;    line-height: 1.5;}
.list_bullet>li:not(:first-child) {    margin-top: 8px;}
.list_bullet>li::before {    content: '';    display: inline-block;    width: 3px;    height: 3px;    border-radius: 50%;    background-color: #555;    position: absolute;    top: 13px;    left: 0;}

@media screen and (max-width: 1023px){
    .col_wrap {  flex-direction: column; }
	.area_allline .col_wrap>div {  width: 100%;}
	.area_allline stong {    font-size: 20rem; }
}

.cont_4{margin:0 auto; padding:60px 0px 0; max-width:1400rem; text-align:center; }
.cont_4 ul{display: flex;   align-items: center;    justify-content: center; }
.cont_4 li{position:relative; margin-right:4.25%; padding:15px 0; width:30.5%; border-radius:2em;}
.cont_4  li:last-child{margin-right:0;}
.cont_4 .list_1 li:before{position:absolute; left:-45px; top:50%; width:35px; height:26px; background:url(../img/sub/process_arrow.png) no-repeat center center;  display:block; content:""; transform: translateY(-50%);}
.cont_4 .list_1 li:first-child:before{display:none;}
.cont_4 .list_1{margin-bottom:50px;}
.cont_4 .list_1 li {background-color:#F9F9F7; border-radius:100em; text-align:center; font-weight:600; font-size:18rem; color:#000; letter-spacing:-.5px;}
.cont_4 .list_1 li strong{font-weight:400; display:block; margin-top:5rem; font-size:15rem; }
.cont_4 .list_1 li:last-child{background-color:#019353; color:#fff; }
.cont_4 .list_1 i {display:inline-block; margin-right:10rem;}

@media screen and (max-width: 1023px){
    .cont_4 ul{  flex-direction: column; }
	.cont_4 li{margin-right:0%; width:100%; margin-bottom:7.25%;}
	.cont_4 .list_1 li:before{left:50%; top:-55%; transform: rotate(90deg); background-size:100%; width:30rem; }
}

@media screen and (max-width: 600px){
    .cont_4 ul{  flex-direction: column; }
	.cont_4 li{margin-right:0%; width:100%; margin-bottom:7.25%;}
	.cont_4 .list_1 li:before{left:50%; top:-30%; transform: rotate(90deg); background-size:100%; width:20rem; }
	.cont_4 .list_1 li {font-size:16rem;}

}



.sec_info{margin-top:50rem; padding:0;background:#f9f7f1; padding:50rem 0; }
.sec_info ul{display:flex;justify-content:center;}
.sec_info li{position:relative;width:400rem;text-align:center;}
.sec_info li:after{content:'';position:absolute;bottom:0;right:0;display:block;width:1px;height:74px;background:#ddd;}
.sec_info li:last-child:after{display:none;}
.sec_info li img{width:74px;}
.sec_info li dt{padding-top:14px;font-size:22rem; font-weight:800;color:#019353;}
.sec_info li dd{padding-top:12px;font-size:18rem; font-weight:400;color:#47443f;}

@media (max-width: 1023px) {
    .sec_info li{width:300rem;}
    .sec_info li dt{padding-top:10px;font-size:16rem;}
    .sec_info li dd{padding-top:8px;font-size:14rem;line-height:130%;}
}

@media (max-width: 650px) {
	.sec_info{margin-top:50rem; padding:0;background:#f9f7f1; padding:30rem 20rem  50rem; }
	.sec_info ul{ flex-direction: column;}
    .sec_info li{width:100%; border-bottom:1px solid #ddd; padding:20rem 0; }
	.sec_info li:after{display:none; }
    .sec_info li dt{}
    .sec_info li dd{}
}


.mar50 {margin-top:50rem;}

@media (max-width: 650px) {
	.mar50 {margin-top:0rem;}
}


.table_dd {margin-bottom:20rem;}



.sec_key{padding:100rem 0; }
.sec_key .boxes .tt h3{font-size:25rem; font-weight:800; margin-bottom:20px;}
.sec_key .boxes .box{display:flex;align-items:center;padding-bottom:120px;}
.sec_key .boxes .box:nth-child(even){flex-direction:row-reverse;}
.sec_key .boxes .box .txt{width:50%;display:flex;justify-content:right;}
.sec_key .boxes .box .txt .tt{padding-bottom:0;}
.sec_key .boxes .box .txt .tt p{word-break: keep-all; font-size:18rem;line-height:170%; margin-bottom:40rem; }
.sec_key .boxes .box .txt .tt dd {word-break: keep-all; font-size:18rem;line-height:170%; margin-left:10rem; }
.sec_key .boxes .box .txt .tt dd:before {content: ""; position:absolute; width:4px; height:4px; background:#ddd; text-align:left; margin-left:-10px; border-radius:5px; margin-top:12px;}
.sec_key .boxes .box:nth-child(even) .txt{justify-content:left;}
.sec_key .boxes .box .tt{margin-right:20%;}
.sec_key .boxes .box:nth-child(even) .tt{margin-right:0;margin-left:20%;}
.sec_key .boxes .box .pic{width:50%;}
.sec_key .boxes .box .pic img{width:100%;display:block;}
.sec_key .boxes .box:last-child{padding-bottom:0;}

@media all and (max-width: 1023px) {
    
    .sec_key{margin-top:-50rem; padding:0rem 0 50rem; }
    .sec_key .boxes .tt h3{font-size:22rem; }
    .sec_key .boxes .box{flex-direction:column-reverse;padding-bottom:60px;gap:30px;}
    .sec_key .boxes .box:nth-child(even){flex-direction:column-reverse;}
    .sec_key .boxes .box .txt{width:100%;display:block;}
    .sec_key .boxes .box .tt{margin-right:0;}
    .sec_key .boxes .box .txt .tt p{font-size:14rem; }
    .sec_key .boxes .box .txt .tt dd{font-size:15rem;}
    .sec_key .boxes .box .pic{width:100%;}
}



.sub_location{}
.sub_location .con{max-width:100%;margin:0 auto;}
.sub_location .address{padding:60px 0;border-bottom:1px solid #eaeaea;}
.sub_location .address img{display:block;width:42px;margin:0 auto;}
.sub_location .address p{padding:20px 0;font-size:1.3em;font-weight:500;}
.sub_location .address ul{display:flex;gap:14px;justify-content:center;}
.sub_location .address li a{display:block;}
.sub_location .address li a img{display:block;width:50px;}
.sub_location .address li a:hover img{filter:contrast(150%);}

@media screen and (max-width: 1600px) {
    
    .sub_location .con{max-width:90%;}
}
@media screen and (max-width: 1024px) {
    
    .sub_location .con{max-width:100%;}
    .sub_location .mapw{height:320px;}
    
}