@font-face {
    font-family: 'KoreanSNMM';
    src: url('./fonts/KoreanSNM-M.woff2') format('woff2'),
        url('./fonts/KoreanSNM-M.woff') format('woff'),
        url('./fonts/KoreanSNM-M.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.ctop-search-box{display: flex;flex-wrap: wrap;justify-content: space-between;}
.ctop-search-box > .sec-box{width: 28%;}
.ctop-search-box > .inp-box{width: calc(72% - 140px);}
.ctop-search-box > .btns{width: 120px;}
.ctop-search-box > .sec-box select{width: 100%;height: 60px;padding: 0 25px;border: 1px solid #dfdfdf;border-radius: 18px;background: #fafafa url('../images/secbg.png') no-repeat right 30px center;font-size: 20px;color: #303030;font-weight: 500;}
.ctop-search-box > .sec-box select::-ms-expand{display: none;}
.ctop-search-box > .inp-box input{width: 100%;height: 60px;padding: 0 25px;border: 1px solid #dfdfdf;background: #fafafa;border-radius: 18px;font-size: 20px;color: #303030;font-weight: 500;}
.ctop-search-box > .btns > a{display: block;width: 100%;line-height: 60px;background: #269e50;text-align: center;border-radius: 18px;font-size: 20px;color: #fff;font-weight: 500;}
.ctop-search-box > .btns > a > span{display: inline-block;padding-left: 38px;background: url('../images/gsic.png') no-repeat left center;}


.listE-box:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.listE-box{padding: 50px 0;border-bottom: 1px solid #e8e8e8;}
.listE-box .mL{float: left;width: 39%;}
.listE-box .t-title{margin-bottom: 12px;display: flex;align-items: center;justify-content: space-between;}
.listE-box h5{color: #222;font-size: 28px;line-height: 1;font-family: 'KoreanSNMM';}
.listE-box .t-title > a{display: inline-block;max-width: 100px;text-align: center;height: 40px;line-height: 40px;border-radius: 30px;padding: 0 15px;font-size: 18px;font-weight: 500;color: #fff;background: #269e50;}
.listE-box .mL .imgE{overflow: hidden;border-radius: 20px;}
.listE-box .mL .imgE > img{width: 100%;}
.listE-box .mR{float: right;width: 61%;padding: 0 0 0 30px;}
.listE-box .mR .textE > p{border: 1px solid #e0e0e0;background: #fafafa;border-radius: 3px;color: #222;padding: 15px 19px;font-weight: 400;font-size: 18px;line-height: 1.4;letter-spacing: -0.5px;word-break: keep-all;}
.listE-box .mR .textE .ulE ul > li{padding: 20px 10px 20px 100px;position: relative;/* background: url('../images/aline.png') repeat-x left bottom; */color: #2c2c2c;font-size: 18px;font-weight: 400;line-height: 1.4;letter-spacing: -0.5px;}
.listE-box .mR .textE .ulE ul > li:last-child{background: none;}
.listE-box .mR .textE .ulE ul > li span{display: block;}
.listE-box .mR .textE .ulE ul > li > span a{display: inline-block;color: #0a0a0a;}
.listE-box .mR .textE .ulE ul > li > p{position: absolute;left: 0;top: 20px;width: 100px;padding-left: 35px;padding-bottom: 4px;display: table-cell;vertical-align: top;color:#606060;font-weight: bold;}
.listE-box .mR .textE .ulE ul > li > p.posBg{background: url('../images/listE_posBg_bg.png') no-repeat left top;}
.listE-box .mR .textE .ulE ul > li > p.subwBg{background: url('../images/listE_subwBg_bg.png') no-repeat left top;}
.listE-box .mR .textE .ulE ul > li > p.phoBg{background: url('../images/listE_phoBg_bg.png') no-repeat left top;}
.listE-box .mR .textE .ulE .adw-btn1{margin-top: -10px;margin-left: 12px;display: inline-block;font-size: 18px;color: #fff;line-height: 1;font-weight: 400;}
.listE-box .mR .textE .ulE .adw-btn1 > span{padding: 10px 23px;background: #269e50;border-radius: 3px;}

.listE-tit-bot{margin-top: 50px;margin-bottom: 20px;font-size: 23px;color: #222;font-weight: 600;line-height: 1.4;text-align: center;word-break: keep-all;font-family: 'KoreanSNMM';}
.listE-btn{margin-top: 30px;}
.listE-btn ul{margin-left: -6px;width: calc(100% + 13px);}
.listE-btn ul:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.listE-btn ul li{float: left;width: calc(100% / 2 - 10px);margin: 5px 5px;}
.listE-btn ul li a{color:#fff;background: #269e50;display: block;width: 100%;border-radius: 20px;text-align: center;font-size: 20px;font-weight: 500;line-height: 1;padding: 20px 10px;}


.top-btns{position: fixed;right: calc((100% - 1200px) / 2 - 100px);bottom: 30px;z-index: 99;display: inline-block;}


@media screen and (max-width: 1400px){
	.top-btns{right: 10px;width: 50px;}
}

@media screen and (max-width: 767px){
	.ctop-search-box > .sec-box{width: 100%;}
	.ctop-search-box > .inp-box{width: 100%;margin-top: 10px;}
	.ctop-search-box > .btns{width: 100%;margin-top: 10px;}
	.ctop-search-box > .sec-box select{height: 50px;padding: 0 15px;background: #fafafa url('../images/secbg.png') no-repeat right 15px center;font-size: 18px;}
	.ctop-search-box > .inp-box input{height: 50px;padding: 0 15px;font-size: 18px;}
	.ctop-search-box > .btns > a{line-height: 50px;font-size: 18px;}



	.listE-box .mL{float: none;width: auto;}
	.listE-box .mR{float: none;width: auto;padding: 0;margin-top: 30px}
}


/*-------------------------- 2024-12-17 -------------------------*/
@font-face {
	font-family: 'ONEMobile';
	src: url('./fonts/ONEMobileTitleRegular.woff2') format('woff2'),
		url('./fonts/ONEMobileTitleRegular.woff') format('woff'),
		url('./fonts/ONEMobileTitleRegular.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

/* 자주하는 질문 시작 */
.ctop-search-area{background: #eef4e9;padding: 25px 20%;border-radius: 15px;}
.ctop-search-area > .sec-box{width: 100%;}
.ctop-search-area > .sec-box select{width: 100%;height: 50px;padding: 0 20px;border: 1px solid #dfdfdf;border-radius: 15px;background: #fff url('../images/secbg.png') no-repeat right 30px center;font-size: 18px;color: #303030;font-weight: 500;}
.ctop-search-area > .sec-box select::-ms-expand{display: none;}

.faq-all *{font-family: 'Pretendard';}
.faq-all{margin-top: 50px;border-top:1px solid #d9d9d9;}
.faq-all > li > a{position:relative;box-sizing: border-box;width: 100%;padding:20px 45px;font-size:16px;color:#252525;font-weight:600;display:block;border-bottom:1px solid #d9d9d9;background:url('../images/qoff.png') no-repeat right 10px center;}
.faq-all > li > a:after{content:"Q";position:absolute;left:0;top:12px;width:35px;height:35px;line-height: 35px;border-radius: 3px;text-align: center;background: #008e4c;font-size: 20px;color: #fff;font-weight: 600;}
.faq-all > li > a.on{background:url('../images/qon.png') no-repeat right 10px center;}
.faq-all > li > ul.faq-dp02{display: none;position:relative;padding:20px 20px 20px 45px;background:#f7f7f7;border-bottom: 1px solid #d9d9d9;z-index:1;}
.faq-all > li > ul.faq-dp02 li > p{font-size: 15px;color: #252525;padding-left: 11px;position: relative;line-height: 1.6;}
.faq-all > li > ul.faq-dp02 li > p:after{content: "";position: absolute;left: 0;top: 10px;width: 5px;height: 5px;border-radius: 100%;background: #008e4c;}
.faq-all > li > ul.faq-dp02 li > ul{padding-left: 10px;}
.faq-all > li > ul.faq-dp02 li > ul > li{position: relative;padding-left: 11px;font-size: 15px;color: #252525;line-height: 1.6;}
.faq-all > li > ul.faq-dp02 li > ul > li:after{content:"";position: absolute;left: 0;top: 10px;width: 3px;height: 3px;background: #252525;}
.faq-all > li > ul.faq-dp02 li > ul > li > ul > li{position: relative;padding-left: 9px;font-size: 15px;color: #454545;line-height: 1.6;}
.faq-all > li > ul.faq-dp02 li > ul > li > ul > li:after{content:"";position: absolute;left: 0;top: 12px;width: 5px;height: 1px;background: #252525;}

@media screen and (max-width: 767px){
	.ctop-search-area{padding: 20px;border-radius: 10px;}
	.faq-all{margin-top: 40px;}
	.faq-all > li > a{padding:20px 30px;font-size:15px;background:url('../images/qoff.png') no-repeat right center;}
	.faq-all > li > a:after{top:18px;width:22px;height:22px;line-height: 22px;font-size: 15px;}
	.faq-all > li > a.on{background:url('../images/qon.png') no-repeat right center;}
	.faq-all > li > ul.faq-dp02{padding:20px 10px 20px 20px;}
	.faq-all > li > ul.faq-dp02 li > p{font-size: 14px;}
	.faq-all > li > ul.faq-dp02 li > p:after{top: 8px;width: 4px;height: 4px;}
	.faq-all > li > ul.faq-dp02 li > ul > li{padding-left: 8px;font-size: 14px;}
	.faq-all > li > ul.faq-dp02 li > ul > li:after{top: 10px;}
	.faq-all > li > ul.faq-dp02 li > ul > li > ul > li{padding-left: 8px;font-size: 14px;}
	.faq-all > li > ul.faq-dp02 li > ul > li > ul > li:after{top: 11px;width: 4px;}
}
/* // 자주하는 질문 끝 */



/* 동행정원 시작 */
.sp-parkTop{margin: 60px 0;position: relative;padding: 146px 30px 0;}
.sp-parkTop::before{position: absolute;top: 0;left: 0;width: 100%;height: 216px;content:"";border-radius: 16px;background: url('../images/t-parkBg.jpg') no-repeat center;}
.sp-parkTop > ul{padding: 55px 5% 0;background: #fff;text-align: center;position: relative;z-index: 1;border-radius: 16px 16px 0 0;}
.sp-parkTop > ul > li{color: #252525;font-size: 20px;font-weight: 600;line-height: 1.5;word-break: keep-all;}
.sp-parkTop > ul > li.title{margin-bottom: 30px;color: #000;font-size: 34px;line-height: 1.1;font-family: 'ONEMobile';}
.sp-parkTop > ul > li.li-Img1{margin-top: 50px;}
.sp-parkTop a.li-Btn1{margin: 35px auto 0;display: table;background: #008e4c;color: #fff;font-size: 22px;line-height: 1.2;font-weight: 600;border-radius: 15px;}
.sp-parkTop a.li-Btn1 > span{min-height: 68px;padding: 10px 35px;display: flex;align-items: center;justify-content: center;}
.sp-parkTop a.li-Btn1 > span::after{display: block;margin-left: 22px;min-width: 40px;height: 7px;background: url('../images/sub1_parkBtn1.png') no-repeat right top;content:"";}

.sub1-Title1{margin: 60px 0 20px;position: relative;padding-left: 42px;color: #000;font-size: 30px;line-height: 34px;font-family: 'ONEMobile';}
.sub1-Title1::before{position: absolute;top: 4px;left: 4px;width: 16px;height: 16px;background: #34805f;border: 4px solid #fff;content:"";border-radius: 25px;box-shadow: 2px 2px 6px 1.5px rgba(0, 0, 0, 0.25);}
.sp-Gbox{padding: 30px 3%;background: #eef4e9;border-radius: 15px;}
.sp-Gbox > p{color: #252525;font-size: 20px;font-weight: 600;word-break: keep-all;}
.sp-Gbox > p.ct{text-align:center;}
.sp-Gbox > p + p{margin-top: 5px;}
.sp-POlist{margin: 0 -10px 0;display: flex;flex-wrap: wrap;}
.sp-POlist > li{width: calc(33.33% - 20px);margin: 20px 10px 0;}
.sp-POlist .photo{display: block;padding-top: 58%;position: relative;overflow: hidden;border-radius: 12px;}
.sp-POlist .photo > img{position: absolute;z-index: 1;bottom: -9999px;left: -9999px;right: -9999px;top: -9999px;width: 100%;height: 100%;margin: auto;vertical-align: middle;}

.sp-Sbox{margin-top: 40px;/* padding-top: 40px;border-top: 1px dashed #c7dbb6; */}
.sp-linebox{margin-top: -20px;margin-left: -20px;display: flex;flex-wrap: wrap;}
.sp-linebox > li{width: calc(33.33% - 20px);margin-top: 20px;margin-left: 20px;border-radius: 12px;overflow: hidden;background: #fff;}
.sp-linebox.line2 > li{width: calc(50% - 30px);}
.sp-linebox > li > p{width: 100%;height: 70px;text-align: center;display: table;font-size: 25px;color: #fff;font-weight: bold;line-height: 1;}
.sp-linebox > li > p span{display: table-cell;vertical-align: middle;}
.sp-linebox > li.typ1 > p{background: #28a86d;}
.sp-linebox > li.typ2 > p{background: #00876c;}
.sp-linebox > li.typ3 > p{background: #00508e;}
.sp-linebox > li.typ4 > p{background: #d9b628;}
.sp-linebox > li.typ5 > p{background: #7a6f3b;}
.sp-linebox > li > ul{padding: 30px 50px;}
.sp-linebox > li > ul li{margin-bottom: 22px;font-size: 20px;color: #252525;font-weight: 600;line-height: 1.2;}
.sp-linebox > li > ul li:last-child{margin-bottom: 0;}

.spb-Cbox{margin-top: 30px;background: #fff;border-radius: 12px;padding: 30px;}
.spb-Cbox > div{margin-bottom: 20px;border-radius: 10px;padding: 12px 20px;display: flex;}
.spb-Cbox > div > span{display: inline-block;width: 240px;font-size: 20px;color: #fff;font-weight: 600;}
.spb-Cbox > div > p{width: calc(100% - 240px);font-size: 18px;color: #fff;}
.spb-Cbox.typ1 > div{background: #28a86d;}
.spb-Cbox.typ2 > div{background: #00876c;}
.spb-Cbox.typ3 > div{background: #00508e;}
.spb-Cbox > ul > li{padding: 0 20px;display: flex;}
.spb-Cbox > ul > li + li{margin-top: 20px;}
.spb-Cbox > ul > li > span{display: inline-block;width: 240px;box-sizing: border-box;padding-left: 12px;position: relative;font-size: 18px;font-weight: 600;}
.spb-Cbox > ul > li > p{width: calc(100% - 240px);font-size: 18px;color: #333;}
.spb-Cbox > ul > li > span:after{content: "";position: absolute;left: 0;top: 9px;width: 6px;height: 6px;border-radius: 100%;}
.spb-Cbox.typ1 > ul > li > span{color: #28a86d;}
.spb-Cbox.typ2 > ul > li > span{color: #007f8e;}
.spb-Cbox.typ3 > ul > li > span{color: #00508e;}
.spb-Cbox.typ4 > ul > li > span{color: #836D00;}
.spb-Cbox.typ5 > ul > li > span{color: #7a6f3b;}
.spb-Cbox.typ1 > ul > li > span:after{background: #28a86d;}
.spb-Cbox.typ2 > ul > li > span:after{background: #007f8e;}
.spb-Cbox.typ3 > ul > li > span:after{background: #00508e;}
.spb-Cbox.typ4 > ul > li > span:after{background: #d9b628;}
.spb-Cbox.typ5 > ul > li > span:after{background: #7a6f3b;}

@media screen and (max-width: 767px){
	.sp-parkTop{margin-bottom: 45px;padding: 100px 15px 0;}
	.sp-parkTop::before{height: 170px;}
	.sp-parkTop > ul{padding: 38px 5% 0;}
	.sp-parkTop > ul > li > br{display: none;}
	.sp-parkTop > ul > li{font-size: 18px;}
	.sp-parkTop > ul > li.title{margin-bottom: 18px;font-size: 30px;}
	.sp-parkTop > ul > li.li-Img1{margin-top: 32px;}
	.sp-parkTop a.li-Btn1{margin-top: 28px;font-size: 20px;}
	.sp-parkTop a.li-Btn1 > span{min-height: 58px;padding: 10px 25px;}
	.sp-parkTop a.li-Btn1 > span::after{margin-left: 16px;min-width: 30px;}
	.sub1-Title1{padding-left: 35px;font-size: 24px;line-height: 28px;}
	.sub1-Title1::before{width: 12px;height: 12px;border: 3px solid #fff;border-radius: 18px;}
	.sp-Gbox{padding: 25px 20px;}
	.sp-Gbox > p{font-size: 16px;}
	.sp-POlist > li{width: calc(50% - 20px);}
	.sp-linebox > li{width: calc(50% - 20px);}
	.sp-linebox > li > p{height: 56px;font-size: 20px;}
	.sp-linebox > li > ul{padding: 20px 20px;}
	.sp-linebox > li > ul li{margin-bottom: 12px;font-size: 18px;}
	.spb-Cbox{padding: 20px;}
	.spb-Cbox > div{padding: 15px;display: block;}
	.spb-Cbox > div > span{margin-bottom: 6px;display: block;width: auto;font-size: 18px;}
	.spb-Cbox > div > p{width: auto;font-size: 16px;color: #fff;}
	.spb-Cbox > ul > li{padding: 0 15px;display: block;}
	.spb-Cbox > ul > li + li{margin-top: 15px;}
	.spb-Cbox > ul > li > span{margin-bottom: 5px;display: block;width: auto;font-size: 17px;}
	.spb-Cbox > ul > li > p{padding-left: 12px;width: auto;font-size: 16px;}
	.spb-Cbox > ul > li > span:after{top: 8px;width: 5px;height: 5px;}
}

@media screen and (max-width: 520px){
	.sp-parkTop > ul{padding: 30px 3% 0;}
	.sp-parkTop > ul > li{font-size: 16px;}
	.sp-parkTop > ul > li.title{margin-bottom: 15px;font-size: 26px;}
	.sp-parkTop > ul > li.li-Img1{margin-top: 24px;}
	.sp-parkTop > ul > li.li-Img1 > img{margin: 0px -35%;max-width: 170%;}
	.sp-parkTop a.li-Btn1{margin-top: 22px;font-size: 17px;}
	.sp-parkTop a.li-Btn1 > span{padding: 8px 15px;}
	.sp-parkTop a.li-Btn1 > span::after{margin-left: 12px;min-width: 24px;}
	.sp-POlist > li{width: calc(100% - 20px);}
	.sp-linebox > li{width: calc(100% - 20px);}
	.sp-linebox.line2 > li{width: calc(100% - 30px);}
}
/* // 동행정원 끝 */