@charset "utf-8";
/* Sub Common */
.contTitle{font-size:3.2rem;font-weight:600;line-height:1.3125;letter-spacing:-0.06em;color:#222;}
.basicText{font-size:2rem;font-weight:400;line-height:1.7;letter-spacing:-0.06em;}
.pageSubTitle{font-size:3.4rem;font-weight:600;line-height:1.0588;text-align:center;color:#000;letter-spacing:-0.036em;}
.c_d22f2f{color:#d22f2f;}
.pcBr{display:block;}
.btn_view_img {display: none;}

/* 인사말 */
.greetingTop{display:flex;padding:33px 48px 0;background:#f8f8f8;border-radius:30px;}
.greetingTop .imgBox{width:37.654%;margin-right:6.749%;flex-shrink:0;}
.greetingTop dl{width:55.597%;word-break:keep-all;margin-top:39px;padding-bottom:50px;}
.greetingTop dl dd{margin-top:40px;}
.greetingTop dl dd p + p{margin-top:20px;}
.greetingTop .ceo{font-size:2.2rem;letter-spacing:-0.02em;color:#222;margin-top:37px;}
.greetingTop .ceo strong{font-size:3rem;font-weight:700;display:inline-block;margin-left:10px;}


/* 비전 */

.visionTop {letter-spacing:-0.02em;}
.visionTop h4{word-break:keep-all;}
.visionTop ul{display:flex;justify-content:center;margin-top:78px;}
.visionTop ul li{width:33.333%;margin-right:5.2%;}
.visionTop ul li:nth-child(2){padding-top:60px;}
.visionTop ul li:last-child{margin-right:0;}
.visionTop ul li span{font-size:2.8rem;font-weight:600;color:#000;margin:30px 0 10px;display:block;word-break:keep-all;}
.visionTop ul li p{color:#666;}

/* 조직구성도 */

.organizationTop {letter-spacing:-0.02em;}
.organizationTop .inner{margin:0 11.36%;}
.organizationTop > p{font-size:2.2rem;font-weight:400;line-height:1.54545;text-align:center;margin-top:20px;}
.organizationTop > div{background:#f8f8f8;border-radius:30px;padding:80px 0 100px;margin-top:70px;}
.organizationTop ul{margin-top:46px;}
.organizationTop ul li{display:flex;align-items: center;}
.organizationTop ul li div {width: 20.4%;min-width:185px;max-height:114px;border: 1px solid #cf3232;border-radius: 30px;padding:43px 11px;margin-right: 2.9%;display: flex;align-items: center;justify-content: center;box-sizing: border-box;position: relative;}
.organizationTop ul li div span{font-size: 2.2rem;font-weight: 600;color: #000;padding-left: 27%}
.organizationTop ul li div:before {width:21.55%;height:45.55%;background-size: contain;background-repeat: no-repeat;background-position: center;position: absolute;top:27.7%;left:12.8%;content:'';}
.organizationTop ul li .telecom:before { background-image: url('/img/introduce/organization_team01.png'); }
.organizationTop ul li .tech:before { background-image: url('/img/introduce/organization_team02.png'); }
.organizationTop ul li .material:before { background-image: url('/img/introduce/organization_team03.png'); }
.organizationTop ul li:nth-child(n+2){margin-top:30px;}
.organizationTop ul li p{width:74%;color:#666;}


/* 오시는길 */

.locationTop {display:flex;letter-spacing:-0.02em;align-items:flex-end;}
.locationTop .locationInfo {width:48.5%;display:flex;flex-direction:column;margin-right:1.5%;}
.locationTop .locationInfo h4{width:100%;font-size:3.2rem;font-weight:600;color:#000;text-align: left;}
.locationTop .locationInfo .contactBox {height:134px;display:flex;flex-direction:column;justify-content:center;background:#f8f8f8;border:1px solid #e5e5e5;border-radius:30px;padding:0.6% 0 0 3%;}
.locationTop .locationInfo .contactBox p{font-size:2rem;font-weight:400;color:#666;word-break: break-word;padding-right:2%;margin-top:5px;}
.locationTop .locationInfo .contactBox.address{width:100%;margin-top:25px;}
.locationTop .locationInfo .contactBox.address p{word-break:keep-all !important;}
.locationTop .locationInfo .contactBox:before {width:29px;height:28px;display:inline-block;background-size:contain;background-repeat:no-repeat;background-position: center;content:'';margin-left:2px;}
.locationTop .locationInfo .contactBox.address:before {background-image: url('/img/introduce/location01.png');}
.locationTop .locationInfo .contactBox.phone:before {background-image: url('/img/introduce/location02.png');}
.locationTop .locationInfo .contactBox.fax:before {background-image: url('/img/introduce/location03.png');}
.locationTop .locationInfo .contactBox.email:before {background-image: url('/img/introduce/location04.png');}
.locationTop .locationInfo .subContact{display:flex;margin-top:10px;}
.locationTop .locationInfo .subContact .contactBox{width:32.4%;margin-right:1.46%;}
.locationTop .locationInfo .subContact .contactBox:last-child{margin-right:0;}
.locationTop .contactMap {max-height:422px;border-radius:26px;flex:1 1 680px;overflow: hidden;margin-left: 1.43%;}
.locationTop .contactMap iframe {width:100%;height:422px;border-radius:26px;}

/* 출원/심판/소송 */

#businessGroup .definitionBox{display:flex;}
#businessGroup .definitionBox:nth-child(n+2){margin-top:60px;}
#businessGroup .vocaBox{width:43.8%;height: 470px;margin-right:2.86%;border-radius:30px;}
#businessGroup .suitTop .vocaBox.firstVoca{background:url('/img/business/suit01.png')no-repeat center / cover;}
#businessGroup .suitTop .vocaBox.secVoca{background:url('/img/business/suit02.png')no-repeat center / cover;}
#businessGroup .vocaBox p{font-size:3.6rem;letter-spacing:0;color:#fff;font-weight:700;display:flex;padding:5.2%;}
#businessGroup .vocaBox p:before{width:80px;height:80px;margin-right:4.5%;display:inline-block;flex-shrink:0;content:'';}
#businessGroup .vocaBox p span{margin-top:4.45%;}
#businessGroup .suitTop .vocaBox.firstVoca p:before{background:url('/img/business/suit03.png')no-repeat left center / cover;}
#businessGroup .suitTop .vocaBox.secVoca p:before{background:url('/img/business/suit04.png')no-repeat left center / cover;}
#businessGroup .infoBox{width:74.3%;background:#f8f8f8;border-radius:30px;padding:3.08% 1% 3% 3.3%;border:1px solid #e5e5e5;}
#businessGroup .infoBox ul li:nth-child(n+2){margin-top:20px;}
#businessGroup .infoBox ul li p{display:flex;font-size:2rem;font-weight:400;letter-spacing:0;line-height:1.7;color:#666;}
#businessGroup .infoBox ul li p:before{width:5px;height:5px;flex-shrink:0;margin:10px 10px 0 0;border-radius:50%;display:inline-block;background:#cf3232;content:'';}

/* 지식재산권 관리/컨설팅 */

#businessGroup .consultingTop .vocaBox.firstVoca{background:url('/img/business/consulting01.png')no-repeat center / cover;}
#businessGroup .consultingTop .vocaBox.secVoca{background:url('/img/business/consulting02.png')no-repeat center / cover;}
#businessGroup .consultingTop .vocaBox.firstVoca p:before{background:url('/img/business/consulting03.png')no-repeat left center / cover;}
#businessGroup .consultingTop .vocaBox.secVoca p:before{background:url('/img/business/consulting04.png')no-repeat left center / cover;}

/* 표준특허 컨설팅 */

#businessGroup .standard_consultingTop .vocaBox.firstVoca{background:url('/img/business/standard_consulting01.png')no-repeat center / cover;}
#businessGroup .standard_consultingTop .vocaBox.secVoca{background:url('/img/business/standard_consulting02.png')no-repeat center / cover;}
#businessGroup .standard_consultingTop .vocaBox.firstVoca p:before{background:url('/img/business/standard_consulting03.png')no-repeat left center / cover;}
#businessGroup .standard_consultingTop .vocaBox.secVoca p:before{background:url('/img/business/standard_consulting04.png')no-repeat left center / cover;}

/* IP 분쟁 및 라이센싱 */

#businessGroup .lisenceTop .vocaBox.firstVoca{background:url('/img/business/lisence01.png')no-repeat center / cover;}
#businessGroup .lisenceTop .vocaBox.secVoca{background:url('/img/business/lisence02.png')no-repeat center / cover;}
#businessGroup .lisenceTop .vocaBox.firstVoca p:before{background:url('/img/business/lisence03.png')no-repeat left center / cover;}
#businessGroup .lisenceTop .vocaBox.secVoca p:before{background:url('/img/business/lisence04.png')no-repeat left center / cover;}

/* 선행기술조사 */

#businessGroup .investigationTop .vocaBox.firstVoca{background:url('/img/business/investigation01.png')no-repeat center / cover;}
#businessGroup .investigationTop .vocaBox.firstVoca p:before{background:url('/img/business/investigation02.png')no-repeat left center / cover;}


/* 대표변리사 */

.patent_attorneyTop {margin-bottom:80px;}
.patent_attorneyTop .boss{display:flex;padding:0 3.43% 0 4.93%;background:#aeb5bf;border-radius: 30px;}
.patent_attorneyTop .boss .imgBox{width: 37.654%;height:100%;margin-right:16.49%;flex-shrink: 0;position:relative;z-index:1;}
.patent_attorneyTop .boss .imgBox:before{width:84.873%;height:20%;background:url('/img/member/logo.png')no-repeat bottom center / contain;position:absolute;bottom:5.604%;left:46.8%;z-index:-1;content:'';}
.patent_attorneyTop .boss .imgBox a{cursor: default;}
.patent_attorneyTop .boss > div{width: 48.196%;word-break: keep-all;color:#fff;letter-spacing:0;padding:40px 0;}
.patent_attorneyTop .boss > div .ceo{font-size:2.8rem;font-weight:400;line-height:1.3914;}
.patent_attorneyTop .boss > div .ceo strong{font-size:4.4rem;font-weight:700;letter-spacing:0.6em;}
.patent_attorneyTop .boss > div .Specialization{margin-top:130px;}
.patent_attorneyTop .boss > div .Specialization strong{font-size:2.8rem;font-weight:600;}
.patent_attorneyTop .boss > div .Specialization ul{margin-top:15px;}
.patent_attorneyTop .boss > div .Specialization ul li:nth-child(n+2){margin-top:10px;}
.patent_attorneyTop .boss > div .Specialization ul li p{font-size:2rem;font-weight:400;}
.patent_attorneyTop .education{display:flex;margin-top:50px;}
.patent_attorneyTop .education > div{width:33.333%;}
.patent_attorneyTop .education > div strong{font-size:2.8rem;font-weight:600;letter-spacing:0;color:#000;}
.patent_attorneyTop .education > div ul {margin-top:20px;}
.patent_attorneyTop .education > div ul li:nth-child(n+2){margin-top:10px;}
.patent_attorneyTop .education > div ul li p{font-size:2rem;font-weight:400;letter-spacing:0;color:#666;}
.patent_attorneyTop .dot{display:flex;}
.patent_attorneyTop .dot:before{width:5px;height:5px;flex-shrink:0;margin:8px 10px 0 0;border-radius:50%;display:inline-block;background:#cf3232;content:'';}



@media all and (max-width:1440px){
/* 인사말 */
.greetingTop dl dd p br{display:none;}
}

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

/* 비전 */
.visionTop ul li p .pcBr{display:none;}

/* 출원/심판/소송 */
#businessGroup .infoBox ul li p .pcBr{display:none;}
}


@media all and (max-width:1279px){
/* 인사말 */
.greetingTop{border-radius:22px;}

/* 출원/심판/소송 */
#businessGroup .vocaBox p:before{width:70px;height:70px;}

}

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

/* 조직구성도 */
.organizationTop > p .pcBr{display:none;}

/* 오시는길 */
.locationTop{flex-wrap:wrap;}
.locationTop .locationInfo{width:100%;}
.locationTop .locationInfo .contactBox{height:110px;border-radius:20px;}
.locationTop .locationInfo .contactBox.address{margin-top:15px;}
.locationTop .locationInfo .subContact{flex-wrap:wrap;}
.locationTop .locationInfo .subContact .contactBox{width:100%;margin-right:0;}
.locationTop .locationInfo .subContact .contactBox:nth-child(n+2){margin-top:10px;}
.locationTop .contactMap{margin-top:20px;}

/* 출원/심판/소송 */
#businessGroup .vocaBox p:before{width:65px;height:65px;}

}

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


/* Sub Common */
.contTitle{font-size:3rem;}
.btn_view_img {display: block;margin-top: 5px;text-align: right;}
.btn_view_img img{width:10%;}

/* 인사말 */
.greetingTop{flex-wrap:wrap;padding:30px 30px 0;}
.greetingTop .imgBox{order:1;width:80%;margin:0 auto;}
.greetingTop dl{width:100%;order:0;margin-top:0}
.greetingTop dl dd{margin-top:30px;}


/* 비전 */

.visionTop ul{margin-top:39px;flex-wrap:wrap;}
.visionTop ul li{width:58.7%;margin-right:0;display:flex;flex-direction:column;}
.visionTop ul li:nth-child(n+2){padding-top:0;margin-top:70px;}
.visionTop ul li img{text-align:center;}



/* 조직구성도 */

.organizationTop .inner{margin:0 6%;}
.organizationTop > p{margin-top:10px;}
.organizationTop > div{border-radius:15px;padding:40px 0 50px;margin-top:35px;}
.organizationTop ul{margin-top:23px;}
.organizationTop ul li{width:100%;flex-wrap:wrap;}
.organizationTop ul li:nth-child(n+2){margin-top:50px;}
.organizationTop ul li div{width:40%;min-width: 155px;border-radius:20px;margin-right:0;padding:28px 11px;}
.organizationTop ul li div span{padding-left:25%;}
.organizationTop ul li p{width:100%;margin-top:20px;}


/* 출원/심판/소송 */

#businessGroup .definitionBox{flex-wrap:wrap;}
#businessGroup .vocaBox{width:100%;height:44.278vw;margin-right:0;border-radius:18px;}
#businessGroup .vocaBox p:before {width:65px;height:65px;}
#businessGroup .vocaBox p span {margin-top:14px;}
#businessGroup .infoBox{width:100%;margin-top:20px;border-radius:18px;padding:20px 20px 21px 23px;}
#businessGroup .infoBox ul li:nth-child(n+2){margin-top:10px;}


/* 대표 변리사 */

.patent_attorneyTop .boss{flex-wrap: wrap;flex-direction: column-reverse;border-radius:20px;padding:30px 30px 0;}
.patent_attorneyTop .boss .imgBox{width:90%;margin-right:0;}
.patent_attorneyTop .boss .imgBox:before{width: 69.873%;height: 31.6%;left:37.072%;}
.patent_attorneyTop .boss .imgBox img{width:62.716%;}
.patent_attorneyTop .boss > div{width:100%;padding:0 0 40px;}
.patent_attorneyTop .boss > div .Specialization{margin-top:80px;}
.patent_attorneyTop .education{flex-wrap:wrap;margin-top:25px;padding-left:30px;}
.patent_attorneyTop .education > div{width:100%;}
.patent_attorneyTop .education > div:nth-child(n+2){margin-top:30px;}
.patent_attorneyTop .education > div ul{margin-top:10px;}
.patent_attorneyTop .education > div ul li:nth-child(n+2){margin-top:5px;}
.patent_attorneyTop .dot:before{width:3px;height:3px;margin:8px 5px 0 0;}



}

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


/* 비전 */
.visionTop ul li {width: 100%;}


}