@charset "UTF-8";
/*------------------------------ 2017-08-08 (JYC) ------------------------------*/
/* -- 센터별 레이아웃 --*/
.txt-group .txt2 { margin-top: 60px; font-size: 2.3rem; }

.section03 { margin-top: 0; }

.section03 #ouic-intro { margin-bottom: 0px; }
.section03 #ouic-intro strong span { display: inline-block; float: none; margin-top: 10px; border-color: rgba(255, 255, 255, 0.2); }
.section03 #ouic-intro a { margin-top: 50px; }
.section03 #ouic-intro a:hover strong span { background-color: white; color: #000; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

/* --------------------  서브 레이아웃 -------------------- */
/* subLayout */
#visual { height: 204px; background: url("../../images/kor/sub/sub-visual1.jpg") center top/cover no-repeat; overflow: hidden; position: relative; }
#visual.sub01 { background-image: url("../../images/kor/sub/sub-visual1.jpg"); }
#visual.sub02 { background-image: url("../../images/kor/sub/sub-visual2.jpg"); }
#visual.sub03 { background-image: url("../../images/kor/sub/sub-visual3.jpg"); }
#visual.sub04 { background-image: url("../../images/kor/sub/sub-visual4.jpg"); }
#visual.sub05 { background-image: url("../../images/kor/sub/sub-visual5.jpg"); }
#visual.sub06 { background-image: url("../../images/kor/sub/sub-visual6.jpg"); }
#visual.sub07 { background-image: url("../../images/kor/sub/sub-visual7.jpg"); }
#visual:after { content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: absolute; left: 0; top: 0; }
#visual .container-fluid { height: 100%; z-index: 1; }
#visual h2 { color: #fff; text-align: center; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; }
#visual h2 .eng { display: block; font-weight: 700; font-size: 4.8rem; font-family: Gotham, "sans-serif"; text-transform: capitalize; }
#visual h2 .kor { /* font-weight: 100; font-size: 3.8rem; font-family: Noto; */ font-weight: 250; font-size: 3.8rem; /* font-family: NanumSquare, sans-serif; */ }
#visual .sub-nav { display: none; color: #fff; font-weight: 100; font-size: 1.8rem; font-family: Noto; position: absolute; top: 50%; width: 100%; }
#visual .sub-nav a::before { content: ""; display: inline-block; width: 43px; height: 28px; border: 1px solid rgba(255, 255, 255, 0.2); font-family: "xeicon"; text-align: center; line-height: 26px; margin-right: 15px; vertical-align: middle; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; }
#visual .sub-nav .next { float: right; }
#visual .sub-nav a:hover::before { background-color: #fff; color: #000; }
#visual .sub-nav .prev::before { content: "\e908"; }
#visual .sub-nav .next::before { content: "\e90b"; }

#menu-location { color: #fff; background-color: #f47571; height: 60px; }
#menu-location .home { float: left; border-left: 1px solid rgba(255, 255, 255, 0.1); padding: 18px; }
#menu-location .xi-home { font-size: 2.3rem; }
#menu-location [class^="depth"] { float: left; position: relative; width: 210px; }
#menu-location [class^="depth"] ul { opacity: 0; visibility: hidden; max-height: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; position: absolute; top: 60px; width: 100%; z-index: 3; background-color: #f57f7b; overflow: hidden; }
#menu-location [class^="depth"] ul li a { display: block; padding: 7px 7px 7px 20px; }
#menu-location [class^="depth"] ul li a::after { content: "\e907"; display: block; font-family: "xeicon"; opacity: 0; -webkit-transform: translateX(-10px); transform: translateX(-10px); -webkit-transition: all 0.25s ease; transition: all 0.25s ease; float: right; }
#menu-location [class^="depth"] ul li a:hover { color: #fff; text-decoration: underline; }
#menu-location [class^="depth"] ul li a:hover::after { opacity: 1; -webkit-transform: translateX(0px); transform: translateX(0px); }
#menu-location [class^="depth"].active ul { opacity: 1; visibility: visible; max-height: 1000px; padding: 20px 0; }
#menu-location .title { cursor: pointer; display: block; padding: 21px 10px; letter-spacing: -1px; border-left: 1px solid rgba(255, 255, 255, 0.1); font-weight: 200; }
#menu-location .title::after { content: "\e960"; font-family: "xeicon"; opacity: 0.5; font-size: 1.8rem; float: right; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; }
#menu-location .title:hover::after, #menu-location .active .title::after { content: "\e945"; }
#menu-location .depth2 .title { border-right: 1px solid rgba(255, 255, 255, 0.1); }

#contents { font-size: 1.6rem; color: #434548; }
#contents p { line-height: 1.9; }
#contents p.margin-bottom { margin-bottom: 30px; }
#contents .light { color: #7a7d81; }
#contents .tabmenu { display: table; margin: 70px auto 0px; }
#contents .tabmenu > ul > li { display: table-cell; width: 1%; height: 100%; }
#contents .tabmenu > ul > li:first-child { margin-left: 0; }
#contents .tabmenu > ul > li > a { height: 100%; background-color: #fff; color: #424242; border: 1px solid #d6dde7; padding: 20px; display: block; font-size: 1.7rem; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-align: center; margin-left: -1px; letter-spacing: -2px; }
#contents .tabmenu > ul > li > a:hover, #contents .tabmenu > ul > li.active > a { background-color: #797c83; border-color: #797c83; color: #fff; }
#contents .tabmenu > ul > li > a:hover { background-color: #8e929c; border-color: #8e929c; }
#contents .tabmenu > ul > li .tab-depth2 { display: none; text-align: center; position: absolute; left: 0; width: 100%; }
#contents .tabmenu > ul > li .tab-depth2:after { content: ""; display: block; width: 100%; height: 1px; background-color: #d6dadd; }
#contents .tabmenu > ul > li .tab-depth2 li { display: inline-block; }
#contents .tabmenu > ul > li .tab-depth2 li a { padding: 25px; color: #898c90; position: relative; }
#contents .tabmenu > ul > li .tab-depth2 li a::after { content: ""; display: block; width: 16px; height: 19px; background: url("../../images/kor/sub/icon-sprite.png") no-repeat -35px 0; position: absolute; left: 50%; bottom: -9px; -webkit-transform: translate(-50%, -10px); transform: translate(-50%, -10px); opacity: 0; }
#contents .tabmenu > ul > li .tab-depth2 li a::before { content: ""; display: block; height: 30px; width: 90%; border-radius: 5px; background: #8ce0ff; position: absolute; left: 50%; bottom: 20px; z-index: -1; -webkit-transform: translate(-50%, -10px); transform: translate(-50%, -10px); opacity: 0; -webkit-filter: blur(5px); /* Safari 6.0 - 9.0 */ filter: blur(5px); }
#contents .tabmenu > ul > li .tab-depth2 li a:hover, #contents .tabmenu > ul > li .tab-depth2 li.active a { color: #323537; }
#contents .tabmenu > ul > li .tab-depth2 li a:hover::after, #contents .tabmenu > ul > li .tab-depth2 li.active a::after { -webkit-transition: all 0.25s ease; transition: all 0.25s ease; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); opacity: 1; }
#contents .tabmenu > ul > li .tab-depth2 li a:hover::before, #contents .tabmenu > ul > li .tab-depth2 li.active a::before { -webkit-transition: all 0.25s ease; transition: all 0.25s ease; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); opacity: 1; }
#contents .tabmenu > ul > li.active .tab-depth2 { display: block; }
#contents .tabmenu.small { width: 100%; margin: 0; }
#contents .tabmenu.small ul { float: right; }
#contents .tabmenu.small li { width: auto; }
#contents .tabmenu.small li a { padding: 12px 18px; font-size: 1.6rem; }
#contents .tabmenu.small li a:hover, #contents .tabmenu.small li.active a { background-color: #f57f7b; border-color: #f57f7b; }
#contents .tabmenu.margin { margin-bottom: 110px; }
#contents > .title { margin-bottom: 70px; }
#contents h1 { margin-bottom: 35px; margin-top: 70px; text-align: center; font-weight: 500; font-size: 4.3rem; font-family: Noto; font-weight: 500; font-size: 4.3rem; font-family: Noto; color: #222; }
#contents h1::before { content: ""; display: block; width: 30px; height: 5px; background-color: #f57f7b; margin: 0 auto 20px; }
#contents h1 + p { font-size: 2.3rem; color: #797c83; text-align: center; margin-top: 10px; display: none; }

/* #detail-contents { padding-left: 55px; padding-right: 55px; } */
#detail-contents .heading2 { padding-left: 30px; position: relative; font-size: 2.1rem; color: #303134; margin: 65px 0 20px; }
#detail-contents .heading2::before { content: ""; display: block; width: 20px; height: 20px; background: url("../../images/kor/sub/icon-sprite.png") no-repeat 0 0; position: absolute; left: 0; top: 2px; }
#detail-contents h3.heading3, #detail-contents ul.heading3 > li { padding-left: 20px; position: relative; font-size: 1.8rem; color: #303134; margin: 35px 0 15px 30px; font-weight: 300; }
#detail-contents h3.heading3::before, #detail-contents ul.heading3 > li::before { content: ""; display: block; width: 13px; height: 13px; background: url("../../images/kor/sub/icon-sprite.png") no-repeat -21px 0; position: absolute; left: 0; top: 3px; }
#detail-contents .heading4 { margin: 15px 0 10px 30px; }

.figure img { max-width: 100%; display: inline-block; }

.charger { padding: 17px 20px; background-color: #f1f2f3; text-align: right; font-size: 1.5rem; color: #83868a; margin: 50px auto; }
.charger span { margin-left: 25px; display: inline-block; }

.note { font-size: 1.4rem; color: #8c9194; }

/* board */
.board-search { text-align: right; }
.board-search #searchSelect + .keyword { margin-left: -4px; }

.alarm { background-color: #f57f7b; color: #fff; border-radius: 15px; display: inline-block; padding: 5px 10px; }

.subject { padding-left: 15px; }

.subject .xi-subdirectory-arrow { color: #3a58bc; font-size: 1.8rem; margin-left: 15px; }

.share-area { text-align: right; margin-bottom: 15px; position: relative; }
.share-area .share-list { display: none; position: absolute; right: 50px; top: 0; }
.share-area .share-list li { float: left; }
.share-area .share-list a { display: inline-block; text-align: center; line-height: 40px; margin-left: 5px; border: 1px solid #d6dadd; width: 40px; height: 40px; font-size: 1.9rem; color: #989a9b; -webkit-transition: all .25s ease; transition: all .25s ease; }
.share-area .share-list a:hover { color: #fff; border-color: #797c83; background-color: #797c83; }
.share-area .share-btn { width: 40px; height: 40px; font-size: 1.9rem; color: #989a9b; -webkit-transition: all .25s ease; transition: all .25s ease; display: inline-block; text-align: center; line-height: 40px; margin-left: 5px; color: #fff; background-color: #f57f7b; border: 1px solid #f57f7b; }
.share-area .url { text-transform: uppercase; font-style: normal; font-size: 1.5rem; font-family: Noto; display: inline-block; vertical-align: top; }

.board-view { border-top: 2px solid #797c83; border-bottom: 1px solid #7f7f7f; }
.board-view .post-title { background-color: #f3f5f7; color: #222; font-size: 1.8rem; font-weight: 200; text-align: center; padding: 20px 0; }
.board-view .post-container .post-info { display: table; }
.board-view .post-container .post-info li { display: table-cell; width: 1%; border-left: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 20px 25px; }
.board-view .post-container .post-info li:first-child { border-left: 0; }
.board-view .post-container .post-content { padding: 50px 25px; }
.board-view .post-container .board-attach strong { display: block; padding: 20px; background-color: #f3f5f7; }
.board-view .post-container .board-attach .playlist li { border-top: 1px solid #e5e5e5; padding: 20px 25px; }

.comment-list { border-top: 1px solid #7f7f7f; }
.comment-list li { padding: 25px; border-top: 1px solid #e5e5e5; }
.comment-list li .date { color: #c5c7c9; display: inline-block; margin-left: 20px; }
.comment-list li:first-child { border-top: 0; }
.comment-list .comment-header { margin-bottom: 12px; }
.comment-list .comment-header::before, .comment-list .comment-header::after { content: ""; display: block; clear: both; }
.comment-list .comment-header .txt { float: left; font-weight: 200; }
.comment-list .comment-header .comment-btn-group { float: right; }
.comment-list .comment-header .comment-btn-group a { font-size: 1.5rem; display: inline-block; margin-left: 20px; }

.comment_table { width: 100%; border-collapse: collapse; border: 1px solid #DFDFDF; table-layout: fixed; }

.comment_table th { padding: 10px 10px 0 10px; text-align: left; font-size: 9pt; color: #666; }

.comment_table td { padding: 10px; color: #666; }

.comment_submit { border: 1px solid #BBB; background-color: #EEE; width: 58px; height: 100px; }

.comment_name { padding-top: 10px !important; font-weight: bold; color: #333; }

.comment_name span { margin-left: 10px; font-weight: normal; font-size: 8pt; color: #AAA; }

.comment_btn { padding: 10px 5px 0 0 !important; font-size: 8pt !important; text-align: right; }

.comment_btn a { color: #666; }

.comment_btn span { margin: 0 3px 0 3px; font-size: 7pt; color: #AAA; }

.comment_contents { padding: 8px !important; border-bottom: 1px solid #EEE; color: #333; height: 100px; }

#comment_contents { width: 100%; height: 100px; }

.comment_contents p { line-height: 120%; }

/* gallery */
.gallery { border-top: 2px solid #797c83; border-bottom: 1px solid #797c83; overflow: hidden; }
.gallery ul { margin: -1px 0 0 -1px; }
.gallery li { border-left: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; padding: 0; }
.gallery li a { display: block; padding-top: 30px; text-align: center; }
.gallery li img { max-width: 100%; width: auto; height: auto; }
.gallery li .subject { font-size: 1.7rem; font-weight: 300; display: block; padding: 20px 30px 10px; }
.gallery li .date { font-size: 1.6rem; color: #b4b5b6; display: block; padding: 0px 30px 30px; }

/* thumb-list */
.thumb-list { margin-top:30px; border-top: 2px solid #797c83; border-bottom: 1px solid #797c83; overflow: hidden; }
.thumb-list ul { margin: -1px 0 0 -1px; }
.thumb-list li { border-left: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; padding: 20px; }
.thumb-list li a { display: block; }
.thumb-list li img { float: left; margin-right: 20px; border: 1px solid #e3e6e8; }
.thumb-list li .subject { font-size: 1.7rem; font-weight: 300; display: block; padding: 20px 30px 10px; }
.thumb-list li .date { font-size: 1.6rem; color: #b4b5b6; display: block; padding: 0px 30px 30px; }

.point1 { color: #f57f7b; }

.point2 { color: #c71d29; }

.web { display: table; }

.mobile { display: none; }

/* 인사말 */
.greeting .txt { margin-top: 15px; }
.greeting .txt img { display: block; }
.greeting .txt p { margin-bottom: 15px; line-height: 2; }
.greeting .txt .major-txt { display: block; font-size: 2.4rem; font-weight: 300; line-height: 1.6; margin-bottom: 20px; margin-top: -20px; }
.greeting .paragraph { margin-top: 50px; }
.greeting .paragraph p { margin-bottom: 50px; }
.greeting .sign { float: right; }
.greeting .sign img { margin-left: 10px; }

/* 연혁 */
.history { position: relative; }
.history::before { content: ""; display: block; width: 1px; height: 100%; background-color: #ecedee; position: absolute; left: 50%; z-index: -1; }
.history h2 { margin: 70px 0; text-align: center; font-weight: 500; font-size: 4.3rem; font-family: Noto; color: #222; background-color: #fff; }
.history h2::before { content: ""; display: block; width: 30px; height: 5px; background-color: #3a58bc; margin: 0 auto 20px; }
.history li { margin-bottom: 30px; position: relative; padding-left: 150px; }
.history li::before { content: ""; display: block; width: 12px; height: 12px; border-radius: 50%; border-bottom-right-radius: 0; background-color: #797c83; position: absolute; left: -20px; top: 0; }
.history .date { color: #797c83; position: absolute; left: 60px; }
.history > div:nth-child(even) .row > div { float: right; text-align: right; }
.history > div:nth-child(even) .row > div li { margin-bottom: 30px; position: relative; padding-left: 0; padding-right: 150px; }
.history > div:nth-child(even) .row > div li::before { left: auto; right: -20px; }
.history > div:nth-child(even) .date { left: auto; right: 60px; }
.history .history-2000 img, .history .history-1990 img { margin-top: -70px; }

/* 비전 및 목표*/
.vision-txt { display: block; text-align: center; color: #797c83; font-size: 2.3rem; margin-bottom: 50px; line-height: 1.5; }

.new-vision .mission { background-color: #797c83; color: #fff; font-size: 2.0rem; margin-top: 20px; padding: 30px; text-align: center; }
.new-vision .mission .title { padding-right: 40px; margin-right: 40px; border-right: 1px solid #94969c; display: inline-block; vertical-align: middle; }
.new-vision .mission p { display: inline-block; vertical-align: middle; text-align: left; }

.vision { background: url("../../images/kor/sub/vision-rule.gif") repeat-x 0 43%; }
.vision::before, .vision::after { content: ""; display: block; clear: both; }
.vision li { text-align: center; }
.vision li .picto { display: block; background: url("../../images/kor/sub/vision-picto.png") no-repeat 0 0; width: 144px; height: 145px; margin: 0 auto 80px; position: relative; }
.vision li .picto::before { content: ""; display: block; background-color: #000; width: 2px; height: 40px; position: absolute; left: 50%; bottom: -50px; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.vision li .picto::after { content: ""; display: block; background-color: #000; border-radius: 50%; width: 10px; height: 10px; position: absolute; left: 50%; bottom: -50px; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.vision li:nth-child(2) .picto { background-position: -144px 0; }
.vision li:nth-child(3) .picto { background-position: -288px 0; }
.vision li .con { display: inline-block; padding: 50px 5px; min-width: 140px; border-radius: 40px; border: 10px solid #eef1f3; }
.vision li .con .year { display: block; text-align: center; font-weight: 500; font-size: 2.6rem; font-family: Gotham, "sans-serif"; margin-bottom: 20px; }
.vision.goal li:nth-child(1) .picto { background-position: -432px 0; }
.vision.goal li:nth-child(2) .picto { background-position: -576px 0; }
.vision.goal li:nth-child(3) .picto { background-position: -720px 0; }
.vision.goal li:nth-child(4) .picto { background-position: -864px 0; }
.vision.goal .goal-title .circle-wrap { margin: 70px auto 0; width: 220px; }
.vision.goal .goal-title .circle-wrap .circle { width: 220px; height: 220px; background-color: #3a58bc; border-radius: 50%; border: 17px solid #9cabdd; color: #fff; font-size: 2.3rem; display: table-cell; vertical-align: middle; }
.vision.goal .goal-title .circle-wrap .circle strong { font-size: 3.0rem; }

.strategy img { margin-top: 30px; }

/* 실적 통계 */
.patent > div { margin-top: 50px; }

/* 조직도 */
.org .tabmenu { width: 100%; }

.org .tabcon { display: none; }

.org .tabcon.active { display: block; }

/* 찾아오시는길 */
.location-map .map { border-bottom: 2px solid #e5e5e5; }
.location-map .map iframe { border: 2px solid #e3e6e8; }
.location-map .map .map-txt { font-size: 1.9rem; padding: 17px 0; }
.location-map .map .map-txt .title { text-align: center; background-color: #eee; display: block; padding: 15px 0; font-weight: 200; }
.location-map .map .map-txt [class^="xi-"] { color: #3a58bc; font-size: 2.6rem; margin-right: 10px; }
.location-map .map .map-txt li { margin: 8px 0 0 20px; padding-left: 30px; position: relative; }
.location-map .map .map-txt li > span[class^="xi-"] { position: absolute; left: 0; top: 0; }
.location-map .campus-map { border: 2px solid #e5e5e5; padding: 20px 50px; }
.location-map .campus-map ul { margin-top: 100px; }

/* 홍보정책자료 */
.brochure { margin-bottom: 70px; }
.brochure::before, .brochure::after { content: ""; display: block; clear: both; }
.brochure .cover { border: 2px solid #e5e5e5; width: 50%; float: left; margin: 0 -1px; }
.brochure .cover .img { text-align: center; padding: 60px 0 40px; background: url("../../images/kor/sub/brochure-txt-bg.png") no-repeat 50% 90%; }
.brochure .cover .img img { -webkit-box-shadow: 3px 4px 8px 0px rgba(58, 64, 74, 0.13); box-shadow: 3px 4px 8px 0px rgba(58, 64, 74, 0.13); }
.brochure .cover .txt { background-color: #eef0f5; padding: 40px 20px; position: relative; }
.brochure .cover .txt .title { font-size: 1.9rem; }
.brochure .cover .txt a { position: absolute; right: 20px; top: 20px; }

/* 산단BI */
.bi .box.border { text-align: center; }
.bi .mark { background: url("../../images/kor/sub/bi-pattern.gif"); padding: 70px 0; margin-bottom: 25px; }
.bi .mark img { margin: 0 20px; }
.bi .bi-down { text-align: center; padding: 30px 0; }
.bi .color p { margin-bottom: 50px; }
.bi .signature .box.border { min-height: 700px; padding-top: 100px; }
.bi .color .box.border { min-height: 700px; padding-top: 70px; }

/* 국내특허 */
.dom-patent { position: relative; }
.dom-patent .invention-report { position: absolute; right: 0; top: -30px; }

/* 기술이전 */
.tech-transfer-btn { position: fixed; top: 700px; right: 50%; margin-right: -700px; }
.tech-transfer-btn a { border: 10px solid #ecf4f4; background-color: #2fc0c9; color: #fff; width: 110px; height: 110px; border-radius: 50%; display: table-cell; vertical-align: middle; text-align: center; background-clip: padding-box; }

/* 수직형테이블 th에 화살표 들어간형태 */
.flowchart thead th { background-color: #f6f7fa; }
.flowchart tbody th { background-color: #eef0f5; position: relative; border-bottom: 1px solid #d6d8da; }
.flowchart tbody th::after { content: ""; width: 50px; height: 50px; background: url("../../images/kor/sub/tech-center-0201-flowchart.png"); display: block; position: absolute; left: 50%; bottom: 0; z-index: 2; -webkit-transform: translate(-50%, 50%); transform: translate(-50%, 50%); }
.flowchart tbody tr:last-child th::after, .flowchart tbody th.noarrow::after { display: none; }
.flowchart.green th { background-color: #eef4f5; }
.flowchart tbody td { color: #7a7d81; padding: 28px 7px; }
.flowchart tr.active th { background-color: #6f7990; color: #fff; }
.flowchart tr.active td { color: #222; }

/* 입주기업소식 - startup KAIST */
.box.startup { border-width: 2px; padding: 50px 120px; }
.box.startup .title-area { background: url("../../images/kor/sub/startup-bg.gif") no-repeat center 0; }
.box.startup .title-area .eng-txt { display: block; text-align: center; color: rgba(0, 86, 157, 0.1); font-weight: 500; font-size: 4.4rem; font-family: Gotham, "sans-serif"; }
.box.startup .title-area p { font-weight: 600; font-size: 2.1rem; font-family: Noto; margin: 20px 0; }
.box.startup .list-box { background-color: #e8edf2; text-align: left; padding: 30px 70px; border-radius: 50px; margin-bottom: 30px; }

/* 입주기업소식 - 학생창업 */
.student-startup { border: 1px solid #e5e5e5; }
.student-startup::before, .student-startup::after { content: ""; display: block; clear: both; }
.student-startup li { vertical-align: middle; width: 50%; min-height: 60px; float: left; border-bottom: 1px solid #e5e5e5; margin-top: -1px; padding: 20px 25px; position: relative; }
.student-startup li:nth-child(even) { border-left: 1px solid #e5e5e5; }
.student-startup li a { font-size: 0; }
.student-startup li a::before { content: ""; font-weight: 400; font-size: 1.7rem; font-family: xeicon; color: #cccdce; position: absolute; right: 25px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.student-startup li a:hover::before { color: #f57f7b; }
.student-startup li a[href^="http"]::before { content: "\e980"; }
.student-startup li a[href^="mailto"]::before { content: "\ea07"; }

/* G-core 연구사업 */
.research-develope-process .title { border: 1px dashed #92949a; text-align: center; color: #303134; font-size: 2.1rem; display: block; border-radius: 10px; padding: 15px 0; }
.research-develope-process .list-num { margin-top: 30px; }
.research-develope-process .list-num > li { margin: 15px 0; position: relative; }
.research-develope-process .list-num > li:before { content: counter(number,decimal-leading-zero); position: absolute; left: 50%; top: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #2fc0c9; border-radius: 50%; border: 4px solid #fff; color: #fff; padding: 5px; display: inline-block; font-size: 2.0rem; }
.research-develope-process .list-num > li span { min-height: 145px; display: block; border-radius: 10px; background-color: #a7b1c7; color: #fff; text-align: center; padding: 40px 10px 30px; }
.research-develope-process .list-num > li span strong { font-size: 1.8rem; display: block; text-align: center; margin-bottom: 7px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding-bottom: 7px; }
.research-develope-process .list-num > li:nth-child(4) span, .research-develope-process .list-num > li:nth-child(5) span, .research-develope-process .list-num > li:nth-child(6) span { background-color: #92bbd3; }

.total-research { margin-top: 30px; position: relative; padding-left: 45px; font-size: 1.8rem; }
.total-research::before { content: ""; display: block; width: 38px; height: 27px; background: url(../../images/kor/sub/total-research-arrow.gif) no-repeat 0 0; position: absolute; left: 0; top: 3px; }

/*Gcore 연구사업 - 네트워크Pool */
.network-pool img { position: relative; }
.network-pool strong { color: #fff; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-35%, 80%); transform: translate(-35%, 80%); }
.network-pool strong .num { font-weight: 400; font-size: 3.2rem; font-family: Gotham, "sans-serif"; margin-right: 5px; }
.network-pool strong .unit { font-weight: normal; }

/* G-Core 연구사업 온라인 지원 */
.private-agree-textarea { border-top: 2px solid #797c83; border-bottom: 1px solid #7f7f7f; padding: 30px; height: 400px; width: 100%; overflow: auto; margin-bottom: 20px; }

#login-box, #password-box { border: 2px solid #e3e6e8; padding: 0; }
#login-box::before, #login-box::after, #password-box::before, #password-box::after { content: ""; display: block; clear: both; }
#login-box .title-area, #password-box .title-area { background-color: #fff; text-align: left; padding-left: 50px; padding-right: 50px; }
#login-box .title-area::before, #password-box .title-area::before { content: ""; display: block; width: 39px; height: 60px; background: url("../../images/kor/sub/login-picto.gif") no-repeat 0 0; margin: 110px auto 15px; }
#login-box .title-area h3, #password-box .title-area h3 { color: #a7adbe; font-size: 2.0rem; margin-bottom: 30px; text-align: center; }
#login-box .title-area strong, #password-box .title-area strong { margin-bottom: 10px; display: block; }
#login-box .title-area p, #password-box .title-area p { line-height: 1.6; color: #8c9194; font-size: 1.4rem; }
#login-box .input-area, #password-box .input-area { background-color: #eef0f5; padding: 50px 80px; text-align: left; }
#login-box .input-area .form-inline, #password-box .input-area .form-inline { margin: 10px 0; /*
&:nth-child(2){position:relative;
	.form-control:first-child{width:290px;}
	.form-control:last-child{width:130px;}
	&::before{content:"******";font-size:1.4rem;color:#8c9194;position:absolute;right:0;top:8px;width:90px;}
	&::after{content:"※뒤1자리까지";font-size:1.4rem;color:#8c9194;position:absolute;right:0;top:20px;width:90px;}
	.form-control{width:40%;}
}
*/ }
#login-box .input-area .form-inline .form-control, #password-box .input-area .form-inline .form-control { width: 100%; padding-top: 10px; padding-bottom: 10px; }
#login-box .input-area .btngroup, #password-box .input-area .btngroup { margin-top: 30px; }

#login-box { margin-top: 100px; }
#login-box .input-area input[type="submit"].btn-lg-2nd { width: 320px; margin-right: 8px; }

#password-box .title-area::before { background: url("../../images/kor/sub/password-picto.gif") no-repeat 0 0; }
#password-box input[type="submit"].btn-lg-2nd { width: 100%; }

.online-step { text-align: center; }
.online-step ol li { border: 2px dashed #d5d9e1; border-radius: 50px; display: inline-block; margin-right: 50px; position: relative; color: #97a0b4; }
.online-step ol li span { display: table-cell; vertical-align: middle; width: 150px; height: 110px; }
.online-step ol li.active { background-color: #97a0b4; color: #fff; border-color: #97a0b4; }
.online-step ol li.active::after { background-color: #2fc0c9; }
.online-step ol li:last-child { margin-right: 0; }
.online-step ol li:last-child::after { display: none; }
.online-step ol li::after { content: ""; display: block; width: 18px; height: 18px; background-color: #97a0b4; border-radius: 50%; border-top-right-radius: 0; -webkit-transform: rotate(45deg) translate(110%, -180%); transform: rotate(45deg) translate(110%, -180%); position: absolute; right: 0%; top: 50%; }

.project-step .btngroup { margin-top: 60px; }

.apply-type { text-align: left; }
.apply-type ul { overflow: hidden; }
.apply-type li { float: left; width: 50%; color: #7a7d81; margin-top: 10px; }
.apply-type li input { vertical-align: middle; margin-right: 10px; }
.apply-type li label { vertical-align: middle; }

.input-ul { border-top: 2px solid #797c83; border-bottom: 1px solid #7f7f7f; }
.input-ul > ul > li { margin-top: -1px; padding: 18px; position: relative; border-bottom: 1px solid #e5e5e5; }
.input-ul > ul > li:first-child { min-height: 56px; }
.input-ul .list-dot { margin-bottom: 0px; }

.project-step .input-ul strong { width: 18%; position: absolute; left: 0; padding-left: 25px; }
.project-step .input-ul > ul > li { padding: 18px 10% 18px 20%; }
.project-step .input-ul [class^="xi-"] { position: absolute; left: 80px; top: 20px; color: #8c9194; font-size: 2.7rem; cursor: pointer; }
.project-step .input-ul .delete { position: absolute; right: 20px; top: 15px; }
.project-step .input-ul .delete2 { position: absolute; right: 20px; top: 15px; }

.academic-attach { border: 1px solid #e3e6e8; margin: 60px 0 30px; text-align: left; }
.academic-attach .box { position: relative; padding: 40px 0 40px 120px; }
.academic-attach .box::before { content: ""; display: block; width: 32px; height: 45px; background: url("../../images/kor/sub/academic-attach-picto.gif") no-repeat 0 0; position: absolute; left: 60px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.academic-attach .box .down-doc { position: absolute; right: 60px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.academic-attach .box .down-doc a { display: block; }

.writing-guide { line-height: 1.8; padding: 35px 55px; border: 2px solid #e3e6e8; background-color: #eef0f5; }
.writing-guide > ul { color: #7a7d81; }
.writing-guide > ul > li > ul { margin-left: 10px; }
.writing-guide strong { display: block; margin-bottom: 10px; font-size: 1.8rem; }

.faq > ul > li { padding: 0; border-bottom: 1px solid #ccc; }
.faq > ul > li .title { padding: 15px 20px; display: block; }
.faq > ul > li .title strong { display: inline-block; margin-right: 7px; width: 28px; height: 28px; padding-top: 3px; text-align: center; background-color: #f57f7b; color: #fff; border-radius: 50%; border-bottom-right-radius: 0; font-weight: 700; font-size: 1.7rem; font-family: Gotham, "sans-serif"; }
.faq > ul > li:last-child { border-bottom: 0; }
.faq > ul > li .con { padding: 0px 50px; opacity: 0; max-height: 0; overflow: hidden; }
.faq > ul > li.active .title { background-color: #eef1f3; }
.faq > ul > li.active .con { padding: 30px 50px; opacity: 1; max-height: 1000px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

/* GCORE 홍보 */
.postdoc th .title { display: block; text-align: center; margin-bottom: 10px; }
.postdoc th span { color: #7a7d81; }
.postdoc .faq { border: 0; }
.postdoc .faq .title { border-bottom: 1px solid #e5e5e5; }
.postdoc .faq .con { opacity: 1; max-height: 500px; padding: 20px; }

/* 정보광장 */
.relate-site { border: 1px solid #e5e5e5; }
.relate-site::before, .relate-site::after { content: ""; display: block; clear: both; }
.relate-site li { vertical-align: middle; width: 25%; min-height: 60px; float: left; border: 1px solid #e5e5e5; margin-top: -1px; padding: 20px 25px; position: relative; }
.relate-site li a::after { content: ""; font-weight: 400; font-size: 1.7rem; font-family: xeicon; color: #cccdce; position: absolute; right: 25px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.relate-site li a:hover::after { color: #f57f7b; }
.relate-site li a[href^="http"]::after { content: "\e980"; }

/* 통합검색 */
.total-search .search-result { padding: 15px 0; margin-bottom: 50px; }

.table.flowchart thead { display: none; }

@media screen and (max-width: 1300px) { .web { display: none; }
  #visual { height: 180px; }
  #detail-contents { padding-left: 25px; padding-right: 25px; }
  #contents .tabmenu { margin: 35px auto 25px; }
  #contents .tabmenu > ul > li > a { padding: 15px; }
  #contents > .title { margin-bottom: 35px; }
  #contents h1 { margin-top: 35px; margin-bottom: 35px } }
@media screen and (max-width: 991px) { .mobile { display: block; }
  #detail-contents { padding-left: 10px; padding-right: 10px; }
  #detail-contents .heading3, .indent { margin-left: 0; }
  #visual { height: 135px; }
  #menu-location { height: 45px; }
  #menu-location [class^="depth"] { width: calc(50% - 18px); }
  #menu-location [class^="depth"] ul { top: 45px; }
  #menu-location .home { padding: 15px 10px; }
  #menu-location .xi-home { font-size: 1.7rem; }
  #menu-location .title { padding: 15px 25px 15px 5px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position: relative; }
  #menu-location .title::after { position: absolute; right: 10px; top: 15px; }
  .online-step ol li { margin-right: 30px; border-radius: 25px; }
  .online-step ol li span { width: 110px; height: 80px; }
  .online-step ol li::after { right: 10%; }
  #detail-contents .heading2 { margin: 33px 0 10px; }
  #detail-contents .heading2::before { width: 16px; height: 16px; background-size: auto 16px; }
  .charger { margin: 25px auto; }
  #detail-contents h3.heading3, #detail-contents ul.heading3 > li { margin: 17px 0 7px; }
  #detail-contents .heading4 { margin-left: 0; } }
@media screen and (max-width: 767px) {
	#visual { height: 90px; }
  #visual h2 .eng { font-size: 2.8rem; line-height: 1; }
  #visual h2 .kor { font-size: 2.6rem; }
  .fullscreen { overflow: auto; }
  .fullscreen::after { content: ""; background-color: rgba(0, 0, 0, 0.9); position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 9; }
  .fullscreen .figure.active { position: absolute; left: 0; z-index: 10; background-color: #fff; }
  .fullscreen .figure.active img { max-width: inherit; }
  .fullscreen .figure.active .close { cursor: pointer; position: absolute; left: 0; top: 0px; display: block; padding: 20px; background-color: rgba(0, 0, 0, 0.2); font-size: 1.5em; }
  .box { margin-top: 10px; margin-bottom: 10px; }
  #contents > .title { margin-bottom: 17px; }
  #contents h1 { margin-top: 17px; font-size: 2.8rem; }
  #contents h1::before { height: 3px; margin-bottom: 10px; }
  #contents h1 + p { font-size: 2rem; margin-top: 0px; }
  #contents .tabmenu { margin-top: 17px; margin-bottom: 12px; }
  #contents .tabmenu.small ul { float: none; }
  #contents .tabmenu > ul > li { display: block; width: 100%; max-height: 0; overflow: hidden; }
  #contents .tabmenu > ul > li.active { max-height: 47px; overflow: visible; }
  #contents .tabmenu > ul > li a { padding: 10px 0; margin: -1px 0 0 0; position: relative; }
  #contents .tabmenu > ul > li:first-child a { margin-top: 0; }
  #contents .tabmenu li.active a::after { content: "\e943"; font-family: "xeicon"; position: absolute; right: 20px; top: 10px; color: #fff; }
  #contents .tabmenu.margin { margin-bottom: inherit; }
  #contents .tabmenu.margin > ul > li.active { max-height: inherit; }
  #contents .tabmenu > ul > li .tab-depth2 { position: relative; }
  #contents .tabmenu > ul > li .tab-depth2 li { display: block; max-height: 0; overflow: hidden; }
  #contents .tabmenu > ul > li .tab-depth2 li.active { max-height: 47px; overflow: visible; }
  #contents .tabmenu > ul > li .tab-depth2 li a { padding: 10px; display: block; }
  #contents .tabmenu > ul > li .tab-depth2 li a::after { left: inherit; right: 8px; }
  #contents .board-search #searchSelect + .keyword { margin-left: 0; margin-top: 4px; }
  #contents .board-view .post-container .post-content { padding: 15px 5px; }
  #contents .board-view td { width: inherit !important; word-break: break-word; }
  #contents img.tx-daum-image { max-width: 100%; }
  #contents .thumb-list li a { text-align: center; }
  #contents .thumb-list li img { float: none; margin-right: 0; }
  #contents .thumb-list li .subject { clear: both; }
  #contents .greeting .paragraph { margin-top: 25px; }
  #contents .greeting .paragraph p { margin-bottom: 25px; }
  #contents .history h2 { margin: 35px 0; }
  #contents .history li { padding-left: 100px; }
  #contents .history li::before { left: 0; }
  #contents .history .date { left: 30px; }
  #contents .history > div:nth-child(even) .row > div li { padding-right: 100px; padding-left: 0; }
  #contents .history > div:nth-child(even) .row > div li::before { right: 0px; left: inherit; }
  #contents .history > div:nth-child(even) .date { right: 30px; }
  #contents .new-vision .mission .title { padding-right: 0; margin-right: 0; border-right: 0; }
  #contents .vision { background: none; }
  #contents .vision li { margin-bottom: 30px; }
  #contents .vision.goal .goal-title .circle-wrap { margin: 35px auto; }
  #contents .brochure .cover { width: 100%; float: none; }
  #contents .location-map .map .map-txt li { margin-left: 0px; }
  #contents .location-map .campus-map { padding-left: 10px; padding-right: 10px; }
  #contents .location-map .campus-map ul { margin-top: 50px; }
  #contents .bi .signature .box.border, #contents .bi .color .box.border { min-height: inherit; padding-top: 20px; }
  #contents .bi .mark { padding-left: 10px; padding-right: 10px; }
  #contents .bi .mark img { margin: 0; }
  #contents .dom-patent .invention-report { top: -15px; }
  #contents .private-agree-textarea { padding: 15px; height: 200px; }
  #contents #login-box { margin-top: 50px; }
  #contents #login-box .title-area::before, #contents #password-box .title-area::before { margin-top: 30px; }
  #contents #login-box .title-area h3, #contents #password-box .title-area h3 { margin-bottom: 15px; }
  #contents #login-box .title-area p, #contents #password-box .title-area p { margin-bottom: 15px; }
  #contents #login-box .input-area, #contents #password-box .input-area { padding: 25px 40px; }
  #contents #login-box .input-area input[type="submit"].btn-lg-2nd { width: inherit; margin-right: 0; }
  #contents .relate-site li { float: none; width: inherit; }
  /* -- 센터별 레이아웃 --*/
  .txt-group .txt2 { margin-top: 10px; font-size: 1.5rem; }
  .section03 #ouic-intro { margin-top: 15px; margin-bottom: 15px; }
  .section03 #ouic-intro li { margin-bottom: 0; }
  .section03 #ouic-intro li a { margin-top: 10px; }
  .section03 #ouic-intro li a p, .section03 #ouic-intro li a span { margin-top: 10px; margin-bottom: 10px; }
  .eng #detail-contents img { max-width: 100%; }
  div.post-content table img{ max-width: 100%; }
}

/*# sourceMappingURL=content.css.map */