@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */

.doc-tit {padding-left:24px; margin-bottom:10px; color:#a51c30; font-size:17px; font-weight:500; line-height:1.3em; background:url("../images/sub/bullet.png") 0 4px no-repeat;}

.table01 {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #f15a22; font-size:16px;}
.table01 th,
.table01 td {padding:10px 30px; border:1px solid #ddd}
.table01 th {font-weight:400;}
.table01 tr th:first-child,
.table01 tr td:first-child {border-left:0;}
.table01 tr th:last-child,
.table01 tr td:last-child {border-right:0;}

.greetings {font-size:16px; line-height:1.56em; letter-spacing:-.03em;}
.greetings .img {margin-bottom:30px;}

.org-table:not(:last-child) {margin-bottom:30px;}
.org-table table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #909090; line-height:1.5em; letter-spacing:-.03em;}
.org-table th,
.org-table td {border:1px solid #ddd}
.org-table th {padding:10px 20px; font-weight:400;}
.org-table td {padding:10px 30px; font-weight:300;}
.org-table tr th:first-child,
.org-table tr td:first-child {border-left:0;}
.org-table tr th:last-child,
.org-table tr td:last-child {border-right:0;}

.about-history {display:flex; padding-top:60px; border-top:2px solid #333;}
.about-history .tit-wrap {width:40%; padding-right:30px;}
.about-history .tit-wrap .tit {margin-bottom:22px; font-size:30px; font-weight:700; line-height:1.2em; letter-spacing:-0.03em; color:#242424;}
.about-history .tit-wrap .tit .text-red{color:#a51c30;}
.about-history .tit-wrap .txt {font-size:18px; font-weight:400; line-height:1.5em; letter-spacing:-0.03em; color:#686868;}
.about-history .tit-wrap .txt strong {font-weight:500; color:#242424;}

.about-history .cnt {flex:1 1 auto; min-width:0; width:1%;}
.about-history .cnt .group {position:relative; padding-left:40px; padding-bottom:50px;}
.about-history .cnt .group:last-child {padding-bottom:0;}
.about-history .cnt .group:before {content:''; position:absolute; width:1px; height:100%; left:0; top:6px; background:#ddd;}
.about-history .cnt .group:after {content:''; position:absolute; width:20px; height:20px; background:url('../images/sub/bullet02.png') no-repeat 50% 50%; background-size:contain; top:6px; left:0; margin-left:-10px;}
.about-history .cnt .year {position:relative; margin-bottom:25px; font-size:28px; font-weight:700; line-height:1.2em; letter-spacing:-0.03em; color:#242424;}
.about-history .cnt .year:before {content:''; position:absolute; width:20px; height:1px; background:#ddd; left:-25px; top:50%; margin-top:-0.5px;}
.about-history .col {display:flex;}
.about-history .col .month {width:150px; font-size:16px; font-weight:700; color:#a51c30; letter-spacing:-0.03em; line-height:2.1em;}
.about-history .col ul {flex:1 1 auto; min-width:0; width:1%;}
.about-history .col ul li {position:relative; padding-left:15px; font-size:16px; font-weight:400; line-height:2.1em; letter-spacing:-0.03em; color:#686868;}
.about-history .col ul li:before {content:''; position:absolute; width:5px; height:5px; background:#ddd; border-radius:100%; left:0; top:14px;}

.rules .date {float:right; margin-bottom:20px;}
.rules .tt {font-size:17px; font-weight:500; color:#454545;}
.rules dl {margin-bottom:1.7em;}
.rules dl:last-child {margin-bottom:0;}
.rules dt {color:#454545; font-weight:500;}
.rules dd.mg {margin-bottom:.7em;}
.rules li.mg {margin-bottom:.7em;}
.rules ol > li {padding-left:1.4em; text-indent:-1.4em}
.rules ol > li > ol > li {padding-left:1.2em; text-indent:-1.2em}
.rules ol.num > li {padding-left:1em; text-indent:-1em}
.rules ul.hypen > li {padding-left:.8em; text-indent:-.8em}
.rules ul.hypen.mg {margin-top:.7em;}

.join-info {margin-left:24px;}
.join-info strong {font-weight:500;}
.join-info small {font-size:10px; display:inline-block; vertical-align:top; margin:-.2em 4px 0 0;}
.join-info .in {display:inline-block; margin-left:1.2em;}

.donation-down table {width:100%; border-collapse:collapse; border-spacing:0px; color:#333; font-weight:500; font-size:16px; line-height:1.5em;}
.donation-down table td {height:50px; padding:7px 15px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.donation-down table td:nth-child(1) {padding-left:76px;}
.donation-down table td:nth-child(2) {width:229px}

.sitemap {overflow:hidden;}
.sitemap .row {margin:0 -20px}
.sitemap .row:after {content:""; display:block; clear:both;}
.sitemap dl {float:left; width:25%; padding:0 20px; box-sizing:border-box;}
.sitemap dl dt {margin-bottom:5px; text-align:center; color:#333; font-size:16px; font-weight:500; line-height:40px; letter-spacing:0; background:#fff; border:2px solid #a51c30;}
.sitemap dl dd {border-bottom:1px solid #ddd;}
.sitemap dl dd > a {display:block; line-height:22px; color:#555; font-size:15px; background:url("../images/sub/dot.gif") 5px 16px no-repeat; padding:8px 0 8px 20px; text-decoration:none;}
.sitemap dl dd a:hover,.sitemap dl dd a:focus {text-decoration:underline;}
.sitemap ul {border-top:1px dotted #eee; padding:8px 0 8px 25px; background:#fafafa;}
.sitemap ul li a {background:none; display:block; font-size:14px; line-height:24px; color:#777;}
.sitemap ul li a:before {content:"- ";}

.table01{width: 100%;
    border-collapse: collapse;
    border-spacing: 0px;
    border-top: 2px solid #868686; text-align:center;}

.download{width:200px; height:50px; border-radius:20px; background-color:#595959; color:#ffffff; padding:13px 0 0 70px; margin-top:50px;}

.history2 .tabs {display:flex;}
.history2 .tabs li {position:relative; margin-left:-1px; flex:1; border:1px solid #ddd;}
.history2 .tabs li:first-child {margin-left:0;}
.history2 .tabs li.active {border-bottom:0; z-index:1; border-color:#a51c30;}
.history2 .tabs li.active a {color:#a51c30;}
.history2 .tabs li a {display:flex; align-items:center; justify-content:center; min-height:50px; font-size:18px; font-weight:500; line-height:1.2em; letter-spacing:-0.03em; color:#242424;}
.history2 .down-btn {text-align:right; margin:50px 0 40px;}
.history2 .down-btn a {display:inline-block; padding:15px 32px; border-radius:100vh; background:#a51c30; color:#fff; font-size:18px; font-weight:700; line-height:1em; letter-spacing:-0.03em;}

.history2 .wrap {display:flex;}
.history2 .wrap .tit {display:flex; margin-right:80px; width:180px; height:180px; align-items:center; justify-content:center; text-align:center; border-radius:100%; border:10px solid #a51c30; font-size:30px; font-weight:700; line-height:1.3em; letter-spacing:-0.03em; color:#a51c30;}
.history2 .wrap .cnt {flex:1 1 auto; min-width:0; width:1%;}
.history2 .wrap .col {display:flex; border-top:1px solid #ddd; padding:5px 10px;}
.history2 .wrap .col:last-child {border-bottom:1px solid #ddd;}
.history2 .wrap .year {width:170px; padding-right:10px; font-size:18px; font-weight:700; line-height:1.2em; letter-spacing:-0.03em; color:#a51c30; word-break:break-all;}
.history2 .wrap .col > ul {flex:1 1 auto; min-width:0; width:1%;}
.history2 .wrap .col > ul > li {position:relative; padding-left:20px; font-size:16px; line-height:1.7em; font-weight:400; letter-spacing:-0.03em; color:#686868;}
.history2 .wrap .col > ul > li:before {content:''; position:absolute; width:5px; height:5px; background:#ddd; left:0; top:10px; border-radius:100vh;}

/* 20251024 유지보수 SNS 추가 */
.sns-fx { display: flex; gap: 15px 30px; align-items: center; flex-wrap: wrap; margin-top: 50px; }
.sns-fx a { display:inline-flex; align-items: center; gap: 10px; }
.sns-fx a span { font-size: 15px; font-weight: 700; letter-spacing: -.03em; line-height: 1.2em; color: #686868; }