@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;
}

:root{
--main-color:#2B340C;
--sub-color:#58822D;
}

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

body, html	{font-size:17px;color:#555;}
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;}
h1:before{content:"";display:inline-block;background:url(../img/h1_bg.png);height:33px;width:42px;margin-right:5px;vertical-align:middle;}
h1:after{content:"";position:absolute;left:0;bottom:4px;height:12px;width:100%;background:rgba(0,0,0,0.05);}
h2{font-family:'ygj';font-size:22px;color:var(--main-color);letter-spacing:-1px;}
h2:before{content:"";display:inline-block;background:var(--sub-color);height:16px;width:4px;float:left;margin:8px 16px 0 0;vertical-align:top;}

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

.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(--main-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(--main-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(--sub-color);transition:0.2s;}
.tab a.on:hover	{background:#fff;color:var(--sub-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 url(./img/2019_nuri_bg.gif) repeat;padding:40px 0}
.container-g{background:#fff url(./img/2020_nuri_bg.gif) repeat;padding:40px 0 0 0;position:relative;z-index:1;}

.guide-visual		{position:relative;background:linear-gradient(180deg,rgba(255, 249, 213, 1) 50%, rgba(214, 237, 176, 1) 100%);height:760px;}
/* .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;filter:hue-rotate(185deg) opacity(0.2);} */
/* .guide-visual:after	{content:"";display:block;position:absolute;bottom:0;right:-800px;background:url('../img/main_bg_img2.png') no-repeat;width:1699px;height:309px;filter:opacity(0.4);} */
/* .guide-visual img	{position:absolute;top:50%;right:-50px;transform:translateY(-50%);z-index:1;} */
.guide-visual img	{position:absolute;top: 65%;right: -110px;transform:translateY(-50%);z-index:1;}
.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';line-height:1;letter-spacing:-3px;z-index:9;}
.guide-visual .tit span	{display:block;font-weight:900;color:var(--main-color);}
.guide-visual .tit span:nth-child(1)	{font-size:40px;margin-bottom:20px;color:var(--sub-color);}
.guide-visual .tit span:nth-child(2)	{font-size:66px;margin-bottom:10px;}
.guide-visual .tit span:nth-child(3)	{font-size:66px;}
.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 .txt	{margin:50px 0;}
.guide-visual .txt p		{padding:10px 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{font-family:'ygj';color:var(--sub-color);font-weight:600;width:110px;}
.guide-visual .txt span:last-of-type	{color:#333;width:calc(100% - 110px);}
.guide-visual .txt p span:first-child,
.guide-visual .txt p:first-child	{font-weight:600;}

.nuri-wrap			{}
.nuri-wrap h2		{float:left;width:calc(100% - 1000px);}
.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:160px;vertical-align:top;line-height:40px;}
.nuri-form td	{padding:5px;}
.nuri-form em	{color:#FF6666;}
.btn-cs{background:var(--main-color);border-color:var(--main-color)}
.form-control:focus		{border-color:var(--main-color);}
.contact	{color:#283057;font-weight:500}
.contact p	{margin:0 0 20px 0;}
.contact .tit{font-size:24px;letter-spacing:-1px;font-weight:600;}
.contact i	{display:inline-block;width:25px;height:25px;line-height:25px;font-size:13px;text-align:center;color:#fff;background:#ff6666;border-radius:50%;margin:0 10px;vertical-align:middle;}

.guide-wrap			{margin:0 0 30px 0;}
.guide-wrap h2		{float:left;width:calc(100% - 1020px);font-weight:800;}
.guide-wrap .content{float:right;width:1020px;padding:2px 0 0 0;word-break:keep-all;}
.guide-wrap .content em{font-size:22px;color:var(--main-color);font-weight:600}
.guide-wrap .txt span {position:relative;color:var(--main-color);text-decoration:underline;}
.guide-wrap .bg_gr,
.guide-wrap ul.bu li{word-break:keep-all;}
.gbg	{background:#f7f7f7;padding:60px 0;margin:60px 0 0 0;}
.gbg h1	{color:#111}
.gbg h1:before	{content:none;}
.gbg h1:after{background:rgba(0,68,179,0.1);}
.gbg h2	{color:#333;}
.gbg li	{margin:5px 0;color:#444}
.bg_gr		{padding:40px;background:#F4F4F4;}
.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	{position:relative;padding:5px 0;padding-left:35px;}
.num-list .num	{position:absolute;left:0;top:6px;display:inline-block;width:28px;height:28px;vertical-align:middle;background:#fdb361;text-align:center;line-height:28px;font-size:14px;font-weight:600;color:#fff;margin:-3px 10px 0 0;}
.num-list .cmt	{background:var(--main-color);}

.btn	{display:inline-block;color:#ff6666;text-align:center;margin-left:5px;}
.btn:after	{content:"\f105";font-family:FontAwesome;font-weight:900;}

.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:#0044b3;}

.guide-wrap	table			{}
.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:url(../img/main_bg.png) no-repeat 50% 50%;background-size:cover;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;}
/* .form-visual .tit em:before	{content:"";position:absolute;left:2px;top:0;display:block;width:100%;height:83px;background:var(--main-color);}
.form-visual .tit em span	{position:relative;} */

.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:60px;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);}
.agree .open .txt p{position:relative;overflow-y:auto;word-break:keep-all;padding:2px 0 2px 10px;}
.agree .open .txt p:before{content:"-";position: absolute;top:0;left:0;margin-right:5px;}

.form-control[type="file"]	{font-size:0.725rem;padding:7px;}
.tv-checkbox input[type="checkbox"] + label{color:var(--main-color);margin-top:5px;}
.tv-checkbox input[type="checkbox"]:checked + label::before{border-color:var(--sub-color);background:var(--sub-color);color:#fff;}

@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		{height:870px;}
	.guide-visual img	{width:370px;right:0;}
	.guide-visual .tit .va-pc	{display:none;}
	.guide-visual .tit span:nth-child(2),
	.guide-visual .tit span:nth-child(3)	{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 .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;}
	.guide-wrap .bg_gr br{display:none;}
}
@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;}
	h1:before{width:32px;height:25px;background-size:auto 25px;}
	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:720px;}
	.guide-visual .tit span:nth-child(2),
	.guide-visual .tit span:nth-child(3)	{font-size:40px;}
	.guide-visual .tit span:nth-child(1)	{font-size:30px;margin-bottom:10px;}
	.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:320px;right:-50px;}
	.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}
	.guide-wrap ul.bu li br{display:none;}
	.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;}
	.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:200px;right:0;top:85%;}
	.guide-visual .cont	{position:relative;top:auto;transform:none}
	.guide-visual .tit		{font-size:30px;}
	.guide-visual .tit span:nth-child(2),
	.guide-visual .tit span:nth-child(3)	{font-size:32px;}
	.guide-visual .tit span:nth-child(1)	{font-size:26px;}
	.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;}
	.guide-visual .txt span{font-size:14px;}
	.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;}
	.guide-wrap table tbody th,
	.guide-wrap table tbody td	{font-size:14px;}
	.bx1_wh,
	.bg_gr		{padding:20px;}
	.bg_gr .tit	{font-size:16px;}
	.bg_gr .txt	{font-size:14px;}
	.cs-bx		{padding:20px;font-size:14px;}
	.gbg			{padding:20px;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;}
	.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 170px;height:auto;}
	.guide-visual img	{width: 210px;top:110%;left: 50%;transform:translate(-50%,0);}
	.guide-visual .tit	{text-align:center;}
	.guide-visual .txt	{display:none}
	.guide-visual .tit span:nth-child(2),
	.guide-visual .tit span:nth-child(3)	{font-size:26px;margin:0;letter-spacing:0;}
	.guide-visual .tit span:nth-child(1)	{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;}
}