@charset "utf-8";

/* 내 마켓 */
.custom-item .button-item{position:absolute;left:0;top:5px;z-index:2}
.custom-item .button-item span{display:inline-block;height:21px;padding:5px;border:1px solid #ccc;background:#fff;vertical-align:top;cursor:pointer}
.custom-item .button-item .btn-itemwrap-reg{padding:5px 10px;font-family:'나눔고딕','NanumGothic','맑은 고딕','malgun gothic';line-height:21px}

.custom-item .item-top{position:relative;height:38px;padding-top:5px}
.custom-item .item-top .btn-custom-itm-view{float:right;cursor:pointer}
.custom-item .item-top .item-layout{position:absolute;top:5px;right:40px;z-index:2;width:129px;padding:0 0 10px 10px;border:1px solid #ccc;background:#fff}
.custom-item .item-top .item-layout .t{display:block;margin-right:10px;padding:5px 0;border-bottom:1px solid #ddd;font-family:'나눔고딕','NanumGothic','맑은 고딕','malgun gothic'}
.custom-item .item-top .item-layout li{position:relative;float:left;margin:10px 10px 0 0;cursor:pointer}
.custom-item .item-top .item-layout li.on:after{content:"";position:absolute;left:-3px;top:-3px;right:-3px;bottom:-3px;border:2px solid #eb531f}
.custom-item .item-top .b-group{margin-top:5px;padding-top:5px;border-top:1px solid #ddd;text-align:center}
.custom-item .item-top .b-group span{cursor:pointer}
.custom-item .item-lst{position:relative;height:512px}
.custom-item .item-lst .item{overflow:hidden;position:absolute;background:#40454a url(../img/bg_item_lst.png) no-repeat 50% 50%;cursor:pointer;word-wrap:break-word}
.custom-item .item-lst .item:hover .item-menu{visibility:visible}

.custom-item .item-lst .item .item-menu{visibility:hidden;position:absolute;top:6px;right:6px;padding-top:24px}
.custom-item .item-lst .item .item-menu .btn-item-menu{position:absolute;top:0;right:0;width:27px;height:25px;cursor:pointer}
.custom-item .item-lst .item .item-menu .menu{border:1px solid #b4b4b4}
.custom-item .item-lst .item .item-menu ul{width:96px;padding:10px 0;background:url(../img/bg_item_menu_in.png) repeat 0 0}
.custom-item .item-lst .item .item-menu li{font-size:13px;line-height:23px;color:#fff;text-align:center}
.custom-item .item-lst .item .item-menu li:hover{background:#397ac0}
.custom-item .item-lst .item .item-menu li span{display:block;cursor:pointer}

/* item */
.custom-item .item h3{font-weight:500}
.custom-item .item .media{display:block;overflow:hidden;position:relative;height:100%}
.custom-item .item .media img{position:absolute;width:auto;height:100%}
.custom-item .item.img-media .media img{width:100%;height:auto}
.custom-item .item.txt-media{background:#4f6276;font-family:'나눔고딕','NanumGothic','맑은 고딕','malgun gothic';color:#fff}
.custom-item .txt-media .txt{padding:20px}
.custom-item .txt-media h3{font-size:24px;text-align:center}
.custom-item .txt-media p{margin-top:15px;font-size:13px;line-height:18px}
.custom-item .item.market-media{background:#fff}
.custom-item .market-media:after{display:block;clear:both;height:0;font-size:0;line-height:0;content:''}
.custom-item .market-media .media{float:left;width:60%;height:100%;margin-right:10px}
.custom-item .market-media .txt{padding:10px;font-family:'나눔고딕','NanumGothic','맑은 고딕','malgun gothic';color:#555}
.custom-item .market-media .txt h3{font-size:16px}
.custom-item .market-media .txt p{font-size:13px;line-height:18px}
.custom-item .type1 .item{width:324px;height:168px}
.custom-item .type1 .itm1{top:0;left:0}
.custom-item .type1 .itm2{top:0;left:328px}
.custom-item .type1 .itm3{top:0;left:656px}
.custom-item .type1 .itm4{top:172px;left:0}
.custom-item .type1 .itm5{top:172px;left:328px}
.custom-item .type1 .itm6{top:172px;left:656px}
.custom-item .type1 .itm7{top:344px;left:0}
.custom-item .type1 .itm8{top:344px;left:328px}
.custom-item .type1 .itm9{top:344px;left:656px}

.custom-item .type2 .itm1{top:0;left:0;width:652px;height:340px}
.custom-item .type2 .itm2{top:0;right:0;width:324px;height:168px}
.custom-item .type2 .itm3{top:172px;right:0;width:324px;height:168px}
.custom-item .type2 .itm4{top:344px;left:0;width:324px;height:168px}
.custom-item .type2 .itm5{top:344px;left:328px;width:324px;height:168px}
.custom-item .type2 .itm6{top:344px;right:0;width:324px;height:168px}
.custom-item .type2 .itm7{display:none}
.custom-item .type2 .itm8{display:none}
.custom-item .type2 .itm9{display:none}
.custom-item .type2 .itm1.market-media h3{font-size:24px}
.custom-item .type2 .itm1.market-media p{margin-top:15px}

.custom-item .type3 .itm1{top:0;left:0;width:652px;height:512px}
.custom-item .type3 .itm2{top:0;right:0;width:324px;height:168px}
.custom-item .type3 .itm3{top:172px;right:0;width:324px;height:168px}
.custom-item .type3 .itm4{top:344px;right:0;width:324px;height:168px}
.custom-item .type3 .itm5{display:none}
.custom-item .type3 .itm6{display:none}
.custom-item .type3 .itm7{display:none}
.custom-item .type3 .itm8{display:none}
.custom-item .type3 .itm9{display:none}
.custom-item .type3 .itm1.img-media .media img{width:auto;height:100%}
.custom-item .type3 .itm1.market-media .media{display:block;float:none;width:100%;height:340px}
.custom-item .type3 .itm1.market-media .media img{width:100%;height:auto}
.custom-item .type3 .itm1.market-media .txt{padding:20px}
.custom-item .type3 .itm1.market-media h3{font-size:24px}
.custom-item .type3 .itm1.market-media p{margin-top:15px}

.custom-item .type4 .itm1{top:0;left:0;width:652px;height:512px}
.custom-item .type4 .itm2{top:0;right:0;width:324px;height:340px}
.custom-item .type4 .itm3{top:344px;right:0;width:324px;height:168px}
.custom-item .type4 .itm4{display:none}
.custom-item .type4 .itm5{display:none}
.custom-item .type4 .itm6{display:none}
.custom-item .type4 .itm7{display:none}
.custom-item .type4 .itm8{display:none}
.custom-item .type4 .itm9{display:none}
.custom-item .type4 .itm1.market-media .media{display:block;float:none;width:100%;height:340px}
.custom-item .type4 .itm1.market-media .media img{width:100%;height:auto}
.custom-item .type4 .itm1.market-media .txt{padding:20px}
.custom-item .type4 .itm1.market-media h3{font-size:24px}
.custom-item .type4 .itm1.market-media p{margin-top:15px}
.custom-item .type4 .itm2.market-media .media{display:block;float:none;width:100%;height:60%}
.custom-item .type4 .itm2.market-media .txt{padding:20px}
.custom-item .type4 .itm2.market-media h3{font-size:24px}
.custom-item .type4 .itm2.market-media p{margin-top:15px}

.custom-item .type5 .itm1{top:0;left:0;width:652px;height:512px}
.custom-item .type5 .itm2{top:0;right:0;width:324px;height:168px}
.custom-item .type5 .itm3{top:172px;right:0;width:324px;height:340px}
.custom-item .type5 .itm4{display:none}
.custom-item .type5 .itm5{display:none}
.custom-item .type5 .itm6{display:none}
.custom-item .type5 .itm7{display:none}
.custom-item .type5 .itm8{display:none}
.custom-item .type5 .itm9{display:none}
.custom-item .type5 .itm1.market-media .media{display:block;float:none;width:100%;height:340px}
.custom-item .type5 .itm1.market-media .media img{width:100%;height:auto}
.custom-item .type5 .itm1.market-media .txt{padding:20px}
.custom-item .type5 .itm1.market-media h3{font-size:24px}
.custom-item .type5 .itm1.market-media p{margin-top:15px}
.custom-item .type5 .itm3.market-media .media{display:block;float:none;width:100%;height:60%}
.custom-item .type5 .itm3.market-media .txt{padding:20px}
.custom-item .type5 .itm3.market-media h3{font-size:24px}
.custom-item .type5 .itm3.market-media p{margin-top:15px}
.custom-item .type5 .itm3.img-media .media img{width:auto;height:100%}

.custom-item .type6 .itm1{top:0;right:0;width:652px;height:340px}
.custom-item .type6 .itm2{top:0;left:0;width:324px;height:168px}
.custom-item .type6 .itm3{top:172px;left:0;width:324px;height:168px}
.custom-item .type6 .itm4{top:344px;left:0;width:324px;height:168px}
.custom-item .type6 .itm5{top:344px;left:328px;width:324px;height:168px}
.custom-item .type6 .itm6{top:344px;right:0;width:324px;height:168px}
.custom-item .type6 .itm7{display:none}
.custom-item .type6 .itm8{display:none}
.custom-item .type6 .itm9{display:none}
.custom-item .type6 .itm1.market-media h3{font-size:24px}
.custom-item .type6 .itm1.market-media p{margin-top:15px}

.custom-item .type7 .itm1{top:0;right:0;width:652px;height:512px}
.custom-item .type7 .itm2{top:0;left:0;width:324px;height:168px}
.custom-item .type7 .itm3{top:172px;left:0;width:324px;height:168px}
.custom-item .type7 .itm4{top:344px;left:0;width:324px;height:168px}
.custom-item .type7 .itm5{display:none}
.custom-item .type7 .itm6{display:none}
.custom-item .type7 .itm7{display:none}
.custom-item .type7 .itm8{display:none}
.custom-item .type7 .itm9{display:none}
.custom-item .type7 .itm1.img-media .media img{width:auto;height:100%}
.custom-item .type7 .itm1.market-media .media{display:block;float:none;width:100%;height:340px}
.custom-item .type7 .itm1.market-media .media img{width:100%;height:auto}
.custom-item .type7 .itm1.market-media .txt{padding:20px}
.custom-item .type7 .itm1.market-media h3{font-size:24px}
.custom-item .type7 .itm1.market-media p{margin-top:15px}

.custom-item .type8 .itm1{top:0;right:0;width:652px;height:512px}
.custom-item .type8 .itm2{top:0;left:0;width:324px;height:340px}
.custom-item .type8 .itm3{top:344px;left:0;width:324px;height:168px}
.custom-item .type8 .itm4{display:none}
.custom-item .type8 .itm5{display:none}
.custom-item .type8 .itm6{display:none}
.custom-item .type8 .itm7{display:none}
.custom-item .type8 .itm8{display:none}
.custom-item .type8 .itm9{display:none}
.custom-item .type8 .itm1.market-media .media{display:block;float:none;width:100%;height:340px}
.custom-item .type8 .itm1.market-media .media img{width:100%;height:auto}
.custom-item .type8 .itm1.market-media .txt{padding:20px}
.custom-item .type8 .itm1.market-media h3{font-size:24px}
.custom-item .type8 .itm1.market-media p{margin-top:15px}
.custom-item .type8 .itm2.market-media .media{display:block;float:none;width:100%;height:60%}
.custom-item .type8 .itm2.market-media .txt{padding:20px}
.custom-item .type8 .itm2.market-media h3{font-size:24px}
.custom-item .type8 .itm2.market-media p{margin-top:15px}

.custom-item .type9 .itm1{top:0;right:0;width:652px;height:512px}
.custom-item .type9 .itm2{top:0;left:0;width:324px;height:168px}
.custom-item .type9 .itm3{top:172px;left:0;width:324px;height:340px}
.custom-item .type9 .itm4{display:none}
.custom-item .type9 .itm5{display:none}
.custom-item .type9 .itm6{display:none}
.custom-item .type9 .itm7{display:none}
.custom-item .type9 .itm8{display:none}
.custom-item .type9 .itm9{display:none}
.custom-item .type9 .itm1.market-media .media{display:block;float:none;width:100%;height:340px}
.custom-item .type9 .itm1.market-media .media img{width:100%;height:auto}
.custom-item .type9 .itm1.market-media .txt{padding:20px}
.custom-item .type9 .itm1.market-media h3{font-size:24px}
.custom-item .type9 .itm1.market-media p{margin-top:15px}
.custom-item .type9 .itm3.market-media .media{display:block;float:none;width:100%;height:60%}
.custom-item .type9 .itm3.market-media .txt{padding:20px}
.custom-item .type9 .itm3.market-media h3{font-size:24px}
.custom-item .type9 .itm3.market-media p{margin-top:15px}
.custom-item .type9 .itm3.img-media .media img{width:auto;height:100%}

.custom-item .type10 .itm1{top:0;left:328px;width:324px;height:512px}
.custom-item .type10 .itm2{top:0;left:0;width:324px;height:168px}
.custom-item .type10 .itm3{top:172px;left:0;width:324px;height:168px}
.custom-item .type10 .itm4{top:344px;left:0;width:324px;height:168px}
.custom-item .type10 .itm5{top:0;right:0;width:324px;height:168px}
.custom-item .type10 .itm6{top:172px;right:0;width:324px;height:168px}
.custom-item .type10 .itm7{bottom:0;right:0;width:324px;height:168px}
.custom-item .type10 .itm8{display:none}
.custom-item .type10 .itm9{display:none}
.custom-item .type10 .itm1.img-media .media img{width:auto;height:100%}
.custom-item .type10 .itm1.market-media .media{display:block;float:none;width:100%;height:340px}
.custom-item .type10 .itm1.market-media .media img{width:auto;height:100%}
.custom-item .type10 .itm1.market-media .txt{padding:20px}
.custom-item .type10 .itm1.market-media h3{font-size:24px}
.custom-item .type10 .itm1.market-media p{margin-top:15px}

.custom-item .type11 .itm1{top:0;left:328px;width:324px;height:512px}
.custom-item .type11 .itm2{top:0;left:0;width:324px;height:168px}
.custom-item .type11 .itm3{top:172px;left:0;width:324px;height:168px}
.custom-item .type11 .itm4{top:344px;left:0;width:324px;height:168px}
.custom-item .type11 .itm5{top:0;right:0;width:324px;height:340px}
.custom-item .type11 .itm6{bottom:0;right:0;width:324px;height:168px}
.custom-item .type11 .itm7{display:none}
.custom-item .type11 .itm8{display:none}
.custom-item .type11 .itm9{display:none}
.custom-item .type11 .itm1.img-media .media img{width:auto;height:100%}
.custom-item .type11 .itm1.market-media .media{display:block;float:none;width:100%;height:340px}
.custom-item .type11 .itm1.market-media .media img{width:auto;height:100%}
.custom-item .type11 .itm1.market-media .txt{padding:20px}
.custom-item .type11 .itm1.market-media h3{font-size:24px}
.custom-item .type11 .itm1.market-media p{margin-top:15px}
.custom-item .type11 .itm5.market-media .media{display:block;float:none;width:100%;height:60%}
.custom-item .type11 .itm5.market-media .txt{padding:20px}
.custom-item .type11 .itm5.market-media h3{font-size:24px}
.custom-item .type11 .itm5.market-media p{margin-top:15px}
.custom-item .type11 .itm5.img-media .media img{width:auto;height:100%}

.custom-item .type12 .itm1{top:0;left:328px;width:324px;height:512px}
.custom-item .type12 .itm2{top:0;left:0;width:324px;height:168px}
.custom-item .type12 .itm3{top:172px;left:0;width:324px;height:168px}
.custom-item .type12 .itm4{top:344px;left:0;width:324px;height:168px}
.custom-item .type12 .itm5{top:0;right:0;width:324px;height:168px}
.custom-item .type12 .itm6{bottom:0;right:0;width:324px;height:340px}
.custom-item .type12 .itm7{display:none}
.custom-item .type12 .itm8{display:none}
.custom-item .type12 .itm9{display:none}
.custom-item .type12 .itm1.img-media .media img{width:auto;height:100%}
.custom-item .type12 .itm1.market-media .media{display:block;float:none;width:100%;height:340px}
.custom-item .type12 .itm1.market-media .media img{width:auto;height:100%}
.custom-item .type12 .itm1.market-media .txt{padding:20px}
.custom-item .type12 .itm1.market-media h3{font-size:24px}
.custom-item .type12 .itm1.market-media p{margin-top:15px}
.custom-item .type12 .itm6.market-media .media{display:block;float:none;width:100%;height:60%}
.custom-item .type12 .itm6.market-media .txt{padding:20px}
.custom-item .type12 .itm6.market-media h3{font-size:24px}
.custom-item .type12 .itm6.market-media p{margin-top:15px}
.custom-item .type12 .itm6.img-media .media img{width:auto;height:100%}

.my-category{min-width:980px;margin-top:34px}
.my-category .tab{position:relative;background:#fff url(../img/bg_tab_mycategory.gif) repeat-x 0 0}
.my-category .tab ul{padding-bottom:1px;border-right:1px solid #ebebeb}
.my-category .tab li{float:left;height:42px;margin:0 -1px -1px 0}
.my-category .tab li span{display:block;width:140px;height:40px;border-width:1px;border-style:solid;border-color:#e1e1e1 #ebebeb;background:#fff;font-family:'나눔고딕','NanumGothic','맑은 고딕','malgun gothic';font-size:13px;line-height:40px;color:#535353;letter-spacing:-1px;text-align:center;cursor:pointer}
.my-category .tab li.on{position:relative}
.my-category .tab li.on span{border:1px solid #3171b7;background:#397ac0;color:#fff}
.my-category .tab .set{position:absolute;right:0;bottom:0}
.my-category .tab .set .btn-my-category{cursor:pointer}

.my-category .tab .box-category{position:relative}
.my-category .tab .category-fold{position:absolute;left:0;top:0;z-index:9;width:100%;background:#fff}
.my-category .tab .category-fold .in{padding:26px 43px;border:1px solid #797979}
.my-category .tab .category-fold dl{position:relative;margin-top:22px;padding-left:123px;font-family:'나눔고딕','NanumGothic','맑은 고딕','malgun gothic';line-height:18px;letter-spacing:-1px}
.my-category .tab .category-fold dl:first-child{margin-top:0}
.my-category .tab .category-fold dt,
.my-category .tab .category-fold dd{padding:4px 0}
.my-category .tab .category-fold dt{position:absolute;left:0;top:0;width:123px;font-size:15px;font-weight:600;color:#545454}
.my-category .tab .category-fold dd{float:left;margin-right:18px;padding-left:19px;background:url(../img/contsLst_writer_bar.gif) no-repeat 0 50%;font-size:12px;color:#777}
.my-category .tab .category-fold dd a{color:#777}
.my-category .tab .category-fold dt + dd{margin-left:0;padding-left:0;background:none}

.my-category .conts-lst-top{position:relative;height:56px;margin-top:35px}
.my-category .conts-lst-top .lst-search{float:left}
.my-category .conts-lst-top .lst-search select{padding:6px 5px 5px;border:1px solid #c3c3c3;font-family:'나눔고딕','NanumGothic','맑은 고딕','malgun gothic'}

.my-category .conts-lst-top .lst-filter{position:absolute;top:8px;left:50%;width:134px;height:26px;margin-left:-67px}
.my-category .conts-lst-top .lst-filter .lst-bar{display:block;position:relative;width:134px;height:7px;margin:0 auto;background:url(../img/bg_lst_filter.png) no-repeat 0 0}
.my-category .conts-lst-top .lst-filter .lst-bar .btn-lst-filter{display:none;position:absolute;top:50%;margin:-7px 0 0 -7px;cursor:pointer}
.my-category .conts-lst-top .lst-filter .flt{position:absolute;bottom:0;color:#6c7079;cursor:pointer}
.my-category .conts-lst-top .lst-filter .filter1{left:-10px}
.my-category .conts-lst-top .lst-filter .filter2{left:50%;margin-left:-28px}
.my-category .conts-lst-top .lst-filter .filter3{right:-10px}

/* 슬라이드 수정 */
.my-category .conts-lst-top .ui-widget-content{border:0;background:none}
.my-category .conts-lst-top .ui-widget{font-family:inherit;font-size:inherit}
.my-category .conts-lst-top .ui-slider-horizontal .ui-slider-handle{top:-3px;width:15px;height:15px;border:0;background:url(../img/btn_lst_filter.png) no-repeat 0 0;cursor:pointer}

.my-category .conts-lst-top .sort{float:right;color:#fff}
.my-category .conts-lst-top .sort span{display:inline-block;width:60px;height:30px;margin-left:1px;background:#cfd1d4;font-family:'나눔고딕','NanumGothic','맑은 고딕','malgun gothic';line-height:30px;text-align:center;vertical-align:top;cursor:pointer}
.my-category .conts-lst-top .sort .first{background:#cfd1d4 url(../img/btn_lst_filter2.jpg) no-repeat 0 0}
.my-category .conts-lst-top .sort .last{background:#cfd1d4 url(../img/btn_lst_filter2.jpg) no-repeat 100% -60px}
.my-category .conts-lst-top .sort .on{background-color:#6c717a}
.my-category .conts-lst-top .sort .first.on{background-position:0 -30px}
.my-category .conts-lst-top .sort .last.on{background-position:100% -90px}

.my-category .conts-lst{overflow:hidden;width:980px}
.my-category .conts-lst > ul{margin-left:-22px}
.my-category .conts-lst > ul > li{float:left;margin:0 0 30px 22px}
.my-category .conts-lst .box{width:312px;height:387px;background:url(../img/bg_conts_lst_box.png) no-repeat 0 0}
.my-category .conts-lst .box .top{position:relative}
.my-category .conts-lst .box .top a{display:block}
.my-category .conts-lst .box .top .thumb{display:block;width:310px;height:188px;background:url(../img/bg_thumb.png) no-repeat 0 0}
.my-category .conts-lst .box .top .thumb img{width:310px;height:188px}
.my-category .conts-lst .box .top .info{position:absolute;bottom:0;width:100%;height:28px;padding-top:12px;background:url(../img/bg_alpha50.png) repeat 0 0;color:#fff}
.my-category .conts-lst .box .top .rema-days{float:left;margin-left:18px;padding-left:18px;background:url(../img/ico_clock.png) no-repeat 0 50%}
.my-category .conts-lst .box .top .pub{float:right;padding-right:18px}
.my-category .conts-lst .box .conts{height:122px;padding:20px 24px 14px}
.my-category .conts-lst .box .conts .conts-in{height:100px}
.my-category .conts-lst .box .conts h4{font-family:'나눔고딕','NanumGothic','맑은 고딕','malgun gothic';font-size:17px;color:#26282e}
.my-category .conts-lst .box .conts h4 a{color:#26282e}
.my-category .conts-lst .box .conts .txt{margin-top:10px;line-height:20px;color:#505258}
.my-category .conts-lst .box .conts .txt a{color:#505258}

.my-category .conts-lst .box .writer span{display:inline-block;font-size:13px;color:#9a9a9a;vertical-align:middle}
.my-category .conts-lst .box .writer span a{color:#9a9a9a}
.my-category .conts-lst .box .writer .photo{position:relative;width:25px;height:25px;margin-right:15px;background:url(../img/thumb_none26.png) no-repeat 0 0}
.my-category .conts-lst .box .writer .photo img{width:25px;height:25px}
.my-category .conts-lst .box .writer .photo:after{display:block;position:absolute;top:0;left:0;width:25px;height:25px;background:url(../img/frame_contsLst_photo.png) no-repeat 0 0;content:''}
.my-category .conts-lst .box .writer .date{margin-left:10px;padding-left:11px;background:url(../img/contsLst_writer_bar.gif) no-repeat 0 50%}

.my-category .conts-lst .box .conts-info{position:relative;padding:0 20px;border-top:1px solid #ebebeb;color:#b4b4b4}
.my-category .conts-lst .box .conts-info ul{padding-top:11px}
.my-category .conts-lst .box .conts-info li{float:left;margin-left:15px}
.my-category .conts-lst .box .conts-info li:first-child{margin-left:0}
.my-category .conts-lst .box .conts-info li span{display:block;height:18px;padding-left:20px;background:url(../img/ico_conts_info.png) no-repeat 0 0;line-height:18px}
.my-category .conts-lst .box .conts-info .cnt1{background-position:0 0}
.my-category .conts-lst .box .conts-info .cnt2{background-position:0 -18px}
.my-category .conts-lst .box .conts-info .cnt3{background-position:0 -36px}
.my-category .conts-lst .box .conts-info .cnt4{background-position:0 -54px}
.my-category .conts-lst .box .conts-info .ct{position:absolute;top:12px;right:26px;font-family:'나눔고딕','NanumGothic','맑은 고딕','malgun gothic';font-size:13px;color:#2577cf}

/* 자동 더보기 */
.side-sky-wrap{position:fixed;right:0;left:0;bottom:227px;padding-left:210px}
.side-sky-wrap .sky-wrap{position:relative;width:980px;margin:0 auto}
.side-sky{position:absolute;right:-83px;bottom:0;width:73px;border:1px solid #b3b3b3;background:#fff}
.side-sky span{display:block}
.side-sky .btn-top{height:28px;border-bottom:1px solid #d3d3d3;background:url(../img/bg_btn_top.jpg) repeat-x 0 0;font-size:9px;font-weight:bold;line-height:28px;color:#686868;text-align:center;cursor:pointer}
.side-sky .btn-top em{display:inline-block;padding-left:12px;background:url(../img/ico_btn_top.gif) no-repeat 0 50%}
.side-sky .auto-view{height:18px;padding-top:7px;font-size:11px;color:#a5a5a5;letter-spacing:-1px;text-align:center}
.side-sky .auto-view label{margin-left:4px}

/* 포스트 설정 */
.section-post{position:relative;width:1200px;margin:0 auto;padding:50px 0}
.section-post .title li{float:left;margin-right:20px}
.section-post .post-area{margin-top:80px}

.tb-post{width:100%}
.tb-post th{padding-top:6px;text-align:left}
.tb-post th,.tb-post td{padding-bottom:25px;vertical-align:top}
.tb-post tr:first-child th,.tb-post tr:first-child td{padding-bottom:35px}
.tb-post .last th,.tb-post .last td{padding-bottom:0}
.tb-post th img{margin-left:22px}

.post-area .box{position:relative;padding-right:44px}
.post-area .box .show-first{margin-bottom:10px;font-family:'나눔고딕','NanumGothic','맑은 고딕','malgun gothic';font-size:13px}
.post-area .box .show-first label span{color:#999}
.post-area .s-ca{height:39px;font-family:'나눔고딕','NanumGothic','맑은 고딕','malgun gothic';font-size:14px}
.post-area .editor{width:906px}
.post-area .autosave-date{padding:0 60px 10px 0;text-align:right}
.post-area .sstyle{padding:10px 0 9px;border:1px solid #c2c2c2;vertical-align:middle}
.post-area .istyle{height:37px;padding:0 10px;border:1px solid #c2c2c2;font-family:'나눔고딕','NanumGothic','맑은 고딕','malgun gothic';font-size:14px;line-height:37px;vertical-align:middle}
.post-area .istyle.i-sj{margin-left:8px}
/* .post-area .word-limit{position:absolute;top:-18px;right:46px;color:#999} */
.post-area .word-limit{display:block;margin-top:5px;color:#999;text-align:right}

.section-post .file-att .btn-find-file{display:inline-block;position:relative;width:101px;vertical-align:middle}
.section-post .file-att .btn-find-file input[type=file]{position:absolute;top:0;right:0;width:100%;height:32px;opacity:0;filter:alpha(opacity=0)}
.section-post .file-att .noti{display:inline-block;vertical-align:middle}

/* .section-post .file-att .noti{display:inline-block;margin-left:20px;vertical-align:middle} */
.post-area .att-lst{margin-top:5px;border:1px solid #c2c2c2;background:#fff}
.post-area .att-lst h4{height:22px;border-bottom:1px solid #c2c2c2;background:url(../img/bg_att_lst.jpg) repeat-x 0 0;font-family:'나눔고딕','NanumGothic','맑은 고딕','malgun gothic';font-size:12px;line-height:22px;text-align:center}
.post-area .att-lst ul{padding:5px 0}
.post-area .att-lst .row{padding:5px 15px}
.post-area .att-lst .row .file-name{float:left;padding-left:22px;background:url(../img/ico_file.gif) no-repeat 0 50%;font-family:'나눔고딕','NanumGothic','맑은 고딕','malgun gothic'}
.post-area .att-lst .row .file-info{float:right;font-size:11px;color:#b3b3b3}
.post-area .att-lst .row .file-info span{display:inline-block;vertical-align:middle}
.post-area .att-lst .row .file-info .btn-del{margin-left:8px;cursor:pointer}

.post-area .post-type-select li{float:left;margin-left:32px;font-family: '나눔고딕','NanumGothic','맑은 고딕','malgun gothic';font-size: 13px}
.post-area .post-type-select li:first-child{margin-left:0}
.post-area .post-type-select label{margin-left:5px}
.post-area .post-type-select img{margin:30px 0 0 -52px}

.btn{text-align:center}
.btn-page-prev{display:inline-block;5px;vertical-align:middle}
.btn-page-next{width:132px;height:44px;border:0;background:url(../img/btn_sprite.png) no-repeat 0 -44px;vertical-align:middle}
.section-post .btn{position:relative;margin-top:44px;padding:0 44px 0 248px}

.section-post .b-group{position:absolute;top:43px;right:0}
.section-post .b-group li{float:left;margin-left:3px}

.section-post .btn-temp-save{width:132px;height:44px;border:0;background:url(../img/btn_sprite.png) no-repeat 0 0;vertical-align:middle;text-indent:-99999px}
.section-post .btn-post-reg{width:132px;height:44px;border:0;background:url(../img/btn_sprite.png) no-repeat -132px 0;vertical-align:middle;text-indent:-99999px}
.section-post .post-area .btn-post-preview{position:absolute;right:44px;top:0;width:132px;height:44px;border:0;background:url(../img/btn_post_preview.png) no-repeat 0 0;text-indent:-99999px}

/* 포스트 작성 */
.post-area .type-fixed .thumb-reg{margin-bottom:20px}
.post-area .type-fixed .thumb-reg .thumb-view .thumb{position:relative;display:block;overflow:hidden;min-height:248px;background:#ebebe9 url(../img/bg_post_thumb.gif) no-repeat 50% 50%}
.post-area .type-fixed .thumb-reg .thumb-view .thumb.up{min-height:0 !important;background-image:none}
.post-area .type-fixed .thumb-view .thumb{padding:10px;text-align:center}
.post-area .type-fixed .thumb-view .thumb img{display:inline-block}
.post-area .type-fixed .post-type-a .thumb-view{width:908px}
.post-area .type-fixed .post-type-a .thumb-view .thumb img{max-width:820px}
.post-area .type-fixed .post-type-b .thumb-view{float:left;width:450px;margin-left:8px}
.post-area .type-fixed .post-type-b .thumb-view:first-child{margin-left:0}
.post-area .type-fixed .post-type-b .thumb-view .thumb img{max-width:400px}
.post-area .type-fixed .thumb-reg .thumb-view .thumb input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;opacity:0;filter:alpha(opacity=0)}
.post-area .type-fixed .thumb-reg .thumb-view .thumb-view-bot{margin-top:5px}
.post-area .type-fixed .thumb-reg .thumb-view .thumb-view-bot .btn-post-thumb-del{float:right;cursor:pointer}
.post-area .type-fixed .thumb-reg .thumb-view .thumb-view-bot .noti{float:left;color:#858a8f;line-height:32px}
.post-area .type-fixed .thumb-reg .thumb-view .thumb-view-bot .noti em{color:#39698b}
.post-area .type-fixed .post-type-a,
.post-area .type-fixed .post-type-b{margin-bottom:30px}
.post-area .type-fixed .button-type{margin-top:10px;text-align:right}
.post-area .type-fixed .button-type .btn-post-type-del,
.post-area .type-fixed .btn-post-type-add,
.post-area .btn-post-thumb-del{cursor:pointer}

/* 소개글 작성 */
.post-area .type-free .thumb-reg li{margin-top:15px}
.post-area .type-free .thumb-reg li:first-child{margin-top:0}
.post-area .type-free .thumb-reg h3{float:left;width:226px;padding:6px 0 0 22px}
.post-area .type-free .thumb-reg .thumb-view{padding-left:248px}
.post-area .type-free .thumb-reg .thumb{float:left;overflow:hidden;width:342px;height:228px;background:url(../img/bg_post_thumb.gif) no-repeat 0 0}
.post-area .type-free .thumb-reg .thumb-view .itext{margin-left:362px}
.post-area .type-free .thumb-reg .img-crop{float:left}
.post-area .type-free .thumb-reg .img-crop .cropbox{width:906px;min-height:240px;border:1px solid #c2c2c2;background:#ebebe9 url(../img/bg_post_thumb2.gif) no-repeat 50% 50%}
.post-area .type-free .thumb-reg .img-crop img{display:inline-block;max-width:100%}
.post-area .type-free .thumb-reg .thumb-view-bot{position:relative;width:342px;margin-top:10px}
.post-area .type-free .thumb-reg .thumb-view-bot .noti{display:block;margin-top:15px;color:#858a8f}
.post-area .type-free .thumb-reg .thumb-view-bot .file-att{position:relative;width:101px;height:32px}
.post-area .type-free .thumb-reg .thumb-view-bot .file-att input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;opacity:0;filter:alpha(opacity=0)}
.post-area .type-free .thumb-reg .thumb-view-bot .btn-post-thumb-del{position:absolute;right:0;top:0}
.post-area .type-free .thumb-reg .thumb-view-bot .noti em{color:#39698b}

/* 150612 백업
.post-area .thumb-reg li{margin-top:15px}
.post-area .thumb-reg li:first-child{margin-top:0}
.post-area .thumb-reg h3{float:left;width:226px;padding:6px 0 0 22px}
.post-area .thumb-reg .thumb-view .thumb{display:block;overflow:hidden;float:left;width:342px;height:228px;background:url(../img/bg_post_thumb.gif) no-repeat 0 0}
.post-area .thumb-reg .thumb-view .thumb img{display:inline-block;width:100%;height:228px}
.post-area .thumb-reg .thumb-view .file-att{float:left;margin-left:25px}
.post-area .thumb-reg .thumb-view .file-att .noti{display:block;margin-top:18px;color:#858a8f}
.post-area .thumb-reg .thumb-view .file-att .noti em{color:#39698b}
.post-area .thumb-reg .img-crop{float:left}
.post-area .thumb-reg .img-crop .cropbox{width:906px;min-height:240px;border:1px solid #c2c2c2;background:#ebebe9 url(../img/bg_post_thumb2.gif) no-repeat 50% 50%}
.post-area .thumb-reg .img-crop img{display:inline-block;max-width:100%}
*/

/* 옵션 설정 */
.post-area .sj-form{position:relative}
.post-area .sj-form .sj-choice{display:inline-block;position:relative}
.post-area .sj-form .sj-choice em{position:absolute;top:0;right:0;width:174px;height:22px;padding:17px 7px 0 0;text-align:right;cursor:pointer}

.post-area .sj-form .sj-lst{position:absolute;top:38px;left:0;z-index:9;width:788px;padding:25px 0 32px 54px;border:1px solid #c2c2c2;background:#fff;font-family:'나눔고딕','NanumGothic','맑은 고딕','malgun gothic'}
.post-area .sj-form .sj-lst .not-choice{color:#717f9e}
.post-area .sj-form .sj-lst .lst-box{margin-top:32px}
.post-area .sj-form .sj-lst .lst{float:left;margin-left:90px}
.post-area .sj-form .sj-lst .lst:first-child{margin-left:0}
.post-area .sj-form .sj-lst .lst .t-cate{font-size:13px;color:#232323}
.post-area .sj-form .sj-lst .lst ul{margin-top:15px}
.post-area .sj-form .sj-lst .lst li{padding:6px 0;color:#666}
.post-area .sj-form .sj-lst label{margin-left:5px}

.post-area .radio-group{font-family:'나눔고딕','NanumGothic','맑은 고딕','malgun gothic';font-size:13px}
.post-area .radio-group span{margin-right:35px}
.post-area .radio-group label{padding-left:5px}

.post-area .align th,.post-area .align td{padding:0 0 25px;vertical-align:middle}
.post-area .copyrighter > li{margin-top:10px;font-family:'나눔고딕','NanumGothic','맑은 고딕','malgun gothic'}
.post-area .copyrighter > li:first-child{margin-top:0}
.post-area .copyrighter > li:first-child .noti{color:#39698b}
.post-area .copyrighter .cell{display:inline-block;width:256px;vertical-align:middle}
.post-area .copyrighter .cell.radio-group{padding:5px 0}
.post-area .copyrighter .donut-price{padding-top:5px;font-size:13px}
.post-area .copyrighter .donut-price li:first-child{margin-bottom:9px}
.post-area .copyrighter .btn-copyrighter-app{cursor:pointer}

.post-area .copyrighter .donut-price label{display:inline-block;width:50px;font-size:13px;vertical-align:middle}
.post-area .copyrighter .donut-price input[type=text]{height:25px;padding:0 10px;border:1px solid #c2c2c2;line-height:25px;text-align:right;vertical-align:middle}
.post-area .copyrighter .noti{display:inline-block;font-size:12px;color:#919090;vertical-align:middle}

/*
.post-area .share-list span{display:inline-block;height:24px;background:url(../img/bg_share_list.png) no-repeat 0 0;font-family:'malgun gothic';line-height:24px;color:#81868b;text-align:center;vertical-align:top}
.post-area .share-list .tag{margin-top:5px;background-position:100% -24px}
.post-area .share-list .tag span{padding:0 5px 0 10px;background-position:0 0}
.post-area .share-list .tag .btn-tag-del{display:inline-block;width:15px;height:24px;font-size:11px;cursor:pointer}
.post-area .btn-share{cursor:pointer}
*/

/* 포스트 보기 */
.postView-area{position:relative}
.postView-area .aside{position:absolute;top:0;right:0;bottom:0;width:318px;border:1px solid #e1e1e1;background:#fff}
.postView-area .aside .owner-box{margin:0 31px;padding:30px 0;border-bottom:1px solid #e1e1e1}
.postView-area .aside .owner-box .thumb{overflow:hidden;float:left;width:50px;height:50px;margin-right:15px}
.postView-area .aside .owner-box .thumb img{width:50px;height:50px}
.postView-area .aside .owner-box .info{float:left;font-family:'나눔고딕','NanumGothic','맑은 고딕','malgun gothic'}
.postView-area .aside .owner-box .info span{display:block}
.postView-area .aside .owner-box .name{height:35px;font-size:23px;color:#1b1b1b}
.postView-area .aside .owner-box .adrs{padding-left:15px;background:url(../img/ico_adrs.png) no-repeat 0 50%;font-size:13px;color:#a0a5a9}
.postView-area .aside .owner-box .btn2{margin-top:13px}
.postView-area .aside .owner-box .btn2 span{display:inline-block;width:75px;height:31px;padding-left:52px;background:url(../img/btn_sprite.png) no-repeat;line-height:31px;color:#d0d4d8;cursor:pointer}
.postView-area .aside .owner-box .btn2 .btn-frnd_app{background-position:-300px -333px}
.postView-area .aside .owner-box .btn2 .btn-frnd{background-position:-300px -333px}
.postView-area .aside .owner-box .btn2 .btn-frnd:hover{background-position:-300px -364px}
.postView-area .aside .owner-box .btn2 .btn-subscribe{margin-left:2px;background-position:-300px -395px}

.postView-area .aside .stat-cnt{margin:0 31px;padding:30px 0;border-bottom:1px solid #e1e1e1}
.postView-area .aside .stat-cnt li{overflow:hidden;padding:5px 0;font-family:'나눔고딕','NanumGothic','맑은 고딕','malgun gothic'}
.postView-area .aside .stat-cnt span{height:16px;font-size:13px;line-height:16px}
.postView-area .aside .stat-cnt .tt{float:left;padding-left:36px;background:url(../img/ico_stat_cnt.png) no-repeat;color:#333}
.postView-area .aside .stat-cnt .cnt{float:right;color:#b9b9b9}
.postView-area .aside .stat-cnt .cnt1{background-position:0 0}
.postView-area .aside .stat-cnt .cnt2{background-position:0 -16px}
.postView-area .aside .stat-cnt .cnt3{background-position:0 -32px}
.postView-area .aside .stat-cnt .dnt{font-size:14px;color:#3392da;cursor:pointer}

.postView-area .aside .tags{overflow:hidden;width:256px;margin:36px 31px 0}
.postView-area .aside .tags p{padding-bottom:6px;font-family:'나눔고딕','NanumGothic','맑은 고딕','malgun gothic';font-size:16px;color:#1b1b1b}
.postView-area .aside .tags ul{margin-left:-2px}
.postView-area .aside .tags ul li{float:left;margin:6px 0 0 2px}
.postView-area .aside .tags li span{display:block;height:24px;background:url(../img/bg_aside_tag.png) no-repeat 0 0;font-family:'malgun gothic';line-height:24px;color:#81868b;text-align:center;cursor:pointer}
.postView-area .aside .tags .tag{background-position:100% -24px}
.postView-area .aside .tags .tag span{padding:0 15px;background-position:0 0}
.postView-area .aside .btn-share{display:block;width:255px;margin:39px auto 0;cursor:pointer}

.postView-area .aside .share-list{padding:10px 31px}
.postView-area .aside .share-list span{display:inline-block;height:24px;background:url(../img/bg_share_list.png) no-repeat 0 0;font-family:'malgun gothic';line-height:24px;color:#81868b;text-align:center;vertical-align:top}
.postView-area .aside .share-list .tag{margin-top:5px;background-position:100% -24px}
.postView-area .aside .share-list .tag span{padding:0 5px 0 10px;background-position:0 0}
.postView-area .aside .share-list .tag .btn-tag-del{display:inline-block;width:15px;height:24px;font-size:11px;cursor:pointer}

.postView-area .view{width:860px;border:1px solid #e1e1e1;background:#fff}
.postView-area .view .view-head{position:relative;height:84px;border-bottom:1px solid #e0e0e0;background:#4f5964}
.postView-area .view .view-head h2{height:40px;padding:16px 28px 0 40px;font-family:'나눔고딕','NanumGothic','맑은 고딕','malgun gothic';font-size:22px;font-weight:500;color:#fff;letter-spacing:-1px}
.postView-area .view .view-head h2 a{color:#fff}
.postView-area .view .view-head .info{padding-left:40px;font-family:'나눔고딕','NanumGothic','맑은 고딕','malgun gothic';color:#dcdcdc}
.postView-area .view .view-head .info span{display:inline-block;margin-left:6px;padding-left:8px;background:url(../img/viewHead_bar.gif) no-repeat 0 50%;vertical-align:middle}
.postView-area .view .view-head .info span:first-child{margin-left:0;padding-left:0;background:none}
.postView-area .view .view-head .info .name em{color:#85d2c5}
.postView-area .view .view-head .modify{position:absolute;top:31px;left:640px}
.postView-area .view .view-head .modify span:first-child{margin-right:4px}
.postView-area .view .view-head .modify span{cursor:pointer}
.postView-area .view .view-head .post-public{position:absolute;top:50%;right:28px;margin-top:-23px}

.postView-area .view .conts{overflow:hidden;padding:34px 20px 30px;word-wrap:break-word}
.postView-area .view .att_file_name{padding:0 26px 10px 0;font-family:'malgun gothic';color:#a0a4a7;text-align:right}
.postView-area .view .att_file_name strong{color:#686e74;letter-spacing:-1px}
.postView-area .view .conts .txt{padding-bottom:50px;font-family:'나눔고딕','NanumGothic','맑은 고딕','malgun gothic';font-size:13px;line-height:1.4;color:#696969}
.postView-area .view .conts .media + .txt{margin-top:48px}
.postView-area .view .conts .txt table{width:100%}
.postView-area .view .conts .fixed-one td img{max-width:820px}
.postView-area .view .conts .fixed-double td img{max-width:400px}
.postView-area .view .conts tr.fixed-tr td{padding-bottom:20px}
.postView-area .view .lately-edit{padding-bottom:30px;font-family:'나눔고딕','NanumGothic','맑은 고딕','malgun gothic';color:#999;text-align:right;line-height:12px}
.postView-area .view .lately-edit span{padding-right:15px;background: url(../img/ico_user_menu.png) no-repeat 100% 50%;cursor:pointer}
.postView-area .view .lately-edit ul{margin-top:5px;padding-right:15px;line-height:18px}
.postView-area .view .preview .lately-edit{margin-top:20px;padding-bottom:0}
.postView-area .view .preview .conts-copy{margin-bottom:15px;text-align:right}
.postView-area .view .preview .conts-copy a{color:#999}
.postView-area .view .preview .conts-copy .btn-copy{display:inline-block;height:13px;margin-left:5px;padding:1px 2px;font-size:11px;color:#fff;background:#bababa;vertical-align:middle;line-height:13px;text-align:center;cursor:pointer;border-radius:2px;letter-spacing:-1px}

.postView-area .view .conts .button-group{text-align:center}
.postView-area .view .conts .button-group .btn-donut-send{display:inline-block;width:132px;height:44px;background:url(../img/btn_sprite.png) no-repeat -264px 0;font-family:'나눔고딕','NanumGothic','맑은 고딕','malgun gothic';font-size:15px;letter-spacing:-1px;text-align:center;cursor:pointer;vertical-align:top}
.postView-area .view .conts .button-group .btn-donut-send span{display:inline-block;padding-left:20px;background: url(../img/ico_blu_donut.png) no-repeat 0 50%;line-height: 44px}

.postView-area .view .view-tail{height:56px;padding:0 58px 0 63px;background:#f6f6f6}
.postView-area .view .view-tail .grade{float:left;width:50%;font-family:'나눔고딕','NanumGothic','맑은 고딕','malgun gothic'}
.postView-area .view .view-tail .grade .star{float:left;padding-top:20px}
.postView-area .view .view-tail .grade .tt{display:inline-block;margin-right:20px;font-size:13px;line-height:14px;vertical-align:top}

.postView-area .view .view-tail .grade .average{float:left;margin-left:25px;padding-top:14px;font-size:20px;color:#333c46}
.postView-area .view .view-tail .grade .average em{font-size:13px;color:#4f5964}
.postView-area .view .view-tail .recmm{float:right;padding-top:19px}
.postView-area .view .view-tail .recmm span{display:inline-block;height:18px;background:url(../img/bg_recmm.png) no-repeat;font-size:11px;color:#fff;vertical-align:top;cursor:pointer}
.postView-area .view .view-tail .recmm .btn-rec{position:relative;top:-1px;padding-right:8px;background-position:100% -18px}
.postView-area .view .view-tail .recmm .btn-rec.on span{background-position:0 -55px}
.postView-area .view .view-tail .recmm .btn-rec span{height:17px;padding:1px 0 0 32px;background-position:0 0}
.postView-area .view .view-tail .recmm .btn-non{position:relative;margin-left:25px;padding-right:8px;background-position:100% -19px}
.postView-area .view .view-tail .recmm .btn-non.on span{background-position:0 -74px}
.postView-area .view .view-tail .recmm .btn-non span{padding-left:32px;background-position:0 -36px}

.postView-area .view .view-tail .recmm .btn-rec .ani-recm{position:absolute;left:-14px;bottom:20px}
.postView-area .view .view-tail .recmm .btn-non .ani-non{position:absolute;left:-7px;bottom:70px;width:46px}

.postView-area .view .view-tail .recmm .btn-rec .ani-recm img,.postView-area .view .view-tail .recmm .btn-non .ani-non img{display:inline-block;width:100%}

.postView-area .btn-location-prev{position:absolute;top:-30px;left:1px}

/* 미리보기 */
.postView-area .view .preview{padding:20px 40px 46px}
.postView-area .view .preview .thumb{overflow:hidden;float:left;width:320px;height:209px}
.postView-area .view .preview .thumb img{width:100%;height:209px}
.postView-area .view .preview .intro{padding-left:354px;font-family:'나눔고딕','NanumGothic','맑은 고딕','malgun gothic'}
.postView-area .view .preview .intro h3{padding-bottom:10px;font-size:20px;color:#111}
.postView-area .view .preview .intro p{font-size:13px;line-height:21px;color:#7f7e7e}
.postView-area .view .preview .intro p a{color:#7f7e7e}
.postView-area .view .preview .intro .att-file{display:block;margin-top:36px;font-family:'malgun gothic','맑은 고딕';font-size:12px;color:#a0a4a7;text-align:right}
.postView-area .view .preview .intro .att-file strong{color:#686e74}
.postView-area .view .preview .side-box{margin-top:56px;text-align:center;font-size:0;line-height:0}
.postView-area .view .preview .side-box li{display:inline-block;position:relative;margin-left:5px;vertical-align:top;text-align:left}
.postView-area .view .preview .side-box li:first-child{margin-left:0}

.postView-area .view .preview .side-box li > span,
.postView-area .view .preview .side-box li > a{display:inline-block;width:132px;height:44px;background:url(../img/btn_sprite.png) no-repeat -264px 0;font-family:'나눔고딕','NanumGothic','맑은 고딕','malgun gothic';font-size:15px;letter-spacing:-1px;text-align:center;cursor:pointer;vertical-align:top}
.postView-area .view .preview .side-box span span{display:inline-block;line-height:44px}
.postView-area .view .preview .side-box .btn-post-preview{cursor:pointer}
.postView-area .view .preview .side-box .btn-post-preview span{padding-left:22px;background:url(../img/ico_doc.png) no-repeat 0 50%;color:#313131}

.postView-area .view .preview .side-box .btn-reading em,.postView-area .view .preview .side-box .btn-draw em{margin-left:15px;padding-left:20px;background:url(../img/ico_blu_donut.png) no-repeat 0 50%;color:#517ba2}

.postView-area .view .preview .side-box .reading .releasable,.postView-area .view .preview .side-box .draw .draw-writing{display:none;position:absolute;top:0;left:0;background-position:-358px -437px;line-height:44px;color:#fff}

.postView-area .view .preview .side-box .reading.on .releasable,.postView-area .view .preview .side-box .draw.on .draw-writing{display:block}

.preview-conts{position:relative;width:862px;margin-top:15px}
.preview-conts .water-mark{position:absolute;left:50%;margin-left:-127px}

.postView-area .review-n-cmnt{width:862px;margin-top:15px}
.postView-area .review-n-cmnt .tab li{float:left;width:50%;height:54px;background:#f6f6f6;cursor:pointer}
.postView-area .review-n-cmnt .tab li h3{height:52px;border-width:1px 1px 1px 0;border-style:solid;border-color:#e3e3e3;font-family:'나눔고딕','NanumGothic','맑은 고딕','malgun gothic';font-size:18px;font-weight:500;line-height:52px;color:#313131;text-align:center}
.postView-area .review-n-cmnt .tab li:first-child h3{border-width:1px 0 1px 1px}
.postView-area .review-n-cmnt .tab li h3 span{color:#3392da}
.postView-area .review-n-cmnt .tab li.on{background:#fff}
.postView-area .review-n-cmnt .tab li.on h3{border-color:#4f5964;border-width:1px 1px 0}
.postView-area .review-n-cmnt .cmnt{border-top:0}

/* 소셜픽 */
.social-area{position:relative}
.social-area .t-h3{padding-top:58px;font-family:'나눔고딕','NanumGothic','맑은 고딕','malgun gothic';font-size:34px;font-weight:600;color:#394b5e}
.social-area .t-h3 span{margin-left:15px;font-size:24px;color:#99a1ab}
.social-area .sort{position:absolute;top:66px;right:0}
.social-area .sort select{padding:6px 5px 5px;border:1px solid #c2c2c2;font-family:'나눔고딕','NanumGothic','맑은 고딕','malgun gothic'}
.social-area .social-lst{overflow:hidden;position:relative;width:980px;margin-top:28px}
.social-area .social-lst .btn-social-make{position:absolute;top:0;left:0;cursor:pointer}
.social-area .social-lst .lst{margin-left:-22px}
.social-area .social-lst .lst > li{float:left;margin:0 0 22px 22px}
.social-area .social-lst .lst > li:first-child{margin-left:356px}
.social-area .social-lst .box{position:relative;width:312px;height:387px;background:url(../img/bg_social_box.png) no-repeat 0 0}
.social-area .social-lst .box h4{height:25px;padding:25px 0 0 25px;font-family:'나눔고딕','NanumGothic','맑은 고딕','malgun gothic';font-size:17px;font-weight:500;color:#26282e}
.social-area .social-lst .box h4 a{color:#26282e}
.social-area .social-lst .box .box-top{height:37px;padding:0 27px 0 25px;font-size:13px;color:#9a9a9a}
.social-area .social-lst .box .box-top ul{float:left}
.social-area .social-lst .box .box-top li{float:left;margin-left:12px;padding-left:13px;background:url(../img/contsLst_writer_bar.gif) no-repeat 0 50%}
.social-area .social-lst .box .box-top li:first-child{margin-left:0;padding-left:0;background:none}
.social-area .social-lst .box .box-top .cnt{float:right}
.social-area .social-lst .box .box-top .cnt span{display:inline-block;padding-left:20px;vertical-align:middle}
.social-area .social-lst .box .box-top .cnt .cnt1{height:14px;background:url(../img/ico_socialBox_top.gif) no-repeat 0 0;line-height:14px}
.social-area .social-lst .box .box-top .cnt .cnt2{height:13px;margin-left:15px;background:url(../img/ico_socialBox_top.gif) no-repeat 0 -14px;line-height:13px}

.social-area .social-lst .box .user-lst{position:relative;width:286px;margin:0 auto}
.social-area .social-lst .box .user-lst .slide{overflow:hidden;width:246px;height:25px;margin:0 auto}
.social-area .social-lst .box .user-lst ul{position:relative}
.social-area .social-lst .box .user-lst li{float:left;margin-right:18px;cursor:pointer}
.social-area .social-lst .box .user-lst a{display:block}
.social-area .social-lst .box .user-lst .photo{display:block;position:relative;width:25px;height:25px}
.social-area .social-lst .box .user-lst .photo img{width:25px;height:25px}
.social-area .social-lst .box .user-lst .photo:after{display:block;position:absolute;top:0;left:0;width:25px;height:25px;background:url(../img/frame_contsLst_photo.png) no-repeat 0 0;content:''}

.social-area .social-lst .box .user-lst .btn-prev,.social-area .social-lst .box .user-lst .btn-next{position:absolute;top:50%;margin-top:-8px;cursor:pointer}
.social-area .social-lst .box .user-lst .btn-prev{left:0}
.social-area .social-lst .box .user-lst .btn-next{right:0}

.social-area .social-lst .box .thumb-lst{margin-top:12px}
.social-area .social-lst .box .thumb-lst ul{margin-top:1px}
.social-area .social-lst .box .thumb-lst li{overflow:hidden;float:left;width:102px;height:72px;margin-left:2px}
.social-area .social-lst .box .thumb-lst li:first-child{margin-left:0}
.social-area .social-lst .box .thumb-lst li img{width:100%;height:72px}
.social-area .social-lst .box .btn-socialpic{position:absolute;top:25px;right:21px;cursor:pointer}

/* 소셜픽 리스트 */
.social-lst-area .social-lst-top{padding-top:43px}
.social-lst-area .social-lst-top .social-lst-head{height:40px;padding-left:28px;border:1px solid #e1e1e1;background:#fff;font-family:'나눔고딕','NanumGothic','맑은 고딕','malgun gothic'}
.social-lst-area .social-lst-head h3{float:left;font-size:18px;font-weight:600;line-height:40px;color:#434343}
.social-lst-area .social-lst-head .info{float:left;margin-left:34px;padding-top:12px}
.social-lst-area .social-lst-head .info li{float:left;margin-left:10px;padding-left:12px;background:url(../img/socialLst_head_bar.gif) no-repeat 0 50%;font-size:13px;color:#909090}
.social-lst-area .social-lst-head .info li:first-child{margin-left:0;padding-left:0;background:none}
.social-lst-area .social-lst-head .side{float:right}
.social-lst-area .social-lst-head .side span{display:inline-block;vertical-align:top}
.social-lst-area .social-lst-head .side .sort{padding-top:5px}
.social-lst-area .social-lst-head .side .sort select{padding:6px;border:1px solid #c2c2c2}
.social-lst-area .social-lst-head .side .sort select:first-child{margin-right:10px}
.social-lst-area .social-lst-head .side .b-group{margin-left:7px}
.social-lst-area .social-lst-head .side .b-group span{cursor:pointer}
.social-lst-area .social-lst-head .side .b-group span:first-child{margin-right:3px}
.social-lst-area .social-lst-head .side .b-group .btn-social-photoup{border-left:1px solid #ebebeb}

.social-lst-area .social-with{height:42px;margin-top:10px;background:#e5e4e1}
.social-lst-area .social-with .with-cnt{float:left;width:120px;font-family:'나눔고딕','NanumGothic','맑은 고딕','malgun gothic';line-height:42px;color:#323232;text-align:center}
.social-lst-area .social-with ul{float:left;padding-top:8px}
.social-lst-area .social-with li{float:left;margin-left:15px}
.social-lst-area .social-with li a{display:block;width:27px;height:27px;background:#e9e9e9 url(../img/thumb_none26.png) no-repeat 50% 50%}
.social-lst-area .social-with li:first-child{margin-left:0}
.social-lst-area .social-with li img{width:27px;height:27px}
.social-lst-area .social-with .btn-social-with{float:right;cursor:pointer}

.social-lst-area .social-lst{overflow:hidden;width:980px;margin-top:30px}
.social-lst-area .social-lst .lst{margin-left:-22px}
.social-lst-area .social-lst .lst > li{float:left;margin:0 0 22px 22px}
.social-lst-area .social-lst .box{position:relative;width:312px;height:308px;background:url(../img/bg_social_box2.png) no-repeat 0 0}
.social-lst-area .social-lst .box h4{height:25px;padding:25px 0 0 25px;font-family:'나눔고딕','NanumGothic','맑은 고딕','malgun gothic';font-size:17px;font-weight:500;color:#26282e}
.social-lst-area .social-lst .box h4 a{color:#26282e}
.social-lst-area .social-lst .box .box-top{height:56px;padding:0 27px 0 25px;font-size:13px;color:#9a9a9a}
.social-lst-area .social-lst .box .box-top a{display:inline-block;color:#9a9a9a}
.social-lst-area .social-lst .box .box-top span{display:inline-block;font-size:13px;color:#9a9a9a;vertical-align:middle}
.social-lst-area .social-lst .box .box-top .photo{position:relative;width:25px;height:25px;margin-right:15px}
.social-lst-area .social-lst .box .box-top .photo img{width:25px;height:25px}
.social-lst-area .social-lst .box .box-top .photo:after{display:block;position:absolute;top:0;left:0;width:25px;height:25px;background:url(../img/frame_contsLst_photo.png) no-repeat 0 0;content:''}

.social-lst-area .social-lst .box .thumb{position:relative}
.social-lst-area .social-lst .box .thumb .pic-cnt{visibility:hidden;position:absolute;top:0;left:0;bottom:0;width:310px;background:url(../img/bg_socialPic_cnt.png) repeat 0 0}
.social-lst-area .social-lst .box .thumb .pic-cnt ul{padding:80px 0 0 66px}
.social-lst-area .social-lst .box .thumb .pic-cnt li{float:left;margin-right:24px;font-family:'나눔고딕','NanumGothic','맑은 고딕','malgun gothic';font-size:13px;color:#fff}
.social-lst-area .social-lst .box .thumb .pic-cnt span{display:block;height:18px;background:url(../img/ico_socialPic_cnt.png) no-repeat;line-height:18px}
.social-lst-area .social-lst .box .thumb .pic-cnt .cnt1{padding-left:25px;background-position:0 0}
.social-lst-area .social-lst .box .thumb .pic-cnt .cnt2{padding-left:20px;background-position:0 -18px}
.social-lst-area .social-lst .box .thumb .pic-cnt .cnt3{padding-left:32px;background-position:0 -36px}
.social-lst-area .social-lst .box .thumb a{position:absolute;top:0;left:0;bottom:0;width:310px}
.social-lst-area .social-lst .box .thumb:hover .pic-cnt{visibility:visible}
.social-lst-area .social-lst .box .btn-del{position:absolute;top:28px;right:21px;cursor:pointer}

/* 사진 보기 */
.section-socialPic .photo-area{background:#242424}
.photo-area .blog-photo{width:1200px;margin:0 auto;padding:44px 0 50px}
.photo-area .blog-photoLst h2{float:left;width:158px;font-family:'나눔고딕','NanumGothic','맑은 고딕','malgun gothic';font-size:28px;color:#fff;word-break:break-all}
.photo-area .blog-photoLst .photo-lst{float:left;position:relative;width:1042px}
.photo-area .blog-photoLst .photo-lst .slide{overflow:hidden;width:910px;margin:0 auto}
.photo-area .blog-photoLst .photo-lst .slide ul{position:relative}
.photo-area .blog-photoLst .photo-lst .slide li{overflow:hidden;float:left;position:relative;width:82px;height:82px;margin-right:10px;cursor:pointer}
.photo-area .blog-photoLst .photo-lst .slide li img{position:absolute;left:50%;height:100%;margin-left:-80%}
.photo-area .blog-photoLst .photo-lst .slide li.on:after{display:block;position:absolute;top:0;left:0;width:80px;height:80px;border:1px solid #b8b8b8;content:''}

.photo-area .blog-photoLst .photo-lst .btn-prev,.photo-area .blog-photoLst .photo-lst .btn-next{position:absolute;top:0;cursor:pointer}
.photo-area .blog-photoLst .photo-lst .btn-prev{left:0}
.photo-area .blog-photoLst .photo-lst .btn-next{right:0}
.photo-area .blog-photoLst .photo-lst .cnt{position:absolute;left:-60px;bottom:-5px;font-family:'나눔고딕','NanumGothic','맑은 고딕','malgun gothic';font-size:18px;color:#fff}

.photo-area .photo-main{margin-top:86px}
.photo-area .photo-main .photo-box{float:left;width:912px}
.photo-area .photo-main .photo-box .photo-ogn{position:relative}
.photo-area .photo-main .photo-box .photo-ogn .photo{overflow:hidden;width:912px}
.photo-area .photo-main .photo-box .photo-ogn .photo img{width:100%}

.photo-area .photo-main .photo-box .photo-ogn .btn-prev,.photo-area .photo-main .photo-box .photo-ogn .btn-next{position:absolute;top:50%;margin-top:-29px;cursor:pointer}
.photo-area .photo-main .photo-box .photo-ogn .btn-prev{left:9px}
.photo-area .photo-main .photo-box .photo-ogn .btn-next{right:9px}

.photo-area .photo-main .cmnt{margin-top:90px;border:0;background:#2c2c2c}
.photo-area .photo-main .cmnt .cnt{color:#e3e3e3}
.photo-area .photo-main .cmnt .icmnt .ifield{padding-left:0;background:none}

.photo-area .photo-main .cmnt .icmnt .ifield,.photo-area .photo-main .cmnt .icmnt .ifield .grade{border-color:#555}

.photo-area .photo-main .cmnt .icmnt .ifield .itext,.photo-area .photo-main .cmnt .icmnt .ifield textarea{background:#2c2c2c;color:#fff}
.photo-area .photo-main .cmnt .cmnt-lst{border-color:#555}
.photo-area .photo-main .cmnt .cmnt-lst .cmnt-box{border-color:#555}
.photo-area .photo-main .cmnt .cmnt-lst .cmnt-box .conts .name{color:#fff}
.photo-area .photo-main .cmnt .cmnt-lst .cmnt-box .conts .date{color:#666}
.photo-area .photo-main .cmnt .cmnt-lst .cmnt-box .conts .txt{color:#ccc}
.photo-area .photo-main .cmnt .icmnt .btn-cmnt-reg{background-position:-86px -234px}
.photo-area .photo-main .cmnt .reply .reply-name{color:#eee}

.photo-area .photo-main .aside{float:right;width:248px;padding:0 10px}
.photo-area .photo-main .aside .owner-box .thumb{overflow:hidden;float:left;width:36px;height:36px;margin-right:12px}
.photo-area .photo-main .aside .owner-box .thumb img{width:36px;height:36px}
.photo-area .photo-main .aside .owner-box .info{float:left}
.photo-area .photo-main .aside .owner-box .info span{display:block}
.photo-area .photo-main .aside .owner-box .name{height:20px;font-family:'나눔고딕','NanumGothic','맑은 고딕','malgun gothic';font-size:15px;color:#fff}
.photo-area .photo-main .aside .owner-box .date{color:#848484}
.photo-area .photo-main .aside .owner-box .date em{font-size:11px}

.photo-area .photo-main .aside .photo-info{margin-top:74px;font-family:'나눔고딕','NanumGothic','맑은 고딕','malgun gothic'}
.photo-area .photo-main .aside .photo-info span{display:block}
.photo-area .photo-main .aside .photo-info .tt{color:#fff}
.photo-area .photo-main .aside .photo-info .info{margin-top:6px;font-size:13px;color:#848484}
.photo-area .photo-main .aside .photo-info .bar{padding:0 5px}

.photo-area .photo-main .aside .stat-cnt{margin-top:30px;padding-bottom:25px;border-bottom:1px solid #404040}
.photo-area .photo-main .aside .stat-cnt li{overflow:hidden;padding:5px 0;font-family:'나눔고딕','NanumGothic','맑은 고딕','malgun gothic'}
.photo-area .photo-main .aside .stat-cnt span{height:16px;font-size:13px;line-height:16px}
.photo-area .photo-main .aside .stat-cnt .tt{float:left;padding-left:25px;background:url(../img/ico_aside_cnt.png) no-repeat;color:#7f7f7f}
.photo-area .photo-main .aside .stat-cnt .cnt{float:right;color:#e3e3e3}
.photo-area .photo-main .aside .stat-cnt .cnt1{background-position:0 1px}
.photo-area .photo-main .aside .stat-cnt .cnt2{background-position:0 -15px}
.photo-area .photo-main .aside .stat-cnt .cnt3{background-position:0 -31px}
.photo-area .photo-main .aside .stat-cnt .dnt{cursor:pointer}

.photo-area .photo-main .aside .donut-cnt{margin-top:25px;padding-bottom:30px;border-bottom:1px solid #404040}
.photo-area .photo-main .aside .donut-cnt ul{padding-bottom:10px}
.photo-area .photo-main .aside .donut-cnt li{overflow:hidden;padding:5px 0;font-family:'나눔고딕','NanumGothic','맑은 고딕','malgun gothic'}
.photo-area .photo-main .aside .donut-cnt li span{height:16px;font-size:13px;line-height:16px}
.photo-area .photo-main .aside .donut-cnt .tt{float:left;padding-left:20px;background:url(../img/ico_aside_cnt.png) no-repeat 0 -47px;color:#7f7f7f}
.photo-area .photo-main .aside .donut-cnt .cnt{float:right;padding-left:20px;background:url(../img/ico_aside_cnt.png) no-repeat 0 -63px;color:#e3e3e3}
.photo-area .photo-main .aside .donut-cnt .btn-donut-buy{display:block;text-align:center}

.photo-area .photo-main .aside .tags{margin-top:25px;font-family:'나눔고딕','NanumGothic','맑은 고딕','malgun gothic'}
.photo-area .photo-main .aside .tags span{display:block}
.photo-area .photo-main .aside .tags .tt{color:#fff}
.photo-area .photo-main .aside .tags .lst{margin-top:10px;font-size:13px;color:#848484}

/* 친구 */
.frnd-area{padding-top:43px}
.frnd-area .frnd-top{position:relative;height:77px;padding-left:145px;border:1px solid #dcdbdb;background:url(../img/bg_frnd_area_top.png) repeat-x 0 0}
.frnd-area .frnd-top h2{height:39px;padding-top:15px}
.frnd-area .frnd-top .thumb{overflow:hidden;position:absolute;top:8px;left:20px;width:94px;height:94px;border-radius:3px;background:#e9e9e9 url(../img/thumb_none.png) no-repeat 50% 50%}
.frnd-area .frnd-top .thumb img{width:100%;height:94px}

.frnd-area .frnd-top ul{height:23px;padding-left:6px}
.frnd-area .frnd-top li{float:left;height:23px;margin-right:35px;font-family:'나눔고딕','NanumGothic','맑은 고딕','malgun gothic'}
.frnd-area .frnd-top li a{display:block;width:66px;height:20px;font-size:13px;color:#383e49;text-align:center}
.frnd-area .frnd-top li.on a{border-bottom:3px solid #397ac0;color:#397ac0}

.frnd-area .frnd-main{margin-top:36px}
.frnd-area .frnd-main .frnd-lst{border:1px solid #e5e5e5;background:#fff}
.frnd-area .frnd-main .frnd-lst.owner{float:left;width:594px}
.frnd-area .frnd-main .frnd-lst .frnd-lst-head{padding:15px 18px 6px}
.frnd-area .frnd-main .frnd-lst .frnd-lst-head h3{float:left;font-family:'나눔고딕','NanumGothic','맑은 고딕','malgun gothic';font-size:18px;font-weight:600;color:#434343}
.frnd-area .frnd-main .frnd-lst .frnd-lst-head > span{float:left;margin-left:10px;font-family:'malgun gothic','맑은 고딕';font-size:14px}
.frnd-area .frnd-main .frnd-lst .frnd-lst-head span span{color:#397ac0}
.frnd-area .frnd-main .frnd-lst .frnd-lst-head .block-frnd-cnt{float:right;cursor:pointer}

.frnd-area .frnd-main .lst-box{padding:7px 0 30px 60px}
.frnd-area .frnd-main .lst-box > li{float:left;margin-right:25px;padding-top:29px}
.frnd-area .frnd-main .lst-box .box{width:100px}
.frnd-area .frnd-main .lst-box .box .thumb{display:block;overflow:hidden;position:relative;width:100px;height:100px;background:#e9e9e9 url(../img/thumb_none.png) no-repeat 50% 50%}
.frnd-area .frnd-main .lst-box .box .thumb img{width:100%;height:100px}
.frnd-area .frnd-main .lst-box .box .thumb:after{position:absolute;top:0;left:0;width:100px;height:100px;background:url(../img/frame_frnd.png) no-repeat 0 0;content:''}
.frnd-area .frnd-main .lst-box .box .btm{position:relative;margin-top:1px}
.frnd-area .frnd-main .lst-box .box .name{display:block;height:21px;background:#a0aab6;font-size:11px;line-height:21px;color:#fff;letter-spacing:-1px;text-align:center;cursor:pointer}

.frnd-area .frnd-main .lst-box .box .btm .menu{position:absolute;top:17px;left:50%;z-index:2;width:98px;margin-left:-49px;padding-bottom:10px;background:url(../img/bg_frndLst_menu.png) no-repeat -98px 100%}
.frnd-area .frnd-main .lst-box .box .btm .menu ul{padding-top:11px;background:url(../img/bg_frndLst_menu.png) no-repeat 0 0}
.frnd-area .frnd-main .lst-box .box .btm .menu li{padding:0 1px;background:url(../img/bg_frndLst_menu.png) repeat-y -196px 0;text-align:center}
.frnd-area .frnd-main .lst-box .box .btm .menu li span{display:block;height:25px;font-size:11px;line-height:25px;color:#7c8796;letter-spacing:-1px;cursor:pointer}
.frnd-area .frnd-main .lst-box .box .btm .menu li span:hover{background:#54c7b3;color:#fff}

.frnd-area .frnd-main .aside{float:right;width:360px}
.frnd-area .frnd-main .aside .frnd-box{padding:15px 20px 25px;border:1px solid #e5e5e5;background:#fff}
.frnd-area .frnd-main .aside .t-h3{font-family:'나눔고딕','NanumGothic','맑은 고딕','malgun gothic';font-size:18px;font-weight:600;color:#434343}
.frnd-area .frnd-main .aside .frnd-request{position:relative}
.frnd-area .frnd-main .aside .frnd-request .send-recive{position:absolute;top:20px;right:20px}
.frnd-area .frnd-main .aside .frnd-request .send-recive li{float:left;margin-left:7px;padding-left:9px;background:url(../img/sendRecive_bar.gif) no-repeat 0 3px;font-family:'malgun gothic','맑은 고딕';font-size:13px;color:#555;letter-spacing:-1px}
.frnd-area .frnd-main .aside .frnd-request .send-recive li:first-child{margin-left:0;padding-left:0;background:none}
.frnd-area .frnd-main .aside .frnd-request .send-recive li.on{color:#397ac0}
.frnd-area .frnd-main .aside .frnd-request .send-recive li span{cursor:pointer}
.frnd-area .frnd-main .aside .frnd-box .lst{margin-top:32px}
.frnd-box .lst .box{position:relative;padding:8px 0;border-top:1px solid #dcdcdc}
.frnd-box .lst li:first-child .box{border-top:0}
.frnd-box .lst .box a{display:inline-block}
.frnd-box .lst .thumb{display:inline-block;overflow:hidden;width:50px;height:50px;margin-right:12px;background:url(../img/thumb_none.png) no-repeat 0 0;vertical-align:middle}
.frnd-box .lst .thumb img{width:100%;height:50px;vertical-align:middle}
.frnd-box .lst .name{display:inline-block;font-weight:bold;color:#53565a;vertical-align:middle}
.frnd-box .lst .b-group{position:absolute;top:50%;right:0;margin-top:-15px}
.frnd-box .lst .b-group span{margin-left:1px;cursor:pointer}

.frnd-area .frnd-main .aside .frnd-recmm{margin-top:20px}
.frnd-area .frnd-main .aside .frnd-recmm .lst .b-group{top:8px;margin-top:0}
.frnd-box .lst .dsc{display:inline-block;margin-top:12px;font-weight:normal;color:#94989d}

/* 친구검색 */
.frnd-area .frnd-main .frnd-search{float:left;width:360px;border:1px solid #e5e5e5;background:#fff}
.frnd-area .frnd-main .frnd-search h3{padding:15px 0 0 18px;font-family:'나눔고딕','NanumGothic','맑은 고딕','malgun gothic';font-size:18px;color:#434343}
.frnd-area .frnd-main .frnd-search .search-top{position:relative;margin:40px 35px 0;font-family:'나눔고딕','NanumGothic','맑은 고딕','malgun gothic'}
.frnd-area .frnd-main .frnd-search .search-top label{position:absolute;top:0;left:0;padding-left:10px;font-size:13px;line-height:36px;color:#aaa}
.frnd-area .frnd-main .frnd-search .search-top input[type=text]{height:36px;margin-right:3px;padding:0 10px;border:0;background:url(../img/bg_i_frnd_search.gif) no-repeat 0 0;line-height:36px;vertical-align:middle}
.frnd-area .frnd-main .frnd-search .search-top .btn-search{width:37px;height:36px;border:0;background:url(../img/btn_sprite.png) no-repeat -132px -44px;vertical-align:middle}

.frnd-area .frnd-main .detail-search{margin-top:20px;padding-bottom:35px}
.frnd-area .frnd-main .frnd-search .detail-search .tt{margin-bottom:4px;font-family:'나눔고딕','NanumGothic','맑은 고딕','malgun gothic';font-size:13px;font-weight:600;color:#364552}
.frnd-area .frnd-main .frnd-search .detail-search .box{margin-top:20px;padding:0 35px}
.frnd-area .frnd-main .frnd-search .detail-search .box:first-child{margin-top:0}
.frnd-area .frnd-main .frnd-search .detail-search .area-group li{float:left;margin:0 -1px -1px 0;border:1px solid #d2d2d2;font-size:11px;color:#979696;letter-spacing:-1px}
.frnd-area .frnd-main .frnd-search .detail-search .area-group li.on{position:relative;border:1px solid #0aa;color:#0aa}
.frnd-area .frnd-main .frnd-search .detail-search .area-group li input[type=radio]{visibility:hidden;position:absolute}
.frnd-area .frnd-main .frnd-search .detail-search .area-group li label{display:block;width:56px;height:26px;line-height:26px;text-align:center}

.frnd-area .frnd-main .frnd-search .detail-search .gender label{display:inline-block;width:56px;height:29px;margin-right:-1px;border:1px solid #d2d2d2;background-position:50% 0;background-repeat:no-repeat;text-indent:-9999px;vertical-align:top}
.frnd-area .frnd-main .frnd-search .detail-search .gender input{visibility:hidden;position:absolute}
.frnd-area .frnd-main .frnd-search .detail-search .gender .woman{background-image:url(../img/ico_woman.png)}
.frnd-area .frnd-main .frnd-search .detail-search .gender .man{background-image:url(../img/ico_man.png)}
.frnd-area .frnd-main .frnd-search .detail-search .gender .w-m{background-image:url(..img/ico_gender.png)}
.frnd-area .frnd-main .frnd-search .detail-search .gender .on{background-position:50% -29px}

.frnd-area .frnd-main .frnd-search .detail-search .age input{height:21px;padding:0 10px;border:1px solid #d2d2d2;line-height:21px;color:#919090;vertical-align:middle}
.frnd-area .frnd-main .frnd-search .detail-search .age select{height:23px;padding:3px 5px;border:1px solid #d2d2d2}
.frnd-area .frnd-main .frnd-search .age em{display:inline-block;width:30px;color:#979797;text-align:center}
.frnd-area .frnd-main .frnd-search .detail-search .concern-group li{float:left;width:33.3%;padding:4px 0}
.frnd-area .frnd-main .frnd-search .detail-search .concern-group li label{margin-left:5px;font-family:'나눔고딕','NanumGothic','맑은 고딕','malgun gothic';font-size:11px}
.frnd-area .frnd-main .frnd-search .detail-search .form-button{margin-top:26px}
.frnd-area .frnd-main .frnd-search .detail-search .btn-search{width:234px;height:39px;border:0;background:url(../img/btn_sprite.png) no-repeat -169px -44px}

.frnd-area .frnd-main .search-result{float:right;width:594px;border:1px solid #e5e5e5;background:#fff}
.frnd-area .frnd-main .search-result .search-result-head{padding:15px 0 6px 18px}
.frnd-area .frnd-main .search-result .search-result-head h3{float:left;font-family:'나눔고딕','NanumGothic','맑은 고딕','malgun gothic';font-size:18px;font-weight:600;color:#434343}
.frnd-area .frnd-main .search-result .search-result-head span{float:left;margin-left:10px;font-family:'malgun gothic','맑은 고딕';font-size:14px}
.frnd-area .frnd-main .search-result .search-result-head span span{color:#397ac0}
.frnd-area .frnd-main .search-result .lst-box .box{position:relative}
.frnd-area .frnd-main .search-result .lst-box .box .thumb:after{background-image:url(../img/frame_frnd2.png)}
.frnd-area .frnd-main .search-result .lst-box .box .att{position:absolute;top:0;left:0;line-height:25px;cursor:pointer}
.frnd-area .frnd-main .search-result .lst-box .box .frnd-att{width:100px;height:25px;background:url(../img/bg_frnd_att.png) no-repeat 0 0;font-size:11px;color:#d5d5d5;text-align:center}
.frnd-area .frnd-main .search-result .lst-box .box .frnd-att img{display:none}

/* 친구 즐겨찾기 */
.frnd-area .frnd-main .aside .close-frnd{position:relative;padding:15px 0 25px 20px;border: 1px solid #e5e5e5;background:#fff}
.frnd-area .frnd-main .aside .close-frnd .lst-box{padding:0}
.frnd-area .frnd-main .aside .close-frnd .lst-box > li{margin-right:9px}
.frnd-area .frnd-main .aside .close-frnd .cnt{position:absolute;right:20px;top:15px;font-family:'malgun gothic','맑은 고딕';font-size:14px}
.frnd-area .frnd-main .aside .close-frnd .cnt em{color:#397ac0}

/* 내구독 리스트 */
.my-category.my-subscribe{margin-top:0;padding-top:34px}
.my-subscribe h2{font-size:31px;font-weight:600;color:#364552}

/* 내앨범 */
.myalbum-area{padding-top:40px}
.myalbum-area .album-main{position:relative;padding:20px 28px;border:1px solid #e1e1e1;background:#fff}
.myalbum-area .album-main .t-h4{padding-bottom:14px;border-bottom:1px solid #dcdcdc;font-family:'나눔고딕','NanumGothic','맑은 고딕','malgun gothic';font-size:18px;color:#434343;font-weight:500}
.myalbum-area .album-main .album-list{overflow:hidden;margin:30px 0 -30px -2px}
.myalbum-area .album-main .album-list li{float:left;margin:0 0 30px 5px}
.myalbum-area .album-main .album-list .box{position:relative;width:225px;height:225px}
.myalbum-area .album-main .album-list .thumb{display:block;overflow:hidden;position:relative;width:225px;height:225px;text-align:center}
.myalbum-area .album-main .album-list .thumb img{height:225px}
.myalbum-area .album-main .album-list .subject{position:absolute;top:0;right:0;bottom:0;left:0;padding:0 15px;font-family:'나눔고딕','NanumGothic','맑은 고딕','malgun gothic';background:url(../img/bg_myalbum_subject.png) repeat 0 0;font-size:0;line-height:0}
.myalbum-area .album-main .album-list .subject i{display:inline-block;width:0;height:225px;vertical-align:middle}
.myalbum-area .album-main .album-list .subject span{display:inline-block;width:100%;font-size:13px;color:#fff;vertical-align:middle;text-align:center;line-height:24px}
.myalbum-area .album-main .album-list li:hover .subject{visibility:hidden}
.myalbum-area .album-main .album-list .btn-select{position:absolute;right:6px;top:6px}
.myalbum-area .album-main .album-list .btn-select label{display:block;width:19px;height:19px;background:url(../img/btn_sprite.png) no-repeat -431px -59px}
.myalbum-area .album-main .album-list .btn-select input{position:absolute;z-index:-1}
.myalbum-area .album-main .album-list .btn-select.on label{background-position:-450px -59px}
.myalbum-area .album-main .btn-album-del{position:absolute;right:27px;top:16px;width:74px;height:29px;font-family:'나눔고딕','NanumGothic','맑은 고딕','malgun gothic';color:#fff;background:url(../img/btn_sprite.png) no-repeat -88px -88px;text-align:center;line-height:29px;cursor:pointer}
.myalbum-area .album-main .paging{margin-top:50px}
