/**************************************************
	font
**************************************************/

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

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

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

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

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


/**************************************************
	Reset
**************************************************/
html,body{width:100%;height:100%; -webkit-text-size-adjust:none; position: relative;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,button{margin:0;padding:0; }
body{font-family: 'NotoSans', 'Dotum', sans-serif; font-size:14px; line-height: 24px; color: #777; font-weight: 100;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, 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{text-decoration:none;}
.soundOnly{overflow: hidden; position: absolute; top: -9999em; height: 0; line-height: 1px;}
.skip{display:block;left:-9999em;position:absolute;text-align:center;width:100%;z-index:-200;}
.skip:hover, .skip:focus, .skip:active{background-color:#000;color:#fff;left:0;margin-left:0px;padding:10px 0 10px 0;position:absolute;top:0px;z-index:100;}

.cf{*zoom:1}
.cf: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}
.bgn, .bgn td, .bgn th{background:none !important} 
.fb{font-weight:bold !important}
.fn{font-weight:normal !important}
.fixed{table-layout:fixed}
.pr{position:relative !important}
.tc{text-align: center !important;}
.move{-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;}




/**************************************************
	Drag Effect
**************************************************/
::selection {background:#ad0303; color:#ffffff; text-shadow:none;}
::-moz-selection {background:#ad0303; color:#ffffff; text-shadow:none;}
::-webkit-selection {background:#ad0303; color:#ffffff; text-shadow:none;} 
::-o-selection {background:#ad0303; color:#ffffff; text-shadow:none;}