@charset "utf-8";
@import url('/skin/notosanskr.css');
/* 웹폰트 Import */
/* @import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(http://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;}

/* 폰트 설정 */
.body-layout {font-family:"Noto Sans Korean", 'Sans-serif';}
ol, ul, li {list-style: none;}

/* 메뉴 설정 시작 */
.navbar-inverse {
    background: #367cc1;
    margin: 0;
    position: absolute;
    top: 0;
    border: none;
}
.navbar-inverse .divider-vertical {display: none!important;}
.caret {display: none;}
.navbar ~ br {display: none;}
.topmarginLay_a {height: 140px !important;}
@media screen and (max-width: 767px) {
    .topmarginLay_a {height: 62px !important;}
}
/* 상단 메뉴 설정 시작 */
.navbar_top_wrap {
	background-color: #FFF;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid rgba(255,255,255,0.2);
}
.navbar_top_inner {width: 1170px; margin: 0 auto; padding: 0 15px;}
.navbar_top_inner > div {float: left; padding: 38px 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 {display:none;}
.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: left;
    width: 70%;
    padding: 16px 0 8px;
}
.navbar_top_inner > .navbar_top_login {text-align: right; width: 30%; padding-top: 30px;}
.navbar_top_login a {
    color: #333;
    opacity: 0.75;
	text-decoration: none!important;
}
.navbar_top_login a:nth-child(1)::after {content: "\00b7"; color: #333; padding: 0 5px;}
/* //상단 메뉴 설정 끝 */

/* 하단 메뉴 설정 시작 */
.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 > a {
    font-size: 16px;
    color: #fff;
    text-shadow: 0 0 0 rgba(0,0,0,0) !important;
    padding: 12px 40px;
}
.navbar-inverse .navbar-nav > li > a:hover, 
.navbar-inverse .navbar-nav > li > a:focus, 
.navbar-inverse .navbar-nav > li:hover > a, 
.navbar-inverse .navbar-nav>.open>a, 
.navbar-inverse .navbar-nav>.open>a:focus, 
.navbar-inverse .navbar-nav>.open>a:hover {
    color: #EEE;
    box-shadow: 0 0 0 rgba(0,0,0,0) !important;
    background: rgba(0,0,0,0);
}
@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 #ededed;}
    .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: #e5e5e5;}
    .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: #fff;
    border: none;
    border-radius: 0;
    box-shadow: 0 4px 4px rgba(60,60,60,0.3);
    left: 0;
    right: auto;
    padding: 10px 0;
	animation-fill-mode: both;
	animation-duration: .4s;
	animation-name: fadeInDown;
}
.navbar-inverse .dropdown-menu > li > a {
    background: rgba(0,0,0,0);
    color: #666;
    font-size: 14px;
    letter-spacing: -0.01em;
    padding: 10px 25px;
    line-height: 1;
	text-align: center;
}
.navbar-inverse .dropdown-menu > li > a:hover, .navbar-inverse .dropdown-menu > li > a:focus {
    background: #f3f3f3;
    color: #367cc1;
}
/* //하단 메뉴 설정 끝 */
/* //메뉴 설정 끝 */

/* 슬라이드 영역 설정 시작 */
.container_contents {width: 100%; padding: 0;}
.carousel-inner > .item {height: 450px;background-size:auto 100%;background-position:center;}
.carousel-inner > .item:nth-child(1) {background-image: url('/skin/img/slide/slide1.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/slide3.jpg');}
.sl-caption {background: rgba(0,0,0,0.0); height: 100%; width: 100%; position: relative;}
.sl-caption .sl-caption-inner {position: absolute; top: 50%; width: 100%; margin: -100px 0 0; text-align: center; color: #111;}
.sl-caption .sl-caption-inner h5 {
    font-size: 22px;
    font-weight: 500;
    text-shadow: 2px 2px 5px rgba(0,0,0,0.15);
    margin: 0 0 20px;
    color: #22b9ff;
}
.sl-caption .sl-caption-inner h2 {
    /*font-size: 54px;*/
    font-size: 24px;
    font-weight: 300;
    line-height: 52px;
    text-shadow: 2px 2px 5px rgba(0,0,0,0.15);
    margin: 0 0 60px;
    letter-spacing: -0.5px;
}
.sl-caption .sl-caption-inner h2 span.sl-small {font-size: 26px;}
.sl-caption .sl-caption-inner h2 span.sl-highlight {
/*     letter-spacing: 0.15em;  */
    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: #B8B8B8; 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 {text-decoration:none!important;}
.sl-caption .sl-caption-inner .sl-btn a:hover p {color: #888!important;}
.sl-caption .sl-caption-inner .sl-btn a:hover img {opacity: 1;text-decoration:none}
.carousel-indicators{
    bottom:40px;
}
.carousel-indicators li {margin: 0 5px; background: rgba(0,0,0,0.5); height: 12px; width: 12px; border: none;}
.carousel-indicators .active {margin: 0 5px; background: #22b9ff;}
@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;}
}
/* //슬라이드 영역 설정 끝 */

/* 푸터 설정 시작 */
.footer-social-layout {display: none;}
.footer_copy > div {padding: 0;}
.footer_wrap {
    background: #414141;
    color: #888;
    font-size: 13px;
    text-align: left;
}
.footer_inner {width: 1170px; margin: 0 auto; padding: 40px 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: #ccc;
    font-size: 13px;
    margin: 0 0 15px;
}
.footer-line02 h5 {
    color:#aaa;
    font-size: 13px;
    margin: 0 0 10px;
}
.footer-line02 p {
    color: #888;
    font-size: 13px;
    margin: 0;
    line-height: 20px;
}
.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;}
/* ----- 카피라이트 설정 ----- */
.copy_wrap {
    background: #313131;
    color: #777;
}
.copy_wrap ~ br {display: none;}
.copy_inner {width: 1170px; margin: 0 auto; padding: 15px 0; font-size: 13px;}
.copy_inner .copy-txt {display: inline-block; float: left; margin: 0; padding: 5px 0 0;}
/* .copy_inner .copy-txt span {color: #7bc860;} */
.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 {width: 1170px; 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: #fff; padding: 40px 0;}
.main_product_inner {color: #454545;}
.main_product_inner .product h3 {font-size: 22px; margin: 20px 0 15px; letter-spacing: -0.03em;}
.main_product_inner .product p {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: -0.01em;
    line-height: 24px;
    color: #666;
}
.careHover {position: absolute; opacity: 0; display: block; color: #fff; width: 150px; height: 150px; text-align: center; line-height: 150px; background-color: rgba(54, 124, 193, 0.8);; top: 0; left: 12%; margin: 0 auto; border-radius: 50%;}
.careLine {position: absolute; top: 50%; left: 50%; width: 130px; height: 130px; border-radius: 100%; border: 1px solid rgba(255,255,255,0.7); margin: -65px 0 0 -65px;}
.careHover > p {margin: 0;}
.smSlider .slide:hover .careHover, .smSlider .slide:hover .careLine {opacity: 1;}
/* .smSlider .slide > p {color: #454545; font-size: 15px; font-weight: 300; letter-spacing: -0.01em; margin: 0;} */
.smSlider .slide > p {
    color: #454545;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: -0.01em;
    margin: 10px 0 20px;
    font-weight: 400;
}
.smSlider .slide > p > b {font-weight: 500; padding-right: 5px;}
/* ----- 메인 카드영역 ----- */
.main_intro_wrap {padding: 60px 0 40px;}
ul.mainbiz {margin: 0; padding: 0;}
ul.mainbiz li {float: left; width: 33.333334%; display: block;}
ul.mainbiz li figure {position: relative; overflow: hidden; background: #fff; text-align: left; border: 1px solid #cbcbcb; height: 270px; margin: 0 auto;}
ul.mainbiz li figure .mainbiz_des {background: #fff;}
ul.mainbiz li figure .hover_background {background: #34b371;}
ul.mainbiz li figure .description {background:#fff;}
ul.mainbiz li figure .description h4 {color: #666 !important; font-size: 17px; font-weight: 500; margin: 0 20px;}
@media screen and (min-width: 768px) {
    .description h4 {position: absolute; top: -40%;}
}
ul.mainbiz li figure img {width: 100%; -webkit-transition: -webkit-transform .3s ease-out, opacity .3s; transition: transform .3s ease-out,opacity .3s;-moz-transition:-moz-transform .3s ease-out,opacity .3s}
ul.mainbiz li a {display: block; width: 100%; padding: 0 10px;}
ul.mainbiz li a:hover .description {-webkit-transform: translate(0,0); transform: translate(0,0); background: #fff;}
ul.mainbiz li a:hover .mainbiz_title {-webkit-transform:translate(0,0);-moz-transform:translate(0,0);transform:translate(0,0)}
ul.mainbiz li a:hover figure {border-bottom: 1px solid #34b371;}
ul.mainbiz li a:hover figure .description h4 {position: relative; top: 0%; padding: 0; margin: 30px 20px 0;}
ul.mainbiz li a:hover img {opacity: .5; -webkit-transform:translate(0,-30px);-moz-transform:translate(0,-30px);transform:translate(0,-30px); background: #34b371; }
ul.mainbiz li:last-of-type {margin-right:0}
h1.mainbiz_title {width: 100%; font-weight: 700; font-size: 16px; color: #34b371; line-height: 1; text-align: left; text-transform: uppercase; position: absolute; bottom: 0; left: 0; right: 0; z-index: 3; background: #fff; padding: 15px 10px 5px; display: block; -webkit-transition: -webkit-transform 0.4s, color .3s; -moz-transition: -moz-transform 0.4s, color .3s; transition: transform 0.4s, color .3s; border-top: 2px solid #34b371;}
h1.mainbiz_title span {color: #aaa; font-size: 13px; font-weight: 400; margin: 5px 0 0; display: inline-block;}
h1.mainbiz_title:after {content:'';position:absolute;top:100%;left:0;right:0;height:100px;background:#fff;width:100%}
.description {display:table-cell;position:absolute;bottom:0;left:0;right:0;width:100%;-webkit-transform:translate(0,100%);-moz-transform:translate(0,100%);transform:translate(0,100%);z-index:4;-webkit-transition:-webkit-transform .25s;-moz-transition:-moz-transform .25s;transition:transform .25s}
.description p {display: block; height: 100px; overflow: hidden; color: #666; margin: 0; font-weight: 300; font-size: 14px; line-height: 21px; padding: 20px 20px 0; text-align: left;}
/* ----- 메인 카드 반응형 ----- */
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .main_biz01 ul.mainbiz li figure {height: 220px;}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    ul.mainbiz li {width: 50%;}
    .main_biz02 ul.mainbiz li figure {height: 215px;}
}
@media screen and (max-width: 767px) {
    ul.mainbiz li, .main_biz02 ul.mainbiz li {width: 100%;}
}
@media screen and (max-width: 425px) {
    ul.mainbiz li figure {height: 200px;}
    .main_biz02 ul.mainbiz li figure {height: 230px;}
}
/* ----- 메인 콘택트 영역 ----- */
.main_contact_wrap {padding: 40px 0 80px;}
.main_contact_wrap .contact {padding: 0 10px;}
.main_contact_wrap .contact a {border: 1px solid #cbcbcb !important; display: inline-block; width: 100%; padding: 30px 0; min-height: 210px; text-align: center; letter-spacing: -0.03em;}
.contact_inner h3 {color: #666; font-size: 18px; font-weight: 400;}
.contact_inner p {color: #555; font-size: 14px; font-weight: 300; line-height: 20px;}
.main_contact_wrap .contact a:hover {border: 1px solid #34b371 !important;}
.main_contact_wrap .contact a:hover h3 {color: #34b371;}
/* //메인 페이지 설정 끝 */

/* 서브 페이지 설정 시작 */
.sub-layout {width: 100%; padding: 10px 0 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 {text-align: right; margin: 0; padding: 0; background: transparent; font-size: 13px;}
.breadcrumb_wrap .breadcrumb li {color: #777;}
/* .breadcrumb_wrap .breadcrumb li:first-child i {color: #08ac67;} */
.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: 13px 20px;
    width: 100%;
    display: inline-block;
    font-size: 15px;
    color: #666;
    border-top: 1px solid #ddd!important;
    text-decoration: none;
}
.left_menu > li > a:hover {
    color: #367cc1;
    background: #f3f3f3;
}
.left_menu > li.active > a,
.left_menu > li.active > a:hover{
    background: #555c62;
    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: #f6f9f3; padding: 15px 40px; width: 100%; display: inline-block; font-size: 14px; color: #666;}
.left_menu_sub > li.active > a {color: #34b371; background: #e3e9dc;}
@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 10px;}
.content_wrap {min-height: 600px;}
.content_wrap .page_header {margin: 30px 0 30px; padding: 0 0 30px; border-bottom: 1px solid #dedede;}
.content_wrap h3.title {color: #454545; font-size: 28px; font-weight: 400; line-height: 1; letter-spacing: -0.03em; margin: 0;}
.content_wrap h4.title {
    color: #555c62;
    font-size: 20px;
    font-weight: 500;
    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: #666; font-size: 15px; font-weight: 300; line-height: 25px; letter-spacing: -0.02em;}
.bbs-list-index-layout .page_header, .contact-mail-layout .page_header, .img-bbs-default-index-layout .page_header, .vod-index-layout .page_header, .bbs-blog2-index-layout .page_header, .bbs-blog-view-layout .page_header, .bbs-list-view-layout  .page_header {margin: 30px 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-blog2-index-layout h3.title, .bbs-blog-view-layout h3.title, .bbs-list-view-layout h3.title {color: #454545; font-size: 28px; font-weight: 400; line-height: 1; letter-spacing: -0.03em; 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 #555c62; 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; 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 #34b371; 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: #08ac67; 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: #08ac67; padding-right: 10px;}
.care03 .care-process p {border: 1px solid #e5e5e5;}
/* --------------- sub page - 문의하기 --------------- */
#mailForm {border-top: 1px solid #34b371; border-bottom: 1px solid #34b371;}
#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: #3d94e8 !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: #34b371 !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 transparent; 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: #34b371;}
.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 #555c62;
    border-bottom: 1px solid #555c62;
    padding: 40px 0;
    margin: 0 0 80px 25px;
    max-width: 840px;
}
.bbs-list-index-layout #content, .contact-mail-layout #content, .img-bbs-default-index-layout #content, .vod-index-layout #content, .bbs-blog2-index-layout #content, .bbs-blog-view-layout #content, .bbs-list-view-layout #content{width: 75%; padding: 0 0 0 10px;}
/* .bbs-list-index-layout #content, .contact-mail-layout #content, .img-bbs-default-index-layout #content, .vod-index-layout #content, .bbs-blog2-index-layout #content, .bbs-blog-view-layout #content, .bbs-list-view-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-blog2-index-layout #content, .bbs-blog-view-layout #content, .bbs-list-view-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: #e6000f !important;}
.dh-board > .table-hover {border-top: 1px solid #555c62; 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;}
}
/* ----- 게시판 버튼 설정 ----- */
.label{background: transparent; padding: 0px 5px 0px; font-size: 90%;}
.label-danger{color: #34b371;}
.label-primary{color: #34b371;}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {background-color: #34b371; border: 1px solid #34b371 !important;}
.pagination > li > a, .pagination > li > span{color: #34b371;}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination> li > span:focus, .pagination>li>span:hover{color: #34b371;}
.dh-margin-top form#insertForm {width: 100%; max-width: 100%; display: block; margin: 0 0 0;}
.btnRead {font-weight: 500;}
.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 #eee; 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: transparent; padding: 8px 20px 8px; color: #888;}
.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 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;}
/* //게시판 설정 끝 */

/* 2018-06-05 */
.bx-wrapper .bx-viewport {
    background: #fff !important;
}

.breadcrumb>li+li::before {font-family:FontAwesome!important;content:"\f105";}

.content_wrap h4 {
    color: #367cc1;
}

/* .intro_txt .txt_box {padding-left:25px;padding-right:25px;} */
.intro_txt .txt_box {
    padding-right: 40px;
    padding-left: 0;
}
.intro_txt .txt_box h3 {
    font-size: 28px;
    line-height: 40px;
    font-weight: 500;
    margin: 0 0 30px;
    letter-spacing: -0.3px;
}
.intro_txt .txt_box h3 strong {color:#367cc1;}
.intro_txt .txt_box p {margin: 0 0 20px;}
.intro_txt .txt_box > p:last-child {margin-bottom:0;}

.intro_txt .txt_box h4 {
    font-size: 20px;
}

.intro_txt .txt_box h4 i {
    color: #fff;
    display: inline-block;
    width: 35px;
    height: 35px;
    background: rgba(54, 124, 193, 0.4);
    border-radius: 50%;
    font-size: 17px;
    padding-top: 8px;
    margin-right: 5px;
    text-align: center;
}

.sub-widget {border:1px solid #DEDEDE;background-color:#FCFCFC;border-radius:10px;padding:20px 20px;}
.sub-widget+.sub-widget {margin-top:20px;}
.sub-widget .title {font-size:18px;font-weight:500;letter-spacing:-0.03em;line-height:1;}
.sub-widget .num {
    font-size: 30px;
    line-height: 1;
    font-weight: 500;
    color: #fb8f09;
}
.sub-widget .time {font-size:13px;letter-spacing:-0.03em;color:#616161;}
.sub-widget p > a {display: inline-block;background-color:#3d94e8;color:#FFF;padding:10px 35px 10px 30px;font-weight:300;font-weight:300;margin-top:5px;border-radius:4px;}
.sub-widget p:last-child {margin-bottom:0;}

#mailForm .form-control {box-shadow:none;border:none;background-color:#EFEFEF;border-radius:4px;}

.table.table-model th, .table.table-model td {
    font-size: 13px;
    padding: 10px 10px;
    text-align: center;
    vertical-align: middle;
}

.color-option ul {
    padding: 0;
    margin: 0 0 20px;
}

.color-option ul > li {
    display: inline-block;
    padding: 7px 5px;
    width: 36px;
    height: 36px;
    margin-right: 2px;
    background-color: #DDD;
    text-align: center;
	border:1px solid transparent;
}

.color-option li.r {background-color:#FB0100;color:#FFF;}
.color-option li.ir {background-color:#A4A4A4;color:#000;}
.color-option li.w {background-color:#FFF;color:#AAA;border-color:#AAA;}
.color-option li.b {background-color:#0001FF;color:#FFF;}
.color-option li.g {background-color:#03B04F;color:#FFF;}
.color-option li.uv {background-color:#9B74BF;color:#000;}

.table.table-controller th, .table.table-controller td {
	text-align: center;
	vertical-align: middle;
}

div[class*="lighting"].content_wrap .img-responsive,
div[class*="controller"].content_wrap .img-responsive {
	margin-bottom: 15px;
	border-radius: 6px;
	border:1px solid #DEDEDE;
}

div[class*="lighting"].content_wrap .img-responsive+label,
div[class*="controller"].content_wrap .img-responsive+label {
	font-size: 14px;
	font-weight: normal;
	letter-spacing: -0.02em;
	text-align: center;
	display: block;
	margin-top: -10px;
}

.bx-wrapper img {
	border: 1px solid #DEDEDE;
}

.main_product_wrap .main_product_inner .product p+a {
	display: inline-block;
    background-color: #3d94e8;
    color: #FFF;
    padding: 10px 35px 10px 30px;
    font-weight: 300;
    font-weight: 300;
    margin-top: 5px;
    border-radius: 4px;
}

/* 2018-06-14 */
.navbar-inverse .navbar-nav {
	display: block;
}

.navbar-inverse .navbar-nav > li {
	float: none;
    display: table-cell;
    width: 1%;
}

/* @media (min-width: 992px) {
	.row.row-md-5 > div[class^=col] {
		width: 20%;
	}
}

.main-items a img {
    margin: 0 auto;
    display: block;
}

.main-items a {
    border: 1px solid #DEDEDE;
    display: block;
    padding: 20px 0px;
    margin: 0;
}

.main-items a:hover, .main-items a:hover+p {
	border-color: #367CC1;
	color: #367CC1;
}

.main-items a+p {
    margin: 5px 0 30px;
    font-size: 16px;
    letter-spacing: -0.03em;
}

.main_product_inner .col-sm-12 h3 {
    margin: 0 0 10px;
    font-size: 36px;
    text-align: center;
    letter-spacing: -0.03em;
    font-weight: 400;
}

.main_product_inner .col-sm-12 p {
    text-align: center;
    margin: 0 0 50px;
    font-size: 18px;
    letter-spacing: -0.03em;
    color: #616161;
} */

.table.table-all-centered thead tr th,
.table.table-all-centered tbody tr th,
.table.table-all-centered tbody tr td {
	text-align: center;
}


/* 2018-06-14 */
.controller_pd p{letter-spacing:-0.7px}
.pagination > .active > a{background-color:#367cc1}
.intro-board-widget-layout{    
    width: 1170px;
    max-width:100%;
    margin: 0 auto;    margin-bottom: 50px;}
.intro-board-layout,.intro-widget-layout {width:50%}
.intro-widget-layout .sub-widget{width:48%;float:left}
.intro-widget-layout .sub-widget:nth-of-type(1){padding:28px 10px 27px 20px;}
.intro-widget-layout .sub-widget:nth-of-type(2){    
	margin-top: 0;
    margin-left: 15px;}
.intro-widget-layout{overflow:hidden}
.intro-boardbox-type-bbs .dh-front-list2-words .list-row-contents{display:none}
.intro-boardbox-type-bbs .dh-front-list2-words a span{
	font-size: 15px;
    font-weight: 500;
    color: #555;}
.intro-boardbox-type-bbs .dh-front-list2-words a .row-separator {display:none}
.intro-boardbox-type-bbs .dh-front-list2-words a .list-row-regdate{    
	display: inline-block;
    float: right;}
.intro-boardbox-type-bbs .dh-front-list2-words{padding:5px 0}
.intro-boardbox-type-bbs .dh-front-list2 .panel-default{border:none}
.intro-boardbox-type-bbs .dh-front-list2 .panel-body{    padding: 0;}

.intro-board-widget-layout .page-header h4{font-size:22px}
.intro-board-widget-layout .page-header h4 a i{    color: #367cc1;}
.intro-board-widget-layout .page-header{    border-bottom: 1px solid #367cc1;}
.main_product_inner .slide > img {
	display: block;
	border-radius: 50%;
	margin: 0 auto;
	width: 150px;
	height: 150px;
	border: 1px solid #eee;
}
.main_product_inner .slide > a {
	display:block;
}
.main_product_inner .product h3 {font-size: 22px; margin: 20px 0 15px; letter-spacing: -0.03em;}
.main_product_inner .product p {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: -0.01em;
    line-height: 24px;
    color: #666;
	margin: 0 0 30px;
}
.careHover {position: absolute;
    opacity: 0;
    display: block;
    color: #fff;
    width: 150px;
    height: 150px;
    text-align: center;
    line-height: 150px;
    background-color: rgba(54, 124, 193, 0.8);
    top: 0;
    left: 50%;
    margin: 0 auto;
    border-radius: 50%;
    transform: translateX(-50%);}

.camera .col-sm-6 > a {
    border: 1px solid #DEDEDE;
    display: block;
    margin: 0 0 20px;
    border-radius: 6px;
}

.camera .row {
    margin-left: -10px;
    margin-right: -10px;
}

.camera .col-sm-6 {
    padding: 0 10px;
}

@media (min-width: 768px) {
	.navbar-inverse .navbar-nav .dropdown-menu {
		padding: 10px 10px;
	}

	.navbar-inverse .navbar-nav .dropdown-menu > li {
		display: table-cell;
		width: 1%;
	}
}


/*bbs-B*/
.dhb-txt-box-type-b-img-layout .thumb-hidden {
	min-height: 200px;
	height: 200px;
	max-height: 200px;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, .39);
	-webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, .39);
}

.dhb-txt-box-type-b-img-layout .thumb-hidden .btnRead {
	width: 100%;
	height: 100%;
	float: left;
	margin: 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.dhb-txt-box-type-b-img-layout .thumb-hidden .btnRead img {
	visibility: hidden;
	opacity: 0;
}
.bbs-blog2-index-layout .dhb-txt-box-type-b{
	background:transparent;
	border:none;
}
.dhb-txt-box-type-b-img-layout .thumb-hidden{
	border:none;
}
.dhb-txt-box-type-b-text-layout h4{
	margin-top:10px!important;
	text-align:left;
	font-size:15px!important;
}
.dhb-txt-box-type-b-text-layout h4 strong{
	display:inline-block;
	max-width:90%;
	overflow:hidden;
	text-overflow:ellipsis;
}
.dhb-txt-box-type-b-text-layout h4 .label{
	vertical-align:text-top;
}
.dhb-txt-box-type-b-text-layout h4:before,
.dhb-txt-box-type-b-text-layout .txt-box-footer{
	display:none;
}

/* -------------------메인 페이지 썸네일------------------ */
.dh-front-blog>.col-md-4>.thumbnail {
    position: relative;
    min-height: 0;
    margin: 0;
    border: none;
    overflow: hidden;
    background: #000;
}
.blog-row-contents {
	display: none;
}
.dh-front-blog>.col-md-4>.thumbnail>a.blogthumb {
    height: 200px;
    border: none;
    box-shadow: none;
    overflow: hidden !important;
    transition: all ease 0.5s;
}
.dh-front-blog>.col-md-4>.thumbnail:hover a.blogthumb, 
.dh-front-blog>.col-md-4>.thumbnail:focus a.blogthumb{
    opacity: 0.5;
}
.dh-front-blog>.col-md-4>.thumbnail .caption {
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    border: none;
    width: 100%;
    padding: 0;
    text-decoration: none !important;
    background: rgba(0,0,0,0.6);
    background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(0,0,0,0.8) 100%);
    background: linear-gradient(to bottom,rgba(255, 255, 255, 0) 0%,rgba(0, 0, 0, 0.8) 100%);
}
.dh-front-blog>.col-md-4>.thumbnail>.caption h5 {
    margin: 0;
    padding: 16px 16px !important;
    font-size: 14px;
    letter-spacing: -0.03em;
    font-weight:600
}
@media(min-width:768px){
	.dh-front-blog>.col-md-4{
		width:50%;
	}
}

#news .dh-board, #news form#insertForm,.dh-view-box.dh-margin-topx2{width: 100%;
    clear: both;
    max-width: 100%;}
#news .bbs-blog2-index-layout .dh-board {
    margin-left: -15px;
    margin-right: -15px;
}

#news .dhb-txt-box-type-b-img-layout .thumb-hidden {
    min-height: 200px;
    height: 200px;
    max-height: 200px;
    box-shadow: none;
    border: none;
	background: #000;
}

#news .dhb-txt-box-type-b-img-layout .thumb-hidden .btnRead {
	width: 100%;
	height: 100%;
	float: left;
	margin: 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

#news .dhb-txt-box-type-b-img-layout .thumb-hidden .btnRead img {
	visibility: hidden;
	opacity: 0;
}
.bbs-blog2-index-layout #news .dhb-txt-box-type-b {
    background: transparent;
    border: none;
    padding: 0 15px;
	margin-bottom:30px;
}
.bbs-blog2-index-layout #news .dhb-txt-box-type-b > .row {
    margin: 0;
}
.bbs-blog2-index-layout #news .dhb-txt-box-type-b > .row > div {
    padding: 0;
}
#news .dhb-txt-box-type-b-img-layout .thumb-hidden a {
    transition: all ease 0.3s;
}
.bbs-blog2-index-layout #news .dhb-txt-box-type-b > .row:hover .thumb-hidden a {
    opacity:0.5;
}
.bbs-blog2-index-layout #news .dhb-txt-box-type-b > .row:hover  h4 strong a{
	text-decoration:underline;
}

#news .dhb-txt-box-type-b-text-layout h4 {
    font-size: 16px;
    margin: 0;
	margin-top:0!important;
    padding: 17px 0 5px;
}
#news .dhb-txt-box-type-b-text-layout h4 strong{
	display:inline-block;
	max-width:90%;
	overflow:hidden;
	text-overflow:ellipsis;
}
#news .dhb-txt-box-type-b-text-layout h4 strong a {
    font-weight: 500;
    letter-spacing: -0.015em;
    color: #000;
}
#news .dhb-txt-box-type-b-text-layout h4 .label{
	vertical-align:text-top;
}
#news .dhb-txt-box-type-b-text-layout h4:before,
#news .dhb-txt-box-type-b-text-layout .txt-box-footer{
	display:none;
}
#news .subTitle h3 {
    text-align: center;
    margin: 0 0 80px;
    color: #111;
    font-size: 55px;
    font-weight: 600;
    letter-spacing: -0.02em;
    line-height: 1;
}
#news .subContent{padding-top:80px}
.dh-front-blog > .col-md-4{
	width: 25%;
}
#news #insertForm .input-group #btnNew {
    background: #333;
    border: 1px solid #333;
    color: #fff;
}

.dh-front-blog > .col-md-4 > .thumbnail {
	min-height: auto;
    border: none;
    margin: 0 0 30px;
    background: #000
}

.dh-front-blog > .col-md-4 > .thumbnail > a.blogthumb {
    border: none;
    transition:all ease 0.3s
}

.dh-front-blog > .col-md-4 > .thumbnail > .caption {
    padding: 17px 0 5px;
    background: #fff;
	color:#000
}

.dh-front-blog > .col-md-4 > .thumbnail:hover a.blogthumb {
    opacity:0.5;
}

.dh-front-blog > .col-md-4 > .thumbnail > .caption h5 {
    margin: 0;
    padding: 0 !important;
    font-size: 16px;
    letter-spacing: -0.015em;
}

.dh-front-blog > .col-md-4 > .thumbnail:hover > .caption h5{
	text-decoration:underline
}

.dh-front-blog > .col-md-4 > .thumbnail > .caption h5 .label-danger,
.dhb-txt-box-type-b-text-layout h4 .label{
	background: none;
	font-weight: 400;
	color: #004A86 !important;
}
.dh-front-blog > .col-md-4 > .thumbnail > .caption > .blog-row-contents,
.dh-front-blog > .col-md-4 > .thumbnail > .caption > .blog-row-regdate{
	display: none;
}
.main_bbs .intro-boardbox .page-header h4 {
    text-align: left;
    margin: 0;
    font-size: 40px;
    color: #333;
    font-weight: 600;
    line-height: 1;
}
.main_bbs .intro-boardbox .page-header {
    padding: 0;
    margin: 0 0 55px;
    border: 0;
}
.main_bbs .intro-boardbox .page-header h4 .btn {
    border: none;
    font-size: 18px;
    font-weight: 800;
    color: #0059d1;
    letter-spacing: 0.05em;
    padding: 0;
    display: inline-block;
    line-height: 1;
    margin-top: 33px;
}
.newarea{padding-top: 80px;}
.prod-sample img{
    padding:50px 15px;
    background:#fff;
}
.prod-sample .txt-box{
    border-top:1px solid #ddd;
}
.prod-sample .btn-li{
    margin-top:30px;
    display:flex;
    padding:0;
    justify-content: space-between;
}
.prod-sample .btn-li li{
    margin:0 5px;
    flex:1;
    text-align:center;
}
.prod-sample .btn-li li a{
    display:block;
    padding:15px 0;
    color:#fff;
    font-weight:500;
    background:#702c91
}
.prod-sample .btn-li li a:hover{
    background:#531f6d
}
@media(max-width:767px){
    .navbar-inverse{
        position:fixed;
        left:0;
        right:0;
        top:0;
    }
    .navbar-inverse .navbar-header{
        border:none;
    }
    .navbar-brand img{
        height:40px;
    }
    .navbar-toggle{
        border:none!important;
        background:transparent!important;
    }
    .navbar-toggle .icon-bar{
        background:#fff!important;
    }
    .navbar-inverse .navbar-nav > li{
        display:block;
        text-align: left;
    }
    .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,
    .navbar-inverse .navbar-nav > li > a{
        padding:8px 20px;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a{
        padding:8px 40px;
        text-align: left;
        color:#ddd;
    }
    .newarea{
        padding-top:50px;
    }
    .main_bbs .intro-boardbox .page-header h4{
        font-size:30px;
    }
    .main_bbs .intro-boardbox .page-header h4 .btn{
        margin-top:10px;
        font-size:16px;
    }
    .dh-front-blog > .col-md-4{
        width:100%;
        float:left;
    }
    .dh-front-blog > .col-md-4 > .thumbnail > .caption{
        padding:10px ;
    }
    .dh-front-blog>.col-md-4>.thumbnail>a.blogthumb{
        height:260px;
    }
    .intro-widget-layout .sub-widget{
        margin-bottom:10px;
        width:100%;
        float:none;
    }
    .intro-widget-layout .sub-widget:nth-of-type(2){
        margin-left:0;
    }
    .intro-board-layout, .intro-widget-layout{
        width:100%;
    }
    .intro-board-layout{
        padding:0;
    }
    .main_bbs .intro-boardbox .page-header{
        margin-bottom:30px;
    }
    .product{
        margin-bottom:40px;
    }
    #news .subContent{
        padding-top:50px;
    }
    #news .subTitle h3{
        font-size:40px;
        margin-bottom:50px;
    }
    .dh-board, form#insertForm, form#mailForm, .img-bbs-default-index-layout > div:nth-child(2), .dh-view-box.dh-margin-topx2{
        padding:0!important;
    }
    .bbs-blog2-index-layout #news .dhb-txt-box-type-b{
        padding:0;
    }
    .dh-margin-top{
        text-align:center;
    }
    .left_menu {
        background: #f5f5f5;
        padding: 19px;
    }
    .content_wrap .page_header{
        padding-bottom:0;
    }
    .intro_txt .txt_box h3 br{
        display:none;
    }
    .intro_txt .txt_box{
        padding:0;
    }
    .intro_txt .txt_box > p:last-child{
        margin-bottom:20px;
    }
    form#mailForm{
        padding-bottom:50px!important;
    }
}