@charset "UTF-8";

/* LIST */
.prof-list{}
.prof-list > ul{display:grid;grid-template-columns:1fr 1fr;gap:4rem;}
.prof-list > ul > li{border:1px solid #CCC;width: 100%;display: flex;flex-direction: column;justify-content: space-between;position: relative;}

.prof-list .flex-wrap{padding:3rem;display:flex;justify-content:space-between;position:relative;background:url('./../images/bg_1.png') right bottom no-repeat;}
.prof-list .flex-wrap::before{width:7rem;height:100%;background:#a72d30;position:absolute;left:0;top:0;content:"";display:block;}
.prof-list .flex-wrap .img-box{width:18rem;height:22.5rem;overflow:hidden;position:relative;}
.prof-list .flex-wrap .img-box img{width:100%;height:100%;object-fit:cover;transform:scale(1.06) translate(0px, 6px);}
.prof-list .flex-wrap .img-box::after{width:100%;height:100%;border:1px solid #CCC;position:absolute;left:0;top:0;content:"";display:block;}
.prof-list .flex-wrap .img-box.noImg{background:#FFF url('./../images/noImg.png') center no-repeat;}

.prof-list .flex-wrap .text-box{width:calc(100% - 22rem);padding-top:1.5rem;}
.prof-list .flex-wrap .text-box .name-wrap{}
.prof-list .flex-wrap .text-box .name-wrap strong{font-size:2.5rem;font-family:'pre-b';color:#111;line-height:1.1;letter-spacing:-1px;display:block;}

.prof-list .flex-wrap .text-box .detail{}
.prof-list .flex-wrap .text-box .detail dl{padding-top:1.5rem;display:flex;}
.prof-list .flex-wrap .text-box .detail dl dt,
.prof-list .flex-wrap .text-box .detail dl dd{line-height:1.3;font-size:1.8rem;padding-left:1.5rem;position: relative;}
.prof-list .flex-wrap .text-box .detail dl dt{font-family:'pre-sb';color:#23408e;width:10rem;}
.prof-list .flex-wrap .text-box .detail dl dd{width:calc(100% - 10rem);}
.prof-list .flex-wrap .text-box .detail dl dt::after{width:0.4rem;height:0.4rem;border-radius:50%;background:#696a6d;position:absolute;top:0.9rem;left:0;content:"";display:block;}

.prof-list .util{position:absolute;right:3.5rem;top:3rem;}
.prof-list .util ul{display:flex;align-items:center;justify-content:flex-end;}
.prof-list .util ul li{margin-left:0.5rem;}
.prof-list .util ul li a{width:3.5rem;height:3.5rem;border-radius:5rem;cursor:pointer;text-indent:-9999px;display:block;transition:all .3s;}
.prof-list .util ul li a.mail-btn{background:#aea17d url('../images/icon-mail.png') no-repeat center;}
.prof-list .util ul li a.home-btn{background:#a32b30 url('../images/icon-hoem.png') no-repeat center;}
.prof-list .util ul li a.more-btn{background:#CCC url('../images/plus_1_w.png') no-repeat center;}
.prof-list .util ul li a:hover{background-color:#696a6d;}

.prof-list .con-list{padding:2rem;min-height:15rem;background:#f5f5f8;display:flex;align-items:center;}
.prof-list .con-list h3{display:none;}
.prof-list .con-list li{color:#555;margin-bottom:0;}
.prof-list .con-list li:nth-child(n+6){display:none;}

@media all and (max-width:1280px) {
	.prof-list > ul{gap:2rem;}
}
@media all and (max-width:1024px) {
	.prof-list > ul{grid;grid-template-columns:1fr;}
}
@media all and (max-width:768px) {
	.prof-list .flex-wrap .img-box{width:12rem;height:15rem;}
	.prof-list .flex-wrap .text-box{width:calc(100% - 15rem);}
}


/* VIEW */
._profLayerPopup ._blockClose{height:6rem;width:6rem;position:absolute;top:-2rem;right:-2rem;text-indent:-99999999px;border-radius:50%;background:rgba(0,0,0,1) url('../images/x_4_w.png') no-repeat center;}
._profLayerPopup{display:none;background:rgba(0,0,0,0.5);position:fixed;top:0;left:0;height:100%;width:100%;z-index:1;}
._profLayerPopup ._inner{height:100%;width:100%;display:flex;align-items:center;justify-content:center;}
._profLayerPopup ._inner ._inbox{width:100rem;background:#FFF;position:relative;}
._profLayerPopup ._inner ._inbox ._prfTitle{background:#a72d30;padding:2rem 3rem;}
._profLayerPopup ._inner ._inbox ._prfTitle p{font-size:2.5rem;font-family:'pre-b';color:#FFF;line-height:1.1;}
._profLayerPopup .con-top::before{display:none;}
._profLayerPopup ._prFlDetail .pro_contents .pro_contents_box .con-inner .title{display:none;}
._profLayerPopup  .con-list{max-height:20rem;overflow-y:auto;}
._profLayerPopup  .con-list::-webkit-scrollbar{width:8px;}
._profLayerPopup  .con-list::-webkit-scrollbar-thumb{background-color:#ac2f30;border-radius:4px;}
._profLayerPopup  .con-list::-webkit-scrollbar-track{background-color:#a9a9a9;border-radius:4px;}

@media all and (max-width:1024px) {
	._profLayerPopup ._inner ._inbox{width:90%;}
	._profLayerPopup ._blockClose{height:4.5rem;width:4.5rem;top:-1rem;right:-1rem;}
}

@media all and (max-width:768px) {
}