@charset "euc-kr";
/*Gicamp Corp, Web Standardization Team (http://www.gicamp.co.kr/)  */
@import url("/inc/css/common.css");

/* 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:center; z-index:2; }
#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:0.8em; padding:1px 0 ; }
.copyright { font-size:0.85em; letter-spacing:0px; margin-top:10px; }
#footer a { text-decoration:none; }
#footer address { font-size:1.2em; }
#footer .footer_bar {width:100%;height:30px;margin:0 0 10px 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 40px;}
#footer .footer_bar .footer_bar_box .fl_left a{font-size:14px;}
#footer .footer_bar .footer_bar_box .fl_right{float:right;padding:0 37px 0 0;}
#footer .footer_bar .footer_bar_box .fl_right a{font-size:14px;}


/* main */
.mainbody { background:#ffffff; }
#wrap { width:auto; min-width:320px; }
.header { position:relative; width:100%; display:inline-block; text-align:center; height:47px; margin-bottom:28px; background:url(/inc/img/main/bg_mobileapp.png) repeat-y 180px 10px; }
.header h1 { height:45px; }
.header .logo { float:left; margin:21px 0 0 7px; }
.header .logo img { width:180px; }
.header .mobile { float:right; margin:18px 0 0; }
.header .login { position:absolute; top:44px; right:28px; }
.header img { vertical-align:top; }
.main_container { width:100%; display:inline-block; padding:10px 0 0 0; }
.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; -webkit-border-radius: 8px; -moz-border-radius: 8px; -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; -webkit-border-radius: 8px; -moz-border-radius: 8px; -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 strong { padding:2px 0; margin:2px 0 0; display:block; text-indent:-2px; }
.main_container .icon01 { background:#fff url(/inc/img/main/btn_icon01.png) no-repeat 7px 7px; }
.main_container .icon02 { background:#fff url(/inc/img/main/btn_icon02.png) no-repeat 7px 7px; }
.main_container .icon03 { background:#fff url(/inc/img/main/btn_icon03.png) no-repeat 7px 7px; }
.main_container .icon04 { background:#fff url(/inc/img/main/btn_icon04.png) no-repeat 7px 7px; }
.main_container .icon05 { background:#fff url(/inc/img/main/btn_icon05.png) no-repeat 7px 7px; }
.main_container .icon06 { background:#fff url(/inc/img/main/btn_icon06.png) no-repeat 7px 7px; }
.main_container .icon07 { background:#fff url(/inc/img/main/btn_icon07.png) no-repeat 7px 7px; }
.main_container .icon08 { background:#fff url(/inc/img/main/btn_icon08.png) no-repeat 7px 7px; }
.main_container .icon09 { background:#fff url(/inc/img/main/btn_icon09.png) no-repeat 7px 7px; }
.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; text-shadow: 0px 0px 3px #FFFFFF; }

/* location */
#location .left { float:left; height:43px;width:102px;  }
#location .right { float:right; width:100%; z-index:2; }
#location .home { margin:4px 0 0 2px;  height:36px; background:url(/inc/img/common/logo.png) no-repeat 0 0; width:102px; font-size:0.9em; padding:0; text-indent: -9999em; display:inline-block; }
#location h1 { text-shadow: 1px 1px 1px #ccc; font-family:Arial, Helvetica, sans-serif; font-size:1.25em; line-height:44px; color:#000; font-weight:bold; margin-left:-70px; letter-spacing:0px; display:inline; }

/* ttm */
#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%; }
.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 0px; text-decoration:none; }
.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; }

/* 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; }
.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; }

/* 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:12px; right:16px;}