@charset "utf-8";
@import url('/skin/notokr/notokr.css');
@import url('/skin/NanumMyeongjo/NanumMyeongjo.css');

html {
	overflow-x: hidden;
	overflow-y: scroll;
}

.body-layout {
	background-color: #fff;
	word-break: keep-all !important;
	padding-top: 91px;
}

/* 폰트 설정 */
.body-layout,
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
button {
	font-family: 'notokr', 'Apple SD Neo Gothic', 'Malgun Gothic', 'Gulim', sans-serif;
}

/* h1, h2, h3, h4, h5, h6, p { margin: 0px; } */
ol,
ul,
li {
	list-style: none;
	list-style-position: inside;
}



.navbar .caret,
.navbar .divider-vertical,
.navbar~br,
.footer-social-layout,
.footer_copy .text-center>br,
.topmarginLay_a {
	display: none;
}

.sub-layout {}

/* 상단 네비게이션 */

.navbar.navbar-inverse {
	background-color: #fff;
	/* padding: 10px 0 0; */
	border-bottom: 0;
	margin-bottom: 0;
}

.navbar-header .navbar-brand {
	display: block;
	padding: 0;
	font-size: 28px;
	margin-left: 0 !important;
	color: #636363 !important;
	font-weight: 600;
	font-family: 'NanumMyeongjo', serif;
	margin-top: 28px;
}

.navbar-header .navbar-brand img {
	margin-top: 22px;
	display: inline-block;
	vertical-align: bottom;
	width: 200px;
}

.nav.navbar-nav>li>a {
	display: block;
	height: 100%;
	padding: 35px 25px;
	font-size: 17px;
	font-weight: 600;
	color: #333;
}

.nav.navbar-nav>li:hover>a,
.nav.navbar-nav>li.open>a,
.nav.navbar-nav>li:focus>a {
	color: #0A4F88;
	background: none;
}

.nav.navbar-nav li .dropdown-menu {
	left: 0;
	right: auto;
	border-radius: 0;
	border: 0;
	padding: 0;
}

.nav.navbar-nav li .dropdown-menu li a {
	padding-top: 12px;
	padding-bottom: 12px;
	font-weight: 500;
	font-size: 15px;
	letter-spacing: -0.034em;
	border-top: 1px solid #eee;
	background: #fafafa;
}

.nav.navbar-nav li .dropdown-menu li:hover a {
	color: #fff;
	background: #0074c8;
}

/* //상단 네비게이션 */

/* 슬라이드 영역 */


.container.container_slide {
	width: 100%;
	padding: 0;
}

.fill {
	height: 640px;
}

.container_slide .carousel-inner .item {
	transition: all .6s ease;
}

.carousel-inner .item .carousel-caption {
	top: 55%;
	bottom: auto;
	transform: translateY(-50%);
}

.carousel-inner .item .carousel-caption h1 {
	margin: 0;
	font-weight: 600;
	font-size: 60px;
	font-family: 'NanumMyeongjo', serif;
	text-align: left;
}

.onevision {
	color: #024881;
}

.carousel-inner .item .carousel-caption h1 small {
	font-size: 20px;
	font-weight: 300;
	color: #fff;
	display: block;
}

.carousel-inner .item .carousel-caption h1 small::before {
	content: '';
	display: block;
	width: 60px;
	height: 1px;
	background: #fff;
	margin: 20px 0;
}

.carousel-inner .item .carousel-caption p {}

.carousel-inner .item .carousel-caption h1 span,
.carousel-inner .item .carousel-caption p span {
	background-color: transparent;
	text-shadow: none;
	opacity: 1;
	padding: 0;
}

.carousel-control {
	display: none;
}

.carousel-indicators {
	right: auto;
	left: 20%;
	border: aliceblue;
	bottom: auto;
	top: 70%;
	transform: translateX(0);
	width: 100%;
	margin-left: 0;
	text-align: left;
}

.carousel-indicators li {
	width: 80px !important;
	height: 5px !important;
	border-radius: 0;
	margin: 0 5px !important;
	background: rgba(255, 255, 255, 0.4);
	border: 0;
}

.carousel-indicators li.active {
	background: rgba(255, 255, 255, 1);
}


/* //슬라이드 영역 */

/* 메인 중단영역 */
/*  구버전
.mobile-btn-layout-container{
	display: none;
}
.mainPage{
    overflow: hidden;
    padding-top: 30px;
    padding-bottom: 30px;
}
.mainPage .thumbnail{
	padding: 0;
	border: 0;
	border-radius: 0;
	margin-top: 0;
}
.mainPage .thumbnail > .row{
	margin: 0;
}
.mainPage .thumbnail > .row .col-xs-12{
	padding: 0;
}
.mainPage .thumbnail .caption{
	padding: 20px 0 0 30px;
	background: #fff;
	min-height: 154px;
}
.mainPage > .row > .col-xs-12:nth-child(1) .thumbnail .caption{
	background: #fff;
}
.mainPage .thumbnail .caption h5{
	margin-top: 0;
	margin-bottom: 15px;
	font-weight: 600;
	font-size: 20px;
	letter-spacing: -0.034em;
	color: #0D5386;
	padding-bottom: 13px;
	border-bottom: 1px solid #ddd;
}
.mainPage .thumbnail .caption .list-main{
	padding: 0;
	    overflow: hidden;
	    margin: 0 -5px;
}
.mainPage .thumbnail .caption .list-main > li{
	padding: 0px 0 0 15px;
	width: 50%;
	float: left;
	letter-spacing: -0.034em;
	position: relative;
}
.mainPage .thumbnail .caption .list-main > li > a{
	font-size: 15px;
	display: block;
	margin-bottom: 7px;
	color: #333;
	font-weight: 500;
}
구버전 끝 */

/* 신버전!! */

.container_contents,
.intro-html-layout,
.intro-html-layout>.col-sm-12 {
	width: 100%;
	padding: 0;
	margin: 0;
}

.new_main {
	width: 100%;
	padding: 50px 0;
	background: #024881;
}

.new_main .new-wrap {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 25px;
}

.new_main .main-box h4 {
	position: relative;
	margin-top: 0;
	line-height: 1;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
	color: #fff;
	font-weight: 600;
}

.new_main .main-box h4>a {
	font-size: 12px;
	color: #8e8e8e;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	display: none;
}

.new_main .main-box p {
	margin-bottom: 0;
	color: #aaa;
}

/* //메인 중단영역 */

/* 서브페이지 */

.container.sub-layout {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

.subHeader {
	height: 180px;
	background-image: url(/skin/img/sub/sub_title.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.subHeader .container h2 {
	text-align: center;
	color: #033c79;
	font-size: 40px;
	font-weight: 600;
	margin: 67px 0 0;
	letter-spacing: -0.034em;
	/* line-height: 160px; */
}

.subHeader .container .breadcrumb {
	background: none;
	margin-top: 10px;
	margin-bottom: 0;
	text-align: center;
	padding: 0;
}

.subHeader .container .breadcrumb li a {
	color: #666;
}

.subHeader .container .breadcrumb li.active {
	color: #333;
}

.subBody {
	padding-top: 80px;
	padding-bottom: 120px;
}

.subContent_title {
	text-align: center;
	font-size: 36px;
}

.subContent_title:after {
	content: '';
	display: block;
	width: 40px;
	height: 3px;
	border-radius: 10px;
	background: #0082e0;
	margin: 20px auto 80px;
}

/* #Business04 .subContent_inner:nth-child(2){
	margin-bottom: 100px;
	padding-bottom: 100px;
	border-bottom: 1px solid #ddd;
} */
.subContent_inner .content p {
	font-size: 17px;
	font-weight: 400;
	letter-spacing: -0.034em;
	line-height: 1.6em;
}

#About01 .content p .company,
[id^="Business"] .content p>b,
#Recruit .recruit>.company {
	font-size: 18px;
	color: #0064ac;
	font-weight: 500;
}

#About02 .content.con1 {
	margin-bottom: 80px;
	padding-bottom: 80px;
	border-bottom: 1px dashed #ddd;
}

#About02 .content h4 {
	padding-left: 40px;
	margin-top: 43px;
	font-size: 22px;
	font-weight: 600;
	position: relative;
}

#About02 .content h4::before {
	content: '';
	display: block;
	width: 13px;
	height: 13px;
	border: 3px solid #0082E0;
	border-radius: 50%;
	position: absolute;
	left: 20px;
	top: 7px;
}

#About02 .content .location-li {
	padding: 0px 20px 0;
	margin: 0;
}

#About02 .content .location-li>li,
#Recruit .name-card .list-name-card>li {
	font-size: 16px;
	padding: 30px 0 15px;
	color: #333;
	letter-spacing: -0.015em;
	border-bottom: 1px solid #ddd;
}

#About02 .content .location-li>li {
	padding-top: 15px;
}

#About02 .content .location-li>li:first-child {}

#About02 .content .location-li>li:after,
#Recruit .name-card .list-name-card>li:after {
	content: '';
	clear: both;
	display: table;
}

#About02 .content .location-li>li>span,
#Recruit .name-card .list-name-card>li>span {
	display: block;
	font-weight: 600;
	margin-bottom: 7px;
	color: #0064ac;
	letter-spacing: 0;
	font-size: 16px;
}

[id^="Business"] .business-nav {
	width: 900px;
	margin: 0 auto 80px;
}

[id^="Business"] .business-nav .nav {
	margin: 0 -5px;
}

[id^="Business"] .business-nav .nav li {
	padding: 0 5px;
	width: calc(100% / 6);
	margin: 0;
	font-size: 15px;
}

[id^="Business"] .business-nav .nav li a {
	text-align: center;
	border-radius: 0;
	color: #005d8b;
	font-weight: 500;
	background: #ffffff;
	padding: 15px 5px;
	border: 1px solid #8cc5e1;
}

[id^="Business"] .business-nav .nav li.active a {
	border: 1px solid #0077b2;
	color: #fff;
	background: #0077b2;
}

[id^="Business"] .content .img-box {}

[id^="Business"] .content p {
	line-height: 1.8em;
	padding: 50px;
	margin: 0;
	min-height: 300px;
	background: #f6f6f6;
	/* border-top: 1px solid #ddd; */
	/* border-bottom: 1px solid #ddd; */
}

#Business01 .content p {
	height: 300px;
}

#Business02 .content p {
	padding: 48px 48px;
	line-height: 1.8em;
	height: 300px;
}

#Business03 .content p {
	/* padding: 34px 40px; */
}

#Business04 .content {
	margin-bottom: 120px;
}

#Business04 .content p {
	/* padding: 76px 40px; */
}

#Business05 .content p {
	/* padding: 48px 40px; */
}

[id^="Member"] .content .pic {
	padding-top: 15px;
}

[id^="Member"] .content .info {
	padding-left: 45px;
}

[id^="Member"] .content h4 {
	font-size: 27px;
	color: #333;
	font-weight: 600;
	margin-bottom: 20px;
}

[id^="Member"] .content .profile-title {
	/* padding: 30px 0; */
	border-bottom: 1px solid #eee;
	border-top: 1px solid #0082e0;
	background: #fafafa;
	padding: 20px 24px;
}

[id^="Member"] .content .profile-title .inner-box {}

[id^="Member"] .content .profile-career .career-box h5 {
	font-size: 20px;
	margin-bottom: 15px;
	letter-spacing: -0.034em;
	padding-left: 7px;
	border-left: 3px solid #0082e0;
	line-height: 0.95em;
}

[id^="Member"] .content .profile-title .list-profile {
	padding: 0;
	margin-top: 15px;
	margin-bottom: 0;
	/* background: #fff; */
	border-radius: 3px;
}

[id^="Member"] .content .profile-title .list-profile>li {
	font-size: 15px;
	margin-bottom: 5px;
	border-top: 1px solid #eee;
	padding: 10px 0 4px;
}

[id^="Member"] .content .profile-title .list-profile>li>span {
	font-weight: 600;
	display: inline-block;
	width: 100px;
	color: #333;
}

[id^="Member"] .content .profile-career {
	padding: 50px 0 30px;
}

[id^="Member"] .content .profile-career .career-box {
	margin-bottom: 60px;
}

[id^="Member"] .content .profile-career .list-career {
	padding: 0;
	border-top: 1px solid #ccc;
	padding-top: 4px;
	/* background: #fff; */
	/* box-shadow: 2px 2px 4px rgba(0,0,0,0.14) */
}

[id^="Member"] .content .profile-career .list-career>li {
	font-size: 16px;
	padding: 7px 15px 11px;
	margin-bottom: 5px;
	letter-spacing: -0.034em;
	border-bottom: 1px solid #eee;
}

[id^="Member"] .content .profile-career .career-box h6 {
	font-size: 18px;
	font-weight: 500;
	color: #65ace0;
}

[id^="Member"] .content .profile-career .career-box dl {
	padding: 25px 30px;
	/* border: 1px solid #bcd3e4; */
	background: #f0f8fe;
	margin-bottom: 30px;
	/* box-shadow: 3px 3px 0px 1px #f6f6f6; */
}

[id^="Member"] .content .profile-career .career-box dl dt {
	font-size: 17px;
	color: #0D5386;
	border-bottom: 1px solid #bcd3e4;
	padding-bottom: 10px;
	margin-bottom: 12px;
	letter-spacing: -0.034em;
}

[id^="Member"] .content .profile-career .career-box dl dd {
	line-height: 1.75em;
	font-size: 15px;
}

#Recruit .recruit {
	padding: 40px;
	border-radius: 5px;
	background: #f0f8fe;
	/* border: 1px solid #ddd; */
	font-size: 22px;
}

#Recruit .recruit>.company {
	font-size: 20px;
}

#Recruit .recruit+p {
	margin-top: 30px;
	margin-bottom: 80px;
	font-size: 16px;
}

#Recruit .name-card {
	width: 100%;
	margin: 0 auto;
}

/* #Recruit .name-card .list-name-card{
	margin: 0;
	    padding: 0;
}
#Recruit .name-card .list-name-card > li{
    font-size: 20px;
	padding: 10px 20px;
}
#Recruit .name-card .list-name-card > li > span{
	font-weight: 500;
	    display: block;
	    color: #0D5386;
} */
/* //서브페이지 */

/* 푸터 */

.footer_copy .text-center {
	text-align: left;
	padding: 30px 0 40px;
	background: #2D3235;
	/*border-top: 1px solid #f1f1f1;*/
	color: #bdbdbd;
	font-size: 13px;
}

.footer_copy .wrap-footer {}

.footer_copy .wrap-footer .footer-text {}

.footer_copy .wrap-footer .footer-text ul {
	padding-left: 0;
	margin-bottom: 3px;
}

.footer_copy .wrap-footer .footer-text ul:after {
	content: '';
	clear: both;
	display: table;
}

.footer_copy .wrap-footer .footer-text ul li {
	float: left;
	margin-right: 15px;
}

.footer_copy .wrap-footer .footer-text ul li address {
	margin-bottom: 0;
}

.footer_copy .wrap-footer .footer-text .copyrights {
	display: block;
	margin-top: 10px;
	font-size: 11px;
}

/* //푸터 */


.maintenance {
	margin-top: 5px;
	border: 7px solid #E5E5E5;
	padding: 50px 25px;
	text-align: center;
}

.maintenance .icon {
	display: block;
	line-height: 1;
	font-size: 64px;
	margin-bottom: 10px;
}

.maintenance .big-cont {
	display: block;
	line-height: 1;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: -0.05em;
	margin-bottom: 20px;
}

.maintenance .small-cont {
	display: block;
	line-height: 1.5;
	font-size: 14px;
	letter-spacing: -0.03em;
	color: #818181;
	margin-bottom: 20px;
}

.footer_copy p strong {
	font-size: 15px;
	letter-spacing: -0.034em;
}

.breadcrumb>li+li:before {
	content: "\f105 ";
	color: #555;
	font-family: "FontAwesome";
}

#About01 .subContent_inner .content p {
	padding-right: 50px;
}

.name-card .col-sm-6:first-child {
	border: 1px solid #999;
	padding: 20px;
	margin-top: 20px;
}

#Member01 .con2 {
	border-top: 2px dashed #e3e3e3;
	padding-top: 100px;
}

[id^="Member"] .content .profile-title h5 {
	font-size: 17px;
	letter-spacing: -0.034em;
	font-weight: 600;
	line-height: 1;
	color: #0D5386;
}

.mainPage .thumbnail .caption .list-main>li:before {
	content: "";
	width: 4px;
	height: 4px;
	background: #45b6fb;
	border-radius: 0;
	position: absolute;
	left: 5px;
	top: 9px;
}

.mainPage .thumbnail img {
	padding: 10px;
	border: 1px solid #ddd;
}


@media (max-width: 767px) {
	.new_main .new-wrap {
		grid-template-columns: 1fr;
	}

	.body-layout {
		padding-top: 65px;
	}

	/* nav */
	.navbar-header .navbar-brand {
		font-size: 22px;
		margin-top: 20px;
		margin-left: 15px !important;
	}

	.navbar-inverse .navbar-toggle {
		margin-top: 15px;
		margin-bottom: 15px;
		background: #024881;
		border-color: #024881;
	}

	.navbar-inverse .navbar-toggle:hover {
		background: #024881 !important;
		border-color: #024881 !important;
	}

	.nav.navbar-nav>li>a {
		padding: 15px 25px;
		text-align: center;
	}

	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
		padding: 10px 0;
		text-align: center;
	}

	/* mainSlide */
	.fill {
		height: 300px;
	}

	.carousel-inner .item .carousel-caption h1 {
		font-size: 40px;
	}

	.carousel-inner .item .carousel-caption h1 small {
		font-size: 18px;
	}

	.carousel-indicators {
		left: 15%;
		bottom: 5px;
		top: auto;
	}

	.carousel-indicators li {
		width: 40px !important;
		margin-left: 0px !important;
		margin-right: 0px !important;
	}


	/* main */
	.main-box {
		padding: 15px 0;
	}

	.new_main .main-box h4 {
		font-size: 16px;
	}

	.new_main .main-box p {
		font-size: 14px;
	}

	/* subPage */

	#About01 .subContent_inner .content p {
		padding-right: 0;
		margin-bottom: 30px;
		;
	}

	[id^="Business"] .business-nav {
		width: 100%;
	}

	[id^="Business"] .business-nav .nav li {
		width: 100%;
		margin-bottom: 3px;
	}

	[id^="Business"] .content p {
		height: auto !important;
		padding: 30px !important;
		font-size: 14px !important;
	}

	[id^="Member"] .content .profile-title .list-profile {
		margin-bottom: 30px;
	}

	[id^="Member"] .content .profile-title .list-profile>li {
		font-size: 14px;
	}

	[id^="Member"] .content img {
		margin: 0 auto;
		display: block !important;
	}

	[id^="Member"] .content .profile-title {
		padding: 15px 15px 0;
	}

	#Recruit .recruit {
		padding: 40px 20px;
		font-size: 14px;
	}

	#Recruit .recruit>.company {
		font-size: 18px;
	}

	#Recruit .recruit+p {
		font-size: 14px;
	}

	#Recruit .name-card {
		padding: 0 15px;
	}

	#Recruit .list-name-card {
		padding-left: 0;
	}

	/* footer */


}

@media (min-width: 768px) and (max-width: 991px) {

	/* nav */
	.nav.navbar-nav>li>a {
		padding: 35px 20px;
	}

	/* mainSlide */



	/* main */
	.main-box {
		padding: 15px 0;
	}


	/* subPage */
	[id^="Business"] .business-nav {
		width: 100%;
	}

	[id^="Business"] .business-nav .nav li {}

	[id^="Business"] .content p {
		height: auto !important;
		font-size: 15px !important;
		padding: 22px !important;
		min-height: auto !important;
	}


	/* footer */


}

@media (min-width: 992px) and (max-width: 1199px) {
	/* nav */


	/* mainSlide */



	/* main */



	/* subPage */



	/* footer */


}

@media (min-width: 1200px) {
	/* nav */


	/* mainSlide */



	/* main */



	/* subPage */



	/* foote */
}