/* RESET */
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

html,body,dl,dt,dd,div,form,fieldset,legend,h1,h2,h3,h4,h5,h6,input,select,textarea,ul,ol,li,p,pre,table,td,th,caption,a,button,figcaption,figure{margin:0;padding:0;}
html,body{background-color:#fff;height:100%}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
body{font-size:16px;color:#666;letter-spacing:-0.5px;font-family:'NanumBarunGothic', 'Noto Sans', sans-serif, '나눔고딕', Nanum Gothic, '굴림', Gulim;-webkit-font-smoothing:antialiased;}
input, select{vertical-align:middle;border-radius:0}
input[type=radio]{margin-top:-3px;}
input[type=text], input[type=password], input[type=submit], input[type=search], textarea, select{-webkit-appearance:none;-moz-appearance:none;appearance:none;}
select::-ms-expand {display:none;}
button{box-shadow:none;border:none;cursor:pointer;vertical-align:middle;}
ul{list-style:none}
a{text-decoration:none;color:inherit;}
a:link,a:visited,a:active,a:hover{color:inherit;text-decoration:none;}
img{vertical-align:top;border:0;max-width:100%}
table{border-collapse:collapse;border-spacing:0;width:100%;}
legend, caption{position:absolute; top:-9999px; left:-9999px; z-index:-1}
em{font-style:normal;}
.clearfix:after{content:" ";display:table;clear:both}

#wrapper{position:relative;}

/*header*/
#header{position:fixed;top:0;left:0;background-color:#fff;width:100%;z-index:9999999999999999;}
#header .header_wrap{display:flex;justify-content:space-between;align-items:center;padding:0 50px;height:140px; border:0 0 3px 0; border-color:#000000 border-style:solid; }
#header h1.logo{}
#header h1.logo a{}
#header .nav ul{display:flex;}
#header .nav a{display:inline-block;color:#233448;font-size:29px;padding:0 25px;height:140px;line-height:140px;transition:0.3s}
#header .nav a:hover, 
#header .nav a.active{background-color:#233448;color:#fff}
#header .tel_wrap span{display:block;text-align:center;margin-bottom:5px}

#container{padding-top:80px}

#container span.pc{display:block;}
#container span.mo{display:none;}

@media only screen and (max-width:1760px) {
	#header .header_wrap{padding:0 40px;}
	#header h1.logo{width:240px}
	#header .nav a{padding:0 20px}
	#header .tel_wrap{width:340px}
}
@media only screen and (max-width:1500px) {
	#header .header_wrap{padding:0 30px;height:120px;}
	#header h1.logo{width:200px}
	#header .nav a{padding:0 15px;font-size:26px;height:120px;line-height:120px;}
	#header .tel_wrap{width:260px}
	#header .tel_wrap span img{width:70%}
	
	#container{padding-top:30px}
}
@media only screen and (max-width:1279px) {
	#header .header_wrap{padding:0 20px;height:100px;}
	#header h1.logo{width:160px}
	#header .nav a{font-size:22px;height:100px;line-height:100px;}
	#header .tel_wrap{width:210px}
	#container{padding-top:20px}
}
@media only screen and (max-width:1024px) {
	#header .header_wrap{position:relative;padding:0;flex-wrap:wrap;height:120px}
	#header h1.logo{padding:10px 20px;width:220px;height:70px}
	#header .nav{padding:0 10px;width:100%;background-color:#8d232f;}
	#header .nav li{width:18.5%;}
	#header .nav li:last-child{width:26%}
	#header .nav a{display:block;color:#fff;font-size:18px;padding:0;text-align:center;height:50px;line-height:50px;}
	#header .tel_wrap{position:absolute;top:5px;right:5px;height:60px;}
	#container{padding-top:30px}
}
@media only screen and (max-width:640px) {
	#header .header_wrap{height:90px}
	#header h1.logo{padding:10px 15px;width:150px;height:50px}
	
	#header .nav a{font-size:13px;height:40px;line-height:40px;}
	#header .tel_wrap{text-align:right;width:150px;right:10px;}
	#header .tel_wrap a img{height:24px;}
	#header .tel_wrap span{height:15px;margin-bottom:2px}
	#header .tel_wrap span img{height:15px}
	
	#container{padding-top:20px}
	#container span.pc{display:none;}
	#container span.mo{display:block;}
}

#container .main_visual{text-align:center;}

#container .quick_menu{background-color:#8c704c}
#container .quick_menu ul{display:flex;}
#container .quick_menu li{width:25%}
#container .quick_menu a{position:relative;display:block;text-align:center;color:#fff;font-size:32px;height:140px;padding-top:80px;transition:0.3s}
#container .quick_menu a:after{content:'';position:absolute;top:20px;left:50%;transform:translateX(-50%);display:block;width:50px;height:50px;background:url(../images/ico_1.png) no-repeat 50% 50%}
#container .quick_menu li:nth-child(2) a:after{background-image:url(../images/ico_2.png)}
#container .quick_menu li:nth-child(3) a:after{background-image:url(../images/ico_3.png)}
#container .quick_menu li:nth-child(4) a:after{background-image:url(../images/ico_4.png)}

#container h2{margin:40px 0 40px 20px;font-size:58px;letter-spacing:-1.5px;color:#240a0e;line-height:1;}
#container h2 span{display:inline-block;position:relative;padding-left:320px;}
#container h2 span:before{content:'';position:absolute;bottom:-10px;left:0;background-color:#240a0e;width:calc(100% + 30px);height:2px;}
#container h2 span:after{content:'';position:absolute;bottom:-20px;right:-36px;background-color:#240a0e;width:24px;height:24px;border-radius:50%}

#container .main_img{text-align:center;padding:10px 0}

@media only screen and (max-width:1600px) {
	#container .quick_menu a{font-size:26px;height:130px;}
	
	#container h2{font-size:46px;letter-spacing:-1px}
	#container h2 span{padding-left:120px;}
	#container h2 span:after{bottom:-18px;width:18px;height:18px;}
}
@media only screen and (max-width:1279px) {
	#container .quick_menu a{font-size:24px;height:110px;padding-top:70px}
	#container .quick_menu a:after{width:40px;height:40px;background-size:auto 40px;}
}
@media only screen and (max-width:1024px) {
	#container .quick_menu a{font-size:17px;height:95px;padding-top:60px}
	#container .quick_menu a:after{width:30px;height:30px;background-size:auto 30px;}
	
	#container h2{margin:30px 0 20px 20px;font-size:32px;letter-spacing:0}
	#container h2 span{padding-left:100px;}
	#container h2 span:after{bottom:-17px;width:16px;height:16px;}
}
@media only screen and (max-width:640px) {
	#container .quick_menu{display:none}
	
	#container h2{margin:20px 0 10px 10px;font-size:19px;}
	#container h2 span{padding-left:calc(30% - 5px);}
	#container h2 span:before{bottom:-5px;width:calc(100% + 15px);height:1px;}
	#container h2 span:after{bottom:-11px;right:-20px;width:13px;height:13px;}
	
	#container .main_img{padding:5px 0}
	#container .main_img.pc{display:none}
}

.contact_wrap{padding:20px 80px 30px;}

.contact_wrap dl.contact_write{margin-bottom:10px;font-size:16px;}
.contact_wrap dl.contact_write dt{float:left;padding:18px 0 0 18px;color:#333;}
.contact_wrap dl.contact_write dd{color:#666;padding:10px 10px 10px 15%;border-bottom:1px solid #eee}
.contact_wrap dl.contact_write dd:after{content:'';display:block;clear:both}
.contact_wrap dl.contact_write dd input.input{width:100%;height:38px;border:1px solid #eee;background-color:#f4f4f4;border-radius:5px;padding:0 10px;font-size:16px;}
.contact_wrap dl.contact_write dd.radio_wrap{padding-top:17px;padding-bottom:17px}
.contact_wrap dl.contact_write dd input[type=radio]{width:16px;height:16px;vertical-align:middle;margin-right:7px;cursor:pointer}
.contact_wrap dl.contact_write dd.radio_wrap label{display:inline-block;padding:0 30px 0 10px;}
.contact_wrap dl.contact_write dd textarea.textarea{width:100%;height:80px;border:1px solid #eee;background-color:#f4f4f4;border-radius:5px;padding:10px;font-size:16px;}
textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.contact_wrap textarea.agree_txt{padding:15px;border:1px solid #aaa;font-size:15px;color:#666;width:100%;height:100px;border-radius:5px;font-family:'NanumBarunGothic';}
.contact_wrap textarea.agree_txt:focus{display:none}

.contact_wrap .agree_wrap{padding:15px;font-size:13px;text-align:right}
.contact_wrap .agree_wrap input[type=checkbox]{width:16px;height:16px;vertical-align:middle;margin-right:7px;}

.contact_wrap .btn_wrap{text-align:center;}
.contact_wrap .btn_wrap .btn_ok{font-family:'NanumBarunGothic';background-color:#8c704c;border:none;color:#fff;font-size:36px;width:310px;height:60px;border-radius:30px;letter-spacing:10px}

#container .ft_banner{text-align:center;}

@media only screen and (max-width:1024px) {
	.contact_wrap{padding:20px 30px;}
	.contact_wrap .btn_wrap .btn_ok{font-size:26px;width:240px;height:50px;}
}
@media only screen and (max-width:640px) {
	.contact_wrap{padding:10px;}
	.contact_wrap dl.contact_write{font-size:14px;}
	.contact_wrap dl.contact_write dt{padding:15px 0 0 15px;}
	.contact_wrap dl.contact_write dd{padding:10px 10px 10px 30%;}
	.contact_wrap dl.contact_write dd input.input{height:36px;font-size:14px;}
	.contact_wrap dl.contact_write dd.radio_wrap{padding-top:12px;padding-bottom:12px}
	.contact_wrap dl.contact_write dd.radio_wrap label{padding:5px 30px 5px 10px}
	.contact_wrap dl.contact_write dd textarea.textarea{height:60px;font-size:14px;}
	.contact_wrap textarea.agree_txt{padding:10px;font-size:12px;height:80px;}
	.contact_wrap .agree_wrap{padding:10px;font-size:12px;text-align:left}
	.contact_wrap .btn_wrap{margin-top:10px;}
	.contact_wrap .btn_wrap .btn_ok{font-size:20px;width:160px;height:40px;letter-spacing:2px}
	
	#container .ft_banner{height:auto}
}

/*footer*/
#footer{padding:30px 30px 180px;text-align:center;}
#footer .ft_txt{}
#footer .ft_txt p{font-size:28px;color:#333;line-height:42px;}
#footer .ft_txt p span{display:inline-block;margin:0 20px;}

#quick{position:fixed;left:0;bottom:0;width:100%;z-index:9999999999999999}
#quick .quick_wrap{display:flex}
#quick .quick_wrap a{background:#008600 url(../images/ft_ico1.png) no-repeat 50px 50%;width:100%;color:#fff;font-size:32px;height:140px;line-height:140px;text-align:center;padding-right:50px}
#quick .quick_wrap a:last-child{background:#8d232f url(../images/ft_ico2.png) no-repeat 50px 50%}
	
@media only screen and (max-width:1600px) {
	#footer{padding:30px 30px 140px;}
	#footer .ft_txt p{font-size:24px;line-height:40px;}
	#footer .ft_txt p span{margin:0 15px;}
	#quick .quick_wrap a{background-size:auto 50% !important;font-size:28px;height:100px;line-height:100px;}
}
@media only screen and (max-width:1279px) {
	#footer{padding:30px 30px 120px;}
	#footer .ft_txt p{font-size:20px;line-height:34px;}
	#footer .ft_txt p span{margin:0 12px;}
	#quick .quick_wrap a{background-size:auto 50% !important;background-position:30px 50% !important;font-size:26px;height:80px;line-height:80px;padding-right:40px;}
}
@media only screen and (max-width:1024px) {
	#footer{padding:30px 30px 140px;}
	#footer .ft_txt p{font-size:18px;line-height:30px;}
	#footer .ft_txt p span{margin:0 10px;}
}
@media only screen and (max-width:640px) {
	#footer{padding:0 0 70px}
	/*#footer .ft_txt{display:none}*/
	/*#footer{padding:15px 15px 70px;}*/
	#footer .ft_txt p{font-size:12px;line-height:18px;}
	#footer .ft_txt p span{margin:0 5px;}
	#quick .quick_wrap a{background-size:auto 40% !important;background-position:20px 50% !important;font-size:18px;height:60px;line-height:60px;padding-right:20px;letter-spacing:0}
}

/* 사업개요 */
#container .table_wrap{padding:0 20px}
#container .table_overview{font-size:18px;letter-spacing:0}
#container .table_overview th{border:1px solid #000;background-color:#233448;color:#fff;padding:12px;}
#container .table_overview tbody td{border:1px solid #000;padding:12px;color:#000;text-align:center;}

@media only screen and (max-width:1600px) {
	#container .table_wrap{padding:0}
}
@media only screen and (max-width:640px) {
	#container .table_overview{font-size:14px;word-break:keep-all}
	#container .table_overview th{padding:10px 7px;}
	#container .table_overview tbody td{padding:10px 7px}
	#container .table_overview tbody th{font-weight:normal}
}