.content-wrap.base{position: initial;}
section.playon{height:500px;}

.content-wrap img.all{width:100%;}

.comp{border-top:1px solid #E8E8E8;}
.comp .content-wrap{padding:2em 0em;}

.bg.main{background-color: #F8FDFF;}

.main #content{margin-top:-100px;}

/*MAIN*/
.main {transition: 10s all;}

@keyframes slidein {
  0% {
    border:0px solid #fff;box-sizing: border-box;z-index:99;opacity:.5;
  }
  80% {
    border:36px solid #000;box-sizing: border-box;z-index:99;opacity:1;
  }
  100% {
    border:36px solid #000;border-bottom: 0 none;box-sizing: border-box;z-index:99;
  }
}

.comming{  height:100%; text-align:center; position: absolute; right:0px; top:13em;
    text-align: center;    color: #fff; vertical-align: middle; z-index: 50; }
.comming h2{ margin-top:25%; font-size:7em;word-break:break-all; opacity:.8;
font-family: 'Permanent Marker', cursive;


/*font-family: 'Cinzel Decorative', cursive;*/
}
.comming img{width:380px;margin-bottom:2em;}

.main .border-box{position:absolute;top:0;left:0;display: block;width: 100%;height: 100%;border:0px solid #000;
box-sizing: border-box;z-index:99;

border-bottom: 0 none;
animation-duration: 3s;/*animation-iteration-count: infinite;*/  animation-name: slidein;

}
.main .intro{position:relative;width:100%;box-sizing:border-box;}
.main .intro.top{overflow: hidden;height: 100vh;background-color: #000;}
.main .intro.second{overflow:hidden;padding-bottom: 288px;min-height: 500px;}

.slick-initialized .slick-slide{display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: baseline;}

.cont-list .slick-prev{display: block; width: 60px;height: 60px;background: url('../images/common/ico_prev_sub.png') 0 0 no-repeat;background-size: contain;}
.cont-list .slick-next {display: block; width: 60px;height: 60px;background: url('../images/common/ico_next_sub.png') 0 0 no-repeat;background-size: contain;}
.list-wrap.list01 .slick-prev{left:-80px;}
.list-wrap.list01 .slick-next{right:-80px;}
.tabCont button{display: flex;justify-content: center;
    align-items: center;}
.hide-wrap{padding:11em 0em 4em 0em;background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.6) 85%, rgba(255,255,255,0.5) 100%);margin-top: -8em;
    z-index: 1000;
    position: relative;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; margin-top:-15em;}
.hide-wrap.none{ display: none;}
.hide-wrap .btn.type01{height: 58px;}

@media only screen and (max-width:640px){
	.main .intro.bg{background-position:0 0;}
}

.main .intro .section-wrap{overflow:hidden;width:100%;margin: 0;height:326px;-webkit-transition: transform .5s; -moz-transition	: transform .5s;  -ms-transition: transform .5s;	-o-transition	: transform .5s; transition: transform .5s;}
.main .intro.second .section-wrap{position:absolute;top:0;}
.main .intro .text	{max-width:1144px;margin:0 auto;}
.main .intro .text span{display:block;text-transform: uppercase;font-size: 144px;line-height: 130px;font-weight: bold;}
.main .intro .text span .for-pc{display: inline-block;}
.main .intro .text span.emphasis{margin-top: 18px;font-style: italic;color: #ffde00;}
.main .intro.top .section-wrap{position:fixed;margin:0;bottom:46px;}
.main .intro.top .text span{color: #fff;}
.main .intro.top.escape .section-wrap {z-index:-1;}
.main .intro.top.escape .section-wrap .text{visibility: hidden;}
.main .intro.second.escape .section-wrap{position:static; animation-fill-mode: forwards;}
@media all and (min-width:1600px) {
	.comming h2{ margin-top:20%;}
}
@media all and (min-width:769px) and (max-width:1320px) {
	.main .intro .section-wrap{height: 181px;}
}

@-webkit-keyframes textescape {
	0%  {padding-top:0;}
	100%{padding-top:189px;}
}
@keyframes textescape {
	0%  {padding-top:0;}
	100%{padding-top:189px;}
}


.video-wrap{position: absolute;top: 0px;left: 0;width: 100%;height: 100%;overflow: hidden;/*z-index: -1;*/}
/*.video-wrap::after{content: '';display: block;position: absolute;left: 0;top: 0;width: 500%;height: 500%;background-color: #000;opacity: .2;}*/
/*background-image: linear-gradient(70deg,#0ebeff,#F4007E,#ffdd40);*/
 /* 200706 css 추가 */
.video-wrap video{display: block;width: 100%;height: auto;}
.slide-img > .slick-track{height: 100%;}
.slide-img .slick-slide{height:90vh;}
.slide-img .slick-slide.bg{background-size: auto 100% !important; background-size: cover !important;     display: flex;
    flex-direction: column;
    justify-content: center;    align-items: center; }
.slide-img .slick-slide.bg .cont{display: flex;
        flex-direction: column;
        justify-content: center; width:70%;    gap: 2em;max-width: 1400px;}
.slide-img .slick-slide span{color:#fff; font-size:1.5em; font-weight: 800;}
.slide-img .slick-slide h3{color:#fff; font-size:3.5em; font-weight: 500;font-family: 'HDfont-Bold',sans-serif;}
h3{font-size: 80px;color: #000;font-weight: bold;}
.main .services .text{max-width: 1144px;margin: 0 auto;}

.slick-dots li span{font-family: 'HDfont-Bold',sans-serif;}
.slide-img .slick-slide .round.btn{    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #fff;
    border-radius: 5em;
    padding: 1em 2em; color:#fff; font-weight: bold;}
    .slide-img .slick-slide .round.btn.small{width:60px; height:60px; padding:0px;}
    .slide-img .slick-slide .round.btn.none{display:none;}
    .slide-img .slick-slide .ico.arrow{ width: 15px;height: 15px;background: url('../images/common/ico_main_arrow.png') center center no-repeat;background-size: contain; text-indent: 100px; overflow: hidden; display: inline-block; margin-left: 14px;}
    .slide-img .slick-slide .ico.stop{ width: 12px;height: 12px;background: url('../images/common/ico_stop_cont.png') center center no-repeat;background-size: contain; text-indent: 100px; overflow: hidden; display: inline-block;margin:0em 0.25em;}
    .slide-img .slick-slide .ico.start{ width: 12px;height: 12px;background: url('../images/common/ico_start_cont.png') center center no-repeat;background-size: contain; text-indent: 100px; overflow: hidden; display: inline-block;margin:0em 0.25em;}

    .slide-img .slick-dots .dot::before{content: ''; display: inline-block; width:100%; height: 2px; background: #fff; position: absolute; bottom:0px; left:0px; opacity: .5;}
    .slide-img .slick-dots .slick-active .dot::after{content: ''; display: inline-block; width:0px; height: 2px; background: #fff; position: absolute; bottom:0px;left:0px;opacity: 1; animation: widthFull 4s ease-in-out forwards;animation-play-state:running;}
    .slide-img.paused .slick-dots .slick-active .dot::after{animation-play-state:paused;}
    @keyframes widthFull { 
        0% {width: 0px;}
        100% {width:100%;}
    }
    /*
    .slick-slide{
        -webkit-transition: all 2000s linear;
          -moz-transition: all 2000s linear;
          -ms-transition: all 2000s linear;
          -o-transition: all 2000s linear;
          transition: all 2000s linear;
           opacity: 1;
      }*/
      
.slide-img .slick-slide .btn-wrap{margin-top:6em;}
.btn-wrap.flex{display: flex;flex-direction: row; gap:1em; font-size:1em;}
.main .intro .text .message-wrap{position:relative;height:130px;overflow:hidden;}
.main .intro .text .message {overflow: hidden;position:absolute;top:0;left:0;height:300%;color: #ffde00;background-color: #fff;padding: 0;
    -webkit-animation: openclose 5s ease-in-out infinite;
            animation: openclose 5s ease-in-out infinite;
}
.slick-dots li{width:auto; opacity: 0.5; height:36px;}
.slick-dots .dot{/*border-bottom:2px solid #fff;*/color:#fff; padding:0.75em 2em; }

.content-wrap .tabCont img{width:100%;margin:3em 0em;}
.application-list{display:grid;grid-template-columns: 1fr 1fr 1fr; gap:1em;}
.list.type01.application-list li{border:2px solid #f0f0f0; border-radius: 12px; padding:1.5em; padding:20px;min-width: 0;}
.application-list li span{font-size:0.75em; color:rgba(0,0,0,.6); font-weight: 600;}
.application-list li h3{font-size:2em;}
.application-list li p{margin:1.5em 0em; font-size:0.85em; color:#434343;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.list.type01.application-list li .tag{font-size:0.95em; display: flex; flex-direction: row; gap:6px;flex-flow: wrap;}
.list.type01.application-list li .tag span{border:1.5px solid #d9d9d9; padding: 8px 16px; border-radius: 10em; font-size: 0.85em; color:#7b7b7b;letter-spacing: -0.26px;font-size: 13px;font-weight: 600; line-height: 1; }
.list.type01.application-list li.hidden{display: none;}
.banner-list {position: relative; color:#fff;}
.banner-list .slick-slide {
    margin: 0 10px; 
    width:1400px !important;
    padding:4em;
    min-height: 520px;
    border-radius: 1.5em;
    justify-content: end;
    background: #ccc;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: .1;
    transition: all 0.3s linear;
  }
  .banner-list .slick-active{opacity: 1;}
.banner-list .slick-slide span{font-size:20px;color:#fff; opacity: .8;}
.banner-list .slick-slide h3{font-size: 44px; color:#fff; margin:0.25em 0em 0.5em 0em; }
.banner-list li .tag{font-size:0.95em; display: flex; flex-direction: row; gap:0.5em;}
.banner-list li .tag span{border:1.5px solid #fff; background-color: #fafafa; padding:0.5em 1em; border-radius: 10em; font-size: 16px; color:#1e1e1e;}
.banner-list .slick-slide .biz{display:flex; justify-content: space-between; width:100%;margin-top:1em;     align-items: end;}
.banner-list .slick-slide .biz span{font-weight: 800;}
.banner-list .slick-slide .biz p{font-size: 16px;margin-top:0.75em;}
.banner-list .slick-prev{display: block; width: 60px;height: 60px;background: url('../images/common/ico_prev_sub02.png') 0 0 no-repeat;background-size: contain;
    left: 50%; margin-left: -800px;}
.banner-list .slick-next {display: block; width: 60px;height: 60px;background: url('../images/common/ico_next_sub02.png') 0 0 no-repeat;background-size: contain;
    right: 50%; margin-right: -800px;}
.banner-list .biz ul{    display: flex; flex-direction: row; gap:2em; width:65%; 
display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    line-height: 1.5em;
}
.banner-list .biz ul li{font-size: 20px;}
.banner-list .biz ul li span:nth-child(1){color:#d9d9d9; font-weight: 500; margin-right: 1em;}
.banner-list .biz ul li span:nth-child(2){color:#fff; font-weight: 700; margin-right: 1em;}
.slick-dots .slick-active{opacity: 1;}
.main .intro .text .message span{color: #ffde00;line-height: 130px;height: 130px;background: #fff;overflow: hidden;}
.main .intro .text .message span i{font-size: 72px;color: #000;font-weight: bolder;}




.banner-list .slick-slide{position:relative;    background-color: rgba(0, 0, 0, .6);
    background-blend-mode: color;}




.silde-menu{    height: 48px;overflow: hidden;}
.silde-menu li a.view-all{text-align: left;justify-content:start;}
.silde-menu.up li a.view-all{height: 50px;}
.silde-menu.up ul li:nth-child(1) a.view-all{color:#005bff;}
.silde-menu.up ul li:nth-child(2) a.view-all{color:#00e600;}
.silde-menu.up ul li:nth-child(3) a.view-all{color:#ff003d;}

.silde-menu.up{height:50px; position: relative; width:100px;}
.silde-menu.up ul{ display: flex;flex: 0 0 100%; flex-direction: column;}
.silde-menu.up ul:first-child {
    animation: text-animation 3s linear infinite;
  }

  .silde-menu.up ul:nth-child(2){
   animation: text-animation 3s linear infinite;
  }

  
@keyframes text-animation {
    0% {
        transform: translateY(0);
      }
      27%{
        transform: translateY(-50px);
      }
      33%{
        transform: translateY(-50px);
      }
      60%{
        transform: translateY(-100px);
      }
      66%{
        transform: translateY(-100px);
      }
      94% {
        transform: translateY(-100%);
      }
      100% {
        transform: translateY(-100%);
      }
}


@keyframes text-animation2 {
    0% {margin-top: 50; }
    16% {margin-top: 0px;}
    33% {margin-top: -50px;}
    50% {margin-top: -100px;}
}

@keyframes text-animation3 {
    0% {margin-top: 0;}
    16% {margin-top: -50px;}
    33% {margin-top: -100px;}
    50% {margin-top: -150px;}
    66% {margin-top: -200px;}
    83% {margin-top: -150px;}
    100% {margin-top: 50px;}
}


@keyframes text-animation3 {
    0% {margin-top: 0;}
    12% {margin-top: 0;}
    25% {margin-top: -50px;}
    37% {margin-top: -50px;}
    50% {margin-top: -100px;}
    62% {margin-top: -100px;}
    75% {margin-top: -150px;}
    87% {margin-top: -150px;}
    100% {margin-top: -200px;}
}

@keyframes showMenu {
    0% {margin-top:-150px;}
    5% {margin-top:-100px;}
    33% {margin-top:-100px;}
    38% {margin-top:-50px;}
    66% {margin-top:-50px;}
    71% {margin-top:0px;}
    99.99% {margin-top:0px;}
    100% {margin-top:-150px;}
  }
  
.comunity-cont {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}
.board-info{border:1px solid #f4f4f4; border-radius: 1em; box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.03);}
.board-info .title{padding:30px; border-bottom:1px solid #f4f4f4;margin-bottom: 0em;}
.board-info .title h3{font-size:28px;}
.board-info .cont{padding:30px;}
.board-info .cont li{font-size:18px; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;    font-weight: 500;}
    .board-info .cont li+li{margin-top:1em;}

    
@keyframes flowText {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-100%);
    }
}

.text-wrap{position: relative; height: 250px;  width: 100%;  overflow: hidden; display: flex; margin-top: 20px;}
.text-wrap::before{ content:''; position:absolute; top:0em; left: 0em;
    width: 600px;
        height: 220px;
        flex-grow: 0;
        margin: 0 720px 0 0;
        /*transform: rotate(-90deg);*/
        background-image: linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%); z-index: 10;}

.text-wrap::after{ content:''; position:absolute; top:0em; right: 0em;
            width: 600px;
                height: 220px;
                flex-grow: 0;
                background-image: linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);transform: rotate(180deg);}
        

        .text-wrap span{color: #0072eb; font-size: 8em; font-weight: 800;
            word-break: break-all;
            white-space: nowrap;white-space: nowrap;
            overflow: hidden; display: flex;
      flex: 0 0 auto;
      white-space: nowrap;
      overflow: hidden; margin-right: 40px;
        /*   position:absolute;  animation: flowText 85s linear infinite; */
        }
        .text-wrap span:first-child{animation: textLoopLeft 30s linear infinite;}
        .flow-wrap {            
            /*animation: textLoop 8s linear infinite;*/
            padding-right: 100vw;    display: flex;
            flex-direction: row;
          }
          @keyframes textLoop {
            0% {
              -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
            }
            100% {
              -webkit-transform: translate3d(-80%, 0, 0);
              transform: translate3d(-80%, 0, 0);
            }
          }

          @keyframes textLoopLeft {
            0% {
              margin-left:0px;
            }
            100% {
                margin-left:-50%;
            }
          }
/* fixed-bar */
.fixed-bar{

position: fixed;bottom:0;width:100%;height:46px;padding: 0 124px;z-index: 100;transition: 0.4s; box-sizing: border-box;} /* 200706 css 수정 */
.fixed-bar.add-transition{transition: 0s;} /* 200708 css 수정 */
.fixed-bar.add-white{background-color: #fff;} /* 200708 css 수정 */
.fixed-bar::after{display:block;width: calc( 100% - 212px );height: 6px;margin-right: 102px;background-color: #fff;vertical-align: top;content: '';z-index: 20;
/*background-image: linear-gradient(70deg,#0ebeff,#F4007E,#ffdd40);*/

}
.fixed-bar ul{ margin-top:-10px;z-index:10000; display:none;}
.fixed-bar li{float:left; color:#fff; font-size:1.5em; background-color:#222;margin:0.3em 0.25em; padding:0 0.25em;cursor:pointer;}

.fixed-bar a{position: absolute;right: 0;top: -17px;display: inline-block;width:102px;height:40px;margin-right: 195px;	font-size: 20px;color: #fff;text-align:right;font-weight: 900;z-index:-1; transition: 0.35s ease 0.1s}
.fixed-bar a:after {
position:absolute;top:100px;right:-11px;display:inline-block;width:121px;height: 50px;
    line-height: 65px;padding-bottom:14px;text-align:center;font-family: 'Titillium Web', sans-serif;font-style: italic;font-size:18px;color:#fff;font-weight:700;text-decoration: underline; content:'DOWNLOAD';z-index:9; transition: 0.35s ease 0.1s;
background-image: linear-gradient(70deg,#ffdd40,#ffdd40,#ffdd40);background-image: linear-gradient(70deg,#0ebeff,#F4007E,#ffdd40);
}

.fixed-bar a.youtube{position: absolute;right: -100px;top: -17px;display: inline-block;width:102px;height:40px;margin-right: 195px;	font-size: 20px;color: #fff;text-align:right;font-weight: 900;z-index:-1; transition: 0.35s ease 0.1s}
.fixed-bar a.youtube:after {
position:absolute;top:100px;right:-0px;display:inline-block;width:91px;height: 50px;
    line-height: 65px;padding-bottom:14px;text-align:center;font-family: 'Titillium Web', sans-serif;font-style: italic;font-size:18px;color:#fff;font-weight:700;text-decoration: underline; content:'MOVE';z-index:9; transition: 0.35s ease 0.1s;
background-image: linear-gradient(70deg,#ffdd40,#ffdd40,#ffdd40);background-image: linear-gradient(70deg,#0ebeff,#F4007E,#ffdd40);
}
.fixed-bar a:hover:after{top:-22px;}
.fixed-bar.black::after{background-color:#000;}
.fixed-bar.black a{color:#000;}
.fixed-bar.white::after{background-color:#fff;}
.fixed-bar.white a{color:#fff;}

.sub{
margin-left:75%;margin-top:45%; font-size:1.2em;word-break:break-all; opacity:.8;color:#fff;
display:none;
}

@media all and (max-width:768px) {

.fixed-bar a{position: absolute;right: 0;top: -17px;display: inline-block;width:102px;height:40px;margin-right: 121px;	font-size: 20px;color: #fff;text-align:right;font-weight: 900;z-index:-1; transition: 0.35s ease 0.1s}
.fixed-bar a.youtube{position: absolute;right: -100px;top: -17px;display: inline-block;width:102px;height:40px;margin-right: 121px;	font-size: 20px;color: #fff;text-align:right;font-weight: 900;z-index:-1; transition: 0.35s ease 0.1s}

}


/** 공지사항 **/
.notice{width:100%; border-radius: 2em; padding:2em 3em; background-image: linear-gradient(100deg, #1d59ff 25%, #0080ff 67%, #006fff); color:#fff; font-size:1.25em;}
.notice-content{ margin:1em 0em 0.5em 0em;    align-items: center;justify-content: space-between; display: flex; font-size: 1.25em;}
.notice-content p{    width: 80%; float: left;}
.notice-text{width: 80%;float: left;}
.notice-content .btn-more{float: right;}

@keyframes moveLeft {
    0% {
        margin-left:0px;
    }
    100% {
        margin-left:-1300px;
    }
}
@keyframes moveRight {
    0% {
        margin-left:-1300px;
    }
    100% {
        margin-left:0px;
    }
}

.comunity h3{font-size: 2em; text-decoration: none; font-style: normal; display: inline-block; margin-right: 2em;}
.comunity span{color:#7e7d82; font-size: 1.25em;}
.comunity .top{    display: flex; justify-content: space-between;margin:3em 0em 2em 0em;}

.comunity .comunity-cont{display: grid;grid-template-columns: 1fr 1fr; gap:2em;}
.comunity .instargram{display: grid;grid-template-columns: 1fr 1fr; gap:1em;}
.comunity .instargram img{widtH:100%;}


.emojmo .thumb{ width:100%; height: 450px; border-radius: 2em 2em 0px 0px;background:#ccc;    background-size: cover; background-position: center;}
.emojmo .cont{font-size: 16px; margin-top:1em; padding:0.5em 1em 2em 1em;}
.emojmo .cont h3{ font-size: 1.5em; font-weight: 900; color:#006fcf; font-style: normal;margin:0.5em 0em;text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;}
.emojmo .cont p{ font-size: 1.25em; margin-bottom:2em;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
     
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}



/**Mobile**/
@media screen and (max-width : 780px) {
    .slide-img .slick-slide{height: 740px;}
    .slick-dotted.slick-slider{margin-bottom: 0px;}
    .slide-img .slick-slide.bg .cont{width:100%;margin-bottom:4em; padding:20px;}
    .slide-img .slick-slide span{font-size:16px; font-weight: 800;}
    .slide-img .slick-slide h3{
      font-size: 23px; line-height: 39px; width: 90%; word-break: keep-all;height: 225px;
    }
    .slide-img .slick-next,.slide-img .slick-prev{display: none !important;}
    .slide-img .slick-slide .btn-wrap{margin-top:60px; gap:14px;}
    .slide-img .slick-dots li{font-size: 13px;flex:1;}
    .slide-img .slick-dots{ bottom:40px !important; display: flex !important; padding:0px 20px;}
    .slide-img .slick-dots .dot{border-bottom: 0px; padding:0px 0px 0px 0px; margin:0px; text-align: left; position: relative; display: inline-block; width: 100%;}
    .slide-img .slick-dots li span{width: 100%; display: inline-block;margin-top:20px;font-size:13px;}
    
    .slide-img .slick-dots .dot::before{content: ''; display: inline-block; width:100%; height: 2px; background: #fff; position: absolute; top:0px; left:0px; opacity: .5;}
    .slide-img .slick-dots .slick-active .dot::after{content: ''; display: inline-block; width:0px; height: 2px; background: #fff; position: absolute; top:0px;left:0px;opacity: 1; animation: widthFull 2.5s ease-in-out forwards;}

    @keyframes widthFull { 
        0% {width: 0px;}
        100% {width:100%;}
    }
    
    .slide-img .slick-slide .round.btn{font-size:13px; height: 42px; padding:14px 20px;}
    .slide-img .slick-slide .ico.arrow{margin-left: 10px;}
    .slide-img .slick-slide .round.btn.small{height:42px; width:42px;}
    .portfolio-wrap .full.line.right{ text-align: center;}
    .portfolio-wrap .type01.tab li:first-child{margin-left: 0px;}
    .portfolio-wrap .cont-list{display:grid;grid-template-columns: 1fr 1fr; gap:8px; margin-top:39.5px;}
    .portfolio-wrap .cont-list li{width:100%; display: flex;flex-direction: column; justify-content: end;
            white-space: pre-wrap;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: keep-all;
    }
    .portfolio-wrap .cont-list li h3{
    white-space: pre-wrap;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: keep-all;
        word-break: break-word;
    }
    .portfolio-wrap .cont-list p{height:51px; overflow: hidden; width: 100%; max-width: 139px; word-break: break-all;}
    .portfolio-wrap .cont-list li.hidden{display: none;}
    .portfolio-wrap .thumb.type01 .btn.type02{left:20px;}
/*
    .portfolio-wrap .cont-list li:nth-child(5)
    ,.portfolio-wrap .cont-list li:nth-child(6)
    ,.portfolio-wrap .cont-list li:nth-child(7)
    ,.portfolio-wrap .cont-list li:nth-child(8){display: none;}
*/
    .hide-wrap .btn.type01{width:auto; border-width: 1px; height: auto;}
    .list.type01.application-list li .tag span{font-weight: 500;}
    .list-wrap.list01 .thumb.type01 h3{margin-bottom:24px;}
    .list-wrap.list01 .thumb.type01 .btn.type02{bottom:20px; right:20px;}
    .info-wrap .list.type01{grid-template-columns: 1fr; gap:8px;}
    .info-wrap .list li.hidden{display: none;}
    .news-wrap .tabs.type01{display: inline-flex; flex-flow: wrap;margin-bottom: 0px;}
    .news-wrap .list.type02{grid-template-columns: 1fr;}
    .news-wrap .list.type02 li span.cate{color:#0072eb; font-size: 14px;}
    .news-wrap .list.type02 li h3{ font-size: 18px; line-height: 1.5; font-weight: 600; margin:10px 0px 40px 0px;}
    .news-wrap .list.type02 li span.date{font-size: 14px; color:#707070;}
    .news-wrap .cate .content-wrap.mid{padding:0px 20px 0px 20px;}
    .news-wrap .content-wrap.mid{padding:0px 20px 40px 20px;}

    
    .news-wrap .content-wrap.small{padding:0px 20px 0px 20px; text-align: center; justify-items: center;}
    .news-wrap .content-wrap.button{padding:40px 20px; }
    .comunity-cont{grid-template-columns: 1fr;}
    .text-wrap span{font-size: 62px; margin-top: 0em;}
    .text-wrap::before{width:120px;}
    .text-wrap::after{width:120px;}
    .text-wrap{height:auto; margin-bottom:100px; margin-top:0px;}
    .mbanner-list{margin:20px; margin-top:0px; margin-bottom: 50px !important;}
    .mbanner-list li.slick-slide{ height: 480px; background-size: cover; border-radius: 20px; color: #fff; text-align: center; padding:40px 30px;}
    .mbanner-list li h3{font-size: 30px; color:#fff; margin:0.25em 0em 0.5em 0em;}
    .mbanner-list .biz li{height: inherit; padding:5px;}
    .mbanner-list .slick-slide{    align-items: center;}
    .mbanner-list .slick-dots{ bottom:-42px; }
    .mbanner-list .slick-dots li button{width: 10px; height: 10px; background-color: #e5e5e5; opacity: 1; border-radius: 30px;font-size: 0px; }
    .mbanner-list .slick-dots li.slick-active button{background-color: #000;}
    .mbanner-list .case-list .case-info .slick-list{padding-right: 0px;}
    .mbanner-list .slick-dotted.slick-slider {padding-bottom: 50px;}
    .mbanner-list .slick-dots{bottom:0px;}
    .solution-wrap .content-wrap.small{ justify-items: center; text-align: center;        padding: 0em 20px 40px 20px; }
    .commu-wrap .flex.two-wide.bottom{    flex-direction: column; align-items: start; gap:0.5em;}
    .board-info .title{border-bottom: 0px; padding:20px;    justify-content: start;}
    .board-info .cont{padding:0px 20px 20px 20px;}
    .board-info .title h3{font-size:18px;}
    .board-info .cont li{font-size:16px; color:#262626; opacity: .8; line-height: 1.5;}

    .commu-wrap .ico.more{ background-image: url(../images/common/ico_main_arrow03.png);}



  }