@charset "utf-8";

.content_title h2{ font-size: 230%; font-weight: 700;}


/* 인사말 */
.law_greating {position: relative;}
.law_greating::before {content:''; position:absolute; background-color: #ebeef1; top:0; right:0; left:0; height:450px}
.law_greating > div {position: relative; padding: 60px 0;}
.law_greating .photo { float: left; width: 458px; background-image: linear-gradient(to right, rgba(146,146,223,1), rgba(115,114,204,1));  border-radius:30px; overflow: hidden; vertical-align: bottom; box-shadow: 5px 5px 10px rgba(0,0,0,0.2);}
.law_greating .content { overflow: hidden; padding-left: 100px;}
.law_greating .content > span{font-size: 170%; display: block; color:#000; position: relative; margin-top:40px}
.law_greating .content > span::after{content:''; display:block; width:100px; height:2px; margin:40px 0}
.law_greating .content > strong{font-size: 170%; display: block; color:#000; font-weight: 700;}
.law_greating .content > strong > i{font-size: 160%;}
.law_greating .content .con{margin-top:180px; font-size: 110%;}
.law_greating .content .con p{font-size: 130%;}

/* 프로필 */
.law_greating .content .con dl{ display: table; width: 100%; table-layout: fixed; }
.law_greating .content .con dl dt, .law_greating .content .con dl dd{ display: table-cell; line-height: 45px;}
.law_greating .content .con dl dt{ width:100px}
.law_greating .content .con dl dd{ font-weight: 400;}



@media only screen and (max-width:1300px) {

}


@media only screen and (max-width:992px){	
    .content_title h2{padding:50px 0;}

    .law_greating .photo { width: 350px;}
    .law_greating .content {font-size:80%; padding-left: 50px;}
    
}


@media only screen and (max-width:767px) {
    .law_greating .photo { width: 310px; margin:0 auto; float:none;}
    .law_greating .content {padding:0 20px; }
    .law_greating .content .con{margin-top:50px; font-size: 120%;}
    .law_greating .content > span{font-size: 150%;}
    .law_greating .content > span::after{margin:30px 0}
    .law_greating .content > strong{font-size: 140%;}
    .law_greating .content .con p{font-size:110%;}
    .law_greating .content .con dl dt, .law_greating .content .con dl dd{ line-height: 30px;}
    .law_greating .content .con dl dt{ width:70px}
    .law_greating::before { height:430px}
    
    
}


@media only screen and (max-width:500px) {

}