/* BASIC css start */
/* aside */
#aside { width: 177px; margin-right: 20px; } 
/* lnb */
#aside .lnb-wrap h2 { font-size: 0; line-height: 0; }
#aside h2.txt { padding-right: 15px; background: url(/images/d3/modern_simple/common/bull_h13_dw_arw.gif) no-repeat right 45%; }
#aside h2.txt span { border-bottom: 1px solid #999999; color: #333333; display: block; font-size: 12px; font-weight: bold; line-height: 14px; padding-bottom: 3px; } 
#aside .lnb { zoom: 1; padding-bottom: 25px; padding-left: 2px; }
#aside .lnb:after{ content: ""; display: block; clear: both; }
#aside .lnb li,
#aside .lnb a { float: left; width: 100%; }
#aside .lnb li { margin-top: 10px;  word-wrap:break-word;}
#aside .lnb li.now a { font-weight: bold; }
#aside .lnb a:hover { font-weight: bold; }
#aside .lnb li a { color: #767676; }
/* ÅõÇ¥Çϱâ */
#aside .research .txt-1 { margin-top: 10px; font-weight: bold; text-align: center; }
#aside .research .list { margin-top: 10px; }
#aside .research .list li { margin-top: 5px; }
#aside .research .list li.li-center { text-align: center; }
/* info */
#aside .info { margin-bottom: 15px; background: url(/images/d3/modern_simple/aside_info_mdl.gif) repeat-y 0 0; }
#aside .info .cnt,
#aside .info .cnt a { color: #616161; }
#aside .info .cnt { zoom: 1; padding: 0 13px 7px; text-align: center; color: #616161; background: url(/images/d3/modern_simple/aside_info_btm.gif) no-repeat 0 bottom; }
#aside .info .cnt dd { padding: 10px 0; background: url(/images/d3/modern_simple/aside_info_dot.gif) repeat-x 0 0; }
#aside .info .cnt dd.first { background-image: none; }
#aside .info .cnt dd li { padding: 2px 0; }
/* cs-center */
#aside .info-cs .ph { font-size: 14px; font-weight: bold; }
#aside .info-cs .qna { font-weight: bold; }
#aside .info-cs .qna img { vertical-align: middle; }



#aside {
  width: 1280px !important;
}






/* =========================
   »çÀÌµå ¿µ»ó: º»¹®(1280px) ¿ÞÂÊ ¹Ù±ù¿¡ ¹èÄ¡
   ========================= */
:root{
  --pageW: 1280px;  /* º»¹® °íÁ¤Æø */
  --sideW: 300px;   /* »çÀÌµå ¿µ»ó Æø */
  --gap:   73px;     /* º»¹® ¿ÞÂÊ°úÀÇ °£°Ý(¿øÇϽŠ1px) */
}

.gz-side-wrap{
  position: absolute;            /* ½ºÅ©·Ñ°ú ÇÔ²² ¿òÁ÷ÀÓ */
  top: -100px;
  /* viewport Áß¾Ó(50%) - º»¹®/2 - »çÀ̵åÆø - °£°Ý  ¡æ ¿ÞÂÊ ¹Ù±ùÀ¸·Î Á¤È®È÷ */
  left: calc(50% - (var(--pageW)/2) - var(--sideW) - var(--gap));
  width: var(--sideW);
  z-index: 1100;
}

.gz-side-box{ position: relative; width:100%; }

.gz-side-wrap video{
  width:100%; height:500px;      /* ¿À¸¥ÂÊ ¹è³Ê ³ôÀÌ¿¡ ¸Â°Ô Á¶Àý */
  object-fit:cover;
  border-radius:0; box-shadow:none;
}

/* ¿µ»ó ¾È ÇÑ Á٠ĸ¼Ç(Áß¾Ó ÇÏ´Ü 15%) */
.gz-side-caption{
  position:absolute; inset:0;
  display:flex; align-items:flex-end; justify-content:center;
  padding-bottom:15%;
  color:rgba(255,255,255,.75);
  font:300 13px 'Jost','Helvetica Neue',sans-serif;
  letter-spacing:1px; white-space:nowrap;
  max-width:calc(100% - 24px); overflow:hidden; text-overflow:ellipsis;
  text-shadow:0 2px 6px rgba(0,0,0,.4);
  pointer-events:none;
}

/* ÀÛÀº È­¸éÀº ¼û±è */
@media (max-width:1279px){
  .gz-side-wrap{ display:none; }
}



/* BASIC css end */