/* CSS Document */

@charset "utf-8";

 /* Spoqa Han Sans" */
/* MalgunGothic */
@font-face {
	font-family:"MG";
	font-style:normal;
	src:url(../fonts/MalgunGothic.eot);
	src:local("MalgunGothic"), local("Malgun Gothic"),
	url(../fonts/MalgunGothic.eot?#iefix) format("embedded-opentype"),
	url(../fonts/MalgunGothic.woff) format("woff"),
	url(../fonts/MalgunGothic.ttf) format("truetype");
}
/*_____ scope - reset _____*/
/* common > section */
body {width:100vw; overflow-x:hidden;padding-top:0 !important}
section {position:relative}
section > h3 {display:inline-block}

/* content */
html, body, h1, h2, h3, h4, h5, h6, p, div, th, td, table, pre, code, form, fieldset, legend, address, ol, ul, li, dl, dt, dd, img, blockquote {margin:0;padding:0}
html, body {font-family:"Malgun Gothic","맑은 고딕","MG","dotum","돋움",sans-serif;height:100%;color:#4a4646}
input, button, select, textarea {box-sizing:border-box;font-size:15px;color:#222;line-height:1.45;letter-spacing:-1px}
h1, h2, h3, h4, h5, h6 {color:#333;font-weight:normal}
table {table-layout:fixed;width:100%;border-collapse:separate;border-spacing:0}
ol, ul {list-style-type:none}
img, fieldset {vertical-align:top;border:0}
img, video{width:100%}
em, i, address {font-style:normal}
a:link, a:visited, a:active {text-decoration:none}
a:hover, a:focus {text-decoration:none;/*text-decoration:underline;*/}
button {overflow:visible;background:none;border:0;cursor:pointer}
button > span {position:relative}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {border-style:none;padding:0}
[type="password"] {font-family: Verdana, sans-serif;}

input[type="checkbox"]:focus + label, input[type="checkbox"]:focus + label{outline:1px dotted #666}

/*_____ scope - reserved word _____*/
/* common */
.invisible {overflow:hidden;position:absolute;left:-1000%;top:auto;width:1px;height:1px}
caption.invisible {position:relative}
.hide {display:none}
.bl{font-weight:bold}
.flow {float:left}
.reverse {float:right}
.ellipsis {overflow:hidden;display:inline-block;max-width:95%;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-0.5px}
.both{clear:both}

/* align */
.align-left {text-align:left !important}
.align-right {text-align:right !important}
.align-center {text-align:center !important}

.marL3{margin-left:3px}
hr{clear:both;margin:0;height:7px;border:0}

/* font-size:*/
@media (max-width:340px){html,body{font-size:12px}}
@media (min-width:341px) and (max-width:480px){html,body{font-size:13px}}
@media (min-width:481px) and (max-width:760px){html,body{font-size:14px}}