@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);

/* ----- Reset ----- */
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,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,
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,input {margin:0; padding:0; border:0; font-size: 100%; font:inherit; font-family: 'Nanum Gothic', sans-serif; vertical-align:middle;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
ol,ul {list-style:none;}
dl,dt,dd {margin: 0; padding: 0; border: 0;}
table {border-collapse:collapse;border-spacing:0;}
th, td {vertical-align: middle;}
a {text-decoration:none; cursor:pointer; color: #222;outline:none}
button {border: 0; outline: 0; margin: 0; padding: 0;}
hr {margin: 0 0 -1px 0; padding: 0;}
html {	-webkit-text-size-adjust: 100%;	-ms-text-size-adjust:     100%;/*-ms-overflow-style: none;*/ }
body{background:#f7f7f7}
@-ms-viewport {	width: device-width;}
@viewport {	width: device-width;}

input[type="submit"],input[type="text"],input[type="password"],input[type="file"],select{
	border:0px;
	font-family: 'Noto Sans KR';
   -webkit-appearance: none;
   -webkit-border-radius:0px;
    border-radius:0px;
   -webkit-margin-top-collapse: collapse;
   -moz-box-sizing:    border-box;
   -webkit-box-sizing: border-box;
    box-sizing:        border-box;
	box-shadow:#ddd 0px 0px 0px 0px inset;
}

input[type="submit"]{font-family: 'Nanum Gothic'}
textarea{ border-radius:0px;}
select {
    -webkit-appearance: none;
	-moz-appearance:none;  text-align:-webkit-center;text-align-last:-webkit-center;
	float:left;
    border-image-source: initial;    border-image-slice: initial;    border-image-width: initial;
    border-image-outset: initial;    border-image-repeat: initial;    white-space: pre;    -webkit-rtl-ordering: logical;
    text-align:center;
	font-family: 'Noto Sans KR';
    background: url('../imgs/arrow_dn.svg') no-repeat 47px 7px #202b71;
	background-size: 14px;
   	overflow:hidden;	    border-right: none;
	outline:none;border:0 none;
	text-align: -webkit-center;
	cursor: pointer;
}

select::-ms-expand {    display: none;	border: 1px solid white;text-align: center;}

input.focusbox {  border:0px solid #cccccc;}
input:focus {  outline: #e4bc00 solid 0px }
select:focus {  outline: #3fa3bb solid 0px }
texarea:focus {  outline: #3fa3bb solid 0px }

input:-ms-input-placeholder { color: #b3b3b3 !important; }
input::-webkit-input-placeholder { color: #b3b3b3!important; } 
input::-moz-placeholder { color: #b3b3b3!important; } 
input::placeholder { color: #b3b3b3!important; } 


/*Header*/
.header {background:#e8e8e8;  width:100%;  z-index: 1000;margin:0 auto;border-bottom: 0px solid #fff;float:left}
.logo{float:left;width:100%;max-width:300px;margin:calc(((100vh - 150px) - 300px) / 2) calc((100% - 300px) / 2);overflow: hidden;}
.logo h3{float:left;width:100%;    font-family: auto;    font-size: 16px;    padding: 10px 20px;    color: #00afa2;    font-weight: bold;}
.logo h4{float:left;width:100%;    font-family: auto;    font-size: 12px;    padding: 0 20px;    color: #00afa2;    font-weight: bold;}

/*Footer*/
.footer {background:#15231d;bottom:0px ;width:100%;text-align:center;border-top: 0px solid #ececec;float:left;padding: 0px 0px;height:160px}
.footer h3{float:left;font-size:12px;font-weight:normal;color:#ccc;text-align: left;line-height: 18px; font-family:dotum}
.footer h3 span{font-weight:bold;vertical-align: baseline;padding: 0 10px;}
.footer h3 strong{font-weight:bold;vertical-align: bottom;font-family:dotum;letter-spacing:1px;color:#fff}
.footer h4{float:left;font-size:12px;font-weight:normal;color:#777;text-align: left;line-height: 18px; font-family:dotum;padding-top: 30px;}