@charset "utf-8";

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/NanumGothic-Regular.eot);
  src: url(../fonts/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(../fonts/NanumGothic-Regular.woff2) format('woff2'),
       url(../fonts/NanumGothic-Regular.woff) format('woff'),
       url(../fonts/NanumGothic-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/NanumGothic-Bold.eot);
  src: url(../fonts/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(../fonts/NanumGothic-Bold.woff2) format('woff2'),
       url(../fonts/NanumGothic-Bold.woff) format('woff'),
       url(../fonts/NanumGothic-Bold.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(../fonts/NanumGothic-ExtraBold.eot);
  src: url(../fonts/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(../fonts/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(../fonts/NanumGothic-ExtraBold.woff) format('woff'),
       url(../fonts/NanumGothic-ExtraBold.ttf) format('truetype');
}

body{
	font-family: 'Nanum Gothic', sans-serif; 
	color:#333;
	
}

.orange{
	color:#f7941d;
}

.blue{
	color:#2d5f9c;
}

.red{
	color:#c21631;
}

.green{
	color:#006d57;
}

.bold{
	font-weight:bold;
}

.container_fluid{
	width:100%;
}

.service_wrap{
	height:40px;
	border-bottom:1px solid #e1e1e1;
}

.service_wrap .service_menu{
	line-height:40px;
}

.service_wrap .service_menu i{
	color:#324a80;
	font-size:14px;
	font-weight:bold;
}

.service_wrap .service_menu span{
	display:inline-block;
}

.service_wrap .service_menu span a img{
	display:inline-block;
	margin-top:-3px;
}

.service_wrap .service_menu ul{
	float:right;
	display:inline-block;
}

.service_wrap .service_menu ul li{
	float:left;
	margin-left:20px;
}

.service_wrap .service_menu a,
.service_wrap .service_menu ul li a{
	color:#333;
	font-size:14px;
	font-weight:500;
}

.logo_box, .top_menu{
	margin-top:25px;
}

.top_menu > ul{
	float:right;
	height:20px;
}

.top_menu > ul > li{
	float:left;
	font-size:16px; font-weight:400;
	margin-left:10px;
}

.top_menu > ul > li > a > span{
	font-size:13px;
	margin-left:5px;
}

.main_menu ul{
	float:right;
	height:22px;
	margin-top:10px;
}

.main_menu > ul > li{
	float:left;
	font-size:19px; font-weight:400;
	margin-left:20px;
}

.main_menu > ul > li > a.menu_bold{
	font-weight:bold;
}

.login_wrap{
	margin-top:20px;
	background:#fbfbfb;
}

.login_box{
	position:relative;
	height:96px;
}

.login_box > form{
	float:left;
	margin-top:22px;
}

.login_box > form > .id_name{
	margin-left:14px;
}

.login_box > form > .pw_name{
	margin-left:8px;
}

.login_box > form > .id_text, .login_box > form > .pw_text{
	width:120px;
	border:1px solid #ccc;
}

.login_box > .btn_box{
	float:right;
}

.login_box > .btn_box > .login_btn{
	width:63px; height:60px;
	text-indent:-9999px;
	margin-top:20px;
	padding:0px;
	border:none;
	cursor:pointer;
	background:url(../images/index/login_btn.png) no-repeat;
}

.login_box > .btn_box > .login_btn:hover{
	background:url(../images/index/login_btn_on.png) no-repeat;
}

.login_box > .btn_box{
	
}

.login_box > .btn_box > .study_btn, .login_box > .btn_box > .test_btn, .login_box > .btn_box > .ad_btn{
	width:70px; height:60px;
	text-indent:-9999px;
	margin-top:20px;
	border:none;
	cursor:pointer;
}

.login_box > .btn_box > .study_btn{
	background:url(../images/index/study_btn.png) no-repeat;
}

.login_box > .btn_box > .test_btn{
	background:url(../images/index/test_btn.png) no-repeat;	
}

.login_box > .btn_box > .ad_btn{
	background:url(../images/index/ad_btn.png) no-repeat;	
}

.login_box > .login_box_profile_wrap{
	float:left;
	width:470px;
}

.login_box > .login_box_profile_wrap > .login_box_profile{
	float:right;
	height:55px;
	margin-top:21px; padding:0px 10px 0px 5px;
	border:1px solid #eee;
}

.login_box > .login_box_profile_wrap > .login_box_profile > li:first-child{
	margin-left:0px;
}

.login_box > .login_box_profile_wrap > .login_box_profile > li{
	float:left;
	width:64px; height:55px;
	font-size:14px;
	margin-top:5px; margin-left:12px;
	text-align:center;
}

.login_box > .login_box_profile_wrap > .login_box_profile > li > a > span,
.login_box > .login_box_profile_wrap > .login_box_profile > li > span{
	display:block;
	margin-top:1px;
}

.register_box{
	position:absolute; top:54px; left:350px;
	font-size:14px; font-weight:300;
}

.register_box > li{
	float:left;
	margin-left:14px;
}

.register_box > li > a > span{
	margin-left:5px;
}

.sound_only{
	display: none;
}