@charset "utf-8";
@media (max-width: 1230px) {
	.main-tech{padding:0;}

    #sub #wrapper{padding-top:80px;}
    /* header */
    #header:after{top:80px;}
    #header .contain{height:80px;}
    #header .sitelogo {top:25px;}
    #header .sitelogo img{height:30px;width:212px;}
    

    #gnb>ul {gap:60px;} 
    #gnb>ul>li>a {line-height:80px;}
    #gnb>ul>li>a:after{bottom:15px;}

    .lang ul{gap:10px;}

    .sec1 .fp-tableCell,
    .sec2 .fp-tableCell,
    .sec3 .fp-tableCell,
    .sec4 .fp-tableCell,
    .sec5 .fp-tableCell,
    .sec6 .fp-tableCell{padding-top:80px;}

    .mobile-navigation .head .contain{height:80px;}
    .mobile-navigation .head .logo img{height:30px;}
    /* .mobile-navigation .head .close{width:23px;height:23px;} */
    .mobile-navigation .content{height:calc(100vh - 80px);}
    .mobile-navigation .nav-menu{padding:0;}
    .mobile-navigation .nav-menu:before{top:45px;}
    .mobile-navigation .nav-menu>ul{gap:30px;}
    .mobile-navigation .nav-menu>ul>li>a{font-size:22px;height:45px;}
    /* .mobile-navigation .nav-menu>ul>li>a:after{width:8px;height:8px;bottom:-4px;} */
    .mobile-navigation .nav-menu>ul>li .submenu{margin-top:30px;}
    .mobile-navigation .nav-menu>ul>li .submenu>ul>li{margin-bottom:10px;}
    .mobile-navigation .nav-menu>ul>li .submenu>ul>li>a{font-size:16px;}

}

@media (max-width: 1230px) {
	#gnb{display: none;}

    .main-tech .img{width:50%;}
    .tt18 br{display: none;}
    .btn-more{height:50px;}
    .btn-more span{padding-right:24px;}
    .btn-more span:after{width:12px;height:12px;margin-top:-6px;}

    .main-resource{padding:0 70px;}
    .main-resource .slick-list{margin:-15px;}
    .main-resource .item{padding:15px;}
    .md-box{border-radius:15px;}
    .md-box .tt-wrap{padding:30px 20px;}
    .md-box .tt-wrap .tt br{display: none;}
    .md-box .tt-wrap .btn{right:20px;padding:0 15px;height:32px;top:-16px;}
    .main-resource .slick-arrow{width:40px;height:40px;background-size:10px;}
    .main-resource .slick-prev{left:-70px;}
    .main-resource .slick-next{right:-70px;}

    .sec3 .sec-tit{margin-right:40px;width:auto;}
    .sec3 .sec-tit .logo img{height:40px;}

    .main-news ul li .btn{width:40px;height:40px;}

    #footer .foot-menu{padding-bottom:25px;margin-bottom:25px;}

    /* sub page */
    .sub-visual {height:300px;}

    .lnb .inner ul li a{height:50px;}

    .greeting .tt-wrap{margin-top:-60px;}
    .greeting .tt-wrap .wrap p br{display: none;}

    .history .tit-wrap{padding-right:40px;width:auto;padding-left:0;}
    .history .con .row:before{top:3px;}
    .history .con .row:after{top:12px;}

    .media-list{margin-top:0;}
    .media-list ul{margin:0 -10px -30px;}
    .media-list ul li{padding:0 10px;margin-bottom:30px;}
    .media-list ul li .md-box{border-radius:15px;}
    .media-list ul li .md-box .tt-wrap{padding:30px 20px;}
    .media-list ul li .md-box .tt-wrap .tt{margin-top:5px;}

    .view-tt-wrap .tt br{display: none;}
    /* .btn-back{width:130px;height:44px;;} */

    .product .top-con .img{padding:0;}
    
}

@media (max-width: 768px) {

    .pop-pt .fancybox-close {right:0;top:-25px;}
    .pop-pt .fancybox-title-float-wrap{margin-bottom:-40px;}
    .pop-pt .fancybox-title-float-wrap .child{padding:5px 20px;}

    #sub #wrapper{padding-top:60px;}
    /* header */
    #header{position: fixed;}
    #header:after{top:60px;}
    #header .contain{height:60px;}
    #header .sitelogo {top:18px;left:15px;}
    #header .sitelogo img{height:24px;width:168px;}

    .mobile-navigation .head .logo img{width:168px;height:24px;}

    .lang{right:70px;}
    .lang ul{gap:8px;}
    .lang ul li a{width:26px;height:26px;font-size:12px;}

    .header-fixed #header{background-color: #fff;}
    .header-fixed #header:after{opacity:1;}
    .header-fixed #header .sitelogo a img.on{display:block;}
    .header-fixed #header .sitelogo a img.off{display:none;}
    .header-fixed #header #gnb>ul>li>a{color:var(--dark);}

    .header-fixed #header .btn-m-menu span,
    .header-fixed #header .btn-m-menu span:before,
    .header-fixed #header .btn-m-menu span:after{background-color:var(--dark);}

    .sec1 .fp-tableCell,
    .sec2 .fp-tableCell,
    .sec3 .fp-tableCell,
    .sec4 .fp-tableCell,
    .sec5 .fp-tableCell,
    .sec6 .fp-tableCell{padding-top:0;}

    #section0.fp-section, 
	#section0 .fp-slide, 
	#section0 .fp-tableCell{ 
		height: auto !important; 
	} 
	#section1.fp-section, 
	#section1 .fp-slide, 
	#section1 .fp-tableCell{ 
		height: auto !important; 
	} 
	#section2.fp-section, 
	#section2 .fp-slide, 
	#section2 .fp-tableCell{ 
		height: auto !important; 
	} 
	 
	#section3.fp-section, 
	#section3 .fp-slide, 
	#section3 .fp-tableCell{ 
		height: auto !important; 
	} 
	
	#section4.fp-section, 
	#section4 .fp-slide, 
	#section4 .fp-tableCell{ 
		height: auto !important; 
	} 
	
	#section5.fp-section, 
	#section5 .fp-slide, 
	#section5 .fp-tableCell{ 
		height: auto !important; 
	} 
	
	#section6.fp-section, 
	#section6 .fp-slide, 
	#section6 .fp-tableCell{ 
		height: auto !important; 
	} 

    /* main */ 
    .main-visual .item {height:300px;}
    .main-visual .tt-wrap{top:50%;transform:translate(-50%,-50%);padding-top:30px;text-shadow:3px 3px 10px rgba(0,0,0,.1);}
    .main-visual .tt-wrap .tit{font-size:20px;line-height:1.4em;}
    .main-visual .tt-wrap .tt{font-size:14px;}
    .main-visual .scroll{display: none;}

    .sec1{margin-top:70px;}
    .section{padding-bottom:35px;margin-bottom:35px;}
    .section:last-child{padding-bottom:70px;margin-bottom:0;}
    .section.main-visual{margin:0;padding:0;}
    .section#section4{padding:0;margin-bottom:0;}

    .main-tech{display: block;}
    .main-tech .img{width:100%;margin-bottom:25px;}
    .main-tech .tt-wrap{width:100%;}
    .btn-more{height:40px;margin-top:20px;}
    .btn-more span{padding-right:20px;}
    .btn-more span:after{width:10px;height:10px;margin-top:-5px;}

    .sec-tit.center{margin-bottom:25px;}

    .section.sec2{padding-bottom:70px;margin-bottom:70px;}
    .main-resource{padding:0 50px;}
    .md-box .tt-wrap{padding:15px 20px 20px;}
    .md-box .tt-wrap .tit{font-size:16px;}
    .md-box .tt-wrap .btn{position: static;opacity:1;font-size:12px;height:30px;margin-top:15px;}
    .main-resource .slick-arrow{width:32px;height:32px;background-size:8px;}
    .main-resource .slick-prev{left:-50px;}
    .main-resource .slick-next{right:-50px;}
	
    .sec3 .contain{display: block;}
    .sec3 .sec-tit{margin-right:0;width:100%;margin-bottom:25px;}
    .sec3 .sec-tit .more{padding-right:15px;margin-top:15px;}
    .sec3 .sec-tit .more:after{height:8px;margin-top:-4px;}
    .sec3 .sec-tit .logo{display: none;}

    .main-news{width:100%;}
    .main-news ul li .date-wrap .day{font-size:24px;}
    .main-news ul li .date-wrap .date{margin-top:3px;}
    .main-news ul li .tt-wrap .tt{margin-top:0;}
    .main-news ul li .btn{width:30px;height:30px;}

    /* footer */
    #footer{text-align:center;}
    #footer .foot-menu{padding-bottom:25px;margin-bottom:25px;}
    #footer .foot-menu ul{gap:20px;justify-content:center;}
    #footer .foot-menu ul li a{font-size:13px;}
    #footer .foot-info .logo img{height:20px;}
    #footer .foot-info address {display: block;}
    #footer .foot-info address p{margin-bottom:5px;}
    #footer .foot-info address p:last-child{margin-bottom:0;}
    #footer .foot-info .copy .bar{display: none;}
    #footer .foot-info .copy a{font-size:11px;}

    .scroll-top{right:30px;bottom:30px;width:46px;height:46px;font-size:17px;}

    .mobile-navigation .head .contain{height:60px;}
    .mobile-navigation .head .logo img{height:24px;}
    .mobile-navigation .head .close{width:20px;height:20px;}
    .mobile-navigation .content{height:auto;padding-top:40px;}
    .mobile-navigation .nav-menu:before{display: none;}
    .mobile-navigation .nav-menu>ul{gap:0;display: block;}
    .mobile-navigation .nav-menu>ul>li{margin-bottom:30px;}
    .mobile-navigation .nav-menu>ul>li:last-child{margin-bottom:0;}
    .mobile-navigation .nav-menu>ul>li>a{font-size:18px;height:auto;}
    .mobile-navigation .nav-menu>ul>li>a:after{display: none;}
    .mobile-navigation .nav-menu>ul>li .submenu{margin-top:10px;}
    .mobile-navigation .nav-menu>ul>li .submenu>ul>li{margin-bottom:5px;}
    .mobile-navigation .nav-menu>ul>li .submenu>ul>li>a{font-size:15px;}

    /* sub page */
    .sub-visual {height:200px;}
    .lnb .inner ul li a{height:44px;}

    .greeting .tt-wrap{margin:0;padding:0;margin-top:20px;}
    .greeting .tt-wrap .tit{margin-bottom:15px;}
    .greeting .tt-wrap .ceo{margin-top:20px;}
    .greeting .tt-wrap .ceo strong{margin-left:10px;}

    .history{display: block;}
    .history .tit-wrap{width:100%;padding:0;margin-bottom:30px;}
    .history .tit-wrap:before{display: none;}
    .history .tit-wrap .tit{font-size:24px;}
    .history .tit-wrap .tt18{margin-top:5px;}
    .history .tit-wrap .tt18 strong{color:var(--dark);font-weight:600;}
    .history .con{width:100%;margin-top:0;}
    .history .con:before{height:98%;left:10px;top:10px;}
    .history .con .row{padding-left:60px;}
    .history .con .row:before{width:16px;height:16px;left:2px;top:4px;}
    .history .con .row:after{width:20px;left:30px;top:11px;}
    .history .con .row .year{font-size:18px;}
    .history .con .row ul li .month{padding-left:10px;width:40px;}
    .history .con .row ul li .month:before{width:3px;height:3px;top:9px;}

    .doc-title{font-size:20px;margin-bottom:20px;}
    .tech .con dl{display: block;}
    .tech .con dl dt{width:100%;font-size:18px;margin-bottom:15px;}
    .tech .con dl dd{width:100%;}
    .tech .con dl dd .tit{font-size:16px;}
    .tech .con dl dd .tt br{display: none;}

    .product .top-con{display: block;}
    .product .top-con .img{width:100%;margin-bottom:30px;}
    .product .top-con .tt-wrap{width:100%;padding:0;}
    .product .top-con .tt-wrap .tit{font-size:22px;margin-bottom:10px;}
    .product .table-wrap .row .tit{font-size:18px;}
    .table01 table th,
    .table01 table td{height:40px;padding:5px;}
    .table01 table th{font-size:13px;}
    .table01 table td{font-size:12px;}
    .table01 table th:last-child,
    .table01 table td:last-child{border-right:none;}

    .media-list ul{margin:0 -7px -14px;}
    .media-list ul li{margin-bottom:14px;width:50%;padding:0 7px;}
    .media-list ul li .md-box .tt-wrap{padding:15px;}
    .media-list ul li .md-box .tt-wrap .tit{font-size:14px;}
    .media-list ul li .md-box .tt-wrap .tt{margin-top:0;font-size:13px;}
    .media-list ul li .md-box .tt-wrap .btn{margin-top:10px;font-size:10px;padding:0 13px;height:24px;}

    .view-tt-wrap .tit{font-size:18px;}
    .view-tt-wrap .tt{margin-top:10px;}
    .btn-back{width:100px;height:36px;}

    .patent .content .title{font-size:18px;margin-bottom:15px;}
    .patent .content ul{margin:0 -10px -35px;}
    .patent .content ul li{width:50%;padding:0 10px;margin-bottom:35px;}
    .patent .content ul li p{margin-top:10px;}

}