/* @charset "euc-kr"; */
/* LittleFox Web-Standardization Team (http://visual.littlefox.co.kr/) author : 박희정 */

/* 기본 */
/*
* html * .png24 {tmp:expression(setPng24(this));}
* html * {
  behavior: expression(
  (this.runtimeStyle.behavior = "none") && (this.currentStyle.backgroundImage.toString().toLowerCase().indexOf('.png')>-1) && (
  this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.currentStyle.backgroundImage.toString().replace('url("','').replace('")','') + "', sizingMethod='crop')",
  this.runtimeStyle.zoom = 1,
  this.runtimeStyle.backgroundImage = "none"
  )
  );
}
*/

* html { height: 1px; }
body {margin:0;	background-color: #fff; color:#464646; font-size:12px; line-height:1.8; font-family: "돋움", Dotum, Arial, AppleGothic, sans-serif;}

li {list-style:none;}
fieldset,img {border:none;}
address,em {font-style:normal;}
input,textarea,select {background-color:#fff; font-family:inherit; font-size:1.05em;}
input {padding-right:1px;}
select {height:20px;}
a {color:#444;text-decoration:none; }
a:visited,a:visited * {color:#87124f;}
a.visited,a.visited:visited {color:#444;}
a:hover,a:hover *,a.visited:hover {color:#438a01;text-decoration:underline;}
button {border:none 0; background:none; cursor:pointer;}
hr,legend, .skip,.hd, .notice_list{display:none;}
/* by pink: img, div, input, li {behavior:url("../../iepng_fix/iepngfix.htc")} */


/* 로그인 관련 안내 레이어 팝업 */
#expired_confirm .popbg_mid3 .txt {float:left; width:400px; padding-bottom:20px;}
#expired_confirm .popbg_mid3 .ico_image {float:right; width:90px;}
#expired_confirm .popbg_mid3 .pop_info_close {padding-top:10px; border-top:1px dotted #999999; text-align:center;}



/*레이아웃*/
#back_illust {width:100%; height:100%; background: url('../../img/global/main/main_image.jpg') no-repeat;}
#wrap {position:relative; width:100%; height:100%;}

.skipnavi {position:absolute; height:0; line-height:0; top:-100px;}
.skipnavi a {display:block; width:530px; font-weight:bold; text-align:center; font-size:1.5em; color:#f36f32;}
.skipnavi a:focus,
.skipnavi a:hover,
.skipnavi a:active {position:absolute; top:105px; left:20px; font-size:1.5em; background:#fff; border:3px solid #f36f32; padding:10px; z-index:10;}


/* header 시작 */
#header {position:relative; width:1024px; height:100px;}
#header #top_logo {position:absolute; top:15px; left:35px; width:171px; height:82px; margin:0;}

/* 범용매뉴 */
#header .lnb {position:absolute; right:0; top:0; width:800px; padding:4px 60px 0 0; font-size:11px; text-align:right; z-index:0; margin:0;}
#header .lnb li {display:inline; padding-right:4px; /* padding:0 2px 0 8px; background:url("../../img/global/ico/bu.gif") no-repeat left 5px; */ color:#fff;}
#header .lnb li a,
#header .lnb li a:link, 
#header .lnb li a:visited, 
#header .lnb li a:hover, 
#header .lnb li a:active {color:#fff;}
#header .lnb li a:hover { text-decoration:underline;}

#header .lnb .user_name { background:none; color:#FFFF66;}

#header .lnb .user_name a,
#header .lnb .user_name a:hover,
#header .lnb .user_name a:link, 
#header .lnb .user_name a:visited, 
#header .lnb .user_name a:active {background:none; color:#FFFF66 !important;}
#header .lnb .user_pay { background:none; color:#ffcfcf; font-weight:bold;}
#header .lnb .user_pay a, 
#header .lnb .user_pay a:hover {color:#ffcfcf !important; font-weight:bold;}

/* 로그인 */
#header .main_login {position:relative;	width:450px; height:28px; left:240px; letter-spacing:-1px; /*color:#4F4F30;*/ font-size:11px; z-index:5;
}
#header .main_login .tx {position:relative; float:left; width:95px; height:15px; padding:3px 0 0 2px; margin:4px 2px 0 2px; background:#fcffed; border:1px solid #CCCCCC; font-size:11px;}
#header .main_login .loginbtn {float:left;}	
#header .main_login .btn_check {float:left; padding:5px 3px 0 0; margin:0; font-size:11px; color:#fff;}
#header .main_login .btn_check input {padding:0; margin:0; width:13px; height:13px; vertical-align:middle; border:none;}
#header .main_login .btn_check a {color:#fff;}
#header .main_login .btn_check a:hover {text-decoration:underline;}

/* 시작페이지로 */
#header #site_start {position:absolute; left:0; top:0; margin:0; z-index:50;}

/* 글로벌매뉴 */
#gnb {position: absolute; top: 21px; left: 227px; margin: 0; padding: 0; height: 80px; width: 736px;}	
#gnb h2 { display:none;}

/* header 끝 */


	
/* content 시작 */
#content {position:relative; width:1024px; height:485px;}


/* 리틀팍스 무료체험, 처음 오셨나요 */
#content #visitor {position: absolute; top:296px; left:112px; display:inline; overflow:hidden; width:92px; margin:0; padding:0;}

#content #visitor #visitor_info a {float:left; width:92px; overflow:hidden; height:22px; cursor:pointer; background: url(../../img/ko/main/btn_firstinfo.jpg) no-repeat left top; text-indent:-9999px;}
#content #visitor #visitor_info a:hover,
#content #visitor #visitor_info a:active {background-position: 0 -22px;}

#content #visitor #visitor_first a {float:left; width:92px; overflow:hidden; height:22px; cursor:pointer; background: url(../../img/ko/main/btn_first.jpg) no-repeat left top; text-indent:-9999px;}
#content #visitor #visitor_first a:hover,
#content #visitor #visitor_first a:active {background-position: 0 -22px;}

#content #visitor #visitor_sample a {float:left; width:92px; overflow:hidden; height:22px; cursor:pointer; background: url(../../img/ko/main/btn_sample.jpg) no-repeat left top; text-indent:-9999px;}
#content #visitor #visitor_sample a:hover,
#content #visitor #visitor_sample a:active {background-position: 0 -22px;}	


/* 리틀팍스 소개, 활용방법, 활용수기, 자주묻는 질문 */
#content #info {position:absolute; top:283px; left:216px; display:inline; overflow:hidden; width:88px; margin:0; padding:0;}

#content #info #linfo a {float:left; width:88px; overflow:hidden; height:21px; cursor:pointer; background:url(../../img/ko/main/btn_info_01.jpg) no-repeat left top; text-indent:-9999px; }
#content #info #linfo a:hover,
#content #info #linfo a:active {background-position:0 -21px;}	

#content #info #luse a {float:left; width:88px; overflow:hidden; height:21px; cursor:pointer; background:url(../../img/ko/main/btn_info_02.jpg) no-repeat left top; text-indent:-9999px;}
#content #info #luse a:hover,
#content #info #luse a:active {background-position:0 -21px;}	

#content #info #lusing a {float:left; width:88px; overflow:hidden; height:21px; cursor:pointer; background:url(../../img/ko/main/btn_info_03.jpg) no-repeat left top; text-indent:-9999px;}
#content #info #lusing a:hover,
#content #info #lusing a:active {background-position:0 -21px;}	

#content #info #Ifaq a {float:left; width:88px; overflow:hidden; height:21px; cursor:pointer; background:url(../../img/ko/main/btn_info_04.jpg) no-repeat left top; text-indent:-9999px;}
#content #info #Ifaq a:hover,
#content #info #Ifaq a:active {background-position:0 -21px;}
	

/* 나의 학습계획, 나의 책장, 나의 단어장 */
#content #my {position:absolute; top:292px; left:328px; width:76px; display:inline; overflow:hidden; margin:0; padding:0;}

#content #my #myword a {float:left; width:76px; overflow:hidden; height:21px; cursor:pointer; background:url(../../img/ko/main/btn_myword.jpg) no-repeat left top; text-indent:-9999px;}
#content #my #myword a:hover,
#content #my #myword a:active {background-position:0 -21px;}	

#content #my #mybook a {float:left; width:76px; overflow:hidden; height:21px; cursor:pointer; background:url(../../img/ko/main/btn_mybook.jpg) no-repeat left top; text-indent:-9999px;}
#content #my #mybook a:hover,
#content #my #mybook a:active {background-position:0 -21px;}	

#content #my #myplan a {float:left; width:76px; overflow:hidden; height:21px; cursor:pointer; background:url(../../img/ko/main/btn_myplan.jpg) no-repeat left top; text-indent:-9999px;}
#content #my #myplan a:hover,
#content #my #myplan a:active {background-position:0 -21px;}	


/* 새동화 새소식 */
#content #storylist { position:absolute; left:523px; top:15px; width:410px;	height:120px;}
#content #storylist_info {margin:2px 0 15px 120px; height:20px; background:url(../../img/global/ico/ico_book2.gif) no-repeat left top; z-index:5; padding-left:26px;}
#content #storylist h3 {display:none;}
#content #storylist .new_st {position:relative; float:left; width:133px;}
#content #storylist .new_st .date {position:relative; float:left; text-align:center; width:133px; height:15px; color:#2b4550; margin:0;}
#content #storylist .new_st .date .left {float:left; padding:3px 0 0 3px;}
#content #storylist .new_st .date .right {float:right; padding:3px 3px 0 0;}
#content #storylist .new_list {position:relative; float:left; width:270px; color:#2b4550; margin:10px 0 0 5px; padding:0;}
#content #storylist .new_list li {width:230px; border-bottom:1px dotted #a5a8ac; padding:3px 5px; }
#content #storylist .new_list a {color:#2b4550; text-decoration:none;}
#content #storylist .new_list a:hover {text-decoration:none;}
#content #storylist .new_list span {position:absolute; right:0px; padding-top:3px;}


/*이달의 동화, 이달의 프린터블북*/
#content #notice {position:absolute; left:538px; top:180px; width:310px; height:160px; /* background:url(../../img/global/main/bg_notice.png) no-repeat; */}
#content #monthfree_info {padding-left:10px; height:19px; margin:5px 0 5px 120px;}

#content #notice h2 {display:none;}
#content  #notice .intro_story,
#content #notice .intro_pb {padding-top:6px; line-height:1.5; margin:0; text-align:center; display:inline;}
#content  #notice .intro_story {float:left; width:185px; height:38px; background:url(../../img/global/main/bg_new1.gif) no-repeat;}
#content #notice .intro_pb {float:right; width:160px; height:38px; background:url(../../img/global/main/bg_new2.gif) no-repeat; }

#content #notice .month_title { position:relative; float:left; width:300px; padding:5px 0 2px 10px; color:#3a3a3a; text-align:left; background:url(../../img/global/ico/icon_orange.gif) no-repeat left 10px; border-bottom:1px dotted #a5a8ac; margin-bottom:7px;}

#content #notice .freemonth_story {float:left; margin-left:10px; display:inline; text-align:center;}
#content #notice .freemonth_pb {float:right; margin-right:10px; display:inline; text-align:center;}
#content #notice .freemonth_story p,
#content #notice .freemonth_pb p {margin:0;}
#content #notice .freemonth_story .img_title,
#content #notice .freemonth_pb .img_title {margin:0; padding:3px 0;}


/* 검색 */
#search {position:absolute;	left:520px;	top:405px;}
#search p {margin:0; padding:0;}
#search input {vertical-align:middle;}
#search .search_tx {width:129px; height:18px; background:url(../../img/global/main/bg_search.gif) no-repeat; border:0; padding:4px 0 0 5px; margin:0 3px 0 0 ;}
#search span {position:absolute; cursor:pointer;}


/*어학원*/
#school {position:absolute; left:830px; top:435px; width:93px; height:39px; overflow: hidden; margin:0; padding:0;}
#school h4 {display:none;}
#school a {float:left; padding:39px 0 0 0; overflow: hidden; height: 0px !important;height /**/:39px; /* for IE5/Win */ width: 93px;background:url(../../img/ko/main/tx_school.jpg) no-repeat; cursor:pointer;}
#school a:hover {background-position: 0 -39px;}

/* content 끝 */


/* 하단 매뉴 */
#bnb {float:left; width:1024px; height:120px;}
.sub_section {padding:5px 15px; background:url(../../img/global/ico/v_bar_gray.gif) right 10px no-repeat; display:inline;}


/*퀵매뉴*/
#bnb #quick {position:relative; float:left; width:170px; height:110px; text-align:center;}
#bnb #quick img { display:block;}
#bnb #quick ul {margin:0; padding:0;}
#bnb #quick li {border-bottom:1px dashed #b7b7b7; margin:0; padding:2px 0; font-size:0;}


/*명예의 전당*/
#bnb #rank {position:relative; float:left; width:230px; height:100px; padding-top:10px;}
#bnb #rank img { display:block;}
#bnb #rank .trophy {position:relative; float:left; margin:10px 3px 0 0;}
#bnb #rank .text {position:relative; float:left; margin:0;}
#bnb #rank .btn_more {position:absolute; right:0; top:0; padding:7px 10px 0 0;}
#bnb #rank #hall_of_fame {position:relative; float:left; margin:0; padding:5px 0 0 0; width:160px;}
#bnb #rank #hall_of_fame ul {position:relative; clear:both; margin:0; padding:0;} 
#bnb #rank #hall_of_fame li {border-bottom:1px dashed #b7b7b7; padding:2px 0 2px 5px; text-align:left; background:url(../../img/global/ico/bu_gray.gif) no-repeat left 9px;}
#bnb #rank #hall_of_fame li span {position:absolute; right:0;}
#bnb #rank #hall_of_fame li a {color:#444; line-height:1.2em; text-decoration:none; }
#bnb #rank #hall_of_fame li a:visited {color:#444;}
#bnb #rank #hall_of_fame li a:visited span {color:#444;}
#bnb #rank #hall_of_fame li a:hover {color:#438a01; text-decoration:none;}


/*수상내역*/
#bnb #awards {position:relative; float:left; color:#343434; width: 150px; height:100px; text-align:left; font-size:11px; line-height:1.2; padding-top:10px;}
#bnb #awards img {display:block;}
#bnb #awards .awards_title { text-align:center; padding:0 0 5px 0; margin:0;}
#bnb #awards ul {position:relative; float:left; margin:0; padding:0;}
#bnb #awards li {list-style:none; padding:4px 0 4px 7px; margin:0;}


/* 개인정보 및 미디어 설치 */
#bnb #familysite {position:relative; float:left; width:140px; height:100px; padding-top:10px;}
#bnb #familysite img { display:block;}
#bnb #familysite .custom_info {position:relative; float:left; margin:5px 0; padding:0;}
#bnb #familysite .custom_info li { background:url(../../img/global/ico/bu_gray.gif) no-repeat left 7px; padding:3px 0 3px 7px; font-size:0;}
#bnb #familysite .media {position:relative; float:left; margin:0; padding:0;}
#bnb #familysite .media li {list-style:none; float:left; padding:3px 2px; margin:0; font-size:0;} 


/* 전자출판 */
#bnb #policy {position:relative; float:left; width:80px; height:90px; text-align:center; font-size:11px; padding-top:20px;}


/* footer */
#footer {width:100%; height:80px !important; float:left; background-color:#e5e5e5; padding:10px 0;}
#footer .img_logo {position:relative; float:left; display:inline; padding:20px 20px 0 30px; margin:0;}
#footer .corp {position:relative; float:left; display:inline; width:460px; color:#464646; font-size:11px; text-align:left; padding:5px 0 0 20px; line-height:1.5; margin:0;}
#footer .corp a:visited {color:#464646;}
#footer .corp a:hover {color:#464646;}
#footer .v_bar {color:#b3b3b3;}
#footer .img_center {position:relative; float:left; display:inline; padding:0 0 0 30px; margin:0; }
#footer .img_footer {position:relative; float:left; display:inline; padding-left:40px; margin:0; }


/* 기본 안내 레이어 팝업 */
.pop_info_img {position:relative; float:left; margin:0 10px 0 10px; }
.pop_info_close {padding-top:5px; clear:both; border-top:1px dotted #999999; text-align:center; z-index:10;}


/* 프린터블북 이용안내*/
#month_info {line-height:1.8;}
#month_info p {margin-bottom:10px;}


/* 사용자 바꾸기 */
.popbg_user_top {background:url(../../img/global/box/bg_user_top.gif) no-repeat left top; height:8px; width:115px; font-size:0;}
.popbg_user_bot {background:url(../../img/global/box/bg_user_bot.gif) no-repeat left bottom; width:95px; padding:0 10px; font-size:11px;}
.popbg_user_bot a, .popbg_user_bot a:visited, .popbg_user_bot a:active {color:#464646; width:90px; display:block; background:url('../../img/global/ico/ico_dot_orange.gif') no-repeat 0 9px; padding-left:5px;}
.popbg_user_bot a:hover {text-decoration:none;}
.popbg_user_bot li:hover {background:#e0f3b7;}
.popbg_user_bot .user_add {width:95px; border-top:1px solid #d8d8d8; padding:3px 0; margin:3px 0 0 0; text-align:center;}
.popbg_user_bot .user_add a, .popbg_user_bot .user_add a:visited, .popbg_user_bot .user_add a:active {color:#858585; background:none;}
.popbg_user_bot .user_add a:hover {color:#858585; text-decoration:underline; background:none;}


/* 잡동사니 */
#mar10 {height:0px; margin-top:10px;}
.mar0 {margin:0; padding:0;}
.h5 {margin:0; padding:0; height:5px; display:block;}
.h10 {margin:0; padding:0; height:10px;}
.h20 {margin:0; padding:0; height:20px;}


.popbg_top_left{
float:left;
background:url(../../img/global/box/bg_pop_top_left.gif) no-repeat top right;
height:12px;
width:20px;
}
.popbg_top_right{
float:left;
background:url(../../img/global/box/bg_pop_top_right.gif) no-repeat top right;
height:12px;
}
.popbg_mid3{
clear:both;
border-left:#467613 3px solid;
border-right:#467613 3px solid;
background-color:#fff;
padding:5px 20px;
}
.popbg_bot_left{
float:left;
background:url(../../img/global/box/bg_pop_bot_left.gif) no-repeat top right;
height:12px;
width:20px;
}
.popbg_bot_right{
position:relative;
float:left;
background:url('../../img/global/box/bg_pop_bot_right.gif') no-repeat top right;
height:12px;
}
.tx_info { background:url('../../img/global/ico/ico_info.png') no-repeat top left; font-size:15px; font-weight:bold; padding:0 0 5px 35px; color:#478f02; letter-spacing:-1px; margin:0; line-height:30px; border-bottom:1px dashed #CCCCCC;}
.li_orange {background:url('../../img/global/ico/bu_arrow_orange.gif') no-repeat 0 7px; padding-left:7px;}
.li_sdot_orange {background:url('../../img/global/ico/ico_dot_orange.gif') no-repeat 0 9px; padding-left:5px;}
.pad0 {padding:0; margin:0;}
.ul_pad0 {padding:0; margin:0;}
.ul_pad10 {padding:0; margin:0 0 0 10px;}
.ico_gray {background:url('../../img/global/ico/bu_gray.gif') left 7px no-repeat; padding-left:7px;}
.tx_orange {color:#fb7504;}
.tx_orange_thin {color:#fb7504;	font-weight:normal;}
.won {color: #f14a00; font-weight: bold; font-size: 15px; letter-spacing:-1px;}
.tx_black15  {color:#000000;font-size:15px;font-weight:bold;letter-spacing:-1px;}
.blind { visibility:hidden; display:none;}