/* 웹폰트 Import */
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(//fonts.googleapis.com/css?family=Pacifico);

/* 스크롤 설정 */
html {overflow-x: hidden; overflow-y: scroll;}
body {background-color: #fff;}

/* 폰트 끊김 방지 */
* {word-break: keep-all; word-wrap: break-word;}

/* 폰트 설정 */
* {font-family: 'Noto Sans KR', 'Malgun Gothic', 'Gulim', sans-serif !important;}
h1, h2, h3, h4, h5, h6, p {font-family: 'Noto Sans KR', 'Malgun Gothic', 'Gulim', sans-serif !important;}
.fa {font-family: 'FontAwesome' !important;}
.glyphicon {font-family: 'Glyphicons Halflings' !important;}
ol, ul, li {list-style: none;}

/* 메뉴 설정 시작 */
.navbar-inverse {
	margin: 0;
    position: absolute;
    top: 0;
    background: #0f5589;
    border: none;
}
.navbar-inverse .divider-vertical {display: none;}
.navbar .caret {display: none;}
.navbar ~ br {display: none;}
.topmarginLay_a {height: 120px !important;}
@media screen and (max-width: 767px) {
    .topmarginLay_a {height: 62px !important;}
}
/* 상단 메뉴 설정 시작 */
.navbar_top_wrap {
    background: #fff;
    width: 100%;
}
.navbar_top_inner {max-width: 1170px; width: 100%; margin: 0 auto; padding: 0 15px;}
.navbar_top_inner > div {
    float: left;
    padding: 15px 0;
}
@media screen and (max-width: 991px) {
    .navbar_top_inner {width: 100%;}
}
/* ----- SNS 버튼 ----- */
.navbar_top_inner > .navbar_top_sns {text-align: left; width: 30%;}
.navbar_top_sns a img {padding-right: 5px;}
.navbar_top_sns a img:nth-child(2) {display: none;}
.navbar_top_sns a:hover img:nth-child(1) {display: none;}
.navbar_top_sns a:hover img:nth-child(2) {display: inline-block;}
/* ----- logo ----- */
.navbar_top_inner > .navbar_top_logo {
    text-align: center;
    width: 40%;
}
.navbar_top_inner > .navbar_top_login {
    text-align: right;
    width: 30%;
    padding-top: 40px;
}
.navbar_top_login a {
    color: #777;
    font-size: 13px;
    letter-spacing: -0.04em;
}
.navbar_top_login a:nth-child(1)::after {content: "\00b7"; color: #888; padding: 0 5px; text-decoration: none !important;}
.navbar_top_login a:hover, .navbar_top_login a:focus {
	color: #333;
	font-weight: 600;
}
/* //상단 메뉴 설정 끝 */

/* 하단 메뉴 설정 시작 */
.navbar-inverse .navbar-header {display: none;}
.navbar-inverse .navbar-collapse {text-align: center; padding: 0;}
.navbar-inverse .navbar-collapse > ul {float: none !important; margin: 0 auto; display: inline-block;}
.navbar-brand img {margin: 0;}
/* ----- 하단 메인 메뉴 설정 시작 ----- */
.navbar-inverse .navbar-nav > li:last-child {display: none;} /* 회원가입 숨기기 */
.navbar-inverse .navbar-nav > li > a {
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    text-shadow: 0 0 0 rgba(0,0,0,0) !important;
    letter-spacing: -0.06em;
    padding: 12px 40px 8px;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #dedede;
    font-weight: 500;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {color: #ffffff; background: none !important; box-shadow: 0 0 0 rgba(0,0,0,0) !important;}
@media screen and (max-width: 991px) {
    .navbar-inverse .navbar-nav > li > a {padding: 20px 25px;}
}
@media screen and (max-width: 767px) {
    .navbar_top_wrap {display: none;}
    .navbar-inverse .navbar-header {display: inherit; border-bottom: 1px solid #d1d1d1; background-color: #FFF}
    .navbar-inverse .navbar-collapse > ul, .navbar-inverse .navbar-collapse > ul > li {width: 100%;}
    .navbar-brand {padding: 0; margin: 10px 20px;}
    .navbar-inverse .navbar-toggle {margin: 15px 20px 0 0; border-color: #323232; background-color: #0f5589;}
    .navbar-inverse .navbar-toggle .icon-bar {background-color: #ccc;}
    .navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {padding: 12px 0;}
    .navbar-nav .open .dropdown-menu {padding: 0;}
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {padding: 12px 0; text-align: center;}
}
/* ----- 하단 서브 메뉴 설정 시작 ----- */
.navbar-inverse .dropdown-menu {
    background: #f7f7f7;
    min-width: 170px;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 0;
    box-shadow: 0 0 0 rgba(0,0,0,0);
    left: 0;
    right: auto;
    padding: 5px;
}
.navbar-inverse .dropdown-menu > li > a {
    background: rgba(0, 0, 0, 0);
    color: #3c3c3c;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -0.04em;
    padding: 12px 15px;
    border-bottom: 1px solid rgba(15, 85, 137, 0.1) !important;
}
.navbar-inverse .dropdown-menu > li:last-child > a { border-bottom: 1px solid rgba(0,0,0,0) !important; }
.navbar-inverse .dropdown-menu > li > a:after {
    content: '\f054';
    color: #aaa;
    font-size: 10px;
    font-family: 'FontAwesome';
    float: right;
    padding-top: 4px;
}
.navbar-inverse .dropdown-menu > li > a:hover, .navbar-inverse .dropdown-menu > li > a:focus {
    background: #0f5589;
    color: #fff;
    font-weight: 500;
}
/* //하단 메뉴 설정 끝 */
/* //메뉴 설정 끝 */

/* 슬라이드 영역 설정 시작 */
.container_contents {width: 100%; padding: 0;}
.carousel-inner > .item {height: 450px; background-size: cover;}
.carousel-inner > .item:nth-child(1) {background-image: url('/skin/img/slide/slide3.jpg');}
.carousel-inner > .item:nth-child(2) {background-image: url('/skin/img/slide/slide2.jpg');}
.carousel-inner > .item:nth-child(3) {background-image: url('/skin/img/slide/slide1.jpg');}
.carousel-inner > .item:nth-child(4) {background-image: url('/skin/img/slide/slide9.jpg');}
.sl-caption {
/* 	background: rgba(0, 0, 0, 0.4); */
	height: 100%;
	width: 100%;
	position: relative;
}

.glyphicon-chevron-left:before {
	color: #0f5589;
}

.glyphicon-chevron-right:before {
	color: #0f5589;
}

.carousel-control {
	opacity: 0.7;
}

.slide_wrap {
	border-bottom: 1px solid #e9e9e9;
}

.sl-caption .sl-caption-inner {position: absolute; top: 50%; width: 100%; margin: -120px 0 0; text-align: center; color: #fff;}
.sl-caption .sl-caption-inner h5 {font-size: 22px; font-weight: 300; text-shadow: 2px 2px 5px rgba(0,0,0,0.15); margin: 0 0 15px;}
.sl-caption .sl-caption-inner h2 {font-size: 42px; font-weight: 300; line-height: 52px; letter-spacing: 0.55em; text-shadow: 2px 2px 5px rgba(0,0,0,0.15); margin: 0 0 40px;}
.sl-caption .sl-caption-inner h2 span.sl-small {font-size: 26px;}
.sl-caption .sl-caption-inner h2 span.sl-highlight {letter-spacing: 0.3em; font-weight: 500;}
.sl-caption .sl-caption-inner .sl-btn {width: 275px; margin: 0 auto;}
.sl-caption .sl-caption-inner .sl-btn p {margin: 0; color: #d5d5d5; font-size: 16px; font-weight: 300; letter-spacing: -0.01em;}
.sl-caption .sl-caption-inner .sl-btn img {opacity: 0.6;}
.sl-caption .sl-caption-inner .sl-btn a:hover p {color: #fff;}
.sl-caption .sl-caption-inner .sl-btn a:hover img {opacity: 1;}
.carousel-indicators li {margin: 0 5px; background: #b1b1b1; height: 12px; width: 12px; border: none;}
.carousel-indicators .active {margin: 0 5px; background: #0f5589;}
@media screen and (max-width: 767px) {
    .sl-caption .sl-caption-inner {margin: -90px 0 0;}
    .sl-caption .sl-caption-inner h2 {font-size: 18px; line-height: 30px; letter-spacing: 0.3em;}
	.slide_wrap {
		display: none;
	}
	.main_product_wrap {
		padding-top: 15px !important;
	}
}
/* //슬라이드 영역 설정 끝 */

/* 푸터 설정 시작 */
.footer-social-layout {display: none;}
.footer_copy > div {padding: 0;}
.footer_wrap {background: #414141; color: #c5c5c5; font-size: 13px; text-align: left;}
.footer_inner {width: 1170px; margin: 0 auto; padding: 50px 0;}
.footer-line01 ul {padding: 0; margin: 0 0 20px;}
.footer-line01 ul h5 {margin: 0 0 15px; font-size: 13px;}
.footer-line01 ul li a {color: #9a9a9a; font-size: 12px; line-height: 20px;}
.footer-line01 hr {border-top: 1px solid rgba(229,229,229,0.2); width: 100%; margin: 10px 0 30px; display: inline-block;}
.footer-line02 h4 {color: #0f5589; font-size: 13px; margin: 0 0 20px;}
.footer-line02 h5 {font-size: 13px; margin: 0 0 15px;}
.footer-line02 p {color: #9a9a9a; font-size: 12px; margin: 0; line-height: 18px;}
.footer-line01 > div, .footer-line02 > div {padding: 0;}
.footer_sns {display: inline-block; float: right; margin: 0 20px 0 0;}
.footer_sns a img {padding-right: 5px;}
.footer_sns a img:nth-child(2) {display: none;}
.footer_sns a:hover img:nth-child(1) {display: none;}
.footer_sns a:hover img:nth-child(2) {display: inline-block;}
.footer-comp-name {
    color: #dedede;
    font-size: 13px;
    font-weight: 600;
    margin: 0 0 10px;
}
.footer-list {
	margin: 0;
	padding: 0;
}
.footer-list li {
    float: left;
    vertical-align: middle;
	line-height: 1.6;
}
.footer-list li:nth-child(1), .footer-list li:nth-child(2) {
	width: 100%;
}

.footer-list li {
	padding-right: 20px;
}

/* ----- 카피라이트 설정 ----- */
.copy_wrap {background: #2c2c2c;}
.copy_wrap ~ br {display: none;}
.copy_inner {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    padding: 15px 0;
    color: #999;
    font-size: 12px;
    font-weight: 300;
    text-align: left;
}
.copy_inner .copy-txt {display: inline-block; float: left; margin: 0; padding: 5px 0 0;}
.copy_inner .copy-txt span {
    color: #cacaca;
}
.copy_inner .sitemap {display: inline-block; float: right; margin: 0; padding: 0;}
.copy_inner .sitemap a {border: 1px solid #aaa !important; color: #aaa; padding: 5px 30px; display: inline-block;}
@media screen and (max-width: 991px) {
    .footer_inner, .copy_inner {width: 100%;}
    .footer-line01 > div, .footer-line02 > div, .footer-line02 h4, .copy_inner .copy-txt, .copy_inner .sitemap {padding: 0 15px;}
}
@media screen and (max-width: 767px) {
    .footer-line01 > div, .footer-line02 > div {min-height: 90px;}
    .copy_inner .copy-txt {margin: 0 0 20px;}
    .copy_inner .sitemap, .footer_sns {width: 50%; margin: 0; float: left;}
}
/* //푸터 설정 끝 */

/* 메인 페이지 설정 시작 */
.main_product_wrap, .main_intro_wrap, .main_contact_wrap {width: 100%; padding: 0;}
.main_product_inner, .main_intro_inner, .main_contact_inner {max-width: 1170px; width:100%; margin: 0 auto;}
.main_title {min-height: 30px; position: relative; margin: 0 0 40px;}
.main_title h2 {background: #fff; color: #454545; font-size: 24px; font-weight: 200; letter-spacing: -0.03em; margin: 0; margin-top: -24px; padding: 10px 30px; position: absolute; left: 50%; top: 50%; z-index: 1;}
.main_title h2 span {font-weight: 500;}
.main_title01 h2{margin-left: -90px;}
.main_title02 h2{margin-left: -112px;}
.main_title .title_line {background: #e5e5e5; width: 100%; height: 1px; position: absolute; top: 50%;}
@media screen and (max-width: 991px) {
    .main_product_inner, .main_intro_inner, .main_contact_inner {width: 100%;}
}
/* ----- 메인 제품 슬라이드 영역 ----- */
.main_product_wrap {
    background: #f8f8f8;
    padding: 30px 0;
}
.main_product_inner {color: #666;}
.main_product_inner .product h3 {
    color: #0f5589;
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 15px;
    letter-spacing: -0.08em;
}
.main_product_inner .product dl {
	margin-bottom: 0;
}
.main_product_inner .product dl dt, .main_product_inner .product dl dd { line-height: 1; }
.main_product_inner .product dl dt {
	color: #333;
    font-size: 13px;
}
.main_product_inner .product dl dt:before {
	font-family: 'FontAwesome' !important;
    content: '\f00c';
    margin-right: 5px;
    color: #0f5589;
}
.main_product_inner .product dl dd {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: -0.02em;
    margin: 5px 0 13px;
    padding-left: 15px;
}
.main_product_inner .product {
    padding: 15px;
    border: 1px solid rgba(15, 85, 137, 0.35);
    border-radius: 10px;
}
.main_product_inner .product:focus, .main_product_inner .product:hover {
	border: 1px solid #0f5589
}

@media (max-width: 1200px) {
	.main_product_inner .product dl {
		overflow: hidden;
	}
	
	.main_product_inner .product dl dt {
		display: inline-block;
		float: left;
	}
	
	.main_product_inner .product dl dd {
		display: inline-block;
		float: left;
		margin: 0 40px 0 10px;
	}
}

@media (max-width: 700px) {
	
	.main_product_inner .product dl dt {
		display: block;
		float: left;
		width: 25%;
	}
	
	.main_product_inner .product dl dd {
		display: block;
		float: left;
		width: 75%;
		margin: 0;
		padding: 0 40px 0 10px;
	}
}


@media (max-width: 440px) { 

	.main_product_inner .product dl dt {
		display: block;
		float: left;
		width: 100%;
	}
	
	.main_product_inner .product dl dd {
		display: block;
		float: left;
		width: 100%;
		margin: 0;
		padding: 0;
	}
}


.main_product_wrap .item-wrap .img-wrap{
    max-width: 150px;
    height: 150px;
    margin: 0 auto;
    position: relative;
}
.main_product_wrap .item-wrap .img-wrap img{ border-radius: 50%;}
.main_product_wrap .item-wrap .img-wrap .layer{   
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 90, 171, 0.45);
    border-radius: 50%;
    opacity:0;
    text-align:center; 
     -webkit-transition: 0.3s ease; 
    -ms-transition: 0.3s ease; 
    transition: 0.3s ease;     
}
.main_product_wrap .item-wrap .img-wrap .layer i{color:#fff; margin-top:47%; font-size:20px;}
.main_product_wrap .item-wrap h5 {
    margin: 10px 0 0;
    padding: 10px 0;
    color: #0f5589;
    font-size: 13px;
    font-weight: 400;
    text-align: center;
    letter-spacing: -0.04em;
    background: rgba(15, 85, 137, 0.1);
    border-radius: 50px;
    border: 1px solid #0f5589;
    -webkit-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    transition: 0.3s ease;
}
.main_product_wrap .item-wrap:hover .layer{opacity:1}
.main_product_wrap .item-wrap:hover h5{ background-color: #0f5589; color: #fff; }

a:hover {
	text-decoration: none;
}
/* //메인 페이지 설정 끝 */

/* 서브 페이지 설정 시작 */
.sub-layout {width: 100%; padding: 0;}
.sub-layout .page_wrap {width: 1170px; margin: 0 auto;}
@media screen and (max-width: 991px) {
    .sub-layout .page_wrap {width: 100%;}
}
/* ----- breadcrumb 설정 ----- */
.breadcrumb_wrap .breadcrumb {float: right; text-align: right; margin: 10px 0 0; padding: 0; background: none; font-size: 13px; display: inline-block;}
.breadcrumb_wrap .breadcrumb li {color: #777;}
.breadcrumb_wrap .breadcrumb li:first-child i {color: #0f5589;}
.breadcrumb_wrap .breadcrumb li.active {color: #333;}
.breadcrumb>li+li::before {content: ">"; padding: 0 5px;}
@media screen and (max-width: 767px) {
    .breadcrumb_wrap .breadcrumb {display: none;}
}
/* ----- left menu 설정 ----- */
.left_menu_wrap {
	padding: 0 50px 0 0;
}

.left_menu {
	margin: 0;
	padding: 0;
}

.left_menu h3 {
	margin: 50px 0 30px;
	color: #454545;
	font-size: 28px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: -0.03em;
}

.left_menu> li> a {
	padding: 15px 20px;
	width: 100%;
	display: inline-block;
	font-size: 15px;
	font-weight: 300;
	color: #333;
	border-top: 1px solid #e5e5e5 !important;
}

.left_menu> li.active> a {
	background: #0f5589;
	color: #fff;
}

.left_menu> li:last-child> a {
	border-bottom: 1px solid #e5e5e5 !important;
	margin: 0 0 15px;
}

.left_menu_sub {
	margin: 0;
	padding: 0;
}
.left_menu_sub> li> a {
    background: #f3f3f3;
    padding: 12px 25px;
    width: 100%;
    display: inline-block;
    color: #555;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.06em;
    border-bottom: 1px solid #e5e5e5;
}
.left_menu_sub> li:last-child a {
	border-bottom: none;
}
.left_menu_sub> li.active> a {
    color: #0f5589;
    font-weight: 500;
    background: #dfe6ec;
}
@media screen and (max-width: 991px) {
	.left_menu_wrap {
		padding: 0 15px;
	}
}

@media screen and (max-width: 767px) {
	.left_menu h3 {
		margin: 30px 0 20px;
		font-size: 24px;
	}
	.left_menu> li> a,
	.left_menu_sub> li> a {
		padding: 12px 20px;
	}
}
/* ----- left widget 설정 ----- */
.left_menu_wrap #sub_widget {margin: 30px 0 80px; padding: 0 0 20px;}
@media screen and (max-width: 991px) {
    .left_menu_wrap #sub_widget {display: none;}
}
/* ----- content 설정 ----- */
/* ----- content 설정 ----- */
#content {padding: 0 0 70px 30px;}
.content_wrap {min-height: 600px;}
.content_wrap .page_header {overflow: hidden; margin: 50px 0 30px; padding: 0 0 30px; border-bottom: 1px solid #dedede;}
.content_wrap h3.title {float:left; color: #454545; font-size: 28px; font-weight: 400; line-height: 1; letter-spacing: -0.03em; margin: 0; display: inline-block;}
.content_wrap h4.title {color: #444; font-size: 20px; font-weight: 300; margin: 30px 0 20px;}
.content_wrap h5.title {color: #454545; font-size: 17px; font-weight: 500; letter-spacing: -0.03em; margin: 30px 0 20px; width: 100%; display: inline-block;}
.content_wrap p {color: #454545; font-size: 15px; font-weight: 300; line-height: 25px; letter-spacing: -0.02em;}

.bbs-list-index-layout, .contact-mail-layout, .img-bbs-default-index-layout, .vod-index-layout, .bbs-blog-index-layout, .bbs-blog-view-layout, .bbs-blog-edit-layout, .bbs-list-view-layout, .bbs-list-edit-layout {
    min-height: 660px;
}
.bbs-list-index-layout .page_header,
.contact-mail-layout .page_header,
.img-bbs-default-index-layout .page_header,
.vod-index-layout .page_header,
.bbs-blog-index-layout .page_header,
.bbs-blog-view-layout .page_header,
.bbs-blog-edit-layout .page_header,
.bbs-list-view-layout .page_header,
.bbs-list-edit-layout .page_header {
	margin: 50px 0 30px;
	padding: 0 0 30px;
	border-bottom: 1px solid #dedede;
}
.bbs-list-index-layout h3.title, .contact-mail-layout h3.title, .img-bbs-default-index-layout h3.title, .vod-index-layout h3.title, .bbs-blog-index-layout h3.title, .bbs-blog-view-layout h3.title, .bbs-blog-edit-layout h3.title, .bbs-list-view-layout h3.title, .bbs-list-edit-layout h3.title {
    color: #333;
    font-size: 28px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.06em;
    margin: 0;
}

@media screen and (max-width: 991px) {
    #content {padding: 0 10px 30px; display: inline-block; width: 100%;}
}

@media screen and (max-width: 767px) {
    .content_wrap h3.title {font-size: 24px; margin: 20px 0 20px; padding: 0; border: none;}
}
/* ---------- table 영역 설정 ---------- */
table{font-size: 14px; width: 100%; border-top: 1px solid #0f5589; border-bottom: 1px solid #dedede; margin-bottom: 30px;}
tr{line-height: 20pt;}
th{padding: 12px 15px; color: #333; font-weight: 500; border-bottom: 1px solid #ddd;}
td{padding: 12px 15px; background-color: #fff; border-bottom: 1px solid #ddd; color: #666;}
/* --------------- sub page - intro --------------- */
.intro_column {margin: 0 0 50px; padding: 36px 0; background-color: #f5fcf8; border: 1px solid #dedede; text-align: center;}
.intro_quote {margin: 0; color: #12b25f !important; font-size: 15px !important; font-weight: 500 !important;}
.intro_quote span {color: #444 !important; padding-left: 10px;}
.intro_txt {border: 1px solid #dedede; border-top: 1px solid #0f5589; display: inline-block; width: 100%;}
.intro_txt h3 {margin: 0 0 20px; color: #454545; font-size: 21px; line-height: 1.4;}
.intro_txt p {font-size: 15px; margin: 0;}
.intro_txt .txt_box {padding: 35px 40px;}
.intro_txt .img_box {padding: 0;}
.intro_txt .img_box img {width: 100%;}
.intro03 hr {margin: 40px 0 0;}
.location_map {margin: 0 0 20px;}
@media screen and (max-width: 991px) {
    .intro_txt .txt_box {padding: 15px 30px;}
}
/* --------------- sub page - care --------------- */
.care01-1 hr {margin: 40px 0 0;}
.care-process {padding: 0;}
.care-process > div {text-align: center; padding: 0 10px; margin: 0 0 20px;}
.care-process img {border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; width: 100%;}
.care-process p {margin: 0; padding: 10px 0; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
.care-process p > span {color: #0f5589; padding-right: 10px;}
.care01-2 .care-process p {border: 1px solid #e5e5e5;}
.care_point {margin: 0; padding: 28px 40px; border: 1px solid #dedede; background: #f5fcf8; display: inline-block; width: 100%;}
.care_point li {color: #454545; font-size: 15px; padding: 5px 0;}
.care_point li i {color: #0f5589; padding-right: 10px;}
.care03 .care-process p {border: 1px solid #e5e5e5;}
/* --------------- sub page - 문의하기 --------------- */
#mailForm {border-top: 1px solid #0f5589; border-bottom: 1px solid #0f5589;}
#mailForm .form-group label {float: left; width: 15%; text-align: left; font-size: 15px; margin-top: 5px;}
#mailForm .form-group .form-control {display: inline-block; font-size: 13px;}
#mailForm .checkbox {width: 100%;}
#mailForm .checkbox label {width: 100%; font-size: 12px; color: #777777;}
#mailForm input[type="submit"], #mod_type_formForm .save {width: 250px; height: 45px; margin: 0 auto; background-color: #0f5589 !important; border: 0px; background: url(''); color: #fff;}
#mailForm> div:nth-child(4) {margin-bottom: 0;}
@media (min-width:992px) {#mailForm {width: 1170px;} #mailForm .checkbox label {padding-left: 142px; display: inline-block; margin: 10px 0;} #mailForm .form-group .form-control {width: 80%;}}
@media (min-width:992px) {#mailForm> p, #mailForm> div:nth-child(4) p {padding-left: 175px;}}
/* --------------- sub page - 사이트맵 --------------- */
.sitemap_wrap {padding-bottom: 60px; display: inline-block; width: 100%;}
.sitemap_menu {margin: 0; padding: 0;}
.sitemap_menu .page_item {width: 25%; float: left;}
.sitemap_menu .page-item-1, .sitemap_menu .page-item-2, .sitemap_menu .page-item-3 {padding-right: 30px;}
.sitemap_menu .page_item > a {color: #58ba36; font-weight: 300; display: block; padding: 0 0 12px 0px; border-bottom: 1px solid #58ba36 !important; font-size: 20px;}
.page_item .children {padding: 0;}
.page_item .children > li > a {display: block; width: 100%; padding: 10px 0; border-bottom: 1px solid #eee !important; font-size: 14px; color: #454545;}
.children .children_inner {padding: 0;}
.children .children_inner > li > a {display: block; width: 100%; padding: 8px 0; font-size: 13px; color: #888;}
@media screen and (max-width: 991px) {
    .sitemap_wrap {padding: 0 15px;}
}
/* --------------- sub page - 회원가입 --------------- */
.login-layout, .id-find-layout, .pw-find-layout {width: 1170px; margin: 70px auto 0; min-height: 500px;}
.join-agree-layout, .join-layout {width: 1170px; margin: 0 auto 70px;}
.join-agree-layout .panel, .join-layout .panel {border: 1px solid #dedede; box-shadow: 0 0 0 rgba(0,0,0,0); border-radius: 0;}
.join-agree-layout .panel-heading, .join-layout .panel-heading {background-image: none !important; background-color: #f7f7f7 !important;}
.join-agree-layout .btn-primary, .join-layout .btn-primary {background-color: #0f5589 !important;border: 0px; border-radius: 0;}
@media screen and (max-width: 991px) {
    .login-layout, .id-find-layout, .pw-find-layout {width: 100%; margin: 0;}
}
/* --------------- sub page - 로그인 / 아이디, 비밀번호 찾기 --------------- */
.login-layout .panel, .id-find-layout .panel, .pw-find-layout .panel {border-radius: 0; box-shadow: 0 0 0 rgba(0,0,0,0); border: 1px solid 0 0 0 rgba(0,0,0,0); min-height: 320px;}
.login-layout .panel-body h2, .id-find-layout .panel-body h2, .pw-find-layout .panel-body h2 {margin: 0; color: #454545; font-size: 28px; font-weight: 500; letter-spacing: 0.01em;}
.login-layout .inner-box-msg p, .id-find-layout .inner-box-msg p, .pw-find-layout .inner-box-msg p {font-size: 13px; color: #666; margin: 0;}
.login-layout .inner-box-form form label, .id-find-layout .inner-box-form form label, .pw-find-layout .inner-box-form form label {font-size: 14px;}
.login-layout input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {background: #fff !important; border: 1px solid #d5d5d5;}
.login-layout .btn-warning, .id-find-layout .btn-warning, .pw-find-layout .btn-warning {background-image: none; background-color: #414141; border: none; border-radius: 0; box-shadow: 0 0 0 rgba(0,0,0,0); text-shadow: 0 0 0 rgba(0,0,0,0); color: #f5f5f5;}
.login-layout .btn-warning:focus, .login-layout .btn-warning:hover, .id-find-layout .btn-warning:focus, .id-find-layout .btn-warning:hover, .pw-find-layout .btn-warning:focus, .pw-find-layout .btn-warning:hover {background: #0f5589;}
.login-layout form > div > p > a {display: inline-block; float: left; font-size: 12px; color: #777;}
.login-layout form > div > p > a:hover {color: #303030;}
.login-layout form > div > p > a:after {content: " | "; font-size: 8px; padding: 0 8px 0; margin: 0; color: #d9d9d9;}
.login-layout form > div > p:last-child > a:after {content: "";}
.id-find-layout .panel-body, .pw-find-layout .panel-body {margin-top: 40px;}

/* //서브 페이지 설정 끝 */

/* 게시판 설정 시작 */
/* ----- 레프트 메뉴 ----- */
.dh-board,
form#insertForm,
.img-bbs-default-index-layout> div:nth-child(2),
.dh-view-box.dh-margin-topx2 {
	display: inline-block;
	width: calc(75% - 90px);
	margin: 0 auto 60px;
	padding: 0 0 0 45px;
	max-width: 865px;
}

form#mailForm {
	display: inline-block;
	width: calc(75% - 90px);
	border-top: 1px solid #0f5589;
	border-bottom: 1px solid #0f5589;
	padding: 40px 0;
	margin: 0 0 80px 45px;
	max-width: 820px;
}

.bbs-list-index-layout #content,
.contact-mail-layout #content,
.img-bbs-default-index-layout #content,
.vod-index-layout #content,
.bbs-blog-index-layout #content,
.bbs-blog-view-layout #content,
.bbs-blog-edit-layout #content,
.bbs-list-view-layout #content,
.bbs-list-edit-layout #content {
	width: 75%;
	padding: 0 0 0 30px;
}

@media screen and (max-width: 991px) {
	.dh-board,
	form#insertForm,
	form#mailForm,
	.img-bbs-default-index-layout> div:nth-child(2),
	.dh-view-box.dh-margin-topx2 {
		width: 100% !important;
		padding: 0 15px 0 !important;
		margin: 0 !important;
	}
	form#mailForm {
		margin: 0 15px !important;
		padding: 20px 0 !important;
		width: auto !important;
	}
	.bbs-list-index-layout #content,
	.contact-mail-layout #content,
	.img-bbs-default-index-layout #content,
	.vod-index-layout #content,
	.bbs-blog-index-layout #content,
	.bbs-blog-view-layout #content,
	.bbs-blog-edit-layout #content,
	.bbs-list-view-layout #content,
	.bbs-list-edit-layout #content {
		width: 100%;
		padding: 0;
	}
}
/* ----- 텍스트 게시판 설정 ----- */
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {padding: 14px 10px; color: #555; font-size: 14px;}
.table > thead > tr > th {vertical-align: middle; border-bottom: 1px solid #ccc; font-weight: 500; color: #333;}
.table > tbody > tr > td > strong > a {color: #555;}
.table > tbody > tr > td > strong > a > span {color: #58ba36 !important;}
.dh-board > .table-hover {border-top: 1px solid #0f5589; border-bottom: 1px solid #ccc; margin: 0px 0 30px;}
.dh-board > .table-hover > tbody > tr:hover td {background-color: #fcfcfc;}
.table > tbody > tr:hover > td > strong > a {color: #222;}
.dh-margin-top {margin-top: 40px; display: inline-block;}
@media screen and (max-width: 767px) {
    .dh-board .table thead > tr > th.num, .dh-board .table tbody > tr > td.num {display: none;}
}
/* ----- 블로그 B타입 게시판 ----- */
.bbs-blog2-index-layout .dhb-txt-box-type-b{background-color: #fff; width: 24%; border: 1px solid #e5e5e5; margin: 0 5px 20px; padding: 0;}
.bbs-blog2-index-layout .dhb-txt-box-type-b > div{margin: 0;}
.dhb-txt-box-type-b-img-layout {padding: 0;}
.dhb-txt-box-type-b-img-layout .thumb-hidden {border: none; min-height: 130px; max-height: 130px; box-shadow: 0 0 0 rgba(0, 0, 0, 0);}
.dhb-txt-box-type-b-text-layout h4{font-size: 14px; margin: 15px 0;}
.dhb-txt-box-type-b-text-layout .txt-box-footer{margin-top: 0; float: none; text-align: left; display: none;}
.txt-box-footer em {display: none;}
.txt-box-footer em > span.regdate{font-style: normal; color: #666; font-size: 13px;}
.txt-box-footer em > span:last-child{display: none;}
.txt-box-footer small.hits{display: none;}
@media screen and (max-width: 767px) {
    .bbs-blog2-index-layout .dhb-txt-box-type-b {width: 100%; margin: 10px 0 20px;}
}

.dhb-txt-box .dhb-txt-list {
	width: 100%;
	border: none;
}

.dhb-txt-box .col-md-4.text-right {
	display: none;
}

.dhb-txt-list > div.row > div.col-xs-12.col-sm-5.col-md-5:nth-child(1) {
	width: 30%;
}
.dhb-txt-list > div.row > div.col-xs-12.col-sm-7.col-md-7:nth-child(2) {
    width: 70%;
    height: 200px;
    overflow: hidden;
    padding: 10px 25px;
}
.dhb-txt-list .thumb-hidden {
    border: none !important;
    box-shadow: none !important;
    max-height: none;
    height: 200px;
    overflow: hidden;
    padding: 10px 0;
}
.dhb-txt-list .thumb-hidden .btnRead img {
	width: 100%;
	height: 165px;
    transition: ease-in-out .3s all;
}


/* ----- 게시판 버튼 설정 ----- */
.label{background: 0 0 0 rgba(0,0,0,0); padding: 0px 5px 0px; font-size: 90%;}
.label-danger{color: #0f5589;}
.label-primary{color: #0f5589;}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {background-color: #0f5589; border: 1px solid #0f5589 !important;}
.pagination > li > a, .pagination > li > span{color: #0f5589;}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination> li > span:focus, .pagination>li>span:hover{color: #0f5589;}
.dh-margin-top form#insertForm {width: 100%; max-width: 100%; display: block; margin: 0 0 0;}
.btn-default, .btn-primary, .btn-danger {background-image: none;}
.btn-group, .btn-group-vertical {margin: 10px 0 30px;}
/* ----- 게시글 뷰 페이지 설정 ----- */
.dh-view-box{padding: 0 15px 0 60px !important;}
.sns-box{display: none;}
.dh-view-box>.row>.page-header{border-top: 1px solid #2c2c2c; border-bottom: 1px solid #d1d1d1; padding: 5px 20px 5px; margin: 0;}
.dh-view-box>.row>.page-header>h4{color: #2c2c2c;}
/* .dh-view-box>.row>.dh-view-info{border-bottom: 1px solid #ccc; background: 0 0 0 rgba(0,0,0,0); padding: 8px 20px 8px; color: #888;} */
.dh-view-box>.row>.dh-view-info {
	display: none;
}
.dh-view-box>.row>.dh-view-info>span{padding: 0 15px 0 0;}
.dh-view-box>.row>.dh-view-info>span>strong{color: #555; padding: 0 5px 0 0;}
.dh-view-box .dh-attach {
	display: none;
}
.dh-view-box .dh-attach h6{margin: 0 0 0; padding: 5px 5px 0;}
.dh-view-box>.row:nth-child(2)>div:nth-child(3){padding: 15px 20px 40px !important;}
/* //게시판 설정 끝 */

/* CPR Korea */
.navbar_top_logo > a { display: inline-block; }

.product-wrap {
	margin-bottom: 15px;
}

.product-wrap.hidden-wrap {
	display: none;
}

.product-wrap .sub-title {
	font-size: 16px !important;
    font-weight: 600 !important;
    color: #323232 !important;
    margin: 0 0 5px;
	padding: 0;
    letter-spacing: -0.06em;
    line-height: 1;
}

.product-wrap .sub-title:before {
    width: 18px;
    height: 4px;
    background: #0f5589;
    display: block;
    content: "";
    margin-bottom: 6px;
}

.product-wrap p {
	padding: 0 10px 10px;
    margin: 0;
    background-color: #f7f7f7;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #323232 !important;
    text-align: left;
    vertical-align: middle;
}

.product-wrap a {
	color: #323232;
}

.product-wrap a:after {
	font-family: 'FontAwesome' !important;
    content: '\f019';
    margin-left: 5px;
    color: #0f5589;
}

.product-wrap a:hover {
	color: #0f5589;
}

.product-list {
    padding: 0;
    margin: 0;
}

.product-list li {
	margin-bottom: 8px;
    letter-spacing: -0.5px;
    line-height: 1.6;
    list-style: none;
    font-size: 13px;
    font-weight: 400;
    color: #5a5a5a;
    background-image: url(/skin/img/sub/bulit.png);
    background-repeat: no-repeat;
    background-position: left 9px;
    padding-left: 10px;
}

.col-2-5 {
	float: left;
	padding: 0 15px;
	width: 20%;
}

@media (max-width: 915px) {
	.col-2-5 {
		width: 33.333333333%
	}
}

@media (max-width: 767px) {
	.col-2-5 {
		width: 50%;
	}
}

@media (max-width: 440px) {
	.col-2-5 {
		width: 100%;
	}
	
	.col-2-5 .item-wrap {
		margin-bottom: 35px;
	}
}

.dh-board * a {
    color: #323232;
    text-decoration: none;
    margin: 0;
}

.dh-board .dhb-txt-box:first-child {
	border-top: 1px solid #D9D9D9;
}

.dhb-txt-box {
    padding: 0;
    background: #FFF;
    border: 1px solid #D9D9D9;
	border-top: none;
    margin: 0;
}

.dhb-txt-list h4 {
	font-size: 16px;
	font-weight: 700;
	color: #323232
}

.dhb-txt-list h4:before {
	font-family: 'FontAwesome' !important;
    content: '\f00c';
    margin-right: 5px;
    color: #0f5589;
}
.dhb-txt-list h5 {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 1.7;
}
.dhb-txt-list h5 a {
    color: #555;
}
/* .dhb-txt-box:hover, .dhb-txt-box:focus {
	border: 1px solid #0f5589 !important;
} */

.dhb-txt-box:hover .dhb-txt-list > div.row > div.col-xs-12.col-sm-7.col-md-7:nth-child(2), 
.dhb-txt-box:focus .dhb-txt-list > div.row > div.col-xs-12.col-sm-7.col-md-7:nth-child(2) {
	background-color: #ECF1F4;
}

.dhb-txt-box:hover .dhb-txt-list > div.row > div.col-xs-12.col-sm-5.col-md-5:nth-child(1) img, 
.dhb-txt-box:focus .dhb-txt-list > div.row > div.col-xs-12.col-sm-5.col-md-5:nth-child(1) img {
	transform: translate3d(0px, 0px, -1000px) scale(1.1, 1.1);
}

#sub_widget img {
	visibility: hidden;
}

.company {
	margin-bottom: 35px;
}

.company .sub-title {
	margin: 0 0 15px;
    list-style: none;
    color: #323232;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.5px;
    border-top: 1px solid #ddd;
    padding-top: 15px;
    margin-top: 20px;
    background-image: url(/skin/img/sub/sub_tit_head.png);
    background-repeat: no-repeat;
    background-position: left bottom 1px;
    padding-left: 23px;
}

.company p {
	font-size: 15px !important;
    line-height: 24px !important;
    font-weight: 400 !important;
    color: #5a5a5a !important;
    margin: 0 0 20px !important;
    padding: 0 !important;
    letter-spacing: -0.2px !important;
}

.company h3 {
	margin: 0 0 15px;
	font-size: 22px;
	font-weight: 700;
}

.company h3 span {
	color: #0f5589;
	font-size: 25px;
}

.history-tb {
	border-top: 2px solid #0f5589;
	border-bottom: 1px solid #d1d1d1;
}

.history-tb tbody th {
	text-align: center;
	background-color: #f3f3f3;
}


.dh-popup.myModal16{/* display: none !important; */top: 135px;padding: 0;left: 50% !important;transform: translateX(-50%);}
.dh-popup.myModal16 > p:not(.dh-close-btn){display: none;}
.dh-popup.myModal16 .popup-wrap{}
.dh-popup.myModal16 .popup-wrap .p-top{
    text-align: center;
    padding: 10px 0;
    background: #0f5589;
    color: #fff;
}
.dh-popup.myModal16 .popup-wrap .p-top p{
    font-size: 26px !important;
    font-weight: 500;
    margin: 0;
}
.dh-popup.myModal16 .popup-wrap .p-body{
    text-align: center;
    padding: 35px 30px;
}
.dh-popup.myModal16 .popup-wrap .p-body .icon{}
.dh-popup.myModal16 .popup-wrap .p-body .icon i{
    display: block;
    width: 105px;
    line-height: 105px;
    margin: 0 auto 15px;
    background: #eaf6ff;
    border-radius: 50%;
    font-size: 41px;
    color: #0f5589;
}
.dh-popup.myModal16 .popup-wrap .p-body p{
    font-size: 17px;
    margin: 30px 0;
    color: #4f4f4f;
    font-weight: 300;
}
.dh-popup.myModal16 .popup-wrap .p-body p:last-child{
    margin-bottom: 00;
}