@charset "utf-8";

/* Reset */
.bd, .bd input, .bd textarea, .bd select, .bd button, .bd table { font-size: 14px; line-height: 1.5 }
.bd { color: #111; }
.bd em { font-style: normal }
.bd a { text-decoration: none; color: #111; 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 { width: 1000px; margin: 40px auto }
.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; 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: 11px; 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: 400; color: #FFF; font-size: 16px; padding: 10px 30px; background: #ce5a57; margin-top: 30px }
.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: 4px 6px; background: #e7e7e7; border-radius: 0px; border: 0px solid; border-color: #BBB #DDD #DDD #BBB; *display: inline; *zoom: 1 }
.bd .itx { height: 40px }
.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: 10px 16px; border: 1px solid; border-color: #CCC; border-radius: 0px;	/*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: #ccc;
	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_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 }

	/* 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: 14px; 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 Tahoma, AppleGothic, 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: 11px; 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 .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: 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: 14px; 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 { display: none; font-size: 11px; 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: 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; 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: 14px; 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: 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: 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: 12px }
	#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; 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: 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: 10px 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: 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 }
	.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: 11px; 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: 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\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 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; line-height: 1.5 }
	.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: 10px; color: #999 }
	.rd_hd .board .nick { padding: 0 8px; font-size: 11px }
	.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: 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; *display: inline; *zoom: 1 }
	.rd_preview { margin: 20px 6px; font-size: 11px; color: #888 }
	.rd_hd .blog .date { font-variant: small-caps }
	.rd_hd .blog .cate { color: #999 }
	.rd_hd .blog b { font-size: 12px }
	.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 .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 .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: 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-weight: 700; font-size: 14px; line-height: 1; color: #666 }
	.rd_sign .bd_info_icon { font-size: 17px }
	.rd_sign .img { width: 60px; height: auto; 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 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: 11px; 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 p { margin: 0; font-weight: 700; 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: 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: 11px }
	.fnt_count { font-weight: 400; font-size: 12px }
	.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 4px 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: 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: 700 17px sans-serif; opacity: .8 }
	.cmt_editor_tl strong { padding-left: 24px }
	.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 { display: none; 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: 11px; 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: 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: 400; font-size: 11px }
	.cmt_files .speech { font-size: 10px }
	.cmt_files .tg_close2 { font: 11px/16px Tahoma }

	/* Write */
	.bd_wrt_main { padding: 40px 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: 11px }
	.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: 60px }
	.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 }
	.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: 12px; 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 }
	.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: 14px }

	/* 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: 60px }
	.exForm .date { width: 120px }
	.exForm p { margin: 2px 0 0 0; font-size: 11px }
	.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: 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; 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: 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: "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: 11px }
	.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: 11px;*/ 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: 40% !important }
	.bd_tb_lst td.title { text-align: left; font-size: 14px; 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 .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: 11px; 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: 12px; line-height: 1.4 }
	.bd_zine.card .cnt { margin-top: 1em; font-size: 11px }
	.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: 11px }
	.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 .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: 11px }
	.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 }
	.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: 11px; text-align: center; *display: inline; *zoom: 1 }
	.bd_faq .starRating { margin-right: 16px }
	.bd_faq .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 { 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 }
	#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: 12px; 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: 11px; 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:768px) {
		.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: 12px }
		.bd .itx, .bd .itx_wrp label { font-size: 13px;  }
		.bd .itx_wrp label { font-size: 14px; font-weight: 700; }
		.bd_srch_btm select, .bd_faq_srch select { height: 24px !important }
		.bd_faq_srch.clear { padding: 4px }
		.bd_faq_srch.clear .itx_wrp { padding: 0 4px }
		.bd_bc, .bd_set, .bd_set a { font-size: 12px }
		.xe_content { font-size: 14px }
		.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: 14px; line-height: 1.3 }
		.bd_zine.zine .cnt { overflow: hidden; max-height: 32px; margin: 6px 0 4px; font-size: 12px; 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: 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; 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 { width: 100%; margin: 0 auto }
		.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 { display: none; 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 }
		.to_sns.big a { margin: 0 2px }
		.bd .img_tx a { font-size: 12px }
		.bd .img_tx .fa { font-size: 14px }
		.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: 14px }
		.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 }
		.edit_opt .itx { width: 100% }
		.bd_wrt_main { padding: 12px }
		.bd_wrt_hd .category { max-width: 80px; margin-right: 4px }
		.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: 14px }
		.bd_tb_lst td.title { padding: 8px; }
		.bd_tb_lst td.title a { position: static; font-size: 14px }
		.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_srch_wrp, .bd_faq.faq_official .a { padding: 10px }
		.bd_faq.faq_official .mrkA { float: none; margin-left: -11px }
		.bd_lst_wrp { padding-top: 20px; }
	}

	/* android HD */
	@media screen and (max-width:360px) {
		.bd { width: 100%; margin: 0 auto }
		.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 }
		.bd { width: 100%; margin: 0 auto }
	}

	/* Viewer */
	@media only screen and (max-width:960px) {
		.bd { width: 100%; margin: 0 auto }
		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) {
		.bd { width: 100%; margin: 0 auto }
		#viewer_lst { display: none !important }
	}