/*
* header
*/
#header, #main, #footer{ width: 850px; }
#header{background:url('images/header.jpg') no-repeat center 0;height: 285px;position: relative;color:#fff;padding: 18px 31px;}
#header .logo{ position: absolute; top: 162px; left: 50%; margin-left: 20px; font-family: 'Montserrat'; color: #000; font-size: 18px;}
#header .logo span{padding-left: 10px;margin-left: 8px;position: relative;}
#header .logo span::before{content: '';width: 1px;height: 10px;background-color: #fff;position: absolute;left: 0;top: 6px;}
#header .util{float: right;font-size: 14px;margin-right: -6px;}
#header .util a{ position: relative; padding: 8px 10px;font-size: 15px;color: #000;font-weight: 500;display: inline-block;}
#header .util a:first-child:after{ position: absolute; right: -2px; top: 12px; content: ""; display: inline-block; width: 1px; height: 12px; background-color: #A1A1A1; }
#header .gnb{width: 742px;position: absolute;left:50%;bottom: -31px;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
#header .gnb::after{content: '';display: block;clear: both;}
#header .gnb a{float:left;width: 25%;text-align: center;padding:15px 0 16px;letter-spacing:-.5px;position: relative;background-color: #AAA1A2;font-family: 'IropkeBatang';font-size: 20px;line-height: 26px;}
#header .gnb .is-active {background-color: #C65E55;box-shadow: 5px 6px 10px #C65E5563;position: relative;z-index: 1;}
#main{background-color: #e1dcd8;padding-bottom: 6.5rem;/* padding-top: 31px; */}
.wrap{width: 830px;background-color: #fff;box-shadow: 1px 3px 6px #0000001A;padding-top: 31px;}

/*
* main
*/
#main img{max-width:100%}
.tab-nav{border-bottom: 1px solid #ddd;}
.tab-nav ul{display:table;table-layout:fixed;margin:0 auto}
.tab-nav li{display: table-cell;position: relative;}
.tab-nav li ~ li::before{content: '';display: block;width: 1px;height: 15px;transform:translateY(-50%);background-color: #cdcdcd;position: absolute;left: 0;top: 50%;}
.tab-nav a{display: block;text-align: center;padding: 0 20px;}
.tab-nav a span{display: block;padding:18px 0;font-weight:500}
.tab-nav .is-active{color: #f9683b;}
.tab-nav .is-active span{position: relative;}
.tab-nav span::after{content: '';display: block;width:0;height: 2px;background-color: #f9683b;position: absolute;bottom: -1px;left: 50%;transform:translateX(-50%)}
.tab-nav .is-active span::after{width: 100%;transition:all .3s .2s;}


.contents{padding:0 50px 60px;font-size: 17px;letter-spacing:-1px; }
.contents .title{font-size: 30px;font-weight: 700;text-align:left;margin:40px 0 25px}
.contents .title span{font-weight: 400;}
.contents .title .count{font-size: 18px;background-color: #f9683b;border-radius: 18px;color:#fff;padding:5px 15px;margin-left:10px;font-weight: 400;}
.contents .title .count strong{color:#ffff00;font-size: 21px;}
.contents .sub-title{ position: relative; display: block; font-size: 17px; padding-left: 15px; margin-bottom: 25px; }
.contents .sub-title:before{ position: absolute; top: 7px; left: 0; content: ""; display: inline-block; width: 6px; height: 6px; background-color: #000; vertical-align: middle; }
.contents .detail-text{margin-bottom:40px; line-height: 28px;}
.contents .detail-text span{ color: #f9683b; }
.contents .table th, .contents .table td{border:1px solid #e3e3e3;padding: 10px;text-align: center; word-break: keep-all;}
.contents .table table{table-layout:fixed;position:relative;}
.contents .table table::after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:1px;background-color:#000;}
.contents .table th:first-child,.contents .table td:first-child{border-left:0;}
.contents .table th:last-child,.contents .table td:last-child{border-right:0;}
.research{color:#4267b2}
.contents .table th{background-color: #f9f9f9;border-bottom:0}
.contents .table tr:hover{background-color:#eff6fd;transition:all .3s;cursor:pointer;}
.research-square-title{ position: relative;margin-bottom: 30px; text-align: center;}
.research-square-title .stitle{font-family: "NanumMyeongjo";font-weight: 200;font-size: 27px;letter-spacing:-1px;margin-bottom: 15px;}
.research-square-title .name{display: block;color: #57c0d4;font-size: 18px;font-weight: 500;}
.research-square-title .title{ display: inline-block; text-align: center; }
.research-square-title img{display: block;}
.question-list {background-color: #f6f6f8;padding: 20px;}
.question-list .item{padding: 35px 30px;line-height:1.7}
.question-list .item strong {display: block;position: relative;padding-left: 40px;margin-bottom: 12px;}
.question-list .item strong i{font-size: 23px;font-family: "NanumMyeongjo";font-weight: 200; color: #fff;border-radius: 50%;background-color: #57c0d4;display: block;width: 30px;height: 30px;position: absolute;left: 0;top: 0;text-align: center;padding-top: 5px;}
.question-list .item strong span{color:#222;font-size: 20px;font-weight: 600;}
.question-list .item span{color: #f9683b;}
.question-list .item:nth-child(odd) {background-color:#fff;border-right:1px solid #dddddf;border-bottom:1px solid #dddddf;}
.question-list figure{margin: 20px 0; text-align:center;}
.question-list figure img{ width: 100%; height: auto; }
.question-list figure figcaption{text-align: center;font-style:italic;margin-top: 5px;letter-spacing: -1px}
.question-list .figure-col2{margin: 0 -10px;}
.question-list .figure-col2::after{content: '';display: block;clear: both;}
.question-list .figure-col2 figure{width: 50%;float: left;padding: 0 10px;}
.link{text-decoration:underline}
.sub1_2 .interview_box{ margin-bottom: 30px; text-align: center; }
.sub1_2 .system-manual .desc{position: relative;margin: 60px 0 30px;text-align: center;}
.sub1_2 .system-manual .desc::before{content: '';display: block;width: 21px;height: 13px;background:url("images/sub1_2_icon1.gif") no-repeat 0 0;margin:0 auto 20px;}
.sub1_2 .system-manual .banner::after{content: '';display: block;clear: both;}
.sub1_2 .system-manual .banner li{float: left;}
.sub1_2 .system-manual .banner li a{display: block;}
.sub1_2 .system-manual .banner li~li{margin-left: 20px;}
.sub1_2 .btns{text-align: center;}
.sub1_2 .btns a{display: block;padding:15px 0;border-bottom:1px solid #222;}
.sub1_2 .btns a i{color: #f9683b;}
.sub1_2 .more-contents{display:none;}
.txt-left.space{ letter-spacing: -2px; }

.sub4_1 .future_box{ margin-bottom: 40px; }
.contents.sub4_1 .title{ text-align: center; vertical-align: top; margin-bottom: 35px; }
.contents.sub4_1 .title:before,
.contents.sub4_1 .title:after{ content: ""; display: inline-block; width: 214px; height: 10px; background: url("images/future_tit_line.png") no-repeat; vertical-align: middle; margin: 0 14px; }

/*연구자광장 탭*/

#tab { position: relative; padding-top: 11rem; }
#tab .tab{ position: absolute; top: 4rem; z-index: 10; width: 100%; text-align: center; }
#tab .tab .tab_btn{ display: inline-block; width: auto; height: 3rem; line-height: 3rem; border-radius: 3rem; background-color: #f3f3f3; padding: 0 25px; margin: 0 .25rem; font-weight: 500; }
#tab .tab .tab_btn.ov{ background-color: #c65e55; color: #fff; }
#tab .grap{position:relative; width:100%; overflow:hidden; }
#tab .grap .obj{display:none;position:relative;width:100%;}
#tab .grap .obj:first-child { display: inline-block; }
.last_card_news{  margin: 8rem auto 0; display: block; text-align: center; }
.last_card_news strong{ display: block; font-size: 2.2rem; margin-bottom: 1rem; }
.last_card_news span{display: inline-block;width: 5rem;height: 2.4rem;line-height: 2.4rem;border-radius: 3rem;background-color: #f3f3f3;color: #c65e55;font-weight: 500;font-size: 1.2rem;}

/* 전문서비스 */
#main .expert-service{background-color: #fff;padding: 60px 50px;position: relative; text-align: center;}
#main .expert-service::before{content: '';display: block;width: 0;height: 0;border: 15px solid transparent;border-top-color:#fff;position: absolute;top: 0;left: 50%;transform:translateX(-50%)}
#main .expert-service::after{content: '';display: block;clear: both;}
#main .expert-service .title{ display: block; margin-bottom: 3rem; }
#main .expert-service .title span{font-weight: 400;}
#main .expert-service .site-list{ width:727px; margin: 0 auto;}
#main .expert-service .site-list::after{content: '';display: block;clear: both;}
#main .expert-service .site-list li{width: 50%;float: left;padding: 4px;}
#main .expert-service .site-list a{display: block;background-color: #fff; color: #6d6d6d; text-align: left;font-size: 17px;padding: 10px 0;font-weight: 500;line-height:15px;transition:all .2s; border: 1px solid #ddd; border-radius: 5px; padding-left: 62px; vertical-align: middle; }
#main .expert-service .site-list a i{ display: inline-block; margin-right: 8px; vertical-align: middle; }
.interview_box{ margin-bottom: 35px; }

/*#main .expert-service .site-list a:hover{background-color:#ccd2de}*/
/*
* footer
*/
#footer{background-color: #2a3850;color: #a5a5a8;font-size: 13px;padding: 30px 80px 30px 220px;position: relative;font-weight: 500;}
#footer .logo{position: absolute;left: 50px;top: 50px;}
#footer .reject{display: inline-block;font-size: 12px;background-color: #b6b6b6;color: #373737;padding: 0 5px;}
#footer .desc{line-height: 1.5;letter-spacing:-0.01em}
#footer .copyright{margin-top:10px;font-size:12px;color:#c1c2c6;letter-spacing:-0.01em}

/*기타안내사항*/

.sub2_4 .link_list{margin-top:50px;border-top: 1px solid #bfbfbf; }
.sub2_4 .link_list a{ display: block; border-bottom: 1px solid #bfbfbf; padding: 12px 0; }