@charset "utf-8";
.locationInfos li a{cursor: default; }

.textStyle1{font-weight:bold;font-size:25px;color:#565656;}

.customoverlay {position:relative;bottom:64px;border-radius:50px;border: 1px solid #ccc;border-bottom:2px solid #ddd;float:left; overflow: hidden; }
.customoverlay:nth-of-type(n) {border:0; box-shadow:0px 1px 2px #888;}
.customoverlay a {display:block;text-decoration:none;color:#000;text-align:center;border-radius:50px;font-size:14px;font-weight:bold;overflow:hidden;background: #0150B5;background: #0150B5 url(https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/arrow_white.png) no-repeat right 14px center;}
.customoverlay .title {display:block;text-align:center;background:#fff;margin-right:35px;padding:10px 15px;font-size:12px;font-weight:bold; color: #333; border-radius: 0 50px 50px 0; }
.customoverlay:after {content:'';position:absolute;margin-left:-12px;left:50%;bottom:-12px;width:22px;height:12px;background:url('https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png')}

.youtubeBox{width: 95%;height: 0;position: relative;padding-bottom: 55%;margin: 20px auto;}
.youtubeBox > iframe{width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

/*  가까운 캠퍼스 모달  */
.modalBox{width: 100%; height: 100%; position: absolute; background-color: rgba(50, 50, 50, .7); z-index: 99999; }
.modalBox > .modal{width: 280px; background-color: #fff; margin: 0 auto; margin-top: 70px; position: fixed; left: calc(50% - 140px); box-shadow: 2px 2px 5px rgba(50, 50, 50, .5); border-radius: 10px; overflow: hidden; }
.modalBox > .modal > .modalTop{width: 100%; height: 24px; background-color: #0097e0; margin-bottom: 15px; }
.modalBox > .modal > .modalTop > h3{float: left; height: 100%; line-height: 24px; text-indent: 10px; }
.modalBox > .modal > .modalTop > .campusIntroductionBG h3{color: #fff; font-size: 11px; padding: 0; margin: 0; font-weight: normal; background-image: none; float: left; padding-left: 7px; line-height: 27px; }
.modalBox > .modal > .modalTop > .closeBtn{width: 24px; height: 24px; color: #fff; font-size: 20px; padding: 0; margin: 0; font-weight: bold;  float: right;line-height: 27px; display: block; }
.modalBox > .modal > h4{width: 220px; color: #555; font-size: 14px; line-height: 22px; margin: 0 auto; }
.modalBox > .modal > h4 > span{font-weight: bold; color: #333;}
.modalBox > .modal > .modalBody{width: 100%; margin: 20px auto; }
.modalBox > .modal > .modalBody > a{width: 50%; height: 40px; line-height: 42px; display: block;font-size: 11px; font-weight: bold; text-decoration: none; cursor: pointer; color: #006CBA; text-align: center; background-color: #fafafa; border-top: 1px solid #d5d5d5; box-sizing: border-box; display: block; }
.modalBox > .modal > .modalBody > .locationTell{float: left; color: #7a7a7a; border-right: 1px solid #d5d5d5; }
.modalBox > .modal > .modalBody > .camMove{float: right; }
/*  @@@  가까운 캠퍼스 모달 180425  */

/*탭박스*/
#mapTab .mapbanner {width: 100%; padding: 50px 0;}
#mapTab .mapbanner > img {width: 100%}
#mapTab .textBox .tab a {text-decoration: none; color: #b5b5b5; padding-bottom: 4px;}
#mapTab:after{content: ''; display: block; clear: both; }
#mapTab > .imgBox{ position: relative; width: 100%; margin: 0 auto; height: 0; padding-bottom: 86%; margin-bottom: 60px; box-sizing: border-box; }
#mapTab > .imgBox > div{ position: absolute; width: 95%; height: 95%; left: 50%; top: 0; transform:translateX(-50%); border: 1px solid #efefef;}
#mapTab > .imgBox > div > img{width: 100%; height: 100%;object-fit: contain;}
#mapTab > .textBox{ width: 100%; margin: 0 auto;}
#mapTab > .textBox> .floatLeft {line-height: 50px; margin-right: 30px;}
#mapTab > .textBox> .floatLeft a {text-decoration: none; color:#b5b5b5;}
#mapTab > .textBox > .tab{ line-height: 40px; width: 500px; height: 40px; margin-bottom: 8px; }
#mapTab > .textBox > .tab > li{display: block; padding: 0 8px; }
#mapTab > .textBox .floatLeft a.active { border-bottom: 2px solid #0050B5; color: #0050B5; padding-bottom: 4px; }
.imgBox button {}
#mapTab > .imgBox > .btnDbox{position: absolute; bottom:0px; right: 0%; width:100%; height:auto; border:none;}
#mapTab > .imgBox > .btnDbox > button{position: absolute;	bottom: -50px; right:0; border: 1px solid #b5b5b5; background-color:#fff; width: 100px; height: 30px; margin-top: 20px;}
.textBox .mapTable {width: 100%; border-spacing: 6px; border-collapse: separate; }
.mapTable th{ border: 1px solid #b5b5b5; vertical-align: middle; box-sizing: border-box; width: 80px; padding: 10px 0; }
.mapTable td{ padding-left: 20px; line-height: 30px; }

.selectric-camSelect{max-width: 240px; width: 98%; margin: 20px auto; text-align: center; }
.selectric-camSelect .selectric{border-radius: 40px; }
.selectric-camSelect .selectric-items{border-radius: 20px; overflow: hidden; margin-top: 4px; }

#campusViewBG{margin: 48px auto; }
.busTag{display: inline-block;padding: 0 8px;vertical-align: middle;color: #fff;border-radius: 4px;font-size: 11px;height: 20px;line-height: 20px; }
.bus_1{background-color: #6175F5; }
.bus_2{background-color: #FF451E; }
.bus_3{background-color: #896B57; }
.bus_4{background-color: #47AF1B; }
.bus_5{background-color: #00AFBD; }
.bus_6{background-color: #2391EE; }
.bus_7{background-color: #7094E2; }
.bus_8{background-color: #FF451E; }

/* For larger displays */
@media all and (min-width:1080px){
	.campusIntroductionBG{margin: 60px auto;width:1080px;}
	.comm_tab1 {margin-top:94px;}
	.comm_tab1>.tab_menu{margin:0 auto;width:720px;}
	.comm_tab1>.tab_menu>li{position:relative;float:left;margin:0 4px;width:350px;height:53px;border:1px solid #CACACA;}
	.comm_tab1>.tab_menu>li>a{display:block;width:100%;height:100%;text-decoration:none;text-align:center;line-height:53px;font-size:18px;font-weight:bold;color:#565656;}
	.triangle{border-color:#565656 transparent transparent transparent; border-width:14px; border-style:solid; width:0;height:0;position:absolute;top:53px;left:168px;}
	.comm_tab1>.tab_menu .on{background-color:#565656;}
	.comm_tab1>.tab_menu .on>a{color:#fff;}

	.comm_tab2>.tab_menu{margin-top:33px;width:1080px;border-top:1px solid #CACACA;border-left:1px solid #CACACA;}
	.comm_tab2>.tab_menu>li{position:relative;float:left;width:179px;height:42px;border-bottom:1px solid #CACACA;border-right:1px solid #CACACA;}
	.comm_tab2>.tab_menu>li>a{display:block;width:100%;height:100%;text-decoration:none;text-align:center;line-height:42px;font-size:18px;color:#565656;}
	.comm_tab2>.tab_menu .on{background-color:#006CBA;}
	.comm_tab2>.tab_menu .on>a{color:#fff;}

	.youtubeBox{width: 80%;height: 0;position: relative;padding-bottom: 45%;margin: 30px auto;}

	.campusIntroductionSlogan{text-align:center;font-size:20px;color:#565656;line-height:35px;}
	.campusLocationImage{margin-top:100px;width:1080px;}
	.campusLocationImage .mapBox{border:1px solid #CACACA;width:100%; margin-top: 16px; }
	#map{width: 100%; height: 464px; margin: 0 auto; }
	.campusLocationBtn{float:right;display:block;margin:10px 2px 30px 2px;width:110px;height:32px;border:1px solid #D8D8D8;font-size:12px;color:#565656;text-align:center;line-height:32px;text-decoration:none;}

	.locationInfos{margin:0 auto;width:562px;}
	.locationInfos li{margin: 4.5px 0px;}
	.locationInfo{float:left;display:block;margin-right:20px ;width:110px;height:32px;border:1px solid #D8D8D8;color:#565656;font-weight:bold;line-height:32px;text-align:center;}
	.locationInfos li p{text-decoration: none; float:left;width:430px;padding:6px 0px;line-height:20px;font-size:14px;color:#565656;}
	.locationInfos li a{text-decoration: none; float:left;width:430px;padding:6px 0px;line-height:20px;font-size:14px;color:#565656;}

	.campusLocationList{margin-top:39px;margin-bottom:60px;border-top:2px solid #D8D8D8;border-bottom:1px solid #D8D8D8;}
	.campusLocationList li{height:42px;border-bottom:1px solid #D8D8D8;}
	.campusName{float:left;width:199px;height:100%;border-right:1px solid #D8D8D8;background-color:#F9F9F9;text-align:center;line-height:42px;font-weight:17px;}
	.campusAddress{float:left;width:880px;height:100%;text-align:center;line-height:42px;font-weight:17px;}


	#campusViewBG{position:relative;width:1080px;border-top:1px solid #D8D8D8;}
	.campusViewList{float:left;margin-right:12px;margin-top:60px;width:654px;height:380px;}
	.campusViewList div{width:654px;height:380px;}
	.campusViewList div > img{position: absolute; width: 100%; top: 0; bottom: 0; margin: auto; }
	.pagination{float:left;margin-top:50px;width:412px;}
	.pagination{*zoom:1;}
	.pagination:after{clear:both;display:block;content:'';}
	.pagination li{float:left;margin:10px 5px;width:196px;height:113px;overflow:hidden;}
	.pagination li img{width:100%; filter: url(filters.svg#grayscale); /* Firefox */filter: gray; /* IE */-webkit-filter: grayscale(1); /* Webkit */}
	.pagination li img:hover{ filter: none;-webkit-filter: grayscale(0);}
	.pagination li.last{float:left;margin-right:0;}


	/* campus Locaion 페이지*/
	.campusIntroductionBG h3{padding:60px 0px 35px;font-size:35px;font-weight:bold;color:#565656;text-align:center;}
	.campusNameBlue{color:#006CBA;}

	/*탭박스*/
	#mapTab{}
	#mapTab:after{content: ''; display: block; clear: both; }
	#mapTab > .imgBox{ width:500px; height: 430px; padding-bottom: 0; float: left; margin-right: 40px; }
	#mapTab > .imgBox > div{width: 100%; height: 100%; left: 0%; top: 0; transform:unset; object-fit: contain; border: 1px solid #efefef;}
	#mapTab > .imgBox > div > img{}
	#mapTab > .textBox{ width: 540px; float: left; }
	#mapTab > .textBox> .floatLeft {line-height: 50px; margin-right: 30px;}
	#mapTab > .textBox> .floatLeft a {text-decoration: none; color:#b5b5b5;}
	#mapTab > .textBox > .tab{ line-height: 40px; width: 500px; height: 40px; }
	#mapTab > .textBox > .tab > li{display: block; padding: 0 8px; }
	#mapTab > .textBox .floatLeft a:hover{color:#777; border-bottom: 2px solid #777;}
	#mapTab > .textBox .floatLeft a.active { border-bottom: 2px solid #0050B5; color: #0050B5;}
	.imgBox button {border: 1px solid #b5b5b5; background-color:#fff; width: 100px; height: 30px; margin-left: 400px; margin-top: 20px;}
	.textBox .mapTable { border-spacing: 6px; border-collapse: separate; }
	.mapTable th{ border: 1px solid #b5b5b5; box-sizing: border-box;}
	.mapTable td{ padding-left: 20px; line-height: 30px; }
	.brNone{ border: none; }
}

/* For smaller displays like laptops */
@media (min-width: 641px) and (max-width: 1079px) {
	.textStyle1{margin:0 auto;width:90%;}

	.campusIntroductionBG{ width:100%;}
	.comm_tab1 {margin-top:58px;}
	.comm_tab1>.tab_menu{margin:0 auto;width:70%;}
	.comm_tab1>.tab_menu>li{position:relative;float:left;margin:0 1%;width:46%;height:53px;border:1px solid #CACACA;}
	.comm_tab1>.tab_menu>li>a{display:block;width:100%;height:100%;text-decoration:none;text-align:center;line-height:53px;font-size:18px;font-weight:bold;color:#565656;}
	.triangle{border-color:#565656 transparent transparent transparent; border-width:14px; border-style:solid; width:0;height:0;position:absolute;top:53px;left:45%;}
	.comm_tab1>.tab_menu .on{background-color:#565656;}
	.comm_tab1>.tab_menu .on>a{color:#fff;}

	.comm_tab2>.tab_menu{margin:0 5%;margin-top:33px;width:90%;border-left:1px solid #CACACA;}
	.comm_tab2>.tab_menu>li{position:relative;float:left;width:16.4%;height:42px;border-bottom:1px solid #CACACA;border-right:1px solid #CACACA;}
	.comm_tab2>.tab_menu>li>a{display:block;width:100%;height:100%;text-decoration:none;text-align:center;line-height:42px;font-size:16px;font-weight:bold;color:#565656;}
  	.comm_tab2>.tab_menu>li>.tit2{font-size: 13px !important;}
	.comm_tab2>.tab_menu .on{background-color:#006CBA;}
	.comm_tab2>.tab_menu .on>a{color:#fff;}
	.bdbCACACA{border-top:1px solid #CACACA;}

	.campusIntroductionSlogan{text-align:center;font-size:18px;color:#565656;line-height:30px;}
	.TdisplayBlock{display:block;}
	.campusLocationImage{margin:0 5%;margin-top:90px;width:90%;}
	.campusLocationImage .mapBox{border:1px solid #CACACA;width:100%; margin-top: 16px; }
	#map{width: 100%; height: 466px; margin: 0 auto; }
	.campusLocationBtn{float:right;display:block;margin:10px 2px 30px 2px;width:110px;height:32px;border:1px solid #D8D8D8;font-size:12px;color:#565656;text-align:center;line-height:32px;text-decoration:none;}

	.locationInfos{margin:0 auto;width:562px;}
	.locationInfos li{margin: 4.5px 0px;}
	.locationInfo{float:left;display:block;margin-right:20px ;width:110px;height:32px;border:1px solid #D8D8D8;color:#565656;font-weight:bold;line-height:32px;text-align:center;}
	.locationInfos li p{text-decoration: none; float:left;width:430px;padding:6px 0px;line-height:20px;font-size:14px;color:#565656;}
	.locationInfos li a{text-decoration: none; float:left;width:430px;padding:6px 0px;line-height:20px;font-size:14px;color:#565656;}

	.campusLocationList{margin:0 5%;margin-top:27px;margin-bottom:60px;width:90%;border-top:2px solid #D8D8D8;border-bottom:1px solid #D8D8D8;}
	.campusLocationList li{height:42px;border-bottom:1px solid #D8D8D8;}
	.campusName{float:left;width:24%;height:100%;border-right:1px solid #D8D8D8;background-color:#F9F9F9;text-align:center;line-height:42px;font-weight:17px;}
	.campusAddress{float:left;width:75%;height:100%;text-align:center;line-height:42px;font-weight:17px;}

	#campusViewBG{position:relative;width:90%;border-top:1px solid #D8D8D8;}
	.campusViewList{margin:0 auto;margin-top:60px;width:100%;max-width:654px;}
	.campusViewList div{width:100%;/* max-width:654px; */}
	.slides_control{width:100%;height:100%;}
	.slides_control > div > img{width:100%;}
	.pagination{margin:0 auto;margin-top:50px;width:100%;max-width:654px;}
	.pagination{*zoom:1;}
	.pagination:after{clear:both;display:block;content:'';}
	.pagination li{float:left;margin:5px 6px;width:31%;overflow:hidden;}
	.pagination li img{width:100%; filter: url(filters.svg#grayscale); /* Firefox */filter: gray; /* IE */-webkit-filter: grayscale(1); /* Webkit */}
	.pagination li img:hover{ filter: none;-webkit-filter: grayscale(0);}
	.pagination li.last{float:left;margin-right:0;}

	/*campus Locaion 페이지*/
	.campusIntroductionBG h3{padding:60px 0px 35px;font-size:35px;font-weight:bold;color:#565656;text-align:center;}
	.campusNameBlue{color:#006CBA;}

	/*탭박스*/
	#mapTab{}
	#mapTab:after{content: ''; display: block; clear: both; }

	
	#mapTab > .textBox{ width: 540px; margin: 80px auto; }
	#mapTab > .textBox> .floatLeft {line-height: 50px; margin-right: 30px;}
	#mapTab > .textBox> .floatLeft a {text-decoration: none; color:#b5b5b5;}
	#mapTab > .textBox > .tab{ margin-bottom: 30px; margin-left: 10px;}
	#mapTab > .textBox > .tab > li{display: block; }
	#mapTab > .textBox .floatLeft a:hover{color:#777; border-bottom: 2px solid #777;}
	#mapTab > .textBox .floatLeft a.active { border-bottom: 2px solid #0050B5; color:#0050B5;}
	.imgBox button {border: 1px solid #b5b5b5; background-color:#fff; width: 100px; height: 30px; margin-left: 395px; margin-top: 20px;}
	.textBox .mapTable { border-spacing: 6px; border-collapse: separate; }
	.mapTable th{ border: 1px solid #b5b5b5; padding: 20px 20px; box-sizing: border-box;}
	.mapTable td{ padding-left: 20px; line-height: 30px; }
	.brNone{ border: none; }
}
@media (min-width: 641px) and (max-width: 800px){
		/*탭박스*/
	#mapTab > .imgBox {padding-bottom: 86%;}
	#mapTab > .imgBox > div{width: 80%; height: 80%; top: 12%;}
	#mapTab .mapD{width:80% !important; height:80% !important;}
	#mapTab > .imgBox > .btnDbox{width:80%; height: 80%;}
	#mapTab > .textBox{ width: 80%;}
}
@media (min-width: 801px) and (max-width: 900px){
	/*탭박스*/
	#mapTab > .imgBox {padding-bottom: 75%;}
	#mapTab > .imgBox > div{width: 75%; height: auto; top: 12%;}
	#mapTab .mapD{width:75% !important; height:86% !important;}
	#mapTab > .imgBox > .btnDbox{width:75%; height:86%;}
	#mapTab > .textBox{ width: 75%;}
}
@media (min-width: 901px) and (max-width: 1079px){
	/*탭박스*/
	#mapTab > .imgBox {padding-bottom: 70%;}
	#mapTab > .imgBox > div{width: 65%; height: auto; top: 14%;}
	#mapTab .mapD{width:65% !important; height:80.009% !important;}
	#mapTab > .imgBox > .btnDbox{width:65%; height:80.009%;}
	/* #mapTab > .imgBox > .btnDbox > button{right: 0;} */
	#mapTab > .textBox{ width: 65%;}
}


/* For smartphones */
@media (max-width: 640px) {
	.textStyle1{margin:0 auto;width:90%;font-size:16px;}

	.comm_tab1 {margin-top:40px;}
	.comm_tab1>.tab_menu{margin:0 auto;width:90%;}
	.comm_tab1>.tab_menu>li{position:relative;float:left;margin:0 1%;width:46%;height:30px;border:1px solid #CACACA;}
	.comm_tab1>.tab_menu>li>a{display:block;width:100%;height:100%;text-decoration:none;text-align:center;line-height:30px;font-size:12px;font-weight:bold;color:#565656;}
	.triangle{border-color:#565656 transparent transparent transparent; border-width:14px; border-style:solid; width:0;height:0;position:absolute;top:30px;left:45%;}
	.comm_tab1>.tab_menu .on{background-color:#565656;}
	.comm_tab1>.tab_menu .on>a{color:#fff;}

	.comm_tab2>.tab_menu{margin:0 5%;margin-top:20px;width:90%;border-left:1px solid #CACACA;}
	.comm_tab2>.tab_menu>li{position:relative;float:left;width:24%;height:26px;border-bottom:1px solid #CACACA;border-right:1px solid #CACACA;}
	.comm_tab2>.tab_menu>li>a{display:block;width:100%;height:100%;text-decoration:none;text-align:center;line-height:26px;font-size:12px;font-weight:bold;color:#565656;}
	.comm_tab2>.tab_menu>li>.tit2{font-size: 10px; }
	.comm_tab2>.tab_menu .on{background-color:#006CBA;}
	.comm_tab2>.tab_menu .on>a{color:#fff;}
	.MbdbCACACA{border-top:1px solid #CACACA;}

	.campusIntroductionSlogan{text-align:center;font-size:14px;color:#565656;line-height:25px;}
	.TdisplayBlock{display:block;}
	.MdisplayBlock{display:block;}
	.campusLocationImage{margin:0 5%;margin-top:34px;width:90%;}
	.campusLocationImage .mapBox{border:1px solid #CACACA;width:100%; margin-top: 15px; }

	#map{width: 100%; height: 200px; margin: 0 auto; }

	.campusLocationBtn{display:block;margin:0 auto;margin-top:10px;margin-bottom:20px; width:100px;height:26px;border:1px solid #D8D8D8;font-size:12px;color:#565656;text-align:center;line-height:26px;text-decoration:none;}

	.locationInfos{margin:0 5%;width:90%;}
	.locationInfos li{margin: 4.5px 0px;width:100%;}
	.locationInfo{display:inline-block;margin-right:20px ;width:100px;height:26px;border:1px solid #D8D8D8;color:#565656;font-weight:bold;line-height:26px;text-align:center;}
	.locationInfos li p{text-decoration: none; width:100%;padding:6px 0px;line-height:26px;font-size:14px;color:#565656;margin-bottom: 10px;}
	.locationInfos li a{text-decoration: none; width:auto;padding:6px 0px;line-height:20px;font-size:14px;color:#006CBA;margin-bottom: 10px;display: inline-block; font-weight: bold; }
	.locationInfos .locationInfo{margin-bottom: 5px; }
	.campusLocationList{margin:0 5%;margin-top:27px;margin-bottom:50px;width:90%;border-top:2px solid #D8D8D8;border-bottom:1px solid #D8D8D8;}
	.campusLocationList li{}
	.campusName{width:100%;height:42px;background-color:#F9F9F9;text-align:center;line-height:42px;font-weight:17px;border-bottom:1px solid #D8D8D8;}
	.campusAddress{width:100% ;height:42px;text-align:center;line-height:42px;font-weight:17px;border-bottom:1px solid #D8D8D8;}

	#campusViewBG{position:relative;width:100%;border-top:1px solid #D8D8D8;}
	.campusViewList{margin:0 auto;margin-top:60px;width:100%;max-width:654px;}
	.campusViewList div{width:100%;}
	.slides_control > div > img{width:100%;height:100%;}
	.pagination{margin:0 auto;margin-top:20px;width:100%;}
	.pagination{*zoom:1;}
	.pagination:after{clear:both;display:block;content:'';}
	.pagination li{float:left;margin:2% 2%;width:46%;overflow:hidden;}
	.pagination li img{width:100%; filter: url(filters.svg#grayscale); /* Firefox */filter: gray; /* IE */-webkit-filter: grayscale(1); /* Webkit */}
	.pagination li img:hover{ filter: none;-webkit-filter: grayscale(0);}
	.pagination li.last{float:left;margin-right:0;}


	/* campus Locaion 페이지*/
	.campusIntroductionBG h3{padding:30px 0px 30px;font-size:20px;font-weight:bold;color:#565656;text-align:center;}
	.campusNameBlue{color:#006CBA;}

	/*탭박스*/
	#mapTab a {}
	#mapTab:after{content: ''; display: block; clear: both; }
	#mapTab > .imgBox { margin: 0 auto;}
	#mapTab > .imgBox > div{width: 85%; height: 85%; top: 12%;}
	#mapTab .mapD{width:85% !important; height:85% !important;}
	#mapTab > .imgBox > .btnDbox{width:85%; height:85%;}
	#mapTab > .textBox{ width: 85%; margin-top: 80px; }
	#mapTab > .textBox> li { float: left !important; padding-left: 20px; margin:-1px; margin-bottom: 13px; }
	#mapTab > .textBox> li a {text-decoration: none; color:#b5b5b5;}
	#mapTab > .textBox > .tab{ line-height: 20px; width: 100%; height: auto; margin-left: 13px; white-space: nowrap; overflow-x: auto;}
	#mapTab > .textBox > .tab > li{display: inline-block; padding: 8px 4px; }
	#mapTab > .textBox .floatLeft a:hover{color:#777; border-bottom: 2px solid #777;}
	#mapTab > .textBox li a.active { border-bottom: 2px solid #0050B5; color:#0050B5;}

	.imgBox button {border: 1px solid #b5b5b5; background-color:#fff; width: 100px; height: 30px; margin-left: 247px; margin-top: 4px;}
	.textBox .mapTable {width: 100%; box-sizing: border-box; margin: 0 auto; margin-top: 20px; border-spacing: 7px; border-collapse: separate; }
	.mapTable th{ border: 1px solid #ccc; box-sizing: border-box;}
  .mapTable td{ padding-left: 1px; line-height: 1.7;}
}


	/* For smartphones -- iphone5/se*/
	@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {
	.textStyle1{margin:0 auto;width:90%;font-size:16px;}

		.comm_tab1 {margin-top:40px;}
		.comm_tab1>.tab_menu{margin:0 auto;width:90%;}
		.comm_tab1>.tab_menu>li{position:relative;float:left;margin:0 1%;width:46%;height:30px;border:1px solid #CACACA;}
		.comm_tab1>.tab_menu>li>a{display:block;width:100%;height:100%;text-decoration:none;text-align:center;line-height:30px;font-size:12px;font-weight:bold;color:#565656;}
		.triangle{border-color:#565656 transparent transparent transparent; border-width:14px; border-style:solid; width:0;height:0;position:absolute;top:30px;left:45%;}
		.comm_tab1>.tab_menu .on{background-color:#565656;}
		.comm_tab1>.tab_menu .on>a{color:#fff;}

		.comm_tab2>.tab_menu{margin:0 5%;margin-top:20px;width:90%;border-left:1px solid #CACACA;}
		.comm_tab2>.tab_menu>li{position:relative;float:left;width:24%;height:26px;border-bottom:1px solid #CACACA;border-right:1px solid #CACACA;}
		.comm_tab2>.tab_menu>li>a{display:block;width:100%;height:100%;text-decoration:none;text-align:center;line-height:26px;font-size:12px;font-weight:bold;color:#565656;}
		.comm_tab2>.tab_menu>li>.tit2{font-size: 10px; }
		.comm_tab2>.tab_menu .on{background-color:#006CBA;}
		.comm_tab2>.tab_menu .on>a{color:#fff;}
		.MbdbCACACA{border-top:1px solid #CACACA;}

		.campusIntroductionSlogan{text-align:center;font-size:14px;color:#565656;line-height:25px;}
		.TdisplayBlock{display:block;}
		.MdisplayBlock{display:block;}
		.campusLocationImage{margin:0 5%;margin-top:34px;width:90%;}
		.campusLocationImage .mapBox{border:1px solid #CACACA;width:100%; margin-top: 15px; }

		#map{width: 100%; height: 200px; margin: 0 auto; }

		.campusLocationBtn{display:block;margin:0 auto;margin-top:10px;margin-bottom:20px; width:100px;height:26px;border:1px solid #D8D8D8;font-size:12px;color:#565656;text-align:center;line-height:26px;text-decoration:none;}

		.locationInfos{margin:0 5%;width:90%;}
		.locationInfos li{margin: 4.5px 0px;width:100%;}
		.locationInfo{display:inline-block;margin-right:20px ;width:100px;height:26px;border:1px solid #D8D8D8;color:#565656;font-weight:bold;line-height:26px;text-align:center;}
		.locationInfos li p{text-decoration: none; width:100%;padding:6px 0px;line-height:26px;font-size:14px;color:#565656;margin-bottom: 10px;}
		.locationInfos li a{text-decoration: none; width:auto;padding:6px 0px;line-height:20px;font-size:14px;color:#006CBA;margin-bottom: 10px;display: inline-block; font-weight: bold; }
		.locationInfos .locationInfo{margin-bottom: 5px; }
		.campusLocationList{margin:0 5%;margin-top:27px;margin-bottom:50px;width:90%;border-top:2px solid #D8D8D8;border-bottom:1px solid #D8D8D8;}
		.campusLocationList li{}
		.campusName{width:100%;height:42px;background-color:#F9F9F9;text-align:center;line-height:42px;font-weight:17px;border-bottom:1px solid #D8D8D8;}
		.campusAddress{width:100% ;height:42px;text-align:center;line-height:42px;font-weight:17px;border-bottom:1px solid #D8D8D8;}

		#campusViewBG{position:relative;width:100%;border-top:1px solid #D8D8D8;}
		.campusViewList{margin:0 auto;margin-top:60px;width:100%;max-width:654px;}
		.campusViewList div{width:100%;}
		.slides_control > div > img{width:100%;height:100%;}
		.pagination{margin:0 auto;margin-top:20px;width:100%;}
		.pagination{*zoom:1;}
		.pagination:after{clear:both;display:block;content:'';}
		.pagination li{float:left;margin:2% 2%;width:46%;overflow:hidden;}
		.pagination li img{width:100%; filter: url(filters.svg#grayscale); /* Firefox */filter: gray; /* IE */-webkit-filter: grayscale(1); /* Webkit */}
		.pagination li img:hover{ filter: none;-webkit-filter: grayscale(0);}
		.pagination li.last{float:left;margin-right:0;}


		/* campus Locaion 페이지*/
		.campusIntroductionBG h3{padding:30px 0px 30px;font-size:20px;font-weight:bold;color:#565656;text-align:center;}
		.campusNameBlue{color:#006CBA;}

		/*탭박스*/

		#mapTab a {}
		#mapTab:after{content: ''; display: block; clear: both; }
		#mapTab > .imgBox { margin: 0 auto;}
		#mapTab > .imgBox > div{width: 90%; height: 90%; top: 10%;}
		#mapTab .mapD{width:90% !important; height:90% !important;}
		#mapTab > .imgBox > .btnDbox{width:90%; height:90%;}
		#mapTab > .textBox{ width: 90%;  margin-top:70px; }
		#mapTab > .textBox> li { float: left !important; padding-left: 20px; margin:-1px; margin-bottom: 13px; }
		#mapTab > .textBox> li a {text-decoration: none; color:#b5b5b5;}
		#mapTab > .textBox > .tab{ line-height: 20px; width: 100%; height: 50px; margin-left: 13px; white-space: nowrap; overflow-x: auto;}
		#mapTab > .textBox > .tab > li{display: inline-block; padding: 2px;}
		#mapTab > .textBox .floatLeft a:hover{color:#777; border-bottom: 2px solid #777;}
		#mapTab > .textBox li a.active { border-bottom: 2px solid #0050B5; color:#0050B5;}

		.imgBox button {border: 1px solid #b5b5b5; background-color:#fff; width: 100px; height: 30px; margin-left: 213px; }
		.textBox .mapTable {width: 100%; box-sizing: border-box; margin-left: 0; border-spacing: 4px; border-collapse: separate; }
		.mapTab th{ border: 1px solid #ccc; box-sizing: border-box;}
		.mapTab td{ padding-left: 1px; line-height: 1.7; padding-right: 15%; }

	}