@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.blue{color:#1e3c94 !important;}

.greeting{display:flex;margin-bottom:93px;}
.greeting .img{width:50%;z-index:1;position:relative;}
.greeting .txt-box{width:calc(50% + 37px);margin-left:-37px;padding-left:113px;background-color:#f8f8f8;margin-top:34px;padding-top:29px;padding-bottom:40px;}
.greeting .txt-box .top-txt{line-height:1.667em;font-size:18px;font-weight:600;margin-bottom:13px;}
.greeting .txt-box .txt{margin-bottom:13px;}
.greeting .txt-box .txt.blue{font-weight:700;}
.greeting .txt-box .ceo{font-weight:500;}
.location .tit{font-size:26px;font-weight:600;color:#333;margin-bottom:26px;}
.maps{border-radius:15px;overflow:hidden;}
.maps .root_daum_roughmap {width:100% !important; height:350px !important;}
.maps .root_daum_roughmap .wrap_map {height:350px !important;}
.maps .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.maps .roughmap_lebel_text:after {content:"성현외장타일(주)"; font-size:12px; line-height:15px;}
.location .info{margin-top:21px;border-top:1px solid #242424;}
.location .info dl{display:flex;align-items:center;border-bottom:1px solid #ddd;}
.location .info dt{max-width:200px;width:100%;padding:19px 0;background-color:#f8f8f8;}
.location .info dt p{margin-left:42px;padding-left:49px;position:relative;font-weight:500;}
.location .info dt p:after{content:'';width:20px;height:20px;background-repeat:no-repeat;background-size:contain;background-position:50% 50%;position:absolute;left:0;top:1px;}
.location .info dt p.type1:after{background-image:url('../images/sub/icon_location.png');}
.location .info dt p.type2:after{background-image:url('../images/sub/icon_tel.png');}
.location .info dt p.type3:after{background-image:url('../images/sub/icon_mail.png');}
.location .info dd{padding-left:30px;}