@charset "UTF-8";

/*
유튜브 팝업 추가 

#youtube_popup{ display: block; position: fixed; z-index: 10; top: 10rem; left: 5rem; width: 60rem; height: 45rem; background-color: #fff; padding: 2rem; box-shadow: 0 0 1rem rgba(0,0,0,0.3); }
#youtube_popup strong{ display: block; font-size: 2rem; font-weight: 500; letter-spacing: -1px; color: #000; margin-bottom: 1rem; }
#youtube_popup .close{ position: absolute; right: 2rem; bottom: 2rem; }

@media(max-width: 1279px){
  #youtube_popup iframe{ width: 56rem; height: 32rem; }
}

@media(max-width: 639px){
    #youtube_popup{ width: 30rem; height: 30rem; }
    #youtube_popup iframe{ width: 26rem; height: 14rem; }
}
*/

#gnb1:after,
#header.active #gnb1:after{ position: absolute; top: 9.5rem; left: 0; content: ''; width: 100%; height: 5px; background-color: #DC0916; transition: all .2s; -webkit-transition: all .2s; } 


#main { position: relative; z-index: 0; }
#contents{ float: none; width: 100%; margin-bottom: 0; }

#visual{ position: relative; height: 62.7rem; transform: scale(1.2); -webkit-transform: scale(1.2); transition : all 1s; -webkit-transition : all 1s; background: url(/eng/img/main/mvisual_bg.png) 50% 50% no-repeat; background-size: cover; }
#visual.on{ transform: scale(1); -webkit-transform: scale(1); }
#visual .layout{ position: absolute; top: 50%; left: 0; z-index: 1; width: 100%; margin-top: -15rem; text-align: center; }
#visual .desc{ position: relative; width: 140rem; margin: 0 auto; text-align: left; border-left: 4px solid #E10A17; padding-left: 4.4rem; }
#visual .visual_line{ position: absolute; z-index: 1; top: 0; left: 50%; display: inline-block; width: 1px; height: 100%; background-color: rgba(255,255,255,0.2); transition : all 1s; -webkit-transition : all 1s; }
#visual.on .visual_line1{ margin-left: -70rem; }
#visual.on .visual_line2{ margin-left: -23.3rem; }
#visual.on .visual_line3{ margin-left: 23.3rem; }
#visual.on .visual_line4{ margin-left: 70rem; }
#visual .desc strong{ font-family: 'inter'; font-size: 5.5rem; font-weight: 100; color: #fff; line-height: 5.8rem; letter-spacing: -0.048rem; }
#visual .desc strong b{ display: block; font-weight: 400; }
#visual .visual_link{}
#visual .visual_link > a{ position: absolute; top: 15rem; right: 22rem; display: block; width: 22rem; height: 22rem; padding: 3.8rem; color: #fff; background-color: #252A38; font-family: 'mtsr'; font-size: 3rem; font-weight: 500; line-height: 3.4rem; }
#visual .visual_link > a:first-child{ top: -7rem; right: 0; background-color: #D80E1A; } 
#visual .visual_link .more{ position: absolute; bottom: 3.8rem; left: 3.8rem; font-family: 'nsk'; font-size: 1.6rem; font-weight: 300; }
#visual .visual_link .more i{ margin-left: .5rem; }

.section{ clear: both; position: relative; text-align: center; }
.section .layout{ width: 140rem; margin: 0 auto; overflow: hidden; text-align: left; }
.section1 .layout{ padding: 10.7rem 0 12rem; }
.section1 .article_tit{ position: relative; display: inline-block; font-family: 'mtsr'; font-size: 4.3rem; font-weight: 600; line-height: 3.2rem; letter-spacing: -0.15rem; margin-bottom: 4rem; color: #191919;}
.section1 .article_tit:after{ position: absolute; top:0; right: -2.5rem; content: ""; display: inline-block; width: 1.1rem; height: 1.1rem; background-color: #F41F2C; }
#news{ position: relative; float: left; width: 94rem; overflow: hidden; }
/*#news .board{ float: left; width: calc( ( 100% - 72px ) / 3 ); margin-left: 3.6rem; }*/
#news .slick-slide{ padding: 0 1.65rem; }
#news .news_cate{ display: block; font-size: 1.6rem; font-weight: 500; color: #EE1C23; line-height: 3.2rem; margin-bottom: 1.45rem }
#news .news_tit{display: block;border-top: 2px solid #414141; font-size: 2.1rem; color: #222; line-height: 3rem;letter-spacing: -0.1rem;font-weight: 600;height: 8rem;overflow: hidden;padding-top: 1.65rem;margin-bottom: .9rem;word-break: keep-all;}
#news .news_date{ display: block; font-size: 1.4rem; font-weight: 400; line-height: 3.2rem; margin-bottom: 2.5rem; color: #888888; }
#news .news_txt{ font-size: 1.6rem; line-height: 2.6rem; letter-spacing: -0.08rem; color: #393939; height: 8rem; overflow: hidden; }
#news .more{ position: absolute; top: 0; right: 0; font-size: 4rem; color: #313131; width: 5.5rem; height: 5.5rem; background: url(/eng/img/main/more.png) no-repeat; background-size: cover; }
#news .more:before{ position: absolute; left: -16.6rem; top: 50%; content: ""; display: inline-block; width: 14.6rem; height: 1px; background-color: #CECECE; vertical-align: middle; margin-right: 2rem; }
.news_slider{ overflow: hidden; }
.news_slider .board{ float: left; width: calc( 33.33% - 29.625px); margin-left: 3.95rem; }
.news_slider .board:first-child{ margin-left: 0; }

#popupzone{ position: relative; float: left; width: 38.2rem; height: auto; margin-left: 7.75rem; padding-top: 12rem; }
#popupzone .thumb{ position: relative; height: 0; padding-bottom: 56.4%; }
#popupzone iframe{ position: absolute; width: 100%; height: 100%; }
#popupzone .article_tit{ margin-bottom: 2.8rem; }
.popupzone-slider{ height: 24.7rem; }
.popupzone-slider .slick-slide img{ width: 100%; }
.popupzone-slider .slick-arrow{ position: absolute; top: -7.2rem; right: 0; font-size: 0; line-height: 2.5rem; }
.popupzone-slider .slick-prev{ right: 5rem; }
.popupzone-slider .slick-prev:before{ content: ""; font-family: 'xeicon'; display: inline-block; font-size: 2.4rem; color: #aaa; }
.popupzone-slider .slick-next:before{ content: ""; font-family: 'xeicon'; display: inline-block; font-size: 2.4rem; color: #aaa; }
.popupzone-btn { position: absolute; top: 2rem; right: 2.8rem; color: #aaa; font-size: 1.8rem; line-height: 3rem; }

#popupzone .pagingInfo{ position: absolute; top: 2rem; right: 8.7rem; font-size: 1.8rem; font-weight: 500; color:#333333; }
#popupzone .pagingInfo span{ color: #E30A17; }
#popupzone .pagingInfo i{ color: #C7C7C7; padding: 0 .5rem; }



.section2:before{ position: absolute; z-index: -1; bottom: 0; left: 50%; margin-left: -85.6rem; content: ""; display: inline-block; width: 100%; height: 28.2rem; background-color: #E30A17; }
#highlight{ position: relative; padding-left: 46.4rem; padding-bottom: 7.5rem; }
#highlight .article_tit{ position: absolute; top: 0; left: 0; font-size: 5.5rem; font-weight: 900; font-family: 'mtsr'; color: #4B4B4B; text-align: left; line-height: 6rem; }
#highlight .article_tit b{ display: block; width: 13.3rem; height: 8.1rem; background: url(/eng/img/main/section2_auri.png) no-repeat; background-size: cover; font-size: 0; text-indent: -9999px; }
#highlight ul{ margin-bottom: 7.4rem; }
#highlight ul li{ float: left; width: 29.2rem; height: 36rem; margin-left: 3rem; box-shadow: 0px 6px 6px #00000029; background-color: #efeff1; }
#highlight ul li:first-child{ margin-left: 0; }
#highlight ul li .img_wrap{ display: block; }
#highlight ul li .img_wrap img{ width: 100%; }
#highlight ul li a{ display: block; }
.highlight_tit{ display: block; text-align: center; margin-top: 2.4rem; font-size: 2.3rem; font-weight: 600; color: #fff; line-height: 3.4rem; letter-spacing: -0.04rem; }
#highlight .more{ position: absolute; bottom: 14.7rem; left: 0; width: 6.6rem; height: 6rem; background: url(/eng/img/main/section2_arrow.png) no-repeat; background-size: contain; }
#highlight .more:before{ position: absolute; top: 50%; left: 9rem; content: ""; display: inline-block; width: 13.5rem; height: 1px; background-color: rgba(255,255,255,0.3); }


.section3{}
.section3 .layout{ padding: 8.7rem 0 10.3rem; }
#report{ position: relative; text-align: left; }
#report:before{ position: absolute; top: 5rem; left: 50%; content: ""; display: block; width: 1px; height: 30.5rem; border-left: 1px solid #ddd; }
#report .article_tit{ display: block; font-size: 3rem; font-family: 'mtsr'; font-weight: 900; line-height: 2.3rem; color: #5F5F5F; margin-bottom: 4rem; }
#report ul{ position: relative; overflow: hidden; }
#report ul li{ float: left; width: calc( 50% - 47px ); margin-left: 94px; margin-bottom: 1.7rem; }
#report ul li:nth-child(odd){ margin-left: 0; }
#report ul li a{ position: relative; display: block; padding: .6rem 9rem .6rem 11rem; font-size: 2.1rem; font-weight: 600; line-height: 3.2rem; letter-spacing: -0.1rem; color: #222; text-align: left; white-space: nowrap; word-break: break-all; overflow: hidden; text-overflow: ellipsis; }
#report ul li .cate{ display: block; font-size: 1.6rem; font-weight: 500; margin-bottom: .6rem; line-height: 3.2rem; letter-spacing: -0.08rem; color: #EE1C23; }
#report ul li .date{ position: absolute; top: 0; left: 0; font-size: 1.5rem; line-height: 3.2rem; letter-spacing: -0.1rem; color: #808080; text-align: center; padding: 1rem 1.9rem .6rem; border: 1px solid #D8D8D8; }
#report ul li .date b{ display: block; font-size: 3rem; letter-spacing: -0.2rem; color: #222; }
#report ul li .author{ position: absolute; right: 0; top: 50%; font-size: 1.6rem; font-weight: 500; line-height: 3.4rem; letter-spacing: -0.08rem; color: #959595; }
#report .more{ position: absolute; top: -1rem; right: 0; font-size: 6rem; color: #313131; }
#report .more:before{ position: absolute; top: 50%; left: -15.45rem; content: ""; display: inline-block; width: 13.5rem; height: 1px; background-color: #DDDDDD; transition: all .2s; -webkit-transition: all .2s; }


.section4{ background: url(/eng/img/main/section4_bg.png) 50% 50%; background-size: cover; }
.section4 .layout{ position: relative; padding: 7.4rem 7.6rem 10rem 8.6rem; }
.section4 .en_tit{ display: block; width: 26rem; height: 2.2rem; background: url(/eng/img/main/section4_txt01.png) no-repeat; background-size: contain; font-size: 0; margin-bottom: 2rem; }
.section4 .article_tit{ float: left; display: inline-block; font-size: 11.5rem; font-family: 'mtsr'; font-weight: 900; color: #fff; line-height: 6.5rem; }
.section4 .article_tit .line{ display: inline-block; font-size: 0; width: 25.3rem; height: 6.7rem; margin-right: 1.5rem; background: url(/eng/img/main/section4_txt02.png) no-repeat; background-size: contain; vertical-align: middle; }
.section4 .article_tit:after{ position: absolute; top: 50%; left: 63rem; content: ""; display: inline-block; width: calc( 100% - 121rem ); height: 1px; background-color: #fff; opacity: 0.4; }
.section4 .article_txt{ position: relative; float: right; display: inline-block; font-family: 'nsk'; font-size: 2.1rem; font-weight: 100; line-height: 3.2rem; letter-spacing: -0.02rem; color: #fff; max-width: 46rem;}
.section4 .article_txt:after{ position: absolute; top: 50%; margin-top: -.8rem; right: -2rem; content: ""; display: inline-block; width: 20px; height: 20px; background: url(/eng/img/layout/star.png) no-repeat; background-position: 0 0; -webkit-animation: fave 1s steps(13); animation: fave 1s steps(13); animation-iteration-count: infinite; background-position: -260px 0; -webkit-transition: background 1s steps(13); transition: background 1s steps(13); animation-duration: 2.2s; animation-fill-mode: forwards;}

@-webkit-keyframes fave{
0% { background-position:0 0 }
100% { background-position:-260px 0; }
}

@keyframes fave{
0% { background-position:0 0 }
100% { background-position:-260px 0 }
}

.section5{ background: url(/eng/img/main/section5_bg.png) 50% 50% no-repeat; background-size: cover; }
.section5 .layout{ position: relative; left: 50%; margin-left: -30rem; text-align: left; padding: 13rem 0 14.6rem; overflow: visible; }
.section5 .txt_wrap{ position: absolute; top: 18rem; left: -39.8rem; width: 38rem; }
.section5 .article_tit{ display: block; font-family: 'mtsr'; font-size: 5.9rem; line-height:  5.9rem; letter-spacing: -0.1rem; color: #3C3C3C; margin-bottom: 3rem; }
.section5 .article_tit .red{ display: block; color: #EE1C23; }
.section5 .article_txt{ font-size: 1.6rem; line-height: 2.4rem; letter-spacing: -0.08rem; color: #666; }
.section5 .research_slider{ margin: 0 -1.5rem; }
.section5 .research_slider .slick-arrow{ position: absolute; left: -38rem; top: 36rem; display: inline-block; width: 6.8rem; height: 6.8rem; background-color: #000; font-size: 0; }
.section5 .research_slider .slick-arrow:before{ content:""; display: block; font-family: 'xeicon'; font-size: 3rem; color: #fff; }
.section5 .research_slider .slick-next{ left: -30.2rem; background-color: #EE1C23;}
.section5 .research_slider .slick-next:before{ content:""; }
.section5 .research_slider .item{ height: 44rem; padding: 0 1.5rem; transition: all .4s; -webkit-transition: all .4s; }
.section5 .research_slider .item .inner{position: relative;height: 100%;padding: 5rem 2rem 0;text-align: center;color: #fff;overflow: hidden;transition: all .4s;-webkit-transition: all .4s;}
.section5 .research_slider .item .inner:before{ position: absolute; top: 0; left: 0; z-index: 0; content: ""; display: block; width: 100%; height: 100%; background-color: rgba(0,0,0,0); transition: all .4s; -webkit-transition: all .4s; }
.section5 .research_slider .item1 .inner{ background: url(/eng/img/main/section5_img01.png) 50% 50% no-repeat; background-size: cover; }
.section5 .research_slider .item2 .inner{ background: url(/eng/img/main/section5_img03.png) 50% 50% no-repeat; background-size: cover; }
.section5 .research_slider .item3 .inner{ background: url(/eng/img/main/section5_img05.png) 50% 50% no-repeat; background-size: cover; }
.section5 .research_slider .item4 .inner{ background: url(/eng/img/main/section5_img06.png) 50% 50% no-repeat; background-size: cover; }
.section5 .research_slider .item5 .inner{ background: url(/eng/img/main/section5_img07.png) 50% 50% no-repeat; background-size: cover; }
.section5 .research_slider .item6 .inner{ background: url(/eng/img/main/section5_img08.png) 50% 50% no-repeat; background-size: cover; }
.section5 .research_slider .item .inner .num{ position: relative; z-index: 1; display: block; font-family: 'nfk'; font-size: 2rem; margin-bottom: 2.6rem; line-height: 2.9rem; letter-spacing: -0.04rem; }
.section5 .research_slider .item .inner .num:after{ position: absolute; z-index: 1; bottom: -.8rem; left: 50%; margin-left: -1rem; content: ""; display: block; width: 2rem; height: 1px; background-color: rgba(255,255,255,0.6); }
.section5 .research_slider .item .inner .title{ position: relative; z-index: 1; display: block; font-size: 2.7rem; line-height: 3rem; }
.section5 .research_slider .item .inner .desc{position: relative;z-index: 1;opacity: 0;margin-top: 3rem;transition: all .4s;-webkit-transition: all .4s;}
.section5 .research_slider .item .inner .desc a{display: block;text-decoration: underline;/* line-height: 2rem; */margin-bottom: 1rem;font-size: 1.5rem;}
.section5 .research_slider .item:hover .inner,
.section5 .research_slider .slick-current + .slick-slide .inner{ background-position: top; }
.section5 .research_slider .item:hover .inner .desc,
.section5 .research_slider .slick-current + .slick-slide .inner .desc{ opacity: 1; margin-top: 4rem;  }
.section5 .research_slider .item:hover .inner:before,
.section5 .research_slider .slick-current + .slick-slide .inner:before{background-color: rgba(0,0,0,0.5); }

.section5 .research_slider.slick-slider .slick-track{ padding-top: 9rem; }
.section5 .research_slider .slick-current + .slick-slide{ margin-top: -9rem; }
.section5 .research_slider .slick-current + .slick-slide .inner{ box-shadow: 0px 30px 30px #00000033; }

.section6{ background: #D81A26; }
.section6 .typing_wrap { text-align: center; padding: 6rem 0; border-bottom: 1px solid rgba(255,255,255,0.3); }
.section6 .typing_wrap .inner{ position: relative; display: inline-block; }
.section6 .typing_wrap .inner:before{ position: absolute; left: -9.6rem; top: 1rem; content: ""; display: inline-block; width: 1.4rem; height: 4.7rem; background: url(/eng/img/main/section6_img01.png) no-repeat; background-size: contain; }
.section6 .typing_wrap .inner:after{ position: absolute; right: -9.6rem; top: 1rem; content: ""; display: inline-block; width: 1.4rem; height: 4.7rem; background: url(/eng/img/main/section6_img01.png) no-repeat; background-size: contain; transform: rotate( -180deg); -webkit-transform: rotate( -180deg); }
.section6 .typing{ opacity: 0; width: 0; height: 6.7rem; font-family: 'nfk'; font-weight: 300; font-size: 2.5rem; line-height: 6.7rem; color: #fff; vertical-align: middle; overflow: hidden;}
.section6 .typing.on{ width: auto; display: table-cell; }
.section6 .link_wrap{ display: inline-block; width: 140rem; margin: 0 auto; padding: 3.8rem 7.2rem; }
.section6 .link_wrap li{ float: left; margin-left: 4rem; }
.section6 .link_wrap li:first-child{ margin-left: 0; }
.section6 .link_wrap li a{ display: block; color: #fff; font-size: 1.8rem; letter-spacing: 0.05rem; }
.section6 .link_wrap li .icon{ display: inline-block; vertical-align: middle; margin-right: .5rem; }


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .section1 .bg_txt{ right: 4rem; width: 25.5rem; height:27.4rem; background: url(/eng/img/main/sectin1_bg_txt.png) no-repeat; background-size: contain; }
  .section2 .bg_txt{ left: -5.3rem; width: 17.6rem; height:24.7rem; background: url(/eng/img/main/sectin2_bg_txt.png) no-repeat; background-size: contain; }
  .section4 .bg_txt{ width: 18rem; height:29.2rem; background: url(/eng/img/main/sectin4_bg_txt.png) no-repeat; background-size: contain; }
  .section5 .bg_txt{ width: 25.5rem; height:27.4rem; background: url(/eng/img/main/sectin5_bg_txt.png) no-repeat; background-size: contain; }
} 

@media(max-width: 1799px){
  .section2:before{ left: auto; right: 0; margin-left: 0; width: calc( 100% - 104px ); }
  .section2 .bg_txt{ left: 50%; margin-left: -95rem; }
  .section4 .bg_txt{ left: 50%; margin-left: -80rem; }
}

@media(max-width: 1699px){
  .bg_txt { display: none; }
}

@media(max-width: 1539px){
  .section5 .link_wrap .col_box{ margin-left: 1.6%; }
  #visual .layout{ width: 100%; padding: 4rem; }
  #visual .slick-arrow{ right: 8rem; margin-right: 0; }
  .mvisual-btn{ right: 8rem; margin-right: 1.8rem; }
  .section2:before{ width: 97%; }
  .section .layout{ width: 100%; padding-left: 13rem; padding-right: 4rem; }
  .section1 .layout{ padding-right: 45rem; }
  #news{ width: 100%; }
  #popupzone{ position: absolute; top: 10.7rem; right: 4rem; margin-left: 0; }
  .section5 .text_wrap{ left: 4rem; }
  .section5 .research_slider .slick-arrow{ left: -37rem;}
  .section5 .research_slider .slick-next{ left: -29.2rem;}
}

@media(max-width: 1459px){
#visual .desc{ width: 100%; padding-right: 23rem; }
#visual .desc strong{ font-size: 4.5rem; line-height: 6.5rem; }
.section5 .article_tit{ font-size: 5rem; }
.section5 .txt_wrap{ left: -25rem; width: 30rem;}
.section5 .layout {padding-left: 8rem;}
.section5 .research_slider .slick-arrow {left: -31rem;}
.section5 .research_slider .slick-next {left: -23.2rem; }
}

@media(max-width: 1279px){
#header,
#header.fixed{ position: relative; }
#visual .desc strong{ display: block; margin-bottom: 2rem; font-size: 4rem; line-height: 5rem; }
.main_wrap{ padding-top: 0; }
#header #hnb .lang a, 
#header #hnb .lang a { color: #A0A0A0; }
#hnb .lang a:first-child:after{ background-color: #A0A0A0; }
.section6 .typing_wrap{ padding: 6rem 13rem; }
.section6 .typing{ line-height: 4rem; }
}

@media(max-width: 1130px){
.section5 .research_slider .item .inner {padding-top: 4rem;}	
.section5 .research_slider .item .inner .title {line-height: 1.2; font-size: 2.2rem;}
.section5 .research_slider .item:hover .inner .desc, .section5 .research_slider .slick-current + .slick-slide .inner .desc {margin-top: 3rem;}
}
@media(max-width: 1023px){
#visual{ height: 45rem; }
#visual .layout{ top: 5rem; margin-top: 0; }
#visual .desc{ padding-right: 0; }
#visual .visual_link > a{ position: static; display: inline-block; width: 19rem; height: 15rem; font-size: 2.4rem; padding: 2rem;}
#visual .visual_link .more{ bottom: 2rem; left: 2rem;}
.section1 { margin-bottom: 4rem; }
.section1 .layout{ padding: 4rem 2rem; }
.news_slider .slick-dots{ top: -4.2rem; right: 9rem; }
#news{ float: none; margin-bottom: 4rem; }
#popupzone{ position: static; width: 100%; padding-top: 2rem; }
.popupzone-slider{ height: auto; }
.section2{ background-color: #E30A17; }
#news .more:before,
.section2:before,
#report .more:before { display: none; }
.section2 .layout{ padding: 2rem; }
.section4 .layout{ text-align: center; }
.section4 .en_tit{ margin: 0 auto 2rem; }
.section4 .article_txt{ float: none; display: block; max-width: none; }
.section4 .article_txt:after{ display: none; }
.section4 .article_tit{ float: none; display: block; margin-bottom: 2rem; }
.section5 .layout{ left: 0; margin-left: 0; padding: 4rem; }
.section5 .txt_wrap{ position: static; width: 100%; margin-bottom: 2rem; }
.section5 .article_tit{ font-size: 4.3rem; line-height: 4.3rem; text-align: center; }
.section5 .article_txt{ font-size: 2rem; line-height: 3rem; text-align: center; margin-bottom: 2rem; }
.section5 .article_txt br{ display: none; }
.section5 .research_slider{ max-width: 38rem; margin: 0 auto; }
.section5 .research_slider.slick-slider .slick-track{ padding-top: 0; }
.section5 .research_slider .slick-current + .slick-slide{ margin-top: 0; }
.section5 .research_slider .slick-current + .slick-slide .inner{ box-shadow: none }
.section5 .research_slider .slick-current .inner{ background-position: top; }
.section5 .research_slider .slick-current .inner .desc{ opacity: 1; margin-top: 7.2rem;  }
.section5 .research_slider .slick-current .inner:before{background-color: rgba(0,0,0,0.5); }
.section5 .research_slider .slick-arrow{ top: 19rem; left: -7rem; }
.section5 .research_slider .slick-next{ left: auto; right: -7rem; }
}

@media(max-width: 767px){
  #visual .layout{ top: 7rem; padding: 2rem;}
  #visual .desc{ padding-left: 2rem; }
  #visual .desc strong { font-size: 3rem; line-height: 4rem; letter-spacing: -0.1rem; }
  #visual .visual_link > a{ width: 16rem; font-size: 1.8rem; line-height: 3rem; }
  #news .board{ width: 100%; margin-left: 0; }
  .section .layout{ padding: 4rem 2rem; }
  #report ul li{ float: none; width: 100%; margin-left: 0; }
  #report:before{ display: none; }
  #report ul li .date{ padding: .8rem 1.9rem .6rem; }
  .section4 .article_tit{ float: none; display: block; margin-bottom: 2rem; font-size: 5rem; }
  .section4 .article_tit .line{ width: 10rem; height: 3rem; margin-right: 1rem; }
  .section4 .article_txt{ float: none; }
  .section5 .article_txt { font-size: 2.5rem; line-height: 3.5rem; letter-spacing: -0.2rem; }
  .section6 .typing_wrap .inner:before{ left: -2rem; }
  .section6 .typing_wrap .inner:after{ right: -2rem; }
  .section6 .typing{ font-size: 2.5rem; letter-spacing: -0.2rem; }
  .section6 .typing_wrap{ padding: 6rem }
}

@media(max-width: 479px){
  #visual .desc strong { font-size: 2rem; line-height: 3rem; }
  .section5 .research_slider{ max-width: 28rem; }
  .section5 .research_slider .slick-arrow{ left: -6rem; }
  .section5 .research_slider .slick-next{ right: -6rem; }
  .section6 .typing{ font-size: 2rem; }
}