/* Webfont Include */
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

/* Scroll Fixed */
html {overflow-x: hidden; overflow-y: scroll;}

/* Font Setting */
html, body, h1, h2, h3, h4, h5, h6, p, span, li, a, label, input, textarea {
    font-family: "Noto Sans KR", "맑은 고딕", 'Malgun Gothic', 'Apple SD Gothic Neo Medium', sans-serif !important;}

/* Icon Fonts */
.fa {font-family: 'FontAwesome' !important;}
.glyphicon {font-family: 'Glyphicons Halflings' !important;}

/* Social Footer Deleted */
.footer-social-layout {display: none}

/* Board(dh-board) Contents-Area Fixed */
.dh-view-box > div:nth-child(2) > div:nth-child(3) {padding: 20px !important}
.container.container_contents{margin:0 auto;}
@media screen and (min-width:992px){
    .container.container_contents{width:1140px !important;}
}
@media screen and (max-width:1140px){
    .container.container_contents{width:100% !important;}
}
 a, a:link, a:visited { text-decoration: none !important; }
*{word-break:keep-all;}
.clearfix{*zoom:1;}
.clearfix{display:block;content:'';clear:both;}



/* Icon Fonts */
.fa {font-family: 'FontAwesome' !important;}
.glyphicon {font-family: 'Glyphicons Halflings' !important;}

/* Social Footer Deleted */
.footer-social-layout {display: none}

/* Board(dh-board) Contents-Area Fixed */
.dh-view-box > div:nth-child(2) > div:nth-child(3) {padding: 20px !important}

.navbar-header button{margin-top:17px;}
.navbar-header span{background:#000!important;}c
.navbar-inverse .navbar-toggle:hover {background:#f3f3f3!important;}
/*상단 메뉴 설정 시작*/
.navbar-inverse{
	background:#fff;     /*배경 색*/
	border-color:#080808;         /*테두리 색*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:0px 0px 0px 0px;       /*외부 여백*/
	border-bottom: 0;
	/*border-bottom:2px solid #1E5C84;*/
}
/*상단 메뉴 설정 끝*/

.navbar-inverse > .container {
    max-width: 1000px;
    padding:0;
}

/*상단 메뉴 로고 시작*/
.navbar-brand img {
	padding-top: 15px;
	max-width: 210px;
}
@media screen and (min-width: 768px) {
    .navbar-brand img {
        padding-top: 24px;
    }
}
/*상단 메뉴 로고 끝*/

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

.nav.navbar-nav{width:100%;margin:0;background-color:#fff;}

.navbar-inverse .navbar-nav > li > a{
	background-color:none;	      /*배경 색*/
	color:#616161!important;                /*텍스트 색*/
	font-size:17px;               /*텍스트 크기*/
	/*font-family: "나눔고딕","NanumGothic","맑은 고딕","Malgun Gothic","Helvetica Neue", Helvetica, Arial, sans-serif;*/
	padding: 15px 10px;
	margin:0px 0px 0px 0px;       /*외부 여백*/
    text-shadow: none;
    /*border-top: 8px solid rgba(0,0,0,0);*/
}

.nav > li {/*padding: 0 15px 15px 15px;*/}

.navbar-inverse .divider-vertical {
    border-right-color: transparent;
    border-left-color: transparent;
}
/* 상단 메인 메뉴 설정 끝*/

/* 상단 서브 메뉴 설정 시작*/
.navbar-nav>.dropdown>a{
    color:#fff;
}
.dropdown:hover .dropdown-toggle{
    color:#4E4D4D !important;
}
.dropdown-menu{
    background-color:#f8f8f8;
    border-radius:0px;
    border:none;
}
@media (min-width:768px){
    .navbar-right > .dropdown > .dropdown-menu{left:0;}
}
.dropdown-menu > li > a{
	background-color:transparent;     /*배경 색*/
	color:#333;                /*텍스트 색*/
	padding:3px 0px 3px 0px;      /*내부 여백*/
	margin:0px 20px 0px 20px;       /*외부 여백*/
	font-size:14px;
	line-height:1.8;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{
    background:transparent;
    color:#ff6100;
}
.dropdown-menu li.sub_link+li a {
    border-top: 1px solid #ccc;
}
/* 상단 서브 메뉴 설정 끝*/

/* 상단 슬라이드 캡션 설정 */
.carousel-caption {
    text-align:center;
    bottom:10px;
}
.carousel-caption > h1 > span, .carousel-caption > p > span{
    background:transparent;
    background-color:transparent;
    opacity:1;
    text-shadow:0 0 5px black;
    font-size:24px;
    color:#fff;
    padding:3px 15px;
} 


/* 하단 카피라이트 설정 시작*/
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:#4b4b4b;                /*텍스트 색*/
	font-size:14px;               /*텍스트 크기*/
	padding:30px 15px 0px;      /*내부 여백*/
	margin:0px 0px 0px 0px;       /*외부 여백*/
	text-align:center;            /*텍스트 정렬*/
    background: #f2f2f2;
    
}
.footer_copy {
    /*width: 100%;*/
    /*height:110px;*/
    /*padding: 30px 0 30px;*/
    /*border-top:2px solid #a4a4a4;*/
    /*background:#fafafa;*/
}

.footer_copy .footer_inner{margin:0 auto;}
@media screen and (min-width:1000px){
    .footer_copy .footer_inner{width:1000px;}
}

.footer_copy .footer_logo{display:inline-block;float:left;width:155px;}
.footer_copy .footer_info{display:inline-block;float:left;margin-left:50px;}
.footer_copy .footer_info .tell{font-size:20px;font-weight:bold;}

@media screen and (min-width:768px) and (max-width:1000px){
    .footer_copy .footer_info{float:left;margin:0 0 0 30px;}
}
@media screen and (min-width:768px){
    .footer_copy .footer_info .space{display:inline-block;margin:0 5px;}
}
@media screen and (max-width:767px){
    .footer_copy .footer_logo{display:block;float:none;margin:0 auto;}
    .footer_copy .footer_info span{display:block;margin-top:20px;}
    .footer_copy .footer_info{float:none;width:100%;margin-left:0;text-align:left;}
    .footer_copy address{float:none !important;width: 100%;margin:10px 0 !important;text-align: left;}
    .footer_copy address span{display:block;}
}
.footer_copy .footer_logo img{width:100%;}

.footer_copy address{display:inline-block;float:left;margin:7px 0px 0 30px;}
.footer_copy .footer_info .ceo span,
.footer_copy address span{font-weight:bold;}


/* 하단 카피라이트 설정 끝*/

/*인트로 텍스트 설정 시작*/
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;   /*외부 여백*/
}
/*인트로 텍스트 설정 끝*/

/* 5th Template Initial Publishing */

.btnEdit i,
.btnDelete i {
	color: #eee;
}
.navbar-nav > li:hover .navbar-nav a{color:#ff6100;}


.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open>a:focus,
.navbar-inverse .navbar-nav > .open>a:hover {	
	color: #ff6100;
	background: transparent;
	box-shadow: none;
	-webkit-box-shadow: none;
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
    border-color:#333;
    color:#fff;
}

.navbar-inverse .navbar-nav > li > a{display:block;}
.navbar-inverse .navbar-nav > .open>a,
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li > a:hover {
	color: #fff;
}
.caret {display: none;}

/* main page */
body {color: #4d4d4d;}

.flexslider {margin-top: -25px;}

/* public */
.mainPage { padding: 0; margin-left: calc(8.33333333% - 10px); margin-right: calc(8.33333333% - 10px);}
.mainPage h2 {font-size: 35px; font-weight: 300;}
.mainPage p {line-height: 1.7; font-size:13px;}
.mainPage .line {width:50px; height:1px; background-color:#ff6100;}
.mainPage .bottom .line{margin-left:15px;}
/* top */
.mainPage .top, .mainPage .middle {padding: 40px 0 45px;}
.mainPage .top .subject {padding: 10px 0;}
.mainPage .top .subject p {color: #333; font-size: 15px;}
.mainPage .top .subject big {font-size: 20px;}

/* middle */
.mainPage .middle h2 {float: left; font-size: 26px; color:#080808; border-left:10px solid #1E5C84; padding-left:10px;}
.mainPage .middle .subject img {margin-top: 25px; padding-left: 20px;}

.mainPage .middle .contents h4 {color: #383838; font-weight: 600;}
.mainPage .middle .btn_m {
    margin-top: 10px;
    padding: 5px 20px;
    color: #1E5C84;
    text-shadow: none;
    font-weight: 300;
    background: #FFF;
    border: 0 !important;
    border-radius: 0;
    font-size:13px;
}
.mainPage .middle .btn_m:hover {
    border: 0 !important;
    background-color:#1E5C84;
    color:#fff;
}

/* board*/
.fa-angle-right:before, .fa-plus:before {content: url('/skin/img/main/btn_plus.gif');}
.intro-widget-layout {width: 50%;}
@media screen and (max-width: 991px) {
	.intro-widget-layout {
        width:100%;
	}
}
@media screen and (max-width: 767px) {
	.intro-widget-layout {
        width:100%;
	}
}
.intro-widgetbox {margin-top: 0; padding: 10px; border: 1px solid #ddd;}
.intro-board-layout {width: 100%; padding: 0;}
@media screen and (max-width: 991px) {
	.intro-board-layout {
        padding-left: 15px;
        padding-right: 15px;
	}
}
@media screen and (max-width: 767px) {
	.intro-board-layout {
        padding-left: 15px;
        padding-right: 15px;
	}
}
.intro-boardbox {
    top: -218px;
    right: 0;
    position: absolute;
    width: 49%;
    margin-top: 6px;
    margin-right: 15px;
    padding: 22px;
    padding-top: 6px;
    padding-bottom: 33px;
    border: 1px solid #ddd;
}
@media screen and (max-width: 991px) {
	.intro-boardbox {
        top:0;
        width:100%;
        position:static;
	}
}
@media screen and (max-width: 767px) {
	.intro-boardbox {
        top:0;
        width:100%;
        position:static;
	}
}
.intro-boardbox .page-header {margin: 18px 0 20px; padding-bottom: 0; border-bottom: none;}
.intro-boardbox .page-header h4 {color: #333; font-size: 24px; font-weight: 300;}
.dh-front-gallery>.col-md-3>a.thumbnail {margin-top: 30px;}
.intro-widgetBoardbox {border: 1px solid transparent;}
.intro-widgetBoardbox a {padding:5px 20px;background: none; border-bottom: none;}
.intro-widgetBoardbox > a:hover {padding:5px 20px; border-bottom: none !important;}
.intro-widgetBoardbox a h5 {color: #333; font-size: 24px; font-weight: 300;}
.intro-widget-list-box ul {padding: 10px 0 0;}
.intro-widget-list-box ul li span {font-size: 12px;}
.widget-list-row-regdate {color: #999;}

/* bottom */
/*.bottom {margin-top: 45px;}*/
.mainPage .bottom .subject {/*margin-bottom: 20px;*/}
.mainPage .bottom .subject h2 {float: left; padding-left: 15px; font-size: 26px;}
.mainPage .bottom .subject img {margin-top: 25px; padding-left: 20px;}
.mainPage .bottom .contents h4 {color: #383838; font-weight: 600;}
.bottom .img {padding-right: 30px; padding-left: 30px;}
.bottom .img > div {padding: 0;}

.bottom .hover {
    visibility:hidden;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
}
.bottom .hover_txt{
    text-align:center;
    line-height:224px;
    color:#fff;
    font-size:20px;
}
.bottom > .map {
    padding-left:15px;
}
.bottom .hover img {margin-top: 40px;}
.bottom .map .hover img {margin-top: 80px;}

.bottom .hover p i {color:#fff;}
.bottom .img > div:hover .hover,
.bottom .map:hover .hover {
    visibility:visible;   
    background:rgba(255,97,0,0.8);
}
.bottom > .contents > .contents ul{
    list-style-type:none;
    padding-left:0;
}

.wrapContact {padding-left: 30px; padding-right: 30px;}
.contact {width: 100%; display: inline-table; padding: 25px; color: #FFF; background-color: #2599BF;}
.contact h2 {margin: 20px 30px; font-size: 35px;}
.contact h3 {margin: 0; font-size: 40px;}
.contact .img-circle {border: 7px solid #81C5DB;}
.contact strong {font-size: 18px; font-weight: 500;}
.contact p {margin: 10px 0 30px;}
.contact big {font-size: 26px;}
.contact .infoBox {padding-top: 20px; padding-bottom: 20px;}

.row > .contents{margin-bottom:40px;}

/* //main page */


/* sub page */

/* sub page title */
.title-t {margin-bottom: 60px;}

.wrapSubTitle {padding-bottom: 15px; border-bottom: 1px solid #CACACA;}
.subTitle {float: left; display: inline-block;}
.subTitle img {float: left;}
.subTitle h2 {display: inline-block; margin-top: -25px; margin-left: 20px; font-size: 32px; font-weight: 600;}

/* sub page route */
.route {
    float: none; 
    /*padding: 6px 150px;*/
    text-align:right;
}
.route h4 {display: none;}
.route ol {display: inline-block; margin: 0; padding: 0; list-style-type: none;}
.route li {float: left; color: #595959; font-size: 12px; font-family: "NanumGothic", "나눔고딕";}
.route li strong {color: #ff6100;}

.subPage {padding: 60px 0 40px;}
.subPage h3 {margin-top: 0; font-size: 26px; font-weight: 300; line-height:1.2;}
.subPage img {margin-top: 20px; margin-bottom: 20px;}
.subPage p {line-height: 1.7;}
.subPage .sign .nm {padding-top: 90px; text-align: right; font-size: 18px;}

.footer-social-layout .socialArea{display:none;}
/* //sub page */


/* footer */


/* //footer */

/* //5th Template Initial Publishing */

/*main*/
.topmarginLay_a{height:120px !important;}
.container_slide{width:100%; padding:0;}
/*.carousel-control{display:none;}*/

/*table*/
.dh-board>.table{
    margin:40px 0;
    border-top:2px solid #ff6100;
    border-bottom:2px solid #ff6100;
}
.table>thead>tr>th{border-bottom:1px solid #ddd;}
.table-hover>tbody>tr:hover{background-color:rgba(255,97,0,0.2);}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{line-height:2;
}
.subject > small > span {
    background-color:rgba(0,0,0,0);
    color:#ff6100;
}
.dh-view-box >.row>div:nth-child(5){margin-bottom:30px;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
    background-color:#ff6100;
    border:1px solid #ff6100;
}
.input-group-btn > #btnNew{
    background:#ff6100;
    border:1px solid #ff6100;
}

/*mailForm*/
#mailForm{margin-top:40px;}
/*mainpage*/
.main-sect01_h4{padding:10px 0;}
.main-sect01_box{ padding: 0 0 24px; border-radius: 5px; margin:15px 0;}
.main-sect01_box img{width:100%; border-radius:3px 3px 0 0;}
.wood_flooline_img{background: #a4a4a4; padding: 28% 0; color: #fff; font-size: 19px; letter-spacing: 3px;}
.wood_flooring_a{visibility: hidden;}

.main_map{position:relative; *display:inline; zoom:1; border:1px solid #ededed; max-width:100%;}
.main_map iframe{position:absolute; left:0; top:0; width:100%; height:100%; }
/*------------------------------------------------------------------*/
/*setting*/
/*사이트맵*/
/*.collapse,*/
/*.collapse div{display:block!important;}*/
/*slide*/
@media only screen and (max-width:767px){
    .carousel-caption{left:10%;right:10%;}    
    .carousel-caption>h1>span{font-size:28px;}
}   


.f-bold{font-weight:bold;}
hr{border:1px solid #a4a4a4;}
.headline_h3{ display:inline-block; *display:inline; zoom:1; width:10px; background:#1E5C84; vertical-align:middle; margin: -4px 10px 0 0; border-radius: 3px;}
.divider-vertical{display:none!important;}
.navbar-brand{color:#ff6100!important;}
.navbar-brand:hover{color:#2B2B2B!important;}
.divider-vertical{display:none;}

.navbar-nav > li > a:hover{color:#2B2B2B!important;}
/*.dropdown-menu a:hover{color:#2B2B2B!important;}*/
.gray_line{border:1px solid #a4a4a4!important;}

/*contact_us*/
.contact_map iframe{width:100%; height:350px;}
/*비쥬얼 박스*/
.visual_box{overflow:hidden; width:100%; height:136px; position:relative; max-width:1000px; margin: 0 auto;}
.visual_box img{width:100%; margin-top:-10px;}
.visual_title{position:absolute; right:0; bottom:0; z-index:99; color:#fff;     position: absolute;
    right: 3%; bottom: 3%; z-index: 999; color:#fff; font-size: 47px;}
@media only screen and (max-width:768px){
    .visual_title{font-size:27px;}
}    
.visual_bg{position:absolute; left:0; top:0; width:100%;height:100%; background:rgba(0,0,0,0.3); z-index:999;  
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#30000000,endColorstr=#30000000);}
/*------------------------------------------------------------------*/


/*acoustic-panel-----------------------------------------------------*/
.acou-sect01{margin:0px 0 100px;}
.acou-sect01 img{width:100%;}
.acou-sect01__imgbox{margin: 10px -5px; border: 1px solid #ededed; padding: 13px; border-radius: 8px;}

.acou-sect02{margin:50px 0;}
.acou-sect02__imgs{width:100%; margin-bottom:15px;}


/*color-ecoboard-----------------------------------------------------*/
/*제품 설명*/
.ecoboard01 .media-body{vertical-align:middle!important;}
.ecob-sect01{margin:0px 0 100px;}
.ecob-sect02, .ecob-sect03, .ecob-sect04, .ecob-sect05, .ecob-sect06{margin:70px 0;}
.ecob-sect06{margin-bottom:100px;}
.cert_img{width:100%;}

.ecob_table01{width:100%; border-bottom:2px solid #7d7d7d;}  
.ecob_table01 th,
.ecob_table01 td{border:1px solid #7d7d7d; text-align:center; width:11%; padding:4px 0;}  
.ecob_table01 th{padding:8px 0;}
.bg01{background:#d9d9d9;}
.bg02{background:#F2F2F2;}
.br{ border-right:2px solid #7d7d7d!important;}

.border-bott td,
.border-bott th{border-bottom:2px solid #7d7d7d!important;}

/*제품이미지*/
  .ecob-tabsBtn{margin:50px 0 30px;}
  .ecob-tabsBtn li a{width:90px; color:#fff; text-align:center; padding:10px 0; border:none; display:block;}
  .ecob-tabsBtn li a:hover{background:none; color:#000; font-weight:bold; border:none;}
  .ecob-tabsBtn li{ border-radius:5px 5px 0 0; margin:0 1px; padding:0;}
  .ecob-tabsBtn li:nth-of-type(1){background:#8E8E8E;/*라이트그레이*/}
  .ecob-tabsBtn li:nth-of-type(2){background:#666670; /*그레이*/} 
  .ecob-tabsBtn li:nth-of-type(3){background:#424242; /*블렉*/}
  .ecob-tabsBtn li:nth-of-type(4){background:#BE4E4A;}
  .ecob-tabsBtn li:nth-of-type(5){background:#DC7535;}
  .ecob-tabsBtn li:nth-of-type(6){background:#D4B337;}
  .ecob-tabsBtn li:nth-of-type(7){background:#4E7D5A;}
  .ecob-tabsBtn li:nth-of-type(8){background:#3E7EA4;}
  .ecob-tabsBtn li:nth-of-type(9){background:#905932;}
  
  .ecob-tabBox__sect01{margin:0 0 80px;}
  .ecob-tabBox__sect02{padding-bottom:100px;}
  .ecob-tabBox__sect01 img{width:200px; border:2px solid #ededed; border-radius:5px;}
  .ecob-tabBox__sect02 .imgBox_txt{text-align:center; color:#a4a3a3; font-size:17px; padding:50px 0;}
  .ecob-tabBox{display:none;}
  .ecob-tabBox h2{font-weight:bold;}
   #ecob-tabBox07{display:block;}
   #ecob-tabBox01 h2{color:#BE4E4A; }
   #ecob-tabBox02 h2{color:#DC7535;}
   #ecob-tabBox03 h2{color:#D4B337;}
   #ecob-tabBox04 h2{color:#4E7D5A;}
   #ecob-tabBox05 h2{color:#3E7EA4;}
   #ecob-tabBox06 h2{color:#905932;}
   #ecob-tabBox07 h2{color:#8E8E8E;}
   #ecob-tabBox08 h2{color:#666670;}
   #ecob-tabBox09 h2{color:#424242;}
/*coating prage*/
.coating_tabBtn{margin-top:40px;}
.coating_tabBtn li a{font-size:19px;}
#coating-tabBox01{display:block;}
.ecob_grid>li{display:inline-block; *display:inline; zoom:1; margin:7px; border:1px solid #ededed; }
.ecob_grid>li>img{width:100%;}

/*overlay--------------------------------------------------------------------*/
html,.body-layout{height:100%;}
#over_lay{position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:9990; text-align:center;}
#circle_icon{position:absolute; z-index:9999; right:22px; top:-16px; color:#fff; cursor:pointer; font-size:32px;}
  /*.inner_lay{width:100%; height:100%; position:fixed; left:0; top:0;   z-index:9999; text-align:center; }*/
  .lay{height:100%; display:inline-block; *display:inline; zoom:1; vertical-align:middle;} 
  .lay2{display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:90%; position:relative; width:90%; max-width:740px;}
  .lay2 img{width:72%; max-width:740px; max-height:500px; border-radius:5px; border:2px solid #ededed; }
  
.modal_box img{cursor:pointer;height:190px;}  
  
  
/*mokmo_board*/
.mokmo h5{font-size:16px;}
.mokmo h5>span{color:#bda259; font-size:21px; font-weight:bold;}
.mokmo .inner{width:90%;}
.mokmo .inner2{width:90%;}


/*2016.05.16수정*/
.vsitemap-list ul{float: left;
    width: 23%;
    margin: 0 1%;
    min-width: 100px;
    text-align: center;
    /*border: 1px solid#a4a4a4;*/
}
.vsitemap-list ul>a {
    color: #333333;
    padding: 10px 0;
    display: block;
    background: #fafafa;
/* 	text-align:center; */
}
.vsitemap-list ul li{margin-left:0px;text-align:center;}
.vsitemap-list ul li a{font-size:16px; line-height:25px;}  
.vsitemap{margin-bottom:25px; width:100%; max-width:1000px;}

.slide{width:100%; max-width:1000px; margin:0 auto;}
.location{color:#a4a4a4; }
.location .f-bold{color:#333;}
.location img{width:15px; margin:-2px 5px 0 0;}
.container_wrap{width:100%; max-width:1000px;}


/* 2016-11-14 added */
@media screen and (max-width: 767px) {
    .vsitemap-list ul {
        width: 100%;
        margin-bottom: 15px;
    }
}

/* 2016-11-30 added */
@media screen and (min-width: 768px) {
    .navbar-collapse {
        text-align: center;
    }
    
    .navbar-nav.navbar-right {
        display: inline-block;
        float: none !important;
    }
    
    .navbar-inverse .navbar-nav > li > a {
        padding: 15px 20px;
        /*font-size: 14px;*/
    }
    
    .navbar-header {
        width: 100%;
        /*text-align: center;*/
    }
}

@media screen and (max-width: 767px) {
    .topmarginLay_a {
        height: 52px !important;
    }
}

/* 2016-12-01 added */
.fill{height:400px;}
/* 2016-12-02 added */
.container.container_slide {
    border-bottom: 1px solid #ddd;
    padding-bottom: 40px;
}

.row.bottom {
    margin: 0;
    margin-left: 15px;
}

.vsitemap {
    border: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.vsitemap .list-unstyled{background-color: #fafafa;}
@media screen and (min-width:768px){
    .vsitemap .list-unstyled{min-height:132px; padding-bottom: 10px; margin-bottom:20px;}
}
.vsitemap > .panel-body {
    padding: 0;
}

.vsitemap > .panel-body > .vsitemap-list {
    padding: 0;
}

.vsitemap-list ul > a {
    font-weight: normal;
    font-size: 18px;
}

.vsitemap-list ul li a {
    font-size: 13px;
    font-family: 'NanumGothic', '나눔고딕', sans-serif !important;
}

.vsitemap-list > ul:last-child {
    display: none;
}

/*@media screen and (min-width: 992px) {*/
/*    .navbar-nav > li {*/
/*        width: calc(100% / 6);*/
/*    }*/
/*}*/

/*.navbar-right {*/
/*    width: 100%;*/
/*}*/

.vsitemap-list > .clearfix {
    display: none;
}

@media screen and (min-width: 768px) {
    .vsitemap-list > ul {
        width: 23%;
    }
}

/* 2018-11-23 */
.divider-vertical+li, .divider-vertical+li+li {
    display: none !important;
}

.fill {
    height: 500px;
}

/* 2018-11-29 */
#footer {
	max-width: 1000px;
	margin: 0 auto;
}

#footer .col-md-2 img {
	width: 100%;
	max-width: 200px;
}

.footer-text-info span {
	display: inline-block;
}

.footer-text-info span+span {
	margin-left: 7px;
}

.footer-text-contact > p {
	font-size: 22px;
    font-weight: 600;
    text-align: left;
    line-height: 1.3;
    margin-top: -5px;
    color: #1E5C83;
    letter-spacing: -0.05em;
}

@media (max-width: 767px) {
	.navbar-inverse > .container {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.navbar-inverse .navbar-toggle {
		margin-top: 22px;
		border: 1px solid #1E5C83;
		border-radius: 0;
	}
	
	.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
		background: none;
	}
	
	.navbar-inverse .navbar-toggle > .icon-bar {
		background-color: #1e5c83;
	}
	
	#footer .col-md-2 img {
		margin-left: auto;
		margin-right: auto;
	}
	
	.footer-text-info {
		margin-bottom: 20px;
	}
	
	.footer-text-contact > p {
		text-align: center;
	}
	
	.fill {
		height: 350px;
	}
	
	.panel.vsitemap {
		display: none;
	}
	
	.navbar-inverse .navbar-nav .dropdown-menu > li > a {
		margin: 0;
		padding: 5px 15px;
	}
	
	.navbar-inverse .navbar-nav li.open .dropdown-menu > li > a:hover,
	.navbar-inverse .navbar-nav li.open .dropdown-menu > li > a:focus,
	.navbar-inverse .navbar-nav .dropdown-menu > li > a:hover,
	.navbar-inverse .navbar-nav .dropdown-menu > li > a:focus {
		color: #333;
	}
	
	.dropdown-menu li.sub_link+li a {
		border-top: 0;
	}
}

/* 2019-05-03 */
.banner-wrap{
    margin-bottom:30px;
}
/*2019-09-10*/

.li-dash > li,
.li-dot > li,.li-dash >dd,
.li-dot > dd{padding-left:20px; position:relative;}
.li-dash > li:before,
.li-dot > li:before,.li-dash > dd:before,
.li-dot > dd:before{
	content:'-';
	display:block;
	position:absolute;
	left:5px;
	top:0;
}
.li-dot > li:before,.li-dot > dd:before{
	content:'·';
}
.mdf_area .con ul{list-style: none;
    padding: 0;}
.mdf_area .table.table-type03 {margin: 0 0 20px; border-top: 2px solid #1e5c84;}
.mdf_area .table.table-type03 tr th, .mdf_area .table.table-type03 tr td {padding: 12px !important; border: 1px solid #dedede !important; letter-spacing: -0.02em; word-break: keep-all; vertical-align: middle !important;text-align:center}
.mdf_area .table.table-type03 tr th {color: #333;background: #f8f8f8;}
.mdf_area .table.table-type03 tr td {color: #666;}
.mdf_area .con li, .mdf_area .con p, .mdf_area .con dd{font-size: 15px;
    letter-spacing: -0.034em;
    line-height: 1.45;}
.mdf_area .con h4, .mdf_area .con dt{font-size: 20px;
    margin-bottom: 10px;
    color: #1e5c84;}
.mdf_area .con{margin-bottom: 40px}
.mdf_area .con:last-child{margin-bottom: 0}

.mdf_area .con1 .table{margin-top: 20px}
.mdf_area .con1 .col-md-5 p{font-size: 13px;
    font-weight: 300;
    text-align: center;
    margin-top: 10px;}
.mdf_area .con2 ul,.mdf_area .con3 dl{margin-bottom: 20px}
.mdf_area .con3 dl dd span {color:#c70d0d}
.mdf_area .con3 dl dd ul{margin-top: 5px}
.mdf_area .con3 dl dd ul li{padding-left: 20px;position: relative;margin-bottom: 5px}
.mdf_area .con3 dl dd ul li b{    font-weight: 400;
    position: absolute;
    left: 0;
    top: 0;}
.mdf_area .con4 img, .mdf_area .con5 img{    width: auto;
    padding: 20px;
    border: 1px solid #ddd;}
    
    
/*2019-11-11*/
/*mobile*/
@media (max-width:767px){
    .navbar-fixed-top .navbar-collapse {
        max-height: 450px;
        border-bottom: 1px solid #ddd;
    }
    .navbar-inverse .navbar-nav > li > a{
        padding: 13px 10px;
        border-top: 1px solid #eee;
    }
    .ecob-tabBox__sect01 img {
        width: 140px;
    }
    .ecob-tabBox h2 {
        font-size: 28px;
    }
}