/*D.ssion
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
*/


*{ padding:0px; margin:0px;}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; width:1200px;
}

.col-md-6 {
    width: 50%;
}

.col-md-6 {
    margin-bottom: 80px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}


.qywh_1 img{ width:90px; height:90px; margin-top:40px; margin-bottom:50px;}
.qywh_2{ color:#E70012; font-size:22px;}
.qywh_3{ color:#949494; font-size:15px; margin-top:30px;}
.xm_map_wz{ padding-top:60px; width:91%; margin:0 auto;}
.xm_map_wz span{ color:#7db723; font-size:22px;}
.e_img_box_1 {
    position: absolute;
    bottom: -42px;
    left: 0;
    width: 100%;
	z-index:5;
}
.e_img_box_2 {
    margin: 0 auto;
    width: 90px;
    height: 90px;
    color: #FFF;
    text-align: center;
    font-size: 30px;
    line-height: 20px;
	-moz-border-radius: 90px;   
    -webkit-border-radius: 90px; 
    border-radius:90px;
	background-color:#83be00; 
}


/*-----------------------------------------------------------------------------------*/
/*	RESET
/*-----------------------------------------------------------------------------------*/

.figure {
	margin: 0;
	padding: 0;
}
.figure img {
	width: 100%;
	height: auto;
}


/*-----------------------------------------------------------------------------------*/
/*	OVERLAY
/*-----------------------------------------------------------------------------------*/
.figure {
	display: block;
	overflow: hidden;
	position: relative;
}
.items li .figure img {
	display: block;
	width: 100%;
}
.figure li a, .figure li a img {
	display: block;
	position: relative;
}
.figure img {
	display: block;
	max-width: 100%;
	-webkit-backface-visibility: hidden;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.figure:hover img {
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.fd .figure img {
	display: block;
	max-width: 100%;
	-webkit-backface-visibility: hidden;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.fd:hover .figure img {
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

/*  썸네일 오버시 배경효과  */
.figure a .text-overlay {
	opacity: 0;
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	height: 100%;
	position: absolute;
	text-decoration: none;
	width: 100%;
	z-index: 100;
	padding: 20px;
	background: #222;
	background: rgba(79,79,79,0.95);
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.figure a:hover .text-overlay {
	opacity: 1;
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.figure a .text-overlay:before {
	content: "";
	display: block;
	position: absolute;
	z-index: -1;
	top: 10px;
	left: 10px;
	right: 10px;
	bottom: 10px;
 *border: 1px solid rgba(255,255,255,0.99);
}
/*  썸네일 오버시 배경효과  */
.figure a .text-overlay .info {
	text-align: center;
	top: 50%;
	width: 100%;
	left: 0;
	position: absolute;
	margin-top: -11px;
	color: #fff;
	font-size: 14px;
	font-weight: 800;

	letter-spacing: 1px;
}

.app_aboutdh{position:fixed; background: #1B1B1B;
    height: auto;
    min-height: 300px;
    z-index: 100;
    width: 100%;
    bottom: 0; display:none;     z-index: 9999;}
.app_aboutdh .newslist_con_title{
    border-top: 1px solid #1F1F1F;
    border-bottom: 1px solid #1F1F1F;
    padding-top: 40px;
    padding-bottom: 40px;
    font-size: 14px;
    padding: 20px;
    color: #fff;
}
.app_aboutdh .newslist_con_title span{margin-bottom: 10px;
    text-transform: Uppercase;}
.app_aboutdh .newslist_con_title h2{    font-weight: 100;
    margin-top: 10px;
    font-size: 1.5em;}

.app_aboutdh ul{    margin-top: 0px;
    padding: 20px;
    padding-top: 0px;}
.app_aboutdh ul li{height: 25px;
    line-height: 25px;
    margin-top: 12px;
    margin-bottom: 12px;}
.app_aboutdh ul li a{font-size: 14px;
    border-bottom: 1px solid #1F1F1F;
    display: inline-block;
    color: #B3B3B3;
    /* line-height: 22px; */
    padding-bottom: 5px;}

.dbdh {
    background: url(../images/navpro.png) no-repeat;
    background-size: 100%;
    position: fixed;
    width: 90px;
    height: 28px;
    bottom: -1px;
    left: 50%;
    margin-left: -45px; display:none
}


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



.container{ width:100%; margin:0px; padding:0px;}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{ padding:0px; float:left}
.qywh_1 img{ width:50px; height:50px; margin-top:20px;
    margin-bottom:20px;}
.qywh_2{ font-size:18px;}
.qywh_3 {
    font-size: 12px;
    margin-top:10px; padding:15px;
}
.col-md-6{ margin-bottom:30px;}
.about_about img{}

.about_a{ width:320px;}
.about_a .ssss {
    float: left;
    margin-right: 0px;
    width: 100%; margin-bottom: 20px;
}
.about_b .ssss{ margin-left:0px; margin-bottom:15px;}
.about_c img{ margin-bottom:20px;}

.postion{ width:320px;}

.kjjj .kj{ width:320px;}
.kjjj .kj img{ max-width:320px;}
.wh{ width:320px;}
.wh img{ max-width:320px;}


.dbdh{ display:block}








}