@charset "utf-8";
*, *::before, *::after {
  box-sizing: border-box;
} 
html{
  font-size: 10px;
}
body{
  font-weight:300;
  font-size:1.7rem;
  color:#181818;
  background-color: #fff;
  line-height: 1.5;
}
a{
  text-decoration: none;
  color:inherit;
}

/* °øÅë ¼û±è ÄÜÅÙÃ÷ */
.view-hidden{/* ½ºÅ©¸° ¸®´õ´Â ÀÐÀ¸³ª È­¸éÀº º¸ÀÌÁö ¾ÊÀ½ */
  position: absolute;
  width:  1px;
  height: 1px;
  margin:  -1px;
  overflow: hidden;
  clip:  rect(0,0,0,0);
  clip-path: polygon(0 0, 0 0, 0 0)
}
/* float */
.left{float:left;}
.right{float:right;}

/* block*/
.block{display:block;}
.none {display:none;}



/* ¸¶Áø */
.mgintb{margin:1em 0;}
.mginT{margin-top:1em;}
.mginR{margin-right:1em;}
.mginB10{margin-bottom:10px;}
.mginB12{margin-bottom:12px;}
.mginB14{margin-bottom:14px;}
.mginB16{margin-bottom:16px;}
.mginB20{margin-bottom:20px;}
.mginB40{margin-bottom:40px;}
.mginL{margin-left:1em;}
.marginTB{margin:2vh 0;}	

/*  Æеù */
.padT{padding-top:10px;}
.padR{padding-right:10px;}
.padB{padding-bottom:10px;}
.padL{padding-left:10px;}



/* ³ÐÀÌ */
.w100 {width: 100%; }
.w900, .w1000, .w1100, .w1200, .w1300, , .w1400{margin:0 auto;}

.w1000{width:1000px;margin:0 auto;}
.w1100{width:1100px;margin:0 auto;}
.w1200{width:1200px;margin:0 auto;}
.w1300{width:1300px;margin:0 auto;}

@media (max-width:1000px){.w900{width:94%; }}
@media (max-width:1100px){.w1000{width:94%; }}
@media (max-width:1200px){.w1100{width:94%; }}
@media (max-width:1300px){.w1200{width:94%; }}

@media (min-width:1000px){.w900{width:900px;}}
@media (min-width:1100px){.w1000{width:1000px;}}
@media (min-width:1200px){.w1100{width:1100px;}}
@media (min-width:1300px){.w1200{width:1200px;}}

/* ÆùÆ®»çÀÌÁî  */
.font25{font-size:25px;}
.font26{font-size:26px;}
.font27{font-size:27px;}
.font28{font-size:28px;}
.font29{font-size:29px;}
.font30{font-size:30px;}
.font31{font-size:31px;}
.font32{font-size:32px;}
.font33{font-size:33px;}
.font34{font-size:34px;}
.font35{font-size:35px;}

/* ÆùÆ®»çÀÌÁî Ä®¶ó */
.white{color:#fff;}
.yellow{color:#ffc107;}
.red{color:#d83832;}
.orange{color:#f57721;}
.green{color:#f0ff10;}

/* ¹è°æÄ®¶ó */
.bg-white{background-color:#fff;}
.bg-gray{background-color:#f0f0f0;}

.Tcenter{text-align:center;}

/* ÆùƮĮ¶ó */