@charset "utf-8";
/* Board Reset */
.bd p,.bd h1,.bd h2,.bd h3,.bd h4,.bd h5,.bd h6,.bd ul,.bd ol,.bd li,.bd dl,.bd dt,.bd dd,.bd table,.bd th,.bd td,.bd form,.bd fieldset,.bd legend,.bd input,.bd textarea,.bd button,.bd select,.bd hr{margin:0;padding:0}
.bd,.bd input,.bd textarea,.bd select,.bd button,.bd table{font:12px/1.5 "나눔고딕",NanumGothic,ng,Helvetica,AppleGothic,"돋움",dotum}
.bd ul,.bd ol{list-style:none}
.bd a{text-decoration:none}
.bd a:hover,.bd a:active,.bd a:focus{text-decoration:underline}
.bd em{font-style:normal}
.bd fieldset{border:0}
.bd legend{position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;visibility:hidden;font-size:0;line-height:0}
.bd button{border:0;background:none;cursor:pointer}

/* Common */
.bd .btn{display:inline-block;margin:4px;padding:3px 15px;outline:none;cursor:pointer;text-decoration:none !important;text-align:center;font-size:13px;
text-shadow:1px 1px 0 rgba(255,255,255,0.8);border:solid 1px #FFF;border-radius:2px;background:#FFF url(../img/white/fff_eee.svg) no-repeat;box-shadow:0 1px 3px #666;transition:all 0.3s ease}
.bd .btn:hover,.bd .btn:focus{font-weight:bold;box-shadow:0 1px 6px #666}
.bd .itx,.bd select,#bd .et_vars input{display:inline-block;min-height:19px;margin:3px 1px;padding:3px;font-size:13px;background:#FAFAFA;border-radius:3px;border:1px solid;border-color:#AAA #DDD #DDD #AAA;transition:all 0.3s ease}
.bd .itx:hover,.bd .itx:focus,#bd .et_vars input:hover,#bd .et_vars input:focus{background:#FFF;border-color:#888 #BBB #BBB #888}
.bd select{min-height:27px;border-color:#CCC;background:#F9F9F9}
.bd textarea{border:1px solid #CCC;border-radius:3px;box-shadow:inset 1px 1px 3px #DDD;transition:all 0.5s ease}
.bd textarea:hover,.bd textarea:focus{border-color:#999}

.bd .itx_wrp{position:relative;top:-1px}
.bd .itx_wrp .itx{position:relative;z-index:0;margin:3px 2px 3px 0}
.bd .itx_wrp label{position:absolute;top:-3px;left:5px;font-size:13px}
.bd .itx_wrp .btn{margin:3px 0}

.bd .lt{float:left}
.bd .rt{float:right}

/* Color */
.bd{color:#444}
.bd a{color:#333}
.bd a:hover{color:#111}

.bd.c333333 em{color:#333}
.bd.c333333 .bolder{color:#333;text-shadow:#999 2px 2px 4px}
.bd.c3399FF em{color:#39F;text-shadow:#36C 1px 1px 1px}
.bd.c3399FF .bolder{color:#39F;text-shadow:#36C 2px 2px 4px}
.bd.cFF0033 em{color:#F03;text-shadow:#C33 1px 1px 1px}
.bd.cFF0033 .bolder{color:#F03;text-shadow:#C33 2px 2px 4px}
.bd.cFF6666 em{color:#F66;text-shadow:#F06 1px 1px 1px}
.bd.cFF6666 .bolder{color:#F66;text-shadow:#F06 2px 2px 4px}
.bd.c66CC00 em{color:#6C0;text-shadow:#090 1px 1px 1px}
.bd.c66CC00 .bolder{color:#6C0;text-shadow:#090 2px 2px 4px}
.bd.cFF3399 em{color:#F39;text-shadow:#C39 1px 1px 1px}
.bd.cFF3399 .bolder{color:#F39;text-shadow:#C39 2px 2px 4px}
.bd.cEEEEEE em{color:#EEE;text-shadow:#000 1px 1px 1px}
.bd.cEEEEEE .bolder{color:#EEE;text-shadow:#000 2px 2px 4px}
.bd.cFFCC33 em{color:#FC3;text-shadow:#EA0 1px 1px 1px}
.bd.cFFCC33 .bolder{color:#FC3;text-shadow:#EA0 2px 2px 4px}
.bd.c0033CC em{color:#03C;text-shadow:#036 1px 1px 1px}
.bd.c0033CC .bolder{color:#03C;text-shadow:#036 2px 2px 4px}
.bd.c993366 em{color:#936;text-shadow:#633 1px 1px 1px}
.bd.c993366 .bolder{color:#936;text-shadow:#633 2px 2px 4px}
.bd.cFF6600 em{color:#F60;text-shadow:#C30 1px 1px 1px}
.bd.cFF6600 .bolder{color:#F60;text-shadow:#C30 2px 2px 4px}
.bd .btn em{text-shadow:none}

/* Clear */
#bd,#bd_hd,#bd .bd_rd_ft,#bd .bd_rd_ft .sign,#bd .bd_rd_hd,#bd .view_doc .doc_opt,#bd .bd_ft_nav,#bd .fdb_lst,#bd .bd_wrt,#bd .bd_wrt .tag,#guestbook,#bd_zine a,#tmb_lst,#cloud_gall{display:block;position:relative;clear:both;*zoom:1}
#bd:after,#bd_hd:after,#bd .bd_rd_ft:after,#bd .bd_rd_ft .sign:after,#bd .bd_ft_nav:after,#bd .bd_rd_hd:after,#bd .view_doc .doc_opt:after,#bd .fdb_lst:after,#bd .bd_wrt:after,#bd .bd_wrt .tag:after,#guestbook:after,#bd_zine a:after,#tmb_lst:after,#cloud_gall:after{content:"";display:block;clear:both}

/* Breadclumb */
#breadclumb,#bd_setup{height:22px;margin-bottom:14px}
#breadclumb{float:left}
#breadclumb span{font-size:9px;color:#AAA}
#breadclumb a{padding:0 4px;letter-spacing:-1px;color:#444}
#breadclumb em{text-shadow:none}
#breadclumb strong,#breadclumb em,#breadclumb a:hover{font-weight:bold}
#jump select{min-height:22px;padding:2px;margin:0 4px;font-size:12px;vertical-align:middle}
#jump button{width:22px;height:22px;margin-left:-4px;padding:2px;border:1px solid #AAA;border-radius:4px;background:#DDD;font-size:11px;letter-spacing:-1px;vertical-align:middle;opacity:.6;transition:all 0.3s ease}
#jump button:hover{opacity:1}

/* Setting(right top menu) */
#bd_setup{float:right;line-height:22px}
#bd_setup li{float:left;margin-left:14px}
#bd_setup button{line-height:22px}
#bd_setup strong:hover,#bd_setup strong:focus{text-decoration:underline}
#bd_setup strong{padding:0 1px}
#bd_setup em{text-shadow:none}

/* Search */
#bd_srch_fm{display:none;clear:both;padding:30px 0 44px;text-align:center}
#bd_srch_fm *{vertical-align:middle}
#bd_srch_fm select{margin-right:-30px;padding:5px 25px 5px 5px;background:#FFF;border:5px solid;border-radius:30px}
#bd_srch_fm .srch_itx{width:240px;height:30px;padding:0 50px 0 10px;font-size:14px;border:7px solid;border-radius:30px}
#bd_srch_fm .srch_btn{display:inline-block;width:24px;height:24px;margin-left:-40px;border:0}
#bd_srch_fm select,#bd_srch_fm .srch_itx,#bd_srch_fm .srch_btn{position:relative;z-index:0}

/* Header Menu(catgory, list style) */
#bd_hd,#bd .bd_rd_hd3 h1{position:relative;margin:1px;padding:9px;overflow:hidden;background:#FCFCFC;border:1px solid #DDD;border-radius:6px;box-shadow:0 1px 1px #AAA}
#bd_tl,#bd .bd_rd_hd3 h1 .tl{float:left;margin:0 14px;font:bold 16px/23px "나눔고딕 ExtraBold","NanumGothic ExtraBold","나눔고딕",NanumGothic,ng;text-decoration:none}
/* Category */
#cate_nav{float:left;margin:5px 0 0 5px}
#cate_nav li{float:left;margin:3px 0;padding:0 10px 1px 10px;line-height:.9;border-left:1px solid #DDD}
#cate_nav li:first-child{border:0}
#cate_nav li a{color:#444}
#cate_nav a:hover,#cate_nav a:focus,#cate_nav .on{font-weight:bold;color:#000 !important}
#cate_nav .son{font-size:11px;color:#999}
/* List Style */
#info_view{float:right}
#info_view li{position:relative;float:left;margin-left:4px}
#info_view li a{display:block;float:left;width:21px;height:21px;overflow:hidden;border:1px solid #DDD;border-radius:2px;box-shadow:1px 2px 6px #999;background-color:#FFF;background-repeat:no-repeat;background-image:url(../img/white/list_style.png);opacity:.4;transition:all 0.5s ease}
#info_view li a:hover,#info_view li.active a{opacity:1}
#info_view li a span{position:absolute;width:0;height:0;overflow:hidden;visibility:hidden;font-size:0;line-height:0}
#info_view .classic a{background-position:-1px -1px}
#info_view .zine a{background-position:-24px -1px}
#info_view .gall a{background-position:-47px -1px}
#info_view .cloud a{background-position:-70px -1px}
#info_view .mobile a{background-position:-93px -1px}

/* Bottom Image Menu */
#bd_btm_mn{padding:0 5px;border-top:1px solid #BBB;border-bottom:1px solid #EEE}
#bd_btm_mn a{margin:12px 2px;padding:3px;border:2px solid #666;border-radius:4px;opacity:.7}
#bd_btm_mn a:hover,#bd_btm_mn a:focus{opacity:1}
#bd_btm_mn img{width:16px;height:16px}

/* Pagnation */
#bd .pag{clear:both;padding:10px 0 30px;text-align:center}
#bd .pag a{color:#222;background:#EEE;text-decoration:none !important;opacity:.5;transition:all 0.5s ease}
#bd .pag strong{background:#222;color:#FFF}
#bd .pag a,#bd .pag strong{display:inline-block;padding:0 6px;font:13px/22px "Arial Black";border:1px solid #999;border-radius:3px}
#bd .pag a.first,#bd .pag a.last{width:10px;height:24px;background-color:transparent;border:0;background-image:url(../img/arrow_st1_16px.png);background-repeat:no-repeat;text-indent:-10000px;opacity:0.25}
#bd .pag a.first{background-position:4px 4px}
#bd .pag a.last{background-position:-46px 4px}
#bd .pag strong,#bd .pag a:hover,#bd .pag a:focus{opacity:1}

/* Read */
#bd .view_doc{padding:20px 30px}
/* Viewer button  */
#bd .extra_btn{position:relative;float:right;margin-right:8px;line-height:22px}
#bd .extra_btn em{font-size:13px;font-weight:bold;letter-spacing:-1px;text-shadow:none}
/* Read Header */
#bd .bd_rd_hd{padding:40px 25px 20px;line-height:1;border-top:3px solid #333;border-bottom:1px solid #666}
#bd .bd_rd_hd h1{position:relative;padding-bottom:20px;text-align:center;font:bold 32px/60px "나눔고딕 ExtraBold","NanumGothic ExtraBold","나눔고딕",NanumGothic,ng;letter-spacing:-2px}
#bd .bd_rd_hd h1.wave{margin:0 -10px}
#bd .bd_rd_hd.left h1{text-align:left}
#bd .bd_rd_hd h2{max-width:360px;margin:0 auto;font-weight:normal;font-size:20px;word-break:keep-all;color:#777}
#bd .bd_rd_hd.left h2{margin:0}
#bd .bd_rd_hd h2,#bd .bd_rd_hd .info_area{font-family:"Nanum Pen Script","나눔손글씨 펜",np}
#bd .bd_rd_hd .info_area{padding-top:25px;font-style:italic;font-size:16px;text-align:right;color:#888}
#bd .bd_rd_hd .info_area span{font-size:20px;color:#444}
/* XE official Home Style */
#bd .bd_rd_hd3{margin:-21px -30px 0}
#bd .bd_rd_hd3 h1 .cate{margin-top:6px;padding:0 10px;font-size:12px;line-height:1;color:#888;border-right:1px solid #CCC}
#bd .bd_rd_hd3 h1 .tl{font-size:14px;text-shadow:none}
#bd .bd_rd_hd3 h1 .date{margin-right:10px;font:normal 12px/23px Tahoma;color:#666}
#bd .bd_rd_hd3 .info_area{margin:0 3px;padding:8px 16px;background:#F9F9F9;border-bottom:1px solid #DDD}
#bd .bd_rd_hd3 .info_area .auth{font-weight:bold;color:#555}
#bd .bd_rd_hd3 .info_area span{padding-left:10px;font-size:11px;color:#777}
#bd .bd_rd_hd3 .info_area .go_cmt{color:#444}

/* Read Body */
#bd .bd_rd_body{margin:60px 0 30px}

/* Read Footer */
#bd .bd_rd_ft{padding:15px 0;border-bottom:1px solid #AAA}
/* Signature */
#bd .bd_rd_ft .sign{margin:0 20px 20px;padding:16px 25px;font-family:"Nanum Pen Script","나눔손글씨 펜",np;border:1px solid #BBB;border-radius:10px;background:#FFF url(../img/white/fff_f9f9f9.svg) no-repeat;box-shadow:0 1px 1px #777}
#bd .bd_rd_ft .sign .by{position:absolute;top:-18px;left:20px;padding:0 8px;font-size:22px;font-weight:bold;background:#FFF;color:#444}
#bd .bd_rd_ft .sign .by span{font-size:19px;font-weight:normal;color:#999}
#bd .bd_rd_ft .sign img{float:left;width:90px;margin:10px 30px 10px 10px;border:1px solid #999;box-shadow:4px 5px 10px #888}
#bd .bd_rd_ft .get_sign{padding-top:8px;font-size:18px;line-height:1.3}
/* Tag, Files */
#bd .view_doc .doc_opt{padding:5px}
#bd .view_doc .doc_opt dl{position:relative;margin-bottom:4px}
#bd .view_doc .doc_opt img{padding-right:10px}
#bd .view_doc .doc_opt .tag a,#bd .view_doc .doc_opt .attached button{padding-right:10px;letter-spacing:-1px;vertical-align:top;line-height:16px;border:0;overflow:visible;cursor:pointer;background:none;color:#555}
#bd .view_doc .doc_opt dt,#bd .view_doc .doc_opt .tag dd{display:inline}
#bd .view_doc .doc_opt .attached dd{display:none;position:relative;margin-left:30px}
#bd .view_doc .doc_opt .attached.open dd{display:block}
#bd .view_doc .doc_opt .attached ul{clear:both;position:relative;text-align:left}
#bd .view_doc .doc_opt .attached li{position:relative;float:left;margin-right:8px}
#bd .view_doc .doc_opt .attached a{text-decoration:none}
#bd .view_doc .doc_opt .attached .bubble{display:none;position:absolute;top:-20px;left:0;padding:3px;z-index:100;white-space:nowrap;border:1px solid #DDD;font:9px Tahoma;background:#FFF}
#bd .view_doc .doc_opt .attached a:hover .bubble,#bd .view_doc .doc_opt .attached a:focus .bubble{display:block}
/* Document Inforamtion */
#bd .doc_info{position:relative;padding-right:10px;text-align:right}
#bd .doc_info .show,#bd .doc_info .this_doc{margin-left:15px;font-size:11px;text-decoration:none !important}
#bd .doc_info img{padding:4px;vertical-align:bottom}
#bd .doc_info .show{font-family:Tahoma}
#bd .doc_info dl{display:none;position:absolute;bottom:20px;right:0;padding:15px;text-align:left;background:#FFF;border:1px solid #CCC}
#bd .doc_info dl dt{float:left;clear:left;width:95px;font:bold 11px Arial;letter-spacing:-1px;color:#333}
#bd .doc_info dl dd{float:left;font:11px Tahoma;color:#666}
#bd .doc_info dl dd a{color:#666}
#bd .bd_ft_nav{padding:8px 0;border-top:1px solid #EEE}

/* FeedBack */
#bd .fdb_lst_wrp{margin:20px 0;padding:10px;background:#EEE;border:1px solid #DDD}
#bd .fdb_lst{padding:10px 20px;background:#FFF;border:1px solid #DDD}
#bd .fdb_lst .nametag{position:relative;float:left;margin:0 0 5px -40px;padding:0px 15px;font:bold 14px/26px "Trebuchet MS";letter-spacing:-1px;color:#FFF}
#bd .fdb_lst .nametag strong{font-size:16px}
#bd .fdb_lst .nametag span{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.4)}
#bd .fdb_lst #trackback .nametag span{background:none}
#bd .fdb_lst .leave_cmt{padding:7px 24px;font:bold 14px "Trebuchet MS";background:url(../img/white/write.png) no-repeat 2px 7px}
#bd .fdb_lst #trackback .leave_cmt{background:url(../img/white/trackback.png) no-repeat 2px 7px}
#bd .fdb_lst .cmt_disable{height:50px;margin:10px 0;text-align:center;line-height:50px;border:1px solid #DDD;background:#F6F6F6}

#bd .fdb_lst .fdb_item{position:relative;padding:15px;border-top:1px solid #DDD;transition:background 0.5s ease}
#bd .fdb_lst #trackback .fdb_item{padding:5px 15px 15px 25px}
#bd .fdb_lst .fdb_item:first-child{border:0}
#bd .fdb_lst .fdb_item.bg1{background:#FAFAFA}
#bd .fdb_lst .fdb_item:hover{background:#FFF}
#bd .fdb_lst .fdb_item .re_bg{position:absolute;top:8px;left:-30px;width:20px;height:20px;background:url(../img/re.png) no-repeat}
#bd .fdb_lst .fdb_item.re{margin-bottom:10px;border:1px solid #EEE;border-radius:10px}

#bd .fdb_lst .profile{position:relative;float:left;width:60px;height:60px;border:1px solid #DDD}
#bd .fdb_lst .profile img{display:block;width:60px;height:60px;margin-bottom:5px}
#bd .fdb_lst .item_cnt{padding-left:80px}
#bd .fdb_lst #trackback .item_cnt{padding-left:0}
#bd .fdb_lst .item_cnt .xe_content{margin:7px 0;font-size:12px}
#bd .fdb_lst .item_cnt .meta{font-family:"Nanum Pen Script","나눔손글씨 펜",np;font-size:16px;line-height:18px;color:#999}
#bd .fdb_lst .item_cnt .meta span{font-size:18px;color:#333}
#bd .fdb_lst .item_cnt .meta img{ vertical-align: baseline !important}
#bd .fdb_lst .item_cnt .vote{float:right;margin:1px 12px}
#bd .fdb_lst .item_cnt .vote dt{float:left;width:10px;height:14px;margin-right:3px;background-image:url(../img/common/iconLove.gif);background-repeat:no-repeat;overflow:hidden}
#bd .fdb_lst .item_cnt .vote dt.love{background-position:0 3px}
#bd .fdb_lst .item_cnt .vote dt.hate{background-position:0 -17px}
#bd .fdb_lst .item_cnt .vote dd{float:left;margin-right:7px;font:bold 11px Tahoma;color:#999}
#bd .fdb_lst .item_cnt .vote dt span,#bd .fdb_lst .item_cnt .opt .delete span{position:absolute;width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden}
#bd .fdb_lst .item_cnt .opt{position:relative;float:right;white-space:nowrap;font-size:11px}
#bd .fdb_lst .item_cnt .opt li{display:inline;margin-left:2px;color:#CCC}
#bd .fdb_lst .item_cnt .opt li a{padding-right:2px;color:#666}
#bd .fdb_lst .item_cnt .opt li.would_you{background:none}
#bd .fdb_lst .item_cnt .opt .delete{position:relative;display:inline-block;width:13px;height:13px;background-image:url(../img/common/buttonDelete.gif);background-repeat:no-repeat;background-position:center center;vertical-align:middle}

/* Write */
#bd .bd_wrt .btn{margin:1px}
#bd .bd_wrt.main{clear:both;margin-bottom:40px;padding:15px;background:#F4F4F4;border:1px solid #DDD;border-radius:10px}
#bd .bd_wrt_hd .itx{width:100%;margin-bottom:1px}
#bd .bd_wrt_hd .btn{white-space:nowrap;margin:-1px 3px 0}
#bd .bd_wrt .get_editor{margin:12px 0}
#bd .bd_wrt .tag{clear:both}
#bd .bd_wrt .tag .itx{width:75%}
#bd .bd_wrt .edit_opt{position:relative;margin:6px 0}
#bd .bd_wrt .edit_opt .itx.name,#bd .bd_wrt .edit_opt .itx.pw{width:13%}
#bd .bd_wrt .edit_opt .itx.mail,#bd .bd_wrt .edit_opt .itx.hp{width:22%}
#bd .bd_wrt .opt_chk{display:inline-block}
#bd .bd_wrt .opt_chk *{vertical-align:middle}
#bd .bd_wrt .opt_chk label{margin-right:6px}
#bd .bd_wrt .opt_chk.cmt{position:relative;top:-3px}

#bd .bd_wrt .simple_wrt .text{width:100%}
#bd .bd_wrt .simple_wrt textarea{width:100%;height:64px}
#bd .bd_wrt .simple_wrt .submit{padding-left:8px}
#bd .bd_wrt .simple_wrt .btn{width:64px;height:64px;margin:0;padding:0;line-height:64px}
/* Editor fix */
#bd .xd{margin:0}
#bd .xpress-editor select{min-height:21px;font-size:12px;margin:0;padding:0;border-radius:0}

/* Delete, Password, so on.. */
#bd_del{clear:both;width:100%;text-align:center}
#bd_del h3{padding:20px}
#bd .secretMessage{margin-bottom:8px;padding:8px;font-size:13px;text-align:center}
#bd .secretMessage p{margin-bottom:8px;font-weight:bold}

/* Extra Var */
#bd .et_vars{margin-bottom:40px;border:1px solid #D9D9D9;border-top:0;border-left-color:#E6E6E6}
#bd .et_vars th,#bd .et_vars td{text-align:left;border:0;border-top:1px solid #E9E9E9}
#bd .et_vars th{padding:5px 25px;white-space:nowrap;border-top:1px solid #E6E6E6;border-right:1px solid #DDD}
#bd .et_vars tr{color:#666}
#bd .et_vars tr.bg1{background:#F6F6F6}
#bd .et_vars tr.bg2{background:#ECECEC}
#bd .et_vars td{width:96%;padding:5px 2%;border-left:1px solid #FFF;background:rgba(255,255,255,0.6)}
#bd .et_vars.wrt th{padding-top:0;padding-bottom:0}
#bd .et_vars.wrt td{padding:0}
#bd .et_vars caption{padding:5px;text-align:right}
#bd .et_vars select{min-width:100px;margin:0}
#bd .et_vars input,#bd .et_vars textarea{margin:0;padding:3px 0;width:100%}
#bd .et_vars .mail,#bd .et_vars .hp,#bd .et_vars .address{width:300px}
#bd .et_vars .date{width:100px}
#bd .et_vars .tel{width:40px;margin-right:8px}
#bd .et_vars td p{display:block;margin:3px 0}
#bd .et_vars td ul *{vertical-align:middle}
#bd .et_vars td ul li{display:inline-block;margin:5px}
#bd .et_vars td ul li input{display:inline;margin-right:3px;width:13px;height:13px}


/* List Style */
/* Common */
#bd_zine input,#tmb_lst input{margin-left:4px;vertical-align:middle}
#bd_zine .extraimages,#tmb_lst .extraimages{padding-left:4px;vertical-align:middle}
#bd_lst .notice td,#bd_zine li.notice,#bd_mobile li.notice{border-bottom:1px solid #CCC;background:#F9F9F9}

/* Normal style */
#bd_lst{width:100%;margin-top:15px}
#bd_lst th,#bd_lst td{padding:7px 9px;text-align:center;font-weight:normal;white-space:nowrap}
#bd_lst th{border-bottom:1px solid #BBB;color:#111}
#bd_lst th .sort{vertical-align:middle;margin:0 5px}
#bd_lst td{border-top:1px solid #EEE;letter-spacing:-1px;color:#555}
#bd_lst .notice td{font-weight:bold}
#bd_lst .num{padding:7px 4px}
#bd_lst td.tl{width:100%;font-size:13px;text-align:left;white-space:normal}
#bd_lst td.tl a:visited{color:#777}
#bd_lst td.tl img{vertical-align:middle;margin:0 1px}
#bd_lst td .cate{display:inline-block;padding-right:10px;margin-right:8px;font-size:12px;line-height:10px;border-right:1px solid #DDD}
#bd_lst td.last{font-size:11px;line-height:1.2}
#bd_lst strong.trk,#bd_lst td .rpl_num,#bd_lst td .trk_num{font-weight:bold;font-size:11px;color:#C44}
#bd_lst td .trk_num{color:#36C}

/* Webzine */
#bd_zine{padding:2px}
#bd_zine li{line-height:1.4;border-bottom:1px solid #EEE}
#bd_zine a{padding:20px 10px 20px 120px;text-decoration:none;word-break:break-all}
#bd_zine a:hover,#bd_zine a:focus{z-index:100;padding:18px 8px 18px 118px;border:2px dashed #999}
#bd_zine .big_date{float:left;margin-left:-90px;text-align:center}
#bd_zine .dd{display:block;font:bold 52px/1.1 Arial;letter-spacing:-1px}
#bd_zine .mm{font-size:14px;font-weight:bold;color:#444}
#bd_zine .yy{font-size:14px;letter-spacing:-1px;color:#666}
#bd_zine .hh{display:block;margin-top:2px;padding-left:2px;font-size:12px;letter-spacing:-1px;color:#888}
#bd_zine .tmb_wrp{float:left;margin-right:30px;padding:1px;text-align:center;border:1px solid #CCC;transform:rotate(5deg);transition:all 0.5s ease}
#bd_zine li:hover .tmb_wrp{border-color:#666}
#bd_zine .tl{display:block;font:bold 16px "나눔고딕 ExtraBold","NanumGothic ExtraBold","나눔고딕",NanumGothic,ng;letter-spacing:-1px;color:#222;text-shadow:#F7E4C8 0 1px 0}
#bd_zine .cnt{display:block;margin:9px 0 6px 0;font-size:13px}
#bd_zine .info{display:block;font-size:11px;color:#333}
#bd_zine .info span{display:inline-block;line-height:9px}
#bd_zine .info .dl{padding:0 5px 0 8px;border-left:1px solid #DDD}
#bd_zine .info .dl:first-child{padding-left:0;border:0}
#bd_zine .info .dt{padding-right:4px;font:12px/9px "Times New Roman";color:#888}

/* Gallery */
#bd .tmb_wrp{display:inline-block;position:relative}
#bd .tmb_wrp a{text-decoration:none !important}
#bd .tmb_wrp .fixed{display:block;position:absolute;color:#EEE}
#bd .tmb_wrp .info_wrp{display:block;top:0;left:0;width:100%;height:100%;overflow:hidden;background:rgba(0,0,0,0.5);opacity:0;transition:all 0.5s ease}
#bd .tmb_wrp .info_wrp:hover,#bd .tmb_wrp .info_wrp:focus{opacity:1}
#bd .tmb_wrp .info{display:block;padding:6%}
#bd .tmb_wrp .ribbon{top:0;left:0;width:40px;height:55px;padding:5px 20px 0 0;font:bold 14px/14px "Times New Roman",Times,serif;white-space:nowrap;text-shadow:1px 1px 1px rgba(0,0,0,0.7);background:url(../img/ribbon/ribbon.png) no-repeat}
#bd_zine .tmb_wrp .ribbon{top:-1px;left:-1px}
.bd .notice .tmb_wrp .ribbon{background-image:url(../img/ribbon/ribbon_blue.png)}
#bd .tmb_wrp .ribbon .dt{margin-left:2px;letter-spacing:-1px}
#bd .tmb_wrp .ribbon .date{font-size:16px}
#bd .tmb_wrp .ribbon .new{font-size:16px;line-height:26px}
#bd .tmb_wrp .ribbon .update{line-height:26px}

#tmb_lst{padding:25px 0;text-align:center}
#tmb_lst li{position:relative;display:inline-block;width:130px;margin-right:-3px;vertical-align:top}
#tmb_lst .tmb_wrp img{display:block;border:1px solid #DDD;box-shadow:1px 1px 5px #DDD}
#tmb_lst .tmb_wrp .trans_window{bottom:0;right:0;margin:6px 8px;padding:2px 4px;font-size:10px;line-height:1;background:#000;border:1px solid #666;border-radius:9px;opacity:.7}
#tmb_lst .tmb_wrp .info_wrp{font-size:11px;white-space:nowrap;text-align:left}
#tmb_lst .tmb_wrp .info span{display:block}
#tmb_lst .tmb_wrp .tl{padding-bottom:8px;font-weight:bold;font-size:12px;line-height:1.1;white-space:normal;letter-spacing:-1px;color:#FFF}
#tmb_lst .tmb_wrp .deco1{top:-4px;left:-4px;width:25px;height:25px;background:url(../img/white/corner_top.png) no-repeat}
#tmb_lst .tmb_wrp .deco2{bottom:-4px;right:-4px;width:25px;height:25px;background:url(../img/white/corner_bottom.png) no-repeat}
#tmb_lst h2{padding:8px;font-size:12px;line-height:16px;letter-spacing:-1px}
#tmb_lst h2 .cmt_count{padding:0 3px;font:normal 10px Tahoma;color:#777}
#tmb_lst li.notice h2{color:#000}

/* Cloud Gallery */
#cloud_gall img{border-radius:4px;box-shadow:1px 1px 3px #999}
#cloud_gall a{display:block;z-index:100;position:absolute;padding:10px 10px 40px;overflow:hidden;text-decoration:none;font:bold 18px "Nanum Pen Script","나눔손글씨 펜",np;white-space:nowrap;letter-spacing:-1px;background:#FFF;border-radius:8px;box-shadow:2px 2px 7px #666;transition:all 0.5s ease}
#cloud_gall a:hover,#cloud_gall a:focus{z-index:110}
#cloud_gall .date{position:absolute;bottom:45px;right:21px;color:#FFF}
#cloud_gall .tl{position:absolute;left:0;bottom:12px;width:90%;margin:0 5%;overflow:hidden;text-overflow:ellipsis;text-shadow:none}
#cloud_gall .deco1{position:absolute;top:5px;left:4px;width:25px;height:25px;background:url(../img/white/corner_top.png) no-repeat}
#cloud_gall .deco2{position:absolute;bottom:36px;right:4px;width:25px;height:25px;background:url(../img/white/corner_bottom.png) no-repeat}

/* Mobile */
#bd_mobile{padding:2px}
#bd_mobile li{position:relative;border-bottom:1px solid #EEE}
#bd_mobile a{display:inline-block;width:98%;padding:10px 1%;text-decoration:none;color:#000}
#bd_mobile a:hover,#bd_zine a:focus{margin:-2px;text-decoration:none;border:2px dashed #999}
#bd_mobile img{float:left;margin:0 12px 6px 0;border:1px solid #DDD;box-shadow:0 1px 5px #CCC}
#bd_mobile .tl{display:block;letter-spacing:-1px;line-height:1.2}
#bd_mobile .tl strong{font-size:15px}
#bd_mobile .tl em{font-size:12px}
#bd_mobile .cate{position:absolute;top:80px;left:25px;width:60px;font-size:11px;letter-spacing:-1px;line-height:1.2;text-align:center;border:1px solid #666;border-radius:10px;background:#000;color:#FFF;opacity:0.7}
#bd_mobile .auth,#bd_mobile .date{line-height:2}
#bd_mobile .date{color:#888}
#bd_mobile .cnt{display:block;color:#666}

/* Guestbook */
#guestbook .sum{margin:0 20px 15px;padding-left:30px;font:bold 15px Tahoma;background:url(../img/icon_footprint.png) no-repeat left center;color:#999}
#guestbook .bd_wrt.main{margin:0 20px 20px}
#guestbook .sum em{font-size:20px}
#guestbook .fdb_lst{padding:0;background:none;border:0}
#guestbook .fdb_lst .cmt_disable{margin:15px;background:#EEE}
#guestbook .guest_doc{position:relative;padding:20px 15px;border-top:2px dashed #EEE}
#guestbook .guest_doc .xe_content{margin:15px 0}
#guestbook .guest_doc .doc_opt{padding:5px 0}
#guestbook .guest_doc .opt button{font-size:11px}
#guestbook .guest_doc .opt em{font:bold 12px Tahoma;padding-right:1px}
#guestbook .fdb_item.wrp{display:none;margin:10px 0;padding:0;background:#FCFCFC;border:1px solid #EEE;border-radius:10px}
#guestbook .fdb_item.wrp.sxc{padding:15px}
#guestbook .fdb_item.wrp .fdb_item{padding:25px 25px 15px;border-top:0;border-bottom:1px solid #EEE}
#guestbook .fdb_item .fdb_item.re{margin:0;padding:15px 25px 5px;border-width:0 0 1px 0;background:transparent}
#guestbook .fdb_item .re_bg{top:20px;left:-5px}
#guestbook .fdb_item .bd_wrt{margin:15px 20px}


/* Browser Fix */

/* IE9 below */
.bd textarea{overflow:auto\9}
#bd .et_vars tr.bg1 td{background:#FCFCFC\9}
#bd .et_vars tr.bg2 td{background:#F9F9F9\9}

/* IE8, IE7 */
.bd .btn{-pie-background:linear-gradient(#FFF,#EEE);behavior:url(addons/css3pie/PIE.htc)}
.bd.ie8 .itx,.bd.ie8 select{min-height:19px}

.ie8 .bd .itx_wrp .btn,.ie8 #bd .bd_wrt .btn{position:relative}
.ie8 .bd .itx_wrp label{*top:6px}

.ie8 #jump select{min-height:17px}
.ie8 #jump button{background:#EEE;border-color:#DDD}

#bd_srch_fm select,#bd_srch_fm .srch_itx,#bd_hd,#bd .bd_rd_hd3 h1,#bd .bd_rd_hd3 h1 .tl,#bd .bd_wrt.main{behavior:url(addons/css3pie/PIE.htc)}

.ie8 #info_view li a{border-color:#999}

.ie8 #bd_srch_fm .srch_itx{line-height:30px;*behavior:none}
#bd_srch_fm select{*margin:0 !important;*behavior:none}

#bd .pag a.prev,#bd .pag a.next{filter:alpha(opacity=25)}
#info_view li a,#bd .pag a{filter:alpha(opacity=50)}
#bd .tmb_wrp .trans_window,#bd .tmb_wrp .info_wrp:focus,#bd_mobile .cate{filter:alpha(opacity=70)}
#info_view li a:hover,#info_view li.active a,#bd .pag strong,#bd .pag a:hover,#bd .pag a:focus{filter:alpha(opacity=100)}

#bd .bd_rd_hd3 .rt{*position:absolute;*right:10px}

#bd .bd_rd_ft .sign{-pie-background:linear-gradient(#FFF,#F9F9F9);behavior:url(addons/css3pie/PIE.htc)}
#bd .view_doc .doc_opt dt,#bd .view_doc .doc_opt .tag dd,#bd .fdb_lst,#tmb_lst,#bd .tmb_wrp .ribbon .update{*zoom:1}
#bd .doc_info,#show_doc_info dd{*clear:both}

.ie8 #bd .fdb_lst .nametag span{background:#FFF;filter:alpha(opacity=40)}

#bd_lst td .cate{*line-height:1}
#guestbook .btn{*border:1px solid #DDD;*background:#EEE;*behavior:none}

#bd_mobile a{*display:block}
#bd .tmb_wrp{*display:inline;*zoom:1}
.bd.ie8 .tmb_wrp .info_wrp{background:#000;filter:alpha(opacity=0);*cursor:pointer}
#tmb_lst li{*float:left;*margin-left:0}
.ie8 #cloud_gall a{border-width:1px;border-style:solid;border-color:#DDD #AAA #999 #DDD}

/* IE9 */
.bd.ie9 .btn{box-shadow:0 1px 6px #666}
.bd.ie9 .btn:hover,.bd.ie9 .btn:focus{box-shadow:0 1px 9px #666}
.bd.ie9 .itx,.bd.ie9 select,#bd.ie9 .et_vars input{border-radius:4px}

.ie9 #bd_zine li:hover .tmb_wrp{-ms-transform:rotate(5deg)}
.ie9 #cloud_gall a{box-shadow:2px 2px 12px #666}
.ie9 #cloud_gall a:hover,.ie9 #cloud_gall a:focus{-ms-transform:scale(1.6) rotate(0) !important}

/* FF */
@-moz-document url-prefix(){
.bd .btn,.bd select,#jump button,#bd .et_vars input{-moz-transition:all 0.3s ease}
.bd .itx{min-height:19px;-moz-transition:all 0.3s ease}
.bd select{min-height:19px}

#jump select{min-height:17px}

#bd .pag a,#bd .pag strong{font-weight:bold;font-family:"Trebuchet MS"}

.bd textarea,#info_view li a,#bd .pag a,#bd_zine .tmb_wrp,#bd .tmb_wrp .info_wrp,#cloud_gall a,#bd .fdb_lst .fdb_item{-moz-transition:all 0.5s ease}
#bd_zine li:hover .tmb_wrp{-moz-transform:rotate(5deg)}

#cloud_gall a:hover,#cloud_gall a:focus{-moz-transform:scale(1.6) rotate(0) !important}
}

/* Webkit */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.bd .btn,.bd textarea,#bd .et_vars input{-webkit-transition:all 0.3s ease}
#bd .pag a,#bd_zine .tmb_wrp,#bd .tmb_wrp .info_wrp{-webkit-transition:all 0.5s ease}

.bd .btn:hover,.bd .btn:focus{-webkit-box-shadow:0 1px 6px #666}
.bd .itx,.bd select{-webkit-border-radius:3px;-webkit-transition:all 0.3s ease}

#jump button{-webkit-border-radius:4px;-webkit-transition:all 0.3s ease}
#bd_hd{-webkit-border-radius:6px;-webkit-box-shadow:0 1px 1px #AAA}
#info_view li a{-webkit-border-radius:2px;-webkit-box-shadow:1px 2px 6px #999;-webkit-transition:all 0.5s ease}

#bd .pag a,#bd .pag strong{-webkit-border-radius:3px}
#bd_srch_fm select,#bd_srch_fm .srch_itx{-webkit-border-radius:30px}

#bd_btm_mn a{-webkit-border-radius:4px}

#bd .bd_rd_ft .sign{-webkit-border-radius:10px;-webkit-box-shadow:0 1px 1px #777}
#bd .bd_rd_ft .sign img{-webkit-box-shadow:4px 5px 10px #888}
#bd .fdb_lst .fdb_item{-webkit-transition:background 0.5s ease}
#guestbook .fdb_item.wrp .fdb_item,#bd .fdb_lst .fdb_item.re,#bd .bd_wrt.main,#bd_mobile .cate{-webkit-border-radius:10px}

#bd_zine li:hover .tmb_wrp{-webkit-transform:rotate(5deg)}

#tmb_lst .tmb_wrp img{-webkit-box-shadow:1px 1px 5px #DDD}
#tmb_lst .tmb_wrp .auth{-webkit-border-radius:9px}

#cloud_gall a{-webkit-border-radius:8px;-webkit-box-shadow:2px 2px 7px #666;-webkit-transition:all 0.5s ease}
#cloud_gall a:hover,#cloud_gall a:focus{-webkit-transform:scale(1.6) rotate(0) !important}
#cloud_gall img{-webkit-border-radius:4px;-webkit-box-shadow:1px 1px 3px #999}

#bd_mobile img{-webkit-box-shadow:0 1px 5px #CCC}
}