@charset 'utf-8';

/* reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,
blockquote,pre,abbr,address,cite,code,del,dfn,em,img,
ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,footer,header,
menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0}
table{border:0;border-spacing:0;border-collapse:collapse;}
ul,ol,li,dl,dd,dt{list-style:none}
img,fieldset,iframe{border:0 none}
img{vertical-align:top;width:100%;}
textarea{resize:none}
input,select,textarea,button{font-size:100%;vertical-align:top;outline:none;-webkit-appearance:none;-webkit-border-radius:0px;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
address,strong,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}
body{-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}
html,body{height:100%}

/* base - IE8~7 */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}

/* base - input */
input{color:#000}
input:checked[type="checkbox"]{background-color:#666;-webkit-appearance:checkbox}
input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}
button{border:0;background-color:transparent;padding:0;cursor:pointer;outline:none;}
input[type="radio"] {-webkit-appearance:radio;}
input[type="checkbox"] {-webkit-appearance:checkbox;}
input:disabled{background:#f0f1f3;border:0}

/* placeholder */
::-webkit-input-placeholder {color:#202020;font-weight:normal;opacity:0.3;filter:alpha(opacity=30);font-family:'NotoSansKR';}
::-moz-placeholder {color:#202020;font-weight:normal;opacity:0.3;filter:alpha(opacity=30);font-family:'NotoSansKR';}
:-ms-input-placeholder {color:#202020;font-weight:normal;opacity:0.3;filter:alpha(opacity=30);font-family:'NotoSansKR';}
:-moz-placeholder {color:#202020;font-weight:normal;opacity:0.3;filter:alpha(opacity=30);font-family:'NotoSansKR';}

/* base - a */
a{outline:none;}
a,a:link{text-decoration:none;}
a:visited{text-decoration:none}
a:hover,a:focus{ text-decoration:none;}
a:active{text-decoration:none}

/* base - body */
body{-webkit-font-smoothing: antialiased;min-width:320px;color:#000;}
body,input,select,textarea,button{font:14px/1 "NotoSansKR","Malgun Gothic","맑은 고딕","돋움","Arial",sans-serif;color:#000;letter-spacing:-.5px;font-weight:400;}
body.no_scroll{overflow:hidden;}
body.no_scroll #wrapper{overflow-y:scroll;}

/* common */
.hid{position:absolute;left:-9999px;font-size:0;width:0;height:0;text-indent:-9999px;overflow:hidden;}
.mt8{margin-top:8px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt150{margin-top:150px !important;}
.pb80{padding-bottom:80px !important;}
.pl88{padding-left:88px !important;}
.pl140{padding-left:140px !important;}
/* hidden read */
.a11y {overflow:hidden;position:absolute;clip:rect(0 0 0 0);/*IE6,7*/clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;border:0;padding:0;}
.a11y.focusable:focus {overflow:visible;position:static;clip:auto;width:auto;height:auto;margin:0;}

/* font */
@font-face{font-family:'NotoSansKR'; font-weight:100; src:url(../fonts/NotoSansKR-Thin.eot)}
@font-face{font-family:'NotoSansKR'; font-weight:100; src:url(../fonts/NotoSansKR-Thin.woff)}
@font-face{font-family:'NotoSansKR'; font-weight:300; src:url(../fonts/NotoSansKR-Light-Hestia.eot)}
@font-face{font-family:'NotoSansKR'; font-weight:300; src:url(../fonts/NotoSansKR-Light-Hestia.woff)}
@font-face{font-family:'NotoSansKR'; font-weight:400; src:url(../fonts/NotoSansKR-Regular-Hestia.eot)}
@font-face{font-family:'NotoSansKR'; font-weight:400; src:url(../fonts/NotoSansKR-Regular-Hestia.woff)}
@font-face{font-family:'NotoSansKR'; font-weight:500; src:url(../fonts/NotoSansKR-Medium-Hestia.eot)}
@font-face{font-family:'NotoSansKR'; font-weight:500; src:url(../fonts/NotoSansKR-Medium-Hestia.woff)}
@font-face{font-family:'NotoSansKR'; font-weight:700; src:url(../fonts/NotoSansKR-Bold-Hestia.eot)}
@font-face{font-family:'NotoSansKR'; font-weight:700; src:url(../fonts/NotoSansKR-Bold-Hestia.woff)}
@font-face{font-family:'NotoSansKR'; font-weight:900; src:url(../fonts/NotoSansKR-Black.eot)}
@font-face{font-family:'NotoSansKR'; font-weight:900; src:url(../fonts/NotoSansKR-Black.woff)}

@font-face{font-family:'HelveticaNeue'; src:url(../fonts/HelveticaNeue-Thin.eot)}
@font-face{font-family:'HelveticaNeue'; src:url(../fonts/HelveticaNeue-Thin.woff)}