@charset "utf-8";
/****************************************/
/* Name: SNvia
/* Version: 1.0 / day: 2017-11-09
/* Author:  

/* Summary 
	1)메인, 서브레이아웃
	2)반응형 레이아웃
	3)메인 콘텐츠
	4)반응형 메인콘텐츠
	5)서브 콘텐츠
	6)반응형 서브콘텐츠
*/
/****************************************/

@import url("http://fonts.googleapis.com/earlyaccess/notosanskr.css");
@import url("http://cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css");

/* Common */
body{text-align: left;font-size:14px;color:#333;line-height:26px;font-family:'Noto Sans KR',sans-serif;font-weight:300;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,span,form,fieldset,p,button,address,table, tbody, tfoot, thead, th, tr, tdvideo, tt{margin:0;padding:0;box-sizing: border-box;}
header,article,aside,canvas,details,figcaption,figure,footer,hgroup,menu,nav,section,summary,mark {display:block;margin: 0; padding: 0;box-sizing: border-box;}
h1,h2,h3,h4,h5,h6,input,button,textarea,select,table{font-family:'Noto Sans KR',sans-serif;font-size:14px;box-sizing: border-box;}
input,button,textarea,select{background-color:#fff;border-radius:0;box-sizing: border-box;} /*-webkit-appearance: none*/
button,textarea{-webkit-appearance: none}
img,fieldset,iframe{border:0 none}
li{list-style:none}
img,input,select,button,textarea{vertical-align:middle;box-sizing: border-box;}
img{max-width:100%}
em,address,optgroup{font-style:normal}
label,button{cursor:pointer}
label{top:2px;position: relative;}
button{margin:0;padding:0;border:0;background:none}
a{box-sizing: border-box}
a:link,a:visited{text-decoration:none;color:#3a3a3a;}
a:hover,a:focus,a:active{text-decoration:none;color:#3a3a3a}
hr{display:none}
legend,caption{font-size:0; width:0; height:0; line-height:0;overflow:hidden;text-indent:-9999px}
.blind{position:absolute;top:0;left:0;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0)}
p{text-align:left;font-weight:400;word-break:keep-all}
table {width:100%;font-weight:400;border-spacing:0}


/*
================================================================================
메인, 서브레이아웃
================================================================================
*/
#wrapper{position:relative;min-width:1200px;width:100%;height:100%;right:0;}

/* ---- 상단영역 ---- */
#header{position:absolute;top:0;left:0;width:100%;background:#fff;z-index:100}
#header::after{position:absolute;top:118px;left:0;width:100%;opacity:0;content:'';border-bottom:1px solid #e2e2e2;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;}
#header.online::after{opacity:1}
#header .globLink{height:33px;background:#105ba9}
#header .globLink ul{margin:0 auto;width:1200px;text-align:right}
#header .globLink ul li{display:inline-block;margin-left:25px;font-size:12px;}
#header .globLink ul li a{display:block;padding-left:23px;color:#fff;font-weight:500;line-height:33px;background-repeat:no-repeat;background-position:left center}
#header .globLink ul li.ic1 a{background-image:url('../img/top_ic1.png')}
#header .globLink ul li.ic2 a{padding-left:15px;background-image:url('../img/top_ic2.png');}
#header .globLink ul li.ic3 a{padding-left:20px;background-image:url('../img/top_ic3.png')}
#header .head_box{position:relative;margin:0 auto;width:1200px;min-height:85px;z-index:60}
#header .head_box .logo{position:absolute;top:16px;left:0;z-index:20}
#header .head_box .globLink{position:absolute;top:40px;right:0;font-size:13px;z-index:20}
#header .head_box .globLink li{display:inline-block;margin-left:15px;font-size:13px}

#header .head_box .btnMenu{display:none;}

/* ---- 상단메뉴 ---- */
#gnb{position:relative;float:right;overflow:hidden;z-index:10}
#gnb ul.gnb{position:relative;width:100%;}
#gnb > ul:after{display:block;clear:both;content:''}
#gnb > ul > li{position:relative;float:left;}
#gnb > ul > li > a{display:block;padding:30px 70px 0;height:85px;font-size:18px;font-weight:500;}
#gnb > ul > li > a::after{position:absolute;left:50%;bottom:-2px;width:0;height:3px;content:'';background:#105baa;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;}
#gnb > ul > li.hv > a{color:#105baa}
#gnb > ul > li.hv > a::after{left:20%;width:60%}
#gnb > ul > li.open > a{color:#105baa}
#gnb > ul > li > a:hover{color:#105baa}
#gnb > ul > li > ul
{
    position:absolute;top:70px;
  /* energysoft  left:40px; */
    left:70px;
    padding-top:30px;}
#gnb > ul > li > ul li{margin-bottom:10px;line-height:17px}
#gnb > ul > li > ul li a{font-size:14px;color:#7d7d7d}
#gnb > ul > li > ul li a:hover{color:#000;font-weight:400}
#gnb > ul > li > ul li.on a{color:#000;font-weight:400}

#total_m_lay{display:none;}



/* ---- 중간영역 ---- */
#container{padding-top:118px}
#container #content{position:relative;margin:0 auto;}
#container #content::after{display:block;clear:both;content:''}
#container #content .subBox{position:relative;padding-top:65px;min-height:500px}
#container #content .subBox2{position:relative;margin-top:40px;min-height:600px}

.subTop{position:relative;padding-top:50px;height:279px;background-position:center top;background-size:cover;z-index:1}
.subTop.bg1{background-image:url('../img/sub_skin1.jpg')}
.subTop.bg2{background-image:url('../img/sub_skin2.jpg')}
.subTop.bg3{background-image:url('../img/sub_skin3.jpg')}
.subTop.bg4{background-image:url('../img/sub_skin4.jpg')}
.subTop.bg5{background-image:url('../img/sub_skin5.jpg')}
.subTop p{position:relative;font-size:50px;color:#fff;text-align:center;line-height:50px;text-shadow:1px 1px 3px rgba(0,0,0,0.5);z-index:2}

.subTop #lnb{position:absolute;top:195px;width:100%;text-align:center}
.subTop #lnb ul li{display:inline-block;margin:0 3px}
.subTop #lnb ul li a{display:block;padding:0 20px;min-width:216px;height:47px;font-size:15px;color:#fff;line-height:45px;font-weight:400;background:rgba(0,0,0,0.4);border:1px solid #fff}
.subTop #lnb ul li.on a{background:#f07025;border:1px solid #f07025}
.subTop #lnb ul.last li a{min-width:170px}


.sub1Detail
{
  font-size: 25px;
    line-height: 35px;
}
.sub1Detailul
{
    width:835px;
}

.sub1Detailul li
{
    padding:0 50px 0 50px;
}

h1.title{position:relative;margin-bottom:30px;padding-bottom:30px;font-size:36px;line-height:40px;word-break:keep-all;text-align:center}
h1.title::after{position:absolute;left:50%;bottom:0;margin-left:-15px;width:30px;height:2px;content:'';background:#dadada}

/* ---- 하단영역 ---- */
#footer {clear:both;width:100%;background:#3b3b3b}
#footer .footWrap{position:relative;margin:0 auto;padding:40px 0 40px 134px;width:1200px}
#footer .footWrap::after{display:block;clear:both;content:''}
#footer .footWrap .f_logo{position:absolute;top:40px;left:0}
#footer .footWrap address{font-size:12px;color:#aeaeae;line-height:18px;word-break:keep-all}
#footer .footWrap address span{display:inline-block;margin-left:20px}
#footer .footWrap small{font-size:12px;color:#aeaeae;}

.subBox2 #lnb2{width:100%;text-align:center;margin-bottom:40px; }                
.subBox2 #lnb2 ul li{display:inline-block;margin:1px 3px}
.subBox2 #lnb2 ul li a{display:block;padding:0 10px;
                       min-width:150px;                     
                       height:35px;font-size:12px;color:#fff;line-height:35px;font-weight:400;
                       background:#BBCDD0;border:1px solid #BBCDD0;
                       /*energysoft 추가*/
                       text-align: center;                       
                       }
.subBox2 #lnb2 ul li.on a{background:#0F5BA9;border:1px solid #0F5BA9}
.subBox2 #lnb2 ul.last li a{min-width:130px}


.subBox2 #lnb3{    width: 1180px;
    text-align: center;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;}                
.subBox2 #lnb3 ul li{display:inline-block;margin:1px 3px}
.subBox2 #lnb3 ul li a{display:block;padding:0 10px;
                       min-width:150px;                     
                       height:35px;font-size:12px;color:#fff;line-height:35px;font-weight:400;
                       background:#BBCDD0;border:1px solid #BBCDD0;
                       /*energysoft 추가*/
                       text-align: center;                       
                       }
.subBox2 #lnb3 ul li.on a{background:#3488de;border:1px solid #3488de}
.subBox2 #lnb3 ul.last li a{min-width:130px}

/*모달창*/
.popup
{
    width:566px;
    min-width:566px;
    min-height:740px
}
.close {
    background-color: rgba(0, 0, 0, 0.8);
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    top: 0px;
    width: 30px;
z-index:20;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
}
/*
================================================================================
반응형 레이아웃
================================================================================
*/

 /* PC Device 641*/
@media all and (min-width:801px){

	.fix_bg{display:none !imprtant;}
}

 /* Mobile Device 640 */
@media all and (max-width:800px){
	
	/*모달창*/
.popup
{
    width:95%;
}
	.close {
    background-color: rgba(0, 0, 0, 0.8);
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 258px;
    text-align: center;
    text-decoration: none;
    top: 710px;
    width: 30px;
z-index:20;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
}
	
	
	#wrapper{min-width:320px;}
	#header .globLink{display:none}
	#header .head_box{width:100%;height:70px;min-height:initial;}
	#header .head_box .logo{top:15px;left:10px;width:112px}
	
	#gnb{display:none}
	#header .head_box .btnMenu{display:block;position:absolute;top:15px;right:5px;width:40px;height:35px;text-indent:-999px;overflow:hidden;background:url('../img/ic_menu.png') no-repeat center center}

	/* 모바일메뉴 */
	#total_m_lay{display:block !important;position:fixed;top:0;right:-250px;width:250px;height:100%;overflow:auto;box-shadow:none;background:#f2f2f2;border:0;z-index:300}
	#total_m_lay .btnClose{position:absolute;top:0;left:0;width:60px;height:50px;text-indent:-999px;overflow:hidden;background:#4c72bb url('../img/ic_close.png') no-repeat center center;}
	#total_m_lay .btnLang{display:block;height:50px;line-height:50px;text-align:right;background:#41619f}
	#total_m_lay .btnLang a{display:inline-block;padding:0 15px 0 20px;font-size:14px;color:#fff;font-weight:500;background:url('../img/top_ic3.png') no-repeat left center}
	#total_m_lay .mbTopLink{padding:15px 12px;}
	#total_m_lay .mbTopLink::after{display:block;clear:both;content:''}
	#total_m_lay .mbTopLink li{float:left;padding:0 3px;width:50%;text-align:center;}
	#total_m_lay .mbTopLink li a{display:block;height:30px;font-size:13px;color:#636363;line-height:28px;border:1px solid #d7d7d7}
	#total_m_lay .mbTopLink li.on a{color:#bc071c}
	.total_m{padding:10px;}
	.total_m li{position:relative;word-break:keep-all}
	.total_m li a{display:block}
	.total_m > ul{}
	.total_m > ul > li{font-size:13px;border-bottom:1px solid #d9d9d9}
	.total_m > ul > li > a{display:block;color:#252525;padding:15px 0 15px 15px;font-weight:500;text-decoration:none;word-break: keep-all;}
	.total_m > ul > li.open > a{padding:10px 0 10px 15px;background:#f0bb4d}
	.total_m > ul > li.has-sub.open > a{padding:10px 0 10px 15px;background:#f0bb4d}
	.total_m > ul > li > ul{display:none;background:#fff;}
	.total_m > ul > li > ul > li{font-size:12px;font-weight:400;line-height:16px;background:url('../img/m_gnb_dot.png') no-repeat right center;border-top:1px solid #e5e5e5}
	.total_m > ul > li > ul > li:first-child{border-top:0}
	.total_m > ul > li > ul > li > a{padding:10px 20px 10px 20px;color:#474747;}
	.total_m > ul > li > ul > li.on > a{font-weight:bold;}
	.fix_bg{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:100}

	#wrapper.wra_box{position:fixed;top:0;width:96%;height:auto;z-index:200;}

	
	#container{padding-top:70px}
	#container #content nav{display:none}

	#container #content .subBox{padding-top:30px}
	#container #content .subBox2 { margin-top:15px; }
	.subBox2 #lnb2{width:100%;
	               
	               /*text-align:left; energysoft변경 center*/
	               text-align:center;
	                margin-bottom:30px;display:}
	.subBox2 #lnb2 ul li{display:inline-block;margin:2px 3px}
	.subBox2 #lnb2 ul li a{display:block;padding:0 10px;
	                     /*  min-width:150px; */
	                       min-width:210px;
	                       height:35px;font-size:12px;color:#fff;line-height:35px;font-weight:400;background:#BBCDD0;border:1px solid #BBCDD0}
	.subBox2 #lnb2 ul li.on a{background:#0F5BA9;border:1px solid #0F5BA9}
	.subBox2 #lnb2 ul.last li a{min-width:130px}
	
	
	
		.subBox2 #lnb3{width:100%;
	               
	               /*text-align:left; energysoft변경 center*/
	               text-align:center;
	                margin-bottom:30px;display:}
	.subBox2 #lnb3 ul li{display:inline-block;margin:2px 3px}
	.subBox2 #lnb3 ul li a{display:block;padding:0 10px;
	                     /*  min-width:150px; */
	                       min-width:130px;
	                       height:35px;font-size:12px;color:#fff;line-height:35px;font-weight:400;background:#BBCDD0;border:1px solid #BBCDD0}
	.subBox2 #lnb3 ul li.on a{background:#3488de;border:1px solid #3488de}
	.subBox2 #lnb3 ul.last li a{min-width:130px}
	
	
	
	.subTop{padding:50px 15px 0;height:160px}
	.subTop p{font-size:26px;line-height:30px}

	.locat{display:none}

	h1.title{margin-bottom:20px;padding-bottom:20px;font-size:25px;line-height:30px}

	#footer .footWrap{padding:30px 10px;width:100%;text-align:center}
	#footer .footWrap .f_logo{position:relative;top:0;margin-bottom:10px;text-align:center}
	#footer .footWrap .f_logo img{width:145px}
	

}

/*
================================================================================
메인콘텐츠
================================================================================
*/

.mTopCon{position:relative}
.mTopCon .txt{position:absolute;top:180px;left:50%;margin-left:-600px;width:1200px;text-align:center;z-index:20}
.mTopCon .mSlide li{height:620px;background-size:cover}
/*.mTopCon .mSlide li.bg1{background-image:url('../img/slide2.jpg')}
.mTopCon .mSlide li.bg2{background-image:url('../img/slide1.jpg')}*/

.mTopCon .mSlide li.bg1{background-image:url('../img/test3.jpg')}
.mTopCon .mSlide li.bg2{background-image:url('../img/test5.jpg')}

.mTopCon .bx-controls{position:absolute;left:0;bottom:20px;width:100%;text-align:center;z-index:20}
.mTopCon .bx-controls .bx-pager-item{display:inline-block;margin:0 7px}
.mTopCon .bx-controls .bx-pager-item a{display:block;width:12px;height:12px;text-indent:-999px;overflow:hidden;background:#fff;-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.mTopCon .bx-controls .bx-pager-item a.active{background:#f0bb4d}

/* .mCenCon1{padding:75px 0;height:270px;text-align:center;background:url('../img/m_cen_bg.gif') no-repeat center top} */
.mCenCon1{padding:75px 0;height:270px;text-align:center;background:url('../img/m_cen_bg.png') no-repeat center top}
.mCenCon1 p{text-align:center}
.mCenCon1 .txt1{margin-bottom:20px;font-size:36px;color:#02437e;line-height:40px}
.mCenCon1 .txt2{font-size:24px;color:#000;line-height:30px}

/* .mCenCon2{padding:140px 0;text-align:center;background:url('../img/m_cen_bg2.jpg') no-repeat center center;background-attachment: fixed;background-size:cover}*/
.mCenCon2{padding:140px 0;text-align:center;
     /*   background:url('../img/esbg2.jpg') no-repeat center center; */
  /*   background-image:url('../img/esbg2.jpg');*/
          background-attachment: fixed;
          background-size:cover
          }
.mCenCon2 ul{margin:0 auto;width:1200px}
.mCenCon2 ul::after{display:block;clear:both;content:''}
.mCenCon2 ul li{float:left;width:20%}
.mCenCon2 ul li a{display:block;font-size:20px;color:#fff;font-weight:400}
.mCenCon2 ul li span{display:block;margin:0 auto 20px;
                     
                     /*width:204px;height:204px; */
                     width:150px;height:150px;
                     /*energysoft background-color:rgba(240,112,37,0.5);*/
                    /*  background-color:rgba(110, 181, 255, 0.5);*/
                     background-color:rgba(255, 255, 255, 0.5);
                     background-repeat:no-repeat;background-position:center center;
                     
                     /*energysoft border-radius:15% */
                     border-radius:50%
                     } 
                   
.mCenCon2 ul li .ic1{background-image:url('../img/m_cen_ic2.png'); background-size: 90px;}
.mCenCon2 ul li .ic2{background-image:url('../img/m_cen_ic1.png'); background-size: 90px;}
.mCenCon2 ul li .ic3{background-image:url('../img/m_cen_ic3.png'); background-size: 90px;}
.mCenCon2 ul li .ic4{background-image:url('../img/m_cen_ic4.png'); background-size: 90px;}
.mCenCon2 ul li .ic5{background-image:url('../img/m_cen_ic5.png'); background-size: 90px;}

.mCenCon2 ul li span:hover{    background-color:rgba(234, 234, 234, 1  ); }

.mCenCon2 .mCenCon2_in .txt1
{
   /* margin-bottom: 20px;
    font-size: 36px;
    color: white;
    line-height: 40px; text-align:center; padding-top:15px; text-shadow: 1px 1px 2px black; opacity:1 !important; */
     margin-bottom: 20px;
    font-size: 36px;
    color: #bf0000;
    line-height: 40px;
    text-align: left;
     text-align: left;
  width:990px;
  margin:auto;
    padding-top: 39px;
    text-shadow: 1px 1px 2px black;
    opacity:1 !important;
    font-weight: 700;
    padding-bottom: 20px;
}
.mCenCon2 .mCenCon2_in .txt2
{
 /*  margin-bottom: 20px;
    font-size: 36px;
    color: white;
    line-height: 40px; text-align:center;  text-shadow: 1px 1px 2px black; opacity:1 !important; */
       margin-bottom: 20px;
   font-size: 22px;
   color: white;
   line-height: 40px;
   text-align: left;
  width:990px;
  margin:auto;
   text-shadow: 1px 1px 2px black;
   opacity:1 !important; 
}
.mCenCon2 .mCenCon2_in .txt3
{
  font-size: 24px;
    color: white;
    line-height: 30px; text-align:center; text-shadow: 1px 1px 2px black;  opacity:1 !important;
}


.mCenCon2_inM
{
    display:none;
}
.mCenCon2_in2
{
      display:block;
}

.mCenCon2_in
{
    display:block;
}


.mCenCon3{padding:90px 0;height:300px;text-align:center;background:url('../img/m_bot_bg.jpg') no-repeat center top;background-size:cover}
.mCenCon3 p{color:#fff;text-align:center;text-shadow:0 0 3px rgba(0,0,0,0.7);}
.mCenCon3 .txt1{margin-bottom:40px;font-size:36px;line-height:40px;font-weight:500}
.mCenCon3 .txt2{font-size:18px;line-height:25px}

.mbotCon::after{display:block;clear:both;content:''}
.mbotCon .mMap{position:relative;float:left;width:33%;height:350px;}
.mbotCon .mMap .btn{position:absolute;top:0;left:0;padding-top:120px;width:100%;height:100%;text-align:center;background:rgba(0,0,0,0.5);z-index:20}
.mbotCon .mMap .btn span{display:inline-block;padding-top:65px;font-size:36px;color:#fff;font-weight:500;background:url('../img/m_map_ic.png') no-repeat center top}
.mbotCon .mMap .root_daum_roughmap_landing{width:100% !important}
.mbotCon .mMap .root_daum_roughmap .wrap_controllers{display:none}

.mbotCon .mNotice{float:left;padding:25px 45px;width:34%}
.mbotCon .mNotice h2{margin-bottom:20px;font-size:24px;}
.mbotCon .mNotice h2 span{margin-left:10px;font-size:14px;color:#666;font-weight:400}
.mbotCon .mNotice ul{border:1px solid #000;border-width:1px 0}
.mbotCon .mNotice ul li{position:relative;border-top:1px dashed #d6d6d6}
.mbotCon .mNotice ul li:first-child{border-top:0}
.mbotCon .mNotice ul li a{display:block;padding:15px 100px 15px 0;}
.mbotCon .mNotice ul li .tit{display:block;font-size:16px;color:#000;font-weight:400;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mbotCon .mNotice ul li .data{position:absolute;top:20px;right:20px;font-size:14px;color:#919191}
.mbotCon .mNotice ul li .con{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.mbotCon .mMap .esslides .slide li .esimg
	{
	width:100%;   
	    height:350px;
	}
/*
================================================================================
반응형 메인 콘텐츠
================================================================================
*/

 /* PC Device */
@media all and (min-width:641px){
	
}


 /* Mobile Device */
@media all and (max-width:640px){
	
.mbotCon .mMap .esslides .slide li .esimg
	{
	 
	    height:350px;
	}
	
	.mTopCon .txt{top:50px;left:0;margin:0;padding:0 15%;width:100%}
	.mTopCon .mSlide li{height:250px}
	
	.mCenCon1{padding:35px 0 50px;height:auto}
	.mCenCon1 .txt1{font-size:25px}
	.mCenCon1 .txt2{font-size:17px;line-height:20px}
	
	.mCenCon2{padding:50px 0 30px}
	.mCenCon2 ul{width:100%;text-align:center}
	.mCenCon2 ul li{display:inline-block;float:none;margin:0 10px 20px;width:auto;}
	.mCenCon2 ul li a{font-size:13px}
	.mCenCon2 ul li span{margin-bottom:10px;width:120px;height:120px;background-size:50%}
	.mCenCon2 ul li .ic1{background-size:35%}
	.mCenCon2 ul li .ic2{background-size:35%}


.mCenCon2 .mCenCon2_in .txt1
{
    margin-bottom: 20px;
    font-size: 27px;
    color: white;
    line-height: 20px; text-align:center; padding-top:15px; text-shadow: 1px 1px 2px black; opacity:1 !important;
}
.mCenCon2 .mCenCon2_in .txt2
{
   margin-bottom: 20px;
    font-size: 27px;
    color: white;
    line-height: 35px; text-align:center;  text-shadow: 1px 1px 2px black; opacity:1 !important;
}
.mCenCon2 .mCenCon2_in .txt3
{
  font-size: 20px;
    color: white;
    line-height: 20px; text-align:center; text-shadow: 1px 1px 2px black;  opacity:1 !important;
}




.mCenCon2 .mCenCon2_inM .txt1
{
   /* margin-bottom: 20px;
    font-size: 36px;
    color: white;
    line-height: 40px; text-align:center; padding-top:15px; text-shadow: 1px 1px 2px black; opacity:1 !important; */
   margin-bottom: 20px;
   font-size: 29px;
   color: #bf0000;
   line-height: 40px;
   text-align: left;
   text-align: center;
   width: 100%;
   margin:auto;
   padding-top: 39px;
   text-shadow: 1px 1px 2px black;
   opacity:1 !important;
   font-weight: 700;
   padding-bottom: 20px;
}
.mCenCon2 .mCenCon2_inM .txt2
{
 /*  margin-bottom: 20px;
    font-size: 36px;
    color: white;
    line-height: 40px; text-align:center;  text-shadow: 1px 1px 2px black; opacity:1 !important; */
 margin-bottom: 20px;
 font-size: 16px;
 color: white;
 line-height: 40px;
 text-align: center;
 width: 100%;
 margin:auto;
 text-shadow: 1px 1px 2px black;
 opacity:1 !important;
}
.mCenCon2 .mCenCon2_inM .txt3
{
  font-size: 24px;
    color: white;
    line-height: 30px; text-align:center; text-shadow: 1px 1px 2px black;  opacity:1 !important;
}


.mCenCon2_inM
{
    display:block;
}

.mCenCon2_in
{
    display:none;
}
.mCenCon2_in2
{
      display:none;
}


.sub1Detail
{
  font-size: 18px;
    line-height: 18px;
}
.sub1Detailul
{
    width:835px;
}

.sub1Detailul li
{
 padding: 0 30px 0 15px !important;
}


	.mCenCon3{padding:50px 10px;height:auto}
	.mCenCon3 .txt1{margin-bottom:20px;font-size:32px}
	.mCenCon3 .txt2{font-size:16px;line-height:20px}

	.mbotCon .mMap{float:none;width:100%;height:270px;overflow:hidden}
	.mbotCon .mMap .root_daum_roughmap_landing{height:270px !important;}
	.mbotCon .mMap .btn{padding-top:80px;}
	.mbotCon .mMap .btn span{padding-top: 48px;font-size:30px;background-size:55px}

	.mbotCon .mNotice{float:none;padding:20px 15px;width:100%}
	.mbotCon .mNotice h2{margin-bottom:10px}
	.mbotCon .mNotice ul li a{padding: 15px 0;}
	.mbotCon .mNotice ul li .data{display:none}
}

/*
================================================================================
서브콘텐츠
================================================================================
*/

/* 공통 */
/* text-align */
.txt_left{text-align:left !important;}
.txt_right{text-align:right !important;}
.txt_center{text-align:center !important;}

.mt10 { margin-top:10px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt30 { margin-top:30px !important;}
.mt40 { margin-top:40px !important; }
.mt50 { margin-top:50px !important; }
.mt60 { margin-top:60px !important; }

.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb30 { margin-bottom:30px !important; }
.mb40 { margin-bottom:40px !important; }
.mb50 { margin-bottom:50px !important; }
.col_gray{color:#787878}
.col_orang{color:#f07025}

.fon14{font-size:14px}
.fon15{font-size:15px}
.fon16{font-size:16px}


.li_dot{margin:5px 0 10px;text-align:left}
.li_dot li{position:relative;margin-bottom:5px;padding-left:12px;line-height:20px}
.li_dot li::before{position:absolute;top:10px;left:0;width:4px;height:4px;content:'';background:#504f4f;border-radius:50%}

.th_left tbody th{text-align:left}
.th_right tbody th{padding-right:20px !important;text-align:right;background:#fafafa !important}
.th_right tbody th + td{border-left:0}
.td_left tbody td{text-align:left}
.t_typel {width:100%;word-break:keep-all;border-spacing:0;border-top:1px solid #cdcdcd;border-left:0;border-right:0;border-bottom:1px solid #cdcdcd;border-collapse: collapse}
.t_typel tr { text-align: center; }
.t_typel thead th{padding:15px 0;font-size:16px;color:#333;font-weight:400;line-height:18px;background:#ededed;border-bottom:1px solid #cdcdcd;border-left:1px solid #cdcdcd;}
.t_typel thead th:first-child{border-left:0}
.t_typel tbody th{padding:8px 10px;font-weight:400;background:#ededed;border-left:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd}
.t_typel tbody th:first-child{border-left:0}
.t_typel tbody tr:first-child th,.t_typel tbody tr:first-child td{border-top:1px solid #cdcdcd}
.t_typel tbody td{padding:8px 10px;color:#555;font-weight:300;background:#fff;border-left:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd}
.t_typel tbody td:first-child{border-left:0}
.t_typel tbody td+th{border-left:1px solid #cdcdcd}
.t_typel.fon14 tbody td{font-size:14px}
.t_typel tbody td .btnSc{margin:0 15px 0 5px}
.td_bg thead th:last-child{background:#eed4c5}
.td_bg tbody td:last-child{background:#fce2d3}

/* 모바일 이미지 확대보기(새창) */
.mblink{position:relative;}
.mblink a{display:none;position:absolute;bottom:20px;right:20px;width:40px;height:40px;text-indent:-999px;overflow:hidden;background:rgba(0,0,0,0.6) url('../img/ic_zoom.png') no-repeat center center;border:1px solid rgba(0,0,0,0.5);border-radius:50%;}

/* 페이지표시 */
.page{text-align:center;margin:40px 0;}
.page a{display:inline-block;margin:0 -2px 0 -3px;width:35px;height:32px;font-size:14px;color:#000;text-align:center;vertical-align:middle;line-height:30px;background:#fff;border:1px solid #e6e4e5;}
.page a.on{color:#e50000;border:1px solid #e6e4e5;}
.page a img{vertical-align:middle;}

/* 상단검색 - 기본 */
.boardSearch{position:relative;margin-bottom:20px;padding:20px 5px;font-size:14px;text-align:center;background:#f7f6f6;border:1px solid #d7d7d7}
.boardSearch select{margin-right:4px;padding-left:10px;min-width:90px;height:35px;color:#555;border:1px solid #d7d7d7;}
.boardSearch input[type="text"]{margin-right:5px;padding:5px;width:25%;height:35px;background:#fff;border:1px solid #d7d7d7;border-radius:0}
.boardSearch button[type="submit"]{width:70px;height:35px;color:#fff;background-color:#464646;cursor:pointer;border:0;border-radius:0;-webkit-appearance: none}

.bbsList{margin:0 auto;width:1200px}
.bbsList li{position:relative;margin-bottom:35px;;padding:30px;border:1px solid #eaeaea}
.bbsList li a{display:block;padding-left:310px;min-height:180px}
.bbsList li .photo{position:absolute;top:30px;left:30px;width:280px}
.bbsList li .tit{position:relative;display:block;margin-bottom:20px;padding-bottom:15px;font-size:24px;font-weight:bold;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.bbsList li .tit::after{position:absolute;left:0;bottom:0;width:25px;height:1px;content:'';background:#b2b2b2}
.bbsList li .con{display:inline-block;margin-bottom:20px;overflow: hidden; text-overflow: ellipsis; white-space: normal; max-height: 80px; line-height:20px;word-wrap: break-word; display: -webkit-box;  -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.bbsList li .data{font-size:14px;}

/* 상세보기 */
.bbsView{position:relative;margin:0 auto 50px;width:1200px;border-top:2px solid #f07025;}
.bbsView dt{padding:15px 100px 15px 20px;font-size:20px;color:#000;font-weight:500;border-bottom:1px solid #ccc}
.bbsView dd{padding:15px;border-bottom:1px solid #e2e2e2}
.bbsView dd.infor{position:absolute;top:0;right:0;font-size:14px;color:#636363;border-bottom:0}
.bbsView dd.file{}
.bbsView dd.con{padding:20px 15px}
.bbsView dd.con .img{margin-bottom:30px;text-align:center}

/* 이전글,다음글 */
.view_list{margin:0 auto;width:1200px;}
.view_list li{position:relative;padding:15px 10px 15px 110px;color:#7a7979;line-height:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background-repeat:no-repeat;background-position:80px center;border-bottom:1px solid #e3e3e3; }
.view_list li a{color:#555;}
.view_list li:first-child{border-top:1px solid #e3e3e3}
.view_list li span{display:inline-block;position:absolute;top:15px;left:22px;color:#000}
.view_list li.before{background-image:url('../img/view_prev.gif') }
.view_list li.next{background-image:url('../img/view_next.gif') }

.btn_list{margin:30px 0;text-align:center;}
.btn_list .btn{display:inline-block;}
.btn_list .btn a{display:block;width:110px;height:45px;font-size:16px;color:#fff;line-height:45px;text-align:center;background:#bc071c}
.btn_list .btn.gray a{background:#414141}

/* 첨부파일 디자인 */
.fileBox{position:relative;display:inline-block;padding-right:85px}
.file_input_textbox{width:100%;vertical-align:middle}
.file_input_div{position:absolute;top:2px;right:0;width:80px;height:30px;vertical-align:middle;overflow: hidden}
.file_input_button{position:absolute;top:0px;width:100%;height:100%;font-size:14px;background:#555;color:#fff;border:0;}
.file_input_hidden{position:absolute;left:0px;top:0px;width:100% !important;height:100% !important;opacity:0;filter:alpha(opacity=0);-ms-filter:"alpha(opacity=0)"; -khtml-opacity:0;-moz-opacity:0;cursor:pointer;z-index:2}

input[type="text"],input[type="password"],input[type="search"],input[type="tel"],input[type="email"]{margin:2px 0;padding:5px 10px 4px 10px;height:30px; border:1px solid #e1e1e1;border-radius:0}
textarea{margin:1px 0;padding:5px 10px 4px 10px;border:1px solid #e1e1e1;border-radius:0}
input[type="file"]{height:30px;background:none;}
select{padding:2px;height:30px;color:#363535;border:1px solid #e1e1e1;}
.radChek::after{}
.radChek li{display:inline-block;margin-right:15px}

.testCon{min-width:1200px;text-align:center}

.topTxt{margin-bottom:55px;font-family: 'Nanum Square';font-size:30px;text-align:center;line-height:38px}
.topTxt b{color:#f36d00}
.sConBox{margin:0 auto;width:1200px}
.sConBox::after{display:block;clear:both;content:''}

h2.title{position:relative;margin-bottom:60px;font-size:32px;color:#f36d00;line-height:32px;text-align:center}
h2.title2{position:relative;margin-bottom:60px;font-size:28px;color:#f36d00;line-height:30px;text-align:center}
h3.title{position:relative;margin-bottom:20px;font-size:24px;color:#010101;font-weight:400;line-height:30px;text-align:center}
h2.title + h3.title{margin-top:-20px}

/* SNVIA */
.s1_1_con1{margin-bottom:60px;background:#ebebeb}
.s1_1_con1 .bg
{
    position:relative;margin:0 auto;padding:30px 0 30px 540px;width:1200px;
    /*min-height:370px; energysoft*/
    min-height:258px
    
    }
.s1_1_con1 .bg::before
{
  /*  position:absolute;
    top:-50px;
    left:0;
    width:445px;
    height:400px;
    content:'';
    background:url('../img/s1_1_img1.png') no-repeat left top;
    background-size:100%;  energysoft*/
      position:absolute;
    top:69px;
    left:0;
    width:451px;
    height:400px;
    content:'';
    background:url('../img/s1_1_img1.jpg') no-repeat left top;
    background-size:100%;
    
    }
.s1_1_con1 .txt1{position:relative;margin-bottom:25px;font-family: 'Nanum Square';font-size:22px;line-height:30px}
.s1_1_con1 .txt1 span{font-size:28px}
.s1_1_con1 .txt1 span b{color:#f07025}
.s1_1_con1 .txt2{font-size:18px;font-weight:300}
.s1_1_con1 .txt3{text-align:right}

.s1_1_con2{margin-bottom:75px}
.s1_1_con2 h2.title{font-size:36px;color:#000}
.s1_1_con2 ul{margin:0 auto;width:1200px}
.s1_1_con2 ul::after{display:block;clear:both;content:''}
.s1_1_con2 ul li{position:relative;float:left;margin-bottom:25px;padding:0 50px 0 145px;width:50%;min-height:150px;line-height:22px}
.s1_1_con2 ul li .photo{position:absolute;top:0;left:0}
.s1_1_con2 ul li .tit{display:block;margin-bottom:10px;font-size:16px;color:#454545;font-weight:500}

.s1_1_con3{padding-bottom:200px}
.s1_1_con3 h2.title{font-size:36px;color:#000}
.s1_1_con3 .bg
{
    margin:0 auto;
 /* energysoft padding:0 0 80px 600px;*/
    padding:0 0 0 600px;
    width:1200px;background:url('../img/s1_1_bg.jpg') no-repeat left bottom}

/*
.s1_1_con2{margin:0 auto;width:1200px}
.s1_1_con2::after{display:block;clear:both;content:''}
.s1_1_con2 .organiCon{position:relative;margin:0 auto 70px;width:1105px;font-family: 'Nanum Square';font-size:18px;font-weight:bold;background:url('../img/s1_1_img3.gif') no-repeat center 15px}
.s1_1_con2 .organiCon ol > li{text-align:center} 
.s1_1_con2 .organiCon ol > li > span{display:inline-block;width:215px;height:47px;line-height:47px;text-align:center}
.s1_1_con2 .organiCon ol > li > .or1{color:#fff;background:#f07025}
.s1_1_con2 .organiCon ol > li > .or2{color:#fff;position:absolute;top:0;right:85px;background:#105baa}
.s1_1_con2 .organiCon ol > li > ol{padding-top:95px}
.s1_1_con2 .organiCon ol > li > ol::after{display:block;clear:both;content:''}
.s1_1_con2 .organiCon ol > li > ol > li{float:left;width:25%}
.s1_1_con2 .organiCon ol > li > ol > li span{line-height:40px;background:#fff;border:5px solid #f07025}

.s1_1_con2{padding-bottom:200px}
.s1_1_con2 table{float:left;width:51%}
.s1_1_con2 .right{float:right;width:40%}
.s1_1_con2 .right dl{position:relative;margin-bottom:40px;padding-left:80px}
.s1_1_con2 .right dl dt{position:absolute;top:5px;left:0;width:60px;font-size:16px;font-weight:500;line-height:18px}
.s1_1_con2 .right dl dt span{display:block;font-size:12px;font-weight:normal}
.s1_1_con2 .right dl dt::after{position:absolute;top:0;right:0;width:1px;height:35px;content:'';background:#105baa}
*/

.s1_2_con1{margin-bottom:60px;padding:0 10px;min-height:500px;text-align:center;background:url('../img/s1_2_bg.gif') repeat-x center 145px}
.s1_2_con1 dl dt{margin-bottom:40px}
.s1_2_con1 dl dd li{display:inline-block;margin:0 50px}

.s1_2_con2{padding:45px 10px 200px;background:#ebebeb}
.s1_2_con2 .sConBox{width:1110px}
.s1_2_con2 .left{float:left;}
.s1_2_con2 .right{float:right;margin-bottom:50px}
.s1_2_con2 p{position:relative;clear:both;margin:0 auto 6px;padding:10px 30px;width:980px;font-size:22px;text-align:center;overflow:hidden;background:#1181aa}
.s1_2_con2 p b{color:#fff}
.s1_2_con2 p::before{position:absolute;top:10px;left:-180px;width:400px;height:200px;content:'';background:#ebebeb;transform:skewY(42deg);}
.s1_2_con2 .txt2::before{left:-90px}

.s1_3_con{margin:0 auto;padding:0 10px 200px;width:1200px}
.s1_3_con ul{margin-top:30px;padding:0 40px}
.s1_3_con ul::after{display:block;clear:both;content:''}
.s1_3_con ul li{float:left;padding:25px 20px 0 90px;width:33.33%;min-height:80px;line-height:18px;vertical-align:middle;background-repeat:no-repeat;background-position:left top}
.s1_3_con ul li b{font-size:18px;color:#105ba9}
.s1_3_con ul li.ic1{padding-top:10px;width:40%;background-image:url('../img/s1_3_ic1.gif')}
.s1_3_con ul li.ic2{width:30%;background-image:url('../img/s1_3_ic2.gif')}
.s1_3_con ul li.ic3{width:30%;background-image:url('../img/s1_3_ic3.gif')}

.s2_1_con1{margin:0 auto 50px;padding:0 10px;width:1200px}
.s2_1_con1::after{display:block;clear:both;content:''}
.s2_1_con1 table{float:left;width:49%}
.s2_1_con1 .right{float:right;padding-top:10px;width:49%}
.s2_1_con1 .right h3{margin-bottom:25px;font-size:20px}

.s2_1_con1 .left{float:left;padding-top:10px;width:49%}
.s2_1_con1 .left h3{margin-bottom:25px;font-size:20px}

.s2_1_con2{padding:40px 10px 200px;background:#ebebeb}
.s2_1_con2 .left{float:left;width:596px}
.s2_1_con2 .right{float:right;width:580px;}

.s2_2_con{margin:0 auto;padding:0 10px 200px;width:950px}
.s2_2_con .con1{margin-bottom:70px}
.s2_2_con .con1::after{display:block;clear:both;content:''}
.s2_2_con .con1 > li{float:left;padding-left:5px;width:50%;text-align:center}
.s2_2_con .con1 > li:first-child{padding:0 5px 0 0}

.box{margin-top:30px;padding:10px 20px;color:#585858;font-weight:300;background:#e4e4e4}
.box b{color:#f07025}

.s2_3_con1{margin:0 auto 30px;padding:40px 10px;width:1220px}
.s2_3_con1::after{display:block;clear:both;content:''}
.s2_3_con1 h3{margin-bottom:30px;height:45px;font-size:22px;line-height:45px;text-align:center;}
.s2_3_con1 .con1{float:left;width:405px}
.s2_3_con1 .con1 h3{color:#585858;background:#b2b2b2}
.s2_3_con1 .con1 p{font-size:18px;text-align:center}
.s2_3_con1 .con2{float:right;width:760px}
.s2_3_con1 .con2 h3{color:#fff;background:#105ba9}

.s2_3_con2{margin:0 auto 30px;padding:40px 10px;width:1220px}
.s2_3_con2::after{display:block;clear:both;content:''}
.s2_3_con2 .con1{float:left;width:580px}
.s2_3_con2 .con1 p{font-size:18px;text-align:center}
.s2_3_con2 .con2{float:right;width:600px}

.s2_3_con3{margin-bottom:30px;padding:35px 10px;text-align:center;background:#ebebeb}
.s2_3_con3 img{display:block;margin:0 auto}
.s2_3_con3 .box{display:inline-block}

.s2_3_con4{margin:0 auto 30px;padding:40px 10px 200px;width:1220px}
.s2_3_con4::after{display:block;clear:both;content:''}
.s2_3_con4 h3{margin-bottom:40px}
.s2_3_con4 .con1{float:left;width:580px}
.s2_3_con4 .con1 .box{margin:0 0 20px}
.s2_3_con4 .con2{float:right;width:580px}
.s2_3_con4 .con2 p{font-size:18px;text-align:center}

.s3_con{padding:60px 10px 200px;text-align:center;background:#ebebeb}

.s4_con{padding:60px 10px 200px;text-align:center;background:#ebebeb}
.s4_con .con{margin:0 auto 10px;width:722px;text-align:left}
.s4_con .con h2{margin-bottom:10px;font-size:24px}
.s4_con .con p{font-size:18px;font-weight:300}




	.estxt
		{
		    font-size: 13px;
  /* border: #CCCCCC 1px solid; */
    background: #FFFFFF;
    height: 30px;
    padding: 5px 3px 5px 3px;
 width:400px;
		}
		.esselect
		{
		    font-size: 13px;
    letter-spacing: -1px;
    border: 1px solid #ccc;
    background: #FFFFFF;
    height: 35px;
    padding: 5px 3px 5px 3px;
    width:400px;
		}
		
		.esbtn
		{
		    font-size: 11px;
    color: #FFFFFF;
    font-weight: none;
    letter-spacing: -1px;
    border: 1px solid #2A2A2A;
    background: #494949;
    margin: 0em;
    padding: 8px;
    cursor: hand;
		}
		
		.estbl3
		{
		    width:560px; margin-left:auto; margin-right:auto;
		}

/*
================================================================================
반응형 서브 콘텐츠
================================================================================
*/

 /* Tablet Device */
@media all and (min-width:641px){
	


}

 /* Mobile Device */
@media all and (max-width:640px)
{
    
	.estxt
		{
		    font-size: 13px;
  /* border: #CCCCCC 1px solid; */
    background: #FFFFFF;
    height: 30px;
    padding: 5px 3px 5px 3px;
width:100%;
		}
		.estbl3
		{
		    width:100%; margin-left:auto; margin-right:auto;
		}
    
    	.esselect
		{
		    font-size: 13px;
    letter-spacing: -1px;
    border: 1px solid #ccc;
    background: #FFFFFF;
    height: 35px;
    padding: 5px 3px 5px 3px;
    width:100%;
		}
	
	
	
	
	
	.mblink a{display:block}

	/* 모바일 테이블 가로스크롤 */
	.mb_scroll{position:relative;}
	.mb_scroll .tbBox{position:relative;padding-top:20px;width:100%;overflow:auto}
	.mb_scroll table{width:800px}
	.mb_scroll::before{position:absolute;top:-5px;right:0;content:'좌우Scroll ▶';font-size:13px}

	h2.title{margin-bottom:30px;font-size:28px !important}
	h2.title2{margin-bottom:30px;font-size:24px}
	h3.title{font-size:20px}

	.topTxt{margin-bottom:30px;padding:0 20px;font-size:22px;line-height:28px}
	.sConBox{width:100%}

	.s1_1_con1 .bg{padding:20px;width:100%;}
	.s1_1_con1 .bg::before
	{
	    top:-17px;left:auto;right:0;width:150px;height:150px;z-index:1;
	    display:none; /*energysoft*/
	    
	    }
	.s1_1_con1 .txt1{padding-right:100px;
	                 font-size:18px;line-height:24px;z-index:2}
	.s1_1_con1 .txt1 span{font-size:22px}
	
	.s1_1_con2{padding:0 10px;}
	.s1_1_con2 ul{width:100%}
	.s1_1_con2 ul li{float:none;padding-right:0;width:100%}

	.s1_1_con3{padding:0 10px;}
	.s1_1_con3 .bg{padding-left:0;width:100%;background:none}
	
	/* .s1_1_con2 .organiCon{margin-bottom:40px;padding-right:80px;width:100%;background:none}
	.s1_1_con2 .organiCon ol > li > .or1{}
	.s1_1_con2 .organiCon ol > li > .or2{top:0;right:5%;padding:10px 10px;width:50px;height:240px;line-height:22px}
	.s1_1_con2 .organiCon ol > li > ol{padding-top:40px}
	.s1_1_con2 .organiCon ol > li > ol > li{float:none;margin-bottom:10px;width:100%}

	.s1_1_con2 table{float:none;margin-bottom:30px;width:100%}
	.s1_1_con2 .right{float:none;width:100%} */
	
	.s1_2_con1{min-height:100px;background-size:auto 150px}
	.s1_2_con1 dl dt{margin:0 auto 30px;width:200px}
	.s1_2_con1 dl dd li{margin:0 2px;width:120px}
	
	.s1_2_con2{padding:30px 10px}
	.s1_2_con2 .sConBox{width:100%;text-align:center}
	.s1_2_con2 .left{float:none;margin-bottom:30px}
	.s1_2_con2 .right{float:none}
	.s1_2_con2 p{width:100%;font-size:18px}
	.s1_2_con2 p::before{display:none}

	.s1_3_con{padding:0 10px 30px;width:100%}
	.s1_3_con iframe{width:100%}
	.s1_3_con ul{padding:0}
	.s1_3_con ul li{float:none;margin-bottom:20px;padding:15px 0 0 60px;width:100% !important;min-height:50px;background-size:50px}
	.s1_3_con ul li.ic1{padding-top:0}

	.s2_1_con1{width:100%}
	.s2_1_con1 table{float:none;margin-bottom:30px;width:100%}
	.s2_1_con1 .right{float:none;width:100%}
	.s2_1_con1 .left{float:none;width:100%}
	
	.s2_1_con2{padding-bottom:50px}
	.s2_1_con2 .left{float:none;margin-bottom:30px;width:100%}
	.s2_1_con2 .right{float:none;width:100%;text-align:center}

	.s2_2_con{width:100%}
	.s2_2_con .con1{margin-bottom:30px}
	.s2_2_con .con1 li{float:none;margin-bottom:10px;padding:0 !important;width:100%;}
	
	.s2_3_con1{margin-bottom:0;width:100%}
	.s2_3_con1 .con1{float:none;margin-bottom:30px;width:100%}
	.s2_3_con1 .con2{float:none;width:100%}

	.s2_3_con1 h3{font-size:18px}

	.s2_3_con2{width:100%}
	.s2_3_con2 .con1{float:none;margin-bottom:30px;width:100%}
	.s2_3_con2 .con2{float:none;width:100%}

	.s2_3_con4{width:100%}
	.s2_3_con4 .con1{float:none;margin-bottom:20px;width:100%}
	.s2_3_con4 .con2{float:none;width:100%}

	.s3_con{padding:30px 10px }

	.s4_con{padding:30px 10px }
	.s4_con .con{width:100%}
	
	.bbsList{padding:10px;width:100%}
	.bbsList li a{padding:0}
	.bbsList li .photo{position:relative;top:0;left:0;display:block;margin-bottom:30px;width:100%;text-align:center}
	
	.bbsView{width:100%}
	.bbsView dt{padding:10px 15px}
	.bbsView dd{padding:10px 15px}
	.bbsView dd.infor{position:relative;top:0;right:0;padding:5px 15px 0;text-align:right}
	.bbsView dd.file{padding:0 0 5px 15px}

	.view_list{width:100%}
}

