#fullpage {
    position:relative;
    top:0px;
    z-index:9;
    width:100%;
    height:100vh;
}

/*섹션 공통*/
.section {
    position:relative;
    width:100%;
    background-size:cover;
    height:100%;
}
#intro {
    height:100vh;
    overflow:hidden;
}
.sect1 {
    background-color:#3959d2;
    color:#fff;
}
.container {
    position:relative;
    left:0;
    top:0;
    margin:0 auto;
    max-width:1200px;
    height:100%;
    z-index:0;
}
.container.-notPC {
    display:none;
}
.mainTxT {
    padding-top:12.5vw;
    padding-top:10vw;
}
.mainTxT>p:first-child {
    /*font-size:38px;*/
    font-size:1.98vw;
    font-size:2.09vw;
    font-weight:300;
    line-height:1.45em;
    transform:translateY(1000%);
    opacity:0;
}
.mainTxT>p:nth-child(2) {
    /*font-size:78px;*/
    font-size:4.06vw;
    font-size:4vw;
    font-weight:600;
    line-height:1.25em;
    margin-top:1.8%;
    transform:translateY(1000%);
    opacity:0;
}
.mainTxT>p:last-child {
    /*font-size:28px;*/
    font-size:1.46vw;
    font-size:1.46vw;
    font-weight:400;
    line-height:1.45em;
    letter-spacing:-.4px;
    margin-top:126px;
    transform:translateY(1000%);
    opacity:0;
}
.mainTxT>p:last-child>span {
    /*font-size:53px;*/
    font-size:2.76vw;
    /*line-height:1em;*/
    line-height:1.2em;
    letter-spacing:-2px;
  font-weight:600;
}
.sect2>.container,
.sect3>.container {
    padding:150px 0;
}

.sect1Obj {
    width:1004px;
    /*width:52.3vw;*/
    /*width:84%;*/
   /* width:100vh;*/
    /*height:594px;*/
    height:auto;
    position:absolute;
    /*right:-80px;*/
    /*right:-4.2vw;*/
    right:-6.7%;
    bottom:15px;
    z-index:-1;
    opacity:0;
}
.sect2Obj {
    width:660px;
    /*width:67.5vh;*/
    height:auto;
    /*width:670px;*/
    /*height:579px;*/
}
.sect3Obj {
    width:554px;
    /*width:57vh;*/
    /*height:583px;*/
    height:auto;
}
.objGroup>img {
    /*width:102.6vh;*/
    width:100%;
    height:auto;
}



/*
애니메이션 효과 참조
*/
.intro-title {
    line-height:7.53rem;
    font-size:10.72vh;
    font-weight:100;
    letter-spacing:-.01em;
    line-height:120%;
    margin-top:3.2rem;
    transform:translateY(1000%);
    display:block;
    width:100%;
}
.intro-title>span {
    font-size:16vh;
    font-size:15.85vh;
    font-weight:900;
    background: linear-gradient(90deg, #0024FD 1.37%, #014099 98.57%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    letter-spacing:0;
    overflow:hidden;
}
.intro-title>span::before {
    content:"";
    position:absolute;
    top:50%;
    left:-55%;
    width:70%;
    height:60%;
    background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .2) 100%);
    transform:rotate(-44deg);
    overflow:hidden;
}
#intro.active .mainTxT>p:first-child {
    opacity:1;
    visibility:visible;
    transform:translateY(0%);
    transition: opacity .5s .4s, transform 1s .1s;
    /*animation:main 2.5s 3s 5;*/
}


#intro.active .mainTxT>p:nth-child(2) {
    opacity:1;
    visibility: visible;
    transform:translateY(0%);
    transition: opacity .8s .4s, transform 1.5s .2s;
}

#intro.active .mainTxT>p:last-child {
    opacity:1;
    visibility: visible;
    transform:translateY(0%);
    transition: opacity 1.5s .4s, transform 3s .1s;
}
#intro.active .sect1Obj {
    transition: opacity 2s 2s, transform 2s .1s;
    opacity:1;
}




.sect2 .sect2Obj,
.sect3 .about-txt {
    float:left;
}
.sect2 .about-txt,
.sect3 .sect3Obj {
    float:right;
}
.sect2 .container::after,
.sect3 .container::after {
    content:'';
    display:block;
    clear:both;
}
.sect2Obj>img {
    /*width:99%;
    text-align:right;*/
}
.about-txt>h2 {
    color:#014099;
    font-weight:800;
    font-size:28px;
    /*font-size:1.46vw;*/
    /*margin-top:110px;*/
    margin-top:5.7vw;
    text-indent:4px;
}
.about-txt>p:nth-child(2) {
    font-weight:500;
    font-size:60px;
    /*font-size: 3.12vw;*/
    letter-spacing:-.05em;
    line-height:1.2em;
    margin-top:42px;
}
.about-txt>p:nth-child(3) {
    font-weight:300;
    font-size:30px;
    /*font-size:1.56vw;*/
    letter-spacing:-.05em;
    line-height:1.6em;
    margin-top:5px;
    margin-left:3px;
}



/*sticky section 스키티 섹션 워드 클라우드 영역*/
#zero, #third, #fourth  {
    /*width:100%;
    height:100%;*/
    display:none;
}
.horizontal-section {
    padding: 100px 0;
   /* background-color: pink;*/
}
.sticky-wrapper {
    position: sticky;
    top:95px;
    width:100%;
    overflow:hidden;
}
.element-wrapper {
    position:relative;
    display:flex;
}
.blank-area {
    width:100%;
    height:400px;
    background-color:white;
    margin:0 20px 0 0;
    flex-shrink:0;
}
.slide {
    color:white;
    width:100vw;
    will-change:transform;
    flex-shrink:0;
    position:relative;
}
.wrapper > * {
  /*font-size: 1rem;*/
}

/*워드클라우드만*/
.wrap {
    position:relative;
    margin:0 auto;
    background:#f4f4f4;
    background:#fff;
}
#resCanvas1,
#resCanvas2 {
    display:block;
    margin:0 auto;
    width:90vw;
    height:auto;
    max-width:1200px;
    max-height:860px;
}
.textGroup {
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
    background:#fff;
    height:8em;
    box-shadow:0px 0px 25px 25px #fff;
    height:auto;
    margin-top:1%;
}
.textGroup i {
    font-style:normal;
}
.textGroup>p {
    /*float:left;*/
    display:inline-block;
    vertical-align:text-top;
    margin:0;
}
.textGroup::after {
 /* content:''; display:block; clear:both;*/
}
.textGroup>p:first-child {
    /*font-size:30.5px;*/
    font-size:1.54vw;
    color:#000;
    margin-top: 0.45em;
}
.textGroup>p:first-child>span {
    font-weight:600;
    font-size:62px;
    font-size:3.22vw;
}
.textGroup>p:last-child {
  color:#014099;
  z-index:9999;
  /*text-shadow: 6px 2px 2px gray;*/
  filter: drop-shadow(4px 2px 2px #999);
  /* line-height: 100px; */
  margin-top:-25px;
  margin-left:20px;
}
.textGroup>p:last-child>span:first-child {
  /*font-size:150px;*/
  font-size:7.8vw;
  line-height:1.2em;
  /*font-size:140px;*/
  font-weight:900;
  background:linear-gradient(to right, #014099, #099887);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  /*letter-spacing:-0.04em;*/
}
.textGroup>p:last-child>span:last-child {
  /*font-size:100px;*/
  font-size:5.2vw;
  font-weight:700;
  display:inline-block;
  vertical-align:top;
  /*margin-top:25px;*/
  margin-top:1.4vw;
}



.adWrap {
    position: relative;
    left:0;
    top:0;
    width:100%;
}
.logoTags {
    opacity:0;
    transform:scale(0);
}
.-notPC .textGroup {
    opacity:0;
}
.fade.adWrap:first-child .textGroup {
    opacity:1;
    visibility:visible;
    /*transform:scale(1);*/
    transition: opacity .5s 1s, transform 1s .1s;
}
.fade.adWrap:first-child .logoTags {
    opacity:1;
    visibility:visible;
    transform:scale(1);
    transition: opacity .8s 1.5s, transform 1.5s .1s;
}
.fade.adWrap:last-child .textGroup {
    opacity:1;
    visibility:visible;
    /*transform:scale(1);*/
    transition: opacity 1.5s 2s, transform 1s .1s;
}
.fade.adWrap:last-child .logoTags {
    opacity:1;
    visibility:visible;
    transform:scale(1);
    transition: opacity 2s 2.5s, transform 1.5s .1s;
}



.fade-in2 {
    opacity:0;
}

#intro.active .mainTxT>p:first-child {
    opacity:1;
    visibility:visible;
    transform:translateY(0%);
    transition:opacity .5s .4s, transform 1s .1s;
    /*animation:main 2.5s 3s 5;*/
}


#intro.active .mainTxT>p:nth-child(2) {
    opacity:1;
    visibility: visible;
    transform:translateY(0%);
    transition:opacity .8s .4s, transform 1.5s .2s;
}

#intro.active .mainTxT>p:last-child {
    opacity:1;
    visibility: visible;
    transform:translateY(0%);
    transition:opacity 1.5s .4s, transform 3s .1s;
}
#intro.active .sect1Obj {
    transition:opacity 2s 2s, transform 2s .1s;
    opacity:1;
}

/* make keyframes that tell the start state and the end state of our object */
.fade-in {
	opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeIn cubic-bezier(0.585, 0.070, 0.455, 1)  1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn cubic-bezier(0.585, 0.070, 0.455, 1)  1;
	animation:fadeIn cubic-bezier(0.585, 0.070, 0.455, 1) 1;

	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
  
  	-webkit-animation-duration:1.3s;
	-moz-animation-duration:1.3s;
	animation-duration:1.3s;
  
    -webkit-animation-delay:1.3s;
	-moz-animation-delay:1.3s;
	animation-delay:1.3s;
}
@-webkit-keyframes fadeIn { 
    from { 
        opacity:0;  
        -webkit-transform:scale(0.1);
    } to 
    { 
        opacity:1; 
        -webkit-transform:scale(1.0);
    } 
}
@-moz-keyframes fadeIn { 
    from { 
        opacity:0;  
        -webkit-transform:scale(0.1);
    } to 
    { 
        opacity:1; 
        -webkit-transform:scale(1.0); 
    } 
}
@keyframes fadeIn { 
    from { 
        opacity:0; 
        -webkit-transform:scale(0.1); 
    } to 
    { 
        opacity:1; 
        -webkit-transform:scale(1.0); 
    } 
}




#about3.section    {
    text-align:center;
    height:auto;
    background-color:#000;
    
}

#about3 .about-txt p {
    /*font-size:60px;*/
    font-size:3.13vw;
    font-weight:600;
    --bg-size: 300%;
  --color-one: hsl(215 99% 40%);
  --color-two: hsl(173 100% 56%);
   /* background:linear-gradient(to right, #014099 0%, #099887 98.29%);*/
     background: linear-gradient(
      to right,
      var(--color-one),
      var(--color-two),
      var(--color-one)
    )
    0 0 / var(--bg-size) 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    /*padding:110px 0 100px 0;*/
    padding:5.5vw 0;
    text-align:center;
    /*overflow:hidden;
    position:relative;*/
}

@media (prefers-reduced-motion: no-preference) {
  #about3 .about-txt p {
    animation: move-bg 10s linear infinite;
  }
  @keyframes move-bg {
    to {
      background-position: var(--bg-size) 0;
    }
  }
}

.about-txt p {
    font-size:24px;
    font-weight:300;
    letter-spacing:-1px;
    line-height:1.4em;
    padding-bottom:6px;
}
.mo-txt {
    display:none;
}





/*아웃트로 outro + 배경 애니메이션 효과 */
#outro {
    background-color:#02154d;
    max-height:700px;
    overflow: hidden;
}
#outro .container {
    position:relative;
    z-index:0;
    width:100%;
    margin:0 auto;
}
.spin-wrapper {
    position:absolute;
    z-index:0;
    left:50%;
    top:50%;
    transform:translate(-50%, -120%);
    height:60%;
}
.spin-wrap {
    display:flex;
    justify-content:center;
    align-items:center;
}

.thing.spin {
    /*display: flex;*/
    justify-content:center;
    align-items:center;
    margin:1.2em;
    border:70px solid transparent;
    border-color:#000 transparent transparent #000;
    border-radius:50%;
    opacity:.6;
}
.spin {
    animation:thing 20s cubic-bezier(0.35, -0.14, 0.79, 1.22) infinite;
}

@keyframes thing {
  100% {
    transform:rotateZ(1turn);
  }
}


.outro-content {
    /* 
  flex-wrap: no-wrap;
   align-content:flex-end;*/
    text-align:center;
    display:flex;
    align-items:center;
    flex-direction:column;
    width:100%;
    color:#fff;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -65%);
    transform:translate(-50%, -58%);
    z-index:1;
}
.outro-content>.buttons {
    margin:0 auto;
    text-align: center;
}
.outro-content p:first-child {
    /*font-size:70px;*/
    /*font-size:3.65vw;*/
    font-size:7.15vh;
    font-weight:600;
    /*letter-spacing:-1px;*/
    line-height:1.3em;
    margin-top:2.95em;
    margin-top:1.2em;
}
.outro-content p:nth-child(2) {
    /*font-size:30px;*/
    /*font-size:1.5vw;*/
    font-size:3.95vh;
    font-weight:300;
    /*letter-spacing:-0.7px;*/
    line-height:1.45em;
    margin-top:.3em;
}
.buttons>li {
    width:280px;
    height:80px;
    background-color:#0024fd;
    text-align:center;
    /*display: inline-block;*/
    float: left;
    background:linear-gradient(to right, #014099, #099887);
    /*-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;*/
    /*vertical-align:middle;*/
}
.buttons>li {
    margin-top:42px;
}
.buttons>li:last-child {
    margin-left:1em;
}
.buttons>li::after {
    content:'';
    display: block;
    clear: both;
}

.buttons>li>a {
    font-size:22px;
    /*font-size:2.3vh;*/
    /*font-size:1.15vw;*/
    color:#fff;
    display:block;
    line-height:8.4vh;
    line-height:79px;
}
.buttons>li>a>span {
    font-size:12px;
    /*font-size:.63vw;*/
    color:#ffd965;
    vertical-align:middle;
    display:inline-block;
    padding-left:2px;
    padding-bottom:3px;
}



/*
* 미디어쿼리 시작
*/
/*랩탑용*/
@media (min-width: 1280px) and (max-width:1366px) {
    
    .container {
        padding:0 5%;
    }
    .mainTxT {
        padding-top:14.5vw;
    }
    .sect1Obj {
        width:58vw;
        right:-2.2vw;
    }
    .sect2>.container, 
    .sect3>.container {
        padding:10% 5%;
        width:90%;
    }
    .sect2 .about-txt,
    .sect3 .sect3Obj {
       /* float:none;*/
    }

    .about-txt>h2 {
        font-size:1.46vw;
        font-size:2.46vw;
        margin-top:5.7vw;
        margin-top:7vw;
    }
    .about-txt>p:nth-child(2) {
        font-size: 3.12vw;
        letter-spacing:-.05em;
        line-height:1.2em;
        margin-top:42px;
    }
    .about-txt>p:nth-child(3) {
        font-size:1.56vw;
        letter-spacing:-.05em;
        line-height:1.6em;
        margin-top:5px;
        margin-left:3px;
    }
    .sect2Obj {
        width:43vw;
    }
    .sect3Obj {
        width:39vw;
    }
    .sect2Obj>img {
        margin-left:-1.5em;
    }
    .sect3Obj>img {
        margin-left:1em;
    }
    
    #about3 .about-txt p {
        font-size:4.5vw;
        padding:5vw 0;
    }
    
    .sticky-wrapper {
        top:75px;
    }
    #resCanvas1,
    #resCanvas2 {
        width:auto;
        height:80%;
        max-height:700px;
    }
    .textGroup>p:first-child {
        margin-top:0;
    }
    .logoTags {
        display:none;
    }
    
    
        
}


@media all and (min-width:1024px) and (max-width:1279px) {

    .container {
        padding:0 5%;
    }
    .mainTxT {
        padding-top:23.5vh;
        padding-top:20vh;
    }
    .mainTxT>p:first-child {
        font-size:3.7vh;
    }
    .mainTxT>p:nth-child(2) {
        font-size:6.3vh;
    }
    .mainTxT>p:last-child {
        font-size:3.05vh;
        margin-top:27.5vh;
    }
    .mainTxT>p:last-child>span {
        font-size:5.7vh;
    }
    .sect1Obj {
        width:68vw;
        right:-1.2vw
    }
    .sect2>.container, 
    .sect3>.container {
        padding:10% 5%;
        width:90%;
    }
    .about-txt>h2 {
        font-size:1.46vw;
        font-size:2.46vw;
        margin-top:5.7vw;
        margin-top:7vw;
    }
    .about-txt>p:nth-child(2) {
        font-size: 3.12vw;
        letter-spacing:-.05em;
        line-height:1.2em;
        margin-top:42px;
    }
    .about-txt>p:nth-child(3) {
        font-size:1.56vw;
        letter-spacing:-.05em;
        line-height:1.6em;
        margin-top:5px;
        margin-left:3px;
    }
    .sect2Obj {
        width:47vw;
    }
    .sect3Obj {
        width:43vw;
    }
    #about3 .about-txt p {
        font-size:5.5vh;
        padding: 5vw 0;
    }
    
    /* 광고주~매체사 영역 태블릿용 #about4 */
    .horizontal-section,
    #resCanvas1,
    #resCanvas2 {
        display:none;
    }
    .container.-notPC {
        display:block;
        padding:10% 5%;
        margin:0 auto;
    }
    .adWrap {
        height:100vh;
        background-size:cover;
    }
    .-notPC .textGroup {
        margin:0 auto;
        text-align:center;
        background-color:rgba(255, 255, 255, .85);
        box-shadow:0px 0px 25px 25px rgba(255, 255, 255, .5);
        top:42%;
    }
    .textGroup i {
       /* box-shadow:none;*/
    }
    .textGroup>p:first-child {
        /* font-size: 30.5px; */
        font-size: 2.94vh;
    }
    .textGroup>p:first-child {
        margin-top:0;
        /*padding-top:100px;*/
    }
    .textGroup>p:first-child>span {
        font-weight: 600;
        font-size: 62px;
        font-size: 6.22vh;
    }
    .textGroup>p:last-child>span:first-child {
        font-size:13.8vh;
    }
    .textGroup>p:last-child {
        margin-top:-1em;
    }
    .textGroup>p:last-child>span:last-child {
        font-size:9.2vh;
    }
    .logoTags {
        display:block;
        text-align:center;
        width:100%;
        height:800px;
    }
    .logoTags:last-child {
        padding-bottom:7vw;
    }
    .logoTags>li {
        display:flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: space-between;
        justify-content: center;
        align-items: center;
        float:left;
        width:33.333%;
    }
    .logoTags:last-child {
        padding-bottom:7vw;
    }
    .logoTags>li {
        display:flex;
        flex-direction:row;
        flex-wrap:wrap;
        align-content:space-between;
        justify-content:center;
        align-items:center;
        float:left;
        width:33.333%;
    }
    .logoTags>img {
        width:90%;
        height:auto;
    }
        
}


/*@media all and (min-width: 821px){*/
@media all and (min-width:768px) and (max-width:1023px) {
	
    /*//브라우저 창 width가 820px보다 커지는 순간부터 적용
	//태블릿 가로형*/
    #fullpage {
        background-size:cover;
    }
    #fp-nav.right {
        display:none; /*우측 내비 가리기*/
    }
    
    /*배경 설정*/
    .section {
        height:auto;
    }

    #intro.section {
        height:100vh;
    }
    .container {
        position:relative;
        height:100%;
        /*height:auto;*/
    }
    #intro>.container {
        margin:0 auto;
        max-width:767px;
        text-align:center;
    }
    .mainTxT {
        padding-top:18.5vh;
        padding-top:16.5vh;
    }
    .mainTxT>p:first-child {
        font-size: 3.09vh;
    }
    .mainTxT>p:nth-child(2) {
        font-size: 4.06vw;
        font-size: 8.3vw;
        font-weight: 700;
        margin-top:2vh;
    }
    .sect1Obj {
        width:92%;
        left:50%;
        bottom:0;
        transform:translate(-50%, -38%);
    }
    .mainTxT>p:last-child {
        font-size:3vh;
        font-weight:700;
        line-height:1.45em;
        letter-spacing:-.8px;
        margin-top:4.4vh;
        margin-top:38.4vh;
        text-align:center;
    }
    .mainTxT>p:last-child>span {
        font-size:4.9vh;
        line-height: 1em;
        letter-spacing:-2px;
    }

    
    /*모바일용*/
    .sect2>.container,
    .sect3>.container {
        padding: 20% 5%;
        width: 90%;
    }
    .sect2 .about-txt,
    .sect3 .sect3Obj,
    .sect2 .sect2Obj,
    .sect3 .about-txt {
        float:none;
    }
    .sect2Obj {
        width:100%;
        display:block;
    }
    .sect3Obj {
        width:100%;
        display: block;
    } 
    .about-txt {
        text-align:center;
    }
    .pc-txt {
        /*display:none;*/
    }
    .mo-txt {
        display:block;
        margin:auto;
    }
    .about-txt h2 {
        font-size:5.4vw;
        font-weight:800;
        line-height:1.1em;
        padding-bottom:0;
        margin:auto;
        letter-spacing:.5em;
        text-indent:.5em;
    }
    .about-txt>p:nth-child(2) {
        font-size:8vw;
        letter-spacing:-.05em;
        line-height:1.2em;
        margin-top:3vh;
    }
    .about-txt>p:nth-child(3) {
        font-size:4.5vw;
        letter-spacing: -.05em;
        line-height:1.6em;
        margin:2vh 0 6vh 0;
    }  
    .about-txt p {
        /*font-size:1.5em;*/
        line-height:1.35em;
        margin:auto;
    }
    #about3 .about-txt {
        padding:0;
    }
    #about3 .about-txt p {
        font-size:6.2vw;
        padding:8vw 0;
        font-weight:700;
        word-break:keep-all;
    }

    
    /* 광고주~매체사 영역 태블릿용 #about4 */
    .horizontal-section,
    #resCanvas1,
    #resCanvas2 {
        display:none;
    }
    .container.-notPC {
        display:block;
        padding:17% 5%;
    }
    .adWrap {
        height:auto;
    }
    .-notPC .textGroup {
        margin:0 auto;
        text-align:center;
        background-color:rgba(255, 255, 255, .85);
        box-shadow:0px 0px 25px 25px rgba(255, 255, 255, .5);
    }
    .textGroup>p:first-child {
        margin-top:0;
    }
    .textGroup {
        width:80%;
        text-align: center;
        background:none; 
    }
    .textGroup>p:first-child {
        font-size:2vh;
        font-size:5vw;
    }
    .textGroup>p:first-child>span {
        font-size:4.1vh;
        font-size:10.1vw;
    }
    
    .textGroup>p:last-child {
        margin-top:0;
        margin-left:0;
    }
    .textGroup>p:last-child>span:first-child {
        font-size:8vh;
        font-size:18vw;
        letter-spacing:-.05em;
    }
    .textGroup>p:last-child>span:last-child {
        font-size:5.2vh;
        font-size:12.2vw;
        margin-top:3.2vw;
    }
    .container.-notPC {
        display:block;
        padding:17% 5%;
    }
    .adWrap {
        height:auto;
        height:800px;
    }
    .-notPC .textGroup {
        margin:0 auto;
        text-align:center;
        background-color:rgba(255, 255, 255, .85);
        box-shadow:0px 0px 25px 25px rgba(255, 255, 255, .5);
        transform: translate(-50%, -70%);
    }
    .textGroup>p:first-child {
        margin-top:0;
    }
    
    .logoTags {
        display:block;
        position:absolute;
        width:100vw;
        height:800px;
    }
    .logoTags:last-child {
        padding-bottom:7vw;
    }
    .logoTags>li {
        display:flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: space-between;
        justify-content: center;
        align-items: center;
        float:left;
        width:33.333%;
    }
    .logoTags::after {
        content:'';
        display:block;
        clear:both;
    }
    .logoTags:last-child {
        padding-bottom:7vw;
    }
    .logoTags>li {
        display:flex;
        flex-direction:row;
        flex-wrap:wrap;
        align-content:space-between;
        justify-content:center;
        align-items:center;
        float:left;
        width:33.333%;
    }
    .logoTags>img {
        width:100%;
    }
    .textGroup {
        width:80%;
        text-align: center;
        background:none;
    }
    .textGroup>p:first-child {
        font-size:5vw;
    }
    .textGroup>p:first-child>span {
        font-size:10.1vw;
    }
    .textGroup>p:last-child {
        margin-top:0;
        margin-left:0;
    }
    .textGroup>p:last-child>span:first-child {
        font-size:8vh;
        font-size:18vw;
        letter-spacing:-.05em;
    }
    .textGroup>p:last-child>span:last-child {
        font-size:5.2vh;
        font-size:12.2vw;
        margin-top:3.2vw;
    }
    
    
    /*모바일 광고주 매체사*/
    .container.-notPC {
        display:block;
        padding:10% 0;
        margin:0 auto;
    }
    .adWrap {
        height:784px;
        background-size:100%;
    }
    
    #outro.section {
        height:100vh;
        max-height:85vh;
    }
    #outro .container {
        height:100vh;
    }
    .outro-content {
        margin:0 auto;
        display:block;
    }
    .pc-txt {
        display:none;
    }
    .mo-txt {
        display:block;
    }
    .outro-content p:first-child {
        font-size:1.9em;
        font-size:8.5vw;
        font-size:6.4vh;
        line-height: 1.5em;
        padding-left:7%;
        padding-right:7%;
        margin-top:0em;
    }
    .outro-content p:nth-child(2) {
        font-size:3.4vh;
        margin-top:1em;
        padding-left:7%;
        padding-right:7%;
       /* margin:auto;*/
        word-break:keep-all;
    }
    .outro-content .buttons {
        display:block;
        margin:0 auto;
        padding-top:122%;
        text-align:center;
        padding-top:8vh;
        /*padding-top:18vh;*/
       /* transform:translate(0%,-28%);*/
    }
    .outro-content .buttons li,
    .outro-content .buttons li:last-child {
        margin:0;
    }
    .outro-content  .buttons>li:last-child {
        margin-top:12px;
    }
    .buttons>li {
        float:none;
        width:80%;
        display:inline-block;
        height:auto;
        margin:0 auto;
        text-align:center;
    }
    .buttons>li:last-child {
        margin-left:0;
    }
    .buttons>li>a {
        font-size:1.34em;
        font-size:1.8em;
        padding:30px 0;
        line-height:normal;
    }
    .buttons>li>a>span {
        font-size:0.65em;
    }
    
    .spin-wrpper {
        transform:translate(-50%, -88%);
        transform:translate(-50%, -48%);
       /*transform:translateX(-50%);*/
        border-color:#000 #000 #000 #000;
        height:100%;
      
    }
    .thing {
        border-width:40px;
        opacity:.7;
        margin: 0.7em;
    }
    
}





/*@media (max-width: 820px) {*/
@media all and (max-width: 767px) {
    /*브라우저 창 width가 768px보다 작아지는 순간부터 적용*/
    #fullpage {
        background-size:cover;
    }
    #fp-nav.right {
        display:none; /*우측 내비 가리기*/
    }
    #intro.section {
        height:100vh;
    }
    .container {
        position:relative;
        height:100%;
        /*height:auto;*/
    }
    #intro>.container {
        margin:0 auto;
        max-width:767px;
        text-align:center;
        /*////// 모바일 임시 ////*/
        display:flex;
        justify-content:center;
        align-items:center;
    }
    
    .mainTxT {
        padding-top:18.5vh;
        padding-top:32.8vw;
        padding-top:0;
    }
    .mainTxT>p:first-child {
        font-size:6vw;
        padding-top:34.8vw;
        /*////// 모바일 임시 ////*/
        padding-top:2.8em;

    }
    .mainTxT>p:nth-child(2) {
        /* font-size: 78px; */
        font-size: 4.06vw;
        font-size: 8.3vw;
        font-weight:600;
        line-height: 1.35em;
        margin-top:2vh;
    }
    .sect1Obj {
        width:100%;
        left:50%;
        bottom:0;
        /*transform:translate(-50%, -10%);*/
        transform:translate(-51%, -70%);
        /*////// 모바일 임시 ////*/
        transform:translate(-51%, -8.8em);
        /*transform: translate(-51%, -35vw);
        transform: translate(-51%, -20vh);*/
    }
    .mainTxT>p:last-child {
        font-size:4.1vw;
        line-height:1.45em;
        letter-spacing:0;
        margin-top:34.4vh;
        margin-top:36vh;
        text-align:center;
    }
    .mainTxT>p:last-child>span {
        font-size:7.7vw;
        line-height: 1.2em;
      letter-spacing:-.2px;
    }

    
    /*모바일용*/
    .sect2>.container,
    .sect3>.container {
        padding: 20% 5%;
        width: 90%;
    }
    
    .sect2 .about-txt,
    .sect3 .sect3Obj,
    .sect2 .sect2Obj,
    .sect3 .about-txt {
        float:none;
    }
    .sect2Obj {
        width:100%;
        display:block;
    }
    .sect3Obj {
        width:100%;
        display: block;
    }
    .about-txt {
        text-align:center;
    }
    .pc-txt {
        /*display:none;*/
    }
    .mo-txt {
        display:block;
        margin:auto;
    }
    .about-txt h2 {
        font-size:6vw;
        font-weight:800;
        line-height:1.1em;
        padding-bottom:0;
        margin:auto;
        letter-spacing:.5em;
        text-indent:.5em;
    }
    .about-txt>p:nth-child(2) {
        font-size:8.5vw;
        letter-spacing:-.05em;
        line-height:1.2em;
        margin-top:3vh;
    }
    .about-txt>p:nth-child(3) {
        font-size:4.56vw;
        letter-spacing: -.05em;
        line-height:1.6em;
        margin:2vh 0 6vh 0;
    }
    .about-txt p {
        line-height:1.35em;
        margin:auto;
    }
    
    #about3 .about-txt {
        padding:0;
    }
    #about3 .about-txt p {
        font-size:6.2vw;
        padding:8vw 0;
        font-weight:700;
        word-break:keep-all;
    }
    
    
    /* 광고주~매체사 영역 태블릿용 #about4 */
    .horizontal-section,
    #resCanvas1,
    #resCanvas2 {
        display:none;
    }
    
    /*모바일 광고주 매체사*/
    .container.-notPC {
        display:block;
        padding:10% 0;
        margin:0 auto;
    }
    .adWrap {
        height:800px;
        height:300px;
        background-size:100%;
        background:none;
    }
    .-notPC .textGroup {
        margin:0 auto;
        text-align:center;
        background-color:rgba(255, 255, 255, .85);
        box-shadow:0px 0px 25px 25px rgba(255, 255, 255, .5);
    }
    .textGroup>p:first-child {
        margin-top:0;
    }
    .logoTags {
        display:block;
        position:absolute;
        width:100vw;
        height:300px;
    }
    .logoTags>img {
        width:100%;
        height:100%;
    }
    .textGroup {
        width:80%;
        text-align:center;
        background:none;
    }
    .textGroup>p:first-child {
        font-size:5vw;
    }
    .textGroup>p:first-child>span {
        font-size:10.1vw;
    }
    .textGroup>p:last-child {
        margin-top:-.6em;
        margin-left:0;
    }
    .textGroup>p:last-child>span:first-child {
        font-size:18vw;
        letter-spacing:-.05em;
    }
    .textGroup>p:last-child>span:last-child {
        font-size:12.2vw;
        margin-top:3.2vw;
    }


    #outro.section {
        height:100%;
        max-height:90vh;
    }
    #outro .container {
        height:100vh;
    }
    .outro-content {
        margin:0 auto;
        display:block;
    }
    .pc-txt {
        display:none;
    }
    .mo-txt {
        display:block;
    }
    .outro-content p:first-child {
        font-size:1.9em;
        font-size:8.5vw;
        line-height: 1.5em;
        padding-left:7%;
        padding-right:7%;
        margin-top:0em;
    }
    .outro-content p:nth-child(2) {
        font-size:5vw;
        margin-top:1em;
        padding-left:7%;
        padding-right:7%;
       /* margin:auto;*/
        word-break:keep-all;
    }
    .outro-content .buttons {
        display:block;
        margin:0 auto;
        padding-top:122%;
        text-align:center;
        padding-top:10vh;
    }
    .outro-content .buttons li,
    .outro-content .buttons li:last-child {
        margin:0;
    }
     .outro-content .buttons>li:last-child {
        margin-top:.7em;
    }
    .buttons>li {
        float:none;
        width:84%;
        display:inline-block;
        height:67px;
        margin:0 auto;
        text-align:center;
    }
    .buttons>li:last-child {
        margin-left:0;
    }
    .buttons>li>a {
        font-size:1.34em;
        line-height:66px;
    }
    .buttons>li>a>span {
        font-size:0.65em;
    }
    .spin-wrpper {
        transform:translate(-50%, -78%);
        border-color:#000 #000 #000 #000;
        height:90%;
    }
    .thing {
        border-width:40px;
        opacity:.7;
        margin:.7em;
    }
    
    
 
}