@charset "UTF-8";
@media (min-width: 1201px) {
  #allMenu .depth2 {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}
/******************************
  max-width: 1720px
******************************/
@media (max-width: 1720px) {
  
	/* 인사말 */
	#greeting {overflow:hidden;}
	#greeting .intro > .gImg{width:40%}
	#greeting .intro .abTxt{}
	#greeting .intro .abTxt{padding:0 20px}

}

/******************************
  max-width: 1550px
******************************/
@media screen and (max-width:1550px){
	
	#mainVisual .txtBox > div{padding: 0 0 0 50px;}
	
	#mainContents #mainVisual button.slick-prev:after{top: 21px;right: -30px;}
	#mainContents #mainVisual button.slick-arrow{transform:none;height: 50px;top: 20%;margin-top: -200px;left: 70px;}
	#mainContents #mainVisual button.slick-prev{margin-top: 0px;}
	#mainContents #mainVisual button.slick-next{margin-top: 0;bottom: 0;margin-left: 123px;}

	#mainBtn li{padding-right:17px;}

	#mainContents .bg, #mainContents #news .bg{padding-top:180px;}
	#mainContents #video .tab{margin-left:-83px;/* right: 50%; */left: 50%;top: 32px;}
	#mainContents #video .txtBox{/* margin:145px 40px 50px 60px; */}
	#mainContents #video .videoPlayer{}
	#mainContents #video .videoPlayer .vd{/* float:none; *//* width:100%; */}
	#mainContents #video .videoPlayer .tabWrap{ float:none; *//* width:100%; */}
	#mainContents #video .vd img{/*width:100%;height: 100%;*/}
	#mainContents #video .tabWrap .txtBox dl dt{font-size:3rem;}
	#mainContents #video .tabWrap .txtBox dl dd{font-size:1rem;}
	#mainContents #video .tabWrap .txtBox dl dd br{display:none;}
	#mainContents #video .tab button{font-size:1.4rem;}

	#mainContents #news{padding:0 20px;max-width: 1400px;margin:0 auto;}
	#mainContents #news .inquiry{margin-top:40px;}
	#mainContents #news .noticeW .tit_s2{margin-top:0;}

}


/******************************
  max-width: 1440px
******************************/
@media (max-width: 1440px) {
	#contents .subCont{padding:0 20px;}
	.contTitle{padding:0 20px;}
  
	/* 사업분야 */
	#bsWrap .bstxtW .txtArea ul.stepW{min-width:auto;}
	#bsWrap .bstxtW .txtArea ul.stepW li{margin-right:30px;}
	#bsWrap .bstxtW .txtArea ul.stepW li:after{margin-left:132px;}
	#bsWrap .bstxtW .txtArea ul.stepW li:nth-child(3n){margin-right: 2%;}
	#bsWrap .bstxtW .txtArea ul.stepW li:nth-child(3):after{content:">"}
	#bsWrap .bstxtW.pro2 .txtArea ul.stepW li:nth-child(3):after,
	#bsWrap .bstxtW.pro4 .txtArea ul.stepW li:nth-child(3):after{content:""}
	
}

/******************************
  max-width: 1400px
******************************/
@media (max-width: 1400px) {
	html, body, table, input, textarea {line-height:1.2;}
	html, body, #wrap, #main, #mainContents {height: auto !important;}
	.inner1720 {/* padding: 0 20px; */}
	.inner1400 {max-width:100%;}

	/* header */
	.topBtn {
	-webkit-transform: translateY(-30px);
	transform: translateY(-30px);
	}
	#allMenu {position: fixed;display: none;background:#013c1e;left: 0;top: 0;width: 100%;height: 100%;z-index: 9999;}
	header > section {height: 80px;}
	header nav {display: none !important;}

	.tit_s1{margin:0;}
	.commonTxt, #bsWrap .bstxtW .txtArea p.conTxt{font-size:1.1rem;}
		
	/* 메인페이지 */
	#mainContents #video, #application .inner1720 {padding: 0 20px;}
	#mainContents #video > div {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
	#mainContents #video .videoPlayer {margin-right: 0;display:block;height: auto;}
	#mainContents #video .tabWrap{width: 71%;}
	#mainContents #video .tabWrap .txtBox dl dt{font-size:2rem;margin-bottom: 10px;}
	#mainContents #video .tabWrap .txtBox dl dd{font-size:1rem;margin: 10px 0 20px;}
	#mainContents #video .tabWrap .txtBox dl dd br{display:none;}
	#mainContents #video .txtBox{margin:50px 30px;text-align:center;}
	#mainContents .videoWrap br {display: none;}
	#mainContents .videoWrap > div {
	/* -webkit-box-orient: vertical; 
	-webkit-box-direction: normal; 
	-ms-flex-direction: column;
	flex-direction: column; */
	height: auto;
	}
	#mainContents .videoWrap > div .txt {	padding: 0;	}
	#mainContents .videoWrap > div .frame {width: 100%;padding-top: 56.25%;	margin-top: 25px;}
	.videoWrap > div .vd {width: 100%;position: relative;overflow: hidden;/* padding-top: 56.2%; */}
	.txtBox .moreBtn{width:100%;}
	#mainContents #video .txtBox .moreBtn a{width:100%;}
	#mainContents #video .videoPlayer .vd{float:none;width:100%;}
	#mainContents #video .videoPlayer .tabWrap{float:none; width:100%;}

	#mainContents #news .slideBox .item{height:240px;}
	#mainContents #news .slideBox .txtBox dl dt{height:70px;}


	/* 인사말 */
	#greeting .abTxt dl dt{font-size:1.7rem;}
	#greeting .abTxt dl dt p{font-size:1.5rem;}
	#greeting .abTxt dl dd{margin-top:30px}
	#greeting .inner1400{max-width:100%;}
	#greeting .intro > .gImg{position:relative;width:100%}
	#greeting .intro .abTxt{width:100%;min-height:auto;margin-bottom:50px;padding-top:50px;}
	
	/* 사업분야 */
	#bsWrap .bsImg img{width:100%;}
	#bsWrap .bstxtW h4, #bsWrap .bstxtW h5{float:none;width:100%;}
	#bsWrap .bstxtW .txtArea{float:none;width:100%;margin-top:50px;}
	.txtC{font-size:1rem;margin-top:50px;}

	/* 사업분야 */
	#bsWrap .bstxtW .txtArea ul.stepW{min-width:auto;}
	#bsWrap .bstxtW .txtArea ul.stepW li{margin-right:30px;}
	#bsWrap .bstxtW .txtArea ul.stepW li:after{margin-left:132px;}
	

}

/******************************
  max-width: 1300px
******************************/
@media (max-width: 1300px) {
	.inner1300 {padding: 0 20px;}
	
	/* 메인페이지 */
	#mainContents #news .noticeW{float:none;width:100%;margin-right:0;}
	#mainContents #news .busW{float:none;width:100%;margin-top:40px;}
	#mainContents #news .busW > article{float:left;width:50%;}
	#mainContents #news .slideBox .item{height:240px;}
	#mainContents #news .slideBox .txtBox dl dt{height:70px;}
}

/******************************
  max-width: 1200px
******************************/
@media screen and (max-width: 1200px) {
	.marginBtn {margin-bottom: 120px;}

	/* header */
	#allMenu {display: block !important;max-width: 640px;padding: 30px;position: fixed;left: auto;right: -100%;top: 0;height: 100%;overflow-y: auto;background-size: 525px;background-position: right bottom;}
	#allMenu .gnb {margin-top: 86px;width: 100%;}
	#allMenu .gnb > li {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	}
	#allMenu .gnb > li:not(:last-child) {margin-bottom: 32px;}
	#allMenu .gnb > li > a {font-size: 2.25rem;}
	#allMenu .gnb > li > a em {right: 20px;}
	#allMenu .info {padding: 0 !important;display: block;}
	#allMenu .depth2 {margin-top: 6px;display: none;}
	#allMenu .depth2 > li:not(:last-child) {margin-bottom: 20px;margin-right: 0;}
	#allMenu .depth2 > li > a {/* color: #333; */font-size: 1.875rem;}
	
	


	header > section {height: 80px;}
	header nav {display: none !important;}

	.tit_s1 h3{font-size:3rem;}
	#mainContents #application .tit_s1 p, #mainContents #video .tit_s1 p{font-size:1.5rem;}
	

	/* 메인페이지 */
	.sideMenu {display: none !important;}
	#mainVisual .txtBox > div {padding: 0 20px;}
	#mainVisual .txtBox h2 {font-size: 5rem;}
	#mainVisual .dotsBtn {left: 20px;}
	#mainContents > section {height: auto !important;}
	#mainContents .bg, #mainContents #news .bg{padding-top:100px;}
	
	#mainContents .videoWrap > div {
	-webkit-box-orient: vertical; 
	-webkit-box-direction: normal; 
	-ms-flex-direction: column;
	flex-direction: column;
	}
	#mainContents #video .tabWrap{width:100%;}
	.videoWrap > div .vd {padding-top: 56.25%;}

	#mainContents #application .slider .item .txtBox {}
	#mainContents #application .slider .item .txtBox dl dt {font-size: 14px;line-height: 1.5em;}
	#mainContents #application .slider .item .txtBox dl dd {font-size: 1.2rem;}
	#mainContents #application {/* padding-top: 70px; */}
	#mainContents #application .bg {padding-bottom: 70px;}
	#mainContents #application .slideBox {height: auto;/* padding: 30px 20px; */}
	#mainContents #application .slider {
	margin-top: 0;
	float: none;
	position: relative;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	}
	#mainContents #application .slider .slick-list {margin-top: 0;padding: 0 !important;}
	#mainContents #application .slider .slick-slide {margin-top: 0 !important;height: auto;}
	#mainContents #application .slider .slick-slide.slick-center {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	}
	#mainContents #news {padding: 0 20px 0 20px;}
	#mainContents #news .inner {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	}
	#mainContents #news .slideBox .txtBox dl dt {font-size:1.1rem}
	#mainContents #news .slideBox .txtBox dl dd {height: 42px;}
	#mainContents #contactUs {height: 350px;background-attachment: unset;}

	/* 서브페이지 */
	#lnb {/*display: none;*/width:100%;justify-content:flex-start;}
	#lnb ul.depth2 > li a{font-size:1.1rem;}
	#lnb .menu4 ul.depth2 li a{font-size:1.1rem;}
	#lnb ul.depth2 > li a.over ~ .depth3{left:0;}
	.lnbW .inner1400 #lnb.lnbM4{padding-left:0;}
	#lnb.scrOn .arrows{top: -67px;left: auto;right: -49px;}
	#lnb ul.depth2 > li a.over ~ .depth3 a{font-size:1rem;}
	.lnbW{padding: 0 20px;}
	.lnbW .inner1400 #lnb{position:relative;top:0;left:0;/* margin-bottom:40px; */}
	#lnb ul.depth2 > li a.over ~ .depth3 {
	  overflow-x: scroll;
	}
	#subContents {padding-bottom: 86px;}
	#contents {margin-top:40px;}
	.contTitle .subTitle{font-size:3rem;margin-top:70px;padding-bottom:30px;}

	/* 찾아오시는길 */
	#contact .infobox dl{margin-top:20px;}
	#contact .infobox dl dt{font-size:2.2rem;}
	#contact .infobox dl dd.mgT{margin-top:20px;}

	/* footer */
	footer #ftTop #topBtn {width: 60px;height: 60px;top: -60px;background-position: center 13px;}
	footer #ftBot {padding: 40px 0;}
	footer #ftBot > div {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	text-align: center;
	}
	footer #ftBot article {width: 100%;}
	footer #ftBot article:last-child {margin-top: 30px;}
	footer #ftBot article .sns {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	}
	footer #ftBot > div{display:block;}
	footer #ftBot article .ftLogo{float:none;margin-right: 0;}
	footer #ftBot article address{float:none;width:100%;margin:20px 0 50px;}
	footer #ftBot article .menu{justify-content: center;}
	footer #ftBot article .menu a{line-height:1.2;}

	footer #topBtn{position:relative;right: 0;bottom: 14px;width: 100%;transform: none;color: #fff;}
	footer #topBtn:after{content:"\e909"}

	.new_btn_box {
		text-align: right;
	}
	.new_btn_box .ntb-listbtn-area { 
		margin-top: -10px;
		position: relative;
	}

}

/******************************
  max-width: 1024px
******************************/
@media screen and (max-width: 1024px) {
	#lnb .subDepth .depth2 { overflow:auto; }
	#mainContents #mainVisual button.slick-arrow{left:40px;z-index: -1;}

	#mainContents #application .slider .slick-slide{height:auto;}

	.tit_s1 h3{font-size:2.2rem}
	.tit_s2 h3, .tit_s3 h3{font-size:2rem}
	.tit_s3 p{font-size:1.1rem}
	#mainContents #application .tit_s1 p, #mainContents #video .tit_s1 p{font-size:1.2rem}
	
	/* 서브페이지 */
	.txtC{margin-top:20px;}

	/* 찾아오시는길 */
	#contact .root_daum_roughmap .wrap_map{height:300px;}
	
	/* 사업분야 */
	#bsWrap .bsImg{margin-bottom:40px;}
	#bsWrap .bstxtW h4{font-size:2.2rem}
	
	.appTxt > ul{text-align:left;}
	.appTxt > ul{display:block;}
	.appTxt > ul >*{flex-basis:100%}
	.appTxt > ul > li{margin-right:0;}
	
	.medi{display:block;}
	.medi img{width:100%;margin-right:0;}
	.medi .txtArea{padding:0;margin-top:40px;}


	#bsWrap .bstxtW .txtArea{margin-top:20px;}
	#bsWrap .bstxtW .txtArea img{width:80%;}
}

/******************************
  max-width: 900px
******************************/

@media screen and (max-width: 900px) {
	/* 사업분야 */
	#bsWrap .bstxtW .txtArea > div > ul > li{}
	#bsWrap .bstxtW .txtArea > div > ul > li dl dt, #bsWrap .bstxtW .txtArea > div > ul > li:nth-child(2) dl dt, #bsWrap .bstxtW .txtArea > div > ul > li:nth-child(3) dl dt{padding:180px 0 0;background-size: 100%;}
	#bsWrap .bstxtW .txtArea > div > ul > li dl dd p{margin-left:0;}
	#bsWrap .bstxtW .txtArea ul.stepW li{width: 32%;margin-right: 2%;padding:20px 0;}
	#bsWrap .bstxtW .txtArea ul.stepW li:after{display:none;}
	#bsWrap .bstxtW .txtArea ul.stepW li p.stepC{font-size:1rem;}
	#bsWrap .bstxtW .txtArea ul.stepW li:nth-child(3n){margin-right:0;}
}


/******************************
  max-width: 767px
******************************/

@media screen and (max-width: 767px) {
	html, body, table, input, textarea {font-size: 14px;}
	.marginBtn {margin-bottom: 80px;}


	/* 메인 */
	#mainVisual .txtBox{margin-top:160px;}
	#mainVisual .txtBox h2 {font-size: 2.5rem;line-height: 1.2;}
	#mainVisual .txtBox p{font-size: 1.2rem;}
	#mainContents #application .slideBox {/* max-width: 320px; */margin: 20px auto 0;padding: 0;}
	#mainContents #application .slider .item {padding: 0 0;}
	#mainContents #video > div .txtBox ul li p {width: calc(100% - 70px);}
	#mainContents #video > div .txtBox ul li.on p {height: 50px;}
	#mainContents #video > div .txtBox ul li.on a {padding: 20px 0;}
	#mainContents #video > div .txtBox ul li.on:after {width: 36px;height: 36px;background-size: 100%;}
	#mainContents #application .slideBtn {position: static;margin-top: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	}
	#mainContents #application .slider .slick-list {/* max-width: 387px; */}
	#mainContents #application .bg {padding-bottom: 35px;}
	#mainContents #news .slideBtn {position: static;margin-top: 30px;padding-left: 12px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	}

	#mainContents #news .busW{}
	#mainContents #news .busW > article{float:none;width:100%;margin-bottom:40px;}
	#mainContents #news .inquiry{display:block;padding:24px;height:auto;text-align:center;}
	#mainContents #news .inquiry .tit_s3{margin:0;margin-bottom:20px;}
	.inquiry .moreBtn{position:relative;width:100%;right:0;}
	.moreBtn a{width:100%;}

	/* 사업분야 */
	#bsWrap .bstxtW .txtArea ul.proc2 li{padding:0;}
	#bsWrap .tabEff.asFl li{float:none;width:100%;min-height:auto;}

	
}

/******************************
  max-width: 640px
******************************/
@media (max-width: 640px) {
	#mainContents #application .slider .item .txtBox dl dd{font-size:1.2rem}
	#mainContents #application .slider .item .txtBox{bottom:20px;padding:0 20px;}
	
	/* 사업분야 */
	#bsWrap ul.asStep li{width:32%;min-height:32vh;}
	#bsWrap .bstxtW .txtArea > div > ul > li dl dt, #bsWrap .bstxtW .txtArea > div > ul > li:nth-child(2) dl dt, #bsWrap .bstxtW .txtArea > div > ul > li:nth-child(3) dl dt{padding-top:120px;}
	#bsWrap .bstxtW .txtArea ul.stepW li > img{width:90%;}
	
	.new_btn_box .ntb-listbtn-area .AXButton {
		height: 40px;
		width: 100px;
		font-size: 14px;
	}
}

/******************************
  max-width: 580px
******************************/
@media (max-width: 580px) {
	/* 사업분야 */
	#bsWrap ul.asStep li p > img{width:80%;}
	#bsWrap .bstxtW .txtArea ul.numberList {display:block;min-width:100%;}
	#bsWrap .bstxtW .txtArea ul.numberList > li{width:100%;}

}

/******************************
  max-width: 480px
******************************/
@media (max-width: 480px) {
	
	.new_btn_box .ntb-listbtn-area { 
		display: block;
		padding: 0 20px;
	}
	.new_btn_box .ntb-listbtn-area .AXButton {
		width: 100% !important;
	}


}