@charset "utf-8";


/************************************************
	 Basic
************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0;font-family:'Noto Sans KR', sans-serif;}
div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,textarea,p,a,blockquote,th,td,input,select,textarea,button,xmp {font-family:'Noto Sans KR', sans-serif; color:#505050;}
fieldset,img {border:0 none;}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle}
input::-ms-clear {display:none}
button {border:0 none;background-color:transparent;cursor:pointer}
.clear {clear:both;}
*html .clear6 {_clear:both;}
table { border-collapse:collapse;}

/* Link */
a:link {color:#505050;text-decoration: none;}
a:visited {color:#888;text-decoration: none;}
a:active, a:hover {color:#85b92a!important; text-decoration:underline;}


.input {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #c8c8c8;
  -webkit-box-shadow: "0 4px 5px -5px rgba(0,0,0,0.3) inset";
  -moz-box-shadow: "0 4px 5px -5px rgba(0,0,0,0.3) inset";
  box-shadow: "0 4px 5px -5px rgba(0,0,0,0.3) inset";
  color: #333333;
  font-size: 14px;
  padding: 4px 8px;
  height: 28px;
}

.input-small {
  font-size: 12px !important;
  height: 24px !important;
}

.btn {
  position: relative;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #bebebe;
  *border: 0;
  border-bottom-color: #b3b3b3;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  background-color: #ffffff;
  background-image: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%);
  background-image: linear-gradient(top, #ffffff 0%, #ededed 100%);
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #ededed 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #ededed 100%);
  background-image: -ms-linear-gradient(top, #ffffff 0%, #ededed 100%);
  color: #000000;
  text-decoration: none;
  padding: 0 12px;
  font-size: 12px;
  height: 24px;
  line-height: 18px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.input:focus {
  border-color: #b08bfc;
  outline: 0;
  -webkit-box-shadow: inset 0 4px 5px -5px rgba(0,0,0,0.3), 0 0 1px 1px rgba(136,74,228,.095);
  -moz-box-shadow: inset 0 4px 5px -5px rgba(0,0,0,0.3), 0 0 1px 1px rgba(136,74,228,.095);
  box-shadow: inset 0 4px 5px -5px rgba(0,0,0,0.3), 0 0 1px 1px rgba(136,74,228,.095);
  -webkit-transition: border linear .2s, box-shadow linear .2s;
  -moz-transition: border linear .2s, box-shadow linear .2s;
  -o-transition: border linear .2s, box-shadow linear .2s;
  transition: border linear .2s, box-shadow linear .2s;
}

.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn.active:not([disabled]),
.btn:active:not([disabled]) {
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}

.btn-gray {
  background-color: #ffffff;
  background-image: -moz-linear-gradient(top, #ffffff 0%, #eaeaea 50%, #dadada 50%, #f7f7f7 100%);
  background-image: linear-gradient(top, #ffffff 0%, #eaeaea 50%, #dadada 50%, #f7f7f7 100%);
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #eaeaea 50%, #dadada 50%, #f7f7f7 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #eaeaea 50%, #dadada 50%, #f7f7f7 100%);
  background-image: -ms-linear-gradient(top, #ffffff 0%, #eaeaea 50%, #dadada 50%, #f7f7f7 100%);
  border: 1px solid #b8b8b8;
  color: #201834;
}
.btn-gray:hover {
  -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 0 3px 1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 0 3px 1px;
  box-shadow: rgba(0, 0, 0, 0.15) 0 0 3px 1px;
  background-color: #ffffff;
  background-image: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 50%, #e6e6e6 50%, #ffffff 100%);
  background-image: linear-gradient(top, #ffffff 0%, #f0f0f0 50%, #e6e6e6 50%, #ffffff 100%);
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #f0f0f0 50%, #e6e6e6 50%, #ffffff 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #f0f0f0 50%, #e6e6e6 50%, #ffffff 100%);
  background-image: -ms-linear-gradient(top, #ffffff 0%, #f0f0f0 50%, #e6e6e6 50%, #ffffff 100%);
}
.btn-gray.active:not([disabled]),
.btn-gray:active:not([disabled]) {
  color: #000;
  border: 1px solid #aaaaaa;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 5px inset, rgba(255, 255, 255, 0.2) 0 1px 0;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 5px inset, rgba(255, 255, 255, 0.2) 0 1px 0;
  box-shadow: rgba(0, 0, 0, 0.3) 0 1px 5px inset, rgba(255, 255, 255, 0.2) 0 1px 0;
  background-color: #e1e1e1;
  background-image: -moz-linear-gradient(top, #e1e1e1 0%, #f5f5f5 100%);
  background-image: linear-gradient(top, #e1e1e1 0%, #f5f5f5 100%);
  background-image: -webkit-linear-gradient(top, #e1e1e1 0%, #f5f5f5 100%);
  background-image: -o-linear-gradient(top, #e1e1e1 0%, #f5f5f5 100%);
  background-image: -ms-linear-gradient(top, #e1e1e1 0%, #f5f5f5 100%);
}

.tob_menu {background:url(../images/top_menu_bg.png) repeat-x; height:57px; width:100%;}
.tob_menu ul {padding-top:18px;}
.tob_menu ul li {float:right; margin-right:20px; font-size:12px;}

/* Content styles */
.md-close {position:absolute; right:5px; top:5px; width:50px; height:50px; background-image:url(../images/btn_close.png); background-position:center; background-repeat:no-repeat; background-size:30px 30px;}
.md-content .btn-danger {width:100%; height:45px; margin:5px 0px; font-size:16px;}
.md-content .id_confirm {width:75px; height:43px; padding:0; position:absolute; top:20px; right:20px; background:#528bd1; color:#FFF; border-radius:0px 5px 5px 0px;}

.md-content {
	color: #fff;
	background: #fff;
	width:380px;
	border-radius: 3px;
	margin-left:-190px;
}

.md-default {
	position: fixed;
	top:22%;
	left:50%;
}

.md-contact {
	position: fixed;
	bottom:0px;
	right:10px;
	z-index:11;
	border:1px solid #aaa;
	border-bottom:none;
}

.md-contact h3 {
	opacity: 1.0;
	background:#aaa!important;
}

.md-contact .input_form {
	width:308px;
	height:100px;
	padding:10px 10px;
	font-size:14px;
	line-height:1.5em;
}

.md-content h3 {
	margin: 0;
	padding: 15px;
	text-align: center;
	font-size: 20px;
	font-weight: 300;
	opacity: 0.8;
	background:#e8437b;
	border-radius: 3px 3px 0 0;
}

.md-content > div {
	padding: 15px 20px;
	margin: 0;
	font-weight: 300;
	font-size: 1.15em;
}

.md-content > div p {
	margin: 0;
	padding: 10px 0;
}

.md-content > div ul {
	margin: 0;
	padding: 0 0 30px 20px;
}

.md-content > div ul li {
	padding: 5px 0;
}

.md-content button {
	display: block;
	margin: 0 auto;
	font-size: 0.8em;
}

.form-control{height:21px;padding:10px 15px; margin-bottom:5px;width:308px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee;opacity:1}textarea.form-control{height:auto}input[type=search]{-webkit-appearance:none}.form-control-nowidth{padding:6px 6px;font-size:12px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee;opacity:1}textarea.form-control{height:auto}