#list_pro_profile{width:100%; max-width:1200px; margin:0 auto; position:relative;}
#list_pro_profile div.section{width:100%; display:grid; grid-template-columns:1fr 1fr; grid-gap:40px;}
#list_pro_profile div.section div.box{display:flex; flex-flow:row; flex-wrap:wrap; position:relative; padding:50px; border:1px solid #d7d7d7; overflow:hidden;}
#list_pro_profile div.section div.box div.img{display:inline-block; width:190px; height:250px; float:left;}
#list_pro_profile div.section div.box div.img > span{display:inline-block; width:100%; height:100%; background-repeat:no-repeat;background-size:cover;}
#list_pro_profile div.section div.box div.text{width:calc(100% - 200px); padding:25px 0 0 50px;}
#list_pro_profile div.section div.box div.text > strong{display:block; font-size:30px; font-weight:700;}
#list_pro_profile div.section div.box div.text > span{font-size:18px; color:#707070;}
#list_pro_profile div.section div.box div.text > p{position:relative; margin-top:15px; padding-left:24px; font-size:18px; color:#333; letter-spacing:0; word-break: break-all;}
#list_pro_profile div.section div.box div.text > p.mail{word-break:break-all;}
#list_pro_profile div.section div.box div.text > p:before{content:""; position:absolute; top:5px; left:0; width:18px; height:18px; background:url(/../_res/sch_profile/img/icon_bullet.png) no-repeat;}
#list_pro_profile div.section div.box div.text > p.tel:before{background-position:0 0;}
#list_pro_profile div.section div.box div.text > p.mail:before{background-position:-18px 0;}
#list_pro_profile div.section div.box div.text > p.mail > a:hover, #list_pro_profile div.section div.box div.text > p.mail > a:focus{color:#027d98; text-decoration:underline;}
#list_pro_profile div.section div.box div.text > p.location:before{background-position:-36px 0;}
#list_pro_profile div.section div.box div.text > p.major:before{background:none;}
#list_pro_profile div.section div.box div.text > p.major > span {color:#027d98; font-weight:500;}
#list_pro_profile div.section div.box > a{ position:absolute; top:-1px; right:-1px; width:50px; height:50px; background-color:#25539b;}
#list_pro_profile div.section div.box > a span.ir_text{display:inline-block; position:absolute; top:50%; left:50%; width:40px; height:40px; text-indent:100%; white-space:nowrap; overflow:hidden; transform:translate(-50%, -50%); transition:all .3s;}
#list_pro_profile div.section div.box > a span.ir_text:before, #list_pro_profile div.section div.box > a span.ir_text:after{content:""; position:absolute; top:50%; left:50%; width:15px; height:1px; transform:translate(-50%, -50%); background-color:#fff;}
#list_pro_profile div.section div.box > a span.ir_text:after{transform:translateX(-50%) rotate(90deg);}
#list_pro_profile div.section div.box:hover > a span.ir_text, #list_pro_profile div.section div.box:focus > a span.ir_text{transform:translate(-50%, -50%) rotate(180deg);}

/* PC Mini & Tablet */
@media all and (min-width:768px) and (max-width:1399px){
    #list_pro_profile{max-width:100%;}
    #list_pro_profile div.section{grid-gap:10px;}
    #list_pro_profile div.section div.box{padding:25px;}
    #list_pro_profile div.section div.box div.img{width:38%; height:0; padding-bottom:50%; position:relative;}
    #list_pro_profile div.section div.box div.img > span{position:absolute; top:0; left:0; background-size:cover;}
    #list_pro_profile div.section div.box div.text{width:62%; padding:20px 0 0 30px;}
    #list_pro_profile div.section div.box div.text strong{font-size:25px;}
    #list_pro_profile div.section div.box div.text span{font-size:15px;}
    #list_pro_profile div.section div.box div.text > p{margin-top:10px; padding-left:18px; font-size:16px; letter-spacing:0;}
    #list_pro_profile div.section div.box div.text > p:first-of-type{margin-top:15px;}
    #list_pro_profile div.section div.box div.text > p:before{width:16px; height:16px; background-size:48px 32px;}
    #list_pro_profile div.section div.box div.text > p.mail:before{background-position:-16px 0;}
    #list_pro_profile div.section div.box div.text > p.location:before{background-position:-32px 0;}
    #list_pro_profile div.section div.box > a{width:40px; height:40px;}
}

/* Mobile */
@media all and (max-width:767px) {
    #list_pro_profile{max-width:100%;}
    #list_pro_profile div.section{grid-template-columns:1fr; grid-gap:15px;}
    #list_pro_profile div.section div.box{padding:25px;}
    #list_pro_profile div.section div.box div.img{width:145px; height:191px;}
    #list_pro_profile div.section div.box div.img > span{background-size:cover;}
    #list_pro_profile div.section div.box div.text{width:calc(100% - 145px); padding:15px 0 0 20px;}
    #list_pro_profile div.section div.box div.text strong{font-size:22px;}
    #list_pro_profile div.section div.box div.text span{font-size:14px;}
    #list_pro_profile div.section div.box div.text > p{margin-top:10px; padding-left:14px; font-size:15px; letter-spacing:0;}
    #list_pro_profile div.section div.box div.text > p:first-of-type{margin-top:15px;}
    #list_pro_profile div.section div.box div.text > p:before{left:-1px; width:14px; height:14px; background-size:42px 28px;}
    #list_pro_profile div.section div.box div.text > p.mail:before{background-position:-14px 0;}
    #list_pro_profile div.section div.box div.text > p.location:before{background-position:-28px 0;}
    #list_pro_profile div.section div.box > a{width:34px; height:34px;}
    #list_pro_profile div.section div.box > a span.ir_text:before #list_pro_profile div.section div.box > a span.ir_text:after{width:12px;}
}