@charset "utf-8";
@import url('/skin/notokr/notokr.css');
@import url(https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css);

html {overflow-x: hidden; overflow-y: scroll;}
.body-layout {background-color: #fff; padding-top:88px;}

/* 폰트 설정 */
.body-layout, h1, h2, h3, h4, h5, h6, input, textarea, button { font-family: 'notokr',  "NanumGothic", "나눔고딕", 'NanumBarunGothic', 'Apple SD Neo Gothic', 'Malgun Gothic', 'Gulim', sans-serif; }
/* h1, h2, h3, h4, h5, h6, p { margin: 0px; } */
ol, ul, li {
	list-style: none;
	list-style-position: inside;
}
/*
.-modal-open .fixed,
.-modal-open .content {
  position: fixed;
  left: 10%;
}*/
.img-responsive { 
    width:100%;
}
.container {
    margin-top: 10px;
}

.modal-open{
    padding-right: 0 !important;
}

ol, ul{
    margin-bottom:0;
}
body i {
font-family:'FontAwesome'!important;
}
.navbar .caret, 
.navbar .divider-vertical, 
.navbar ~ br,
.footer-social-layout,
.footer_copy .text-center > br{
	display: none;
}
p, h1, h2, h3, h4, h5, h6{
    margin: 0;
}
a{
    text-decoration: none;
}
/*상단 메뉴 설정 시작*/
.navbar-inverse {
    background: #fff;
    border: none;
    color: #222;
    margin: 0px 0px 0px 0px;
    box-shadow: 0 3px 3px rgba(0,0,0,0.1);
}
/* navmenu SUB setting */
.navbar-inverse .dropdown-menu {
    border: none;
    border-radius: 0;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    left: 0;
    right: auto;
    padding: 20px 20px !important;
}
.navbar-inverse .dropdown-menu > li > a {
    font-size: 14px;
    letter-spacing: -0.03em;
    color: #454545;
    padding: 4px 0;
}
.navbar-inverse .dropdown-menu > li > a:hover, 
.navbar-inverse .navbar-nav > li > a:focus{
    color: #212121;
    background: none;
    text-decoration: underline;
}

/*상단 메뉴 설정 끝*/

  
/*상단 메뉴 로고 시작*/
.navbar-brand{
    padding: 0 !important;
    margin: 32px 0 !important;
}
.navbar-brand img {
    margin-top: 0;
}
/*상단 메뉴 로고 끝*/


/* 상단 메인 메뉴 설정 시작*/

@media (min-width:768px){
	.navbar-nav {
		margin-top: 20px;
	}
}

.navbar-inverse .navbar-nav > li > a {
    color: #212121;
    -webkit-text-shadow: none;
    text-shadow: none;
    letter-spacing: -0.04em;
    font-weight: 500;
    font-size: 16px;
    padding: 15px 15px;
    margin: 0 10px;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav>.open>a, 
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover{
    color: #039fd2;
	background:rgba(0,0,0,0);
	text-decoration:none;
}
/* 상단 메인 메뉴 설정 끝*/
@media (max-width: 767px){
	.navbar-inverse .navbar-brand{
		margin:  32px 0 32px 15px !important;
	}
	.navbar-inverse .navbar-toggle{
		margin-top: 28px;
		background: #0E6F9C;
		border-color: #0E6F9C;
	}
	.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{
		background: #0E6F9C;
		border-color: #0E6F9C;
	}
	.navbar-inverse .navbar-nav > li > a{
		padding: 10px;
		text-align: center;
	}
	.navbar-inverse .dropdown-menu{
		padding: 5px 20px 15px!important;
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{
		padding: 5px;
		text-align: center;
	}
}
@media (min-width: 768px) and  (max-width: 991px){

}
@media (min-width: 992px) and  (max-width: 1199px){

}
@media (min-width: 1200px){

}
/* 상단 서브 메뉴 설정 끝*/

/* CAROUSEL */

.topmarginLay_a{
    display: none;
}
.container_slide{
	width:100%;
	padding:0;
	border: transparent;
}
.fill{
    height: 520px;
}

.fill h1 span, 
.fill p span {
    opacity: 1;
    text-shadow: none;
    padding: 0;
    background: rgba(0,0,0,0);
}

.fill h1 span {
    font-size: 28px;
    color: #7dd6ff;
    letter-spacing: -0.04em;
    display: block;
    margin: 0 0 15px;
    font-weight: 400;
}

.fill p span {
    background: transparent;
    font-size: 54px;
    color: #fff;
    letter-spacing: -0.05em;
    display: block;
    line-height: 1;
	font-weight: 500;
}

.carousel-caption {
    top: 50%;
    left: 50%;
	right: auto;
    bottom: auto;
    transform: translate(-50%,-50%);
    padding: 0;
    text-shadow: none;
}

.carousel-caption a {
    width: 160px;
    height: 45px;
    padding: 15px;
    border-radius: 60px;
    color: #fff;
    font-weight: 400;
    background: #039fd2;
    font-size: 17px;
    text-decoration: none;
    display: block;
    margin: 50px auto 0;
    letter-spacing: -0.02em;
    transition: all ease 0.3s;
}

.carousel-indicators {
    margin-bottom: 0;
    bottom: 40px;
}

.carousel-indicators li {
    width: 8px;
    height: 8px;
    background: rgba(255, 255, 255, 0.4);
    border: none !important;
    margin: 0px 10px 2px !important;
}

.carousel-indicators .active{
    width: 12px;
    height: 12px;
    margin: 0 8px !important;
}


.carousel-caption a:hover, 
.carousel-caption a:focus {
    background: #0061b7;
}

.carousel-control{
	display:none;
}
@media (max-width: 767px){
	.carousel-caption{
		transform: translateY(-50%);
		left: 20%;
		right: 20%;
	}
	.fill{
		height: 300px;
	}
	.fill h1 span{
		font-size: 20px;
	}
	.fill p span{
		font-size: 27px;
	}
	.carousel-caption a{
		margin-top: 20px;
	}
}
@media (min-width: 768px) and  (max-width: 991px){

}
@media (min-width: 992px) and  (max-width: 1199px){

}
@media (min-width: 1200px){

}
/* main - widgetbox */


.intro-html-layout {
    margin: 0;
}
.intro-html-layout > .col-sm-12 {
    padding: 0;
}

.intro-widget-layout {
	width: auto;
	padding: 0;
}

.main-section {
    padding: 80px 0;
}

.main-section > .container {
    width: 100%;
}

.main-section .row > div {
    padding: 0;
}

.more {
    position: absolute;
    left: 30px;
    bottom: 30px;
    font-size: 12px;
    letter-spacing: 0.1em;
}

.more a {
	border-bottom:1px solid rgba(0,0,0,0);
	color:#fff;
}

.more a i {
    margin-left: 10px;
    font-size: 14px;
	color:#fff;
}

.more a p{
	color:#fff;
}

.more a:link, .more a:visited{
    text-decoration: none;
}

.more a:hover {
    color: #fff;
    border-bottom: 1px solid;
}

.gongsaji .more, .gongsaji .more a, .gongsaji .more p, .gongsaji .more i {
    color: #212121;
}

.more *{
    display: inline-block;
}

.widget-1st {
    background: url(/skin/img/main/main_box_bg1.jpg) no-repeat right bottom;
    height: 460px;
    color: #454545 !important;
    letter-spacing: -0.04em;
    border: 1px solid #ddd;
    border-right: none;
    padding: 35px 30px;
}

.widget-2nd {
    background: url(/skin/img/main/main_box_bg2.jpg) no-repeat right bottom / cover;
    width: 100%;
    height: 230px;
    color: #fff;
	position: relative;
}

.widget-3rd {
    background: url(/skin/img/main/main_box_bg3.jpg) no-repeat right bottom / cover;
    width: 100%;
    height: 230px;
    color: #fff;
    position: relative;
}

.gongsaji {
    background: url(/skin/img/main/main_box_bg4.jpg) no-repeat right bottom / cover;
    width: 100%;
    height: 230px;
    display: inline-block;
    position: relative;
}
.main-request {
    background: url(/skin/img/main/main_box_bg5.jpg) no-repeat right bottom / cover;
    width: 100%;
    height: 230px;
    display: inline-block;
    position: relative;
}

.business-area h3 {
    text-align: left;
    font-size: 25px;
    letter-spacing: -0.03em;
    color: #212121;
}

.business-area ul {
    margin-top: 15px;
    padding-left: 0;
}

.business-area ul li {
    list-style: none;
    padding-left: 12px;
    font-size: 14px;
    position: relative;
    line-height: 1.6;
    margin-bottom: 6px;
}

.business-area ul li:before {
    content: "";
    width: 3px;
    height: 3px;
    background: #888;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 9px;
}

.main-wrapper {
    padding: 35px 30px;
}

.main-wrapper h3 {
    margin-bottom: 10px;
    font-size: 23px;
    letter-spacing: -0.04em;
    margin: 0 0 10px;
}

.main-wrapper p {
    opacity: 0.75;
    letter-spacing: -0.04em;
    line-height: 1.65;
}

.gongsaji > .more a{
    color: #222;
}


.main-request-inner {
    color: #fff;
    position: relative;
    text-align: center;
    padding: 70px 0 0;
}

.main-request-inner h3 {
    font-size: 26px;
    margin: 0 0 20px;
}

.main-circle {
    border: 1px solid #fff;
    width: 160px;
    height: 45px;
    border-radius: 80px;
    position: relative;
    cursor: pointer;
    transition: all .2s ease-in-out;
    text-decoration: none;
    margin: 0 auto 0;
	color:#fff
}

.main-circle:hover {
    color: #039fd2;
    background: #fff;
}

.main-circle p {
    font-size: 16px;
    text-align: center;
    opacity: 1;
    line-height: 43px;
	color:inherit;
}

.main-circle a {
    text-decoration: none;
	color:inherit;
}

.main-sigong {
    position: relative;
    min-height: 230px;
    border: 1px solid #ddd;
    border-top: none;
    border-left: none;
    padding: 30px 30px;
}

.inner{
    display: block;
}

.dh-front-blog>.col-md-4>.thumbnail>a.blogthumb {
    height: 130px !important;
    border: none;
}

.main-section .main-sigong .row {
    margin-left: -10px;
    margin-right: -10px;
}

.main-section .main-sigong .row > div {
    padding: 0 10px;
}

.main-sigong .intro-boardbox {
    padding: 0;
}

.main-sigong .page-header {
    margin: 0;
    padding: 0;
    border-bottom: none;
}

.main-sigong .page-header h4 {
    padding: 0;
    margin: 0 0 15px;
    font-size: 23px;
    letter-spacing: -0.04em;
    color: #212121;
}


.dh-front-blog .col-md-4 .thumbnail .caption{
    display: none !important;
}

.dh-front-blog>.col-md-4>.thumbnail {
    min-height: 0 !important;
    border: none;
    margin: 0 0 10px;
}

.intro-boardbox>.page-header>h4>.btn {
    color: #212121;
    font-size: 16px;
    border: none;
    padding: 0;
}

.intro-boardbox>.page-header>h4>.btn .fa-plus{
    transition: all 0.3s ease;
}
.intro-boardbox>.page-header>h4>.btn .fa-plus:hover{
    color: #039fd2;
}
@media (max-width: 767px){
	.widget-1st{
		border: 0;
	}
	.main-wrapper p{
		word-break: keep-all;
	}
	.main-sigong{
		width: 100%;
	}
}
@media (min-width: 768px) and  (max-width: 991px){
	
	.main-section .main-sigong .row > div{
		width: 33.3333333333333%;
	}
}
@media (min-width: 992px) and  (max-width: 1199px){

}
@media (min-width: 1200px){

}
/* ---------- subpage ---------- */

.sub-layout {
    width: 100%;
    padding: 0 0 100px;
	margin-top: 0px;
}

.sub_title {
    font-size: 28px;
    text-align: center;
    letter-spacing: -0.04em;
    color: #212121;
    margin: 0 0 40px;
}
.sub_title:after {
    content: "";
    width: 50px;
    height: 4px;
    background: #039fd2;
    display: block;
    margin: 20px auto 0;
}




/* organization */

.organization-frame{
    /* padding-top: 50px; */
}

.organization-frame h1{
    text-align: center;
}

.organization{
    width: 100%;
}

/* company info - aboutus.html */

.cor-info-frame:after {
    clear: both;
    content: '';
    display: block;
}

.greeting{
    display: inline-block;
    width: 70%;
    float: left;
}

.greeting ul {
    margin: 50px 0 0;
    padding-left: 40px;
    list-style: none;
}

.greeting ul li {
    font-size: 18px;
    letter-spacing: -0.04em;
    color: #454545;
    line-height: 1.65;
    margin-bottom: 15px;
    position: relative;
    padding-left: 14px;
}

.greeting-frame2{
    margin-top: 70px;
}

.greeting-frame2 td img{
    margin: 80px auto;
}

.cor-info ul{
    padding: 0 15px;
}
.cor-info-first{
    float: right;
    display: inline-block;
}

.cor-info {
    float: left;
}

.cor-info2 {
    width: 55%;
    margin-top: 150px;
}
/*
.cor-info.img {
    width: 25%;
}*/

.cor-info.img img {
    margin-top:50px;
    box-shadow: 30px 30px 0 rgba(0,0,0,0.05);
}

.cor-info ul {
    margin: 0px 0 0;
    padding-left: 0px;
    list-style: none;
}

.cor-info2 ul {
    margin: 50px 0 0;
    padding-left: 110px;
    list-style: none;
}


.cor-info ul li {
    font-size: 18px;
    letter-spacing: -0.04em;
    color: #454545;
    line-height: 1.8;
    margin-bottom: 15px;
    position: relative;
    padding-left: 14px;
}

.cor-info ul li:before {
    content: "";
    width: 4px;
    height: 4px;
    background: #666;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 13px;
}

.inheoga span {
    display: block;
    font-size: 16px;
    color: #616161;
    margin: 4px 0;
}

.inheoga span:before {
    content: "-";
    margin-right: 6px;
}

.cor-info:nth-child(2){
    vertical-align: middle;
}

.history-wrapper {
    margin-top: 80px;
}

.history {
    position: relative;
    width: 700px;
    margin: 0 auto;
    margin-top: 40px;
    padding: 3em 0;
    list-style-type: none;
}

.history:before {
    position: absolute;
    left: 50%;
    top: 0;
    content: ' ';
    display: block;
    width: 1px;
    height: 100%;
    background: #dddddd;
}

.history li {
  padding: 1em 0;
}

.history li:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.direction-l {
    position: relative;
    width: 350px;
    float: left;
    text-align: right;
    padding-right: 30px;
}

.direction-r {
    position: relative;
    width: 350px;
    float: right;
    text-align: left;
    padding-left: 30px;
}

.flag-wrapper {
  position: relative;
  display: inline-block;
  text-align: center;
}

.flag {
    position: relative;
    display: inline;
    /* background: rgb(248,248,248); */
    /* box-shadow: none; */
    font-weight: 500;
    text-align: left;
    font-size: 25px;
    color: #173250;
}

/* .direction-l .flag {
  -webkit-box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
  -moz-box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
  box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
}

.direction-r .flag {
  -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
  -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
  box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
} */

.direction-l .flag:before,
.direction-r .flag:before {
    position: absolute;
    top: 50%;
    right: -33px;
    content: ' ';
    display: block;
    width: 5px;
    height: 5px;
    background: #173250;
    border-radius: 10px;
    z-index: 10;
}

.direction-r .flag:before {
      left: -32px;
}

/* .direction-l .flag:after {
  content: "";
  position: absolute;
  left: 100%;
  top: 50%;
  height: 0;
  width: 0;
  margin-top: -8px;
  border: solid transparent;
  border-left-color: rgb(248,248,248);
  border-width: 8px;
  pointer-events: none;
}

.direction-r .flag:after {
  content: "";
  position: absolute;
  right: 100%;
  top: 50%;
  height: 0;
  width: 0;
  margin-top: -8px;
  border: solid transparent;
  border-right-color: rgb(248,248,248);
  border-width: 8px;
  pointer-events: none;
}
 */
.time-wrapper {
  display: inline;
  
  line-height: 1em;
  font-size: 0.66666em;
  color: rgb(250,80,80);
  vertical-align: middle;
}

.direction-l .time-wrapper {
  float: left;
}

.direction-r .time-wrapper {
  float: right;
}

.time {
  display: inline-block;
  padding: 4px 6px;
  background: rgb(248,248,248);
}

.desc {
    margin-top: 5px;
    font-size: 1.1em;
    line-height: 1.5em;
    letter-spacing: -0.04em;
    color: #454545;
}

/* .direction-r .desc {
  margin: 1em 0 0 0.75em;
}
 */

/* maintanance*/ 


.maintenance {
    text-align: center;
    margin: 20px 0;
}

.maintenance .icon {
    display: block;
    line-height: 1;
    font-size: 60px;
    margin-bottom: 20px;
    color: #039fd2;
    margin-top: 20px;
}

.maintenance .big-cont {
    display: block;
    line-height: 1;
    font-size: 25px;
    font-weight: 500;
    letter-spacing: -0.05em;
    margin-bottom: 20px;
    color: #222;
}

.maintenance .small-cont {
    display: block;
    line-height: 1.7;
    font-size: 17px;
    letter-spacing: -0.03em;
    color: #666;
    margin-bottom: 30px;
}

.maintenance .btn {
    border-radius: 50px;
    padding: 12px 30px;
    font-size: 14px;
    border: 1px solid #ccc;
    color: #222;
    transition: all ease 0.3s;
}

.maintenance .btn:hover {
    border-color: #aaa;
    color: #212121;
    background: #f5f5f5;
}

/* location */

#map {
    margin-top: 20px;
    height: 500px;
}

.location-frame h1{
    text-align: center;
}
.location-info {
    width: 100%;
}
.location-info ul {
    padding: 0;
}

.location-info ul li{
    text-align: left;
    border-bottom: 1px solid #ddd;
    padding : 15px;
    letter-spacing:-0.04em;
    color:#616161;
    font-size:16px;
}

.location-info ul li p:before{
  color:#039fd2;
  margin-right:5px
}

.location-info ul li:nth-child(1) p:before{
    font-family: fontawesome;
    content:'\f015';
}
.location-info ul li:nth-child(2) p:before{
    font-family: fontawesome;
    content:'\f095';
}

.location-info ul li:nth-child(3) p:before{
    font-family: fontawesome;
    content:'\f1ac';
}

.location-info ul li:nth-child(4) p:before{
    font-family: fontawesome;
    content:'\f0e0';
}

.location-info ul li:nth-child(5) p:before{
    font-family: fontawesome;
    content:'\f124';
}

/* PRODUCTS */

.sub-layout > .container {
    width: 100%;
    padding: 0;
}
.topimg {
    background: url(/skin/img/sub/subtop_bg.jpg) no-repeat center/cover;
    padding-top: 120px;
    width: 100%;
    height: 300px;
}
.topimg h1 {
    text-align: center;
    margin: 0;
    font-size: 52px;
    letter-spacing: -0.04em;
    font-weight: 500;
    color: #fff;
}


#overhead > .row:first-child,
#speed > .row:first-child,
#stacking > .row:first-child,
#dock > .row:first-child,
#damper > .row:first-child{
    margin: 0;
}

.product-tab {
    max-width: 1140px;
    width: 100%;
    margin: -50px auto 0;
    background: #173250;
    text-align: center;
}
.product-tab div {
    /* display: table-cell; */
    width: 20%;
    float: left;
    background: #173250;
    text-align: center;
    color: #fff;
}
.product-tab-nav a {
    display: block;
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    letter-spacing: -0.04em;
}

.product-tab div.active a {
    color: #fff;
    background:#015d9b;
}

.product-tab-nav *:hover{
    background: #015d9b;
    color: #fff;
    border: none;
    transition: all .2s ease-in-out;
}

.product_content {
    max-width: 1170px;
    margin: 0 auto;
}

.img_border{
	border:1px solid #e0e0e0;
}

/*------------ product left menu----------- */

.left-tab {
    position: relative;
    padding-right: 30px;
}

.left-tab ul {
    padding-left: 0 !important;
}

.left-tab ul .left-tab-header {
    font-weight: 600;
    font-size: 20px;
    letter-spacing: -0.03em;
    padding: 5px 0 20px;
    margin: 0;
    border-bottom: 1px solid #dddddd;
    line-height: 1;
}

.left-tab ul li + .left-tab-header {
    margin-top: 30px;
}

.left-tab ul li {
    margin: 0;
    border-bottom: 1px solid #dddddd;
}

.left-tab ul li a {
    text-decoration: none;
    color: #888;
    font-size: 12px;
    padding: 10px;
    display: block;
}

.left-tab ul li a:hover {
    background: #f8f8f8;
    color: #212121;
}

.left-tab ul .left-active a,
.left-tab ul .left-active a:hover,
.left-tab ul .left-active a:focus {
    color: #fff !important;
    background: #039fd2;
    font-size: 12px;
}



/* .left-tab{
    border: 1px solid #c1c1c1;
    position: relative;
  /*  left: 180px;
    width: 250px;
    margin-left: 150px;
    margin-top: 100px;
}
*/


.right-content{
    position: relative;
    /* left: 10px; */
    /* margin-top: 100px; */
    /* width: 80%; */
}

.right-content .product-title
 {
    font-size: 24px;
    color: #039fd2;
    margin: 0 0 20px;
}
.right-content .img-label{
	font-size: 18px;
	font-weight: 500;
	display: block;
}
.bottom-title{
font-size: 24px;
    color: #039fd2;
	overflow: hidden;
	margin-bottom: 30px;
}
.added{
    float:right;
 font-size: 15px;
 color: #fff;
    background: #039fd2;
    border-radius: 10px;
    float: right;
    padding: 9px;
    text-decoration: none;
    font-weight:  400;
}

.added:link{
    border-radius: 10px;
    background: #039fd2;
    text-decoration: none;
    transition: all .3s ease-in-out;

}

.added:hover{
    color: #fff;
    background: #0a556d;

}
.tab-wrapper{
    
    margin: 0 auto;
}


.tab-added{
    margin: 0 70px;
}

.tab-added *{
    display: inline-block;
}

.tab-added h1{
    border: 1px solid;
    padding: 20px;
}

.overhead-top-wrapper{
    margin: 0 40px;
}
.overhead-detail{
    float: right;
    color: #336699;
    font-weight: bold;
    font-size: 16px;
    border: 1px solid #336699;
    padding: 8px;
    border-radius: 10px;
    transition: all .3s ease-in-out;
}

.overhead-detail:hover{
    background: rgba(56, 164, 188, 0.53);
}

.overhead-detail:hover{
    text-decoration: none;
    color: #36517C;
}

.operator-table{
    table-layout: auto;
  /*  margin: 100px auto 0;*/
    text-align: center;
    line-height: 1.8;
	margin-bottom: 0;
}
.operator-table tr td{
    border-bottom: none;
    border-top:  1px solid #9999A1;
    border-left:  1px solid #9999A1;
    border-right:  1px solid #9999A1;
    font-size: 18px;
}

.operator-table-detail{
    text-align: center;
    line-height: 1.8;
    border: 1px solid #9999A1;
}

.operator-table-detail h5{
    font-size: 18px;
}
.operator-table-detail tr td{
    border: 1px solid #9999A1;
}

.operator-table .border-top-table{
    border-top: 2px solid #222 !important;
}

.operator-table tbody td[colspan]{
    border: 1px solid #9999A1;
    font-size: 18px;
    background: #f5f5f5;
    color: #222;
}

.operator-table-detail .detail-title{
    background: #f5f5f5;
    color: #222;
}

.operator-table-detail ul{
    text-align: left;
}

.operator-table-detail ul li{
    list-style: disc;
    line-height: 1.5;
}

.td-small{
    width: 20%;
    background: #f5f5f5;
    color: #222;
}

.drawing-download{
    float:right;
    font-size: 15px;
    background: #039fd2;
    color: #fff;
    border-radius: 10px;
    float: right;
    padding: 9px;
    text-decoration: none;
    font-weight: 400;
    transition: all .3s ease-in-out;
}

.drawing-download:link{
    border-radius: 10px;
    color: #fff;
    text-decoration: none;
}

.drawing-download:hover{
    color: #fff;
    background: #0a556d;
}

.modal-dialog {
    margin: 0 auto !important;
}

.modal-content{
    width: 60vw;
    height: 100vh;
    margin: 30px 100px;
   position: relative;
    left: -55% !important;
}

.zooom{
    transform: scale(1);
    margin: 0 auto;
}

.zooom2{
    transform: scale(1);
        margin: 0 auto;
}

.btn{
    float: right;
}
.overhead-gusongdo{
    font-size: 1.2em;
    float: right;
        padding: 10px;
}
.overhead-gusongdo:link{
    text-decoration: none;
        border-radius: 10px;
    color: #336699;
    text-decoration: none;
    padding: 10px;
    transition: all .3s ease-in-out;
    position: relative;
    left: 5%;
}

.overhead-gusongdo:hover{
        color: #fff;
    background: rgba(7, 81, 115, 0.63);
}
/* .right-content h1{
    text-align: left;
    font-size: 1.9em;
} */

/* .rotate-img{
    transform: rotate(90deg);
}
 */
.product_img {
    
    margin-left: -5px;
    margin-right: -5px;
    margin-bottom: 20px;
}

.product_img > div {
    padding: 0 5px;
}


/*  product table  */
.product-table {
    margin: 10px 0 0;
}
.product-table thead > tr > th {
    border: 1px solid #dddddd;
    border-bottom: 1px solid #aaa !important;
    border-top: 2px solid #222 !important;
    background: #f5f5f5;
    font-size: 15px;
    padding: 13px 13px;
    font-weight: 500;
    color: #212121;
    text-align: center;
}
.product-table tr td {
    text-align: center !important;
    vertical-align: middle !important;
    padding: 15px !important;
    border: 1px solid #dddddd;
    letter-spacing: -0.03em;
    color: #616161;
	word-break: break-word;
}

.overhead-drawing{
    margin: 50px 0;
}

/* certificate */

.cer-wrapper img{
    transition: all .2s ease-in-out;
    margin: 0 auto;
}

.cer1 h3, .cer2 h3, .cer3 h3{
    text-align: center;
}

.big{
  transform: scale(4.5);
  position: absolute;
  top: 5%;
  left: 20%;
    z-index: 999;
    transition: all .1s ease-in-out;
}

.big-for4{
    transform: scale(3.5);
      position: absolute;
  top: 5%;
  left: 20%;
    z-index: 999;
    transition: all .1s ease-in-out;
}

.big-for6{
        transform: scale(2);
      position: absolute;
  top: 5%;
  left: 20%;
    z-index: 999;
    transition: all .1s ease-in-out;
}

.big-for-cer{
            transform: scale(2.5);
      position: absolute;
  top: 50%;
  left: 35%;
    z-index: 999;
    transition: all .1s ease-in-out;
}
.small{
    height: auto;
	left: -6%;
	position: static;
	transition: all 0.3s ease-in-out;
}


.product-big{
  width: 100%;
    height: 50vh;
  background: orange;
  position: absolute;
  left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto; 
}

.bg-change{

    transition: all .3s ease-in-out;

}

.cer-table{
    width: 75%;
    max-width: 100%;
    margin-bottom: 20px;
    margin-left: 15%;
    margin-right: 15%;
}
.text-top {
    color: #212121;
    font-size: 36px;
    letter-spacing: -0.04em;
    display: block;
    line-height: 1;
	margin: 60px 0 40px;
    padding-bottom: 30px;
    border-bottom: 1px solid #dddddd;
	text-align:center;
}

/* .cor-info-frame h1, 
.history-wrapper h1, 
.maintenance h1 {
    text-align: center;
    margin: 60px 0 40px;
    padding-bottom: 30px;
    border-bottom: 1px solid #dddddd;
}
 */

.cer-wrapper h1{
    text-align: center;
}
.cer1, .cer2, .cer3 {
    margin: 0 0 80px;
}
.cer-wrapper td img {
    width: 40%;
    cursor: pointer;
    border: 1px solid #dddddd;
}
.cer3-table{
    position: relative;
    left: 70px;
}/*
.cer3-img{
    width: 70%;
}*/

/* AS jeopsu */

.sub-layout .bbs-list-index-layout .container,
.sub-layout .bbs-blog2-index-layout .container,
.sub-layout .bbs-blog-view-layout .container,
.sub-layout .bbs-blog-add-layout .container,
.sub-layout .bbs-list-add-layout .container,
.sub-layout .bbs-list-view-layout .container{
    width: 100% !important;
    padding: 0;
}

#freewall div{
    width: 400px !important;
    height: 300px !important;
}



/* ----- subpgae - board ----- */

/* board wrap */
.bbs-area {
    max-width: 1170px;
    margin: 0 auto;
    padding: 80px 15px 0;
}
.dh-board>.table-hover {
    margin: 0;
    border-top: 2px solid #222;
    border-bottom: 1px solid #aaa;
    letter-spacing: -0.04em;
}
.dh-board>.table-hover th {
    background: #f5f5f5;
    border-bottom: 1px solid #aaa;
    font-size: 1.1em;
    color: #212121;
    font-weight: 500;
}
.dh-board>.table-hover td {
    border-bottom: 1px solid #dddddd;
    color: #616161;
    font-size: 1em;
}
.dh-board>.table-hover th, 
.dh-board>.table-hover td {
    padding: 15px;
}
.dh-board>.table-hover .subject a {
    font-weight: 400;
    color: #616161;
}
.dh-board>.table-hover tr {
    transition: all ease 0.3s;
}
.dh-board>.table-hover tr:hover {
    background: #f9f9f9;
}

.dh-board .dh-margin-top {
    margin-top: 60px;
}

.dh-margin-top .text-right {
    padding-top: 3px;
}


/* pagination */

.pagination>li>a,
.pagination>li>span {
    border: 1px solid #fff;
    border-radius: 50% !important;
    margin-top: 0;
    margin-bottom: 0;
    color: #616161 !important;
    font-size: 16px;
    width: 40px;
    height: 40px;
    padding: 0;
    line-height: 38px;
    text-align: center;
}

.pagination>li:first-child>a,
.pagination>li:last-child>a {
    border: 1px solid #dddddd;
    font-size: 13px;
}

.pagination>li:last-child>a {
	margin-left: 20px;
}

.pagination>li:first-child>a {
	margin-right: 20px;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    border: 1px solid #039fd2;
    background: #039fd2 !important;
    font-weight: 600;
    color: #fff !important;
}

.pagination>li>a:focus, 
.pagination>li>a:hover, 
.pagination>li>span:focus, 
.pagination>li>span:hover {
    border-color: #fff;
    background: #fff;
}

#insertForm .input-group .btn {
    border-color: #dddddd;
	float: none;
}

#insertForm .input-group .form-control {
    box-shadow: none;
    border-color: #dddddd;
}

.input-group-btn #btnNew {
    background-color: #454545;
    border-color: #454545;
}


/* view page */

.dh-view-box {
    max-width: 1170px;
    margin: 0 auto;
}
.dh-view-box>.row>.page-header {
    border-top: 2px solid #222;
    border-bottom: 1px solid #aaa;
    margin: 0;
    padding: 18px;
    background: #f5f5f5;
}
.dh-view-box>.row>.page-header>h4 {
    margin: 0;
    font-size: 1.5em;
    color: #212121;
    letter-spacing: -0.04em;
}
.dh-view-box>.row>.dh-view-info {
    background: #fff;
    border-bottom: 1px solid #dddddd;
    color: #9e9e9e;
}
.dh-view-box>.row>.dh-view-info strong {
    color: #9e9e9e !important;
}
.dh-view-box .dh-line {
    padding-bottom: 30px;
}
.dh-comments{
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid #e6e6e6;
    box-shadow: none;
    margin-bottom: 15px;
}
.dh-comments div.panel-body{
    font-size: 15px;
    padding: 40px 10px 10px;
    position: relative;
}
.dh-comments div.panel-body [class^="commentText"]{
}
.dh-comments div.panel-body p{
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
}
.dh-comments div.panel-body em{
    display: none;
}
.dh-comments div.panel-body p strong{
    font-weight: 500;
    text-transform: uppercase;
}
.dh-comments div.panel-body .comment-user-id{
    display: none;
}

/* board - blog b type */
.dhb-txt-box-type-b-img-layout .thumb-hidden {
    min-height: 200px;
    height: 200px;
    max-height: 200px;
    border: none;
    box-shadow: none;
}

.dhb-txt-box-type-b-img-layout .thumb-hidden .btnRead {
	width: 100%;
	height: 100%;
	float: left;
	margin: 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.dhb-txt-box-type-b-img-layout .thumb-hidden .btnRead img {
    width: 100%;
    height: 100%;
    /* float: left; */
    /* background-size: cover; */
    /* background-position: center; */
    /* background-repeat: no-repeat; */
    /* visibility: hidden; */
    /* opacity: 0; */
}
.bbs-blog2-index-layout .dhb-txt-box-type-b {
    background: transparent;
    border: none;
    padding: 0 15px;
    margin-bottom: 30px;
}
.bbs-blog2-index-layout .dhb-txt-box-type-b > .row {
    margin: 0;
    border: 1px solid #ddd;
    transition: all ease 0.3s;
}
.bbs-blog2-index-layout .dhb-txt-box-type-b > .row:hover,
.bbs-blog2-index-layout .dhb-txt-box-type-b > .row:focus{
    border-color: #039fd2
}
.bbs-blog2-index-layout .dhb-txt-box-type-b > .row > div {
    padding: 0;
}
.dhb-txt-box-type-b-text-layout h4 {
    text-align: center;
    margin: 0;
    padding: 12px 15px !important;
    font-size: 15px;
    letter-spacing: -0.03em;
    background: #fff;
    color: #222;
    transition: all ease 0.3s;
}
.dhb-txt-box-type-b-text-layout h4 strong {
    font-weight: 500;
}

.dhb-txt-box-type-b-text-layout h4 a {
    transition: all ease 0.3s;
}

.dhb-txt-box-type-b-text-layout h4:before,
.dhb-txt-box-type-b-text-layout .txt-box-footer{
	display:none;
}

.bbs-blog2-index-layout .dh-margin-top {
    margin-top: 20px;
}
@media (max-width: 767px){
	.topimg{
		padding-top: 55px;
		height: 160px;
	}
	.topimg h1{
		font-size: 36px;
	}
	.cor-info2{
		width: 100%;
	}
	.cor-info2 ul{
		padding: 0;
	}
	.history, .direction-r, .direction-l{
		width: 100%;
	}
	.direction-r, .direction-l{
		float: left;
		text-align: left;
	}
	.history:before, .direction-l .flag:before, .direction-r .flag:before{
		display: none;
	}
	.direction-r{
		padding-left: 0;
	}
	.history li{
		border-bottom: 1px solid #eee;
	}
	.modal-content{
		width: 80%;
		height: auto;
		margin: 30px auto;
		left: 0 !important;
	}
	.left-tab{
		padding-right: 0px;
	}
	.left-tab ul{
		margin-bottom: 50px;
	}
	.added{
		margin-top: 26px;
		margin-bottom: 15px;
	}
	.operator-table tr td, .operator-table tr th,.operator-table tbody td[colspan]{
		font-size: 14px;
	}
	.product-tab{
		display: none;
	}
}
@media (min-width: 768px) and  (max-width: 991px){
	.cor-info2{
		width: 40%;
		margin-top: 73px;
	}
	.cor-info2 ul{
		margin: 0;
		padding-left: 45px;
	}
}
@media (min-width: 992px) and  (max-width: 1199px){

}
@media (min-width: 1200px){

}



/* FOOTER */

.footer {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    padding: 40px 15px;
    float: none;
}
.footer_copy .text-center {
    background-color: #e8e8e8;
    color: #888;
    font-size: 14px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    text-align: center;
    letter-spacing: -0.04em;
}
.footer-inner{
    text-align: left;
}
.footer-inner .col-md-10 ul li{
    text-align: left !important;
}
.footer-inner ul {
    overflow: hidden;
    padding: 0;
    margin: 3px 0 10px;
}
.footer-inner ul li {
    float: left;
    margin-right: 20px;
}
.footer-frame ul li:last-child {
    margin: 0;
}
.footer-inner .copy {
    margin: 0;
    opacity: 0.7;
    font-size: 13px;
}

@media (max-width: 767px){

}
@media (min-width: 768px) and  (max-width: 991px){
	
}
@media (min-width: 992px) and  (max-width: 1199px){

}
@media (min-width: 1200px){

}

/* login */

.login-layout, .id-find-layout, .pw-find-layout {
    padding: 100px 15px 100px;
}


.login-layout .panel,
.id-find-layout .panel,
.pw-find-layout .panel {
    box-shadow: none;
    max-width: 500px;
    padding: 80px 40px 80px;
    margin: 0 auto;
    border: none;
    border-radius: 0px;
    background: rgba(255,255,255,0.8);
}

.login-layout .panel hr,
.id-find-layout .panel hr,
.pw-find-layout .panel hr {
    display: none;
}

.login-layout .panel .panel-body,
.id-find-layout .panel .panel-body,
.pw-find-layout .panel .panel-body {
    padding: 0;
}

.login-layout .panel-body > div.col-sm-12,
.id-find-layout .panel-body > div.col-sm-12,
.pw-find-layout .panel-body > div.col-sm-12 {
    float: none;
}

.login-layout .panel-body > div.col-sm-12 h2,
.id-find-layout .panel-body > div.col-sm-12 h2,
.pw-find-layout .panel-body > div.col-sm-12 h2 {
    text-align: center;
    margin: 0 0 15px;
    line-height: 1;
    color: #222;
    font-size: 32px;
}

.inner-box-msg {
    width: 100%;
    text-align: center;
    float: none;
    margin-bottom: 30px;
    padding: 0;
}

.inner-box-msg p {
    font-size: 14px;
    letter-spacing: -0.03em;
    color: #555;
    margin: 0;
}

.inner-box-form {
    width: 100%;
    float: none;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
}

.login-layout label,
.id-find-layout label,
.pw-find-layout label {
    font-size: 16px;
    letter-spacing: -0.03em;
    color: #222;
    font-weight: 500;
    margin: 0 0 10px;
    line-height: 1;
}

.login-layout .form-control,
.id-find-layout .form-control,
.pw-find-layout .form-control {
    box-shadow: none;
    border: 1px solid #ddd;
    height: 40px;
    color: #616161;
    font-size: 15px;
}

.login-layout .form-control:focus,
.id-find-layout .form-control:focus,
.pw-find-layout .form-control:focus {
    border-color: #aaa;
}

.login-layout .btn-warning,
.id-find-layout .btn-warning,
.pw-find-layout .btn-warning {
    float: none;
    width: 100%;
    height: 45px;
    background: #039fd2;
    border-radius: 50px;
    border: none;
    box-shadow: none;
    margin-top: 15px;
    transition: all ease 0.3s;
}

.login-layout .btn-warning:hover,
.id-find-layout .btn-warning:hover,
.pw-find-layout .btn-warning:hover {
    background: #173250;
}

.login-layout form > div > p,
.id-find-layout form > div > p,
.pw-find-layout form > div > p {
    width: 50%;
    margin: 0;
    float: left;
    text-align: center;
    line-height: 1;
}

.login-layout form > div > p + p,
.id-find-layout form > div > p + p,
.pw-find-layout form > div > p + p {
    border-left: 1px solid #ccc;
}

.login-layout form > div > p > a,
.id-find-layout form > div > p > a,
.pw-find-layout form > div > p > a {
    font-size: 14px;
    color: #555;
    letter-spacing: -0.03em;
    display: block;
    padding: 2px 0;
}

@media (max-width:768px) {

    .login-layout,
    .id-find-layout,
    .pw-find-layout {
        padding: 20px 15px;
    }

    .login-layout .panel,
    .id-find-layout .panel,
    .id-find-layout .panel {
        padding: 40px;
    }

    .login-layout .panel-body > div.col-sm-12 h2,
    .id-find-layout .panel-body > div.col-sm-12 h2,
    .pw-find-layout .panel-body > div.col-sm-12 h2 {
        font-size: 24px;
    }

    .inner-box-msg p {
        font-size: 12px;
    }

    .login-layout label,
    .id-find-layout label,
    .pw-find-layout label {
        font-size: 14px;
    }

    .login-layout .form-control,
    .id-find-layout .form-control,
    .pw-find-layout .form-control {
        font-size: 13px;
        height: 36px;
    }

    .login-layout form > div > p > a,
    .id-find-layout form > div > p > a,
    .pw-find-layout form > div > p > a {
        font-size: 12px;
    }

    .login-layout .btn-warning,
    .id-find-layout .btn-warning,
    .pw-find-layout .btn-warning {
        height: 45px;
        font-size: 14px;
        margin-top: 10px;
    }
}