*{font-family:"Malgun Gothic";box-sizing:border-box;}
html,body{width:100%;height:100%;background:#f3f4f8;}
html,body,p,h1,h2,h3,h4,h5,h6,li,ul{margin:0;padding:0;}
TD,SELECT,input,form,TEXTAREA,center,option,pre {font-size:12px; color: #777777;}
li{list-style:none;}
a{text-decoration:none;color:#212121;}

.clearfix:after{display:block;content:"";clear:both;}

.header_wrap{
	clear:both;
	width:350px;
	height:100%;
	background:#ffffff;
	word-break:break-all;
	float:left;
	text-align:center;
	position:relative;
	z-index:2;
	box-shadow:2px 0px 5px rgba(0,0,0,0.15);
}
.logo{
	width:350px;
	background:#ffffff;
	margin:60px auto;

}
.content_m{
	position:absolute;;
	left:400px;top:100px;
}
.content_b{
	float:left;;
	background:#ffffff;
	overflow:hidden;
}
.s_banner{
	box-shadow:2px 2px 5px rgba(0,0,0,0.15);
	float:left;
}
.cs_wrap2{
	width:220px;
/*	letter-spacing:-1px;*/
	margin:0 auto;
	margin-top:80px;
	text-align:left;
}
.cs_wrap{
	width:220px;
/*	letter-spacing:-1px;*/
	margin:0 auto;
	margin-top:80px;
	text-align:left;
	background:url(../images/call_bg.jpg) left top no-repeat;
}
.cs{
	line-height:30px;
	color:#666666;
	font-weight:600;
}
.cs1{
	margin-top:10px;
	margin-left:55px;
	font-size:24px;
	color:#212121;
}
.cs2{
	margin-left:55px;
	font-size:15px;
	color:#666666;
}
.cs3{
	font-size:14px;
	color:#666666;
	text-align:center;
}
.sns_wrap{
	width:190px;
/*	letter-spacing:-1px;*/
	margin:40px auto;

}
.web_content{
	width:300px;
	height:100%;
	background:#fafafa;
	float:left;
	border-left:1px solid #e5e5e5;
}
.bxslider{
	background:#555555;
	height:100%;
	float:left;
}

/* footer
* --------------------------------------- */
#footer {background:#ebecf0;clear:both;border-top:1px solid #e9e9e9;position:absolute;top:1240px;left:350px;}
#footer2 {background:#ebecf0;border-top:1px solid #e9e9e9;width:100%;position:absolute;left:350px;}
#footer ul li{float:left;margin-right:20px;}
#footer2 ul li{float:left;margin-right:20px;}
.copyrights {width:100%;text-align:left;margin:0 auto;padding-left:50px; }
.pvuse {width:400px;float:left;font-size:12px;text-align:left;;padding:20px 20px 20px 0px;}
.pvuse2 {width:500px;float:right;font-size:12px;text-align:left;;padding:20px 0px 20px 20px;}
.copy {width:100%;float:left;font-size:12px;padding: 0px 0px 20px 00px;text-align:left;line-height:18px;}
.sRoll{color:#666666 !important;}
.as01{color:#666666 !important;}


.admin_btn a{
	width:200px;
	height:30px;
	background:#e1e1e1;
	color:#555555;
	text-align:center;
	line-height:25px;
	border:1px solid #F9F9F9;
	float:left;
	font-size:13px;
	transition:all 0.15s;
}
.admin_btn a:hover{
	color:#ffffff !important;
	background:#333333 !important;
}
.web_content_header{
	height:40px;
	line-height:30px;
	color:#333333;
	margin:20px 0;
	clear:both;
	border-bottom:1px solid #cccccc;

}
.web_content_t{
font-size:20px;
font-weight:900;
float:left;
}
.web_content_r{
float:right;
font-size:12px;
}
.web_content_r li{
float:left;
}
.notice{
	padding:20px 0;
	box-sizing:border-box;
}
.customer {width:300px; height:180px; font-family:"Malgun Gothic";padding-left:20px; padding-top:20px;}
.c1{color:#555555; font-weight:600; font-size:20px; margin-bottom:10px;}
.c2{color: #d94095; font-size:36px; margin-bottom:2px; 
	letter-spacing:-1.5px;font-weight:600;font-family:"NanumBarunGothic"}
.c3{color:#555555; font-size:13px; line-height:20px; margin-bottom:5px;}
.c4{color:#555555; font-size:12px;}


.effLeft{position:relative;left:-50px;opacity:0;transition:all 1.2s;}
.effRight{position:relative;left:50px;opacity:0;transition:all 1.2s;}
.effTop{position:relative;top:-50px;opacity:0;transition:all 1.2s;}
.effBottom{position:relative;top:50px;opacity:0;transition:all 1.2s;}
.effAction{
	top:0;
	left:0;
	bottom:0;
	opacity: 1;
}
.effDelay2{transition-delay:0.2s}
.effDelay4{transition-delay:0.4s}
.effDelay6{transition-delay:0.6s}
.effDelay8{transition-delay:0.8s}
.effDelay10{transition-delay:1s}
.effDelay12{transition-delay:1.2s}



.bx-wrapper .bx-pager.bx-default-pager a {
	background: #ffffff !important;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #f89b44 !important;
}