@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/kopubbatang.css);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,300);

@media screen and ( min-width: 900px ){	
/* CSS Document */

*{transition: all 0.4s ease; margin: 0; padding: 0;}

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

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

/* header */
	header{
		height: 95px;		
	}
	#logo{
		margin: 16px 0 0 7%;
		float: left;		
	}
	#logo img{
		width: 75%;		
		margin-top: -10px;
	}
	#m_nav{display: none;}
	aside{display: none;}
	nav{
		height: 65px;
		margin: 0;
		padding: 0;
		border-bottom: 1px solid #000;
		border-color: rgba(0,0,0,0.05);
		font-weight: bold;
	}
	nav ul{
		float: right;
		margin: 0 7% 0 0;
		padding: 0;
	}
	nav ul li{
		float: left;
		margin-left: 40px;
		padding: 30px 0px 10px 0px;
		height: 30px;
		line-height: 30px;
	}

	nav ul li:hover{
		transition: all 0.4s ease;
	}
	
	nav ul li ul{
		opacity: 0;
		visibility: hidden;
		float: left;
		margin-left: -60px;
		position: absolute;
	}

	nav ul li:hover ul{
		opacity: 1;
		visibility: visible;		
	}

	
	nav ul li ul li{
		margin: 5px 0 0 0;
		padding: 0 0 0 0;
		background: #fff;
	}
	
	li.navbig a{
		padding: 0 30px 0 0;
		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{
		padding: 0 15px;
		letter-spacing: 0px;
		font-size: 11.5px;	
		color: #397fdc;
	}

	nav ul li:nth-child(4) ul{
		margin-left: -175px;
	}
	
	/* hide sub menu links 
	ul.sub-menu {
		display:none;
	}
	*/
/* index */

	.slider_txt{
		position: absolute;
		margin-top: 12%;
		margin-left: 7%;
		color: #000;
		z-index: 1;
		font-size: 44px;
		width: 500px; height: 200px;
	}
	.slider_txt img{ width: 80%;}

	#sub_main{
		clear: both;
		height: 300px;
		margin-bottom: 50px;
		overflow: hidden;
	}

	#sub_main img,#sub_banner img{ width: 100%; }

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

/* zbxe */

	.cont_top_xe{
		clear: both;
	}

	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;	
	}
	
/* grid */
	
	.about_us{
		margin: 0 auto;
		width: 800px;
	}
	
	.cont_top{
				
	}
	.cont_top h1{
		margin-bottom: 50px;
		padding-bottom: 90px;
		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 span{
		float: left;
	}
	h1 div{
		float: left;
		padding-top: 15px;
		padding-left: 10px;
		font-family: 'KoPub Batang', serif;
		font-size: 11px;
		text-transform: uppercase;
		color: #aaa;
		letter-spacing: 0px;
	}
	.one_par{
		width: auto;
		margin-bottom: 50px;
		line-height: 24px;		
	}
	
	.half_par{
		width: 580px;
		float: left;
		margin-bottom: 50px;
		line-height: 24px;		
	}

	.half_par.map{
		float: right;
		text-align: right;
		width: 420px;;
	}
	
	.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,.half_par p{
		margin-bottom: 20px;
	}

	.top_txt{
		margin: 0 auto;
		max-width: 1200px;
	}
	.top_txt div{
	}
	
	.top_txt h3{
		margin: 0 0 5px 25px;
	}
	
	.top_btn{
		clear: both;
	}

	.top_btn img{
		border: 1px solid #e7e7e7;
		width: 140px;
	}
	
	.top_btn a:first-child{
		margin-right: 10px;
	}
	.grid4{ 
		float: left; 
		width: 420px; 
		height: 160px;
		margin: 30px 0 60px 0;
		border-right: 1px solid #e7e7e7; 
	}
	.grid2{ 
		float: left; 
		width: 300px;
		margin: 0 0 0 20px;
	}
	.grid4 iframe{
		padding: 0 0; 
		width: 420px;
	}
	
	.clearboth{
		clear: both;
		margin-bottom: 70px;
	}
	
	.tb_wrap{
		padding-bottom: 30px;
	}
	.tb_title{
		padding-top: 0px;
		float: left;
		border-right: 1px solid #e7e7e7;
		width: 9%;
		min-width: 100px;
		font-weight: 300;
		font-size: 30px;
		font-family: 'Oswald', 'KoPub Batang', serif;
		letter-spacing: 5px;
	}

	.tb_title_kr{
		padding-top: 0px;
		float: left;
		border-right: 1px solid #e7e7e7;
		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-left: 2%;
		padding-bottom: 30px;
		float: left;
		width: 80%;
		line-height: 24px;	
	}
	
	/* table */
	.one_par table{
		width: 100%;
		margin-bottom: 80px;
		text-align: center;
		border-bottom: 1px solid #e7e7e7;
	}
	.one_par table.tuition{
		margin: 0 auto;
		margin-bottom: 150px;
		max-width: 500px;
	}

	.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: 100px;}
	.td_2{width: 120px;}
	.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: 170px;
	}
	.td_right2{
		border-left: 1px solid #e7e7e7;
		padding: 0 20px 10px 20px;
	}
	.m_curri{display: none;}
/* login, join */
	#join_ifr{
		width: 100%;
		height: 900px;
	}
	
	#find_ifr{
		width: 100%;
		height: 650px;
	}
	
	.outpage{
		width: 100%;
	}

	.outpage_top,
	.outpage div.login,
	.outpage div.join{
		float: left;
	}
	.outpage div.login{
		margin-top: -20px;
		margin-left: 300px;	
	}

	.outpage_top img{
		width: 100px;
		float: left;
	}
	.outpage_top p{
		float: left;
	}
/* footer */

	.gotop{
		float: right;
		margin: 0 200px 30px 0;		
	}

	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;
	}

}