/* div ¼³Á¤ */

body { 
    margin: 0 ;
	padding: 0 ;
    text-align: center;
    width: 100%;
/* 	background-color:#a0de35; */
/* 	background:url(../images/bg/winter_bg.jpg) no-repeat top center; */
	font-family:"±¼¸²", Gulim, "µ¸¿ò", Dotum, Arial, Verdana, Sans-serif;
}

p, div, span {
	margin: 0 ;
	padding: 0 ;
}

form {
	margin: 0;
	padding: 0;
}

img { 
	border:0 ;
}


#allbox {
	position: relative;
	width: 985px;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}


/* ž¸Þ´º Ç÷¡½¬ ¼³Á¤ */
#header {
	position: relative;
	width:985px;
	height:220px;
	background: url(../images/topmenu_sample.gif) no-repeat;
}


#body_area {
	position: relative;
	width: 985px;
	overflow:hidden;
	background: url(../images/bg/img_body_bg.gif) repeat-y;
}

#quick {
	position:absolute;
	left:920px;
	top:0px;
	width: 65px;
	height:357px;
	text-align:left;
	background: url(../images/btn/quick.png) no-repeat;
}

/* ÁÂÃø¸Þ´º¼³Á¤ */
#left_area {
	width: 210px;
	background: url(../images/bg/img_leftMenu_bg.gif) repeat-y;
	text-align:left;
	float:left;
}

#left_topImg{

	width: 210px;
	height:33px;
	background: url(../images/bg/img_left_Top_bg.gif) no-repeat;
	float:left;
}

#left_centerImg{

	width: 210px;
	height:55px;
	background: url(../images/bg/img_left_center_bg.gif) no-repeat;
	float:left;
}

#left_login {
	width: 210px;
	height : 140px;
	background: url(../images/bg/img_left_login_bg.gif) no-repeat;
	float:left;	
}

#left_menuTop {
	width: 188px;
	height : 22px;
	margin-left: 15px;
	background: url(../images/bg/img_leftMenu_Top_bg.gif) no-repeat;
	float:left;
}

#left_menuContent {
	width: 188px;
	padding-left: 15px;
	float: left;
	background: url(../images/bg/img_leftMenu_center_bg.gif) no-repeat;
}

#left_banner {
	width: 183px;
	margin-left: 15px;
	height : 86px;
	background: url(../images/img/img_left_banner.gif) no-repeat;
	clear:both;
}


/* º»¹® ¼³Á¤ */
#body_main {
	width: 710px;
	padding: 0 0 35px ;
	margin:0;
	float:left;
	background: url(../images/bg/img_bodyContent_bg.gif) repeat-y;
}

#history{	
	text-align:right;
	padding: 20px 29px 0 0;
	background: url(../images/bg/img_bodyContent_top_bg.gif) no-repeat;
}

#title{
	text-align: left;
	padding-left: 25px;
	height: 47px	
}

#body_content {
	padding: 0 25px;
	margin: 0 ;
}


/* ÇÏ´Ü ¼³Á¤ */
#body_imgBtm {
	position: relative;
	width: 985px;
	height:25px;
	overflow:hidden; 
	background: url(../images/bg/img_bodyBtm_bg.gif) no-repeat;
}

#footer{
	position: relative;
	width:985px;
	height:47px;	
	margin: 16px 0;
}


/* ½ºÅ©·Ñ ¼³Á¤ */
#scrollTop{
	position:absolute; 
	left:853px; 
	top:0; 
	width:102px; 
	z-index:5
}

/* library */
#library_title_img{
	padding:0px 0px 20px 0px;
}

#library{
	width:660px;
	float:left;
}

#library_list{
	width:128px;
	padding:10px 18px 10px 18px;
	float:left;
}


#library_list_img{
	width:128px;
}

#library_list_text{
	width:128px;
	padding:6px 0;
	text-align:center;
	font-size:12px;
	color:#767676
}

#library_line{
	width:660px;
	height:1px;
	border-bottom:1px solid #e7e8e6; 
}

#library_line_c{
	margin:0;
	clear:both; 
	padding:0px 10px;
	border-top:1px solid #e1e1e1;
}

#page_no{
	margin-top:20px;
    text-align:center;
	font-size:12px;
	color:#767676
}

#library_viewbg{
	width:640px;
	height:21px;
	padding:40px 0px 7px 29px;
	font-size:14px;
	font-weight: bold; 
	color:#565353;
	text-align:left;
	background: url(../images/library_view01.gif) no-repeat;
}

#library_play{
	width:640px;
	padding:0px 10px;
}
#library_image{
	width:618px;
	margin:0px 10px;
	padding:15px 10px;
	text-align:center;
	border:1px solid #9ed162;
}
#library_write{
	width:620px;
	padding:20px 20px;
	font-size:12px;
	text-align:left;
	color:#818181;
	border-bottom:1px solid #e1e1e1;
}
#library_btn_list{
	padding:10px 3px;
	text-align:right;
	float:right;
}


/*  ¹öµðµè±âÀÚ·á css Ãß°¡ 20170117 */
.sd_mainimg {width:660px;height:282px;}
.sd_subcopy {width:660px;height:20px;text-align:right}
.sd_beginner {width:660px;height:186px;background:url(/images/soundd/bg_beginner.jpg);margin-top:10px;}
.sd_beginner ul {margin:0;padding:25px 0 0 25px;width:635px;height:161px;}
.sd_beginner ul li {list-style:none;float:left;width:200px;height:65px;}

.sd_ebc1 {width:660px;height:223px;background:url(/images/soundd/bg_ebc1.jpg);}
.sd_ebc1 ul {margin:0;padding:72px 0 0 30px;width:630px;height:151px;}
.sd_ebc1 ul li {list-style:none;float:left;width:200px;height:65px;}
.sd_ebc2 {width:660px;height:223px;background:url(/images/soundd/bg_ebc2.jpg);margin-top:15px;}
.sd_ebc2 ul {margin:0;padding:72px 0 0 30px;width:630px;height:151px;}
.sd_ebc2 ul li {list-style:none;float:left;width:200px;height:65px;}
.sd_ebc3 {width:660px;height:223px;background:url(/images/soundd/bg_ebc3.jpg);margin-top:15px;}
.sd_ebc3 ul {margin:0;padding:72px 0 0 30px;width:630px;height:151px;}
.sd_ebc3 ul li {list-style:none;float:left;width:200px;height:65px;}
.sd_ebc4 {width:660px;height:223px;background:url(/images/soundd/bg_ebc4.jpg);margin-top:15px;}
.sd_ebc4 ul {margin:0;padding:72px 0 0 30px;width:630px;height:151px;}
.sd_ebc4 ul li {list-style:none;float:left;width:200px;height:65px;}
.sd_ebc5 {width:660px;height:223px;background:url(/images/soundd/bg_ebc5.jpg);margin-top:15px;}
.sd_ebc5 ul {margin:0;padding:72px 0 0 30px;width:630px;height:151px;}
.sd_ebc5 ul li {list-style:none;float:left;width:200px;height:65px;}
.sd_ebc6 {width:660px;height:223px;background:url(/images/soundd/bg_ebc6.jpg);margin-top:15px;}
.sd_ebc6 ul {margin:0;padding:72px 0 0 30px;width:630px;height:151px;}
.sd_ebc6 ul li {list-style:none;float:left;width:200px;height:65px;}

.sbtab {width:660px;height:86px;background:url(/images/soundd/bg_sttab.jpg);margin-bottom:20px;}
.sbtab ul {margin:0;padding:12px 0 0 30px;}
.sbtab ul li {list-style:none;float:left;width:120px;}

.list {position:relative;width:486px;padding-left:154px;}
.list .sbtabs {position:absolute;left:21px;top:15px;padding:0}
.list .sbtabs ul {padding:0;margin:0}
.list .sbtabs ul li {list-style:none;height:64px;}
.list .list_de {width:486px;}
.list .list_de .top {width:486px;height:21px;background:url(/images/soundd/bg_listtop.png);overflow:hidden}
.list .list_de .btm {position:relative;width:486px;height:100px;background:url(/images/soundd/bg_listbtm.png) no-repeat;}
.list .list_de .btm .littlegirl {position:absolute;left:-130px;top:-30px;width:274px;height:174px;background:url(/images/soundd/girl.png);overflow:hidden}
.list .list_de .list_con {width:486px;background:url(/images/soundd/bg_list.png) repeat-y;min-height:422px;overflow:hidden;margin:0}
.list .list_de .list_con ul {margin-left:20px;width:390px;}
.list .list_de .list_con ul li {list-style:none;width:390px;border-bottom:2px dashed #ffd179;height:36px;padding-top:6px;}
.list .list_de .list_con ul li dl {margin:0;padding:0}
.list .list_de .list_con ul li dl dt {font-size:14px;font-weight:bold;float:left;padding-top:10px;padding-left:15px;background:url(/images/soundd/blit_list.png) left no-repeat;}
.list .list_de .list_con ul li dl dd {font-size:14px;font-weight:bold;float:right;height:36px;}

.sd_ebx1 {width:660px;height:223px;background:url(/images/soundd/bg_ebx1.jpg);}
.sd_ebx1 ul {margin:0;padding:72px 0 0 30px;width:630px;height:151px;}
.sd_ebx1 ul li {list-style:none;float:left;width:200px;height:65px;}
.sd_ebx2 {width:660px;height:223px;background:url(/images/soundd/bg_ebx2.jpg);margin-top:15px;}
.sd_ebx2 ul {margin:0;padding:72px 0 0 30px;width:630px;height:151px;}
.sd_ebx2 ul li {list-style:none;float:left;width:200px;height:65px;}
.sd_ebx3 {width:660px;height:223px;background:url(/images/soundd/bg_ebx3.jpg);margin-top:15px;}
.sd_ebx3 ul {margin:0;padding:72px 0 0 30px;width:630px;height:151px;}
.sd_ebx3 ul li {list-style:none;float:left;width:200px;height:65px;}
.sd_ebx4 {width:660px;height:223px;background:url(/images/soundd/bg_ebx4.jpg);margin-top:15px;}
.sd_ebx4 ul {margin:0;padding:72px 0 0 30px;width:630px;height:151px;}
.sd_ebx4 ul li {list-style:none;float:left;width:200px;height:65px;}

.sbtab2 {width:660px;height:86px;background:url(../images/soundd/bg_sttab2.jpg);margin-bottom:20px;}
.sbtab2 ul {margin:0;padding:12px 0 0 13px;}
.sbtab2 ul li {list-style:none;float:left;width:105px;}



/* grammar Ãß°¡ 201809911 */

.grammar_mainimg {width:660px;height:262px;}
.sbtab3 {width:660px;height:86px;background:url(../images/grammar/bg_sttab3.jpg);margin-bottom:10px;}
.sbtab3 ul {margin:0;padding:12px 0 0 30px;}
.sbtab3 ul li {list-style:none;float:left;width:200px;}

.board_table {width:660px;padding-top:10px;margin:0 auto}
.board_table table {width:100%;border-top:2px solid #919ba0;border-bottom:1px solid #c1a990;background:#fff;border-spacing:0; border-collapse:collapse; word-break:break-all;}
.board_table table thead tr th {height:35px;color:#666;font-size:12px;letter-spacing:-1px;line-height:100%;padding:10px 5px 5px 5px;text-align:center;border:1px solid #ddd; border-right:none; background:#eee;}
.board_table table thead th:first-child { border-left:none;}
.board_table table tbody tr td {height:25px;color:#666;font-size:12px;padding:10px 5px 5px 5px;border:1px solid #dedede;border-right:none;text-align:center;}
.board_table table tbody tr td:first-child { border-left:none;}
.board_table table tbody tr td.title {height:15px;color:#666;font-size:12px;font-weight:bold;padding:10px 5px 5px 5px;text-align:left;border-left:1px solid #dedede}
.board_table table tbody tr td.titlec {height:15px;color:#666;font-size:12px;font-weight:bold;padding:10px 5px 5px 5px;text-align:center}

.numlist {clear:both;width:660px;padding-top:30px;margin:0 auto;text-align:center;font-size:12px;}
.numlist p {display:inline;padding:0 5px;}
.numlist ul {text-align:center;display:inline;padding:0}
.numlist ul li {display:inline}
.numlist ul li.on {display:inline;font-weight:bold}