@charset "utf-8";

body {font-family:'Noto Sans KR', 'Apple SD Gothic Neo', dotum, gulim, verdana, arial, AppleSDGothicNeo, AppleGothic; color:#1a1a1a; font-size:16px; font-weight:400;}
.blind {position:absolute; left:-9999px; overflow:hidden; width:0; height:0; font-size:0;}

body {min-width: 1780px; overflow-x: auto !important; letter-spacing:-1px;}

/* header */
#header {position: fixed; top:0; left: 0; width: 100%; height: 80px; background: #fff; z-index: 10;}
.header_wrap {position: relative; width:1520px; margin:0 auto;}
.header_wrap h1 {position: absolute; top:20px;}

/* gnb */
#gnb {position: absolute; top:30px; left:460px;}
#gnb li {display: inline-block; margin-left: 40px;}
#gnb li:first-child {margin-left:0;}
#gnb li a {color: #000;text-shadow: -.25px -.25px 0 transparent, .25px .25px transparent; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
#gnb li.current a,
#gnb li a:hover,
#gnb li a:active,
#gnb li a:focus,
#gnb li a.mPS2id-highlight {text-shadow: -.25px -.25px 0 #000, .25px .25px #000;}

#container {position: relative; padding-top: 80px;}
/* visual */
#visual {position: relative; text-align: center;}
#visual h2 {position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); font-size: 30px; font-weight: 500; color: #fff; text-align: center;}

.scroll_area {position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%); font-size: 12px; font-weight: 500; color: #fff; text-align: center;}
.scroll_area p {margin-bottom:15px;}
.scroller {position:relative; width:20px; height:40px; margin:0 auto; border:1px solid #fff; border-radius: 20px;}
.scroller:after {
    position: absolute;
    top: 8px;
    left: 50%;
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #fff;
    -webkit-animation: 1200ms ease 0ms forwards infinite scroll;
            animation: 1200ms ease 0ms forwards infinite scroll;
    content: "";
}
@-webkit-keyframes scroll {
    from {
        -webkit-transform: translate3d(-50%, 0, 0);
                transform: translate3d(-50%, 0, 0);
    }
    to {
        -webkit-transform: translate3d(-50%, 20px, 0);
                transform: translate3d(-50%, 20px, 0);
        opacity: 0;
    }
}
@keyframes scroll {
    from {
        -webkit-transform: translate3d(-50%, 0, 0);
                transform: translate3d(-50%, 0, 0);
    }
    to {
        -webkit-transform: translate3d(-50%, 20px, 0);
                transform: translate3d(-50%, 20px, 0);
        opacity: 0;
    }
}

#content {position: relative;}
.con_block {width: 1200px; margin:0 auto; padding-top:100px; padding-bottom:100px; color:#333; font-size: 18px;}
.con_block.full {width:100%;}
.con_block.full .content {width: 1200px; margin:0 auto;}
.con_block h2.con_title {margin-bottom:40px; text-align: center; font-size: 42px; color:#000; font-weight: 700;}
.con_block h2.con_title span {display:block; font-size: 16px; margin-bottom:10px; font-weight: 400;}
.con_block h3.con_title_sub {margin-top:40px; margin-bottom:10px; font-size: 22px; font-weight: 700; color: #8c7260;}

.con_block p {margin-top:30px;}
.con_block h3.con_title_sub + p {margin-top:10px;}

.li_list li + li {margin-top:10px;}

/* table */
.tbl {margin-top:10px; width:100%; table-layout:fixed; border-collapse:collapse; border-top:2px solid #8c6250; border-bottom:1px solid #8c6250; text-align: center;}

.tbl thead th {padding:15px 0; font-weight: 700; border-bottom:1px solid #eae4de; color:#8c7260;}
.tbl tbody th {font-weight:400; color:#8c7260; vertical-align: middle;}
.tbl tbody td {padding:15px 10px; border-top:1px solid #eae4de; color: #555; vertical-align: middle;}
.tbl .block th,
.tbl .block td {border-top:1px solid #8c6250;}

/* tab */
.tab_menu:after {content: ''; clear: both; display: block;}
.tab_menu li {float:left;}
.tab_menu li a {position: relative; display: block;}
.tab_con {display: none;}

.tab_menu.type_text {text-align: center; margin-bottom:40px;}
.tab_menu.type_text ul {display:inline-block; margin:0 auto;}
.tab_menu.type_text li {margin:0 20px;}
.tab_menu.type_text li.on a,
.tab_menu.type_text li a:hover,
.tab_menu.type_text li a:active,
.tab_menu.type_text li a:focus {font-weight: 700; border-bottom:3px solid #ad937e;}

.tab_menu.type_box {width:100%; text-align: center; margin-bottom:40px; border: 1px solid #d6d9de; box-sizing: border-box;}
.tab_menu.type_box ul {display:table; width: 100%;;}
.tab_menu.type_box li {float:none; display:table-cell; width:33%;border-left: 1px solid #d6d9de; box-sizing: border-box;}
.tab_menu.type_box li:first-child {border-left:none;}
.tab_menu.type_box li a {display:block; padding:10px;}
.tab_menu.type_box li.on a,
.tab_menu.type_box li a:hover,
.tab_menu.type_box li a:active,
.tab_menu.type_box li a:focus {font-weight: 700; background:#9c836a; color:#fff;}

/* 주요활동 */
.activities_list {margin-top:10px;}
.activities_list dt {font-weight: 700;}
.activities_list li {float:left; width:50%; margin-top:10px;}
.activities_list:after {content: ''; clear: both; display: block;}

/* 2.참여현황 */
.participation {background:#f9f9f9;}
.toggle_title {position: relative; border-bottom:1px solid #8c6250;}
.toggle_title a {position: absolute; top:0; right:0; width:40px; height:40px; display:block; cursor: pointer; transition : all .4s;}
.toggle_title a span {position: absolute; top: -10px; bottom: 0; left: 0; right: 0; margin: auto; height: 15px; width: 15px; border: 1px solid #8c6250; border-width: 2px 2px 0 0; transform: rotate(135deg); text-indent: -9999em; overflow: hidden; transition : all .4s;}
.toggle_title.open {border-bottom:none;}
.toggle_title.open a span {transform: rotate(-45deg); transition : all .4s;}

.internship {}
.internship p + p {margin-top:30px}
.internship dl {margin-top:50px;}
.internship dt {margin-bottom: 10px; font-size: 22px; font-weight: 700; color: #8c7260;}
.internship .color01 {color:#f00}
.internship dd + dd ul {padding-left:20px;}
.internship a {color:#147d1c; text-decoration:underline;}


/* 3.연구분야 */
.field_study {border:1px solid #eae4de; background:#f9f9f9; width:100%;}
.field_study .thumb {text-align: center;}

.field_study .tab_con {padding:40px 45px;}
.field_study .tab_menu {width:100%; border-bottom: 1px solid #eae4de;}
.field_study .tab_menu li { border-left: 1px solid #eae4de;}
.field_study .tab_menu li:first-child {border-left: none;}

.field_study .tab_menu.tab_btm {background:#fff; border-top:1px solid #eae4de; border-bottom:none;}
.field_study .tab_menu.tab_btm li {border-bottom:none !important; padding-top:10px;}

/* 화살표 */
.menu-trigger, .menu-trigger span {	display : inline-block;	transition : all .4s;	box-sizing : border-box;}
.menu-trigger {	position : absolute; right:10px; bottom:10px; width : 46px; height : 46px; border:1px solid #8c6250; background: #fff;}
.menu-trigger span {position : absolute; left : 12px; width : 20px; height : 2px; 	background-color : #000;}
.menu-trigger span:nth-of-type(1) {top : 50%;}
.menu-trigger span:nth-of-type(2) {top:50%; -webkit-transform : rotate(-90deg); transform : rotate(-90deg);}

li.on .menu-trigger {background-color: #8c6250;}
li.on .menu-trigger span:nth-of-type(1) {-webkit-transform : translateY(0) rotate(45deg);	transform : translateY(0) rotate(45deg); background-color: #fff;}
li.on .menu-trigger span:nth-of-type(2) {-webkit-transform : translateY(0) rotate(-45deg); transform : translateY(0) rotate(-45deg); background-color: #fff;}

/* 4.ACES 모빌리티 ICC 설립 배경 및 필요성 */
.aces_mobility .box_block {border:1px solid #eae4de; background: #f9f9f9;}
.aces_mobility .box_block ul {display: table; width:100%;}
.aces_mobility .box_block li {display: table-cell; vertical-align: middle; text-align: center; width: 25%; font-weight: 700; padding:50px 0; border-left:1px solid #eae4de; box-sizing: border-box; font-size: 22px;}
.aces_mobility .box_block li:first-child {border-left: none;}
.aces_mobility .box_block li span {display:block; font-size: 16px; font-weight: 400;}

/* 5.국내외 현황 */
/* float_box */
.float_box:after {content:''; clear: both; display: block;}
.float_box.fl .con_fl {float:left; width:668px;}
.float_box.fl .con_fr {float:right; width: 490px;}
.float_box.fr .con_fl {float:left; width:490px;}
.float_box.fr .con_fr {float:right; width: 668px;}

.float_box .thumb > img {border:1px solid #ccc;}
.float_box + .float_box {margin-top:100px;}
.float_box h3.con_title_sub {font-size: 30px;}

.swiper-container {border:1px solid #ccc;}
.swiper-pagination-bullet {background:#fff; border:1px solid #8c7260}
.swiper-pagination-bullet-active {background:#8c7260}

/* 6.참여기업 */
.companies_list {margin-bottom:60px;}
.companies_list:after {content:''; clear: both; display: block;}
.companies_list li {float:left; margin:5px 0 0 5px; width:calc(20% - 5px);}
.companies_list li:nth-child(5n+1) {margin-left:0}
/*
.companies_list li:nth-child(-n+5) {margin-top:0}
.companies_list li:nth-child(6n) {margin-left:0}
*/
.companies_list li:first-child {margin-left:0}
.companies_list li img {border:1px solid #ebe4de;}
.companies_mail {text-align: right;}

/* 7.인력양성사업 소개 */

/* 8.REPOSITORY 소개 */
.repository .thumb {margin-bottom:40px;}
.repository ul + h2.con_title {margin-top:150px;}

.repository .tab_menu.type_box li {width:25%;}

.repository .tab_con > div:after {content:''; clear: both; display: block;}
.repository .tab_con .fl {float:left; width: 50%; box-sizing: border-box;}
.repository .tab_con .fr {float:left; width: 50%; border-left:1px solid #d6d9de;  box-sizing: border-box; padding-left:40px;}
.repository .tab_con .fr li span {display:inline-block; width: 120px;}
.repository .tab_con > div dt {font-weight: 700;}
.repository .tab_con > div dd {margin-top:10px;}
.repository .tab_con > div dd ul {margin-left:20px;}
.repository .tab_con > div li {margin-top:5px;}
.repository .tab_con > dl {margin-top:70px}
.repository .tab_con > dl dt {font-weight: 700;}
.repository .tab_con > dl dd {line-height: 2;}

.font16 {font-size:16px;}

.repository .tab_con02 ul,
.repository .tab_con03 ul,
.repository .tab_con04 ul,
.repository .tab_con02 ul + div,
.repository .tab_con03 ul + div,
.repository .tab_con04 ul + div {font-size:16px; border-left:1px solid #d3d3d3; padding-left:20px; color: #858585;}
.repository .tab_con02 ul li + li,
.repository .tab_con03 ul li + li,
.repository .tab_con04 ul li + li {margin-top:10px;}
.repository .tab_con02 ul + div,
.repository .tab_con03 ul + div,
.repository .tab_con04 ul + div {padding-top:20px;}

.repository .tab_con03 {position: relative; min-height: 370px;}
.repository .tab_con03 ul + div {position: absolute; top:0; right:0; border: 1px solid #bbbbbb; padding:0;}

.repository .con_title a {display: inline-block; width: 19px; height: 18px;  vertical-align: middle;}

/* footer */
#footer {width: 100%; margin-top:100px; padding:60px 0; background-color: #333333;}
.footer_wrap {position:relative; width: 1780px; margin:0 auto;}

/* footer_link */
.footer_link {margin-bottom: 25px;}
.footer_link li {display: inline-block; margin-left: 70px;}
.footer_link li a {color: #fff; font-weight: 500;}
.footer_link li:first-child {margin-left: 0;}

.foot_info {font-size: 13px; color:#c6c6c6;}
.foot_info p {margin-top:10px;}
.foot_info p:first-child {margin-top:0;}
.foot_info p span {margin:0 10px;}

/* family_site */
#footer .family_site {position: absolute; top:0; right:0;}
#footer .family_site .family_select {position:absolute; top:1px; right:0; width:205px; height:40px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin:-1px 0; border:1px solid #fff;}
#footer .family_site .select_family {position:relative; z-index:10; width:100% !important; height:40px; line-height:40px; padding:0 0 0 15px; cursor:pointer;}
#footer .family_site .select-indi {position:absolute; top:0; left:0; width:100%; height:40px; line-height:40px; text-indent:20px; z-index:1; text-align:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding-right:30px; font-size:13px; color:#fff;}
#footer .family_site .select-indi:after {content:''; display:block; width:10px; height:10px; border-top:1px solid #fff; border-right:1px solid #fff; -webkit-transform:rotate(135deg); transform:rotate(135deg); position:absolute; right:10px; top:50%; margin-top:-9px;}