/*
 1. General
 **********************************************************************/
body {
	font-family: 'Roboto', sans-serif;
	color: #FFF;
	line-height: 1.2em;
	font-size: 17px;
	line-height: 20px;
}
a {
	color: #181A1C;
	text-decoration: none;
}
a:hover {
	color: #FECE1A;
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
h1 {
	margin: 10px;
}
ul{
	list-style: none;
}

.navbar {

	margin-bottom: 0;
	min-height: 70px;
}

.navbar-fixed-top {
	min-height: 60px;
	height: 60px;
	padding-top: 0;
}
.navbar-inner {
	background: #FFFFFF;
	border-radius: 0;
	filter: none;
	border: none;
	box-shadow: none;
}
.navbar .brand {
	margin-left: 8%;
	height: 110px;
}
.navbar .brand img {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 139px;
	margin: auto;
	content: url('https://apps.adxcorp.kr/hr/image/neptune_logo.svg');
}
.main-logo {
	background: url('https://apps.adxcorp.kr/hr/image/neptune_logo.svg') no-repeat center center;
	width: 139px;
	height: 110px;;
}
/******
 2. Layout
 **********************************************************************/
.centered {
	margin-left: auto;
	margin-right: auto;
	float: none;
	text-align: center;
}
/* Use this class if you want ceter element with span* class */
.center {
	float: none !important;
	margin: 0 auto !important;
	text-align: center;
}
.highlighted-box {
	background: #F4F8F9;
	padding: 20px 30px;
}
.highlighted-box h1 {
	margin: 0px;
}
.large-text {
	line-height: 1.2em;
	font-size: 30px;
	color: #181A1C;
	padding: 20px;
	margin-bottom: 20px;
}
.highlighted-box h1, .highlighted-box p {
	color: #181A1C !important;
}
.circle-border {
	display: inline-block;
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-radius: 500px;
	-khtml-border-radius: 500px;
}
.left-align {
	text-align: left;
}
.right-align {
	text-align: left;
}
.error {
	color: #CF0000;
	display: none;
}
.invisible {
	display: none;
	visibility: visible;
}
/*
 2.1 Animations
 **********/
.zoom-in {
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-webkit-transition: all 250ms ease;
	-moz-transition: all 250ms ease;
	-o-transition: all 250ms ease;
	-ms-transition: all 250ms ease;
	transition: all 250ms ease;
}
.zoom-in:hover {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
}
/*
 2.2 Buttons - There are buttons on a transparent background, primary and secondary color background.
 **********/
.button, .button:visited, .button:focus {
	display: inline-block;
	color: #181A1C;
	border: none;
	background-color: transparent;
	padding: 15px 30px;
	font-size: 17px;
	line-height: auto;
}
.button:hover, .button:active {
	background-color: #181A1C;
	color: #fff;
}
.button-sp, .button-sp:visited, .button-sp:focus {
	border: none;
	background-color: #FECE1A;
	color: #181A1C;
}
.button-sp:hover, .button-sp:active {
	background-color: #181A1C;
	color: #FECE1A;
}
.button-ps, .button-ps:visited, .button-ps:focus {
	border: none;
	background-color: #181A1C;
	color: #FECE1A;
}
.button-ps:hover, .button-ps:active {
	background-color: #FECE1A;
	color: #181A1C;
}
/
/*

 /* 2.3 common title
 **************************************************************************/

p.category_font {
	color: #e1e1e1;
	font-size: 16px;
	font-family: 'tsrd-heavy';
	line-height: 25px;
	margin-bottom: 24px;
}
.category_font {
	color: #e1e1e1;
	font-size: 16px;
	font-family: 'tsrd-heavy';
	line-height: 25px;
	margin-bottom: 17px;
}
p.sub_title {
	color: #333333;
	font-size: 32px;
	font-family: 'nanum-pen';
	line-height: 36px;
}
p.sub_content {
	color: #c2c2c2;
	font-size: 16px;
	font-family: 'nanum-barun-gothic';
	line-height: 28px;
	margin-bottom: 100px;
}
.service, .service h2 {
	padding-top: 15px;
}
.service p {
	padding: 0px 50px;
	height: 80px;
}
.mr_l_ {
	float: left;
	vertical-align: middle;
	line-height: 71px;
}
.container .line-mr {
	background: url('https://apps.adxcorp.kr/hr/image/intro_line.png') no-repeat;
	width: 120px;
	height: 2px;
	margin-top: 26px;
	margin-bottom: 28px;
}

/*
 ***************************************************************************/
.main-btn {
	display: inline-block;
	background: url('https://apps.adxcorp.kr/hr/image/main_btn.png') no-repeat;
	/* padding: 22px 40px; */
	width: 180px;
	font-size: 16px;
	color: #ffffff;
	font-family: 'tsrd-black';
	height: 65px;
	border: 0px;
}
.file-down-btn {
	display: inline-block;
	background: url('https://apps.adxcorp.kr/hr/image/job_opening_btn.png') no-repeat;
	border: none;
	width: 240px;
	height: 74px;
	border: 0px;
	margin-right: 40px;
	font-weight: bold;
	font-size: 18px;
	font-family: 'tsrd-black';
}
.file-upload-btn {
	display: inline-block;
	border: none;
	background: url('https://apps.adxcorp.kr/hr/image/job_opening_btn.png') no-repeat;
	width: 240px;
	height: 74px;
	border: 0px;
	font-weight: bold;
	font-size: 18px;
	font-family: 'tsrd-black';
}
select, input[type="file"] .left {
	float: left;
}
/*
 3. Sections -background
 ***************************************************************************/

.section .container {
	padding-top: 80px;
}
.section .title {
	text-align: center;
	padding: 10px;
	margin-bottom: 30px;
}
.section .title h1 {
	font-weight: normal;
	margin-bottom: 20px;
	padding: 0;
}
.section .title > p {
	font-size: 20px;
	color: #FFF;
	font-weight: lighter;
}
/*
 4.intro
 ***************************************************************************/
.intro-section {
	background: #FFFFFF;
}

.intro-img {
	background: url("https://apps.adxcorp.kr/hr/image/intro_chrarcter.png") no-repeat center center;
	margin-top: 127px;
	margin-bottom: 130px;
}

/*
 5.people
 ***************************************************************************/
.people-section {
	background: #f5f5f5;
}
.people-title {
	font-family: 'nanum-barun-gothicB';
	color: #333333;
	font-size: 18px;
	line-height: 28px;
	margin-top: 40px;
	margin-bottom: 19px;
}
.people-content {
	font-family: 'nanum-barun-gothic';
	color: #a1a1a1;
	font-size: 14px;
	line-height: 24px;
}
.section .people-mr {
	padding-top: 113px;
	padding-bottom: 113px;
}
/*
 6.recurit
 ***************************************************************************/
.recruit-section {
	background: #f5f5f5;
}

.recruit-title {
	font-family: 'nanum-barun-gothicB';
	color: #333333;
	font-size: 18px;
	line-height: 28px;
	margin-top: 40px;
	margin-bottom: 130px;
}
.recruit-title .recruit-num {
	color: #c2c2c2;
}
.recruit-content {
	font-family: 'nanum-barun-gothic';
	color: #8f8f8f;
	font-size: 14px;
	line-height: 24px;
}
.row-fluid .span02 .recurit-arrow {
	background: url('https://apps.adxcorp.kr/hr/image/recruit_arrow_icon.png') no-repeat center center;
	height: 200px;
}
.row-mr_b_30 {
	margin-bottom: 30px;
}
/*
 7.job opening
 ***************************************************************************/
.job-opening-table-row {
	display: inline-flex;
	width: 100%;
}
.job-opening-table-col {
	width: 33%;
}
.job-table {
	margin-bottom: 45px;
}
.job-table-title {
	font-family: 'nanum-barun-gothic';
	font-size: 22px;
	margin-top: 18px;
	margin-bottom: 11px;
	color: #333333;
	line-height: 24px;
	font-weight: bold;
}
.job-table-text {
	font-family: 'nanum-barun-gothic';
	font-size: 15px;
	color: #a1a1a1;
	line-height: 24px;
	margin-bottom: 11px;
}
.job-opening-title {
	font-family: 'nanum-barun-gothic';
	color: #7d7d7d;
	font-size: 15px;
	margin-top: 30px;
	margin-bottom: 10px;
	font-weight: bold;
}
.job-img-mr {
	margin: 16px;
}
.job-table-th {
	background: #f5f5f5;
	padding-left: 30px;
}
.job-table-content {
	background: #fafafa;
	padding-bottom: 40px;
	padding-left: 30px;
	padding-right: 20px;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.job-table-timeline {
	font-family: 'nanum-barun-gothic';
	font-size: 14px;
	color: #acacac;
	line-height: 24px;
	vertical-align: -webkit-baseline-middle;
}
.job-opening-content {
	font-family: 'nanum-barun-gothic';
	color: #c2c2c2;
	font-size: 14px;
	line-height: 27px;
}
/*
 8. dialog
 ******************************************************************/
.Pstyle {
	opacity: 0;
	display: none;
	position: relative;
	min-width: 365px;
	width: 80%;
	border: 5px solid #fff;
	padding: 20px;
	background-color: #fff;
}
.wrap-loading {/*화면 전체를 어둡게 합니다.*/
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0,0,0,0.2); /*not in ie */
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#20000000', endColorstr='#20000000'); /* ie */
}
.wrap-loading div {/*로딩 이미지*/
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -21px;
	margin-top: -21px;
}
.display-none {/*감추기*/
	display: none;
}

input[type='text'] {
	height: 30px;
	margin: 15px;
	margin-left: 20px;
	float: left;
}
select, input[type="file"] {
	height: 30px;
	margin: 22px;
	margin-left: 20px;
}
.selectpicker.left {
	float: left;
}

.dlg-table {
	border-top: 3px solid #d6d6d6;
	border-bottom: 2px solid #d6d6d6;
}
.dlg-table-row {
	background: #ebebeb;
	border-bottom: 1px solid #d6d6d6;
}
.dlg-table-title {
	margin: auto;
	background: #ebebeb;
}
.dlg-table .title {
	font-family: 'nanum-barun-gothic';
	font-weight: bold;
	color: #666666;
	font-size: 18px;
	margin: auto;
	padding-top: 26px;
	margin-right: -26px;
}
.dlg-table-content {
	background: #fafafa;
	margin: auto;
	color: #000000;
	height: 71px;
}

.dlg-table .text {
	font-family: Gulim !important;
	font-size: 12px;
	color: #000000;
	margin: 22px;
}
.file-btn {
	height: 30px;
	margin: 15px;
	float: left;
}
.submit-btn {
	background: url('https://apps.adxcorp.kr/hr/image/job_opening_btn.png') no-repeat;
	width: 240px;
	height: 74px;
	border: 0px;
	font-family: 'nanum-barun-gothicB';
	font-size: 20px;
	color: #ffffff;
}
.custom-file-upload-hidden {
	display: none;
	visibility: hidden;
	position: absolute;
	left: -9999px;
}
.custom-file-upload {
	display: block;
	width: auto;
	font-size: 16px;label {
	display: block;
	margin-bottom: 5px;
}
}

.file-upload-wrapper {
	position: relative;
	margin-bottom: 5px;//
	border: 1px solid #ccc;
}
.file-upload-input {
	width:      $file-upload-size;
	color: #fff;
	font-size: 16px;
	padding: 11px 17px;
	border: none;
	background-color: $file-upload-color;
	@include transition(all 0.2s ease-in);
	float: left; /* IE 9 Fix */
	&:hover, &:focus {
	background-color: darken($file-upload-color, 5);
	outline: none;
}
}
.file-upload-button {

	font-size: 16px;
	margin-top: 15px;
	float: left; /* IE 9 Fix */
	&:hover {
	background-color: darken($file-upload-color, 20);
}
}
.file-text {
	margin-top: 20px;
	font-family: 'nanum-barun-gothic';
	font-size: 14px;
	float: left;
	margin-left: 20px;
	color: #959595;
}
/*
 /*
 9. benifit - image
 ********************************************************************/
.benefit-section {
	background: #ffffff;
}
.benefit-noti {
	margin-bottom: 130px;
	margin-left: 5%;
	margin-right: 5%;
}
.benefit-img {
	padding-left: 10%;
	padding-right: 10px;
}
.benefit-text {
	color: #898989;
	font-family: 'nanum-barun-gothic';
	font-size: 16px;
	line-height: 28px;
}
.benefit .img .caption .work_title .subtitle {
	font-family: 'nanum-barun-gothicB';
	color: #ffffff;
	font-size: 24px;
	padding-left: 20px;
	margin-bottom: 10px;
}
.benefit .img .caption .work_title .subtext {
	font-family: 'nanum-barun-gothic';
	color: #d7d7d7;
	font-size: 16px;
	padding-left: 20px;
}
.benefit .img {
	display: block;
	width: 25%;
	height: auto;
	float: left;
	position: relative;
	overflow: hidden;
}

.benefit .img .media {
	width: 100%;
	vertical-align: middle;
}

.benefit .img .caption {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	text-align: bottom;
	top: 0;
	left: 0;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 49%, rgba(0,0,0,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(49%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 49%,rgba(0,0,0,1) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 49%,rgba(0,0,0,1) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 49%,rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 49%,rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
	opacity: 1;
}

/*.benefit .img:hover .caption{
 opacity: 0.3;
 }*/

.img .caption .work_title {
	display: block;
	width: 100%;
	position: absolute;
	text-align: left;
	bottom: 5%;
	margin-top: -40px;
}

.benefit .img .caption h1 {
	position: relative;
	display: inline-block;
	max-width: 90%;
	padding: 20px 0;
	z-index: 77;
	color: #454545;
	font-family: "raleway-regular", arial;
	font-size: 16px;
	border-bottom: 1px solid #bfbbbb;
	border-top: 1px solid #bfbbbb;
}
.benefit .img  .caption {
	transition: all .1s linear;
	-webkit-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-o-transition: all .1s linear;
}
.icon1 {
	content: url('https://apps.adxcorp.kr/hr/image/benefit_icon_01.png');
}
.icon2 {
	content: url('https://apps.adxcorp.kr/hr/image/benefit_icon_02.png');
}
.icon3 {
	content: url('https://apps.adxcorp.kr/hr/image/benefit_icon_03.png');
}
.icon4 {
	content: url('https://apps.adxcorp.kr/hr/image/benefit_icon_04.png');
}
.icon5 {
	content: url('https://apps.adxcorp.kr/hr/image/benefit_icon_05.png');
}
.icon6 {
	content: url('https://apps.adxcorp.kr/hr/image/benefit_icon_06.png');
}
.icon7 {
	content: url('https://apps.adxcorp.kr/hr/image/benefit_icon_07.png');
}
.icon8 {
	content: url('https://apps.adxcorp.kr/hr/image/benefit_icon_08.png');
}
.icon9 {
	content: url('https://apps.adxcorp.kr/hr/image/benefit_icon_09.png');
}

.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}

/*
 10. interview section
 ********************************************************************/
.interview-section {
	background: #2b3d4f;
}
.back-line {
	background: url('https://apps.adxcorp.kr/hr/image/job_opening_navy_back.png') no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.interview-section .title {
	border-bottom: 1px solid #181A1C;
}
.interview-section h1, .interview-section .title p {
	color: #181A1C;
}
.interview_title {
	font-family: 'nanum-barun-gothicB';
	color: #d7d7d7;
	font-size: 15px;
	margin-bottom: 13px;
}
.interview_content {
	font-family: 'nanum-barun-gothic';
	color: #acacac;
	font-size: 15px;
	margin-bottom: 28px;
	line-height: 30px;
}
.faq_title {
	font-family: 'nanum-barun-gothicB';
	font-size: 15px;
	margin-bottom: 32px;
	color: #f1c40f;
}
.faq_q {
	font-family: 'nanum-barun-gothicB';
	font-size: 14px;
	color: #c2c2c2;
	line-height: 24px;
	margin-bottom: 10px;
}
.faq_a {
	font-family: 'nanum-barun-gothic';
	font-size: 15px;
	color: #acacac;
	line-height: 24px;
	margin-bottom: 35px;
}
.tableset .table_title {
	font-family: 'nanum-barun-gothicB';
	font-size: 22px;
	color: #333333;
}
.tableset .table_sub_title {
	font-family: 'nanum-barun-gothicB';
	font-size: 15px;
	color: #a1a1a1;
}
/*
 11. map section
 ********************************************************************/
.map-wrapper {
	position: relative;
	height: auto;
}
.map-canvas {
	position: absolute;
	width: 100%;
	height: 500px;
	color: #29383F;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
}
.contact .social {
	display: inline-block;
	margin-left: 0;
}
.contact .social li {
	line-height: 32px;
	padding: 10px 10px;
	font-family: 'Porta';
	font-size: 50px;
	transition: margin 0.4s;
	-webkit-transition: margin 0.4s;
}
.contact .social li a {
	color: #fff;
}
.contact .social li a:hover {
	color: #181A1C;
}
.contact-form {
	background: #fff;
	background: rgba(255, 255, 255, 0.9);
	z-index: 110;
	position: relative;
	margin-top: -25px;
	padding: 20px;
}
.contact-form h3 {
	color: #838589;
	padding-bottom: 20px;
}
.message-btn {
	border: 1px solid #747C89;
	color: #747C89;
	background-color: transparent;
	padding: 15px 30px;
	font-size: 17px;
}
.message-btn:hover {
	background-color: #FECE1A;
}
.contact-info {
	text-align: center;
	font-size: 22px;
}
.info-mail {
	border: 1px solid white;
	width: 60%;
	margin: 0 auto;
	padding: 15px;
	color: #181A1C;
}
.black {
	color: #181A1C;
}
/*button section
 ********************************************************************/

.btn-section {
	margin-top: 70px;
	margin-bottom: 110px;
}

/*
 3.8 Footer
 ********************************************************************/
.footer {
	background: #212f3b;
	text-align: center;
	padding-top: 47px;
	padding-bottom: 47px;
}
p .footer-title {
	font-family: 'tsrd-heavy';
	color: #ffffff;
	font-size: 18px;
}
p .footer-content {
	font-family: 'nanum-barun-gothicB';
	font-size: 14px;
	color: c2c2c2;
}
.footer-mr {
	margin-top: 17px;
	margin-bottom: 19px;
}
.footer > p {
	color: #fff;
	margin: 0;
}
.scrollup {
	text-align: center;
	cursor: pointer;
	vertical-align: middle;
	width: 39px;
	height: 39px;
	border-radius: 5px;
	font-size: 20px;
	position: fixed;
	bottom: 30px;
	right: 20px;
	border: 1px solid #fff;
	display: none;
	background: #FECE1A;
}
.scrollup > a {
	position: relative;
	top: 7px;
	color: #fff;
}
/*
 slider
 *********/

.main-slide1 {
	background: url('https://apps.adxcorp.kr/hr/image/main_img_01.png') no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.main-slide2 {
	background: url('https://apps.adxcorp.kr/hr/image/main_img_02.png') no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.main-slide3 {
	background: url('https://apps.adxcorp.kr/hr/image/main_img_03.png') no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.main-slide4 {
	background: url('https://apps.adxcorp.kr/hr/image/main_img_04.png') no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.service-slide1 {
	background: url('https://apps.adxcorp.kr/hr/image/service_info_01.png') no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.service-slide2 {
	background: url('https://apps.adxcorp.kr/hr/image/service_info_02.png') no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.service-slide3 {
	background: url('https://apps.adxcorp.kr//service_info_03.png') no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.service-slide4 {
	background: url('https://apps.adxcorp.kr/hr/image/service_info_04.png') no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.service-slide5 {
	background: url('https://apps.adxcorp.kr/hr/image/service_info_05.png') no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.service-slide6 {
	background: url('https://apps.adxcorp.kr/hr/image/service_info_07.png') no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.service-slide7 {
	background: url('https://apps.adxcorp.kr/hr/image/service_info_08.png') no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.service-slide8 {
	background: url('https://apps.adxcorp.kr/hr/image/service_info_06.png') no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
/*
 4 Responsible
 ********************************************************************/
@media (min-width: 1600px) {

	.interview-left-mr {
		margin-left: -100px;
	}
	.interview-faq-mr {
		padding-left: 100px;
	}
}
@media (max-width: 1400px) {

	.interview-left-mr {
		margin-left: -60px;
	}
	.interview-faq-mr {
		padding-left: 60px;
	}
}
@media (max-width: 1300px) {

	.interview-left-mr {
		margin-left: -20px;
	}
	.interview-faq-mr {
		padding-left: 40px;
	}
}
@media (max-width: 1200px) {

	.interview-left-mr {
		margin-left: -30px;
	}
	.interview-faq-mr {
		padding-left: 30px;
	}
}
@media (max-width: 1000px) {

	.interview-left-mr {
		margin-left: 0px;
	}
	.interview-faq-mr {
		padding-left: 10px;
	}
}
@media (max-width: 979px) {
	body {
		padding-left: 0;
		padding-right: 0;
	}
	.navbar .brand {
		height: 90px;
	}
	.navbar-fixed-top, .navbar-fixed-bottom {
		position: fixed;
	}
	.navbar .nav > li > a {
		line-height: 20px;
		vertical-align: middle;
	}
	.section {
		padding-left: 20px;
		padding-right: 20px;
	}
	.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
		margin-left: 0px;
		margin-right: 0px;
	}
	.nav-collapse {
		clear: both;
	}
	.nav-collapse .nav {
		float: none;
		margin: 0 0 10px;
	}
	.nav-collapse .nav > li {
		float: none;
	}
	.nav-collapse, .nav-collapse.collapse {
		width: 100%;
		display: inherit;
	}
	.thumbnail .more {
		margin-left: -21px;
		width: 40px;
		height: 40px;
		border-radius: 30px;
		line-height: 40px;
	}
	.thumbnail:hover .more {
		margin-top: -20px;
	}
	.benefit .img {
		width: 50%;
	}
	.benefit {
		width: 100%;
		position: relative;
		padding-left: 0;
	}
	/* main slide */

	.main-btn {
		background: url('https://apps.adxcorp.kr/hr/image/main_btn_979.png') no-repeat;
		font-size: 14px;
		font-family: 'tsrd-black';
		width: 108px;
		height: 37px;
	}
	.main-content {
		padding: 7px;
	}
}
@media (max-width: 970px) {
	.line {
		height: 142px;
	}
	select, input[type="file"] {
		float: left;
	}
}
@media (max-width: 880px) {

	.line3 {
		height: 142px;
	}
}
@media (max-width: 767px) {
	.navbar .brand {
		height: 80px;
	}
	.info-mail {
		width: 90%;
		padding: 15px 0px;
	}
	.project-description {
		padding-left: 20px;
	}
	.price-column, .testimonial {
		margin-top: 30px;
	}
	.people-title {
		margin-top: 20px;
	}
	.back-line {
		background: none;
	}
	input[type="text"] {
		float: left;
	}
	.main-btn {
		background: url('https://apps.adxcorp.kr/hr/image/main_btn_767.png') no-repeat;
		font-size: 10px;
		width: 84px;
		height: 29px;
	}
	.main-content {
		padding: 5px;
	}
	.dlg-table-title {
		width: 100%;
	}
	.dlg-table-content {
		width: 100%;
	}
	.text-right {
		text-align: left;
	}

}
@media (max-width: 676px) {
	.line3 {
		height: 142px;
	}
	.file-upload-button {
		margin-bottom: 10px;
		margin-right: 0px;
	}
	.job-table {
		margin-left: -15px;
		margin-right: -15px;
	}
	.service-slide1 {
		background: url('https://apps.adxcorp.kr/hr/image/service_info_01_mobile.png') no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	.service-slide2 {
		background: url('https://apps.adxcorp.kr/hr/image/service_info_02_mobile.png') no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	.service-slide3 {
		background: url('https://apps.adxcorp.kr/hr/image/service_info_03_mobile.png') no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	.service-slide4 {
		background: url('https://apps.adxcorp.kr/hr/image/service_info_04_mobile.png') no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	.service-slide5 {
		background: url('https://apps.adxcorp.kr/hr/image/service_info_05_mobile.png') no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}

	.service-slide6 {
		background: url('https://apps.adxcorp.kr/hr/image/service_info_07_mobile.png') no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	.service-slide7 {
		background: url('https://apps.adxcorp.kr/hr/image/service_info_08_mobile.png') no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	.service-slide8 {
		background: url('https://apps.adxcorp.kr/hr/image/service_info_06_mobile.png') no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	.service-half {
		display: none;
	}

	.icon1 {
		content: url('https://apps.adxcorp.kr/hr/image/benefit_icon_01_mobile.png');
	}
	.icon2 {
		content: url('https://apps.adxcorp.kr/hr/image/benefit_icon_02_mobile.png');
	}
	.icon3 {
		content: url('https://apps.adxcorp.kr/hr/image/benefit_icon_03_mobile.png');
	}
	.icon4 {
		content: url('https://apps.adxcorp.kr/hr/image/benefit_icon_04_mobile.png');
	}
	.icon5 {
		content: url('https://apps.adxcorp.kr/hr/image/benefit_icon_05_mobile.png');
	}
	.icon6 {
		content: url('https://apps.adxcorp.kr/hr/image/benefit_icon_06_mobile.png');
	}
	.icon7 {
		content: url('https://apps.adxcorp.kr/hr/image/benefit_icon_07_mobile.png');
	}
	.icon8 {
		content: url('https://apps.adxcorp.kr/hr/image/benefit_icon_08_mobile.png');
	}
	.icon9 {
		content: url('https://apps.adxcorp.kr/hr/image/benefit_icon_09_mobile.png');
	}
}
@media (max-width: 500px) {
	.navbar .brand {
		height: 70px;
	}
	.benefit .img {
		width: 100%;
	}
	.line2 {
		height: 142px;
	}
	.Pstyle {

		padding: 10px;
	}
	.job-table-th {
		background: #f5f5f5;
		padding-left: 20px;
	}
	.file-upload-button {
		margin-left: 22px;
		margin-bottom: 10px;
	}
	.map-canvas {
		position: absolute;
		width: 100%;
		height: 400px;
		color: #29383F;
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
	}
	.btn-section {
		margin-top: 65px;
	}
	.file-down-btn {
		margin-right: 0px;
		margin-bottom: 25px;
	}
	.recruit-title {
		margin-top: 28px;
	}
	.interview_content {

		line-height: 26px;
	}
	.main-logo {
		background: url('/hr/image/neptune_logo.svg') no-repeat center center;
		width: 90px;
		height: 27px;;
	}
	.service-info-section .da-slider {
		width: 100%;
		min-width: 320px;
		height: 320px;
		position: relative;
		margin: 0 auto;
		overflow: hidden;
	}
	.mobile-x {
		display: none;
	}
	.main-btn {
		display: none;
	}
	.interview-faq-mr {
		padding-left: 0px;
		padding-top: 40px;
	}
	.navbar .brand img {
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		/* content: url('https://apps.adxcorp.kr/hr/image/neptune_logo.svg'); */
		content: url('/hr/image/neptune_logo.svg');
		margin-left: 21%;
		width: 90px;
		height: 27px;
	}
	.benefit-noti {

		margin-left: -10px;
		margin-right: 0px;
		margin-bottom: 80px;
	}
	.benefit-text {
		font-size: 15px;
	}
	.mr_b_30 {
		margin-bottom: 30px;
	}
}
/* slider
 *****************************************/

/*!
 * Start Bootstrap - Full Slider HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

html, body {
	height: 100%;
}

.carousel, .item, .active {
	height: 100%;
}

.carousel-inner {
	height: 100%;
}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
	width: 100%;
	height: 100%;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}

footer {
	margin: 50px 0;
}
.spinner {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 100;
}
