.header{position: fixed;top:0;left:50%;width:1720px;transform: translateX(-50%);height:150px;z-index: 10;transform-origin: top center;}
.header .bg_circle{position:absolute;top:74px;right:0px;border-radius:50%;width:76px;height:76px;background:#54dd90;transition: transform  0.5s; z-index: 1;}
.header .header_inner{position:relative;width:1720px;margin:auto;padding-top:74px;transform-origin: top center;z-index: 5;}
.header .header_inner .header_top{position: relative; z-index: 2}
.header h1{height:30px;}
.header h1 > a img.act {display: none;}
.header h1 > a img.de {display: block;}
.header h1 > a.on img.act {display: block;}
.header h1 > a.on img.de {display: none;}
.header .bt_menu{position:absolute;top:0;right:0;;background: #54dd90;border-radius: 50%;width:76px;height:76px;text-align: center;padding-top:12px;}
.header .bt_menu.on{background: #000;}
.header .bt_menu.on span{background: #54dd90;}
.header .bt_menu span{position:absolute;left:18px;background: #000;width:41px;height:6px;transition: all 0.5s;}
.header .bt_menu span:nth-child(1){top:25px;}
.header .bt_menu span:nth-child(2){top:45px;}
.header .gnb_wrap{position:absolute;right:0;top:0;width:0;overflow: hidden;opacity: 1;transition: all 0.2s;}
.header .gnb_wrap .gnb li.active a::before{position:absolute;bottom:20px;left:0;height:2px;width:0;background-color:#fff; content: ""; transition: all 0.5s;}
.header .gnb_wrap .gnb li.active a{color:#fff}
.header .gnb_wrap .gnb li.active a::before{width:100%;}

.header.active {height:100%;}
.header.active .bg_circle{transform: scale(130,130);transition: transform 1s;}
.header.active .header_inner{}
.header.active h1{background: url('../images/logo_black.png') no-repeat;width:182px;height:30px;transition: all 0.5s; transform-origin: top left}
.header.active h1 img{opacity: 0 }
.header.active .bt_menu{position:absolute;top:0;right:0;;background:#000;}
.header.active .bt_menu span{background:#54dd90}
.header.active .bt_menu span:nth-child(1){top:48%;transform: rotate( 45deg );}
.header.active .bt_menu span:nth-child(2){top:48%;transform: rotate( -45deg);}
.header.active .gnb_wrap{position: absolute;width:100%;height:100%;top:190px;opacity: 1;z-index: 5}

.header.active .gnb_wrap .gnb_wrap_inner{position: relative;width:1720px;height:calc( 100% - 190px );margin:auto;transform-origin: top center}
.header .gnb_wrap .gnb{position: relative;padding-left:300px;letter-spacing: -2px;}
.header .gnb_wrap .gnb li{margin-bottom: 10px;}
.header .gnb_wrap .gnb li a{position:relative;font-family: 'SUIT', sans-serif;font-weight: 600; font-size:128px;font-weight: 500; transition: all 0.5s;}
.header .gnb_wrap .gnb li a::before{position:absolute;bottom:20px;left:0;height:2px;width:0;background-color:#fff;content: ""; transition: all 0.5s;}
.header .gnb_wrap .gnb li a:hover{color:#fff}
.header .gnb_wrap .gnb li a:hover::before{width:100%;}
/*.header .gnb_wrap .down_wrap{position: absolute;top:570px;right:100px}*/
.header .down_wrap{position: absolute;right:20px;bottom:114px;height:50px;;display: flex;justify-content: flex-end;}
.header .down_wrap ul{display: flex;flex-wrap: nowrap}
.header .down_wrap a{font-size:25px;}
.header .down_wrap .down_en li{position:relative; margin-left:25px;width:206px;height:100px;text-align:center;}
.header .down_wrap .down_en li>a{display:inline-block;width:206px;height:49px;border:2px solid #000;line-height: 47px;text-align: center;border-radius: 30px;transition: all 0.3s}
.header .down_wrap .down_en li>a span{padding-right:30px;background: url('../images/menu/icon_down_black.png') no-repeat center right;}
.header .down_wrap .down_en li:hover>a{}
.header .down_wrap .down_en li:hover>a {color:#54dd90;background:#000; }
.header .down_wrap .down_en li:hover>a span{ background: url('../images/menu/icon_down_green.png') no-repeat center right;}
.header .down_wrap .down_file {position:absolute;left:0;top:49px;width:100%; margin-top: 14px;display: none}
.header .down_wrap .down_en li:hover .down_file{display: flex;}
.header .down_wrap .down_file .bt{position: relative; border:2px solid #000;;width:98px;height:49px;line-height: 47px;text-align: center;background-color:#54dd90;border-radius: 30px;transition: all 0.3s}
.header .down_wrap .down_file .bt p{position:  absolute; width: 120%; left: 50%; bottom: -26px; transform: translateX(-50%);display:none;line-height: 1;height:1;}
.header .down_wrap .down_file .bt:hover p{display: block;}
.header .down_wrap .down_file .bt:nth-child(2){margin-left:3px;}
.header .down_wrap .down_file .bt a{color:#000; padding-right:30px;background: url('../images/menu/icon_down_black.png') no-repeat center right;}
.header .down_wrap .down_file .bt:hover{background:#000;}
.header .down_wrap .down_file .bt:hover a{color:#54dd90; background: url('../images/menu/icon_down_green.png') no-repeat center right;}
.header .gnb_wrap .valing_text{position: absolute;top:420px;left:0;}
/*dotlab*/
.pc #circle_cursor {display: inline-block;}
.pc #circle_cursor > div {border-width: 14px !important; border-color: #49f394;}
   
.section0{position: sticky; position: -webkit-sticky; top: 0; height: 100vh;  display: flex;  align-items: center;    justify-content: center;background: #000;z-index:10}
.section0 .cont {}
.section0 .cont .dotlab_text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:750px;height:185px;}
.section0 .cont .dotlab_text path {transform-origin: center left; }
.section0 .scroll_down{position: absolute;bottom:50px;left:0;width:100%;text-align: center;opacity: 0;z-index: 4}
.section0 .scroll_down p:first-child{margin-bottom: 15px;}
/*section1 marketing is data*/
.section1{position:relative;background:#f5f5f5;z-index: 5}
.section1 .cont .progress_shape{position: absolute;top:121px;left:986px;}
.section1 .cont .progress_shape .shape_box{position: relative;width:215px;height: 216px;overflow: hidden;}
.section1 .cont .main_text .txt_marketing{position: absolute;top:260px;left:243px;z-index: 2}
.section1 .cont .main_text .txt_is{position: absolute;top:456px;left:244px}
.section1 .cont .main_text .txt_data{position: absolute;top:438px;left:410px}
.section1 .cont .side_text {position:absolute;top:202px;left:0;}
.section1 .cont .side_text .txt_small {position:relative;margin-bottom:18px;}
.section1 .cont .text_box{position: absolute;top:650px;right:90px}
.section1 .cont .text_box .text_line{position: relative;margin-top: 25px;height: 38px;width:100%;text-align: center;line-height: 38px;font-size:27px;font-weight: 600;}
.section1 .cont .text_box .text_line img{vertical-align: middle}
.section1 .cont .text_box .text_line span{position: absolute;top:0;left:0;width:0;height:100%;background-color:#54dd90;z-index: -1}
.page_number{position: absolute;bottom:45px;left:50%;transform: translateX(-50%);font-family:'SUIT', sans-serif;font-weight: 600;font-size:21px;transform-origin: bottom center; }
.page_number.sty1 {color: #fff;}
.page_number.step1 {}
.page_number.step2 {display: none;}
.page_number.step3 {display: none;}


/*section2 TFT*/
.section2{background: #f5f5f5;z-index: 4}
.section2 .main_text .txt_is_data{opacity: 0}
.section2 .main_text .txt_is{position: absolute;top:395px;left:242px;;z-index: 2}
.section2 .main_text .txt_data{position: absolute;top:179px;left:410px;;z-index: 2}
.section2 .cont .txt_tft{position: absolute;top:360px;left:410px;width:1280px;height:116px;display: flex;justify-content:flex-start;align-items:flex-end;z-index: 2}
.section2 .cont .txt_tft .txt_motion{display: flex;align-items: flex-end;margin-right:20px;}
.section2 .cont .txt_tft .txt_motion .txt_first{}
.section2 .cont .txt_tft .txt_motion .txt_last{overflow: hidden}
.section2 .cont .txt_tft .txt_motion:nth-child(1) .txt_last{width:262px;max-width:262px;}
.section2 .cont .txt_tft .txt_motion:nth-child(2) .txt_last{width:337px;max-width:337px}
.section2 .cont .txt_tft .txt_motion:nth-child(3) .txt_last{width:343px;max-width:343px}
.section2 .cont .txt_tft .txt_motion.on .txt_last{width:0;transition: all  0.5s;}

.section2 .progress_shape{position: absolute;top:105px;left:232px;}
.section2 .progress_shape .shape_box{position: relative;width:215px;height: 216px;overflow: hidden;margin-top:-4px;transform-origin: top left;}
.section2 .cont .side_text {position:absolute;top:647px;right:0;width:120px;text-align: right}
.section2 .cont .side_text .txt_small {position:relative;height:38px; margin-bottom:16px;line-height:40px; height:40px;}

.section2 .cont .text_box{position: absolute;top:617px;left:0px}
.section2 .cont .text_box .text_line{position: relative;margin-top: 25px;height: 38px;width:100%;text-align: center;line-height: 38px;font-size:27px;font-weight: 600;}
.section2 .cont .text_box .text_line img{vertical-align: middle}
.section2 .cont .text_box .text_line span{position: absolute;top:0;left:0;width:100%;height:100%;background-color:#54dd90;z-index: -1}

/*section3 plan*/
.section3{background: #f5f5f5;z-index: 3}
/*.section3 .main_text{position: absolute;top:180px;left:246px;z-index: 2}*/
.section3 .main_text .txt_tft{position: absolute;top:270px;;left:430px;height:116px;display: flex;justify-content:flex-start;align-items:flex-end}
.section3 .main_text .txt_tft .txt_motion{display: flex;align-items: flex-end;margin-right:30px;}
.section3 .main_text .txt_is{position: absolute;top:457px;left:685px;}
.section3 .main_text .txt_plan{position: absolute;top:436px;left:852px;z-index: 2}

.section3 .progress_shape{position: absolute;top:217px;left:1349px;}
.section3 .progress_shape .shape_box{position: absolute;left:-214px;bottom:1px;;width:215px;height: 215px;overflow: hidden;}
/*.section3 .progress_shape .shape_box svg{transform: rotate(-90deg);   transform-origin: top right;}*/
.section3 .cont .side_text {position:absolute;top:166px;left:0;width:120px;text-align: left}
.section3 .cont .side_text .txt_small {position:relative;height:38px; margin-bottom:16px;line-height:40px; height:40px;}
.section3 .cont .text_box{position: absolute;top:540px;left:0px}
.section3 .cont .text_box .text_line{position: relative;margin-top: 25px;height: 38px;width:100%;text-align: center;line-height: 38px;font-size:27px;font-weight: 600;}
.section3 .cont .text_box .text_line img{vertical-align: middle}
.section3 .cont .text_box .text_line span{position: absolute;top:0;left:0;width:100%;height:100%;background-color:#54dd90;z-index: -1}

/*section4 dot*/
.section4{background: #f5f5f5;z-index: 2;overflow: hidden}
/*.section3 .main_text{position: absolute;top:180px;left:246px;z-index: 2}*/
.section4 .main_text .txt_is{position: absolute;top:425px;left:664px;}
.section4 .main_text .txt_plan{position: absolute;top:230px;left:830px;}
.section4 .main_text .txt_dot{position: absolute;top:410px;left:830px;display: flex;}
.section4 .main_text .txt_dot .txt{margin-right:10px;opacity: 0}
.section4 .progress_shape{position: absolute;top:169px;left:220px;}
.section4 .progress_shape .shape_box{position: absolute;left:0;top:1px;width:215px;height: 216px;overflow: hidden; transform: rotate(90deg);}
/*.section3 .progress_shape .shape_box svg{transform: rotate(-90deg);   transform-origin: top right;}*/
.section4 .progress_shape .bg_circle{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);width:420px;height:420px;background:#54dd90;border-radius: 50%;z-index: 5;opacity: 0}
.section4 .cont .side_text {position:absolute;top:223px;right:0;width:120px;text-align: right}
.section4 .cont .side_text .txt_small {position:relative;height:38px; margin-bottom:16px;line-height:40px; height:40px}
.section4 .cont .text_box{position: absolute;top:610px;right:0px}
.section4 .cont .text_box .text_line{position: relative;margin-top: 25px;height: 38px;width:100%;text-align: center;line-height: 38px;font-size:27px;font-weight: 600;}
.section4 .cont .text_box .text_line span{position: absolute;top:0;left:0;width:100%;height:100%;background-color:#54dd90;z-index: -1}
/*section5 dot is lab*/
.section5{background-color: #54dd90; overflow: hidden;}
.section5 .main_text {position: absolute;top:50%;left:0;width:100%;transform:translateY(-50%);display: flex;    justify-content: center;    align-items:baseline;opacity: 0}
.section5 .main_text .txt_dot{position: absolute;top:50%;left:350px;transform:translateY(-50%)}
.section5 .main_text .txt_is{position: absolute;top:50%;;left:830px;padding-top:20px; transform:translateY(-50%)}
.section5 .main_text .txt_lab{position: absolute;top:50%;left:1007px;transform: translateY(-50%)}
/*section6 광고설계는 시작부터*/
.section5.bg_green{background-color: #54dd90}
.section5.bg_dark{background-color: #000000; }
.section5 .main_text2 {display: none; position:absolute;top:50%;transform: translateY(-50%);left:0;width:100%;text-align:  center;}
.section5 .main_text2 .txt_box1{display:none;}
.section5 .main_text2 .txt_box2{display: none; margin-top:25px;}
/*section7 dot lab motio.*/
.section5 .main_text3{position:absolute;top:50%;transform: translateY(-50%);left:0;width:100%;text-align:  center;opacity: 0;text-align: center; }
.dotlab_motion{ height:100%;display: flex;justify-content: center;align-items: center;}
.dotlab_motion .txt_dot{display: flex;justify-content: center;align-items: center;}
.dotlab_motion img.de {display: block;}
.dotlab_motion img.act {display: none;}
.dotlab_motion.on2{}
/* .dotlab_motion.on2 .txt_dot .txt_o .o_shape {left: 124px;} */
.dotlab_motion.on2 img.de {display: none;}
.dotlab_motion.on2 img.act {display: block;}
.dotlab_motion .txt_dot .txt_o{position:relative;height:138px;width:138px;border-radius: 70px;background-color: #000;margin:0 5px; z-index: -1; }
.dotlab_motion .txt_dot .txt_o .o_shape{position:absolute;top:22px;left:23px; width:92px;height:92px;border-radius: 50%;background-color:#54dd90; transition: all 0.3s;}
.dotlab_motion .txt_dot .txt_o .ar{position:absolute;top:40px;right:24px;width:87px;height:56px;background:url('../images/part7/icon_arrow.png') no-repeat;opacity: 0; animation: loop 1.1s infinite; annimation-timing-function: ease-in; background-size: 100% 100%;}
.dotlab_motion .txt_lab {margin-left:30px;} 
.bt_text_inner {display: block; text-align: center; vertical-align: top; font-size:0; margin-top: 55px;}
.bt_text_inner .ad_txt {display: inline-block;}
.dotlab_motion .txt_dot .txt_o.add_motion1 {}
.dotlab_motion .txt_dot .txt_o.add_motion1 {width:241px;transition: all 0.5s;}
.dotlab_motion .txt_dot .txt_o.add_motion2 .o_shape{left:124px; transition: all 0.3s ease-in; }
.dotlab_motion.on2 .txt_dot .txt_o { background-color: #54dd90; transition: none;}
.dotlab_motion.on2 .txt_dot .txt_o .o_shape {background-color: #000; transition: none;}
/*section8 work*/
.section8{background-color: #000000;overflow: hidden;z-index: 5}
/*.section8 .main_text3{position:absolute;top:50%;transform: translateY(-50%);left:0;width:100%;text-align:  center;text-align: center; }
.section8 .main_text3 .dotlab_motion img.de {display: none;}
.section8 .main_text3 .dotlab_motion img.act {display: block;}
.section8 .main_text3 .dotlab_motion .txt_dot .ar {display: none;}
.section8 .main_text3 .dotlab_motion .txt_dot .txt_o{width:280px;}

.section8 .main_text3 .dotlab_motion .txt_dot .txt_o { background-color: #54dd90}
.section8 .main_text3 .dotlab_motion .txt_dot .txt_o.add_motion1 {width:240px;}
.section8 .main_text3 .dotlab_motion .txt_dot .txt_o.add_motion1 .ar{left:128px;opacity: 0;}
.section8 .main_text3 .dotlab_motion .txt_dot .txt_o.add_motion2 .o_shape{left:123px;}*/
.section8 .cont3{position: absolute;top:0;left:0;width:100%;height:100%;}
.section8 .sec8_roll{position:absolute; top: 50%;left:50%;transform: translate(-50%, -50%);width:500%;opacity: 0.6; width: 50%;height:90%;text-align: center}
.section8 .sec8_roll img{max-width:100%;max-height:100%}
.section8 .moveLeft{position: absolute;left:100%;top:50%;transform: translateY(-50%);width:100%;}
.section8 .moveLeft::after{position: absolute;right:0;top:0;width:20%;height:100%;display: block;content: ""; background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);}
.section8 .moveLeft::before{position: absolute;left:0;top:0;width:20%;height:100%;display: block;content: "";background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);z-index:2}
.section8 .slideWrap{position:relative;;}
.section8 .slideWrap .pannel{text-align: center;opacity: 1}
.section8 .slideWrap .pannel img{width:100%}
.section8 .slideWrap .pannel.slick-center{opacity: 1}
.dot_wrap {position: absolute; left: 50%; bottom: -50px; max-width: 600px;width:80%; height: 5px; background-color: #979797; border-radius: 15px; transform: translateX(-50%); vertical-align: top; font-size: 0; overflow: hidden;}
.dot_wrap > li {display: inline-block; width: 6.6666%; height: 100%;}
.dot_wrap > li > a.act {display: block; width: 100%; height: 100%; background-color: #54dd90;}
.ar_wrap{background:red;}
.ar_wrap a{position:absolute;top:50%;transform: translateY(-50%);display:block;width:90px;height:90px;background:rgba(255,255,255,0.2);border-radius: 50%;z-index: 5}
.ar_wrap a:hover{position:absolute;display:block;width:90px;height:90px;background:rgba(255,255,255,0.4);border-radius: 50%;z-index:5}
.ar_wrap a img{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%)}
.ar_wrap .ar_left{position: absolute;left:5%;}
.ar_wrap .ar_right{position: absolute;right:5%;}

/*section9 partner*/
.section9{background-color: #000000}
.section9 .cont{height:980px;text-align: center}
.section9 .tit{padding-top:70px;}
.section9 .s_tit{padding-top:35px;}
.section9 .partner_list{position:relative;padding-top:60px;width:1620px;margin:auto;display: flex;flex-wrap: wrap;justify-content: space-between}
.section9 .partner_list li{margin-bottom: 20px;}
.section9 .page_number{position: absolute;bottom:30px;left:50%;transform: translateX(-50%);font-family:'SUIT', sans-serif;font-weight: 600;font-size:21px; }

/*sectoion10 contact*/
.section10{background-color: #54dd90}
.section10 .tit{padding-top:190px;}
.section10 .email{padding-top:120px;}
.section10 .address{padding-top:55px;}
.section10 .go_top{position: absolute;right:0;bottom:43px;transform-origin: right bottom;z-index:10;}
.section10 .right_txt{position: absolute;right:0;top:178px;}
.section10 .footer{position: absolute;left:0;bottom: 0;width:100%;background-color: #000;height:26px;}
.section10 .footer .footer_inner{position:relative;width:90%; max-width:1720px;margin:auto;padding-top:6px;}
.section10 .drop_box_wrap{position: absolute;bottom:0;right:140px;width:640px;height:547px;transform-origin: bottom right;z-index: 5;}
.section10 .drop_box_wrap .dropbox{position: absolute;}
.section10 .drop_box_wrap .dropbox:hover{animation: vibration 0.1s infinite;}
.section10 .drop_box_wrap .dropbox1{left:65px;bottom:0}
.section10 .drop_box_wrap .dropbox2{left:0;top:184px}
.section10 .drop_box_wrap .dropbox3{left:232px;top:301px}
.section10 .drop_box_wrap .dropbox4{left:292px;top:139px}
.section10 .drop_box_wrap .dropbox5{left:25px;top:4px}

@keyframes vibration {
  from {
    transform: rotate(1deg);
  }
  to {
    transform: rotate(-1.5deg);
  }
}

@keyframes loop{
    0%{
    	width:87px;
    }
    50%{
    	width:80px;
    }
    100%{
        width:87px;    
    }
}


/*mobile*/
/*section0 dotlab*/
.pc_show{display: block}
.m_show{display: none}
.mobile {cursor: inherit !important;}
.mobile *{cursor: inherit !important;}
.mobile #circle_cursor {display: none;}
.mobile .m_show{display: block}
.mobile .pc_show{display: none}
.mobile .section0{background: #000;}

.mobile .section0 .cont .dotlab_text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:79.03%;height:auto; transform-origin: left center;}
.mobile .section0 .cont .dotlab_text path {transform-origin: center left; transition: all 0.3s;}

/*section1 marketing is data*/
.mobile .section1{background:#f5f5f5;}
.mobile .section1 .cont .progress_shape{position: absolute;top:702px;left:290px;}
.mobile .section1 .cont .progress_shape .shape_box{position: relative;}
.mobile .section1 .cont .progress_shape .shape_box svg{width:142px;height: 142px;}
.mobile .section1 .cont .main_text .txt_marketing{position: absolute; width: 583px; top:515px; left: 50px;z-index: 2;}
.mobile .section1 .cont .main_text .txt_marketing img{width: 100%; }
.mobile .section1 .cont .main_text .txt_is{position: absolute;top:644px;left:50px; width: 67px; z-index: 2;}
.mobile .section1 .cont .main_text .txt_is img{width:100%;}
.mobile .section1 .cont .main_text .txt_data{position: absolute;top:760px;left:50px; width: 264px; z-index: 2;}
.mobile .section1 .cont .main_text .txt_data img{width:100%}
.mobile .section1 .cont .side_text {position:absolute;top:310px;left:50px;width:171px;}
.mobile .section1 .cont .side_text .txt_small {position:relative; margin-bottom:10px;}

.mobile .section1 .cont .text_box{position: absolute;top : 966px;right:50px; width: 444px;}
.mobile .section1 .cont .text_box img{width: 444px;}
.mobile .section1 .cont .text_box .text_line{position: relative;margin-top: 15px;height: 40px;width:100%;text-align: center;line-height: 38px;font-size: 28px;font-weight: 600;}
.mobile .section1 .cont .text_box .text_line img{vertical-align: middle;height:27px;}
.mobile .section1 .cont .text_box .text_line span{position: absolute;top:0;left:0;width:0;height:100%;background-color:#54dd90;z-index: -1}
.mobile .page_number{position: absolute;bottom: 10px;left:50%;transform: translateX(-50%);font-family:'SUIT', sans-serif;font-weight: 600;}
.mobile .page_number.sty1 {color: #fff;}

/*section2 TFT*/
.mobile .section2{background: #f5f5f5}

.mobile .section2 .cont .txt_tft{position: absolute;top:760px;left:350px; ;height:86px;flex-wrap:nowrap;display: flex;justify-content:flex-start;align-items:flex-end;z-index: 2}
.mobile .section2 .cont .txt_tft img{max-height:86px;}
.mobile .section2 .cont .txt_tft .txt_motion{display: flex;align-items: flex-end;margin-right:13px;}
.mobile .section2 .progress_shape{position: absolute;top:560px; right:46px;left:auto;}
.mobile .section2 .progress_shape .m_svg{width:142px; height:142px}
.mobile .section2 .progress_shape .shape_box{position: relative;width:142px;height: 142px;overflow: hidden;margin-top:-2px;margin-left:1px;transform-origin: top left;}
.mobile .section2 .cont .side_text {position:absolute;top:315px;right:50px;width:123px;text-align: right}

.mobile .section2 .cont .text_box{position: absolute;top:970px;left:50px}
.mobile .section2 .cont .text_box .text_line{position: relative;margin-top: 25px;height: 38px;width:100%;text-align: center;line-height: 38px;font-size:27px;font-weight: 600;}
.mobile .section2 .cont .text_box .text_line img{vertical-align: middle}
.mobile .section2 .cont .text_box .text_line span{position: absolute;top:0;left:0;width:100%;height:100%;background-color:#54dd90;z-index: -1}


/*section3 plan*/
.mobile .section3{background: #f5f5f5}
.mobile .section3 .main_text .txt_is{position: absolute;top:644px;left:290px;width:68px;z-index: 2}
.mobile .section3 .main_text .txt_is img{width:100%;}

.mobile .section3 .main_text .txt_plan{position: absolute;top:754px;left:360px;width:247px;z-index: 2}
.mobile .section3 .main_text img{width:100%}
.mobile .section3 .progress_shape{position: absolute;top:560px;left:200px;width:142px}
.mobile .section3 .progress_shape .shape_box{position: absolute;left:-138px;bottom:0px;;width:141px;height: 141px;}
/*.mobile .section3 .progress_shape .shape_box svg{transform: rotate(-90deg);   transform-origin: top right;}*/
.mobile .section3 .cont .side_text {position:absolute;top:315px;left:50px;text-align: left}
.mobile .section3 .cont .side_text .txt_small {position:relative;height:38px; margin-bottom:16px;line-height:40px; height:40px;padding:0 15px;}
.mobile .section3 .cont .text_box{position: absolute;top:970px;left:auto;right:50px;width: 545px;}
.mobile .section3 .cont .text_box .text_line{position: relative;margin-top: 25px;margin-left:65px;height: 38px;max-width:460px;width:100%;text-align: center;line-height: 38px;font-size:28px;font-weight: 600;}
.mobile .section3 .cont .text_box .text_line img{vertical-align: middle}
.mobile .section3 .cont .text_box .text_line span{position: absolute;top:0;left:0;max-width:460px;width:100%;height:100%;background-color:#54dd90;z-index: -1}

/*section4 dot*/
.mobile .section4{background: #f5f5f5}
/*.section3 .main_text{position: absolute;top:180px;left:246px;z-index: 2}*/
.mobile .section4 .main_text .txt_is{position: absolute;top:644px;right:297px; z-index: 2;}
.mobile .section4 .main_text .txt_plan{position: absolute;top: 414px;right:21px; z-index: 2;}
.mobile .section4 .main_text .txt_dot{position: absolute;top:760px;left:360px;display: flex; z-index: 2;}
.mobile .section4 .main_text .txt_dot img{height:88px;}
.mobile .section4 .main_text .txt_dot .txt{margin-right:10px;}
.mobile .section4 .progress_shape{position: absolute;top:533px;left:50px;width:283px;height:283px;}
.mobile .section4 .progress_shape .shape_box{position: absolute;left:1px;top:0px;width:143px;height: 143px; transform: rotate(90deg);}
/*.section3 .progress_shape .shape_box svg{transform: rotate(-90deg);   transform-origin: top right;}*/
.mobile .section4 .cont .side_text {position:absolute;top:315px;left:50px; width:120px;text-align: left}
.mobile .section4 .cont .side_text .txt_small {position:relative;margin-bottom:16px;}
.mobile .section4 .cont .text_box{position: absolute;top:978px;left:50px;width:530px;}
.mobile .section4 .cont .text_box img{width: 527px;}
.mobile .section4 .cont .text_box .text_line{position: relative;margin-top: 25px;height: 38px;max-width:427px;width:100%;text-align: center;line-height: 40px;font-size:27px;font-weight: 600;}
.mobile .section4 .cont .text_box .text_line img{vertical-align: middle}
.mobile .section4 .cont .text_box .text_line span{position: absolute;top:0;left:0;width:100%;height:100%;background-color:#54dd90;z-index: -1}
/*section5 dot is lab*/
.mobile .section5{background-color: #54dd90; overflow: hidden;}
.mobile .section5.bg_dark{background-color: #000000;}
.mobile .section5 img{width:100%;}
.mobile .section5 .main_text {position: absolute;top:50%;left:0;width:100%;transform:translateY(-50%);display: flex;    justify-content: center;    align-items:baseline;}
.mobile .section5 .main_text .txt_dot{position: absolute;top:50%;left:50px; transform: translateY(-50%); width: 243px;}
.mobile .section5 .main_text .txt_is{position: absolute;top:50%;left:335px ;transform: translateY(-50%); width: 68px;}
.mobile .section5 .main_text .txt_lab{position: absolute;top:50%;left:449px; transform: translateY(-50%); width: 222px;}


/*section6 광고설계는 시작부터*/
.mobile .section5{background-color: #54dd90}
.mobile .section5 .main_text2 {display: none; position:absolute;top:50%;transform: translateY(-50%);left:0;width:100%;text-align:  center;}
.mobile .section5 .main_text2 .txt_box1 img{width: 615px;}
.mobile .section5 .main_text2 .txt_box2{display: none;text-align: center; margin-top:25px;}
.mobile .section5 .main_text2 .txt_box2 img{width: 374px;}

/* .mobile .main_text3{display: none; text-align: center;} */
.mobile .dotlab_motion{position:relative;width: 100%; height:100%;display: block; font-size: 0; vertical-align: top;}
.mobile .dotlab_inner {width: 100%;}
.mobile .dotlab_inner img{height:95px;width:auto;}
.mobile .dotlab_motion .txt_dot{display: inline-block;}
.mobile .dotlab_motion .dotlab_motion img.de {display: none;}
.mobile .dotlab_motion .dotlab_motion img.act {display: block;}
.mobile .dotlab_motion .txt_dot .txt_d {display: inline-block; width: 88px;}
.mobile .dotlab_motion .txt_dot .txt_t {display: inline-block; width: 77px;}
.mobile .dotlab_motion .txt_dot .txt_o{display: inline-block; position:relative;height:95px;width:95px;border-radius: 70px;background-color: #000; margin:0 5px; z-index: -1; }
.mobile .dotlab_motion .txt_dot .txt_o .o_shape{position:absolute;top:15px;left:15px; width:64px;height:64px;border-radius: 50%;background-color:#54dd90; transition: all 0.3s;}
.mobile .dotlab_motion .txt_dot .txt_o .ar{position: absolute;top:27px;left:90px;width:62px;height:41px;background:url('../images/part7/icon_arrow.png') no-repeat;opacity: 0; animation: loop 1.1s infinite; annimation-timing-function: ease-in; background-size: 100% 100%;}
.mobile .dotlab_motion .txt_lab {display: inline-block; width: 254px;} .bt_text_inner {display: block; text-align: center; vertical-align: top; font-size:0; margin-top: 30px;}
.mobile .dotlab_motion .txt_lab {margin-left:15px;}
.mobile .bt_text_inner img{width: 50.69%;}
.mobile .bt_text_inner .ad_txt {width:40%;}
.mobile .bt_text_inner .ad_txt img{width:90%;height:auto}
.mobile .dotlab_motion .txt_dot .txt_o.add_motion1 {width: 170px; transition: all 0.5s;}
.mobile .dotlab_motion .txt_dot .txt_o.add_motion2 .o_shape{left:87px; transition: all 0.3s ease-in;;}
.mobile .dotlab_motion.on2 .txt_dot .ar {display: none;}
.mobile .dotlab_motion.on2 .txt_dot .txt_o { background-color: #54dd90; transition: none;}
.mobile .dotlab_motion.on2 .txt_dot .txt_o .o_shape {background-color: #000; transition: none;}

 /*section8 work*/
.mobile .section8{background-color: #000000;overflow: hidden;z-index: 5}

.mobile .section8 .cont3{position: absolute;top:0;left:0;width:100%;height:100%;}
.mobile .section8 .sec8_roll{position:absolute; top: 50%;left:50%;transform: translate(-50%, -50%);width:110%;opacity: 0.5; height: auto;}
.mobile .section8 .sec8_roll img{width:100%}
.mobile .section8 .moveLeft{position: absolute;left:100%;top:50%;transform: translateY(-50%);width:100%;}
.mobile .section8 .moveLeft::after{display: none;}
.mobile .section8 .moveLeft::before{display: none;;}
.mobile .section8 .slideWrap{}
.mobile .section8 .slideWrap .pannel{text-align: center;opacity: 0.5}
.mobile .section8 .slideWrap .pannel img{width:100%}
.mobile .section8 .slideWrap .pannel.slick-center{opacity: 1}
.mobile .dot_wrap {position: absolute; left: 50%; bottom: -50px; max-width: 600px;width:80%; height: 5px; background-color: #979797; border-radius: 15px; transform: translateX(-50%); vertical-align: top; font-size: 0; overflow: hidden;}
.mobile .dot_wrap > li {display: inline-block; width: 6.6666%; height: 100%;}
.mobile .dot_wrap > li > a.act {display: block; width: 100%; height: 100%; background-color: #54dd90;}
.mobile .ar_wrap{}
.mobile .ar_wrap a:hover{position:absolute;display:block;width:50px;height:50px;background:rgba(255,255,255,0.4);border-radius: 50%;}
.mobile .ar_wrap a{position:absolute;top:50%;transform: translateY(-50%); display:block;width:50px;height:50px;background:rgba(255,255,255,0.2);border-radius: 50%;z-index:5}
.mobile .ar_wrap a img{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);width:30%}
.mobile .ar_wrap .ar_left{position: absolute;left:10px;}
.mobile .ar_wrap .ar_right{position: absolute;right:10px;}


/*section9 partner*/
.mobile .section9{background-color: #000000}
.mobile .section9 .cont{text-align: center}
.mobile .section9 .tit{padding-top:190px;text-align: center;text-align: center;}
.mobile .section9 .tit img{max-width: 500px}
.mobile .section9 .partner_list{position:relative;padding-top:30px;width:560px;margin:auto;display: flex;flex-wrap: wrap;justify-content: space-between}
.mobile .section9 .partner_list li{width:180px;margin-bottom: 10px; width: calc(33.3333% - 10px);}
.mobile .section9 .partner_list li img{width:100%}

/*sectoion10 contact*/
.mobile .section10{background-color: #54dd90}
.mobile .section10 .tit{padding-top:360px;width:540px;margin-left: 50px;}
.mobile .section10 .tit img{width:100%;}
.mobile .section10 .email{padding-top:60px;width:455px;margin-left: 50px;}
.mobile .section10 .email img{width:100%;}
.mobile .section10 .address{padding-top:50px;width:350px;margin-left: 50px;}
.mobile .section10 .address img{width:350px;}
.mobile .section10 .go_top{position: absolute;left:10px;bottom:150px;right:auto;transform-origin: bottom left;}
.mobile .section10 .right_txt{position: absolute;right:0;top:180px; width: 2.78%;}
.mobile .section10 .footer{position: absolute;left:0;bottom: 0;width:100%;background-color: #000;height:40px;line-height: 40px;}
.mobile .section10 .footer .footer_inner{position:relative;width:100%; max-width:100%; padding: 0;margin:auto;padding-left:50px;padding-top:10px;transform-origin: left center;}
.mobile .section10 .footer .footer_inner img {width: 380px}
.mobile .section10 .drop_box_wrap{position: absolute;bottom:40px;right:0;width:640px;height:547px;transform-origin: bottom right;z-index: 5;}
.mobile .section10 .drop_box_wrap .dropbox{position: absolute;}
.mobile .section10 .drop_box_wrap .dropbox:hover{animation: vibration 0.1s infinite;}
.mobile .section10 .drop_box_wrap .dropbox1{left:65px;bottom:0}
.mobile .section10 .drop_box_wrap .dropbox2{left:0;top:184px}
.mobile .section10 .drop_box_wrap .dropbox3{left:232px;top:301px}
.mobile .section10 .drop_box_wrap .dropbox4{left:292px;top:139px}
.mobile .section10 .drop_box_wrap .dropbox5{left:25px;top:4px}

.mobile .header{position: fixed;top:0;left:50%;width:620px;height:110px;z-index: 10;transform-origin: top center;z-index: 10}
.mobile .header .bg_circle{position:absolute;top:47px;right:0;background: #54dd90;border-radius: 50%;width:82px;height:82px;text-align: center;padding-top:0;transition: transform  0.5s;  z-index: 1;}
.mobile .header .header_inner{position:relative;width:100%;margin:auto;padding-top:0;transform-origin: top center;z-index: 5;}
.mobile .header .header_inner .header_top{position: relative; z-index: 2}
.mobile .header h1{width:140px;margin-top:47px;}
.mobile .header h1 > a img.act {display: none;}
.mobile .header h1 > a img.de {display: block;}
.mobile .header h1 > a.on img.act {display: block;}
.mobile .header h1 > a.on img.de {display: none;}
.mobile .header h1 img{width:100%;}
.mobile .header .bt_menu{position:absolute;top:0;right:0;;background: #54dd90;border-radius: 50%;width:82px;height:82px;text-align: center;padding-top:47px;z-index: 10}
.mobile .header .bt_menu.on{background: #000;}
.mobile .header .bt_menu.on span{background: #54dd90;}
.mobile .header .bt_menu span{position:absolute;left:19px;background: #000;width:44px;height:6px;transition: all 0.5s;}
.mobile .header .bt_menu span:nth-child(1){top:25px;}
.mobile .header .bt_menu span:nth-child(2){top:53px;}
.mobile .header .gnb_wrap{position:absolute;right:0;top:0;width:0;overflow: hidden;opacity: 1;transition: all 0.2s;}
.mobile .header .gnb_wrap .gnb li.active a::before{position:absolute;bottom:5px;left:0;height:2px;width:0;background-color:#fff; content: ""; transition: all 0.5s;}
.mobile .header .gnb_wrap .gnb li.active a{color:#fff}
.mobile .header .gnb_wrap .gnb li.active a::before{width:100%;}
.mobile .header.active {height:100%;}
.mobile .header.active .bg_circle{position:absolute;top:47px;right:0;ltransform: scale(130,130);opacity:1;transition: transform  0.5s;}
.mobile .header.active .header_inner{}
.mobile .header.active h1{background: url('../images/logo_black.png') no-repeat;height:100%;width:140px;background-size:100% auto;;transition: all 0.5s; transform-origin: top left}
.mobile .header.active h1 img{opacity: 0 }
.mobile .header.active .bt_menu{position:absolute;top:0;right:0;;background:#000;}
.mobile .header.active .bt_menu span{background:#54dd90}
.mobile .header.active .bt_menu span:nth-child(1){top:48%;transform: rotate( 45deg );}
.mobile .header.active .bt_menu span:nth-child(2){top:48%;transform: rotate( -45deg);}
.mobile .header.active .gnb_wrap{position: absolute;width:100%;height:auto;top:200px;padding-top: 0;; opacity: 1;z-index: 5}
.mobile .header.active .gnb_wrap .gnb_wrap_inner{position: relative;width:100%;height:calc( 100% - 190px );margin:auto;transform-origin: top center}
.mobile .header .gnb_wrap .gnb{position: relative;padding-left:0;letter-spacing: -2px;}
.mobile .header .gnb_wrap .gnb li{margin-bottom: 50px;}
.mobile .header .gnb_wrap .gnb li a{position:relative;font-family: 'SUIT', sans-serif;font-weight: 600; font-size:80px;padding-bottom: 20px;; transition: all 0.5s;}
.mobile .header .gnb_wrap .gnb li a::before{position:absolute;bottom:20px;left:0;height:2px;width:0;background-color:#fff;content: ""; transition: all 0.5s;}
.mobile .header .gnb_wrap .gnb li a:hover{color:#fff}
.mobile .header .gnb_wrap .gnb li a:hover::before{width:100%;}
/*.header .gnb_wrap .down_wrap{position: absolute;top:570px;right:100px}*/
.mobile .header .down_wrap{position: absolute;right:20px;bottom:80px;height:auto;;display: flex;justify-content: flex-end;}
.mobile .header .down_wrap ul{display: block;flex-wrap: nowrap}
.mobile .header .down_wrap a{font-size:25px;}
.mobile .header .down_wrap .down_en li{position:relative; margin-left:25px;width:206px;height:100px;text-align:center;}
.mobile .header .down_wrap .down_en li>a{display:inline-block;width:206px;height:49px;border:2px solid #000;line-height: 47px;text-align: center;border-radius: 30px;transition: all 0.3s}
.mobile .header .down_wrap .down_en li>a span{padding-right:30px;background: url('../images/menu/icon_down_black.png') no-repeat center right;}
.mobile .header .down_wrap .down_en li:hover>a{}
.mobile .header .down_wrap .down_en li:hover>a {color:#54dd90;background:#000; }
.mobile .header .down_wrap .down_en li:hover>a span{ background: url('../images/menu/icon_down_green.png') no-repeat center right;}
.mobile .header .down_wrap .down_file {position:absolute;left:-220px;;top:0;width:220px; margin-top: 0;display: none}
.mobile .header .down_wrap .down_en li:hover .down_file{display: flex;}
.mobile .header .down_wrap .down_file .bt{position: relative; border:2px solid #000;;width:98px;height:49px;line-height: 47px;text-align: center;background-color:#54dd90;border-radius: 30px;transition: all 0.3s}
.mobile .header .down_wrap .down_file .bt p{position:  absolute; width: 120%; left: 50%; bottom: -26px; transform: translateX(-50%);display:none;line-height: 1;height:1;}
.mobile .header .down_wrap .down_file .bt:hover p{display: block;}
.mobile .header .down_wrap .down_file .bt:nth-child(2){margin-left:9px;}
.mobile .header .down_wrap .down_file .bt a{color:#000; padding-right:30px;background: url('../images/menu/icon_down_black.png') no-repeat center right;}
.mobile .header .down_wrap .down_file .bt:hover{background:#000;}
.mobile .header .down_wrap .down_file .bt:hover a{color:#54dd90; background: url('../images/menu/icon_down_green.png') no-repeat center right;}
.mobile .header .gnb_wrap .valing_text{position: absolute;top:0;left:auto;right:0;}

.tablet {cursor: inherit !important;}
.tablet *{cursor: inherit !important;}
.tablet #circle_cursor {display: none;}