@charset "utf-8";

.section_bg_wrap { position: absolute; left:0; bottom:0; height: calc(100% - 26px); background-color: #f0eff8; }
.main_canvas_guide { opacity: 0; }
#mainCanvas { position: absolute; top: 0; left: calc(50% + 39px); transform: translateX(-50%) scale(1); transform-origin: center top; width: 100%; }

.main_intro_video_con { padding:56.25% 0 0 0; position:relative; margin-bottom:-32px; }

/* section */
.section .section_sub_title{font-size:16px; font-size:1.6rem; line-height:22px; line-height:2.2rem; letter-spacing: 0.015em; font-weight: 500; color:#000; display: none;}

.section.website {  }
.section.website .btn_style_4_con .btn_style_4.type_lg,
.section.platform .btn_style_4_con .btn_style_4.type_lg { transform: scale(0.85); }
.website_list_wrap { margin-top: 39px; }
.website_list_wrap .website_list{text-align: center;}
.website_list_wrap .section_desc { box-sizing: border-box; max-width: 780px; float: none; overflow:hidden; margin-left: auto; margin-right: auto; }
.website_list_con .img_box{ margin-bottom: 22px; }
.website_list_con .img_box img{width: 112px;}
.website_list_con .text_box{}

/* ymg - 스크롤 위치에 따라 trans_color 클래스로 section_typo_title,desc의 color 조절 */
.section_typo_title { font-size: 53px; font-size: 5.3rem; line-height: 61px; line-height: 6.1rem; font-weight: 700; letter-spacing: -0.02em; color: #fff; transition: color .3s;}
[data-aos^=fade][data-aos^=fade][class*=section_typo] { transition-property: opacity, transform, color; }
.section_typo_title.trans_color { color: rgba(125, 108, 255, 0.5); }
.section_typo_title.type_op { color: rgba(125, 108, 255, 0.5); }
.section_typo_title.type_op.trans_color { /*color: #fff;*/ }
.section_typo_title.type_op > span { color: inherit; }
.section_typo_title.type_op.trans_color > span { color: #fff; transition: color .3s;}
.section_typo_title.type_op.trans_color > span:nth-child(2) { transition-delay: .2s; }
.section_typo_title.type_op.trans_color > span:nth-child(3) { transition-delay: .4s; }
.section_typo_title.type_op.trans_color > span:nth-child(4) { transition-delay: .6s; }
.section_typo_desc { font-size: 22px; font-size: 2.2rem; line-height: 34px; line-height: 3.4rem; letter-spacing: -0.02em; font-weight: 700; color: #fff; transition: color .3s;}
.section_typo_desc.trans_color { color: rgba(125, 108, 255, 0.5); }

.section.design .section_inner { background-image: url("../img/main_design_section_bg_m.jpg"); background-position: left top; background-size: cover; background-repeat: no-repeat; /*background-attachment: fixed; */}
.section.design .web_img { display: none; }
.section.design .theme_intro_wrap .theme_intro_wrap_inner { max-width: 2200px; overflow: hidden; float: none; margin-right: auto; margin-left: auto; }
.section.design .theme_intro_wrap .text_box { padding-top: 297px; padding-bottom: 670px; }
.section.design .theme_floating_symbol { position: absolute; top: -230px; left: 50%; transform: translate3d(-50%,60px,0); width: 808px; height: 1053px; z-index: 2; }
.section.design .theme_floating_symbol[data-aos=zoom-out-down] { transform: translate3d(-50%,60px,0) scale(0.75); }
.section.design .theme_floating_symbol[data-aos=zoom-out-down].aos-animate { transform: translate3d(-50%,0,0) scale(0.5); }
.section.design .theme_floating_tablet { position: absolute; top: 660px; left: 50%; width: 1036px; height: 1384px; z-index: 1; transform-origin: center top; }
.section.design .theme_floating_tablet[data-aos^=fade][data-aos^=fade] { transform: translate3d(-50%,20%,0) scale(0.3); }
.section.design .theme_floating_tablet[data-aos^=fade][data-aos^=fade].aos-animate { transform: translate3d(-50%,0,0) scale(0.3); }
.section.design .theme_floating_tablet .theme_slide_con { display: flex; position: absolute; top: 16px; left: 16px; background-color: #000; width: 1004px; height: 1368px; overflow: hidden; z-index: -1; border-radius: 40px; box-shadow: 100px 100px 150px rgba(0,0,0,0.3); }
.section.design .theme_floating_tablet .theme_slide_con .theme_slide_box { transition-timing-function: ease-out; }
.section.design .block_floating_symbol { position: absolute; top: 100px; left: 50%; width: 1195px; height: 1093px; z-index: 2; transform-origin: center top; }
.section.design .block_floating_symbol[data-aos=zoom-out-down] { transform: translate3d(-50%,-60px,0) scale(0.65); }
.section.design .block_floating_symbol[data-aos=zoom-out-down].aos-animate { transform: translate3d(-50%,0,0) scale(0.4); }
.section.design .floating_btn { position: absolute; left: 50%; width: 350px; height: 350px; z-index: 1; cursor: pointer; border-radius: 50%; overflow: hidden; box-shadow: 100px 100px 150px rgba(0,0,0,0.3); background-color: #8aedff; transition: background-color .2s, opacity .4s, transform .4s; transform-origin: center;}
.section.design .floating_btn:hover { background-color: #fff; }
.section.design .floating_btn.theme[data-aos^=fade][data-aos^=fade] { bottom: -100px; transform: translate3d(-50%,60px,0) scale(0.45);}
.section.design .floating_btn.theme[data-aos^=fade][data-aos^=fade].aos-animate { transform: translate3d(-50%,0,0) scale(0.45); }
.section.design .floating_btn.block[data-aos^=fade][data-aos^=fade] { bottom: 0; transform: translate3d(-50%,60px,0) scale(0.45);}
.section.design .floating_btn.block[data-aos^=fade][data-aos^=fade].aos-animate { transform: translate3d(-50%,0,0) scale(0.45); }
.section.design .floating_btn > a { display: inline-block; font-size:60px; font-size:6.0rem; line-height:66px; line-height:6.6rem; letter-spacing: -0.02em; font-weight: 700; color: #453fe8; padding: 109px 69px; box-sizing : border-box; }

.section.design .block_intro_wrap { margin-bottom: -60px; }
.section.design .block_intro_wrap .text_box { padding-top: 390px; padding-bottom: 50px; }
.section.design .block_intro_text_con { max-width: 2200px; overflow: hidden; float: none; margin-right: auto; margin-left: auto; }

/*.section.design .theme_intro_wrap { perspective: 1px; transform-style: preserve-3d; }*/


.block_intro_thumb_con{padding-left: 20px; padding-right: 20px; max-width: 2500px; overflow: hidden; float: none; margin: 0 auto; padding-bottom: 30px;}
.block_intro_thumb_con .block_intro_thumb_list{background-color: transparent; width: calc(100% + 20px); margin-left: -20px; margin-bottom: -20px;}
.block_intro_thumb_con .block_intro_thumb_list .block_intro_thumb{padding-left: 20px; padding-bottom: 20px;}
.block_intro_thumb_con .block_intro_thumb_list .block_intro_thumb img { width: 100%; }

.section .intro_title img { width: 106px; }
.section .intro_title { max-width: 2920px; overflow: hidden; float: none; margin-left: auto; margin-right: auto; font-size:25px; font-size:2.5rem; line-height:31px; line-height:3.1rem; letter-spacing: -0.02em; font-weight: 800; color: #453fe8; }

.section.platform { padding-top: 105px; }
.section.platform .img_box { width: 2097px; height: 1111px; left: 50%; transform: scale(0.3) translateX(-50%); transform-origin: center top; margin-bottom: -660px; }
.section.platform .img_box .img_box_inner { position: absolute; transform: translateX(-112%); width: 2097px; height: 1111px; }
.section.platform .img_box .img_box_inner img { backface-visibility: hidden; }
.section.platform .platform_character_wrap { max-width: 2800px; overflow: hidden; float: none; margin-left: auto; margin-right: auto; }
.section.platform .guide { opacity: 0; }
.section.platform .platform_img_bg { position: absolute; top: 0px; left: 202px; }
.section.platform .platform_img_bg .platform_web_img { position: absolute; top: 0; left: 0; }
.section.platform .platform_img_bg .platform_web_img[data-aos=fade-right] { transform: translate3d(-300px,0,0); }
.section.platform .platform_img_bg .platform_web_img[data-aos^=fade][data-aos^=fade].aos-animate { opacity: 1; transform: translateZ(0); }
.section.platform .platform_img_bg .platform_mobile_img { position: absolute; top: 106px; left: 1489px; }
.section.platform .platform_img_bg .platform_mobile_img[data-aos=fade-left] { transform: translate3d(150px,0,0); }
.section.platform .platform_img_bg .platform_mobile_img[data-aos^=fade][data-aos^=fade].aos-animate { opacity: 1; transform: translateZ(0); }
.section.platform .platform_character_con { position: absolute; top: 333px; left: 302px; z-index: 1; }
.section.platform .platform_character_con > div { position: absolute; top: 0; }
.section.platform .platform_character_con .character { display: block; }
.section.platform .platform_character_con .name { font-size:50px; font-size:5.0rem; line-height:56px; line-height:5.6rem; letter-spacing: -0.02em; font-weight: 800; text-align: center; }
.section.platform .platform_character_con .shadow { position: absolute; max-width: none; z-index: -1;}
.section.platform .platform_character_con .role_arrow { position: absolute; opacity: 0; transition: transform .4s, opacity .4s;  }
.section.platform .platform_character_con .role_arrow.fade_right { transform: translate3d(-60px,0,0) scale(1.2); }
.section.platform .platform_character_con .role_arrow.fade_left { transform: translate3d(60px,0,0) scale(1.2); }
.section.platform .platform_character_con .aos-animate .role_arrow { opacity: 1; transform: translateZ(0) scale(1.2); }
.section.platform .platform_character_con .service_arrow { position: absolute; top: 0; }
.section.platform .platform_character_con .service_arrow .service_title { font-size:37px; font-size:3.7rem; line-height:44px; line-height:4.4rem; letter-spacing: -0.0em; font-weight: 800; color: #453fe8; margin-top: 19px;}
.section.platform .platform_character_con .service_arrow .service_title img { backface-visibility: visible; }
.section.platform .platform_character_con .artist { left: 0; }
.section.platform .platform_character_con .artist .shadow { top: 180px; left: 140px; }
.section.platform .platform_character_con .artist .character { margin-bottom: 54px; }
.section.platform .platform_character_con .artist .name { color: #22b9e1; }
.section.platform .platform_character_con .weven { left: 524px; }
.section.platform .platform_character_con .weven .shadow { top: 199px; left: 96px; }
.section.platform .platform_character_con .weven .character { margin-bottom: 55px; }
.section.platform .platform_character_con .weven .name > span { color: #453fe8;}
.section.platform .platform_character_con .weven .name .service_arrow.left { left: 0; transform: translateX(-60%); }
.section.platform .platform_character_con .weven .name .service_arrow.right { right: 0; transform: translateX(60%); }
.section.platform .platform_character_con .weven .name .service_arrow.right > img { transform: rotate(180deg); }
.section.platform .platform_character_con .weven .role_arrow { width: 400px; height: 90px; top: 441px; left: -297px; z-index: 1; }
.section.platform .platform_character_con .weven.aos-animate .role_arrow { transition-delay: 0.9s; }
.section.platform .platform_character_con .weven .role_arrow.receive { width: 322px; top: 320px; left: -182px; z-index: 1; }
.section.platform .platform_character_con .weven.aos-animate .role_arrow.receive { transition-delay: 0.3s; }
.section.platform .platform_character_con .customer { left: 1051px; }
.section.platform .platform_character_con .customer .shadow { top: 119px; left: 56px; }
.section.platform .platform_character_con .customer .character { margin-bottom: 51px; }
.section.platform .platform_character_con .customer .name { color: #f68b8b; }
.section.platform .platform_character_con .customer .role_arrow { width: 321px; height: 90px; top: 320px; left: -280px; z-index: 1; }
.section.platform .platform_character_con .customer.aos-animate  .role_arrow { transition-delay: 0.6s; }

.section.feature .feature_bg_wrap { position: absolute; top: 0; left: 0; z-index: -1; font-size:0px; font-size:0rem; line-height:0px; line-height:0.0rem; display: flex; flex-direction: column; width: 100%; height: 100%; }
.section.feature .feature_bg_wrap .bg_pattern { flex: 1 0 auto; }
.section.feature .feature_intro_wrap { padding-top: 60px; }
.section.feature .feature_intro_wrap .feature_list_wrap { padding-left: 30px; padding-right: 30px; float: none; margin-right: auto; margin-left: auto; overflow: hidden; }
.section.feature .feature_intro_wrap .feature_list_con { display: flex; flex-wrap: wrap; margin-bottom: -50px; padding-bottom: 70px;}
.section.feature .feature_intro_wrap .feature_list { margin-bottom: 50px; }
.section.feature .feature_intro_wrap .feature_list:nth-child(2n) { padding-left: 10px;  }
.section.feature .feature_intro_wrap .feature_list:nth-child(2n+1) { padding-right: 10px; }
.section.feature .feature_intro_wrap .feature_list .img_box { margin-bottom: 20px; }
.section.feature .feature_intro_wrap .feature_list .img_box img { width: 80px; }
.section.feature .feature_intro_wrap .feature_list .title { font-size:24px; font-size:2.4rem; line-height:30px; line-height:3.0rem; font-weight: 700; letter-spacing: -0.02em; color: #fff; margin-bottom: 6px; }
.section.feature .feature_intro_wrap .feature_list .desc { font-size:15px; font-size:1.5rem; line-height:23px; line-height:2.3rem; font-weight: 400; letter-spacing: -0.02em; color: #fff; word-break: keep-all; }

@media all and (min-width: 768px) {
    #mainCanvas { left: calc(50% + 60px); transform: translateX(-50%) scale(0.9); }
    .main_intro_video_con { margin-bottom: -2px; }

    .section.platform .platform_character_con .weven .role_arrow { top: 451px; }
    .section.platform .platform_character_con .weven .role_arrow.receive { top: 350px; }
    .section.platform .platform_character_con .customer .role_arrow { top: 350px; }
    .section.platform .platform_character_con .service_arrow .service_title { font-size:26px; font-size:2.6rem; line-height:35px; line-height:3.5rem; margin-top: 6px; }
}

@media all and (min-width: 992px) {

    .section .section_sub_title{font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; font-weight: 700; display: block; }
    [data-wv-os="Mac"] .section .section_sub_title { font-weight: 500; }

    .section.website .btn_style_4_con .btn_style_4.type_lg,
    .section.platform .btn_style_4_con .btn_style_4.type_lg { transform: scale(1); }

    .section_typo_title { font-size: 100px; font-size: 10rem; line-height: 107px; line-height: 10.7rem; }
    .section_typo_desc { font-size:36px; font-size:3.6rem; line-height:46px; line-height:4.6rem; }

    .website_list_wrap { margin-top: 0px; }
    .website_list_wrap .section_desc{ max-width:740px;}

    .website_list_con .img_box { margin-bottom: 35px; }
    .website_list_con .img_box img { width: 157px; }

    .section.design .section_inner { background-image: url("../img/main_design_section_bg.jpg"); }
    .section.design .web_img { display: inline-block; }
    .section.design .mobile_img { display: none; }
    .section.design .theme_intro_wrap .text_box { padding-top: 187px; padding-bottom: 510px; }

    .section.design [class*=floating_symbol][data-aos=zoom-out-down] { transition-property: none; }
    .section.design [class*=floating_symbol][data-aos=zoom-out-down].aos-animate { transition-property: opacity, transform;}
    .section.design .theme_floating_symbol[data-aos=zoom-out-down] { top: -271px; transform: translate3d(-50%,-60px,0) scale(1); }
    .section.design .theme_floating_symbol[data-aos=zoom-out-down].aos-animate { transform: translate3d(-50%,0,0) scale(0.75); }

    .section.design .theme_floating_tablet { left: 64%; width: 1474px; height: 1938px; transform-origin: center; }
    .section.design .theme_floating_tablet[data-aos^=fade][data-aos^=fade] { top: -175px; left: 29%; transform: translate3d(0,30%,0) scale(0.5); }
    .section.design .theme_floating_tablet[data-aos^=fade][data-aos^=fade].aos-animate { transform: translateZ(0) scale(0.5); }
    .section.design .theme_floating_tablet .theme_slide_con { height: 1357px; border-radius: 20px; box-shadow: none;}
    .section.design .floating_btn { left: 50px; }
    .section.design .floating_btn.theme[data-aos^=fade][data-aos^=fade] { top: 1079px; transform: translate3d(0,60px,0) scale(0.65);}
    .section.design .floating_btn.theme[data-aos^=fade][data-aos^=fade].aos-animate { transform: translateZ(0) scale(0.65); }

    .section.design .block_intro_wrap { margin-bottom: -90px; }
    .section.design .block_intro_wrap .text_box { padding-top: 0; padding-bottom: 100px;}

    .section.design .floating_btn.block[data-aos^=fade][data-aos^=fade] { transform: translate3d(0,60px,0) scale(0.65);}
    .section.design .floating_btn.block[data-aos^=fade][data-aos^=fade].aos-animate { transform: translateZ(0) scale(0.65); }
    .section.design .block_floating_symbol { width: 747px; transform-origin: center; }
    .section.design .block_floating_symbol[data-aos=zoom-out-down] { top: -480px; left: 52%; transform: translate3d(0,-60px,0) scale(0.81); }
    .section.design .block_floating_symbol[data-aos=zoom-out-down].aos-animate { transform: translateZ(0) scale(0.56); }

    .block_intro_thumb_con{padding-left: 40px; padding-right: 40px; padding-bottom: 0; }
    .block_intro_thumb_con .block_intro_thumb_list{width: calc(100% + 40px); margin-left: -40px; margin-bottom: -40px;}
    .block_intro_thumb_con .block_intro_thumb_list .block_intro_thumb{padding-left: 40px; padding-bottom: 40px;}

    .section .intro_title { font-size:32px; font-size:3.2rem; line-height:38px; line-height:3.8rem; }
    .section .intro_title img { width: 126px; margin-top: 1px;}
    .section .intro_title span { margin-left: 5px; }

    .section.platform { padding-top: 235px; }

    .section.platform .img_box { transform: scale(0.6) translateX(-50%); margin-bottom: -300px; }
    .section.platform .img_box .img_box_inner { transform: translateX(-31.7%); }
    .section.platform .platform_character_con .role_arrow.fade_left { transform: translate3d(60px,0,0) scale(1); }
    .section.platform .platform_character_con .role_arrow.fade_right { transform: translate3d(-60px,0,0) scale(1); }
    .section.platform .platform_character_con .aos-animate .role_arrow { transform: translateZ(0) scale(1); }

    .section.feature .feature_intro_wrap { padding-top: 90px; }
    .section.feature .feature_intro_wrap .feature_list_wrap { padding-left: 90px; padding-right: 90px; }
    .section.feature .feature_intro_wrap .feature_list_con { margin-bottom: -69px; padding-bottom: 150px; }
    .section.feature .feature_intro_wrap .feature_list { margin-bottom: 69px; }
    .section.feature .feature_intro_wrap .feature_list:nth-child(2n) { padding-left: 20px; padding-right: 20px; }
    .section.feature .feature_intro_wrap .feature_list:nth-child(2n+1) { padding-left: 20px; padding-right: 20px; }
    .section.feature .feature_intro_wrap .feature_list .img_box { margin-bottom: 32px; }
    .section.feature .feature_intro_wrap .feature_list .img_box img { width: 110px; }
    .section.feature .feature_intro_wrap .feature_list .title { font-size: 40px; font-size: 4.0rem; line-height: 46px; line-height: 4.6rem; margin-bottom: 14px; }
    .section.feature .feature_intro_wrap .feature_list .desc { font-size:18px; font-size:1.8rem; line-height:26px; line-height:2.6rem; }
}

@media all and (min-width: 1200px) {
    #mainCanvas { transform: translateX(-50%) scale(0.85); }

    .section.design .floating_btn { left: 100px; }

    .section.feature .feature_intro_wrap .feature_list_wrap { max-width: 1600px; padding-left: 180px; padding-right: 180px; }

    /*.block_intro_thumb_con{padding-left: 55px; padding-right: 55px;}*/
    /*.block_intro_thumb_con .block_intro_thumb_list{width: calc(100% + 55px); margin-left: -55px; margin-bottom: -45px;}*/
    /*.block_intro_thumb_con .block_intro_thumb_list .block_intro_thumb{padding-left: 50px; padding-bottom: 50px;}*/
}

@media all and (min-width: 1250px) {
    .section.design .theme_floating_tablet[data-aos^=fade][data-aos^=fade] { top: -102px; left: 32%; transform: translate3d(0,30%,0) scale(0.57); }
    .section.design .theme_floating_tablet[data-aos^=fade][data-aos^=fade].aos-animate { transform: translateZ(0) scale(0.57); }
}

@media all and (min-width: 1400px) {
    .section.design .theme_floating_tablet[data-aos^=fade][data-aos^=fade] { top: -81px; transform: translate3d(0,30%,0) scale(0.6); }
    .section.design .theme_floating_tablet[data-aos^=fade][data-aos^=fade].aos-animate { transform: translateZ(0) scale(0.6); }


    .section.platform .img_box { transform: scale(0.7) translateX(-50%); margin-bottom: -181px; }
    .section.platform .img_box .img_box_inner { transform: translateX(-19.7%); }

    .section.feature .feature_intro_wrap .feature_list_con { margin-bottom: -79px; padding-bottom: 180px; }
    .section.feature .feature_intro_wrap .feature_list { margin-bottom: 79px; }
    .section.feature .feature_intro_wrap .feature_list .img_box { margin-bottom: 43px; }
    .section.feature .feature_intro_wrap .feature_list .img_box img { width: 130px; }
    .section.feature .feature_intro_wrap .feature_list .title { font-size:47px; font-size:4.7rem; line-height:53px; line-height:5.3rem; margin-bottom: 17px; }
    .section.feature .feature_intro_wrap .feature_list .desc { font-size:22px; font-size:2.2rem; line-height:32px; line-height:3.2rem;  }
}

@media all and (min-width: 1600px) {
    br.hidden-1600 { display: none; }

    .section.design .theme_intro_wrap .text_box { padding-bottom: 570px; }

    .section.design .theme_floating_tablet[data-aos^=fade][data-aos^=fade] { top: -36px; left: 35%; transform: translate3d(0,30%, 0) scale(0.65); }
    .section.design .theme_floating_tablet[data-aos^=fade][data-aos^=fade].aos-animate { transform: translateZ(0) scale(0.65); }

    .section.design .block_floating_symbol[data-aos=zoom-out-down] { top: -430px; left: 57%; }

    .section.design .floating_btn.theme[data-aos^=fade][data-aos^=fade] { top: 999px; }
}

@media all and (min-width: 1800px) {
    #mainCanvas { transform: translateX(-50%) scale(0.9); }

    .section.website > div { margin-bottom: 115px; }

    .website_list_wrap { margin-bottom: 35px; }
    .website_list_con .img_box { margin-bottom: 42px; }
    .website_list_con .img_box img { width: 192px; }

    .section_typo_title { font-size: 112px; font-size: 11.2rem; line-height: 119px; line-height: 11.9rem; }
    .section_typo_desc { font-size:39px; font-size:3.9rem; line-height:48px; line-height:4.8rem; }

    .section.design .theme_intro_wrap .theme_intro_wrap_inner { max-width: 2270px; }
    .section.design .theme_intro_wrap .theme_intro_wrap_inner > div { padding-left: 170px; }
    .section.design .theme_intro_wrap .text_box { padding-top: 207px; }
    .section.design .theme_floating_symbol[data-aos=zoom-out-down] { transform: translate3d(-50%,-60px,0) scale(1.05); }
    .section.design .theme_floating_symbol[data-aos=zoom-out-down].aos-animate { transform: translate3d(-50%,0,0) scale(0.8); }

    .section.design .theme_floating_tablet[data-aos^=fade][data-aos^=fade] { top: 83px; left: 41%; transform: translate3d(0,30%,0) scale(0.75);}
    .section.design .theme_floating_tablet[data-aos^=fade][data-aos^=fade].aos-animate { transform: translateZ(0) scale(0.75); }

    .section.design .floating_btn { left: 180px; }
    .section.design .floating_btn.theme[data-aos^=fade][data-aos^=fade] { top: 1119px; transform: translate3d(0,60px,0) scale(0.8); }
    .section.design .floating_btn.theme[data-aos^=fade][data-aos^=fade].aos-animate { transform: translateZ(0) scale(0.8); }

    .section.design .theme_intro_wrap .text_box { padding-bottom: 620px; }

    .section.design .block_floating_symbol[data-aos=zoom-out-down] { top: -350px; left: 60%; transform: translate3d(0,-60px,0) scale(0.85); }
    .section.design .block_floating_symbol[data-aos=zoom-out-down].aos-animate { transform: translateZ(0) scale(0.6); }

    .section.design .block_intro_text_con { max-width: 2270px; }
    .section.design .block_intro_text_con > div { padding-left: 170px; }

    .section.design .floating_btn.block[data-aos^=fade][data-aos^=fade] { transform: translate3d(0,60px,0) scale(0.8); }
    .section.design .floating_btn.block[data-aos^=fade][data-aos^=fade].aos-animate { transform: translateZ(0) scale(0.8); }

    .section.platform .img_box { margin-bottom: -175px; }

    .section.feature .feature_intro_wrap { padding-top: 100px; }
    .section.feature .feature_intro_wrap .feature_list_wrap { max-width: 1450px; padding-left: 160px; padding-right: 160px; }
    .section.feature .feature_intro_wrap .feature_list_con { margin-bottom: -101px; }
    .section.feature .feature_intro_wrap .feature_list { margin-bottom: 101px; }
    .section.feature .feature_intro_wrap .feature_list .img_box img { width: 150px; }
    .section.feature .feature_intro_wrap .feature_list .title { font-size:49px; font-size:4.9rem; line-height:55px; line-height:5.5rem; margin-bottom: 15px; }
    .section.feature .feature_intro_wrap .feature_list .desc { font-size:22px; font-size:2.2rem; line-height:34px; line-height:3.4rem; }
}

@media all and (min-width: 1920px) {
    /*.block_intro_thumb_con { padding-left: 87px; padding-right: 87px; }*/
    /*.block_intro_thumb_con .block_intro_thumb_list { width: calc(100% + 87px); margin-left: -87px; }*/
    /*.block_intro_thumb_con .block_intro_thumb_list .block_intro_thumb { padding-left: 87px; }*/
}

@media all and (min-width: 2000px) {
    .section.design .theme_floating_tablet[data-aos^=fade][data-aos^=fade] { transform: translate3d(0,30%,0) scale(0.8);}
    .section.design .theme_floating_tablet[data-aos^=fade][data-aos^=fade].aos-animate { transform: translateZ(0) scale(0.8); }
}

@media all and (min-width: 2200px) {
    #mainCanvas { transform: translateX(-50%) scale(0.92); }

    .section.website > div { margin-bottom: 135px; }

    .section.design .theme_intro_wrap .theme_intro_wrap_inner { max-width: 2370px; }
    .section.design .theme_intro_wrap .theme_intro_wrap_inner > div { padding-left: 270px; }

    .section_typo_title { font-size: 128px; font-size: 12.8rem; line-height: 134px; line-height: 13.4rem; }
    .section_typo_desc { font-size:44px; font-size:4.4rem; line-height:53px; line-height:5.3rem; }

    .section.design .theme_floating_symbol[data-aos=zoom-out-down] { top: -251px; transform: translate3d(-50%,60px,0) scale(1.15) }
    .section.design .theme_floating_symbol[data-aos=zoom-out-down].aos-animate { transform: translate3d(-50%,0,0) scale(0.9); }

    .section.design .theme_floating_tablet[data-aos^=fade][data-aos^=fade] { top: 226px; left: 48%; transform: translate3d(0,30%,0) scale(0.9);}
    .section.design .theme_floating_tablet[data-aos^=fade][data-aos^=fade].aos-animate { transform: translateZ(0) scale(0.9); }

    .section.design .floating_btn { left: 280px; }
    .section.design .floating_btn.theme[data-aos^=fade][data-aos^=fade] { top: 1228px; }

    .section.design .block_intro_text_con { max-width: 2370px; }
    .section.design .block_intro_text_con > div { padding-left: 270px; }

    .section.design .theme_intro_wrap .text_box { padding-bottom: 660px; }
    .section.design .block_floating_symbol[data-aos=zoom-out-down] { top: -248px; left: 63%; transform: translate3d(0,60px,0) scale(0.95) }
    .section.design .block_floating_symbol[data-aos=zoom-out-down].aos-animate { transform: translateZ(0) scale(0.7); }

    /*.block_intro_thumb_con{padding-left: 100px; padding-right: 100px;}*/
    /*.block_intro_thumb_con .block_intro_thumb_list{width: calc(100% + 100px); margin-left: -100px;}*/
    /*.block_intro_thumb_con .block_intro_thumb_list .block_intro_thumb{padding-left: 100px;}*/

    .section.platform .img_box { transform: scale(0.8) translateX(-50%); margin-bottom: -90px; }
    .section.platform .img_box .img_box_inner { transform: translateX(-10.6%); }

    .section.feature .feature_intro_wrap { padding-top: 120px; }
    .section.feature .feature_intro_wrap .feature_list_wrap { max-width: 1570px; }
    .section.feature .feature_intro_wrap .feature_list_con { padding-bottom: 200px; }
    .section.feature .feature_intro_wrap .feature_list .img_box { margin-bottom: 51px; }
    .section.feature .feature_intro_wrap .feature_list .img_box img { width: 160px; }
    .section.feature .feature_intro_wrap .feature_list .title { font-size: 59px; font-size: 5.9rem; line-height: 65px; line-height: 6.5rem; }
    .section.feature .feature_intro_wrap .feature_list .desc { font-size:24px; font-size:2.4rem; line-height:37px; line-height:3.7rem; }
}

@media all and (min-width: 2370px) {
    .section.design .floating_btn { left: calc((100% - 1800px ) / 2); }
}

@media all and (min-width: 2500px) {
    .section.website .section_title { margin-bottom: 18px; }
    .section.website > div { margin-bottom: 85px; }

    .section.design .theme_intro_wrap .text_box { padding-top: 269px; }

    .section.design .theme_floating_symbol[data-aos=zoom-out-down] { top: -204px; transform: translate3d(-50%,60px,0) scale(1.25) }
    .section.design .theme_floating_symbol[data-aos=zoom-out-down].aos-animate { transform: translate3d(-50%,0,0) scale(1); }

    .section.design .theme_floating_tablet[data-aos^=fade][data-aos^=fade] { top: 426px; left: 51.4%; transform: translate3d(0,30%,0) scale(1);}
    .section.design .theme_floating_tablet[data-aos^=fade][data-aos^=fade].aos-animate { transform: translateZ(0) scale(1); }

    .section.design .floating_btn.theme[data-aos^=fade][data-aos^=fade] { top: 1360px; transform: translate3d(0,60px,0) scale(0.9); }
    .section.design .floating_btn.theme[data-aos^=fade][data-aos^=fade].aos-animate { transform: translateZ(0) scale(0.9); }

    .section.design .theme_intro_wrap .text_box { padding-bottom: 830px; }
    .section.design .block_floating_symbol[data-aos=zoom-out-down] { top: -188px; left: 65%; transform: translate3d(0,60px,0) scale(1.05) }
    .section.design .block_floating_symbol[data-aos=zoom-out-down].aos-animate { transform: translateZ(0) scale(0.8); }

    .section.design .floating_btn.block[data-aos^=fade][data-aos^=fade] { transform: translate3d(0,60px,0) scale(0.9); }
    .section.design .floating_btn.block[data-aos^=fade][data-aos^=fade].aos-animate { transform: translateZ(0) scale(0.9); }

    .section .intro_title { font-size:49px; font-size:4.9rem; line-height:55px; line-height:5.5rem; }
    .section .intro_title img { width: 216px; }

    /*.block_intro_thumb_con .block_intro_thumb_list{ margin-bottom: -55px;}*/
    /*.block_intro_thumb_con .block_intro_thumb_list .block_intro_thumb{ padding-bottom: 55px;}*/

    .section.platform .img_box { transform: scale(1) translateX(-50%); margin-bottom: 180px; }
    .section.platform .img_box .img_box_inner { transform: translateX(1.7%); }

    /*.section.feature .feature_intro_wrap .feature_list_wrap { max-width: 1870px; }
    .section.feature .feature_intro_wrap .feature_list_con { margin-bottom: -121px; padding-bottom: 220px; }
    .section.feature .feature_intro_wrap .feature_list { margin-bottom: 121px; }
    .section.feature .feature_intro_wrap .feature_list .img_box { margin-bottom: 54px; }
    .section.feature .feature_intro_wrap .feature_list .img_box img { width: 170px; }
    .section.feature .feature_intro_wrap .feature_list .title { font-size: 68px; font-size: 6.8rem; line-height: 74px; line-height: 7.4rem; }
    .section.feature .feature_intro_wrap .feature_list .desc { font-size:27px; font-size:2.7rem; line-height:39px; line-height:3.9rem; }*/
}