.tabmenu{  width: 100%;  border: 0px solid #ccc; padding: 0 0 10px 0;  overflow: auto; display:none;     padding: 0 10px 0; }
.tabmenu::-webkit-scrollbar{  display:none;}
.tabmenu ul{  white-space:nowrap;}
.tabmenu ul li{  display: inline-block;  padding: 0 10px; font-size: 17px;    font-weight: 600;}
.tabmenu ul li a.on {  color:Red; }



.best-box        { margin-bottom: 80px; } 
.best-box h2        {  font-size: 28px; } 
.best-box dl        {     padding:40px 0 60px 0;  width:100%;   border-bottom: 1px solid #ddd;     display: inline-block;     display: flex;      margin-bottom: 100px;}  
.best-box dl:nth-child(1) { padding-top:30px;} 
.best-box dl dt   {  width:30%;  line-height:22px; margin-right: 70px;     position: relative;}
.best-box dl dt span   {text-align: center;    display: inline-block;    margin-bottom: 30px;  }
.best-box dl dt span img   {      margin-bottom: 10px !important; }

.best-box dl dt img:nth-child(1), .best-box dl dt img:nth-child(even) {     margin-bottom: 30px; } 
.best-box dl dd  {  float:left;   }
.best-box dl:last-child { border-bottom:0px; }
.best-box .pilm   {     margin-bottom: 50px;  } 
.best-box .pilm li {   word-break: keep-all;  line-height: 24px;  position:relative;     padding-left: 15px;     margin-bottom:5px; } 
.best-box .pilm li:before {content: "";    width: 6px;    position: absolute;    height: 1px;    background: #606060;    top: 12px;    left: 2px;  } 
.best-box .tape   {  word-break: keep-all;   margin-bottom: 50px;   } 
.best-box h1      {    font-weight: 700;    font-size: 19px;    margin-bottom:10px; } 
.best-box p      {      line-height: 24px;  } 
.best-box .pilm-st { display: flex; }    
.best-box .pilm-st li {       background: #f25050;    border-radius: 333px;    padding: 5px 19px;    margin-right: 15px;    font-size: 14px;    color: white; }    
.best-box .pilm-st li:last-child {    margin-right: 0px;    }    


.tape_info {  border-top: 1px solid #666666;    border-collapse: separate;    border-spacing: 0px;    width: 100%; font-size: 12px;}
.tape_info th  {  line-height: 18px;   text-align: center;    border-bottom: 1px solid #ebebeb;    border-right: 1px solid #ebebeb;    background-color: #f6f6f6;       font-weight: 500; height: 42px;   }
.tape_info td {     line-height: 18px; text-align: center;    border-bottom: 1px solid #ebebeb;    border-right: 1px solid #ebebeb;    height: 42px; }
.tape_info th:last-child, td:last-child {    border-right: none !important; }
.tape_info td i { line-height: 20px;    display: inline-block; }

.pilm-st2 {     position: relative;    margin-top: 12px;    margin-bottom: 25px;    display: inline-block;    margin-left: 145px;}
.stru4:before { content: "";    width: 146px;    height: 92px;    position: absolute;    background: url(../img/01_business/stru4.png) no-repeat;    top: -9px;    left: -148px;}
.stru3:before { content: "";    width: 146px;    height: 92px;    position: absolute;    background: url(../img/01_business/stru3.png) no-repeat;    top: -9px;    left: -148px;}
.stru2:before { content: "";    width: 146px;    height: 92px;    position: absolute;    background: url(../img/01_business/stru2.png) no-repeat;    top: -9px;    left: -148px;}
.pilm-st2 li {  line-height: 15.6px;    font-size: 10px;    border-radius: 333px;    padding: 0px 16px;    margin-bottom: 1px;    background: #e84b4b;    color: white; }


.nvs {  display: inline-block;  padding: 30px 0 60px 0;       border-bottom: 0px solid #ddd;     margin-bottom: 100px;}
.nvs li  {   margin-right: 33px;    text-align: center;    width: 31%;    display: inline-block;    margin-bottom: 45px;}
.nvs li:nth-child(3n)  {     margin-right: 0px;    }
.nvs li  img {  }
.nvs li p {margin-top: 10px;}
.pva { margin-top:30px; }


.promenu { display: flex;    text-align: center;    width: 100%;    margin: 0 auto;    margin-bottom:85px;    justify-content: center;     flex-wrap: wrap;}
.promenu li {      padding-bottom: 12px;  margin-right: 20px;    text-align: center;    float: left;    border-radius: 333px;    font-weight: 400;    font-size: 16px; position: relative; }
.promenu li a { position:relative; }
.promenu li:before { content:"";         position: absolute;    width: 1px;    height: 15px;    background: #bebebe;    left: -10px;    top: 6px;}
.promenu li:last-child { margin-right: 0px; }
.promenu li a.on { padding: 10px 15px;    border-radius: 333px;    color: white;    background: #df5656; }
.promenu li a.on:before {     content: "";    position: absolute;    width: 1px;    background: #ffffff;    height: 22px;    left: -10px; }
.promenu li a.on:after {         content: "";    position: absolute;    width: 1px;    background: #ffffff;    height: 22px;    right: -11px;    z-index: 1; }
.promenu li:first-child:before { content:""; width:0px;  }




@media only screen and (max-width: 1024px) {
		.best-box dl        { padding:30px 0; width:100%;   border-bottom: 1px solid #ddd;     display: table;    vertical-align: middle;} 
		.best-box dl dt   {  float:left; width:100%; font-weight:800; line-height:22px; font-size:15px;   }
		.best-box dl dd  {  float:left;   font-size:14px; }
		.best-box dl:last-child { border-bottom:0px; }
		.videowrap { display:none; }
		.best-box h2 {    font-size: 22px;}
		.best-box dl dt span img {       width: 100%;  }

		.tabmenu{  width: 100%;  border: 0px solid #ccc;  padding: 0 0 10px 0; overflow: auto; display:block;      margin-bottom: 30px;}
		.tabmenu::-webkit-scrollbar{  display:none;}
		.tabmenu ul{          display: flex;        flex-wrap: wrap; white-space:nowrap;}
		.tabmenu ul li{       position:relative;   padding: 0 10px 0 0;        font-size: 10px;        font-weight: 600;        height: 28px;}
		.tabmenu ul li a.on {  color: white;        background: #df5656;        padding: 1px 7px;        border-radius: 4px;        display: inline-block;}
		.promenu { display: none;  }

		.tabmenu li:before {    content: "";    position: absolute;        width: 1px;        height: 9px;        background: #bebebe;        left: -5px;        top: 9px;}

		.nvs {  display: flex; flex-wrap:wrap;  padding: 30px 0 60px 0;       border-bottom: 0px solid #ddd;     margin-bottom: 100px;}
		.nvs li  {   margin-right: 33px;    text-align: center;    width: 46%;    display: inline-block;    margin-bottom: 45px;}
		.nvs li:nth-child(2n)  {     margin-right: 0px;    }
		.nvs li:nth-child(3n)  {     margin-right: 0px;    }
}



@media only screen and (max-width: 767px) {
		.tape_info {   font-size: 10px;}
		.best-box h2 {        font-size: 18px;    }
		.best-box h1 {    font-size: 18px;   }
		.best-box dl dt {          font-weight: 400;        font-size: 13px;    }
		.best-box dl {        padding: 10px 0;    }
		.best-box {    margin-bottom: 0px;}
		.best-box dl {    margin-bottom: 0px;}

		.nvs {  display: flex; flex-wrap:wrap;  padding: 30px 0 60px 0;       border-bottom: 0px solid #ddd;     margin-bottom: 0px;}
		.nvs li  {   margin-right: 33px;    text-align: center;    width: 100%;    display: inline-block;    margin-bottom: 25px;}
		.nvs li:nth-child(1)  {     margin-right: 0px;    }
		.nvs li:nth-child(2n)  {     margin-right: 0px;    }
		.nvs li:nth-child(3n)  {     margin-right: 0px;    }
		.nvs li img {    width: 100%;}
		.best-box p {    line-height: 24px;    font-size: 14px; }
		.best-box .tape {    word-break: keep-all;    margin-bottom: 30px;}

}




.videowrap {position: relative;    height: 620px;    text-align: center;    overflow: hidden; pointer-events: none;    overflow: hidden;}
.videobg {    position: absolute;    top: 0;    left: 0;    right: 0;    bottom: 0;    z-index: 1;    background: black;    opacity: 0.3;}
.playvideo {     width: 100%;    height: 620px;     position: relative;}
.playvideo video { min-width: 100%;    min-height: 1260px;    position: absolute;    top: 65%;    left: 50%;    transform: translate(-50%, -50%); }

.aniTXT {     position: absolute;    z-index: 4;    top: 0;    width: 100%;}
.aniTXT p {  ax-width: 1100px;    margin: 0 auto;    color: white;    font-size: 48px;    padding-top: 280px; opacity:0; } 
.aniTXT2 { }

/******************************  text-animation ******************************/
.aniTXT2 {
    position: relative;
    -webkit-animation-name: aniTXT2; /* Safari 4.0 - 8.0 ÀÌ¸§°ªº¯°æ */ 
    -webkit-animation-duration: 1.4s; /* Safari 4.0 - 8.0 */
    animation-name: aniTXT2;
    animation-duration:1.4s;
    animation-delay: 2.7s;
}

@keyframes aniTXT2 {
   0%   { left:0px; top:200px; opacity:0;}
    100% { left:0px; top:0px; opacity:1;} 
	/* 
    0%   { transform:scale(0.1); opacity:0;}
    100% {  transform:scale(1);  opacity:1;  */
}

