/*
  Theme Name: BizPage
  Theme URL: https://bootstrapmade.com/bizpage-bootstrap-business-template/
  Author: BootstrapMade.com
  License: https://bootstrapmade.com/license/
*/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

::selection {
	background: rgb(99, 180, 245);
}

body {
	background: #fff;
	color: #666666;
	font-family: "Open Sans", sans-serif;
}

a {
	color: #29b1dd;
	transition: 0.5s;
}

a:hover,
a:active,
a:focus {
	color: #18d36e;
	outline: none;
	text-decoration: none;
}

p {
	padding: 0;
	margin: 0 0 30px 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	margin: 0 0 20px 0;
	padding: 0;
}

/* Back to top button */

.back-to-top {
	position: fixed;
	display: none;
	background: #29b1dd;
	color: #fff;
	width: 44px;
	height: 44px;
	text-align: center;
	line-height: 1;
	font-size: 16px;
	border-radius: 50%;
	right: 15px;
	bottom: 15px;
	transition: background 0.5s;
	z-index: 11;
}

.back-to-top i {
	padding-top: 12px;
	color: #fff;
}

/* Prelaoder */

#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	overflow: hidden;
	background: #fff;
}

#preloader:before {
	content: "";
	position: fixed;
	top: calc(50% - 30px);
	left: calc(50% - 30px);
	border: 6px solid #f2f2f2;
	border-top: 6px solid #29b1dd;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	-webkit-animation: animate-preloader 1s linear infinite;
	animation: animate-preloader 1s linear infinite;
}

@-webkit-keyframes animate-preloader {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes animate-preloader {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

#header {
	padding: 30px 0;
	height: 92px;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	transition: all 0.5s;
	z-index: 997;
	background: rgba(0, 0, 0, 0.5);
}

#header.header-scrolled {
	background: rgba(0, 0, 0, 0.9);
	padding: 20px 0;
	height: 92px;
	transition: all 0.5s;
}

#header #logo {
	float: left;
}

#header #logo h1 {
	font-size: 34px;
	margin: 0;
	padding: 0;
	line-height: 1;
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	letter-spacing: 3px;
}

#header #logo h1 a,
#header #logo h1 a:hover {
	color: #fff;
	padding-left: 10px;
}

#header #logo img {
	padding: 0;
	margin: 0;
	width: 80%;
}

/*--------------------------------------------------------------
# Intro Section
--------------------------------------------------------------*/

#intro {
	display: table;
	width: 100%;
	height: 100vh;
	background: #000;
}

#intro .carousel-item {
	width: 100%;
	height: 100vh;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

#intro .carousel-item::before {
	content: '';
	background-color: rgba(0, 0, 0, 0.7);
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}

#intro .carousel-container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
}

#intro .carousel-background img {
	max-width: 100%;
}

#intro .carousel-content {
	text-align: center;
}

#intro h2 {
	color: #fff;
	margin-bottom: 30px;
	font-size: 48px;
	font-weight: 700;
}

#intro h2 img {
	width: 80%
}

#intro p {
	width: 80%;
	margin: 0 auto 30px auto;
	color: #fff;
}

#intro .btn-get-started {
	font-family: "Montserrat", sans-serif;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 1px;
	display: inline-block;
	padding: 8px 32px;
	border-radius: 50px;
	transition: 0.5s;
	margin: 10px;
	color: #fff;
	background: #29b1dd;
}

#intro .btn-get-started:hover {
	background: #fff;
	color: #29b1dd;
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/

/* Nav Menu Essentials */

.nav-menu,
.nav-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}

.nav-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}

.nav-menu li {
	position: relative;
	white-space: nowrap;
}

.nav-menu > li {
	float: left;
}

.nav-menu li:hover > ul,
.nav-menu li.sfHover > ul {
	display: block;
}

.nav-menu ul ul {
	top: 0;
	left: 100%;
}

.nav-menu ul li {
	min-width: 180px;
}

/* Nav Menu Arrows */

.sf-arrows .sf-with-ul {
	padding-right: 30px;
}

.sf-arrows .sf-with-ul:after {
	content: "\f107";
	position: absolute;
	right: 15px;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
}

.sf-arrows ul .sf-with-ul:after {
	content: "\f105";
}

/* Nav Meu Container */

#nav-menu-container {
	float: right;
	margin: 0;
}

/* Nav Meu Styling */

.nav-menu a {
	padding: 5px 20px 8px 20px;
	text-decoration: none;
	display: inline-block;
	color: #fff;
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	font-size: 13px;
	text-transform: uppercase;
	outline: none;
}

.nav-menu li:hover > a,
.nav-menu > .menu-active > a {
	border-radius: 25px;
	transition: 0.5s;
	border: 1px solid #fff;
}

.nav-menu > li > a span {
	color: #222;
	padding: 5px 18px 8px 18px;
	border-radius: 25px;
	transition: 0.5s;
	background: #fff;
	border: 1px solid #fff
}

.nav-menu > li {
	margin-left: 10px;
}

.nav-menu ul {
	margin: 4px 0 0 0;
	padding: 10px;
	box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
	background: #fff;
}

.nav-menu ul li {
	transition: 0.3s;
}

.nav-menu ul li a {
	padding: 10px;
	color: #333;
	transition: 0.3s;
	display: block;
	font-size: 13px;
	text-transform: none;
}

.nav-menu ul li:hover > a {
	color: #29b1dd;
	border-radius: 25px;
	transition: 0.5s;
	margin-top: 10px;
	border: 2px solid #fff;
}



.nav-menu ul ul {
	margin: 0;
}

/* Mobile Nav Toggle */

#mobile-nav-toggle {
	position: fixed;
	right: 0;
	top: 0;
	z-index: 999;
	margin: 20px 20px 0 0;
	border: 0;
	background: none;
	font-size: 24px;
	display: none;
	transition: all 0.4s;
	outline: none;
	cursor: pointer;
}

#mobile-nav-toggle i {
	color: #fff;
}

/* Mobile Nav Styling */

#mobile-nav {
	position: fixed;
	top: 0;
	padding-top: 18px;
	bottom: 0;
	z-index: 998;
	background: rgba(0, 0, 0, 0.8);
	left: -260px;
	width: 260px;
	overflow-y: auto;
	transition: 0.4s;
}

#mobile-nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#mobile-nav ul li {
	position: relative;
}

#mobile-nav ul li a {
	color: #fff;
	font-size: 13px;
	text-transform: uppercase;
	overflow: hidden;
	padding: 10px 22px 10px 15px;
	position: relative;
	text-decoration: none;
	width: 100%;
	display: block;
	outline: none;
	font-weight: 700;
	font-family: "Montserrat", sans-serif;
}

#mobile-nav ul li a:hover {
	color: #29b1dd;
}

#mobile-nav ul li li {
	padding-left: 30px;
}

#sub #mobile-nav ul li.menu-active a {
	color: #29b1dd;
}

#mobile-nav ul .menu-has-children i {
	position: absolute;
	right: 0;
	z-index: 99;
	padding: 15px;
	cursor: pointer;
	color: #fff;
}

#mobile-nav ul .menu-has-children i.fa-chevron-up {
	color: #29b1dd;
}

#mobile-nav ul .menu-has-children li a {
	text-transform: none;
}

#mobile-nav ul .menu-item-active {
	color: #29b1dd;
}

#mobile-body-overly {
	width: 100%;
	height: 100%;
	z-index: 997;
	top: 0;
	left: 0;
	position: fixed;
	background: rgba(0, 0, 0, 0.7);
	display: none;
}

/* Mobile Nav body classes */

body.mobile-nav-active {
	overflow: hidden;
}

body.mobile-nav-active #mobile-nav {
	left: 0;
}

body.mobile-nav-active #mobile-nav-toggle {
	color: #fff;
}

/*--------------------------------------------------------------
# Sections
--------------------------------------------------------------*/

/* Sections Header
--------------------------------*/

.section-header h3 {
	font-size: 32px;
	color: #111;
	text-transform: uppercase;
	text-align: center;
	font-weight: 700;
	position: relative;
	padding-bottom: 15px;
}

.section-header h3::before {
	content: '';
	position: absolute;
	display: block;
	width: 120px;
	height: 1px;
	background: #ddd;
	bottom: 1px;
	left: calc(50% - 60px);
}

.section-header h3::after {
	content: '';
	position: absolute;
	display: block;
	width: 40px;
	height: 3px;
	background: #29b1dd;
	bottom: 0;
	left: calc(50% - 20px);
}

.section-header p {
	text-align: center;
	padding-bottom: 30px;
	color: #333;
}

/* Section with background
--------------------------------*/

.section-bg {
	background: #f7f7f7;
}

/* Featured Services Section
--------------------------------*/

#featured-services {
	background: #000;
}

#featured-services .box {
	padding: 30px 20px;
}

#featured-services div:nth-child(1) {
	background: url(../img/intro-carousel/business_01.png) 0 0;
	background-size: cover;
}

#featured-services div:nth-child(2) {
	background: url(../img/intro-carousel/business_02.png) 0 0;
	background-size: cover;
}

#featured-services div:nth-child(3) {
	background: url(../img/intro-carousel/business_03.png) 0 0;
	background-size: cover;
}

#featured-services div:nth-child(4) {
	background: url(../img/intro-carousel/business_04.png) 0 0;
	background-size: cover;
}


#featured-services i {
	color: #efefef;
	font-size: 23px;
	display: inline-block;
	line-height: 24px;
}

#featured-services h4 {
	font-weight: 400;
	margin: 15px 0;
	font-size: 24px;
}

#featured-services h4 a {
	color: #fff;
}

#featured-services h4 a:hover {
	color: #29b1dd;
}

#featured-services p {
	font-size: 12px;
	line-height: 24px;
	color: #eee;
	margin-bottom: 0;
	border-bottom: 1px solid #333;
}



/* Call To Action Section
--------------------------------*/

#call-to-action {
	height: 450px;
	background: url(../img/call-to-action.png) center 5%;
	background-size: cover;
	padding: 60px 0;
	color: #222;
}

#call-to-action h3 {
	color: #222;
	font-size: 28px;
	font-weight: 700;
}

#call-to-action p {
	color: #222;
	padding-top: 30px
}

#call-to-action .cta-btn {
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 1px;
	display: inline-block;
	padding: 8px 28px;
	border-radius: 25px;
	transition: 0.5s;
	margin-top: 10px;
	border: 2px solid #222;
	color: #222;
}

#call-to-action .cta-btn:hover {
	background: #29b1dd;
	color: #fff;
	border: 2px solid #29b1dd;
}

/* Clients Section
--------------------------------*/

#clients {
	padding: 60px 0;
}

#clients .client_bg {
	background: #f9f9f9;
	margin: 50px auto 0;
}

#clients .clients-ul li {
	list-style: none;
	display: inline-block;
	padding: 10px 25px;
}

#clients img {
	max-width: 100%;
	opacity: 0.5;
	transition: 0.3s;
	padding: 15px 0;
}

#clients img:hover {
	opacity: 1;
}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

#footer {
	padding: 0 0 30px 0;
	color: #777;
	font-size: 14px;
	border-top: 2px solid #efefef
}

#footer .footer-top {
	padding: 60px 0 0 0;
	text-align: center
}

#footer .footer-top img {
	width: 80px
}

#footer .copyright {
	text-align: center;
}

#footer .credits {
	text-align: center;
	font-size: 13px;
	color: #555;
}

/*sub*/

/* Nav Meu Styling */

#sub #header {
	background: rgba(255, 255, 255, 1);
}

#sub .nav-menu a {

	color: #222;
}

#sub .nav-menu li:hover > a,
#sub .nav-menu > .menu-active > a {
	border: 2px solid #222;
}

#sub .nav-menu > li > a span {
	color: #fff;
	background: #222;
	border: 0px solid #222
}

#sub .nav-menu li:last-child:hover > a {
	border: 0px solid #222
}

#sub .nav-menu ul {
	background: #222;
}

/* Mobile Nav Toggle */

#sub #mobile-nav-toggle i {
	color: #222;
}

/* Mobile Nav Styling */

#sub #mobile-nav ul li a {
	color: #fff;
}


#sub #mobile-nav ul .menu-has-children i {

	color: #222;
}


#sub.mobile-nav-active #mobile-nav-toggle {
	color: #222;
}



#sub-top {
	height: 180px;
    width:100%;
	color: #fff;
    position: fixed;
    top:90px; 
    left:auto;
     z-index: 1;
}

#sub-top h2 {
	font-size: 22px;
	position: absolute;
	bottom: 80px;
}

#sub-top .container p {
	font-size: 120px;
	font-weight: 700;
	font-family: "Montserrat", sans-serif;
	position: absolute;
	bottom: -80px;
        text-shadow: -1px 0px 5px #8c8c8c;
}

.company {
	position: relative;
	background: url(../img/intro-carousel/3.jpg) center 90%;
	background-size: cover;

}

.solution {
	position: relative;
	background: url(../img/intro-carousel/2.jpg) center 90%;
	background-size: cover
}

.SERVICE {
	position: relative;
	background: url(../img/intro-carousel/1.jpg) center 50%;
	background-size: cover
}

.recruit {
	position: relative;
	background: url(../img/intro-carousel/5.jpg) center 50%;
	background-size: cover
}

.contact {
	position: relative;
	background: url(../img/intro-carousel/location.jpg) center 40%;
	background-size: cover
}

.notice {
	position: relative;
	background: url(../img/intro-carousel/notice.jpg) center 40%;
	background-size: cover
}


.intro_com {
	padding: 30px 0 50px;
}

.intro_com .container .col-lg-4 {
	display: flex;
	justify-content: center;
	align-items: center;

}

.intro_com .container .col-lg-8 {
	padding: 60px 50px;
}

.intro_com .img_logo {
	width: 80%
}

.intro_com .org-img {
	margin-bottom: 50px
}

.intro_com .org-img > img {
	width: 80%
}

.area_tit {
	float: left;
	width: 200px
}

.area_tit .tit_corp {
	display: block;
	padding: 73px 40px 0 0;
	font-size: 18px;
	line-height: 30px;
	color: #1e1e1e;
	vertical-align: top
}

.contact_com, .intro_solution, .intro_com{margin-top: 300px; background: #fff;    z-index: 1;
    position: static;}

.area_cont {
	float: left;
	width: 650px;
	min-height: 400px;
}

.list_history {
	margin-top: 80px;
	border-top: 2px solid #4d4d4d
}

.list_history li {
	overflow: hidden;
	border-bottom: 1px solid #e6e6e6
}

.history_info {
	overflow: hidden;
	padding: 33px 0;
	color: #1e1e1e
}

.history_info .txt_year {
	float: left;
	width: 100px;
	line-height: 30px
}

.history_info .inner_info {
	display: block;
	overflow: hidden
}

.history_info .txt_info {
	padding-top: 16px;
	line-height: 30px
}

.history_info .txt_info:first-child {
	padding-top: 0
}

.history_info .txt_info .txt_num {
	float: left;
	padding-right: 37px;
	font-weight: bold
}

.history_info .txt_info .txt_date {
	display: block;
	overflow: hidden;
	padding-top: 1px
}

.history_info .txt_info .txt_date2 {
	font-weight: bold
}

/* 공고리스트 */

.list_notice {
	overflow: hidden;
	width: 940px;
	border-top: 1px solid #e6e6e6;
}

.list_notice li {
	border-bottom: 1px solid #e6e6e6;
	list-style: none;
}

.list_notice .link_notice,
.list_notice .info_notice {
	display: block;
	overflow: hidden;
	height: 100%
}

/* 2017-09-18 수정 */

.list_notice .link_notice:hover {
	text-decoration: none
}

.item_board {
	overflow: hidden;
	display: table;
	width: 100%;
	font-size: 15px;
	font-family: 'Kakao Light', '맑은 고딕', 'Malgun Gothic', 'Apple SD Gothic Neo', '돋움', dotum, sans-serif;
	color: #6e6e6e;
	color: #1e1e1e
}

.item_board .field_front {
	display: table-cell;
	font-size: 15px;
	vertical-align: middle
}

.item_board .field_middle {
	float: left
}

.item_board .field_end {
	overflow: hidden;
	display: table-cell;
	width: 120px;
	padding-left: 20px;
	font-size: 15px;
	vertical-align: middle
}

.item_board .txt_tit {
	display: block;
	font-size: 20px
}

.board_view {
	width: 940px;
	padding-top: 24px;
	font-family: 'Kakao Light', '맑은 고딕', 'Malgun Gothic', 'Apple SD Gothic Neo', '돋움', dotum, sans-serif
}

.board_view .item_board {
	border-top: 1px solid #888;
	border-bottom: 1px solid #e6e6e6;
	background-color: #f1f1f1
}

.board_view .cont_board {
	font-size: 15px;
	line-height: 30px;
	background-color: #fff;
	color: #333
}

.board_view .txt_cont:first-child {
	padding-top: 0
}

.board_view .wrap_btn {
	overflow: hidden;
	padding: 40px 0 10px
}

.board_view .wrap_btn .link_move {
	float: left;
	width: 118px;
	height: 38px;
	margin-right: 10px;
	border: 1px solid #d4d4d4;
	font-size: 15px;
	line-height: 39px;
	background-color: #f9f9f9;
	color: #333;
	text-align: center
}

.board_view .wrap_btn .link_list {
	float: right;
	margin-right: 0
}



.sub_notice .wrap_field .field_middle {
	width: 800px
}

.sub_notice .item_board .field_middle {
	width: 755px;
	padding: 30px 20px 30px 25px
}


.sub_notice .board_view {
	padding-top: 24px
}

.sub_notice .board_view .field_middle {
	width: 730px;
	padding: 30px 20px 30px 50px
}

.sub_notice .board_view .field_end {
	width: 120px;
	padding-left: 20px
}

.sub_notice .cont_board {
	padding: 33px 50px 70px
}

.sub_notice .txt_cont {
	padding-top: 33px
}

/* 진행중공고 서브탭 */

.box_select {
	position: absolute;
	top: 209px;
	right: 0
}

.box_select2 {
	right: 145px
}


.box_select .link_selected {
	width: 90px;
	height: 38px;
	line-height: 40px;
	font-size: 14px
}


.state_on .box_select .link_selected {
	background-color: #fff
}

.box_select .ico_arr {
	top: 17px;
	right: 14px
}

.list_opt {
	top: 38px;
	width: 98px;
	font-size: 15px
}

.item_board .field_front {
	width: 120px;
	padding: 0 10px;
	font-size: 18px
}

.item_board .field_middle {
	width: 600px;
	padding: 33px 20px
}

.field_middle .txt_name {
	padding-bottom: 4px
}

.field_middle .txt_period .txt_bar {
	float: none;
	margin: 0 7px;
	color: #e6e6e6;
	background-color: transparent
}


.tit_notice {
	padding-top: 50px;
}

.map_cont .map_info .list_address {
	padding-top: 16px
}

.map_cont .map_info .list_address dt {
	float: left;
	width: 69px;
	color: #1e1e1e
}

.map_cont .map_info .list_address dd {
	overflow: hidden
}

.map_location {
	width: 700px;

}

.tit_findway {
	padding: 13px 0 3px;
}

.list_wayout em {
	font-style: normal;
	font-weight: 400;
}

.list_wayout li {
	list-style: none;
	padding: 3px 18px 0 0;
	float: left;
	height: 24px;
}

.list_wayout .txt_station {
	margin-top: 2px;
	float: left;
	margin-right: 6px;
}

.list_wayout .ico_traffic {
	float: left;
	margin: 5px 4px 0 0;
}

.ico_traffic {
	display: inline-block;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	background: url(../img/ico_traffic_181224.png) no-repeat;
	line-height: 999px;
	vertical-align: top;
}

.seoul_line7_small {
	width: 14px;
	height: 14px;
	background-position: -120px 0;
}

.seoul_line1_small {
	width: 14px;
	height: 14px;
	background-position: 0 0;
}

.seoul_line2_small {
	width: 14px;
	height: 14px;
	background-position: -20px 0;
}



.list_wayout .bg_bar {
	float: left;
	margin: 6px 6px 0 4px;
	background: #ddd;
}

.bg_bar {
	display: inline-block;
	width: 1px;
	height: 10px;
	background: #e5e5e5;
	vertical-align: top;
	text-indent: -9999px;
}

.list_wayout .txt_wayout {
	font-size: 14px;
	line-height: 22px;
	float: left;
	color: #666;
}

.station_wayout {
	padding-bottom: 12px;
	overflow: hidden
}

.station_ride {
	border-top: 1px solid #f2f2f2;
	clear: both;
}

.tit_wayout {
	height: 25px;
	padding: 6px 0 1px;
	font-size: 15px;
	line-height: 18px;
	float: left;
	width: 260px;
	overflow: hidden;
}

.txt_busstop {
	float: left;
	overflow: hidden;
	max-width: 140px;
	white-space: nowrap;
	text-decoration: none;
	text-overflow: ellipsis;
}

.txt_number {
	float: left;
	padding-left: 4px;
	font-size: 14px;
	color: #666;
	line-height: 18px;
	letter-spacing: 0;
	vertical-align: top;
}

.ride_wayout .list_ride {
	padding: 0 0 9px 275px;
}

.list_ride li {
	overflow: hidden;
	position: relative;
	padding-top: 8px;
}

.list_ride .ico_traffic {
	float: left;
	margin-right: 6px;
}

.list_ride .num_ride {

	height: 16px;
}

.list_ride .num_ride {
	overflow: hidden;
	float: left;
	width: 200px;
	height: auto;
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: #666;
	letter-spacing: 0;
}

.bus_green {
	width: 26px;
	height: 16px;
	background-position: -60px -410px;
}

.bus_town {
	width: 26px;
	height: 16px;
	background-position: -330px -410px;
}

.bus_blue,
.bus_circle {
	width: 26px;
	height: 16px;
}

.bus_blue {
	background-position: 0 -410px;
}

.bus_airport {
	width: 26px;
	height: 16px;
	background-position: -30px -410px;
}


.tbl_comm {
	width: 860px;
	margin-top: 80px;
	border-top: 2px solid #4d4d4d
}

.subject_corp + .tbl_comm {
	margin-top: 15px
}

.tit_subject + .tbl_comm {
	margin-top: 16px
}

.info_head + .tbl_comm {
	margin-top: 54px
}

.tbl {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed
}

.tbl th {
	border-left: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	font-weight: normal;
	font-size: 14px
}

.tbl td {
	border-left: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	font-size: 14px;
	line-height: 26px;
	text-align: center
}

.tbl thead th {
	padding: 15px 20px;
	color: #1e1e1e;
	font-family: 'NotoSans Regular', 'Malgun Gothic', '맑은 고딕', 'Apple SD Gothic Neo', '돋움', dotum, sans-serif
}

.tbl .inner_cell {
	padding: 15px 20px 14px
}

.tbl .inner_cell .btn_step {
	margin: 0
}

.tbl .fst {
	border-left: 0 none
}

.tbl .ta_left {
	text-align: left
}

.tbl .ta_center {
	text-align: center
}

.tbl .ta_right {
	text-align: right
}

.tbl .va_top {
	vertical-align: top
}

.tbl .border_r {
	border-right: 1px solid #e6e6e6
}

.tbl .link_txt {
	color: #1e1e1e;
	line-height: 24px;
}

/* 테이블안에 링크 */

.tbl .link_txt:hover {
	font-weight: bold
}

.tbl .ta_point {
	color: #1e1e1e
}

/* 텍스트 진한색 */

.tbl .ta_middle {
	font-size: 15px
}

/* 긴타이틀 중간 폰트 15px */

.tbl .ta_small {
	font-size: 14px
}

/* 작은 폰트 14px */

.tbl .list_array li {
	padding-left: 10px;
	text-indent: -10px
}

.tbl .ta_voter {
	padding: 0
}

.tbl .ta_voter .item_voter {
	padding: 0
}

.tbl .list_voter li {
	display: table;
	width: 100%;
	border-top: 1px solid #e5e5e5;
	line-height: 55px
}

.tbl .list_voter li:first-child {
	border-top: 0 none
}

.tbl .list_voter li .txt_voter {
	display: table-cell;
	width: 59%;
	border-right: 1px solid #e5e5e5;
	vertical-align: middle;
	text-align: left;
	text-indent: 20px
}

.tbl .list_voter li .txt_result {
	display: table-cell;
	width: 40%;
	line-height: 24px;
	vertical-align: middle
}

.tbl_type2 th {
	border-left: 0 none;
	text-align: center
}

/* tbl_type2 : 보더없는 테이블 */

.tbl_type2 td {
	border-left: 0 none
}

.tbl_type3 .ta_left .inner_cell {
	color: #1e1e1e
}

.tbl_type4 .inner_cell {
	padding: 12px 20px 13px;
	color: #1e1e1e
}

/* tbl_type4 : 테이블 안에 버튼있는 타입 */

.tbl_type4 .btn_download + .btn_download {
	margin-left: 7px
}

.tbl .match_keyword {
	background-color: #ffee33
}

/* 키워드 매칭 */

.tbl .data_none {
	padding: 69px 0 72px;
	font-weight: bold;
	font-size: 16px;
	color: #1e1e1e
}

/* 페이징 */

.paging_comm {
	overflow: hidden;
	position: relative;
	width: 100%;
	padding-top: 30px;
	text-align: center
}

.txt_standard + .paging_comm {
	padding-top: 12px
}

.paging_comm .inner_paging {
	display: inline-block
}

.ico_corp {
	display: inline-block;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	background: url(../img/ico_corp_181031.png) no-repeat;
	text-indent: -9999px;
	vertical-align: top;
}

.paging_comm .btn_paging {
	display: block;
	float: left;
	width: 28px;
	height: 28px;
	margin: 0 3px;
	border: 1px solid #e6e6e6;
	text-align: center
}

.paging_comm .btn_paging .ico_corp {
	width: 12px;
	height: 9px;
	margin: 9px auto 0
}

.paging_comm .btn_paging:hover {
	border-color: #1e1e1e;
	background: #1e1e1e
}

.paging_comm .btn_fst .ico_corp {
	background-position: 0 -40px
}

.paging_comm .btn_fst:hover .ico_corp {
	background-position: 0 -60px
}

.paging_comm .btn_prev {
	margin-right: 4px
}

.paging_comm .btn_prev .ico_corp {
	width: 6px;
	background-position: -20px -40px
}

.paging_comm .btn_prev:hover .ico_corp {
	background-position: -20px -60px
}

.paging_comm .btn_next {
	margin-left: 30px
}

.paging_comm .btn_next .ico_corp {
	width: 6px;
	background-position: -30px -40px
}

.paging_comm .btn_next:hover .ico_corp {
	background-position: -30px -60px
}

.paging_comm .btn_lst .ico_corp {
	background-position: -40px -40px
}

.paging_comm .btn_lst:hover .ico_corp {
	background-position: -40px -60px
}

.paging_comm .link_page {
	float: left;
	margin-left: 25px;
	font-size: 14px;
	line-height: 28px;
	color: #666
}

.paging_comm .link_page:first-child {
	margin-left: 0
}

.paging_comm em.link_page {
	font-weight: bold;
	line-height: 27px;
	color: #1e1e1e;
	text-decoration: underline
}

.board_view {
	overflow: hidden;
	padding: 75px 0 60px;
	line-height: 26px;
	border-bottom: 1px solid #e5e5e5;
}

.board_view + .wrap_btn {
	padding-top: 20px;
	overflow: hidden;
}

.wrap_btn .btn_move {
	float: left;
	width: 98px;
	height: 38px;
	margin-right: 10px;
	border: 1px solid #1e1e1e;
	font-size: 14px;
	line-height: 38px;
	color: #1e1e1e;
	text-align: center;
	text-decoration: none;
}

.wrap_btn .btn_list {
	float: right;
	width: 100px;
	height: 40px;
	font-size: 14px;
	line-height: 40px;
	color: #fff;
	background-color: #4d4d4d;
	text-align: center;
	text-decoration: none;
}

.solution_des {
	padding: 50px 20px 0;
}

.solution_des b {
	font-size: 24px;
}

.solution_area > div:nth-of-type(1),
.solution_area > div:nth-of-type(3) {
	border-right: 1px solid #efefef
}

.solution_area > div:nth-of-type(1),
.solution_area > div:nth-of-type(2) {
	border-bottom: 1px solid #efefef
}

.solution_area h4 {
	color: #000;
	margin: 20px;
}

.solution_area h4 > small {
	display: block;
	font-size: 14px;
}

.solution_area .img {
	padding: 20px 0;
	margin: auto
}

.solution_area ul {
	margin-top: 15px
}

.solution_area ul li {
	list-style: none;
	font-size: 14px;
	text-align: center
}

/*--------------------------------------------------------------
# Responsive Media Queries
--------------------------------------------------------------*/

.screen_out {
	overflow: hidden;
	position: absolute;
	width: 0;
	height: 0;
	line-height: 0;
	text-indent: -9999px
}



@media (min-width: 768px) {
	#contact .contact-address,
	#contact .contact-phone,
	#contact .contact-email {
		padding: 20px 0;
	}

	#contact .contact-phone {
		border-left: 1px solid #ddd;
		border-right: 1px solid #ddd;
	}
}

@media (min-width: 992px) {
	#testimonials .testimonial-item p {
		width: 80%;
	}
}

@media (min-width: 1024px) {
	#header #logo {
		padding-left: 60px;
	}

	#intro p {
		width: 60%;
	}

	#intro .carousel-control-prev,
	#intro .carousel-control-next {
		width: 5%;
	}

	#nav-menu-container {
		padding-right: 60px;
	}
	.list_notice {
		width: 100%;
	}
}

@media (max-width: 768px) {
	.back-to-top {
		bottom: 15px;
	}

	#header #logo h1 {
		font-size: 28px;
	}

	#header #logo img {
		max-height: 40px;
	}

	#intro h2 {
		font-size: 28px;
	}

	#nav-menu-container {
		display: none;
	}

	#mobile-nav-toggle {
		display: inline;
	}

	#sub-top .container h2 {
		font-size: 24px;
	}
	#sub-top .container p {
		font-size: 36px;
		position: absolute;
		bottom: 0px;
	}
	.list_notice {
		width: 100%;
	}
	.area_tit {
		width: 100%;
	}
	.area_cont,
	.tbl_comm,
	.board_view,
	board_view {
		width: 100%;
	}

	.map_location .img {
		max-width: 100%;

	}

	.item_board .field_middle,
	.item_board .field_front,
	.item_board .field_end {
		width: 100%;
		display: block;
		text-align: center
	}

	.item_board .field_front,
	.item_board .field_end {
		padding: 20px 0
	}
	.map_location {
		width: 100%!important;
	}
	.root_daum_roughmap {
		width: 100%!important;
	}


}