@import url('common.css');
@import url('main.css');
@import url('sub.css');



@font-face {
font-family: 'MalgunGothic'; 
src: url('../../img/font/MalgunGothic.ttf') format('truetype');
src: url('../../img/font/MalgunGothic.woff') format('woff');
src: url('../../img/font/MalgunGothic.otf') format('opentype');
font-style:normal;
font-weight:normal;
 }





* {margin:0; padding:0;}
html {  font-family:'MalgunGothic', sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; /*overflow-x:hidden;*/ }
body, html {font-family:'MalgunGothic',  sans-serif; font-size:12px; line-height:24px;}
table { border-spacing:0;border-collapse:collapse;}
a:link { color:#727272; text-decoration:none;}
a:visited { color:#727272;text-decoration:none;}
a:hover { color:#727272; text-decoration:none;}
a:active { color:#727272; text-decoration:none;}
img {border:0 none;padding:0; margin:0;}
ol, ul, li{list-style-type:none;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
hr {border:0; border-top:1px solid #dedede;}
strong, table th {font-weight:normal;}

.fl_left {float:left}
.fl_right {float:right}
.fl_clear {clear:both; height:0; font-size:0; line-height:0}
.fl{float:left !important}
.fr{float:right !important}
.fn{float:none !important}
.center{text-align:center !important}
.right {text-align:right !important;}
.clearfix{*zoom:1}
.clearfix:after {content:'';display:block;clear:both}
.middle {vertical-align:middle;}
.absm {vertical-align:absmiddle;}
.top {vertical-align:top;}
.al_left {text-align:left !important}
.al_center {text-align:center}
.al_right {text-align:right}
.al_top {vertical-align:top}
.al_middle {vertical-align:middle}
.al_bottom {vertical-align:bottom}
.al_justify  {text-align:justify}
.left {text-align:left !important}
.hand {cursor:pointer}
.overflow {overflow:auto; overflow:hidden}
.none {display:none !important}
.hide {display:block; overflow:hidden; position:absolute; top:0; left:0; width:0; height:0; text-indent:-9999px;}
.pos_rel {position:relative}
.clfix:after {content: "."; display: block; height:0px; clear:both; visibility:hidden;}
.clfix {display: inline-block}
.clfix {display: block}
* html .clfix {height:1%}
.clfix {zoom:1}

/* ž¹öÆ° ÁöÁ¤ ½ºÅ¸ÀÏ */
.top-btn {
  position: fixed;
  right: 10%; 
  bottom: 15%;
  width: 42px;
  height: 42px;
  outline: none;
  cursor: pointer;
  border: none;
  background:#484848;
  display: none;
}



/* Çì´õ »ó´Ü°íÁ¤ ½ºÅ¸ÀÏ*/


header { padding-top:0px; position: fixed; top: 0px; left: 0; width: 100%;  transition: top 0.5s ease-in-out; z-index:1000;}

.nav-up {top: -90px;}/*Çì´õ³ôÀÌ¿Í °°°Ô ÁöÁ¤*/

@media screen and (max-width:992px){


 
header { padding-top:0px; position: fixed; top: 0px; left: 0; width: 100%; height: 95px;  transition: top 0.5s ease-in-out; z-index:1000;}

.nav-up { top: -95px;}
}