@charset "utf-8";
/****************************************/
/* Name: 사상구청
/* PART: COMMON STYLE 
/* Version: 1.0 / day: 2016-08-26
/* Author: imtec 
/****************************************/

/* 공통정의 */
h2.title{
	font-size: 4.8rem; font-weight: bold; color: #333;
	position: relative; text-align: center;	letter-spacing: -2PX;
}
h2.title::after{
	content: ""; display: inline-block;
	position: absolute; bottom: -5px; left: 50%; margin-left: -20px;
	width: 40px; height: 1px; background: #111;
}
.titleInfo{
	color: #b2b2b2; display: block; text-align: center;
	margin: 22px 0 55px 0; font-size: 1.5rem;
}
h3.title{
	font-size: 1.8rem; font-weight: bold; color: #333; position: relative; 
	margin-bottom: 40px;
}
h3.title::after{
	content: ""; display: inline-block;
	position: absolute; top: -5px; left: 0; 
	width: 32px; height: 1px; background: #111;	
}
h3.title2{
	font-size: 3rem; color: #fff; position: relative;
	margin-bottom: 60px;
}
h3.title2::after{
	content: ""; display: inline-block;
	position: absolute; bottom: -15px; left: 50%; margin-left: -20px;
	width: 40px; height: 1px; background: #fff;
}

h3.title77{
	font-size: 1.8rem; font-weight: bold; color: #333; position: relative; 
	margin-bottom: 20px;margin-top:40px
}
h3.title77::after{
	content: ""; display: inline-block;
	position: absolute; top: -5px; left: 0; 
	width: 32px; height: 1px; background: #111;	
}

/* 텍스트 탭메뉴 유형01 - 최대 7칸 */

.tabTxt01:after{display:block;clear:both;content:''}
.tabTxt01 li{float:left;padding-right: 10px; text-align: center;}
.tabTxt01 li:last-child{padding-right: 0;}
.tabTxt01 li a{
	display:block;
	width:100%;height:50px; line-height: 50px;
	text-decoration:none;letter-spacing:-1px;
	background:#fff;
	border:1px solid #ccc;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.tabTxt01 li a:hover,.tabTxt01 li a.on,.tabTxt01 li a:focus{
	color:#098de0;font-weight:bold
}
.tabTxt01 li a.on,.tabTxt01 li a:hover{
	color:#fff;font-weight:bold;
	background:#005fca;
	border:1px solid #005fca
}

ul.li2 li,ol.li2 li{width:50%;}/* 2칸 */
ul.li3 li,ol.li3 li{width:33%;}/* 3칸 */
ul.li4 li,ol.li4 li{width:25%;}/* 4칸 */
ul.li5 li,ol.li5 li{width:20%;}/* 5칸 */
ul.li6 li,ol.li6 li{width:16.6%;}/* 6칸 */
ul.li7 li,ol.li7 li{width:14.2%;}/* 7칸 */

.fli::after{display:block;clear:both;content:''}
.fli li{float:left}


/* 테이블공통 */
.tbl_txt{margin-bottom:5px;font-size:13px;text-align:right;}
.th_left tbody th{text-align:left}
.td_left tbody td{text-align:left}
.td_left2 tbody th+td,.td_left2 tbody tr td:first-child{text-align:left}/* th 다음에 오는 td만 왼쪽정렬 */
.td_left2 tbody td[rowspan]+td{text-align:left}
.td_left3 tbody tr td:first-child + td{text-align:left}
.td_right tbody td,.td_right tfoot td{text-align:right}
.t_typel th,.t_typel td{border:0}
.t_typel {width:100%;font-size:14px;border-spacing:0;border-top:2px solid #3f85d9;border-left:0;border-right:0;border-bottom:1px solid #ccc;border-collapse: collapse}
.t_typel tr { text-align: center; }
.t_typel thead th{padding:10px 0;color:#333;line-height:18px;background:#f7fafc;border-bottom:1px solid #afafaf;border-left:1px solid #afafaf;}
.t_typel thead th:first-child{border-left:0}
.t_typel thead tr th.fnone{border-left:0 !important;}
.t_typel thead th[colspan]{border-bottom:1px solid #afafaf;}/* th가 두줄이상으로 합쳐질때 border-bottom 값 */
.t_typel thead th[rowspan]{border-right:1px solid #afafaf;}/* th가 두줄이상으로 합쳐질때 border-right 값 */
.t_typel thead th[rowspan]:last-child{border-right:0}
.t_typel thead th.none{border-bottom:1px solid #4ba0d8;}/* th가 한줄일때 class추가 */
.t_typel tbody th{padding:10px 5px;color:#264683;font-weight:bold;background:#f7fafc;border-bottom:1px solid #ccc}
.t_typel tbody th[rowspan]{border-right:1px solid #ccc}
.t_typel tbody tr:first-child th,.t_typel tbody tr:first-child td{border-top:1px solid #a5a5a5}
.t_typel tbody td{padding:10px;background:#fff;border-left:1px solid #ccc;border-bottom:1px solid #ccc}
.t_typel tbody td:first-child{border-left:0}
.t_typel tbody td[rowspan]{border-right:1px solid #ccc}
.t_typel tbody td[rowspan]:last-child{border-right:0}
.t_typel tbody td+th{border-left:1px solid #ccc}
.t_typel tfoot th{padding:10px 5px;color:#264683;background:#f1f5fc;border-right:1px solid #ccc;}
.t_typel tfoot td{padding:10px 5px;border-left:1px solid #ccc;}
.t_typel tfoot td[colspan]{border-left:0}
.t_typel tbody th.line,.t_typel tbody td.line,.t_typel tbody tr.line td,.t_typel tbody tr.line th{border-bottom:1px dashed #ccc}
.t_typel thead tr th.h_line,.t_typel tbody th.h_line{border-left:1px solid #ccc}
.t_typel tr.h_line th{border-left:1px solid #ccc}
.t_typel tr.h_line th:first-child{border-left:0}
.t_typel tr.bg th,.t_typel tr.bg td,.t_typel th.bg,.t_typel td.bg{background:#f6f6f6 !important}
.thead_bg thead th{background:#f1f5fc}



/* 게시판용 */
.btnBbs{display:inline-block;font-size:14px;vertical-align:middle;}
.btnBbs a,
.btnBbs button,
.btnBbs input{position:relative; margin:0; display:-moz-inline-stack; 
	display:inline-block; padding:0 18px;height:32px;color:#fff;font-weight:bold;
	line-height:28px;text-decoration:none;white-space:nowrap;background:#005fca;
	vertical-align:top;cursor:pointer;border:0;transition: all 0.2s;
	-moz-transition: all 0.2s; /* Firefox 4 */
	-webkit-transition: all 0.2s; /* Safari and Chrome */
	-o-transition: all 0.2s; /* Opera */ border:1px solid #005fca;}
.btnBbs a:hover,
.btnBbs button:hover,
.btnBbs input:hover{color:#005fca;background:#fff;border: 1px solid #005fca;}
.btnBbs.gray a{
	background-color: #747474 !important;
}
.btnBbs.gray a:hover{
	border-color: #747474 !important; color: #747474 !important; background: #fff !important;
}


/* 기본버튼 */
.btn01{display:inline-block;font-size:14px;vertical-align:middle;text-align:center;background:#2d6cb8;border:1px solid #016db3}
.btn01 a,
.btn01 button,
.btn01 input{position:relative; margin:0; display:-moz-inline-stack; display:inline-block; padding:0 18px;min-width:80px;height:30px;color:#fff;line-height:28px;font-weight:bold;text-decoration:none;white-space:nowrap;background:none;vertical-align:top;cursor:pointer;border:0;}
.btn01.gray{background-color:#747474;border:1px solid #575757}
.btn01.red{background-color:#ef5f4b;border:1px solid #de4934}
.btn01.dot{background-image:url('/img/common/btn_dot.png') ;background-repeat:no-repeat;background-position: right center}
.btn01.dot a,
.btn01.dot button,
.btn01.dot input{padding-right:25px;text-decoration:none;}
.btn01.big{display:block;border-radius:5px}
.btn01.big a,
.btn01.big button,
.btn01.big input{width:100%;height:50px;line-height:48px;}


/* 파일아이콘 버튼 */
.btn02{display:inline-block;margin:1px 0;font-size:13px;vertical-align:middle;line-height:30px;background:#fff;border-top:1px solid #d8d8d8;border-right:1px solid #ababab;border-bottom:1px solid #ababab;border-left:1px solid #d8d8d8}
.btn02 a{display:block;padding:0 16px 0 35px;height:32px;text-decoration:none}
.btn02.ic_gif{background:#fff url('/img/common/ic_gif.png') no-repeat 13px center}
.btn02.ic_jpg{background:#fff url('/img/common/ic_jpg.png') no-repeat 13px center}
.btn02.ic_ai{background:#fff url('/img/common/ic_ai.png') no-repeat 13px center}
.btn02.ic_pdf{background:#fff url('/img/common/ic_pdf.png') no-repeat 13px center}
.btn02.ic_ex{background:#fff url('/img/common/ic_ex.png') no-repeat 13px center}
.btn02.ic_hwp{background:#fff url('/img/common/ic_hwp.png') no-repeat 13px center}
.btn02.ic_down{background:#fff url('/img/common/ic_down.png') no-repeat 13px center}
.btn02.ic_blank{background:#fff url('/img/common/ic_blank.png') no-repeat 13px center}

/* 작은 버튼 */
.btn03{display:inline-block;margin-bottom:1px;font-size:12px;vertical-align:middle;background:#fff;border:1px solid #2769cc}
.btn03 a,
.btn03 button,
.btn03 input{position:relative; margin:0; display:-moz-inline-stack; display:inline-block; padding:0 13px;height:28px;font-size:12px;color:#2769cc;line-height:26px;text-decoration:none;white-space:nowrap;background:none;vertical-align:top;cursor:pointer;border:0;}
.btn03.ic_down a{padding-left:27px;background:#fff url('/img/common/ic_down2.png') no-repeat 11px center}
.btn03.ic_down2{border:1px solid #3b8b00}
.btn03.ic_down2 a{color:#3b8b00 !important;padding-left:27px;background:#fff url('/img/common/ic_down3.png') no-repeat 11px center}
.btn03.ic_down3{border:1px solid #db771e}
.btn03.ic_down3 a{color:#e7730c !important;padding-left:27px;background:url('/img/common/ic_down4.png') no-repeat 11px center}
.btn03.ic_view a,
.btn03.ic_view button,
.btn03.ic_view input{padding-left:27px;background:url('/img/common/ic_view.png') no-repeat 11px center}
.btn03.ic_dot a,
.btn03.ic_dot button,
.btn03.ic_dot input{padding-right:23px;background:url('/img/common/btn_dot2.png') no-repeat right center}
.btn03.ic_plus a,
.btn03.ic_plus button,
.btn03.ic_plus input{padding-left:23px;background:url('/img/common/ic_plus.png') no-repeat 10px center}
.btn03.ic_min a,
.btn03.ic_min button,
.btn03.ic_min input{padding-left:23px;background:url('/img/common/ic_minus.png') no-repeat 10px center}
.btn03.ic_blank{padding-right:10px}
.btn03.ic_blank a,
.btn03.ic_blank button,
.btn03.ic_blank input{padding-right:23px;background:url('/img/common/ic_blank.png') no-repeat right center}
.btn03.blue{background:#3a6592;border:1px solid #245486}
.btn03.blue a,
.btn03.blue button,
.btn03.blue input{color:#fff}


/* 작은 버튼2 */
.btn04{display:inline-block;margin:1px 5px;font-size:12px;vertical-align:middle;line-height:17px;background:#fff;border:1px solid #2769cc}
.btn04 a{display:block;margin-right:-5px;padding:0 10px 0 5px;height:18px;color:#2769cc !important;text-decoration:none}
.btn04.ic_dot a{padding-right:20px;background:url('/img/common/btn_dot2.png') no-repeat right 6px}

.img_left{float:left;margin:0 20px 20px 0}
.img_right{float:right;margin:0 0 20px 20px}


/* 모바일 이미지 확대보기(새창) */
.mblink{position:relative}
.mblink a{display:none;position:absolute;bottom:20px;right:20px;width:40px;height:40px;text-indent:-999px;overflow:hidden;background:#fff url("../img/common/mb_ic_search.png") no-repeat center center;background-size:20px;border:2px solid #ccc;border-radius:50%;opacity:0.7}




/* 사각박스 */
.sq_box{position:relative;padding:30px 30px 30px 30px;background:#f4f6f9;font-weight: bold;font-size: 16px;position: relative;margin-bottom:20px;margin-top:25px;border:1px dotted #323232}
.sq_box h2:first-child,.con_box h3:first-child,.con_box h4:first-child{margin-top:0}
.sq_box.ic{padding-left: 70px}
.sq_box.ic::before{content: "";display: inline-block;background: #4b68ba url(../img/common/com_img.png) -670px -6px no-repeat;width: 30px;height: 30px;position: absolute;top: 20px;left: 30px;}
.sq_box .btn_box{float: right;}

/* 기본 li아이콘 #1 */
.li_dot1{margin:0 0 10px 0;text-align:left}
.li_dot1 li{position:relative;margin-bottom:6px;padding-left:12px; font-size:16px}
.li_dot1 li::before{position:absolute;top:8px;left:0;width:4px;height:4px;content:'';background:#4b68ba;overflow: hidden;}
.li_dot1 li ul,.li_dot1 li ol{margin:8px 0 12px 0;}
.li_dot1 li li{position:relative;padding-left:13px}
.li_dot1 li li::before{position:absolute;top:12px;left:0;width:6px;height:1px;content:'';background:#666;}
.li_dot1 li li li{position:relative;padding-left:11px}
.li_dot1 li li li::before{position:absolute;top:12px;left:0;width:6px;height:1px;content:'';background:#777;}
.li_dot1 li li li li{position:relative;padding-left: 9px}
.li_dot1 li li li li::before{position:absolute;top:11px;left:0;width:2px;height:2px;content:''}


@media all and (max-width:600px){
	/* 모바일 테이블 가로스크롤 */
	.mb_scroll{position:relative;width:100%; overflow:auto; padding-top:26px;}
	.mb_scroll table{width:550px;}
	/* .mb_scroll::before{display:block;position:absolute;top:0;right:0;width:27px;height:100%;content:'';background:url('/img/common/scroll_alpha.png') repeat-y fixed right top;z-index:2;} */
	.mb_scroll table::after{display:block;position:absolute;top:0;left:0;width:100%; font-size:12px;text-align:center;
	content:'좌우스크롤';background:url('/img/common/btn_first.gif') no-repeat left center, url('/img/common/btn_last.gif') no-repeat right center;background-color:#efefef;z-index:2;}
}
@media all and (max-width:480px){
	.mblink a{display:block}
}

.root_daum_roughmap_landing{width:100% !important}/* 다음지도 api 가로값 100%로 */


 /* Mobile Device */
@media all and (max-width:680px){
	h2.title{
		font-size: 3.6rem;
	}
	.titleInfo{
		margin-bottom: 20px; word-break: keep-all;
	}	

}