@charset "utf-8";
/* ********************************************************************
 * name : ReDI
 * filename : base.css
 * description : 기본값 css 
 * date : 2022-11-05
********************************************************************* */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');
@font-face {
    font-family: 'Arita-buri-SemiBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Arita-buri-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* 
 * base CSS Document
 */

/* reset */
body,p,div,span,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0; padding:0;}
body,input,textarea,button,select{font-family: 'Noto Sans KR', sans-serif;;color:#444;}
html,body{font-size:15px; line-height:1.5;}
h1,h2,h3,h4,h5,h6{font-size:1rem;}
input,textarea,button,select{font-size:0.9375rem;}
img, fieldset, button{border:0;}
textarea{overflow:auto;}
input[type=submit],
input[type=button],
button{cursor:pointer;}
img{vertical-align:top;}
address, em{font-style:normal;}
table{border-spacing:0; border-collapse:collapse;}
table,th,td{border:none;}
caption{overflow:hidden; line-height:0; text-indent:-2000em;}
legend, .hidden{padding:0; margin:0; overflow:hidden !important; text-indent:100%; white-space:nowrap; font-size:0;}
i{font-style:normal;}
input::placeholder,textarea::placeholder{color:#999;}

    /* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
figure{padding:0px; margin:0px;}

/* 링크 기본값 */
a:link{text-decoration:none; color:#444;}
a:visited{text-decoration:none; color:#444;}
a:hover{text-decoration:none; color:#444;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
a:active{text-decoration:none;}
a:focus{text-decoration:none;}
a{outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}


/* 리스트 스타일 제거 */
ul,ol,li{list-style:none;}

/* mobile */
body{-webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none;}

/* hidden contents */
.skip,
.hidden{position:absolute; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden; z-index:-1}
.skip:focus{top:0;left:0;display:inline-block;width:auto;height:auto;padding:0 30px;font-size:14px;line-height:40px;color:#fff;background:#018aff;z-index:10}

#skipNavi {position:absolute;top:0;height:0px;width:100%;z-index:500;} 
#skipNavi a {display:block; height:1px; width:1px; margin-bottom:-1px; overflow:hidden; text-align:center;color:#fff;white-space:nowrap;font-size:18px} 
#skipNavi a:focus, 
#skipNavi a:active {display:block;top:0;width:100%;height:45px;line-height:45px;padding:10px 0;background:#018aff;}

.blind {overflow: hidden;position: absolute;top: 0;left: 0;width: 1px;height: 1px;font-size: 0;line-height: 0;}

.cf {display:block; content:""; clear:both;} 
.cf:after{display:block; content:""; clear:both;}
.f-mo{font-family: 'Montserrat', sans-serif;}
.f-os{font-family: 'Oswald', sans-serif;}
.f-ab{font-family: 'Arita-buri-SemiBold';}

.blind {overflow: hidden;position: absolute;top: 0;left: 0;width: 1px;height: 1px;font-size: 0;line-height: 0;}


