@charset "utf-8";
*,a,hr,img{    padding:0; border:none;  box-sizing:border-box;
  font-family: "Noto Sans KR", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
td, th { word-break:keep-all;}
a,mark{background:0 0}
.skip,hr{height:0;line-height:0}
button,hr,img{border:0}
*{ margin:0}


/************************
 intro
*****************/
.intro_new_wrap {overflow:hidden;}

.width_area {margin-left:auto;  overflow:hidden;margin-right:auto; width:90%; max-width:1100px;}

.intro_new_wrap .logo {overflow:hidden; padding:30px 0px;}
.intro_new_wrap .logo dt, .intro_new_wrap .logo dd {display:inline-block; vertical-align:middle;}
.intro_new_wrap .logo dd { padding-left:20px;  font-size:20px; line-height:34px;
letter-spacing:-1px; font-weight:400; margin-left:20px; border-left:1px solid #ddd;}

.intro_new_wrap .site_go {display:flex;  padding:30px 0px;flex-wrap:wrap;  justify-content: space-between; }
.intro_new_wrap .site_go div {cursor:pointer;  z-index:1; overflow:hidden; position:relative;
 position:relative; flex-basis:calc(50% - 20px);   }
/* 
.intro_new_wrap .site_go div:before  {content:'';position:absolute; width:100%; height:350px;

bottom:0; left:0; z-index:2; background: rgb(0,0,0);
background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);} */

.intro_new_wrap .site_go a {z-index:5; position:absolute; width:100%; height:100%; top:0; left:0;}


.intro_new_wrap .site_go div .mv{width:100%;  position:relative; padding-bottom: calc((100%) * 9 / 16);}

.intro_new_wrap .site_go div video {z-index:0;  position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); max-width:100%;}
.intro_new_wrap .site_go div dl {z-index:3; text-align:Center;  padding:20px 40px 30px 40px; overflow:hidden;  position:relative;}
.intro_new_wrap .site_go div dl dt {color:#fff; font-size:23px; line-height:44px; padding-bottom:10px;  font-weight:600;letter-spacing:-1px;}

.intro_new_wrap .site_go div:nth-child(1) dl  dt strong {color:#fbff7a; font-weight:600;}
.intro_new_wrap .site_go div:nth-child(2)  dl dt strong {color:#664828; font-weight:600;}
.intro_new_wrap .site_go div dl  dd img {height:54px;}


/* .intro_new_wrap .site_go div:hover  > video{ opacity:0.9; mix-blend-mode: multiply;}
.intro_new_wrap .site_go div:hover:before {opacity:0;} */

.intro_new_wrap .site_go div:nth-child(1) dl  {background:#ff9345;}
.intro_new_wrap .site_go div:nth-child(2)  dl  {background:#b79e75;}


.intro_new_wrap .indesc_txt {text-align:Center; letter-spacing:-2px; padding:20px 0px; font-size:29px; line-height:55px;}

.intro_new_wrap .indesc_txt strong {color:#004f9d;}


.intro_new_wrap .site_go div dd  {color:#fff;  font-size:30px; line-height:40px;}

.intro_new_wrap .site_go div dd span {
  background-color: #fff;
margin-right:10px;
  display: inline-block;
  width: 115px;
  height: 40px; 
  vertical-align: middle;
  margin-top: -3px;
  mask-image: url("../images/coex.svg");
  mask-repeat: no-repeat;
  mask-position: center left;
  mask-size: contain;
}





.intro_new_wrap .site_go div dd span.bexco {
  background-color: #fff;
margin-right:0px;
margin-left:10px;

  width: 125px;
  height: 40px;

  mask-image: url("../images/bexco.svg");
  mask-repeat: no-repeat;
  mask-position: center left;
  mask-size: contain;
}



.intro_new_wrap .new_footer {background:#333; margin-top:30px; padding:16px 0px 30px 0px; color:#fff;}
.intro_new_wrap .new_footer  h2 {border-bottom:1px solid rgba(255,255,255,0.2); letter-spacing:-1px;
font-size:20px; line-height:55px; font-weight:600; margin-bottom:20px;}



.intro_new_wrap .new_footer dl,
.intro_new_wrap .new_footer dd,
.intro_new_wrap .new_footer dt {display:inline-block; letter-spacing:-0.8px; font-size:15px; line-height:25px;}


.intro_new_wrap .new_footer  p {font-size:13px; font-weight:700; line-height:30px; opacity:0.4}
.intro_new_wrap .new_footer dl {margin-right:31px;}