@import url(https://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css);
@import url(http://cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://api.mobilis.co.kr/webfonts/css/?fontface=NanumGothicWeb); 
@import url('common.css');
@import url('main.css');
@import url('sub.css');
@import url('aos.css');

* {margin:0; padding:0;}
html { font-family: 'Malgun Gothic','Nanum Square','Nanum Gothic','NanumBarunGothic', 'Dotum', 'Gulim', 'sans-serif'; background:#ffffff;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }
body, html {font-family: 'Malgun Gothic','Nanum Square','Nanum Gothic','NanumBarunGothic', 'Dotum', 'Gulim', '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}


/* ****************** °øÅëŬ·¡½º ********************** */
.area{ max-width:1100px; margin:0px auto;} /* width ȨÆäÀÌÁö ÄÁÅÙÃ÷ °¡·Î°ª¿¡ ¸Â°Ô º¯°æ */
.area-box{ max-width:1700px; margin:0px auto; }
.rubik {font-family: 'Rubik', 'Poppins', 'Noto Sans KR', "³ª´®°íµñ", NanumGothic, "Nanum Gothic","µ¸¿ò", Dotum, Arial, sans-serif;}
.noto {font-family: 'Noto Sans KR', sans-serif ! important;}
.clearfix{*zoom:1;}
.clearfix:after{clear:both; display:block; content:"";}
.blind{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.trans200{-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;transition:all 0.2s;}
.trans300{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;}
.trans400{-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s;}
.trans500{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;}
.material-icons{line-height:inherit; color:inherit; vertical-align:middle;}
.text-ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.table-layout{display:table; width:100%; height:100%; }
.table-cell-layout{display:table-cell; width:100%; height:100%; vertical-align:middle;}
.over-img{overflow:hidden;}
.over-img img{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
a:hover .over-img img{
 -ms-transform: scale(1.1) rotate(0.02deg);
   -o-transform: scale(1.1) rotate(0.02deg);
   -moz-transform: scale(1.1) rotate(0.02deg);
   -webkit-transform: scale(1.1) rotate(0.02deg);
   transform: scale(1.1) rotate(0.02deg);
}




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


/* ·Îµù ½ºÅ¸ÀÏ */
.loading{
    width:100%;
    height:100%;
    position:fixed;
    left:0px;
    top:0px;
    background:#fff;
    z-index:1000000000000; /* ÀÌ °ªÀ¸·Î ·¹À̾îÀÇ À§Ä¡¸¦ Á¶Á¤ÇÕ´Ï´Ù. */
}

.lodimg{
 position: absolute;  
 top: 50%;  
 left: 50%; 
 z-index: 10000000000001; }