@charset "utf-8";
.view_cmt .link_all{display:block;width:100%;height:64px;border-bottom:none;font-size:15px;line-height:64px;color:#222;text-align:center}
.view_cmt .link_all .ico_all{display:inline-block;width:25px;height:25px;margin:19px 0 0 7px;background-position:-184px -344px;vertical-align:top}
.iphone .view_cmt .link_all .ico_all{margin-top:19px}
.viewrecom_wrap{background-color:#f3f3f3}
.view_card{background-color:#fff;margin-top:10px;box-shadow:0 1px 2px rgba(0, 0, 0, 0.05)}
.view_card.view_cmt{margin-top:0}
.view_card .tit_view{display:block;padding-top:28px;font-weight:normal;font-size:15px;color:#000;text-align:center}
.view_card .tit_view .txt_point{color:#ed3e49}
.view_sns{padding-bottom:24px;background-color:#fff;text-align:center}
.view_sns .wrap_sns{display:inline-block;padding-top:20px}
.view_sns .ico_cafe{overflow:hidden;float:left;width:52px;height:51px;margin:0 9px 0 0;font-size:0;line-height:0;text-indent:-9999px}
.view_sns .ico_cafe:last-child{margin-right:0}
.view_sns .link_kt{background-position:-82px -374px}
.view_sns .link_fb{background-position:-136px -374px}
.view_sns .link_ks{background-position:0 -464px}
.view_sns .link_tw{background-position:-54px -464px}
.view_sns .link_more{background-position:-108px -464px}
.view_hotview{padding-bottom:30px}
.view_hotview .tit_view{padding-bottom:14px}
.view_hotview .list_hotview{overflow:hidden;padding:0 11px}
.view_hotview .list_hotview li{float:left;width:50%;margin-top:8px}
.view_hotview .hotview_wrap{display:block;overflow:hidden;margin:0 4px;border-radius:2px}
.view_hotview .thumb_hotview{display:block;overflow:hidden;position:relative;min-height:116px;background-image:url(http://t1.daumcdn.net/cafe_image/161017_mw/channel_tab_card.png);background-size:100% 100%}
.view_hotview .thumb_hotview .img_thumb{width:100%;vertical-align:top}
.view_hotview .wrap_txt{position:absolute;left:0;top:0;width:100%;height:100%}
.view_hotview .inner_txt{display:table;width:100%;height:100%}
.view_hotview .txt_thumb{overflow:hidden;display:table-cell;font-size:15px;line-height:21px;text-align:center;vertical-align:middle;background-color:#66b2c2;color:#fff;border-top-right-radius:2px;border-top-left-radius:2px}
.view_hotview .txt_thumb:before{display:block;width:13px;height:1px;margin:3px auto 12px;background-color:#fff;opacity:0.5;content:''}
.view_hotview .detail_hotview{display:block;position:relative;height:74px;padding:9px 12px 0;border:1px solid #efefef;border-top:0 none;border-bottom-left-radius:2px;border-bottom-right-radius:2px;font-size:14px}
.view_hotview .desc_hotview{display:-webkit-box;overflow:hidden;line-height:20px;color:#000;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.view_hotview .cmt_empty{position:absolute;left:12px;top:55px;font-size:13px;color:#999}
.view_hotview .btn_moreview{display:block;width:120px;height:45px;margin:20px auto 0;font-size:15px;line-height:45px;border-radius:40px;border:1px solid #efefef}
.viewrecom_wrap .app_view{display:block;padding-top:38px;border-radius:2px;text-align:center}
.viewrecom_wrap .app_view .txt_app{display:block;font-size:15px;line-height:23px;color:#000;text-align:center}
.viewrecom_wrap .app_view .app_cafe{display:inline-block;width:155px;height:50px;padding-left:23px;margin:17px 0 38px 0;border-radius:40px;font-size:15px;line-height:51px;background:#fff;color:#ed3e49;text-align:left}
.viewrecom_wrap .app_view .ico_cafelogo{overflow:hidden;float:left;width:27px;height:23px;margin:13px 8px 0 0;font-size:0;line-height:0;background-position:-120px -428px;text-indent:-9999px;vertical-align:top}
.view_card.app_view{height:auto;padding:28px 0 30px;margin:9px 0 0;border:0 none}
.view_card.app_view:before{display:none}
.view_card.app_view .txt_app{padding-top:0}
.view_card.app_view .app_cafe{display:block;width:164px;height:50px;padding:0;margin:13px auto 0;border:1px solid #efefef;border-radius:48px;line-height:49px;text-align:left}
.view_card.app_view .ico_cafelogo{width:35px;height:30px;margin:9px 10px 0 20px;background-position:-82px -428px}
.view_subject .txt_subject{margin-right:80px}


.more_comment{position:relative;background-color:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);z-index:10}
.more_comment a{display:block;padding:18px 0;text-align:center;font-size:16px;line-height:23px}
.more_comment i{color:#ed3e49;font-style:normal}
.more_comment .ico_more{display:inline-block;margin:4px 0 0 1px;width:15px;height:15px;background:url(http://t1.daumcdn.net/cafe_image/mobile/640/more_comment_ico_more.png);background-size:15px 15px;color:transparent;font-size:0;vertical-align:top}
.more_comment .cafe_logo{display:inline-block;margin:2px 4px 0 0;width:45px;height:17px;background:url(http://t1.daumcdn.net/cafe_image/161017_mw/more_comment_cafe_logo.png);background-size:45px 17px;color:transparent;font-size:0;vertical-align:top}
.iphone .more_comment a{padding-bottom:17px;line-height:25px}

.list_cmt li:first-child .txt_info{margin-right:48px}
.list_cmt li:first-child .info_cafe:after{content:'첫댓글';position:absolute;top:18px;right:14px;padding:4px 6px 3px;height:10px;color:#ed3e49;border:1px solid #ecc8c9;border-radius:50px;font-size:10px;text-align:center;line-height:11px}

.nativead_wrap{display:none}
.nativead_wrap .hotview_wrap{position:relative}
.nativead_wrap .ico_ad{position:absolute;top:6px;left:6px;width:21px;height:14px;background-position:-190px -374px;color:transparent;z-index:1}
.nativead_wrap .img_wrap{display:block;position:relative;min-height:103px}
.nativead_wrap .img_wrap:after{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid rgba(0,0,0,.05);border-top-left-radius:2px;border-top-right-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;content:''}
.nativead_wrap .img_wrap .main_image{width:100%;vertical-align:top}
.nativead_wrap .detail_desc{overflow:hidden;height:40px;padding:9px 12px 14px;border:1px solid #efefef;border-top:0;border-bottom-left-radius:2px;border-bottom-right-radius:2px;background-color:#fff}
.nativead_wrap .detail_desc span{display:-webkit-box;text-overflow:ellipsis;overflow:hidden;line-height:20px;-webkit-line-clamp:2;-webkit-box-orient:vertical}

@media
only screen and (orientation:landscape) {
    #writePhotoList{padding:0 12px 0 13px}
    #writePhotoList li{width:auto}
    #writePhotoList li .box_photo{margin:2px 3px 3px 2px}
    #writePhotoList .thumb_photo{width:97px;height:97px}
    #writePhotoList .btn_del{top:2px;right:3px}
    #writePhotoList .lab_photo{width:97px;height:97px}
}

@media
only screen and (orientation:landscape) {
    #writePhotoList{padding:0 12px 0 13px}
    #writePhotoList li{width:auto}
    #writePhotoList li .box_photo{margin:2px 3px 3px 2px}
    #writePhotoList .thumb_photo{width:97px;height:97px}
    #writePhotoList .btn_del{top:2px;right:3px}
    #writePhotoList .lab_photo{width:97px;height:97px}
}

@media
only screen and (min-width:481px) {
    #writePhotoList{padding:0 12px 0 13px}
    #writePhotoList li{width:auto}
    #writePhotoList li .box_photo{margin:2px 3px 3px 2px}
    #writePhotoList .thumb_photo{width:97px;height:97px}
    #writePhotoList .btn_del{top:2px;right:3px}
    #writePhotoList .lab_photo{width:97px;height:97px}
}

@media
only screen and (max-width:480px) and (orientation:portrait) {
    #writePhotoList .thumb_photo{height:106px}
    #writePhotoList .lab_photo{height:106px}
}

@media
only screen and (max-width:320px) and (orientation:portrait) {
    #writePhotoList .thumb_photo{height:94px}
    #writePhotoList .lab_photo{height:94px}
}

.list_hotview li.img_card_template,li.txt_card_template{display:none}
.list_hotview li.card_template {display:none}