@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.greeting{display:flex;justify-content:space-between;}
.greeting .img{min-width:0;width:1%;flex:1 1 auto;}
.greeting .txt-box{margin-left:20px;max-width:545px;width:100%;padding-top:58px;position:relative;}
.greeting .txt-box:after{content:'';width:320px;height:108px;background:url('../images/sub/bg_logo.png')no-repeat 50% 50%/contain;position: absolute;right:0;bottom:0;z-index:-1;}
.greeting .txt-box .greet-txt{font-size:30px;font-weight:700;color: #333;line-height:1.333em;margin-bottom:80px;}
.greeting .txt-box .txt{font-size:18px;margin-bottom:26px;line-height:1.556em;}
.greeting .txt-box .txt.type2{margin-bottom:58px;}
.greeting .txt-box .zoates{font-size:20px;font-weight:700;color:#333;}

.location .maps .root_daum_roughmap {width:100% !important; height:330px !important;}
.location .maps .root_daum_roughmap .wrap_map {height:330px !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{margin-top:30px;border-top:1px solid #242424;}
.location dl{display:flex;padding:18px 22px 20px;align-items:center;color:#333;border-bottom:1px solid #ddd;}	
.location dl dt{padding-left:53px;position:relative;max-width:200px;width:100%;margin-right:18px;font-weight:500;}
.location dl dt:before{content:'';width:22px;height:24px;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;position: absolute;left:0;top:-1px;}
.location dl dt.type1:before{background-image:url('../images/sub/icon_company.png');}
.location dl dt.type2:before{background-image:url('../images/sub/icon_center.png');}
.location dl dt.type3:before{background-image:url('../images/sub/icon_tel.png');}
.location dl dt.type4:before{background-image:url('../images/sub/icon_fax.png');}
.location dl dt.type5:before{background-image:url('../images/sub/icon_mail.png');}

.doc-page .img{border:1px solid #ddd;margin-bottom:40px;}
.doc-page .img-box{border:1px solid #ddd;display:flex;margin:0 0 40px;padding:25px 0 34px;}
.doc-page .img-box .item{width:33.3333%;text-align:center;padding:0 10px;}
.doc-page .img-box .img{border:0;margin-bottom:28px;}
.doc-page .img-box .item p{font-weight:700;color: #333;font-size:20px;}
.doc-page .con{margin-bottom:100px;}
.doc-page .con:last-child{margin-bottom:0;}
.doc-table table{width:100%;border-spacing:0;text-align:center;}
.doc-table thead th, .doc-table tbody td{padding:17px 10px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;}
.doc-table thead th{background-color:#555;color: #fff;font-size:18px;font-weight:600;}
.doc-table tr th:first-child,
.doc-table tr td:first-child {border-left:0;}
.doc-table tr th:last-child,
.doc-table tr td:last-child {border-right:0;}