@charset "utf-8";

/* View Author */
.view-author .auth-photo { width:160px; padding-right:15px; }
.view-author .img-photo i { background: rgb(245, 245, 245); padding: 16px; border-radius: 50%; width: 80px; height: 80px; text-align: center; color: rgb(143, 143, 143); font-size: 40px; display: inline-block; }
.view-author .img-photo img { border-radius: 50%; width: 80px !important; height: 80px !important; display:inline-block; }
@media all and (max-width:480px) {
	.responsive .view-author .auth-photo { float:none; width:100%; padding-right:0px; }
}

/* ¸ñ·Ï */
.list-wrap { overflow:hidden; line-height:20px; }
.list-wrap .txt-normal { letter-spacing:0; }
.list-wrap .txt-short { letter-spacing:-1px; padding-right:1px; }
.list-wrap .item-row { float:left; }
.list-wrap .item-image { position:relative; overflow:hidden; }
.list-wrap .item-content { padding-top:10px; margin:0px 4px; text-align:center; }
.list-wrap .item-star { text-align:center; overflow:hidden; letter-spacing:-1px; font-size:18px; line-height:20px; height:20px; margin-bottom:4px; }
.list-wrap .item-name { overflow:hidden; letter-spacing:-1px; padding-right:1px; text-align:center; font-size:14px; }
.list-wrap .item-text { font-size:12px; color:#888; }
.list-wrap .item-price { margin-top:4px; line-height:22px; }
.list-wrap .item-price b { font-size:16px; display:inline-block; margin:0px 4px; }
.list-wrap .item-price b i { font-size:12px; }
.list-wrap .item-price strike { color:#888; margin:0px 4px; font-size:14px; display:inline-block; }
.list-wrap .item-details { color:#888; margin-top:4px; padding:0px 1px; font-size:13px; text-align:center; }
.list-wrap .item-sp { margin:0px 4px; white-space:nowrap; }
.list-wrap .item-sp i { margin-right:2px; color:#888; }
.list-wrap .item-sns { margin-top:15px; text-align:center; }
.list-wrap .item-sns img { width:15%; max-width:34px; border-radius:50%; }
.list-none { margin:0px 0px 15px; padding:80px 0px; text-align:center; color:#888; }
.list-page { margin:70px 0px 15px; }
.list-page .pagination { margin:0; }


/* Ãß°¡ */
.compy_info{background:#f4f4f4;padding:50px 70px 50px 90px;display:flex;flex-wrap:wrap;}
.compy_info .img_box{width:23%;display:flex;align-items:center;justify-content:center;}
.compy_info .img_box img{max-width:100%;}
.compy_info .txt_box{width:77%;padding-left:8%;font-size:16px;}
.compy_info .txt_box ul{border-top:1px solid #ddd;}
.compy_info .txt_box ul li{padding:12px 0;line-height:1.6;position:relative;padding-left:135px;border-bottom:1px solid #ddd;word-break:break-word;}
.compy_info .txt_box ul li b{position:absolute;top:50%;left:20px;transform:translateY(-50%);}

.list-wrap .item-list{display:block;}
.list-wrap .item-list .img_box{position:relative;overflow:hidden;padding-bottom:100%;border:1px solid #ddd;}
.list-wrap .item-list .img_box img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:101%;height:auto;}
.list-wrap .item-list .txt_box{margin-top:25px;}
.list-wrap .item-list .txt_box strong{display:block;font-size:20px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;height:60px;}
.list-wrap .item-list .txt_box p{font-size:16px;margin-top:10px;}

@media all and (max-width:1024px){
	.compy_info{padding:50px;}
	.compy_info .txt_box{padding-left:40px;font-size:14px;}
	.compy_info .txt_box ul li{padding:10px 0;padding-left:95px;}
	.compy_info .txt_box ul li b{left:15px;}

	.list-wrap .item-list .txt_box{margin-top:20px;}
	.list-wrap .item-list .txt_box strong{font-size:16px;height:45px;}
	.list-wrap .item-list .txt_box p{font-size:14px;}
}
@media all and (max-width:768px){
	.compy_info{padding:40px;}
	.compy_info .img_box{width:100%;margin-bottom:30px;}
	.compy_info .txt_box{width:100%;padding-left:0;font-size:13px;}
	.compy_info .txt_box ul li{padding-left:80px;}

	.list-page { margin-top:40px; }
}