@charset "utf-8";
/* common */
* {}
body{margin:0; padding:0;color:#666; -ms-overflow-style: none;}
div,ul,ol,li,dl,dt,dd,p,input,textarea,select,h1,h2,h3,h4,em,address,fieldset,form,iframe,object{margin:0;padding:0}
img,fieldset,iframe{border:none}
iframe{display:block}
li{list-style-type:none}
table{clear:both; border-collapse:collapse; border-spacing:0; }
em,address{font-style:normal}
#skip, .hide, legend, hr, .skip{display:none}
a, a:hover, a:active{text-decoration:none}
caption{width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}
img {}

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/variable/pretendardvariable.css');

article,aside,details, /* 1 */
figcaption,figure,footer,header,main, /* 2 */
menu,nav,section,summary { /* 1 */  display: block;}

body{background:#fff;}
body.main{}
#wrap {}

::-webkit-scrollbar {
  display: none;
}

#m_teaser{overflow:hidden; background:#000 url(/design/default/images/intro/intro_bg.jpg) repeat center top; position:relative}
#m_teaser .main_box{}
#m_teaser .logo{z-index:999;position:absolute; width:300px; height:100%; left:50%; top:0%; margin-left:-150px; margin-top:0;}
#m_teaser .logo .line1{z-index:999; display:none; position:absolute; left:50%; top:0; width:1px; height:35%; background:#fff; opacity:0.35;}
#m_teaser .logo .line2{z-index:999; display:none; position:absolute; left:50%; bottom:0; width:1px; height:35%; background:#fff; opacity:0.35;}
#m_teaser .logo .img{z-index:999; display:none; position:absolute; left:50%; top:50%; width:241px; height:147px; margin-left:-120px; margin-top:-110px; background:url('/design/default/images/intro/intro_logo.png') no-repeat center top;}
#m_teaser .skip{z-index:998;position:absolute;display:none; width:44%; height:auto; left:50%; top:50%; vertical-align:middle; margin-left:-22%; margin-top:50px; font-size:1em; color: rgba(255,255,255,0.65); background:#fff; border-radius:0px; text-align:Center; border: 1px solid rgba(255, 255, 255, 0.65); padding:11px 0;
  transition: all 0.7s ease-out;
  background: linear-gradient(270deg, rgba(255,220,110,0.8), rgba(128,82,7,0.8), rgba(34,34,34,0), rgba(34,34,34,0));
  background-position: 1% 50%;
  background-size: 300% 300%;
}
#m_teaser .skip span{display: table-cell; vertical-align: middle; text-align:center;}
#m_teaser .skip:hover {  color: #fff; border: 1px solid rgba(223,190,106,0); background-position: 99% 50%;}

@media (max-width:768px) {
	#m_teaser .logo .img{width:150px; height:91px; margin-left:-75px; margin-top:-80px; background-size:cover;}
	#m_teaser .skip{margin-top:0px; padding:8px 0;}
}