@charset "utf-8";

.doc-tit {position:relative; padding-left:14px; margin-bottom:20px; color:#2d2d2d; font-size:26px; font-weight:500; line-height:1.3em; letter-spacing:-.04em;}
.doc-tit:before {content:""; position:absolute; top:0; left:0; width:4px; height:34px; background:#d31b1d;}

.doc-cnt {margin-bottom:80px;}
.doc-cnt:last-child {margin-bottom:0;}

.doc-top-txt {text-align:center; color:#2d2d2d; font-size:27px; font-weight:300; line-height:1.4em; letter-spacing:-.04em; margin-bottom:37px;}

.pro-info {display:flex; text-align:center; border:1px solid #dfdfdf;}
.pro-info .col {flex:1; padding:30px 20px; border-left:1px solid #dfdfdf;}
.pro-info .col:first-child {border-left:0;}
.pro-info h4 {color:#2d2d2d; font-size:18px; font-weight:500; line-height:1.3em; margin:15px 0 8px;}
.pro-info p {font-size:14px; font-weight:300; line-height:1.64em;}

.pro-function table {width:100%; border-collapse:collapse; border-spacing:0px; line-height:1.6em; border-top:2px solid #d31b1d;}
.pro-function table td {padding:15px; border:1px solid #e4e4e4; color:#2d2d2d; text-align:center;}
.pro-function tr th:first-child,
.pro-function tr td:first-child {border-left:0;}
.pro-function tr th:last-child,
.pro-function tr td:last-child {border-right:0;}

.doc-download {border-top:2px solid #d31b1d; color:#2d2d2d;}
.doc-download ul li {border-bottom:1px solid #dfdfdf; background:#f4f4f4;}
.doc-download ul li a {display:flex; align-items:center; padding:10px 30px; min-height:80px;}
.doc-download ul li .txt {flex:1 1 auto; min-width:0; width:1%; margin-right:30px; font-size:18px; font-weight:500; line-height:1.4em;}
.doc-download ul li .btn {font-size:14px; line-height:1.5em;}
.doc-download ul li .btn:before {content:""; display:inline-block; vertical-align:middle; margin:-.2em 10px 0 0; width:29px; height:29px; background:url("../images/sub/icon_down.png") 50% 50% no-repeat;}
.doc-download ul li a:hover {background:#fff; color:#d31b1d;}

.modal-down {max-width:600px; padding:50px; background:#fff;}
.modal-down ul {margin-top:-12px;}
.modal-down ul li {border-bottom:1px solid #dfdfdf; margin-bottom:16px;}
.modal-down ul li span,
.modal-down ul li a {display:block; position:relative; padding:10px 0; line-height:1.5em; color:#2d2d2d;}
.modal-down ul li a:after {content:""; position:absolute; bottom:10px; right:0; width:29px; height:29px; background:url("../images/sub/icon_down.png") 50% 50% no-repeat;}
.modal-down ul li a:hover {color:#d31b1d}
.modal-down .img {text-align:center; margin-top:50px;}

.process-box {text-align:center; padding:50px; border:1px solid #dfdfdf;}

.accordion dl {border-top:2px solid #d31b1d; margin-bottom:20px;}
.accordion dl:last-child {margin-bottom:0;}
.accordion dt {padding:27px 60px 27px 28px; color:#2d2d2d; font-size:18px; font-weight:500; line-height:1.4em; cursor:pointer; background:url("../images/sub/toggle_off.png") right 28px center no-repeat; border-bottom:1px solid #dfdfdf;}
.accordion dd {display:none; padding:28px 28px; font-size:14px; line-height:1.5em;}
.accordion dd ul li {margin-bottom:14px; position:relative; padding-left:15px;}
.accordion dd ul li:before {content:""; position:absolute; top:7px; left:0; display:inline-block; width:0; height:0; border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:4px solid #505050;}
.accordion dd ul li:last-child {margin-bottom:0;}
.accordion dd ul li a {display:inline-block;}
.accordion dd ul li a:hover {color:#d31b1d; text-decoration:underline;}
.accordion .active dt {background-color:#f4f4f4; background-image:url("../images/sub/toggle_on.png");}

.clients ul {display:flex; flex-wrap:wrap; margin:-10px;}
.clients ul li {width:20%; padding:10px;}
.clients ul li span {display:block; position:relative;}
.clients ul li span:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #dfdfdf;}

/* 20251106 유지보수 */
.sub5-tab { display: flex; justify-content: center; gap: 10px; margin: 70px 0; flex-wrap: wrap; }
.sub5-tab li a { font-size: 18px; line-height: 1em; font-weight: 500; letter-spacing: -.04em; color: #2c2c2c; width: 192px; height: 50px; border-radius: 25px; display: flex; align-items: center; justify-content: center; background: #f1f1f1; }
.sub5-tab li.active a { background: #d31b1d; color: #fff; }
.sub5-tab li a:hover { background: #d31b1d; color: #fff; }