@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap');

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


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


@font-face {

font-family: 'Noto Sans-Bold'; 
src: url('../../img/font/NotoSans-Bold.otf') format('opentype');
src: url('../../img/font/NotoSans-Bold.woff') format('woff');
src: url('../../img/font/NotoSans-Bold.ttf') format('truetype');
font-style:normal;
 }











* {margin:0; padding:0;}
html { font-family: 'Noto Sans-Regular', 'sans-serif';  -ms-text-size-adjust: 100%;  -webkit-text-size-adjust: 100%; background:#ffffff;font-weight:400;}
body, html {font-family: 'Noto Sans-Regular','sans-serif'; font-size:12px; line-height:24px; font-weight:400;}

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: 10%;
  width: 42px;
  height: 42px;
  outline: none;
  cursor: pointer;
  border: none;
  background:#484848;
  display: none;
  z-index:999999999
}





/* Äü ½ºÅ¸ÀÏ */
.top-btn1 {
  position: fixed;
  right: 10%; 
  bottom: 35%;
  width: 85px;
  height: 225px;
  z-index:10000000000;
  outline: none;
  cursor: pointer;
  border: none;

}





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



.top-btn1 {display:none;}




}



/* ·Îµù ½ºÅ¸ÀÏ */

.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; }










 [class^="icon-"]:before, 
 [class*=" icon-"]:before {
  font-family: 'SCDream';
  font-style: normal;
  font-weight: 600;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
}