@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
/* doc-tit */
.doc-tit {position:relative; padding-left:30px; font-size:20px; line-height:1.3em; color:#242424; font-weight:500; margin-bottom:20px;}
.doc-tit:before {content:''; width:20px; height:20px; background:url('../images/sub/doc-tit.png') 0 0 no-repeat; background-size:cover; position:absolute; top:50%; margin-top:-10px; left:0;}
/* sub01_01 회사소개 */
.company .tit {background:url('../images/sub/company-tit.jpg') 0 0 no-repeat; background-size:cover; text-align:center; padding:60px 15px; border-radius:10px; color:#fff; margin-bottom:60px;}
.company .tit h3 {font-size:20px; font-family:'NanumSquare'; line-height:1.5em; margin-bottom:30px;}
.company .tit h3 strong {font-size:23px; color:#dfffb1; font-weight:800;}
.company .tit p {line-height:1.6em; margin-bottom:14px;}
.company .tit p strong {font-weight:500; font-size:18px;}
.company .wrap {display:flex;}
.company .wrap .img-box {width:540px;margin-right:50px; text-align:center;}
.company .wrap .img-box .pic {margin-bottom:20px;}
.company .wrap .img-box a {display:inline-block; padding:0 16px 0 53px; line-height:43px; border:1px solid #ddd; border-radius:10px; position:relative; font-size:15px; color:#454545; font-weight:500;}
.company .wrap .img-box a:before {content:''; width:24px; height:24px; background:url('../images/bbs/download.png') 0 0 no-repeat; position:absolute; top:50%; margin-top:-12px; left:19px; background-size:cover;}
.company .wrap .txt {flex:1 1 auto; width:1%;}
.company .wrap .txt p {color:#454545; line-height:1.6em; margin-bottom:20px;}
/* sub01_02 대표인사 */
.greeting .wrap {display:flex;}
.greeting .img-box {width:42%;}
.greeting .txt {width:58%; padding-left:30px;}
.greeting .txt h3 {font-size:25px; font-weight:600; color:#242424; line-height:1.2em; font-family:'Noto Serif KR'; margin-bottom:36px;}
.greeting .txt h3 strong {font-weight:700;}
.greeting .txt h3 strong.c_ac7f1e {color:#ac7f1e;}
.greeting .txt h3 strong.c_137f73 {color:#137f73;}
.greeting .txt h3 br {display:none;}
.greeting .txt p {line-height:1.6em; color:#454545; margin-bottom:16px;}
.greeting .txt p strong {font-size:18px; display:inline-block; margin-top:30px;}
.greeting .txt p span {display:inline-block; font-size:28px; margin-left:15px; vertical-align:middle; margin-top:-9px; font-weight:700;}
/* sub02_01 대표 서비스 */
.business-tit {padding:56px 15px; background:url('../images/sub/service.jpg') 0 0 no-repeat; background-size:cover; text-align:center; border-radius:10px; margin-bottom:60px; color:#fff; letter-spacing:0;}
.business-tit p {font-size:20px; font-family:'NanumSquare'; font-weight:700; line-height:1.8em;}
.business-tit p strong {font-size:23px; font-weight:800;}
.service table {width:100%; border-collapse:collapse; border-spacing:0; border-top:1px solid #343635; border-bottom:1px solid #343635;}
.service table tr {border-bottom:1px solid #ddd;}
.service table th {background:#f5f7f7; color:#43685a; font-size:18px; line-height:1.5em; border-right:1px solid #ddd;}
.service table td {padding:16px 30px;}
.service table td li {position:relative; padding-left:15px; line-height:1.6em; color:#454545; margin-bottom:6px;}
.service table td li:last-child {margin-bottom:0;}
.service table td li:before {content:''; width:4px; height:4px; background:#454545; border-radius:50%; position:absolute; left:0; top:11px;}
/* sub02_02 레퍼런스 */
.reference .partner {margin-bottom:70px;}
.reference .partner ul {display:flex; flex-wrap:wrap;}
.reference .partner ul li {width:20%; margin-left:-1px; margin-bottom:-1px; position:relative;}
.reference .partner ul li:after {content:''; width:100%; height:100%; border:1px solid #ddd; position:absolute; top:0; left:0;}
.reference .partner ul li .pic {position:relative; height:0; padding-bottom:62.5%; overflow:hidden;}
.reference .partner ul li .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.appreciation ul {display:flex; flex-wrap:wrap; margin:0 -15px;}
.appreciation li {width:50%; padding:0 15px; margin-bottom:20px;}
.appreciation .inner {padding:30px; border:1px solid #ddd; height:100%;}
.appreciation .top {display:flex; padding-bottom:30px; margin-bottom:16px; border-bottom:1px solid #ddd;}
.appreciation .top .img-box {width:200px;}
.appreciation .top .txt {flex:1 1 auto; width:1%; padding-left:24px; position:relative;}
.appreciation .top .tt {padding-left:24px; position:relative; line-height:1.6em; font-weight:500; color:#333;}
.appreciation .top .tt:before {content:''; width:16px; height:16px; background-repeat:no-repeat; background-size:cover; position:absolute; left:0; top:5px;}
.appreciation .top .tt1:before {background-image:url('../images/sub/appreciation-icon01.png');}
.appreciation .top .tt2:before {background-image:url('../images/sub/appreciation-icon02.png');}
.appreciation .top .tt1 {margin-bottom:20px;}
.appreciation .box p {line-height:1.6em; color:#454545;}
/* sub04_01 연락처 */
.contact {background:url('../images/sub/contact.jpg') bottom center no-repeat; background-size:cover; height:1166px; padding-top:200px; text-align:center;}
.contact p {font-family:'NanumSquare'; font-weight:700;}
.contact .tit {margin-bottom:50px; padding-bottom:50px; border-bottom:1px solid rgba(255,255,255,.6);}
.contact .tit .img {margin-bottom:40px;}
.contact .tit p {font-size:20px; line-height:1.7em; color:rgba(255,255,255,.8);}
.contact .txt p {font-size:25px; color:#fff; line-height:1.5em;}