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

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

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


/* 메뉴 설정 시작 */
.navbar-inverse{background: #fff; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.1); position: absolute; top: auto;}
.navbar-inverse .divider-vertical{display: none;}
.caret{display: none;}
.navbar ~ br{display: none;}
.topmarginLay_a{height: 80px !important;}
@media screen and (max-width: 767px) {
	.topmarginLay_a{height: 64px !important;}
}

/* ----- 로고 설정 ----- */
.navbar-brand {margin: 20px 0 0 !important; padding: 10px 15px;}
.navbar-inverse .navbar-brand {color: #333; font-size: 28px; font-weight: 400; text-shadow: 0px 0px 0px rgba(0, 0, 0, 0); letter-spacing: -1px;}
.navbar-brand img {width: 100%;}
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {color: #333; background-color: transparent;}
@media screen and (max-width: 991px) {
    .navbar-inverse .navbar-brand {margin: 32px 0 0;}
    .navbar-brand img {width: 180px;}
}
@media screen and (max-width: 767px) {
    .navbar-inverse .navbar-brand {margin: 20px 0 0;}
    .navbar-top > div > a {margin: 5px 20px 0;}
}

/* ----- 메인 메뉴 설정 -----*/
.navbar-inverse .navbar-nav > li:hover, .navbar-inverse .navbar-nav > li:focus {background: #333;}
.navbar-inverse .navbar-nav > li:hover > a, .navbar-inverse .navbar-nav > li:focus > a {color: #fff; border-right: 1px solid #333 !important;}
.navbar-inverse .navbar-nav > li > a{color: #434343; font-size: 16px; font-weight: 400; text-align: center; text-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important; letter-spacing: -0.05em; padding: 0 36px; margin: 32px 0 28px; border: none !important; border-right: 1px solid #dedede !important;}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover{background: #333; color: #fff; box-shadow: 0 0 0 rgba(0,0,0,0); border: none !important; border-right: 1px solid #333 !important;}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {color: #fff; border: none !important; border-right: 1px solid #333 !important;}
@media screen and (max-width: 991px) {
    .navbar-inverse .navbar-nav > li > a{font-size: 16px; margin: 22px 0px 18px 0px; padding: 12px 20px 12px 20px;}
}
@media screen and (max-width: 767px) {
    .navbar-inverse .navbar-nav > li > a{font-size: 16px; margin: 0; padding: 14px 20px 14px 20px;}
	.navbar-nav .open .dropdown-menu{padding: 0;}
	.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover{color: #333; border: none !important; margin: 0 0 0; background: #f7f7f7;}}

/* ----- 서브 메뉴 설정 -----*/
.dropdown-menu {background: #333333; left: 0 !important; right: auto !important; padding: 10px 0; margin: 0; border-radius: 0; border: none; box-shadow: 0 0 0 rgba(0,0,0,0); min-width: 200px;}
.dropdown-menu > li > a {color: #fff; padding: 8px 30px; margin: 0; font-size: 16px; font-weight: 300; text-align: left; letter-spacing: -0.03em;}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {background: transparent; color: #fff; text-decoration: underline !important;}

/* ----- 모바일 메뉴 설정 ----- */
.navbar-toggle {background: #008389; border-radius: 0; border: none; margin: 15px 20px 15px; padding: 10px 10px;}
@media(max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color: #fff; background: #008389;}
    .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a{padding: 10px 15px 10px 25px;}
}
/* //메뉴 설정 끝 */


/* 슬라이드 설정 시작 */
.container_slide {width: 100%; padding: 0;}
.fill {background: #cecece; height: 510px;}
.carousel-caption {top: 50%;
    bottom: auto;
    margin: -150px auto 0;
    padding: 0;}
.fill h1 {margin: 0 0 40px;}
.fill h1, .fill p {text-shadow: 0 0 0 rgba(0,0,0,0)}
.fill h1 span, .fill p span {background: transparent; opacity: 1; padding: 0; text-shadow: 0 0 0 rgba(0,0,0,0)}
.fill h1 span h5 {margin: 0 0 30px;
    padding: 8px 20px;
    font-size: 23px;
    font-weight: 400;
    border-top: 1px solid rgba(255, 255, 255, 0.45);
    border-bottom: 1px solid rgba(255, 255, 255, 0.45);
	display: inline-block;}
.fill h1 span h1 {font-size: 54px; font-weight: 400; letter-spacing: -0.1em; line-height: 1.2;}
.fill h1 span h1 > span {font-weight: 600;}
.fill p span {margin: 50px 0 0;}
.fill p .sl-btn {display: inline-block; background: #424257; color: #fff; font-size: 19px; font-weight: 400; padding: 10px 20px;}
.fill p .sl-btn:hover {background: #008389; color: #fff;}
.fill p .sl-btn::after {content: "\f105"; float: right; padding-left: 10px; font-family: "Fontawesome";}
/* //슬라이드 설정 끝 */


/* 푸터 영역 설정 시작 */
.socialArea {display: none;}
.footer_copy {background: #fafafa; display: inline-block; width: 100%; border-top: 1px solid #e8e8e8;}
.footer_copy > div {padding: 0;}
.footer-top {display: inline-block; width: 100%; border-bottom: 1px solid #e8e8e8; text-align: left;}
.footer-top > ul {width: 1170px; margin: 0 auto; padding: 0;}
.footer-top > ul > li {display: inline-block;}
.footer-top > ul > li > a {color: #333; font-size: 14px; font-weight: 300; padding: 10px 0; display: inline-block;}
.footer-top > ul > li > a::after {content: "|"; padding: 0 20px; color: #e8e8e8; font-size: 10px;}
.footer-top > ul > li:last-child > a::after {content: "";}
.footer-bottom {text-align: left; width: 1170px; margin: 0 auto; color: #666; font-size: 13px; font-weight: 300; padding: 25px 0 20px;}
.footer-bottom > address {margin: 0; line-height: 1.5;}
.footer-bottom > ul {padding: 0; margin: 0 0 10px; line-height: 1.5;}
.footer-bottom > ul > li {display: inline-block;}
.footer-bottom > ul > li::after {content: "|"; padding: 0 10px; color: #e8e8e8; font-size: 10px;}
.footer-bottom > ul > li:last-child::after {content: "";}
.footer-bottom > p {margin: 0;}
.footer-bottom > p span {color: #222; font-weight: 400;}
@media screen and (max-width: 991px) {
	.footer-top > ul, .footer-bottom {width: 100%;}
	.footer-top > ul {padding: 0 15px;}
	.footer-top > ul > li > a::after {padding: 0 10px;}
	.footer-bottom {padding: 20px 15px;}
}
/* //푸터 영역 설정 끝 */


/* 메인 페이지 설정 시작 */
/* ----- 메인 페이지 html 영역 ----- */
.intro-boardbox-type-img { clear: both; }
.main-map{float:left; width: 50%;}
.main-map .table { margin-top: 10px; } 
.main-map .table tr th,.main-map .table tr td{
	padding: 5px 10px;
    font-size: 14px;
    word-break: keep-all;
    vertical-align: middle;
}
.main-map .table tr th{width:30%}
.container_contents {width: 100%; padding: 0;}
.intro-html-layout {margin: 0;}
.intro-html-layout > div {padding: 0;}
.main_product_wrap {width: 100%; background: #f3f3f3; display: inline-block; padding: 40px 0 50px;}
.main_product_inner {width: 100%; max-width: 1170px; margin: 0 auto;}
.main_product_inner h3 {margin: 10px 0 25px;
    color: #353535;
    font-size: 17px;
    font-weight: 600;
    text-align: center;
    letter-spacing: 0.15em;}
.main_product_inner > .product_box {max-height: 230px; overflow: hidden;}
.main_product_inner > .product_box1 .product_img {background: url(/skin/img/main/product01.jpg) no-repeat center / cover;}
.main_product_inner > .product_box2 .product_img {background: url(/skin/img/main/product02.jpg) no-repeat center / cover;}
.main_product_inner > .product_box3 .product_img {background: url(/skin/img/main/product03.jpg) no-repeat center / cover;}
.product_img {width: 50%; float: left; height: 230px;}
.product_img:hover {border: 5px solid #6ce7e0;}
.product_img div {background: rgba(0,0,0,0.01); width: 100%; height: 100%; text-align: center; position: relative;}
.product_img p {color: #fff; font-size: 22px; font-weight: 600; position: absolute; top: 50%; margin: -14px 0 0; width: 100%;}
.product_img:hover div {background: rgba(0,0,0,0.2);}
.product_img:hover div p {color: #6ce7e0;}
.product_des {width: 50%; float: left; min-height: 230px; background: #fff; padding: 15px 20px; position: relative;}
.product_des h5 {margin: 0 0 20px; font-size: 15px; font-weight: 300;}
.product_des h4 {
	margin: 15px 0;
    font-size: 20px;
    letter-spacing: -0.05em;
}
.product_des p {
	font-size: 14px;
    font-weight: 400;
    margin: 0 0 30px;
    line-height: 1.5;
    word-break: keep-all;
}
.product_des span.main_product_btn {
	border: 1px solid #454545 !important;
    color: #333;
    padding: 8px 18px;
    display: inline-block;
    bottom: 25px;
    position: absolute;
}
.product_des span.main_product_btn:hover{text-decoration: underline;}
.product_box a{color: #000;}
.product_box a:hover{color: #000; text-decoration: none;}
/* ----- 메인 페이지 게시판 영역 ----- */
.intro-board-widget-layout{width: 100%; max-width: 1170px; margin: 0 auto; padding: 30px 0 50px;}
.intro-boardbox {width: 50%;}
@media screen and (max-width: 991px) {
	.intro-board-widget-layout{width: 100%;}
	.intro-boardbox{width: 100%;}
}

/* ---------- 게시판 타이틀 설정 ---------- */
.intro-boardbox .page-header{padding: 0 0 10px; margin: 20px 0 10px; border-bottom: 1px solid #6d6d6d;}
.intro-boardbox .page-header h4{margin: 0; color: #353535; font-size: 17px; font-weight: 600; letter-spacing: 0.15em;}
.intro-boardbox .page-header h4 .btn{padding: 5px 0 0; margin: 0; line-height: 1;}
.intro-boardbox .page-header h4 .btn:hover, .intro-boardbox .page-header h4 .btn:active{box-shadow: 0 0 0 rgba(0,0,0,0) !important;}
.intro-boardbox .page-header h4 .btn .fa-plus:before{content: url('/skin/img/default/board-plus-icon.png');}

/* ---------- 게시판 리스트 설정 ---------- */
.intro-boardbox .front-panel > .panel{padding: 0; border: none; border-radius: 0px; background: transparent; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);}
.intro-boardbox .panel-body{padding: 5px 0px 5px;}
.dh-front-list2-words{margin: 0 !important; padding: 0;}
.dh-front-list2 h6 a, .dh-front-list2 h6 a span{color: #666; font-weight: 400; font-size: 13px; padding: 8px 0;}
.dh-front-list2 h6 a:hover span{text-decoration: none;}
.dh-front-list2 h6 a:hover .list-row-subject{color: #303030;}
.dh-front-list2-words:first-child{margin: auto;}
.list-row-subject{float: left; text-overflow: ellipsis; overflow: hidden; max-width: 380px; white-space: nowrap;}
@media screen and (max-width: 767px) {
	.list-row-subject{ width: 100%; }
}

.list-row-subject:before{content: "∙"; color: #008389; font-weight: bold; padding-right: 11px;}
.row-separator{display: none;}
.list-row-regdate{float: right; color: #999 !important;}
.list-row-contents{display: none;}
/* //메인 페이지 설정 끝 */
/* //메인 페이지 설정 끝 */


/* 서브 페이지 설정 시작 */
/*=================================================
		00. 서브 페이지 공통
=================================================*/
/*****#####===== 상단이미지 =====#####*****/
.sub-layout{width:100%;padding: 0; }
.sub-wrap {padding: 0 0 80px;}
.top-sub-bg {
	width: 100%;
    height: 180px;
    margin: 0 auto; background: url(/skin/img/sub/sub_top.jpg);
    position: relative;
}
.top-sub-bg > div {
	max-width: 1170px;
    width: 100%;
    margin: 0 auto;
    position: inherit;
    height: 100%;
}
.top-sub-bg h2 {
    color: #fff;
    position: absolute;
    top: 50%;
    margin: -15px 0 0;
}

/* 페이지 경로 */
.title-route {
    width: 100%;
    border-bottom: 1px solid #ddd;
	margin: 0;
}
.title-route > div {
    max-width: 1170px;
    margin: 0 auto;
    float: none;
	overflow: hidden;
}
.title-route ol {
    display: inline-block;
    margin: 0 0px 11px;
    padding: 0;
    list-style-type: none;
    float: right;
}
.title-route li {color: #888; padding-right: 5px; float: left; font-size: 12px;}
.title-route li:last-child {color: #333;}
.title-route h4 {display: none;}
.title-route > div {padding: 11px 0px 0px;}
.content {max-width: 1170px; width: 100%; margin: 0 auto;}

/* 페이지 타이틀 */
.section-title-wrap {margin: 50px 0;}
.section-title {color: #006E7B; font-size: 33px; font-weight: 400; text-align: center; margin: 20px 0 10px;}
.margin-top-70 {margin-top:70px}
.last-box p{color: #fff; font-size: 18px; font-weight: 400; letter-spacing: -0.05em; margin: 0; background: #454a5c; padding: 8px 0;}
.last-box .col-sm-4:hover img{opacity:0.8}
.ion {font-size: 70px; color: #006E7B; display: block; margin-top: 40px;}
.con-title {font-size: 18px; font-weight: 500; color: #006E7B; margin: 30px 0 20px;}
.pro_caption {margin: 0 0 30px; color: #454545; font-size: 16px; line-height: 1.7; background: #f8f8f8; padding: 25px 40px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
.pro ul {padding: 0; font-size: 15px;}
.pro ul li {margin-bottom: 10px;}
.pro ul.inner-ul {padding-left: 25px; font-size: 15px;}
.pro ul.inner-ul li {margin-bottom: 5px;}

/*****#####===== 실습내용 =====#####*****/
.penta {padding: 0;}
.penta .penta-f-b {background: #006E7B;}
.penta .penta-f-b h3 {color: #fff; margin: 0;}
.penta .penta-f-b .ion {color: #fff; font-size: 70px; margin: 30px 0 0;}
.penta .item-wrap {background: #f8f8f8; display: table; min-height: 160px; width: 100%; padding: 0 40px; margin-bottom: 25px; color: #333; border: 1px solid #e5e5e5;}
.penta .item-wrap.penta-f-b {background: #008389;}
.penta .item-wrap.green-box {background-color: #f8f8f8;}
.penta .item-wrap p {display: table-cell; vertical-align: middle; font-size: 16px; word-break: keep-all; line-height: 1.6;}

/*=================================================
		01. 제품소개
=================================================*/

/*****#####===== pro02 =====#####*****/


/*****#####===== 미디어 쿼리 =====#####*****/
/***** md *****/
@media (min-width: 992px) and (max-width: 1199px){}

/***** sm *****/
@media (min-width: 768px) and (max-width: 991px){
	.container {max-width: 750px; width:100%;}
    .sub-layout {max-width: 970px; width:100%; padding: 0 15px;}   
    .penta {padding: 0 50px;}
}

/***** xs *****/
@media (max-width: 767px){
	.top-sub-bg{padding: 0 15px; }
    .container {
         max-width: 750px;
        width:100%
    }
    .sub-layout {
        max-width: 750px;
        width:100%
    }
    .content {padding: 0 15px;}
    .penta{padding:0}
    .pro .col-sm-6 img{margin-bottom:20px;}
}

/* ----- table 설정 시작----- */
.table {border-top: 1px solid #b0b0b0;}
.table tbody tr th {padding: 20px; text-align: left; background: #fafafa; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; font-weight: 400;}
.table tbody tr td {padding: 13px 20px; border-bottom: 1px solid #e5e5e5; vertical-align: middle;}
@media screen and (max-width: 767px) {
	.table tbody tr th {padding: 15px 10px;}
}
/* ----- //table 설정 끝----- */

/* 게시판 설정 시작 */
.dh-board, .img-bbs-default-index-layout .page_wrap ~ div, .dh-view-box, .form-horizontal, #mailForm{width: 100%; max-width: 1170px; margin: 0 auto;}
.dh-board{padding: 0px 30px 50px;}
.img-bbs-default-index-layout .row:nth-child(2) {padding: 50px 30px 0;}
.bbs-list-index-layout .sub-wrap, .bbs-list-view-layout .sub-wrap {padding: 0;}
.dh-view-box{padding: 0 30px 50px; margin-top: 0 !important; min-height: 500px;}
.form-horizontal{padding: 50px 0 50px;}
#mailForm{padding: 50px 30px 50px;}
@media screen and (max-width: 991px) {
	.dh-board, .img-bbs-default-index-layout .page_wrap ~ div, .dh-view-box, .form-horizontal, #mailForm{width: 100%;}
}

/* ----- 텍스트 게시판 설정 ----- */
.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;}
.dh-board > .table-hover{border-top: 1px solid #008389; 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;}

/* ----- 게시판 버튼 설정 ----- */
.label{background: transparent; padding: 0px 5px 0px; font-size: 90%;}
.label-danger{color: #008389;}
.label-primary{color: #008389;}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {background-color: #008389; border: 1px solid #008389 !important;}
.pagination > li > a, .pagination > li > span{color: #008389;}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination> li > span:focus, .pagination>li>span:hover{color: #008389;}
.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;}

/* ----- 게시글 뷰 페이지 설정 ----- */
.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;}

/* ----- tab 메뉴 설정 ----- */
.filter-items{padding: 0 0 0;}
.filter-items .filter-label{color: #333; font-size: 13px; background-color: #f7f7f7; border: none; margin: 0px 1px 5px; padding: 12px 28px 12px;}
.filter-items .filter-label:hover{color: #fff; background-color: #008389;}
/* //게시판 설정 끝 */

.layout .dh-front-gallery, .page-nav, .img-bbs-default-index-layout .content ~ .row  {
	width: 100%;
    max-width: 1170px;
    margin: 0 auto;
}
.main_book_wrap{
    
}
.main_book_wrap .main_book{
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    padding: 80px 120px;
}
.main_book_wrap .main_book img{
    border: 1px solid #ddd
}
.main_book_wrap .main_book dl{
    padding-left: 60px;
    margin: 120px 0 0;
}
.main_book_wrap .main_book dl dt{
    font-size: 20px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.main_book_wrap .main_book dl dd{
    font-size: 16px;
    margin-top: 5px;
    position: relative;
    padding-left: 10px;
}
.main_book_wrap .main_book dl dd::before{
    content: '-';
    position: absolute;
    left: 0;
}
.main_product_inner .product_info{
    background: #fff;
    padding: 30px;
    margin-top: 30px;
}
.main_product_inner .product_info p{
    font-size: 16px;
    position: relative;
    padding-left: 20px;
}
.main_product_inner .product_info p::before{
    content: '※';
    position: absolute;
    top: 0;
    left: 0;
}
.main_product_inner .product_info p .caution{
    color: #f00;
}
.main_product_inner .product_info p:last-child{
    margin-bottom: 0;
}
.dh-front-gallery {
    margin-left: -5px;
    margin-right: -5px;
}
.dh-front-gallery > .col-md-3{
    padding-left: 5px;
    padding-right: 5px;
}
.dh-front-gallery > .col-md-3 > a.thumbnail{
    height: 167px !important;
    margin-top: 10px;
}


.main_product_inner .product_info p::before{
    content: '※';
    position: absolute;
    top: 0;
    left: 0;
}
.main_product_inner .product_info p .caution{
    color: #f00;
}
.main_product_inner .product_info p:last-child{
    margin-bottom: 0;
}
.dh-front-gallery {
    margin-left: -5px;
    margin-right: -5px;
}
.dh-front-gallery > .col-md-3{
    padding-left: 5px;
    padding-right: 5px;
}
.dh-front-gallery > .col-md-3 > a.thumbnail{
    height: 167px !important;
    margin-top: 10px;
}
/* 웹폰트 Import */
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

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

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


/* 메뉴 설정 시작 */
.navbar-inverse{background: #fff; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.1); position: absolute; top: auto;}
.navbar-inverse .divider-vertical{display: none;}
.caret{display: none;}
.navbar ~ br{display: none;}
.topmarginLay_a{height: 80px !important;}
@media screen and (max-width: 767px) {
	.topmarginLay_a{height: 64px !important;}
}

/* ----- 로고 설정 ----- */
.navbar-brand {margin: 20px 0 0 !important; padding: 10px 15px;}
.navbar-inverse .navbar-brand {color: #333; font-size: 28px; font-weight: 400; text-shadow: 0px 0px 0px rgba(0, 0, 0, 0); letter-spacing: -1px;}
.navbar-brand img {width: 100%;}
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {color: #333; background-color: transparent;}
@media screen and (max-width: 991px) {
    .navbar-inverse .navbar-brand {margin: 32px 0 0;}
    .navbar-brand img {width: 180px;}
}
@media screen and (max-width: 767px) {
    .navbar-inverse .navbar-brand {margin: 20px 0 0;}
    .navbar-top > div > a {margin: 5px 20px 0;}
}

/* ----- 메인 메뉴 설정 -----*/
.navbar-inverse .navbar-nav > li:hover, .navbar-inverse .navbar-nav > li:focus {background: #333;}
.navbar-inverse .navbar-nav > li:hover > a, .navbar-inverse .navbar-nav > li:focus > a {color: #fff; border-right: 1px solid #333 !important;}
.navbar-inverse .navbar-nav > li > a{color: #434343; font-size: 16px; font-weight: 400; text-align: center; text-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important; letter-spacing: -0.05em; padding: 0 36px; margin: 32px 0 28px; border: none !important; border-right: 1px solid #dedede !important;}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover{background: #333; color: #fff; box-shadow: 0 0 0 rgba(0,0,0,0); border: none !important; border-right: 1px solid #333 !important;}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {color: #fff; border: none !important; border-right: 1px solid #333 !important;}
@media screen and (max-width: 991px) {
    .navbar-inverse .navbar-nav > li > a{font-size: 16px; margin: 22px 0px 18px 0px; padding: 12px 20px 12px 20px;}
}
@media screen and (max-width: 767px) {
    .navbar-inverse .navbar-nav > li > a{font-size: 16px; margin: 0; padding: 14px 20px 14px 20px;}
	.navbar-nav .open .dropdown-menu{padding: 0;}
	.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover{color: #333; border: none !important; margin: 0 0 0; background: #f7f7f7;}}

/* ----- 서브 메뉴 설정 -----*/
.dropdown-menu {background: #333333; left: 0 !important; right: auto !important; padding: 10px 0; margin: 0; border-radius: 0; border: none; box-shadow: 0 0 0 rgba(0,0,0,0); min-width: 200px;}
.dropdown-menu > li > a {color: #fff; padding: 8px 30px; margin: 0; font-size: 16px; font-weight: 300; text-align: left; letter-spacing: -0.03em;}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {background: transparent; color: #fff; text-decoration: underline !important;}

/* ----- 모바일 메뉴 설정 ----- */
.navbar-toggle {background: #008389; border-radius: 0; border: none; margin: 15px 20px 15px; padding: 10px 10px;}
@media(max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color: #fff; background: #008389;}
    .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a{padding: 10px 15px 10px 25px;}
}
/* //메뉴 설정 끝 */


/* 슬라이드 설정 시작 */
.container_slide {width: 100%; padding: 0;}
.fill {background: #cecece; height: 510px;}
.carousel-caption {top: 50%;
    bottom: auto;
    margin: -150px auto 0;
    padding: 0;}
.fill h1 {margin: 0 0 40px;}
.fill h1, .fill p {text-shadow: 0 0 0 rgba(0,0,0,0)}
.fill h1 span, .fill p span {background: transparent; opacity: 1; padding: 0; text-shadow: 0 0 0 rgba(0,0,0,0)}
.fill h1 span h5 {margin: 0 0 30px;
    padding: 8px 20px;
    font-size: 23px;
    font-weight: 400;
    border-top: 1px solid rgba(255, 255, 255, 0.45);
    border-bottom: 1px solid rgba(255, 255, 255, 0.45);
	display: inline-block;}
.fill h1 span h1 {font-size: 54px; font-weight: 400; letter-spacing: -0.1em; line-height: 1.2;}
.fill h1 span h1 > span {font-weight: 600;}
.fill p span {margin: 50px 0 0;}
.fill p .sl-btn {display: inline-block; background: #424257; color: #fff; font-size: 19px; font-weight: 400; padding: 10px 20px;}
.fill p .sl-btn:hover {background: #008389; color: #fff;}
.fill p .sl-btn::after {content: "\f105"; float: right; padding-left: 10px; font-family: "Fontawesome";}
/* //슬라이드 설정 끝 */


/* 푸터 영역 설정 시작 */
.socialArea {display: none;}
.footer_copy {background: #fafafa; display: inline-block; width: 100%; border-top: 1px solid #e8e8e8;}
.footer_copy > div {padding: 0;}
.footer-top {display: inline-block; width: 100%; border-bottom: 1px solid #e8e8e8; text-align: left;}
.footer-top > ul {width: 1170px; margin: 0 auto; padding: 0;}
.footer-top > ul > li {display: inline-block;}
.footer-top > ul > li > a {color: #333; font-size: 14px; font-weight: 300; padding: 10px 0; display: inline-block;}
.footer-top > ul > li > a::after {content: "|"; padding: 0 20px; color: #e8e8e8; font-size: 10px;}
.footer-top > ul > li:last-child > a::after {content: "";}
.footer-bottom {text-align: left; width: 1170px; margin: 0 auto; color: #666; font-size: 13px; font-weight: 300; padding: 25px 0 20px;}
.footer-bottom > address {margin: 0; line-height: 1.5;}
.footer-bottom > ul {padding: 0; margin: 0 0 10px; line-height: 1.5;}
.footer-bottom > ul > li {display: inline-block;}
.footer-bottom > ul > li::after {content: "|"; padding: 0 10px; color: #e8e8e8; font-size: 10px;}
.footer-bottom > ul > li:last-child::after {content: "";}
.footer-bottom > p {margin: 0;}
.footer-bottom > p span {color: #222; font-weight: 400;}
@media screen and (max-width: 991px) {
	.footer-top > ul, .footer-bottom {width: 100%;}
	.footer-top > ul {padding: 0 15px;}
	.footer-top > ul > li > a::after {padding: 0 10px;}
	.footer-bottom {padding: 20px 15px;}
}
/* //푸터 영역 설정 끝 */


/* 메인 페이지 설정 시작 */
/* ----- 메인 페이지 html 영역 ----- */
.intro-boardbox-type-img { clear: both; }
.main-map{float:left; width: 50%;}
.main-map .table { margin-top: 10px; } 
.main-map .table tr th,.main-map .table tr td{
	padding: 5px 10px;
    font-size: 14px;
    word-break: keep-all;
    vertical-align: middle;
}
.main-map .table tr th{width:30%}
.container_contents {width: 100%; padding: 0;}
.intro-html-layout {margin: 0;}
.intro-html-layout > div {padding: 0;}
.main_product_wrap {width: 100%; background: #f3f3f3; display: inline-block; padding: 40px 0 50px;}
.main_product_inner {width: 100%; max-width: 1170px; margin: 0 auto;}
.main_product_inner h3 {margin: 10px 0 25px;
    color: #353535;
    font-size: 17px;
    font-weight: 600;
    text-align: center;
    letter-spacing: 0.15em;}
.main_product_inner > .product_box {max-height: 230px; overflow: hidden;}
.main_product_inner > .product_box1 .product_img {background: url(/skin/img/main/product01.jpg) no-repeat center / cover;}
.main_product_inner > .product_box2 .product_img {background: url(/skin/img/main/product02.jpg) no-repeat center / cover;}
.main_product_inner > .product_box3 .product_img {background: url(/skin/img/main/product03.jpg) no-repeat center / cover;}
.product_img {width: 50%; float: left; height: 230px;}
.product_img:hover {border: 5px solid #6ce7e0;}
.product_img div {background: rgba(0,0,0,0.01); width: 100%; height: 100%; text-align: center; position: relative;}
.product_img p {color: #fff; font-size: 22px; font-weight: 600; position: absolute; top: 50%; margin: -14px 0 0; width: 100%;}
.product_img:hover div {background: rgba(0,0,0,0.2);}
.product_img:hover div p {color: #6ce7e0;}
.product_des {width: 50%; float: left; min-height: 230px; background: #fff; padding: 15px 20px; position: relative;}
.product_des h5 {margin: 0 0 20px; font-size: 15px; font-weight: 300;}
.product_des h4 {
	margin: 15px 0;
    font-size: 20px;
    letter-spacing: -0.05em;
}
.product_des p {
	font-size: 14px;
    font-weight: 400;
    margin: 0 0 30px;
    line-height: 1.5;
    word-break: keep-all;
}
.product_des a.main_product_btn {
	border: 1px solid #454545 !important;
    color: #333;
    padding: 8px 18px;
    display: inline-block;
    bottom: 25px;
    position: absolute;
}
/* ----- 메인 페이지 게시판 영역 ----- */
.intro-board-widget-layout{width: 100%; max-width: 1170px; margin: 0 auto; padding: 30px 0 50px;}
.intro-boardbox {width: 50%;}
@media screen and (max-width: 991px) {
	.intro-board-widget-layout{width: 100%;}
	.intro-boardbox{width: 100%;}
}

/* ---------- 게시판 타이틀 설정 ---------- */
.intro-boardbox .page-header{padding: 0 0 10px; margin: 20px 0 10px; border-bottom: 1px solid #6d6d6d;}
.intro-boardbox .page-header h4{margin: 0; color: #353535; font-size: 17px; font-weight: 600; letter-spacing: 0.15em;}
.intro-boardbox .page-header h4 .btn{padding: 5px 0 0; margin: 0; line-height: 1;}
.intro-boardbox .page-header h4 .btn:hover, .intro-boardbox .page-header h4 .btn:active{box-shadow: 0 0 0 rgba(0,0,0,0) !important;}
.intro-boardbox .page-header h4 .btn .fa-plus:before{content: url('/skin/img/default/board-plus-icon.png');}

/* ---------- 게시판 리스트 설정 ---------- */
.intro-boardbox .front-panel > .panel{padding: 0; border: none; border-radius: 0px; background: transparent; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);}
.intro-boardbox .panel-body{padding: 5px 0px 5px;}
.dh-front-list2-words{margin: 0 !important; padding: 0;}
.dh-front-list2 h6 a, .dh-front-list2 h6 a span{color: #666; font-weight: 400; font-size: 13px; padding: 8px 0;}
.dh-front-list2 h6 a:hover span{text-decoration: none;}
.dh-front-list2 h6 a:hover .list-row-subject{color: #303030;}
.dh-front-list2-words:first-child{margin: auto;}
.list-row-subject{float: left; text-overflow: ellipsis; overflow: hidden; max-width: 380px; white-space: nowrap;}
@media screen and (max-width: 767px) {
	.list-row-subject{ width: 100%; }
}

.list-row-subject:before{content: "∙"; color: #008389; font-weight: bold; padding-right: 11px;}
.row-separator{display: none;}
.list-row-regdate{float: right; color: #999 !important;}
.list-row-contents{display: none;}
/* //메인 페이지 설정 끝 */
/* //메인 페이지 설정 끝 */


/* 서브 페이지 설정 시작 */
/*=================================================
		00. 서브 페이지 공통
=================================================*/
/*****#####===== 상단이미지 =====#####*****/
.sub-layout{width:100%;padding: 0; }
.sub-wrap {padding: 0 0 80px;}
.top-sub-bg {
	width: 100%;
    height: 180px;
    margin: 0 auto; background: url(/skin/img/sub/sub_top.jpg);
    position: relative;
}
.top-sub-bg > div {
	max-width: 1170px;
    width: 100%;
    margin: 0 auto;
    position: inherit;
    height: 100%;
}
.top-sub-bg h2 {
    color: #fff;
    position: absolute;
    top: 50%;
    margin: -15px 0 0;
}

/* 페이지 경로 */
.title-route {
    width: 100%;
    border-bottom: 1px solid #ddd;
	margin: 0;
}
.title-route > div {
    max-width: 1170px;
    margin: 0 auto;
    float: none;
	overflow: hidden;
}
.title-route ol {
    display: inline-block;
    margin: 0 0px 11px;
    padding: 0;
    list-style-type: none;
    float: right;
}
.title-route li {color: #888; padding-right: 5px; float: left; font-size: 12px;}
.title-route li:last-child {color: #333;}
.title-route h4 {display: none;}
.title-route > div {padding: 11px 0px 0px;}
.content {max-width: 1170px; width: 100%; margin: 0 auto;}

/* 페이지 타이틀 */
.section-title-wrap {margin: 50px 0;}
.section-title {color: #006E7B; font-size: 33px; font-weight: 400; text-align: center; margin: 20px 0 10px;}
.margin-top-70 {margin-top:70px}
.last-box p{color: #fff; font-size: 18px; font-weight: 400; letter-spacing: -0.05em; margin: 0; background: #454a5c; padding: 8px 0;}
.last-box .col-sm-4:hover img{opacity:0.8}
.ion {font-size: 70px; color: #006E7B; display: block; margin-top: 40px;}
.con-title {font-size: 18px; font-weight: 500; color: #006E7B; margin: 30px 0 20px;}
.pro_caption {margin: 0 0 30px; color: #454545; font-size: 16px; line-height: 1.7; background: #f8f8f8; padding: 25px 40px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
.pro ul {padding: 0; font-size: 15px;}
.pro ul li {margin-bottom: 10px;}
.pro ul.inner-ul {padding-left: 25px; font-size: 15px;}
.pro ul.inner-ul li {margin-bottom: 5px;}

/*****#####===== 실습내용 =====#####*****/
.penta {padding: 0;}
.penta .penta-f-b {background: #006E7B;}
.penta .penta-f-b h3 {color: #fff; margin: 0;}
.penta .penta-f-b .ion {color: #fff; font-size: 70px; margin: 30px 0 0;}
.penta .item-wrap {background: #f8f8f8; display: table; min-height: 160px; width: 100%; padding: 0 40px; margin-bottom: 25px; color: #333; border: 1px solid #e5e5e5;}
.penta .item-wrap.penta-f-b {background: #008389;}
.penta .item-wrap.green-box {background-color: #f8f8f8;}
.penta .item-wrap p {display: table-cell; vertical-align: middle; font-size: 16px; word-break: keep-all; line-height: 1.6;}

/*=================================================
		01. 제품소개
=================================================*/

/*****#####===== pro02 =====#####*****/


/*****#####===== 미디어 쿼리 =====#####*****/
/***** md *****/
@media (min-width: 992px) and (max-width: 1199px){}

/***** sm *****/
@media (min-width: 768px) and (max-width: 991px){
	.container {max-width: 750px; width:100%;}
    .sub-layout {max-width: 970px; width:100%; padding: 0 15px;}   
    .penta {padding: 0 50px;}
}

/***** xs *****/
@media (max-width: 767px){
	.top-sub-bg{padding: 0 15px; }
    .container {
         max-width: 750px;
        width:100%
    }
    .sub-layout {
        max-width: 750px;
        width:100%
    }
    .content {padding: 0 15px;}
    .penta{padding:0}
    .pro .col-sm-6 img{margin-bottom:20px;}
}

/* ----- table 설정 시작----- */
.table {border-top: 1px solid #b0b0b0;}
.table tbody tr th {padding: 20px; text-align: left; background: #fafafa; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; font-weight: 400;}
.table tbody tr td {padding: 13px 20px; border-bottom: 1px solid #e5e5e5; vertical-align: middle;}
@media screen and (max-width: 767px) {
	.table tbody tr th {padding: 15px 10px;}
}
/* ----- //table 설정 끝----- */

/* 게시판 설정 시작 */
.dh-board, .img-bbs-default-index-layout .page_wrap ~ div, .dh-view-box, .form-horizontal, #mailForm{width: 100%; max-width: 1170px; margin: 0 auto;}
.dh-board{padding: 0px 30px 50px;}
.img-bbs-default-index-layout .row:nth-child(2) {padding: 50px 30px 0;}
.bbs-list-index-layout .sub-wrap, .bbs-list-view-layout .sub-wrap {padding: 0;}
.dh-view-box{padding: 0 30px 50px; margin-top: 0 !important; min-height: 500px;}
.form-horizontal{padding: 50px 0 50px;}
#mailForm{padding: 50px 30px 50px;}
@media screen and (max-width: 991px) {
	.dh-board, .img-bbs-default-index-layout .page_wrap ~ div, .dh-view-box, .form-horizontal, #mailForm{width: 100%;}
}

/* ----- 텍스트 게시판 설정 ----- */
.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;}
.dh-board > .table-hover{border-top: 1px solid #008389; 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;}

/* ----- 게시판 버튼 설정 ----- */
.label{background: transparent; padding: 0px 5px 0px; font-size: 90%;}
.label-danger{color: #008389;}
.label-primary{color: #008389;}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {background-color: #008389; border: 1px solid #008389 !important;}
.pagination > li > a, .pagination > li > span{color: #008389;}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination> li > span:focus, .pagination>li>span:hover{color: #008389;}
.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;}

/* ----- 게시글 뷰 페이지 설정 ----- */
.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;}

/* ----- tab 메뉴 설정 ----- */
.filter-items{padding: 0 0 0;}
.filter-items .filter-label{color: #333; font-size: 13px; background-color: #f7f7f7; border: none; margin: 0px 1px 5px; padding: 12px 28px 12px;}
.filter-items .filter-label:hover{color: #fff; background-color: #008389;}
/* //게시판 설정 끝 */

.layout .dh-front-gallery, .page-nav, .img-bbs-default-index-layout .content ~ .row  {
	width: 100%;
    max-width: 1170px;
    margin: 0 auto;
}
.main_book_wrap{
    
}
.main_book_wrap .main_book{
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    padding: 80px 120px;
}
.main_book_wrap .main_book img{
    border: 1px solid #ddd
}
.main_book_wrap .main_book dl{
    padding-left: 60px;
    margin: 120px 0 0;
}
.main_book_wrap .main_book dl dt{
    font-size: 20px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.main_book_wrap .main_book dl dd{
    font-size: 16px;
    margin-top: 5px;
    position: relative;
    padding-left: 10px;
}
.main_book_wrap .main_book dl dd::before{
    content: '-';
    position: absolute;
    left: 0;
}
.main_product_inner .product_info{
    background: #fff;
    padding: 30px;
    margin-top: 30px;
}
.main_product_inner .product_info p{
    font-size: 16px;
    position: relative;
    padding-left: 20px;
}
.main_product_inner .product_info p::before{
    content: '※';
    position: absolute;
    top: 0;
    left: 0;
}
.main_product_inner .product_info p .caution{
    color: #f00;
}
.main_product_inner .product_info p:last-child{
    margin-bottom: 0;
}
.dh-front-gallery {
    margin-left: -5px;
    margin-right: -5px;
}
.dh-front-gallery > .col-md-3{
    padding-left: 5px;
    padding-right: 5px;
}
.dh-front-gallery > .col-md-3 > a.thumbnail{
    height: 167px !important;
    margin-top: 10px;
}


/*211129*/
.intro-boardbox h4 a{color: #000;}
.intro-boardbox h4 a:hover{color: #000; text-decoration: none;}