@charset "utf-8"; 
@import url("common.css");
@import url("layout.css");
@import url("contents.css");

/* 공통 */
html, body {height:100%;}
html, body, div, p, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, blockquote,
address, pre, cite, form, fieldset, iframe, input, textarea, select, table, th, td {margin:0; padding:0; font-size:12px; font-family:Malgun Gothic, Dotum, 돋움, arial, sans-serif; color:#333;}
body {overflow-x:hidden; overflow-y:auto;}
header, footer, section, aside, article, nav {display:block; margin:0; padding:0}
a:link, a:visited, a:hover, a:active {color:#333;text-decoration:none; cursor:pointer;}
fieldset, img, abbr, acronym {border:0 none;} 
em, address {font-style: normal;}
ol, ul {list-style:none;}
table {border-collapse:collapse; border-spacing:0; border:0 none;}
caption{text-align:left; font-weight:normal; font-size:0; text-indent:-5000px;}
td,th {font-size:12px; color:#333; word-break:break-all}
ins {text-decoration:none;}
del {text-decoration:line-through;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote,q {quotes:"" "";}
hr {overflow:hidden; position:absolute; left:0; top:0; width:0; height:0; font-size:0; line-height:0; visibility:hidden;}
legend{font-size:0; text-indent:-5000px;}
input {vertical-align:middle; font-family:Dotum, 돋움, arial, sans-serif; margin-right:2px;}
input[type="radio"] {vertical-align:-5px;}
select {margin-right:1px; padding-left:3px; padding-top:0; vertical-align:middle; font-size:12px; font-family:Dotum, 돋움, arial, sans-serif;}
textarea{vertical-align:middle; line-height:18px; padding:5px; color:#636363; font-size:12px; font-family:Dotum, 돋움, arial, sans-serif;}

/* 태블릿 */
@media (min-width:320px) and (max-width:1023px) {
html, body, div, p, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, blockquote,
address, pre, cite, form, fieldset, iframe, input, textarea, select, table, th, td, a {color:#333;}
a:link, a:visited, a:hover, a:active {color:#333;}
p, dl, dt, dd, ul, ol, li, form, fieldset, iframe, input, textarea, select, button, table, th, td, a, span {font-size:14px;}
p, li, textarea, th, td {line-height:130% !important;}
input[type="text"] {height:20px !important;}
}

/* mobile */
@media (max-width:319px) {
html, body, div, p, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, blockquote,
address, pre, cite, form, fieldset, iframe, input, textarea, select, table, th, td, a {color:#333;}
a:link, a:visited, a:hover, a:active {color:#333;}
p, dl, dt, dd, ul, ol, li, form, fieldset, iframe, input, textarea, select, button, table, th, td, a, span {font-size:14px;}
p, li, textarea, th, td {line-height:130% !important;}
input[type="text"] {height:20px !important;}
}