@charset "UTF-8";

@media screen and (max-width:1600px){
   .navFullWrap{padding:30px;}
   .navFullWrap .navFullBox .navFullmenu >ul >li a .menuTit{color:#fff;font-size:36px;font-weight:bold;display:inline-block;}

	.section03 .linkWrap .linkBox .linkTxtWrap .linkSubTit{padding:20px 0;}
}
@media screen and (max-width:1400px){
   .header{padding:0 20px;box-sizing:border-box;}
   .section01 .slider div{width:100%;height:100%}
   .section01 .slideTxt{font-size:64px;}
   .section01 .slideTxt .loadTxt{font-size:23px;padding-top:60px;}
   
   .section03 .linkWrap .linkBox .linkTxtWrap img{width:100px;}
   .section03 .linkWrap .linkBox .linkTxtWrap .linkSubTit span{display:inline-block;}

}
@media screen and (max-width:1200px){
   .section01 .slideTxt{font-size:50px;}
   .section01 .slideTxt .loadTxt{font-size:18px;padding-top:40px;}
   .section01 .slideTxt .loadTxt:before {;top: 15px;}
   
   /*메뉴*/
   .navFullWrap .navFullBox {top:20%;}
   .navFullWrap .navFullBox .navFullmenu >ul >li a .menuTit {font-size:23px;}
   .navFullWrap .navFullBox .navFullmenu >ul >li ul li a span {font-size:15px; letter-spacing: -1px;}
   
   .section03 .linkWrap .linkBox .linkTxtWrap .linkTit{font-size:24px;}
}
@media screen and (max-width:960px){
   .header{height:90px;line-height:90px;}
   .header .inner .gnbWrap{display:none;}
   .header .inner .logo{top:0;}
   .header .inner .logo a{top:0;}
   .header .inner .logo img{width:100px;}
   .header .inner .hamWrap{top:30px;}
   
   .section01 .slideTxt{font-size:36px;}
   .section01 .slideTxt .loadTxt{font-size:16px;padding-top:30px;}
   
   .section01 .scrollIcon{bottom:10%;height:60px;}
   .section01 .scrollIcon a.up span {position: absolute;top: 0;left: 50%;width: 10px;height: 10px;margin-left: -8px;border-left: 2px solid #fff;border-bottom: 2px solid #fff;-webkit-transform: rotate(135deg);transform: rotate(135deg);-webkit-animation: sdb 3s infinite;animation: sdb 3s infinite;opacity: 0;box-sizing: border-box;}
   .section01 .scrollIcon a.down span {position: absolute;top: 0;left: 50%;width: 10px;height: 10px;margin-left: -8px;border-left: 2px solid #fff;border-bottom: 2px solid #fff;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-animation: sdb 3s infinite;animation: sdb 3s infinite;opacity: 0;box-sizing: border-box;}
   .section01 .scrollIcon .line{top:28px;}
   
   .section02 .inner{padding:60px 20px;}
   .titWrap .subTit{line-height:1.5;}
   
   
   .section03 .linkWrap .linkBox {width:100%;float:none;height:auto;padding:30px 0;}
   .section03 .linkWrap .linkBox .linkTxtWrap img{margin:20px auto;width:80px;padding:20px 0;}
   .section03 .linkWrap .linkBox .linkTxtWrap .linkGo{position:relative;margin-top:0px;left:auto;bottom:auto;padding:10px 0;}
   .section03 .linkWrap .linkBox .linkTxtWrap .linkSubTit{margin-top:0;}
   
   .section04 .inner .aboutWrap .aboutBox {padding: 20px 80px;    min-height: 500px;}
   .section04 .inner .aboutWrap .aboutBox .aboutTitWrap img {width:100%;}
   .section04 .inner .aboutWrap .aboutBox.aboutTxt p.purpose {font-size: 42px;}
   .section04 .inner .aboutWrap .aboutBox.aboutIcon p {font-size: 42px;}
   
   .section06 .inner .partnerWrap .partnerBox {margin: 0 10px 20px;}
   
   
   
   /*footer*/
   .footer .inner .footerInfo p.address {font-size: 14px; line-height: 17px;}
   .footer .inner .footerInfo p.copy {font-size: 14px; line-height: 17px;}
   .footer .inner .footerInfo ul.footNav li {padding: 0 12px;}
   .footer .inner .footerInfo ul.footNav li a {font-size: 14px;}
   .footer .inner .footerInfo .relativeFoot .imgWrap {display:block; margin: 0 0 20px;}
   
   
   /*menu*/
   .navFullWrap {padding: 20px;}
   .navFullWrap .close {top: 30px; right: 30px; width: 35px;  height: 35px;}
   .navFullWrap .navFullBox {top:13%;}
   .navFullWrap .navFullBox .navFullmenu{padding: 0;}
   .navFullWrap .navFullBox .navFullmenu >ul >li {margin: 0 10px}
   .navFullWrap .navFullBox .navFullmenu >ul >li a .menuTit {font-size: 17px;}
   .navFullWrap .navFullBox .navFullmenu >ul >li ul {padding-top: 30px;}
   
   
}
@media screen and (max-width:640px){
   .header .inner .logo img {width: 80px;}
   .section01 {height:100vh;}
   .section01 .slideTxt {top: 30%;}
   .section01 .slideTxt .loadTxt {padding-top: 50px;}
   .section01 .slideTxt .loadTxt:before {top: 25px;}
   .section01 .slider div{width:auto;  background: #000;  height: 100vh;text-align:center;}
   .section01 .slider img{width:100%;  height:40vh;margin:0 auto;display:block;}
   
   
   .typing ul li {letter-spacing: -1px;}
   .titWrap .subTit {font-size:15px;}
   
   .section02 .inner {padding: 30px 20px;}
   .section02 .inner .quickWrap {padding-top: 50px;}
   .section02 .inner .quickWrap .quickBox img {width: 65%;display:block; margin: 0 auto 15px; min-height: 43px;}
   .section02 .inner .quickWrap .quickBox p {font-size:13px;}
   .section02 .inner .quickWrap .quickBox .quickTit {font-size: 14px; min-height: 25px;}
   
   
   
   .section04 .inner {padding:50px 0 30px;  max-width: none;}
   .section04 .titWrap .tit {font-size: 30px;}
   .section04 .inner .aboutWrap .aboutBox {width: 100%;min-height: auto; padding: 20px; display: block;}
   .section04 .inner .aboutWrap .aboutBox .aboutTitWrap img {width:100%;}
   .section04 .inner .aboutWrap .aboutBox.aboutTxt p {line-height: 1.5;font-size:15px;}
   .section04 .inner .aboutWrap .aboutBox.aboutTxt p.purpose {font-size: 40px;}
   .section04 .inner .aboutWrap .aboutBox.aboutIcon p {font-size: 40px;}
   .section04 .inner .aboutWrap .aboutBox.aboutIcon .iconBox a img {width:40px;}
   .section04 .inner .aboutWrap .aboutBox.aboutIcon .iconBox a span {font-size:15px;}
   .topMenu {right:20px;bottom: 30px;}
   
   .section05 .inner {padding:50px 10px 30px;  max-width: none;box-sizing:border-box;}  
   .section05 .inner .newsWrap {padding-top: 30px;} 
   .section05 .titWrap .tit {font-size: 24px;}
   .section05 .inner .newsWrap .newsBox {width:100%;display:block;margin-bottom:10px;border:1px solid #ccc;}
   .section05 .inner .newsWrap .newsBox:nth-child(2){border:1px solid #ccc;}
   .section05 .inner .newsWrap .newsBox p.num {font-size: 25px;}
   .section05 .inner .newsWrap .newsBox p.category {font-size:18px;padding-top: 10px;}
   .section05 .inner .newsWrap .newsBox .boardList .contWrap p.tit { padding-top: 10px;font-size: 17px; height: 50px; letter-spacing: -1px;}
   .section05 .inner .newsWrap .newsBox .boardList ul li a span.listName {font-size: 14px; letter-spacing: -1px; height: auto;}
   .section05 .inner .newsWrap .newsBox .boardList ul li a span.date {font-size: 14px; letter-spacing: -1px;}
   .section05 .inner .newsWrap .newsBox a.moreBtn {width:100%;margin:20px auto; text-align: center; font-size: 14px;}
   
   .section06 .inner {padding:50px 0 30px;}
   .section06 .inner .partnerWrap {padding: 30px 20px 0; text-align: left;}
   .section06 .inner .partnerWrap .partnerBox {width: 42%;  height: 100px; display: inline-block; margin: 0 11.5px 20px;}
   .section06 .inner .partnerWrap .partnerBox a {background-size: 30% !important;}
   
   
   
   
   /*menu*/
   .navFullWrap {padding:20px 10px;  position: fixed;z-index: 9999 !important;  overflow: scroll; height: 100% !important;}
   .navFullWrap .navFullBox {top: 10%;}
   .navFullWrap .close {top: 20px; right: 20px;}
   .navFullWrap .navFullBox .navFullmenu >ul {display: block;}
   .navFullWrap .navFullBox .navFullmenu >ul >li { margin: 0 0 20px;padding: 20px 0;}
   .navFullWrap .navFullBox .navFullmenu >ul >li > a > span {min-height: 40px; display: block;}
   .navFullWrap .navFullBox .navFullmenu >ul >li ul {padding-top:0px;}
   .navFullWrap .navFullBox .navFullmenu >ul >li ul li a {line-height: 1.1; font-size: 12px;}
   .navFullWrap .navFullBox .navFullmenu >ul >li .lineTop {height: 1px;}
   .navFullWrap .navFullBox .navFullmenu >ul >li .lineBot {height: 1px;}
   .navFullWrap .navFullBox .navFullmenu >ul >li a .menuTit {font-size: 22px;}
   
   .section04 .inner .aboutWrap .aboutBox.aboutTxt{}
   .section04 .inner .aboutWrap .aboutBox.aboutTxt .purposeBox{border:1px solid #696969;padding:15px;border-radius:10px;background:#4a4a4a}
   .section04 .inner .aboutWrap .aboutBox.aboutTxt .purposeBox p.purpose{color:#d5d6d3;margin-top:0;letter-spacing:1px;font-size:24px;display:block;margin-right:0;}
   .section04 .inner .aboutWrap .aboutBox.aboutTxt .purposeBox div{display:block;}
   .section04 .inner .aboutWrap .aboutBox.aboutTxt .purposeBox div p{}
   .section04 .inner .aboutWrap .aboutBox.aboutTxt .purposeBox p.purpose span{display:inline;padding:0;}
   .section04 .inner .aboutWrap .aboutBox.aboutTxt .mvWrap .mvBox p{font-size:15px;}
   .section04 .inner .aboutWrap .aboutBox.aboutTxt .mvWrap{margin-top:30px;}
   
   .slick-dots{bottom:30%;}
}