/* 공통 */
body{ -webkit-text-size-adjust:none; font-family:"돋움",dotum,"굴림",Gulim,Helvetica,AppleGothic,Sans-serif; font-size:14px;color:#666; border-radius:0px 0px; font: -webkit-small-control; text-align: -webkit-auto; -webkit-appearance: none; }
html, body, div, a, span, p, ul, li, form, fieldset, legend, label, img, input, ul, li, dl, dt, dd, p, h1, h2, h3, h4, h5, strong {margin:0; padding:0; border:0}
ul, ol, dl {list-style:none;}
img {border:0; vertical-align:top;}
a {text-decoration:none; color:#000}
a:hover {text-decoration:none}
#wrap{width:100%; min-width:320px; font-size:14px}
.util {position:absolute; right:0; top:0; padding:3px 8px 0 0; height:22px; background: url('/m/bns/main/bg_log1.png') no-repeat; width:160px; text-align:right; color:#999; word-spacing:-2px;}
.util a {color:#fff; height:22px; display:inline-block;}
.util span {color:#fff; height:22px; display:inline-block; vertical-align:top;}
.util a.btn_login {padding:1px 0 0 19px; background: url('/m/bns/main/rogin.png') 0px 0px no-repeat;}
.util .character{width:110px; margin-right:-2px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.util .grade, .util .server{color:#f80; letter-spacing:-1px; }
.footer	 {width:100%; height:72px; background:url('/m/bns/main/bg_foot_pt.gif') left repeat-x;}
.footer div{ height:72px; text-align:center; background:url('/m/bns/main/bg_foot.gif') top right no-repeat;}
.footer div ul { width:100%; height:29px; padding-top:10px; text-align:center;}
.footer div ul li {width:62px; height:29px; display:inline; margin:0 2px}
.footer div ul li a {display:inline-block; width:62px; line-height:29px; color:#fff; font-size:14px; text-align:center; background:url('/m/bns/main/bg_btn.gif') top left no-repeat}
.footer address {font-style:normal; font-weight:normal; color:#fff; font-size:12px; text-align:center; clear:both; padding-top:8px;}
/* 서브 */
.lists {width:100%; line-height:1px}
.lists li {padding:5px 10px 0 10px; height:44px; vertical-align:top; display:block}
.lists li.list1 {background: url('/m/bns/main/bg_comm1.gif') repeat-x}
.lists li.list2 {background: url('/m/bns/main/bg_comm2.gif') repeat-x}
.lists a {display:block; text-decoration:none; cursor:pointer}
.lists .title {overflow:hidden; background: url('/m/bns/main/bul_circle1.gif') 0 5px no-repeat; padding-left:10px; line-height:18px; display:block}
.lists .title strong{float:left; width:89%; color:#797979; height:18px; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:normal}
.lists .title strong img {margin:0 0 3px 5px;vertical-align:middle;}
.lists .title span {float:right; width:11%; text-align:right; color:#f07510}
.lists .info {overflow:hidden; font-size:12px; line-height:18px; display:block}
.lists .userid {float:left; padding-left:10px; color:#ccc}
.lists .userid strong{color:#404040; font-weight:normal}
.lists .userid span {color:#929292}
.lists .date {float:right; color:#afafaf}
.pager {width:100%; text-align:center; color:#e4e4e4; padding:15px 0}
.pager a {display:inline-block; color:#787878; text-decoration:none; width:27px; height:27px; vertical-align:middle; line-height:27px; margin:0}
.pager a.on {color:#ff7700}
.pager a.prev {margin-right:5px}
.pager a.next {margin-left:5px}
.pager img {vertical-align:middle}
.tab_sub {width:100%; height:45px; overflow:hidden; background: url('/m/bns/main/bg_tab1.gif') repeat-x}
.tab_sub ul {padding:8px 10px 0 10px}
.tab_sub li {float:left; width:50%; vertical-align:top; text-align:center}
.tab_sub li a {width:100%; display:block; height:33px; overflow:hidden; text-indent:-3000px}
.tab_sub li strong{width:100%; display:block; height:33px}
.tab_sub li a.cinema {background: url('/m/bns/main/tab_sub1_off.gif') center top no-repeat}
.tab_sub li a.comm {background: url('/m/bns/main/tab_sub2_off.gif') center top no-repeat}
.tab_sub li.on a.cinema {background: url('/m/bns/main/tab_sub1_on.gif') center top no-repeat} /* 20110415 */
.tab_sub li.on a.comm {background: url('/m/bns/main/tab_sub2_on.gif') center top no-repeat}
.tab_sub li span {width:100%; display:block; height:33px}
.tab_sub li.on {background: url('/m/bns/main/bg_tab2.gif') 0 -33px repeat-x}
.tab_sub li.on strong{background: url('/m/bns/main/bg_tab2.gif') no-repeat}
.tab_sub li.on span {background: url('/m/bns/main/bg_tab2.gif') right -66px no-repeat}
.tab_community {width:100%; height:34px; overflow:hidden; background: url('/m/bns/main/bg_tab3.gif') repeat-x}
.tab_community ul {padding:0 10px; height:31px; background: url('/m/bns/main/bg_tab4.gif') center top no-repeat}
.tab_community li {float:left; width:50%; vertical-align:top; text-align:center}
.tab_community li a {width:100%; display:block; height:31px; overflow:hidden; text-indent:-3000px}
.tab_community li.on a.cbt {background: url('/m/bns/main/tab2_sub1_on.gif') center top no-repeat}
.tab_community li.on a.free {background: url('/m/bns/main/tab2_sub2_on.gif') center top no-repeat}
.tab_community li.on a.suggest {background: url('/m/bns/main/tab2_sub3_on.gif') center top no-repeat}
.tab_community li a.cbt {background: url('/m/bns/main/tab2_sub1_off.gif') center top no-repeat}
.tab_community li a.free {background: url('/m/bns/main/tab2_sub2_off.gif') center top no-repeat}
.tab_community li a.suggest {background: url('/m/bns/main/tab2_sub3_off.gif') center top no-repeat}
.tab_community img {vertical-align:top}
.tab_cinema {width:100%; height:34px; overflow:hidden; background: url('/m/bns/main/bg_tab3.gif') repeat-x}
.tab_cinema ul {height:31px; padding:0 10px 0 0;  margin-right:-15px;}
.tab_cinema li {float:left; width:16%; vertical-align:top; text-align:center; background: url('/m/bns/main/bg_tab4.gif') right top no-repeat}
.tab_cinema li.rt {background:none}
.tab_cinema li a {width:100%; display:block; height:31px; overflow:hidden; text-indent:-3000px}
.tab_cinema li.on a.cbt {background: url('/m/bns/main/tab2_sub1_on.gif') center top no-repeat}
.tab_cinema li a.free {background: url('/m/bns/main/tab2_sub2_off.gif') center top no-repeat}
.tab_cinema img {vertical-align:top}
.tab_cinema li .cine_snb1 {background: url('/m/bns/main/tab3_sub1_off.gif') center 9px no-repeat}
.tab_cinema li .cine_snb2 {background: url('/m/bns/main/tab3_sub2_off.gif') center 9px no-repeat}
.tab_cinema li .cine_snb3 {background: url('/m/bns/main/tab3_sub3_off.gif') center 9px no-repeat}
.tab_cinema li .cine_snb4 {background: url('/m/bns/main/tab3_sub4_off.gif') center 9px no-repeat}
.tab_cinema li .cine_snb5 {background: url('/m/bns/main/tab3_sub5_off.gif') center 9px no-repeat}
.tab_cinema li .cine_snb6 {background: url('/m/bns/main/tab3_sub6_off.gif') center 9px no-repeat}
.tab_cinema li.on .cine_snb1 {background: url('/m/bns/main/tab3_sub1_on.gif') center 9px no-repeat}
.tab_cinema li.on .cine_snb2 {background: url('/m/bns/main/tab3_sub2_on.gif') center 9px no-repeat}
.tab_cinema li.on .cine_snb3 {background: url('/m/bns/main/tab3_sub3_on.gif') center 9px no-repeat}
.tab_cinema li.on .cine_snb4 {background: url('/m/bns/main/tab3_sub4_on.gif') center 9px no-repeat}
.tab_cinema li.on .cine_snb5 {background: url('/m/bns/main/tab3_sub5_on.gif') center 9px no-repeat}
.tab_cinema li.on .cine_snb6 {background: url('/m/bns/main/tab3_sub6_on.gif') center 9px no-repeat}

.searchform {width:100%; height:45px; overflow:hidden; position:relative}
.searchform legend {display:none}
.searchform .input {padding:0 82px 0 10px}
.searchform .input input {width:100%; float:left; display:block; border:solid 2px #bababa; height:21px; font-size:14px; font-family:dotum; line-height:21px; color:#333; padding:0 2px}
.searchform .submit {position:absolute; right:10px; top:0}
.btn_foot {padding:0 10px; height:33px; overflow:hidden}
.btn_foot .lt {float:left}
.btn_foot .rt {float:right}
.btn_foot .lt span {padding-right:8px;}
.btn_foot .rt span {padding-left:8px;}
.btn_foot .lt .col {color:#ff8900;}
.h_title {height:41px; background: url('/m/bns/main/bg_tit1.gif') repeat-x; overflow:hidden}
.h_title div{padding:0 70px 0 10px; position:relative}
.h_title h2{width:100%; color:#333; font-weight:bold; line-height:41px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:14px}
.h_notice {height:37px; background: url('/m/bns/main/bg_tit2.gif') repeat-x; overflow:hidden}/* 공지 페이지 바 부분 */
.btn_write {position:absolute; right:10px; top:0; padding-top:8px; width:60px; text-align:right}
.wrap_contents {width:100%; min-height:150px;}
.wrap_contents p{padding:10px; line-height:135%;}
.btn_nav {margin:10px 10px 16px 10px ; height:23px; font-size:14px; line-height:23px; border-top:solid 1px #d3d3d3; border-bottom:solid 1px #d3d3d3; border-right:solid 1px #d3d3d3; background:#f8f8f8; overflow:hidden}
.btn_nav li {float:left; width:32%; height:23px;}
.btn_nav a {text-align:center; color:#787878; text-decoration:none;  border-left:solid 1px #d3d3d3; display:block}
.btn_nav a.prev {background: url('/m/bns/main/ico_prev2.gif') center top no-repeat; padding-left:10px}
.btn_nav a.next {background: url('/m/bns/main/ico_next2.gif') center top no-repeat; padding-right:10px}
.wrap_article {height:50px; background: url('/m/bns/main/bg_tit1_1.gif') repeat-x; overflow:hidden}
.wrap_article div {position:relative}
.wrap_article ul {width:100%; line-height:1px}
.wrap_article li {padding:10px 10px 0 10px; height:44px; vertical-align:top; display:block}
.wrap_article a {display:block; text-decoration:none; cursor:pointer}
.wrap_article .info {overflow:hidden; font-size:12px; line-height:18px; display:block}
.wrap_article .title {overflow:hidden; background: url('/m/bns/main/bul_circle1.gif') 0 5px no-repeat; padding-left:10px; line-height:18px; display:block}
.wrap_article .title strong{float:left; width:89%; color:#797979; height:18px; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:normal}
.wrap_article .title span {float:right; width:11%; text-align:right; color:#f07510}
.wrap_article .userid {float:left; padding-left:10px; color:#ccc}
.wrap_article .userid strong{color:#404040; font-weight:normal}
.wrap_article .userid span {color:#929292}
.wrap_article .date {float:right; color:#afafaf}
.btn_share {padding:0 10px 10px 10px; height:33px; overflow:hidden}
.btn_share .lt {float:left ; padding-top:12px; }
.btn_share .rt {float:right; padding-top:-2px;}
.btn_share .rt_b {float:right; height:22px;  padding-top:8px;}
.btn_share .lt span {padding-right:8px;}
.btn_share .rt span {padding-left:8px;}
.btn_share .lt .col {color:#ff8900;}
.btn_share .share{float:right;padding-top:8px;}
.commentform {width:100%; height:45px; font-size:14px; border-top:solid 1px #d3d3d3; border-bottom:solid 1px #d3d3d3; background:#f8f8f8; overflow:hidden; position:relative}
.commentform legend {display:none}
.commentform .submit {position:absolute; right:10px; top:5px}
.commentform .input {padding:0 75px 0 7px}
.commentform .input textarea {width:100%; float:left; display:block; border:solid 1px #bababa; height:32px; font-size:14px; font-family:dotum; line-height:21px; color:#333;  margin:5px 4px}
.commentlists li{ line-height:18px; display:block; overflow:hidden;  }
.commentlists li .article{padding:10px;border-bottom:solid 1px #d3d3d3;word-break:break-all;word-wrap:break-word;}
.commentlists .userid{font-size:12px;color:#ccc;}
.commentlists .userid strong{color:#989898; font-size:12px;font-weight:normal;}
.commentlists .userid .col{color:#f07510; padding-right:13px;}
.commentlists .text strong{color:#797979; height:18px;  font-weight:normal}
.commentlists .date {font-size:12px;padding-left:10px;color:#989898}
.commentlists .date img {vertical-align:middle}
.commentlists .date span{padding-left:10px;}
.commentlists .reply_form{margin:10px 0 -10px -10px; }
.commentlists .reply_form .commentform{padding-left:10px;border:0 none;}
.commentlists .reply_list .article {padding-left:37px;border-bottom:solid 1px #d3d3d3;background:url('/m/bns/main/bul_cmt_01.gif') 20px 16px no-repeat; }
ul.list_cine {}
ul.list_cine p.img {position:absolute; left:10px; top:10px; border:solid 1px #d0cfcf; width:78px; height:58px; overflow:hidden}
ul.list_cine a.vod {display:block; position:absolute; left:10px; top:10px; border:solid 1px #d0cfcf; width:78px; height:58px; overflow:hidden}
ul.list_cine dl {margin-left:88px}
ul.list_cine dt {color:#333; line-height:18px}
ul.list_cine dd {color:#aaa; font-size:12px; line-height:18px}
ul.list_cine li {padding:10px; border-bottom:solid 1px #a2a2a2; position:relative; height:60px; vertical-align:top}
ul.list_cine .share {position:absolute; bottom:10px; right:10px}
ul.list_cine .share li {float:left; border:0;padding:0 0 0 10px;}
.btn_more {text-align:center; padding-top:10px}
.btn_more a {color:#666; text-decoration:none; line-height:18px; display:inline-block; background: url('/m/bns/main/ico_more1.gif') 0 6px no-repeat; padding-left:12px}
.pager_more {text-align:center; color:#999; line-height:18px; font-size:12px}
/* 에러페이지 */
.error_tit {width:320px; height:77px; display:block; background: url('/m/bns/main/tit_error.gif') 23px 31px no-repeat; overflow:hidden; text-indent:-3000px; margin:0 auto}
.error_con { margin:0 auto; padding-bottom:10px;}
.error_con .img{ padding-bottom:10px; align:left ;}
.error_text_01 { width:270px; height:36px; margin:0 auto;  background:url('/m/bns/main/bg_error_text_top.gif') top center no-repeat;}
.error_text_01 p {font-size:15px; letter-spacing:-1px;padding:10px 0 10px 7px; }
.error_text_02 p{font-size:12px; padding:10px 5px; line-height:135%;}
.error_text_02 { width:270px; height:114px; margin:0 auto; padding-bottom:16px; background:url('/m/bns/main/bg_error_text_con.gif') top center no-repeat;}
.error_btn {width:124px; height:35px; text-align:center; display:block; background:url('/m/bns/main/bg_er_btn.gif') top left no-repeat; margin:0 auto; padding-top:6px;} 
.error_btn span{color:#fff;}
/* 로그인 */
.wrap_header_simple {width:100%; height:77px; background: url('/m/bns/main/bg_log_top2.gif') repeat-x; overflow:hidden; text-indent:-3000px}
.wrap_header_simple h1 {width:100%; height:77px; display:block; background: url('/m/bns/main/bg_log_top1.gif') center top no-repeat}
.login_info {width:100%; text-align:center; font-size:11px; padding:10px 0 30px 0; letter-spacing:-1px; overflow:hidden; clear:both}
.wrap_login h2{width:320px; height:77px; display:block; background: url('/m/bns/main/tit_login1.gif') 23px 31px no-repeat; overflow:hidden; text-indent:-3000px; margin:0 auto}
.wrap_login .login_form {position:relative;width:268px; height:130px; border:solid 1px #dddcdc; background-color:#f2f2f2; margin:0 auto; position:relative}
.wrap_login legend{display:none;}
.wrap_login fieldset input.user_id, input.user_pwd{position:absolute;width:165px;height:22px;padding:6px 0 0 4px;color:#6c6d71;border:1px solid #bebebe}
.wrap_login fieldset input.user_id{left:13px;top:19px; background:#fff url('/m/bns/main/txt_id_email1.gif') 10px 7px no-repeat}
.wrap_login fieldset input.user_pwd{left:13px;top:54px; background:#fff url('/m/bns/main/txt_pw1.gif') 10px 7px no-repeat}
.wrap_login fieldset input.submit{position:absolute;right:13px;top:19px;width:65px;height:65px;text-indent:-3000px;border:0 none;cursor:pointer;background:url('/m/bns/main/btn_login1.gif') no-repeat}
.wrap_login fieldset input.focus{background-image:none;}
.wrap_login .login_option{position:absolute;bottom:15px;}
.wrap_login .login_option label{padding-left:13px;}
.wrap_login .login_option input{}
/* 로그인 에러 */
.login_error {width:268px; margin:0 auto; position:relative}
.login_error p{font-size:12px; padding:10px 0 15px 0; }
.login_check{width:270px; height:50px;  margin:0 auto;  padding-bottom:16px;   }
.login_check .check_img{ width:116px; height:46px; border:1px solid #dddcdc;float:left;}
.login_check .check_input div{float:left; padding:0 5px 5px 5px;  }
.login_check .check_input div input{  float:left; width:132px; height:22px; padding:3px;border:1px solid #d2d2d2;}
.login_check .check_input .reset {color:#ff1717;margin-left:12px; text-decoration:underline; }
/* 글쓰기 */
.btn_confirm {position:absolute; right:10px; top:0; padding-top:8px; width:60px; text-align:right}
.wrap_write{padding:16px 10px;}
.wrap_write dl{position:relative;clear:both;width:100%;padding-bottom:12px;}
.wrap_write dt, .wrap_write dd{}
.wrap_write dt{position:absolute; left:0; top:4px}
.wrap_write dd{padding:0 0 0 50px}
.wrap_write dd select{width:100%;}
.wrap_write .subject input{width:100%;height:23px;line-height:150%;border:1px solid #9f9f9f;}
.wrap_write .classes label{margin-right:10px;}
.wrap_write .content{height:130px;}
.wrap_write .content textarea{width:100%; height:100%;border:1px solid #9f9f9f;}
/* PM */
.wrap_pm { margin:0 auto; padding-bottom:10px;}
.wrap_pm h2{width:320px; height:77px; display:block; background: url('/m/bns/main/tit_error.gif') 23px 31px no-repeat; overflow:hidden; text-indent:-3000px; margin:0 auto}
.wrap_pm .pm_title{width:270px; height:36px; margin:0 auto;  background:url('/m/bns/main/bg_error_text_top.gif') top center no-repeat;}
.wrap_pm .pm_title p {font-size:15px; letter-spacing:-1px;padding:10px 0 10px 11px; }	
.wrap_pm .pm_content{ width:268px;  margin:0 auto; padding-bottom:16px; background-color:#f2f2f2; border:solid 1px #ccc; margin-bottom:16px;  }
.wrap_pm .pm_content p{font-size:12px; padding:10px 11px; line-height:135%;}
.wrap_pm .pm_content .em {color:#ff8900; background:url('/m/bns/main/bul_circle1.gif') 0 50% no-repeat; padding-left:8px;}
.wrap_pm .pm_content .indent {padding-left:50px; }
	.pm_check {margin-top:30px;}
.btn_pchome, .btn_prevpage{width:124px; height:28px; text-align:center; display:block; background:url('/m/bns/main/bg_er_btn.gif') top left no-repeat; margin:0 auto;} 
.btn_pchome span , .btn_prevpage span{ display:block;padding-top:6px;color:#fff;}
/* 메인 */
.header {background-color:#f8f8f8 ; overflow:hidden; }
.header .wrap_header{ width:100%; height:89px;  margin:0 auto;  background:#020001 url('/m/bns/main/bg_top_v2.jpg') no-repeat top center; position:relative;}
.header .wrap_header h1{width:300px; height:84px;  margin:0 auto; } 
.header h1 a {display:block; width:300px; height:84px; text-indent:-3000px; margin:0 auto; }
.wrap_notice {width:100%; height:36px; background:url('/m/bns/main/bg_top_bar.gif') top left repeat-x; overflow:hidden}
.wrap_notice .title{ float:left; height:15px;text-align:left;  font-weight:bold; padding:9px 0 15px 30px; color:#FFF;background:url('/m/bns/main/bul_icon01.gif') 10px 38% no-repeat;}
.wrap_notice .text{ float:left; color:#969696; padding:9px 0px 15px 20px; background:url('/m/bns/main/bul_bar.gif') 10px 40% no-repeat;}
.wrap_notice .text a{color:#969696;}
.wrap_notice .btn	{ float:right; margin:8px 10px 0 0; }
.wrap_latest .title {width:100%; height:37px; background:url('/m/bns/main/bg_sub_bar.gif')  top left repeat-x;}
.wrap_latest .title h2{ width:70%; height:14px; float:left; padding-left:10px; font-size:14px; font-weight:normal; line-height:37px}
.wrap_latest .btn {width:26px; height:21px; float:right; margin:7px 10px 0 8px;}
.wrap_latest .list_cine {width:100%; overflow:hidden; padding:0; height:110px; overflow:hidden; border-bottom:1px solid #aaa;background:url('/m/bns/main/bg_main_con.gif') top left repeat-x}
.wrap_latest .list_cine li {float:left; width:33.2%; height:auto; padding:10px 0 0 0; border-bottom:0 none;}
.wrap_latest .list_cine p.img {position:relative; border:solid 1px #d0cfcf; width:78px; height:58px; overflow:hidden; margin:0 auto; left:0; top:0;}
.wrap_latest .list_cine a.vod {display:block; position:absolute; left:0; top:0; width:78px; height:58px; overflow:hidden}
.wrap_latest .list_cine dl {width:100%; text-align:center; line-height:18px; margin-left:0 !important;padding-top:2px}
.wrap_latest .list_cine dt {color:#333}
.wrap_latest .list_cine dd {color:#ef6c00; font-size:12px}
.wrap_latest .list li{padding:5px 10px 0 10px; height:44px; vertical-align:top; background:url('/m/bns/main/bg_sub_list01.gif')  top left repeat-x; display:block}
.wrap_latest .list li.even{padding:5px 10px 0 10px; height:44px; vertical-align:top; background:url('/m/bns/main/bg_sub_list03.gif')  top left repeat-x; display:block}
.wrap_latest .list a {display:block; text-decoration:none; cursor:pointer}
.wrap_latest .list li.even a {display:block; text-decoration:none; cursor:pointer}
.wrap_latest .list h3 {overflow:hidden; margin:0; padding-left:8px;font-size:14px;font-weight:normal; line-height:18px; background: url('/m/bns/main/bul_circle1.gif') 0 5px no-repeat; display:block}
.wrap_latest .list h3 strong{float:left; width:89%; color:#797979; height:18px; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:normal;}
.wrap_latest .list h3 span {float:right;  width:11%; text-align:right; color:#f07510}
.wrap_latest .list p { margin:0;padding-left:5px; overflow:hidden; line-height:18px; font-size:12px; display:block}
.wrap_latest .list .info {float:left; padding-left:6px; color:#ccc;}
.wrap_latest .list .info strong{color:#404040; font-weight:normal}
.wrap_latest .list .info span {color:#929292; padding-left:5px;}
.wrap_contents span.preview {position:relative;margin:0;padding:0;}
.wrap_contents span.preview span {position:absolute;right:0; bottom:4px;width:11px;height:11px;z-index:9;background: url('/m/bns/main/icon_plus.gif');}
.wrap_contents span.preview img {vertical-align:bottom;}