XETOWN

질문/답변

웹에 관련된 질문과 답변을 나눌 수 있습니다.
조회 수 43 댓글 2

2.PNG1.PNG

 

에디터의 가로가 작아지는 모바일에서는 불러오기 버튼이 사라집니다.

 

3.PNG

 

작은 사이즈의 화면에서도 파란색 네모 칸에 불러오기 버튼을 보이게 하려면 어찌해야할까요.

아무리 검색해도 불러오기 버튼을 아예 없애는 질문 글만 있어서 이렇게 도움을 요청해봅니다.

아시는 분은 도움 부탁드립니다.ㅠㅠ 감사합니다.

 

<!--// 상단 : 카테고리, 제목 -->
<table class="bd_wrt_hd bd_tb">
<tr>
<td>
<select cond="$mi->use_category=='Y' && $category_list" name="category_srl" class="category">
<option value="">{$lang->category}</option>
<option loop="$category_list => $val" disabled="disabled"|cond="!$val->grant" value="{$val->category_srl}" selected="selected"|cond="$val->grant&&$val->selected||$val->category_srl==$oDocument->get('category_srl')">
{str_repeat("  ",$val->depth)} {$val->title} ({$val->document_count})
</option>
</select>
</td>
<td width="100%">
<span class="itx_wrp">
<label for="postTitle">{$lang->title}</label>
<input type="text" name="title" class="itx" id="postTitle" title="{$lang->title}" value="{htmlspecialchars($oDocument->getTitleText())}"|cond="$oDocument->getTitleText()" />
</span>
</td>
<td cond="$is_logged && !$oDocument->isExists() || $oDocument->get('status')=='TEMP'" class="m_no"><button type="button" class="bd_btn" onclick="doDocumentLoad(this);">{$lang->cmd_load}</button></td>
</tr>
</table>

<table cond="count($extra_keys)" class="et_vars exForm bd_tb">
<caption><strong><em>*</em></strong> <small>: {$lang->is_required}</small></caption>
<tr loop="$extra_keys=>$key,$val">
<th scope="row"><em cond="$val->is_required=='Y'">*</em> {$val->name}</th>
<td>{$val->getFormHTML()}</td>
</tr>
</table>

<div class="get_editor">{$oDocument->getEditor()}</div>

 

@charset "utf-8";

/* Reset */
.bd,.bd input,.bd textarea,.bd select,.bd button,.bd table{font-size:14px;line-height:1.5}
.bd{color:#444}
.bd em{font-style:normal}
.bd a{text-decoration:none;color:#333;transition:border-color .4s,box-shadow .4s,background .4s,color .4s,opacity .4s}
.bd a:hover{text-decoration:underline;color:#000}
.bd fieldset{margin:0;padding:0;border:0}
.bd label,.bd button{cursor:pointer}
.fl{float:left}
.fr{float:right}
.bd,.bd .clear{display:block;position:relative;clear:both;*zoom:1}
.bd:after,.bd .clear:after{content:"";display:block;clear:both}
.bd hr.clear{margin:0;border:0;*border:1px solid transparent;*margin:-.8em 0}
.blind,.fontcheckWrp{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-collapse:collapse}
/* for bootstrap */
.bd_font .select,.bd_cnb *,.bd .cTab *,.bd_zine.card,.bd_zine.card li,.bd_pg *,.bd .profile,.bd .rd_vote a,.tmb_wrp .ribbon *,.tmb_wrp,.bd_faq .mrk,.guest_itm_nav{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}

/* Common */
/* Form */
.bd_btn,.bd textarea,.bd .itx,.bd select,.btn_img{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;transition:border .4s,background .4s;*zoom:1}
.bd_btn,.btn_img{display:inline-block;position:relative;height:28px;margin:0;padding:4px 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;white-space:nowrap;cursor:pointer;text-decoration:none !important;text-align:center;text-shadow:0 1px 0 #FFF;box-shadow:inset 0 0 1px 1px #FFF,0 1px 1px rgba(0,0,0,.1);*display:inline;*zoom:1}
.btn_img{padding:4px 14px 4px 10px;font-size:14px;line-height:1.6;border-color:#CCC;background:#FCFCFC;letter-spacing:-1px;box-shadow:none}
.btn_img.no{padding:4px 18px}
.bd_btn.blue{font-weight:700;color:#FFF;text-shadow:0 1px 0 #000;border-color:#669 !important;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:hover,.bd_btn:focus,.btn_img:hover,.btn_img:focus{border-color:#AAA;box-shadow:0 1px 4px rgba(0,0,0,.2)}
.bd_btn[disabled=disabled]{box-shadow:none !important}
.bd .itx,.bd select{display:inline-block;margin:0;padding:3px 6px;background:#FAFAFA;border-radius:3px;border:1px solid;border-color:#BBB #DDD #DDD #BBB;*display:inline;*zoom:1}
.bd .itx{height:28px}
.bd .itx_wrp{position:relative}
.bd .itx_wrp label{position:absolute;top:-1px;left:8px;*top:10px}
.bd textarea{overflow:auto;width:100%;margin:0;padding:4px 6px;border:1px solid;border-color:#CCC #DDD #DDD #CCC;border-radius:3px;box-shadow:inset 1px 1px 4px rgba(0,0,0,.06)}
.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_32px,.bd .ico_sns16,.bd .ico_sns{display:inline-block;overflow:hidden;width:16px;height:16px;font-size:0;line-height:0;vertical-align:top;text-indent:-100px;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_sns,.bd.hover_effect a:focus .ico_sns{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.home{background-position:0 -224px}
.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_sns16{border-radius:3px;background-image:url(../img/sns_16.png);opacity:.8}
.bd .ico_sns16.facebook{background-position:0 -16px}
.bd .ico_sns16.google{background-position:0 -32px}
.bd .ico_sns16.pinterest{background-position:0 -48px}
.bd .ico_sns16.kakaostory{background-position:0 -96px}
.bd .ico_sns16.band{background-position:0 -112px}
.bd .ico_sns{width:32px;height:32px;margin:2px;background-image:url(../img/sns.png);opacity:.9}
.bd .ico_sns:hover{opacity:1}
.bd .ico_sns.facebook{background-position:0 -32px}
.bd .ico_sns.google{background-position:0 -64px}
.bd .ico_sns.pinterest{background-position:0 -96px}
.bd .ico_sns.line{background-position:0 -128px}
.bd .ico_sns.kakao{background-position:0 -160px}
.bd .ico_sns.kakaostory{background-position:0 -192px}
.bd .ico_sns.band{background-position:0 -224px}
/* font awesome */
.btn_img .fa,.img_tx .fa{width:16px;letter-spacing:0;text-align:center}
.img_tx .fa{color:#AAA}
.btn_img .fa{font-size:16px;vertical-align:middle;color:#9791B9;text-shadow:1px 1px 0 rgba(0,0,0,.1)}
/* 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,#install_ng2 .tg_close2{position:absolute;top:0;right:0;border:0;background:transparent;font:20px sans-serif;color:#999}
/* Bubble */
.bubble{position:relative}
.bubble .wrp{display:none;position:absolute;left:50%;bottom:100%;z-index:100;margin:8px 0;font-size:14px;background:#FFF;border:1px solid #999;border-radius:5px;white-space:nowrap;box-shadow:1px 1px 3px rgba(0,0,0,.2);*text-decoration:none}
.bubble .speech{display:block;padding:3px 6px;font-weight:400;line-height:1.5em;text-decoration:none}
.bubble .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 .bubble_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 .bubble_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 .bubble_edge,.rd_nav_side .bubble_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:14px;line-height:16px;letter-spacing:-1px;text-decoration:none;*cursor:pointer}
/* Text Image */
.bd .tx_ico_chk{display:inline-block;padding:0 3px;font:700 12px/10px Arial;color:#77A;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}
.bd_info_icon{margin-right:2px;font-size:16px;vertical-align:middle}
/* Font */
.fontcheckWrp p{float:left;font-size:72px}
.no_img,.tx_ico_circ{font-family:'Segoe UI',Meiryo,'나눔고딕',NanumGothic,ng,'맑은 고딕','Malgun Gothic','돋움',dotum,Helvetica,'Apple SD Gothic Neo',sans-serif}
.bd.tahoma,.bd .tahoma{font-family:Tahoma,sans-serif}
.bd.ng,.bd .ng{font-family:'나눔고딕',NanumGothic,ng,'돋움',dotum,Helvetica,'Apple SD Gothic Neo',sans-serif}
.bd.window_font,.bd .window_font{font-family:'Segoe UI',Meiryo,'맑은 고딕','Malgun Gothic','돋움',dotum,Helvetica,'Apple SD Gothic Neo',sans-serif}
.bd .nmeb{font-weight:700;font-family:'나눔명조 ExtraBold','NanumMyeongjo ExtraBold',nmeb,'나눔명조',NanumMyeongjo,nm,'Times New Roman',Times,serif}
.bd .np{font-family:'Nanum Pen Script','나눔손글씨 펜',np,'휴먼편지체','Times New Roman',Times,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:400}

/* 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:14px;color:#999}
.bd_bc a{display:inline-block;padding:0 4px;color:#444}
.bd_bc em{font-weight:700}
/* Setting */
.bd_set a{float:left;padding:1px 6px;font-size:14px;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;box-shadow:0 1px 1px rgba(0,0,0,.1)}
.bd_set em{position:relative;top:1px;font:700 13px/1em Arial}
.bd_set .font_select{position:relative}
.bd_set .font_select b{font-size:16px;font-family:"Times New Roman",Times,serif;position:relative\9;top:1px\9}
.bd_set .font_select .bd_font_select{right:0;left:auto;top:30px\9}
.bd_set .iCheck{margin:0;vertical-align:middle}
.viewer_with{margin-right:12px}
.viewer_with strong{font-weight:400}
.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:14px;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:700 12px 'Times New Roman',Times,serif}
.bd_font strong{font-weight:400}
.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;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}
#bd_font_install{display:none;position:fixed;top:0;left:0;bottom:0;right:0;z-index:999;background:url(../img/ie/blk_op5.png);background:rgba(0,0,0,.5)}
#install_ng2{position:absolute;top:10%;left:50%;width:320px;margin-left:-160px;padding:30px 30px 40px;border-radius:8px;text-align:center;background:#FFF;box-shadow:0 0 6px rgba(0,0,0,.2);-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
#install_ng2 .tg_close2{margin:4px 8px;font-size:16px}
#install_ng2 h3,#install_ng2 h4{font-weight:700;font-size:18px;line-height:1.5}
#install_ng2 h4{font-size:13px;color:#666}
#install_ng2 a{margin:3px}
#install_ng2 p{padding:16px 0 28px;font-size:14px}
#install_ng2 b,#install_ng2 div a{font-size:1.05em;color:#2AAE1E}
#install_ng2 div a{padding:6px 12px;border:2px solid #2AAE1E;font-weight:700;font-size:13px;text-decoration:none}
/* Title */
.bd_tl{float:left;margin:4px 16px 28px;*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 !important;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:14px;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:4px 0 20px;padding:3px;background:#FAFAFA;border:1px solid #CCC;border-radius:5px;box-shadow:0 1px 1px rgba(0,0,0,.1);*height:36px}
.bd_faq_srch .itx_wrp{padding:0 3px}
.bd_faq_srch.m_srch .itx_wrp{width:100%}
.bd_faq_srch .itx{width:100%;background:#FFF}
.bd_faq_srch .select{width:auto}
.bd_faq_srch select{padding:1px 0;background:#FFF;border:0;box-shadow:none !important}
.bd_faq_srch.clear{display:block;float:none;margin-bottom:24px;padding:20px;border-radius:8px}
.bd_faq_srch.clear .itx_wrp{width:100%;padding:0 4px}
.bd_faq_srch.clear .itx,.bd_faq_srch.clear .bd_btn{height:32px}
/* List Style */
.cnb_n_list{position:relative}
.small_lst_btn .cnb_n_list{position:static}
.lst_btn{position:absolute;top:8px;right:10px;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{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:700;color:#777;border:1px dashed transparent;line-height:23px;transition:all .4s}
.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.on{margin:1px 0;padding:3px 11px;border:1px solid;border-color:#BBB #888 #777 #AAA;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: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:700;color:#222}
.bd_cnb small,.cTab small{padding-left:1px;font:12px Tahoma,AppleGothic,sans-serif;color:#777}
.bd .cnbMore{visibility:hidden;float:right}
.cnbMore a{margin:7px 0 7px 5px;width:19px;height:19px;border:1px solid;border-color:#BBB;border-radius:4px;background:#FFF;text-align:center;color:#999}
.cnbMore i{font-size:13px}
.cnbMore a:hover,.cnbMore a:focus{border-color:#999;box-shadow:0 0 2px rgba(0,0,0,.1);color:#666}
.bd_cnb .cnb_hide{display:none}
.bd_cnb.open .cnb_hide{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;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;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:14px}
.bd_cnb ul.flip{top:28px;right:-8px;bottom:auto;left:auto;white-space:normal;text-align:center}
.bd_cnb ul.wrp .bubble_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 .bubble_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}
.bd .cTab a{white-space:nowrap;color:#777}
.bd .cTab a:hover,.bd .cTab a:focus{color:#000}
.bd .cTab .on>a{font-weight:700;color:#000}
.bd .cTab>li{margin-right:-1px;border:1px solid #DDD;border-top:0;border-bottom:0;background:#FDFDFD}
.bd .cTab>.on{margin:-1px 0 -1px 1px;border:1px solid #AAA;border-top:0;border-bottom:1px solid #FFF;background:transparent}
.bd .cTab>.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;text-decoration:none}
.bd .cTab>.on>a{padding-top:1px;border-top:1px solid #AAA}
.bd .cTab ul{display:none;position:absolute;top:40px;left:0;margin:0;padding:0}
.bd .cTab .on ul{display:block}
.bd .cTab ul li{margin-bottom:10px;padding:0 16px;border-right:1px solid #DDD;font-size:14px;line-height:1}
.bd .cTab ul li:last-child{border:0}
/* Box Style */
.cnb3{margin:0 0 0 -2px;padding:0}
.cnb3 li{list-style:none;float:left}
.cnb3 a{display:block;overflow:hidden;padding:5px 16px;margin:2px;border:1px solid #DDD;border-radius:3px;background:#EEE;white-space:nowrap;text-overflow:ellipsis;text-decoration:none !important;text-align:center;color:#666}
.cnb3 .on>a,.cnb3 a:hover,.cnb3 a:focus{border-color:#999;background:#BBB;color:#FFF;text-shadow:0 0 1px rgba(0,0,0,.5)}
.cnb3 .on>a{font-weight:700}
.cnb4 a{border:1px solid #999;background:none !important}
.cnb4 .on>a,.cnb4 a:hover,.cnb4 a:focus{border-color:#333;color:#333;text-shadow:none}
.cnb3.center{text-align:center}
.cnb3.center li{float:none;display:inline-block;*display:inline;*zoom:1}

/* 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:14px;line-height:16px}
.bd_srch_btm button{background-color:transparent;border:0}
.bd_srch_btm.on .itx_wrp{float:left;width:140px;overflow:visible\9 !important}
.on .bd_srch_btm_itx{width:116px;padding-left:4px;cursor:auto;line-height:28px\9}
.bd_srch_btm.on .search{position:absolute;top:5px;right:5px;padding:0}
.bd_srch_btm.on label{visibility:hidden !important}
.bd_srch_btm .select{display:none;float:left;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:700 12px/2em Tahoma,AppleGothic,sans-serif;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:400}
.bd_pg strong.direction{color:#999}
.bd .bd_go_page{left:-47px;padding:8px 2px;border-color:#AAA;*vertical-align:top}
.bd_go_page .itx,.bd_go_page .bd_btn{height:24px;margin:0 6px;padding:2px 8px;text-align:center;vertical-align:middle}
.bd_go_page .itx{width:32px;padding:2px 8px}

/* Read */
.rd{margin:0 auto;padding:0 15px}
/* Read Header 제목부분 카테고리 */
.rd_hd{margin-bottom:60px}
.rd_hd .btm_area span,.rd_hd .board .cate{padding:0 8px;font-size:13px;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:13px;line-height:1.6}
.rd_hd .board .img{width:68px;height:auto;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:13px;color:#999}
.rd_hd .board .nick{padding:0 5px 0 0; font-size:13px}
.rd_hd .board .date{font-weight:400;letter-spacing:0 !important}
.rd_hd .xe_v3 .top_area{margin:0 1px 1px;border:1px solid #DDD;border-radius:5px;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-animation-duration:2s;-webkit-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}
}
@keyframes rd_h1_v{
0%{opacity:0}
50%{opacity:1}
}
@-webkit-keyframes rd_h1_v2{
0%{opacity:0}
50%{transform:rotateX(0deg)}
100%{transform:rotateX(360deg)}
}
@keyframes rd_h1_v2{
0%{opacity:0}
50%{transform:rotateX(0deg)}
100%{transform:rotateX(360deg)}
}
.rd_hd .blog small{padding-right:2px;font-weight:400;font-style:italic;font-size:14px}
.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;*display:inline;*zoom:1}
.rd_preview{margin:20px 6px;font-size:14px;color:#888}
.rd_hd .blog .date{font-variant:small-caps}
.rd_hd .blog .cate{color:#999}
.rd_hd .blog b{font-size:14px}
.rd_hd .btm_area.nmeb span{font-size:1em}
.rd_hd .blog .np b{font-weight:400}

/* Read Navi */
.bd .rd_nav{position:relative;margin:16px 0 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{box-shadow:0 1px 4px rgba(0,0,0,.3)}
.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:700;font-family:Georgia,'Times New Roman',Times,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:#888}
.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:12px;width:28px;margin:0}
.rd_nav_side .edit,.rd_nav_side .files,.rd_nav_side .action,.rd_nav_side .tg_btn2,.rd_nav_side .rd_nav b{display:none}
.rd_nav b{display:none}
.rd_nav_tx{line-height:16px;letter-spacing:-1px}
.rd_nav_tx b{display:inline;font-weight:400}
.bd_hd .rd_nav{margin:0;*clear:none}
.bd_hd .rd_nav a{padding:2px 6px 0;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 .bubble_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;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 .bubble_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 'Courier New',Courier,Tahoma,AppleGothic,sans-serif;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:14px;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-weight:700;font-size:16px;line-height:1;color:#666}
.rd_sign .bd_info_icon{font-size:17px}
.rd_sign .img{width:100px;height:auto;border:1px solid #CCC}
.rd_sign .get_sign{margin-left:120px;word-wrap:break-word;font-size:14px;color:#888}
/* Prev-Next */
.bd_prev_next{padding-bottom:35px}
.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:400}
.bd_prev_next .link{margin:0 6px;font-weight:700}
.bd_prev_next img{max-width:240px;max-height:240px;height:auto}
.prev_next .speech{padding:9px;font-size:14px;letter-spacing:0;text-align:center}
.prev_next .speech b{display:block;margin:4px 0;font-weight:400}
.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:-50px auto;padding:0 80px}
#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:-50px}
#viewer .bd_prev_next .fr{right:-50px}
#viewer .bd_prev_next .p{display:none}
.bd_prev_next a>i{display:none;font-size:98px;line-height:1;text-align:center;color:#999;transition:all .4s}
#viewer .bd_prev_next a>i{display:block}
.bd_prev_next a:hover>i,.bd_prev_next a:focus>i,.viewer_style2 .bd_prev_next a>i{color:#DDD}
.viewer_style2 .bd_prev_next a:hover>i,.viewer_style2 .bd_prev_next a:focus>i{color:#666}
/* Vote */
.rd_vote{padding-bottom:30px;text-align:center}
.bd .rd_vote a{display:inline-block;width:46px;height:46px;margin:0 8px;text-decoration:none;border-radius:4px;*display:inline;*zoom:1}
.rd_vote a.blamed{border:2px solid #BBB;color:#AAA}
.bd .rd_vote a:hover,.bd .rd_vote a:focus{box-shadow:0 1px 4px rgba(0,0,0,.2)}
.rd_vote b{display:block;padding-top:7px;font:700 17px/1 Arial,sans-serif}
.rd_vote .fa-heart{font-size:13px}
.rd_vote span{font-weight:700;font-size:14px}
/* 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:400}
.bd .to_sns .bubble strong{display:none}
/* File, Etc */
.rd_fnt,.rd_ft_nav{border-top:1px solid #DDD}
.bd .rd_fnt{font-size:14px}
.fnt_count{font-weight:400;font-size:14px}
.rd_fnt b{font:700 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{color:#666}
.rd_ft_nav{padding-bottom:32px}
.rd_ft_nav .btn_img{height:30px;margin:16px 6px 0 0;padding-top:6px}
.rd_ft_nav a.comment{display:none}

/* FeedBack ~ 댓글 란 과 글 프로필 이미지 크기. ~ */
.bd .profile{float:left;width:50px;height:auto;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:14px;border-top:1px solid #CCC;border-bottom:1px solid #CCC;background:#FCFCFC;*zoom:1}
.fdb_tag b{font-size:14px}
.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:14px;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:16px;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:700 17px sans-serif;opacity:.8}
.cmt_editor_tl strong{padding-left:24px}
.editor_select{font-size:14px}
#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 88px;border-top:1px solid #EEE;border-bottom:1px solid #EEE;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}
.fdb_itm>i.re{position:absolute;top:16px;left:-6px;color:#CCC}
.fdb_itm>i.rere{top:8px;left:-10px}
.fdb_v2 i.re{top:8px;left:-20px}
.fdb_v2 i.rere{top:16px;left:-16px}
.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:700;color:#444}
.fdb_itm .meta .date{padding:0 12px;font-size:14px;color:#888}
.fdb_nav{position:absolute;top:12px;right:8px}
.fdb_nav_btm .fdb_nav{position:static;height:18px;margin:4px -4px -4px;text-align:right}
.fdb_nav a{display:inline-block;overflow:hidden;height:1px;padding:0 3px;color:#666;transition:transform .5s;*display:inline;*zoom:1}
.fdb_nav_btm .vote{display:block !important;position:absolute;top:12px;right:8px}
.fdb_itm .vote a{height:auto !important;font-weight:700;color:#BBB;opacity:1}
.fdb_nav .fa{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:400;font-size:14px;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:400;font-size:14px}
.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,.bd_wrt .tag .itx{width:100%}
.opt_chk,.edit_opt{margin-top:8px}
.opt_chk *{vertical-align:middle}
.opt_chk .section{display:inline-block;height:24px;margin:4px 12px 4px 0;*display:inline;*zoom:1}
.opt_chk label{margin:0 8px 0 0}
.opt_chk input[type=radio],.opt_chk input[type=checkbox]{margin:0}
.edit_opt .itx{width:22%;margin:4px 0}
.edit_opt .bd_btn{margin:4px 0}
.fdb_lst .opt_chk{margin:0 0 0 4px;font-size:14px}
.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{height:34px}
.bd_wrt .regist .blue{min-width:92px;margin-left:20px}
.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 textarea{display:block}
.simple_wrt .bd_btn{position:absolute;top:0;right:-60px;width:56px;height:56px;line-height:56px;margin:0;padding:0}
.no_profile .simple_wrt{margin-left:0}
.cmt_wrt .simple_wrt textarea{min-height:56px !important}
.cmt_disable{display:block;height:46px;padding:4px 8px;border:1px solid #DDD;border-radius:2px;box-shadow:inset 1px 1px 4px rgba(0,0,0,.06);background:#FFF;text-decoration:none !important;color:#999 !important}
/* Recomment */
#re_cmt{display:none;margin:15px -2px 0;padding:15px 2px 0;border-top:1px solid #EEE}
#re_cmt .close{margin-left:15px}
#re_cmt .close .fa{font-size:13px;color:#999}
#re_cmt .cmt_editor_tl{margin-bottom:15px}
#re_cmt .cmt_editor_tl strong{padding-left:4px}
#re_cmt i.re{position:static;color:#CCC}
#re_cmt .simple_wrt{margin:0}
#re_cmt .edit_opt{margin:8px 0 0}
#re_cmt .btn_img{margin:5px -2px}
/* Color Box */
.bd_wrt .color_wrp{position:relative;float:left;margin-right:16px;background:#FFF;border-radius:3px}
.bd_wrt .color_wrp *{vertical-align:top}
.bd_wrt .color_wrp label{top:3px}
#title_color{width:80px;height:24px;margin-right:-2px}
/* Editor fix */
.get_editor{margin:12px 0}
.get_editor a{transition:none}
.bd .xpress-editor select{font-size:14px;margin:0;padding:0;border-radius:0}
/* Daum Editor temp */
.tx-attach-top .bd_btn{margin:0;padding:3px 9px;line-height:15px}

/* Context */
.secretMessage{margin:20px;text-align:center}
.rd_body .secretMessage{margin:0 0 40px;padding:20px 0 40px;border-bottom:1px solid #CCC}
.cmt_line{padding:20px;text-align:center}
.context_data{clear:both;padding:12px 24px;background:#F9F9F9;border-top:2px solid #666}
.secretMessage h3,.context_data h3,.context_data p{margin:12px 0}
.secretMessage small{color:#999}
.context_data p.author strong{font-weight:400}
.context_message{text-align:center;border-top:2px solid #666}
.context_message h1{font-size:1.3em;margin:1.6em}
.context_message .btnArea{margin:20px;text-align:center}
.context_message .bd_btn{min-width:92px;height:34px;margin:4px;font-size:16px}

/* Extra Var */
.et_vars{display:none;margin-bottom:20px}
.et_vars th,.et_vars td{padding:7px 16px;border:1px solid #DDD;text-align:left;word-break:break-all;word-wrap:break-word}
.et_vars th{min-width:60px;border-right:1px solid #DDD;white-space:nowrap}
.et_vars tr.bg1{background:#F6F6F6}
.et_vars td{width:100%}
.et_vars .bg1 td{background:rgba(255,255,255,.7);background:url(../img/ie/wh_op7.png)}
.rd_hd .et_vars{position:relative;margin-top:-1px;border-width:1px 0}
/* Extra Form */
.exForm{display:block}
.exForm caption{padding:8px 4px 2px;text-align:left;font-size:13px}
.exForm th,.exForm td{background:#FFF}
.exForm td{padding:6px}
.exForm .bd_btn{vertical-align:top}
.exForm .text,.exForm .email_address,.exForm .homepage{width:100%}
.exForm .tel{width:40px}
.exForm .date{width:120px}
.exForm p{margin:2px 0 0 0;font-size:14px}
.exForm ul{margin:0;padding:0}
.exForm li{display:inline;list-style:none}
.exForm input[type=radio],.exForm input[type=checkbox]{margin:0 4px 0 0;vertical-align:middle}
.exForm li label{margin:0 15px 0 0;vertical-align:middle}

/* 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:10}
.bd_lst img,.bd_lst input{vertical-align:middle}
.bd .no_doc{clear:both;padding:20px;text-align:center}
.bd .attached_image{display:inline-block;width:12px;height:11px;background:url(../../../../document/tpl/icons/image.gif);vertical-align:middle;*display:inline;*zoom:1}
.bd .replyNum,.bd .trackbackNum{margin-left:4px;font:700 11px Tahoma,AppleGothic,sans-serif;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:400;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}
/* Thumb */
.no_img{display:block;overflow:hidden;position:relative;margin:0 auto;background:#F3F3F3;font-weight:700;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:14px;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;background-position:50% 50%;background-repeat:no-repeat;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:14px;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:14px;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:"Times New Roman",Times,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:700;font-size:14px}
.ribbon_v .ribbon.notice{background:url(../img/ribbon/notice.png)}
.ribbon_v .ribbon.update{background:url(../img/ribbon/update.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:13px;text-align:center;white-space:nowrap}
.bd_tb_lst th{padding:9px 12px;border-top:1px solid #CCC;border-bottom:1px solid #BBB;box-shadow:inset 0 -1px 0 #FFF;color:#555}
.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:16px;white-space:normal;word-break:break-all}
.bd_lst td.title a{color:#222}
.bd_tb_lst .wrp{left:0;margin-left:0 !important;white-space:normal}
.bd_tb_lst .bubble_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\9}
.bd_tb_lst .author 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>li>a{display:block;position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px;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:700 42px/48px Tahoma,AppleGothic,sans-serif;letter-spacing:-2px}
.bd_zine .mmyy{font:700 14px/22px Tahoma,AppleGothic,sans-serif;letter-spacing:-1px;color:#777}
.bd_zine .yy{font-weight:400}
.bd_zine .hh{letter-spacing:-1px;color:#888}
.bd_zine .tmb_wrp{text-align:center;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;color:#444}
.bd_zine .cnt{margin:6px 0 2px}
.bd_zine .info,.bd_zine .info a{color:#999}
.bd_zine .info i{display:none;color:#BBB}
.bd_zine .info b{margin-left:5px}
.bd_zine img,.bd_zine input{vertical-align:text-top}
.bd_zine.zine .info{font-size:13px;line-height:1}
.bd_zine.zine .info>span{display:inline-block;margin:7px 7px 0 0;padding-right:9px;border-right:1px solid #DDD;*display:inline;*zoom:1}
.bd_zine.zine .info>span:last-of-type{border:0}
.bd_zine.card>li{float:left;padding:9px;background:#FFF;border:1px solid #DDD;border-bottom-color:#BBB}
.bd_zine.card2>li{padding:10px;background:transparent;border:0;box-shadow:none}
.bd_zine.card .hx,.bd_zine.card .notice a{border-style:solid}
.bd_zine.card .tmb_wrp{width:100%}
.bd_zine.card h3{margin-top:1.2em;font-size:14px;line-height:1.4}
.bd_zine.card .cnt{margin-top:1em;font-size:14px}
.bd_zine.card .info{margin-top:1em;font-size:10px}
.bd_zine.card .info b{margin:0 4px 0 3px;font-weight:400}
.bd_zine.card .info .br{display:block}
.bd_zine.card .info .br b{padding-left:8px}
.bd_zine[class^=info_icon] .info>span{margin-right:4px;border:0}
.bd_zine[class^=info_icon] .info i{display:inline-block;*display:inline;*zoom:1}
.bd_zine.info_icon .info b{font-weight:400}
.bd_zine.info_icon .info>span>span{display:none}
.bd_zine.info_icon2 .info i{margin-right:4px}

/* 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;box-shadow:0 15px 10px rgba(0,0,0,.7);-ms-transform:rotate(-3deg);transform:rotate(-3deg)}
.bd_tmb_lst .bg:after{right:5px;left:auto;-ms-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)\9;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:400;font-size:14px}
.bd_tmb_lst.gall_style2 .tmb_wrp{padding:5%;box-shadow:0 1px 1px rgba(0,0,0,.2)}
.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}

/* Cloud Gallery */
.bd_cloud{margin:0 auto}
.bd_cloud a{display:block;position:absolute !important;top:50%;left:50%;z-index:1;padding:16px 16px 32px;border:1px solid;border-color:#EEE #E9E9E9 #DDD;background:#FFF;box-shadow:inset -2px -16px 32px -4px rgba(0,0,0,.03),2px 4px 11px -4px #000;text-decoration:none !important;transition:transform .5s}
.bd_cloud .tmb{border:1px solid;border-color:#F3F3F3 #DDD #DDD #F3F3F3}
.bd_cloud .date{position:absolute;bottom:8px;right:16px;font-size:1.2em;line-height:1;color:#FFF}
.bd_cloud .ico_32px{position:absolute;background-image:url(../img/white/ico_32px.png) !important}
.bd_cloud .deco1{top:-10px;left:-10px}
.bd_cloud .deco2{bottom:-10px;right:-10px}
.bd_cloud em{display:block;margin:8px 0 -12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bd_cloud.no_rd{padding:32px 0}
.bd_cloud.no_rd a{float:left;margin:12px}
.bd_cloud.no_rt a{-ms-transform:rotate(0deg) !important;transform:rotate(0deg) !important}
.bd_cloud a:hover,.bd_cloud a:focus{z-index:100 !important;-ms-transform:scale(1.3) rotate(0) !important;transform:scale(1.3) rotate(0) !important}
.bd_cloud.no_rd a:hover,.bd_cloud.no_rd a:focus{-ms-transform:scale(1.1) rotate(0) !important;transform:scale(1.1) rotate(0) !important}
.bd_cloud_btn{float:right;position:relative;z-index:100;margin:8px}
.bd_cloud_btn button{display:inline-block;margin-left:2px;padding:2px 6px;font-weight:700;font-size:10px;color:#999;background:#EEE;border:1px solid #DDD;border-radius:4px}
.bd_cloud_btn button.off{color:#FFF;background:#999;border-color:#666}

/* Mobile List */
.bd_m_lst.zine>li{margin:0;padding:12px}
.bd_m_lst>.select{background:rgba(200,200,200,.1)}
.bd_m_lst .rt_area{margin:0 !important}
.bd_m_lst .tmb_wrp img{width:70px;height:auto}
.bd_m_lst .is_tmb{padding-left:84px}
.bd_m_lst .is_tmb .tmb_wrp{margin-left:-84px}
.bd_m_lst.zine h3{margin-bottom:4px;font-weight:400;font-size:16px;line-height:1.3}
.bd_m_lst .info b{font-weight:400}
.bd_m_lst .mrk{display:inline-block;position:relative;top:-2px;margin-left:4px;padding:0 6px;border-radius:3px;background:#F33;font:400 normal 10px/14px sans-serif;color:#FFF}
.bd_m_lst .mrk.update{background:#FA0}
.bd_m_lst .attached_image{margin:0 4px 0 -8px;vertical-align:inherit}

/* Guestbook */
.bd_guest .sum{margin:0 20px 15px;padding-left:30px;background:url(../img/footprint.png) 0 50% no-repeat;font:700 15px Tahoma,sans-serif}
.bd_guest .sum a{color:#999}
.bd_guest .sum em{font-size:20px}
.bd_guest .bd_wrt_main{margin:0 20px 30px}
.bd_guest .bd_wrt_main textarea{min-width:100%;height:126px}
.bd_guest .bd_wrt_main .opt_chk{margin-bottom:12px;font-size:14px}
.bd_guest .bd_wrt_main .simple_wrt{margin:0}
.bd_guest .bd_wrt_main .cmt_disable{height:96px;font-size:1.1em}
.guest_itm{padding:20px 0 0 112px;border-top:2px dashed #EEE}
.guest_profile .img{width:60px;height:auto;margin-left:-90px;line-height:60px}
.guest_meta{margin-bottom:15px}
.guest_meta a{font-weight:700;color:#444}
.guest_meta .date{padding:0 15px;color:#888}
.ico_secret{margin-left:8px;padding:2px 6px;border-radius:3px;background:#999;font-size:.8em;color:#FFF}
.guest_itm_nav{padding:5px 15px 15px}
.guest_itm_nav em{position:relative;top:1px;padding:0 1px 0 4px;font-weight:700}
.guest_itm:hover .fdb_nav a{height:auto !important}
.bd_guest .guest_cmt{margin:0 0 20px -24px;background:#FAFAFA;border:1px solid #EEE;border-radius:10px}
.bd_guest .fdb_itm{padding:15px 15px 15px 85px;border:0;border-bottom:1px solid #EEE}
.bd_guest .fdb_itm:first-child{margin:0}
.bd_guest .fdb_itm.re{margin:0;background:none;border-bottom:1px dashed #DDD;border-radius:0}
.bd_guest .no_profile .fdb_itm{padding-left:15px}
.bd_guest .ico_16px.re{top:20px;left:-5px}
.bd_guest .cmt_editor{margin:15px 15px 25px}
.bd_guest .fdb_itm .fdb_nav{margin-right:-5px}

/* Blog */
.rd_blog{margin:0 1px 60px;padding:4%;background:#FFF;border-radius:4px;box-shadow:0 1px 4px rgba(0,0,0,.5)}
.rd_blog.no_style{margin:0 1px;padding:0 2%;background:none;border-radius:0;box-shadow:none}
.rd_blog .fdb_lst_wrp{margin-bottom:0}

/* FAQ */
.bd_faq{margin-top:24px}
.bd_faq>li{padding:14px 14px 14px 52px;border-top:1px solid #EEE;color:#666;*zoom:1}
.bd_faq>li:hover,.bd_faq .open,.bd_faq .notice{background:#FCFCFC}
.bd_faq .q{display:block;padding-right:20px;font-size:13px;text-decoration:none !important}
.bd_faq .open .q{font-weight:700}
.bd_faq .mrk{display:block;position:absolute;top:-2px;left:-38px;width:22px;height:22px;border:1px solid #DDD;border-radius:5px;background:#F9F9F9 url(../img/ie/bg_f_f9.gif) repeat-x;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#FFF),to(#EEE));background:linear-gradient(to bottom,#FFF 0%,#EEE 100%);text-align:center;box-shadow:0 1px 1px rgba(0,0,0,.2);color:#ff8484;text-shadow:0 1px 0 #ff3d3d}
.bd_faq .article .mrk{font:700 16px/22px Arial,Helvetica,sans-serif}
.bd_faq .notice .mrk{white-space:nowrap}
.bd_faq .mrkA{left:-39px;color:#78a3da;text-shadow:0 1px 0 #6990d1}
.bd_faq .mrk span{display:none}
.bd_faq .cate{padding-right:12px;color:#555}
.bd_faq .a{display:none;margin-top:14px;padding:20px;background:#FFF;border:1px solid #EEE;border-radius:5px}
.bd_faq .date,.bd_faq .nick{display:inline-block;min-width:50px;padding:0 8px;font-size:14px;text-align:center;*display:inline;*zoom:1}
.bd_faq .starRating{margin-right:16px}
.bd_faq .q .fr{padding:0 8px}
.bd_faq input{position:absolute !important;top:12px;right:4px}
.bd_faq .editArea{margin:3px 0 24px;text-align:right}
.bd_faq .url{margin-right:8px;border-bottom:1px dotted #999;text-decoration:none;color:#666}
.bd_faq.faq_official>li{padding:12px 0}
.bd_faq.faq_official .mrk{display:inline-block;position:static;width:40px;border:0;background:none;box-shadow:none;*display:inline;*zoom:1}
.bd_faq.faq_official .mrkA{float:left;margin-left:-41px}
.bd_faq.faq_official .mrk span{display:inline}
.bd_faq .q .fa{position:absolute;top:50%;right:6px;margin-top:-6px;color:#CCC}
.bd_faq .q .fa-chevron-up,.bd_faq .open .fa-chevron-down{display:none}
.bd_faq .open .fa-chevron-up{display:block}
.bd_faq.faq_official .a{margin:10px 0 -13px;padding:10px 10px 20px 40px;border-radius:0}

/* Viewer */
body.viewer,body.viewer_blk{margin:0;padding:3% 0;background:#F3F3F3}
body.viewer_blk{background:#222}
#viewer .bd{position:relative;max-width:740px;margin:0 auto;padding:3%;background:#FFF;box-shadow:0 4px 48px rgba(0,0,0,.5)}
#viewer.viewer_style2 .bd{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;box-shadow:0 0 8px rgba(0,0,0,.3),inset -12px 0 24px 0 rgba(0,0,0,.04)}
#viewer_lst .tg_close2{top:4px;right:4px}
#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:14px;color:#F66}
#viewer_lst .meta{font-size:14px;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}
#viewer .mCSB_buttonUp{background-position:-96px 0}
#viewer .mCSB_buttonDown{background-position:-96px -20px}
.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:700;font-size:14px;white-space:nowrap;text-align:center;text-decoration:none !important;color:#FFF;filter:alpha(opacity=70);opacity:.7;-ms-transform:rotate(-5deg);transform:rotate(-5deg);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}

/* 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:14px;border-bottom:1px dotted #999}
.bd_zine .link_modify{position:relative;z-index:100}

/* 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:800px){
.bd .ico_sns{background-image:url(../img/sns_64.png);background-size:32px auto;opacity:1}
.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){
.bd_btn,.btn_img,.bd .itx,.bd select{height:34px}
.btn_img{padding:7px 14px 7px 10px;font-size:14px}
.bd .itx,.bd .itx_wrp label{font-size:13px}
.bd_srch_btm select,.bd_faq_srch select{height:24px !important}
.bd_faq_srch.clear{margin-bottom:16px;padding:4px}
.bd_faq_srch.clear .itx_wrp{padding:0 4px}
.bd_bc,.bd_set,.bd_set a{font-size:14px}
.bd .xe_content{font-size:15px}
.rd_hd .blog h1{font-size:20px}
.bd_pg a,.bd_pg strong{min-width:20px;height:34px;margin:0;font:700 14px/34px sans-serif}
.bd .rd_nav,.rd_ft_nav .btn_img{margin-left:12px;margin-right:12px}
.bd_lst input{display:none}
.bd_zine{padding:0 !important}
.bd_zine li>a{top:0;right:0;bottom:0;left:0}
.bd_zine.zine>li{margin:0;padding:12px}
.bd_zine.zine .no_img,.bd_zine .info img,.bd_m_lst .attached_image{display:none}
.bd_zine.zine .rt_area{margin:0 !important}
.bd_zine.zine .ribbon{position:relative;margin:-13px -11px}
.bd_zine.zine .rt_area .tmb_wrp{position:static;margin:0;transform:none}
.bd_zine.zine .tmb_wrp img{width:70px;height:auto}
.bd_zine.zine .is_tmb{padding-left:84px}
.bd_zine.zine .is_tmb .tmb_wrp{margin-left:-84px}
.bd_zine.zine .is_tmb .ribbon{position:absolute;margin:-1px 1px}
.bd_zine h3{font-size:16px;line-height:1.3}
.bd_zine.zine .cnt{overflow:hidden;max-height:32px;margin:6px 0 4px;font-size:14px;line-height:16px}
.bd_zine.zine .info>span{margin:6px 4px 0 0;padding-right:6px}
.bd_zine.zine .info b{margin-left:2px}
.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:14px}
.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;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,.bd_hd .rd_nav,
.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{overflow:hidden;float:none !important;padding:10px}
.bd_hd.v2 .bd_bc{border-top:1px solid #DDD;background:#FCFCFC}
.bd_cnb{padding-left:48px}
.bd_cnb .bg_f_f9{padding:3px 7px !important}
.bd_cnb a.home{width:52px}
.bd .cTab{margin-left:0;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:2px !important;border:1px solid #CCC}
.bd .cTab>li.on a{position:relative;border-color:#999}
.cnb3{margin:0 2px}
.cnb3>li{float:left !important;width:20%}
.cnb3>li>a{padding:6px}
.btm_mn{padding:10px 5px 0}
.rd{padding:0;box-shadow:none}
.rd_hd{margin:0 0 20px !important}
.rd_hd .board .top_area{margin:0;padding:20px 12px;border-width:1px 0 0;border-radius:0;box-shadow:none;background:none}
.rd_hd .board .top_area .cate{display:block;float:none;padding:0 2px 6px}
.rd_hd .board h1{overflow:visible;padding:0;font-size:20px;line-height:1.2;white-space:normal}
.rd_hd .board .btm_area{margin:-12px 12px 0;padding:0 0 18px;background:none}
.rd_hd .board .side{float:none;padding:0}
.rd_hd .board .side>*{padding:0 8px 0 2px}
.rd_body{margin:0 12px 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}
.bd .img_tx a{font-size:14px}
.bd .img_tx .fa{font-size:16px}
.to_sns.big a{margin:1px}
.rd_ft_nav{padding-bottom:20px}
.rd_ft_nav .btn_img{height:36px;padding-top:8px}
.rd_nav a{padding:9px;opacity:1}
.rd_ft_nav .rd_nav .edit:nth-last-child(2){border:0}
.fdb_v2 .fdb_lst{padding:52px 12px 12px}
.fdb_tag{margin:0}
.fdb_itm,.bd_guest .fdb_itm{padding:10px 10px 10px 60px !important}
.fdb_itm .profile{width:40px;height:40px;margin-left:-50px !important;padding:0;border:0;font-size:24px;line-height:40px}
.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:60px !important}
.simple_wrt{position:static;margin:0}
.simple_wrt textarea{font-size:16px}
.cmt_wrt .simple_wrt textarea{min-height:96px !important}
.simple_wrt .bd_btn{position:absolute;top:100%;right:-1px;width:100%;height:34px;margin-top:12px;font-weight:700;line-height:32px}
.edit_opt{display:block !important}
.bd_wrt_main .itx_wrp{display:block}
.bd_wrt_main .itx{width:100%;margin:0 0 8px}
.bd_wrt_main .itx_wrp label{top:8px}
.bd_wrt_main{padding:12px}
.bd_wrt_hd .category{max-width:80px;margin-right:4px}
.bd_wrt_hd .itx{margin:0}
.bd_wrt .regist .bd_btn{margin:2px}
.bd_wrt .regist .cancle{position:static}
.context_data,.context_message{margin:0}
.et_vars th{min-width:0;padding:6px 18px 6px 12px}
.bd_tb_lst th{font-size:13px}
.bd_tb_lst td{position:relative;padding:12px 4px;font-size:10px}
.bd_tb_lst td.title{padding:8px}
.bd_tb_lst td.title a{position:static;font-size:16px}
.bd_tb_lst .extraimages{margin:0}
.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 12px 32px}
.bd_guest .guest_cmt{margin:4px 0 20px}
.guest_itm{padding:10px}
.guest_profile .img,.bd_guest .fdb_itm .profile{width:40px;height:40px;margin:0 12px 0 0;line-height:40px}
.guest_itm_nav{padding:4px}
.bd_guest .cmt_editor{margin:12px}
.rd_blog{margin:0;padding:0;box-shadow:none}
.bd_faq .q{font-size:15px}
.bd_faq .q .fr{display:block;float:none;padding:0}
.bd_faq .date, .bd_faq .nick{min-width:0;padding:0 10px 0 0;font-weight:400;opacity:.7}
.bd_faq .editArea{margin:0 0 15px}
.bd_faq .url{display:none}
.bd_faq_srch_wrp,.bd_faq.faq_official .a{padding:10px}
.bd_faq.faq_official .mrkA{float:none;margin-left:-11px}
}
/* android HD */
@media screen and (max-width:360px){
.bd .cTab>li,.cnb3>li{width:25%}
.bd_tb_lst img[alt="file"]{display:none}
.bd_cloud.no_rd a{width:260px}
.bd_zine.zine .info>span{font-size:10px}
}
/* android 800x480, iphone */
@media screen and (max-width:320px){
.hide_w320{display:none !important}
.to_sns.big a{margin:0 -2px}
}
/* Viewer */
@media only screen and (max-width:960px){
body.viewer{padding:0}
#viewer .bd_prev_next,#viewer .rd_nav_side{display:none !important}
#viewer_lst{margin-left:-5px}
}
@media only screen and (max-width:420px){
#viewer_lst{display:none !important}
}

 

Atachment
첨부 3
  • profile
    윤삼 2017.07.11 00:50:52
    html 파일 18행에서 class="m_no"를 지워보세요
  • profile
    가시밭 2017.07.16 23:10:52
    잘됩니다!! 감사합니다!

위로
서버에 요청 중입니다. 잠시만 기다려 주십시오...