@charset "UTF-8";

/* ========================================================================

  /special/kor/css/chn.css

======================================================================== */

/************************************************************************
  bgm
************************************************************************/
.bgm__logo { width:570px }

/* ============ smart phone ============ */
@media (max-width:768px){

.bgm__logo { width:80vw; }
}
/************************************************************************
  fv
************************************************************************/
.fv__ttl { width:calc(1309px /2); }
.fv__box .content .lead { margin:auto auto calc(12/840*100vh); width:calc(616px /2); top:calc(-23/840*100vh); }

/* ============ smart phone ============ */
@media (max-width:768px){
.fv__box .content h1 { width:calc(683/750*100vw); }
.fv__box .content h2 { margin-bottom:calc(-15/750*100vw); top:calc(-48/750*100vw); }
.fv__box .content .lead { width:calc(550/750*100vw); }
.fv__box .content .fv__bottom { top:calc(50/750*100vw) !important; }
}
/************************************************************************
  .playbackModal__kv
************************************************************************/
.playbackModal__kv { text-align:center; }
.playbackModal__kv.vertical img { max-height:85vh; }
/************************************************************************
  .cookie-consent
************************************************************************/
.cookie-consent.is-show { z-index:1000 !important; }
/************************************************************************
  #mainStory
************************************************************************/
/* #column-1 */
#mainStory ul li#column-1 h3 { width:calc(649px /2); }
#mainStory ul li#column-1 p.text { width:calc(695px /2); height:calc(219px /2); }

/* #column-2 */
#mainStory ul li#column-2 h3 { width:calc(1255px /2); }
#mainStory ul li#column-2 p.text { width:calc(673px /2); height:calc(424px /2); }

/* #column-3 */
#mainStory ul li#column-3 h3 { width:calc(1159px /2); }
#mainStory ul li#column-3 p.text { width:calc(637px /2); height:calc(424px /2); }

/* #column-4 */
#mainStory ul li#column-4 h3 { width:calc(1159px /2); }
#mainStory ul li#column-4 p.text { width:calc(482px /2); height:calc(272px /2); }

/* #column-5 */
#mainStory ul li#column-5 h3 { width:calc(1311px /2); }
#mainStory ul li#column-5 p.text { width:calc(686px /2); height:calc(196px /2); }

/* #column-6 */
#mainStory ul li#column-6 h3 { width:calc(1311px /2); }
#mainStory ul li#column-6 p.text { width:calc(379px /2); height:calc(296px /2); }

/* ============ smart phone ============ */
@media (max-width:768px){
/* #column-1 */
#mainStory ul li#column-1 h3 { width:calc((709 /2)/750*100vw); }
#mainStory ul li#column-1 p.text { width:calc((1052 /2)/750*100vw); height:calc((327 /2)/750*100vw); }

/* #column-2 */
#mainStory ul li#column-2 h3 { width:calc((810 /2)/750*100vw); }
#mainStory ul li#column-2 p.text { width:calc((1009 /2)/750*100vw); height:calc((626 /2)/750*100vw); }

/* #column-3 */
#mainStory ul li#column-3 h3 { width:calc((758 /2)/750*100vw); }
#mainStory ul li#column-3 p.text { width:calc((999 /2)/750*100vw); height:calc((625 /2)/750*100vw); }

/* #column-4 */
#mainStory ul li#column-4 h3 { width:calc((757 /2)/750*100vw); }
#mainStory ul li#column-4 p.text { width:calc((721 /2)/750*100vw); height:calc((405 /2)/750*100vw); }

/* #column-5 */
#mainStory ul li#column-5 h3 { width:calc((924 /2)/750*100vw); }
#mainStory ul li#column-5 p.text { width:calc((1015 /2)/750*100vw); height:calc((295 /2)/750*100vw); }

/* #column-6 */
#mainStory ul li#column-6 h3 { width:calc((924 /2)/750*100vw); }
#mainStory ul li#column-6 p.text { width:calc((608 /2)/750*100vw); height:calc((439 /2)/750*100vw); }

#mainStory ul li p.banner { width:calc(483/750*100vw); }
}
/************************************************************************
  .footer__logo
************************************************************************/
.footer__logo { margin:52px auto 0; width:236px; }
.footer__nav__a { font-size:14px; }

/* ============ smart phone ============ */
@media (max-width:768px){
.footer__logo { margin:52px auto 0; width:calc(351/750*100vw); }
}