@charset "utf-8";

/* base */
html {overflow-y:scroll}
body {font-family:'Malgun Gothic', 'Nanum Gothick', Dotum,AppleGothic,Arial,sans-serif; font-size:12px}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0; padding:0}
h1,h2,h3,h4,h5,h6 {font-weight:normal; font-size:100%}
input, select, textarea, button, label {font-size:100%; vertical-align:middle}
input, select {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box}
fieldset, img, iframe {border:0 none}
img {vertical-align:middle}
textarea {resize:none}
th, td {text-align:left}
em, address {font-style:normal}
a {text-decoration:none}
a:hover,a:active,a:focus{text-decoration:none;}
a:hover {
  color: #264F86;
}
a{color:#000; text-decoration:none;}
a:hover{color:#264F86;}
menu,li {list-style:none}
button {padding:0; margin:0; border:0; cursor:pointer; vertical-align:middle; background:none}
caption {width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden}
hr {display:none}
i,em,address{font-style:normal}
label {cursor:pointer}
table {border-spacing:0; border-collapse:collapse}



.web {width:1024px; margin:0 auto; position: relative;}
.web:after {content:""; display:block; clear:both;}

#wrap { }
#wrap:after {content:""; display:block; clear:both;}


	.header .w_logo {height: 72px; padding-top: 18px; position: relative;}
	.header .w_logo .logo {width:600px;line-height: 50px;}
	.header .w_logo span.h_txt { font-size: 26px; font-weight: 600; letter-spacing:-1.8px; color:#000; padding-left: 20px; }
	.header .w_logo span.poin { color:#e67d02; font-weight: bold;}
	.header .w_logo .w_link {position: absolute; right:0; top:0; line-height: 55px; height:55px;}
	.header .w_logo .w_link a { color:#404040;}

	.header .top_menu {border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; }
	.header .top_menu  {display:block; width:100%;}
	.header .top_menu :after {display:block; clear:both; content:" "; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;}
	.header .top_menu ul li {float:left; border-left: 1px solid #cccccc; }
	.header .top_menu ul li.ed {border-right: 1px solid #cccccc; }
	.header .top_menu ul li a {display:block; background-color:#fff;min-width:299px; padding:15px 20px; text-align:center; font-size: 16px;font-weight: bold; line-height:1.2em; color:#404040;}
	.header .top_menu ul li a:hover {color:#fff;background-color:#0078c3; font-weight:bold;}
	.header .top_menu ul li a.on {background-color:#0078c3; color:#fff; font-weight:bold;}
	.header .top_menu ul li a.active {color: #649313;}


	.main_slide {background:#e8f5fd;}
	.main_slide .slide01 {height:440px; background:url(../img/vis_img.png) left top no-repeat;}
	.main_slide .slide01 .tit {padding-top: 138px; float:right;}

	.waste_step {height:142px; background:url(../img/stp_bg.png) no-repeat; background-color: #00A685;}
	.waste_step li {float: left;}
	.waste_step li.tit {margin-top:50px; margin-right: 30px;}
	.waste_step li.txt {margin-top:20px; margin-left:24px; font-size: 13px; font-weight: bold; color: aliceblue; letter-spacing:-1.5px; text-align:center; line-height: 36px;}
	.waste_step li.arrow {margin-top:50px; margin-left:1%; }
	.waste_step span {padding-left: 640px;}


	.pick_svc {height:343px; background:#f7f6f6; padding-top: 30px;}
	.pick_svc li {float: left;}
	.pick_svc .tit {padding-right: 100px;}

	
	.step4 {height:115px; background:#f7f6f6; padding: 20px 0;}
	.step4 li {float: left; width:25%; vertical-align: middle;}

	.main_note {height:282px; background:#f7f6f6;}
	.main_note .ntit {text-align: center; padding-top: 46px;}
	.main_note ul { margin-top: 20px;}
	.main_note li {float: left;}
	.main_note li.txt {width:148px; height:148px; background:url(../img/ntc_txt_bg.png) no-repeat;}
	.main_note li.icon {padding-top: 60px; padding-left: 20px; padding-right: 20px;}
	.main_note .in_box { width:148px; height:148px; text-align: center; display: table-cell; text-align: center; vertical-align: middle; font-weight: bold; font-size: 14px;}
	
	
    .full-width {
	  width: 100%;
	  border-top: 1px solid #cccccc; 
	  border-bottom: 1px solid #cccccc;
	}
	.fix-width {
	  display: block;
	  margin: 0 auto;
	  padding:20px;
	  width: 1024px;
	  height:20px;
	  font-size:14px;
	}
	.fix-width ul li{
	  display: inline-block;
	}
	.fix-width ul li.cn{
	  padding-left:50px;
    }
	.fix-width ul li.ed{
	  float:right;
    }

	/* layer-poup */
	.layer-poup.theme-a {
		position: relative;
		z-index: 999;
		font-size: 14px;
		font-family: dotum, sans-serif;
		border-radius: 20px;
		box-shadow: 0 5px 20px 0 rgba(0,0,0,0.5);
		background-color: #ffffff;
	}
	.layer-poup.theme-a h2 {
		color: #000000;
		letter-spacing: -0.1em;
		font-size: 30px;
		font-weight: bold;
		font-family: 'Malgun Gothic', 'Nanum Gothick', Dotum,AppleGothic,Arial,sans-serif;
	}
	.layer-poup.theme-a .subtitle {
		line-height: 24px;
		color: #969696;
		font-size: 14px
	}
	.layer-poup.theme-a .layer-popup-control .btn.close {
		position: absolute;
		top: -30px;
		right: -30px;
		overflow: visible;
		padding: 0;
		width: 60px;
		height: 60px;
		font-size: 12px;
		font-family: dotum, sans-serif;
		border: 0;
		background-image: url(../img/bg_layerpoup_close.png);
		background-repeat: no-repeat;
		cursor: pointer;
	}
	.layer-poup.theme-a .layer-popup-control .btn.close .after {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-image: url(../img/bg_layerpoup_close.png);
		background-repeat: no-repeat;
		background-position: 0 0;
	}
	.layer-poup.theme-a.bui-toggle-target {
		position: fixed;
		margin: -240px 0 0 -240px;
		top: 50%;
		left: 50%;
	}
	.layer-poup.theme-a.bui-toggle-target.active {
		display: block;
	}
	.layer-poup.theme-a.contact-us {
		padding: 40px 30px 30px 30px;
		width: 420px;
	}
	.layer-poup.theme-a.contact-us ul {
	*zoom: 1;
		padding: 0;
		list-style: none;
		border-top: 1px solid #cccccc;
	}
	.layer-poup.theme-a.contact-us ul:after {
		content: '';
		display: block;
		clear: both;
		width: 0;
		height: 0;
		visibility: hidden;
	}
	.layer-poup.theme-a.contact-us ul li {
		float: left;
		vertical-align: top;
		width: 50%;
		border-bottom: 1px solid #cccccc;
	}
	.layer-poup.theme-a.contact-us ul li .dhead {
		float: left;
		padding: 6px;
		width: 96px;
		line-height: 24px;
	}
	.layer-poup.theme-a.contact-us ul li .dtext {
		float: right;
		padding: 6px 0;
		width: 96px;
		line-height: 24px;
		text-align: center;
		color: #50b280;
		font-family: tahoma, sans-serif;
		background-color: #f5f5f5;
	}
	.dimmed-all {display: none; position: fixed; top: 0; left: 0; z-index: 50; width: 100%; height: 100%; background-image: url(../img/bg_dimmed.png); background-repeat: repeat; background-position: 0 0;}
	.dimmed-all.active {display: block;}
	
	
	
	.footer {height: 88px; padding-top: 38px;}
	.footer ul li {float: left; color:#666; padding-left: 50px;}
	.footer ul li p {font-size: 14px; line-height: 18px;}
	.footer ul li span { color:#e67d02; font-weight: bold;}