@charset "utf-8";

/*글쓰기 레이어*/
.wrtingBannerWrap{position:fixed;left:50%;top:0;margin-left:-490px;width:980px;z-index:649}
#writingBanner{position:absolute;z-index:649}
#writingBanner img{cursor:pointer;#display:none;display:none\0IE8+9}
#writingBanner.writing_banner{width:113px;height:112px;background:url('/images/icon_writing.png') no-repeat;cursor:pointer;}
#writingBanner a{position:absolute;left:0;top:0;width:100%;height:100%;z-index:400;float:left;display:block;font-size:0;line-height:0;text-indent:-9999px}
#writingBanner.writing_banner button{position:absolute;right:12px;top:20px;border:none;width:20px;height:20px;background:url('/images/piiple_icon.png') no-repeat -192px -674px;z-index:401}
#writingBanner.writing_banner span{font-size:12px;color:#4d361a;display:none;position:absolute;right:33px;top:20px;white-space:nowrap}
#writingBanner.writing_banner .plusminus:hover span{display:block;background:#d2cbc6;text-align:right;border-radius:3px;padding:0 10px}
#writingBanner.writing_banner.minus{width:0;height:0}
#writingBanner.writing_banner.minus button{position:absolute;right:-110px;top:0px;width:26px;height:30px;background-position:-126px -673px}
#writingBanner.writing_banner.minus button:hover{background-position:-159px -674px}
#writingBanner.writing_banner.minus .plusminus span{position:absolute;right:-80px;top:5px}
#writingBanner.writing_banner .plusminus:hover span{display:block}
#writingBanner.writing_banner .plusminus:hover span + span{display:none}
#writingBanner.writing_banner.minus .plusminus:hover span + span{display:none}
#writingBanner.writing_banner.minus .plusminus:hover span + span{display:block}
body.single #writeLayer{z-index:3500}
#writeLayer{width:750px;height:440px;background:#fff;position:fixed;left:50%;top:120px;margin:0 0 0 -375px;z-index:1000}
#writeLayer.bookmarklet_pop{position:static;margin:0;width:540px;background:#fff}
#writeLayer .inner_wrap{background:url('/images/writing_layer_bg.png') repeat-y right top}
#writeLayer .writing_area{float:left;width:480px;max-height:581px;padding:29px 30px 0 30px;background:#fff}
#writeLayer.bookmarklet_pop .writing_area{padding-bottom:20px}
#writeLayer .input_text li a{display:block;width:390px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#writeLayer .writing_area .choice, .write_box .choice{height:50px;background:url('/images/linqle_bg_line09.gif') repeat-x 0 top}
#writeLayer .writing_area .choice h3, .write_box .choice h3{float:left;margin:14px 0 0 0;color:#6d4e36}
#writeLayer .writing_area .choice.alert h3, .write_box .choice.alert h3{color:#df2727}
#writeLayer .writing_area .choice span, .write_box .choice span, .expression .choice span{display:none;position:absolute;left:0;bottom:-40px;white-space:nowrap;padding:8px 12px;color:#f9e9ba;background:#000;filter:alpha(opacity=75);-moz-opacity:0.75;-khtml-opacity:0.75;opacity:0.75;z-index:1;border-radius:3px}
#writeLayer .writing_area .choice.alert span, .write_box .choice.alert span, .expression .choice.alert span{display:inline-block}
#writeLayer .condition, .write_box .condition{float:left;position:relative;margin:8px 0 0 10px}
#writeLayer .condition > a, .write_box .condition > a{float:left;width:34px;height:34px;font-size:0;line-height:0;text-indent:-9999px}
#writeLayer .condition > a.sun, .write_box .condition > a.sun{background-position:-193px -464px}
#writeLayer .condition > a.cloud, .write_box .condition > a.cloud{background-position:-9px -464px}
#writeLayer .condition > a.sun.on, .write_box .condition > a.sun.on{background-position:-233px -464px}
#writeLayer .condition > a.cloud.on, .write_box .condition > a.cloud.on{background-position:-44px -464px}
#writeLayer .choice .condition #slideBar, .write_box .choice .condition #slideBar, .expression .choice #slideBar{float:left;margin:4px 4px 0 4px;width:65px;height:25px;background:url('/images/piiple_icon.png') no-repeat -430px -498px}
#writeLayer .choice.alert .condition #slideBar, .write_box .choice.alert .condition #slideBar, .expression .choice.alert #slideBar{background-position:-430px -417px}
#writeLayer .choice .condition #slideBar.on, .write_box .choice .condition #slideBar.on, .expression .choice #slideBar.on{background-position:-430px -444px}
#writeLayer .choice .condition #slideBar.off, .write_box .choice .condition #slideBar.off, .expression .choice #slideBar.off{background-position:-430px -471px}
#writeLayer .paper_list{float:right;width:170px;min-height:391px;padding:29px 20px 20px}
#writeLayer .paper_list h5{padding:0 0 12px 1px;margin-bottom:13px;background:url('/images/linqle_bg_line02.png') repeat-x bottom}
#writeLayer .list_obj{margin-bottom:10px}
#writeLayer .list_obj > a{float:left;width:40px;height:40px;background:url('/images/paper_default_small.gif') no-repeat}
#writeLayer .list_obj a img{width:40px;height:40px}
#writeLayer .list_obj .inner{float:left;margin-left:10px;width:120px}
#writeLayer .list_obj .inner h6{margin-top:-2px;word-wrap:break-word}
#writeLayer .list_obj .inner h6 a{display:block;height:35px;vertical-align:middle;padding-top:5px;overflow:hidden;word-wrap:break-word}
#writeLayer .list_obj .inner h6 a:hover{color:#feefc3}
#writeLayer a.close{position:absolute;right:-40px;top:0;width:40px;height:40px;display:block;background-position: -243px -99px;font-size:0;line-height:0;text-indent:-9999px}
#writeLayer .input_text{position:relative;padding:8px 0 4px;background:url('/images/linqle_bg_line09.gif') repeat-x 0 top;#z-index:100}
#writeLayer .input_text label, #writeLayer .category label, .paper_setting .category label{padding:10px 0 12px;float:left}
#writeLayer .input_text input[type="text"]{font-family:"맑은 고딕", Arial;width:380px;padding:6px 10px;height:22px;float:right}
#writeLayer.bookmarklet_pop .input_text input[type="text"]{width:380px;padding:6px 10px;float:right}
#writeLayer .input_text ul{position:absolute;right:0;top:41px;width:400px;background:#fff;border:1px solid #ccc;border-top:none;z-index:50;box-shadow:0 0 5px 1px rgba(0, 0, 0, .1)}
#writeLayer .input_text li{font-weight:bold;border-top:1px solid #d5d5d5;height:40px}
#writeLayer .input_text li:hover{background:#a98963}
#writeLayer .input_text li:hover a{color:#fff}
#writeLayer .input_text li a{#position:relative}
#writeLayer .input_text li a > em{float:left;width:40px;height:40px;margin-right:6px;background:url('/images/paper_box_empty_list.png') no-repeat}
#writeLayer .input_text li a > em +  i{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:345px;position:relative;top:5px;#position:absolute;#left:50px;}
#writeLayer .make_paper{border-top:1px solid #d5d5d5!important;padding:0 10px 0;background:#a98963}
#writeLayer .make_paper:hover{background:#7f5d3d!important}
#writeLayer .make_paper a i{display:inline-block!important;position:relative;top:8px;width:24px!important;height:26px;margin-top:0!important;margin-right:9px;background-position: -158px -803px!important}
#writeLayer .make_paper:hover a i{background-position:-158px -830px!important}
#writeLayer .priority{background:#e5e9ee}
#writeLayer .priority:hover{background:#a98963!important}
#writeLayer .priority a{color:#255472!important}
#writeLayer .priority:hover a{color:#fff!important}
#writeLayer .category, .paper_setting .category{position:relative;padding-top:10px}
#writeLayer .category input[type="text"]{font-family:"맑은 고딕", Arial;width:380px;margin-bottom:8px;padding:6px 10px;height:22px;#height:20px;float:right}
#writeLayer.bookmarklet_pop .category input[type="text"]{font-family:"맑은 고딕", Arial;width:380px;margin-bottom:13px;padding:6px 10px}
#writeLayer .category input + a{position:absolute;right:2px;top:11px;display:block;width:34px;height:34px;font-size:0;line-height:0;text-indent:-9999px;background-position: -284px -99px;#height:32px}
#writeLayer .category input + a.on{background-position:0 -398px}
#writeLayer .category .list{position:absolute;right:0;top:45px;width:400px;background:#fff;border:1px solid #ccc;border-radius:0 0 5px 5px;z-index:150;#top:43px}
#writeLayer .category .list a{width:190px;display:block;float:left;padding-left:9px;font-size:16px;line-height:30px}
#writeLayer .category .list a:hover{background:#feefc3;color:#d08e27}
#writeLayer .category .list a.bl{width:191px;border-left:1px solid #ccc}
#writeLayer .input_contents, .write_box .input_contents{border:1px solid #ccc;box-shadow:1px 1px 2px 0 rgba(0,0,0,.1) inset;margin-bottom:11px;border-radius:5px;padding:18px 10px 0 20px;height:139px;overflow-x:hidden;overflow-y:auto;position:relative;#position:static}
#writeLayer .input_contents.focus, .write_box .input_contents.focus{border:1px solid #f0cb5b;outline:0;box-shadow:0 0 3px 1px rgba(240,203,91,.5)}
#writeLayer .input_contents textarea, .write_box .input_contents textarea{font-family:"맑은 고딕", Arial;width:439px;height:95px;overflow:auto;margin:-4px 0 4px -3px;resize:none;border:0 none;border-bottom:1px solid #ccc;font-size:14px;box-shadow:none!important;border-radius:0}
#writeLayer.bookmarklet_pop .input_contents textarea{height:84px;margin:-4px 0 9px -3px}
#writeLayer .input_contents textarea.placeholder{background:none}
#writeLayer .input_contents textarea:focus{border:0 none;outline:0;border-bottom:1px solid #ccc}
#writeLayer input[type="file"], .write_box input[type="file"]{float:left;position:relative;left:-2px;top:4px;#height:24px;height:24px\0IE8+9}
#writeLayer .file_attachment i{float:left;width:30px;height:30px;margin-right:10px;background:url('/images/piiple_icon.png') no-repeat -121px -364px}
#writeLayer a.attachment, #writeLayer a.addon, .write_box a.attachment, .write_box a.addon{float:right;margin:0 9px 5px 0;width:30px;height:30px;display:block;font-size:0;line-height:0;text-indent:-9999px}
#writeLayer a.attachment, .write_box a.attachment{background-position:-89px -364px}
#writeLayer a.attachment:hover, .write_box a.attachment:hover{background-position:-121px -364px}
#writeLayer a.addon, #writeLayer a.addon:hover, .write_box a.addon, .write_box a.addon:hover{background-position:-358px -22px}
#writeLayer .input_contents_wrap, .write_box .input_contents_wrap{padding-bottom:20px}
#writeLayer .input_contents_wrap span, .write_box .input_contents_wrap span{float:left}
#writeLayer .input_contents_wrap span a:first-child, .write_box .input_contents_wrap span a:first-child{margin:0}
#writeLayer .input_contents_wrap span a, .write_box .input_contents_wrap span a{margin-left:5px;float:left;width:30px;height:30px;font-size:0;line-height:0;text-indent:-9999px}
#writeLayer .input_contents_wrap span a.twitter, .write_box .input_contents_wrap span a.twitter{background-position:-322px -130px}
#writeLayer .input_contents_wrap span a.twitter.on, .write_box .input_contents_wrap span a.twitter.on{background-position:-322px -99px}
#writeLayer .input_contents_wrap span a.facebook, .write_box .input_contents_wrap span a.facebook{background-position:-353px -130px}
#writeLayer .input_contents_wrap span a.facebook.on, .write_box .input_contents_wrap span a.facebook.on{background-position:-353px -99px}
#writeLayer .input_contents_wrap span + button, .write_box .input_contents_wrap span + button{float:right}
#writeLayer .input_contents_wrap span + button i, .write_box .input_contents_wrap span + button i{display:inline-block;position:relative;top:2px;width:15px;height:16px;margin-right:5px}
#writeLayer .input_contents_wrap span + .button01.off, .write_box .input_contents_wrap span + .button01.off{border-radius:3px;border:1px solid #c1c1c1;display:inline-block;background:url('/images/button_bg_20121115_1.png') no-repeat 0 0;padding:5px 17px 8px 11px;text-shadow:1px 1px 0 rgba(111,111,111,.1)}
#writeLayer .contents_preview{min-height:120px}
#writeLayer .contents_preview p{height:72px;margin-left:15px;overflow:hidden}
#writeLayer .delete p{display:none;font-size:0;line-height:0;text-indent:-9999px}
#writeLayer .media_contents p{margin:0}
#writeLayer .thumb_img ul{position:absolute;left:19px;top:45px}
#writeLayer .thumb_img li{float:left;margin:0 5px 0 4px;position:relative;width:100px;height:75px;overflow:hidden;z-index:1}
#writeLayer .thumb_img li > a{cursor:default;position:absolute;left:0;top:0;z-index:1}
#writeLayer .thumb_img li > a img{width:100px;height:75px}
#writeLayer .thumb_img li .delete{position:absolute;left:0;top:0;width:100px;height:75px;overflow:hidden;z-index:2}
#writeLayer .thumb_img li .delete a{position:absolute;left:50%;top:50%;width:35px;height:29px;margin:-14px 0 0 -17px;background:url('/images/piiple_icon.png') no-repeat -347px -400px;display:none;z-index:2}
#writeLayer .thumb_img li:hover .delete a{display:block!important}
#writeLayer .thumb_img a.prev, #writeLayer .thumb_img a.next{position:absolute;top:73px;width:8px;height:12px;font-size:0;line-height:0;text-indent:-9999px;display:block}
#writeLayer .thumb_img a.prev{left:10px;background-position:-384px -140px}
#writeLayer .thumb_img a.next{right:10px;background-position:-384px -153px}
#writeLayer .contents_preview{position:relative;padding:19px 10px 20px;height:131px;margin:5px 0 31px;overflow:hidden;background:#eaeaea}
#writeLayer a.media_thumb, .expression a.media_thumb{position:relative;float:left;display:block;line-height:0}
#writeLayer a.media_thumb img, .expression a.media_thumb img{width:100px;height:70px}
#writeLayer a.media_thumb + b + .media_contents, #writeLayer a.media_thumb + .media_contents, .expression a.media_thumb + b + .media_contents{float:left;margin-left:18px;width:342px;max-height:120px;overflow:hidden}
.expression a.media_thumb + .media_contents, .expression a.media_thumb + b + .media_contents{float:left;margin-left:18px;width:324px;overflow:hidden}
.expression a.media_thumb.off + b + .media_contents{width:444px;margin-left:0}
#writeLayer a.media_thumb.off, .expression a.media_thumb.off{display:none}
#writeLayer a.media_thumb.off + b + .media_contents, #writeLayer a.media_thumb.off + .media_contents, .expression a.media_thumb.off + b .media_contents{float:left;margin-left:7px;width:442px;word-wrap:break-word}
#writeLayer .media_contents strong, #writeLayer .media_contents span, .expression .media_contents strong{display:block}
#writeLayer .media_contents strong input[type="text"], #writeLayer .media_contents span input[type="text"], .expression .media_contents strong input[type="text"]{border-radius:0;width:300px;height:28px;box-shadow:none}
#writeLayer .media_contents strong a:hover, #writeLayer .media_contents span a:hover, #writeLayer .media_contents p a:hover, .expression .media_contents strong a:hover{background:#feefc3}
#writeLayer .media_contents p a, .expression .media_contents p a{display:inline}
#writeLayer .media_contents p textarea, .expression .media_contents p textarea{resize:none;width:296px;height:80px}
#writeLayer .contents_preview a.close, .expression .contents_preview a.close{position:absolute;right:9px;top:10px;width:9px;height:9px;display:block;background-position: -384px -130px;font-size:0;line-height:0;text-indent:-9999px}
#writeLayer .paper_list + a.close{position:absolute;right:0;top:0}
.alert_popup{width:200px;height:100px;border:1px solid red;background:#ff0;position:fixed;left:50%;top:50%;margin:-50px 0 0 -100px;z-index:200}
#writeLayer .contents_preview .media_thumb u, .expression .contents_preview .media_thumb u{position:absolute;bottom:-22px;width:23px;height:16px;display:block;text-decoration:none;font-size:0;line-height:0;text-indent:-9999px}
#writeLayer .contents_preview .media_thumb u.prev, .expression .contents_preview .media_thumb u.prev{left:27px;background-position:-453px -60px}
#writeLayer .contents_preview .media_thumb u.next, .expression .contents_preview .media_thumb u.next{right:27px;background-position:-476px -60px}
#writeLayer .contents_preview .media_thumb u.prev:hover, .expression .contents_preview .media_thumb u.prev:hover{background-position:-453px -82px}
#writeLayer .contents_preview .media_thumb u.next:hover, .expression .contents_preview .media_thumb u.next:hover{background-position:-476px -82px}
#writeLayer .contents_preview .media_thumb span, .expression .contents_preview .media_thumb span{display:block;text-align:center;width:100px;cursor:default;position:absolute;left:0;bottom:-34px}
#writeLayer .contents_preview b, .expression .contents_preview b{position:absolute;left:10px;top:135px;font-weight:normal;display:block;text-align:center;width:100px;cursor:default}
#writeLayer .contents_preview b input, .expression .contents_preview b input{margin-right:5px}
#writeLayer .writing_area, .paper_setting .input_text, .expression .paper_setting .input_text{position:relative}
#writeLayer .writing_area .input_text span, .paper_setting .input_text span, .expression .paper_setting .input_text span{position:absolute;right:0;bottom:-30px;z-index:100;padding:8px 12px;color:#f9e9ba!important;background:#000;filter:alpha(opacity=75);-moz-opacity:0.75;-khtml-opacity:0.75;opacity:0.75;border-radius:3px;line-height:18px}
#writeLayer .writing_area .input_text span i, .paper_setting .input_text span i, .expression .paper_setting .input_text span i{display:none}

/* 페이퍼 생성 */
.paper_setting select{width:160px;margin:5px 0 0 25px}
.paper_setting .location{padding-bottom:10px}
.paper_setting .location select#location, .paper_setting .location #areaCode, .paper_setting .attraction select{margin:5px 0 0 30px}
.paper_setting .attraction{clear:both;padding-bottom:10px}