@charset "utf-8";

*{margin:0; padding:0; }
*, :after, :before {box-sizing:border-box; flex-shrink:0;}

:root {-webkit-tap-highlight-color:transparent; -webkit-text-size-adjust:100%; text-size-adjust:100%; cursor:default; overflow-wrap:break-word; -moz-tab-size:4; tab-size:4;}

html {font-size:62.5%;}
body {font-size:1.6rem;}

html, body {height:100%; font-family:'NotoSansKr', 'NanumGothic', '맑은 고딕', '돋움', Dotum, '새굴림', sans-serif; color:#333; font-weight:400; line-height:1.285;}
body {-webkit-font-smoothing:antialiased;}


h1, h2, h3, h4, h5, h6 {font-size:inherit; font-weight:400}

dl, li, menu, ol, ul {list-style:none}

picture, video, canvas, svg {display:block; max-width:100%;}

fieldset, img {border:0}

img {max-width:100%; vertical-align:middle;}

button, input, select, textarea {vertical-align:middle; font-size:inherit; border:0; cursor:pointer;}

button, input {-webkit-border-radius:0; background-color:transparent; border-radius:0; border:0}

input:checked[type=checkbox] {background-color:#666;-webkit-appearance:checkbox}
html input[type=button], 
input[type=email], 
input[type=password], 
input[type=reset], 
input[type=search], 
input[type=submit], 
input[type=tel], 
input[type=text] {-webkit-appearance:none;border-radius:0}
input[type=search]::-webkit-search-cancel-button {-webkit-appearance:none}

textarea {-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:transparent;border:0;word-break:keep-all;word-wrap:break-word}

table {border-collapse:collapse; border-spacing:0;}

blockquote, q {quotes:none}
blockquote:after, blockquote:before, q:after, q:before {content:"";content:none}

address, caption, cite, code, dfn, em, i, var {font-style:normal; font-weight:400}

a {color:#333; text-decoration:none}

.f-yellow {color:#ffaf52 !important;}

/*  */
.clear {*zoom:1;}
.clear:after{content:''; display:block; clear:both;}

.blind, caption, legend {position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; overflow: hidden;}

.ellipsis {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -moz-binding:url('ellipsis.xml#ellipsis');}
.ellipsis_block {width: 100%;
    height: 66px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    line-height: 22px;
    font-size: 15px;
    color: #555;}

	/*accessibility*/
#accessibility { position:absolute; z-index:2000; left:0; top:0; width:100% }
#accessibility a { display:block; width:1px; height:1px; margin-bottom:-1px; overflow:hidden; text-align:center; color:#222; font-size:16px; }
#accessibility a:focus, #accessibility a:active { width:100%; height:auto; padding:9px 0; background:#ffc600; }