@charset "utf-8";
/* CSS Document */

@import url(base.css);
@import url(common.css);

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

.main_b_wrap{
	position:relative;
	width:100%;
	height:370px;
	overflow:hidden;
	margin:auto;
}
.main_b_group{
	width:2000px;
	overflow:hidden;
	margin-left:-1000px;
	position:absolute;
	top:0;
	left:50%;
	z-index:1;
	text-align:center;
}
ul.main_b_list{
	width:20000px;
}
ul.main_b_list li{
	float:left;
}
.main_b_control{
	position:absolute;
	bottom:15px;
	left:10px;
}
.main_b_control a{
	float:left;
	display:inline-block;
	background:url("/images/main/btn_mainb_control.png") no-repeat;
	margin-right:5px;
}
.main_b_control a.on{
	width:35px;
	height:12px;
	background-position:0 0;
}
.main_b_control a.off{
	width:12px;
	height:12px;
	background-position:-35px 0;
}
.login_wrap{
	position:relative;
	width:1024px;
	height:370px;
	margin:auto;
}
.combine_login_group{
	position:relative;
	float:right;
	width:248px;
	height:320px;
	background:url("/images/main/login_wrap_bg.png") repeat;
	padding:25px 15px;
	z-index:10;
}
.login_group{

}
.login_tab_group{
	
}
.login_tab_group a{
	display:inline-block;
	float:left;
	width:122px;
	text-align:center;
	font-family: 'Noto Sans KR';
	line-height:42px;
	color:#c7c7c7;
}
.login_tab_group a.tab_on{
	height:43px;
	border-top:1px solid #4d92d3;
	border-left:1px solid #4d92d3;
	border-right:1px solid #4d92d3;
}
.login_tab_group a.tab_on span{
	color:#fff;
	font-size:16px;
	letter-spacing:-0.5px;
}
.login_tab_group a.tab_off{
	height:42px;
	background:#204567;
	border-top:1px solid #204567;
	border-left:1px solid #204567;
	border-right:1px solid #204567;
	border-bottom:1px solid #4d92d3;
	font-size:15px;
}
.login_form,
.certificate_login_form{
	float:left;
	padding-top:25px;
}
.login_form input{
	width:159px;
	height:40px;
	margin-bottom:5px;
	font-size:13px;
	float:left;
}
.certificate_login_form input{
	width:248px;
	height:40px;
	margin-bottom:5px;
	font-size:13px;
	float:left;
}
.login_form a.main_btn_login{
	display:inline-block;
	width:85px;
	height:85px;
	background:#4d92d3;
	color:#fff;
	text-align:center;
	line-height:81px;
	font-size:14px;
	margin-left:4px;
	font-weight:600;
}
.certificate_login_form a.main_btn_login{
	display:inline-block;
	width:248px;
	height:45px;
	background:#4d92d3;
	color:#fff;
	text-align:center;
	line-height:45px;
	font-size:14px;
	font-weight:600;
}
.login_form a.main_btn_login:hover,
.certificate_login_form a.main_btn_login:hover{
	background:#0f5ca4;
}

.join_group{
	float:left;
	margin-top:10px;
	color:#fff;	
}
.join_group a{
	display:inline-block;
	color:#fff;	
	font-weight:600;
	margin-right:10px;
}
.btn_group{
	float:left;
	margin-top:42px;
}
.btn_group a{
	display:inline-block;
	color:#fff;
	border:1px solid #d7d7d7;
	height:40px;
	text-align:center;
	line-height:40px;
	color:#fff;
}
.btn_group .wide{
	width:248px;
	margin-bottom:7px;
}
.btn_group .half{
	width:119px;
}
.btn_group .last{
	float:right;
}

.logout_group{

}
.mem_info_group{
	height:188px;
	text-align:center;
	color:#fff;
	font-size:16px;
}

.member_name{
	margin:20px 0;
	line-height:25px;
}
.mem_info_group select{
	width:83%;
	height:30px;
	font-size:15px;
}
a.message{
	border-bottom:1px solid #ddd;
}
a.message:hover{
	color:#50d7ef;
		border-bottom:1px solid #ddd;
}
#container{
	position:relative;
	width:100%;
}
.top_contents_wrap{
	width:100%;
	height:285px;
	border-bottom:1px solid #dbdbdb;
}
.top_contents_group{
	position:relative;
	width:1024px;
	margin:auto;
}
.lecture_group{
	width:716px;
	padding:23px 30px 0 0;
}
.lecture_group .lecture_tab_group{
	width:100%;
	height:36px;
	
}
 .lecture_tab_group a.lectab{
	display:inline-block;
	width:142px;
	height:36px;
	text-align:center;
	line-height:36px;
	color:#fff;
	background:#698398;
	float:left;
	font-size:14px;
	font-weight:600;
 }
 .lecture_tab_group a.lectab.on{
	background:#004072;
 }
  .lecture_tab_group a.tab_03{
	background:#4B5F70;
 }
 .lecture_tab_group a.btn_more{
	float:right;
	background:#fff;
	font-size:13px;
	font-weight:bold;
	color:#666666;
	text-align:right;
 }
 .lecture_list_group{
	width:692px;
	height:176px;
	padding-top:19px;
	overflow-y:scroll;
	border:2px solid #004072;
	padding-left:20px;
 }
 .lecture_list_group .lecture_list{
	float:left;
	display:inline-block;
	width:207px;
	/*background: #fafafa url("/images/main/icon_lecture_preview.gif") no-repeat 180px 9px;*/
	margin:0 18px 13px 0;
	padding-bottom:13px;
	border-bottom:1px solid #ddd;
 }
 .lecture_list a:hover{
 	color:#000;
 	text-decoration:underline;
 }
 
 a.btn_sample{
 	display:inline-block;
 	float:right;
 }
 .customer_group{
	position:absolute;
	right:0;
	top:0;
	width:248px;
	height:285px;
	background:#cecfde;
	padding:18px 15px 0 15px;
 }
 .customer{
	width:248px;
	height:237px;
	background:#fff;
	text-align:center;
	padding-top:13px;
	margin-top:15px;
 }
  .customer span{
  	display:inline-block;	
  	border-bottom:1px dashed #ddd;
  	padding-bottom:7px;
  	margin-bottom:10px;
  }
 .customer a{
	display:inline-block;
 }
 .middle_contents_wrap{
	width:100%;
	border-bottom:1px solid #dbdbdb;
 }
 .middle_contents_group{
 	overflow: hidden;
	position:relative;
	width:1024px;
	height: 220px;
	margin:auto;
 }
 .user_guide_group{
	width:746px;
	padding-top:55px;
	float: left;
	background:url("/images/main/process_guide_icon.gif") no-repeat;
	background-position: 0px 55px;
 }
 .user_guide_group a{
	display:inline-block;
	/*background:url("/images/main/process_guide_icon.gif") repeat-x; */
	width:110px;
	height:117px;
	margin-right:10px;
 }
 a.icon_01{background-position:0 0}
 a.icon_02{width:114px;background-position:-123px 0;}
 a.icon_03{width:87px;background-position:-252px 0;}
 a.icon_04{width:140px;background-position:-348px 0;}
 a.icon_05{background-position:-504px 0;}
 a.icon_06{width:87px;margin-right:0;background-position:-630px 0;}

.customer_btn_group{
	position:absolute;
	right:0;
	top:0;
	width:248px;
	height:210px;  /* height:170px; */
	background:#cecfde;
	padding:5px 15px; /*padding:25px 15px;*/
}
.customer_btn_group a{
	display:inline-block;
	width:196px;
	height:35px;
	line-height:35px;
	color:#fff;
	padding:0 23px 0 28px;
}
.customer_btn_group a.customer_btn_01{background:#ca6ea3;}
.customer_btn_group a.customer_btn_02{background:#4d79d3;margin:3px 0;}
.customer_btn_group a.customer_btn_03{background:#33ab88;}
.customer_btn_group a span.more{
	display:inline-block;
	float:right;
}
.bottom_contents_wrap{
	width:100%;
	height:233px;
}
.bottom_contents_group{
	width:1024px;
	margin:auto;
	overflow: hidden;
}
.community_group{
	float:left;
	width:716px;
	padding:27px 30px 0 0;
}
.review_group{
	float:left;
	width:293px;
	height:175px;
	overflow:hidden;
}
.review_title{
	position:relative;
	width:100%;
	height:29px;
	border-bottom:2px solid #666666;
}
.review_control_group{
	position:absolute;
	top:0;
	right:0;
}
.review_control_group a{
	display:inline-block;
	float:left;
	width:17px;
	height:17px;
	background:url("/images/main/btn_review_control.gif") repeat-x;
	
}
.review_control_group a.btn_prev{background-position:0 0;}
.review_control_group a.btn_stop{width:15px;background-position:-17px 0;}
.review_control_group a.btn_next{background-position:-32px 0;}

.review_list_group{
	width:293px;
	height:122px;
	margin-top:22px;
	overflow:hidden;
}
.review_list{
	float:left;
}
.review_list span{
	display:inline-block;
	float:left;
	margin-right:10px;
}
.review_list span a{
	display:inline-block;
	width:122px;	
}
.review_list span a img{
	width:100%;
}
.review_list dl{
	float:left;
	line-height:20px;
}
.review_list dl dt{
	background:url("/images/main/icon_crown.gif") 0 5px no-repeat;
	font:15px 'Noto Sans KR';
	padding-left:20px;
	letter-spacing:-1px;
	margin-bottom:5px;
}
.review_list dl dd{
	font-size:12px;
}
.review_list dl dd.review_text{
	color:#7593e3;
	margin-top:10px;
}
.bbs_group{
	float:right;
	width:393px;
	height:175px;
}
.bbs_group .bbs_title{
	position:relative;
	width:100%;
	height:29px;
	border-bottom:2px solid #666666;
}
.bbs_title .bbs_tab_group a{
	display:inline-block;
	height:10px;
	margin-right:10px;
	padding-right:10px;
	border-right:1px solid #a0a0a0;
	line-height:10px;
}
/**************
.bbs_tab_group a.tab_on{
	font-size:14px;
	font-weight:600;
	color:#000;
}
.bbs_tab_group a.tab_off{
	color:#6e6e6e;
}

*****************/
.bbs_tab_group a.tab{
	color:#6e6e6e;
}
.bbs_tab_group a.tab.on{
	font-size:14px;
	font-weight:600;
	color:#000;
}

.bbs_title a.btn_more{
	position:absolute;
	top:0;
	right:0;
}
.bbs_list_group{
	padding-top:20px;
}
ul.bbs_list{

}
ul.bbs_list li{
	line-height:30px;
}
ul.bbs_list li span{
	display:inline-block;
	color:#585858;
}
ul.bbs_list li span.bbs_name{

}
ul.bbs_list li span.bbs_day{
	float:right;
	text-align:right;
}
.link_banner_group{
	float:left;
}
.link_banner_group a{
	display:block;
}
.bottom_link_wrap{
	width:100%;
	height:61px;
	background:#f6f6f6;
	border-top:1px solid #ccccce;
	padding-top:13px;
}
.bottom_link_group{
	position:relative;
	width:1024px;
	margin:auto;
}
.bottom_link_group a.btn_prev{
	position:absolute;
	top:15px;
	left:0;
}
.bottom_link_group a.btn_next{
	position:absolute;
	top:15px;
	right:0;
}
.bottom_link_list{
	width:946px;
	height:50px;
	margin:auto;
	overflow:hidden;
}
.link_list{
	width:2000px;
}
.link_list a{
	margin-right:30px;
}

/*�� �޴�*/

#quick_menu_layer
{
position:absolute; top:193px;z-index:10;
}

#quick_menu_layer ul li
{
_height:35px;
}

ul.quick_banner
{
margin-top:20px;
_height:100px;
}

ul.quick_banner li
{
margin-top:3px;
}