/*
* header
*/
#header{background:url('images/header.jpg') no-repeat center 0;height: 324px;position: relative;color:#fff;padding: 18px 31px;}
#header .logo{float: left;font-size: 14px;font-weight: normal;}
#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:-14px;}
#header .util a{padding: 15px 19px;}
#header .gnb{width: 735px;position: absolute;left:50%;bottom: 0;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
#header .gnb::after{content: '';display: block;clear: both;}
#header .gnb a{float:left;width: 20%;text-align: center;padding:15px 0 16px;letter-spacing:-.5px;position: relative; background-color:#011b34;}
#header .gnb .is-active {background-color: #012e58;}
/*
* 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 25px;}
.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{padding-right:260px;position: relative;margin-bottom: 30px;}
.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 img{position: absolute;right: 0;top: 0;}
.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; }
.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; }

/* 전문서비스 */
#main .expert-service{background-color: #525e74;padding: 60px 50px;position: relative;}
#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{color: #fff;float: left;font-size: 36px;}
#main .expert-service .title span{font-weight: 400;}
#main .expert-service .site-list{float: right;width:500px;}
#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;text-align: center;font-size: 18px;padding: 12px;font-weight: 500;transition:all .2s;}
#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}