@charset "utf-8";


/*****************************
	태블릿 시작 (와이드 모니터가 아닐 경우)
*****************************/

@media all and (max-width: 1300px) {
	/******
		BASIC
	*******/
	#wrap{padding-top: 60px;min-width:320px;max-width:100%;}
	#wrap .inner{width:100%;}
	#wrap .pmar{display:none;}
	#wrap .mbr{display:block;}
	#wrap img{max-width:100%;height:auto;}	
	colgroup{display:none;}

	/*******
		HEADER
	********/
	#header {position: fixed;padding: 0;text-align: center;font-size: 0;height: 60px;transition:0.2s;border-bottom:1px solid #ddd;}
	#header .inner{height: 60px;}
	#header .menuBtn{display:block;}
	#header h1.logo{left:10px;width: 200px;}
	#header h1.logo img{width: 100%;height: auto;margin-top: 10px;}
	#header .gnbBG {position:fixed;top:60px;left:0;width:100%;height:100vh !important;background: rgba(0,0,0,0.6);z-index:0;display:none;}
	#header .pcNav{display:none;}
	#gnbWrap{position: fixed;top: 61px;right:-1500px;width:50%; height: 100%;z-index: 99;background: #fff;}
	#gnbWrap .inner {height: 100vh;overflow: auto;}
	#gnb{padding-left: 0;width: 100%;box-sizing:border-box;}
	#gnb > li {width: 100%;box-sizing:border-box;border-bottom: 1px solid #e1e1e1;}
	#gnb > li:after{display: none;}
	#gnb > li > a{
	display: block;
	width: 100%;height: 50px;line-height: 50px;
	padding: 0;
	font-size: 18px;font-weight: 600;
	color: #494949;background: #fff;
	text-align: center;box-sizing:border-box;
	}
	#gnb > li > a:before,
	#gnb > li > a:after{display: block;content: '';position: absolute;top:50%;background: #999;}
	#gnb > li > a:before{width: 2px;height: 16px;right:27px;margin-top: -8px;}
	#gnb > li > a:after{width: 16px;height: 2px;right:20px;margin-top: -1px;}
	#gnb > li.active > a{background: #2783d6;}
	#gnb > li.active > a:before{display: none;}
	#gnb > li.active > a:after{background: #fff;transition:0.2s;}
	#gnb > li.active > a{background:#2783d6;color: #fff;}
	#gnb > li.active > ul{display: block;}
	#gnb > li > ul {position: static;padding: 0;height: auto;display: none;background:#f1f1f1 !important;}
	#gnb > li > ul:before{display:none;}
	#gnb > li > ul > li{border-top: 1px solid #ddd;padding: 0;margin-top:0;}
	#gnb > li > ul > li:first-cihld{border-top:0;}
	#gnb > li > ul > li > a{padding:12px 0;display: block;font-size:0;}
	#gnb > li > ul > li > a:before{display:inline-block;vertical-align:middle;content:'';width:0;height:100%;}
	#gnb > li > ul > li > a span{display:inline-block;vertical-align:middle;font-size: 16px;color: #696969;padding-bottom:0;}
	#gnb > li > ul > li > a span:after{display:none;}
	#gnb > li > ul > li > a span br{display:none;}
	#gnb > li.active > ul > li > a span{color:#444;}
	
	/*****
		MAIN
	******/
	#visual,
	#visual .roll li{height:500px;}
	#visual .centerWrap{padding-bottom:0;}
	#mainQuick{margin:10px;}
	#mainQuick .inner{height:auto;white-space:normal;text-align:center;padding:10px;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;	box-sizing:border-box;}
	#mainQuick .inner:before{display:none;}
	#mainQuick .link{width:33.33%;margin-left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;	box-sizing:border-box;padding:10px;}
	#mainQuick .link dd{width:100px;white-space:nowrap;text-align:left;}
	#mainContent{padding: 10px;margin:0;}
	#mainContent .top{padding-right:430px;}
	#mainContent .mainBoard li,
	#mainContent .mainGallery li{width:50%;}
	#mainContent .customer .tab li a{padding-right:0;font-size:15px;background:none;}
	#mainContent .mainBtmQuick{margin-left:-10px;}
	#mainContent .mainBtmQuick li{padding-left:10px;}
	#mainContent .mainBtmQuick .type1 .link dl >*{display:block;}
	#mainContent .mainBtmQuick .type1 .link dt img{width:60px;height:60px;}
	#mainContent .mainBtmQuick .type1 .link dd{padding-right:0;margin-top:15px;background:none;margin-left:0;}
	#mainContent .famsite{width: auto;margin-top: 30px;}
	#mainContent .famsite li{width: 15.66%;margin-left: 0.8%;}
	#mainContent .famsite li:first-child{margin-left: 0;}
	#mainContent .famsite li img{width: 100%;height: auto;}
	
	/****
		SUB
	*****/
	#sub{width:100%;margin:20px auto 60px;}
	#location{padding:0 10px;}
	#lnb{width: 100%;position: static;}
	#lnb .lnbTit{height: 70px;background: #fff;border-bottom:1px solid #21b0ff;}
	#lnb .lnbTit dt{font-size: 22px;line-height: 1.1em;color:#444;}
	#lnb .lnbTit dd{font-size: 13px;margin-top: 8px;color:#555;}
	#lnb > ul{font-size: 0;}
	#lnb > ul > li{white-space: nowrap;display: inline-block;vertical-align: top;border:1px solid #ddd;width:50%;border-top:0;border-left:0;box-sizing:border-box;}
	#lnb > ul.edu > li:first-child{width:100%;}
	#lnb > ul.three > li{width:33.33%;}
	#lnb > ul.four > li{width:25%;}
	#lnb > ul.three > li:nth-child(2n),
	#lnb > ul.four > li:nth-child(2n){border-right:1px solid #ddd}
	#lnb > ul.three > li:nth-child(3n){border-right:0;}
	#lnb > ul.four > li:nth-child(4n){border-right:0;}
	#lnb > ul > li > a{display: block;padding: 0;height:45px;text-align: center;background:none;}
	#lnb > ul > li.active > a{background:#21b0ff;}
	#lnb > ul > li.active > a span{color: #fff;}
	#content{width:100%;padding:10px;box-sizing:border-box;margin:0;margin-top:20px;}	
	#content .conTit{font-size:24px;color:#333;padding-bottom:15px;margin-bottom:25px;border-bottom:1px solid #ddd;}
	/* 인사말 */
	#greeting .textWrap{background:rgba(255,255,255,0.8);}

	/* TYPE */
	.boxText1{height:130px;padding: 0 30px;}
	.boxText1 span{font-size:14px;line-height:22px;}
	.tableType1 th,
	.tableType1 td{padding:15px;}
	.tableType1 th{padding:10px;font-size:14px;font-weight:600;}
	.tableType1.edu th,
	.tableType1 th strong{font-size:14px;}
	.tableType1 td{font-size:14px;line-height:25px;}
	.tableType1 td:nth-child(2) br{display:none;}
	.tableType1 td .detailView{font-size:14px;}

	/* 시설소개 */
	.thumbnailRoll{width:100%;min-height: 100%;padding-right:0;}
	.thumbnailRoll .roll{height:auto;}
	.thumbnailRoll .thm .rollWrap{position:relative;width:100%;height:auto;padding:0 31px;box-sizing:border-box;}
	.thumbnailRoll .big{text-align:center;height:auto;}
	.thumbnailRoll .thm{position:static;width:100%;height:auto;padding:25px;background:#f5f5f5;margin-top:10px;font-size:0;}
	.thumbnailRoll .thm .btn{margin:0;height:auto;}
	.thumbnailRoll .thm .btn img{height:auto;}
	.thumbnailRoll .thm .bx-controls-direction a{width:30px;height:100%;right:auto;}
	.thumbnailRoll .thm .bx-controls-direction .bx-prev{background:#222 url(../images/thm-prev-repond.gif) no-repeat 50% 50%;left:0;}
	.thumbnailRoll .thm .bx-controls-direction .bx-next{background:#222 url(../images/thm-next-repond.gif) no-repeat 50% 50%;right:0;}

	/*******
		FOOTER
	********/
	#footer{padding:25px 10px;}
	#footer .desc{padding-left:0;width:100%;text-align:center;}
	#footer .footerLogo{position:static;margin:0;margin-bottom:15px;}
}



@media all and (max-width: 750px) {
	#visual .center{padding:30px 0;background:rgba(255,255,255,0.8);}
	.mobileVisual{display:block;width:100%;}
	.tableScroll{width:100%;overflow-x:auto;}
	.tableScroll table{min-width:700px}
	.scrollAdvice{display: block;font-size: 13px;margin-bottom: 6px;color: #666;}
	/*******
		HEADER
	********/
	#gnbWrap{position: fixed;top: 61px;right:-1500px;width:65%;max-width:280px;height: 100%;z-index: 99;background: #fff;}
	#gnb > li {border-bottom: 1px solid #e1e1e1;}
	#gnb > li > a{
	display: block;text-align:left;
	width: 100%;height: 45px;line-height: 45px;
	padding: 0;padding-left: 10%;font-family:noto-mid;
	font-size: 16px;font-weight:normal;
	}
	#gnb > li > ul {position: static;padding: 0;height: auto;display: none;background: #f5f5f5;}
	#gnb > li > ul > li{border-top: 1px solid #e9e9e9;padding: 0;text-align: left;}
	#gnb > li > ul > li:first-cihld{border-top:0;}
	#gnb > li > ul > li > a {display: block;padding:10px 0;padding-left: 10%;box-sizing:border-box;}
	#gnb > li > ul > li > a span{font-size: 15px;color: #696969;}
	
	/*****
		MAIN
	******/
	#visual,
	#visual .roll li{height:auto;}
	#visual .center dt span{letter-spacing:0.5em;margin-left:5px;}
	#visual .center dt strong{font-size:30px;}
	#visual .center dd{font-size:14px;line-height:20px;padding:0 10px;}
	#visual .center dd br{display:none;}
	#mainQuick .link dt{display:block;margin-right:0;margin-bottom:10px;text-align:center;}
	#mainQuick .link dt img{width:50px;height:auto;}
	#mainQuick .link dd{display:block;width:100%;text-align:center;}
	#mainQuick .link dd span{font-size:14px;}
	#mainQuick .link dd em{font-size:13px;}
	#mainContent .top h4{margin-bottom:15px;}
	#mainContent .top h4 strong{font-size:18px;}
	#mainContent .top h4 span{font-size:13px;}
	#mainContent .top{padding-right:0;}
	#mainContent .top >*{height:auto;}
	#mainContent .popupZone{position:relative;width:100%;margin-top:20px;}
	#mainContent .customer .tab{margin-bottom:10px;}
	#mainContent .customer .tab li a{font-size:13px;}
	#mainContent .btm{margin-top:10px;}
	#mainContent .mainBtmQuick{white-space:normal;margin-left:0;}
	#mainContent .mainBtmQuick li{padding: 5px;}
	#mainContent .mainBtmQuick .type1{width:50%;text-align:center;}
	#mainContent .mainBtmQuick .type2{width:33.33%;}
	#mainContent .mainBtmQuick .type2 .link{height:100px;}
	#mainContent .mainBtmQuick .type2 .link dt img{max-height:30px;}
	#mainContent .mainBtmQuick .type2 .link dl dd{font-size:14px;}
	#mainContent .famsite{width: auto;margin-top: 30px;}
	#mainContent .famsite li{width: 32.0%;margin-left: 0.5%;margin-bottom: 8px;}
	#mainContent .famsite li:first-child{margin-left: 32.33%;}
	#mainContent .famsite li:nth-child(3n+1){margin-left: 0;}
	#mainContent .famsite li img{width: 100%;height: auto;}
	
	/****
		SUB
	*****/
	#sub{margin:15px auto 40px;}
	#lnb > ul.four > li{width:50%;}
	#lnb > ul.four > li:nth-child(2n){border-right:0;}
	#lnb > ul > li > a span{font-size:14px;}
	/* 인사말 */
	#greeting{background-position:50% 50%;}
	#greeting .text dt{font-size:22px;line-height:34px;margin-bottom:20px;}
	#greeting .text dd p{font-size:14px;line-height:28px;margin-top:20px;}
	#greeting .text dd br{display:none;}
	/* TYPE */
	#content .conTit{font-size:22px;margin-bottom:20px;}
	.boxText1{height:100px;margin-bottom:30px;}
	.boxText1 span:before{width:90px;height:53px;}
	.boxText1 span:after{width:70px;height:68px;}
	.subTitle{font-size:18px;margin-bottom:15px;}
	.tntit{font-size:14px;}
	.tntit:before{width:4px;height:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
	.titType1{font-size:16px;margin-bottom:10px;}
	.txtType1{font-size:14px;line-height:20px;color:#333;padding-left:0;}
	.txtType1.lh{line-height:24px;margin-top:8px;}
	.tableType1 th,
	.tableType1 td{padding:10px;}
	.tableType1 td{font-size:13px;line-height:20px;}

	/* 시설소개 */
	.thumbnailRoll .thm{padding:0;}

	/*******
		FOOTER
	********/
	#footer .text{font-size:13px;line-height:20px;}
	#footer address{font-size:12px;margin-top:10px;}
}