@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:left !important; left:10% !important;    top: 70%;}
.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:18%;  color:#fff; font-size:16px; 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;}

/*신규 css*/

.sub_top{height: 200px; background: url(/skin/img/sub_top.jpg) no-repeat scroll;width: 2200px; margin-left: -50%;}
.techList{max-width:900px;margin:0 auto;padding:10px 0 0 0;font-weight:300;}
.techList ul li{position:relative;margin:20px 0 0 0;padding:10px;border:2px solid #69af0d;border-radius:25px;}
.techList ul li:before{content:'';position:absolute;left:50%;top:-6px;display:block;width:10px;height:10px;margin:0 0 0 -5px;border-radius:100%;background-color:#69af0d;}
.techList.high ul li{border:2px solid #6fab0f;color:#333;text-align: center;font-size: 1.2em;}
.techList.high ul li:before{background-color:#6fab0f;}
.techImg{margin:40px 0 0 0;}

.abt{max-width:760px;margin:0 auto;padding:80px 0 0 0;color:#333;}
.abt .abtBox{position:relative;margin:0 0 35px 0;border-bottom:2px solid #e8e8e8;background:url('assets/images/bul_sub_abt_arr1.png') no-repeat center center;}
.abt .abtBox:before{content:'';position:absolute;left:50%;bottom:-21px;display:block;width:38px;height:21px;margin:0 0 0 -19px;background:url('/skin/img/arr2.png') no-repeat center center;}
.abt .abtBox:after{content:'';clear:both;display:block;}
.abt .abtBox div{float:left;width:100%;text-align: center;}
.abt .abtBox div:last-child{float:right;}
.abt .abtBox div dl dt{border-top:2px solid #333;font-weight:500;font-size:18px;line-height:57px;}
.abt .abtBox div:last-child dl dt{border-top:2px solid #f39800;}
.abt .abtBox div dl dd{padding:15px 0;}
.abt .abtBox div dl dd p{margin:15px 0;}
.abt .abtTxt{display:inline-block;padding:0 0 0 20px;margin:0 0 10px -20px;background:url('assets/images/img_sub_ceo_l.png') no-repeat 0 2px;font-size:28px;font-family:'Nanum Myeongjo', sans-serif;line-height:1.4;color:#d48500;vertical-align:top;}
.abt .abtTxt span{padding:0 18px 0 0;background:url('assets/images/img_sub_ceo_r_ori.png') no-repeat right 2px;vertical-align:top;}

.busi	{ }
.busi .thumb	{ float:left; width:38%; margin-right:3%}
.busi .tit	{ margin-bottom:20px; color:#0b4bac; font-size:24px; font-weight:600}
.busi p	{ margin-bottom:10px; font-size:16px; word-break:keep-all}

.busi dl	{ display:flex; margin:0 0 20px 0; background:url('/skin/img/cgr1_bg1.png') no-repeat 0 0; background-size:100%}
.busi dl:after	{ content:""; clear:both; display:block;}
.busi dt	{ display:table-cell; width:30%; padding:40px; color:#fff; font-size:22px; letter-spacing:-1px; background:rgba(0,0,0,.3)}
.busi dd	{ display:table-cell; width:70%; padding:40px; color:#fff; font-size:16px; word-break:keep-all}
.busi .info i	{ margin-right:10px; }

.busi2 p	{ margin-bottom:10px; font-size:16px; word-break:keep-all}
.busi2 dl	{ display:flex; margin:0 0 20px 0; background:url('/skin/img/bg6.png') no-repeat 0 0; background-size:100%}
.busi2 dl:after	{ content:""; clear:both; display:block;}
.busi2 dd	{ display:table-cell; width:100%; padding:30px; color:#000; font-size:16px; word-break:keep-all; margin: 0 20px;
letter-spacing: 1.5px;}

.t_d{width: 100%;table-layout:fixed;border-collapse:collapse;border-spacing:0;}
.t_d th{border-top:2px solid #333;border-bottom:1px solid #e8e8e8;border-right:1px solid #e8e8e8;font-size:18px;font-weight:500;color:#333;line-height:57px; text-align: center;}
.t_d th:last-child{border-right:0;}
.t_d td{padding:3%;border-bottom:1px solid #e8e8e8;border-right:1px solid #e8e8e8;vertical-align:top;}
.t_d td:first-child{color:#333;}
.t_d td:last-child{border-right:0;}
.t_d .bg td{background-color:#f8f8f8;}
.t_d td p{position:relative;padding:0 0 0 8px;margin:0 0 7px 0;}
.t_d td p:last-child{margin:0;}
.t_d td p:before{content:'';position:absolute;left:0;top:13px;width:5px;height:1px;background-color:#777;}
.t_d td p span{position:relative;display:block;padding:0 0 0 7px;margin:0 0 5px 0;font-size:14px;}
.t_d td p span:last-child{margin:0;}
.t_d td p span:before{content:'';position:absolute;left:0;top:10px;display:block;width:3px;height:3px;border-radius:100%;background-color:#777;}

.t_p{width: 100%;table-layout:fixed;border-collapse:collapse;border-spacing:0;}
.t_p th{border-top:2px solid #333;border-bottom:1px solid #e8e8e8;border-right:1px solid #e8e8e8;font-size:18px;font-weight:500;color:#333;line-height:36px; text-align: center;}
.t_p th:last-child{border-right:0;}
.t_p td{padding:3%;border-bottom:1px solid #e8e8e8;border-right:1px solid #e8e8e8;vertical-align:top;}
.t_p td:first-child{color:#333;}
.t_p td:last-child{border-right:0;}
.t_p .bg td{background-color:#f8f8f8;}
.t_p td p{position:relative;padding:0 0 0 8px;margin:0 0 7px 0;line-height: 30px;}
.t_p td p:last-child{margin:0;}
.t_p td p:before{position:absolute;left:0;top:13px;width:5px;height:1px;background-color:#777;}
.t_p td p span{position:relative;display:block;padding:0 0 0 7px;margin:0 0 5px 0;font-size:14px;}
.t_p td p span:last-child{margin:0;}
.t_p td p span:before{position:absolute;left:0;top:10px;display:block;width:3px;height:3px;border-radius:100%;background-color:#777;}


/*  /////////////////////////////////////////////////////////  */
@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;  }
}
@media (max-width:991px){
     .flex-caption {right:90%; !important; bottom:40% !important;}
    .flex-caption span.intro-title {font-size: 40pt;}
    .busi dl { display: block; background-size: auto !important;}
}
@media (max-width:767px){
    
    .contact-img {width: 60%;margin: 0 auto;float: none;}
    .contact-img img{padding:0;}
    #mod_type_formForm{    width: 100%;}
    .busi dl { display: block; background-size: auto;}
@media (max-width:480px){
    .flex-caption{display:none;}
    .sub_top{height: 200px; background: url(/skin/img/sub_top.jpg) no-repeat scroll;width: 100% !important; margin-left:0;background-size: 100%;}
    .busi dl { display: block; background-size: auto;}
    .busi dd	{ display:block; width:100% !important; padding:40px; color:#fff; font-size:16px; word-break:keep-all}
    .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;}
      .sub_top{height: 200px; background: url(/skin/img/sub_top.jpg) no-repeat scroll;width: 100% !important; margin-left:0;background-size: 100%;}
      .busi dl { display: block; background-size: auto;}
      .busi dd	{ display:block; width:100% !important; padding:40px; color:#fff; font-size:16px; word-break:keep-all}
}