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

.doc-tit {position:relative; padding-left:30px; font-family:'NanumSquare',sans-serif; font-size:20px; line-height:1.3em; font-weight:700; color:#242424; letter-spacing:-0.01em; margin-bottom:15px;}
.doc-tit:after {content:""; position:absolute; top:2px; left:0; width:20px; height:20px; background:url('../images/sub/dot1.png') 0 0 no-repeat; background-size:100% 100%;}

.doc-cnt {margin-bottom:50px;}
.doc-cnt:last-child {margin-bottom:0;}
.doc-cnt .indent {padding-left:30px;}

.sub-tab {margin-bottom:85px; text-align:center;}
.sub-tab ul {display:table; table-layout:fixed; width:100%;}
.sub-tab ul li {display:table-cell; vertical-align:middle; width:auto !important; max-width:50%;}
.sub-tab ul li a {display:block; width:100%; height:64px; background:#fafafa; border:1px solid #dfdfdf; border-right:0; border-bottom:1px solid #0a004a; font-size:20px; line-height:62px; color:#505050;}
.sub-tab ul li:last-child a {border-right:1px solid #dfdfdf;}
.sub-tab ul li.active a {border:3px solid #0a004a; border-bottom:1px solid #fff; background:#fff; font-weight:500; color:#0a004a; line-height:60px;}
.sub-tab ul li.active + li a {border-left:0;}

.introduce {position:relative;}
.introduce .flex-box {position:relative; display:flex;}
.introduce .flex-box .img {flex:1 1 580px; max-width:580px; line-height:0; margin-right:50px;}
.introduce .flex-box .txt {flex:1 auto; width:1%;}
.introduce .flex-box .wrap {display:grid; gap:15px;}
.introduce .flex-box .wrap dl > * {padding-left:20px;}
.introduce .flex-box .wrap dt {position:relative;}
.introduce .flex-box .wrap dt:before {position:absolute;content:'•'; left:5px; top:-2px;}
.introduce .flex-box .wrap dd {font-size:15px; color:#454545;}
.introduce .flex-box .txt h3 {font-size:20px; padding-left:20px; margin-bottom:15px; line-height:1em; color:#0a004a; position:relative;}
.introduce .flex-box .txt h3:before {width:14px; height:14px; top:3px; border:4px solid #0a004a; content:""; position:absolute; left:0; background:#fff; border-radius:50%;}
.introduce .flex-box .txt p {line-height:1.7em; color:#2c2c2c; margin-bottom:30px;}
.introduce .flex-box .txt p:last-child {margin-bottom:0;}
.introduce .flex-box .txt p strong {font-size:22px; font-weight:500; color:#0a004a;}
.introduce .tt {position:absolute; bottom:28px; right:0; font-size:64px; line-height:74px; font-weight:800; color:#e8e8e8; text-align:right;}

.greeting .title {margin-bottom:32px; display:flex;}
.greeting .title .pic {flex:1 1 260px; max-width:260px; line-height:0;}
.greeting .title .txt {flex:1 auto; width:1%; background:#0a004a url('../images/sub/greeting_tt_bg.jpg') 0 0 no-repeat;}
.greeting .title .txt .row {display:table; table-layout:fixed; width:100%; height:100%;}
.greeting .title .txt .cell {display:table-cell; vertical-align:middle; padding-left:60px;}
.greeting .title .txt h3 {font-size:35px; line-height:1.3em; color:#fff; margin-top:20px;}
.greeting .title .txt p {font-size:20px; line-height:1.7em; color:#fff;}
.greeting .cnt p {font-size:17px; line-height:30px; color:#505050; margin-bottom:30px;}
.greeting .cnt p strong {color:#2c2c2c; font-weight:500;}
.greeting .cnt p:last-child {margin-bottom:0;}
.greeting .cnt .ceo {margin-top:40px;}
.greeting .cnt .ceo strong {display:inline-block; font-size:17px; line-height:1.4em; font-weight:500; color:#2c2c2c; margin-right:20px;}
.greeting .cnt .ceo img {vertical-align:middle; margin:-10px 0 0 10px;}

.articles-association .title {margin-bottom:52px; font-size:26px; line-height:1em; font-weight:700; color:#0a004a;}
.articles-association .tit {margin-bottom:25px; font-size:20px; line-height:1em; font-weight:700; color:#0a004a;}
.articles-association .sec {margin-bottom:45px;}
.articles-association .sec:last-child {margin-bottom:0;}
.articles-association .sec-date {color:#242424; margin-top:-30px; text-align:right; font-size:15px;}
.articles-association .sec-tit {font-size:30px; font-weight:700; color:#2c2c2c; letter-spacing:-.03em; line-height:1.4em; text-align:center;}
.articles-association h3 {font-size:18px; line-height:1em; font-weight:500; color:#2c2c2c; margin-bottom:20px;}
.articles-association p {font-size:17px; line-height:26px; color:#505050; margin-bottom:12px;}
.articles-association ol li {font-size:17px; line-height:26px; color:#505050; padding-left:17px; text-indent:-17px; margin-bottom:9px;}
.articles-association ol li ol {padding:10px 0 10px 26px;}
.articles-association ol li ol li {font-size:16px; line-height:28px; color:#505050; padding-left:0; text-indent:-17px; margin-bottom:0;}
.articles-association ol li ol.v2 li {font-size:15px; line-height:28px; color:#505050; padding-left:0; text-indent:-17px; margin-bottom:0;}
.articles-association ol li p {font-size:16px; line-height:28px; color:#505050; text-indent:0; margin-bottom:0; padding-top:10px;}
.articles-association .table {margin:15px 0;}
.articles-association .table table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #2c2c2c;}
.articles-association .table table th {height:55px; border:1px solid #dfdfdf; border-top:0; background:#fafafa; font-size:17px; font-weight:500; color:#2c2c2c;}
.articles-association .table table th:first-child {border-left:0;}
.articles-association .table table th:last-child {border-right:0;}
.articles-association .table table td {padding:13px 0; border:1px solid #dfdfdf; border-top:0; text-align:center; font-size:16px; line-height:30px; color:#505050;}
.articles-association .table table td:first-child {border-left:0;}
.articles-association .table table td:last-child {border-right:0;}

.org-chart {text-align: center;}
.level {margin-bottom:40px;}
.level-3 {display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:30px; gap:8px;}
.position-box {background-color:#970025; box-shadow:0 6px 20px rgba(151, 0, 37, 0.25);}
.advisor-box {background-color:#0a004a; box-shadow:0 6px 20px rgba(10, 0, 74, 0.25); }
.auditor-box {background-color:#6b4c93; box-shadow:0 6px 20px rgba(107, 76, 147, 0.25);}
.office-section {margin-bottom:40px; background-color:#f0e6ff; margin-top:30px; border:2px solid #d4a5c7; color:#0a004a !important;}

.office-section,
.position-box, .advisor-box, .auditor-box {padding:15px 25px; border-radius:12px; color:#fff; font-weight:700;}


/* .position-box:hover {box-shadow:0 8px 30px rgba(151, 0, 37, 0.35); border-color:#d74065; transform:translateY(-2px);}
.advisor-box:hover {box-shadow:0 8px 30px rgba(10, 0, 74, 0.35); border-color:#4a3a8a; transform:translateY(-2px);}
.auditor-box:hover {transform:translateY(-2px); box-shadow:0 8px 30px rgba(107, 76, 147, 0.35); border-color:#ab8cd3;} 
.research-box:hover {background-color:#f8f4ff; border-color:#970025; transform:translateY(-2px); box-shadow:0 6px 18px rgba(10, 0, 74, 0.1);}
.director-box:hover {background-color:#f0e6ff; transform:translateY(-1px); box-shadow:0 4px 15px rgba(10, 0, 74, 0.15); border-color:#d4a5c7;}
.committee-box:hover {border-color:#970025; transform:translateY(-3px); box-shadow:0 8px 25px rgba(10, 0, 74, 0.12);}
*/

.width-auto .director-box {min-width:14.28%;}
.director-box.wide {min-width:100%;}

.director-box {background-color:#f8f4ff; color:#0a004a; padding:12px 18px; border-radius:10px; text-align:center; font-size:14px; margin:3px; flex:1; min-width:200px; border:2px solid #e8dcf5; font-weight:600; transition:all 0.3s ease;}

.committee-section {margin-top:70px; border-top:3px solid #e8dcf5; padding-top:60px;}
.committee-title {font-size:24px; font-weight:700; color:#0a004a; margin-bottom:50px; text-align:center; position:relative;}
.committee-title::after {content:''; position:absolute; bottom:-20px; left:50%; transform:translateX(-50%); width:40px; height:3px; background-color:#970025; border-radius:2px;}
.committee-grid {display:grid; grid-template-columns:repeat(auto-fit, minmax(49%, 1fr)); gap:24px;}
.committee-box {background-color:#fff; border:2px solid #e8dcf5; border-radius:12px; padding:20px; text-align:center; transition:all 0.3s ease; box-shadow:0 4px 12px rgba(10, 0, 74, 0.06);}

.committee-box h4 {background-color:#0a004a; color:#fff; padding:12px; margin:-20px -20px 15px -20px; border-radius:10px 10px 0 0; font-size:16px; font-weight:700;}
.committee-box div {color:#0a004a; font-weight:500; line-height:1.4;}
.research-section {background-color:#f8f4ff; border-radius:15px; padding:30px; margin-top:40px; border:2px solid #e8dcf5;}
.research-title {font-size:22px; font-weight:700; color:#0a004a; margin-bottom:25px; text-align:center; position:relative;}
.research-title::after {content:''; position:absolute; bottom:-8px; left:50%; transform:translateX(-50%); width:50px; height:2px; background-color:#970025; border-radius:1px;}
.research-grid {display:grid; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); gap:20px;}
.research-box {background-color:#fff; color:#0a004a; padding:15px; border-radius:10px; text-align:center; font-size:14px; font-weight:600; border:2px solid #e8dcf5; transition:all 0.3s ease;}


.connection-line {height:3px; background-color:#e8dcf5; margin:20px 0;}

@media (max-width:768px) {
	.level-2 {flex-direction:column; align-items:center; gap:20px;}
	.committee-grid {grid-template-columns:1fr;}
	.research-grid {grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));}
}

.root_daum_roughmap {width:100% !important;}
.root_daum_roughmap .cont {display:none !important;}

.directions {margin-top:40px;}
.directions .address-info {margin-bottom:30px;}
.directions .address-info .comp {color:#0a004a; font-weight:600; margin-bottom:2px;}
.directions .address-info .addr {color:#242424; font-size:23px; font-weight:600; line-height:1.33em; letter-spacing:-.03em; margin-bottom:5px;}
.directions .address-info .etc {color:#454545;}
.directions .address-info .etc span {display:inline-block; margin-right:16px;}
.directions .address-info .etc span:last-child {margin-right:0;}
.directions .contact-info {border-top:1px solid #ddd; line-height:1.5em;}
.directions .contact-info dl {display:flex; padding:28px 0; border-bottom:1px solid #ddd;}
.directions .contact-info dt {width:180px; padding-left:30px; color:#242424; font-size:1.125em; font-weight:500;}
.directions .contact-info dt svg {vertical-align:middle; margin:-.2em 15px 0 0;}
.directions .contact-info dt path {fill:#0a004a;}
.directions .contact-info dd {flex:1 1 auto; min-width:0; width:1%; color:#454545;}

@media (max-width:1024px) {
	.root_daum_roughmap .wrap_map {height:300px !important;}
	.directions .address-info .addr {font-size:20px;}
	.directions .contact-info dl {padding:20px 0;}
	.directions .contact-info dt {padding-left:20px; width:140px;}
}

@media (max-width:640px) {
	.root_daum_roughmap .wrap_map {height:250px !important;}	
	.directions {margin-top:30px;}
	.directions .address-info .addr {font-size:18px;}
	.directions .address-info {margin-bottom:20px;}
	.directions .contact-info dl {padding:16px 0;}
	.directions .contact-info dt {padding-left:5px; width:110px;}
	.directions .contact-info dt svg {margin-right:10px;}
}

.executive .list {margin-bottom:35px;}
.executive .list .items {padding:0 104px;}
.executive .list .item a {position:relative; display:block; text-align:center;}
.executive .list .item .thumb {line-height:0; margin-bottom:15px;}
.executive .list .item .tit {font-size:22px; line-height:1em; letter-spacing:0.4em; padding-left:0.4em; font-weight:500; color:#2c2c2c; margin-bottom:12px;}
.executive .list .item p {font-size:14px; line-height:1em; color:#878787;}
.executive .list .slick-list {margin:0 -10px;}
.executive .list .slick-slide {padding:0 10px;}
.executive .list .slick-track {z-index:1;}
.executive .list .slick-arrow {position:absolute; top:50%; margin-top:-32px; width:64px; height:64px; z-index:1; border:0; font-size:0; line-height:0; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; background-size:100% 100%;}
.executive .list .slick-prev {left:0; background-image:url("../images/sub/bt_prev.png");}
.executive .list .slick-next {right:0; background-image:url("../images/sub/bt_next.png");}
.executive .list .slick-prev:hover {background-image:url("../images/sub/bt_prev_on.png");}
.executive .list .slick-next:hover {background-image:url("../images/sub/bt_next_on.png");}
.executive .detail {padding-top:40px; border-top:1px solid #dfdfdf;}
.executive .detail ul {display:flex; flex-wrap:wrap; margin:0 -10px;}
.executive .detail ul li {width:25%; padding:0 10px; text-align:center; margin-bottom:20px;}
.executive .detail ul li:nth-child(n+5) {width:50%;}
.executive .detail ul li a {display:block;}
.executive .detail ul li .tit {width:100%; height:55px; font-size:17px; line-height:55px; font-weight:500; color:#fff; letter-spacing:-0.06em; background:url('../images/sub/executive_tt_bg.jpg') 0 0 no-repeat; background-size:cover;}
.executive .detail ul li .txt {display:flex; align-items:center; justify-content:center; border:1px solid #dfdfdf; border-top:0; width:100%; height:54px; font-size:20px; line-height:1.3em; font-weight:500; letter-spacing:0.4em; padding-left:0.4em; color:#2c2c2c;}
.executive .detail ul li:nth-child(n+5) .tit {background:#666;}

.executive-details {position:relative; max-width:800px; width:100%; background:#fff;}
.executive-details .title {height:60px; background:#0a004a; padding:0 60px 0 30px;}
.executive-details .title h3 {font-size:20px; line-height:60px; font-weight:400; color:#fff; letter-spacing:-0.03em;}
.executive-details .body {padding:30px;}
.executive-details .info {display:flex; margin-bottom:50px;}
.executive-details .info .thumb {flex:1 1 200px; max-width:200px; margin-right:30px;}
.executive-details .info .txt {flex:1 auto; width:1%;}
.executive-details .info .txt .name {margin-bottom:20px;}
.executive-details .info .txt .name span {display:block; font-size:14px; line-height:1.3em; font-weight:500; color:#878787; margin-bottom:12px;}
.executive-details .info .txt .name strong {display:block; font-size:28px; line-height:1.3em; letter-spacing:0.4em; color:#2c2c2c;}
.executive-details .group {margin-bottom:30px; border:1px solid #dfdfdf;}
.executive-details .group:last-child {margin-bottom:0;}
.executive-details .group .tit {height:58px; border-bottom:1px solid #dfdfdf; background:#fafafa; padding:0 30px; font-size:20px; line-height:57px; font-weight:500; color:#0a004a;}
.executive-details .group .cnt {padding:35px 30px; font-size:15px; line-height:27px; color:#505050;}
.executive-details .group .cnt ul li {line-height:22px; margin-bottom:5px;}
.executive-details .group .cnt ul li:last-child {margin-bottom:0;}
.executive-details .btn-pop-close {position:absolute; top:20px; right:30px; width:20px; height:20px; font-size:0; line-height:0; z-index:10; text-indent:-9999px; background:url('../images/sub/icon_close.png') 0 0 no-repeat; background-size:100% 100%;}

.journal-cover .title {display:flex; align-items:center; justify-content:center; width:100%; height:250px; margin-bottom:70px; background:url('../images/sub/journal_tt_bg.jpg') 50% 50% / cover no-repeat;}
.journal-text {display:grid; gap:15px; font-size:17px; letter-spacing:-.03em; line-height:1.5em;}

.journal-cover .tit {font-size:26px; line-height:1.3em; font-weight:700; color:#0a004a; margin-bottom:25px;}
.journal-cover .list > ul {display:flex; border:1px solid #dfdfdf;}
.journal-cover .list > ul > li {position:relative; width:33.333333%; padding:40px;}
.journal-cover .list > ul > li:after {content:""; position:absolute; top:0; left:0; width:1px; height:100%; background:#dfdfdf;}
.journal-cover .list > ul > li:first-child:after {display:none;}
.journal-cover .list > ul > li .tt {position:relative; padding-top:30px; margin-bottom:15px; font-size:22px; font-weight:500; color:#2c2c2c; line-height:1.3em;}
.journal-cover .list > ul > li .tt:after {content:""; position:absolute; top:0; left:0; width:27px; height:4px; background:#0a004a;}
.journal-cover .list > ul > li .tt span {display:inline-block; margin-left:15px; font-weight:400; font-size:14px; color:#878787;}
.journal-cover .list > ul > li p {font-size:15px; line-height:26px; color:#878787; font-weight:300;}
.journal-cover .list > ul > li ul li {position:relative; padding-left:15px; font-size:15px; line-height:26px; color:#878787; font-weight:300; margin-bottom:12px;}
.journal-cover .list > ul > li ul li:after {content:""; position:absolute; top:11px; left:0; width:5px; height:5px; border-radius:50%; background:#0a004a;}
.journal-cover .list > ul > li ul li strong {font-size:17px; font-weight:400; color:#2c2c2c;}

.committee-wrap .group {margin-bottom:70px;}
.committee-wrap .group:last-child {margin-bottom:0;}
.committee-wrap .tit {font-size:26px; line-height:1.3em; font-weight:700; color:#0a004a; margin-bottom:25px;}
.committee-wrap .table table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #a8a8a8;}
.committee-wrap .table table thead th {height:55px; border:1px solid #dfdfdf; border-top:0; background:#fafafa; font-size:18px; font-weight:500; color:#2c2c2c;}
.committee-wrap .table table thead th:first-child {border-left:0;}
.committee-wrap .table table thead th:last-child {border-right:0;}
.committee-wrap .table table tbody th {height:55px; border:1px solid #dfdfdf; font-size:18px; font-weight:400; color:#2c2c2c;}
.committee-wrap .table table tbody th:first-child {border-left:0;}
.committee-wrap .table table tbody th:last-child {border-right:0;}
.committee-wrap .table table tbody td {padding:12px 0; border:1px solid #dfdfdf; text-align:center; font-size:18px; font-weight:400; line-height:1.4em; color:#2c2c2c;}
.committee-wrap .table table tbody td:first-child {border-left:0;}
.committee-wrap .table table tbody td:last-child {border-right:0;}

.submit-info .group {margin-bottom:65px;}
.submit-info .group:last-child {margin-bottom:0;}
.submit-info .pic {line-height:0; margin-bottom:35px;}
.submit-info .tt {font-size:17px; line-height:1.3em; color:#505050;}
.submit-info .tit {font-size:26px; line-height:1.3em; font-weight:700; color:#0a004a; margin-bottom:25px;}
.submit-info .info {border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; background:#f7f7fc; padding:35px 50px;}
.submit-info .info dl {margin-bottom:30px;}
.submit-info .info dl:last-child {margin-bottom:0;}
.submit-info .info dl dt {font-size:20px; line-height:1.3em; font-weight:700; color:#0a004a; margin-bottom:10px;}
.submit-info .info dl dd {position:relative; padding-left:10px; font-size:15px; line-height:28px; color:#2c2c2c;}
.submit-info .info dl dd .space {padding:0 60px;}
.submit-info .info dl dd:after {content:""; position:absolute; top:14px; left:0; width:4px; height:1px; background:#2c2c2c;}
.submit-info .txt {font-size:17px; line-height:1.3em; color:#505050; margin-bottom:25px;}
.submit-info .list ul {display:flex; margin:0 -15px;}
.submit-info .list ul li {width:50%; padding:0 15px;}
.submit-info .list ul li .box {position:relative; width:100%; height:247px; border:1px solid #dfdfdf; padding-top:40px; text-align:center; z-index:1;}
.submit-info .list ul li .box .icon {margin-bottom:25px; line-height:0;}
.submit-info .list ul li .box p {font-size:22px; line-height:1.3em; font-weight:500; color:#2c2c2c;}
.submit-info .list ul li .btn {text-align:center; position:relative; z-index:2; margin-top:-32px;}
.submit-info .list ul li .btn a {display:inline-block; width:162px; height:64px; background:#0a004a; font-size:19px; line-height:64px; color:#fff; font-weight:500;}
.submit-info .list ul li .btn a span {position:relative; padding-right:25px;}
.submit-info .list ul li .btn a span:after {content:""; position:absolute; top:50%; right:0; width:16px; height:16px; margin-top:-8px; background:url('../images/sub/more1.png') 0 0 no-repeat; background-size:100% 100%;}

.join-info .group {margin-bottom:70px;}
.join-info .group:last-child {margin-bottom:0;}
.join-info .title {margin-bottom:25px;}
.join-info .title .tit {font-size:26px; line-height:1.3em; font-weight:700; color:#0a004a;}
.join-info .title p {margin-top:18px; font-size:17px; line-height:1.3em; color:#505050;}
.join-info .list ul {display:flex; border:1px solid #dfdfdf;}
.join-info .list ul li {width:25%; padding:40px 30px; border-left:1px solid #dfdfdf;}
.join-info .list ul li:first-child {border-left:0;}
.join-info .list ul li .tit {position:relative; padding-top:30px; font-size:22px; line-height:1.3em; font-weight:500; color:#2c2c2c; margin-bottom:20px;}
.join-info .list ul li .tit:after {content:""; position:absolute; top:0; left:0; width:27px; height:4px;}
.join-info .list ul li p {font-size:15px; line-height:26px; color:#878787;}
.join-info .list ul li.bg1 .tit:after {background:#8878d4;}
.join-info .list ul li.bg2 .tit:after {background:#7856b8;}
.join-info .list ul li.bg3 .tit:after {background:#0a003a;}
.join-info .list ul li.bg4 .tit:after {background:#a9206d;}
.join-info .list ul li.bg5 .tit:after {background:#a9207d;}
.join-info .table table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #a8a8a8;}
.join-info .table table thead th {height:55px; border:1px solid #dfdfdf; border-top:0; background:#fafafa; font-size:18px; font-weight:500; color:#2c2c2c;}
.join-info .table table thead th:first-child {border-left:0;}
.join-info .table table thead th:last-child {border-right:0;}
.join-info .table table tbody td {height:55px; padding:12px 0; border:1px solid #dfdfdf; text-align:center; font-size:17px; font-weight:400; line-height:1.5em; color:#2c2c2c;}
.join-info .table table tbody td:first-child {border-left:0;}
.join-info .table table tbody td:last-child {border-right:0;}

.tb-wrap {margin-bottom:50px;}
.tb-wrap .tb-tit {font-size:18px; margin-bottom:8px; font-weight:600; color:#2c2c2c; letter-spacing:-.03em; line-height:1.4em;}

.list-indent {padding-left:15px;}