@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css); 
@font-face {
	font-family: 'S-CoreDream-3Light';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

body, div, ul, li, table, tr, td, th{margin:0px; padding:0px;}

ul, li{list-style:none;}

body {
	font-family: 'S-CoreDream-3Light';
	/* background:url(https://sample.designpk.kr/eduem/202501/images/bg.jpg) no-repeat 100% 100% fixed; */
	background: #eee;
	font-size:13px;
	color:#fff;
    overflow-x: hidden;
}

#wrap {
	width:100%;
	position: relative;
}

#header {
	width:100%;
	background:#000;
	height:0px;
	z-index:2;
}


select{
	font-size:15px; 
	border: 1px solid #ccc;
	line-height:16px ;
	color:#666;
	}

/*================================================================================================================
 왼쪽 네비게이션 스타일
=================================================================================================================*/

/*왼쪽부분 전체 영역 제어*/

.left {
width: 310px; height:100%; float: left; background: #dbeffc; position:fixed;
/*border-right:17px solid #dbeffc;*/



/* IE */
scrollbar-3dLight-Color: #dbeffc; 
scrollbar-arrow-color: #fff; 
scrollbar-base-color: #dbeffc; 
scrollbar-Face-Color: #1d72ad;/*움직이는 바 컬러*/
scrollbar-Track-Color: #dbeffc; 
scrollbar-DarkShadow-Color: #dbeffc; 
scrollbar-Highlight-Color: #dbeffc; 
scrollbar-Shadow-Color: #dbeffc;


}

/* Chrome, Safari */
.left::-webkit-scrollbar {width: 15px; height: 8px; border: 3px solid #dbeffc; } 
.left::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 0px; background: #000;} 
.left::-webkit-scrollbar-track {background: #dbeffc; } 
.left::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(0,0,0,.2); }


.logo {padding:20px 0 0 20px;}

.menu_test {
   text-align:left;
   font-size:14px;
   font-weight:600;
   color:#fff;
   line-height:18px; 
   padding:5px 20px 0px 25px;
   margin-bottom:auto;
	
}

.menu_test li{
padding:10px 0 10px 0;
border-bottom:1px dotted #8cbbcf;

}

.menu_test li.nav_s {padding: 5px 0;}
.menu_test a{color: #000; text-decoration:none;}
.menu_test a:hover, a:active, a:focus{color: #63a4c2; text-decoration:underline;}




.pdf2 {clear: both; width:100%; color:#fff; font-weight:bold; padding:20px 15px;}
.pdf2 img {float: left;}
.pdf2 a{ display:block; color: #000; text-decoration:none; padding: 3px 0 0 30px;}
.pdf2 a:hover, a:active, a:focus{color: #63a4c2; text-decoration:underline;}

.mail{width: 90%; height: 40px; border: 1px solid #b5ddee; border-radius: 20px; margin: 50px auto;}
.mail p{  text-align:center; font-weight:600; }
.mail a{ color: #000; text-decoration:none; text-align:center; }
.mail a:hover, a:active, a:focus{color: #63a4c2; text-decoration:underline;}

.banner { float:left; padding:17px; margin-top:-50px;}
.banner ul li { padding-top:25px;}
.banner ul li img {width: 160px; padding-left: 10px;}
.sel { float:left; margin: 20px 0 10px 20px;}

.copp {font-size:12px; color:#000; line-height:16px;}
/*================================================================================================================
 컨텐츠영역
=================================================================================================================*/

/*컨텐츠*/

#contents{width:100%; z-index:1;}


/*스테이지영역*/

#Stage1{
  width:100%; 
  height:auto;

  }


/* 스마트폰대상  레이아웃 지정：100px～769px */
@media only screen and (min-width: 100px)and (max-width: 979px) {
body {background: #fff;}
#header { position:static; display:none; }
#Stage1{
  max-width:100%;
  min-width:50%;
  height:auto;
  float:left;
  padding-top:10%;
  }
  .slide {padding: 60px 0 0 0;}
  .slide img {width:100%;  }

	img[usemap] {
		border: none;
		height: auto;
		max-width: 100%;
		width: auto;
	}

	.left_mob img{width: 180px;}
}


/* PC대상 및 대형 태블릿 대상 레이아웃 지정：769px～1060px */
@media only screen and (min-width: 980px) {
.mob_header {display: none;}
#header { position:static; display:block; }
#Stage1{
  width:100%; 
  height:auto;
  float:left;
  padding-top:20px;
  margin-left:388px;
  }
  .slide img {width:900px;  }


	img[usemap] {
		border: none;
		height: auto;
        width: 900px;
		max-width: 900px;
	}


}

/* PC대상 레이아웃 지정：2px이상에서는 고정 레이아웃 */
@media only screen and (min-width: 2560px) {
	.mob_header {display: none;}
	#top_mob {  display:none }
	img[usemap] {
		border: none;
		height: 1273px;
        width: 900px;
		max-width: 900px;
	}


}