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

select { padding: 3px 6px 3px 6px ; line-height: 18px; border: 1px solid #D1D6DD; color: #777; }

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

/* 제목 */
h3 { font-size: 33px; color: #414286;  }
h4 { font-size: 18px; color: #414286; padding-left: 10px; background: url(/reserve/images/sub/icon_h4.gif) left 50% no-repeat; margin: 30px 0 5px;}

h3.bar { margin-bottom: 10px; padding-left: 14px; font-size: 22px; line-height: 24px; color: #3b4a98; background: url(/portal/images/sub/icon_h3.gif) 0px 50% no-repeat; box-sizing: border-box; }
h3.book { margin-bottom: 10px; padding-left: 30px; font-size: 22px; line-height: 24px; color: #3b4a98; background: url(/portal/images/sub/icon_h3book.png) 0px 50% no-repeat; box-sizing: border-box; }
h4.circle { margin: 18px 0 10px 5px; padding-left: 18px; font-size: 20px; line-height: 20px; color: #444; background: url(/portal/images/sub/icon_h4.gif) 0px 50% no-repeat; box-sizing: border-box; }
h5.circle { margin: 10px 0 8px 10px; padding-left: 12px; font-size: 16px; line-height: 16px; color: #444; background: url(/portal/images/sub/icon_h5.gif) 0px 50% no-repeat; box-sizing: border-box; color: #092E6C; }

h4.olt { margin: 10px 0 10px 0; padding-top: 15px; font-size: 18px; font-weight: bold; line-height: 15px; color: #444; background: none; }
h4.bxb { margin: 10px 0 10px 0; padding-left: 15px; font-size: 18px; line-height: 15px; color: #444; background: url(/portal/images/sub/icon_h4.gif) 0px 50% no-repeat; }
h5.blu_Tit { font-size:30px; color:#4748a2; margin: 10px 0;}
h6.bar { padding-left: 12px; font-size: 15px; color:#4748a2; background: url(/portal/images/sub/icon_h6.gif) 0px 50% no-repeat; }

.h3content { margin: 0 0 15px 5px; padding: 0px 0 5px 5px; box-sizing: border-box; }
.h4content { margin: 0 0 15px 15px; padding: 0px 0 5px 8px; box-sizing: border-box; }
.h5content { padding: 0px 0 0px 20px; box-sizing: border-box; }
.h6content { padding: 0px 0 0px 10px; box-sizing: border-box; }

.h3content p, .h4content p, .h5content p { padding-bottom: 8px; }

/* btn 버튼  */

.btn_link { display: inline-block; min-height: 25px; padding: 3px 45px 3px 30px; line-height: 25px; color: #fff!important; background: #2d6eb4 url(/portal/images/sub/btn_link.png) 91% 50% no-repeat; white-space: pre; }
.btn_link:hover { background-color: #0E4B8D; text-decoration: none; }

.url_link { display: inline-block; min-height: 25px; padding: 0px 35px 0px 10px; line-height: 25px; color: #1278DE!important; background: url(/portal/images/sub/url_link.png) 95% 50% no-repeat; white-space: pre; }
.url_link:hover { color: #2d6eb4; }

.youtube_link { display: inline-block; min-height: 25px; padding: 0px 5px 0px 35px; line-height: 25px; color: #1278DE!important; text-decoration: underline!important; background: url(../../images/sub/youtube_link.png) 0% 50% no-repeat; font-size: 16px; white-space: pre; }
.youtube_link:hover { color: #2d6eb4; }

.txt_link { display: inline-block; min-height: 25px; padding: 3px 35px 3px 10px; border: 1px solid #ddd; line-height: 25px; color: #1278DE!important; background: url(/portal/images/sub/url_link.png) 92% 50% no-repeat; white-space: pre; }
.txt_link:hover { color: #2d6eb4; }

.btn_file_dw,
.btn_file { display: inline-block; min-width: 60px; color: #414286!important;border-radius: 3px; background: #f8f9fb url(/portal/images/sub/btn_file.png) 92% 50% no-repeat; line-height: 20px; min-height: 20px;padding:4px 10px 4px 33px;margin-bottom:1px;border: 1px solid #E1E1E5; background-position: 12px 50%; white-space: pre; }
.btn_file_dw:hover,
.btn_file:hover { background-color: #ecf2fb; text-decoration: none; }

.btn_file_tdw { display: inline-block; min-height: 20px; padding: 5px 38px 5px 15px; border-radius: 3px; border: 1px solid #cdd5de; font-size:12px; color: #414286!important; background: #f8f9fb url(/portal/images/sub/btn_file.png) 93% 50% no-repeat; white-space: pre; }
.btn_file_tdw:hover { background-color: #ecf2fb; text-decoration: none; }

.btn_basic { display: inline-block; min-width: 60px; color: #fff!important;border-radius: 3px; background: #2d6eb4 url(/portal/images/sub/icon_arrow.png) 88% 50% no-repeat; line-height: 20px; min-height: 20px;padding:4px 28px 4px 10px;margin-bottom:1px;border: 1px solid #E1E1E5; white-space: pre; }
.btn_basic:hover { background-color: #0E4B8D; text-decoration: none; }

.btn_big_down  { display: inline-block; min-width: 80px; color: #fff!important; background: #cd1c57 url(/portal/images/sub/btn_file_w.png) no-repeat 91% 50%; line-height: 20px; min-height: 20px;padding:10px 50px 10px 22px;margin-bottom:1px;border: 1px solid #CD0044; font-size: 16px; }
.btn_big_down:hover { background-color: #A60037; text-decoration: none; }

.btn_big_down01  { display: inline-block; min-width: 80px; color: #414286!important; background: url(/portal/images/sub/btn_file.png) no-repeat 91% 50%; line-height: 20px; min-height: 20px;padding:10px 50px 10px 22px;margin-bottom:1px;border: 1px solid #414286; font-size: 16px; }
.btn_big_down01:hover { border: 1px solid #CD0044; text-decoration: none; }

.btn_max { display: inline-block; min-width: 100px; padding: 10px 10px; margin-top: 5px; font-size: 18px; font-weight: 500; color: #fff!important;border-radius: 50px; text-align: center; background: #1A7F80; white-space: pre; }
.btn_max_color { display: inline-block; min-width: 100px; padding: 10px 10px; margin-top: 5px; font-size: 18px; font-weight: 500; color: #fff!important;border-radius: 50px; text-align: center; background: #C0504D; white-space: pre; }

.view_pc { display: block; }
.view_mb { display: none; }
@media (max-width:767px) {
	.view_pc { display: none; }
	.view_mb { display: block; }
}	


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

 /* Color */
.red, a.red {color:#D10303}
.pink, a.pink {color:#B83963}
.orange, a.orange {color:#BF4809}
.blue, a.blue {color:#2466c0}
.sky, a.sky {color:#007191}
.green, a.green {color:#00783A}
.olive, a.olive {color:#3E721B}
.pp { color: #4b5399 !important;}
a.pp {color: #3644bd !important;}

.bold { font-weight: bold; }
.point { font-size: 20px!important; font-weight: bold!important; }
.bigfont { font-size: 24px!important; font-weight: bold!important; }
.smallfont { font-size: 12px!important; letter-spacing: -1px!important; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }

.telpoint { padding: 5px 0 10px 0!important; font-size: 18px; line-height: 26px; font-weight: bold; }


/* mark 형광펜 효과 */
mark.mint { background-color: #3fffa7; }
.highlight { background-color: #ffe6ff; }
.half_highlight { background: linear-gradient(to top, #D7FFBB 50%, transparent 50%);}

/* tap 메뉴  */
.tabmenu{margin-bottom:30px; padding-top:1px; position:relative;}
.tabmenu ul{padding-top:1px;overflow:hidden;  font-size:0 }

.tabmenu li {border:1px solid #b9bfc7; border-right:1px solid #b9bfc7; border-left:0; display:inline-block; vertical-align:top;position:relative; z-index:1; box-sizing:border-box; margin-top:-1px;}
.tabmenu li:first-child{border-left:1px solid #b9bfc7;}
.tabmenu li a{ display:block; text-align:left; font-size:16px;  position:relative;  background:#f2f4f6; color:#111; padding:15px 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.tabmenu li.active {border:1px solid #005fc1;}
.tabmenu li.active a{  background:#2349b4; color:#fff; font-weight:500; outline-width: 4px;   outline-color: #2349b4;outline-offset: -3px;}
.tabmenu li a.active {background: #2349b4;color: #fff;font-weight: 500;}
.tabmenu li.active a:after{ width:9px; height:5px; background:url(/common/img/bul.png) no-repeat 0 -60px; position:absolute; right:20px; top:50%;margin-top:-3px; display:block; content:"" }
.tabmenu li a:focus{
    outline-width: 4px;
    outline-color: #2349b4;
    outline-offset: -3px;}


.tabmenu li a[target="_blank"]:after {content: ''; position: absolute; right: 6px; top: 6px; width: 13px; height: 13px; background:url('/common/img/icon_newwin01.png') 0 0 no-repeat; text-indent:-9999px; }

.tabmenu ul.n06 li, .tabmenu ul.n09 li{width:33.33333%;}
.tabmenu ul.n06 li:nth-child(4),.tabmenu ul.n06 li:nth-child(7),.tabmenu ul.n06 li:nth-child(10),.tabmenu ul.n06 li:nth-child(13) {border-left:1px solid #b9bfc7;}
.tabmenu ul.n05 li{width:20%;}
.tabmenu ul.n04 li{width:25%;}
.tabmenu ul.n04 li:nth-child(5),.tabmenu ul.n04 li:nth-child(9),.tabmenu ul.n04 li:nth-child(13) {border-left:1px solid #b9bfc7;}
.tabmenu ul.n03 li{width:33.33333%;}
.tabmenu ul.n03 li:nth-child(4),.tabmenu ul.n03 li:nth-child(7),.tabmenu ul.n03 li:nth-child(10),.tabmenu ul.n03 li:nth-child(13) {border-left:1px solid #b9bfc7;}
.tabmenu ul.n02 li{width:50%;}
.tabmenu ul.n02 li:nth-child(3),.tabmenu ul.n02 li:nth-child(5),.tabmenu ul.n02 li:nth-child(7) {border-left:1px solid #b9bfc7;}


@media all and (max-width:600px) {
.tabmenu ul li{border-left:1px solid #b9bfc7;}
.tabmenu li:first-child{border-top:1px solid #b9bfc7;}
.tabmenu ul.n05 li{width:100%;}
.tabmenu ul.n04 li{width:100%;}
.tabmenu ul.n03 li{width:100%;}
.tabmenu ul.n02 li{width:100%;}
}



/* 폰트사이즈 */
.Tht_14 { font-size:14px; line-height:16px; padding: 5px 0px 10px 0px; }
.Tht_18 { font-size:18px; line-height:18px; padding: 5px 0px 10px 0px; }
.Tht_20 { font-size:20px; line-height:24px; padding: 8px 0px 15px 0px; }
.Tht_24 { font-size:24px; line-height:28px; padding: 8px 0px 15px 0px; }
.Tht_30 { font-size:30px; line-height:34px; padding: 10px 0px 20px 0px; }

.pt10 { padding-top: 10px!important; }
.pt20 { padding-top: 20px!important; }
.pt30 { padding-top: 30px!important; }
.pt40 { padding-top: 40px!important; }
.pt50 { padding-top: 50px!important; }
.pl10 { padding-left: 10px!important; }
.pl20 { padding-left: 20px!important; }
.pl30 { padding-left: 30px!important; }
.ptTL20 { padding: 20px 0 0 20px!important; }
.mt10 { margin-top: 10px!important; margin-bottom: -8px; }
.mt20 { margin-top: 20px!important; }
.mt30 { margin-top: 30px!important; }
.mt40 { margin-top: 40px!important; }
.mt50 { margin-top: 50px!important; }
.mb20 { margin-bottom: 20px!important; }
.mb30 { margin-bottom: 30px!important; }
.mb40 { margin-bottom: 40px!important; }
.mb50 { margin-bottom: 50px!important; }
.mr30 { margin-right: 30px!important; }
.btn_padTB {padding-top: 12px; padding-bottom: 12px; font-size:15px;}

/* list style */
.ul_dot { padding: 0px 0 5px; }
.ul_dot li { padding: 0 0 3px 10px; line-height: 1.8em; background: url(/portal/images/sub/icon_arrow.gif) 0px 10px no-repeat; box-sizing: border-box; }
.ul_dot li ul { padding-bottom: 10px; }
.ul_dot li ul.pbzero { padding-bottom: 0px; }
.ul_dot li ul li { padding: 0 0 0 8px; line-height: 1.6em; background: url(/portal/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(/portal/images/sub/icon_bl.gif) 3px 10px no-repeat; }
.ul_dot p.tpr01 {margin-bottom:10px; }

.ul_img { clear:both; padding: 5px 0 10px; overflow: hidden; position: relative;}
.ul_img li { float: left; width: 33.10%; box-sizing: border-box; padding-bottom: 10px; position: relative; }
.ul_img li img {width: 100%;}
.ul_img li img.won190 {width: 190px;}
.ul_img li span {position:absolute; left: 1px; bottom:10px; display: block; text-align: center; padding: 3px; background-color: rgba(0,0,0,.8);  color: #fff; padding: 5px 10px}
.ul_img.col2 li {width: 50%; text-align: center;}
.ul_img.col3 li {width: 30%; margin-right: 1%; text-align: center;}
.ul_img.col4 li {width: 25%; text-align: center;}
.ul_img li.gray_box { margin-bottom: 1px!important; box-sizing: border-box; }
@media (max-width: 540px) {
	.ul_img.col2 li, .ul_img.col3 li, .ul_img.col4 li { width: 100%; clear: both; }
}
.fl_half { width: 94%; padding: 2% 3%; overflow: hidden; border: 1px solid #ddd; margin-bottom: 20px; }
.fl_half li { float: left; width: 50%; min-width: 200px; }

.fl_member { width: 94%; padding: 2%; overflow: hidden; }
.fl_member li { float: left; width: 40%; min-width: 280px; margin: 3px 4% 3px 3px; padding: 0 0 0 30px; border: 1px solid #dfdfdf; font-size: 14px; line-height: 33px; background: url(/portal/images/sub/icon_arrow.gif) 20px 50% no-repeat; box-sizing: border-box; }
.fl_member li:hover { background: #f8f8f8 url(/portal/images/sub/icon_arrow.gif) 20px 50% no-repeat; }
.fl_member li a { display: block; }

.list { padding-bottom: 10px;  }
.list li { padding: 0 0 5px 10px; }
.list li li { padding: 0 0 5px 15px; }

.ul_list_half { overflow: hidden; }
.ul_list_half li { float: left; width: 50%; min-width: 300px; box-sizing: border-box; padding: 0 0 5px 10px; float: left; background: url(/portal/images/sub/icon_dot.gif) 0px 10px no-repeat; }

.banner_link { overflow: hidden; }
.banner_link li { float: left; width: 33.33%; }
.banner_link li a { display: block; width: 98%; height: 80px; padding-top: 15px; box-sizing: border-box; margin-bottom: 5px; border: 1px solid #ddd; text-align: center; background: url(/portal/images/sub/icon_plus.gif) right top no-repeat; }
.banner_link li a:hover { text-decoration: none; color: #003FA4; background: #EBF2FA url(/portal/images/sub/icon_plus.gif) right top no-repeat; ; }
@media (max-width: 650px) {
	.banner_link li { width: 50%; }
}
@media (max-width: 450px) {
	.banner_link li { width: 100%; clear: both; }
}
/* step */
.step_list { overflow: hidden;  }
.step_list li { float: left; display: inline-block; background: none!important; }
.step_list li span { display: inline-block; width: 80%; height: 90px; padding-top: 20px; box-sizing: border-box; background-color: #5773c3; border: 1px solid #455ea8; text-align: center; color: #fff; }
.step_list.step3 li { width: 30%; margin-right: 3%; }
.step_list.step4 li { width: 23%; height: 80px; margin-right: 2%;}
.step_list.step5 li { width: 18%; margin-right: 2%;}
.step_list.step6 li { width: 16.6%; min-height: 160px; position: relative; }
.step_list.step6 li span { height: 150px; line-height: 1.3em; }
.step_list.step6 li span em { padding-top: 5px; color: #f9f9f9; }
.step_list.step6 li:nth-child(1) span, .step_list.step6 li:nth-child(3) span { padding-top: 50px; }
.step_list.step6 li:nth-child(2) span { padding-top: 40px; }
.step_list.step6 li:nth-child(4) span { padding-top: 45px; }
.step_list.step6 li:nth-child(5) span { padding-top: 30px; }
.step_list.step6 li:nth-child(6) span { padding-top: 60px; }
.step_list.step3 li:nth-child(1)::after, .step_list.step3 li:nth-child(2)::after { padding: 0 0 0 35px; content: "▶"; font-size: 1.5em; }
.step_list.step4 li:nth-child(1)::after, .step_list.step4 li:nth-child(2)::after, .step_list.step4 li:nth-child(3)::after { padding: 0 0 0 25px; content: "▶"; font-size: 1.5em; }
.step_list.step5 li:nth-child(1)::after, .step_list.step5 li:nth-child(2)::after, .step_list.step5 li:nth-child(3)::after, .step_list.step6 li:nth-child(4)::after { padding: 0 0 0 25px; content: "▶"; font-size: 1.5em; }
.step_list.step6 li:nth-child(1)::after, .step_list.step6 li:nth-child(2)::after, .step_list.step6 li:nth-child(3)::after, .step_list.step6 li:nth-child(4)::after, .step_list.step6 li:nth-child(5)::after{ padding: 0 0 0 0px; content: "▶"; position: absolute; right: 8px; top: 40%; }
@media (max-width: 767px) {
	.step_list.step6 li { width: 33%; }
}
@media (max-width: 480px) {
	.step_list.step6 li { width: 50%; }
}
.step_box { overflow: hidden; margin-bottom: 10px}
.step_box li{ float: left;  padding-left: 10px; box-sizing:border-box; margin-bottom: 10px; background: none!important; }
.step_box li:FIRST-CHILD{padding-left: 0px}
.step_box li dl {text-align: center;  }
.step_box li dt {padding:10px 0;font-size: 14px; line-height: 16px; font-weight: 600; color: #fff; background-color: #5773c3; border: 1px solid #455ea8}
.step_box li dt.dt54 { height: 54px; line-height: 34px; box-sizing: border-box; }
.step_box li dd {line-height: 20px; background-color: #f6f6fc; border: 1px solid #cdd5de; border-top:none; padding: 10px 0}
.step_box.step3 li { width: 33%;}
.step_box.step3 li dd { height: 60px;}
.step_box.step4 li { width: 25%;}
.step_box.step5 li { width: 20%;}
.step_box.step5 li dd { height: 60px;}
.step_box.step6 {}
.step_box.step6 li {width: 16.5%;}
.step_box.step6 li:first-child {width: 17.5%;}
.step_box.step6 li dd { min-height: 40px;   }
.step_box.step6 li dd span { display: block;}

.step_end { position:relative; border: 1px solid #cdd5de; text-align: center; padding: 20px 10px}
.step_end img {max-width:100%}
.step_end:before { position: absolute; left:50%; top:-23px; margin-left:-8px; display: block; content: url(../../images/sub/step_arrow.gif);}
@media (max-width: 767px) {
	.step_box.step6 li, .step_box.step6 li:first-child { width: 33%; }
	.step_box.step6 li:nth-child(4) { padding-left: 0px; }
}
@media (max-width: 480px) {
	.step_box.step4 li { width: 50%; }
	.step_box.step6 li, .step_box.step6 li:first-child { width: 50%; }
	.step_box.step6 li:nth-child(4) {padding-left: 8px; }
	.step_box.step6 li:nth-child(3), .step_box.step6 li:nth-child(5) { padding-left: 0px; }
}


/*규제입증요청*/
.process_step { padding: 10px 10px 30px 10px; overflow: hidden; }
.process_icon {  overflow: hidden; }
.process_icon li { width: 20%; min-width: 100px; padding-top: 90px; float: left; text-align: center; font-size: 16px; line-height: 1.3em; }
.process_icon li:nth-child(1) { background: url(/portal/images/sub/process_icon_01.png) no-repeat center top; }
.process_icon li:nth-child(2) { background: url(/portal/images/sub/process_icon_02.png) no-repeat center top; }
.process_icon li:nth-child(3) { background: url(/portal/images/sub/process_icon_03.png) no-repeat center top; }
.process_icon li:nth-child(4) { background: url(/portal/images/sub/process_icon_04.png) no-repeat center top; }
.process_icon li:nth-child(5) { background: url(/portal/images/sub/process_icon_05.png) no-repeat center top; }
@media (max-width: 640px) {
	.process_icon li { width: 33%; height: 60px; }
}	
 /* 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 .bg_blue { padding: 3px 10px; background:#0055A1}
.table tbody .bg_point { background:#171759; color: #fff; font-size: 16px; font-weight: bold; }
.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, .table tfoot td { background:#e9eff4}
.table .line_dash td { border-top:1px dashed #ddd; border-bottom:0}
.table .line_dash.first td { border-top:1px solid #ddd; border-bottom:1px dashed #ddd}

table td.tl, table th.tl {text-align:left !important}
table td.tr, table th.tr {text-align:right}
table td.tc, table th.tc {text-align:center}

.col2 { width: 50%; }
.col3 { width: 33.333333%; }
.col4 { width: 25%; }
.col5 { width: 20%; }
.col6 { width: 16%; }
.col7 { width: 14%; }
.col8 { width: 12.5%; }
.col9 { width: 11%; }
.col10 { width: 10%; }

/* Tab */
.tab_menu { margin:20px 0 10px}
.tab_menu li { float:left; width: 25%; height:44px; }
.tab_menu li a { display:block; position:relative; height:42px; margin:-1px 0 0 -1px; padding:0 0 0 20px; border:1px solid #d2d4d8; background:#ebeeef; line-height:44px; text-decoration:none; transition:all .2s }
.tab_menu li a:hover, .tab_menu li a:active, .tab_menu li a:focus {border-color:#ccc; background-color: #DFDFDF; color:#222; z-index:1;}
.tab_menu li a:focus {margin: 0px;}
.tab_menu li.current a { position:relative; font-weight:700; z-index:2; background:#d8507d url(/portal/images/sub/tab_on.png) 90% 50% no-repeat; color: #fff; }
.tab_menu li a img { float: right; margin-top: 15px; margin-right: 15px;}
.list04 li { width:33.33%; }
.tab_menu li a, .list04 li a {box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.func_tab { background: #F9F9F9; border: 1px solid #e1e1e1; padding: 20px 30px; margin-top:20px; }
.func_tab ul li { float:left; width: 25%; }
.func_tab ul li.ddt { display: block; width: 23.8%; padding-left: 10px; color: #777777; background: url(/portal/images/sub/icon_tab_off.gif) left 50% no-repeat;}
.func_tab ul li a { display: block; padding-left: 10px; color: #777777; background: url(/portal/images/sub/icon_tab_off.gif) left 50% no-repeat; }
.func_tab ul li a:hover, .func_tab ul li.active a { color: #d8507d; background: url(/portal/images/sub/icon_tab_on.gif) left 50% no-repeat; }
.func_tab ul li a:focus {margin:-2px;}

/* Image */
.img_full, .img_full img {max-width:100%}
.img_left {float:left; display:block; margin:0 30px 15px 0; box-sizing: border-box; position: relative; overflow:hidden;}
.img_left img {width:100%;}
.img_right {float:right; margin:0 0 15px 50px; width: 300px; box-sizing: border-box; position: relative; }
.img_right img {width:100%;}

/* Image,지도 */
.img_map_wrap{display: flex;}
.mapimg_full{width: 100%;}

@media (max-width:990px) {
	.img_map_wrap{flex-direction: column;}
	.mapimg_full{ margin-bottom: 3%;}
}	


/* 이미지확대보기 */
.img-zoom {position:relative; padding-bottom: 10px; }
.img-zoom img {max-width:100%}
.img-zoom a.zoomin {display:none;}
.img-zoom a.zoomin span {font-size:1px;line-height:1px;text-indent:-1000em;visibility:hidden;width:1px;height:1px;overflow:hidden;}

/* 콘텐츠 박스 형태 box style */
.box { border: 1px solid #E1E1E1; margin-bottom: 30px; }
.base_box { box-sizing: border-box; border: 1px solid #e2e5eb; padding: 30px; margin-bottom: 30px; background: #E3EEF4; }
.base_box p { padding-bottom: 10px; }
.border_box { box-sizing: border-box; border: 1px solid #e2e5eb; padding: 20px; margin-bottom: 30px; background: #EAF2F7; }
.border_box h4 { padding: 0px; background: none; margin: 0; }
.border_box p { padding: 5px 0; }
.gray_box { box-sizing: border-box; border: 1px solid #e2e5eb; padding: 15px; margin-bottom: 30px; background: #f9f9f9; }

.bg_box { min-height: 120px; box-sizing: border-box; border: 1px solid #e2e5eb; padding: 30px 160px 30px 30px; margin-bottom: 30px; background-color: #f0f4fa; }
.bg_box p { padding: 5px 0; }
.cr_box {height: 30px; clear: both;}
.comt_box {position: relative; font-size:14px; line-height:18px; color:#333; padding:20px 20px 20px 70px; margin:30px 0; border:1px solid #e0d6d5; background: #fbf7f6 url(/portal/images/sub/comment.jpg) 20px 50% no-repeat;  }

.basic_box {position: relative; padding:30px 40px ; margin:10px 0 30px 0; border:1px solid #e1e1e5; background: #fff; }
.basic_box h4 { background: none; }
.basic_box h4.bxtit { font-size:30px; font-weight:500; color:#2e2f6c; text-align:center; border-bottom: 2px solid #969db2; margin-bottom:30px; }
.basic_box h4.ico_tit { font-size:30px; font-weight:500; color:#2e2f6c; text-align:center; margin-bottom:30px; padding:140px 0 25px 0; background: url(/portal/images/sub/clean_ico.jpg) 50% 50% no-repeat;}
.basic_box h4.ico_tit2 { font-size:30px; font-weight:500; color:#2e2f6c; text-align:center; margin-bottom:30px; padding:140px 0 25px 0; background: url(/portal/images/sub/sign_ico.jpg) 50% 50% no-repeat;}
.basic_box p { font-size:14px; line-height:20px; color:#545f7e; margin-bottom:20px; }

.num_box01 { position:relative; margin-top:30px; }
.num_box01 li {position:relative;min-height:65px;padding-left:100px;padding-bottom:10px;}
.num_box01 .num {position:absolute;top:0;left:0;display:block;width:92px;height:43px;padding-top:22px;color:#fff;font-size:14px;font-weight:bold;text-align:center;background:no-repeat 0 0;}
.num_box01 .ctw .num {background-image:url(/portal/images/sub/ctw_bg.jpg);}
.num_box01 .txt {display:block;background:#f5f5f5;padding:25px 20px 0 20px;min-height:40px;}
.num_box01 .ctw .txt {padding-top:15px;min-height:50px;}

.link_box { width: 65%; padding-left: 35%; background: url(/portal/images/sub/img_emonitor.jpg) left 50% no-repeat; overflow: hidden; }
.link_box a { width: 36%!important; padding: 5px 25px 5px 25px; margin: 5px; }

.box_nhbank { box-sizing: border-box; padding: 40px 40px; margin: 20px 0; border-radius: 30px; border: 1px solid #e2e5eb; background: url(/portal/images/sub/bg_nhbank.jpg) no-repeat right bottom; }
.box_nhbank ul { margin-top: 20px; }

.title_box { position: relative; box-sizing: border-box; margin-top: 35px; padding: 10px 30px 30px; border: 1px solid #ddd; text-align: center; }
.title_box .ttl { display: inline-block; position: relative; top: -30px; width: 165px; padding: 3px 30px; text-align: center; font-size: 20px; background: #0064d5; color: #fff; }
.title_box .ttlcolor { display: inline-block; position: relative; top: -30px; width: 165px; padding: 3px 30px; text-align: center; font-size: 20px; background: #1D8EAF; color: #fff; }
.title_box .txt { font-size: 16px; }
.title_box ul { padding-left: 25%; }
.title_box ul li { font-size: 16px!important; text-align: left; }


@media (max-width:840px) {
	.box_nhbank { background: none; } 
	.title_box ul { padding-left: 3%; }
}	
@media (max-width:480px) {
	.box_nhbank { padding: 20px; } 
	.box_nhbank ul li.bigfont { font-size: 18px!important;}
	.title_box ul { padding-left: 0; }
}	

.box_scholarship { box-sizing: border-box; padding: 50px 40px 50px 40%; border: 1px solid #ddd; border-top: 2px solid #D6396B; background: url(/portal/images/sub/bg_scholarship.jpg) no-repeat 5% 50%; }
.box_scholarship .date { font-size: 24px; font-weight: bold; }
.box_scholarship .date .year { color: #0054A6; }
.box_scholarship .date .month { color: #00769B; }
.box_scholarship .date .call { color: #D6396B; }
.box_scholarship .text { color: #777; }
.box_scholarship .number { font-size: 34px; }
.box_scholarship .number span { color: #426DE8; }
.box_scholarship .down { margin-top: 10px; }
@media (max-width:767px) {
	.box_scholarship { padding: 20px 20px 20px 42%; } 
	.box_scholarship .date{ font-size: 18px!important;}
	.box_scholarship .number { font-size: 24px; }
}
@media (max-width:690px) {
	.box_scholarship { padding: 20px; background: none; } 
	.box_scholarship .date{ font-size: 16px!important;}
	.box_scholarship .number { font-size: 28px; }
}

/* 이미지 박스 */
.img_box { width: 100%; }
.img_box img { width: 33%; }

.img_txt { width: 100%; overflow: hidden; }
.img_txt .img_area { width: 35%; float: left; text-align: center; }
.img_txt .txt_area { width: 65%; float: left; }
.img_txt .graph { width: 25%; }
.img_txt .graph_txt { width: 75%; }

.img_txtbox { position: relative; padding: 38px 0 55px 62px; margin-bottom: 30px; border:1px solid #e1e1e5; background: #fff url(/portal/images/sub/bicycle_img.jpg) right top no-repeat; }
.img_txtbox p.bic_icon { margin-bottom:10px; }
.img_txtbox { display: block; position: relative;  }
.img_txtbox h4 { display: block; position: relative; text-align: left; font-size:30px; line-height: 35px; color: #525252; margin-bottom:10px; }
.img_txtbox h4 span.col_blue1 {color: #4462b8;}
.img_txtbox ul li { color: #666; line-height:18px; }

/* 가로박스형 텍스트 이미지 */
.grid_box {padding:0;box-sizing:border-box; overflow: hidden;}
.grid_box > li{ float: left;  padding-left: 10px; box-sizing:border-box; margin-bottom: 10px  }
.grid_box > li:first-child {padding-left: 0px;}
.grid_box > li dl {text-align: center; }
.grid_box > li dt {padding:10px 5px 5px;}
.grid_box > li dd {padding: 5px 0}
.grid_box > li dt span { display:block; font-size: 15px; margin:10px 0 0; font-weight: 500}
.grid_box > li dt img { width: 100%; max-width: 220px}
.grid_box.step5 > li { width: 20%;}
.grid_box.step4 > li { width: 25%;}
.grid_box.step3 > li,
.grid_box.step6 > li { width: 33.3%; }
.grid_box.step6 > li:nth-child(4) {padding-left: 0px;}
.grid_box li.basicplan { height: 430px; }
.grid_box.middle > li dd { min-height: 50px;padding: 10px}
.grid_box.long > li dd { min-height: 160px; text-align: left; }
.grid_box.long > li dd > ul { padding: 10px 10px 10px 15px}
.grid_box.long > li dd > ul > li { position:relative; padding-left: 10px; margin-bottom: 3px; padding-left: 8px; }
.grid_box.long > li dd > ul > li:before { display: block; content: ""; width: 4px; height: 4px; background-color: #7887b3; border-radius: 50%; position: absolute; left: 0; top:8px}
.grid_box.long > li dd > ul > li ul {margin-bottom: 3px}
.grid_box.long > li dd > ul > li li {position:relative; padding-left: 8px; line-height: 17px; color: #777}
.grid_box.long > li dd > ul > li li:before {display: block; content: ""; width: 4px; height: 1px; background-color: #777; border-radius: 50%; position: absolute; left: 0; top:7px}

.Lvis_box { position:relative; margin-bottom:30px; border:solid 1px #e1e1e5; overflow: hidden;}
.Lvis_box .fm_lpic {position:relative; float:left; padding:45px; }
.Lvis_box .fm_rtxt {position:relative; float:left; border-left:solid 1px #eaeaea; max-width:620px; padding:15px 30px;}
.Lvis_box .fm_rtxt ul { }
.Lvis_box .fm_rtxt ul li { padding: 0 0 0 10px; background: url(/portal/images/sub/icon_bl.gif) 3px 10px no-repeat; }

.cnt2p {position:relative; margin-top:44px; border-bottom:solid 1px #e1e1e5; padding-bottom:35px; overflow: hidden; }
.cnt2p .img_area { float:left; width: 35%; margin-right: 2%; }
.cnt2p .img_area img { width: 100%; }
.cnt2p .detail { float:right; width: 63%;}
.cnt2p .detail ul { padding: 0px 0 5px; }
.cnt2p .detail ul li { padding: 0 0 0 10px; background: url(/portal/images/sub/icon_bl.gif) 3px 10px no-repeat; }

.purpose{overflow:hidden; position:relative; margin:20px 0; width:100%;}
.purpose .item{position:relative; min-height:95px; margin-top:-1px;padding:20px; border:1px solid #ededed; background-color:#fff; }
.purpose .item:first-child{margin-top:0;}
.purpose .item .lcon{float:left;}
.purpose .item .rcon{padding-left: 120px; }
.purpose .item .rcon p{line-height:18px; text-align:left;}
.purpose .item .rcon p b{display:block;margin-bottom:10px;color:#000;font-size:16px;}
.purpose .item .rcon ul.list_1st li {margin:3px 0; line-height:18px; padding-left:11px; background:url(/portal/images/sub/icon_bl.gif) no-repeat 0 9px; word-wrap:break-word; word-break:keep-all;}

/* 서브 팝업창 */
#divpop .vote_footer { background: #000; color: #fff; }
#divpop .vote_footer a { color: #F9F5B9; }
#divpop1 .vote_footer { background: #000; color: #fff; }
#divpop1 .vote_footer a { color: #F9F5B9; }
#divpop2 .vote_footer { background: #000; color: #fff; }
#divpop2 .vote_footer a { color: #F9F5B9; }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 전자민원  
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* 분야별정보 */
.bx_back01 { position: relative; padding: 20px 40px 30px ; margin-bottom: 30px; border:1px solid #e1e1e5; background: #fff url(/portal/images/sub/box_bg01.jpg) right top no-repeat; }

.chosung { position:relative; margin:30px 0; text-align:center; }
.chosung p.cho_tt { position:relative; display:block; font-size:72px; font-weight:bold; line-height:76px; color:#333c7d; }
.chosung span {display:block; padding:10px 0; font-size:14px; color:#333c7d; text-align:center; border-top:1px solid #bac3cd; border-bottom:1px solid #bac3cd; }

/* 구정목표와 방침 */
.goals_box { position:relative; text-align: center; background:url('/mayor/images/sub/goals_bgBottom.jpg') no-repeat 50% 100%; padding-bottom: 130px  }
.goals_box .ttl {background:url('/mayor/images/sub/goals_bgTop.jpg') no-repeat 0 0; font-size: 32px; color: #000; padding: 50px 0 80px }
.goals_box dl {position:relative; top:-50px; margin: 0 100px}
.goals_box dt {display: block;padding: 0px 0 15px;font-size: 20px;color: #333;background: url(/mayor/images/sub/icon_sq.gif) center bottom no-repeat; margin-bottom: 50px }
.goals_box dd { padding: 15px 0; display:inline-block; width: 140px; margin: 0 10px 20px; line-height: 1.7;border: 1px solid #cdd5de; background-color: #fff }
.goals_box dd span {display: block; font-size: 17px;font-weight: 600}
.goals_box dd.no1 { color: #7bb744}
.goals_box dd.no2 { color: #6841b7}
.goals_box dd.no3 { color: #b041b7}
.goals_box dd.no4 { color: #b76241}
.goals_box dd.no5 { color: #41b7a2}
.goals_box dd.no6 { color: #61676d}
.goals_box dd.no7 { color: #417bb7}

.vision_box { position:relative; text-align: center; background:url('/mayor/images/sub/goals_bgBottom.jpg') no-repeat 50% 100%; padding-bottom: 130px;  }
.vision_box_top { background:url('/mayor/images/sub/goals_bgTop.jpg') no-repeat 0 0; font-size: 32px; color: #000; padding: 50px 0 80px }
.vision_box .box_title { width: 140px; padding: 0; height: 50px; margin: 0 auto; line-height: 50px; font-size: 24px; line-height: 55px; border: 2px solid #2E2F83; background: #424384; color: #fff; }
.vision_box .ttl { font-size: 32px; color: #000; padding: 50px 0 80px; }
.vision_box ul { position:relative; overflow: hidden; margin: 30px 0 70px; overflow: hidden; }
.vision_box ul li { padding: 15px 0; display: inline-block; width: 30%; height: 60px; margin: 0 10px 20px; line-height: 1.6em; border: 1px solid #cdd5de; background-color: #fff; font-size: 18px; }
.vision_box ul li span { font-size: 18px; }
.vision_box ul li.no1 span { color: #7bb744}
.vision_box ul li.no2 span { color: #EC4D00}
.vision_box ul li.no3 span { color: #b041b7}
.vision_box ul li.no4 span { color: #b76241}
.vision_box ul li.no5 span { color: #41b7a2}
.vision_box ul li.no6 span { color: #D84374}
.vision_box ul li.no7 span { color: #61676d}

/* 2030 장기발전계획 */
.saha_longplan { position: relative; padding: 30px 0; }
.saha_longplan h3 { padding: 20px 0 30px; text-align: center; }
.saha_longplan .saha_longplan_top { padding: 0 0 50px 0; margin-top: 100px; text-align: center; background: #fff url(/portal/images/sub/longplan_bg.jpg) no-repeat center 30px; }
.saha_longplan .box_title { width: 140px; padding: 0; height: 50px; margin: 0 auto; line-height: 50px; font-size: 24px; line-height: 55px; border: 2px solid #2E2F83; background: #424384; color: #fff; text-align: center; }
.saha_longplan .saha_longplan_top .title_sub { padding: 50px 0 20px; font-size: 36px; line-height: 1em; }
.saha_longplan .saha_longplan_top .title_sub .smalltext { display: block; font-size: 16px; }

.saha_longplan .title_sub { overflow: hidden; padding: 50px 0; }
.saha_longplan .title_sub li { width: 33%; display: inline-block; font-size: 23px; text-align: center; }
.saha_longplan .title_sub li .pointfont { font-size: 36px; }
.saha_longplan .title_sub li .eng { font-size: 16px; }

.saha_longplan .saha_longplan_big { margin-top: 100px; }
.saha_longplan .bigplan_box { overflow: hidden; }
.saha_longplan .bigplan_box li { display: inline-block; }

.saha_longplan .saha_longplan_sub { margin-top: 100px; }
.saha_longplan .saha_longplan_sub .subplan { overflow: hidden; padding: 50px 0; }
.saha_longplan .saha_longplan_sub .subplan li { float: left; width: 11%; text-align: center; line-height: 1em; }
.saha_longplan .saha_longplan_sub .subplan li span { display: block; padding: 45px 0; margin-bottom: 10px; border: 2px solid #ddd; border-radius: 300px; font-size: 16px; font-weight: bold; color: #000; }
.saha_longplan .saha_longplan_sub .subplan li:nth-child(1) span { border-color: #d25400; }
.saha_longplan .saha_longplan_sub .subplan li:nth-child(2) span { border-color: #ffae00; }
.saha_longplan .saha_longplan_sub .subplan li:nth-child(3) span { border-color: #4b88cc; }
.saha_longplan .saha_longplan_sub .subplan li:nth-child(4) span { border-color: #499ca6; }
.saha_longplan .saha_longplan_sub .subplan li:nth-child(5) span { border-color: #b16fd4; }
.saha_longplan .saha_longplan_sub .subplan li:nth-child(6) span { border-color: #db68c7; }
.saha_longplan .saha_longplan_sub .subplan li:nth-child(7) span { border-color: #a0ac4d; }
.saha_longplan .saha_longplan_sub .subplan li:nth-child(8) span { border-color: #35ac22; }
.saha_longplan .saha_longplan_sub .subplan li:nth-child(9) span { border-color: #e40000; }

.longplan_img_group { }
.longplan_img_group .longplan_img { overflow: hidden; }
.longplan_img_group .longplan_img li { float: left; width: 33%; min-height: 290px; padding-bottom: 10px; }
.longplan_img_group .longplan_img li p { padding: 20px 0 0 0;}
.longplan_img_group .longplan_img li span { display: block; line-height: 1.2em; }
.longplan_img_group .longplan_img li span.title { padding-bottom: 10px; font-size: 16px; color: #104E8C; font-weight: bold; }
.longplan_img_group .longplan_img li img { max-width: 100%; }
.longplan_img_group .longplan_img li:nth-child(1) span.title { width: 80%; box-sizing: border-box; margin: 40px auto 0; padding: 30px 0 30px 0; font-size: 36px; text-align: center; border-top: 1px solid #A0AC4D; border-bottom: 1px solid #A0AC4D; }

@media (max-width:960px) {
	.longplan_img_group .longplan_img li { padding: 0 5px; box-sizing: border-box; }
}	

@media (max-width:840px) {
	.saha_longplan .title_sub li { line-height: 1em; }
	.saha_longplan .title_sub li .eng {display: block;}
	.saha_longplan .saha_longplan_sub .subplan li { width: 20%; min-height: 170px; }
	.saha_longplan .saha_longplan_sub .subplan li span { width: 80%; height: 20px; }
}
@media (max-width:640px) {
	.saha_longplan .title_sub li { width: 32%; font-size: 20px; }
	.saha_longplan .title_sub li .pointfont { font-size: 30px; }
	.saha_longplan .saha_longplan_sub .subplan li span { width: 90%; }
	.longplan_img_group .longplan_img li { width: 50%; }
}
@media (max-width:500px) {
	.saha_longplan h3 img { max-width: 100%; }
	.saha_longplan .saha_longplan_top .title_sub { padding-top: 30px; font-size: 24px; }
	.saha_longplan .title_sub li { width: 100%; line-height: 1.5em; }
	.saha_longplan .title_sub li .eng { display: inline; }
	.saha_longplan .saha_longplan_big, .saha_longplan .saha_longplan_sub, .saha_longplan .saha_longplan_top { margin-top: 50px; }
	.saha_longplan .bigplan_box li { width: 32.5%; }
	.saha_longplan .bigplan_box li img { max-width: 100%; }
	.saha_longplan .saha_longplan_sub .subplan { padding: 25px 0; }
	.saha_longplan .saha_longplan_sub .subplan li { width: 33%; }
	.longplan_img_group .longplan_img li span br { display: none; }
	
}
@media (max-width:420px) {
	.longplan_img_group .longplan_img li { width: 100%;}
	.longplan_img_group .longplan_img li img { margin: 0 auto; width: 100%; }
	.saha_longplan { padding: 10px 0; }
}	

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

/* 전화번호 안내 */
.img_tel { padding: 43px; background: #F5F8FC url(/portal/images/sub/img_tel.png) 95% -20px no-repeat; }
.tel_box { width: 70%; display: inline-block; }
.tel_box .tel_left { width: 40%; display: inline-block; padding-right: 110px; background: url(/portal/images/sub/icon_tel.gif) no-repeat 72% 10px;}
.tel_box .tel_right { width: 40%; display: inline-block; }

/* 행정서비스 헌장전문*/
.img_admin { padding: 43px; background: #F5F8FC url(/portal/images/sub/img_admin.png) 95% -20px no-repeat; }
.img_hj { padding: 43px; background: #F5F8FC url(/portal/images/sub/img_hj.png) 95% 20px no-repeat; }

/* 정보공개청구 */
.img_information { padding: 43px; background: #F5F8FC url(/portal/images/sub/img_information.png) 95% -20px no-repeat; }

/* 종합 민원 안내 */
.img_0103 { background: #f0f4fa url(/portal/images/sub/img_0103.png) 95% 50% no-repeat; }
.img_0104 { background: #f0f4fa url(/portal/images/sub/img_0104.png) 95% 50% no-repeat; }
.img_0201 { background: #f0f4fa url(/portal/images/sub/img_0201.png) 95% 50% no-repeat; }
.img_0202 { background: #f0f4fa url(/portal/images/sub/img_0202.png) 95% 50% no-repeat; }
.img_0203 { background: #f0f4fa url(/portal/images/sub/img_0203.png) 95% 50% no-repeat; }
.img_0204 { background: #f0f4fa url(/portal/images/sub/img_0204.png) 95% 50% no-repeat; }
.img_0401 { background: #f0f4fa url(/portal/images/sub/img_0401.png) 95% 50% no-repeat; }
.img_0402 { background: #f0f4fa url(/portal/images/sub/img_0402.png) 95% 50% no-repeat; }
.img_0403 { background: #f0f4fa url(/portal/images/sub/img_0403.png) 95% 50% no-repeat; }
.img_0404 { background: #f0f4fa url(/portal/images/sub/img_0404.png) 95% 50% no-repeat; }
.img_0405 { background: #f0f4fa url(/portal/images/sub/img_0405.png) 95% 50% no-repeat; }
.img_0406 { background: #f0f4fa url(/portal/images/sub/img_0406.png) 95% 50% no-repeat; }

.img_child { background: #f0f4fa url(/portal/images/sub/img_child.png) 95% 50% no-repeat; }
.img_child h4 { background: none; margin-top: 0; padding-left: 0; }

/* 민원배치도 */
.minwon { width: 90%; height: 440px; padding: 20px; margin: 20px auto; border: 1px solid #e2e5eb; background: #fff url(/portal/images/sub/bg_minwon.jpg) center bottom no-repeat; }
.minwon ul { position: relative; height: 370px; margin-top: 20px; overflow: hidden; }
.minwon ul li { display: inline-block; position: absolute; width: 200px; height: 40px; padding: 2px 10px; line-height: 40px;}
.minwon ul .minwon_01 { margin-top: 300px; right: 80px; }
.minwon ul .minwon_02 { margin-top: 250px; right: 80px; }
.minwon ul .minwon_03 { margin-top: 200px; right: 80px; }
.minwon ul .minwon_04 { margin-top: 150px; right: 80px; }
.minwon ul .minwon_05 { margin-top: 100px; right: 80px; }
.minwon ul .minwon_06 { margin-top: 50px; right: 80px; }
.minwon ul .minwon_10 { margin-top: 0px; right: 80px; }
.minwon ul .minwon_09 { margin-top: 100px; left: 80px; }
.minwon ul .minwon_08 { margin-top: 50px; left: 80px; }
.minwon ul .minwon_07 { margin-top: 0px; left: 80px; }
.ct_land { background: #EDEAC9; }
.ct_pass { background: #D9E7CD; }
.ct_tax { background: #F3DBDB; }
.minwon_text span { display: inline-block; padding: 2px 10px; margin-right: 20px; }

/* 민원시책 상단 링크 메뉴 */
.box ul { overflow: hidden; padding: 11px; }
.box ul li { display: inline-block; float: left; width: 196px; padding: 3px 10px 3px 25px; margin: 0 3px 3px 0; line-height: 40px; background: #EEEEEE url(/portal/images/sub/icon_bar.gif) 15px 50% no-repeat; }
 
/* 세무민원 안내 */
.img_0105 { background: #f0f4fa url(/portal/images/sub/img_0105.png) 95% 50% no-repeat; }

/* 행정서비스 헌장 */
.img_0306 { min-height: 300px; background: #fff url(/portal/images/sub/img_03_06.gif) 0% 0% no-repeat; }
.img_0306 p { padding: 5px 0 5px 250px; }

/* 적극행정 */
.dl_01 { overflow: hidden; margin-bottom: 10px; }
.dl_01 dt { width: 15%; float: left; margin-right: 0.5%; height: 40px; line-height: 40px; background: #376C37; color: #fff;  font-size: 16px; text-align: center; }
.dl_01 dd { width: 84%; float: left; height: 40px; padding-left: 10px; box-sizing: border-box; line-height: 40px; background: #E4FEF1; border: 1px solid #376C37;  font-size: 16px; }

.dl_02 { overflow: hidden; margin-bottom: 10px; }
.dl_02 dt { width: 15%; height: 100px; float: left; margin-right: 0.5%; padding-top: 60px; background: #B5005A; color: #fff;  font-size: 16px; text-align: center; }
.dl_02 dd { width: 84%; float: left; padding-left: 10px; box-sizing: border-box; background: #FFF9FC; border: 1px solid #B5005A;  font-size: 16px; }
.dl_02 dd ul li { line-height: 40px; }

.dl_03 { overflow: hidden; margin-bottom: 10px; }
.dl_03 dt { width: 15%; float: left; margin-right: 0.5%; background: #793D00; color: #fff;  font-size: 16px; text-align: center; }
.dl_03 dd { width: 84%; float: left; }
.dl_03 dd ul { overflow: hidden; }
.dl_03 dd ul li { display: inline-block; width: 49%; height: 60px; line-height: 60px; margin-right: 5px; padding-left: 10px; box-sizing: border-box; line-height: 40px; background: #FEE8D6; border: 1px solid #793D00;  font-size: 16px; text-align: center; font-weight: bold;}

.dl_04 { overflow: hidden; margin-bottom: 10px; }
.dl_04 dt { width: 15%; float: left; height: 120px; padding-top: 50px; margin-right: 0.5%; background: #590505; color: #fff;  font-size: 16px; text-align: center; }
.dl_04 dd { width: 41.4%; float: left; height: 170px; margin-right: 5px; padding-left: 10px; box-sizing: border-box; border: 1px solid #793D00; background: #EFE7E7;  font-size: 16px; }
.dl_04 dd ul { overflow: hidden; }
.dl_04 dd ul li { line-height: 30px; }

.dl_05 { overflow: hidden; margin-bottom: 10px; }
.dl_05 dt { width: 15%; float: left; margin-right: 0.5%; background: #820582; color: #fff;  font-size: 16px; text-align: center; }
.dl_05 dd { width: 84%; float: left; }
.dl_05 dd ul { overflow: hidden; }
.dl_05 dd ul li { display: inline-block; width: 49%; height: 60px; line-height: 60px; margin-right: 5px; padding-left: 10px; box-sizing: border-box; line-height: 40px; background: #E0C0E0; border: 1px solid #820582;  font-size: 16px; text-align: center; font-weight: bold;}

.dl_06 { overflow: hidden; margin-bottom: 10px; }
.dl_06 dt { width: 15%; float: left; height: 90px; padding-top: 30px; margin-right: 0.5%; background: #620462; color: #fff;  font-size: 16px; text-align: center; }
.dl_06 dd { width: 41.4%; float: left; height: 120px; margin-right: 5px; padding-left: 10px; box-sizing: border-box; border: 1px solid #793D00; background: #F4EEF4;  font-size: 16px; }
.dl_06 dd ul { overflow: hidden; }
.dl_06 dd ul li { line-height: 30px; }

/* 아동 옴부즈퍼슨 아동친화도시 */
.ombus_person { position: relative; min-height: 280px; padding: 50px 0 0 30px; margin-top: -25px; background: url(/portal/images/sub/bg_ombuds.jpg) no-repeat left top; z-index: -1;}
.ombus_person h4 { padding: 30px; width: 230px; margin-bottom: 20px; border-radius: 0 30px 0 0; background: #6071E6; color: #fff; font-weight: bold; line-height: 1.6em; z-index: 2; }
.ombus_person h4 span { font-size: 22px; display: block; z-index: 2; }
.ombus_person p { font-size: 18px; padding-right: 20px; z-index: 2; }

.child_city { position: relative; min-height: 280px; padding: 50px 0 0 0px; margin-top: -25px; margin-bottom: 40px; background: url(/portal/images/sub/bg_child_city.jpg) no-repeat left top; z-index: -1;}
.child_city h4 { padding: 30px; width: 230px; margin-bottom: 20px; font-size: 16px; border-radius: 0 30px 0 0; background: #2D65C6; color: #fff; font-weight: bold; line-height: 1.6em; z-index: 2; }
.child_city h4 span { font-size: 22px; display: block; z-index: 2; }
.child_city p { padding: 30px; background: #fff; box-sizing: border-box; border: 5px solid #77B7E1; font-size: 16px; z-index: 2; }

.child_box { position: relative; padding: 30px 30px 30px 150px; margin-bottom: 45px; background: url(/portal/images/sub/bg_child_icon.png) no-repeat 20px 50%; box-sizing: border-box; border: 2px solid #ddd; }
.child_box h4 { padding: 0; margin: 0; background: none; font-weight: bold; }
.child_box p { font-size: 16px; }
.child_box2 { position: relative; padding: 30px 30px 30px 150px; margin-bottom: 15px; background: url(/portal/images/sub/bg_child_icon2.png) no-repeat 20px 50%; box-sizing: border-box; border: 2px solid #ddd; }
.child_box2 p { font-size: 16px; }
.child_box3 { position: relative; padding: 30px 30px 30px 150px; margin-bottom: 15px; background: url(/portal/images/sub/bg_child_icon3.png) no-repeat 20px 50%; box-sizing: border-box; border: 2px solid #ddd; }
.child_box3 p { font-size: 16px; }

.child_ol { overflow: hidden; margin-bottom: 30px; }
.child_ol li { padding: 20px 20px; box-sizing: border-box; border-bottom: 1px dotted #ddd; }
.child_ol li span { font-size: 16px; }

.bg_child_city { padding: 0px; margin-bottom: 45px; background: url(/portal/images/sub/bg_child.png) no-repeat right top; }

.un_child_box { position: relative; padding: 30px 30px 30px 150px; margin-bottom: 45px; background: url(/portal/images/sub/bg_un_child.png) no-repeat 20px 50%; box-sizing: border-box; border: 2px solid #ddd; }
.un_child_box h4 { padding: 0; margin: 0; background: none; font-weight: bold; }

.bg_child_saha { position: relative; min-height: 150px; padding: 50px 0 0 30px; margin-top: -25px; margin-bottom: 40px; border-radius: 0 0 30px 0; background:#DFEBF7 url(/portal/images/sub/bg_child_saha.jpg) no-repeat right top; z-index: -1; }
.bg_child_saha p { font-size: 18px; padding-right: 20px; }

.un_child_list { position: relative; overflow: hidden; margin-top: 20px; }
.un_child_list li { padding: 15px 0 15px 110px; box-sizing: border-box; }
.un_child_list li:nth-child(1) { background: url(/portal/images/sub/icon_un_child_01.png) no-repeat 15px 50%; border-top: 1px dashed #4172EB; }
.un_child_list li:nth-child(2) { background: url(/portal/images/sub/icon_un_child_02.png) no-repeat 15px 50%; border-top: 1px dashed #0AAA9C; }
.un_child_list li:nth-child(3) { background: url(/portal/images/sub/icon_un_child_03.png) no-repeat 15px 50%; border-top: 1px dashed #639E1D; }
.un_child_list li:nth-child(4) { background: url(/portal/images/sub/icon_un_child_04.png) no-repeat 15px 50%; border-top: 1px dashed #D97009; border-bottom: 1px dashed #ddd; } 
.un_child_list li dl { overflow: hidden; }
.un_child_list li dl dt { padding: 15px 15px 0; margin-bottom: 2px; font-size: 18px; box-sizing: border-box; }
.un_child_list li dl dd { padding: 5px 15px; box-sizing: border-box; } 

.box_youth { padding: 15px 20px 5px; margin-bottom: 30px; box-sizing: border-box; border: 3px solid #D9E8FF; border-radius: 0 30px 0 0; }
.bg_youth_01 { background: url(/portal/images/sub/bg_youth_01.png) no-repeat right bottom; }
.bg_youth_02 { padding-bottom: 220px; background: url(/portal/images/sub/bg_youth_02.png) no-repeat right bottom; }
.bg_youth_03 { background: url(/portal/images/sub/bg_youth_03.png) no-repeat right bottom; }
.bg_youth_04 { background: url(/portal/images/sub/bg_youth_04.png) no-repeat right bottom; }


@media (max-width:800px) {
	.bg_child_city { padding-top: 150px; background-position: center top; background-size: 25%; }
	.box_youth { padding-left: 10px; }
	.bg_child_saha { background: #DFEBF7; margin-top: 0; padding-top: 30px; } 
	.bg_youth_01, .bg_youth_02, .bg_youth_03, .bg_youth_04 { background: none; }
}
@media (max-width:480px) {
	.ombus_person { padding: 30px 0 0 20px; }
	.ombus_person h4 { padding: 25px; }
	.ombus_person p { font-size: 16px; }
	.bg_child_city { padding-top: 80px; }
}

/* 연혁 */
.saha_history .saha_box { position: relative; padding: 40px 40px 60px 40px; margin-bottom: 30px; background: #F5F7FA url(/portal/images/sub/bg_saha_box.jpg) right bottom no-repeat; }
.saha_history .saha_box h3 { width: 240px; text-align: right; line-height: 34px; color: #414286; font-size: 30px; }
.saha_history .saha_box h4 { width: 230px; text-align: right; line-height: 28px; color: #d84374; font-size: 18px; margin-top: 10px; background: none; } 
.saha_history .saha_box ul { display: inline-block; position: absolute; left: 320px; top: 40px; }
.saha_history .saha_box ul li { color: #666; }
.saha_history .history { background: url(/portal/images/sub/bg_history.jpg) left top no-repeat; }
.saha_history .history dl { margin: 10px 0 0px 370px; padding: 10px 0 30px 0; border-bottom: 1px dashed #CECED3; }
.saha_history .history dl dt { margin: 15px 0 0px 0; font-size: 24px; color: #414286; font-weight: bold; }
.saha_history .history dl dd { color: #666; }
.saha_history .history dl dd span { display: inline-block; width: 115px; }
.saha_history .history dl dd em { padding-left: 118px; text-decoration: none; }

/* 어린이 연혁 */
.kids_history {position:relative; width:100%; }
.kids_history:after {clear:both; content:""; display:block;}
.kids_history .ct01 {position:absolute; top:0; left:0; width:300px;}
.kids_history .ct02 {padding:20px 0 20px 300px; background:url(/portal/images/sub/0503_bg.gif) repeat-y 306px 0;}
.kids_history .his-tit {font-size:34px; color:#0c7bc2;}
.kids_history .img img {padding-top:10px;}
.kids_history .tit {background:url(/portal/images/sub/0503_icon01.png) no-repeat 0 5px; font-size:14px; font-weight:bold; color:#09559f; padding-left:30px;}
.kids_history .txt {padding-left:30px; padding-top:5px; line-height: 16px; }
.kids_history .ul_dot { margin-left: 20px; }

.tware_box .ct-top {min-height:260px ;position:relative; border-bottom:1px solid #D2D2D2; margin:30px 0;}
.tware_box .ct-top .taom1 {width:18px; height:15px; overflow:hidden; display:block; background:url(/portal/images/sub/0501_img02.gif) no-repeat 0 0;font-size:0; padding-bottom:20px;}
.tware_box .ct-top .taom2 {width:100%; height:15px; overflow:hidden; display:block; background:url(/portal/images/sub/0501_img03.gif) no-repeat 100% 100%;font-size:0; padding-top:10px;}
.tware_box .ct-top .t2 {font-size:30px; line-height:1.1em; color:#3a3ca6;}
.tware_box .ct-top .t4 {font-size:14px; color:#333; line-height:1.8em; padding-top:10px; }
.tware_box .ct-top .img {position:absolute; left:10px;}
.tware_box .ct-top .txt {padding-left:310px; padding-top:30px;}


/* 지명유래 */
.lc_box { overflow: hidden; min-height: 280px; padding: 3%; margin-bottom: 50px; background: url(/portal/images/sub/bg_local_history.jpg)left top no-repeat; }
.lc_box .title_area { float: left; width: 35%; padding: 0 4% 0 2%; }
.lc_box .title_area h4 { padding: 20px 0 0 20px; font-size: 36px; color: #fff; background: url(/portal/images/sub/icon_lc.gif) left top no-repeat; }
.lc_box .title_area p { padding: 5px 0 5px 20px; color: #fff; }
.lc_box .title_area p.big { font-size: 16px; font-family: '바탕', 'batang', '바탕체'; line-height: 1.5em; }
.lc_box .text_area { float: left; width: 53%; padding: 3%; background: #fff; }
.lc_box .text_area p { padding: 5px 0; }

/* 사하이야기 */
.story_box { position: relative; width: 100%; padding:0; margin-bottom: 30px; overflow: hidden; }
.story_box .title_area { position: relative; float: left; width:32%; height: 170px; padding:0; background: url(/portal/images/sub/saha_storytt_bg.jpg) left top repeat;}
.story_box .title_area p.st_tt { font-size: 30px; color:#fff; line-height: 1.3em; padding: 28px 30px 0 30px; }
.story_box .text_area { position: relative; display: block; float: left; width:68%; height: 170px; background: #09559f; color: #fff; }
.story_box .text_area p { padding: 30px; }

.btn_file2_dw { display: inline-block; text-align:left; width: 30%; padding:18px; margin-bottom:6px; border: 1px solid #ddd; line-height: 20px; font-size:14px; color: #333C7D!important; background: #fff url(/portal/images/sub/btn_file.png) 94% 50% no-repeat; font-weight: bold; }
.btn_file2_dw:hover { background-color: #f9f9f9; text-decoration: none; }


/* 상징 심볼 */
.symbol { position: relative; overflow: hidden; }
.symbol p.big { margin: 30px 0; font-size: 24px; line-height: 34px; color: #333; }
.symbol p.big span { color: #d33c6b; }
.symbol p { color: #666; }
.symbol .btn_file { margin-top: 60px; line-height: 36px; height: 30px; padding: 3px 20px 3px 45px; border: 1px solid #E1E1E5; background-position: 18px 50%; }
.symbol .left_box { float: left; width: 49%; padding: 0 6% 0 0; }
.symbol .left_box ul { padding-top: 30px; overflow: hidden; }
.symbol .left_box ul li { float: left; width: 28%; color: #666; line-height: 1.5em; }
.symbol .left_box ul li span { color: #000; font-size: 14px; line-height: 28px; }
.symbol .left_box ul li:FIRST-CHILD { border-right: 1px solid #E7E7E7; }
.symbol .left_box ul li.smark { padding: 0 6% 0 15%; background: url(/portal/images/sub/symbol_smark.jpg) left 50% no-repeat; }
.symbol .left_box ul li.photo { padding: 0 0% 0 22%;  background: url(/portal/images/sub/symbol_photo.jpg) 26px 50% no-repeat; }
.symbol .right_box { float: left; width: 35%; padding: 90px 0 0 10%; }
.logo_box { margin: 80px 0 0 0; padding: 70px 0px; border: 1px solid #E1E1E5; text-align: center; background: url(/portal/images/sub/bg_check.gif) left top repeat; }
.logo_box img { padding: 10px 20px; }
.symbol_box { margin-top: 60px; overflow: hidden; }
.symbol_box li { float: left; width: 25%; min-height:430px; padding: 45px 3% 30px; margin-left: 3%; border: 1px solid #E1E1E5; }
.symbol_box li:FIRST-CHILD { margin-left: 0; }
.symbol_box li.flower { background: url(/portal/images/sub/symbol_flower.jpg) center 30px no-repeat; }
.symbol_box li.tree { background: url(/portal/images/sub/symbol_tree.jpg) center 30px no-repeat; }
.symbol_box li.bird { background: url(/portal/images/sub/symbol_bird.jpg) center 30px no-repeat; }
.symbol_box li p { padding: 10px 0; }
.symbol_box li dl { padding: 120px 0 0 0; }
.symbol_box li dl dt { padding: 20px 0 15px; font-size: 18px; color: #414286; text-align: center; background: url(/portal/images/sub/icon_sq.gif) center bottom no-repeat; }
.symbol_box li dl dd { padding-top: 20px; color: #666; line-height: 1.6em; }

/* 브랜드 슬로건 */ 
.slogan { }
.slogan p { padding: 10px 0; }
.slogan .slogan_box { padding: 30px 20px; margin-bottom: 70px; border: 1px solid #E1E1E5; } 
.slogan .slogan_box ul { position: relative; overflow: hidden; padding-top: 50px; background: url(/portal/images/sub/bg_vision.jpg) center top no-repeat; }
.slogan .slogan_box ul li { float: left; width: 21%; padding: 50px 2% 0; text-align: center; }
.slogan .slogan_box ul li dl { }
.slogan .slogan_box ul li dl dt { padding-bottom: 5px; font-size: 16px; color: #333; }
.slogan .slogan_box ul li dl dd { color: #666; }
.slogan_down { border: 1px solid #E1E1E5; }
.slogan_down ul { overflow: hidden; } 
.slogan_down ul li { float: left; width: 33%; padding: 30px 0; border-left: 1px solid #E1E1E5; }
.slogan_down ul li:FIRST-CHILD { border-left: none; }
.slogan_down ul li .title { padding: 0px 0 15px; font-size: 16px; color: #333; background: url(/portal/images/sub/icon_sq.gif) center bottom no-repeat; }
.slogan_down ul li .image { height: 100px; line-height: 100px; padding: 10px 0 20px; }

/* 캐릭터 */ 
.character { }
.character p { padding: 10px 0; }
.character_down { border: 1px solid #E1E1E5; margin: 15px 0; }
.character_down ul { overflow: hidden; } 
.character_down ul li { float: left; width: 33%; padding: 30px 0; border-left: 1px solid #E1E1E5; }
.character_down ul li:FIRST-CHILD { border-left: none; }
.character_down ul li .title { padding: 0px 0 15px; font-size: 16px; color: #333; background: url(/portal/images/sub/icon_sq.gif) center bottom no-repeat; }
.character_down ul li.black { background: #000; }
.character_down ul li.black .title { color: #fff; }
.character p.center { margin-bottom: 70px; }
.character .character_logo { overflow: hidden; padding: 50px 30px; border: 1px solid #E1E1E5; margin: 15px 0; }
.character .character_logo ul { text-align: center; }
.character .character_logo ul li { display: inline; padding: 0 20px; }

/* 행정지도 */
.saha_map { position: relative; height: 550px; background: url(/portal/images/sub/bg_saha_map.jpg) left top no-repeat; }
.saha_map .text { position: absolute; right: 4%; width: 340px; height: 340px; background: url(/portal/images/sub/bg_map_text.jpg) left top no-repeat; }
.saha_map .text .title { padding: 38px 40px 0 40px;  font-size: 30px; color: #fff; }
.saha_map .text p { padding: 20px 40px 45px 40px; line-height: 1.6em; color: #fff; }
.saha_map .text .btn_down { display: block; height: 80px; padding: 0 0 0 30px; line-height: 80px; text-align: center; font-size: 18px; color: #fff; background: url(/portal/images/sub/icon_file.png) 80px 50% no-repeat; }
.saha_map .acrobat { position: absolute; width: 100%; height: 100px; margin: 400px 0 0 0; box-sizing: border-box; background: #EEEEEE url(/portal/images/sub/bg_acrobat.gif) 30px 50% no-repeat; border: 1px solid #E1E1E5; border-width: 0px 1px 1px 1px; line-height: 1.6em; }
.saha_map .acrobat p { padding: 30px 50px 0 100px; } 
.saha_map .acrobat p span { color: #d84374; }
.saha_map .acrobat .btn_file_dw { position: absolute; right: 35px; top: 30px; }


/* 조직도 */
.org { position: relative; background: url(/portal/images/sub/bg_org_202408.jpg) no-repeat left 30px;  }
.org p { position: relative; text-align: center; }
.org p span { display: inline-block; background: #4A4BA3; width: 180px; height: 50px; line-height: 50px; color: #fff; text-align: center; font-size: 20px; }
.org > ul { position: relative; overflow: hidden; }
.org ul li.mayor { text-align: center; }
.org ul li.mayor span { display: inline-block; margin-top: 30px; width: 180px; height: 50px; line-height: 50px; background: #4A4BA3; color: #fff; text-align: center; font-size: 20px;}
.org ul li.bmayor { text-align: center; }
.org ul li.bmayor span { display: inline-block; margin-top: 30px; width: 174px; height: 50px; line-height: 50px; border: 3px solid #4A4BA3; background: #fff; text-align: center; font-size: 20px; color: #2958AF; } 
.org ul li.bmayor > ul { padding-top: 80px; padding-left: 20px; width: 970px; }
.org ul li ul .org_dep01 { width: 160px; height: 45px; float: left; margin: 44px 30px 250px 0; line-height: 45px; border: 1px solid #0E638C; background: #026FB3 url(/portal/images/sub/icon_tplus.gif) 135px 17px no-repeat; text-align: left; font-size: 17px; }
.org ul li ul .org_dep01 a { padding-left: 20px; color: #fff; font-size: 17px; } 
.org ul li ul .org_dep01 ul { width: 100%; margin-left: -1px; }
.org ul li ul .org_dep02 { width: 160px; height: 45px; float: left; margin: 44px 30px 250px 0; line-height: 45px; border: 1px solid #0E638C; background: #026FB3 url(/portal/images/sub/icon_tplus.gif) 135px 18px no-repeat; text-align: left; font-size: 17px; }
.org ul li ul .org_dep02 a { padding-left: 20px; color: #fff; font-size: 17px; }
.org ul li ul .org_depbg { border-color: #007593; background: #007D9D; }
.org ul li ul .org_dep03 { width: 160px; height: 38px; line-height: 38px; border-bottom: 1px solid #cbcbcb; border-left: 1px solid #cbcbcb; border-right: 1px solid #cbcbcb; background: #fff url(/portal/images/sub/icon_gplus.gif) 135px 15px no-repeat; }
.org ul li ul .org_dep03 a { padding-left: 20px; color: #545454; font-size: 15px; }
.org ul li ul .short { margin-bottom: 250px; }
.org ul li ul li:nth-child(11).short { margin-bottom: 100px; }
.org a { display: block; }
.org .council { position: absolute; top: 40px; left: 790px; width: 140px; height: 45px; line-height: 45px; border: 1px solid #D53768; background: #D53768; color: #fff; font-size: 16px; text-align: left; padding-left: 20px; }
.org .council a { color: #fff;}
.org .council ul { margin-left: -20px; }
.org .council ul li { padding: 0; margin-left: -1px; border-bottom: 1px solid #CDD5DE; border-left: 1px solid #CDD5DE; border-right: 1px solid #CDD5DE; line-height: 38px; text-align: left; color: #545454; font-size: 15px; }
.org .council ul li a { color: #545454; }
.org .dong { position: relative; min-height: 230px; margin-top: 10px; background: #F4F6F9; border: 1px solid #CDD7E7; }
.org .dong .dongcenter { position: absolute; top: 30px; left: 30px; display: inline-block; width: 160px; height: 50px; background: #395DC6; border: 1px solid #395DC6; line-height: 50px; font-size: 16px; text-align: center; color: #fff; }
.org .dong .welfarecenter { position: absolute; top: 180px; left: 30px; display: inline-block; width: 160px; height: 50px; background: #479AD4; border: 1px solid #418BBE; line-height: 50px; font-size: 16px; text-align: center; color: #fff; }
.org .dong div { margin-top: 30px; margin-left: 225px; padding: 0 0 15px 0; } 
.org .dong div ul {  display: inline-block; width: 160px; margin-right: 20px; margin-bottom: 20px; border: 1px solid #CDD7E7; border-width: 1px 0px 0px 0px; }
.org .dong div ul li { width: 140px; padding-left: 20px; margin: 0; line-height: 40px; background: #fff url(/portal/images/sub/icon_gplus.gif) 135px 15px no-repeat; border: 1px solid #CDD7E7; border-width: 0px 1px 1px 1px; }

/* 부서소개 및 조직도 */
.department { position: relative; padding: 20px 0; }
.department .about_depart { overflow: hidden; margin-bottom: 50px; border: 1px solid #D2D2DC; background: #F7F7FA; }
.department .about_depart p { color: #666; }
.department .about_depart .icon_area .icon_area_p{font-weight: bold;}
.department .about_depart .icon_area { float: left; width: 190px; min-height: 270px; padding: 45px 30px 0px 55px;  background: #F7F7FA url(/portal/images/sub/bg_about_depart.gif) center 30px no-repeat;}
.department .about_depart .icon_area h3 { margin: 140px 0 0 0; font-size: 28px; color: #414286; }
.department .about_depart .text_area { float: left; width: 620px; min-height: 270px; border-left: 1px solid #D2D2DC; padding: 35px 30px; }
.department .about_depart .text_area h4 { padding-left: 15px; font-size: 16px; color: #414286; background: url(/portal/images/sub/icon_tri.gif) left 50% no-repeat; }
.department .about_depart .text_area ul li { padding-left: 15px; color: #666; background: url(/portal/images/sub/icon_bl.gif) 5px 9px no-repeat; }
.department .about_depart .text_area ul li span { color: #333; }
.department .org_depart { margin-bottom: 40px; }
.department .org_depart .wrap02 { background: rgba(0, 0, 0, 0) url("/portal/images/sub/org_depart_bg0201.gif") no-repeat scroll center 0; margin: 0 auto; overflow: hidden; text-align: center; }
.department .org_depart .wrap03 { background: rgba(0, 0, 0, 0) url("/portal/images/sub/org_depart_bg0301.gif") no-repeat scroll center 0; margin: 0 auto; overflow: hidden; text-align: center; }
.department .org_depart .wrap04 { background: rgba(0, 0, 0, 0) url("/portal/images/sub/org_depart_bg0401.gif") no-repeat scroll center 0; margin: 0 auto; overflow: hidden; text-align: center; }
.department .org_depart .wrap05 { background: rgba(0, 0, 0, 0) url("/portal/images/sub/org_depart_bg0501.gif") no-repeat scroll center 0; margin: 0 auto; overflow: hidden; text-align: center; }
.department .org_depart .wrap06 { background: rgba(0, 0, 0, 0) url("/portal/images/sub/org_depart_bg0601.gif") no-repeat scroll center 0; margin: 0 auto; overflow: hidden; text-align: center; }
.department .org_depart .wrap07 { background: rgba(0, 0, 0, 0) url("/portal/images/sub/org_depart_bg0701.gif") no-repeat scroll center 0; margin: 0 auto; overflow: hidden; text-align: center; }
.department .org_depart strong { background: #5773C3 none repeat scroll 0 0; color: #fff; display: block; font-size: 1.28em; font-weight: 400; margin: 0 auto; padding: 10px 0; border: 1px solid #455EA8; position: relative; text-align: center; width: 200px; }
.department .org_depart ul { margin-top: 50px; overflow: hidden; padding: 0; }
.department .org_depart ul li { background: #F6F6FC none repeat scroll 0 0; border: 1px solid #CDD5DE; display: inline-block; font-size: 1.15em; margin: 0 2px; padding: 15px 0; position: relative; text-align: center; width: 20%; color: #545454; font-size: 14px; }
.department .org_depart ul li.org_box02 { width: 48%; }
.department .org_depart ul li.org_box03 { width: 31%; }
.department .org_depart ul li.org_box04 { width: 23%; }
.department .org_depart ul li.org_box05 { width: 18%; }
.department .org_depart ul li.org_box06 { width: 15%; }
.department .org_depart ul li.org_box07 { font-size: 1em; margin: 0 5px; width: 12%; }
.department .org_depart ul li span { display: inline-block; line-height: 1.3em; vertical-align: middle; }

/* 청사안내도 청내배치도 */
.office { border: 1px solid #CDD5DE; }
.office .office_menu { border-bottom: 1px solid #CDD5DE; background: #fff; }
.office .office_menu ul { min-height: 55px; padding-bottom: 2px; text-align: center; overflow: hidden; }
.office .office_menu ul li { display: inline-block; padding: 0 38px; height: 60px; line-height: 60px; background: url(/portal/images/sub/bg_line.gif) left 50% no-repeat; }
.office .office_menu ul li:FIRST-CHILD { background: none; }
.office .office_menu ul li a { display: block; }
.office .office_menu ul li a:hover { text-decoration: none; }
.office .office_menu ul li.active { height: 55px; line-height: 55px; }
.office .office_menu ul li.active a { font-weight: bold; color: #414286; border-bottom: 4px solid #414286; }
.office .office_map { padding: 15px; background: #F7F9FB; }
.office .office_map .div { position: relative; overflow: hidden; min-height: 300px; }
.office .office_map .div .text { float: left; width: 20%; }
.office .office_map .div .text .title { width: 100px; padding: 20px 30px 10px; background: #4A4BA3; color: #fff; }
.office .office_map .div .text .title span { font-size: 58px; line-height: 60px; }
.office .office_map .div .text ol { padding: 20px 0; }
.office .office_map .div .text ol li { height: 34px; line-height: 16px; }
.office .office_map .div .text ol li span { display: block; margin-top: 0px; padding-left: 10px; line-height: 14px; font-size: 12px; }
.office .office_map .div .image { float: left; width: 80%; padding: 30px 0 30px; text-align: center; }
.office .office_map .div .image img { max-width: 100%;}

/* 전화번호 안내 */
.saha_tel_fax { position: relative; width: 102%; }
.saha_tel_fax li { position: relative; width: 32%; display: inline-block; margin: 0 0.5% 0 0; vertical-align: top; }
.saha_tel_fax table { margin:4px 0 10px; border-top: 2px solid #2349B4; }
.saha_tel_fax table th, .saha_tel_fax table td { padding:8px 10px 6px; border:1px solid #ddd; line-height:1.615; vertical-align:middle}
.saha_tel_fax table thead th { border-top:0; background:#ECF0FB; text-align:center; font-weight: bold;}
.saha_tel_fax table tbody th { font-weight:400; text-align: center; background:#F5F8FC; }
.saha_tel_fax table tbody .bg { background:#f2f2f2; }


/* 구청 오시는길 */
.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:14px; 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:420px;background-color: #eee; margin:0 ;}
.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;}



.map_info{background:#6263a6; overflow:hidden; min-height:100px; margin-bottom:45px;}
.map_info ul{list-style:none; padding:0; margin:0;}
.map_info ul li{position:relative; float:left; width:100%; padding:0 0 10px; color:#fff;}
.map_info ul li.contact{background:#266bca;}
.map_info ul li .sts1{display:block; margin:30px 0 0 120px;}
.map_info ul li .zoomtxt { display:block; font-size:20px; margin:38px 0 0 70px;}
.map_info ul li .ic{display:none;position:absolute;left:0;top:50%;margin:-30px 0 0 50px;width:56px;height:60px;background:url() no-repeat;}
.map_info ul li.address {display:inline-block; float: left; width:75%; min-height:100px; background:url(/portal/images/sub/map_icon01.png) 30px 50% no-repeat;}
.map_info ul li.damap_zoom {display:inline-block; float: left; width:25%; min-height:100px; background:#d84374 url(/portal/images/sub/map_icon02.png) 30px 50% no-repeat;}
.map_info ul li.damap_zoom a { color: #fff; }

/*작은 도서관 */
.small_library { position: relative; }
.small_library > ul { overflow: hidden; border-top: 1px solid #939BD2; display:flex; flex-wrap:wrap;}
.small_library > ul > li { display: inline-block;  width: 50%;  padding: 35px 0; border-bottom: 1px dashed #E2E5EB; overflow: hidden;}
.small_library > ul > li .img_area { float: left; width: 40%; text-align: center; }
.small_library > ul > li .img_area img { width: 100%; height: 140px; margin-bottom: 5px; }
.small_library > ul > li .txt_area { float: left; width: 52%; padding: 0 4%; }
.small_library > ul > li .txt_area .title { font-weight: bold; margin-bottom: 5px;}
.small_library > ul > li .txt_area ul li { padding-left: 8px; line-height: 1.6em; background: url(/portal/images/sub/icon_dot.gif) 0px 8px no-repeat; }

/* 작은도서관 */
.img_smallbook { background: #f0f4fa url(/portal/images/sub/img_smallbook.png) 95% 50% no-repeat; }
.img_smalllib { background: #f0f4fa url(/portal/images/sub/img_smalllib.png) 95% 50% no-repeat; }
.lib_box ul { overflow: hidden; padding: 10px; border: 1px dashed #eee; }
.lib_box ul li { display: inline-block; float: left; width: 49%; min-height: 150px; padding: 20px 2% 20px 2%; box-sizing: border-box; line-height: 20px; background: #558ED5; text-align: center; font-size: 16px; }
.lib_box ul li:first-child { margin-right: 2%; }
.lib_box ul li p { margin-top: 10px; }
.lib_box ul li span { margin-right: 10px; }
.lib_box ul li a { color: #fff; }
 
/* 19대 대통령 선거 */
.voteday strong { display: block; font-size: 30px; font-family: Arial, Helvetica, sans-serif; height: 33px; line-height: 31px; text-align: center; color: #355a9e; font-weight: normal; white-space: nowrap; }
.voteday { display: block; width: 75px; position: absolute; right: 380px; top: 10px; text-align: center; }


@media (max-width: 1024px) {
	.voteday {display:none;}
	.org ul li.org_dep { width: 130px; margin: 44px 20px 310px 0; }
	.org ul li.org_dep ul { width: 152px; }
	
	.tab_menu li { width: 33%;}
	
	.department .about_depart .icon_area { width: 24%; padding: 4%; margin: 0; background-position: center 20px; }
	.department .about_depart .text_area { width: 59%; padding: 4%; margin: 0; }
}

@media (max-width: 980px) {
.voteday {display:none;}
	.img_box img { width: 90%; }
	
	.link_box { width: 100%; padding-left: 0%;  background: none; }
	
	.symbol .left_box { width: 58%; padding-right: 2%; }
	.symbol .right_box { width: 38%; padding-left: 2%; }
	
	.slogan .slogan_box ul { padding-top: 0px; }
	.slogan .slogan_box ul li { background: #fff; padding-top: 0; margin-top: 46px; }
	.slogan_down ul li .btn_file { width: 40%; margin-bottom: 2px; }
	.character_down ul li .btn_file { width: 40%; margin-bottom: 2px; }
	
	.story_box .title_area { width:100%; height:100%; }
	.story_box .title_area p.st_tt { padding: 28px 0 20px 30px; }
	.story_box .text_area { width:100%; height:100%; }
	.btn_file2_dw { width:80%; }
	
	.grid_box.step4 li, .grid_box.step5 li { width: 25%;}
	.grid_box.step5 li:nth-child(5) { padding-left: 0}
	
	.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_tel { padding: 40px; background: #F5F8FC url(/portal/images/sub/img_tel_s.png) 95% 0px no-repeat; }
	.img_admin { padding: 40px; background: #F5F8FC url(/portal/images/sub/img_admin_s.png) 95% 0px no-repeat; }
	.img_hj { padding: 40px; background: #F5F8FC url(/portal/images/sub/img_hj_s.png) 95% 0px no-repeat; }
	.img_information { padding: 40px; background: #F5F8FC url(/portal/images/sub/img_information_s.png) 95% 0px no-repeat; }
	
	.org { background: url(/portal/images/sub/bg_org_2022_l.jpg) left top no-repeat; }
	.org ul li.bmayor > ul { width: 98%; padding-left: 50px; }
	.org .council { left: 70%; }
	
	
	.lib_box ul li { width: 98%; margin-top: 10px; }
	
}
@media (max-width:840px) {
	.saha_tel_fax li { width: 100%;}
	.org ul li ul .org_dep02 { margin-right: 20px; }
}
@media (max-width:800px) {
.voteday {display:none;}
	.minwon { height: 480px}
	.minwon ul { height: 400px; }
	.minwon ul .minwon_01 { right: 0px; }
	.minwon ul .minwon_02 { right: 0px; }
	.minwon ul .minwon_03 { right: 0px; }
	.minwon ul .minwon_04 { right: 0px; }
	.minwon ul .minwon_05 { right: 0px; }
	.minwon ul .minwon_06 { right: 0px; }
	.minwon ul .minwon_10 { right: 0px; }
	.minwon ul .minwon_09 { left: 0px; }
	.minwon ul .minwon_08 { left: 0px; }
	.minwon ul .minwon_07 { left: 0px; }
	
 	.org { background: url(/portal/images/sub/bg_org_2022_m.jpg) left top no-repeat; }
	.org ul li.mayor span { left: 32%; }
	.org ul li.bmayor > ul { width: 600px; padding-left: 40px; }
	.org ul li ul .org_dep01, .org ul li ul .org_dep02, .org ul li ul .short { margin-bottom: 200px; }
	.org .dong .dongcenter { width: 145px; height: 45px; }
	.org .dong div { margin-left: 200px; }
	.org .dong div ul { width: 140px; margin-right: 10px; margin-bottom: 10px; }
	.org .dong div ul li { width: 120px; background-position: 110px; }
	.org .council { top: 10px; }
	
	.office .office_map .div .image { width: 100%; }
	.office .office_map .div .text ol li { width: 48%; }

}	
@media (max-width:767px) {
.voteday {display:none;}
	.h3content img, .h4content img, .h5content img { max-width: 100%; }
	.tab_menu li { width: 50%;}
	.img_box img { width: 30%; }
	
	.department .org_depart .wrap02 { background: rgba(0, 0, 0, 0) url("/portal/images/sub/org_depart_bg0202.gif") no-repeat scroll center 0; margin: 0 auto; overflow: hidden; text-align: center; }
	.department .org_depart .wrap03 { background: rgba(0, 0, 0, 0) url("/portal/images/sub/org_depart_bg0302.gif") no-repeat scroll center 0; margin: 0 auto; overflow: hidden; text-align: center; }
	.department .org_depart .wrap04 { background: rgba(0, 0, 0, 0) url("/portal/images/sub/org_depart_bg0402.gif") no-repeat scroll center 0; margin: 0 auto; overflow: hidden; text-align: center; }
	.department .org_depart .wrap05 { background: rgba(0, 0, 0, 0) url("/portal/images/sub/org_depart_bg0502.gif") no-repeat scroll center 0; margin: 0 auto; overflow: hidden; text-align: center; }
	.department .org_depart .wrap06 { background: rgba(0, 0, 0, 0) url("/portal/images/sub/org_depart_bg0602.gif") no-repeat scroll center 0; margin: 0 auto; overflow: hidden; text-align: center; }
	.department .org_depart .wrap07 { background: rgba(0, 0, 0, 0) url("/portal/images/sub/org_depart_bg0702.gif") no-repeat scroll center 0; margin: 0 auto; overflow: hidden; text-align: center; }
	
	.img_txtbox {background-image: none;}
	.img_txtbox p.bic_icon { position:absolute; top:30px; right:30px; width:200px; }
	.bx_back01 {background-image: none;}
	.saha_history .saha_box { background-image: none; padding: 20px 20px 30px 20px; }
	.saha_history .saha_box h3 { width: auto; text-align: left; }
	.saha_history .saha_box h4 { width: auto; text-align: left; }
	.saha_history .saha_box ul { position: relative; left: 0px; top: 5px; padding: 0; margin: 0; }
	.saha_history .history { background: url(/portal/images/sub/bg_history.jpg) -320px top no-repeat; }
	.saha_history .history dl { margin-left: 50px; }
	
	.lc_box { background-repeat: repeat-y; }
	.lc_box .title_area { padding: 1% 2%; }
	.lc_box .title_area h4 { padding: 10px 0 0 20px; font-size: 28px; }
	
	.symbol .left_box { width: 100%; padding-right: 0%; }
	.symbol .right_box { width: 100%; padding-left: 0%; padding-top: 40px; overflow: hidden; }
	.symbol .right_box p { float: left; width: 50%; text-align: center; }
	.symbol .right_box p img { width: 60%; margin: 0 auto; }
	.symbol .btn_file { margin-top: 20px; width: 90px; }
	.logo_box { margin-top: 40px; padding: 30px 0;}	
	.symbol_box { margin-top: 40px; }
	.symbol_box li { clear: both; position: relative; width: 100%; min-height: 240px; margin: 5px 0 0 0; padding: 10px 10px 40px 0; box-sizing: border-box; }
	.symbol_box li p { padding: 5px 0 0 0; }
	.symbol_box li.flower, .symbol_box li.tree, .symbol_box li.bird { background-position: 20px 50%; }
	.symbol_box li dl { position: absolute; left: 180px; width: 65%; padding: 10px 0 0 0; }
	.symbol_box li dl dt { padding: 5px 0 10px 0; text-align: left; background-position: left bottom; }
	.symbol_box li dl dd { padding-top: 10px; }
	
	.saha_map .acrobat { height: 140px; }
	.saha_map .acrobat p { display: block; padding: 20px 50px 10px 100px; line-height: 1.5em; } 
	.saha_map .acrobat .btn_file_dw { position: relative; display: block; right: auto; left: 0px; top: 0; width: 130px; }
	
	.office .office_menu ul li { padding: 0 12px; }
	.office .office_map .div .text { clear: both; width: 100%; overflow: hidden; margin-bottom: 20px; min-height: 100px; }
	.office .office_map .div .text .title { display: inline-block; float: left; width: 12%; min-width: 50px; padding: 5%; }
	.office .office_map .div .text ol { display: inline-block; float: left; width: 70%; padding: 2% ; overflow: hidden; }
	.office .office_map .div .text ol li { display: inline-block; float: left; padding: 5px 10px; margin: 0; line-height: 14px; }
	.office .office_map .div .text .title span { font-size: 24px; line-height: 24px; }
	.office .office_map .image { clear: both; width: 100%; }
	
	.kids_history .ct01 {position:relative;width:100%;}
	.kids_history .img span {padding-right:10px;display:inline-block;}
	.kids_history .ct02 {padding-left:0;background-position:6px 0;}
	
	.img-zoom a.zoomin {position: absolute; bottom: 0px; right: 0px; display: block; padding: 10px; text-align: center; background: url(/portal/images/common/ico_zoomin.png) no-repeat center center; background-color: rgba(78, 108, 142, 0.5); background-size: 15px; width: 30px; height: 30px; }
	.basic_box h4.ico_tit { font-size:20px; line-height:22px; }
	
	.grid_box > li { width: 50%  !important;}
	.grid_box > li:nth-child(odd) { padding-left:0 !important;}
	.grid_box > li:nth-child(even){ padding-left:10px !important;}
	
	/* .small_library > ul > li { height: 300px; } */
	.small_library > ul > li .img_area { clear: both; width: 80%; }
	.small_library > ul > li .img_area img { height: 160px; }
	.small_library > ul > li .txt_area { clear: both; width: 90%; padding: 20px 0 0 0; }
}	
@media (max-width: 680px) {
	.voteday {display:none;}
	.ul_list_half li { clear: both; width: 100%; }
	
	.minwon ul li { width: 170px; }
	
	.map_info ul li.address { background-image: none; }
	.map_info ul li .sts1 { margin-left: 30px; }
	.map_info ul li.damap_zoom { background-position: center 27px; }
	.map_info ul li .zoomtxt { margin: 60px 30px 30px 30px; font-size: 14px; }
	
	.img_minwon, .img_minwon24, .img_tel, .img_admin, .img_hj, .img_information, .img_child { background-image: none; padding: 30px!important; }
	
	.office .office_menu ul li { padding: 0 18px; line-height: 40px; height: 40px;}
	.office .office_menu ul li.active { height: 32px; line-height: 32px; }
	
	.tel_box { width: 100%; } 
	
	.org ul li.bmayor > ul { width: 560px; }
	.org ul li ul .org_dep01, .org ul li ul .org_dep02 { margin-right: 10px; }
	
}	
@media (max-width: 640px) {
	.org { background: url(/portal/images/sub/bg_org_s.gif) left top no-repeat; }
	.org ul li.mayor span { left: 3%; }
	.org ul li.bmayor > ul { width: 100%; padding-left: 20px; box-sizing: border-box; }
	.org ul li ul li:nth-child(1).org_dep02 { margin-bottom: 20px!important; }
	.org ul li ul li:nth-child(2).org_dep02 { margin-bottom: 20px!important; }
	.org ul li ul .short { margin-bottom: -5px; }
	.org ul li ul .longer { margin-bottom: 90px; } 
	.org .council { left: 65%; }
	.org .dong div { margin-left: 30px; margin-top: 90px; }
	
	.voteday {display:none;}
	
	.tab_menu li, .list04 li{ width: 50%; }
		
	.link_box a { width: 90%!important; }
	
	.img_box img { width: 99%; margin-bottom: 5px; }
	
	.slogan .slogan_box ul { padding-top: 20px; }
	.slogan .slogan_box ul li { width: 99%; min-height: 100px; padding: 10px 0; margin: 2px; border: 1px solid #E1E1E5; }
	.slogan_down ul li { width: 99%; border-left: none; border-top: 1px solid #E1E1E5; }
	.slogan_down ul li:FIRST-CHILD { border-top: none;}
	.character_down ul li { width: 99%; border-left: none; border-top: 1px solid #E1E1E5; }
	.character_down ul li:FIRST-CHILD { border-top: none;}
	.kids_history .img span {width:47%;padding-right:2%;display:inline-block;}
	.kids_history .img img {padding-right:0;width:100%;}
	.img_right { min-width: 100%; float: none; margin: 0 0 10px 0;}

	.tware_box .ct-top .taom2 {padding-top:0;}
	.tware_box .ct-top .t4 {padding-top:20px;}
	.tware_box .ct-top .img {position:relative;bottom:0;left:0;width:100%;text-align:center;}
	.tware_box .ct-top .txt {padding-left:0; padding:20px 0 20px 0;}
	
	.ul_img.col4 li {width: 50%;}
	.ul_img.col4 li:nth-child(3) {padding-left: 0; clear: both; float: left;}
	
	.func_tab { padding: 15px 20px; }
	.func_tab ul li { width: 50%; }
	
	.department .about_depart .icon_area { width: 92%; min-height: 130px; background-position: 20px 20px; }
	.department .about_depart .icon_area h3 { margin-top: 20px; margin-left: 140px; }
	.department .about_depart .icon_area p { margin-left: 140px; }
	.department .about_depart .text_area { width: 92%; border-left: none; border-top: 1px solid #D2D2DC; }
	.department .org_depart .wrap02 { background: rgba(0, 0, 0, 0) url("/portal/images/sub/org_depart_bg0203.gif") no-repeat scroll right top; margin: 0 auto; overflow: hidden; text-align: center; }
	.department .org_depart .wrap03 { background: rgba(0, 0, 0, 0) url("/portal/images/sub/org_depart_bg0303.gif") no-repeat scroll right top; margin: 0 auto; overflow: hidden; text-align: center; }
	.department .org_depart .wrap04 { background: rgba(0, 0, 0, 0) url("/portal/images/sub/org_depart_bg0403.gif") no-repeat scroll right top; margin: 0 auto; overflow: hidden; text-align: center; }
	.department .org_depart .wrap05 { background: rgba(0, 0, 0, 0) url("/portal/images/sub/org_depart_bg0503.gif") no-repeat scroll right top; margin: 0 auto; overflow: hidden; text-align: center; }
	.department .org_depart .wrap06 { background: rgba(0, 0, 0, 0) url("/portal/images/sub/org_depart_bg0603.gif") no-repeat scroll right top; margin: 0 auto; overflow: hidden; text-align: center; }
	.department .org_depart .wrap07 { background: rgba(0, 0, 0, 0) url("/portal/images/sub/org_depart_bg0703.gif") no-repeat scroll right top; margin: 0 auto; overflow: hidden; text-align: center; }
	.department .org_depart strong { width: 50%; margin: 0 30% 0 20%; }
	.department .org_depart ul { margin-top: 20px; overflow: hidden; padding: 0; }
	.department .org_depart ul li { border: 1px solid #ddd; display: block; float: left; font-size: 1.15em; margin-top: 5px; padding: 10px 0; position: relative; text-align: center; width: 88%!important; }
	
	.office .office_map { padding: 20px 20px; }
	.office .office_map .div .text .title { min-width: 40px; padding: 3%; }
	.office .office_map .div .text ol { height: 115px; }
	.office .office_map .div .text ol li { padding: 3px 10px; }
	
	.vision_box_top { padding-bottom: 0; }
	.vision_box { width: 98%; }
	.vision_box .ttl { font-size: 20px; }
	.vision_box ul li { display: block; width: 90%; }
	
}
@media (max-width: 540px) {	
.voteday {display:none;}
	.img_txtbox {background: #f8fafc; padding: 25px 30px;}
	.img_txtbox p.bic_icon { position:absolute;top:-9999px;left:-9999px;z-index:-1; height:0; padding:0; margin:0;overflow:hidden; }
	
	.ul_img li { float:none; width: 100%}
	
	.minwon { height: 390px; }
	.minwon ul { height: 310px; }
	.minwon ul li { position: relative; width: 41%; height: 40px; padding-top: 10px!important; margin-top: 2px!important; vertical-align: middle; line-height: 16px; }
}
@media (max-width: 490px) {
	.tab_menu li a { padding-left: 10px; }
	.voteday {display:none;}
	.saha_history .saha_box { background-image: none; margin: 0; padding: 20px 0; }
	.saha_history .saha_box h3, .saha_history .saha_box h4, .saha_history .saha_box ul { padding-left: 10px; }
	.saha_history .history { background-image: none; margin: 0; padding: 0; }
	.saha_history .history dl { margin-left: 0px; }
	.saha_history .history dl dd span { display: block; margin-top: 10px; color: #000; }
	.saha_history .history dl dd em { padding-left: 0; }
	
	.lc_box .title_area { width: 93%; }
	.lc_box .title_area p { padding-top: 0; }
	.lc_box .title_area p.big { font-size: 14px; }
	.lc_box .text_area { width: 93%; }
	
	.symbol .left_box ul li { clear: both; width: 70%; height: 80px; }
	.symbol .left_box ul li.smark { padding: 0 6% 0 25%; }
	.symbol .left_box ul li.photo { padding: 0 6% 0 25%; background-position: left 50%; }
	
	.symbol_box li { min-height: 390px; }
	.symbol_box li.flower, .symbol_box li.tree, .symbol_box li.bird { background-position: center 20px; }
	.symbol_box li dl { position: relative; width: 94%; left: 20px; top: 150px; }
	
	.saha_map .text { width: 90%; }
	.saha_map .text p { width: 70%; padding-top: 30px; }
	.saha_map .text .btn_down { height: 48px; line-height: 48px; background-position: 60px 50%; }
	.saha_map .text .title { font-size: 26px; }
	.table th, .table td { padding: 4px 4px 3px; }
	
	.bg_box { padding: 120px 30px 20px 30px; }
	.img_0103 { background: #f0f4fa url(/portal/images/sub/img_0103.png) 50% 20px no-repeat; }
	.img_0104 { background: #f0f4fa url(/portal/images/sub/img_0104.png) 50% 20px no-repeat; }
	.img_0105 { background: #f0f4fa url(/portal/images/sub/img_0105.png) 50% 20px no-repeat; }
	.img_0201 { background: #f0f4fa url(/portal/images/sub/img_0201.png) 50% 20px no-repeat; }
	.img_0202 { background: #f0f4fa url(/portal/images/sub/img_0202.png) 50% 20px no-repeat; }
	.img_0203 { background: #f0f4fa url(/portal/images/sub/img_0203.png) 50% 20px no-repeat; }
	.img_0204 { background: #f0f4fa url(/portal/images/sub/img_0204.png) 50% 20px no-repeat; }
	.img_0401 { background: #f0f4fa url(/portal/images/sub/img_0401.png) 50% 20px no-repeat; }
	.img_0402 { background: #f0f4fa url(/portal/images/sub/img_0402.png) 50% 20px no-repeat; }
	.img_0403 { background: #f0f4fa url(/portal/images/sub/img_0403.png) 50% 20px no-repeat; }
	.img_0404 { background: #f0f4fa url(/portal/images/sub/img_0404.png) 50% 20px no-repeat; }
	.img_0405 { background: #f0f4fa url(/portal/images/sub/img_0405.png) 50% 20px no-repeat; }
	.img_0406 { background: #f0f4fa url(/portal/images/sub/img_0406.png) 50% 20px no-repeat; }
	.img_smallbook { background: #f0f4fa url(/portal/images/sub/img_smallbook.png) 50% 20px no-repeat; }
	.img_samlllib { background: #f0f4fa url(/portal/images/sub/img_samlllib.png) 50% 20px no-repeat; }
	
	.grid_box > li { float: none;  padding-left: 0 !important; width: 100% !important; }
	.grid_box > li:nth-child(even){ padding-left:0px !important;}
	.grid_box.long > li dd,
	.grid_box.middle > li dd {min-height:inherit;}
	
	.org .council { left: 190px; width: 140px; }
	.org .dong .dongcenter { left: 15px; top: 20px; }
	.org .dong div { margin-left: 15px; }
	
	.map_info { min-height: 80px; }
	.map_info ul li.address { width: 98%; min-height: 70px; }
	.map_info ul li .sts1 { margin: 15px; }
	.map_info ul li.damap_zoom { display: none; }
	
	.cnt2p .img_area { clear: both; width: 100%; margin-right: 0; margin-bottom: 10px; }
	.cnt2p .detail { clear: both; width: 100%; }
	
	.small_library > ul > li { clear: both; width: 100%; }
	.small_library > ul > li .img_area { width: 280px; }
}	
@media (max-width: 360px) {
	
	.symbol .btn_file { width: 80px; padding: 3px 10px 3px 35px; margin: 3px 0; font-size: 12px; }
	.symbol .right_box p { float: left; width: 48%; }
	
	.org { background: url(/portal/images/sub/bg_org_ss.gif) left top no-repeat; }
	.org ul li.mayor span { width: 135px; height: 50px; line-height: 50px; font-size: 20px; }
	.org ul li.bmayor span { width: 129px; }
	.org .council { left: 150px; top: 0px; }
	.org ul li.mayor span { left: 0; }
	.org ul li.bmayor > ul { padding-left: 0; }
	
	.org ul li ul .org_dep01, .org ul li ul .org_dep02, .org ul li ul .org_dep03 { width: 135px; background-position: 120px; }
	
	.org .dong { width: 90%; }
	.org .dong div { margin-left: 8px; }
	.org .dong div ul { width: 130px; }
	.org .dong div ul li { width: 110px; }
}	


/* Calendar */
.fc_calendar_container{
  height:auto;
  bottom:0px;
  width:100%;
  top:50px;
}
.fc_calendar{
  width:100%;
  height:100%;
  border:1px solid #d7d7d7;
  border-width:0 1px 0 1px;
}

.fc_calendar_header{
  display:inline-block;
  width:100%;
  background-color:#565656;
  border: 1px solid #d7d7d7;
}
.fc_calendar_header .fc_month_year{
  position:relative;
  margin:0 auto;
  width:209px;
  line-height:54px;
  background-image:none;
  font-size:24px;
  font-weight:600;
  color:#fff;
  text-align:center;
}
.fc_calendar_header .fc_month_year .fc_month{
  color:#FEA17C;
}
.fc_calendar_header .fc_month_year .fc_nav {
  position:absolute;
  left:0px;
  top:13px;
  width:209px;
}
.fc_calendar_header .fc_month_year .fc_nav a{
  float:left;
  width:28px;
  height:28px;
  color:transparent;
  cursor:pointer;
  background:url('../../images/sub/fc_left_btn.gif');
  margin:0 1px;
  font-size:20px;
  text-indent: -99999px;
}
.fc_calendar_header .fc_month_year .fc_nav a.fc_next{
  float:right;
  background:url('../../images/sub/fc_right_btn.gif');
}
.fc_calendar .fc_head{
  position:relative;
  width:100%;
  height:34px;
  line-height:34px;
  background-color:#f3f3f3;
  border-bottom:1px solid #d7d7d7;
}
.fc_calendar .fc_body{
  position:relative;
  width:100%;
  height:100%;
}
.fc_calendar .fc_row{
  width:100%;
  height:120px;
  border-bottom:1px solid #d7d7d7;
}
.fc_calendar .fc_row td,
.fc_calendar .fc_head th{
  position:relative;
  float:left;
  width:14%;
  height:100%;
  border-right:1px solid #d7d7d7;
}
.fc_calendar .fc_head th{
  width:14%;
  color:#555;
  text-align:center;
}
.fc_calendar .fc_head th.fc_sat{
  color:#004aff;
  border-right:none;
}
.fc_calendar .fc_head th.fc_sun{
  color:#e80000;
}
.fc_calendar .fc_row td{
  position:relative;
  background-color:#fff;
  overflow:hidden;
  min-height:140px;
}
.fc_calendar .fc_row td a.fc_point{
  display:inline-block;
  width:100%;
  height:100%;
}
.fc_calendar .fc_row td a.fc_point:hover,
.fc_calendar .fc_row td a.fc_point:focus{
  background-color:#f3f3f3;
}
.fc_calendar .fc_row td span.fc_date{
  position:absolute;
  bottom:auto;
  right:10px;
  top:10px;
  left:auto;
  width:30px;
  height:20px;
  line-height:20px;
  font-weight: bold;
  color:#383838;
  text-align:right;
}
.fc_calendar .fc_row td ul li.fc_cont{
  /* display:block; */
  /* position:absolute; */
  /* bottom:15px; */
  /* left:15px; */
  /* width:85%; */
  line-height:18px;
  font-size:12px;
  color:#555;
  /* overflow:hidden; */
  /* word-wrap:normal; */
  /* white-space:nowrap; */
  /* text-overflow:ellipsis; */
  padding-left: 3px;
  padding-bottom: 3px;
}
.fc_calendar .fc_row td {
  min-height:120px;
}
.fc_calendar .fc_row td div.sbrs{
  line-height:14px;
}

.fc_calendar .fc_row td div.fc_weekday{
  display:none;
  padding-left:5px;
}
.fc_calendar .fc_row td.fc_today{
  background-color:#f3f3f3;
}
.fc_calendar .fc_row td.fc_activeday{
  background-color:#f3f4e6;
}
.fc_calendar .fc_row td.fc_sun{
  /* background-color:#fefafa; */
}
.fc_calendar .fc_row td.fc_sat{
  border-right:none;
  width:14%;
}
.fc_calendar .fc_row td.fc_empty{
  background-color:#fcfcfc;
}
.fc_calendar .fc_row td.fc_sun div.fc_weekday,
.fc_calendar .fc_row td.fc_sun span.fc_date{
  color:#ff0000;
}
.fc_calendar .fc_row td.fc_sat div.fc_weekday,
.fc_calendar .fc_row td.fc_sat span.fc_date{
  color:#0b1fb4;
}

/* open API */
.open_api { }
.open_api h3.num { margin: 40px 0 20px; padding: 0; height: 40px; line-height: 40px; background-color: #F5F3F4;font-size: 16px; font-weight: bold; color: #333; }
.open_api h3.num span { display: inline-block; width: 40px; line-height: 40px; height: 40px; padding: 0px;  margin-right: 15px; background-color: #2466C0; color: #fff; text-align: center; }
.open_api p.reply { padding: 10px 0px 25px 50px;}
.open_api a.new_win {margin:0 2px;padding-right:18px;background:url(../../images/common/img_comn_tiny.png) no-repeat 100% -739px;color:#0090c6}

/* 지진 대피 장소 */
#view {  right:0; width:100%; height:560px; margin-top:20px; }
.customoverlay:nth-of-type(n) {box-shadow:0px 1px 2px #888; background:#fff; position:relative;left:25px;bottom:40px;border-radius:15px;border: 1px solid #c03f76;float:left;}
.customoverlay {box-shadow:0px 1px 2px #888; background:#fff; position:relative;left:25px;bottom:40px;border-radius:15px;border: 1px solid #c03f76;float:left;}
.customoverlay .title {display:block;text-align:center;background:transparent;padding:4px 20px 3px;font-weight:bold; color:#c03f76;}

/* 팝업존 전체 보기 페이지 */
.banner_group_wrap { position: relative; }
.popupzone_group { overflow: hidden; text-align: left; }
.popupzone_group li { display: inline-block; margin: 0px 4px 8px 0; }

@media (max-width: 980px) {
	.popupzone_group { text-align: center; }
}	
/* table_view */
.table_view th,.table_view td {padding: 10px 15px;  border: 1px solid #cdd5de; margin:30px 0;}
.table_view tbody tr:first-child th,.table_view tbody tr:first-child td {border-top: 2px solid #4c5499; }
.table_view .title { position:relative; font-family: 'NanumGothicWebB'; font-size: 18px;background: #f5f6f8; color: #414286; padding: 15px 10px;}
.table_view .title .fR {font-family:inherit; font-weight: normal; position: absolute; right: 10px; top:15px}
.table_view tbody th {background: #f9f9f9;}

.write_form { position: relative;}
h3 + .write_form h4:first-child { margin-top: 0px}
.write_form .tableTop_r { position: absolute; right: 0; top:5px;}

.data_table td.editorZone { padding: 0 !important;}
.data_table { border-top: 2px solid #4C5499; }
.data_table th, .data_table td {padding: 6px 15px 6px; border:1px solid #ddd; border-width: 1px 0 1px 0; line-height:1.615;vertical-align:middle}
.data_table th { background: #F8F8F8; }
.data_table thead th {border-top:0;background:#f8f8f8;text-align:center; padding: 10px 0; font-size: 15px }
.data_table td .ir { position: absolute; }


/* 개인정보처리방침 */
.ps_information { padding: 30px 36px; background:url(../../images/contents/ps_inspection_dot.gif); font-size: 1.153em; }
.bg_none li{ background-image: none !important; }
.icon_list_exc{ background-position: 0 10px !important; }
.img-ico{margin-left: 5px;}
.img-ico img{width: 35px; height:35px;}


/* 조직도 및 부서에서하는일*/
.dept_img img { width:450px; height:110px; }
.dept_do { display:inline-block; width:100%; margin-top:5px; background: #f5f5f5; border-top:1px dashed #dadada; border-bottom:1px dashed #dadada;}
.dept_do li { width:30%; float:left; margin-top:3px; margin-left:25px; }
.dept_do li p { font-size:.85em; }

 
/** 골든데이 css 수정*/
.list_attr { padding: 0; margin-top: 40px; border-top: 2px solid #4c5499;  border-bottom: 1px solid #cccccc;}
.list_attr ul li.attr_li {position:relative; padding:25px 0; border-top: 1px solid #ddd; min-height: 200px}
.list_attr ul li.attr_li:first-child {border-top: none;}
.list_attr ul li.attr_li .img_div {position:absolute; top:25px; left:0; width:300px; height:200px; border:1px solid #eee; text-align:center; overflow: hidden;}
.list_attr ul li.attr_li .img_div img {width: 100%; height:200px;}
.list_attr ul li.attr_li .info_div {padding:5px 0 0 335px;}
.list_attr ul li.attr_li .info_div span { display: inline-block;}
.list_attr ul li.attr_li .info_div .attr_title {display: block; color:#333; font-size: 1.25em; line-height:30px; font-weight: bold; margin-bottom: 10px;}
.list_attr ul li.attr_li .info_div .attr_subtxt { margin-top:5px; margin-bottom: 15px; overflow: hidden; }
.list_attr ul li.attr_li .info_div .attr_subtxt li { line-height: 1.7em; margin: 2px 0; position: relative; padding-left: 10px}
.list_attr ul li.attr_li .info_div .attr_subtxt li:before { position:absolute; left: 0; top:8px; display:block; content:""; width: 3px; height: 3px; border-radius:50%; background-color: #4865d3;  }
.list_attr ul li.attr_li .info_div .attr_btn {}
.list_attr .no_data { border-bottom: none}

@media (max-width:767px) {
	.list_attr ul li.attr_li .img_div {position:relative; top:inherit; left:inherit; width:inherit; height:inherit; border:1px solid #eee;}
	.list_attr ul li.attr_li .img_div {max-width: 100%; height:auto; }
	.list_attr ul li.attr_li .info_div {padding:10px 0 0 0;}
}

/* 체육시설 콘텐츠 팝업 */
.content_popup {  position: relative; padding-bottom: 30px; overflow: hidden; }
.content_popup1{ box-sizing: border-box; margin-bottom: 10px; padding: 20px; text-align: center; font-size: 16px; font-weight: 600; }
.content_popup1 div { box-sizing: border-box; background: #fff; border-radius: 100px; padding: 10px; line-height: 1.6em; }
.content_popup1 .bg_round { display: inline-block; padding: 5px 10px; background: #236700; border-radius: 50px; color: #fff; }

.content_popup2 { display: inline-block; vertical-align: top; box-sizing: border-box; width: calc(50% - 5px); margin-right: 6px; height: 400px; padding: 25px 20px 0; border: 1px solid #777; background: url(/portal/images/popup/bg_sportspopup_01.jpg) no-repeat left top; }
.content_popup2 .cp_title { font-size: 20px; line-height: 1.2em; font-weight: 900; text-shadow: -1px 0 #F2F1F6, 0 1px #F2F1F6, 1px 0 #F2F1F6, 0 -1px #F2F1F6; }
.content_popup2 table td { background: #fff; padding: 5px; } 

.content_popup3 { display: inline-block;vertical-align: top;  box-sizing: border-box; width: calc(50% - 5px); height: 400px; padding: 25px 20px 0; border: 1px solid #777; background: url(/portal/images/popup/bg_sportspopup_02.jpg) no-repeat left top; }
.content_popup3 .cp_title { padding-left: 10px; font-size: 26px; line-height: 1.3em; font-weight: 900; margin-bottom: 20px; text-shadow: -1px 0 #F2F1F6, 0 1px #F2F1F6, 1px 0 #F2F1F6, 0 -1px #F2F1F6; }
.content_popup3 .cp_text { line-height: 1.6em; } 
.content_popup3 .bg_white{ box-sizing: border-box; padding: 15px;  background: #fff; border-radius: 15px; }

@media (max-width:880px) {
	.content_popup2 { padding: 20px; }
	.content_popup2 .cp_title { font-size: 15px; }
	.content_popup2 .table thead th { padding: 0; }
	.content_popup2 table td { padding: 0; font-size: 13px; letter-spacing: -1px; }
	.content_popup3 { padding: 20px; }
	.content_popup3 .cp_text { line-height: 1.3em; }
	.content_popup3 .cp_title { font-size: 20px;  margin-bottom: 10px; }	 
	.content_popup3 .bg_white { padding: 5px; }
}

@media (max-width:550px) {
	.content_popup2 { width: 100%; height: 340px; display: block; margin-bottom: 10px; }
	.content_popup2 .cp_title { font-size: 20px; }
	.content_popup3 { width: 100%; height: 340px; display: block; }
	.content_popup3 .cp_title {  font-size: 26px; }
}
@media (max-width:480px) {
	.content_popup1 { padding: 15px; }
	.content_popup1 div { border-radius: 50px; font-size: 14px; }
	.content_popup2 .cp_title { font-size: 18px; }
	.content_popup3 .cp_title {  font-size: 20px; }
}

/*작은도서관 코로나 팝업 추가 */
#libDivpop{position:absolute; top:180px; z-index:9999; background:#fff; border:1px solid #444; text-align:center;}

.libLayerpop .close { background: #000; padding: 3px 0; color: #fff; }
.libLayerpop .close button { color: #fff; }
	

#libDivpop1{position:absolute; top:180px; z-index:9999; background:#fff; left: 800px; border:1px solid #444; text-align:center;}

.libLayerpop1 .close { background: #000; padding: 3px 0; color: #fff; }
.libLayerpop1 .close button { color: #fff; }

#libDivpop2{position:absolute; top:180px; z-index:9999; background:#fff; left: 800px; border:1px solid #444; text-align:center;}

.libLayerpop2 .close { background: #000; padding: 3px 0; color: #fff; }
.libLayerpop2 .close button { color: #fff; }
			
	
#libDivpop3{position:absolute; top:180px; z-index:9999; background:#fff; left: 800px; border:1px solid #444; text-align:center;}

.libLayerpop3 .close { background: #000; padding: 3px 0; color: #fff; }
.libLayerpop3 .close button { color: #fff; }

/* 작은도서관 예약 */
.smalllib_facility-pop-wrap{display:none; position:fixed; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.6); z-index:99;}
.smalllib_facility-pop-wrap .smalllib-pop{position:absolute; left:50%; top:40%; width:100%; max-width:250px; height: 100%; padding-bottom: 30px; }
.smalllib_facility-pop-wrap .smalllib-pop table.small{background:#fff; font-size:14px; border-collapse:initial; }
.smalllib_facility-pop-wrap .smalllib-pop table.small thead th { background: #4D4E53; padding: 3px 0; line-height: 1.5em; color: #fff; }
.smalllib_facility-pop-wrap .smalllib-pop table.small thead th span.lname { display: inline-block; padding: 5px 10px; background: #EE2959; color: #fff; border-radius: 5px; }
.smalllib_facility-pop-wrap .smalllib-pop table.small tbody td { padding: 2px 10px; border-bottom: 1px solid #ddd; text-align: center; }
.smalllib_facility-pop-wrap .smalllib-pop p { padding: 5px; background: #fff; text-align: center; }
.smalllib_facility-pop-wrap .smalllib-pop p .btn_cls { display: inline-block; width: 30%; padding: 3px 10px; background: #4D4E53; border-radius: 5px; color: #fff; margin-right: 5px; }
.smalllib_facility-pop-wrap .smalllib-pop p .btn_rsv { display: inline-block; width: 30%; padding: 3px 10px; background: #EE2959; border-radius: 5px; color: #fff; }

.passport_notice { font-size: 18px; color: #414286; padding-left: 10px; margin: 15px 0 5px;}



/* 자립 꿀단지 챗봇  */


#floating_button_bx{
	position:fixed;
	right:50px;
	bottom:150px;
	margin:0;
	padding:0;
	z-index:100;
}
#floating_button_bx > a{
	cursor:pointer;
}

#floating_button_bx > a > .chat_bot_icon{
	display:block;
}
#floating_button_bx > a > .chat_bot_icon_hover{
	display:none;
}
#floating_button_bx > a:hover > .chat_bot_icon{
	display:none;
}
#floating_button_bx > a:hover > .chat_bot_icon_hover{
	display:block;
}

@media screen and (max-width: 1350px){
	
#floating_button_bx{
	
	left:inherit;
	right:10px;
	bottom:100px;
	margin:0;
	padding:0;
	
}

#floating_button_bx > a > img{
	width:100px;
}
}

/* 개인정보처리방침 모달 창  */
.popup_cont{
	opacity: 0; visibility: hidden;
}
.popup_hidden{visibility: visible !important; opacity: 1 !important; margin: 0;}
.popup_zindex{z-index: 0 !important;}

button.active+.popup_cont {
	visibility: visible;
	opacity: 1;
	margin: 0;
  }

  .popup_btn {
	padding: 7px 15px;
	border-radius: 3px;
	background: #21529f;
	color: #fff;
	font-size: 1em;
  }

  .popup_cont {
	visibility: hidden;
	opacity: 0;
	text-align: center;
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(0, 0, 0, .6);
	transition: all 0.5s ease;
	font-family: 'GmarketSans';
  }

  .popup_cont .wrap {
	max-width: 900px;
	border-radius: 5px;
	padding: 20px;
	background: #fff;
	width: calc(100% - 2em);
	max-height: calc(100vh - 10em);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	overflow: auto;
  }

  .popup_cont h5 {
	text-align: center;
	padding-right: 1.2em;
	font-size: 2em;
	color: #333;
	line-height: 2em;
	margin: 0 0 20px 0;
	border-bottom: 1px solid #ddd;
  }

  .popup_cont h6 {
	margin-top: 30px;
  }

  .popup_cont h5:before {
	display: none;
  }

  .popup_cont .description {
	line-height: 1.5;
	position: relative;
	vertical-align: middle;
	min-height: 150px;
	font-size: 1.1em;
	text-align: left;
  }

  .popup_cont .description:before {
	background-position: 0 -450px;
  }

  .popup_cont .description strong {
	display: inline-block;
	padding: 2px 10px;
	background-color: #396dd8;
	font-size: 1em;
	color: #fff;
	border-radius: 4px;
	margin-top: 20px;
  }

  .popup_cont .label_list {
	display: flex;
	flex-flow: row wrap;
	font-weight: 400;
  }

  .popup_cont .label_list:after {
	content: "";
	display: block;
	clear: both;
  }

  .popup_cont .label_list.eq05 li {
	display: inline-block;
	width: 20%;
  }

  .popup_cont .label_list.eq06 li {
	display: inline-block;
	width: 16.66%;
  }

  .popup_cont .label_list li {
	margin: 15px 0;
	overflow: hidden;
  }

  .popup_cont .label_list li span {
	display: block;
	margin: 0 auto;
	text-align: center;
	line-height: 1.4em;
	margin-top: 10px
  }

  .popup_cont .label_list .img {
	width: 50px;
  }

  .popup_cont .label_list .img img {
	display: block;
	width: 100%;
	margin: 0 auto;
  }

  .popup_cont .description ul li {
	font-size: 0.95em;
	padding-left: 10px;
	line-height: 2em;
  }

  .popup_cont>div>a {
	display: inline-block;
	margin: 30px 10px 10px;
	padding: 5px 40px;
	border-radius: 6px;
	background-color: #af282c;
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
	border: 2px solid #af282c;
  }

  .popup_cont>div>a:hover,
  .popup_cont>div>a:focus {
	text-decoration: none;
	background-color: #d8474b;
	border: 2px solid #d8474b;
  }

  .popup_cont>div>a.border-black {
	background-color: #fff;
	color: #333;
	border: 2px solid #333;
  }

  .popup_cont>div>a.border-black:hover {
	background-color: #f5f5f5;
  }

  .popup_cont .popup_close {
	position: absolute;
	top: -80px;
	right: 20px;
	background: url(/portal/images/sub/ico_close.png) no-repeat center center;
	width: 3em;
	height: 3em;
  }

  @media all and (max-width:767px) {
	.popup_btn {
	  font-size: 0.9em;
	}

	.img-ico {
	  display: inline-block;
	  width: 33px;
	  height: 33px;
	}

	.popup_cont {
	  font-size: 0.9em;
	}

	.popup_cont .wrap {
	  width: calc(100% - 8em);
	}

	.popup_cont h5 {
	  font-size: 1.9em;
	  word-break: keep-all;
	}

	.popup_cont .description {
	  position: relative;
	  display: block;
	  font-size: 1.4em;
	}

	.popup_cont>div>a {
	  margin-top: 10px;
	}

	.popup_cont .description.no-img {
	  padding: 0;
	}

	.popup_cont .label_list li span {
	  font-size: 0.8em;
	  white-space: nowrap;
	}

	.popup_cont .label_list.eq05 li {
	  display: inline-block;
	  width: 20%;
	}

	.popup_cont .label_list.eq06 li {
	  display: inline-block;
	  width: 20%;
	}
  }


  /*기부자 명단*/
.donation_list{position: relative; padding-bottom:30px; border-bottom:1px solid #ddd; margin-bottom:50px;}
.donation_list:after{content:''; display:block; clear: both;}
.donation_list li{float:left; width:calc(25% - 18px); margin:0 9px; margin-bottom:20px; position: relative;} 


.donation_list li a{position: relative; /*border: 1px solid #ddd;*/ background: #fafafa; text-align: center; padding:40px 40px 30px 40px; display: block;  height: 220px; box-sizing: border-box; }
.donation_list li span{display:block; margin-bottom: 10px;}
.donation_list li span.pay{font-size:15px; color:#d57f2c; font-weight:600;}
.donation_list li span.name{font-size:18px; font-weight:Bold; /*height:50px;*/ color:#000; word-break: keep-all;     margin-bottom: 0;}
.donation_list li span.data{color:#999; font-size:14px;}
.donation_list li span.img::after{content: '';width: 90px;height: 37px;display: inline-block;margin-top: 8px; background:url('/portal/images/sub/logo_saha.png');}

.donation_list li a:hover{box-shadow:0 0 0 11px #4c5499 inset; }
.donation_list li img:hover{box-shadow:0 0 0 11px #4c5499 inset;}

.donation_txt{padding: 20px 20px; box-sizing: border-box; text-align: center; background: #f5f5f5; font-size: 16px; letter-spacing: -0.5px;}
.donation_txt strong {font-weight: 600;}
.donation2022 { padding: 10px 22px; border: 1px solid #ddd; border-radius: 60px;}
.donation2022 span{font-weight: bold; color:#ee5715;}


@media (max-width:768px) {
	
	.donation_list li{float:left; width:calc(50% - 18px); 
	
}

@media (max-width:450px) {
	
	.donation_list li{float:none; width:calc(100% - 18px); } 
	
}