@charset "utf-8";

#contents{margin-top:130px; }
#detail_con{padding-top:40px; margin:auto; max-width:1200px}
h3{display:none}
.point{color:#691bdf}
.conbtn{display:inline-block; padding:0px 25px; height:50px; line-height:50px; background:#691bdf; background-repeat:no-repeat; color:#fff; font-size:1.1em; text-shadow:0px 0px 1px rgba(0,0,0,.3); border-radius:5px}
.btnic_charge{padding-right:60px; background-image:url(/open_content/CCS/img/sub/ic_search.png);background-position:right 15px center;  background-size:35px}

table.data{width:100%; border:2px solid #333; overflow:hidden; border-radius:7px; border-collapse: separate; border-spacing: 0px;}
table.data th{font-weight:500; padding:15px 3px}
table.data td{padding:5px 3px}
table.data tr+tr th,
table.data tr+tr td,
table.data thead+tbody>tr:first-child th,
table.data thead+tbody>tr:first-child td{border-top:1px solid #ddd}
table.data th+th,
table.data td+td,
table.data th+td{border-left:1px solid #ddd}
table.data thead th{background:#f5f5f5}


/*** contents ***/
/* 충전소소개 */
.introduce{margin-top:40px}
.introduce>.con01{position:relative; padding:0px 0% 5% 4%; overflow:hidden}
.introduce>.con01:After{display:block; content:''; position:absolute; bottom:0px; left:-10%; width:120%; height:40px; background:url(/open_content/CCS/img/sub/introduce_bg.png) no-repeat center bottom/100%;}
.introduce>.con01>div>ul{position:absolute; bottom:0px; right:0%; text-align:center; width:50%}
.introduce>.con01>div>ul:After{display:block; content:''; position:absolute; margin:-40px 0px 0px -40px; left:50%; top:50%; width:80px; height:80px; background:#fff url(/open_content/CCS/img/sub/introduce_bg02.png) no-repeat center center; border-radius:100px; box-shadow:0px 1px 3px rgba(0,0,0,.2)}
.introduce>.con01>div>ul>li{display:inline-block; margin:0px 1.5% -5px; width:45%; padding:200px 10px 40px; font-size:1.2em; color:#fff; background-position:center 70px; background-repeat:no-repeat; border-radius:4px}
.introduce>.con01>div>ul>li:nth-child(1){background-color:#ff6195; background-image:url(/open_content/CCS/img/sub/introduce_ic01.png) }
.introduce>.con01>div>ul>li:nth-child(2){background-color:#37c1d9; background-image:url(/open_content/CCS/img/sub/introduce_ic02.png)}
.introduce>.con01>dl{width:50%}
.introduce>.con01>dl dt{font-size:2.5em; color:#1b1b1b; font-weight:600}
.introduce>.con01>dl dd{margin-top:25px; font-size:1.06em; line-height:1.7}
.introduce>.con01>dl dt+dd{margin-top:40px}
.introduce>.con02{position:relative; margin-top:6%; margin-bottom:2%; padding:0px 1.5% 4% 4%}
.introduce>.con02:After{display:block; content:''; clear:both}
.introduce>.con02 p.photo{position:absolute; width:58%;  border-radius:4px; overflow:hidden; font-size:0px} 
.introduce>.con02 dl.txt{position:relative; float:right; margin-top:3%; text-align:center; width:53%; padding:30px 5% 3%; background:#fff; box-shadow:0px 1px 3px rgba(0,0,0,.2); z-index:1; border-radius:4px}
.introduce>.con02 dl.txt dt{margin-top:-2%; padding-top:170px; font-size:2em; color:#1b1b1b; font-weight:600; background:url(/open_content/CCS/img/sub/introduce_ic03.png) no-repeat center top}
.introduce>.con02 dl.txt dd{margin-top:30px; font-size:1.06em; line-height:1.7}
/* 충전소 목록 */
.list_top{text-align:center; padding:40px 0; background:url(/open_content/CCS/img/sub/list_bg.gif) no-repeat right 10px bottom;}
.list_top h4{color:#1b1b1b; font-size:2.5rem; font-weight:600;}
/* 프로그램 검색 */
.charge_search{background:#f2f2f2; ;border-radius:7px; border:2px solid #333}
.search_word{text-align:center; padding:4% 2%}
.search_word>p{display:inline-block; position:relative; width:50%}
.search_word>p input[type=text]{padding:10px 110px 10px 20px; text-align:center; width:100%; height:52px; font-size:1.14em; background:#fff; bordeR:1px solid #ddd; border-radius:4px 0px 0px 4px}
.search_word>p input[type=submit]{position:absolute; right:0px; width:100px; height:52px; bordeR:0px;  background:#7a22f5 url(/open_content/CCS/img/sub/ic_search.png) no-repeat center center/35px; text-indent:-50000px; border-radius:0px 4px 4px 0px}
.search_word>a{display:inline-block; position:relative;  padding:0px 30px; height:52px; line-height:52px; bordeR:1px solid #ccc; background:#e7e7e7; vertical-align:middle; border-radius:3px}
.search_word>a.detail_close{background:#333; border-color:#333; color:#fff}
.search_word>a:after{display: inline-block; content: ''; vertical-align:middle; margin-left:7px; width: 2px; height: 1px; border: 6px solid transparent}
.search_word>a.detail_open:after{margin-top:2px; border-top-color: #333; border-top-width: 10px;}
.search_word>a.detail_close:after{margin-top:-9px; border-bottom-color: #fff; border-bottom-width: 10px;}
.search_detail{display:none; padding:0% 6% 5%}
.search_detail>dl{position:relative; padding:25px 0px}
.search_detail>dl+dl{border-top:1px dashed #ccc}
.search_detail>dl:first-child{border-top:2px solid #333}
.search_detail>dl:nth-last-of-type(1){border-bottom:1px solid #ccc}
.search_detail>dl>dt{position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); padding:0px 0px 0px 40px; width:175px; font-size:1.2em; font-weight:500}
.search_detail>dl>dt span{position:relative; display:block; padding-right:15px}
.search_detail>dl>dt span:AFter{display:block; content:''; position:absolute; right:0px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);  margin-top:-4px; width:8px; height:8px; border-top: 2px solid #333;  border-right: 2px solid #333; -webkit-transform:rotate(45deg); transform:rotate(45deg)}
.search_detail>dl>dd{padding-left:200px}
.search_detail>dl>dd>ul>li{display:inline-block; min-width:100px}
.search_detail>dl>dd>ul>li .chkbox{position:relative}
.search_detail>dl>dd>ul>li .chkbox input{position:absolute; top:1px; opacity:0; z-index:-1}
.search_detail>dl>dd>ul>li .chkbox label{display:block; text-align:center; padding:7px 15px 7px 24px; border:2px solid transparent; border-radius:3px; background:#fff;  cursor:pointer}
.search_detail>dl>dd>ul>li .chkbox input:checked+label{border-color:#ff6195; color:#e7335d; font-weight:600}
.search_detail>dl>dd>ul>li .chkbox input:checked+label:before,
.search_detail>dl>dd>ul>li .chkbox input:checked+label:after{border-color:#ff6195; }
.search_detail p.btn_detail{margin-top:20px; text-align:right}
.search_detail p.btn_detail a{display:inline-block; text-align:center; padding:8px 10px; min-width:115px; background:#ddd; border-radius:5px}
.search_detail p.btn_detail a span{display:block}
.search_detail input[type=submit]{padding:10px 4%; min-width:160px; background:#ff6195; box-shadow:0px 3px 0px #e7335d; font-size:1.25em; color:#fff; text-shadow:0px 0px 2px #e7335d; border:0px; border-radius:100px; line-height:normal}
.charge_result{margin:60px 0px 10px; overflow:hidden}
.charge_result>p{}
.charge_result>p.result_num{float:left; }
.charge_result>ul.result_tab{float:right}
.charge_result>ul.result_tab li{font-size:.95em; display:inline-block; position:relative; padding:0px 20px }
.charge_result>ul.result_tab li:last-child{padding-right:3px}
.charge_result>ul.result_tab li+li:before{display:block; content:''; position:absolute; left:0px; top:4px; width:1px; height:13px; background:#ddd;}
.charge_result>ul.result_tab li a{}
.charge_result>ul.result_tab li.select a{font-weight:500; color:#e7335d}
.charge_result>ul.result_tab li.select a:After{display:inline-block; content:''; vertical-align:middle; margin:-7px 0px 0px 8px; width:7px; height:7px; border-right: 2px solid #e7335d;  border-bottom: 2px solid #e7335d; -webkit-transform:rotate(45deg); transform:rotate(45deg)}
.btn_more{text-align:center; margin-top:40px; }
.btn_more a{padding:15px 60px; bordeR:1px solid #ccc; background:#e7e7e7; border-radius:3px}
.btn_more+.btnBox{margin-top:100px}
/* 위치찾기 */
.place_dong{position:relative; padding:25px 0px; border-top:2px solid #333; border-bottom:1px solid #ccc}
.place_dong>dt{position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); padding:0px 0px 0px 40px; width:175px; font-size:1.2em; font-weight:500}
.place_dong>dt span{position:relative; display:block; padding-right:15px}
.place_dong>dt span:AFter{display:block; content:''; position:absolute; right:0px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);  margin-top:-4px; width:8px; height:8px; border-top: 2px solid #333;  border-right: 2px solid #333; -webkit-transform:rotate(45deg); transform:rotate(45deg)}
.place_dong>dd{padding-left:200px}
.place_dong>dd>ul>li{display:inline-block; min-width:107px; margin-left:-2px}
.place_dong>dd>ul>li .chkbox{position:relative}
.place_dong>dd>ul>li .chkbox input{position:absolute; top:1px; opacity:0; z-index:-1}
.place_dong>dd>ul>li .chkbox label{display:block; text-align:center; padding:7px 18px; border:2px solid transparent; border-radius:3px; background:#eee;  cursor:pointer}
.place_dong>dd>ul>li .chkbox input:checked+label{border-color:#ff6195; color:#e7335d; font-weight:600; background:#fff}
.view_map{padding:0px 5px}
.view_map:after{display:block; content:''; clear:both}
.view_map>.result_map{position:relative; width:100%; height:755px; margin-top:20px; border:5px solid #fff; background:#b0d2ec; border-radius:15px; box-shadow:0px 0px 3px rgba(0,0,0,.3); z-index:2; overflow:hidden}
.view_map>.result_map a.skipmap{display:block; height:0px; text-indent:-500000px}
.view_map>.result_map a.skipmap:focus,
.view_map>.result_map a.skipmap:hover{display:inline; height:auto; text-indent:0px}

/***  program ***/
.scroll_table{overflow-x:auto}
.scroll_table table{width:100%; min-width:800px}
.btn_board {display: inline-block;  padding:1px 13px 2px; line-height:150%;  border-radius:60px; font-size: 14px}
#detail_con .btn_ok{background:#691bdf !important}
.lec_state {display: inline-block;  text-align: center; padding: 10px 20px; margin:2px 0px; min-width:110px;  border-radius:3px; border:1px solid #ddd;  line-height: 150%; font-size: 1.1em}
.bg_rd{background:#a82a2a; border-color:#a82a2a; color:#fff}
.bg_or{background:#da6506; border-color:#f16c00; color:#fff}
.bg_yg{background:#5a9020; border-color:#5a9020; color:#fff}
.bg_gr{background:#187332; border-color:#187332; color:#fff}
.bg_gb{background:#1b7f74; border-color:#1b7f74; color:#fff}
.bg_bg{background:#1c789a; border-color:#1c789a; color:#fff}
.bg_bl{background:#1a5194; border-color:#1a5194; color:#fff}
.bg_nv{background:#122e74; border-color:#122e74; color:#fff}
.bg_vi{background:#5c3ca7; border-color:#5c3ca7; color:#fff}
.bg_pp{background:#883a99; border-color:#883a99; color:#fff}
.bg_pk{background:#d23f62; border-color:#d23f62; color:#fff}
.bg_bk{background:#333; border-color:#333; color:#fff}
.bg_gy{background:#666; border-color:#666; color:#fff}
/* 로그인, 비번변경*/
.login #chargeLogin{margin-top:-3%}
#chargeLogin{margin:3% auto 10%; position:relative; max-width:400px}
#chargeLogin .tit{padding-bottom:2%; color:#2f3238; font-size:2.75em;}
#chargeLogin .stit{color:#999; font-size:15px; margin-bottom:8%}
#chargeLogin .txt{text-align:center; color:#999; font-size:15px;}
#chargeLogin label{display:none;}
#chargeLogin input{width:100%; margin:0 auto 5% auto; padding:5% 10%;}
#chargeLogin input[type=text],
#chargeLogin input[type=password]{border:1px solid #888; border-radius:30px;}
#chargeLogin input[type=text]::placeholder{color:#c9c9c9; font-size:15px;}
#chargeLogin input[type=password]::placeholder{color:#c9c9c9; font-size:15px;}
#chargeLogin input[type=text]:-ms-input-placeholder{color:#c9c9c9; font-size:15px;}
#chargeLogin input[type=password]:-ms-input-placeholder{color:#c9c9c9; font-size:15px;}
#chargeLogin p.btn_login{position:relative; margin-top:10%; }
/* #chargeLogin p.btn_login:After{display:block; content:''; position:absolute; right:30px; top:27px; width:10px; height:10px; border:2px solid #fff; border-width:2px 2px 0px 0px; transform:rotate(45deg)} */
#chargeLogin p.btn_login input[type=submit]{text-align:center; color:#fff; font-size:1.05em; background:#691bdf; border-width:0; border-radius:30px;}
/*  리스트 */
.board_list ul.lecList{overflow:hidden; padding-top:3px; border-top:3px solid #333}
.board_list ul.lecList>li{position:relative; float:left; margin-bottom:10px; width:48%; box-sizing:border-box}
.board_list ul.lecList>li:first-child:last-child{width:100%}
.board_list ul.lecList>li:nth-child(even){float:right}
.board_list ul.lecList>li.close *{color:#888; font-weight:normal}
.board_list ul.lecList>li.close p.tit a{color:#888; font-weight:normal}
.board_list ul.lecList>li>div{padding:25px 10px 30px; border-bottom:1px dashed #ccc;}
.board_list ul.lecList>li p.tit{padding-right:85px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.board_list ul.lecList>li p.tit a{color:#333; font-size:1.25em; font-weight:500;}
.board_list ul.lecList>li .tag_state{position:absolute; top:25px; right:25px; min-width:60px}
.board_list ul.lecList>li ul.lec_info{overflow:hidden; margin-top:20px}
.board_list ul.lecList>li ul.lec_info>li{position:relative; float:left; width:50%; min-width:210px; padding-left:8px; box-sizing:border-box; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.board_list ul.lecList>li ul.lec_info>li:after{display:block; content:''; position:absolute; left:0px; top:12px; width:3px; height:3px; background:#ccc}
.board_list ul.lecList>li ul.lec_info>li.long{clear:both; float:none; width:100%; }
.board_list ul.lecList>li ul.charge_info{overflow:hidden; margin-top:15px}
.board_list ul.lecList>li ul.charge_info>li{margin-top:3px; font-size:.95em}
.board_list ul.lecList>li ul.charge_info>li .word{color:#c91818}
.board_list ul.lecList .nodata{text-align:center; padding:40px 0px; margin-bottom:40px;  border-bottom:1px solid #eee}
/* 작성정보,첨부파일(상세,) */
.data_list{margin-top:40px; border-top:1px solid #ccc; border-bottom:1px solid #ccc}
.add_file+.data_list{margin-top:-1px;}
.title+.data_list{margin-top:0px; border-top:0px}
.data_list>li{overflow:hidden; border-top:1px dotted #ccc}
.data_list>li:first-child{border-top:0px}
.data_list>li dl{display:table; width:100%}
.data_list>li.col2 dl{float:left; width:50%}
.data_list>li dl>dt, 
.data_list>li dl>dd{display:table-cell; padding:5px; padding-left:20px}
.data_list>li dl dt{width:110px; font-weight:500; color:#333}
.data_list>li.longDt dl{padding:8px 0px}
.data_list>li.longDt dl dt{float:left; width:auto; padding-bottom:0px; padding-top:0px}
.data_list>li.longDt dl dd{float:left; padding-top:0px}
.data_list .local_cate{float:right; margin-left:10px}
.add_file dl{display:table; width:100%}
.add_file dl>dt,
.add_file dl>dd{display:table-cell; padding:8px 5px; padding-left:20px}
.add_file dl>dt{width:90px; font-weight:500; color:#333}
.add_file{position:relative; padding:10px 80px 10px 0px; background:#f9f9f9; border-bottom:1px solid #ddd}
.add_file dl>dd ul li{position:relative; padding-left:15px}
.add_file dl>dd ul li img{vertical-align:middle}
.add_file dl>dd ul li span.byte{padding-left:5px; color:#666; font-weight:500; font-size:.9em; letter-spacing:0px}
.add_file .alldown{position:absolute; right:30px; top:15px}
.charge_view{}
.charge_view div.title{text-align:center; margin-top:-1px; padding:10px 0px 50px; border-bottom:2px solid #333}
.charge_view div.title p{font-size:2em; color:#333}
.charge_view div.title p.period{display:inline-block; margin-top:10px; padding:0px 20px; font-size:1.07em; background:#e3e3e3; border-radius:60px; letter-spacing:0px; }
.charge_view div.stateBox{margin-top:20px; text-align:right}
.charge_view div.con{border-bottom:1px solid #ccc}
.charge_view div.con img{max-width:100%}
.charge_view div.con .photo{margin:40px auto; width:90%; text-align:center}
.charge_view div.con .photo p{display:inline-block; margin-top:20px; max-width:100%; font-size:0.93em}
.charge_view div.con .photo p span{display:block}
.charge_view div.con .detail{margin:40px auto 50px; width:90%}
.charge_view div.con .photo+.detail{margin-top:80px}
.charge_view div.con table td, .charge_view div.con table th{border:1px solid #ccc}
.charge_view div.con table th{font-weight:500}
.charge_view+.btnBox{margin-top:50px}
.charge_view .charge_info{position:relative; margin:9% auto 60px; padding:40px 50px; padding-right:340px; width:100%; border:7px solid #eee}
.charge_view .charge_info .charge_name{font-weight:500; font-size:1.4em}
.charge_view .charge_info .charge_photo{position:absolute; top:105px; right:40px; width:250px; height:62%; overflow:hidden}
.charge_view .charge_info .charge_photo a{display:block; background:#eee; font-size:0px}
.charge_view .charge_info .charge_photo img{max-height:100%}
.charge_view .charge_info.nophoto{padding-right:50px}
.charge_view .charge_info.nophoto .charge_photo{display:none;}
.charge_view .charge_info .data_list{margin-top:30px; border-bottom:0px}
.shareSns{margin-top:20px; text-align:right}
.shareSns li {display:inline-block}
.shareSns li a {display:block; width:32px; height:32px; overflow:hidden; text-indent:-50000px; background-size:100% !important;; font-size:0px}
.shareSns li.sns00 a {background:url('/open_content/main/img2020/sub/sns_link.gif') no-repeat center center;}
.shareSns li.sns01 a {background:url('/open_content/main/img2020/sub/sns_facebook.gif') no-repeat center center;}
.shareSns li.sns02 a {background:url('/open_content/main/img2020/sub/sns_twitter.gif') no-repeat center center;}
.shareSns li.sns03 a {background:url('/open_content/main/img2020/sub/sns_kakaostory.gif') no-repeat center center;}
.shareSns li.sns03_2 a {background:url('/open_content/main/img2020/sub/sns_kakaotalk.gif') no-repeat center center;}
.shareSns li.sns04 a {background:url('/open_content/main/img2020/sub/sns_blog.gif') no-repeat center center;}
.shareSns li.print a {background:url('/open_content/main/img2020/sub/sns_print.gif') no-repeat center center;}
table.general_board tbody td.title a{font-weight:600}
.board_gallery .title a{font-weight:normal}
div.photo_big{display:none; position:fixed; left:0px; top:0px; margin:0px; width:100%; height:100%; background:rgba(0,0,0,.8); z-index:901}
div.photo_big a{display:block; text-align:center}
div.photo_big img{position:absolute; margin:auto;  left:5%; right:5%;  top:-5%; bottom:0px; border:4px solid #fff; box-shadow:0px 1px 5px rgba(0,0,0,.5); max-width:90% !important; max-height:90%}

/*****************************************************************************************************************/


@media screen and (min-width:801px){
	.board_gallery>ul>li{width:23%}

	.board_gallery .photo{height:200px}
}

@media screen and (max-width:800px){	
	.introduce{margin-top:0px}
	.introduce>.con01{padding:0px 0px 20px}
	.introduce>.con01>div{position:relative; overflow:hidden}
	.introduce>.con01>div:After{background-size:200%}
	.introduce>.con01>div>ul{position:relative;  width:100%}
	.introduce>.con01>div>ul:After{margin:-20px 0px 0px -20px; width:40px; height:40px; background-size:14px}
	.introduce>.con01>div>ul>li{padding-top:100px; padding-bottom:25px; background-size:50px; background-position:center 30px; font-size:1em}
	.introduce>.con01>dl{width:100%; text-align:center;}
	.introduce>.con01>dl dt{margin-top:50px; font-size:2em}
	.introduce>.con02{position:relative; margin-top:6%; margin-bottom:30px; padding:0px; border-top:1px dotted #ddd}
	.introduce>.con02:After{display:block; content:''; clear:both}
	.introduce>.con02 p.photo{display:none}
	.introduce>.con02 dl.txt{float:none;  width:100%; box-shadow:none}
	.introduce>.con02 dl.txt dt{padding-top:130px; font-size:1.5em; background-size:120px}
	.list_top{background:none;}
	.login #chargeLogin{margin-top:-100px}
	#chargeLogin .tit,
	#chargeLogin .stit{text-align:center}
	.search_word	{text-align:right; padding:30px}
	.search_word>p{display:block; width:100%}	
	.search_word>a{margin-top:15px; padding:0px 10px; height:30px; line-height:30px}
	.search_detail>dl{padding:25px 5px}
	.search_detail>dl>dt{position:relative; top:0%; transform:translateY(0%); -webkit-transform:translateY(0%); padding:0px 3px 10px}
	.search_detail>dl>dt span{display:inline-block}
	.search_detail>dl>dt span:after{margin-top:-7px; border-top:0px; border-bottom: 2px solid #333;  border-right: 2px solid #333; }
	.search_detail>dl>dd{padding:0px}
	.search_detail>dl>dd>ul>li{margin:2px 0px; min-width:auto}
	.search_detail>dl>dd>ul>li .chkbox label{padding:4px 10px}
	.search_detail p.btn_detail{margin-bottom:20px}
	.view_map>.result_map{height:400px}
	.place_dong>dt{position:relative; top:0%; transform:translateY(0%); -webkit-transform:translateY(0%); padding:0px 3px 10px}
	.place_dong>dt span{display:inline-block}
	.place_dong>dt span:AFter{margin-top:-7px; border-top:0px; border-bottom: 2px solid #333;  border-right: 2px solid #333; }
	.place_dong>dd{padding:0px}
	.place_dong>dd>ul>li{margin:2px 0px; min-width:auto}
	.place_dong>dd>ul>li .chkbox input{position:absolute; top:1px; opacity:0; z-index:-1}
	.place_dong>dd>ul>li .chkbox label{padding:4px 10px}
	.board_list ul.lecList>li{width:100%; margin:0px}
	.board_list ul.lecList>li>div{padding:20px 10px 20px}
	.board_list ul.lecList>li p.tit{padding-right:0px}
	.board_list ul.lecList>li ul.charge_info{margin-top:10px}
	.btn_board{padding:5px 10px 3px 10px}
	.data_list>li.col2 dl{float:none; width:100%; border-top:1px dotted #ccc}
	.data_list>li.col2 dl:first-child{border-top:0px}
	.add_file dl>dt,
	.data_list>li dl>dt,
	.add_file dl>dd,
	.data_list>li dl>dd{padding-left:15px}
	.data_list>li dl.mb_col100p{padding-top:10px}
	.data_list>li dl.mb_col100p>dt,
	.data_list>li dl.mb_col100p>dd{display:block;}
	.add_file{padding:10px}
	.add_file .alldown{position:static; margin-left:110px}
	.charge_view div.con .detail{width:100%}
	.charge_view .charge_info{width:100%; padding:30px; border-width:5px}
	.charge_view .charge_info .charge_name{font-weight:500; font-size:1.4em}
	.charge_view .charge_info .charge_photo{position:static; margin:30px auto 0px}

}