@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@300;400;700&display=swap');
/**************************************************
	Reset
**************************************************/
html,body{width:100%;height:100%; -webkit-text-size-adjust:none; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,button{margin:0;padding:0; font-weight: 400;}
body,h1,h2,h3,h4,input,button{font-size:16px; line-height:26px; font-weight: bold;}
body{font-family: 'Archivo', 'Noto Sans KR', 'Nanum Gothic', '나눔고딕', 'Dotum', sans-serif; word-break: keep-all}
/* HTML5 display-role reset for older browsers */
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section {display:block;} 
table {border-collapse: collapse; border-spacing: 0;}
img,fieldset,iframe{border: 0 none; vertical-align: top;}
ol, ul{list-style:none;}
a,span {display:inline-block; text-decoration: none;}
.clearfix{*zoom:1}
.clearfix:after {content:'';display:block;clear:both}
.fl{float:left !important}
.fr{float:right !important}
.fn{float:none !important}
.cb{clear:both !important}
.ac{text-align:center !important}
.al{text-align:left !important}
.ar{text-align:right !important}
.vt{vertical-align:top !important}
.vm{vertical-align:middle !important}
.vb{vertical-align:bottom !important}
.oh{overflow:hidden !important}
.cp{cursor:pointer !important}
.di{display:inline !important}
.dib{display:inline-block;display:-moz-inline-box}
.dn{display:none !important}
.db{display:block !important}
.vv{visibility:visible !important}
.vh{visibility:hidden !important}
.bbn{border-bottom:none !important}
.brn{border-right:none !important}
.bln{border-left:none !important}
.btn{border-top:none !important}
.bn, .bn td, .bn th{border:none !important}
.fb{font-weight:bold !important}
.fn{font-weight:normal !important}
.move{-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;}
.tts{overflow: hidden; position: absolute; top: -9999em; height: 0; line-height: 1px;}
.textNone{text-indent: -999px;}
.not_scroll{position:fixed;/* overflow:hidden; */width:100%;height:100%}

.colorRed{color: #c4161c !important}
.colorBalck{color: #333 !important}
/**************************************************
	Drag Effect
**************************************************/
::selection {background:#3a4386; color:#ffffff; text-shadow:none;}
::-moz-selection {background:#3a4386; color:#ffffff; text-shadow:none;}
::-webkit-selection {background:#3a4386; color:#ffffff; text-shadow:none;} 
::-o-selection {background:#3a4386; color:#ffffff; text-shadow:none;}


/**************************************************
	Font
**************************************************/
/*
 * Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess
 */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(../font/NotoSansKR-Thin.woff2) format('woff2'),
       url(../font/NotoSansKR-Thin.woff) format('woff'),
       url(../font/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(../font/NotoSansKR-Light.woff2) format('woff2'),
       url(../font/NotoSansKR-Light.woff) format('woff'),
       url(../font/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(../font/NotoSansKR-Regular.woff2) format('woff2'),
        url(../font/NotoSansKR-Regular.woff) format('woff'),
        url(../font/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 600;
   src: url(../font/NotoSansKR-Medium.woff2) format('woff2'),
        url(../font/NotoSansKR-Medium.woff) format('woff'),
        url(../font/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(../font/NotoSansKR-Bold.woff2) format('woff2'),
        url(../font/NotoSansKR-Bold.woff) format('woff'),
        url(../font/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(../font/NotoSansKR-Black.woff2) format('woff2'),
        url(../font/NotoSansKR-Black.woff) format('woff'),
        url(../font/NotoSansKR-Black.otf) format('opentype');
}


@font-face {
    font-family: 'NanumMyeongjo';
    font-style: normal;
    font-weight: 400;
    src: local('※'),
        url('../font/NanumMyeongjoR.woff2') format('woff2'), 
        url('../font/NanumMyeongjoR.woff') format('woff'),
        url('../font/NanumMyeongjoR.ttf') format('truetype'),
        url('../font/NanumMyeongjoR.otf') format('opentype'),
        url('../font/NanumMyeongjoR.eot') format('embedded-opentype');
}