@charset "utf-8";

/* 연구원소개 */
.section-intro .sub-header {background:url(../images/bg-intro-top.jpg) 50% 0 no-repeat; background-size:cover}
.section-intro .sub-header .snb {background-color:#bf0404}
.section-intro .sub-header .snb ul li a {min-width:110px}
.section-intro .sub-header .snb ul li.active a {color:#bf0404}
.section-intro .contents .tit-content h3:after {background-color:#bf0404}
.section-intro .tab-basic a.active {border-color:#bf0404; background-color:#bf0404}
.section-intro .tab-basic a.active + a {border-left-color:#bf0404}
/* 인사말 > 연구원소개 */
.section-intro.greeting .contents-inner {padding:0 94px}
.section-intro.greeting .set-greeting {padding-top:19px}
.section-intro.greeting .set-greeting .point {display:block; line-height:1.6; font-family:"GmarketSans"; font-weight:300; font-size:26px; text-align:center}
.section-intro.greeting .set-greeting .point ~ .point {margin-top:45px}
.section-intro.greeting .set-greeting .point span {display:block; line-height:1.6}
.section-intro.greeting .set-greeting p {line-height:2; margin-top:45px; font-size:18px; color:#666; text-align:justify; word-break:keep-all}
.section-intro.greeting .set-greeting p strong {font-weight:400; color:#f4792a}
.section-intro.greeting .set-greeting .repret {line-height:44px; padding-top:61px; font-size:18px; color:#666; text-align:right}
.section-intro.greeting .set-greeting .repret .sign {display:inline-block; width:90px; height:44px; margin-left:31px; vertical-align:middle; background:url(../images/img-sign.jpg) no-repeat}
/* 걸어온 길 > 연구원소개 */
.section-intro.history .set-history-top {padding-top:19px; text-align:center}
.section-intro.history .set-history-top .logo {display:inline-block; width:287px; height:161px; background:url(../images/logo-large.png) no-repeat}
.section-intro.history .set-history-top .desc {line-height:1.8; padding-top:37px; font-size:18px; color:#666}
.section-intro.history .set-history-top .desc span {display:block; line-height:1.8}
.section-intro.history .set-history-detail {padding-top:110px; text-align:center}
.section-intro.history .set-history-detail > ul {display:inline-block; padding-left:67px}
.section-intro.history .set-history-detail > ul > li {position:relative; padding-bottom:117px; text-align:left}
.section-intro.history .set-history-detail > ul > li:after {content:""; position:absolute; top:5px; left:-74px; width:16px; height:16px; border-radius:100%; background-color:#bf0404}
.section-intro.history .set-history-detail > ul > li:before {content:""; position:absolute; top:36px; left:-67px; width:1px; height:calc(100% - 46px); background-color:#929292}
.section-intro.history .set-history-detail > ul > li:last-child {padding-bottom:0}
.section-intro.history .set-history-detail > ul > li .year {position:absolute; top:-2px; left:0; font-weight:700; font-size:40px}
.section-intro.history .set-history-detail > ul > li > ul {padding-left:173px}
.section-intro.history .set-history-detail > ul > li > ul > li {position:relative}
.section-intro.history .set-history-detail > ul > li > ul > li .month {position:absolute; top:0; left:0; font-weight:700; font-size:18px}
.section-intro.history .set-history-detail > ul > li > ul > li ~ li {margin-top:15px}
.section-intro.history .set-history-detail > ul > li > ul > li > ul {padding-left:35px}
.section-intro.history .set-history-detail > ul > li > ul > li > ul > li {font-size:18px; color:#666}
.section-intro.history .set-history-detail > ul > li > ul > li > ul > li span {display:block; margin-top:15px}
.section-intro.history .set-history-detail > ul > li > ul > li > ul > li ~ li {margin-top:15px}
/* 조직 > 연구원소개 */
.section-intro.employee .set-employee .employee-tit {position:relative; padding-left:48px; font-size:28px}
.section-intro.employee .set-employee .employee-tit:after {content:""; position:absolute; top:50%; left:0; width:32px; height:28px; transform:translateY(-50%); background:url(../images/icon-tree-intro.png) no-repeat}
.section-intro.employee .set-employee .strct-orgniz {padding:60px 0 130px; text-align:center}
.section-intro.employee .set-employee .strct-orgniz ul {display:inline-block}
.section-intro.employee .set-employee .strct-orgniz ul li {display:inline-block; position:relative}
.section-intro.employee .set-employee .strct-orgniz strong,
.section-intro.employee .set-employee .strct-orgniz span {display:inline-block; position:relative; width:162px; height:45px; line-height:45px; border-radius:2em; border:2px solid; box-sizing:border-box}
.section-intro.employee .set-employee .strct-orgniz .top {font-size:22px; color:#fff; border-color:#bf0404; background-color:#bf0404}
.section-intro.employee .set-employee .strct-orgniz .top:after {content:""; position:absolute; top:57px; left:50%; width:1px; height:46px; background-color:#c8c8c8}
.section-intro.employee .set-employee .strct-orgniz .top.left {position:absolute; top:-2px; left:99px}
.section-intro.employee .set-employee .strct-orgniz .top.left:after {top:50%; left:195px; width:136px; height:1px}
.section-intro.employee .set-employee .strct-orgniz .top.right {position:absolute; top:57px; right:99px}
.section-intro.employee .set-employee .strct-orgniz .top.right:after {top:50%; left:auto; right:194px; width:239px; height:1px}
.section-intro.employee .set-employee .strct-orgniz .manage {margin-bottom:65px; font-size:22px; border-color:#bf0404}
.section-intro.employee .set-employee .strct-orgniz .manage:after {content:""; position:absolute; top:57px; left:50%; width:1px; height:46px; background-color:#c8c8c8}
.section-intro.employee .set-employee .strct-orgniz .manage.exp::after{height: 23px;}
.section-intro.employee .set-employee .strct-orgniz span {font-weight:700; font-size:18px; color:#fff; border-color:#949494; background-color:#949494}
.section-intro.employee .set-employee .strct-orgniz span:after {content:""; position:absolute; top:-30px; left:50%; width:1px; height:22px; background-color:#c8c8c8}
.section-intro.employee .set-employee .strct-orgniz > ul > li > ul > li > ul > li > ul:after {content:""; display:block; clear:both}
.section-intro.employee .set-employee .strct-orgniz > ul > li > ul > li > ul > li > ul > li {float:left}
.section-intro.employee .set-employee .strct-orgniz > ul > li > ul > li > ul > li > ul > li ~ li {margin-left:19px}
.section-intro.employee .set-employee .strct-orgniz > ul > li > ul > li > ul > li > ul > li {position:relative}
.section-intro.employee .set-employee .strct-orgniz > ul > li > ul > li > ul > li > ul > li ~ li:after {content:""; position:absolute; top:-29px; right:50%; width:182px; height:1px; margin-right:-1px; background-color:#c8c8c8}
/* .section-intro.employee .set-employee .strct-orgniz > ul > li > ul > li > ul > li > ul > li:nth-child(3) span:after {top:-52px; height:45px} */
.section-intro.employee .set-employee .tbl-basic {margin:0 85px; margin-bottom:100px; padding-top:36px; border-bottom:1px solid #000}
.section-intro.employee .set-employee .tbl-basic tbody th {padding:12px 0; font-size:18px; border-bottom:none}
.section-intro.employee .set-employee .tbl-basic tbody td {padding:12px 0 12px 35px; font-size:18px; border-bottom:none}
.section-intro.employee .set-employee .tbl-basic tbody tr:first-child th,
.section-intro.employee .set-employee .tbl-basic tbody tr:first-child td {padding-top:19px}
.section-intro.employee .set-employee .tbl-basic tbody tr:last-child th,
.section-intro.employee .set-employee .tbl-basic tbody tr:last-child td {padding-bottom:19px}
.section-intro.employee .set-employee .tbl-bgcolor {table-layout:fixed; margin:0 85px; padding-top:36px; border-bottom:1px solid #adadad}
.section-intro.employee .set-employee .tbl-bgcolor thead th {height:44px; font-size:20px; color:#fff; background-color:#bf0404}
.section-intro.employee .set-employee .tbl-bgcolor tbody td {padding:13px 0; font-size:18px; color:#666; text-align:center; background-color:#f7f4f4}
.section-intro.employee .set-employee .tbl-bgcolor tbody tr.odd td {background-color:#f1ecec}
.section-intro.employee .set-employee .tbl-bgcolor tbody tr.top td {border-top:2px solid #fff}

/* 함께하는 분들 > 조직 > 연구원소개*/
.section-intro.employee .set-members {padding-top:56px}
.section-intro.employee .set-members .member-tit {position:relative; margin-bottom:63px; padding-left:48px; font-size:28px}
.section-intro.employee .set-members .member-tit:after {content:""; position:absolute; top:50%; left:0; width:32px; height:28px; transform:translateY(-50%); background:url(../images/icon-tree-intro.png) no-repeat}
.section-intro.employee .set-members .member-tit + div {padding:0 60px}
.section-intro.employee .set-members .list-member-school > ul > li {position:relative; padding-left:162px}
.section-intro.employee .set-members .list-member-school > ul > li > .grade {position:absolute; top:50%; left:0; width:126px; height:126px; text-align:center; border-radius:100%; transform:translateY(-50%); background:url(../images/bg-school-grade.png) no-repeat}
.section-intro.employee .set-members .list-member-school > ul > li > .grade span {display:inline-block; line-height:126px; font-weight:700; font-size:22px}
.section-intro.employee .set-members .list-member-school > ul > li > ul:last-child {border-bottom:1px solid #868686}
.section-intro.employee .set-members .list-member-school > ul > li:first-child > ul {border-top:2px solid #000}
.section-intro.employee .set-members .list-member-school > ul > li > ul > li {display:flex}
.section-intro.employee .set-members .list-member-school > ul > li > ul > li .pos {flex:0 0 205px; padding:10px 28px 10px 0; font-size:18px; text-align:right; box-sizing:border-box}
.section-intro.employee .set-members .list-member-school > ul > li > ul > li:first-child .pos,
.section-intro.employee .set-members .list-member-school > ul > li > ul > li:first-child > ul {padding-top:20px}
.section-intro.employee .set-members .list-member-school > ul > li > ul > li:last-child .pos,
.section-intro.employee .set-members .list-member-school > ul > li > ul > li:last-child > ul {padding-bottom:20px}
.section-intro.employee .set-members .list-member-school > ul > li > .grade + ul > li:first-child .pos,
.section-intro.employee .set-members .list-member-school > ul > li > .grade + ul > li:first-child > ul {padding-top:40px}
.section-intro.employee .set-members .list-member-school > ul > li > ul:last-child > li:last-child .pos,
.section-intro.employee .set-members .list-member-school > ul > li > ul:last-child > li:last-child > ul {padding-bottom:40px}
.section-intro.employee .set-members .list-member-school > ul > li > ul > li > ul {flex:1; padding:10px 0 10px 60px; background:#f7f4f4}
.section-intro.employee .set-members .list-member-school > ul > li > ul > li > ul:after {content:""; display:block; clear:both}
.section-intro.employee .set-members .list-member-school > ul > li > ul > li > ul > li {float:left; font-size:18px; color:#666}
.section-intro.employee .set-members .list-member-school > ul > li > ul > li > ul > li ~ li {margin-left:24px}
.section-intro.employee .set-members .tbl-basic td {padding:25px 0 25px 72px; border-bottom:1px solid #b6b6b6}
.section-intro.employee .set-members .tbl-basic td ul {display:flex; flex-wrap:wrap}
.section-intro.employee .set-members .tbl-basic td ul li {flex-grow:0; width:16.66%; padding:10px 0}
.section-intro.employee .set-cooperation .employee-tit {position:relative; padding-left:48px; font-size:28px}
.section-intro.employee .set-cooperation .employee-tit:after {content:""; position:absolute; top:50%; left:0; width:32px; height:28px; transform:translateY(-50%); background:url(../images/icon-tree-intro.png) no-repeat}
.section-intro.employee .set-cooperation .list-member-corp > ul {border-top:2px solid #000}
.section-intro.employee .set-cooperation .list-member-corp > ul > li {border-bottom:1px solid #b6b6b6}
.section-intro.employee .set-cooperation .list-member-corp > ul > li > ul {display:flex; flex-wrap:wrap; padding:25px 0 25px 40px}
.section-intro.employee .set-cooperation .list-member-corp > ul > li > ul > li {width:33.33%; padding:10px 0; font-size:18px; color:#666}
.section-intro.employee .set-cooperation .list-member-corp > ul > li > ul > li span {display:inline-block; position:relative; padding-left:39px}
.section-intro.employee .set-cooperation .list-member-corp > ul > li > ul > li span:after {content:""; position:absolute; top:-7px; left:0; width:27px; height:27px}
.section-intro.employee .set-cooperation .list-member-corp > ul > li > ul.school > li span:after {background:url(../images/icon-school.png) 50% 50% no-repeat}
.section-intro.employee .set-cooperation .list-member-corp > ul > li > ul.corp > li span:after {background:url(../images/icon-corp.png) 50% 50% no-repeat}
.section-intro.employee .set-cooperation .list-member-corp {padding-top: 60px}
.section-intro.employee .set-cooperation {padding-top: 150px}

/* 함께하는 분들 > 연구원소개 */
.section-intro.members .set-members {padding-top:56px}
.section-intro.members .set-members .member-tit {position:relative; margin-bottom:63px; padding-left:48px; font-size:28px}
.section-intro.members .set-members .member-tit:after {content:""; position:absolute; top:50%; left:0; width:32px; height:28px; transform:translateY(-50%); background:url(../images/icon-tree-intro.png) no-repeat}
.section-intro.members .set-members .member-tit + div {padding:0 60px}
.section-intro.members .set-members .list-member-school > ul > li {position:relative; padding-left:162px}
.section-intro.members .set-members .list-member-school > ul > li > .grade {position:absolute; top:50%; left:0; width:126px; height:126px; text-align:center; border-radius:100%; transform:translateY(-50%); background:url(../images/bg-school-grade.png) no-repeat}
.section-intro.members .set-members .list-member-school > ul > li > .grade span {display:inline-block; line-height:126px; font-weight:700; font-size:22px}
.section-intro.members .set-members .list-member-school > ul > li > ul:last-child {border-bottom:1px solid #868686}
.section-intro.members .set-members .list-member-school > ul > li:first-child > ul {border-top:2px solid #000}
.section-intro.members .set-members .list-member-school > ul > li > ul > li {display:flex}
.section-intro.members .set-members .list-member-school > ul > li > ul > li .pos {flex:0 0 205px; padding:10px 28px 10px 0; font-size:18px; text-align:right; box-sizing:border-box}
.section-intro.members .set-members .list-member-school > ul > li > ul > li:first-child .pos,
.section-intro.members .set-members .list-member-school > ul > li > ul > li:first-child > ul {padding-top:20px}
.section-intro.members .set-members .list-member-school > ul > li > ul > li:last-child .pos,
.section-intro.members .set-members .list-member-school > ul > li > ul > li:last-child > ul {padding-bottom:20px}
.section-intro.members .set-members .list-member-school > ul > li > .grade + ul > li:first-child .pos,
.section-intro.members .set-members .list-member-school > ul > li > .grade + ul > li:first-child > ul {padding-top:40px}
.section-intro.members .set-members .list-member-school > ul > li > ul:last-child > li:last-child .pos,
.section-intro.members .set-members .list-member-school > ul > li > ul:last-child > li:last-child > ul {padding-bottom:40px}
.section-intro.members .set-members .list-member-school > ul > li > ul > li > ul {flex:1; padding:10px 0 10px 60px; background:#f7f4f4}
.section-intro.members .set-members .list-member-school > ul > li > ul > li > ul:after {content:""; display:block; clear:both}
.section-intro.members .set-members .list-member-school > ul > li > ul > li > ul > li {float:left; font-size:18px; color:#666}
.section-intro.members .set-members .list-member-school > ul > li > ul > li > ul > li ~ li {margin-left:24px}
.section-intro.members .set-members .tbl-basic td {padding:25px 0 25px 72px; border-bottom:1px solid #b6b6b6}
.section-intro.members .set-members .tbl-basic td ul {display:flex; flex-wrap:wrap}
.section-intro.members .set-members .tbl-basic td ul li {flex-grow:0; width:16.66%; padding:10px 0}
.section-intro.members .set-members .list-member-corp > ul {border-top:2px solid #000}
.section-intro.members .set-members .list-member-corp > ul > li {border-bottom:1px solid #b6b6b6}
.section-intro.members .set-members .list-member-corp > ul > li > ul {display:flex; flex-wrap:wrap; padding:25px 0 25px 40px}
.section-intro.members .set-members .list-member-corp > ul > li > ul > li {width:33.33%; padding:10px 0; font-size:18px; color:#666}
.section-intro.members .set-members .list-member-corp > ul > li > ul > li span {display:inline-block; position:relative; padding-left:39px}
.section-intro.members .set-members .list-member-corp > ul > li > ul > li span:after {content:""; position:absolute; top:-7px; left:0; width:27px; height:27px}
.section-intro.members .set-members .list-member-corp > ul > li > ul.school > li span:after {background:url(../images/icon-school.png) 50% 50% no-repeat}
.section-intro.members .set-members .list-member-corp > ul > li > ul.corp > li span:after {background:url(../images/icon-corp.png) 50% 50% no-repeat}

/* 콘텐츠 */
.section-contents .sub-header {background:url(../images/bg-contents-top.jpg) 50% 0 no-repeat; background-size:cover}
.section-contents .sub-header .snb {background-color:#f9c117}
.section-contents .sub-header .snb ul li.active a {color:#f9c117}
.section-contents .contents .tit-content h3:after {background-color:#f9c117}
.section-contents .contents .tit-content .desc strong {color:#f9c117}
.section-contents .set-list-circle {padding-top:16px}
.section-contents .set-list-circle ~ .set-list-circle {margin-top:70px}
.section-contents .set-list-circle .list-tit {position:relative; padding-left:48px; font-size:28px}
.section-contents .set-list-circle .list-tit:after {content:""; position:absolute; top:50%; left:0; width:32px; height:28px; transform:translateY(-50%); background:url(../images/icon-tree-contents.png) no-repeat}
.section-contents .set-list-circle .list-circle {padding:0 30px; padding-top:42px}
.section-contents .set-list-circle .list-circle ul {display:flex; flex-flow:wrap}
.section-contents .set-list-circle .list-circle ul li {width:20%; padding-top:160px; text-align:center}
.section-contents .set-list-circle .list-circle ul li:nth-child(5) ~ li {margin-top:51px}
.section-contents .set-list-circle .list-circle ul li strong {font-size:27px; color:#404040}
.section-contents .set-list-circle .list-circle ul li p {line-height:1.4; padding-top:20px; font-size:19px; color:#666}
/* 스쿨북스 > 콘텐츠 */
.section-contents.school-books .set-list-circle .list-circle ul li.textbook {background:url(../images/icon-circle-textbook.png) 50% 0 no-repeat}
.section-contents.school-books .set-list-circle .list-circle ul li.search {background:url(../images/icon-circle-search.png) 50% 0 no-repeat}
.section-contents.school-books .set-list-circle .list-circle ul li.art {background:url(../images/icon-circle-art.png) 50% 0 no-repeat}
.section-contents.school-books .set-list-circle .list-circle ul li.book {background:url(../images/icon-circle-book.png) 50% 0 no-repeat}
.section-contents.school-books .set-list-circle .list-circle ul li.talk {background:url(../images/icon-circle-talk.png) 50% 0 no-repeat}
.section-contents.school-books .set-list-circle .list-circle ul li.school {background:url(../images/icon-circle-school.png) 50% 0 no-repeat}
.section-contents.school-books .set-list-circle .list-circle ul li.gradcap {background:url(../images/icon-circle-gradcap.png) 50% 0 no-repeat}
.section-contents.school-books .set-list-circle .list-circle ul li.ebook {background:url(../images/icon-circle-ebook.png) 50% 0 no-repeat}
.section-contents.school-books .set-list-circle .list-circle ul li.point {background:url(../images/icon-circle-point.png) 50% 0 no-repeat}
.section-contents.school-books .set-list-circle .list-circle ul li.card {background:url(../images/icon-circle-card.png) 50% 0 no-repeat}
/* 인생서가 > 콘텐츠 */
.section-contents.life-platform .set-list-circle .list-circle ul li.playground {background:url(../images/icon-circle-playground.png) 50%0 no-repeat}
.section-contents.life-platform .set-list-circle .list-circle ul li.backpack {background:url(../images/icon-circle-backpack.png) 50%0 no-repeat}
.section-contents.life-platform .set-list-circle .list-circle ul li.clover {background:url(../images/icon-circle-clover.png) 50%0 no-repeat}
.section-contents.life-platform .set-list-circle .list-circle ul li.family {background:url(../images/icon-circle-family.png) 50%0 no-repeat}
.section-contents.life-platform .set-list-circle .list-circle ul li.sliver {background:url(../images/icon-circle-sliver.png) 50%0 no-repeat}
.section-contents.life-platform .set-list-circle .list-circle ul li.apple {background:url(../images/icon-circle-apple.png) 50%0 no-repeat}
.section-contents.life-platform .set-list-circle .list-circle ul li.pillar {background:url(../images/icon-circle-pillar.png) 50%0 no-repeat}
.section-contents.life-platform .set-list-circle .list-circle ul li.art2 {background:url(../images/icon-circle-art2.png) 50%0 no-repeat}
.section-contents.life-platform .set-list-circle .list-circle ul li.guitar {background:url(../images/icon-circle-guitar.png) 50%0 no-repeat}
.section-contents.life-platform .set-list-circle .list-circle ul li.gradcap2 {background:url(../images/icon-circle-gradcap2.png) 50%0 no-repeat}
.section-contents.life-platform .set-list-circle .list-circle ul li.light {background:url(../images/icon-circle-light.png) 50%0 no-repeat}
.section-contents.life-platform .set-list-circle .list-circle ul li.planet {background:url(../images/icon-circle-planet.png) 50%0 no-repeat}
.section-contents.life-platform .set-list-circle .list-circle ul li.cards {background:url(../images/icon-circle-card.png) 50%0 no-repeat}
.section-contents.life-platform .set-list-circle .list-circle ul li.ebook2 {background:url(../images/icon-circle-ebook2.png) 50%0 no-repeat}

/* 알림소식 */
.section-kforum .sub-header {background:url(../images/bg-kforum-top.jpg) 50% 0 no-repeat; background-size:cover}
.section-kforum .sub-header .snb {background-color:#36b08b}
.section-kforum .sub-header .snb ul li.active a {color:#36b08b}
.section-kforum .contents .tit-content h3:after {background-color:#36b08b}
.section-kforum .contents .tit-content .desc strong {color:#36b08b}
/* 언론보도 > 연구원소개 */
.section-kforum.media .content-board {padding-top:20px}
.section-kforum.media .content-board .list-board {border-top:2px solid #000}
.section-kforum.media .content-board .list-board ul li {padding:20px 30px; border-bottom:1px solid #b6b6b6}
.section-kforum.media .content-board .list-board ul li .tit {display:inline-block; position:relative; overflow:hidden; max-width:100%; line-height:1.26; padding-left:24px; font-weight:700; font-size:22px; text-overflow:ellipsis; white-space:nowrap}
.section-kforum.media .content-board .list-board ul li .tit:after {content:""; position:absolute; top:6px; left:0; width:11px; height:11px; background-color:#36b08b}
.section-kforum.media .content-board .list-board ul li p {padding:7px 0 0 24px}
.section-kforum.media .content-board .list-board ul li p .date,
.section-kforum.media .content-board .list-board ul li p .media {font-size:18px; color:#666}
.section-kforum.media .pagination {font-size:0}
.section-kforum.media .pagination .btn-round ~ .btn-round {margin-left:24px}
.section-kforum.media .pagination .btn-round.prev span {padding-left:13px; background:url(../images/icon-page-prev-wht.png) 0 13px no-repeat}
.section-kforum.media .pagination .btn-round.next span {padding-right:13px; background:url(../images/icon-page-next-wht.png) 100% 13px no-repeat}
/* SNS 채널 > 연구원소개 */
.section-kforum.sns .contents-inner {padding:0 170px}
.section-kforum.sns .list-social {padding-top:18px}
.section-kforum.sns .list-social > ul > li {display:flex; padding:45px 0}
.section-kforum.sns .list-social > ul > li:first-child {padding-top:0}
.section-kforum.sns .list-social > ul > li:last-child {padding-bottom:0}
.section-kforum.sns .list-social > ul > li ~ li {border-top:1px solid #b6b6b6}
.section-kforum.sns .list-social > ul > li .thumb {overflow:hidden; flex:0 0 450px}
.section-kforum.sns .list-social > ul > li .thumb img {width:100%}
.section-kforum.sns .list-social > ul > li .info {flex-grow:1; padding-left:40px}
.section-kforum.sns .list-social > ul > li .info:before {content:""; display:inline-block; width:0; height:100%; vertical-align:middle}
.section-kforum.sns .list-social > ul > li .info .info-inner {display:inline-block; vertical-align:middle}
.section-kforum.sns .list-social > ul > li .info .tit {font-weight:400; font-size:22px}
.section-kforum.sns .list-social > ul > li .info .tit em {font-weight:700; font-size:22px}
.section-kforum.sns .list-social > ul > li .info .links {padding-top:23px}
.section-kforum.sns .list-social > ul > li .info .links ul li ~ li {margin-top:10px}
.section-kforum.sns .list-social > ul > li .info .links ul li .btn-round {position:relative; width:163px; margin-left:50px}
.section-kforum.sns .list-social > ul > li .info .links ul li .btn-round:before {content:""; position:absolute; top:50%; right:9px; width:7px; height:13px; transform:translateY(-50%); background:url(../images/icon-page-next-wht.png) no-repeat}
.section-kforum.sns .list-social > ul > li .info .links ul li.blog .btn-round:after {content:""; position:absolute; top:50%; left:-50px; width:29px; height:30px; transform:translateY(-50%); background:url(../images/icon-naver.png) no-repeat}
.section-kforum.sns .list-social > ul > li .info .links ul li.youtube .btn-round:after {content:""; position:absolute; top:50%; left:-50px; width:29px; height:30px; transform:translateY(-50%); background:url(../images/icon-youtube.png) no-repeat}
.section-kforum.sns .list-social > ul > li .info .links ul li.insta .btn-round:after {content:""; position:absolute; top:50%; left:-50px; width:29px; height:30px; transform:translateY(-50%); background:url(../images/icon-insta.png) no-repeat}
.section-kforum.sns .list-social > ul > li .info .links ul li.fb .btn-round:after {content:""; position:absolute; top:50%; left:-50px; width:28px; height:28px; transform:translateY(-50%); background:url(../images/icon-fb.png) no-repeat}
/* 찾아오시는 길 > 연구원소개 */
.section-kforum.way .set-way .way-tit {position:relative; margin-bottom:27px; padding-left:48px; font-size:28px}
.section-kforum.way .set-way .way-tit:after {content:""; position:absolute; top:50%; left:0; width:32px; height:28px; transform:translateY(-50%); background:url(../images/icon-tree-news.png) no-repeat}
.section-kforum.way .set-way .way-tit + div {padding:0 86px}
.section-kforum.way .set-way ~ .set-way {margin-top:72px}
.section-kforum.way .set-way .img-map {text-align:center}
.section-kforum.way .set-way .tbl-basic tr:last-child th,
.section-kforum.way .set-way .tbl-basic tr:last-child td {border-bottom:1px solid #000}
.section-kforum.way .set-way .tbl-basic td {padding-left:40px}
.section-kforum.way .set-way .tbl-basic td.contact span ~ span {margin-left:25px}
.section-kforum.way .set-way .tbl-basic td.trans > span {display:block; position:relative; padding-left:45px}
.section-kforum.way .set-way .tbl-basic td.trans > span em {position:absolute; top:-7px; left:0; width:30px; height:30px; line-height:31px; font-size:18px; color:#fff; text-align:center; border-radius:100%}
.section-kforum.way .set-way .tbl-basic td.trans > span em.line2 {background-color:#069535}
.section-kforum.way .set-way .tbl-basic td.trans > span em.line7 {background-color:#4e6317}
.section-kforum.way .set-way .tbl-basic td.trans > span > span {display:block; padding-top:10px}
.section-kforum.way .set-way ~ .set-way .tbl-basic td {padding-left:30px}

/* K-FORUM 소개 > K-FORUM */
.section-kforum.kforum {text-align:center}
.section-kforum.kforum .strct-kforum {display:inline-block; position:relative; width:638px; height:638px; margin:97px 0 138px; border-radius:100%; background-color:#f6f6f6}
.section-kforum.kforum .strct-kforum .tit {position:absolute; top:50%; left:50%; width:279px; height:207px; background:url(../images/logo-kforum.png) no-repeat; transform:translate(-50%, -50%)}
.section-kforum.kforum .strct-kforum ul li {display:inline-block; position:absolute; width:175px; height:175px; border-radius:100%; box-shadow:3.5px 3.6px 10px 0 rgba(0, 0, 0, 0.33)}
.section-kforum.kforum .strct-kforum ul li strong {position:absolute; top:200px; left:50%; font-size:26px; color:#404040; transform:translateX(-50%); white-space:nowrap}
.section-kforum.kforum .strct-kforum ul li.life {top:-87px; left:50%; background:#28b395 url(../images/icon-life-library.png) 50% 50% no-repeat; transform:translateX(-50%)}
.section-kforum.kforum .strct-kforum ul li.seminar {top:50%; left:-87px; background:#28b395 url(../images/icon-comm-seminar.png) 50% 50% no-repeat; transform:translateY(-50%)}
.section-kforum.kforum .strct-kforum ul li.library {top:50%; right:-87px; background:#28b395 url(../images/icon-video.png) 50% 50% no-repeat; transform:translateY(-50%)}
.section-kforum.kforum .strct-kforum ul li.platform {bottom:-87px; left:50%; background:#28b395 url(../images/icon-opened-book.png) 50% 50% no-repeat; transform:translateX(-50%)}
/* 세미나 > K-FORUM */
.section-kforum.seminar .content-board .top-board {position:relative; margin-bottom:18px}
.section-kforum.seminar .content-board .top-board .subtit {position:relative; padding-left:43px; font-weight:400; font-size:28px}
.section-kforum.seminar .content-board .top-board .subtit:after {content:""; position:absolute; top:50%; left:0; width:31px; height:28px; transform:translateY(-50%); background:url(../images/icon-tree-kforum.png) no-repeat}
.section-kforum.seminar .content-board .top-board .total {position:absolute; bottom:0; right:0}
.section-kforum.seminar .content-board .tbl-board table {table-layout:fixed; width:100%}
.section-kforum.seminar .content-board .tbl-board table thead th {height:44px; font-size:20px; color:#fff; text-align:center;  vertical-align:middle; background-color:#ecb40a}
.section-kforum.seminar .content-board .tbl-board table tbody td {height:42px; font-size:18px; text-align:center; border-bottom:1px solid #cdcdcd; vertical-align:middle}
.section-kforum.seminar .content-board .tbl-board table tbody td.tit {overflow:hidden; padding:0 28px; text-align:left; text-overflow:ellipsis}
.section-kforum.seminar .content-board .tbl-board table tbody td.tit a {font-size:18px; white-space:nowrap}
.section-kforum.seminar .content-board .tbl-board table tbody td.attach .link-attach {display:inline-block; width:19px; height:24px; vertical-align:middle; background:url(../images/icon-attach.png) no-repeat}
.section-kforum.seminar .content-board .detail-board .top-title {border-top:2px solid #adadad}
.section-kforum.seminar .content-board .detail-board .top-title .tit-area {display:flex; background-color:#ebebeb}
.section-kforum.seminar .content-board .detail-board .top-title .tit-area .tit {flex-grow:1; padding:26px 34px 23px; font-size:20px; line-height:1.26}
.section-kforum.seminar .content-board .detail-board .top-title .tit-area .date {flex:0 0 172px; padding:30px 0 26px; font-size:18px; text-align:center}
.section-kforum.seminar .content-board .detail-board .top-title .attach-area {padding:0 17px; background-color:#f9f9f9}
.section-kforum.seminar .content-board .detail-board .top-title .attach-area ul li {display:inline-block; margin:0 17px; padding:14px 0; }
.section-kforum.seminar .content-board .detail-board .top-title .attach-area ul li a {display:inline-block; position:relative; padding-left:34px; font-size:18px; line-height:1.26}
.section-kforum.seminar .content-board .detail-board .top-title .attach-area ul li a:after {content:""; position:absolute; top:-1px; left:0; width:19px; height:24px; background:url(../images/icon-attach.png) no-repeat}
.section-kforum.seminar .content-board .detail-board .detail-area {padding:30px 0}
.section-kforum.seminar .content-board .detail-board .detail-area p img {width:100%}
.section-kforum.seminar .content-board .btm-board {padding-top:20px; text-align:right; border-top:1px solid #adadad}
.section-kforum.seminar .content-board .btm-board .btn-rect.back {width:100px; border-color:#626262; background-color:#626262}
.section-kforum.seminar .popup-seminar-down .popup-section {width:510px}
.section-kforum.seminar .popup-seminar-down .popup-header {padding-top:35px; text-align:center; background-color:#ffcb2f}
.section-kforum.seminar .popup-seminar-down .popup-header p {padding:27px 0 33px; font-size:24px}
.section-kforum.seminar .popup-seminar-down .popup-header p strong {font-size:24px}
.section-kforum.seminar .popup-seminar-down .popup-header p span {display:block; padding-top:13px; font-size:24px}
.section-kforum.seminar .popup-seminar-down .popup-content .frm-user {padding:42px 38px 38px}
.section-kforum.seminar .popup-seminar-down .popup-content .frm-user ul li ~ li {margin-top:15px}
.section-kforum.seminar .popup-seminar-down .popup-content .frm-user ul li input[type="text"] {width:100%; height:42px; line-height:42px; padding:0 20px; font-size:18px; border:none; border-radius:2em; background:#eee; box-sizing:border-box}
.section-kforum.seminar .popup-seminar-down .popup-content .frm-user ul li input[type="text"]::placeholder {color:#716e65}
.section-kforum.seminar .popup-seminar-down .popup-content .frm-user ul li input[type="text"]:-ms-input-placeholder {color:#716e65}
.section-kforum.seminar .popup-seminar-down .popup-content .frm-user ul li input[type="text"]::-moz-placeholder {color:#716e65}
.section-kforum.seminar .popup-seminar-down .popup-content .frm-user ul li input[type="text"]::-webkit-input-placeholder {color:#716e65}
/* Librarian Book Platform > K-FORUM */
.section-kforum.book-platform .set-platform {margin-top:42px}
.section-kforum.book-platform .set-platform ~ .set-platform {margin-top:100px}
.section-kforum.book-platform .set-platform .set-tit {position:relative; padding-left:48px; font-size:28px}
.section-kforum.book-platform .set-platform .set-tit:after {content:""; position:absolute; top:50%; left:0; width:32px; height:28px; transform:translateY(-50%); background:url(../images/icon-tree-kforum.png) no-repeat}
.section-kforum.book-platform .set-platform .strct-service {padding:53px 0 0 11px; text-align:center}
.section-kforum.book-platform .set-platform .strct-service ul {display:inline-block}
.section-kforum.book-platform .set-platform .strct-service ul li {display:inline-block; width:216px; height:216px; border-radius:100%; box-shadow: 0px 8px 29px 0px rgba(162, 162, 162, .4)}
.section-kforum.book-platform .set-platform .strct-service ul li ~ li {margin-left:114px}
.section-kforum.book-platform .set-platform .strct-service ul li strong {display:block; font-size:26px}
.section-kforum.book-platform .set-platform .strct-service ul li.commu {padding-top:46px}
.section-kforum.book-platform .set-platform .strct-service ul li.recomm {padding-top:44px}
.section-kforum.book-platform .set-platform .strct-service ul li.curat {padding-top:41px}
.section-kforum.book-platform .set-platform .strct-service ul li.commu strong {padding-top:84px; background:url(../images/icon-talk.png) 50% 0 no-repeat}
.section-kforum.book-platform .set-platform .strct-service ul li.recomm strong {padding-top:86px; background:url(../images/icon-recomm.png) 50% 0 no-repeat}
.section-kforum.book-platform .set-platform .strct-service ul li.curat strong {padding-top:89px; background:url(../images/icon-curation.png) 50% 0 no-repeat}
.section-kforum.book-platform .set-platform .strct-orgniz {padding-top:84px; text-align:center}
.section-kforum.book-platform .set-platform .strct-orgniz ul {display:inline-block}
.section-kforum.book-platform .set-platform .strct-orgniz ul li {display:inline-block}
.section-kforum.book-platform .set-platform .strct-orgniz strong,
.section-kforum.book-platform .set-platform .strct-orgniz span {display:inline-block; position:relative; width:186px; height:45px; line-height:45px; border-radius:2em; border:2px solid; box-sizing:border-box}
.section-kforum.book-platform .set-platform .strct-orgniz .top {font-size:22px; border-color:#ffd338; background-color:#ffd338}
.section-kforum.book-platform .set-platform .strct-orgniz .top:after {content:""; position:absolute; top:57px; left:50%; width:1px; height:46px; background-color:#c8c8c8}
.section-kforum.book-platform .set-platform .strct-orgniz .manage {font-size:22px; border-color:#ffd338}
.section-kforum.book-platform .set-platform .strct-orgniz span {font-weight:700; font-size:18px; color:#fff; border-color:#949494; background-color:#949494}
.section-kforum.book-platform .set-platform .strct-orgniz span:after {content:""; position:absolute; top:-30px; left:50%; width:1px; height:22px; background-color:#c8c8c8}
.section-kforum.book-platform .set-platform .strct-orgniz > ul > li > ul {margin-top:68px}
.section-kforum.book-platform .set-platform .strct-orgniz > ul > li > ul > li > ul {margin-top:65px}
.section-kforum.book-platform .set-platform .strct-orgniz > ul > li > ul > li > ul:after {content:""; display:block; clear:both}
.section-kforum.book-platform .set-platform .strct-orgniz > ul > li > ul > li > ul > li {float:left}
.section-kforum.book-platform .set-platform .strct-orgniz > ul > li > ul > li > ul > li ~ li {margin-left:19px}
.section-kforum.book-platform .set-platform .strct-orgniz > ul > li > ul > li > ul > li {position:relative}
.section-kforum.book-platform .set-platform .strct-orgniz > ul > li > ul > li > ul > li ~ li:after {content:""; position:absolute; top:-29px; right:50%; width:206px; height:1px; margin-right:-1px; background-color:#c8c8c8}
.section-kforum.book-platform .set-platform .strct-orgniz > ul > li > ul > li > ul > li:nth-child(3) span:after {top:-52px; height:45px}

/* 메인 */
.section-main {position:relative; padding:200px 0}
.section-main .slide-bg {position:absolute; top:0; right:0; bottom:0; left:0}
.section-main .slide-bg div {height:100%; background-repeat:no-repeat; background-size:100% auto}
.section-main .slide-bg div:after {content:""; position:absolute; top:0; right:0; bottom:0; left:0; z-index:0; background-color:rgba(0, 0, 0, .3)}
.section-main .main-header {position:relative; z-index:1; text-align:center}
.section-main .main-header h2 {font-family:'GmarketSans'; font-weight:300; font-size:42px; color:#fff}
.section-main .main-header h2 strong {font-weight:400}
.section-main .main-header p {line-height:1.26; padding-top:16px; font-family:'GmarketSans'; font-weight:300; font-size:24px; color:#fff}
.section-main .main-header p span {display:block; line-height:1.26}
.section-main .contents {position:relative; z-index:1}
.section-main .contents .contents-inner {width:896px}
.section-main .box-menu {margin-top:50px}
.section-main .box-menu .list-menu {display:flex}
.section-main .box-menu .list-menu li {flex:1; margin:6px; text-align:center}
.section-main .box-menu .list-menu li a {display:block; position:relative; padding:179px 0 24px; line-height:1.26; font-family:'GmarketSans'; font-size:20px; color:#fff}
.section-main .box-menu .list-menu li a span {display:block; line-height:1.26}
.section-main .box-menu .list-menu li a:after {content:""; position:absolute; top:42px; left:50%; width:106px; height:95px; transform:translateX(-50%); background-position:center center; background-repeat:no-repeat}
.section-main .box-menu .list-menu li.intro a {background-color:#bf0404}
.section-main .box-menu .list-menu li.intro a:after {background-image:url(../images/icon-intro.png)}
.section-main .box-menu .list-menu li.content a {background-color:#f9c117}
.section-main .box-menu .list-menu li.content a:after {background-image:url(../images/icon-contents.png)}
.section-main .box-menu .list-menu li.kforum a {background-color:#28b395}
.section-main .box-menu .list-menu li.kforum a:after {background-image:url(../images/icon-kforum.png)}
.section-main .box-menu .list-menu li.library a {padding:166px 0 12px; background-color:#28b395}
.section-main .box-menu .list-menu li.library a:after {background-image:url(../images/icon-library.png)}
.section-main .box-menu .list-school {display:flex}
.section-main .box-menu .list-school li {flex:1 1 50%; margin:6px; height:139px}
.section-main .box-menu .list-school li.sch-video {position:relative; padding:28px 40px; text-align:right; background-color:#8372f2}
.section-main .box-menu .list-school li.sch-video:after {content:""; position:absolute; top:33px; left:40px; width:144px; height:76px; background:url(../images/logo-schbooks.png) no-repeat}
.section-main .box-menu .list-school li.sch-video .link-video {display:inline-block; width:65px; padding-top:73px; font-family:'GmarketSans'; font-size:14px; color:#fff; text-align:center; background:url(../images/icon-video-play.png) center top no-repeat}
.section-main .box-menu .list-school li.sch-site {position:relative; padding:40px 23px; background-color:#fff}
.section-main .box-menu .list-school li.sch-site .tit {font-family:'GmarketSans'; font-weight:400; font-size:24px; color:#000}
.section-main .box-menu .list-school li.sch-site .tel {display:block; padding-top:10px; font-family:'GmarketSans'; font-size:20px; color:#006535}
.section-main .box-menu .list-school li.sch-site .btn-round {position:absolute; right:20px; bottom:17px; padding:0 15px 0 21px; font-family:'GmarketSans'}
.section-main .box-menu .list-school li.sch-site .btn-round span {line-height:36px; padding-right:14px; background:url(../images/icon-page-next-wht.png) 100% 10px no-repeat}