
/***********************반응형***************************************/

@media (max-width:1280px) {
	.header-logo{
	left:10px;
	}
}

@media (max-width:1024px){
    .header-area{
    justify-content: flex-end;
    }
    .header-logo{
    position:absolute;
    left:10px;
    }
    .header-venture{
    margin-right:5px;
    }
    .header-venture img{
    height:44px;
    }
	.gnb-close-btn{
	position:absolute;
	right:281px;
	top:0;
	z-index:99999;
	background:#fff;
	width:35px;
	height:35px;
	line-height:35px;
	text-align:center;
	color:#333;
	font-size:25px;
	display:block;
	}
	
	.mobile-open-btn{
	z-index:99999;
	width:44px;
	height:44px;
	line-height:44px;
	text-align:center;
	color:#fff;
	font-size:28px;
	display:block;
	background:#0127a3;
    margin-top:27px;
	}

	#sidebar{
	position:fixed;
	top:0;
	bottom:0; 
	display:none; 
	right:-200px; 
	z-index:99999; 
	-webkit-transition: right 1s;  
	transition: right 1s; 
	width:auto; 
	overflow:visible; 
	background:#000;
	margin-left:0;
	left:auto;
	border:0;
	}

	.sidebg{
	display:block;
	position: fixed;
	height: 150%;
	background: rgba(0,0,0,0.5);
	width: 100%;
	top: 0;
	right: 0;
	z-index: 44;
	}
	.menu{
	position:relative;
	z-index:55; 
	width:280px; 
	left:auto; 
	right:0; 
	overflow-x:hidden; 
	overflow-y:auto; 
	height:100%; 
	background:#fff;
	display:block;
	text-align:left;
	box-sizing:border-box;
	padding:0 20px;
	}

	.menu > li{
	display:block;
	width:100%;
	box-sizing:border-box;
	border-left:0;
	box-sizing:border-box;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px rgba(0,0,0,0.2) solid;
	}

	.menu > li > ul > li{
	padding:5px 0;
	}

	.menu > li > a{
	height:20px;
	line-height:20px;
	font-weight:800;
	display:block;
	width:100%;
	margin:10px 0 5px;
	}

	.menu > li > ul > li > a{
	display:block;
	line-height:1.5em;
	}

	.header-gnb{
	display:none;
	}
	
	#main-visual{
	padding-top:0;
	}
	
	.va-img{
	width:150%;
	margin-left:-75%;
	}
	.va-text{
    font-size:50px;
    }
	#wwa, #touch, #field, #partner{
    height:auto;
    padding:120px 0;
    }
    #technology{
    height:auto;
    }
    
	.mt1{
    font-size:50px;
    }
    .mt2{
    font-size:22px;
    margin-top:15px;
    word-break:keep-all;
    }
    .mt3{
    font-size:22px;
    }
    .tech-left-area span{
    font-size:22px;
    }
    .tech-left-area p{
    font-size:45px;
    }
    .tech-left-area div{
    font-size:22px;
    }
    .tech-right li a p{
    font-size:24px;
    }
    .wwa-list li a em{
    font-size:18px;
    }
    .wwa-list li a p{
    font-size:26px;
    }
    #online a{
    font-size:16px;
    padding:10px 20px;
    }

    .tech-left{
    padding:80px 0;
    }
    .main-more-box{
    margin-top:30px;
    }
    .main-more-box a{
    font-size:16px;
    padding:10px 20px;
    }
    .field-slide .slick-arrow,
    .partner-slide .slick-arrow{
    width:55px;
    height:55px;
    line-height:55px;
    font-size:28px;
    }

    .fa-fnb{
    display:none;
    }
    .foot-area{
    background-position:100%  100%;
    display:block;
    text-align:center;
    }

    .sub-visual{
    /*height:380px;*/
	height:150px;
    }
	.sub-visual-bg{
	background:#000;
	}
    .sub-tit1{
    font-size:42px;
    }
    .sub-nav{
    font-size:14px;
    }
    .snb{
    margin-top:-55px;
    }
    .snb ul li a{
    line-height:55px;
    }
    .sc-tit{
    font-size:38px;
    padding-bottom:20px;
    }

    .sub-content2-area{
    padding:50px 0;
    }   
    .sc-p1{
    font-size:22px;
    }
    .sc-ul2{
    flex-wrap:wrap;
    }
    .sc-ul2 li{
    width:32%;
    margin-bottom:2%;
    }
    .sc-ta-t5 br{
    display:none;
    }

   .s12-area{
   display:block;
   }
   .s12a-left{
   width:100%;
   }
   .s12a-right{
   width:100%;
   }
   

   .sc-top-area{
   padding:50px 0;
   }
   .sc-ta-t1{
   font-size:28px;
   }
   .sc-ta-t2{
   font-size:22px;
   }
   .sc-ta-t3{
   font-size:18px;
   }
   .sc-box1-area{
   display:block;
   }
   .sc-box1-1{
   width:100%;
   padding:30px 0;
   }
   .sc-box1-1:after{
   left:50%;
   top:auto;
   bottom:-35px;
   }
   .sc-box1-2{
   width:100%;
   padding:50px 30px;
   }
   .sc-box1-2 ul{
   gap:2%;
   }
   .sc-box2{
   padding:30px 0;
   }

   .sc-p3{
   font-size:1.25em;
   word-break: keep-all;
   }
   .sc-p3 br{
   display:none;
   }

   .process-list li{
   width:32%;
   margin-bottom:5%;
   }
   .process-list li span{
   width:35px;
   height:35px;
   line-height:35px;
   }
   .process-list li:nth-child(4):after{
   display:none;
   }

   .s3l1-img{
   width:280px;
   height:280px;
   }

   .sub-content1{
   padding:50px 0;
   }

   .sc-p2{
   font-size:1.125em;
   word-break: keep-all;
   }
   .map-info p{
   font-size:1.125em;
   }
   
   .scb6-a-t1{
    width:300px;
    }
    .scb6-a-t2{
      width:40%;
    }
    .scb6-a-t2 br{
      display:none;
    }
   
   .sc-tab{margin-bottom:30px;}
   .sc-tab a{margin:0; margin-bottom:5px; display:block;}
   .sc-box3{padding:30px 0;}   
   .s3l1-p{word-wrap:break-word; padding:15px; box-sizing:border-box;}
   .s3l1-tit{font-size:1.5em;}
   
   .sc-box5 p:before{width:50px; height:3px;}
   .s3l1-p{font-size:1.05em;}
}

@media (max-width:768px){
    .mobile-open-btn{
    width:32px;
    height:32px;
    line-height:32px;
    }
    .header-lang{
    height:65px;
    }
    .header-lang a{
    line-height:32px;
    height:32px;
    margin-top:0;
    }
    .quick-nav{
    display:none;
    }
	body, th, td, input, select, textarea, button{
	font-size:15px;
	}
    header{padding:0 5px; box-sizing:border-box;}
	.header-logo a{width:120px;}
    .header-logo{position:absolute; left:0;}
    .mobile-open-btn{margin-top:16.5px; font-size:22px;width:32px;height:32px;line-height:32px;}
    .header-venture img{height:32px;}
	header{height:auto; line-height:65px;}
	.header-area{height:65px; width:100%;}
	.mv-slide .slick-dots{bottom:10px;}
	.mv-slide .slick-dots li button{width:10px; height:10px;}
	
	.va-text{font-size:22px;}

    .wwa-list{
    margin-top:20px;
    }
    .wwa-list li a{
    box-sizing:border-box;
    padding:10px;
    }
    .wwa-list li a img{
    width:50px;
    }
    .wwa-list li a em{
    font-size:13px;
    padding:7px 0;
    }
    .wwa-list li a p{
    font-size:18px;
    }
    .mt1{
    font-size:24px;
    box-sizing:border-box;
    }
    .mt2{
    font-size:16px;
    line-height:1.6em;
    word-break: keep-all;
    }
    .mt2 br{
    display:none;
    }
    .mt3{
    font-size:15px;
    }
    #wwa, #touch, #field, #partner{
    padding:40px 0;
    }

    .touch-area .main-tit{
    padding-right:20%;
    box-sizing:border-box;
    }

    .main-more-box a{
    font-size:14px;
    }
    
    .field-slide .slick-arrow, .partner-slide .slick-arrow{
    width:35px;
    height:35px;
    line-height:35px;
    font-size:22px;
    }

    .field-slide .slick-arrow{
    top:50%;
    margin-top:-40px;
    z-index:999;
    }
    .field-slide{
    margin-top:20px;
    }
    .fsb-text p{
    font-size:22px;
    padding:7px 0;
    }
    .fsb-text span{
    line-height:1.5em;
    max-height:3em;
    }
    .fsb-text{
    margin-top:10px;
    text-align:center;
    }
    
    #technology{
    display:block;
    }
    .tech-left{
    width:100%;
    text-align:center;
    }
    .tech-left-area p{
    font-size:24px;
    margin:10px 0;
    }
    .tech-left-area div{
    font-size:16px;
    line-height:1.5em;
    }
    .tech-right{
    width:100%;
    
    }
    .tech-right li a{
    padding:15px;
    box-sizing:border-box;
    }
    .tech-right li a i{
    top:40%;
    }
    .tech-right ul{
    padding:30px 10px;
    width:100%;
    background-size:200px 131px;
    background-position:100% 0;
    }
    .tech-right li a p{
    font-size:18px;
    margin-top:5px;
    }
    .partner-slide .slick-arrow{
    top:0;
    }
    .partner-slide{
    margin-top:10px;
    }
    #online{
    padding:40px 0;
    }
    #online a{
    font-size:14px;
    }
    #online .mt2{
    margin-bottom:10px;
    }
    .foot-area{
    padding:20px 0;
    }
    .fa-logo{
    width:120px;
    }
    .fa-info li{
    font-size:14px;
    }
    .fa-info a{
    font-size:14px;
    }
    .tech-left{
    padding:30px 0;
    }
    
    .sub-visual{
    /*height:200px;*/
	height:60px;
    }
	.sub-visual-bg{
	background:#000;
	}
    .sub-nav{
    display:none;
    }
    .snb{
    display:none;
    }
    .sub-tit1{
    font-size:32px;
    }
    .sc-ta-t2 strong{
    font-size:1em;
    }
    .sc-ta-t1{
    font-size:24px;
    margin-bottom:10px;
    }
    .sc-ta-t2{
    font-size:17px;
    margin-top:7px;
    }
    .sc-ta-t2 br{
    display:none;
    }
    .sc-ta-t3{
    margin-top:3px;
    font-size:15px;
    }
    .sc-tit2{
    font-size:1.025em;
    margin-bottom:10px;
    }

    .sc23-box1 dl dt img{
    width:80px;
    }
    .sc23-box1 dl dd p{
    font-size:17px;
    word-break:keep-all;
    margin-bottom:0;
    }
    .sc23-box1 dl{
    padding-bottom:20px;
    margin-bottom:20px;
    }
    .sc-p3{
    margin-bottom:20px;
    }
    .sc-box6{
    padding:20px;
    display:block;
    }
    .scb6-left{
    width:100%;
    max-width:500px;
    }

    .scb6-right{
    padding-left:0;
    padding-top:20px;
    }

    .scb6-area{
    display:block;
    }
    .sc-box6.scb6-1{
    padding:20px;
    }
    .scb6-a-t1{
    width:100%;
    }
    .scb6-a-t2{
    width:100%;
    }
    .arrow-box{
    margin:20px 0 10px;
    }
    .scb6-l-t2 br{
    display:none;
    }
    .scb6-l-t2{
    word-break:keep-all;
    }
    .process-list li{
    width:49%;
    }
    .process-list li:after{
    display:none;
    }

    .process-list li .pl-img{
    padding:30px;
    width:60%;
    max-width:60px;
    }

    .sc25-list1 ul li{
    width:48%;
    margin-bottom:10%;
    }
    .sc-tab a{
    margin-bottom:10px;
    margin-right:5px;
    width:100%;
    text-align:center;
    }
    .sc25l1-txt{
    margin-top:10px;
    }
    .sc25l1-txt strong{
    margin:5px 0;
    }

    .sc-tit{
    font-size:25px;
    text-align:center;
    }

    .view-tit{
    font-size:24px;
    }

    .paging{
    margin-top:20px;
    }
    .paging a, .paging strong{
    width:30px; height:30px; line-height:30px;
    }
    .p-prev i, .p-next i{
    line-height:30px;
    }
    .view-tit{
    display:block;
    }
    .view-sns{
    margin-top:10px;   
    }
    .view-sns a{
    /*width:20px;*/
	height:30px;
    }
    .view-info ul{
    display:block;
    }
    .view-info{
    margin-top:10px;
    }
    .view-info ul dl{
    padding:5px 0;
    }
    .view-text{
    margin-top:10px;
    }
    .view-btn{
    margin-top:10px;
    }
    .view-btn a{
    margin:5px 0;
    width:100%;
    box-sizing:border-box;
    }

    .s31-list li{
    width:49%;
    }
    .s31l-txt{
    margin-top:5px;
    }

    .sc-box3{
    padding:30px 0;
    }
    .scb3-list1{
    display:block;
    }
    .scb3-list1 > li{
    width:100%;
    border-top:1px rgba(255,255,255,0.1) solid;
    }
    .scb3-list1 > li:first-child{
    border-top-width:0;
    padding-top:0;
    }
    .scb3-list1 > li.s3l1-li3{
    border-radius:0;
    }
    .sc-box4{
    display:block;
    }
    .sc4-left{
    width:100%;
    }
    .sc4-right{
    padding-left:0;
    }
    .sc-box5{
    display:block;
    }
    .sc-box5 p{
    width:100%;
    margin-bottom:10px;
    }
    .sc-box5 ul{
    padding-left:0;
    }
    
    .sc11-top{
    display:block;
    }
	.ppc {
	display:none;
	}
	.mmo {
	display:block;
	}

    .sc-venture{
    margin-top:10px;
    text-align:center;
    padding-left:0;
    }
    .sc-venture img{
    width:220px;
    margin:0 auto;
    }
    .sc-ul1{
    margin-top:20px;
    }
    .sc-ul1 li{
    display:block;
    }
    .sc-ul1 li span{
    width:100%;
    display:block;
    margin-bottom:5px;
    text-align:left;
    }
    .sc-p1{
    text-align:center;
    word-break:keep-all;
    font-size:18px;
    }
    .sc-p1 br{
    display:none;
    }
    .history dl{
    display:block;
    margin-top:20px;
    padding-top:20px;
    }
    .history dt{
    width:100%;
    margin-bottom:10px;
    font-size:32px;
    }
    .history dd li p{
    word-break:keep-all;
    }
    .history dd li{
    font-size:1em;
    }
    
    .sc-ul3 li{
    width:32%;
    padding:7px;
    }
    
    .sc-ta-t2{
    word-break: keep-all;
    }
    .sc-ta-t3{
    word-break: keep-all;
    }
    .sc-ta-t3 br{
    display:none;
    }
    
    .scb11-txt{
    padding:15px 0;
    }
    .scb11-txt p{
    font-size:18px;
    margin:5px 0;
    }
    .sc-box1-2 ul{
    display:block;
    }
    .sc-box1-2 ul li{
    width:100%;
    margin-top:15px;
    }
    .sc-box1-2 ul li dl{
    padding:15px;
    }
    .sc-box1-2 ul li dt{
    height:35px;
    }
    
    .sc-ta-t4{
    font-size:2em;
    }
    
    .sc-ta-t5{
      word-break:keep-all;
      font-size:1.125em;
      text-align:center;
      }
     .sc-box2-area .sc-ta-t5{
    font-weight:400;
     }
     
     .scb6-l-t1{box-sizing:border-box; padding:10px;}
}


