@charset "UTF-8";
    
/* 콘텐츠 상세 (댓글, 첨부파일) */
.plnspe_file {margin:23px 0 0;}
.plnspe_file button{padding-left:30px;font-size:16px;line-height: 22px;text-align:left;position: relative;display:block;background:url(plnspe_images/icon_file.png) 2px 50% / 20px auto no-repeat;}
.plnspe_file button:after{content:'';display:block;width:100%;height:1px;background:#000;position:absolute;left:0;bottom:-4px;}
.plnspe_detail .img_wrap{max-width: 950px;margin:0 auto;position: relative;}
.plnspe_detail .img_wrap img{width: 100%;max-width: 950px;display: block;}
.plnspe_detail .img_wrap .caption{background-color: rgba(0,0,0,.30);color: #fff;padding: 7px 10px;margin-bottom: 10px;text-align: left;font-size: 16px;font-family: Arial !important;    position: absolute;bottom: 0px;width: 100%;box-sizing: border-box;}
.plnspe_detail .stit{display:block;font-size:19px;line-height:25px;padding:0 0 32px;}
.plnspe_detail .comment{padding:100px 0 0;}
.plnspe_detail .comment .login_area{padding:0 0 15px;overflow: hidden;}
.plnspe_detail .comment .login_area p{line-height:19px;}
.plnspe_detail .comment .login_area ul li{float:left;display:flex;}
.plnspe_detail .comment .login_area ul li + li{margin-left:40px;}
.plnspe_detail .comment .login_area em{margin-right:10px;line-height:50px;font-style: normal;}
.plnspe_detail .comment .login_area span{line-height: 50px; color: #707070;}
.plnspe_detail .comment .login_area input{padding:0 15px;width:180px;height:50px;border:1px solid #bbb;border-radius: 5px;}
.plnspe_detail .comment .login_area input:focus{border-color:#000;}
.plnspe_detail .comment textarea{padding:30px;width:100%;height:160px;border:1px solid #bbb;border-radius: 5px;vertical-align: top;}
.plnspe_detail .comment textarea:focus{border-color:#000;}
.plnspe_detail .file_reg{overflow: hidden;margin:20px 0 0;}
.plnspe_detail .file_reg .btn{display:flex;float: right;}
.plnspe_detail .file_reg .file_btn input[type="file"] {position: absolute;width: 130px;height: 50px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: none;}
.plnspe_detail .file_reg .file_btn label {display: inline-block;width: 130px;border-radius: 5px;height: 50px;line-height: 50px;background: #909090;color: #fff;font-weight: 600;text-align: center;cursor: pointer;}
.plnspe_detail .file_reg .file_btn label:before{content:'';display:inline-block;width:24px;height:24px;vertical-align: -5px;margin-right:5px;background:url(plnspe_images/icon_camera.png) 0 0 / 100% 100% no-repeat;}
.plnspe_detail .file_reg .btn button{width:130px;height:50px;border-radius: 5px;line-height: 50px;background: #000;color: #fff;font-weight: 600;margin-left:10px;}
.plnspe_detail .file_reg .file{float: left;}
.plnspe_detail .file_reg .file ul li{display: flex;flex-wrap:wrap;align-items: center;line-height:22px;color:#909090;}
.plnspe_detail .file_reg .file .del{width:16px;height:16px;margin-left:5px;background:url(plnspe_images/btn_file_del.png) 0 0 / 100% 100% no-repeat;text-indent: -9999px;}
.plnspe_detail .comment .list{border-top:1px solid #bbb;border-bottom:1px solid #bbb;margin:60px 0 0;}
.plnspe_detail .comment .list li{padding:30px 0;border-top:1px solid #E0E0E0;position: relative;word-break:keep-all;}
.plnspe_detail .comment .list li:first-child{border:0;}
.plnspe_detail .comment .list .img{float:left;width:80px;height:80px;overflow: hidden;border-radius: 6px;}
.plnspe_detail .comment .list .img img{object-fit: cover;width:100%;height:100%;}
.plnspe_detail .comment .list .write{padding:10px 0 0 20px;display:flex;font-size:16px;line-height: 22px;color:#707070;}
.plnspe_detail .comment .list .write em{margin-right:10px;font-style: normal;color:#000;}
.plnspe_detail .comment .list p{padding:12px 0 0 100px;line-height: 24px;color:#707070;}
.plnspe_detail .comment .list .btn{display:flex;position:absolute;right:0;top:30px;}
.plnspe_detail .comment .list .btn button{width:24px;height:24px;text-indent: -9999px;}
.plnspe_detail .comment .list .btn .midi{background:url(plnspe_images/btn_icon_modify.png) 0 0 / 100% 100% no-repeat;}
.plnspe_detail .comment .list .btn .del{margin-left:8px;background:url(plnspe_images/btn_icon_delete.png) 0 0 / 100% 100% no-repeat;}
.plnspe_detail .pagination.--pc{margin:40px 0 0;}
.plnspe_detail .mo_more{display:none;}
.popup_plnspe_section .popup__container__group{width: 420px; height: auto; padding: 20px 24px;}
.popup_plnspe_section .popup__plnspe__close{position: absolute; top: 20px; right: 20px; z-index: 100; width: 24px; height: 24px; background: url(plnspe_images/btn_file_del.png) 0 0 / 100% 100% no-repeat;}
.popup_plnspe_section .popup__plnspe__close span{text-indent: -9999px;}
.popup_plnspe_section p{text-align: center; font-weight: 800; color: #000;}
.popup_plnspe_section .popup__plnspe{margin-top: 44px;}
.popup_plnspe_section .popup__plnspe ul{margin: 30px 0; width: 100%;}
.popup_plnspe_section .popup__plnspe ul li{margin-bottom: 16px; display: flex; align-items: center; justify-content: space-between;}
.popup_plnspe_section .popup__plnspe ul li + li{margin-bottom: 0;}
.popup_plnspe_section .popup__plnspe ul li em{color: #000; font-style: normal; flex: 1; margin-right: 10px;}
.popup_plnspe_section .popup__plnspe ul li input{padding: 0 15px; width: 290px; height: 50px; border: 1px solid #bbb; border-radius: 5px;}
.popup_plnspe_section .btn_confirm{display: block; margin: 0 auto; background: #000; color: #fff; font-weight: 700; border-radius: 13px; height: 50px; line-height: 50px; width: 240px; text-align: center;}

@media (max-width: 750px) {
    .plnspe_file button {padding-left: 28px;font-size: 14px;}
    .plnspe_detail .stit {line-height: 22px;padding: 0 0 20px;}
    .plnspe_detail .comment {padding: 50px 0 0;}
    .plnspe_detail .comment .login_area p {font-size:14px;line-height: 16px;}
    .plnspe_detail .comment textarea {padding: 20px;font-size:14px;line-height: 19px;}
    .plnspe_detail .file_reg {margin: 15px 0 0;}
    .plnspe_detail .file_reg .btn {display: flex;float: none;}
    .plnspe_detail .file_reg .file {float: none;}
    .plnspe_detail .file_reg .file_btn{flex-grow: 1;flex-basis: 0;position: relative;}
    .plnspe_detail .file_reg .file_btn input[type="file"] {width: 100%;}
    .plnspe_detail .file_reg .btn button {flex-grow: 1;flex-basis: 0;}
    .plnspe_detail .file_reg .file_btn label {width: 100%;}
    .plnspe_detail .file_reg .file ul{margin: 20px 0 0;}
    .plnspe_detail .comment .list li {padding: 20px 0;}
    .plnspe_detail .comment .list .img {width: 50px;height: 50px;}
    .plnspe_detail .comment .list .write {padding: 0 0 0 60px;display:block;font-size: 14px;line-height:22px;}
    .plnspe_detail .comment .list p {padding: 12px 0 0 0;font-size:14px;line-height: 18px;clear: both;}
    .plnspe_detail .comment .list .write em {margin-right: 0;display:block;}
    .plnspe_detail .comment .list .write span{display:block;}
    .plnspe_detail .comment .list .btn {top: 20px;}
    .plnspe_detail .comment .list .btn button {width: 20px;height: 20px;}
    .plnspe_detail .mo_more{display:block;text-align:center;margin:24px 0 0;}
    .plnspe_detail .mo_more button{display:inline-block;font-size:16px;font-weight: 600;border-radius: 50px;width:125px;height:48px;line-height:48px;color:#fff;background:#404040;}
    .plnspe_detail .comment .login_area ul{margin:0;}
    .plnspe_detail .comment .login_area ul li {display: block;float:none;}
    .plnspe_detail .comment .login_area ul li + li {margin:15px 0 0 0;}
    .plnspe_detail .comment .login_area em {display:block;margin:0 0 5px;font-size:14px;margin-right: 0;line-height: 19px;}
    .plnspe_detail .comment .login_area span{display:block; line-height: 44px;}
    .plnspe_detail .comment .login_area input {width: 100%;height: 44px;}
    .popup_plnspe_section .popup__inner{align-items: center;}
    .popup_plnspe_section .popup__container__group{width: calc(100% - 40px); border-radius: 20px; padding: 20px;}
    .popup_plnspe_section .popup__plnspe{margin-top: 30px;}
    .popup_plnspe_section .popup__plnspe ul{margin: 20px 0;}
    .popup_plnspe_section .popup__plnspe ul li{flex-direction: column; align-items: start;}
    .popup_plnspe_section .popup__plnspe ul li em{margin: 0 0 6px 0; font-size: 14px;}
    .popup_plnspe_section .popup__plnspe ul li span{width: 100%; display: block;}
    .popup_plnspe_section .popup__plnspe ul li input{width: 100%; height: 44px;}
    .popup_plnspe_section .btn_confirm{width: 100%;}


}