@import url(/skin/notokr/notokr.css);
@import url(http://fonts.googleapis.com/css?family=Pacifico);
html {overflow-x: hidden; overflow-y: scroll;}
*{word-break:keep-all;}
.clearfix{*zoom:1;}
.clearfix{display:block;content:'';clear:both;} 
a, a:link, a:visited { text-decoration: none !important; }
.body-layout {height: auto !important;font-family:'notokr',sans-serif;}
/*상단 메뉴 설정 시작*/
.navbar-inverse{
	background:#222222;
	border-color:#080808;
	padding:0;
	margin:0;
	padding-bottom: 7px;
}
/*상단 메뉴 설정 끝*/

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

.divider-vertical+li,.divider-vertical+li+li{display:none!important}
/*상단 메뉴 로고 끝*/

/* 상단 메인 메뉴 설정 시작*/
.navbar-inverse .navbar-nav > li > a{
	background: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;
}
/* 상단 서브 메뉴 설정 끝*/
/*인트로 텍스트 설정 시작*/
h1.intro_span{
	background:none;        /*배경 색*/
	color:#ffffff;                /*텍스트 색*/
	font-size:36px;               /*텍스트 크기*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:10px 10px 10px 10px;   /*외부 여백*/
}

p.intro_span{
	background: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;   /*외부 여백*/
}
/*인트로 텍스트 설정 끝*/
/*---------------------------------------skin design---------------------------------------------*/
.navbar-inverse {
	background:#4d4d4d;
	padding:0px;
	/* border-bottom:1px solid #bfbfbf; */
	transition-duration: 0.3s;
	transition-timing-function: ease;
	border-top: 5px solid #e70010;
	border-bottom: none;
}
.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;
}
.navbar-inverse .navbar-toggle {
	border-color: #262161;
}
.navbar-inverse .navbar-toggle .icon-bar {
	background-color: #262161;
}
.flexslider {
	margin: 0px;
	background: #FFF url("./ajax-loader-.gif") no-repeat scroll center center;
	border-style: none;
	/*border-bottom: 3px solid #FFF;*/
	position: relative;
	border-radius: 0px;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0);
}
.flex-direction-nav a {height:65px;}
@media screen and (max-width: 860px) {
	.flex-direction-nav .flex-prev
	, .flex-direction-nav .flex-next {
	    opacity: 0;
	}
}
.navbar-inverse .navbar-brand{width: 205px;font-family: 'Lobster', cursive; font-size: 22px;}
.intro-widgetbox{display:none;}
.container_contents{width:auto;padding:0;}
.container_contents section{overflow:hidden;min-height:100px;}
.gu-slider .carousel-inner .item{height:600px;background-size:cover!important;background-position:center!important;}
.topmarginLay_a{display:none;}
.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{padding:0;}
@media screen and (min-width: 992px) {
	.intro-board-layout{
		width: 100%;
	}
}

.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;}
/*블로그게시판 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: #333; line-height: 1.7;}
/*원본 --> body {color: #4d4d4d; line-height: 1.7;}*/

/* navigation */
.navbar-inverse .navbar-nav > li > a {
/*     padding: 18px 40px; */
	padding: 25px 27px;
    color: #fff !important;
    font-weight: 600;
    border:0;
}
.navbar-inverse .navbar-nav > li:hover > a,
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:active,
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
    color: #F4EFF5;
	-webkit-box-shadow: none;
	box-shadow: none;
    background-color: #0c75c6;
    /*background-color: #540B5A;*/
}

.dropdown-menu {
	padding: 5px 0;
	border-radius: 0 !important;
}

.navbar-nav > li > .dropdown-menu,
.dropdown-menu > li > a {
    color: #F4EFF5;
    background: #0faeed;
	padding-top: 5px;
	padding-bottom: 5px;
    /*background: #88258F;*/
}
@media screen and (max-width:767px) {
	.dropdown-menu > li > a {
	    color: #F4EFF5;
	    background: #fff;
	}
}
.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: #0faeed;
    background: #F4EFF5;
}
.navbar-inverse .caret {display: none;}
/* //navigation */
/* main page */
/* slide */
.container_slide {
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 39px;
}
.container_slide .fill{height:777px!important;min-height:400px;}

.flex-caption {display: none;}
.flex-caption span.intro-title {
    color: #333;
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 1.5px;
}
.flex-caption span.intro-title big {color: #9D4DA4; font-size: 45px;}
.flex-caption span.intro-title small {font-size: 20px;}
.flex-caption span.intro-text {color: #333; font-size: 15px; letter-spacing: 1px;}

@media screen and (max-width:767px){
	.carousel-inner .item:nth-child(1) .fill{background-position:89% 50%;}
	.carousel-inner .item:nth-child(2) .fill{background-position:30% 50%;}
	.carousel-inner .item:nth-child(3) .fill{background-position:30% 50%;}
}

/* slide bottom */
.con-area,
.con-area2,
.con-area3,
.con-area4,
.con-area5,
.con-area6 {
    display: table;
    width: 1170px;
    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: #FF9293;}
#section3 {background-color: #FFFFFF;}
#section4 {background-color: #FFDFB0;}
#section5 {background-color:#FFF; background-repeat: no-repeat; background-size: cover;}

.con-area2 .txt, .con-area3 .txt, .con-area4 .txt {padding: 25px 0;}
.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: 30px 0;}

.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: 360px; padding: 25px; position: absolute; text-align: center;}
.con-area6 p, .con-area6 small {color: #ADAAC9; font-size: 15px;}
.con-area6 h3 {color: #ADAAC9; font-size: 30px;}
.con-area6 img {width: 100%;}

@media screen and (min-width: 992px) and (max-width:1199px) {
	.intro-board-layout {
		width: 100%;
	}
}
@media screen and (min-width: 768px) and (max-width:991px) {
	.intro-board-widget-layout {
		width: 750px;
		margin: 30px auto 0;
	}
	.intro-board-layout {
		width: 100%;
	}
}
@media screen and (max-width:767px) {
	.intro-board-widget-layout {
		width: auto;
		margin: 30px auto 0;
	}
}
.intro-board-widget-layout .dh-front-list2 h5 {line-height: 1.9;}

@media screen and (min-width: 992px) {
	.intro-board-layout > .col-sm-12.intro-boardbox {
		width: 33.33333333%;
	}
}
@media screen and (max-width: 991px) {
	.intro-board-layout > .col-sm-12.intro-boardbox {
		margin: 30px 0;
		width:50%;
	}
}

@media screen and (max-width:767px){
    .intro-board-layout > .col-sm-12.intro-boardbox{
        padding:0;
        width:100%;
    }
}





/* //main page */
.intro-html-layout{margin:0;}
.intro-html-layout > .col-sm-12{padding:0;}

.main_section1{background:url('/skin/img/main/main_section1.jpg') no-repeat 50% 50%;background-size:cover;text-align:center;background-position: center top;}
.main_section1 h2{margin-bottom:25px;padding:0 15px;}
.main_section1 .section1_1{padding-top:50px;padding-bottom:210px;border-bottom:2px solid #fff;}
.main_section1 .section1_1 .blue_box{display:block;padding:10px;color:#fff;font-size:21px;background-color:rgba(50,50,255,0.5);}
.main_section1 .section1_1 img{width:auto !important;margin:10px auto;}
.section1_2{
	color:#fff;
	padding:30px 0;
	font-size:22px;
	text-shadow: -1px 0 #333, 0 1px #333, 1px 0 #333, 0 -1px #333;
	-moz-text-shadow: -1px 0 #333, 0 1px #333, 1px 0 #333, 0 -1px #333;
	-webkit-text-shadow: -1px 0 #333, 0 1px #333, 1px 0 #333, 0 -1px #333;
}
.section1_2 .about_logo{margin-bottom:400px;}
.section1_2 span{display:block;margin-bottom:5px;font-size:22px;}
.main_section1 .section1_3 a{display:block;position:relative;}
.main_section1 .section1_3 a img{width:100%;-webkit-transition:ease .3s all;-moz-transition:ease .3s all;transition:ease .3s all;}
.main_section1 .section1_3 a span{
	position:absolute;
/* 	top:0; */
	bottom: 0;
	left:0;
	padding:5px;
	font-size:20px;
	line-height: 1;
	color:#fff;
	text-shadow: -1px 0 #333, 0 1px #333, 1px 0 #333, 0 -1px #333;
	-moz-text-shadow: -1px 0 #333, 0 1px #333, 1px 0 #333, 0 -1px #333;
	-webkit-text-shadow: -1px 0 #333, 0 1px #333, 1px 0 #333, 0 -1px #333;
	-webkit-transition:ease .3s all;-moz-transition:ease .3s all;transition:ease .3s all;
}
.main_section1 .section1_3{padding:30px 0;background-color:rgba(255,255,255,0.5);}
.main_section1 .section1_3 a:hover img {
	opacity: .8;
}
.main_section1 .section1_3 a:hover span {
	right: 0;
	bottom: 40%;
}

.main_section2 h2{color:#fff;margin-bottom:35px;}
.main_section2 a{display:block;margin-top:15px;color:#fff;font-size:17px;line-height:1.4;}
.main_section2 .img_area{position:relative;width:200px;height:200px;margin:0 auto 15px;border-radius:50%;background-color:#fff;-webkit-transition:ease .3s all;-moz-transition:ease .3s all;transition:ease .3s all;}
.main_section2 .img_area:hover {
	-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);
}
.main_section2 .img_area img{position:absolute;left:0;}

@media screen and (min-width:992px){
	.main_section2 .container > .row > div{width:20%;}
}
@media screen and (max-width:992px){
	.main_section1 .section1_3 .row .col-md-3:nth-child(1){margin-bottom:30px;}
	.main_section1 .section1_3 .row .col-md-3:nth-child(2){margin-bottom:30px;}
}

@media screen and (max-width:767px){
	.main_section1 .section1_3 a{margin-bottom:15px;}
}

.intro-widget-layout{display:none;}
.intro-board-widget-layout{width:100%;margin:0;padding:0 15px 0;background: url(/skin/img/main/main_section2.jpg) no-repeat 50% 50%;background-size: cover;}
.intro-board-layout{max-width:1170px;width:100%;margin:0 auto;float:none;}
.intro-board-layout .main_section2{text-align:center;margin-bottom:0px;}
.intro-board-layout .intro-boardbox .page-header{padding:15px;border-radius:10px 10px 0 0;background-color:rgba(255,2552,255,0.7);}
.intro-board-layout .intro-boardbox .page-header h4{margin:0;font-weight:bold;}
.intro-board-layout .intro-boardbox .page-header a{position:absolute;top:8px;right:20px;}
.intro-board-layout .intro-boardbox .panel-default{height:163px;margin-bottom:0;padding:15px;border-radius:0 0 10px 10px;background-color:rgba(255,2552,255,0.7);}

@media screen and (max-width:1170px){
	.intro-board-layout .intro-boardbox .panel-default{height:auto !important;}
}
@media screen and (min-width:768px) and (max-width:991px){
	.intro-board-layout #thinkwater{width:100%;}
	.intro-board-layout #thinkwater .main-banner{width:50%;margin:0 auto;}
}

@media screen and (max-width:767px){
	.intro-board-layout .main_section2{margin-bottom:100px;}
	.intro-board-layout #thinkwater{padding:0;}

}
.footer-social-layout{display:none;}

/* 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%;
	line-height: 1.3em;
}
.footer_copy .text-center {
	background-color: #7e7e7e;
	padding: 0;
}
.copyright {
	font-size: 16px;
	color: #ffffff;
	width: 1170px;
	text-align: left;
	margin: 0 auto;
	letter-spacing: 1.5px;
}
.copyright-text {
	line-height:1.5;
}
.footer_copy #f-logo {
	width: 100%;
}
/* .copyright-logo img {
	 width: 210px;
 } */
 .footer_copy .col-lg-12 > br{display:none;}
/* //footer */
/* //9th Template Initial Publishing */
/*==============================================================================
================================================================================
	think water CSS start
===============================================================================
==============================================================================*/
#thinkwater .img-outter {
	margin-bottom: 50px;
}
#thinkwater .img {
	box-shadow: 0 0 7px #bbb;
	display: inline-block;
}
#thinkwater img {
	width: 100%;
}
/* 메인 이미지 */
.main-img-wrap {
	padding: 5px;
	margin: 5px;
	border: 1px solid #662D91;
}
.main-img {
	height: 200px;
	overflow: hidden;
}
.main-img img {
	width: 100%;
}
/* /메인 이미지 */

.container.sub-layout{width:100%;padding:0;margin-top:0px;}
/*#sub-section, .transCover {
    height: 100px;
    margin: 0px -270px;
}*/

.section-bar {
	padding: 15px;
}

.section-bar h2 {
	margin:0;
}

.navbar-brand {
	padding: 4px 15px;
}

.navbar-brand img {
/* 	padding-top: 0px;
	margin-top: 4px; */
	padding: 0;
	margin: 10px 0;
}

/* 원본 있음 위에*/
.navbar-inverse .navbar-nav > li > a {
	font-weight: normal;
}
@media screen and (max-width:991px) {
	#thinkwater {
		display: inline-block;
	}
	.main-banner {
		padding: 0px;
	}
}
#thinkwater b {
	font-weight: normal;
}

#thinkwater .title {
	font-size: 28px;
	font-weight: 600;
}

#thinkwater .subtitle {
	font-size: 20px;
	font-weight: 400;
}

#thinkwater .subtitle-desc {
	color: #0e74bc;
}

.side-menu-header {
	background-color: #0e74bc;
}

.side-menu-header > a {
	color: #FFFFFF;
}

#thinkwater p {
/*	font-size: 16px;
	font-weight: 300;*/
}

#sub-section {
    position: relative;
}

.conceptBgColor {
    color: #fff;
    background: linear-gradient(90deg, #282265 0%, #008080 100%);
    /*background: #292262;*/
}

.sub-promotion, .sub-promotion a {
    color: #ffffff !important;
}

.right-cont {
	padding: 15px;
}
@media screen and (max-width:767px){
	.right-cont{padding:0;}
}

#thinkwater hr {
	margin-top: 3px;
	margin-bottom: 35px;
}

#twa-content {
    padding: 50px 0;
    background: #fff;
}

#twa-content {
    padding: 50px 0;
    background: #fff;
}

#thinkwater .list-group-item{padding:0;}
#thinkwater .list-group-item a{
	display: block;
	padding:10px 15px;}
#thinkwater #twa-content .twa-active {
	color: #FFFFFF;
	background-color: #00aff0;
}

#thinkwater #twa-content .twa-active a{
	color: #FFFFFF;
}

.thinkwater .active-tab-title > tbody:first-child > tr{
	border-bottom: 1px solid #000000;
	width:100%;
}
#main-html > div > div:nth-child(6) > img {
	margin-bottom: 50px ;
}
.front-panel>.panel {
	border-style: none;
}
.intro-boardbox .front-panel .panel-default .panel-body {
	padding: 0;
}
.intro-boardbox .front-panel .panel-default .panel-body .dh-front-list2-words{margin-top:0;padding:0;}
.intro-boardbox .front-panel .panel-default .panel-body .dh-front-list2-words+.dh-front-list2-words {
	margin: 0;
    margin-top:9px;
	padding: 0 !important;
}
.list-row-contents {
	display: none;
}
.intro-boardbox .page-header {
	margin: 0;
}

/* ================== 조사진단 tap table area line style start ========*/
#tab6 > .active-tab-cont > .active-tab-title > tbody:nth-child(2) > tr{
	border-bottom: 1px solid #dddddd;
	width:100%;
}
/* ================== 조사진단 tap table area line style end ===========*/

.thinkwater .table > tbody + tbody {
    border: none;
}

.active-tab-title > tbody > tr > td {
	vertical-align: bottom;
}

.active-tab-img {
	/*padding: 0px;*/
	margin: 10px 0px;
}

#thinkwater .col-md-6 > img {
	max-width: 400px;
}


.active-tab-cont {
	margin-top: 20px;
}

#recruit #twa-content table tbody  tr:nth-child(2n-1) > td:first-child{
	border-right: 1px solid rgb(0, 0, 0);
	padding-right: 20px;
}

.recruit .right-cont h4 {
	color: #292262;
	font-size: 22px;
	font-weight: bold;
}
/*#main-html{margin-top: 50px;}*/
#main-html > .container > .row:first-child {
	padding: 0px 495px;
}

#main-html h3 {
	border-bottom: 1px solid #000000;
}

#main-html .sub-area {
	margin-bottom: 40px;
}

#main-html .conceptBgColor {
	padding: 3px 5px;
}
#main-html .main_contents img {
	width: 100%;
}
#main-html .img {
	margin: 5px;
	padding: 5px;
    box-shadow: 0 0 7px #bbb;
    display: inline-block;
}
@media screen and (min-width: 998px) {
	#main-html .img {
		margin: 40px;
	}
}
#main-html #main-gif img:first-child {
	height: 262px;
}

.link_banner_area{padding:10px 15px;background-color:#7e7e7e;}
.link_banner_area ul{margin-bottom:0;padding-left:0;}
.link_banner_area ul li a{display:block;color:#fff;font-weight:500;font-size:17px;text-align:center;}
.link_banner_area ul li a img{margin-right:15px;}
.link_banner_area ul li{float:left;width:20%;list-style:none;}

.link_banner_area.bottom{display:none;margin:0 -15px;}

@media screen and (max-width:991px){	
	.link_banner_area ul li{width:50%;}
	.link_banner_area ul li{margin-top:15px;}
	.link_banner_area ul li a{text-align:left;}
}

@media screen and (max-width:767px){
	.link_banner_area ul li a{text-align:center;}	
	.link_banner_area ul li a img{display:block;margin:0 auto;}
/* 	.link_banner_area.top{display:none;} */
	.link_banner_area.bottom{display:block;}
	.container_slide .fill{display:block;}	
	.intro-board-widget-layout{padding-bottom:0;}
}



.carousel-caption span{
	display: block;
	background-color: transparent;
	text-shadow: 0 0 0;
	opacity: 1;
	color: #fff;
}
.carousel-caption span+span{margin-top:30px;}
/*******************************************************************************
	자료실 dh-margin-topx2 main title과 계시물 제목 겹침 해결
*******************************************************************************/
.copyright-logo img {
    margin-top:20px;
}

.copyright-text > span {
    display: inline-block;
}

@media screen and (max-width: 767px) {

    .copyright-logo {
        text-align: center;
    }

    .copyright-text {
        margin-top: 20px;
        text-align: center;
    }

}
/*******************************************************************************
	modal pop-up new window
*******************************************************************************/
html,.body-layout {
	height:100%;
}
#over_lay {
	position:fixed;
	left: 10;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(51,51,51,0.50);;
	z-index: 9990;
	text-align: center;
}
#circle_icon {
	position: absolute;
	z-index: 9999;
	right: 22px;
	top: -16px;
	color: #fff;
	cursor: pointer;
	font-size: 32px;
	color: #fff;
}
.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: 190%;
	max-width: 740px;
}
.lay2 img {
	width: 90%;
	max-width: 550px;
	max-height: 770px;
	border-radius: 5px;
	border: 2px solid #ededed;
}
.modal_box img {
	cursor: pointer;
}

#thinkwater .btn-primary {
	background: #00AFF0;
	box-shadow: 0 0 7px #00AFF0;
}
#thinkwater .btn-primary:hover {
	background: #0E74BC;
}


.addr_table {margin-top: 30px}
.addr_table th, .addr_table td {text-align: center; padding: 5px 0}
.addr_table th {background: #901F87; color: #FFF;}
.addr_table td {height:58px;border-bottom: 2px solid #901F87}

.bbs_title{max-width:1170px;width:100%;margin:50px auto 0;}
.dh-board,
.form-horizontal,
.login-layout{max-width:1170px;width:100%;margin:0 auto;}
.dh-view-box{max-width:1170px;width:100%;margin:0 auto;padding:0 15px;}
.bbs-list-view-layout+.row{max-width:1170px;width:100%;margin:0 auto 50px;}
 
#greeting .text_title{margin-bottom:25px;font-size:22px;line-height:1.3;}
#greeting .ceo{margin-top:15px;}
#greeting .ceo img{width:auto !important;}

#location .address_area .traffic h3{margin:40px 0 20px;font-size:29px;font-weight:600;}
#location .address_area .traffic > div{padding:10px 20px;border:1px solid #901f87;}
/* #location .address_area .traffic  .subway{margin-top:20px;} */
#location .address_area .traffic ul{padding-left:20px;}


/* --------------------------2018.01.15---------------------------------- */
.ci-box{
	position:relative;
}
.ci-box .btn{
	position: absolute;
    background: transparent!important;
    width: 8%;
    overflow: hidden;
    text-indent: -9999px;
    border: none!important;
    box-shadow: none!important;
}
.ci-box .jpgbtn{	
    left: 6%;
    top: 92.5%;	
}
.ci-box .aibtn{
	left: 6%;
    top: 86%;
}

/* 2018-05-28 */
.is-sub > header {
	height: 400px;
	background-color: #EFEFEF;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	margin-bottom: 75px;
}

.is-sub > header.visual1 {background-image:url(/skin/img/sub/visual1.jpg);color:#FFF;text-shadow:0px 1px 3px rgba(0,0,0,.72);}
.is-sub > header.visual2 {background-image:url(/skin/img/sub/visual2.jpg);color:#FFF;text-shadow:0px 1px 3px rgba(0,0,0,.72);}
.is-sub > header.visual3 {background-image:url(/skin/img/sub/visual3.jpg);color:#FFF;text-shadow:0px 1px 3px rgba(0,0,0,.72);}
.is-sub > header.visual4 {background-image:url(/skin/img/sub/visual4.jpg);color:#FFF;text-shadow:0px 1px 3px rgba(0,0,0,.72);}
.is-sub > header.visual5 {background-image:url(/skin/img/sub/visual5.jpg);color:#FFF;text-shadow:0px 1px 3px rgba(0,0,0,.72);}
.is-sub > header.visual6 {background-image:url(/skin/img/sub/visual6.jpg);color:#FFF;text-shadow:0px 1px 3px rgba(0,0,0,.72);}
.is-sub > header.visual7 {background-image:url(/skin/img/sub/visual7.jpg);color:#FFF;text-shadow:0px 1px 3px rgba(0,0,0,.72);height:600px;}

.fdepth {
    font-size: 48px;
    font-weight: 600;
    margin-top: 233px;
    margin-bottom: 30px;
}

.is-sub > header.visual7 .fdepth {margin-top:433px}

.sdepth {
    padding: 0;
    margin: 0;
    list-style: none;
    background-color: rgba(0,0,0,.5);
	border: 1px solid rgba(255,255,255,.35);
	border-bottom:0;
}

.sdepth > li {
    display: table-cell;
    width: 1%;
	border-right: 1px solid rgba(255,255,255,.5);
}

.sdepth > li:last-child {
	border-right: 0;
}

.sdepth > li > a {
    font-size: 18px;
    text-align: center;
    color: #DDD;
    padding: 12px 10px;
    display: block;
}

.sdepth > li > a:hover,
.sdepth > li > a:focus {
	background-color: rgba(0,0,0,.35);
}

.sdepth > li:not(.active) > a::after {
	font-family: FontAwesome !important;
	content: '\f105';
	margin-left: 7px;
}

.sdepth > li.active > a,
.sdepth > li.active > a:hover,
.sdepth > li.active > a:focus {
    color: #FFF;
    background-color: rgba(0,0,0,.75);
}

.is-sub .content {
	padding-bottom: 100px;
}

/* 2018-06-04 */
.text-title-big {
    font-size: 26px;
    letter-spacing: -0.03em;
    font-weight: normal;
	padding-left: 75px;
    line-height: 1.4;
	background-image: url(/skin/img/text-title.jpg);
	background-repeat: no-repeat;
}

.text-title-big.text-title-big-one {
    background-position-y: -10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.text-title p {
	font-size: 16px;
	line-height: 1.8;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 20px;
}

.text-title hr {
	border-color: #151587;
	border-top-width: 2px;
	margin-top: 50px;
	margin-bottom: 50px;
}

.text-title-big+p {
    font-size: 18px;
	line-height: 1.5;
    letter-spacing: -0.03em;
}

h4.text-redtitle {
    padding: 0 15px;
    font-size: 24px;
    color: #E80F18;
    letter-spacing: -0.03em;
}

.call_banner {
    background-color: #B5B6B6;
    padding: 15px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    margin: 50px 0 0;
}

.call_banner > a {
    background-color: #1E2188;
    display: inline-block;
    padding: 3px 18px;
    vertical-align: 1px;
    margin-left: 7px;
    border-radius: 10px;
    color: #F3E15F;
}

#mod_type_formForm .form-control {
    box-shadow: none;
    border: none;
    background-color: #EAEAEA;
    border-radius: 0;
    margin: 10px 0 15px;
}

#mod_type_formForm h3.pull-left {
    /* font-weight: 600; */
    font-size: 20px;
	background-image: url(/skin/img/form_title.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: auto 100%;
	padding-left: 32px;
}

#mod_type_formForm h3.pull-left .fa {
	display:none;
}

#mod_type_formForm textarea {
	resize: vertical;
	height: 120px;
	min-height: 120px;
}

#mod_type_formForm button[type=submit] {
    float: none!important;
    background-color: #414141;
    display: inline-block;
    padding: 15px 50px;
    vertical-align: 1px;
    margin-left: 7px;
    border-radius: 10px;
    color: #FFF;
    border: none;
    border-radius: 4px;
	margin-bottom: 50px;
}

/* 2018-11 */
.navbar ~ br {
	display: none;
}

.navbar-inverse {
	border-top: 0;
	background: rgba(0,0,0,.5);
}

.container_slide {
	margin-top: 0;
}

@media (min-width: 768px) {
	.container_slide .fill {
		height: calc(100vh - 200px) !important;
	}
	
	.carousel-caption {
		bottom: 75px;
	}
}

.carousel-caption h1 span, .carousel-caption p span {
	opacity: 1;
	padding: 0;
	display: initial;
	-webkit-text-shadow: inherit;
	text-shadow: inherit;
	background: none;
	font-size: inherit;
}

.carousel-caption h1 {
	font-size: 24px;
	margin-bottom: 0;
	-webkit-text-shadow: -2px 0 #333, 0 2px #333, 2px 0 #333, 0 -2px #333;
	text-shadow: -2px 0 #333, 0 2px #333, 2px 0 #333, 0 -2px #333;
}

.carousel-caption p {
	font-size: 54px;
	font-weight: 600;
	-webkit-text-shadow: -2px 0 #333, 0 2px #333, 2px 0 #333, 0 -2px #333;
	text-shadow: -2px 0 #333, 0 2px #333, 2px 0 #333, 0 -2px #333;
}

.carousel-indicators li {
	width: 15px;
	height: 15px;
	border: 1px solid #FFF;
	margin: 3px 6px;
	border-radius: 50%;
}

.carousel-indicators .active {
	width: 15px;
	height: 15px;
	border: 1px solid #FFF;
	margin: 3px 6px;
	border-radius: 50%;
	background-color: transparent;
}

.carousel-indicators .active::after {
    content: '';
    position: relative;
    display: block;
    width: 9px;
    height: 9px;
    background-color: #FFF;
    border-radius: 50%;
    top: 2px;
    left: 2px;
}

.main_section1 .section1_1 {
	border-bottom: 0;
}

.section1_2 span, .main_section2 h2 {
	font-size: 24px;
	font-weight: 500;
}

#main-top {
    background-color: #dcdcdc;
    padding: 50px 0;
    text-align: center;
}

.main-top-header > strong {
	font-size: 18px;
	font-weight: normal;
	color: #707070;
}

.main-top-header > .left,
.main-top-header > .right {
    display: inline-block;
	margin-left: 15px;
	margin-right: 15px;
}

.main-top-header > .left::before,
.main-top-header > .right::after {
    content: '';
    width: 10px;
    height: 10px;
    background-color: #707070;
	border-radius: 50%;
    display: inline-block;
	vertical-align: middle;
}

.main-top-header > .left::after,
.main-top-header > .right::before {
	content: '';
	width: 50px;
	height: 1px;
	background-color: #707070;
	display: inline-block;
	vertical-align: middle;
}

.main-top-header h3 {
	border-bottom: 0 !important;
	margin-bottom: 0;
	font-size: 48px;
	font-weight: 900;
	letter-spacing: -0.02em;
/* 	text-transform: uppercase; */
	color: #707070;
}

.main-top-header h3 > span {
	color: #000;
}

.main_section2 {
	padding-top: 40px;
}

.link_banner_area {
	background-color: #000;
	padding-top: 20px;
	padding-bottom: 20px;
}

.footer-texts {
	padding-top: 20px;
	padding-bottom: 20px;
}

@media (min-width: 992px) {
	.row.col-md-p-20 {
		margin-left: -5px;
		margin-right: -5px;
	}
	
	.row.col-md-p-20 > div {
		width: 20% !important;
		padding-left: 5px;
		padding-right: 5px;
	}
}

.underground01 h4 {
    /* margin: 10px 0 10px; */
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -0.03em;
    color: #0a6cbb;
}

.underground01 p > .text-danger {
	color:#572479;
	font-size: 20px;
	font-weight: 500;
	letter-spacing: -0.03em;
}

.underground01 p {
    font-size: 16px;
    line-height: 1.8;
    font-weight: 500;
    letter-spacing: -0.03em;
    margin: 0 0 30px;
}

.underground01 ol, .underground01 ul {
    padding-left: 25px;
    margin: 0 0 30px;
}

.underground01 ol > li {
    list-style-type: decimal-leading-zero;
    /* font-size: 15px; */
    font-size: 16px;
    line-height: 1.8;
    font-weight: 500;
    letter-spacing: -0.03em;
}

.underground01 ul > li {
	font-size: 16px;
    line-height: 1.8;
    font-weight: 500;
    letter-spacing: -0.03em;
}

.underground01 ul.ul-ganada > li {
	list-style-type: hangul;
}

.table.table-underground01 {
    border-color: #000;
    border: 2px solid #000;
}

.table.table-underground01 th, .table.table-underground01 td {
    border-color: #000;
    text-align: center;
    vertical-align: middle;
    font-weight: 500;
    letter-spacing: -0.03em;
    font-size: 15px;
}

.table.table-underground01 thead tr th {
    background-color: #85d0ef;
    font-weight: 600;
}

.table.table-underground01 tbody tr > th {
    background-color: #fbd0a3;
    font-weight: 600;
}

.table.table-underground01 tbody tr > td:nth-of-type(1) {background-color: #f6f098;}
.table.table-underground01 tbody tr > td:nth-of-type(2),
.table.table-underground01 tbody tr > td:nth-of-type(3) {background-color: #bed698;}
.table.table-underground01 tbody tr > td:nth-of-type(4),
.table.table-underground01 tbody tr > td:nth-of-type(5) {background-color: #ed9cbd;}

.greeting-text p {
	margin-bottom: 20px;
	font-size: 14px;
}

/* 모바일 반응형
!* puella at mailplug.co.kr
!*/

@media (max-width: 767px) {
	.navbar-inverse .navbar-toggle {
		margin-top: 18px;
		border: 1px solid rgba(255, 255, 255, .75);
	}
	
	.navbar-inverse .navbar-toggle, .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
		background: none;
	}
	
	.navbar-inverse .navbar-toggle > .icon-bar {
		background-color: rgba(255, 255, 255, .75);
	}
	
	.navbar-inverse .navbar-nav > li > a {
		padding: 15px 30px;
	}
	
	.navbar-inverse .navbar-nav li.open .dropdown-menu >li> a {
		color: rgba(255, 255, 255, .75);
		background: none;
	}
	
	.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 li.open .dropdown-menu > li:hover,
	.navbar-inverse .navbar-nav li.open .dropdown-menu > li:active,
	.navbar-inverse .navbar-nav li.open .dropdown-menu > li:focus,
	.navbar-inverse .navbar-nav li.open .dropdown-menu > li > a:hover,
	.navbar-inverse .navbar-nav li.open .dropdown-menu > li > a:active,
	.navbar-inverse .navbar-nav li.open .dropdown-menu > li > a:focus {
		color: #fff;
		background: none;
	}
	
	/* 메인 슬라이드 */
	.container_slide .fill {
		height: 300px !important;
	}
	
	.carousel-caption {
		top: 50%;
		bottom: auto;
		transform: translateY(-40%);
	}
	
	.carousel-caption h1 {
		font-size: 12px;
		margin: 0 0 20px;
	}
	
	.carousel-caption p {
		font-size: 28px;
		line-height: 1.3;
	}
	
	/* 메인 컨텐츠 */
	.main-top-header > strong {
		font-size: 12px;
	}
	
	.main-top-header > .left, .main-top-header > .right {
		margin-left: 10px;
		margin-right: 10px;
	}
	
	.main-top-header > .left::before, .main-top-header > .right::after {
		width: 25px;
	}
	
	.main-top-header > .left::before, .main-top-header > .right::after {
		width: 5px;
		height: 5px;
	}
	
	.main-top-header h3, .section1_2 span, .main_section2 h2 {
		font-size: 24px;
	}
	
	.main_section1 .section1_1 {
		padding-top: 25px;
		padding-bottom: 100px;
	}
	
	.main_section1 .section1_1 .blue_box {
		font-size: 14px;
	}
	
	.section1_2 {
		font-size: 14px;
	}
	
	.section1_2 .about_logo {
		margin-bottom: 100px;
	}
	
	/* 푸터 */
	.copyright-text {
		font-size: 10px;
	}
	
	.link_banner_area.top {
		padding: 20px 0;
	}
	
	.link_banner_area ul li {
		width: 20%;
		margin: 0;
	}
	
	.link_banner_area ul li a img {
		width: 25px;
	}
	
	.link_banner_area ul li a span {
		display: none;
	}
	
	/* 서브 페이지 */
	.is-sub > header {
		height: 410px !important;
	}
	
	.is-sub > header.visual2,
	.is-sub > header.visual3,
	.is-sub > header.visual4,
	.is-sub > header.visual6,
	.is-sub > header.visual7 {
		height: 370px !important;
	}
	
	.is-sub > header.visual5 {
		height: 210px !important;
	}
	
	.fdepth {
		font-size: 30px;
		text-align: center;
		margin-top: 111px !important;
	}
	
	.sdepth {
		border: 0;
		margin-left: -15px;
		margin-right: -15px;
	}
	
	.sdepth > li {
		display: block;
		width: 100%;
		border: 0;
	}
	
	.sdepth > li > a {
		font-size: 14px;
		padding: 8px 10px;
	}
	
	#greeting .text_title {
		font-size: 20px !important;
	}
	
	.greeting-image {
		max-width: 250px;
	}
	
	.text-title-big {
		font-size: 18px;
	}
	
	.text-title-big+p {
		font-size: 15px;
	}
	
	.text-title p {
		font-size: 13px;
	}
	
	.call_banner {
		font-size: 12px;
	}
	
	.call_banner > a {
		margin-left: 0;
		margin-top: 10px;
	}
	
	.addr_table+.traffic {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.underground01 h4, h4.text-redtitle {
		font-size: 18px;
	}
	
	.underground01 p, .table.table-underground01 th, .table.table-underground01 td, .underground01 ol > li, .underground01 ul > li {
		font-size: 13px;
	}
	
	.underground01 p > .text-danger, #mod_type_formForm h3.pull-left {
		font-size: 16px;
	}
	
	#mod_type_formForm button[type=submit] {
		font-size:14px;
	}
	
	.dh-board {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.dh-board .table-hover th, .dh-board .table-hover td {
		font-size: 12px;
	}
}

#nav_top {
    background-color: rgba(0,0,0,.5);
    text-align: right;
}

.nav_top_ul {
    margin: 0;
    padding: 0;
    display: inline-block;
}

.nav_top_ul li {
    list-style: none;
    display: inline-block;
    color: #fff;
}

.nav_top_ul li a {
	font-size: 13px;
    color: inherit;
    text-decoration: none;
    padding: 5px 15px;
    display: block;
}

.nav_top_ul li+li {
    margin-left: 15px;
}

.login-layout {
	margin-bottom: 50px;
}

.login-layout #myForm > div:nth-of-type(4) {
	display: none !important;
}