@media only all and (max-width:1400px){
	*{transition:width 0.5s, height 0.5s, line-height 0.5s, display 0.5s, padding 0.5s, margin 0.5s, float 0.5s, top 0.5s, left 0.5s, right 0.5s, bottom 0.5s; word-break:keep-all;}
	.gnb > li{padding:0 40px;}
	#footer{padding:5% 0;}
	.footerInner{width:85%;}
	.inqBox strong, .inqBox form{width:90%;}


	#main02 > div{width:90%;}
	#main02 img{width:50%;}
	#main03 .imgArea{width:50%;}
	#main03 .textBox{width:50%;}
	#main04 .titArea{width:90%;}

	/**/
	.subTop{padding:0 5% 5%;}
	#subCon .widBox{height:40vh;}
	.subTop, .ConBox{width:100%;}
	.ConBox{padding:5% 5% 12%;}
	.ConBox h3{width:20%;}
	.ConBox .rightCon{width:80%;}
	#subCon.greeting .rightCon > img{width:100%;}
	#subCon.location .ConBox{flex-direction:column;}
	#subCon.location .ConBox h3{padding-bottom:5%;}
	#subCon.location .ConBox .rightCon{width:100%;}
	#subCon.location .threeBox{width:100%;}
	#subCon.location .threeBox li div{width:calc(100% - 80px);}
	#subCon.location .mapBox{width:90%;}
	#subCon.box_form ul li{width:48%; font-size:0.8em;}
	#subCon.box_form li > div > div{width:50%;}
	#subCon.box_form li > div > div img{width:100%;}

	#bo_w{width:80%;}
	#bo_w .typeImg{max-width:100%;}
}

/* ==== 태블릿(ipad 가로) ==== */
@media only all and (max-width:1175px){
	.gnb{display:none;}
	.inqBox li label{width:25%;}
	.inqBox li input{width:75%;}

	#main02 .textBox, #main03 .textBox, #main04 .titArea, #main06 .textBox{font-size:0.85em;}
	.mainCon .bigText{font-size:13em;}

	/**/
	#subWrap{font-size:0.9em;}
	.subTop h2{font-size:7em;}

}

/* ==== 태블릿(ipad 가로 + 세로) ==== */
@media only all and (min-width:768px) and (max-width:1024px) {
	
} 

/* ==== 태블릿 ==== */
@media only all and (max-width:1024px){
	#footer h1 img{width:300px;}
	.footerInner .textCon{flex-direction: column; align-items: flex-start;}
	.footerInner .leftCon{padding:5% 0;}
	.footerInner .rightCon{width:100%; justify-content: flex-start;}
	.footerInner .rightCon div{display:flex; padding:0;}
	.footerInner .rightCon div p{padding-left:15%;}
	.footerInner .rightCon p span{white-space:nowrap;}

	#mGnb{overflow-y:scroll; padding-top:10%;}
	#mGnb > ul{flex-direction:column; flex-wrap: nowrap;}
	#mGnb > ul > li{width:100%; border-right:0; border-bottom:1px solid rgba(255,255,255,0.3); padding:7%; display:flex; flex-wrap:wrap;}
	#mGnb > ul > li strong{width:30%;}
	#mGnb .msubGnb{width:70%; display:flex; flex-wrap:wrap;}
	#mGnb .msubGnb li{width:50%;}


	#main02 img{width:40%; position:relative;}
	#main02 .textBox{width:70%; margin-top:0;}
	#main02 .scroll{display:none;}
	#main03 .imgArea{width:55%; height:50vh;}
	#main03 .textBox{width:45%;}
	#main06{padding-bottom:10%;}
	#main06 > ul{flex-direction:column; width:90%; margin:0 auto;}
	#main06 > ul > li{width:100%; height:300px;}
	#main06 .textBox span{padding-bottom:20px;}

	/**/
	#subCon.greeting .ConBox, #subCon.overview .ConBox > div, #subCon.equipment .ConBox, #subCon.box_form .ConBox, #subCon.box .ConBox > div, .board_notice .ConBox{flex-direction:column;}
	.ConBox h3{width:100%; padding-bottom:5%;}
	.ConBox .rightCon{width:100%;}
	#subCon.overview .threeBox li{padding:5%; text-align:center; line-height:1.4;}
	.slick-slide img{width:100%;}
	#subCon.location .threeBox{flex-wrap:wrap;}
	#subCon.location .threeBox li{width:50%;}
	#subCon.location .threeBox li:first-of-type{width:100%; padding-bottom:3%;}
	#subCon.box .box_qBox02 li strong{width:auto;}

	#bo_w{width:100%;}
	#ctt_con{width:90%;}

}



/* ==== 태블릿(Gpad) ==== */
@media only all and (max-width:768px){
	#header{padding:0 5%;}
	#mGnb .msubGnb li{width:100%;}
	#mGnb > ul > li{font-size:2.5em;}
	#mGnb > ul > li strong, #mGnb .msubGnb{width:50%;}
	.footerInner .rightCon{flex-direction:column;}
	.footerInner .rightCon p{padding-bottom:5%;}
	.footerInner .rightCon div p{padding:0;}
	.footerInner .rightCon div p:first-of-type{padding-right:10%;}
	.inqBox {font-size:0.8em; overflow-y:scroll;}
	.inqBox strong{font-size:5em;}
	.inqBox ul, .inqBox div{width:100%;}
	.inqBox li label{width:20%;}
	.inqBox li input{width:80%;}
	.inqBox div{padding:0;}
	.inqBox button{width:100%;}


	#main02 .textBox, #main03 .textBox, #main04 .titArea, #main06 .textBox{font-size:0.7em;}
	.mainSlide strong{font-size:7em;}
	.mainCon .bigText{display:none;}
	#main02 > div{margin-top:0; flex-direction: column;}
	#main02 .textBox{width:100%; padding:10% 7%;}
	.mainCon .text br:first-of-type{display:none;}
	#main02 img{width:100%; height:200px;}
	#main03 .imgArea{width:100%; height:200px;}
	#main03 .textBox{width:100%; padding:7%;}
	#main03 a{margin-top:10%;}
	#main03 a, #main07 .textBox a{font-size:3em; width:200px;}
	.partnerSlide{width:2000px;}
	.partnerSlide li{width:200px;}
	.partnerSlide li img{width:150px;}
	#main06 > ul > li{height:200px; justify-content:center;}
	#main06 .textBox{text-align:center;}
	#main06 .textBox p, #main06 .con04 .textBox p{display:none;}
	#main06 .con04 .textBox img{margin-bottom:5%;}

	/**/
	#subWrap{padding-top:150px;}
	.subTop h2{font-size:5em;}
	#subCon .widBox{height:25vh;}
	.ConBox{padding:10% 5%;}
	.ConBox h3{font-size:3.5em;}
	#subCon.equipment ul{flex-direction:column;}
	#subCon.equipment li{width:100%;}
	#subCon.equipment li strong{width:160px;}
	#equSlide .slick-arrow{width:30px; height:30px; background-size:50%;}
	#equSlide .slick-prev{left:3%;}
	#equSlide .slick-next{right:3%;}
	#subCon.location .threeBox li{width:100%; padding-bottom:3%;}
	#subCon.box_form ul li{width:100%; padding-bottom:10%;}
	#subCon.box_form ul li:last-of-type, #subCon.box_form ul li:nth-last-of-type(2){padding-bottom:10%;}
	#subCon.box .imgBox img{width:auto; max-width:80%;}

	#bo_w .gBox > strong{width:100%!important; padding-bottom:10px;}
	#bo_w .flexBox{flex-direction:column;}
	#bo_w li.flexBox label{width:100%; padding-bottom:10px;}
	#bo_w li.flexBox div{width:100%;}
	#bo_w .emailBox{display:flex; align-items: center; flex-wrap: wrap; justify-content: space-between;}
	#bo_w .emailBox input{width:47%;}
	#bo_w .emailBox select{width:100%; margin-top:10px;}

}

/* ==== 모바일 ==== */
@media only all and (min-width:325px) and (max-width:480px){
	#footer {font-size:0.8em;}
	#footer h1 img{width:250px;}
	.footerInner .leftCon a:first-of-type{margin-right:10px;}
	.inqBox{padding:10%; display:inherit;}
	.inqBox strong{padding-top:15%;}
	.inqBox strong, .inqBox form{width:100%;}
	.inqBox li {flex-direction: column; align-items: flex-start;}
	.inqBox li label, .inqBox li input{width:100%;}
	.inqBox li label{padding-bottom:10px;}

	#main06 > ul{font-size:0.8em;}

	#subWrap{padding-top:90px;}
	.subTop{display:none;}
	.subTop ul{display:none;}
	#subCon.overview .threeBox{flex-direction: column;}
	#subCon.overview .threeBox li{width:100%; border-right:1px solid #d7d7d7; border-bottom:0;}
	#subCon.overview .threeBox li:last-of-type{border-bottom:1px solid #d7d7d7;}
	.history li{flex-direction: column; padding-bottom:5%;}
	#subCon.location .mapBox .root_daum_roughmap{padding-bottom:70%;}
	#subCon.location .threeBox li p{width:40px; height:40px;}
	#subCon.box ul.box_qBox01{flex-direction: column;}
	#subCon.box ul.box_qBox01 li{width:100%; margin-bottom:10%;}
	#subCon.box .textBox strong{padding-bottom:10px;}
	#subCon.box .box_qBox02 li{flex-direction: column;}
	#subCon.box .box_qBox02 li strong, #subCon.box .box_qBox02 li p{width:100%;}
	#subCon.box .box_qBox02 li p{padding-top:10px;}

	#bo_w .sTit{font-size:2.5em;}
	#bo_w .gBox{padding:7% 4% 10% 4%;}
	#bo_w li.flexBox .w40{width:100%;}
	#bo_w li.flexBox .weightInfo{width:100%; margin:10px 0 0 0; text-align:center;}

	

}