/*
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,  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;
}
*/

* {
    margin: 0;
    padding: 0;
    list-style: none;
}

* a {
    text-decoration: none;
    color: #222;
}

html {height: 100%; min-height: 730px; }

body {
    background-color: #ffffff;
	height:100%;
    margin: 0;
    padding: 0;
    font-family: 'Malgun Gothic', sans-serif;
    overflow-x: hidden;
    overflow-y: hidden;
}


	/* 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: flex; height: calc(100% - 185px); justify-content: center; align-items: center; }
	
	.inner { 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:12px 0 8px 45px;
					font-weight:bold; font-size:20px;
					}
	
	
	.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:4px;  font-size:14px; 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 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;}
	/* 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 { 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:13px; }
.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:13px; position:relative;padding:40px 0; }
.footer div.company_wrap img { position:absolute; top:40%; }
.footer div.company_wrap li { padding:0 0 4px 160px; list-style: none;}
.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:12px;  font-size:14px; 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:12px;  font-size:14px; color:#333; } 
	
	.login .save-id { float:left; padding:9px 0 0 0; font-size:0.8em;position:relative;width:320px;margin-bottom:15px; }


	#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; }
	

}