@charset "UTF-8";
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* Author : 사하구청
/* Date : 2017-12-01 ~
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 서브 공통스타일
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* Common */
.blind {position:absolute;top:-9999px;left:-9999px;z-index:-1; height:0; padding:0; margin:0;overflow:hidden; }

 /* Color */
.red, a.red {color:#e65231}
.pink, a.pink {color:#d84374}
.orange, a.orange {color:#ff7113}
.blue, a.blue {color:#2466c0}
.sky, a.sky {color:#0084aa}
.green, a.green {color:#008c44}
.olive, a.olive {color:#529823}
.pp { color: #4b5399 !important;}
a.pp {color: #3644bd !important;}
.mT30 { margin-top: 30px}

.bold { font-weight: bold; }

span[class^="bgr_"], em[class^="bgr_"] {padding:3px 5px 2px;border-radius:3px;color:#fff;font-size:0.923em;font-weight:700}
.bgr_red {background-color:#e65231}
.bgr_blue {background-color:#2466c0}
.bgr_sky {background-color:#0084aa}
.bgr_green {background-color:#008c44}
.bgr_olive {background-color:#529823}
.gray, a.gray {color:#888}

/* Heading */
h3.bar { margin: 10px 0 5px; padding-left: 10px; font-size: 20px; line-height: 18px; font-weight: bold; color: #3b4a98; background: url(../../images/sub/icon_h3.gif) 0px 50% no-repeat; box-sizing: border-box; }
h4.circle { margin: 15px 0 10px 10px; padding-left: 15px; font-size: 18px; line-height: 15px; font-weight: bold; color: #2349B4; background: url(../../images/sub/icon_h4.gif) 0px 50% no-repeat; box-sizing: border-box; }
h5.circle { padding: 0 0 5px 10px; font-size: 16px; color: #000; background: url(../../images/sub/icon_arrow.gif) 0px 8px no-repeat; box-sizing: border-box; }

/* 문단 */
.h3content { margin: 0 0 15px 5px; padding: 0 0 5px 5px; box-sizing: border-box; position: relative; }
.h4content { margin: 0 0 15px 15px; padding: 0 0 5px 12px; box-sizing: border-box; position: relative; }
.h3content p, .h4content p { padding-bottom: 5px; }
.contentBox {margin: 0 0 30px 0; }
.contentBox p {padding-bottom: 10px; }
.contentBox .ttl { font-size: 30px; line-height: 40px; padding-bottom: 15px;}
.contentBox .ttl span { color: #3c62bd; }

 /* box */
.bg_box { min-height: 100px; box-sizing: border-box; border: 1px solid #e2e5eb; padding: 30px 30px 20px 30px; margin-bottom: 30px; background-color: #f0f4fa; }
.bg_box p { margin-bottom: 10px}

/* Btn */
.btn_link { display: inline-block; height: 25px; padding: 5px 46px 5px 28px; line-height: 25px; color: #fff!important; background: #2d6eb4 url(../../images/sub/btn_link.png) 92% 50% no-repeat; }
.btn_link:hover { background-color: #0E4B8D; text-decoration: none; }
.url_link { display: inline-block; height: 25px; padding: 5px 35px 5px 0px; line-height: 25px; color: #1278DE!important; background: url(../../images/sub/url_link.png) 90% 50% no-repeat; }
.url_link:hover { color: #2d6eb4; }
.btn_file { display: inline-block; height: 20px; padding: 5px 35px 5px 18px; border: 1px solid #ddd; border-left: 2px solid #333C7D;  line-height: 20px; color: #333C7D!important; background: #fff url(../../images/sub/btn_file.png) 100% 50% no-repeat; }
.btn_file:hover { background-color: #f9f9f9; text-decoration: none; }
.img_link { display: block; box-sizing: border-box;}
.img_link:hover span {background-color: #0E4B8D;  text-decoration: none;  }
.img_link span i.url_link { padding: 5px 35px 5px 10px; font-style: normal;}
.img_link:hover span i.url_link {color: #fff!important; background: #0E4B8D url(../../images/sub/btn_link.png) 92% 50% no-repeat;}

.btn_wrap {padding:15px 0 0}
.btn_wrap_s {padding:5px 0 0}
.btn_wrap .tl {float:left;width:50%}
.btn_wrap .tr {float:right;width:50%}


a.btn_s {display:inline-block;height:26px;margin:0 6px 4px;padding:1px 24px 0 12px;background:#6e9bc8 url(../../images/sub/btn_icon.png) no-repeat 100% 0;color:#fff;font-size:12px;font-weight:700;line-height:26px;vertical-align:middle;text-decoration:none;transition:background-color .3s}
a.btn_m {display:inline-block;height:35px;margin:0 6px 4px;padding:1px 18px 0 26px;background:#2d6eb4 url(../../images/sub/btn_icon.png) no-repeat 0 -120px;color:#fff;font-weight:700;line-height:35px;vertical-align:middle;text-decoration:none;transition:background-color .3s}

a.btn_s.btn_win {padding-right:28px;background-position:100% -40px}
a.btn_m.btn_win {padding:1px 36px 0 18px;background-position:100% -220px}
a.btn_m.btn_srh {padding-left:34px;background-position:0 -170px}
a.btn_m.btn_phone {padding-left:34px;background-position:0 -270px}
a.btn_m.btn_gr {background-color:#1ba06f}

a.btn_bg {padding-left:16px;padding-right:28px;background:#2d6eb4 url(../../images/sub/btn_bg.png) no-repeat 100% 0;color:#555}
a.btn_s.btn_bg {border-left:3px solid #6e9bc8;background-position:100% 0}
a.btn_m.btn_bg {border-left:3px solid #2364af;background-position:100% -160px}
a.btn_s.btn_bg.btn_down {background-position:100% -80px}
a.btn_m.btn_bg.btn_down {padding-right:36px;background-position:100% -260px}
a.btn_bg.btn_gr {border-left:3px solid #1ba06f}
a.btn_bg.btn_or {border-left:3px solid #fbbc05}

a.btn_s:hover, a.btn_s:active, a.btn_s:focus {background-color:#5b89bb}
/*a.btn_s.btn_bg:hover, a.btn_s.btn_bg:active, a.btn_s.btn_bg:focus {color:#5b89bb;background-position:100% -120px}*/
a.btn_m:hover, a.btn_m:active, a.btn_m:focus {background-color:#1d58a4}
/*a.btn_m.btn_bg:hover, a.btn_m.btn_bg:active, a.btn_m.btn_bg:focus {color:#1d58a4;background-position:100% -210px}*/
a.btn_m.btn_gr:hover, a.btn_m.btn_gr:hover, a.btn_m.btn_gr:hover {background-color:#008e5a}

/* List */
.ul_dot { padding-bottom: 5px; overflow: hidden; position: relative;}
.ul_dot li { padding: 0 0 5px 10px; background: url(../../images/sub/icon_arrow.gif) 0px 8px no-repeat; box-sizing: border-box; }
.ul_dot li ul { padding-bottom: 10px; }
.ul_dot li ul li { padding: 0 0 0 8px; background: url(../../images/sub/icon_dot.gif) 0px 8px no-repeat; }
.ul_dot li ol li { padding: 0px; background: none; }
.ul_dot li ul li li { padding: 0 0 0 10px; background: url(../../images/sub/icon_bl.gif) 3px 10px no-repeat; }
.ul_bar {padding-top:5px; overflow: hidden; position: relative;}
.ul_bar li { padding: 0 0 3px 15px; background: url(../../images/sub/icon_bar.gif) 0px 9px no-repeat; box-sizing: border-box; text-align: left; }
.ul_img { clear:both; padding: 5px 0 10px; overflow: hidden; position: relative;}
.ul_img li { float: left; width: 33.330%; box-sizing: border-box; padding-left: 1px; padding-bottom: 10px }
.ul_img li:FIRST-CHILD {padding-left: 0}
.ul_img li.first {clear:both;float: left;}
.ul_img li img { max-width: 100%}
.ul_img li span { display: block; text-align: center; font-size: 13px; padding: 3px; background-color: #eee}
.ul_img.col2 li {width: 50%; text-align: center;}
.ul_img.col4 li {width: 25%; text-align: center;}

p.img { text-align: center; }
p.img img { padding: 0 5px 5px 0; max-width: 100%; }

/* Icon */
.ic {overflow:hidden;display:inline-block;margin-right:10px;width:20px;height:20px;color:transparent;vertical-align:middle; background: url(../../images/sub/ic.png) 90% 50% no-repeat;}
.ic_map { background-position:90% 0}
.ic_tel { background-position:90% -30px}
.ic_hp { background-position:90% -60px}
.ic_lamp { background-position:90% -90px}
.ic_time { background-position:90% -120px}
.ic_hart { background-position:90% -150px}
.ic_pin { background-position:90% -180px}
.ic_bell { background-position:90% -210px}
.ic_clip { background-position:90% -240px}

a.new_win {margin:0 2px;padding-right:18px; background: url(../../images/sub/url_link.png) 100% 50% no-repeat; color:#1278DE}
h4 a.new_win {font-size:0.866em;font-weight:400}

/* Image */
.img_full, .img_full img {max-width:100%}
.img_left {float:left;margin:0 80px 15px 0; width: 350px; box-sizing: border-box; position: relative; }
.img_left img {width:100%; box-shadow: 15px 15px 0 #a6b6e7; }
.img_left:after { display:block; content:""; width:60px; height:85px; position:absolute; right:-59px; top:-30px; background: url("../../images/sub/img_bgLine.png") 0 0 no-repeat;}


/* Align */
.tl {text-align:left}
.tc {text-align:center}
.tr {text-align:right}
.tj {text-align:justify}

/* 여백 */
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mb0 { margin-bottom: 0px !important; }
.pt0 { padding-top: 0px !important; }
.pt10 { padding-top: 10px !important; }
.pt20 { padding-top: 20px !important; }
.pb0 { padding-bottom: 0px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb30 { padding-bottom: 30px !important; }


 /* Table */
 table {width:100%; border-collapse:collapse; border:0; border-spacing:0;/*table-layout:fixed*/}
.table { margin:4px 0 10px; border-top: 2px solid #2349B4; }
.table th, .table td { padding:8px 10px 6px; border:1px solid #ddd; line-height:1.615; vertical-align:middle}
.table thead th { border-top:0; background:#ECF0FB; text-align:center}
.table tbody th { font-weight:400; text-align:center}
.table tbody .bg { background:#f2f2f2}
.table tbody tr:first-child th, .table tbody tr:first-child td { border-top:0}
.table tbody th { background-color: #f9f9f9; font-weight: 600; }
.table tfoot th{ background:#e9eff4}
.table tfoot td { background:#f8fafb}
table td.tl, table th.tl {text-align:left !important}
table td.tr, table th.tr {text-align:right}


/* 찾아오시는 길 */
.btn_skip {font-size:0; position: relative;}
.btn_skip a {position:absolute; display:block; width:100%; left:0; text-align:center; top:-10000px; z-index:500; font-size:12px; color:#fff }
.btn_skip a:hover, 
.btn_skip a:focus, 
.btn_skip a:active{position: absolute; top: 0; padding: 10px 0;  background:#2349B4; z-index:500}
#map {position:relative;overflow:hidden;width:100%;height:400px;background-color: #eee; margin-bottom: 20px}
.customoverlay {position:relative;bottom:90px; left:0px; border-radius:6px;border: 1px solid #ccc;border-bottom:2px solid #ddd;float:left;}
.customoverlay:nth-of-type(n) {border:0; box-shadow:0px 1px 2px #888;}
.customoverlay .title {display:block;color:#000;text-align:center;border-radius:6px;font-size:14px;font-weight:bold;overflow:hidden;background:#fff;padding:10px 15px;}

/* 전자민원창구 */
.img_data { padding: 30px; background: #F5F8FC url(/portal/images/sub/img_admin.png) 95% 0px no-repeat; }
.img_minwon { padding: 30px; background: #F5F8FC url(/portal/images/sub/img_eminwon.png) 95% 0px no-repeat; }
.img_minwon24 { padding: 30px; background: #F5F8FC url(/portal/images/sub/img_eminwon24.png) 95% 0px no-repeat; }
.img_data h3, .img_minwon24 h3, .img_minwon h3, .img_tel h3, .img_admin h3 { font-size: 24px; font-weight: bold; }
.img_data h3 span, .img_minwon24 h3 span, .img_minwon h3 span, .img_tel h3 span, .img_admin h3 span { color: #E43F9B; }
.img_data .btn_link, .img_minwon24 .btn_link, .img_minwon .btn_link { width: 160px; height: 40px; line-height: 40px; margin-top: 20px; font-size: 16px; font-weight: bold; }

@media (max-width: 1024px) {
	
}
@media (max-width: 960px) {
	.img_minwon { background: #F5F8FC url(/portal/images/sub/img_eminwon_s.png) 95% top no-repeat; }
	.img_minwon24 { background: #F5F8FC url(/portal/images/sub/img_eminwon24_s.png) 95% top no-repeat; }
	.img_data { background: #F5F8FC url(/portal/images/sub/img_admin_s.png) 95% top no-repeat; }
	
}
@media (max-width:767px) {
	#map {height:300px;}
	.img_data, .img_minwon, .img_minwon24, .img_tel, .img_admin { background-image: none; }
	

}
@media (max-width:700px) {
	
		
}
@media (max-width: 620px) {
	.tab_menu li { width: 50%;}
	
@media (max-width: 550px)
{
	
}
@media (max-width: 450px) {

	
	
}	
@media (max-width: 360px) {
	.tab_menu li { width: 100%;}
}