@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.doc-img{position:relative;margin-right:-30%;margin-bottom:95px;}
.company  .tt-wrap{display:flex;margin:0 -20px;}
.company  .tt-wrap .tt{width:50%;padding:0 20px;}
.company  .tt-wrap .tt1{font-size:34px;line-height:1.588em;color: #2c2c2c;font-weight:700;}
.company  .tt-wrap .tt2{font-size:22px;line-height: 1.545em;}

.greeting{display:flex;}
.greeting .tt-wrap{min-width:0;width:1%;flex:1 1 auto;}
.greeting .tt-wrap .top-tt{font-size:34px;line-height:1.588em;color: #2c2c2c;font-weight:700;margin-bottom:50px;}
.greeting .tt-wrap .wrap p{font-size:20px;line-height:1.6em;margin-bottom:30px;}
.greeting .tt-wrap .wrap p:last-child{margin-bottom:0;}
.greeting .tt-wrap .ceo{margin-top:40px;font-size:22px;position:relative;padding-right:140px;display:inline-block;}
.greeting .tt-wrap .ceo strong{font-weight:600;color: #2c2c2c;}
.greeting .tt-wrap .ceo:after{content:'';width:112px;height:64px;background:url('../images/sub/sign.png')no-repeat 50% 50%/contain;position: absolute;right:0;bottom:3px;}
.greeting .img{max-width:295px;width:100%;margin-left:40px;}

.location .maps .root_daum_roughmap {width:100% !important; height:480px !important;}
.location .maps .root_daum_roughmap .wrap_map {height:480px !important;}
.location .maps .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.location .maps .roughmap_lebel_text:after {content:"반려세상"; font-size:12px; line-height:15px;}
.location .info{display:flex;margin:27px -20px 0;}
.location .info .wrap{width:50%;padding:0 20px;display:flex;align-items:center;}
.location .info .wrap .icon{width:75px;height:75px;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color: #937ed7;margin-right:20px;}
.location .info .wrap .icon.type2{background-color: #585858;}
.location .info .wrap .tt-wrap{min-width:0;width:1%;flex:1 1 auto;font-size:18px;line-height:1.4em;}
.location .info .wrap .tt-wrap .tit{color: #2c2c2c;font-weight:700;}
.location .info .wrap .tt-wrap .tit span{color: #878787;font-weight:400;}
.location .info .wrap .tt-wrap .tt strong{color: #fc4142;}

.pg-menu{margin-bottom:40px;}
.pg-menu ul{display:flex;}
.pg-menu ul li{flex:1;text-align:center;position:relative;padding-bottom:15px;}
.pg-menu ul li:after{content:'';width:100%;height:3px;background-color:#ddd;position: absolute;left:0;bottom:0px;}
.pg-menu ul li.active:after{background-color: #6d52c8;}
.pg-menu ul li a{font-size:18px;line-height:1.2em;}
.pg-menu ul li.active a{color: #6d52c8;font-weight:600;}