@import url(http://fonts.googleapis.com/css?family=Pacifico);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);


body, h1,h2,h3,h4,h5,h6,p{
    font-family: 'Nanm Gothic Coding', sans-serif !important;
    
}


/*상단 메뉴 설정 시작*/
.navbar-inverse{
	background:#222222;     /*배경 색*/
	border-color:#080808;         /*테두리 색*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:0px 0px 0px 0px;       /*외부 여백*/
}
/*상단 메뉴 설정 끝*/

/*상단 메뉴 로고 시작*/
.navbar-brand img {
	padding-top: 10px;
}
/*상단 메뉴 로고 끝*/

/* 상단 메인 메뉴 설정 시작*/
.navbar-inverse .navbar-nav > li > a{
	background-color:none;	      /*배경 색*/
	color:#999999;                /*텍스트 색*/
	font-size:14px;               /*텍스트 크기*/
	padding:15px 15px 15px 15px;  /*내부 여백*/
	margin:0px 0px 0px 0px;       /*외부 여백*/
}
/* 상단 메인 메뉴 설정 끝*/

/* 상단 서브 메뉴 설정 시작*/
.dropdown-menu > li > a{
	background-color:#ffffff;     /*배경 색*/
	color:#333333;                /*텍스트 색*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:3px 20px 3px 20px;       /*외부 여백*/
	font-size:14px;
}
/* 상단 서브 메뉴 설정 끝*/

/* 하단 카피라이트 설정 시작*/
body > .navbar-fixed-bottom .text-center{
	background:#ffffff;           /*배경 색*/
	color:#999999;                /*텍스트 색*/
	font-size:14px;               /*텍스트 크기*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:0px 0px 0px 0px;       /*외부 여백*/
	text-align:center;            /*텍스트 정렬*/
}
.footer_copy .text-center{
	     /*배경 색*/
	color:#999999;                /*텍스트 색*/
	font-size:14px;               /*텍스트 크기*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:0px 0px 0px 0px;       /*외부 여백*/
	text-align:center;            /*텍스트 정렬*/
}
/* 하단 카피라이트 설정 끝*/

/*버튼 색상 조절*/
.button-color{
    background: #00867D;
    font-size: 1.3em;
    font-weight: bold;
    margin: 0px;
}

/*인트로 텍스트 설정 시작*/
h1.intro_span{
	background-color:none;        /*배경 색*/
	color:#ffffff;                /*텍스트 색*/
	font-size:36px;               /*텍스트 크기*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:10px 10px 10px 10px;   /*외부 여백*/
}

p.intro_span{
	background-color:none;        /*배경 색*/
	color:#ffffff;                /*텍스트 색*/
	font-size:14px;               /*텍스트 크기*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:10px 10px 10px 10px;   /*외부 여백*/
}

.flex-caption span.intro-title{
	background:none;        /*배경 색*/
	color:#ffffff;                /*텍스트 색*/
	font-size:36px;               /*텍스트 크기*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:10px 10px 10px 10px;   /*외부 여백*/
}
.flex-caption span.intro-text{
	background:none;        /*배경 색*/
	color:#ffffff;                /*텍스트 색*/
	font-size:14px;               /*텍스트 크기*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:10px 10px 10px 10px;   /*외부 여백*/
}

.tab-content .area-des .bar{
    background-color: #E6E6E6;        /*배경 색*/
    border-radius: 5px;            /*라운드 효과*/
    padding: 5px 10px;             /*내부 여백*/
}

.board{
   background-color: black;        /*배경 색*/ 
   size: 5px;
}

.line{
    border: 2px solid #C00000;
}

.table-height td{
    height: 100px;
}
/*인트로 텍스트 설정 끝*/



/*---------------------------------------skin design---------------------------------------------*/


.navbar-inverse {
    border-color: rgba(0,0,0,0);
border:none;
background:#fff; 
padding:0px;
border-bottom:1px solid #bfbfbf;
transition-duration: 0.3s;
transition-timing-function: ease;
}
.navbar-inverse .divider-vertical {
display:none;
}

.navbar-brand img{

width:100%;

transition-duration: 0.3s;
transition-timing-function: ease;

}
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a {
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0);
}
.navbar-inverse .navbar-brand {
    color: #000;
}

.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover {
    color: #000;
    background-color: transparent;
}
.navbar-inverse .navbar-nav > li > a {
    color: #000;
}
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
    color: #000;
}

.flexslider {
    margin: 0px;
    background: #FFF url("./ajax-loader-.gif") no-repeat scroll center center;
    border: 0px solid #FFF;
    position: relative;
    border-radius: 0px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0);
}

.navbar-inverse .navbar-brand{
    /*font-family: 'Lobster', cursive;*/
    font-size: 22px;
}

.intro-widgetbox{display:none;}

.container_contents{width:auto;}


.container_contents section{overflow:hidden;min-height:100px;}

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

.gu-slider .carousel-inner .item{height:600px;background-size:cover!important;background-position:center!important;}

.topmarginLay_a{margin-top:-32px;}

.carousel li {margin-right: 0px;}

.sl-con{display:table; width:100%; height:600px;;}
.sl-con>span{display:table-cell !important; vertical-align:middle;}
.sl-con img{margin: 0 auto;}
.sl-con-small>img{width:290px;}

video{min-width: 100%;min-height: 100%;width: auto;height: auto;background: url('//demosthenes.info/assets/images/polina.jpg') no-repeat;
  background-size: cover;transition: 1s opacity;}

.section-about{position: absolute;top: 0px;right: 0px;max-width: 450px;text-align: left;padding: 35px;color:#000;background:rgba(255,255,255,0.5);}

.title-font1{
    /*font-family:Impact !important;*/
    font-size: 45px;
}
.con-area3{padding:35px 0!important;}


.con-area4{min-height:150px;}
.gu-parallax { background: url(/skin/img/pcg24-bg1.jpg) 50% 0 fixed; height: auto;  margin: 0 auto; width: 100%; position: relative;   box-shadow: 0 0 50px rgba(0,0,0,0);padding: 0px; }
.con-area4 .text{padding:80px 20px;background:rgba(0,0,0,0.3);color:#fff;max-width:650px;margin:0 auto;}
.con-area4 .text h3{margin-bottom:15px;font-weight:bold;}

.socialArea img{border-radius: 50% !important;}

#map-canvas {width: 100%; height: 500px;margin: 0;padding: 15px;}
.gu-address{padding:25px;text-align:right;}

.addressmap{background: #f5f5f5;overflow: hidden;}

.intro-board-layout{width: 100%;}


.section-board1{min-height:0px;background:#6EBFAC;}
.section-board1 h1{padding:45px 0;
/*font-family: "Pacifico",cursive !important;*/
color:#fff; font-size: 50px !important;}
.section-board1 a.btnBoard1{padding: 20px;color: #fff;background:#83CEBC;}

.gu-gotop{padding: 15px;display: block;background: #f5f5f5;margin-bottom: 35px;color: #000;}

.gu-btn-contact{}

.footer_copy .text-center {padding-bottom: 10px;}


/*블로그게시판 custom*/
.dhb-txt-box{width:33.3%;float:left;min-height: 300px;background: #FFF none repeat scroll 0% 0%;border: 0px solid #D9D9D9;}
.dhb-txt-box .text-right{display:none;}
.dhb-txt-list{width:100%!important;border-right: 0px solid #D9D9D9;}
.dhb-txt-list>.row div:first-child{width:100%;}
.dhb-txt-list>.row div:nth-child(2){width:100%;padding-top:15px;}

.thumb-hidden {border: 0px solid #FFF; box-shadow: 0px 8px 6px -6px rgba(0, 0, 0, 0);}


/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { .dhb-txt-box{width:50% !important;} }

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { .dhb-txt-box{width:33.3% !important;} }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { .dhb-txt-box{width:33.3% !important;} }

.dhb-txt-box{width:100%;}

.gu-title{min-height:0px;background:#6EBFAC;}
.gu-title h1{padding:25px 0;
/*font-family: "Pacifico",cursive !important;*/
color:#fff; font-size: 20px !important;text-align:center;}

.mod-custom-form-index { margin-top: 32px; }

.dh-margin-top{clear:both;}


/* 9th Template Initial Publishing */
body {color: #4d4d4d; line-height: 1.7;}

/* navigation */
.navbar-inverse .navbar-nav > li > a {
    padding: 32px 40px;
    color: #333;
    font-weight: 600;
    border-left: 1px solid #D7D7D7;
}
.navbar-inverse .navbar-nav > li > a:last-child {
    border-right: 1px solid #D7D7D7;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:active,
.navbar-inverse .navbar-nav > li > a:focus {
    color: #F4EFF5;
    background-color: #540B5A;
}

.navbar-nav > li > .dropdown-menu,
.dropdown-menu > li > a {
    color: #F4EFF5;
    background: #88258F;
}

.dropdown-menu > li:hover,
.dropdown-menu > li:active,
.dropdown-menu > li:focus,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:active,
.dropdown-menu > li > a:focus {
    color: #000;
    background: #FFF;
}

.navbar-inverse .caret {display: none;}
/* //navigation */

/* main page */

/* slide */
.container_slide {width: 100%}
.flex-caption {top: 400px; left: -400px;}
.flex-caption span.intro-title {
    color: #FFF;
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 1.5px;
}
.flex-caption span.intro-title big {color: #5BB8B9; font-size: 45px;}
.flex-caption span.intro-title small {font-size: 20px;}
.flex-caption span.intro-text {color: #FFF; font-size: 15px; letter-spacing: 1px;}

/* slide bottom */
.con-area,
.con-area2,
.con-area3,
.con-area4,
.con-area5,
.con-area6 {
    display: table;
    margin: 0 auto;
    padding: 40px 0;
}

#section1 a {color: #333;}
#section1 a:hover p, #section1 a:active p {text-decoration: underline;}
#section1 img {margin: 20px auto; padding-left: 10px;}
#section2 {background-color: #FFF;}
#section3 {background-color: #5BB8B9;}
#section4 {background-color: #fff;}
#section5 {
    background-color:#FFF; 
    background-image:url(/skin/img/page/customer.png);
    background-repeat: no-repeat; 
    background-size: cover; 
    height: 320px;
}

.con-area2 .txt, .con-area3 .txt, .con-area4 .txt {padding: 10px 10px 10px 10px;}
.con-area2 h2, .con-area3 h2, .con-area4 h2 {margin: 0; color: #2C0001; font-size: 38px; font-weight: 700;}
.con-area2 small, .con-area3 small, .con-area4 small {color: #4d4d4d;}
.con-area2 p, .con-area3 p, .con-area4 p {margin: 0px 0;}
.con-area2 div h3 strong {
    color: #5BB8B9;
    font-size: 26px;
}
.con-area5 {padding: 80px 0;}

.con-area6 {padding-top: 0; padding-bottom: 0;}
.con-area6 .page-header a {padding: 0;}
.con-area6 .page-header .fa {color: #333;}
.con-area6 .txt {width: 314px; padding: 15px; position: absolute; text-align: center;}
.con-area6 p, .con-area6 small {color: #ADAAC9; font-size: 15px;}
.con-area6 h3 {color: #ADAAC9; margin-top: 4em; font-size: 30px;}
.con-area6 img {width: 100%;}

.intro-board-widget-layout {margin: 0 auto;}
.intro-board-widget-layout .dh-front-list2 h5 {line-height: 1.9;}
.intro-board-widget-layout .intro-boardbox {}

/* //main page */

/* sub page */
.subTitle-t {
    margin-bottom: 50px;
    padding: 50px;
    background-repeat: no-repeat;
    background-size: cover;
}
.subTitle-t h2 {color: #000; font-size: 34px; font-weight: 700;}
.subTitle-t p {color: #000;}

.subTitle small {padding-top: 15px; color: #88278E; font-weight: 600; border-top: 2px solid;}
.subTitle h3 {margin: 0; color: #88278E; font-size: 32px; font-weight: 700;}

.middle {padding: 35px 0;}
.middle .border {
    display: block;
    padding-bottom: 5px;
    width: 85px;
    border-top: 2px solid #464646;
}
.middle h5 {font-size: 16px;}

/* //sub page */

/* footer */
.footer_copy {width: 100%; padding: 30px 0; border-top: 10px solid #464646;}
.footer_copy div {padding: 0;}

.footer_copy address,
.footer_copy ul li,
.footer_copy ul li a,
.footer_copy .copy {
    color: #717171;
}

.footer_copy .policy {display: inline;}
.footer_copy address {margin: 20px 0 0; text-align: left;}
.footer_copy ul li {float: left; list-style-type: none;}
.footer_copy ul li a {font-weight: 600; text-decoration: none;}
.footer_copy .copy {}
/* //footer */

/* //9th Template Initial Publishing */

/*add custom*/
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:active, .navbar-inverse .navbar-nav > li > a:focus {
    background-color: #5BB8B9;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.open>a {
    background-image: linear-gradient(to bottom,#5BB8B9 0,#5BB8B9 100%);
}
.navbar-nav > li > .dropdown-menu, .dropdown-menu > li > a {
    background: #5BB8B9;
}
.business-title {
    
}
.business-area > p:nth-child(1) {
    font-size: 20px;
    margin-top: 1em;
}
.business-area > p:nth-child(3) {
    margin-top: 1em;
}
.jumbotron {
    color: #fff;
    background-color: transparent;
}
@media screen and (min-width: 768px) {
    .container .jumbotron, .container-fluid .jumbotron {
        padding-right: 0px;
    }
}
.centeral{
    margin-left: 200px;
}
.page-bg{
    background-image: url(/skin/img/page/page_bg.gif);
    height:154px;
    width:100%;
    background-size: cover;
    background-repeat: no-repeat;
}
.page-bg2{
    background-image: url(/skin/img/page/page_bg2.gif);
    height:154px;
    width:100%;
    background-size: cover;
    background-repeat: no-repeat;
}
.page-bg01 {
    background-image: url(/skin/img/page/page-bg01.jpg);
    height:154px;
    width:100%;
    background-size: cover;
    background-repeat: no-repeat;
}
.page-bg02 {
    background-image: url(/skin/img/page/page-bg02.jpg);
    height:154px;
    width:100%;
    background-size: cover;
    background-repeat: no-repeat;
}
.page-bg03 {
    background-image: url(/skin/img/page/page-bg03.jpg);
    height:154px;
    width:100%;
    background-size: cover;
    background-repeat: no-repeat;
}
.page-bg04 {
    background-image: url(/skin/img/page/page-bg04.jpg);
    height:154px;
    width:100%;
    background-size: cover;
    background-repeat: no-repeat;
}
.page-title {
    font-size: 24px;
    border-bottom: 1px solid #828282;
    margin: 1em 0em 1em 0em;
}
.page-title > i{
    color: #5BB8B9;
    margin-right: 10px;
}
.year {
    margin: 10px 0px 10px 0px;
    border-bottom: 3px solid #A94646;
    font-size: 24px;
}
.history-area {
    padding:0px;
}
.certi-area {
    padding:0px;
}
.parter-area .thumbnail {
    min-height: 166px;
}
.parter-area .thumbnail > a .caption > h4 {
    font-weight: bold;
}
.color-box > img {
    margin-bottom: 5px;
}
.job-text {
    color: #909090;
}
.job-row {
    margin-bottom: 10px;
}
.job-row2 {
    margin-bottom: 2em;
}
.job > tbody > tr > th,
.job > tbody > tr > td {
    vertical-align:middle;
}
.job > tbody > tr:first-child{
    border-top: 3px solid #5BB8B9;
}
/*.job > tbody > tr:last-child{*/
/*    border-bottom: 3px solid #5BB8B9;*/
/*}*/
.job > tbody > tr > th,
.job > tbody > tr > td:nth-child(1) {
    text-align : center;
}
.panel-default>.panel-heading {
    background-image: linear-gradient(to bottom,#FFFFFF 0,#e8e8e8 100%);
}
@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        padding: 10px 0;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        margin: 0;
        padding: 8px 25px;
        color: #333;
        background: #fff;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
        font-weight: 600;
        color: #000;
    }
    .intro-board-layout {
        display: none;
    }
}
.navbar-inverse .navbar-toggle {
    background: #5BB8B9;
    border-color: #5BB8B9;
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #5BB8B9;
}
.inline {
    display:inline-block;
}
.job-online {
    background-color: #E25D63;
    color: #fff;
    width: 132px;
    padding: 4px;
    border-radius: 7px;
    margin: -42px 5px 5px 5px;
}
.job-online:hover {
    color: #fff;
}
#m-25 > a {
    color: #929292;
}
#wowslider-container1 .ws-title {
    bottom: 80px !important;
    width: 400px;
    margin-left: -200px;
    left: 50% !important;
    text-align: center;
}
p {
    word-break:normal;
}
.area-path h4 {
    color: #5BB8B9;
    font-weight: bold;
    margin: 2em 0em 2em 0em;
}

.area-path h3 {
    font-weight: bold;
}
.area-des {
    font-size: 16px;
}
.area-des .text {
    margin-left: 22px;
}
.ul-padding {
    padding-left: 20px;
    line-height: 2;
    text-align: left;
}
.img {
    /*width: 70%;*/
    /*margin: auto;*/
}
.smart-table {
    margin-top: 2em;
    border-top: 3px solid #8A0000;
    border-bottom: 2px solid #8A0000;
}
.smart-table tbody tr:nth-child(1){
    border-bottom: 2px solid #8A0000;
}
.smart-table tbody tr td:nth-child(1),
.smart-table tbody tr th {
    text-align: center;
}
.smart-table tbody tr td {
    vertical-align: middle;
}
.feature-box1 {
    background-image: linear-gradient( 35deg, #0d47a1, #1E4186 68%);
    padding: 10px;
    color: #fff;
}
.feature-box2 {
    border: 1px solid #18438F;
    margin: 10px;
    padding: 15px;
}
.feature-box2 p {
    margin:0;
}
.MVT-box {
    margin-top: 1em;
    min-height:560px;
    border: 1px solid #000;
    padding: 15px;
    border-radius: 15px;
    color: #fff;
    background-color: #607d8b;
    font-size: 13px;
    margin-right: -11px;
}
@media screen and (max-width: 767px) {
    .table-responsive>.table-bordered { 
        border-top: 2px solid #8A0000 !important;
    }
}
.adv {
    background-color: #01579b;
    color: #fff;
    padding: 10px;
    text-align: center;
    border-radius: 8px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 19px;
}

/*옆 메뉴창*/
.left-location-box .table>thead>tr>th{
    font-weight: bold;
    text-align: center;
    background-color: #8A0000;
    border: 2px solid #8A0000;
    color: #fff;
    padding-left: 20px;
}

.left-location-box table tbody{
    border:2px solid #8A0000;
}

.left-location-box table tbody tr td{ 
    padding:8px 20px;
}

.left-location-box table tbody tr:first-child td{
    padding-top:12px;
}

.left-location-box table tbody tr td p{ 
    border-bottom: 1px solid #ccc;
    margin-bottom: 0;
    padding-bottom: 4px;
}

.left-location-box{
    margin-top:10px;
}

.left-location-box h3{
    margin:0;
}

.left-location-box .on a{
    font-weight: bold;
    font-size: 14px;
}

.left-location-box .fa{
    color:#ccc;
}

.left-location-box a{
    color:#333;
}

.left-location-box a:hover,
.left-location-box a:focus{
    color:#333;
    text-decoration:none;
}
.table_head{
    font-size:16px;
    text-align: left;
    font-weight: bold;
    padding: 6px;
}
.font_strong{
    font-size: 17px !important;
}

.fa-arrow-circle-right:before {
    color: #8A0000;
    display: none;
}

.left-location-box table tbody tr td p:nth-child(2){
    border-bottom: none;
}

.image_modified{
    margin: 0px;
    position: relative; top: 0px; left: 0px;
    z-index:1;
}

.position_title{
    font-size: 16px;
    margin: 30px;
    position: relative;
    top: 66px;
    left: 11px;
    z-index: 2;
    color: #FFFFFF;
    
}

.position_road_selected{
    font-size: 16px;
    margin: 30px;
    position: relative;
    top: 79px;
    left: 11px;
    z-index: 2;
    color: #8A0000;
}

.position_road{
    font-size: 16px;
    margin: 30px;
    position: relative;
    top: 79px;
    left: 11px;
    z-index: 2;
    color: #000000;
}

.position_rail{
    font-size: 16px;
    margin: 30px;
    position: relative;
    top: 90px;
    left: 11px;
    z-index: 2;
    color: #000000;
}
.position_iot{
    font-size: 16px;
    margin: 30px;
    position: relative;
    top: 100px;
    left: 11px;
    z-index: 2;
    color: #000000;
}

.position_special{
    font-size: 16px;
    margin: 30px;
    position: relative;
    top: 110px;
    left: 11px;
    z-index: 2;
    color: #000000;
}

/* 2017-06-12 */
.certi-area .thumbnail {
    min-height: 430px;
}

.certi-area .thumbnail p {
    margin: 0;
    line-height: 16px;
}

.table-name {
    margin: 2.5em 0 -20px;
    font-size: 19px;
    font-weight: bold;
    color: #3762b2;
    text-align: center;
}
#traffic #tab6 .smart-table tbody tr th:nth-child(1) {
    width: 145px;
}
#traffic #tab6 .smart-table tbody tr th:nth-child(2) {
    width: 130px;
}
#traffic #tab6 .smart-table tbody tr td ul {
    margin-top: 12px;
}
#traffic #tab6 .smart-table tbody tr td img+img {
    margin-top: 25px;
    padding-top: 25px;
    border-top: 2px solid #ddd;
}
.biz-area .wrap-btn {
    text-align: center;
}
/*********** 모바일 최적화 시작 ***********/
@media (max-width: 1199px) { /* Small·Medium·Large devices */

}
@media (max-width: 767px) { /* Small devices (col-xs-*) 모바일 */
    .navbar-brand {padding: 12px 10px 8px;}
    .navbar-brand img {
        width: 180px;
        padding-top: 15px;
    }
    .navbar-toggle {margin-top: 15px;}
    .navbar-nav {margin: 0 -15px;}
    .navbar-inverse .navbar-nav > li > a {
        padding: 12px 20px;
        border-left: none;
    }
    .topmarginLay_a {margin-top: -22px !important;}
    .business-area > p:nth-child(1) {margin-top: 1.5em;}
    .con-area3 {padding: 25px 0!important;}
    .con-area3 .txt {margin-left: 15px !important;}
    .con-area2 .txt {padding: 0 15px 25px;}
    #section5 {height: auto;}
    #section5 .jumbotron {padding: 20px 10px 10px;}
    #section5 .jumbotron h2 {font-size: 28px;}
    #section5 .jumbotron p {
        font-size: 19px;
        word-break: keep-all;
    }
    .footer_copy {
        margin-top: -1px;
        padding: 30px 15px 0;
        border-top-width: 5px;
    }
    .footer_copy .text-center {font-size: 12px;}
    .socialArea {display: none;}
    div[class^='page-bg'] {
        height: 47px;
        background-size: contain;
    }
    .page-title {
        margin: 1.2em 0em 1.5em 0em;
        font-size: 22px;
    }
    .sub-layout > .content {margin-bottom: 3em !important;}
    .nav-tabs {border-bottom: none;}
    .nav-tabs > li {text-align: center;}
    .nav-tabs > li > a {
        margin-bottom: 3px;
        background: #f8f8f8;
        border: none !important;
    }
    .nav-tabs>li.active>a,
    .nav-tabs>li.active>a:focus,
    .nav-tabs>li.active>a:hover {
        color: #fff;
        background: #5BB8B9;
    }

    #greeting .pull-right img {margin-bottom: 40px;}
    #history .nav-tabs > li {width: 33.3%;}
    #history .nav-tabs > li:last-child {width: 100%;}
    #history .history-area > div {padding: 0;}
    #certification .nav-tabs > li {width: 33.3%;}
    #certification .certi-area:last-child {margin-bottom: 50px;}
    #certification .certi-area > div {padding: 0 5px;}
    #certification .certi-area .thumbnail {min-height: 290px;}
    .certi-area .thumbnail p {font-size: 11px;}
    #parter .parter-area {padding: 0 5px;}
    #parter .parter-area .thumbnail {
        min-height: 150px;
        margin-top: 10px;
    }
    #parter .parter-area .thumbnail > a .caption {
        padding: 0 8px;
        word-break: keep-all;
    }
    #parter .parter-area .thumbnail > a .caption > h4 {font-size: 16px;}
    #ci img.download {margin: 6px 0 20px !important;}
    #job .nav-tabs > li {width: 25%;}
    #job .nav-tabs > li > a {padding: 10px;}
    .biz-area {margin-bottom: 3em;}
    .biz-area .nav-tabs > li {width: 33.3%;}
    #special.biz-area .nav-tabs > li > a {padding: 10px 5px;}
    .area-path h3 {
        font-size: 22px;
        word-break: keep-all;
    }
    .area-path h4 {
        font-size: 17px;
        word-break: keep-all;
    }
    .area-des {font-size: 15px;}
    .area-des .text {
        margin-left: 0;
    }
    .area-des > ul {padding-left: 22px;}
    .adv {
        font-size: 17px;
        word-break: keep-all;
    }
    .table-responsive .smart-table {
        margin-top: 0;
        margin-bottom: 0;
    }
    .table-name {
        margin: 2.5em 0 20px;
        font-size: 18px;
    }
    .biz-area .smart-table tbody tr td img {min-width: 100px;}
    .biz-area .wrap-btn button {font-size: 1.1em;}
    #special.biz-area .nav-tabs > li {
        width: 50%;
        font-size: 13px;
    }
    #special .table-responsive[class^="col-"] {padding: 0;}
    #special .arrow {
        margin: -20px 0 5px!important;
        text-align: center;
    }
    #special .arrow > i {transform: rotate(90deg);}

    .bbs-list-index-layout table > thead > tr > th.hits,
    .bbs-list-index-layout table > tbody > tr > td.hits,
    .bbs-list-index-layout table > thead > tr > th.writer,
    .bbs-list-index-layout table > tbody > tr > td.writer {display: none;}
    .bbs-list-index-layout table > thead > tr > th,
    .bbs-list-index-layout table > tbody > tr > td {
        font-size: 13px;
        vertical-align: middle;
    }
    .dh-view-box>.row>.page-header {
        padding: 0;
    }
    .dh-view-box>.row>.page-header h4 {
        margin: 20px 0;
        font-size: 17px;
        line-height: 1.5em;
        word-break: keep-all;
        text-align: center;
    }


    #lwbox {    display: none;}
}
@media (min-width: 768px) { /* Medium·Large·Extra large devices */

}
@media (min-width: 768px) and (max-width: 1199px) { /* Medium·Large devices */

}
@media (min-width: 768px) and (max-width: 991px) { /* Medium devices (col-sm-*) */

}
@media (min-width: 992px) and (max-width: 1199px) { /* Large devices (col-md-*) */

}
@media (min-width: 1200px) { /* Extra large devices (col-lg-*) */
    .container.sub-layout .tab-content .con-left {
        width: 23%;
        margin-right: 22px;
        margin-top: -65px;
        padding-right: 37px;
    }
}
/************ 모바일 최적화 끝 ************/