body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button { margin:0; padding:0; -webkit-text-size-adjust:none }
body, input, textarea, select, table, button { font-size:0.9em; line-height:normal; font-family:"Arial Black", "Malgun Gothic", "¸¼Àº °íµñ", Dotum, Gulim, AppleGothic, Helvetica, Sans-serif }
body { position:relative; background-color:#fff; color:#000; }
caption, legend { position: absolute; width: 0; height: 0; font-size: 0; line-height: 0; text-indent: -9999em; visibility:hidden; }
fieldset { border:0 none; margin:0; padding:0; }
img, fieldset { border:0 }
hr { display:none; }
ul, ol { list-style:none }
a { color:#111; text-decoration:none; cursor:pointer }
em, address { font-style:normal }
.block { display:block !important; }
.word-break { word-wrap:break-word; word-break:break-all }
.hidden { position: absolute; width: 0; height: 0; font-size: 0; line-height: 0; text-indent: -9999em; visibility:hidden; }


#ContLay{width:1px;height:1px;overflow:hidden;}
#skipToContent a { display:block; height:1px; width:1px; margin-bottom:-1px; overflow:hidden; text-align:center; color:#fff; white-space:nowrap; }
#skipToContent a:focus, #skipToContent a:active { height:auto; width:auto; padding:5px; margin-bottom:10px; }



/* color */
.red_c { color:#f00;}

/* box */
.graybox { border:#ebebeb solid 4px; padding:10px; text-align:center; margin:10px 0; }
.titbox { background:#F4F4F4; border:#BCBCBC solid 1px; -webkit-border-radius:10px; -moz-border-radius:10px; padding:10px 20px; margin:0 0 20px 0; font-size:0.9em; }
.catebox { background:#F4F4F4; border:#BCBCBC solid 1px; -webkit-border-radius:10px; -moz-border-radius:10px; padding:10px 20px; margin:0 0 20px 0; font-size:1.0em; }
.catebox a { font-size:1.0em; font-weight:bold; letter-spacing:-1px; overflow:hidden; display:block; text-decoration:none; }

/* input common */
.basic_in { height:32px; width:99.4%; color:#000; -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 #FFFFFF; border-color: #B6B6B6 #DADADA #DADADA #B6B6B6; border-style: solid; border-width:1px; color: #000; border-top:1px solid #777777; }
.replytxt { font-size:1.1em; font-family:Arial, Helvetica, sans-serif; height:58px; overflow:hidden; width:100%; -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 #FFFFFF; border-color: #B6B6B6 #DADADA #DADADA #B6B6B6; border-style: solid; border-width:1px; color: #000; border-top:1px solid #777777; }
.bw_input { font-size:1.1em; font-family:Arial, Helvetica, sans-serif;  height:32px; width:99.4%; color:#000; -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 #FFFFFF; border-color: #B6B6B6 #DADADA #DADADA #B6B6B6; border-style: solid; border-width:1px; color: #000; border-top:1px solid #777777; }
.bs_input { font-size:1.1em; font-family:Arial, Helvetica, sans-serif; width:32%; -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 #FFFFFF; border-color: #B6B6B6 #DADADA #DADADA #B6B6B6; border-style: solid; border-width: 1px; color: #000; height: 23px; padding: 0 3px !important; border-top: 1px solid #777777; }
.kn_input { font-size:0.6em; font-family:Arial, Helvetica, sans-serif; width:32%; -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 #FFFFFF; border-color: #B6B6B6 #DADADA #DADADA #B6B6B6; border-style: solid; border-width: 1px; color: #000; height: 23px; padding: 0 3px !important; border-top: 1px solid #777777; }
.writetxt { font-size:1.1em; font-family:Arial, Helvetica, sans-serif; width:99.4%; height:300px; line-height:normal; xoxverflow:hidden; -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 #FFFFFF; border-color: #B6B6B6 #DADADA #DADADA #B6B6B6; border-style: solid; border-width:1px; color: #000; border-top:1px solid #777777; }
.bs_input:focus, .bs_input:hover, .basic_in:focus, .basic_in:hover, .bw_input:focus, .bw_input:hover, .writetxt:focus, .writetxt:hover, .replytxt:focus, .replytxt:hover { border-color: #BF6000 #FF8000 #FF8000 #BF6000; }
input[type="file"]:focus, input[type="checkbox"]:focus, input[type="radio"]:focus, input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus { box-shadow:0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 8px rgba(255, 128, 0, 0.6); }

/* button */
.bt_login { display:table-cell; vertical-align:middle; padding:0 10%; height:30px; color:#FFF !important; font-size:1.1em; font-weight:bold; border:1px solid #bcbcbc; background:#000; margin:0 1px; -webkit-border-radius:5px; -moz-border-radius:5px; font-family:Arial, Helvetica, sans-serif; }
.bt_basic { font-size:0.9em; font-weight:bold; display:inline-block; line-height:23px; height:23px; vertical-align:middle; padding:0 10px 0 9px; margin:0 1px; border:1px solid #BEBEBE; background:#f2f2f2; margin:0 2px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; color:#000; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
.bt_small { font-size:12px; font-weight:bold; display:inline-block; line-height:16px; height:16px; vertical-align:middle; padding:1px 4px 0 4px; margin:0 -1px; border:1px solid #BEBEBE; background:#f2f2f2;  text-decoration:none; font-family:Arial, Helvetica, sans-serif; color:#000; -webkit-border-radius: 4px; -moz-border-radius: 4px;
 -o-box-shadow: 1px 2px 3px #999; -icab-box-shadow: 1px 2px 3px #999; -khtml-box-shadow: 1px 2px 3px #999; -moz-box-shadow: 1px 2px 3px #999; -webkit-box-shadow: 1px 2px 3px #999; box-shadow: 1px 2px 3px #999; }
.bt_prev { display:table-cell; vertical-align:middle; padding:0px 10px 0 12px; height:23px; color:#FFF !important; font-size:0.85em; font-weight:bold; border:1px solid #bcbcbc; background:#242424; margin:0 1px; -webkit-border-radius:40px; -moz-border-radius:40px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; }
.bt_gnb0 { display:table-cell; vertical-align:middle;letter-spacing:-1px; padding:0px 3px 0 3px; height:23px; color:#333 !important; font-size:0.85em; font-weight:bold; border:1px solid #bcbcbc; background:#ddd; margin:0 1px; -webkit-border-radius:40px; -moz-border-radius:40px; text-decoration:none; font-family:Arial, Helvetica, sans-serif;text-align:center;}
.bt_gnb1 { display:table-cell; vertical-align:middle; padding:0px 10px 0 12px; height:23px; color:#333 !important; font-size:0.85em; font-weight:bold; border:1px solid #bcbcbc; background:#ddd; margin:0 1px; -webkit-border-radius:40px; -moz-border-radius:40px; text-decoration:none; font-family:Arial, Helvetica, sans-serif;text-align:center;}
.bt_gnb2 { display:table-cell; vertical-align:middle; padding:0px 6px 0 6px; height:23px; color:#333 !important; font-size:0.85em; font-weight:bold; border:1px solid #bcbcbc; background:#ddd;margin:0 1px; -webkit-border-radius:40px; -moz-border-radius:40px; text-decoration:none; font-family:Arial, Helvetica, sans-serif;text-align:center; }

 
/* sortcommon */
.sortcommon { line-height:21px; }
.sortcommon .btn_option { float:left; width:51px; padding:2px 0 2px 1px; border:1px solid #aaa; border-right:0 none; font-size:12px; background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8f8f8)); background-color:#f8f8f8; color:#414141; text-align:center; text-decoration:none; }
.sortcommon .frist { border-top-left-radius:3px; border-bottom-left-radius:3px; -webkit-border-top-left-radius:3px; -webkit-border-bottom-left-radius:3px; }
.sortcommon .last { border-right:1px solid #c8c8c8; border-top-right-radius:3px; border-bottom-right-radius:3px; -webkit-border-top-right-radius:3px; -webkit-border-bottom-right-radius:3px; }
.sortcommon .on { background:-webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(#c2c2c2)); background-color:#c2c2c2; -webkit-box-shadow:inset 1px 1px 0 rgba(0, 0, 0, 0.07); box-shadow:inset 1px 1px 0 rgba(0, 0, 0, 0.15); color:#000; font-weight:bold; }

/* board search */
.board_search { position:relative; margin:0; padding:0 63px 0 0; }
.searchTxtWrap { position:relative; height:30px; padding-right:0px; }
.txtQueryWrap { padding:0 59px 0 70px !important; }
.search_inp { position:absolute; top:0; left:0px; z-index:2; font-size:12px; font-weight:normal; border:1px solid #0e1213; height:31px; width:70px; }
.txtQuery { border:1px solid #0e1213; font-size:15px; height:29px; width:100%; font-weight:bold; }
.btnSearch { border:medium none; position:absolute; right:4px; text-indent:-5000em; top:0; height:31px; width:58px; background:url(/inc/img/common/btn_search.gif) no-repeat left top; cursor:pointer; }

/* pagination */
.pagination { position:relative; text-align:center; white-space:nowrap; height:26px; padding:10px 0; }
.pagination a { position:relative; display:inline-block; margin:0 4px; width:26px; height:26px; line-height:26px; text-align:center; font-size:1.0em; letter-spacing:-1px; text-decoration:none; color:#333; font-family:Tahoma, Sans-serif; border:#CCC solid 1px; background:#F2F2F2; font-weight:bold; padding:0; -webkit-border-radius: 14px; -moz-border-radius: 14px; }
.pagination strong { position:relative; display:inline-block; margin:0 4px; width:26px; height:26px; line-height:26px; text-align:center; font-size:1.0em; letter-spacing:-1px; text-decoration:none; font-family:Tahoma, Sans-serif; border:#F93 solid 1px; font-weight:bold; padding:0; color:#F00; -webkit-border-radius: 14px; -moz-border-radius: 14px; }
.pagination .direction { position:relative; display:inline-block; margin:0 4px; width:26px; height:26px; line-height:24px; text-align:center; font-size:1.3em; letter-spacing:-1px; text-decoration:none; color:#fff; background:#E1E1E1; font-family:Tahoma, Sans-serif; border:#ccc solid 1px; font-weight:bold; padding:0; -webkit-border-radius: 14px; -moz-border-radius: 14px; }
.pagination .direction a { color:#999; }
.pagination img { vertical-align:middle; }

/* layout */
#container { width:auto; padding:10px; font-family:Arial, Helvetica, sans-serif; font-size:0.9em; }
#location { position:relative; background:#283439 url(/inc/img/common/bg_location.jpg) repeat-x left top; text-align:left; z-index:2;height:53px !important;}
#submenu { width:100%; text-align:center; z-index:-1; background:#3e4f51; padding:1.5% 0; border-bottom:#162021 solid 1px; margin:0; }
#submenu a { font-family:Arial, Helvetica, sans-serif; font-size:0.9em; white-space:nowrap; font-weight:bold; color:#FFF; text-decoration:none; letter-spacing:-1px; margin:0 4px; }
#submenu a.current { color:#FF0; }
#footer { width:100%; display:inline-block; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:13px; padding:10px ; }
.copyright { font-size:0.85em; letter-spacing:0px; margin-top:10px; }
#footer a { text-decoration:none; }
#footer address { font-size:12px; }
#footer .footer_bar {width:100%;height:30px;margin:0 0 1px 0;padding:1px 0 0 0;}
#footer .footer_bar .footer_bar_box{}
#footer .footer_bar .footer_bar_box .fl_left{float:left;padding:0 0 0 1px;}
#footer .footer_bar .footer_bar_box .fl_left a{font-size:12px;}
#footer .footer_bar .footer_bar_box .fl_right{float:right;padding:0 1px 0 0;}
#footer .footer_bar .footer_bar_box .fl_right a{font-size:12px;}


/* main */
.mainbody { background:#D7D7D7 url(/inc/img/main/bg_main.jpg)  ; }
#wrap { width:auto; min-width:320px; }
.header { position:relative; width:100%; display:inline-block; text-align:center; height:40px;min-width:320px;}
.mainsearch{position:relative; width:100%; display:inline-block;height:27px;}


.main_container { width:100%; display:inline-block; padding:10px 0 0 0; }
.main_container .search { width:315px; margin:0 auto; }
.main_container ul { width:315px; margin:0 auto; }
.main_container li { float:left; display:block; width:105px; margin:0 0 5px; text-align:center; letter-spacing:0px; }
.main_container li span { width:74px; height:74px; display:inline-block; border:#000 solid 1px; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius:15px; -o-box-shadow: 2px 2px 6px #000; -icab-box-shadow: 2px 2px 6px #000; -khtml-box-shadow: 2px 2px 6px #000; -moz-box-shadow: 2px 2px 6px #000; -webkit-box-shadow: 2px 2px 6px #000; box-shadow: 2px 2px 6px #000; }
.main_container li span:hover, .main_container li span:active { border:#F60 solid 1px;border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius:15px;
-o-box-shadow: 2px 2px 6px #F60; -icab-box-shadow: 2px 2px 6px #F60; -khtml-box-shadow: 2px 2px 6px #F60; -moz-box-shadow: 2px 2px 6px #F60; 
-webkit-box-shadow: 2px 2px 6px #F60; box-shadow: 2px 2px 6px #F60; }
.main_container li div { padding:2px 0; margin:2px 0 0; display:block; text-indent:-2px; height:35px}
.main_container .icon01 { background:#fff url(/inc/img/main/icon01.png) no-repeat 7px 7px; }
.main_container .icon02 { background:#fff url(/inc/img/main/icon02.png) no-repeat 7px 7px; }
.main_container .icon03 { background:#fff url(/inc/img/main/icon03.png) no-repeat 7px 7px; }
.main_container .icon04 { background:#fff url(/inc/img/main/icon04.png) no-repeat 7px 7px; }
.main_container .icon05 { background:#fff url(/inc/img/main/icon05.png) no-repeat 7px 7px; }
.main_container .icon06 { background:#fff url(/inc/img/main/icon06.png) no-repeat 7px 7px; }
.main_container .icon07 { background:#fff url(/inc/img/main/icon07.png) no-repeat 7px 7px; }
.main_container .icon08 { background:#fff url(/inc/img/main/icon08.png) no-repeat 7px 7px; }
.main_container .icon09 { background:#fff url(/inc/img/main/icon09.png) no-repeat 7px 7px; }
.main_container .icon10 { background:#fff url(/inc/img/main/icon10.png) no-repeat 7px 7px; }
.elearning { width:270px; height:65px; display:inline-block; border:#229922 solid 5px; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius:15px; -o-box-shadow: 2px 2px 6px #000; -icab-box-shadow: 2px 2px 6px #000; -khtml-box-shadow: 2px 2px 6px #000; -moz-box-shadow: 2px 2px 6px #000; -webkit-box-shadow: 2px 2px 6px #000; box-shadow: 2px 2px 6px #000; src:inc/img/main/icon14.png}
.elearning:hover, .elearning:active { border:#F60 solid 5px;border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius:15px;
-o-box-shadow: 2px 2px 6px #F60; -icab-box-shadow: 2px 2px 6px #F60; -khtml-box-shadow: 2px 2px 6px #F60; -moz-box-shadow: 2px 2px 6px #F60; 
-webkit-box-shadow: 2px 2px 6px #F60; box-shadow: 2px 2px 6px #F60; src:inc/img/main/icon15.png}

.main_container a { width:105px; display:inline-block; font-size:0.95em; color:#333; text-decoration:none; font-family:Arial, Helvetica, sans-serif;
font-weight:bold;  }

.main_notice { width:100%; display:inline-block; padding:1px 0 15px 0; }
.main_notice ul { width:276px; margin:0 auto;padding-top:5px;overflow:hidden; }
.main_notice ul li.lft{float:left;width:200px;margin:0 0 2px; text-align:left; letter-spacing:0px;border-bottom:1px dashed #ccc;padding-bottom:5px;}
.main_notice ul li.rgt{float:right;width:60px;margin:0 0 2px; text-align:left; letter-spacing:0px;border-bottom:1px dashed #ccc;padding-bottom:5px;font-size:12px;color:#444}
.main_notice a{ font-weight:bold; color:#7a888f; font-size:90%; text-decoration:none;}

/* location */
#location .left { float:left; height:43px;margin-top:7px; }
#location .right { float:right;  z-index:2;;margin-top:7px; }
#location .home { margin:4px 0 0 2px; width:70px; height:36px; background:url(/inc/img/common/logo.png) no-repeat 0 0; width:70px; font-size:0.9em; padding:0; text-indent: -9999em; display:inline-block; }
#location h1 {display:inline;}
 
#ttm dt.tm1 { position:absolute; top:4px; right:43px; }
#ttm dt.tm2 { position:absolute; top:4px; right:3px; }
#ttm dd { width:100%; display:inline-block; background:#283439; border-bottom:#0e1213 solid 1px; padding:5px 0; margin-bottom:1.6%; }
#ttm dd div { padding:0 5px; }
#ttm dd p { background:#FFF; width:100%; }
#ttm dd p span { display:block; padding:2.4% 0 1.8%; margin:0 auto; z-index:2; }
#ttm dd p span a { font-size:0.9em; padding:1.8%; display:inline-block; font-weight:bold; text-decoration:none; white-space:nowrap; letter-spacing:-1px; color:#009; font-family:Arial, Helvetica, sans-serif; }
#ttm dd p span.last a { color:#333; }
#ttm dd p span .tit { display:block; color:#5E676A; border-bottom:#D1D4D5 solid 1px; font-size:0.8em; height:22px; line-height:22px; font-weight:bold; margin:-2.4% 0 2%; font-family:Arial, Helvetica, sans-serif; letter-spacing:-1px; text-align:left; padding-left:2%; background:#EAECEC; }

/* container */
#container #contit { width:100%; display:inline-block; color:#000; font-size:1.5em; font-weight:bold; letter-spacing:-3px; text-align:left; margin-bottom:20px; }
#container #contit em { position: absolute; width: 0; height: 0; font-size: 0; line-height: 0; text-indent: -9999em; }
#container .subtit { padding:10px 5px; color:#2077B7; border-bottom:#2077B7 solid 2px; font-size:1.2em; text-align:left; font-weight:bold; }
#container .left { float:left; display:inline-block; }
#container .right { float:right; display:inline-block; }
#container .right_top { float:right; display:inline-block; padding:0; text-align:right; }
#container .right_print { position:absolute; top:71px; right:2%; }
#subpagetitle {clear:both;background: url(/inc/img/common/bg_h2.jpg) repeat-x scroll left top #579BD7;color: #FFFFFF;display: block;font-weight: bold;height: 41px;letter-spacing: -1px;line-height: 41px; }
#subpagetitle h2 { background: url(/inc/img/common/bul_h2.jpg) no-repeat scroll 10px 13px transparent;font-size: 16px; padding-left:30px;}

.right_top_new { float:right; display:inline-block; padding:0; text-align:right; }

/* loginform */
.loginform { padding:0 5%; margin-bottom:20px; }
.loginform div { display:block; padding:5px 0; }
.loginform div ul { padding-top:9px; }
.loginform div li { float:left; margin:0 10px 0 0; }
.loginform div li a { font-size:0.9em; text-decoration:none; color:#555; font-weight:bold; }

/* boardlist */
.boardlist { text-align:left; border-top:#D6D9DC solid 1px; letter-spacing:0px; width:100%; display:inline-block; margin:10px 0;}
.boardlist li { position:relative; border-bottom:#D6D9DC solid 1px; }
.boardlist a { font-size:1.0em; font-weight:bold; letter-spacing:-1px; overflow:hidden; display:block; padding:10px 100px 10px 25px; text-decoration:none; background: url("/inc/img/common/bul_snb.gif") no-repeat scroll 10px 10px transparent;  }
.boardlist a img.listphoto { float:left; width:30%; min-height:50px; margin-right:8px; }
.boardlist a em { display:block; font-size:85%; white-space:nowrap; margin-top:8px; }
.boardlist a em .first { padding-left:0; border-left:none; }
.boardlist a:hover, .boardlist a:focus, .boardlist a:active { color:#000; background:#f6f6f6; -webkit-transition-duration:0.3s; -webkit-transition-timing:ease-out; -o-transition-duration:0.3s; -o-transition-timing:ease-out; -moz-transition-duration:0.3s; -moz-transition-timing:ease-out; -ms-transition-duration:0.3s; -ms-transition-timing:ease-out; transition-duration:0.3s; transition-timing:ease-out; }
.boardlist a.none:hover, .boardlist a.none:focus, .boardlist a.none:active { color:#F30; background:url(/inc/img/common/bg_reply.gif) no-repeat 0 0 !important; -webkit-transition-duration:0.3s; -webkit-transition-timing:ease-out; -o-transition-duration:0.3s; -o-transition-timing:ease-out; -moz-transition-duration:0.3s; -moz-transition-timing:ease-out; -ms-transition-duration:0.3s; -ms-transition-timing:ease-out; transition-duration:0.3s; transition-timing:ease-out; }
.date { position:absolute; top:13px; right:5px; font-size:90%; font-weight:normal; color:#3384bb}
.adminreply { background:#d4ebfb; }
.ar { margin:0 20px 0 0; color:#00C; background:url(/inc/img/common/ico_reply.gif) no-repeat 5px 5px; padding-left:20px; }
.listnum { position:absolute; top:50%; right:5px; margin-top:-7px; font-size:0.7em; color:#6F6F6F; }
.blnum { width:30px; display:inline-block; margin-right:5px;}
.comment_txt { display:inline-block; padding:0 10px 0 5px; color:#3384bb;}
.bltit_1 { color:#000; font-weight:bold; font-family:Arial, Helvetica, sans-serif; }
.bltit_2 { color:#D20000; font-weight:normal; margin-left:8px; }
.bltit_2 span { position: absolute; width: 0; height: 0; font-size: 0; line-height: 0; text-indent: -9999em; }
.bltit_3, .bltit_4, .bltit_6, .bltit_7 { padding:0 8px; color:#999; }
.bltit_5 a { float:right; position:absolute; top:50%; right:5px; margin-top:-16px; display:inline-block; width:43px; height:34px; line-height:30px; padding:0px !important; background:url(/inc/img/common/bg_reply.gif) no-repeat 0 0; text-align:center; font-size:1.0em; color:#06C; letter-spacing:0px; font-family:Arial, Helvetica, sans-serif; border:none; z-index:1; }
.book_con { display:block; color:#999; font-weight:normal; margin-top:5px; font-size:95%;}
.book_file { color:#58A4C3; background:url(/inc/img/common/bookSearch3_16.png) no-repeat 0 0; padding-left:15px; margin-top:5px; display:block; font-size:95%;}

/* boardview */
.boardview { font-size:1.1em; text-align:left; border-top:#D6D9DC solid 1px; letter-spacing:0px; width:100%; display:inline-block; margin:10px 0 0; }
.boardview dt { font-size:1.0em; background:#f6f6f6; padding:8px 4px 0 4px; font-family:Arial, Helvetica, sans-serif; letter-spacing:-1px; }
.boardview dd { font-size:0.9em; border-bottom:#D6D9DC solid 1px; padding:4px; }
.boardview .info { font-size:0.7em; background:#f6f6f6; color:#555; letter-spacing:-1px; }
.boardview .info span { padding:0 12px; }
.boardview .day,
.boardview .writer { border-right:#D6D9DC solid 1px; padding-left:0px !important; }
.boardview .data { font-size:0.7em; background:#EAEAEA; color:#555; }
.boardview .data a { color:#03F; text-decoration:underline; }
.boardview .con { padding:2% 0%; font-size:1.05em; line-height:1.5em; letter-spacing:1px; color:#000; text-align:justify; font-family:Arial, Helvetica, sans-serif; }
.boardview .con img { display:block; width:100%; margin-bottom:10px; }

.boardview2 {border-top:1px solid #f2f2f2;margin-bottom:10px;}
.boardview2 li {border-bottom:1px solid #f2f2f2; background:#fff; }
.boardview2 li span {background:#f4fafd url(/inc/img/common/bookSearch3_03.png) no-repeat 10px center;  display:inline-block; padding:10px 0 10px 20px; width:70px; margin-right:10px;}

/* audio_box */
.audio_box { margin:20px 0 10px; text-align:center;}

/********** µè±â **********/
.tit_listening {padding:12px 0 12px 18px; background:#e7f3fb; border-top:1px solid #dce7ee;}
.paly_btn {width:100%; display:inline-block; vertical-align:top;}
.paly_btn li { float:left; background: url(/inc/img/common/bg_paly.png) repeat-x left top; display:inline-block; width:79px; border-right:1px solid #676e6e; height:69px; text-align:center; padding-top:10px}
.stop_green { background:#6fb54a !important; border-right:none !important; padding:24px 0; !important; width:79px !important; height:45px !important;}
.number_list {width:100%; display:inline-block; overflow:hidden; border-left:1px solid #ced8df;}
.number_list li {float:left; border-bottom:1px solid #ced8df; border:1px solid #ced8df; margin-left:-1px;}
.number_list li a {width:31px; height:33px; display:inline-block; text-align:center; line-height:33px; font-weight:bold; color:#7a888f; font-size:90%; text-decoration:none;}
.number_list li a:hover, .number_list li a:focus, .number_list li a:active, .number_list li .current  {background:#525252; color:#6399c8;}
.number_list li .last { border-right:none !important;}
.hd_blue {color:#3384bb; font-size:140%; text-align:center; padding:0 20px;}
.data_list3 ul {width:100%; display:inline-block; text-align:center; margin-top:10px; padding:10px 0; background:#f3f9fd; border-top:1px solid #f2f2f2;}
.data_list3 ul li {display:inline; text-align:center; font-size:110%;}
.box_left {background:url(/inc/img/common/comicSounds2_10.png) no-repeat 10px 10px; padding:10px 0 0 40px; line-height:23px; height:23px; font-weight:bold; font-size:120%;}

/* boardwrite */
.boardwrite { font-size:1.1em; text-align:left; letter-spacing:0px; width:100%; display:inline-block; padding:5px 0; margin:5px 0; border-top:#D6D9DC solid 1px; border-bottom:#D6D9DC solid 1px; background:#f6f6f6; }
.boardwrite dl { padding:0 10px; }
.boardwrite dt { padding-bottom:5px; }
.boardwrite dd { padding-bottom:5px; }
.boardwrite dd em { font-size:0.8em; font-weight:normal; color:#555; letter-spacing:0px; display:block; padding-top:2px; }
.boardwrite .bwtit { font-size:0.9em; font-weight:bold; padding-left:6px; display:block; margin-bottom:5px; font-family:Arial, Helvetica, sans-serif; }
.checksp { padding-left:12px; }
.checkbul { vertical-align:middle; position:relative; top:-2px; }
.boardwrite .blwtit {float:left;padding-right:30px; font-size:0.9em; font-weight:bold; padding-left:6px; display:block; margin-bottom:5px; font-family:Arial, Helvetica, sans-serif; }

.bwrite { font-size:1.1em; text-align:left; letter-spacing:0px; width:100%; display:inline-block; padding:5px 0; margin:5px 0; border-top:#D6D9DC solid 1px; border-bottom:#D6D9DC solid 1px; background:#f6f6f6; }



/* boardsearch */
.boardsearch { width:100%; display:inline-block; }
.boardsearch { text-align:right; }
.boardsearch div { position:relative; padding:0 53px 0 66px; }
.boardsearch div select { position:absolute; top:0; left:0;font-weight:bold;padding-top:4px; }
.boardsearch div .tit { position:absolute; top:0; left:0;font-weight:bold;padding-top:4px; }
.boardsearch .btn { position:absolute; top:0; right:0; }
.boardselect { font-size:0.9em; height:25px; }
.search_result { margin-top:10px;}

/* boardsort */
.boardsort { width:100%; display:inline-block; }
.boardsort { text-align:right; }
.boardsort div input, .boardsort div select { vertical-align:middle; font-size:0.7em !important; }
.boardsort { height:25px; line-height:25px; }

/* Paging */
.paging { text-align:center; height:30px; padding:0; font-size:12px; }
.paging a, .paging span, .paging strong { text-decoration:none; display:inline-block; min-width:19px; height:23px; line-height:23px; padding:0 3px; margin:0 0px 0 0; border:1px solid #BEBEBE; vertical-align:middle; font-family:Tahoma, Sans-serif; color:#333; }
.paging a.prev { width:25px; height:26px; overflow:hidden; padding:0; background:url(/inc/img/common/ico_paging.gif) no-repeat 0 -30px; border:none; }
.paging a.prevEnd { margin:0; width:25px; height:26px; overflow:hidden; padding:0; background:url(/inc/img/common/ico_paging.gif) no-repeat 0 0; border:none; }
.paging a.next { margin:0; width:25px; height:26px; overflow:hidden; padding:0; background:url(/inc/img/common/ico_paging.gif) no-repeat 0 -60px; border:none; }
.paging a.nextEnd { width:25px; height:26px; overflow:hidden; padding:0; background:url(/inc/img/common/ico_paging.gif) no-repeat 0 -90px; border:none; }
.paging a span { border:none; overflow:hidden; text-indent:-9999px; }
.paging strong { min-width:19px; padding:0 3px; border:1px solid #E61F1B; color:#E61F1B; }

/* reply */
#reply { clear:both; padding:0 8px; margin-bottom:15px; text-align:left; border-bottom:#D6D9DC solid 1px; background:#F7F7F7; }
#reply li { border-bottom:#999 dotted 1px; padding:10px 0; }
#reply dt { font-size:0.9em; color:#2C414E; font-weight:bold; font-family:"Arial Black", Gadget, sans-serif; }
#reply dt em { font-size:0.9em; margin-left:10px; font-weight:normal; color:#A7B0B8; }
#reply dt em a { background:url(/inc/img/common/ico_reply.gif) no-repeat 0 3px; color:#000; padding-left:15px; margin-left:10px; }
#reply dt em a:hover, #reply dt em a:focus { text-decoration:underline; }
#reply dd { margin-top:10px; font-size:1.0em; font-family:"Arial Black", Gadget, sans-serif; }
#reply .replyarea { position:relative; background:#F7F7F7; padding:10px 80px 10px 0; }
#reply .replyarea input { position:absolute; top:50%; right:0; margin-top:-30px; }

/* boardinput */
#boardinput { clear:both; width:100%; display:inline-block; margin:15px 0; text-align:center;}
#boardinput .left { float:left; }
#boardinput .right { float:right; }
#boardinput .center { float:none; }

/* boardtop */
.boardtop { width:100%; display:inline-block; margin:0; }
.boardtop .left { float:left; }
.boardtop .right { float:right; }
.selectd select, .selectd input { vertical-align:middle; }
.boardtop .ul{margin-top:10px;}
.boardtop .li{float:left;padding:5px 10px 5px 0;display:inline-block;}


/* book_reading */
.book_reading h3 {background:url(/inc/img/common/bg_book_reading.png) no-repeat left top; width:147px; height:40px; line-height:27px; padding:5px 0 0 0px; text-align:center; font-size:120%; margin:30px 0 15px; letter-spacing:-2px;}
.book_reading h3:first-child { margin:0 0 15px;}

/* bookinfo_list */
.bookinfo_list dt { font-size:110%; font-weight:bold; margin:20px 0 10px;}
.bookinfo_list dd,
.bookinfo_list li { margin-bottom:10px;}
.bookinfo_list dd.etc { font-size:95%;}

/* onsori */
.onsori dt { font-size:130%; font-weight:bold; margin:20px 0 10px; color:#306da0;}
.onsori dd { font-size:100%; font-weight:bold; margin-bottom:10px; color:#306da0;}

/* information */
#information { position:fixed; top:0; left:0; width:100%; height: 100%; z-index:9999;}
.information_bg { position:absolute; top:0; left:0; width:100%; height:100%; opacity:0.5; FILTER: alpha(opacity=50);  background:#000;}
.information_box { position:absolute; top:100px; left:50%; margin-left:-135px; width:275px; height:190px; background:url(/inc/img/main/bg_information.png) repeat-x 0 0; overflow:hidden;}

.information_box dt { text-align:center; margin:40px 0 20px;}
.information_box dd { text-align:center; font-size:95%; width:95%; line-height:normal; margin-bottom:5px;}
.information_box .info_btn { text-align:left; padding-left:10px;}
.information_box .close_btn { position:absolute; top:11px; right:12px;}
.mtitle{background: url("/inc/img/main/bul_h2.png") no-repeat scroll 0 1px transparent; border-bottom: 3px solid #555;color: #333;font-size: 16px;font-weight: bold;padding-bottom: 3px;padding-left: 20px;height:26px;}

.booklistbtn{border:1px solid #eee;background:#111;color:#fff;;padding:5px 0 5px 0;border-radius:4px;text-align:left;width:100%;}
.nxtbtn{border-radius:2px;font-size:9px;width:70px;border:1px solid #111;}
 


 
/* b_list */
.b_list { width:100%; color:#666; border-top:#e5e5e5 solid 1px; border-bottom:#e5e5e5 solid 1px; }
.b_list tr:hover { background:#F7F7F7; }
.b_list tr.hovernone { background:none; }
.b_list tr.hovernone:hover { background:none; }
.b_list th { text-align:center; font-weight:bold; padding:5px 0; white-space:nowrap; border-bottom:#01B3DF solid 2px;border-top:#01B3DF solid 2px;background:#efefef }
.b_list th.nln { text-align:center; font-weight:bold; padding:5px 0; white-space:nowrap; border-bottom:#01B3DF solid 2px;background:#ffffef;border-top:#01B3DF solid 0px; }
.b_list th.lnln { text-align:left; font-weight:bold; padding:5px 0; white-space:nowrap; border-bottom:#01B3DF solid 2px;background:#ffffef;border-top:#01B3DF solid 0px; }
.b_list th.bgnone { background:none !important; border-bottom:#e5e5e5 solid 1px;}
.b_list td { text-align:center; padding:5px 0 2px 0; border-top:#e5e5e5 solid 1px; letter-spacing:0px; }
.b_list .txt_left { text-align:left; padding-left:5px; font-size:12px; letter-spacing:0px; }
.b_list .txt_right { text-align:right; padding-right:15px;}
.b_list .txt_center { text-align:center;}
.b_list .notice { background:#fff; color:#e21b22; font-size:12px; }
.b_list .notice a { color:#e21b22; }
.b_list2 {width:100%; border-top:3px solid #01B3DF;}
.b_list2 th {background:#f0f0f0; padding:7px 0; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.b_list2 td {text-align:center; padding:7px 0; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}



/* b_view */
.b_view { width:100%; color:#666; border-top:#01B3DF solid 2px; }
.b_view tr { background:none; }
.b_view th { text-align:center; font-weight:bold; padding:3px 0 3px; white-space:nowrap; background:#f6f6f6; border-bottom:#e5e5e5 solid 1px;}
.b_view th.ln{border-right:#e5e5e5 solid 2px;}
.b_view th.txt_left { text-align:left; padding-left:15px;}
.b_view th span { width:80px; display:inline-block; }
.b_view td { text-align:left; padding:3px 0 3px 5px; border-bottom:#e5e5e5 solid 1px; }
.b_view td .ln{ text-align:left; padding:3px 0 3px 5px; border-bottom:#e5e5e5 solid 1px;border-left:#e5e5e5 solid 1px; }
.b_view_con { padding:10px 0; line-height:1.5em;}
.b_view_con .con_img { display:block; text-align:center; margin:20px 0;}

.b_h_bgg {font-size:11px; }
.b_h_bgg th { background:#F4F4F4;}
/* b_write */
.b_write { width:100%; color:#666; border-top:#01B3DF solid 2px; border-bottom:#e5e5e5 solid 1px; }
.b_write tr:hover { background:#F7F7F7; }
.b_write th{ text-align:center; font-weight:bold; padding:2px 0; white-space:nowrap; border-bottom:#4d699a solid 1px;background:#666666;color:#fff }
.b_write td { text-align:left; padding:4px 0 4px 15px; border-bottom:#ececec solid 1px;}
.b_write .none { background:none; }
.b_write .align_top { vertical-align:top; padding-top:10px; }
.b_write .title_th { height:30px;}
.b_write .title_td { height:30px; color:#605ca8; }
.b_write .txt_left { text-align:left; padding-left:15px;}
.b_write .txt_right { text-align:right; padding-right:15px;}
.b_write .txt_center { text-align:center;}




.b_reg { width:100%; color:#456293; border-top:2px solid #4d699a;  }
.b_reg tr:hover { background:#F7F7F7; }
.b_reg th { text-align:center; font-weight:bold; padding:2px 0; white-space:nowrap; border-bottom:#4d699a solid 1px;background:#666666;color:#fff }
.b_reg td { text-align:left; padding:2px 2px 2px 3px; border-bottom:#4d699a solid 1px;background:#fff;}
.b_reg .none { background:none; }
.b_reg .align_top { vertical-align:top; padding-top:10px; }
.b_reg .title_th { height:30px;}
.b_reg .title_td { height:30px; color:#605ca8; }
.b_reg .txt_left { text-align:left; padding-left:10px;}
.b_reg .txt_right { text-align:right; padding-right:15px;}
.b_reg .txt_center { text-align:center;}

.bt_blue { background:#1C51CE; border:1px solid #1847B6; color:#FFF; }
.bt_gray { background:#4D5262; border:1px solid #343743; color:#FFF; }
.bt_cyan { background:#336699; border:1px solid #336666; color:#FFF;border-radius:4px;bordar-shadow:#3399cc;padding:3px 1px 3px 1px;letter-spacing:-1px}
.bt_write { background:#fff; border:1px solid #336666; color:#444;border-radius:4px;bordar-shadow:#3399cc;padding:3px 1px 3px 1px;letter-spacing:-1px}
.bt_red { background:#D2064E; border:1px solid #AF0541; color:#FFF; }