@charset "UTF-8";

/* SEARCH */
.search-box{display:none;width:100%;margin-bottom:4rem;}

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

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

.con-top .prfl-item{width:calc(100% - 22rem);}

.con-top .prfl-name{padding-top:1.5rem;}
.con-top .prfl-name .prof-rank{display:none;font-size:18px;font-family:'pre-m';line-height:1;color: #273ca5;margin-bottom:0.4rem;}
.con-top .prfl-name strong {font-size:2.5rem;font-family:'pre-b';color:#111;line-height:1.1;letter-spacing:-1px;display:block;}

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

.prfl-list .btn-detail{display:flex;align-items:center;justify-content:flex-end;position:absolute;right:3rem;top:3rem;}
.prfl-list .btn-detail dt{display:none;}
.prfl-list .btn-detail a{margin-left:0.5rem;width:3.5rem;height:3.5rem;border-radius:5rem;cursor:pointer;text-indent:-9999px;display:block;transition:all .3s;}
.prfl-list .btn-detail .openDetail{background:#CCC url('../images/plus_1_w.png') no-repeat center;}
.prfl-list .btn-detail .openEmail{background:#aea17d url('../images/icon-mail.png') no-repeat center;}
.prfl-list .btn-detail .gotoWebsite{background:#a32b30 url('../images/icon-hoem.png') no-repeat center;}
.prfl-list .btn-detail a:hover{background-color:#696a6d;}
.prfl-list .con-list{padding:2rem 3rem;min-height:8.8rem;background:#f5f5f8;}
.prfl-list .con-list li{color:#555;}
/*.prfl-list .con-list li:nth-child(n+3){display:none;}*/

@media all and (max-width:1280px) {
	.prfl-list{gap:2rem;}
}
@media all and (max-width:1024px) {
	.prfl-list{grid;grid-template-columns:1fr;}
}
@media all and (max-width:768px) {
	.con-top .thumbnail{width:12rem;height:15rem;}
	.con-top .prfl-item{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) {
}