html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6,  blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

	
	
	body { font-family: 'Nanum Gothic', sans-serif; background:#fff; }



	/* header { width:100%; background:#4c4949 url("../../images/login/login_logo_brown.png") no-repeat  ; 
				height:50px;background-position: center left; box-shadow: 0 0 10px 0 grey; border-bottom:1px solid #343434; } */
	.outer {  display: table;  position: absolute;  top: -60px;  left: 0;  height: 100%;  width: 100%; }
	.middle {  display: table-cell;  vertical-align: middle; }
	
	.inner {  margin-left: auto;  margin-right: auto;  width:950px;  }
	.inner h1 { border-bottom:3px solid #236ab9; padding: 0 0 11px 8px; }
	.inner h2 { background: url("../../images/login/ic_login.png") no-repeat  9px 9px; margin-top:25px; padding:15px 0 15px 45px;
					font-weight:bold; font-size:1.2em;
					}
	
	
	.box:after { content:"";display:block;clear:both; }
	.box { padding-bottom:25px; border-bottom:1px solid #b3b3b3; }

	.login { float:left;width:450px; background:#fff; padding:47px 45px; position:relative;
				border-top:1px solid #ebebeb; }
	
	#inputs input { margin-left:20px; width:200px; border: 1px solid #d1d1d1; margin-bottom:8px; padding:5px;  font-size:0.9em; color:#333; } 
	#inputs input:focus { background-color: #fff; border-color: #236ab9; outline: none;}
	#loginBtn { width:97px; padding:23px 0px; background-color: #236ab9; font-size:1.1em; border:none; cursor: pointer; color: #fff; 
				     font-size:0.9em; position:absolute;top:48px;right:35px; }
	#loginBtn:hover,#loginBtn:focus  { background-color:#1b5698;	 }	
	#loginBtn2 { display:none; }
	.login .save-id { float:left; padding:9px 0 0 64px; font-size:0.8em;position:relative;width:320px; }
	.login .save-id span { position:absolute;left:95px;top:12px; }
	input[type=checkbox] {    display: none; }
	input[type=checkbox] + label {
    display: inline-block;
    position: relative;
    padding: 10px;
    background-color: #efefef; /* 체크박스 기본 배경*/
    border: 1px solid #d1d1d1; /* 체크박스 기본 라인*/
    width: 3px;
    height: 2px;
	}

	input[type=checkbox]:checked + label{
		background-color: #236ab9;  /* 체크할때 배경*/
		color: #e8340c; 
	}

	input[type=checkbox]:checked + label:after {
    position: absolute;
    left: 4px;
    top: 2px;
    color: #fff;   /* 체크 아이콘 색상*/
    font-weight:900;
    content: '\2714'; 
    font-size: 14px;
	} 
	

	.login ul { margin-left:53px; width: 320px;}
	.login li { display:inline-block; padding:40px 8px 0; color:#4b4948; font-size:0.8em; }
	.login li a { text-decoration:none; color:#4b4948; }
	.login li a:hover { color:#236ab9;display:block; }
	.login ul span { color:#999; }

	/* Image */
	.mySlides { float:right; width:425px;display: none;  }
	.mySlides img { vertical-align: middle; max-width:;}
	/* Fading animation */
	.fade {
	  -webkit-animation-name: fade;
	  -webkit-animation-duration: 1.5s;
	  animation-name: fade;
	  animation-duration: 1.5s;
	}

	@-webkit-keyframes fade {
	  from {opacity: .4} 
	  to {opacity: 1}
	}

	@keyframes fade {
	  from {opacity: .4} 
	  to {opacity: 1}
	}

.bx-wrapper .bx-pager {
	z-index : 99999;
	padding-left: 40px;
}

.slider {
	float:right;width: 425px;
}

footer div.footer_wrap { position:fixed; bottom:0;width:100%; }
footer div.sub_wrap { width:100%; background:#f5f5f5; padding:10px; border:1px solid #d7d7d7; }
footer ul.sub_menu { width:950px; margin:0 auto; text-align:center;font-size:0.8em; }
footer ul.sub_menu li { display:inline-block; }
footer ul.sub_menu li a { padding: 0 52px; cursor: pointer;}
footer ul.sub_menu li a:hover { color:#236ab9; }


.sns { position:relative; }
.toggle { display:none; position:absolute; bottom:25px; left:0;  border:1px solid #d7d7d7; text-align:left; background:#fff;}
.toggle li { line-height:38px;  }
.toggle li a { color:#444; padding:10px 0 0 15px !important; }

footer div.company_wrap { width:100%; }
footer ul.address { width:950px;margin:0 auto; font-size:0.8em; position:relative;padding:40px 0; }
footer div.company_wrap img { position:absolute; top:40%; }
footer div.company_wrap li { padding:0 0 4px 160px; }
footer div.company_wrap li.tel_num { font-weight:bold; }

/* 미디어 쿼리 1200 */
@media only screen and (max-width:1199px) {
	.inner { width: 90%; }
	.inner h2 { border-bottom:1px solid #ebebeb; }
	.login { width:600px; float:none;margin:0 auto; }
	#inputs input { margin-left:20px; width:300px; border: 1px solid #d1d1d1; margin-bottom:8px; padding:15px;  font-size:0.9em; color:#333; } 
	.login ul { font-size:1.2em; margin-top:50px; }
	.login li { display:inline-block; padding:40px 20px 0; color:#4b4948; font-size:0.8em; }
	#loginBtn { width:150px; padding:43px 0px;  }
	.login .save-id { font-size:1em; }
	
	#loginBtn2 { display:none; }
	.slider { display:none; }
	footer { display:none; }
}

/* 미디어 쿼리 320-600 */
@media only screen and (max-device-width : 767px) {
	.inner { width:90%; margin-top:100px; }
	.login { float:none;width:100%;  margin:0 auto; padding:0; position:relative; border-top:1px solid #ebebeb; padding-top:20px;   }
	
	#inputs input { margin:0 0 8px; padding-bottom:10px; width:100%; border: 1px solid #d1d1d1; padding:15px;  font-size:0.9em; color:#333; } 
	
	.login .save-id { float:left; padding:9px 0 0 0; font-size:0.8em;position:relative;width:320px;margin-bottom:15px; }
	.login .save-id span { position:absolute;left:35px;top:12px; }

	#loginBtn2 { display:block; width:100%; padding:15px 0px; background-color: #236ab9; font-size:1.1em; border:none; cursor: pointer; color: #fff; 
				     font-size:0.9em; }
	#loginBtn2:hover,#loginBtn2:focus  { background-color:#1b5698;	 }

	#loginBtn { display:none; }

	#inputs img { display:none; } 
	
	.login ul { font-size:0.9em; margin:0 0 10px 0;text-align:center; } 
	.login ul li:first-child { display:none; }
	.login ul span.join { display:none; }
	

}