@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
html {overflow-x: hidden; overflow-y: scroll;}
.body-layout {background-color: #fff;}

/* 폰트 설정 */
.body-layout, h1, h2, h3, h4, h5, h6, input, textarea, button { 
    font-family: 'Noto Sans KR','Apple SD Neo Gothic', 'Malgun Gothic', sans-serif; 
}
/* h1, h2, h3, h4, h5, h6, p { margin: 0px; } */
ol, ul, li {
	list-style: none;
	list-style-position: inside;
}

.navbar .divider-vertical, 
.navbar ~ br,
.footer-social-layout,
.footer_copy .text-center > br,
.topmarginLay_a {
	display: none;
}
.intro-html-layout{padding-top:182px}
/* 메뉴 설정 시작 */
.navbar-inverse {    
	background: #fff;
    border: none;
    margin: 0 auto;
    position: absolute;
    top: 0;
    width:100%;
    max-width: 1170px;
    padding: 0 15px;
}
.navbar-inverse > .container {
    border-bottom: 1px solid #ccc;
    padding: 0;
    max-width: 1140px;
    width: 100%;
}
.navbar-inverse .divider-vertical {display: none;}
/* .caret {display: none;} */
.navbar ~ br {display: none;}
.topmarginLay_a {height: 180px !important;}
@media screen and (max-width: 767px) {
    .topmarginLay_a {height: 62px !important;}
	.navbar-inverse{width:100%}
	.intro-html-layout{padding-top: 60px;}
}

*{word-break:keep-all}
/* 상단 메뉴 설정 시작 */
.navbar_top_wrap {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #ccc;
}
.navbar_top_inner {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
}
.navbar_top_inner > div {
        float: left;
    width: 25%;
    padding-top: 45px;
}
.navbar_top_inner .navbar_top_add p{    
	color: #333;
    font-size: 15px;}
.navbar_top_inner .navbar_top_add p span{color: #1172fa;}
@media screen and (max-width: 991px) {
    .navbar_top_inner {width: 100%;}
}
/* ----- SNS 버튼 ----- */
.navbar_top_inner > .navbar_top_sns {
    text-align: left;
    width: 28%;
}
.navbar_top_inner > .navbar_top_sns p {
    font-size: 14px;
    color: #888;
    letter-spacing: -0.2px;
    margin-bottom: 5px;
}
.navbar_top_inner > .navbar_top_sns span{
    color: #156ec1;
}
/* ----- logo ----- */
.navbar_top_inner > .navbar_top_logo {text-align: center; width: 50%; padding: 30px 0 ;}
.navbar_top_inner > .navbar_top_login {    
	text-align: right;
    width: 25%;
    padding-top: 55px;}
.navbar_top_login a {
        color: #888;
    font-size: 12px;
    letter-spacing: -0.2px;
    text-decoration: none;
    border: 1px solid #ddd;
    padding: 2px 11px;
}
.navbar_top_login a:hover,
.navbar_top_login a:active,
.navbar_top_login a:focus{
    color:#156ec1
}
/*.navbar_top_login a:nth-child(1)::after {content: "\00b7"; color: #888; 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:last-child {display: none;} /* 회원가입 숨기기 */
.navbar-inverse .navbar-nav > li > a {
    color: #333;
    font-size: 18px;
    font-weight: 600;
    text-shadow: 0 0 0 rgba(0,0,0,0) !important;
    letter-spacing: -0.02em;
    padding: 20px 30px;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {color: #156ec1;}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {color: #156ec1; background: transparent !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 #ededed;}
    .navbar-inverse .navbar-collapse > ul, .navbar-inverse .navbar-collapse > ul > li {width: 100%;}
    .navbar-brand {padding: 0; margin: 20px 10px;}
    .navbar-inverse .navbar-toggle {margin: 15px 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: #444649;
    min-width: 175px;
    border: none;
    border-radius: 0;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    left: 0;
    right: auto;
    padding: 0;
}
.navbar-inverse .dropdown-menu > li > a {
    color: #fff;
    font-size: 14px;
    padding: 12px 25px;
    border-bottom: 1px solid rgba(255,255,255,0.2);
}
.navbar-inverse .dropdown-menu > li > a:hover,
.navbar-inverse .dropdown-menu > li > a:focus {
    background: #2b2a2a;
    color: #fff;
}
.navbar-inverse .dropdown:after{content:"";}
.dropdown .caret {
    border: none;
    background: url(/skin/img/main/arrow-down.png) no-repeat center center;
    width: 12px;
    height: 6px;
    margin-left: 5px;
    margin-top: -2px;
}
/* //하단 메뉴 설정 끝 */
/* //메뉴 설정 끝 */

/* 슬라이드 영역 설정 시작 */
@media(min-width:768px){.container_contents {width: 1170px;}}
.container_contents { margin:0 auto}
.carousel-inner {
    border-radius: 10px;
    background: #f3f3f3;
}
.carousel-inner > .item {height: 400px; background-size: cover;}
.carousel-inner > .item {background-image: url('/skin/img/slide/slide01.jpg');}
.sl-caption {
    background: rgba(220, 220, 220, 0.9);
    height: 100%;
    width: 33.333%;
    position: absolute;
    right: 0;
}
@media (min-width:992px){
    .sl-caption{
        min-width: 400px
    }
}
.sl-caption .sl-caption-inner {
/*     position: absolute; */
/*     top: 0; */
    padding: 60px 0 0 38px;
    color: #333;
    height: 100%;
}
.sl-caption .sl-caption-inner h2 {
    font-size: 26px;
    font-weight: 600;
    letter-spacing: -0.02em;
    margin: 0 0 20px;
    line-height: 1.4;
}
.sl-caption .sl-caption-inner p {
    font-weight: 400;
    color: #333;
    font-size: 16px;
    line-height: 1.8em;
    letter-spacing: -0.04em;
}
.sl-caption .sl-caption-inner .sl-btn {    margin-top: 60px;}
.sl-caption .sl-caption-inner .sl-btn a {
    color: #fff;
    background: #156ec1;
    padding: 12px 40px;
    letter-spacing: -0.02em;
    border-radius: 3px;
    font-size: 16px;
    text-decoration: none;
    transition: all ease .3s;
    border: 2px solid rgba(0,0,0,0);
}
.sl-caption .sl-caption-inner .sl-btn a:hover{background: #fff;color:#156ec1;border:2px solid #156ec1;font-weight:500}
.carousel-indicators li {margin: 0 5px; background: #fff; height: 12px; width: 12px; border: none;}
.carousel-indicators .active {margin: 0 5px; background: #34b371;}
@media screen and (max-width: 767px) {
    .sl-caption .sl-caption-inner {margin: -120px 0 0;}
    .sl-caption .sl-caption-inner h2 {font-size: 18px; line-height: 30px;}
	.sl-caption{width: 100%;}
}

.bx-wrapper img{border-radius:10px}
/* //슬라이드 영역 설정 끝 */

/* 푸터 설정 시작 */

.footer-social-layout {display: none;}
.footer_copy > div {padding: 0;}
.footer_wrap {
    background: #444649;
    color: #aaa;
    font-size: 14px;
    text-align: left;
}
.footer_inner {width: 1170px; margin: 0 auto; padding: 30px 0 25px;}

.footer-line02 .col-md-3 .col-md-9 span{        
	font-size: 15px;
    font-family: 'Nanum Myeongjo', serif;
    font-weight: 600;
    letter-spacing: -0.4px;
    display:none;
}
.footer-line02 .col-md-7 ul{    padding-left: 0;}
.footer-line02 .col-md-7 ul li {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 400;
    color: #aaa;
    letter-spacing: -0.02em;
}
.footer-line02 .col-md-2 {
    padding: 20px 15px 0;
}
.footer-line02 .col-md-2 a {
    background: #626569;
    color: #fff;
    padding: 12px 20px;
    border-radius: 3px;
    display: block;
    max-width: 160px;
    border: 2px solid #626569;
    text-align: center;
    transition: all ease 0.3s;
    text-decoration: none;
}
.footer-line02 .col-md-2 a:hover,
.footer-line02 .col-md-2 a:focus {
    background: #444649;
    color: #fff;
}
@media(min-width:768px){.footer-line02 .col-md-3 .col-md-9{padding-left:0}}
/* ----- 카피라이트 설정 ----- */
.copy_wrap {background: #303234; color: #aaa;}
.copy_wrap ~ br {display: none;}
.copy_inner {
	max-width: 1170px;
    margin: 0 auto;
    padding: 10px 0 15px;
    font-size: 13px;
    text-align: center;
    color: #aaa;
    letter-spacing: -0.02em;}
.copy_inner .copy-txt {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_inner .product{    margin-bottom: 30px;}
	.bx-controls-direction{display:none}
}
/* ----- 메인 제품 슬라이드 영역 ----- */
.main_product_wrap {padding: 60px 0;}
.main_product_inner {
    margin: 0 -15px;
}
.main_product_inner .product h3 {
    font-size: 18px;
    margin: 10px 0 15px;
    letter-spacing: -0.02em;
    color: #333;
    font-weight:600;
}
.main_product_inner .product p {
    font-size: 15px;
    letter-spacing: -0.04em;
    line-height: 26px;
    color: #666;
    margin-bottom: 20px;
}
.main_product_inner .product a{
    color: #156ec1;
    font-size: 15px;
}
.careHover {position: absolute; opacity: 0; display: block; color: #fff; width: 150px; height: 150px; text-align: center; line-height: 150px; background-color: rgba(50,112,119,0.5); 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 > b {font-weight: 500; padding-right: 5px;}
.bx-wrapper .bx-viewport {
    background: #fff !important;
}
.bx-wrapper img{
    border-radius:10px !important;
    margin:0 auto 0 !important;
}
.smSlider .slide a p {
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    padding: 8px;
    background: rgba(68, 70, 73, 0.7);
    width: 100%;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom: 2px solid #156ec1;
    font-size: 16px;
    margin-bottom: 0;
}
.smSlider .slide a p b {
    font-weight: 400;
}
.main_product_wrap .slide {
    margin-right: 20px !important;
}
.bx-wrapper{max-width:830px !important}
.bx-wrapper .bx-controls-direction a {
    margin-top: -18px !important;
    width: 36px !important;;
    height: 36px !important;;
    text-indent: -9999px;
    z-index: 999;
}
.bx-wrapper .bx-next{
    right: -50px !important;
}
.bx-wrapper .bx-prev{
    left: -60px !important;
}
/* ----- 메인 카드영역 ----- */
.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: 181px 0 0;}
.sub-layout .page_wrap {
    max-width: 1140px;
    padding: 0 15px;
    margin: 0 auto;
/*     border-top: 2px solid #ccc; */
}
@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;
    position: absolute;
    right: 15px;
    top: 57px;
}
.breadcrumb_wrap .breadcrumb li {color: #777;}
.breadcrumb_wrap .breadcrumb li:first-child i {color: #156ec1;}
.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;}
	.sub-layout{ padding: 0;}
}
/* ----- left menu 설정 ----- */
.left_menu_wrap {
    padding: 0px 60px 0 0;
}
.left_menu {margin: 0; padding: 0;}
.left_menu h3 {
    margin: 50px 0 30px;
    color: #333;
    font-size: 28px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.04em;
}
.left_menu > li > a {
    padding: 15px 20px;
    width: 100%;
    display: inline-block;
    font-size: 15px;
    color: #333;
    border-top: 1px solid #ddd !important;
    background:#f3f3f3;
    letter-spacing:-0.04em;
}
.left_menu > li.active > a {
    background: #156ec1;
    color: #fff;
    border-radius: 3px;
    font-weight: 600;
}
.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 60px 0px;
}
.sub-content {min-height: 600px;}
.sub-content .page_header {
    margin: 50px 0 30px;
    padding: 0px 0 25px;
    border-bottom: 1px solid #ddd;
}
.sub-content h3.title {
    color: #333;
    font-size: 32px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -0.04em;
    margin: 0;
}
.sub-content h4.title {
    color: #156ec1;
    font-size: 24px;
    letter-spacing: -0.02em;
    font-weight: 600;
    margin: 30px 0 20px;
}
.sub-content h5.title {
    color: #333;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.04em;
    margin: 30px 0 20px;
    width: 100%;
    display: inline-block;
}
.sub-content p {
    color: #666;
    font-size: 14px;
    line-height: 1.7;
    letter-spacing: -0.02em;
    margin-bottom: 20px;
}
.sub-content .con h4 {
    font-size: 18px;
    color: #333;
    letter-spacing: -0.02em;
    margin: 20px 0 25px;
    font-weight: 600;
}
.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; */
    margin: 50px 0 30px;
    padding: 0px 0 25px;
    border-bottom: 1px solid #ddd;
}
.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; */
    color: #333;
    font-size: 32px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -0.04em;
    margin: 0;
}
@media screen and (max-width: 991px) {
    #content {padding: 0 10px 30px; display: inline-block; width: 100%;}
}
@media screen and (max-width: 767px) {
    .sub-content h3.title {font-size: 24px; margin: 20px 0 20px; padding: 0; border: none;}
}
/* ---------- table 영역 설정 ---------- */
table {
    font-size: 15px;
    width: 100%;
    border-top: 1px solid #333;
    border-bottom: 1px solid #ddd;
    margin: 10px 0;
}
tr{line-height: 20pt;}
th{padding: 12px 15px; color: #333; font-weight: 500; border-bottom: 1px solid #ddd;vertical-align:middle}
td{padding: 12px 15px; background-color: #fff; border-bottom: 1px solid #ddd; color: #666;vertical-align:middle}

/* --------------- sub page - 문의하기 --------------- */
.contact-mail-layout .row-fluid {
    margin: 0 -15px;
}
.contact-mail-layout #content{
    padding:0;
}
#mailForm {
    display: inline-block;
    /* width: calc(75% - 90px); */
    /* border-top: 1px solid #3270a7; */
    /* border-bottom: 1px solid #3270a7; */
    padding: 20px 0;
    margin: 0 0 70px 0px;
    max-width: 855px;
}
#mailForm .form-group label {float: left; width: 15%; text-align: left; font-size: 16px; margin-top: 5px;}
#mailForm .form-group .form-control {
    display: inline-block;
    border-radius: 0;
    box-shadow: none;
    background: #f3f3f3;
    border: 1px solid #f3f3f3;
    transition: all ease 0.3s;
}
#mailForm .form-group .form-control:focus {
    border: 1px solid #156ec1;
    background: #fff;
}
#mailForm .checkbox {width: 100%;}
#mailForm .checkbox label {width: 100%; font-size: 12px; color: #777777;}
#mailForm .btn-primary {
    width: 160px;
    height: 50px;
    margin: 0 auto;
    background-color: #156ec1 !important;
    color: #fff;
    padding: 12px 40px;
    letter-spacing: -0.02em;
    border-radius: 3px;
    font-size: 16px;
    text-decoration: none;
    transition: all ease .3s;
    border: 2px solid rgba(0,0,0,0);
}
#mailForm .btn-primary:hover, #mailForm .btn-primary:focus {
    background: #fff !important;
    color: #156ec1;
    border: 2px solid #156ec1;
}
#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: 85%;}}
@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 {
    max-width: 1140px;
    min-height: 600px;
    padding: 100px 15px;
    margin: 0 auto;
    border-top: 2px solid #ccc;
}
.login-layout .form-control, 
.id-find-layout .form-control, 
.pw-find-layout .form-control {
    border-radius: 0;
    box-shadow: none;
    background: #f3f3f3;
    border: 1px solid #f3f3f3;
    transition: all ease 0.3s;
}

.login-layout .form-control:focus,
.id-find-layout .form-control:focus,
.pw-find-layout .form-control:focus {
    border: 1px solid #156ec1;
    background: #fff;
}
.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: #3270a7 !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 {
    box-shadow: 0 0 0 rgba(0,0,0,0);
    text-shadow: 0 0 0 rgba(0,0,0,0);
    max-width: 160px;
    padding: 12px 20px;
    border-radius: 3px;
    background: #156ec1;
    border: 2px solid #156ec1;
    color: #fff;
    font-size: 14px;
    transition: all ease 0.3s;
    text-decoration: none;
}
.login-layout .btn-warning:hover, .id-find-layout .btn-warning:hover, .pw-find-layout .btn-warning:hover {
    color: #156ec1;
    background: #fff;
}
.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 #3270a7;
    border-bottom: 1px solid #3270a7;
    padding: 40px 0;
    margin: 0 0 80px 0px;
    max-width: 855px;
}
*/
.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: #58ba36 !important;}
.dh-board > .table-hover {border-top: 1px solid #3270a7; 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: #3270a7;}
.label-primary{color: #3270a7;}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {background-color: #3270a7; border: 1px solid #3270a7 !important;}
.pagination > li > a, .pagination > li > span{color: #3270a7;}
.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;}
/* //게시판 설정 끝 */
.sub-content div:nth-of-type(2) img{
    margin-left:0;
    margin-bottom:30px
}

.txt-margin{margin-bottom:20px}
@media(min-width:768px){
.sub-content .col-md-12 ul{padding:0}
	}
.sub-content .col-md-12 ul li{    
	font-size: 15px;
    line-height: 1.8em;
    font-weight: 300;
    color: #000;}
.sub-content .col-md-12 ul li:before{
	content: "";
    width: 5px;
    height: 1px;
    background: #000;
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 5px;}
.sub-content .table th{vertical-align:middle}
.sub-content .table td {
    vertical-align: middle;
    letter-spacing: -0.02em;
    color: #666;
    line-height: 1.7;
}

/*인사말*/

.company01 .ceo_sigh {
    text-align: right;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 0.04em;
    color: #333;
}



/*서브 snb


.subpage-title{
	position:relative;
	    margin-bottom: 50px;
}
.subpage-title h2 {
    position: relative;
    text-align: center;
    margin: 0;
    font-size: 40px;
    color: #333;
    line-height: 1;
}
.subpage-title .breadcrumb {
    position: absolute;
    right: 15px;
    top: 11px;
    float: right;
    background: transparent;
    font-size: 13px;
    margin: 0;
    padding: 0;
    color: #888;
}
.subpage-title .snb:nth-of-type(1){
    margin: 35px 0 0;}

.subpage-title .snb{
    width: 100%;
    overflow: hidden;margin-bottom:0
}
.subpage-title .snb li{
	float:left;    letter-spacing: -0.7px;
}
.subpage-title .snb a {
    display: inline-block;
    margin: 5px 10px;
    color: #555;
    border-right: none;
    text-align: center;
	text-decoration:none
}
.snb > li:after{content:"/"}
.snb > li:last-child:after {display:none
	
}
.snb li.active a {
    color: #da310a;
    border-bottom: 1px solid;
}
.snb li:hover a{
	color:#da310a;	
}

.sub-content h3 {
    margin: 0 0 20px;
    letter-spacing: -0.3px;
    font-size: 26px;
}
.sub-content h3 span {
    margin-left: 8px;
    font-weight: 500;
    opacity: .5;
    font-size: 16px;
}
@media(min-width:768px){
	.subpage-title .snb{padding:0}
	
}*/

/*제품소개*/
.sub-content .con{margin-top:20px}
.product03 .table td a {
    display: inline-block;
    padding: 8px 25px;
    border-radius: 3px;
    background: #156ec1;
    border: 2px solid #156ec1;
    color: #fff;
    font-size: 12px;
    transition: all ease 0.3s;
    text-decoration: none;
}

.product03 .table td a:hover {
    color: #156ec1;
    background: #fff;
}

.down_btn{
    display: inline-block;
    padding: 8px 25px;
    border-radius: 3px;
    background: #156ec1;
    border: 2px solid #156ec1;
    color: #fff;
    font-size: 12px;
    transition: all ease 0.3s;
    text-decoration: none !important;
}
.down_btn:hover{
    color: #156ec1;
    background: #fff;
}

/*준비중*/
.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;
	
}


.example03.sub-content .down_btn{text-align:center}
.sub-content .con_la img{margin-bottom:20px !important;border:1px solid #eee}
.img-border{border:1px solid #dedede}
.cer_logo{margin-bottom:50px}
.cer_logo a{    
    padding: 8px 0;
    border-radius: 3px;
    background: #156ec1;
    border: 2px solid #156ec1;
    color: #fff;
    font-size: 12px;
    display: block;
    transition: all ease 0.3s;
    text-decoration: none !important;
    min-width: 105px;
	text-align: center;}
.cer_logo a:hover,.cer_logo a:active,.cer_logo a:focus{
    color: #156ec1;
    background: #fff;}
.sub-content .cer_logo .col-md-3 img{margin-left: auto;}
.main_con2 {    padding-top: 0;}
/* .txt_box{padding: 5px;
    border: 1px solid #156ec1;}
.txt_box p{    
	padding: 15px;
    border: 3px solid #156ec1;
    text-align: center;
    margin-bottom: 0;
    font-size: 15px;
    color: #000;} */
.txt_box p{    
    text-align: center;
    background: #eee;
    color: #333;
    padding: 20px;
    border-radius: 10px;
    line-height: 1.8em;
    font-size: 15px;
    margin: 20px 0;}