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

	.companySlide{height:820px}
}
@media screen and (max-width: 1400px){
	.Header-inner .innerMenu ul li{font-size: 14px;padding: 0 25px; /*font-weight: bold; */color: #333; cursor:pointer;}

	/** MIAN CONTENTS ********************/
	.slide1 .title1 {font-size: 65px;}
	.slide1 .title2{font-size: 30px;}
	.slide2 .title1{font-size: 65px;}
	.slide2 .title2{font-size: 30px;}
	.imgBox .listBox{height:39vw;}
	.portfolioimgBox .listBox{height:32vw;}

	.GP_hp{font-size:20px; float:right; padding-top:20px; color:#000;}
}

@media screen and (max-width: 1100px){
	.Header-inner .innerMenu ul li{font-size: 12px;padding: 0 25px; /*font-weight: bold; */color: #333; cursor:pointer;}

	/** HEADER ********************/
	.main-inner{margin-top: 125px;margin-bottom: 30px;}
	.Header-inner .innerMenu ul li a {color: #333;}
	/** MIAN CONTENTS ********************/
	.slide1 .title1 {font-size: 45px;}
	.slide1 .title2{font-size: 25px;}
	.slide2 .title1{font-size: 45px;}
	.slide2 .title2{font-size: 25px;}
	.mainslide {height: 700px}
	.mainslide img{height: 100%;}/*object-fit: cover;*/
	.companySlide img{height: 100%;}
	.imgBox .listBox { width: 32%;}
	.MBTitle {top: 45%;}
	.img_Contents .Mtitle {font-size: 33px;}

	.imgBox .listBox{height:48vw;}

	.GP_hp{font-size:15px; float:right; padding-top:25px; color:#000;}
}
@media screen and (max-width: 1000px){
	.Header-inner .innerMenu ul li{font-size: 25px;padding: 0 25px; /*font-weight: bold; */color: #333; cursor:pointer;}

	/** HEADER ********************/
	.Header-inner{padding:20px 20px}
	.Header-inner .btn_menu{display:block;}
	.Header-inner .innerlogo img{ width:200px;}
	.telTitle {display:none;}
	.innerMenu{display:none;}

	/** MIAN CONTENTS ********************/
	.main-inner{margin-top: 107px;}
	.mainTitle{padding-top:0px}
	.imgBox .listBox {width: 30%;}
	.process{flex-wrap: wrap;}
	.processBox{width:32%;margin-bottom: 20px;}
	.processBox:nth-child(3){border-right:0}

	.imgBox .listBox {height:73vw;}

	/** COMPANY ********************/
	.mainTitle1{padding-top:50px}

	/** PORTFOLIO ********************/
	.Category{flex-wrap: wrap;}
	.Category .cgBox {width: 20%;margin-bottom: 15px;}

	/** CONTACT ********************/
	.boardwriteBox{width: 100%;padding: 15px 15px;}

	.GP_hp{font-size:15px; float:right; padding-top:8px; color:#000;}
}
@media screen and (max-width: 768px){
	.Header-inner .innerMenu ul li{font-size: 25px;padding: 0 25px; /*font-weight: bold; */color: #333; cursor:pointer;}

	/** HEADER ********************/
	.Header-inner .innerlogo img {width: 170px;}
	.Header-inner {padding: 10px 20px;}

	/** MIAN CONTENTS ********************/
	.mainslide {height: 650px;}
	.companySlide{height: 650px;}
	.main-inner{margin-top: 78px;margin-bottom: 30px;}
	.main-inner_Sub{margin-top:79px;margin-bottom: 30px;}
	.mainTitle{font-size: 30px;}
	.subTitle{ font-size: 30px;padding-top: 60px;}
	.imgBox {padding: 50px 15px 0px}
	.imgBox .listBox {width: 100%;height:130vw;}
	.imgBox .listBox .txtBox{font-size:20px;}
/*	.imgBox .listBox:nth-of-type(2n) {margin-right: 0px;}*/
	.imgBox .listBox:nth-of-type(3n) {margin-right: 5px;}
	.sbuttonN, .sbuttonP{display:none}
	.MBTitle{width: 100%;padding: 0 30px;}
	.slide1 .title1 {font-size: 35px;}
	.slide1 .title2{font-size: 20px;}
	.slide2 .title1{font-size: 35px;}
	.slide2 .title2{font-size: 17px;}
	.slideBtn{margin-top: 25px;}
	.process {justify-content: space-between;}
	.processBox{width:47%}
	.processBox:nth-child(2), .processBox:nth-child(4){border-right:0}
	.processBox:nth-child(3){border-right:1px solid #e0dede}
	.mainConBak {background-size: 500px;}
	.img_Contents {padding:3rem 0;}
	.img_Contents .Mtitle {font-size:20px;width: 60%;margin: 0 auto;}
	.img_Contents .Mtitle2 .Mbtn {font-size: 15px;}
	.mainsubTitle .conBox {padding: 25px 25px;font-size: 17px;line-height: 30px;}
	.progress-box {left: 12%;transform: translate(-12%,-20%);}
	.btnR {padding: 0.7rem 3rem;font-size: 17px;}
	
	/** COMPANY ********************/
	.mainTitle1{font-size: 27px;padding-top: 90px;}
	.cpslide1 .logoImg{width:50%}
	.cpslide1 .title1{font-size:37px;}
	.cpslide1 .title2{font-size: 40px;}
	.cpslide2 .title1{font-size:37px;}
	.cpslide2 .title2{font-size: 40px;}
	.Slist {width: 46%;margin-right: 9px;margin-bottom: 10px;}
	.Slist:nth-child(2) {margin-right: 0px;}
	.Slist:nth-child(3) {margin-right: 9px;}
	.Slist:nth-child(4) {margin-right: 0px;}
	.Slist:nth-child(6) {margin-right: 0px;}
	.Slist .numT {font-size: 35px;}
	.Slist .SmainT {position: absolute;bottom: -60%;left: 25%;font-size: 22px;}
	.Contbtn{padding: 1rem 1rem;background-size: 140px;}
	.contactBtn {font-size: 30px;line-height: 51px;}
	.contactBtn img {right: 0px;}
	.Proftbtn{padding: 1rem 1rem;background-size: 140px;}
	.ProfolioBtn {font-size:30px;line-height: 51px;}
	.ProfolioBtn img {left: 0px;bottom: -24px;width: 216px}

	/** PORTFOLIO ********************/
	.portfolioimgBox{padding: 30px 10px 100px;}
	.portfolioimgBox .listBox{width:49%;margin-bottom: 3px;height:47vw;}
	.portfolioimgBox .listBox .txtBox{font-size: 20px;}
	.portfolioimgBox .listBox:nth-of-type(2n) {margin-right: 0px;}
	.portfolioimgBox .listBox:nth-of-type(3n) {margin-right: 0px;}
	.portfolioView .PVbox{flex-direction: column;padding: 25px 25px;}
	.portfolioView .PVbox .PVimgbox {width: 100%;}
	.portfolioView .PVbox .PVtexbox {width: 100%;padding: 10px 1rem;}
	.Category .cgBox {font-size:13px}

	/** CONTACT ********************/
	.boardwriteBox{width: 100%;padding: 15px 15px;}
	.BWradioBox {flex-wrap: wrap;}
	table.boardwrite th{font-size:15px}
	table.boardwrite td {padding: 10px 5px;font-size: 14px;}
	table.boardwrite td .cont_select{width: 100%;}
	.pagingBox .paging {margin: 0 10px;width: 30px;height: 30px;line-height: 27px;}
	.tabbox {padding: 0px 0 20px;}
	.privacyBox {padding: 50px 0 0;}
	.privacyBox .Contents {font-size:12px}
	.tab {padding: 10px;font-size: 15px;}
	table.boardwrite td input[type=file]{font-size: 13px;}
	table.boardwrite td input[type=file]::file-selector-button {font-size:13px;}
	.cont_check_n input[type="checkbox"] + label{padding-left: 25px;}
	.cont_check_n input[type="checkbox"] + label:before{height: 20px;width: 20px;}
	.cont_check_n input[type="checkbox"] + label:after{width: 5px;height: 10px;left: 6px;}

	.subPageBak.sub02B .Subheader{text-align: center;position: absolute;top:20%;left: 1%;transform: translate(-45%, -26%);font-size: 30px;color: #fff;/*font-weight: bold;*/}
	.subPageBak.sub03B .Subheader{text-align: center;position: absolute;top:30%;left: 20%;transform: translate(-45%, -26%);font-size: 30px;color: #fff;/*font-weight: bold;*/}
	.subPageBak.sub04B .Subheader{text-align: center;position: absolute;top:30%;left: 20%;transform: translate(-45%, -26%);font-size: 30px;color: #fff;/*font-weight: bold;*/}

	.subPageBak{position: relative;height:200px}

	.Category_header .chBox{padding: 1rem 1rem;font-size: 12px;color: #fff;width: 20%;text-align: center;cursor: pointer;}

	/** FOOTER *************/
	.footerBox .footerCon .Finfo .infotex {flex-direction: column;}
	.footerBox .footerCon .Finfo .infotex div:after{content:none}
	.FIconBox .FIcon {width: 40px;height: 40px}
	.FIconBox .FIcon img {width:30px}
	.fBanner_inner{flex-direction: column;align-items: flex-start;}
	.fBanner_inner img{margin-left: 15px;width: 250px;}
	.fbinput{padding-right: 10px;}
	.fbinput input::placeholder{font-size:0.8rem}
	.fbinput .cont_select {font-size:0.8rem; height: 45px;}
	.fbinput input {height: 33px;}
	.fbBtnBox{display:block;width:auto}
	.fbcheckbox{position: absolute;top: 20%;right: 4%;transform: translate(-4%,-20%);}
	.quick_bar { bottom:5%;right: 5px;transform: translate(-5px,-5%);}
	.quick_bar .QBox {width: 50px;height: 50px;margin-bottom: 5px;}
	.quick_bar .QBox .QConts .Qtitle {font-size: 16px;}
	.quick_M {padding:3px 0;}
	.quick_bar .QBox img {width: 28px;}
	.quick_bar .Qimg {right: 15%;transform: translate(-15%,-52%);}
	.topBtn {width:50px;height:50px;}
	.topBtn img{right: 13%;transform: translate(-13%,-52%);}

	.GP_hp{font-size:13px; float:right; padding-top:9px; color:#000;}
}

@media screen and (max-width: 414px){
	.Header-inner .innerMenu ul li{font-size: 25px;padding: 0 25px; /*font-weight: bold; */color: #333; cursor:pointer;}

	/** MIAN CONTENTS ********************/
	.mainslide {height: 590px;}
	.companySlide {height: 550px;}
	.MBTitle{width: 100%;padding: 0 20px;}
	.slide1 .title1 {font-size: 28px;}
	.slide1 .title2 {font-size: 20px;margin-top: 10px;line-height: 28px;}
	.slide2 .title1{font-size: 31px;}
	.slide2 .title2{font-size:18px;margin-top: 10px;line-height: 28px;}
	.slideBtn {font-size:15px}
	.img_Contents .Mtitle {font-size: 22px;width: 85%;}
	.img_Contents .Mtitle2 .Mbtn {font-size: 16px;}
	.mainBottom{margin-bottom: 70px;}
	.mainBottom1{margin-bottom: 130px;}
	.companyBox5 {padding: 80px 0px 100px;}
	.companyBox5 .titleB {font-size: 30px;}
	.processBox .iconBox {width: 100px;height: 100px;}
	.processBox {margin-right: 0;width: 50%;margin-bottom: 0px;}
	.processBox .iconBox img{width:70px;}
	.ProcessTitle{font-size:18px}
	/** COMPANY ********************/
	.CPTitle {top: 40%;transform: translate(-50%,-40%);}
	.mainConBak {background-size: 375px;}
	.cpslide1 .title1 {font-size: 28px;}
	.mainsubTitle .conBox {font-size: 16px;}
	.Slist .numT {font-size: 25px;}
	.Slist .SmainT {left: 25%;font-size:20px;}
	.Slist .SconT{ font-size: 15px;}
	.Slist .SCon {padding: 30px 10px;}
	.ProfolioBtn {font-size:23px;line-height: 51px;}
	.contactBtn {font-size: 25px;}
	.contactBtn img {right: 0px;width: 187px;bottom: -4px;}
	.ProfolioBtn img {left: 19px;bottom: -5px;width: 187px;}

	/** PORTFOLIO ********************/
	/** CONTACT ********************/	
	.boardwriteBox {width: 100%;padding: 15px 10px;}
	table.boardwrite th {width:30%;font-size: 14px;}
	/** FOOTER *************/
	.Flogo img{width:150px;padding-left: 20px;}
	.footerBox .footerCon .Finfo .infotex{font-size:13px}
	.footerBox .footerCon .copy {font-size: 13px;margin-top: 20px;}
	.fbcheckbox {position: absolute;top: 17%;right: 2%;transform: translate(-2%,-17%);}
	.FIcon {top: 0%;right: 0;transform: translate(-0,-0%);}
	.fBbutton {width:60px; margin-left: 0;font-size: 13px;}
	.fBanner_inner img {margin-left: 15px;width: 200px;}
	.cont_check_F input[type="checkbox"] + label{font-size: 13px;}

	#Qbar1 {width: 50px;height: 50px;}
	.Qbar_con1 {height: 50px;}
	.Qbar_con1 .Qbar_contents{height: 50px;}
	.Qbar_con1 .Qbar_icon {right: 7%;top: 55%;}
	.Qbar_con1 .Qbar_icon img{width: 25px;}
	.Qbar_con1 .Qbar_title{font-size:16px}

	#Qbar2 {width: 50px;height: 50px;}
	.Qbar_con2 {height: 50px;}
	.Qbar_con2 .Qbar_contents{height: 50px;}
	.Qbar_con2 .Qbar_icon {right: 7%;top: 55%;}
	.Qbar_con2 .Qbar_icon img{width: 25px;}
	.Qbar_con2 .Qbar_title{font-size:16px}

	#Qtop .QtopBtn{width: 50px;height: 50px;}

	.GP_hp{font-size:13px; float:right; padding-top:9px; color:#000;}
}
@media screen and (max-width: 375px){
	.Header-inner .innerMenu ul li{font-size: 25px;padding: 0 25px; /*font-weight: bold; */color: #333; cursor:pointer;}

	/** MIAN CONTENTS ********************/

	.MBTitle{width: 100%;padding: 0 20px;top: 40%;}
	.slide1 .title1 {font-size: 28px;}
	.slide1 .title2 {font-size: 19px;margin-top: 10px;line-height: 28px;}
	.slide2 .title1{font-size: 28px;}
	.slide2 .title2{font-size: 19px;margin-top: 10px;line-height: 28px;}
	.progress-box {left: 12%;transform: translate(-12%,-28%);bottom: 28%;}
	
	/** COMPANY ********************/
	.cpslide1 .title1 {font-size:28px;}
	.mainTitle1 {font-size: 25px;padding-top: 50px;}
	.Slist .SCon {padding: 30px 10px;}
	.Slist .numT {font-size: 25px;}
	.Slist .SmainT {left: 28%;font-size: 19px;}
	.Slist .SconT{ font-size: 15px;}
	/** PORTFOLIO ********************/
	/** CONTACT ********************/	
	.BWradio {font-size: 16px;margin-right: 19px;}
	/** FOOTER *************/
	.Flogo img{width:150px;padding-left: 20px;}
	.footerBox {padding: 40px 0 40px;}
	.footerBox .footerCon .Finfo .infotex{font-size:13px}
	.footerBox .footerCon .copy {font-size: 13px;margin-top: 20px;}
	.FIcon {top: 0%;right: 0;transform: translate(-0,-0%);}
	.fBanner_inner img {margin-left: 15px;width: 200px;}
	.fbcheckbox {position: absolute;top: 15%;right: 2%;transform: translate(-2%,-15%);}
	.fBbutton {width:60px; margin-left: 0;font-size: 13px;}
	.cont_check_F input[type="checkbox"] + label{padding-left: 23px;}
	.cont_check_F input[type="checkbox"] + label:before {height: 20px;width: 20px;}
	.cont_check_F input[type="checkbox"] + label:after{width: 4px;height: 10px;left: 6px;}

	.GP_hp{font-size:12px; float:right; padding-top:9px; color:#000;}
}
@media screen and (max-width: 360px){
	.Header-inner .innerMenu ul li{font-size: 25px;padding: 0 25px; /*font-weight: bold; */color: #333; cursor:pointer;}

	/** MIAN CONTENTS ********************/
	.slide1 .title1 {font-size: 25px;}
	.slide1 .title2 {font-size: 19px;margin-top: 10px;line-height: 28px;}
	.slide2 .title1{font-size: 25px;}
	.slide2 .title2{font-size: 17px;margin-top: 10px;line-height: 28px;}
	/** COMPANY ********************/
	/** PORTFOLIO ********************/
	/** CONTACT ********************/	
	.pagingBox .paging {width: 30px;height: 30px;line-height: 27px;}
	table.boardwrite td {border-bottom: 1px solid #ebebeb;}
	/** FOOTER *************/
	.fBanner_inner img {margin-left: 15px;width:185px;}

	.GP_hp{font-size:10px; float:right; padding-top:11px; color:#000;}
}