body {overflow-x:hidden;}
/** 인트로 슬라이드 수정 **/
.flex-caption { text-align: center; bottom: 38%; left: 50% !important; margin-left: -50% !important;}
.flex-caption span.intro-title {font-size: 70pt;}
.flex-caption span.intro-text {font-size: 20pt; }
/* 텍스트 로고 */
.navbar-brand{color: #333 !important;}
.navbar-brand:hover { color: #333 !important;}
/** 로고위치(상하) 조절 **/
.navbar-brand img {margin-top: -2px;}
/** 모서리 각지게 **/
.none-radius{border-radius: 0px !important;}
/** 상단 메뉴바 배경색지정 **/
.navbar-inverse {border: 1px solid #f4f4f4; background-image:url("/skin/img/ir_5.jpg"); background-color: #111;}
/** 메뉴 폰트 설정 **/
.navbar-inverse .navbar-nav > li > a {color: #fff;font-weight:500;font-size:15px; line-height:90px;}
.navbar-inverse .navbar-nav > li > a:hover, 
.navbar-inverse .navbar-nav > li > a:focus { color: #fef3c6;}

/** 메뉴구분선 삭제 **/
.navbar-inverse .divider-vertical {display:none;}
/* 소셜 버튼 배경색 설정  */
.footer-social-layout {background:#111;}
/* 소셜 버튼 버튼 크기, 색 지정  */
.socialArea a .btn {font-size:16pt; color: #555;}
/** 하단 카피라이트 영역 설정 **/
.footer_copy>.col-lg-12{background:#fff; padding:25px 5px; color:#555;}
/* 모바일 메뉴 버튼 설정 */
.navbar-toggle{border: none;margin-top: 9px;}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{background-color: transparent;}
.navbar-toggle .icon-bar {
    display: block;
    width: 25px;
    height: 2px;
    border-radius: 1px;
}
.navbar-inverse .navbar-toggle .icon-bar {    background-color: #999;}
.navbar-toggle .icon-bar + .icon-bar {    margin-top: 6px;}
.navbar-inverse .navbar-nav > .open > a {color: #555 !important; background-color: #ffffff !important; 
    background-image: none !important;}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {color: #9d9d9d; }


/*/////////////  게시판 설정  ///////////////////////*/
.sub-layout {margin-bottom:50px;}
.dhb-txt-box {background:transparent; padding:0; border:0; border-bottom:1px solid #ddd;}
.dhb-txt-list {padding:0; border-right:0; }
.thumb-hidden {border:0 none;}
.dhb-txt-box-type-b-img-layout .thumb-hidden {height:200px;}
.bbs-blog2-index-layout .dhb-txt-box-type-b {background:transparent; border:0 none; padding:5px;}
.dhb-txt-box-type-b-text-layout h4 {margin:0;}
.dhb-txt-box-type-b-text-layout .txt-box-footer {text-align:left; float:left;}
.dh-front-blog>.col-md-4>.thumbnail>a.blogthumb {height:250px;}

.panel {border-radius:0;}
.panel-heading {background-image:none !important; border-radius:0;}

.page-header{border-bottom: 1px solid #eee !important;}

/*//////////////    메인 페이지   //////////////*/
.html-one{ background-image:url("/skin/img/ir_6.jpg"); overflow: hidden;}
.html-one .bg{ padding: 100px 0;text-align: center;}
.html-one .bg span{color: #ffffff; font-weight: 700; font-size: 16px;}
.html-one .bg p {font-size: 22px; color: #fff; margin-top: 10px; letter-spacing: -0.5px; font-weight: 600;}

.html-two {padding: 0;margin: 0;overflow: hidden;}
.html-two ul{ margin: 0; padding: 0;}
.html-two li{ padding: 0; overflow: hidden;}
.html-two h2{text-align: center; margin-bottom: 40px;}
.imgBox {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: 3.2em 3.6em;
    top: 0;
    left: 0;
     text-transform: uppercase;
}
.category {
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 0 0 -.8em;
    font-weight: normal;
    font-size: 14px;
    color: #fff;
    letter-spacing: .8em;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: 0;
    transform-origin: 0;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
   
}

.title {    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    font-weight: 800;
    font-size: 1.56em;
    line-height: 1.45;
    letter-spacing: 0.07em;
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.g-Wrap img{display: block; width: 100%; -webkit-transition: all 8s linear; -o-transition: all 8s linear; transition: all 8s linear;}
.g-Wrap li:hover img { -webkit-transform: scale(1.4); transform: scale(1.4);}
.g-Wrap li:after{    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #111;
    opacity: .7;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;}
.g-Wrap li:hover:after { opacity: 0;}
.imgBox:hover .category{opacity: 0; letter-spacing: 2em;}

.imgBox:hover .project-zoom { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}

.imgBox:hover .project-zoom {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.imgBox:hover .title {top: 30px; opacity: 0;}

.project-zoom {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 9em;
    height: 9em;
    margin: -4.5em;
    border-radius: 50%;
    background-color: rgba(#fff);
    overflow: hidden;
    opacity: 0;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    transform: scale(.5);
    -webkit-transition: all .7s;
    -o-transition: all .7s;
    transition: all .7s;
}
.project-zoom i { position: absolute; left: 50%; top: 50%; font-size: 40px; margin-left: -18px; margin-top: -20px; color: #fff;}


.html-three{ background-color:#ffffff; overflow: hidden;}
.html-three .bg{padding: 60px 0;text-align: center;}
.html-three .bg li {}
.html-three .bg a { text-align: left; display: block; background-color: #6355e9; padding: 30px;}
.html-three .bg a:hover { color:#343434;}
.html-three .bg a span {display: block; font-size: 18px; padding-bottom: 40px;}
.html-three .bg a p { font-size: 34px; margin-top: 50px; z-index: 2; position: relative;}
.html-three .bg a i { position: absolute; bottom: 30px; right: 30px; font-size: 130px; color: #ffffff;z-index: 1;}

.html-four {padding:100px 0; background:url("/skin/img/400.jpg"); background-attachment: fixed;  color:#ffffff; }
.html-four .ghost-btn {text-align:right;}

.html-five {padding:100px 0;}
.html-five .col-md-4 {background:#FFFFFF; padding:15px; }
.html-five .col-md-4 h4 {margin:20px 15px;}
.html-five .col-md-4 h4 small {line-height:1.7; font-size:90%;}
.html-five .col-md-4 img {width:100%;}

.intro-widgetbox {border:0 none;}
.intro-widgetbox>.page-header {border:0 none;}

/*//////////////    회사개요 페이지   //////////////*/
.cover {padding:100px 0; background-attachment: fixed;  color:#fff; text-align:center; margin-bottom:100px;background-position: 50%; background-size: cover;}
.cover.about { background-image:url("/skin/img/r5_1.jpg");}
.intro {text-align: center;padding-bottom: 65px;margin: 0 auto 20px;color: #333;position: relative;}
.intro h3{margin-bottom: 30px;font-size: 30px;font-weight: 700;letter-spacing: -2px;}
.intro span.line{position: absolute;left: 50%;bottom: 0;width: 1px;height: 60px;background: #f27321;}
.intro .txt1{font-size: 20px;}
.txt2 {text-align: center; margin: 0 auto 70px;}

/*//////////////    ceo 인사말 페이지   //////////////*/
.ceo .col-md-6:first-child{ padding: 30px;}
.ceo h4{line-height: 1.7; font-size: 17px; letter-spacing: -0.7px;}

/*//////////////    연혁 페이지   //////////////*/
.history .panel{border: none;}
.history .panel-default>.panel-heading {background-color: #ffffff; border-color: #000;}
.history a{ font-size: 18px;}
.history a:focus, .history a:hover{color: #337ab7; outline:none; text-decoration:none;}


/*//////////////    제품소개 페이지   //////////////*/
.cover.product {background-image:url("/skin/img/r1_1.jpg");}
.pro h3{ display: inline-block; margin-right: 40px; font-size: 60px; margin-bottom: 50px; margin-top: 0;}
.pro p{ display: inline-block; font-size: 17px;}
.pro .col-md-6{ margin-bottom: 50px;}


/*//////////////    연구개발 페이지   //////////////*/
.cover.rnd {background-image:url("/skin/img/r2_1.jpg");}

/*//////////////    홍보센터 페이지   //////////////*/
.cover.prCenter {background-image:url("/skin/img/r3_1.jpg"); background-position:top;}

/*//////////////    채용안내 페이지   //////////////*/
.cover.recruit {background-image:url("/skin/img/r4_1.jpg");background-position: 100% -140%;}





/*  /////////////////////////////////////////////////////////  */
@media (min-width:768px){
    .contact-location-only-layout, .wide-layout {position:relative; width:100%; left:0; }
}
@media (min-width:992px){
    .contact-location-only-layout, .wide-layout {position:relative; width:110%; left:-5%; }
}
@media (min-width:1200px){
    .contact-location-only-layout, .wide-layout {position:relative; width:155%; left:-27.5%; }
    .txtBox{padding: 40px;}

}
@media (max-width:991px){
    .flex-caption { bottom:20%;}
    .flex-caption span.intro-title {font-size: 40pt;}
}
@media (max-width:480px){
    .html-two .carousel-caption h3 {font-size:20pt;}
    .html-two .carousel-caption p {font-size:10pt;}
    .flex-caption>.intro-title {font-size: 14pt !important;}
    .flex-direction-nav a::before { font-size: 40px;}
}