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

.doc-tit {position:relative; padding-left:30px; font-family: 'NanumSquare'; 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 #540a77; 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 #540a77; border-bottom:1px solid #fff; background:#fff; font-weight:500; color:#540a77; 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:60px;}
.introduce .flex-box .txt {flex:1 auto; width:1%; padding-top:60px;}
.introduce .flex-box .txt h3 {font-size:36px; line-height:1em; color:#540a77; margin-bottom:28px;}
.introduce .flex-box .txt p {font-size:17px; line-height:30px; 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:#540a77;}
.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:#540a77 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:40px; line-height:1.3em; color:#fff; margin-bottom:20px;}
.greeting .title .txt p {font-size:22px; line-height:1.3em; color:#fff;}
.greeting .cnt p {font-size:17px; line-height:30px; color:#505050; margin-bottom:30px;}
.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 {display:inline-block; line-height:0;}

.articles-association .title {margin-bottom:52px; font-size:26px; line-height:1em; font-weight:700; color:#540a77;}
.articles-association .tit {margin-bottom:25px; font-size:20px; line-height:1em; font-weight:700; color:#540a77;}
.articles-association .sec {margin-bottom:45px;}
.articles-association .sec:last-child {margin-bottom:0;}
.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 #a8a8a8;}
.articles-association .table table thead th {height:55px; border:1px solid #dfdfdf; border-top:0; background:#fafafa; font-size:17px; font-weight:500; color:#2c2c2c;}
.articles-association .table table thead th:first-child {border-left:0;}
.articles-association .table table thead th:last-child {border-right:0;}
.articles-association .table table tbody td {padding:13px 0; border:1px solid #dfdfdf; text-align:center; font-size:16px; line-height:30px; color:#505050;}
.articles-association .table table tbody td:first-child {border-left:0;}
.articles-association .table table tbody td:last-child {border-right:0;}

.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:#540a77; 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:#540a77;}
.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 {position:relative; display:flex; align-items:center; justify-content:center; width:100%; height:300px; margin-bottom:70px; background:url('../images/sub/journal_tt_bg.jpg') 0 0 no-repeat; background-size:cover;}
.journal-cover .title:after {content:""; position:absolute; top:50%; left:50%; width:1px; height:70px; margin-top:-35px; background:#c8c8c8;}
.journal-cover .title > div {padding:0 40px;}
.journal-cover .title .txt {text-align:right; font-size:28px; line-height:42px; color:#2c2c2c;}
.journal-cover .title .txt strong {font-weight:500; color:#540a77;}
.journal-cover .tit {font-size:26px; line-height:1.3em; font-weight:700; color:#540a77; 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:#540a77;}
.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:#540a77;}
.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:#540a77; 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:#540a77; 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:#540a77; 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: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:33.333333%; 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:#540a77; 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:#540a77;}
.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:#540a77;}
.join-info .list ul li.bg4 .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;}