@charset "utf-8";
@font-face {
    font-family: 'ygj';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root{
--main-color:#1F7A4F;
--dark-color:#123B2B;
--sub-color:#35A06B;
--blue:#17768A;
--eco-bg-1:#E4F6DA;
--eco-bg-2:#CFEDEA;
}

.bbg{}
.d_width{position:relative;width:1240px;margin:0 auto;}

body, html	{font-size:17px;color:#555;word-break:keep-all;}
h1{position:relative;display:inline-block;font-family:'ygj';color:#000;font-size:34px;letter-spacing:-2px;margin:0 0 40px 0;font-weight:900;word-break:keep-all;}
h1:before{content:"";display:inline-block;background:url(../img/h1_bg.png);height:33px;width:42px;margin-right:5px;vertical-align:middle;word-break:keep-all;}
h1:after{content:"";position:absolute;left:0;bottom:4px;height:12px;width:100%;background:rgb(94 196 133 / 30%);word-break:keep-all;}
h2{font-family:'ygj';font-size:22px;color:var(--main-color);letter-spacing:-1px;word-break:keep-all;}
h2:before{content:"";display:inline-block;background:var(--main-color);height:16px;width:4px;float:left;margin:8px 16px 0 0;vertical-align:top;word-break:keep-all;}

li, p, span, div {word-break:keep-all;}

em{color:var(--main-color);}
.point-blue		{color:var(--blue) !important;}

.fsm	{color:#000;font-size:16px;font-weight:500}
.va-pc{display:block;}
.va-mo{display:none;}
.point-orange	{color:var(--sub-color);}
ul.bu li		{padding:2px 0 2px 13px;}
ul.bu li:before	{width:3px;height:3px;background:#000;}
ul.bu li li:before	{width:5px;height:2px;background:#a3a3a3;}
.btn-d.btn-lg	{font-size:1rem;}

.bu2 li::before{content:"-"; display:inline-block; font-size:inherit; color:inherit; }

.tab		{margin-top:-80px;height:80px;}
.tab:after	{content:"";clear:both;display:block;float:none;}
.tab a		{font-family:'ygj';float:left;width:calc(33.33% - 2px);display:block;text-align:center;line-height:80px;background:var(--sub-color);color:#fff;font-size:22px;letter-spacing:-1px;font-weight:600;border-radius:4px 4px 0 0;transition:all 0.2s ease-out;margin-right:1px;}
.tab a.on	{background:#fff;color:var(--sub-color);font-weight:600;box-shadow:0 -5px 15px 0 rgb(0 0 0 / 20%)}
.tab a.on:after	{color:#FFCC00;}
.tab a:hover	{background:var(--main-color);transition:0.2s;}
.tab a.on:hover	{background:#fff;color:var(--main-color);font-weight:600;}

#wrap	{overflow-x:hidden;}

#footer{padding:30px 0;text-align:center;color:rgba(255,255,255,0.4);font-size:14px;background:#0E144A;}
.container	{background:#fff;padding:40px 0}
.container-g{background:#fff;padding:40px 0 0 0;position:relative;z-index:1;}

/* ===== hero : 환경·생태 테마 ===== */
.guide-visual		{position:relative;overflow:hidden;background:linear-gradient(270deg,var(--eco-bg-1),var(--eco-bg-2));height:700px;}
.guide-visual:before	{content:"";display:block;position:absolute;top:0;left:-800px;background:url('../img/main_bg_img1.png') no-repeat;width:1788px;height:386px;opacity:.13;filter:hue-rotate(-72deg) saturate(1.2);}
.guide-visual:after	{content:"";display:block;position:absolute;bottom:0;right:-700px;background:url('../img/main_bg_img2.png') no-repeat;width:1696px;height:309px;opacity:.16;filter:hue-rotate(-72deg) saturate(1.2);}
.guide-visual img	{position:absolute;top:50%;right:0px;transform:translateY(-50%);z-index:1;width:620px;}
.guide-visual .d_width{height:100%;}
.guide-visual .cont	{position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:9;}
.guide-visual .tit	{position:relative;font-family:'ygj';color:var(--main-color);line-height:1;letter-spacing:-3px;z-index:9;}
.guide-visual .tit span	{display:block;font-weight:900;color:var(--dark-color);}
.guide-visual .tit span:nth-child(1)	{font-size:62px;margin-bottom:10px;}
.guide-visual .tit span:nth-child(2)	{font-size:62px;margin-bottom:20px;}
.guide-visual .tit span:nth-child(3)	{font-size:40px;color:#333;}
.guide-visual .tit em	{position:relative;display:inline-block;line-height:1;font-weight:900;color:#FFDD79;background:var(--main-color);padding:10px 20px 5px 20px;border-radius:45px;}


.guide-visual .tit-sub	{position:relative;z-index:9;font-family:'ygj';font-size:23px;letter-spacing:-1.5px;line-height:1.4;color:var(--main-color);word-break:keep-all;}

.guide-visual .txt	{margin:36px 0 50px;}
.guide-visual .txt p		{padding:8px 0;}
.guide-visual .txt p:after	{content:"";display:block;float:none;clear:both;}
.guide-visual .txt span		{display:block;float:left;font-size:19px;letter-spacing:-0.5px;word-break:keep-all;}
.guide-visual .txt span:first-of-type	{color:var(--main-color);width:100px;}
.guide-visual .txt span:last-of-type	{color:#333;width:calc(100% - 100px);padding-left:10px;}
.guide-visual .txt p span:first-child	{font-family:'ygj';color:var(--main-color);font-weight:600;}
.guide-visual .txt p:first-child .stxt	{font-weight:600;}
.guide-visual .txt p:first-child .stxt em	{font-weight:600;color:#D6353F;}
.guide-visual .txt p:nth-child(2) .stxt	{padding-left:0;}

.nuri-wrap			{}
.nuri-wrap h2		{float:left;clear:both;width:calc(100% - 1000px);font-weight: 800;}
.nuri-wrap .content	{float:right;width:1000px;margin:0 0 30px 0;}
.nuri-form		{background:#f4f4f4;border-radius:2px;padding:30px;}
.nuri-form th	{padding:5px;width:230px;vertical-align:top;line-height:40px;}
.nuri-form td	{padding:5px;}
.nuri-form em	{color:#FF6666;}
.btn-cs{background:var(--sub-color);border-color:var(--sub-color)}
.form-control:focus		{border-color:var(--main-color);}
.contact	{color:#1E3B30;font-weight:500}
.contact p	{margin:0 0 20px 0;}
.contact p span {color:#555;}
.contact .tit{font-size:24px;letter-spacing:-1px;font-weight:600;color:#333;}
.contact i	{display:inline-block;width:25px;height:25px;line-height:25px;font-size:13px;text-align:center;color:#fff;background:var(--sub-color);border-radius:50%;margin:0 10px;vertical-align:middle;}

.guide-wrap			{margin:0 0 30px 0;}
.guide-wrap h2		{float:left;width:calc(100% - 1000px);font-weight:800;}
.guide-wrap .content{float:right;width:1000px;padding:2px 0 0 0;}
.guide-wrap .content em {font-size:22px;color:var(--main-color);font-weight:700}
.guide-wrap .content strong {color:var(--dark-color);font-weight:700;}
.guide-wrap .txt span {position:relative;color:var(--main-color);text-decoration:underline;}
.gbg	{background:#f7f7f7;padding:60px 30px 40px;margin:60px 0 0;}
.gbg h1	{color:#111}
.gbg h1:before	{content:none;}
.gbg h1:after{background:rgba(31,122,79,0.2)}
.gbg h2	{color:#333;}
.gbg h2:before{background:#aaa;}
.gbg li	{margin:5px 0;color:#444}
.bx1_wh		{padding:30px;border:1px solid #ccc;}
.bx1_wh li		{color:#666;}
.bg_gr		{padding:40px;background:#F4F4F4;word-break:keep-all;}
.bg_gr .tit	{font-size:22px;font-weight:600;color:var(--main-color);margin:0 0 20px;}
.bg_gr .txt	{font-size:18px;}
.num-list	{}
.num-list li	{padding:5px 0;}
.num-list .num	{display:inline-block;width:28px;height:28px;vertical-align:middle;background:var(--sub-color);text-align:center;line-height:28px;font-size:14px;font-weight:600;color:#fff;margin:-3px 10px 0 0;}
.num-list li li	{padding:2px 0;}
.num-list .cmt	{background:var(--main-color);}

.guide-btn		{margin:40px 0;}
.guide-btn a	{display:inline-block;line-height:80px;text-align:center;font-size:20px;font-weight:600;width:320px;background:var(--main-color);color:#fff;border-radius:4px;transition:all .2s ease-out;}
.guide-btn a i	{color:#FFFFCC;}
.guide-btn a:hover	{background:#2F323A;}

.guide-wrap	table			{width:100%;border-collapse:collapse;}
.guide-wrap	table th		{text-align:center;}
.guide-wrap	table thead th	{background:#869299;color:#fff;padding:15px;}
.guide-wrap	table tbody tr	{border-bottom:1px solid #ccc;}
.guide-wrap	table tbody tr:last-child	{border-bottom-color:#ccc;}
.guide-wrap	table tbody th	{background:#f4f4f4;color:#869299;font-size:18px;padding:15px;}
.guide-wrap	table tbody td	{color:#333;font-size:15px;padding:15px 20px;}

.form-visual		{background:linear-gradient(270deg,var(--eco-bg-1),var(--eco-bg-2));height:340px;padding-top:90px;}
.form-visual .tit	{font-size:60px;font-family:'ygj';color:var(--main-color);line-height:1;letter-spacing:-3px;}
.form-visual .tit em	{position:relative;font-size:90px;line-height:1;display:inline-block;letter-spacing:-8px;margin-top:5px;}


/* ===== 참여 전 약관 동의 ===== */
.agree-lead	{color:#777;font-size:15px;margin:0 0 18px;}
.agree-sub	{font-weight:700;color:#333;margin:0 0 10px;}
.agree-box	{border:1px solid #ccc;background:#fff;}
.agree-box .agree-tit	{font-family:'ygj';font-size:20px;letter-spacing:-1px;color:#333;text-align:center;background:#f4f4f4;border-bottom:1px solid #ccc;padding:15px 20px 12px;}
.agree-box .agree-body	{padding:25px 30px;font-size:15px;line-height:1.75;color:#555;}
.agree-box .agree-body p	{margin:0 0 8px;}
.agree-box .agree-body p:last-child	{margin-bottom:0;}
.agree-box .agree-body strong	{color:var(--dark-color);font-weight:700;}
.agree-box .agree-body .cmt	{margin:18px 0 0;padding-left:17px;text-indent:-17px;color:#777;font-size:14px;}
.agree-box .agree-chk	{border-top:1px solid #e5e5e5;background:#fafafa;padding:15px 30px;text-align:right;}
.agree-box .agree-chk input[type="checkbox"]	{display:none;}
.agree-box .agree-chk label	{display:inline-block;cursor:pointer;font-weight:700;color:#555;line-height:1.4;}
.agree-box .agree-chk input[type="checkbox"] + label::before	{content:"\f0c8";font-family:FontAwesome;font-weight:400;font-size:18px;display:inline-block;vertical-align:middle;margin:-3px 8px 0 0;color:#bbb;}
.agree-box .agree-chk input[type="checkbox"]:checked + label	{color:var(--main-color);}
.agree-box .agree-chk input[type="checkbox"]:checked + label::before	{content:"\f14a";font-weight:900;color:var(--main-color);}
.agree-box .agree-chk label:hover::before	{color:var(--sub-color);}

/* 신청확인 결과 / 수정 모드 */
table.chk-result	{width:100%;border-collapse:collapse;}
table.chk-result th	{width:150px;text-align:left;vertical-align:top;padding:8px 0;color:var(--dark-color);font-weight:700;}
table.chk-result td	{padding:8px 0;color:#555;word-break:break-all;}
.edit-banner	{background:#EAF5EF;border:1px solid rgba(31,122,79,.3);border-radius:4px;padding:16px 20px;margin:0 0 25px;color:#14603E;}
.edit-banner strong	{display:block;font-family:'ygj';font-size:17px;letter-spacing:-.5px;margin-bottom:6px;color:var(--main-color);}
.file-current	{display:block;margin:6px 0 0;color:var(--dark-color);font-weight:600;}

.agree		{}
.agree li	{border:1px solid #EAEAEA;padding:0 5px 0 20px;position:relative;}
.agree li:first-child	{margin-bottom:5px;}
.agree li:not(:first-child)	{border-bottom:none;}
.agree li:last-child	{border:1px solid #EAEAEA;}
.agree input[type="checkbox"]		{display:none;}
.agree input[type="checkbox"] + label{line-height:60px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:calc(100% - 40px);display:block;}
.agree input[type="checkbox"] + label::before		{content:"\f00c";font-family:FontAwesome;font-weight:900;display:inline-block;vertical-align:middle;margin:-2px 20px 0 0;color:#ccc;}
.agree input[type="checkbox"]:checked + label,
.agree input[type="checkbox"]:checked + label::before{color:var(--main-color);}
.agree li p	{font-size:13px;color:#777;max-height:100px;overflow-y:scroll;padding-right:25px;margin-right:15px;visibility:hidden;height:0;}
.agree li a	{position:absolute;right:0;top:0;display:block;line-height:60px;width:60px;color:#5A6378;text-align:center;}
.agree li a i	{transition:all 0.2s ease-out;}
.agree .open	{padding-bottom:15px;}
.agree .open p	{visibility:visible;height:auto;}
.agree .open a i	{transform:rotate(180deg);}

.form-control[type="file"]	{font-size:0.725rem;padding:7px;}

@media (max-width:1400px){ /*1200*/
	.d_width	{width:1200px;transition:all 0.5s;}

	.nuri-wrap h2,
	.guide-wrap h2		{width:calc(100% - 960px);}
	.nuri-wrap .content,
	.guide-wrap .content{width:960px;}
}
@media (max-width:1200px){ /*960*/
	.d_width	{width:960px;}
	h1		{margin:0 0 20px 0;}
	h1:after{display:none;}
	.guide-visual .tit .va-pc	{display:none;}
	.guide-visual .tit span:nth-child(1),
	.guide-visual .tit span:nth-child(2)	{font-size:60px;}
	.guide-visual .tit span:nth-child(3)	{display:inline-block;}
	.guide-visual .txt span:last-child	{width:calc(100% - 90px);}
	.form-visual		{height:auto;padding:40px 0;}
	.guide-visual img	{width:560px;right:-20px;top:58%;}
	.guide-visual .tit-sub	{font-size:22px;}
	.guide-visual .txt	{margin-top:40px;font-size:16px;}
	.form-visual .tit	{font-size:40px;}
	.form-visual .tit em	{font-size:60px;}
	.nuri-wrap h2,
	.nuri-wrap .content,
	.guide-wrap h2,
	.guide-wrap .content{float:none;width:auto}
	.nuri-wrap h2,
	.guide-wrap h2		{margin:0 0 10px 0;}
	.guide-btn a		{font-size:18px;font-weight:500}
	.contact .tit	{font-size:20px;}
}
@media (max-width:992px){/*720*/
	body, html	{font-size:16px;}
	.d_width	{width:720px;}
	.btn-d.btn-lg{font-size:16px;}
	h1{font-size:20px;margin-bottom:20px;}
	h2{font-size:18px;margin-bottom:10px;}
	h2:before{height:14px;margin:5px 16px 0 0;}
	h3{font-size:16px;}
	.fsm	{font-size:14px;}
	.guide-visual		{height:500px;}
	.guide-visual .tit span:nth-child(1),
	.guide-visual .tit span:nth-child(2)	{font-size:40px;}
	.guide-visual .tit span:nth-child(3)	{font-size:30px;}
	.guide-visual .tit span:nth-child(2)	{margin-bottom:10px;}
	.guide-visual .tit-sub	{font-size:17px;letter-spacing:-1px;}
	.guide-visual .txt		{margin-top:20px;}
	.guide-visual .txt span	{font-size:15px;}
	.form-visual		{padding:40px 30px;}
	.form-visual .tit	{font-size:30px;}
	.form-visual .tit em	{font-size:50px;letter-spacing:-2px;}
	.guide-visual img	{width:430px;right:-40px;top:56%;}
	.tab				{height:60px;margin-top:-60px;}
	.tab a				{line-height:60px;font-size:18px;}
	.container			{padding:40px 0}
	.container-g		{padding:30px 0 0 0;}
	.gbg		{margin:40px 0 0 0;padding:40px 0;}

	.guide-wrap .content em{font-size:18px}
	.bg_gr		{padding:30px;}
	.bg_gr .tit	{font-size:18px;margin:0 0 10px;}
	.bg_gr .txt	{font-size:16px;}
	.cs-bx		{padding:25px;}
	.guide-wrap table tbody th	{font-size:16px;}
	.contact .tit	{font-size:18px;}
	.guide-btn		{margin:20px 0;}
	.guide-btn a	{width:40%;line-height:50px;font-size:15px;}
	.nuri-form th,
	.nuri-form td	{display:block;width:100%;}
	.nuri-form th	{padding:5px 0 0 0;line-height:1.4;font-size:15px;}
	.nuri-form td	{padding:5px 0;}
}
@media (max-width:768px){/*mobile-l*/
	body, html	{font-size:14px;}
	.d_width{min-width:280px;width:auto;padding:0 20px;}
	.va-pc{display:none;}
	.va-mo{display:block;}
	h1{font-size:18px;margin-bottom:20px;}
	h2{font-size:16px;}
	h3{font-size:15px;}
	.guide-visual		{padding:30px;height:auto;}
	.guide-visual img	{width:280px;right:0;top:76%;}
	.guide-visual .cont	{position:relative;top:auto;transform:none}
	.guide-visual .tit		{font-size:30px;}
	.guide-visual .tit span:nth-child(1),
	.guide-visual .tit span:nth-child(2)	{font-size:32px;}
	.guide-visual .tit span:nth-child(3)	{font-size:26px;}
	.guide-visual .tit-sub	{font-size:15px;letter-spacing:-0.8px;}
	.guide-visual .tit em	{font-size:40px;letter-spacing:-4px;}
	.guide-visual .tit em:before	{height:42px;width:calc(100% + 4px);}
	.guide-visual .txt p	{padding:3px 0;}
	.form-visual		{padding:30px;}
	.form-visual .tit	{font-size:20px;letter-spacing:-1px;}
	.form-visual .tit em	{font-size:34px;}
	.tab			{padding:0 20px}
	.tab a			{font-size:15px;}
	.container			{padding:20px}
	.nuri-wrap .content	{margin:0 0 20px 0;}
	.container-g	{padding:20px 0;}
	.guide-wrap table tbody th,
	.guide-wrap table tbody td	{font-size:14px;}
	.bx1_wh,
	.bg_gr		{padding:20px;}
	.agree-box .agree-tit	{font-size:17px;padding:12px 15px 9px;}
	.agree-box .agree-body	{padding:18px 20px;font-size:14px;}
	.agree-box .agree-chk	{padding:14px 20px;text-align:left;}
	.bg_gr .tit	{font-size:16px;}
	.bg_gr .txt	{font-size:14px;}
	.cs-bx		{padding:20px;font-size:14px;}
	.gbg			{padding:20px 0;margin-top:0;}
	.guide-btn a	{width:auto;display:block;margin:5px 0;}
	.form-control[type="file"]	{font-size:0.875rem;}
	.contact span	{margin-bottom:5px;}
	.contact i:first-of-type	{margin-left:0;}
}

@media (max-width:576px){/*mobile-s*/
	body{font-size:14px;}
	.d_width{padding:0 10px;}
	.tab			{height:40px;margin-top:-40px;z-index:1;}
	.tab a			{line-height:40px;}
	.tab a span	{display:none;}
	.contact span	{display:block;}
	.form-visual,
	.guide-visual		{padding:30px 20px 190px;height:auto;}
	.guide-visual img	{width:270px;top:100%;left:50%;right:auto;transform:translate(-50%,-32px);}
	.guide-visual .cont	{text-align:center;}
	.guide-visual .tit	{text-align:center;padding-bottom:14px;}
	.guide-visual .tit-sub	{font-size:13px;letter-spacing:-0.5px;text-align:center;padding-bottom:16px;}
	.guide-visual .txt	{display:none}
	.guide-visual .tit span:nth-child(1),
	.guide-visual .tit span:nth-child(2)	{font-size:26px;margin:0;letter-spacing:0;}
	.guide-visual .tit span:nth-child(3)	{font-size:20px;}
	.guide-wrap .content em{font-size:16px}
	.guide-wrap	table thead th	{width:auto}
	.nuri-form {padding:15px;}
	.nuri-form th,
	.nuri-form td	{display:block;width:auto;}
	.nuri-form .w200,
	.nuri-form .w150	{width:100% !important;margin:2px 0;}
}
@media (max-width:430px){
	.tab a			{font-size:12px;}
	.guide-visual .d_width:after	{content:none;}
}