@charset "utf-8";
/* 메인 */

.section .intro .intro-slider h1 {font-size:80px;} 
.section .intro h1 {margin-top:80px; font-size:40px; line-height:1;}


#section0 .intro {padding:0;}
#section0 .intro h1 {margin:0;}
.section .intro .bg-line {width:100%; height:2px; margin-bottom:20px; background:url('../img/main/bg_line.png') 50% 0 no-repeat;}
.section .intro > p {padding:0 20px; font-size:20px; color:#333; word-break:keep-all;font-weight: 300;}

#section3 .intro h1, #section3 .intro > p {color:#000;}



.section .intro {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding-top: 114px; 
    text-align: center;
}




.stit { font-size:40px;font-weight:700; color:#f1f1f1; }

.sin-box { width:100%;/*padding:30px;*/color:#999;margin-bottom:20px;line-height:28px; border-radius:0px;}
.ssbox {font-size:14px; color:#ccc; }

/* fullpage main indicator */
#fp-nav {top:250px;}
#fp-nav ul li {position:relative; width:14px; height:14px; margin:0 7px 18px;}
#fp-nav ul li + li:before {display:block; position:absolute; top:-18px; width:14px; height:18px; background:url('../img/main/main_indicator_bg.png') 50% 50% no-repeat; content:'';}
#fp-nav ul li a span {width:14px; height:14px; margin:-7px 0 0 -7px; background:transparent; border:2px solid #00a8e0; -webkit-box-sizing:border-box; box-sizing:border-box;}
#fp-nav ul li:hover a span, #fp-nav ul li a.active span, #fp-nav ul li a:hover span, #fp-nav ul li a.active:hover span {width:14px; height:14px; margin:-7px 0 0 -7px; background:#00a8e0;}
#fp-nav ul li .fp-tooltip {top:-2px; font-family:'Noto Sans KR'; color:#00a8e0;}
#fp-nav ul li:hover .fp-tooltip, #fp-nav li a.active + .fp-tooltip {-webkit-transition:opacity 0.2s ease-in; transition:opacity 0.2s ease-in; width:auto; opacity:1;}
/* 반전 */
#fp-nav.white ul li + li:before {background:url('../img/main/main_indicator_bg_white.png') 50% 50% no-repeat; content:'';}
#fp-nav.white ul li a span {border:2px solid #fff;}
#fp-nav.white ul li:hover a span, #fp-nav.white ul li a.active span, #fp-nav.white ul li a:hover span, #fp-nav.white ul li a.active:hover span {background:#fff;}
#fp-nav.white ul li .fp-tooltip {color:#fff;}

/* bxslider */
.bx-wrapper {width:100%; max-width:100% !important; margin:0; border:none; box-shadow:none;background:rgba(0,0,0,.3);} 

/* intro */
#section0 .bx-wrapper, #section0 .bx-viewport {height:100% !important;}
.intro-slider {width:100%; height:100%;}
.intro-slider li {position:relative; height:100% !important;}


.intro-slider li.slide01 { background:url(../img/main/intro_slide05.jpg) 50% 0px no-repeat; background-size:cover; }
.intro-slider li.slide02 { background:url(../img/main/intro_slide06.jpg) 50% 0px no-repeat; background-size:cover; }


.intro-slider .slider-wrap {position:absolute; top:30%; left:0; width:100%; height:100%; color:#fff; z-index:2;}
.intro-slider .slider-wrap .acce {display:inline-block; width:100px; height:100px; margin:5px 20px 0 0; padding:10px; background:#f08300; font-size:30px; font-family:'Noto Sans KR'; color:#fff; line-height:90px; vertical-align:top;}
.intro-slider .slider-wrap .text-wrap {display:inline-block; text-align:left;}

.intro-slider .slider-wrap h1 {font-family:'Noto Sans KR';text-align:center;font-weight:700;}
.intro-slider .slider-wrap h2 {font-family:'Noto Sans KR';text-align:center;font-weight:700;margin-top:30px;}

.intro-slider .slider-wrap p {margin-bottom:30px; font-size:38px; font-weight:500; line-height:32px;}

.txtPoint {display:inline; color:#f08300;}
.bx-controls {position:absolute; top:60%; left:0; width:100%; z-index:999;}
.bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {vertical-align:top;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {position:relative; bottom:auto; display:inline-block; width:auto;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {position:relative; bottom:auto; right:auto; display:inline-block; width:auto; height:10px;}
.bx-wrapper .bx-pager.bx-default-pager a, .bx-wrapper .bx-pager.bx-default-pager a:focus {background:transparent; border:1px solid #fff;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {background:#fff;}
.bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {margin-left:5px; vertical-align:top;}
.bx-wrapper .bx-pager-item {margin-top:-1px;}

/*
.bx-wrapper .bx-controls-auto .bx-start {width:10px; height:10px; background:url('../img/main/slider_control.png') -10px -94px no-repeat;}
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus {background-position:-10px -94px;}
.bx-wrapper .bx-controls-auto .bx-stop {width:10px; height:10px; background:url('../img/main/slider_control.png') 0 -94px no-repeat;}
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus {background-position:0 -94px;}
.bx-wrapper .bx-controls-direction a {top:-234%; width:48px; height:94px; margin-top:-100px;}

.bx-wrapper .bx-prev {left:10%; background:url('../img/main/slider_control.png') 0 0 no-repeat;}
.bx-wrapper .bx-next {right:10%; background:url('../img/main/slider_control.png') -48px 0 no-repeat;}
*/

.bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus {background-position:-48px 0;}
.scrolldown {position:absolute; bottom:310px; left:50%; width:180px; margin-left:-90px;}
.scrolldown span {display:block; font-family:'Noto Sans KR'; font-size:14px; color:#fff;}

.intro-container {position:absolute; width:100%; max-width:1310px; padding:0 15px; padding-top:500px;}
.intro-btn-wrap {position:relative; width:100%; height:130px; font-size:0; text-align:center;}
.intro-btn-wrap li {position:relative; display:inline-block; width:16.66%; height:100%; margin:0; padding:0;}
.intro-btn-wrap li a {position:absolute; bottom:0; display:block; width:100%; height:130px; padding:0; background:rgba(51,51,51,.5); font-size:18px; color:#fff; 
-webkit-transition:background .5s ease-in-out;
-moz-transition:background .5s ease-in-out;
-o-transition:background .5s ease-in-out;
transition:background .5s ease-in-out;}
.intro-btn-wrap li + li a {background:url('../img/main/intro_btn_sep.png') 0 50% no-repeat rgba(51,51,51,.5);}
.intro-btn-wrap li a .intro-icon {width:30%; margin:15px auto;}
.intro-btn-wrap li a p {padding:0 10px; font-size:18px; line-height:1.2; word-break:keep-all;}
.intro-btn-wrap li a.active, .intro-btn-wrap li a:hover {top:-50px; height:180px; padding:25px 0; background:#f08300;}
.intro-btn-wrap li a.active .intro-icon, .intro-btn-wrap li a:hover .intro-icon {width:100%; max-width:96px; margin:5px auto;}
.intro-btn-wrap li a.active p, .intro-btn-wrap li a:hover p {font-size:20px;}
.callNum {position:relative; width:100%; margin:10px 0; text-align:right;}
.callNum li {display:inline-block; font-size:16px; color:#fff;}
.callNum li + li:before {display:inline-block; margin:0 10px; content:'\000B7';}


.foot-container {position:relative; width:100%; max-width:1310px; margin:-240px auto 30px; padding:0 15px;}
.foot-btn-wrap {position:relative; width:100%; height:130px; font-size:0; text-align:center;}
.foot-btn-wrap li {position:relative; display:inline-block; width:25%; height:100%; margin:0; padding:0;}
.foot-btn-wrap li a {position:absolute; bottom:0; display:block; width:100%; height:130px; padding:0;  color:#fff;}
.foot-btn-wrap li + li a {background:url('../img/main/intro_btn_sep.png') 0 50% no-repeat rgba(51,51,51,.0);}
.foot-btn-wrap li a .foot-icon {width:100%; margin:0px auto; margin-top:35px}
.foot-btn-wrap li a p {padding:0 10px; font-size:18px; line-height:1.2; word-break:keep-all;}


/* 회사소개 */
/* #section1 {background:url('../img/main/sbg.gif') repeat;} */
#section1 {background:url('../img/main/bg_main022.jpg') 50% 0 no-repeat; background-size:cover;}
#section1 .intro h1, #section1 .intro > p {margin-top:0px;color:#fff;font-size:24px;font-weight:300;line-height:40px;}
#section1 .intro .pot {font-size:38px;font-weight:500; color:#fff;}
#section1 .intro .con-point {font-size:40px; font-weight:100; color:#fff; margin:60px 0 0px;}
#section1 .intro .in-box{ width:100%;padding:20px;color:#eee;background:rgba(255,255,255,.2);margin-bottom:20px;border-radius:50px;}


#section2 {background:url('../img/main/sbg.gif') repeat;}
#section2 .intro {margin-top:-150px;}
#section2 .intro h1, #section2 .intro > p {margin-top:0px;color:#000;font-size:24px;font-weight:300;line-height:40px;}
#section2 .intro .con-point {font-size:40px; font-weight:700; color:#f08300; margin:60px 0 0px;}



.info-btn-wrap {display:inline-block; width:auto; margin-top:60px; text-align:center;}
.info-btn-wrap li {position:relative; float:left; width:calc(33.33% - 10px); max-width:430px; margin:5px;}
.info-btn-wrap li a {display:block; position:absolute; top:0; left:0; width:100%; height:100%; color:#fff; background:transparent;
-webkit-transition:background .5s ease-in-out;
-moz-transition:background .5s ease-in-out;
-o-transition:background .5s ease-in-out;
transition:background .5s ease-in-out;}

.info-btn-wrap li a:hover {background:url('../img/main/btn_info_hover.png') 50% 50% no-repeat rgba(51,51,51,.8);}


.info-btn-wrap .v-wrap {display:table; width:100%; height:100%;}
.info-btn-wrap .v-wrap p {display:table-cell; vertical-align:middle;}
.info-btn-wrap .v-wrap span {display:block; line-height:1;}
.info-btn-wrap .v-wrap span.num {font-size:28px;}

.bt_text { width:100%;height:80px;color:#fff;background:#0066b5; 

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    text-align: center;

}



#section3 {background:url('../img/main/bg_main03.jpg') 50% 0 no-repeat; background-size:cover;}
#section3 .intro h1, #section3 .intro > p {margin-top:0px;color:#ddd;font-size:24px;font-weight:300;line-height:34px;}

#section4 {background:url('../img/main/bg_main04.jpg') 50% 0 no-repeat; background-size:cover;}
#section4 .intro h1, #section4 .intro > p {margin-top:0px;color:#ddd;font-size:24px;font-weight:300;line-height:34px;}

#section5 {background:url('../img/main/bg_main05.jpg') 50% 0 no-repeat; background-size:cover;}
#section5 .intro h1, #section5 .intro > p {margin-top:0px;color:#ddd;font-size:24px;font-weight:300;line-height:34px;}

#section6 {background:url('../img/main/bg_main06.jpg') 50% 0 no-repeat; background-size:cover;}
#section6 .intro h1 {font-size:48px;font-weight:700; color:#f1f1f1;}
#section6 .pot { font-size:24px;font-weight:500; color:#ccc; }

/* 채용정보 */
#section21 {background:url('../img/main/bg_main013.jpg') 50% 0 no-repeat; background-size:cover;}
.project-slider-wrap {width:100%; margin:80px 0 0 0; height:167px; /* background:rgba(0,0,0,.3); */ text-align:center;}
.project-slider-wrap .container, .project-slider-wrap .bx-wrapper, .project-slider-wrap .bx-viewport {height:100%; background:rgba(0,0,0,.2);}
.project-slider li {border-left:2px solid rgba(255,255,255,.1); border-right:1px solid rgba(255,255,255,.1); border-top:2px solid rgba(255,255,255,.1); border-bottom:1px solid rgba(255,255,255,.1);}
.project-slider li + li {margin-left:-1px;}
.disclosureBox {width:100%; height:167px;}
.disclosureBox a {display:block; height:100%; background:transparent; 
-webkit-transition:background .5s ease-in-out;
-moz-transition:background .5s ease-in-out;
-o-transition:background .5s ease-in-out;
transition:background .5s ease-in-out;}
.disclosureBox a:hover, .disclosureBox a:focus {background:rgba(51,51,51,.2);}
.disclosureBox .date-wrap {position:relative; width:90%; height:58px; margin:0 auto; padding:15px; color:#f9f9f9; background:rgba(240,131,0,0.3);}
.disclosureBox .date-wrap span {display:block; font-family:'Noto Sans KR', font-size:16px;}
.disclosureBox .date-wrap span.year {font-size:14px;}
.disclosureBox .tit-wrap {width:100%; margin:40px 0; padding:0 10px; font-size:18px; color:#ccc; text-align:center;}
.disclosureBox .tit-wrap span {display:block; font-size:16px;}
.disclosureBox a:hover .tit-wrap, .disclosureBox a:focus .tit-wrap {color:#ccc;}
.project-slider-wrap .bx-controls {position:absolute; top:118px; left:0; width:0px; z-index:999;}
.project-slider-wrap .bx-wrapper .bx-controls-direction a {top:50%; width:0px; height:46px; margin-top:-23px;}
/*
.project-slider-wrap .bx-wrapper .bx-prev {left:-22px; background:url('../img/main/slider_control2.png') 0 -46px no-repeat;}
.project-slider-wrap .bx-wrapper .bx-next {right:-21px; background:url('../img/main/slider_control2.png') -46px -46px no-repeat;}
*/
.project-slider-wrap .bx-wrapper .bx-next:hover, .project-slider-wrap .bx-wrapper .bx-next:focus {background-position:-46px -46px;}
.project-slider-wrap .bx-wrapper .bx-pager {bottom:-160px;}

/* 최신글 */
#section13 {background:url('../img/main/bg_main04.jpg') 50% 0 no-repeat; background-size:cover;}

.recruit-btn-wrap {margin-top:30px; text-align:left;position:relative; width:100%; max-width:1310px; margin:50px auto;}
.recruit-btn-wrap li { margin:0 0px;}
.recruit-btn-wrap li a { color:#fff;}

/* 회사소개 */
#section511 {background:url('../img/main/bg_main05.jpg') 50% 0 no-repeat; background-size:cover;}
.recruit-btn-wrap {margin-top:30px; text-align:left;position:relative; width:100%; max-width:1310px; margin:50px auto;}
.recruit-btn-wrap li { margin:0 0px;}
.recruit-btn-wrap li a { color:#333;}




/* 레이어팝업 */
.dimd-lay {display:none;opacity:.7;filter:alpha(opacity=70);width:100%;height:100%;z-index:10;position:fixed;top:0;left:0;background:#000;}
.layer-wrap {width:1300px;margin:0 auto;margin-left:-350px !important;left:50%;box-sizing:border-box;position:fixed;z-index:1005;opacity:0;filter: Alpha(opacity=0);display:none;}
.layer-wrap.show {opacity:1;filter: Alpha(opacity=100);display:block;}
.layer-top {position:relative; background:#ddd;}
.layer-cont {padding:30px;max-height:800px;box-sizing:border-box;overflow-y:auto;background:#fff;}
.lay-close {position:absolute;right:0;top:0;}

/* -----------------------------------------------------------------------------------------------
	미디어 쿼리
--------------------------------------------------------------------------------------------------*/
/* 1024 이하 PC, Tablet PC */
@media (max-width:1023px){
	.section .intro {padding-top:70px; /*margin-top: -40px;*/}
	#fp-nav {top:188px;}
	#fp-nav.right {right:2px;}
	.intro-slider .slider-wrap {top:35%;}
	.intro-slider li.slide01, .intro-slider li.slide02, .intro-slider li.slide03, .intro-slider li.slide04 {background-position:50% 0px;}
	.bx-controls {top:50%;}
	.bx-wrapper .bx-controls-direction a {display:none;}
	.project-slider-wrap .bx-controls-direction a {display:block;}
	#section1 .intro {padding:70px 30px 0;}
	#section1 .intro h1, #section2 .intro h1, #section3 .intro h1 {margin-top:15%;}

	/* 회사소개 */
	.info-btn-wrap {width:100%; margin-top:40px;}
	.info-btn-wrap li {position:relative; width:100%; max-width:100%; height:160px; margin:5px 0; overflow:hidden;}
	.info-btn-wrap li a {z-index:1;}
	.info-btn-wrap li img {position:absolute; top:50%; left:0; width:100%; margin-top:-50%; z-index:0;}
}
/* tablet PC */
@media (max-width:860px){
	/* 채용정보 */
	.disclosureBox a {}
	.disclosureBox a .tit-wrap {}
	.project-slider li {}

.project-slider-wrap .bx-controls {position:absolute; top:118px; left:0; width:100%; z-index:999;}
.project-slider-wrap .bx-wrapper .bx-controls-direction a {top:50%; width:46px; height:46px; margin-top:-23px;}

/*
	.project-slider-wrap .bx-wrapper .bx-prev {left:-22px; background:url('../img/main/slider_control2.png') 0 -46px no-repeat;}
    .project-slider-wrap .bx-wrapper .bx-next {right:-21px; background:url('../img/main/slider_control2.png') -46px -46px no-repeat;}
*/

	.project-slider-wrap .bx-wrapper .bx-prev, .project-slider-wrap .bx-wrapper .bx-prev:hover {background-position:0 -46px;}
	.project-slider-wrap .bx-wrapper .bx-next, .project-slider-wrap .bx-wrapper .bx-next:hover, .project-slider-wrap .bx-wrapper .bx-next:focus {background-position:-46px -46px;}

	/* 최신글 */
	#section3 .intro {padding:50px 0px 0;}
	.recruit-btn-wrap {min-height:268px;}
    .recruit-btn-wrap .newbox {margin-bottom:30px}

}
@media (max-width:768px){
	/* intro */
	.section .intro h1 {font-size:48px; word-break:keep-all;}
	.intro-container {margin-top:-360px;}
	.intro-btn-wrap {height:150px;}
	.intro-slider li.slide01 {/* background:url(../img/main/intro_slide_mobile01.jpg) 50% 0px no-repeat; background-size:cover; */}
	.intro-slider li.slide02 {/* background:url(../img/main/intro_slide_mobile02.jpg) 50% 0px no-repeat; background-size:cover; */}
	.intro-slider li.slide03 {/* background:url(../img/main/intro_slide_mobile03.jpg) 50% 0px no-repeat; background-size:cover; */}
	.intro-slider li.slide04 {/* background:url(../img/main/intro_slide_mobile04.jpg) 50% 0px no-repeat; background-size:cover; */}
	.intro-btn-wrap li a {height:150px; padding:10px 0; -webkit-box-sizing:border-box; box-sizing:border-box;}
	.intro-btn-wrap li {width:49.99%;}
	.intro-btn-wrap li + li a {background-image:none;}
	.intro-btn-wrap li:nth-child(1) a, .intro-btn-wrap li:nth-child(2) a, 
	.intro-btn-wrap li:nth-child(3) a, .intro-btn-wrap li:nth-child(4) a {border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);border-left:1px solid rgba(255,255,255,.1);} 
    .intro-btn-wrap li:nth-child(4) a {border-right:1px solid rgba(255,255,255,.1);}

	
	.intro-btn-wrap li a.active, .intro-btn-wrap li a:hover {top:0; height:150px; padding:10px 0;}
	.intro-btn-wrap li a.active .intro-icon, .intro-btn-wrap li a:hover .intro-icon {width:30%; margin:15px auto;}
	.intro-btn-wrap li a.active p, .intro-btn-wrap li a:hover p {font-size:18px;}
	.callNum {margin-top:160px; text-align:center;}
	.callNum li {font-size:14px;}

	#section1 .intro {padding:70px 15px 0;}
	.section .intro > p {font-size:18px; word-break:keep-all;}

	/* 채용정보 */

/*
	.project-slider-wrap .bx-wrapper .bx-prev {left:-22px; background:url('../img/main/slider_control2.png') 0 -46px no-repeat;}
    .project-slider-wrap .bx-wrapper .bx-next {right:-21px; background:url('../img/main/slider_control2.png') -46px -46px no-repeat;}
*/

	.disclosureBox .date-wrap {padding:10px;}
	.disclosureBox .date-wrap span {font-size:14px;}
	.disclosureBox .date-wrap span.year {font-size:18px;}
	.disclosureBox .tit-wrap {font-size:18px; color:#fff;}
}
/* Smartphone */
@media (max-width:533px){
	#fp-nav {display:none;}
	.intro-slider .slider-wrap {top:100px;}
	.intro-slider li.slide01, .intro-slider li.slide02, .intro-slider li.slide03, .intro-slider li.slide04 {background-position:50% 0px;}

.container {padding:0 10px;}	
	
	.section .intro h1 {/*width:90%;*/ font-size:26px;}
	#section0 .intro h1 {/*margin:50px auto 0;*/}


   .section .intro .intro-slider h1 { font-size: 50px; }

#section1 .intro h1, #section2 .intro h1, 
#section3 .intro h1, #section4 .intro h1, 
#section5 .intro h1 {font-size:18px; line-height:28px; margin:20px auto 5px;}

#section6 .intro h1 {font-size:25px; line-height:38px; margin:20px auto 5px;}

#section1 .intro {padding:0px 10px;}
#section1 .intro h1, #section1 .intro > p { font-size: 18px; line-height: 30px; }
#section1 .intro .pot {font-size:28px;font-weight:500; color:#fff;}
#section1 .intro .con-point {font-size:28px; font-weight:300; margin:60px 0 0px;}
#section1 .intro .in-box{ width:100%;padding:5px;margin-bottom:10px; border-radius:0px;word-break: keep-all;}

#section2 .intro, #section3 .intro, #section4 .intro, #section5 .intro, #section6 .intro {margin-top:0px;padding:0px 10px;}
#section2 .intro h1, #section1 .intro > p { font-size: 18px; line-height: 30px; }
#section2 .intro .pot {font-size:28px;font-weight:500; color:#fff;}
#section2 .intro .con-point {font-size:28px; font-weight:300; margin:60px 0 0px;}
#section2 .intro .in-box{ width:100%;padding:5px;background:#eee;margin-bottom:10px;word-break: keep-all;}


.stit { font-size:28px;font-weight:700; }

.sin-box { width:100%; padding:10px;line-height:20px; border-radius:0px; word-break: keep-all;}
.ssbox {font-size:14px; color:#f05650; word-break: keep-all;}

#section6 .pot {font-size: 16px;font-weight: 700;}


	.intro-slider .slider-wrap .acce {display:block; width:55px; height:30px; margin:-5px auto 5px; font-size:18px; line-height:12px;}
	.intro-slider .slider-wrap .text-wrap {text-align:center;}
	.intro-slider .slider-wrap p {margin-top:0; font-size:16px;}
	
	.intro-container {/*margin-top:-220px;*/}

	.bx-controls {display:none;top:180px;}
	.bx-wrapper .bx-pager-item {margin-top:0;}
	.bx-wrapper .bx-pager.bx-default-pager a {width:6px; height:6px; margin:0 3px;}
	.intro-btn-wrap {height:90px;}
	.intro-btn-wrap li a {height:90px; padding:5px 0;}
	.intro-btn-wrap li a .intro-icon {width:40%; max-width:40px; margin:5px auto 10px;}
	.intro-btn-wrap li a p {font-size:14px;}
/*
	.intro-btn-wrap li:nth-child(4) a p, .intro-btn-wrap li:nth-child(5) a p, .intro-btn-wrap li:nth-child(6) a p {padding-top:5px;}
*/	
	.intro-btn-wrap li a.active, .intro-btn-wrap li a:hover {height:90px; padding:5px 0;}
	.intro-btn-wrap li a.active .intro-icon, .intro-btn-wrap li a:hover .intro-icon {width:40%; max-width:40px; margin:5px auto 10px;}
	.intro-btn-wrap li a.active p, .intro-btn-wrap li a:hover p {font-size:14px;}
	.callNum {margin-top:90px;}
	.callNum li {font-size:12px;}
	.callNum li a {display:inline-block; color:#fff;}

	.section .intro > p {font-size:14px; padding:0 10px;}
	.info-btn-wrap {margin-top:30px;}
	.info-btn-wrap li {height:70px; margin:0 0 5px;}
	.info-btn-wrap .v-wrap span {margin-top:4px; font-size:16px;}
	.info-btn-wrap .v-wrap span.num {margin-top:0; font-size:20px;}

	.project-slider-wrap {height:150px; margin:30px 0 0 0;}
	.project-slider-wrap .container {padding:0 28px; -webkit-box-sizing:border-box; box-sizing:border-box;}
	.disclosureBox {height:150px;}

/*
	.project-slider-wrap .bx-wrapper .bx-prev {left:-22px; background:url('../img/main/slider_control2.png') 0 -46px no-repeat;}
    .project-slider-wrap .bx-wrapper .bx-next {right:-21px; background:url('../img/main/slider_control2.png') -46px -46px no-repeat;}
*/
	.project-slider-wrap .bx-controls {top:100px;}
	.project-slider-wrap .bx-wrapper .bx-pager {bottom:-135px;}




.recruit-btn-wrap { /*height:640px;*/ margin:30px 0; text-align:left; position:relative; width:100%; }
.recruit-btn-wrap li { margin:0 0px; font-size:15px;}
.recruit-btn-wrap li a { color:#000;}
.recruit-btn-wrap .newbox {margin-bottom:30px}

/*
	.recruit-btn-wrap {height:240px; min-height:240px; overflow:hidden;}
	.recruit-btn-wrap li {margin-top:-20px;}
	.recruit-btn-wrap li + li {margin-top:-50px;}
	.recruit-btn-wrap li.left {width:40%; margin-left:10%;}
	.recruit-btn-wrap a .btn-icon, .recruit-btn-wrap a .btn-txt {display:block;}
	.recruit-btn-wrap a .btn-icon {margin-left:0; width:30%;}
	.recruit-btn-wrap .btn-txt span.num {margin-top:5px; font-size:16px;}
	.recruit-btn-wrap .btn-txt span.script {margin-top:6px; font-size:14px;}
	.recruit-btn-wrap li.right .btn-icon {margin-left:25px;}
	.recruit-btn-wrap li.right .btn-txt span.num {margin-left:40px;}
	*/
}
























.bg-red,
.bg-yellow,
.bg-aqua,
.bg-blue,
.bg-light-blue,
.bg-green,
.bg-navy,
.bg-teal,
.bg-olive,
.bg-lime,
.bg-orange,
.bg-fuchsia,
.bg-purple,
.bg-maroon,
.bg-black,
.bg-red-active,
.bg-yellow-active,
.bg-aqua-active,
.bg-blue-active,
.bg-light-blue-active,
.bg-green-active,
.bg-navy-active,
.bg-teal-active,
.bg-olive-active,
.bg-lime-active,
.bg-orange-active,
.bg-fuchsia-active,
.bg-purple-active,
.bg-maroon-active,
.bg-black-active,
.callout.callout-danger,
.callout.callout-warning,
.callout.callout-info,
.callout.callout-success,
.alert-success,
.alert-danger,
.alert-error,
.alert-warning,
.alert-info,
.label-danger,
.label-info,
.label-warning,
.label-primary,
.label-success,
.modal-primary .modal-body,
.modal-primary .modal-header,
.modal-primary .modal-footer,
.modal-warning .modal-body,
.modal-warning .modal-header,
.modal-warning .modal-footer,
.modal-info .modal-body,
.modal-info .modal-header,
.modal-info .modal-footer,
.modal-success .modal-body,
.modal-success .modal-header,
.modal-success .modal-footer,
.modal-danger .modal-body,
.modal-danger .modal-header,
.modal-danger .modal-footer {
  color: #fff !important;
}
.bg-gray {
  color: #000;
  background-color: #d2d6de !important;
}
.bg-gray-light {
  background-color: #f7f7f7;
}
.bg-black {
  background-color: #111111 !important;
}
.bg-red,
.callout.callout-danger,
.alert-danger,
.alert-error,
.label-danger,
.modal-danger .modal-body {
  background-color: #dd4b39 !important;
}
.bg-yellow,
.callout.callout-warning,
.alert-warning,
.label-warning,
.modal-warning .modal-body {
  background-color: #f39c12 !important;
}
.bg-aqua,
.callout.callout-info,
.alert-info,
.label-info,
.modal-info .modal-body {
  background-color: #00c0ef !important;
}
.bg-blue {
  background-color: #8b4f33 !important;
}
.bg-light-blue,
.label-primary,
.modal-primary .modal-body {
  background-color: #3c8dbc !important;
}
.bg-green,
.callout.callout-success,
.alert-success,
.label-success,
.modal-success .modal-body {
  background-color: #00a65a !important;
}
.bg-navy {
  background-color: #001f3f !important;
}
.bg-teal {
  background-color: #e29e56 !important;
}
.bg-olive {
  background-color: #3d9970 !important;
}
.bg-lime {
  background-color: #01ff70 !important;
}
.bg-orange {
  background-color: #ff851b !important;
}
.bg-fuchsia {
  background-color: #f012be !important;
}
.bg-purple {
  background-color: #605ca8 !important;
}
.bg-maroon {
  background-color: #d81b60 !important;
}
.bg-gray-active {
  color: #000;
  background-color: #b5bbc8 !important;
}
.bg-black-active {
  background-color: #000000 !important;
}
.bg-red-active,
.modal-danger .modal-header,
.modal-danger .modal-footer {
  background-color: #d33724 !important;
}
.bg-yellow-active,
.modal-warning .modal-header,
.modal-warning .modal-footer {
  background-color: #db8b0b !important;
}
.bg-aqua-active,
.modal-info .modal-header,
.modal-info .modal-footer {
  background-color: #00a7d0 !important;
}
.bg-blue-active {
  background-color: #005384 !important;
}
.bg-light-blue-active,
.modal-primary .modal-header,
.modal-primary .modal-footer {
  background-color: #357ca5 !important;
}
.bg-green-active,
.modal-success .modal-header,
.modal-success .modal-footer {
  background-color: #008d4c !important;
}
.bg-navy-active {
  background-color: #001a35 !important;
}
.bg-teal-active {
  background-color: #30bbbb !important;
}
.bg-olive-active {
  background-color: #368763 !important;
}
.bg-lime-active {
  background-color: #00e765 !important;
}
.bg-orange-active {
  background-color: #ff7701 !important;
}
.bg-fuchsia-active {
  background-color: #db0ead !important;
}
.bg-purple-active {
  background-color: #555299 !important;
}
.bg-maroon-active {
  background-color: #ca195a !important;
}
[class^="bg-"].disabled {
  opacity: 0.65;
  filter: alpha(opacity=65);
}
.text-red {
  color: #dd4b39 !important;
}
.text-yellow {
  color: #f39c12 !important;
}
.text-aqua {
  color: #00c0ef !important;
}
.text-blue {
  color: #0073b7 !important;
}
.text-black {
  color: #111111 !important;
}
.text-light-blue {
  color: #3c8dbc !important;
}
.text-green {
  color: #00a65a !important;
}
.text-gray {
  color: #d2d6de !important;
}
.text-navy {
  color: #001f3f !important;
}
.text-teal {
  color: #39cccc !important;
}
.text-olive {
  color: #3d9970 !important;
}
.text-lime {
  color: #01ff70 !important;
}
.text-orange {
  color: #ff851b !important;
}
.text-fuchsia {
  color: #f012be !important;
}
.text-purple {
  color: #605ca8 !important;
}
.text-maroon {
  color: #d81b60 !important;
}
.link-muted {
  color: #7a869d;
}
.link-muted:hover,
.link-muted:focus {
  color: #606c84;
}
.link-black {
  color: #666;
}
.link-black:hover,
.link-black:focus {
  color: #999;
}





/* Mobile */
.project-grid.mobile {
    grid-template-columns: repeat(1, 1fr);
}

/* Tablet */
.project-grid.tablet {
    grid-template-columns: repeat(2, 1fr);
}

/* Desktop */
.project-grid.desktop {
    grid-template-columns: repeat(4, 1fr);
}

@media screen and (min-width: 768px) {
    .project-grid.tablet {
        grid-template-columns: repeat(4, 1fr);
    }
    .disclosureBox .date-wrap span {
        font-size: 15px;
    }
    .disclosureBox .tit-wrap {
        font-size: 17px;
    }
}

@media screen and (min-width: 1200px) {
    .disclosureBox .date-wrap span {
        font-size: 16px;
    }
    .disclosureBox .tit-wrap {
        font-size: 16px;
    }
}