/*Default*/
html,body{width:100%; height:100%;}
html{overflow-x:hidden;}
*html .png24 {tmp:expression(setPng24(this))}
body{background-color:#fff; margin:0px; color:#505050;font-size:9pt;}
img,fieldset,iframe{border:0 none;}
li{float:left;}
/*a:link, a:visited, a:active { text-decoration:none; color:#0099cc; font-weight:bold;}*/
/*a:hover {text-decoration:none;}*/
#bgi_layer{position:absolute; width:100%; height:608px; background-image:url('../img/wrap_bg.gif'); background-repeat:repeat-x;}
#wrap{position:absolute; width:100%; margin:0 auto; background-image:url('../img/wrap_bg.jpg'); background-repeat:no-repeat; background-position:top center;}
#header{width:871px; margin:0 auto;}
#container{width:871px; margin:0 auto;}
#footer {
width:871px;
margin:0 auto;
_margin-top:0px;
}
#snb{position:fixed; _position:absolute; top:90px; width:72px; _margin-left:-40px;}
#btm_mypage{position:fixed; width:929px; z-index:9999;}
#btm_mypage_ie6{width:929px; margin:0 auto;}
#wrap,#container,#header,#snb{padding:0;}
.mtab3{margin-top:3px;}
.mtab10{margin-top:10px;}
.mtab30{margin-top:30px;}
.mtab50{margin-top:50px;}
.vhidden{display:none;}
.highlight_r{color:#f00; text-decoration:underline;}
/*background-image*/
.bgi_layer_night{background-image:url('../img/wrap_bg_n.gif');}
.wrap_night{background-image:url('../img/wrap_bg_n.jpg');}
/*topmenu*/
.slogo{position:absolute; margin-top:20px;}
.scomment{position:absolute; margin-left:310px; margin-top:20px;}
.tmenu{width:871px; height:100px;}
.tmenu li{text-indent:-9999px;}
.tmenu_up{float:right;}
.tmenu_up li{display:inline;}
.tmenu_1{cursor:hand; width:129px; height:33px; background:url(../img/topmenu_1r.png) no-repeat; background:url(../img/topmenu_1r.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/topmenu_1r.png',sizingMethod='crop')}
.tmenu_2{cursor:hand; width:182px; height:33px; background:url(../img/topmenu_2r.png) no-repeat; background:url(../img/topmenu_2r.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/topmenu_2r.png',sizingMethod='crop')}
.tmenu_down{position:absolute; margin-top:70px; margin-left:610px;}
.tmenu_3{cursor:hand; width:100px; height:26px; background:url(../img/topmenu_3.png) no-repeat; background:url(../img/topmenu_3.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/topmenu_3.png',sizingMethod='crop')}
.slogo_notice1{position:absolute; top:50%; left:50%; margin:-222px 0px 0px -275px;}
.slogo_notice1_1{position:absolute;}
.slogo_notice1_2{position:absolute; margin:10px 0px 0px 10px;}
.slogo_notice1_3{position:absolute; margin:15px 0px 0px 360px;}
/*gnb*/
/*
.gnb{
width:871px;
height:338px;
}
*/
.gnb{
width:871px;
height:365px;
background-image:url('../img/gnb_bgr.png');
background-repeat:no-repeat;
background:url(../img/gnb_bgr.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/gnb_bgr.png',sizingMethod='crop')
}
.gnb_small{
width:871px;
height:54px;
margin-top:0px;
background-image:url('../img/gnb_small_bgr.png');
background-repeat:no-repeat; background:url(../img/gnb_small_bgr.png) no-repeat;
_background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/gnb_small_bgr.png',sizingMethod='crop')
}
.gnb li{
text-indent:-9999px;
}
.visit{
position:absolute;
width:240px;
margin-top:10px;
margin-left:652px;
text-align:center;
font-size:8pt;
}
.today_cnt{color:#f00;font-weight:bold;}
.total_cnt{color:#555;font-weight:bold;}
.login{
position:absolute;
width:201px;
height:136px;
margin-top:30px;
margin-left:670px;
}
.login_small{
position:absolute;
width:201px;
height:55px;
margin-top:-1px;
margin-left:671px;
}
.login_top{width:201px; height:31px; background-image:url('../img/login_topr.jpg'); background-repeat:no-repeat;}
.login_layer{width:201; height:74px; background-image:url('../img/login_bgr.jpg'); background-repeat:no-repeat;}
.login_layer_small{width:201; height:54px; margin-top:1px; margin-left:-1px; background-image:url('../img/login_frm_smallr.jpg'); background-repeat:no-repeat;}
.login_ok_layer{width:201px; height:74px; background-image:url('../img/login_ok_bgr.jpg'); background-repeat:no-repeat;}
.login_ok_layer_small{width:201px; height:54px; margin-top:1px; margin-left:-1px; background-image:url('../img/login_small_bg(re).jpg'); background-repeat:no-repeat;}
.member_info{
position:absolute;
margin-top:10px 0\9;
margin-top:2px;
margin-top:10px\0;
margin-left:-35px 0\9;
margin-left:8px;
margin-left:-35px\0;
width:130px;
_margin-top:0px;
_margin-left:20px;
}
.member_info li{text-indent:0px; display:block; margin-bottom:2px; width:130px; text-align:center;}
.member_info_small{position:absolute; margin-top:4px; margin-left:-35px; width:150px; _margin-top:2px; _margin-left:5px;}
.member_info_small li{text-indent:0px; display:block; margin-bottom:2px; width:150px;}
.login_id{position:absolute; margin-top:15px; margin-left:56px; width:80px; height:16px; font-size:9pt; border:1px solid #626262;}
.login_pw{position:absolute; margin-top:42px; margin-left:56px; width:80px; height:16px; font-size:9pt; border:1px solid #626262;}
.login_id_small{position:absolute; margin-top:7px; margin-left:60px; width:75px; height:14px; font-size:9pt; border:1px solid #626262;}
.login_pw_small{position:absolute; margin-top:28px; margin-left:60px; width:75px; height:14px; font-size:9pt; border:1px solid #626262;}
.tmp_login_id{position:absolute; margin-top:17px; margin-left:79px; font-size:9pt; color:#a4a4a4;}
.tmp_login_pw{position:absolute; margin-top:45px; margin-left:62px; font-size:9pt; color:#a4a4a4;}
.tmp_login_id_small{position:absolute; margin-top:9px; margin-left:83px; font-size:9pt; color:#a4a4a4;}
.tmp_login_pw_small{position:absolute; margin-top:30px; margin-left:64px; font-size:9pt; color:#a4a4a4;}
.btn_login{position:absolute; margin-top:11px; margin-left:143px;}
.btn_logout{position:absolute; margin-top:11px; margin-left:143px;}
.btn_login_small{position:absolute; margin-top:5px; margin-left:142px;}
.btn_logout_small{position:absolute; margin-top:5px; margin-left:142px;}
.login_bottom{width:201px; height:31px;}
.search_a{
position:absolute;
width:201px;
height:146px;
margin-top:166px;
margin-left:670px;
background-image:url('../img/search_a_bgr.jpg');
background-repeat:no-repeat;
}
.sbnt_1{
cursor:hand;
margin-left:-32px;
margin-top:50px 0\9;
margin-top:60px;
margin-top:50px\0;
_margin-left:-16px;
_margin-top:60px;
width:90px;
height:33px;
background:url(../img/sbtn_0r.gif) no-repeat;
}
.sbnt_2{
cursor:hand;
margin-left:5px;
margin-top:50px 0\9;
margin-top:60px;
margin-top:50px\0;
_margin-top:60px;
width:90px;
height:33px;
background:url(../img/sbtn_1r.gif) no-repeat;
}
.sbnt_3{
cursor:hand;
margin-left:-32px;
margin-top:10px;
_margin-left:-16px;
width:90px;
height:33px;
background:url(../img/sbtn_3r.gif) no-repeat;
}
.sbnt_4{
cursor:hand;
margin-left:5px;
margin-top:10px;
width:90px;
height:33px;
background:url(../img/sbtn_5r.gif) no-repeat;
}
/*
.gmenu{
position:absolute;
width:671px;
height:55px;
margin-top:-1px;
margin-left:0px;
}
*/
.gmenu{
position:absolute;
width:671px;
height:55px;
margin-top:0px;
margin-left:0px;
background:url(../img/gdmu.jpg) no-repeat;
}
.gbtn{
position:absolute;
font-family : "맑은 고딕", "돋움", sans-serif;
margin-top:12px;
font-size:22px;
color:white;
font-weight:bold;
a{color:white;font-weight:bolder;};
}
.gmenu_small{
position:absolute;
width:560px;
height:55px;
margin-top:-1px;
margin-left:0px;
}
/*
.gbtn_1{cursor:hand; margin-left:-40px; margin-top:-12px; width:140px; height:55px; background:url(../img/gbtn_1.gif) no-repeat;}
.gbtn_2{cursor:hand; margin-top:-12px; width:138px; height:55px; background:url(../img/gbtn_2.gif) no-repeat;}
.gbtn_3{cursor:hand; margin-top:-12px; width:139px; height:55px; background:url(../img/gbtn_3.gif) no-repeat;}
.gbtn_4{cursor:hand; margin-top:-12px; width:142px; height:55px; background:url(../img/gbtn_4.gif) no-repeat;}
*/
.category{
position:absolute;
width:671px;
height:259px;
margin-top:53px;
margin-left:0px;
}
/*
.ctgr_1{cursor:hand; margin-left:-40px; margin-top:-12px; width:141px; height:55px; background:url(../img/ctgr_1.gif) no-repeat;}
.ctgr_2{cursor:hand; margin-top:-12px; width:141px; height:55px; background:url(../img/ctgr_2.gif) no-repeat;}
.ctgr_3{cursor:hand; margin-top:-12px; width:139px; height:55px; background:url(../img/ctgr_3.gif) no-repeat;}
.ctgr_4{cursor:hand; margin-top:-12px; width:141px; height:55px; background:url(../img/ctgr_4.gif) no-repeat;}
.ctgr_5{cursor:hand; margin-left:-40px; width:141px; height:54px; background:url(../img/ctgr_5.gif) no-repeat;}
.ctgr_6{cursor:hand; width:141px; height:54px; background:url(../img/ctgr_6.gif) no-repeat;}
.ctgr_7{cursor:hand; width:139px; height:54px; background:url(../img/ctgr_7.gif) no-repeat;}
.ctgr_8{cursor:hand; width:141px; height:54px; background:url(../img/ctgr_8.gif) no-repeat;}
.ctgr_9{cursor:hand; margin-left:-40px; width:141px; height:56px; background:url(../img/ctgr_9.gif) no-repeat;}
.ctgr_10{cursor:hand; width:141px; height:56px; background:url(../img/ctgr_10.gif) no-repeat;}
.ctgr_11{cursor:hand; width:139px; height:56px; background:url(../img/ctgr_11.gif) no-repeat;}
.ctgr_12{cursor:hand; width:141px; height:56px; background:url(../img/ctgr_12.gif) no-repeat;}
.ctgr_13{cursor:hand; margin-left:379px; width:143px; height:55px; background:url(../img/ctgr_13.gif) no-repeat;}
*/
.search_n{
position:absolute;
width:1000px;
height:34px;
margin-top:320px;
margin-left:300px;
padding-top:7px;
padding-left:10px;
/*background:url(../img/search_n_bg.gif) no-repeat;*/
}
.search_c{
position:absolute;
width:1500px;
height:34px;
margin-top:320px;
margin-left:260px;
padding-top:7px;
padding-left:10px;
/*background:url(../img/search_n_bg.gif) no-repeat;*/
}
.srch_ctgr{font-size:9pt; height:20px;}
.srch_name{font-size:9pt; width: 115px; height:16px; vertical-align:top; border:1px solid #a5acb2;}
.srch_name_sub{font-size:9pt; width: 130px; height:16px; vertical-align:top; border:1px solid #a5acb2;}
.btn_srch{vertical-align:bottom; margin-bottom:2px;}
/*snb*/
.snb_btn li{text-indent:-9999px; margin-left:-40px; _margin-left:0px; list-style-type:none;}
.snb_btn_0{cursor:hand; width:72px; height:26px; background:url(../img/snb_00.png) no-repeat; background:url(../img/snb_00.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/snb_00.png',sizingMethod='crop')}
.snb_btn_1{cursor:hand; width:72px; height:75px; background:url(../img/snb_01.png) no-repeat; background:url(../img/snb_01.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/snb_01.png',sizingMethod='crop')}
.snb_btn_2{cursor:hand; width:72px; height:61px; background:url(../img/snb_02.png) no-repeat; background:url(../img/snb_02.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/snb_02.png',sizingMethod='crop')}
.snb_btn_3{cursor:hand; width:72px; height:65px; background:url(../img/snb_03.png) no-repeat; background:url(../img/snb_03.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/snb_03.png',sizingMethod='crop')}
.snb_btn_4{cursor:hand; width:72px; height:80px; background:url(../img/snb_08.png) no-repeat; background:url(../img/snb_08.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/snb_04.png',sizingMethod='crop')}
.snb_btn_5{cursor:hand; width:72px; height:74px; background:url(../img/snb_05.png) no-repeat; background:url(../img/snb_05.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/snb_05.png',sizingMethod='crop')}
.snb_btn_6{cursor:hand; width:72px; height:135px; background:url(../img/side_menu/mobile_banner2.png) no-repeat; background:url(../img/side_menu/mobile_banner2.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/side_menu/mobile_banner2.png',sizingMethod='crop')}
.snb_btn_7{cursor:hand; width:72px; height:85px; background:url(../img/new_popup/banner_02.png) no-repeat; background:url(../img/new_popup/banner_02.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/side_menu/mobile_banner2.png',sizingMethod='crop')}
/*.casj_btn{cursor:hand; width:72px; height:110px; background:url(http://engnara.booktobi.com/img/aa353_go.png) no-repeat; background:url(http://engnara.booktobi.com/img/aa353_go.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/side_menu/mobile_banner2.png',sizingMethod='crop')}*/
/*content*/
.content{
width:871px;
margin-top:-11px;
}
.ctop{
width:100%;
height:25px;
background:url(../img/content_border_top3.png) no-repeat;
background:url(../img/content_border_top3.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/content_border_top3.png',sizingMethod='crop')
}
.ctop_sub{
width:100%;
height:70px;
background:url(../img/content_border_top3.png) no-repeat;
background:url(../img/content_border_top3.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/content_border_top3.png',sizingMethod='crop')
}
.ccontent{
width:100%;
height:910px;
background:url(../img/content_border_dot3.png) repeat-y;
}
.ccontent_none_banner{
width:100%;
height:740px;
background:url(../img/content_border_dot3.png) repeat-y;
}
.ccontent_none_banner{
width:100%;
height:740px;
background:url(../img/content_border_dot3.png) repeat-y;
}
.ccontent_menu{
width:100%;
background:url(../img/content_border_dot3.png) repeat-y;
padding-bottom:30px;
}
.ccontent_page{
width:100%;
background:url(../img/content_border_dot3.png) repeat-y;
}
.ccontent_page_wise{
width:871px;
/*border: 1px solid gray;*/
background-color: white;
}
.cbottom{
width:100%;
height:28px;
background:url(../img/content_border_bottom3.png) no-repeat;
background:url(../img/content_border_bottom3.png) no-repeat;
_background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/content_border_bottom3.png',sizingMethod='crop')
}
.notice{
position:absolute;
margin-left:20px;
width:202px;
height:216px;
background-image:url('../img/notice_bgr.jpg');
background-repeat:no-repeat;
}
.book_list{
position:absolute;
margin-top:0px;
margin-left:235px;
width:424px;
height:348px;
background-image:url('../img/book_list_bgr2.jpg');
background-repeat:no-repeat;
}
.latest_ard{
position:absolute;
margin-top:228px;
margin-left:20px;
width:216px;
height:150px;
background-image:url('../img/latest_ard_bgr.jpg');
background-repeat:no-repeat;
}
.quiz_han1000{
position:absolute;
margin-top:388px;
margin-left:20px;
width:202px;
height:169px;
background-image:url('../img/quiz_han1000_bgr.jpg');
background-repeat:no-repeat;
}
/*
.banner_game{
position:absolute;
margin-top:385px;
margin-left:20px;
width:180px;
height:75px;
}
*/
.fixed_banner{
position:absolute;
z-index:99;
margin-top:0px;
margin-left:670px;
width:180px;
height:75px;
}
.thick5{
height:5px 0\9;
height:3px;
height:5px\0;
_height:0px;latest_ard
}
.banner_zone{
position:absolute;
margin-top:155px;
margin-left:670px;
width:180px;
height:70px;
overflow:hidden;
}
.banner_zone_game{
position:absolute;
margin-top:190px;
margin-left:670px;
width:180px;
height:170px;
overflow:hidden;
}
.rank{
position:absolute;
margin-top:563px;
margin-left:20px;
width:202px;
height:349px;
background-image:url('../img/rank_bgr.jpg');
background-repeat:no-repeat;
}
.banner_none{
position:absolute;
margin-top:0px;
margin-left:670px;
width:202px;
height:349px;
background-image:url('../img/rank_bgr.jpg');
background-repeat:no-repeat;
}
.rank_none_banner{
position:absolute;
margin-top:0px;
margin-left:670px;
width:202px;
height:349px;
background-image:url('../img/rank_bgr.jpg');
background-repeat:no-repeat;
}
.quiz_eng{
position:absolute;
margin-top:508px;
margin-left:235px;
width:618px;
height:171px;
background-image:url('../img/quiz_eng_bgr.jpg');
background-repeat:no-repeat;
}
.quiz_book{
position:absolute;
margin-top:696px;
margin-left:235px;
width:618px;
height:216px;
background-image:url('../img/quiz_book_bgr.jpg');
background-repeat:no-repeat;
}
.quiz_eng_none_banner{
position:absolute;
margin-top:353px;
margin-left:235px;
width:618px;
height:171px;
background-image:url('../img/quiz_eng_bgr.jpg');
background-repeat:no-repeat;
}
.quiz_book_none_banner{
position:absolute;
margin-top:531px;
margin-left:235px;
width:618px;
height:216px;
background-image:url('../img/quiz_book_bgr.jpg');
background-repeat:no-repeat;
}
/*.banner_zone{position:absolute; margin-top:685px; margin-left:20px; width:180px; height:75px; overflow:hidden;}*/
.info{position:absolute; margin-top:610px; margin-left:20px; width:180px; height:145px;}
.info li{text-indent:-9999px;}
.sguide{cursor:hand; margin-top:-12px; margin-left:-40px; width:180px; height:70px; background:url(../img/service_guide.gif) no-repeat;}
.pinfo{cursor:hand; margin-top:5px; margin-left:-40px; width:180px; height:70px; background:url(../img/payment_info.gif) no-repeat;}
/*footer*/
.famous_top{width:871px; height:12px; margin-top:-15px; background-image:url('../img/footer_top_bg2.jpg'); background-repeat:no-repeat; _margin-top:0px;}
.famous_bottom{width:871px; height:12px; background-image:url('../img/footer_bottom_bg2.jpg'); background-repeat:no-repeat;}
.famous_layer{width:871px; padding-bottom:10px; background-image:url('../img/footer_bg2.jpg'); background-repeat:repeat-y; _padding-bottom:0px; _margin-top:-2px;}
.famous_title{position:absolute; width:141px; height:38px; _margin-top:-5px; left:220px; }
.famous_content{height:100%; margin-left:180px; margin-right:20px;}
.famous_name{float:right; margin-right:20px; font-weight:bold;}
/*latest_list*/
.notice_list{margin-top:60px; margin-left:-30px; _margin-left:12px;}
.notice_list li{cursor:hand; display:block; width:185px; height:18px; padding-top:5px; color:#0099cc; font-weight:bold; /*background-image:url('../img/list_dot.gif');*/ background-repeat:repeat-x; background-position:bottom;}
.ard_list{margin-top:65px; margin-left:-30px; _margin-left:12px;}
.ard_list li{cursor:hand; display:block; width:185px; height:18px; padding-top:5px; color:#0099cc; font-weight:bold; /*background-image:url('../img/list_dot.gif');*/ background-repeat:repeat-x; background-position:bottom;}
/*quiz*/
.today_eng{margin-top:50px; margin-left:10px;}
.today_eng dt{font-weight:bold;}
.today_eng dd{margin-top:2px; margin-left:5px;}
.btn_eng{position:absolute; margin-top:-35px; margin-left:550px; _margin-top:-45px;}
.quiz_han1000{padding-top:60px; padding-left:12px;}
.hanja{font-family:궁서; font-weight:bold; font-size:48pt;}
.hanja_mean{font-weight:bold; font-size:20pt; vertical-align:top;}
.hans_layer{
float:right;
position:absolute;
margin-top:40px;
left:73px;
_margin-left:35px;
}
.hanja_ans{width:50px; vertical-align:top; border:1px solid #a5acb2;}
.hanja_smit{margin-top:-3px;}
.book_layer{margin-top:60px; margin-left:30px; width:100px; border:1px solid #9ba0a6;}
.book_img{width:100px; height:130px;}
.book_img2{width:80px; height:99px; border:solid 3px #bdbebe; border-top-style:none; border-left-style:none;}
.today_book{float:right; margin-top:60px; padding-right:20px; width:450px; height:140px;}
.qb_subject{margin-bottom:10px;}
.today_book dt{font-size:14px; font-weight:bold; margin-top:5px; vertical-align:top;}
.today_book dd{float:left; margin-left:0px; width:160px; padding-left:40px;}
.tab_dd{margin-top:10px;}
.btn_book{float:right;}
/*book_list*/
.new_list{position:absolute; margin-top:45px; margin-left:0px; _margin-top:60px; margin-left:-20px; width:424px; height:174px;}
.new_list li{display:block; cursor:hand; margin-right:17px; margin-bottom:15px; width:80px; height:130px; text-align:center; /*font-weight:bold;*/}
.hot_list{position:absolute; margin-top:220px; margin-left:0px; _margin-top:60px; margin-left:-20px; width:424px; height:155px;}
.hot_list li{display:block; cursor:hand; margin-right:17px; margin-bottom:15px; width:80px; height:130px; text-align:center; /*font-weight:bold;*/}
/*천안아동지역센터*/
.new_list_c{position:absolute; margin-top:55px; margin-left:-25px; _margin-top:60px; width:240px; height:280px;}
.new_list_c li{display:block; cursor:hand; margin-right:17px; margin-bottom:15px; width:80px; height:130px; text-align:center; /*font-weight:bold;*/}
.hot_list_c{position:absolute; margin-top:55px; margin-left:185px; _margin-top:60px; width:240px; height:280px;}
.hot_list_c li{display:block; cursor:hand; margin-right:17px; margin-bottom:15px; width:80px; height:130px; text-align:center; /*font-weight:bold;*/}
/*ranking*/
.group_rank{margin-top:85px; margin-left:33px; width:145px; height:245px;}
.section_rank{width:100%; height:25px; font-size:8pt;}
.ranker_name{float:left; position:absolute; word-break:word-wrap;}
.ranker_cnt{width:150px;position:absolute; font-weight:bold; color:#db0817; text-align:right;}
/*submenu*/
.submenu_list{position:absolute; width:500px; height:30px; margin-left:35px; margin-top:15px; background-image:url('../img/submenu_bgr.gif'); background-repeat:no-repeat;}
.submenu_list li.first{margin-left:-20px; _margin-left:10px;}
.submenu_list li{cursor:hand; list-style:none; margin-top:7px; margin-left:30px;}
.sub_on{font-weight:bold; color:#333;}
.sub_off{font-weight:bold; color:#fff;}
.search_word{font-weight:bold; color:#fff;}
/*submenu_subcategory*/
.cate_sub_link{position:absolute; display:none; z-index:999; padding-top:10px; padding-bottom:13px; padding-right:20px; background-color:#fff; border:2px solid #ffb400;}
.cate_sub_link li{clear:both; margin-left:-20px; display:block;}
/*book_search*/
.book_search{float:right; width:305px; margin-top:20px;}
/*find*/
.wrap_find{width:871px; height:900px; padding-top:10px; margin:0 auto; background:url(/img/find_bgr.jpg) no-repeat; background-position:0px 70px;}
.find_title{margin:0 0 20px 50px;}
.cls_menu {width:700px; height:100px; margin:0 auto; }
.cls_menu a{display:block; float:left; margin:0 8px 0 8px; width:94px; height:75px; text-indent:-9999px;}
.cls_menu .cls1{margin-left:30px; _margin-left:10px; background:url(/img/find/class1_btnr.gif) no-repeat;}
.cls_menu .cls1:hover{background:url(/img/find/class1_btn_overr.gif) no-repeat;}
.cls_menu .cls2{background:url(/img/find/class2_btnr.gif) no-repeat;}
.cls_menu .cls2:hover{background:url(/img/find/class2_btn_overr.gif) no-repeat;}
.cls_menu .cls3{background:url(/img/find/class3_btnr.gif) no-repeat;}
.cls_menu .cls3:hover{background:url(/img/find/class3_btn_overr.gif) no-repeat;}
.cls_menu .cls4{background:url(/img/find/class4_btnr.gif) no-repeat;}
.cls_menu .cls4:hover{background:url(/img/find/class4_btn_overr.gif) no-repeat;}
.cls_menu .cls5{background:url(/img/find/class5_btnr.gif) no-repeat;}
.cls_menu .cls5:hover{background:url(/img/find/class5_btn_overr.gif) no-repeat;}
.cls_menu .cls6{background:url(/img/find/class6_btnr.gif) no-repeat;}
.cls_menu .cls6:hover{background:url(/img/find/class6_btn_overr.gif) no-repeat;}
.text_ca_head{width:528px; height:99px; margin:0 auto;}
.text_ca_body{width:528px; margin:0 auto; background:url(/img/find/textbook_ca_body.png);}
.text_ca_bottom{width:528px; height:58px; margin:0 auto; background:url(/img/find/textbook_ca_bottom.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/find/textbook_ca_bottom.png',sizingMethod='crop')}
.ctext{width:500px; margin:0 auto; font-size:18px; font-weight:bold; font-family:Dotum; color:#006cba; word-break:wrap-word;}
.genre_ca_head {width:533px; height:88px; margin:0 auto; background:url(/img/find/genre_ca_head.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/find/genre_ca_head.png',sizingMethod='crop')}
.genre_ca_bottom {width:533px; height:163px; margin:0 auto; background:url(/img/find/genre_ca_bottom.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/find/genre_ca_bottom.png',sizingMethod='crop')}
.genre_ca_bottom a {display:block; float:left; margin:0 7px 7px 7px; width:56px; height:60px; text-indent:-9999px;}
.genre_ca_bottom .genre_1 {width:56px; height:60px; margin-top:10px; margin-left:60px; _margin-left:33px; background:url(/img/find/genre_icon1r.gif) no-repeat;}
.genre_ca_bottom .genre_1:hover {width:56px; height:60px; background:url(/img/find/genre_icon1_overr.gif) no-repeat;}
.genre_ca_bottom .genre_2 {width:56px; height:60px; margin-top:10px; background:url(/img/find/genre_icon2r.gif) no-repeat;}
.genre_ca_bottom .genre_2:hover {width:56px; height:60px; background:url(/img/find/genre_icon2_overr.gif) no-repeat;}
.genre_ca_bottom .genre_3 {width:56px; height:60px; margin-top:10px; background:url(/img/find/genre_icon3r.gif) no-repeat;}
.genre_ca_bottom .genre_3:hover {width:56px; height:60px; background:url(/img/find/genre_icon3_overr.gif) no-repeat;}
.genre_ca_bottom .genre_4 {width:56px; height:60px; margin-top:10px; background:url(/img/find/genre_icon4r.gif) no-repeat;}
.genre_ca_bottom .genre_4:hover {width:56px; height:60px; background:url(/img/find/genre_icon4_overr.gif) no-repeat;}
.genre_ca_bottom .genre_5 {width:56px; height:60px; margin-top:10px; background:url(/img/find/genre_icon5r.gif) no-repeat;}
.genre_ca_bottom .genre_5:hover {width:56px; height:60px; background:url(/img/find/genre_icon5_overr.gif) no-repeat;}
.genre_ca_bottom .genre_6 {width:56px; height:60px; margin-top:10px; background:url(/img/find/genre_icon6r.gif) no-repeat;}
.genre_ca_bottom .genre_6:hover {width:56px; height:60px; background:url(/img/find/genre_icon6_overr.gif) no-repeat;}
.genre_ca_bottom .genre_7 {width:56px; height:60px; margin-left:96px; _margin-left:51px; background:url(/img/find/genre_icon7r.gif) no-repeat;}
.genre_ca_bottom .genre_7:hover {width:56px; height:60px; background:url(/img/find/genre_icon7_overr.gif) no-repeat;}
.genre_ca_bottom .genre_8 {width:56px; height:60px; background:url(/img/find/genre_icon8r.gif) no-repeat;}
.genre_ca_bottom .genre_8:hover {width:56px; height:60px; background:url(/img/find/genre_icon8_overr.gif) no-repeat;}
.genre_ca_bottom .genre_9 {width:56px; height:60px; background:url(/img/find/genre_icon9r.gif) no-repeat;}
.genre_ca_bottom .genre_9:hover {width:56px; height:60px; background:url(/img/find/genre_icon9_overr.gif) no-repeat;}
.genre_ca_bottom .genre_10 {width:56px; height:60px; background:url(/img/find/genre_icon10r.gif) no-repeat;}
.genre_ca_bottom .genre_10:hover {width:56px; height:60px; background:url(/img/find/genre_icon10_overr.gif) no-repeat;}
.genre_ca_bottom .genre_11 {width:56px; height:60px; background:url(/img/find/genre_icon11r.gif) no-repeat;}
.genre_ca_bottom .genre_11:hover {width:56px; height:60px; background:url(/img/find/genre_icon11_overr.gif) no-repeat;}
/*.genre_ca_bottom .genre_12 {width:56px; height:60px; background:url(/img/find/genre_icon14.gif) no-repeat;}
.genre_ca_bottom .genre_13 {width:56px; height:60px; background:url(/img/find/genre_icon14.gif) no-repeat;}
.genre_ca_bottom .genre_14 {width:56px; height:60px; background:url(/img/find/genre_icon14.gif) no-repeat;}*/
.find_bottom{width:700px; margin:0 auto;}
.bottom_left{float:left; margin-right:20px; _margin-top:45px;}
.bottom_right{margin-top:45px;}
/*mybook*/
.mybook_rank{float:right; width:200px; height:349px; background-image:url('../img/rank_bgr.jpg'); background-repeat:no-repeat;}
.mybook_banner_zone{float:right; width:180px; margin-top:10px; margin-right:10px;}
/*book_more*/
.layer_more{position:absolute; display:none; margin-top:23px; margin-left:-40px; _margin-top:18px; _margin-left:-169px; width:500px; height:60px; background:url(/img/more_bgr.gif) no-repeat;}
.btn_more{float:right; margin-top:7px; _margin-top:-15px; margin-right:50px; _margin-right:20px; color:#fff; font-weight:bold; cursor:hand;}
.cate_table{width:470px; margin-top:10px; margin-left:15px;}
a.cate_link{font-weight:bold;}
a:link.cate_link,a:hover.cate_link,a:visited.cate_link{text-decoration:none; color:#fff;}
/*copyright*/
.cp_layer{width:760px; height:60px; margin:0 auto; padding-top:5px;}
.cp_image{float:left; margin-left:20px;}
.cp_text{padding-left:120px; margin-top:10px; color:#999; font-weight:bold;}
.cp_text_st{color:#555;}
.cp_text_tel{color:#ffa200;}
#tail_lo1{ background-color: #ffffff;}
#tail_lo2{ float: left; width: 208px; background-color: #ffffff;}
#tail_lo3{ float: left; width: 464px; background-color: #ffffff;}
#menu {width:200px; margin-left:45px;}
#tab01 { display:block; width:200px; padding:0; margin:0;}
#tab02 { display:none; width:200px; padding:0; margin:0; }
/*시흥도서관*/
#header_sh {position:relative;width:100%;height:187px;/*background:url("../img/bg_header.gif") repeat-x left bottom; auto;*/}
#wrap_sh{position:absolute; width:100%; margin:0 auto; background-image:url('../img/bg_sky.jpg'); background-repeat:no-repeat; background-position:top center;}
/*#wrap_sh{position:absolute; width:100%; margin:0 auto; background-repeat:no-repeat; background-position:top center;}*/
/*#footer_sh {position:relative;width:100%;height:60px;/*background:url("../img/bg_header.gif") repeat-x left top; auto;}*/
#footer_sh{position:absolute; width:100%; margin:0 auto; background-image:url('../img/bg_footer.jpg'); background-repeat:no-repeat; background-position:top center;}
#snb_sh{position:absolute; top:730px; width:40px; margin-left: 41px;}/*플로우팅 메뉴 윈쪽 고정*/
/*#snb_sh{position:fixed; top:215px; left:50%; width:40px; margin-left: 520px;} 플로우팅 메뉴 오른쪽*/
.logo_sh{position:absolute; width:100%;height:125px; margin:10 auto;}
.tmenu_sh{position:relative; width:871px; height:51px;}
.gnb_sh{
width:871px;
height:40px;
}
.gnb_sh2{
width:871px;
height:40px;
}
.search_sh{
position:absolute;
width:400px;
height:50px;
margin-left:460px;
padding-top:10px;
padding-left:10px;
/*background:url(../img/search_n_bg.gif) no-repeat;*/
}
.content_sh{
width:871px;
height:800px;
}
.book_content_sh{
width:871px;
height:1300px;
}
.qna_list_sh{
width:871px;
height:550px;
}
.category_sh{
position:absolute;
width:200px;
height:476px;
background-image:url('../img/menu_sh.jpg');
background-repeat:no-repeat;
}
.book_list_sh{
position:absolute;
margin-left:225px;
width:650px;
height:auto;
}
.tmenu_up_sh{float:left;}
.cp_layer_sh{position:absolute; width:760px; height:60px; margin:0 auto; padding-top:5px;}
.snb_sh li{text-indent:-9999px; margin-left:-40px; _margin-left:0px; list-style-type:none;}
.snb_sh_0{cursor:hand; width:72px; height:26px; background:url(../img/snb_00.png) no-repeat; background:url(../img/snb_00.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/snb_00.png',sizingMethod='crop')}
.snb_sh_1{width:72px; height:75px; background:url(../img/quick_1.png) no-repeat; background:url(../img/quick_1.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/quick_1.png',sizingMethod='crop')}
.snb_sh_2{cursor:hand; width:72px; height:75px; background:url(../img/quick_2.png) no-repeat; background:url(../img/quick_2.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/quick_2.png',sizingMethod='crop')}
.snb_sh_3{width:186px; height:55px; background:url(../img/quick_4.png) no-repeat; background:url(../img/quick_4.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/quick_4.png',sizingMethod='crop')}
.snb_sh_4{cursor:hand; margin-top:10px; width:186px; height:55px; background:url(../img/quick_3.png) no-repeat; background:url(../img/quick_3.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/quick_3.png',sizingMethod='crop')}
/*****************************/
.image_carousel {
padding: 15px 0 15px 40px;
position: relative;
}
.image_carousel img {
border: 1px solid #ccc;
background-color: white;
padding: 9px;
margin: 7px;
display: block;
float: left;
}
a.prev, a.next {
background: url(../img/img_sh.jpg) no-repeat transparent;
width: 45px;
height: 50px;
display: block;
position: absolute;
top: 85px;
}
a.prev { left: -22px;
background-position: 0 0; }
a.prev:hover { background-position: 0 -50px; }
a.prev.disabled { background-position: 0 -100px !important; }
a.next { right: -22px;
background-position: -50px 0; }
a.next:hover { background-position: -50px -50px; }
a.next.disabled { background-position: -50px -100px !important; }
a.prev.disabled, a.next.disabled {
cursor: default;
}
a.prev span, a.next span {
display: none;
}
.pagination {
text-align: center;
}
.pagination a {
background: url(../images/miscellaneous_sprite.png) 0 -300px no-repeat transparent;
width: 15px;
height: 15px;
margin: 0 5px 0 0;
display: inline-block;
}
.pagination a.selected {
background-position: -25px -300px;
cursor: default;
}
.pagination a span {
display: none;
}
.clearfix {
float: none;
clear: both;
}