@font-face{font-family:NanumGothic; src:url(/include/css/font/NanumGothic.eot);}
/*html {
   overflow-y:scroll;
   scrollbar-face-color: #eeeeee; 
   scrollbar-highlight-color: #cccccc; 
   scrollbar-shadow-color: #cccccc; 
   scrollbar-3dlight-color: #ffFfff ; 
   scrollbar-arrow-color: #ffffff; 
   scrollbar-track-color: #ffffff; 
   scrollbar-darkshadow-color: #ffffff;
}*/

html,body{width:100%;height:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,form,fieldset,p,button{margin:0;padding:0;border:none}
body,th,td,input{font-family:"µ¸¿ò",dotum,sans-serif;font-size:12px;font-weight:normal;color:#3d485a;}
h1, h2, legend{display:block; position:absolute; width:0; height:0; left:0; top:0; overflow:hidden; font:0/0 Sans-serif;}
textarea{font-family:"µ¸¿ò",dotum,sans-serif;font-size:11px;font-weight:normal;color:#3d485a;}
hr{display:none;}
img,fieldset{border:0;}
img,input,select,textarea{vertical-align:middle;}
button {cursor:pointer}
button span{display:none;}
ul,ol,li{list-style:none;}
a{color:#000000;text-decoration:none;}
a:hover{color:#f04b43;text-decoration:none;}
a.ir:hover{text-decoration:none;}

.naxushide{visibility:hidden;position:absolute;line-height:0;overflow:hidden;}

select {
   scrollbar-face-color: #eeeeee; 
   scrollbar-highlight-color: #a4a4a4; 
   scrollbar-shadow-color: #a4a4a4; 
   scrollbar-3dlight-color: #ffffff ; 
   scrollbar-arrow-color: #a4a4a4; 
   scrollbar-track-color: #ffffff; 
   scrollbar-darkshadow-color: #ffffff;
   border:1 solid #3d485a;FONT-FAMILY: "NanumGothic"; FONT-SIZE: 9pt; height:20px;
}



/*ÀüÃ¼ Default layOut*/
#wrap{position:relative;width:100%;margin:0px auto;text-align:left;}


.clearboth{clear:both;}


/* ·Î±×ÀÎ ¿µ¿ª */




/* ´Ü¾î CreateList */
#wordArea {position:relative;width:900px; height:531px; margin:0 auto; border:0px solid #67B045}

#selectbar {position:absolute; width:520px; top:220px; left:40px;}
#selectbar li{float:left; height:30px; margin-bottom:10px;}
#selectbar li.name{width:80px; background-color:#fff;}
#selectbar li.txtbox{width:355px; height:25px; background-color:#f4f4f4; padding-left:10px;  padding-top:5px}

#selectbar li input{width:340px; height:17px; border:1px solid #9C9C9C; background-color:#fff;}

#createBtn {position:relative; cursor:pointer; left:100px; top:10px;}

#wordArea #bookInfo {position:absolute; top:200px; left:500px;}
#wordArea #bookInfo .bookinfo01 {position:absolute; top:0px; left:0px;}
#wordArea #bookInfo .bookinfo02 {position:absolute; top:150px; left:210px;}

#wordLiatPrint{position:relative;width:900px;margin:-30px auto 5px;border:0px solid #ff0; }


/* ´Ü¾î »ý¼º ¸®½ºÆ® */

#crateVocaList { position:relative; width:900px; height:410px; background-image:url(/images/im_main_center.jpg);}

#all_voca{width:380px;height:400px;font-size:12px;}
#all_voca option{padding:10px;}

#choise_voca{width:380px;height:380px;}

#bottomBtnArea { position:relative;}
#bottomBtnArea #procBtnArea{ position:absolute; top:0px; left:0px;}
img.bt_save{ position:absolute; top:0px; left:60px;}
img.bt_view{ position:absolute; top:0px; left:230px;}
img.bt_print{ position:absolute; top:0px; left:600px;}


#crateVocaList li{float:left;text-align:center;}
.leftVocaList{position:relative;width:380px;margin-left:35px;}
.rightVocaList{position:relative;width:380px;}
.editButtom{position:relative;width:70px;}


#allWordTitle {position:absolute; top:90px; left:130px;}
#chWordTitle {position:absolute; top:90px; left:580px;}

#topArea {position:absolute;top:-33px; left:320px;}
#topArea img{cursor:pointer;}


#downArea {position:absolute;top:-33px; left:320px;}
#downArea img{cursor:pointer;}

#vocaQuizCntArea {position:absolute;top:260px; left:6px; width:59px; height:25px; background-image:url(/images/bg_num.png); 
				  color:#fff;
				  font-weight:bold;		
				  font-size:14px;	
				  font-family:NanumGothic;
				}
#vocaQuizCntArea .fontArea {position:relative; text-align:center; top:4px;}

#editButtomArea{position:relative;top:150px; left:12px; text-align:center;}
#editButtomArea li{height:50px;}


/* ÀÌÀü ¸®½ºÆ® */



/*footer*/
#footer {position:relative;width:700px;margin:10px auto;text-align:center;}
#footer span{position:realtive;color:#a4a4a4;}
