@charset "utf-8";
	
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
	
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
	
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
	


/* CSS Reset */
body,html,
header,footer,aside,nav,section,article,details,figure,figcaption,menu,command,
div,dl,dd,ol,ul,li,form,fieldset,legend,iframe,table,caption,thead,tfoot,tbody,tr,th,td, /* Block Element */
h1,h2,h3,h4,h5,h6,dt,summary,input,textarea,button,select,datalist,
img,embed,object,canvas,audio,video,meter,progress,keygen, /* Inline Block Element */
a,label,output,dialog, /* Inline Element */
address,blockquote, /* Text Block Element */
p,pre,/* Text Inline Block Element */
span,b,strong,i,em,dfn,var,u,ins,s,del,q,mark,small,sub,sup,abbr,bdi,bdo,cite,time,ruby,rp,rt,code,kbd,samp, /* Text Inline Element */
acronym,big,frame,frameset,noframes,tt, /* Not HTML5 Used Element */
map,option,hr,* {
	border:0;
	padding:0;
	margin:0;
	color:inherit;
	font-family:inherit;
	font-size:inherit;
	line-height:inherit;
}
header,footer,aside,nav,section,article,details,summary,figure,figcaption,menu,command {
	display:block;
} /* HTML5 Block Element */
applet,basefont,center,dir,font,strike {
	display:none;
} /* XHTML4, HTML5 Element Not Used Remove */
q,blockquote {
	quotes:none;
	content:none;
}
li,menu {
	list-style:none;
	word-break:break-all;
}

table {
	width:100%;
	border-spacing:0;
	border-collapse:separate;
} /* Table Border (separate) */
caption {
	text-align:left;
}
th,td {
	text-align:center;
	vertical-align:middle;
}

address {
	font-style:normal;
}
label {
	display:inline-block;
}
a {
	text-decoration:none;
	display:inline-block;
} /* A Attribute  */

/* Common Setting */
html {
	overflow-y:auto;
}
html,body {
	min-width:1000px;
	background:#f7f7f7;
	height:100%;
} /* Horizen Scroll */
body {
	color:#333;
	font-size:13px;
	font-family:'Noto Sans KR', sans-serif, "Nanum Gothic";
	font-weight:400;
}

div {
	outline:0;
} /* Script TabIndex Click Focusing Line Remove */
img {
	vertical-align:middle;
}

/* Drag Color */
::-moz-selection {
	background:#7f7f7f;
	color:#fff;
}
::selection {
	background:#7f7f7f;
	color:#fff;
}

#Top {
	position:relative;
	width:100%;
	height:100px;
}
#Top .logo {
	position:absolute;
	top:20px;
	left:30px;
}
#Top .logo img {
	width:70px;
}
#Top .menu {
	position:absolute;
	top:35px;
	right:30px;
}
#Top .menu a {
	font-size:17px;
	color:#333;
	padding-left:20px;
	font-weight:500;
}
#Top .menu a:hover {
	text-decoration:underline;
}

.visual {
	position:relative;
	width:100%;
	height:600px;
	text-align:center;
	color:#fff;
	background-position:center top;
	background-image:url('../img/visual_back.png');
}
.visual img {
	position:absolute;
	top:150px;
	left:50%;
	margin-left:-110px;
	opacity:0.45;
}
.visual h1 {
	font-size:45px;
	font-weight:200;
	position:absolute;
	width:1000px;
	text-align:center;
	top:270px;
	left:50%;
	margin-left:-500px;
}
.visual p {
	font-size:20px;
	opacity:0.7;
	padding-bottom:50px;
	position:absolute;
	width:1000px;
	text-align:center;
	top:330px;
	left:50%;
	margin-left:-500px;
}
.visual span {
	font-weight:700;
	position:absolute;
	width:1000px;
	text-align:center;
	top:410px;
	left:50%;
	margin-left:-500px;
}

.box {
	position:relative;
	width:1000px;
	margin:0 auto;
}
.title {
	font-size:20px;
	font-weight:700;
	padding-bottom:15px;
}
.des {
	font-size:35px;
	font-weight:200;
	line-height:35px;
	padding-bottom:50px;
}
.clear {
	position:relative;
	clear:both;
}

.section01 {
	position:relative;
	width:100%;
	padding:70px 0;
}
.section01 .text {
	position:relative;
	padding-left:240px;
	padding-bottom:50px;
	border-bottom:dashed 1px #ddd;
	line-height:21px;
}
.section01 .text img {
	position:absolute;
	top:0;
	left:0;
	width:190px;
}
.section01 .human {
	position:relative;
	padding-top:50px;
	height:120px;
}
.section01 .human li {
	float:left;
	width:211px;
	border-left:solid 1px #ddd;
	padding:0 25px 0 25px;
}
.section01 .human li:first-child {
	border-left:0;
	padding-left:0;
}
.section01 .human li:last-child {
	padding-right:0;
}
.section01 .human li p {
	font-weight:700;
	padding-bottom:10px;
}

.section02 {
	position:relative;
	width:100%;
	padding:70px 0;
	background:#f4f3ec;
}
.section02 .text {
	position:relative;
	background:#fff;
	border:solid 1px #ddd;
	margin-bottom:15px;
	padding:35px 35px 35px 190px;
	color:#666;
}
.section02 .text img {
	position:absolute;
	top:35px;
	left:35px;
	opacity:0.4;
}
.section02 .text h1 {
	font-weight:200;
	font-size:22px;
	padding-bottom:5px;
	line-height:22px;
	padding-top:15px;
	color:#333;
}
.section02 .text h1 b {
	font-weight:700;
}
.section02 .text .list {
	position:relative;
	padding-left:20px;
	opacity:0.7;
	padding-top:15px;
}
.section02 .text .list li {
	list-style:circle;
	padding-bottom:5px;
}

.section03 {
	position:relative;
	width:100%;
	padding:70px 0;
	background:#ecf2f4;
}
.section03 .app {
	position:relative;
	height:230px;
}
.section03 .app li {
	float:left;
	text-align:center;
	margin-right:25px;
}
.section03 .app li img {
	padding-bottom:10px;
}
.section03 .app li a {
	padding:5px 15px;
	color:#fff;
	background:#a5a9aa;
	border-radius:5px;
	font-size:12px;
	font-weight:300;
}
.section03 .app li a:hover {
	background:#333;
}

.section04 {
	position:relative;
	width:100%;
	padding:70px 0;
}
.section04 .addr {
	position:relative;
	padding-bottom:30px;
}
.section04 .addr span {
	margin-right:15px;
	color:#666;
	font-size:25px;
}
.section04 .map {
	position:relative;
	background:#fff;
	text-align:center;
	padding:250px 0;
}
.section04 .Request_iframe {
	position:relative;
	width:900px;
	height:auto;
	min-height:300px;
	text-align:left;
}

#bt {
	position:relative;
	background:#7f7f7f;
	min-height:120px;
	font-weight:300;
	color:#fff;
	padding:40px 0;
}
#bt img {
	position:absolute;
	top:0;
	left:0;
	opacity:0.5;
}
#bt .text {
	padding-left:100px;
}
#bt .text span {
	margin-right:15px;
}
#bt .text p {
	font-weight:200;
	color:#aaa;
	padding-top:6px;
}
#bt .text a:hover {
	color:#fff;
}