@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://fonts.googleapis.com/css2?family=Black+Han+Sans&display=swap);


/* */
button,input,select,textarea {border:0 none; border-radius:4px; background-color:transparent; vertical-align:middle; cursor:pointer; outline:none;}
img {vertical-align:top}
input[type=button],input[type=email],input[type=password],input[type=reset], input[type=search],input[type=submit],input[type=tel],input[type=text] {-webkit-appearance:none;}
a {text-decoration:none}
a:active, a:hover{text-decoration:none}
caption,legend {font-size:0;line-height:0;visibility:hidden}
input:focus,select:focus,textarea:focus { outline-width:thin; outline:none; }
input::-ms-clear { display:none }
input::-webkit-contacts-auto-fill-button {display:none !important;position:absolute;right:0 ; visibility:hidden;pointer-events:none;}
body {background-color:#fff;-webkit-text-size-adjust:none }
body,button,input,pre,select,table,textarea {font-family: 'Noto Sans KR', sans-serif; font-size:14px;line-height:1.4em;}

html,body{height:100%; width:100%; min-width:320px;}

.overflow_h {overflow:hidden;}

header {position:absolute; top:0; left:0; width:100%;  padding:0; margin:0; letter-spacing: 0px; word-spacing: 0px; background: rgba(255, 255, 255, 0.8); z-index:999; }
.header_p {width:70%; margin:0 auto; letter-spacing: 0px; word-spacing: 0px;}
.header_m {display:none;}

.logo {float:left; width:34%; margin:0; padding:0; text-align:left; }
.logo img {width:180px;font-size:0;}
.logo_m {display:none}

.pnav {float:left; width:65%; margin:10px 0; padding: 0px; }
.pnav ul {font-size:1em;}
.one { font-family:'Noto Sans KR', sans-serif; text-align:right; margin: 0px; padding: 0px; font-size:1em;}
.one > li{display:inline-block; position:relative; text-align:center; vertical-align:middle}   
.one ul{display:none; font-size:1em; }
.one li:hover > ul {display:block; font-size:1em;} 
.one li {font-size:1em; padding:0 1.2em; font-weight:500;}  
.one li:hover{ font-size:1em;}
.one li a {font-size:1em; font-weight:700;  color:#333; padding:12px 0;}  
.one li a:hover {font-size:1em; font-weight:700; color:#1857d8;}  
.one li a.mp {font-size:1em; font-weight:700; color:#26468e;} 
  
.one_2 a {padding:22px 0 !important;}


.two{position:absolute;left:-30px; top:50px;width:150px; background:#fff; border-top:solid 2px #1857d8;box-shadow: 0 1px 3px rgba(0,0,0,0.3);}  
.two._2{top: 42px;}  
.two li {position:relative; border-bottom:solid 1px #eee;line-height:36px;}  
.two li:hover {background:#eee;} 
.two li a {display:inline-block; font-size:0.9em; width:100%; font-weight:300; color:#333;padding:0!important;}  
.two li a:hover {font-size:0.9em; font-weight:400; color:#1857d8;}  

.three{position:absolute;left:149px; top: 0px; width:150px;background:#fff; border-top:solid 2px #1857d8;box-shadow: 0 1px 3px rgba(0,0,0,0.3);}  
.three li {border-bottom:solid 1px #eee;}  
.three li:hover {background:#eee;}
.three li a {display:inline-block; font-size:0.9em; width:100%; font-weight:300; color:#333;} 
.three li a:hover {font-size:0.9em; font-weight:400; color:#1857d8;}  

.four{position:absolute;left:145px; top: 0px; width:150px;background:#fff; border-top:solid 2px #1857d8;box-shadow: 0 1px 3px rgba(0,0,0,0.3);}  
.four li {border-bottom:solid 1px #eee;}  
.four li:hover {background:#eee;}
.four li a {display:inline-block; font-size:0.9em; width:100%; font-weight:300; color:#333;} 
.four li a:hover {font-size:0.9em; font-weight:400; color:#1857d8;}  


.mone {display:none;}

		#title {width:100%; position:absolute; top:36%; background:rgba(0, 0, 0, 0.7); z-index: 999999;} 
		#title div {width:100%; margin:0 auto; text-align:center; }
		#title div img {display:inline-block; width:30%; padding:3%; border:none;}

.sound {
	position:absolute;
	right:10px; 
	bottom:14%; 
	text-align: center;
	z-index:999; background:url('../img/bgm_on.png') no-repeat 0 0;}

.togglePlay {font-family: 'Noto Sans KR', sans-serif; 
  font: 0/0 a;
  background:url('../img/bgm_on.png') no-repeat 0 0;
  display: absolute;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  transition: transform 150ms ease-out;
}
.togglePlay:after {
  box-sizing: border-box;
  display: block;
  content: '';
}
.togglePlay:hover {
  transform: scale(1.05);
}
.togglePlay.active:after {
  width: 16px;
  height: 21px;
  margin-left: 0;
  border-width: 0 7px;
  border-color: rgba(255, 255, 255, 0.9);
}

.tbtn {position:absolute; bottom:8%; right:0; z-index:999;}
.tbtn .opbtn {color:#333; font-size:1.1em; font-weight:700;}
.expanded {position:absolute; right:0; top:0; background:#333; padding:0 6px 12px 6px; border-radius:0;}

.simple-panel {
  position: absolute;
  bottom:7%;
  right:0;  
  width: 500px;  
  background: #fff;
  padding: 1.6em 1.6em 3em 1.6em;
  z-index: 9999;
  transform: translateX(100%);
  transition: transform ease 0.25s;
  box-shadow: none; 
}
.simple-panel.is-active {
  box-shadow: 0.01em 0 0.5em #737373;
  transform: translateX(0);
}


.simple-panel2 {
  position: absolute;
  left:30%;
  top:12%;
  right:0;  
  width: 500px;
  background: #fff;
  padding: 1.6em 1.6em 3em 1.6em;
  z-index: 9999;
  transform: translateY(-2000%);
  transition: transform ease 0.25s;
  box-shadow: none; 
}
.simple-panel2.is-active {
  box-shadow: 0.01em 0 0.5em #737373;
  transform: translateY(0);
}

.simple-panel_m {display:none;}

.ptit {font-family: 'Noto Sans KR', sans-serif; font-size:1.2em; font-weight:400; color:#333;}

.simple-panel ul.tabs{ margin: 10px 0px; padding: 0px; list-style: none;background:#b7c6e8;line-height:40px; border-radius:20px; }
.simple-panel2 ul.tabs li{display:inline-block; border-radius:20px;}

ul.tabs li{font-family: 'Noto Sans KR', sans-serif;
font-size:1em; 
font-weight:400;
display: inline-block;
padding: 0 10px;
cursor: pointer;
font-size:0.9em;
}

ul.tabs li.current{
background: #ededed;
color: #222;
border:solid 1px #38569a;
border-radius:20px;
}
ul.tabs li.tabtitle {width:130px;background:#38569a; color:#fff; font-size:0.9em; line-height:40px; border-radius:20px; text-align:center;}

.simple-panel .tab-content{
display: none;
background: #fff;
padding: 15px 15px 30px 15px;
}

.simple-panel .tab-content.current{
display: inherit;
}

.simple-panel2 .tab-content{
display: none;
background: #fff;
padding: 15px;
}

.simple-panel2 .tab-content.current{
display: inherit;
}


.simple-panel2 ul.tabs li.current{
background: #38569a;
color: #fff;
border-radius:20px;
}


.roomtit {width:80px; background:#fff; color:#38569a; font-size:0.9em; line-height:30px; border:solid 1px #38569a; border-radius:15px; text-align:center; margin-top:20px;}
.floor {border-radius:5px; background:#b7c6e8; padding:8px; }
.floor a.floor_num {display:inline-block; padding:0 20px; width:6%; font-size:1.2em; font-weight:500; color:#38569a; line-height:40px;}
.floor hr {height:1px; border:none; background:#e5e9f3; } 
.room {clear:both;display:inline-block; width:80%; height:100%; padding:8px; background:#f4f4f4; text-align:left; vertical-align:middle;border-radius:4px;  }
.room li {display:inline-block;}
.room li a {color:#555; font-weight:400;padding:5px 10px; line-height:20px;}


.pc_info {position:absolute; right:100px; top:100px;z-index:99;}
.m_info {display:none;}



/*닫기버튼*/
.close-container {
  position: relative;
  margin: auto;
  width: 30px;
  height: 30px;  
  cursor: pointer;
}
.leftright {
  height: 4px;
  width: 30px;
  position: absolute;
  margin-top: 20px;
  background-color: #F4A259;
  border-radius: 2px;
  transform: rotate(45deg);
  transition: all .3s ease-in;
}
.rightleft {
  height: 4px;
  width: 30px;
  position: absolute;
  margin-top: 20px;
  background-color: #F4A259;
  border-radius: 2px;
  transform: rotate(-45deg);
  transition: all .3s ease-in;
}
.close {  
  position: absolute;
}
.close-container:hover .leftright {
  transform: rotate(-45deg);
  background-color: #F25C66;
}
.close-container:hover .rightleft {
  transform: rotate(45deg);
  background-color: #F25C66;
}
.close-container:hover label {
  opacity: 1;
}



/* img tooltip */
ul.map_dot li a {
  position: absolute;
  display: inline;
}
/* set up tooltip */
ul.map_dot span {
	position: absolute;
	bottom: 30px;
	left: -24px;	
	width: auto;
	min-width:50px;
	height: 30px;
	margin: 0 auto;
	padding: 0 7px;
	font-family: 'Noto Sans KR', sans-serif;
	font-size: 0.8em;
	font-weight:500;
	line-height: 30px;
	background: #f4f4f4;
	color: #333;
	text-align: center;
	visibility: hidden;
	z-index:9999; 
	white-space:pre;}

ul.map_dot li a span:after {
	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	width: 0; 
	height: 0;
	margin-left: 26px;
	border-top: 8px solid #f4f4f4;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
}

ul.map_dot li a:hover span {
	visibility: visible;
}

/*핀위치*/
.image-map {position:relative; width:470px; height:280px; }
.map_dot._0101 a._1 {top:40px; left:270px;}/*자율관-1층복도*/
.map_dot._0101 a._2 {top:115px; left:370px;}/*자율관-*/
.map_dot._0101 a._21 {top:45px; left:370px;}/**/
.map_dot._0101 a._3 {top:86px; left:280px;}/*자율관-아트홀*/
.map_dot._0101 a._4 {top:110px; left:250px;}/*자율관*/
.map_dot._0101 a._5 {top:46px; left:430px;}/*자율관-과학실*/
.map_dot._0101 a._6 {top:224px; left:53px;}/*본관-도서관*/
.map_dot._0101 a._7 {top:224px; left:110px;}/*학생안전부*/
.map_dot._0101 a._8 {top:224px; left:232px;}/*산학협력부*/
.map_dot._0101 a._81 {top:224px; left:192px;}/*산학협력부*/
.map_dot._0101 a._82 {top:224px; left:170px;}/*산학협력부*/
.map_dot._0101 a._9 {top:224px; left:340px;}/*도제전기부사무실*/
.map_dot._0101 a._10 {top:224px; left:290px;}/*도제반도체부사무실*/
.map_dot._0101 a._11 {top:186px; left:114px;}/*복도*/
.map_dot._0101 a._12 {top:186px; left:260px;}/*복도*/
.map_dot._0101 a._13 {top:186px; left:410px;}/*복도*/
.map_dot._0101 a._14 {top:126px; left:320px;}/*자율관-추가*/
.map_dot._0101 a._15 {top:224px; left:400px;}/*자율관-추가*/


.map_dot._0102 a._1 {top:125px; left:260px;}/*자율관-2층복도*/
.map_dot._0102 a._2 {top:86px; left:280px;}/*자율관-2층복도2*/
.map_dot._0102 a._3 {top:46px; left:260px;}/*자율관-의장실*/
.map_dot._0102 a._4 {top:46px; left:340px;}/*자율관-캐드실*/
.map_dot._0102 a._5 {top:46px; left:410px;}/*자율관-그래픽실*/
.map_dot._0102 a._6 {top:115px; left:444px;}/*자율관-스마트건축과사무실*/
.map_dot._0102 a._11 {top:140px; left:100px;}/*창의관-2층복도*/
.map_dot._0102 a._12 {top:70px; left:60px;}/*창의관-반도체제조실*/
.map_dot._0102 a._13 {top:70px; left:140px;}/*창의관-반도체설계실*/
.map_dot._0102 a._14 {top:186px; left:260px;}/*본관*/
.map_dot._0102 a._15 {top:186px; left:448px;}/*복도*/
.map_dot._0102 a._16 {top:224px; left:210px;}/**/
.map_dot._0102 a._17 {top:224px; left:160px;}/**/
.map_dot._0102 a._18 {top:224px; left:128px;}/**/
.map_dot._0102 a._19 {top:224px; left:60px;}/**/
.map_dot._0102 a._20 {top:224px; left:300px;}/**/
.map_dot._0102 a._21 {top:46px; left:224px;}/**/


.map_dot._0103 a._1 {top:125px; left:260px;}/*자율관-3층복도*/
.map_dot._0103 a._2 {top:86px; left:280px;}/*자율관-3층복도2*/
.map_dot._0103 a._3 {top:46px; left:260px;}/*자율관-전자설계실*/
.map_dot._0103 a._4 {top:46px; left:340px;}/*자율관-기초회로제작실*/
.map_dot._0103 a._5 {top:126px; left:340px;}/*자율관-유비쿼터스실습실*/
.map_dot._0103 a._6 {top:46px; left:420px;}/*자율관-스마트전자과사무실*/
.map_dot._0103 a._7 {top:125px; left:60px;}/**/
.map_dot._0103 a._71 {top:125px; left:140px;}/**/
.map_dot._0103 a._72 {top:65px; left:135px;}/**/
.map_dot._0103 a._73 {top:65px; left:60px;}/**/

.map_dot._0103 a._11 {top:140px; left:100px;}/*창의관-3층복도*/
.map_dot._0103 a._12 {top:190px; left:260px;}/*본관복도*/
.map_dot._0103 a._13 {top:225px; left:230px;}/*전산실*/
.map_dot._0103 a._14 {top:190px; left:102px;}/*복도*/
.map_dot._0103 a._15 {top:225px; left:108px;}/*스마트 혁신교실*/
.map_dot._0103 a._16 {top:225px; left:46px;}/*스마트반도체과 사무실 */

.map_dot._0104 a._1 {top:120px; left:255px;}/*자율관-4층복도*/
.map_dot._0104 a._2 {top:86px; left:280px;}/*자율관-4층복도2*/
.map_dot._0104 a._3 {top:40px; left:250px;}/*자율관-자동제어2실습실*/
.map_dot._0104 a._4 {top:40px; left:295px;}/*자율관-학년부 사무실*/
.map_dot._0104 a._7 {top:40px; left:340px;}/*자율관-전자응용1실습실*/
.map_dot._0104 a._5 {top:120px; left:285px;}/*자율관-4층화장실*/
.map_dot._0104 a._6 {top:120px; left:390px;}/*자율관-자동제어1실습실*/
.map_dot._0104 a._11 {top:130px; left:100px;}/*창의관-4층복도*/
.map_dot._0104 a._12 {top:70px; left:60px;}/*창의관-반도체장비유지보수실*/
.map_dot._0104 a._13 {top:70px; left:140px;}/*창의관-반도체실비실*/
.map_dot._0104 a._14 {top:220px; left:135px;}/*교무실*/

.map_dot._0104 a._15 {top:220px; left:200px;}/*회의실*/
.map_dot._0104 a._16 {top:220px; left:320px;}/*민원실*/
.map_dot._0104 a._17 {top:220px; left:430px;}/*교장실*/
.map_dot._0104 a._18 {top:220px; left:316px;}/*행정실*/
.map_dot._0104 a._19 {top:178px; left:450px;}/*복도*/
.map_dot._0104 a._20 {top:178px; left:280px;}/*복도*/
.map_dot._0104 a._21 {top:178px; left:50px;}/*복도*/
.map_dot._0104 a._22 {top:220px; left:240px;}/*복도*/


.map_dot._0105 a._1 {top:120px; left:255px;}/*자율관-5층복도*/
.map_dot._0105 a._2 {top:86px; left:255px;}/*자율관-5층복도2*/
.map_dot._0105 a._3 {top:86px; left:280px;}/*자율관-5층복도3*/
.map_dot._0105 a._4 {top:40px; left:240px;}/*자율관-유선통선구축실*/
.map_dot._0105 a._5 {top:40px; left:330px;}/*자율관-초고속망관리운용실*/
.map_dot._0105 a._6 {top:126px; left:340px;}/*자율관-통신시스템실*/
.map_dot._0105 a._7 {top:25px; left:400px;}/*자율관-스마트통신과사무실*/
.map_dot._0105 a._8 {top:55px; left:400px;}/*자율관-스마트통신과사무실2*/
.map_dot._0105 a._11 {top:130px; left:100px;}/*창의관-5층복도*/
.map_dot._0105 a._12 {top:70px; left:60px;}/*창의관-전기배선실*/
.map_dot._0105 a._13 {top:182px; left:450px;}/*본관복도*/
.map_dot._0105 a._14 {top:182px; left:250px;}/*본관복도*/
.map_dot._0105 a._15 {top:182px; left:94px;}/*본관복도*/
.map_dot._0105 a._16 {top:270px; left:245px;}/*방송실*/
.map_dot._0105 a._17 {top:220px; left:80px;}/**/
.map_dot._0105 a._18 {top:45px; left:134px;}/**/
.map_dot._0105 a._19 {top:114px; left:134px;}/**/

.map_dot._0106 a._1 {top:220px; left:290px;}/*본관-스마트전자과6층 교실_1학년1반*/
.map_dot._0106 a._2 {top:220px; left:100px;}/*본관-*/
.map_dot._0106 a._3 {top:190px; left:450px;}/*본관-복도*/
.map_dot._0106 a._4 {top:190px; left:250px;}/*본관-복도*/
.map_dot._0106 a._5 {top:190px; left:50px;}/*본관-복도*/
.map_dot._0106 a._6 {top:140px; left:250px;}/*자율관-계단실*/


.map_dot._0107 a._1 {top:220px; left:93px;}/*-*/
.map_dot._0107 a._2 {top:184px; left:450px;}/*-*/
.map_dot._0107 a._3 {top:184px; left:250px;}/*-*/
.map_dot._0107 a._4 {top:184px; left:42px;}/*-*/

.map_dot._0201 a._1 {top:25px; left:250px;}/*재능관-*/
.map_dot._0201 a._2 {top:25px; left:300px;}/*재능관-*/

.map_dot._0202 a._1 {top:86px; left:410px;}/*재능관-2층복도*/
.map_dot._0202 a._2 {top:85px; left:300px;}/*재능관-학생식당*/


.map_dot._0203 a._2 {top:100px; left:330px;}/*재능관-뮤직홀*/
.map_dot._0203 a._4 {top:100px; left:242px;}/*재능관-스마트짐*/
.map_dot._0203 a._5 {top:100px; left:154px;}/*재능관-드로잉실*/
.map_dot._0203 a._1 {top:84px; left:404px;}/*재능관-3층복도*/
.map_dot._0203 a._3 {top:70px; left:384px;}/*재능관-3층복도2*/
.map_dot._0203 a._6 {top:24px; left:250px;}/*재능관-3층복도3*/
.map_dot._0203 a._7 {top:113px; left:81px;}/*재능관-3층복도4*/
.map_dot._0203 a._8 {top:24px; left:114px;}/*재능관-3층복도5*/



/*핀위치*/

.modal h3 {
  font-size: 1.4em; color:#333; font-weight:bold;
}
.modal button {
  margin: 0px auto;
  margin-top: 20px;
}
.modal {
  position: fixed;
  top: 0px;
  pointer-events: none;
  left: 0px;
  background: rgba(0, 0, 0, 0.7);
  width: 100vw;
  height: 100vh;
  z-index: 999999;
  opacity: 0;
  transition: 0.3s;  
  text-align:center;
}

.modal img {margin-top:100px;}
.modal.active {
  opacity: 1;
  pointer-events: auto;
}
.modal.active .box {
  top: 50%;
}
.modal#success h1 {
  font-size: 1.5em;
}
.modal .close {
  position: absolute;
  top: 0;
  right: 0;
  width:40px;
  height:40px;
  cursor: pointer;
  color: #ddd;
   font-size: 1.8em; 
   font-weight:bold;   
   background:#333;
}
.modal .box {
  background: #fff;
  display: block;
  box-sizing: border-box;
  border-radius: 5px;
  text-align: center;
  padding: 20px;
  position: absolute;
  top: 33%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  transition: 0.3s;
}
.modal_txt {margin-top:20px;}


.modal .box { width:300px;text-align:center;}
.modal .box h3 {margin-bottom:20px; text-align:left;}
.modal .box button { width:90%; padding:8px 0; margin:4px auto; text-align:center; background:#f2f2f2; border:solid 1px #999;}
.btn_zon {width:100%; height:420px; margin-bottom:20px; overflow-x:hidden;  overflow-y:auto; }
.btn_zon::-webkit-scrollbar { width: 6px; }
.btn_zon::-webkit-scrollbar-thumb {background-color: #d0d3db; }
.btn_zon::-webkit-scrollbar-track {background-color: #f0f2f5; }

.modal .box._1 button { width:90%; padding:8px 0; margin:4px auto; text-align:center; background:#f2f2f2; border:solid 1px #999;}

.modal .box button.back {background:#333; color:#fff; font-weight:700; border:none;}

.visual {margin-top:80px; background:#d6e4f1; text-align:center;}
.conbox {position:relative; width:1200px; margin:0 auto;}
.left {float:left; width:190px;}
.left h2 {background: url(http://jn.icehs.kr/images/template/01172/sub/left_mn_tit.png) no-repeat #4475cb;
    text-align: center;
    height: 120px;
    line-height: 120px;
    border-radius: 15px 15px 0 0;
    font-family: 'Noto Sans KR', sans-serif;
	font-size: 1.75em;
	font-weight:500;
    color: #fff;
    letter-spacing: -1px;
    margin: 35px 0 0;}
.left li { border-left: 1px solid #d9d9d9;border-right: 1px solid #d9d9d9;border-bottom: 1px solid #ddd;line-height:40px;}
.left li a { display: block;font-family: 'Noto Sans KR', sans-serif;  padding: 5px 0 5px 14px;  font-size: 14px;  color: #555;  font-weight:500;}
.left li a:hover { color: #4475cb; background: url(http://jn.icehs.kr/images/template/01172/sub/bgSideNavi.png) 94% center no-repeat;}
.left li.no_sc {height:60px; line-height:60px;}
.left li.no_sc a span {padding:15px;}
.contents {float:left; width:960px; margin:50px 10px 100px 30px;}

.footer {clear:both; width:100%; margin:0 0 30px; border-top:solid 1px #ddd;}
.area_footer {position:relative; width:1200px; margin:0 auto;}
.box_info{
	font-size: 14px;
	font-family: 'Noto Sans KR', sans-serif;
	color: #777;
	letter-spacing: -1px; 
	padding: 20px 0 0;}
.con {width:960px;padding-top:50px; border-top:solid 1px #ddd;}
.con img {width:100%;}
.con li {text-decoration:none; text-align:left;}
.stit {}
.stit h3 {font-size:30px; 
	font-weight:500; 
	color:#111; 
	font-family: 'Noto Sans KR', sans-serif;
    letter-spacing: -1px;  
    padding: 9px 0; 
	margin-bottom:15px;   
}
#location { margin-bottom:10px;}
#location a {font-weight:300;color:#777;}
#location a img {vertical-align:middle;}
.btn_top {position:fixed; right:2%; bottom:2%; z-index:9999;}




.nice-nav {
  width: 190px;  
  height: 100%;
  -webkit-transition:all 0.4s ease-in-out 0s;
  transition:all 0.4s ease-in-out 0s;
  float:left;
}
.nice-nav.open {
    margin-left: -250px;
    display: block;
}
.nice-nav > .user-info {
    padding: 10px 15px;
    color: #333;
    border-bottom: 1px solid #ddd;
    min-height: 41px;
}
 .nice-nav .user-info .user-name,
.nice-nav .user-info img{float:left;}


.nice-nav> .user-info > .user-name {
  padding: 0px 10px;
}

.user-info > .user-name h5 {
  text-transform: uppercase;
  font-size: 16px;
}

.user-info > .user-name span {
  font-size: 80%;
  color: #555;
  font-style: italic;
}


.nice-nav li.child-menu span.toggle-right {
  display: inline-block;
  width:90%;
  padding: 10px 20px;
}

.nice-nav ul li a {
  padding: 0px;  
  
  display: block;
  color: #333;
  position: relative;
}
.nice-nav ul li a:hover { color: #4475cb; background: url(http://jn.icehs.kr/images/template/01172/sub/bgSideNavi.png) 94% center no-repeat;}
.nice-nav ul li.child-menu ul {
  background: #f5f5f5;
  display: none;
}
.nice-nav ul li.child-menu ul li {border:none; border-top:solid 1px #ddd;}
.nice-nav ul li.child-menu ul li:last-child {}
.nice-nav ul li.child-menu ul li a {font-size:12px;font-weight:400; padding: 0 20px;}
.nice-nav ul li.child-menu ul li a:hover {background:none;}


h4{margin-bottom:10px; padding-left:15px; font-size:18px; line-height:1.3;font-family: 'Noto Sans KR', sans-serif;  color:#333; letter-spacing:-1px; background:url("http://jn.icehs.kr/images/template/common/con_com/bu_tit3.png") no-repeat left 5px;}
h5{margin-bottom:10px; padding-bottom:0px;padding-top:10px;  font-size:17px; line-height:1.3;font-family: 'Noto Sans KR', sans-serif; color:#155eb6; }
h6{margin-bottom:10px; padding-bottom:10px; font-size:16px; line-height:1.3;font-family: 'Noto Sans KR', sans-serif; }
.tb_tit {margin-bottom:10px; padding-left:10px; font-size:20px; line-height:1.3;font-family: 'Noto Sans KR', sans-serif;  color:#222; letter-spacing:-1px; background:url("http://jn.icehs.kr/images/template/common/con_com/bu_tit2.png") no-repeat left 3px;}
.tL {text-align:left;}
/* 테이블 : 테이블 기본 타입 */
/*.table {position:relative; width:100%; background:#fff; -webkit-overflow-scrolling:touch; word-break:keep-all;}*/
.table {position:relative; width:100%; margin:5px 0 10px -1px; text-align:center; border-top:2px solid #000; -webkit-overflow-scrolling:touch; word-break:keep-all;}
.table thead th {padding:8px 5px; vertical-align:middle; color:#222; font-family: 'Noto Sans KR', sans-serif; font-weight:400; border-right:1px solid #ddd; font-weight:normal; font-size:14px; border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; background:#f3f3f3;}
.table tbody th {padding:8px 5px; vertical-align:middle; color:#222; font-family: 'Noto Sans KR', sans-serif;  border-right:1px solid #ddd; font-weight:normal; font-size:14px; border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; background:#fdfdfd;}
.table td { color:#555; padding:8px 12px; border-bottom:1px solid #d2d2d2; border-right:1px solid #ddd; border-left:1px solid #d2d2d2; font-family: 'Noto Sans KR', sans-serif;  font-weight:300; font-size: 14px;}

/* 테이블 : 테이블 기본 타입 */
/*.tbl_st {position:relative; width:100%; background:#fff; -webkit-overflow-scrolling:touch; word-break:keep-all;}*/
.tbl_st {position:relative; width:100%; margin:5px 0 0 -1px; text-align:center; border-top:2px solid #000; -webkit-overflow-scrolling:touch; word-break:keep-all;}
.tbl_st thead th {padding:13px 10px; vertical-align:middle; color:#222; font-family: 'Noto Sans KR', sans-serif;  font-weight:normal; font-size:14px; border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; background:#f3f3f3;}
.tbl_st tbody th {padding:13px 10px; vertical-align:middle; color:#222; font-family: 'Noto Sans KR', sans-serif;  font-weight:normal; font-size:14px; border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; background:#fdfdfd;}
.tbl_st td {padding:10px 15px; border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2;}
.tbl_st tfoot th {padding:13px 10px; color:#222; font-family: 'Noto Sans KR', sans-serif;  font-weight:normal; font-size:14px; border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; background:#fafbfb;}
.tbl_st tfoot td {padding:13px 10px; border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; background:#fafbfb;}

/* 테이블 : 테이블 4면 선 */
/*.tbl_st2 {position:relative; background:#fff; -webkit-overflow-scrolling:touch; word-break:keep-all;}*/
.tbl_st2 {position:relative; width:100%; margin-top:5px; text-align:center; border-top:2px solid #000; border-left:1px solid #d2d2d2; -webkit-overflow-scrolling:touch; word-break:keep-all;}
.tbl_st2 thead th {padding:13px 10px; vertical-align:middle; color:#222; font-family: 'Noto Sans KR', sans-serif;  font-weight:normal; font-size:14px; border-bottom:1px solid #d2d2d2; border-right:1px solid #d2d2d2; background:#f3f3f3;}
.tbl_st2 tbody th {padding:13px 10px; vertical-align:middle; color:#222; font-family: 'Noto Sans KR', sans-serif;  font-weight:normal; font-size:14px; border-bottom:1px solid #d2d2d2; border-right:1px solid #d2d2d2; background:#fdfdfd;}
.tbl_st2 td {padding:10px 15px; border-bottom:1px solid #d2d2d2; border-right:1px solid #d2d2d2;}
.tbl_st2 tfoot th {padding:13px 10px; color:#222; font-family: 'Noto Sans KR', sans-serif;  font-weight:normal; font-size:14px; border-bottom:1px solid #d2d2d2; border-right:1px solid #d2d2d2; background:#fafbfb;}
.tbl_st2 tfoot td {padding:13px 10px; border-bottom:1px solid #d2d2d2; border-right:1px solid #d2d2d2; background:#fafbfb;}

/* 테이블 : 세로테이블 */
/*.tbl_st_row {position:relative; background:#fff; -webkit-overflow-scrolling:touch; word-break:keep-all;}*/
.tbl_st_row {position:relative; width:100%; margin-top:5px; text-align:center; border-top:2px solid #000; -webkit-overflow-scrolling:touch; word-break:keep-all;}
.tbl_st_row tbody th {padding:13px 10px; vertical-align:middle; color:#222; font-family: 'Noto Sans KR', sans-serif;  font-weight:normal; font-size:14px; border-bottom:1px solid #d2d2d2; background:#f3f3f3;}
.tbl_st_row tbody td {padding:10px 15px; border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; background:#fff;}
.tbl_st_row tfoot th {padding:13px 10px; color:#222; font-family: 'Noto Sans KR', sans-serif;  font-weight:normal; font-size:14px; border-bottom:1px solid #d2d2d2; border-right:1px solid #d2d2d2; background:#f3f3f3;}
.tbl_st_row tfoot td {padding:13px 10px; border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; background:#fafbfb;}

/* 테이블 - 기타 */
.scroll_img, .scroll_gr {position:relative; } /* 스크롤 */
.tbl_utile {margin-top:-20px; text-align:right; line-height:16px; font-size:14px;} /* 유틸 */

/* 박스 : 박스 기본 타입 */
.box_st1 {position:relative; padding:15px 25px; border:1px solid #bfbfbf; background:#fff;}
.box_st2 {position:relative; padding:15px 25px; border:1px solid #bfbfbf; background:#fbfbfb;}
.box_st3 {padding:5px; background:url("/images/template/common/con_com/pt_diagonalG.png") repeat;}
.box_st3 .inner {position:relative; padding:15px 25px; background:#fff;}
.box_st4 {position:relative; padding:15px 25px; border-top:2px solid #000; border-bottom:1px solid #000;}
.box_st5 {position:relative; padding:15px 25px; border:2px solid #dfe6ee; background:#fff;}
.box_st5:before {content:''; position:absolute; top:-2px; left:-2px; width:50px; height:50px; border-top:4px solid #266ed4; border-left:4px solid #266ed4;}
.box_st5:after {content:''; position:absolute; bottom:-2px; right:-2px; width:50px; height:50px; border-bottom:4px solid #2a384a; border-right:4px solid #2a384a;}
.box_st_ico {position:relative; min-height:70px; padding-left:90px;}
.box_st_ico .ico_boxImg {position:absolute; left:0; top:0;}

/*테이블 스타일 추가*/
.tbl_basic{width:100%;margin-bottom:30px;border-top:2px solid #646464;border-left:1px solid #ddd;}
.tbl_basic caption{height:0;line-height:0}
.tbl_basic th{padding:5px;border-right:1px solid #999;border-bottom:1px solid #999;background:#f3f3f3;text-align:center;}
.tbl_basic td{padding:5px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;color:#333;text-align:center;}
.tbl_basic thead th{color:#252525; background:#e8e8e8;}
.tbl_basic tbody th{border-bottom:1px solid #e5e5e5;background:#fcfcfc}
.tbl_basic tbody td{}
.tbl_basic tbody td.bg_tbl{background:url(http://jn.icehs.kr/images/template/00581/common/bg_tbl_head.gif) no-repeat right 50%}
.tbl_basic .t_end{border-right:0}
.tbl_basic tfoot{background:none}

.0301_table {width:100%;}
.0301_table td table {width:96%; margin:0 auto;}

.wrap_map:nth-child(1) {display:none;} 
.wrap_controllers:nth-child(1) {display:none;} 


@media (min-width: 640px) and (max-width: 1080px) {

.header_p {width:100%; margin:0 auto; letter-spacing: 0px; word-spacing: 0px;}
.pnav {float:left; width:80%; margin:5px 0; padding: 0px; }

.logo {display:none;}
.logo_m {display:block;float:left; padding:10px 0 0 20px;}
.logo_m img {width:40px; margin:8px;}
.left {display:none;}


.pc_info {display:none}
.m_info {display:block; position:absolute; right:1.5%; bottom:20%;z-index:99;}


.simple-panel .tab-content.current{
display: inherit;
}




.simple-panel { width: 500px;}
.simple-panel_m {
display:block;
  position: absolute;
  left:0%;
  top:0;
  right:0;  
  height:100vh;
  background:rgba(255, 255, 255, 0.8);
  padding-bottom: 20px;
  z-index: 9999;
  transform: translateX(100%);
  transition: transform ease 0.25s;
  box-shadow: none; 
  padding-top:50px;
  
}
.simple-panel_m.is-active {
  box-shadow: none;
  transform: translateX(0);
}
.simple-panel_m .expanded {position:absolute; left:0; top:10px; background:#333; padding:0; border-radius:0;}

.mmenu_box {position:relative;width:100%; padding:20px;}

nav {
  display: block;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100vh;
  width: 300px;
  background: #212121;
}
nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 300px;
}
.main-nav {
  position: relative;
  height: 100%;
}
.main-nav li {
  border-top: 1px solid #333;
}
.main-nav li:last-child {
  border-bottom: 1px solid #333;
}
.main-nav li.has-subnav > a {
  position: relative;
}
.main-nav li.has-subnav > a:before {
  position: absolute;
  display: block;
  color: #fff;
  content: "\203A";
  right: 15px;
  font-size: 24px;
  top: 10px;
}
.main-nav a {
  display: block;
  padding: 15px 20px;
  text-decoration: none;
  color: #fff;
}
.main-nav a.back-track {
  background: #222;
  padding-left: 35px;
}
.main-nav a.back-track:before {
  position: absolute;
  display: block;
  color: #fff;
  content: "\2039";
  left: 15px;
  font-size: 24px;
  top: 10px;
}
.subnav {
  position: absolute;
  top: 0;
  bottom: 0;
  background: #111;
  z-index: 99998;
  transform: translate3d(320px, 0, 0);
  transition: transform 0.5s;
}
.subnav.active {
  transform: translate3d(0, 0, 0);
}
.main-nav_level-2 {
  z-index: 99999;
  background: #000;
}

.hbnt {position:relative; display:inline-block; width:80%; height:50px; text-align:right; z-index:99999;}
.btn {
    border: 0;
    padding: 1rem 0;
    display: inline-block;    
}

.icon-menu {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 20px;
    vertical-align: middle;
    fill: none;
}

/* Global menu icon line styles */
.icon-menu .line {
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    height: 4px;
    -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.000);
            transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
    background-color: #dd611d;
	border-radius:2px;
}

/* Menu icon line 1 */
.icon-menu .line-1 {
    top: 0;
}

/* When active, rotate line 1 to be lefthand part of X */
.is-active .icon-menu .line-1 {
    -webkit-transform: translateY(8px) translateX(0) rotate(45deg);
            transform: translateY(8px) translateX(0) rotate(45deg);
}

/* Line 2 */
.icon-menu .line-2 {
    top: 50%;
    margin-top: -2px;
}

/* When active, hide line 2 */
.is-active .icon-menu .line-2 {
    opacity: 0;
}

/* Line 3 */
.icon-menu .line-3 {
    bottom: 0;
}

/* When active, rotate line 3 to be righthand part of X */
.is-active .icon-menu .line-3 {
    -webkit-transform: translateY(-8px) translateX(0) rotate(-45deg);
            transform: translateY(-8px) translateX(0) rotate(-45deg);
}





.container {width:100%;}
.visual img {width:98%;}
.conbox {width:100%;}
.contents {clear:both; width:96%; margin:20px auto; padding-left:15px;}
.con {width:100%;}
.con img {width:94%; margin:20px auto;}
.area_footer {width:90%;}




}/**/

@media (max-width: 1280px) {

.header_p {width:90%;}

}


@media (max-width: 639.98px) {
		#title {width:100%; height:16%; position:absolute; top:40%; background:rgba(0, 0, 0, 0.7); z-index: 999999;} 
		#title div {width:100%; margin:0 auto; text-align:center; }
		#title div img {display:inline-block; width:60%; padding:3%; border:none;}
header {height:60px;}
.header_p {width:100%; margin:0 auto; letter-spacing: 0px; word-spacing: 0px;}
.pnav {float:left; width:84%; margin:10px 0; padding: 0px; }

.logo {display:none;}
.logo_m {display:block;float:left; padding:10px 0 0 10px;}
.logo_m img {width:30px; margin:8px;}

.one {text-align:left;}
.one li {padding:0 0.4em; font-size:0.80em; letter-spacing:-1px;}
.one li a:hover {font-size:0.8em; }  
.two{position:absolute;left:-10px; top: 50px;width:100px;}  
.three{position:absolute;left:-119px; top: 0px; width:120px;}  
.four{position:absolute;left:145px; top: 0px; width:120px;}  

.left {display:none;}

.hbnt {position:relative; display:inline-block; width:80%; height:50px; text-align:right; z-index:99999;}
.btn {
    border: 0;
    padding: 1rem 0;
    display: inline-block;    
}

.icon-menu {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 20px;
    vertical-align: middle;
    fill: none;
}

/* Global menu icon line styles */
.icon-menu .line {
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    height: 4px;
    -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.000);
            transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
    background-color: #dd611d;
	border-radius:2px;
}

.pc_info {display:none}
.m_info {display:block; position:absolute; right:10px; bottom:21%;z-index:99;}

ul.tabs li {text-align:center;}
ul.tabs li:nth-child(1) {width:94.3%;}
ul.tabs li:nth-child(2) {margin-left:20px;}

.simple-panel .tab-content{ padding: 0; }

.simple-panel {bottom:9%; width:90%; height:430px;}
.tbtn {bottom:9%; right:0; text-align:right; z-index:999;}
.tbtn .opbtn {width:70%;}
.tbtn .opbtn img {width:100%;}
.image-map {height:190px; width:360px; padding-bottom:20px;}
.image-map img {width:100%;}



.simple-panel_m {
display:block;
  position: absolute;
  left:0%;
  top:-20%;
  right:0;  
  height:100vh;
  background:rgba(255, 255, 255, 0.8);
  padding-bottom: 20px;
  z-index: 9999;
  transform: translateX(100%);
  transition: transform ease 0.25s;
  box-shadow: none; 
}
.simple-panel_m.is-active {
  box-shadow: none;
  transform: translateX(0);
}
.simple-panel_m .expanded {position:absolute; left:0; top:10px; background:#333; padding:0; border-radius:0;}



/**/
.map_dot._0101 a._1 {top:30px; left:196px;}/*자율관-1층복도*/
.map_dot._0101 a._2 {top:60px; left:262px;}/*자율관-1층복도2*/
.map_dot._0101 a._3 {top:60px; left:202px;}/*자율관-아트홀*/
.map_dot._0101 a._4 {top:78px; left:182px;}/*자율관-건축도장실*/
.map_dot._0101 a._5 {top:30px; left:310px;}/*자율관-과학실*/
.map_dot._0101 a._6 {top:154px; left:33px;}/*본관-도서관*/
.map_dot._0101 a._7 {top:154px; left:80px;}/*학생안전부*/
.map_dot._0101 a._8 {top:154px; left:165px;}/*산학협력부*/
.map_dot._0101 a._81 {top:154px; left:135px;}/*산학협력부*/
.map_dot._0101 a._82 {top:154px; left:122px;}/*산학협력부*/
.map_dot._0101 a._9 {top:154px; left:240px;}/*도제전기부사무실*/
.map_dot._0101 a._10 {top:154px; left:205px;}/*도제반도체부사무실*/
.map_dot._0101 a._11 {top:129px; left:84px;}/*복도*/
.map_dot._0101 a._12 {top:130px; left:183px;}/*복도*/
.map_dot._0101 a._13 {top:120px; left:318px;}/*복도*/
.map_dot._0101 a._14 {top:88px; left:228px;}/*자율관-추가*/
.map_dot._0101 a._15 {top:154px; left:284px;}/*자율관-추가*/


.map_dot._0102 a._1 {top:85px; left:182px;}/*자율관-2층복도*/
.map_dot._0102 a._2 {top:60px; left:188px;}/*자율관-2층복도2*/
.map_dot._0102 a._3 {top:30px; left:186px;}/*자율관-의장실*/
.map_dot._0102 a._4 {top:30px; left:243px;}/*자율관-캐드실*/
.map_dot._0102 a._5 {top:30px; left:299px;}/*자율관-그래픽실*/
.map_dot._0102 a._6 {top:96px; left:440px;}/*자율관-스마트건축과사무실*/
.map_dot._0102 a._11 {top:84px; left:70px;}/*창의관-2층복도*/
.map_dot._0102 a._12 {top:44px; left:42px;}/*창의관-반도체제조실*/
.map_dot._0102 a._13 {top:44px; left:94px;}/*창의관-반도체설계실*/
.map_dot._0102 a._14 {top:127px; left:182px;}/*본관*/
.map_dot._0102 a._15 {top:127px; left:318px;}/*복도*/
.map_dot._0102 a._16 {top:158px; left:148px;}/**/
.map_dot._0102 a._17 {top:158px; left:114px;}/**/
.map_dot._0102 a._18 {top:158px; left:90px;}/**/
.map_dot._0102 a._19 {top:158px; left:40px;}/**/
.map_dot._0102 a._20 {top:158px; left:300px;}/**/
.map_dot._0102 a._21 {top:30px; left:224px;}/**/

.map_dot._0103 a._1 {top:78px; left:182px;}/*자율관-3층복도*/
.map_dot._0103 a._2 {top:58px; left:211px;}/*자율관-3층복도2*/
.map_dot._0103 a._3 {top:30px; left:175px;}/*자율관-전자설계실*/
.map_dot._0103 a._4 {top:30px; left:252px;}/*자율관-기초회로제작실*/
.map_dot._0103 a._5 {top:86px; left:240px;}/*자율관-유비쿼터스실습실*/
.map_dot._0103 a._6 {top:30px; left:297px;}/*자율관-스마트전자과사무실*/
.map_dot._0103 a._7 {top:87px; left:38px;}/**/
.map_dot._0103 a._71 {top:87px; left:100px;}/**/
.map_dot._0103 a._72 {top:44px; left:94px;}/**/
.map_dot._0103 a._73 {top:44px; left:38px;}/**/

.map_dot._0103 a._11 {top:84px; left:66px;}/*창의관-3층복도*/
.map_dot._0103 a._12 {top:135px; left:182px;}/*본관복도*/
.map_dot._0103 a._13 {top:156px; left:158px;}/*전산실*/
.map_dot._0103 a._14 {top:128px; left:70px;}/*복도*/
.map_dot._0103 a._15 {top:156px; left:30px;}/*스마트반도체과 사무실*/
.map_dot._0103 a._16 {top:156px; left:30px;}/* 스마트 혁신교실 */

.map_dot._0104 a._1 {top:71px; left:180px;}/*자율관-4층복도*/
.map_dot._0104 a._2 {top:58px; left:204px;}/*자율관-4층복도2*/
.map_dot._0104 a._3 {top:30px; left:175px;}/*자율관-자동제어2실습실*/
.map_dot._0104 a._4 {top:30px; left:210px;}/*자율관-학년부 사무실*/
.map_dot._0104 a._7 {top:30px; left:240px;}/*자율관-전자응용1실습실*/
.map_dot._0104 a._5 {top:86px; left:207px;}/*자율관-4층화장실*/
.map_dot._0104 a._6 {top:120px; left:390px;}/*자율관-자동제어1실습실*/

.map_dot._0104 a._11 {top:84px; left:66px;}/*창의관-4층복도*/
.map_dot._0104 a._12 {top:35px; left:39px;}/*창의관-반도체장비유지보수실*/
.map_dot._0104 a._13 {top:35px; left:95px;}/*창의관-반도체실비실*/

.map_dot._0104 a._14 {top:152px; left:87px;}/*교무실*/
.map_dot._0104 a._15 {top:152px; left:135px;}/*회의실*/
.map_dot._0104 a._16 {top:152px; left:225px;}/*민원실*/
.map_dot._0104 a._17 {top:152px; left:310px;}/*교장실*/
.map_dot._0104 a._18 {top:152px; left:220px;}/*행정실*/
.map_dot._0104 a._19 {top:123px; left:322px;}/*복도*/
.map_dot._0104 a._20 {top:123px; left:222px;}/*복도*/
.map_dot._0104 a._21 {top:123px; left:40px;}/*복도*/
.map_dot._0104 a._22 {top:130px; left:180px;}/*복도*/

.map_dot._0105 a._1 {top:71px; left:180px;}/*자율관-5층복도*/
.map_dot._0105 a._2 {top:57px; left:190px;}/*자율관-5층복도2*/
.map_dot._0105 a._3 {top:57px; left:210px;}/*자율관-5층복도3*/
.map_dot._0105 a._4 {top:28px; left:176px;}/*자율관-유선통선구축실*/
.map_dot._0105 a._5 {top:28px; left:224px;}/*자율관-초고속망관리운용실*/
.map_dot._0105 a._6 {top:86px; left:248px;}/*자율관-통신시스템실*/
.map_dot._0105 a._7 {top:36px; left:280px;}/*자율관-스마트통신과사무실*/
.map_dot._0105 a._8 {top:15px; left:280px;}/*자율관-스마트통신과사무실2*/
.map_dot._0105 a._11 {top:84px; left:68px;}/*창의관-5층복도*/
.map_dot._0105 a._12 {top:36px; left:42px;}/*창의관-전기배선실*/
.map_dot._0105 a._13 {top:124px; left:318px;}/*본관복도*/
.map_dot._0105 a._14 {top:132px; left:180px;}/*본관복도*/
.map_dot._0105 a._15 {top:125px; left:60px;}/*본관복도*/
.map_dot._0105 a._16 {top:190px; left:170px;}/*방송실*/
.map_dot._0105 a._17 {top:156px; left:52px;}/**/
.map_dot._0105 a._18 {top:38px; left:92px;}/**/
.map_dot._0105 a._19 {top:80px; left:92px;}/**/

.map_dot._0106 a._1 {top:159px; left:212px;}/*본관-스마트전자과6층 교실_1학년1반*/
.map_dot._0106 a._2 {top:159px; left:64px;}/*본관-*/
.map_dot._0106 a._3 {top:132px; left:318px;}/*본관-복도*/
.map_dot._0106 a._4 {top:132px; left:179px;}/*본관-복도*/
.map_dot._0106 a._5 {top:132px; left:18px;}/*본관-복도*/
.map_dot._0106 a._6 {top:100px; left:179px;}/*자율관-계단실*/


.map_dot._0107 a._1 {top:158px; left:65px;}/*-*/
.map_dot._0107 a._2 {top:130px; left:320px;}/*-*/
.map_dot._0107 a._3 {top:130px; left:178px;}/*-*/
.map_dot._0107 a._4 {top:130px; left:25px;}/*-*/

.map_dot._0201 a._1 {top:25px; left:250px;}/*재능관-*/
.map_dot._0201 a._2 {top:25px; left:300px;}/*재능관-*/

.map_dot._0202 a._1 {top:69px; left:230px;}/*재능관-2층복도*/
.map_dot._0202 a._2 {top:58px; left:288px;}/*재능관-학생식당*/

.map_dot._0203 a._2 {top:70px; left:237px;}/*재능관-뮤직홀*/
.map_dot._0203 a._4 {top:70px; left:170px;}/*재능관-스마트짐*/
.map_dot._0203 a._5 {top:70px; left:110px;}/*재능관-드로잉실*/

.map_dot._0203 a._1 {top:58px; left:290px;}/*재능관-3층복도*/
.map_dot._0203 a._3 {top:58px; left:274px;}/*재능관-3층복도2*/
.map_dot._0203 a._6 {top:14px; left:172px;}/*재능관-3층복도3*/
.map_dot._0203 a._7 {top:78px; left:56px;}/*재능관-3층복도4*/
.map_dot._0203 a._8 {top:14px; left:83px;}/*재능관-3층복도5*/



.container {width:100%; margin:0;}
.visual img {width:98%; margin:0 auto;}
.conbox {width:100%;}
.contents {clear:both; width:96%; margin:20px auto; padding-left:10px;}

.con {width:100%;}
.con img {width:100%; margin:0 auto;}
.area_footer {width:90%;}
}

.page {color:#777; font-weight:300; font-size:16px; line-height:22px;}
.page h5 {font-weight:500;}
.page B {color:#555; font-weight:500; font-size:16px;}


.root_daum_roughmap_landing {overflow:visible}