@charset "utf-8";
 @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
/* doc.css는 디자인페이지 스타일을 정의합니다. */
/* sub01_01 */
.greeting .img-box {margin-bottom:40px;}
.greeting .txt {text-align:center; letter-spacing:-.01em;}
.greeting .txt p {margin-bottom:24px; font-size:17px; color:#454545;}
.greeting .txt p strong {color:#1266ac; font-weight:500; font-size:20px;}
.greeting .txt .tt {color:#242424; font-size:18px; font-weight:500;}
.greeting .txt .tt span {margin:0 6px;}
/* sub01_02 */
.history {position:relative; padding-bottom:206px;}
.history .col {display:flex; padding-bottom:60px; position:relative;}
.history .col:last-child {padding-bottom:0;}
.history .col:before {content:''; width:1px; height:100%; background:#ddd; position:absolute; left:85px; top:10px;}
.history .year {width:85px; position:relative; font-size:24px; color:#1266ac; line-height:1.2em; font-weight:500; font-family:'Roboto';}
.history .year:before {content:''; width:15px; height:15px; background:#fff; border-radius:50%; border:3px solid #73b132; position:absolute; right:-8px; top:6px;}
.history .txt {padding-left:40px; width:1%; flex:1 1 auto;}
.history .tt {display:flex; line-height:1.8em; font-size:16px; margin-bottom:20px;}
.history .tt:last-child {margin-bottom:0;}
.history .txt .date {width:90px; font-weight:500; color:#242424;}
.history .txt ul {width:1%; flex:1 1 auto;}
.history .txt ul li {color:#454545;}
.history .imgs {position:absolute; right:0; top:30px; z-index:-1;}
/* sub01_03 */
.policy {text-align:center;}
/* sub01_04 */
.business ul {display:flex; margin:0 -10px;}
.business ul li {width:25%; text-align:center; padding:0 10px;}
.business ul li h4 {font-size:18px; font-weight:500; color:#242424; margin-top:30px;}
/* sub01_05 */
.certificate-list ul {display:flex; flex-wrap:wrap; margin:0 -10px;}
.certificate-list ul li {width:20%; padding:0 10px; margin-bottom:46px;}
.certificate-list ul li .pic {position:relative; height:0; padding-bottom:140.63%; overflow:hidden;}
.certificate-list ul li .pic:after {content:''; width:100%; height:100%; position:absolute; top:0; left:0; border:1px solid #ddd;}
.certificate-list 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;}
.certificate-list ul li .tit {font-size:16px; line-height:1.6em; color:#454545; text-align:center; margin-top:16px;}
/* sub01_06 */
.directions .col {display:flex; margin:0 -20px;}
.directions .row {width:50%; padding:0 20px;}
.directions .root_daum_roughmap {width:100% !important; height:100% !important;}
.directions .root_daum_roughmap .wrap_map {height:100% !important;}
.directions .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.directions .roughmap_lebel_text:after {content:"(주)한국건설표준시험원"; font-size:12px; line-height:15px;}
.directions .cnt li {display:flex; border-bottom:1px solid #ddd; padding:16px 0;}
.directions .cnt li .tt1 {width:120px; font-size:18px; padding-left:40px; font-weight:500; color:#242424; position:relative;}
.directions .cnt li .tt1:before  {content:''; width:24px; height:24px; background-repeat:no-repeat; background-size:cover; position:absolute; top:50%; margin-top:-12px; left:0;}
.directions .cnt li:nth-child(1) .tt1:before  {background-image:url('../images/sub/address-icon.png');}
.directions .cnt li:nth-child(2) .tt1:before {background-image:url('../images/sub/tel-icon.png');}
.directions .cnt li:nth-child(3) .tt1:before {background-image:url('../images/sub/fax-icon.png');}
.directions .cnt li .tt1:after {content:''; width:1px; height:14px; background:#ddd; position:absolute; top:50%; margin-top:-7px; right:0;}
.directions .cnt li .tt2 {font-size:16px; color:#454545; width:1%; flex:1 1 auto; padding-left:30px;}
/* sub03_01 */
.attachment table {width:100%; border-collapse:collapse; border-spacing:0; border-top:2px solid #242424;}
.attachment table input {height:40px;}
.attachment table th {font-size:18px; font-weight:500; padding:16px 10px; background:#eef4f9; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.attachment table td {padding:10px 21px; border-bottom:1px solid #ddd;}
.attachment table td .items {display:flex; margin:0 -6px;}
.attachment table td .items .item {padding:0 6px; position:relative;}
.attachment table td .items .item:after {content:''; width:4px; height:1px; background:#242424; position:absolute; right:-2px; top:50%;}
.attachment table td .items .item:last-child:after {display:none;}
.attachment .btns {margin:60px 0 100px; text-align:center;}
.attachment .btns input {font-size:18px; font-weight:500; color:#fff; letter-spacing:0; background:#1266ac; line-height:60px; padding:0 68px; border:0;}
/* doc-tit */
.doc-tit {font-size:20px; font-weight:500; color:#242424; position:relative; padding-left:30px; line-height:1.5em;}
.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:6px; left:0;}
/* sub04_01 */
.charge .box {background:#f8f8f8; padding:40px 60px; margin-bottom:60px; display:flex; align-items: center;}
.charge .box .icon {max-width:80px; width:100%;}
.charge .box .txt {width:1%; flex:1 1 auto; padding-left:36px;}
.charge .box .txt p {font-size:18px; font-weight:500; color:#242424; line-height:1.5em;}
.charge .cnt .doc-tit {margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #ddd;}
.charge .cnt .txt {padding-left:30px; margin-bottom:40px;}
.charge .cnt .txt h4 {font-size:16px; font-weight:400; color:#454545; padding-left:26px; position:relative;}
.charge .cnt .txt h4 span {position:absolute; top:4px; left:0; width:20px; line-height:20px; border-radius:50%; background:#da3d16; font-size:15px; font-weight:500; color:#fff; text-align:center;}
.charge .cnt .txt ol {padding-left:26px;}
.charge .cnt .txt li {font-size:16px; color:#454545;}
/* sub04_02 */
.estimate .cnt {margin-bottom:60px;}
.estimate .doc-tit {margin-bottom:16px;}
.estimate .doc-tit span {font-size:18px; line-height:1.6em; color:#1266ac; font-weight:500;}
.estimate .cnt01 ul {display:flex; flex-wrap:wrap; border-top:2px solid #242424; border-left:1px solid #ddd;}
.estimate .cnt01 ul li {width:20%; text-align:center; position:relative; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.estimate .cnt01 ul li a {display:block; font-size:18px; font-weight:500; color:#242424; line-height:59px;}
.estimate .cnt01 ul li a:hover {background:rgba(18,102,172,0.07); color:#1266ac;}
.estimate .cnt02 .box {background:#f8f8f8; border:1px solid #ddd; padding:16px 20px;}
.estimate .cnt02 .box .items {display:flex; margin:0 -5px; justify-content: center;}
.estimate .cnt02 .box .item {padding:0 5px;}
.estimate .cnt02 .box .item1 {max-width:600px; width:100%;}
.estimate .cnt02 .box .item .btn {line-height:44px; background:#1266ac; color:#fff; text-align:center; display:inline-block; font-size:18px; font-weight:500; border:0; padding:0 50px;}
.estimate .cnt03 table {width:100%; border-collapse:collapse; border-spacing:0; border-top:2px solid #242424;}
.estimate .cnt03 table th {border:1px solid #ddd; border-top:0; font-size:20px; font-weight:500; padding:14px 10px;}
.estimate .cnt03 table td {border:1px solid #ddd; border-top:0;}
.estimate .cnt03 table td ul {display:flex; flex-wrap:wrap; padding:40px; margin-bottom:-16px;}
.estimate .cnt03 table td ul li {width:50%; margin-bottom:16px; color:#454545;}
.estimate .cnt03 table td ul li a {display:inline-block; position:relative; padding-left:12px; line-height:1.8em;}
.estimate .cnt03 table td ul li a:hover {color:#1266ac;}
.estimate .cnt03 table td ul li a:before {content:''; width:5px; height:5px; background:#454545; position:absolute; top:12px; left:0; border-radius:50%;}
.estimate .cnt03 table td ul li a:hover:before {background:#1266ac;}
.estimate .cnt03 table td ul li a:hover:after {content:''; width:calc(100% - 12px); height:1px; background:#1266ac; position:absolute; right:0; bottom:0;} 
/* sub04_02_drtail */
.detail .cnt {margin-bottom:30px;}
.detail table {width:100%; border-collapse:collapse; border-spacing:0; line-height:1.5em;}
.detail table th {background:#f8f8f8; padding:17px 0; border:1px solid #ddd; font-weight:500; color:#242424;}
.detail table td {border:1px solid #ddd; font-size:16px; color:#454545; padding:17px 20px;}
.detail table thead th {font-size:18px;}
.detail table tbody th {font-size:17px;}
.detail .cnt01 .col {display:flex; margin:0 -10px;}
.detail .cnt01 .row {padding:0 10px;}
.detail .cnt01 .txt {width:47%;}
.detail .cnt01 .txt ul {border:1px solid #ddd; padding:20px 40px; height:100%;}
.detail .cnt01 .txt li {color:#1126ac; font-size:17px; font-weight:500; line-height:1.6em;}
.detail .cnt01 .table {width:53%;}
.detail .cnt03 table td {padding:17px 5px; text-align:center;}
.detail .cnt03 table td .items {display:flex; margin:0 -3px; height:100%; align-items:center; justify-content:center;}
.detail .cnt03 table td .item {padding:0 3px;}	
.detail .cnt03 table td .item a {display:inline-block; vertical-align:middle; margin-top:-4px; width:13px; height:11px;}
.detail .cnt03 table tfoot th {font-size:20px; font-weight:500; color:#242424;}
.detail .cnt03 table tfoot td {font-size:24px; font-weight:700; color:#1266ac;}
.detail .cnt04 table tbody th {font-size:20px;}
.detail .cnt05 .box {border:1px solid #ddd; padding:30px 45px;}
.detail .cnt05 .box h4 {font-size:20px; font-weight:500; color:#242424; margin-bottom:16px;}
.detail .cnt05 .box li {font-size:16px; line-height:1.8em; color:#454545;}
.detail .cnt06 {text-align:center;}
.detail .cnt07 ul {display:flex; margin:0 -5px; justify-content:flex-end;}
.detail .cnt07 ul li {padding:0 5px;}
.detail .cnt07 ul li a {display:block; line-height:38px; border:1px solid #ddd; border-radius:10px; font-size:16px; color:#454545; padding:0 35px;}