@charset "utf-8";

/*공통*/
.txt-pur {color:#6a599d !important;}
.txt-green {color:#878787 !important;}

.doc-cnt {margin-bottom:80px;}
.doc-cnt:last-child {margin-bottom:0;}
.doc-tit {position:relative; padding-left:23px; font-size:30px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; color:#2c2c2c; margin-bottom:45px;}
.doc-tit.ver2 {margin-bottom:0;}
.doc-tit:before {content:""; position:absolute; background-image: linear-gradient(to bottom, #6a599d 50%, #13b5bf 50%); width:5px; height:24px; left:0; top:6px;}

.table-wrap table {width:100%; border-collapse:collapse; border-spacing:0px;}
.table01 table {border-top:1px solid #a8a8a8; text-align:center;}
.table01 th {font-size:17px; font-weight:500; line-height:1.2em; letter-spacing:-0.04em; color:#2c2c2c; padding:15px 10px; background:#f4f4f4; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.table01 th:last-child {border-right:0;}
.table01 td {font-weight:400; line-height:1.4em; letter-spacing:-0.04em; color:#505050; padding:14px 10px; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.table01 td:last-child {border-right:0;}

.list01 > li {font-size:clamp(0.875rem, 0.7813rem + 0.2344vw, 1.0625rem);; font-weight:400; letter-spacing:-0.04em; color:#505050; position:relative; padding-left:0.71em;}
.list01 > li:before {content:""; position:absolute; width:0.29em; height:0.29em; left:0; top:0.65em; background:#6a599d}


/* 소개 */
.about {text-align:center;}
.about .tit {position:relative; padding-bottom:0.79em; margin-bottom:1.61em; font-size:clamp(1.125rem, 0.8125rem + 0.7813vw, 1.75rem); font-weight:700; line-height:1; letter-spacing:-0.04em; color:#6a599d;}
.about .tit:before {content:''; position:absolute; width:clamp(1.875rem, -0.3125rem + 5.4688vw, 6.25rem); height:1px; left:50%; bottom:0; transform:translateX(-50%); background:#6a599d;}
.about .txt {line-height:2.11; font-size:clamp(0.875rem, 0.75rem + 0.3125vw, 1.125rem); font-weight:500; letter-spacing:-0.04em; color:#505050;}

/* 이사장 인사말 */
.greeting {display:flex;}
.greeting .txt-wrap {flex: 1 1 auto; min-width: 0; width: 1%; padding-left:60px;}
.greeting .tit {font-size:28px; font-weight:500; line-height:1.5em; letter-spacing:-0.04em; color:#2c2c2c; margin-bottom:24px;}
.greeting .txt {font-size:17px; font-weight:400; line-height:1.5em; letter-spacing:-0.04em; color:#505050; margin-bottom:27px;}
.greeting .sign {display:flex; align-items:baseline;}
.greeting .sign p {font-size:18px; font-weight:500; line-height:1.2em; letter-spacing:-0.04em; color:#2c2c2c; margin-right:20px;}

/* 조직도 */
.org-list ul {display:flex; flex-wrap:wrap; margin:-10px;}
.org-list ul li {width:25%; padding:10px;}
.org-list ul li .inner {padding:28px 10px 10px 40px; border:1px solid #ddd; min-height:140px;}
.org-list ul li .name {font-size:22px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; color:#2c2c2c; margin-bottom:10px;}
.org-list ul li .name span {font-size:16px; font-weight:500; color:#505050; margin-left:6px;}
.org-list ul li .info {font-weight:500; line-height:1.5em; letter-spacing:-0.04em; color:#878787;}

/* 프로그램 */
.activity .sub-txt {font-size:17px; font-weight:400; line-height:1.8em; letter-spacing:-0.04em; color:#505050; margin-top:20px;}
.activity .sub-txt.ver2 {font-size:16px; margin-bottom:48px;}

.activity .tit-info {position:absolute; font-size:15px; font-weight:400; line-height:1.2em; letter-spacing:-0.04em; color:#2c2c2c; padding:7px 24px; background:#d8d0ea; border-radius:100vh; right:0;}

.activity .imgBox ul {display:flex; flex-wrap:wrap; margin:0 -11px -30px -11px;}
.activity .imgBox ul li {width:33.333%; padding:0 11px; margin-bottom:30px;}
.activity .imgBox ul li .img {margin-bottom:30px;}
.activity .imgBox ul li .tit {font-size:20px; font-weight:700; line-height:1.5em; letter-spacing:-0.04em; margin-bottom:8px;}
.activity .imgBox ul li .txt {font-size:17px; font-weight:400; line-height:1.5em; letter-spacing:-0.04em; color:#505050;}

.activity .top-info {display:flex; align-items:center; border:14px solid #d8d0ea; padding:73px 0; margin-bottom:53px;}
.activity .top-info .name {font-size:28px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; margin-bottom:13px;}
.activity .top-info .tit-wrap p {font-size:18px; font-weight:500; line-height:1.2em; letter-spacing:-0.04em; color:#505050;}

.activity .top-info.ver1 > div {width:50%;}
.activity .top-info.ver1 .tit-wrap {padding-left:270px; padding-right:60px;}
.activity .top-info .img {padding:0 60px; border-left:1px solid #ddd;}

.activity .top-info.ver2 .tit-wrap {width:405px; padding-left:70px;}
.activity .top-info.ver2 .img {border-right:1px solid #ddd;}
.activity .top-info.ver2 .txt-wrap {padding-left:50px; flex: 1 1 auto; min-width: 0; width: 1%;}
.activity .top-info.ver2 .txt-wrap p {font-size:16px; font-weight:400; line-height:1.8em; letter-spacing:-0.04em; color:#505050;}

.activity-program ul {display:flex; flex-wrap:wrap; margin:-10px;}
.activity-program ul li {width:33.333%; padding:10px;}
.activity-program ul li .inner {border:1px solid #ddd; border-top-color:#6a599d; padding:28px 10px 28px 40px; height:100%;}
.activity-program ul li .tit strong {font-size:22px; margin-right:10px;}
.activity-program ul li .tit {font-weight:500; line-height:1.2em; letter-spacing:-0.04em; color:#878787; margin-bottom:14px;}
.activity-program ul li .info {font-weight:500; line-height:1.2em; letter-spacing:-0.04em; color:#505050;}

.act2 .group:first-child {padding-top:0;}
.act2 .group:last-child {padding-bottom:0; border-bottom:0;}
.act2 .group {padding:40px 0; border-bottom:1px solid #ddd;}

.act7 .imgWrap {display:flex;}

.program-info {border-top:1px solid #a8a8a8;}
.program-info .col {display:flex; padding:25px 0; border-bottom:1px solid #ddd;}
.program-info .col-tit {min-width:270px; font-size:20px; font-weight:700; line-height:1.7em; letter-spacing:-0.04em;}
.program-info .cnt {flex: 1 1 auto; min-width: 0; width: 1%;} 
.program-info .cnt ul li {font-size:17px; font-weight:400; letter-spacing:-0.04em; color:#505050; position:relative; padding-left:12px;}
.program-info .cnt ul li:before {content:""; position:absolute; width:5px; height:5px; left:0; top:11px; background:#6a599d}
.program-info .cnt ul li .bar {padding:0 63px;}
.program-info .cnt ul li strong {margin-right:12px;}

/* 협찬사 */
.sponsored ul {display:flex; flex-wrap:wrap; margin:-10px;}
.sponsored ul li {width:25%; padding:10px;}
.sponsored ul li img {width:100%;}

/* 후원 */
.support .btn {margin-bottom:clamp(1.25rem, 0.3125rem + 2.3438vw, 3.125rem);;text-align:center;}
.support .btn a {display:inline-block; position:relative; padding:1.3em 4em 1.3em 2em; font-size:clamp(0.875rem, 0.6875rem + 0.4688vw, 1.25rem); line-height:1; letter-spacing:-0.04em; color:#fff; background:#6a599d;}
.support .btn a:before {content:''; position:absolute; width:16px; height:14px; background:url('../images/sub/icon-arrow.png') no-repeat 50% 50%/contain; right:1em; top:50%; margin-top:-7px;}
.support .table-tit {margin-top:2.09em; padding:0.68em; --font22-16:clamp(1rem, 0.8125rem + 0.4688vw, 1.375rem); font-size:var(--font22-16); font-weight:700; line-height:1.2; letter-spacing:-0.04em; color:#fff; background:#6a599d; text-align:center;}
.support .table-tit:first-child {margin-top:0;}
.support .table-wrap ul {display:flex; flex-wrap:wrap;}
.support .table-wrap ul li {position:relative; padding:1em 1em 1em 2.81em; width:50%; border-bottom:1px solid #ddd; border-right:1px solid #ddd; --font16-14:clamp(0.875rem, 0.8125rem + 0.1563vw, 1rem); font-size:var(--font16-14); font-weight:500; line-height:1.2; letter-spacing:-0.04em; color:#505050;}
.support .table-wrap ul li:before {content:''; position:absolute; width:0.31em; height:0.31em; background:#6a599d; left:1.5em; top:1.4em;}
.support .table-wrap ul li:nth-child(even) {border-right:0;}
.support .table-wrap th {background:#fafafa; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-weight:500; letter-spacing:-0.04em;}
.support .table-wrap td {padding:1.13em; padding-left:1.88em; border-right:1px solid #ddd; border-bottom:1px solid #ddd; --font16-14:clamp(0.875rem, 0.8125rem + 0.1563vw, 1rem); font-size:var(--font16-14); font-weight:500; line-height:1.2; letter-spacing:-0.04em; color:#505050;}
.support .table-wrap td:last-child {border-right:0;}

.support-list {display:flex; flex-wrap:wrap;}
.support-list li {width:11.11%; padding:1.13em; padding-left:2em; border:1px solid #ddd; margin-left:-1px; margin-top:-1px; --font16-14:clamp(0.875rem, 0.8125rem + 0.1563vw, 1rem); font-size:var(--font16-14); font-weight:500; line-height:1.2; letter-spacing:-0.04em; color:#505050;}

.support-list li .num {color:#6a599d;}

/* 대관 */
.coronation .program-info .col {align-items:center;}
.coronation .line-box {--padding30:clamp(0.625rem, 0.4375rem + 0.4688vw, 1rem); position:relative; display:flex; justify-content:space-between; align-items:center; margin-bottom:clamp(1.25rem, 0.3125rem + 2.3438vw, 3.125rem); padding:var(--padding30); border:clamp(0.3125rem, 0.0313rem + 0.7031vw, 0.875rem) solid #d8d0ea;}
.coronation .line-box:before {content:''; position:absolute; width:1px; height:64%; left:50%; top:50%; transform:translate(-50%,-50%); background:#ddd;}
.coronation .line-box .img {width:calc(50% - 10px);}