@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url('https://fonts.googleapis.com/css?family=Roboto:900');

body{overflow-x:hidden; }
/** 인트로 슬라이드 수정 **/
.flex-caption {text-align:right !important; left:-10% !important;}
.flex-caption span.intro-title {font-size: 40pt; color:#fff;}
.flex-caption span.intro-text {font-size: 15pt; }

/* 텍스트 로고 */
.navbar-brand{color:red; font-weight:900; margin-top:8px;}
/** 로고위치(상하) 조절 **/
.navbar-brand img {margin-top: -2px;}
/** 모서리 각지게 **/
.none-radius{border-radius: 0px !important;}
/** 상단 메뉴바 배경색지정 **/
.navbar-inverse {border: 0 none; background-image:none; background-color: #fff;}
/** 메뉴 폰트 설정 **/
.navbar-inverse .navbar-nav > li > a {color:#333; font-weight:700; font-size:15px; line-height:39px;}
.navbar-inverse .navbar-nav > li > a:hover {color:#48abc2;}
/** 메뉴구분선 삭제 **/
.navbar-inverse .divider-vertical {display:none;}
/* 소셜 버튼 배경색 설정  */
.footer-social-layout {background:#ffffff;}
/* 소셜 버튼 버튼 크기, 색 지정  */
.socialArea a .btn {font-size:20pt; color:#48abc2;}
/** 하단 카피라이트 영역 설정 **/
.footer_copy>.col-lg-12{background:#fff; padding:25px 5px; color:#777;}
/* 모바일 메뉴 버튼 설정 */
.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;}

/*/////////////  게시판 설정  ///////////////////////*/
.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;}
.filter-items{text-align:center;}
.filter-label{background: none !important;}
.board-title{ padding-top:100px; text-align:center; font-size:28px; font-weight:bold;}
.filter-items .filter-label { color: #555;}
/*//////////////    메인 페이지   //////////////*/
.box1{text-align:center; padding:30px 0; } 
.box1 i{font-size:4.5em; color:#48abc2;}
.box1 i:hover{color:#ff0000;}
.box1 h2{font-weight:800; letter-spacing:-3px; }
.box1 p{line-height:1.5; font-size:15px; width:75%; margin:0 auto;}
.boxwrap{padding:50px 0;}
.boxwrap .button{font-size:14px; color:#fff; display:inline-block; background:#48abc2; padding:10px 15px; z-index:100; overflow:hidden; border-radius:3px; margin-top:20px;}
.button:hover{background-color:#ff0000; color:#fff;}

.section1{position:relative; top:0; left:0; background:#000311; cursor:pointer;}
.section2{position:relative; top:0; left:0; background-color:#228B22; cursor:pointer;}
.section3{position:relative; top:0; left:0; background:#FF8C00; cursor:pointer;}
.text{display:none; position:absolute; top:43%; left:38%; letter-spacing:2px; color:#fff; font-size:25px; line-height:27px; font-weight:bold;}
.section1:hover .text{display:block;}
.section2:hover .text{display:block;}
.section3:hover .text{display:block;}
.section1:focus img, .section1:hover img{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6;}	
.section2:focus img, .section2:hover img{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6;}	
.section3:focus img, .section3:hover img{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6;}	

.html-two{padding:0; margin:0; overflow:hidden;}
.html-two ul{margin:0; padding:0;}
.html-two li{margin:0; padding:0; }
.g-Wrap img{display:block; width:100%;}

.html-four{padding:100px 0; background:url("/skin/img/main900.jpg") no-repeat; background-size:cover; background-attachment:fixed;  color:#fff;}
.html-four h3{font-size:18px; line-height:1.3;}
.html-four .btn a{margin-top:15px; font-size:18px; display:inline-block; padding:10px 15px; border-radius:2px; color:#fff; background-color:#48abc2; }
.html-four .btn a:hover{color:#333; font-weight:900; background-color:#fff;}

/*//////////////    about 페이지   //////////////*/
.about-sub{padding-bottom:10px;}
.about-sub span{font-size:17px; line-height:17px;}
.about-sub .sub-title{font-size:32px; font-weight:900; text-align:left; line-height:2.5;}
.about-sub h5 {font-weight:800; text-align:left; line-height:2; font-size:28px; }


.dh-view-info span:nth-child(2){display:none;}


/*  /////////////////////////////////////////////////////////  */
@media (min-width:768px){
    .flex-caption {right:90%; !important; bottom:40% !important;}

    .contact-location-only-layout, .wide-layout {position:relative; width:100%; left:0; }
    
}
@media (min-width:992px){
    .flex-caption {right:90%; !important; bottom:40% !important;}
    .contact-location-only-layout, .wide-layout {position:relative; width:110%; left:-5%; }
}
@media (min-width:1200px){
     .flex-caption {right:90%; !important; bottom:40% !important;}
    .contact-location-only-layout, .wide-layout {position:relative; width:155%; left:-27.5%; }
}
@media (max-width:991px){
     .flex-caption {right:90%; !important; bottom:40% !important;}
    .flex-caption span.intro-title {font-size: 40pt;}
}
@media (max-width:767px){
 
    .contact-img {width: 60%;margin: 0 auto;float: none;}
    .contact-img img{padding:0;}
    #mod_type_formForm{    width: 100%;}
}
@media (max-width:480px){
  .flex-caption {display:none;}
   
     
    .flex-caption>.intro-title {font-size: 14pt !important;}
    .flex-caption>.intro-text {font-size: 10pt !important;}
    .flex-direction-nav a::before { font-size: 40px;}
}

@media screen and (max-width: 480px) and (min-width: 768px){
      .flex-caption {display:none;}
    
}