@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.about .vis{margin-bottom:200px;}
.about .vis img{width:100%;}
.about .content{padding-bottom:200px;margin-bottom:200px;border-bottom:1px solid #ddd;display:flex;}
.about .content:last-child{margin-bottom:0;padding-bottom:0;}
.con-tit{width:28.5714%;font-size:40px;line-height:1.5em;font-weight:600;color: #242424;}
.about .content .con{width:71.4285%;}
.greeting{font-size:22px;line-height:1.6em;}
.greeting p{margin-bottom:50px;}
.greeting p:last-child{margin-bottom:0;}
.expertise .con{display:flex;align-items:center;}
.expertise .circle{width:45%;}
.expertise .circle .txt-box{position:relative;padding-bottom:100%;border-radius:50%;border:1px solid rgba(215,11,24,.3);}
.expertise .circle .txt-box .inner{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);text-align:center;}
.expertise .circle .icon{margin-bottom:18px;}
.expertise .circle .tit{font-weight:700;font-size:30px;line-height:1.333em;margin-bottom:15px;}
.expertise .circle .txt{font-size:19px;color: #686868;line-height:1.684em;}
.expertise .plus{width:10%;text-align:center;}
.history .con-tit{line-height:1em;}
.history .wrap{display:flex;}
.history .wrap:first-child{margin-bottom:80px;}
.history .wrap .tit{font-size:28px;font-weight:600;color: #242424;max-width:270px;width:100%;}
.history .wrap ul{min-width:0;width:1%;flex:1 1 auto;}
.history li{font-size:20px;display:flex;line-height:1.8em;margin-bottom:5px;}
.history li:last-child{margin-bottom:0;}
.history .year{color: #242424;max-width:160px;width:100%;font-weight:700;padding-right:40px;}
.about .partner{display:block;border-bottom:0;}
.about .partner .con-tit{margin-bottom:100px;}
.about .partner .con{width:100% !important;}
.partner ul{display:flex;flex-wrap:wrap;align-items:center;margin:-46px -20px;}
.partner ul li{width:20%;text-align:center;padding:46px 20px;}

.contact .root_daum_roughmap {width:100% !important; height:400px !important;}
.contact .root_daum_roughmap .wrap_map {height:400px !important;}
.contact .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.contact .roughmap_lebel_text:after {content:"커뮤니케이션 공감"; font-size:12px; line-height:15px;}
.group .con-tit{width:auto;margin-bottom:50px;}
.group .sub-title .red{margin: 0;}
.contact .maps{margin-bottom:45px;}
.contact .info{display:flex;margin-bottom:180px;}
.contact .info address{font-style:normal;display:flex;font-size:20px;line-height:1.8em;}
.contact .info .contact-logo{margin-right:189px;}
.contact .info .tit{font-weight:500;color: #242424;}
.contact .info .txt span{font-weight:700;color: #d70a16;margin-right:10px;}
.contact .info .location{color: #242424;}
.contact .info address .area:first-child{margin-right:229px;}