스케치북스킨 웹진형 오류질문드립니다.
본문
시하님의 스케치북스킨을 설치했습니다.
그런데 군데군데 오류가 발생을 하네요.;
빌더에 설치했습니다.
css가 제대로 적용되지 않는건지 이유는 잘 모르겠는데요.
웹진형 목록에서 다른분들이 설치한 사이트에 가보면 목록글에 마우스를 오버하면 2픽셀 두께정도의 테두리가 생기는데
제가 설치한 곳에서는 테두리가 나타나지를 않습니다.
그래서 너무 밋밋해서 아래처럼 마우스 오버시 이미지부분에 테두리가 생기도록 했는데요.
이게 전체를 둘러싸게 해주고 싶습니다.
파일안에 설정된 내용이 너무 많다보니 찾지를못하겠습니다.
css파일 어느부분에 이부분에 관련된 내용이 있나요.
@charset "utf-8";
.bd,.bd input,.bd textarea,.bd select,.bd button,.bd table{font-family:'돋움,dotum'sans-serif}
.bd a:focus,.bd input:focus,.bd button:focus,.bd textarea:focus,.bd select:focus{outline-color:#87cefa;}
.bd .replyNum{color:#5CB8F1 !important}
.bd .trackbackNum{color:#5f9ea0 !important}
.bd.fdb_count .replyNum{background:#87cefa;}
.bd.fdb_count .trackbackNum{background:#5f9ea0;}
.bd em,.bd .color{color:#87cefa;}
.bd .shadow{text-shadow:1px 1px 1px #5f9ea0;}
.bd .bolder{color:#87cefa;text-shadow:2px 2px 4px #5f9ea0;}
.bd .bg_color{background-color:#87cefa;}
.bd .bg_f_color{background-color:#87cefa;background:-moz-linear-gradient(#FFF -50%,#87cefa 50%);background:-webkit-linear-gradient(#FFF -50%,#87cefa 50%);background:linear-gradient(to bottom,#FFF -50%,#87cefa 50%);}
.bd .border_color{border-color:#87cefa;}
.bd .bx_shadow{ -webkit-box-shadow:0 0 2px #5f9ea0;box-shadow:0 0 2px #5f9ea0;}
.viewer_with.on:before{background-color:#87cefa;box-shadow:0 0 2px #87cefa;}
.bd_tb_lst .cate span,.bd_tb_lst .author span,.bd_tb_lst .last_post small{max-width:px}
/* Reset */
.bd,.bd input,.bd textarea,.bd select,.bd button,.bd table{font-size:12px;line-height:1.5}
.bd{color:#444}
.bd em{font-style:normal}
.bd a{text-decoration:none;color:#333;-ms-transition:all .4s;-moz-transition:all .4s;-webkit-transition:all .4s;transition:all .4s;*cursor:pointer}
.bd a:hover{text-decoration:underline;color:#000}
.bd fieldset{margin:0;padding:0;border:0}
.bd label{cursor:pointer}
.fl{float:left}
.fr{float:right}
.bd,.bd .clear{display:block;position:relative;clear:both;*zoom:1}
.bd .clear:after{content:"";display:block;clear:both}
.bd hr.clear{margin:0;border:0;*border:1px solid transparent;*margin:-.8em 0}
.blind{overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;padding:0;font-size:0;line-height:0}
.bd_tb{width:100%;border:0;border-spacing:0;*border-collapse:collapse}
ul, li {list-style:none;}
/* Common */
/* Button, Form, Select, Textarea */
.bd_btn,.bd textarea,.bd .itx{-ms-transition:border .4s,background .4s;-moz-transition:border .4s,background .4s;-webkit-transition:border .4s,background .4s;transition:border .4s,background .4s;*zoom:1}
.bd_btn,.btn_img{display:inline-block;position:relative;margin:1px;padding:5px 20px;background:#F3F3F3 url('./img/ie/btn.png') repeat-x;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#FFF),to(#F3F3F3));background:linear-gradient(to bottom,#FFF 0%,#F3F3F3 100%);border:1px solid;border-color:#CCC #C6C6C6 #C3C3C3 #CCC;border-radius:3px;line-height:16px;white-space:nowrap;cursor:pointer;text-decoration:none !important;text-align:center;text-shadow:0 1px 0 #FFF;-webkit-box-shadow:inset 0 0 1px 1px #FFF,0 1px 1px rgba(0,0,0,.1);box-shadow:inset 0 0 1px 1px #FFF,0 1px 1px rgba(0,0,0,.1);*display:inline;*zoom:1}
.btn_img{padding:5px 15px 5px 10px;font-size:11px;border-color:#CCC;background:#FCFCFC;letter-spacing:-1px;-webkit-box-shadow:none;box-shadow:none}
.btn_img.no{padding:5px 18px}
.bd_btn.blue{font-weight:bold;color:#FFF;text-shadow:0 1px 0 #000;border-color:#669 !important;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.1);box-shadow:0 1px 1px rgba(0,0,0,.1);background:#55B url('./img/ie/btn_blue.gif') repeat-x;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#77C),to(#55B));background:linear-gradient(to bottom,#77C 0%,#55B 100%)}
.bd_btn.red{font-weight:bold;color:#FFF;text-shadow:0 1px 0 #000;border-color:#99668f !important;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.1);box-shadow:0 1px 1px rgba(0,0,0,.1);background:#ba547d url('./img/ie/btn_blue.gif') repeat-x;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#cc76ad),to(#ba547d));background:linear-gradient(to bottom,#cc76ad 0%,#ba547d 100%)}
.bd_btn:hover,.bd_btn:focus,.btn_img:hover,.btn_img:focus{border-color:#AAA;-webkit-box-shadow:0 1px 4px #CCC;box-shadow:0 1px 4px #CCC}
.bd_btn[disabled=disabled]{box-shadow:none !important}
.bd .itx,.bd select{display:inline-block;padding:4px;background:#FAFAFA;border-radius:3px;border:1px solid;border-color:#BBB #DDD #DDD #BBB}
.bd .itx{margin:1px}
.bd .itx{height:18px;line-height:18px}
.bd .itx_wrp{position:relative}
.bd .itx_wrp label{position:absolute;top:-1px;left:8px;cursor:pointer;*top:10px}
.bd textarea{margin:0;padding:0;overflow:auto;border:1px solid;border-color:#CCC #DDD #DDD #CCC;border-radius:3px;-webkit-box-shadow:inset 1px 1px 3px #EEE;box-shadow:inset 1px 1px 3px #EEE}
.bd .itx:hover,.bd .itx:focus,.bd textarea:hover,.bd textarea:focus{background-color:#FFF;border-color:#AAA}
/* Bg */
.bd .bg_f_f9{background:#F9F9F9 url('./img/ie/bg_f_f9.gif') repeat-x;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#FFF),to(#F9F9F9));background:linear-gradient(to bottom,#FFF 0%,#F9F9F9 100%)}
/* Arrow */
.bd .arrow{display:inline-block;margin:1px 3px;border-left:3px solid transparent;border-right:3px solid transparent;*height:3px;*vertical-align:middle}
.bd .arrow.up{border-bottom:3px solid #666}
.bd .arrow.down{border-top:3px solid #666}
/* Icon */
.bd .ico_16px,.bd .ico_24px,.bd .ico_32px,.bd .ico_sns,.bd .ui-icon{display:inline-block;overflow:hidden;width:16px;height:16px;font-size:0;line-height:0;vertical-align:top;text-indent:-100px;-ms-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;*text-indent:0}
.bd.hover_effect a:hover .ico_16px,.bd.hover_effect a:focus .ico_16px,.bd.hover_effect a:hover .ico_24px,.bd.hover_effect a:focus .ico_24px,.bd.hover_effect a:hover .ico_sns,.bd.hover_effect a:focus .ico_sns,.bd.hover_effect a:hover .ui-icon,.bd.hover_effect a:focus .ui-icon{-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}
.bd .ico_16px{background-image:url('./img/white/ico_16px.png');background-repeat:no-repeat}
.bd .ico_16px.reply{background-position:0 -32px}
.bd .ico_16px.search{background-position:0 -64px}
.bd .ico_16px.write{background-position:0 -96px}
.bd .ico_16px.setup{background-position:0 -128px}
.bd .ico_16px.delete{background-position:0 -160px}
.bd .ico_16px.re{background-position:0 -192px}
.bd .ico_16px.home{background-position:0 -224px}
.bd .ico_16px.facebook{background-position:0 -256px}
.bd .ico_16px.twitter{background-position:0 -288px}
.bd .ico_16px.list{background-position:0 -384px}
.bd .ico_16px.re,.bd .ico_16px.facebook,.bd .ico_16px.twitter{background-image:url('./img/white/ico_16px.png') !important}
.bd .ico_24px{width:24px;height:24px;background-image:url('./img/ico_24px.png')}
.bd .ico_32px{width:32px;height:32px;background-image:url('./img/white/ico_32px.png')}
.bd .ico_32px.deco2{background-position:0 -64px}
.bd .ico_sns{width:29px;height:29px;margin:1px;background-image:url('./img/sns.png')}
.bd .ico_sns.facebook{background-position:0 -29px}
.bd .ico_sns.line{background-position:0 -116px}
.bd .ico_sns.kakao{background-position:0 -145px}
/* Jquery UI */
.bd .ui-icon{background-image:url('./img/ui-icons_888888_256x240.png')}
/* Toggle */
.tg_cnt2{display:none}
.tg_blur2,.bd .blur{position:absolute;top:0;left:0;border:0;background:none;width:1px;height:1px;overflow:hidden}
.bd .tg_close2{position:absolute;top:0;right:10px;border:0;background:transparent;font:20px Tahoma;color:#999;cursor:pointer}
/* Bubble */
.bubble{position:relative;}
.bubble .wrp{display:none;position:absolute;left:50%;bottom:100%;z-index:100;margin:8px 0;font-size:11px;background:#FFF;border:1px solid #999;border-radius:5px;white-space:nowrap;-webkit-box-shadow:1px 1px 3px rgba(0,0,0,.2);box-shadow:1px 1px 3px rgba(0,0,0,.2);*text-decoration:none}
.bubble .speech{display:block;padding:3px 6px;font-weight:normal;line-height:1.5em;text-decoration:none}
.bubble .edge{display:block;position:absolute;bottom:-6px;left:50%;width:9px;height:6px;margin-left:-5px;background-image:url('./img/white/edge.png');background-repeat:no-repeat}
.bubble.right .wrp{top:0;left:100%;bottom:auto;margin:0 8px}
.bubble.right .edge{top:50%;left:-1px;bottom:auto;width:6px;height:9px;margin-top:-5px;background-position:0 -32px}
.bubble.btm .wrp{top:100%;bottom:auto}
.bubble.btm .edge{top:-6px;bottom:auto;background-position:0 -64px}
.bubble.left .wrp,.rd_nav_side .wrp{top:0;right:100%;bottom:auto;left:auto;margin:0 8px}
.bubble.left .edge,.rd_nav_side .edge{top:50%;right:-6px;bottom:auto;left:auto;width:6px;height:9px;margin-top:-5px;background-position:0 -96px}
/* Menu */
.bd .img_tx a{font-size:11px;line-height:16px;letter-spacing:-1px;text-decoration:none;*cursor:pointer}
/* Text Image */
.bd .tx_ico_chk{display:inline-block;padding:0 3px;font:bold 12px/10px Arial;color:#77A;-webkit-box-shadow:0 4px 5px -4px #669;box-shadow:0 4px 5px -4px #669}
.bd .tx_ico_circ{display:inline-block;width:1.2em;height:1.2em;border-radius:2em;line-height:1.2em;text-align:center;text-decoration:none !important;color:#FFF;opacity:.75}
.bd .tx_ico_circ:hover{opacity:1}
/* Font */
.fontcheckWrp p{float:left;font-size:72px}
.bd.ui_font,.bd .ui_font,.no_img,.tx_ico_circ{font-family:'돋움,dotum'sans-serif}
.bd.tahoma,.bd .tahoma{font-family:'돋움,dotum'sans-serif}
.bd.ng,.bd .ng{font-family:'돋움,dotum'sans-serif}
.bd.window_font,.bd .window_font{font-family:'돋움,dotum'sans-serif}
.bd .ngeb{font-weight:bold;font-family:'돋움,dotum'}
.bd .nmeb{font-weight:bold;font-family:'돋움,dotum'serif}
.bd .np{font-family:'돋움,dotum'serif}
/* NanumPen */
.use_np .np{font-size:1.3em}
.use_np .np .np_18px,.use_np .np.np_18px{font-size:1.5em}
.use_np .rd_hd .board .np h1{font-weight:normal}
/* Header */
.bd_hd{padding:3px 0 15px}
.small_lst_btn .bd_hd{padding-right:82px}
.small_lst_btn.select_lst_cloud .bd_hd{padding-right:105px}
/* Breadcrumb */
.bd_bc{font-size:11px;color:#999}
.bd_bc a{display:inline-block;padding:0 4px;color:#444}
.bd_bc em{font-weight:bold}
/* Setting */
.bd_set a{float:left;padding:1px 6px;font-size:11px;line-height:16px;text-decoration:none !important;color:#555}
.bd_set a b{margin-right:1px}
.bd_set .bg_f_f9{min-width:55px;margin:-3px 0 -3px 18px;padding:3px 14px 3px 11px;border-width:1px;border-style:solid;border-color:#DDD #CCC #BBB #D6D6D6;border-radius:3px;letter-spacing:-1px;text-align:center;color:#666;text-shadow:0 1px 0 #FFF;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.1);box-shadow:0 1px 1px rgba(0,0,0,.1)}
.bd_set em{position:relative;top:1px;font:bold 13px/1em Arial}
.bd_set .font_select{position:relative}
.bd_set .font_select b{font-size:14px;font-family:'돋움,dotum'serif;position:relative;top:1px}
.bd_set .font_select .bd_font_select{right:0;left:auto;top:30px}
.bd_set .iCheck{margin:0;vertical-align:middle}
.viewer_with{margin-right:12px}
.viewer_with strong{font-weight:normal}
.viewer_with.on:before{content:"";display:block;position:absolute;bottom:0px;left:4px;width:95%;height:2px;opacity:.7}
.viewer_with em{display:none;filter:alpha(opacity=70);opacity:.7}
.viewer_with.on em{display:inline-block}
.viewer_with .wrp{width:226px;white-space:normal;text-align:center}
.bd_font{position:relative;margin:-3px 0 -3px 18px;font-size:11px;line-height:22px}
.bd .bd_font a{text-decoration:none}
.bd_font .select{display:inline-block;width:84px;height:22px;border:1px solid #CCC;border-radius:3px;background:#FFF;*cursor:pointer}
.bd_font b{padding:0 4px 0 6px;font:bold 12px 'Times New Roman',Times,serif}
.bd_font strong{font-weight:normal}
.bd_font .arrow{position:absolute;top:10px;right:4px}
.bd_font_select{display:none;position:absolute;z-index:20;top:24px;left:1px;width:84px;background:#FFF}
.bd_font_select ul{list-style:none;margin:0;padding:0}
.bd_font_select li{position:relative;margin:-1px;padding-left:18px;border:1px solid #DDD;line-height:20px;*zoom:1}
.bd_font_select li:hover{z-index:30;border-color:#CCC;background:#F6F6F6}
.bd .bd_font_select a{float:none;padding:0;-webkit-box-shadow:none;box-shadow:none}
.bd_font_select em{display:none;position:absolute;top:0;left:5px;font:11px Arial}
.bd_font_select .on em{display:block}
#install_ng2{display:none;position:absolute;top:50px;left:50%;z-index:100;width:280px;margin-left:-151px;padding:30px;border:1px solid #CCC;border-radius:8px;text-align:center;background:#FFF;-webkit-box-shadow:0 0 6px rgba(0,0,0,.1);box-shadow:0 0 6px rgba(0,0,0,.1)}
#install_ng2 a{margin:3px}
#install_ng2 p{padding:15px 0}
#install_ng2 b{font-size:1.1em;color:#2AAE1E}
#install_ng2 .close{padding:5px 20px;background:#FFF}
/* Title */
.bd_tl{float:left;margin:4px 16px 28px;text-shadow:0 1px 0 rgba(0,0,0,.05);*padding-bottom:24px}
.bd_tl h1,.bd_tl h2{margin:0;padding:0 20px;font-size:16px;line-height:22px}
.bd_tl a{float:left;text-decoration:none;color:#555}
.bd_tl i{display:block;position:absolute;top:0;left:0;width:12px;height:22px;border-radius:2px}
.bd_tl h2{margin-top:2px;font-size:11px;line-height:11px;color:#888}
.bd_tl h2 i{height:12px;filter:alpha(opacity=70);opacity:.7}
/* Search */
.bd_faq_srch{display:none;float:left;margin:2px 1px 20px;padding:2px;background:#FAFAFA;border:1px solid #CCC;border-radius:5px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.1);box-shadow:0 1px 1px rgba(0,0,0,.1);*height:36px}
.bd_faq_srch .itx_wrp{width:50%}
.bd_faq_srch.m_srch .itx_wrp{width:100%}
.bd_faq_srch .itx{width:100%;height:22px;background:#FFF}
.bd_faq_srch .select{width:auto}
.bd_faq_srch select{padding:1px 0;background:none;border:0}
.bd_faq_srch .bd_btn{height:32px;margin-left:13px}
.bd_faq_srch.clear{display:block;float:none;margin-bottom:30px;padding:25px;border-radius:8px}
.bd_faq_srch.clear .itx_wrp{width:100%}
/* List Style */
.cnb_n_list{position:relative}
.small_lst_btn .cnb_n_list{position:static}
.lst_btn{position:absolute;top:8px;right:30px;background:#FFF}
.small_lst_btn .lst_btn{top:0;right:0}
.small_lst_btn1 .lst_btn{display:none}
.lst_btn ul{list-style:none;margin:0;padding:0}
.lst_btn li{float:left}
.lst_btn a{display:block;margin-left:-1px;padding:6px;border:1px solid #BBB;opacity:.5;filter:alpha(opacity=50);background-image:url('./img/blank.gif');*text-decoration:none !important}
.small_lst_btn .lst_btn a{padding:5px}
.lst_btn li:first-child a{border-radius:3px 0 0 3px;*margin:0}
.lst_btn li:last-child a{border-radius:0 3px 3px 0}
.lst_btn a:hover,.lst_btn a:focus,.lst_btn .on a{-webkit-box-shadow:0 0 5px rgba(0,0,0,.2);box-shadow:0 0 5px rgba(0,0,0,.2);filter:alpha(opacity=100);opacity:1}
.lst_btn b{display:block;overflow:hidden;width:11px;height:0;padding-top:11px;background:url('./img/white/list_style.png') no-repeat}
.lst_btn .zine b{background-position:-11px 0}
.lst_btn .gall b{background-position:-22px 0}
.lst_btn .cloud b{background-position:-33px 0}
/* Category List */
.bd_cnb{position:relative}
.bd_cnb ul{list-style:none;margin:0;padding:0}
.bd_cnb li{float:left;position:relative}
.bd_cnb a{display:block;text-decoration:none !important;white-space:nowrap;*zoom:1}
.bd_cnb .a1{position:relative;height:23px;margin:1px;padding:3px 10px;font-weight:bold;color:#777;border:1px dashed transparent;line-height:23px}
.bd_cnb .a1.on,.bd_cnb .a1:hover,.bd_cnb .a1:focus{border:1px dashed #888;border-radius:100% 70%;background:#FFF;color:#333;text-shadow:0 1px 0 rgba(0,0,0,.1)}
.bd_cnb .a1:active,.bd_cnb .a1.on{border:1px solid;border-color:#BBB #888 #777 #AAA;-webkit-box-shadow:inset -1px -1px 2px #FFF,inset 1px 1px 3px rgba(0,0,0,.1),1px 1px 3px rgba(0,0,0,.1);box-shadow:inset -1px -1px 2px #FFF,inset 1px 1px 3px rgba(0,0,0,.1),1px 1px 3px rgba(0,0,0,.1)}
.bd_cnb .a1.on{margin:1px 0;padding:3px 11px}
.bd_cnb .a1.on:before{content:"";display:block;position:absolute;top:-2px;left:-2px;width:100%;height:100%;padding:1px;border:1px solid;border-color:#CCC #BBB #AAA;border-radius:80% 100%}
.bd_cnb ul ul{display:none;position:absolute;white-space:nowrap}
.bd_cnb .li2{float:none;display:inline-block;margin:0 6px}
.bd_cnb .li2 a{color:#888}
.bd_cnb .li2.on a,.bd_cnb .li2 a:hover,.bd_cnb .li2 a:focus{font-weight:bold;color:#222}
.bd_cnb small,.cTab small{padding-left:1px;font:10px Tahoma;color:#777}
.bd .cnbMore{visibility:hidden;float:right; margin-right:20px;}
.cnbMore a{margin:7px 0 7px 5px;padding:1px 1px 0;border:1px solid;border-color:#AAA;border-radius:4px;background:#FFF;line-height:16px}
.cnbMore i{-moz-transition:none;-webkit-transition:none;transition:none}
.bd_cnb .hidden{display:none}
.bd_cnb.open .hidden{display:block;visibility:visible}
/* Gradation Style */
.bd_cnb{margin:0 1px 1px;padding:0 0 0 58px;border:1px solid #DDD;border-radius:5px;background:#FFF;-webkit-box-shadow:0 1px 1px #AAA;box-shadow:0 1px 1px #AAA}
.bd_cnb .bg_f_f9{overflow:hidden;height:33px;padding:3px 90px 3px 11px;border-left:1px solid #CCC;border-radius:4px;-webkit-box-shadow:-1px 0 2px #DDD;box-shadow:-1px 0 2px #DDD}
.bd_cnb.open .bg_f_f9{height:auto}
.select_lst_cloud .bd_cnb .bg_f_f9{padding-right:114px}
.if_lst_btn .bd_cnb .bg_f_f9{padding-right:5px}
.bd_cnb .bubble:after{content:"";display:block;clear:both}
.bd_cnb a.home{position:absolute;top:0;left:0;width:64px;height:100%;*min-height:39px}
.bd_cnb i.home{position:absolute;top:50%;left:50%;margin:-8px -11px}
.bd_cnb ul.wrp{bottom:26px;left:-5px;z-index:10;padding:5px;font-size:11px}
.bd_cnb ul.flip{top:28px;right:-8px;bottom:auto;left:auto;white-space:normal;text-align:center}
.bd_cnb ul.wrp .edge{display:block;position:absolute;left:0;bottom:-8px;width:100%;height:8px;background:url('./img/white/edge.png') no-repeat 24px 0}
.bd_cnb ul.flip .edge{top:-6px;left:5px;background-position:50% -64px}
/* Tab Style */
.bd .cTab{position:relative;margin:0 1px 40px;padding:0;border-bottom:1px solid #AAA}
.bd .cTab li{float:left;list-style:none;margin-right:-1px;border:1px solid #DDD;border-top:0;border-bottom:0;background:#FDFDFD}
.bd .cTab li.on{margin:-1px 0 -1px 1px;border:1px solid #AAA;border-top:0;border-bottom:1px solid #FFF;background:transparent}
.bd .cTab li.home{margin-left:0}
.bd .cTab li a{position:relative;top:-1px;border-top:1px solid #DDD;float:left;height:25px;line-height:25px;padding:0 20px;color:#888;text-decoration:none}
.bd .cTab li.on a{padding-top:1px;font-weight:bold;color:#000;border-top:1px solid #AAA}
.bd .cTab ul{display:none;position:absolute;bottom:-30px;left:0;overflow:hidden;margin:0;padding:0;white-space:nowrap}
.bd .cTab li.on ul{display:block}
.bd .cTab li.on ul li{position:relative;left:1px;float:none;display:inline;margin:0;padding:0 15px;border:0;border-right:1px solid #DDD;background:none}
.bd .cTab li.on ul li a{border:0;top:0;float:none;line-height:none;padding:0;font-weight:normal}
.bd .cTab li.on ul li.on_ a{font-weight:bold;color:#000}
/* List Bottom */
.btm_mn{position:relative;margin-top:-1px;padding:10px 10px 0;border-top:1px solid #CCC}
.btm_mn .fl .btn_img{margin-right:4px}
.bd_srch_btm{display:inline}
.bd .bd_srch_btm_itx{position:absolute;top:-1px;left:-1px;width:100%;height:100%;border:0;box-shadow:none;background:none;cursor:pointer}
.bd .bd_srch_btm label{display:inline;position:static;font-size:11px;line-height:16px}
.bd_srch_btm button{background-color:transparent;border:0}
.bd_srch_btm.on .itx_wrp{float:left;width:140px;overflow:visible !important}
.on .bd_srch_btm_itx{width:136px;padding-left:4px;cursor:auto;line-height:28px}
.bd_srch_btm.on .search{position:absolute;top:5px;right:5px}
.bd_srch_btm.on label{visibility:hidden !important}
.bd_srch_btm .select{display:none;float:left;height:18px;padding:4px}
.bd_srch_btm select{margin:0;padding:0;border:0;background:#FCFCFC}
.bd_srch_btm .bg_f_f9{padding:5px 15px;border:1px solid #BBB}
.bd_srch_btm.on .select{display:block}
/* Pagnation */
.bd_pg{padding:24px 0;text-align:center}
.bd_pg a,.bd_pg strong{display:inline-block;min-width:12px;height:24px;padding:0 6px;border:1px solid transparent;border-radius:2px;font:bold 12px/2em Tahoma;letter-spacing:-1px;*display:inline;*zoom:1}
.bd_pg a{color:#999;text-decoration:none !important}
.bd_pg .this,.bd_pg a:hover,.bd_pg a:focus{background:#F9F9F9;border-color:#AAA;color:#555}
.bd_pg .frst_last{color:#555}
.bd_pg .direction{margin:0 4px;color:#555;letter-spacing:0;font-weight:normal}
.bd_pg strong.direction{color:#999}
.bd .bd_go_page{left:-56px;padding:8px 3px;border-color:#AAA;*vertical-align:top}
.bd_go_page .itx,.bd_go_page .bd_btn{margin:0 6px;padding:3px 8px;text-align:center;vertical-align:middle}
.bd_go_page .itx{width:32px;padding:2px 8px}
/* 게시판 목록 공통 */
.btn_bo_adm {float:left}
.btn_bo_adm li {float:left;margin-right:5px;list-style:none}
.btn_bo_adm input {padding:8px;border:0;background:#926261;color:#fff;text-decoration:none;vertical-align:middle;-ms-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;}
/* Link Board. Star Rating(from XEUI) */
.bd_tb_lst td.link_url{overflow:hidden;max-width:240px;text-overflow:ellipsis}
.bd .starRating,.bd .starRating span{overflow:hidden;display:inline-block;height:14px;background:transparent url('./img/white/iconStarRating.gif') no-repeat}
.bd .starRating{width:79px;vertical-align:middle;text-align:left !important}
.bd .starRating span{font-size:0;line-height:0;vertical-align:top;text-indent:-100px;*text-indent:0;background-position:0 -14px}
.bd_zine.zine .info .starRating{margin-top:-4px}
.bd_zine.card .info .starRating{display:block;margin:8px auto}
.link_modify{margin:0 4px;font-size:11px;border-bottom:1px dotted #999}
.bd_zine .link_modify{position:relative;z-index:100}
/* Read */
.rd{margin:0 auto;padding:0 15px}
/* Read Header */
.rd_hd{margin-bottom:60px}
.rd_hd .top_area{text-shadow:0 1px 0 rgba(0,0,0,.08)}
.rd_hd .btm_area span,.rd_hd .board .cate{padding:0 6px;font-size:11px;color:#888}
.rd_hd b{letter-spacing:0}
.rd_hd small{color:#AAA}
/* Board Style */
.rd_hd .board .top_area{padding:11px;border-top:1px solid #CCC;border-bottom:1px solid #CCC;background:#FCFCFC;line-height:1.5em;white-space:nowrap}
.rd_hd .board h1{overflow:hidden;text-overflow:ellipsis;margin:0;padding:0 8px;font-size:12px}
.rd_hd .board .img{width:68px;height:68px;margin:4px 0 4px 6px;padding:3px;border:1px solid #DDD;background:#FFF}
.rd_hd .board .btm_area{position:static;border-bottom:1px solid #EEE}
.rd_hd .board .side{display:inline-block;padding:9px}
.rd_hd .board .side.fr{*margin-top:-34px}
.rd_hd .board .btm_area span{letter-spacing:-1px}
.rd_hd .board b{padding-left:2px;color:#666}
.rd_hd .board .link{padding:0 8px;font-size:10px;color:#999}
.rd_hd .board .nick{padding:0 8px;font-size:11px}
.rd_hd .board .date{font-weight:normal;letter-spacing:0 !important}
.rd_hd .xe_v3 .top_area{margin:0 1px 1px;border:1px solid #DDD;border-radius:5px;-webkit-box-shadow:0 1px 1px #AAA;box-shadow:0 1px 1px #AAA}
.rd_hd .xe_v3 .btm_area{margin:0 3px;background:#F9F9F9}
/* Blog Style */
.rd_hd .blog{padding:12px 3%;border-top:3px solid #333;border-bottom:1px solid #666}
.rd_hd .blog.v2{border-top:1px solid #333;border-bottom:0}
.rd_hd .blog.v3{border:10px solid #EEE}
.rd_hd .blog.v4{padding:0;border:0}
.rd_hd .blog h1{margin:.8em 4px 1em;font-size:2.3em;line-height:1;letter-spacing:-1px;color:#222;-webkit-text-stroke:.25px;-webkit-animation-duration:2s;-webkit-animation-timing-function:ease-in-out;-moz-animation-duration:2s;-moz-animation-timing-function:ease-in-out;animation-duration:2s;animation-timing-function:ease-in-out}
@-webkit-keyframes rd_h1_v{
0%{opacity:0}
50%{opacity:1}
}
@-moz-keyframes rd_h1_v{
0%{opacity:0}
50%{opacity:1}
}
@keyframes rd_h1_v{
0%{opacity:0}
50%{opacity:1}
}
@-webkit-keyframes rd_h1_v2{
0%{opacity:0}
50%{-webkit-transform:rotateX(0deg)}
100%{-webkit-transform:rotateX(360deg)}
}
@-moz-keyframes rd_h1_v2{
0%{opacity:0}
50%{-webkit-transform:rotateX(0deg)}
100%{-webkit-transform:rotateX(360deg)}
}
@keyframes rd_h1_v2{
0%{opacity:0}
50%{-webkit-transform:rotateX(0deg)}
100%{-webkit-transform:rotateX(360deg)}
}
.rd_hd .blog small{padding-right:2px;font-weight:normal;font-style:italic;font-size:11px}
.rd_hd .blog .top_area span{display:inline-block;padding:16px 6px 0;*display:inline;*zoom:1}
.rd_hd .blog .btm_area span{display:inline-block;padding:0 6px 16px;text-shadow:0 1px 0 rgba(0,0,0,.08);*display:inline;*zoom:1}
.rd_hd .blog .btm_area span.sv{display:none;}
.rd_preview{margin:20px 6px;font-size:11px;color:#888}
.rd_hd .blog .date{font-variant:small-caps;font-size:1em}
.rd_hd .blog .cate{color:#999}
.rd_hd .btm_area.nmeb span{font-size:1em}
.rd_hd .blog .np b{font-weight:normal}
/* Read Navi */
.bd .rd_nav{position:relative;margin:15px 10px 0}
.rd_nav_style2 .rd_nav,.rd_nav_side .rd_nav{border:1px solid #D3D3D3;border-radius:4px;background:#FCFCFC}
.rd_nav a{float:left;padding:6px}
.rd_nav a:hover,.rd_nav a:focus{position:relative;z-index:10}
.rd_nav_style2 .rd_nav a:hover,.rd_nav_style2 .rd_nav a:focus{-webkit-box-shadow:0 0 6px #999;box-shadow:0 0 6px #999}
.rd_nav_style2 .rd_nav .edit{padding-right:8px;border-left:1px solid #DDD}
.rd_nav .bubble:hover .wrp,.rd_nav .bubble:focus .wrp{display:block}
.rd_nav .text{display:inline-block;width:16px;font-weight:bold;font-family:'돋움,dotum'serif;text-align:center;color:#999;*display:inline;*zoom:1}
.rd_nav .help{float:left;cursor:help}
.rd_nav .help .wrp{margin-top:-23px;padding:3px}
#viewer .rd_nav .help .wrp{margin-top:-32px}
.rd_nav .help h4{margin:0 0 4px}
.rd_nav .help p{margin:2px 0}
.rd_nav .help strong{display:inline-block;width:28px;margin-right:6px;background:#EEE;border:1px solid #DDD;border-radius:4px;text-align:center}
.rd_nav .tg_btn2{padding:6px 1px 6px 5px;font-size:10px;color:#666}
.rd_nav .tg_btn2 .arrow{border-top-color:#888}
.rd_nav_side{position:absolute;z-index:100;right:0}
.rd_nav_side .rd_nav{display:none;position:fixed;top:auto !important;bottom:230px;width:28px;margin:0}
.rd_nav_side .edit,.rd_nav_side .files,.rd_nav_side .action,.rd_nav_side .tg_btn2{display:none}
.rd_nav_tx{line-height:16px;letter-spacing:-1px}
.bd_hd .rd_nav{margin:0;*clear:none}
.bd_hd .rd_nav a{padding:2px 6px 0;-webkit-box-shadow:none;box-shadow:none}
.bd_hd .rd_nav .tg_btn2{padding:2px 1px 0 6px}
.bd_hd .rd_nav .help .wrp{top:100%;left:auto;right:auto;margin:8px 0 0 -34px}
.bd_hd .rd_nav .help .edge{top:-6px;right:auto;left:50%;width:9px;height:6px;margin-top:0;background-position:0 -64px}
#viewer .rd_nav_side .rd_nav{display:block !important;right:12px}
.rd_nav_blk .rd_nav_side .rd_nav{border-color:#666;background:#111;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.9);box-shadow:0 5px 10px rgba(0,0,0,.9)}
.rd_nav_blk .rd_nav_side a{color:#DDD}
.rd_nav_blk .rd_nav_side .wrp{background:#000;color:#DDD}
.rd_nav_blk .rd_nav_side .edge{background-image:url('./img/black/edge.png')}
.rd_nav_blk .rd_nav_side .help strong{background:#222;border-color:#666}
/* Read Body */
.rd_body{margin-bottom:30px}
.xe_content{word-wrap:break-word}
.rd_gallery img{margin:5px}
/* Tag */
.rd_tag{padding:30px 0 0 50px}
.rd_tag div{float:left;margin:4px 0 2px -50px;padding:0 5px 0 7px;font:10px/12px '돋움,dotum'letter-spacing:-1px;color:#FFF;border:1px solid;border-radius:3px 7px 7px 3px;opacity:.8}
.rd_tag ul{margin:0;padding:0}
.rd_tag li{display:inline-block;padding-right:6px;font-size:11px;line-height:20px;*display:inline;*zoom:1}
.rd li:last-child .comma{display:none}
/* Read Footer */
/* Sign */
.rd_sign{position:relative;width:86%;max-width:780px;margin:0 auto 30px;padding:14px 19px;background:#FCFCFC;border:1px solid #DDD;border-radius:7px;box-shadow:0 1px 9px -3px rgba(0,0,0,.1)}
.rd_sign h4{position:relative;margin:0 0 10px;font-size:13px;color:#666}
.rd_sign .tx_ico_circ{margin-right:6px}
.rd_sign .img{width:60px;height:60px;border:1px solid #CCC}
.rd_sign .get_sign{margin-left:80px;word-wrap:break-word;font-size:11px;color:#888}
/* Prev-Next */
.bd_prev_next{padding-bottom:35px}
.bd_prev_next p{margin:0}
.bd_prev_next a{max-width:50%;text-decoration:none !important}
.bd_prev_next .fl .wrp{left:-10px}
.bd_prev_next .fr .wrp{left:auto;right:-10px}
.bd_prev_next .wrp{max-width:280px;margin:-2px -2px 8px}
.bd_prev_next b{overflow:hidden;text-overflow:ellipsis;font-weight:normal}
.bd_prev_next .link{margin:0 6px;font-weight:bold}
.bd_prev_next img{max-width:240px;max-height:240px;height:auto}
.prev_next .speech{padding:9px;font-size:11px;letter-spacing:0;text-align:center}
.prev_next .speech b{display:block;margin:4px 0;font-weight:normal}
.prev_next .speech span{color:#777}
.prev_next small{padding-left:5px;color:#AAA}
#viewer .bd_prev_next{display:block !important;position:fixed;top:50%;left:0;z-index:20;width:100%;padding:0}
#viewer .bd_prev_next div{position:relative;max-width:740px;margin:-32px auto;padding:0 96px}
#viewer .bd_prev_next a{position:absolute}
#viewer .bd_prev_next .wrp{left:100%}
#viewer .bd_prev_next .fr .wrp{left:auto;right:100%}
#viewer .bd_prev_next .fl{left:-46px}
#viewer .bd_prev_next .fr{right:-46px}
#viewer .bd_prev_next p{display:none}
.bd_prev_next .tx_arrow{display:none;width:64px;font-style:normal;font-size:64px;line-height:1;text-align:center;color:#999;-ms-transition:color .4s;-moz-transition:color .4s;-webkit-transition:color .4s;transition:color .4s}
#viewer .bd_prev_next .tx_arrow{display:block}
.bd_prev_next a:hover .tx_arrow,.bd_prev_next a:focus .tx_arrow,.viewer_style2 .bd_prev_next .tx_arrow{color:#DDD}
.viewer_style2 .bd_prev_next a:hover .tx_arrow,.viewer_style2 .bd_prev_next a:focus .tx_arrow{color:#666}
/* Vote */
.rd_vote{padding-bottom:30px;text-align:center}
.bd .rd_vote a{display:inline-block;width:46px;height:46px;margin:0 6px;text-decoration:none;border-radius:2px}
.rd_vote a.blamed{border:2px solid #BBB;color:#AAA}
.rd_vote b{display:block;padding-top:7px;font:bold 17px/1 Arial}
.rd_vote p{margin:1px 0 0 0;font-weight:bold;font-size:11px}
/* SNS */
.bd .to_sns.big{padding:0 15px 30px;text-align:center}
.bd .to_sns.small{padding:6px}
.bd .to_sns .fl{margin:3px}
.bd .to_sns a{letter-spacing:0;text-decoration:none}
.bd .to_sns strong{font-weight:normal}
.bd .to_sns .bubble strong{display:none}
/* File, Trackback, Etc */
.rd_fnt,.rd_ft_nav{border-top:1px solid #DDD}
.bd .rd_fnt{font-size:11px}
.fnt_count{font-weight:normal;font-size:12px}
.rd_fnt b{font:bold 12px/17px Tahoma}
.rd_file th,.rd_file td{padding:8px 12px}
.rd_file th{padding-right:0;white-space:nowrap}
.rd_file td{width:100%}
.rd_file ul{list-style:none;float:left;margin:0;padding:0}
.rd_file li{float:left;padding:2px 8px 2px 0}
.rd_file .wrp{font-size:10px}
.rd_hd .rd_file{margin:-1px 0;border-bottom:1px solid #DDD}
.rd_hd .rd_file th{padding-left:15px}
.rd_file a,.rd_trb .link{color:#666}
.rd_trb{padding:10px 12px;background:#FCFCFC}
.rd_trb a{margin-right:16px}
.rd_ft_nav{padding-bottom:32px}
.rd_ft .fdb_lst{border:0}
/* FeedBack */
.bd .profile{float:left;width:50px;height:50px;line-height:50px;padding:2px;font-size:32px;border:1px solid #DDD}
.fdb_lst_wrp{margin-bottom:50px;*zoom:1}
.fdb_lst_wrp.fdb_v2{padding:10px;background:#F3F3F3;border:1px solid #E6E6E6}
.fdb_lst{position:relative;*zoom:1}
.fdb_lst_ul{list-style:none;margin:0;padding:0}
.fdb_v2 .fdb_lst{padding:52px 20px 12px;background:#FFF;border:1px solid #E6E6E6}
.fdb_tag{position:relative;z-index:10;margin:-1px;padding:10px 16px;font-size:11px;border-top:1px solid #CCC;border-bottom:1px solid #CCC;background:#FCFCFC;*zoom:1}
.fdb_tag b{font-size:12px}
.fdb_tag .cmt_pg{float:right;*margin-top:-1.5em}
.fdb_tag .cmt_pg a,.fdb_tag .cmt_pg .this{padding:0 3px}
.fdb_tag .cmt_pg .this{font-size:12px;text-decoration:underline}
.fdb_tag .cmt_pg span{display:none}
.cmt_wrt_btm .fdb_tag{border:1px solid #CCC;border-radius:5px}
.bd .nametag{position:absolute;top:10px;left:-22px;background:#FFF;text-decoration:none !important;*cursor:pointer}
.bd .nametag strong{display:block;height:28px;padding:0 15px;font-size:14px;line-height:28px;letter-spacing:-1px;border-radius:2px;color:#FFF;filter:alpha(opacity=60);opacity:.6}
.bd .nametag b{font-size:16px}
.cmt_editor_tl,.editor_select{position:relative;margin-bottom:10px}
.cmt_editor_tl em{position:absolute;bottom:-1px;left:5px;font:bold 17px sans-serif;opacity:.8}
.cmt_editor_tl strong{padding-left:24px;text-shadow:0 0 1px rgba(0,0,0,.2)}
.editor_select{font-size:11px}
#editor_select{margin-left:-40px;padding:4px 8px}
#editor_select a{display:block;text-decoration:none}
#editor_select em{visibility:hidden}
#editor_select .on em,#editor_select a:hover em{visibility:visible}
.cmt_editor{margin-bottom:32px;padding:12px 16px 20px;background:#FCFCFC;border:1px solid #DDD;border-bottom-color:#CCC;border-radius:8px;box-shadow:0 1px 3px -1px rgba(0,0,0,.1);*zoom:1}
.fdb_v2 .cmt_editor{clear:both;margin-bottom:10px;padding:0;border:0;background:none;box-shadow:none}
.fdb_itm{position:relative;margin:-1px 0;padding:12px 12px 16px 58px;border-top:1px solid #EEE;border-bottom:1px solid #EEE;transition:background .5s;-moz-transition:background .5s;-webkit-transition:background .5s;*zoom:1}
.fdb_v2 .fdb_itm{padding-left:72px;border-bottom:0}
.fdb_v2 .fdb_itm:first-child{margin-top:30px}
.cmt_wrt_btm .fdb_itm:first-child{margin-top:0;border:0}
.fdb_nav_btm .fdb_itm{padding-bottom:15px}
.trb_lst h4{margin:0 0 6px}
.fdb_v2 .fdb_itm.re{margin-bottom:12px;padding:12px 12px 12px 80px;border:1px solid #EEE;border-radius:4px}
.fdb_v2 .fdb_itm.bg1{background:#FAFAFA}
.fdb_itm.re:hover{background:none}
.ico_16px.re{position:absolute;top:16px;left:-10px}
.ico_16px.rere{top:6px;left:-12px}
.fdb_v2 .ico_16px.re{top:8px;left:-24px}
.fdb_v2 .ico_16px.rere{top:18px;left:-22px}
.fdb_itm .profile{margin-left:-72px}
.fdb_v2 .fdb_itm.re .profile{margin-left:-68px}
.fdb_itm .meta{margin-bottom:8px}
.fdb_itm .meta a{font-weight:bold;color:#444}
.fdb_itm .meta .date{padding:0 12px;font-size:11px;color:#888}
.fdb_nav{position:absolute;top:12px;right:8px}
.fdb_nav_btm .fdb_nav{position:static;margin:4px -4px -4px;text-align:right}
.fdb_nav a{display:inline-block;overflow:hidden;height:1px;padding:0 4px;-moz-transition:-moz-transform .5s;-webkit-transition:-webkit-transform .5s;transition:transform .5s}
.fdb_nav_btm .vote{display:block !important;position:absolute;top:12px;right:8px}
.fdb_itm .vote a{height:auto !important;font-weight:bold;font-size:13px;color:#BBB;opacity:1}
.fdb_itm .vote b{font-size:16px}
.fdb_itm .fdb_nav_ico{font-size:14px;color:#BBB}
.fdb_itm:hover .fdb_nav a,.fdb_nav a:focus,.fdb_nav_btm .re_comment{height:auto !important}
.fdb_itm:hover .vote{display:none}
.trb_lst .fdb_itm,.no_profile .fdb_itm{padding:12px !important}
.no_profile .fdb_nav{top:12px}
.no_profile .fdb_nav_btm .vote{top:12px;right:8px}
.no_profile .fdb_nav_btm .fdb_nav{margin:5px -5px -4px}
.fdb_itm .meta .tg_btn2{font-weight:normal;font-size:11px;color:#666}
.cmt_files{position:relative;display:block;margin:10px 0 15px;padding:10px;border:1px solid #DDD}
.cmt_files ul{margin:0;padding:0;list-style:none}
.cmt_files li{display:inline;margin-left:8px}
.bd .cmt_files a{font-weight:normal;font-size:11px}
.cmt_files .speech{font-size:10px}
.cmt_files .tg_close2{font:11px/16px Tahoma}
/* Write */
.bd_wrt_main{padding:15px;background:#F3F3F3;border:1px solid #DDD;border-radius:10px}
.bd_wrt_hd .itx{width:100%}
.bd_wrt .tag{clear:both;margin:0 -1px}
.bd_wrt .tag .itx{width:82%}
.opt_chk,.edit_opt{margin-top:8px}
.opt_chk *{vertical-align:middle}
.opt_chk .section{display:inline;margin-right:12px}
.opt_chk label{margin-right:8px}
.opt_chk input{margin:0}
.edit_opt .n_p{width:15%;margin:4px 0}
.edit_opt .m_h{width:23%;margin:4px 0}
.edit_opt .bd_btn{margin:4px 0}
.fdb_lst .opt_chk{margin:0 0 0 4px;font-size:11px}
.fdb_lst .edit_opt .itx{margin:4px 0}
.sns_wrt,.bd_wrt .regist{position:relative;margin-top:12px;padding:12px 0;text-align:center;border-top:1px solid #CCC}
.sns_wrt{padding:0;text-align:left}
.bd_wrt .regist .bd_btn{padding:8px 16px}
.bd_wrt .regist .blue{margin-left:16px;padding:8px 24px}
.bd_wrt .regist .cancle{position:absolute;right:0}
.simple_wrt{position:relative;margin:0 60px;*zoom:1}
.simple_wrt .profile{position:absolute;top:0;left:-60px}
.simple_wrt .text{margin-right:2px}
.simple_wrt textarea,.cmt_disable{display:block;width:100% !important;min-height:54px}
.simple_wrt .bd_btn{position:absolute;top:0;right:-60px;width:56px;height:56px;line-height:54px;margin:0;padding:0}
.cmt_disable{border:1px solid #CCC;border-radius:2px;background:#FFF;text-decoration:none !important}
.cmt_disable p{margin:.5%;font-size:11px;color:#999}
/* List Style */
.bd_lst{clear:both;margin:0;padding:0;list-style:none;*zoom:1}
.bd_tb_lst td,.bd_zine li{border-bottom:1px solid #EEE}
.bd_tb_lst .notice td,.bd_zine li.notice,.bd_tb_lst .select,.bd_tb_lst tbody tr:hover{background:#F9F9F9;border-color:#DDD}
.bd_tb_lst.common_notice{margin-top:0;padding:0 2px}
.bd_lst input[type=checkbox]{position:relative;z-index:30}
.bd .no_doc{clear:both;padding:20px;text-align:center}
.bd .attached_image{display:inline-block;width:12px;height:11px;background:url('./img/image1.gif');vertical-align:middle;*display:inline;*zoom:1}
.bd .replyNum,.bd .trackbackNum{margin-left:4px;font:bold 11px Tahoma;white-space:nowrap}
.bd .replyNum{color:#C66}
.bd .trackbackNum{color:#39C}
.bd.fdb_count .replyNum,.bd.fdb_count .trackbackNum{padding:1px 5px 2px;border-radius:2px;font-weight:normal;text-decoration:none;color:#FFF !important}
.bd.fdb_count .replyNum{background:#BBB}
.bd.fdb_count .trackbackNum{background:#666}
.fdb_count .bd_tb_lst .replyNum,.fdb_count .bd_tb_lst .trackbackNum{float:left;margin:1px 8px 0 0}
.fdb_count2 .bd_tb_lst .replyNum,.fdb_count2 .bd_tb_lst .trackbackNum{float:right;margin:1px 0 0 4px}
.bd_lst img,.bd_lst input{vertical-align:middle}
/* Thumb */
.no_img{display:block;overflow:hidden;position:relative;margin:0 auto;background:#F3F3F3;font-weight:bold;font-size:1.1em;color:#CCC;text-align:center;white-space:nowrap;*margin:0}
.tmb_wrp{display:inline-block;position:relative;margin:0 auto;*display:inline;*zoom:1}
.tmb_wrp img.tmb{display:block;position:relative;margin:0 auto;background:#FFF;*margin:0}
.tmb_wrp .loading{background:url('./img/white/loading.gif') no-repeat 50% 50%}
.bd_lst.img_load .tmb_wrp{visibility:hidden}
.bd_lst.img_load .fin_load{visibility:visible}
.bd_lst.img_load2 img.tmb,.fin_load .loading{display:none}
.bd_lst.img_load2 .fin_load img.tmb{display:block !important;*display:inline !important}
.tmb_wrp .fixed{display:block;position:absolute;color:#EEE}
.tmb_wrp a{top:0;left:0;width:100%;height:100%;text-decoration:none !important;background-image:url('./img/blank.gif');*cursor:pointer}
.tmb_wrp .info_wrp{display:block;position:relative;overflow:hidden;height:100%}
.tmb_wrp .info{display:block;width:100%;height:100%;font-size:11px;line-height:1.5;background:url('./img/ie/blk_op5.png');background:rgba(0,0,0,.5)}
.tmb_wrp .info.st,.tmb_wrp .info.st1{filter:alpha(opacity=0);opacity:0}
.tmb_wrp .info.st2{top:-100%}
.tmb_wrp .info.st3{left:-100%}
.tmb_wrp .info.st4{top:-100%;left:-100%}
.tmb_wrp a:focus .info{position:static !important;opacity:1 !important}
.tmb_wrp .padding{padding:6%;*color:#EEE}
.tmb_wrp .info{display:block;position:relative;white-space:nowrap;text-align:left;line-height:1.4em;color:#EEE;color:rgba(255,255,255,.9)}
.tmb_wrp .info span{display:block}
.tmb_wrp .tl{display:block;padding-bottom:7px;font-size:12px;line-height:14px;white-space:normal;letter-spacing:-1px;color:#FFF}
.tmb_wrp .ribbon{display:block;position:absolute;top:-1px;left:-1px;width:60px;height:60px;background:url('./img/ribbon/default.png');font-size:11px;text-align:center;color:#FFF;text-shadow:0 1px 1px rgba(0,0,0,.3)}
.tmb_wrp .ribbon i{display:block;overflow:hidden;position:relative;font-style:normal;line-height:1;text-overflow:ellipsis;color:#FFF}
.tmb_wrp .ribbon .date{width:24px;padding:5px;text-transform:uppercase}
.tmb_wrp .ribbon .cate{white-space:normal}
.tmb_wrp .ribbon b{font-size:16px;font-family:'돋움,dotum'serif}
.tmb_wrp .ribbon small{display:block}
.tmb_wrp .nnu i{width:36px;height:36px;padding:0 !important;font-size:10px;line-height:36px}
.ribbon_v .ribbon.nnu{width:60px;height:60px}
.ribbon_v .ribbon.new{background:url('./img/ribbon/new.png')}
.ribbon_v .ribbon.nnu.new i{font-weight:bold;font-size:11px}
.ribbon_v .ribbon.nnu.hot i{font-weight:bold;font-size:11px}
.ribbon_v .ribbon.nnu.update i{font-weight:bold;font-size:11px}
.ribbon_v .ribbon.notice{background:url('./img/ribbon/notice.png')}
.ribbon_v .ribbon.update{background:url('./img/ribbon/update.png')}
.ribbon_v .ribbon.hot{background:url('./img/ribbon/hot.png')}
.ribbon_v .ribbon i{padding:4px 24px 4px 0;white-space:nowrap;*padding-right:24px !important}
.ribbon_v2 .ribbon{right:-1px;left:auto;width:auto;height:auto;max-width:80%;background:#837df4;border:1px solid #837df4;box-shadow:1px 1px 1px rgba(0,0,0,.3)}
.ribbon_v2 .ribbon.new{background:#F33;border-color:#F33}
.ribbon_v2 .ribbon.notice{background:#36F;border-color:#36F}
.ribbon_v2 .ribbon.update{background:#FA0;border-color:#FA0}
.ribbon_v2 .ribbon:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,255,255,.2)),to(rgba(0,0,0,.01)));background:linear-gradient(to bottom,rgba(255,255,255,.2) 0%,rgba(0,0,0,.01) 100%);box-shadow:inset 0 0 1px rgba(255,255,255,.4)}
.ribbon_v2 .ribbon i{padding:4px 6px}
/* Normal */
.bd_tb_lst{margin-top:25px}
.bd_tb_lst th,.bd_tb_lst td{padding:8px 12px;font-size:11px;text-align:center;white-space:nowrap}
.bd_tb_lst th{padding:9px 12px;border-top:1px solid #CCC;border-bottom:1px solid #BBB;-webkit-box-shadow:inset 0 -1px 0 #FFF;box-shadow:inset 0 -1px 0 #FFF;color:#666;text-shadow:0 0 1px rgba(0,0,0,.1)}
.bd_tb_lst td,.bd_tb_lst .hx:visited{color:#555}
.bd_tb_lst .cate{padding:8px;color:#666}
.bd_tb_lst .title{padding-right:6px;width:100%}
.bd_tb_lst td.title{text-align:left;font-size:12px;white-space:normal;word-break:break-all}
.bd_lst td.title a{color:#222}
.bd_tb_lst .title img{vertical-align:middle}
.bd_tb_lst .wrp{left:0;margin-left:0 !important;white-space:normal}
.bd_tb_lst .edge{left:20%}
.bd_tb_lst .speech{min-width:240px;padding:6px}
.bd_tb_lst .wrp img{display:block;margin:0 auto;padding:7px}
.bd_tb_lst .only_img .speech{display:none}
.bd_tb_lst .cate span,.bd_tb_lst .author span,.bd_tb_lst .last_post small{display:block;overflow:hidden;max-width:90px;text-overflow:ellipsis;word-wrap:normal}
.bd_tb_lst .author img{max-width:none}
.bd_tb_lst .name {white-space:normal; min-width:80px;}
.bd_tb_lst .name img{max-width:none}
.bd_tb_lst .last_post{line-height:12px}
.bd_tb_lst .extraimages{margin-left:2px;white-space:nowrap}
.bd_tb_lst .link_url{text-align:left}
/* Webzine */
.bd_zine li{position:relative;margin:0 auto;word-break:break-all;word-wrap:break-word}
.bd_zine.zine li{clear:both;margin:0 2px;padding:16px 8px 16px 16px;*zoom:1}
.bd_zine.zine2 li{padding-left:118px}
.bd_zine .hx,.bd_zine .notice a{display:block;position:absolute;top:-2px;left:-2px;width:100%;height:100%;border:2px solid transparent;background-image:url('./img/blank.gif');text-decoration:none}
.bd_zine .big_date{float:left;margin-left:-90px;text-align:center;white-space:nowrap}
.bd_zine .dd{font:bold 42px/48px 돋움,dotum; letter-spacing:-2px}
.bd_zine .mmyy{font:normal 13px/22px 돋움,dotum; letter-spacing:-1px;color:#777}
.bd_zine .yy{font-weight:normal}
.bd_zine .hh{letter-spacing:-1px;color:#888}
.bd_zine .tmb_wrp{text-align:center;-ms-transition:all .4s;-moz-transition:all .4s;-webkit-transition:all .4s;transition:all .4s}
.bd_zine.zine .tmb_wrp{float:left}
.bd_zine.zine .tmb_wrp img,.bd_zine .no_img{border:1px solid #DDD}
.bd_zine h3{margin:0;font-size:15px;letter-spacing:-1px;color:#444;text-shadow:0 0 1px rgba(0,0,0,.08)}
.bd_zine .cnt{margin-top:8px;font-size:11px}
.bd_zine .info{color:#888}
.bd_zine .info b{padding-left:4px;color:#666}
.bd_zine.zine .info{font-size:11px;line-height:11px}
.bd_zine.zine .info .itm{display:inline-block;margin:8px 7px 0 0;padding-right:9px;border-right:1px solid #DDD;*display:inline;*zoom:1;white-space:nowrap;}
.bd_zine.zine .info .itm:last-child{border:0}
.bd_zine.card li{float:left;line-height:1.4em;padding:9px;background:#FFF;border:1px solid #DDD;border-bottom-color:#BBB}
.bd_zine.card2 li{padding:10px;background:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}
.bd_zine.card .hx,.bd_zine.card .notice a{border-style:solid;border-radius:5px}
.bd_zine.card .tmb_wrp{width:100%}
.bd_zine.card h3{margin-top:1.2em;font-size:12px;letter-spacing:0}
.bd_zine.card .cnt{margin-top:1em}
.bd_zine.card .info{margin-top:.8em;font-size:10px;line-height:1.4}
.bd_zine.card .info b{padding:0 4px 0 3px;font-weight:normal}
.bd_zine.card .info .br{display:block}
.bd_zine.card .info .br b{padding-left:8px}
/* Gallery 픽쳐스타일*/
.bd_tmb_lst{padding:24px 0;text-align:center}
.bd_tmb_lst li{position:relative;display:inline-block;vertical-align:top;*display:inline;*zoom:1}
.bd_tmb_lst .tmb_wrp{border:1px solid #DDD}
.bd_tmb_lst .bg,.bd_tmb_lst .bg2{display:block;top:0;left:0;width:100%;height:100%}
.bd_tmb_lst .bg2{background:#FFF}
.bd_tmb_lst .bg:before,.bd_tmb_lst .bg:after{content:"";position:absolute;bottom:15px;left:5px;width:50%;height:20%;max-width:300px;border:0;-webkit-box-shadow:0 15px 10px rgba(0,0,0,.7);box-shadow:0 15px 10px rgba(0,0,0,.7);-ms-transform:rotate(-3deg);-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg);transform:rotate(-3deg)}
.bd_tmb_lst .bg:after{right:5px;left:auto;-ms-transform:rotate(3deg);-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);transform:rotate(3deg)}
.bd_tmb_lst .tmb_wrp .trans_window{bottom:0;right:0;max-width:80%;margin:7%;padding:1px 6px;font-size:10px;background:url('./img/ie/blk_op7.png');background:rgba(0,0,0,.7);border:1px solid #222;border-radius:2px}
.bd_tmb_lst .deco1{top:-12px;left:-12px}
.bd_tmb_lst .deco2{bottom:-12px;right:-12px}
.bd_tmb_lst .deco{top:-15px;left:50%;width:90px;height:30px;margin-left:-45px;background:url('./img/deco/tape.png') center no-repeat}
.bd_tmb_lst .deco3{background-image:url('./img/deco/tape.png')}
.bd_tmb_lst p{overflow:hidden;margin:8px;max-height:45px;line-height:15px;text-overflow:ellipsis}
.bd_tmb_lst p b{font-weight:normal;font-size:11px}
.bd_tmb_lst.gall_style2 .tmb_wrp{padding:5%;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.2);box-shadow:0 1px 1px rgba(0,0,0,.2); margin-left:30px;}
.bd_tmb_lst .frame_tl{position:relative;margin:16px 0 4px;white-space:nowrap;text-align:left}
.bd_tmb_lst .select .info{top:0;left:0;filter:alpha(opacity=70);opacity:1}
/* Viewer */
#viewer .bd{position:relative;max-width:740px;margin:0 auto;padding:3%;background:#FFF;-webkit-box-shadow:0 4px 48px rgba(0,0,0,.5);box-shadow:0 4px 48px rgba(0,0,0,.5)}
#viewer.viewer_style2 .bd{-webkit-box-shadow:0 3px 10px rgba(0,0,0,.2);box-shadow:0 3px 10px rgba(0,0,0,.2)}
#viewer .rd{margin:auto;padding:0 !important}
#viewer .if_viewer{display:none}
#viewer .fdb_lst_wrp{margin:30px 0 0}
#viewer_lst{position:fixed;top:0;left:-455px;z-index:20;width:320px;height:100%;padding:0 20px 0 120px;background:#FFF;-webkit-box-shadow:0 0 8px rgba(0,0,0,.3),inset -12px 0 24px 0 rgba(0,0,0,.04);box-shadow:0 0 8px rgba(0,0,0,.3),inset -12px 0 24px 0 rgba(0,0,0,.04)}
#viewer_lst_tg{display:block;position:absolute;top:50%;left:100%;margin:-46px 0 0;padding:16px 10px;border:0;border-radius:0 4px 4px 0;box-shadow:inset -1px 0 6px rgba(255,255,255,.2),inset 5px 0 8px rgba(0,0,0,.08),1px 1px 3px rgba(0,0,0,.2);line-height:15px;color:#FFF;text-shadow:0 1px 0 rgba(0,0,0,.1);cursor:pointer}
#viewer_lst_tg .tx_open,.open #viewer_lst_tg .tx_close{display:block}
.open #viewer_lst_tg .tx_open,#viewer_lst_tg .tx_close{display:none}
#viewer_lst h3{margin:0;padding:16px 8px 4px;border-bottom:1px solid #666;color:#444}
#viewer_lst ul{list-style:none;margin:0;padding:0}
#viewer_lst li a{display:block;position:relative;margin-top:-1px;padding:8px;border-top:1px solid #DDD;border-bottom:1px solid #DDD;text-decoration:none;*margin-top:-4px}
#viewer_lst li:first-child a{border-top-color:transparent}
#viewer_lst .on,#viewer_lst li a:hover,#viewer_lst li a:focus{z-index:1;background:#F9F9F9;border-color:#BBB}
#viewer_lst li span{display:block}
#viewer_lst li .tmb{overflow:hidden;float:left;max-height:60px;margin-right:8px;border:1px solid #DDD}
#viewer_lst img{display:block;width:60px;height:auto}
#viewer_lst .tl{overflow:hidden;padding-bottom:2px;white-space:nowrap;text-overflow:ellipsis;color:#333}
#viewer_lst b{padding-left:5px;font-size:11px;color:#F66}
#viewer_lst .meta{font-size:11px;color:#999}
#viewer_lst strong{padding-right:8px;color:#666}
#viewer_pn a,#viewer_pn strong{margin:0 1px;padding:0 4px;border:0;border-bottom:2px solid transparent;border-radius:0;background:none}
#viewer_pn .this,#viewer_pn a:hover,#viewer_pn a:focus{border-color:#666;color:#555}
#viewer_lst_scroll,#viewer_pn{visibility:hidden}
.open #viewer_lst_scroll,.open #viewer_pn{visibility:visible}
.bd_lst a button{display:none;position:absolute;z-index:30;padding:2px 20px;border:0;box-shadow:2px 2px 4px rgba(0,0,0,.4);font-weight:bold;font-size:12px;white-space:nowrap;text-align:center;text-decoration:none !important;color:#FFF;filter:alpha(opacity=70);opacity:.7;-ms-transform:rotate(-5deg);-moz-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);transform:rotate(-5deg);transition:opacity .3s;-ms-transition:opacity .3s;-moz-transition:opacity .3s;-webkit-transition:opacity .3s;transition:opacity .3s}
.bd_lst a:hover button{display:block}
.bd_lst a button:hover{filter:alpha(opacity=90);opacity:.9}
.bd_tb_lst a button{top:-4px;left:98%}
.bd_zine a button{top:10px;right:10px;width:48px;height:48px;line-height:48px;padding:0;border-radius:50%}
.bd_tmb_lst a button,.bd_cloud a button{right:-20px;top:10px}
/* IE8- Fix */
.dummy_ie{display:none;*display:block;*width:1px}
.ie8_only{display:none}
/* Mobile */
.m_editor{margin:12px 0 8px}
.m_editor textarea{width:100%}
/* ipad2+ */
@media only screen and (max-width:768px){
.bd iframe,.bd video{max-width:100%;min-width:240px;margin:0 auto}
.bd img{max-width:100%;height:auto}
.bd_tb_lst th,.bd_tb_lst td{padding:8px}
}
/* android HD landscape */
@media screen and (max-width:640px){
.viewer_with,.bd_set .bg_f_f9{display:none !important}
.bd_bc,.bd_set,.bd_set a{font-size:13px}
.rd_hd .board h1,.xe_content{font-size:14px}
.rd_hd .blog h1{font-size:20px}
.bd_pg a,.bd_pg strong{min-width:18px;height:32px;margin:0;font:bold 14px/32px Tahoma}
.bd_zine{padding:0 !important}
.bd_zine.zine li{padding:10px}
.bd_zine.zine .rt_area{margin:0 !important}
.bd_zine.zine .tmb_wrp{margin:0 12px 6px 0 !important}
.bd_zine.zine .tmb_wrp img,.bd_zine.zine .no_img{width:100px !important;height:auto;font-size:12px !important}
.bd_zine.zine .no_img{height:80px !important;margin:0 auto;line-height:80px !important}
.bd_zine h3{font-size:13px}
.bd_zine.zine .cnt{overflow:hidden;max-height:36px;font-size:12px;text-overflow:ellpisis}
.bd_zine.zine .info .itm{padding-right:0;border:0}
.bd_zine.card li{margin:6px}
.bd_zine.card2 li{margin:0}
.bd_zine.card li .tmb,.bd_cloud.no_rd .tmb_wrp,.bd_cloud.no_rd .tmb{width:100%}
.bd_zine.card .info{font-size:11px}
.bd_tmb_lst{overflow:hidden;padding:16px 1%}
.bd_tmb_lst li{height:auto !important;padding-bottom:5%}
.bd_tmb_lst .tmb_wrp{width:90%}
.bd_tmb_lst.gall_style2 .tmb_wrp{width:80%}
.bd_tmb_lst img.tmb,.bd_tmb_lst .no_img{width:100% !important}
.bd_cloud{overflow:hidden;padding:32px 4px;text-align:center}
.bd_cloud.no_rd a{width:212px;margin:8px}
.bd_cloud.no_rd a:hover{-ms-transform:scale(1) !important;-moz-transform:scale(1) !important;-webkit-transform:scale(1) !important;transform:scale(1) !important}
.use_np .bd_cloud em{font-size:18px}
}
/* android 800x480 landscape */
@media screen and (max-width:533px){
.m_no,.lst_btn,.show_srch,.bd .cTab li ul,#bd_srch,.simple_wrt .profile,.rd_hd .blog .wave,.rd_hd .board .side.fr,
.bd_tb_lst .no,.bd_tb_lst .cate,#cloud_btn,
.bd_wrt .color_wrp{display:none !important}
#re_cmt .editor_select{display:block !important}
.bd .bd_hd{padding:0}
.bd_bc,.bd_set{padding-bottom:8px}
.bd_set{padding-right:6px}
.bd_set a{margin:0 5px;padding:0;border-bottom:1px dotted #999}
.bd_cnb{padding-left:48px}
.bd_cnb .bg_f_f9{padding:3px 7px !important}
.bd_cnb a.home{width:52px}
.bd .cTab{border:0}
.bd .cTab li{width:20%;margin:0 !important;border:0 !important;text-align:center}
.bd .cTab li a{position:static;display:block;float:none;top:0;margin:-1px -1px 0 0;padding:0 !important;border:1px solid #CCC}
.bd .cTab li.on a{position:relative;border-color:#999}
.btm_mn{padding:10px 5px 0}
.rd{padding:0;-webkit-box-shadow:none;box-shadow:none}
.rd_hd{margin:0 0 20px !important}
.rd_hd .board .top_area{margin:0 0 1px;padding:16px 8px}
.rd_hd .board h1{overflow:auto;white-space:normal}
.rd_hd .board .date{position:absolute;right:9px;bottom:9px}
.rd_body{margin:0 8px 24px}
.rd_sign{padding:4%}
.bd_prev_next{border-top:1px solid #EEE}
.bd_prev_next a{clear:both;max-width:none;margin:12px 2px 0}
.to_sns.big a{margin:0 2px}
.rd_ft_nav{padding-bottom:20px}
.rd_nav a{padding:9px;opacity:1}
.fdb_v2 .fdb_lst{padding:52px 12px 12px}
.fdb_tag{margin:0}
.fdb_itm,.guest_itm,.bd_guest .fdb_itm{padding:10px !important}
.fdb_itm .profile{margin:0 12px 0 0 !important}
.fdb_nav{position:static;padding-top:5px;text-align:right}
.fdb_nav a,.fdb_nav_btm .re_comment{height:auto !important}
.cmt_editor{padding-bottom:48px !important}
.simple_wrt{position:static;margin:0}
.simple_wrt textarea{min-height:72px}
.simple_wrt .bd_btn{position:absolute;top:100%;right:-1px;width:100%;height:36px;margin-top:8px;font-weight:bold;line-height:36px}
.edit_opt{display:block !important}
.edit_opt .itx{width:100%;padding:6px 0}
.bd_wrt_main{padding:12px}
.bd_wrt_hd .category{max-width:80px}
.bd_wrt .regist .bd_btn{margin:4px}
.bd_wrt .regist .cancle{position:static}
.context_data,.context_message{margin:0}
.bd_tb_lst td{position:relative;padding:8px 4px}
.bd_tb_lst .title a{position:static;font-size:13px}
.bd_tb_lst .hx:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0}
.bd_tb_lst .author{min-width:50px;white-space:normal}
.bd_guest .sum{margin:10px 5px}
.bd_guest .bd_wrt_main{margin:0 0 32px}
.bd_guest .guest_cmt{margin:4px 0 20px}
.guest_profile .img,.bd_guest .fdb_itm .profile{width:48px;height:48px;margin:0 12px 0 0;line-height:48px}
.guest_itm_nav{padding:4px}
.bd_gues
답변을 작성하시기 전에 로그인 해주세요.
