/* list */
#list{clear:both; position:relative; top:30px; left:0; clear:both; width:100%; height:100px; border-bottom:1px solid #bbb; overflow:hidden; margin-top:10px;}
#list dl{position:absolute; left:90px; top:40px; overflow:hidden; float:left; white-space:nowrap; width:100%;}
#list dt{width:60px; background:url(/images/main/r_line_g.GIF) no-repeat right 2px;  float:left; color:#d84e7d;}
#list dd{line-height:20px; overflow:hidden; padding-left:10px;}
#list dd a {color:#666;}
.tit{font-size:15px; font-weight:bold; position:absolute; left:90px; top:13px; overflow:hidden;; float:left; white-space:nowrap; width:100%;}
.tit a {color:#3d68ac;}
.tit_1{font-size:15px; position:absolute; left:90px; top:22px; overflow:hidden; float:left; white-space:nowrap; width:100%;}
.book_img a{float:left; display:block; border:1px solid #aaaaaa; margin-left:10px;  white-space:nowrap; overflow:hidden;}
.book_img img{width:65px; height:87px;}
#pagenate{position:relative; clear:both; font-size:16px; line-height:normal; margin:40px auto 0 0; text-align:center; white-space:nowrap;}
#pagenate li{float:center; color:#818181; display:inline-block;  text-decoration:none;}
#pagenate li a{color:#818181; display:inline-block; margin:3px; padding:2px 2px; text-decoration:none;}
#pagenate li a img {width:35px; height:26px; vertical-align:middle;}
#pagenate .num .active a{color:#3d68ac; font-weight:bold;}

/* view */
#view{position:relative; top:30px; left:0; clear:both; width:100%; height:160px; overflow:hidden;}
.book_img_view img{width:100px; height:133px;  border:1px solid #aaaaaa; margin-left:10px;  white-space:nowrap; overflow:hidden;}
#view dl{position:absolute; left:122px; top:0; overflow:hidden; float:left; white-space:nowrap; padding-top:50px; width:100%;}
#view dt{width:60px; background:url(/images/main/r_line_g.GIF) no-repeat right 2px;  float:left; font-weight:bold; color:#d84e7d;}
#view dd{line-height:22px; overflow:hidden; padding-left:10px; color:#666;}
.tit_view{font-size:15px; font-weight:bold; position:absolute; left:122px; top:10px;overflow:hidden;; float:left; white-space:nowrap; width:100%; color:#3d68ac;}
.tit_view_1{font-size:15px; position:absolute; left:122px; top:23px; overflow:hidden;; float:left; white-space:nowrap; width:100%;}
#bookintro{clear:both; margin:10px 10px 0 10px;}
#bookintro p{overflow:hidden; line-height:150%; text-align:justify;}
#bookintro img{clear:both; text-align:center; width:80%; margin:0 auto;}
.btn_list{background:#ebebeb; border:1px solid #666666; margin:40px 10px 10px 10px; text-align:center;}
.btn_list a{display:block; padding:5px 0; text-align:center;}
.btn_list_1 {background:#ebebeb; border:1px solid #666666; margin:10px 10px 10px 10px; text-align:center;}
.btn_list_1 a{display:block; padding:5px 0; text-align:center;}

/* audio_view */
#audio_view{position:relative; top:30px; left:0; clear:both; width:100%; height:160px; overflow:hidden;}
#audio_view dl{position:absolute; left:130px; top:0; overflow:hidden; float:left; white-space:nowrap; padding-top:50px; width:100%;}
#audio_view dt{width:60px; background:url(/images/main/r_line_g.GIF) no-repeat right 2px;  float:left; font-weight:bold; color:#d84e7d;}
#audio_view dd{line-height:22px; overflow:hidden; padding-left:10px; color:#666;}
#audio_view .audio_btn {position:absolute; bottom:0; left:135px; padding:0 0 5px 90px}

/* login */
#login_wrap {clear:both; display:block; margin:0;}
#login_wrap h1 {background-image:url("/images/main/logo.gif"); background-repeat:no-repeat; margin:10px 0 0 10px;;}
#login_wrap h1 a {display:inline-block; height:40px; overflow:hidden; width:140px; }
#login_wrap h1 span {visibility:hidden;}
#login_wrap .bg_login {background-attachment:scroll; background-color:#F4F4F4; border-bottom-color:#D7D7D7; border-bottom-style:solid;
border-bottom-width:1px; display:block; padding-bottom:12px; padding-left:12px; padding-right:12px; padding-top:12px;}
#login_wrap .bg_login h2 {background-attachment:scroll; background-color:transparent;
background-image:url("/images/main/tit_login.png"); background-repeat:no-repeat; display:inline-block; height:40px; margin-top:5px; width:96px;}
#login_wrap .bg_login h2 span {visibility:hidden;}
#login_wrap .bg_login .bx_login {background-attachment:scroll; background-color:#FFFFFF;
background-image:none; background-position:0 0; background-repeat:repeat; border-bottom-color:#D7D7D7; border-bottom-style:solid; border-bottom-width:1px;
border-top-color:#D7D7D7; border-top-style:solid; border-top-width:1px;
padding-bottom:5px; padding-left:15px; padding-right:15px; padding-top:25px;}
#login_wrap .bg_login .bx_login dl {clear:both; height:32px; overflow:hidden;}
#login_wrap .bg_login .bx_login dt {float:left; font-size:1em; font-weight:bold; padding-top:3px;}
#login_wrap .bg_login .bx_login dt.id {letter-spacing:1em;}
#login_wrap .bg_login .bx_login dd {margin-left:90px;}
#login_wrap .bg_login .bx_login dd.auto {font-family:Dotum,"µ¸À½"; font-size:14px; font-size-adjust:none; font-stretch:normal;
font-style:normal; font-variant:normal; font-weight:bold; line-height:normal;}
#login_wrap .bg_login .bx_login dd.auto input {border-bottom-color:#CCCCCC; border-bottom-style:solid; border-bottom-width:1px; border-top-color:#CCCCCC; border-top-style:solid; border-top-width:1px; 
vertical-align:middle;}
#login_wrap .bg_login .bx_login .l_login {border-bottom-color:#BBBBBB; border-bottom-style:solid; border-bottom-width:1px; border-top-color:#BBBBBB; border-top-style:solid;
border-top-width:1px; height:20px; vertical-align:top; width:92%;}
#login_wrap .bg_login p {margin-bottom:5px; margin-left:0; margin-right:0; margin-top:10px; text-align:center;}
#login_wrap .bg_login p.new_l {border-top-color:#D7D7D7; border-top-style:solid; border-top-width:1px; color:#AAAAAA; margin-bottom:0; margin-left:0; margin-right:0;
margin-top:0; padding-bottom:10px; padding-left:0; padding-right:0; padding-top:10px;}
#login_wrap .bg_login p.new_l a {color:#0084cc; font-size:1.1em; letter-spacing:-0.1em; font-weight:bold;}
#login_wrap .bg_login input.btn_login {background-attachment:scroll; background-color:transparent; background-image:url("/images/main/btn_ok.gif"); background-position:0 0;
background-repeat:repeat; border-bottom-color:-moz-use-text-color; border-bottom-style:none; border-bottom-width:medium; border-top-style:none; border-top-width:medium;
cursor:pointer; height:51px; margin-right:3px; width:67px;}
#login_wrap .bg_login input.btn_cancel {background-attachment:scroll; background-color:transparent; background-image:url("/images/main/btn_cl.gif");
background-position:0 0; background-repeat:repeat;  border-bottom-style:none; border-bottom-width:medium;
border-top-style:none; border-top-width:medium; cursor:pointer; height:51px; width:67px;}

/* ±â¾÷, µµ¼­°ü ·Î±×ÀÎ */
#login_wrap .bg_login p.new_text {font:13px dotum, "µ¸¿ò";  border-top-color:#D7D7D7; border-top-style:solid; border-top-width:1px; color:#454545; margin:0; padding:10px 0;}
#login_wrap .bg_login p.new_text span {color:#0084cc;}
#login_wrap .bg_login input.btn_login01 {background-attachment:scroll; background-color:transparent; background-image:url("/images/main/btn_login01.gif"); background-position:0 0;
background-repeat:repeat; border-bottom-color:-moz-use-text-color; border-bottom-style:none; border-bottom-width:medium; border-top-style:none; border-top-width:medium;
cursor:pointer; height:40px; width:120px;}


.g_bg{background:#ffffff;}


/* join */
#agree_wrap {clear:both; display:block; margin-bottom:15px; margin-left:0; margin-right:0; margin-top:7px;}
#agree_wrap h1 a {background-attachment:scroll; background-color:transparent; background-image:url("/images/main/logo.gif"); background-repeat:no-repeat; display:block; height:40px; width:140px; 
margin-left:10px; margin-top:10px;}
#agree_wrap h1 a span {text-indent:-1000em;}
#agree_wrap h1 span {color:#888888; font-size:14px; font-weight:normal; letter-spacing:-0.1em; position:absolute; top:0; left:115px;}
#agree_wrap h1 span strong {color:#333333;}
#agree_wrap .agree {margin-bottom:0; margin-left:0; margin-right:0; margin-top:0; text-indent:-1000em;}
#agree-wrap .bg_agree {font-size:12px; letter-spacing:-0.1em; line-height:140%; padding-bottom:12px; padding-left:5px; padding-right:5px; padding-top:12px;}
#agree_wrap .bg_agree ul {padding-left:10px;}
#agree_wrap .bg_agree p {margin-bottom:10px; margin-left:0; margin-right:0; margin-top:10px; text-align:left;}
#agree_wrap .bg_agree li {padding-bottom:4px; padding-left:0; padding-right:0; padding-top:4px;}
#agree_wrap .bg_agree li span {color:#E05F5F;}
#agree_wrap .view_agree {padding-bottom:0; padding-left:0; padding-right:0; padding-top:20px;}
#agree_wrap .view_agree a {-moz-background-clip:border; -moz-background-origin:padding; -moz-background-size:auto auto; background-attachment:scroll; background-color:#F6F6F6; 
background-image:none; background-position:0 0; background-repeat:repeat; border-bottom-color:#D7D7D7; border-bottom-style:solid; border-bottom-width:1px; border-top-color:#D7D7D7; border-top-style:solid; 
border-top-width:1px; color:#464646; border-right-color:#D7D7D7; border-right-style:solid; border-right-width:1px; color:#464646; border-left-color:#D7D7D7; border-left-style:solid; border-left-width:1px; color:#464646;
display:inline-block; font-size:13px; letter-spacing:-0.1em; line-height:120%; padding-bottom:5px; padding-left:5px; padding-right:5px; padding-top:5px; text-align:center; width:40%;}
#agree_wrap p {text-align:center;}
#agree_wrap .view_agree a.active {background-attachment:scroll; background-color:#FFFFFF; background-image:none; background-position:0 0; background-repeat:repeat;
border-bottom-color:-moz-use-text-color; border-bottom-style:none; border-bottom-width:medium; font-weight:bold;}
#agree_wrap #agreement {padding:20px 10px;}
#agree_wrap #agreement dt {padding:10px 0; font-weight:bold;}
#agree_wrap #bookzip_agreement {padding:20px 10px;}
#agree_wrap #bookzip_agreement dt {padding:10px 0; font-weight:bold;}
#agree_wrap input.btn_login {background-attachment:scroll; background-color:transparent; background-image:url("/images/main/btn_ok_r.gif"); 
background-repeat:no-repeat;  border-bottom-color:-moz-use-text-color; border-bottom-style:none; border-bottom-width:medium; border-top-color:-moz-use-text-color;
border-top-style:none; border-top-width:medium; cursor:pointer; height:31px; margin-right:3px; width:80px;}
#agree_wrap input.btn_cancel {background-attachment:scroll; background-color:transparent; background-image:url("/images/main/member_cancel.gif");
background-repeat:no-repeat; border-bottom-color:-moz-use-text-color; border-bottom-style:none; border-bottom-width:medium; border-top-color:-moz-use-text-color;
border-top-style:none; border-top-width:medium; cursor:pointer; height:31px; width:81px;}
#login_wrap .bg_login p {margin-bottom:5px; margin-left:0; margin-right:0; margin-top:10px; text-align:center;}
#agree_wrap .join_way {background-attachment:scroll; background-color:#ABABAB; background-image:none; background-position:0 0; background-repeat:repeat;
border-bottom-color:#EDEDED; border-bottom-style:solid; border-bottom-width:2px; clear:both; display:inline-block; width:100%;}
#agree_wrap .join_way li {background-attachment:scroll; background-color:#ABABAB; background-image:none; background-position:0 0; background-repeat:repeat;
color:#FFFFFF; float:left; font-size:16px; letter-spacing:-0.1em; padding-bottom:4px; padding-left:0; padding-right:0; padding-top:4px; text-align:center; width:33%; padding:10px 0; font-weight:bold;}
#agree_wrap .join_way li.step3 {width:34%;}
#agree_wrap .join_way li.end {margin-right:0;}
#agree_wrap .join_way li.active {background-attachment:scroll; background-color:#000000; background-image:none; background-position:0 0;
background-repeat:repeat; float:left;}
#agree_wrap .join_way li span {display:inline-block; text-align:left;}
#agree_wrap h3 {border-bottom-color:#CCCCCC; border-bottom-style:solid; border-bottom-width:1px; color:#333333; font-size:15px; letter-spacing:-0.1em; margin-top:10px; padding-bottom:7px;
padding-left:9px; padding-right:0; padding-top:3px;}
#agree_wrap .bx_join {background-attachment:scroll; background-color:#F8F8F8; background-image:none; background-position:0 0; background-repeat:repeat; border-bottom-color:#CCCCCC;
border-bottom-style:solid; border-bottom-width:1px; padding-bottom:5px; padding-left:10px; padding-right:10px; padding-top:5px}
#agree_wrap .bx_join dl {padding-bottom:5px; padding-left:0; padding-right:0; padding-top:5px;}
#agree_wrap .bx_join dl.none {background-attachment:scroll; background-color:transparent; background-image:none; background-position:0 0; background-repeat:repeat;}
#agree_wrap .bx_join dt {color:#444444; display:block; float:left; font-size:14px; font-weight:bold; letter-spacing:-0.1em; overflow-x:hidden; overflow-y:hidden; padding-top:8px; width:100px;}
#agree_wrap .bx_join dt.u_agree {width:150px;}
#agree_wrap .bx_join dt.id {color:#777777; font-size:1em; font-weight:normal;}
#agree_wrap .bx_join dd.cols2 {color:#444444; font-size:1.15em; font-weight:bold; letter-spacing:-0.1em;}
#agree_wrap .bx_join dd {font-size:13px; letter-spacing:-0.1em; overflow-x:hidden; overflow-y:hidden; padding-bottom:4px; padding-left:0; padding-right:0; padding-top:4px;}
#agree_wrap .bx_join dd a {height:20px; vertical-align:middle;}
#agree_wrap .bx_join dd.detail {color:#FF6600; font-size:0.939em; letter-spacing:-0.1em;}
#agree_wrap .bx_join p {background-attachment:scroll; background-color:#F0F0F0; background-image:none; background-position:0 0; background-repeat:repeat;
color:#555555; display:block; font-size:0.939em; letter-spacing:-0.1em; margin-bottom:0; margin-left:0; margin-right:0; margin-top:-1px; overflow-x:hidden; overflow-y:hidden;
padding-bottom:5px; padding-left:5px; padding-right:5px; padding-top:5px;}
#agree_wrap .bx_join span {color:#555555; display:block; letter-spacing:-0.1em; overflow-x:hidden; overflow-y:hidden; padding-bottom:0; padding-top:2px;}
#agree_wrap .bx_join span.pass {font-size:1.1em; letter-spacing:-0.1em; line-height:140%; padding-bottom:20px; padding-left:0; padding-right:0; padding-top:20px;}
#agree_wrap .bx_join span strong {color:#DE4D52;}
#agree_wrap .bx_join span.agree2 {color:#555555; display:block; font-size:0.939em; letter-spacing:-0.1em; overflow-x:hidden; overflow-y:hidden; padding-bottom:10px;
padding-left:0; padding-right:0; padding-top:10px;}
#agree_wrap p.copy {font-size:12px; letter-spacing:-0.1em; margin-bottom:15px; margin-left:0; margin-right:0; margin-top:5px;}
#agree_wrap p.btn {margin-bottom:30px; margin-left:0; margin-right:0; margin-top:15px;}
#agree_wrap .bx_join input.l_login {border-bottom-color:#CCCCCC; border-bottom-style:solid; border-bottom-width:1px; border-top-color:#CCCCCC;
border-top-style:solid; border-top-width:1px; display:inline-block; width:92%; margin-bottom:5px;}
#agree_wrap .bx_join input.id_no {border-bottom-color:#CCCCCC; border-bottom-style:solid; border-bottom-width:1px; border-top-color:#CCCCCC; border-top-style:solid; border-top-width:1px;
vertical-align:middle; width:39%;}
#agree_wrap .bx_join input.tel {border-bottom-color:#CCCCCC; border-bottom-style:solid; border-bottom-width:1px; border-top-color:#CCCCCC; border-top-style:solid;
border-top-width:1px;width:15%;}
#agree_wrap .bx_join input.input_all {border-bottom-color:#CCCCCC; border-bottom-style:solid; border-bottom-width:1px; border-top-color:#CCCCCC; border-top-style:solid;
border-top-width:1px;width:25%; margin-bottom:5px;}
#agree_wrap .bx_join .btn_align a img{vertical-align:middle;}
#agree_wrap a.btn_s{background:url(/images/main/btn_overlap.gif) no-repeat; display:block; width:100px; height:22px;}
#agree_wrap #checkldButton a span{text-indent:-1000px;}

/* 03.°¡ÀÔ¿Ï·á */
#finishBox {margin-top:10px; width:100%; height:174px; background:#f8f8f8; padding-top:1px;}
#finishDiv {background:white; border:1px solid #dadada; height:118px; padding-top:30px; margin:10px;}

/* ȸ¿ø°¡ÀÔ Æ˾÷ */
#id_wrap{overflow:auto;}
.popup_Area2 {width:100%; margin:0 padding:0; border:1px solid #fff;  }
.popuptbl2 {width:100%;}
.popuptbl2 th {background: url(../../images/pop/th_C.gif) repeat-x top left; height:32px;}
.popuptbl2 th.thLR {background:#fff; height:32px;}
.popuptbl2 td {text-align:left; padding:3px 0; line-height:1.4; color:#666;}
.popuptbl2 td.dot_line{text-align:left; background:url(../../images/sub/dot_line.gif) repeat-x bottom left;}
.popuptbl2 td.line{text-align:left; border-bottom:2px solid #e7e7e7;}

.popuptbl2 div.line {border-top:2px solid #e7e7e7; padding-top:10px; padding-bottom:20px;}
.popuptbl2 div.line1 {border-top:1px solid #e7e7e7; padding-top:10px; padding-bottom:20px;}

/*µµ¿ò¸»*/
#agree_wrap #help {padding:20px 10px;}
#agree_wrap #help dt {padding:10px 0; color:#0279CC; font-weight:bold; }
#help .m_main img{width:100%;}
#agree_wrap .view_help {padding-bottom:0; padding-left:0; padding-right:0; padding-top:20px;}
#agree_wrap .view_help a {-moz-background-clip:border; -moz-background-origin:padding; -moz-background-size:auto auto; background-attachment:scroll; background-color:#F6F6F6; 
background-image:none; background-position:0 0; background-repeat:repeat; border-bottom-color:#D7D7D7; border-bottom-style:solid; border-bottom-width:1px; border-top-color:#D7D7D7; border-top-style:solid; 
border-top-width:1px; color:#464646; border-right-color:#D7D7D7; border-right-style:solid; border-right-width:1px; color:#464646; border-left-color:#D7D7D7; border-left-style:solid; border-left-width:1px; color:#464646;
display:inline-block; font-size:13px; letter-spacing:-0.1em; line-height:120%; padding-bottom:5px; padding-left:5px; padding-right:5px; padding-top:5px; text-align:center; width:40%;}

/* ³»¼­Àç */
.mylist {width:100%;}
.mylist h4 {text-align:center; margin:20px 0;}
.mylist h4 span {color:#3d68ac;}
.table_my{width:100%;}
.table_my th{border-bottom:1px solid #dadada; text-align:left; padding:10px 0 10px 20px;}
.table_my thead th{border-top:1px solid #dadada;}
.table_my td{border-bottom:1px solid #dadada; padding:10px 0 10px 20px;}
.table_my .tit_my{padding:0;border-right:1px solid #dadada; background:#e9e9e9; text-align:center;}
.table_my .end{border-left:1px solid #dadada; width:150px; font-weight:bold;}

.p_01{height:30px; padding-top:10px; margin:20px 0;}

.mylist_del {background-color:#e9e9e9; border-bottom:1px solid #cdcdcd; border-top:1px solid #cdcdcd; float:left; width:100%; height:50px;}
a.round {border:1px solid #cdcdcd; display:inline-block; font-size:14px; padding:1px;}
a.round span {cursor:pointer; display:inline-block; height:100%; text-align:center; width:100%;}
a.round span span {cursor:pointer;}
.mylist_del a.round span {background-color:#F2F2F6;}
.mylist_del a.round {background-color:#A9AAAF; border:0 none; color:#000000; float:left; height:30px; margin-top:10px;}
.mylist_del a.round span span {display:block; padding:0 0 0 27px;}
.mylist_del .total {margin-left:11px; width:80px;}
.mylist_del .del {margin-left:8px; width:68px;}
.mylist_del a.round span {background-color:#F2F2F6; line-height:33px;}
.mylist_del a.del span span{background:url("/images/main/ico_del1.gif") no-repeat scroll 10px 10px transparent; width:40px;}
.mylist_del a.del span span {padding-left:20px;}

#list01{clear:both; position:relative; top:30px; left:0; clear:both; width:100%; height:100px; border-bottom:1px solid #666666; overflow:hidden; margin-top:10px;}
#list01 p {float:left;}
#list01 #checking {margin-left:15px;}
#list01 dl{position:absolute; left:90px; top:50px; overflow:hidden; float:left; white-space:nowrap; width:100%;}
#list01 dt{width:60px; background:url(/images/main/r_line.GIF) no-repeat right 2px;  float:left;}
#list01 dd{line-height:15px; overflow:hidden; padding-left:10px;}
#list01 .tit{font-size:17px; font-weight:bold; position:absolute; left:90px; top:0px; overflow:hidden;; float:left; white-space:nowrap; width:100%;}
#list01 .tit_1{font-size:15px; position:absolute; left:90px; top:22px; overflow:hidden; float:left; white-space:nowrap; width:100%;}
#list01 .book_img a{float:left; display:block; border:1px solid #aaaaaa; margin-left:10px;  white-space:nowrap; overflow:hidden;}
#list01 .book_img img{width:65px; height:87px;}