/* 웹폰트 Import */
@import url(http://fonts.googleapis.com/css?family=Noto+Sans);

/* 스크롤 설정 */
html {overflow-x: hidden; overflow-y: scroll;}
body {background-color: #fff;}

/* 폰트 설정 */
* {font-family: 'Noto Sans CJK KR', "NanumGothic", 'Malgun Gothic', 'Gulim', sans-serif !important;}
h1, h2, h3, h4, h5, h6, p {font-family: 'Noto Sans CJK KR', "NanumGothic", 'Malgun Gothic', 'Gulim', sans-serif !important;}
.fa {font-family: 'FontAwesome' !important;}
.glyphicon {font-family: 'Glyphicons Halflings' !important;}
ol, ul, li {list-style: none;}

 
/* 메뉴 영역 설정 시작 */
.navbar-inverse{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: 81px !important;}
@media screen and (max-width: 767px) {
	.topmarginLay_a{height: 76px;}
}

/* ----- 로고 설정 ----- */
.navbar-brand{margin: 18px 0 0px; padding: 10px 15px;}
.navbar-inverse .navbar-brand{color: #333 !important; font-size: 24px; font-weight: 600; text-shadow: 0px 0px 0px rgba(0, 0, 0, 0); letter-spacing: -0.03em;}
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus{background-color: transparent;}
@media screen and (max-width: 991px) {
    .navbar-inverse .navbar-brand{margin: 32px 0 0;}
    .navbar-brand img{width: 70px;}
}
@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{margin: 0 0 -3px;}
.navbar-inverse .navbar-nav > li > a{color: #333;
    font-size: 17px;
    font-weight: 400;
    text-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
    letter-spacing: -0.01em;
    padding: 10px 30px 10px;
    margin: 25px 0 20px;
    border-right: 1px solid transparent !important;}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover{background: transparent; color: #ee2e22; box-shadow: 0 0 0 rgba(0,0,0,0); border: none; border-right: 1px solid transparent !important;}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {color: #ee2e22; border: none; border-right: 1px solid transparent !important;}
.col_20per {width: 20%; display: inline-block; margin: -2px;}
@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;}
	.col_20per{width: 100%;}
}

/* ----- 서브 메뉴 설정 -----*/
.dropdown-menu{background: transparent; left: 0 !important; right: auto !important; padding: 0; margin: -3px 0 0 !important; border-radius: 0; border: 1px solid rgba(0,0,0,0.1); box-shadow: 0 0 0 rgba(0,0,0,0); min-width: 180px;}
.dropdown-menu > li > a{background: #484751; color: #e5e5e5; padding: 12px 30px; margin: 0px 0px 0px 0px; font-size: 14px; font-weight: 400; text-align: left; letter-spacing: -0.02em;}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover{background-image: none; background: #ee2e22; color: #fff;}

/* ----- 모바일 메뉴 설정 ----- */
.navbar-toggle{background: #171c61; 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: #171c61;}
    .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a{padding: 10px 15px 10px 25px;}
}
/* //메뉴 영역 설정 끝 */


/* 푸터 영역 설정 시작*/
.footer_copy .text-center{background: #eeeeee; border-top: 1px solid #eeeeee; color: #767676; font-size: 12px; text-align: left; padding: 30px 0 10px; margin: 0;}
.footer-top {width: 1170px; margin: 0 auto 20px; padding: 0 15px;}
.footer-top ul{margin: 0; padding: 0; display: inline-block; width: 100%; line-height: 1.6;}
.footer-top ul li{float: left; display: inline-block;}
.footer-top ul li span:after{content: "|"; color: #dedede; padding: 0 6px 0;}
.footer-top ul li:last-child span:after{content: "";}
.footer-bottom {width: 1170px; margin: 0 auto; padding: 0 15px;}
.footer-bottom p{display: inline-block; width: 100%; color: #999;}
.socialArea{display: none;}
@media screen and (max-width: 991px) {
	.footer-top{width: 100%;}
	.footer-top{width: 100%;}
	.footer-bottom{width: 100%;}
}
/* //푸터 영역 설정 끝*/


/* 슬라이드 영역 설정 시작 */
.container_slide{width: 100%; padding: 0;}
.fill{width: 100%; height: 460px; background: #aaa;}
.container_slide{width:100%; padding:0;}
.carousel-caption {text-align: left; top: 50%; bottom: auto; padding: 0; margin: -120px 0 0;}
.carousel-caption > h1, .carousel-caption > p{margin: 0;}
.carousel-caption > h1 > span, .carousel-caption > p > span{background: transparent; opacity: 1; text-shadow: 0 0 0 rgba(0, 0, 0, 0);}
.carousel-caption > h1 > span{
	font-size: 45px;
    font-weight: 300;
    line-height: 1.2;
    margin: 0;
    padding: 0;
}
.carousel-caption > h1 > span > span {
    text-align: center;
    margin: 0 0 15px;
    padding: 5px 5px;
    background: #ee2e22;
    color: #fff;
    font-weight: 300;
    font-size: 14px;
    opacity: 1;
	word-break: keep-all;
	text-shadow: none;
}
.carousel-caption > p > span{
	font-size: 15px;
    font-weight: 300;
    line-height: 1.7;
    padding: 0;
    margin: 25px 0 0;
    display: inline-block;
}
.carousel-control{display: none;}
@media screen and (max-width: 425px) {
	.carousel-caption > h1 > span {font-size: 25px;}
	.carousel-caption > p > span {word-break: keep-all; font-size: 12px;}
}
/* //슬라이드 영역 설정 끝 */


/*content Proudct part*/
.product-wrap{margin: 50px 0 40px;}
.product-wrap .product-title{margin: 0 0 30px; padding: 0 0 8px; border-bottom: 1px solid #6d6d6d; position: relative;}
.product-wrap .product-title h1{font-size: 20px; float: left; display: inline-block; margin: 0; color: #555;}
.product-top, .product-exp{position: relative;}
.product-top .product-hover{position: absolute; top: 0px; width: 100%; height: 100%; z-index: 999; background: rgba(72, 71, 82, 0.8);}
.product-hover p{font-size: 10px; position: absolute; left: 50%; top: 50%; margin: -32px 0 0 -23px;}
.product-hover p i{color:#fff;}
.product-list .col-md-3:nth-child(1) .product-top a:focus .product-hover, .product-list .col-md-3:nth-child(1) .product-top a:hover .product-hover, .product-list .col-md-3:nth-child(2) .product-top a:focus .product-hover, .product-list .col-md-3:nth-child(2) .product-top a:hover .product-hover, .product-list .col-md-3:nth-child(3) .product-top a:focus .product-hover, .product-list .col-md-3:nth-child(3) .product-top a:hover .product-hover, .product-list .col-md-3:nth-child(4) .product-top a:focus .product-hover, .product-list .col-md-3:nth-child(4) .product-top a:hover .product-hover{visibility: visible; background: rgba(0,0,0,0.3);}
.product-list .product-hover{display: none;}
.product-top:hover .product-hover{display: block;}
.product-list .product-exp .btn{width: 100%; background: #484751; color: #fff; font-size: 14px; font-weight: 400; border-radius: 0; padding: 8px 0 8px;}
.product-exp:hover .btn{background: #ee2e22;}
.product-exp{background: #fff;}
.product-exp .text-center ~ p {
	display: inline-block;
    margin: 0;
    color: #777;
    line-height: 1.5;
    font-size: 13px;
    word-break: keep-all;
    text-align: center;
}

@media screen and (max-width: 767px) {
	.product-exp .text-center ~ p {
		margin-bottom: 20px;
	}
}

/* ----- main-board-area ----- */
.intro-board-widget-layout{width: 1170px; margin: 0 auto; padding: 10px 0 30px;}
.intro-boardbox {width: 50%;}
.intro-board-widget-layout .intro-boardbox:nth-child(1){padding: 0 15px 0 0;}
.intro-board-widget-layout .intro-boardbox:nth-child(2){padding: 0 0 0 15px;}
@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: #555; font-size: 20px; font-weight: 600; letter-spacing: -0.01em;}
.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 .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 span.label-danger{background: transparent; color: #ee2e22 !important; font-size: 10px !important; padding: 10px 8px 5px !important; margin: 0 !important; display: inline-block;}
.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;}
.list-row-subject:before{content: "소식"; color: #ee2e22; font-weight: 500; padding-right: 12px;}
.row-separator{display: none;}
.list-row-regdate{float: right; color: #999 !important;}
.list-row-contents{display: none;}

/* ----- 메인페이지 게시판 하단 영역 설정 ----- */
.board-gadget{
	background: #fff;
    padding: 0;
    margin: 20px 0 0;
    display: inline-block;
    width: 100%;
}
.board-gadget h3{
    margin: 1px 0 20px;
    font-size: 20px;
    font-weight: 600;
    color: #555;
    border-bottom: 1px solid #6d6d6d;
    padding: 0 0 8px;
}
.board-gadget h5{
    color: #666;
    font-size: 13px;
    font-weight: 400;
    margin: 10px 0 20px;
    line-height: 1.3;
	word-break: keep-all;
}
.board-gadget h5 span{
	display: block;
    font-weight: 600;
    color: #333;
    margin: 0 0 5px;
}
/* //메인 페이지 설정 끝 */


/* 서브 페이지 */
.sub-wrap {max-width: 1170px; width: 100%; margin: 0 auto;}
#sub-content{
	min-height: 460px;
    max-width: 1170px;
    width: 100%;
    margin: 0 auto;
    padding: 50px 30px 60px;
}
.sub-layout{width: 100%; padding: 0;}
.sub_nav{width: 100%; background: #efefef; margin: 0;}
.breadscrumb{
    margin: 0;
	padding: 12px 0;
    display: inline-block;
    width: 100%;
}
.sub_nav ul{
	float: right;
    margin: 0;
    padding: 0 30px 0;
}
.sub_nav ul li{
    display: inline-block;
    font-size: 13px;
    color: #888;
}
.sub_nav ul li:last-child{color: #333; font-weight: 500;}
.visual {
	width: 100%;
    background-image: url(/skin/img/sub/globe_banner.png);
    height: 220px;
    background-position: center;
    background-size: cover;
	margin-top: -5px;
}
/*main-lay*/
.intro-board-widget-layout{max-width:1170px; width:100%; margin:0 auto;}

/* 메인 게시판 미리보기 글 */
.dh-front-list2 h5{display: none;}
@media screen and (min-width: 1024px) { .col_20per {width: 20%;} }

/* 회사개요 */
.title_line {width:30px; height:3px; background: #ee2e22;}
.intro_biz img {border-radius: 100%; border: 6px solid #eee;}
.intro_summary, .intro_biz{margin-top: 40px;}
.intro_def h3 {margin-top: 12px; font-size: 19px;}
.intro_summary p {word-break: break-word; line-height: 25px;}
.intro_biz h3 {margin-bottom: 25px;}
.intro_final h4 {font-size: 18px;
    font-weight: 400;
    text-align: center;
    padding: 40px 0 40px;
    margin: 0;
    line-height: 1.6;
    letter-spacing: -0.03em;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;}
.intro_final h4 span {font-weight: bold;}
.bizdef-bottom {margin-top: 25px;}
@media screen and (max-width: 1024px) { .intro_biz .col-sm-6 {margin-top: 35px;} }

/*오시는 길 */
.location_def table {border-style: hidden; border-top: 2px solid; border-bottom: 1px solid; margin-top: 35px;}

/* 제품소개*/
.list_btn {
    border-radius: 0;
    max-width: 343.33px;
	width: 100%;
    background: #EE2E22;
    color: #fff;
    height: 55px;
    text-shadow: none;
    font-weight: 400;
    font-size: 19px;
    text-align: center;
    display: block;
    margin: 0 auto;
    margin-bottom: 15px;
	transition: all 1s ease;
}
.list_btn:hover {background: #333; color: #fff;}
@media screen and (max-width: 991px) {
	.md_list, .globe_list {display: none;}
}

/*md*/
.padd00{padding:0;}
.f-white{color:#fff;}
.title_red h3, .title_red h5{color:#E53C2D; font-weight:bold;}
.red_box{background:#E53C2D; padding: 20px 10px 40px 10px;}
.red_box h3 {border-bottom: 1px solid #fff; padding-bottom: 20px; color: #fff;}
.red_box div ul li {color: #fff; list-style: initial; line-height: 26px; padding-left: 0px;}
@media screen and (min-width: 992px) and (max-width: 1153px) {.red_box div ul{padding-left: 15px;}}
.marg_custom{margin-top:55px;}
.border_right{border-right:1px solid #C9C8C5;}
@media only screen and (max-width:768px){.marg_custom{float:none; margin-top:5px;} .border_right{border-right:none;}}
.table_title{color: #ee2e22;}
.md_def table {border-style: hidden; width: 100%; border-top: 2px solid; border-bottom: 2px solid #eee; margin-top: 35px;}
.md_def table > tbody > tr > td {vertical-align: middle; font-size: 16px; word-break: break-word;}
.md_def table > tbody > tr > td span {font-weight: bold;}
.md_def table > tbody > tr > td ul li {list-style: none;}
.md_def table > tbody > tr:nth-child(5) > td ul, .md_def table > tbody > tr:nth-child(8) > td ul, .md_def table > tbody > tr:nth-child(5) > td span, .md_def table > tbody > tr:nth-child(8) > td span {float: left;}
.md_def table > tbody > tr:nth-child(5) > td ul, .md_def table > tbody > tr:nth-child(8) > td ul { padding-left: 10px; }
.md_list {background: #484751; padding: 40px 20px 20px 20px;}
@media screen and (min-width: 1024px) {.md_list{min-height: 1515px;} .md_list ul li {line-height: 26px;}}
@media screen and (min-width: 768px) and (max-width: 1023px) {.md_list{min-height: 1667px;}}
.md_list ul li, .md_list h3, .md_list p {color: #fff; word-break: break-word;}
.md_list ul li {list-style: initial; font-size: 16px;}
.md_list p small {font-style: italic; font-size: 14px;}

/*globebox*/
.globe_def table {border-style: hidden; width: 100%; border-top: 2px solid; margin-top: 35px;}
.globe_def table > tbody > tr > td {vertical-align: middle; font-size: 16px; word-break: break-word;}
.globe_def table > tbody > tr > td span {font-weight: bold;}
.globe_def table > tbody > tr > td ul li {list-style: none;}
.globe_def table > tbody > tr:nth-child(17) > td ul, .globe_def table > tbody > tr:nth-child(28) > td ul, .globe_def table > tbody > tr:nth-child(17) > td span, .globe_def table > tbody > tr:nth-child(28) > td span  {float: left;}
.globe_def table > tbody > tr:nth-child(17) > td ul, .globe_def table > tbody > tr:nth-child(28) > td ul { padding-left: 10px; }
.globe_list {background: #484751; padding: 40px 20px 20px 20px;}
@media screen and (min-width: 1024px) {.globe_list{min-height: 2055px;} .globe_list ul li {line-height: 26px;}}
@media screen and (min-width: 768px) and (max-width: 1023px) {.globe_list{min-height: 1667px;}}
.globe_list ul li, .globe_list h3, .globe_list p {color: #fff; word-break: break-word;}
.globe_list ul li {list-style: initial; font-size: 16px;}
.globe_list p small {font-style: italic; font-size: 14px;}
.globe_list00 {background: #ee2e22; padding: 25px; margin-top: 20px;}
.globe_list00 h3 {border-bottom: 1px solid #fff; padding-bottom: 20px; color: #fff;}
.globe_list00 ul li {color: #fff; list-style: initial; line-height: 26px;}

/* miniglobe */
.mg_table > thead > tr > th, .mg_table > tbody > tr > td {vertical-align: middle; text-align: center;}
.mg_table > thead > tr > th:nth-child(2), .mg_table > tbody > tr > td:nth-child(2) {background: #eee;}
.mg_table {border-style: hidden; border-top: 2px solid; border-bottom: 2px solid #eee; margin-top: 35px;}
.mg_def {border: 2px solid #eee; padding: 23px; margin: 22px; min-height: 288px;}

.mg_def h3 {float: left;}
.mg_def ul li {font-size: 14px; line-height: 25px; word-break: keep-all; list-style: initial; margin-left: 15px;}
.mg_def ul {padding-left: 15px; float: left; border-left: 1px solid #e6e6e6;}
.mg_def .col-md-4, .mg_def .col-md-2, .mg_def .col-md-8, .mg_def .col-md-10 { padding-left: 0px; padding-right: 0px;}
.mg_bottom {margin-top: 20px;}
@media screen and (max-width: 991px) { .mg_def ul { margin-left: 25px; }}

/*safecabinet*/
.notice_title {margin-top: 150px;}

/* 로그인 페이지 설정 */
.login-layout{width: 1170px; margin: 0 auto;}
.login-layout .panel{border-radius: 0; box-shadow: 0 0 0 rgba(0,0,0,0); border: 1px solid transparent;}
.login-layout .panel-body h2{margin: 0; color: #454545; font-size: 20px; font-weight: 500; letter-spacing: 0.01em;}
.login-layout .inner-box-msg p{font-size: 13px; color: #666;}
.login-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{background-image: none; background-color: #484751; 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{background: #ee2e22;}
.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: "";}

/* 게시판 설정 시작 */
.dh-board, .img-bbs-default-index-layout .page_wrap ~ div, .dh-view-box, .form-horizontal, #mailForm{width: 1170px; margin: 0 auto;}
.dh-board {padding: 60px 0 0;}
@media screen and (max-width: 991px) {
	.dh-board, .img-bbs-default-index-layout .page_wrap ~ div, .dh-view-box, .form-horizontal, #mailForm{width: 100%;}
}
@media screen and (min-width: 992px) and (max-width: 1085px) {
	.mg_def { margin: 20px; min-height: 313px;}
	.mg_def ul { margin-left: 15px; }
}

/* ----- 게시판 테이블 설정 ----- */
.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 #ee2e22; 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: #ee2e22;}
.label-primary{color: #2b5cb7;}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {background-color: #ee2e22; border: 1px solid #ee2e22 !important;}
.pagination > li > a, .pagination > li > span{color: #555;}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination> li > span:focus, .pagination>li>span:hover{color: #555; border: 1px solid #ddd !important;}
.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: 60px 0 0; min-height: 640px;}
.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;}
/* //게시판 설정 끝 */
.md-top .left-con{
	padding:30px 15px;
}
.md-top .left-con img{
	height:500px;
	float:left;
}
.md-top ul{
	margin-top:100px;
}
.md-top li{
	position:relative;
	margin:40px 0;
	padding-left:20px;
	font-size:20px;
	font-weight:bold;
}
.md-top li:before{
	content:'';
	display:inline-block;
	position:absolute;
	left:0;
	top:10px;
	width:10px;
	height:10px;
	background:#333;
	vertical-align:middle;
}
.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;
}
.snb{
	padding:40px 0;
}
.snb ul{
	padding:0;
	text-align:center;
}
.snb ul li{
	display:inline-block;
	padding:0 1px;
}
.snb ul li a{
	display:block;
	width:170px;
	padding:10px 0;
	text-align:center;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	border-radius:4px;
	background:#777;
	transition:all .3s ease;
}
.snb ul li a:hover{
	text-decoration:none;
	transform:translatey(-5px);
	box-shadow: 0 5px 5px rgba(0,0,0,0.2);
}
.snb ul li.active a{
	background:#ee2e22;
}
.ilab .red_box{
	margin-top:55px;
	width:340px;
}
.option-li li{
	color:#fff;
	list-style:disc;
	line-height:2;
}
.table .depth1{
	padding-left:50px;
}
#mailForm{
	margin:40px auto;
	width:800px;
	max-width:100%;
}
#mailForm .btn-primary{
	margin:100px auto 0 !important;
	padding:15px 0;
	border-radius:70px;
	width:200px;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	background:#ee2e22;
	border:none;
}
#mailForm .btn-primary:hover,
#mailForm .btn-primary:focus{
	background:#a00;
}


/* EDM Wire Cutting */
.sec-tit{
	text-align: center;
	font-weight: 600;
}
.edm-wire-cutting .tab-menu{
	margin-bottom: 100px;
}
.edm-wire-cutting .tab-menu ul{
	padding: 0;
	text-align: center;
}
.edm-wire-cutting .tab-menu ul li{
	display: inline-block;
	margin: 0 5px 7px 0;
	width: 25%;
}
.edm-wire-cutting .tab-menu ul li:last-child{
	margin-right: 0;
}
.edm-wire-cutting .tab-menu ul li:hover p{
	background: #ee2e22;
}
.edm-wire-cutting .tab-menu ul li:hover a{
	text-decoration: none;
}
.edm-wire-cutting .tab-menu ul li{
	display: inline-block;
	border: 1px solid #ddd;
}
.edm-wire-cutting .tab-menu ul li p{
	margin: 0;
	padding: 10px;
	background: #777;
	color: #fff;
	transition: 0.3s ease;
}


.edm-wire-cutting section{
	margin-bottom: 70px;
}
.edm-wire-cutting section:last-child{
	margin-bottom: 0;
}
.edm-wire-cutting .sec1 .col-sm-6:first-child{
	padding-top: 106px;
}

.edm-wire-cutting .sec2 h2{
	margin-bottom: 30px;
	text-align: center;
}

.edm-wire-cutting .sec3 h3{
	display: inline-block;
	padding-bottom: 15px;
	margin-bottom: 30px;
	border-bottom: 2px solid #ee2e22;
	font-weight: 600;
}
.edm-wire-cutting .sec3 .col-sm-6{
	height: 600px;
}
.edm-wire-cutting .sec3 .item:after{
	content:"";
	display: block;
	clear: both;
}
.edm-wire-cutting .sec3 table{
	margin-bottom: 70px;
	width: 100%;
}
.edm-wire-cutting .sec3 table tr,
.edm-wire-cutting .sec3 table th,
.edm-wire-cutting .sec3 table td{
	padding: 8px 3px;
	text-align: center;
}
.edm-wire-cutting .sec3 table thead th{
	background: #e8e8e8;
	border-bottom: 2px solid #777;
}
.edm-wire-cutting .sec3 table td{
	font-size: 13px;
}