@charset "utf-8";

.about_visual .visual_area{position:absolute; top:-8%; left:50%; width:2800px; transform:rotate(-25deg) translate(-50%,-50%); -webkit-transform:rotate(-25deg) translate(-50%,-50%); -ms-transform:rotate(-25deg) translate(-50%,-50%); z-index:1;}
.about_visual .visual_area .text_wrap{margin-bottom:53px;}
.about_visual .visual_area .text_wrap .png_text{display:inline-block;width:100%;height:100%;} 
.about_visual .visual_area .text_wrap.text_line01 .png_text{background: url('/static/images/pc/about/img_about_top_visual_text_line01_bg.jpg') no-repeat center; background-size:100% 100%;}
.about_visual .visual_area .text_wrap.text_line02 .png_text{background: url('/static/images/pc/about/img_about_top_visual_text_line02_bg.jpg') no-repeat center; background-size:100% 100%;}
.about_visual .visual_area .text_wrap.text_line03 .png_text{background: url('/static/images/pc/about/img_about_top_visual_text_line03_bg.jpg') no-repeat center; background-size:100% 100%;}
.about_visual .visual_area .text_wrap.text_line03 .move_text{position:relative;}
.about_visual .visual_area .text_wrap .png_text .move_text{display:inline-block;position:relative;margin:-1px 0;}
.about_visual .visual_area .text_wrap .png_text .move_text:after,
.about_visual .visual_area .text_wrap .png_text .move_text:before{content:'';display:block;position:absolute;top:0;width:200vw;height:100%;background:#fff;}
.about_visual .visual_area .text_wrap .png_text .move_text:after{right:1px;transform: translateX(100%); -webkit-transform:translateX(100%); -ms-transform:translateX(100%);}
.about_visual .visual_area .text_wrap .png_text .move_text:before{left:1px;transform: translateX(-100%); -webkit-transform:translateX(-100%); -ms-transform:translateX(-100%);}
.about_visual .visual_area .text_wrap .png_text .move_text img{width:100%;}
.about_visual .visual_area .text_wrap.text_line01 .png_text .move_text{left:19.7%; width:1040px;}
.about_visual .visual_area .text_wrap.text_line02 .png_text .move_text{left:44.2%; width:1003px;}
.about_visual .visual_area .text_wrap.text_line03 .png_text .move_text{left:11%; width:1444px;}
.about_visual .visual_area .text_wrap.text_line03 .png_text .move_text .creator_img{position:absolute;left:32%;top:-51px; width:355px; height:auto; transition: all 1s; -webkit-transition: all 1s; -ms-transition: all 1s;}
.about_visual .visual_area .text_wrap.text_line03 .png_text .move_text .creator_img:hover{transform: rotate(-5deg);-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg); }
.about_visual .visual_area .text_wrap.text_line03 .desc_type01{position:absolute; right:3.5%; bottom:-62%; font-family:'Eina03-SemiBold'; font-size:26px; line-height:30px; color:#aaa; letter-spacing:-0.025em; text-transform:uppercase; z-index:1;}
.about_visual .visual_area .text_wrap.text_line03 .desc_type01 .bul{display:inline-block; width:20px; height:20px; margin-left:5px; background:#fff700; border-radius:50%;}
.about_visual .philo_cont {position:relative; max-width:1840px; margin:0 auto; padding:1048px 160px 0; text-align: right; box-sizing: border-box;}
.about_visual .philo_cont .philo_inner{display:inline-block; width:450px; text-align:left; margin-right:50px;}
.about_visual .philo_cont .philo_inner .tit{display:block; margin-bottom:25px; font-family:'Eina03-Bold'; font-size:18px;}
.about_visual .philo_cont .philo_inner .desc{font-family:'Noto Sans KR';font-weight:700; font-size:34px; line-height:50px; letter-spacing: -0.025em;}
.about_visual .fixed_wrap{position:relative;width:100%;min-width:1024px; overflow: hidden;}
.about_visual.fixed .fixed_wrap{position:fixed;top:0;}
.about_visual.fixed-end .fixed_wrap{position: absolute; top: auto; bottom: 0;}

.about_value{padding-top:112px;}
.about_value .inner_wrap{padding:0 160px;}
.about_value .value_cont{width:100%; box-sizing:border-box; margin:0 auto;}
.about_value .value_cont .tit{display:block; font-family:'Eina03-Bold'; font-size:16px; padding-top:27px; border-top:1px solid #000;}
.about_value .value_cont .desc{font-family:'Eina03-SemiBold'; font-size:106px; line-height:116px; text-transform: uppercase; margin: 93px 0 0 -6px; letter-spacing: -0.03em;}

.about_video{position:relative; width:100%; height:580px; margin-top:65px;}
.about_video video{width:100%; height:auto; position:relative; top:0; transform:translateY(-10%); -ms-transform:translateY(-10%); -webkit-transform:translateY(-10%);}
.about_video .video_text{position:absolute; right:40px; top:39px; font-family:'Eina03-Regular'; font-size:14px; color:#fff; text-transform:uppercase; letter-spacing:-0.025em;}
.about_video .video_text span{font-family:'Eina03-Bold';}

.about_history .gradient_background video{width:100%; height:auto; position:relative; top:50%; left:0; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.about_history.fixed{z-index:1;}
.about_history .fixed_wrap{position:relative;width:100%;min-width:1024px; overflow: hidden; background:#000;}
.about_history.fixed .fixed_wrap{position:fixed;top:0;}
.about_history.fixed-end .fixed_wrap{position: absolute; top: auto; bottom: 0;}
.about_history .fixed_wrap:after,
.about_history .inner_move_wrap:after{content:''; display:block; clear:both;}
.about_history .cover_wrap{position:relative; float:left; width:100%; height:100vh;}
.about_history .cover_wrap .cover{position:relative; width:100%; height:100%; min-height:860px; background:#fff; transition:color .5s, background .5s; -webkit-transition:color .5s, background .5s; -ms-transition:color .5s, background .5s;}
.about_history.fixed .cover_wrap .cover{width:100%;}
.about_history .cover_wrap .section_tit{max-width:1840px; margin:0 auto;}
.about_history .cover_wrap .section_tit strong{display:block; padding:160px 0 0 30px; font-family:'Eina03-SemiBold'; font-size:120px; letter-spacing:-0.035em;}
.about_history .cover_wrap .section_tit span{display:block; padding: 18px 0 0 40px; font-family:'Eina03-Regular'; font-size:14px; letter-spacing:-0.02em;}
.about_history .cover_wrap .inner_bottom{position:absolute; bottom:60px; right:60px; width:445px;}
.about_history .cover_wrap .inner_bottom .tit{display:block; margin-bottom:25px; font-family:'Eina03-Bold'; font-size:18px;}
.about_history .cover_wrap .inner_bottom .desc{font-family:'Noto Sans KR';font-weight:700; font-size:28px; line-height:38px; letter-spacing:-0.025em;}
.about_history .cover_wrap .scroll_guide{position: absolute; top:50%; right:40px;}
.about_history .cover_wrap .scroll_guide a{display:block; width:55px; height:55px; background:url('/static/images/pc/ico_scroll_guide.png') no-repeat center right; background-size:100%; text-indent:-9999%; font-size:1px; color:transparent;}
.about_history .cover_wrap .cover.change{background:#ccc; color:#fff;}
.about_history .years_wrap{float:left; width:auto; height:100vh;}
.about_history .years_wrap:after{content:'';display:block;clear:both;}
.about_history .years_wrap .year_section{float:left;position:relative;width:420px;height:100%;padding:55px 47px;box-sizing:border-box;}
.about_history .years_wrap .year_section .ani_bg{display:block;position:absolute;left:0;bottom:0;width:100%;z-index:1;}
.about_history .years_wrap .year_section:before {clear:both;display:block;content:'';position:absolute;top:0;left:0;right:0;bottom:0;opacity:0.55;}
.about_history .years_wrap .year_section:nth-of-type(6n-5):before {background:#ff5c5e;}
.about_history .years_wrap .year_section:nth-of-type(6n-5) .ani_bg{background:#007a88;}
.about_history .years_wrap .year_section:nth-of-type(6n-4):before {background:#ff7800;}
.about_history .years_wrap .year_section:nth-of-type(6n-4) .ani_bg{background:#a62871;}
.about_history .years_wrap .year_section:nth-of-type(6n-3):before {background:#34c1b3;}
.about_history .years_wrap .year_section:nth-of-type(6n-3) .ani_bg{background:#48ddad;}
.about_history .years_wrap .year_section:nth-of-type(6n-2):before {background:#3ca1ff;}
.about_history .years_wrap .year_section:nth-of-type(6n-2) .ani_bg{background:#007eff;}
.about_history .years_wrap .year_section:nth-of-type(6n-1):before {background:#8338fd;}
.about_history .years_wrap .year_section:nth-of-type(6n-1) .ani_bg{background:#b000e0;}
.about_history .years_wrap .year_section:nth-of-type(6n):before {background:#ffcc00;}
.about_history .years_wrap .year_section:nth-of-type(6n) .ani_bg{background:#ff7800;}

.about_history .years_wrap .year_tit{position:relative;font-family:'NeueHaasUnica-Medium';font-size:74px;color:#fff;letter-spacing:-0.07em;z-index:2;}
.about_history .years_wrap .month_list{position:absolute;bottom:40px;left:50px;width:100%;padding:0 50px;box-sizing:border-box;margin-left:-50px;color:#fff;z-index: 2;}
.about_history .years_wrap .month_list .month{display:block;font-family:'Eina03-SemiBold'; font-size:20px;margin-bottom:10px;}
.about_history .years_wrap .month_list > li{margin-top:45px;}
.about_history .years_wrap .month_list .history_list li{margin-top:20px;font-family:'Noto Sans KR';font-weight:500; font-size:18px; line-height:24px; word-break: keep-all;}
.about_history .years_wrap .month_list .history_list li:nth-child(1){margin-top:0; }


@media screen and (max-width:1600px){
    .about_visual .visual_area{width:156.250vw;top:-3.8%;}
    .about_visual .visual_area .text_wrap.text_line01 .png_text .move_text{left:16.7%; width:65vw;}
    .about_visual .visual_area .text_wrap.text_line02 .png_text .move_text{width:62.6875vw;}
    .about_visual .visual_area .text_wrap.text_line03 .png_text .move_text{left:7%; width:90.2500vw;}
    .about_visual .visual_area .text_wrap.text_line03 .png_text .move_text .creator_img{width:22.188vw;}
    .about_visual .visual_area .text_wrap.text_line03 .desc_type01{font-size:1.625vw;line-height:1.875vw;}
    .about_visual .visual_area .text_wrap.text_line03 .desc_type01 .bul{width:1.250vw; height:1.250vw;}
    .about_visual .philo_cont{padding-top:65.500vw;}
    .about_value .value_cont .desc{margin-top:5.183vw; font-size: 6.625vw;line-height:7.250vw;}
}

@media screen and (max-width:1440px){
    .about_visual .philo_cont{padding-top:70.500vw;}
    .about_visual .philo_cont .philo_inner{margin-right:3.125vw;}
}

@media screen and (max-height: 1000px) {
.about_history .years_wrap .month_list > li {margin-top:25px;}
.about_history .years_wrap .month_list .history_list li{margin-top:10px;}
}

/* EN */
.en .about_visual .philo_cont .philo_inner .desc{font-family:'NeueHaasUnica-Medium'; font-size:38px; line-height:44px;}
.en .about_history .cover_wrap .inner_bottom .desc{font-family:'NeueHaasUnica-Medium'; font-size:30px; line-height: 34px;}
.en .about_history .years_wrap .month_list .month{font-family:'Eina03-Bold'; font-size:18px;}
.en .about_history .years_wrap .month_list .history_list li{font-family:'NeueHaasUnica-Regualr'; font-size:16px; line-height:20px;}

/* CN */
.zh .about_visual .philo_cont{padding-top:1080px;} 
.zh .about_visual .philo_cont .philo_inner .desc{font-family: 'NotoSansCJKkr-Bold'; font-weight:bold;}
.zh .about_history .cover_wrap .inner_bottom .desc{font-family: 'NotoSansCJKkr-Bold'; font-weight:bold;}
.zh .about_history .years_wrap .month_list .history_list li{font-family:'NotoSansCJKkr-Medium'; font-weight:600; word-break:normal;}