@charset "utf-8";

body{background-color: #eda658; font-weight:300;font-family:AppleSDGothicNeo-Regular,'Noto Sans KR','맑은 고딕',dotum,'돋움',sans-serif
;line-height:1.2}
html, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, 
figcaption, figure, footer, header, hgroup, menu, nav, div, summary, time, mark, audio, video,form{ margin:0; padding:0; border:0; font-size:100%; vertical-align:top; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } 
body{ margin:0; padding:0; font-family:'Malgun Gothic','맑은고딕',HelveticaNeue,DroidSans,Sans-serif,Helvetica; color:#000; font-size:15px; letter-spacing:-1px; background-color: white;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,div{ display:block; }
ul, li{ list-style:none;}
em, i { font-style:normal }
a{ margin:0; padding:0;font-size:100%;text-decoration:none;vertical-align:baseline;color:#333;background:transparent; }
input, textarea{ margin:0 ;padding:0;appearance:none;color:#959595;border:none; background: #fff; border:#dcdcdc; border-radius:0; font-family:'Malgun Gothic','맑은고딕',HelveticaNeue,DroidSans,Sans-serif,Helvetica; font-size:15px;}
select { color:#959595; border:1px solid  #dcdcdc; }
table{ border-collapse:collapse; border-spacing:0; }
img {border-style: none; }
.image_caption { box-sizing: border-box; display:block; position:relative; background-color:#333; color:white; font-size:12px; padding: 5px 10px; max-width: 100%!important; text-align: left!important;}
.blind{ display:none; }
.clear{clear:both;}
.clear_fix:after {content:'';  display:block; clear:both;}
body, table, tr, td, select, input, div, form, 
textarea {
	font-size:14pt;
	font-family:"맑은고딕";
	color:#4f4f4f;
	line-height: 100%;
	background: #eda658;
}

@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 300;
	src: local('Roboto Light'), local('Roboto-Light'), url(http://fonts.gstatic.com/s/roboto/v12/Hgo13k-tfSpn0qi1SFdUfVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url(http://fonts.gstatic.com/s/roboto/v12/Hgo13k-tfSpn0qi1SFdUfT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: local('Roboto Regular'), local('Roboto-Regular'), url(http://fonts.gstatic.com/s/roboto/v12/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2'), url(http://fonts.gstatic.com/s/roboto/v12/2UX7WLTfW3W8TclTUvlFyQ.woff) format('woff');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	src: local('Roboto Bold'), local('Roboto-Bold'), url(http://fonts.gstatic.com/s/roboto/v12/d-6IYplOFocCacKzxwXSOFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url(http://fonts.gstatic.com/s/roboto/v12/d-6IYplOFocCacKzxwXSOD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

#wrap {width:100%;}

.home {
	position: relative;
	width: 100%;
	height:450px;
}

.symbol {
	position: relative;
	
	
	margin:0 auto;
}

.symbol img {
	position: absolute;
	
	left:50%;
	transform:translate(-50%);
	z-index: 99;
	margin-top:30px;
	
}

.content {
	position: relative;
	width: 100%;

}

.subcon{
	position: relative;
	width : 900px;
	height : auto;
	background: white;
	margin:0 auto;
	margin-top: 20px;
}

.subcon .text {
 text-align:center;
 padding-top: 30px;
 padding-left: 50px;
 padding-right: 50px;
 line-height: 22px;

}

.txt1 {
	float:left;

}

.txt1, .txt2{
	font-size: 15px;
	padding-left: 50px;
	text-align:left;
	line-height:25px;
}

.txt2 {
	padding-bottom:30px;
	margin-left:140px;
}


.bottom {
	position: relative;
	width: 100%;
	height : 260px;
	}

.subbot {
	width: 345px;
	margin:0 auto;
	margin-top: 85px;
}

/** footer **
  position: relative;
  z-index: 1000;
  background: #424446;
  width: 100%;
  height :100%;
  border-top:1px solid #ececec;
}
.footerWrap {
  overflow: hidden;
  position: relative;
  width: 100%; 

}

.footerCont {
	 position: relative;
	 width: 1000px;
     height: 95px;
	 margin: 0 auto;
}


.blogo {	
			position: relative;
			 width: 190px;
			 height: 27px;
			 }

.blogo img { 
			position: absolute;
			 width: 135px;
			 }

.footerCont ul {
	 position: absolute;
	 width: 1000px;
	 line-height: 18px;
	 color: #ececec;
	 font-size: 13px;
	 transform:translate(14%);
	 left: 8%;
	 padding-top: 32px; 
	 padding-bottom:15px; 
}

.footerCont ul li{
	float:left;
}

/**footer (E) **/