@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/kopubbatang.css);


@media screen and ( max-width: 899px ){	
/* CSS Document */


/* general */
body{
	overflow-x: hidden;
	width: 100%;
	margin: 0;
	padding: 0;
	font-family: 'KoPub Batang', serif;
	font-size: 13px;	
}

a:hover,
a:active,
a:focus{
	background: #fff;
}

/* font */
.bright{ color: #444; font-weight: 700; font-size: 14px; }
.blue{ color: #397fdc; }
.small{ font-size: 10px; }

/* header */
	header{
		z-index: 666!important;
		position: fixed;
		padding-top:5px;
		width: 100%;
		height: 45px;		
		top: 0; 
		background: #fff;
	}
	#logo{
		margin: 0px 0 0 2%;
		height: 45px;
		line-height: 60px;
		float: left;		
	}
	#logo img{
		width: 80px;		
	}
	#m_nav{
		display: block;
		font-size: 2em;
		float: right;
		width: 45px;
		height: 45px;
		line-height: 45px;
		text-align: center;
		cursor: pointer;
	}
	
	#m_nav img{width: 20px;}
	
	aside{
		top: 15px;
		right: 7%;
		float: right;
		position: absolute;
	}
	aside ul{margin-right: 30px;}
	aside ul li{
		float: left;
		font-size: 12px;
		font-family: 'Oswald', serif;
		letter-spacing: 1px;
	}
	aside ul li:first-child{ padding-right: 10px;}
	aside ul li:last-child{ padding-left: 10px;}
	aside ul li,aside ul li a{color: #397fdc;}
	#nav_wrap{
		clear: both;
	}
	nav{
		margin: 45px 0 0 0; padding: 0;
		border-bottom: 1px solid #000;
		border-color: rgba(0,0,0,0.08);
		font-weight: bold;
	}
	nav ul{
		z-index: 1;
		background: #fff;
		margin: 0; padding: 0;
	
	}
	
	nav ul.navbig_ul{	
		box-shadow: 0 5px 15px rgba(0,0,0,0.1);
	}
	nav ul.navbig_ul{display: none;}
	nav ul.sub-menu{display: none;}
	
	nav ul li{
		line-height: 50px;
		text-align: center;
		border-bottom: 1px solid #000;
		border-color: rgba(0,0,0,0.08);
	}

	nav ul li ul li{
		background: #fff;
	}
	
	li.navbig a{
		position: relative;
		padding: 14px 35%;
		width: 100%;
		letter-spacing: -0.5px;
		font-size: 14px;		
		border-right: 1px solid #000;
		border-color: rgba(0,0,0,0.03);
		color: #0a2f60;
		cursor: pointer;
	}

	li.navbig a:last-child{border: 0;}

	ul.navsmall a{
		position: relative;
		padding: 14px 35%;
		width: 100%;
		letter-spacing: 0px;
		font-size: 11.5px;	
		color: #397fdc;
	}

	nav ul li ul li:last-child{
		border: 0;
 	}
	
	/* hide sub menu links 
	ul.sub-menu {
		display:none;
	}
	*/
/* index */

	.slider_txt{
		position: absolute;
		margin: 45px auto 0 auto;
		padding: 0 50px;
		z-index: 1;
	}
	.slider_txt img{ width: 80%;}
	
	#sub_main{
		margin-bottom: 30px;
		overflow: hidden;
	}

	#sub_main img{ width: 100%; }

	#wrap{
		width: 100%;
		margin: 45px 0 0 0;
		padding: 0;
	}
	
	.wrap_txt{
		width: 95%;
		margin: 0 auto;
		margin-bottom: 50px;
		padding: 0 2% 0 2%;		
	}
	
	#top{
		clear: both;
	}
	
	.login{
		margin: 0 auto;
		margin-top: 10px;
		margin-bottom: 48px;
		padding-left: 108px;
		background: url(../images/index/login.png) no-repeat center left;
		max-width: 250px;
		height: 68px;
	}
	.login iframe{ width: 200px; height: 115px;}

/* zbxe */

	div#bd {
		max-width: 1200px;
		margin: 0 auto;
	}
	.cont_top_xe h1{ 
	  margin-bottom: -20px;
	  margin-top: 40px;
	  padding-bottom: 0px;
	  font-family: 'KoPub Batang', serif;
	  font-size: 44px;	
	}
	
	.m_u{height: 40px;}
	
/* grid */
	
	.about_us{
		margin: 0 auto;
		width: 95%
	}
	
	.cont_top{
				
	}
	.cont_top h1{
		margin-bottom: 30px;
		padding-bottom: 30px;
		border-bottom: 1px solid #e7e7e7;
		font-family: 'KoPub Batang', serif;
		font-size: 44px;
	}
	
	.cont_top h1.h1_kr{ 
		font-weight: normal;
		letter-spacing: -0.5px;
	}
	
	.cont_top h1.h1_en{ 
		font-weight: bold;
		letter-spacing: 3px;
	}
	
	h1 div{
		clear: both;
		padding-top: 10px;
		font-family: 'KoPub Batang', serif;
		font-size: 11px;
		text-transform: uppercase;
		color: #aaa;
		letter-spacing: 0px;
	}
	.one_par{
		width: 100%;
		line-height: 24px;		
	}
	
	.half_par{
		width: 100%;
		margin-bottom: 50px;
		line-height: 24px;		
	}

	.half_par.map{
		width: 100%;
		text-align: right;
	}
	
	.half_par.map img{width: 100%;}
	
	h3{
		margin: 20px 0 30px 0;
		padding: 0 0 0 25px;
		font-weight: bold;
		font-size: 16px;
		background: url(../images/h3.png) no-repeat center left;
	}
	.one_par p{
		margin-bottom: 20px;
	}

	.top_txt{
		margin: 0 auto;
		width: 100%;
	}
	.top_txt div{
	}
	
	.top_txt h3{
		margin: 0 0 5px 25px;
	}
	
	.top_btn{
		clear: both;
		text-align: center;
	}

	.top_btn img{
		margin: 0;
		border: 1px solid #e7e7e7;
		width: 45%;
	}
	
	.grid4{ 
		width: 100%;
		height: 160px;
		margin: 30px 2% 0 0;
	}
	
	.grid2{ 
		float: left; 
		width: 100%;
	}
	.grid4 iframe{
		padding: 0 0; 
		width: 100%;
	}
	
	.clearboth{
		clear: both;
	}
	
	.tb_wrap{
		padding-bottom: 30px;
	}
	.tb_title{
		clear: both;
		margin: 15px 2%;
		padding-left: 15px;
		border-left: 3px solid #397fdc;
		width: 100%;
		font-weight: 300;
		font-size: 30px;
		font-family: 'Oswald', 'KoPub Batang', serif;
		letter-spacing: 5px;
	}

	.tb_title_kr{
		padding-top: 0px;
		margin-bottom: 15px;
		width: 9%;
		min-width: 100px;
		font-weight: 300;
		font-size: 16px;
		font-family: 'Oswald', 'KoPub Batang', serif;
		letter-spacing: -1px;
	}
	
	.tb_title_kr img{margin-right: 10px;}

	.tb_txt{
		padding: 0 2%;
		width: 100%;
		line-height: 24px;	
	}
	
	/* table */
	.one_par table{
		width: 100%;
		margin-bottom: 80px;
		text-align: center;
		border-bottom: 1px solid #e7e7e7;
	}
	.one_par table.curri_tb{
		display: none;
	}
	.one_par table.tuition{
		margin: 0 auto;
		margin-bottom: 150px;
		width: 100%;
	}

	.tr_tt{
		font-weight: bold;
		letter-spacing: 1px;
		border-bottom: 1px solid #e7e7e7;
	}
	.td_tt{
		border-right: 1px solid #e7e7e7;
		min-weight: 50px;
		font-weight: bold;
		color: #397fdc;
	}
	.td_1{width: 50px;}
	.td_2{width: 60px;}
	.td_cont{
		border-left: 1px solid #e7e7e7;
		padding: 10px 10px 10px 10px;
		text-align: left;
	}
	.td_cont ul, .td_cont ul li{margin: 0; padding: 0;}
	.td_cont ul{ 
		padding-left: 10px;
		list-style-image: url(../images/li.png);
		list-style-position: top left;
	}
	.td_right{
		width: 70px;
	}
	.td_right2{
		border-left: 1px solid #e7e7e7;
		padding: 0 20px 10px 20px;
	}

	.curri_title{
		
	}
	.curri_title h4{
		background: url(../images/h4.png) no-repeat center left;
		margin: 0;
		padding: 0 0 0 25px;
		font-weight: bold;
		font-size: 16px;
		color: #397fdc;
	}
	.curri_info{
		float: left;
		margin: 0 10px 10px 0;
		font-weight: bold;
		font-size: 11px;
	}
	.curri_date{
		font-size: 11px;
		color: #888;
	}
	.curri_desc{
		clear: both;
		border-bottom: 1px solid #eee;
		padding-bottom: 30px;
		margin-bottom: 30px;
	}

/* login, join */
	#join_ifr{
		width: 100%;
		height: 960px;
	}
	#find_ifr{
		width: 100%;
		height: 700px;
	}
	
/* footer */

	.gotop{
		display: none;
	}

	footer{
		clear: both;
		padding: 30px 7%;
		background: #fff;
		border-top: 1px solid #eee;
	}
	footer small{
		line-height: 18px;
		font-size: 11px;
		color: #aaa;	
	}
	footer div{
		margin: 0 auto;
		max-width: 1150px;
	}

}