@charset "utf-8";
/* reset */
* {margin:0;padding:0}
html,body {width:100%}
body {background:#fff;-webkit-text-size-adjust:none}
body,th,td,input,select,textarea,button {color:#565656;font-size:12px;line-height:1.5;font-family:'Noto Sans Korean', 'nanumGothic', 'Dotum', sans-serif}
a, a:visited, a:hover, a:active {color:#777;text-decoration:none}
img {image-rendering: -webkit-optimize-contrast;}

/* table {border-collapse:collapse} */
article, aside, details, figcaption, figure, footer, header, nav, section {display:block}
fieldset,img {border:0 none;vertical-align:bottom}
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[type='text'],input[type='password'],input[type='submit'],input[type='search'] {-webkit-appearance:none; border-radius:0}
input:checked[type='checkbox'] {background-color:#666; -webkit-appearance:checkbox}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file'] {-webkit-appearance:button; border-radius:0}
input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none}
button {border:0 none;background-color:transparent;cursor:pointer}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
caption {overflow:hidden;position:absolute;left:-9999px;width:0;height:1px;margin:0;padding:0}
/* hide */
#skip {overflow:hidden;position:absolute;left:-9999px;width:0;height:1px;margin:0;padding:0}
.hidden {overflow:hidden;position:absolute;left:-9999px;width:0;height:1px;margin:0;padding:0}
.hiddenText {text-indent:-9999px}
/* add */
.mt_10 {margin-top:10px}
.mr_10 {margin-right:10px}
.mb_10 {margin-bottom:10px}
.ml_10 {margin-left:10px}
.pt_10 {padding-top:10px}
.pr_10 {padding-right:10px}
.pb_10 {padding-bottom:10px}
.pl_10 {padding-left:10px}
.mt_20 {margin-top:20px}
.mr_20 {margin-right:20px}
.mb_20 {margin-bottom:20px}
.ml_20 {margin-left:20px}
.pt_20 {padding-top:20px}
.pr_20 {padding-right:20px}
.pb_20 {padding-bottom:20px}
.pl_20 {padding-left:20px}
.mt_30 {margin-top:30px}
.mr_30 {margin-right:30px}
.mb_30 {margin-bottom:30px}
.ml_30 {margin-left:30px}

::selection {background-color:#dfdfdf;}
::-moz-selection {background-color:#dfdfdf;}

.clearfix::after {content: '';clear: both;display: block;}