#contentWrap #content.zero{padding-top:0px;}

.container_black{background:#000;}
#sub_container.container_black .sub_inner{width:100%;}
.pdbottom_50{padding-bottom:50px;}
.pdbottom_100{padding-bottom:100px;}
.canvasTTL p{
  position: absolute;
  top: 6.7%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  text-align: center;
  vertical-align: middle;
  margin: auto;
  letter-spacing: -5px;
  font-family:'S-CoreDream';
  font-size: 8vw;
  font-weight:600;
  background: linear-gradient(135deg, #fdfcfb 0%, #e2d1c3 100%);
  color:transparent;
  -webkit-background-clip:text;
}
.myCanvas canvas{height: 700px; width: 100%;}
.two{
  width:100%;
  margin:auto;
  display:flex;
  position:relative;
  justify-content: center;
}
.two_phone img{width:600px;}
.inphone{
  width:374px;
  height:817px;
  position:absolute;
  top:44px;
  left:50%;
  transform:translateX(-50%);
  border-radius: 46px;
  overflow:hidden;
  opacity: 0.4;
}
.inphone div{height:817px;  position:relative;}
.inphone video{
  height:100%;
  position:absolute;
}
.inphone01 video{
  left:50%;
  transform:translateX(-47%);
}
.inphone02 video{
  left:50%;
  transform:translateX(-46%);
}
.inphone03 video{
  left:50%;
  transform:translateX(-65%);
}
.inphone04 video{
  left:50%;
  transform:translateX(-75%);
}
.outphone{
  width:350px;
  font-size:60px;
  position:absolute;
  top:11%;
  left:50%;
  transform:translateX(-50%);
}
.outphone div{text-align:center;}
.outphone img{width:250px;}
.outphone p{
  font-size:65px;
  font-weight:600;
  color:#fff;
  text-align:center;
  margin-top:30px;
  text-shadow: 0 0 10px #000;
  line-height:1.2;
}
.outphone p:nth-child(3){
  font-size:17px;
  margin-top:25px;
  font-weight:400;
  line-height:1.4;
}
.outphone p:nth-child(4){
  margin-top:0px;
}
.outphone ul{padding:0 44px;}
.outphone ul li{
  font-size:17px;
  color:#fff;
  margin-top:20px;
  margin-left:-5px;
  text-shadow: 0 0 5px #000;
  letter-spacing:-0.05rem;
}
.outphone ul li:first-child{margin-top:45px;}
.landing{
  display:inline-block;
  width:70%;
  font-size:16px;
  color:#fff;
  border:1px solid #fff;
  border-radius:50px;
  padding:13px 30px;
  transition:0.3s ease;
  color:#fff !important;
  font-weight:500;
}
.landing span{float:right;}
.landing:hover{background:#fff;  color:#333 !important;  text-shadow:none;}



/* ÅǸ޴º */

.zeroblack_tab{
  position: relative;
  background: #000;
  color: #fff;
  font-size: 20px;
}
.zeroblack_tab h2{
  font-family:'S-CoreDream';
  font-size:3vw;
  text-align:center;
  padding:0 0 70px 0;
}
.grid {
  list-style: none;
  margin-left: -40px;
}
.gc {
  box-sizing: border-box;
  display: inline-block;
  margin-right: -.25em;
  min-height: 1px;
  padding-left: 40px;
  vertical-align: top;
}
.gc--1-of-3 {width: 50%;}
.gc--2-of-3 {width: 50%;}
.gc--2-of-3 ul li em{font-size:20px; font-weight:500; line-height:2;}
.gc--2-of-3 ul li em:hover{color:#00ff15;}
.naccs {position: relative; max-width: 1300px; margin: auto;}
.naccs .menu div {
  padding: 17px 20px 15px 40px;
  margin-bottom: 10px;
  color:#fff;
  background: #222;
  border-radius:0 50px 50px 0;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  position: relative;
  vertical-align: middle;
  font-weight: 300;
  font-size:18px;
  transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
}
.naccs .menu div:hover {box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.naccs .menu div span.light {
  height: 10px;
  width: 10px;
  position: absolute;
  top: 24px;
  left: 15px;
  background-color: #00ff15;
  border-radius: 100%;
  transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
}
.naccs .menu div.active span.light {
  background-color: #00ff15;
  left: 0;
  height: 100%;
  width: 5px;
  top: 0;
  border-radius: 0;
}
.naccs .menu div.active {color: #00ff15;  padding: 15px 20px 15px 25px;}

ul.nacc {
  position: relative;
  height: 0px;
  list-style: none;
  margin: 0;
  padding: 0;
  transition: .5s all cubic-bezier(0.075, 0.82, 0.165, 1);
}
ul.nacc li {
  opacity: 0;
  transform: translateX(50px);
  position: absolute;
  list-style: none;
  transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
}
ul.nacc li.active {
  transition-delay: .3s;
  z-index: 2;
  opacity: 1;
  transform: translateX(0px);
}
ul.nacc li p {
  margin: 0;
  color:#fff;
  font-size:19px;
  font-weight:300;
  letter-spacing:0;
}
ul.nacc li p a{color:#fff;}


ul.nacc li span{display:inline-block;}
.q_card{margin-bottom:15px !important;}

@media screen and (max-width:1200px){
.myCanvas canvas{height:500px;}
.canvasTTL p{top:5.5%;}
#sub_container.container_black .sub_inner{padding:0px;}
.zeroblack_tab{padding:0 60px 100px;}
.zeroblack_tab h2{font-size:5vw;}
}

@media screen and (max-width: 1024px){
.canvasTTL p{top:4.5%;}
}

@media screen and (max-width:950px){
}

@media screen and (max-width:768px){
.myCanvas canvas{height:400px;}
.canvasTTL p{top:3.6%; font-size:11vw;}
.zeroblack_tab{padding-bottom:320px;}
.zeroblack_tab h2{font-size:6vw;}
.gc--1-of-3{width:100%;}
.gc--2-of-3{width:100%;}
ul.nacc li{transform:none;}
ul.nacc li p{padding-top:30px; padding-bottom:50px;}
}

@media screen and (max-width:640px){
.canvasTTL p{top:3.6%;}
.zeroblack_tab{padding-bottom:350px;}
}

@media screen and (max-width:480px){
.myCanvas canvas{height:300px;}
.two_phone img{width:400px;}
.inphone{width:251px; height:547px; top:28px; border-radius:31px;}
.outphone img{width:130px;}
.outphone p{font-size:40px; margin-top:20px;}
.outphone p:nth-child(3){font-size:14px; margin-top:20px;}
.outphone ul li{font-size:14px; margin-left:25px;}
.outphone ul li:first-child{margin-top:25px;}
.landing{width:60%; font-size:14px; padding:8px 30px;}
.zeroblack_tab h2{font-size:8vw;}
.naccs .menu div{font-size:15px;}
ul.nacc li p{font-size:15px;}
}

@media screen and (max-width:420px){

}

@media screen and (max-width:380px){
.zeroblack_tab{padding-bottom:380px;}
}

@media screen and (max-width:340px){
.zeroblack_tab{padding-bottom:420px;}
}



/* ±âÁ¸CSS */
#service {width:100%; margin:0 auto; overflow:hidden;}
#service p.txtP { padding-bottom:20px; font-size:20px;  line-height:35px; }
#service .sub_txt01 { padding:0 10px;}
#service div.icoBox {overflow:hidden; margin:40px 0 60px 0;}
#service section {padding:170px 35px 40px 35px; text-align:center; border:1px solid #dfdfdf; margin:1% 1%; width:31%;
 box-sizing:border-box; min-height:320px; float:left; }
#service section.ico1 {background:url("../img/img1.png")no-repeat center 40px;}
#service section.ico2 {background:url("../img/img2.png")no-repeat center 40px;}
#service section.ico3 {background:url("../img/img3.png")no-repeat center 40px;}
#service section.ico4 {background:url("../img/img4.png")no-repeat center 40px;}
#service section.ico5 {background:url("../img/img5.png")no-repeat center 40px;}
#service section.ico6 {background:url("../img/img6.png")no-repeat center 40px;}
#service div.tit {font-size:20px; padding-bottom:20px;}
#service div.txt {font-size:14px; }


/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#service {width:100%; }	
#service div.icoBox {padding:0 15px;}
}
@media (max-width: 768px) {
#service section {width:100%;  margin:2% 0%;}	
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}